/*@charset "utf-8";*/
/*======================================================================
Site Name: Silver HTML
Theme URI: https://sttlvss.silvertouch.com/svn/htmlcodebank/html
Description: this site is developed by STTL
Version: 1.0
Author: Web Team
------------------------------------------------------------------------
Base Color: #fff (White)
Site Color: #062a4a (Dark Blue)
Header Color: #062a4a (Dark Blue)
Text Color: #393939 (Dark Grey)
Title Color: #393939 (Dark Grey), #e65a15 (Orange)
Footer Color: #393939 (Dark Grey)
------------------------------------------------------------------------
Layout Width: 100%
Container Width: 1170px
Responsive Layout: Yes
=======================================================================*/
/*@font-face {
 font-family:'ralewaybold';
 src: url('fonts/raleway-bold-webfont.eot'); src: url('fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/raleway-bold-webfont.woff2') format('woff2'),  url('fonts/raleway-bold-webfont.woff') format('woff'),  url('fonts/raleway-bold-webfont.ttf') format('truetype'),  url('fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
 font-weight: normal; font-style: normal;
}
@font-face{
 font-family:'ralewaysemibold';
 src: url('fonts/raleway-semibold-webfont.eot'); src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/raleway-semibold-webfont.woff2') format('woff2'),  url('fonts/raleway-semibold-webfont.woff') format('woff'),  url('fonts/raleway-semibold-webfont.ttf') format('truetype'),  url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
 font-weight: normal; font-style: normal;
}
@font-face {
 font-family:'ralewaymedium';
 src: url('fonts/raleway-medium-webfont.eot'); src: url('fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),  url('fonts/raleway-medium-webfont.woff2') format('woff2'),  url('fonts/raleway-medium-webfont.woff') format('woff'),  url('fonts/raleway-medium-webfont.ttf') format('truetype'),  url('fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
 font-weight: normal; font-style: normal;
}*/

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

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


