@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../../fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg'), url('../../fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/RobotoCondensed-Regular.woff') format('woff'), url('../../fonts/RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url('../../fonts/Roboto-Regular-webfont.eot');
    src: url('../../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../assets/fonts/Roboto-Regular-webfont.woff') format('woff'), url('../../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../assets/fonts/Roboto-Medium-webfont.eot');
    src: url('../assets/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Medium-webfont.woff') format('woff'), url('../../fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('../../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('../../fonts/Roboto-Light-webfont.eot');
    src: url('../../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Light-webfont.woff') format('woff'), url('../../fonts/Roboto-Light-webfont.ttf') format('truetype'), url('../../fonts/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myanmar3';
    src: url('../../fonts/myanmar3.woff') format('woff'), url('../../fonts/myanmar3.ttf') format('ttf');
}

@font-face {
    font-family: 'Zawgyi-One';
    src: url('../../fonts/ZawgyiOne.ttf') format('ttf');
}



/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'), local('MaterialIcons-Regular'), url('../../fonts/MaterialIcons-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'robotobold';
    src: url('../../fonts/Roboto-Bold-webfont.eot');
    src: url('../../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg'), url('../../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../../fonts/Roboto-Bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Material-Design-Iconic-Font';
    src: url('../../fonts/Material-Design-Iconic-Font.woff2?v=2.2.0') format('woff2'), url('../../fonts/Material-Design-Iconic-Font.woff?v=2.2.0') format('woff'), url('../../fonts/Material-Design-Iconic-Font.ttf?v=2.2.0') format('truetype'), url('../../fonts/Material-Design-Iconic-Font.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@themebackground: #3f51b5;
@defaultfontcolor: #656565;
@signoutbrdr: #495ab9;
@lightgray: #d7d7d7;
@positivecolor: #4da154;
@negativecolor: #fa5b45;
@partialcolor: #24a9f6;
@positivebtncolor: #3d8a43;
@negativebtncolor: #f42525;
@fontRobotoCondensed: 'RobotoCondensed-Regular';
@fontrobotoregular: 'robotoregular';
@fontrobotomedium: 'robotomedium';
@fontrobotolight: 'robotolight';
@fontrobotobold: 'robotobold';



.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}



body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    font-family: @fontrobotoregular;
}

.top-bar {
    height: 60px;
}

.ui-loader {
    display: none;
}


/*helper class*/
.display-none {
    display: none !important;
}

.display-block {
    display: block !important;
}

.margin0 {
    margin: 0;
}

.mtop60 {
    margin-top: 60px;
}

.mtop70 {
    margin-top: 70px;
}

.margin-top-105 {
    margin-top: 105px;
}

.margin-top-60 {
    margin-top: 60px;
}

.padright0 {
    padding-right: 0;
}

.padleft0 {
    padding-left: 0;
}

.full-size {
    width: 100%;
}



/*Reset Boostrap*/
.navbar {
    margin-bottom: 0;
}

.navbar-default .navbar-brand, .table a.edit-grid-record {
    color: #0098da !important;
}

    .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover, a:focus, a:hover {
        color: #6cb049;
        outline: none;
    }

.carousel-control.left, .right.carousel-control {
    background-image: none;
}

/*New CSS*/
html {
    height: 100%;
}
/*form-page starts*/
body {
    margin: 0;
    background-color: #ededed;
    font-family: @fontrobotoregular;
    font-weight: normal;
    color: #656565;
    overflow: visible;
}

body {
    padding-top: 50px;
}

.ui-loader {
    display: none;
}

.dt-buttons {
    display: none !important;
}

.fixed.top-bar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: auto;
    display: block;
    width: 100%;
    z-index: 5;
}

.custom-shadow {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.clear {
    clear: both;
}

.bu-margin-left {
    margin-left: 15px;
    cursor: not-allowed;
}

.page-container {
    float: left;
    width: 100%;
    margin-top: 00px;
}

.tab-content {
    float: left;
    width: 100%;
    padding: 0 15px;
}

.txtLeft {
    text-align: left;
}

.txtRight {
    text-align: right;
}

.txtCenter {
    text-align: center;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check, label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check {
    color: @themebackground;
    border-color: @themebackground;
}

    .checkbox input[type=checkbox]:checked + .checkbox-material .check:before, label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before {
        color: @themebackground;
    }

.top-bar {
    height: 60px;
    padding: 10px 15px;
    background: @themebackground;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
}

    .top-bar .left-action-btn {
        color: #fff;
        font-size: 24px;
        font-weight: normal;
        float: left;
        width: 25px;
    }

.top-page-title {
    max-width: 300px;
    float: left;
    display: inline-block;
    margin-left: 10px;
    font-size: 20px;
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 3px;
    font-family: @fontrobotomedium;
    font-weight: normal;
}

.top-bar .right-action-btn {
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    float: right;
    width: 25px;
    text-align: center;
    margin: 0 4px;
}

.top-bar .dropdown.open .dropdown-menu {
    left: auto;
    right: 0;
    top: 30px;
    border-radius: 0;
}

.swiper-tabs {
    background: @themebackground;
}

    .swiper-tabs .nav-tabs {
        background: transparent;
        border: none;
    }

        .swiper-tabs .nav-tabs li {
            border-radius: 0;
            border-bottom: 4px solid @themebackground;
        }

            .swiper-tabs .nav-tabs li a {
                border-radius: 0;
                text-align: center;
                font-weight: normal;
                font-size: 16px;
                text-transform: uppercase;
                opacity: 0.7;
            }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    opacity: 1;
}

.swiper-tabs .nav-tabs li.active {
    border-bottom: 4px solid #ffffff;
}

.data-accordian .panel-default .panel-heading {
    background: transparent;
    box-shadow: none;
    padding: 25px 15px 10px;
    position: relative;
}

    .data-accordian .panel-default .panel-heading a, .data-accordian .panel-default .panel-heading a:hover, .data-accordian .panel-default .panel-heading a:focus {
        color: @themebackground;
        font-size: 18px;
        text-decoration: none;
        font-family: @fontrobotomedium;
    }

.panel-title:hover {
    cursor: pointer;
}

.swiper-tabs.fixed {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 4;
}


.toggle-arrow {
    position: absolute;
    right: 10px;
    top: 12px;
    bottom: 0;
    left: auto;
    padding: 10px;
    font-size: 30px;
    line-height: 22px;
}

    .toggle-arrow .zmdi {
        -ms-transform: rotate(-180deg); /* IE 9 */
        -webkit-transform: rotate(-180deg); /* Safari */
        transform: rotate(-180deg); /* Standard syntax */
        transition: 0.4s;
    }

    .toggle-arrow.collapsed .zmdi {
        -ms-transform: rotate(-0deg); /* IE 9 */
        -webkit-transform: rotate(-0deg); /* Safari */
        transform: rotate(-0deg); /* Standard syntax */
        transition: 0.4s;
    }


.icn {
    display: block;
    float: left;
    margin-top: -2px;
    font-size: 22px;
    margin-right: 10px;
}

.form-control {
    font-weight: normal;
    color: @defaultfontcolor;
}

.icn_cust_pro {
    background: url(../../images/icn_cust_profile.png) left 0px no-repeat;
}

.signature-block {
    height: 40px;
}

.is-focused .form-control, .is-focused.form-group .form-control {
    background-image: linear-gradient(@themebackground, @themebackground), linear-gradient(@themebackground, @themebackground);
}

.form-control, .form-group .form-control {
    background-image: linear-gradient(#656565, #656565), linear-gradient(#656565, #656565);
}

.form-control, .form-group .form-control {
    color: #656565;
}

.dropdown-menu li a:hover {
    color: @themebackground;
}

.form-group .dropdownjs ul {
    width: 100%;
}

.form-group .dropdownjs {
    height: 34px;
    border-bottom: 1px solid @themebackground;
    background: #fff;
}

    .form-group .dropdownjs input {
        border: none;
        color: @themebackground;
        font-size: 18px;
        font-weight: 400;
        z-index: 2;
        background: transparent;
        padding-right: 0;
        position: relative;
    }

.data-accordian.panel-group .panel-default {
    background: transparent;
    margin-top: 0;
    box-shadow: none;
}

.under-line {
    position: absolute;
    border-top: 1px solid @defaultfontcolor;
    left: 15px;
    bottom: 0;
    right: 45px;
    top: auto;
    z-index: 2;
}

.data-accordian.panel-group .panel-default .panel-body {
    border: none;
    padding: 0;
}

.custom-form {
    float: left;
    width: 100%;
    padding: 20px 10px;
}

    .custom-form .form-group {
        position: relative;
        margin-top: 15px;
        padding-bottom: 0px;
    }

        .custom-form .form-group .control-label, .iconic-form .form-group .control-label {
            width: 93%;
        }

.modal .form-group .control-label {
    width: 88% !important;
}

.custom-form .form-group .control-label .req {
    color: #fe1a01;
}

.custom-form .form-group .control-label {
    color: @defaultfontcolor;
}

.form-group .form-control {
    margin-bottom: 0;
    font-family: @fontrobotoregular;
}

.form-group.is-focused .form-control {
    background-image: linear-gradient(@themebackground, @themebackground ), linear-gradient(@themebackground, @themebackground );
}

.form-group.is-focused label, .form-group.is-focused label.control-label {
    color: @themebackground;
}

.form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
    top: -5px;
}

.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
    top: 10px;
    margin-top: 0;
}

.set-dropdown-icon {
    position: absolute;
    font-size: 30px !important;
    top: 0;
    right: 5px;
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    pointer-events: none;
    margin-top: 7px;
}

    .set-dropdown-icon:before {
        content: '\f2f2';
    }

.form-group .dropdownjs::after {
    content: "";
}

.secondry-form {
    padding: 0 45px 0 15px;
}

    .secondry-form .control-label {
        left: 30px;
        color: @defaultfontcolor;
        font-size: 18px;
        text-decoration: none;
        font-weight: normal;
    }

    .secondry-form .icn {
        position: absolute;
        top: 3px;
        color: @defaultfontcolor;
        font-size: 22px;
        text-decoration: none;
        font-weight: normal;
        display: block;
        float: left;
        margin-top: 0px;
        font-size: 22px;
        margin-right: 10px;
    }

    .secondry-form .form-group .form-control {
        padding-left: 30px;
    }

    .secondry-form .form-group {
        margin-top: 17px;
        margin-bottom: 25px !important;
    }

        .secondry-form .form-group:last-child {
            margin-bottom: 10px !important;
        }

        .secondry-form .form-group.label-floating label.control-label, .secondry-form .form-group.label-placeholder label.control-label {
            font-size: 18px;
        }

        .secondry-form .form-group.label-floating label.control-label, .secondry-form .form-group.label-placeholder label.control-label {
            top: 8px;
        }

        .secondry-form .form-group.label-floating.is-focused label.control-label, .secondry-form .is-focused.form-group.label-placeholder label.control-label {
            top: -5px;
            left: 0;
            top: -5px;
            width: 100%;
        }

        .secondry-form .form-group.label-floating.is-focused label.control-label, .secondry-form .is-focused.form-group.label-placeholder label.control-label {
            font-size: 14px;
            background: #fff;
        }

        .secondry-form .form-group.label-floating.is-filled label.control-label, .secondry-form .is-filled.form-group.label-placeholder label.control-label {
            top: -5px;
            left: 0;
            width: 100%;
        }

        .secondry-form .form-group.label-floating.is-filled label.control-label, .secondry-form .is-filled.form-group.label-placeholder label.control-label {
            font-size: 14px;
            background: #fff;
        }

        .secondry-form .form-group.label-floating label.control-label {
            left: 30px;
        }

.date-icn {
    position: absolute;
    top: 0;
    right: -5px;
    z-index: 0;
}

#time.form-control {
    position: relative;
    z-index: 1;
}

.form-group.is-filled .help-block {
    display: block;
}

.form-group.label-floating {
    margin-bottom: 30px;
}

.form-group .help-block.error {
    color: #ff0000;
}

.form-group .help-block.success {
    color: #5cb85c;
}

.profile-image-block {
    width: 50%;
    margin: 10px auto;
    position: relative;
    max-width: 320px;
}

    .profile-image-block img {
        width: 100%;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background: @themebackground;
    border-color: @themebackground;
    border-radius: 4px;
}

.opened .panel-title a {
    color: @themebackground !important;
}

.opened .under-line {
    border-top: 1px solid @themebackground;
}

.dtp .dtp-close {
    top: 3px;
}

    .dtp .dtp-close .material-icons {
        font-size: 18px;
    }

.table-responsive {
    margin-bottom: 0;
}



/*form-page ends*/

/*promotion-page starts*/

.custom-table {
    padding: 15px;
    border: none;
    background: #ededed;
    overflow: hidden;
    overflow-y: scroll;
    position: relative;
}

    .custom-table table {
        border: 1px solid #eaeaea;
        overflow-y: scroll;
    }

        .custom-table table tr .checkbox {
            margin: 0;
        }

            .custom-table table tr .checkbox .check {
                height: 18px;
                width: 18px;
            }

    .custom-table .table > thead > tr > th {
        border-bottom: 0px solid #ddd;
        padding: 10px;
    }

    .custom-table .table > tr > td {
        padding: 10px;
    }

.custom-list-view {
    padding: 15px;
    background: #ededed;
}

.custom-table .table-responsive {
    background: #fff;
    overflow-y: scroll;
}

.custom-list-view .panel.panel-default {
    border-radius: 0;
}

.view-toggle {
    text-align: right;
    display: block;
}

    .view-toggle .btn {
        float: none;
    }

.btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {
    color: #fff;
}

.view-toggle .btn .zmdi {
    font-size: 22px;
    color: @themebackground;
}

.view-toggle .btn.active .zmdi {
    color: #fff;
}

.view-toggle .btn.active {
    background-color: @themebackground;
    border-color: @themebackground;
}

.view-toggle .btn {
    padding: 7px 20px 5px 20px;
    border-radius: 0;
}

.custom-list-view .collapse {
}

.upper-data-view {
    padding: 0 15px;
}

    .upper-data-view .list-title {
        color: #1e1e1e;
        font-size: 16px;
        font-family: @fontrobotomedium;
    }

    .upper-data-view span.que {
        color: #717171;
        font-size: 15px;
        font-family: @fontrobotoregular;
        width: 42%;
        display: inline-block;
    }

    .upper-data-view label.val {
        color: #717171;
        font-size: 15px;
    }

.custom-list-view .panel-body {
    padding: 0;
}

    .custom-list-view .panel-body span.que {
        color: #717171;
        font-size: 15px;
        font-family: @fontrobotoregular;
        width: 42%;
        display: inline-block;
    }

    .custom-list-view .panel-body label.val {
        color: #717171;
        font-size: 15px;
    }

.custom-list-view .panel-title .zmdi {
    float: right;
    color: #6e6e6e;
    font-size: 30px;
    -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Safari */
    transform: rotate(-180deg); /* Standard syntax */
    transition: 0.4s;
}

.custom-list-view .panel-title {
    display: block;
    overflow: hidden;
    background: transparent;
    height: 30px;
}

.custom-list-view .panel-group .panel-heading {
    background-color: transparent;
    border-top: 1px dashed #767676;
    height: 30px;
    padding: 0 15px;
}

.custom-list-view .panel-title.collapsed .zmdi {
    -ms-transform: rotate(-0deg); /* IE 9 */
    -webkit-transform: rotate(-0deg); /* Safari */
    transform: rotate(-0deg); /* Standard syntax */
    transition: 0.4s;
}

.upper-data-view .btn-offer {
    padding: 3px 5px;
    background-color: #8c9bd6 !important;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    text-transform: none;
}

.upper-data-view .btn-offer-time {
    padding: 3px 5px;
    background-color: #ee9668 !important;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    text-transform: none;
}

.custom-pagination li a {
    background: transparent !important;
    border: none;
    color: @themebackground;
}

.custom-pagination li.active a {
    background: @themebackground !important;
}

.custom-pagination li:first-child a, .custom-pagination li:last-child a {
    font-size: 24px;
    padding-top: 0px;
}

.custom-pagination {
    float: right;
    margin: 10px 0;
}

.page-number-show {
    display: inline-block;
    float: left;
}

    .page-number-show .btn-group .btn, .page-number-show .btn-group .btn.btn-raised:not(.btn-link):active, .page-number-show .btn-group .btn:hover, .page-number-show .btn-group .btn:focus {
        padding: 5px 7px;
        background: transparent;
        box-shadow: none;
        border-bottom: 1px solid #666;
        border-radius: 0;
    }

        .page-number-show .btn-group .btn .caret {
            transform: rotate(180deg);
        }

.camera-toggle, .camera-toggle:hover, .camera-toggle:focus {
    font-size: 18px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: rgba(0,0,0,0.7);
    color: #fff;
}

.google-map {
    margin: 10px 0;
}

.photo-upload .modal-header {
    padding-top: 10px;
}

.photo-upload .modal-body {
    padding: 10px 24px 0px 24px;
}

    .photo-upload .modal-body .btn, .photo-upload .modal-body .btn:hover, .photo-upload .modal-body .btn:focus {
        display: block;
        width: 100%;
        text-align: left;
        padding: 0;
        background: transparent;
        color: #000;
        outline: none;
        text-transform: inherit;
    }

.photo-upload .modal-footer .btn { /*padding-top: 0;*/
}

.photo-upload .ripple-container {
    display: none;
}



.form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
    left: 14px;
    padding-bottom: 4px;
}

.custom-form.form-left-pad .form-group {
    padding-left: 40px;
}

    .custom-form.form-left-pad .form-group.is-focused .control-label, .custom-form.form-left-pad .form-group .control-label, .custom-form.form-left-pad .form-group.is-filled .control-label {
        left: 40px;
    }

.form-left-pad .form-group.label-static label.control-label, .form-left-pad .form-group.label-floating.is-focused label.control-label, .form-left-pad .form-group.label-floating:not(.is-empty) label.control-label {
    left: 40px;
}

.social-icn {
    position: absolute;
    left: 12px;
    top: 12px;
}

    .social-icn .zmdi {
        font-size: 20px;
        color: #555;
    }

.custom-form .same-as-btn, .custom-form .same-as-btn:hover, .custom-form .same-as-btn:focus {
    background: @themebackground;
    color: #fff;
    border: none;
    outline: none;
    box-shadow: none;
    width: 100%;
    padding: 10px;
}

.pos-rel {
    position: relative;
}

.custom-form .form-group.icn-drop-down .dropdownjs input {
    position: absolute;
    top: 4px;
    left: 30px;
    font-size: 18px;
}

.secondry-form .signature_block.form-group.label-floating label.control-label, .secondry-form .signature_block.form-group.label-placeholder label.control-label {
    left: 20px;
    top: 7px;
}

.signature_canvas {
    height: 60px;
}

.tour_visited {
    color: #c6bd17;
}

.tour_sales {
    color: #019839;
}

.custom-table .floating-more-btn {
    position: absolute;
    bottom: 30px;
    right: 30px;
    min-height: 40px;
    height: 40px;
    width: 40px;
    min-width: 40px;
    padding: 4px;
}

    .custom-table .floating-more-btn, .custom-table .floating-more-btn:hover, .custom-table .floating-more-btn:focus {
        background-color: @themebackground !important;
    }

.floating-btn-grp {
    position: absolute;
    bottom: 50px;
    right: 30px;
    transition: 0.5s;
    padding: 0;
}

    .floating-btn-grp.opened {
        bottom: 70px;
        z-index: 2;
    }

    .floating-btn-grp.closed li {
        opacity: 0;
        z-index: -1;
    }

    .floating-btn-grp.opened li {
        opacity: 1;
    }

    .floating-btn-grp li {
        list-style-type: none;
        margin: 5px 0;
    }

        .floating-btn-grp li:nth-child(6) {
            transition: 0.1s;
        }

        .floating-btn-grp li:nth-child(5) {
            transition: 0.2s;
        }

        .floating-btn-grp li:nth-child(4) {
            transition: 0.3s;
        }

        .floating-btn-grp li:nth-child(3) {
            transition: 0.4s;
        }

        .floating-btn-grp li:nth-child(2) {
            transition: 0.5s;
        }

        .floating-btn-grp li:nth-child(1) {
            transition: 0.6s;
        }

        .floating-btn-grp li a.btn-fab, .floating-btn-grp li a.btn-fab:hover, .floating-btn-grp li a.btn-fab:focus {
            width: 40px;
            height: 40px;
            min-width: 40px;
            min-height: 40px;
            padding: 4px;
            background: #ff5722 !important;
            border-radius: 50%;
            display: block;
        }

.grid-action-grp {
    width: 100%;
    margin: 10px 0px;
    text-align: center;
}

    .grid-action-grp .btn, .grid-action-grp .btn:hover, .grid-action-grp .btn:focus {
        display: inline-block;
        float: none;
        box-shadow: none;
        outline: none;
        color: #fff !important;
    }

    .grid-action-grp .btn-info, .grid-action-grp .btn-info:hover, .grid-action-grp .btn-info:focus {
        display: inline-block;
        float: none;
        background-color: #5bc0de !important;
        box-shadow: none;
        outline: none;
        color: #fff !important;
    }

    .grid-action-grp .btn-danger, .grid-action-grp .btn-danger:hover, .grid-action-grp .btn-danger:focus {
        display: inline-block;
        float: none;
        background-color: #d9534f !important;
        box-shadow: none;
        outline: none;
        color: #fff !important;
    }
/*promotion-page ends*/


/*login screen design*/
.logo {
    width: 188px;
    margin: 0 auto;
}

    .logo img {
        max-width: 100%;
    }

.login-block {
    width: 330px;
    margin: 0 auto 0px;
    padding: 100px 0 0 0;
}

.login-form {
    padding: 0 10px 0 0;
    background: #063B5A;
    position: relative;
    margin-top: 30px;
    padding-bottom: 60px;
}

    .login-form .custom-form {
        margin: 0;
    }

.form-left-pad {
    float: left;
    width: 100%;
    padding: 10px 0;
}

.login-form .form-group.label-floating {
    margin-bottom: 18px;
}

.login-form .form-group .form-control {
    background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#ffffff, #ffffff) !important;
}

.login-form .social-icn {
    font-size: 20px;
    top: 10px;
    color: #ffffff;
}

.show-password-icn {
    position: absolute;
    right: 4px;
    font-size: 20px;
    top: 10px;
    color: #ffffff;
    cursor: pointer;
}

.login-form .form-group.label-floating label.control-label {
    font-size: 15px;
    font-family: @fontrobotoregular;
    color: #ffffff !important;
}

.login-form .form-group.label-floating:not(.is-empty) label.control-label, .login-form .form-group.label-floating.is-focused label.control-label, .login-form .form-group.label-floating.is-filled label.control-label {
    font-size: 13px;
}

.quick-option {
    display: block;
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .quick-option a, .quick-option a:focus, .quick-option a:hover {
        color: #ffffff;
        font-size: 14px;
        padding: 0 10px;
    }

    .quick-option .seprator-line {
        width: 2px;
        height: 18px;
        background-color: #ffffff;
        position: absolute;
        left: 52%;
        margin-top: 4px;
    }

.finger-print-block {
    width: 50px;
    margin: 10px auto;
}

    .finger-print-block img {
        width: 100%;
    }

.auto-login {
    text-align: center;
    float: left;
    width: 100%;
}

    .auto-login label {
        color: #fff;
        font-weight: normal;
        font-size: 14px;
        margin-top: 5px;
    }

.btn.btn-raised.btn-login, .btn.btn-raised.btn-login:hover, .btn.btn-raised.btn-login:focus {
    background-color: #ffffff;
    color: #063B5A !important;
    display: block;
    font-family: @fontrobotoregular;
    width: 245px;
    height: 30px;
    font-size: 14px;
    margin: 0 auto;
    line-height: 10px;
    position: absolute;
    right: 0px;
    left: 0px;
    bottom: 20px;
    box-shadow: none;
    border-radius: 2px;
}

.company-select .carousel-indicators {
    bottom: -5px;
}

.login-form .form-group .form-control {
    font-size: 19px;
    color: #ffffff;
}

.custom-form .form-group .dropdownjs input, .custom-table .form-group .dropdownjs input {
    font-size: 16px;
    color: #656565;
}

    .custom-form .form-group .dropdownjs input::-webkit-input-placeholder, .custom-table .form-group .dropdownjs input::-webkit-input-placeholder {
        color: #656565;
    }

    .custom-form .form-group .dropdownjs input:-moz-placeholder, .custom-table .form-group .dropdownjs input:-moz-placeholder { /* Firefox 18- */
        color: #656565;
    }

    .custom-form .form-group .dropdownjs input::-moz-placeholder, .custom-table .form-group .dropdownjs input::-moz-placeholder { /* Firefox 19+ */
        color: #656565;
    }

    .custom-form .form-group .dropdownjs input:-ms-input-placeholder, .custom-table .form-group .dropdownjs input:-ms-input-placeholder {
        color: #656565;
    }

.cust-profile .custom-form .form-group.label-floating {
    max-height: 34px;
}





/*UOM screen Css Start*/
.uom_form {
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.25);
    margin-top: 15px;
    float: left;
    width: 100%;
    display: block;
    padding-bottom: 0;
}

.form-group.label-floating.disabled-floating .control-label {
    top: -5px;
    font-size: 12px;
    opacity: 0.6;
}

.form-control[disabled], .form-group .form-control[disabled], fieldset[disabled] .form-control, fieldset[disabled] .form-group .form-control {
    border-bottom: 1px solid #D2D2D2;
    color: #787878;
    opacity: 1;
}

.form-group.label-floating textarea {
}

.uom_form .custom-form .form-group {
    margin-bottom: 10px;
    height: 40px;
}

    .uom_form .custom-form .form-group img.camera-toggle {
        max-height: 100%;
    }

    .uom_form .custom-form .form-group.GpsLocation {
        height: auto !important;
    }

.uom_form .checkbox {
    margin: 0;
    display: inline-block;
}

    .uom_form .checkbox label {
        color: #787878;
        opacity: 1;
        font-size: 15px;
    }

.uom_form .btn-grp {
    text-align: center;
    clear: both;
    display: block;
}

    .uom_form .btn-grp .btn.btn-primary, .uom_form .btn-grp .btn.btn-primary:hover, .uom_form .btn-grp .btn.btn-primary:focus {
        color: #fff;
        border-radius: 0;
    }

    .uom_form .btn-grp .btn-default {
        border-radius: 0;
        margin-left: 10px;
    }

.uom_form .data-block {
    background: #fcf6f6;
    padding: 15px;
    margin: 0;
    display: block;
}

.label_text, .value_text {
    line-height: 20px;
    font-size: 15px;
    margin: 5px 5px 5px 0;
    display: inline-block;
}

.dashboard_data_form {
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.25);
    padding: 15px;
    margin-top: 15px;
    float: left;
    width: 100%;
    display: block;
    padding-bottom: 0;
}

    .dashboard_data_form .custom-form .form-group {
        margin-bottom: 10px;
    }

    .dashboard_data_form .checkbox {
        margin: 0;
    }

        .dashboard_data_form .checkbox label {
            color: #787878;
            opacity: 1;
            font-size: 15px;
        }

    .dashboard_data_form h4.title {
        color: #fff;
        background-color: #303f9f;
        font-size: 20px;
        margin: 0;
        padding: 10px;
        font-family: @fontrobotoregular;
        text-align: center;
    }

    .dashboard_data_form .btn-grp {
        text-align: center;
    }

        .dashboard_data_form .btn-grp .btn.btn-primary, .dashboard_data_form .btn-grp .btn.btn-primary:hover, .dashboard_data_form .btn-grp .btn.btn-primary:focus {
            background-color: #3f51b5;
            color: #fff;
            border-radius: 0;
        }

        .dashboard_data_form .btn-grp .btn-default {
            border-radius: 0;
            margin-left: 10px;
        }

    .dashboard_data_form .data-block {
        background: #efecec;
        padding: 10px;
        margin-top: 15px;
    }


/* date picker*/
.dtp-date-view i.zmdi {
    font-size: 25px;
    color: #ffffff;
}

/*.top-page-title{width:250px;}*/


/*Dashboard css start*/
.row-offcanvas {
    margin-top: 75px;
}

.userdtl {
    color: #ffffff;
    float: right;
    margin-right: 5px;
}

.photo {
    border: 2px solid #ffffff;
    float: left;
    height: 40px;
    margin-top: 3px;
    width: 40px;
}

    .photo > img {
        max-width: 100%;
    }

.username {
    color: #ffffff;
    font-family: @fontrobotoregular;
    margin: 0 10px;
}

    .username > span:first-child {
        color: #ffffff;
        font-family: @fontrobotoregular;
        display: block;
    }

    .username > span:last-child i {
        margin-right: 5px;
    }

.signout {
    float: right;
    color: #fff;
    border-left: 2px solid @signoutbrdr;
    border-left-color: rgba(0,0,0,0.1);
    padding: 0 0 0 10px;
}

    .signout i {
        display: block;
        font-size: 24px;
        text-align: center;
    }

a.signout:hover, a.signout:focus {
    color: #ffffff;
    text-decoration: none;
}

.offline {
    width: 100%;
    color: #e43830;
    z-index: 1;
    position: relative;
    float: left;
    text-align: center;
    padding: 5px 10px;
    background: #ffffff;
}

.tabpanel {
    width: 100%;
    padding: 0px;
}

#parentHorizontalTab {
    padding: 15px 0;
    float: left;
}

.resp-tab-content {
    padding: 0px;
    border-bottom: none;
}

.maillist {
    display: inline-block;
    list-style-type: none;
    padding: 0px;
    margin-bottom: 0px;
    height: auto;
    width: 100%;
}

    .maillist li {
        float: left;
        width: 100%;
        padding: 10px 20px;
        border-bottom: 1px solid #dedede;
    }

        .maillist li.odd {
            background: #eeeeee;
        }

        .maillist li a.subject {
            float: left;
            width: 70%;
            color: #3e3e3e;
            font-family: @fontrobotolight;
        }

        .maillist li a.subjectunread {
            float: left;
            width: 70%;
            color: #3e3e3e;
            font-family: @fontrobotoregular;
        }

        .maillist li a span:first-child {
            font-size: 18px;
        }

        .maillist li a span:last-child {
            font-size: 14px;
        }

        .maillist li > a:hover {
            color: @themebackground;
            text-decoration: none;
        }

.tablecheckbox {
    float: left;
    margin-right: 15px;
}

.rightdtl {
    float: right;
}

    .rightdtl span:first-child {
        text-align: right;
        float: right;
        font-family: @fontrobotolight;
    }

    .rightdtl .icn {
        width: 25px;
        height: 25px;
        float: right;
        margin: 0px 0 0 10px;
    }

        .rightdtl .icn > img {
            max-width: 100%;
            float: left;
        }

li .blt {
    border-radius: 22px;
    color: #fff;
    float: left;
    font-size: 20px;
    font-weight: normal;
    height: 40px;
    margin: 3px 15px 0 0;
    padding-top: 5px;
    text-align: center;
    width: 40px;
    font-family: @fontrobotolight;
}

.swiper-container2, .swiper-container3, .swiper-container4 {
    background: #ffffff;
    padding-bottom: 30px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: relative;
}

    .swiper-container2 .swiper-slide, .swiper-container3 .swiper-slide, .swiper-container4 .swiper-slide {
        width: 100% !important;
    }

.swiper-pagination {
    bottom: 5px !important;
}

    .swiper-pagination .swiper-pagination-bullet {
        border: 2px solid #919191;
        height: 12px;
        width: 12px;
        opacity: 1;
        background: #ffffff;
    }

    .swiper-pagination .swiper-pagination-bullet-active {
        border: 0px;
        background: #919191;
        height: 12px;
        width: 12px;
        bottom: 11px;
    }

.s {
    background: #3949ab;
}

.t {
    background: #c82d2d;
}

.u {
    background: #bba446;
}

.v {
    background: #b061a6;
}

.w {
    background: #85c377;
}

.x {
    background: #e4716c;
}

.y {
    background: #946941;
}

.z {
    background: #36a0cc;
}

.box1 {
    background: #946941;
    padding: 20px;
}

.box2 {
    background: #36a0cc;
    padding: 20px;
}

.box3 {
    background: #85c377;
    padding: 20px;
}

.box4 {
    background: #e4716c;
    padding: 20px;
}

