@charset "utf-8"; 
/********* Reset CSS *********/

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block }
audio, canvas, video { display:inline-block }
audio:not([controls]) {
display:none;
height:0
}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust:  100%; }
a { text-decoration:underline; color:#2e9cc5; }
a:focus { outline:thin dotted }
a:hover, a:active { outline: 0; }
a:hover { text-decoration:none; color:#393939; transition: all 0.3s; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
b, strong, dt, th { font-weight: bold; }
em, i { font-style:italic; }
p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin:0; padding:0; }
img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width:100%; height:auto; }
figure { margin:0; }
legend { white-space:normal; }
q { quotes:"\201C" "\201D" "\2018" "\2019" }
small { font-size:80% }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline }
sup { top:-0.5em }
sub { bottom:-0.25em }
table { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells:show; border:none; }
table table { margin:0 }
th, td { border:none; padding:5px 10px !important }
caption, th, td { font-weight: normal; }
/********* Form fields *********/

button, input, select, textarea { margin: 0; vertical-align: baseline; background-color:transparent; border:none; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; }
input[type="text"], input[type="date"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border:1px solid #e5e5e5; width:100px; height:30px; padding:0; font-size:100%; line-height:normal; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; margin:0 5px 0 0; }
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance:radio }
input[type="submit"], input[type="button"], input[type="reset"], button, .button { line-height:20px; padding:0px 20px; display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none; }
textarea { overflow:auto; vertical-align: top; resize:vertical; height:100px; max-width:100%; min-width:100%; max-height:500px; min-height:60px; }
fieldset { border:0 none; margin:0; padding:0 }
label { display:inline-block; padding-bottom:0px; font-weight:normal;    font-size: 13px; }
/********* Clear floats *********/

