/*================================================================================
  Item Name: Materialize - Material Design Admin Template
  Version: 3.1
  Author: GeeksLabs
  Author URL: http://www.themeforest.net/user/geekslabs
================================================================================*/
/*-----------------------------------------

------------------------------------------*/
/*=================================================================================
    General
====================================================================================*/
/*----------------------------------------
  General Layout Style
------------------------------------------*/


/*!
 * Propeller v1.3.2 (http://propeller.in/): card.css
 * Copyright 2016-2019 Digicorp, Inc
 * Licensed under MIT (http://propeller.in/LICENSE)
 */
.pmd-card {
    padding: 1px 0;
    margin-bottom: 30px;
    background-color: #fff;
    border-radius: 0.125rem;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

    .pmd-card .form-horizontal .form-group {
        margin-right: inherit;
        margin-left: inherit;
    }

.pmd-card-body {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: rgba(0, 0, 0, 0.87);
}

.pmd-card-title {
    padding: 1rem 1rem 0 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
}

    .pmd-card-title .dropdown .dropdown-toggle {
        color: inherit;
    }

.pmd-card-title-text {
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
}

h2.pmd-card-title-text {
    margin-bottom: 2px;
    font-size: 1.5rem;
    font-weight: 400;
}

.pmd-card-subtitle-text {
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 1.6;
    color: rgba(0, 0, 0, 0.54);
}

.pmd-card-footer {
    display: table;
    width: 100%;
    padding: 0.5rem 1rem;
    content: "";
}

.spacefull {
    color: #fff;
    
}

#ctl00_lblQblastSync {
    color: #fff !important;
}

.pmd-card-actions {
    padding: 0.5rem 0.25rem;
}

    .pmd-card-actions .btn {
        margin-right: 0.25rem;
        margin-bottom: 0.5rem;
        margin-left: 0.25rem;
        min-width: inherit;
    }

        .pmd-card-actions .btn:first-child {
            margin-left: 0.75rem;
        }

        .pmd-card-actions .btn:last-child {
            margin-right: 0.75rem;
        }

        .pmd-card-actions .btn.pmd-btn-flat {
            margin-right: 0.25rem;
            margin-bottom: 0;
            margin-left: 0.25rem;
        }

        .pmd-card-actions .btn.pmd-btn-fab {
            padding: 0;
        }

/* Card Media Action */
.pmd-card-media-inline .pmd-card-media {
    padding-right: 1rem;
    padding-left: 1rem;
    margin-top: 1rem;
}

    .pmd-card-media-inline .pmd-card-media h2.pmd-card-title-text {
        margin-top: 0.25rem;
    }

.pmd-card-footer-no-border {
    padding-top: 0;
    border-color: transparent;
}

.pmd-card-list {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    background-color: #fff;
}

/* Card inverse*/
.pmd-card-inverse {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.84);
}

    .pmd-card-inverse .pmd-card-body {
        color: rgba(255, 255, 255, 0.84);
    }

    .pmd-card-inverse .pmd-card-subtitle-text {
        color: rgba(255, 255, 255, 0.54);
    }

/*# sourceMappingURL=card.css.map */


/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none; /* MSPointer events - direct all pointer events to js */
}

    .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox { /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container { /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }
/* RTL direction/left-side scrollbar */

.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}
/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px; /* minimum dragger height */
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}
/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px; /* minimum dragger width */
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px; /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px; /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0; /* non-visible scrollbar */
    margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(229, 229, 229, 0.5);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(230, 230, 230, 1);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(178, 178, 178, 1);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(178, 178, 178, 1);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png); /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

    .mCSB_scrollTools .mCSB_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(229, 229, 229, 0.5);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(229, 229, 229, 0.5);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}

/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}

/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px; /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px; /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px; /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px; /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
}


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0,0,0,0.2);
        box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0,0,0,0.05);
    box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0,0,0,0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255,255,255,0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0,0,0,0.2);
}


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255,255,255,0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0,0,0,0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0,0,0,0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255,255,255,0.9);
}

/* ---------------------------------------- */

/*!
 * Propeller v1.2.0 (http://propeller.in)
 * Copyright 2016-2019 Digicorp, Inc.
 * Licensed under MIT (http://propeller.in/LICENSE)
*/
.pmd-scrollbar {
    max-height: 200px;
    overflow: auto;
    position: relative;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -35px;
}

/*# sourceMappingURL=pmd-scrollbar.css.map */

body {
    background-color: #f9f9f9;
    overflow-x: hidden !important;
    font-family: 'Lato', sans-serif !important;
}

#main {
    padding-left: 170px;
}

footer {
    padding-left: 200px;
}

    footer.page-footer {
        padding-top: 0px;
    }

select {
    background-color: transparent;
    width: 100%;
    padding: 0;
    border: none;
    margin-top: 11px;
    margin-bottom: 10px;
    height: 2rem;
    border-bottom: 1px solid #9e9e9e;
    font-size: 0.9em;
}

    select:focus {
        border-bottom: 2px solid #4598DA !important;
        color: #4598DA;
    }

ul.side-nav {
    width: 170px !important;
}

.m-w170 {
    max-width: 200px !important;
}

#sidenav-overlay {
    background-color: transparent;
}

.container {
    padding: 0 0.5rem;
    margin: 0 auto;
    max-width: 100% !important;
}

#left-sidebar-nav {
    position: fixed;
    width: 100px;
    left: 180px;
    z-index: 999;
    height: auto;
}

    #left-sidebar-nav span.badge.new {
        line-height: 20px;
        margin-top: 11px;
    }

#profile-dropdown {
    width: 120px !important;
}

#content {
    min-height: 80vh !important;
}

    #content .header-search-wrapper {
        width: 100%;
        margin: 0 auto;
        height: 40px;
        display: inline-block;
        position: relative;
    }

    #content .container .row {
        margin-bottom: 0;
    }

    #content .container .checkrow {
        margin-bottom: 0;
        margin-bottom: 5px;
        margin-top: 5px;
        margin-left: -0.75rem;
    }

.tabedit > i {
    display: inline-block !important;
    position: absolute !important;
    margin-top: -4px !important;
    padding-left: 10px !important;
    margin-right: 0 !important;
}


/* New Styles */

.mgnleftneg {
    margin-left: -7px;
}

.RadToolTip_Material .rtCalloutBottomRight, .RadToolTip_Material .rtCalloutBottomCenter, .RadToolTip_Material .rtCalloutBottomLeft {
    border-top-color: #222 !important;
}

.RadToolTip_Material .rtCalloutTopRight, .RadToolTip_Material .rtCalloutTopCenter, .RadToolTip_Material .rtCalloutTopLeft {
    border-top-color: #222 !important;
}

    .RadToolTip_Material .rtCalloutTopRight:before, .RadToolTip_Material .rtCalloutTopCenter:before, .RadToolTip_Material .rtCalloutTopLeft:before {
        border-top-color: #222 !important;
    }

.RadToolTip_Material .rtCalloutBottomRight:before, .RadToolTip_Material .rtCalloutBottomCenter:before, .RadToolTip_Material .rtCalloutBottomLeft:before {
    border-top-color: #222 !important;
}

.dropdown-content a {
    border: none !important;
    background-image: none !important;
    background-color: #fff !important;
    line-height: 1.5em !important;
    vertical-align: middle !important;
}

    .dropdown-content a:hover {
        border: none !important;
        background-image: none !important;
        background-color: #1565c0 !important;
        color: #fff !important;
        line-height: 1.5em !important;
        vertical-align: middle !important;
    }

.invoiceinfo {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 10px;
}

.invoicetitle {
    font-size: 1.3em;
    float: left;
    clear: left;
    width: 100%;
    color: #1565C0;
    font-weight: bold;
}

.invoiceaddr {
    font-size: 0.9em;
    float: left;
    clear: left;
    width: 100%;
}

.invoicepagetitlewrap {
    float: left;
    clear: left;
    width: 100%;
    text-align: center;
    margin-bottom: 23px;
}

.invoicemaintitle {
    font-size: 2em;
    float: left;
    clear: left;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
    color: #1565c0;
}

.invoicemainnm {
    font-size: 1.2em;
    float: left;
    clear: left;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.invoicemainaddr {
    font-size: 0.9em;
    float: left;
    clear: left;
    width: 100%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}

.invoicemgncustom {
    margin-top: 70px;
}

.form-sectioninvoice {
    float: left;
    width: 23.5%;
}

.form-sectioninvoice-blank {
    float: left;
    width: 2%;
}

.pdngate {
    padding-left: 0 !important;
}

.borderseperator {
    border-bottom: 1px solid #1565c0;
}

.borderseperator2 {
    border-bottom: 1px solid #1565c0;
    margin-bottom: 20px;
    padding-bottom: 10px;
}


/*table th {
    background-color: #1565c0 !important;
    color: #fff !important;
    border-radius: 0 !important;
    text-align: center;
}

    table th a {
        color: #fff !important;
        font-size: 0.9rem;
    }

tr:nth-child(even) {
    background: #eee;
}

tr:nth-child(odd) {
    background: #FFF;
}*/

.no-collapse {
    margin-right: 15px !important;
}

.rightside-navigation {
    background-color: #fff !important;
    width: 300px !important;
}

.prof a {
    color: #000 !important;
}

    .prof a i {
        color: #000 !important;
    }

.prof:hover a {
    color: #fff;
}

    .prof:hover a i {
        color: #fff;
    }


.RadAjax_BlackMetroTouch .raDiv {
    position: fixed !important;
}

ul.tabselect {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 5px;
}

    ul.tabselect li {
        display: inline-block;
        text-decoration: none;
    }

        ul.tabselect li a i:hover {
            color: #fff;
        }

        ul.tabselect li label i:hover {
            color: #fff;
        }

        ul.tabselect li:first-child {
            font-size: 1.1em;
            font-weight: bold;
        }

        ul.tabselect li:last-child {
            font-size: 1.1em;
            font-weight: bold;
        }

        ul.tabselect li a {
            color: #000;
            background-color: #ddd;
            text-decoration: none;
            padding: 5px 10px 4px 10px;
            font-size: 0.9em;
            float: left;
            line-height: 19px !important;
            border-radius: 3px;
            transition: all 0.3s ease;
        }

            ul.tabselect li a:hover {
                color: #fff;
                background-color: #1c5fb1;
                text-decoration: none;
                padding: 5px 10px 4px 10px;
                font-size: 0.9em;
                border-radius: 4px;
                line-height: 19px !important;
            }

            ul.tabselect li a i {
            }

            ul.tabselect li a:hover i {
            }

        ul.tabselect li label {
            color: #000;
            background-color: #ddd;
            text-decoration: none;
            padding: 5px 10px 5px 10px;
            font-size: 0.9em;
            float: left;
            line-height: 19px !important;
            border-radius: 3px;
            transition: all 0.3s ease;
            width: 63px;
            height: 30px;
            text-align: center;
        }

            ul.tabselect li label:hover {
                color: #fff;
                background-color: #1c5fb1;
                text-decoration: none;
                padding: 5px 10px 5px 10px;
                font-size: 0.9em;
                border-radius: 4px;
                line-height: 19px !important;
            }

            ul.tabselect li label i {
            }

            ul.tabselect li label:hover i {
            }

            ul.tabselect li label input[type=radio] {
                visibility: hidden;
            }



ul.accrd-tabselect a i {
    line-height: 19px !important;
}

ul.accrd-tabselect a:hover i {
    line-height: 19px !important;
}


ul.accrd-tabselect label i {
    line-height: 19px !important;
}

ul.accrd-tabselect label:hover i {
    line-height: 19px !important;
}

.reqd {
    color: red;
}

.mgnbtm8 {
    margin-bottom: 8px !important;
}

.mgntp10 {
    margin-top: 10px !important;
}

.mgntp17 {
    margin-top: 17px !important;
}

.text-field {
    font-size: 1em !important;
    line-height: 1.7em;
    margin-top: 12px;
    margin-bottom: 13px;
    border-bottom: 1px solid #aaa;
}

    .text-field .text-label {
        font-size: 0.9rem !important;
    }

    .text-field .txtrow {
        height: 28px !important;
        line-height: 15px !important;
    }

    .text-field .txtlabel {
        float: right !important;
        font-size: 0.9em;
        color: #000 !important;
        font-family: 'Lato', sans-serif !important;
        font-size: 0.9em !important;
    }

    .text-field .hlink {
        float: right !important;
        font-size: 0.9em;
        color: #1565C0 !important;
        font-family: 'Lato', sans-serif !important;
        font-size: 0.9em !important;
    }


.acc-static {
    background-image: url(images/accrd.gif);
    background-repeat: repeat-x;
    padding: 5px 13px 5px 13px;
    margin-left: 3px;
    margin-right: 3px;
    color: #1565c0;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.static-wrp {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

#defultmail .row {
    margin-bottom: 10px !important;
}

#defultmail .col {
    padding: 0px !important;
}

.tag-div {
    max-height: 5.1rem;
    height: 3.5rem;
    overflow-y: auto;
    margin-bottom: 15px;
    margin-top: 15px;
    border-bottom: 0.5px solid #aaa;
}



.add-btn {
    padding: 0px !important;
    height: 27px !important;
    line-height: 27px !important;
    font-size: 0.9em !important;
    margin-top: 10px !important;
    width: 50px !important;
    margin-left: 10px !important;
    float: right !important;
    text-align: center !important;
}

.add-icn {
    width: 50px !important;
    padding-left: 5px !important;
}

.wd49 {
    width: 49% !important;
}

.wd48 {
    width: 48% !important;
    float: right !important;
}

.pd-nl {
    padding-left: 0 !important;
}

.divbutton-container {
    height: 65px;
}