.imgotr {
    border-radius: 50%;
    background: #ffffff;
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto;
    padding: 22px;
}

    .imgotr img {
        max-width: 100%;
    }

.sutitle {
    color: #ffffff;
    float: left;
    font-size: 20px;
    margin: 15px 0 0;
    text-align: center;
    width: 100%;
    font-family: @fontrobotoregular;
}
/*.cgmlogo{ background:url(../../images/cgm_aplha.png) no-repeat; background-position: center; background-size: auto 100% ; background-attachment: fixed; }*/
.resp-tab-active {
    background: @themebackground !important;
}

.resp-tab-content {
    border-top-color: @themebackground !important;
}
/*search UX css starts*/


/*search UX css starts*/

.search-action-block {
    transition: 0.8s;
    position: absolute;
    left: 5px;
    right: 5px;
    top: 5px;
    padding: 12px 10px;
    height: 50px;
    background: #fff;
    border-radius: 3px;
    z-index: 3;
}

.search_form .form-group {
    margin-top: 0px;
    border-bottom: none;
    padding-bottom: 0px;
}

    .search_form .form-group .search_form_input {
        font-size: 14px;
        padding-top: 0px;
        padding-bottom: 0px;
        height: 28px;
        border-bottom: none;
        outline: none;
        background: transparent;
    }

.search-action-block .left-action-btn, .search-action-block .right-action-btn {
    margin-top: -2px;
    color: #666;
    position: relative;
}

.search-action-block .search_form {
    width: 100%;
}

.search-action-btn {
}

/*search UX css ends*/
.mainmenu {
}

    .mainmenu li a {
        padding: 7px 15px;
        border-bottom: 1px solid #dadada;
    }

    .mainmenu a i {
        margin-right: 10px;
    }

    .mainmenu li:first-child a {
        color: #3949ab;
    }

    .mainmenu li:nth-child(2) a {
        color: #623b41;
    }

    .mainmenu li:nth-child(3) a {
        color: #ec592f;
    }

    .mainmenu li:nth-child(4) a {
        color: #056e85;
    }

    .mainmenu li:nth-child(5) a {
        color: #946941;
    }

    .mainmenu li:last-child a {
        color: #393939;
    }

    .mainmenu li:hover a {
        color: #ffffff;
        background: @themebackground;
    }

.sidebar_menu {
    background: #f4f4f4;
    box-sizing: border-box;
}

.row-offcanvas-left .sidebar-offcanvas.sidebar_menu {
    overflow-y: auto;
}

.swiper-container2 .swiper-slide {
    width: 100% !important;
}
/*search UX css ends*/



.submenu i.zmdi {
    margin: 0 25px 0 15px;
}

#multiple .submenu .submenu {
    background-color: #fff;
}

    #multiple .submenu .submenu article {
        padding-left: 53px;
    }

        #multiple .submenu .submenu article:first-child {
            border-top: 2px solid #dadada;
        }

.submenu a.make-fav i {
    margin-right: 12px;
}

#multiple .submenu article {
    padding: 0 40px 0 52px;
}

#multiple .submenu button {
    padding-left: 52px;
}

#multiple .submenu article.pad0 {
    padding: 0;
}

.make-fav, .make-fav:hover, .make-fav:focus {
    position: absolute;
    right: 0;
    color: #bba446;
}

#multiple section .pad0 button, #multiple .submenu .submenu article:last-child {
    border-bottom: none;
}

.resp-tab-content .make-fav, .resp-tab-content .make-fav:hover, .resp-tab-content .make-fav:focus {
    position: static;
    font-size: 24px;
    line-height: 20px;
    float: right;
}

.no-data-icon {
    max-width: 50px;
    display: inline-block;
}

.no-data-text {
    color: @themebackground;
}

.box-shadow-none {
    box-shadow: none;
}


/*data-table page css starts*/

.my_table .dataTables_length, .my_table .dataTables_filter, .my_table .dataTables_info, .my_table .dataTables_paginate {
    display: none;
}

.my_table .dataTables_wrapper {
    position: static;
}

.my_table .dataTables_filter {
    display: block;
    background: #fff;
    padding: 10px 0 10px 0;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    margin-top: 0;
}

.custom-table {
    overflow-y: hidden;
    padding-top: 50px;
}

.my_table .dataTables_filter label {
    visibility: collapse;
    position: relative;
    width: 100%;
}

    .my_table .dataTables_filter label input {
        visibility: visible;
        width: calc(100% - 30px);
        position: absolute;
        left: 15px;
        right: 15px;
        top: 0;
        margin-left: 0;
        box-shadow: none;
        -webkit-appearance: textfield;
        appearance: textfield;
        border-radius: 4px;
        border: 1px solid #ccc;
        padding: 3px 4px;
    }

.my_table tr .checkbox label .checkbox-material:last-child {
    display: none;
}

.my_table tr .checkbox {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.delete-action, .edit-action, .delete-action:hover, .edit-action:hover, .delete-action:focus, .edit-action:focus {
    border-radius: 2px;
    position: relative;
    z-index: 2;
    display: inline-block;
    font-size: 14px;
    padding: 4px;
    width: 18px;
    height: 18px;
    background-color: #ff3300;
    color: #fff;
    margin-top: 4px;
    margin-left: 5px;
    padding: 0px 0 0px 4px;
}

    .edit-action, .edit-action:hover, .edit-action:focus {
        background-color: #5bc0de;
    }

    .delete-action, .delete-action:hover, .delete-action:focus {
        background-color: #d9534f;
    }

.custom-table tr .checkbox {
    display: inline-block;
    float: left;
    margin-top: 0;
}

.checkbox .checkbox-material:before, label.checkbox-inline .checkbox-material:before {
    height: 10px;
    width: 6px;
    left: 6px;
}

.table_search_box {
    position: absolute;
    top: 0;
    background: #fff;
    right: 0;
    left: 0;
    padding: 0px 20px;
}

    .table_search_box .form-group {
        margin-top: 0;
    }

.btn.floating-more-btn {
    position: absolute;
    bottom: 40px;
    right: 40px;
    min-height: 40px;
    height: 40px;
    width: 40px;
    min-width: 40px;
    padding: 4px;
}

.floating-more-btn, .floating-more-btn:hover, .floating-more-btn:focus {
    background-color: @themebackground !important;
}

.custom-table .table > thead > tr > th {
    position: relative;
    padding-right: 20px;
}

.sorting_action, .sorting_action:hover, .sorting_action:focus {
    float: right;
    font-size: 16px;
    padding: 0 4px 4px;
    position: absolute;
    right: 4px;
    color: #333;
}

.custom-table {
    padding-right: 40px;
}

.character_filter {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    padding: 10px;
    z-index: 4;
    border-left: 2px solid #ccc;
    top: 50px;
    bottom: 15px;
}

    .character_filter ul {
        padding: 0;
        list-style-type: none;
        overflow-y: auto;
        padding-right: 10px;
        height: 100%;
    }

.form-group .dropdownjs {
    margin-top: 3px;
}

    .form-group .dropdownjs input {
        padding-top: 6px;
    }

.form-group .set-dropdown-icon {
    padding-top: 4px;
}
/*data-table page css end*/

/* date picker*/
.dtp-date-view i.zmdi {
    font-size: 25px;
    color: #ffffff;
}


/*.top-page-title{width:250px;}*/
.todootr {
    min-height: 184px;
    text-align: center;
}

.todoact {
    border: 1px solid #ffffff;
    color: #ffffff;
    display: block;
    float: left;
    margin: 49px 15% 0;
    opacity: 1;
    padding: 10px;
    width: 70%;
    position: relative;
}

.notifi {
    background: #ff0000 none repeat scroll 0 0;
    border-radius: 50%;
    height: 30px;
    padding: 3px 0 0;
    position: absolute;
    right: -15px;
    text-align: center;
    top: -16px;
    width: 30px;
}

.act {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    display: block;
    font-family: @fontrobotoregular;
}




/*invoice screen css starts*/

.sales-state-block {
    background-color: #f4f4f4;
    padding: 10px 10px 5px;
    float: left;
    width: 100%;
    font-size: 18px;
}

    .sales-state-block label {
        color: #333;
    }

    .sales-state-block .sales-progress-state {
        color: #169f51;
    }

    .sales-state-block span i {
        font-size: 24px;
        line-height: 16px;
        padding-top: 5px;
    }

.custom-form .form-group .dropdownjs {
    background-color: transparent;
}

.custom-form.invoice-form {
    display: block;
    float: left;
    padding: 10px 10px 20px;
    width: 100%;
}

.invoice-form .form-group {
    margin-bottom: 00px;
}

.custom-table.static-table {
    padding: 10px;
    height: auto !important;
    border: 1px solid #ddd;
    z-index: 1;
}

.cart-product-image {
    max-width: 50px;
}

    .cart-product-image img {
        width: 100%;
    }

.cart-data-input {
    padding: 4px;
}

.custom-table.static-table .table-responsive {
    max-height: 350px !important;
    overflow-y: auto;
}

.custom-table.static-table.subtotal-block thead tr th {
    background-color: @themebackground;
    padding-right: 8px;
    color: #fff;
    outline: none;
    font-weight: normal;
}
/*.custom-table.static-table.subtotal-block tbody tr:last-child td {background-color: @themebackground; padding-right: 8px; color: #fff; outline: none; font-weight: normal; opacity: 0.8;}*/
.custom-table.static-table.subtotal-block table {
    border: none;
}

.add-item-btn {
    background-color: @themebackground !important;
}

.outstanding-detail-block h3 {
    margin: 0;
    padding: 10px 20px 0 10px;
    color: @themebackground;
}

.custom-form.invoice-form .form-group.signature_block .control-label {
    font-size: 16px;
}

.balance-state span {
    padding-right: 8px;
    color: #fff;
    outline: none;
    font-weight: normal;
}

.balance-state {
    background-color: @themebackground;
    padding: 10px 10px 10px 17px;
    opacity: 0.8;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.subtotal-block.custom-table.static-table {
    padding-bottom: 60px;
}

.custom-table.static-table table {
    margin-bottom: 0;
}

.cart-list-grp {
    padding: 0 10px;
}

.custom-table.static-table .btn-grp .btn {
    margin-bottom: 0;
}

.custom-table.static-table .btn-grp {
    margin-top: 7px;
}

.flaoting-btn-grp {
    position: fixed;
    bottom: 0px;
    right: 0px;
    opacity: 1;
    z-index: 5;
    transition: 0.5s;
}

    .flaoting-btn-grp:hover, .flaoting-btn-grp:focus {
        opacity: 1;
        outline: none;
    }

.floating-btn-grp li a.btn-fab, .floating-btn-grp li a.btn-fab:hover, .floating-btn-grp li a.btn-fab:focus {
    outline: none;
}

.flaoting-btn-grp .floating-more-btn, .flaoting-btn-grp .floating-more-btn:hover, .flaoting-btn-grp .floating-more-btn:focus {
    background: #ff5722 !important;
    right: 30px;
}


/* uday css */
.box-shadow-report {
    width: 97%;
    background: #fff;
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.75);
    margin: 20px;
    float: left;
    padding: 40px 10px;
}

.select-text {
    font-size: 20px;
    color: #656565;
    font-family: @fontrobotoregular;
    float: left;
}

.title_text {
    font-size: 18px;
    color: #656565;
    font-family: @fontrobotoregular;
    float: left;
}

.under-line-table {
    border-bottom: 1px #c1c1c1 solid;
    margin-top: 15px;
}

.inner-box-padd-10 {
    padding: 10px;
}

.box-color {
    background: #f0f0f0;
    width: 100%;
    float: left;
    display: block;
    margin-top: 10px;
    height: 300px;
}

.padd0 {
    padding: 0;
}

.acc_list li {
    float: left;
    padding: 20px 20px;
    width: 100%;
    border: none !important;
    font-weight: 400;
}

.acc_list {
    display: block;
    height: 299px;
    list-style-type: none;
    margin-bottom: 0;
    overflow-y: scroll;
    padding: 15px 0;
    background: #f0f0f0;
    border: none;
}

.box-arrow {
    background: #5f5f5f;
    /*width: 82%;*/
    float: left;
    display: block;
    padding: 7px;
    font-size: 18px;
}

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

    .hover-a a:hover, a:focus {
        color: #0098da;
    }

.middle_box {
    display: table-cell;
    height: 335px;
    vertical-align: middle;
    padding: 0 0 0 0px;
}

.box_table {
    display: table;
    height: 335px;
}

.width50 {
    width: 40% !important;
    padding: 7px 15px;
}

.height_335 {
    height: 335px;
}

.marg-top36 {
    margin-top: 36px;
}

.botom_arrow {
    display: table-cell;
    float: left;
    padding: 7px 21px 7px 16px;
    width: 52% !important;
}

.send_bt {
    background: #5f5f5f;
    display: block;
    font-size: 16px;
    color: #fff;
    font-family: @fontrobotoregular;
    margin: 10px 25px;
    padding: 5px 25px;
}

.box_border_main {
    border: 1px solid #c1c1c1 !important;
}

.btn.btn-raised, .input-group-btn .btn.btn-raised, .btn.btn-fab, .input-group-btn .btn.btn-fab, .btn-group-raised .btn, .btn-group-raised .input-group-btn .btn, .btn.btn-raised.btn-default, .input-group-btn .btn.btn-raised.btn-default, .btn.btn-fab.btn-default, .input-group-btn .btn.btn-fab.btn-default, .btn-group-raised .btn.btn-default, .btn-group-raised .input-group-btn .btn.btn-default {
    color: #fff !important;
    background: @themebackground;
}

.btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {
    text-decoration: none !important;
    background: @themebackground;
}

.floating_btn {
    background-color: #5f5f5f;
    color: #fff;
}
/* if required */
.width610 {
    width: 870px;
    float: left;
}

.width250 {
    width: 380px;
    float: left;
}

.widht_55 {
    width: 55px;
    float: left;
}

.font_color {
    color: #595959 !important;
}

.width550 {
    width: 48.5%;
    float: left;
}

.width610 {
    float: left;
    width: 51.1%;
}

.width250 {
    float: left;
    width: 43.3%;
}

.width100 {
    width: 100%;
}

.width30 {
    width: 32.5%;
}

.widht_55 {
    width: 6.6%;
    float: left;
}

.and_text {
    float: left;
    padding: 0px 80px 0 50px;
}

.mad_text {
    color: #595959;
    float: left;
    font-size: 16px;
    font-family: @fontrobotoregular;
}

.padd20 {
    padding: 20px !important;
}

.padd80 {
    padding: 0 0 0 80px;
}

.marg-top-20 {
    margin-top: -20px;
}

.marg-top30 {
    margin-top: 30px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.widht20 {
    width: 20px;
}

.text_padd {
    padding: 5px 10px !important;
}

.or {
    font-size: 16px !important;
}

.or_text {
    margin-left: 30px;
    margin-top: -4px;
    float: left;
}

.gray_box {
    background: #5f5f5f none repeat scroll 0 0;
    display: block;
    float: left;
    font-size: 21px;
    padding: 0px 10px;
    width: 100%;
}

.marg-left-76 {
    margin-left: -76px;
}

.plus_icon {
    float: left;
    margin-top: 32px;
}

.marg_28 {
    margin-top: 28px;
}

.marg-left35 {
    margin-left: 35px;
}

.marg-top50 {
    margin-top: 38px;
}

.marg-top10 {
    margin-top: 10px;
}

.line_eh75 {
    line-height: 75px;
}

.width_100_new {
    width: 100%;
}

.scroll_new {
    height: 500px;
    overflow: auto;
}

.marg-righ18 {
    margin-right: -18px;
}

.privew_bt {
    background: #5f5f5f none repeat scroll 0 0;
    color: #fff;
    display: block;
    font-family: @fontrobotoregular;
    font-size: 16px;
    width: 40%;
    padding: 5px 25px;
}

.big_box {
    background: #e8e8e8;
    border: 1px solid #fff;
    width: 100%;
    min-height: 437px;
}

.padd_right0 {
    padding-right: 0;
}

.small_box {
    background: #bfbfbf;
    width: 100%;
    padding: 30px 0;
    font-size: 18px;
    color: #656565;
    float: left;
    text-align: center;
    border: 1px solid #fff;
}

.btn.btn-fab, .input-group-btn .btn.btn-fab {
    border-radius: 50%;
    box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
    font-size: 20px !important;
    height: 40px !important;
    line-height: normal;
    margin: auto;
    min-width: 40px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 40px;
}

.uom_form.otm .custom-form .bg_none {
    background: none !important;
}

.font-icn_new {
    font-size: 20px;
    margin-top: 16px;
}




.arithmetic-sign {
    position: absolute;
    right: -5px;
    top: 10px;
    font-size: 20px;
    color: #656565;
}

.barcode-block {
    max-width: 250px;
    text-align: center;
    margin: 0 auto;
}

    .barcode-block img {
        display: inline-block;
        max-width: 100%;
        float: none;
    }

.cart-list-grp .custom-table tr td .custom-form .form-group {
    margin: 0;
}

.page-container {
}

.uom_form .custom-table {
    background: #fff;
    overflow: visible;
}

.upload_file {
    display: block;
    overflow: hidden;
}

    .upload_file label {
        display: inline-block;
        color: #000;
        float: left;
    }

.btn.attachement_btn, .btn.attachement_btn:hover, .btn.attachement_btn:focus {
    float: right;
    margin-top: 0;
    background: transparent !important;
    color: #656565 !important;
    outline: none;
    border: none;
    font-size: 14px;
}

    .btn.attachement_btn i {
        font-size: 20px;
        margin-right: 2px;
        margin-top: 2px;
    }

.photo-upload .modal-title {
    color: #000;
    font-size: 18px;
    font-weight: bold;
}

.modal-header .close {
    opacity: 0.55;
}
/*.photo-upload .upload_file .file_upload_btn , .photo-upload .upload_file .file_upload_btn:hover , .photo-upload .upload_file .file_upload_btn:focus , .photo-upload .upload_file .file_upload_btn:active:hover
{padding: 1px 6px; background: #3f51b5; display: inline-block; float: right; margin: 0; font-size: 18px; width: auto; color: #fff;}*/
.upload_btn_grp {
    text-align: center;
}

    .upload_btn_grp .input-group, .upload_btn_grp .input-group .input-group-btn {
        text-align: center;
        display: inline-block;
        width: auto;
    }

        .upload_btn_grp .input-group .btn-fab {
            background: #5f5f5f;
            color: #fff;
            text-align: center;
        }

.upload_label_text {
    font-size: 16px;
    color: #000;
    font-weight: normal;
}

.upload_file_list {
    width: 100%;
    display: inline-block;
    margin-top: 10px !important;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border-top: 3px solid #eaeaea;
    max-height: 280px;
    overflow-y: auto;
}

.photo-upload .upload_file_action_btn {
    display: inline-block !important;
    color: #787878 !important;
    font-size: 20px;
    margin-left: 10px;
    float: right;
    width: auto !important;
}

.upload_file_list li {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #eaeaea;
    overflow: hidden;
}

    .upload_file_list li:last-child {
        border-bottom: none;
    }

.uploaded_file_name {
    color: #787878;
    padding-top: 10px;
}

.photo-upload .modal-content .modal-footer {
    border-top: 1px solid #e5e5e5;
    padding: 15px 20px;
}
/*.footer_btn , .footer_btn:hover , .footer_btn:focus { outline:none; border-radius: 0 !important; background-color: #5f5f5f !important; color: #fff !important;}*/
.upper-filter-block {
    background-color: #fff;
    overflow: hidden;
}

    .upper-filter-block .table_search_box {
        display: inline-block;
        float: right;
        width: auto;
        position: static;
    }

    .upper-filter-block .action-grp {
        float: left;
        width: auto;
        display: inline-block;
        list-style-type: none;
        margin: 0;
        padding-left: 10px;
    }

        .upper-filter-block .action-grp li {
            display: inline-block;
            padding: 10px;
        }

            .upper-filter-block .action-grp li a {
                color: @themebackground;
                font-size: 26px;
            }

.modal-backdrop {
    z-index: -1;
}

.upload_file_list .filess {
    width: 100%;
}

#ListingGrid_filter label {
    color: #656565;
}

    #ListingGrid_filter label input {
        border: none;
        border-bottom: 1px solid #656565;
        color: #656565;
        font-weight: normal;
        padding-left: 5px;
    }

.upper-filter-block {
    z-index: 0;
    position: relative;
    top: 30px;
    opacity: 2;
    padding-right: 250px;
}

    .upper-filter-block .action-grp {
    }

.ListingGrid_filter {
    display: none;
}

#ListingGrid_filter {
    margin-top: -7px;
}

#ListingGrid_length label {
    color: #656565;
    margin-top: 10px;
}

    #ListingGrid_length label select {
        border: none;
        border-bottom: 1px solid #656565;
        color: #656565;
    }

#ListingGrid {
    width: 100% !important;
}

.paginate_button {
    color: #23527c !important;
    padding: 5px 10px !important;
}

    .paginate_button.current {
        color: #fff !important;
        border-color: #3f51b5 !important;
        background-color: #3f51b5 !important;
        border-radius: 4px !important;
        background: transparent;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #3f51b5 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #3f51b5 1%, #3f51b5 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3f51b5 1%,#3f51b5 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3f51b5 1%,#3f51b5 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f51b5', endColorstr='#3f51b5',GradientType=0 ) !important; /* IE6-9 */
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #fff !important; /* Old browsers */
    background: -moz-linear-gradient(top, #eaeaea 1%, #eaeaea 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eaeaea 1%,#eaeaea 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eaeaea 1%,#eaeaea 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=0 ) !important; /* IE6-9 */
    color: #666 !important;
    border: none !important;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #3f51b5 !important;
        background: #3f51b5 !important; /* Old browsers */
        background: -moz-linear-gradient(top, #fff 1%, #fff 100%) !important; /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #fff 1%,#fff 100%) !important; /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #fff 1%,#fff 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 ) !important; /* IE6-9 */
        color: #3f51b5 !important;
        border: none !important;
        padding: 10px !important;
        font-size: 18px;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled {
            color: transparent !important;
            max-width: 30px;
        }

.paginate_button.previous::before {
    content: "\f104";
    color: #666 !important;
}

.paginate_button.next::before {
    content: "\f105";
    color: #666 !important;
}

.upper-filter-block {
    margin-top: -40px;
}

#dropZone {
    position: relative;
}

#inputFile4 {
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

.pos-static.upper-filter-block {
    margin-top: 0;
    position: static;
    padding-right: 0;
}

.pos-fixed.floating-more-btn {
    position: fixed;
}

.subpage-swiper .swiper-slide {
    background-color: #f5f5f5;
    margin-right: 0 !important;
    text-align: center;
    padding: 0;
}

    .subpage-swiper .swiper-slide a, .subpage-swiper .swiper-slide a:hover, .subpage-swiper .swiper-slide a:focus {
        color: #959595 !important;
    }

    .subpage-swiper .swiper-slide.active {
        background: @themebackground;
        color: #fff;
    }

        .subpage-swiper .swiper-slide.active .field-icn i {
            color: #fff;
        }

        .subpage-swiper .swiper-slide.active a {
            color: #fff !important;
        }

.subpage-swiper .swiper-container {
    background: transparent;
}

.subpage-swiper {
    margin-top: 20px;
}

.rol-data-block {
    border: 1px solid #999;
    padding: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #3f51b5;
}

.rol-master-tbl thead tr th, .rol-master-tbl tbody tr td {
    display: inline-block !important;
    float: left !important;
}

.rol-master-tbl .checkbox {
    margin: auto 50% !important;
}


/*inbox css starts*/

.inbox-block {
    width: 100%;
    padding: 10px;
    padding-bottom: 100px;
    padding-top: 0;
    margin-top: -10px;
}

.inbox-right-block {
    float: right;
}

.top-block {
    border-bottom: 1px solid @lightgray;
    padding-bottom: 15px;
    padding-top: 20px;
}

    .top-block .form-group {
        margin-top: 0;
    }

    .top-block .message_search, .top-block .message_search:focus {
        background: transparent;
        border-bottom-color: #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
        outline: none;
        box-shadow: none;
        background: none;
        padding: 0px 8px 4px 8px;
        padding-left: 40px !important;
    }

    .top-block .message-search-btn, .top-block .message-search-btn:active:hover, .top-block .message-search-btn:hover, .top-block .message-search-btn:focus {
        position: absolute;
        background: transparent;
        top: -2px !important;
        right: auto !important;
        left: 10px !important;
        font-size: 24px;
        padding: 4px;
        margin: 0;
        color: #666 !important;
        background-color: transparent !important;
        box-shadow: none;
        outline: none;
        border: none;
    }

.category-btns {
    margin-bottom: 0;
    padding-top: 3px;
    display: inline-block;
    list-style-type: none;
    text-align: right;
}

    .category-btns li {
        width: 70px;
        display: inline-flex;
        float: none;
        padding: 0;
        border: 1px solid #666;
        margin-left: 10px;
    }

.category-red span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff0000;
    display: inline-block;
}

.category-ember span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ffde00;
    display: inline-block;
}

.category-green span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #09e36a;
    display: inline-block;
}

.category-btns li.category-all {
    background: #3f51b5;
    border-color: #3f51b5;
}

.category-btns li a, .category-btns li a:hover, .category-btns li a:focus {
    color: #fff;
    text-decoration: none;
    padding: 5px 25px;
    width: 100%;
    text-align: center;
}

.mail-list-block {
    border: 1px solid #e1e1e1;
    padding: 0;
    margin-top: 15px;
    position: relative;
    display: block;
    padding-top: 56px;
}

.action-bar {
    padding: 8px 10px 5px 10px;
    text-align: right;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
}

    .action-bar .checkbox .checkbox-material .check, .action-bar label.checkbox-inline .checkbox-material .check {
        border: 1px solid rgba(0,0,0, .54);
    }

    .action-bar .checkbox label {
        color: #6b6b6b;
        padding-right: 10px;
        font-size: 14px;
        font-weight: normal;
        border-right: 1px solid #6b6b6b;
    }

    .action-bar .checkbox {
        display: inline-block;
        margin: 0;
    }

        .action-bar .checkbox .checkbox-material .check, .action-bar label.checkbox-inline .checkbox-material .check {
            width: 18px;
            height: 18px;
        }

.mail-block-sorting, .mail-block-sorting:hover, .mail-block-sorting:focus {
    color: #6b6b6b;
    text-decoration: none;
    padding-left: 5px;
}

.sort-icon {
    color: #6b6b6b;
    font-size: 18px;
    padding-top: 10px;
}

.left-action-bar {
    display: inline-block;
    float: left;
    overflow: hidden;
}

.right-action-bar {
    display: inline-block;
}

    .right-action-bar .nav li a, .right-action-bar .nav li a:hover, .right-action-bar .nav li a:focus, .right-action-bar .nav li.dropdown a {
        background: transparent;
        font-size: 20px;
        padding: 0px 10px 0px 10px;
        color: #666666;
        border-left: 1px solid #666;
        border-radius: 0;
    }

    .right-action-bar .nav li:first-child a, .right-action-bar .nav li:first-child a:hover, .right-action-bar .nav li:first-child a:focus, .right-action-bar .nav li.dropdown:first-child a {
        border-left: none;
    }

    .right-action-bar .nav li.dropdown .dropdown-menu {
        right: 0;
        left: auto;
        padding: 0;
        border-top: 1px solid #eaeaea;
    }

        .right-action-bar .nav li.dropdown .dropdown-menu a {
            font-size: 14px;
            font-weight: normal;
            padding: 5px 5px 5px 10px;
        }

        .right-action-bar .nav li.dropdown .dropdown-menu li {
            border-bottom: 1px solid #eaeaea;
        }

