.main-body-sidebar {
    background-image   : url("/templates/lagom2/assets/img/custom/sidebar-banner.png"), var(--secondary-block-bg);
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center;
}

.page-login .main-body-content {
    background-image   : url("/templates/lagom2/assets/img/custom/bg-graph.svg");
    background-repeat  : no-repeat;
    background-size    : cover;
    background-position: center;
}

:root {
    --login-width          : 510px;
    --login-title-font-size: var(--font-size-h4);
    --login-padding        : calc(4 * 14px);
}

.login-wrapper {
    padding-bottom: 25px;
}

.dropdown-header-title {
    font-size: var(--font-size-m);
}

.login-form .row {
    align-items: center;
}
.login .row-centered {
    width: auto !important;
}
.m-t-6.text-left {
    float: right;
}

/* Register modal */
#modalGeneratePassword .form-group {
    display: flex;
}

/*login social media */
a[href$="?module_provider=Microsoft"] {
    background-color: #07651b !important;
    color: #ffffff !important;
}
a[href$="?module_provider=Microsoft"] i {
    color: #ffffff !important;
}

a[href$="?module_provider=Google"] {
    background-color: #ff422e !important;
    color: #ffffff !important;
}
a[href$="?module_provider=Google"] i {
    color: #ffffff !important;
}

a[href$="?module_provider=GitHub"] {
    background-color: #000 !important;
    color: #fff !important;
}

a[href$="?module_provider=GitHub"] i {
    color: #fff !important;
}

a[href$="?module_provider=Facebook"] {
    background-color: #4768ae;
    color: #fff !important;
}
a[href$="?module_provider=Facebook"] i {
    color: #ffffff !important;
}
a[href$="?module_provider=Microsoft"]:hover,
a[href$="?module_provider=Microsoft"]:focus,
a[href$="?module_provider=Microsoft"]:active {
    color           : #fff !important;
    background-color: #3c763d !important;
}

a[href$="?module_provider=Google"]:hover,
a[href$="?module_provider=Google"]:focus,
a[href$="?module_provider=Google"]:active {
    color           : #fff !important;
    background-color: #b92d1e !important;
}

a[href$="?module_provider=Facebook"]:hover,
a[href$="?module_provider=Facebook"]:focus,
a[href$="?module_provider=Facebook"]:active {
    color           : #fff !important;
    background-color: #2c4477 !important;
}
a[href$="?module_provider=GitHub"]:hover,
a[href$="?module_provider=GitHub"]:focus,
a[href$="?module_provider=GitHub"]:active {
    color           : #fff !important;
    background-color: #333 !important;
}
/* login style */
.login-bottom {
    display        : flex;
    justify-content: center;
    min-height     : 72px;
    padding        : var(--ui-block-padding-base);
}

.login-footer {
    min-height: unset !important;
    padding   : unset !important;
}

.login .row-media {
    margin: 0 !important;
}

.fa-windows::before {
    bottom: 0px !important;
    top   : 0px !important;
}

.login .btn-media :first-child {
    top: 4px !important;
}

/* dashboard */
@media(min-width:750px) {
    .swiper-slide .tile {
        align-items: flex-start;
    }
}

@media (max-width: 767.98px) {
    .swiper-container .tile {
        grid-column-gap: 10px;
    }
}


.language-flag.arabic {
    background: url(/templates/lagom2/assets/img/flags/libya.svg);
}

.client-home-panels .panel-domain-register {
    background: var(--brand-secondary-gradient-v);

}

.client-home-panels .panel-domain-register .panel-heading .panel-title {
    color: var(--text-secondary-heading-color);
}

.status-modern {
    position: relative;
}



.client-home-panels .panel-domain-register .panel-heading .panel-title {
    justify-content: left;
}

@media(min-width:960px) {
    
    
    .client-home-panels  .panel-domain-register .panel-body>form {
        flex     : 0 0 58.667%;
        max-width: 58.667%;
    }
   
    .client-home-panels .panel-domain-register {
        background         : url(/templates/lagom2/assets/img/custom/domain-aside.svg), var(--brand-secondary-gradient-v);
        background-repeat  : no-repeat;
        background-position: right;
        background-size    : contain;
    }

}

.panel-sidebar.panel-sidebar-primary {
    background       : url(/templates/lagom2/assets/img/custom/profile-bg.svg), var(--primary-block-bg);
    background-repeat: no-repeat;
    background-size  : cover;
}

