@charset "utf-8";

/*======================================================================
Site Name: RITES Limited, A Government of India Enterprise
Theme URI: 
Description: this site is developed by STTL
Version: 1.0
Author: Web Team
------------------------------------------------------------------------
Base Color: #fff (White)
Site Color: #008B29 (Dark Green)
Header Color:#fff (White)
Text Color: #171717 (Black)
Title Color: #363e98, (Dark Blue), #066597 (Dark Black)
Footer Color: #f5f7fa (off white) #98a0a6 (light grey)
------------------------------------------------------------------------
Layout Width: 100%
Container Width: 100%
Responsive Layout: Partial
=======================================================================*/

/********* 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: #1d2732; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }

/*a:focus {outline:thin dotted}*/
a:hover, a:active { outline: 0; }
a:hover { text-decoration: none; color: #283467; }
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: 8px 10px }
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="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: 4px 10px; display: inline-block; text-decoration: none; border: 0 none; margin: 0; outline: 0 none; }
textarea { overflow: auto; vertical-align: top; resize: vertical; height: 60px; 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: 5px; font-weight: 500; font-size:14px; }
@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-SemiBold.woff2') format('woff2'), url('fonts/Poppins-SemiBold.woff') format('woff'), url('fonts/Poppins-SemiBold.ttf') format('truetype'), url('fonts/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Regular.woff2') format('woff2'), url('fonts/Poppins-Regular.woff') format('woff'), url('fonts/Poppins-Regular.ttf') format('truetype'), url('fonts/Poppins-Regular.svg#Poppins-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Bold.woff2') format('woff2'), url('fonts/Poppins-Bold.woff') format('woff'), url('fonts/Poppins-Bold.ttf') format('truetype'), url('fonts/Poppins-Bold.svg#Poppins-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Medium.woff2') format('woff2'), url('fonts/Poppins-Medium.woff') format('woff'), url('fonts/Poppins-Medium.ttf') format('truetype'), url('fonts/Poppins-Medium.svg#Poppins-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('fonts/Poppins-Light.woff2') format('woff2'), url('fonts/Poppins-Light.woff') format('woff'), url('fonts/Poppins-Light.ttf') format('truetype'), url('fonts/Poppins-Light.svg#Poppins-Light') format('svg'); font-weight: 400; font-style: normal; font-display: swap; }

