@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

/* font-family: 'Open Sans', sans-serif; */
/* CSS Document */
*{margin:0; padding:0;}
body{margin:0 auto; background:#fff; font-size:13px; font-family: 'Open Sans', sans-serif;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
ul, ol, li{list-style:none;}
img{border:0;}
.main-container{width:100%; height:100%;}

.multi_checkbox {
	display: flex;
    align-items: center;
    gap: 2px;
}

.fld_focus_class{ background-color: #4b4b4b !important; color: #fff !important;}
/* --------------------------- Common Classes --------------------------- */
.mar-top15{margin-top:15px;}
.mar-top18{margin-top:18px;}
.mar-top20{margin-top:20px;}



/* --------------------------- Top Bar --------------------------- */
.top-bar{width:90%; min-height:35px; height:auto; border-top:5px solid #141414; border-bottom:1px solid #d4d4d4; padding:0 5%;}
.top-bar img{float:left; padding:7px 0 6px 0;}
.top-bar div.topbar-left{color:#555555; font-size:100%; float:left; padding: 13px 0 6px 10px;}
.topbar-right{width:77%; float:right;}
.round-icons{width:28px; height:28px; border-radius:15px;}


span.social-networks, ul.font-zoom, ul.themes, ul.language{float:right; list-style:none; padding:7px 0 7px 10px; border-left:1px solid #d4d4d4;}
span.social-networks a, ul.font-zoom li, ul.themes li{display:inline-block;}
ul.themes li a{display:block; width:28px; height:28px;}
span.social-networks a.icon-linkedin{background:url(../images/icon-linkedin.png) no-repeat center center #0172ae; text-indent:-99999px;}
span.social-networks a.icon-twitter{background:url(../images/icon-twitter.png) no-repeat center center #46c6f3; text-indent:-99999px;}
span.social-networks a.icon-facebook{background:url(../images/icon-facebook.png) no-repeat center center #4b6fad; text-indent:-99999px;}
span.social-networks a.icon-youtube{background:url(../images/icon-youtube.png) no-repeat center center #c00000; text-indent:-99999px;}

ul.font-zoom, ul.themes, ul.language{padding:9px 10px; cursor:pointer !important;}
ul.language{padding:8px 10px;}
ul.font-zoom li.a-neutral{background:#212526; color: #fff;}
ul.font-zoom li.a-plus, ul.font-zoom li.a-normal, ul.font-zoom li.a-minus{background:#656565; color: #fff;}
ul.font-zoom li.icon-plus{background:url(../images/icon-font-plus.png) no-repeat center center #656565; text-indent:-99999px;}
ul.font-zoom li.icon-minus{background:url(../images/icon-font-minus.png) no-repeat center center #656565; text-indent:-99999px;}
ul.font-zoom li.icon-neutral{background:url(../images/icon-font-neutral.png) no-repeat center center #212526; text-indent:-99999px;}
ul.font-zoom li.icon-normal{background:url(../images/icon-font-normal.png) no-repeat center center #656565; text-indent:-99999px;}

.themes .theme-Obsidian{background:#4b4b4b; text-indent:-99999px;}
.themes .theme-feldspar{background:#974900; text-indent:-99999px;}
.themes .theme-malachite{background:#004628; text-indent:-99999px;}
.themes .theme-azurite{background:#253f7a; text-indent:-99999px;}

.login{color:#d5630f; display:block; font-size:12px; padding:15px 4px 0 0; float:right;}
.login a{color:#d5630f; text-decoration:none; padding:0 5px;}
.login a:hover{color:#d5630f; text-decoration:underline;}


/* --------------------------- Header --------------------------- */
header{background:url(../images/header.png); background-repeat:no-repeat; background-size:cover; height:121px; width:90%; padding:0 5%; display:block;}
header .gsi-logo{width:45%; height:99px; background-image:url(../images/gsi-logo-obsidian.png); background-repeat:no-repeat; background-size:contain; float:left; margin-top:10px; text-indent:-99999px;}

/*{height:99px; width:557px; float:left; margin-top:10px; background:url(../images/gsi-logo-feldspar.png) no-repeat 0 0; text-indent:-99999px;}*/
.search-box{width:280px; margin:40px 0 0 0; border:1px solid #d4d4d4; border-radius:5px;  float:right; background:url(../images/search-icon.png) no-repeat 258px 7px #fff; padding:10px 5px 10px 10px;}
.search-box input{width:85%; border:0; padding:0; color:#7d7d7d;}

header .search{width:auto; float:right; margin-top:42px; }
header .search input[type="text"]{width:auto; height:33px; float:left; -moz-border-radius: 3px; -webkit-border-radius:  3px; border-radius:3px; border:1px solid #bbb; padding: 0 40% 0 5%; background:#fff url(../images/search-icon.png) no-repeat scroll 95% center;}
header .search input[type="submit"]{width:35px; height:35px; float:right; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; border:1px solid #bbb; border-left:0; background:url(../images/search-button.png) 50% 50% no-repeat; cursor:pointer;}

/* --------------------------- Navigation --------------------------- */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {  
  background: #005fb0;
  padding: 0 5%;
}
#cssmenu > ul > li {
  float: left;
  z-index: 999;
}
#cssmenu > ul > li > a {
  padding: 17px 23px;
  font-size: 15px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #ffffff;
  font-weight: normal;
  /*text-transform: uppercase;*/
  -webkit-transition: color .25s ease;
     -moz-transition: color .25s ease;
          transition: color .25s ease;  
}
#cssmenu > ul > li:hover > a {
  color: #ffffff;
}
/*#cssmenu > ul > li.has-sub > a {
  padding-right: 30px;
}
#cssmenu ul > li.has-sub > a:after {
  position: absolute;
  top: 22px;
  right: 11px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
  -webkit-transition: background .25s ease;
     -moz-transition: background .25s ease;
          transition: background .25s ease;  
}*/
#cssmenu > ul > li.has-sub:hover > a:after,
#cssmenu > ul > li.has-sub > a:hover:after {
  background: #ffffff;
}
/*#cssmenu ul > li.has-sub > a:before {
  position: absolute;
  top: 19px;
  right: 14px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}*/
#cssmenu ul > li.has-sub:hover > a:before,
#cssmenu ul > li.has-sub > a:hover:before {
  top: 23px;
  height: 0;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
#cssmenu li:hover > ul {
  left: auto;
}
#cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
#cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .25s ease;
     -moz-transition: height .25s ease;
          transition: height .25s ease;
}

#cssmenu li:hover > ul > li {
  height: 35px;
}
#cssmenu ul ul li a {
  width: 170px;
  padding: 11px 15px;
  border-bottom: 1px solid rgba(237, 212, 188, 0.15);
  font-size: 12px;
  text-decoration: none;
  color: #ffffff;
  font-weight: 400;
  background: rgba(35, 35, 35, 0.95);
  opacity:0.9;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}

#cssmenu ul ul li:hover > a,
#cssmenu ul ul li a:hover {
  color: #ffffff;
}

#cssmenu ul ul li.has-sub > a:after {
  top: 16px;
  right: 11px;
  background: #dddddd;
}

#cssmenu ul ul > li.has-sub:hover > a:after,
#cssmenu ul ul > li.has-sub > a:hover:after {
  background: #ffffff;
}

#cssmenu ul ul li.has-sub > a:before {
  top: 13px;
  right: 14px;
  background: #dddddd;
}

#cssmenu ul ul > li.has-sub:hover > a:before {
  top: 17px;
  height: 0;
}
#cssmenu.small-screen {
  width: 100%;
}

#cssmenu.small-screen ul {
  width: 100%;
  display: none;
}

#cssmenu.small-screen ul li {
  width: 100%;
  border-top: 1px solid rgba(150, 150, 150, 0.15);
}

#cssmenu.small-screen ul ul li,
#cssmenu.small-screen li:hover > ul > li {
  height: auto;
}

#cssmenu.small-screen ul li a,
#cssmenu.small-screen ul ul li a {
  width: 100%;
  border-bottom: 0;
  font-size: 12px;
}

#cssmenu.small-screen > ul > li {
  float: none;
}

#cssmenu.small-screen ul ul,
#cssmenu.small-screen ul ul ul {
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}
#cssmenu.small-screen ul ul li a {
  padding-left: 25px;
}

#cssmenu.small-screen ul ul ul li a {
  padding-left: 35px;
}

#cssmenu.small-screen > ul > li.has-sub > a:after,
#cssmenu.small-screen > ul > li.has-sub > a:before,
#cssmenu.small-screen ul ul > li.has-sub > a:after,
#cssmenu.small-screen ul ul > li.has-sub > a:before {
  display: none;
}
#cssmenu.small-screen #menu-button {
  display: block;
  padding: 17px;
  color: #ffffff;
  cursor: pointer;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
}
#cssmenu.small-screen #menu-button:after {
  position: absolute;
  top: 22px;
  right: 17px;
  display: block;
  height: 4px;
  width: 20px;
  border-top: 2px solid #dddddd;
  border-bottom: 2px solid #dddddd;
  content: '';
}

#cssmenu.small-screen #menu-button:before {
  position: absolute;
  top: 16px;
  right: 17px;
  display: block;
  height: 2px;
  width: 20px;
  background: #dddddd;
  content: '';
}
#cssmenu.small-screen #menu-button.menu-opened:after {
  top: 23px;
  border: 0;
  height: 2px;
  width: 15px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#cssmenu.small-screen #menu-button.menu-opened:before {
  top: 23px;
  background: #ffffff;
  width: 15px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#cssmenu.small-screen .submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 0;
  display: block;
  border-left: 1px solid rgba(237, 212, 188, 0.2);
  height: 46px;
  width: 46px;
  cursor: pointer;
}

#cssmenu.small-screen ul ul .submenu-button {
  height: 34px;
  width: 34px;
}
#cssmenu.small-screen .submenu-button.submenu-opened {
  background: #0d0d0d;
}
#cssmenu.small-screen .submenu-button:after {
  position: absolute;
  top: 22px;
  right: 19px;
  width: 8px;
  height: 2px;
  display: block;
  background: #dddddd;
  content: '';
}

#cssmenu.small-screen ul ul .submenu-button:after {
  top: 15px;
  right: 13px;
}

#cssmenu.small-screen .submenu-button.submenu-opened:after {
  background: #ffffff;
}

#cssmenu.small-screen .submenu-button:before {
  position: absolute;
  top: 19px;
  right: 22px;
  display: block;
  width: 2px;
  height: 8px;
  background: #dddddd;
  content: '';
}

#cssmenu.small-screen ul ul .submenu-button:before {
  top: 12px;
  right: 16px;
}