.mail-listing-block {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.mail-listing {
    position: relative;
    width: 100%;
    display: none;
    padding: 10px;
    border: 1px solid transparent;
    border-top: 1px solid #dadada;
}

    .mail-listing .checkbox {
        margin: 0;
        float: left;
        display: inline-block;
        margin-top: 7px;
    }

        .mail-listing .checkbox .check {
            border-width: 1px;
        }

.char-icon {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: #fff;
    float: left;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    padding-top: 6px;
    margin-left: 10px;
    font-weight: normal;
}

.mail-data-block {
    margin: 0;
    float: left;
    display: inline-block;
    margin-left: 10px;
}

    .mail-data-block h4 {
        margin: 5px 0;
        color: #353535;
        font-size: 18px;
        font-weight: 500;
    }

.category-icon {
    padding: 10px;
    display: inline-block;
    float: right;
}

.mail-time {
    color: #000;
    font-size: 16px;
    display: inline-block;
    float: right;
    padding: 7px;
    width: 118px;
    text-align: left;
    padding-left: 0;
}

.lable-grp {
    width: 150px;
    float: right;
    padding-right: 10px;
}

.mail-lable {
    width: auto;
    max-width: 80%;
    float: right;
    background: #3f51b5;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 2px 4px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.mail-warning {
    float: left;
    display: none;
    color: #ff2904;
    font-size: 18px;
    padding-right: 10px;
}

.left-mail-data {
    width: 100%;
    padding-right: 160px;
    overflow: hidden;
}

.right-mail-data {
    width: 160px;
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    padding-right: 10px;
}

.mail-list-block .page-number-show {
    color: #000;
}

    .mail-list-block .page-number-show .btn-group a {
        color: #000;
    }

.inbox-right-block {
    position: relative;
    width: 100%;
}

    .inbox-right-block .compose-btn {
        bottom: 20px;
        position: absolute;
        right: 40px;
        min-height: 40px;
        height: 40px;
        width: 40px;
        min-width: 40px;
        padding: 4px;
        background-color: #3f51b4;
        color: #fff;
        z-index: 3;
    }

    .inbox-right-block .sent-btn {
        bottom: 20px;
        position: absolute;
        right: 40px;
        min-height: 40px;
        height: 40px;
        width: 40px;
        min-width: 40px;
        padding: 4px;
        background-color: #3f51b4;
        color: #fff;
        z-index: 3;
    }

.inbox-block {
    padding: 0;
}

.inbox-left-block {
    background-color: #f4f4f4;
    padding: 0;
}

.mail-menu-list {
    display: block;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .mail-menu-list li {
        display: block;
        padding: 10px 10px 10px 20px;
        clear: both;
        float: left;
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #e2e2e2;
    }

        .mail-menu-list li a, .mail-menu-list li a:hover, .mail-menu-list li a:focus {
            display: block;
            font-size: 16px;
            font-family: @fontrobotoregular;
            color: #444444;
            text-decoration: none;
        }

            .mail-menu-list li a i {
                margin-right: 10px;
                font-size: 24px;
                width: 24px;
                text-align: center;
            }

.menu-inbox a i {
    color: #3f51b5;
}

.menu-sent a i {
    color: #3fb560;
}

.menu-delete a i {
    color: #d4423a;
}

.menu-folder .panel {
    background: transparent;
    box-shadow: none;
}

    .menu-folder .panel .panel-heading {
        background: transparent;
        box-shadow: none;
        padding: 0;
    }

    .menu-folder .panel .panel-body {
        border-top: none !important;
        margin-top: 10px;
        padding: 0;
    }

    .menu-folder .panel .panel-heading a {
        font-family: @fontrobotoregular;
        display: block;
    }

        .menu-folder .panel .panel-heading a span.zmdi {
            margin-top: 5px;
            font-size: 22px;
        }

.folder-listing {
    padding-left: 3px;
    overflow: hidden;
}

    .folder-listing .checkbox {
        display: inline-block;
        float: left;
        width: 35px;
    }

        .folder-listing .checkbox .check {
            width: 17px;
            height: 17px;
            border-width: 1px;
        }

    .folder-listing h4 {
        font-size: 16px;
        color: #444444;
    }

        .folder-listing h4 i {
            font-size: 18px;
            margin-top: 4px;
            color: #c8b158;
        }

.gray-btn, .gray-btn:hover, .gray-btn:focus {
    outline: none;
    border-radius: 0 !important;
    background-color: #5f5f5f !important;
    color: #fff !important;
    padding: 5px 10px;
    margin-top: 10px;
}

.mail-listing .panel-body {
    border-top: 1px solid #e4e4e4;
    margin-top: 15px;
    padding: 0;
}

.mail-action-btn, .mail-action-btn:hover, .mail-action-btn:focus {
    background: transparent !important;
    color: #3f51b5 !important;
    outline: none !important;
    box-shadow: none !important;
}

.mail-detail {
    border-top: 1px solid #e4e4e4;
    padding: 15px;
    word-wrap: break-word;
}

.mail-list-toggle {
    position: absolute;
    right: -30px;
}

.sidebar-offcanvas {
    border-right: 0;
}

.mail-list-block .mail-listing-block {
    padding-bottom: 10px;
}

.inbox-block.row-offcanvas-left.active .sidebar-offcanvas {
    width: 40%;
    z-index: 3;
}

.compose-mail-block {
    display: none;
    z-index: 2;
    background: #fff;
    padding-bottom: 20px;
}

    .compose-mail-block .compose-header h4 {
        font-family: @fontrobotoregular;
        font-size: 20px;
        color: #5160ba;
        padding: 10px 20px;
        background-color: #f4f4f4;
        margin-top: 0;
    }

        .compose-mail-block .compose-header h4 a {
            float: right;
            color: #333;
            font-weight: bold;
        }

.compose-form {
    width: 90%;
    padding: 15px;
    margin: 0 auto;
}

    .compose-form .control-label {
        margin-top: 0 !important;
        color: #656565 !important;
        font-size: 16px !important;
        font-weight: normal;
    }

    .compose-form .radio {
    }

        .compose-form .radio .radio-inline {
            padding-top: 0;
            padding-left: 35px;
        }

        .compose-form .radio .circle {
            margin-top: 2px;
        }

        .compose-form .radio .check {
            margin-top: 2px;
        }

        .compose-form .radio input[type=radio]:checked ~ .check, .compose-form label.radio-inline input[type=radio]:checked ~ .check {
            background-color: #3f51b5;
        }

        .compose-form .radio input[type=radio]:checked ~ .circle, .compose-form label.radio-inline input[type=radio]:checked ~ .circle {
            border-color: #3f51b5;
        }

        .compose-form .radio .radio-inline {
            color: #333 !important;
        }

    .compose-form .form-control {
        color: #333;
    }

    .compose-form .form-group {
        margin-top: 0px !important;
    }

    .compose-form .form-control::-webkit-input-placeholder {
        color: #333;
    }

    .compose-form .form-control:-moz-placeholder { /* Firefox 18- */
        color: #333;
    }

    .compose-form .form-control::-moz-placeholder { /* Firefox 19+ */
        color: #333;
    }

    .compose-form .form-controlz:-ms-input-placeholder {
        color: #333;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #333 !important;
}






/*mail status css starts*/

.mail-listing.mail-unread {
    background: #f1f1f1;
}

.mail-listing.mail-read {
    background: #fff;
}

.mail-listing-block .mail-listing:nth-child(4n+1) .char-icon {
    background: #4ba272;
}

.mail-listing-block .mail-listing:nth-child(4n+2) .char-icon {
    background: #d4423a;
}

.mail-listing-block .mail-listing:nth-child(4n+3) .char-icon {
    background: #c8b158;
}

.mail-listing-block .mail-listing:nth-child(4n) .char-icon {
    background: #bf79b5;
}

.mail-listing.has-alert .mail-warning {
    display: inline-block;
}

.mail-listing-block.display-red .mail-listing.red-listing {
    display: block;
}

.mail-listing-block.display-ember .mail-listing.ember-listing {
    display: block;
}

.mail-listing-block.display-green .mail-listing.green-listing {
    display: block;
}

.mail-listing-block.display-all .mail-listing {
    display: block;
}

.mail-read .mail-data-block h4 {
    font-weight: normal;
    color: #4f4f4f;
}

.mail-read .mail-time {
    color: #4f4f4f;
    font-weight: normal;
}

.mail-listing.mail-open {
    background: #fff;
    border: 1px solid @themebackground;
}

.compose-btn .zmdi-mail-send {
    display: none;
}

.sent-btn .zmdi-mail-send {
    display: inline-block;
    font-size: 20px;
    padding-bottom: 0px;
    transform: rotate(-45deg);
    margin-left: 4px;
}

.compose-btn.sent-btn .zmdi-plus {
    display: none;
}

.inbox-right-block .sent-btn {
    padding-top: 0px;
    display: none;
}



/*mail status css ends*/


/*inbox css end*/



/*design changes after 22/06/2016*/

.no-dashboard .uom_form {
    margin-top: 0;
}

.no-dashboard .row-offcanvas {
    margin-top: 0;
}

.form-group.has-error .help-block {
    display: block;
}

.uom_form .iconic-form .form-group.label-floating.floating-dropdown .control-label, .form-group.label-floating.floating-dropdown .control-label {
    display: inline-block;
    top: -10px;
    left: 15px;
    font-size: 12px;
}

.uom_form .custom-table {
    padding-top: 10px;
}

.modal {
    top: 50px;
}

    .modal .modal-footer .btn, .modal .modal-footer .btn:hover, .modal .modal-footer .btn:focus {
        outline: none;
        color: #fff !important;
    }

.upper-filter-block {
    z-index: 3;
}


.uom_form .panel-group .panel + .panel {
    margin-top: 0;
}

#dropZone {
    position: relative;
    background: #eaeaea !important;
    width: 100% !important;
    border: 2px dotted #666;
    width: 100% !important;
    padding: 20px !important;
    color: #666 !important;
}

#inputFile4 {
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
}

.photo-upload.modal {
    top: 80px;
}

#uploadResult {
    padding: 0;
    list-style-type: none;
    display: block;
    width: 100%;
    margin: 10px 0;
}

    #uploadResult li {
        display: block;
        padding: 10px;
    }

.uploaded-icon {
}

.uploaded-file-name {
}

.modal {
    top: 50px;
}

    .modal .modal-footer .btn, .modal .modal-footer .btn:hover, .modal .modal-footer .btn:focus {
        outline: none;
        color: #fff !important;
    }

.upper-filter-block {
    z-index: 3;
}

.form-group.color-picker-grp .form-control {
    padding-bottom: 0;
    border: none;
}
/*.color-picker-overlay { position: absolute; left: 45px; right: 15px; background: #fff; z-index: 3; top: 11px; bottom: 4px;} */
.color-picker-overlay {
    position: absolute;
    left: 14px;
    right: 15px;
    background: #646464;
    z-index: 3;
    top: 36px;
    bottom: 4px;
    height: 1px;
}

.form-group.floating-dropdown {
    height: 38px;
}

    .form-group.floating-dropdown .form-control {
        color: #656565;
    }

.floating-dropdown.form-group .form-control::-webkit-input-placeholder {
    color: #656565;
}

.floating-dropdown.form-group .form-control:-moz-placeholder { /* Firefox 18- */
    color: #656565;
}

.floating-dropdown.form-group .form-control::-moz-placeholder { /* Firefox 19+ */
    color: #656565;
}

.floating-dropdown.form-group .form-control:-ms-input-placeholder {
    color: #656565;
}

.set-dropdown-icon {
    right: 15px;
}

.form-group.phone-num-grp {
}

.country-code-input {
    width: 25%;
    float: left !important;
    display: inline-block;
}

.phone-num-input {
    width: 70%;
    margin-left: 5%;
    float: left;
    display: inline-block;
}

.phone-num-grp.form-group .control-label {
    display: inline-block !important;
    top: -5px !important;
    font-size: 12px !important;
    padding-bottom: 0 !important;
    line-height: 0 !important;
    left: 15px !important;
}

.phone-num-grp.form-group input[type=number]::-webkit-inner-spin-button, .phone-num-grp.form-group input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.radio input[type=radio]:checked ~ .check, label.radio-inline input[type=radio]:checked ~ .check {
    background-color: #3f51b5;
}

.radio input[type=radio]:checked ~ .circle, label.radio-inline input[type=radio]:checked ~ .circle {
    border-color: #3f51b5;
}

.form-group .checkbox label, .form-group .radio label, .form-group label {
    color: #656565 !important;
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
}

    .rating > span {
        display: inline-block;
        position: relative;
    }

        .rating > span:hover:before, .rating > span:hover ~ span:before {
            content: "\2605";
            position: absolute;
        }

.review-block {
    display: block;
    text-align: left;
    font-size: 22px;
}

    .review-block h4 {
        display: block;
        font-weight: bold;
        text-align: left;
        font-size: 14px;
        color: #656565;
        margin: 0;
    }

    .review-block span {
        color: #e7c300;
    }

    .review-block .rating {
        margin-bottom: 15px;
    }

.rating > span:hover:before, .rating > span:hover ~ span:before {
    content: "\2605";
    position: absolute;
    font-size: 31px;
    line-height: 28px;
    left: -3px;
}

.progress-block {
    margin-top: 10px;
}

    .progress-block h4 {
        display: block;
        font-weight: bold;
        text-align: left;
        font-size: 14px;
        color: #656565;
        margin: 0;
        margin-bottom: 10px;
    }

    .progress-block .progress {
        height: 15px;
    }

.floating-more-btn.fixed-floating-btn {
    position: fixed;
    right: 20px;
    bottom: 20px;
    padding-top: 7px;
}

.dataTable .delete-action {
    padding: 0;
    float: left;
}

.dataTable tr td .select, .dataTable tr td input {
    width: 100%;
    padding: 3px;
}

table.dataTable thead th, table.dataTable thead td {
    padding-left: 10px;
}

.uom_form .panel-group { /*margin-top: 20px;*/
}

    .uom_form .panel-group .panel-default {
        box-shadow: none; /*border: 1px solid #ddd;*/
        /*background: #fff;*/
    }

        .uom_form .panel-group .panel-default .panel-heading {
            background: #fff;
        }

.uom_form {
    box-shadow: none;
    background: #ffffff;
}

    .uom_form.listing_grid {
        background: transparent;
    }

.dataTables_filter label {
    color: #656565;
    position: relative;
    width: 300px;
    text-align: left;
}

.dataTables_length label {
    color: #656565;
    margin-top: 10px;
}

.dataTables_filter label input {
    border: none;
    box-shadow: none;
    background: none;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    color: #656565;
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    margin-left: 0px !important;
    padding-left: 70px !important;
    line-height: 22px;
}

.dataTables_length label select {
    color: #656565;
    background: transparent;
    border: none;
    border-bottom: 1px solid #656565;
}

.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: transparent !important;
    transition: 0.4s;
}


.uom_form h4.title {
    background: #c1c1c1;
    color: #3d3d3d;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px;
    line-height: 35px;
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

    .uom_form h4.title span {
        float: left;
    }

.uom_form .custom-table {
    background: transparent;
    padding: 0;
}

.upper-filter-block {
    position: static;
    margin-top: 0; /*changes by vishal*/
    margin-bottom: 15px;
}

.custom-table .dataTables_wrapper .top {
    position: absolute;
    right: 20px;
    top: -45px;
}

.custom-table .dataTables_wrapper .table { /* change vishal margin-top:15px; */
    background: #fff;
    border: 1px solid #bfbfbf;
    box-shadow: none;
    width: 100% !important;
}

    .custom-table .dataTables_wrapper .table tr td {
        border-top: 1px solid #bfbfbf;
    }

    .custom-table .dataTables_wrapper .table tr th, .custom-table .dataTables_wrapper .table tr th.sorting {
        /*height: 45px;*/
        vertical-align: middle;
        padding: 9px 5px 7px 10px;
        font-family: @fontrobotomedium;
        font-size: 16px;
        display: table-cell;
        padding-right: 18px;
    }

.custom-table .dataTables_wrapper .bottom, .uom_form .custom-table .dataTables_wrapper .bottom, .dataTables_wrapper .bottom {
    background: #fff;
    padding: 10px 15px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.btn-positive {
    background-color: @positivecolor !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.btn-negative {
    background-color: @negativecolor !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.btn-partial {
    background-color: @partialcolor !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.btn-positive2 {
    background-color: @partialcolor !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.color-positive {
    color: @positivebtncolor !important;
}

.color-negative {
    color: @negativebtncolor !important;
}

.attachment-black-overlay {
    background: rgba(0,0,0,0.6);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: none;
    z-index: 7;
}

.flaoting-attachment-grp .floating-attachment-btn {
    background: @themebackground !important;
    color: #fff;
}

.flaoting-attachment-grp {
    position: absolute;
    bottom: -20px;
    right: 40px;
    z-index: 7;
}

    .flaoting-attachment-grp .floating-btn-grp {
        position: absolute;
        right: 0px;
        transition: 0.5s;
        padding: 0;
    }

        .flaoting-attachment-grp .floating-btn-grp.opened {
            bottom: 40px;
            z-index: 2;
        }

        .flaoting-attachment-grp .floating-btn-grp.closed li {
            opacity: 0;
            z-index: -1;
        }

        .flaoting-attachment-grp .floating-btn-grp.opened li {
            opacity: 1;
        }

        .flaoting-attachment-grp .floating-btn-grp li {
            list-style-type: none;
            margin: 5px 0;
            position: relative;
        }

            .flaoting-attachment-grp .floating-btn-grp li span {
                position: absolute;
                right: 60px;
                top: 8px;
                font-size: 18px;
                color: #fff;
                min-width: 130px;
                text-align: right;
            }

            .flaoting-attachment-grp .floating-btn-grp li:nth-child(6) {
                transition: 0.1s;
            }

            .flaoting-attachment-grp .floating-btn-grp li:nth-child(5) {
                transition: 0.2s;
            }

            .flaoting-attachment-grp .floating-btn-grp li:nth-child(4) {
                transition: 0.3s;
            }

            .flaoting-attachment-grp .floating-btn-grp li:nth-child(3) {
                transition: 0.4s;
            }

            .flaoting-attachment-grp .floating-btn-grp li:nth-child(2) {
                transition: 0.5s;
            }

            .flaoting-attachment-grp .floating-btn-grp li:nth-child(1) {
                transition: 0.6s;
            }

            .flaoting-attachment-grp .floating-btn-grp li a.btn-fab, .flaoting-attachment-grp .floating-btn-grp li a.btn-fab:hover, .flaoting-attachment-grp .floating-btn-grp li a.btn-fab:focus {
                width: 45px;
                height: 45px;
                min-width: 45px;
                min-height: 45px;
                padding: 4px;
                background: #fff !important;
                border: 1px solid @themebackground;
                border-radius: 50%;
                display: block;
            }

    .flaoting-attachment-grp .floating-attachment-btn.btn-fab, .flaoting-attachment-grp .floating-attachment-btn.btn-fab:hover, .flaoting-attachment-grp .floating-attachment-btn.btn-fab:focus {
        color: @themebackground !important;
        background: @themebackground !important;
        width: 47px;
        height: 47px;
        padding: 10px;
        min-width: 47px;
        min-height: 47px;
    }

    .flaoting-attachment-grp .floating-attachment-btn i {
        font-size: 25px !important;
        color: #fff;
    }

    .flaoting-attachment-grp .btn.btn-raised.btn-primary, .flaoting-attachment-grp .input-group-btn .btn.btn-raised.btn-primary, .flaoting-attachment-grp .btn.btn-fab.btn-primary, .flaoting-attachment-grp .input-group-btn .btn.btn-fab.btn-primary, .flaoting-attachment-grp.btn-group-raised .btn.btn-primary, .flaoting-attachment-grp .btn-group-raised .input-group-btn .btn.btn-primary {
        background: @themebackground !important;
    }

    .flaoting-attachment-grp .floating-btn-grp li a {
    }

        .flaoting-attachment-grp .floating-btn-grp li a i {
            font-size: 24px;
            padding: 6px;
            color: @themebackground !important;
        }

.uom_form.otm {
    background: transparent;
    padding: 00px;
    padding-top: 0;
}

    .uom_form.otm .custom-form {
        background: #fff;
        padding: 0;
    }

    .uom_form.otm .custom-table .dataTables_wrapper .table tr td input, .uom_form.otm .custom-table .dataTables_wrapper .table tr td select {
        background: #ededed;
        box-shadow: none;
        border: 1px solid #ccc;
    }
/*uday css on 2016/08/11*/

.call_color {
    color: #a4c639 !important;
}

.fb_color {
    color: #3b5998 !important;
}

.whatapp_color {
    color: #43d854 !important;
}

.viber_color {
    color: #59267c;
}

.linkd_color {
    color: #0077b5 !important;
}

.skype_coloir {
    color: #00aff0 !important;
}


.bg_new {
    background: none !important;
}

.cur_top_pad_10 {
    padding: 20px 0px !important;
}

.marg_left_padd {
    margin-left: 0px !important;
}

.bg_none_select {
    background: none !important;
}

.bg_white_select {
    background: #fff !important;
}

.page-breadcrumbs li a:hover, .page-breadcrumbs li a:focus {
    text-decoration: underline !important;
}

.line_padd_new {
    width: 100%;
    left: 0px !important;
}
/*uday css end*/
.uom_form.otm .panel-group {
    float: left;
    width: 100%;
    padding: 20px 0;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 15px;
}

.footer-btn-grp {
    border-top: 1px solid #ccc;
    float: right;
    width: 100%;
    text-align: right;
    padding: 10px;
}

.uom_form .custom-form {
    background: #fff;
}

.close-action, .close-action:hover, .close-action:focus {
    border-radius: 2px;
    position: relative;
    z-index: 2;
    display: inline-block;
    font-size: 18px;
    padding: 4px;
    color: #ff3300;
    font-weight: bold;
}

.grid-add-btn {
    margin: 0;
}

    .grid-add-btn .btn, .grid-add-btn .btn :hover, .grid-add-btn .btn :focus {
        margin: 0;
        background: #3b8a42 !important;
        color: #fff;
    }

        .grid-add-btn .btn i {
            margin-right: 4px;
        }


.custom-table table th.sorting_asc, .custom-table table th.sorting_desc {
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #656565;
}

.custom-table table th {
    height: 20px;
    position: relative;
    font-weight: normal !important;
}

    .custom-table table th.sorting {
        font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #656565;
    }





.rol-data-block {
    border: 1px solid #c1c1c1;
    background: #fff;
}

    .rol-data-block .table {
        border: 1px solid #dadada;
    }

        .rol-data-block .table tr th {
            font-weight: normal;
            font-size: 16px;
            font-family: @fontrobotoregular;
        }

.dropdownjs::after {
    top: -3px;
}

.subpage-swiper .swiper-wrapper {
    background-color: #f5f5f5;
}

.login-form {
    float: left;
}

#forgot-password, #otpforgot-password {
    margin-bottom: 10px;
}

.photo-upload .modal-body .capture-btn, .photo-upload .modal-body .record-btn, .photo-upload .modal-body .pouse-btn, .photo-upload .modal-body .stop-btn, .photo-upload .modal-body .auido-btn,
.photo-upload .modal-body .capture-btn:hover, .photo-upload .modal-body .record-btn:hover, .photo-upload .modal-body .pouse-btn:hover, .photo-upload .modal-body .stop-btn:hover, .photo-upload .modal-body .auido-btn:hover,
.photo-upload .modal-body .capture-btn:focus, .photo-upload .modal-body .record-btn:focus, .photo-upload .modal-body .pouse-btn:focus, .photo-upload .modal-body .stop-btn:focus, .photo-upload .modal-body .auido-btn:focus {
    background: #ccc;
    width: auto;
    display: inline-block;
    border-radius: 50%;
    padding: 1px 8px 1px 9px;
    font-size: 18px;
    float: left;
    margin-right: 10px;
}

.custom-table .edit-action, .custom-table .edit-action:hover, .custom-table .edit-action:focus {
    color: #5bc0de;
    background: transparent;
    font-size: 18px;
}

.dataTables_length label .dropdownjs {
    display: inline-block;
}

.table-filters {
    padding: 10px 0;
    float: left;
}

    .table-filters .dropdownjs {
        width: 200px;
        float: left;
        background: transparent;
    }

        .table-filters .dropdownjs .select {
            background: transparent;
            box-shadow: none;
            border: none;
            border-bottom: 1px solid #ccc;
        }

        .table-filters .dropdownjs ul li {
            padding: 5px;
        }

.row-expand, .row-expand:hover, .row-expand:focus {
    display: inline-block;
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 10px;
    top: 5px;
    font-size: 26px;
    text-decoration: none;
    cursor: pointer;
}

.open .row-expand::before {
    content: '\f2f2';
}

.closed .row-expand::before {
    content: '\f2f6';
}

.show-row .row-expand::before {
    content: '\f26d';
}

.show-row .row-expand {
    font-size: 9px;
    top: 15px;
}

.rol-data-block table tr th, .rol-data-block table tr td {
    position: relative;
    padding-left: 30px;
}

.alert {
    position: fixed;
    right: 0;
    left: 0;
    margin-left: 25%;
    width: 50%;
    border-radius: 0;
    opacity: 1;
    top: 0;
    bottom: auto;
    z-index: 1200;
    padding-right: 165px;
}

.show-row {
    display: table-row;
    background: #f2f2f2;
}

    .show-row td:first-child {
        text-indent: 15px;
    }

tr.open {
    background: #f2f2f2;
}

.hide-row {
    display: none;
}

.custom-table table tr th:first-child {
    text-align: center;
}

.iconic-form .field-icn {
    position: absolute;
    top: 8px;
    font-size: 18px;
    color: #656565;
    z-index: 5;
}

.uom_form .iconic-form .form-group.label-floating label.control-label, .uom_form .iconic-form .form-group.label-placeholder label.control-label {
    left: 40px;
}

.iconic-form .dropdownjs {
    background: transparent;
}

    .iconic-form .dropdownjs input {
        padding-left: 22px;
    }

.iconic-form .form-group .form-control {
    padding-left: 22px;
}

.uom_form .iconic-form .form-group.label-floating.is-filled label.control-label, .uom_form .iconic-form .form-group.label-placeholder.is-filled label.control-label,
.uom_form .iconic-form .form-group.label-floating.is-focused label.control-label, .uom_form .iconic-form .form-group.label-placeholder.is-focused label.control-label {
    padding-left: 0;
}

.uom_form h4 {
    margin-bottom: 0px;
}

.custom-form.iconic-form .form-group .dropdownjs {
    border-bottom: 1px solid #656565;
}

.custom-form.iconic-form .is-focused.form-group .dropdownjs {
    border-bottom: 1px solid @themebackground;
}

.form-group.floating-dropdown input {
    color: #656565;
}

.floating-dropdown.form-group input::-webkit-input-placeholder {
    color: #656565;
}

.floating-dropdown.form-group input:-moz-placeholder { /* Firefox 18- */
    color: #656565;
}

.floating-dropdown.form-group input::-moz-placeholder { /* Firefox 19+ */
    color: #656565;
}

.floating-dropdown.form-group input:-ms-input-placeholder {
    color: #656565;
}

.uom_form .iconic-form .floating-dropdown.form-group.label-floating label.control-label, .uom_form .iconic-form .floating-dropdown.form-group.label-placeholder label.control-label {
    padding-left: 0;
}

.custom-form.iconic-form .form-group .dropdownjs input {
    padding-left: 22px;
}

.form-group.is-focused .control-label, .form-group.is-focused .field-icn {
    color: @themebackground !important;
}

.iconic-form .form-group.label-floating label.control-label, .iconic-form .form-group.label-placeholder label.control-label {
    left: 35px;
    top: 8px;
    font-size: 16px;
}

.iconic-form .is-focused.form-group.label-floating label.control-label, .iconic-form .is-focused.form-group.label-placeholder label.control-label,
.iconic-form .is-filled.form-group.label-floating label.control-label, .iconic-form .is-filled.form-group.label-placeholder label.control-label {
    left: 15px;
    top: -5px;
    font-size: 13px;
}



.photo-upload .modal-header {
    padding-top: 20px;
}

.upload_btn_grp {
    display: inline-block;
}

.photo-upload .modal-header .close {
    color: @themebackground;
    font-size: 24px;
}

.extra-file-upload {
    padding: 0;
}

    .extra-file-upload li {
        display: inline-block;
        margin-right: 5px;
    }

        .extra-file-upload li a, .extra-file-upload li a:hover, .extra-file-upload li a:focus {
            padding: 0;
            background: @themebackground;
            border-radius: 50%;
            font-size: 22px;
            width: 40px;
            height: 40px;
            display: inline-block;
            text-align: center;
            padding-top: 4px;
            color: #fff;
        }

.attachment-icon {
    width: 100%;
    background: #eaeaea;
    color: @themebackground;
    text-align: center;
}

    .attachment-icon img {
        width: 100%;
    }

    .attachment-icon i {
        padding-top: 25px;
        padding-bottom: 25px;
        font-size: 26px;
        text-align: center;
    }

.photo-upload .upload_file_action_btn {
    color: @themebackground !important;
}

.attachment-size {
    display: block;
}

.uploaded_file_name {
    width: 100%;
    padding-right: 40px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-height: 45px;
    display: block;
    max-width: 460px;
}

.attachment-action {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    padding: 0 10px;
}

.login-select-lang {
    width: 115px;
    float: right;
}

    .login-select-lang .floating-dropdown select {
        border-bottom: none;
        background: none;
    }

/*changes done after 18th july*/
.btn-positive, .btn-negative, .btn-positive2 {
    border-radius: 20px !important;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: @themebackground;
}

.dtp div.dtp-date, .dtp div.dtp-time {
    background: @themebackground;
}

.dtp table.dtp-picker-days tr > td > a.selected {
    background: @themebackground;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: @themebackground !important;
    background: -moz-linear-gradient(top, @themebackground 1%, @themebackground 100%) !important;
    background: -webkit-linear-gradient(top, @themebackground 1%, @themebackground 100%) !important;
    background: linear-gradient(to bottom, @themebackground 1%, @themebackground 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@themebackground', endColorstr='@themebackground', GradientType=0) !important;
    color: #fff !important;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "";
}

.breadcrumb .active a {
    color: @themebackground;
}

.breadcrumb {
    background-color: transparent;
    padding: 17px 0px 0px 2px;
}

    .breadcrumb li a {
        color: gray;
        font-size: 14px;
    }

    .breadcrumb h4 {
        padding-left: 6px !important;
        background: none !important;
        color: @themebackground !important;
        text-align: inherit !important;
        font-size: 16px !important;
        font-weight: normal !important;
        line-height: none !important;
    }

.vjs-control-bar {
    bottom: -40px !important;
    background-color: rgba(0,0,0,0.0) !important;
}

    .vjs-control-bar .vjs-control {
        border-radius: 50%;
        background: #000;
        padding: 0 !important;
        display: inline-block;
        float: left;
        width: 32px !important;
        height: 32px !important;
        margin-right: 8px !important;
    }

        .vjs-control-bar .vjs-control:before {
            top: 1px;
            left: 0px;
            margin-top: 1px;
            position: static !important;
        }

.myImage-dimensions {
    margin-bottom: 10px;
}

.disable-overlay {
    position: fixed;
    z-index: 988;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0);
    display: block;
}



/* New CSS for Dashboard menu starts*/

.cd-dropdown-content .cd-secondary-dropdown a i {
    padding-right: 10px;
}

.cd-dropdown-content > .has-children a {
    text-transform: uppercase;
}

    .cd-dropdown-content > .has-children a img {
        margin: 8px 10px 0 0;
        float: left;
        width: 35px;
        text-align: center;
    }

header {
    background: @themebackground;
    height: 50px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    float: left;
    width: 100%;
}

    header .cd-dropdown-trigger {
        float: left;
    }

.header_dropdown {
    margin: 0px;
    float: right;
    height: 50px;
    width: 200px;
}

    .header_dropdown .btn {
        width: 200px;
        height: 50px;
        float: left;
        line-height: 40px;
        color: @themebackground !important;
        text-align: left;
        box-shadow: none !important;
        border-radius: 0px;
        padding: 5px 15px !important;
    }

        .header_dropdown .btn i {
            float: right;
            font-size: 25px;
            margin-top: 8px;
        }

    .header_dropdown ul.dropdown-menu {
        width: 200px;
        margin: 0px;
    }

    .header_dropdown .dropdown-menu > li {
        height: 45px;
        border-bottom: 1px solid #f1f1f1;
        padding: 0 10px;
        font-size: 14px;
        color: #4e4e4e;
    }

    .header_dropdown ul li a i {
        float: left;
        font-size: 25px;
        line-height: 40px;
        margin: 0 10px 0 5px;
        color: @themebackground;
        width: 25px;
    }

.dropdown-menu > li > a {
    line-height: 40px;
    float: left;
    padding: 0px;
    font-size: 18px;
    color: #4e4e4e;
    font-family: @fontrobotoregular;
}

.notification {
    float: right;
    height: 50px;
    position: relative;
    width: 60px;
    text-align: center;
}

    .notification i {
        color: #ffffff;
        font-size: 25px;
        padding: 12px 0;
        margin-right: 20px;
    }

    .notification > span {
        background: #ff0000;
        border-radius: 50%;
        color: #ffffff;
        font-size: 10px;
        height: 20px;
        padding: 1px 0 0;
        position: absolute;
        right: 18px;
        text-align: center;
        top: 4px;
        width: 20px;
    }

.searchbtn {
    float: right;
    height: 50px;
    position: relative;
    width: 50px;
    text-align: center;
}

    .searchbtn i {
        color: #ffffff;
        font-size: 25px;
        padding: 12px 0;
        width: 100%;
    }

    .searchbtn > span {
        background: #ff0000;
        border-radius: 50%;
        color: #ffffff;
        font-size: 12px;
        height: 20px;
        padding: 4px 0 0;
        position: absolute;
        right: 18px;
        text-align: center;
        top: 4px;
        width: 20px;
    }

.profilephoto {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    float: left;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
    margin: 0px 5px 0 0;
}

    .profilephoto img {
        width: 100%;
        float: left;
        height: 100%;
        max-width: 100%;
        max-height: 100%;
        border-radius: 50%;
    }

.mobile {
    float: right;
    width: 20px;
}

    .mobile .btn {
        width: 20px;
        float: right;
        background: none;
        background-color: transparent !important;
    }

        .mobile .btn i {
            color: #ffffff !important;
        }

    .mobile .dropdown-menu {
        left: auto;
        right: 0px;
    }

.header_title {
    color: #ffffff;
    font-size: 20px;
    line-height: 50px;
    padding-left: 10px;
}

.top-header .business_name label {
    font-size: 15px;
}

.header_title label {
    color: #ffffff;
    font-size: 20px;
    line-height: 50px;
    padding-left: 10px;
}

.cd-dropdown-content .cd-secondary-dropdown {
    width: 900px;
    overflow-y: auto;
}

.header_dropdown > a.btn.btn-default.btn-raised {
    width: 200px;
    height: 50px;
    float: left;
    line-height: 40px;
    color: @themebackground !important;
    text-align: left;
    box-shadow: none;
    border-radius: 0px;
    padding: 5px 15px !important;
    background: #fff;
}

/* New CSS for Dashboard menu ends*/



.page-breadcrumbs {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}

    .page-breadcrumbs li {
        display: inline-block;
        float: left;
    }

        .page-breadcrumbs li a, .page-breadcrumbs li a:hover, .page-breadcrumbs li a:focus {
            color: #656565;
            text-decoration: none;
        }

        .page-breadcrumbs li i {
            margin-left: 5px;
            margin-right: 5px;
        }

        .page-breadcrumbs li.active i {
            display: none;
        }

        .page-breadcrumbs li.active a {
            color: @themebackground;
        }



.form-group .profilepic {
    width: 150px;
    height: 150px;
}

.no-padding {
    padding: 0px;
    margin: 0px;
}

    .no-padding img {
        width: 50px !important;
        height: 50px !important;
    }

.no-pad {
    padding: 0px;
    margin: 0px;
}

.custom-form-2 .form-group {
    /*padding-right: 45px;*/
}

    .custom-form-2 .form-group select {
        margin: 3px 0px 0px 0px;
    }

.custom-form-2 .label-floating {
    margin: 0px 0px 0px 0px;
}

.custom-form-2 .selection .field-icn {
    top: 25px;
}

.custom-form-2 .set-dropdown-icon {
    right: 20px;
}

.cst-select {
    font-size: 15px !important;
}

    .cst-select option {
        color: black;
    }


.btn-positive i, .btn-negative i {
    margin-right: 5px;
}

.entry-form {
    min-height: 440px;
    position: relative;
}

    .entry-form .flaoting-attachment-grp {
        bottom: 70px;
    }

#filter_option .modal-body {
    padding: 0;
    padding-bottom: 25px;
    float: left;
    width: 100%;
}

    #filter_option .modal-body .custom-form {
        padding-top: 0;
        padding-bottom: 0;
    }

        #filter_option .modal-body .custom-form .form-group {
            margin-bottom: 0;
        }

#filter_option .modal-footer {
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #656565;
    /*text-align: center;*/
}

    #filter_option .modal-footer .btn, #filter_option .modal-footer .btn:hover, #filter_option .modal-footer .btn:focus {
        padding: 6px 25px;
    }