.client-home-panels[data-panels-grid] .col-md-6 .panel-heading {
    position     : relative;
    border-bottom: 2px solid transparent;
}

.client-home-panels[data-panels-grid] .col-md-6 .panel-heading::after {
    content         : '';
    background-color: var(--brand-primary);
    width           : 15%;
    height          : 2px;
    position        : absolute;
    bottom          : 0;
    left            : 0;
}

/* Girds and columns */
@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left;
    }
}

.promo-slider-more,
.promo-slider-close,
.promo-slider-more>i {
    color: #fff;
} 
.promo-slider-slide:hover .promo-slider-more, .promo-slider-slide:hover .promo-slider-more > i{
    color: var(--gray-icons-hover);
}

/* Danger alert close button */
.alert.alert-danger>.btn[data-dismiss=alert], .alert>.close{
    color: var(--alert-danger-text);
}
/* Footer social media */
.social-holder  {margin-top: 5px;}
.social-holder svg {width: 25px; height: 25px;}
.social-holder svg path {fill: #72777c !important;  opacity: 0.6;}
.social-holder li.twitter a:hover svg path{fill: #55acee !important;opacity: 1;}
.social-holder li.facebook a:hover svg path{fill: #4768ae !important;opacity: 1;}
.social-holder li.linkedin a:hover svg path{fill: #0077b5 !important;opacity: 1;}
.social-holder li.instagram a:hover svg path{fill: #9b8e7d !important;opacity: 1;}
.social-holder li.youtube a:hover svg path{fill: #ed1a3b !important;opacity: 1;}
.social-holder li.google a:hover svg path{fill: #ff422e !important;opacity: 1;}
.social-holder ul {margin:0 auto;width:100%;padding:0;}
.social-holder ul li {margin:4px;   list-style-type: none;display: inline-block;}
.social-holder ul li img{width:90px;}
.social-holder ul li a{box-shadow:none;}
/* Disable flex in Reward points page  */
.dataTables_wrapper.form-inline.dt-bootstrap{
	display: unset;
}

/* domain button checker style */
.domain-check-availability{
    color: var(--btn-primary-color);
    background: var(--btn-primary-bg);
    border-color: var(--btn-primary-color);
}
.domain-check-availability:hover{
    color: var(--btn-primary-faded-hover-color);
    background-color: var(--btn-primary-color);
}

/* cPanel extended modal footer */
#layers .lu-modal__actions {
    padding: 16px 16px !important;
}

/* Datepicker */
.ui-datepicker .table>tbody>tr>td, 
.ui-datepicker .table>tfoot>tr>td, 
.ui-datepicker table>tbody>tr>td, 
.ui-datepicker table>tfoot>tr>td {
    height: initial !important;
}
.ui-widget-header {
    background: #2c69ff !important;
    border: 1px solid #2c69ff !important;
}
.ui-widget-content {
    border: 1px solid #dee0e3 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: unset !important;
    border: 1px solid #e9eaec !important;
}

#tabOverview{
	opacity: 1 !important;
}
.page-openstackprojects .product-status h3, .page-openstackprojects .product-status h4 {
    color: var(--product-details-title-color) !important;
}
.page-openstackprojects .product-status .fa-circle.fa-stack-2x{
	display:none !important;
}
.page-openstackprojects .product-details .col-md-6.text-center h4{
    font-size: var(--font-size-lg) !important;
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: bold;
}
.page-openstackprojects .product-details .btn.btn-block.btn-danger {
    margin: 10px !important;
}
.page-openstackprojects .product-status-text{
	text-align:center !important;
}
.page-thesslstorefullv2 input[type=checkbox], .page-thesslstorefullv2 input[type=radio] {
    margin-right: 10px !important;
}
.page-thesslstorefullv2 h2{
	font-size: var(--font-size-lg) !important;
}

.page-thesslstorefullv2 h3{
	font-size: var(--font-size-lg) !important;
}
.page-thesslstorefullv2 .product-details .product-icon .product-name{
    font-size: var(--font-size-xxlg) !important;
}
.sslgen .form-control {
    padding: var(--ui-padding-base-v) var(--ui-padding-base-h) !important;
}
.cert_gen_radio label, #csrDetails > label {
    font-size: inherit !important;
}
/* Acronis cloud */
.page-acroniscloud .page{
	background-color: unset !important;
}
.page-acroniscloud .block{
	margin-bottom: var(--ui-block-spacing-base) !important;
	background: var(--panel-bg) !important;
	border: var(--panel-border) !important;
	border-radius: var(--panel-border-radius) !important;
	box-shadow: var(--panel-box-shadow) !important;
}
.page-acroniscloud .name, .page-acroniscloud .cell, .page-acroniscloud .cell-label, .page-acroniscloud .cell-value{
    font-family: inherit !important;
}
.page-acroniscloud .title, .page-acroniscloud .text, .page-acroniscloud .el-dialog__title, .page-acroniscloud .el-checkbox__label, .page-acroniscloud .section-title{
    font-family: var(--font-family-base) !important;
}
/* SSL generatecert btn */
.ssl-generatecertbtn{
    color: var(--gray-lighter-3) !important;
}
.ssl-generatecertbtn:hover{
    color: #fff !important;
}
/* Shared hosting/email accounts */
body.page-cpanelextended #layers .lu-switch__checkbox:checked+.lu-switch__container {
    background: #c9cccf !important;
}
.page-cpanelextended #layers .lu-switch__container {
    background-color: none !important;
}
@media (min-width: 768px){
	.sensitive-data-body  .col-md-10 {
	    flex: 100%;
	    max-width: 100%;
	}
}


/* domainm anagement contacts */
.page-domainmanagementcontacts .fade:not(.show) ,
.page-domainmanagementcontactchange .fade:not(.show){
	opacity: 1 !important;
}
.page-domainmanagementcontacts .table-bordered,
.page-domainmanagementcontactchange .table-bordered,
.page-domainmanagementcontactmod .table-bordered{
    background: #fff !important;
    box-shadow: var(--ui-block-shadow);
    border: 0;
}
.page-domainmanagementcontacts .table-bordered>tbody>tr>td, 
.page-domainmanagementcontacts .table-bordered>tbody>tr>th, 
.page-domainmanagementcontacts .table-bordered>tfoot>tr>td, 
.page-domainmanagementcontacts .table-bordered>tfoot>tr>th, 
.page-domainmanagementcontacts .table-bordered>thead>tr>td, 
.page-domainmanagementcontacts .table-bordered>thead>tr>th,

.page-domainmanagementcontactchange .table-bordered>tbody>tr>td, 
.page-domainmanagementcontactchange .table-bordered>tbody>tr>th, 
.page-domainmanagementcontactchange .table-bordered>tfoot>tr>td, 
.page-domainmanagementcontactchange .table-bordered>tfoot>tr>th, 
.page-domainmanagementcontactchange .table-bordered>thead>tr>td, 
.page-domainmanagementcontactchange .table-bordered>thead>tr>th,

.page-domainmanagementcontactmod .table-bordered>tbody>tr>td, 
.page-domainmanagementcontactmod .table-bordered>tbody>tr>th, 
.page-domainmanagementcontactmod .table-bordered>tfoot>tr>td, 
.page-domainmanagementcontactmod .table-bordered>tfoot>tr>th, 
.page-domainmanagementcontactmod .table-bordered>thead>tr>td, 
.page-domainmanagementcontactmod .table-bordered>thead>tr>th
{
    border-right: 0 !important;
}
.page-domainmanagementcontacts .table-bordered,
.page-domainmanagementcontactchange .table-bordered,
.page-domainmanagementcontactmod .table-bordered{
    border-top: 0 !important;
}

/* One-step order */
.message{
    background: var(--body-bg);
}

/* Home page - client dashboard */
.client-home-panels .panel-active-services .list-group .list-group-item-actions .btn {
    min-width: 70px;
    font-size: 12px;
    height: 30px;
}

/* EasyDCIM */
#mg-wrapper {
    font-family: inherit !important;
}
#mg-wrapper .well {
    background-color: #f7f7f7 !important;
    border: 1px solid #e9e8e8 !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
}