.d-none{
    display:none;
}
ul.collapsiblesubnav {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    ul.collapsiblesubnav li {
        display: block;
    }

        ul.collapsiblesubnav li a {
            display: block;
            text-decoration: none;
            padding-top: 0 !important;
            padding-bottom: !important;
        }

.fldrcontainer {
    padding: 5px;
    height: 60px;
    overflow: hidden;
}

.foldericon {
    width: 20%;
    float: left;
    height: 60px;
    font-size: 40px;
    display: inline-block;
    color: #1565c0;
}

.folderDetails {
    font-size: 0.9rem;
    width: 80%;
    float: left;
    height: 60px;
    vertical-align: middle;
    padding-left: 5px;
    display: inline-block;
}

.fldrsub {
    font-size: 0.7rem;
    color: #ccc;
}

.form-section1 {
    float: left;
    width: 20%;
}

.form-section1-blank {
    float: left;
    width: 2%;
}

.form-section2 {
    float: left;
    width: 49%;
}

.form-section2-blank {
    float: left;
    width: 2%;
}

.form-section4 {
    float: left;
    width: 23.5%;
}

.form-section4-blank {
    float: left;
    width: 2%;
}

.form-section3 {
    float: left;
    width: 32%;
}

.form-section9 {
    float: left;
    width: 65.2%;
}

.form-section8 {
    float: left;
    width: 74.5%;
}

.form-section-row {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 0px;
}

.inline-css {
    background-color: #fff;
    padding: 10px !important;
    margin: 0px 15px;
    width: 98%;
    border-radius: 4px !important;
    box-shadow: 0 0 6px #ccc !important;
}

.form-input-row {
    float: left;
    width: 100%;
    margin-top: -5px;
}

.modal-section-row {
    float: left;
    clear: left;
    width: 90%;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.modal-section4 {
    float: left;
    width: 20%;
}

.cf {
    clear: both;
}

.form-section3-blank {
    float: left;
    width: 2%;
}

.form-content-wrap {
    width: 99%;
}

.form-content-pd {
    padding: 15px 5px 5px 5px;
}

.grid_container {
    margin-bottom: 6px !important;
}

.breadcrumbs-bg-custom {
    background-color: #f9f9f9 !important;
    margin-bottom: 4px;
}

ul.anchor-links {
    list-style-type: none;
    padding: 0;
    font-weight: 500;
    margin: 4px 0 4px 12px;
}

#chat-out1 .card {
    margin: 0 0 0.5rem 0 !important;
}

ul.anchor-links li {
    display: inline-block;
    text-decoration: none;
    margin-right: 5px;
    padding-right: 10px;
    border-right: 1px solid #aaa;
    height: 22px !important;
    line-height: 20px !important;
}

    ul.anchor-links li:last-child {
        border-right: 1px solid #aaa;
        margin-right: 0;
        border-right: 0;
    }

    ul.anchor-links li a {
        display: inline-block;
        text-decoration: none;
        font-size: 0.9em;
        color: #000;
        border-bottom: 2px groove;
        height: 18px;
        line-height: 18px;
    }

    ul.anchor-links li i {
        border-bottom: none !important;
    }

    ul.anchor-links li a:hover {
        display: inline-block;
        text-decoration: none;
        font-size: 0.9em;
        color: #0264B1;
        height: 18px !important;
        line-height: 18px !important;
    }

ul.anchor-links li {
    display: inline-block;
    text-decoration: none;
}

    ul.anchor-links li:last-child {
        margin-right: 0;
    }

.collapsible-height-nl {
    line-height: auto !important;
    min-height: auto !important;
}

.add-contact-mgn {
    margin-bottom: 25px !important;
}

.page-title {
    color: #1565c0 !important;
    font-size: 1em;
    float: left;
    background-color: #F8F8F8;
    text-align: center;
    font-weight: 500;
    margin-right: 6px;
    padding: 6px 13px 6px 13px;
}

.buttonContainer .btnlinks {
    padding-bottom: 8px;
}

.rounded {
    border-radius: 5px;
}

.accordian-text-custom {
    color: #4598DA !important;
}

.btn-nl {
    height: 30px !important;
    line-height: 28px !important;
    padding: 0 5px !important;
    font-size: 1em !important;
    border-right: 3px solid #ddd !important;
    width: 100px;
    text-transform: capitalize !important;
}

.btn-nl-brdr {
    height: 30px !important;
    line-height: 28px !important;
    padding: 0 5px !important;
    font-size: 0.9em !important;
    width: 100px;
    text-transform: capitalize !important;
}

.btn-close {
    height: 18px !important;
    line-height: 18px !important;
    width: 18px;
    font-size: 0.7em !important;
    float: right !important;
    margin-right: 16px;
    margin-top: 6px;
}

    .btn-close a {
        height: 22px !important;
        width: 22px;
        line-height: 20px !important;
        background-color: transparent !important;
        box-shadow: none !important;
        border: 2px solid #1C5FB1;
    }

        .btn-close a i {
            font-size: 1rem !important;
            line-height: 20px !important;
        }




.btn-collapse {
    height: 18px !important;
    line-height: 18px !important;
    width: 18px;
    font-size: 0.7em !important;
    float: right !important;
    margin-right: 16px;
    margin-top: 6px;
}

    .btn-collapse a {
        height: 22px !important;
        width: 22px;
        line-height: 30px !important;
        background-color: #1565C0 !important;
    }

        .btn-collapse a i {
            font-size: 1rem !important;
            line-height: 22px !important;
        }



.btn-mid {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 13px !important;
    font-size: 0.9em !important;
    text-transform: capitalize !important;
}

.page-hdr-btns {
    float: left;
    margin-bottom: 4px;
    margin-top: 2px;
}

    .page-hdr-btns text {
        padding-top: 3px !important;
    }

    .page-hdr-btns a i {
        font-size: 1.2em !important;
        padding-right: 10px;
        height: 10px !important;
    }

    .page-hdr-btns a {
        border-radius: 0 !important;
    }




.row-color-grey {
    background-color: #eee;
}

.font-color-white {
    color: #fff !important;
}

.fixed-action-btn {
    display: none;
}

.head-color-blue thead {
    background-color: #2194F0 !important;
    color: #fff !important;
}

.pmd-card {
    margin-bottom: 0 !important;
}

.pmd-z-depth {
    box-shadow: none !important;
}

.section-ttle {
    float: left;
    clear: left;
    font-size: 0.9rem;
    width: 100%;
    border-bottom: 2px solid #1865BE;
    margin-bottom: 10px;
    padding-bottom: 2px;
    color: #1865BE;
    font-weight: 600;
}

.section-ttle-popupheading {
    float: left;
    clear: left;
    font-size: 1.2em;
    width: 100%;
    border-bottom: 2px solid #1865BE;
    margin-bottom: 17px;
    padding-bottom: 2px;
    color: #fff !important;
    font-weight: normal;
}

.section-ttlewhite {
    float: left;
    clear: left;
    font-size: 1.1em;
    width: 100%;
    border-bottom: 2px solid #fff;
    margin-bottom: 5px;
    padding-bottom: 2px;
    color: #fff;
    font-weight: normal;
}

/*infobox*/
.btn-box {
    height: 25px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 18px;
    border-radius: 3px;
    display: flex;
    cursor: pointer !important;
    cursor: default;
    position: relative;
    overflow: hidden;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    background-color: #1565c0;
    transition: all 0.3s ease;
}

    .btn-box .icon {
        display: inline-block;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.12);
        width: 30%;
    }

        .btn-box .icon i {
            color: #fff;
            font-size: 1.5em;
            line-height: 25px;
        }

    .btn-box .content {
        display: inline-block;
        padding: 5px;
        text-align: center;
        color: #fff;
    }

    .btn-box .text {
        font-size: 0.9em;
        color: #fff;
        padding: 4px;
        text-align: center;
        width: 80%;
    }

    .btn-box.hover-zoom-effect .icon {
        overflow: hidden;
    }

    .btn-box.hover-zoom-effect:hover {
        background-color: #044a99;
    }

    .btn-box.hover-zoom-effect .icon i {
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .btn-box.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    /*.info-box.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 80px;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }*/

    .btn-box.hover-expand-effect:hover:after {
        width: 100%;
    }



/* Infobox ===================================== */
.info-box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box .icon {
        display: inline-block;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.12);
        width: 80px;
    }

        .info-box .icon i {
            color: #fff;
            font-size: 50px;
            line-height: 80px;
        }

        .info-box .icon .chart.chart-bar {
            height: 100%;
            line-height: 100px;
        }

            .info-box .icon .chart.chart-bar canvas {
                vertical-align: baseline !important;
            }

        .info-box .icon .chart.chart-pie {
            height: 100%;
            line-height: 123px;
        }

            .info-box .icon .chart.chart-pie canvas {
                vertical-align: baseline !important;
            }

        .info-box .icon .chart.chart-line {
            height: 100%;
            line-height: 115px;
        }

            .info-box .icon .chart.chart-line canvas {
                vertical-align: baseline !important;
            }

    .info-box .content {
        display: inline-block;
        padding: 7px 10px;
    }

        .info-box .content .text {
            font-size: 13px;
            margin-top: 11px;
            color: #555;
        }

        .info-box .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

    .info-box.hover-zoom-effect .icon {
        overflow: hidden;
    }

        .info-box.hover-zoom-effect .icon i {
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    .info-box.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 80px;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box.hover-expand-effect:hover:after {
        width: 100%;
    }

.info-box-2 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box-2 .icon {
        display: inline-block;
        text-align: center;
        width: 80px;
    }

        .info-box-2 .icon i {
            color: #fff;
            font-size: 50px;
            line-height: 80px;
        }

    .info-box-2 .chart.chart-bar {
        height: 100%;
        line-height: 105px;
    }

        .info-box-2 .chart.chart-bar canvas {
            vertical-align: baseline !important;
        }

    .info-box-2 .chart.chart-pie {
        height: 100%;
        line-height: 123px;
    }

        .info-box-2 .chart.chart-pie canvas {
            vertical-align: baseline !important;
        }

    .info-box-2 .chart.chart-line {
        height: 100%;
        line-height: 115px;
    }

        .info-box-2 .chart.chart-line canvas {
            vertical-align: baseline !important;
        }

    .info-box-2 .content {
        display: inline-block;
        padding: 7px 10px;
    }

        .info-box-2 .content .text {
            font-size: 13px;
            margin-top: 11px;
            color: #555;
        }

        .info-box-2 .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

    .info-box-2.hover-zoom-effect .icon {
        overflow: hidden;
    }

        .info-box-2.hover-zoom-effect .icon i {
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    .info-box-2.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box-2.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box-2.hover-expand-effect:hover:after {
        width: 100%;
    }

.info-box-3 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box-3 .icon {
        position: absolute;
        right: 10px;
        bottom: 2px;
        text-align: center;
    }

        .info-box-3 .icon i {
            color: rgba(0, 0, 0, 0.15);
            font-size: 60px;
        }

    .info-box-3 .chart {
        margin-right: 5px;
    }

        .info-box-3 .chart.chart-bar {
            height: 100%;
            line-height: 50px;
        }

            .info-box-3 .chart.chart-bar canvas {
                vertical-align: baseline !important;
            }

        .info-box-3 .chart.chart-pie {
            height: 100%;
            line-height: 34px;
        }

            .info-box-3 .chart.chart-pie canvas {
                vertical-align: baseline !important;
            }

        .info-box-3 .chart.chart-line {
            height: 100%;
            line-height: 40px;
        }

            .info-box-3 .chart.chart-line canvas {
                vertical-align: baseline !important;
            }

    .info-box-3 .content {
        display: inline-block;
        padding: 7px 16px;
    }

        .info-box-3 .content .text {
            font-size: 13px;
            margin-top: 11px;
            color: #555;
        }

        .info-box-3 .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

    .info-box-3.hover-zoom-effect .icon i {
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .info-box-3.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box-3.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box-3.hover-expand-effect:hover:after {
        width: 100%;
    }

.info-box-4 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box-4 .icon {
        position: absolute;
        right: 10px;
        bottom: 2px;
        text-align: center;
    }

        .info-box-4 .icon i {
            color: rgba(0, 0, 0, 0.15);
            font-size: 60px;
        }

    .info-box-4 .chart {
        margin-right: 5px;
    }

        .info-box-4 .chart.chart-bar {
            height: 100%;
            line-height: 50px;
        }

            .info-box-4 .chart.chart-bar canvas {
                vertical-align: baseline !important;
            }

        .info-box-4 .chart.chart-pie {
            height: 100%;
            line-height: 34px;
        }

            .info-box-4 .chart.chart-pie canvas {
                vertical-align: baseline !important;
            }

        .info-box-4 .chart.chart-line {
            height: 100%;
            line-height: 40px;
        }

            .info-box-4 .chart.chart-line canvas {
                vertical-align: baseline !important;
            }

    .info-box-4 .content {
        display: inline-block;
        padding: 7px 16px;
    }

        .info-box-4 .content .text {
            font-size: 13px;
            margin-top: 11px;
            color: #555;
        }

        .info-box-4 .content .number {
            font-weight: normal;
            font-size: 26px;
            margin-top: -4px;
            color: #555;
        }

    .info-box-4.hover-zoom-effect .icon i {
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

    .info-box-4.hover-zoom-effect:hover .icon i {
        opacity: 0.4;
        -moz-transform: rotate(-32deg) scale(1.4);
        -ms-transform: rotate(-32deg) scale(1.4);
        -o-transform: rotate(-32deg) scale(1.4);
        -webkit-transform: rotate(-32deg) scale(1.4);
        transform: rotate(-32deg) scale(1.4);
    }

    .info-box-4.hover-expand-effect:after {
        background-color: rgba(0, 0, 0, 0.05);
        content: ".";
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 100%;
        color: transparent;
        -moz-transition: all 0.95s;
        -o-transition: all 0.95s;
        -webkit-transition: all 0.95s;
        transition: all 0.95s;
    }

    .info-box-4.hover-expand-effect:hover:after {
        width: 100%;
    }

.worning-add {
    color: red;
    display: none;
}

.map-c {
    overflow: hidden !important;
    height: 249px !important;
    border-radius: 5px;
}

.margin-c {
    margin-top: 4px;
    margin-bottom: 4px;
}

.bg-red {
    background-color: #F44336 !important;
    color: #fff;
}

    .bg-red .content .text, .bg-red .content .number {
        color: #fff !important;
    }

.bg-pink {
    background-color: #E91E63 !important;
    color: #fff;
}

    .bg-pink .content .text, .bg-pink .content .number {
        color: #fff !important;
    }

.bg-purple {
    background-color: #9C27B0 !important;
    color: #fff;
}

    .bg-purple .content .text, .bg-purple .content .number {
        color: #fff !important;
    }

.bg-deep-purple {
    background-color: #673AB7 !important;
    color: #fff;
}

    .bg-deep-purple .content .text, .bg-deep-purple .content .number {
        color: #fff !important;
    }

.bg-indigo {
    background-color: #3F51B5 !important;
    color: #fff;
}

    .bg-indigo .content .text, .bg-indigo .content .number {
        color: #fff !important;
    }

.bg-blue {
    background-color: #2196F3 !important;
    color: #fff;
}

    .bg-blue .content .text, .bg-blue .content .number {
        color: #fff !important;
    }

.bg-light-blue {
    background-color: #03A9F4 !important;
    color: #fff;
}

    .bg-light-blue .content .text, .bg-light-blue .content .number {
        color: #fff !important;
    }

.bg-cyan {
    background-color: #00BCD4 !important;
    color: #fff;
}

.Department-css {
    margin-top: 8px;
    margin-left: -26px !important;
    margin-right: -31px !important;
}

.bg-cyan .content .text, .bg-cyan .content .number {
    color: #fff !important;
}

.bg-teal {
    background-color: #009688 !important;
    color: #fff;
}

    .bg-teal .content .text, .bg-teal .content .number {
        color: #fff !important;
    }

.bg-green {
    background-color: #4CAF50 !important;
    color: #fff;
}

    .bg-green .content .text, .bg-green .content .number {
        color: #fff !important;
    }

.bg-light-green {
    background-color: #8BC34A !important;
    color: #fff;
}

    .bg-light-green .content .text, .bg-light-green .content .number {
        color: #fff !important;
    }

.bg-lime {
    background-color: #CDDC39 !important;
    color: #fff;
}

    .bg-lime .content .text, .bg-lime .content .number {
        color: #fff !important;
    }

.bg-yellow {
    background-color: #ffe821 !important;
    color: #fff;
}

    .bg-yellow .content .text, .bg-yellow .content .number {
        color: #fff !important;
    }

.bg-amber {
    background-color: #FFC107 !important;
    color: #fff;
}

    .bg-amber .content .text, .bg-amber .content .number {
        color: #fff !important;
    }

.bg-orange {
    background-color: #FF9800 !important;
    color: #fff;
}

    .bg-orange .content .text, .bg-orange .content .number {
        color: #fff !important;
    }

.bg-deep-orange {
    background-color: #FF5722 !important;
    color: #fff;
}

    .bg-deep-orange .content .text, .bg-deep-orange .content .number {
        color: #fff !important;
    }

.bg-brown {
    background-color: #795548 !important;
    color: #fff;
}

    .bg-brown .content .text, .bg-brown .content .number {
        color: #fff !important;
    }

.bg-grey {
    background-color: #9E9E9E !important;
    color: #fff;
}

    .bg-grey .content .text, .bg-grey .content .number {
        color: #fff !important;
    }

.bg-blue-grey {
    background-color: #607D8B !important;
    color: #fff;
}

    .bg-blue-grey .content .text, .bg-blue-grey .content .number {
        color: #fff !important;
    }

.bg-black {
    background-color: #000000 !important;
    color: #fff;
}

    .bg-black .content .text, .bg-black .content .number {
        color: #fff !important;
    }

.bg-white {
    background-color: #ffffff !important;
    color: #fff;
}

    .bg-white .content .text, .bg-white .content .number {
        color: #fff !important;
    }

.info-box .icon {
    display: inline-block;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.12);
    width: 80px;
}

.info-box .content .text {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 4px;
    font-weight: bold;
    color: #555;
}

.info-box .content .number {
    font-weight: normal;
    font-size: 15px;
    margin-top: -4px;
    color: #555;
}

.info-box .content .month {
    font-weight: normal;
    font-size: 12px;
    color: #fff !important;
}

.collection-header-cstm {
    font-size: 1.2em !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #ddd;
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 15px;
}

.card-pd {
    padding-bottom: 75px;
}

/* New Styles ends */

/* Form Styles */

.acc-btn-contain {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 15px;
}

.cl-pd {
    padding: 15px 15px 15px 15px;
}

.acc-btn-contain a {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 0 !important;
    color: #fff !important;
    text-align: center !important;
}

    .acc-btn-contain a i {
        font-size: 1.8em !important;
        padding-left: 1px !important;
        margin-right: 20px !important;
    }

.modal-popup-inputs {
    float: left;
    clear: left;
    width: 100%;
    margin-top: 10px;
}

.modal-title {
    background-color: #4598DA;
    padding: 13px 13px 13px 13px;
    font-size: 1.3em;
    color: #fff;
}

/* Form Style Ends */

/* Head Styles */

.select.form-control {
    -webkit-transition: none;
    transition: none;
}

.fixed-header {
    position: fixed;
    z-index: 5;
    left: 170px;
    right: 0;
}

select {
    display: block;
}

.dataTables_wrapper {
    font-size: 0.9em !important;
}

.drpdwn-label {
    top: -8px !important;
    font-size: 0.8em !important;
}

.form-accordion-head .collapsible-header {
    background-color: #ddd !important;
    color: #1565c0 !important;
    background-image: url(../images/accrd-accrd.gif);
    background-repeat: repeat-x;
    border-radius: 6px;
    font-size: 1em;
    font-weight: 500;
}

    .form-accordion-head .collapsible-header:after {
        color: #1565c0 !important;
    }

.row-color-grey {
    width: 100% !important;
}

.breadcrumbs-bg-custom {
    width: 100% !important;
}

.add-contact {
    border: 3px solid #1565c0;
    border-radius: 8px;
    padding: 15px;
    background-color: #fff;
}

.collection.with-header .collection-header {
    border-bottom: none !important;
}

.fc-bg {
    min-height: 60px !important;
}

.ticket-wrap {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.nearest-wrap {
    float: left;
    clear: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-size: 0.9em !important;
}

.nearest-time {
    float: right;
    font-size: 0.9em;
    color: black !important;
}

.worker-name {
    color: black !important;
}

.nearest-address {
    /*font-size: 0.8em;*/
    color: black !important;
}


.nearest-worker {
    height: 336px !important;
    overflow: auto;
    float: left;
    clear: left;
    width: 100%;
    overflow-y: hidden;
    position: relative;
}

    .nearest-worker ::-webkit-scrollbar {
        width: 0px; /* remove scrollbar space */
        background: transparent; /* optional: just make scrollbar invisible */
    }
    /* optional: show position indicator in red */
    .nearest-worker::-webkit-scrollbar-thumb {
        background: #FF0000;
    }


.collapsible-tckts {
    border: none !important;
    box-shadow: none !important;
    background-color: #fff !important;
}

    .collapsible-tckts > a {
        color: #1565C0 !important;
        font-weight: bold !important;
    }

.ticket-head {
    float: left;
    clear: left;
    width: 100%;
    padding-bottom: 5px;
}

.nearest-head {
    float: left;
    clear: left;
    width: 100%;
}

.nearest-head12 {
    float: left;
    clear: left;
    width: 100%;
    initial-letter: normal;
}

.more-details-css {
    height: 336px;
    overflow: auto;
    float: left;
    clear: left;
    width: 100%;
    position: relative;
}

.roundCorner tbody td {
    padding: 0px !important;
}

.ticket-title {
    float: left;
    display: block;
    color: #1565c0;
    border-bottom: 2px solid #1565c0;
}

.ticket-datetime {
    float: left;
    /*font-size: 0.9em;*/
    display: block;
}

.table-header {
    font-size: .8rem;
    font-weight: bold;
    border-bottom: 2px solid #1865BE;
    padding-bottom: 3px;
}

    .table-header .ticket-date, ticket-time {
        font-size: .9rem !important;
        font-weight: bold !important;
    }

.nearest-worker-wrapper {
    font-size: 0.9rem;
}

.other-item {
    color: #000;
}

.table-header .ticket-status {
    padding-left: 11px;
    color: #222;
    font-weight: bold !important;
}

.ticket-status {
    padding: 0px 14px;
    color: #000;
}



.ticket-date {
    float: left;
    margin-right: 8px;
    padding-right: 10px;
    color: #222;
    font-weight: normal !important;
}

.ticket-time {
    float: left;
    color: #222;
    font-weight: normal !important;
}

.ticket-row {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 0;
}

.ticket-rw-left {
    float: left;
    font-size: 0.9em;
    color: black !important;
}

.ticket-rw-right {
    float: right;
    font-size: 0.9em;
    color: black !important;
}

.tckts-content {
    font-size: 0.9em !important;
    padding: 6px 11px 6px 11px !important;
}

.collapsible-ticket-head {
    font-size: 0.9em !important;
    color: #1565C0;
}

    .collapsible-ticket-head::after {
        display: none !important;
    }


.collapsible-ticket-head-complete {
    font-size: 0.9em !important;
    color: #fff;
    background-color: #172647 !important;
}

    .collapsible-ticket-head-complete::after {
        display: none !important;
    }

    .collapsible-ticket-head-complete .ticket-datetime .ticket-date {
        color: #fff !important;
        border-color: #fff !important;
    }

    .collapsible-ticket-head-complete .ticket-datetime .ticket-time {
        color: #fff !important;
    }

.clk-btn2 {
    border: 0.5px solid #1C5FB1;
    color: #1C5FB1;
    padding: 5px 20px 5px 20px;
    border-radius: 3px;
    font-size: 0.9em;
    margin-right: 5px;
    background-image: url(../images/accrd.gif);
    background-repeat: repeat-x;
}

    .clk-btn2:hover {
        border: 0.5px solid #1C5FB1;
        color: #1C5FB1;
        padding: 5px 20px 5px 20px;
        border-radius: 3px;
        font-size: 0.9em;
        margin-right: 5px;
        background-image: url(../images/accrdhover.gif);
        background-repeat: repeat-x;
    }

.btnlinks {
    float: left;
    margin-top: 5px;
    margin-right: 6px;
}

    .btnlinks a {
        border: 0.5px solid #1C5FB1;
        color: #1C5FB1;
        padding: 5px 20px 5px 20px !important;
        border-radius: 3px;
        font-size: 0.9em;
        background-image: url(../images/accrd.gif);
        background-repeat: repeat-x;
    }

        .btnlinks a:hover {
            border: 0.5px solid #1C5FB1;
            color: #1C5FB1;
            padding: 5px 20px 5px 20px;
            border-radius: 3px;
            font-size: 0.9em;
            background-image: url(../images/accrdhover.gif);
            background-repeat: repeat-x;
        }

.btnbtn {
    float: left;
    margin-top: 5px;
    margin-right: 6px;
    border: 0.5px solid #1C5FB1;
    color: #1C5FB1;
    padding: 5px 20px 5px 20px;
    border-radius: 3px;
    font-size: 0.9em;
    background-image: url(../images/accrd.gif);
    background-repeat: repeat-x;
}

    .btnbtn:hover {
        border: 0.5px solid #1C5FB1;
        color: #1C5FB1;
        padding: 5px 20px 5px 20px;
        border-radius: 3px;
        font-size: 0.9em;
        background-image: url(../images/accrdhover.gif);
        background-repeat: repeat-x;
    }

.btnlinksicon {
    float: left;
}

    .btnlinksicon a i {
        border: 0.5px solid #1C5FB1 !important;
        color: #1C5FB1 !important;
        padding: 7px 7px 7px 7px !important;
        border-radius: 3px !important;
        width: auto !important;
        font-size: 1.2em !important;
        background-image: url(../images/accrd.gif) !important;
        background-repeat: repeat-x !important;
        line-height: 15px !important;
        margin-left: 13px;
        margin-top: 0px !important;
    }

    .btnlinksicon a:hover i {
        border: 0.5px solid #1C5FB1 !important;
        color: #1C5FB1 !important;
        padding: 7px 7px 7px 7px !important;
        border-radius: 3px !important;
        width: auto !important;
        font-size: 1.2em !important;
        background-image: url(../images/accrdhover.gif) !important;
        background-repeat: repeat-x !important;
        line-height: 15px !important;
        margin-left: 13px;
        margin-top: 0px !important;
    }

    .btnlinksicon a {
        padding: 0 !important;
    }

        .btnlinksicon a:hover {
            padding: 0 !important;
        }


.btnlinks2 {
    float: left;
    margin-top: 5px;
    margin-right: 6px;
}

    .btnlinks2 a {
        border: 2px solid #1C5FB1;
        color: #1C5FB1;
        padding: 3px 12px 3px 12px;
        border-radius: 3px;
        font-size: 0.9em;
        background-color: #fff;
    }

        .btnlinks2 a:hover {
            border: 2px solid #1C5FB1;
            color: #fff;
            padding: 3px 12px 3px 12px;
            border-radius: 3px;
            font-size: 0.9em;
            background-color: #1C5FB1;
        }



.btnlinks3 {
    float: left;
    margin-top: 5px;
    margin-right: 6px;
}

    .btnlinks3 a {
        border: 2px solid #1C5FB1;
        color: #fff;
        padding: 3px 12px 3px 12px;
        border-radius: 3px;
        font-size: 0.9em;
        background-color: #1C5FB1;
        transition: all 0.3s ease;
    }

        .btnlinks3 a:hover {
            border: 2px solid #1C5FB1;
            color: #1C5FB1;
            padding: 3px 12px 3px 12px;
            border-radius: 3px;
            font-size: 0.9em;
            background-color: #fff;
        }

.btnlinks4 {
    float: left;
    margin-top: 4px;
    margin-right: 6px;
    box-shadow: 1px 1px 2px 0px;
}

    .btnlinks4 a {
        color: #1C5FB1;
        padding: 3px 12px 3px 12px;
        border-radius: 0;
        font-size: 0.9em;
        background-color: #fff;
        box-shadow: 1px 1px 2px 0px;
    }

        .btnlinks4 a:hover {
            color: #fff;
            padding: 3px 12px 3px 12px;
            border-radius: 0;
            font-size: 0.9em;
            background-color: #fff;
            box-shadow: 1px 1px 2px 0px;
        }

.btnlinks5 {
    float: left;
    margin-top: 4px;
    margin-right: 6px;
    box-shadow: 1px 1px 2px 0px;
}

    .btnlinks5 a {
        color: #1C5FB1;
        padding: 3px 12px 3px 12px;
        border-radius: 0;
        font-size: 0.9em;
        background-color: #fff;
        box-shadow: 1px 1px 2px 0px;
    }

        .btnlinks5 a:hover {
            color: #1C5FB1;
            padding: 3px 12px 3px 12px;
            border-radius: 0;
            font-size: 0.9em;
            background-color: #fff;
            box-shadow: 1px 1px 2px 0px;
        }


.rightsidenav {
    width: 260px !important;
    min-width: 260px !important;
    background-color: #272C32 !important;
}

.userinfo {
    float: left;
    clear: left;
    width: 100%;
    margin-top: 10px;
}

.userinfoimg {
    width: 100px !important;
    margin: 0 auto 0 auto !important;
    height: 100px !important;
    border-radius: 50% !important;
    border: 8px solid #eee !important;
}

    .userinfoimg img {
        width: 100% !important;
        border-radius: 50% !important;
        height: 100%;
    }

.p-bend-10b {
    padding-bottom: 10px !important;
    margin: 0 auto 0 auto !important;
    height: 100px !important;
}

.userinfoimg-btn {
    width: 30px !important;
    margin: 0 auto 0 auto;
    height: 50px !important;
    border-radius: 50% !important;
    padding-top: 9px;
    border: 0px solid #eee !important;
}

    .userinfoimg-btn img {
        /*width: 100% !important;*/
        border-radius: 50% !important;
        /*height: 100%;*/
        width: 30px;
        height: 30px;
    }

.usernamewrp {
    float: left;
    clear: left;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.usernamewrpdept {
    float: left;
    clear: left;
    width: 100%;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    color: #1C5FB1;
}

.userlstwrap {
    float: left;
    clear: left;
    width: 100%;
    margin-top: 15px;
}

ul.userlst {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

    ul.userlst li {
        display: block;
        padding-bottom: 5px !important;
        padding-top: 5px !important;
        width: 50%;
        float: left;
        text-align: center;
    }

        ul.userlst li a {
            display: block;
            text-align: center;
            color: #fff;
            font-weight: bold;
        }

            ul.userlst li a:hover {
                display: block;
                text-align: center;
                color: #1C5FB1;
                font-weight: bold;
                text-decoration: none;
            }


/* Head Styles Ends */

/* December 2017 */

option {
    padding: 0 !important;
}

.nd-popup {
    position: absolute;
    top: 150px !important;
    /* left: 302px; */
    width: 54% !important;
    left: 200px !important;
    right: 0 !important;
    margin: 0 auto !important;
    background-color: #fff !important;
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21) !important;
    z-index: 1000;
    border-radius: 6px;
    border: 3px solid #1c5fb1;
}

.nd-popup-overlay {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 999;
}

.btnwrap-right {
    float: right !important;
}

.webkitmgnnil {
    -webkit-margin-before: 0 !important;
    margin-top: 0 !important;
}

.logologin {
    margin-top: 20px !important;
}

.drpdwn-label-white {
    color: #fff !important;
}

.lbl-big {
    font-size: .9em !important;
    font-weight: bold !important;
    margin-bottom: 10px !important;
}

.drpdwn-labelpd40 {
    padding-left: 45px;
}

.test-width {
    background: rgb(2, 2, 2); /* Fallback for older browsers without RGBA-support */
    background: rgba(0, 0, 0, 0.59);
    color: #fff !important;
}

.accrd-button-container {
    padding: 15px;
}

.accrd-buttons {
    margin-bottom: 10px;
    min-height: 40px !important;
}

.accrd-trost a {
    font-size: 1em !important;
    padding-top: 0 !important;
}

.accrd-srchinput {
    font-size: 1.1em !important;
}

    .accrd-srchinput a {
        font-size: 1.1em !important;
    }

        .accrd-srchinput a i {
            font-size: 1.1em !important;
        }



.srchpaneinner {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 3px;
}

.srchpaneinnerwhite {
    background-color: #fff;
}

.srchcstm {
    margin-top: 1px !important;
}

.company-modal {
    padding: 10px 10px 10px 10px;
}

.pd-negatenw {
    padding-right: 15px;
}

.filled-in {
    margin-right: 4px !important;
}

.clk-btn {
    background-color: #1565C0;
    border: none !important;
    border-radius: 4px !important;
    color: #fff !important;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 0.9em !important;
}

    .clk-btn:hover {
        background-color: #1565C0;
        border: none !important;
        border-radius: 4px !important;
        color: #fff !important;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 0.9em !important;
    }

    .clk-btn:focus {
        background-color: #1565C0 !important;
        border: none !important;
        border-radius: 4px !important;
        color: #fff !important;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 0.9em !important;
    }

.nextprev {
    float: right;
    margin-right: 20px;
}

.angleicons {
    margin-right: 10px;
    margin-top: 5px;
}

.grand-total {
    margin-top: 20px;
}

.angleicons:last-child {
    margin-right: 0 !important;
}

.angleicons a {
    font-size: 1.7em;
    font-weight: bold;
    color: #1565c0;
}


.btnclosewrap {
    width: 20px;
    height: 20px;
    line-height: 16px;
    border-radius: 50%;
    border: 2px solid #1565c0;
    text-align: center;
    float: right;
    margin-right: 10px;
    margin-top: 7px;
}

    .btnclosewrap a {
        text-align: center;
        color: #1565c0;
        font-size: 0.9em;
    }

.btnclosewrap-one {
    width: 20px;
    height: 20px;
    line-height: 16px;
    border-radius: 50%;
    border: 2px solid #1565c0;
    text-align: center;
    float: right;
    margin-right: 10px;
    margin-top: 7px;
}

    .btnclosewrap-one a {
        text-align: center;
        color: #1565c0;
        font-size: 0.9em;
    }

.tool-tip-css {
    background-color: whitesmoke;
    border-radius: 100px;
    height: 20px;
    width: 20px;
    margin-top: 7px;
}

.editlabel {
    font-weight: bold !;
    float: left;
    margin-right: 10px;
    padding-top: 0px;
}

.rght-content {
    float: right;
}

.tblnks {
    float: left;
}

.tblnksrght {
    float: right;
}

.form-sectioncustom1 {
    float: left;
    width: 65%;
}

.form-sectioncustom2 {
    float: right;
    width: 32%;
}

.collapse_wrap {
    float: left;
    clear: left;
    width: 100%;
}

.form-collapsewrap1 {
    float: left;
    width: 48%;
}

.form-collapsewrap2 {
    float: right;
    width: 48%;
}

.form_collapserow {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 10px;
}

.form_collapsehalf1 {
    float: left;
    width: 47%;
}

.form_collapsehalf2 {
    float: right;
    width: 47%;
}

.form_collapsehalf1a {
    float: left;
    width: 100%;
}

.form_collapsehalf1b {
    float: right;
    width: 100%;
}

.form_collapsehalf1alabel {
    color: #9e9e9e;
    font-size: 0.8em;
    line-height: 3px;
    float: left;
    clear: left;
    width: 100%;
}

.form_collapsehalf11a {
    float: left;
    clear: left;
    width: 100%;
}

.form_collapsehalf11half {
    float: left;
    width: 33%;
}

.form_collapsehalf22half {
    float: right;
    width: 60%;
}

.dropify-wrapper {
    height: 140px !important;
    font-family: 'Lato', sans-serif !important;
}

.btncontainer {
    min-height: 30px;
    margin-bottom: 3px;
}



.cntrbtn {
    float: none !important;
    width: 70px !important;
    margin: 0 auto !important;
}




/* December 2017 Ends */

/*SCHEDULER DESIGN*/
.RadSplitter_Material .rspSlideHeader .rspSlideHeaderIconWrapper {
    background-color: #222 !important;
}

.RadScheduler_Material .rsSelectedSlot {
    background-color: #1976D2 !important;
    color: #fff !important;
}


.RadSplitter_Material .rspSlideHeader, .RadSplitter_Material .rspSlideTitleContainer {
    background-color: #1565c0 !important;
}

.RadSplitter_Material .rspSlideTitleContainer, .RadSplitter_Material .rspSlideHeaderIconWrapper {
    border-top: 1px solid #1565c0 !important;
    border-bottom: 1px solid #1565c0 !important;
}

.RadSplitter_Material .rspPaneTabContainerExpanded, .RadSplitter_Material .rspBottom .rspPaneTabContainerExpanded, .RadSplitter_Material .rspTop .rspPaneTabContainerExpanded {
    color: #1565c0 !important;
    border-color: #1565c0 !important;
    font-weight: bold;
}

.RadScheduler_Material .rsSpacerCell, .RadScheduler_Material .rsAllDayHeader {
    background-color: #e7e5e5 !important;
    color: #2e6b89 !important;
    background-image: url(../images/accrd.gif) !important;
    background-repeat: repeat-x !important;
    text-transform: uppercase !important;
    color: #2e6b89 !important;
    text-decoration: none !important;
    font-size: 0.9em !important;
    font-weight: bold;
}

.RadCalendar_Material .rcTitlebar {
    background-color: #1565c0 !important;
    border-color: #CFD8DC !important;
}

.RadCalendar_Material .rcPrev, .RadCalendar_Material .rcNext, .RadCalendar_Material .rcFastPrev, .RadCalendar_Material .rcFastNext {
    background-color: #1565c0 !important;
    border-color: #CFD8DC !important;
}

.rsAllDayTable > tbody > tr {
    height: 26px !important;
}

.RadScheduler_Material .rsFooter .rsFullTime {
    color: #1565C0 !important;
}

    .RadScheduler_Material .rsFooter .rsFullTime:hover {
        color: #fff !important;
    }

.rsHovered {
    background-color: #1565C0 !important;
    color: #fff !important;
}

.rsContentTable .rsAlt {
    background-color: #fff !important;
}

.RadSplitter .rspPaneTabIcon {
    height: 14px !important;
    width: 14px !important;
    margin: 4px !important;
}

.rsInnerFix {
    margin-right: 0 !important;
}

.rsMonthView .rsInnerFix > table {
    width: 100% !important;
    height: 30px !important;
}

.rsMonthView .rsContentWrapper .rsContentTable {
    width: 100% !important;
}

#RAD_SPLITTER_PANE_CONTENT_ctl00_ContentPlaceHolder1_Radpane2 {
    /*height: auto !important;*/
    overflow-y: auto !important;
}

.rsDayView .rsContentScrollArea {
    overflow-y: auto !important;
}

.rsMainHeader > div {
    background-color: #1565c0 !important;
}

.rsIWrapper {
    background-color: #1565c0 !important;
    border-color: #1565c0 !important;
}

.RadCalendar_Material .rcMain {
    padding: 0 !important;
}

.RadCalendar_Material .rcSelected a {
    color: #fff !important;
    background-color: #1565C0 !important;
}

.RadToolTip.rtShadow {
    box-shadow: none !important;
}

.RadToolTip_Material {
    background-color: #222 !important;
    color: #fff !important;
    border-color: #222 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 1rem !important;
    opacity: .9 !important;
}


    .RadToolTip_Material .rtCalloutTopRight:before, .RadToolTip_Material .rtCalloutMiddleLeft:before, .RadToolTip_Material .rtCalloutTopLeft:before {
        border-bottom-color: #222 !important;
    }

    .RadToolTip_Material .rtCalloutMiddleRight:before {
        border-left-color: #222 !important;
    }

    .RadToolTip_Material .rtCalloutMiddleRight {
        border-left-color: #222 !important;
    }

    .RadToolTip_Material .rtCalloutTopRight, .RadToolTip_Material .rtCalloutMiddleRight, .RadToolTip_Material .rtCalloutTopLeft {
        border-bottom-color: #222 !important;
    }

.rsHorizontalHeaderTable > tbody > tr > th {
    background-color: #e7e5e5 !important;
    color: #2e6b89 !important;
    border-bottom: 1px solid #ccc !important;
    background-image: url(../images/accrd.gif) !important;
    background-repeat: repeat-x !important;
}

    .rsHorizontalHeaderTable > tbody > tr > th > div > div {
        background-color: #e7e5e5 !important;
        color: #2e6b89 !important;
        /*border-bottom: 1px solid #ccc !important;*/
        background-image: url(../images/accrd.gif) !important;
        background-repeat: repeat-x !important;
    }

.RadScheduler_Material .rsSpacerCell, .RadScheduler_Material .rsHorizontalHeaderWrapper, .RadScheduler_Material .rsVerticalHeaderWrapper {
    background-color: #e7e5e5 !important;
    color: #2e6b89 !important;
    background-image: url(../images/accrd.gif) !important;
    background-repeat: repeat-x !important;
}

.rsHorizontalHeaderTable > tbody > tr > th > div span {
    color: #2e6b89 !important;
    text-decoration: none !important;
    font-size: 0.9em !important;
    font-weight: bold;
    height: 54px;
    line-height: 54px;
}

.RadScheduler .rsHorizontalHeaderTable th {
    vertical-align: top !important;
    padding-left: 0px !important;
}

.pmd-card-title {
    padding: 1rem 1rem 0 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0.125rem;
    border-top-right-radius: 0.125rem;
}

.rsVerticalHeaderTable > tbody {
    background-color: #e7e5e5 !important;
    color: #2e6b89 !important;
    background-image: url(../images/accrd.gif) !important;
    background-repeat: repeat-x !important;
}

.RadScheduler_Material .rsHeader .rsNav .rsPrevDay, .RadScheduler_Material .rsHeader .rsNav .rsNextDay {
    padding: 4px !important;
}

.RadScheduler_Material .rsButton {
    padding: 4px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 12px !important;
}

.RadScheduler .rsHeader .rsCurrent {
    margin-top: 3px !important;
    margin-left: 6px !important;
    font-size: 13px !important;
    padding: 0 !important;
}

.RadScheduler_Material .rsHeader .rsViews .rsButton {
    margin-top: 5px !important;
}
/*SCHEDULER DESIGN END*/

/*TICKET STYLES*/
.rsAptSelected {
    width: 100%;
}

.tcktdiv {
    width: 113% !important;
    margin-left: -8px !important;
    padding-left: 10px !important;
    background-color: #222;
    color: #fff;
    height: 25px !important;
    line-height: 25px !important;
    margin-top: -4px !important;
    margin-bottom: 5px !important;
}

.tckt-one, .tckt-two, .tckt-five, .tckt-four, .tckt-seven, .tckt-six, .tckt-three {
    width: 100%;
}

.tckt-one {
    background: linear-gradient(to bottom right, #fff, #ccc);
    font-family: 'Lato', sans-serif !important;
    font-size: 0.9em;
    border: 1px solid #ccc !important;
    width: 100%;
    border-radius: 8px !important;
}

    .tckt-one .rsAptContent {
        background: linear-gradient(to bottom right, #ccc, #fff) !important;
        font-family: 'Lato', sans-serif !important;
        font-size: 0.9em;
        border: 1px solid #ccc !important;
        width: 100%;
        border-radius: 8px !important;
    }

        .tckt-one .rsAptContent:hover {
            background: linear-gradient(to bottom right, #fff, #ccc) !important;
            box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
            width: 100%;
            border-radius: 8px !important;
        }

.tckt-two .rsAptContent {
    background: linear-gradient(to bottom right, #34c767, #85dda3) !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 0.9em;
    border: 1px solid #ccc !important;
    width: 100%;
    border-radius: 8px !important;
}

    .tckt-two .rsAptContent:hover {
        background: linear-gradient(to bottom right, #85dda3, #34c767) !important;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        width: 100%;
        border-radius: 8px !important;
    }

.tckt-three .rsAptContent {
    background: linear-gradient(to bottom right, #ffc04c, #ffa500) !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 0.9em;
    border: 1px solid #ccc !important;
    width: 100%;
    border-radius: 8px !important;
}

    .tckt-three .rsAptContent:hover {
        background: linear-gradient(to bottom right, #ffa500, #ffc04c) !important;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        width: 100%;
    }


.tckt-four .rsAptContent {
    background: linear-gradient(to bottom right, #00bfff, #0098cc) !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 0.9em;
    border: 1px solid #ccc !important;
    width: 100%;
    border-radius: 8px !important;
}

    .tckt-four .rsAptContent:hover {
        background: linear-gradient(to bottom right, #0098cc, #00bfff) !important;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        width: 100%;
    }


.tckt-Five .rsAptContent {
    background: linear-gradient(to bottom right, #ffff00, #e5e500) !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 0.9em;
    border: 1px solid #ccc !important;
    width: 100%;
    border-radius: 8px !important;
}

    .tckt-Five .rsAptContent:hover {
        background: linear-gradient(to bottom right, #e5e500, #ffff00) !important;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        width: 100%;
    }

.tckt-six {
}

.RadScheduler_Material .rsSpacerCell, .RadScheduler_Material .rsHorizontalHeaderWrapper, .RadScheduler_Material .rsVerticalHeaderWrapper {
    background-color: #e7e5e5 !important;
    color: #2e6b89 !important;
    background-image: url(../images/accrd.gif) !important;
    background-repeat: repeat-x !important;
}

.tckt-seven {
}
/*TICKET STYLES END*/

/*Estimate Screen Desgin*/

.estheader-text {
    margin-bottom: 0 !important;
    font-weight: normal !important;
    height: 20px !important;
    border-bottom: 1px solid #9e9e9e !important;
    color: #222 !important;
    font-size: 0.9rem !important;
    text-align: center !important;
}

/*End Estimate Screen Design*/

/*January Designs*/
.sidenav-button {
    margin-left: 20px !important;
    top: 6px !important;
    z-index: 9999 !important;
    position: fixed !important;
    left: 0px !important;
    background-color: #272C32 !important;
}

    .sidenav-button > i {
        color: #fff !important;
    }

.dbdropdown {
    outline: none;
}

    .dbdropdown option {
        background: #222;
        color: #fff;
        height: 30px;
        border: none !important;
        padding: 5px;
        box-shadow: 0 0 2px 2px #000;
        line-height: 30px;
        min-height: 1.2em;
    }

.link-grid {
    color: #1C5FB1;
    text-decoration: underline;
    -webkit-tap-highlight-color: transparent;
}

.lblfield {
    height: 41px;
    line-height: 41px;
    margin-bottom: 10px;
    border-bottom: 1px solid #9e9e9e;
    color: #9e9e9e;
    font-family: 'Lato', sans-serif !important;
    font-size: 0.9em;
}

.ttlval {
    float: right;
    font-weight: bold;
}

.FormGrid .rgDataDiv {
    height: auto !important;
    max-height: 600px;
    overflow-y: scroll;
}

.FormGrid > label {
    position: initial !important;
}

.TemplateGrid .rgDataDiv {
    max-height: 240px !important;
}

.containedGrid .rgDataDiv {
    max-height: 200px !important;
}

.FormmGrid .POGrid {
    height: auto !important;
    max-height: 280px !important;
    overflow-y: scroll;
}

.POGrid .rgDataDiv {
    height: auto !important;
    max-height: 300px !important;
}

.card-top-title {
    width: 100%;
    height: 40px;
    background-color: #aaa;
    padding: 7px;
    color: #fff;
    font-size: 1.1em;
    position: absolute;
    text-transform: uppercase;
}

.btnlinksbtn input[type=submit] {
    border: 0.5px solid #1C5FB1;
    color: #1C5FB1;
    padding: 5px 20px 5px 20px;
    border-radius: 3px;
    font-size: 0.9em;
    background-image: url(../images/accrd.gif);
    background-repeat: repeat-x;
}

    .btnlinksbtn input[type=submit]:hover {
        border: 0.5px solid #1C5FB1;
        color: #1C5FB1;
        padding: 5px 20px 5px 20px;
        border-radius: 3px;
        font-size: 0.9em;
        background-image: url(../images/accrdhover.gif);
        background-repeat: repeat-x;
    }

.lblfield {
    height: 41px;
    line-height: 41px;
    margin-bottom: 10px;
    border-bottom: 1px solid #9e9e9e;
    color: #9e9e9e;
    font-family: 'Lato', sans-serif !important;
    font-size: 0.9em;
}

.upc-rec {
    font-weight: bold;
    color: #1C5FB1;
    margin-bottom: 10px;
}

.chkboxsrch {
    margin-left: 20px;
}

    .chkboxsrch > div {
        margin-top: 6px;
        margin-left: -20px;
        margin-right: 50px;
    }

        .chkboxsrch > div > input[type="checkbox"] {
            margin-top: 4px;
        }

        .chkboxsrch > div > label {
            font-size: 0.9em;
        }

.chkmgn {
    margin-bottom: 5px;
}

.m-t-4 {
    margin-top: 4px;
}

.cautiondiv {
    background-color: #fd5f5f;
    border: 4px dashed #973939;
    height: 200px;
    color: #fff !important;
    border-radius: 8px;
}

.cautiontitle {
    border-bottom: 2px solid;
    font-weight: bold;
    padding: 5px;
    margin-bottom: 15px;
}

.cautionContent {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

.cautionField {
    margin-bottom: 10px;
}

.cautionlabel {
    color: #fff !important;
}

.multirowbtn {
    float: right !important;
    margin-top: -50px !important;
}

    .multirowbtn a {
        padding: 2px 8px 2px 8px !important;
    }

.multirowbtnone {
    margin-right: 0px !important;
    position: inherit !important;
    padding-top: 4px;
    font-size: 26px;
}

    .multirowbtnone i {
        color: red;
    }

.txtdrp {
    float: left !important;
    margin-top: -20px !important;
    font-size: 0.8em;
}

.innrlink {
    padding: 0 !important;
    color: #1565C0;
    font-size: 0.9rem !important;
}

.nlne {
    margin-top: 5px !important;
    border-bottom: none !important;
}

.chipaddbtn {
    float: right;
    padding: 0 3px 0 15px;
}

    .chipaddbtn > i {
        font-size: 2.2em !important;
        color: #1565c0 !important;
        line-height: 24px !important;
    }

.rowbtn {
    margin-top: -50px;
    float: right !important;
}

.anchorActive {
    font-weight: bold !important;
    color: #1565c0 !important;
    border-bottom: 2px solid !important;
    /*line-height: 20px !important;
    height: 20px !important;*/
}

.textarea-border {
    border: 1px solid #9e9e9e !important;
    border-radius: 6px !important;
    position: relative !important;
    z-index: 2 !important;
    background-color: #fff !important;
    resize: both !important;
    max-height: none !important;
}

.bigtxtarea {
    max-height: 200px !important;
    height: 200px !important;
}

.midtxtarea {
    max-height: 150px !important;
    height: 150px !important;
}

.smalltxtarea {
    max-height: 95px !important;
    height: 95px !important;
}

.txtbrdlbl {
    background-color: #fff !important;
    padding-right: 8px !important;
    margin-left: 4px !important;
    position: absolute !important;
    z-index: 3 !important;
}

.permistitle {
    color: #1565c0 !important;
    font-weight: bold !important;
}

.permissionTable {
    margin-top: -16px !important;
    margin-bottom: 10px;
}

    .permissionTable > thead > tr > th {
        background-color: #fff !important;
        border-bottom: 2px solid #1565C0;
        color: #222 !important;
        font-size: 0.9em !important;
        font-weight: normal !important;
        border-right: 0.5px solid #e9e9e9 !important;
        border-left: 0.5px solid #e9e9e9 !important;
        padding: 1px !important;
    }

    .permissionTable > tbody > tr > td {
        text-align: center !important;
        padding: 2px;
        border-right: 0.5px solid #e9e9e9 !important;
        border-left: 0.5px solid #e9e9e9 !important;
    }

    .permissionTable > tbody > tr {
        background-color: #edf4fc !important;
    }

        .permissionTable > tbody > tr:nth-child(even) {
            background-color: #fff !important;
        }

.add_img > input {
    display: none;
}

.adimg {
    opacity: 1;
    transition: .5s ease;
}

.mdl {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.text > label {
    color: #222;
    font-size: 25px;
    padding: 16px 32px;
}

.add_img:hover .adimg {
    opacity: 0.9;
    background-size: 20px 20px;
    background-image: -webkit-linear-gradient(0deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
    background-image: linear-gradient(180deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
    -webkit-animation: stripes 2s linear infinite;
    animation: stripes 2s linear infinite;
}



.add_img:hover .mdl {
    opacity: 1;
}


.editTabHeader {
    margin-top: -60px;
    position: relative;
    float: right;
    text-align: right;
    width: 10%;
    z-index: 9999;
    font-size: 1.2rem;
    color: #1565c0;
    cursor: pointer;
}

    .editTabHeader:hover {
        color: #222 !important;
        font-weight: bold;
    }

.radio-gap-label {
    font-size: 0.9rem !important;
    color: #222 !important;
}

.checktitle {
    color: #fff !important;
    border-bottom: 2px solid #fff !important;
}

.checklbl {
    margin-left: 20px;
    width: auto;
}

.checkdiv {
    background-color: #155fbf;
    background-image: url("https://www.transparenttextures.com/patterns/escheresque.png");
    /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 0 2px black, 0 0 0 5px white, 0 0 0 7px #1565c0;
    color: #fff !important;
}

    .checkdiv label {
        color: #fff !important;
        font-size: 0.9rem !important;
    }

    .checkdiv .text-field {
        border-color: #222 !important;
    }

    .checkdiv input[type=text] {
        border-color: #222 !important;
    }


.clearable {
    background: #fff url(http://i.stack.imgur.com/mJotv.gif) no-repeat right -10px center;
    border-radius: 3px;
    transition: background 0.4s;
}

    .clearable.x {
        background-position: right 5px center;
    }
    /* (jQ) Show icon */
    .clearable.onX {
        cursor: pointer;
    }
    /* (jQ) hover cursor style */
    .clearable::-ms-clear {
        display: none;
        width: 0;
        height: 0;
    }
/* Remove IE default X */

.notydesignbutton {
    border: 0.5px solid #1C5FB1 !important;
    color: #1C5FB1 !important;
    padding: 5px 20px 5px 20px !important;
    border-radius: 3px !important;
    font-size: 0.9em !important;
    background-image: url(../images/accrd.gif) !important;
    background-repeat: repeat-x !important;
}

    .notydesignbutton:hover {
        border: 0.5px solid #1C5FB1 !important;
        color: #1C5FB1 !important;
        padding: 5px 20px 5px 20px !important;
        border-radius: 3px !important;
        font-size: 0.9em !important;
        background-image: url(../images/accrdhover.gif) !important;
        background-repeat: repeat-x !important;
    }

.trobtns {
    float: left;
}

.popup_div {
    position: absolute;
    background-color: #efefef !important;
    z-index: 1;
    height: auto;
    display: none;
    margin-top: -10px;
    padding-top: 5px;
    border-radius: 5px;
    box-shadow: 0 9px 8px -3px #ccc !important;
    background: transparent;
    overflow: auto;
    border: solid 1px #efefef;
    min-height: 100px;
    overflow-x: hidden;
}

/*January Design End*/

/*CHECKBOX DESIGN*/


input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkbox + label.css-label {
        font-family: 'Lato', sans-serif !important;
        padding-left: 20px;
        height: 15px;
        position: inherit;
        color: #222;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 0.9rem;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=checkbox].css-checkbox:checked + label.css-label {
        font-family: 'Lato', sans-serif !important;
        background-position: 0 -16px;
        color: #222;
    }

label.css-label {
    background-image: url('../images/chkbox.png');
    color: #222;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*END CHEKCBOX DESIGN*/
/*Vertical Tabs*/
.vertcontent {
    padding-left: 30px;
}
.d-flex {
    display: flex;
    align-items: center;
}
.tabs-vertical .tabs {
    height: auto;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    display: -webkit-flex;
    display: flex;
    height: auto !important;
    border-bottom: none;
    margin-top: -10px !important;
    margin-left: -12px !important;
}

.tabs-vertical .tab {
    width: 100% !important;
    text-align: left;
    font-size: 0.9em;
    background-image: url(../images/accrd-accrd.gif);
    background-color: rgb(221, 221, 221) !important;
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
}

.tabs-vertical .tabs .tab a {
    padding-left: 10px;
}

.tabs-vertical .tab .active {
    background-color: #1565c0 !important;
    color: #fff !important;
    border-bottom: 3px solid #424242;
}

    .tabs-vertical .tab .active a {
        color: #fff !important;
    }

.tabs-vertical .tab:hover {
    background-color: #1565c0 !important;
}

    .tabs-vertical .tab:hover a {
        color: #222 !important;
    }


.tabs-vertical .indicator {
    display: none;
}





/*End Vertical Tabs*/




/* ADesign CSS */

.menuAction {
    display: none;
}

.hideMenu {
    display: block;
}

.srchtitlecustomwidth {
    min-width: 75px;
}

.nomgn {
    margin: 0;
}

.btnlinks {
    float: left;
    margin-top: 5px;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 5px;
}

    .btnlinks button {
        border: 0.5px solid #1C5FB1 !important;
        color: #1C5FB1 !important;
        padding: 5px 20px 5px 20px !important;
        border-radius: 3px !important;
        font-size: 0.9em !important;
        background-image: url(../images/accrd.gif) !important;
        background-repeat: repeat-x !important;
    }

        .btnlinks button:hover {
            border: 0.5px solid #1C5FB1 !important;
            color: #1C5FB1 !important;
            padding: 5px 20px 5px 20px !important;
            border-radius: 3px !important;
            font-size: 0.9em !important;
            background-image: url(../images/accrdhover.gif) !important;
            background-repeat: repeat-x !important;
        }

.mrgnsrch-custm {
    margin-top: -4px !important;
    width: 200px;
}

.mrgnbtmnil {
    margin-bottom: 0 !important;
}

.btnlinksicon {
    float: left;
    padding-top: 6px;
    margin-left: -10px !important;
}

.pdrightgap {
    padding-right: 35px !important;
}

.pdrightgap2 {
    padding-right: 26px !important;
}

.form-section3half {
    float: left;
    width: 49%;
}

.form-section3half-blank {
    float: left;
    width: 2%;
}

.cardradius {
    border-radius: 6px;
}

.cardnegate {
    margin-top: -20px;
}

.lblsam {
    font-size: 0.9em;
    margin-top: 10px;
}

.whiteboxshadow {
    background-color: #fff;
}

.mapdd {
    float: left;
    width: 23.5%;
    font-size: 0.9em;
}

.low-padd {
    border-radius: 6px;
    background-color: #ddd;
    color: #000;
    padding: 4px 8px 4px 8px;
    border-radius: 3px;
    cursor: pointer;
}

.map-cu {
    overflow: hidden !important;
    height: 110px !important;
}

.mapddmgn i {
    font-size: 1.1em !important;
    color: #1565c0;
}

.mapdd_blank {
    float: left;
    width: 2%;
}

.pdcustomchk {
    padding-top: 0 !important;
}

.mapddmgn {
    margin-bottom: 5px;
}

.testradio label {
    background-color: #ddd;
    color: #000;
    padding: 4px 8px 4px 8px;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .testradio label:hover {
        background-color: #1C5FB1;
        color: #fff;
    }

    .testradio label input[type="radio"] {
        display: none;
    }

.labelactive {
    background-color: #1C5FB1 !important;
    color: #fff !important;
}

.rd-flt {
    float: left;
    margin-right: 15px;
}

.selectsml {
    width: 112px !important;
}

.rdleftmgn {
    margin-left: 15px;
}

.rdleftmgn {
    margin-top: 5px;
    padding-left: 18px;
    margin-left: 18px;
    border-left: 1px solid #ddd;
}

.rdpairing {
    float: left;
    margin-right: 15px;
    border-right: 1px solid #ddd;
}

    .rdpairing:last-child {
        border-right: none;
    }

.RadGrid_Material th {
    font-size: 0.85rem !important;
}
/* ADesign CSS Ends */
@media only screen and (min-width: 250px) and (max-width: 700px) {
    .w-100 {
        width: 100%;
    }

    .form-sectioninvoice {
        width: 100%;
    }

    .form-section4 {
        width: 100% !important;
    }

    .form-section4-blank, .form-section3-blank {
        width: 0 !important;
    }

    .grid_container {
        overflow-x: scroll;
    }

    .page-title {
        width: 100%;
    }

    .selectsml {
        width: 100% !important;
    }

    .notification-badge {
        background-color: #00000000 !important;
        right: 22px !important;
    }

    .btnclosewrap {
        position: absolute;
        right: 1rem;
    }

    .btnclosewrap-one {
        position: absolute;
        right: 0;
        margin-right: 50px;
    }

    .divbutton-container {
        height: 75px !important;
        margin-bottom: 21px;
    }

    .menuAction {
        display: inline-block;
    }

    .hideMenu {
        display: none;
    }

    .btnsdf {
        position: absolute;
        right: 1rem;
    }

    .menuList {
        position: absolute;
        width: 100%;
        z-index: 999;
        max-height: 100px;
        background-color: #eee;
        left: 0;
        padding-left: 10px;
        padding-top: 5px;
        box-shadow: 0 5px 8px #bbb;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

        .menuList > li {
            display: inline-block;
        }

    .buttonContainer {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
        padding-top: 5px;
        float: left;
        width: 100%;
    }

        .buttonContainer .btnlinks {
            display: inline-block;
            float: none;
        }

    .srchtitle {
        padding: 0 !important;
        float: none !important;
        text-align: center;
        font-size: 1.1rem !important;
        font-weight: normal !important;
    }

    .row .col.s3, .row .col.s6, .row .col.s9 {
        width: 100%;
    }

    .srchinputwrap {
        width: 100% !important;
        text-align: center;
    }

        .srchinputwrap > input[type=text] {
            width: 100% !important;
        }

        .srchinputwrap > select {
            width: 100% !important;
        }

    .srchpane .srchclr {
        margin-left: -10px !important;
        margin-top: -2px !important;
        text-align: center !important;
    }

    .srchpaneinner .srchclr {
        margin-left: -10px !important;
        margin-top: -2px !important;
        text-align: center !important;
    }

    .srchpane-advanced .srchclr {
        margin-left: -10px !important;
        margin-top: -2px !important;
        text-align: center !important;
    }

    .rdleftmgn {
        margin-top: 15px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 15px;
        padding: 0 !important;
    }

        .rdleftmgn .rdpairing {
            width: 100%;
            margin: 0;
            text-align: center;
        }

            .rdleftmgn .rdpairing .rd-flt {
                float: none;
                display: inline-block;
            }

    .tabcontainer {
        margin-top: 15px;
    }

    .srchinputwraping {
        width: 100% !important;
        text-align: center;
    }

    .tabs {
        overflow-x: scroll;
        height: 56px !important;
    }

        .tabs .tab {
            min-width: 140px !important;
        }

    .lblszfloat {
        width: 100% !important;
        text-align: center !important;
    }

        .lblszfloat .trost {
            float: none !important;
            display: inline-block;
        }

            .lblszfloat .trost .css-checkbox .css-label {
                margin-top: -5px;
            }

    .breadcrumbs-bg-custom {
        text-align: center;
    }

    .input-field label {
        /*left: 10px !important;*/
    }

    .breadcrumbs-bg-custom .tblnks {
        float: none;
    }

    .form-sectioncustom1, .form-sectioncustom2 {
        width: 100%;
    }

        .form-sectioncustom1 .form-collapsewrap1, .form-collapsewrap2 {
            width: 100%;
        }

        .form-sectioncustom1 .form_collapsehalf22half {
            width: 60%;
        }

    .trobtns {
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }

        .trobtns .btnlinks {
            float: none;
        }

    .infoDiv {
        max-height: 250px;
        overflow-y: scroll;
    }

    .RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart, .RadGrid .rgPagerCell .NextPrevNumericAndAdvanced .rgAdvPart {
        float: left;
        clear: left;
    }

    .RadGrid label {
        position: inherit !important;
        padding-left: 5px;
    }

    table > tbody > tr > td > label {
        position: inherit !important;
    }

    .form-section2 {
        width: 100%;
    }

    .form-section3 {
        width: 100%;
    }

    .form-section9 {
        width: 100%;
    }

    .rght-content {
        width: 100%;
        text-align: center;
    }

    .editlabel {
        float: none;
        padding-top: 0;
        padding-bottom: 5px;
    }

    .topNav {
        height: 80px !important;
    }

    .tblnks {
        display: none;
    }

    .RadGrid_Bootstrap .rgPagerCell .rgNumPart a, .RadGrid_Bootstrap .rgPagerCell .rgActionButton {
        width: auto !important;
    }


    .RadComboBox .rcbReadOnly .rcbInput, .RadComboBox .rcbDisabled .rcbInput {
        border: none !important;
        padding-left: 8px !important;
    }

    .right-details {
        width: 100% !important;
    }

    .left-links {
        width: 100% !important;
    }

    .ddlYears {
        margin-left: 0 !important;
    }

    .nextprev {
        float: none !important;
    }

    .RadWindow_Material {
        height: auto !important;
        width: 80% !important;
    }

    ul.tabselect li label {
        padding: 5px 6px 5px 6px;
    }

    .form-section-warp1 {
        width: 100%;
    }
    /*Tab Container*/
    .srchinputwrap.tabcontainer {
        text-align: center !important;
    }

    /*VERTICAL TABS*/
    .tabs-vertical .col.s2.tabdiv {
        width: 100%;
    }

    .tabs-vertical .col.s10 {
        width: 100%;
        margin-top: 20px !important;
    }

    .tabs-vertical .tabs {
        flex-direction: inherit !important;
        margin-left: 0 !important;
    }
}

@media only screen and (min-width: 300px) {
    .fixed-header {
        left: 0;
    }
}

@media only screen and (min-width: 601px) {
    .container {
        width: 98%;
    }

    .fixed-header {
        left: 0;
    }
}

@media only screen and (min-width: 993px) {
    .container {
        width: 98%;
    }

    .fixed-header {
        left: 170px;
    }
}

@media only screen and (width: 998px) {
    .fixed-header {
        left: 170px !important;
    }
}

@media only screen and (max-width: 993px) {
    #main {
        padding-left: 0;
    }

    footer {
        padding-left: 0;
    }
}

.ps-scrollbar-x-rail {
    z-index: 9999;
}

.ps-scrollbar-y-rail {
    z-index: 9999;
}

nav ul a {
    padding: 0 4px;
}
/*---------------------------------
    Typography
-----------------------------------*/
.small {
    font-size: 1.0rem;
    margin: 0;
    padding: 0;
}

.medium-small {
    font-size: 0.9rem;
    margin: 0;
    padding: 0;
}

.ultra-small {
    font-size: 0.8rem;
    margin: 0;
    padding: 0;
}

small {
    font-size: 0.8rem;
}

.strong {
    font-weight: 600;
}

h4.header {
    line-height: 2.508rem;
    margin: 1.14rem 0 0.912rem 0;
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: uppercase;
}

h4.header2 {
    font-size: 1.1rem;
    font-weight: 400;
    text-transform: uppercase;
}

p.title {
    font-size: 1.3rem;
}

p.header {
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase;
}

li.li-hover:hover {
    background: transparent !important;
}

li.search-out:hover {
    background: transparent;
}

li.mobile:before {
    background: #f7464a;
}

li.kitchen:before {
    background: #46bfbd;
}

li.home:before {
    background: #fdb45c;
}

.more-text {
    padding: 5px 20px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.vfalign-demo {
    height: 400px;
    background-color: #ddd;
}

.margin {
    margin: 0 !important;
}

/*----------------------------------------
    Pre-loader
------------------------------------------*/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
}

    #loader-wrapper .loader-section {
        position: fixed;
        top: 0;
        width: 51%;
        height: 100%;
        background: #eceff1;
        z-index: 1000;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

        #loader-wrapper .loader-section.section-left {
            left: 0;
        }

        #loader-wrapper .loader-section.section-right {
            right: 0;
        }

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 1001;
}

    #loader:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #e74c3c;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite;
    }

    #loader:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 3px solid transparent;
        border-top-color: #f9c922;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }

#loader-logo {
    display: block;
    position: absolute;
    left: 48%;
    top: 46%;
    background: url("../images/user-bg-2.jpg") no-repeat center center;
    z-index: 1001;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}

    .loaded #loader-wrapper .loader-section.section-left {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    .loaded #loader-wrapper .loader-section.section-right {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.progress {
    background-color: rgba(255, 64, 129, 0.22);
}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;
}

/*=================================================================================
    Header
====================================================================================*/
/*----------------------------------------
    Page Header
------------------------------------------*/
h1.logo-wrapper {
    margin: 0;
}

h1 span.logo-text {
    display: none;
}

.menu-sidebar-collapse {
    margin: 0 10px;
}

    .menu-sidebar-collapse i {
        line-height: 36px !important;
    }

header .brand-logo {
    margin: 1px 0;
    padding: 7px 12px 9px 12px;
}

    header .brand-logo img {
        width: 185px;
    }

@media only screen and (max-width: 992px) {
    nav .nav-wrapper {
        text-align: center;
    }

        nav .nav-wrapper a.page-title {
            font-size: 36px;
        }

    ul.side-nav.leftside-navigation {
        top: 56px !important;
    }
}

/*Search box*/
.header-search-wrapper {
    margin: 10px auto 0 240px;
    width: calc(100% - 600px);
    height: 40px;
    display: inline-block;
    position: relative;
}

    .header-search-wrapper i {
        position: absolute;
        font-size: 24px;
        top: 6px;
        left: 24px;
        line-height: 32px !important;
        -webkit-transition: color 200ms ease;
        transition: color 200ms ease;
    }

input.header-search-input {
    display: block;
    padding: 8px 8px 8px 72px;
    width: 100%;
    background: rgba(255, 255, 255, 0.3);
    height: 24px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    border: none;
    font-size: 16px;
    appearance: textfield;
    font-weight: 400;
    outline: none;
    border-radius: 3px;
}

    input.header-search-input:hover {
        background: rgba(255, 255, 255, 0.5);
    }

    input.header-search-input:focus {
        color: #333;
        background: #fff;
        border-bottom: none !important;
        box-shadow: none !important;
    }

.header-search-wrapper-focus i {
    color: #444;
}

.header-search-input::-webkit-input-placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.header-search-input::-moz-placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.header-search-input:-ms-input-placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.header-search-input:focus::-webkit-input-placeholder {
    color: #333;
    font-size: 16px;
    font-weight: 400;
}

.header-search-input:focus::-moz-placeholder {
    color: #333;
    font-size: 16px;
    font-weight: 400;
}

.header-search-input:focus::placeholder {
    color: #333;
    font-size: 16px;
    font-weight: 400;
}

.header-search-input:focus:-ms-input-placeholder {
    color: #333;
    font-size: 16px;
    font-weight: 400;
}

.header-search-input::placeholder {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.search-out {
    display: none;
}

    .search-out input[type=text]:focus:not([readonly]) {
        border-bottom: 1px solid #fff !important;
        box-shadow: none;
    }

.search-out-text {
    border-bottom: 1px solid #fff !important;
}

.translation-button img {
    position: relative;
    top: 12px;
}

.form-section93 {
    width: 100%;
}

.rght-content-last-w {
    width: 100%;
    text-align: center;
}

.det-mag {
    width: 40px;
    float: right;
    color: #fff;
    margin-right: 15px;
    height: 20px;
    width: 20px;
}

.p-15 {
    padding: 15px;
}

.p-15-table {
    height: 200px;
    padding: 10px;
}

.showhide-css {
    margin-top: 27px;
    margin-left: 10px;
}

.footer-pr {
    float: left;
    padding-left: 0 !important;
}

.cr-title-new {
    padding-top: 5px;
    font-size: initial;
    padding-bottom: 5px;
}

.lodder-new {
    text-align: center;
    padding-top: 35px;
    display: none;
}

.cr-title-new2 {
    padding-top: 5px;
    font-size: initial;
    padding-bottom: 5px;
}

.cr-main2 {
    width: 100% !important;
    float: left !important;
    padding-top: 5px !important;
    margin-bottom: 15px;
    margin-right: 30px;
}

.p-l-34 {
    padding-left: 34px;
}

#translation-dropdown .language-select {
    position: relative;
    top: -9px;
}

.notification-badge {
    position: relative;
    right: 5px;
    top: -20px;
    color: #ffffff;
    margin: 0 -.8em;
    border-radius: 50%;
    padding: 2px 5px;
}

    .notification-badge > span {
        position: relative;
        right: -36px;
        top: -47px;
        color: #ffffff;
        background-color: #FF4081;
        margin: 0 -.8em;
        border-radius: 8px;
        padding: 1px 6px 2px 5px;
        font-size: 12px;
        font-weight: 600;
        font-family: 'Lato', sans-serif;
    }

#notifications-dropdown h5 {
    font-size: 1rem;
    text-transform: capitalize;
    font-weight: 500;
}

#notifications-dropdown li {
    padding: 5px 10px 5px 10px;
    font-size: 1rem;
}

    #notifications-dropdown li > a {
        padding: 0;
        font-size: 1rem;
        font-weight: 300;
    }

        #notifications-dropdown li > a > i {
            display: inline-block;
            font-size: 1.2rem;
            position: relative;
            top: 4px;
        }

    #notifications-dropdown li > time {
        font-size: 0.8rem;
        font-weight: 400;
    }

    #notifications-dropdown li.divider {
        padding: 0;
    }

/*=================================================================================
    Sidebar
====================================================================================*/
/*----------------------------------------
    Sidebar Main Menu 
------------------------------------------*/
nav.top-nav {
    height: 122px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    nav.top-nav a.page-title {
        line-height: 122px;
        font-size: 48px;
    }

nav ul li.no-hover:hover {
    background: none;
}

.side-nav.leftside-navigation .collapsible-body li.active {
    background-color: rgba(0, 0, 0, 0.04);
}

.side-nav.fixed.leftside-navigation .collapsible-body li.active {
    background-color: rgba(0, 0, 0, 0.04);
}

ul.side-nav.leftside-navigation {
    top: 50px !important;
    overflow: hidden;
}

    ul.side-nav.leftside-navigation hr {
        display: block;
        height: 1px;
        border: 0;
        border-top: 1px solid #e0e0e0;
        margin: 1em 0;
        padding: 0;
    }

.dropdown-content {
    background-color: #fff !important;
    margin: 11px 0 0 0 !important;
    display: none;
    max-height: 650px !important;
    overflow: visible !important;
    opacity: 0;
    position: absolute !important;
    z-index: 999 !important;
    will-change: width, height !important;
}

.nav {
    color: #000 !important;
}

.dropdown-content li {
    clear: both !important;
    color: rgba(0,0,0,0.87) !important;
    cursor: pointer !important;
    width: 100% !important;
    display: block;
    text-align: left !important;
    text-transform: none !important;
}

.prof a i {
    width: 20px !important;
    margin-right: 5px !important;
}

.profile-img img {
    border: 3px solid #fff !important;
    margin-top: 5px;
}

.border-btm {
    border-bottom: none;
}

ul.side-nav.leftside-navigation li {
    line-height: 35px;
    transition: all 0.3s ease;
}

    ul.side-nav.leftside-navigation li:hover {
        line-height: 35px;
    }

    ul.side-nav.leftside-navigation li.user-details {
        padding: 10px 0 0 5px;
        background-image: none !important;
        position: relative;
        background-position: 100% auto;
    }

    ul.side-nav.leftside-navigation li.active {
        background-color: rgba(0, 0, 0, 0.04);
    }

    ul.side-nav.leftside-navigation li a {
        font-size: 0.9em;
        font-weight: 500;
    }

    ul.side-nav.leftside-navigation li.user-details {
        background-color: #1565c0 !important;
        padding: 10px 0 0 5px;
    }

        ul.side-nav.leftside-navigation li.user-details #profile-dropdown a {
            padding: 8px 0 0 0;
        }

ul.side-nav.leftside-navigation .profile-btn {
    margin: 0;
    text-transform: capitalize;
    padding: 0;
    text-shadow: 1px 1px 1px #444;
    font-size: 15px;
}

ul.side-nav.leftside-navigation ul.collapsible-accordion {
    background-color: #272C32;
}

ul.side-nav li {
    padding: 0;
}

ul.side-nav .collapsible-header {
    margin: 0;
}

.side-nav .collapsible-body ul li {
    background-image: none !important;
}

.st-stat {
    height: 200px !important; /*MM839*/
}

    .st-stat:hover {
        background-color: #000 !important;
    }

ul.anchor-links li a {
    cursor: pointer !important;
}

.side-nav .collapsible-body ul li a {
    font-size: 0.8em !important;
    font-weight: normal !important;
    background-color: #111111;
    color: #fff;
}

#slide-out li a i {
    line-height: inherit;
    width: 1.1rem;
    font-size: 1.3rem;
    display: block;
    float: left;
    margin-left: 8px;
    color: #fff !important;
    text-align: center;
}

#slide-out ul.side-nav li {
    padding: 0 !important;
}

.caption {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 30px;
}

.caption-uppercase {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.sidebar-collapse {
    position: absolute;
    left: -170px;
    top: -43px;
}

.user-task, .user-time {
    margin: 0;
    font-size: 13px;
    color: #fff;
}

.user-roal {
    color: #fff;
    margin-top: -16px;
    font-size: 13px;
    text-shadow: 1px 1px 1px #444;
}

.user-details .row {
    margin: 0;
}

.bold > a {
    font-weight: bold;
}

.rightside-navigation {
    overflow: hidden;
}

/*----------------------------------------
    Right Chat Slideout
------------------------------------------*/
#right-search .input-field {
    margin-top: 0;
}

.mgn-btm1 {
    margin-bottom: 1px !important;
}

#chat-out .collapsible-header {
    background-color: transparent;
    border: none;
    line-height: 35px;
    height: 30px;
    font-weight: 400;
}

    #chat-out .collapsible-header:after {
        color: #fff;
    }

#chat-out .chat-out-list {
    padding: 5px;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
}

#chat-out .favorite-associate-list .circle {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid #999;
    padding: 3px;
    display: block;
}

#chat-out .favorite-associate-list .online-user {
    border: 2px solid #00e676;
}

#chat-out .favorite-associate-list p {
    padding: 0;
}

    #chat-out .favorite-associate-list p.place {
        font-size: 0.8rem;
    }

