body.login-page{min-height:100vh;background:radial-gradient(circle at 15% 0,#fff7fb,#f4e1eb 55%,#ead1e0);color:#5f3650;font-family:Arial,sans-serif}
.login-box,.login-page .container{position:relative;z-index:1}.login-box{width:min(440px,calc(100% - 28px));margin:7vh auto}.login-box-body,.login-page .login-box-body{padding:clamp(22px,4vw,38px);border:1px solid #e7bfd2;border-radius:22px;background:rgba(255,255,255,.97);box-shadow:0 18px 52px rgba(108,39,75,.17)}
.login-logo,.login-logo a{color:#813b61!important;font-family:Georgia,serif;font-weight:700}.login-logo{margin-bottom:18px}.login-box-msg{color:#74566a}.login-page .form-control{min-height:45px;border:1px solid #ddbbcc;border-radius:10px;background:#fff;color:#4e2e41}.login-page .form-control:focus{border-color:#bd5c85;box-shadow:0 0 0 3px #f6dbe7}.login-page label{color:#743c59}.login-page .btn,.login-page button[type=submit]{min-height:43px;border:0;border-radius:10px;background:linear-gradient(125deg,#ca5c86,#82446e)!important;color:#fff!important;font-weight:700;box-shadow:0 7px 18px rgba(127,54,89,.2)}.login-page a{color:#99476f}.login-page .alert{border-radius:10px}
body.skin-blue{background:#fff7fa;color:#573648}body.skin-blue .main-header .logo,body.skin-blue .main-header .navbar{background:#934365!important}body.skin-blue .main-sidebar{background:#43283a!important}body.skin-blue .sidebar-menu>li>a,body.skin-blue .treeview-menu>li>a{color:#f9e8f0!important}body.skin-blue .sidebar-menu>li:hover>a,body.skin-blue .sidebar-menu>li.active>a{background:#a44c75!important}body.skin-blue .content-wrapper{background:#fff7fa!important}body.skin-blue .content-header h1{color:#813b61}.small-box.bg-white,.dashboard-box,.box{border:1px solid #e8c7d5;border-radius:15px;box-shadow:0 9px 25px rgba(91,39,68,.07)}.small-box.bg-white .inner h3{color:#934365}.small-box.bg-white .inner p{color:#704258}.label-danger{background:#a74c72!important}
body.skin-blue .content-header{padding:20px 20px 12px}body.skin-blue .content-header h1,body.skin-blue .box-title{font-family:Georgia,serif;color:#813b61!important}body.skin-blue .box{overflow:hidden;border-top:2px solid #bc6289!important;background:#fff}body.skin-blue .box-header{background:#fff4f8}body.skin-blue .table>thead>tr>th,body.skin-blue table thead th{background:#fae9f1;color:#743d5b;border-color:#e9c9d8}body.skin-blue .table>tbody>tr>td{border-color:#efdce5}body.skin-blue .table-striped>tbody>tr:nth-of-type(odd){background:#fff8fb}body.skin-blue .form-control{border:1px solid #dfbdcd;border-radius:8px;box-shadow:none}body.skin-blue .form-control:focus{border-color:#b95e85;box-shadow:0 0 0 3px #f5dce7}body.skin-blue .btn-primary,body.skin-blue .btn-success,body.skin-blue .btn-danger,body.skin-blue .btnThemeG1,body.skin-blue .btnThemeR1{border:0;border-radius:9px;background:linear-gradient(125deg,#c35a83,#82436d)!important;color:#fff!important}body.skin-blue .pagination>.active>a{background:#a44c75;border-color:#a44c75}body.skin-blue .main-footer{border-top:1px solid #e9cbd9;background:#fff9fc;color:#825b70}
@media(max-width:767px){body.skin-blue .content-header{padding:16px 12px 8px}body.skin-blue .content{padding:12px}body.skin-blue .main-header .logo{font-size:19px}.box{max-width:100%;overflow-x:auto}}
.partner-referral-box{border:1px solid #e8c7d5!important;background:#fff9fc!important}.partner-referral-box .box-body{padding:20px}.partner-referral-box h3{margin:0 0 8px;color:#813b61;font-family:Georgia,serif}.partner-referral-box p{color:#704258}.partner-referral-box .form-control{max-width:780px}.partner-referral-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.partner-referral-actions .btn{min-height:38px}

/* Keep the navigation control visible even when the external icon font is late. */
body.skin-blue .main-header .sidebar-toggle{display:block!important;min-width:50px;text-align:center;color:#fff!important}
body.skin-blue .main-header .sidebar-toggle i{display:none!important}
body.skin-blue .main-header .sidebar-toggle:before{content:"\2630"!important;font:700 24px/20px Arial,sans-serif!important}

/* Replace legacy green brand colors throughout old partner templates. */
body.skin-blue .main-header .logo,body.skin-blue .main-header .logo:hover,body.skin-blue .main-header .navbar,body.skin-blue .main-header .navbar .sidebar-toggle,body.skin-blue .main-header .navbar .sidebar-toggle:hover{background:#984266!important;color:#fff!important}
body.skin-blue .sidebar-menu>li:hover>a,body.skin-blue .sidebar-menu>li.active>a{border-left-color:#c65b86!important;background:#a84b75!important}
body.skin-blue .btn-success,body.skin-blue .btnThemeG1,body.skin-blue .btnThemeG2,body.skin-blue .btnThemeG3,body.skin-blue .btn-green,body.skin-blue .bg-green,body.skin-blue .label-success,body.skin-blue .current{border-color:#8b365d!important;background:linear-gradient(125deg,#c35a83,#82436d)!important;color:#fff!important;box-shadow:none!important}
body.skin-blue .small-box.bg-white .inner h3,body.skin-blue .main-footer a,body.skin-blue .nav-tabs.nav-justified>li>a,body.skin-blue .text-success{color:#984266!important}
body.skin-blue .inPaidModal .inPaidModalMatri h3,body.skin-blue .inPaidModal .inPaidModalStatus i.fa-thumbs-up,body.skin-blue .gtAdminMemResult ul.gtAdminMemStatus li i.fa-thumbs-up,body.skin-blue .updateSiteApprovalStatus .fa-thumbs-up{color:#984266!important}
body.skin-blue a:hover .small-box.bg-white,body.skin-blue a:focus .small-box.bg-white{background:linear-gradient(135deg,#bd567f,#82436d)!important}
body.skin-blue a:hover .small-box.bg-white .inner h3,body.skin-blue a:hover .small-box.bg-white .inner p,body.skin-blue a:focus .small-box.bg-white .inner h3,body.skin-blue a:focus .small-box.bg-white .inner p{color:#fff!important}
body.skin-blue .spinner{background-color:#a44770!important}

/* Override every interactive green state left by the legacy partner skin. */
body.skin-blue .main-header .navbar .nav>li>a:hover,
body.skin-blue .main-header .navbar .nav>li>a:focus,
body.skin-blue .main-header .navbar .nav>li>a:active,
body.skin-blue .main-header .navbar .nav>.open>a,
body.skin-blue .main-header .navbar .nav>.open>a:hover,
body.skin-blue .main-header .navbar .nav>.open>a:focus{background:#7f3658!important;color:#fff!important}
body.skin-blue .btn-success:hover,
body.skin-blue .btn-success:focus,
body.skin-blue .btn-success:active,
body.skin-blue .btn-success.active,
body.skin-blue .btn-green:hover,
body.skin-blue .btn-green:focus,
body.skin-blue .btn-green:active,
body.skin-blue .btnThemeG1:hover,
body.skin-blue .btnThemeG1:focus,
body.skin-blue .btnThemeG1:active,
body.skin-blue .btnThemeG2:hover,
body.skin-blue .btnThemeG2:focus,
body.skin-blue .btnThemeG2:active,
body.skin-blue .btnThemeG3:hover,
body.skin-blue .btnThemeG3:focus,
body.skin-blue .btnThemeG3:active,
body.skin-blue .updateSite .btn-success:hover,
body.skin-blue .updateSite .btn-success:focus,
body.skin-blue .updateSite .btn-success:active{border-color:#71304f!important;background:#7f3658!important;color:#fff!important;box-shadow:0 5px 13px rgba(92,36,66,.2)!important}
body.skin-blue a:hover .small-box.bg-white,
body.skin-blue a:focus .small-box.bg-white,
body.skin-blue .small-box.bg-white:hover{border-color:#a94b73!important;background:linear-gradient(135deg,#bd567f,#82436d)!important}
body.skin-blue .small-box.bg-white:hover .inner h3,
body.skin-blue .small-box.bg-white:hover .inner p{color:#fff!important}
body.skin-blue .bg-green:hover,
body.skin-blue a.bg-green:hover,
body.skin-blue .label-success:hover{background:#7f3658!important;color:#fff!important}

/* Readable replacement for the old clipped 45px action strip. */
.member-action-float{position:fixed;z-index:1040;right:14px;top:190px;display:flex;flex-direction:column;gap:7px;width:132px;padding:10px;border:1px solid #e2bdce;border-radius:13px;background:#fff;box-shadow:0 10px 28px rgba(67,40,58,.2)}
.member-action-float label{margin:0 0 2px;color:#684052;font-size:12px;text-align:center}
.member-action-float .btn{display:block;width:100%;padding:7px 8px;border-radius:7px;font-size:12px}

@media(min-width:768px){
 body.skin-blue .updateSite>.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
 body.skin-blue .updateSite>.row>[class*="col-"]{width:auto!important;float:none!important;padding:0}
 body.skin-blue .gtSelectMember .row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 body.skin-blue .gtSelectMember .row>*{width:auto!important;float:none!important}
}

@media(max-width:767px){
 body.skin-blue .main-header{position:relative;max-height:none}
 body.skin-blue .main-header .logo{width:100%;float:none}
 body.skin-blue .main-header .navbar{margin-left:0!important;min-height:51px}
 body.skin-blue .main-sidebar{padding-top:101px;transform:translate(-230px,0)!important}
 body.skin-blue.sidebar-open .main-sidebar{transform:translate(0,0)!important}
 body.skin-blue .content-wrapper,body.skin-blue .main-footer{margin-left:0!important;min-width:0!important}
 body.skin-blue.sidebar-open .content-wrapper{transform:translate(230px,0)}
 body.skin-blue .content-wrapper{overflow:hidden}
 body.skin-blue .content-header .breadcrumb{position:static;float:none;margin-top:8px;background:#f1e9ee}
 body.skin-blue .box-top .row>div{width:100%;float:none;margin-bottom:8px}
 body.skin-blue .gtSelectMember .row{display:grid;grid-template-columns:1fr 1fr}
 body.skin-blue .gtSelectMember .row>*{width:auto!important;float:none!important}
 .member-action-float{right:8px;top:auto;bottom:14px;width:116px;transform:scale(.92);transform-origin:right bottom}
}