.top-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 7;
    box-shadow: none;
}

.cd-dropdown-content {
    list-style-type: none;
    padding: 0;
}

.has-children ul {
    padding: 0;
    padding-top: 20px;
}

.cd-secondary-dropdown li a {
    cursor: pointer;
}

.attachement-form {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.profile-entry {
    width: 8%;
}

.profile-data-entry {
    width: 25.33333333%;
}

.date-icn {
    right: 5px;
}

.uom_form .iconic-form .form-group.label-floating.floating-dropdown .control-label, .form-group.label-floating.floating-dropdown .control-label, .iconic-form .floating-dropdown.form-group.label-floating label.control-label, .iconic-form .floating-dropdown.form-group.label-placeholder label.control-label {
    display: inline-block !important;
    top: -6px !important;
    left: 15px !important;
    font-size: 12px !important;
}

.filter_modal .iconic-form .form-group.label-floating label.control-label, .filter_modal .iconic-form .form-group.label-placeholder label.control-label {
    max-width: 83%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.custom-form-2 .form-group {
    margin-bottom: 10px;
    margin-top: 0;
}

    .custom-form-2 .form-group.floating-dropdown {
        margin-top: 15px;
    }

.cd-secondary-dropdown.is-active {
}

.cd-secondary-dropdown.fade-out {
    display: none !important;
}

.filter_modal .modal-title {
    color: #656565;
    font-weight: 400;
}

.filter_modal .modal-header .close {
    color: @themebackground;
    opacity: 1;
}

.custom-form .form-group .dropdownjs ul {
    max-height: 280px !important;
}

.custom-form-2 .form-group.floating-dropdown input {
    color: @themebackground;
}

.custom-table .dataTables_wrapper .table tr td img {
    max-height: 50px;
    max-width: 50px;
}

.custom-form-2 .iconic-form .field-icn {
    color: @themebackground;
}

.listview-block {
    display: block;
    padding: 0;
    list-stytle-type: none;
}

    .listview-block li {
        display: block;
        background: #fff;
        padding: 10px;
        margin-bottom: 15px;
    }

.list-right-data {
    padding-right: 100px;
    position: relative;
}

    .list-right-data .floating-data {
        position: absolute;
        top: 10px;
        right: 15px;
    }

    .list-right-data label {
        display: block;
        color: #656565;
        margin-top: 5px;
    }

    .list-right-data .listing-action {
        color: @themebackground;
        text-decoration: none;
    }

.list-profile {
    width: 80%;
    text-align: center;
    background: #ccc;
    border-radius: 50%;
    border: 1px solid #ccc;
}

    .list-profile img {
        width: 100%;
        border-radius: 50%;
        border: 1px solid #ccc;
    }

    .list-profile.char {
        text-align: center;
        padding: 25%;
    }

.text-foldername {
    width: 100%;
    padding: 4px;
}

.inbox-attachment {
    top: 60px;
    bottom: auto;
}

.has-attachement {
    float: right;
    padding: 10px;
    font-size: 20px;
}

.footer-btn-grp {
    text-align: right;
    border-top: 1px solid #666;
    margin: 30px 0;
    padding: 15px 0;
}

.signature-block {
    border: 1px solid black;
    margin-top: 15px;
    height: 80px !important;
    width: 100%;
    margin-left: 15px;
}

.signature-block-Memo {
    border: 1px solid black;
    margin-top: 15px;
    height: 200px !important;
    width: 74%;
    margin-left: 15px;
}

.add-row {
    border-radius: 20px;
}
/* css comment by vishal
.two-col.country-code-grp {width: 14%;}
.two-col.phone-num-grp	  {width: 36%;}
.country-code-grp {width: 9.333333%;}
.phone-num-grp	  {width: 24%;}*/
.country-code-grp input, .phone-num-grp input {
    width: 100%;
    margin-left: 0;
}

.entry-form.two-col .profile-entry {
    width: 7%;
}

.entry-form.two-col .profile-data-entry {
    width: 43%;
}

.uom_form .custom-form .form-group.has-textbox {
    height: auto;
    padding-top: 15px;
}

#photo_capture.active .close {
    pointer-events: none;
}

.signature-relode {
    position: absolute;
    top: 15px;
    right: 0 !important;
    background: rgba(0, 0, 0, 0.2);
    padding: 3px 6px;
}

    .signature-relode, .signature-relode:hover, .signature-relode:focus {
        color: @themebackground;
    }

.custom-form-2 .signature-grp {
    display: inline-block;
    clear: both;
    position: relative;
    float: left;
    padding-right: 15px;
}

.custom-table .dataTables_wrapper .table tr td {
    position: relative;
}

    .custom-table .dataTables_wrapper .table tr td .date-icn {
        top: 10px;
        right: 10px;
    }

.page-number-show .dropdown-toggle {
    background: transparent;
    color: #333 !important;
}

/*.uom_form .custom-form-2.iconic-form .form-group.label-floating label.control-label, .uom_form .custom-form-2.iconic-form .form-group.label-placeholder label.control-label {
    color: @themebackground !important;
}*/

.custom-form-2.iconic-form .form-group .form-control {
    border-bottom-color: @themebackground;
}

.custom-form-2.iconic-form .field-icn {
    color: @themebackground;
    font-size: 24px;
    top: 2px;
}

.iconic-form .color-picker-grp.form-group .form-control {
    padding-left: 0;
}

.iconic-form .color-picker-grp.form-group.label-floating label.control-label, .iconic-form .color-picker-grp.form-group.label-placeholder label.control-label {
    left: 14px;
    top: -5px;
    font-size: 12px;
}

.rol-sub-tab {
    background: transparent;
}

    .rol-sub-tab li {
        border: 1px solid #e0e0e0;
    }

        .rol-sub-tab li a, .rol-sub-tab li a:hover, .rol-sub-tab li a:focus {
            color: #666666 !important;
        }

        .rol-sub-tab li.active {
            background: #e0e0e0;
        }

.rol-data-block {
    padding-bottom: 0;
}

.uom_form .btn-grp.footer-btn-grp {
    text-align: right;
    padding: 15px 35px 0 0;
}

.custom-form .form-group .date-icn {
    display: none;
}
/* removed as per client's suggetion*/
.form-group.is-filled .help-block.with-errors {
    color: #f44336;
}

.entry-form .form-group.is-filled .help-block {
    display: none;
}

.header_dropdown > a.btn.btn-default.btn-raised label {
    color: @themebackground;
}

.cd-secondary-dropdown {
    padding-bottom: 30px;
}

.mail-menu-list li.menu-compose {
    padding: 10px 25px;
}

    .mail-menu-list li.menu-compose a, .mail-menu-list li.menu-compose a:hover, .mail-menu-list li.menu-compose a:focus {
        padding: 10px;
        background: #4da153;
        color: #fff;
        border-radius: 20px;
        text-align: center;
    }

.inbox-block.row-offcanvas-left .sidebar-offcanvas {
    width: 20% !important;
}

.inbox-left-block .mail-menu-list li {
    background: #f4f4f4;
    padding: 15px 20px;
}

.mail-menu-list li.active {
    background: #3f51b5;
}

    .mail-menu-list li.active a, .mail-menu-list li.active a:hover, .mail-menu-list li.active a:focus, .mail-menu-list li.active a i {
        color: #fff;
    }

.inbox-left-block .mail-menu-list li a i {
    font-size: 20px;
    margin-right: 5px;
}

.mail-menu-list li a span {
    font-size: 18px;
}

.folder-listing h4 i {
    margin-right: 5px;
}

.folder-listing h4 {
    cursor: pointer;
}

.btn.btn-folder-add, .btn.btn-folder-add:hover, .btn.btn-folder-add:focus {
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    display: inline-block;
    width: 45%;
    background: #109a4e !important;
    color: #fff !important;
}

.btn.btn-folder-delete, .btn.btn-folder-delete:hover, .btn.btn-folder-delete:focus {
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    display: inline-block;
    width: 45%;
    background: #ed0606 !important;
    color: #fff !important;
}

.category-btns li.category-all {
    background: transparent !important;
    border: none;
}

    .category-btns li.category-all.active {
        border-bottom: 1px solid @themebackground !important;
    }

    .category-btns li.category-all a, .category-btns li.category-all a:hover, .category-btns li.category-all a:focus {
        color: @themebackground !important;
        font-size: 18px;
    }

.btn-group, .btn-group-vertical {
    margin: 0 !important;
}

.uom_form.otm .data-block {
    /*margin: 20px -20px -20px -20px; commet by vishal for scrolling issue */
}

.custom-form-2 .signature-grp {
    width: 280px;
}

.signature-edit-grp {
    width: 280px;
    margin-left: 15px;
}

    .signature-edit-grp img {
        width: 100%;
        margin-top: 15px;
        margin-left: 15px;
    }

    .signature-edit-grp .signature-relode {
        right: 15px;
    }

.inbox-folder-list {
    max-height: 300px;
    overflow-y: auto;
}

.category-btns li {
    border: none !important;
    margin-left: 0 !important;
}

    .category-btns li a, .category-btns li a:hover, .category-btns li a:focus {
        border-left: 1px solid #666;
    }

    .category-btns li.category-all a, .category-btns li.category-all a:hover, .category-btns li.category-all a:focus {
        border-left: 0px solid #666;
        margin-right: 10px;
    }

    .category-btns li.category-all {
        margin-right: 10px;
    }

.rating > span.current:before,
.rating > span.current ~ span:before {
    content: "\2605";
    position: absolute;
    font-size: 31px;
    line-height: 28px;
    left: -3px;
}

.dtp > .dtp-content {
    max-height: auto;
}

.uom_form .custom-form .form-group.form-disabled {
    opacity: 0.6;
    pointer-events: none;
}

.page-breadcrumbs li.effect:hover a {
    color: @themebackground;
    text-decoration: underline;
}

.upper-data-view span.que {
    display: inline-block;
    float: left;
    margin-top: 5px;
    width: 42%;
}

.list-right-data label {
    float: left;
    display: inline-block;
    width: 30%;
}

.alert-grp-btn {
    position: absolute;
    right: 15px;
    top: 5px;
    display: block;
}

    .alert-grp-btn .btn, .alert-grp-btn .btn:hover, .alert-grp-btn .btn:focus {
        float: left;
        background: #fff;
        opacity: 1;
        padding: 5px 15px;
        border-radius: 4px;
        font-size: 14px;
        margin-left: 10px;
    }

    .alert-grp-btn .cancel-btn {
        color: @negativebtncolor;
    }

    .alert-grp-btn .ok-btn {
        color: @positivebtncolor;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
}

.login-error {
    width: 100%;
    text-align: center;
    color: #f30000;
    margin-top: 20px;
    background: #fff;
    padding: 5px;
    margin-left: 5px;
    font-size: 14px;
}

#LogIn {
    padding-top: 0 !important;
}

.mail-lable {
    color: @themebackground !important;
    background: transparent !important;
}

.lable-grp .fa-exclamation-triangle {
    color: #ff2502;
    font-size: 18px;
    padding-top: 5px;
}

.mail-list-block .page-number-show {
    margin-top: 10px;
}

.form-group.is-filled .help-block.error, .form-group.is-focused .help-block.error {
    display: none !important;
}

.login-form {
    padding-bottom: 30px;
}

.uom_form .custom-form .signature-grp.form-group {
    height: auto;
}

.uom_form .panel-group .panel-default .panel-heading {
    background: transparent;
}

.login-error {
    margin-bottom: 0;
}

.dtp > .dtp-content {
    max-height: 550px;
}

.mail-list-block.compose-active {
    padding-top: 0;
}

    .mail-list-block.compose-active .action-bar {
        display: none;
    }

    .mail-list-block.compose-active .mail-listing-block {
        display: none;
    }

.compose-mail-block {
    position: static;
}

.folder-listing.active h4 span {
    color: @themebackground;
}

.no-mail {
    text-align: center;
}

.no-touch .cd-dropdown-content .cd-secondary-dropdown a {
    position: relative;
}

    .no-touch .cd-dropdown-content .cd-secondary-dropdown a i {
        position: absolute;
        left: 15px;
        top: 10px;
        font-size: 24px;
    }

    .no-touch .cd-dropdown-content .cd-secondary-dropdown a span {
        padding-left: 25px;
        width: 100%;
        height: 40px;
        display: table-cell;
        vertical-align: middle;
        line-height: 16px;
    }

.no-touch .cd-dropdown-content .cd-secondary-dropdown li.has-children > a > i {
    top: 0px;
}

.no-touch .cd-dropdown-content .cd-secondary-dropdown li.has-children > a > span {
    height: 25px;
    float: left;
    line-height: 25px;
}

.attachement-form .form-group {
    margin: 10px 0;
}

.entry-form .form-group.is-filled.has-error .help-block {
    display: block;
}

.attachement-form .capture-block .form-group input {
    color: #656565;
}

    .attachement-form .capture-block .form-group input::-webkit-input-placeholder {
        color: #656565;
    }

    .attachement-form .capture-block .form-group input:-moz-placeholder { /* Firefox 18- */
        color: #656565;
    }

    .attachement-form .capture-block .form-group input::-moz-placeholder { /* Firefox 19+ */
        color: #656565;
    }

    .attachement-form .capture-block .form-group input:-ms-input-placeholder {
        color: #656565;
    }

.video-js.vjs-controls-enabled {
    margin-bottom: 45px;
    margin-top: 10px;
}

.no-attachment {
    text-align: center;
}

.overlay-d, .overlay-nav {
    width: 100%;
    height: 100%;
    display: block;
    background: rgb(255, 255, 255);
    z-index: 7;
    position: fixed;
    /*margin-top: 1%;*/
    margin-top: 0%;
}

.overlay-nav .content {
    margin-left: 35%;
    display: block;
    float: left;
    margin-top: 15%;
    width: 100%;
}

.inbox-attachment {
    top: auto;
    bottom: auto;
    right: 75px;
}

.compose-form .form-group.btn-grp {
    margin-top: 100px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    color: transparent !important;
    width: 30px;
}

.custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: transparent !important;
}

.profile-entry.img-upload {
    margin-top: 5px;
}

.uom_form .iconic-form .is-fileinput.form-group.label-floating.is-filled label.control-label, .uom_form .iconic-form .is-fileinput.form-group.label-placeholder.is-filled label.control-label, .uom_form .iconic-form .is-fileinput.form-group.label-floating.is-focused label.control-label, .uom_form .iconic-form .is-fileinput.form-group.label-placeholder.is-focused label.control-label {
    top: -7px !important;
    font-size: 13px;
}

.category-btns li.category-red.active .line {
    display: none;
    background: #ff0000 !important;
    margin: 0 auto;
    height: 1px;
    left: 10px;
    right: 5px;
    position: absolute;
    bottom: -5px;
}

.category-btns li.category-ember.active .line {
    display: none;
    background: #ffde00 !important;
    margin: 0 auto;
    height: 1px;
    left: 10px;
    right: 5px;
    position: absolute;
    bottom: -5px;
}

.category-btns li.category-green.active .line {
    display: none;
    background: #09e36a !important;
    margin: 0 auto;
    height: 1px;
    left: 10px;
    right: 5px;
    position: absolute;
    bottom: -5px;
}

.category-btns li.active {
    position: relative;
}

.category-btns li.category-red.active .line {
    display: block;
}

.category-btns li.category-ember.active .line {
    display: block;
}

.category-btns li.category-green.active .line {
    display: block;
}

.tab-content .page-container .panel-group {
    clear: both;
    background: #fff;
}

.grid-add-btn {
    background: #eaeaea;
    padding: 15px 0;
}

.otm .custom-table .dataTables_wrapper .table {
    margin-top: 0;
}

.form-group.footer-btn-grp {
    height: auto !important;
}

.custom-table .dataTables_wrapper #ListingGrid.table tr th:first-child, .custom-table .dataTables_wrapper #ListingGrid.table tr th.sorting:first-child {
    background: none;
}

/*#ListingGridMany_2_wrapper table.dataTable thead th:first-child.sorting_asc,
.Promo-Slab-grid table.dataTable thead th.sorting_asc, .Promo-Slab-grid table.dataTable thead th.sorting {
    background: none !important;
    width: 45px !important;
}*/ /*Change for sorting datatable date:- 07/12/2016 By Vishal*/


.form-group #dropdownUser input {
    width: 100%;
    border: none;
    border-bottom: 1px solid #656565;
    padding: 5px 0px;
    color: #656565;
}

.login-form .form-group.is-filled .help-block {
    display: none;
}

.login-form .form-group.is-focused.is-empty .help-block {
    display: block !important;
    color: #ff0000;
}

/*#LogIn {
    overflow: hidden;
}*/

.login-form .form-group.is-focused .help-block {
    display: none;
}

.custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.current, .custom-table .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
}

.no-touch .cd-dropdown-trigger:hover {
    background-color: @themebackground !important;
}

.reload-icon {
    font-size: 36px;
    color: @themebackground !important;
}

.dataTables_wrapper .dataTables_processing {
    z-index: 2;
    display: inline-block;
    background: transparent;
}


/*vishal changes after 6/8/2016 */
.mrnt-45 {
    margin-top: 45px;
}

.datepicker {
    z-index: 9999 !Important;
}

.no-magr {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.middle-filter {
    margin: 10px 0px 0px 15px !important;
    top: -30px;
}

    .middle-filter .dropdownjs {
        background: none;
    }

.country-code-grp {
    width: 7.333333%;
}

.call-num-grp {
    width: 26%;
}

.has-no-country-code {
    width: 33.33%;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.grid-total-entries {
    display: inline-block;
    position: absolute;
    margin-left: 16px;
    color: #656565 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody, .dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none !important;
}

.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    white-space: -moz-pre-wrap;
    word-break: break-word;
    max-width: 180px;
}

@-moz-document url-prefix() {

    .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
        max-width: initial;
    }
}

.custom-table .req {
    color: #fe1a01;
}
/*Pre Loding*/
/* Absolute Center Spinner */
.loading, .loading-dashboard {
    position: fixed;
    z-index: 9999999999999;
    height: 2em;
    width: 2em;
    overflow: inherit;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.loading2 {
    position: fixed;
    z-index: 9999999999999;
    height: 2em;
    width: 2em;
    overflow: inherit;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.loadingforAccount {
    position: fixed;
    z-index: 9999999999999;
    height: 2em;
    width: 2em;
    overflow: inherit;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
.loading:before, .loading-dashboard:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

.loading2:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

.loadingforAccount:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading2:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loadingforAccount:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.loading:not(:required):after, .loading-dashboard:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.loading2:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

.loadingforAccount:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 2500ms infinite linear;
    -moz-animation: spinner 2000ms infinite linear;
    -ms-animation: spinner 2000ms infinite linear;
    -o-animation: spinner 2000ms infinite linear;
    animation: spinner 2000ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background: none !important;
    -webkit-box-shadow: 0 0 0px 1000px #3f51b5 inset !important;
    color: #fff !important;
}

.form-group.label-floating.col-xs-12.col-sm-6 input:-webkit-autofill {
    background: #fff;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}

.login-form .security-que .form-group.floating-dropdown .form-control {
    color: #fff !important;
}

/*Pre Loding*/

.GpsLocation .us3 {
    width: 100%;
    height: 400px;
}

.filter-app-alert-parent {
    position: relative;
}


.filter-app-alert {
    width: 7px;
    height: 7px;
    background: red;
    position: absolute;
    border-radius: 15px;
    left: 16px;
}

.profile-top-dropdown li label {
    color: #4e4e4e;
}

.login-form .remember-me {
    position: relative;
}

    .login-form .remember-me .checkbox input[type=checkbox]:checked + .checkbox-material .check {
        color: #3f51b5;
        border-color: #fff;
    }

    .login-form .remember-me .checkbox .checkbox-material .check {
        border: 2px solid rgb(255, 255, 255);
    }

    .login-form .remember-me .checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #fff;
    }

    .login-form .remember-me label input {
        /* position: absolute;
    left: -16px;*/
    }

    .login-form .remember-me label {
        color: #ffffff;
        font-size: 14px;
        position: relative;
    }
/* Start UI Multiselect */
.multi-select-drop .field-icn {
    top: 3px;
}

.form-group.floating-dropdown .ui-multiselect {
    height: 100%;
}

.form-group .ui-multiselect {
    border: none;
    box-shadow: none;
    background: none;
    border-bottom: 1px solid #656565;
    border-radius: 0px;
    font-family: @fontrobotoregular !important;
}

.ui-widget-header, ui-multiselect-checkboxes, .ui-widget-content {
    font-family: @fontrobotoregular !important;
}

.multi-select-drop .ui-multiselect span:nth-child(2) {
    margin-left: 15px;
    font-size: 16px;
    font-weight: normal;
}

.form-group .ui-icon ui-icon-triangle-1-s {
}

.form-group .ui-state-active {
    color: #656565;
}

.form-group .ui-state-default, .form-group .ui-widget-content .ui-state-default, .form-group .ui-widget-header .ui-state-default {
    color: #656565;
}

.form-group .ui-widget-header {
    background: none;
}

.form-group .ui-helper-reset, .form-group .ui-multiselect-checkboxes {
    background: #fff !important;
    max-height: 250px;
}

    .form-group .ui-multiselect-checkboxes label span {
        margin-left: 5px;
    }

.ui-multiselect-all, .ui-multiselect-none {
    display: none;
}

.form-group .ui-state-default, .form-group .ui-widget-content .ui-state-default, .form-group .ui-widget-header .ui-state-default {
    width: 100% !important;
}

.ui-helper-reset {
    background: #fff;
}

.ui-multiselect-checkboxes label span {
    margin-left: 3px;
    color: #646464 !important;
}

.ui-widget-header {
    background: #656565 !important;
    border: none !important;
}

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: none !important;
        background: #cdcdcd !important;
        font-weight: normal !important;
        color: #656565 !important;
        border-radius: 0px;
    }

    .ui-widget-header input {
        color: #656565 !important;
    }

.ui-state-default .ui-icon {
    background-image: none !important;
}

.ui-icon ui-icon-triangle-1-s {
    display: none !important;
}

.ui-multiselect-header li.ui-multiselect-close {
    color: #fff !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: none;
    background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00;
}

.ui-state-hover {
    background: none !important;
    border-bottom: 1px solid #656565 !important;
}

.ui-helper-reset {
    font-weight: normal;
}

.ui-multiselect-checkboxes label {
    float: none;
    text-align: left !important;
}
/* End UI Multiselect */
.ui-multiselect-menu {
    /* width:auto !important; */
}




/*.ui-multiselect-menu {
    width: 47%;
}
#drpBUInbox{
  width: 46% !important;
}*/
.form-group .jPicker {
    top: -26px;
    position: relative;
}

.color-picker-grp .color-picker {
    padding-left: 30px !important;
}

.scrollToTop {
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    bottom: 98px;
    right: 12px;
    display: none;
    z-index: 5;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    background-color: @themebackground;
}

    .scrollToTop i {
        font-size: 30px;
        color: #fff;
    }

    .scrollToTop:hover {
        color: @positivecolor;
    }

.check-box-upper-data {
    position: relative;
}

.check-box-upper {
    position: absolute;
    right: 12px;
}

.custom-list-view-scroll {
    overflow-y: scroll;
    height: 400px;
    overflow-x: hidden;
}

.custom-list-view.custom-list-view-scroll{
    height: 200px!important;
}


/* Added By : Aadilkhan ,--- S&D Css */
.imagedata {
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}

.outlet-img {
    padding-left: 0px;
}

.store-details {
    border: none !important;
    font-size: 15px;
}

.marg_btm_58 {
    margin-bottom: 58px;
}

.store-map-btn {
    position: absolute;
    bottom: -78px;
    right: -15px;
}

.upper-filter-block .action-grp .check-icon .fa {
    color: #3d8a43;
    font-size: 26px;
}

.upper-filter-block .action-grp .check-icon span {
    font-size: 22px;
    color: #3d8a43;
    margin-left: 5px;
}

.add_sales_item.modal-lg {
}

.add_sales_item .custom-form {
    padding: 0;
}

.custom_popup .modal-content .modal-body, .add_sales_item .modal-content .modal-body {
    padding: 0;
}

.add_sales_item .no-padding img {
    width: 30px !important;
    height: 30px !important;
}

.scheduler-form {
    padding: 0;
}

    .custom_popup .modal-header, .add_sales_item .modal-header, .scheduler-form .modal-header {
        padding: 0;
    }

        .custom_popup .modal-header .close, .add_sales_item .modal-header .close, .scheduler-form .modal-header .close {
            margin-top: 10px;
            margin-right: 10px;
        }


.bottom-outlet2 .list-summary-bottom {
    background: #fff;
    display: inline-block;
    width: 100%;
}

.custom_popup .custom-form {
    padding: 0;
}

.custom_popup h4.title, .custom_popup .modal-header {
    background: #c1c1c1;
    color: #3d3d3d;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px;
    line-height: 35px;
    margin-top: 0;
}

.uom_form .panel-collapse {
    position: relative;
}

.entry-form.one-col .flaoting-attachment-grp {
    bottom: 146px;
}

.entry-form.one-col .height_floating {
    height: 50px;
}

.floating_out_ofthebox {
    width: 100%;
    height: 90px;
    position: static;
}

    .floating_out_ofthebox .flaoting-attachment-grp {
        bottom: 0;
    }


.import_excel .is-fileinput input::-webkit-input-placeholder, .import_excel .is-fileinput input::-webkit-input-placeholder {
    color: #656565;
}

.import_excel .is-fileinput input:-moz-placeholder, .import_excel .is-fileinput input:-moz-placeholder { /* Firefox 18- */
    color: #656565;
}

.import_excel .is-fileinput input::-moz-placeholder, .import_excel .is-fileinput input::-moz-placeholder { /* Firefox 19+ */
    color: #656565;
}

.import_excel .is-fileinput input:-ms-input-placeholder, .import_excel .is-fileinput input:-ms-input-placeholder {
    color: #656565;
}
/*.entry-form.one-col .attachment-black-overlay {
    opacity:0.4
}*/



/*help block screen starts*/
.article-listing-block {
    padding: 10px;
}

.artile-detail {
    background: #ffffff;
    box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.25);
    padding: 15px 30px;
    float: left;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

    .artile-detail h4 {
        margin-top: 0;
    }

    .artile-detail .image-block {
        padding: 3px;
        text-align: center;
        font-size: 71px;
        color: #ffffff;
        font-family: @fontrobotoregular;
    }

.searchfield .input-group {
    position: relative;
    width: 100%;
}

.searchfield .input-group-btn {
    position: absolute;
    right: 20px;
    top: 7px;
}

    .searchfield .input-group-btn .btn-default {
        padding: 0px;
    }

.searchfield p:last-child {
    margin-bottom: 0;
}

.searchfield .input-group-btn .btn-default:hover, .searchfield .input-group-btn .btn-default:focus {
    background: none !important;
}

    .searchfield .input-group-btn .btn-default:hover i, .searchfield .input-group-btn .btn-default:focus i {
        color: red;
    }

.searchfield .input-group-btn .btn-default i {
    font-size: 30px;
    padding-top: 10px;
}

.searchfield {
    display: block;
    background: #fff;
    width: 100%;
    float: left;
}
/*help block screen ends*/
.form-group .audio_file {
    float: left;
    margin-left: 41px;
    margin-top: 5px;
    width: 50%;
    height: 35px;
}

.form-group .au_icon {
    font-size: 24px;
    margin-top: 10px;
}

.custom_browse .control-label {
    top: -7px !important;
    font-size: 13px !important;
    left: 15px !important;
}


table.dataTable tr td .dataTables_wrapper {
    margin-left: 20px;
}

table.dataTable tr td table {
    margin-left: 0;
}

.Promo-Slab-grid table.dataTable thead tr {
    background: #dcdcdc;
}

.Promo-Slab-grid table.dataTable tr td .dataTables_wrapper table thead tr {
    background: #f2f2f2;
}

.Promo-Slab-grid table.dataTable tr td .dataTables_wrapper table thead tr {
    height: 40px;
}

    .Promo-Slab-grid table.dataTable tr td .dataTables_wrapper table thead tr th:last-child, .custom-table .Promo-Slab-grid table.dataTable tr td .dataTables_wrapper table .table tr td:last-child {
        text-align: left;
    }

.Promo-Slab-grid table.dataTable tr td .dataTables_wrapper table {
    width: 100% !important;
}

.Promo-Slab-grid table.dataTable thead th, .Promo-Slab-grid table.dataTable thead td {
    border-color: #bfbfbf;
}

.Promo-Slab-grid .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .Promo-Slab-grid .dataTables_wrapper .dataTables_paginate .paginate_button.next {
    font-size: 0;
}

.Promo-Slab-grid .paginate_button.previous::before, .Promo-Slab-grid .paginate_button.next::before {
    font-size: 18px;
}

table.dataTable tr td .dataTables_wrapper .dataTables_wrapper table thead tr {
    background: #fff;
}

table.dataTable tr td .dataTables_wrapper .dataTables_wrapper table tr td, table.dataTable tr td .dataTables_wrapper .dataTables_wrapper table tr th {
    border: 1px solid #bfbfbf;
    padding-top: 0;
    height: 35px;
    padding-bottom: 0;
}

.Promo-Slab-grid table.dataTable.no-footer {
    border-color: #bfbfbf;
}

.custom-radio-button {
    color: #757575;
    display: block;
    position: relative;
    float: left;
}

    .custom-radio-button input[type=radio] {
        position: absolute;
        visibility: hidden;
    }

.uom_form .custom-form .form-group.custom-radio {
    height: inherit;
    margin: 0;
}

.custom-radio-button label {
    display: block;
    position: relative;
    padding: 0 0 0 34px;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    color: #656565;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
}



.custom-radio-button .check {
    display: block;
    position: absolute;
    border: 2px solid #757575;
    border-radius: 100%;
    height: 16px;
    width: 16px;
    top: 0;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}



    .custom-radio-button .check::before {
        border-radius: 100%;
        bottom: 0;
        content: "";
        display: block;
        height: 8px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        transition: background 0.25s linear 0s;
        vertical-align: middle;
        width: 8px;
        -webkit-transition: background 0.25s linear;
    }

.custom-radio-button input[type=radio]:checked ~ .check {
    border: 2px solid #3f51b5;
}

    .custom-radio-button input[type=radio]:checked ~ .check::before {
        background: #3f51b5;
    }

.custom-radio-button input[type=radio]:checked ~ label {
    color: #656565;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857;
}

.bootstrap-timepicker-widget.dropdown-menu.open.dropdown-menu {
    z-index: 99999;
}

.schedualer_text i {
    font-size: 20px;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    position: relative;
}

.custom-table .dataTables_wrapper .table tr th, .custom-table .dataTables_wrapper .table tr th.sorting {
    max-width: 180px;
}

dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    white-space: -moz-pre-wrap;
    word-break: break-word;
    max-width: 180px;
}

.in-out i {
    font-size: 17px;
}

@-moz-document url-prefix() {
    .custom-table .dataTables_wrapper .table tr th, .custom-table .dataTables_wrapper .table tr th.sorting {
        max-width: none;
    }
}

.emplyee_tab {
    padding: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

    .custom-table .dataTables_wrapper .table tr th, .custom-table .dataTables_wrapper .table tr th.sorting {
        max-width: none;
    }
}

.no-record {
    height: 100%;
    width: 100%;
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
}

.dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table {
    position: relative;
    border-left: 0;
    border-right: 0;
}

    .dataTables_wrapper.no-footer div.dataTables_scrollBody table:before {
        border: 1px solid #ccc;
        content: "";
        height: 100%;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
    }

.btn.view-btn i {
    color: #fff;
    font-size: 40px;
}

/*time record start*/
.time-record .record-rnd1 {
    background-color: #03a9f4;
    width: 120px;
    height: 120px;
    text-align: center;
    padding: 53px;
    border-radius: 78px;
    font-size: 22px;
    color: white;
    padding: 45px 0px;
    display: inline-block;
}