.cf:before, .cf:after, .container:before, .container:after, .row:before, .row:after, ul:before, ul:after, .boxs:before, .boxs:after, .radioList:after, .radioList:before { content:" "; display:table }
.cf:after, .container:after, .row:after, ul:after, .boxs:after, .radioList:after { clear:both }
/********* Common Classes *********/

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:20px 0; padding:0 }
body, button, input, select, textarea { color:#616161; font-family: 'open_sansregular'; font-size:16px;  }
body { background-color:#fff; }
h1 { font-size: 2.308em; }
h2 { font-size: 2.000em; }
h3 { font-size: 1.692em; }
h4 { font-size: 1.538em; }
h5 { font-size: 1.385em; }
h6 { font-size: 1.231em; }
ul { padding:0 0 0 15px; }
ol { padding:0 0 0 20px }
ul ul, ol ol { margin:10px 0 }
ul.bulletText { list-style:none; padding:0; }
ul.bulletText li { background:url(../images/right-arrow.gif) no-repeat left 7px; padding:2px 0 2px 15px; }
p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin: 0 0 25px; }
input[type="text"], input[type="date"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border:1px solid #c3c3c3b8 !important; width:100%!important;  padding:5px 10px!important;border-radius: 0 !important; }
input[type="submit"], input[type="button"], button, .button { background-color:#7d46d3; color:#fff; font-family: 'open_sanssemibold'; }

input[type="reset"] { background-color:#666; color:#fff; font-family: 'open_sanssemibold'; }

input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover { color:#fff; background-color:#333; }
input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn { background-color:#888; }
.alignLeft {    }
.alignRight {   }
.displayNone, .hasJS noscript, .hideThis { display:none!important; visibility:hidden }
.mrgAuto { margin-right:auto; margin-left:auto; }
.mrgT20 { margin-top:20px; }
.mrgL20 { margin-left:20px; }
.mrgR20 { margin-right:20px; }
.mrgB20 { margin-bottom:20px; }
.mrgT10 { margin-top:10px; }
.mrgL10 { margin-left:10px; }
.mrgR10 { margin-right:10px; }
.mrgB10 { margin-bottom:10px; }
.padL20 { padding-left:20px; }
.padR20 { padding-right:20px; }
.padB20 { padding-bottom:20px; }
.padT20 { padding-top:20px; }
.padL15 { padding-left:15px; }
.padR15 { padding-right:15px; }
.padB15 { padding-bottom:15px; }
.padT15 { padding-top:15px; }
.padL10 { padding-left:10px; }
.padR10 { padding-right:10px; }
.padB10 { padding-bottom:10px; }
.padT10 { padding-top:10px; }
.padTB10 { padding-top:10px; padding-bottom:10px; }
.padTB15 { padding-top:15px; padding-bottom:15px; }
.padTB20 { padding-top:20px; padding-bottom:20px; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }
.pad25 { padding:25px; }
.pad30 { padding:30px; }
.width100p { width:100%; }
.width90p { width:90%; }
.width80p { width:80%; }
.width70p { width:70%; }
.width60p { width:60%; }
.width50p { width:50%; }
.width40p { width:40%; }
.width30p { width:30%; }
.width20p { width:20%; }
.width10p { width:10%; }
.fileSize { font-size:12px; display:inline-block; vertical-align:middle; margin-left:3px; }
.extIcon { vertical-align:middle; margin-left:3px; }
.rsIcon { display:inline-block; margin-right:2px; height:11px; text-indent:-999px; overflow:hidden; width:11px; background:url(../../images/rupee.png) left top no-repeat; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.longWord, .wordBreak { word-wrap: break-word; }
/********** Image Formating & Alignment **********/

.imgLeft {   margin-right:20px; margin-bottom:20px; }
.imgRight {   margin-left:20px; margin-bottom:20px; }
.imgCenter {    margin-bottom:20px; margin-left:auto; margin-right:auto; display:block; }
.imgBorder { border:1px solid #ccc; padding:5px }
.rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.circle { -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
.shadow { -webkit-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); box-shadow:0px 1px 3px 0px rgba(0, 0, 0, 0.2); padding:4px; }
/********** Alignment **********/

.left { text-align:left !important }
.right { text-align:right !important }
.center { text-align:center !important }
.justify { text-align:justify !important }
/********** Error/Alert Messages **********/

.message { padding:10px 38px 10px 10px; margin-bottom:20px; border:1px solid transparent; position:relative; }
.message.success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.message.success a { color: #2b542c; }
.message.error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.message.error a { color: #843534; }
.jsRequired { display:block; background-color:#C00; color:#fff; width:100%; line-height:30px; text-align:center; font-size:12px; border:0 none;}
/********** Table **********/

.tableOut { overflow-y:hidden; overflow-x:auto }
.tableData { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells:show; border:none; border:1px solid #e5e5e5; border-bottom:none; }
.tableData table { margin:0 }
.tableData th{ background:#f1f1f1; text-align:left;}
.tableData th, .tableData td { border:none; padding:10px; border-bottom:1px solid #e5e5e5; text-align:left; font-size:14px; text-align:left;}
table tr:nth-child(odd) td, .tableRowOdd { background:#fff;font-size: 12px;}
.tableData th{ font-family: 'open_sansbold'; color:#363636; border-bottom:1px solid #acacac; white-space:nowrap; text-align:left; padding:15px 10px;}
caption, th, td { font-weight: normal; background:#fff }
.tableScroll { overflow-y:hidden; overflow-x:auto }

.tableDataLine { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells:show; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
.tableDataLine th{ background:#f1f1f1; text-align:left;}
.tableDataLine th, .tableDataLine td { padding:10px; text-align:left; font-size:14px; text-align:left; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
table tr:nth-child(even) td{ background:#f5f5f5; font-size: 12px;}
.tableDataLine th{ font-family: 'open_sansbold'; color:#363636; border-bottom:1px solid #acacac; white-space:nowrap; text-align:left; padding:15px 10px;}


/********** Fontface **********/

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

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

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

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

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

}

/*********  Accordion ******** */

.accordion { margin-bottom:20px;}
.accordion .accTrigger {background:url(../images/plus.png) left 17px  no-repeat;padding-left:20px; cursor:pointer; font-weight:bold}
.noJS .accordion .accTrigger {background:none; padding-left:0}
.accordion .accTrigger a {display:block;text-decoration:none;outline:0}
.accordion .accTrigger.active {background:url(../images/minus.png) left 17px  no-repeat !important;}
.accordDetail {padding:10px 8px; display:none}
.noJS .accordDetail { display:block; padding:10px 0}

/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }
.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }
.mfp-container { text-align: center; position: absolute; width: 80%; height: 100%; left:50%; top: 50%; margin:-25% 0 0 -40%; padding: 35px; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }
button::-moz-focus-inner {padding: 0;border: 0;}
.mfp-close { width: 35px; height: 35px; line-height: 35px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { color: #fff; background:#7d46d3;  -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }
.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }
.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active { margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }
.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }
.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }
.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }
.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }
.mfp-iframe-holder .mfp-close { top: -40px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure { line-height: 0; }
.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }
.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }
.mfp-figure figure { margin: 0; }
.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }
.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

.totalvillage{position: absolute;}


@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/*** Remove all paddings around the image on small screen  */
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; }


}
 @media all and (max-width: 900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}


/********** Login **********/

.loginWrap {background:url(../images/login-bg-2.png) left top no-repeat;background-size:cover;width:100%;height:100vh;position:relative;overflow: hidden;}
.loginWrap:before {
    content: '';
    /* background: #00000075; */
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.loginBox {/*height: 418px; */width: 520px;position:absolute;left: 0;right: 0;top: 50%;margin:0 auto;/* margin-left: -306px; */margin-top:-246px;border-radius:4px;overflow:hidden;background: rgb(38 38 38 / 93%);border-radius: 25px 0 25px 0;box-shadow: 0 4px 35px rgb(0 0 0 / 42%);z-index: 99;}
.loginImg { width:41%;       height: 100%;}
.loginImg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.loginFields {width: 100%; padding:50px 50px 30px;}
.loginFields .logo {
    padding: 0px 0 34px;
    display: flex;
    align-items: center;
}
.brand-text h4 {
    padding-left: 10px;
    font-size: 17px;
    color: #fff;
    line-height: 22px;
    margin-bottom: 0;
    font-weight: bold;
}
.brand-text h4 span {
    color: #fff;
    display: block;
    font-weight: 400;
    font-size: 12px;
}
.loginFields .logo img {
    width: 54px;
    filter: brightness(0) invert(1) !important;
}
.logoUserSection .logo img {
    width: 40px;
}
.logoUserSection .logo a {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 0 7px 5px;
    border-bottom: 1px solid #ddd;
}
.logoUserSection .logo a .brand-text h4 {
    font-size: 14px;
    line-height: 18px;
}
.logoUserSection .logo a .brand-text h4 span {
    font-size: 10px;
}
.loginInputs { padding-bottom:10px; }
.loginInputs label { display:inline-block; }
.loginInputs .fieldOuter { display:block; }
.loginBtn {/* background: #f7a041; */color:#fff;text-decoration:none;text-transform:uppercase;border-radius:4px;/* box-shadow:2px 2px 2px #d1d1d1; */padding:10px 21px!important;display:inline-block;font-family: 'open_sanssemibold';line-height:inherit!important;transition: all 0.3s;background: -moz-linear-gradient(left, #f7a041 0%, #f9597b 100%);/* background: -webkit-linear-gradient(left, #f7a041 0%, #f9597b 100%); *//* background: linear-gradient(to right, #f7a041 0%, #f9597b 100%); */vertical-align: middle;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);background: linear-gradient(135deg, rgba(0,143,196,1) 0%,rgba(35,177,255,1) 100%);width: 100%;}
.loginBtn:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #028abf;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: 0 50%;transform-origin: 0 50%;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;border-radius:4px;}
.loginBtn:hover:before, .loginBtn:focus:before, .loginBtn:active:before {  -webkit-transform: scaleX(1); transform: scaleX(1);}
img.capcha-img {
    width: 100%;
    height: 38px;
}

button[type="button"].refresh-btn {
    box-shadow: none;
    min-width: auto;
    background: url(../images/captcha-refresh.png) right center no-repeat !important;
    padding: 30px 13px !important;
}

.loginBox .loginFields .loginInputs.login-btn {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: end;
    align-items: end;
}
.registerBtn { background: #000000;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    box-shadow: 2px 2px 2px #d1d1d1;
    padding: 10px 25px!important;
    display: inline-block;
    font-family: 'open_sanssemibold';
    line-height: inherit!important;
    transition: all 0.3s;
    background: -moz-linear-gradient(left, #f7a041 0%, #f9597b 100%);
    background: -webkit-linear-gradient(left, #000000 0%, #484344 100%);
    background: linear-gradient(to right, #000000 0%, #484344 100%);
    vertical-align: middle;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    margin-left: 10px;}
.registerBtn:before { content: "";  position: absolute;  z-index: -1;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: #f9597b;  -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transform-origin: 0 50%;  transform-origin: 0 50%;  -webkit-transition-property: transform;  transition-property: transform;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;  border-radius:4px;}
.registerBtn:hover:before, .loginBtn:focus:before, .loginBtn:active:before {  -webkit-transform: scaleX(1); transform: scaleX(1);}

.forgotLink {padding-top: 15px;display:inline-block;/* font-style:italic; */color: #fff;text-decoration: none;width: fit-content;}
input[type="text"]:focus, input[type="password"]:focus { box-shadow:0px 0px 2px 0px #7f47d5;}
.passIco{ position:relative;}
.passIco:before{ width:26px; height:18px; background:url(../images/icons.png) -139px -36px no-repeat; position:absolute; right:10px; top:16px; content:" ";}
.loginBox .loginBtn:hover{ /*background:#7d46d3;*/ color:#fff;}





/**********   Dashboard **********/
 
.logoSubtitle h4 {
    font-size: 17px;
	line-height: 22px;
}

.logoSubtitle h4 span {
    font-size: 14px;
    display: block;
}
.content { position:relative;}
.sidePanel { width:20%; position:absolute; left:0%; top:0; height:100%; z-index:5; }
.mainPanel { width:100%; padding-left:0;   width:100%; /*position:relative;*/ z-index:3; }
.mainPanel .panelInner { min-height:500px; }
.mainPanel.hide { padding-left:0; transition: all 0.3s ease 0s; }
.mainPanel.leftPadRem { padding-left:20%; transition: all 0.3s ease 0s; background:#f4f4f4;}
.leftPanel{}

.dashboarHeader ul{   list-style:none; margin:30px 50px 0 0; padding:0;}
.dashboarHeader ul li{   color:#fff; margin:0 10px;}
.dashboardSetting, .dashboardAlert, .dashboardDate:before, .dashboardTime:before{ background:url(../images/icons.png) no-repeat; display:inline-block;}
.dashboardDate, .dashboardTime{ position:relative; padding-left:25px;}
.dashboardDate:before{background-position:0px -35px; position:absolute; left:3px; top:2px; content:" "; width:16px; height:16px;}
.dashboardTime:before{background-position:-23px -35px; position:absolute; left:3px; top:2px; content:" "; width:18px; height:18px;}
.dashboardAlert{background-position:-48px -35px; width:25px; height:25px;}
.dashboardSetting{ background-position:-80px -35px; width:25px; height:25px;}
.alertCount{ background:#ff6c08; width:15px; height:15px; border-radius:50%; font-size:12px; color:#fff; font-family: 'open_sansbold'; display:inline-block; text-decoration:none; text-align:center; line-height:15px; margin:-10px 0 0 -10px; position:relative;}

.logoUserSection{ height:85px; background: #ffffff; text-align:left; padding-top:5px;
 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#513db8', endColorstr='#7e46d4',GradientType=0 );}
logo h1{ margin:0; padding:0;}
.dashboarHeader{ background:#513db8; height:90px;}
.titleLink:before, .titleLink:after{ content:" "; display:table}
.titleLink:after{ clear:both;}
.titleLink{ width:100%; margin-bottom:10px;}
.titleLink h2{  line-height: 30px;}
.titleLink .add{  }
.titleLink .add a{ text-decoration:none; color:#fff; transition: all 0.3s;}

.userInformation{padding:7px 0;}
.userImgWrap{display:inline-block;position:relative;vertical-align:middle}
.userImg{width:84px;height:84px;background:#fff;border-radius:50%;-webkit-border-radius:50%;text-align:center;line-height:67px;overflow:hidden; border:3px solid #fff;}
.activeIcon{position:absolute;right:6px;border:2px solid #fff;background:#36c87b;width:16px;height:16px;border-radius:50%;-webkit-border-radius:50%;bottom:6px}
.logoUserSection .logo{ margin-bottom:30px;}
.userDetail{ font-family: 'open_sanssemibold'; font-size:18px; color:#fff;}
.userDetail span{ display:block; color:#fff; font-size:14px;}
.dashLeftNavSection{}
.dashboardLeftNav{ margin:0; padding:0}
.dashboardLeftNav li{ list-style:none; }
.dashboardLeftNav li a{ display:block; color:#797979; font-family: 'open_sansregular'; text-decoration:none; padding:10px 5px 10px 35px; position:relative;}
.dashboardLeftNav li a:before{transition:.3s;width:34px;height:34px;background:url(../images/icons.png) no-repeat;position:absolute;content:" ";left:1px;top: 3px;transform: scale(0.6);}
.dashboardLeftNav li:nth-child(1) a:before{background-position: 0px -16px;}
.dashboardLeftNav li:nth-child(2) a:before{ background-position:0px -64px}
.dashboardLeftNav li:nth-child(3) a:before{ background-position:0px -119px}
.dashboardLeftNav li:nth-child(4) a:before{ background-position:0px -174px}
.dashboardLeftNav li:nth-child(5) a:before{ background-position:0px -229px}
.dashboardLeftNav li:nth-child(6) a:before{ background-position:0px -284px}
.dashboardLeftNav li:nth-child(7) a:before{ background-position:0px -331px}
.dashboardLeftNav li:nth-child(8) a:before{ background-position:0px -386px}
.dashboardLeftNav li.helpdesk a:before{ background-position:0px -441px}
.dashboardLeftNav li:nth-child(1) a:hover:before{ background-position:-36px -20px}
.dashboardLeftNav li:nth-child(2) a:hover:before{ background-position:-36px -64px}
.dashboardLeftNav li:nth-child(3) a:hover:before{ background-position:-36px -119px}
.dashboardLeftNav li:nth-child(4) a:hover:before{ background-position:-36px -174px}
.dashboardLeftNav li:nth-child(5) a:hover:before{ background-position:-36px -229px}
.dashboardLeftNav li:nth-child(6) a:hover:before{ background-position:-36px -284px}
.dashboardLeftNav li:nth-child(7) a:hover:before{ background-position:-36px -331px}
.dashboardLeftNav li:nth-child(8) a:hover:before{ background-position:-36px -386px}
.dashboardLeftNav li.helpdesk a:hover:before{ background-position:-36px -441px}s


.print{position: relative;}
.mean-nav ul li a.mean-expand {width:46px;height: 52px;padding:0 !important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;font-weight:normal;font-size:25px !important;line-height:50px;background:#efefef;border: none !important;transition: 250ms ease;-webkit-transition: 250ms ease;}

.mean-bar nav, .mean-bar nav > ul {
    display: block !important;
}

.dashboardLeftNav li.tenderWin a:before{ background-position:-90px 0;}
.dashboardLeftNav li.history a:before{ background-position:-120px 0;}
.dashboardLeftNav li.reports a:before{ background-position:-150px 0;}
.dashboardLeftNav li a:hover{ background:#fff;}
.dashboardLeftNav li a{ position:relative}
.dashboardLeftNav li a:after { bottom: 0px; content: ""; display: block; height: 0%; top: 0%; left:0; position: absolute; background: #ff6c08; transition: height 0.3s ease 0s, left 0.3s ease 0s; -webkit-transition: height 0.3s ease 0s, left 0.3s ease 0s; width: 4px; }
.dashboardLeftNav li a:hover:after { height: 100%; left: 0; }
   
 



.middleContent .containtSection{-webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; border-top-left-radius: 8px; background:#fff; margin-top:0px; min-height:97vh; z-index:6; padding:20px 40px; box-shadow: 0px 0px 4px 0px rgba(232,232,232,1);}
.statusButton { clear:both;  margin-top:21px; }
.statusButton ul { margin:0; padding:0; list-style:none; }
.statusButton ul li { background:#fff;   width:32%; margin:0 1% 3.5%; position:relative; }
.statusButton ul li:first-child, .statusButton ul li:nth-child(4) { margin-left:0; }
.statusButton ul li:last-child,  .statusButton ul li:nth-child(3) { margin-right:0; }
.statusButton ul li:nth-child(4), .statusButton ul li:nth-child(5), .statusButton ul li:nth-child(6){ margin-bottom:0}
.statusButton ul li a { color:inherit; text-decoration:none; padding:25px 20px; display:block; }
.statusButton ul li span { display:block; position:relative; z-index:2; color:#fff; }
.statusButton ul li span.digit { font-family: 'open_sansregular'; font-size:60px; line-height:60px; }
.statusButton ul li span.label { font-size:18px; font-family: 'open_sansregular'; }
.statusButton ul li.activeTender a {background: #f7af96; border-radius:6px; background: #ffa555;
    border-radius: 6px;
    background: -moz-linear-gradient(left, #ffa555 0%, #de6f7a 100%);
    background: -webkit-linear-gradient(left, #ffa555 0%, #de6f7a 100%);
    background: linear-gradient(to right, #ffa555 0%, #de6f7a 100%);box-shadow: 0px 16px 10px -8px #fdd5b3;}
.statusButton ul li.pendingTender a{background: #a085f7; border-radius:6px; background: -moz-linear-gradient(left, #a085f7 0%, #4580cc 100%); background: -webkit-linear-gradient(left, #a085f7 0%,#4580cc 100%); background: linear-gradient(to right, #a085f7 0%,#4580cc 100%);  overflow:hidden; box-shadow: 0px 16px 10px -8px #bacef8; }
.statusButton ul li.rejectTender a{background: #d49cd4;border-radius:6px; background: -moz-linear-gradient(left, #d49cd4 0%, #8f87d6 100%);background: -webkit-linear-gradient(left, #d49cd4 0%,#8f87d6 100%);background: linear-gradient(to right, #d49cd4 0%,#8f87d6 100%);  overflow:hidden; box-shadow: 0px 16px 10px -8px #ecc3ce; }
.statusButton ul li.winTender a{background: #37c2be; border-radius:6px; background: -moz-linear-gradient(left, #37c2be 0%, #307bd4 100%); background: -webkit-linear-gradient(left, #37c2be 0%,#307bd4 100%); background: linear-gradient(to right, #37c2be 0%,#307bd4 100%);  overflow:hidden; box-shadow: 0px 16px 10px -8px #b9ecff;}
.statusButton ul li.totalTender a{background: #1dc0b6; border-radius:6px; background: -moz-linear-gradient(left, #1dc0b6 0%, #79c389 100%);background: -webkit-linear-gradient(left, #1dc0b6 0%,#79c389 100%);background: linear-gradient(to right, #1dc0b6 0%,#79c389 100%); overflow:hidden; box-shadow: 0px 16px 10px -8px #c4eed0;}

.statusButton ul li.activeTender a:before, .statusButton ul li.pendingTender a:before, .statusButton ul li.rejectTender a:before, .statusButton ul li.winTender a:before, .statusButton ul li.totalTender a:before{background:url(../images/status-icons.png) right bottom no-repeat; position:absolute; content:" "; right:0; bottom:0;}
.statusButton ul li.activeTender a:before{ background-position:0 0; width:110px; height:108px;}
.statusButton ul li.pendingTender a:before{background-position: -103px 0px;
    width: 136px;
    height: 108px;}
.statusButton ul li.rejectTender a:before { background-position:-190px 0; width:79px; height:105px; }
.statusButton ul li.winTender a:before { background-position:-285px 0; width:92px; height:104px; }
.statusButton ul li.totalTender a:before {background-position: -252px 0px;
    width: 107px;
    height: 108px;  }

.statusButton ul li a:after { position:absolute; left:0; top:100%; bottom:0px; right:0; content:""; transition:all 0.5s ease; z-index:1; border-radius:6px; }
.statusButton ul li:hover a:after { top:0; }
.statusButton ul li:hover a { color:#fff; }
.statusButton ul li:hover a::before {z-index: 2;}
.statusButton ul li.activeTender a:after { background:#f7af96; }
.statusButton ul li.pendingTender a:after{ background:#a085f7; }
.statusButton ul li.rejectTender a:after{ background:#d49cd4; }
.statusButton ul li.winTender a:after{ background:#37c2be; }
.statusButton ul li.totalTender a:after { background:#1dc0b6; }
h2{ font-family: 'open_sansbold'; color:#363636; font-size:22px; margin-bottom:10px}
h3{font-family: 'open_sanssemibold';color:#363636;font-size:18px;margin-bottom: 5px;}
.graphHolder{ margin-bottom:30px; border:1px solid #ddd;}
.activeTenderBox{background: #1e94f5; background: -moz-linear-gradient(left, #1e94f5 0%, #3cbffd 100%); background: -webkit-linear-gradient(left, #1e94f5 0%,#3cbffd 100%);background: linear-gradient(to right, #1e94f5 0%,#3cbffd 100%); padding:15px; position:relative; min-height:245px; box-shadow: 0px 0px 10px 3px rgba(184,184,184,1); margin-bottom:30px; }
.activeTenderBox:before{ width:762px; height:245px; background:url(../images/active-tender-bg.png) left top no-repeat; position:absolute; left:0; top:0;}
.activeTenderBox:before, .activeTenderBox:after{ content:" "; display:table; }
.activeTenderBox:after{ clear:both;}
.tenderBlockRight{ background:#5fc6fc; width:23%;   padding:10px; color:#fff;}
.tenderBlockRight .received{   border-right:1px solid #8fd7fd; width:50%; padding-right:20px; height:85px;}
.tenderBlockRight .submission{   width:49%; padding-left:20px;}
.tenderProgressBlock{   width:77%;}
.tenderDateWrap{ padding-left:50px; position:relative; font-weight:400}
.subTag{ display:block; padding-bottom:5px;}
.tenderDate{ position:absolute; left:0; top:0; font-size:40px; line-height:40px; font-weight:300}
.tenderMonth{ font-size:23px; line-height:30px; font-weight:400}
.tenderYear{ font-size:16px; line-height:16px; font-weight:400}
.remainDays{ border:1px solid #8fd7fd; padding:10px 0 10px 40px; line-height:45px; font-size:45px; position:relative;}
.remainDays span{ font-size:16px; font-family: 'open_sanssemibold'; display:inline-block; width:100px; line-height:16px; padding-left:5px;}
.remainDays:before{ width:13px; height:13px; border-radius:50%; position:absolute; top:26px; left:15px; content:" "; background:#5ff6fc;}
.remainDays:after{ width:34px; height:62px; position:absolute; bottom:0px; right:0px; content:" "; background:url(../images/status-icons.png) 100% 0;}
.receiveSubmission:before, .receiveSubmission:after{ content:" "; display:table;}
.receiveSubmission:after{ clear:both;}
.receiveSubmission{ margin-bottom:25px;}
/* .activeTenderSubTag{ display:block; font-size:28px; color:#fff;} */
.activeTenderSubTag{  color:#fff;}
.tenderDepartment{ margin:0; padding:0; list-style:none; margin-bottom:30px;}
.tenderDepartment li{ display:inline-block; color:#fff; font-size:16px;}
.tenderDepartment li:nth-child(1), .tenderDepartment li:nth-child(3){ width:15%}
.tenderDepartment li:nth-child(2){ border-left:1px solid #8fd7fd;  border-right:1px solid #8fd7fd; padding:0 20px; margin:0 20px; width:55%;}
.tenderProgressBar{ position:relative; z-index:2}
.progressbar { margin:0;  padding: 0;  counter-reset: step;}
.progressbar li {list-style-type: none; width: 25%;   font-size: 15px; position: relative; text-align: center; color: #fff;}
.progressbar li:before { width: 30px; height: 30px; content: counter(step); counter-increment: step; line-height: 27px; display: block;
  text-align: center;  margin: 0 auto 10px auto;  border-radius: 50%; background-color: #fff; color:#c0c0c0; font-family: 'open_sansextrabold';}
.progressbar li.active:before{background-color: #122a7a;}
.progressbar li:after { width: 100%; height: 3px; content: ''; position: absolute; background-color: #fff; top: 13px; left: -50%; z-index: -1;}
.progressbar li:first-child:after {content: none;}
.progressbar li.active:before {color: #43efce; font-weight:700}
.progressbar li.active + li:after { background-color: #ffd737; height:6px; top:11px;}
.statusPending{ color:#d76228}
.statusActive{ color:#7143cc}
.statusWin{ color:#1f9c5d}
.moduleSearch{ margin-bottom:30px;}
.moduleSearch input[type="text"]{ font-size:14px;}
.moduleSearch ul{ list-style:none; margin:0; padding:0}
.moduleSearch ul li{   margin-right:10px;}
.moduleSearch ul li:first-child{ width:30%;}
.moduleSearch li:last-child{ margin-right:0;}

.ui-datepicker, .eventCalOut, .calendarIcon { background-color:#2f3b4c!important; border-radius:5px; -webkit-border-radius:5px; z-index:1043!important; }
.ui-datepicker th, .ui-state-highlight { background-color:#1a232f }
.ui-state-active, .ui-datepicker tbody a:hover { background-color:#f9597b }
.ui-datepicker-prev span, .ui-datepicker-next span { }
.ui-datepicker { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px }
.ui-datepicker { width:21em; padding:0; display:none; border:0 none }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.35em 0; background:#513db8; border:0 none; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0 }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:7px; width:1.8em; height:1.8em }
.ui-datepicker .ui-datepicker-prev { left:2px; color:#fff }
.ui-datepicker .ui-datepicker-next { right:2px; color:#fff }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:block; position:absolute; left:50%; margin-left:-12px; top:50%; margin-top:-12px; font-size:12px; background:none; position:relative; text-indent:-9999px }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{ text-decoration:none;}
.ui-datepicker .ui-datepicker-prev span:before { content: "\f0a8"; position:absolute; font-size:22px; color:#fff; left:3px; top:3px; margin-top:-8px; font-family:'FontAwesome'; text-indent:0; font-weight:normal; }
.ui-datepicker .ui-datepicker-next span:before { content: "\f0a9"; position:absolute; font-size:22px; color:#fff; right:3px; top:3px; margin-top:-8px; font-family:'FontAwesome'; text-indent:0; font-weight:normal; }
.ui-datepicker .ui-datepicker-next:hover span:before, .ui-datepicker .ui-datepicker-prev:hover span:before { color:#f9597b }
.ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center }
.ui-datepicker .ui-datepicker-title select { font-size:13px; margin:5px 1%; height:25px; background-color:#fff; padding:0 }
.ui-datepicker select.ui-datepicker-month-year { width:100% }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:48% }
.ui-datepicker table { width:100%; font-size:.9em; border-collapse:collapse; margin:0 0 .4em; border:0 none }
.ui-datepicker th { padding:0; text-align:center; font-family: 'open_sanssemibold'; border:0; width:32px; height:36px; line-height:36px!important; vertical-align:middle; font-size:13px }
.ui-datepicker th span { text-transform:none; font-family: 'open_sanssemibold'; }
.ui-datepicker td { border:0; padding:1px; background-color:transparent }
.ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd {background-color:transparent}
.ui-datepicker td span, .ui-datepicker td a { display:block; padding:0; text-align:right; text-decoration:none; width:32px; height:32px; line-height:32px!important; vertical-align:middle; border-radius:5px; -webkit-border-radius:5px; border:0 none; font-size:13px }
.ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0; overflow:hidden }
.ui-datepicker .ui-datepicker-buttonpane button {   margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em .6em; width:auto; overflow:visible }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background:#f18715; border:0 none }
.ui-datepicker-today a.ui-state-default.ui-state-highlight { background:#f9597b; font-family: 'open_sanssemibold'; }
.eventCalOut { position:absolute; width:222px; right:-222px;   top:70px; z-index:22 }
.calendarIcon { width:50px; height:52px; position:absolute; left:-50px }
.calendarIcon span { background-position:-113px -27px; width:29px; height:29px; margin:10px }
.calendarOut { padding:5px }
.calendarOut .ui-datepicker { width:100% }
.calendarOut .button { background-color:#2979ca; color:#fff; display:block; text-align:center; -webkit-border-radius:3px 3px 3px 3px; border-radius:3px 3px 3px 3px }
.calendarOut .button:hover { background-color:#173c84 }
.ui-datepicker tbody a { color:#fff }
.ui-datepicker-title { font-size:18px; font-weight:normal; color:#fff }
.ui-datepicker th { text-transform:uppercase; font-weight:normal; color:#fff }
.ui-datepicker-prev, .ui-datepicker-next { width:25px; font-size:16px; height:25px; display:inline-block; margin:0; cursor:pointer; color:#fff }
.ui-datepicker-prev span { background-position:-147px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0 }
.ui-datepicker-next span { background-position:-175px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0 }
.ui-datepicker td span, .ui-datepicker td a { text-align:center; line-height:20px }
.ui-datepicker-trigger { display:none; width:30px; height:30px; margin:8px 0 0 15px; vertical-align:top; overflow:hidden; background:transparent!important; padding:0; margin:0; position:absolute; right:-45px; top:7px }
.calIcon { background-position:-205px -107px; width:30px; height:30px; display:block; vertical-align:top }

.customSelectOuter { position:relative; background:#fff url(../images/custom-select-arrow-admin.png) no-repeat 94% center; border:1px solid #e5e5e5;}
.customSelect { font-size:14px; padding:12px; color:#77787b }
.hasJS select.customSelect { position:absolute!important; width:100%!important; cursor:pointer;   left:0!important; top:0!important; }
span.customSelect { display:block; display:block!important; padding-right:30px }
.customSelectInner { display:block!important; width:auto!important; word-break:keep-all; overflow:hidden; margin-right:10px; }
.datepicker{ background:url(../images/datepicker.png) 95% center no-repeat;}

.viewAllLink:before, .viewAllLink:after{ content:" "; display:table; }
.viewAllLink:after{ clear:both;}
.viewAllLink{ text-align:right;}
.viewAllLink a{ text-decoration:underline; color:#4b4b4b;}
.viewAllLink a:hover{color:#ff6c08;}

/********** Prospects Dashboard **********/

.prospectStatus { clear:both; margin-bottom:30px; margin-top:21px; }
.prospectStatus ul { margin:0; padding:0; list-style:none; }
.prospectStatus ul li { background:#fff;   width:23.5%; margin:0px 1%; position:relative; }
.prospectStatus ul li:first-child { margin-left:0; }
.prospectStatus ul li:last-child { margin-right:0; }
.prospectStatus ul li a { color:inherit; text-decoration:none; padding:45px 30px; display:block; }
.prospectStatus ul li span { display:block; position:relative; z-index:2; color:#fff; }
.prospectStatus ul li span.digit { font-family: 'open_sansregular'; font-size:60px; line-height:60px; }
.prospectStatus ul li span.digit em{ font-size:25px; font-family: 'open_sanslight'; font-style:normal; display:inline; margin:-5px 0 0 -15px; padding:0; line-height:20px;}
.prospectStatus ul li span.label { font-size:20px; font-family: 'open_sansregular'; }

.prospectStatus ul li.prospects a {background: #f7af96; border-radius:6px;background: -moz-linear-gradient(left, #f7af96 0%, #fc8cb5 100%);background: -webkit-linear-gradient(left, #f7af96 0%,#fc8cb5 100%);background: linear-gradient(to right, #f7af96 0%,#fc8cb5 100%); overflow:hidden; box-shadow: 0px 16px 10px -8px #fac0b2; }
.prospectStatus ul li.prospectsAchived a{background: #1dc0b6; border-radius:6px; background: -moz-linear-gradient(left, #1dc0b6 0%, #79c389 100%);background: -webkit-linear-gradient(left, #1dc0b6 0%,#79c389 100%);background: linear-gradient(to right, #1dc0b6 0%,#79c389 100%); overflow:hidden; box-shadow: 0px 16px 10px -8px #c4eed0;}
.prospectStatus ul li.salesTarget a{background: #37c2be; border-radius:6px; background: -moz-linear-gradient(left, #37c2be 0%, #307bd4 100%); background: -webkit-linear-gradient(left, #37c2be 0%,#307bd4 100%); background: linear-gradient(to right, #37c2be 0%,#307bd4 100%);  overflow:hidden; box-shadow: 0px 16px 10px -8px #b9ecff; }
.prospectStatus ul li.targetAchieved a{background: #a085f7; border-radius:6px; background: -moz-linear-gradient(left, #a085f7 0%, #4580cc 100%); background: -webkit-linear-gradient(left, #a085f7 0%,#4580cc 100%); background: linear-gradient(to right, #a085f7 0%,#4580cc 100%);  overflow:hidden; box-shadow: 0px 16px 10px -8px #bacef8; }


.prospectStatus ul li.prospects a:before, .prospectStatus ul li.prospectsAchived a:before, .prospectStatus ul li.salesTarget a:before, .prospectStatus ul li.targetAchieved a:before{background:url(../images/status-icons.png) right bottom no-repeat; position:absolute; content:" "; right:0; bottom:0;}
.prospectStatus ul li.prospects a:before{ background-position:0 -147px; width:135px; height:112px;}
.prospectStatus ul li.prospectsAchived a:before{background-position:-148px -147px; width:83px; height:114px;}
.prospectStatus ul li.salesTarget a:before { background-position:-239px -147px; width:112px; height:115px; }
.prospectStatus ul li.targetAchieved a:before { background-position:-362px -147px; width:94px; height:118px; }



.prospectStatus ul li a:after { position:absolute; left:0; top:100%; bottom:0px; right:0; content:""; transition:all 0.5s ease; z-index:1; border-radius:6px; }
.prospectStatus ul li:hover a:after { top:0; }
.prospectStatus ul li:hover a { color:#fff; }
.prospectStatus ul li.prospects a:after { background:#f7af96; }
.prospectStatus ul li.prospectsAchived a:after{ background:#1dc0b6; }
.prospectStatus ul li.salesTarget a:after{background:#37c2be;  }
.prospectStatus ul li.targetAchieved a:after{ background:#a085f7; }

.pospectGraphBlock:before, .pospectGraphBlock:after{ content:" "; display:table;}
.pospectGraphBlock:after{ clear:both;}

.pospectGraphHolder{ border:1px solid #ddd;}
.pospectGraphBlock{ margin-bottom:30px;}

.pospectGraphHolder ul, .graphHolder ul{ margin:25px 10px; padding:0; list-style:none;  }
.pospectGraphHolder li,  .graphHolder li{   padding:0 10px;}
.pospectGraphHolder li .to,  .graphHolder li .to{ padding-top:16px; font-size:13px; display:inline-block;}

.domainList { margin:0; padding:20px; border:1px solid #ddd; }
.domainList li { list-style:none; border-bottom:1px solid #f0f0f0; }
.domainList li:last-child { border:none; }
.domainList li a { display:block; padding:20px 15px 20px 75px; height:90px; color:#4d4d4d; position:relative; text-decoration:none; }
.domainList li a:hover { text-decoration:none; }
.domainList li a .count {   font-family: 'open_sanslight'; font-size:40px; line-height:40px; }
.domainList li a .name{ width:100px; display:inline-block;}
.domainList li.portalDev a:before, .domainList li.mobileDev a:before, .domainList li.softwareDev a:before, .domainList li.webDev a:before, .domainList li.digitalMarket a:before { position:absolute; width:64px; height:64px; left:0px; top:10px; background:url(../images/icons.png) 0 0 no-repeat; content:" "; border:3px solid #e9e9e9; border-radius:50%; transition: all 0.3s; }
.domainList li a:hover:before{-webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85);	transform: scale(0.85);	opacity: 1; box-shadow: 0 0 0 10px rgba(240,240,240,1);}

.domainList li.portalDev a:before { background-position:9px -60px; }
.domainList li.mobileDev a:before { background-position:-47px -65px; }
.domainList li.softwareDev a:before { background-position:-118px -60px; }
.domainList li.webDev a:before { background-position:16px -121px; }
.domainList li.digitalMarket a:before { background-position:-49px -120px; }

.domainList li.portalDev a .count{ color:#239be8;}
.domainList li.mobileDev a .count{ color:#18c492}
.domainList li.softwareDev a .count{color:#f27f21}
.domainList li.webDev a .count{color:#da417b}
.domainList li.digitalMarket a .count{color:#672dde}

.domainList li.portalDev a:hover:before{ border-color:#239be8;}
.domainList li.mobileDev a:hover:before{ border-color:#18c492}
.domainList li.softwareDev a:hover:before{border-color:#f27f21}
.domainList li.webDev a:hover:before{border-color:#da417b}
.domainList li.digitalMarket a:hover:before{border-color:#672dde}


.editIcon{ text-indent:-9999px; display:inline-block; width:25px; height:25px; background:url(../images/icons.png) -176px -36px no-repeat;}
.cellSeprate{ position:relative;}
.cellSeprate:before{ width:1px; height:20px; position:absolute; content:" "; left:0; top:12px; background:#ddd;}

.dashboardAlert { -webkit-animation: ring 8s 1s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -moz-animation: ring 8s 1s ease-in-out infinite;  -moz-transform-origin: 50% 4px;  animation: ring 8s 1s ease-in-out infinite; font-size:2em;}
.ringing{-webkit-animation: ring 8s 1s ease-in-out infinite; -webkit-transform-origin: 50% 4px; -moz-animation: ring 8s 1s ease-in-out infinite;  -moz-transform-origin: 50% 4px;  animation: ring 8s 1s ease-in-out infinite;}
.icon-animated-vertical { display:inline-block; -moz-animation:vertical 2.0s 5 ease 2.0s; -webkit-animation:vertical 2.0s 5 ease 2.0s; -o-animation:vertical 2.0s 5 ease 2.0s; -ms-animation:vertical 2.0s 5 ease 2.0s; animation:vertical 2.0s 5 ease 2.0s }
.dashboardSetting{animation-name: spin;  animation-duration: 5000ms;  animation-iteration-count: infinite;  animation-timing-function: linear; }

canvas{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.chartjs-tooltip {opacity: 1;position: absolute;background: rgba(0, 0, 0, .7);color: white;	border-radius: 3px;	-webkit-transition: all .1s ease;transition: all .1s ease;			pointer-events: none;	-webkit-transform: translate(-50%, 0);	transform: translate(-50%, 0);	padding: 4px;}
.chartjs-tooltip-key {display: inline-block;width: 10px;height: 10px;}


/********** Add New Tender Forms, Add New Prospect Forms **********/

/* .row { margin:0 -15px 0px;} */
.cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 {  padding-left:15px; padding-right:15px;}
.cols12 {width:100%}
.cols11 {width:91.66666667%}
.cols10 {width:83.33333333%}
.cols9 {width:75%}
.cols8 {width:66.66666667%}
.cols7 {width:58.33333333%}
.cols6 {width:50%}
.cols5 {width:41.66666667%}
.cols4 {width:33.33333333%}
.cols3 {width:25%}
.cols2 {width:16.66666667%}
.cols1 {width:8.33%}
.boxs {list-style:none; padding:0; margin:0; }
.boxs2 { margin-left:-2%; }
.boxs3 { margin-left:-2%; }
.boxs4 { margin-left:-2%; }
.boxs5 { margin-left:-2%; }
.boxs6 { margin-left:-2%; }
.boxs > li, .boxs > div {   min-height:1px; margin-left:30px; }
.boxs2 > li, .boxs2 > div { width:48%; margin-left:2%; }
.boxs3 > li, .boxs3 > div { width:31%; margin-left:2%; }
.boxs4 > li, .boxs4 > div { width:23%; margin-left:2%; }
.boxs5 > li, .boxs5 > div { width:18%; margin-left:2%; }
.boxs6 > li, .boxs6 > div { width:14.6%; margin-left:2%; }


.containtSection label { display:inline-block; font-size:12px;color: #000;padding: 0; }
.formInputs .fieldOuter { display:block; }
.astric{ color:#e34622;}

/********** Custom Checkbox / Radiobox ***********/
.cuctom-checkbox label, .cuctom-radiobox label{display:inline-block; vertical-align:top; cursor:pointer; }
.cuctom-checkbox label{font-size:14px; padding-bottom:0; color:#383838; }
.note{color:#a6a6a6; font-size:14px;}
.formList .cuctom-checkbox label{ padding-bottom:3px; margin-left:3px; padding-right:0;}
.icheckbox_square,.iradio_square {display: inline-block;display: inline;vertical-align: middle;margin: 0;padding: 0;width: 20px;height: 20px;background: url(../images/square.png) no-repeat;border: none;cursor: pointer;}
.icheckbox_square {background-position: 0 0;}
.icheckbox_square.hover {background-position: -24px 0;}
.icheckbox_square.checked {background-position: -48px 0;}
.icheckbox_square.disabled {background-position: -72px 0;cursor: default;}
.icheckbox_square.checked.disabled {background-position: -96px 0;}
.iradio_square {background-position: -120px 0;}
.iradio_square.hover {background-position: -144px 0;}
.iradio_square.checked {background-position: -168px 0;}
.iradio_square.disabled {background-position: -192px 0;cursor: default;}
.iradio_square.checked.disabled {background-position: -216px 0;}
.cuctom-radiobox label{ padding-bottom:10px;}
.formSeprator{ border-top:1px solid #ccc;}

.tenderDtlBox{ background: #1e94f5; background: -moz-linear-gradient(left, #1e94f5 0%, #3cbffd 100%); background: -webkit-linear-gradient(left, #1e94f5 0%,#3cbffd 100%);background: linear-gradient(to right, #1e94f5 0%,#3cbffd 100%); padding:60px; margin-bottom:30px; }
.tenderDtlBox ul{ margin:0; padding:0; list-style:none;}
.tenderDtlBox li{   font-family: 'open_sansregular'; font-size:16px; color:#fff; border-right:1px solid #7dc1f8;}
.tenderDtlBox li:nth-child(2), .tenderDtlBox li:nth-child(3){ padding:0 6.5%}
.tenderDtlBox li:first-child{padding-right:5.5%}
.tenderDtlBox li:last-child{ border:none; padding-left:6.5%}
.tenderDtlBox li .tenderDtlBoxValue{ display:block; font-family: 'open_sanssemibold';font-size:18px}
.tenderDtlBox li .transitTime{position:relative; padding-left:60px;}
.tenderDtlBox li .submitDate{position:relative; padding-left:42px;}
.tenderDtlBox li .location{position:relative; padding-left:40px;}
.tenderDtlBox li .prepareDay{ position:relative; padding-left:42px;}
.tenderDtlBox li .transitTime:before, .tenderDtlBox li .submitDate:before, .tenderDtlBox li .location:before, .tenderDtlBox li .prepareDay:before{ position:absolute; left:0; top:10px;content:" "; background:url(../images/icons.png) 0 0 no-repeat;}
.tenderDtlBox li .transitTime:before{width:50px; height:28px; background-position: -134px -221px;} 
.tenderDtlBox li .submitDate:before{ width:34px; height:34px; background-position:-130px -133px;}
.tenderDtlBox li .location:before{ width:26px; height:34px; background-position:-174px -133px;}
.tenderDtlBox li .prepareDay:before{ width:34px; height:34px; background-position:-129px -177px;}

.tenderDtlBox li .transitTime{ }
input[type="file"]{ padding:6px 10px; border:1px solid #ddd; width:100%;height:38px;opacity: 1;}
.hint{ font-style:italic; color:#828282; font-size:11px; text-align:right; display:block; padding:10px 0;}
.submitBtn{ border-radius:4px;}
.resetBtn{ text-decoration:none; color:#424242;font-family: 'open_sanssemibold'; font-size:18px; text-transform:uppercase; padding-left:20px;}
.uploadFiles{ width:100%; border:1px solid #ddd; padding:20px; margin-top:28px; min-height:200px;}
.uploadFiles ul{ margin:0; padding:0; list-style:none;}
.uploadFiles li{ border-bottom:1px solid #ddd; height:55px; padding:10px 0;}
.uploadFiles li:last-child{ border:none;}
.uploadFiles .fa-close{ font-size:1.5em; color:#e53028;}
.cancelBtn{ border:1px solid #7d46d3; background-color:#fff; color:#7d46d3; font-family: 'open_sanssemibold'; line-height:20px; padding:11px 20px; display:inline-block; text-decoration:none; border-radius:4px; margin-left:5px; text-transform:uppercase;}
.button{ text-transform:uppercase; border-radius:4px;}
.cancelBtn:hover{color:#fff; background-color:#333; border-color:#333;}
.hideDetail{ text-align:right; padding-top:35px;}
.hideDetail a{ color:#7d46d3;}
.hideDetail a .fa-chevron-up:before{ height:14px;}
.hideDetail a.active .fa-chevron-up{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);  transform: rotate(180deg);}

.fileDiv{ border:1px solid #ddd; padding:10px; min-height:45px; color:#878984;}
.fileuploader input.fileUpload {position: absolute;top: 0;right:0;border: 0;cursor:pointer;filter:alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;margin: 0;padding: 0;}
.fileuploader { cursor: default;   overflow: hidden; position: relative; }
.filebutton, .fileUpload{ background:#fff url(../images/upload-icon.png) left center no-repeat!important; padding:0px 12px!important;}
.titleLink .note{ font-style:italic;}
.dashboardLeftNav li ul{ margin:0; padding:0; background:#e9e9e9; box-shadow: inset 0px 5px 8px 0px rgba(197,197,197,1);}
.dashboardLeftNav li ul li a{padding: 10px 5px 10px 57px;
    border-bottom: 1px solid #dddddd;
    font-size: 12px;font-weight: 400;}
.dashboardLeftNav li ul li:last-child a{ border:none;}
.dashboardLeftNav li ul li a .fa{color:#8e69d6; font-size:14px; font-weight:normal; padding-right:16px;}
.dashboardLeftNav li ul li a:before{ display:none;}

/**********   Dashboard **********/
.mngmntHeader{background:#313fa0;padding:10px 20px 10px 20px;background: linear-gradient(to right, #866cdb 0%, #4580cc 100%);/* display: flex; */}
.mngmntHeader:before, .mngmntHeader:after{ content:" "; display:table;}
.mngmntHeader:after{ clear:both;}
.logoSubtitle{     margin-left: 32px; color: #fff;  font-family: 'open_sanssemibold';  font-size: 22px;  line-height: 10px;   position: relative;   width: 100%;}
.logoSubtitle:before{ width:1px; height:50px; background:#5864b2; position:absolute;    top: 50%;
    left: -20px;
    content: " ";
    transform: translateY(-50%);}
.mngmntLogoSection{/* width: 50%; */ display: flex;align-items: center;}

.mngmntUserSection{ margin-top: 7px; display: flex; justify-content: end;}
.mngmntHeader .userInformation{padding:0;  }

.mngmntHeader .userImgWrap{display:inline-block;position:relative;vertical-align:middle}
.mngmntHeader .userImg{width:50px;height:50px;background:#fff;border-radius:50%;-webkit-border-radius:50%;text-align:center;line-height:50px;overflow:hidden}
.mngmntHeader .userImg img{ vertical-align:top;}
.mngmntHeader .userDetail{display:inline-block;margin-left:10px;vertical-align:middle}
.mngmntHeader .userDetail .userName{color:#fff;margin-bottom:0; font-size:12px; font-family: 'open_sansregular'; line-height:15px; }
.mngmntHeader .userDetail .userName .division{display:block;color:#b0bec5;margin-top:5px; font-size:12px;}
.mngmntHeader .activeIcon{position:absolute;right:-4px;border:5px solid #2f3b4c;background:#78a51e;width:22px;height:22px;border-radius:50%;-webkit-border-radius:50%;bottom:4px}
.mngmntHeader .userInfo{   border-right:1px solid #5864b2; padding-right:8px; margin:8px 20px 0 0;}
.mngmntHeader .userInfo a{ display:inline-block; color:#fff; font-size:20px; padding:0 6px; line-height:35px;}
.bell{ position:relative;}
.bell .count{ position:absolute; top:0; right:5px; background:#ff461b; font-size:10px; font-family: 'open_sanssemibold'; text-align:center; vertical-align:middle; width:16px; height:16px; border-radius:50%; line-height:16px;}
.mngmntContent{ background:#f5f5f5; padding:30px;}
.mngmntContent h2, .mngmntModuleSearch h2{ text-transform:uppercase; color:#313fa0; font-size:30px; font-family: 'open_sanssemibold'; border-bottom:6px solid #dbdbdb; display:inline; margin-bottom:30px;}
.mngmntModuleSearch h2{ display:inline-block;}
.mngmntProgressBlock{ background:#fff; box-shadow: 0px 0px 10px 3px rgba(239,239,239,1); margin-bottom:30px; color:#4b4b4b; padding:10px 30px;}
.titleLink .viewAllLink{   padding-top:15px; color:#501acd;}
.mngmntProgressBlock:before, .mngmntProgressBlock:after{ content:" "; display:table;}
.mngmntProgressBlock:after{ clear:both;}
.mngmntAlertBox{background:#fff; box-shadow: 0px 0px 10px 3px rgba(239,239,239,1); margin-bottom:30px; color:#4b4b4b; padding:20px 30px;}
.mngmntProgressSubTag, .mngmntProgressSubTag a{font-family: 'open_sansbold'; font-size:22px; color:#6a42c7; text-decoration:none;}
.capsuleList{ margin:0; padding:0; list-style:none;}
.capsuleList li{ display:inline-block; border-radius:20px; background:#f1f2f2; color:#4b4b4b; font-size:14px; padding:5px 15px;}
.capsuleList li.days{color:#fff; margin:0 10px;}
.capsuleList li.days.green{background:#2cb03c;}
.capsuleList li.days.brown{background:#be6918;}
.capsuleList li.days.red{background:#ea0e16;}

.mngmntProgressbar { margin:0;  padding: 0;  counter-reset: step; position:relative;}
.mngmntProgressbar:before{ width: 100%; height: 6px; content: ''; position: absolute; background-color: #ededee; top: 13px; left: 0; z-index: -1;}
.mngmntProgressbar li {list-style-type: none; width: 25%;   font-size: 15px; position: relative; text-align: center; color: #4b4b4b;}
.mngmntProgressbar li:before { width: 30px; height: 30px; content: counter(step); counter-increment: step; line-height: 27px; display: block;
  text-align: center;  margin: 0 auto 10px auto;  border-radius: 50%; background-color: #ededee; color:#4b4b4b;}
.mngmntProgressbar li.active:before{background-color: #cbdb2a;}
.mngmntProgressbar li:after { width: 100%; height: 6px; content: ''; position: absolute; background-color: #ededee; top: 13px; left: -50%; z-index: -1;}
.mngmntProgressbar li:first-child:after {content: none;}
.mngmntProgressbar li.active:before {color: #fff;}
.mngmntProgressbar li.active + li:after { background-color: #cbdb2a; height:8px; top:11px; border-top:2px solid #ededee; border-bottom:2px solid #ededee;}
.deptName{ font-size:15px; color:#4b4b4b; line-height:18px;}
.mngmntProgressList{ border-bottom:1px solid #cecfd1; margin-bottom:10px; padding-bottom:10px;}
.mngmntProgressList:last-child{ border:none; margin-bottom:0;}

.mngmntModuleSearch{ background:#ffffff; padding:30px;}
.mngmntFooter{ text-align:center; padding:30px 0;}


.mngmntStatus { clear:both; margin-bottom:30px; margin-top:21px; }
.mngmntStatus ul { margin:0; padding:0; list-style:none; }
.mngmntStatus ul li { background:#fff;   width:31.9%; margin:0px 1% 3%; position:relative; }
.mngmntStatus ul li:first-child, .mngmntStatus ul li:nth-child(4) { margin-left:0; }
.mngmntStatus ul li:last-child, .mngmntStatus ul li:nth-child(3) { margin-right:0; }
.mngmntStatus ul li a { color:inherit; text-decoration:none; padding:24px 20px; display:block; }
.mngmntStatus ul li span { display:block; position:relative; z-index:2; color:#fff; }
.mngmntStatus ul li span.digit { font-family: 'open_sansregular'; font-size:30px; line-height:30px; }
.mngmntStatus ul li span.digit em{ font-size:16px; font-family: 'open_sanslight'; font-style:normal; display:inline; margin:-5px 0 0 -15px; padding:0; line-height:20px;}
.mngmntStatus ul li span.label { font-size:16px; font-family: 'open_sansregular'; }

.mngmntStatus ul li.active a {background: #f7af96; border-radius:6px;background: -moz-linear-gradient(left, #f7af96 0%, #fc8cb5 100%);background: -webkit-linear-gradient(left, #f7af96 0%,#fc8cb5 100%);background: linear-gradient(to right, #f7af96 0%,#fc8cb5 100%); overflow:hidden; box-shadow: 0px 16px 10px -8px #fac0b2; }
.mngmntStatus ul li.pending a{background: #a085f7; border-radius:6px; background: -moz-linear-gradient(left, #a085f7 0%, #4580cc 100%); background: -webkit-linear-gradient(left, #a085f7 0%,#4580cc 100%); background: linear-gradient(to right, #a085f7 0%,#4580cc 100%);  overflow:hidden; box-shadow: 0px 16px 10px -8px #bacef8; }
.mngmntStatus ul li.reject a{background: #d39cd3; border-radius:6px; background: -moz-linear-gradient(left, #d39cd3 0%, #9588d7 100%); background: -webkit-linear-gradient(left, #d39cd3 0%, #9588d7 100%); background: linear-gradient(to right, #d39cd3 0%, #9588d7 100%);  overflow:hidden; box-shadow: 0px 16px 10px -8px #bacef8; }
.mngmntStatus ul li.win a{background: #37c2be; border-radius:6px; background: -moz-linear-gradient(left, #37c2be 0%, #307bd4 100%); background: -webkit-linear-gradient(left, #37c2be 0%,#307bd4 100%); background: linear-gradient(to right, #37c2be 0%,#307bd4 100%);  overflow:hidden; box-shadow: 0px 16px 10px -8px #b9ecff; }
.mngmntStatus ul li.lost a{background: #ffa555; border-radius:6px; background: -moz-linear-gradient(left, #ffa555 0%, #de6f7a 100%); background: -webkit-linear-gradient(left, #ffa555 0%, #de6f7a 100%); background: linear-gradient(to right, #ffa555 0%, #de6f7a 100%);}
.mngmntStatus ul li.submit a{background: #79c389; border-radius:6px; background: -moz-linear-gradient(left, #79c389 0%, #639fd1 100%);background: -webkit-linear-gradient(left, #79c389 0%, #639fd1 100%);background: linear-gradient(to right, #79c389 0%, #639fd1 100%); overflow:hidden; box-shadow: 0px 16px 10px -8px #c4eed0;}




.mngmntStatus ul li.active a:before, .mngmntStatus ul li.pending a:before, .mngmntStatus ul li.reject a:before, .mngmntStatus ul li.win a:before, .mngmntStatus ul li.lost a:before, .mngmntStatus ul li.submit a:before{background:url(../images/status-icons.png) right bottom no-repeat; position:absolute; content:" "; right:0; bottom:0;}
.mngmntStatus ul li.active a:before{ background-position:-401px -304px; width:58px; height:100px;}
.mngmntStatus ul li.pending a:before{background-position:0px -302px; width:61px; height:103px;}
.mngmntStatus ul li.reject a:before { background-position:-99px -304px; width:83px; height:96px; }
.mngmntStatus ul li.win a:before { background-position:-197px -282px; width:74px; height:119px; }
.mngmntStatus ul li.lost a:before { background-position:-297px -305px; width:83px; height:96px; }
.mngmntStatus ul li.submit a:before { background-position:-479px -298px; width:83px; height:96px; }



.mngmntStatus ul li a:after { position:absolute; left:0; top:100%; bottom:0px; right:0; content:""; transition:all 0.5s ease; z-index:1; border-radius:6px; }
.mngmntStatus ul li:hover a:after { top:0; }
.mngmntStatus ul li:hover a { color:#fff; }
.mngmntStatus ul li.active a:after { background:#f7af96; }
.mngmntStatus ul li.pending a:after{ background:#a085f7; }
.mngmntStatus ul li.reject a:after{background:#d39cd5; }
.mngmntStatus ul li.win a:after{background:#37c2be;   }
.mngmntStatus ul li.lost a:after{ background:#ffa555; }
.mngmntStatus ul li.submit a:after{ background:#79c389; }
.mngmntContent h2{ margin:0;}

.tenderLabels{  }
.tenderLabels .datepicker{ width:100px; font-size:12px; background-color:#fff;}

.prospectsListing{ margin:0; padding:0; list-style:none; position:relative; display:block; margin-bottom:20px; width:100%;  }
.prospectsListing:after{ width:100%; content:" "; position:absolute; left:0; top:90px; height:1px; background:#ddd;}
.prospectsListing li{   padding:10px 10px; border-right:1px solid #ddd; font-size:14px; color:#4b4b4b; min-height:80px;}
.prospectsListing li:last-child{ border:none; padding-right:0;}
.prospectsListing li:first-child{ padding-left:0; width:25%;}
.prospectProgressBlock{ background:#fff; box-shadow: 0px 0px 10px 3px rgba(239,239,239,1); margin-bottom:10px; color:#4b4b4b; padding:10px;}
.prospectsListing li .userName{ display:block; font-family: 'open_sansbold'; color:#f26522; font-size:18px;}
.prospectsListing li .targetCount{ font-family: 'open_sanssemibold'; font-size:16px; color:#39b54b; display:block; }
.prospectsListing li .possibilitiesCount{display:block; font-family: 'open_sansbold'; color:#4b4b4b; font-size:18px;}
.sortDesc{ font-size:14px;}
.sortDesc .date{color:#f36f31; padding-right:20px; display:inline-block;}

/********** Custom Scroll **********/

.mCSB_container { width:auto; margin-right:30px; overflow:hidden; }
.mCSB_container.mCS_no_scrollbar { margin-right:0; }
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar, .mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar { margin-right:30px; }
.mCustomScrollBox>.mCSB_scrollTools { width:16px; height:100%; top:0; right:0; }
.mCSB_scrollTools .mCSB_draggerContainer { position:absolute; top:0; left:0; bottom:0; right:0; height:auto; }
.mCSB_scrollTools a+.mCSB_draggerContainer { margin:20px 0; }
.mCSB_scrollTools .mCSB_draggerRail { width:2px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.mCSB_scrollTools .mCSB_dragger { cursor:pointer; width:100%; height:30px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:4px; height:100%; margin:0 auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display:block; position:relative; height:20px; overflow:hidden; margin:0 auto; cursor:pointer; }
.mCSB_scrollTools .mCSB_buttonDown { top:100%; margin-top:-40px; }
/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools { opacity:0.75; filter:"alpha(opacity=75)"; }
.mCustomScrollBox:hover>.mCSB_scrollTools { opacity:1; filter:"alpha(opacity=100)"; }
.mCSB_scrollTools .mCSB_draggerRail { background:#000; /* rgba fallback */ background:rgba(0, 0, 0, 0.4); filter:"alpha(opacity=40)"; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background:#fff; /* rgba fallback */ background:rgba(255, 255, 255, 0.75); filter:"alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background:rgba(255, 255, 255, 0.85); filter:"alpha(opacity=85)";}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background:rgba(255, 255, 255, 0.9); filter:"alpha(opacity=90)";  }
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity:0.75; filter:"alpha(opacity=75)"; }
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity:0.9; filter:"alpha(opacity=90)"; }

/* scrollbar */
.prospectScrollBox>.mCustomScrollBox>.mCSB_scrollTools{	height:94%;	top:3%;}
.prospectScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;	-webkit-border-radius:2px;	-moz-border-radius:2px;	border-radius:2px;	background:#f26522;}
.prospectScrollBox{height:1160px;}


.mngmntProspectStatus { clear:both; margin-bottom:30px; margin-top:21px; }
.mngmntProspectStatus ul { margin:0; padding:0; list-style:none; }
.mngmntProspectStatus ul li { background:#fff;   width:32%; margin:0px 1%; position:relative; }
.mngmntProspectStatus ul li:first-child { margin-left:0; }
.mngmntProspectStatus ul li:last-child { margin-right:0; }
.mngmntProspectStatus ul li a { color:inherit; text-decoration:none; padding:24px 20px; display:block; }
.mngmntProspectStatus ul li span { display:block; position:relative; z-index:2; color:#fff; }
.mngmntProspectStatus ul li span.digit { font-family: 'open_sansregular'; font-size:30px; line-height:30px; }
.mngmntProspectStatus ul li span.digit em{ font-size:16px; font-family: 'open_sanslight'; font-style:normal; display:inline; margin:-5px 0 0 -5px; padding:0; line-height:20px;}
.mngmntProspectStatus ul li span.label { font-size:16px; font-family: 'open_sansregular'; }

.mngmntProspectStatus ul li.prospectsReceived a {background: #fc9f97; border-radius:6px;background: -moz-linear-gradient(left, #fc9f97 0%, #c173d3 100%);background: -webkit-linear-gradient(left, #fc9f97 0%, #c173d3 100%);background: linear-gradient(to right, #fc9f97 0%, #c173d3 100%); overflow:hidden; }
.mngmntProspectStatus ul li.saleTarget a{background: #88c482; border-radius:6px; background: -moz-linear-gradient(left, #88c482 0%, #29c0b1 100%); background: -webkit-linear-gradient(left, #88c482 0%, #29c0b1 100%); background: linear-gradient(to right, #88c482 0%, #29c0b1 100%);  overflow:hidden;}
.mngmntProspectStatus ul li.targetComplete a{background: #ffa555; border-radius:6px; background: -moz-linear-gradient(left, #ffa555 0%, #de6f7a 100%); background: -webkit-linear-gradient(left, #ffa555 0%, #de6f7a 100%); background: linear-gradient(to right, #ffa555 0%, #de6f7a 100%);  overflow:hidden;}

.mngmntProspectStatus ul li a:after { position:absolute; left:0; top:100%; bottom:0px; right:0; content:""; transition:all 0.5s ease; z-index:1; border-radius:6px; }
.mngmntProspectStatus ul li:hover a:after { top:0; }
.mngmntProspectStatus ul li:hover a { color:#fff; }
.mngmntProspectStatus ul li.prospectsReceived a:after { background:#fc9f97; }
.mngmntProspectStatus ul li.saleTarget a:after{ background:#88c482; }
.mngmntProspectStatus ul li.targetComplete a:after{background:#ffa555; }


/********** Responsive Tab **********/

.resTab {position: relative;}
.resTab .tabNav {margin:30px 0 10px;padding: 0; list-style:none}
.resTab .tabNav li {display: inline-block;margin: 0;position: relative;}
.resTab .tabNav li a {display: inline-block;padding: 10px 12px;text-decoration: none;}
.resTab .tabNav .r-tabs-state-active a {color: #fff; background:#4f1ace;text-shadow: none;}
.resTab .tabContent {display: none;}
.resTab .r-tabs-panel.r-tabs-state-active {display: block;}
.resTab .r-tabs-accordion-title {display:none;}
.resTab .tabNav .r-tabs-state-disabled {opacity: 0.5;}
.resTab .r-tabs-accordion-title .r-tabs-anchor {display: block;padding: 10px;background-color: #00c5ad;text-decoration: none;}
.resTab .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #fff;color: #00c5ad;text-shadow: none;}
.resTab .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;}
.noJS .resTab .tabContainer { height:150px; overflow:hidden}
.noJS .resTab .tabContent { display:block; height:150px}



.gauge { position: relative; display: inline-block; font-size: 16px; width:1em; height:1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.gauge.gauge-small { font-size: 12px; }
.gauge:before { /*content: '';*/
    position: absolute; left: 0; top: 0; font-size: 100%; height: 2em; width: 2em; line-height: 1em; border: 0.35em solid #666666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; clip: rect(auto, auto, 1em, auto); }
.gauge .gauge-arrow { height: 1em; width: 0.075em; margin-top:-125px; margin-left: -.05em; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-transition: all 5s; -moz-transition: all 5s; -o-transition: all 5s; transition: all 5s; }
.gauge .gauge-arrow, .gauge .gauge-arrow:before { position: absolute; display: inline-block; background: #fff; left: 50%; border-radius: 50% 50% 50% 50% / 50% 50% 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.gauge .gauge-arrow:before { content: ''; height: 0.20em; width: 0.20em; bottom: -0.12em; margin-left: -0.095em; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }
.gauge-red.gauge:before { border-color: #ff4e00; }
.gauge-orange.gauge:before { border-color: #ffa600; }
.gauge-yellow.gauge:before { border-color: #f9f865; }
.gauge-green.gauge:before { border-color: #8ceab9; }

.GaugeMeter { position: Relative; text-align: Center; overflow: Hidden; cursor: Default; display: inline-block; }
.GaugeMeter SPAN, .GaugeMeter B { width: 54%; position: Absolute; text-align: Center; display: Inline-Block; color: RGBa(0, 0, 0, .8); font-weight: 100; font-family: 'open_sansregular'; overflow: Hidden; white-space: NoWrap; text-overflow: Ellipsis; margin: 0 23%; display:none; }
.GaugeMeter[data-style="Semi"] B { width: 80%; margin: 0 10%; }
.GaugeMeter S, .GaugeMeter U { text-decoration: None; font-size: .60em; font-weight: 200; opacity: .6; }
.GaugeMeter B { color: #000; font-weight: 200; opacity: .8; }

.GaugeMeterBig { position: Relative; text-align: Center; overflow: Hidden; cursor: Default; display: inline-block;}
.GaugeMeterBig SPAN, .GaugeMeterBig B { width: 54%; position: Absolute; text-align: Center; display: Inline-Block; color: RGBa(0, 0, 0, .8); font-weight: 100; font-family: 'open_sansregular'; overflow: Hidden; white-space: NoWrap; text-overflow: Ellipsis; margin: 0 23%; display:none; }
.GaugeMeterBig[data-style="Semi"] B { width: 80%; margin: 0 10%; }
.GaugeMeterBig S, .GaugeMeterBig U { text-decoration: None; font-size: .60em; font-weight: 200; opacity: .6; }
.GaugeMeterBig B { color: #000; font-weight: 200; opacity: .8; }

.circleGraph{   margin-right:10px;}

.dashMeter{background: #6439c7; background: -moz-linear-gradient(left, #673cc9 0%, #4f1ace 100%);background: -webkit-linear-gradient(left, #673cc9 0%, #4f1ace 100%);background: linear-gradient(to right, #673cc9 0%, #4f1ace 100%); padding:30px 0 30px 80px; text-align:center;}
.dashMeterBottom{ padding:20px; background:#ffa707; margin-bottom:20px;}
.dashMeter:before, .dashMeter:after, .dashMeterBottom:before, .dashMeterBottom:after{ content:" "; display:table;}
.dashMeter:after, .dashMeterBottom:after{ clear:both;}

.saleTargetTill, .saleTargetNow{ width:20%;   text-align:center; font-family: 'open_sansregular'; font-size:18px; color:#fff; border-bottom:6px solid #a889f0; padding-bottom:20px; padding-top:40px;}
.saleTargetTill .totalCount, .saleTargetNow .totalCount{font-family: 'open_sanssemibold'; font-size:35px; color:#fff;}
.saleTargetTill .totalCount span, .saleTargetNow .totalCount span{ font-size:15px;}
.saleTargetTill .month, .saleTargetNow .month{ display:block; font-size:14px;}
.targetMeter{   width:40%; border-radius:50%; background:#6a42c7; width:180px; height:180px; margin:0 5%; padding-top:10px;}

.dashMeterBottom ul{ list-style:none; margin:0; padding:0}
.dashMeterBottom ul li{   padding:0 10px; color:#191200; font-size:14px;}

.dashMeterBottom ul li .targetDate{ background:url(../images/date-icon.png) left top no-repeat; padding-top:35px; width:60px; border-right:1px solid #b57a12;}
.dashMeterBottom ul li.currentTarget{ font-family: 'open_sansregular'; font-size:14px; width:130px;}
.dashMeterBottom ul li.currentTarget .tagetAmount, .dashMeterBottom ul li.targetAchive .tagetAmount { font-size:24px; font-family: 'open_sansbold';}
.dashMeterBottom ul li.currentTarget .tagetAmount span, .dashMeterBottom ul li.targetAchive .tagetAmount span{font-size:14px; font-family: 'open_sansregular';}
.dashMeterBottom ul li.targetAchive{font-family: 'open_sansregular'; font-size:14px; width:100px;}

.dashMeterBottom ul li .download{ width:52px; height:52px; text-indent:-9999px; display:inline-block; background:url(../images/download-icon.png) 0 -58px no-repeat; margin-top:15px;transition: all 0.3s;}
.dashMeterBottom ul li .download:hover{ background-position:0 0;}
.dashMeterBottom ul li .customSelectOuter{ margin-top:15px;}

.approveList{ margin:30px 0 20px; padding:0; list-style:none;}
.approveList li{ display:inline-block;}
.approveList li a{border-radius:20px; background:#f1f2f2; color:#4b4b4b; font-size:14px; padding:5px 15px; text-decoration:none;}
.approveList li a:hover, .sendMail:hover{ background:#4f1ace; color:#fff;}

.mngmntAlertBox a.viewAll, .mngmntProgressList .viewAllLink a, .prospectProgressBlock .viewAllLink a{ color:#501acd;}
.mngmntProgressList .viewAllLink, .prospectProgressBlock .viewAllLink{ margin-top:30px;}
.sendMail{background:#ea0e16; color:#fff; font-size:12px; padding:5px 15px; text-decoration:none; display:inline-block; border-radius:20px;}

.multiSelect{ min-height:80px; font-size:14px;}
.shortDesc{ width:250px!important; white-space:normal!important}
.tableData .fa{ font-size:1.2em; margin:0 5px}
.tableData .fa-close{ color:#e53028}

.pagination {margin:20px 0; list-style:none; padding:0;}
.pagination li{ display:inline-block;}
.page {display: inline-block; padding: 4px 12px; margin-right: 4px; border-radius: 3px; border: solid 1px #c0c0c0; background: #e9e9e9; box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1); text-decoration: none; color: #717171; text-shadow: 0px 1px 0px rgba(255,255,255, 1);}
.page:hover, .page.gradient:hover, .page.active { border-color:#63F; background: #7d46d3; box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8); color: #f0f0f0; text-shadow: 0px 0px 3px rgba(0,0,0, .5);}

/*********	LiteBox v1.3 **********/
.litebox { cursor:pointer; position:relative; z-index:999;}
.litebox-overlay, .litebox-overlay > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.litebox-overlay { display: none; width: 100%; min-width: 280px; text-align: center; position: fixed; top: 0; left: 0; z-index: 9999; }
 @-webkit-keyframes liteboxLoader {  0% {
 -webkit-transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
}
}
 @-moz-keyframes liteboxLoader {  0% {
 -moz-transform: rotate(0deg);
}
 100% {
 -moz-transform: rotate(360deg);
}
}
 @-ms-keyframes liteboxLoader {  0% {
 -ms-transform: rotate(0deg);
}
 100% {
 -ms-transform: rotate(360deg);
}
}
 @-o-keyframes liteboxLoader {  0% {
 -o-transform: rotate(0deg);
}
 100% {
 -o-transform: rotate(360deg);
}
}
 @keyframes liteboxLoader {  0% {
 transform: rotate(0deg);
}
 100% {
 transform: rotate(360deg);
}
}
.litebox-overlay .litebox-loader { position: absolute; width: 40px; height: 40px; left: 20px; top: 20px; border: 3px solid #111; border-right-color: #fff; border-radius: 50%; -webkit-animation: liteboxLoader 1s linear infinite; -moz-animation: liteboxLoader 1s linear infinite; -ms-animation: liteboxLoader 1s linear infinite; -o-animation: liteboxLoader 1s linear infinite; animation: liteboxLoader 1s linear infinite; }
.litebox-overlay .litebox-text { width: 100%; padding: 0 15px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 12px; line-height: 50px; position: absolute; bottom: 0; z-index: 2; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0); opacity: 0;  -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.litebox-overlay .litebox-text.active { -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1;  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100); opacity: 1; }
.litebox-overlay .litebox-close { width: 40px; height: 40px; background: url(../images/litebox-close.png) no-repeat center; opacity: .7; position: absolute; top: 20px; right: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.litebox-overlay .litebox-close:hover { opacity: 1; cursor: pointer; }
.litebox-overlay .litebox-nav { display: none; width: 60px; height: 60px; margin-top: -30px; opacity: .2; position: absolute; top: 50%; z-index: 9999999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.litebox-overlay .litebox-nav:hover { opacity: .5; cursor: pointer; }
.litebox-overlay .litebox-prev { background: url(../images/litebox-prev.png) no-repeat center; left: 20px; }
.litebox-overlay .litebox-next { background: url(../images/litebox-next.png) no-repeat center; right: 20px; }
.litebox-overlay .litebox-container { position: absolute; top: 10%; right: 20%; bottom: 10%; left:20%; overflow: hidden; }
.litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; }
.litebox-overlay img, .litebox-overlay iframe { display: inline-block; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle; overflow-x: hidden; }
.litebox-overlay iframe { width: 100%; height: 100%; position: relative; z-index: 999999; }
.litebox-overlay .litebox-inline-html { width: 100%; padding: 20px; background: #FFF; line-height: normal; overflow-x: hidden; line-height: normal !important; position: absolute; }
.litebox-overlay .litebox-error { width: 100%; height: 100%; color: #FFF; text-align: center; line-height: inherit; }
.litebox-overlay .litebox-error span { background: rgba(0, 0, 0, .9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; color: #FFF; text-shadow: 1px 1px 0 #000; line-height: normal; }
@media only screen and (max-width: 479px) {
 .litebox-overlay .litebox-close { display: none;}
}
#doForm   { max-width:100%; margin:auto auto; text-align:left; padding:20px; background:#fff;display: block;}
.doForm {
    padding: 0 !important;
}
#doForm h2, #tenderViewDetails h2{ border-bottom:1px solid #d1d1d1; position:relative; color:#513db8; font-size: 18px;line-height: 26px;}
#doForm h2:before, #tenderViewDetails h2:before{ position:absolute; bottom:-2px; left:0; background:#7c46d3; height:4px; width:100px; content:" ";}
.doComment { border:1px solid #CCC; padding:30px; width:100%; background: #513db8; color:#fff; 
background: -moz-linear-gradient(top, #513db8 48%, #7e46d4 100%);
background: -webkit-linear-gradient(top, #513db8 48%,#7e46d4 100%);
background: linear-gradient(to bottom, #513db8 48%,#7e46d4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#513db8', endColorstr='#7e46d4',GradientType=0 );}
.doCommentLeft { border:1px solid #ccc; padding:20px; background-color:#fff; color:#000;}
.doCommentLeft p{ margin:0px;}
.doCommentLeft h4{ margin:0px; font-size:16px; font-weight:800; text-transform:uppercase;  font-family: 'open_sansbold';}
.doComment input[type="submit"],
.doComment input[type="button"],
.doComment input[type="reset"],
.doComment button, 
.doComment .button{ padding:10px 10px!important; margin:20px 0 0 0; }
.doComment  .row {margin:0 0 30px 0; padding:0 0 30px 0;}
.doComment  .row:not(:last-child) { border-bottom:1px solid #fff; }
.doCommentRgt {padding:20px; }
.doAddnewInfo { border-bottom:1px solid #ccc; padding:0 0 30px 0; margin:0 0 30px 0; background: #1e94f5; background: -moz-linear-gradient(left, #1e94f5 0%, #3cbffd 100%); background: -webkit-linear-gradient(left, #1e94f5 0%,#3cbffd 100%);background: linear-gradient(to right, #1e94f5 0%,#3cbffd 100%); color:#fff; padding:30px; clear:both; }
.doAddnewInfo .row {  padding:0 0 20px 0;}
.doAddnewInfo .row:not(:last-child){ border-bottom:1px solid #fff; }
.doAddnewInfo .cols3:not(:last-child) { border-right:1px solid #fff;}
.doAddnewInfo  label{ font-size:16px; font-weight:700;}
.doAddnewInfo .infoTitle { }
.doForm {}
.doForm  .showDetail2 a.active .fa-chevron-up{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg);  transform: rotate(180deg);}
.doForm .hideDetail2 {  } 
.doForm .hideDetail2  a{ text-decoration:none;}
.tenderDtlBoxHide2 { border-top:1px solid #fff; padding-top:20px;}
.doAddnewTop { height:80px; overflow:hidden;}
.doForm  .textarea { height:148px;}
.doFormAccor {  margin:0 0 30px 0; background:#F5F5F5; color:#000; padding:20px; clear:both;}
.doFormAccor  .accordion .accTrigger { border-bottom:1px solid #CCC; padding:10px 0 10px 20px ;}
.doFormAccor  label { font-weight:400;}
.doFormAccor  .row { margin:0px 0 10px; padding:0px;}
.doFormAccor p{ margin:0px;}
.doFormAccor .accordDetail { background-color:#fff; color:#000;}

.signOut{ font-size:24px; color:#fff; margin-top:-5px; display:inline-block}
.signOut:hover{color:#f7a041 }

.gridNameActive{ color:#f26522!important;}
.mrgNone{ margin:0!important}
.gridBtn{ padding:8px 10px; background:#7d46d3; color:#fff; text-decoration:none; border-radius:4px;}
.gridCancelBtn{ padding:8px 10px; background:#333; color:#fff; text-decoration:none; border-radius:4px;}
.gridBtn:hover, .gridCancelBtn:hover{ background:#222; color:#fff;}
.mrgBNone{ margin-bottom:0!important;}
.tableDataLine input[type="text"], .tableDataLine textarea{ background-color:#fff;}
.popup-with-form{ position:relative; z-index:2}
#viewGrid, #viewEmail, #tenderViewDetails{ padding:20px; background:#fff;}
.addSrManagerBlock{ padding:20px; background:#ececff; border:1px solid #f1f1f1;}
.addSrManagerBlock input[type="text"], .addSrManagerBlock textarea, .addSrManagerBlock select{ background-color:#fff;}
#viewEmail table td input[type="text"]{ height:30px;}
#viewEmail table td textarea{ height:200px;}
input[type="file"]{ background:#fff;}



.st-dropdown {  position: relative; }
.st-dropdown > a { display: inline-block; padding: 10px 20px; position: relative; overflow: hidden; color: #fff; text-decoration: none;  -webkit-transition: 350ms ease; transition: 350ms ease;  }
.st-dropdown > a:hover { background-color: #222; }
.st-dropdown .dropdownMenu, .st-dropdown .paragraphic { width: 100%; max-width: 270px; display: none; margin: -6px 0 0; padding: 0; list-style: none; position: absolute; left: 0; top: 100%; z-index: 2;  background-color: #333;}
.st-dropdown .dropdownMenu li { display: block; }
.st-dropdown .dropdownMenu li a { display: block; padding: 8px 18px; color: #fff; text-decoration: none; -webkit-transition: 350ms ease; transition: 350ms ease; border-bottom: 1px solid #666; }
.st-dropdown .dropdownMenu li a:hover { background-color: #777; }

.st-dropdown > a.click-dropdown-arrow { padding-right: 44px; }
.st-dropArrow { width: 30px; height: 100%; position: absolute; right: 0; top: 0; background-color: #666; }
.st-dropArrow i { width: 0; height: 0; position: absolute; left: 50%; top: 50%; border: 5px solid transparent; }
.st-dropArrow.st-dropArrowUp i { margin: -7px 0 0 -5px; border-bottom: 5px solid #fff; }
.st-dropArrow.st-dropArrowDown i { margin: -2px 0 0 -5px; border-top: 5px solid #fff; }

/* CSS Dropdown */
.hover:hover + .dropdownMenu, .hover + .dropdownMenu:hover { display: block; }

/* Dropdown Above */
.st-dropdown .dropdownMenu.dropdownMenuAbove { top: auto; bottom: 100%; }

/* Paragraph */
.st-dropdown .paragraphic p { margin: 0; padding: 10px 15px; color: #fff; }

/* Sub Menu css Start */
.dashboardLeftNav li.expandMenu ul{height:0;visibility:hidden}
.dashboardLeftNav li.expandMenu.opened ul{height:100%;visibility:visible;transition:5s}
.dashboardLeftNav li.expandMenu{position:relative}
.dashboardLeftNav li.expandMenu:before{font-family:FontAwesome;content:"\f067";position:absolute;top:18px;right:15px;font-size:14px;color:#797979;z-index:9;transition:5s}
.dashboardLeftNav li.expandMenu.opened:before{content:"\f068";transition:5s}
.dashboardLeftNav li a.active{background:#fff;box-shadow:inset -56px 0px 14px -51px rgba(232,232,232,1)}
.dashboardLeftNav li a.active:after{height:100%;left:0}
/* Sub Menu css End */

.update{
    padding: 3px 10px; font-size: 14px; background-color: #cccccc; color:#000; border-radius: 12px;
}
.footer-sec {
    padding: 15px 15px 15px 15px;
    text-align: center;
    color: #333;
    background: #fff;
    border-top: 2px solid #ff6c08;
    font-size: 14px;
}
.wrapper {
    display: flex;
    flex-direction: column;
}
input, select {
    font-size: 12px!important;
}
.subtitle label {
    font-size: 14px;
    margin: 0;
    padding: 0;
}
label span {
    font-size: 10px;
    font-style: italic;
}
table input {
    background: #fff;
	min-width: 40px;
}
table thead th {
    text-align: center !important;
}
.formbtn {
    text-align: center;
}
.mt-14{margin-top:14px}
.mt-10{margin-top:10px}
.p-0{padding:0}
.containtSection .row {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
}

.btn-start2{    justify-content: start !important;
}

/* Left Menu Toggle CSS Start */
.togglemenuSection{ }
#topnav-hamburger-icon{height:35px;width:40px;position:relative;background:#f4f4f4;border-radius:3px}
.hamburger-icon{width:20px;height:14px;cursor:pointer;display:inline-block;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto}
.hamburger-icon span{background-color:#878a99;position:absolute;border-radius:2px;-webkit-transition:.2s cubic-bezier(.8,.5,.2,1.4);transition:.2s cubic-bezier(.8,.5,.2,1.4);width:100%;height:2px;display:block;left:0}
.hamburger-icon span:nth-child(1){top:0;width:80%}
.hamburger-icon span:nth-child(2){top:6px}
.hamburger-icon span:nth-child(3){bottom:0;width:60%}
.hamburger-icon.hide{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}
.hamburger-icon.hide span:nth-child(1){left:1px;top:5px;width:20px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition-delay:150ms;transition-delay:150ms}
.hamburger-icon.hide span:nth-child(2){left:3px;top:13px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:50ms;transition-delay:50ms}
.hamburger-icon.hide span:nth-child(3){left:9px;top:13px;width:10px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-delay:.1s;transition-delay:.1s}
.sidePanel.hide {width:0%}
.mainPanel.hide {padding-left:0%;z-index:9}
.sidePanel, .mainPanel.hide{transition:.2s}
/* Left Menu Toggle CSS End */
.dashboardLeftNav li a.btn-link {display: flex;justify-content: space-between;    align-items: center;}
.dashboardLeftNav li a.btn-link i {margin-right: 10px;    font-size: 10px;}
.dashboardLeftNav li a.btn-link:hover , .dashboardLeftNav li a.btn-link:focus{text-decoration: none;}
.dashboardLeftNav a.btn.btn-link.collapsed i:before{content:'\f067';}
.dashboardLeftNav a.btn.btn-link i:before{content:'\f068';}

.dashboardLeftNav li.health.actve .collapsed[aria-expanded="true"] i:before{content:'\f068';}


/* 04-04-24 Start  */
.cus-form-control {
    height: 38px;
    padding: 5px 10px;
    border-radius: 8px !important;
    border-color: #e1e1e1;
    font-size: 14px !important;
}
.cus-form-control:hover, .cus-form-control:focus{box-shadow: none !important;    border: 1px solid #313fa0 !important;}
.cus-form-control:focus-visible {outline: none;}
form label{font-size: 12px;margin-bottom:0px;}
.two-table-sec {
    display: flex;
    gap: 30px;
}
.two-table-sec .table td:last-child {
    border-right: 1px solid #d4d4d4;
}
.form-table {
    border: 1px solid #e5e5e5;
}
.form-table .thead-light th {
    background: #f1f1f1 !important;
    border-bottom: 1px solid #acacac;
    padding: 5px 10px;
    color: #363636;
    font-family: 'open_sansbold';
    font-size: 12px;
    white-space: nowrap;
    vertical-align: top;
}
textarea.form-control.cus-form-control {
    min-height: 38px !important;
}
/* 04-04-24 Start  */
/* 02-05-24 Start  */
.form-headings {text-align: center;margin-bottom: 20px;}
.form-headings h4 {margin-bottom: 5px;}
.form-headings h6 {margin: 0;line-height: 24px;}
.frm-inner-title h6 {margin-bottom: 4px;}
label .frm-label-exp{font-style:normal;font-size: 12px}
form .check-filed{display: flex;height: 38px;align-items: center;}
th.td-no-wrap {white-space: pre-wrap !important;}
/* 02-05-24 end  */
/* User List Page CSS Start  */
.center-title {
    text-align: center;
}
.center-title h2 {
      
    margin-bottom: 0;
    font-size: 12px;
        margin: 0 !important;
}
.center-title .ref-year {
    text-decoration: underline;
    font-size: 14px;
}
.center-title .pg-ttle {
    font-family: 'open_sanssemibold';
    font-size: 12px;
    color: #363636;
    margin: 0;
}
a.usr-add-lnk i {margin-right: 8px;}
a.usr-add-lnk {text-decoration: none;font-size: 18px;}
.table-srch-sec .search-sec {
    width: 100%;
}

.table-srch-sec {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.table-srch-sec .tble-rows-sec {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 8px;
}

.table-srch-sec .search-sec .form-row {
    justify-content: end;
}
.custom-table thead th {
    background-color: #313fa0 !important;
    border-bottom: none;color: #fff !important;
}

.custom-table tbody td {
    text-align: center;
}

.custom-table td {
    text-align: center;
}
.custom-table th, .custom-table td {
    padding: 7px 5px !important;
    font-size: 12px;
}
.custom-table td, .table-bordered th {
    border: 1px solid #dee2e6;
    font-size: 12px;
}
.custom-table td, .custom-table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.custom-table a i{
    color: #2e9cc5;
}
.custom-table a:hover {
    color: #313fa0;
}
.drk-blue-btn {
    /* color: white; */
    /* background: #313fa0; */
    /* font-size: 14px; */
    /* border-radius: 0; */
}
.btn.drk-blue-btn:hover {
    /* background: #2e9cc5; */
}
.box-form {
    border: 1px solid #ccc;
    padding-bottom: 10px;
}
.paginate_button {
    background: #ffffff;
    color: #fff !important;
    border-radius: 0px;
    height: 100%;
    line-height: normal;
    text-decoration: none;
    padding: 8px 12px !important;
    font-size: 12px !important;
    border-color: #101d73 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {    background: #2e9cc5!important;cursor: pointer !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{color: #fff!important;}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current {
    color: #fff !important;
    background: #101d73;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover , .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover{ background: #2e9cc5!important;} 
a.paginate_button.cuurent , a.paginate_button.next , a.paginate_button.previous {
    background: #101d73 !important;
}

.dataTables_wrapper .dataTables_paginate  .paginate_button.next {
    color: #fff !important;
}
.dataTables_wrapper .dataTables_paginate  .paginate_button.previous {
    color: #fff !important;
}
.dataTables_wrapper  .dataTables_info , .dataTables_wrapper .paging_simple_numbers{
    margin: 10px 0;
}
.custom-table th, .custom-table td {
    padding: 7px 5px !important;
    font-size: 12px;
}
/* User List Page CSS End  */
/* pAGINATION CSS START */
.pagination-dov .back a,
.pagination-dov .next a {
  background: #101D73;
  color: #fff !important;
  border: 0;
  border-radius: 4px;
}

.pagination-dov ul.pagination li {
  margin-left: 10px;
}

.pagination-dov ul.pagination li .page-link {
  border-radius: 0px;
  color: #4D4F5C;
  display: flex;
  height: 100%;
  align-items: center;
  line-height: normal;
  text-decoration: none;
}
.pagination-dov .back a:hover, .pagination-dov .next a:hover {
  background: #2e9cc5;
}
.pagination-dov ul.pagination li .active {
  color: #f02844 !important;
}

.pagination-dov ul.pagination li .page-link:hover {
  color: #f02844;
}
/* pAGINATION CSS eND */
.userInfo a.chnge-pass {
    position: relative;
}
.userInfo a.chnge-pass span.pas-txt {
    position: absolute;
    bottom: -18px;
    font-size: 12px;
    width: 115px;
    left: 2px;
    background: #fff;
    color: #000;
    line-height: 10px;
    padding: 5px;
    display: none;
    transition: 0.3s; z-index: 99;
}
.userInfo a.chnge-pass:hover span.pas-txt , a.chnge-pass:focus span.pas-txt {
    display: block;
    transition: 0.3s;
}


.userInfo a.signOut {
    position: relative;
}
.userInfo a.signOut span.pas-txt {
    position: absolute;
    bottom: -18px;
    font-size: 12px;
    left: 2px;
    background: #fff;
    color: #000;
    line-height: 10px;
    padding: 5px;
    display: none;
    transition: 0.3s; z-index: 99;
}
.userInfo a.signOut:hover span.pas-txt , a.signOut:focus span.pas-txt {
    display: block;
    transition: 0.3s;
}







.change-password .loginFields{width:100%}
.redcolor{color:red}
.change-password .form-check-inline{padding:0;margin:0;font-size:10px;display:block}
.change-password .form-check-inline input{width:10px}
.change-password .form-check-inline label{display:flex;align-items:center}
.box-form > * {
    padding: 0 15px;
}

.box-form .titleLink.center-title {
    border-bottom: 1px solid #ccc;
}
.user-lst-table .dataTables_length label {display: flex;align-items: center;gap: 8px;}
.user-lst-table .dataTables_filter label {
    display: flex;
    align-items: center;
    gap: 8px;
}

.user-lst-table .dataTables_wrapper .dataTables_filter input {
    margin: 0;
}
.save-submitt-sec {
    display: flex;
    gap: 15px;
    justify-content: end;
    margin-bottom: 15px;
}

.invalid-alert {
    position: absolute;
    font-size: 12px;
    bottom: -17px;
    left: 15px;
}
/* Modal CSS Start */
.cust-modal .modal-dialog {
    max-width: 600px;
    box-shadow: -1px 1px 20px 0px rgb(120 120 120 / 72%);
    border-radius: 5px;
}
.cust-modal .modal-body {
    text-align: center;
}
.cust-modal .modal-header {
    background: #e5e5e5;
    color: #000;
}
.cust-modal .modal-header button.close:hover {
    background: #313fa0;
    color: #fff;
}
.cust-modal .modal-header button.close {
    padding: 10px 15px;
    top: 5px;
    position: relative;
    right: 5px;
    border-radius: 50%;
}
.cust-modal .modal-footer {
    border-top: 0;
}
.cust-modal .modal-header h5 {
    font-size: 20px;
}
span.success-txt {
    color: #1b5818;
    font-size: 20px;
    font-family: 'open_sanssemibold';
    margin-bottom: 15px !important;
    display: inline-block;
}
.cust-modal .modal-dialog label {
    font-size: 14px;
}

.cust-modal .modal-dialog .value-txt {
    color: #313fa0;
    font-family: 'open_sanssemibold';
    font-size: 18px;
}
/* Modal CSS End */
.blod-txt{font-weight: 600;}
.error-msg-2 {
    position: relative;
    font-size: 14px;color: red;
}

.form-group .check-box {
    display: flex
;
    margin-top: 18px !important;
}



.form-table tr td .error-msg-2 {
    position: relative;
    font-size: 14px;
    display: block;
    padding-bottom: 10px;
    text-align: left; color: red;
}

.check-box {
    display: flex
;
    margin-top: 18px !important;
}



.red-border {
        border: 1px solid red !important;
    }
    input.red-border {
        border: 1px solid red !important;
    }
 /*   30-04-24  start*/
    .dataTables_filter input[type="search"] {height: 32px !important;}
.dataTables_length select {height: 32px !important;padding: 5px 0px !important;font-size: 14px !important;}
.dataTables_length select:focus, .dataTables_filter input[type="search"]:focus{outline:none;border:1px solid #313fa0!important}
 /*   30-04-24  End*/
 /* 30-4-24  */
/* form starting stylings ------------------------------- */
.loginBox .loginFields .loginInputs{position:relative;margin-bottom: 25px;padding: 0;margin-top: 10px;}
.loginBox .loginFields .loginInputs input{font-size:14px!important;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);padding: 8px 12px !important;border: none !important;border-bottom: 2px solid white !important;padding-left: 0 !important;color: #fff;}
.loginBox .loginFields .loginInputs input:focus{outline:none;border-bottom: 2px solid #00a2db !important;box-sizing: border-box;transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);box-shadow: none !important;padding-left: 0;color: #fff;transition: border .4s;}
.loginBox .loginFields .loginInputs label{color: rgb(255 255 255);font-size:14px;font-weight:normal;margin: 0 !important;position:absolute;pointer-events:none;left: 0px;top: 8px;transition:0.3s ease all;-moz-transition:0.3s ease all;-webkit-transition:0.3s ease all;}   
.loginBox .loginFields .loginInputs input:focus + label, .loginBox .loginFields .loginInputs input:not(:placeholder-shown) + label, .loginBox .loginFields .loginInputs input:active + label{top: -16px;left: 0px;font-size: 14px;padding: 0px 0px;color: #03bdff;/* background-color:#fff; */}
.loginBox .loginFields .loginInputs input:not(:placeholder-shown){border-bottom-color:  #00a2db !important;}
.forgotLink:hover {
    color: #0291c7;
}
.edit-usr-pg {
    margin: 30px;
    border: 1px solid #ccccccab;
}
/* Banner CSS Start  */


.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity;
   }
   .carousel-fade  .carousel-item.active,
   .carousel-fade  .carousel-item-next.carousel-item-left,
   .carousel-fade  .carousel-item-prev.carousel-item-right {
     opacity: 1;
   }
   .carousel-fade .active.carousel-item-left,
   .carousel-fade  .active.carousel-item-right {
    opacity: 0;
   }
   .carousel-fade  .carousel-item-next,
   .carousel-fade .carousel-item-prev,
   .carousel-fade .carousel-item.active,
   .carousel-fade .active.carousel-item-left,
   .carousel-fade  .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
   }
.mi-banner-area .carousel-indicators {display: none;}
.mi-banner-area .carousel-control-next, .mi-banner-area .carousel-control-prev {
    display: none;
}
/* .mi-banner-area:hover .carousel .carousel-control-next , .mi-banner-area:hover .carousel .carousel-control-prev {display: block !important;line-height: 11px;} */

.mi-banner-area .carousel-control-next, .mi-banner-area .carousel-control-prev {height: fit-content;width: fit-content;top: 40%;padding: 22px;border-radius: 5px;}
.mi-banner-area .carousel-control-next:hover, .mi-banner-area .carousel-control-prev:hover {background:#000000b8;}
.mi-banner-area .carousel-control-next {margin-right: 15px;}
.mi-banner-area .carousel-control-prev {margin-left: 15px;}
/* Banner CSS End  */



/* 06-5-24 Start  */
/* Button CSS Start  */
.btn:focus{box-shadow: none;}
.gray-btn {
    border: 1px solid #dddddd;
    color: #000;
    background: #e9e9e9;
    font-size: 12px;
    padding: 5px 10px;
    transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.gray-btn.btn:hover{background-color:#e9e9e9;color: #000;}
.gray-btn:before{left:-20px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.gray-btn:after{right:-20px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);}
.gray-btn:before, .gray-btn:after{position:absolute;top:50%;content:"";width:20px;height:20px;background-color:#c5c5c5;border-radius:50%}
.gray-btn:after, .gray-btn:before{z-index:-1;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s}
.gray-btn:hover{color:#fff;z-index:1}
.gray-btn:hover:before{-webkit-animation:criss-cross-left 0.8s both;animation:criss-cross-left 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
.gray-btn:hover:after{-webkit-animation:criss-cross-right 0.8s both;animation:criss-cross-right 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
.drk-blue-btn {
        color: #fff;
    background: #313fa0;
    border: 1px solid #dddddd;
    font-size: 12px;
    padding: 5px 14px;
    padding: 7px 16px;
    -webkit-transition: all 0.5s 
ease-in-out 0s;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    /* width: fit-content !important; */
    margin-bottom: 0 !important;
}
.btn:hover{background-color:#313fa0;}
.drk-blue-btn:before{left:-20px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.drk-blue-btn:after{right:-20px;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);}
.drk-blue-btn:before, .drk-blue-btn:after{position:absolute;top:50%;content:"";width:20px;height:20px;background-color:#2e9cc5;border-radius:50%}
.drk-blue-btn:after, .drk-blue-btn:before{z-index:-1;transition:all 0.5s ease-in-out 0s;-webkit-transition:all 0.5s ease-in-out 0s}
.drk-blue-btn:hover{color:#fff;z-index:1}
.drk-blue-btn:hover:before{-webkit-animation:criss-cross-left 0.8s both;animation:criss-cross-left 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
.drk-blue-btn:hover:after{-webkit-animation:criss-cross-right 0.8s both;animation:criss-cross-right 0.8s both;-webkit-animation-direction:alternate;animation-direction:alternate}
@keyframes criss-cross-left {
    0%{left:-20px}
    50% {left:50%;width:20px;height:20px}
    100%{left:50%;width:375px;height:375px}
}
@keyframes criss-cross-right {
    0%{right:-20px}
    50%{right:50%;width:20px;height:20px}
    100%{right:50%;width: 450px;height:375px;}
}
/* Button CSS End  */
/* Side Menu Update Start  */
.dashboardLeftNav li a{font-size: 12px;}
.submenu-layer-3 {box-shadow: inset 1px -2px 20px 0px rgb(131 131 131) !important;background: #d9d9d9 !important;}
.submenu-layer-3 li a {padding-left: 45px !important;}
.dashboardLeftNav a.btn.btn-link.collapse, li.health.actve > a {color: #ff6c08;}
.dashboardLeftNav li a:hover {color: #0056b3;}
.dashboardLeftNav li .water-body-icon:before{background: url(../images/water-icons.png) no-repeat;transition: .3s;width: 34px;height: 34px;position: absolute;content: " ";left: 15px;top: 9px;transform: scale(0.9);}
.dashboardLeftNav li .water-body-icon:before{background-position: 0px 0px !important;}
.dashboardLeftNav li .water-body-icon:hover:before, .dashboardLeftNav li.actve .water-body-icon:before{background-position:-38px 0px !important;}
.dashboardLeftNav a.btn.btn-link.collapse.collapsed{color:#000;}
.dashboardLeftNav .submenu-layer-2 .btn-link {padding-left: 40px;}
/* Side Menu Update End  */
/* Side menu Hover effect start  */
.sidePanel{width: 36px;display: flex;flex-direction: column;justify-content: space-between;position: absolute;left: 0;top: 0px;height: 100%;overflow: hidden;z-index: 9;transition: all .4s ease-in-out;background: rgb(255 255 255 / 85%);/* box-shadow: -1px 8px 20px 0px rgb(108 108 108 / 92%); */border-top-right-radius: 25px;}
.sidePanel:hover {width:220px !important;/* box-shadow: 5px 7px 20px rgb(169 169 169 / 51%); */}
.sidePanel .dashboardLeftNav {width: 220px;}
.dashboardLeftNav li a {width: 100%;color: #000;}
.mainPanel.leftPadRem {padding-left: 2%;}
.dashboardLeftNav li a.active {color: #0056b3;}
.dashboardLeftNav li.actve > a:after{bottom: 0px;content: "";display: block;height: 100%;top: 0%;left: 0;position: absolute;background: #ff6c08;transition: height 0.3s ease 0s, left 0.3s ease 0s;-webkit-transition: height 0.3s ease 0s, left 0.3s ease 0s;width: 4px;}
.dashboardLeftNav li.actve:nth-child(1) a:before{background-position: -36px -16px;}
.dashboardLeftNav li.actve:nth-child(2) a:before{ background-position:-36px -64px}
.dashboardLeftNav li.actve:nth-child(3) a:before{ background-position:-36px -119px}
.dashboardLeftNav li.actve:nth-child(4) a:before{ background-position:-36px -174px}
.dashboardLeftNav li.actve:nth-child(5) a:before{ background-position:-36px -229px}
.dashboardLeftNav li.actve:nth-child(6) a:before{ background-position:-36px -284px}
.dashboardLeftNav li.actve:nth-child(7) a:before{ background-position:-36px -331px}
.dashboardLeftNav li.actve:nth-child(8) a:before{ background-position:-36px -386px}
.dashboardLeftNav li a.logout-icon:before{background-position:4px -386px;}
.dashboardLeftNav li a.logout-icon:hover:before, .dashboardLeftNav li.actve a.logout-icon:before{background-position:-33px -386px;}
.dashboardLeftNav li a.my-account-icon:hover:before, .dashboardLeftNav li.actve a.my-account-icon:before{background-position:-36px -331px;}
.dashboardLeftNav li a.my-account-icon:before{background-position:0px -331px;}
.dashboardLeftNav li a.micensus-menu-icon:before{/*background-position:0px -119px*/}
.dashboardLeftNav li a.micensus-menu-icon:hover:before, .dashboardLeftNav li.actve a.micensus-menu-icon:before{/*background-position:-36px -119px */}
.dashboardLeftNav li a.tabular-icon:before {background-position: 0px -280px;}
.dashboardLeftNav li a.tabular-icon:hover:before, .dashboardLeftNav li.actve a.tabular-icon:before{background-position:-36px -280px;}
.dashboardLeftNav li a.dataentery-icon:before {background-position:0px -229px}
.dashboardLeftNav li a.dataentery-icon:hover:before, .dashboardLeftNav li.actve a.dataentery-icon:before{background-position:-36px -229px}
/* Side menu Hover effect End  */
/* Responsive Issue CSS Start */
@media (max-width: 767px){
    .mngmntLogoSection .logoSubtitle {margin: 0; width: 100%;}
    .mngmntLogoSection .logo {  text-align: center;}
}
/* Responsive Issue End */
/* 06-5-24 End  */
/* 07-05-24 start*/
.table-number-left td input {
    text-align: right;
}
/* 07-05-24 end */
.h-50px{    height: 50px;}



/* CSS for loader */
.loader {
/*    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    z-index: 999;*/
    display: none; /* Initially hidden */
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
       background: #74737394;
 
    z-index: 9;
}
.loader:before {
    content: '';
    position: absolute;border: 16px solid #f3f3f3;
    border-radius: 100% !important;
    border-top: 16px solid #3498db;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    z-index: 999;
    /* display: none;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
.select2-container--default  .select2-selection--multiple {
    border-radius: 0 !important;
    border-color: #d4d4d4;
    height: 100%;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{ border-color: #497fcd;}
.custom-table tbody td i.fa-edit:hover, .custom-table tbody td i.fa-edit:focus {
    /*background: #313fa0;*/
    border-radius: 3px;
    color: #ff6c13;
    cursor: pointer;
}
.custom-table tbody td i.fa-edit {
    padding: 3px;
}


@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.dataTables_wrapper .dataTables_length label {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px;
    font-weight: 600;
}



/* 27-05-24 Start  */
.dataTables_wrapper .dataTables_filter label{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:10px;padding:0;font-size: 14px;font-weight: 600;}
.dataTables_wrapper .dataTables_filter label input[type="search"]{margin: 0;font-size: 14px !important;}
.center-buttons {display: flex;justify-content: center;margin: 10px 0;gap: 10px;}
.end-buttons {display: flex;justify-content: end;margin: 0px 0;gap: 10px;}
.start-buttons {display: flex;justify-content: start;margin: 10px 0;gap: 10px;}
form label {
    font-size: 12px !important;
    font-weight: 500;
}
form .form-control, form input {
    font-size: 13px !important;
    border-radius: 5px !important;
}
.mngmntHeader .userInformation {
    display: flex;
    align-items: center;
    gap: 5px;
}
/* 27-05-24 End  */
div#commentModal .modal-dialog {
    max-width: 450px;
}
.headendbtn{display: flex; justify-content: space-between;}




/* Responsive Start  */
@media (max-width: 767px){
	.totalvillage{position: relative!important;}
    /* Header Area  */
    .mngmntLogoSection{width:100%;text-align:center; display: block;}
    .mngmntUserSection{  width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
    .mngmntHeader .userInformation{display:flex;  align-items:center;}
    .mngmntHeader .userInfo{  }
    /* Login Page CSS Start  */
	.loginBox{height:fit-content;width:90%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto!important;margin-left:0px;margin-top:0px}
	.loginFields{width:100%;  padding:15px 15px 40px}
	.loginImg{width:100%;  display:none}
	.loginFields .logo{padding:0px 0 15px}
	.brand-text h4{font-size:16px}
	.login-btn{margin-top:15px}
	.loginBox .cols6{width:100%}
	.loginBox img.capcha-img{width:auto;height:auto}
	.loginBox .loginBtn{width:100%;text-align:center}    
    /* Dashboard Left Menu CSS Start  */   
	.wrapper{flex-wrap:nowrap}
	/* Dashboard Right Containt CSS Start  */   
	.mainPanel.leftPadRem{padding-left: 9% !important;}
	.middleContent .containtSection{padding:15px 15px;border-radius:0}
	.statusButton{margin-top:0px}
	.statusButton ul li{width:100%;margin:0 0% 3.5%}
	.titleLink{margin-bottom:5px}
	#doForm h2, #tenderViewDetails h2{margin-bottom:15px;font-size: 15px;}
	.logoUserSection .logo a .brand-text h4{font-size:16px;line-height:22px}
	.logoUserSection .logo a .brand-text h4 span{font-size:14px}
	.middleContent .containtSection .cols4, .middleContent .containtSection .cols2, .middleContent .containtSection .cols3, .middleContent .containtSection .cols6, .middleContent .containtSection .cols8{width:100%}
    .middleContent .containtSection p{font-size:14px;}
    .titleLink h2{font-size:20px;margin-bottom: 0px;}
    .middleContent .containtSection p{font-size: 14px;}
}
@media screen and (max-width: 991px) and (min-width: 768px){
    /* Login Page CSS Start  */
	.loginBox{height:440px;width:95%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto!important;margin-left:0px;margin-top:0px}
	/* Dashboard Left Menu CSS Start  */   
	.wrapper{flex-wrap:nowrap}
	/* Dashboard Right Containt CSS Start  */   
	.mainPanel.leftPadRem{padding-left: 2% !important;}
	.middleContent .containtSection{padding:15px 15px;border-radius:0}
	.statusButton{margin-top:0px}
	.statusButton ul li{width:32.5%;margin:0 0% 3.5%}
	.statusButton ul li+li{margin-left:9px}
	.titleLink{margin-bottom:5px}
	#doForm h2, #tenderViewDetails h2{margin-bottom:15px}
	.logoUserSection .logo a .brand-text h4{font-size:16px;line-height:24px}
	.logoUserSection .logo a .brand-text h4 span{font-size:14px}
    .middleContent form#form .row.justify-content-end .cols1 {
        width: auto;
    }

    /* yash css start 17-10-2025  */
.dashboardLeftNav li a:before {
    transform: scale(0.5);
}
.inner_conet_data p {
    font-size: 12px !important;}
    .uip-text h4 {
    font-size: 16px !important;
}
.footer-sec {
    padding: 15px 15px 15px 15px;
    font-size: 12px;
}
.logoSubtitle h4 span {
    font-size: 12px !important;}
    /* Edn yash css 17-10-2025  */
}

@media screen and (max-width: 475px) and (min-width: 300px){
    .mainPanel.leftPadRem{padding-left:60px!important;}
    .titleLink h2{font-size: 16px;line-height: 24px;margin-bottom: 5px;}
    .titleLink h3.ref-year {font-size: 16px;}
    .containtSection label{font-size: 13px !important;}
    form .form-control, form input{font-size:13px!important;}
    /* Left Nav  */
    .sidePanel:hover{width:100%!important;}
    .sidePanel .dashboardLeftNav{width:100%!important;}
    .dashboardLeftNav li ul li a{font-size:12px;}
    .dashboardLeftNav li a{font-size: 12px !important;}
    /* .dashboardLeftNav li a:before {transform: scale(0.8);} */
    .dashboardLeftNav li .water-body-icon:before {transform: scale(0.8);}
}

.pointer-none {
	
	pointer-events: none;
}

.action-btns {display: flex;justify-content: center;align-items: center;gap: 10px; margin: 5px;}
.action-btns .actn-btn {font-size: 16px;border: 1px solid #cccccc82;padding: 6px 12px;}
.action-btns .actn-btn:hover {background: #2e9cc5;cursor: pointer;color: #ffffff;}
input.width-110 {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}
/* Light Box Section css Start */
.lightbox-sec img {
    padding: 5px;
    border: 1px solid #ccc;
    background: #ffffff;
    border-radius: .25rem;
    width: 100%;
    height: 275px;
    object-fit: cover;
    object-position: top center;
}
.glightbox-clean .gdesc-inner {
    padding: 15px!important;
}
.glightbox-clean .gslide-title {
    margin-bottom: 0!important;
}
.glightbox-clean .gclose {
    opacity: 1!important;
}
/* Light Box Section css End */


/* New Tabs Start */
.mmin-info-tabs .nav-tabs {border: none;margin-top: -20px;margin-left: 18px;background: #fff;width: fit-content;}
.mmin-info-tabs .nav-tabs .nav-link {border: none;text-decoration: none;background: #f3f3f3;border-radius: 6px;color: #5c79d1;font-size: 12px;
    padding: 6px 10px;}
.mmin-info-tabs .nav-tabs .nav-item + .nav-item {margin-left: 7px;}
.mmin-info-tabs .nav-tabs .nav-item.show .nav-link, .mmin-info-tabs .nav-tabs .nav-link.active , .mmin-info-tabs .nav-tabs .nav-link:hover{background: #5c79d1;color: #fff;}
.mmin-info-tabs {border: 1px solid #5c79d138;border-radius: 11px;margin: 60px 0 30px 0;position: relative;}
.mmin-info-tabs .tab-pane {padding: 30px 20px;}
.action-btns a.actn-btn.btn-sm {
    text-decoration: none;
    padding: 5px 15px;
    font-size: 14px;
    color: #fff !important;
}
.action-btns a.actn-btn.rd-btn:hover{background: red;color: fff;}
.nav-link.disabled {
	color: gray;
	pointer-events: none;
	cursor: not-allowed;
}
.tab-buttons {
    padding: 0 20px 20px;
    display: flex;
    justify-content: space-between;
}
.tab-buttons .gray-btn:hover:before, .tab-buttons .gray-btn:hover:after {
    background: #2e9cc5;
}
.tab-buttons .gray-btn:hover, .tab-buttons .gray-btn:hover{color:#fff}
a.table-link:hover {
    cursor: pointer;  font-family: 'open_sanssemibold';
    
}
a.table-link{text-decoration: none;}
a.table-link:hover i {
    font-weight: 900;
}

a.table-link i {
    margin-right:12px;font-size: 18px;
}

.chnge-pass:hover .fa-lock, .signOut:hover .fa-sign-out{color:#fff900;}
.brand-text sup {text-transform: lowercase;}
.logoSubtitle sup {text-transform: lowercase;}
.fa-filter{margin-right:8px;}
.fa-download{margin-right:8px;}

.formInputs .fieldOuter span{position: absolute;}

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


/*modal popup section css start here*/
.modal-header {
    display: -ms-flexbox;
    display: flex
;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 1rem!important;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    background: #597bd1!important;
    color: #fff;
}

.modal-dialog button.close {
    background-color: transparent;
    border: 0;
    color: #fff;
    opacity: 1;
}
/*modal popup secion css end here*/

.loginBox input:-webkit-autofill,
.loginBox input:-webkit-autofill:hover,
.loginBox input:-webkit-autofill:focus,
.loginBox input:-webkit-autofill:active  {
	color : #ffffff !important;
	-webkit-text-fill-color: #ffffff !important;
	-webkit-box-shadow: 0 0 0 1000px transparent inset !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	caret-color: #fff;
}
body{
  font-family: 'Noto Sans';
}
a{
  text-decoration: none;
}
p, h1, h2, h3, h4, h5, h6, ul{
  margin: 0;
  padding: 0;
}
/* noto-sans-100 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/noto-sans-v36-latin-100.woff2') format('woff2');
}
/* noto-sans-100italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/noto-sans-v36-latin-100italic.woff2') format('woff2');
}
/* noto-sans-200 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/noto-sans-v36-latin-200.woff2') format('woff2');
}
/* noto-sans-200italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/noto-sans-v36-latin-200italic.woff2') format('woff2');
}
/* noto-sans-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/noto-sans-v36-latin-300.woff2') format('woff2');
}
/* noto-sans-300italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/noto-sans-v36-latin-300italic.woff2') format('woff2');
}
/* noto-sans-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v36-latin-regular.woff2') format('woff2');
}
/* noto-sans-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-sans-v36-latin-italic.woff2') format('woff2');
}
/* noto-sans-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/noto-sans-v36-latin-500.woff2') format('woff2');
}
/* noto-sans-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/noto-sans-v36-latin-500italic.woff2') format('woff2');
}
/* noto-sans-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/noto-sans-v36-latin-600.woff2') format('woff2');
}
/* noto-sans-600italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/noto-sans-v36-latin-600italic.woff2') format('woff2');
}
/* noto-sans-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v36-latin-700.woff2') format('woff2');
}
/* noto-sans-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/noto-sans-v36-latin-700italic.woff2') format('woff2');
}
/* noto-sans-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/noto-sans-v36-latin-800.woff2') format('woff2');
}
/* noto-sans-800italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/noto-sans-v36-latin-800italic.woff2') format('woff2');
}
/* noto-sans-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/noto-sans-v36-latin-900.woff2') format('woff2');
}
/* noto-sans-900italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/noto-sans-v36-latin-900italic.woff2') format('woff2');
}

section.bg_full_body {
  background: #F8F8F8;
  padding: 20px 0 40px 0;
}
.parrent_dahboard_ .date_selection input {
  font-size: 12px;
  border: 1px solid #E6E6E6;
  padding: 0 5px;
  border-radius: 3px;
}
.parrent_dahboard_ .text {
  font-size: 24px;
  font-weight: 500;
}
.parrent_dahboard_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

/* card section css  */

.grid_temp_cust {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
margin-top: 22px;
}
.bg_card_icons_dahboard {
background: white;
box-shadow: 0px 0px 25px #0000000D;
border: 1px solid #ebf6ff;
border-radius: 5px;
height: 100%;
}
.bg_card_icons_dahboard a {
  text-decoration: none;
}
.input_slect select:focus-visible, .input_slect_cust_map select:focus-visible {
  outline: none;
  border: 1px solid #4c7df996;
}
.bg_card_icons_dahboard:hover {
background: #efefef;
transition: 0.2s ease-in-out;
}
.icons_card_flex {
display: flex;
align-items: center;
gap: 10px;
}
.icons_ {
padding: 25px 20px;
background: transparent linear-gradient(38deg, #4B70FC 0%, #4FADEE 100%) 0% 0% no-repeat padding-box;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
height: 100%;
}
.icons_2 {
  background: transparent linear-gradient(180deg, var(--unnamed-color-ff533d) 0%, #A5017F 100%) 0% 0% no-repeat padding-box;
background: transparent linear-gradient(180deg, #FF533D 0%, #A5017F 100%) 0% 0% no-repeat padding-box;
  }
  .icons_3 {
    background: transparent linear-gradient(180deg, #00E396 0%, #008FFB 100%) 0% 0% no-repeat padding-box;
    }
    .icons_4 {
      background: transparent linear-gradient(180deg, var(--unnamed-color-ffc231) 0%, #FB9700 100%) 0% 0% no-repeat padding-box;
      background: transparent linear-gradient(180deg, #FFC231 0%, #FB9700 100%) 0% 0% no-repeat padding-box;
      }
      .icons_5 {
        background: transparent linear-gradient(180deg, #4E4E4E 0%, #000000 100%) 0% 0% no-repeat padding-box;
        }
.icons_ img {
width: 35px;
height: 35px;
object-fit: contain;
}
.content_card_b p {
font-size: 12px;
color: black;
}

.content_card_b h5 {
font-size: 28px;
color: #FF533D;
}

/* End card section css  */

/* select section  */
.flex_select_cust {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.input_slect select {
  width: 100%;
  background: #F8F8F8;
  border: 1px solid #ECECEC;
  border-radius: 5px;
  padding: 4px 10px;
  font-size: 14px;
}
.input_slect {
  width: 100%;
}
.flex_select_cust {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 30px;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* Edn select sec  */

/* map section css  */
.cust_border_b {
  border-bottom: 1px solid #eeecec;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.bg_map_ {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #C2C2C266;
  border-radius: 5px;
  padding: 10px;
  margin-top: 20px; margin-bottom: 30px;
}
.map {
  min-height: 435px;
}
.flex_map_cust_india {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
}
.progress_iucons ul li:before {
  content: "";
  background: #5d6bb4;
  display: block;
  position: absolute;
  top: 6px;
  width: 10px;
  height: 10px;
  left: -18px;
  border-radius: 3px;
}
.progress_iucons ul li:nth-child(2):before {
  background: #23b3dc;
}
.progress_iucons ul li:nth-child(3):before {
  background: #ffb444;
}
.progress_iucons ul li {
  font-size: 14px;
  color: #54567A;
  list-style: none;
  position: relative;
}
.input_slect_cust_map select {
  width: 100%;
  background: white;
  border: 1px solid #ECE7E7;
  font-size: 14px;
  padding: 3px 10px;
}
.input_slect_cust_map {
  width: 30%;
}
.map img {
  width: 100%;
  height: 350px;
  object-fit: contain;
}

.number_count {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  justify-content: space-between;
}
.number_first p {
  font-size: 14px;
  color: #3D3D3D;
  border-left: 1px solid #e8ebfc;
  padding: 10px;
}

.number_first span {
  font-size: 28px;
  color: #0033C8;
}
.number_first {
  display: flex;
  align-items: center;
  gap: 20px;
  background: #FBFBFF;
  border: 1px solid #E8EBFC;
  padding: 0 10px;
  border-radius: 5px;
  width: 32%;
}
.number_first2 {
  background: #FFEBCF;
  border: 1px solid #de9c0059;
}
.number_first2 p {
  border-left: 1px solid #de9c0059;
}
.number_first3 {
  background: #E6F9F3;
  border: 1px solid #A5F3DB;
}
.number_first3 p {
  border-left: 1px solid #A5F3DB;
}
.number_first3 span{
color: #1AC792;
}
.number_first2 span{
  color: #ECA600;
  }

  /* second map  */
  .smal_headi .text {
    font-size: 16px;
    white-space: nowrap;
}
  /* Edn $$$$$$$$$$$$$$  */
/* Edn map section css  */



/* responsive css  */
@media screen and (max-width: 767px) {
  .grid_temp_cust {
    grid-template-columns: 1fr;
  }
  .icons_card_flex {
    justify-content: start;
    gap: 20px;
    padding: 0 20px 0 0;
  }
  .flex_select_cust {
    flex-wrap: wrap;
}
.input_slect {
  width: 45%;
}
.flex_map_cust_india {
  flex-wrap: wrap;
}
.map img {
  height: auto;
}
.map {
  min-height: auto;
  margin-bottom: 20px;
}
.number_count {
  flex-wrap: wrap;
}
.number_first {
  width: 100%;
}
}

@media screen and (min-width: 768px) and (max-width: 999px){
  .grid_temp_cust {
    grid-template-columns: 1fr 1fr 1fr;
}
.number_count {
  flex-wrap: wrap;
}
.number_first {
  width: 100%;
}
}
/* Edn responsive  */

.check-box{display: flex;}
.check-box input {
    background: #fff;
    min-width: auto;  margin:3px 10px 0 -17px;
}

  .nav-icon { display: none;}

/*rb 10-12-2024 responsive css start here*/
@media (max-width: 768px) {
	 .mngmntLogoSection {
    width: 100%;
  }
  .sidePanel {
      width: 80%;
  }

  .sidePanel {
    display: none; /* Hide menu by default */
   
   top: 37px;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #fff;
    z-index: 1000;
    overflow-y: auto;
    box-shadow: 0px 0 0px rgba(0, 0, 0, 0.3); 
  }
  
  .sidePanel.active {
    display: block; /* Show menu when active */
  }
  
  .nav-icon { display: block;
   z-index: 1100;
        font-size: 24px;
        cursor: pointer;
      background: linear-gradient(to right, #866cdb 0%, #4580cc 100%);
        padding-left: 15px; color: #fff; border-top:1px solid #fff;
  }
  
  /*.submenu {
    display: none;
  }
  */
  .submenu.active {
    display: block;
  }
  .flex_select_cust {gap:10px;}


.mainPanel.leftPadRem {
  padding-left: 0px !important;
}
.dashboardLeftNav li a.active {
    background: #fff;
    box-shadow: inset -56px 0px 10px -65px rgba(232, 232, 232, 1);
}
.btn-start2 {
    justify-content: end;
}
.dataTables_wrapper .dataTables_paginate a.paginate_button.current { margin-bottom: 5px;
}
button[type="button"].refresh-btn {padding: 23px 13px !important;}
.logoSubtitle::before {width: 0px;}
.mmin-info-tabs .nav-tabs {border: none; margin-top: -20px;margin-left: 0px;background: #fff;width: fit-content;}
.mmin-info-tabs .nav-tabs li{margin-bottom: 8px;}

 }
 
 
@media screen and (max-width: 550px) and (min-width: 320px){
.save-submitt-sec, .drk-blue-btn {width: 100%!important;}
	 }
 
  /*rb 10-12-2024 responsive css start here*/


#map {
  width: 100% !important;
}

#map svg {
  width: 100% !important; height: auto;
}
.content_card_b {
    padding-right: 10px;
}
.ul-dots-sec {margin-left: 20px;    font-size: 12px;}
.bg_map_ span.graph-name {
    font-size: 14px;
}

/*OTP-Page CSS StaRT */
.otp-input-fields {
   /* margin: auto;*/
    background-color: white;
    max-width: 350px;
    width: auto;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0px 10px;
}
 .otp-input-fields input {
	 height: 40px;
	 width: 40px;
	 background-color: transparent;
	 border-radius: 4px;
	 text-align: center;
	 outline: none;
	 font-size: 16px;
}
 .otp-input-fields input::-webkit-outer-spin-button, .otp-input-fields input::-webkit-inner-spin-button {
	 -webkit-appearance: none;
	 margin: 0;
}
 .otp-input-fields input[type=number] {
	 -moz-appearance: textfield;
}
 .otp-input-fields input:focus {
	 border-color: #313fa0 !important;
	 font-size: 16px !important;
}
p.otp-info {
    text-align: center;
    color: #313fa0;
    font-size: 14px;
    margin-bottom: 10px;
}
p.otp-resend {
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
}

p.otp-resend a.resend-lnk {
    margin-left: 6px;    color: #313fa0;
}
.otp-msg {
    text-align: center;
    font-size: 14px;
    margin-top: 15px;
}
/*OTP-Page CSS eND */

.surface-water-glightbox img {
    height: 180px;
}
a.table-link.projectId {
    margin-left: 10px;
}
.error-msg-3 {
    position: absolute;
    font-size: 14px;
    display: contents;
}

.email-otp-center{justify-content: center!important;}
.otp-box{display:flex; justify-content: center;}

.action-btns .actn-btn.drk-btn {
    background: #5c79d1;
    color: #fff;
}

.action-btns .actn-btn.drk-btn:hover, .action-btns .actn-btn.drk-btn:focus {
    background: #2e9cc5;
}
.popup-agree-txt{display: flex!important; padding-left:0px!important;}
.popup-agree-txt input[type=checkbox]{margin-top: 6px!important; margin-right: 10px;}
.popup-agree-txt label{padding-left: 24px;}
.popup-rightbtn{display: flex; justify-content: end;}

.fa-file-excel-o {
    margin-right: 8px;
}

#map_inner svg text tspan{display: none;}

.note-text {
    font-size: 14px;
    color: #6c757d; /* Muted text color */
    border-left: 4px solid #007bff; /* Blue left border */
    padding-left: 10px;
    display: inline-block;
}
a.table-link.deleteProject {
    margin-left: 10px;
}

.custom-table thead .filters th{background: #f3f3f3!important;}


/*Dashboard CSS start*/

body{font-family:'Noto Sans'}a{text-decoration:none}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}
@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:100;src:url('../fonts/noto-sans-v36-latin-100.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:italic;font-weight:100;src:url('../fonts/noto-sans-v36-latin-100italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:200;src:url('../fonts/noto-sans-v36-latin-200.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:italic;font-weight:200;src:url('../fonts/noto-sans-v36-latin-200italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:300;src:url('../fonts/noto-sans-v36-latin-300.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:italic;font-weight:300;src:url('../fonts/noto-sans-v36-latin-300italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:400;src:url('../fonts/noto-sans-v36-latin-regular.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:italic;font-weight:400;src:url('../fonts/noto-sans-v36-latin-italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:500;src:url('../fonts/noto-sans-v36-latin-500.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:italic;font-weight:500;src:url('../fonts/noto-sans-v36-latin-500italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:600;src:url('../fonts/noto-sans-v36-latin-600.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:italic;font-weight:600;src:url('../fonts/noto-sans-v36-latin-600italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:700;src:url('../fonts/noto-sans-v36-latin-700.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:italic;font-weight:700;src:url('../fonts/noto-sans-v36-latin-700italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:800;src:url('../fonts/noto-sans-v36-latin-800.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:italic;font-weight:800;src:url('../fonts/noto-sans-v36-latin-800italic.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:normal;font-weight:900;src:url('../fonts/noto-sans-v36-latin-900.woff2') format('woff2')}@font-face{font-display:swap;font-family:'Noto Sans';font-style:italic;font-weight:900;src:url('../fonts/noto-sans-v36-latin-900italic.woff2') format('woff2')}

/* button style  */
.quick-btn{background:linear-gradient(90deg,#4c8df5,#1a73e8);border:none;color:#fff;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:fit-content}.quick-btn:before{left:-20px;-webkit-transform:translate(-34%,-50%);transform:translate(-34%,-50%)}.quick-btn:after{right:-20px;-webkit-transform:translate(34%,-50%);transform:translate(34%,-50%)}.quick-btn:after,.quick-btn:before{position:absolute;top:50%;content:"";width:20px;height:20px;background-color:#000092;border-radius:50%;z-index:-1;transition:.5s ease-in-out;-webkit-transition:.5s ease-in-out}.quick-btn:hover{color:#fff;z-index:1}.quick-btn:hover:before{-webkit-animation:.8s alternate both criss-cross-left;animation:.8s alternate both criss-cross-left}.quick-btn:hover:after{-webkit-animation:.8s alternate both criss-cross-right;animation:.8s alternate both criss-cross-right}@keyframes criss-cross-left{0%{left:-20px}50%{left:50%;width:20px;height:20px}100%{left:50%;width:375px;height:375px}}@keyframes criss-cross-right{0%{right:-20px}50%{right:50%;width:20px;height:20px}100%{right:50%;width:375px;height:375px}}.transprnt-btn{border:1px solid #e9dcd9;color:#121341;background:#fff;border-radius:100px;padding:7px 30px}
/* Edn  */


/* navbar css start  */
.d-flex_cust_n,.d-flex_cust_n .logos{display:flex;align-items:center;gap:10px}.cust_navbar_ ul li a{font-size:14px;color:#000}.d-flex_cust_n .logos h5{font-size:22px;font-weight:600}.d-flex_cust_n{width:fit-content}.d-flex_cust_n .logos{border-right:1px solid #ededed;padding-right:22px}.main-head_co h5 span{font-size:14px;display:block;color:#343434}.main-head_co h5{font-size:24px}.cust_navbar_{background:#fff;padding:8px}.cust_navbar_ ul{align-items:center}.cust_navbar_ ul li a:hover{color:#589bfc}.cust_navbar_ ul li:before{content:"";width:1px;height:18px;background:#ededed;position:absolute;top:30%;right:0}.cust_navbar_ ul li:last-child:before{display:none}.cust_navbar_ ul li{position:relative;padding:0 20px}.cust_navbar_ ul li:last-child{padding:0 0 0 20px}.cust_navbar_ ul li a:active{background:#eaeaea!important}

/* Edn navbar css  */

/* start footer css  */
.bg_footer{background:#565656;color:#fff;padding:10px 0}.all_right_content p{font-size:.875rem;padding:5px 0 0;font-weight:300;text-align:center}

/* Edn footer  */

/* start dashboard css  */
.user_logIn- .dropdown ul li{padding:0!important}.user_logIn- .dropdown button{background:0 0;border:none;font-size:13px;color:#757575}.dashboard-nav,.dashboard-nav a:first-child{border-top-right-radius:20px}.user_logIn- .dropdown button:hover{color:#2962b7}.profile img{border-radius:50%;width:35px;height:35px;object-fit:cover}.user_logIn-{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-right:20px}.main-head_co.main_cust_dahb:after{content:"";width:1px;height:90px;background:#ededed;position:absolute;top:-24px;right:0}.main_cust_dahb{position:relative;padding-right:20px}.brand-logo,.dashboard,.dashboard-nav header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox}.dashboard-nav a.active,.dashboard-nav a:hover{background:#212121}.dashboard-nav a.active{border-bottom:0}.dashboard-compact .dashboard-nav a:first-child{border-radius:0}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125);text-align:center}.dashboard{display:flex;min-height:100vh}.dashboard-app{width:100%}.dashboard-content{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;padding:25px}.dashboard-compact .dashboard-nav{min-width:50px;width:50px;white-space:nowrap;transition:.2s ease-in-out;border-radius:0}.dashboard-compact .dashboard-nav a{color:transparent}.dashboard-compact .dashboard-nav a i{color:#fff}.dashboard-nav header{min-height:84px;padding:8px 27px;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.dashboard-nav header .menu-toggle{display:none;margin-right:auto}.dashboard-nav a{color:#fff;padding:15px 15px 15px 20px;min-height:max-content;font-size:14px;transition:.2s ease-in-out;border-bottom:1px dashed #ffffff29}.dashboard-nav a:hover{transition:.2s ease-in-out;text-decoration:none}.dashboard-nav-item i{font-size:14px;margin-right:15px}.dashboard-compact .dashboard-nav a.active::after,.dashboard-nav-item a.active i{font-size:14px}.dashboard-nav{min-width:210px;position:relative;left:0;top:0;bottom:0;background-color:#0a5666;min-height:100vh;padding-bottom:25px;transition:.2s ease-in-out}.dashboard-nav>*{position:relative;z-index:2}.brand-logo{font-family:Nunito,sans-serif;font-weight:700;font-size:20px;display:flex;color:#515151;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.brand-logo:active,.brand-logo:focus,.brand-logo:hover{color:#dbdbdb;text-decoration:none}.brand-logo i{color:#d2d1d1;font-size:27px;margin-right:10px}.dashboard-nav-item{min-height:56px;padding:8px 20px 8px 70px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;letter-spacing:.02em;transition:.5s ease-out}.menu-toggle{position:relative;justify-content:center;display:flex;color:#000;font-size:24px;border:1px solid #e2e2e2;border-radius:5px;width:35px;height:30px;align-items:center}a.cust_mobile__close{border:none;width:100%;text-align:end;display:block;right:15px;font-size:20px;margin:0;padding:0;top:0;border-top-right-radius:0!important}a.cust_mobile__close:hover{background:0 0}.dashboard-compact .dashboard-nav a::after{content:attr(data-tooltip);position:absolute;left:100%;transform:translateY(0);background-color:#212121;color:#fff;border-top-right-radius:4px;border-bottom-right-radius:4px;font-size:14px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s;z-index:10;padding:15px 15px 15px 10px;border:none;margin:0}.dashboard-compact .dashboard-nav a:hover::after{opacity:1}ul.cust_droop.show{position:relative!important;transform:translate(0)!important;background:#00000000;border:none;padding-left:50px;border-radius:0!important}ul.cust_droop a:hover{background:#000000a8;color:#fff}ul.cust_droop a{margin:0}.dashboard-compact ul.cust_droop.show{color:#fff '';position:absolute!important;transform:translate(54px,147px)!important;background:#212121;border:none;padding-left:0;border-radius:0!important;z-index:9999;color:#fff}.dashboard-compact ul.cust_droop.show li a{color:#fff;margin:0}
/* Show tooltip on hover */
.dashboard-compact .dashboard-nav a.tooltip-active::after,.dashboard-compact .dashboard-nav a:hover::after{opacity:1;pointer-events:auto}.dashboard-compact .cust_droop li a:after{display:none}.dashboard-nav a.focus,.dashboard-nav a:focus{background:#212121}
/* Edn sidemenu  */

/* main content css start  */
main.cd__main{background:#e6e6e6}.cust_chnag_clor h4{color:#0a5666;font-size:14px;margin:0;font-weight:500}.cust_chnag_clor{position:static;transform:none;text-align:start;z-index:1;padding: 0 !important;padding-bottom: 10px !important;}.select_cust select:focus,.select_cust select:focus-visible{border:1px solid #d7d7d7;outline:0}.select_cust select{background:#fff;border:1px solid #d7d7d7;border-radius:5px;padding:4px 25px 4px 15px;font-size:14px;color:#989898}.cust_flec_dashboard_main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.bg_card_dash::after,.bg_card_dash::before{content:"";position:absolute;left:0;height:100%}.icons_card{background:#fff;padding:10px;border-radius:50%;box-shadow:rgba(0,0,0,.24) 0 3px 8px}.card_content_dash p{font-size:12px}.bg_card_dash{position:relative;background:linear-gradient(-90deg,#8384f8,#3f40f3);opacity:.77;display:flex;padding:5px 10px;border-radius:5px 5PX 0 0;align-items:center;color:#fff;gap:20px;height:auto;overflow:hidden;transition:background .4s;margin:0;min-height:38px}.bg_card_dash::before{top:100%;width:100%;background:linear-gradient(90deg,#2d68bfc7,#2b64bb);transition:top .4s;border-radius:inherit;z-index:0}.bg_card_dash:hover::before{top:0}.bg_card_dash *{position:relative;z-index:1}.bg_card_dash_2{background:linear-gradient(-90deg,#007f92,#30a2b4)}.bg_card_dash_3{background:linear-gradient(-90deg,#d3372a,#fb958d)}.bg_card_dash_4{background:linear-gradient(-90deg,#097c37,#18d262)}.bg_card_dash_5{background:linear-gradient(-90deg,#04057a,#070898)}.bg_card_dash_6{background:linear-gradient(-90deg,#3d026a,#9803ca)}.bg_card_dash_7{background:linear-gradient(-90deg,#af890c,#e1da07)}.bg_card_dash_8{background:linear-gradient(-90deg,#be3703,#ff7a47)}.bg_card_dash::after{top:-43px;width:100px;height:100px;background:#ffffff24;border-radius:50%;left:-36px}
/* Edn card dashboard  */
.logo_other_dash{display:flex;align-items:center}section.divider_cust_{margin-top:40px;border-top:1px solid #ddd;padding:40px 0 20px}table.cust_table_dashboard_moc tbody tr td{font-size:14px;font-weight:500;padding:15px;border:none}table.cust_table_dashboard_moc tbody tr td:first-child{border-bottom-left-radius:8px}table.cust_table_dashboard_moc tbody tr td:last-child{border-bottom-right-radius:8px}table.cust_table_dashboard_moc tbody tr td i{color:#589bfc}table.cust_table_dashboard_moc{border-radius:8px}table.cust_table_dashboard_moc thead tr th{background:#0a5666;color:#fff;font-size:14px;padding:10px;font-weight:500;border:none}table.cust_table_dashboard_moc thead tr{vertical-align:middle}table.cust_table_dashboard_moc thead tr th:first-child{border-top-left-radius:8px}table.cust_table_dashboard_moc thead tr th:last-child{border-top-right-radius:8px;width:15%}
/* Edn main content css */

/* Edn dashboard  */


/* neaw css start  */
.card_content_dash{display:flex;justify-content:space-between;width:100%;align-items:center}.bg_full_body_card{background:#fff;border-radius:5px;box-shadow:rgba(120,120,247,.541) 0 3px 8px;min-height:auto;margin-top:0px;     margin-bottom: 25px;}.grid_4_style ul{grid-template-columns:1fr 1fr 1fr!important}.card_inner_list_ ul li{list-style:none;position:relative;width:100%}.card_inner_list_{padding:10px}.card_inner_list_ ul{display:grid;justify-content:space-between;text-align:center;position:relative;grid-template-columns:1fr 1fr;gap:10px 20px}.card_grid_chnge ul{grid-template-columns:1fr}.card_inner_list_ ul li p{font-size:12px;font-weight:500;color:#4a4a4a}.cust_margin{margin-top:3rem}.card_inner_list_ ul li h4:hover{color: #0033C8;}.card_inner_list_ ul li h4{cursor: pointer;font-size:14px;padding:8px 0 0;font-weight:600}.card_inner_list_ ul li:before{content:"";background:#80808038;position:absolute;right:-11px;width:1px;height:100%}.card_inner_list_ ul li:last-child:before{display:none}.bg_main_card_conten_dashboard{background:#fff;border-radius:15px;padding:15px 15px 15px 15px;    margin-top: 0px !important;}.card_content_dash h4{margin-left:20px;font-size: 20px;}.india_image img{width:100%;margin-top:4rem}.bg_full_erm{background:#fff;box-shadow:rgba(0,0,0,.24) 0 3px 8px;border-radius:5px;padding:0;margin-top:16px}
/* Edn new css card  */

/* countr css  */
div#donutchart{position:relative;top:-17px}.cust_center_chart{display:flex;align-items:center;justify-content:center}.chart,.chart2,.chart3{position:relative;display:inline-block;width:70px;height:70px;text-align:center;margin:10px 0}canvas{position:absolute;top:0;left:0;width:70px}.percent{display:flex;z-index:2;align-items:center;justify-content:center;height:100%}
/* Edn  */
#chartdiv {width: 100%;height: 500px;}

/* bootstrap tab custom css  */
ul#myTab:before {display: none;}.nav-tabs .nav-link.active,div#tab_my_custom_gallery .nav-tabs .nav-item.show .nav-link{color:#fff!important;background-color:#5d6bb4!important;border-color:var(--bg-yellow)!important;border-bottom:none;border-top:none!important;border-left:none;border-right:none;position:relative}.nav-tabs .nav-link.active::after,div#tab_my_custom_gallery .nav-tabs .nav-item.show .nav-link::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #5d6bb4}li.nav-item:focus-visible{outline:0!important;border:none!important;list-style:none!important}div#tab_my_custom_gallery .nav-tabs{border-bottom:2px solid transparent!important}div#tab_my_custom_gallery .nav-tabs .nav-link:focus{isolation:auto;color:#000!important;border-bottom:2px solid var(--bg-yellow)!important}.nav-tabs .nav-link,div#tab_my_custom_gallery .nav-tabs .nav-link{isolation:auto;border:none!important;color:#000000bf!important;background:#f5f5f5;border-radius:0!important}ul#myTab li button{width:100%;padding:13px 0;font-size:.8rem;font-weight:600;height: 100%;}ul#myTab li:last-child{border:0}ul#myTab li{border-right:1px solid #0000001c}ul#myTab{/*display:grid;*//*grid-template-columns:1fr 1fr 1fr*/}
/* ############## */

/* Map Section CSS Start */
.map-sec{position:relative;margin:2rem 0 0}.map-sec ul.branchMap{position:relative;margin:0;padding:0;bottom:auto;right:auto}.map-sec .branchMap li.delhiOffice{left:82px;top:69px}.map-sec .branchMap li.upOffice{left:113px;top:90px}.map-sec .branchMap li.assamOffice{left:207px;top:92px}.map-sec .branchMap li.wbOffice{left:179px;top:135px}.map-sec .branchMap li.mhOffice{left:51px;top:160px}.map-sec .branchMap li.apOffice{left:96px;top:185px}.map-sec .branchMap li.keralaOffice{left:68px;top:260px}.map-sec .branchMap li.raipurOffice{left:132px;top:148px}.map-sec .branchMap li.jmOffice{left:59px;top:23px}.map-sec .branchMap li.chandigarhOffice{left:66px;top:52px}.map-sec .branchMap li.ranchiOffice{left:151px;top:131px}.map-sec .branchMap li.imphalOffice{left:237px;top:106px}.map-sec .branchMap li.chennaiOffice{left:100px;top:218px}.map-sec .branchMap li.bengaluruOffice{left:77px;top:209px}.map-sec .branchMap li.patnaOffice{left:160px;top:109px}.map-sec .branchMap li.bhubaneshwarOffice{left:158px;top:160px}.map-sec .branchMap li.jaipurOffice{left:63px;top:109px}.map-sec .branchMap li.bhopalOffice{left:86px;top:130px}.map-sec .branchMap li.ahmedabadOffice{left:35px;top:136px}.map-sec .branchMap li{position:absolute;display:inline-block;padding:0;margin:0;list-style:none;width:15px;height:15px;font-size:13px}.map-sec .branchMap li .linkText{text-indent:-9999px;display:block;cursor:pointer;position:absolute;left:0;top:0;width:15px;height:15px;z-index:2;overflow:hidden}.map-sec .branchTooltip{position:absolute;bottom:10px;left:-140px;display:none;z-index:2;padding-bottom:15px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.map-sec .branchTooltip .inner:before{border-color:rgba(204,204,204,0);border-top-color:#fff!important;border-width:9px!important;margin-left:-1px}.map-sec .branchTooltip .inner:after{border-color:rgba(255,255,255,0);border-top-color:#fff;margin-left:0}.map-sec .branchTooltip .inner:after,.map-sec .branchTooltip .inner:before{top:100%;left:50%;border:9px solid #ffffff00;content:"";height:0;width:0;position:absolute}.map-sec .branchTooltip .inner{background:#fff;border:1px solid #ccc;padding:10px;width:295px;min-height:90px;position:relative;box-shadow:0 0 5px #9a9a9a;display:flex;gap:24px;align-items:start}.map-sec .branchTooltip .imgHolder img{width:106px;height:70px}.map-sec .branchTooltip .info{padding-left:10px;font-weight:700;color:#5d6bb4;font-size:26px;line-height:24px}.map-sec .branchTooltip .location{display:block;font-weight:400;line-height:normal;font-size:16px;color:gray}.map-sec .branchTooltip a{font-size:14px;font-weight:400;text-decoration:underline;color:#006495;transition:.3s;-webkit-transition:.3s}.map-sec .branchTooltip a:hover{text-decoration:none}.map-sec img{width:272px;height:302px}.map-sec ul.marl-list li{font-size:.786em;color:#000;margin:0;position:relative;list-style:none;display:flex;align-items:baseline;padding-left:0;gap:8px}.map-sec .mark.yellow{background-color:#fc0}.map-sec .mark.gray{background-color:#88898b}.map-sec .mark{width:8px;height:8px;border-radius:100px}.imgHolder i{font-size:2rem;color:#5d6bb4}.map-sec .mark.blue{background-color:#2b8fe2}span.complet_text{font-size:14px;display:block}.branchTooltip.active {display: block;}
/* Map Section CSS End */
.card_inner_list_ ul:before {
    display: none;
}
.cust_all_flex {
  display: flex
;
  flex-direction: column;
  gap: 20px;
  margin-right: 6rem;
}
.filter_flec,.img_flex_div{display:flex;     justify-content: space-between;}.chart_counter,.custom_right_ .chart{width:150px;height:150px}.custom_right_ canvas{width:150px}.custom_right_ .percent{font-size:30px;font-weight:600;color:#2d2d2d}.custom_right_ p{font-size:16px;font-weight:600;color:#2d2d2d}.dropdown_options select,.search_input input{border:1px solid #8080803b;border-radius:5px;padding:3px;font-size:13px;min-width:150px}.dropdown_options select:focus-visible,.search_input input:focus-visible{border:1px solid #8080803b;outline:0}.filter_flec{align-items:center;justify-content:space-between;border-top:1px solid #8080801c;padding-top:24px}.filter_table{display:flex;gap:20px;align-items:center}.chart_counter span {color: #5d6bb4 !important;}.chart_counter{border:2px dashed #5d6bb4;border-radius:50%;position:relative;display:inline-block;text-align:center;margin:10px 0}.bg_gray_cpoint{height: 100%; margin: auto; display: flex;align-items: center;}nav.custom_pagination{margin-bottom:12px;margin-top:15px}nav.custom_pagination ul li a{font-size:12px;color:#000000d6}nav.custom_pagination ul li a:hover{background:#0a5666;color:#fff;border-color:#0a5666}nav.custom_pagination ul li a:focus{box-shadow:none}.inner_conet_data p{font-size:14px;color:#000000c4;font-weight:500}.inner_conet_data{display:flex;gap:30px;align-items:center;justify-content:space-between}.inner_conet_data h4{color:#0a5666;font-weight:600}.change_style_content{padding:15px 0}.icons_next i{background:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;rotate:-30deg;color:gray;transition:.2s ease-in-out}.icons_next i:hover{rotate:0deg;transition:.2s ease-in-out;background:#0a5666;color:#fff;cursor:pointer}
.table-responsive{width: 100%;}
.form-select {
    font-size: 12px !important;
    border-radius: 8px !important;
}
.bg_gray_cpoint .border_botm {
    /* background: #eaeaea;
    border-radius: 5px; */
    padding: 10px 20px;
    width: 100%;
}
.border_botm .change_style_content
 {
    border: 1px dashed #82828242;
    margin: 0 0 10px 0;
    padding: 15px 15px;
    border-radius: 20px 0 20px 0;
}
.border_botm .change_style_content:nth-child(1){ border: 1px dashed green;}
.border_botm .change_style_content:nth-child(2){ border: 1px dashed blue;}
.border_botm .change_style_content:nth-child(3){ border: 1px dashed orange;}
canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px !important;
  height: 70px !important;
}

.vb-0{margin-bottom:0px!important;}

.custom-table {
    width: 100% !important;
    table-layout: auto;
}

.custom-table th {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
}

.custom-table td {
    text-align: center;
}

.custom-table th, .custom-table td {
    word-wrap: break-word;
}
form .form-control:read-only {
	background-color: var(--bs-secondary-bg);
    opacity: 1
}
select[readonly] {
 	background-color: var(--bs-secondary-bg);
	opacity: 1
}
.tb-btn-edit{background: none; color: #2e9cc5;}

.tb-btn-edit:hover, .tb-btn-edit:focus {
    background: transparent!important;
    color: #2e9cc5;
    transform: scale(1.1);
}

.tb-btn-delete{background: none; color: #2e9cc5;}

.tb-btn-delete:hover, .tb-btn-delete:focus {
    background: transparent!important;
    color: #2e9cc5;
    transform: scale(1.1);
}
.dt-type-numeric {
	text-align: center!important;
}

/*modal popup section start here*/
.hd-modal {top: 20%;}
.hd-modal .modal-content{border-radius: 22px; width: 563px; padding-bottom: 50px;}
.hd-modal .modal-header{background: none!important; border-bottom: 0px!important; }
.hd-modal .btn-close{border: 2px solid #000; border-radius: 50%; width: 15px; height: 15px; font-size: 10px; font-weight: bold; padding: 4px; margin-top: 6px;}
.hd-modal .btn-close:hover{border: 2px solid #26105d; background-color: #fff; }
.hd-modal  .modal-body{display: flex; flex-direction: column; justify-content: center; text-align: center; font-size: 24px; font-weight: bold;}
.hd-modal  .modal-body span{display: block;}
.hd-modal  .modal-body p{font-size: 22px; font-weight: normal!important;}
.hd-modal  .modal-body img{width: fit-content; margin: auto; width: 40px;}
/*modal popup section end here*/

.tb-bth-inline {
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-right{display:flex;gap: 10px;}
.title-flex{display:flex;}

.uip-text{display:flex; align-items: center;    justify-content: space-between;
    width: 100%;}
.uip-text h4{padding-left:5px;font-size: 20px;}

/*modal image css by yash 16-06-2025 */

.modal-body video, .modal-body img, .modal-body pdf, .modal-body canvas {
    width: 100%;
}

#previewImageModal canvas {
    width: 100% !important;
    height: 100% !important;
    position: static !important;
}

/*Edn yash css 16-06-2025*/


.bottom-space{
	margin-bottom: 10px
}

/* yash css start 17-10-2025  */
.dashboardLeftNav li a.btn-link {
    text-align: start;
    gap: 15px;
}
.dashboardLeftNav a.btn.btn-link.collapse:focus {
    outline: 0;
}
button.dt-paging-button {
    padding: 2px 10px !important;
    font-size: 12px;
}
.dt-info {
    font-size: 12px;
}
.light_btn {
    background: #fff;
    color: #000000e6;
    border: 1px solid #d4d4d4;
}

.light_btn:hover {
    background: #fff;
}
@media screen and (min-width: 992px) and (max-width: 1290px){

.logoSubtitle h4 {
    font-size: 12px;
}
.logoSubtitle h4 span {
    font-size: 10px;
    line-height: 15px;
}
.mngmntHeader .userDetail .userName {
    font-size: 12px;
}
.footer-sec {
    padding: 20px 15px 20px 15px;
    font-size: 14px;
}
}
@media screen and (max-width: 767px){
    .cols3 {
    width: 100%;
            padding: 0;
}
.btn-right {
    flex-wrap: wrap;
}
.dashboard-content {
    padding: 25px 15px;
}
.cust_flex_ {
    margin-top: 20px;
}
.cust_chnag_clor h4 {
    color: #0a5666;
    font-size: 12px;}
    .inner_conet_data p {
    font-size: 12px;}
    .uip-text h4 {
    padding-left: 10px;
    font-size: 14px;
}
.footer-sec {
    padding: 15px 15px 15px 15px;
    font-size: 12px;
}
.loginWrap {
    overflow: scroll;
}
    .loginBox {        margin: 20px !important;}
}
.cancle_btn {
    border: 1px solid #dddddd;
    font-size: 12px;
    padding: 5px 14px;
    padding: 7px 16px;
    -webkit-transition: all 0.5s 
ease-in-out 0s;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    margin-bottom: 0 !important;
    border: 1px solid #dddddd;
    color: #fff;
    background: #242424;
}
.cancle_btn:hover {
    color: #fff;
}
.uip-text p:nth-last-child(1) {
    display: none;
}
/* End yash css 17-10-2025  */

.green-row td {
  background-color: rgb(125, 255, 125) !important;
}

.yellow-row td {
  background-color: rgb(255, 255, 0) !important;
}

.red-row td {
  background-color: rgb(255, 85, 85) !important;
}

.purple-row td {
  background-color: rgb(255, 70, 255) !important;
}