#mg-wrapper .buttons-content .big-button {
    border: 1px solid #e9e7e8!important;
    color: #2c69ff!important;
    box-shadow: unset!important;
}

.ticket-reply .rating span.star:hover:before, .rating span.star:hover~span.star:before, .ticket-reply .rating-done span.star.active:before{
	color: #E3CF7A;
	background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='535.001' height='512.063' viewBox='0 0 535.001 512.063'%3E%3Cpath id='star-solid' d='M259.3,17.8,194,150.2,47.9,171.5c-26.2,3.8-36.7,36.1-17.7,54.6l105.7,103-25,145.5c-4.5,26.3,23.2,46,46.4,33.7L288,439.6l130.7,68.7c23.2,12.2,50.9-7.4,46.4-33.7l-25-145.5,105.7-103c19-18.5,8.5-50.8-17.7-54.6L382,150.2,316.7,17.8c-11.7-23.6-45.6-23.9-57.4,0Z' transform='translate(-20.5 0.013)' fill='%23e3cf7a'/%3E%3C/svg%3E%0A");
}
.ticket-reply .rating-done span.star:hover:before, .ticket-reply .rating-done span.star:hover~span.star:before, .ticket-reply .rating span.star:hover:before, .ticket-reply .rating span.star:hover~span.star:before{
	color: #E3CF7A;
}
/* zip code register form */
.form-group .intl-tel-input.allow-dropdown .flag-container, 
.intl-tel-input.separate-dial-code .flag-container {
    right: 0;
}