.time-record .record-des1 {
    margin-top: 45px;
    color: #03a9f4;
    font-size: 22px;
    display: inline-block;
}

.time-record .record-rnd2 {
    background-color: #5bae66;
    width: 120px;
    height: 120px;
    text-align: center;
    padding: 53px;
    border-radius: 78px;
    font-size: 22px;
    color: white;
    padding: 45px 0px;
    display: inline-block;
}

.time-record .record-des2 {
    margin-top: 45px;
    color: #5bae66;
    font-size: 22px;
    display: inline-block;
}

.time-record .record-rnd3 {
    background-color: #8456f7;
    width: 120px;
    height: 120px;
    text-align: center;
    padding: 53px;
    border-radius: 78px;
    font-size: 22px;
    color: white;
    padding: 45px 0px;
    display: inline-block;
}

.time-record .record-des3 {
    margin-top: 45px;
    color: #8456f7;
    font-size: 22px;
    display: inline-block;
}

.time-rec-4 {
    background: #fff;
    padding: 5px 15px 10px 15px;
    margin-top: 15px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);
    box-shadow: 0px 0px 10px 0px rgba(199,199,199,1);
}

    .time-rec-4 h4 {
        font-weight: 400;
        color: #2e2e2e;
        padding: 5px 0px 10px 0px;
        font-size: 16px;
    }

    .time-rec-4 i {
        color: #f95b45;
        font-size: 18px;
        vertical-align: middle;
        position: relative;
        top: -1px;
    }

.label-paid {
    background: #338d1d;
    font-weight: normal;
    padding: 2px 5px;
}

.label-Unpaid {
    background: #fa5b45;
    font-weight: normal;
    padding: 2px 5px;
}

.label-Partiallypaid {
    background: #ffa800;
    font-weight: normal;
    padding: 2px 5px;
}

.field-icn i {
    font-size: 18px;
    vertical-align: middle;
    color: @themebackground;
    margin: 0 5px 0 0;
}

.field-icn .label-floating {
    color: #656565;
}

.time-record-div:first-child {
    margin-top: 10px;
}

    .time-record-div:first-child .label-floating {
        font-weight: 400;
        color: #2e2e2e;
        padding: 5px 0px 10px 0px;
        font-size: 16px;
    }

.time-record-div .label-floating {
    color: #656565;
}

.time-record-div {
    margin-bottom: 5px;
    padding: 0 5px;
}

    .time-record-div:nth-child(7) {
        width: 33%;
    }

    .time-record-div:nth-child(6), .time-record-div:nth-child(7), .time-record-div:nth-child(8) {
        clear: both;
    }

    .time-record-div:nth-child(8), .time-record-div:nth-child(9), .time-record-div:nth-child(10), .time-record-div:nth-child(11) {
        width: 33%;
    }
/*time record end*/

/* End --- S&D Css */

.owl-item.highlight .slide-box, .owl-item.highlight-product .slide-box {
    border: 1px solid @themebackground;
}

.innerSlider {
    margin-top: 20px;
}

.owl-item img {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    top: 0;
}


/*Memo box start*/
.remark-from li {
    list-style: none;
}

.remark-from {
    margin: 30px 0 auto;
    display: inline-block;
    width: 100%;
    padding: 0;
}

.remark-text {
    display: block;
    padding-top: 10px;
    font-size: 16px;
    color: #656565;
}

.remark-from a:hover {
    text-decoration: none;
}

.remark-from-box i {
    font-size: 46px;
}

li.active.remark-from-box span.icon-memo11 {
    display: block;
}

li.remark-from-box span.icon-memo11 {
    display: none;
}

.icon-memo11 i {
    line-height: 15px;
}

.remark-icon, .memo-icon, .narration-icon, .signature-icon {
    display: inline-block;
    padding-top: 11px;
    color: #fff;
    border-radius: 44px;
    height: 44px;
    width: 44px;
    text-align: center;
    vertical-align: middle;
}

    .remark-icon i, .memo-icon i, .narration-icon i, .signature-icon i {
        font-size: 23px;
    }

.remark-from .panel-default {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
}

.remark-from .panel-body {
    padding: 0;
}

.remark-icon {
    background: #3777bf;
}

.memo-icon {
    background: #31aa3a;
}

.narration-icon {
    background: #9b9100;
}

.signature-icon {
    background: #f38118;
}

.memo-modal .memo-modal-text {
    /*border: 1px solid #9c9c9c;*/
    padding: 10px 0px 15px 0px;
    display: inline-block;
    width: 100%;
}

    .memo-modal .memo-modal-text .form-group {
        margin: 0px 0 0 0;
    }

        .memo-modal .memo-modal-text .form-group .form-control {
            display: inline-block;
            height: 100%;
        }

.memo-modal-list {
    border: 1px solid #9c9c9c;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    height: 100%;
}


    .memo-modal-list::-webkit-scrollbar {
        width: 12px;
    }

    /* Track */
    .memo-modal-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    /* Handle */
    .memo-modal-list::-webkit-scrollbar-thumb {
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background: rgba(230,230,230,0.8);
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
    }

        .memo-modal-list::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(230,230,230,0.4);
        }

    .memo-modal-list ul {
        list-style-type: none;
        padding: 0px 12px;
    }

        .memo-modal-list ul li:hover, .memo-modal-list ul li:hover a {
            color: #fff;
            background-color: #fa5b45;
            text-decoration: none;
        }

        .memo-modal-list ul li {
            border-bottom: 1px solid #acacac;
            padding: 5px;
        }

            .memo-modal-list ul li a {
                font-size: 19px;
                color: #5a5a5a;
            }

.cost-box1 h4 {
    font-size: 18px;
    font-weight: 400;
    padding: 5px;
}

.cost-box2 h3 {
    color: #f44336;
    font-size: 26px;
    font-weight: 400;
}

.cost-box2 {
    border: 2px solid #f44336;
}

    .cost-box2 .bottom-red {
        border-bottom: 2px solid #f44336;
        margin: 5px 30px;
    }

    .cost-box2 h3 {
        color: #f44336;
        font-size: 44px;
        font-weight: 400;
    }

.col-centered {
    float: none;
    margin: 0 auto;
}

.label-ho {
    margin: 20px 10px;
    border-bottom: 1px solid #888888;
    padding: 10px 0px;
}

    .label-ho label {
        font-size: 16px;
        color: #646464;
    }

    .label-ho i {
        font-size: 25px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .label-ho i, .label-ho .l2 {
        color: @themebackground;
    }

.memo-toggle {
    padding: 15px;
    border: 1px solid #9c9c9c;
    border-radius: 19px;
    margin-bottom: 15px;
}

    .memo-toggle .memo-footer-btn .btn.btn-negative, .memo-toggle .memo-footer-btn .btn.btn-negative:hover {
        background-color: #fa5b45 !important;
        border-radius: 20px !important;
        padding: 8px 28px !important;
        color: #fff;
    }

    .memo-toggle .memo-footer-btn .btn.btn-positive, .memo-toggle .memo-footer-btn .btn.btn-positive:hover, .memo-toggle .memo-footer-btn .btn.btn-positive:focus {
        background-color: #4da154 !important;
        border-radius: 20px !important;
        padding: 8px 30px !important;
        color: #fff;
    }

    .memo-toggle .memo-footer-btn {
        float: right;
        margin-top: 30px;
    }

.memotoggle-click {
    cursor: pointer;
}

.remark-from.active > div {
    opacity: .5;
}

    .remark-from.active > div.active {
        opacity: 1;
    }

.remark-from-box {
    position: relative;
}

    .remark-from-box .collapsed ~ span.icon-memo11 {
        display: none;
    }

    .remark-from-box span.icon-memo11 {
        display: block;
        position: absolute;
        /* bottom: -17px; */
        left: 0;
        color: #fa5b45;
        height: 6px;
        text-align: center;
        right: 0;
        bottom: 5px;
    }

.remark-from a:focus, .remark-from a:visited {
    text-decoration: none;
}

.remark-from .box-area {
    position: static;
}
/*Memo box end*/

/* CSS changes by Ripal for Sales invoice 2016/08/02 */
.SalesInvoice {
    margin-top: 15px;
    padding: 0 15px;
}

.rout-customer h3 {
    font-size: 18px !important;
    margin-left: 8px;
    display: inline-block;
}

.SalesInvoice .subpage-swiper {
    margin-top: 0;
}

.bordergray {
    border-bottom: 1px solid #e2e2e2;
    clear: both;
    margin: 10px 15px;
}

.SalesInvoice .pink_btn {
    background: #f95b45;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #d6d4d4;
    color: #fff;
    float: left;
}

    .SalesInvoice .pink_btn i {
        display: inline-block;
        font-size: 22px;
        line-height: 35px;
        margin: 0 auto;
        text-align: center;
        width: 38px;
    }

.SalesInvoice .lab_text {
    display: inline-block;
    font-size: 19px;
    margin-left: 10px;
    margin-top: -5px;
    text-align: center;
}

    .SalesInvoice .lab_text small {
        font-size: 10px;
    }

.SalesInvoice .s_name {
    display: inline-block;
    margin-left: 10px;
    margin: 0;
    vertical-align: middle;
    margin-left: 10px;
    font-size: 18px;
}

.SalesInvoice .box .s_name {
    /*width: 98%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;*/
}

.cart_green {
    font-size: 40px;
    color: #328d1e;
    position: relative;
    z-index: 0;
}

.cir_notification {
    background: #328d1e none repeat scroll 0 0;
    border: 3px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 30px;
    left: 37px;
    position: absolute;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 30px;
    z-index: 1;
}

.SalesInvoice .subpage-swiper .swiper-wrapper {
    -webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.35);
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    height: 54px;
}

    .SalesInvoice .subpage-swiper .swiper-wrapper.two-pro .swiper-slide {
        width: 50% !important;
    }

.page_cart .cir_notification {
    right: 0;
    left: inherit;
}

.page_cart .cart_green {
    float: right;
}

.pro-sale-1 .user-round {
    border: 1px solid #ccc;
    width: 70px;
    height: 70px;
    border-radius: 70px;
    overflow: hidden;
}

.SalesInvoice .subpage-swiper .swiper-slide.active {
    background: #f95b45;
    border-bottom: 2px solid #fff;
}

    .SalesInvoice .subpage-swiper .swiper-slide.active a {
        opacity: 1;
    }

.SalesInvoice .subpage-swiper .swiper-slide {
    background: #f95b45;
    border-bottom: 2px solid #f95b45;
}

    .SalesInvoice .subpage-swiper .swiper-slide a {
        opacity: 0.7;
        color: #fff !important;
        font-size: 24px;
    }

.SalesInvoice .rol-data-block {
    border: none;
    padding: 0;
    min-height: auto;
}

.SalesInvoice .white_box {
    list-style: none;
    padding: 0;
}

    .SalesInvoice .white_box li.box {
        background: #fff;
        border-radius: 3px;
        padding: 10px;
        -webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.35);
        -moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.35);
        box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.35);
        position: relative;
        display: inline-block;
        margin-bottom: 10px;
        width: 100%;
    }

        .SalesInvoice .white_box li.box.n_lable:after {
            width: 0;
            height: 0;
            /*border-top: 30px solid #5bae66;*/
            /*border-right: 30px solid transparent;*/
            position: absolute;
            content: "";
            top: 0;
            left: 0;
        }

        .SalesInvoice .white_box li.box.new_product:after {
            border-top: 30px solid #5bae66;
            border-right: 30px solid transparent;
        }

.SalesInvoice .bagdge_text {
    color: #fff;
    position: absolute;
    top: 0;
    z-index: 1;
    left: 5px;
    -ms-transform: rotate(deg);
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

.icon_red a {
    color: #ff0000;
    padding: 0 10px;
    font-size: 20px;
}

.tracking-modal input[type='text'] {
    width: 98% !important;
}

.tracking-modal .tablecheckbox {
    margin: auto 12px;
}


/*.prom-prod-itm, .prom-prod-itm .modal-content .set-dropdown-icon, .prom-prod-itm .custom-form .set-dropdown-icon, .prom-prod-itm .accounts span.set-dropdown-icon {
    background-color: #f9e8ea !important;
}

.slow-prod-itm, .slow-prod-itm .modal-content .set-dropdown-icon, .slow-prod-itm .custom-form .set-dropdown-icon, .slow-prod-itm .accounts span.set-dropdown-icon {
    background-color: #cbe3f9 !important;
}*/

.icon_green a {
    color: #328d1e;
    padding: 0 10px;
    font-size: 20px;
}

.icon_red:first-child {
    padding-left: 0;
}

.SalesInvoice .icons-set {
    margin-top: 10px;
}

.SalesInvoice .custom-form {
    padding: 0;
}

.SalesInvoice .ctn-text {
    margin-top: 45px;
}

.SalesInvoice .bottom_lab {
    font-weight: 800;
    font-size: 18px;
}

    .SalesInvoice .bottom_lab small {
        font-weight: normal;
    }

.SalesInvoice .green-txt {
    font-size: 16px;
    color: #328d1e;
}

.SalesInvoice .form-group.label-floating {
    margin-bottom: 10px;
}

.SalesInvoice .secondry-form .icn, .icn, .SalesInvoice .data-accordian .panel-default .panel-heading a, .SalesInvoice .data-accordian .panel-default .panel-heading a:hover, .SalesInvoice .data-accordian .panel-default .panel-heading a:focus, .SalesInvoice .custom-form .form-group .dropdownjs input, .SalesInvoice .custom-form .form-group .control-label {
    color: #656565 !important;
}

.SalesInvoice .checkbox input[type=checkbox]:checked + .checkbox-material .check, .SalesInvoice label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check {
    color: #f95b45;
    border-color: #f95b45 !important;
}

    .SalesInvoice .checkbox input[type=checkbox]:checked + .checkbox-material .check:before, .SalesInvoice label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #f95b45;
    }

.SalesInvoice .price_val {
    display: inline-block;
    margin-left: 10px;
}

.SalesInvoice .rout-customer .pro_name {
    width: 64%;
    display: inline-block;
    vertical-align: middle;
}

.btn.btn-raised.btn-free, .btn.btn-raised.btn-free:not(.btn-link):focus {
    background: #fa5b45;
    border-radius: 0;
}

    .btn.btn-raised.btn-free:hover {
        background: #fa5b45;
        border-radius: 0;
    }

.SalesInvoice .free-popup {
    padding: 0;
    max-height: 195px;
    overflow: auto;
}

.SalesInvoice.page-invoice .van-r-box {
    margin-top: 0;
}

.SalesInvoice.page-invoice {
    padding: 0;
}

.SalesInvoice .free-popup li {
    border-bottom: 1px solid #ccc;
    padding: 8px 10px;
    list-style: none;
}

.SalesInvoice .sales-box {
    height: 366px;
    overflow: auto;
}

.sales-box .checkbox {
    margin-right: 10px;
}

.modal-lg-extra .modal-body {
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.page-invoice.SalesInvoice .subpage-swiper .swiper-slide.active, .page-invoice.SalesInvoice .subpage-swiper .swiper-slide {
    background: #c1c1c1;
    border-bottom: 2px solid #c1c1c1;
}

    .page-invoice.SalesInvoice .subpage-swiper .swiper-slide.active {
        background: @themebackground;
        border-bottom: 2px solid #fff;
    }

        .page-invoice.SalesInvoice .subpage-swiper .swiper-slide.active a {
            color: #fff !important;
        }

    .page-invoice.SalesInvoice .subpage-swiper .swiper-slide.disable {
        opacity: 0.5;
    }

    .page-invoice.SalesInvoice .subpage-swiper .swiper-slide a {
        line-height: 35px;
        font-size: 18px;
        color: #000 !important;
    }

.page-invoice.SalesInvoice .van-l-box .img-pro img {
    border: 1px solid #ccc;
}

.sales-sign .signature-block {
    margin: 0;
}

.sales-sign .signature-relode {
    top: 0;
}
/*warehouser to van*/

.details-label {
    background: #24a9f6;
    color: #fff;
    font-size: 23px;
    padding: 15px;
    text-align: center;
}

.van-l-box .img-pro {
    padding-right: 0px;
}

    .van-l-box .img-pro img {
        border-radius: 50px;
        width: 56px;
        height: 56px;
        vertical-align: middle;
        margin-right: 5px;
        float: right;
    }

.van-l-box .pro-name {
    border-bottom: 1px solid #c1c1c1;
}

.van-to-van.van-l-box > div:last-child .pro-name {
    border-bottom: none;
}

.van-l-box .lastrow .pro-name {
    border-bottom: none;
}

.van-l-box .pro-name > span {
    line-height: 60px;
}

.van-l-box .pro-name-off {
    float: left;
}

.van-l-box .pro-name i {
    font-size: 24px;
    padding: 5px;
    color: @themebackground;
}

.data-edit, .data-delete {
    float: right;
    padding: 5px 20px !important;
}

.van-l-box .pro-name ul {
    float: right;
    list-style-type: none;
    padding: 5px;
}

.van-r-box {
    border: 1px solid #646464;
    margin-top: 10px;
}

    .van-r-box .all-van-r {
        border-bottom: 1px solid #646464;
        padding: 14px;
    }

    .van-r-box .left-van-r, .van-r-box .right-van-r {
        font-size: 16px;
    }

.total-label {
    background: #4ca153;
    color: #fff;
    font-size: 23px;
    padding: 15px;
    text-align: center;
}

.modal-lg-extra {
    width: 1200px;
}





/*warehouser to van*/
/*sales-invoice start*/
.van-l-box > .sub-product.clip-pro > .clip {
    /*top: -9px;*/
}


.clip {
    position: absolute;
    top: -13px;
    left: 25%;
    font-size: 17px;
    text-align: center;
    right: 11%;
}

.clip-3 {
    float: right;
}

.clip-1 {
    float: left;
}

.sub-product {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 100%;
    /*margin-top: -6px;*/
    float: left;
}


    .sub-product .data-edit i, .sub-product .data-delete i {
        visibility: hidden;
    }

.uom_form .custom-form .form-group.has-textbox {
    padding-top: 10px;
}
/*start vishal css s&d*/
/*.van-l-box .sub-product .clip {
    display: none;
}*/

.van-l-box .sub-product:first-child .clip {
    display: block !important;
}

/*.van-l-box .sub-product:nth-child(2) > div.clip {
    display: block !important;
}*/

.van-l-box div.row:last-child .pro-name {
    border: none;
}

.van-l-box .pro-name {
    border-bottom: 1px solid #c1c1c1;
}

/*.margine-top-20 {
    margin-top: 20px;
}*/

.sd-invoice-code .sd-1 {
    border: 1px solid #646464;
    padding: 10px;
    font-size: 16px;
    color: #727272;
    background: #4da154;
    color: #fff;
}

.ui-state-focus {
    background: transparent !important;
    border-bottom: 1px solid #656565 !important;
}

.form-group.profile-entry img {
    max-width: 50px;
    max-height: 50px;
}

.form-control.promotion-detail-edit {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.text-truncate-td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
}

.text-truncate-td-AccountReport {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}

.custom-form-2 .set-dropdown-icon {
    right: 15px;
    background: #fff;
    max-height: 28px;
}

.custom-table .dataTables_wrapper .table {
    border: none;
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(191,191,191,1);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(191,191,191,1);
    box-shadow: inset 0px 0px 0px 1px rgba(191,191,191,1);
}

.sub-product .pro-name ul li.sd-1 {
    font-size: 20px;
}

.custom-form-2 .form-group select {
    margin: 0px;
}

.iconic-form .floating-dropdown select:disabled {
    cursor: not-allowed;
}

.modal-content .set-dropdown-icon, .custom-form .set-dropdown-icon, .accounts span.set-dropdown-icon {
    background: #fff;
    max-height: 28px;
}

.prom-prod-itm .set-dropdown-icon {
    background: transparent !important;
}

/*Accounting Vouchers start*/
.account-voucher-top {
    position: relative;
    z-index: 6;
}

    .account-voucher-top .account-addrow-top {
        position: absolute;
        right: 25px;
        top: 34px;
        font-size: 30px;
    }

.account-removerow-top {
    font-size: 23px;
}

.account_voucher_table .account-addrow-top {
    position: relative;
    font-size: 23px;
}

.account_voucher_table tr input, .account_voucher_table tr select {
    width: 100%;
}
/*Accounting Vouchers end*/
/* Account table seperator */
.account_table_seperator_parent {
    position: relative;
}

.account_table_seperator {
    position: absolute;
    border-left: 1px solid #dadada;
    height: 446px;
    right: 0px;
    top: 0;
}

tfoot .account_table_seperator {
    visibility: hidden;
    height: 35px;
}

.account_table .table-scroll-head, .account_table .custome-table-scroll-account table {
    margin-bottom: 0px;
}

    .account_table .custome-table-scroll-account table label {
        color: #656565;
    }

.custome-table-scroll-report-builder {
    overflow: auto;
    display: block;
    box-sizing: border-box;
}

    .custome-table-scroll-report-builder table {
        /*width: auto !important;*/
        width: 100% !important;
        margin-bottom: 20px;
    }

        .custome-table-scroll-report-builder table > thead > tr > th {
            vertical-align: bottom;
            border-bottom: 2px solid #ddd;
            min-width: 90px;
            /*text-overflow: ellipsis;
             overflow: hidden;
             white-space: normal;*/
        }

        .custome-table-scroll-report-builder table > thead > tr > th, .custome-table-scroll-report-builder table > tbody > tr > th, .custome-table-scroll-report-builder table > tfoot > tr > th, .custome-table-scroll-report-builder table > thead > tr > td, .custome-table-scroll-report-builder table > tbody > tr > td, .custome-table-scroll-report-builder table > tfoot > tr > td {
            padding: 8px;
            line-height: 1.42857143;
            vertical-align: top;
            border: 1px solid #ddd;
        }

.custome-table-scroll-account {
    display: block;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
}
/* Account table seperator */
.scheduler_custom_popup {
    z-index: 1100 !important;
}

.cus_footer_attch_btn {
    position: relative;
    height: 65px;
    margin: 10px;
}

    .cus_footer_attch_btn .flaoting-attachment-grp {
        position: absolute;
        bottom: inherit;
        right: 0px;
        z-index: 7;
    }

        .cus_footer_attch_btn .flaoting-attachment-grp a.floating-attachment-btn {
            border-radius: 50% !important;
        }

.custom_listviewwithicon {
    float: left;
    width: 50%;
}

    .custom_listviewwithicon label.val {
        height: 21px;
    }
/*.min_height_attachment{
min-height:280px;
}*/
.login-select-lang .form-group .set-dropdown-icon {
    padding-top: 0px;
}

.image_zoom_popup {
    position: relative;
}

.image_zoom_popup_btn {
    position: absolute;
    top: 0px;
    left: 53px;
    font-size: 16px;
    font-size: 12px;
    padding: 1px 4px;
    height: 20px;
    width: 20px;
    color: @themebackground;
    cursor: pointer;
    background: #fff;
    border: 1px solid @themebackground;
    border-radius: 50%;
    display: block;
    z-index: 5;
}

.image_delete_popup_btn {
    position: absolute;
    top: 23px;
    left: 53px;
    font-size: 16px;
    font-size: 12px;
    padding: 1px 4px;
    height: 20px;
    width: 20px;
    color: @themebackground;
    cursor: pointer;
    background: #fff;
    border: 1px solid @themebackground;
    border-radius: 50%;
    display: block;
    z-index: 6;
}

.profile_popup_zoom .modal-body {
    padding: 15px;
}

.profile_popup_zoom .modal-header h4 {
    font-weight: 600;
}
/*POPUP FILTER OPTION*/
.filter_option .modal-body {
    padding: 0;
    padding-bottom: 25px;
    float: left;
    width: 100%;
}

.filter_option .modal-footer {
    clear: both;
    padding-top: 20px;
    padding-top: 20px !important;
    border-top: 1px solid #656565;
    text-align: center;
}

.filter_option .modal-footer {
    clear: both;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #656565;
    text-align: center;
}

.filter_option #myModalLabel {
    font-weight: normal;
}
/*POPUP FILTER OPTION end*/
.van-to-van .pro-name ul {
    line-height: 60px;
    padding: 0px;
}

.btn-partial-cust1 {
    background-color: #24a9f6 !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

.btn-partial-cust2 {
    background-color: #8456f7 !important;
    border-radius: 20px !important;
    box-shadow: none !important;
}

.footer-btn-grp .btn-partial-cust1, .footer-btn-grp .btn-partial-cust2 {
    border-radius: 20px !important;
    box-shadow: none !important;
}

    .footer-btn-grp .btn-partial-cust1 i, .footer-btn-grp .btn-partial-cust2 i {
        margin-right: 5px;
    }

.modal-content.entry-form, .modal-content .entry-form {
    min-height: inherit;
}

.disable-screen {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.6);
    z-index: 12;
}

.pac-container {
    z-index: 1200 !important;
}
/*horizontal scroll css*/
.data_horizontal_scroll div.dataTables_wrapper {
}

.data_horizontal_scroll .nowrap td {
    white-space: normal !important;
}

.data_horizontal_scroll .nowrap table td, .data_horizontal_scroll .nowrap table th {
    white-space: normal !important;
}

.data_horizontal_scroll #ListingGrid {
}

.data_horizontal_scroll .dataTables_scroll {
    background: #fff;
}

.data_horizontal_scroll .dataTables_wrapper .top {
    position: absolute;
    right: 20px;
    top: -45px;
}

.data_horizontal_scroll .upper-filter-block {
    min-height: 50px;
}
/*horizontal scroll css*/
/*custome swipe 3*/
.custom-swap3 .swiper-container {
    -webkit-box-shadow: 0px 3px 8px 0px rgba(204,204,204,1);
    -moz-box-shadow: 0px 3px 8px 0px rgba(204,204,204,1);
    box-shadow: 0px 3px 8px 0px rgba(204,204,204,1);
}

.custom-swap3 .swiper-slide.active {
    background: #f95b45;
    color: #fff;
    border-bottom: 2px solid white;
}

.custom-swap3 .swiper-slide {
    background: #f95b45;
    color: #fff;
}

.custom-swap3 .swiper-wrapper {
    background: #f95b45;
    color: #fff;
}

.custom-swap3 .swiper-slide a {
    color: #fff !important;
    font-size: 18px;
}

    .custom-swap3 .swiper-slide a i {
        font-size: 23px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .custom-swap3 .swiper-slide a:hover {
        color: #e8e8e8 !important;
    }

.custom-swap3-tab .customer-round {
    border: 1px solid #dadada;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 4px 1px rgba(204,204,204,1);
    -moz-box-shadow: 0px 0px 4px 1px rgba(204,204,204,1);
    box-shadow: 0px 0px 4px 1px rgba(204,204,204,1);
    margin-right: 0px;
    margin-top: 15px;
    background: #fff;
}

    .custom-swap3-tab .customer-round img {
        vertical-align: middle;
        border: 3px solid #c1c1c1;
        margin: 5px auto !important;
    }

    .custom-swap3-tab .customer-round .form-group {
        text-align: right;
    }

    .custom-swap3-tab .customer-round i {
        vertical-align: middle;
        right: 0;
        margin: 2px auto !important;
    }

.custom-swap3-tab .no-bck {
    background-color: transparent !important;
    padding: 0px 0px 0px 15px;
}

.custom-swap3-tab.swap-nobg {
    padding: 10px 0px;
    background-color: transparent !important;
    border: none;
    max-height: 500px;
    overflow-y: auto;
}
/*end custome swipe 3*/
/*rout-plan popup*/
.a_has_pointer {
    cursor: pointer;
}

.serve-iconlist {
    text-align: center;
}

    .serve-iconlist li a span {
        display: block;
    }

    .serve-iconlist li a {
    }

    .serve-iconlist li {
        padding: 5px;
        min-width: 100px;
        cursor: pointer;
    }

        .serve-iconlist li a i {
            font-size: 24px;
        }

        .serve-iconlist li a:hover {
            text-decoration: none;
        }

        .serve-iconlist li.btn-visited {
            background: #eeeeee;
            border-radius: 5px;
        }

        .serve-iconlist li.btn-disabled {
            cursor: not-allowed;
            opacity: 0.35;
            pointer-events: none;
        }

.servecustomer .footer-btn-grp {
    margin: 0px;
}

.servecustomer .custom-form {
    padding: 0px;
    margin: 0px;
}
/*end rout-plan popup*/
.modal-content .edit-pro {
    margin-top: 10px;
}
/*menu star icon*/
/*.cd-secondary-dropdown li.has-children a span{
    width:auto !important;
}*/
.menutext-name {
    width: auto !important;
}

.menu-fav-icon {
    display: table-cell !important;
    position: relative;
    padding: 0px !important;
    margin: 0px !important;
    height: 12px !important;
    width: 18px !important;
    line-height: none !important;
}

    .menu-fav-icon i {
        top: 14px !important;
        left: 5px !important;
        font-size: 19px !important;
        cursor: pointer !important;
        pointer-events: auto;
        color: #bdbdbd;
    }

    .menu-fav-icon.active i {
        color: #c0392b;
    }

.cd-secondary-dropdown .has-children ul li .menu-fav-icon {
    height: 12px !important;
    width: 25px !important;
}

    .cd-secondary-dropdown .has-children ul li .menu-fav-icon i {
        font-size: 14px !important;
    }
/*menu star icon*/
/*route change*/
.uom_form.no-backg {
    background: none !important;
}

.margin-responsive {
    margin-top: 10px;
    clear: both;
}

.no-backg .custom-form-cl-1 {
    background: #ecd1d0 !important;
}

.no-backg .sub-title {
    font-size: 18px;
    font-weight: 400;
    padding: 0px 15px;
    margin: 0px;
    color: #2e2e2e;
}

.no-backg select {
    background: none !important;
}
/*route change*/
/*report builder*/
#jqxgrid_popup input#excelExport {
    margin: 15px 30px 15px 15px;
    float: right;
    padding: 7px 15px;
    color: #fff;
}

#jqxgrid_popup .modal-content {
    border: 1px solid #656565;
}

#jqxgrid_popup .modal-header {
    padding: 0;
    margin-bottom: 10px;
}

    #jqxgrid_popup .modal-header h4 {
        background: #c1c1c1;
        color: #3d3d3d;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        padding: 5px 15px;
        line-height: 35px;
        margin-top: 0;
    }

    #jqxgrid_popup .modal-header .close {
        margin-top: 10px;
        margin-right: 10px;
        color: #000;
    }

#jqxgrid_popup #jqxgrid {
    margin: 15px;
}

#jqxgrid_popup .modal-footer {
    text-align: right;
}
/*report builder*/
/*account stock journal*/
.account_stock_journal {
    padding: 0px;
}

    .account_stock_journal table thead th, .account_stock_journal table td {
        vertical-align: middle !important;
    }
/*account stock journal*/
/*Userve Popup*/
.UnservedCustomers_withpic {
    padding: 45px 15px 30px 15px !important;
}

    .UnservedCustomers_withpic .rout-customer .customer-profile-pic {
        padding-right: 0px;
    }

    .UnservedCustomers_withpic .rout-customer img {
        width: 40px;
        height: 40px;
    }

.filter_option .modal-title {
    font-weight: normal;
}

.UnservedCustomers_withpic .rout-customer h3 {
    padding: 0px;
    margin: 10px 0px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.UnservedCustomers_withpic .rout-customer .form-group {
    margin: 0px;
}
/*Userve Popup*/
/*help screen*/
.help-screen .searchfield .search-help {
    top: 20px;
}

.help-screen .artile-detail h4 {
    font-weight: 500;
    margin-bottom: 15px;
}

.help-screen .has-attachement.floating-attachment-btn i.zmdi-attachment-alt {
    margin-top: 10px;
}

.help-screen .modal .upload_file_list .upload_file_action_btn:hover, .help-screen .modal .upload_file_list .upload_file_action_btn:focus, .help-screen .modal .upload_file_list .upload_file_action_btn:active {
    background: none !important;
}
/*help screen*/
.no-data-found {
    padding: 10px;
    margin: 10px;
    text-align: center;
}

.dashboard-favmenu .no-data-found {
    min-height: 305px;
    vertical-align: middle !important;
    line-height: 250px;
}

.top-header .header_dropdown a .profilephoto + label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 110px;
    vertical-align: middle;
}

