/* Configurable Elements */


/* 
    lightblue     = #34B2DA
    darkgrey     = #71777C
*/

.darkgrey_bg {
    background: rgba(210, 216, 220, 0.3);
}

.lightgrey_bg {
    background: rgba(210, 216, 220, 0.15);
}

.uppercase {
    text-transform: uppercase;
}

body {
    background: url('../images/bg.png');
    color: #D2D8DC !important;
    background-color: #2f393c;
}

input[type='text'].datepicker,
input[type='text'].search_datepicker,
input.hasDatepicker {
    background: url(../images/bg-calendar.png) right no-repeat;
    z-index: 0 !important;
    position: relative;
}

h2 {
    color: #9BA5AD;
}

.maincolor {
    color: #D2D8DC;
}

input {}

input[type="text"],
input[type="password"] {
    color: #D2D8DC;
    border: 1px #71777C solid;
}

textarea {
    background: rgba(146, 152, 156, 0.16);
    color: #D2D8DC;
}

.checkbox {
    background: url('../images/checkbox.png') no-repeat;
}

.radio {
    background: url('../images/radio.png') no-repeat;
}

.footer {
    background: #232b2b;
    color: #CCD2D4;
}

input[type='text'].dollar,
.dollar {
    background-image: url(../images/bg_dollar.png) !important;
}

input[type='text'].percent,
.percent {
    background-image: url(../images/bg_percent.png) !important;
}

.toggle {}

.toggle i {
    border: 1px #DEE1E3 solid;
}

.toggle2 {}

.toggle2.on i:last-child,
.toggle2.off i:first-child {
    background: #ffffff;
}

.toggle2.off i:last-child {
    background: #71777C;
}

.btnupload {
    color: #343D43;
}

.btnsubmit {
    background-color: #92989C;
    color: #343D43;
}

.btnsubmit:hover {
    background-color: #34B2DA;
}

.alert {
    background: rgba(146, 152, 156, 0.16);
}

input.disabled {
    border-color: #555;
    color: #555;
}

i.error_message {
    color: #fdc725;
}


/* Landing Page */

.landing {}

.landing .fold {
    background: url('images/landing_fold.png') no-repeat;
}


/*.landing #header {background: #232b2b;}*/

.landing .menu {}

.landing .menu li {}

.landing .menu li.menu_resellers a {
    background: url('../images/landing_menu_resellers.png') no-repeat -2px 22px #71777C;
}

.landing .menu li.menu_services a {
    background: url('../images/landing_menu_services.png') no-repeat -2px 25px #71777C;
}

.landing .menu li.menu_accounting a {
    background: url('../images/landing_menu_accounting.png') no-repeat -2px 26px #71777C;
}

.landing .menu li.menu_tool a {
    background: url('../images/landing_menu_tool.png') no-repeat -2px 22px #71777C;
}

.landing .menu li.menu_folder a {
    background: url('../images/landing_menu_folder.png') no-repeat -2px 37px #71777C;
}

.landing .menu li.menu_config a {
    background: url('../images/landing_menu_config.png') no-repeat -2px 22px #71777C;
}

.landing .notification {
    background: rgba(146, 152, 156, 0.16);
}

.landing .notification li {
    border-top: 2px rgba(113, 119, 124, 0.45) solid;
}

.landing .notification li span {
    background: #71777C;
}

.landing .notification li span .icon {
    color: #fff !important;
    color: #fff;
}

.landing .notification li.urgent span {
    background-color: #34B2DA;
}

.landing .login {}

.landing .login p {
    color: #9FABB2;
}

.landing .login form {
    background-color: rgba(146, 152, 156, 0.16);
}

.landing .login form input[type="submit"] {
    background-color: #92989C;
    color: #343D43;
}

.landing .login form input[type="submit"]:hover {
    background-color: #34B2DA;
}


/* Other Pages */

.site {}


/*.site #header {background: url('../images/site_header.png') no-repeat left top #CDD2D5;}*/

.site #header .fold {
    background: url('../images/site_fold.png') no-repeat;
}

.site #header .welcome,
.site #header .welcome2 {
    color: #333333;
}

#breadcrumbs,
#breadcrumbs2,
#breadcrumbs a,
#breadcrumbs2 a {
    color: #ffffff;
    text-decoration: none;
}

.site .menu {}

.site .menu li {}


/*.site .menu li.current {background: url('../images/site_menu_current.png') no-repeat center bottom;}*/

.site .menu li em {
    background: #34B2DA;
    color: #ffffff;
}

.site .menu li a {
    color: #333333;
}

/* .site .menu li.current a,
.site .menu li a:hover {
    color: #34B2DA;
} */

.site .sidebar {}

.site .sidebar li a,
.site .sidebar>li>i,
.site .sidebar>li>em {
    color: #D2D8DC;
}