#chat-out .recent-activity-list-icon {
    margin-top: 8px;
    font-size: 2rem;
}

#chat-out .recent-activity-list-text a {
    font-size: 0.8rem;
    padding: 0;
    font-weight: 600;
}

#chat-out .recent-activity-list-text p {
    font-size: 0.9rem;
    padding: 0;
}

.chat-close-collapse {
    padding: 5px 15px 0 0;
    color: #fff !important;
}

/* =================================================================================
    Content
================================================================================= */
/*----------------------------------------
    Breadcrumb
------------------------------------------*/
#breadcrumbs-wrapper {
    background: #f3f3f3;
}

h5.breadcrumbs-header {
    font-size: 1.64rem;
    line-height: 1.804rem;
    margin: 1.5rem 0 0 0;
}

.breadcrumbs {
    padding: 0;
    margin: 15px 0;
    list-style: none;
}

    .breadcrumbs > li {
        display: inline-block;
    }

        .breadcrumbs > li + li:before {
            padding: 0 5px;
            color: #ccc;
            content: "/\00a0";
        }

    .breadcrumbs .active {
        font-weight: normal;
        color: #999;
    }

.breadcrumbs-title {
    font-size: 1.5rem;
    line-height: 1.804rem;
    margin: 18px 0 0;
}