.role-alert-text {
    color: @themebackground;
    margin-right: 10%;
}

.m-t-15 {
    margin-top: 15px;
}

.m-t-0 {
    margin-top: 0px !important;
}

.modal .add_sales_item.custom_popup label.form-control {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-head-branch-name {
    display: inline-block;
}

    .top-head-branch-name .form-group {
        margin: 0px;
        padding: 0px;
        color: #fff;
    }

        .top-head-branch-name .form-group .set-dropdown-icon {
            padding-top: 5px;
            right: 0px;
        }

    .top-head-branch-name select {
        max-width: 220px !important;
        margin: 8px 0px !important;
        background-color: transparent;
        background-image: none;
        border-bottom: 1px solid #fff !important;
        border-radius: 2px;
        padding: 5px 15px 0px 0px !important;
        color: #fff;
    }

        .top-head-branch-name select option {
            color: #656565;
        }

        .top-head-branch-name select option, .top-head-branch-name select {
            font-size: 14px !important;
            font-weight: 400 !important;
        }

table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 10px !important;
}
/*Start footer bottom fix*/
.footer-fix-bottom {
    bottom: 0;
    position: fixed !important;
    width: 100%;
    background: #fff;
    left: 0;
    margin: 0 !important;
    z-index: 6;
    padding: 5px 30px !important;
}

    .footer-fix-bottom .flaoting-attachment-grp {
        position: relative;
        left: 10px;
        display: inline-block;
        bottom: initial !important;
    }

.attachment-black-overlay {
    z-index: 6;
}

.footer-fix-bottom-margin {
    margin-bottom: 90px !important;
}

.footer-btn-grp.footer-fix-bottom {
    border-top: 1px solid #bdbdbd;
}

.footer-fix-bottom-margin .entry-form {
    min-height: initial;
}
/*Start footer bottom fix*/
/*popup iframe*/
popup_iframe .modal-dialog {
    width: 90%;
}

.popup_iframe .modal-body {
    padding: 0px;
}

.popup_iframe .modal-content {
    border-radius: 0;
}

.popup_iframe .close {
    position: absolute;
    top: -25px;
    right: -15px;
    background: #fff;
    opacity: 1;
    /* padding: 7px; */
    border-radius: 50%;
    height: 30px;
    width: 30px;
    z-index: 1;
}
/*popup iframe*/
/*24h time chart*/
.fix-h24-time {
    width: 1200px;
    margin: 0 auto;
}

.h24-time-chart {
    max-width: 1200px;
}

    .h24-time-chart .h24-1 {
        width: 49px;
        height: 40px;
        float: left;
        border-top: 1px solid #656565;
        border-bottom: 1px solid #656565;
        border-left: 1px solid #656565;
        position: relative;
    }

    .h24-time-chart .booked-by-others {
        background: #f95b45 !important;
    }

    .h24-time-chart .booked-by-me {
        background: #3d8a43 !important;
    }

    .h24-time-chart .h24-1:nth-child(even) {
        background: #fff;
    }

    .h24-time-chart .h24-1:nth-child(odd) {
        background: #eaeaea;
    }

    .h24-time-chart .h24-1-1, .h24-time-chart .h24-1-2, .h24-time-chart .h24-1-3, .h24-time-chart .h24-1-4 {
        width: 11.7px;
        height: 100%;
        float: left;
        position: relative;
    }

    .h24-time-chart .h24-1:first-child {
        border-left: 1px solid #656565;
    }

    .h24-time-chart .h24-1:last-child {
        border-right: 1px solid #656565;
    }

    .h24-time-chart .h24-1-1, .h24-time-chart .h24-1-2, .h24-time-chart .h24-1-3 {
        border-right: 1px solid #ccc;
    }

    .h24-time-chart .h24-1 span.h-label {
        position: absolute;
        bottom: -20px;
        font-size: 16px;
        left: -5px;
    }

    .h24-time-chart .h24-1 span.m-label {
        position: absolute;
        top: -15px;
        font-size: 8px;
        left: -3px;
    }

.modal-body .fix-h24-time {
    width: 835px;
}

.modal-body .h24-time-chart {
    width: 835px;
    margin: 0 auto;
}

    .modal-body .h24-time-chart .h24-1 {
        width: 34px;
        height: 35px;
        text-align: center;
        font-size: 11px;
        vertical-align: middle;
        padding-top: 7px;
    }
/*24h time chart*/
select.display-no-select {
    border: none !important;
    background: none !important;
    background-image: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: -5px !important;
}

    select.display-no-select::-ms-expand {
        display: none !important;
    }

.display-inline-block {
    display: inline-block !important;
}

#parentHorizontalTab .resp-tab-content {
    border-top-color: #c1c1c1 !important;
}

#parentHorizontalTab .box-shadow-report {
    box-shadow: none;
}

#parentHorizontalTab .select-text {
    float: none;
    text-align: center;
}

#parentHorizontalTab .under-line-table {
    margin-top: 0px;
}

#parentHorizontalTab .footer-btn-grp {
    padding: 15px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
}

.block-center .report-multiselect-full {
    padding: 15px;
    width: 100%;
}

.dashboard-favmenu .swiper-pagination {
    position: relative;
    margin-top: 3px;
}

    .dashboard-favmenu .swiper-pagination .swiper-pagination-bullet {
        margin: 0 2px;
        border: 1px solid;
        height: 8px;
        width: 8px;
    }
/*.dashboard-favmenu .swiper-slide { 
margin:0px !important;
padding:0px !important;
}*/
.dataTable tbody td, .dataTable thead th {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-name ul.product-rate-value {
    margin-top: 15px;
}

    .pro-name ul.product-rate-value li {
        font-size: 14px;
        padding-right: 0px;
    }

.dashboard-account .mail-listing-block {
    max-height: 325px;
    overflow-y: auto;
}

    .dashboard-account .mail-listing-block .media-body h4 {
        font-size: 15px;
    }

    .dashboard-account .mail-listing-block .mail-lable {
        color: #ff4026 !important;
    }

.dashboard-account .inbox-tab {
    cursor: pointer;
}

.login-block .login-form {
    margin-bottom: 30px;
}

.photo-upload .upload_file_action_btn:hover, .photo-upload .upload_file_action_btn:focus {
    background: none !important;
}

.form-group input[type=file] {
    z-index: 4;
}

.login-form .security-que .form-group.floating-dropdown select option {
    background: #fff;
}

.modal.fade.in {
    background: rgba(0, 0, 0, 0.6);
}

.modal.photo-upload .modal-footer {
    margin-top: 45px;
}

.width-100-control {
    width: 100% !important;
    display: block !important;
}

.jPicker.Container {
    z-index: 1300 !important;
    /*top: 400px!important;*/
}

.custom_popup .color-picker-grp {
    max-height: 38px;
}

.form-group.label-gender-text {
    text-align: center;
    line-height: 40px;
    background: @themebackground;
    color: #fff;
    border: 1px solid #fff;
}

    .form-group.label-gender-text label {
        color: #fff !important;
    }
/*Start changes dtatable date:- 7-12-2016*/
.Promo-Slab-grid table.dataTable thead tr {
    background: none;
}

.Promo-Slab-grid table.dataTable tr td .dataTables_wrapper table thead tr {
    background: #fff;
}

.cus_footer_attch_btn .floating-btn-grp.closed {
    display: none;
}

.Promo-Slab-grid table.dataTable thead tr th {
    font-weight: 500;
}
/*.Promo-Slab-grid table.dataTable thead tr th, .Promo-Slab-grid table.dataTable tr td {
    max-width:300px !important;
}*/
.Promo-Slab-grid .table.dataTable tr td .dataTables_wrapper .dataTables_wrapper table tr td, .Promo-Slab-grid .table.dataTable tr td .dataTables_wrapper .dataTables_wrapper table tr th {
    border-top: none;
    border-left: none;
    border-right: none;
}

.iconic-form .review-block .rating span.rtactive::before {
    content: "\2605" !important;
    position: absolute !important;
    font-size: 31px !important;
    line-height: 28px !important;
    left: -3px !important;
}

/* Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .Promo-Slab-grid table.dataTable.no-footer {
        border: 1px solid #bfbfbf !important;
        -webkit-box-shadow: none !important;
    }
}
/*End changes dtatable date:- 7-12-2016*/
/*Start Process Flow*/
.process-flow {
    border-bottom: 1px solid #ddd;
    padding: 15px;
    margin: 15px;
}

    .process-flow:nth-last-of-type(2) {
        border: none;
    }

    .process-flow .process-flow-cycle .EqHeightprocessDiv:nth-last-of-type(2) {
        display: none;
    }

    .process-flow .radio label {
        color: #656565;
        padding-left: 30px;
        font-weight: bold;
    }

    .process-flow .process-flow-cycle {
        padding: 5px 30px;
    }

        .process-flow .process-flow-cycle .process-step, .process-flow .process-flow-cycle .process-step-icon {
            margin-bottom: 15px;
            height: 95px;
        }

        .process-flow .process-flow-cycle .process-total-hour {
            padding: 15px 15px 0px 15px;
            color: #656565;
        }

        .process-flow .process-flow-cycle .process-step-hours {
            display: block;
            color: #bdbdbd;
            font-size: 14px;
        }

        .process-flow .process-flow-cycle .process-step-Details {
            font-size: 14px;
            text-align: center;
            padding: 5px 5px;
            transform: translate(-50%, -50%);
            position: absolute;
            top: 50%;
            left: 50%;
            max-height: 90px;
            width: 100%;
        }

        .process-flow .process-flow-cycle .process-step {
            border: 1px solid @themebackground;
            overflow: hidden;
            position: relative;
        }

        .process-flow .process-flow-cycle .process-step-name {
            padding: 5px 0px;
            font-size: 14px;
        }

        .process-flow .process-flow-cycle .process-step-icon {
            text-align: center;
        }

            .process-flow .process-flow-cycle .process-step-icon i {
                top: 35%;
                position: relative;
                font-size: 30px;
                color: @themebackground;
            }

.process-flow-cycle div.EqHeightprocessDiv:last-child {
    display: none !important;
}

.process-flow-cycle .EqHeightprocessDiv:last-child {
    display: none;
}

.process-step-3 {
    padding: 0px;
    border: none !important;
    font-size: 14px;
}

.process-step-Details-3 {
    height: 27px;
    border: 1px solid #0000ff;
    position: relative;
    margin-bottom: 5px;
    padding: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.process-step-Details-2 {
    height: 45px;
    border: 1px solid #0000ff;
    position: relative;
    margin-bottom: 5px;
    padding: 10px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*End Process Flow*/
/*Start POS Screen*/
/*End POS Screen*/
.pos-billing-screen {
    background: #fff;
    padding: 15px 30px;
}

    .pos-billing-screen .pos-billing-screen-left {
        border: 1px solid #dadada;
        padding: 15px;
    }

    .pos-billing-screen .display-billing-pos .pos-table-same-width {
        margin-bottom: 0px;
    }

        .pos-billing-screen .display-billing-pos .pos-table-same-width th {
            font-size: 14px;
            font-weight: normal;
        }

    .pos-billing-screen .display-billing-pos .pos-table-same-width-scroll {
        max-height: 300px;
        overflow-y: auto;
        display: block;
    }

        .pos-billing-screen .display-billing-pos .pos-table-same-width-scroll input {
            width: 100%;
        }

        .pos-billing-screen .display-billing-pos .pos-table-same-width-scroll .table-item-delete {
            color: #ff0000;
            padding: 3px 3px 2px 7px;
            margin: 0px;
            color: #fff;
        }

.display-offers-pos table tr td:first-child {
    background: #eee;
    font-weight: bold;
}

.display-billing-pos, .display-produst-pos {
    height: 400px;
}

.bg-transparent {
    background: transparent;
}

.uom_form .custom-form .iconic-form.custom-form.custom-form-2 {
    padding: 0px;
}

.modal.cust-salary-detail .modal-body {
    padding: 5px;
}

.account-form-group-date-icon {
    position: relative;
    width: 160px;
}

    .account-form-group-date-icon .date-icon {
        position: absolute;
        top: 5px;
        right: 5px;
    }

.account_stock_journal .account-form-group-date-icon .date-icon {
    position: absolute;
    top: 5px;
    right: 5px;
}

.uom_form_bg_separator {
    width: 100%;
    background: #ededed;
    height: 20px;
}

.padding-marging-bottom0 {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.account_table.account_voucher_table.account_stock_journal table td select {
    /*width:200px; for Issue 63227*/
}

.modal .popup-accorian .panel {
    box-shadow: none;
}

.modal .popup-accorian .modal-body {
    padding: 0px 15px 15px 15px;
}

.owl-wrapper-outer .img-selected-merchendis {
    max-width: 100%;
    max-height: 100%;
}

.modal .common-modal-header {
    padding: 0;
    margin-bottom: 10px;
    background: #c1c1c1;
}

    .modal .common-modal-header h4 {
        color: #3d3d3d;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        padding: 5px 15px;
        line-height: 35px;
        margin-top: 0;
    }

    .modal .common-modal-header .close {
        margin-top: 10px;
        margin-right: 10px;
        color: #000;
    }

.form-control-width50per {
    width: 50% !important;
}

.col-md-8 .pro-sale .pro-sale-1 .user-round .img-rounded {
    width: 100%;
    height: 100%;
}

.promotion-without-clip {
    border-top: 0 !important;
}

    .promotion-without-clip .img-rounded {
        margin-top: 10px;
    }

.custom-swipe-10tab .nav-tabs {
    margin-bottom: -1px;
}

    .custom-swipe-10tab .nav-tabs .swiper-slide a {
        padding: 10px 5px !important;
        font-size: 14px !important;
    }

.table-inventory-report .table-scroll-head th {
    /*width:50% !important;*/
    vertical-align: middle;
}

.table-inventory-report-sub-head {
    margin: 0;
}

    .table-inventory-report-sub-head tr td {
        border: 0;
    }

    .table-inventory-report-sub-head tr:first-child td {
        border-top: 0;
        border-bottom: 1px solid #ddd;
    }

    .table-inventory-report-sub-head .custome-table-scroll-account {
        height: 389px;
    }

.table-inventory-report .custome-table-scroll-account table tr td, .table-inventory-report .table-scroll-foot tr td {
    /*width: 16.66% !important;*/
}

    .table-inventory-report .custome-table-scroll-account table tr td:first-child, .table-inventory-report .table-scroll-foot tr td:first-child {
        /*width:50%  !important;*/
    }

.account_table.account_voucher_table.account_stock_journal td select.form-control:focus {
    box-shadow: none !important;
}

.is-filled-static .control-label {
    left: 40px !important;
    top: 13px !important;
    font-size: 16px !important;
    position: absolute !important;
}

.is-filled-static-2 .control-label {
    left: 15px !important;
    top: -5px !important;
    font-size: 13px !important;
}

.cust-overdue-tabel-heading {
    text-align: center;
    background: @themebackground;
    padding: 5px;
    color: #fff;
}

.cust-salary-detail .row4 {
    max-height: 250px;
    overflow-y: auto;
    display: block;
    width: 100%;
}

.cust-salary-detail .modal-dialog {
    width: 80%;
}

.cust-salary-detail .scroll-table {
    max-height: inherit;
}

.cust-overdue-tabel-footer {
    width: 100% !important;
    border-top: 1px solid #656565;
    padding: 10px 0px;
    margin-top: 10px;
}

.filter_modal .multi-select-drop .field-icn {
    top: 8px;
}

#filter_option .modal-body .custom-form .form-group {
    margin-bottom: 20px;
}

.filter_modal .floating-dropdown select {
    padding: 8px 0px;
}

.allpad0 {
    padding: 0;
}

.account_stock_journal table tr th, .account_stock_journal table tr td {
    padding-left: 10px;
}

.account_stock_journal .account-form-group-date-icon {
    width: 140px;
}

.reportbuild-chart {
    padding-top: 15px !important;
}

    .reportbuild-chart .tab-content {
        padding: 15px !important;
    }
/*.dataTables_wrapper tr td:first-child.details-control, .dataTables_wrapper tr th:first-child.details-control {
width:60px !important; 
}*/
.dataTables_wrapper tr td.details-control {
    background: url(../../images/icon-plus.png) no-repeat center center !important;
}

.dataTables_wrapper tr.shown td.details-control {
    background: url(../../images/icon-minus.png) no-repeat center center !important;
}

.custom_add_for_oneToMany {
    width: 40px !important;
}

.custom_edit_for_oneToMany {
    width: 60px !important;
}

.cust-time-record-pagination .custom-pagination {
    margin: 0px;
}

.cust-time-record-pagination .list-summary-bottom {
    background: none;
}

.box-shadow-report #colSelectionMainDiv .floating-dropdown select {
    margin-top: 7px;
}

.report-chart-btn {
    padding: 0;
    margin-left: -7px;
    margin-bottom: 20px;
}

    .report-chart-btn .floating_btn {
        background: #3F51B5 !important;
    }

.pointer-event-none {
    pointer-events: none;
}

.time-record-sec-two-1 {
    font-size: 20px;
    color: #fff;
    display: block;
    margin: 0;
}

.time-record-sec-two-2 {
    font-size: 13px;
    color: #fff;
    display: block;
    margin: 0;
    padding: 0px 10px;
}

.iconic-form .panel-heading .req {
    color: #fe1a01 !important;
}
/*for custome popup with threefield*/
.popup-custome-three-field .modal-dialog {
    width: 90%;
}

.popup-custome-three-field .custom-form {
    padding: 0px;
}

.popup-custome-three-field .custom-form {
    padding: 0px;
}

.popup-custome-three-field .modal-footer {
    text-align: right;
}

.popup-custome-three-field .form-group.label-floating {
    margin-bottom: 5px;
}

.popup-custome-three-field-report {
    margin-top: 30px;
    padding: 15px;
}

    .popup-custome-three-field-report .table-responsive {
        max-height: 350px;
    }

    .popup-custome-three-field-report .table-report-edit {
        padding: 0px 5px;
        color: #5bc0de;
    }

    .popup-custome-three-field-report .table-report-delete {
        padding: 0px 5px;
        color: #fa5b45;
    }

.popup-custome-three-field-save .btn-positive {
    color: #fff;
}

.popup-custome-three-field-save {
    margin: 30px -15px 0px -15px;
    padding: 15px 15px 0px 15px;
    border-top: 1px solid #bdbdbd;
    text-align: right;
}

    .popup-custome-three-field-save .btn {
        color: #fff !important;
    }
/*for custome popup with threefield*/

.Promo-Slab-grid .dataTables_scrollBody .table.custom-shadow, .Promo-Slab-grid .dataTables_scrollBody .dataTable.no-footer {
    border: 0 !important;
}

.Promo-Slab-grid .dataTables_scrollBody > table > thead th {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.table.custom-shadow tr.font-bold td {
    font-weight: bold;
}

.attachment-icon .cus-att-icon-upload {
    height: 70px;
}

    .attachment-icon .cus-att-icon-upload img {
        width: 50px;
        margin-top: 10px;
    }

.cust-signature-grp img {
    height: 80px;
    border: 1px solid black;
    width: 250px;
    margin: 15px;
}

.cust-signature-grp .signature-relode-edit {
    right: 15px !important;
}

.reportbuilder-btngrp {
    width: 50px;
    float: left;
}

.custome-foreach-bg {
    background: #fff;
    display: block;
    width: 100%;
    min-height: 100px;
    margin-top: -15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.padding-bottom0 {
    padding-bottom: 0px;
}

.report-builder-table {
    max-height: 350px;
    overflow: auto;
}

    .report-builder-table th {
        background: #e4e4e4;
    }

.report-builder-table-header {
    display: block;
    width: 100%;
}

    .report-builder-table-header h4 {
        background: #e4e4e4;
        height: 47px;
        padding: 15px 5px;
        display: block;
        margin: 0px 0px 15px 0px;
    }

.modal-error-popup .modal-header {
    margin: 0;
    padding: 0;
}

.modal-error-popup .modal-footer {
    padding: 10px 15px !important;
    border-top: 1px solid #656565;
}

.modal-error-popup .modal-header .close {
    margin-top: 10px;
    margin-right: 10px;
    color: #fff;
    opacity: 1;
}

.modal-error-popup .modal-footer .btn, .modal-error-popup .modal-footer .btn:hover, .modal-error-popup .modal-footer .btn:focus {
    padding: 6px 25px;
}

.modal-error-popup .modal-title {
    color: #fff;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px;
    line-height: 35px;
    margin-top: 0;
}

.modal-error-popup .modal-body h3 {
    margin: 0;
    padding: 0;
}

.modal-error-popup .modal-body .fa-check-circle {
    float: left;
    color: green;
    margin-right: 6px;
    margin-top: -2px;
}

.modal-error-popup .alert-success {
    background: #4da154;
}

.modal-error-popup .alert-warning {
    background: #df7b05;
}

.modal-error-popup .alert-info {
    background: #2998f7;
}

.modal-error-popup .alert-danger {
    background: #d1322e;
}

.page.reportbuild-chart {
    margin-bottom: 15px;
}

    .page.reportbuild-chart .tab-content {
        background: #fff;
    }

    .page.reportbuild-chart input#excelExport, .page.reportbuild-chart input#printReport {
        float: right;
        color: #fff;
    }

    .page.reportbuild-chart .report-chart-btn {
        margin-left: 0px;
    }

.report-builder-table td a {
    cursor: pointer;
}

.filter_option {
    .modal-header {
        padding: 0px;
    }

        .modal-header .close {
            margin-top: 10px;
            margin-right: 10px;
            color: #000;
        }

        .modal-header h4 {
            background: #c1c1c1;
            color: #3d3d3d;
            text-align: left;
            font-size: 16px;
            font-weight: bold;
            padding: 5px 15px;
            line-height: 35px;
            margin-top: 0;
        }

    .modal-footer {
        text-align: right;
    }
}

.table-inventory-report .sub-head-threetd {
    /*width: 16.66% !important;*/
    text-align: right;
}

.padd-l-r-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.custome-table-scroll-account th, .custome-table-scroll-account td {
    word-break: break-all;
}

.inner-bottom-outlet2 select[name="ListingGrid_length"] {
    border: none;
    border-bottom: 1px solid #656565;
    color: #656565;
    background: none;
}

.inner-bottom-outlet2 b {
    font-weight: normal;
}

#alertBox, .popup-without-fade {
    background: rgba(0, 0, 0, 0.65);
}

.tree3-listofAccount > li:nth-child(1) #tree4 > li.branch > i:nth-child(1) {
    display: none;
}

.cus-input-sales-popup-tab {
    font-weight: normal !important;
    font-size: 12px !important;
    width: 100px !important;
    margin-left: 5px;
    font-family: @fontrobotoregular !important;
}

.cus-input-sales-popup-tab-2 {
    margin-top: 0px;
}

.cus-input-sales-popup-tab-div {
    margin-top: 0px;
}

    .cus-input-sales-popup-tab-div .green-txt, .cus-input-sales-popup-tab-div .bottom_lab {
        padding-top: 25px;
    }

.cust-time-mobile-pagination {
    width: 100%;
}

    .cust-time-mobile-pagination .inner-bottom-outlet2 {
        float: right;
    }

        .cust-time-mobile-pagination .inner-bottom-outlet2 .bottom-outlet2-l1 {
            margin-right: 10px;
            font-size: 18px;
            color: #000;
            border: 1px solid #3d8a43;
            padding: 1px 10px 1px 10px;
            font-weight: bold;
            margin-right: 4px;
            margin-top: 15px;
        }

    .cust-time-mobile-pagination .inner-bottom-outlet2 {
        margin-top: 7px;
    }

.cust-stock-jrnl-tab {
    width: 100%;
    margin-top: 15px !important;
    background: @themebackground;
}

    .cust-stock-jrnl-tab li a, .cust-stock-jrnl-tab li a:hover, .cust-stock-jrnl-tab li a:visited {
        color: #656565 !important;
    }

    .cust-stock-jrnl-tab li {
        background: #F5F5F5;
        text-align: center;
    }

        .cust-stock-jrnl-tab li.active {
            background: @themebackground;
        }

            .cust-stock-jrnl-tab li.active a, .cust-stock-jrnl-tab li.active a:hover, .cust-stock-jrnl-tab li.active a:visited {
                color: #fff !important;
            }
        /* one item */
        .cust-stock-jrnl-tab li:first-child:nth-last-child(1) {
            width: 100%;
        }

        /* two items */
        .cust-stock-jrnl-tab li:first-child:nth-last-child(2),
        .cust-stock-jrnl-tab li:first-child:nth-last-child(2) ~ li {
            width: 50%;
        }

        /* three items */
        .cust-stock-jrnl-tab li:first-child:nth-last-child(3),
        .cust-stock-jrnl-tab li:first-child:nth-last-child(3) ~ li {
            width: 33.3333%;
        }

        /* four items */
        .cust-stock-jrnl-tab li:first-child:nth-last-child(4),
        .cust-stock-jrnl-tab li:first-child:nth-last-child(4) ~ li {
            width: 25%;
        }

.fiftypximp {
    /*width:8% !important;*/
}

.data-accordian .panel-default .panel-heading a, .data-accordian .panel-default .panel-heading a:hover, .data-accordian .panel-default .panel-heading a:focus, .data-accordian .panel-default .panel-heading .icn,.viewBomIcon {
    color: @themebackground !important;
}
/* styles for '...' */
.block-with-text {
    /* hide text if it more than N lines  */
    overflow: hidden;
    /* for set '...' in absolute position */
    position: relative;
    /* use this value to count block height */
    line-height: 1.2em;
    /* max-height = line-height (1.2) * lines max number (3) */
    max-height: 2.4em;
    /* fix problem when last visible word doesn't adjoin right side  */
    text-align: justify;
    /* place for '...' */
    margin-right: -1em;
    padding-right: 1em;
}
    /* create the ... */
    .block-with-text:before {
        /* points in the end */
        content: '...';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 0;
        bottom: 0;
    }
    /* hide ... if we have text, which is less than or equal to max lines */
    .block-with-text:after {
        /* points in the end */
        content: '';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of text */
        right: 0;
        /* set width and height */
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        /* bg color = bg color under block */
        background: white;
    }

.cus-scroll-385 {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: 1px solid #c1c1c1;
}

.cust-overdue-tabel-heading-2 {
    text-align: left;
    background: @themebackground;
    padding: 5px 5px 5px 10px;
    color: #fff;
}

.invoice-cusname-center-trim {
    vertical-align: middle !important;
}

    .invoice-cusname-center-trim .s_name {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
    }

.cust-sales-invoice-dropdown .set-dropdown-icon {
    right: 0px;
}

.SalesInvoice .cus_name .media-left {
    min-width: 65px;
}

.custom-textbox-salesinvoice {
    padding: 0px !important;
}

    .custom-textbox-salesinvoice li.text-right {
        line-height: 45px;
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle;
    }

    .custom-textbox-salesinvoice .field-icn i {
        font-size: 18px;
        padding: 0px;
        color: #656565;
    }

    .custom-textbox-salesinvoice .control-label {
        left: 25px !important;
    }

    .custom-textbox-salesinvoice .form-group {
        width: 140px;
    }

.my-cust-drop {
    border: 1px solid #eaeaea;
}

    .my-cust-drop li {
        border-bottom: 1px solid #ececec;
    }

        .my-cust-drop li a {
            font-size: 16px;
            line-height: 34px;
        }

.loader123 {
    text-align: center;
    position: absolute;
    z-index: 6;
    top: 35%;
    left: 45%;
}

    .loader123 span {
        display: inline-block;
        vertical-align: middle;
        width: 10px;
        height: 10px;
        margin: 50px auto;
        background: black;
        border-radius: 50px;
        -webkit-animation: loader 0.9s infinite alternate;
        -moz-animation: loader 0.9s infinite alternate;
        -ms-animation: loader 0.9s infinite alternate;
    }

        .loader123 span:nth-of-type(2) {
            -webkit-animation-delay: 0.3s;
            -moz-animation-delay: 0.3s;
            -ms-animation-delay: 0.3s;
        }

        .loader123 span:nth-of-type(3) {
            -webkit-animation-delay: 0.6s;
            -moz-animation-delay: 0.6s;
            -ms-animation-delay: 0.6s;
        }

@-webkit-keyframes loader {
    0% {
        width: 10px;
        height: 10px;
        opacity: 0.9;
        -webkit-transform: translateY(0);
    }

    100% {
        width: 24px;
        height: 24px;
        opacity: 0.1;
        -webkit-transform: translateY(-21px);
    }
}

@-moz-keyframes loader {
    0% {
        width: 10px;
        height: 10px;
        opacity: 0.9;
        -moz-transform: translateY(0);
    }

    100% {
        width: 24px;
        height: 24px;
        opacity: 0.1;
        -moz-transform: translateY(-21px);
    }
}

@-ms-keyframes loader {
    0% {
        width: 10px;
        height: 10px;
        opacity: 0.9;
        -ms-transform: translateY(0);
    }

    100% {
        width: 24px;
        height: 24px;
        opacity: 0.1;
        -ms-transform: translateY(-21px);
    }
}

.form-group button.ui-multiselect span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-left: 17px;
}

.dashboard-account {
    position: relative;
}

.loader123-bg {
    width: 100%;
    height: 88%;
    background: #fff;
    z-index: 6;
    top: 12%;
    position: absolute;
}

.custome-mobile-table-res {
    max-height: 300px !important;
    overflow: auto !important;
}

    .custome-mobile-table-res tr input, .custome-mobile-table-res tr select {
        width: auto !important;
    }

.modal-lg-extra.custom_popup .modal-header, .custom_popup .modal-header {
    background: #c1c1c1;
}

.login-select-lang .set-dropdown-icon {
    background: none;
}

.cus-trimmer {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}

.report-text-highlited {
    color: @themebackground !important;
    font-weight: bold;
}

.unpack-prd-button img {
    border-radius: 0 !important;
    border: 0 !important;
    width: 22px !important;
    height: 19px !important;
    vertical-align: middle !important;
    top: -3px;
    position: relative;
}

.unpack-prd-button {
    padding-left: 8px;
}

.cust-account-dropdown {
    padding: 0 !important;
    margin: 0 !important;
}

    .cust-account-dropdown select {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }

    .cust-account-dropdown .set-dropdown-icon {
        right: 3px !important;
    }

.review-block .control-label span {
    color: #656565;
}

    .review-block .control-label span.req {
        color: red;
    }

.SalesInvoice .van-l-box {
    margin-bottom: 0px;
}
/*Account Voucher mobile*/
.accounting-voucher-mobile .panel-default {
    box-shadow: none;
    border: 1px solid #ddd;
    margin: 5px;
}

.accounting-voucher-mobile .control-button {
    padding: 0px 5px;
    font-size: 24px;
    top: 1px;
    position: absolute;
    right: 5px;
}

.accounting-voucher-mobile .panel-default .panel-heading {
    position: relative;
}

.accounting-voucher-mobile .panel-default .panel-body {
    padding: 0;
}

.balancesheetchild {
    color: #fa5b45 !important;
    text-indent: 15px;
    margin-left: 20px;
}

.trialbalancesheetchild2 {
    color: #fa5b45 !important;
    text-indent: 15px;
    margin-left: 20px;
}
.trialbalancesheetchild3 {
    color: #2aa003 !important;
    text-indent: 15px;
    margin-left: 40px;
}
.trialbalancesheetchild4 {
    color:#aa08ec !important;
    text-indent: 15px;
    margin-left: 60px;
}
.trialbalancesheetchild5 {
    color: #fa5b45 !important;
    text-indent: 15px;
    margin-left: 80px;
}
/*Account Voucher mobile*/
.page-search-closeicn {
    position: relative;
}

    .page-search-closeicn span {
        right: 15px;
        position: absolute;
        font-size: 22px;
        cursor: pointer;
    }

.mrg-bottom-0 {
    margin-bottom: 0px !important;
}

.selected-product-name {
    /*width: 105px;*/
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.dataTables_wrapper .dataTables_scroll .dataTables_scrollHead th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
    max-width: 200px;
}

.swiper-favourite .swiper-button-next, .swiper-recent .swiper-button-next, .swiper-favourite .swiper-button-prev, .swiper-recent .swiper-button-prev {
    display: none;
}

