* {
    --tableHead-BgColor :#aab2b8;
    --tbl-strip-color:#ececec;
    --tbl-tdth-border-color:rgba(0,0,0,0.08);
    --section-title-color:#aecb06;
    --section-title-BG-color:#748790;
    --box-shadow-color:rgba(0, 0, 0, 0.2);
    --common-tabs-Active-BG-color:#748790;
    --common-tabs-Active-color:#aecb06;
    --common-tabs-table-BG-Color:#748790;
    --common-deactive-tabs-BG-color:#aab2b8;
    --GrandTotalBgColor:#575757; /*Added by Rohan*/
    --GrandTotalColor:#fff; /*Added by Rohan*/
}

    *, *:hover, *:active, *:focus {
        outline: none !important;
        outline-offset: unset !important;
    }
.brd{
    border:1px solid red;
}
::placeholder {
    color: #dcdcdc !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #dcdcdc !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
   color: #dcdcdc !important;
}
/*@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../../bootstrap/fonts/OpenSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Light';
    src: url('../../bootstrap/fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../../bootstrap/fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url('../../bootstrap/fonts/OpenSans-Semibold.ttf') format('truetype');
}*/

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

@font-face {
	font-family: 'OpenSans-Light';  /* for second heading, sub-heading, section heading ang short sentences */
	src: url(../bootstrap/fonts/OpenSans-Light.eot);
	src: url(../bootstrap/fonts/OpenSans-Light.woff) format('woff'), url(../bootstrap/fonts/OpenSans-Light.woff) format('woff'), url(../bootstrap/fonts/OpenSans-Light.ttf) format('truetype'), url(../bootstrap/fonts/OpenSans-Light.eot?#iefix) format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Bold';  /* for Page titles and important messages */
	src: url(../bootstrap/fonts/OpenSans-Bold.eot);
	src: url(../bootstrap/fonts/OpenSans-Bold.woff) format('woff'), url(../bootstrap/fonts/OpenSans-Bold.woff) format('woff'), url(../bootstrap/fonts/OpenSans-Bold.ttf) format('truetype'), url(../bootstrap/fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Semibold';  /* for Page titles and important messages */
	src: url(../bootstrap/fonts/OpenSans-Semibold.eot);
	src: url(../bootstrap/fonts/OpenSans-Semibold.woff) format('woff'), url(../bootstrap/fonts/OpenSans-Semibold.woff) format('woff'), url(../bootstrap/fonts/OpenSans-Semibold.ttf) format('truetype'), url(../bootstrap/fonts/OpenSans-Semibold.eot?#iefix) format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}

*, *:hover, *:focus, *:active, *::after, .*::before {
    outline: none !important;
    outline-offset: unset !important;
    outline-color: transparent !important;
}

body {
    font-family: 'OpenSans-Regular';
}

.SectionHeadLbl, .SectionFieldLabel, .commonBtnCls, .commonLinkcls, .CommonTabsOuter > ul > li > a, .common_modal_header .modal-title, .CommonRadioListCls label, .CommonHorizontalRadioListCls label, .CommonCheckListCls label, .MultiSelectChk label {
    font-family: 'OpenSans-Semibold' !important;
}

.SectionFieldValue, .CommonTableHeadLbl {
    font-family: 'OpenSans-Regular' !important;
}

.AreaSectionOuter {
    display: inline-block;
    margin-top: 15px; /*Changed by Rohan on 27-11-2017*/
    width: 100%;
    box-shadow: 0 0 5px 0 var(--box-shadow-color);
    border-radius: 5px 5px 0 0; /*Added by Rohan on 27-11-2017*/
    background-color: #fff; /*Added by Rohan on 27-11-2017*/
}

.nopadding {
    padding: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.SectionHeadLblOuter {
    background-color: var(--section-title-BG-color);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    display: inline-block;
    padding: 8px 15px;
    width: 100%;
}

.SectionHeadLbl {
    display: inline-block;
    color: var(--section-title-color);
    font-size: 16px;
    /*updated by bhushan 19112017*/
    vertical-align: middle;
    line-height: 40px;
}

.SectionBodyContentOuter {
    display: inline-block;
    width: 100%;
    background-color: #fff;
    padding: 15px 0;
}

/*.Set_Box_Shadow {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
}*/
.Set_Box_Shadow {
    box-shadow: 0 0px 5px 0 rgba(0,0,0,0.4);
    background-color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; /*Changed in this class by Rohan on 19-9-2017*/
}

.SectionFieldLabel {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    margin-bottom: 7px;
    color: #575757;
}

.SectionFieldOuter {
    margin-bottom: 15px; /*Changed by Rohan on 20-9-2017*/
}

.SectionFieldValue:focus, .SectionFieldValue:active {
    border-color: #466cab !important;
}
.SectionFieldOuter .form-control:focus, .SectionFieldOuter .form-control:active
.select2-container--default .select2-selection--single:focus, .select2-selection .select2-selection--single:focus  {
    box-shadow: 0px 0px 5px rgba(70, 108, 171, 0.8) !important;
}
.SectionFieldValue {
    border-radius: 2px;
    font-size: 13px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0.15);
    color:#303030;
}

.SectionFieldDate {
    background-image: url("../Images/calender.png");
    background-repeat: no-repeat;
    background-position: 97% center;
    padding-right: 25px !important;
    background-size: 15px;
}

/***** radiobox list css  ******/
.CommonRadioListCls label {
    display: inline-block;
    margin: 0;
    padding: 5px 0 5px 25px;
    background-image: url("../Images/radio_gray.png");
    background-repeat: no-repeat;
    background-position: 1% center;
    cursor: pointer;
    background-size: 15px;
    font-size: 12px;
    font-weight: normal !important;
}

.CommonRadioListCls input:checked + label {
    background-image: url("../Images/radio_green.png") !important;
}

.CommonRadioListCls input {
    display: none;
}

.CommonRadioListCls, .CommonRadioListCls > tbody, .CommonRadioListCls > tbody > tr > td {
    display: inline-block;
    width: 100%;
}

    .CommonRadioListCls > tbody > tr {
        display: inline-block;
        width: 50%;
    }

/***** horizontal radiobox list css  ******/
.CommonHorizontalRadioListCls label {
    display: inline-block;
    margin: 0;
    padding: 5px 0 5px 25px;
    background-image: url("../Images/radio_gray.png");
    background-repeat: no-repeat;
    background-position: 1% center;
    cursor: pointer;
    background-size: 15px;
    font-size: 13px;
}

.CommonHorizontalRadioListCls input:checked + label {
    background-image: url("../Images/radio_green.png") !important;
}

.CommonHorizontalRadioListCls input {
    display: none;
}

.CommonHorizontalRadioListCls, .CommonHorizontalRadioListCls > tbody, .CommonHorizontalRadioListCls > tbody > tr {
    display: inline-block;
    width: 100%;
}

    .CommonHorizontalRadioListCls > tbody > tr > td {
        display: inline-block;
        width: 50%;
    }


/***** checkbox list css  ******/
.CommonCheckListCls label {
    display: inline-block;
    margin: 0;
    padding: 5px 0 5px 25px;
    /*background-image: url("../Images/checkbox_gray.png");*/
    background-image: url('../Images/check_box.png');
    background-repeat: no-repeat;
    background-position: 1% center;
    cursor: pointer;
    background-size: 15px;
    font-size: 13px;
}

.CommonCheckListCls input:checked + label {
    background-image: url("../Images/checkbox_checked.png") !important;
}

.CommonCheckListCls input {
    display: none;
}

.CommonCheckListCls, .CommonCheckListCls > tbody, .CommonCheckListCls > tbody > tr > td {
    display: inline-block;
    width: 100%;
}

    .CommonCheckListCls > tbody > tr {
        display: inline-block;
        width: 50%;
    }

/***** Single checkbox css  ******/
.CommonSingleCheckCls label {
    display: inline-block;
    margin: 0;
    padding: 0px 0 5px 25px;
    background-image: url("../Images/checkbox_gray.png");
    background-repeat: no-repeat;
    background-position: 1% center;
    cursor: pointer;
    font-family: 'OpenSans-Semibold';
    font-size: 13px;
    background-size: 15px;
    color:#466cab;
}
.checkboxcontentlabel{
    font-family: 'OpenSans-Semibold';
    font-size: 13px;
    color:#466cab;
}

.CommonSingleCheckCls input:checked + label {
    background-image: url("../Images/checkbox_checked.png") !important;
}

.CommonSingleCheckCls input {
    display: none;
}

/*** common btn css****/
.buttonText {
    font-size: 11px; /*by Rohan on 26-9-2017*/
    font-family: 'OpenSans-Semibold';
}

.commonBtnCls {
    border-radius: 6px;
    font-size: 12px;
    margin:0 5px; /*// Changed by Rohan*/
   
    min-width: 100px;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    outline: none; /*Added By rohan*/
    font-size: 11px; /*Changed in this class by Rohan on 26-9-2017*/
    font-family: 'OpenSans-Semibold';
    display: inline-block;

}

    .commonBtnCls:hover, .commonBtnCls:focus, .commonBtnCls:active {
        font-family: 'OpenSans-Semibold' !important;
    }

.CommonAddBtn, .CommonAddBtn:active, .CommonAddBtn:focus {
    background-color: #0a253a;
    color: #fff;
    border: 2px solid #0a253a;
    outline: none !important; /*Added By rohan*/
}

    .CommonAddBtn:hover {
        background-color: #fff;
        color: #0a253a !important;
        border: 2px solid #0a253a;
    }

.CommonEditBtn, .CommonEditBtn:active, .CommonEditBtn:focus {
    background-color: #1983f9;
    color: #fff;
    border: 2px solid #1983f9;
    font-family: 'OpenSans-Semibold';
}

    .CommonEditBtn:hover {
        background-color: #fff;
        color: #1983f9 !important;
        border: 2px solid #1983f9;
    }

.CommonResetBtn, .CommonResetBtn:active, .CommonResetBtn:focus {
    background-color: rgb( 60, 141, 188 );
    color: #fff;
    border: 2px solid rgb( 60, 141, 188 );
}

    .CommonResetBtn:hover {
        background-color: #fff;
        color: rgb( 60, 141, 188 ) !important;
        border: 2px solid rgb( 60, 141, 188 );
    }

.CommonModifyBtn, .CommonModifyBtn:active, .CommonModifyBtn:focus {
    background-color: rgb( 243, 156, 18 );
    color: #fff;
    border: 2px solid rgb( 243, 156, 18 );
}

    .CommonModifyBtn:hover {
        background-color: #fff;
        color: rgb( 243, 156, 18 ) !important;
        border: 2px solid rgb( 243, 156, 18 );
    }

.CommonDeleteBtn, .CommonDeleteBtn:active, .CommonDeleteBtn:focus {
    background-color: rgb( 255, 54, 21 );
    color: #fff;
    border: 2px solid rgb( 255, 54, 21 );
}

    .CommonDeleteBtn:hover {
        background-color: #fff;
        color: rgb( 255, 54, 21 ) !important;
        border: 2px solid rgb( 255, 54, 21 );
    }

.CommonCancleBtn, .CommonCancleBtn:active, .CommonCancleBtn:focus {
    background-color: rgb( 145, 145, 145 );
    color: #fff;
    border: 2px solid rgb( 145, 145, 145 ) !important
}

    .CommonCancleBtn:hover {
        background-color: #fff;
        color: rgb( 145, 145, 145 ) !important;
         border: 2px solid rgb( 145, 145, 145 ) !important;
    }

.CommonSubmitBtn, .CommonSubmitBtn:active, .CommonSubmitBtn:focus {
    background-color: rgb( 70, 108, 171 );
    color: #fff;
    border: 2px solid rgb( 70, 108, 171 ) !important;
}

    .CommonSubmitBtn:hover {
        background-color: #fff;
        color: rgb( 70, 108, 171 ) !important;
        border: 2px solid rgb( 70, 108, 171 ) !important;
    }

/*Added by rohan on 17-7-2017*/
.CommonAddToCartBtn, .CommonAddToCartBtn:active, .CommonAddToCartBtn:focus {
    background-color: #2e99ed;
    color: #fff;
    border: 2px solid #2e99ed;
}

    .CommonAddToCartBtn:hover {
        background-color: #fff;
        color: #2e99ed !important;
    }
/*End*/
.commonLinkcls {
    font-size: 12px;
    color: var(--section-title-color) !important;
    font-style: italic;
    text-align: center;
    display: inline-block;
    text-shadow: 1px 1px rgba(0,0,0,0.3);
    cursor: pointer;
}

.CommonExcelPdfImgBtn {
    display: inline-block;
    padding: 0;
    width: 25px;
    text-align: center;
    margin: 5px;
    cursor: pointer;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

    .CommonExcelPdfImgBtn:hover {
        opacity: 0.6;
    }

.CommonExcelPdfImgBtnWithBack {
    display: inline-block;
    padding: 0;
    width: 40px;
    text-align: center;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

    .CommonExcelPdfImgBtnWithBack:hover {
        opacity: 0.8;
    }




/***** Admin LT Select Css******/
.select2-container .select2-selection {
    height: 34px !important;
    border: 1px solid rgb( 173, 173, 173 );
    border-radius: 2px !important;
    display: inline-block !important;
    width: 100% !important;
}

.select2-container {
    /*display: inline-block !important;*/
    width: 100% !important;
    height: 34px;
}

.SectionFieldDropList option {
    padding: 10px 15px;
}

.select2-selection[aria-expanded = 'true'] {
    border-color: #466cab !important;
}

.SectionFieldDropList {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    background-image: url("../Images/dropdownimg.png");
    background-repeat: no-repeat;
    background-position: 97% center;
    padding-right: 25px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #466cab !important;
    color: #fff !important;
}

.select2-results__option {
    padding: 6px 10px 6px 12px !important;
}

.bsCheckboxOuter {
    display: inline-block;
    margin: 5px;
    margin: 5px 5px 1px;
}

    .bsCheckboxOuter label {
        padding: 0 !important;
    }

.checkbox-slider-md input + span:after, .checkbox-slider-md input + span:before {
    height: 25px !important;
    line-height: 25px !important;
}

.checkbox-slider-md input + span:before {
    width: 50px !important;
}

.checkbox-slider-md input:checked + span:after {
    margin-left: 25px !important;
}

.checkbox-slider-md input + span:after {
    width: 25px !important;
    vertical-align: middle;
}

.select2-search--dropdown .select2-search__field {
    font-family: 'OpenSans-Regular' !important;
    font-size: 12px !important;
    color: #555 !important;
}

.select2-results > ul > li {
    font-family: 'OpenSans-Regular' !important;
    font-size: 12px !important;
    color: #555 !important;
}

.FileUploadOuter {
    display: inline-block;
    margin: 5px;
    padding: 5px;
}

.FileUploadbtnColor {
    background-color: #466cab;
    border-color: #466cab;
    color: #fff;
}

    .FileUploadbtnColor:hover {
        color: #fff;
    }

.adminLTSelectOuterWithFS .bootstrap-filestyle {
    margin-top: 10px !important;
}

.ddlrdonly {
    pointer-events: none !important;
}

.modelAdj .modal-content {
    border-top-left-radius: 7px !important;
    border-top-right-radius: 7px !important;
}

.modelAdj .modal-header {
    padding: 0px;
    border-bottom: none;
}

.modelAdj .modal-footer {
    text-align: left !important;
}

.NxtPrvBtn {
    text-align: right;
    margin-right: 15px;
    color: #aba8a8;
}

.SectionFieldOuter .form-control, .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    padding: 6px 10px !important;
    background-color: #fff !important;
    /*box-shadow: 0px 0px 4px 0px rgba(1, 1, 1, 0.2) !important;
    border:none !important;*/
}

/* Added by rohan 17-7-2017*/
.select2-container .select2-selection--single .select2-selection__rendered {
    /*padding-left: 8px !important;*/
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 0px !important;
}
/* End */

@media (min-width: 1000px) {
    .modelAdj .modal-dialog {
        width: 825px !important;
        margin: 55px auto 30px !important;
    }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px;
    font-family: 'OpenSans-Regular';
    font-size: 12px;
    color: #555;
}



/**** newly add by gayatri on 5-7-17 *****/
/*** common Table css***/

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

.CommonTable {
    margin: 0 !important;
    background-color: #fff;
}

.CommonTableInnerDataTbl, .CommonTableInnerDataTbl tbody, .CommonTableInnerDataTbl tbody > tr {
    width: 100%;
}

    .CommonTable > thead > tr > th, .CommonTableInnerDataTbl tbody > tr > td {
        display: inline-block;
        vertical-align: middle !important;
        padding: 8px 5px !important;
        border: none !important;
        /*border-right: 1px solid var(--tbl-tdth-border-color) !important;*/
    }

.CommonTable > thead > tr {
    background-color: var(--tableHead-BgColor);
    color: #fff !important;
}


.CommonTableInnerDataTbl > thead > tr > th, .CommonTableInnerDataTbl > thead > tr > td {
    border: none !important;
}

.replaceThisClassWithYourNewClass > thead > tr > th:first-child, .replaceThisClassWithYourNewClass .CommonTableInnerDataTbl tbody > tr > td:first-child {
    width: 15%;
    text-align: center;
}

.replaceThisClassWithYourNewClass > thead > tr > th:nth-child(2), .replaceThisClassWithYourNewClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(2) {
    width: 15%;
}

.replaceThisClassWithYourNewClass > thead > tr > th:nth-child(3), .replaceThisClassWithYourNewClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(3) {
    width: 15%;
}

.replaceThisClassWithYourNewClass > thead > tr > th:nth-child(4), .replaceThisClassWithYourNewClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(4) {
    width: 21%;
}

.replaceThisClassWithYourNewClass > thead > tr > th:nth-child(5), .replaceThisClassWithYourNewClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(5) {
    width: 10%;
}

.replaceThisClassWithYourNewClass > thead > tr > th:nth-child(6), .replaceThisClassWithYourNewClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(6) {
    width: 10%;
}

.replaceThisClassWithYourNewClass > thead > tr > th:nth-child(7), .replaceThisClassWithYourNewClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(7) {
    width: 10%;
    text-align: right;
}


.CommonTableHeadLbl {
    display: inline-block;
    width: 100%;
    /*color: #fff;*/
    font-weight: normal;
    font-size: 15px;
}

.CommonTablefieldLbl {
    display: inline-block;
    width: 100%;
    color: #242b1d;
    font-weight: normal;
    font-size: 14px;
}

.spectbl {
    display: inline-block;
    max-height: 190px;
    min-height: 190px;
    width: 100%;
}

.CommonTableOuter {
    display: inline-block;
    width: 100%;
}

.commonOuterTd {
    padding: 0 !important;
}

.CommonTableInnerDataTbl tbody tr:nth-of-type(2n) {
    background-color: var(--tbl-strip-color) !important;
}

/*** Newly Added By Rohan 0n 7-7-17 ***/
/* Common Tab */
.CommonOuterBox {
    background-color: #fff;
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
    padding: 15px 0;
}

.MarginTopHeight {
    margin-top: 15px;
}

.CommonTabsOuter {
    margin-top: 4px;
}

    .CommonTabsOuter > ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

        .CommonTabsOuter > ul > li {
            float: left;
            text-align: center;
            border-bottom: 4px solid var(--common-tabs-Active-BG-color);
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            margin-top: 4px;
        }

            .CommonTabsOuter > ul > li > a {
                display: block;
                background-color: var(--common-deactive-tabs-BG-color);
                font-size: 13px;
                padding: 6px 3px;
                border: none !important;
                color: #fff !important;
                text-decoration: none;
                margin-right: 2px;
                position: relative;
                transition: all .2s ease-out;
                text-transform: uppercase;
            }

            .CommonTabsOuter > ul > li:last-child a {
                margin-right: 0px !important;
            }

    .CommonTabsOuter > .nav-tabs > li.active > a, .CommonTabsOuter > .nav-tabs > li.active > a:focus, .CommonTabsOuter > .nav-tabs > li.active > a:hover {
        color: #fff;
        background-color: var(--common-tabs-Active-BG-color);
        border-radius: 0px !important;
    }

    .CommonTabsOuter > .nav-tabs > li.active > a {
        color: var(--common-tabs-Active-color) !important;
        border-radius: 0px !important;
    }

    .CommonTabsOuter > .nav-tabs > li > a:hover {
        background-color: var(--common-tabs-Active-BG-color);
        border-radius: 0px !important;
    }

    .CommonTabsOuter > .nav-tabs > li > a:active, .CommonTabsOuter > .nav-tabs > li > a:focus {
        background-color: var(--common-deactive-tabs-BG-color);
        border-radius: 0px !important;
    }

    .CommonTabsOuter .nav-tabs > li.active > a:after {
        content: '';
        position: absolute;
        top: -4px;
        left: 0;
        width: 100% !important;
        border-bottom: 4px solid var(--common-tabs-Active-color);
        transition: 0.5s;
    }

    .CommonTabsOuter .nav > li > a:after {
        content: '';
        position: absolute;
        top: -4px;
        left: 0;
        width: 0%;
        border-bottom: 4px solid var(--common-tabs-Active-color);
        transition: 0.5s;
    }

    .CommonTabsOuter .nav > li > a:hover:after {
        width: 100%;
    }


/******* M scroll Css **************/
.mCSB_horizontal.mCSB_inside > .mCSB_container, .mCSB_inside > .mCSB_container {
    margin: 0; /*!important;*/
    margin-bottom: 10px;
}

/*.AttachOnlyHorizontalScrollScript {
    min-width: 290px;
}*/

.AttachOnlyVerticleScrollScript {
    width: 100%;
    display: inline-block;
}

.replaceThisClassWithYourNewClass .AttachOnlyVerticleScrollScript {
    min-height: 200px;
    max-height: 200px;
}

.replaceInsideTabsClass .AttachOnlyVerticleScrollScript {
    min-height: 220px;
    max-height: 220px;
}


.replaceInsideTabsClass > thead > tr > th:first-child, .replaceInsideTabsClass .CommonTableInnerDataTbl tbody > tr > td:first-child {
    width: 15%;
    text-align: center;
}

.replaceInsideTabsClass > thead > tr > th:nth-child(2), .replaceInsideTabsClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(2) {
    width: 15%;
}

.replaceInsideTabsClass > thead > tr > th:nth-child(3), .replaceInsideTabsClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(3) {
    width: 15%;
}

.replaceInsideTabsClass > thead > tr > th:nth-child(4), .replaceInsideTabsClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(4) {
    width: 21%;
}

.replaceInsideTabsClass > thead > tr > th:nth-child(5), .replaceInsideTabsClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(5) {
    width: 10%;
}

.replaceInsideTabsClass > thead > tr > th:nth-child(6), .replaceInsideTabsClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(6) {
    width: 10%;
}

.replaceInsideTabsClass > thead > tr > th:nth-child(7), .replaceInsideTabsClass .CommonTableInnerDataTbl tbody > tr > td:nth-child(7) {
    width: 10%;
    text-align: right;
}


@media only screen and (max-width:767px) {
    .AttachOnlyHorizontalScrollScript .mCSB_container {
        width: 767px !important;
    }

    .NxtPrvBtn {
        text-align: center;
        margin-right: 0 !important;
    }

    .ChangeButtons {
        text-align: center;
    }

    .CommonTabsOuter ul > li {
        display: inline-block !important;
        width: 100% !important;
    }
}

/******* M scroll Css End **************/

.SectionHeadKnowMore {
    float: right;
    padding: 12px 0 0;
}

.MaxFormHt {
    min-height: 100px;
    display: inline-block;
    width: 100% !important;
}

.CommonTabsOuter .CommonTable > thead > tr {
    background-color: var(--common-tabs-table-BG-Color);
}

.NxtPrvBtn {
    margin: 10px 15px 0px 0; /*20px 15px 5px 0;*/
}

    .NxtPrvBtn img {
        width: 25px;
        cursor: pointer;
        opacity: .5;
    }

        .NxtPrvBtn img:hover {
            opacity: 1;
            transition: all .3s ease-out;
        }

    .NxtPrvBtn .btnPrevious {
        margin-right: 10px;
    }

.ChangeButtons {
    margin: 15px 0 10px 0;
}

    .ChangeButtons input {
        margin: 0px 5px;
    }

.addBoxShadow {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    margin-bottom: 5px;
}

.topMenuDivTitle * {
    color: #000 !important;
}



/* Added by rohan 17-7-2017*/
.select2-container .select2-selection--single .select2-selection__rendered {
    /*padding-left: 0px !important;*/
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 0px !important;
}
/* End */

.Commontabs {
    display: inline-block;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .hidden-md-sm {
        display: none !important;
    }

    .common_modal-dialog {
        margin-top: 5%; /*Changed by Rohan on 20-9-2017*/
    }
}

.clsError {
    border-bottom: 2px solid red !important;
    background-color: rgba(255, 214, 216, 0.39) !important;
    color: red !important;
}

.clsSuccess {
    border-bottom: 2px solid #0b8c0b !important;
    background-color: rgba(38, 208, 130, 0.05) !important;
    color: #0b8c0b !important;
}

.mobileTabsTitle {
    background-color: var(--common-tabs-Active-BG-color);
    display: inline-block;
    margin-bottom: 7px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}

.mobileTabsTitletxt {
    display: inline-block;
    color: #000;
    color: var(--common-tabs-Active-color);
}

.mobileTabsTitle i {
    color: #000;
    float: right;
    position: relative;
    right: 18px;
}

.tooltip .tooltip-inner {
    z-index: 9999 !important;
    background-color: red !important;
}

.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0px;
    color: #fff;
    background-color: #37d318;
    border-color: #37d318;
}

    .image-preview-input input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

.image-preview-input-title {
    margin-left: 2px;
    font-size: 12px;
}

.ProfileImg {
    display: inline-block !important;
    height: 150px;
    width: 150px;
}

.ProfileImgOuter {
    display: inline-block;
    height: 170px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    width: 170px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    padding: 10px;
    background: #fff !important;
}

/***** Theme Modal CSS *********/
.common_modal_header .modal-title {
    color: #fff;
    font-size: 16px;
    padding: 10px;
    text-align: center;
}

.common_modal_header {
    background-color: #cd161e;
    padding: 0 !important;
    position: relative;
    border-top-left-radius: 3px; /*Changed by Rohan on 20-9-2017*/
    border-top-right-radius: 3px; /*Changed by Rohan on 20-9-2017*/
    border: none !important;
}

    .common_modal_header .close {
        color: #fff;
        margin: 10px !important;
        opacity: 1;
        display: inline-block;
        position: absolute;
        right: 0;
    }

        .common_modal_header .close:hover {
            opacity: 0.5;
        }

.common_modal_header, .common_modal_body, .common_modal_footer {
    display: inline-block;
    width: 100%;
}

.common_modal_footer {
    padding-bottom: 30px;
    text-align: center;
    border: none !important;
}

.common_modal-content {
    border-radius: 5px !important;
}

/***** Theme Modal CSS End *********/

.CommonTablefieldAnchorLink {
    display: inline-block;
    width: 100%;
}


.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #707070 !important;
    border-color: #707070 !important;
}

.pagination a {
    padding: 2px 9px 5px !important;
    background-color: #eee !important;
    border-color: #ddd !important;
    border-radius: 3px;
    margin-right: 5px;
    box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.2) inset;
}

.paginationOuterTd {
    border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
}

.pagination {
    margin: 5px 0 0px 5px !important;
}

.popover * {
    color: #000 !important;
}

.popover-content {
    font-size: 12px;
}

.popover {
    max-width: unset !important;
}




/**** ajax multiselect checklist ******/
.panelScrollOuter {
    display: inline-block;
    width: 100%;
    position: relative;
}

.panelScrollInner {
    display: inline-block;
    width: 100%;
    position: absolute !important;
    background-color: #fff;
    border: 1px solid grey;
    border-top: 0px !important;
    z-index: 9999;
    border-radius: 2px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.panelScrollOuter .mCSB_container_wrapper {
    margin: 10px 15px 0px 10px !important;
}

.mCSB_draggerContainer {
    cursor: pointer !important;
}

.panelScroll {
    vertical-align: top;
    width: 100%;
}

.Panel_ControLs_Outer {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid rgba(0,0,0,0.2);
}

.muliselectTxt {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.MultiSelectChk label {
    display: inline-block;
    margin: 0;
    padding: 5px 15px 5px 25px;
    /*background-image: url("../Images/checkbox_gray.png");*/
    background-image: url('../Images/check_box.png');
    background-repeat: no-repeat;
    background-position: 3px center;
    cursor: pointer;
    background-size: 15px;
    font-size: 12px;
    width: 100%;
}

.MultiSelectChk input:checked + label {
    background-image: url("../Images/checkbox_checked.png") !important;
}

.MultiSelectChk input {
    display: none;
}

.MultiSelectChk, .MultiSelectChk > tbody, .MultiSelectChk > tbody > tr > td {
    display: inline-block;
    width: 100%;
}

    .MultiSelectChk > tbody {
        padding-bottom: 10px;
    }

        .MultiSelectChk > tbody > tr {
            display: inline-block;
            width: 100%;
        }


/*Added by Rohan 16-8-2017*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #ededed !important;
}

.ReadOnlyCustom {
    background-color: #ededed !important;
    pointer-events: none;
}


.CommonAlertModalOuter .CommonAlertModelInner {
    margin: 50px auto 30px !important;
}

/*Added by Rohan 23-08-2017*/
#alertModel {
    z-index: 999999999 !important;
}

/*Added by Gayatri 23-08-2017*/
.AttachRupeeIcon {
    background-image: url("../Images/rup.png");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 10px;
    padding-left: 15px !important;
    width: auto !important;
}

/*Added by Rohan on 11-09-2017*/
.common_modal_footer .btn.disabled, .btn[disabled] {
    opacity: 1 !important;
}

/******* Grid View Tbl Css added on 13-9-17********/
.commonGridTbl {
    border: none !important;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.4);
}

    .commonGridTbl tr:first-child {
        background-color: var(--tableHead-BgColor);
        color: #fff !important;
    }

    .commonGridTbl tbody tr:nth-of-type(2n) {
        background-color: var(--tbl-strip-color) !important;
    }

    .commonGridTbl th, .commonGridTbl td {
        border: none !important;
        padding: 8px 5px;
    }

    .commonGridTbl th {
        font-weight: normal !important;
        color: #fff !important;
        font-size: 16px;
        font-family: 'OpenSans-Regular' !important;
    }

    .commonGridTbl td span {
        display: inline-block;
        width: 100%;
        color: #242b1d;
        font-weight: normal;
        font-size: 14px;
        font-family: 'OpenSans-Regular' !important;
    }

    .commonGridTbl td {
        color: #000 !important;
        font-weight: normal !important;
        font-size: 12px !important;
        font-family: 'OpenSans-Regular' !important;
    }
    /*Added by Rohan on 26-9-2017*/
    .commonGridTbl > tbody > tr > th:first-child, .commonGridTbl > tbody > tr > td:first-child {
        padding-left: 15px !important;
    }

.ErrMsg {
    color: red;
    font-size: 12px;
    font-family: 'OpenSans-Regular';
}

.MarginTop15Px {
    margin-top: 15px;
}

.MarginBtm15Px {
    margin-bottom: 15px;
}

.ResizeNone textarea {
    resize: none !important;
}

/***** horizontal radiobox looks Like Checkbox list css ******/
.rdoConvertedtoChkAsHori label {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 5px 0 5px 25px;
    /*background-image: url("../Images/checkbox_gray.png");*/
    background-image: url('../Images/check_box.png');
    background-repeat: no-repeat;
    background-position: 1% center;
    cursor: pointer;
    background-size: 15px;
    font-size: 12px;
}

.rdoConvertedtoChkAsHori input:checked + label {
    background-image: url("../Images/checkbox_checked.png") !important;
}

.rdoConvertedtoChkAsHori input {
    display: none;
}

.rdoConvertedtoChkAsHori, .rdoConvertedtoChkAsHori > tbody, .rdoConvertedtoChkAsHori > tbody > tr {
    display: inline-block;
    width: 100%;
}

    .rdoConvertedtoChkAsHori > tbody > tr > td {
        display: inline-block;
    }


/*Rohan (20 Nov 2017)*/

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

.ReportExportBtnRight {
    float: right;
}

.empty {
    padding: 0px 1px;
}

.TermsConditionOuter span a {
    cursor: pointer !important;
}

.OrderAcceptanceOuter {
    background-color: #bbb;
    display: inline-block;
    width: 100%;
    padding: 15px 20px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    font-family: "OpenSans-Bold";
    font-size: 20px;
}

.CutOffTimingsBSEImageOuter {
    text-align: right;
}

    .CutOffTimingsBSEImageOuter img {
        width: 120px;
    }

.CutOffTimings > thead > tr > th {
}

.TermAndConditionsScroll .AttachOnlyVerticalScrollScript {
    min-height: 435px;
    max-height: 435px;
}

.CutOffTimingsTbl > thead >tr{
    background-color:#aab2b8;
}
.CutOffTimingsTbl > thead > tr > th span{
    color:#fff !important;
}
.CutOffTimePopup{
    color:#000;
    font-weight:bold;
}

.AddTopOnMob{
    height:15px;
    display:none;
}
.ShowPass .pwd_eye{
    float: right;
    margin-top: -24px;
    padding-right: 10px;
    display: inline-block;
    opacity:0.5;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
    /*border-color: #888 transparent transparent transparent; */
     border-style: none !important; 
    /* border-width: 5px 4px 0 4px; */
    left: 50%;
    margin-left: -4px;
    margin-top: -2px !important;
    position: absolute;
    top: 50%;
    height: 5px !important;
    width: 5px !important;
    border-bottom: 1px solid #595959 !important;
    border-right: 1px solid #595959 !important;
    -moz-transform: skew(0deg) !important;
    -webkit-transform: skew(0deg) !important;
    transform: skew(0deg) !important;
    transform: rotate(45deg) !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    transform: rotate(225deg) !important;
}


/*Loader*/
.divWaiting {
    position: fixed !important;
    background-color: #fff !important;
    z-index: 2147483647 !important;
    overflow: hidden;
    text-align: center;
    top: 0;
    left: 0;
    min-height: 100% !important;
    max-height: 100% !important;
    width: 100%;
    padding-top: 10% !important;
    border-radius: 5px 5px !important;
    box-shadow: 0 0 25px #00BFFF;
}

    .divWaiting img {
        opacity: 1 !important;
    }