.breadcrumbs-nav {
    margin: 8px 0 9px;
}

.breadcrumb:before {
    content: "\e7c3";
    font-family: "Material-Design-Icons";
}

/*----------------------------------------
    Tables
------------------------------------------*/
.jsgrid-edit-row input[type="checkbox"], .jsgrid-insert-row input[type="checkbox"], .jsgrid-filter-row input[type="checkbox"], .jsgrid-alt-row input[type="checkbox"], .jsgrid-row input[type="checkbox"], .config-panel input[type=checkbox] {
    position: relative !important;
    left: 0 !important;
    visibility: visible !important;
}

.jsgrid-grid-body {
    height: auto !important;
}

.jsgrid-edit-row select {
    display: block !important;
}

.jsgrid-insert-row select {
    display: block !important;
}

.jsgrid-insert-row .select-wrapper .caret {
    display: none !important;
}

.jsgrid-insert-row .select-wrapper .select-dropdown {
    display: none !important;
}

#jsGrid-sorting {
    height: 500px !important;
    overflow: scroll !important;
}

#jsGrid-page {
    height: 500px !important;
    overflow: scroll !important;
}

#jsGrid-custom-row {
    height: 500px !important;
    overflow: scroll !important;
}

/*----------------------------------------
    Cards
------------------------------------------*/
.card {
    overflow: hidden;
    min-height: 100% !important;
    border-radius: 6px;
}