.swiper-favourite:hover .swiper-button-next, .swiper-recent:hover .swiper-button-next, .swiper-favourite:hover .swiper-button-prev, .swiper-recent:hover .swiper-button-prev {
    display: block;
}

.swiper-favourite .swiper-button-next, .swiper-recent .swiper-button-next {
    right: 0;
    left: auto;
    background: rgba(0, 0, 0, 0.8);
}

    .swiper-favourite .swiper-button-next:before, .swiper-recent .swiper-button-next:before {
        content: '\f105';
        font-family: FontAwesome;
        font-size: 30px;
        color: #fff;
        left: 10px;
        text-align: center;
        position: relative;
    }

.swiper-favourite .swiper-button-prev, .swiper-recent .swiper-button-prev {
    left: 0;
    right: auto;
    background: rgba(0, 0, 0, 0.8);
}

    .swiper-favourite .swiper-button-prev:before, .swiper-recent .swiper-button-prev:before {
        content: '\f104';
        font-family: FontAwesome;
        font-size: 30px;
        color: #fff;
        left: 10px;
        text-align: center;
        position: relative;
    }

.account-report-currency-drop {
    width: 80%;
    float: right;
    padding: 0;
}

    .account-report-currency-drop .form-group {
        float: right;
    }

.account-report-changePeriod-lable {
    color: @themebackground !important;
}

.inv-serach-icon, .inv-serach-icon-2 {
    position: absolute;
    right: 38px;
    top: 8px;
    font-size: 24px;
}

.inv-serach-icon-2 {
    right: 18px;
}

.new-promo-group {
    width: 40%;
    float: left;
    display: block;
    margin: auto 0;
    vertical-align: middle;
    padding-top: 7px;
}

.field-icn-right {
    position: absolute;
    top: 10px;
    right: 16px;
    color: @themebackground;
}

.attachment-icon-count {
    display: block;
    position: absolute;
    top: 2px;
    height: 20px;
    width: 20px;
    left: 21px;
    background: #fff;
    border-radius: 50px;
    font-size: 10px;
    color: #656565;
    line-height: 18px;
    z-index: 20000;
    border: 1px solid #aa56ff;
}

.cust-list-ul {
    display: table;
}

    .cust-list-ul li {
        display: table-cell;
        text-align: right;
        width: 100px !important;
        box-sizing: BORDER-BOX;
        font-size: 16px;
    }

.daterangepicker .prev .fa-arrow-left:before {
    content: "\f100" !important;
    font-family: FontAwesome !important;
}

.daterangepicker .next .fa-arrow-right:before {
    content: "\f101" !important;
    font-family: FontAwesome !important;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: @themebackground !important;
    border-color: @themebackground !important;
}

.daterangepicker .range_inputs .applyBtn, .daterangepicker .range_inputs .applyBtn:hover {
    color: #fff !important;
    text-decoration: none !important;
    background: #4caf50 !important;
    width: 74px !important;
    float: right !important;
    padding: 5px 15px !important;
}

.daterangepicker .range_inputs .cancelBtn, .daterangepicker .range_inputs .cancelBtn:hover {
    color: #fff !important;
    text-decoration: none !important;
    background: #fa5b45 !important;
    width: 74px !important;
    padding: 5px 15px !important;
}
/*end vishal css s&d*/

/*inbox custome.css*/
.inbox-body {
    background: #fff;
}

    .inbox-body .custom-pagination li a {
        background: transparent !important;
        border: none !important;
        color: #3f51b5 !important;
    }

    .inbox-body .custom-pagination li.active a {
        background: #3f51b5 !important;
        color: #fff !important;
    }

    .inbox-body .custom-pagination li:first-child a, .inbox-body .custom-pagination li:last-child a {
        font-size: 24px;
        padding-top: 0px;
    }

    .inbox-body .custom-pagination {
        float: right;
        margin: 10px 0;
    }

    .inbox-body .page-number-show {
        display: inline-block;
        float: left;
    }

        .inbox-body .page-number-show .btn-group .btn, .inbox-body .page-number-show .btn-group .btn.btn-raised:not(.btn-link):active, .inbox-body .page-number-show .btn-group .btn:hover, .inbox-body .page-number-show .btn-group .btn:focus {
            padding: 5px 7px;
            background: transparent;
            box-shadow: none;
            border-bottom: 1px solid #666;
            border-radius: 0;
        }

            .inbox-body .page-number-show .btn-group .btn .caret {
                transform: rotate(180deg);
            }

    .inbox-body .checkbox input[type=checkbox]:checked + .checkbox-material .check:before, .inbox-body label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #3F51B5 !important;
        border-color: #3F51B5 !important;
    }

    .inbox-body .checkbox input[type=checkbox]:checked + .checkbox-material .check, .inbox-body label.checkbox-inline input[type=checkbox]:checked + .checkbox-material .check {
        color: #3F51B5 !important;
        border-color: #3F51B5 !important;
    }


    .inbox-body .page-number-show a.dropdown-toggle {
        box-shadow: none;
    }

    .inbox-body .top-block .message_search, .top-block .message_search:focus {
        background: transparent !important;
        border-bottom-color: #d7d7d7 !important;
        border-bottom: 1px solid #d7d7d7 !important;
        outline: none !important;
        box-shadow: none !important;
        background: none !important;
    }

    .inbox-body .mail-listing.mail-open {
        background: #fff;
        border: 1px solid #3f51b5;
    }

    .inbox-body .mail-list-toggle {
        position: absolute !important;
        right: -30px;
    }

    .inbox-body .menu-folder .panel .panel-heading {
        background: transparent !important;
        box-shadow: none;
        padding: 0;
    }

    .inbox-body .left-action-bar .dropdown-toggle {
        color: #3f51b5 !important;
    }

    .inbox-body .dropdown-menu.profile-top-dropdown > li > a {
        line-height: 40px !important;
        padding: 0px !important;
    }
/*End inbox custome.css*/
/*Start Ripal css s&d after 9-12-2016*/
.form-group.label-floating.col-xs-12.purchase-radio {
    margin-bottom: 0;
    z-index: 5;
}

.pos-billing-screen .display-billing-pos .pos-table-same-width-scroll .table-item-delete.green i {
    font-size: 18px;
}

.promotion-title {
    background: #dddddd;
    padding: 15px;
}

.display-billing-pos.height-remove {
    height: inherit;
}

.leavesummary-bg {
    background: #fff;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}
    .processing-list{
        margin-bottom: -20px!important;
    }

    .leavesummary-bg h4.title {
        background: none;
        line-height: 25px;
    }

.leavesummary-serch {
    padding: 10px;
    background: #fff;
    height: 65px;
    width: 100%;
}

.leavesummary-serch-2 {
    padding: 10px;
    background: #fff;
    height: auto;
    width: 100%;
}

    .leavesummary-serch-2 .search_box .form-group {
        padding-top: 0px;
        margin-top: 0px;
    }

    .leavesummary-serch-2 .form-group.label-floating.select-all {
        border-top: none;
    }

.saved-salesinvoice-tab {
    background: #4ca153;
    color: #fff;
    padding: 0 7px;
    font-size: 12px;
    line-height: 21px;
    border-radius: 4px;
}


/*end Ripal css s&d after 9-12-2016*/

/*StartDashboard vishal*/
.dashboard_main {
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 950px;
}

    .dashboard_main .no-data-text {
        text-align: center;
        color: #c1c1c1;
        margin: 15px;
    }

.dashboard-favmenu {
    background: #fff;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.28);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.28);
}

.dashboard-account {
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.28);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.28);
}

.dashboard-favmenu .fav-icon-dashboard {
    width: 70px;
    height: 70px;
    margin: 15px auto;
    background: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.28);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.28);
    border-radius: 50%;
    font-size: 39px;
    /*padding-top: 12px;*/
}

    .dashboard-favmenu .fav-icon-dashboard i::before {
        vertical-align: middle;
    }

.dashboard-favmenu .fav-box-dashboard-inner-1, .dashboard-favmenu .fav-box-dashboard-inner-2, .dashboard-favmenu .fav-box-dashboard-inner-3, .dashboard-favmenu .fav-box-dashboard-inner-4 {
    width: 100%;
    height: 100%;
    border: 0.5px solid #fff;
}

.fav-box-dashboard .fav-icon-dashboard, .fav-box-dashboard .fav-text-dashboard {
    display: block;
}

.dashboard-favmenu .fav-box-dashboard-inner-1 {
    background: #5479AD;
}

.dashboard-favmenu .fav-box-dashboard-inner-2 {
    background: #DBBB32;
}

.dashboard-favmenu .fav-box-dashboard-inner-3 {
    background: #8F5050;
}

.dashboard-favmenu .fav-box-dashboard-inner-4 {
    background: #64B45B;
}

.dashboard-favmenu .fav-box-dashboard-inner-1 .fav-icon-dashboard {
    color: #5479AD;
}

.dashboard-favmenu .fav-box-dashboard-inner-2 .fav-icon-dashboard {
    color: #DBBB32;
}

.dashboard-favmenu .fav-box-dashboard-inner-3 .fav-icon-dashboard {
    color: #8F5050;
}

.dashboard-favmenu .fav-box-dashboard-inner-4 .fav-icon-dashboard {
    color: #64B45B;
}

.dashboard-favmenu .carousel-indicators {
    position: relative;
    bottom: 0;
    margin-bottom: 0;
}

    .dashboard-favmenu .carousel-indicators .active {
        background-color: #777;
    }

    .dashboard-favmenu .carousel-indicators li {
        border: 1px solid #777;
    }

.dashboard-favmenu .fav-box-dashboard {
    height: 162px;
    background: #3f51b5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
}

.dashboard-favmenu .nav-tabs {
    background: none;
}

    .dashboard-favmenu .nav-tabs li {
        background: #FF4026;
        width: 50%;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
    }

    .dashboard-favmenu .nav-tabs li {
        opacity: 0.5;
    }

        .dashboard-favmenu .nav-tabs li.active {
            opacity: 1;
            -webkit-box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,1);
            -moz-box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,1);
            box-shadow: inset 0px -1px 0px 0px rgba(255,255,255,1);
        }

        .dashboard-favmenu .nav-tabs li i {
            padding: 0px 7px;
        }

.dashboard-account {
    min-height: 365px;
    background: #fff;
}

.dashboard_main .dashboard-chart .report-builder-table-header h4 {
    padding: 15px 10px;
}

.dashboard-account .nav-tabs, .dashboard-chart .nav-tabs, .reportbuild-chart .nav-tabs {
    background: none;
}

.dashboard-account .tab-content, .dashboard_main .tab-content, .dashboard-chart .tab-content, .reportbuild-chart .tab-content {
    padding: 0px;
}

.dashboard-account .nav-tabs, .dashboard-chart .nav-tabs, .reportbuild-chart .nav-tabs {
    border-bottom: 1px solid #3f51b5;
}

    .dashboard-account .nav-tabs li, .dashboard-chart .nav-tabs li, .reportbuild-chart .nav-tabs li {
        background: #fff;
        margin-bottom: 0px;
        position: relative;
        font-weight: bold;
    }

        .dashboard-account .nav-tabs li i, .dashboard-chart .nav-tabs li i, .reportbuild-chart .nav-tabs li i {
            padding-right: 7px;
            padding-left: 2px;
        }

        .dashboard-account .nav-tabs li a, .dashboard-chart .nav-tabs li a, .reportbuild-chart .nav-tabs li a {
            color: #656565 !important;
        }

.dashboard-account .notification-total {
    font-size: 11px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    padding: 0px 5px 1px 4px;
    margin: 0px 4px;
}

.dashboard-chart .tab-content {
    padding: 5px 15px 15px 15px;
}

.dashboard-account ul.nav-tabs li:nth-child(1) .notification-total {
    background: #16a765;
}

.dashboard-account ul.nav-tabs li:nth-child(2) .notification-total {
    background: #e9b330;
}

.dashboard-account ul.nav-tabs li:nth-child(3) .notification-total {
    background: #a479e2;
}

.dashboard-account ul.nav-tabs li:nth-child(4) .notification-total {
    background: #8F5050;
}

.dashboard-account ul.nav-tabs li:nth-child(5) .notification-total {
    background: #FF4026;
}

.dashboard-account .nav-tabs li.active, .dashboard-chart .nav-tabs li.active, .reportbuild-chart .nav-tabs li.active {
    background: #3F51B5;
}

    .dashboard-account .nav-tabs li.active a, .dashboard-chart .nav-tabs li.active a, .reportbuild-chart .nav-tabs li.active a {
        color: #fff !important;
    }

.dashboard-favmenu .fav-box-dashboard a {
    color: #fff;
    text-decoration: none;
}

.dashboard-chart {
    width: 100%;
    min-height: 422px;
    background: #fff;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.28);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.28);
    box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.28);
    margin: 30px 0px 0px 0px;
}
/*End Dashboard vishal*/
.van-l-box .sub-product .img-pro img {
    width: 45px;
    height: 45px;
}

.top-st3 {
    float: none;
    margin: 10px auto;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center;
}

    .top-st3 .pro-sale-1 img {
        border: 2px solid #c1c1c1;
    }

    .top-st3 .pro-sale-1, .top-st3 .pro-sale-2, .top-st3 .pro-sale-3 {
        float: left;
    }

    .top-st3 .pro-sale-2 {
        /*width: 60%;
        margin: 0px 10px;*/
        position: relative;
    }

    .top-st3 .cart-icon {
        margin-top: 20px;
        text-align: left;
        padding-left: 10px;
    }

    .top-st3 .pro-sale-2 .st-src-icon i {
        position: absolute;
        right: 0px;
        bottom: 18px;
        font-size: 20px;
    }

    .top-st3 .pro-sale-3 {
        width: 40px;
        padding-top: 22px;
    }

        .top-st3 .pro-sale-3 i {
            font-size: 35px;
        }

.cust-float-btn-atch a {
    z-index: 9999;
    margin-top: 15px !important;
    padding: 10px !important;
}

.rout-customer img {
    border-radius: 70px;
    border: 1px solid #c1c1c1;
    width: 55px;
    height: 55px;
    max-height: 55px;
    vertical-align: middle;
    margin: auto 0px !important;
    display: inline-block;
}

.van-l-box .img-pro {
    padding-right: 0px;
}


/*sales-invoice end*/
/*sales-invoice detials start*/
.sd-icon-center {
    margin-top: 10px;
}

.icon-round {
    background: @themebackground;
    color: #fff;
    padding: 4px 12px;
    border-radius: 27px;
    height: 40px;
    width: 40px;
    display: inline-block;
    font-size: 21px;
    border: 1px solid #bdbdbd;
}

.sales-details {
    border-bottom: 1px solid #c1c1c1;
    padding: 5px 0px;
}

    .sales-details .sd-1, .sd-1 {
        font-size: 20px;
        display: block;
    }

        .sales-details .sd-1 .sd-11 {
            font-size: 22px;
            padding-left: 15px;
        }

    .sales-details .sd-2, .sd-2 {
        font-size: 18px;
        display: block;
        color: #4261b4;
    }

        .sales-details .sd-2 .sd-22 {
            padding-left: 22px;
        }

    .sales-details .sd-3 {
        font-size: 23px;
        float: left;
        vertical-align: middle;
        margin-top: 5px;
    }

    .sales-details .sd-4 {
        font-size: 19px;
        float: right;
        color: #358b00;
        vertical-align: middle;
        margin-top: 17px;
    }

        .sales-details .sd-4 i {
            font-size: 23px;
        }

.pro-sale {
    margin-top: 10px;
}

.pro-sale-1 {
    vertical-align: middle;
    margin-top: 5px !important;
}

.pro-sale-2 h3 {
    font-size: 22px !important;
    font-weight: 400;
}

.pro-sale-3 i {
    float: right;
}

.van-l-box {
    /*border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;*/
    /* margin:10px 15px;*/
    font-size: 16px;
    padding-top: 5px;
    margin-bottom: 10px;
    /*max-height: 373px;
    overflow-y: auto; 
    overflow-x: hidden;*/
}

.page-invoice .van-l-box > div:last-child .pro-name {
    border: none;
}

.salep-btn a {
    font-size: 18px;
    background: #4da154;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding: 10px 0px;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #cacaca;
    border-right: 1px solid #fff;
}

    .salep-btn a:hover {
        text-decoration: none;
        background-color: #f95b45;
    }

.salep-btn {
    margin-top: 25px;
}

.modal-panding-amt {
    text-align: center;
    margin-bottom: 20px;
}

.custom-modal .cust-overdue-tabel {
    margin: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

.scroll-table {
    max-height: 303px;
    overflow: auto;
}

.modal-panding-amt h4 {
    text-align: center;
    padding: 10px 20px;
    background: #fa5b45;
    display: inline-block;
    color: white;
}

.sale-van-box .total-label .left-van-r, .sale-van-box .total-label .right-van-r {
    font-size: 20px;
}

.van-r-box .left-van-r {
    float: left;
}

.sale-van-box .total-label {
    background: #4ca153;
    color: #fff;
    font-size: 23px;
    padding: 15px;
    text-align: left;
}

.sale-van-box .right-van-r {
    text-align: right;
}

.van-r-box .right-van-r {
    float: right;
    font-weight: 600;
}

.sub-title-2 {
    font-size: 20px;
    font-weight: 400;
    padding: 5px 0px;
    text-align: center;
    border-bottom: 1px solid #646464;
    display: inline-block;
    margin-top: 20px;
}
/*sales-invoice detials end*/

/*outlet screen start*/
.outlet-img {
    padding-left: 0px;
}

.imagedata .outlet-img {
    max-height: 182px;
    display: block;
    text-align: center;
    margin: 0 auto;
}

    .imagedata .outlet-img img {
        height: 100%;
        text-align: center;
        display: inline-block;
        width: initial;
        max-height: 120px;
    }

.store-details {
    border: 1px solid #c1c1c1;
    padding: 5px 10px;
    font-size: 18px;
    color: #787878;
}

    .store-details .smap-icon {
        bottom: -3px;
        position: relative;
        padding-right: 5px;
    }

.custom-modal.modal-content .modal-body {
    padding: 10px;
}

.store-details .row {
    padding: 10px 0px !important;
}

.store-details {
    border: 1px solid #c1c1c1;
    padding: 5px 10px;
    font-size: 18px;
    color: #787878;
}

.outlet .store-details {
    border: 1px solid #c1c1c1 !important;
}

.store-details #runner {
    background-color: #5bae66;
    padding: 40px 10px;
    margin: 10px -10px -5px -10px;
    color: white;
    font-size: 22px;
}

.outlet-img img {
    height: 182px;
    width: 100%;
}

/*outlet screen end*/

/*Slider*/

.slide-box {
    padding: 10px;
    border: 1px solid #ccc;
    max-height: 211px;
    height: 211px;
    position: relative;
}

.innerSlider.owl-carousel .owl-item {
    padding: 10px;
}

.innerSlider.owl-carousel {
    margin-left: -10px;
    margin-right: -10px;
}

.innerSlider .owl-buttons .owl-prev, .innerSlider .owl-buttons .owl-next {
    width: 30px;
    height: 30px;
    background: @themebackground;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    text-indent: -9999px;
}

    .innerSlider .owl-buttons .owl-prev.disabled, #innerSlider .owl-nav .owl-next.disabled {
        background: @themebackground;
    }

.innerSlider .owl-buttons .owl-prev {
    left: 0;
}

.innerSlider .owl-buttons .owl-next {
    right: 0;
}

    .innerSlider .owl-buttons .owl-next::after {
        border-right: 2px solid #fff;
        border-top: 2px solid #fff;
        height: 10px;
        left: 11px;
        top: 11px;
        transform: rotate(45deg);
        transition: all 0.5s ease-in-out 0s;
        width: 10px;
        content: "";
    }

.innerSlider .owl-buttons .owl-prev::after {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    height: 10px;
    left: 11px;
    top: 11px;
    transform: rotate(45deg);
    transition: all 0.5s ease-in-out 0s;
    width: 10px;
    content: "";
}

.innerSlider .owl-buttons .owl-next, .innerSlider .owl-buttons .owl-next::after, .innerSlider .owl-buttons .owl-prev::after {
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
}

.innerSlider .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
    right: 0;
    margin: auto;
}

    .innerSlider .owl-dots .owl-dot {
        height: 10px;
        width: 10px;
        background: #F93;
        display: inline-block;
        margin-right: 5px;
    }

        .innerSlider .owl-dots .owl-dot.active {
            background: @themebackground;
        }

.innerSlider.owl-carousel {
    position: relative;
    overflow: hidden;
}

.innerSlider .item img {
    display: block;
    width: 100%;
    height: auto;
}

.innerSlider h4 {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.66);
    color: #fff;
    font-size: 16px;
    padding: 10px;
}
/*Slider end*/

.float-menu-one-to-many {
    display: inline-block;
    position: relative;
    width: 100%;
}

    .float-menu-one-to-many .floating_out_ofthebox .flaoting-attachment-grp {
        bottom: 36px;
    }

.edit-pro .img-pro {
    border: 1px solid #ccc;
    border-radius: 55px;
    width: 55px;
    height: 55px;
    text-align: center;
    margin: 0 auto;
}

.edit-pro .bottom_lab {
    font-weight: 800;
    font-size: 18px;
}

.edit-pro .green-txt {
    font-size: 16px;
    color: #328d1e;
}

.edit-pro .bottom_lab small {
    font-weight: normal;
}

.edit-pro .img-pro img {
    border-radius: 55px;
    max-width: 55px;
    max-height: 55px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    display: inherit;
}

.page-breadcrumbs.bread_crums_none {
    display: none;
}

.page-breadcrumbs.bread_crums {
    display: block;
}

.modal.price-modal .modal-dialog {
    top: 150px;
}

/*.modal.price-modal .modal-dialog {
    width: 400px;
}*/

.btn.btn-raised.btn-free.truncate_btn {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

.custom-list-view.custom-list-view-timeRecord {
    padding: 0;
    padding-top: 20px;
    display: inline-block;
    width: 100%;
}

.employee-tabs.swiper-container-horizontal {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.employee-tabs ul li a.disable {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
    pointer-events: none;
}

.attendancedetails .label_text {
    font-weight: 600;
}

.form-group.label-floating.select-all {
    margin: 0;
    border-top: 1px solid #ccc;
    padding-top: 13px;
}

.iconic-form .form-group textarea.form-control {
    padding-top: 0;
    margin-top: 7px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .set-dropdown-icon:before {
        content: '';
    }
    /*.multi-select-drop .set-dropdown-icon:before{ content: '\f2f2'; } */
    .top-head-branch-name select {
        padding: 5px 0px 0px 0px !important;
    }

    .footer-fix-bottom .flaoting-attachment-grp {
        bottom: inherit !important;
    }

    .footer-fix-bottom-margin .entry-form {
        min-height: inherit !important;
    }

    .iconic-form .review-block .rating span.rtactive::before {
        content: "\2605" !important;
        position: absolute !important;
        font-size: 24px !important;
        line-height: 31px !important;
        left: -2px !important;
    }

    .rating > span:hover:before, .rating > span:hover ~ span:before {
        content: "\2605" !important;
        position: absolute !important;
        font-size: 24px !important;
        line-height: 31px !important;
        left: -2px !important;
    }
}

.cust-image-upload {
    border: 1.75px dashed #656565;
    margin-top: 15px;
}

    .cust-image-upload h2 {
        text-align: center;
        font-size: 19px;
    }

    .cust-image-upload .is-fileinput {
        width: 50%;
        margin: 0 24%;
    }

    .cust-image-upload p {
        text-align: center;
    }

.Promo-Slab-grid-btn-1 {
    color: #3b8a42;
    font-size: 20px;
}

    .Promo-Slab-grid-btn-1 i {
        cursor: pointer;
    }

.Promo-Slab-grid-btn-2 {
    padding: 8px 20px;
}

    .Promo-Slab-grid-btn-2 i {
        margin-right: 4px;
        font-size: 25px;
        cursor: pointer;
        color: #6e6e6e;
    }

.Promo-Slab-grid {
    overflow-x: auto;
}


.cust-attach-listview {
    position: absolute;
    right: 44px;
    top: 0px;
}

.cust-attach-gridview {
    font-size: 21px;
    cursor: pointer;
}

    .cust-attach-gridview i {
        padding-right: 5px;
    }

.Promo-Slab-grid .custom-table .dataTables_wrapper .table tr th, .custom-table .dataTables_wrapper .table tr th.sorting {
    padding-right: 0;
}

.custom-table .dataTables_wrapper .table tr th.sorting {
    padding-right: 14px; /*added by vishal for icon overlapping issue*/
}

.custom-table .Promo-Slab-grid .dataTables_wrapper .table tr td {
    text-align: left;
}

/*  .custom-table .Promo-Slab-grid .dataTables_wrapper .table th:last-child,  .custom-table .Promo-Slab-grid .dataTables_wrapper .table tr td:last-child, .custom-table .Promo-Slab-grid .dataTables_wrapper .table .dataTable th:last-child, .custom-table .Promo-Slab-grid .dataTables_wrapper .table .dataTable tr td:last-child {
        text-align: right;
    }  */

.Promo-Slab-grid .custom-table .dataTables_wrapper .table tr td {
    text-align: right;
}

.custom-table .Promo-Slab-grid .dataTables_wrapper .table tr td.dataTables_empty {
    text-align: center;
}

.Promo-Slab-grid table tr[id^='ChildRow'] {
    background: #f2f2f2;
}

.Promo-Slab-grid #ChildRow_0 table #ChildRow_0 {
    background: #fff;
}

.Promo-Slab-grid .shown .Promo-Slab-grid-btn-2 i {
    -ms-transform: rotate(-180deg); /* IE 9 */
    -webkit-transform: rotate(-180deg); /* Safari */
    transform: rotate(-180deg); /* Standard syntax */
    transition: 0.4s;
}

.Promo-Slab-grid .custom-table .dataTables_wrapper .table:first-child .table tr td:last-child {
    text-align: right;
}

.timely-btn.btn.btn-raised:not(.btn-link):hover, .btn.btn-raised.timely-btn,
.timely-btn.btn.btn-raised:not(.btn-link), .timely-btn.input-group-btn .btn.btn-raised:not(.btn-link), .timely-btn.btn-group-raised .btn:not(.btn-link), .timely-btn.btn-group-raised .input-group-btn .btn:not(.btn-link) {
    background: @themebackground;
    margin-top: 0;
}

.timely-btn i {
    margin-right: 9px;
    font-size: 15px;
}

div.iconic-form.custom-form.custom-form-2 .form-group {
    margin-top: 15px;
}

/*vishal changes after 6/8/2016 */
.floating-dropdown select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #656565;
    margin-top: 0px;
    padding: 5px 0px;
}

    .floating-dropdown select option {
        width: 100%;
    }

.iconic-form .floating-dropdown select {
    padding-left: 22px;
}

.page-count {
    display: inline-block;
    float: left;
    padding-top: 4px;
    margin-left: 10px;
}

#divPaging {
    display: block;
    float: left;
    width: 100%;
    margin-top: 10px;
}

    #divPaging .custom-pagination {
        margin-top: 0;
    }

.form-group .form-control {
    background-image: none;
    border-bottom: 1px solid #656565;
}

.dataTables_scrollHead table tr th:first-child {
    background: none;
}

.Chauk_Distribution {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
}

.Custom_float_clear {
    height: 18px;
    padding-right: 5px;
}

.Chauk_Distribution .label-floating {
    margin-bottom: 0;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px;
    height: 17px;
}

.entry-form.two-col .form-group.label-floating.col-xs-12.col-sm-6.custom_browse.profile-entry img {
    height: 100%;
}

.van-l-box .pro-name a, .sales-details .sd-4 i, .SalesInvoice .rout-customer .pro_name a {
    cursor: pointer;
}

.hover-a {
    display: inline-block;
    margin-left: 10px;
    width: 32px;
}

    .hover-a .or {
        font-size: 17px;
        text-align: center;
        display: block;
        margin: 0 auto;
        padding: 0;
        line-height: 28px;
    }

    .hover-a .gray_box {
        height: 30px;
    }

/*.width610 .left-arrow {
    position: relative;
}*/

table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
    left: -1px;
}

.top.hover-a, .bottom.hover-a {
    margin: 0;
}

.bottom.hover-a {
    margin-top: 209px;
}

.box-color .acc_list option {
    margin: 10px;
}

fieldset.result_tab {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

    fieldset.result_tab legend {
        display: block;
        width: inherit;
        padding: 12px;
        /* margin-bottom: 20px; */
        font-size: 21px;
        /* line-height: inherit; */
        /* color: #333; */
        /* border: 0; */
        /* border-bottom: 1px solid #e5e5e5; */
    }

.account_group {
    padding: 0;
}

/* Tree start */
.tree, .tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .tree ul {
        margin-left: 1em;
        position: relative;
    }

        .tree ul ul {
            margin-left: .5em;
        }

        .tree ul:before {
            content: "";
            display: block;
            width: 0;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            /* border-left:1px solid*/
        }

    .tree li {
        margin: 0;
        padding: 0 1em;
        line-height: 2em;
        color: #656565;
        list-style-type: initial;
        list-style-position: inside;
        position: relative;
    }

        .tree li.branch {
            list-style-type: none;
        }

    .tree ul li:before {
        content: "";
        display: block;
        width: 10px;
        height: 0;
        /*  border-top:1px solid;*/
        margin-top: -1px;
        position: absolute;
        top: 1em;
        left: 0;
    }

    .tree ul li:last-child:before {
        /*background: #fff;*/
        height: auto;
        top: 1em;
        bottom: 0;
    }

.indicator {
    margin-right: 5px;
}

.account_group .custom-table {
    padding: 0;
}

.tree li a {
    text-decoration: none;
    color: #656565;
}

.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color: #369;
    border: none;
    background: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    outline: 0;
}

/* Tree end */

.box-shadow-report .width_100_new {
    margin: 0;
}