/* Cloudflare */

.cf-reseller-module > .container,
.cf-reseller-module > .graph-cont,
.cf-reseller-module > .cfinternal,
.cf-reseller-module > .page-rules {
    margin-bottom: var(--ui-block-spacing-base) !important;
    background: var(--panel-bg) !important;
    border: var(--panel-border) !important;
    border-radius: var(--panel-border-radius) !important;
    box-shadow: var(--panel-box-shadow) !important;
    padding: 50px !important;
}

.cf-reseller-module .cfcontenttabletype2 tr td {
    padding: 10px 1% !important;
    width: 48% !important;
    float: unset !important;
}

.cf-reseller-module .cfcontenttabletype2 input[type=radio]+span.customRadio {
    display: inline-block !important;
    width: unset !important;
    height: unset !important;
    background-color: #fff !important;
    margin: unset !important;
}

.cf-reseller-module .cfcontenttabletype2 tr td {
    vertical-align: top !important;
}

.cf-reseller-module .cfinternal .cfcontenttabletype2 tr td {
    border: 0 !important;
}

.cf-reseller-module .cfhead span {
    padding: 20px 0 !important;
    background: #f9eddd !important;
    background-color: var(--alert-warning-bg) !important;
    color: var(--alert-warning-text) !important;
    padding: var(--alert-padding-v) var(--alert-padding-h) !important;
    margin-bottom: var(--ui-block-spacing-base) !important;
    border: 1px solid transparent !important;
    border-radius: var(--alert-border-radius) !important;
    overflow: auto !important;
    border-color: var(--alert-warning-border) !important;
}

.cf-reseller-module .cfinternal .table>tbody>tr>td, .table>tfoot>tr>td, table>tbody>tr>td, table>tfoot>tr>td {
    background: var(--table-td-bg) !important;
}

.cf-reseller-module h3.notextshadow {
    font-family: inherit !important;
    font-weight: unset !important;
    font-size: 15px !important;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    color: black !important;
}

.cf-reseller-module .cfcontenttable tr th, .cf-reseller-module .cfcontenttable tr td {
    padding: 13px 11px !important;
    color: #000 !important;
}

.info-1, .info-2, .info-3 {
    box-shadow: unset !important;
}

.cfhead {
    border-bottom: unset !important;
    box-shadow: unset !important;
    margin: 0 !important;
}

.cf-reseller-module .cfcontentmargin {
    padding: 10px !important;
    margin: 0 !important;
    font-family: unset !important;
    font-size: unset !important;
    font-weight: unset !important;
    letter-spacing: 0 !important;
    color: #44506d !important;
    padding: var(--alert-padding-v) var(--alert-padding-h) !important;
    margin-bottom: var(--ui-block-spacing-base) !important;
    border: 1px solid transparent !important;
    border-radius: var(--alert-border-radius) !important;
    overflow: auto !important;
    background-color: var(--alert-info-bg) !important;
    border-color: var(--alert-info-border) !important;
    color: var(--alert-info-text) !important;
    margin: 0 !important;
    font-size: 20px !important;
}

.cf-table {
    box-shadow: unset !important;
    margin: 0 !important;
    padding: 0 !important;
}

.cf-reseller-module .cfcontenttabletype2 tr:nth-child(odd) {
    border: none !important;
    box-shadow: unset !important;
    padding: 20px 0 !important;
    border-radius: 0 !important;
}

.cfcontent {
    padding: 0 !important;
}

.cf-reseller-module .modal-content .modal-footer button.btn.btn-default {
    margin-top: 15px !important;
}