#card-stats .card-content {
    text-align: center;
}

#card-stats .card-stats-title {
    font-size: 1.2rem;
}

    #card-stats .card-stats-title i {
        font-size: 1.2rem;
    }

#card-stats .card-stats-compare {
    font-size: 1.0rem;
}

    #card-stats .card-stats-compare i {
        position: relative;
        top: 5px;
    }

#card-stats .card-stats-number {
    font-size: 1.8rem;
    line-height: 2.0rem;
    margin: 0.2rem 0 0.2rem 0;
    font-weight: 500;
}

#card-stats .card .card-content {
    padding: 10px 14px;
    padding-top: 0;
    padding-bottom: 0;
}

#card-stats .card .card-action {
    padding: 10px 14px;
}

/* alert card */
#card-alert i {
    font-size: 20px;
    position: relative;
    top: 2px;
}

#card-alert .alert-circle {
    display: inline-block;
    width: 40px;
    white-space: nowrap;
    border-radius: 1000px;
    vertical-align: bottom;
    position: relative;
    top: -5px;
    left: -2px;
}

#card-alert .single-alert {
    line-height: 42px;
}

#card-alert button {
    background: none;
    border: none;
    position: absolute;
    top: 15px;
    right: 10px;
    font-size: 20px;
    color: #fff;
}

#card-alert .card .card-content {
    padding: 20px 40px 20px 20px;
}

#card-alert .card-action i {
    top: 0;
    margin: 0;
}

/* work card */
#work-collections .collection-header {
    font-size: 1.14rem;
    font-weight: 500;
}

#work-collections p.collections-title {
    font-size: 1.0rem;
    padding: 0;
    margin: 0;
    font-weight: 500;
}

#work-collections p.collections-content {
    font-size: 0.9rem;
    padding: 0;
    margin: 0;
    font-weight: 400;
}

#work-collections .collection-item.avatar {
    height: auto;
    padding-top: 22px;
}

/* flight card */
#flight-card .flight-card-title {
    margin: 0;
    font-weight: 300;
    color: #fff;
}

#flight-card .flight-card-date {
    font-size: 1.0rem;
    margin: 0;
    color: #fff;
}

#flight-card .flight-state {
    padding-bottom: 15px;
}

#flight-card .flight-state-two {
    border-left: 1px dashed #9e9e9e;
}

#flight-card .flight-icon {
    font-size: 2.2rem;
    display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

#flight-card .card-content-bg {
    background: url("../images/sample-1.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#flight-card .card-content {
    background: rgba(0, 0, 0, 0.25);
}

#flight-card .flight-state-wrapper {
    margin: 0 0 100px 0 !important;
}