.format-box {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.formatting_preview_btn {
    background: none;
    border: none;
}

.box-shadow-report .boxitem {
    height: 87px;
    margin: 39px 0;
}

    .box-shadow-report .boxitem:first-child {
        margin-top: 0;
    }

    .box-shadow-report .boxitem:last-child {
        margin-bottom: 0;
    }

.re_check_lable {
    color: #656565;
    margin-left: 5px;
}

.box-shadow-report .small_box {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}




@media screen and (min-width: 600px) {
    /*.top-page-title{width:250px;}*/
    .swiper-tabs .nav-tabs li a {
        font-size: 18px;
    }
    /*.swiper-tabs .nav-tabs li a { font-size: 15px;}*/
    .top-page-title {
        margin-top: 0;
        font-size: 22px;
    }
}

@media screen and (min-width: 768px) {

    .dashboard_main div.p-r-0-dashboard {
        padding-right: 0px;
    }

    .btn.btn-raised.btn-login, .btn.btn-raised.btn-login:hover, .btn.btn-raised.btn-login:focus {
        position: static;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    /* Start Vishal CSS*/
    .country-code-grp {
        width: 12.333333%;
    }

    .call-num-grp {
        width: 37%;
    }

    .has-no-country-code {
        width: 50%;
    }

    .bottom-outlet2 {
        width: 100%;
        bottom: 0px !important;
        right: 0px !important;
        padding: 10px 10px 10px;
        position: fixed !important;
        background-color: #e8e8e8;
        z-index: 6;
    }

    .inner-bottom-outlet2 {
        float: right;
        margin-top: 15px;
    }

    .bottom-outlet2 b {
        font-size: 18px;
        margin-left: 10px;
        color: #4a4a4a;
        padding-right: 10px;
        margin-top: 15px;
    }

    .bottom-outlet2 input {
        float: right;
        margin-right: 10px;
        font-size: 18px;
    }

    .bottom-outlet2 .bottom-outlet2-l1 {
        margin-right: 10px;
        font-size: 18px;
        color: #000;
        border: 1px solid #3d8a43;
        padding: 1px 10px 1px 10px;
        font-weight: bold;
        margin-right: 4px;
        margin-top: 15px;
    }

    .bottom-outlet2 .bottom-outlet2-l2 {
        margin-right: 10px;
        font-size: 18px;
        color: #000;
        border: 1px solid #3d8a43;
        padding: 1px 10px 1px 20px;
        font-weight: bold;
        margin-top: 15px;
    }

    /* End Vishal CSS*/
}

@media screen and (min-width: 992px) {
    .cus-trimmer {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 50%;
    }

    .cd-dropdown-content .cd-secondary-dropdown {
        overflow-x: scroll;
        height: 580px !important;
    }

    .mobile-menu-btn {
        display: none;
    }

    .web-menu-btn {
        display: inline-block;
    }

    .company-select .carousel {
        width: 340px;
        margin: 0 auto;
    }
    /*.login-form .form-group .form-control { border-bottom: 1px solid #eaeaea;}*/
    .custom-form .same-as-btn, .custom-form .same-as-btn:hover, .custom-form .same-as-btn:focus {
        width: 200px;
        margin: 0 auto;
        display: inherit;
    }

    .cust-profile .profile-image-block {
        width: 25%;
        float: left;
        display: inline-block;
    }

    .tab-content .cust-profile .panel-body .custom-form {
        width: 70%;
        float: right;
        display: inline-block;
    }

    .custom-form.invoice-form.add_invoice {
        width: 80%;
        margin: 0 auto;
        float: none;
        margin-top: 30px;
        box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.25);
    }

    .inbox-block.row-offcanvas-left .sidebar-offcanvas {
        width: 25%;
    }
}

@media screen and (min-height: 900px) {
    .cd-dropdown-content .cd-secondary-dropdown {
        height: 750px !important;
    }
}

@media screen and (min-height: 1200px) {
    .cd-dropdown-content .cd-secondary-dropdown {
        height: 1050px !important;
    }
}


@media screen and (min-width: 1801px) {
    /*menu design change make it horizontal now starts*/
    .cd-secondary-dropdown li.has-children {
        position: static !important;
        width: 100% !important;
    }

        .cd-secondary-dropdown li.has-children ul li {
            display: inline-block;
            float: left;
            width: 20%;
            height: 40px;
        }

        .cd-secondary-dropdown li.has-children a:first-child {
            border-bottom: 1px solid #ccc !important;
        }

    .cd-dropdown-content a, .cd-dropdown-content ul a {
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }

    .cd-secondary-dropdown li.has-children ul li a, .cd-secondary-dropdown li.has-children ul li a:first-child {
        border-bottom: none !important;
        height: auto;
    }

    .menutext-name {
        width: 180px !important;
    }

    .cd-secondary-dropdown .has-children ul li .menu-fav-icon {
        position: absolute;
        right: 12px;
        top: 1px;
    }
    /*menu design change make it horizontal now ends*/
}

@media screen and (max-height: 768px) and (min-width: 1028px) {
    ul.cd-dropdown-content, .cd-secondary-dropdown {
        max-height: 530px;
        overflow-y: auto;
    }

        ul.cd-dropdown-content::-webkit-scrollbar, .cd-secondary-dropdown::-webkit-scrollbar {
            width: 8px;
        }

        ul.cd-dropdown-content::-webkit-scrollbar-track, .cd-secondary-dropdown::-webkit-scrollbar-track {
            background-color: #eaeaea;
            border-left: 1px solid #ccc;
        }

        ul.cd-dropdown-content::-webkit-scrollbar-thumb, .cd-secondary-dropdown::-webkit-scrollbar-thumb {
            background-color: #ccc;
        }

            ul.cd-dropdown-content ::-webkit-scrollbar-thumb:hover, .cd-secondary-dropdown::-webkit-scrollbar-thumb:hover {
                background-color: #aaa;
            }
}

@media screen and (max-width: 1800px) and (min-width: 1281px) {


    .width550 {
        width: 48.5%;
        float: left;
    }

    .width610 {
        float: left;
        width: 51.1%;
    }

    .width250 {
        float: left;
        width: 41.4%;
    }

    .width100 {
        width: 100%;
    }

    .width30 {
        width: 32.5%;
    }

    .widht_55 {
        width: 8.6%;
        float: left;
    }

    .privew_bt {
        width: initial;
        display: inline-block;
    }

    /*.big_box {
        height: 460px;
    }*/

    /*.small_box {
        width: 50%;
    }*/

    .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {
        width: 17%;
    }
    /*menu design change make it horizontal now starts*/
    .cd-secondary-dropdown li.has-children {
        position: static !important;
        width: 100% !important;
    }

        .cd-secondary-dropdown li.has-children ul li {
            display: inline-block;
            float: left;
            width: 25%;
            height: 40px;
        }

        .cd-secondary-dropdown li.has-children a:first-child {
            border-bottom: 1px solid #ccc !important;
        }

    .cd-dropdown-content a, .cd-dropdown-content ul a {
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
    }

    .cd-secondary-dropdown li.has-children ul li a, .cd-secondary-dropdown li.has-children ul li a:first-child {
        border-bottom: none !important;
        height: auto;
    }

    .menutext-name {
        width: 180px !important;
    }

    .cd-secondary-dropdown .has-children ul li .menu-fav-icon {
        position: absolute;
        right: 12px;
        top: 1px;
    }
    /*menu design change make it horizontal now ends*/
}


@media screen and (max-width: 1280px) and (min-width: 1025px) {
    /*menu design change make it horizontal now starts*/
    .cd-secondary-dropdown li.has-children {
        position: static !important;
        width: 100% !important;
    }

        .cd-secondary-dropdown li.has-children ul li {
            display: inline-block;
            float: left;
            width: 33.3333%;
            height: 40px;
        }

        .cd-secondary-dropdown li.has-children a:first-child {
            border-bottom: 1px solid #ccc !important;
        }

        .cd-secondary-dropdown li.has-children ul li a, .cd-secondary-dropdown li.has-children ul li a:first-child {
            border-bottom: none !important;
        }

    .cd-dropdown-content a, .cd-dropdown-content ul a {
        word-wrap: break-word;
        word-break: break-word;
        white-space: normal;
        height: auto;
    }
    /*menu design change make it horizontal now ends*/
    .privew_bt {
        width: initial;
        display: inline-block;
    }

    /*.big_box {
        height: 460px;
    }

    .small_box {
        width: 50%;
    }*/

    .width250 {
        float: left;
        width: 42.7%;
    }

    .cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li {
        width: 23%;
    }

    .cd-secondary-dropdown .has-children ul li .menu-fav-icon {
        position: absolute;
        top: 1px;
        right: -5px;
    }

    .menutext-name {
        width: 75% !important;
        display: inline-flex;
    }

    .cd-dropdown-content .cd-secondary-dropdown a {
        line-height: 14px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    .width550 {
        width: 100%;
        float: left;
    }

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

    .width250 {
        float: left;
        width: 41.4%;
    }

    .width100 {
        width: 100%;
    }

    .width30 {
        width: 32.5%;
    }

    .widht_55 {
        width: 8.6%;
        float: left;
    }

    .marg-left-30 {
        margin-left: -30px;
    }

    .marg-left-25 {
        margin-left: 25px;
    }

    .privew_bt {
        width: 100%;
    }


    /*.small_box {
        width: 50%;
    }*/
    .cd-secondary-dropdown .has-children ul li .menu-fav-icon {
        position: absolute;
        right: 19px;
        top: 0px;
    }
}


@media screen and (min-width: 1200px) {
    .company-select .carousel {
        width: 30%;
        margin: 0 auto;
    }

    .custom-table.static-table {
        height: 430px !important;
    }

    .balance-state {
        padding: 10px 10px 10px 17px;
    }

    .custom-form.invoice-form.add_invoice {
        width: 65%;
    }
}
/*search UX css starts*/
@media screen and (max-width: 600px) {

    .overlay-d {
        display: none !important;
    }

    .search_form .form-group .search_form_input {
        height: 20px;
    }

    .left-mail-data {
        padding-right: 120px;
    }

    .right-mail-data {
        width: 120px;
    }

    .category-icon {
        padding: 10px 10px 0px 0px;
    }

    .mail-time {
        width: 85px;
        font-size: 13px;
    }

    .mail-lable {
        font-size: 13px;
        width: 100%;
    }

    .lable-grp {
        width: 110px;
        position: relative;
        padding-left: 2px;
    }

    .mail-warning {
        position: absolute;
        left: 0;
        right: auto;
        top: 0;
        padding-right: 5px;
    }

    .mail-data-block h4 {
        font-size: 14px;
    }

    .char-icon {
        width: 30px;
        height: 30px;
        font-size: 16px;
        padding-top: 4px;
        margin-top: 5px;
    }

    .mail-listing .checkbox .check {
        width: 15px;
        height: 15px;
    }

    .action-bar .checkbox .checkbox-material .check, .action-bar label.checkbox-inline .checkbox-material .check {
        width: 15px;
        height: 15px;
    }
}
/*search UX css ends*/

@media screen and (max-width: 1200px) {
    .page-breadcrumbs.bread_crums {
        margin-top: 0px;
    }

    .imgotr {
        width: 70px;
        height: 70px;
        padding: 17px;
    }

    .sutitle {
        margin-top: 5px;
        font-size: 16px;
    }

    .todootr {
        min-height: 138px;
    }

    .todoact {
        margin: 34px 3% 0;
        padding: 5px;
        width: 88%;
    }

    .notifi {
        background: #ff0000 none repeat scroll 0 0;
        border-radius: 50%;
        height: 25px;
        padding: 3px 0 0;
        position: absolute;
        right: -15px;
        text-align: center;
        top: -11px;
        width: 25px;
        font-size: 12px;
    }

    .act {
        font-size: 14px;
    }

    .uom_form .custom-form .form-group.profile-entry img {
        max-height: 100%;
    }

    .knockout-autocomplete.floating-menu {
        width: 100%;
    }

    .SalesInvoice .box .s_name {
        /*overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;*/
    }

    .modal-lg-extra {
        width: 100%;
        padding: 20px;
    }

    .tab-content {
        margin-top: 10px;
    }

    .dashboard_main .tab-content {
        margin-top: 0px;
    }

    .custom-form {
        padding-left: 0;
        padding-right: 0;
    }

    .SalesInvoice.page-invoice .tab-content {
        margin-top: 0;
    }
}

@media screen and (max-width: 1023px) {
    .cd-dropdown h2 {
        margin: 0;
    }

    .cd-dropdown-content {
        margin-top: 60px;
    }

    .cd-dropdown ul li a {
        border-width: 1px;
    }

    .modal-lg-extra {
        width: 100%;
        padding: 20px;
    }
}

@media screen and (max-width: 991px) {
    .page-breadcrumbs.bread_crums li {
        display: none;
    }

        .page-breadcrumbs.bread_crums li:last-child {
            display: block;
            max-width: 160px !important;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .page-breadcrumbs.bread_crums li:nth-last-child(2) {
            display: block;
            max-width: 120px !important;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            position: relative;
            padding-right: 15px;
        }

            .page-breadcrumbs.bread_crums li:nth-last-child(2) i {
                position: absolute;
                right: 0;
                top: 3px;
            }

    .custom-list-view-timeRecord .panel-group:last-child {
        margin-bottom: 90px;
    }

    .cus-input-sales-popup-tab-2 {
        margin-top: 15px;
    }

    .dashboard-account {
        margin-top: 15px;
    }

    .role-alert-text {
        display: block;
        text-align: center;
        margin: 10px 0px;
    }

    .alert-grp-btn .btn, .alert-grp-btn .btn:hover, .alert-grp-btn .btn:focus {
        float: none;
    }

    .alert-grp-btn {
        position: absolute;
        right: 0;
        top: auto;
        bottom: 10px;
        left: 0;
        display: block;
        text-align: center;
    }

    .alert {
        padding-right: 15px;
        padding-bottom: 70px;
    }

    .entry-form.two-col .profile-entry {
        width: 15%;
    }

    .profile-data-entry {
        width: 35%;
    }

    .mobile-menu-btn {
        display: inline-block;
    }

    .web-menu-btn {
        display: none;
    }

    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .inbox-block.row-offcanvas-left {
        left: 10px;
    }

    .row-offcanvas-right .sidebar-offcanvas {
        right: -50%; /* 6 columns */
    }

    .inbox-block.row-offcanvas-left .sidebar-offcanvas {
        left: -10%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }

    .inbox-block.row-offcanvas-left.active {
        left: 10px; /* 6 columns */
    }

        .inbox-block.row-offcanvas-left.active .sidebar-offcanvas {
            left: -0px;
        }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%; /* 6 columns */
    }

    .panel-body .floating_out_ofthebox {
        position: static;
        display: inline-block;
        height: 30px;
    }


    .SalesInvoice .ctn-text {
        margin-top: 10px;
    }

    .SalesInvoice .icons-set {
        margin: auto;
    }

    .SalesInvoice .rout-customer .pro_name {
        width: 59%;
    }

    .SalesInvoice .white_box .rout-customer .img-rounded {
        width: 40px;
        height: 40px;
        border-width: 1px;
    }

    .SalesInvoice .tablecheckbox {
        margin-right: 5px;
    }

    .SalesInvoice .white_box .det_left_text {
        padding-right: 0;
        padding-left: 10px;
    }

    .time-record .record-rnd1, .time-record .record-rnd2, .time-record .record-rnd3 {
        display: inline-block;
        float: none !important;
    }

    .time-record .record-des1, .time-record .record-des2, .time-record .record-des3 {
        display: inline-block;
        float: none !important;
    }

    .icon_red a, .icon_green a {
        font-size: 17px;
    }

    .outlet-img {
        padding-left: 0px;
        text-align: center;
        margin: 0 auto;
        display: block;
        float: none;
    }

        .outlet-img img {
            height: 102px;
            width: auto;
            text-align: center;
            display: inline-block;
        }

    /*.van-l-box .img-pro img {
        width: 35px;
        height: 35px;
    }*/

    .check-box-upper-data .checkbox.check-box-upper {
        top: 13px;
    }

    .custom-list-view {
        padding: 15px 0;
        width: 100%;

    }
    .custom-list-view.mag-btm-space {
 height: auto !important; 
    margin-bottom: 75px;
}
    

    .cust-float-btn.add-btn {
        z-index: 0;
    }

    .no-touch .cd-dropdown-content .cd-secondary-dropdown li.has-children > a > span {
        height: 50px;
        float: none;
    }

    .custom-list-view .panel-group .panel-heading {
        margin-top: 22px;
    }

    .Chauk_Distribution {
        width: 100%;
    }

    .time-record-div:nth-child(7) {
        width: 100%;
    }

    .custom-list-view .panel-body label.val {
        width: 50%; /*Change for responsive list view by vishal*/
    }

    .upper-data-view.check-box-upper-data > .row {
        padding: 10px 0 0 0;
    }

    .custom-list-view .panel-body span.que {
        vertical-align: top;
    }

    .custom-table .Promo-Slab-grid .dataTables_wrapper .table tr td.dt-body-center.sorting_1 {
        width: 100px;
    }

    .custom-table .Promo-Slab-grid .dataTables_wrapper tr th:first-child {
        text-align: left;
    }

    .flaoting-attachment-grp, .attachment-black-overlay {
        z-index: 6;
    }

    .upper-data-view.check-box-upper-data .time-record-div label.label-floating {
        margin: 0;
    }

    .pro-sale-1 .user-round {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width: 767px) {
    .new-promo-group {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {


    .custom-textbox-salesinvoice {
        width: 100%;
    }

    .cust-sales-invoice-dropdown {
        padding: 15px 30px;
    }

    .time-record .record-rnd1, .time-record .record-rnd2, .time-record .record-rnd3 {
        width: 70px;
        height: 70px;
        padding: 26px 0px;
        font-size: 15px;
    }

    .time-record-sec-two-1 {
        font-size: 10px;
    }

    .time-record-sec-two-2 {
        font-size: 10px;
    }

    .cus-input-sales-popup-tab-div {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .reportbuilder-btngrp {
        width: 30%;
    }

    .footer-btn-grp.cus_footer_attch_btn.footer-fix-bottom .btn-negative, .footer-btn-grp.cus_footer_attch_btn.footer-fix-bottom .btn-positive, .footer-btn-grp.cus_footer_attch_btn.footer-fix-bottom .btn-partial-cust2, .footer-btn-grp.cus_footer_attch_btn.footer-fix-bottom .btn-partial-cust1 {
        padding: 8px 15px !important;
    }

    .pro-name ul.product-rate-value {
        margin-top: 0px;
        width: 100%;
        float: right;
        text-align: right;
        padding-right: 25px;
    }

    .SalesInvoice.page-invoice .van-l-box .img-pro {
        padding-top: 12px;
    }

    .GpsLocation .location-text {
        float: left;
        clear: both;
        width: 40%;
        margin-bottom: 10px;
    }

    .GpsLocation input {
        float: left;
        width: 60%;
        margin-bottom: 10px;
    }

    .entry-form.two-col .profile-entry {
        width: 22%;
    }

    .profile-data-entry {
        width: 78%;
    }

    .has-children ul {
        padding-top: 0;
    }

    .cd-dropdown h2 {
        margin-top: 0;
    }

    .cd-dropdown-content {
        margin-top: 50px;
    }

    .cd-dropdown ul li a {
        border-bottom-width: 1px !important;
        border-right-width: 1px !important;
    }

    .upper-data-view {
        padding-top: 10px;
    }

    .page-breadcrumbs {
        display: none;
    }

    .uploaded_file_name {
        max-width: 350px;
    }

    #forgot-password, #otpforgot-password {
        bottom: 70px;
    }

    #LogIn {
        background: #8AA2A4;
        padding-bottom: 80px;
        position: relative;
        MIN-HEIGHT: 100%;
    }

    .login-block {
        height: 100%;
        width: 100%;
        padding-top: 60px;
    }

    .login-form {
        position: relative;
        float: none;
    }

    .btn.btn-raised.btn-login, .btn.btn-raised.btn-login:hover, .btn.btn-raised.btn-login:focus {
        font-size: 27px;
        height: 50px;
        width: 90%;
    }

    .auto-login label {
        font-size: 18px;
        line-height: 40px;
    }

    .quick-option {
        margin-top: 10px;
        float: left;
    }

        .quick-option a, .quick-option a:focus, .quick-option a:hover {
            font-size: 18px;
        }

    .ftrbtn {
        position: absolute;
        width: 100%;
        height: 80px;
        bottom: 0px;
    }

    .login-form .social-icn {
        font-size: 23px;
        top: 7px;
    }

    .login-form .form-group.label-floating label.control-label {
        font-size: 18px;
    }

    .inbox-block.row-offcanvas-left.active .sidebar-offcanvas {
        width: 50%;
    }

    .category-btns li a, .category-btns li a:hover, .category-btns li a:focus {
        padding: 5px 15px;
        text-align: center;
    }

    .category-btns {
        text-align: center;
    }

    .top-bar {
        padding: 15px;
    }

    .search_form .form-group .search_form_input {
        height: 20px;
    }

    .maillist li a span:first-child {
        font-size: 16px;
    }

    .maillist li a span:last-child {
        font-size: 12px;
    }

    h2.resp-accordion {
        font-size: 20px;
    }

    .resp-arrow {
        margin-top: 5px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 7px solid @defaultfontcolor;
    }

    h2.resp-tab-active span.resp-arrow {
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ffffff;
    }

    .row-offcanvas-left.active .sidebar-data {
        width: 100%;
        z-index: 1;
    }

    .row-offcanvas-left.active .sidebar-offcanvas {
        width: 70%;
        z-index: 2;
    }

    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
    }

    .row-offcanvas-right {
        right: 0;
    }

    .row-offcanvas-left {
        left: 0;
    }

    .row-offcanvas-right .sidebar-offcanvas {
        right: -70%; /* 6 columns */
    }

    .row-offcanvas-left .sidebar-offcanvas {
        left: -70%; /* 6 columns */
    }

    .row-offcanvas-right.active {
        right: 50%; /* 6 columns */
    }

    .row-offcanvas-left.active {
        left: 70%; /* 6 columns */
    }

    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 70%; /* 6 columns */
    }

    .todootr {
        min-height: 138px;
    }

    .todoact {
        margin: 34px 3% 0;
        padding: 5px;
        width: 88%;
    }

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

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

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

    .width100 {
        width: 100%;
    }

    .width30 {
        width: 100%;
    }

    .privew_bt {
        width: 100%;
    }

    .resp-tab-content .small_box {
        padding: 10px 0;
        width: inherit;
    }

    .box-shadow-report .small_box {
        width: 100%;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .box-shadow-report .privew_bt {
        padding: 5px;
    }

    .big_box {
        min-height: 292px;
    }

    .box-shadow-report .boxitem {
        height: 43px;
    }

    .widht_55 {
        width: 100%;
        float: left;
        height: inherit;
    }

    .middle_box {
        height: inherit;
        padding: 10px 0;
        text-align: center;
    }

    .box-arrow .fa-long-arrow-right, .box-arrow .fa-long-arrow-left {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .box-color {
        height: inherit;
    }

    .marg-left35 {
        margin-left: 29px;
    }

    .and_text {
        float: left;
        padding: 0;
        /* width: 10%; */
        height: initial;
        text-align: center;
    }

    .fl_right {
        float: right;
    }

    .padd80 {
        margin-left: 0 0 0 -15px !important;
        padding: 0;
    }

    .pad_r_l0 {
        padding: -1px !important;
        margin-top: 20px !important;
    }

    .box-shadow-report {
        width: 100%;
        margin: 0;
    }

    .padd0_new {
        padding: 0px !important;
    }
    /* Start Vishal CSS*/
    .country-code-grp {
        width: 38.333333%;
    }

    .call-num-grp {
        width: 61%;
    }

    .has-no-country-code {
        width: 100%;
    }

    .login-select-lang .floating-dropdown select option {
        color: #646464;
    }

    .login-select-lang .floating-dropdown select, .login-select-lang .form-group .set-dropdown-icon {
        color: #fff !important;
    }

    .bottom-outlet2 {
        display: block;
        width: 100%;
        bottom: 0px !important;
        right: 0px !important;
        padding: 10px 10px 10px;
        position: fixed !important;
        background-color: #e8e8e8;
        z-index: 6;
    }

        /*.bottom-outlet2:hover {
            display: block!important;
        }*/

    .inner-bottom-outlet2 {
        float: right;
        margin-top: 15px;
    }

    .bottom-outlet2 b {
        font-size: 18px;
        margin-left: 10px;
        color: #4a4a4a;
        padding-right: 10px;
        margin-top: 15px;
    }

    .bottom-outlet2 input {
        margin-right: 10px;
        font-size: 18px;
    }

    .cust-float-btn {
        margin-bottom: 15px;
        z-index: 9999;
    }

        .cust-float-btn .btn.btn-fab {
            height: 50px !important;
            width: 50px !important;
        }

        .cust-float-btn a i {
            margin-top: 15px;
        }

    .bottom-outlet2 .bottom-outlet2-l1 {
        margin-right: 10px;
        font-size: 18px;
        color: #000;
        border: 1px solid #3d8a43;
        padding: 1px 10px 1px 10px;
        font-weight: bold;
        margin-right: 4px;
        margin-top: 15px;
    }

    .bottom-outlet2 .bottom-outlet2-l2 {
        margin-right: 10px;
        font-size: 18px;
        color: #000;
        border: 1px solid #3d8a43;
        padding: 1px 10px 1px 20px;
        font-weight: bold;
        margin-top: 15px;
    }
    /* End Vishal CSS*/
    .header_title label {
        padding-left: 0;
        font-size: 16px;
    }

    .header_dropdown > a.btn.btn-default.btn-raised {
        padding: 0 !important;
    }

    .mobile.header_dropdown .btn i {
        float: none;
    }

    .form-group .audio_file {
        width: 85%;
    }

    .refresh-round {
        background-color: #4da153;
        width: 39px;
        height: 38px;
        border-radius: 32px !important;
        padding: 0px;
        margin: 0px;
        text-align: center;
        /* left: -1px; */
        padding-left: 4px;
    }

    .total-label, .details-label {
        font-size: 16px;
    }

    .remark-icon i, .memo-icon i, .narration-icon i, .signature-icon i {
        font-size: 22px;
    }

    .remark-icon, .memo-icon, .narration-icon, .signature-icon {
        padding-top: 12px;
        border-radius: 45px;
        height: 45px;
        width: 45px;
    }

    .modal-lg-extra {
        position: relative;
        width: auto;
        margin: 10px;
    }

    .SalesInvoice h3.s_name {
        font-size: 15px !important;
        /*white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;*/
        width: 80%;
    }

    .SalesInvoice .icons-set {
        margin: auto;
        text-align: left;
    }

    .SalesInvoice .icon_red, .SalesInvoice .icon_green {
        padding: 0 5px;
        display: inline-block;
        width: 20px;
    }

    .data-edit, .data-delete {
        float: right;
        padding: 5px 0px !important;
    }

    .van-l-box .pro-name-off i {
        font-size: 16px;
    }


    .van-l-box .img-pro img {
        width: 35px;
        height: 35px;
    }

    .van-l-box .sub-product .img-pro img {
        width: 30px;
        height: 30px;
    }

    .uom_form .SalesInvoice .btn-grp.footer-btn-grp {
        padding: 0;
    }

    .upper-data-view span.que {
        float: none;
    }

    .salep-btn {
        clear: both;
        display: inline-block;
        width: 100%;
    }

    /*.custom-list-view-scroll.custom-list-view {
        margin-bottom: 116px;
    }*/
    .upper-data-view.check-box-upper-data label.label-floating {
    }

    .mobile-text > div:first-child label.label-floating {
        margin-right: 49px;
    }

    .cust-attach-listview {
        z-index: 1;
    }

    .time-record .record-des1, .time-record .record-des2, .time-record .record-des3 {
        margin-top: 5px;
        color: #03a9f4;
        font-size: 16px;
        display: inline-block;
        float: none !important;
    }

    .time-record-div:nth-child(9), .time-record-div:nth-child(10), .time-record-div:nth-child(11) {
        width: 100%;
    }

    .arrow-set-responsive {
        position: relative;
        z-index: 0;
        display: inline-block;
        width: 100%;
    }

    .width610 .left-arrow {
        position: absolute;
        right: -25px;
        top: 0;
        display: inline-table;
    }

    .sd-invoice-code .sd-1 {
        word-break: break-word;
    }

    .cd-secondary-dropdown .has-children ul li .menu-fav-icon {
        position: absolute;
        right: 19px;
        top: 0px;
    }
}

@media screen and (max-width: 600px) {
    .upper-filter-block .action-grp {
        width: 100%;
        text-align: center;
    }

        .upper-filter-block .action-grp li {
            padding: 10px;
        }

    .upper-filter-block .table_search_box {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .top-head-branch-name select {
        width: 135px;
    }

    .profile-entry {
        width: 25%;
        padding-right: 0;
    }

    .profile-data-entry {
        width: 75%;
    }

    .Chauk_Distribution, .Chauk_Distribution .label-floating {
        width: 100%;
    }
}

@media screen and (max-width: 420px) {
    .dashboard-account .nav-tabs li a {
        padding: 10px 7px;
        font-size: 14px;
    }

    .dashboard-account .notification-total {
        left: 12px;
    }

    .inbox-block.row-offcanvas-left.active .sidebar-offcanvas {
        width: 60%;
    }

    .inbox-right-block .compose-btn, .inbox-right-block .sent-btn {
        position: fixed;
    }

    .left-action-bar, .right-action-bar {
        width: 100%;
        text-align: left;
    }

    .category-btns li {
        width: 50px;
    }

    .mail-list-block {
        padding-top: 90px;
    }

    .right-action-bar ul {
        margin-left: -9px;
    }

    .right-action-bar .nav li.dropdown .dropdown-menu {
        left: 0;
        right: auto;
    }
    /*.top-page-title{width:220px;}*/
    .swiper-tabs .nav-tabs li a {
        font-size: 15px;
    }

    .top-page-title {
        font-size: 18px;
        margin-top: 5px;
    }

    .panel-heading {
        display: block !important;
    }

    .offline {
        font-size: 10px;
        margin-top: 0px;
    }

    .imgotr {
        width: 50px;
        height: 50px;
        padding: 10px;
    }

    .sutitle {
        font-size: 14px;
        margin: 5px 0 0 0;
    }

    .box1, .box2, .box3, .box4 {
        padding: 10px;
    }

    h2.resp-accordion {
        font-size: 16px;
    }

    .todootr {
        min-height: 95px;
    }

    .todoact {
        margin: 18px 3% 0;
        padding: 5px;
        width: 88%;
    }

    .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
        margin: 0 2px;
    }

    .swiper-pagination .swiper-pagination-bullet, .swiper-pagination .swiper-pagination-bullet-active {
        width: 10px;
        height: 10px;
    }

    .maillist li {
        padding: 10px 12px;
    }

    .upper-filter-block .table_search_box {
        width: 100%;
    }

    .header_title {
        width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

        .header_title label {
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
        }

    .upper-filter-block .action-grp li {
        padding: 5px;
    }

    .upper-filter-block .action-grp {
        padding: 0;
    }

    .btn.btn-raised.add-row.truncate_btn {
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
        padding-left: 10px;
        padding-right: 10px;
    }

    .time-record .record-rnd1, .time-record .record-rnd2, .time-record .record-rnd3 {
        width: 70px;
        height: 70px;
        padding: 26px 0px;
        font-size: 15px;
    }
}

@media screen and (max-width: 360px) {

    .data-accordian .panel-default .panel-heading a, .data-accordian .panel-default .panel-heading a:hover, .data-accordian .panel-default .panel-heading a:focus {
        font-size: 16px;
    }

    .swiper-tabs .nav-tabs li a {
        font-size: 14px;
    }

    .icn {
        margin-top: -1px;
        font-size: 20px;
    }

    .header_title {
        width: 121px;
    }
}

@media screen and (max-width: 355px) {
    .custom-pagination li a {
        padding: 6px 8px;
    }

    .login-form {
        padding: 0 15px;
    }
}




/*Changed 19th july*/
.loginlablepos {
    top: -20px !important;
}

.selectloginlabel1 {
    top: -20px !important;
}

    .selectloginlabel1 input {
        background: transparent;
        background-image: none !important;
        border-bottom: 1px solid #fff;
        color: #fff;
    }

#customeselectionl > div > label {
    top: -8px !important;
    left: 15px !important;
}

#customeselectionl .dropdownjs input {
    background: transparent;
    background-image: none !important;
    border-bottom: 1px solid #fff;
    color: #fff;
}
/*CSS Change 19th july*/

.login-form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #fff;
    border-bottom: 1px solid #fff !important;
}

    .login-form input:-webkit-autofill:focus {
        -webkit-box-shadow: /*your box-shadow*/,0 0 0 50px white inset;
        -webkit-text-fill-color: #fff;
        border-bottom: 1px solid #fff !important;
    }

.int_value {
    color: blue;
    font-weight: 300;
}

/*Account css start*/
.uom_form.accounts {
    background: none;
}

.account_table {
    background: #fff;
    margin-top: 10px;
    padding: 15px;
    padding-left: 2px;
    padding-right: 2px;
}
.account_table .accountVoucher-row .ui-multiselect {
    max-width: 160px!important;
}
.account_table .last-row {
    border-top: 2px solid #ddd;
}

.accounts .account-block {
    display: inline-block;
    background: #fff;
    width: 100%;
    padding: 10px 0;
}

.EmployyeResignationAssetDetailHedaer {
    background: #c1c1c1;
    color: #3d3d3d;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px;
    line-height: 35px;
    margin-top: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.Ignormaillist li {
    padding: 0px !important;
    width: auto !important;
    float: none !important;
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

.LeaveTicketDetailTableTh {
    background-color: #c1c1c1 !important;
    color: #3d3d3d !important;
    border-color: #3d3d3d !important;
    max-height: 10px !important;
    border: 1px solid !important;
}


.new_promo_poup_1 .custom-form {
    padding: 0px 15px 15px 0px;
}

.new_promo_poup_1 .modal-body {
    max-height: 500px;
    overflow-y: auto;
}

.new_promo_poup_1 .table-responsive {
    margin-left: 8px;
}

.new_promo_poup_1 .modal-body h4 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 8px;
}

.new_promo_poup_1 .form-group {
    padding: 0;
    margin: 0 !important;
}

.new_promo_poup_1 .table-responsive td {
    vertical-align: middle;
    padding: 3px 8px !important;
}

.data-list-text .list-textarea {
    width: 90%;
    float: left;
    border-right: 1px solid @themebackground;
}

.data-list-text .value-list-textarea {
    width: 10%;
    padding: 0;
    text-align: right;
}

#alertBox .modal-body {
    max-height: 508px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: justify;
}