/********* 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:#09573d; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
a:focus { outline:thin dotted }
a:hover, a:active { outline: 0; }
a:hover { text-decoration:none; color:#393939; }
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="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border:1px solid #e5e5e5; width:100px; height:30px; padding:0; font-size:100%; line-height:normal; background:#fff;}
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; margin:0 2px 0 11px}
input[type="submit"], input[type="button"], input[type="reset"], button, .button { height:38px; padding:4px 10px; display:inline-block; text-decoration:none; border:0 none; margin:0; outline:0 none; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
textarea { overflow:auto; vertical-align: top; resize:vertical; height:100px; max-width:100%; min-width:100%; max-height:500px; min-height:90px;}
fieldset { border:0 none; margin:0; padding:0}
label { display:inline-block; padding-bottom:5px; font-weight:normal;}
.rdBtn .input.radio.required > label {font-weight: bold;}
/********* Clear floats *********/

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

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:20px 0; padding:0 }
body,input, select, textarea { color:#393939; font-family:Arial, Helvetica, sans-serif; font-size:87.5%; /*font-size:14px;*/ line-height:1.5; }
body { background-color:#fff; font-family:'open_sansregular';}
h1 { font-size: 2.308em; }
h2 { font-size: 2.000em; }
h3 { font-size: 1.692em; }
h4 { font-size: 1.538em; }
h5 { font-size: 1.385em; }
h6 { font-size: 1.231em; }
ul { padding:0 0 0 15px; }
ol { padding:0 0 0 20px }
ul ul, ol ol { margin:10px 0 }
ul.bulletText { list-style:none; padding:0; }
ul.bulletText li { background:url(../images/right-arrow.png) no-repeat left 7px; padding:2px 0 2px 15px; }
p, h1, h2, h3, h4, h5, h6, ul, ol, dd, table, fieldset, address { margin: 0 0 25px; }
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="url"], input[type="password"], input[type="search"], select, textarea { border:1px solid #cfd8dc; width:100%; height:30px; padding:5px 10px; color:#505050}
input[type="submit"], input[type="button"], input[type="reset"], button, .button { background-color:#c15433; color:#fff; border:1px solid none ; font-family:'open_sanssemibold'; font-size:16px; padding: 7px 20px 7px 15px;}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, button:hover, .button:hover { color:#fff; background-color:#333; background-color:#333 ;}
input[type="submit"].cancelBtn, input[type="button"].cancelBtn, input[type="reset"].cancelBtn { background-color:#767676; }
input[type="reset"]{ background-color:#767676; }
.alignLeft { float:left }
.alignRight { float:right; }
.displayNone, .hasJS noscript, .hideThis { display:none!important; visibility:hidden }
.jsRequired { display:none; 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; }
.mrgT20 { margin-top:20px; }
.mrgL20 { margin-left:20px; }
.mrgR20 { margin-right:20px; }
.mrgB20 { margin-bottom:20px; }
.mrgT10 { margin-top:10px; }
.mrgL10 { margin-left:10px; }
.mrgR10 { margin-right:10px; }
.mrgB10 { margin-bottom:10px; }
.padL20 { padding-left:20px; }
.padR20 { padding-right:20px; }
.padB20 { padding-bottom:20px; }
.padT20 { padding-top:20px; }
.padL15 { padding-left:15px; }
.padR15 { padding-right:15px; }
.padB15 { padding-bottom:15px; }
.padT15 { padding-top:15px; }
.padL10 { padding-left:10px; }
.padR10 { padding-right:10px; }
.padB10 { padding-bottom:10px; }
.padT10 { padding-top:10px; }
.padTB10 { padding-top:10px; padding-bottom:10px; }
.padTB15 { padding-top:15px; padding-bottom:15px; }
.padTB20 { padding-top:20px; padding-bottom:20px; }
.pad10 { padding:10px; }
.pad15 { padding:15px; }
.pad20 { padding:20px; }
.pad25 { padding:25px; }
.pad30 { padding:30px; }
.width100p { width:100%; }
.width90p { width:90%; }
.width80p { width:80%; }
.width70p { width:70%; }
.width60p { width:60%; }
.width50p { width:50%; }
.width40p { width:40%; }
.width30p { width:30%; }
.width20p { width:20%; }
.width10p { width:10%; }
.fileSize { font-size:12px; display:inline-block; vertical-align:middle; margin-left:3px; }
.extIcon { vertical-align:middle; margin-left:3px; }
.rsIcon { display:inline-block; margin-right:2px; height:11px; text-indent:-999px; overflow:hidden; width:11px; background:url(../../images/rupee.png) left top no-repeat; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.longWord, .wordBreak { word-wrap: break-word; }
/********** Image Formating & Alignment **********/

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

.left { text-align:left !important }
.right { text-align:right !important }
.center { text-align:center !important }
.justify { text-align:justify !important }

/********** Error/Alert Messages **********/
.message { padding:10px 38px 10px 10px; margin-bottom:20px; border:1px solid transparent; position:relative;  text-align: center; 
  z-index: 999;}
.message.success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; font-size:14px}
.message.success a { color: #2b542c; }
.message.error { color: #a94442; background-color: #f2dede; border-color: #ebccd1; font-size:16px}
.message.error a { color: #843534; }
.error-message{color:#ff0000; font-size:14px;}
div.error-message { color: #ff0000; font-size:14px;  margin-bottom:20px; }
/*.logInPage .loginCaptchaInput .error-message{color:#a94442; font-size:14px; font-family:'open_sansbold'; left: -52px; position: absolute; width: 315px; text-align:right;}*/
.message.hidden{display:none;}
div.message::before {  background-color: #fff;  border-radius: 15px;  color: #3c763d;  content: "i";  display: inline-block;  font-size: 20px;  height: 12px;  left: -5px;  line-height: 0;  padding: 12px 15px 12px 10px;  position: relative;  text-align: center;  vertical-align: middle;  width: 12px;}
div.message.error::before {  color: #c3232d;  content: "x";  padding: 11px 17px 14px 7px;}
/********** Table **********/

.tableOut { overflow-y:hidden; overflow-x:auto;}
table, .tableData { border-collapse: separate; border-spacing: 0; width: 100%; empty-cells:show; border:none; border-top:1px solid #cfd8dc; border-left:1px solid #cfd8dc; }
table table, .tableData table { margin:0 }
th, td, .tableData th, .tableData td { border:none; padding:5px 10px; border-bottom:1px solid #cfd8dc; border-right:1px solid #cfd8dc; }
td, .tableData td { padding:3px 10px; line-height:normal;}
table tr:nth-child(odd) td, .tableRowOdd {background-color:#FFF;}
caption, th, td { font-weight: normal; background:#f9f8f8 }
th, .tableData th { background:#f1f2f2; text-align:left}
.tableScroll { overflow-y:hidden; overflow-x:auto }
.tableData .actions i, .tableData td:last-child i {font-size: 17px; color:#2f2f2f}

/* ******** Grid : 12 Coloum and Boxs ******** */

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

.mainNavigation { margin:0; position:relative; background:#060613; clear:both; z-index:9999 }
.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:5px 27px; line-height:36px; color:#fff; font-size:/*1.067em*/16px; display:inline-block; text-decoration:none }
#nav ul { width:300px; top:100%; padding:0; left:0; position:absolute; }
.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:#dbdbdb; font-size:1em; line-height:24px; color:#060613; border:none; border-top:1px solid #e4e3e3; padding:5px 15px 5px 15px; text-align:left; }
#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 { background-color:#dbdbdb; color:#060613 }
#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 { background-color:#e9e9e9; color:#060613 }
#nav ul li.focus > a { background-color:#e9e9e9; color:#060613; 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; }
/* ******** Index Slider ******** */

.indexBanner { position:relative }
.indexBanner .sliderBanner .item { height:300px; }
.noJS .indexBanner { height:302px; overflow:hidden }
/********** Owl Carousel **********/

.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent;/* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden;/* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; }
.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }
.owl-carousel .owl-grab { cursor: move; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-item img { transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; }
.owlCarousel .item { border:1px solid #ddd; text-align:center; height:100px; line-height:100px; }
.owl-theme .owl-controls { margin-top:10px; text-align:center; -webkit-tap-highlight-color:transparent }
.owl-theme .owl-controls .owl-nav [class*=owl-] {
color:#fff;
font-size:14px;
margin:5px;
padding:4px 7px;
background:#d6d6d6;
display:inline-block;
cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background:#869791;
color:#fff;
text-decoration:none
}
.owl-theme .owl-controls .owl-nav .disabled { opacity:.5; cursor:default }
.owl-theme .owl-dots .owl-dot, .noJS .owl-dots .owl-dot { display:inline-block; }
.owl-theme .owl-dots .owl-dot span, .noJS .owl-dots .owl-dot a { width:10px; height:10px; margin:5px 7px; background:#d6d6d6; display:block; -webkit-backface-visibility:visible; -webkit-transition:opacity 200ms ease; -moz-transition:opacity 200ms ease; -ms-transition:opacity 200ms ease; -o-transition:opacity 200ms ease; transition:opacity 200ms ease; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span, .noJS .owl-dots .owl-dot.active a { background:#869791 }
.noScript { display:none; }
.no-js .owl-carousel { display: block; }
.noJS .owl-controls { position:absolute; left:0; bottom:-40px; width:100%; text-align:center; -webkit-tap-highlight-color:transparent }
.noJS .owl-controls.noScript { display:block; }
.noJS .sliderBanner .item { position:relative; }
.noJS .carouselBlock { margin-right:-10px; }
.noJS .carouselBlock .item { width:220px; margin:0 10px 10px 0; float:left; }
/********** Responsive Tab **********/

.resTab { position: relative; border:0px solid #00c5ad; }
.resTab .tabNav { margin:0; padding: 0; list-style:none }
.resTab .tabNav li { display: inline-block; margin: 0; position: relative; background-color: #fabb3d; }
.resTab .tabNav li a { display: inline-block; padding: 10px 12px; text-decoration: none; font-size:16px; font-weight:normal; color:#2f3b4c; outline:none; text-transform:uppercase; font-family:'MyriadPro-Regular'; text-shadow:0 0 0 #2f3b4c; position:relative; }
.resTab .tabNav .r-tabs-state-active a { color: #00527b; text-shadow: none; background-color: white; text-shadow:0 0 0 #00527b; }
.resTab .tabNav .r-tabs-state-active a:before { content:''; height:3px; position:absolute; top:0; width:100%; background:#36a9e1; z-index:9; left:0px; }
.resTab .tabContent { padding: 15px; display: none; }
.resTab .r-tabs-panel.r-tabs-state-active { display: block; background:#fff; }
.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: #fabb3d; color:#2f3b4c; 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 }
/********* Back to Top **********/

#backtotop { background:url(../images/backtotop.png) no-repeat; cursor:pointer; display:none; height:17px; width:32px; overflow:hidden; position:fixed; right:10px; bottom:20px; text-indent:-99999px; z-index:999; display:none }

/********* loader **********/
#loader{background: rgba(0, 0, 0,0) url("../images/loader.gif") no-repeat scroll; display: none; height: 100%; position:fixed; left:50%; top:50%; margin:-38px 0 0 -38px; width: 100%; z-index: 99999;}
.loadingInfo {background: rgba(0, 0, 0, 0) url("../images/loaderInfo.gif") no-repeat scroll 0 0; bottom: 0; display:none; height: 40px; left: 50%; margin:0 0 0 -20px;  position: absolute; width: 40px;   z-index: 99999;}
#result {padding-bottom:52px; position: relative;}
.loadingInfoText {background: #ffffff; border: 1px solid #dfdfdf;color: #646464; font-size: 15px; padding: 8px; text-align: center ;}
/*********  Accordion ******** */

.accordion { margin-bottom:20px; }
.accordion .accTrigger { background:rgba(0, 0, 0, 0.10) url(../images/plus_blue.png)  12px 14px no-repeat; padding:5px 0 8px 35px; cursor:pointer; font-weight:bold; margin:0 0 8px 0; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.accordion .accTrigger:hover{background:rgba(0, 0, 0, 0.07) url(../images/plus_blue.png)  12px 14px no-repeat;}
.accordion .accTrigger h3{font-family:'open_sanssemibold'; font-size:1.2em; margin:0}
.noJS .accordion .accTrigger { background:none; padding-left:0 }
.accordion .accTrigger a { display:block; text-decoration:none; outline:0 }
.accordion .accTrigger.active { background:rgba(0, 0, 0, 0.07) url(../images/minus_blue.png) 12px 14px no-repeat !important; }
.accordDetail {margin:0 0 8px 0;}
.roleAccordian .accordDetail {margin:0 0 8px 0 ; border:1px solid #98b1c9; padding:15px}
.noJS .accordDetail { display:block; padding:10px 0}
/*********  Marquee *********/

.marquee { overflow:hidden; }
.marqueeScrolling li { float:left; margin-right:25px; }
.noJS .btnMPause { display:none; }
.noJS .marqueeScrolling { overflow-y:hidden; overflow-x:auto }
.noJS .marquee { width:240% }
/********** Ticker *********/

.noJS .ticker .stop { display:none }
.noJS .ticker ul { margin:0 }
.noJS .ticker .tickerDivBlock { height:150px; overflow-y:scroll; overflow-x:hidden }
/*********  gmap3 - Google Map API *********/

.gmap3 { border: 1px dashed #C0C0C0; width: 100%; height: 400px; }
.gmap3 img { max-width:inherit }
.noJS .gmap3 { background:url(../images/map_bg.jpg) no-repeat; }
/*********	LiteBox v1.3 **********/
.litebox-overlay, .litebox-overlay > * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.litebox-overlay { display: none; width: 100%; min-width: 280px; text-align: center; position: fixed; top: 0; left: 0; z-index: 9999; }
@-webkit-keyframes liteboxLoader { 0% {
-webkit-transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes liteboxLoader { 0% {
-moz-transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
}
}
@-ms-keyframes liteboxLoader { 0% {
-ms-transform: rotate(0deg);
}
100% {
-ms-transform: rotate(360deg);
}
}
@-o-keyframes liteboxLoader { 0% {
-o-transform: rotate(0deg);
}
100% {
-o-transform: rotate(360deg);
}
}
@keyframes liteboxLoader { 0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.litebox-overlay .litebox-loader { position: absolute; width: 40px; height: 40px; left: 20px; top: 20px; border: 3px solid #111; border-right-color: #fff; border-radius: 50%; -webkit-animation: liteboxLoader 1s linear infinite; -moz-animation: liteboxLoader 1s linear infinite; -ms-animation: liteboxLoader 1s linear infinite; -o-animation: liteboxLoader 1s linear infinite; animation: liteboxLoader 1s linear infinite; }
.litebox-overlay .litebox-text { width: 100%; padding: 0 15px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 12px; line-height: 50px; position: absolute; bottom: 0; z-index: 2; -webkit-opacity: 0; -khtml-opacity: 0; -moz-opacity: 0; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0); opacity: 0; -webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.litebox-overlay { background: rgba(0, 0, 0, 0.57) none repeat scroll 0 0 !important;}
.litebox-overlay .litebox-text.active { -webkit-opacity: 1; -khtml-opacity: 1; -moz-opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100); opacity: 1; }
.litebox-overlay .litebox-close { width: 40px; height: 40px; background: url(../images/litebox-close.png) no-repeat center; opacity: .7; position: absolute; top: 20px; right: 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.litebox-overlay .litebox-close:hover { opacity: 1; cursor: pointer; }
.litebox-overlay .litebox-nav { display: none; width: 60px; height: 60px; margin-top: -30px; opacity: .2; position: absolute; top: 50%; z-index: 9999999; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.litebox-overlay .litebox-nav:hover { opacity: .5; cursor: pointer; }
.litebox-overlay .litebox-prev { background: url(../images/litebox-prev.png) no-repeat center; left: 20px; }
.litebox-overlay .litebox-next { background: url(../images/litebox-next.png) no-repeat center; right: 20px; }
.litebox-overlay .litebox-container { position: absolute; top: 10%; right: 10%; bottom: 10%; left: 10%; overflow: hidden; }
.litebox-overlay .litebox-container.litebox-scroll { overflow-y: auto; }
.litebox-overlay img, .litebox-overlay iframe { display: inline-block; max-width: 100%; max-height: 100%; margin: 0 auto; vertical-align: middle; overflow-x: hidden; }
.litebox-overlay iframe { width: 100%; height: 100%; position: relative; z-index: 999999; }
.litebox-overlay .litebox-inline-html {background: #ffffff none repeat scroll 0 0; left: 50%; line-height: normal !important; margin-left: -250px; overflow-x: hidden; padding: 20px; position: absolute; top: 50% !important; width: 500px;}
.litebox-overlay .litebox-error { width: 100%; height: 100%; color: #FFF; text-align: center; line-height: inherit; }
.litebox-overlay .litebox-error span { background: rgba(0, 0, 0, .9); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 20px; color: #FFF; text-shadow: 1px 1px 0 #000; line-height: normal; }
#myPopUp .input.textarea > label {font-size: 15px; font-weight: bold;  text-align: left;  width: 100%;}
@media only screen and (max-width: 479px) {
.litebox-overlay .litebox-close { /*display: none; */
}
}
/*----Date Picker----*/
.ui-datepicker, .eventCalOut, .calendarIcon { background-color:#185db9; }
.ui-datepicker th, .ui-state-highlight { background-color:#052847; }
.ui-state-active, .ui-datepicker tbody a:hover { background-color:#ff672b; }
.ui-datepicker-prev span, .ui-datepicker-next span { }
.ui-datepicker { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left: 2px; }
.ui-datepicker .ui-datepicker-next { right: 2px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -7px; top: 50%; margin-top: -8px; font-size:12px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; height:25px; background-color:#fff; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; border:0 none; }
.ui-datepicker th { padding: .5em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; background-color:transparent; }
.ui-datepicker tr:nth-child(2n+1) td, .ui-datepicker-calendar .tableRowOdd {
background-color:transparent;
}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.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; } /*----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:#fff; }
.ui-datepicker-title { font-size:18px; font-weight:normal; color:#fff; }
.ui-datepicker th { text-transform:uppercase; font-weight:normal; color:#fff; }
.ui-datepicker-prev, .ui-datepicker-next { width:25px; font-size:16px; height:25px; display:inline-block; margin:0; cursor: pointer; color:#fff; }
.ui-datepicker-prev span { background-position:-147px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; }
.ui-datepicker-next span { background-position:-175px -27px; overflow:hidden; width:25px; height:25px; position:static; margin:5px 0 0; }
.ui-datepicker td span, .ui-datepicker td a { text-align:center; line-height:20px; }
.ui-datepicker-trigger { display:none; width:30px; height:30px; margin:8px 0 0 15px; vertical-align:top; overflow:hidden; background:transparent !important; padding:0; margin:0; position:absolute; right:-45px; top:7px; }
.calIcon { background-position:-205px -107px; width:30px; height:30px; display:block; vertical-align:top; }
/*==========================================================================================================================*/
/*================================================ Main CSS Theme Start ====================================================*/
/*==========================================================================================================================*/

/********** Layout **********/

.container { margin:0 auto; width:100%; }
#content { }
.content { }
.sidebar { }
.fullWidth { }
/********** Top Links and Font Resize **********/

.topStrip { border-bottom:1px solid #ececec; padding:7px 0; line-height:23px; }
.leftLink { float:left; }
.rightLinks { float:right; }
.topStrip ul { list-style:none; padding:0; margin:0 }
.topStrip li { float:left; padding:0 7px 0 8px; position:relative; }
.topStrip .fontResize { padding-top:2px }
.topStrip a { color:#333; text-decoration:none; }
.topStrip a:hover { text-decoration:underline; color:#bb4c11 }
.topStrip li:first-child { padding-left:0; }
.topStrip li:last-child { padding-right:0; }
.topStrip li:before { content:" "; position:absolute; left:0; top:50%; z-index:auto; height:14px; width:1px; background:#666666; overflow:hidden; margin-top:-7px; }
.topStrip li:first-child:before { display:none; }
/********** Access Control **********/

#accessControl input { float:left; height:19px; background:none; border:none; padding:0; width:22px; color:#000 }
#accessControl input:hover { color:#e65a15 }
#accessControl .normal { font-size:14px; }
#accessControl .large { font-size:15px; }
#accessControl .contrastChanger { width:17px; width:19px; background-repeat:no-repeat; overflow:hidden; text-indent:-9999px; text-transform:capitalize; }
#accessControl .contrastChanger.normal { background-image:url(../images/a-light.gif); margin:0 5px; }
#accessControl .contrastChanger.wob { background-image:url(../images/a-dark.gif); }
/********** High Contrast View **********/

body.wob { background-color:#000; color:#fff }
.wob a { color:#ff0 }
.wob a:hover { color:#80ff00 }
/********** From Page **********/

.formList { list-style:none; padding:0; margin:0; }
.formList li { padding:0 0 15px; margin:0; }
.required, .formList .error { color:#C00; }
.formList .error { display:block; font-size:12px; }
.formList .textBoxOut { margin-bottom:5px; }
.formList label, .formList .label { color:#333; display:block; font-weight:normal; padding-bottom:7px; }
.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; }
.fixedErrorMsg { background-color:rgba(233, 48, 30, 0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none; }
.fixedSuccessMsg { background-color:rgba(20, 155, 65, 0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none; }
/**Side BAr**/
.container {/*margin-left:-350px;*/ padding-left:314px; padding-right:0px; box-sizing: border-box; float:left; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
.sidebar-collapse .container { padding-left:55px; }
.logo { background:#047f9a; text-align:center; float:left; height:auto !important; z-index:99991; position:relative;}
.skin-blue .main-header .navbar { background-color:#049dbf; box-shadow:0 0 5px rgba(0, 0, 0, .2); }
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side { background-color:#00527b }
.sidebar { width:100%; background:#274058; position:absolute; z-index:9999999; height:100% !important; float:left; height: calc(100% - 65px) !important; }
/**Side Bar CSS**/
.sidebar-mini.sidebar-collapse .main-sidebar { -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); transform:translate(0, 0); width:50px !important; z-index:850; }

.sidebar-mini.sidebar-collapse .main-header .navbar { margin-left:50px }
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a { display:block; white-space:nowrap; border-bottom:1px solid #f4f4f4 }
.navbar-custom-menu>.navbar-nav>li { position:relative }
.navbar-custom-menu>.navbar-nav>li>.dropdown-menu { position:absolute; right:0; left:auto }
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:hover, .navbar-nav>.tasks-menu>.dropdown-menu>li .menu>li>a:hover { background:#f4f4f4; text-decoration:none }
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a { color:#444444; overflow:hidden; text-overflow:ellipsis; padding:5px 10px; font-size:15px;}
.navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.glyphicon, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.fa, .navbar-nav>.notifications-menu>.dropdown-menu>li .menu>li>a>.ion { width:20px }
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a { margin:0; padding:10px 10px }
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>div>img { margin:auto 10px auto auto; width:40px; height:40px }
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4 { padding:0; margin:0 0 0 45px; color:#444444; font-size:15px; position:relative; line-height:15px; }
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4>small { color:#999999; font-size:10px; position:absolute; top:0; right:0; line-height:13px; }
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p { margin:0 0 0 45px; font-size:12px; color:#888888 }
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:before, .navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after { content:" "; display:table }
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a:after { clear:both }
.main-sidebar, .left-side {position:absolute; top:0; left:0; padding-top:50px; min-height:100%; width:314px; z-index:810; background:#274058;
/*-webkit-transition:-webkit-transform .2s ease-in-out, width .2s ease-in-out;
-moz-transition:-moz-transform .2s ease-in-out, width .2s ease-in-out;
-o-transition:-o-transform .2s ease-in-out, width .2s ease-in-out;
transition:transform .2s ease-in-out, width .2s ease-in-out;*/
/*overflow-Y:scroll;*/
}
.main-sidebar{ transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}

.dropdown-menu { box-shadow:none; border-color:#eee }
.dropdown-menu>li>a { color:#777 }
.navbar-nav>.notifications-menu>.dropdown-menu, .navbar-nav>.messages-menu>.dropdown-menu, .navbar-nav>.tasks-menu>.dropdown-menu { width:280px; padding:0 0 0 0; margin:0; top:100%`
}
.navbar-nav>.notifications-menu>.dropdown-menu>li.header, .navbar-nav>.messages-menu>.dropdown-menu>li.header, .navbar-nav>.tasks-menu>.dropdown-menu>li.header { border-top-left-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0; background-color:#274058; padding:7px 10px; border-bottom:1px solid #f4f4f4; color:#fff; font-size:14px; font-family:'open_sanssemibold'; font-weight:normal;}
/**Side Bar CSS**/
#footer{ padding:0 30px 20px; border-top:1px solid #cecece; text-align:center; clear:both; margin-top:30px; float:left; width:100%; background:#eee;}
#wrapper { position:absolute; min-height:100%; width:100%; background:#f9f9f9;}
.navbar.navbar-static-top { border-bottom:0px; }
.reporterDashboard{ background:#032a44; color:#fff; font-size:30px; padding:24px 20px 27px; font-family:'open_sansbold'; line-height:36px;}


.userDetail{ padding:20px 30px 0;}
.userDetail:after{content:''; clear:both; width:100%; display:table; }
.inlineUser {float:left; cursor:pointer;}
.inlineUser .userImg {position:relative; float:left; width:32px; height:32px; margin-right:10px;}
.inlineUser .userImg .onlineSign {background:#33de80; border:4px solid #2f3b4c; height:18px; width:18px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; -o-border-radius:100px; -ms-border-radius:100px; position:absolute; right:-6px; bottom:1px; }
.inlineUser .userImg img {border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; -o-border-radius:100px; -ms-border-radius:100px; background:#fff; border:1px solid #fff;}
.inlineUser .userName{color:#fff; text-shadow:0 0 0 #fff; font-size:13px; margin-left:0px; float:left; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; font-family:'open_sansregular'; position:relative; padding-right:10px}
.inlineUser .userName:after{top:50%; left:100%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; transform:translateY(-20%); -webkit-transform:translateY(-20%);}
.inlineUser .userName:after{border-color: rgba(136, 183, 213, 0); border-top-color: #fff; border-width:6px; margin-left:-6px;}

.managSystem{font-family:'open_sansbold'; font-size:16px; float:right; line-height:17px;}
.managSystem span{ font-size:13px; display:block; font-family:'open_sanssemibold'; color:#09573d;}



/*****Scroll CSS*****/
.content{overflow:auto; position:relative; padding:0px; background:none; margin:0px; width:100%; max-width:100%; height:100%; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
.mCustomScrollbar{-ms-touch-action:none; touch-action:none;}
.mCustomScrollbar.mCS_no_scrollbar{-ms-touch-action:auto; touch-action:auto;}
.mCustomScrollBox{position:relative; overflow:hidden; height:100%; max-width:100%; outline: none; direction: ltr;}
.mCSB_container {overflow: hidden; width: auto; height:auto; }
.mCSB_inside > .mCSB_container { margin-right: 5px; }
.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {margin-right: 0; margin-left: 30px; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }
.mCSB_scrollTools {position: absolute; width:5px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }
.mCSB_outside + .mCSB_scrollTools { right: -26px; }
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,  .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right:auto; left:0;}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {left:-26px;}
.mCSB_scrollTools .mCSB_draggerContainer{position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }
.mCSB_scrollTools a + .mCSB_draggerContainer{margin: 20px 0;}
.mCSB_scrollTools .mCSB_draggerRail{width:5px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
.mCSB_scrollTools .mCSB_dragger{cursor: pointer; width: 100%; height: 30px; z-index: 1; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {position: relative; width:5px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; }
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,  .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px; }
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{display:block; position:absolute; height:20px; width:100%; overflow:hidden; margin:0 auto; cursor:pointer;}
.mCSB_scrollTools .mCSB_buttonDown{bottom:0;}
.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,  .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:0; filter:"alpha(opacity=0)"; -ms-filter:"alpha(opacity=0)";}
 .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,  .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,  .mCustomScrollBox:hover > .mCSB_scrollTools,  .mCustomScrollBox:hover ~ .mCSB_scrollTools,  .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,  .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity:1; filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}
.mCSB_scrollTools .mCSB_draggerRail{background-color:#e9e9e9;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#46afe3; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color:#46afe3; background-color:#46afe3;}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,  .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color:#46afe3; }
.mCSB_scrollTools .mCSB_buttonUp,  .mCSB_scrollTools .mCSB_buttonDown,  .mCSB_scrollTools .mCSB_buttonLeft,  .mCSB_scrollTools .mCSB_buttonRight{background-color:#e9e9e9;}
/*****Scroll CSS*****/

.leftMenu ul li{line-height:32px; border-bottom:1px solid #354e66;}
.leftMenu ul li a i{font-size:22px; float:left; height:27px; width:29px; margin-right:10px; text-align:center; margin-top:5px; background:url(../images/menu-icons.png) no-repeat; background-position:center 0; display:block;}
.leftMenu ul li a i.memberP-icon{background-position:0 -29px;}
.leftMenu ul li a i.searchIcon{background-position:0 -56px;}
.leftMenu ul li a i.formIcon{background-position:0 -252px;}
.leftMenu ul li a i.directoryIcon{background-position:0 -83px;}
.leftMenu ul li a i.eventsIcon{background-position:0 -113px;}
.leftMenu ul li a i.sharePointIcon{background-position:0 -142px;}
.leftMenu ul li a i.systemC-icon{background-position:0 -169px;}
.leftMenu ul li a i.reportsIcon, .leftMenu ul li i.reportsIcon{background-position:0 -196px;}
.leftMenu ul li a i.monthly-rp-Icon{background-position:0 -225px;}


.headerTop { box-shadow:0 0 10px rgba(0, 0, 0, .2); padding:25px 30px; }
.headerLeft { float:left; }
.headerRight { float:right; }
.toggleIcon { cursor:pointer; float:left; margin-right:20px; margin-top:12px; margin-left:0px; }
.toggleIcon a{ outline:none; display:block;}
.toggleIcon span { background:#fff; height:3px; width:22px; display:block; margin:4px 0; }
.sidebar-collapse .toggleIcon span{background:#fff;}

.pickColor{ float:left; margin-top:30px; margin-left:25px;}
.pickColor ul{ list-style-type:none; margin:0px; padding:0px;}
.pickColor ul li{ margin:0px 5px 0 0; padding:0px; float:left;}
.pickColor ul li .greenClr{height:20px; width:20px; background:#33b86c; border:2px solid #82cedf; display:block; border-radius:7px; -webkit-border-radius:7px; cursor:pointer;}
.pickColor ul li .cyanClr{height:20px; width:20px; background:#047f9a; border:2px solid #82cedf; display:block; border-radius:7px; -webkit-border-radius:7px; cursor:pointer;}
.pickColor ul li .drkblueClr{height:20px; width:20px; background:#061e54; border:2px solid #82cedf; display:block; border-radius:7px; -webkit-border-radius:7px; cursor:pointer;}
.pickColor ul li .drkGreenClr{height:20px; width:20px; background:#133932; border:2px solid #82cedf; display:block; border-radius:7px; -webkit-border-radius:7px; cursor:pointer;}

.headName{margin:0 auto; color:#fff; position:absolute; top:5px; z-index:999; left:50%; transform:translateX(-50%); font-family:'open_sanssemibold'; font-size:24px; text-transform:uppercase; margin-left:80px;}

.searchBox { margin-top:12px; float:left; }
.searchBox input[type=search]{-webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; }
.searchBox input::-webkit-search-decoration, .searchBox input::-webkit-search-cancel-button {display: none;}
.searchBox input[type=search]{cursor:pointer; background:url(../images/seachIcon.png) no-repeat 9px center; border:solid 1px transparent; padding:4px 5px 4px 35px; width:35px; height:28px; -webkit-border-radius:10em; -moz-border-radius:10em; border-radius:10em; -webkit-transition:all .5s; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  outline:none; -moz-transition:all .5s; transition:all .5s; color:#fff; font-size:12px;}
.searchBox input[type=search]:focus { width:200px; padding-right:5px; background-color: #2b5f9a; border-color: #1b4677; }
.searchBox input:-moz-placeholder {color:#fff;}
.searchBox input::-webkit-input-placeholder {color:#fff;}
.searchBox .searchIocn{height:25px; width:25px; background:url(../images/seachIcon.png) no-repeat center center; background-size:12px; display:block; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; cursor:pointer; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; border:1px solid #fff; display:none;}
.searchBox .searchIocn:hover, .searchBox .searchIocn.active{border:1px solid #ccc;}

.main-header{ position:relative; z-index:999;}
.main-header .navbar{background-color:#235185; box-shadow:0 0 5px rgba(0, 0, 0, 0.2);}
.skin-white .logo {background:#235185 !important;}

.main-header .navbar-custom-menu, .main-header .navbar-right { float:right; }
.main-header .navbar .nav>li>a>.label { position:absolute; top:8px; right:-1px; text-align:left; font-size:12px; padding:0; line-height:15px; height:16px; width:16px; text-align:center; border-radius:100px; -webkit-border-radius:100px; }
.main-header .logo {-webkit-transition:width .3s ease-in-out;-o-transition:width .3s ease-in-out;transition:width .3s ease-in-out; display:block; float:left; font-size:20px; width:600px; padding:0 0px 0 133px; margin:0px;}
.main-header .logo img{ float:left; position:absolute; left:15px; top:4px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.logo > a {color:#fff; text-decoration:none; font-family:'open_sanssemibold'; font-size:16px; height:50px; display:table-cell; vertical-align:middle; text-align:left; line-height:15px; text-shadow:0 0 0 #fff; outline:none;}
.logo > a span{ display:block; font-family:'open_sansregular'; font-size:12px;}


.navbar-nav { margin-bottom:0px; }
.nav.navbar-nav > li {color: #ffffff; margin: 0 10px; position:relative; line-height:3.6}
.nav.navbar-nav > li:nth-child(2) span{ margin-right:-10px}
.nav.navbar-nav > li:after{ background:#fff; height:15px; width:1px; position:absolute; content:''; top:18px; right:-10px}
.nav.navbar-nav > li:last-child::after {display: none;}
.nav.navbar-nav span {margin: 0 -9px 0 0;}
.navbar-options { margin:0px 20px 0 0 }
.navbar-options ul { list-style-type:none; padding:0px; }
.navbar-options ul li { float:left; margin-left:2px; }
.navbar-options ul li a { padding-left:0px; padding-right:8px; outline:none; line-height:30px; display:block; text-decoration:none; }
.navbar-options ul li li { float:left; margin-left:0px; width:100%; }
/*.navbar-options ul li.massegeIcon a i{height:20px; width:25px; display:block;}*/
.navbar-options ul li a i{font-size:20px; color:#fff; line-height:50px; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
.navbar-options ul li a:hover i { color:#999; }
.navbar-options ul ul { margin:0px; }
.navbar-options ul li li.footer a { background-color:#274058; color:#fff; display:block; border-radius:0 0 5px 5px; padding:5px 12px; font-size:13px; }
.slimScrollDiv .pull-left { border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px; height:40px; width:40px; overflow:hidden; float:left; }
.main-header .navbar .nav > li > a > .label { background:#ff0900; color:#fff; font-size:9px; font-weight:bold; }
.main-header .navbar .nav > li.bellIcon > a > .label { background:#ff0900; color:#fff; }
.main-header .navbar .nav > li > a > .label.label-warning { right:0px; }
.navbar-options .dropdown-menu { display:none; background:#fff; z-index:99999; border-radius:4px 4px 0 0;}
.clockIcon { background:url(../images/spritImg.png) no-repeat; background-position:0px -133px; height:18px; width:18px; float:left; }
.massegeIcon ul ul li small { font-size:12px !important; }
.navbar-options ul li li a { text-decoration:none; }
.navbar-options ul li .msg_list { width:240px; background:#00527b; padding:0px; position:absolute; right:0px; z-index:99999; visibility:hidden; opacity:0; margin-top:-13px; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; }
.navbar-options ul li .msg_list li { float:none; background:none !important; margin:0px; }
.navbar-options ul li .msg_list li a { height:auto; display:table; width:100%; padding:10px; font-size:12px; line-height:13px; color:#fff; text-shadow:0 0 0 #fff; border-bottom:1px dashed rgba(255, 255, 255, .3); transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -ms-transition:all 0.4s ease; -o-transition:all 0.4s ease; }
.navbar-options ul li .msg_list li a:hover { background:rgba(255, 255, 255, .1); }
.navbar-options ul li .msg_list li a:before { display:none; }
.navbar-options ul li .msg_list li a .image { width:40px; float:left; }
.navbar-options ul li .msg_list li a .titleName { font-size:14px; font-weight:bold; line-height:18px; }
.navbar-options ul li .msg_list li a img { display:block; }
.navbar-options ul li .msg_list li a .msgText { width:100%; float:left; margin-left:-40px; padding-left:50px; box-sizing: border-box; }
.navbar-options ul li .msg_list li a .message { display:block; padding:0px; margin-bottom:0px; }
.navbar-options ul li.massegeIcon:hover .msg_list { visibility:visible; opacity:1; margin-top:3px; }


/*Navigation accordian*/
.leftMenu { margin-top: 80px; background:#274058;}
.navMain li{ position:relative;}
.navMain, .navMain ul { margin:0; padding:0; list-style:none; }
ul.submenu { border-top:1px solid rgba(255, 255, 255, 0.1); background:#223545; }
.submenuOne { background:#122737; }
.submenuOne .submenuOne{padding-left:20px;}
.submenuOne .submenuOne li{position:relative;}
.submenuOne .submenuOne li::after {background: #e2e2e2 none repeat scroll 0 0; content: ""; height: 3px; left: 3px; position: absolute; top: 26px; width: 8px;}
.navMain  .link { color: #ffffff; padding: 10px 10px 10px 20px; position:relative; cursor:pointer;}
.navMain .link i{font-size:22px; float:left; height:27px; width:29px; margin-right:10px; text-align:center; margin-top:5px; background:url(../images/menu-icons.png) no-repeat; background-position:center 0; display:block;}
.leftMenu ul li a i.memberP-icon,.leftMenu ul li .link i.memberP-icon {background-position: 0 -29px;}
.submenuOne .link { color: #ffffff; padding: 10px 10px 10px 20px; position:relative;}
.leftMenu .MenuTitle {border-bottom: 1px solid rgba(255, 255, 255, 0.1);color: #ffffff;display: block;padding-bottom: 10px;padding-right: 0;padding-top: 15px;text-align: center;}
.navMain li.parent a, .submenu a { color: #ffffff; text-decoration: none; display: block; margin: 0; outline: medium none; padding: 10px 10px 10px 20px; }
 .navMain .link::after,.navMain .link a::after { content: ""; background:url(../images/arrow-down.png) no-repeat; font-size: 17px; position: absolute; right: 10px; height:7px; width:12px; top:23px; right:18px; transition: all 350ms ease 0s;}
.link.activeLI::after,.link.activeLI a::after{ transform: rotate(180deg);}
.leftMenu ul li:last-child {border-bottom: medium none;}
.navMain li.parent a:hover, .navMain li.parent a.active{ background:rgba(0, 0, 0, 0.1);}

.leftPadAdd .container {padding-left: 0;}
 

.dasbordContent { /*padding:30px 34px;*/ padding:0px; }
.dasbordContent h1{font-size:28px; color:#ff7800; font-weight:bold; text-transform:uppercase;}
.dasbordContent h2{font-size:20px; color:#2e303d; text-transform:uppercase; font-family:'open_sansbold';}

.mainContent{ background:#fff; padding:15px;}

.addReports{ margin-bottom:30px;}
.addReports ul{ list-style-type:none; padding:0px; margin:0px -15px;}
.addReports ul li{float:left; width:33.3%; font-size:30px; font-family:'open_sansbold'; font-size:16px; padding:0 15px; text-transform:uppercase; margin-bottom:20px;}
.addReports ul li .addReports-Box{ background:#fff; box-shadow:0px 2px 2px rgba(0,0,0,.1); position:relative; padding:0; min-height:60px; vertical-align:middle; }
.addReports ul li .addReports-Box a{display:block; text-decoration:none; color:#393939;  padding:18px 10px 18px 94px; outline:none; position:relative; z-index:9;}
.addReports ul li .addReports-Box a:hover{ color:#fff; padding-left:75px;}
.addReports ul li .addReports-Box span{height:60px; width:70px; display:block; float:left; background:#50c8ef; position:absolute; height:100%; left:0px; top:0px; bottom:0px;}
.addReports ul li .addReports-Box span:before{content:''; background:url(../images/spritImg.png) no-repeat; height:32px; width:32px; display:block; position:relative; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1;}

.addReports ul li .addReports-Box span.addReports-Icon{ background:#50c8ef; }
.addReports ul li .addReports-Box span.addReports-Icon:before{background-position:3px -1px;}
.addReports ul li .addReports-Box span.addReports-Icon:after{ }
.addReports ul li .addReports-Box span.Sentfiles-Icon{ background:#b198dc;}
.addReports ul li .addReports-Box span.Sentfiles-Icon:before{background-position:-43px 0px;}
.addReports ul li .addReports-Box span.MISReports-Icon{ background:#6edcd1;}
.addReports ul li .addReports-Box span.MISReports-Icon:before{background-position:-91px -1px;}
.addReports ul li .addReports-Box span.createRoster-Icon{ background:#ff8761; }
.addReports ul li .addReports-Box span.createRoster-Icon:before{background-position:3px -1px;}
.addReports ul li .addReports-Box span.createEvent-Icon{background:#b198dc;}
.addReports ul li .addReports-Box span.createEvent-Icon:before{background-position:-137px -1px;}
.addReports ul li .addReports-Box span.addReporter-Icon{background:#50c8ef;}
.addReports ul li .addReports-Box span.addReporter-Icon:before{background-position:-179px 1px;}
.addReports ul li .addReports-Box span.todayRosters-Icon{background:#ff8761;}
.addReports ul li .addReports-Box span.todayRosters-Icon:before{background-position:-220px 0px;}
.addReports ul li .addReports-Box span.leaveManagement-Icon{background:#50c8ef;}
.addReports ul li .addReports-Box span.leaveManagement-Icon:before{background-position:-264px -2px;}

.clr1 a:after, .clr2 a:after, .clr3 a:after, .clr4 a:after, .clr5 a:after, .clr6 a:after{ content:''; height:100%; width:0px; position:absolute; left:0px; top:0px; z-index:-1; transition:all 0.3s ease; background:#50c8ef;}
.clr1 a:hover:after, .clr2 a:hover:after, .clr3 a:hover:after, .clr4 a:hover:after{ width:100%; }
.clr2 a:after{ background:#b198dc;}
.clr3 a:after{ background:#6edcd1;}
.clr4 a:after{ background:#ff8761;}
.clr5{}
.clr6{}


.addReports4 ul li{width:25%;}
.addReports4 ul li .addReports-Box a{padding:20px 10px 20px 80px;}
.addReports4 ul li .addReports-Box span{width:64px;}
.addReports4 ul li .addReports-Box b{ }
.addReports4 ul li .addReports-Box:hover a{padding:20px 10px 20px 65px;}

.dasbordBanner{margin-bottom:30px;}
.dasbordBanner:after{ content:''; clear:both; display:table; width:100%;}
.dasbordBanner img{width:100%;}

.dasbordBannerLeft{width:230px; float:left;}
.dasbordBannerRight{width:100%; float:left; margin-left:-230px; padding-left:250px;}

.bannerHeading:after{ content:''; clear:both; display:table;  width:100%;  }
.filesStatus{background:url(../images/filesStatus-bg.jpg) no-repeat center center; background-size:cover; padding:15px; height:auto;}
.filesStatus h4{font-family:'open_sansbold'; font-size:18px; color:#fff; text-transform:uppercase; margin:0px; float:left;}
.bannerDate{float:right; color:#fff; width:auto;}
.bannerDate ul{list-style-type:none; margin:0px; padding:0px; width:auto; float:right;}
.bannerDate ul li{float:left; width:123px; margin-left:10px;}
.bannerDate ul li input{ background-color:#fff; height:30px;}

.StatusProgress{clear:both; padding:0 0px; margin-bottom:7px}
.StatusProgress ul{list-style-type:none; margin:0px; padding:0px;}
.StatusProgress ul li{list-style-type:none; margin:0px; padding:0px; float:left; text-align:center; width:25%; margin-top:25px;}
.StatusProgress ul li .progressName{font-family:'open_sansbold'; font-size:16px; color:#fff; margin-top:5px;}

.fullBanner{ margin-bottom:30px; margin-left:-34px; margin-right:-34px; padding-right:34px;background:#1a63b0; position:relative;}
.fullBanner:after{ content:''; clear:both; display:table; width:100%;}
.fullBannerLeft{width:38%; float:left; position:relative; /*background:url(../images/img-1.jpg) no-repeat; background-size:cover;*/  overflow:hidden; display:block; }
.fullBannerLeft img{ width:100%; max-width:none; vertical-align:middle; display:table-cell;}
.fullBannerRight{width:62%; float:left; position:relative; padding:0 0 0 50px; }
.fullBannerLeft:before{right:0px; top:50%; border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none;}
.fullBannerLeft:before{border-color:rgba(194, 225, 245, 0); border-right-color:#1a63b0; border-width:25px; margin-top:-25px;}
.fullBannerRight .addReports{ margin-top:6%; margin-bottom:0px;}
.fullBannerRight .addReports ul li{width:50%; margin-bottom:0px;}
.fullBannerRight .addReports ul li .addReports-Box a{ padding-left:90px;}
.fullBannerRight .addReports ul li .addReports-Box a:hover{ padding-left:74px;}
.fullBannerRight .addReports ul li b{width:120px; display:inline-block;}
.addReports ul li .addReports-Box span.createEvent-Icon{background:#b198dc;}

.dashboardBread{border-bottom:2px solid #dfdfdf; padding:0px 0px 0px;}
.dashboardBread ul{list-style-type:none; margin-bottom:0px; padding:15px 20px 0px; height:40px;}
.dashboardBread ul li{ float:left; font-size:12px; color:#555555;}
.dashboardBread ul li:before{content:''; width:6px; height:10px; background:url(../images/event-arrow.png) no-repeat 0 0; float:left; margin:5px 16px 0;}
.dashboardBread ul li:first-child:before{display:none;}
.dashboardBread ul li a{font-size:12px; color:#555555; text-decoration:none;}
.dashboardBread ul li a:hover{color:#235185;}
html.mm-background .dashboardBread{ padding-left:132px;}

.leftPadAdd, .leftPadRem{transition:all 0.4S ease; -webkit-transition:all 0.4S ease;}
.dashboardBread {transition:all 0.4S ease; -webkit-transition:all 0.4S ease;}
.leftPadAdd .dashboardBread{padding-left:132px; }

.dashboardBread h2{margin:10px 0 0; padding:0px 20px 0px; line-height:27px; height:42px; color:#235185; font-size:20px; font-family:'open_sanslight'; text-transform:uppercase;}
.dashboardBread h3{ margin:0px;font-size:20px; font-family:'open_sanssemibold';}
.innrPagetitle{ border-top:2px solid #e2e2e2; padding:0 20px; height:52px; line-height:50px; margin-top:2px;
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(238,238,238,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
}
.innrPagetitle h3{ float:left;}
.innrPagetitle .addbtn{background:none; border:1px solid #bfbfbf; color:#636363; float:right; height:30px; line-height:6px; font-weight:normal; font-size:14px; padding:0px 14px; margin-top:10px;}
.innrPagetitle .addbtn:hover{background:#235185; border:1px solid #235185;}

.innrPagetitle a.addbtn{background:none; border:1px solid #bfbfbf; color:#636363; float:right; height:30px; line-height:6px; font-weight:normal; font-size:14px; padding:0px 14px; margin-top:10px; text-decoration:none; height:30px; line-height:30px; font-family:'open_sanssemibold';}
.innrPagetitle a.addbtn:hover{background:#235185; color:#fff; border:1px solid #235185;}

.dt-buttons{ float:left; clear:both; padding-left:15px; padding-bottom:10px;}
.dt-buttons a.dt-button{background:none; border:1px solid #bfbfbf; color:#636363; float:right; height:30px; line-height:6px; font-weight:normal; font-size:14px; padding:0px 14px; margin-top:10px; text-decoration:none; height:30px; line-height:30px; font-family:'open_sanssemibold';}
.dt-buttons a.dt-button:hover{background:#235185; color:#fff; border:1px solid #235185;}


.searchTable{border:1px solid #c9c9c9; background:#e7e4e4; padding:15px;}
.searchTable table{ margin-bottom:15px;}
.searchTable:after{ content:''; clear:both; display:table; width:100%;}
.searchTable table.tableData thead tr th{ background:#235185; color:#fff; font-family:'open_sanssemibold'; padding:15px 10px; text-align:left;}
.searchTable table.tableData tbody tr td{ padding:3px 10px;}
.searchTable .tableOut{ background:#fff;}

.administratorPage table.tableData thead tr th, .administratorPage table.tableData thead tr th a{background:#235185; color:#fff; font-family:'open_sanssemibold'; text-align:left; position:relative; text-decoration:none;}
.administratorPage table.tableData thead tr th a:after{background:#235185 url(../images/sort-arrow.png); position:absolute; content:''; right:-10px; top:5px; width:7px; height:12px;}
.dataTables_wrapper.no-footer{ background:#fff; padding-top:10px; float:left; width:100%; }
.dataTables_length{float:left; padding-left:15px; margin-bottom:5px;}
.dataTables_length select{display:inline-block; width:150px; height:30px;}
.dataTables_filter{float:right;padding-right:15px;  margin-bottom:5px;}
.dataTables_filter input{display:inline-block; width:150px; margin-left:6px; height:30px;}
.dataTables_info{ padding-left:15px;}


/***********registrationForm*************/

.addDto{max-width:100%; width:100%; margin:0px auto; clear:both; background:#f1f1f1; padding:22px 30px; border:1px solid #c9c9c9;}
.addDto ul{list-style-type:none; margin:0px; padding:0px;}
.addDto ul li{margin-bottom:0px; float:left; width:100%;}
.addDto ul li input.textfield{background:#fff; border:1px solid #c6c6c6; height:30px; max-width:100%; color:#616161; font-size:15px; margin-bottom:10px;}
.addDto ul li textarea.textArea{background:#fff; border:1px solid #c6c6c6; max-width:100%; width:100%; min-width:inherit; color:#616161; font-size:15px; resize:none; height:100px; margin-bottom:10px;}
.addDto ul li{font-family:'open_sansregular'; font-size:15px; color:#151515;}
.addDto ul li label{font-family:'open_sansregular'; font-size:15px; color:#151515; padding-left:0; line-height:30px; position:relative; z-index:9; padding-bottom:0px; margin-top:8px;}
.addDto ul li.mandoryfiled label:after{content:'*'; color:red; margin-top:-20px;}
.addDto ul li .fieldBox{width:93%;}
.addDto ul li .customSelectOuter{margin-bottom:10px; max-width:100%; border-color:#c6c6c6; padding-top:0px; padding-bottom:0px;}
.addDto ul li span.customSelect{padding-top:3px; padding-bottom:4px;}
.addDto .input.file.required > input{ margin:0 0 0 10px}

.manufactDate{ margin:0 -10px; }
.manufactDate .colBox{ width:50%; float:left; padding:0 10px;}
.manufactDate .colBox3col{ width:33.33%; float:left; padding:0 10px;}
.manufactDate .dateBox input.datepicker{ max-width:100%; background:#fff;}
.manufacturerForm ul li .ui-datepicker-trigger { display:block; left:0px; top:0px; left:100%; transform:translateX(-41px);}

.field-validation-error { font-size:12px; color:#ff0000;}

.addDto .dto-checkbox{ float:left; width:100%; padding:8px 0 10px; margin-bottom:8px;}
.addDto .dto-checkbox ul{}
.addDto .dto-checkbox ul li{ float:left; width:auto; margin-right:27px;}
.addDto .dto-checkbox ul li input[type=checkbox]{ float:left !important; position:absolute; max-width:none; opacity:0;}
.addDto .dto-checkbox ul li label{ text-align:left; line-height:28px; width:auto; padding-left:32px;}

.addfield { margin:0 -5px;}
.addfield .addBox1, .addBox2, .addBox3{float:left; width:auto; padding:0 5px;}
.addfield .addBox1{ width:62%;}
.addfield .addBox2{ width:38%; margin-right:-50px; padding-right:55px;}
.addfield .addBox3{ width:auto; text-align:right;}
.addDtoTbl{ max-width:1000px; width:100%; margin:20px auto 0;}
.addfield input.plusBtnAdd{background:none; color:#636363; border:1px solid #c6c6c6; height:30px; width:40px; font-size:25px; padding:0px;}
.addfield input.plusBtnAdd:hover{color:#fff; background:#636363; border:1px solid #636363;}
.addDtoTbl table thead th:last-child{ width:80px;}
.childCheckbox {background: #fcfcfc; padding: 10px 25px;}

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {position:relative; padding-left:25px; cursor:pointer; padding-bottom:0px;}
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before{content:''; position:absolute; left:0; top:3px; width:22px; height:22px; border:1px solid #cacaca; background:#f8f8f8;}
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {content:''; position:absolute; top:7px; left:4px;
font-size:18px; line-height:0.8; color:#666; transition:all .2s; background:url(../images/checkIcon.png) no-repeat center center; height:14px; width:14px;}
[type="checkbox"]:not(:checked) + label:after{opacity:0; transform: scale(0);}
[type="checkbox"]:checked + label:after { opacity: 1; transform: scale(1); }
[type="checkbox"]:disabled:not(:checked) + label:before, [type="checkbox"]:disabled:checked + label:before {box-shadow:none; border-color:#bbb; background-color:#ddd;}
[type="checkbox"]:disabled:checked + label:after { color: #999; }
[type="checkbox"]:disabled + label { color: #aaa; }

/***********registrationForm*************/

.searchPanel{border:1px solid #e1e1e1; padding:10px 15px 20px; margin-bottom:20px; font-size:15px;}
.searchPanel:after{ content:''; clear:both; display:table; width:100%;}
.searchPanel h4{color:#4c4c4c; font-size:16px; font-family:'open_sanssemibold'; margin-bottom:5px;}
.searchPanelForm label{float:left; color:#000; font-size:13px; font-family:'open_sansregular'; width:auto; position:relative; z-index:9; font-size:15px; padding:4px 0 }
.searchPanelForm label span{font-size:11px; line-height:12px; display:block; position:relative; top:-1px;}
.searchPanelForm .Formfield{float:left; width:100%;}
.searchPanelForm .col .row .col label{ line-height:43px; width:64px;}
.searchPanelForm .col .row .col .Formfield{ margin-left:-64px; padding-left:72px; }
.searchPanelForm .searchBtn{background:#235185; color:#fff; font-family:'open_sanssemibold'; font-size:14px; margin-top:30px; height:31px; padding:5px 15px}
.searchPanelForm .searchBtn:hover{ background:#235185;}
.searchPanel select { width:100%;}
.searchPanelForm .row {width: 100%;}

.searchPanelForm .col .row .col label{ line-height:33px;}
.searchBtn.button {margin:0 0 0 15px; background:#c15433;display: inline-block;}
.listAssignBtn button, .listAssignBtn a {margin-bottom: 8px; margin-top: 0 !important;}




.searchFile{ border-top:4px solid #ef8d8d; background:#fff; padding:20px;}
.searchFileDiv{ position:relative; }
.searchFileDiv:after{ content:''; display:table; clear:both; width:100%;}
.searchFileBox{padding-right:105px;}



.searchFileBox ul{ list-style-type:none; padding:0px; margin:0px -5px;}
.searchFileBox ul li{ float:left; width:100%; padding-bottom:10px;}
.searchFileBox ul li .inputField{float:left; width:33.3%; padding:0 5px;}
.searchFileBox ul li input{ border-color:#cfd8dc; height:40px; font-size:15px;}
.searchFileBox ul li .customSelectOuter {height:47px;}
.searchFileBox ul li .customSelectOuter .customSelect {font-size:15px; color:#2f3b4c; height:45px; line-height:28px; overflow:hidden; }
.searchFileBox ul li ul li{ width:50%; padding:0 5px;}

.searchFile .dasboardTable table{ margin-bottom:0px;}
.searchFile .dasboardTable{ margin-bottom:25px;}

.searchFileBox ul li .datepicker{background:url(../images/calender-icon-admin.png) no-repeat scroll 10px center; padding-left:40px;}
.ui-datepicker .ui-datepicker-title select{font-size:12px; padding:0px; margin:0px; position:relative; top:-4px;}
.searchFileBox ul li .userIcon .customSelect{background:url(../images/userIcon.png) no-repeat scroll 10px center; padding-left:40px;}
.searchFileBox ul li .rosterIcon{background:url(../images/rosterIcon.png) no-repeat scroll 10px center; padding-left:40px;}
.searchFileBox ul li .LokSabhaIcon .customSelect{background:url(../images/lok-sabha-icon.png) no-repeat scroll 10px center; padding-left:40px;}
.searchFileBox ul li .eventIcon{background:url(../images/eventIcon.png) no-repeat scroll 10px center; padding-left:40px;}
input.eventIcon{background:url(../images/eventIcon.png) no-repeat scroll 10px center; padding-left:45px;}
.searchFileBox ul li .timeIcon{padding-left:40px;}
input.timeIcon{background:url(../images/time-icon.png) no-repeat scroll 10px center; padding-left:40px;}
.searchFileDiv .searchBtnCol{ position:absolute; right:0px; bottom:10px;}
.searchBtnCol .searchBtn{background:#1a63b0 url(../images/seachIcon.png) no-repeat scroll 10px center; font-size:15px; height:38px; padding:5px 12px 4px; font-family:'open_sansbold';padding-left:27px;border:0; height:47px;}

::-webkit-input-placeholder{opacity:.6 !important;}
::-moz-placeholder{opacity:.6 !important;}
:-ms-input-placeholder{opacity:.6 !important;}
:-moz-placeholder{opacity:.6 !important;}

.searchFile .dasboardTable{margin-top:17px;}
.searchFile .dasboardTable th{font-size:15px;font-family:'open_sansregular';}
.searchFile .dasboardTable td{font-size:13px;font-family:'open_sansregular';}
.searchFile .dasboardTable td .reportIcon a{ font-size:20px; color:#626262;}
.searchFile .dasboardTable td .reportIcon a:hover{color:#1a63b0;}
.searchFile .dasboardTable td .reportIcon a.edit:hover{color:green;}
.searchFile .dasboardTable td .reportIcon a.delete:hover{color:red;}

/**Select Language CSS**/
/******************Custom Select********************/
.customSelectOuter { position:relative; background:#fff url(../images/custom-select-arrow-admin.png) no-repeat right center; border:#cfd8dc 1px solid;}
.customSelect { font-size:14px; padding:5px 10px; color:#77787b; font-family:'open_sansregular';}
.hasJS select.customSelect { position:absolute!important; width:100%!important; cursor:pointer; height:100%!important; left:0!important; top:0!important; border:0; }
span.customSelect { display:block; display:block!important; padding-right:30px; white-space:nowrap;}
.customSelectInner { display:block!important; width:auto!important; word-break:keep-all; overflow:hidden; margin-right:10px; }


/**Select Language CSS**/
.copyRight{color:#000; font-size:12px; padding-top:15px; font-family:'open_sansregular';}
/**HeaderTop CSS**/

.sidebar-collapse .main-sidebar .sidebar .reporterDashboard{ font-size:20px; padding:10px 5px; display:none;}

.sidebar-collapse .main-sidebar .sidebar .userName { display:none; }
.sidebar-collapse .main-sidebar .sidebar .inlineUser { padding:0 7px; }

.main-sidebar{ transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}

.pdfDownload{ margin-bottom:20px;}
.pdfDownload.fright{padding-bottom:0px;}
.pdfDownload.fright:after{ content:''; clear:both; display:table; width:100%;}
.pdfDownload ul{list-style-type:none; float:right; margin-bottom:0px;}
.pdfDownload ul li{ float:left; margin-left:10px;}
.pdfDownload ul li a{background:#1a63b0; text-decoration:none; color:#fff; display:block; padding:10px 20px 10px 15px; font-size:15px; font-family:'open_sansbold';}
.pdfDownload ul li a:hover{ background:#333;}
.pdfDownload ul li .exportIcon{width:20px; height:23px; background:url(../images/spritImg.png) no-repeat; background-position:0 -48px; float:left; margin-right:6px;}
.pdfDownload ul li .PDFIcon{width:20px; height:23px; background:url(../images/spritImg.png) no-repeat; background-position:-34px -48px; float:left; margin-right:6px;}
.pdfDownload ul li .PrintIcon{width:20px; height:23px; background:url(../images/spritImg.png) no-repeat; background-position:-69px -48px; float:left; margin-right:6px;}

.manufacturerForm{ }
.manufacturerForm ul li.mandoryfiled .FormName:after{content:'*'; color:red; margin-top:-20px;}
.manufacturerForm ul li.notmandoryfiled .FormName:after{content:'*'; color:white; margin-top:-20px;}
.manufacturerForm ul li .Formfield{float:left; width:93%; margin-left:-240px;margin-top:-20px; padding-left:255px; }
.manufacturerForm ul li .textAerafield{background:#fff; border:1px solid #afafaf; height:40px; max-width:100%; width:100%; min-width:inherit; color:#616161; font-size:15px; resize:none; height:100px; margin-bottom: 10px}

/*.sidebar-collapse .searchBox { margin-top:17px; }
.sidebar-collapse .navbar-custom-menu { margin-top:8px; }*/
.sidebar-collapse .main-sidebar {padding-top:65px; }
.sidebar-collapse .dashboardMenu {padding-top:10px; overflow:visible;}
.sidebar-collapse .dashboardMenu ul li.open a:after{ background:#3487de !important;}
.sidebar-collapse .dashboardMenu ul li.open a:hover:after{background:#3487de !important;}
.sidebar-collapse .dashboardMenu ul li.open a{ color:#fff;}
.sidebar-collapse .dashboardMenu ul li a {padding:8px 12px 9px 12px;}
.sidebar-collapse .dashboardMenu ul li span.menuText { visibility:hidden; position:absolute; background:#00527b; top:0px; padding:10px 0px; color:#fff; overflow:hidden; white-space:nowrap; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; min-width:0; width:0px !important; }
.sidebar-collapse .dashboardMenu ul li:hover span.menuText { visibility:visible; min-width:105px; width:100%; padding:10px 10px; }
.sidebar-collapse .selectDiv { margin-top:6px; }
/*Admin custom css popup*/
.adminPopup { position:fixed; left:0; top:0; width:100%; bottom:0; overflow: hidden; background:rgba(0, 0, 0, 0.8); z-index:99999; }
.adminPopupInner { max-width:800px; margin:0 auto; padding:4% 0 0 !important; height:94%; max-height:650px; }
.popupWdh500 .adminPopupInner.eventPopup { height:170px; width:310px; margin:-85px 0 0 -155px; position:absolute; left:50%; top:50%; }
.smallPopup .adminPopupInner { height:auto; padding-top:7% !important; }
.adminPopupContent { background:#fff; padding:0 0px; position:relative; height:100%; }
.adminPopupContent p { margin-bottom:15px; }
.adminPopupContent h2 { background:#004185; color:#fff; font-size:18px; margin-bottom:0; padding:15px 20px 15px; position:absolute; left:0; top:0; width:100%; text-transform:uppercase; text-shadow:0 0 0 #00527b; font-family:'open_sansbold'; }

.popupContentScroll { position:relative; overflow:auto; height:100%; padding-right:30px; margin-right:-30px; padding-top:30px; padding-bottom:30px; }
.adminPoupContentWrap { padding:57px 30px 70px; height:100%; }
.popupWdh400 .adminPopupInner { max-width:400px; margin:0 auto; }
.popupWdh500 .adminPopupInner { max-width:570px; margin:0 auto; }
.popupWdh600 .adminPopupInner { max-width:620px; margin:0 auto; }
.popupWdh700 .adminPopupInner { max-width:700px; margin:0 auto; }
.popupWdh900 .adminPopupInner { max-width:900px; margin:0 auto; }
.popupWdh1070 .adminPopupInner { max-width:1070px; margin:0 auto; }
.adminPoupfooterWrap { position:absolute; bottom:0; border-top:1px solid #e6e7e8; width:100%; left:0; padding:10px 30px; }
.btnRow { text-align:right; }
.btnRow .button { background-color:#36a9e1; border:1px solid #36a9e1; color:#fff; outline:none; padding:7px 15px; font-size:17px; font-weight:normal; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
.btnRow .button:hover { background-color:transparent; color:#36a9e1; }
.btnRow .cancelBtn { background-color:#888; border:1px solid #888; color:#fff; outline:none; padding:7px 15px; font-size:17px; font-weight:normal; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
.btnRow .cancelBtn:hover { background-color:transparent; color:#888; }
.adminPoupHeaderWrap { position:relative; left:0; top:0; margin:0 0px; z-index:1; }
.aja_multi_slider_default .handle_horizontal_down, .aja_multi_slider_default .handle_vertical, .aja_multi_slider_default .handle_vertical_down { background:#ddd !important; border: 1px solid #ccc; border-radius: 10px; height: 18px !important; width: 18px !important; margin-top: -4px; cursor:pointer; }
.aja_multi_slider_default a { transition: all 0s ease 0ms; -webkit-transition: all 0s ease 0ms; }
.advancedSearch .buttons { margin-top:30px; }
.advancedSearch h3 { border-bottom:1px solid #cac6c1; padding-bottom:5px; }
.popupshield { position:fixed; left:0; top:0; bottom:0; right:0; background-color:rgba(0, 0, 0, 0.7); z-index:9999; }
.popupWrap { position:fixed; left:0; top:5%; bottom:0; right:0; z-index:99999; max-width:1140px; width:100%; margin: 0 auto; -moz-transform: translateY(-600px); -webkit-transform: translateY(-600px); -o-transform: translateY(-600px); -ms-transform: translateY(-600px); transform: translateY(-600px); -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; -ms-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; transition: all 400ms ease-in; }
.popupWrap.show { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.popupContent { background:#fff url(../../images/loading1.gif) center center no-repeat; padding:0; text-align:left; -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5); margin:0 auto; max-width:1150px; width:100%; max-height:95%; overflow:hidden; /*overflow-x: hidden;overflow-y: auto;*/ }
.closePopup { display:block; color:#2f3b4c; font-size:26px; z-index:99999; opacity: 1; position: absolute; top: 9px; right:5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.closePopup:hover { opacity:.8; cursor: pointer; color:#2f3b4c; }
.fixedErrorMsg { background-color:rgba(233, 48, 30, 0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none; }
.fixedSuccessMsg { background-color:rgba(20, 155, 65, 0.92); color:#fff; text-align:center; padding:20px 20px; font-size:15px; position:fixed; left:0; top:0; z-index:99999; width:100%; text-transform:uppercase; display:none; }
.InterestCheck { padding-top:20px; }
.registrationProceed p, .registrationProceed .bulletText { margin-bottom:10px; }
.popupContent h2 { color:#fff; background:#18b3ff; padding:6px 20px; margin:0; }
.customePopupOuter { padding:20px; background-color:#fff; }
.customePopupOuter .mCSB_inside > .mCSB_container { padding-right:30px; }
.popupScroll { max-height:560px; overflow: auto; position: relative; }
.popupDisplayNone { opacity:0; visibility:hidden; transition: visibility 1s, opacity 1s linear; -webkit-transition: visibility 1s, opacity 1s linear; }
.popupDisplay { opacity:1; visibility:visible; transition: visibility 0s, opacity 0.5s linear; -webkit-transition: visibility 0s, opacity 0.5s linear; }

/***********/
.scan{ outline:0 !important;}
.OrderOPicking{}
.OrderOPicking tr td{ vertical-align:top; }
table.ContentDetail{border:0px;}
table.ContentDetail tr td{ border:0px;}
table.ContentDetail tr:nth-child(2n+1) td{}
.updateButton{ padding:5px 15px; float:none; margin-top:5px; margin-bottom:10px;}

table.picDetail{border:0px;}
table.picDetail tr td{ border:0px; }

.borderRight{ border-right:1px solid #e9e9ea;}

.OrderPicking{ border:1px solid #ccc; padding:10px; margin-bottom:10px;}
.orderPacking:after{ content:''; clear:both; display:table; width:100%;}


.OrderPickingArea .row{ border:1px solid #e9e9ea; padding:15px; margin-bottom:15px;}
.ContentDetail{ margin-bottom:0px;}
.OrderPickingArea .row .cols8{ border-right:1px solid #e9e9ea; padding-left:0;}
.OrderPickingArea .row .cols4{ padding-right:0px;}

.orderPacking .OrderPickingImg{width:25%; padding-left:0px;}
.OrderPickingImg img{ width:100% !important; max-width:none; border:1px solid #eee;}
.orderPacking .rightDiv{padding-right:0px;}
.OrderPickingImg{width:28%; float:left;}
.OrderPickingList{width:72%; float:left; padding-left:20px;} 
.orderPacking .cols2{ padding:0 0;}

.stockRequest .row .cols8{ border-right:0px; padding-right:0px;}
/***********/

/*******Create Roster CSS*******/
.createRoster h2{margin-bottom:8px;}
.createRoster{padding-bottom:20px; display:table; width:100%;}
.createRoster .row{ margin:0 -15px;}
.createRoster .row .cols9{ width:100%; margin-right:-250px; padding-right:280px;}
.createRoster .row .cols3{ width:250px; padding-left:0px;}
.createRoster:after{content:''; clear:both; display:table; width:100%;}
.createRosterLeft{float:left; width:100%; background:#fff; /*margin-right:-250px; padding-right:280px;*/ margin-bottom:20px;}
.createRosterLeft p{ margin-bottom:10px;}
.AccountForm .row{margin:0 -10px;}
.AccountForm .col{margin-bottom:20px; padding:0 10px;}

.AccountForm .col .row{margin:0 -10px;}
.AccountForm .col .row .col{margin-bottom:0px; padding:0 10px;}


.timeFrm{ width:35px; float:left; text-align:right; line-height:43px;}
.timeSet{ width:100%; margin-left:-35px; float:left; padding-left:40px;}

.likeRoster{ position:relative; margin-bottom:10px; padding-left:22px;}
.likeRoster input{ position:absolute; left:0px; top:4px;}
input.datepicker{background:url(../images/calender-icon-admin.png) no-repeat scroll 10px center; padding-left:40px;}

.createRosterRight{float:left; /*width:250px;*/ width:100%; background:#ccc; margin-bottom:39px;}
.rosterCalendar{ background:#eceef2; padding-bottom:6px;}
.rosterCalendar .ui-datepicker{width:100%; background:#eceef2; color:#2e303d;}
.rosterCalendar .ui-datepicker-title{color:#2e303d;}
.rosterCalendar .ui-datepicker-prev, .rosterCalendar .ui-datepicker-next{color:#2e303d; outline:none; }
.rosterCalendar .ui-datepicker-prev{ background:url(../images/calendar-arrow.png) no-repeat; background-position:0 center; margin-left:10px;}
.rosterCalendar .ui-datepicker-next{ background:url(../images/calendar-arrow.png) no-repeat; background-position:right center; margin-right:10px;}
.rosterCalendar .ui-datepicker-prev span{ display:none;}
.rosterCalendar .ui-datepicker-next span{ display:none;}

.rosterCalendar .ui-datepicker table{ margin-bottom:0px; padding-bottom:10px;}
.rosterCalendar .ui-datepicker tbody a{color:#525252; text-shadow:0 0 0 #525252;}
.rosterCalendar a.ui-state-active, .rosterCalendar .ui-datepicker tbody a:hover{color:#f47920 !important; background:none; }
.rosterCalendar .ui-datepicker .ui-datepicker-header{ padding-top:0.05em;}
.rosterCalendar .ui-datepicker td span, .rosterCalendar .ui-datepicker td a{ line-height:20px; padding-top:0.2em; padding-bottom:0.1em;}

.rosterCalendar .ui-datepicker th{ background:#047f9a; font-family:'open_sansbold'; font-size:14px; padding:0.3em 0.3em;}
.rosterCalendar .ui-state-highlight{ background:none !important; color:#f47920 !important;}
.ViewallEvent{background:#dfe2e9; padding:10px 20px;}
.ViewallEvent a{padding:0 14px 0 0; text-decoration:none; color:#2f3b4c; font-size:15px; background:url(../images/event-arrow.png) no-repeat; background-position:right center; outline:none;}
.ViewallEvent a:hover{opacity:0.6;}

.noReporters{background:url(../images/noReporters.jpg) no-repeat 0 0; background-size:cover; color:#fff; text-align:center; padding:15px 20px 100px; position:relative;}
.noReporters span{ text-transform:uppercase; font-family:'open_sansbold'; font-size:18px; max-width:150px; display:block; margin:0 auto; line-height:22px;}
.reportCount{ font-family:'open_sansbold'; font-size:75px; line-height:92px;}
.totalCnt{position:absolute; bottom:0px; width:100%; left:0px;}
.totalCnt .reportAvail{ width:49.6%; float:left; background:rgba(255,135,97,.66); font-size:25px; font-family:'open_sansbold'; padding:11px 0 15px;}
.totalCnt .reportAvail+.reportAvail{ float:right;}
.totalCnt .reportAvail span{ display:block; text-transform:none;}

.red{ color:red;}
/*******Create Roster CSS*******/




/*******************************************LogIn Page CSSS*******************************************/
html, body {margin:0; padding:0; height:100%; }
body.logInPage{background: url(../images/login-bg.jpg) no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
body.logInPage #wrapper{ background:none; position:relative; padding-bottom:60px}
.logInPage header { background:#ffffff; box-shadow:0 0 5px rgba(0, 0, 0, .17); text-align:center; width:100%; display:table; text-align:center; position:relative; z-index:9;}
.logInPage .heading{ margin-bottom:20px; text-align:center; background:#235185; margin-left:-25px; margin-right:-25px; margin-top:-25px; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;}
.logInPage .heading h2{ font-size:25px; color:#fff; font-family:'open_sansbold'; padding:10px 0;}
.logInPage .logo { margin:0 auto; width:auto; float:none; display:table; }
.logInPage .login { background:rgba(0,0,0,.5);  padding:20px; max-width:500px; width:100%; margin:70px  auto 0; }

.logInPage .loginForm{font-size:24px; color:#0b2476; background:#f6f6f6; padding:20px 25px 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);}
.logInPage .loginForm ul { list-style-type:none; padding:5px 0 0; margin:0px; }
.logInPage .loginForm ul li { display:table; width:100%; margin-bottom:15px; }
/*.logInPage .forgotPass {display:none; }*/
.logInPage .forgotPass ul li{ margin-bottom:20px;}

.logInPage .loginFormBox .customSelectOuter{ font-family:'open_sansregular'; width:100%; border:1px solid #aeaeae; padding:0 3px 0 5px !important; height:44px; line-height:44px; display:block; margin:0 0 0px; box-sizing: border-box; font-size:14px; color:#333; border-radius:5px; background:#fff}
.logInPage .loginFormBox span.customSelect{ padding-left:15px; line-height:42px;}

.logInPage .loginForm ul li a { font-size:14px; color:#1f1f1f; text-decoration:underline; font-family:'open_sansregular'; font-weight:normal; text-shadow:0 0 0 #1f1f1f; outline:none;}
.logInPage .loginForm ul li a:hover { color:#0b2476; text-decoration:none; }
.logInPage .forgotPassword { text-align:center; display:block; line-height:25px;}
.logInPage .loginForm input{font-family:'open_sansregular'; width:100%; border:1px solid #aeaeae; padding:0 10px 0 10px; height:45px; display:block; margin:0 0 0px; box-sizing: border-box; font-size:16px; color:#333; background:#fff;}
.logInPage .userName, .logInPage .userPassword { position:relative; }
/*.logInPage .userName:before { content:''; height:44px; background: url(../images/userIcons.png) no-repeat 0 0; width:55px; float:left; position:absolute; }*/
.logInPage li i{ position:absolute; background:#818285; color:#fff; height:44px; line-height:50px; width:48px; font-weight:normal; font-size:25px; text-align:center; border-radius:3px 0 0 3px;}

.logInPage li.userName label{width:35%; float:left; font-family:'open_sanssemibold'; font-size:16px; color:#4d4d4f; line-height:50px; padding-bottom:0px; position:relative; z-index:9;}
.logInPage li.userName .Inputbox{ float:left; width:100%; margin-left:-35%; padding-left:35%;}
.logInPage li.loginCaptcha {margin:0; padding:15px 0 8px;}
.logInPage li.loginCaptcha input{ height:55px;}
.logInPage li.loginCaptcha div{ width:50%; float:left;} 
.logInPage li.loginCaptcha div.loginCaptchaImg{ border:1px solid #aeaeae; padding:1px; background:#fff; overflow:hidden; height:55px; width:48%; text-align:center;}
.logInPage li.loginCaptcha div.loginCaptchaImg img{ width:100%; float:left; height:55px;}
.logInPage li.loginCaptcha div.loginCaptchaInput{ padding-left:2%; width:52%;}
.loginCaptchaImg > span{vertical-align:middle;}

.logInPage .checkBox{ padding-top:5px;}
.logInPage .checkBox .rememberMe{ float:left; font-family:'open_sanssemibold';}
.logInPage .checkBox .forgotPassword{ float:right; line-height:20px;}
.logInPage .checkBox .forgotPassword a{font-family:'open_sanssemibold'; font-size:16px;color:#4d4d4f; text-shadow:none; }

.logInPage .checkBox label { font-size:16px; line-height:29px; display:block; padding-left:30px !important; color:#4d4d4f; font-family:'open_sanssemibold';}
.logInPage .loginForm .loginBtn { margin-bottom:5px; }
.logInPage .loginForm .loginBtn .logBtn{background:#333; color:#fff; font-family:'Open Sans', sans-serif; padding:14px 0; color:#fff; text-transform:uppercase; font-size:24px; font-weight:700; cursor:pointer; border:0px; height:auto; width: 47%;}
.logInPage .loginForm .loginBtn .logBtn:hover { background:#818285; }
.logInPage .checkBox [type="checkbox"]:not(:checked), .logInPage .checkBox [type="checkbox"]:checked{position:absolute; left:-9999px;}
.logInPage .checkBox [type="checkbox"]:not(:checked) + [type="hidden"] + label, .logInPage .checkBox [type="checkbox"]:checked + [type="hidden"] + label {position:relative; padding-left:25px; cursor:pointer; padding-bottom:0px;}
.logInPage .checkBox [type="checkbox"]:not(:checked) + [type="hidden"] + label:before, .logInPage .checkBox [type="checkbox"]:checked + [type="hidden"] + label:before{content:''; position:absolute; left:0; top:3px; width:22px; height:22px; border:1px solid #aeaeae; background:#f8f8f8;}
.logInPage .checkBox [type="checkbox"]:not(:checked) + [type="hidden"] + label:after, .logInPage .checkBox [type="checkbox"]:checked + [type="hidden"] + label:after {content:''; position:absolute; top:7px; left:5px;
font-size:18px; line-height:0.8; color:#666; transition:all .2s; background:url(../images/checkIcon.png) no-repeat center center; height:14px; width:14px;}
.logInPage .checkBox [type="checkbox"]:not(:checked) + [type="hidden"] + label:after{opacity:0; transform: scale(0);}
.logInPage .checkBox [type="checkbox"]:checked + [type="hidden"] + label:after { opacity: 1; transform: scale(1); }
.logInPage .checkBox [type="checkbox"]:disabled:not(:checked) + [type="hidden"] + label:before, .logInPage .checkBox [type="checkbox"]:disabled:checked + [type="hidden"] + label:before {box-shadow:none; border-color:#bbb; background-color:#ddd;}
.logInPage .checkBox [type="checkbox"]:disabled:checked + [type="hidden"] + label:after { color: #999; }
.logInPage .checkBox [type="checkbox"]:disabled + [type="hidden"] + label { color: #aaa; }
.logInPage .checkBox label:hover:before { border: 1px solid #bbb !important; }
.logInPage .loginFooter { font-family:'open_sanssemibold'; font-size:19px; color:#0b2476; background:#fbfbfb; height:55px; line-height:55px; padding:0px 35px; border-radius:0 0 7px 7px; margin:0px -25px -25px -25px; text-align:center; }
.logInPage .loginFooter a { color:#0b2476; font-size:19px; font-weight:600; text-decoration:underline; transition:all 0.4s ease; -moz-transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
.logInPage .loginFooter a:hover { color:#000; text-decoration:none; }
.logInPage footer{background:rgba(0,0,0,.67); text-align:center; font-family:'open_sanssemibold'; color:#fff; padding:0px 10px; font-size:14px; position:absolute; bottom:0; left:0; right:0px;}
.logInPage footer .copyright{padding:10px 0; color:#333;}
.logInPage #wrapper{min-height:100%;}
.logInPage .accoutnCreate{ text-align:center; border-top:2px solid #ccc;}
.logInPage .login.register .customSelectOuter{border-radius:0 !important;}
.logInPage .login.register .customSelect{padding:0 5px;}
.logInPage .login.register {max-width:700px; margin:27px auto;}
.logInPage .login.register footer{ position:}
.colBox .input.file > input {background: none; border:none; padding: 0; height:30px}
.login.register .colBox label { font-size: 15px;}

/*******************************************LogIn Page CSSS*******************************************/


/***Create New Event CSS***/
.create-new-event{}
.create-new-event input{height:45px; background-color:#f6f6f6;}
.create-new-event .customSelectOuter{background-color:#f6f6f6;}
.create-new-event span.customSelect{height:45px; line-height:30px; color:#393939;}
.create-new-event .row{margin:0 -15px;}
.create-new-event .row .col{margin-bottom:15px; }
.create-new-event .row .row { margin:0 -10px;}
.create-new-event .row .row .col{ margin-bottom:0px; padding:0 10px;}
.create-new-event .timeFrm{ text-align: center; line-height:50px;}
.create-new-event .timeSet{ padding-left:40px;}
.create-new-event input.timeIcon{padding-left:35px;}
input.location-icon{ background:url(../images/location-icon.png) no-repeat; background-position:right center; padding-right:50px;}

.CreateEventbtn .button{background:url(../images/btn-arrow.png) no-repeat #004185; background-position:10px center; border:0px; padding-left:40px; height:50px;}
.CreateEventbtn .button:hover{background-color:#222; color:#fff;}
.CreateEventbtn .resetBtn{background:url(../images/btn-loader.png) no-repeat #ff8761; background-position:14px center; border:0px; padding-left:43px; height:50px;}
.CreateEventbtn .button:hover{background-color:#222; color:#fff;}
/***Create New Event CSS***/


/*****Time Picker CSS******/
.ti_tx, .mi_tx, .mer_tx { width: 100%; text-align: center; margin:5px 0; }
.time, .mins, .meridian { width: 60px; float: left; margin:0 0px; font-size: 20px; color: #2d2e2e; font-family: arial; font-weight: 700; }
/*.prev, .next { cursor: pointer; padding: 18px; width: 28%; border: 1px solid #ccc; margin: auto; background: url(../images/arrow.png) no-repeat; border-radius: 5px; }
.prev:hover, .next:hover { background-color: #ccc; }
.next { background-position: 50% 150%; }
.prev { background-position: 50% -50%; }*/
.time_pick { position: relative; }
.timepicker_wrap { padding:10px 0px; border-radius: 5px; z-index: 998; display: none; box-shadow: 2px 2px 5px 0 rgba(50, 50, 50, 0.35); background: #f6f6f6; border: 1px solid #ccc; float: left; position: absolute; top: 27px; left: 0; width:183px;}
.arrow_top { position: absolute; top: -10px; left: 20px; background: url(../images/top_arr.png) no-repeat; width: 18px; height: 10px; z-index: 999; }
input.timepicki-input { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; float: none; margin: 0; text-align: center; width: 70%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-left:0px; padding-right:0px; font-size:17px !important;}
a.reset_time { float: left; margin-top: 5px; color: #000;  }
/*****Time Picker CSS******/

/*****Create Committee CSS*****/
.createCommittee{margin-bottom:15px; position:relative;}
.createCommittee:after{ content:''; clear:both; display:table; width:100%; }
.committeeShow{ float:left; width:230px; }
.committeeShow label{float:left; line-height:41px; font-weight:bold; font-size:14px; padding-right:10px;}
.committeeShow .inputOuter{float:left; width:110px;}
.committeeShow .inputOuter.customSelectOuter{ width:100%;}
.entries{ line-height:41px; padding:0 10px; float:left;}
.searchcommit{ float:right; width:200px;}
.searchcommit label{float:left; line-height:41px; font-weight:bold; font-size:14px; padding-right:10px; margin-left:-65px;}
.searchcommit input{float:left; width:100%;}
.Newbtn{position:absolute; right:0px; top:0px;}
.Newbtn a{background:#1a63b0; color:#fff; text-decoration:none; padding:4px 22px; display:block; font-size:16px; font-family:'open_sansbold'; border:1px solid transparent;}
.Newbtn a:hover{ border:1px solid #1a63b0; background:#fff; color:#1a63b0;}

.committeeBottom{}
.committeeBottom:after{ content:''; clear:both; display:table; width:100%; }
.showingEntery{ float:left; line-height:33px;}
.paging{ background:#eaeaea; padding:5px 10px; margin-top:10px}
.paging > p {float: left; margin: 4px 0 0; padding: 0; font-weight:bold; color:#787878;}
.paging span{float:left;}
.paging ul{margin:0px; padding:0px; list-style-type:none; float:right;}
.paging ul li{float:left; min-width:34px}
.paging ul li a, .paging span a{border:1px solid #c9c9c9; text-decoration:none; margin:0 0 0 -1px; padding:0 12px; background:#fff; color:#787878; display:block; font-family:'open_sansregular'; height:30px; line-height:28px; font-size:14px;}
.paging .prev a{background:#fff url(../images/paging-arrow-left.png) no-repeat; background-position:11px center; padding:0px;}
.paging .prev a:hover{background:#f5f5f5 url(../images/paging-arrow-left.png) no-repeat; background-position:11px center;}
.paging .next a{ background:#fff url(../images/paging-arrow-right.png) no-repeat; background-position:11px center; padding:0px;}
.paging .next a:hover{ background:#f5f5f5 url(../images/paging-arrow-right.png) no-repeat; background-position:11px center;}
.paging .first a{ background:#fff url(../images/paging-double-arrow-left.png) no-repeat; background-position:11px center; padding:0px; width:40px;}
.paging .first a:hover{ background:#f5f5f5 url(../images/paging-double-arrow-left.png) no-repeat; background-position:11px center; padding:0}
.paging .last a{ background:#fff url(../images/paging-double-arrow-right.png) no-repeat; background-position:11px center; padding:0px; width:40px;}
.paging .last a:hover{ background:#f5f5f5 url(../images/paging-double-arrow-right.png) no-repeat; background-position:11px center; padding:0}
.paging ul li a:hover, .paging ul li.active a{ background:#f5f5f5}
.paging span a:hover{ background-color:#000;}
/*****Create Committee CSS*****/


.popupAbsoulate{ position:fixed; height:100%; width:100%; z-index:999999; }
.popupOverlay { width: 100%; height: 100%; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 99999; background-color: rgba(0,0,0,0.5); }
.popup_cover {width:350px; height: 150px; margin:0; padding: 15px; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); z-index: 999991; -webkit-box-shadow: 0 0 3px #111; box-shadow: 0 0 3px #111; background-color: #fff; }
.popup_cover.green {background:#dff2bf url(images/success-icon.png) no-repeat 10px center; padding-left:34px; border:1px solid #adde5c; height:auto; width:auto; -webkit-box-shadow: 0 0 3px #adde5c; }
.popup_cover p{ margin-bottom:0px;}
#spanUserMessage { font-weight: bold; text-align: center; color:green; margin-bottom:0px;}
.popup_cover.red {background:#fde4e1 url(images/error-icon.png) no-repeat 10px center; padding-left:34px; border:1px solid #fbd3c6; height:auto; width:auto; -webkit-box-shadow: 0 0 3px #fbd3c6; }
.popup_cover.red #spanUserMessage{color:#b10009;}


/****AdministratorPage CSS ***/
.administratorPage{background:#f9f9f9; padding:30px 25px;}
.administratorPage .row{ margin:0 -15px;}
.administratorPage .cols3{ /*margin-bottom:25px;*/ transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.administratorPage .cols3 .adminiBox{ border:1px solid #ddd; padding:15px 12px 12px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; }
.administratorPage .cols3 .adminiBox:hover{ box-shadow:inset 0 0 5px rgba(0,0,0,.1); background:#f1f1f1;}
.administratorPage .cols3 .adminiBox a{display:block; text-align:center; text-decoration:none; font-family:'open_sanssemibold'; font-size:16px; color:#333; outline:none;}
.administratorPage .cols3 .adminiBox a span{ display:block; }
.administratorPage .cols3 .adminiBox a span.adminName{ height:30px; line-height:16px;}
.administratorPage .cols3 .adminiBox a img{ margin-bottom:15px; transform:scale(1); -webkit-transform:scale(1); transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.administratorPage .cols3 .adminiBox:hover a img{ transform:scale(1.1); -webkit-transform:scale(1.1);}

.dashboardUser{ padding:0px 0px 32px;}
.dashboardUser ul{list-style-type:none; margin:0px -7px; padding:0px;}
/*.dashboardUser ul li{ float:left; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; width:16.66666666666667%; padding:0 7px;}*/
.dashboardUser ul li{ float:left; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; width:20%; padding:0 7px;}

.dashboardUser ul li .adminiBox{padding:0px 15px 0px; height:80px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; background:#ddd; position:relative;}
.dashboardUser ul li .adminiBox:before{content:''; background:transparent; position:absolute; top:16%; left:64%; right:9%; bottom:15%; z-index:0; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; border-radius:100px; -webkit-border-radius:100px;}
.dashboardUser ul li .adminiBox:hover:before{left:0px; top:0px; right:0px; bottom:0px; border-radius:0px; -webkit-border-radius:0px; background:#fff;}

.dashboardUser ul li .adminiBox a{display:block; text-decoration:none; font-family:'open_sansbold'; font-size:14px; color:#fff; outline:none; text-transform:uppercase; line-height:16px; position:relative; z-index:8;}
.dashboardUser ul li span.adminName{ float:left; width:100%; margin-right:-57px; padding-right:60px;}
.dashboardUser ul li span.adminName b{ height:80px; vertical-align:middle; display:table-cell;}
.dashboardUser ul li .iconImg{background:#fff; display:block; float:left; height:57px; width:57px; border-radius:100px; -webkit-border-radius:100px; position:relative;z-index:9;}
.dashboardUser ul li .dashboardUserIcon{height:80px; vertical-align:middle; display:table-cell;}
.dashboardUser ul li .blueClr{background:#235185;}
.dashboardUser ul li .redClr{background:#fe5b4c;}
.dashboardUser ul li .yellowClr{background:#f5c029;}
.dashboardUser ul li .orangeClr{background:#dc7201;}
.dashboardUser ul li .greenClr{background:#8bc34a;}
.dashboardUser ul li .lightBlueClr{background:#03a9f4;}

.dashboardUser ul li .blueClr:hover a{ color:#235185;}
.dashboardUser ul li .redClr:hover a{ color:#fe5b4c;}
.dashboardUser ul li .yellowClr:hover a{ color:#f5c029;}
.dashboardUser ul li .orangeClr:hover a{ color:#dc7201;}
.dashboardUser ul li .greenClr:hover a{ color:#8bc34a;}
.dashboardUser ul li .lightBlueClr:hover a{ color:#03a9f4;}
.dashboardUser ul li:hover .blueClr{ box-shadow:0 0 5px #235185;}
.dashboardUser ul li:hover .redClr{ box-shadow:0 0 5px #fe5b4c;}
.dashboardUser ul li:hover .yellowClr{ box-shadow:0 0 5px #f5c029;}
.dashboardUser ul li:hover .orangeClr{ box-shadow:0 0 5px #dc7201;}
.dashboardUser ul li:hover .greenClr{ box-shadow:0 0 5px #8bc34a;}
.dashboardUser ul li:hover .lightBlueClr{ box-shadow:0 0 5px #03a9f4;}

.dashboardUser ul li.resport-Img{ background:#e2e2e2 url(../images/resport-Img.jpg) no-repeat right center; height:80px; width:59.5%; float:right; }

.loginUser{ top:50px; box-shadow:0 0 5px rgba(0,0,0,.5);}
.user-header{ text-align:center; background:#274058; color:#fff; padding:10px 0;}
.user-header p{ margin-bottom:0px;}
.user-header small{ display:block;}
.img-circle{ background:#fff; border-radius:100px; -webkit-border-radius:100px; border:1px solid #fff; margin:0px 0 5px;}
.follFriens{ background:#f1f1f1; float:left; width:100%;}
.follFriens .follBox{float:left; width:50%; text-align:center; padding:0 0px;}
.follFriens .follBox a{color:#274058; padding:0px;}
.follFriens .follBox a:hover{color:#fff; background:#333}
.user-footer{padding:6px 15px; float:left; width:100%;}
.user-footer a{color:#fe5b4c; text-shadow:0 0 0 #fe5b4c;}
.user-footer a:hover{ color:#235185; text-shadow:0 0 0 #235185;}
.user-footer .pull-left{float:left;}
.user-footer .pull-right{float:right;}

.regionalDetails{ margin-bottom:50px;}
.regionalDetails h4{font-family:'open_sansregular'; font-size:16px; color:#000; margin-bottom:10px;}
.regionalDetails .cols4{}
.regionalDetails .regionalBox{border:1px solid #eee; padding:15px; background:#fff;}
.regionalDetails .regionalBox strong{font-family:'open_sansregular'; color:#939393; font-weight:normal; font-size:14px; padding-bottom:10px; display:block;}
.ChartbtmLink{ height:42px; line-height:42px; margin:15px -15px -15px -15px; border-top:1px solid #eee;}
.ChartbtmLink a{color:#03a9f4; font-size:14px; font-family:'open_sanssemibold'; text-decoration:none; padding:0 20px; display:block; position: relative; outline:none;}
.ChartbtmLink a:after{left:100%; top:50%; margin-left:-25px; 	border:solid transparent; 	content:""; height:0; width:0; position:absolute; pointer-events:none;}
.ChartbtmLink a:after{border-color:rgba(136, 183, 213, 0); border-left-color:#03a9f4; border-width:5px;	margin-top:-5px;}

.ChartbtmLink.green a{color:#608a30;}
.ChartbtmLink.green a:after{border-left-color:#608a30;}
.ChartbtmLink.red a{color:#c61f10;}
.ChartbtmLink.red a:after{border-left-color:#c61f10;}
.commonCheckList.accordDetail h5 {font-size: 16px; margin: 4px 0 0; padding: 0 0 3px 0;}


.formDto{font-size:14px; color:#000; font-family:'open_sansregular';}
.formDto .tableOut{ clear:both;}
.formDto table.tableData thead tr th{ background:#235185; color:#fff; font-family:'open_sanssemibold'; padding:5px 10px; line-height:15px;}
.formDto table.tableData tbody tr td{padding:3px 10px;}
.formDto table.tableData tbody tr td a{ color:#333;}
.reportIcon { text-align:center;}
.reportIcon a{ font-size:20px; font-family:'open_sansregular'; color:#747474;}
.reportIcon a:hover{ color:#c15433;}
.formDto h4{margin-bottom:15px; font-size:16px; font-weight:normal; float:left; width:100%; margin-right:-203px; padding-right:210px;}
.formMonthYear{ float:right; margin-top:-4px;}
.formMonthYear .inputOuter{ float:left; margin-left:10px;}
.formMonthYear .customSelect{ padding-top:5px; padding-bottom:5px;}
.formMonthYear .customSelectOuter{ border-color:#c6c6c6; background:url(../images/form-date-select-arrow.png) no-repeat right center;}
.formMonthYear span.customSelect{padding-right:20px; font-size:14px;}
.formMonthYear .inputOuter:first-child{ margin-left:0px; width:119px;}

.formDto .regionalBox{clear:both; background:#fff; border:1px solid #eee; padding:15px;}










/****AdministratorPage CSS ***/

/****************************/
.container{ transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
html.mm-background .container{ padding-left:0px; }
html.mm-background .main-sidebar{left:-314px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}

div.dataTables_paginate{float:right; margin:0px 5px 5px; font-size:13px;}
.goto {border-right:1px solid #252C4C; float:none; display:inline-block; height:19px; margin:0px 0 0; padding:0 8px 0 0; position:relative; top:0px;}
.goto select{ width:45px; padding:0px; height:30px; margin:-5px 5px 0; }
.paginate_button{border-right:1px solid #252c4c; color:#252c4c; cursor:pointer; font-size:13px; font-weight:bold; height:18px; padding-left:10px; padding-right:10px; text-decoration:none;}
.next.paginate_button{border:0px; border-right:1px solid #252c4c; color:#252c4c; cursor:pointer; font-size:13px; font-weight:bold; height:18px; padding:0px; padding-left:10px; padding-right:10px; text-decoration:none; height:auto; background:none; border-radius:0px; -webkit-border-radius:0px; }
.paginate_active{border-right:1px solid #252c4c; color:#09573d; cursor:pointer; font-size:13px; font-weight:bold; height:18px; padding-left:10px; padding-right:10px; text-decoration:none; display:inline-block;}

.bridcrumbs_div{ padding:10px 30px; border-top:1px solid #eee; border-bottom:1px solid #eee; margin-top:29px;}
.bridcrumbs_div strong{padding-right:5px;}
.dataTables_wrapper .top .dataTables_filter, .dataTables_wrapper .top .dataTables_length{display:none;}
.dataTables_wrapper .bottom .dataTables_filter, .dataTables_wrapper .bottom .dataTables_length{display:none;}
.dataTables_paginate{ transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.dataTables_paginate .delete_btn{background:url(../images/delete_btn.jpg) no-repeat right center !important; padding-left:4px; }
.dataTables_paginate .delete_btn:hover{opacity:.5;}
.dataTables_info{float:left; line-height:40px; }

.menu_right{ display:table; width:100%; padding-bottom:10px; margin-top:-10px;}
.menu_right_inner{  float:right;}
.menu_right_inner a{ background:#09573d; color:#fff; text-decoration:none;margin:0 5px;padding:6px 12px; font-size:14px; display:inline-table; font-family:'open_sansbold'; text-transform:none;}
.menu_right_inner a:hover{ background:#000; }
.StatusImageIcon{ margin-right:5px; margin-top:-3px;}

.table-bordered thead th{text-align:left; }
.table-bordered thead th:first-child{width:2% !important;}

.headTopDrop { margin:5px 0 0 10px;}
.headTopDrop .customSelectOuter{ background-position:48px center; border: 1px solid #fff;}
.headTopDrop .customSelect{padding:4px 15px 4px 6px;}
.headTopDrop span.selctName{ color:#fff; float:left; line-height:30px; padding-right:10px; font-family:'open_sansbold';}
.headTopDrop .inputOuter{float:left;}
.headTopDrop input.setRol{ background:#fff; color:#09573d; padding:4px; font-size:14px; height:30px;}
.headTopDrop input.setRol:hover{ background:#000; color:#fff;}


@media screen and (-webkit-min-device-pixel-ratio:0) {
.dataTables_paginate .delete_btn{ height:30px;}
} 

select#infra-categories {height:150px; margin:0 0 15px 0}
#infra-categories > option { border-bottom: 1px dashed #dcdcdc;  font-size: 13px;  padding: 3px 0;}

/******************************************/
.swatch.blue		{background-color:#047f9a;}
.swatch.green		{background-color:#33b86c;}
.swatch.darkBlue	{background-color:#061e54;}
.swatch.darkGreen	{background-color:#133932;}
.swatch.white		{background-color:#ffffff;}
/******************************************/


.chkControl-group{margin-top:-30px; margin-left:-10px; margin-bottom:-8px; margin-right:-5px; padding-top:10px; padding-left:10px; width:600px; display:inline-block; height:400px; text-align: left; vertical-align:top; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.1); overflow-y:scroll;}
.chkControl{position:relative; display:block; margin-bottom:15px; cursor:pointer; display:inline-table; width: 32%;}
.drugwiseDetails{ padding-top:30px;}

.formDto h4{ margin-right:-293px}
.regionalDetails{ margin-bottom:0;}
.tableOut .tableData { margin-bottom:20px;}


.nextBtn {float:right; margin-top:-15px; position:relative; z-index:9;}
.nextBtn a{background:#99d9ea; color:#000000; text-decoration:none; padding:5px 15px;}
.nextBtn a:hover{background:#6cbdd2;}

.iconsGuide{margin-top:20px;}
.iconsGuide ul{list-style-type:none; margin:0px; padding:0px;}
.iconsGuide ul li{float:left; width:156px; padding:10px 23px 10px 20px; background:#fff; border:1px solid rgba(35,81,133,.2); margin:0 20px 15px 0; font-size:16px; text-align:center; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.iconsGuide ul li i{font-size:26px; margin:0 auto 10px; display:block; color:#274058;}
.iconsGuide ul li:hover{ background:rgba(35,81,133,.1);}


.userProfile:after{content:''; clear:both; display:table; width:100%;}
.userProfile ul{ float:left; width:45%;padding-left:65px;}
.userProfile ul li{ margin-bottom:10px;}
.userProfile ul li label{font-family:'open_sanssemibold'; font-size:14px; text-shadow:0 0 0; text-align:left; width:150px; }
.userProfile ul li .fieldBox{ line-height:29px; margin-left:-150px; padding-left:170px;}
.addDto ul li.mandoryfiled .fieldBox input#IsTypeSeizure{ position:relative; height:auto; margin-left:4px;}
.manufactDate.proposal_submitted > label{font-size:15px;}
.manufactDate.proposal_submitted {padding: 0 10px;}
.profilePic{max-width:200px; width:100%; float:left;}
.profilePic img{ width:100%; opacity:.9;}

/************* Paginator *********************/
.paginator {float: right;margin: 10px 0 0; padding: 0;}
.pagination li {background: rgba(0, 0, 0, 0.08) none repeat scroll 0 0; display:inline-block; height: 35px; margin: 0 5px; width: 35px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.pagination a {margin:7px 0 0; text-decoration: none; text-align:center; height:100%; display:block}
.pagination li.active{background:rgba(0,0,0,0.25);}
.pagination li:hover{background:rgba(0,0,0,0.15);}
.noRecords {    background: #d1d1d1 none repeat scroll 0 0;    color: #992c2c;    font-size: 18px;    font-weight: bold;    padding: 10px;    text-align: center;}

.appInfoDisplay {margin: 20px 0 0;}
.appInfoDisplay li {font-weight: bold;}
.appInfoDisplay ul li span {font-weight: normal;}

.proposalListTbl tr td:first-child {width: 35%; text-align:left; vertical-align:middle; font-weight:bold;}
.proposalListTbl tr td:last-child {text-align:left; vertical-align:middle;}
.proposalListTbl td a{text-decoration:none;}
#add_more_photo, #add_more, #add_more_photo_studies{background: #305194; color: #ffffff; display: inline-block; margin:15px 10px 0 0; padding: 7px 10px; text-decoration:none; font-size:15px;}
#removePhotoDiv1, #removePhotoDiv, #removeDiv {background: #e65a15 ; color: #ffffff; display: inline-block; margin:15px 0 0; padding: 7px 10px; text-decoration:none; font-size:15px;}
.crzDiv .input.select.required > label {text-align: left; width: 100%;}
.crzDiv .checkbox {display: inline-block; width: 20%;}
fieldset {background: #f4f4f4 none repeat scroll 0 0; border: 1px solid #ececec; margin: 10px 0; padding: 13px;}
.input.text.required > label {text-align: left;}


.modal-header {border-bottom: 0 solid #e5e5e5; padding: 15px 15px 0;}
h4.modal-title {color: #335295;  font-size: 20px;  margin: 0; padding-bottom: 10px;}
.modal-dialog .close { background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  border: medium none;  color: #000000; float: right;  font-size: 31px;   margin:-9px 0 0 !important;   opacity: 0.2;   padding: 0;}
.modal-body { padding: 15px;  position: relative;}
.modal-body .btn{padding:5px 15px;}
.btn.btn-default {background: #333333; border-color: #333333;  color: #ffffff;}
.form-group {padding-bottom: 15px;}
.actions button {background:none;color: #09573d; font-family: "open_sansregular"; font-size: 14px; padding: 0; text-decoration: underline;}
.actions button:hover { text-decoration: none;}
.actions.lastTh, td.actions {text-align: center !important;}

/**************** View proposal Remarks **************************/
.adminComment, .userComment {margin: 0 0 25px; padding:11px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; position:relative; width:90%}
.adminComment {background:rgba(35, 81, 133, 0.08); float:left} 
.adminComment:after{background:url(../images/admin-cmt-icon.png) no-repeat left center; content:''; position:absolute; top:-15px; left:15px; width:20px; height:15px}
.userComment {background: #ececec; text-align:right !important; float:right;} 
.userComment:after{background:url(../images/user-cmt-icon.png) no-repeat left center; content:''; position:absolute; top:-15px; right:15px; width:20px; height:15px}
.adminComment .proposalComment, .userComment .proposalComment{font-size:16px; color:#000;}
.adminComment .proposalUserName, .userComment .proposalUserName{font-size:15px; color:#235185;}
.adminComment .proposalCmtTime, .userComment .proposalCmtTime{font-size:12px; color:#b95e1e;}
.proposalName{margin-bottom:30px; padding-bottom:10px; border-bottom:1px solid #d6d6d6;}
.proposalName h4 {float: left;  font-size: 21px; margin:0}
.proposalName a {background: #274058 none repeat scroll 0 0; border: 1px solid #274058;  color: #ffffff;   float: right;font-size: 16px; padding: 3px 10px; text-decoration: none;}


.innerSubHead {font-size: 18px;  margin: 20px 0 10px;}
.submitBut button { background:#235185; margin: 20px 10px 0 0!important; padding:7px 15px}
.rolePermission .roleName{text-align:right;}
.submitBut .btnCancel.button { display: inline-block; line-height:1.5;}
.twoCol{ margin:0 -10px;}
.twoCol .dateBox{ width:50%; float:left; padding:0 10px;}
.twoCol .dateBox input.datepicker{ max-width:100%; background:#fff;}
.addDto.contentForm {width: 700px;}

#acosValue > ul {padding: 0;}
#acosValue li {list-style-type: none;}
.formPage {background: #f2f2f2; padding: 10px 0; border:1px solid #e7e7e7}
.formPage li {float: left; list-style-type: none; padding: 0 10px 7px 10px;  width:33.33%;}
.formPage li label{padding:0 0 2px 0 ;}

.submitAppList {margin: 0 0 0 -10px; padding: 0;}
.submitAppList li {float: left; list-style-type: none; padding: 0 10px; width:25%; margin:0 0 20px 0}
.submitAppList a {background: #274058; color: #ffffff; display: block; font-size: 17px; padding: 25px 15px; text-decoration: none; position:relative; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.submitAppList a:after { position:absolute; background:#fff; content:''; top:36px; left:0; height:3px; width:7px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.submitAppList a:hover{ padding:25px 15px 25px 25px;}
.submitAppList a:hover::after{width:17px;}
.btnCngeStatus {padding: 0 10px; font-size:13px; height:38px; font-family:"open_sanssemibold"; vertical-align:middle; line-height:26px; margin-right:8px}
.btnCngeStatus:last-child { margin: 0;}


.leftSign {float: left;}
.rightSign {float: right;}
.rightSign .user_name, .leftSign .user_name {font-weight: bold;}
.rightSign span {text-align: right;}
.rightSign span, .leftSign span {display: block;}
/*******************inner page table format***********************/
.userListTlb .lastTh, .categoryListTlb .lastTh, .stateListTbl .lastTh, .districtListTlb .lastTh, .districtViewTlb .lastTh, .tehsilListTbl .lastTh, .tehsilViewTbl .lastTh, .stateViewTlb .lastTh, .villageListTlb  .lastTh, .menuRolesTlb .lastTh, .roleListTlb .lastTh, .approveAgendaListTlb .lastTh, .finalApprovedTbl .lastTh{width: 180px;}
.userListTlb th:nth-child(3), .userListTlb td:nth-child(3){text-align:right !important; width:130px}
.userListTlb th:nth-child(3) {padding-right: 27px !important;}
.categoryListTlb th:nth-child(3), .categoryListTlb td:nth-child(3) {text-align:right !important; width:160px}
.categoryListTlb th:nth-child(2), .categoryListTlb td:nth-child(2) {width:110px}
.tehsilListTbl .firstTh, .tehsilListTbl .firstTd, .tehsilViewTbl .firstTh, .tehsilViewTbl .firstTd, .districtViewTlb .firstTh, .districtViewTlb .firstTd, .villageListTlb .firstTd, .villageListTlb .firstTh, .menusListTlb .firstTh, .menusListTlb .firstTd, .menuRolesTlb .firstTd, .menuRolesTlb .firstTh, .firstTh .lastTh, .roleListTlb .firstTd, .approveAgendaListTlb .firstTh, .approveAgendaListTlb .firstTd{width:70px; text-align:center !important}
.tehsilViewTbl th:nth-child(2), .tehsilViewTbl td:nth-child(2){width:100px; text-align:right !important}
.districtViewTlb td:nth-child(4), .districtViewTlb td:nth-child(5), .villageListTlb th:nth-child(2), .stateViewTlb .firstTh{width:150px; }
.menusListTlb .lastTh{width:250px;}
.proposalListTlb .firstTh, .proposalListTlb .firstTd{width:70px; text-align:center !important}
.proposalListTlb .lastTh{width: 100px;}
.approveAgendaListTlb .mdi {color: #505050;  font-size: 19px;}



/*.renderMenu .bulletText{padding:0 0 0 15px;}
.renderMenu .bulletText li {background:url(../images/bullet-circle.png) no-repeat left 7px;padding:2px 0 2px 15px; position:relative}
.renderMenu .bulletText li:before {background: #999999; content: ""; height: 24px; left: -10px; position: absolute; top: -14px;  width: 1px;}
.renderMenu .bulletText li:after {background: #999999; content: ""; height: 1px; left: -10px; position: absolute; top: 10px; width: 15px;}
*/
.renderMenu .bulletText{margin:6px 0 0 0; padding:0}
.renderMenu .bulletText > li a {color: #000000; float: right; font-size: 16px;  margin: 0 5px; }
.renderMenu ul.bulletText li {background-image: url("../images/right-arrow.png") no-repeat scroll left 12px; padding:6px 0 6px 15px; border-top:1px solid #cfcfcf;}
.bulletText li a:first-child {margin-right: 25px;}
.renderMenu ul.bulletText li:last-child{border-bottom:0 none; padding-bottom:0}
.menuLinkTitle{margin-bottom:20px;}


 /*map datepicker calendar*/
.daterangepicker.dropdown-menu { display:none;}
.daterangepicker table,.daterangepicker .tableData{ border:0;}
.daterangepicker th,.daterangepicker .tableData th,.daterangepicker th a {background:none;color: #333;font-family: inherit;font-size: inherit;line-height: inherit;text-align: inherit;text-decoration: none;}
.daterangepicker { position: absolute; color: inherit; background: #fff; border-radius: 4px; width: 278px; padding: 4px; margin-top: 1px; top: 100px; left: 20px;/* Calendars */ }
.daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
.daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; }
.daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }
.daterangepicker.opensleft:before { right: 9px; }
.daterangepicker.opensleft:after { right: 10px; }
.daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }
.daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }
.daterangepicker.opensright:before { left: 9px; }
.daterangepicker.opensright:after { left: 10px; }
.daterangepicker.dropup { margin-top: -5px; }
.daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; }
.daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; }
.daterangepicker.dropdown-menu { max-width: none; z-index: 3001; }
.daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; }
.daterangepicker.show-calendar .calendar { display: block; }
.daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; }
.daterangepicker .calendar.single .calendar-table { border: none; }
.daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; padding:2px !important; }
.daterangepicker .calendar-table { border: 1px solid #fff; padding: 4px; border-radius: 4px; background: #fff; }
.daterangepicker table { width: 100%; margin: 0; }
.daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius:0px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; }
.daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; }
.daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; }
.daterangepicker td.start-date { border-radius: 4px 0 0 4px; }
.daterangepicker td.end-date { border-radius: 0 4px 4px 0; }
.daterangepicker td.start-date.end-date { border-radius: 4px; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; }
.daterangepicker th.month { width: auto; }
.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }
.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }
.daterangepicker select.yearselect { width: 40%; }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; }
.daterangepicker .input-mini { border: 1px solid #ccc; border-radius:0px; color: #555; height: 30px; line-height: 30px; display: block; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; }
.daterangepicker .input-mini.active { border: 1px solid #ccc; border-radius:0px; }
.daterangepicker .daterangepicker_input { position: relative; }
.daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; }
.daterangepicker.rtl .input-mini { padding-right: 28px; padding-left: 6px; }
.daterangepicker.rtl .daterangepicker_input i { left: auto; right: 8px; }
.daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; }
.daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; }
.ranges { font-size: 11px; float: none; margin: 4px; text-align: left; }
.ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }
.ranges li { font-size: 13px; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 4px; color: #08c; padding: 3px 12px; margin-bottom: 8px; cursor: pointer; }
.ranges li:hover { background: #08c; border: 1px solid #08c; color: #fff; }
.ranges li.active { background: #08c; border: 1px solid #08c; color: #fff; }

#reportrange {margin-left: 10px;margin-top: 10px;padding: 7px 15px !important; text-align:left; width:auto !important;}
.daterangepicker .btn {font-family:inherit;font-size: 12px;padding: 6px 10px 4px;}

.linkButton{background: #235185; color: #ffffff; display: inline-block; padding: 5px; text-decoration: none;}
.linkButton:hover { background: #274058; color:#fff}
.agendaBtn{margin-bottom:15px;}
.agendaBtn a, .agendaBtn button {background: #c15433; font-family: "open_sansregular"; font-size: 15px; font-weight: normal; margin: 0 6px 0 0; color:#fff; height:30px; padding:4px 10px}
.agendaBtn a:hover, .agendaBtn button:hover { background: #235185; color:#fff}

.proposalsBtn button, .proposalsBtn a{padding:4px 10px; font-size:16px; font-weight:normal;}
.proposalsBtn a.button {display: inline-block; line-height: 30px; vertical-align:middle;}
/************************new Added************/
.select select.error-message{color:#505050;}
.dropdown.messages-menu.massegeIcon {position: relative;}
.dropdown-menu.loginUser {background: #274058 ;  margin: 0; padding:10px 10px 0; position: absolute; right:-30px; text-align: left;  top:50px;  width:185px;  z-index: 999; display:none}
.backBtn {text-align: right;}
.dropdown-menu.loginUser:after{border-style: solid;border-width:0 15px 11px;border-color: transparent transparent #274058 ;  position:absolute; top:-50px; left:20px; content:''; height:50px; width:30px}
.dropdown-menu.loginUser li i{font-size:19px; vertical-align:middle; margin-right:5px}
.dropdown-menu.loginUser li a{color:#fff;}
.backBtn .button {background: rgba(0, 0, 0, 0) url("../../images/back-arrow.png") no-repeat scroll 6px 12px; border: 1px solid #235185; color: #235185;  font-size: 16px; padding:10px 10px 10px 30px; margin:20px 46px 0}
#displayCheck input[type="checkbox"]{display:none;}
.dropdown-menu.loginUser a i{line-height:20px;;}
/*  Larger Screen Styling */

.commonCheckList.accordDetail h5.agendaCategory,.agendaCategory{font-weight:bold;font-size:16px;color:#2e303d;padding-left:25px;margin-top:20px;}
.accordion .accTrigger{margin-bottom:0;margin-top:10px;}
.commonCheckList.accordDetail{border:1px #e0e0e0 solid;padding:10px;}
.addDto ul li label{font-weight:bold;color:#274058;}
.addDto ul .Inputbox label{font-weight:bold;color:#274058;}
.pdfContent h2,.pdfContent h3{margin-bottom:5px;}
.pdfContent table h3{font-size:18px;margin-top:10px;font-weight:bold;}

@media (min-width: 564px) {
.daterangepicker {width: auto;}
.daterangepicker .ranges ul { width: 160px;}
.daterangepicker.single .ranges ul {width: 100%;} 
.daterangepicker.single .calendar.left {clear: none;}
.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {float: left;}
.daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {float: right;}
.daterangepicker.ltr {direction: ltr; text-align: left;}
.daterangepicker.ltr .calendar.left {clear: left;margin-right: 0;}
.daterangepicker.ltr .calendar.left .calendar-table {border-right: none;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.daterangepicker.ltr .calendar.right {margin-left: 0;}
.daterangepicker.ltr .calendar.right .calendar-table {border-left: none;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.daterangepicker.ltr .left .daterangepicker_input {padding-right:0px;}
.daterangepicker.ltr .calendar.left .calendar-table {padding-right: 12px;}
.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {float: left;}
.daterangepicker.rtl {direction: rtl;text-align: right;}
.daterangepicker.rtl .calendar.left {clear: right;margin-left: 0;}
.daterangepicker.rtl .calendar.left .calendar-table {border-left: none;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.daterangepicker.rtl .calendar.right { margin-right: 0;}
.daterangepicker.rtl .calendar.right .calendar-table {border-right: none;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.daterangepicker.rtl .left .daterangepicker_input {padding-left: 12px;}
.daterangepicker.rtl .calendar.left .calendar-table {padding-left: 12px;}
.daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {text-align: right; float: right;}
}
@media (min-width: 730px) {
.daterangepicker .ranges {width: auto;}
.daterangepicker.ltr .ranges { float: left;}
.daterangepicker.rtl .ranges { float: right;}
.daterangepicker .calendar.left { clear: none !important;}
}

.required > label::after {color: #c3232d;  content: " *";}

.dateBox.crores {
    padding-top: 40px;
}

.linkButtonCancel{    
	background: #235185;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    padding: 14px 105px;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    cursor: pointer;
    border: 0px;
    height: auto;
    margin-left: 7px;
    text-decoration-line: none;
}
.linkButtonCancel:hover { background:#274058;color: #fff; }