body { font-family: 'Open Sans', sans-serif !important; font-weight: 400 !important; font-size: 12px;  color: #707070; text-decoration: none; margin: 0px; padding: 0px; background-color: #e9e9e9; }
button { outline: none !important; text-decoration: none !important; border: none !important; }
*:focus, .inputbox:focus{outline: none !important;}
.btn:focus { outline: none !important; text-decoration: none !important; border: none !important; box-shadow: none !important; }
a { outline: none !important; border: none; text-decoration: none; }
textarea { resize: none; }
ul { list-style: none; }
.center { text-align: center!important; }
.menu-icon { background-color: transparent; cursor: pointer; padding: 0; opacity: 0.7; }
.navbar { height: 70px; background: #1a2c5e!important; border: none; border-radius: 0; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); }
.navbar-btn { box-shadow: none; outline: none !important; border: none; }
.line { width: 100%; height: 1px; border-bottom: 1px dashed #ddd; margin: 40px 0; }
.nav-item { font-size: 16px; margin-left: 20px; }
.header_text {font-size: 14px; font-weight: 500; color: #fff; padding-left:10px; line-height:16px; margin-top:4px;}
.header_text span {display: block; font-size: 11px; font-weight: 400;}
/* ---------------------------------------------------   SIDEBAR STYLE ----------------------------------------------------- */
.wrapper { display: flex; width: 100%; align-items: stretch; }
#sidebar { min-width: 260px; max-width: 260px; color: #fff; transition: all 0.3s; height: 100vh;  background:#6E797C!important; -webkit-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.3);-moz-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.3);
box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.3);}
#sidebar.active { margin-left: -265px; }
#sidebar .sidebar-header { height: 70px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); background-color: #1a2c5e; }
.dropdown-toggle::after { display: block; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.menu_btn { background-color: transparent!important; padding: .375rem .0rem!important;}


.gen-btn{cursor: pointer;       padding: 6px 20px;    color: #fff;    font-size: 14px;    font-weight: 500;}
.btn-2{background-color: #e0295e; }
.btn-2:hover{   background-color: #6E797C; color: #fff;}
.btn-1{background-color: #26235d; }
.btn-1:hover{   background-color: #6E797C; color: #fff;}
.list_text{font-size: 14px; font-weight: 400px;}
.list_text span{font-size: 14px; font-weight:700!important; display: block; clear: both; color: #000;}

/* --------------------------------------------------- Table Style Start ----------------------------------------------------- */
.con_title { width: 100%; height: 50px; line-height: 50px;  background-color: #f7f7f7; color: #333; font-size: 18px; font-weight: 600; padding-left: 10px;
	/*border-bottom: solid 1px #e1e1e1;*/ }
.con_title span { float: right; margin-right: 10px; font-size: 14px; }
.con_wrap { width: 100%;  padding-bottom: 5px;  margin-bottom: 30px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #FFFFFF; display: block; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }
.pro-dropdown { float: left; border: solid 1px #a7a7a7!important; padding-left: 10px; font-size: 18px; height: 35px; width: 190px; -webkit-appearance: none; -moz-appearance: none; background: url(../images/drop_arrow.png) no-repeat 90% center #f3f2f3; text-overflow: ""; color: #555555; font-size: 14px; font-weight: normal; border-radius: 35px!important; webkit-border-radius: 35px!important; -moz-border-radius: 35px!important; border-radius: 35px!important; }
.dash_table { margin-bottom: 0 !important; width: 100% !important; background-color: #fff !important; border: 0; }
.dash_table th { font-size: 14px; color: #1a2c5e!important; font-weight: 400; border: 0!important; padding:10px 10px!important; background-color:#fff!important;}
.dash_table td { font-size: 14px; color: #6f6f6f; font-weight: 400; border-top: solid 1px #e7e7e7 !important; padding: 10px 10px !important; border: 0; }
.dash_table td img{cursor: pointer; margin: 0 5px;}

.bg-col1 { background-color: #2E79BB; }
.bg-col2 { background-color: #70C27A; }
.bg-col3 { background-color: #F99F42; }
.bg-col4 { background-color: #DE1B54; }
.bg-col5 { background-color: #26235D; }
.bg-col5 { background-color: #1b2d5e; }
.bg-col6 { background-color: #6e797c; } 
.input-list { margin: 0; padding: 0; list-style: none; width: 100%; display: block; margin-top: 20px; overflow: hidden; }
.input-list > li { float: left; margin-bottom: 20px; width: 33%; font-size: 12px; font-weight: 500; padding: 0 15px; }
.input-list > li > span { font-size: 14px; font-weight: 600; display: block; }
.section-title { font-size: 14px!important; font-weight: 400!important; color: #26235d!important; }
.section-title > span { font-size: 16px!important; font-weight: 600!important; display: inline-block!important; color: #DE1B54!important; margin-left: 5px; }
.red-text { font-size: 14px!important; font-weight: 600!important; color: #DE1B54!important; margin-right: 5px; float: left; }
.cal-input { background-image: url(../images/cal-img.png); background-repeat: no-repeat; background-position: right 5px center; }
.drop_down { border: solid 1px #dddddd; height: 30px; padding-left: 5px; width:200px; -webkit-appearance: none; -moz-appearance: none; background: url(../images/drop_arrow.png) no-repeat 95% center #FFFFFF; text-overflow: ""; color: #555555; font-size: 14px; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.pop_drop { border: solid 1px #dddddd; height: 40px; padding-left: 5px; width: 50%; -webkit-appearance: none; -moz-appearance: none; background: url(../images/drop_arrow.png) no-repeat 95% center #FFFFFF; text-overflow: ""; color: #555555; font-size: 14px; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.inputbox { border: solid 1px #dddddd; width:200px; height: 30px; font-size: 16px; padding-left: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }


.textarea { border: solid 1px #dddddd; width:200px; font-size: 16px; text-indent: 5px; }
.inner_footer { padding: 10px 20px; overflow: hidden; position: relative; width: 100%; z-index: 1030; text-align: right; -webkit-box-shadow: 0px -2px 1px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px -2px 1px 0px rgba(0,0,0,0.1); box-shadow: 0px -2px 1px 0px rgba(0,0,0,0.1); }
.gen_but { padding: 8px 25px; font-size: 14px; margin-left: 10px; color: #fff; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.cancel_but { border: solid 1px #16125f!important; background-color: #26235d; }
.cancel_but:hover { background-color: #16125f; }
.submit_but { border: solid 1px #BF0D41!important; background-color: #DE1B54; }
.submit_but:hover { background-color: #BF0D41; }
/* --------------------------------------------------- Top Days List ----------------------------------------------------- */

.list-group-item.active { background-color: #26235D; color: #fff; border: 0; }
.list-group-item.active:hover { color: #fff; }
.list-group-item, .list-group-item a { color: #26235D; }
.list-group-item:hover { color: #DE1B54; }
.list-group.list-group-horizontal { display: flex; flex-direction: row; float: right; }
.list-group.list-group-horizontal .list-group-item { margin-bottom: 0; margin-right: 0; border-right-width: 0; text-align: center; font-size: 14px; }
.list-group-item span { font-weight: 600; font-size: 14px; }
.list-group.list-group-horizontal .list-group-item:first-child { -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.list-group.list-group-horizontal .list-group-item:last-child { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
/* --------------------------------------------------- Dashboard Content ----------------------------------------------------- */
.circle-tile { margin-bottom: 15px; text-align: center; font-size: 20px; }
.circle-tile-heading { background-color: #fff; border-radius: 100%; color: #FFFFFF; height: 80px; margin: 0 auto -40px; position: relative; transition: all 0.3s ease-in-out 0s; width: 80px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }
.circle-tile-heading img { text-align: center; margin-top: 10px; }
.circle-tile-content { padding-top: 50px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }
.circle-tile-number { font-size: 40px; font-weight: 700; line-height: 1; padding: 5px 0 15px; }
.circle-tile-description { text-transform: uppercase; }
.circle-tile-footer:hover { background-color: rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.5); text-decoration: none; }
.text-faded { color: rgba(255, 255, 255, 0.8); }
/* ---------------------------------------------------  Main Content ----------------------------------------------------- */

#content { width: 100%; padding: 0; transition: all 0.3s; }
.pad-wrap { padding: 30px 30px 0px 30px!important; }
.icon-list { list-style: 0; margin: 0; padding: 0; float: right; margin-top: -3px!important; margin-right: 5px!important; }
.icon-list li { margin-right: 10px; float: left; cursor: pointer; }
.page-list { margin-right: 15px; float: left; color: #333333; font-size: 14px; font-weight: 500; }
.page-list a { color: #333333; text-decoration: none; }
.pagination { margin: 10px auto; display: table; }
.pagination > li { width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.pagination > li.active { background-color: #27235f!important; color: #fff; }
.pagination > li.active a { color: #fff; }
.profile-name { font-size: 24px; font-weight: 600; text-align: center; color: #2E79BB; margin: 0; padding: 0; }
.profile-action { font-size: 16px; font-weight: 600; text-align: center; color: #707070; margin: 15px 0; }
.profile-action span { font-size: 30px; font-weight: 500; display: block; background-color: #2E79BB; width: 80px; color: #fff; margin: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.download-temp { width: 230px!important; font-size: 22px!important; padding: 5px 0; cursor: pointer!important; background-color: #70C27A!important; }
.profile-btntext { width: 185px!important; font-size: 22px!important; padding: 5px 0; cursor: pointer!important; background-color: #70C27A!important; }
.profile-img { background-color: #fff; overflow: hidden; border: solid 1px #ccc; border-radius: 100%; color: #FFFFFF; height: 100px; margin: 20px auto -40px; position: relative; transition: all 0.3s ease-in-out 0s; width: 100px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }
.profile-img img { height: 100px; width: 100px; }
.files input { outline: 2px dashed #d6d6d6; -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear; transition: outline-offset .15s ease-in-out, background-color .15s linear; padding: 210px 0px 85px 35%; text-align: center !important; margin: 0; width: 100% !important; border: none !important; border-radius: 3px!important; margin-top: 20px; }
.files input:focus { outline: 2px dashed #92b0b3; outline-offset: -10px; -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear; transition: outline-offset .15s ease-in-out, background-color .15s linear; border: 1px solid #92b0b3; }
.files { position: relative }
.files:after { pointer-events: none; position: absolute; top: 60px; left: 0; width: 107px; right: 0; height: 86px; content: ""; background-image: url(../images/fileupload.png); display: block; margin: 0 auto; background-size: 100%; background-repeat: no-repeat; }
.color input { background-color: #f1f1f1; }
.files:before { position: absolute; bottom: 110px; left: 0; pointer-events: none; width: 100%; right: 0; height: 57px; content: "Drag and Drop files here (or)"; display: block; margin: 0 auto; color: #393a3d; font-weight: 500; text-transform: capitalize; text-align: center; font-size: 24px; }
.logo-sm { display: none; float: left; width: 260px; height: 70px; background-image: url(../images/afg-logo.png) }
/* ---------------------------------------------------  Welcome Page  ----------------------------------------------------- */
.con-mt { margin-top: 70px; }
.content-left { padding: 0; position: relative; height: 100vh; -webkit-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: 3px 0px 3px 0px rgba(0,0,0,0.3); }
.com-circle-container { border-radius: 50%; width: 60px; height: 60px; background-repeat: no-repeat; background-position: center; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }
.com-circle { margin: 0 auto; color: dodgerblue; padding-top: 25px; }
.com-icon1 { background-image: url(../images/people-icon.png); }
.com-icon2 { background-image: url(../images/process-icon.png); }
.com-icon3 { background-image: url(../images/technology-icon.png); }
.com-title { font-size: 40px; padding-top: 5px; }
.mt { float: left; margin-top: -20px; padding-top: 20px; text-transform: uppercase; }
.bg-blue-ui { background-color: #708198 !important; }
.item-carousel-blog-block { outline: medium none; padding: 15px; }
.item-box-blog { text-align: center;     min-height: 230px; position: relative; z-index: 4; padding: 20px; margin-bottom: 30px; background-color: #e9e9e9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); transition: .2s; }
.bluebg { background-color: #f5faff !important }
.greenbg { background-color: #f5fff6 !important }
.orangebg { background-color: #fff9f2 !important }
.item-box-blog:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
.item-box-blog h5 { margin: 4px 0; text-decoration: none; transition: color 0.3s; }
.btn.bg-blue-ui.white.read { cursor: pointer; padding: 4px 20px; float: left; margin-top: 10px; color: #fff!important; }
.read { color: #fff!important; font-size: 12px!important; position: absolute; bottom: -10px; }
.btn.bg-blue-ui.white.read:hover { box-shadow: 0px 5px 15px inset #4d5f77; }
.carousel-indicators { position: absolute; bottom: 20px; }
.carousel-indicators li { cursor: pointer; }
.welcome-logo { background-image: url(../images/grs-wecomelogo.png); position: absolute; top: 80px; z-index: 1030; margin: auto; display: inline-table; background-repeat: no-repeat; background-position: center center; height: 84px; width: 100%; }
.carousel-item img { height: 100vh; }
.welcome-boxlist { margin: auto; display: inline-block; padding: 0; }
.welcome-boxlist li { width: 220px; float: left; margin: 20px 15px; }
.welcome-header { text-align: center; font-size: 34px; color: #000; }
.welcome-bullet { display: block; }
.esg-logo {background-image: url(../images/esg-logo.png); position: absolute; bottom: 110px; z-index: 1030; margin: auto; display: inline-table; background-repeat: no-repeat; background-position: center center; height: 54px; width: 100%; }

.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
#img1{ background-image: url(../images/slide1.jpg); background-repeat: no-repeat; background-position: center center; }
#img2{ background-image: url(../images/slide2.jpg); background-repeat: no-repeat; background-position: center center; }
#img3{ background-image: url(../images/slide3.jpg); background-repeat: no-repeat; background-position: center center; }

footer{ padding:0px 20px 20px 20px!important;}
.alert-wrap{  background-color:#ffeaf0; color:#000000; font-weight:600; font-size:14px; padding:10px; width:100%; /*width:calc(100% - 300px); right:20px;  position: fixed; z-index:10; bottom:10px;  */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);}
.alert-wrap span{font-weight:400; margin-right:20px;}
.alert_close{ color:#dc1c56!important;  font-weight:600!important;  font-size:30px!important; opacity: 0.9!important; margin-top:-5px;}
.alert_close:hover{color:#555555!important; }
.con-icon{ list-style:none; margin:0; padding:0;}
.con-icon li{ float:left; margin-right:10px; margin-top:15px; cursor:pointer;}


.faq-con{border: solid 1px #e7e7e7!important;margin-bottom:10px!important;}
.faq-header{ cursor: pointer; padding:10px 15px!important; width: 100%;  font-size: 16px!important; color: #0a3077!important;  border: 0!important; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,250,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,250,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(244,250,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4faff', GradientType=0 );}

.faq-innercon{ font-size: 14px; font-weight: 400;}
.faq-innercon a{ text-decoration: none; color: #DE1B54;}
.faq-innercon h1{ font-size: 16px; font-weight:500; color: #26235d!important; padding: 0; margin:10px 0 0 0;}

.faq-list{ margin: 0; padding: 0 0 0 10px; list-style: none; list-style-image: url("../images/bullet.png"); list-style-position: inside;}
.faq-list li{ width: 100%; margin-bottom: 5px;}
.faq-list li ul{ list-style: circle; }
.faq-list li ul li{ margin-bottom: 2px;}
.tb-bor{ border: solid 1px #e7e7e7 !important}
.tb-bor th {background: #6E797C!important; color: #fff!important; font-weight: 500;}

.faqchart_wrap { padding: 5px; width: 100%; height:250px; overflow: hidden; margin-bottom: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #FFFFFF; overflow: auto; display: block; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }

.faqchart_wrap img{ width: 100%; height: 100%;}

.flow-cl{ background-color:#26235d!important; color: #fff; font-size: 12px!important;}
.tracking-detail {
 padding:3rem 0
}
#tracking {
 margin-bottom:1rem
}
[class*=tracking-status-] p {
 margin:0;
 font-size:1.1rem;
 color:#fff;
 text-transform:uppercase;
 text-align:center
}
[class*=tracking-status-] {
 padding:1.6rem 0
}
.tracking-status-intransit {
 background-color:#65aee0
}
.tracking-status-outfordelivery {
 background-color:#f5a551
}
.tracking-status-deliveryoffice {
 background-color:#f7dc6f
}
.tracking-status-delivered {
 background-color:#4cbb87
}
.tracking-status-attemptfail {
 background-color:#b789c7
}
.tracking-status-error,.tracking-status-exception {
 background-color:#d26759
}
.tracking-status-expired {
 background-color:#616e7d
}
.tracking-status-pending {
 background-color:#ccc
}
.tracking-status-inforeceived {
 background-color:#214977
}
.tracking-list {
 border:1px solid #e5e5e5
}
.tracking-item {
 border-left:1px solid #e5e5e5;
 position:relative;
 padding:2rem 1.5rem .5rem 2.5rem;
 font-size:.9rem;
 margin-left:3rem;
 min-height:5rem
}

.tracking-item .tracking-content {
 padding:.5rem .8rem;
 background-color:#f4f4f4;
 border-radius:.5rem
}
.tracking-item .tracking-content span {
 display:block;
 color:#888;

}
.tracking-item .tracking-icon {
 line-height:2.6rem;
 position:absolute;
 left:-1.3rem;
 width:2.6rem;
 height:2.6rem;
 text-align:center;
 border-radius:50%;
 font-size:1.1rem;
 background-color:#fff;
 color:#fff
}
.tracking-item .tracking-icon.status-intransit {
 color:#e5e5e5;
 border:1px solid #e5e5e5;
 font-size:.6rem
}
@media(min-width:992px) {
 .tracking-item {
  margin-left:10rem
 }
 .tracking-item .tracking-date {
  position:absolute;
  left:-10rem;
  width:7.5rem;
  text-align:right
 }
 .tracking-item .tracking-date span {
  display:block
 }
 .tracking-item .tracking-content {
  padding:0;
  background-color:transparent;
      font-size:16px;
    font-weight: 400;
 }
}


.play-btn { font-weight: 600; font-size: 24px; text-align: center; transition: 0.4s; display: inline-block;
    padding: 10px 25px 5px 25px; margin: 10px 0; color:#fff!important; background-color: #26235d; border: solid 4px #26235d; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.play-btn span { display: block; line-height: 8px; font-weight: 500; font-size: 12px; }
.play-btn:hover { background-color: transparent; border: solid 4px #26235d; color: #26235d!important; text-decoration: none; }

.apm-con { position: relative;  min-height: 140px; padding-top: 25px; line-height: 40px; text-align: center; font-size: 18px; margin-top: 25px; background-color: #F0F8FF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); transition: .2s; }
.apm-con:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }
.apm-con span{ color: #26235D; display: block; font-size: 46px; font-weight: 500;}
.target-wrap{float: left; margin-right: 10px; height: 20px; width: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);}

.tr-po{ position:absolute;  top:10px; right:0px;}

.tg-green{ background-color: #70C27A;}
.tg-yellow{ background-color: #ffc107;}
.tg-red{ background-color: #da1717;}

.target-legend{ list-style: none; margin:10px 0 20px 0; padding: 0; float: right;}
.target-legend li{ font-size: 14px; margin: 0 10px; float: right; position: relative;}


.wl-dropdown {  border: solid 1px rgba(0, 0, 0, 0.3)!important; padding-left: 10px;  font-size: 14px; height: 30px; width: 100%; -webkit-appearance: none; -moz-appearance: none; background: url(../images/drop_arrow.png) no-repeat 90% center ; text-overflow: ""; color: #555555;  font-weight: normal; border-radius:10px!important; webkit-border-radius:5px!important; -moz-border-radius: 5px!important; border-radius: 5px!important; text-transform: uppercase; }
.sub-td{ background-color: #d6ecfe!important; color: #0a3077!important; }
.table-responsive{overflow: inherit;}
.table-drop{width: 90px!important;}
.table-input{width: 90px!important;}

.tab-link { color: #626262; border-top: 3px solid #fff; font-size: 14px; font-weight: 500; margin-right: 15px; height: 30px; line-height: 30px; text-decoration: none; }
.tab-link.active { color: #404040; border-top: 3px solid #DE1B54; font-size: 14px; font-weight: 600; }
.nav-tabs { border-bottom: none !important; }
.tab-link:hover { text-decoration: none; color: #404040; }
.tab-con { width: 100%; display: block; border-top: solid 1px #d5d5d5; margin-top: 10px; padding: 10px 0; }
.tab-title { font-size: 16px; font-weight: 600; color: #3a3a3a; margin-bottom: 10px; margin-top: 10px; float:left; width:100%; display:block; }
.tab-title span { font-size: 12px; font-weight: 400; color: #3a3a3a; }
.tab-list { margin: 0; padding: 0; list-style: none; width: 100%; display: block; margin-top: 20px; display: block; clear: both;  }
.tab-list > li { float: left; margin-bottom: 20px; width:20%; font-size: 12px; font-weight: 500; padding: 0 15px; }
.tab-list > li > span { font-size: 14px; font-weight: 600; display: block; }

.tb-srow{  color: #333!important;  vertical-align: middle; font-size: 12px!important; 
background: rgb(214,236,254)!important;
background: -moz-linear-gradient(top,  rgba(214,236,254,1) 0%, rgba(146,193,229,1) 100%)!important;
background: -webkit-linear-gradient(top,  rgba(214,236,254,1) 0%,rgba(146,193,229,1) 100%)!important;
background: linear-gradient(to bottom,  rgba(214,236,254,1) 0%,rgba(146,193,229,1) 100%)!important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6ecfe', endColorstr='#92c1e5',GradientType=0 );
}



.flash-wrap{ position: fixed; bottom: 0; z-index: 1030; background-image: url("../images/flash-icon.png");    background-position: left 20px center; background-repeat: no-repeat; background-color:rgba(0, 0, 0, 0.8);   font-weight:400; font-size:14px; padding:10px; width:100%; -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);}
.flash-close{ color:#fff!important;  font-weight:600!important; position: absolute; right: 25px;  font-size:40px!important; opacity: 0.9!important; margin-top:-6px;}
.flash-close:hover{color:#ccc!important; }
.flash-wrap marquee{margin: 0; padding:0;  margin: 5px 50px 0 50px; }
.flash-wrap marquee ul{margin: 0; padding:0;  list-style: none;}
.flash-wrap marquee ul li{ float: left; }
.flash-wrap marquee ul li span{color:rgba(255, 255, 255, 0.5);  margin: 0 15px;}
.m-logo{ bottom:65px!important;}
.text-col1 {color: #83c5ff; }
.text-col2 {color: #70C27A; }
.text-col3 {color: #F99F42; }
.text-col4 {color: #f5497b; }


/*-------------------- Right Slider Modal Start--------------------------------------*/
.button-footer{ height: 60px; width: 100%; padding: 13px 10px; position: absolute; bottom: 0;    background-color: #fafafa; border-top: solid 1px #ebebeb;}
.button-list{margin:0; padding: 0; list-style: none; float: left;}
.button-list li{float: left; margin-left: 10px;}
.modal.left_modal, .modal.right_modal{  position: fixed;  z-index: 99999; background-color: rgba(0,0,0,0.4); }
.slider-header{border-bottom: 0!important; padding:0;  }
.pop-title{color: #000; font-size: 20px!important; width: auto; font-weight: 500; padding:10px 20px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);}
.modal.left_modal .modal-dialog, .modal.right_modal .modal-dialog {  position: fixed;  margin: auto;  width: 750px;  max-width: 85%;  height: 100%;  -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0);}
@media (min-width: 576px){
.left_modal .modal-dialog {max-width: 100%;}
.right_modal .modal-dialog {max-width: 100%;}}
.modal.left_modal .modal-content,
.modal.right_modal .modal-content {height: 100vh !important; box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -5px 0px 5px 0px rgba(0,0,0,0.1);}
.modal.left_modal .modal-body,
.modal.right_modal .modal-body {padding: 0;}
.modal-backdrop {display: none;}
.modal.right_modal.fade .modal-dialog {  right: -50%;  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;     -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out;}
.modal.right_modal.fade.show .modal-dialog { right: 0;}
.modal-content {  border-radius: 0;  border: none;}
.modal-header.left_modal, .modal-header.right_modal {padding: 10px 15px;   border-bottom-color: #EEEEEE;  background-color: #FAFAFA;}
.modal_outer .modal-body {overflow-y: auto; overflow-x: hidden; height: 90%;}
/*-------------------- Right Slider Modal End--------------------------------------*/















:root {
    --ct-bg: #fff;
    --ct-btn-hover: #fff;
    --ct-btn-active: #ddd;
    --ct-btn-color: #555;
    --ct-border-color: #e1e1e1;
    --ct-border-radius: 5px;
    --ct-tree-hover: #fff;
    --ct-selection: #418EFF;
    --ct-padding: 8px;
}


.comboTreeWrapper{
	position: relative;
	text-align: left !important;
}

.comboTreeInputWrapper{
	position: relative;
}

.comboTreeArrowBtn {
	position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    box-sizing: border-box;
    border: 1px solid var(--ct-border-color);
    border-radius: 0 var(--ct-border-radius) var(--ct-border-radius) 0;
    background: var(--ct-border-color);
    cursor: pointer;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
.comboTreeArrowBtn:hover {
    background: var(--ct-btn-hover);
}
.comboTreeArrowBtn:active {
    background: var(--ct-btn-active);
}
.comboTreeInputBox:focus + .comboTreeArrowBtn {
    color: var(--ct-btn-color);
    border-top: 1px solid var(--ct-selection);
    border-right: 1px solid var(--ct-selection);
    border-bottom: 1px solid var(--ct-selection);
}

.comboTreeArrowBtnImg{
    font-size: 1.25rem;
}

.comboTreeDropDownContainer {
	display: none;
	background: var(--ct-bg);
	border: 1px solid var(--ct-border-color);
	position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
	max-height: 250px;
	overflow-y: auto;
}

.comboTreeDropDownContainer ul{
	padding: 0px;
	margin: 0;
}

.comboTreeDropDownContainer li{
	list-style-type: none;
	padding-left: 15px;
}

.comboTreeDropDownContainer li .selectable{
	cursor: pointer;
}

.comboTreeDropDownContainer li .not-selectable{
	cursor: not-allowed;
}


.comboTreeDropDownContainer li:hover{
	background-color: var(--ct-tree-hover);}
.comboTreeDropDownContainer li:hover ul{
	background-color: var(--ct-bg)}
.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover{
	background-color: var(--ct-selection);
	color: var(--ct-bg);
    border-radius: 2px;
}

span.comboTreeItemTitle{
	display: block;
    padding: 3px var(--ct-padding);
}
.comboTreeDropDownContainer label{
    cursor: pointer;
	width: 100%;
    display: block;
}
.comboTreeDropDownContainer .comboTreeItemTitle input {
	position: relative;
    top: 2px;
	margin: 0px 4px 0px 0px;
}
.comboTreeParentPlus{
    position: relative;
    left: -12px;
    top: 4px;
    width: 4px;
    float: left;
		cursor: pointer;
}


.comboTreeInputBox {
	padding: var(--ct-padding);
    border-radius: var(--ct-border-radius);
    border: 1px solid var(--ct-border-color);
    width: 100%;
    box-sizing: border-box;
    padding-right: 24px; background-image: url("../images/drop_arrow.png"); background-repeat: no-repeat; background-position: right 10px center;
}
.comboTreeInputBox:focus {
    border: 1px solid var(--ct-selection);
    outline-width: 0;
}


.multiplesFilter{
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid var(--ct-border-color);
}




/* ---------------------------------------------------    MEDIAQUERIES ----------------------------------------------------- */
@media (max-width: 768px) {
    .flash-wrap marquee ul li{ float: left!important; }
.alert-wrap{width:calc(93%); }
.logo-sm { display: block; float: left; margin-top: -7px; width: 200px; height: 70px; background-image: url(../images/governance-logo-sm.png) }
.welcome-header { font-size: 18px; margin-bottom: 20px; }
.list-group.list-group-horizontal { display: block; flex-direction: row; float: none; margin-top: 55px; }
.list-group.list-group-horizontal .list-group-item { margin-bottom: 2px; }
.list-group.list-group-horizontal .list-group-item:first-child { -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.list-group.list-group-horizontal .list-group-item:last-child { -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.con-mt { margin-top: 10px; }
.welcome-logo { top: 30px; left: 30px; }
#sidebar { margin-left: -265px; }
#sidebar.active { margin-left: 0; }
#sidebarCollapse span { display: none; }
.input-list > li { width: 100%; }
.tab-list > li { width: 100%; }    
.navbar-nav { background-color: #de1b54; position: relative; z-index: 1030; padding: 10px 0; }
.navbar-nav li { color: #fff; }
.suth-logo { display: none; }
.suth-power { display: none; }
.welcome-boxlist { width: 100%; }
.welcome-boxlist li { width: 100%; float: none; margin: 0; }
.welcome-bullet { display: none; }
}
 @media (max-width: 1200px) {
}
 @media (max-width: 1200px) {
}
 @media (max-width: 1920px) {
}
 @media (max-width: 1600px) {
}
 @media (max-width: 1366px) {
}
 @media (max-width: 1280px) {
}