#flight-card .card-header .card-title {
    padding: 20px;
}

/* task card */
#task-card label {
    display: block;
    color: rgba(0, 0, 0, 0.87);
    height: auto;
}

#task-card .task-card-title {
    margin: 0;
    color: #fff;
    font-weight: 300;
}

#task-card .task-card-date {
    font-size: 1.0rem;
    margin: 0;
    color: #fff;
}

#task-card .collection-header {
    padding: 20px;
}

#task-card .task-add {
    position: absolute;
    right: 10px;
    top: 76px;
}

#task-card .task-cat {
    padding: 2px 4px;
    color: #fff;
    margin-left: 37px;
    font-weight: 300;
    font-size: 0.8rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
}

.task-cat {
    padding: 2px 4px;
    color: #fff;
    font-weight: 300;
    font-size: 0.8rem;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-clip: padding-box;
}

.collection .collection-item.avatar i.circle {
    font-size: 28px;
}

/* profile card */
#profile-card .card-image {
    height: 150px;
}

#profile-card .card-profile-image {
    width: 70px;
    position: absolute;
    top: 110px;
    z-index: 1;
    cursor: pointer;
}

#profile-card .btn-move-up {
    position: relative;
    top: -40px;
    right: -18px;
    margin-right: 10px !important;
}

#profile-card .card-content p {
    font-size: 1.2rem;
    margin: 10px 0 12px;
}

.card-move-up .move-up {
    padding: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}

/*----------------------------------------
    Charts
------------------------------------------*/
#chart-dashboard {
    padding-top: 12px;
}

    #chart-dashboard .card {
        overflow: hidden;
    }

        #chart-dashboard .card .card-content {
            padding: 10px 14px;
        }

.sample-chart-wrapper {
    width: 100%;
}

.chart-title {
    font-size: 1.6rem;
    font-weight: 300;
}

/* Revenue Chart */
.chart-revenue {
    float: right;
    text-align: center;
    padding: 8px;
    border-radius: 3px;
}

    .chart-revenue .chart-revenue-total {
        font-size: 0.9rem;
        margin: 0;
    }

    .chart-revenue .chart-revenue-per {
        font-size: 0.8rem;
        margin: 0;
    }

        .chart-revenue .chart-revenue-per i {
            position: relative;
            top: 5px;
        }

.chart-revenue-switch {
    padding-top: 28px;
    padding-right: 10px;
    color: #fff;
    text-align: right;
}

/* doughnut chart */
.doughnut-chart-status {
    position: relative;
    top: -75px;
    left: 0;
    font-size: 16px;
    font-weight: 500;
    height: 0;
    text-align: center;
}

    .doughnut-chart-status p {
        margin-top: -5px;
    }

.doughnut-chart-legend li {
    padding: 2px 0;
    font-size: 0.9rem;
}

    .doughnut-chart-legend li:before {
        content: "";
        width: 8px;
        height: 8px;
        display: block;
        float: left;
        margin-top: 6px;
        margin-right: 4px;
    }

a.button-collapse.top-nav {
    position: absolute;
    left: 7.5%;
    top: 0;
    float: none;
    margin-left: 1.5rem;
    color: #fff;
    font-size: 32px;
    z-index: 2;
}

/* trending bar chart */
.trending-bar-chart-wrapper {
    width: 100%;
}

.btn-move-up {
    position: relative;
    top: -40px;
    right: -18px;
    margin-right: 10px !important;
}

/* Flot Chart*/
.flotchart-placeholder {
    width: 100%;
    height: 300px;
    font-size: 13px;
    line-height: 1.2em;
}

#flotchart table {
    position: absolute;
    top: 13px;
    right: 17px;
    font-size: smaller;
    color: #545454;
    width: 100px;
}

#flotchart td {
    padding: 5px;
}

th {
    padding: 5px;
}

/* xCharts */
.xchart-placeholder {
    width: 90%;
    height: 300px;
}

.pt-0{
    padding-top:0px;
}

/*Sparkline*/
.jqstooltip {
    border: none !important;
    box-sizing: content-box;
}

.tooltip-class {
    overflow: hidden;
    color: #fff;
    height: 20px;
    width: 30px;
}

#ct2-chart .ct-series.ct-series-a .ct-area {
    fill: #00bcd4;
}

#ct2-chart .ct-series.ct-series-a .ct-point {
    stroke: #00bcd4;
}

#ct2-chart .ct-series.ct-series-a .ct-line {
    stroke: #54e2f4;
}

/*  Widget */
.socialbox .logo {
    color: #fff;
    font-size: 28px;
    left: 20px;
    bottom: 20px;
    position: absolute;
}

.socialbox .info {
    color: #fff;
    margin: 0;
    position: absolute;
    right: 20px;
    bottom: 20px;
    font-size: 15px;
    padding: 0;
}


@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .doughnut-chart-status {
        display: none;
    }

    .fixed-header {
        left: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .doughnut-chart-status {
        display: none;
    }

    #card-stats .card-stats-compare {
        font-size: 0.8rem;
    }
}

/*----------------------------------------
    Calender
------------------------------------------*/
#full-calendar {
    padding-top: 30px;
}

#calendar h2 {
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 35px;
}

#calendar .fc-day-header {
    text-transform: uppercase;
    font-weight: 400;
}

#external-events {
    padding-top: 50px;
}

    #external-events .fc-event {
        color: #fff;
        text-decoration: none;
        padding: 5px;
        margin-bottom: 10px;
        cursor: all-scroll;
        border: none;
    }

.fc button {
    background: #fff;
}

.fc td {
    border-width: 0 !important;
}

.fc th {
    border-width: 0 !important;
}

.fc-state-active {
    color: #ff4081 !important;
}

.fc-state-down {
    color: #ff4081 !important;
}

/*----------------------------------------
    Color Palette css for css-color.html page
------------------------------------------*/
.dynamic-color .red, .dynamic-color .pink, .dynamic-color .purple, .dynamic-color .deep-purple, .dynamic-color .indigo, .dynamic-color .blue, .dynamic-color .light-blue, .dynamic-color .cyan, .dynamic-color .teal, .dynamic-color .green, .dynamic-color .light-green, .dynamic-color .lime, .dynamic-color .yellow, .dynamic-color .amber, .dynamic-color .orange, .dynamic-color .deep-orange, .dynamic-color .brown, .dynamic-color .grey, .dynamic-color .blue-grey {
    height: 55px;
    width: 100%;
    padding: 0 15px;
    line-height: 55px;
    font-weight: 500;
    font-size: 12px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dynamic-color .col {
    margin-bottom: 55px;
}

tr.group {
    background-color: #ddd !important;
}

    tr.group:hover {
        background-color: #ddd !important;
    }

@media only screen and (max-width: 1024px) {
    tfoot {
        display: none;
    }

    .fixed-header {
        left: 170px;
    }
}

/*----------------------------------------
    Grid - Flat Site Mockup
------------------------------------------*/
#site-layout-example-left {
    background-color: #90a4ae;
    height: 300px;
}

.mapddmgn i {
    font-size: 1.1em !important;
    color: #1565c0;
}

.mapdd_blank {
    float: left;
    width: 2%;
}

.pdcustomchk {
    padding-top: 0 !important;
}

.mapddmgn {
    margin-bottom: 5px;
}

#site-layout-example-right {
    background-color: #26a69a;
    height: 300px;
}

#site-layout-example-top {
    background-color: #e57373;
    height: 50px;
}

.flat-text-header {
    height: 35px;
    width: 80%;
    background-color: rgba(255, 255, 255, 0.15);
    display: block;
    margin: 27px auto;
}

.flat-text {
    height: 25px;
    width: 80%;
    background-color: rgba(0, 0, 0, 0.15);
    display: block;
    margin: 27px auto;
}

    .flat-text.small {
        width: 25%;
        height: 25px;
        background-color: rgba(0, 0, 0, 0.15);
    }

    .flat-text.full-width {
        width: 100%;
    }

.col.grid-example {
    border: 1px solid #eee;
    margin: 7px 0;
    text-align: center;
    line-height: 50px;
    font-size: 28px;
    background-color: #ff6347;
    color: #fff;
    padding: 0;
}

    .col.grid-example span {
        font-weight: 200;
        line-height: 50px;
    }

.waves-color-demo .collection-item {
    height: 57px;
    line-height: 57px;
}

/*----------------------------------------
    Chrome Browser Grid Example
------------------------------------------*/
.browser-window {
    text-align: left;
    width: 100%;
    height: auto;
    display: inline-block;
    -webkit-border-radius: 5px 5px 2px 2px;
    -moz-border-radius: 5px 5px 2px 2px;
    border-radius: 5px 5px 2px 2px;
    background-clip: padding-box;
    background-color: transparent;
    margin: 20px 0;
    overflow: hidden;
}

    .browser-window .top-bar {
        height: 30px;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
        background-clip: padding-box;
        border-top: thin solid #eaeae9;
        border-bottom: thin solid #ddd;
        background: linear-gradient(#e7e7e6, #e0e0e0);
    }

    .browser-window .circle {
        height: 10px;
        width: 10px;
        display: inline-block;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        background-color: #fff;
        margin-right: 1px;
    }

    .browser-window .circles {
        margin: 5px 12px;
    }

    .browser-window .content {
        margin: 0;
        width: 100%;
        display: inline-block;
        border-radius: 0 0 5px 5px;
        background-color: #fafafa;
    }

    .browser-window .row {
        margin: 0;
    }

#close-circle {
    background-color: #ff5c5a;
}

#minimize-circle {
    background-color: #fdb45c;
}

#maximize-circle {
    background-color: #1bc656;
}

.clear {
    clear: both;
}

select:disabled {
    color: rgb(5 19 44) !important;
    font-weight: bold;
    background-color: #ceebf8 !important;
    cursor: not-allowed !important;
    height: 2rem !important;
    margin: 11px 0px 10px 0px !important;
}
/*disabled="disabled"*/
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

textarea.materialize-textarea:disabled {
    color: rgb(5 19 44) !important;
    font-weight: bold;
    background-color: #ceebf8 !important;
    cursor: not-allowed !important;
    height: 2rem !important;
    margin: 11px 0px 10px 0px !important;
}

input:disabled {
    color: rgb(5 19 44) !important;
    font-weight: bold;
    background-color: #ceebf8;
    cursor: not-allowed !important;
    height: 2rem !important;
    margin: 11px 0px 10px 0px !important;
}

.r-dis {
    color: rgb(5 19 44) !important;
    font-weight: bold;
    background-color: #ceebf8 !important;
    cursor: not-allowed !important;
    height: 2rem !important;
    margin: 11px 0px 10px 0px !important;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #d6dee1;
    border-radius: 20px;
    border: 6px solid transparent;
    /* background-clip: content-box;*/
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #a8bbbf;
    }

.promo i {
    color: #ee6e73;
    font-size: 6rem;
    display: block;
}

.promo-caption {
    font-size: 1.7rem;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 0;
}

/*----------------------------------------
    Shadow effect
------------------------------------------*/
.shadow-demo {
    background-color: #26a69a;
    width: 100px;
    height: 100px;
    margin: 20px auto;
}

.collapsible-header {
    font-weight: 500;
    line-height: 34px;
    min-height: 36px;
}

    /* Sidebar nav open close icons*/
    .collapsible-header:after {
        font-family: "Material-Design-Icons";
        content: "\e7c3";
        float: right;
        color: #fff;
        font-size: 18px;
    }

    .collapsible-header.active:after {
        content: "\e7c1";
    }

#input-select .input-field label {
    position: absolute;
    top: -14px;
    font-size: 0.8rem;
}

/*----------------------------------------
    icon page
------------------------------------------*/
.icon-demo {
    line-height: 50px;
}

.icon-container i {
    font-size: 3em;
    display: block;
    margin-bottom: 10px;
}

.icon-container .icon-preview {
    height: 120px;
    text-align: center;
}

.icon-holder {
    display: block;
    text-align: center;
    width: 150px;
    height: 115px;
    float: left;
    margin: 0 0 15px 0;
}

    .icon-holder p {
        margin: 0;
    }

/*----------------------------------------
    Error Page
------------------------------------------*/
.text-long-shadow {
    text-shadow: #1d7d74 1px 1px, #1d7d74 2px 2px, #1d7d74 3px 3px, #1d7d74 4px 4px, #1d7d74 5px 5px, #1d7d74 6px 6px, #1d7d74 7px 7px, #1d7d74 8px 8px, #1d7d74 9px 9px, #1d7d74 10px 10px, #1d7d74 11px 11px, #1d7d74 12px 12px, #1d7d74 13px 13px, #1d7d74 14px 14px, #1d7d74 15px 15px, #1d7d74 16px 16px, #1d7d74 17px 17px, #1d7d74 18px 18px, #1d7d74 19px 19px, #1d7d74 20px 20px, #1d7d74 21px 21px, #208b81 22px 22px, #208b81 23px 23px, #208b81 24px 24px, #208b81 25px 25px, #208b81 26px 26px, #208b81 27px 27px, #208b81 28px 28px, #208b81 29px 29px, #208b81 30px 30px, #26a69a 31px 31px, #26a69a 32px 32px, #26a69a 33px 33px, #26a69a 34px 34px, #26a69a 35px 35px, #26a69a 36px 36px, #26a69a 37px 37px;
    background-color: #26a69a;
    width: 100%;
    font-size: 10rem;
    color: #fff !important;
    text-align: center;
    padding: 20px 0 !important;
}

/*----------------------------------------
    Login Page
------------------------------------------*/
.login-form {
    width: 280px;
}

.loginformwrap {
    font-size: 1.2rem;
}

.input-field .prefix {
    padding-top: 8px;
}

.lg-lnk a {
    background-color: transparent !important;
    color: #000 !important;
    font-size: 0.9em !important;
}

.login-form-text {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: bold;
}

.profile-image-login {
    width: 120px;
    height: 120px !important;
}

.login-text {
    margin-top: -6px;
    margin-left: -6px !important;
}

/*----------------------------------------
    Email Page
------------------------------------------*/
#mail-app hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e0e0e0;
    margin: 1em 0;
    padding: 0;
}

#mail-app #email-sidebar {
    margin-top: 0;
}

#mail-app #email-list {
    margin-top: 0;
}

#mail-app #email-details {
    margin-top: 0;
}

#mail-app .modal .modal-content {
    padding: 0;
}

.email-unread .email-title {
    font-weight: 500;
}

#email-sidebar {
    min-height: 650px;
}

    #email-sidebar li {
        padding: 10px 0;
        text-align: center;
    }

        #email-sidebar li i {
            padding: 12px;
            color: #272727;
        }

            #email-sidebar li i.active {
                background: #ddd;
                border-radius: 2px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
            }

            #email-sidebar li i:hover {
                background: #ddd;
                border-radius: 2px;
                -webkit-border-radius: 2px;
                -moz-border-radius: 2px;
            }

#email-list {
    padding: 0;
}

    #email-list .collection {
        margin: 0;
    }

        #email-list .collection .collection-item.avatar {
            height: auto;
            padding-left: 72px;
            position: relative;
        }

            #email-list .collection .collection-item.avatar .secondary-content {
                position: absolute;
                top: 10px;
                right: -4px;
            }

                #email-list .collection .collection-item.avatar .secondary-content.email-time {
                    right: 8px;
                }

            #email-list .collection .collection-item.avatar .icon {
                position: absolute;
                width: 42px;
                height: 42px;
                overflow: hidden;
                left: 15px;
                display: inline-block;
                text-align: center;
                vertical-align: middle;
                top: 20px;
            }

            #email-list .collection .collection-item.avatar .circle {
                position: absolute;
                width: 42px;
                height: 42px;
                overflow: hidden;
                left: 15px;
                display: inline-block;
                vertical-align: middle;
                text-align: center;
                font-size: 1.5rem;
                color: #fff;
                font-weight: 300;
                padding: 10px;
            }

            #email-list .collection .collection-item.avatar img.circle {
                padding: 0;
            }

        #email-list .collection .collection-item:hover {
            background: #e1f5fe;
            cursor: pointer;
        }

        #email-list .collection .collection-item.selected {
            background: #e1f5fe;
            border-left: 4px solid #29b6f6;
        }

    #email-list .attach-file {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #9e9e9e;
        font-size: 1.1rem;
    }

#email-details {
    padding: 15px;
}

    #email-details .email-subject {
        font-size: 1.2rem;
    }

        #email-details .email-subject i {
            font-size: 2.2rem;
        }

    #email-details .email-tag {
        padding: 3px;
        font-size: 0.9rem;
    }

    #email-details .collection {
        border: none;
    }

        #email-details .collection .collection-item.avatar {
            height: auto;
            padding-left: 72px;
            position: relative;
        }

            #email-details .collection .collection-item.avatar .icon {
                position: absolute;
                width: 42px;
                height: 42px;
                overflow: hidden;
                left: 15px;
                display: inline-block;
                vertical-align: middle;
                top: 20px;
            }

            #email-details .collection .collection-item.avatar .circle {
                position: absolute;
                width: 42px;
                height: 42px;
                overflow: hidden;
                left: 15px;
                display: inline-block;
                vertical-align: middle;
                text-align: center;
                font-size: 1.5rem;
                color: #fff;
                font-weight: 300;
                padding: 10px;
            }

            #email-details .collection .collection-item.avatar img.circle {
                padding: 0;
            }

        #email-details .collection .collection-item.selected {
            background: #e1f5fe;
            border-left: 4px solid #29b6f6;
        }

    #email-details .email-actions {
        padding-top: 25px;
    }

        #email-details .email-actions a {
            color: #757575;
            padding: 5px;
        }

.email-reply {
    padding-top: 20px;
}

    .email-reply a {
        color: #757575;
    }

        .email-reply a i {
            font-size: 2rem;
        }

    .email-reply p {
        color: #757575;
        margin: 0;
    }

.model-email-content {
    padding: 24px;
}

/*----------------------------------------
    Blog
------------------------------------------*/
/* ----- Blog Card -----*/
.blog-card .card .card-content .card-title, .blog-card .card .card-reveal .card-title {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 400;
}

.blog-card .card {
    margin: 0;
}

    .blog-card .card .card-content {
        padding: 5px 10px;
    }

.blog-card ul.card-action-buttons {
    margin: -26px 10px 0 0;
    text-align: right;
}

    .blog-card ul.card-action-buttons li {
        display: inline-block;
        padding-left: 5px;
    }

/* -----Blogs Masonery Page----- */
.blog .card .card-content .card-title, .blog .card .card-reveal .card-title {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 400;
}

.blog {
    width: 20%;
    padding: 10px;
}

    .blog .card {
        margin: 0;
    }

        .blog .card .card-content {
            padding: 5px 10px;
        }

    .blog ul.card-action-buttons {
        margin: -26px 10px 0 0;
        text-align: right;
    }

        .blog ul.card-action-buttons li {
            display: inline-block;
            padding-left: 5px;
        }

.blog-sizer {
    width: 20%;
}

.blog-post-content {
    padding-bottom: 10px;
}

/*  blog page media queries */
@media screen and (max-width: 2200px) {
    .blog-sizer {
        width: 20%;
    }

    .blog {
        width: 20%;
    }

    .doughnut-chart-status {
        top: -100px;
    }

    .product-sizer {
        width: 20%;
    }

    .product {
        width: 20%;
    }

    .gallary-sizer {
        width: 20%;
    }

    .gallary-item img {
        width: 20%;
    }
}

@media screen and (max-width: 1800px) {
    .blog-sizer {
        width: 30%;
    }

    .blog {
        width: 30%;
    }

    .product-sizer {
        width: 30%;
    }

    .product {
        width: 30%;
    }

    .gallary-sizer {
        width: 30%;
    }

    .gallary-item img {
        width: 30%;
    }
}

