body,#cpanel_body{
    font-weight:lighter;
    color:#4f5860;
    background-color:#f5f5f5
}
a:hover,.body-content a:hover,.btn-link:hover{
    color:#ff6c2c;
    text-decoration:none
}
#content .btn-primary,.yui-dialog .btn-primary{
    background:#ff6c2c;
    border-color:#dd370a;
    -webkit-box-shadow:inset 0 0 #dd370a;
    box-shadow:inset 0 0 #dd370a;
    color:#fff;
    border-width:1px
}
.btn-default[disabled],.btn-default[disabled]:hover,.btn-default[disabled]:focus,.btn-default[disabled]:active,.btn-default[disabled].active,.btn-default,.button-group button{
    -webkit-box-shadow:inset 0 0 #dd370a;
    box-shadow:inset 0 0 #dd370a;
    border-width:1px
}
#content .btn-primary:hover,#content .btn-primary:focus,#content .btn-primary:active,#content .btn-primary.active,#content .open .dropdown-toggle.btn-primary,.yui-dialog .btn-primary:hover,.yui-dialog .btn-primary:focus,.yui-dialog .btn-primary:active,.yui-dialog .btn-primary.active,.yui-dialog .open .dropdown-toggle.btn-primary{
    background:#dd370a;
    color:#fff
}
.form-control:focus{
    border-color:#ff6c2c;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,108,44,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,108,44,.6)
}
.dt_module{
    padding-top:30px
}
.form-group label{
    font-weight:lighter
}
#lnkHeaderHome:after,input#txtQuickFind,#btnUserPref,#lnkHeaderNotifications,#lnkHeaderLogout,a,.widget-heading .close,.panel,.widget,.panel-header,.widget-header,.group-header-indicator,.item,.itemTextWrapper a,.itemTextWrapper,#quickLinks a,#quickjump.form-control,.widget-heading .group-header,.widget-header .group-header,footer .navbar-nav>li>a,.btn-link,.btn-primary,#lnkHeaderHome,#lnkHeaderHome::before,.dropdown-menu>li>a,.itemContentWrapper,.itemImageWrapper,.item .itemImageWrapper{
    -webkit-transition:all 300ms ease;
    -moz-transition:all 300ms ease;
    -ms-transition:all 300ms ease;
    -o-transition:all 300ms ease;
    transition:all 300ms ease
}
#lblUserNameTxt,#caretImg,#lnkFooterHome,#quickLinks ul li:first-child{
    display:none
}
header .navbar ,.navbar-preferences,header .navbar,header .navbar .container .navbar-header,header .navbar .container .navbar-header .navbar-preferences,#lnkHeaderHome,.cp-nav-toggle,#btnUserPref,.link-buttons,#lnkHeaderHome,.cp-nav-toggle{
    height:50px
}
#-group iframe {
    width: 100%;
}
 footer{
    border-top:0 solid #d9e0e2
}
footer .navbar{
    margin:0
}
footer .navbar-nav>li>a{
    padding-top:15px;
    padding-bottom:15px;
    font-size:12px;
    color:#999
}
footer .navbar-nav>li>a:hover{
    background-color:transparent;
    color:#ff6c2c;
    text-decoration:none
}
a:hover{
    color:#ff6c2c
}
header .navbar-header .navbar-brand .brand-name{
    font-weight:lighter;
    font-size:18px
}
#lnkHeaderHome{
    padding:0 15px;
    background-color:#4f5860;
    border-bottom:1px solid #dae0e2;
    color:#fff
}
#lnkHeaderHome:hover{
    background-color:#ff6c2c
}
.navbar-cpanel{
    background-color:#fff;
    border-bottom:1px solid #d9e0e2;
    box-shadow:none
}
input#txtQuickFind{
    height:50px;
    width:50px;
    border-left:1px solid #d9e0e2;
    border-top:0;
    border-right:0;
    border-bottom:0;
    border-radius:0;
    background:transparent;
    text-indent:35px;
    margin:0;
    -webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.075);
    box-shadow:inset 0 0 0 rgba(0,0,0,.075);
    margin-right:-4px;
    opacity:1
}
input#txtQuickFind,.quickFindDiv::after{
    color:#4f5860;
    left:23px
}
html[dir="rtl"] .quickFindDiv:after{
    right:17px;
    left:auto
}
html[dir="rtl"] input#txtQuickFind{
    border-right:1px solid #d9e0e2;
    border-left:1px solid #d9e0e2;
    margin-right:-4px;
    text-indent:35px
}
input#txtQuickFind:hover,input#txtQuickFind:focus{
    width:175px
}
input:focus#txtQuickFind{
    box-shadow:none
}
.navbar-preferences button.navbar-item.btn-primary,#btnUserPref,#lnkHeaderLogout,#lnkHeaderNotifications{
    border-left:1px solid #dae0e2;
    border-right:0;
    border-top:0;
    border-bottom:0;
    border-radius:0;
    background-color:transparent;
    color:#4f5860
}
.navbar-preferences button.navbar-item.btn-primary,#btnUserPref,#lnkHeaderLogout,#lnkHeaderNotifications{
    min-width:50px
}
.navbar .fa-lg{
    font-size:12px;
    position:relative;
    top:-1px
}
.navbar .badge{
    font-size:10px;
    font-weight:lighter
}
#lnkHeaderLogout{
    padding-top:7px
}
.navbar-preferences button.navbar-item.btn-primary:hover,.navbar-preferences button.navbar-item.btn-primary:active,.navbar-preferences button.navbar-item.btn-primary:focus,#btnUserPref:hover,#btnUserPref:active,#btnUserPref:focus,#lnkHeaderLogout:hover,#lnkHeaderLogout:active,#lnkHeaderLogout:focus,#lnkHeaderNotifications:hover,#lnkHeaderNotifications:active,#lnkHeaderNotifications:focus{
    color:#ff6c2c
}
.dropdown-menu{
    -webkit-box-shadow:0 2px 3px rgba(0,0,0,.05);
    box-shadow:0 2px 3px rgba(0,0,0,.05);
    border:1px solid #dae0e2
}
.dropdown-menu .divider{
    margin:0
}
.dropdown-menu>li{
    border-bottom:1px dotted #dae0e2
}
.dropdown-menu>li>a,.navbar-preferences .dropdown-menu>li>a{
    color:#4f5860;
    font-weight:lighter;
    padding:10px 15px
}
.dropdown-menu>li>a:hover,.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{
    color:#ff6c2c;
    background-color:#f5f5f5
}
.dropdown-menu>li:last-child{
    border-bottom:0 dotted rgba(0,0,0,.1)
}
.btn-group.open .dropdown-toggle{
    -webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.125);
    box-shadow:inset 0 0 0 rgba(0,0,0,.125)
}
.btn:focus,.btn:active:focus,.btn.active:focus{
    outline:0
}
#sidebar{
    background-color:#fff;
    box-shadow:none;
    border-color:#d9e0e2;
    border-top:0
}
#sidebar a{
    border-bottom:1px solid #d9e0e2;
    padding:16px
}
#sidebar a:hover,#sidebar a:active,#sidebar a:focus{
    color:#ff6c2c
}
#sidebar a.active{
    border-left:4px solid #ff6c2c;
    padding-left:12px;
    background-color:#f5f5f5;
    box-shadow:2px 0 0 0 #f5f5f5
}
#sidebar .fa-2x{
    font-size:18px
}
#sidebar a#lnkMenu{
    padding:19px 17px 13px 16px
}
#sidebar a#lnkMenu.active{
    padding:19px 17px 13px 12px
}
#home.cpanel #content{
    margin:40px 20px 5px 20px
}
.cpanel #content{
    margin:55px 20px 5px 20px
}
#home.webmail #content{
    margin:20px 0 5px 20px;
    padding-top:40px
}
#content{
    margin:20px 20px 5px 20px
}
#jump-search{
    margin:20px 20px 5px 0
}
#quickjump{
    box-shadow:inset 0 0 0 rgba(0,0,0,.075);
    padding-top:12px;
    padding-bottom:12px;
    height:inherit;
    background-color:#fff;
    background-image:url("/img/search-icon.png");
    background-repeat:no-repeat;
    background-position:99% 10px
}
html[dir="rtl"] #quickjump{
    background-position:1% 10px
}
#quickjump.form-control{
    background-color:#fff;
    border:1px solid #ececec
}
#quickjump.form-control:hover{
    background-color:#fff;
    border-color:#ddd
}
#quickjump.form-control:focus{
    border-color:#ff6c2c;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,108,44,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(255,108,44,.6)
}
#boxes{
    margin-right:20px
}
#featureShowcaseSection{
    margin-right:20px;
    margin-bottom:35px
}
.panel,.widget{
    background-color:#fff;
    margin-top:20px;
    box-shadow:none;
    border:1px solid rgba(0,0,0,.075);
    border-radius:3px
}
.panel:hover,.widget:hover{
    -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.125);
    box-shadow:0 0 10px 0 rgba(0,0,0,.125);
    border-color:rgba(0,0,0,.125)
}
.panel-heading{
    border-top-right-radius:inherit;
    border-top-left-radius:inherit;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.widget-heading,.widget-header{
    border-top:0 solid #d9e0e2;
    border-bottom:1px solid rgba(0,0,0,.075);
    border-left:0;
    border-right:0;
    line-height:20px;
    color:black;
    background-color:transparent;
    text-transform:capitalize;
    font-size:22px;
    padding:15px
}
.widget-heading:hover .group-header,.widget-header:hover .group-header{
    color:#ff6c2c
}
.widget-heading .close,.widget-header .close{
    color:#d9e0e2
}
.widget-heading .close:hover,.widget-header .close:hover{
    color:#4f5860
}
.group-header-indicator{
    font-size:14px;
    color:#d9e0e2
}
.group-header-indicator:hover{
    color:#4f5860
}
.widget-body,.panel-body{
    background-color:transparent
}
.item{
    background:#f9f9f9;
    height:inherit;
    margin:0 15px 15px 0;
    width:230px;
    border:1px solid #f0f0f0;
    border-radius:2px;
    -webkit-border-radius:2px;
    overflow:hidden
}
.item:hover{
    border-color:#d9e0e2
}
#content .item:hover .itemTextWrapper,#content .item:hover .itemTextWrapper a{
    color:#ff6c2c
}
.itemImageWrapper{
    margin:10px 0 10px 10px
}
html[dir="rtl"] .itemImageWrapper{
    margin:10px 10px 10px 0
}
.itemTextWrapper,a.itemTexWrapper{
    width:74%;
    padding:0;
    margin-left:-4px
}
#content .itemTextWrapper a,#content a.itemTextWrapper{
    padding:15px 0 15px 15px
}
html[dir="rtl"] #content .itemTextWrapper a,html[dir="rtl"] #content a.itemTextWrapper{
    padding:15px 15px 15px 0
}
#content .itemTextWrapper a:hover,#content a.itemTextWrapper:hover{
    color:#ff6c2c;
    text-decoration:none
}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{
    border-top:1px solid #ececec
}
.table>tbody>tr>td.danger,.table>tbody>tr.danger>td,.table>tbody>tr>td.warning,.table>tbody>tr.warning>td{
    background-color:inherit
}
.table>tbody>td.warning,.table>tbody>tr.warning,.table>tbody>td.danger,.table>tbody>tr.danger{
    border-left:0
}
.app-stat-upgrade a{
    background-color:inherit;
    color:#777
}
.app-stat-upgrade a:hover{
    color:#ff6c2c
}
.app-stat-upgrade i{
    margin-top:35px
}
.progress{
    background-color:#f8f9fa;
    border-radius:6px;
    height:6px;
    -webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.1);
    box-shadow:inset 0 0 0 rgba(0,0,0,.1)
}
.dashboard-item .progress{
    margin:5px 0 15px 0
}
.dashboard-item .panel-body{
    padding:15px 25px
}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
    font-weight:lighter
}
h1.page-header{
    border-bottom:0;
    font-weight:lighter;
    border-left:4px solid #ff6c2c;
    padding:0 0 0 .5em
}
html[dir="rtl"] h1.page-header{
    border-right:4px solid #ff6c2c;
    border-left:none;
    padding:0 .5em 0 0
}
.page-icon{
    display:none
}
.body-content h2{
    border-bottom:1px solid #d9e0e2;
    padding-bottom:.75em;
    margin-bottom:1em;
    font-size:24px
}
.body-content .section,.edge,.directory-list,#postgres_main,#hilight-box,.sa-box{
    background-color:#fff;
    padding:15px;
    margin:2em 0 2em 0;
    border:1px solid #d9e0e2;
    -webkit-border-radius:3px;
    border-radius:3px
}
.body-content .section .section,.body-content .section .formbox h2{
    border:0;
    padding:0;
    margin:0;
    overflow:visible
}
.body-content .section .formbox h2{
    font-size:22px;
    padding-bottom:.75em
}
.body-content .control-label{
    padding-left:0
}
.panel-primary>.panel-heading{
    background-color:#ff6c2c;
    border-color:#ff6c2c
}
.panel-primary,.panel-primary>.panel-heading+.panel-collapse .panel-body{
    border-color:#d9e0e2
}
.panel-primary .panel-title a,.panel-primary .panel-title a:hover{
    color:#fff
}
.tab-content{
    padding:15px;
    border:1px solid #ddd;
    background-color:#fff;
    border-top:0
}
.stats-bar-text{
    text-transform:capitalize
}
.search-panel{
    margin-bottom:2em
}
@media(min-width:992px) and (max-width:1199px){
    .item{
        width:47%
    }
    .itemTextWrapper{
        width:77%
    }
    #quickjump{
        background-position:98% 10px
    }
}
@media(min-width:769px) and (max-width:991px){
    #sidebar{
        top:50px
    }
    html[dir="ltr"] #content{
        margin:40px 10px 5px 10px
    }
    #quickjump{
        background-position:97% 10px
    }
    .item{
        width:30.5%
    }
    .itemImageWrapper{
        padding:8px 0
    }
    .itemTextWrapper{
        width:65%
    }
    #stats{
        margin-left:15px;
        width:95%
    }
}
@media(max-width:768px){
    .navbar-preferences,header .navbar,header .navbar .container .navbar-header,header .navbar .container .navbar-header .navbar-preferences{
        height:30px;
        padding-left:0;
        min-height:30px
    }
    .navbar-header,.navbar-preferences button.navbar-item.btn-primary,.navbar-header .navbar-item,#lnkHeaderDiskUsage,#btnUserPref,.link-buttons,#lnkHeaderHome,.cp-nav-toggle{
        height:30px;
        min-height:30px
    }
    #lnkHeaderHome{
        padding-left:5px
    }
    .cp-nav-toggle{
        height:30px;
        width:auto;
        padding:0 10px
    }
    #sidebar{
        top:29px
    }
    header .navbar-header .navbar-brand .brand-name{
        font-weight:lighter;
        font-size:10px;
        width:170px
    }
    #lnkHeaderLogout{
        padding:0 20px 0 20px;
        padding-top:0
    }
    #btnSideBarToggle{
        background-color:#ff6c2c;
        border-bottom:1px solid #dae0e2;
        border-right:1px solid #dae0e2
    }
    .cp-icon-bar{
        background-color:#fff;
        width:20px
    }
    html[dir="ltr"] #content,html[dir="ltr"] #stats{
        padding-left:15px
    }
    #home.cpanel #content,#content,html[dir="ltr"] #content{
        padding-top:0;
        margin:20px 5px 5px 5px
    }
    #boxes,#jump-search,#featureShowcaseSection{
        margin-right:0
    }
    .dashboard-item .panel-body,.panel-body{
        padding:10px
    }
    h1.page-header .page-icon{
        display:none
    }
    html[dir="ltr"] footer{
        padding-left:15px
    }
    html[dir="ltr"] footer .navbar-brand{
        text-align:center;
        margin-left:0;
        width:100%
    }
    footer .navbar{
        width:98%
    }
    footer .nav.navbar-nav{
        float:inherit
    }
    .navbar-nav{
        margin:0
    }
    footer .nav.navbar-nav li:first-child{
        display:none
    }
    footer .nav>li{
        display:inline-block;
        width:49%;
        text-align:center
    }
    footer .nav>li{
        display:inline-block
    }
    #lnkPoweredByCpanel{
        padding:0 10px 10px
    }
    #txtCpanelVersion{
        width:100%;
        bottom: 0;
		color: transparent;
		display:none
    }
	#txtCpanelVersion:before {
		content: "© 2018 VPT. All rights reserved. ";
		font-size: 11px;
		color:#666
	}
    h1.page-header{
        margin-top:20px;
        margin-bottom:10px
    }
    .body-content .section,.edge,.directory-list,#postgres_main,#hilight-box,.sa-box{
        background:0;
        padding:0;
        margin:5px;
        border:0
    }
}
@media only screen and (max-width:600px){
    .long-column{
        max-width:100%
    }
    .pager-page-size-selector{
        padding-left:15px
    }
}
@media(max-width:480px){
    header .navbar-header .navbar-brand .brand-name{
        font-weight:lighter;
        font-size:10px;
        width:120px
    }
    .navbar-preferences button.navbar-item.btn-primary,#btnUserPref,#lnkHeaderDiskUsage,#lnkHeaderLogout,#lnkHeaderNotifications{
        min-width:25px;
        padding-left:12px;
        padding-right:12px
    }
    #quickjump{
        background-position:95% 10px
    }
    .widget-heading{
        padding:10px
    }
    .item{
        margin:0 0 15px 0
    }
    .itemTextWrapper{
        font-size:14px
    }
    html[dir="ltr"] footer{
        padding-left:0
    }
    footer .navbar{
        width:100%
    }
    .navbar-nav{
        margin:0
    }
    footer sub,footer sup{
        line-height:inherit
    }
    h1.page-header{
        margin-top:20px;
        margin-bottom:10px
    }
}
.webmail #mailFrame{
    margin-top:30px;
    left:0
}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{
    background-color:#f5f5f5
}
.table-striped>tbody>tr:nth-child(even)>td,.table-striped>tbody>tr:nth-child(even)>th{
    background-color:#fcfcfc
}