/* Koala Hosting client area. Scoped so homepage/cart remain byte-for-byte visual references. */
.koala-client-area{background:#f5f5f5!important;color:#474747}
.koala-client-area .drop-clear{background:#f5f5f5}
.koala-client-area .big-content-img-muspan{position:relative;isolation:isolate;overflow:hidden;height:350px!important;background:#171717!important}
.koala-client-area .koala-client-video{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}
.koala-client-area .bci-back-muspan{position:relative;z-index:1;height:350px!important;background:linear-gradient(90deg,rgba(20,20,20,.78),rgba(20,20,20,.30),rgba(20,20,20,.64))!important}
.koala-client-area .mp-con-one{margin-top:-50px!important}
.koala-client-area .mp-h1 h1{font-weight:600!important;border-color:rgba(255,255,255,.18)!important}
.koala-client-area .mp-credits{padding:10px 16px;background:#fcb91a;border-radius:10px;color:#2d2d2d!important;font-weight:800}
.koala-client-area .mp-con-two{background:rgba(31,31,31,.74)!important;backdrop-filter:blur(7px)}
.koala-client-area .mpo-links a{border-radius:10px!important;transition:.2s ease}
.koala-client-area .mpo-links a:hover,.koala-client-area .mpt-inform li a:hover{transform:translateY(-3px)}
.koala-client-area .mp-links-two{position:relative;z-index:3;background:#fff!important;border-bottom:1px solid #e5e5e5;box-shadow:0 12px 34px rgba(45,45,45,.08)}
.koala-client-area .mp-tabbes{display:flex;justify-content:center;align-items:stretch}
.koala-client-area .mp-tabbes>li{float:none!important}
.koala-client-area .mp-tabbes>li>a{height:100%;color:#505050!important;transition:.2s ease}
.koala-client-area .mp-tabbes>li>a:hover{background:#fff7df!important;color:#2d2d2d!important}
.koala-client-area .mp-tabbes .fa{color:#d38e00!important}
.koala-client-area .mlt-two{background:#2d2d2d!important}

/* Action layout: fixed sidebar + fluid content, without the legacy cream/grey canvas. */
.koala-client-area .client-table{width:min(1240px,calc(100% - 36px))!important;max-width:none!important;margin:40px auto 68px!important;padding:0!important;background:transparent!important}
.koala-client-area .client-table>.mp-tables,.koala-client-area .client-table>.mp-tables>.container{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important}
.koala-client-area .client-table>.mp-tables>.container:after{display:block;clear:both;content:""}
.koala-client-area .client-table .sidebar,.koala-client-area .client-table .common-sidebar,.koala-client-area .client-table .user-nav{float:left!important;width:270px!important;margin:0!important;padding:0!important;background:transparent!important}
.koala-client-area .client-table .main-content{float:right!important;width:calc(100% - 300px)!important;margin:0!important;padding:0!important;background:transparent!important}
.koala-client-area .client-table .col-xs-12.main-content{width:100%!important}

/* Left WHMCS menu. */
.koala-client-area .sidebar .panel,.koala-client-area .common-sidebar .panel{overflow:hidden;margin:0 0 16px!important;background:#fff!important;border:1px solid #e4e4e4!important;border-radius:16px!important;box-shadow:0 14px 36px rgba(45,45,45,.08)!important}
.koala-client-area .sidebar .panel-heading,.koala-client-area .common-sidebar .panel-heading{padding:16px 18px!important;background:#fcb91a!important;border:0!important;color:#2d2d2d!important}
.koala-client-area .sidebar .panel-title,.koala-client-area .common-sidebar .panel-title{color:#2d2d2d!important;font-size:16px!important;font-weight:800!important}
.koala-client-area .sidebar .list-group-item,.koala-client-area .common-sidebar .list-group-item{padding:13px 17px!important;background:#fff!important;border:0!important;border-top:1px solid #ededed!important;color:#555!important;font-size:14px!important;transition:.2s ease}
.koala-client-area .sidebar .list-group-item:hover,.koala-client-area .sidebar .list-group-item.active,.koala-client-area .common-sidebar .list-group-item:hover,.koala-client-area .common-sidebar .list-group-item.active{padding-left:22px!important;background:#fff7df!important;border-left:4px solid #fcb91a!important;color:#2d2d2d!important}
.koala-client-area .sidebar .badge,.koala-client-area .common-sidebar .badge{background:#2d2d2d!important;color:#fff!important;border-radius:99px}
.koala-client-area .sidebar .fa,.koala-client-area .common-sidebar .fa{width:19px;color:#c98700!important;text-align:center}

/* White content surface for every action, including domain details and ticket submission. */
.koala-client-area .main-content{color:#484848!important}
.koala-client-area .main-content>.header-lined,.koala-client-area .main-content>.page-header,.koala-client-area .main-content>form,.koala-client-area .main-content>.tab-content,.koala-client-area .main-content>.tab-contentx,.koala-client-area .main-content>.panel,.koala-client-area .main-content>.product-details,.koala-client-area .main-content>.row,.koala-client-area .main-content>article,
.koala-client-area .client-table>.mp-tables>.container>form{margin-bottom:22px!important;padding:27px!important;background:#fff!important;border:1px solid #e4e4e4!important;border-radius:18px!important;box-shadow:0 16px 44px rgba(45,45,45,.075)!important}
.koala-client-area .main-content .tab-pane{padding:0!important;background:#fff!important;color:#484848!important}
.koala-client-area .main-content .tab-content,.koala-client-area .main-content .tab-contentx,.koala-client-area .main-content .y-fix-tab-content{background:#fff!important;border-color:#e4e4e4!important;color:#484848!important}
.koala-client-area .main-content .row,.koala-client-area .main-content [class*="col-"]{background:transparent!important}
.koala-client-area .main-content .panel,.koala-client-area .main-content .card,.koala-client-area .main-content .well,.koala-client-area .main-content fieldset{background:#fff!important;border:1px solid #e5e5e5!important;border-radius:14px!important;box-shadow:none!important}
.koala-client-area .main-content .panel-heading,.koala-client-area .main-content .card-header,.koala-client-area .main-content .sub-heading{padding:15px 18px!important;background:#fff7df!important;border:0!important;border-bottom:2px solid #fcb91a!important;color:#2d2d2d!important}
.koala-client-area .main-content .panel-title,.koala-client-area .main-content h1,.koala-client-area .main-content h2,.koala-client-area .main-content h3,.koala-client-area .main-content h4{color:#2d2d2d!important;font-weight:700!important}
.koala-client-area .main-content .panel-body,.koala-client-area .main-content .card-body{padding:20px!important;background:#fff!important}
.koala-client-area .main-content .panel-footer,.koala-client-area .main-content .card-footer{padding:14px 19px!important;background:#fafafa!important;border-color:#e9e9e9!important}

/* Domain details cards/tabs. */
.koala-client-area .main-content .nav-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px!important;padding:7px!important;background:#f2f2f2!important;border:0!important;border-radius:12px!important}
.koala-client-area .main-content .nav-tabs>li{float:none!important;margin:0!important}
.koala-client-area .main-content .nav-tabs>li>a{margin:0!important;padding:11px 15px!important;background:transparent!important;border:0!important;border-radius:8px!important;color:#555!important}
.koala-client-area .main-content .nav-tabs>li.active>a,.koala-client-area .main-content .nav-tabs>li>a:hover{background:#fcb91a!important;color:#2d2d2d!important}
.koala-client-area .main-content .moduleoutput,.koala-client-area .main-content .domain-addon,.koala-client-area .main-content .product-status{overflow:hidden;padding:20px!important;background:#fff!important;border:1px solid #e5e5e5!important;border-radius:15px!important}

/* Tables identical in spirit to cart view. */
.koala-client-area .table-container{overflow:hidden;background:#fff!important;border:1px solid #e4e4e4!important;border-radius:17px!important;box-shadow:0 14px 40px rgba(45,45,45,.07)!important}
.koala-client-area .table-container .dataTables_wrapper{padding:0}
.koala-client-area table.table{margin:0!important;background:#fff!important}
.koala-client-area table.table thead th{padding:15px 13px!important;background:#fcb91a!important;border:0!important;color:#2d2d2d!important;font-size:14px!important;font-weight:800!important}
.koala-client-area table.table tbody td{padding:14px 13px!important;background:#fff!important;border-color:#ededed!important;color:#505050!important;vertical-align:middle!important}
.koala-client-area table.table tbody tr:nth-child(even) td{background:#fffaf0!important}
.koala-client-area table.table tbody tr:hover td{background:#fff2cc!important}

/* Forms and buttons, including submitticket.php. */
.koala-client-area label{color:#3d3d3d!important;font-weight:700!important}
.koala-client-area .form-control,.koala-client-area input[type=text],.koala-client-area input[type=email],.koala-client-area input[type=password],.koala-client-area input[type=file],.koala-client-area select,.koala-client-area textarea{min-height:45px;background:#fff!important;border:1px solid #dcdcdc!important;border-radius:10px!important;box-shadow:none!important;color:#414141!important}
.koala-client-area textarea.form-control{min-height:180px}
.koala-client-area .form-control:focus,.koala-client-area input:focus,.koala-client-area select:focus,.koala-client-area textarea:focus{border-color:#fcb91a!important;box-shadow:0 0 0 4px rgba(252,185,26,.16)!important;outline:0}
.koala-client-area .btn{min-height:42px;padding:10px 17px!important;border-radius:9px!important;font-weight:700!important;transition:.18s ease}
.koala-client-area .btn:hover{transform:translateY(-2px)}
.koala-client-area .btn-primary,.koala-client-area .btn-success,.koala-client-area .btn-info,.koala-client-area input[type=submit].btn{background:linear-gradient(135deg,#fcb91a,#ffd15c)!important;border-color:#fcb91a!important;color:#2d2d2d!important;box-shadow:0 8px 19px rgba(252,185,26,.22)!important}
.koala-client-area .btn-default{background:#fff!important;border-color:#d7d7d7!important;color:#444!important}
.koala-client-area .label.status{padding:7px 11px!important;border-radius:99px!important;font-weight:700}
.koala-client-area .alert{border:0!important;border-left:4px solid #fcb91a!important;border-radius:10px!important}

/* Home tables and news. */
.koala-client-area .mtable-top{height:48px!important;background:#fcb91a!important;border-radius:17px!important;color:#2d2d2d!important}
.koala-client-area .mtable-top .fa,.koala-client-area .mtable-top a{color:#2d2d2d!important}
.koala-client-area .mtp-icon{padding:7px!important;font-size:30px!important;line-height:1!important}
.koala-client-area .mp-table-one{overflow:hidden;background:#fff!important;border:1px solid #e4e4e4;border-radius:0 0 17px 17px;box-shadow:0 15px 42px rgba(45,45,45,.07)}
.koala-client-area .mp-table-one>ul,.koala-client-area .mp-table-one>ul>li{width:100%!important}
.koala-client-area .mp-news{padding:32px;background:#fff;border-radius:19px;box-shadow:0 15px 42px rgba(45,45,45,.07)}

/* Dynamic WHMCS 8 icon aliases on the bundled Font Awesome 4 font. */
.koala-client-area .fas,.koala-client-area .far,.koala-client-area .fab{font-family:FontAwesome!important;font-style:normal!important}
.koala-client-area .fa-shield-alt:before{content:"\f132"}.koala-client-area .fa-sync-alt:before,.koala-client-area .fa-sync:before{content:"\f021"}.koala-client-area .fa-sign-out-alt:before{content:"\f08b"}.koala-client-area .fa-file-invoice:before,.koala-client-area .fa-file-invoice-dollar:before{content:"\f15c"}

/* Footer must always start below action floats. */
.koala-client-area footer{position:relative;clear:both!important;width:100%;margin-top:0!important}
.koala-client-area footer:before{display:table;clear:both;content:""}

@media(max-width:991px){.koala-client-area .client-table{width:calc(100% - 24px)!important;margin-top:28px!important}.koala-client-area .client-table .sidebar,.koala-client-area .client-table .common-sidebar,.koala-client-area .client-table .user-nav,.koala-client-area .client-table .main-content{float:none!important;width:100%!important}.koala-client-area .client-table .sidebar,.koala-client-area .client-table .common-sidebar{margin-bottom:20px!important}.koala-client-area .mp-tabbes{flex-wrap:wrap}.koala-client-area .mp-tabbes>li{width:33.333%!important}}
@media(max-width:600px){.koala-client-area .big-content-img-muspan,.koala-client-area .bci-back-muspan{height:auto!important;min-height:250px}.koala-client-area .mp-tabbes>li{width:50%!important}.koala-client-area .main-content>form,.koala-client-area .main-content>.tab-content,.koala-client-area .main-content>.tab-contentx,.koala-client-area .client-table>.mp-tables>.container>form{padding:17px!important}.koala-client-area .table-container{overflow-x:auto}}
@media(prefers-reduced-motion:reduce){.koala-client-area .koala-client-video{display:none}}

/* Final client-area fixes. */
@font-face{font-family:FontAwesome;src:url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');font-weight:normal;font-style:normal;font-display:block}
.koala-client-area .fa,.koala-client-area .fas,.koala-client-area .far,.koala-client-area .fab{display:inline-block!important;font-family:FontAwesome!important;font-style:normal!important;font-weight:normal!important;text-rendering:auto;-webkit-font-smoothing:antialiased}
.koala-client-area .mpt-inform,.koala-client-area .mpt-image,.koala-client-area .mp-con-two{display:none!important}

.koala-client-area .dataTables_wrapper,
.koala-client-area #tableEmailsList_wrapper{overflow:hidden!important;background:#fff!important;border:1px solid #e4e4e4!important;border-radius:16px!important;color:#4a4a4a!important}
.koala-client-area .dataTables_wrapper .dataTables_info{padding:12px 14px!important;background:#fcb91a!important;border:0!important;border-radius:0!important;color:#2d2d2d!important;font-weight:800!important}
.koala-client-area .dataTables_wrapper .dataTables_filter,
.koala-client-area .dataTables_wrapper .dataTables_length,
.koala-client-area .dataTables_wrapper .dataTables_paginate{background:#fff!important;color:#4a4a4a!important}
.koala-client-area .dataTables_wrapper .dataTables_paginate .pagination>.active>a,
.koala-client-area .dataTables_wrapper .dataTables_paginate .pagination>.active>span{background:#fcb91a!important;border-color:#fcb91a!important;color:#2d2d2d!important}

.koala-client-area .mtp-but-one a,.koala-client-area .mtp-but-two a{overflow:hidden!important;border-radius:12px!important}
.koala-client-area .mtp-but-one a{background:#2d2d2d!important;border:1px solid #2d2d2d!important;color:#fff!important}
.koala-client-area .mtp-but-one a:hover{background:#444!important;border-color:#444!important}
.koala-client-area .mtp-but-two a{background:#fff!important;border:1px solid #d7d7d7!important;color:#2d2d2d!important}
.koala-client-area .mtp-but-one a .fa,
.koala-client-area .mtp-but-two a .fa{color:#fcb91a!important}

/* Product details: replace basic WHMCS blocks with orange/white Koala cards. */
.koala-client-area .product-details{overflow:hidden!important;padding:0!important;background:#fff!important;border:1px solid #e5d29a!important;border-radius:18px!important;box-shadow:0 16px 42px rgba(45,45,45,.08)!important}
.koala-client-area .product-details>.row{display:flex!important;align-items:stretch;margin:0!important}
.koala-client-area .product-details>.row>[class*='col-']{padding:25px!important;background:#fff!important}
.koala-client-area .product-details>.row>[class*='col-']:first-child{background:#fff8e5!important;border-right:1px solid #efdca8!important}
.koala-client-area .product-status{padding:0!important;background:#fff!important;border:1px solid #ead9aa!important;border-radius:15px!important}
.koala-client-area .product-status .product-icon{padding:25px 20px!important;background:#fcb91a!important;color:#2d2d2d!important}
.koala-client-area .product-status .product-icon h3,.koala-client-area .product-status .product-icon h4{color:#2d2d2d!important}
.koala-client-area .product-status .product-status-text{padding:13px!important;background:#2d2d2d!important;color:#fff!important;font-weight:800!important;text-align:center}
.koala-client-area .product-details-tab-container{overflow:hidden!important;margin-top:18px!important;padding:24px!important;background:#fff!important;border:1px solid #e5d29a!important;border-radius:17px!important}
.koala-client-area .product-details-tab-container .tab-pane>.row{margin:0 0 9px!important;padding:13px 10px!important;background:#fffaf0!important;border-bottom:1px solid #f0e3bf!important;border-radius:8px!important}
.koala-client-area .module-client-area{padding:20px!important;background:#fff!important;border:1px solid #e5d29a!important;border-radius:14px!important}

/* Client navigation: no blue/filled legacy hover state. */
.koala-client-area .mp-tab-current,
.koala-client-area .mlt-one li:hover{border-bottom-color:#fcb91a!important}
.koala-client-area .mp-tab-current a,
.koala-client-area .mlt-one li a:hover{background:transparent!important}
.koala-client-area .mp-tab-current a i,
.koala-client-area .mp-tab-current a span,
.koala-client-area .mlt-one li a:hover i,
.koala-client-area .mlt-one li a:hover span{color:#fcb91a!important}
.koala-client-area .mlt-one li a span{color:#555!important}

/* DataTables controls share one baseline and a larger information strip. */
.koala-client-area .dataTables_wrapper>.row:first-child,
.koala-client-area .dataTables_wrapper>.row:last-child{display:flex!important;align-items:center!important;margin:0!important;background:#fff!important}
.koala-client-area .dataTables_wrapper .dataTables_info{display:flex!important;align-items:center!important;min-height:52px!important;padding:13px 16px!important;font-size:15px!important;line-height:1.35!important}
.koala-client-area .dataTables_wrapper .dataTables_filter{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-height:52px!important;margin:0!important;padding:4px 12px!important}
.koala-client-area .dataTables_wrapper .dataTables_filter label{display:flex!important;align-items:center!important;margin:0!important}
.koala-client-area .dataTables_wrapper .dataTables_filter label{height:50px!important;padding:1px!important}
.koala-client-area .dataTables_wrapper .dataTables_filter input{height:40px!important;margin-left:8px!important}

/* Product detail uses a 23/75 Koala layout; nested product columns remain balanced. */
.koala-client-area .client-invoices .client-table .common-sidebar.user-nav{width:23%!important}
.koala-client-area .client-invoices .tab-contentx{float:right!important;width:75%!important;margin:0!important;padding:27px!important;background:#fff!important;border:1px solid #e4e4e4!important;border-radius:18px!important;box-shadow:0 16px 44px rgba(45,45,45,.075)!important}
.koala-client-area .client-domains .tab-contentx{float:none!important;width:100%!important}
.koala-client-area .client-invoices .tab-contentx .row{display:block;align-items:flex-start;justify-content:center}
.koala-client-area .client-invoices .tab-contentx .product-details>.row{align-items:flex-start!important}
.koala-client-area .client-invoices .tab-contentx .product-details-tab-container .row{align-items:center}
.koala-client-area .client-invoices .tab-contentx .product-details>.row>.col-md-6{width:50%!important}
.koala-client-area .client-invoices .tab-contentx .panel,
.koala-client-area .client-invoices .tab-contentx .card{overflow:hidden;background:#fff!important;border:1px solid #ead9aa!important;border-radius:14px!important;box-shadow:none!important}
.koala-client-area .client-invoices .tab-contentx .panel-heading,
.koala-client-area .client-invoices .tab-contentx .card-header{padding:15px 18px!important;background:#fcb91a!important;border:0!important;color:#2d2d2d!important;font-weight:800!important}
.koala-client-area .client-invoices .tab-contentx .panel-heading *,
.koala-client-area .client-invoices .tab-contentx .card-header *{color:#2d2d2d!important}
.koala-client-area .client-invoices .tab-contentx .panel-body,
.koala-client-area .client-invoices .tab-contentx .card-body{padding:20px!important;background:#fff!important}

/* New support ticket: Koala orange/white department cards and premium form. */
.koala-client-area .koala-ticket-submit>.mp-tables>.container{padding:28px!important;background:#fff!important;border:1px solid #e4e4e4!important;border-radius:18px!important;box-shadow:0 16px 44px rgba(45,45,45,.075)!important}
.koala-client-area .koala-ticket-submit .main-content{overflow:hidden!important;padding:28px!important;background:#fff!important;border:1px solid #ead9aa!important;border-radius:17px!important;box-shadow:0 12px 34px rgba(45,45,45,.07)!important}
.koala-client-area .koala-ticket-submit .main-content>p:first-of-type{margin:-28px -28px 24px!important;padding:18px 24px!important;background:#fcb91a!important;color:#2d2d2d!important;font-size:17px!important;font-weight:800!important}
.koala-client-area .koala-ticket-departments .main-content .col-md-6.margin-bottom{padding:0 8px 16px!important}
.koala-client-area .koala-ticket-departments .main-content .col-md-6.margin-bottom>p{margin:0!important;padding:14px 17px;background:#fffaf0!important;border:1px solid #f0d68c!important;color:#555!important}
.koala-client-area .koala-ticket-departments .main-content .col-md-6.margin-bottom>p:first-child{background:#fcb91a!important;border-color:#fcb91a!important;border-radius:12px 12px 0 0!important}
.koala-client-area .koala-ticket-departments .main-content .col-md-6.margin-bottom>p:last-child{border-radius:0 0 12px 12px!important}
.koala-client-area .koala-ticket-departments .main-content .col-md-6.margin-bottom>p:only-child{border-radius:12px!important}
.koala-client-area .koala-ticket-departments .main-content .col-md-6.margin-bottom a{display:block;color:#2d2d2d!important;font-size:16px!important;font-weight:800!important}
.koala-client-area .koala-ticket-departments .main-content .col-md-6.margin-bottom a .fa{margin-right:8px;color:#2d2d2d!important}
.koala-client-area .koala-ticket-form form{padding:0!important;background:#fff!important;border:0!important;box-shadow:none!important}
.koala-client-area .koala-ticket-form form>.row{margin-right:-8px!important;margin-left:-8px!important}
.koala-client-area .koala-ticket-form form>.row>[class*='col-']{padding-right:8px!important;padding-left:8px!important}
.koala-client-area .koala-ticket-form #openTicketSubmit{min-width:190px!important;background:#fcb91a!important;color:#2d2d2d!important}
.koala-client-area .koala-ticket-form .ticket-attachments-message{margin-top:10px!important;padding:11px 14px!important;background:#fff8e5!important;border-radius:9px!important;color:#666!important}

@media(max-width:991px){.koala-client-area .client-invoices .client-table .common-sidebar.user-nav,.koala-client-area .client-invoices .tab-contentx{float:none!important;width:100%!important}.koala-client-area .client-invoices .tab-contentx{margin-top:20px!important}}
@media(max-width:767px){.koala-client-area .product-details>.row{display:block!important}.koala-client-area .product-details>.row>[class*='col-']:first-child{border-right:0!important;border-bottom:1px solid #efdca8!important}.koala-client-area .client-invoices .tab-contentx .product-details>.row>.col-md-6{width:100%!important}.koala-client-area .dataTables_wrapper>.row:first-child,.koala-client-area .dataTables_wrapper>.row:last-child{display:block!important}}