.site .sidebar>li:nth-child(even)>a {
    background: #424B52;
}

.site .sidebar>li:nth-child(odd)>a {
    background: #464F56;
}

.site .sidebar>li li a {
    background: #464F56;
}

.site .sidebar>li.current>a,
.site .sidebar>li.current>i {
    color: #34B2DA;
}

.site .subsidebar>li.current>a,
.site .subsidebar>li.current>i {
    color: white;
    background: #2DB2E0;
}

.site .subsidebar>li.current>a>li {
    background: #464F56;
}

#sidebarwrapper.closed .sidebar .li-title {
    background-color: #424B52;
}

.site .content .viewall a {
    color: #D2D8DC !important;
}

.site .content {}

.site .content ul.tabs li {
    background: rgba(57, 66, 72, 0.6);
}

.site .content ul.tabs li.current {
    background: #394248;
    color: #34B2DA;
}

.site .content div.tabs .tab {
    background: #394248;
}

.site .content .search input[type="submit"] {
    color: #34B2DA;
    background: none;
}

.site .content .paging {}

.site .content .paging a .icon {
    color: #A1ABB4;
}


/* Cases page */

.site .content table.cases th {
    color: #353D43;
    background-color: #71777C;
}

.site .content table.cases th:first-child {
    background: #71777C;
}

.site .content table.cases td.status a {
    background: #71777C;
}

.site .content table.cases td.status a .icon {
    color: #ECECFB;
}

.site .content table.cases td.status.urgent a {
    background: #34B2DA;
}

.site .content table.updates th i {
    color: #D2D8DC;
}

.site .content table.updates td a {
    color: #D2D8DC;
}

.site .content table.updates td a:hover {
    color: #34B2DA;
}

.site .content table.cases td.icon a {
    color: #71777C;
}


/* Quote Edit page */


/*.site .content .quote-edit table th {background: rgba(210, 216, 220, 0.3);}
            .site .content .quote-edit table tr {background: none;}
            .site .content .quote-edit table td {background: rgba(210, 216, 220, 0.14);}*/

.site .content .quote-edit .data-desc {
    background: none;
    border: 1px #71777C solid;
}

.site .content .quote-edit .options a {
    color: #ffffff;
}


/** Reorganized **/

a.headerSortUp span {
    background: url('../images/headerSortUp.png') no-repeat right center;
}

a.headerSortDown span {
    background: url('../images/headerSortDown.png') no-repeat right center;
}

a.headerSortDown span,
a.headerSortUp span {
    color: #353D43;
}


/*dark table styles*/

.site .content table.style1 th {
    background-color: #9BA5AD;
    color: #363D43 !important;
}

.site .content table.style1 th input,
*::-webkit-input-placeholder {
    color: #363D43;
}

.hover-row tr:hover td {
    background-color: rgba(52, 178, 218, .5);
}

.site .content table.style1 tr:nth-child(odd),
.odd-row {
    background-color: #3A4147;
}

.site .content table.style1 tr:nth-child(even),
.even-row {
    background-color: #424B52;
}

.site .content table.style2 tr:nth-child(n) {
    background: none;
}

.site .content table.style3 th {
    background-color: #9BA5AD;
    color: #363D43 !important;
}

.site .content table.style3 th input,
*::-webkit-input-placeholder {
    color: #363D43;
}

.hover-row tr:hover td {
    background-color: rgba(52, 178, 218, .5);
}

.site .content table.style3 tr:nth-child(4n+3),
.odd-row {
    background-color: #3A4147;
}

.site .content table.style3 tr:nth-child(4n+2),
.even-row {
    background-color: #3A4147;
}

.site .content table.style3 tr:nth-child(4n+0),
.even-row {
    background-color: #424B52;
}

.site .content table.style3 tr:nth-child(4n+1),
.odd-row {
    background-color: #424B52;
}

i.icon {
    color: #71777C;
}

i.icon:hover {
    color: #A1ABB4;
}

.select {
    background: url('../images/select.png') no-repeat right center;
}

.select ul {
    border: 1px solid #71777C;
}

.select.select-hover ul {
    background: #363D43;
}

.select li {
    color: #D2D8DC;
}

.select li:hover {
    background: rgba(210, 216, 220, 0.1);
}

.btncancel {
    color: #7E858C;
}

div.btnlink>a,
a.btnlink,
input.btnlink,
button.btnlink,
.btns {
    color: #363D43 !important;
    background: #9BA5AD;
}

div.btnlink>a:hover,
a.btnlink:hover,
input.btnlink:hover,
a.btns:hover,
input.btnlink:hover {
    background: #34B2DA;
}

.btnlink .icon {
    color: #363D43 !important;
}

.btnicon {
    color: #92989C;
}

.btnicon:hover {
    color: #34B2DA;
}