/********* 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 *********/
.row {margin: 0 -15px 20px -15px;}
body, html { height: 100%; width: 100%; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 10px 0; padding: 0 }
body, button, input, select, option, textarea { color: #000; font-family: 'Poppins'; font-size: 15px; line-height: 1.5; }
select, option{ font-family: Verdana, Arial, sans-serif; font-size:14px;}
body { background-color: #fff; line-height: 1.5; }
h1 { font-size: 2.308em; }
h2 { font-size: 32px; }
h3 { font-size: 26px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
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 { padding: 2px 0 2px 25px; position:relative; }
ul.bulletText li:before{font-family: "FontAwesome"; content:"\f0a9"; position:absolute; left:0; top:2px;}
p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin: 0 0 25px; }
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { height: 43px; border: 1px solid #cccccc; border-radius: 6px; font-size: 14px; line-height: 26px; padding: 3px 10px; width: 100%; color: #000; }
input[type="submit"], input[type="button"], input[type="reset"], button, .button { background-color: #F66A2F; color: #fff; border: 1px solid #F66A2F; border-radius: 0; }
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover { color: #fff; background-color: #008B29; border-color: #008B29; }
input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn { background-color: #888; border-color: #444; }
.alignLeft { float: left }
.alignRight { float: right; }
.displayNone, .hasJS noscript, .hideThis { display: none !important; visibility: hidden }
.jsRequired { display: none; }
.noJS .jsRequired { display: block; background-color: #C00; color: #fff; width: 100%; line-height: 30px; text-align: center; font-size: 12px; border: 0 none; }
.mrgAuto { margin-right: auto; margin-left: auto; }
.mrgT25 { margin-top: 25px; }
.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; }


/********** 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; }

/********** Responsive Tab **********/
.resTab { position: relative; border: 1px solid #00c5ad; }
.resTab .tabNav { margin: 0; padding: 0; list-style: none }
.resTab .tabNav li { display: inline-block; margin: 0; position: relative; background-color: #00c5ad; }
.resTab .tabNav li a { display: inline-block; padding: 10px 12px; text-decoration: none; font-size: 14px; font-weight: bold; color: #fff; }
.resTab .tabNav .r-tabs-state-active a { color: #00c5ad; text-shadow: none; background-color: white; }
.resTab .tabContent { padding: 15px; 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; color: #fff; font-weight: bold; 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 }

/********** Table **********/
.tableOut { overflow-y: hidden; overflow-x: auto }
table, .tableData { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells: show; border: none;/* border-right: 1px solid #cfd8dc; border-left: 1px solid #cfd8dc;	  border-bottom: 1px solid #cfd8dc; */ }
table th, .tableData th { /*border-bottom: 2px solid #2a7ca67d; */font-weight: bold; color: #34495e; }
table table, .tableData table { margin: 0 }
th, td, .tableData th, .tableData td { border: none; padding: 12px 10px; border-bottom: 0 none; border-bottom: 1px solid #cfd8dc; text-align: left; }
.tableData th:last-child, .tableData td:last-child { border-right: 0 none; }
/* table tr:nth-child(odd) td, .tableRowOdd { background-color: #f9f8f8;} */
caption, th, td { font-weight: normal; background: #fff }
th, .tableData th { /* background: #363e98; */color: #000; }
.tableScroll { overflow-y: hidden; overflow-x: auto }
.tableData th:last-child, .tableData td:last-child { border-right: 0 none; }

.accordion-body .table-responsive {	border-left: 1px solid #cfd8dc;	border-top: 1px solid #cfd8dc;}
.accordion-body .table-responsive th, .accordion-body .table-responsive td {border-right: 1px solid #cfd8dc; border-bottom: 1px solid #cfd8dc; padding:5px;}
.accordion-body .table-responsive th {background-color: #f3f4ff;}
.accordion-body .table-responsive tr:nth-child(even) td {background-color: #f2f2f2;}

/********* Navigation *********/
.mainNavigation {margin: 0;	position: relative;	background: none; z-index: 9999;	float: right;}
.toggleMenu { display: none; padding: 15px; text-decoration: none }
.toggleMenu .mobileMenu { font-size: 1.250em; color: #fff; }
.toggleMenu .iconBar { float: right; width: 25px; height: 25px; background: url(../images/mobile-menu.png) no-repeat center center; }
#nav, #nav ul { list-style: none; margin: 0; padding: 0; }
#nav li { float: left; margin: 0; padding: 0; position: relative; display: inline }
#nav li a { padding: 28px 19px; line-height: 36px; color: #000000; font-size:    /*1.067em*/
15px; display: inline-block; text-decoration: none; text-transform: uppercase; letter-spacing: normal; }
#nav ul { width: 250px; top: 100%; padding: 0; left: 0; position: absolute; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); }
.hasJS #nav ul { opacity: 0; transition: opacity 400ms linear; -webkit-transition: opacity 400ms linear; }
#nav ul li { float: left; height: auto; width: 100%; margin: 0; padding: 0; }
#nav ul li a { display: block; background-color: rgba(255, 255, 255, 1); font-size: 1.08em; line-height: 24px; color: #060613; border: none; border-top: 1px solid #e4e3e3; padding: 8px 15px 8px 15px; text-align: left; text-transform: none; }
#nav ul ul { top: 0; left: 300px; }

/*#nav a:hover, .noJS #nav a:focus, #nav ul .hover > a, #nav ul .focus > a { color:#fff }*/
#nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected { color: #7fb6e9 }
#nav ul, #nav:hover ul ul, #nav .hover ul ul, #nav .focus ul ul { margin-left: -9999px }
#nav li:hover>ul, #nav li.hover>ul, #nav li.focus>ul, #nav a:focus+ul, #nav ul ul, .noJS #nav .hover a:focus, .noJS #nav .focus a:focus { margin-left: 0 }
#nav>li>a:hover, #nav>li.hover>a, #nav>li.focus>a, #nav>.highlight>a { color: #f16815; }
#nav li ul li a:hover, #nav li ul li>a.selected, #nav ul a:hover, .noJS #nav ul a:focus, #nav ul a.selected, #nav ul>.highlight>a { color: #f16815 }
#nav ul li.focus>a { color: #f16815; display: block; }
#nav .menuIcon { display: none; position: absolute; right: 5px; top: 20px; width: 9px; height: 9px; }
#nav li .menuIcon { background: url(../images/down-arrow.gif) no-repeat right center; z-index: 10 }
#nav li li .menuIcon { display: block; background: url(../images/right-arrow.gif) no-repeat right center; top: 13px; right: 10px; z-index: 11 }
#nav li li li .menuIcon { z-index: 12 }
#nav li .menuIcon.active { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.noJS #nav ul a:focus { width: 200px; }
.noJS #nav ul a:focus, .noJS #nav ul a:focus+ul { margin-left: 9999px }
.noJS #nav ul a:active { margin-left: 0 }
.hasJS .menuPart #nav a:focus+ul, .hasJS .menuPart #nav li.focus>ul, .hasJS .menuPart #nav li.hover>ul, .hasJS .menuPart #nav li:hover>ul, .hasJS .menuPart #nav ul ul { opacity: 1; }
#nav>li:last-child a { padding-right: 0; color: #f16815; }

/*********  Accordion ******** */
.accordion { margin-bottom: 20px; font-family: 'Poppins', sans-serif; }
.accordion .accTriggerDisabled, .accordion .accTrigger { background: url(../images/plus.png) left 5px no-repeat; padding-left: 20px; cursor: pointer; font-weight: bold; color: #fff; padding: 10px 15px; font-weight: 500; }
.noJS .accordion .accTrigger { background: none; padding-left: 0; color: #fff; }
.accordion .accTrigger { position: relative; }
.accordion .accTrigger .mdi { position: absolute; right: 20px; font-size: 20px; top: 50%; transform: translateY(-50%); }
.accordion .accTrigger.active .mdi-chevron-down:before { content: "\F143"; }
.accordion .accTrigger a { display: block; text-decoration: none; outline: 0; color: #fff; }
.accordion .accTrigger.active { background: #008CA6 }
.accordDetail { padding: 10px 15px 10px 40px; display: none; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); line-height: 1.5; }
.noJS .accordDetail { display: block; padding: 10px 0 }
.accordListMenu { margin: -10px -15px; padding: 0; list-style: none; }
.accordListMenu li:last-child a { border: 0; }
.accordListMenu a { text-decoration: none; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 10px 15px 10px 25px; display: flex; position: relative; }
.accordListMenu a:after { content: ""; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-color: #fff; border-radius: 50%; }
.accordListMenu a:hover:before { content: ""; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); width: 0; height: 0; display: flex; border-top: 6px solid transparent; border-left: 10px solid #00B471; border-bottom: 6px solid transparent; }
.accordListMenu a:hover { background-color: #00B471 !important; }

/*----Date Picker----*/
.ui-datepicker, .eventCalOut, .calendarIcon { background-color: #2f3b4c; border-radius: 5px; -webkit-border-radius: 5px; }
.ui-datepicker th, .ui-state-highlight { background-color: #333; }
.ui-datepicker tbody a:hover, .ui-state-highlight { background-color: #008B29!important; color: #fff !important; }
.ui-state-active{background-color: #F66A2F!important; color: #fff !important;}
.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: #2B368B; 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; top: 50%; transform: translateY(-50%); background: none; text-indent: -9999px; }
.ui-datepicker .ui-datepicker-prev span{left: 50%; margin-left: -6px;}
.ui-datepicker .ui-datepicker-next span{right: 50%; margin-right: -6px;}
.ui-datepicker .ui-datepicker-prev span:before { content: "\f0a8"; position: absolute; font-size: 22px; color: #fff; left: 0; top: 50%; margin-top: -18px; 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: 0; top: 50%; margin-top: -18px; 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: #bababa; }
.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-weight: 600; width: 32px; height: 36px; line-height: 36px !important; vertical-align: middle; font-size: 13px; border:1px solid #666; }
.ui-datepicker th span { text-transform: none; font-weight: 600; }
.ui-datepicker td { padding: 1px; background-color: transparent; text-align:center; border:1px solid #d1d1d1; }
.ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd { background-color: transparent; }
.ui-datepicker td span, .ui-datepicker td a { display: inline-block; padding: 0; text-align: right; text-decoration: none; width: 32px; height: 32px; line-height: 32px !important; vertical-align: middle; border-radius: 50%; -webkit-border-radius: 50%; 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 { float: right; 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: none; border: 0 none; }
.ui-datepicker-today a.ui-state-default.ui-state-highlight { color: #008B29; font-weight: 600; }

/*----Date Picker----*/
.eventCalOut { position: absolute; width: 222px; right: -222px; float: right; 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: #444444; }
.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; }

/*==========================================================================================================================*/
/*================================================ Main CSS Theme Start ====================================================*/
/*==========================================================================================================================*/

/********** Layout **********/
#wrapper { position: absolute; min-height: 100%; background: #f5f7fa; width: 100%; }
.container { margin: 0 auto; width: 100%; max-width: 1170px; }

/********** Header **********/
#header { width: 100%; display: flex; justify-content:space-between; box-shadow: 0 9px 9px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 9px 9px rgba(206, 206, 206, 0.10); background:#fff; position: relative; margin: 0; padding: 0px; z-index: 1; vertical-align: top; min-height:94px; }
	
.logoSection { /*float: left;*/ padding:10px; text-align: center;}
.logoSection a img { max-width: 200px; margin: 0 auto; display: block; text-align: center; }
.topLinksAndSearch { padding: 10px 0; display: flex; justify-content: end; }
.topLinksAndSearch #accessControl input { color: #333; }
.topLinksAndSearch .searchAndMenubar { float: left; padding: 26px 0; }
.topLinksAndSearch .userTopLinks { float: left; padding: 7px 0 0; margin-left: 10px; }
.topLinksAndSearch ul { margin: 0; padding: 0; list-style: none; display: flex; align-content: center; justify-content: end; flex-wrap: wrap; }
.topLinksAndSearch li { display: flex; justify-content:start; align-items: center; font-size: 26px; color: #b0bec5; position: relative; padding: 0 10px; }
/*.topLinksAndSearch li:before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; background-color: #ccc; }*/
.topLinksAndSearch li a { color: #333; float: left; text-align: center; line-height: 45px; }
.topLinksAndSearch li a .fa { font-size: 22px; }
.topLinksAndSearch li a:hover { color: #363e98; }
.topLinksAndSearch li a.active { color: #57bdde; }
.roundCount { background: #00bfe9; position: absolute; height: 18px; width: 18px; text-align: center; font-size: 10px; font-weight: 600; color: #fff; line-height: 18px; vertical-align: middle; right: -8px; bottom: -2px; border-radius: 50%; -webkit-border-radius: 50%; }
.roundCount.blue { background: #00bfe9; }
.roundCount.red { background: #e03329; color:#fff; }
.searchIcon.closed, .searchIcon:hover { color: #57bdde; }
.menuToggle.active { color: #00bfe9; }
.dropPopup { display: none; width: 300px; background: #0E2753; padding: 10px; position: absolute; top: 53px; right: 0px; margin-right: 0; border: 0 none; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2); z-index:10; }
.dropPopup ul { margin: 0; padding: 0; list-style: none; }
.dropPopup li { font-size: 13px; color: #fff; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #717171; margin-right: 0; position: relative; }
.messagePopup li { padding-left: 30px; }
.dropPopup.messagePopup li:before, .dropPopup.messagePopup li:first-child:before { content: "\f0e0"; font-family: "FontAwesome"; font-size: 18px; position: absolute; left: 0; top: 18px; margin-top: 0; background-color: transparent; }
.dropPopup li a { color: #fff; text-decoration: none; }
.dropPopup li a:hover { opacity: 0.7; color: #fff; }
/*.dropPopup li span { display: block; }*/
.dropPopup li span.dropPopupTitle { font-weight: 600; margin-bottom: 5px; }
.dropPopup li span.dropPopupText { line-height: 16px; margin-bottom: 10px; }
.dropPopup li span.dropPopupDate { font-size: 12px; }
.dropPopup li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 none; }
.dropPopup .viewAll { display: block; background: #F66A2F; border-radius: 3px; -webkit-border-radius: 5px; font-size: 14px; color: #fff; text-align: center; padding: 10px; text-decoration: none; margin-top: 15px; }
.dropPopup .viewAll:hover { color: #fff; background: #008B29; }
.dropPopup::before { content: ""; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #092651; position: absolute; z-index: 111; right: 5px; top: -12px; width: 0; height: 0; }

/*********serachFeild**********/
.searchFiled { display: none; width: 500px; position: absolute; right: 100%; top: -8px; margin-right: 10px; }
.searchFiled input[type="text"] { height: 42px; border: 1px solid #939393; border-radius: 0px; -webkit-border-radius: 0px; font-size: 14px; padding-right: 50px; }
.searchFiled input[type="submit"] { border: 0 none; position: absolute; right: 1px; top: 1px; height: 40px; border-radius: 0px; -webkit-border-radius: 0px; }

/********** Main Container **********/
#mainContainer { width: 100%; height: 100%; min-height: 100%; margin: 0; padding: 0; background: #f5f7fa; }
.contentContainer {margin-left: 314px; height: 100%; min-height: 100%; }
.userInformation { padding: 7px 0px; float: right; }
.userImgWrap { display: inline-block; position: relative; vertical-align: middle; margin-right:10px; }
.userImg { width: 45px; height: 45px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; overflow: hidden; border: 1px solid #f7f7f7; }
.userImg img { height: 100%; width: 100%; display: inline-block; vertical-align: top; }
.userDetail { display: inline-block; vertical-align: middle; position: relative; margin-left: 8px;}
.userDetail p { color: #333; }
.userDetail .dropPopup { width: 220px; }
.userDetail .dropPopup.messagePopup li { width: 100%; padding-left: 0; padding-right:0; font-size: 14px; }
.userDetail .dropPopup.messagePopup li .fa { font-size: 16px; vertical-align: top; margin-right: 5px; }
.userDetail .openDrpPopup { font-size: 14px; color: #434343; text-decoration: none; display: flex; align-items:center; font-family: 'Poppins', sans-serif; }
.userDetail .openDrpPopup .fa.fa-angle-down { font-size: 19px; color: #ba1a3b; vertical-align: top; line-height: 14px; }
.userDetail .division { display: block; color: #434343; font-size: 14px; }
.userDetail h4 { color: #505050; margin: 0; padding: 0; }
.userDetail p { color: #848484; margin: 0; padding: 0; }
.userDetail h4 { font-size: 16px; }
.userDetail p { font-size: 13px; margin-bottom: 0; }
.userDetail p span { display: block; font-size: 15px; color: #b0bec5; margin-top: 5px; }
.activeIcon { position: absolute; right: -4px; border: 5px solid #2f3b4c; background: #78a51e; width: 22px; height: 22px; border-radius: 50%; -webkit-border-radius: 50%; bottom: 4px; }
.disableform {pointer-events: none;}
/********** navigation **********/
.navigation { width: 100%; height: auto; margin: 0; padding: 0; }
.navigation ul { margin: 0; padding: 0 0 10px; list-style: none; position: relative; }
.navigation li { font-size: 17px; color: #b0bec5; margin-bottom: 0; border-bottom: 1px solid #444f8e; }
.navigation li a { color: #fff; text-decoration: none; padding: 10px 15px; display: block; position: relative; }
.navigation li.active .nav-second-level li a:hover:before { opacity: 1; }
.menuText { font-size: 14px; margin-left: 0; font-weight: 400; }
.navigation li a i { font-size: 20px; float: left; }
.navigation li .menuText { display: inline-block; width: 85%; line-height: 18px; }
.menuCollepase .userInformation { padding: 20px 5px; }
.menuCollepase .userInformation .userDetail { display: none; }
.menuCollepase .menu li .menuText { display: none; }
.menuCollepase .menu li:hover .menuText { display: block; margin-left: 0; padding: 8px 10px 8px; height: 47px; text-align: left; position: absolute; left: 70px; top: 0; width: 250px; font-size: 15px; line-height: 15px; background: #b61234; opacity: 0; /*transform: translateX(-150px); -webkit-transform: translateX(-150px);  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: transform opacity;  transition-property: transform opacity; -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;*/ z-index: -2; border-bottom: 1px solid #1d242f; }
.menuCollepase .navigation ul::before { width: 70px; margin-left: -35px; }
.menuCollepase .userImg { width: 60px; height: 60px; line-height: 62px; }
.menuCollepase .navigation li a { padding: 10px; text-align: center; }
.menuCollepase .navigation li a { padding: 10px; text-align: left; }
.menuCollepase .navigation li ul.nav-second-level li a { padding: 5px 0; }
.menuCollepase .navigation li ul.nav-second-level li a .mdi-chevron-double-right { left: 9px; }
.menuCollepase .navigation li a .leftIcon { left: 11px; }

/*.menuCollepase .navigation ul{padding-bottom:0;}*/

/********** Contentpart  commonBox Style**********/
.whiteBg { background: #fff; }
.countContent { height: 94px; position: relative; display: inline-block; vertical-align: middle; padding: 0 15px; }
.boxShadow { box-shadow: 1px 1px 15px 2px rgb(0 0 0 / 10%); border-radius: 20px; }
.navigation li>a { padding: 10px 15px; position: relative; }
.navigation ul li ul li a { position: relative; }
.navigation ul li ul li a:before { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #fff; left: 0; top: 40%; }
.navigation li>a .mdi { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.orange .leftIcon { background: #ff8761; }
.orange.countContent p { color: #ff8761; }
.lightBlue .leftIcon { background: #57bdde; }
.lightBlue.countContent p { color: #57bdde; }
.lightLavedar .leftIcon { background: #b198dc; }
.lightLavedar.countContent p { color: #b198dc; }
.lightGreen .leftIcon { background: #6dc7be; }
.lightGreen.countContent p { color: #6dc7be; }
/******************commonForm ********************/
.adminForm { margin: 0; padding: 0; list-style: none; }
.adminForm ul { margin: 0 -5px; padding: 0; list-style: none; }
.adminForm li { width: 100%; float: left; }
.adminForm li .feildCol { width: 50%; float: left; margin-bottom: 20px; padding: 0 10px; }
.adminForm li .feildCol.fullWidth { width: 100%; }
.adminForm .customSelect, .adminForm select, .adminForm select.customSelect, .adminForm .datepicker, .adminForm input[type="text"] { color: #2f3b4c; font-size: 13px; border: 1px solid #dee7ed; height: 38px; width: 100%; text-align: left; }
.datepicker { background: url(../images/calender-icon-admin.png) right center no-repeat #fff !important; }

/***************************contentPart**********/
h2.boxTitle { font-size: 1.5em; /*color:#2f3b4c;*/ color: #238195; font-weight: 600; margin-bottom: 20px; text-align: left; margin-top: 10px; }
h2.boxTitle.calendarBg { background: url(../images/calendar-icon-bg.png) right center no-repeat; }

/***************************recentlyUpdate*********************/
.recentlyUpdate { width: 100%; }
.recentlyUpdateBox h2 { background: #6dc7be; padding: 15px 30px; font-size: 16px; font-weight: 600; color: #fff; margin-bottom: 0; }
.updateListing { padding: 20px 30px; }
.updateListing ul { margin: 0 0 15px; padding: 0; list-style: none; }
.updateListing li { position: relative; padding-left: 25px; margin-bottom: 12px; color: #2f3b4c; font-size: 13px; line-height: 1; }
.updateListing li:before { content: "\f054"; position: absolute; top: 50%; font-size: 18px; margin-top: -9px; font-family: "FontAwesome"; left: 0; color: #737373; }
.updateListing li a { color: #2f3b4c; text-decoration: none; }
.updateListing li a:hover { color: #e65a15; }
.updateListing .viewAllLink { color: #2f3b4c; font-size: 14px; font-weight: 600; text-decoration: none; }
.updateListing .viewAllLink:hover { color: #e65a15; }

/***************************topSearhcPanel*********************/
.boxSearchPanel { padding: 0; margin: 0 0 20px; list-style: none; position: relative; }
.adminForm .sixColFeild li .feildCol { padding: 0px 5px 10px 5px; margin: 0; list-style: none; width: 16.66%; }
.adminForm .fifthColFeild li .feildCol { padding: 0 5px; margin: 0; list-style: none; width: 20%; }
.adminForm .forthColFeild li .feildCol { padding: 0 5px; margin: 0; list-style: none; width: 25%; }
.adminForm .threeColFeild li .feildCol { padding: 0 5px; margin: 0; list-style: none; width: 33.33%; }
.adminForm .twoColFeild li .feildCol { padding: 0 5px; margin: 0; list-style: none; width: 50%; }
.adminForm .singleColFeild li .feildCol { padding: 0 5px; margin: 0; list-style: none; width: 100%; }
.boxSearchPanel { position: relative; }
.serchPanelFeild { padding-right: 102px; }

/*.searchBtnCol{position:absolute; right:0; top:0;}*/
.boxSearchPanel::-webkit-input-placeholder { color: #2f3b4c; }
.boxSearchPanel:-moz-placeholder { color: #2f3b4c; opacity: 1; }
.boxSearchPanel::-moz-placeholder { color: #2f3b4c; opacity: 1; }
.boxSearchPanel:-ms-input-placeholder { color: #2f3b4c; }
.searchBtnCol input { background: #8d919b; font-size: 15px; border: 0 none; padding: 4px 15px; height: 43px; color: #fff; width: 100%; border-radius: 6px; }
.searchBtnCol input:hover { background-color: #444444; color: #fff; }
.textRight { text-align: right; }
.approved { color: #03953f; }
.pending { color: #c85c1a; }
.process { color: #0072bc; }
.reportIcon { white-space: nowrap; text-align: center; font-size: 16px; color: #585858; }
.reportIcon a { color: #585858; display: inline-block; }
.reportIcon a:hover { color: #008B29; }
.btnRow input, .btnRow a.button { background: #78a51e; font-size: 15px; border: 0 none; padding: 4px 10px; height: 28px; line-height: 18px; margin-left: 10px; border-radius: 25px; text-transform: uppercase; font-weight: bold; font-size: 13px; }
.btnRow a.button { line-height: 20px; }
.btnRow a.button:hover { background: #444; }
.rightBtn { text-align: right; }

/***********************gridIcons******************/
.gridIcons { display: block; text-align: center; white-space: nowrap; }
.bigIcon { font-size: 24px; }
.greenIcon { color: #2bad81; }
.greenIcon:hover { color: #097c55; }
.orangeIcon { color: #ff8761; }
.orangeIcon:hover { color: #e05528; }

/***********************popupGrid******************/
.popupContentScroll .tableData th { font-weight: 600; font-size: 14px; text-align: left; }
.textCenter { text-align: center !important; }
.popupContentScroll .tableData th, .popupContentScroll .tableData td { padding: 10px 12px; border-bottom: 1px solid #dee7ed; vertical-align: middle; line-height: 18px; }
.popupContentScroll table tr:nth-child(odd) td, .popupContentScroll .tableRowOdd { background-color: #fff; }
.popupContentScroll .tableData tr:last-child th, .popupContentScroll .tableData tr:last-child td { border-bottom: 0 none; }
.tableData.srNo tr td:first-child { width: 70px; text-align: center; vertical-align: top; }
.popupContentScroll .tableData.blueHead th { background: #00bfe9; }

/***********************popupStagetabs******************/
.legends { margin: 0 0 20px; text-align: right; }
.legends ul { display: inline-block; list-style: none; margin: 0 10px 0 0; padding: 0; }
.legends li { margin-left: 30px; font-size: 14px; color: #747474; display: inline-block; text-transform: uppercase; font-weight: 600; }
.legends li:first-child { margin-left: 0; }
.legends li span { padding-left: 28px; position: relative; }
.legends li span:before { position: absolute; content: ""; width: 13px; height: 13px; left: 0; top: 50%; margin-top: -7px; }
.legends li span.stageFinished:before { background: #ff8761; }
.legends li span.remainingStage:before { background: #dcdcdc; }
.gridTopBtn { background: #ffffff; border: 1px solid #d7d7d7; padding: 5px 10px; color: #747474; font-size: 14px; font-weight: 600; text-decoration: none; float: right; margin-top: -8px; }
.gridTopBtn:hover { background: #ff8761; color: #fff; border: 1px solid #ff8761; }
.gridTopBtn i { color: #ff8761; font-size: 20px; font-weight: 700; display: inline-block; vertical-align: middle; }
.gridTopBtn:hover i { color: #fff; }
.gridTopBtn span { display: inline-block; vertical-align: middle; }
.tableData th span { display: block; font-weight: 400; font-size: 13px; }
.gridIcons .commonIcon { color: #585858; font-size: 18px; }

/*********************************footer*******************************/
#footer { padding: 20px 0 20px 340px; color: #646464; float:left; position: absolute; width: 100%; bottom: 0; left: 0; }
#footer p { font-size: 14px; margin-bottom: 0; line-height: 18px; }
#footer.on { padding-left: 110px; }
.mainDashboard #footer { padding-left: 0 !important; text-align: center; }

/********** Form Page **********/
.formList .box { padding-bottom: 15px; }
.formList { list-style: none; padding: 0; margin: 0; }
.formList li { margin: 0; }
.required, .formList .error { color: #C00; padding-right: 5px; }
.formList .error { display: block; font-size: 12px; position: absolute; background: #C00; color: #fff; padding: 7px 15px; right: 0; top: 115%; z-index: 1; display: none }
.formList .error:after { width: 0; height: 0; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #C00 transparent; content: ''; right: 10px; margin-left: -15px; top: -7px; position: absolute }
.formList .textBoxOut { margin-bottom: 5px; position: relative }
.formList textarea { min-height: 120px; }
.textBoxOut textarea, .textBoxOut input { background: #fff; }
.formList label, .formList .label { color: #333; display: inline-block; font-weight: normal; padding-top: 7px; padding-right: 5px; color: #000; }
.radioList input { float: left; margin: 5px; clear: left; }
.radioList label, .radioList .label { float: left; color: #555; }
.note { font-size: 12px; font-style: italic; padding: 5px 0 0; }
.captcha { position: relative; }
.captcha .captchaImg { border: 1px solid #d7d7d7; float: left; max-height: 33px; }
.captcha .refreshCaptcha { float: left; margin: 5px 0 0 10px; }
.formList .title { font-size: 15px; font-weight: 700; color: #1A8E75; display: block }
.buttonOut .button { margin-right: 15px; }
.formList input[type="file"] { border: 1px solid #d0d0d0; height: 37px; width: 100%; }
.formList .uploadBtn { color: #fff; background: #78a51e; height: 37px; padding: 10px 17px; border: 1px solid #78a51e; position: absolute; left: 0; top: 0; border-radius: 4px; cursor: pointer }
.formList .uploadBtn:hover { background: #444 }
.formList .cols1, .formList .cols2, .formList .cols3, .formList .cols4, .formList .cols5, .formList .cols6, .formList .cols7, .formList .cols8, .formList .cols9, .formList .cols10, .formList .cols11, .formList .cols12 { padding-left: 0 }
.padR0 { padding-right: 0 !important }
.declarationCheck { width: 45px; float: left; position: relative; z-index: 1 }
.declarationDetails { width: 100%; margin-left: -45px; padding-left: 45px; float: left }
.userPhoto { width: 107px; display: inline-block; position: relative; overflow: hidden; }
.userPhoto a { position: absolute; width: 100%; background: rgba(0, 0, 0, 0.8); color: #fff; text-align: center; left: 0; bottom: -100%; padding: 5px 0; text-decoration: none; transition: 300ms all }
.userPhoto:hover a { bottom: 0 }

/********** Registration Form page **********/
.regisFormBlock { /*margin-top: 17px;*/
margin-top: 0; overflow: hidden }
.regisForm { position: relative }
.regisForm h3 { font-size: 28px; margin-bottom: 13px; padding-bottom: 5px; font-family: 'Poppins', sans-serif; border-bottom: 1px solid #d0d0d0; }
.regisForm h4 { font-size: 20px; margin-bottom: 25px; font-family: 'Poppins', sans-serif; color: #044e6b; }
.regisForm h5 { font-size: 17px; margin-bottom: 25px; font-family: 'Poppins', sans-serif; color: #044e6b; border-bottom: 1px solid #d0d0d0; margin-bottom: 15px; padding-bottom: 10px; }
.regisFiedSectionLeft { width: 170px; float: left; margin-top: 30px; }
.regiFieldNumber { text-align: center; position: relative; margin-bottom: 9px; padding-bottom: 20px; }
.regiFieldNumber::after { background: #cfcfcf; bottom: 0; content: ""; height: 15px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 1px; }
.regiFieldNumber a { outline: 0 none; text-decoration: none; color: #444444; font-size: 14px; display: block; }
.regiFieldNumber span { background: #ffffff; border: 3px solid #919191; border-radius: 100%; -webkit-border-radius: 100%; display: block; height: 40px; line-height: 34px; text-align: center; width: 40px; margin: 0 auto 7px; font-size: 1.090em; font-family: 'Poppins', sans-serif; }
.regiFieldNumber:last-child::after { display: none }
.regisFiedSectionRight { float: right; margin-left: -170px; padding-left: 180px; width: 100%; }
.regiFormSection { padding: 0 40px 25px 40px; }
.regiFormBlock { background: #fafafa; border-bottom: 2px solid #78a51e; padding: 2%; margin-bottom: 30px; position: relative }
.regiFormBlock h2 { color: #1f1f1f; font-size: 1.510em; margin-bottom: 5px; width: 100%; float: left; margin-top: 24px; }
.boxs>h3, .boxs>h4 { border-bottom: 1px solid #dddddd; font-size: 16px; font-weight: bold; margin-left: 22px; padding-bottom: 10px; text-transform: uppercase; }
.boxs>h4 { font-size: 14px; }
.regiField .customSelectInner { font-style: italic; }
.regiField .customSelect { background-color: #fbfbfb; height: 39px; border: 1px solid #d0d0d0; color: #737373; font-size: 0.871em; width: 100%; background: url("../images/selectDnArrow.png") no-repeat 96% center !important; }
.calIcon { background: url(../images/cal.png) no-repeat Center Center; color: #757575; }
.stick { position: fixed; top: 0px; }
#sticker { max-width: 170px; width: 100%; }
#regField1 a span { border-color: #5b912d; color: #5b912d }
#regField2 a span { border-color: #dc4b89; color: #dc4b89 }
#regField3 a span { border-color: #edb220; color: #edb220 }
#regField4 a span { border-color: #00aeb3; color: #00aeb3 }
#regField5 a span { border-color: #e68523; color: #e68523 }
#regField6 a span { border-color: #dd5143; color: #dd5143 }
#regField7 a span { border-color: #8d6cab; color: #8d6cab }
#regField8 a span { border-color: #00a0dc; color: #00a0dc }
#regField9 a span { border-color: #86888a; color: #86888a }
#regField1 a:hover span, #regField1 a.active span { background: #5b912d; }
#regField2 a:hover span, #regField2 a.active span { background: #dc4b89; }
#regField3 a:hover span, #regField3 a.active span { background: #edb220; }
#regField4 a:hover span, #regField4 a.active span { background: #00aeb3; }
#regField5 a:hover span, #regField5 a.active span { background: #e68523; }
#regField6 a:hover span, #regField6 a.active span { background: #dd5143; }
#regField7 a:hover span, #regField7 a.active span { background: #8d6cab; }
#regField8 a:hover span, #regField8 a.active span { background: #00a0dc; }
#regField9 a:hover span, #regField9 a.active span { background: #86888a; }
.regiFieldNumber a:hover span, .regiFieldNumber a.active span { color: #fff !important; }
.green { color: #5b912d; }
.pink { color: #dc4b89 }
.yellow { color: #edb220 }
.irisBlue { color: #00aeb3 }
.darkOrange { color: #e68523 }
.darkPink { color: #dd5143 }
.violet { color: #8d6cab }
.skyBlue { color: #00a0dc }
.grey { color: #86888a }

/********** Custom Checkbox / Radiobox ***********/
.cuctom-checkbox label, .cuctom-radiobox label { display: inline-block; margin-left: 5px; /*vertical-align:top;*/ cursor: pointer; }
.cuctom-checkbox, .cuctom-radiobox { padding-top: 5px; }
h5 .cuctom-checkbox label { font-size: 14px; padding-bottom: 0; color: #383838; padding-top: 3px; }
h5 .note { color: #666; font-size: 14px; }
.formList .cuctom-checkbox label { padding-bottom: 3px; margin-left: 3px; padding-right: 0; }
.formList .boxs2.fullCheckbox { }
.formList .boxs2.fullCheckbox .box { width: 100%; margin-left: 0px; }
.formList .boxs2.fullCheckbox .icheckbox_square { float: left; margin-right: -20px; }
.formList .boxs2.fullCheckbox .cuctom-checkbox label { padding-left: 26px; line-height: 17px; }

/* jQuery iCheck plugin Square skin, black-------------------------------------------- */
.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; }
div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; }
div.dataTables_length select { width: 75px; display: inline-block; }
div.dataTables_filter { text-align: right; }
div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; }
div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; }
div.dataTables_info { padding-top: 8px; white-space: nowrap; }
div.dataTables_paginate { margin: 0; white-space: nowrap; text-align: right; }
div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; }
@media screen and (max-width:767px) {
	div.dataTables_wrapper>div.row>div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate { text-align: center; }
	div.DTTT { margin-bottom: 0.5em; }
}
table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
table.dataTable { clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; }
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; }
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after { position: absolute; top: 12px; right: 8px; display: block; font-family: "FontAwesome"; opacity: 0.5; }
table.dataTable thead .sorting:after { content: "\f4e2";/* sort */ }
table.dataTable thead .sorting_asc:after { font-family: "FontAwesome"; content: "\f176"; /* sort-by-attributes */ font-size: 1em; font-weight: bold; }
table.dataTable thead .sorting_desc:after { font-family: "FontAwesome"; content: "\f175"; /* sort-by-attributes-alt */ font-size: 1em; font-weight: bold; }
div.dataTables_scrollBody table.dataTable thead .sorting:after, div.dataTables_scrollBody table.dataTable thead .sorting_asc:after, div.dataTables_scrollBody table.dataTable thead .sorting_desc:after { display: none; }
table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { color: #eee; }
table.dataTable thead>tr>th { padding-right: 30px; }
table.dataTable th:active { outline: none; }

/* Condensed */
table.dataTable.table-condensed thead>tr>th { padding-right: 20px; }
table.dataTable.table-condensed thead .sorting:after, table.dataTable.table-condensed thead .sorting_asc:after, table.dataTable.table-condensed thead .sorting_desc:after { top: 6px; right: 6px; }

/* Scrolling */
div.dataTables_scrollHead table { margin-bottom: 0 !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
div.dataTables_scrollHead table thead tr:last-child th:first-child, div.dataTables_scrollHead table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; }
div.dataTables_scrollBody tbody tr:first-child th, div.dataTables_scrollBody tbody tr:first-child td { border-top: none; }
div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; }

/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
	width calculations when using scrolling impossible to align columns. We have
	to use separate
	*/
table.table-bordered.dataTable { border-collapse: separate !important; }
table.table-bordered thead th, table.table-bordered thead td { border-left-width: 0; border-top-width: 0; }
table.table-bordered tbody th, table.table-bordered tbody td { border-left-width: 0; border-bottom-width: 0; }
table.table-bordered tfoot th, table.table-bordered tfoot td { border-left-width: 0; border-bottom-width: 0; }
table.table-bordered th:last-child, table.table-bordered td:last-child { border-right-width: 0; }
div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; }

/** TableTools styles	*/
.table.dataTable tbody tr.active td, .table.dataTable tbody tr.active th { background-color: #08C; color: white; }
.table.dataTable tbody tr.active:hover td, .table.dataTable tbody tr.active:hover th { background-color: #0075b0 !important; }
.table.dataTable tbody tr.active th>a, .table.dataTable tbody tr.active td>a { color: white; }
.table-striped.dataTable tbody tr.active:nth-child(odd) td, .table-striped.dataTable tbody tr.active:nth-child(odd) th { background-color: #017ebc; }
table.DTTT_selectable tbody tr { cursor: pointer; }
div.DTTT .btn:hover { text-decoration: none !important; }
ul.DTTT_dropdown.dropdown-menu { z-index: 2003; }
ul.DTTT_dropdown.dropdown-menu a { color: #333 !important; }
ul.DTTT_dropdown.dropdown-menu li { position: relative; }
ul.DTTT_dropdown.dropdown-menu li:hover a { background-color: #0088cc; color: white !important; }
div.DTTT_collection_background { z-index: 2002; }

/* TableTools information display */
div.DTTT_print_info { position: fixed; top: 50%; left: 50%; width: 400px; height: 150px; margin-left: -200px; margin-top: -75px; text-align: center; color: #333; padding: 10px 30px; opacity: 0.95; background-color: white; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5); }
div.DTTT_print_info h6 { font-weight: normal; font-size: 28px; line-height: 28px; margin: 1em; }
div.DTTT_print_info p { font-size: 14px; line-height: 20px; }
div.dataTables_processing { color:#fff; line-height:0.8; position: absolute; top: 50%; left: 50%; width: 100%; height: 60px; margin-left: -50%; margin-top: -25px; padding-top: 20px; padding-bottom: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(43,54,139, 0)), color-stop(25%, rgba(43,54,139, 0.9)), color-stop(75%, rgba(43,54,139, 0.9)), color-stop(100%, rgba(43,54,139, 0))); background: -webkit-linear-gradient(left, rgba(43,54,139, 0) 0%, rgba(43,54,139, 0.9) 25%, rgba(43,54,139, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(43,54,139, 0) 0%, rgba(43,54,139, 0.9) 25%, rgba(43,54,139, 0.9) 75%, rgba(43,54,139, 0) 100%); background: -ms-linear-gradient(left, rgba(43,54,139, 0) 0%, rgba(43,54,139, 0.9) 25%, rgba(43,54,139, 0.9) 75%, rgba(43,54,139, 0) 100%); background: -o-linear-gradient(left, rgba(43,54,139, 0) 0%, rgba(43,54,139, 0.9) 25%, rgba(43,54,139, 0.9) 75%, rgba(43,54,139, 0) 100%); background: linear-gradient(to right, rgba(43,54,139, 0) 0%, rgba(43,54,139, 0.9) 25%, rgba(43,54,139, 0.9) 75%, rgba(43,54,139, 0) 100%); }

/** FixedColumns styles	*/
div.DTFC_LeftHeadWrapper table, div.DTFC_LeftFootWrapper table, div.DTFC_RightHeadWrapper table, div.DTFC_RightFootWrapper table, table.DTFC_Cloned tr.even { background-color: white; margin-bottom: 0; }
div.DTFC_RightHeadWrapper table, div.DTFC_LeftHeadWrapper table { border-bottom: none !important; margin-bottom: 0 !important; border-top-right-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child, div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child, div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; }
div.DTFC_RightBodyWrapper table, div.DTFC_LeftBodyWrapper table { border-top: none; margin: 0 !important; }
div.DTFC_RightBodyWrapper tbody tr:first-child th, div.DTFC_RightBodyWrapper tbody tr:first-child td, div.DTFC_LeftBodyWrapper tbody tr:first-child th, div.DTFC_LeftBodyWrapper tbody tr:first-child td { border-top: none; }
div.DTFC_RightFootWrapper table, div.DTFC_LeftFootWrapper table { border-top: none; margin-top: 0 !important; }
div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after, div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after, div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after, div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after, div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after, div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after { display: none; }

/** FixedHeader styles	*/
div.FixedHeader_Cloned table { margin: 0 !important }
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; width: 50%; }
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left; width: 50%; }
.pagination li { display: inline-block; }
.pagination li a { background-color: #eeeeee; color: #000000; margin-left: 5px; float: left; padding: 10px 15px; text-decoration: none; }
.pagination li a:hover, .pagination li.active a { background-color: #008B29; color:#fff; }
div.dataTables_length select { display: inline-block; width: 75px; margin-left: 5px; vertical-align: middle; }
div.dataTables_length span.customSelect { display: inline-block !important; margin: 0 5px; vertical-align: middle; }
.box-body .row .col-sm-12 { overflow-x: auto; overflow-y: hidden; }
.box-body .row .col-sm-12 table.dataTable { width: 1600px; }
.action { width: 8% !important; }
.srNo { width: 3% !important; text-align:center; }
.pdfIcon{ font-size:18px; color:#f00;}
.box-body .row .col-sm-12 table.confirmationContract { width: 2200px; }
.box-body .row .col-sm-12 table.pageShipment { width: 100%; }
.boxSearchPanel .searchDroPopup { display: inline-block; position: relative; width: auto; }
.searchDroPopup .openDrpPopup input { width: 250px; }
.searchDroPopup>h3 { font-size: 14px; margin-bottom: 10px; display: none; }
a.openDrpPopup i { position: relative; right: 0px; top: 0px; font: normal normal normal 14px/1 FontAwesome; color: #008CA6; }
.searchDroPopup .openDrpPopup { color: #000000; font-size: 22px; position: relative; width: 250px; }
.searchDroPopup .dropPopup::before { left: 10px; right: inherit; }
.searchDroPopup .dropPopup { margin-right: 0; padding: 15px; width: 100%; z-index: 3; top: 53px; }
.searchDroPopup .dropPopup .searchBtnCol { margin-top: 20px; }
.searchDroPopup .dropPopup .serchPanelFeild { padding-right: 0; }
#byTradeConfirm .adminPopupInner { height: auto; }
#byTradeConfirm .popupContentScroll { color: #000000; font-size: 22px; line-height: 30px; margin: 0; padding: 0; text-align: center; }
#messageBox .adminPopupInner { height: auto; }
#messageBox .popupContentScroll { color: #000000; font-size: 22px; line-height: 30px; margin: 0; padding: 0; text-align: center; }
#messageBox .btnRow .closePopup, #byTradeConfirm .btnRow .closePopup { font-size: inherit; position: relative; right: 0; top: 0; }
#messageBox .btnRow, #byTradeConfirm .btnRow { margin-bottom: 0; margin-top: 20px; }
.confirmBtn:hover { background-color: #444444; color: #ffffff; }
.confirmBtn { border: 0 none; display: inline-block; line-height: 20px; margin: 0; outline: 0 none; padding: 6px 14px; text-decoration: none; cursor: pointer; background-color: #78a51e; border: 1px solid #78a51e; color: #ffffff; border-radius: 25px; }
.box-body, .gridScroll { overflow-x: auto; overflow-y: hidden; }
.infoList { background: #fafafa; border: 1px solid #e1e1e1; padding: 10px; line-height: 24px; margin-bottom: 20px; }
.infoList strong { font-weight: normal; font-size: 15px; color: #000; }
.iconSet { font-size: 1.5em; }
.resetBtn { background: #444 !important; border-color: #444 !important; }
.resetBtn:hover { background: #222 !important; }
.multiSelect { min-height: 120px; }
.customSelect.multiSelect { display: none !important; }
.box-body>h3, .gridScroll>h3 { font-size: 16px; font-weight: 600; }
.itemBlockMain { display: block; margin-bottom: 10px; width: 100%; }
.itemBlock { float: left; margin-bottom: 20px; width: 33%; }
.itemBlock>span { display: block; font-size: 15px; font-weight: 600; margin-bottom: 5px; }
.itemBlock2 { float: left; margin-bottom: 0; width: 25%; }
.itemBlock2>span { display: block; font-size: 15px; font-weight: 600; margin-bottom: 5px; }
.regiFormBlock>h3 { font-size: 16px; font-weight: 600; }
.btnRow { margin-bottom: 30px; }
h3.insideTitle { font-size: 18px; color: #2f3b4c; font-weight: 600; margin-bottom: 30px; text-align: left; margin-top: 10px; }
.iconLink { font-size: 1em; margin: 10px 0; }
	
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.formList .uploadBtn { padding: 10px 25px 4px; }
	.formList input[type="file"] { padding-top: 8px; }
}
.amountRow td { border-top: 1px solid #cfd8dc; }
.disabledInput { background: #f1f1f1 !important; border: 1px solid #fefefe !important; }
select.hasCustomSelect { /* border: 1px solid #c8c8c8; */
font-size: 14px; height: 43px !important; line-height: 41px; width: 100%; color: #838d94; }
.customSelect, .customSelectInner { border: 0; border-radius: 0; font-size: 14px; height: 43px !important; line-height: 41px; overflow: hidden; padding: 0; width: 100%; color: #838d94; }
.customSelect { background-color: #fff; background-image: url("../images/selectDnArrow.png"); background-position: 96% center; background-repeat: no-repeat; border: 1px solid #d0d0d0; color: #444; cursor: pointer; height: 44px; border-radius: 6px; padding: 0 10px; }
.formList .uploadBtn, .formList li .fullCheckbox label { width: auto; float: none; }
.formList .uploadBtn { padding: 6px 17px; height: 27px; }
.formList input[type="file"] { height: 27px; }

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: fixed !important; bottom: 0; left: 0; width: auto; height: auto; z-index: 1; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; width: auto; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #d1d1d1; background: #ffffff; color: #222222; z-index: 2 }
.ui-widget-content a { color: #222222; }
.ui-dialog-titlebar.ui-dialog-titlebar { background: #5a7e12; color: #fff; font-weight: bold; }
.ui-widget-header a { color: #222222; }
.ui-button-icon-only.ui-dialog-titlebar-close { background: #e6e6e6 url(../images/close-icon.png) center center no-repeat; }
.ui-widget-overlay { background: url('../images/fancybox_overlay.png'); }
.ui-widget-overlay { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

/* new login */
.newLoginLogo { text-align: center; display: inline-block; width: 100%; padding: 30px 0 20px; }
.newLoginWrap { background: url(../images/login-bg.png) top left no-repeat; background-size: cover; width: 100%; height: 742px; padding-top: 100px; }
.copyright { text-align: center; padding: 20px 0; color: #222; }
.newLoginBox { width: 410px; margin: 0 auto; background: rgba(255, 255, 255, 0.9); border-radius: 6px; box-shadow: 0px 0px 4px 2px #000; }
.newLoginTitle { color: #fff; padding: 20px 30px 25px; background: #2f4659; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; font-size: 24px; font-family: 'open_sansregular'; font-weight: 700; }
.newLoginInner { padding: 30px; }
.newLoginUser, .newLoginPass, .newLoginCaptcha { margin-bottom: 25px; position: relative; }
.newLoginUser:before, .newLoginPass:before, .newLoginCaptcha:before { position: absolute; left: 0; top: 0; width: 50px; height: 52px; z-index: 1; -webkit-border-top-left-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-bottomleft: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.newLoginUser:after { left: 50px; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(20, 160, 133, 0); border-left-color: #14a085; border-width: 6px; margin-top: -6px; }
.newLoginPass:after { left: 50px; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(229, 126, 37, 0); border-left-color: #e57e25; border-width: 6px; margin-top: -6px; }
.newLoginCaptcha:after { left: 50px; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 80, 35, 0); border-left-color: #ff5023; border-width: 6px; margin-top: -6px; }
.newLoginUser:before { content: " "; background: #14a085 url(../images/login-icons.png) center center no-repeat; }
.newLoginPass:before { content: " "; background: #e57e25 url(../images/password-icon.png) center center no-repeat; }
.newLoginCaptcha:before { content: " "; background: #ff5023; }
.newLoginUser input[type="text"], .newLoginPass input[type="password"] { width: 100%; border: 1px solid #aeaeae; border-radius: 2px; height: 52px; padding-left: 70px; font-size: 18px; font-weight: 400; color: #808080; }
.newLoginCaptcha input[type="text"] { width: 50%; border: 1px solid #aeaeae; border-radius: 2px; height: 52px; padding-left: 70px; font-size: 18px; color: #808080; }
.newLoginBtn { width: 100%; background: #91ac37; color: #fff; text-align: center; font-family: 'open_sansregular'; font-weight: 700; text-transform: uppercase; font-size: 24px !important; border-radius: 4px !important; padding: 10px 0; height: 52px; }
.forgotPass { color: #444444; font-size: 14px; text-align: center; padding: 20px 0 0; }
.rememberMe { padding-bottom: 15px; color: #444; }
.captchaHolder { float: right; width: 45%; border: 1px solid #aeaeae; height: 52px; border-radius: 2px; }
.captchaRefresh { position: absolute; left: 0; top: 0; z-index: 1; cursor: pointer; width: 50px; height: 50px; text-align: center; padding-top: 15px; }

/*-----------------------*/
.mainDashboard { margin-left: 0 !important; background: url("../images/dashboardBg.jpg") no-repeat center top; background-size: auto auto; background-size: cover; padding: 80px 0; }
.dashBox { margin: 0 -13px; }
.dashBox .leftBx { float: left; width: 75%; }
.dashBox .rightBx { float: left; width: 25%; }
.dashBxOuter { float: left; width: 33.33%; padding: 10px 13px; }
.rightBx .dashBxOuter { width: 100%; }
.dashCnt { display: inline-block; width: 100%; padding: 20px 15px 10px; background: #636363; vertical-align: top; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.10); border-radius: 5px; min-height: 200px; position: relative; }
.deshHead { font-size: 17px; font-family: 'Poppins', sans-serif; margin: 0 0 5px; line-height: 21px; color: #fff; padding-right: 50px; min-height: 50px; }
.dashCnt ul { list-style: none; padding: 0; margin: 0; }
.dashCnt ul li { background: url("../images/listAro.png") no-repeat left 5px; font-size: 15px; color: #fff; line-height: 21px; padding-left: 15px; margin: 3px 0; float: left; clear: both; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; }
.dashCnt ul li a { text-decoration: none; color: #fff; }
.dashCnt ul li a:hover { color: #000; }
.dashCnt ul li:hover { background: url("../images/listAroWob.png") no-repeat 5px 5px; padding-left: 20px; }
.rightBx .dashCnt { min-height: 420px; }
.dashCnt::before { content: ""; position: absolute; right: 0; top: 0; height: 80px; width: 80px; background: url("../images/dashboardIcon.png") no-repeat 0 0; }
.bx2 .dashCnt::before { background-position: -80px 0 }
.bx3 .dashCnt::before { background-position: -160px 0 }
.bx4 .dashCnt::before { background-position: -240px 0 }
.bx5 .dashCnt::before { background-position: -320px 0 }
.bx6 .dashCnt::before { background-position: -400px 0 }
.bx7 .dashCnt::before { background-position: -480px 0 }
.bx1 .dashCnt { background: rgba(91, 164, 223, 1); background: -moz-linear-gradient(45deg, rgba(91, 164, 223, 1) 0%, rgba(25, 130, 216, 1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(91, 164, 223, 1)), color-stop(100%, rgba(25, 130, 216, 1))); background: -webkit-linear-gradient(45deg, rgba(91, 164, 223, 1) 0%, rgba(25, 130, 216, 1) 100%); background: -o-linear-gradient(45deg, rgba(91, 164, 223, 1) 0%, rgba(25, 130, 216, 1) 100%); background: -ms-linear-gradient(45deg, rgba(91, 164, 223, 1) 0%, rgba(25, 130, 216, 1) 100%); background: linear-gradient(45deg, rgba(91, 164, 223, 1) 0%, rgba(25, 130, 216, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ba4df', endColorstr='#1982d8', GradientType=1); }
.bx2 .dashCnt { background: rgba(79, 191, 133, 1); background: -moz-linear-gradient(45deg, rgba(79, 191, 133, 1) 0%, rgba(59, 176, 117, 1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(79, 191, 133, 1)), color-stop(100%, rgba(59, 176, 117, 1))); background: -webkit-linear-gradient(45deg, rgba(79, 191, 133, 1) 0%, rgba(59, 176, 117, 1) 100%); background: -o-linear-gradient(45deg, rgba(79, 191, 133, 1) 0%, rgba(59, 176, 117, 1) 100%); background: -ms-linear-gradient(45deg, rgba(79, 191, 133, 1) 0%, rgba(59, 176, 117, 1) 100%); background: linear-gradient(45deg, rgba(79, 191, 133, 1) 0%, rgba(59, 176, 117, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4fbf85', endColorstr='#3bb075', GradientType=1); }
.bx3 .dashCnt { background: rgba(233, 136, 199, 1); background: -moz-linear-gradient(45deg, rgba(233, 136, 199, 1) 0%, rgba(195, 86, 157, 1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(233, 136, 199, 1)), color-stop(100%, rgba(195, 86, 157, 1))); background: -webkit-linear-gradient(45deg, rgba(233, 136, 199, 1) 0%, rgba(195, 86, 157, 1) 100%); background: -o-linear-gradient(45deg, rgba(233, 136, 199, 1) 0%, rgba(195, 86, 157, 1) 100%); background: -ms-linear-gradient(45deg, rgba(233, 136, 199, 1) 0%, rgba(195, 86, 157, 1) 100%); background: linear-gradient(45deg, rgba(233, 136, 199, 1) 0%, rgba(195, 86, 157, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e988c7', endColorstr='#c3569d', GradientType=1); }
.bx4 .dashCnt { background: rgba(231, 166, 14, 1); background: -moz-linear-gradient(45deg, rgba(231, 166, 14, 1) 0%, rgba(230, 116, 16, 1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(231, 166, 14, 1)), color-stop(100%, rgba(230, 116, 16, 1))); background: -webkit-linear-gradient(45deg, rgba(231, 166, 14, 1) 0%, rgba(230, 116, 16, 1) 100%); background: -o-linear-gradient(45deg, rgba(231, 166, 14, 1) 0%, rgba(230, 116, 16, 1) 100%); background: -ms-linear-gradient(45deg, rgba(231, 166, 14, 1) 0%, rgba(230, 116, 16, 1) 100%); background: linear-gradient(45deg, rgba(231, 166, 14, 1) 0%, rgba(230, 116, 16, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7a60e', endColorstr='#e67410', GradientType=1); }
.bx5 .dashCnt { background: rgba(15, 173, 184, 1); background: -moz-linear-gradient(45deg, rgba(15, 173, 184, 1) 0%, rgba(37, 48, 150, 1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(15, 173, 184, 1)), color-stop(100%, rgba(37, 48, 150, 1))); background: -webkit-linear-gradient(45deg, rgba(15, 173, 184, 1) 0%, rgba(37, 48, 150, 1) 100%); background: -o-linear-gradient(45deg, rgba(15, 173, 184, 1) 0%, rgba(37, 48, 150, 1) 100%); background: -ms-linear-gradient(45deg, rgba(15, 173, 184, 1) 0%, rgba(37, 48, 150, 1) 100%); background: linear-gradient(45deg, rgba(15, 173, 184, 1) 0%, rgba(37, 48, 150, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0fadb8', endColorstr='#253096', GradientType=1); }
.bx6 .dashCnt { background: rgba(95, 153, 254, 1); background: -moz-linear-gradient(45deg, rgba(95, 153, 254, 1) 0%, rgba(66, 95, 198, 1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(95, 153, 254, 1)), color-stop(100%, rgba(66, 95, 198, 1))); background: -webkit-linear-gradient(45deg, rgba(95, 153, 254, 1) 0%, rgba(66, 95, 198, 1) 100%); background: -o-linear-gradient(45deg, rgba(95, 153, 254, 1) 0%, rgba(66, 95, 198, 1) 100%); background: -ms-linear-gradient(45deg, rgba(95, 153, 254, 1) 0%, rgba(66, 95, 198, 1) 100%); background: linear-gradient(45deg, rgba(95, 153, 254, 1) 0%, rgba(66, 95, 198, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f99fe', endColorstr='#425fc6', GradientType=1); }
.bx7 .dashCnt { background: rgba(190, 215, 48, 1); background: -moz-linear-gradient(45deg, rgba(190, 215, 48, 1) 0%, rgba(118, 178, 34, 1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(190, 215, 48, 1)), color-stop(100%, rgba(118, 178, 34, 1))); background: -webkit-linear-gradient(45deg, rgba(190, 215, 48, 1) 0%, rgba(118, 178, 34, 1) 100%); background: -o-linear-gradient(45deg, rgba(190, 215, 48, 1) 0%, rgba(118, 178, 34, 1) 100%); background: -ms-linear-gradient(45deg, rgba(190, 215, 48, 1) 0%, rgba(118, 178, 34, 1) 100%); background: linear-gradient(45deg, rgba(190, 215, 48, 1) 0%, rgba(118, 178, 34, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bed730', endColorstr='#76b222', GradientType=1); }
.navBtn { position: absolute; left: 314px; height: 40px; width: 40px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; z-index:10; position:absolute; }
.navBtn.active { left: 70px; }
.navBtn .menuToggle { display: inline-block; width: 100%; height: 100%; font-size: 24px; text-align: center; color: #fff; background: #8f102a; padding: 8px 0; }
.addNew { display: inline-block; vertical-align: top; height: 49px; padding: 0px 20px; text-decoration: none; background: #363e98; color: #fff; font-size: 15px; border-radius:6px; line-height:49px; }
.addNew:hover { background: #F66A2F; color: #fff; }
.whiteBox { padding: 30px; }
.whiteBox-heading { color: #066597; position: relative; }
.whiteBox-heading h3 { font-weight: 600; }
.whiteBox-heading:after { content: ''; position: absolute; width: 80px; border-radius: 30px; height: 3px; background-color: #00b471; bottom: -10px; left: 0; }
.topFilter { margin-top: 50px; }
.topFilter ul { padding: 0px; margin: 0; list-style: none; }
.topFilter .feildCol { float: left; padding: 0 10px; }
.topFilter .feildCol.dateFrom label { float: left; padding: 0; line-height: 44px; }
.topFilter .feildCol.dateFrom input { float: right; width: 75%; }
.topFilter .feildCol.dateTo label { float: left; padding: 0; line-height: 44px; }
.topFilter .feildCol.dateTo input { float: right; width: 85%; }
.Filter-option { padding: 0; }
.iconGroup { min-width: 60px; display: block; }
.iconGroup a { margin: 0 5px; color: #737373; font-size: 17px; }
.iconGroup a:hover { color: #363e98; }
.pagenation { list-style: none; padding: 0; margin: 0; text-align: right; display: flex; justify-content: end; }
.showResult { float: left; color: #171717; line-height: 21px; }
.pagenation li { padding: 0 5px; display: inline-flex; justify-content: center; align-items: center; }
.pagenation .prevBtn, .pagenation .nextBtn { width: auto !important; border: 0 !important; height: auto !important; }
.pagenation li .fa { margin: 0 5px; }
.pagenation li a { color: #98a0a6; text-decoration: none; vertical-align: top; width: 100%; height: 100%; }
.pagenation li a:hover, .pagenation li.active a, .pagenation li.active span { color: #00B471; }
.pagenation li:last-child { border-right: 0; }
.pagenation li .fa { font-size: 18px; font-weight: 700; }
.pagenation li a { width: 30px !important; height: 30px !important; display: inline-flex; border: 1px solid #fff; border-radius: 6px; justify-content: center; align-items: center; }
.pagenation li .active, .pagenation li a:hover { border-color: #00B471; color: #00B471; }
.pagenation .prevBtn a, .pagenation .nextBtn a { width: auto !important; height: auto !important; border: 0; }
.divider { height: 1px; width: 100%; background-color: #ccc; display: inline-block; vertical-align: top; }
.regFormOuter { margin: 0; background: #fff; min-height: 530px; box-shadow: 0 0px 5px 2px #e7e7e7; padding: 0 30px 30px 30px; border-radius: 6px; overflow: hidden; }
.regForm .row { margin: 0 -15px 20px -15px }
.subTitle { width: 100%; padding-bottom: 20px; font-size: 22px; color: #434343; font-family: 'Poppins', sans-serif; margin: 0; border-bottom: 1px solid #e6e7e9; }
.regForm .resetBtn { border-radius: 0; padding: 8px 25px }
.regForm .btn-primary { border-radius: 0; padding: 8px 25px; background: #f7a041; color: #fff; text-decoration: none; box-shadow: 2px 2px 2px #d1d1d1; display: inline-block; transition: all 0.3s; background: -moz-linear-gradient(left, #1671da 0%, #4a54d3 100%); background: -webkit-linear-gradient(left, #1671da 0%, #4a54d3 100%); background: linear-gradient(to right, #1671da 0%, #4a54d3 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); text-align: center; }
.regForm .btn-primary:hover { background: #363e98; }
.topLinksAndSearch li li a, .dropPopup li a { border-radius: inherit !important; height: inherit !important; width: inherit !important; border: none !important; text-align: left; line-height: inherit; display:inline-block; align-items:center; }
.dropPopup .viewAll { width: 100% !important; height: auto !important; padding: 0; }
.resolved { color: #0c892f }
.assigned { color: #e75d11 }
.close .fa-close { color: #ff4545; }

/*login page*/

/*login page css */
.loginPage { background: url(../images/login-bg.png ) no-repeat center top; background-size: cover; position: relative; }
/*.logo { height: 100%; display: flex; align-items: center; }*/
.loginForm { background-color: #fff; padding:40px; border-radius: 10px; margin-right: 100px;box-shadow: 0px 0px 10px 4px #7D7D7D40; }
.loginPageInfo { position: relative; z-index: 1; height: 100%; display: flex; align-items: center; }
.loginForm .heading1 { color: #2B368B; font-size: 30px; font-weight: 600;}
.loginForm label { color: #323232; font-weight: 500; font-size: 1em; }
.loginForm .inputIcon input { border: 1px solid #cccccc; border-radius: 6px; height: 43px; background: #fff; font-size: 14px; line-height: 26px; padding: 7px 10px; width: 100%; color: #848484; }
.loginForm .fa { font-size: 20px; color: #575D63; }
.remember .input { color: #C8CBD8; height: 20px; width: 20px; border-radius: 5px; }
.remember { display: flex; align-items: center; font-weight: 500; font-family: 'Poppins'; justify-content: space-between;}
.remecheckbox { display: flex; align-items: center; font-size: 14px; color: #646464; }
.remecheckbox label input[type="checkbox"]{ vertical-align:baseline;}
.loginForm .remecheckbox label input[type="checkbox"]{ vertical-align:bottom;}
.remember a.link1 { color: #323232; font-size: 14px; text-decoration: none; font-weight: 400; }
.remember a.link1:hover { color:#F66A2F; }
.loginForm .btnGreen { width: 100%; background:#008B29; border-radius: 5px; height: 50px; line-height: 28px; font-size: 20px; text-transform: uppercase; transition: all 0.4s; }
.loginForm .btnGreen:hover { background: #F66A2F; }
.loginFooter p { font-size: 17px; color: #646464; }
.dividerLine{ position:relative; padding-top:10px; margin-top:10px;}
.dividerLine:before{ height:1px; content:" "; position:absolute; left:0; top:0; background:#d1d1d1; width:100%;}

/*access control*/
.fontResizeInfo { margin-right: 10px; position: relative; padding-right: 10px; }
.fontResizeInfo:before { content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 30px; background-color: rgba(255, 255, 255, .5); transform: translateY(-50%); }
#accessControl { display: flex; }
#accessControl input { float: left; height: 19px; background: none; border: none; padding: 0; width: 22px; color: #fff; border: 0px; }
#accessControl .contrastChanger.normal { background-image: url(../images/a-light.gif); background-size: 15px 15px; background-position: 2px 0px; }
#accessControl .contrastChanger.wob { background-image: url(../images/a-dark.gif); background-size: 15px; background-position: 1px 0px; }
#accessControl .contrastChanger { width: 17px; width: 17px; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; text-transform: capitalize; margin: 5px 0 0 0; }
.loginFormBottom { border-top: 1px solid #ccc; margin: 30px 0 0 !important; display: flex; padding-top: 20px; }
.loginFormBottom p { margin-bottom: 0; }
.loginFooter { position: fixed; left: 0; bottom: 0; width: 100%; }

/*common css start here*/
.heading2 { font-size: 36px; }
.heading1 { color: #066597; font-size: 30px; }
.bold { font-weight: 700; }
.inputIcon { position: relative; }
.inputIcon .fa { position: absolute; right: 10px; top: 12px;}
.link1 { color: #2A7CA6; transition: all 0.3s; text-decoration: underline; }
.link1:hover { color: #000; text-decoration: none; }
.btn { background-color: #ccc; color: #FFFFFF; font-size: 20px; text-decoration: none; border-radius: 8px; display: inline-flex; padding: 10px 15px; justify-content: center; }
.btn:hover { background-color: #000; color: #fff; }
.btnGreen { background-color: #00B471; }
.relative { position: relative; }

/*header*/
.search { position: relative; width: 350px; }
.search input { background: #EBEEF3; border-radius: 20px; width: 100%; padding: 0 20px; height: 40px; border: none; }
.search button { color: #333; background: transparent; border: 0; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); line-height: 20px; }
.search .fa { font-size: 20px; margin-right: 5px;color: #0E2753; }
.btn { background-color: #066597; height: 40px; width: 40px; font-size: 14px; }
.btn:hover { background-color: #00B471; }

/*listing page*/
.dateIconWrap { position: relative; }
.dateIconWrap .fa { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); }
.srNumTd { width: 60px; }
.nameOfprojectsTd { width: 20%; }
.corporationTd { width: 25%; }
.fileNoTd { width: 10%; }
.statusOfSupramaTd { width: 20%; }
.currentStatusofSupramaTd { width: 25%; }
.actionsTd { width: 60px; }
.fa-eye { color: #00B471; }
.fa-pencil-square-o { color: #3884ac; }
.greenCol { color: #00B471; }
.top-section-content h3 { margin: 0; font-size: 14px; color: #848484 }
.top-section-content span { font-weight: bold; font-size: 14px; }
.top-section-content { margin: 10px 0; line-height: 35px; }
.top-section { position: relative; }
.top-section:AFTER { content: ''; position: absolute; width: 1145px; height: 2px; bottom: 0; left: 0; background-color: #d7d7d7; }
.information-tittle { margin: 50px 0px; position: relative }
.information-tittle h2 { font-size: 24px; font-weight: 500; color: #066597; }
.information-tittle h2:after { content: ''; position: absolute; width: 100px; height: 2px; background-color: #00b471; bottom: -20px; left: 0 }
.cost-para { margin: 10px 0 -10px 0; font-weight: bold; }
.cost-para-1 { margin: 10px 0 -10px 0; font-weight: bold; }
.formBtn { border-radius: 10px; border: 0px; padding: 12px 20px; transition: all 0.3s; background: #515CB2; font-size: 14px; font-weight: 400; color:#fff; text-decoration:none;  margin:0px 10px; }
.formBtn:hover { background-color:#F66A2F; color:#fff; }
.greenBg { background: #00B471; }
.blueBg { background: #066597; }
.greyBg { background-color: #333; }
.row.project-name-section { padding: 40px 15px; border-bottom: 2px solid #bebebe; background: #f5f5f5; }
.search-result h3 { font-size: 20px; font-weight: bold; }
.dateFrom label { padding: 10px 0; }
.regiterFormHeader { margin: 0 -15px; border-radius: 10px; }
.dashHeader{ display:flex; justify-content:start; margin-bottom:20px; margin-top:20px;}
.dashHeader h2 { color: #2B368B; padding-left: 0; margin: 0; font-weight: 600; font-family: 'Poppins', sans-serif; line-height: 49px; font-size: 24px; }
.admindashboard-section { padding: 0px 15px; }
.dashboard-box { background: #323232; padding: 15px; border-radius: 12px; position: relative; z-index: 0; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.10); display: flex; align-items: center; justify-content: space-between;  margin-bottom:20px;}
.das1, .das2, .das3, .das4,
.das5, .das6, .das7, .das8,
.das9, .das10, .das11, .das12,
.das13, .das14, .das15, .das16,
.das1Client, .das2Client, .das3Client, .das4Client, .das5Client, .das6Client, .das7Client, .das8Client, .das9Client, .das10Client, .das11Client, .das12Client
{transition:all 0.5s ease;}
.das1, .das1Client{ background:#BCA4E4;}
.das2, .das2Client{ background:#9E2A2B4D;}
.das3, .das3Client{ background:#AAE1CB;}
.das4, .das4Client{ background:#F2ABC3;}
.das5, .das5Client{ background:#DBCDC7;}
.das6, .das6Client{ background:#F2D97C;}
.das7, .das7Client{ background:#3A91C652;}
.das8, .das8Client{ background:#0048C44D;}
.das9, .das9Client{ background:#7DC7CD;}
.das10, .das10Client{ background:#F08687;}
.das11, .das11Client{ background:#F5A472;}
.das12, .das12Client{ background:#7D8B5152;}
.das13{ background:#9ED5C2;}
.das14{ background:#BDD999;}
.das15{ background:#AEDAD5;}
.das16{ background:#266BC666;}
.das1:hover, .das2:hover, .das3:hover, .das4:hover, .das5:hover, .das6:hover, .das7:hover, .das8:hover, .das9:hover, .das10:hover,
.das11:hover, .das12:hover, .das13:hover, .das14:hover, .das15:hover, .das16:hover { box-shadow: #9e9e9e 0px 2px 12px 2px; }
	
/*.das1Client, .das2Client, .das3Client, .das4Client,
.das5Client, .das6Client, .das7Client, .das8Client,
.das9Client, .das10Client, .das11Client, .das12Client{transition:all 0.5s ease;}
.das1Client{ background:#BCA4E4;}
.das2Client{ background: rgb(43,111,200); background: linear-gradient(90deg, rgba(43,111,200,1) 0%, rgba(25,98,193,1) 100%);}
.das3Client{ background: rgb(25,171,108); background: linear-gradient(90deg, rgba(25,171,108,1) 0%, rgba(0,139,101,1) 100%);}
.das4Client{ background: rgb(243,124,160); background: linear-gradient(90deg, rgba(243,124,160,1) 0%, rgba(216,99,150,1) 100%);}
.das5Client{ background: rgb(255,102,0); background: linear-gradient(90deg, rgba(255,102,0,1) 0%, rgba(154,53,1,1) 100%);}
.das6Client{ background: rgb(0,153,0); background: linear-gradient(90deg, rgba(0,153,0,1) 0%, rgba(0,102,0,1) 100%);}
.das7Client{ background: rgb(204,0,152); background: linear-gradient(90deg, rgba(204,0,152,1) 0%, rgba(102,0,50,1) 100%);}
.das8Client{ background: rgb(0,81,214); background: linear-gradient(90deg, rgba(0,81,214,1) 0%, rgba(0,51,153,1) 100%);}
.das9Client{ background: rgb(255,204,0); background: linear-gradient(90deg, rgba(255,204,0,1) 0%, rgba(207,152,0,1) 100%);}
.das10Client{ background: rgb(10,180,195); background: linear-gradient(90deg, rgba(10,180,195,1) 0%, rgba(0,103,102,1) 100%);}
.das11Client{ background: rgb(254,0,0); background: linear-gradient(90deg, rgba(254,0,0,1) 0%, rgba(155,3,0,1) 100%);}
.das12Client{ background: rgb(102,204,0); background: linear-gradient(90deg, rgba(102,204,0,1) 0%, rgba(103,152,1,1) 100%);}
.das1Client:hover { box-shadow: rgb(164,125,225) 0px 2px 12px 2px; }
.das2Client:hover { box-shadow: rgb(43,111,200) 0px 2px 12px 2px; }
.das3Client:hover { box-shadow: rgb(25,171,108) 0px 2px 12px 2px; }
.das4Client:hover { box-shadow: rgb(243,124,160) 0px 2px 12px 2px; }
.das5Client:hover { box-shadow: rgb(255,102,0) 0px 2px 12px 2px; }
.das6Client:hover { box-shadow: rgb(0,153,0) 0px 2px 12px 2px; }
.das7Client:hover { box-shadow: rgb(204,0,152) 0px 2px 12px 2px; }
.das8Client:hover { box-shadow: rgb(0,81,214) 0px 2px 12px 2px; }
.das9Client:hover { box-shadow: rgb(255,204,0) 0px 2px 12px 2px; }
.das10Client:hover { box-shadow: rgb(10,180,195) 0px 2px 12px 2px; }
.das11Client:hover { box-shadow: rgb(254,0,0) 0px 2px 12px 2px; }
.das12Client:hover { box-shadow: rgb(102,204,0) 0px 2px 12px 2px; }*/
	
.dashboard-box .dash-total .total-inner, .admindashboard-wrap.cmDash .admin-dashboard .dashboard-box .dash-total .total-inner{ font-size: 16px; font-weight:500; line-height: 20px; color:#323232; }
.dash-count .total-amount, .admindashboard-wrap.cmDash .admin-dashboard .dashboard-box .dash-count .total-amount{ font-size: 30px; font-weight: 600; color: #323232; }
.dash-count .total-add a { background: #e4eefd; padding: 5px 10px; border-radius: 30px; font-size: 12px; text-decoration: none; color: #0E2753; transition: all 0.4s; }
.dash-count .total-add a:hover { background: #0E2753; color: #fff; }

.admin-dashboard a, .admindashboard-wrap a{ text-decoration:none;}
.admindashboard-wrap .admin-dashboard .dashboard-box .dash-total .total-inner, .admindashboard-wrap .admin-dashboard .dashboard-box .dash-count .total-amount{ color:#000;}
.admin-dashboard .total-icons{ position:relative; text-align:center; margin-right:5%;}
.admin-dashboard .total-icons img, .ie-dashboard .total-icons img{ width:80%;}
 
 .admin-dashboard .das1 .total-icons:before, .admin-dashboard .das2 .total-icons:before,
 .admin-dashboard .das3 .total-icons:before, .admin-dashboard .das4 .total-icons:before,
 .admin-dashboard .das5 .total-icons:before, .admin-dashboard .das6 .total-icons:before,
 .admin-dashboard .das7 .total-icons:before, .admin-dashboard .das8 .total-icons:before,
 .admin-dashboard .das9 .total-icons:before, .admin-dashboard .das10 .total-icons:before,
 .admin-dashboard .das11 .total-icons:before, .admin-dashboard .das12 .total-icons:before,
 .admin-dashboard .das13 .total-icons:before, .admin-dashboard .das14 .total-icons:before,
 .admin-dashboard .das15 .total-icons:before, .admin-dashboard .das16 .total-icons:before,
 .ie-dashboard .das1Client .total-icons:before, .ie-dashboard .das2Client .total-icons:before,
 .ie-dashboard .das3Client .total-icons:before, .ie-dashboard .das4Client .total-icons:before,
 .ie-dashboard .das5Client .total-icons:before, .ie-dashboard .das6Client .total-icons:before,
 .ie-dashboard .das7Client .total-icons:before, .ie-dashboard .das8Client .total-icons:before,
 .ie-dashboard .das9Client .total-icons:before, .ie-dashboard .das10Client .total-icons:before,
 .ie-dashboard .das11Client .total-icons:before, .ie-dashboard .das12Client .total-icons:before
 { content:""; width:70px; height:70px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1;}
 .admin-dashboard .das1 .total-icons:before, .ie-dashboard .das1Client .total-icons:before{background:#875FC7;}
 .admin-dashboard .das2 .total-icons:before, .ie-dashboard .das2Client .total-icons:before{background:#B45A5C;}
 .admin-dashboard .das3 .total-icons:before, .ie-dashboard .das3Client .total-icons:before{background:#49C48D;}
 .admin-dashboard .das4 .total-icons:before, .ie-dashboard .das4Client .total-icons:before{background:#F1669F;}
 .admin-dashboard .das5 .total-icons:before, .ie-dashboard .das5Client .total-icons:before{background:#6B554A;}
 .admin-dashboard .das6 .total-icons:before, .ie-dashboard .das6Client .total-icons:before{background:#E5B304;}
 .admin-dashboard .das7 .total-icons:before, .ie-dashboard .das7Client .total-icons:before{background:#3A91C6;}
 .admin-dashboard .das8 .total-icons:before, .ie-dashboard .das8Client .total-icons:before{background:#2E68CE;}
 .admin-dashboard .das9 .total-icons:before, .ie-dashboard .das9Client .total-icons:before{background:#289FA7;}
 .admin-dashboard .das10 .total-icons:before, .ie-dashboard .das10Client .total-icons:before{background:#DE484A;}
 .admin-dashboard .das11 .total-icons:before, .ie-dashboard .das11Client .total-icons:before{background:#E06B22;}
 .admin-dashboard .das12 .total-icons:before, .ie-dashboard .das12Client .total-icons:before{background:#6B705C;}
 .admin-dashboard .das13 .total-icons:before{background:#219D77;}
 .admin-dashboard .das14 .total-icons:before{background:#66A900;}
 .admin-dashboard .das15 .total-icons:before{background:#59A69B;}
 .admin-dashboard .das16 .total-icons:before{background:#548AD0;}


.graph-section { background: #fff;padding: 20px; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10); margin-bottom: 20px; }
.recently-inner { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10); margin-bottom: 20px; padding: 20px; height: 95%; }
.recently-inner h3 { font-size: 20px; font-weight: 600; margin: 0; }
.recently-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
.viewall { text-decoration: none; color: #F66A2F; font-size: 14px; transition: all 0.4s; font-weight:500; }
.viewall:hover { color: #000; text-decoration:underline; }
.sb01-box .sb01-date p { margin: 0; }
.sb01-box .sb01-date p span { color: #008CA6; font-size: 14px; font-weight: 500; }
.kimberley .kim-title { font-size: 16px; font-weight: 600; color: #000000; }
.kimberley p { color: #646464; }
.headingh3 { color: #0E2753; font-size: 20px; font-weight: 600; margin-bottom: 15px; }
.headingh3 .subTitle{ font-size:16px; font-style:italic;}
section.table-section { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10); margin-bottom: 20px; padding: 20px; }
.dash-table table tr td { font-size: 13px; padding:5px; }
.oranges { color: #EB7373; }
.green-color { color: #198F10; }
.blue-color{ color:#2766C4;}
.dash-table{ margin-bottom:20px;}
.dash-table table thead tr th { background: #fff; font-weight: 600; color: #000000; }
.dash-table table { margin-bottom: 0; }
.dash-table table tr:hover td{ background:#f2f5f9;}
.table-title, .invoice { display: flex; justify-content: space-between; align-items: center; }
.datefrom { display: flex; align-items: center; }
.datefrom .from-celender { margin-right: 15px; max-width: 160px; }
.datefrom  .colwithbtn{ max-width: 160px; }
.datefrom  .colwithbtn input, .datefrom .from-celender input { border-radius: 8px; }


/*list-IBS*/
.tast-list h2 { color: #000000; padding-left: 0; margin: 0; font-weight: 600; font-family: 'Poppins', sans-serif; line-height: 1; font-size: 24px; }
.list-inner .btn{ width:auto!important; align-items:center;}
.list-inner{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; margin-top:30px; }
.list-btn { display: flex; align-items: center; justify-content: space-between; }
.list-btn a.btnicons { transition: all 0.4s; border: 1px solid #848484; height: 40px; width: 40px; display: flex; align-items: center; justify-content: space-around; border-radius: 50%; margin: 0 6px; }
.list-btn a.btnicons:hover { border: 1px solid #ebeef3; background: #ebeef3; }
.task-select { display: flex; justify-content: space-around; align-items: center; }
.customSelectOuter:last-child { margin-right: 0; }
.customSelectOuter { width: 50%; margin-right: 15px; }
.task-select .customSelectOuter .customSelect, .input-search input { border-radius: 8px; }
.search-btn { transition: all 0.4s; border-radius: 8px; padding: 12px 20px; margin-left: 15px; font-weight: 400; font-size: 14px; transition: all 0.3s; background: #999; border-color:#999; color: #fff; }
.search-btn:hover { background: #F66A2F; border: 1px solid #F66A2F; color: #fff; }
@media (max-width:991px) {
.tab-content>.tab-pane { display: block; opacity: 1; }
}
.custom-tab .nav-tabs .nav-link { width: 100%; background: #e9ebf0; border-radius: 0; padding: 20px 10px; color: #646464; border: none; font-size: 14px; position: relative; text-align: center; display: inline; }
.custom-tab ul li { position: relative; width: auto; text-align: center; }
.custom-tab ul li:after { background: #cfd0d1; height: 100%; position: absolute; right: 0; content: ""; top: 0; width: 1px; }
.custom-tab ul li:last-child:after { display: none; }
.custom-tab .nav-tabs li.nav-link.active, .custom-tab .nav-tabs li:hover .nav-link, .custom-tab .nav-tabs li .active { background: #008CA6; color: #fff; border-radius: 0; }
.custom-tab .nav-tabs .nav-link:hover:first-child { border-radius: 0; }
.custom-tab .tab-pane { border: none; }
.company .customSelectOuter { width: 100%; }
.reference label { color: #000; }
.company-checkbox { display: flex; align-items: center; height: 100%; margin-top: 10px; }
.company-checkbox .remecheckbox { font-weight: 400; color: #555555; }
.company .customSelectOuter { width: 100%; overflow: hidden; position: relative; }
.properties ul { margin: 0; display: flex; justify-content: space-between; align-items: center; padding: 15px 0; background: #F4F6F9; border-radius: 5px; }
.properties ul li { list-style: none; width: auto;position: relative; }
.properties ul li:after{ display: none; }
.company-checkbox [type="radio"]:checked, .company-checkbox [type="radio"]:not(:checked) { position: absolute; left: -9999px; }
.company-checkbox [type="radio"]:checked + label, .company-checkbox [type="radio"]:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; }
.company-checkbox [type="radio"]:checked + label:before, .company-checkbox [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #2B368B; border-radius: 100%; background: #fff; }
.company-checkbox [type="radio"]:checked + label:after, .company-checkbox [type="radio"]:not(:checked) + label:after { content: ''; width: 10px; height: 10px; background: #2B368B; position: absolute; top: 4px; left: 4px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.company-checkbox [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); border: 1px solid #2B368B; }
.company-checkbox [type="radio"]:not(:checked) + label:after { background: #fff; border: 1px solid #fff; }
.company-checkbox [type="radio"]:not(:checked) + label:before { border-color: #c9c9c9; }
.company-checkbox [type="radio"]:checked + label { color: #2B368B; }
.readiobox .company-checkbox { justify-content: flex-start; }
.otherdetails .from-celender { width: 100%; max-width: 100%; }
.otherdetails .from-celender input { border-radius: 5px; }
.savenext-btn { display: flex; align-items: flex-start; }
.savenext-btn button, .savenext-btn a { border: 1px solid #848484; background: transparent; color: #646464; border-radius: 6px; padding: 9px 15px; margin-right: 10px; transition: all 0.4s; font-size: 14px; font-weight: 400; text-decoration:none; }
.savenext-btn button:last-child { margin-right: 0; }
.savenext-btn button.active, .savenext-btn a.active { color: #fff; background: #F66A2F; border: 1px solid #F66A2F; line-height:inherit; }
.savenext-btn button:hover, .savenext-btn a:hover{background: #008B29; color:#fff; border: 1px solid #008B29;}
.savenext-btn .reset-btn{ margin-right:10px;}

#sidebar { width:314px; height:calc(100% - 95px); z-index:3; position:absolute; left:0; top:95px; color:#fff; }
.nav { margin-bottom:0; padding-left:0; list-style:none }
.nav>li { position:relative; display:block }
.nav>li>a { position:relative; display:block; padding:10px 15px; text-decoration:none; font-size:13px; }
.nav>li>a:hover { text-decoration:none; }
.nav>li.disabled>a { color:#999 }
.nav>li.disabled>a:hover, .nav>li.disabled>a:focus { text-decoration:none; color:#999; background-color:transparent; cursor:not-allowed }
.nav .nav-divider { height:1px; margin:9px 0; overflow:hidden; background-color:#e5e5e5 }
.nav>li>a>img { max-width:none }
.nav-tabs { border-bottom:1px solid #ddd; }
.nav-tabs>li { float:left; margin-bottom:-1px }
.nav-tabs>li>a { margin-right:2px; line-height:1.42857143; border:1px solid transparent; border-radius:4px 4px 0 0 }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color:#555; background-color:#fff; border:1px solid; border-color:#eee #eee #ddd; border-bottom-color:transparent; cursor:default; }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color:#eee; }
.menu-animate .navbar-static-side, .menu-animate #container { transition: 0.20s all linear; }
/*.navbar-static-side ul li { border-bottom: 1px solid rgba(0,0,0,0.5); }*/
.navbar-static-side ul li.active a { outline: none; }
.navbar-static-side ul li a { padding: 15px; text-decoration:none; color: #fff; }
.navbar-static-side ul li a span.menu-title { margin-left: 10px; }
.navbar-static-side ul li a i { font-size: 14px; }
.navbar-static-side ul li a:hover { transition: 0.2s all ease-in-out; outline: none; }
.navbar-static-side ul li a .badge, .navbar-static-side ul li a .label { float: right; margin-right: 10px; }
.navbar-static-side ul li a.menu-title { margin-left: 10px; }
/*.navbar-static-side ul li .nav-second-level li { border-bottom: 1px solid rgba(0,0,0,0.3); }*/
.navbar-static-side ul li .nav-second-level li:last-child { border-bottom:0 none; }
.navbar-static-side ul li .nav-second-level li a { padding: 10px 20px 10px 40px; color: #efefef; position:relative; }
.navbar-static-side ul li .nav-second-level li a .fa-angle-double-right{ position: absolute; left: 20px; top: 12px;}
.navbar-static-side ul li.sidebar-heading { padding: 5px 15px; }
.navbar-static-side ul li.sidebar-heading h4 { font-family: 'Oswald'; font-size: 18px; font-weight: bold; }
.navbar-static-side ul li.user-panel { padding: 15px; height:85px; transition: 0.2s all ease-in-out; }
.navbar-static-side ul li.user-panel .thumb { position:absolute; left:0; top:0; border: 5px solid rgba(255, 255, 255, 0.1); border-radius: 50%; overflow:hidden; }
.navbar-static-side ul li.user-panel .thumb img { width: 45px; height: 45px; }
.navbar-static-side ul li.user-panel .info { padding: 5px 5px 5px 65px; color: #ffffff; }
.navbar-static-side ul li.user-panel .info p { margin-bottom: 5px; font-size: 18px; text-transform:uppercase; }
.navbar-static-side ul li.user-panel .info .websiteName { font-size:13px; color:#dcdcdc; }
.navbar-static-side ul li.user-panel .info a i { font-size: 13px; color: #ccc; margin-right:7px; }
.navbar-static-side ul li.user-panel .info a:hover, .navbar-static-side ul li.user-panel .info a:focus { background-color: transparent; }
.navbar-static-side ul li.user-panel ul li { border-bottom: 0; }
.sidebar-user-info { padding: 15px; }
.userPanel { position:relative; }
.arrow { float: right; margin-top: 3px; }
.fa.arrow:before { content: "\f107"; }
.active > a > .fa.arrow:before { content: "\f106"; }
.left-side-collapsed .nav li.user-panel { padding:5px 0 0; height:77px; }
.left-side-collapsed .nav li.user-panel .thumb { left:50%; margin-left:-29px; }
.left-side-collapsed .nav .info { display: none; }
.left-side-collapsed .nav li.nav-hover a { height: 50px; }
.left-side-collapsed .nav li.nav-hover a span.menu-title { display: block !important; }
.left-side-collapsed .nav li.nav-hover a span.submenu-title { display: block !important; margin-left: 0; }
.left-side-collapsed .nav li.nav-hover ul.nav-second-level { display: block; position: absolute; top: 50px; left: 70px; width: 195px; }
.left-side-collapsed .nav li.nav-hover ul.nav-second-level li a { padding: 15px; }
.left-side-collapsed .nav li a span { display: none; }
.left-side-collapsed .nav li a i.fa { font-size:20px; display:block; margin:0 auto; }
.left-side-collapsed .nav li a span.menu-title { position: absolute; top: 0px; left: 75px; padding:15px 10px; margin-left: 0; color: #ffffff; width: 195px; height: 50px; border-radius:6px; }
.left-side-collapsed .nav li a span.menu-title:after {right: 100%; top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;	border-color: rgba(1, 141, 168, 0);	border-right-color: #018da8; border-width: 8px; margin-top: -8px;}
.left-side-collapsed .nav li ul.nav-second-level { display: none; position: absolute; top: 50px; left: 70px; width: 195px; }
.left-side-collapsed .nav li ul.nav-second-level li a i { display: none; }
.left-side-collapsed #page-wrapper { margin: 0 0 0 70px; }
.left-side-collapsed #sidebar {width: 0px; z-index: 3; position: absolute; left: -70px; padding-top: 1px;}
#sidebar { background-color:#2B368B;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {border-color:#018da8 }
.navbar-static-side ul li, .navbar-static-side ul li .nav-second-level li { border-bottom:1px solid #626262; display:block; width:100%; }
.navbar-static-side ul li .nav-third-level li{/* border-bottom-color:rgba(0,0,0,0.3);*/ display:block; width:100%; }
.navbar-static-side ul li.active a{ background-color: #5b841c; position:relative;}
.navbar-static-side ul li a:hover{ background-color: #414ead;} 
.navbar-static-side ul li .nav-second-level li a:after{ display:none;}
/*.navbar-static-side ul li .nav-second-level li.active a,
.navbar-static-side ul li .nav-second-level li a:hover,*/
.navbar-static-side ul li .nav-second-level li a.activeLink { color: #000; }
.navbar-static-side ul li .nav-second-level li a, .navbar-static-side ul li .nav-second-level { background: #84a94a;}
.navbar-static-side ul li .nav-second-level{ margin:0;}
.navbar-static-side ul li.sidebar-heading h4 { color: #018da8;}
.navbar-static-side ul li.user-panel .info a:hover i, .navbar-static-side ul li.user-panel .info a:focus i { color: #e9662c; }
.left-side-collapsed .nav li.nav-hover > a {background-color:#018da8;}
.left-side-collapsed .nav li.nav-hover ul li a:hover {background-color:#083e55;}
/*.left-side-collapsed .nav li a span.menu-title  {background-color: #018da8; }*/
.left-side-collapsed #container{border-color:#083e55;}
.navbar-toggle { border:0; height:40px; width:40px; text-align:center; line-height:40px; font-size:22px; background:#2b368b; margin-top:1px; color:#fff; transition:all ease 0.5s; display:block; }
.navbar-toggle:hover{ color:#F66A2F;}
.hide{ display:none;}
.left-side-collapsed .contentContainer{ margin-left:0px;}
.left-side-collapsed .navBtn{left:0px;}
.adminInnerContent{ padding:20px 20px 50px 20px;}
.das1:hover .total-icons, .das2:hover .total-icons, .das3:hover .total-icons, .das4:hover .total-icons,
.das5:hover .total-icons, .das6:hover .total-icons, .das7:hover .total-icons, .das8:hover .total-icons,
.das9:hover .total-icons, .das10:hover .total-icons, .das11:hover .total-icons, .das12:hover .total-icons,
.das13:hover .total-icons, .das14:hover .total-icons, .das15:hover .total-icons, .das16:hover .total-icons,
.das1Client:hover .total-icons, .das2Client:hover .total-icons, .das3Client:hover .total-icons, .das4Client:hover .total-icons,
.das5Client:hover .total-icons, .das6Client:hover .total-icons, .das7Client:hover .total-icons, .das8Client:hover .total-icons,
.das9Client:hover .total-icons, .das10Client:hover .total-icons, .das11Client:hover .total-icons, .das12Client:hover .total-icons
{-webkit-animation-duration:1s;animation-duration:1s; animation-name:tada; transition: all 0.5s ease;}
.left-side-collapsed #footer{padding:20px 0 20px 20px;}

@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}

.highcharts-figure, .highcharts-data-table table { min-width: 310px; max-width: 800px; margin: 1em auto; }
#monthlychart { height: 400px; }
.highcharts-data-table table { font-family: Verdana, sans-serif; border-collapse: collapse; border: 1px solid #ebebeb; margin: 10px auto; text-align: center; width: 100%; max-width: 500px; }
.highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; }
.highcharts-data-table th { font-weight: 600; padding: 0.5em; }
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption { padding: 0.5em; }
 .highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) { background: #f8f8f8;}
.highcharts-data-table tr:hover { background: #f1f7ff; }

.left-side-collapsed .navbar-static-side ul li a{ transition:all 0.5s ease;}
.left-side-collapsed .navbar-static-side ul li a:hover{ background:transparent;}
.left-side-collapsed .navbar-static-side ul li a:before{transition:all 1s ease; background-color:#008CA6; width:40px; height:40px; content:" "; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0; opacity:0;}
.left-side-collapsed .navbar-static-side ul li a:hover:before{opacity:1;}
.left-side-collapsed .navbar-static-side ul li a .fa{ position:relative; z-index:1;}
.left-side-collapsed .nav li .logoSection a:hover:before{background:transparent;}

.brandName {text-align: center;	margin-top: 20px;	font-size: 25px;	font-weight: 700;	color: #008B29;	line-height:normal;}
.brandName .subtitle {	display: block;	font-size: 18px;	font-weight: 400;	color: #646464;}
a.registerLink{color:#F66A2F; text-decoration:none;}
a.registerLink:hover{color:#646464; text-decoration:underline;}

.boxRadius, .accordion-body { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10); margin-bottom: 20px; padding: 20px; }
.boxRadius, .accordion-body .inner {background: #eae5e5; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.10); margin-bottom: 20px; padding: 20px;}
.accordion-body{ padding:20px!important;}
/* Bar Graph Horizontal */
.bar-graph .region {  -webkit-animation: fade-in-text 2.2s 0.1s forwards;  -moz-animation: fade-in-text 2.2s 0.1s forwards;  animation: fade-in-text 2.2s 0.1s forwards;}
.bar-graph-horizontal > div {  display:flex;  margin-bottom: 22px;  width: 100%;  align-items:center;  justify-content:space-between;}
.bar-graph-horizontal .region {  width: 200px;  font-size:13px;}
.bar-graph-horizontal .value{ font-size:13px;}
.bar-graph-horizontal .barHolder{ width:70%;}
.bar-graph-horizontal .bar {  border-radius: 3px;  height: 10px;   overflow: hidden;  position: relative;}
.bar-graph-one .bar:after {  -webkit-animation: fade-in-text 2.2s 0.1s forwards;  -moz-animation: fade-in-text 2.2s 0.1s forwards;  animation: fade-in-text 2.2s 0.1s forwards;  color: #fff;  font-weight: 700;  position: absolute;  right: 16px;  top: 17px;}
.bar-graph-one .bar-one .bar, .bar-graph-one .bar-two .bar, .bar-graph-one .bar-three .bar, .bar-graph-one .bar-four .bar, .bar-graph-one .bar-five .bar, .bar-graph-one .bar-six .bar{ 
animation: show-bar-one 1.2s 0.1s forwards;}
.bar-graph-one .bar-one .bar {background-color: #F16A6B;}
.bar-graph-one .bar-two .bar {background-color: #5FB8E2;}
.bar-graph-one .bar-three .bar {background-color: #6C82E2;}
.bar-graph-one .bar-four .bar {background-color: #1962C1;}
.bar-graph-one .bar-five .bar {background-color: #E89B00;}
.bar-graph-one .bar-six .bar {background-color: #7AB971;}

.countBlock{ list-style:none; margin:0; padding:0; display:flex; justify-content:space-between; padding:20px;}
.countBlock li{ font-weight:600; color:#323232; border-right:1px solid #EDF0F3; width:20%; text-align:center;}
.countBlock li:last-child{ border:none;}
.countBlock li span.countValue{ display:block; color:#F66A2F; font-size:26px;}
.vendorSelect{ margin-right:15px;}
/*.action .fa{ color:#414485; font-size:18px;}*/
.tableBottomLink{ display:flex; justify-content:space-between;}
.recordCount span{ font-weight:bold; color:#F00;}

/*21/07/2023 PCDO Entry Form Style Start*/

.button { border-radius: 5px; font-size: 14px; color: #fff; background-color:#F66A2F; font-weight: 400; margin-right: 10px; border:0; padding:15px 40px; }
.button:hover { background-color: #2B368B; color: #fff; border-color: #2B304E; }
.button.resetBtn { background-color:#AEAEAE !important; color: #fff; border:0; }
.button.resetBtn:hover { background: #777 !important; }
.mandatory, .asterix, .error, .red { color: #e90000; }
.datefrom .from-celender { margin-right:0 !important; }
/*Steps*/
.progBar { }
.progBarList { margin-bottom: 25px; padding: 0; display: flex; list-style: none; border-bottom: 1px solid #ccc; padding-bottom: 25px; }
.progBarList li { width: 25%; position: relative; }
.progBarList li { position: relative; }
.progBarList li::before { content: ""; position: absolute; left: 50%; top: 30px; width: 100%; border: 1px solid #ccc; transform: translateY(-50%);}
.progBarList li:last-child:before { display: none; }
.progBarList li a { display: flex; text-align: center; justify-content: center; flex-wrap: wrap; color: #323232; font-weight: bold; text-decoration: none; }
.progBarList li p { width: 100%; margin: 10px 0 0 0; color: #848484; font-weight: normal; }
.progBarNum { background-color: #EEEEEE; color: #848484; height: 60px; width: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; position: relative; z-index: 1; }
.progBarList li.active .progBarNum { background-color:#114992; color: #fff; }
/*Steps End*/
.validFiles { display: block; color: #8c8c8c; font-size: 14px; font-style:italic; }
.reference label { display:block; }
.reference input[type="file"] { height: 43px; border: 1px solid #cccccc; border-radius: 6px; font-size: 14px; line-height: 26px; padding:5px; width: 100%; color: #000; }
/*21/07/2023 PCDO Entry Form Style End*/

.graph-section .datefrom .from-celender, .table-section .datefrom .from-celender{ margin-right:15px!important;}
.userDetail .dropPopup.messagePopup li:before, .userDetail .dropPopup.messagePopup li:first-child:before{ display:none;}
.navbar-static-side ul li .nav-first-level,
.navbar-static-side ul li .nav-second-level,
.navbar-static-side ul li .nav-third-level,
.navbar-static-side ul li .nav-fourth-level {margin: 0; display: none;}
.navbar-static-side ul li .nav-second-level.show{ display:block;}
/*.dataTables_scrollHeadInner,*/ .table-responsive{ width:100%!important;}
.dataTable{border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1;}
.dataTable th, .dataTable td{ border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
.dataTable td{ padding:5px!important;}
/* .dataTable td:first-child{ text-align:center;} */
.dataTable th{border-bottom:1px solid #d1d1d1; font-size:13px; background:#f3f4ff!important;}
.dataTable tr:nth-child(even) td{ background:#f2f2f2;}
.userDetail .dropPopup.messagePopup li form{ width:100%;}
.userDetail .dropPopup.messagePopup li button.logout-btn{ width:100%; border-radius:4px; display:flex; justify-content:center; align-items:center;}
body table.dataTable thead .sorting:before, body table.dataTable thead .sorting:after,
body table.dataTable thead .sorting_asc:before, body table.dataTable thead .sorting_desc:before,
body table.dataTable thead .sorting_asc:after, body table.dataTable thead .sorting_desc:after{ transform: translateY(-50%); top: 50%; bottom: 0;}
.reportIcon a .fa-trash{ color:#f00;}
.reportIcon a:hover .fa-trash{ color:#008B29;}
.reset-btn{ border: 1px solid #AEAEAE;  background: #AEAEAE; color: #fff; border-radius: 8px; padding: 10px 30px; transition: all 0.4s; font-size: 14px; font-weight:400; text-decoration:none;}
.reset-btn:hover{ background:#333; color:#fff;}
.left-side-collapsed .navbar-static-side ul li .nav-second-level.show{ display:none;}

.ie-dashboard .total-icons{ position:relative; margin-right:5%; text-align:center;}
.ie-dashboard .total-icons:before{ content:""; background:rgba(255,255,255,0.2); width:80px; height:80px; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1;}
.inlineCalendar .ui-datepicker{ width:100%;}
.inlineCalendar .ui-datepicker .ui-datepicker-header, .inlineCalendar .ui-datepicker th, .inlineCalendar .ui-state-highlight{ background:none;}
.inlineCalendar .ui-datepicker-title, .inlineCalendar .ui-datepicker th, .inlineCalendar .ui-state-highlight{color:#000;}
.inlineCalendar .ui-datepicker td span, .inlineCalendar .ui-datepicker td a{ border-radius:50%;}
.inlineCalendar .ui-widget-content{ border:none;}
.inlineCalendar .ui-datepicker table{ margin:0; padding:0;}
.dateLabel{ display:flex; font-size:14px; margin-bottom:10px;}
.dateLabel .roundNumber{ width:40px; height:35px; border-radius:50%; text-align:center; line-height:35px; margin-right:15px;}
.dateLabel .inspect1{background:#e8eff9; color:#1962c1;}
.dateLabel .inspect2{background:#e8f8f9; color:#29c0c5;}
.dateSelect{ padding-left:30px; height:35px; background:url(../images/calender-icon-admin.png) no-repeat 10px center;}
.blueBtn { display: inline-block; vertical-align: top; height: 49px; padding: 0px 20px; text-decoration: none; background: #7194E8; color: #fff; font-size: 15px; border-radius:6px; line-height:49px; }
.blueBtn:hover { background: #F66A2F; color: #fff; }
.fileUploadWrap input[type="file"] { position: absolute; opacity: 0; visibility: hidden; }
.fileUploadWrap { position: relative; padding-right: 110px; width: 100%; }
.fileUploadWrap .button { position: absolute; right: 0; top: 0; padding:11px; }
.fileUploadWrap input[type="file"] { position: absolute; opacity: 0; visibility: hidden; }
.fileUploadWrap label { background: #fff; border: 1px solid #e1e1e1; height: 40px;  width: 100%; padding: 8px 20px; font-weight: 400; position: relative; padding-right: 35px; border-radius: 5px;}
.fileUploadWrap label:after { content: "\f093"; font-size: 16px; font-family: 'FontAwesome'; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); color: #F66A2F; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; line-height: 1; }
.formInputs .fieldOuter { display: block; margin-bottom: 10px;}
.rightAction { display: block; position: relative;}
.rightAction .button { position: absolute; right: 5px; top: 6px; padding: 4px 10px; font-size: 12px; border-radius:5px;}
.aTag {-moz-appearance: textfield !important;-webkit-appearance: textfield !important;border: 1px solid #e1e1e1;width: 100%;padding: 2px 10px;height: 40px;background: #f1f1f1;border-radius: 5px;display: block;width: 100% !important;overflow: hidden;text-overflow: ellipsis;padding-right: 80px; font-size:12px;}
.menu-scroll { overflow-x:auto; height:100%; scrollbar-color:#ccc transparent; scrollbar-width:thin; clear:both; }
.menu-scroll::-webkit-scrollbar {width:8px}
.menu-scroll::-webkit-scrollbar-track {background:#2B368B;border-radius:0px}
.menu-scroll::-webkit-scrollbar-thumb {background:#666;border-radius:0px}

.overlay{ background:rgba(0,0,0,0.5); position:fixed; width:100%; height:100%; z-index:999; left:0; top:0;}
.spinner{width:150px;height:150px;display:inline-block;box-sizing:border-box;position:absolute; margin:-75px 0 0 -75px; left:50%; top:50%; border-radius:50%;border-top:solid 10px #05eb49;border-right:solid 10px transparent;border-bottom:solid 10px transparent;border-left:solid 10px transparent;animation:spin-animate 1s linear infinite;}
.spinner:before{border-radius:50%;content:" ";width:150px;height:150px;display:inline-block;box-sizing:border-box;border-top:solid 10px transparent;border-right:solid 10px transparent;border-bottom:solid 10px transparent;border-left:solid 10px #05eb49;position:absolute;top:-10px;left:-10px;transform:rotateZ(-30deg)}																																																			  
.spinner:after{border-radius:50%;content:" ";width:150px;height:150px;display:inline-block;box-sizing:border-box;border-top:solid 10px transparent;border-right:solid 10px #05eb49;border-bottom:solid 10px transparent;border-left:solid 10px transparent;position:absolute;top:-10px;right:-10px;transform:rotateZ(30deg)}
@keyframes spin-animate{0%{transform:rotate(0);opacity:1}50%{opacity:.7}100%{transform:rotate(360deg);opacity:1}}
.gridSearch{ position:relative;}
.gridSearch input[type="text"]{padding-right:85px;}
.gridSearch .btn-primary{ width:auto; position:absolute;right:0; top: 1px; line-height: 28px; padding: 5px 10px;}
.width25p{width:25%;}
.formSubBtn{ margin-top:30px; width:auto;}
.astric{ color:#f00;}
div.dataTables_wrapper div.dataTables_length select{appearance:auto!important;}
div.dataTables_wrapper div.dataTables_length label, div.dataTables_wrapper div.dataTables_filter label{ margin:0; padding:0; font-size:13px;}
div.dataTables_wrapper div.dataTables_info{ font-size:13px;}
.dataTables_wrapper .row{ margin-bottom:0;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a, div.dataTables_wrapper div.dataTables_info{ font-size:13px;}
div.dataTables_wrapper div.dataTables_info{ padding-top:20px!important;}
div.dataTables_wrapper div.dataTables_paginate{ margin-top:5px!important}
div.dataTables_wrapper div.dataTables_length select{ font-size:0.9em;}
.modal-footer .btn-success, .modal-footer .btn-default{ width:auto;}
.modal-footer .btn-default{ background:#dedede; color:#000;}
.modal-header .close{ background:#f1f1f1; border-radius:5px; color:#000; border-color:#d1d1d1; width:25px; height:25px; line-height:25px; padding:0;}
.modal-header .close:hover{ background:#dedede;}
.modal-footer .btn-default:hover{ background:#d1d1d1;}
.field-validation-error{ font-size:0.8em;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.next a:after, div.dataTables_wrapper div.dataTables_paginate ul.pagination li.previous a:before{ content:"\f054"; font-family:FontAwesome; font-size:0.8em; padding-left:10px;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.previous a:before{ content:"\f053"; padding-right:5px; padding-left:0;}
.pagination li.disabled a{color:#999;}
input[type="datetime-local"]{ height:43px;}

.navbar-static-side ul li a span.menu-title{ display:inline-block; margin-left:0;}
.navbar-static-side ul li a i.fa{ position:absolute; left:10px;}
.navbar-static-side ul li a .arrow{ position:absolute; right:10px;}
.navbar-static-side ul li a .fa{ display:inline;}
.navbar-static-side ul li a{ padding:10px 20px 10px 35px;}

.actionCenter {text-align: center;}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__arrow{height:42px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:40px;}
.dt-align-center {text-align: center;}
.startRating .ratingGroup {display: inline-flex;}
.startRating .ratingIcon {pointer-events: none;}
.startRating .ratingInput {position: absolute !important; left: -9999px !important;}
.startRating .ratingInputNone {display: none;}
.startRating .ratingLabel {cursor: pointer; padding: 0 0.1em; font-size: 2rem;}
.startRating .ratingIconStar {color: orange;}
.startRating .ratingInput:checked ~ .ratingLabel .ratingIconStar {color: #ddd;}
.startRating .ratingGroup:hover .ratingLabel .ratingIconStar {color: orange;}
.startRating .ratingInput:hover ~ .ratingLabel .ratingIconStar {color: #ddd;}
.ratingText{padding:0 20px;}
.heading3{font-size:20px; font-weight:600; position:relative;  color:#118133; display:inline-block;}
.heading3:after{ background:#FC5518; content:""; width:20%; height:6px; position:absolute; bottom:-10px; left:0;}
.heading3:before{ background:#d1d1d1; content:""; width:100%; height:2px; position:absolute; bottom:-8px; left:0;}
.heading3 .subText{ font-weight:normal; color:#222; font-size:14px;}
.radioListForm{ display:flex; list-style:none; margin:0; padding:0; margin-bottom:20px; flex-wrap:wrap;}
.radioListForm li{ margin-right:30px;}
.radioListForm li .form-check-input{ vertical-align:middle;}
.commonBtn{ padding:8px 15px; border-radius:6px;}
.navbar-static-side ul li .nav-second-level li a.active3Label{ background:#0a6c29;}
.active3Label > .fa.arrow:before{content:"\f106"!important;}
.navbar-static-side ul li .nav-third-level li a, 
.navbar-static-side ul li .nav-fourth-level li a { padding: 10px 20px 10px 55px; color: #efefef; position:relative; }
.navbar-static-side ul li .nav-fourth-level li a{ padding: 10px 20px 10px 57px; }
.navbar-static-side ul li .nav-first-level li a .fa-angle-double-right,
.navbar-static-side ul li .nav-third-level li a .fa-angle-double-right,
.navbar-static-side ul li .nav-fourth-level li a .fa-angle-double-right{ position: absolute; left: 25px; top: 11px;}
.navbar-static-side ul li .nav-third-level li a .fa-angle-double-right{ left: 35px;}
.navbar-static-side ul li .nav-fourth-level li a .fa-angle-double-right{ left: 40px;}
.navbar-static-side ul li a.selectLink{ background:#008B29;}
.navbar-static-side ul li .nav-second-level li a.selectLink{ color:#fff;}
.navbar-static-side ul li .nav-first-level li a{padding:10px 20px 10px 30px}
.navbar-static-side ul li .nav-first-level li a .fa-angle-double-right{left: 15px;}
.navbar-static-side ul li .nav-second-level li a{padding:10px 20px 10px 40px}
.navbar-static-side ul li .nav-second-level li a .fa-angle-double-right{left: 25px;}
.navbar-static-side ul li .nav-third-level li a{padding:10px 20px 10px 50px}
.navbar-static-side ul li .nav-third-level li a .fa-angle-double-right{left: 35px;}
.navbar-static-side ul li .nav-first-level li a.secondLabelTrigger{padding:10px 20px 10px 45px;}
.navbar-static-side ul li .nav-second-level li a.thirdLabelTrigger{padding:10px 20px 10px 55px;}
.navbar-static-side ul li .nav-third-level li a.fourthLabelTrigger{padding:10px 20px 10px 60px;}
.navbar-static-side ul li .nav-first-level li a.secondLabelTrigger i.fa{ left:20px;}
.navbar-static-side ul li .nav-second-level li a.thirdLabelTrigger i.fa{ left:30px;}
.navbar-static-side ul li .nav-third-level li a.fourthLabelTrigger i.fa{ left:30px;}

.input-group {position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%;}
.input-group-prepend {margin-right: -2px; display:flex;}
.ui-widget-content{ max-width:250px; max-height:350px; overflow-x:hidden; overflow-y:auto; list-style:none; margin:0; padding:0; border-radius:6px; background:#e7dfff; box-shadow:2px 4px 6px 2px #d1d1d1;}
.ui-widget-content li{ padding:5px; border-bottom:1px solid #d1d1d1;}
.ui-widget-content li, .ui-widget-content li a{ font-size:12px; cursor:pointer; text-decoration:none;}
.ui-widget-content li a:hover{ color:#F66A2F;}
.borderGrid{border-top:1px solid #d1d1d1;border-left:1px solid #d1d1d1;}
.borderGrid th, .borderGrid td{border-bottom:1px solid #d1d1d1;border-right:1px solid #d1d1d1; padding:5px 10px;}
.borderGrid tr:nth-child(odd) td{ background:#f7f7f7;}
.overlayLoader {background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.overlayLoader1 {background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.loaderHolder {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.lds-dual-ring {display: inline-block; width: 120px; height: 120px; }
.lds-dual-ring:after {content: " "; display: block; width: 104px; height: 104px; margin: 8px; border-radius: 50%; border: 10px solid #00ff4d; border-color: #00ff4d transparent #00ff4d transparent; animation: loaderAnimate 1.2s linear infinite;}
@keyframes loaderAnimate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.borderTable{ margin-bottom:0; padding-bottom:0;}
.borderTable td{ vertical-align:top;}
.borderTable td label{ padding-bottom:0;}
.lineBreak{ line-break:anywhere;}
.darkRedBoldText{text-transform: uppercase; color:#d52127;}
.darkGreenBoldText{text-transform: uppercase; color:green;}
.nav-wrapper{ width:100%; overflow-x:auto; overflow-y:hidden; background:#e9ebf0;}
.nav-wrapper ul{display:flex; flex-wrap:nowrap!important; align-items:center;}
.nav-wrapper ul li{ min-width:200px; display:flex; height:120px;}
.datepickerInline .ui-widget-content{ max-width:inherit; background:#fff; box-shadow:inherit;}
.datepickerInline .ui-datepicker td, .datepickerInline .ui-datepicker th{ border:none;}
table.dataTable thead>tr>th.padR10{padding-right:10px;}
.borderGrid label{ margin:0; padding:0;}
.btnAlign{ padding-top:25px;}
.ui-datepicker table{ margin-bottom:0;}
.ui-datepicker.ui-widget-content{background:#f2f4ff;}
.gridBtn{ background:#F66A2F; color:#fff; margin:2px 0; display:block; text-decoration:none;}
.gridBtn:hover{background:#008B29; color:#fff;}
.userRole{ font-weight:400; color:#000!important; background:#f1f1f1; border-radius:4px; display:inline-block; padding:0px 2px!important;}
.regionName{ font-style:italic;}
.iePieGraphGrid table{ margin-bottom:0;}
.iePieGraphGrid table th, .iePieGraphGrid table td{ padding:5px;}
.iePieGraphGrid table th{ background:#dcefff; font-size:14px;}
.iePieGraphGrid table td{ font-size:13px;}
.iePieGraphGrid table td:first-child, .iePieGraphGrid table th:first-child{ text-align:center;}
.action .deney .fa{ color:#f00!important;} 
.text-left{ text-align:left!important;}
.chatIcon{ background:#b38cee; border-radius:50%; width:60px; height:60px; position:fixed; right:20px; bottom:20px; text-align:center; box-shadow:2px 2px 4px 2px #666; z-index:1001; cursor:pointer; }
.chatIcon .fa{ font-size:24px; color:#fff; line-height:60px;}

.chatBox { width: 380px; background-color: #e6edec; border-radius: 12px; overflow: hidden; position:fixed; right:90px; bottom:20px;}
.chatBoxHeader { background-color: #008b29; padding: 20px 20px; color: #fff; display: flex; justify-content: space-between; align-items: center;}
.chatBoxHeader  h2 { font-size: 20px; font-weight:600; margin: 0px; padding: 0px;}
.chatBoxHeader .btn { flex-shrink:0; display:inline-flex; align-items: center ; color: #008b29; font-size: 14px; font-weight: bold; padding: 5px 10px; height: 35px;}
.chatBoxHeader .btn:hover { background-color: #fff;} 
.chatBoxBody  { padding: 20px; height:450px; overflow:auto;}
.chatBoxBody h4, .chatBoxHeadBody li h4{font-size: 15px; font-weight:500;}
.chatBoxBody h4,
.chatBoxBody p,  .chatBoxHeadBody li p{ margin: 0; padding: 0px; font-size:12px;}
.chatBoxBody ul { padding: 0; margin: 0; list-style: none;}
.chatBoxBody li:not(:last-child) { border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.chatBoxBody li { display: flex;align-items: center; position: relative; padding-right: 35px;}
.chatBoxIcon {width:40px; height:40px; display: inline-flex;border-radius: 50%; justify-content: center; align-items: center; flex-shrink: 0; margin: 0 10px 0 0; } 
.chatBoxIconBg1 { background-color: #edcea5; color: #a25600; }
.chatBoxIconBg2 { background-color: #a2d2ff; color: #0f62b0; }
.chatBoxIconBg3 { background-color: #83c5be; color: #1e7f75; }
.chatBoxIconBg4 { background-color: #ffddd2; color: #ba4a25; }
.chatBoxIconBg5 { background-color: #ffb3c6; color: #bf2b51; }
.chatBoxIconBg6 { background-color: #cbdfbd; color: #4a8b1b; }
.chatBoxIconBg7 { background-color: #ced9c0; color: #5b7a10; }
.chatRedNotIcon { background-color: #c1121f; color: #fff; display: inline-flex; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; font-size:14px; justify-content: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.chatBoxHeaderLft { display: flex;}
.chatBoxHeaderLft  a{ color: #fff; text-decoration: none; font-size: 20px;  line-height: 20px; }
.arrowLeftIcon { position: relative ; top: 7px; margin: 0 10px 0 0;}
.chatBoxHeader .btn-light{ background:#fff!important; font-weight:500;}
.chatBox input[type="checkbox"]{ width:20px; height:20px; vertical-align:middle; border:1px solid #666; background:transparent!important; border-radius:4px;}
.chatBox .chatBoxHeader input[type="checkbox"]{ border-color:#fff;}
.selectCheckbox{position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.chatInputArea{ background:#fff; padding:10px; display:block; position:absolute; bottom:0; width:100%; left:0;}
.chatInputArea input[type="text"]{ border-radius:30px; padding-right:75px;}
.chatSubmit{ position:absolute; right:20px; top:50%;  transform: translateY(-50%);}
.chatSubmit button{ border-radius:30px; width:40px; text-align:center; background:#515cb2; border-color:#515cb2;}
.chatSubmit button:hover{ background:#F66A2F; border-color:#F66A2F;}
.chatSubmit a{ color:#d1d1d1; font-size:24px; transform:rotate(75deg); position: absolute; right: 50px; top: -2px;}
.chatSubmit a:hover{ color:#F66A2F;}

.chatBoxHeadBody ul, .chatBoxBody .chatBodyText{list-style:none; margin:0; padding:0;}
.chatBoxHeadBody li {display: flex; align-items: center;}
.chatBoxBody .chatBodyText{ padding-bottom:50px;}
.chatBoxBody .chatBodyText li{ display:flex; border:none; margin:0; padding:0;}
.chatBoxHeadBody li h4, .chatBoxHeadBody li p{ margin:0;}
.chatBoxBody .chatBodyText .recieveText{ background:#fff; border-radius:6px; margin:5px 0; padding:10px;}
.chatBoxBody .chatBodyText .sendText{ background:#c4dfcf; border-radius:6px; margin:5px 0; padding:10px; text-align:right;}
.chatBoxBody .chatBodyText .reciveTextHolder{ justify-content:start;}
.chatBoxBody .chatBodyText .sendTextHolder{ justify-content:end;}
.userSelect{ cursor:pointer;}
.dashboard-box .dash-total{ max-width:70%; width:100%;}
.noRecordGrid{text-align:center; background: #f1f1f1 !important;}
.normalText{ font-weight:normal; color:#323232; font-size:14px;}
.highlightBox{ background:#eaf8ff;}
.highlightBox .borderTable tr:nth-child(even) td{ background:#f7f7f7;}
select.form-control, select{appearance:auto!important;-webkit-appearance:auto!important;-moz-appearance:auto!important; /*font-family:Arial, Helvetica, sans-serif;*/}
.user{ margin-right:15px;}

@-webkit-keyframes bell-ring {
	0% { -webkit-transform: scaleX(1); transform: scaleX(1) }
	10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) }
	30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) }
	40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) }
	to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
@keyframes bell-ring {
	0% { -webkit-transform: scaleX(1); transform: scaleX(1) }
	10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) }
	30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) }
	40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) }
	to { -webkit-transform: scaleX(1); transform: scaleX(1) }
}
.fa-bell-o{animation: 1s bell-ring ease-in-out infinite;}
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(-7%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(-3%); }
    100% { transform:translateY(0); }
}
.fa-comments{animation: 2s bounce ease infinite;}

.userNormalSelect{ background:#fff;}

.filterToggle{ cursor:pointer; background:#f1f1f1; text-align:center; width:auto; padding:5px 10px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; float:right; margin-right:15px;}
.filterToggle.show .fa-chevron-up:before{ font-family:"FontAwesome"; content:"\f078"}
.chatTopFilter{ clear:both;}
.userShowHideChat{ display:none; cursor:pointer;}
.custom-readio .company-checkbox .remember{ margin-right:20px;}
.custom-readio .company-checkbox .remember:last-child{ margin-right:0;}
.loginForm .fa.fa-long-arrow-left{ vertical-align:middle; color:#F66A2F;}
.tast-list{ margin-top:30px;}
#hdnbpo .select2-container { min-width:250px; width:100%;}
.select2-results__message { font-size:13px;}

/* client request 28-08-24 */
.fa.arrow:before { content:"\f067"; font-size:10px; }
.active > a > .fa.arrow:before { content:"\f068";  font-size:10px; }
.active3Label > .fa.arrow:before, .active4Label > .fa.arrow:before{ content:"\f068"!important;  font-size:10px;}
/*.navbar-static-side ul li .nav-third-level{ position:absolute; top:0; left:312px; background:#194928; width:300px;}
.navbar-static-side ul li .nav-third-level li a{padding:10px 20px 10px 40px}
.navbar-static-side ul li .nav-third-level li a .fa-angle-double-right{ left:20px;}*/

.navbar-static-side ul li .nav-first-level li a:hover, .navbar-static-side ul li .nav-first-level li a.selectLink{background:#4f780d;}
.navbar-static-side ul li a.active1Label{ background:#306400;}
.navbar-static-side ul li .nav-first-level li a{ background:#65921b;}
.navbar-static-side ul li .nav-first-level li a.active2Label{ background:#00696c;}
.navbar-static-side ul li .nav-second-level li a{ background:#207B7E;}
.navbar-static-side ul li .nav-second-level li a.active3Label{ background:#01538f;}
.navbar-static-side ul li .nav-third-level li a{ background:#006baf;}
.navbar-static-side ul li .nav-third-level li a.active4Label{ background:#cd6f2a;}
.navbar-static-side ul li .nav-fourth-level li a{ background:#eb9657;}
.navbar-static-side ul li .nav-second-level li a:hover, .navbar-static-side ul li .nav-second-level li a.selectLink{background-color:#009ca1;}
.navbar-static-side ul li .nav-first-level li a.secondLabelTrigger:hover{background-color:#709b2a;}
.navbar-static-side ul li .nav-third-level li a:hover{ background:#2983bd;}
.navbar-static-side ul li .nav-second-level li a.active3Label:hover{ background:#228cd9;}


.marquee { overflow:hidden; }
.marqueeScrolling li { float:left; margin-right:25px; }
.bulletinSection { background: rgba(0,0,0,0.5); padding: 5px 5px 0px; position:relative; position:fixed; left:0; top:0; width:100%; z-index:100;}
.bulletinSection .latestNews { display: inline-block; width: 100%; overflow: hidden; position: relative; }
.bulletinSection .latestNews h2.newsTitle { float: left; margin: 7px 10px 0 0; padding: 0; font-size:16px; line-height: 16px; color: #fff; font-weight: 600; }
.bulletinSection .latestNews .tickerNews { padding: 0; }
.latestNews .marqueeScrolling { position: relative; }
.bulletinSection .latestNews .tickerNews a.btnMPause { float: left; margin: 2px 10px 0 0; font-size: 0; background: url(../images/play-pause.png) no-repeat 0 0; width: 25px; height: 25px; cursor: pointer; }
.bulletinSection .latestNews .tickerNews a.btnMPause.play { background-position: 0 -30px; }
.bulletinSection .latestNews .tickerNews ul { margin: 0; }
.marquee { overflow: hidden; }
.bulletinSection .latestNews .tickerNews ul li { margin: 0 10px 0 0; list-style: none; padding: 0 15px; color: #fff; line-height: 27px; position:relative; }
.bulletinSection .latestNews .tickerNews ul li:before{content:""; width:5px; height:5px; border-radius:50%; background:#fff; position:absolute; left:0; top:12px;}
.bulletinSection .latestNews .tickerNews ul li a { color: #fff; text-decoration: none; font-size:16px; }
.marqueeScrolling ul li:first-child, .marqueeScrolling ul li:first-child a { animation: myanimation 3s infinite; }


.bulletinBlock{ position:relative; width:65%; margin:0 auto;}
.bulletinBlock h2{ font-size:16px; color:#323232; font-weight:600; line-height: 16px; text-align:center; border-bottom:1px solid #008B29; padding-bottom:20px; margin-bottom:20px; margin-top:50px;}
.bulletinBlock ul{ list-style:none; margin:0; padding:0;}
.bulletinBlock ul li{ text-align:center;}
.bulletinBlock .playPause{ display:none; position:absolute; right:0; top:0; text-decoration:none; background:url(../images/play-pause.png) 100% 0 no-repeat; padding-right:30px; padding-bottom:3px;}


.groupSection, .groupSectionGrey{margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #d1d1d1;}
.groupSectionGrey{}
.groupTitle{ margin-bottom:15px; padding:0; font-weight:bold; color:#268d44; font-size:18px;}
.groupSectionInfo{padding:5px; color:#0c5460; margin-bottom:10px; padding:5px; border-radius:4px; background:#e9e9e9;}
.groupSection input[type="text"], .groupSection select, .groupSection textarea, .groupSection input[type="number"],
.groupSectionGrey input[type="text"], .groupSectionGrey select, .groupSectionGrey textarea, .groupSectionGrey input[type="number"]
{ background:#fff;}
.groupSection .savenext-btn button.active, .groupSection .savenext-btn a.active,
.groupSectionGrey .savenext-btn button.active, .groupSectionGrey .savenext-btn a.active
{padding:9px 15px; border-radius:6px;}
.groupSection .btnAlign, .groupSectionGrey .btnAlign{padding-top:28px;}	
.aTag{ height:42px; line-height:35px; text-decoration:none;}
.accordion-body section.table-section {background:none;border-radius: 0px; overflow: inherit; box-shadow: none; margin-bottom: 0; padding: 0px;}
.btnFlexAlign{display:flex; align-items:center; justify-content:flex-start; gap:1rem;}
select.form-control{ font-size:15px!important;}
.normalUploadBtn{ padding:6px; background:#fff; border-radius:6px; border:1px solid #cccccc; width:100%;}
.text-danger{ font-size:14px;}
.select2-container{ width:100%;}

#AddEditConsigneeModal .modal-header, #modal-po .modal-header{ border-bottom:none!important; padding:5px 20px;}
.modal-footer{ border-top:none!important; padding:5px 20px; justify-content:center;}
#modal-po h6{ text-align:center; margin:0;}
.modal-body{ padding:20px;  }

.radioAlign{ display:flex;}
.radioAlign .custom-readio{ margin-right:20px;}

 .lite-tooltip {
        opacity: 0;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 1;
        background-color: #2B368B;
        color: #fff;
        font-size: 12px;
        padding: 5px;
        border-radius: 3px;
        -webkit-transition: opacity 0.2s ease-in-out;
        -moz-transition: opacity 0.2s ease-in-out;
        -ms-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
    }

        .lite-tooltip:before {
            content: '';
            position: absolute;
            bottom: -6px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 6px 6px 0 6px;
            border-color: #2B368B transparent transparent transparent;
            display: inline-block;
        }

        .lite-tooltip.lite-tooltip-bottom:before {
            bottom: auto;
            top: -6px;
            left: 50%;
            transform: translateX(-50%);
            border-width: 0 6px 6px 6px;
            border-color: transparent transparent #2B368B transparent;
        }

        .lite-tooltip.lite-tooltip-right:before {
            bottom: auto;
            left: -6px;
            top: 50%;
            transform: translateY(-50%);
            border-width: 6px 6px 6px 0;
            border-color: transparent #2B368B transparent transparent;
        }

        .lite-tooltip.lite-tooltip-left:before {
            bottom: auto;
            left: auto;
            right: -6px;
            top: 50%;
            transform: translateY(-50%);
            border-width: 6px 0 6px 6px;
            border-color: transparent transparent transparent #2B368B;
        }


.dash-table.tableFixHeader { max-height:450px; overflow: auto; margin-bottom:0;}
.tableFixHeader thead { font-size: 12px; line-height: 16px; letter-spacing: 0.05em; }
.tableFixHeader tbody { font-size: 12px; }
.tableFixHeader table thead tr { position: sticky!important; position: -webkit-sticky!important; position: -moz-sticky!important; top: 0!important; z-index: 1!important; background: #f3f4ff!important; box-shadow: 0 0 6px rgba(0, 0, 0, 0.25)!important; }
.tableFixHeader table thead th { background: #f3f4ff!important; }
.clsDisable { pointer-events: none; background-color: #eee !important; }
.markReadonly {
    background-color: #eee !important;
}