@media screen and (max-width: 1600px) {
    .blog-sizer {
        width: 33.33%;
    }

    .doughnut-chart-status {
        top: -75px;
    }

    .blog {
        width: 33.33%;
    }

    .product-sizer {
        width: 25%;
    }

    .product {
        width: 25%;
    }

    .gallary-sizer {
        width: 25%;
    }

    .gallary-item img {
        width: 25%;
    }
}

@media screen and (max-width: 1224px) {
    .blog-sizer {
        width: 33.33%;
    }

    .doughnut-chart-status {
        top: -75px;
    }

    .doughnut-chart-status {
        top: -100px;
    }

    .blog {
        width: 33.33%;
    }

    .product-sizer {
        width: 33.33%;
    }

    .product {
        width: 33.33%;
    }

    .gallary-sizer {
        width: 33.33%;
    }

    .gallary-item img {
        width: 33.33%;
    }
}

@media screen and (max-width: 980px) {
    .blog-sizer {
        width: 50%;
    }

    .blog {
        width: 50%;
    }

    .product-sizer {
        width: 50%;
    }

    .product {
        width: 50%;
    }

    .gallary-sizer {
        width: 50%;
    }

    .gallary-item img {
        width: 50%;
    }

    .fixed-header {
        left: 0;
    }
}

@media screen and (max-width: 720px) {
    .blog-sizer {
        width: 50%;
    }

    .sidebar-collapse {
        position: absolute;
        left: -170px;
        top: -35px;
    }

    .blog {
        width: 50%;
    }

    .product-sizer {
        width: 50%;
    }

    .product {
        width: 50%;
    }

    .gallary-sizer {
        width: 50%;
    }

    .gallary-item img {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .fixed-header {
        left: 0;
    }

    .blog-sizer {
        width: 100%;
    }

    .blog {
        width: 100%;
    }

    .product-sizer {
        width: 100%;
    }

    .product {
        width: 100%;
    }

    .gallary-sizer {
        width: 100%;
    }

    .gallary-item img {
        width: 100%;
    }
}

/* -----Blogs Page Full width 2----- */
#blog-post-full .card-title {
    text-shadow: 1px 1px 4px #000;
    font-weight: 300;
    font-size: 2rem;
}

#blog-post-full .blog-post-full-cat {
    padding: 5px;
    margin: 25px;
    right: 0;
    left: inherit;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

    #blog-post-full .blog-post-full-cat a {
        color: #fff;
        text-shadow: none;
    }

/*----------------------------------------
    Invoice Page
------------------------------------------*/
.invoice-table {
    padding-top: 40px;
}

.invoice-text {
    padding: 18px 0;
}

.invoice-icon i {
    font-size: 2rem;
}

/*----------------------------------------
    Products
------------------------------------------*/
/* ---- Product Card ----- */
.product-card .card .card-content .card-title, .product-card .card .card-reveal .card-title {
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: 400;
}

.product-card .card {
    margin: 0;
}

    .product-card .card .card-content {
        padding: 5px 10px;
    }

    .product-card .card .btn-price {
        width: 65px;
        height: 65px;
        font-weight: 600;
        font-size: 1.0rem;
        line-height: 65px;
        margin: 10px;
        position: absolute;
        top: 0;
        letter-spacing: 0;
    }

.product-card ul.card-action-buttons {
    margin: -26px 10px 0 0;
    text-align: right;
}

    .product-card ul.card-action-buttons li {
        display: inline-block;
        padding-left: 5px;
    }

/* -----Products Masonery ----- */
.product .card .card-content .card-title, .product .card .card-reveal .card-title {
    font-size: 1.1rem;
    line-height: 1.6rem;
    font-weight: 400;
}

.product {
    width: 20%;
    padding: 10px;
}

    .product .card {
        margin: 0;
    }

        .product .card .card-content {
            padding: 5px 10px;
        }

        .product .card .btn-price {
            width: 65px;
            height: 65px;
            font-weight: 600;
            font-size: 1.0rem;
            line-height: 65px;
            margin: 10px;
            position: absolute;
            top: 0;
            letter-spacing: 0;
        }

    .product ul.card-action-buttons {
        margin: -26px 10px 0 0;
        text-align: right;
    }

        .product ul.card-action-buttons li {
            display: inline-block;
            padding-left: 5px;
        }

.product-sizer {
    width: 20%;
}

/*----------------------------------------
    Gallary  Page
------------------------------------------*/
.gallary-sizer {
    width: 20%;
}

.gallary-item img {
    width: 20%;
}

.slider .indicators {
    z-index: 9999;
}

/*----------------------------------------
    Contact Page (Map-card)
------------------------------------------*/
.map-card .card .card-content .card-title, .map-card .card .card-reveal .card-title {
    font-size: 1.2rem;
    line-height: 1.6rem;
    font-weight: 400;
}

/* ---- Map card ----*/
.map-card #map-canvas {
    width: 100%;
    height: 250px;
}

.map-card .btn-move-up {
    top: -38px;
}

/* ---- Map Contact Page ----*/
#map-canvas {
    width: 100%;
    /*height: 250px;*/
}

/*----------------------------------------
    Pricing Plan  Page
------------------------------------------*/
.plans-container .collection {
    border: none;
}

    .plans-container .collection .collection-item {
        border-bottom: none;
        text-align: center;
        font-size: 1.07rem;
        line-height: 1.6em;
    }

        .plans-container .collection .collection-item:before {
            font-size: 1.28rem;
            line-height: 1.6em;
            color: #009315;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            content: "\e623";
            margin-right: 10px;
        }

.plans-container .card .card-image {
    position: relative;
    width: 100%;
}

    .plans-container .card .card-image .card-title {
        position: relative;
        font-size: 1.28rem;
        line-height: 1.6em;
        text-align: center;
        width: 100%;
        padding: 10px 15px;
        text-transform: uppercase;
        background: rgba(0, 0, 0, 0.1);
    }

    .plans-container .card .card-image .price {
        position: relative;
        font-size: 5rem;
        line-height: 1.6em;
        color: #fff;
        font-weight: 300;
        text-align: center;
    }

        .plans-container .card .card-image .price sup {
            font-weight: 100;
            font-size: 1.42rem;
            line-height: 1.6em;
            top: -35px;
        }

        .plans-container .card .card-image .price sub {
            font-weight: 100;
            font-size: 1.42rem;
            line-height: 1.6em;
            top: 0;
        }

    .plans-container .card .card-image .price-desc {
        text-align: center;
        color: #fff;
        padding-bottom: 10px;
    }

.plans-container .card .card-content {
    padding: 0;
}

/*----------------------------------------
    Profile Page
------------------------------------------*/
#profile-page-header .card-image {
    height: 320px;
}

#profile-page-header .card-profile-image {
    width: 180px;
    position: absolute;
    top: 200px;
    z-index: 1;
    left: 20px;
    cursor: pointer;
    margin: 0;
}

#profile-page-header .card-content {
    margin-top: -40px;
    padding: 20px;
}

    #profile-page-header .card-content .card-title {
        margin-bottom: 0;
    }

/*profile-page-wall*/
#profile-page-wall .profile-image-post {
    width: 60px;
    margin: 30px 10px;
}

#profile-page-wall .tab-content {
    padding: 10px;
}

#profile-page-wall .share-icons {
    margin-top: 10px;
}

    #profile-page-wall .share-icons i {
        padding: 0 5px;
    }

#profile-page-wall .tab-profile .tab i {
    font-size: 16px;
}

#profile-page-wall-posts .profile-small {
    height: 250px;
    overflow: hidden;
}

#profile-page-wall-posts .profile-medium {
    height: 350px;
    overflow: hidden;
}

#profile-page-wall-posts .profile-large {
    height: 450px;
    overflow: hidden;
}

#profile-page-wall-posts .card-profile-title {
    font-size: 16px;
    padding: 20px;
    border-radius: 0 0 2px 2px;
}

#profile-page-wall-posts .card-action-share {
    padding: 16px;
}

/*----------------------------------------
    footer charts
------------------------------------------*/
.page-footer .container {
    padding: 0 15px;
}

#world-map-markers {
    height: 300px;
}

#polar-chart-holder {
    padding-top: 20px;
}

.gps-section {
    margin-top: 15px;
    font-size: 1.1em !important;
}

.modal {
    display: none !important;
}

.lodder {
    position: fixed;
    margin-top: 25%;
    margin-left: 50%;
}

.pl {
    padding-left: 15px !important;
}

.payment-m {
    padding-left: 0px;
    margin-left: 40px;
}

.p-0 {
    padding: 0;
}

.mb {
    margin-bottom: 0px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mr-25 {
    margin-right: 25px !important;
}

.table-css {
    padding: 10px;
}

    .table-css table {
        padding: 20px;
    }

/*addreceivepayment*/
.bottom-result {
    font-weight: bold;
    float: right;
    padding-right: 10px;
}

.margin-tp {
    margin-top: 15px !important;
}

.form-section-row .base {
    margin-top: 20px !important;
}

.form-section2 .input-field .active {
    padding-bottom: 2px;
}

.top-area {
    margin-top: 20px !important;
}

.bank-css {
    padding-left: 0px;
    margin-left: 40px;
}

.width-r {
    width: 140px;
}

.width-r15 {
    width: 150px;
}

.width-r30 {
    width: 300px;
}

.width-r20 {
    width: 200px !important;
}

.pad-le-15 {
    padding-left: 15px;
}

.margin-t-l {
    margin-left: -10px !important;
    margin-top: -2px !important;
}

/*make Deposite page*/
.deposit-t {
    float: right !important;
    font-size: 0.9em;
    width: 100%;
    color: #000 !important;
    margin-top: 12px;
    border-bottom: 1px solid #9e9e9e;
    padding-bottom: 6px;
}

.new-css {
    text-align: center;
    padding-top: 5px !important;
}

.pt-12 {
    padding-top: 12px;
}

#lblDepositTotal {
}

.main-css {
    float: right !important;
    font-size: 0.9em;
    width: 100%;
    color: #000 !important;
    margin-top: 12px;
    border-bottom: 1px solid #9e9e9e;
    padding-bottom: 6px;
}

.button-cancel {
    color: #f00;
    font-size: 1.2em !important;
    font-weight: bold;
}

.add-button {
    color: #2bab54;
    font-size: 1.2em !important;
    font-weight: bold;
}

.collapsible-body {
    border-radius: 7px !important
}

.adv-serch {
    background-color: #fff;
    padding: 10px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    border-radius: 4px !important;
    box-shadow: 0 0 6px #ccc !important;
}

/*Recurring contracts*/
.new-card-css {
    min-height: 70vh !important;
    border-radius: 6px;
    margin-top: -10px;
}

.ser-css {
    margin-left: -10px !important;
    margin-top: -2px !important;
}

.pt-3 {
    padding-top: 3px !important;
}

.pl-18 {
    padding-left: 18px;
}

.ser-css1 {
    margin-left: -15px;
    margin-top: -2px;
}

.mode-fade-css {
    height: 125px !important;
    padding: 0px;
    width: 35% !important;
}

.p-3 {
    padding: 3px !important;
}

.ml {
    margin-left: 0px !important;
}

.w-100p {
    width: 100% !important;
}

.card-css {
    margin-bottom: 50px;
}

.weeke-css {
    margin-bottom: 50px;
}
/*recurringinvoices page*/
.text-box-css {
    height: 20px;
    width: 99%;
}

.text-red {
    color: red;
}

.month-css {
    padding-left: 15px;
    min-width: 49px;
}

.ml-15 {
    margin-left: 15px !important;
}

.table-css {
    width: 560px;
    height: 175px;
    background: #fff;
}

.p-b-24 {
    padding-bottom: 24px;
}

.save-css {
    color: white;
    margin-right: 8px;
}

.start-css {
    padding: 7px 10px 0 10px;
}

.fc-css {
    padding-left: 20px;
    width: 110px;
}

.m-l-100 {
    margin-left: 100px
}

.mb-4 {
    margin-bottom: 4px;
}
/*RecurringTickets*/
.width-80 {
    width: 80px !important;
}