#cssmenu.small-screen .submenu-button.submenu-opened:before {
  display: none;
}
#cssmenu ul li:hover{
	background: #00447e;
	color: #f8f6f6;
}
#cssmenu ul ul li:hover{
	background: #00447e;
	color: #000000;
}
#cssmenu ul li.last{
	border-bottom:5px solid #0d0d0d;
	z-index:1;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last-item > a {
  border-bottom: 0;
}
#cssmenu ul li.active{
	background: #00447e;
}




/* --------------------------- Content container --------------------------- */
#content-container{background:url(../images/home-bk-sepia.png) no-repeat top center #fff; background-size:cover; width:100%; min-height:1022px; height:auto;}
.top-section {padding-top:22px;}
.button-wrapper{float:right;}
.btn-style{border:solid 0px #ffffff; border-radius:3px; moz-border-radius:3px; font-size:12px; color:#ffffff; padding:8px 20px; background-color:#005fb0; width:auto; cursor:pointer;}
.btn-style-deactive{border:solid 0px #ffffff; border-radius:3px; moz-border-radius:3px; font-size:12px; color:#ffffff; padding:8px 20px; background-color:#858585; width:auto;}
.colr{ color:#fff !important;}
a.btn-style{background-color:#005fb0; font-weight:600; color:#fff !important}
a.btn-style:hover{text-decoration: none;}

/* --------------------------- Responsive Image Slider --------------------------- */
#jssor_1{margin-left:5%;}
.jssorb05 {
            position: absolute;
        }
        .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
            position: absolute;
            /* size of bullet elment */
            width: 16px;
            height: 16px;
            background: url("../images/slider-paging.png") no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssorb05 div { background-position: -7px -7px; }
        .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
        .jssorb05 .av { background-position: -67px -7px; }
        .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

        /* jssor slider arrow navigator skin 12 css */
        /*
        .jssora12l                  (normal)
        .jssora12r                  (normal)
        .jssora12l:hover            (normal mouseover)
        .jssora12r:hover            (normal mouseover)
        .jssora12l.jssora12ldn      (mousedown)
        .jssora12r.jssora12rdn      (mousedown)
        */
        .jssora12l, .jssora12r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 30px;
            height: 46px;
            cursor: pointer;
            background: url("../images/arrow.png") no-repeat;
            overflow: hidden;
        }
        .jssora12l { background-position: -16px -37px; }
        .jssora12r { background-position: -75px -37px; }
        .jssora12l:hover { background-position: -136px -37px; }
        .jssora12r:hover { background-position: -195px -37px; }
        .jssora12l.jssora12ldn { background-position: -256px -37px; }
        .jssora12r.jssora12rdn { background-position: -315px -37px; }



/* --------------------------- Tabs --------------------------- */
.tab-heading{color:#d5630f; padding:10px; font-size:16px;}
.tab-heading span.selected{color:#383842;}
.tabbed_content {
	background-color: #fff;
	width: 288px;
	opacity:0.91;
	border:1px solid #cdcdcf;
	float:right;
	margin-left:0.6%;
	height:297px;
}
.tabs {
	height: 43px;
	position: relative;
	border-top:1px solid #cdcdcf;
	border-bottom:1px solid #cdcdcf;
	padding-left:7px;	
}

.tabs .moving_bg {
	padding: 15px;
	background-color:#cdcdcf;
	background-image:url(../images/arrow_down_green.gif);
	position: absolute;
	width: 25px;
	z-index: 190;
	left: 0;
	padding-bottom: 25px;
	background-position: bottom left;
	background-repeat: no-repeat;
}

.tabs .tab_item {
	display: block;
	float: left;
	padding: 15px;
	width: 25px;
	color: #333;
	text-align: center;
	z-index: 200;
	position: relative;
	cursor: pointer;
}

.tabbed_content .slide_content {
	overflow: hidden;
	background-color: #fff;
	padding: 10px 0 20px 20px;
	position: relative;
	width: 268px;
	opacity:0.8;
	color: #333;
}

.tabslider {
	width: 3000px;
}

.tabslider ul {
	float: left;
	width: 268px;
	margin: 0px;
	padding: 0px;
	/*margin-right: 40px;*/
}

.tabslider ul a {
	color:#000;
	text-decoration: none;
	font-size:12px;
}

.tabslider ul a:hover {
	color: #333;
	text-decoration:underline;
}

.tabslider ul li {
	padding-bottom: 7px;
	color:#000;
}
.tabslider ul li.more a{
	color:#d5630f; float:right; text-align:right; padding-right:20px; font-size:11px; text-decoration:none;	
}
.tabslider ul li.more a:hover {
	text-decoration:underline;
}




/* --------------------------- Rightside Block --------------------------- */
.right-block{background-color:#fff; border-top:8px solid #232323; border-bottom:8px solid #232323; float:right; height:283px; margin-left:1.5%; opacity:0.91; width:20.3%; margin-right:5%;}
.right-block-container{margin:30px 10px; height:230px;}
.scroll-pane{width:100% !important; height:230px; overflow:auto;}
.horizontal-only{height:auto; max-height:230px;}
.jspContainer{overflow:hidden; position:relative; width:100% !important;}
.jspPane{position:absolute; width:90% !important;}
.jspVerticalBar{position:absolute; top:0; right:0; width:3% !important; height:100%; background:transparent;}
.jspHorizontalBar{position:absolute; bottom:0; left:0; width:100%; height:16px; background:transparent;}
.jspCap{display:none;}
.jspHorizontalBar .jspCap{float:left;}
.jspTrack{background:#dddddd; position:relative;}
.jspDrag{background:#828282; position:relative; top:0; left:0; cursor:pointer; border:1px solid #686868;}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag{float:left; height:100%;}
.jspArrow{background:#50506d; text-indent:-20000px;	display:block; cursor:pointer; padding:0; margin:0;}
.jspArrow.jspDisabled{cursor:default; background:#80808d;}
.jspVerticalBar .jspArrow{height:16px;}
.jspHorizontalBar .jspArrow{width:16px; float:left; height:100%;}
.jspVerticalBar .jspArrow:focus{outline:none;}
.jspCorner{background:#eeeef4; float:left; height:100%;}
* html .jspCorner{margin:0 -3px 0 0;}
.scroll-pane div.rb-section{border-bottom:1px dotted #555555; margin-bottom:15px;}
.scroll-pane div.icon-rb-vm{background:url(../images/icon-vm-obsidian.png) no-repeat 0 0; height:35px; width:35px; float:left; text-indent:-20000px;}
.scroll-pane div.icon-rb-gp{background:url(../images/icon-gp-obsidian.png) no-repeat 0 0; height:35px; width:35px; float:left; text-indent:-20000px;}
.scroll-pane div.icon-rb-hgsi{background:url(../images/icon-hgsi-obsidian.png) no-repeat 0 0; height:35px; width:35px; float:left; text-indent:-20000px;}
.scroll-pane h2.rb-heading{color:#d5630f; font-size:13px; font-weight:normal; padding-left:50px; padding-bottom:3px; }
.scroll-pane h2.rb-heading a{text-decoration:none;color:#d5630f; font-size:13px; font-weight:normal;}
.scroll-pane h2.rb-heading a:hover{text-decoration:underline;}
.scroll-pane div.rb-content{color:#333; font-size:12px; padding-left:50px; padding-bottom:15px;}


/* --------------------------- Missions Sections --------------------------- */
.bottom-section{width:100%; float:left;}
ul.mission-sections {list-style-type:none; margin:0 0 0 5%;}
ul.mission-sections li {float:left; margin:3% 2% 0 0; width:30.25%;}
ul.mission-sections li .block{position:relative;}
ul.mission-sections li .block .content{border:1px solid rgba(160, 160, 162, 0.9); border-bottom:none; background-color:rgba(255, 255, 255, 0.9); min-height:235px;}
.mission-icon{width:80px; height:80px; border-radius:40px; background:#232323; margin:8px auto; text-align:center; opacity:1;}
.mission-heading{color:#d5630f; font-size:16px; margin:0 auto; text-align:center; border-bottom:1px solid #c1c1c1; width:90%; line-height:27px;}
.block ul.mission-points{list-style:none; margin:15px 0 0 0;}
.block ul.mission-points li{background:url(../images/arrow-black.png) no-repeat 0 7px; display:block; width:90%; padding-left:5%; margin:0 0 0 5%; line-height:23px; float:none;}
.block ul.mission-points li a{font-size:13px; color:#000; text-decoration:none;}
.block ul.mission-points li a:hover{text-decoration:underline;}
.mission-desc{background:#232323; padding:10px 20px; color:#fff; line-height:20px; opacity:1; bottom:0;border:1px solid #004628;}
.spacer {width:32px;}
ul.mission-sections li#one{margin-left:0;}

@media screen and (max-width:520px) {
    ul.mission-sections li#three {clear:both;float:left;}
    ul.mission-sections li#four {float:left;}
	 ul.mission-sections li#five {float:left;}
}




/* --------------------------- Footer --------------------------- */
footer{background-color:#005fb0; border-top:1px solid #fff; width:100%;}
footer .footer_top, footer .footer_bottom{padding:10px 45px; height:100%; overflow:hidden;}
footer .container{width:90%;  margin:0 auto; font-size: 12px;}

footer .quick_links{width:48.71%; float:left; margin-right:2.56%;}
footer h2{font-size:20px; color:#fff; font-weight:lighter; border-bottom:1px solid #414547; padding-bottom:5px; margin-bottom:15px;}
footer .quick_links ul{width:33.33%; float:left;}
footer .quick_links ul li{font-size:13px; padding:5px 0 5px 8px; background:url(../images/quick-links-arrow.png) 0 50% no-repeat;}
footer .quick_links ul li a{color:#aaa;}
footer .quick_links ul li a:hover{color:#fff;}

footer .newsletter{width:23.07%; float:left;}
footer .newsletter p{font-size:13px; color:#aaa; line-height:22px; padding-bottom:20px;}
footer .newsletter input[type="text"]{width:88%; height:35px; padding:0 5%; -moz-border-radius: 2px; -webkit-border-radius:  2px; border-radius:  2px; border:1px solid #555; background-color:#34393a; font-size:13px; color:#ccc; outline:none;}
footer .newsletter input[type="submit"]{width:60%; margin:8% 0 0 20%; height:35px; text-align:center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:  2px; border:0; background-color:#a0a0a0; font-size:13px; color:#000; outline:none; cursor:pointer;}
footer .newsletter input[type="submit"]:hover{background-color:#ccc;}

footer .copyright{width:26.07%; float:right;}
footer .copyright .indGov{border:1px solid #555; background-color:#34393a; height:50px; text-align:center; padding:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:  2px;}
footer .copyright .indGov a{display:block;}
footer .copyright .total_visits{border:1px solid #505050; text-align:center; line-height:70px; -moz-border-radius: 2px; -webkit-border-radius:  2px; border-radius: 2px; margin:20px 0; font-size:17px; color:#cacaca;}
footer .copyright p{font-size:13px; color:#aaa; text-align:center;}

footer .copyrightFormat tr td {font-size:12px!important; color:#ece3da;}

footer .footer_bottom{background-color:#111; border-top:1px solid #555; font-size:11px!important; color:#999; line-height:13px; text-align:justify; display: none;}
.footer-smallscreen{bottom:0; color:#fff; display:block; padding:0.7% 5% 0.7% 5%;}

.footerLogoItem{display: inline-block;padding: 10px 14px;}

/* --------------------------- Login Page Container --------------------------- */
#login-container{background:url(../images/login-bk.png) no-repeat right bottom #ffffff; width:90%; height:100%; padding:0 5%; display:table;}
#login-container .left-login-section{width:26%; float:left; margin:1px 0; background:#f3f3f3; border-right:1px solid #d5d5d5; padding:4% 3% 20%;}
#login-container .right-login-section{float:left; margin-left:2%; width:45%; padding:4% 0 2%; color:#7c7c7c;}

#login-container h1{font-weight:normal; color:#d5630f; font-size:135%; width:100%; border-bottom:1px solid #bbbbbb; line-height:30px;}
#login-container .signin-bar{border-bottom:1px solid #bbbbbb; width:100%; display:inline-block; font-size:135%; font-weight:normal; line-height:30px;}
#login-container .signin-bar .signin-text{float:left; color:#d5630f;}
#login-container .signin-bar .signup-text a{float:right; color:#6b6a69; text-decoration:none;}
#login-container .signin-bar .signup-text a:hover{color:#000000; text-decoration:none;}
.left-login-section .social-login{margin:10% 0 0 0; width:100%;}
.left-login-section div.sign-in-button{width:100%; color:#ffffff; padding:10px 0; text-align:center; border-radius:2px;}
.left-login-section .f-sign-in{background:url(../images/f-sign-in.png) no-repeat 7px 4px #195fad;}
.left-login-section .gplus-sign-in{background:url(../images/gplus-sign-in.png) no-repeat 7px 8px #cd3b28;}
.left-login-section .sign-in, .right-login-section .sign-up{width:100%; color:#ffffff; padding:10px 0; text-align:center; border-radius:2px; background:#3a3938;}
.right-login-section .sign-up{width:65%; background:#525252;}
.left-login-section .login-seperator{text-align:center; margin:10% auto; width:100%;}
.left-login-section .login-seperator img{max-width:100%; height:auto;}
.login-box{width:100%; margin:10% 0 0 0;}
.login-box .text-box, .signup-box .text-box{border-radius:2px; border:1px solid #c4c4c4; background:#c4c4c4; width:99.5%;}
.signup-box .text-box{width:65%;}
.login-box .user-name, .signup-box .user-name{background:url(../images/username.png) no-repeat 1.5% center #c4c4c4;}
.login-box .password, .signup-box .password{background:url(../images/password.png) no-repeat 2.5% center #c4c4c4;}
.signup-box .confirm-password{background:url(../images/confirm-password.png) no-repeat 2.5% center #c4c4c4;}
.signup-box .email{background:url(../images/email.png) no-repeat 3% center #c4c4c4;}
.signup-box .mobile{background:url(../images/mobile.png) no-repeat 3% center #c4c4c4;}
.signup-box .otp{background:url(../images/otp.png) no-repeat 1.5% center #c4c4c4;}
.login-box input[type="text"], .login-box input[type="password"], .signup-box input[type="text"], .signup-box input[type="password"]{width:86%; color:#7b7b7b; background:#fffff; padding:2%; border:0; margin-left:10%;}
.captcha-control{display:none;}
.forget-link a{float:right; color:#6b6a69; text-decoration:underline; margin:5px 0 0 0;}
.forget-link a:hover{text-decoration:none;}



/* --------------------------- Inner Page Form Container --------------------------- */
#inner-content-container{background:#ffffff; width:90%; height:100%; padding:1.5% 5%; display: inline-block;}
#inner-content-container .left-section{width:18%; float:left;}
#inner-content-container .right-section-container{float:left; min-height:475px; margin-left:2%; width:80%;}

#form-page #inner-content-container{height:720px;}
.accordion, .accordion * {box-sizing: border-box;}
.accordion{background: #f7f7f7 none repeat scroll 0 0; overflow: hidden;}
.accordion-section-title, .accordion-section-title1{background:#005fb0 none repeat scroll 0 0; border-bottom: 1px solid #fff; color: #fff; display: inline-block; font-size:13px; padding: 10px 15px 10px 15px; width: 100%;}
.accordion-section-title.active, .accordion-section-title:hover, .accordion-section-title1.active, .accordion-section-title1:hover {background: #00447e none repeat scroll 0 0; text-decoration: none;}
.accordion-section:last-child .accordion-section-title, .accordion-section:last-child .accordion-section-title1{border-bottom: medium none;}
.accordion-section-content, .accordion-sub-content-title {display: none; padding: 15px;}
.accordion-section-content ul li a, .accordion-sub-content-title ul li a{color: #010101; font-size:12px; padding-left:3px; line-height:22px;}

.content-tabs input[type=radio] {position:absolute; top:-9999px; left:-9999px;}
.content-tabs {width: 100%; float: left; list-style: none; position: relative; padding: 0; margin: 0 auto;}
.content-tabs li{float: left;}
	      .content-tabs label {
	          display: block;
	          padding: 10px;
	          border-radius: 2px 2px 0 0;
	          color: #08C;
	          font-size: 24px;
	          font-weight: normal;	          
	          background: rgba(255,255,255,0.2);
	          cursor: pointer;
	          position: relative;
	          top: 3px;
	          -webkit-transition: all 0.2s ease-in-out;
	          -moz-transition: all 0.2s ease-in-out;
	          -o-transition: all 0.2s ease-in-out;
	          transition: all 0.2s ease-in-out;
	      }
	      .content-tabs label:hover {
	        background: rgba(255,255,255,0.5);
	        top: 0;
	      }
	      
	      [id^=tab]:checked + label {
	        background: #fff;	        
	        top: 0;
			color: #232323;
			font-size: 12px;
			border-left: 1px solid #005fb0;
			border-right: 1px solid #005fb0;
			border-top: 3px solid #005fb0;
			border-bottom: 1px solid #fff;
	      }
	      
	      [id^=tab]:checked ~ [id^=tab-content] {
	          display: block;
	      }
	      .tab-content{
	        z-index: 2;
	        display: none;
	        text-align: left;
	        width: 100%;
	        font-size: 20px;
	        line-height: 140%;	        	        
	        padding: 1%;
	        color: white;
	        position: absolute;
	        top: 39px;
	        left: 0;
	        box-sizing: border-box;
			color: #2D2B2B;
			font-size: 12px;
			min-height:439px;
			border:1px solid #e5e5e5;
	      }
		.tab-content .inner-wraper{border: .1px solid #232323; display:inline-block; padding:2%; width:95.8%;}
		.tab-content .inner-wraper h1{color:#000; font-weight:600; font-size:13px;}
		.tab-content .inner-wraper sup{color:#d5630f;}
		.tab-content .inner-wraper select{width:210px; border-radius:2px; -moz-border-radius:2px; border:1px solid #bec1ca; padding:3px 2px; color:#333333;}
		.tab-content .inner-wraper select.small-dropdown{width:88px;}
		/*.tab-content .inner-wraper input {width:198px; border-radius:2px; -moz-border-radius:2px; border:1px solid #bec1ca; padding:3px 5px; color:#333333;}
		.tab-content .inner-wraper input.small-d-txtbox{width:100px;}
		.tab-content .inner-wraper input[type="text"]:disabled{background:#d8dadf;border:1px solid #d8dadf;}*/
		.tab-content .inner-wraper .content-tab1{width:49%; float:left; padding:2% 0}
		.tab-content .inner-wraper .content-tab2{width:49%; float:left; margin-left:1%; padding:2% 0}
		
		.tab-content .inner-wraper .content-tabhome1{max-width:450px;width:49%; float:left;margin-left:3%;border-radius:25px ;overflow-x:auto;background-color: #ffffff;border: 2px solid #232323;display: block;box-shadow: lightgrey 7px 7px;}     
		.tab-content .inner-wraper .content-tabhome2{max-width:450px;width:49%; float:left; margin-left:5%;border-radius:25px;overflow-x:auto;background-color: #ffffff;border: 2px solid #232323;display: block;box-shadow: lightgrey 7px 7px;}
		
		.tab-content .inner-wraper .content-tabhome1UM{max-width:450px;max-height:260px;width:49%; float:left;margin-left:3%;border-radius:25px ;overflow-x:auto;background-color: #ffffff;border: 2px solid #232323;display: block;box-shadow: lightgrey 7px 7px;}     
		.tab-content .inner-wraper .content-tabhome2UM{max-width:450px;max-height:260px;width:49%; float:left; margin-left:5%;border-radius:25px;overflow-x:auto;background-color: #ffffff;border: 2px solid #232323;display: block;box-shadow: lightgrey 7px 7px;}
 
		.tab-content .inner-wraper table{width:100%}
		.tab-content .inner-wraper table tr td{height:40px; padding:0 5px;}
		
		.tab-content .inner-wraper table.data{width:100%; border-bottom:1px solid #f2f2f2;}
		.tab-content .inner-wraper table.data tr th {background:#005fb0; color:#fff; text-align:left; height:30px; padding:2px 0 2px 10px; border-right:1px solid #f2f2f2; font-weight:normal; font-size:13px;}
		.tab-content .inner-wraper table.data tr th.last, .tab-content .inner-wraper table.data tr td.last{ border-right:none;}
		.tab-content .inner-wraper table.data tr td {text-align:left; height:30px; padding:2px 0 2px 10px; border-right:1px solid #f2f2f2; }
		.tab-content .inner-wraper table.data tr:nth-child(even):hover, .tab-content .inner-wraper table.data tr:nth-child(odd):hover {background-color:#eaf2ff;}
                .tab-content .inner-wraper table.data tr:nth-child(even):hover a, .tab-content .inner-wraper table.data tr:nth-child(odd):hover a, .tab-content .inner-wraper table.data tr:nth-child(even) a, .tab-content .inner-wraper table.data tr:nth-child(odd) a {/*background-color:#02864d;*/ color: #005fb0;}
		.tab-content .inner-wraper table.data tr{background:#f2f2f2;}
		.tab-content .inner-wraper table.data tr:nth-child(even){background:#fff;}
		.tab-content .inner-wraper table.data tr:nth-child(odd){background: #F2F2F2;}
		
		.tab-content .inner-wraper table.datahome{width:100%;}
		.tab-content .inner-wraper table.datahome tr th {background:#232323;  border-radius: 0px 0px 0px 0px; color:#fff; text-align:center; height:30px;padding:2px 0 2px 10px;   font-weight:bold; font-size:25px;}
		.tab-content .inner-wraper table.datahome tr th.last, .tab-content .inner-wraper table.datahome tr td.last{ text-align:center;border-radius:0px 0px 0px 0px; border-left:2px solid #f2f2f2; }
		.tab-content .inner-wraper table.datahome tr td {text-align:left; height:30px; padding:2px 0px 2px 10px; border-radius:0px 0px px 0px;}
		.tab-content .inner-wraper table.datahome tr:nth-child(even):hover, .tab-content .inner-wraper table.datahome tr:nth-child(odd):hover {background-color:#525252; color:#ffffff;}
                
        .tab-content .inner-wraper table.datahome tr:nth-child(even):hover a, .tab-content .inner-wraper table.datahome tr:nth-child(odd):hover a{ color:#ffffff;}
                
		.tab-content .inner-wraper table.datahome tr{background:#f2f2f2;}
		.tab-content .inner-wraper table.datahome tr:nth-child(odd){background:#ffffff;}
		.tab-content .inner-wraper table.datahome tr:nth-child(even){background: #f2f2f2;}

		.tab-content .inner-wraper button.button1 {border-right: none;background-color: #232323;border: 1px solid #232323;color: white;padding: 13px 71.5px;text-align: center;text-decoration: none;display: inline-block;font-size: 13px;font-family: 'Open Sans', sans-serif !important;cursor: pointer;float: left;}
		.tab-content .inner-wraper button.button1:hover {background-color: #131313!important;}
		.tab-content .inner-wraper button.button1:active {background:#131313;}
		.tab-content .inner-wraper button.button1:focus{background:#131313;}

/* --------------------------- Inner Page Content Container --------------------------- */
#inner-content-container .left-content-section{width:18%; float:left;}
#inner-content-container .right-content-section{float:left; margin-left:2%; width:79.5%; font-size:12px; color:#282828;}

.left-nav, .left-nav * {box-sizing: border-box;}
.left-nav{background: #f7f7f7 none repeat scroll 0 0; overflow: hidden;}
.left-section-title{background:#232323 none repeat scroll 0 0; border-bottom: 1px solid #fff; color: #fff; display: inline-block; font-size:13px; padding: 12px 5px 12px 15px; transition: all 0.15s linear 1s; width: 100%;}
.left-section-title.active, .left-section-title:hover {background: #525252 none repeat scroll 0 0; text-decoration: none;}
.left-section:last-child .left-section-title{border-bottom: medium none;}
.left-section-content{display: none; padding: 15px;}
.left-section-content ul li a{color: #010101; font-size:12px; padding-left:3px; line-height:22px;}

#inner-content-container .right-content-section h1{color:#d5630f; font-size:135%; font-weight:normal;}
#inner-content-container .right-content-section .page-heading{width:100%; border-bottom:1px solid #e1ddd8; padding-bottom:3px; margin-bottom:10px;}
#inner-content-container .right-content-section ul.content-bullets{margin-top:10px;}
#inner-content-container .right-content-section ul.content-bullets li{background:url(../images/nav-arrow.png) no-repeat center left; margin-left:20px; padding-left:15px; line-height:20px;}



/* --------------------------- Responsive --------------------------- */
@media only screen and (max-width: 1920px) 
{
	.signin-bar .signup-text{display:none;}
	.footer-smallscreen{display:none;}
}
@media only screen and (max-width: 1280px) 
{
	header .gsi-logo{margin-top:10px; width:45%;}
	.login-box input[type="text"], .login-box input[type="password"]{margin-left: 11.5%;}
	.login-box input[type="text"], .login-box input[type="password"]{width:84.5%;}	
	.tabbed_content{display:none;}
}
@media only screen and (max-width: 1152px) 
{
    .topbar-left{font-size:80%;}
	header .gsi-logo{margin-top:25px;}
	
}
@media only screen and (max-width: 1024px) 
{
    .font-zoom, .social-networks, .lang{display:none;}
	ul.themes{padding:9px 0 9px 10px;}
	.top-bar div.topbar-left, .login, .sbHolder{font-size:90%;}	
	.topbar-right{width:70%;}
	header{background-size:cover; background-position:50% 50%;}
	header .gsi-logo{margin-top:18px; width:55%;}
	#login-container .left-login-section{width:33%;}
	#login-container .right-login-section{width:57%;}
	.footer-smallscreen{display:block;}
	.footer_top, .footer_bottom{display:none;}
	.top-section{display:none;}
          #form-page #inner-content-container{ min-height: 385px !important;} 
        
}
@media only screen and (max-width: 1023px) 
{
	.login-box .user-name, .signup-box .user-name{background:#ffffff;}
	.login-box input[type="text"], .login-box input[type="password"], .signup-box input[type="text"], .signup-box input[type="password"]{margin-left:0; width:96%;}	
	ul.mission-sections li{width:45.5%;}
}
@media only screen and (max-width: 767px) 
{
	.language, header .search{display:none;}
	.topbar-right{width:auto !important;}
	#login-container{background:#ffffff;}
	#login-container .right-login-section{display:none;}
	#login-container .left-login-section{width:94%; border-right:0;}
	.signin-bar .signup-text{display:block;}
}
@media only screen and (max-width: 680px) 
{
	.language, .login{display:none;}
	.top-bar div.topbar-left, .login, .sbHolder{font-size:85%;}		
	.round-icons, ul.themes li a {height:23px; width:23px;}	 
	header{background-size:cover; background-position:50% 50%;}
	header .gsi-logo{margin-top: 2%; margin-bottom:2%; width: 100%;}
	ul.themes{padding-top:13px; border-left:none;}
	ul.mission-sections li{width:92%;}
	#content-container {display:inline-block; width:100%; background: #ededed; margin-top:5px;}
	ul.mission-sections li .block, ul.mission-sections li .block .content{background-color:transparent; border:none; opacity: 1;}
	ul.mission-sections li .block .content{margin:15px 0; min-height:auto;}	
	.mission-heading {border-bottom: 1px solid #473f3f;}
	.mission-desc{display:none;}
}
@media only screen and (max-width: 480px) 
{
	header .gsi-logo{margin-top: 4%; margin-bottom:4%;}
	#inner-content-container .left-section{display:none;}
	#inner-content-container .right-section{margin-left:0; width:100%;}		
}
@media only screen and (min-width: 320px) and (max-width: 360px) 
{
	header{height:85px;}
	header .gsi-logo{margin-top: 4%; margin-bottom:4%;}
	ul.themes{padding:5% 0 0 0;}
}




/*==========================custom css=====================*/

.button-wrapper{
	clear:both;
	text-align:center;
	margin:8px auto;
	float:none;
}


.table-responsive{
	 overflow-x:auto;
  }
 
 .btn{
	 background:#af7238;
	 padding:5px 10px!important;
	 color:#ffffff;
	 margin-right:5px;
	 border:0;
	 cursor:pointer;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
	font-size:14px;
	-webkit-appearance:none;
	outline:0;
	margin-bottom:5px;
    }
	
 .btn:hover {
    background-color: #8b4301;
 }
 
 .ui-button{
	 background:#525252;
	 padding:5px 10px!important;
	 color:#ffffff;
	 margin-right:5px;
	 border:0;
	 cursor:pointer;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
	font-size:14px;
	-webkit-appearance:none;
	outline:0;
	margin-bottom:5px;
    }
	
 .ui-button:hover {
    background-color: #141414;
 }

.small-txtbox{
	width:50px !important;
	margin-right:2px;
}

.md-txtbox{
	width:130px !important;
	margin-right:2px;
}

.select-tabl{
	width:80px !important;
	margin-right:5px;
	text-align: right;
}
 
 .right{
	 float:right;
	 clear:both;
 }
 
 .txt-right{
	 text-align:right !important;
 }
  
 input[type="checkbox"]{
	width: inherit !important; 
 }
 input[type="text"]{
	font-family: 'Open Sans', sans-serif !important;
 }
 input[type="file"]{
font-family: 'Open Sans', sans-serif !important;
 }
textarea{
	font-family: 'Open Sans', sans-serif !important;
	color:#282828;
	font-size:12px;
	padding:3px 5px;
	margin:5px 0;
         resize:none;
 }
 select{
	font-family: 'Open Sans', sans-serif !important;
 }
 input[type="button"]{
	font-family: 'Open Sans', sans-serif !important;
 }
  .inner-wraper input[type="radio"]{
	width: inherit !important;
	position:inherit !important;
 }
 
 .right-section-container{
	 height:auto !important;
     }
#form-page #inner-content-container{
	height:auto;
        min-height:250px;
}
	 
.search-icon{
	width:20px;
	height:auto;
	cursor:pointer;
	vertical-align:middle;
}


.clear{
	clear:both;
}

.txt-center{
	text-align:center !important;
}


#popUp{
width:100%;
height:100%;
top:0;
left:0;
display:none;
position:fixed;
z-index:9999;
}

#popUp1{
width:100%;
height:100%;
top:0;
left:0;
display:none;
position:fixed;
z-index:9999;
}


#popUp-cont{
 margin: 30px auto;
}

#popUp-content{
background-color:#fff;
height:auto;
width:800px;
border:1px solid #232323;
margin:auto;
min-height:250px;
color:#282828;
padding-bottom:15px;

}

.popUp-small-content{
width:500px !important;
min-height:180px !important;
}


#popUp-content .content-tab1{
	padding:10px;
}

#popUp-content .content-tab1 input[type="text"]{
	width: 188px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #bec1ca;
    padding: 3px 5px;
    color: #333333;
}

#popUp-content .content-tab1 select{
	width: 188px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #bec1ca;
    padding: 3px 5px;
    color: #333333;
}

#popUp-content h1{
 font-size:14px;
 font-weight:400;
 background:#232323;
 padding:0;
 color:#fff;
 padding:5px;
 margin-top:0;
}

#close-icon{
	cursor:pointer;
	width:15px;
	height:auto;
	float:right;
	margin-top:-22px;
}

.btn-primary{
	background:#11639A;
	padding:5px 10px;
	color:#fff;
	border:none;
	
}


#popUp-content .data{
	width:100%;
}


#popUp-content .data td{
	text-align: left;
    height: 30px;
    padding: 2px 0 2px 10px;
    border-right: 1px solid #f2f2f2;
}

#popUp-content .data tr th {
    background: #232323;
    color: #fff;
    text-align: left;
    height: 30px;
    padding: 2px 2px 2px 10px;
    border-right: 1px solid #f2f2f2;
    font-weight: normal;
    font-size: 13px;
}

#popUp-content .bg-grey{
	margin:0 10px;
}

#popUp-content .data tr:nth-child(even) {
    background: #f2f2f2;
}

#popUp-content .data tr:nth-child(odd) {
    background: #ffffff;
}


#popUp-content table.data tr:nth-child(even):hover, #popUp-content table.data tr:nth-child(odd):hover {background-color:#525252; color:#ffffff;}


#popUp-content .data {
    width: 100%;
    border-bottom: 1px solid #f2f2f2;
}

#popUp-content .data .last {
    border-right: none;
}

.terms tr td {
    height: 10px !important;
    padding: 0 5px;
}

.ml-left10{
	margin-left:10px;
}

.ml-left20{
	margin-left:20px;
}

.tab-content{
	margin-bottom:10px;
	position: inherit;
	clear:both;
}

[id^=tab]:checked + label{
	float:left;
}


.expired-icon{
	width:50px;
	height:auto;
	position:relative;
}

.tab-content .inner-wraper table.data tr:nth-child(odd) table tr{
    background: none;
}

.tab-content .inner-wraper table.data tr:nth-child(even) table tr {
    background: none;
}

.tab-form{
	border-collapse:collapse;
}

.tab-form textarea{
	margin-top:3px;
}

.tab-form tr th, .tab-form tr td {
  /* border: 1px solid #f2f2f2 !important;*/
   padding:8px 5px !important;
   height:0 !important;
 }
 
 
 .tab-content .inner-wraper input[type="text"] {
    width: 188px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    border: 1px solid #bec1ca;
    padding: 3px 5px;
    color: #333333;
	}
	
.calendar-input{
	 width: 165px !important;
}

.tab-content .inner-wraper select {
    width: 198px ;
}

.calendar-icon{
	width:18px;
	height:auto;
	margin-left:5px;
	vertical-align:top;
	cursor:pointer;
   }
   
   .time-icon{
	width:23px;
	height:auto;
	vertical-align:top;
	cursor:pointer;
   }
   
 .add-icon{
	 background-image:url(../images/icon-add.png);
	 background-repeat:no-repeat;
	 width:18px;
	 height:auto;
	 cursor:pointer;
	 margin:10px 5px 10px 0;
	 display: inline-block;
 }
 
 .add-txt{
	 color: #000;
    /* font-weight: 400; */
    font-size: 13px;
	clear:both;
 }
 
  .delete-icon{
	 background-image:url(../images/delete-icon1.png);
	 background-repeat:no-repeat;
	 width:18px;
	 height:auto;
	 cursor:pointer;
	 margin-left:5px;
	 margin-right:5px;
	 display: inline-block;
 }
 

.edit-icon{
	 background-image:url(../images/icon-edit.png);
	 background-repeat:no-repeat;
	 width:18px;
	 height:auto;
	 cursor:pointer;
	 margin-left:5px;
	 margin-right:5px;
	 display:inline-block;
   }
   
   .save-icon{
	 background-image:url(../images/Save.png);
	 background-repeat:no-repeat;
	 width:25px;
	 height:25px;;
	 cursor:pointer;
	 margin-left:5px;
	 margin-right:5px;
	 display:inline-block;
   }
   
   
   .search-input{
	   width:100px;
   }

.content-tabs li{
	width:100%;
}

.calendar-box{
	width:180px;
}
.transfer-office textarea { width: 96%; min-height:100px; padding:2%;}

.transfer-office ol { list-style: circle!important; }

.input-width70{
	width:75% !important;
}

.table-width{
	width:100%;
	min-width:1000px;
	max-width:1500px;
}

.space-LR{
	margin:0 20px;
	float: right;
  }

.txt-white{
	color:#ffffff !important;
}

.bg-hday{
	background:#dad7d8 !important;
	color:#232323;
	font-size:14px;
}

.bg-hday:hover{
	background-color:#525252 !important;
}

#popUp-content sup {
    color: #525252;
}



/*========================accordion-con show and hide start=============================*/
.accordion-con .link {
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}


.accordion-con .submenu table{
	margin:2% 0;
}

.accordion-con .submenu1 {
	margin:2% 0;
}

.link .img-002{
	 background-image:url( <%=request.getContextPath()%>/common/images/detail-arrow.png);
	 background-repeat:no-repeat;
	 width:10px;
	 height:13px;
	 cursor:pointer;
	 margin-right:10px;
	 display: inline-block;
	 margin-left:-3px;
   }

.open > .link > .img-002{
	 background-image:url( <%=request.getContextPath()%>/common/images/detail-arrow.png);
	 background-repeat:no-repeat;
	 width:10px;
	 height:13px;
	 cursor:pointer;
	 margin-right:10px;
	 display: inline-block;
	  -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	vertical-align:middle;
}

.accordion-con .open{
	padding:1% 2%;
	
}
/*========================accordion-con show and hide start=============================*/
.list-view{
	width:400px;
}
.list-title{
	float:left;
	width:60%;
	  
}
.list-disc{
	float:right;
	width:30%;
 
}

.form-16-box{
	min-height:150px;
}
/*========================link start=============================*/

.inner-wraper a:link, .inner-wraper a:visited{
	color:#232323;
}

.inner-wraper a:hover, .inner-wraper a:active{
	color:#232627;
   }
   

/*========================link end=============================*/

.inner-wraper ol li{
	margin:5px 0;
}

.select-box {
    width: 93px !important;
    margin-right: 5px;
}
.disabled{
  background:#d4d4d4;
}   

strong{
    font-weight: 600;
    font-size: 13px;
    }
	
	
 .head-border{
	border-bottom:1px solid #232323;
	padding-bottom:5px;
}

/*========================form-table view css start=============================*/	
.tab-content .inner-wraper table.form-view{width:100%; border-bottom:1px solid #f2f2f2;}
		.tab-content .inner-wraper table.form-view tr th {background:#232323; color:#fff; text-align:left; height:30px; padding:2px 0 2px 10px; border-right:1px solid #f2f2f2; font-weight:normal; font-size:13px;}
		.tab-content .inner-wraper table.form-view tr th.last, .tab-content .inner-wraper table.form-view tr td.last{ border-right:none;}
		.tab-content .inner-wraper table.form-view tr td {text-align:left; height:30px; padding:2px 0 2px 10px; border-right:1px solid #f2f2f2;}
		.tab-content .inner-wraper table.form-view tr{background:#f2f2f2;}
		.tab-content .inner-wraper table.form-view tr:nth-child(even){background:#f2f2f2;}
		.tab-content .inner-wraper table.form-view tr:nth-child(odd){background: #ffffff;}
/*========================form-table view css end=============================*/

.add_child_bdr_outer{border:1px solid #974900; display:inline-block; padding:2%; width:95.8%;}
.add_child_bdr_outer:last-child{border:0px solid #974900 !important; display:inline-block; padding:2%; width:95.8%;}



.add_child_bdr_outer .inner-wraper{border: 0px !important;
padding-top: 0px;
padding-bottom: 0px;
}



.add_child_bdr_outer .add_child_bdr_inner {
    border-top: solid 1px #EFEFEF  ;
}
.add_child_bdr_outer .add_child_bdr_inner:first-child {
    border: 0px !important;
}


.bottom_bdr{border-bottom:solid 1px #EFEFEF ;}
.nbdr{ border:0px !important;}

/*.accordion-con .submenu {
  display: none;
 
}

.tab-block{ display:block;}

*/
.cnt_tab-2_padding{ padding-top: 0px !important; padding-bottom: 4% !important;}
.txtarea-size{ width: 189px !important; height: 70px !important; overflow: auto !important;}
  .tab-content .inner-wraper table tr td.icinput input[type="text"]{width: 166px !important; float: left;}


/*
For dashboard css
*/
.tab-content .inner-wraper table.datahome tr th a:link, 
.tab-content .inner-wraper table.data tr th a:link, 
.tab-content .inner-wraper table.data tr th a:hover, 
.tab-content .inner-wraper table.data tr th a:active,
.tab-content .inner-wraper table.data tr th a:visited{color:#fff;}
.top_menu_bg{min-height:40px; float:left; width:90%; height:auto; clear:both; background-color:#005fb0; padding: 0 5%;}
.top_menu_bg .logout a{ float:right; color:#fff; padding:10px 0; font-size:14px;}

header .user_name{width:auto; float:right; margin-top:42px; color:#141414; }
header .user_name span{ color:#555555; font-size: 11px !important; font-style: italic;padding-left:63px; }

.tab-content .inner-wraper table.data1{table-layout: fixed; width: 1400px; word-wrap: break-word;}
.tab-content .inner-wraper table.data960{table-layout: fixed; width:960px;word-break: break-all;}
.tab-content .inner-wraper table.data1100{table-layout: fixed; width:1100px;word-break: break-word;}
.tab-content .inner-wraper table.data2{table-layout: fixed; width: 2600px;}
.tab-content .inner-wraper table.data2000{table-layout: fixed; width: 2000px;}
.tab-content .inner-wraper table.data1 .alrgt{ text-align: right!important;}
.tab-content .inner-wraper table.data2 .alrgt{ text-align: right!important;}
.tab-content .inner-wraper table.data3{table-layout: fixed; width: 3200px;}
.tab-content .inner-wraper table.data817{table-layout: fixed; width:817px;word-break: break-all;}
.tab-content .inner-wraper table.data860{table-layout: fixed; width:860px;word-break: break-all;}
.tab-content .inner-wraper table.fullwidth{table-layout: fixed; width:100%;word-wrap: break-word;}
.allocation_rw_bg{ background-color:#929292; color: #fff; }
.select-tabl2{ width:115px !important; margin-right:5px;}
.tab-content .inner-wraper table.data1700{table-layout: fixed; width: 1700px;}
.big_dropdown{ width:270px !important; margin-right:5px; }



.tab-content .inner-wraper table.popdata tr td{font-size:12px;word-break: break-all;table-layout: fixed;}
.sorting{    float: right;
    width: 22px;
    height: auto;
  position: absolute;
top: 30%; right:0px;}
 .shorting_up{
	 background-image:url(../images/sorting-up.png);
	 background-repeat:no-repeat;
	 width:18px;
	 height:10px;
	 cursor:pointer;
	 margin-left:5px;
	 margin-right:5px;
	 display:inline-block;
	 	 margin-top:0px; margin-bottom:0px;
}
 .shorting_down{
	 background-image:url(../images/sorting-down.png);
	 background-repeat:no-repeat;
	 width:18px;
	 height:10px;
	 cursor:pointer;
	 margin-left:5px;
	 margin-right:5px;
	 margin-top:0px; margin-bottom:0px;
	 display:inline-block;
}
.content-box{ margin-right: 24px;}
.shotingth{ position: relative;}
.colourTour{background-color: #232323; color:#fff;}

 .INPUTWIDTH input[type="checkbox"]{WIDTH:auto !IMPORTANT;}
    .pad0{ padding: 0px !important;}
  .datepick-ctrl{ background-color: #232323 !important;}
   .sorting{    float: right;
    width: 22px;
    height: auto;
  position: absolute;
top: 40%; right:0px;}
 .shorting_up{
	 background-image:url(../images/sorting-up.png);
	 background-repeat:no-repeat;
	 width:18px;
	 height:10px;
	 cursor:pointer;
	 margin-left:5px;
	 margin-right:5px;
	 display:inline-block;
	 	 margin-top:0px; margin-bottom:0px;
}
 .shorting_down{
	 background-image:url(../images/sorting-down.png);
	 background-repeat:no-repeat;
	 width:18px;
	 height:10px;
	 cursor:pointer;
	 margin-left:5px;
	 margin-right:5px;
	 margin-top:0px; margin-bottom:0px;
	 display:inline-block;
}
.content-box{ margin-right: 30px;}
.shotingth{ position: relative;}
   
.bigtxt{ width:587px !important;}
    
     /*
pagination css
*/

div.pagination {
    display: inline-block;
    padding: 4px 0;
    margin: 0;
	background:#f2f4f7;
	width:100%;
}

div.pagination span {display: inline;  padding: 5px 6px; float:left; }

div.pagination span  {
    color: black;
    float: left;
 text-decoration: none;
    
  
}

div.pagination span.active {
   border:solid 1px #545556;
    color: #545556;
	    padding: 1px 6px;
    cursor: default !important;
    margin-top: 3px;


    
}

div.pagination span a:hover:not(.active) {   }

 
  span.selecte{
	 background-color:#fff; 
	 border-left:#ececed 1px solid;
	border-right:#ececed 1px solid;
 }
 
 
   span.disable{
    opacity:.3;
 }
 
 
   span.bdr-right{
	
	border-right:#ececed 1px solid;
	margin-right:10px
 } 
 .enableclass{cursor: pointer !important;}
 span.enableclass.activepagination img{padding-top:2px; }
 span.disable.inactivepagination img{padding-top:2px;}
 
 .accordion-con .link {
  cursor: pointer;
  display: table-row;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.accordion-con .submenu {
  display: block;
 
}







.accordion-con .submenu table{
	margin:0%;
	
	
}

.accordion-con .submenu1 {
	margin:2% 0;
}

.link .img-002{
	 background-image:url(../images/detail-arrow.png);
	 background-repeat:no-repeat;
	 width:10px;
	 height:13px;
	 cursor:pointer;
	 margin-right:10px;
	 display: inline-block;
	 margin-left:-3px;

   }

.open > .link >.img-002{
	 background-image:url(../images/detail-arrow.png);
	 background-repeat:no-repeat;
	 width:10px;
	 height:13px;
	 cursor:pointer;
	 margin-right:10px;
	 display: inline-block;
	  -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
	vertical-align:middle;
}

.link  > td >.img-003{
	 background-image:url(../images/detail-arrow1.png);
	 background-repeat:no-repeat;
	width:10px;
	 height:13px;
	 cursor:pointer;
	 margin-right:10px;
	 display: inline-block;
	 margin-left:-3px;
   }

 .link > td >.img-004{
	 background-image:url(../images/detail-arrow.png);
	 background-repeat:no-repeat;
	width:10px;
	 height:13px;
	 cursor:pointer;
	 margin-right:10px;
	 display: inline-block;
	 margin-left:-3px;
	vertical-align:middle;
}





.accordion-con .open{
	padding:1% 2%;
	
}
 
 
 
 
 
 
 .tab-content .inner-wraper table.form-view1{width:100%; border-bottom:1px solid #f2f2f2;}
		.tab-content .inner-wraper table.form-view1 tr th {background:#232323; color:#fff; text-align:left; height:30px; padding:2px 0 2px 10px; border-right:1px solid #f2f2f2; font-weight:normal; font-size:13px;}
		.tab-content .inner-wraper table.form-view1 tr th.last, .tab-content .inner-wraper table.form-view tr td.last{ border-right:none;}
		.tab-content .inner-wraper table.form-view1 tr td {text-align:left; height:30px;  padding:0px 0 0px 10px; border-right:1px solid #f2f2f2;}
		.tab-content .inner-wraper table.form-view1 tr{background:#ffffff;}
		.tab-content .inner-wraper table.form-view1 tr.even{background:#f2f2f2; }
		.tab-content .inner-wraper table.form-view1 tr.odd{background: #ffffff;}
                
                
                
ul.lang{ float:right; list-style:none;  border-left:1px solid #d4d4d4; padding:14px 12px;}
ul.lang li{ display:inline-block; padding:0 10px; }
ul.lang li a{color:#232323; }
ul.lang li a.seleted{ font-weight:bold; }

ul.username{ float:right; list-style:none;   margin-top:20px;}
ul.username li{ display:inline-block; padding:5px 5px;  border-right:1px solid #d4d4d4; }
ul.username li a{color:#232323; }
ul.username li:nth-child(3) { border-right:0px; }
ul.username li:nth-child(4) { border-right:0px; border-radius:25%; }
ul.username li:nth-child(4) a{ color:#232323; }
ul.username li a.seleted{ font-weight:bold; }
ul.username li a.user_pic img{width: 40px; height: 40px; margin-bottom: -18px; border-radius: 50%; border: solid 1px #ddd; }
.link_hover span:hover{ text-decoration: underline;cursor:pointer;}
.ev{background: #f2f2f2 !important;}
.ev:hover{background: #525252 !important;}
.od{background: #fff !important;}
.od:hover{background: #525252 !important;}

.flex-container{width: 100%; min-height:50px;	margin: 0 auto;	display: -webkit-flex; /* Safari */	display: flex; /* Standard syntax */}
.flex-container .column{ padding-bottom:0px; -webkit-flex: 1; /* Safari */	-ms-flex: 1; /* IE 10 */	flex: 1; /* Standard syntax */ }
.flex-container .column .inner-wraper{ height:100%;}
.pdm_btm{display: block; padding-bottom: 10px;}
.tab-content .flex-container .inner-wraper {

    padding: 2% 2% 0 2%;
 
}
 
/* Center the loader */
.loader_wrapper{width:100%; height:100%; background:RGB(0,0,0, .7); display:none;  position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999999;}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #141414;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  display: none;
}


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

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

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}
 .amount-right{	
    text-align: right !important;;
} 
.ui-widget-header {
	background: #141414 !important;
}

.supportDeskBubble{
	width: 130px;
    height: 27px;
    top: 85%;
    left: -90px;
    z-index: 999999;
    background-color: #232323; 
    color: white !important;
    font-weight: bold !important;
    padding-left: 2px;
    padding-top: 13px;
    position: fixed;
    background-image: url("/webcenter/images/mail-obsidian.png"); 
    background-repeat: no-repeat;
    background-size: 47px;
    background-position: right;
    text-decoration: none !important;
    display: none;
}
.supportDeskBubble:hover, .supportDeskBubble:active{
    transition: all 0.3s;
    transform: scale(1.1);
    left: 5px;
}
 
 
 .p_AFTextOnly {
border: solid #bbbbbb 1px;
border-left: none;
height: 31px;
width: 30px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
background-image: url(../css/images/search-icon.png) !important;
background-repeat: no-repeat;
background-color: #fff;
background-position: center;
margin: 0 0 0 -3px !important;
display: block;
}

.dashboard-container h2:after {
    background: #005fb0;
}

.dashBoard-wrapper .bdrBox:hover .heading,
.dashBoard-wrapper .bdrBox:hover .heading a{background: #005fb0; color: #fff;}

.dashBoard-wrapper .count{color: #141414;}


/*--updated css-------*/
.tab-content .inner-wraper{border: .1px solid #dfdada;}
#inner-content-container, .top-bar, footer .footer_top, footer .footer_bottom {width: calc(100% - 30px) !important; padding:15px 30px}
.top-bar{padding:0 15px}
footer .footer_top, footer .footer_bottom{padding:10px 15px}
.tab-content{box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 6px; border:none;}
.scrollBar::-webkit-scrollbar-thumb {
  background-color: #141414;
}
.left-section .accordion{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 6px;
    border: none;
    background: #fff;
    padding: 5px;
    }
    

     [id^=tab]:checked + label{background:#005fb0; color:#fff; border-radius: 15px 15px 0 0;}
    .content-tabs > li > input + label a img{width: 12px;}
     #cssmenu ul li.active,  #cssmenu ul li:hover{border-radius: 15px;}

     
     .sucess_table{
	height: calc(100vh - 165px);
}

.btn_wrap{
	margin-top: 25px;
}

.custom_topbar {
	display: flex;
}

.top-bar .logo_container {
	display: flex;
	justify-content: center;
	align-items: center;
}

.top-bar .logo_container .logo {
	max-width: 50px;
}

.logo_container .logo_text {
    margin: 0 0 0 10px;
    color: #060606;
}

.logo_text p{
    font-size: 22px !important;
    font-weight: 500;
}

.logo_text small {
	font-size: 12px !important;
	font-weight: 400;
}

.inner_topbar {
	border: none !important;
}

.custom_rightside{
	   display: flex;
    align-items: center;
    justify-content: flex-end;
        width: auto;
    margin-left: auto;
}

.custom_topbar ul.lang {
	padding: 14px 0;
	border: none;
}

.custom_rightside .font-zoom {
	order: 1;
}

.content-tabs > li > input + label img {
	width: 12px;
}

.tab-content .inner-wraper .enableclass {
	/*background: #005fb0 !important;*/
	color: #434343;
}

div.pagination span.active{
    margin-top: 0;
    padding: 4px 6px;
}

span.enableclass.activepagination img,
span.disable.inactivepagination img{
	padding: 2px 0;
}




.topHeadType{background: #EEF2F6; display: flex; align-items: center; padding: 5px 2%; border-radius: 5px 5px 0 0;}
    .topHeadType .typeBox{width: auto; margin-right: 30px; display: flex; align-items: center;}
    .alloTypeBox{border:1px solid #D4D4D4; border-radius:5px; margin-bottom: 20px;}
    .topHeadType .typeBox select{width: auto; min-width: 100px;}
    .topHeadType .typeBox .label{margin-right: 10px;}
    .alloTypeBox .dataCnt{padding: 10px 2% 0 2%;}
    .alloTypeBox .dataCnt td{ background: #F9FAFA; padding: 15px;}
    .alloTypeBox .dataCnt .amount{color: #015EB0; font-weight: 600;}
    .alloTypeBox .txt-Box{display: flex; justify-content: space-between;}
    .auditData{background: none; border-radius: 0; padding: 0;}
    .auditData input{width: auto !important; min-width: 140px;}
    .alloTypeBox .dataCnt {overflow: hidden; overflow-x: auto;}
    .bdrBox{border:1px solid #EFEFEF !important; border-radius: 4px;}
    .formBox input[type="text"],   .formBox select{border: 1px solid #D4D4D4 !important;padding: 3px 5px !important;color: #7E7E7E !important;min-height: 35px;border-radius: 4px !important;box-sizing: border-box;width: 210px !important;margin-bottom: 10px;}
    .formBox input[type="text"]:disabled,   .formBox select:disabled, .formBox textarea:disabled{background: #E6F2FC; border-color: #b1c4d5 !important; color: #6e7591 !important}
    .dashedBdrBox{border: .5px dashed #005FB0!important; border-radius: 4px; background: #F6F8FA;}
    .dashedBdrRight{border-right: .5px dashed #005FB0;}
    .inner-wraper .headBG{background: #E9F5FF; padding: 10px 20px !important; border-radius: 5px 5px 0 0; margin:-1.7% -1.7% 0 -1.7%; font-size: 16px; font-weight: 600; position: relative; color: #323232;}
    .inner-wraper .headBG:before{ content: '';width: 2px;height: 18px;position: absolute;z-index: 1;top: 10px;background: #005FB0;left: 12px;}
   .tableHead thead tr th:first-child, .tableHead tbody tr th:first-child {border-top-left-radius: 10px;}
   .tableHead thead tr th:last-child, .tableHead tbody tr th:last-child {border-top-right-radius: 10px;}
   .btnReject, .btnReturn, .btn-style, .btnCancel{min-height: 35px; margin-right: 5px;}
   .btnCancel{background: #DEDEDE !important; color: #323232 !important;}
   .btnReject{background: #e53935 !important; color: #fff !important;}
   .btnReturn{ background: #7B4447 !important;}
   .btnApprove{background: #26A639}
   .approverSec .typeBox{display: flex; align-items: center;}
   .approverSec .typeBox .label {margin-right: 10px; color: #282828; min-width: 15%;}
   .asterisk{color: #B92626;}
   .textBlue{color: #015EB0 !important;}
   .mt-4{margin-top: 20px;}
   .mt-3{margin-top: 15px;}
   .mt-2{margin-top: 10px;}
   .mt-1{margin-top: 5px;}
   .ml-2{margin-left: 15px;}
    .mr-4{margin-right: 20px;}
     .mr-3{margin-right: 15px;}
     .mb-4{margin-bottom:20px !important}
   .p-2{padding:10px !important}
   .p-3{padding:15px !important}
   .pl-2{padding-left:15px}
   .deleteBtn{width: 35px; cursor: pointer;}
   .btn-addMore img{width:12px; margin-right: 5px;}
   .btn-addMore{background: #26A639; min-height: 35px; border-radius: 2px; color: #fff; border:none; white-space: nowrap; box-sizing: border-box; padding: 0 10px; display: flex; align-items: center;}
   .form-control, .fileBox{width:100%; border: 1px solid #D4D4D4 !important;padding: 3px 5px !important;color: #7E7E7E !important; border-radius: 4px !important; min-height: 35px; box-sizing: border-box;}
   .upload-btn-wrapper input[type=file] {font-size: 100px;position: absolute;left: 0;top: 0;opacity: 0; width: 100%; height: 35px; z-index: 5; cursor: pointer;}
   .upload-btn-wrapper {position: relative; overflow: hidden; display: inline-block; width: 100%;}
   .fileUpload{position: absolute; right: 10px; top:10px;}
   .upload-btn-wrapper .fileBox{text-align: left; background: none;}
   .capFileBox .form-control{width: 100% !important;}
   .actionBox{display: flex; align-items: center;}
   .capFileBox{display: grid; grid-template-columns: 50% 50%; width: 100%; margin-right: 10px;}
   .tab-content .inner-wraper input[type="text"]{border: 1px solid #D4D4D4 !important; padding: 3px 5px !important;  color: #676767 !important; border-radius: 4px !important;}
   .bdrNone{border:none !important}
   .tab-content .inner-wraper input[type="text"], .tab-content .inner-wraper select, .tab-content .inner-wraper textarea,  .inner-wraper select[disabled]{color: #2D2B2B !important; opacity: 1;}
   .p-0{padding:0 !important;}
   .inner-wraper.bdrNone.p-0{width:100%;}
   textarea{border-color: #D4D4D4; border-radius:4px}
  .bgNone, .bgNone tr:nth-child(odd){background: none !important}
  .bgNone tr td, table.bgNone{border:none !important}
 .historyBG{background:#EFEFEF; padding: 8px 10px; display: inline-block; border-radius: 4px; margin-left:4px}
   @media screen and (max-width: 767px) {
    .topHeadType{display: block; }
    .topHeadType .typeBox{display: block; margin-bottom: 10px; margin-right: 0;}
    .topHeadType .typeBox input, .topHeadType .typeBox select{width: 100% !important;}
    .tab-content .inner-wraper .content-tab1,  .tab-content .inner-wraper .content-tab1, .tab-content .inner-wraper .content-tab2{float: none; width: 100%;}
    .dashedBdrRight{border:none}
    .approverSec .typeBox, .capFileBox{display: block;}
    .capFileBox .form-control, .upload-btn-wrapper{width: 100% !important; margin-left: 0 !important; margin-bottom: 10px;}
    .approverSec .typeBox .label {margin-bottom: 5px;}
    .actionBox, .capFileBox {justify-content: flex-end;}
    }

/*newheader css*/

.custom_topbar {display: flex; justify-content: space-between; width: 100%; align-items: center; }
        .userNmBox{display: flex; align-items: center;}
        .userNmBox, .userNmBox a{color: #434343!important;}
        #inner-content-container{background: #f2f2f2;}
        .top-bar div.topbar-left{padding: 0; width: 50%; margin: auto;}
        #inner-content-container .right-section-container, .inner_topbar{background: #fff;}
        #cssmenu{background: none; padding: 0; color: #0C0C0C; margin: auto; display: flex;}
        #cssmenu > ul > li > a{color: #0C0C0C; padding: 10px 15px; font-weight: 600;}
        #cssmenu > ul > li:hover > a{color: #0C0C0C}
        #cssmenu ul{margin: auto;}
        #cssmenu ul li.active,  #cssmenu ul li:hover{background: none; border-bottom: 2px solid #005FB0; border-radius: 0; color:#0C0C0C}
        .accessTop{background: #005fb0; min-height: 30px;}
        .accessbilityBox{position: relative; padding-left: 10px;}
        .accessbilityBox img{padding: 5px 0 6px 0;}
        .accessbilityBox .font-zoom{display: none; position: absolute; top: 30px; border-left: none; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background: #fff;}
        .accessbilityBox:hover .font-zoom{display: block;  z-index: 10; left: 0;}
        .accessbilityBox .font-zoom li{margin-bottom: 5px !important; }
        .accessbilityBox .font-zoom li:last-child{margin-bottom: 0 !important;}
        .accessbilityBox:hover .font-zoom li{display: block !important;}
        ul.lang {float: right; list-style: none; border-right: 1px solid #d4d4d4; padding: 11px 12px; border-left: none;}
        .wrapper-dropdown {position: relative;width: 145px;cursor: pointer;}
        .selected-display {padding:5px 10px;border-right: 1px solid #ccc;color: #fff;}
        .dropdown-arrow {position: absolute;right: 10px;top: 4px;transition: transform 0.3s;color: #fff;}
        .dropdown-arrow.open {transform: rotate(180deg);}
        .dropdown-options {display: none;position: absolute;width: 100%;border: 1px solid #ccc;border-top: none;max-height: 200px;overflow-y: auto;z-index: 10;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background: #fff;}
        .dropdown-options li {padding: 10px;}
        .dropdown-options li:hover {background: #f0f0f0;}
        .dropdown-arrow .arrow {margin-left: 10px;margin-right: 10px;float: right;rotate: 180deg;}
        ul.lang{padding: 0;}
        ul.lang li{display: block; border-bottom: 1px solid #f0f0f0; padding:7px 10px;}
       .top-bar {
    border: none !important;
}
.tab-content {
    background: #fff;
}
@media only screen and (max-width: 1170px) {
  .custom_topbar{position: relative;}
  .top-bar div.topbar-left{position: absolute; right:0; width: 100%; left: 0;}
  .userNmBox {width: 220px; justify-content: flex-end;}
    #cssmenu.small-screen {width: 95%;display: block;z-index: 10;position: absolute;top: 40px; left:0; right:0}
    #cssmenu.small-screen ul{background: #fff; z-index: 5;}
     #cssmenu ul li.active,  #cssmenu ul li:hover{border-bottom: none; color:#0C0C0C}
     #cssmenu.small-screen #menu-button {width: 180px;position: absolute;right: 180px; text-indent:-9999px; top: -60px;}
}  
@media only screen and (max-width: 991px) {
  .userNmBox {width: 132px;}
  
} 


/*left nav css*/
        #inner-content-container .left-section {width: 22.5%; position: relative; background:  #fff;}
        #form-page #inner-content-container{padding: 0; box-sizing: border-box; width: 100% !important; display: flex; height: 100%;}
        .left-section .accordion{background: #fff; padding: 0; border-radius: 0; box-shadow: none; padding-bottom: 5px;}
        .left-section .accordion-section-title, .left-section .accordion-section-title1{border-radius: 0; border-color: rgb(255 255 255 / 20%); background: #fff none repeat scroll 0 0; color: #525354;}
        .tab-content{background: #fff; border-radius: 0 6px 6px 6px;}
        #inner-content-container .right-section-container {float: left;min-height: 475px;margin-left: 0;width: calc(77.5% - 30px); padding: 0 15px; background: none; margin-top: 15px;}
        .accordion-section-content ul li a, .accordion-sub-content-title ul li a{color: #2A2A2A;}
       #sidebar-btn{ position: relative;min-width: 40px;height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
        .sidebar {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;width: 22%;}
        .sidebar-collapse .sidebar {width: 0 !important;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
        .sidebar-collapse .right-section-container{width: calc(100% - 30px) !important;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    
        .left-section .accordion-section-title.active, .left-section .accordion-section-title1.active
        /*, .left-section .accordion-section-title:hover */{background-color: #fff; color: #1A1A1A !important;display: flex;position: relative; padding-right: 50px;  box-sizing: border-box; font-weight: 600;}
    .left-section .accordion-section{z-index: 5; position: relative; margin: 0 22px 10px 22px; border-radius: 10px; box-shadow: 0px 0px 4px 0px #00000021;}
    .left-section .accordion-section-title:after{opacity: 0;}
    .left-section .accordion-section-title.active:after,
    .left-section .accordion-section-title:hover:after 
    /*.left-section .accordion-section-title:hover:after */{
    background: url('../images/longArrow.svg') no-repeat #F58220;content: '';position: absolute;right: 10px;width: 25px;height: 25px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-position: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out !important;opacity: 1;  top: 50%;
transform: translate(-50%,-50%); right:0; filter: none; left: auto;}
.accordion-section-content li img, .accordion-sub-content-title li img{display: none;}

.accordion-section-content li, .accordion-sub-content-title li{position: relative;}
.accordion-sub-content-title ul{border-left:2px solid #017DC5; padding-left: 0;}
.accordion-section-content ul li a, .accordion-sub-content-title ul li a{padding: 4px 0; display: block; position: relative;}
.accordion-section-content ul li a:hover:before,
.accordion-section-content ul li a.active:before, .accordion-sub-content-title  ul li a:hover:before,
.accordion-sub-content-title  ul li a.active:before{border-left: 2px solid #FE8C02; position: absolute; height: 100%; width: 1px; content: ''; left: -2px; top: 0;}

.left-section .accordion{padding-top: 30px;}
.dashboard_main_full #inner-content-container{padding: 0 15px !important; display: block !important; width: 100% !important}
.top-bar .logo_container .logo{width: 60px;}
footer{clear: both}
.btnUserSec{display: flex; align-items: center; justify-content: flex-end;}
.btnUserSec .orderBtn img{background:#74b1dd; border-radius: 100%; width:23px; height: 15px; border:4px solid #519fd4; margin-right: 10px; padding: 4px 0 4px 0;}
.btnUserSec .orderBtn {color: #fff;font-weight: 600;padding: 4px 10px;border-radius: 50px;background: linear-gradient(90deg, #077DC7 0.13%, #032B8F 117.05%);display: flex;align-items: center;}
#form-page .popPage{display: block !important;padding: 0 15px !important; width: calc(100% - 30px) !important;}


    [id^=tab]:checked + label:before{content: '';background: url(../images/leftRadius.png) no-repeat;top: 0px;left: -22px;position: absolute;z-index: 1;width: 29px;height: 40px;}
    [id^=tab]:checked + label:after{content: '';background: url(../images/rightRadius.png) no-repeat;top: 0px;right: -20px;position: absolute;z-index: 1;width: 29px;height: 40px;}
    [id^=tab]:checked + label {position: relative;margin-left: 20px;border: none;min-height: 20px;display: flex;align-items: center; border-radius:0;}
 
 .totalBg{background: #e6f2fc !important}
 .textBlue{color:#015EB0}
  .textRed{color:red}
 .tableInputBox  input{width: auto !important}
/*news*/
#trendSlider{width: calc(100% - 60px) !important;}
.orderCirSlider{background: #FCEFD4; border:.5px solid #EFBB03; border-radius: 5px; display: flex; align-items: center; margin-bottom: 15px; overflow: hidden;}
.orderCirSlider #trendSlider a{color: #000;}
.notiBox{background: #005FB0; border-radius: 5px 0 0 5px; padding:8px; margin-right: 15px;}
.notiBox img{width: 30px;}
.viewIcon, .downloadIcon{width:25px; height:25px;}
/*changes*/

.left-section .accordion-section-title {border:none; border-radius: 8px; box-shadow: 0px 0px 4px 0px #00000021; border-left: 8px solid #F58220; align-items: center; min-height: 50px; display: flex; padding: 10px 15px 10px 6px; padding-right:50px; }
.accordion-section-content ul li a:hover:after {position: absolute;height: 6px;width: 6px;content: '';left: -3.5px;background: #FE8C02;top: 18px;border-radius: 5px;}
/*new*/
.accordion-section-content a{padding: 10px 15px 10px 15px !important;}
/* .accordion-section-content a.active, .accordion-section-content a:hover{background: rgb(18 56 88 / 30%); border-radius: 0 15px 15px 0;} */
/* .left-section .accordion-section {border-bottom:1px solid rgb(255 255 255 / 20%);} */
.left-section .accordion-section-title:after{
	background: url(../images/rightArrowIcon.svg) no-repeat;content: '';position: absolute;width: 15px;height: 15px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-position: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out !important;opacity: 1;top: 50%;transform: translate(-50%, -50%);right: 5px;opacity: 1 !important;
filter: brightness(0) saturate(100%) invert(34%) sepia(0%) saturate(1078%) hue-rotate(65deg) brightness(90%) contrast(88%);
}
.left-section .accordion-section-title img{width: 22px; margin-right: 7px; min-width: 22px; max-height: 22px;}
.left-section .accordion-section:nth-child(5n+1) .accordion-section-title {
      border-left: 8px solid #F58220;
}
.left-section .accordion-section:nth-child(5n+2) .accordion-section-title{
  border-left: 8px solid #4EDD1C;
}
.left-section .accordion-section:nth-child(5n+3) .accordion-section-title{
  border-left: 8px solid #14D2BB;
}
.left-section .accordion-section:nth-child(5n+4) .accordion-section-title{
 border-left: 8px solid #179DFE;
}
.left-section .accordion-section:nth-child(5n+5) .accordion-section-title{
 border-left: 8px solid #FE518F;
}
.accordion-section .accordion-section-content > ul > li > a{border:none !important; box-shadow: none;}
.accordion-section .accordion-section-content > ul > li .accordion-section-title.active, .accordion-section .accordion-section-content > ul > li .accordion-section-title{font-weight: 400; padding-right: 30px !important; min-height: inherit;}
.accordion-section .accordion-section-content > ul > li .accordion-section-title.active:before{border-left:none !important}
.accordion-section .accordion-section-content > ul > li .accordion-section-title.active:after{right: -10px !important}
/*---------------------css for position-----------------*/
.calBox, .position-relative{position: relative;}
.calBox img{position: absolute; top:10px}

.pmSummaryGraph {
margin-top: 20px;
}
.pmSummaryGraph .summaryGraphBox {
background-color: #e4eaf5;
border: 1px solid #dce1ef;
border-radius: 6px;
margin-bottom: 25px;
}
.summaryGraphBox .graphBoxheader {
background-color: #007dc9;
color: #fff;
font-size: 18px;
font-weight: 500;
padding: 13px 30px;
border-radius: 6px 6px 0 0;
}
.summaryGraphBox .graphBoxBlock {
padding: 20px 30px;
display: flex;
justify-content: center;
}

@media (max-width: 767px) {
.dashBoxDetails {
grid-template-columns: repeat(2, 1fr);
}
.summaryTitle h2 {
font-size: 18px;
}
.summaryGraphBox .graphBoxheader {
font-size: 16px;
}
}

.chartcanv {
width: auto;
max-height: 250px;
/* float: left */
}

.chiefcanv{

max-height: 135px !important;
height: 135px !important;
}

@media ( min-width : 1367px) and (max-width: 2560px) {
.chartcanv {
width: auto;
max-height: 350px;
}
.chiefcanv {

max-height: 161px;
}
}

#chartContainer {
 max-width: 700px !important;
}
.d-block{display: block;}
.width100{width:100%;}
.d-flex{display: flex;}
.align-items-center{align-items: center;}
.justify-content-between{justify-content: space-between;}
.h-auto, .docAttach .aug_fl_li{height: auto !important;}
.docAttach .delete-icon{padding: 0 10px 10px 0}
.bgSec{background: #f3faff; margin-bottom:5px; border: none; }
.bgLightBlue{border-radius: 5px; background: #E9F5FF; padding: 10px 20px !important;}
.bgLightBlue .label{color: #2D2B2B; text-align:right; padding-right:20px; font-weight:600}
.inner-wraper.formBox .btn-primary{
    border-radius: 3px;
    color: #ffffff;
    padding: 4px 20px;
    background-color: #005fb0;
    width: auto;
    cursor: pointer;}
table tbody tr td, table tbody tr th{font-weight:600 !important;}
.inner-wraper.formBox input, .inner-wraper.formBox textarea, .inner-wraper.formBox select, .fontB{font-weight:600;}
.inner-wraper input[type="radio"]:disabled {accent-color:#ccc;}
.fileViewName{width: 100px; display: inline-block; word-wrap: break-word;}
.textOrange{color:#F58220 !Important}
.deleteNewIcon{
    display: inline-block;
    background-image: url(../images/delete.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    background-size: 100%;
    content: '';
    position: absolute;
    border-radius: 50%;
    background-position: center;
    opacity: 1;
    top: 50%;
    transform: translate(-50%, -50%);
    right: -10px;	
    }
    
    
.calBoxInput{position: relative} 
.calBoxInput .calImg{vertical-align: middle; position: absolute; cursor: pointer; left: 185px; top: 8px;} 
.searchNew {vertical-align: middle; position: absolute; cursor: pointer; left: 170px; top: 6px;}
.searchNewTable {position: absolute;cursor: pointer; left: 110px;top: 3px;width: 20px;}
.inner-wraper.formBox.bdrBox .add_child_bdr_outer{padding:0 !important; width:100% !important}
.add_child_bdr_outer .add_child_bdr_inner.bgSec{position:relative;}
.grid-two-column {display: grid; grid-template-columns: 1fr 1fr; /* Two equal columns */  gap: 10px; /* Optional spacing between columns */}
.grid-three-column {display: grid; grid-template-columns: 1fr 1fr 1fr; /* Two equal columns */  gap: 10px; /* Optional spacing between columns */}
.tab-content .inner-wraper .searchInput input[type="text"]{padding-right:40px !important} 
/* Global focus style */
input:focus, select:focus, textarea:focus{
  outline: none; /* Change this to your preferred color */
  box-shadow: 0 0 3px 2px #007BFF;
}
input:focus-visible {
  outline: none;
  box-shadow: 0 0 3px 2px #007BFF;
}

.fld_focus_class{background-color: #E6F2FC !important;}
input[type="checkbox"]:disabled {
  accent-color: red; /* your custom color */
  opacity: 0.6; /* optional dimming */
}

.d-inline-block {
	display:inline-block;
}

.docfile-container {
	display:flex;
	flex-direction: column;
	width: 252px;
}

.docfile-container .docfile-ic {
	display: flex;
	margin-bottom:2px;
}


.docfile-container .docfile-ic a {
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width:200px;
}

.doc-file {
	width: 252px;
}

.docfile-container .aug_fl_li,
.doc-file .aug_fl_li {
	display: flex;
    flex-wrap: wrap;
}

.docfile-container .aug_fl_li > span:first-child,
.doc-file .aug_fl_li > span:first-child {
	width:100%;
}
.fileViewTable{margin-bottom:2px !important}