.circle-icon {
    background-color: #71777C;
}

.circle-icon:hover {
    background-color: #34B2DA;
}

i.close-circle-after-Q {
    color: #71777C !important;
}


/* Item Catalog page */

.catalog .catalog-title {
    border-color: #878C8F;
}


/* js slideControl */

.slideControlContainer {
    background: none;
    border: 1px solid #D2D8DC;
}

.slideControlFill {
    background: #D2D8DC;
}

.slideControlHandle {
    background: #363D43;
    border: 1px solid #D2D8DC;
}

.mejs-container .mejs-controls .mejs-time {
    color: #CCD2D3;
}

#rightwrapper #innerwrapper {
    background: url(../images/bg.png);
}

#rightwrapper #overshadow {
    border: none;
}

#rightwrapper h1,
#rightwrapper #sidemenu li a {
    color: #fff;
}

#rightwrapper #sidemenu li a {
    width: 100%;
    outline: 0;
}

#rightwrapper #sidemenu li {
    border-top: 1px solid #384144;
}

#rightwrapper #sidemenu li:last-child {
    border-bottom: 1px solid #384144;
}

.dark-footer#custom_footer #breadcrumbs {
    color: #ffffff
}

.site.full-width_layout #sidebarwrapper {
    position: fixed !important;
    bottom: 0;
    background: #3a4147 !important;
    transition: all 0.2s ease-out;
    margin-bottom: 0 !important;
}

.site .toggle-menu #sidebarwrapper {
    background-color: #3a4147 !important;
}

.site #sidebarwrapper .sidebar ul {
    background: #3a4147;
    padding: 0;
}

.site #sidebarwrapper .sidebar ul li a {
    background-color: #464F56;
    line-height: 28px !important;
    text-align: left;
    padding: 5px 0 5px 38px;
}

.site.full-width_layout .toggle-menu #sidebarwrapper {
    background: #3a4147;
}

.site.full-width_layout #sidebarwrapper {
    margin-bottom: 10px !important;
}

.site .toggle-menu .fullwidth_content .content {
    width: 100% !important;
}


/* #leftwrapper #header {
    top: 0;
}

#sidebarwrapper {
    padding-top: 74px;
}

.site.fixed-header #sidebarwrapper {
    padding-top: 50px;
}

.site.full-width_layout.fixed-header .toggle-menu #sidebarwrapper,
.site.full-width_layout.fixed-header #sidebarwrapper {
    top: 50px;
}

.site .content {
    padding-top: 75px;
} */

.site.full-width_layout #sidebarwrapper {
    margin-bottom: 0 !important;
}


.site.full-width_layout .toggle-menu #sidebarwrapper,
.site.full-width_layout.fixed-header .toggle-menu #sidebarwrapper {
    background: #3a4147;
}

#sidebarwrapper {
    box-shadow: 0 0 5px #333 !important;
}


#rightwrapper #bottom .chat a,
#rightwrapper #bottom .tel a,
#rightwrapper #bottom .support a,
#rightwrapper #bottom .kb a {
    color: #f5f5f5;
}

@media screen and (max-width: 1366px) {
    .header-global-level .menu li a div {
        font-size: 13px;
        padding-right: 0;
    }
    #leftwrapper #header.header-global-level #headerleft .logo img {
        min-height: 30px;
        max-height: 40px;
        padding-top: 9px;
    }
    #leftwrapper #header.header-global-level .menu {
        top: 16px;
    }
    .fixed-header #leftwrapper #header.header-global-level #headerleft .logo img {
        max-height: 30px;
    }
    .fixed-header #leftwrapper #header.header-global-level .menu {
        top: 6px;
    }
}

@media screen and (max-width: 1280px) {
    .site #contentwrapper {
        padding-right: 0;
    }
}

@media screen and (max-width: 1279px) {
    .site #contentwrapper {
        padding-right: 0;
    }
    #header-user {
        display: none;
    }
    #header_right {
        width: 60%;
        margin: auto;
    }
    #leftwrapper #header.header-global-level .menu {
        top: 20px;
        right: 0;
    }
    #leftwrapper #header.header-global-level #headerleft .logo img {
        min-height: 30px;
        max-height: 38px;
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .fixed-header #leftwrapper #header.header-global-level #headerleft .logo img {
        padding-top: 0;
        padding-bottom: 0;
    }
    .fixed-header #leftwrapper #header {
        position: fixed;
        height: 40px;
    }
    .fixed-header #leftwrapper #header.header-global-level .menu {
        top: 7px;
        right: 0;
    }
}

@media screen and (max-width: 1100px) {
    #leftwrapper #header.header-global-level .menu {
        top: 10px;
        right: 0;
    }
    .fixed-header #leftwrapper #header.header-global-level .menu {
        top: -3px;
        right: 0;
    }
}