.cf-reseller-module .btn-primary {
    margin-top: 15px !important;
    color: var(--btn-primary-color) !important;
    background: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
}

.cf-reseller-module .btn-primary:hover {
    color: var(--btn-primary-hover-color) !important;
    background-color: var(--btn-primary-hover-bg) !important;
    border-color: var(--btn-primary-hover-border) !important;
}

.page-rule-content h4 {
    font-weight: 500 !important;
    font-family: unset !important;
}

.cf-reseller-module .page-rule-btn {
    padding: 0 50px !important;
}

.cf-reseller-module .cfshowdnsrecord {
    float: unset !important;
    margin: 5px 15px 18px 10px !important;
}

.cf-reseller-module .modal-content .modal-title {
    font-size: unset !important;
    font-weight: unset !important;
    color: unset !important;
    font-family: unset !important;
    margin: 0 !important;
    font-size: var(--modal-title-font-size) !important;
    font-weight: var(--modal-title-font-weight) !important;
    line-height: var(--modal-title-line-height) !important;
}

#cfnavcontainer ul li {
    display: inline !important;
    font-size: 15px !important;
    margin-right: 5px !important;
}

.cf-reseller-module #cfnavcontainer ul li a.active {
    box-shadow: inherit !important;
    color: var(--btn-primary-color) !important;
    background: var(--btn-primary-bg) !important;
    border-color: unset !important;
    display: inline-block !important;
}

.cf-reseller-module #cfnavcontainer ul li a:hover {
    background-color: #fafafa !important;
    box-shadow: inherit !important;
    color: #000 !important;
    border-color: var(--btn-primary-border) !important;
}

.cf-reseller-module div.graphs {
    border: 0 !important;
}

div.graphs ul li {
    width: 100% !important;
    line-height: normal !important;
    padding: 20px !important;
    border: 0 !important;
    border-left: 0 !important;
    min-height: 135px !important;
    margin: 10px 0 !important;
    background: #fafafa !important;
}

div.graphs #requests,
div.graphs #bandwidth,
div.graphs #uniques,
div.graphs #threats {
    height: unset !important;
}

.graph-body ul li a {
    text-decoration: none !important;
    color: #444 !important;
    border: 1px solid #ccc !important;
    padding: 20px !important;
    width: 100% !important;
    display: inline-table !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
}

.cf-reseller-module .graph-body ul li a.active-tab {
    border: 1px solid var(--link-color) !important;
    border-bottom: 1px solid var(--link-color) !important;
    padding: 20px !important;
    background: #fff !important;
    color: var(--link-color) !important;
}

.cf-reseller-module select.input-sm {
    height: 35px !important;
    line-height: 30px !important;
    border-color: #cccccc !important;
    background: unset !important;
    border-width: 1px !important;
    color: #222 !important;
}


div.graphs ul li h4 {
    font-weight: inherit !important;
    font-family: inherit !important;
}

.cf-reseller-module span.delete {
    margin: 0 !important;
}


#manage_cf 
{
    color: var(--btn-default-color) !important;
    background: var(--btn-default-bg) !important;
    border-color: var(--btn-default-border) !important;
}

.pending .internal {
    float: unset !important;
    width: 100% !important;
}

.cfblue {
    border: 0 !important;
    background-color: unset !important;
    color: #2c69ff !important;
    font-weight: bold !important;
    height: 20px !important;
    min-width: 50px !important;
    box-shadow: unset !important;
    font-size: 15px !important;
    padding: 0 !important;
}

.cftable tr {
    width: 100% !important;
    margin: 0 !important;
    border-left: 5px solid #2c69ff !important;
}

.cftable tr th {
    width: 150px !important;
}

.cftable tr:last-child th, .cftable tr:last-child td {
    border-bottom: 1px solid var(--table-border-color) !important;
}

.cfinfo {
    font-size: unset !important;
    background-color: var(--alert-info-bg) !important;
    border-color: var(--alert-info-border) !important;
    color: var(--alert-info-text) !important;
}

.pending {
    padding: 30px  !important;
    margin-bottom: var(--ui-block-spacing-base) !important;
    background: var(--panel-bg) !important;
    border: var(--panel-border) !important;
    border-radius: var(--panel-border-radius); !important;
    box-shadow: var(--panel-box-shadow) !important;
}

/* cPanel font */
#layers2 body,
#layers2 .lu-app {
  font-family: var(--font-family-base), sans-serif !important;
}