.width-250 {
    width: 250px !important;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-10 {
    margin-top: 10px !important;
}
/*SafetyTest*/
.mb-15 {
    margin-bottom: 15px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.text-center {
    text-align: center;
}

.bg-white {
    background-color: #fff !important;
}

.adv-sarch {
    background-color: #fff;
    padding: 10px !important;
    box-shadow: 0 2px 2px 2px #ccc !important;
    border-radius: 4px;
}

.sup-css {
    padding-left: 5px;
    color: black;
    font-weight: 400
}

.m-t-5 {
    margin-top: 5px;
}

.m-t-3 {
    margin-top: 3px;
}

.popup-css {
    width: 1000px;
    z-index: 5;
    right: 0;
}

.m-t-15 {
    margin-top: 15px;
}
/*addticket*/
.w-90 {
    width: 90px;
    text-align: center
}

.bg-white {
    background-color: #fff !important;
}

.coord-css {
    display: block;
    background-color: #E5E3DF;
    border: 1px solid;
    display: none
}

.map-css {
    border: 1px solid #acacac;
    width: 100%;
    height: 336px;
    border-radius: 9px;
}

.round-css {
    margin: 5px 0px 0px 0;
    border-radius: 5px;
    border: 1px solid #000;
    width: 100%;
}

.rec-css {
    height: 20px !important;
    font-size: 0.8em !important;
}

.a-css {
    color: #1565C0;
    margin-left: -15px;
}

.wait img {
    width: 8%;
}
.RadWindow .btnlinks{
    float:right!important;
}
.cus-css {
    padding: 3px;
    left: 211px;
    top: 38px;
    display: none;
    position: absolute;
    color: Gray;
    background-color: White;
}

.pop-css {
    width: 1000px;
    z-index: 5;
}

.clos-css {
    margin-bottom: 5px;
    float: right;
}

.sup-css-font {
    font-size: 1.5em !important;
    color: #1565c0;
    line-height: 20px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.pd-css {
    margin-top: 0px !important;
    position: relative;
    margin-bottom: 50px;
}

.sig-css {
    border: 1px solid #9e9e9e;
    width: 100%;
    height: 123px;
    border-radius: 5px;
}

.img-css {
    width: 99%;
    max-height: 99%;
}

.total-css {
    height: 20px !important;
    font-size: 1em !important;
}

.etn-css {
    color: #1565C0;
    margin-left: -15px;
}

.nav-css {
    font-size: 1.2em;
    color: #1565c0;
    line-height: 5px;
}

.a-nav {
    color: #5b9bd1;
    display: none;
}

.rece-css {
    min-height: 2.1em;
    max-height: 7.1em;
    overflow-y: auto;
}

.add-css {
    color: #2bab54;
    font-size: 1.2em !important;
    font-weight: bold;
    margin-left: 20px;
}

.pnt-css {
    float: right;
    vertical-align: top;
    margin-right: 10px;
    cursor: pointer
}

.divTrans-css {
    height: 55px;
    background-color: Gray;
    display: none;
}

.m-5 {
    margin: 5px;
}

.RadGrid .rgClipCells .rgHeader {
    text-align: left;
}

.mb-0 {
    margin: 0px;
}

.ml-7 {
    margin-left: 4px !important;
}

.RadGrid .rgClipCells .rgHeader {
    text-align: left;
    padding-left: 11px !important;
    padding-right: 1px !important;
}

.divTrans-css2 {
    width: 30px;
    height: 55px;
    background-color: Gray;
    display: none
}
/*manualtimecard*/
.h-65 {
    height: 65px;
}

.re-css {
    width: 100% !important;
    table-layout: fixed;
    overflow: hidden;
    empty-cells: show;
}

.date-css {
    cursor: e-resize;
    width: 70px;
}

.s-date-css {
    cursor: move;
    width: 65px;
}

.work-css {
    cursor: move;
    width: 96px;
    padding: 5px 10px !important;
}

.cat-css, .ty-css {
    cursor: move;
    width: 97px;
}

.reg-css, .ot-css, .nu-css, .dt-css, .tr-css, .mil-css, .zon-css {
    cursor: move;
    width: 48px !important;
}

.re-css {
    cursor: move;
    /*width: 54px !important;*/
}

.pro-css, .gr-css, .op-css, .code-css {
    cursor: move;
    width: 70px;
}

.equ-css {
    cursor: move;
    width: 76px;
}

.wa-css {
    cursor: move;
    width: 94px;
}

.wo-css {
    cursor: move;
    width: 120px;
}

.re-fo-css {
    white-space: nowrap;
}

.mdi-add-css {
    color: #2bab54;
    font-size: 1.4em;
    font-weight: bold;
    cursor: pointer;
}

.mdi-can-css {
    color: #f00;
    font-size: 1.4em;
    font-weight: bold;
    cursor: pointer;
}

.m-b-5 {
    margin-bottom: 5px;
}

.m-close {
    margin-bottom: 5px;
    float: right;
}

.table-add-css {
    table-layout: fixed;
    overflow: hidden;
    empty-cells: show;
}
/*eTimesheet page*/
.text-csss {
    border: 1px solid !important;
    border-color: #ccc !important;
    color: #1c5fb1 !important;
    height: 20px !important;
    width: 30px !important
}

.footer-css {
    float: left;
    padding-left: 0 !important;
    margin-top: -30px;
}

.padding {
    padding: 0px;
}

.dailog-css {
    background: #316b9d;
    padding: 10px 15px;
    font-size: 15px;
    color: #dadedf;
    line-height: 20px !important;
}

.a-css2 {
    cursor: pointer;
    text-decoration: underline;
    color: #105099;
}

.srch-m {
    margin-left: -10px;
    margin-top: -2px;
}

.cancels {
    margin-left: -10px;
    color: #f00;
    font-size: 1.2em;
    font-weight: bold;
}

.add-circle {
    margin-left: -15px;
    color: #2bab54;
    font-size: 1.2em;
    font-weight: bold;
}

.sel-css {
    margin-left: 5px;
    margin-top: 10px;
}

.m-t-0 {
    margin-top: 0px;
}

.m-t-n10 {
    margin-top: -10px;
}

.w-200 {
    width: 200px;
}
/*routbuilder*/
.text-css {
    float: right;
    font-size: 0.8em;
}

.link-css {
    float: right;
    color: #2382B2;
    margin-right: 10px;
    margin-left: 10px;
}

.excel-ex-css {
    max-height: 200px;
    overflow-y: scroll;
    min-height: 93px;
    background: #fff;
    border: solid 1px #ccc;
    position: relative;
}

.work-css {
    max-height: 200px;
    /*overflow-y: scroll;*/
    min-height: 93px;
    background: #fff;
    /*border: solid 1px #ccc;*/
    position: relative;
}

.map-cav-css {
    margin-left: 5px;
    width: 100%;
    height: 100%;
    min-width: 800px;
    min-height: 600px
}
/*google map*/
.find-ne-css {
    margin: 2px;
    padding: 2px;
}

.show-open-css {
    background-color: white !important;
    font-size: 12px;
}

.m-10 {
    margin: 10px;
}

.m-w180 {
    max-width: 180px !important;
}

.m-w100 {
    max-width: 100px !important;
}

.m-w150 {
    max-width: 120px !important;
}

.m-w130 {
    max-width: 120px !important;
}

.m-w200 {
    max-width: 170px !important;
}

.m-w60 {
    max-width: 60px !important;
}

.m-w50 {
    max-width: 39px !important;
}

.white-checkbox {
    background-color: white !important;
    font-size: 12px;
}

.acl-pat-css {
    line-height: 5px !important;
    font-size: 13px;
    width: 275px !important;
}

.pat-css1 {
    background-color: #CB4C44;
}

.pat-css2 {
    background-color: #7978ED;
}

.m-t-n5 {
    margin-top: -5px !important;
}

.text-area-css {
    border: 1px solid !important;
    border-color: #ccc !important;
    color: #1c5fb1 !important;
    height: 20px !important;
    width: 30px !important
}
/*invoice*/
.float-right {
    float: right;
}

.email_op {
    color: red;
    background-color: transparent
}

.down_icon {
    background-color: transparent
}

.src-mp {
    margin-top: 0px !important
}


.m-b-0 {
    margin-bottom: 0px !important;
}
.checkrow input[type="checkbox"] {
    margin-top: 5px;
}
.p-t-10 {
    padding-top: 10px;
}
.error {
    position: absolute;
    z-index: 1;
    right: 0;
    top: -4px;
}
.p-t-30 {
    padding-top: 30px;
}

.set-project {
    border: none !important;
    box-shadow: none !important
}

.setsub-project {
    margin-bottom: 0 !important;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 200px;
}

.slider-css {
    position: absolute;
    max-height: 200px;
    overflow: auto;
    z-index: 99;
    background-color: white;
    border: solid 1px #9e9e9e;
    box-shadow: 0 5px #ccc;
    border-radius: 5px !important;
}

.ui-css {
    border: solid dashed 1px;
}

.lbl-price {
    display: none;
    width: 100%;
    text-align: center;
}

.pricequant-css {
    font-weight: bold;
    color: #2392D7;
    text-align: center;
}

/*reports pages*/
.brow-css {
    margin-top: 2px;
}

.hyr-css {
    cursor: pointer;
    text-decoration: underline;
    color: #105099;
}

.btnlinks-cs {
    margin-left: 5px;
    margin-top: 10px;
}

.ser-css2 {
    padding-left: 15px;
}

.loder-img {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9999999;
    background-color: white;
    opacity: 0.7;
}

.loder-img-css {
    padding: 10px;
    position: fixed;
    top: 45%;
    left: 50%;
}

/*--*/
.margin {
    margin: 0 !important;
}

.srch-css {
    padding: 20px 20px 0px 20px;
}

.srch-m {
    margin-left: -10px;
    margin-top: -2px;
}

.sel-css {
    margin-left: 5px;
    margin-top: 10px;
}

.m-t-0 {
    margin-top: 0px;
}

.m-t-n10 {
    margin-top: -10px;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.p-t-15 {
    padding-top: 15px;
}

.p-l-141 {
    padding-left: 141px;
}

.mr-100 {
    margin-right: 100px !important
}

.updatepane-css {
    display: block;
    background: #fff;
    border: 1px solid #316b9d;
    width: 550px;
}

.model-p-css {
    cursor: move;
    background-color: #DDDDDD;
}

.modalpopup-css {
    float: right;
    color: #fff;
    margin-left: 10px;
    height: 16px;
}

.send-css {
    float: right;
    color: #fff;
    margin-left: 10px;
}

.form-css-st {
    padding: 20px;
}

.form-table-css {
    width: 100%;
    height: 400px
}

.srchinputwrap-w {
    margin-right: 138px !important
}

.h-40 {
    height: 40px
}

.dropdown-css {
    padding: 2px 2px 1px 2px !important
}

.trost-css {
    margin-top: -2px;
    font-size: 0.9rem !important;
}

.m-l39 {
    margin-left: 39px;
}

.n-bor {
    border: none;
}
/*billingcodes*/
.footer-css2 {
    float: left;
    padding-left: 0 !important;
    margin-top: -20px;
}

.remarks-css {
    padding-left: 0 !important;
    margin-top: -20px;
}

.title_bar {
    height: 32px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-2 {
    padding-left: 2px;
}

.days-css {
    padding-left: 25px;
    padding-top: 10px;
}

.date-csss {
    padding-left: 2px;
    padding-right: 13px;
}

.Vendor-css {
    float: right;
    padding-right: 10px;
    padding-top: 5px;
}

.sech-css-v {
    margin-left: -10px;
    margin-top: -2px;
}
/*Manage Bills*/
.footer-css-top-btn {
    float: left;
    padding-left: 0 !important;
    float: left;
    padding-left: 0 !important;
}

.addbil45 {
    height: 65px !important;
}

.pnlR-css {
    float: right;
}

.angle-css {
    width: 150px;
    display: none
}

.ml8 {
    margin-left: 8px;
}

.scroller {
    overflow-y: scroll;
}

pl-10 {
    padding-left: 10px;
}

.valid-green {
    color: green;
}

.invalid-red {
    color: red;
}

.tabcontainer ul li a {
    padding: 7px !important;
    height: 30px;
}

.red-grid {
    max-height: 380px !important;
    overflow: auto;
}

.footer-css-top-btn1 {
    float: left;
    padding-left: 0 !important;
    margin-top: -30px;
}

.msg-cont-addbil {
    float: left;
    padding-right: 10px;
    padding-top: 15px;
    padding-left: 5px;
}

.rdbycss {
    float: left;
    margin-left: -330px;
    padding-top: 10px;
}

.grid_container {
    margin-bottom: 5px !important;
}

.pd-25 {
    padding-top: 25px;
}

.ClosePOW {
    width: 80px;
    float: left;
    height: 30px;
    padding-left: 30px;
}

.pt-5 {
    padding-top: 5px;
}

.w-66 {
    width: 66px
}

.pl-37 {
    padding-left: 37px;
}

.btnCustomizeReport {
    float: right;
    padding-right: 50px
}

.red-add {
    color: #f00;
    font-size: 1.2em;
    font-weight: bold;
    margin-left: -16px;
}
/*Managechecks*/
.select-tem-main {
    width: 100%;
    float: left;
}

.cr-title {
    padding-top: 5px;
    font-size: initial;
    padding-bottom: 5px;
}

.cr-main {
    width: 30% !important;
    float: left !important;
    padding-top: 5px !important;
    margin-bottom: 15px;
    margin-right: 30px;
}

.loaded1 {
    text-align: center;
    padding-top: 35px;
    display: none;
}

.pdfdy {
    color: red;
    background-color: transparent;
}

.pdf-trn {
    background-color: transparent;
}

.m-t-22 {
    margin-top: 22px;
}

.fc-input-new {
    width: 268px;
    height: 100px;
}

.sign_popup {
    /* display: none;*/
    width: 268px;
    height: 168px;
    /*margin-top: -100px !important;*/
}

.sigPad .pad {
    border: 1px solid black;
    position: relative !important;
    background-color: #fff;
    width: 300px !important;
    height: 135px;
}

.msg-po {
    font-weight: bold;
    font-size: smaller;
}

.table-subcategory {
    width: 400px;
    border: thin groove blue;
    position: fixed;
    z-index: 100001;
}

.model-popup-body {
    padding-bottom: 24px;
    height: 48px;
}

.com-cont-main {
    padding-left: 0px;
    padding-right: 0px;
}

.p-r-0 {
    padding-right: 0px !important;
}

.warningcss {
    font-size: 1.3em;
    margin-top: -10px !important;
    color: #F9B02E;
}
/* Lead page*/
.m-lm-t {
    margin-left: -15px;
    margin-top: -2px;
}

.social-person-add {
    margin-left: -10px;
    margin-top: 5px;
}

.referral-css {
    margin-top: 15px;
    margin-bottom: 9px;
}

.m-t-14 {
    margin-top: 14px;
}

.m-t-7 {
    margin-top: 7px;
}

.map_csson_lead {
    overflow: hidden !important;
    height: 170px !important;
}

.shipping-css {
    margin-top: 0;
    margin-bottom: 15px;
}

.systemInfo-css {
    width: 100%;
    visibility: visible;
    height: auto;
    font-size: 0.9rem !important;
}

.w-70 {
    width: 70px;
}

.w-100 {
    width: 100px;
}
/*AddTask*/
.maillink-css {
    display: none;
    position: fixed;
    top: 0;
    left: 615px;
}
/*Add Opportunity*/
.maillink-css {
    display: none;
    position: fixed;
    top: 0;
    left: 615px;
}

.dvmail-css {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    padding: 5px;
    background-color: Black
}

.table-scrollable {
    border: none;
    margin: 0px !important;
}

.table-top {
    width: 100%;
    visibility: visible;
    height: auto;
}

.mail-height {
    line-height: 30px;
}

.mail-sub {
    margin-top: 0px;
    float: right;
    padding-bottom: 5px;
}

.status-css {
    margin-bottom: 0;
    margin-top: 15px;
}
/*Add estimate*/
.close-css {
    margin-bottom: 5px;
    float: right;
}

.Bid {
    width: 8%;
    font-size: 0.9rem;
}

.bid-l {
    width: 7%;
    text-align: left;
}

.bid-r {
    width: 7%;
    text-align: right;
}

.w-8 {
    width: 8%;
}

.w-9 {
    width: 9%;
}

.w-7 {
    width: 7% !important;
}

.w-6 {
    width: 6% !important;
}

.w-10 {
    width: 10%;
}
ul.tabselect li .btopbtn {
    color: #000;
    background-color: #ddd;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    font-size: 0.9em;
    float: left;
    line-height: 19px !important;
    border-radius: 3px;
    transition: all 0.3s ease;
    width: 63px;
    height: 30px;
    text-align: center;
}
.row-fort {
    text-align: center;
    font-size: 0.9rem;
}

.row-fort1 {
    text-align: center;
    font-size: 0.9rem;
    padding-top: 0;
    padding-bottom: 0;
}

.m-t-m-l20 {
    margin-top: 10px;
    margin-left: 20px;
}

.m-l10 {
    margin-left: 10px;
}

.m-t-10 {
    margin-top: 10px;
}

.delButton {
    cursor: pointer;
    font-size: 1.5em !important;
}

.cancel-css {
    color: #f00;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: -30px;
}

.Companyheader {
    color: white;
    margin-left: 90%;
    position: absolute;
    top: 0px;
    left: 292px;
    width: 300px;
}

.pl-5 {
    padding-left: 5px;
}

.redl {
    position: relative;
}

/*Add inventory page*/
.fc-label-main {
    float: left;
    width: 50%;
}

.pc-titlesmall-main {
    float: left;
    width: 100%;
}

.sp-lable {
    float: left;
    width: 60%;
}

.sp-lable-table {
    float: left;
    width: 40%;
    padding-left: 10px;
}

.p-r-10 {
    padding-right: 10px;
}

.re-lable-main {
    float: left;
    width: 60%;
    padding-left: 10px;
}

.re-lable-main-table {
    width: 70%;
    float: left;
}

.table-sub-scroll {
    padding-top: 15px;
    border: none
}

.re-lable-main1 {
    float: left;
    width: 50%;
    padding-left: 10px;
}

.table-p-w {
    padding-right: 10px;
    width: 25%;
}

.w-25p {
    width: 25%;
}

.table-p-w15 {
    padding-right: 10px;
    width: 15%;
}

.table-p-w50 {
    padding-right: 10px;
    width: 50%;
}

.table-p-w16 {
    padding-right: 10px;
    width: 16%;
}

.table-p-w10 {
    padding-right: 10px;
    width: 10%;
}

.pr-3 {
    padding-right: 3px;
}

.pr-3-w15 {
    padding-right: 3px;
    width: 15%;
}

.w15p {
    width: 15%;
}

.table-clear-w50 {
    float: left;
    clear: right;
    width: 50%;
}

.table-clear-w50-p {
    float: right;
    clear: right;
    width: 50%;
    padding-left: 5px;
}

.h-25 {
    height: 25px;
}

.total-page {
    padding: 0 0 5px 0;
}

.map-css2 {
    overflow: hidden !important;
    height: 170px !important;
}

.m-l-50 {
    margin-left: 50px
}

/*Bank Reconsilaction*/
.lable-for {
    font-size: 0.9em;
    color: #222;
    font-weight: bold;
}

.lable-for1 {
    float: right !important;
    font-size: 0.9em;
    color: #000 !important;
}

.txtendDt-css {
    margin: 0px 8px 0px 0px !important;
}

.txtweek-css {
    width: 34% !important;
    margin-right: 12px
}

.p-l-270 {
    padding-left: 270px;
}

.w-55 {
    width: 55% !important;
}

.drpdwn-label-css {
    padding-left: 240px;
    top: 8px !important;
}

.w-44p {
    width: 45%;
}

.p-l-19 {
    padding-left: 19px;
}

.ddlSuper-css {
    width: 40%;
    margin-left: 17px;
}

.ddlSuper-css1 {
    width: 30%;
    margin-left: 14px;
}

.p-l-16 {
    padding-left: 16px;
}

.ibf-css {
    margin-top: 3px;
    padding-bottom: 8px !important;
    position: absolute;
    right: 10px;
}

.grid-main {
    width: 99% !important;
    margin: 0px 7px;
}

.grid-main2 {
    width: 45%;
    padding-left: 0;
    padding-right: 0;
}

.det-imgesb {
    width: 40px;
    float: right;
    width: 20px;
}

.footer-css-run {
    float: left;
    padding-left: 0 !important;
    margin-top: -30px;
}

.cr-title-css {
    width: 100% !important;
    float: left !important;
}

.cr-box-main {
    width: 100%;
    float: left;
    padding-top: 5px;
    margin-bottom: 15px;
    margin-right: 30px;
}

.cr-box-main1 {
    width: 30%;
    float: left;
    padding-top: 5px;
    margin-bottom: 15px;
    margin-right: 30px;
    display: none;
}

.loaders-css1 {
    text-align: center;
    padding-top: 35px;
    display: none;
}

.second-ifram {
    /* width: 55% !important;*/
    padding-top: 5px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/*addemp*/
.cont-css {
    margin-top: 5px;
    margin-right: 6px;
}

.prf-css {
    border: none;
    background-color: none;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.dep-css {
    margin-top: 8px;
    margin-left: -26px !important;
    margin-right: -31px !important;
}

#defultmail .margin-top-3px {
    margin-top: 9px !important;
    margin-left: 24px !important;
    font-size: 14px;
}

.chkcss {
    border-bottom: 1px solid #9e9e9e
}

.m-t-3 {
    margin-top: 3px
}

.caus-css {
    margin-left: -5px;
    padding-top: 12px;
}

.Cl-css {
    float: right;
    color: #fff;
    margin-left: 10px;
    height: 16px !important;
}

.SaveMe {
    float: right;
    color: #fff;
    margin-left: 10px;
}

table > tbody > tr > td > label-1 {
    position: inherit !important;
}

.form-section23 {
    width: 100%;
}

.form-section33 {
    width: 100%;
}

.form-section93 {
    width: 100%;
}

.rght-content-last-w {
    width: 100%;
    text-align: center;
}

.det-mag {
    width: 40px;
    float: right;
    color: #fff;
    margin-right: 15px;
    height: 20px;
    width: 20px;
}

.p-15 {
    padding: 15px;
}

.p-15-table {
    height: 200px;
    padding: 10px;
}

.showhide-css {
    margin-top: 27px;
    margin-left: 10px;
}

.footer-pr {
    float: left;
    padding-left: 0 !important;
}

.cr-title-new {
    padding-top: 5px;
    font-size: initial;
    padding-bottom: 5px;
}

.lodder-new {
    text-align: center;
    padding-top: 35px;
    display: none;
}

.cr-title-new2 {
    padding-top: 5px;
    font-size: initial;
    padding-bottom: 5px;
}

.cr-main2 {
    width: 100% !important;
    float: left !important;
    padding-top: 5px !important;
    margin-bottom: 15px;
    margin-right: 30px;
}

.m-b15 {
    margin-bottom: 15px;
}

.p-l-34 {
    padding-left: 34px;
}

.m-l-30 {
    margin-left: 30px !important
}

.p-l-15 {
    padding-left: 15px !important;
}

.materialize-2 {
    height: 170px !important;
    max-height: 170px !important;
    border: 2px solid #ddd;
    border-radius: 5px;
}

.p-b-10 {
    padding-bottom: 10px !important;
}
/*validation */
.valiateField td, .valiateField div {
    border: solid 1px #d5d5d5;
    background-color: LemonChiffon;
}

.ajax__validatorcallout_error_message_cell {
    font-weight: 600;
}

@media only screen and (min-width: 250px) and (max-width: 700px) {
    nav .mainsearch {
        margin-left: 53px !important;
        width: 53% !important;
    }
    .f-mess{
        width:94%;
    }
    .map-cu {
        overflow: hidden !important;
        height: 237px !important;
    }

    .input-search-icon {
        left: 71px !important;
    }

    header .logos .brand-logo img {
        width: 36px !important;
    }

    nav ul a {
        padding: 0 4px;
    }

    .create-d {
        margin-left: 0px !important;
    }
}
/*.selectsml {
    width: 112px !important;
}
*/
.rdleftmgn {
    margin-left: 15px;
}

.rdleftmgn {
    margin-top: 5px;
    padding-left: 18px;
    margin-left: 18px;
    border-left: 1px solid #ddd;
}

.rdpairing {
    float: left;
    margin-right: 15px;
    border-right: 1px solid #ddd;
}

.rd-width-rev {
    margin-left: 80px !important;
    width: 68% !important;
    padding-top: 5px;
    font-size: initial;
}

.form-sectioncustom1-name, .form-sectioncustom12 {
    width: 100%;
}

    .form-sectioncustom1-name .form-collapsewrap11, .form-collapsewrap12 {
        width: 100%;
    }

    .form-sectioncustom1-name .form_collapsehalf22dhalf {
        width: 60%;
    }

.trobtns-new {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}

.trobtns .btnlinks-lows {
    float: none;
}

.infoDiv12 {
    max-height: 250px;
    overflow-y: scroll;
}

.RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart, .RadGrid .rgPagerCell .NextPrevNumericAndAdvanced .rgAdvPart {
    float: left;
    clear: left;
}

.RadGrid label2 {
    position: inherit !important;
    padding-left: 5px;
}

table > tbody > tr > td > label-1 {
    position: inherit !important;
}

.form-section23 {
    width: 100%;
}

.form-section33 {
    width: 100%;
}

.form-section93 {
    width: 100%;
}

.rght-content-last-w {
    width: 100%;
    text-align: center;
}

.editlabel-new {
    float: none;
    padding-top: 0;
    padding-bottom: 5px;
}

.RadGrid .rgPagerCell .rgNumPart a {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

@media only screen and (min-width: 1200px) and (max-width: 1920px) {
  /*  .rgMasterTable .NextPrevAndNumeric {
        display: flex;
        position: relative;
    }*/

   /* .RadGrid .rgPagerCell .NextPrevAndNumeric .rgAdvPart {
        position: absolute;
        right: 12rem;
    }

    .RadGrid .rgPagerCell .rgInfoPart {
        position: absolute;
        right: 12px;
    }*/
}

.mr-6 {
    margin-right: 5px;
}

.srchpane-advanced {
    margin-bottom: 2px !important;
}

.RadGrid .rgPagerCell .rgNumPart a {
    height: 18px !important;
}

.input-field label.active {
    z-index: 3!important;
    position: absolute!important;
    top: 0.6rem!important;

}

.textarea-border, textarea {
    z-index: 2 !important;
    background-color: #0000 !important;
}
.input-field .prefix {
    padding-top: 8px;
}

.lg-lnk a {
    background-color: transparent !important;
    color: #000 !important;
    font-size: 0.9em !important;
}

.login-form-text {
    text-transform: uppercase;
    font-size: 1.3rem;
    font-weight: bold;
}
.mess-css {
    width: 64vw;
    overflow: scroll;
}