body {background: #f7f7f7;}
.Absolute-Center.is-Responsive {background: #fff;border: #ccc 1px solid;}
.Absolute-Center.is-Responsive1 {background: #fff;border: #ccc 1px solid;}
.user-menu:before {border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);border-right: 7px solid transparent;}
.user-menu:after {border-right: 6px solid transparent;border-bottom: 6px solid #ffffff;border-left: 6px solid transparent;}
#title-container{ color: #f7f7f7;background: #526a82;}
.home_logo {color: #fff;}
.home_logo:hover, .home_logo:active, .home_logo:focus {color: #fff;}
.nav-tabs { border-bottom: 2px solid #DDD; }
.nav-tabs > li > a { color: #000000;}
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {color: #4285F4 !important; background: transparent;}
.nav-tabs > li > a::after { background: #4285F4;}
.nav-tabs > li.active{border-bottom: #f7f7f7 1px solid}
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background:none;}
.card {background: #fbfbfb none repeat scroll 0% 0%;box-shadow: none;border: #cccbcb 1px solid;  }
.btn-right-arrow {background: #226caa !important; color: #fff !important;line-height: 33px; padding:7px; border-radius:0;}
/*---------------------- TOP RIGHT USER MENU CSS START----------------------*/
.userprofile {border-left: #a3c6e0 1px solid;}
.username {color: #ffffff;}
.username a {color: #ffffff;}
.username.open > a {background: none !important;}
/*---------------------- TOP RIGHT USER MENU CSS END----------------------*/

/* ----------------------TOP RIGHT NAVIGATION DROPDOWN CSS START----------------------*/
.navbar-top-links li a:hover i {color: #000 !important;}
.navbar-top-links li i {color: #fff;}
.navbar-top-links > li > a:focus i, .navbar-top-links > li > a:active i, .navbar-top-links > li > a:hover i {color: #000 !important;}
.navbar-top-links li.open i {color: #000;}
.nav-tabs li {background-color: #f7f7f7;border: #ccc 1px solid;}
.nav-tabs li:last-child {border-right: #ccc 1px solid;}
/* ----------------------TOP RIGHT NAVIGATION DROPDOWN CSS END----------------------*/



/* Declare heights because of positioning of img element */
.carousel .item {background-color: #777;}

/*----------------------BUTTON CSS START----------------------*/
.btn-toggle i {color: #fff;}
/*----------------------BUTTON CSS END----------------------*/

/*----------------------REGISTRATION PANEL HEADING CSS START----------------------*/
.reg_panel .panel {    background-color: #fff;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel-gray > .panel-heading {color: #ffffff;background-color: #212C35;}
.panel-gray > .panel-heading + .panel-collapse > .panel-body {border-top-color: #ddd;}
.panel-gray > .panel-heading .badge {color: #ffffff;background-color: #333;}
.panel-gray > .panel-footer + .panel-collapse > .panel-body {border-bottom-color: #ddd;}

/*----------------------REGISTRATION PANEL HEADING CSS END----------------------*/

/*Badge Styles */
.badge-green{background:#008000;}
.badge-red{background:#FF0000;}
.badge-blue{background:#2097f0;}
.badge-blue a{color:#ffffff;}
.badge-blue a:hover{color:#000000;}
.badge-primary{background:#334050;}
.user-title{color:#2097f0; font-size:18px;}
.text-warning{    color: #f0ad4e;}
.text-orange{color:#e87202;}
.widget .badge-primary {background: #334050;}
/*----------------------SLIDER CSS START----------------------*/
 .slides-pagination a {background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII="); }
 .slides-pagination a.current {background: #222;}
 .slider-content {background: rgba(42, 54, 66,0.6);color: #fff;}
 /*----------------------SLIDER CSS END----------------------*/


 /*----------------------CHECKBOX CSS START----------------------*/
 .bdr-muted {border: 1px solid #959BA1 !important;}
 .checkbox .cr, .radio .cr {border: 1px solid #ffffff;}
  .checkbox .cr1, .radio .cr1 {border: 1px solid #000000;}
  /*----------------------CHECKBOX CSS END----------------------*/
 
 /*----------------------RADIO CSS START----------------------*/
 label input[type="radio"] ~ i.fa.fa-circle-o {color: #c8c8c8;}
 label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {color: #00acf0;}
 /*----------------------RADIO CSS END----------------------*/
 
 /* ----------------------The duplicate parts/slices---------------------- */
 .sl-content-slice {background: #fff;}
 
 /* ----------------------Width and height is set dynamically ----------------------*/
 .sl-content {background: #fff;}
 
 /*---------------------- Default styles for background colors ----------------------*/
 .sl-slide-horizontal .sl-slide-inner {background: #ddd;}
 .sl-slide-vertical .sl-slide-inner {background: #ccc;}
 
 /*---------------------- HEADER CSS START----------------------*/
.codrops-top {background: #fff;background: rgba(255, 255, 255, 0.8);box-shadow: 1px 0px 2px rgba(0,0,0,0.2);}
.codrops-top a {color: #333;}
.codrops-top a:hover {background: rgba(255,255,255,0.6);}
/* ----------------------HEADER CSS END----------------------*/

/*---------------------- Demo Buttons CSS START ----------------------*/
.codrops-demos a {color: #333;}
.codrops-demos a:hover {color: #883d59;border-color: #883d59;border-bottom: 4px solid transparent;}
.codrops-demos a.current-demo, .codrops-demos a.current-demo:hover {color: #aaa;border-color: #aaa;}
.nav-arrows span {border: 8px solid rgba(150, 150, 150, 0.4);}
.nav-arrows span:hover {border-color: rgba(150, 150, 150, 0.9);}
.nav-dots span {background: rgba(150, 150, 150, 0.4) none repeat scroll 0 0;box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1) inset;}
.demo-2 .nav-dots span {background: rgba(150, 150, 150, 0.1) none repeat scroll 0 0;box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 0 2px rgba(255, 255, 255, 0.5);}
.demo-2 .nav-dots span.nav-dot-current, .demo-2 .nav-dots span:hover {box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 0 0 5px rgba(255, 255, 255, 0.5);}
.nav-dots span.nav-dot-current::after {background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;}
.deco {border: 2px dashed rgba(150, 150, 150, 0.4);}
.sl-slide h2 {color: #00acf0;text-shadow: 0 0 1px #000;}
.sl-slide h3 {color: #000;text-shadow: 0 0 1px #000;}
.sl-slide blockquote {color: #000000;}
.sl-slide blockquote p::before {color: rgba(244, 244, 244, 0.65);}
.bg-1 .sl-slide-inner, .bg-1 .sl-content-slice {background: #fff none repeat scroll 0 0;}
.bg-2 .sl-slide-inner, .bg-2 .sl-content-slice {background: #424c56 none repeat scroll 0 0;}
.bg-2 [data-icon]::after, .bg-2 h2 {color: #00acf0;}
.bg-2 blockquote::before {color: #222;}
.bg-3 .sl-slide-inner, .bg-3 .sl-content-slice {background: #db84ad none repeat scroll 0 0;}
.bg-3 .deco {border-color: rgba(255, 255, 255, 0.5);}
.bg-3 [data-icon]::after {box-shadow: 0 0 0 10px #b55381 inset;color: #fff;text-shadow: 0 0 1px #fff;}
.bg-3 h2, .bg-3 blockquote {color: #fff;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
.bg-3 blockquote::before {color: #c46c96;}
.bg-4 .sl-slide-inner, .bg-4 .sl-content-slice {background: #5bc2ce none repeat scroll 0 0;}
.bg-4 .deco {border-color: #379eaa;}
.bg-4 [data-icon]::after {color: #277d87;text-shadow: 0 0 1px #277d87;}
.bg-4 h2, .bg-4 blockquote {color: #fff;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);}
.bg-4 blockquote::before {color: #379eaa;}
.bg-5 .sl-slide-inner, .bg-5 .sl-content-slice {background: #ffeb41 none repeat scroll 0 0;}
.bg-5 .deco {border-color: #ecd82c;}
.bg-5 .deco::after {color: #000;text-shadow: 0 0 1px #000;}
.bg-5 h2, .bg-5 blockquote {color: #000;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);}
.bg-5 blockquote::before {color: #ecd82c;}
.demo-2 .bg-img-1 {background-image: url("../images/1.jpg");}
.demo-2 .bg-img-2 {background-image: url("../images/2.jpg");}
.demo-2 .bg-img-3 {background-image: url("../images/3.jpg");}
.demo-2 .bg-img-4 {background-image: url("../images/4.jpg");}
.demo-2 .bg-img-5 {background-image: url("../images/5.jpg");}
.steps {color: #2097F0;}
.nav-icon-right2 button {color: #d4d4d4;}
.nav-icon-right2 button:hover i {color: #fff;}

/*----------------------Demo Buttons CSS END---------------------- */
.nav-icon-right3 button {color: #686868;}
.nav-icon-right3 button:hover i, .nav-icon-right3 button:active i, .nav-icon-right3 button:focus i {color: #000;}
.title-bar {background: #e0e0e0;}
.togglebar {background: #6a7a8e;}
.togglebar-new {background: #334050;}
.togglebar-new1 {background: #334050;}



/*----------------------COMMUNICATION PORTAL CSS START---------------------------*/
.mail-box .sm-side {background: none repeat scroll 0 0 #334050;}
.mail-box .sm-side2 {background: none repeat scroll 0 0 #3f4e61;}
.mail-box .lg-side {background: none repeat scroll 0 0 #fff;}
.mail-box .lg-side2 {background: none repeat scroll 0 0 #fff;}
.mail-box .sm-side .user-head {background: none repeat scroll 0 0 #00a8b3;color: #fff;}
.user-head .user-name h5 a {color: #fff;}
.user-head .user-name span a {color: #87e2e7;}
a.mail-dropdown {background: none repeat scroll 0 0 #80d3d9;color: #01a7b3;}
.btn-compose {background: none repeat scroll 0 0 #2097f0;color: #fff;}
.btn-compose:hover {background: none repeat scroll 0 0 #1e8ada;color: #fff;}
.inbox-divider {border-bottom: 1px solid #bfbfbf;}
ul.inbox-nav li a {color: #ffffff;}
ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus {background: none repeat scroll 0 0 #1b242d;color: #f7f10f;}
ul.inbox-nav li a i {color: #ffffff;}
ul.labels-info li h4 {color: #5c5c5e;}
ul.labels-info li a {color: #6a6a6a;}
ul.labels-info li a:hover, ul.labels-info li a:focus {background: none repeat scroll 0 0 #d5d7de;color: #6a6a6a;}
.nav.nav-pills.nav-stacked.labels-info p {color: #9d9f9e;}
.inbox-head {background: none repeat scroll 0 0 #444f5d;color: #fff;}
.sr-input {color: #8a8a8a;border: #bcc3cc 1px solid;}
.sr-btn {background: none repeat scroll 0 0 #6a7a8e;color: #fff;}
.table-inbox {border: 1px solid #d3d3d3;}
.table-inbox thead {background: #6a7a8e;color: #ffffff;}
.table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover {color: #f78a09;}
.table-inbox tr td.inbox-started .fa-star{color: #f78a09;}
.table-inbox tr td .fa-star {color: #adadad;}
.table-inbox tr td .fa-bookmark {color: #adadad;}
.table-inbox tr td .fa-bookmark.inbox-started, .table-inbox tr td .fa-bookmark:hover {color: #f78a09;}
.table-inbox tr td.inbox-started .fa-bookmark{color: #f78a09;}
.table-inbox tr.unread td {background: none repeat scroll 0 0 #ffffff;}
    .table-inbox tr.read td {
        background: none repeat scroll 0 0 #f7f7f7;
    }
.table > tbody > tr > td {border-top: 1px solid #c7c7c7;color: #000000;}
.mail-option .chk-all, .mail-option .btn-group .btn {background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c5c5c5;
    color: #69788c;} 
.btn.btn-default i{color: #69788c;}
#messagedetails .btn-default:hover{background:#ffffff;}
.grid-note-btn{background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c5c5c5;
    color: #69788c;}
.grid-note-btn:focus{background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c5c5c5;
    color: #69788c;}
.inbox-pagination a.np-btn {background: none repeat scroll 0 0 #ffffff;border: 1px solid #c5c5c5;color: #69788c;}
.fileinput-button {background: none repeat scroll 0 0 #eeeeee;border: 1px solid #e6e6e6;}
.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea {Border: 1px solid #e6e6e6;}
.btn-send, .btn-send:hover { background: none repeat scroll 0 0 #00a8b3;color: #fff;}
.btn-send:hover {background: none repeat scroll 0 0 #009da7;}
.heading-inbox h4 {border-bottom: 1px solid #ddd;color: #444;}
.sender-dropdown {background: none repeat scroll 0 0 #eaeaea;color: #777;}
.view-mail a {color: #ff6c60;}
.message-content p{color:#333333;}
/*----------------------COMMUNICATION PORTAL CSS END---------------------------*/


/*----------------------CONTENT MANAGEMENT SOCILA MEDIA START----------------------*/
/*.panel-twitter {border-color: #03bef2;}
.panel-twitter >.panel-heading{color: #fff;background-color: #03bef2;border-color: #03bef2;}
.panel-facebook {border-color: #3d58a4;}
.panel-facebook >.panel-heading{color: #fff;background-color: #3d58a4;border-color: #3d58a4;}
.panel-instagram {border-color: #e43591;}
.panel-instagram >.panel-heading{color: #fff;background-color: #e43591;border-color: #e43591;}*/
/*----------------------CONTENT MANAGEMENT SOCILA MEDIA END----------------------*/


/*----------------------INNER PAGE CSS START---------------------------*/
.inner-page .sm-side {    background: none repeat scroll 0 0 #334050;}
.left-nav-head {border-bottom: #bfbfbf 1px solid;}
.left-nav-head h3 {color: #f7f7f7;}
.inner-page .lg-side {background: none repeat scroll 0 0 #fff;}
.inner-page .sm-side .user-head {background: none repeat scroll 0 0 #00a8b3;color: #fff;}
.inner-page-head {background: none repeat scroll 0 0 #444f5d;color: #fff;}
.inner-page-body .modal .modal-body input, .inner-page-body .modal .modal-body textarea {border: 1px solid #e6e6e6;box-shadow: none;}
.fontresizer a {color: #b2b3b3;}
.fontresizer a:hover {background: none !important;color: #b2b3b3;}
.fontresizer a.fontactive:hover {color: #65ee00;}
/*----------------------INNER PAGE CSS END---------------------------*/

/*----------------------FORM CSS END---------------------------*/
.hr {border-top: #ccc 1px dashed;}
.select-wrapper {border: 1px solid #d8d8d8;background: #fff url(../images/dropdown-arrow2.png) no-repeat center right;}
.select-wrapper:hover {background: #fff url(../images/dropdown-arrow2.png) no-repeat center right;border-color: #239fdb;}
.select-wrapper .holder {color: #444f5d;}
.select-wrapper.disabled {background: #eee;}
/*----------------------FORM CSS END---------------------------*/

/*----------------------BUTTON CSS START---------------------------*/
.action-button {background: #27AE60;}
.action-button:hover, #msform .action-button:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;color: #fff;}
.cancel-button:hover, #msform .cancel-button:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;color: #fff; }
/*----------------------BUTTON CSS END---------------------------*/
  
/*----------------------HEADING CSS START---------------------------*/  
.fs-title {color: #2C3E50;border-left: #2097f0 3px solid;}
.fs-subtitle {color: #666;}
/*----------------------HEADING CSS END---------------------------*/  
 
 /*----------------------WIZARD CSS START---------------------------*/  
 #mhead {background-color: #f5f5f5;border: 1px solid #e3e3e3;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}

/*form*/
#msform fieldset {box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);border: #ccc 1px solid;}
#msform .fieldset {box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.4);border: #ccc 1px solid;background: white;
    border: 0 none;
    padding: 20px 30px;
    text-align: left;
    box-sizing: border-box;
    width: 80%;
    margin: 25px 10%;
    position: absolute;}
/*inputs*/
#msform input, #msform textarea,#msform select  {border: 1px solid #ccc;color: #2C3E50;}

/*buttons*/
#msform .action-button {background: #27AE60;}
#msform .action-button-cancel {background: #f0ad4e;}
#msform .action-button-cancel:hover, #msform .action-button-cancel:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #f0ad4e;}
#msform .action-button-cancel:hover, #msform .action-button-cancel:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #f0ad4e;}

/*headings*/
.fs-title-1 {color: #2097f0;}
.fs-subtitle {color: #666;}

/*progress bar*/
#progressbar li:before {background: #cccccc;}
#progressbar-2 li:before {background: #cccccc;}

/*progress bar connectors*/
#progressbar li:after {background: #cccccc;}
#progressbar li.active:before, #progressbar li.active:after {background: #ffffff;
    border: #2097f0 1px solid;
    color: #2097f0; font-weight:600;}
#progressbar li:after {background: #cccccc;}
#progressbar li.active1:before, #progressbar li.active1:after {background: #2097f0; color: #ffffff;}
/*----------------------------------*/
#progressbar-2 li:after {background: #cccccc;}
#progressbar-2 li.active:before, #progressbar-2 li.active:after {background: #fff;
    border: #2097f0 1px solid;
    color: #2097f0; font-weight:600;}
#progressbar-2 li:after {background: #cccccc;}
#progressbar-2 li.active1:before, #progressbar-2 li.active1:after {background: #2097f0; color: #ffffff;}
.red {color: red;}
.success {color: green;}
 /*----------------------WIZARD CSS END---------------------------*/

/*----------------------GRID CSS START---------------------------*/ 

.multigrid-hdsec > h6{color:#2097f0}

.mainpanelbox {
	background-color: #ffffff;
	border: 1px solid #6a7a8e;	
}
.multigrid-hdsec {
	/*background-color: #6a7a8e;*/
}
/*multigrid  start*/
/*need to be delete*/
.multigridbtn > li > a {
	    color: rgb(255, 255, 255);
    background-color: rgb(32, 151, 240);
    border-color: rgb(32, 151, 240)
}
.multigridbtn > li > a:hover {
    box-shadow: white 0px 0px 0px 2px, rgb(32, 151, 240) 0px 0px 0px 3px;
    color: rgb(255, 255, 255);
	    background-color: rgb(32, 151, 240);
    border-color: rgb(32, 151, 240);
}
.multigridbtn > li > button {
	    color: rgb(255, 255, 255);
    background-color: rgb(32, 151, 240);
    border-color: rgb(32, 151, 240)
}
.multigridbtn > li > button:hover {
    box-shadow: white 0px 0px 0px 2px, rgb(32, 151, 240) 0px 0px 0px 3px;
    color: rgb(255, 255, 255);
	    background-color: rgb(32, 151, 240);
    border-color: rgb(32, 151, 240);
}
/*need to be delete*/

.multigridhd {
	background-color: #f1f5fb;
	border: 1px solid #ccd5db;
}
.multigridhd h6 {
	color: #1a3244;
}
.multigridbtn > li > a.active {
	background-color: #005bcb;
	color: #ffffff;
}
.multigridbtn > li > a .searchactive {
	background-color: #005bcb;
	color: #ffffff;
}
.multigridbtn .searcharr:before {
	border-bottom: 8px solid #ffffff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
}
.multigridbtn .searcharr:after {
	border-bottom: 7px solid transparent;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
}
.grid-drp > a {
	background-color: #f9f9f9;
	color: #333333;
}
.grid-drp > .active {
	background-color: #005bcb !important;
	color: #ffffff;
}
.grid-indrp > a {
	background-color: #ffffff;
	color: #333333;
	border: 1px solid #d6d6d6;
}
.grid-indrp > .active {
	background-color: #005bcb !important;
	color: #ffffff
}
.subgrid-drp > a {
	background-color: #f9f9f9;
	color: #333333;
	border: 1px solid #d6d6d6;
}
.subgrid-drp > a:focus {
	background-color: #636363 !important;
	color: #ffffff;
}
.grid-list {
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
}
.grid-list > li > a {
	color: #333333;
}
.grid-list > li > a:hover {
	background-color: #999999;
	color: #ffffff;
}
.subgrid-list {
	background-color: #ffffff;
	border: 1px solid #bababa;
}
.subgrid-list > li > a {
	color: #333333;
}
.subgrid-list > li > a:hover {
	background-color: #7986b3;
	color: #ffffff;
}
.panel-icons > li > a > span {
	color: #c0d1e6;
}
.panel-icons > li > a > span:hover {
	color: #ffffff;
}
.panel-icons > li > a {
	color: #333333;
}
.panel-icons > li > a:hover {
	color: #000000;
}
.panel-icons > li .active {
	background-color: #27ab9d !important;
	color: #ffffff;
	border: 1px solid #27ab9d;
}
.acc-icons > li .active {
	background-color: #27ab9d !important;
	color: #ffffff;
	border: 1px solid #27ab9d;
}
/*multigrid end*/




/*advacned text start*/

.advancedv {
	border-bottom: 1px dashed rgb(106, 122, 142);
}
.advancedv1 .advancedv {
	border-bottom:none;
}
.alert-warning label {
	color: #555555;
}
.showTxt a {
	color: #008abe;
}
.showTxt a:hover {
	color: #006085;
}
.adsearch-dv {
	color: #666666;
	background-color: #ffffff;
	border: 1px solid #e2e2e2;
	color: #333333;
}

.adsearch-dv .btn-success {
color: #fff;
margin-right: 5px;
background-color: #27AE60;
border-color: #27AE60;
border-radius:0px;

}

.adsearch-dv .btn-success:hover, .adsearch-dv .btn-success:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
color: #fff;
}


.adsearch-dv .btn-warning {
color: #fff;
margin-right: 5px;
border-radius: 0;
background-color: #f0ad4e;
border-color: #f0ad4e;

}

.adsearch-dv .btn-warning:hover, .adsearch-dv .btn-warning :focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #f0ad4e;
color: #fff;
}
.multiselect-container.dropdown-menu.tooltip-demo li.active a{
    background:#ffffff !important;

}
    .multiselect-container.dropdown-menu.tooltip-demo li.active label {
        color:#2097f0 !important;
    }

.alert-info h4{color:#000000}
/*advacned text end*/


.footable {
	border: 1px solid #cccccc;
	color: #555555;
}

.footable.breakpoint > tbody > tr > td.expand > span.footable-toggle {
	background: url("images/plus.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
	margin: 0px 5px 0px 0px;
	padding: 10px 5px 10px 10px;
}
.footable.breakpoint > tbody > tr.footable-detail-show > td.expand > span.footable-toggle {
	background: url("images/minus.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
	margin: 0px 5px 0px 0px;
	padding: 10px 5px 10px 10px;
}
.footable.breakpoint > tbody > tr.footable-row-detail {
	background-color: #ffffff;
}
.footable > tbody > tr {
	background-color: #ffffff;
}
.footable > thead > tr > th {
	background-color: #6a7a8e;
	color: #ffffff;
	border: 1px solid #d3d3d3;

}
.footable > tfoot> tr > td {
	background-color: #f3f2f2;
	color: #000000;
	border: 1px solid #bebebe;
}
.tfooter > td {
	background-color: #f3f2f2;
	color: #000000;
	border: 1px solid #bebebe;
}
.footable > tbody > tr > td {
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #c4cfda;
	color: #2c2c2c;
}
.footable > tbody > tr.selectedClass > td {
border-right: 1px solid #d7dde8;
    border-bottom: 1px solid #d7dde8;
	color: #2c2c2c;
}
table>tbody>tr:hover {
    /*background-color: #f5f5f5;*/
}
  
.brdhd {
	border-right: 1px solid #e0e0e0 !important;
}
.footable-row-detail-name {
	color: #202020;
}
.footable-row-detail-value {
	color: #00356a;
	text-align:left !important;
}
.footable-row-detail-row {
	border-bottom: 1px dotted #d6d6d6;
}
.footable-row-detail-cell {
	background-color: #f8fffc;
}

.btn-mainsearch {
    border: medium none;   
	background: none repeat scroll 0 0 #6a7a8e;
    color: #fff;
}
.btn-mainsearch:hover, .btn-mainsearch:focus, .btn-mainsearch:active, .btn-mainsearch.active, .open .dropdown-toggle.btn-mainsearch {
	color: #000000;
	background-color: #6a7a8e;
}
.btn-mainsearch:active, .btn-mainsearch.active, .open .dropdown-toggle.btn-mainsearch {
	background-image: none;
}
.btn-mainsearch.disabled, .btn-mainsearch[disabled], fieldset[disabled] .btn-mainsearch, .btn-mainsearch.disabled:hover, .btn-mainsearch[disabled]:hover, fieldset[disabled] .btn-mainsearch:hover, .btn-mainsearch.disabled:focus, .btn-mainsearch[disabled]:focus, fieldset[disabled] .btn-mainsearch:focus, .btn-mainsearch.disabled:active, .btn-mainsearch[disabled]:active, fieldset[disabled] .btn-mainsearch:active, .btn-mainsearch.disabled.active, .btn-mainsearch[disabled].active, fieldset[disabled] .btn-mainsearch.active {
	background-color: #555555;
}
.btn-hdgrid {
	color: #ffffff;
	background-color: #283846;
	font-weight: normal;
}
.btn-hdgrid:hover, .btn-hdgrid:focus {
	color: #f03d5b;
	background-color: #ffffff;
}
.btn-hdgrid:active, .btn-hdgrid.active, .open .dropdown-toggle.btn-hdgrid {
	color: #f03d5b;
	background-color: #ffffff;
	cursor: default;
}
.gridshowdrp {
	border: 1px solid #d6d6d6;
	color: #333333;
}
.batchdrp {
	border: 1px solid #d6d6d6;
}
.gridRecordTxt {
	color: #333333;
}
.gridRecordTxt span {
	color: #ff5c64;
}
.gridbutton li a {
	    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #c5c5c5;
    color: #69788c;
}
.gridbutton li a:hover {
	color: #2097f0;
}
.goTxtbox {
	border: 1px solid #d1d1d1;
}

.btn-griddrp {
	color: #000000;
	background-color: #eff1fc;
	border: 1px solid #ccd1ea;
}
.btn-griddrp:hover, .btn-griddrp:focus, .btn-griddrp:active, .btn-griddrp.active, .open .dropdown-toggle.btn-griddrp {
	color: #000000;
	background-color: #dee3ff;
}
.btn-griddrp:active, .btn-griddrp.active, .open .dropdown-toggle.btn-griddrp {
	background-color: #e10000;
	color: #ffffff;
	border: 1px solid #b84848;
}

.btn-griddrp.disabled, .btn-griddrp[disabled], fieldset[disabled] .btn-griddrp, .btn-griddrp.disabled:hover, .btn-griddrp[disabled]:hover, fieldset[disabled] .btn-griddrp:hover, .btn-griddrp.disabled:focus, .btn-griddrp[disabled]:focus, fieldset[disabled] .btn-griddrp:focus, .btn-griddrp.disabled:active, .btn-griddrp[disabled]:active, fieldset[disabled] .btn-griddrp:active, .btn-griddrp.disabled.active, .btn-griddrp[disabled].active, fieldset[disabled] .btn-griddrp.active {
	background-color: #aaaaaa;
}

.GridSettingsMenu {
	border: 1px solid #c0c0c0;
	background-color: #ffffff;
}
.GridSettingsMenu:before {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
}
.GridSettingsMenu:after {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #c0c0c0;
}
.submenu {
	border: 1px solid #c0c0c0;
	background-color: #ffffff;
}
.submenu:before {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #ffffff;
}
.submenu:after {
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #c0c0c0;
}
.gridhd1 {
	color: #20a471 !important
}
.gridhd2 {
	color: #333333 !important
}
.selectedClass {
	background: #f5f5f5 !important;
}
.multigrid-hdsec2 > h6 {
	color: #0f4da2
}
.multigrid-hdsec2 {
	border-bottom: 2px solid #c7cdd6;
}

.staticgrid-dv {
	border: 1px solid #d6d6d6;
}
.staticgrid {
	/*border: 1px solid #cccccc;
	color: #555555;*/
}
.staticgrid > tbody > tr {
	background-color: #ffffff;
}
.staticgrid > thead > tr > th {
	/*background-color: #dce2e8;
	color: #000000;
	border: 1px solid #c4d0dc;*/
}
.staticgrid > tbody > tr > td {
	/*border-right: 1px solid #ffffff;
	border-bottom: 1px solid #e7e7e7;
	/*color: #2c2c2c;*/
}
.staticgrid > tfoot> tr > td {
	/*color: #000000;
	font-weight: bold;*/
}
.discTxt {color: #666666;}

.grid-section .chk-all, .grid-section .btn-group a.btn {background: none repeat scroll 0 0 #ffffff;border: 1px solid #c5c5c5;color: #69788c;}
.gridRecordTxt span {color: #007dda;}
.grid-section hr {border-top: 1px dashed #6a7a8e;}
.grid-section .grid-btn {color: #fff;background-color: #2097f0;border-color: #2097f0;}
.grid-section .grid-btn:hover, .grid-section .grid-btn:focus {box-shadow: 0 0 0 2px white, 0 0 0 3px #2097f0;color: #fff;}
.footable.table-inbox tr td {border-color: #dedede !important;}
.footable.table-inbox button {background: #ffffff;color: #444f5d;border: #ccc 1px solid;}
.gridListbtn {border-left: #b5b5b5 1px solid;}

/************ GRID SECTION END ************/

/*----------------------GRID CSS END---------------------------*/ 

.navbar-default {
	background:#259af1;
border: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,2097f0+50,2097f0+100 
/*background: rgb(255,255,255); /* Old browsers
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 255px, rgba(32,151,240,1) 50%, rgba(32,151,240,1) 100%); /* FF3.6-15 
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 255px,rgba(32,151,240,1) 50%,rgba(32,151,240,1) 100%); /* Chrome10-25,Safari5.1-6 
background: linear-gradient(to right,  rgba(255,255,255,1) 255px,rgba(32,151,240,1) 50%,rgba(32,151,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2097f0',GradientType=1 ); /* IE6-9 
 */
}
@media (max-width: 767px)
{
	.navbar-default {
background:#259af1;
/*	border: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,2097f0+50,2097f0+100 
background: rgb(255,255,255); /* Old browsers 
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 40%, rgba(32,151,240,1) 90%, rgba(32,151,240,1) 100%); /* FF3.6-15 
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 40%,rgba(32,151,240,1) 90%,rgba(32,151,240,1) 100%); /* Chrome10-25,Safari5.1-6 
background: linear-gradient(to right,  rgba(255,255,255,1) 40%,rgba(32,151,240,1) 90%,rgba(32,151,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2097f0',GradientType=1 ); /* IE6-9 
	*/
}
}

@media (max-width: 480px)
{
	.navbar-default {
	background:#259af1;
/*border: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,2097f0+50,2097f0+100 
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 55%, rgba(32,151,240,1) 100%, rgba(32,151,240,1) 100%); /* FF3.6-15 
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 55%,rgba(32,151,240,1) 100%,rgba(32,151,240,1) 100%); /* Chrome10-25,Safari5.1-6 
background: linear-gradient(to right,  rgba(255,255,255,1) 55%,rgba(32,151,240,1) 100%,rgba(32,151,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2097f0',GradientType=1 ); /* IE6-9 
	*/
}
}


.navbar-default .navbar-brand {
color: #fffFFF;
}

.navbar-default .navbar-nav > li > a {
color: #ffffff;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #2A3642;
}

.navbar-default .navbar-toggle {
border-color: #fff;
}

.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse {
background-color: #334050;
border-color: #334050;
}

.navbar-inverse .navbar-nav > li > a {
color: #fffefe;
}

.navbar-inverse .navbar-nav > li > a:hover {
color: #000000;
background: #fff;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
    background: #1887da;
    color: #ffffff;
}

/*-----------------------------LOGIN PAGE THEME CSS START----------------------------------------------*/

#login-dp {background-color: #2A3642;border: none;}

#login-nav .btn-link {color: #fff;}

#login-nav .btn-link:hover {color: #00acf0;}

.formStep {background: #30404c;}

.custom-select {border-bottom: 1px solid #00acf0;background: url(../images/dropdown-arrow.png) right no-repeat;}

.holder {color: #fff;}

.is-active .mat-label {color: #8E8DBE;}

.is-completed .mat-label {color: #a2a2a2;}

.is-completed .selectlabel {color: #a2a2a2;}

/*button {background-color: #93E1D8;}*/

.disabled {background: #eee;}

.radio.disabled {background: none;}

.checkbox.disabled {background: none;}

/*----------------------LOGIN PAGE THEME CSS END----------------------*/


/*----------------------MEGA MENU CSS START---------------------------*/
 .mega-dropdown-menu{  border-top: 4px solid #1887da !important}

.mega-dropdown-menu > li > ul > li > a {color: #0062ab;}

.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration:underline;}

.mega-dropdown-menu .dropdown-header {    color: #000000;    font-size: 19px;}

.mega-dropdown-menu .dropdown-header {color: #000000; }

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {background-color: #fff;color: #333;border: 1px solid #ddd;}
/*----------------------MEGA MENU CSS END---------------------------*/


/*---------------------- MATERIAL FORM DESIGN CSS START----------------------*/

.mat-div .form-control {background-color: transparent;box-shadow: none;color: #FBFBFB;border-bottom: 1px solid #00acf0;}

.mat-div .radio-inline {border-bottom: #2097f0 1px solid;}

.mat-div .radio-inline .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {color: #fff;box-shadow: none !important;-webkit-box-shadow: none;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {color: inherit;box-shadow: none !important;-webkit-box-shadow: none;}
.grid-note-btn:focus{color:#333333;}
.advTxt .btn-link:focus{color:#23527c;}
.mat-div .radio-inline .btn:hover {color: #fff;}

.mat-div select:focus {border-bottom: 1px solid #00acf0 !important;}

.mat-div .form-control:focus ~ .float-label, .mat-div .form-control:valid ~ .float-label {color: #92999f;}

.mat-label {color: #e2e2e2;}

.mat-div::after {background-color: #F9A327;transform: scaleX(0);}

.mat-div label {color: #fff;}

.inner-page-body .mat-div label {
color: #364558;
}

.mat-div .form-control:focus ~ label {
color: #fff;
}

.mat-div .form-control:focus ~ .form-bar:before, .mat-div .form-control:focus ~ .form-bar:after {
background: #ef5350;
}

.mat-div .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #ffffff;
}

.mat-div .form-control::-moz-placeholder { /* Firefox 19+ */
color: #ffffff;
}

.mat-div .form-control::-ms-input-placeholder { /* IE 10+ */
color: #ffffff;
}

.mat-div .form-control::-moz-placeholder { /* Firefox 18- */
color: #ffffff;
}

.mat-div .answer-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #828282;
}

.mat-div .answer-input::-moz-placeholder { /* Firefox 19+ */
color: #828282;
}

.mat-div .answer-input::-ms-input-placeholder { /* IE 10+ */
color: #828282;
}

.mat-div .answer-input::-moz-placeholder { /* Firefox 18- */
color: #828282;
}

.mat-div .select {
background: #fff;
border: #fff 1px solid;
color: #828282;

}

.mat-div .select1 option {
color: #828282;
}

.mat-div .answer-input {
background: #fff;
border: #fff 1px solid;
color: #828282;
}
/*---------------------- MATERIAL FORM DESIGN CSS END----------------------*/

/*ACCORDION SECTION START*/
.accordionButton {
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
}

.modal-body .accordionButton{background-color: #f7f7f7;}


.accordionButton span.txt {
	color: #333333;
}
.accordionContent {
	border: 1px solid #bcbcbc;
	background-color: #ffffff;
}
.on {
	background-color: #ecf2fa;
	border: 1px solid #c7c7c7;
	background: linear-gradient(#ecf2fa, #f4f8ff);
    position:relative;
}
.on:before {
	border-top: 10px solid #d1d1d1;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	content: "";
	display: inline-block;
	position: absolute;
	margin-top: 35px;
	left: 34px;
}
.on:after {
	border-top: 9px solid #f4f8ff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	content: "";
	display: inline-block;
	position: absolute;
	margin-top: 34px;
	left: 35px;
}
.on span.txt {
	color: #003879;
}
.over {
	background: #e0f1eb;
	border: 1px solid #c7c7c7;
	background: linear-gradient(#ecf2fa, #f4f8ff);
}
.over span.txt {
	color: #00629c;
}
.accordionButton span.plusMinus {
	background: url(images/plus-acc.png) no-repeat right center;
}
.on span.plusMinus {
	background: url(images/minus-acc.png) no-repeat right center;
}
.accordionContent .fieldset2 > legend {
	background:linear-gradient(#ffffff, #f8fcff);
}

.modal-body .accordionButton{background-color: #f7f7f7;}


.accordionButton span.txt {
	color: #333333;
}
.accordionContent {
	border: 1px solid #bcbcbc;
	background-color: #ffffff;
}
.on {
	background-color: #ecf2fa;
	border: 1px solid #c7c7c7;
	background: linear-gradient(#ecf2fa, #f4f8ff);
}
.on:before {
	border-top: 10px solid #d1d1d1;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	content: "";
	display: inline-block;
	position: absolute;
	margin-top: 35px;
	left: 34px;
}
.on:after {
	border-top: 9px solid #f4f8ff;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	content: "";
	display: inline-block;
	position: absolute;
	margin-top: 34px;
	left: 35px;
}
.on span.txt {
	color: #003879;
}
.over {
	background: #e0f1eb;
	border: 1px solid #c7c7c7;
	background: linear-gradient(#ecf2fa, #f4f8ff);
}
.over span.txt {
	color: #00629c;
}
.accordionButton span.plusMinus {
	background: url(images/plus-acc.png) no-repeat right center;
}
.on span.plusMinus {
	background: url(images/minus-acc.png) no-repeat right center;
}
.accordionContent .fieldset2 > legend {
	background:linear-gradient(#ffffff, #f8fcff);
}

.accordionContent .fieldset4 {
	background-color: #f7f7f7;
	border:1px solid #dadada;
	box-shadow:none;
	margin:10px 0;
}
.accordionContent .fieldset4 > legend {
  background: #eaf5fa;
  background: linear-gradient(#ffffff, #f7f7f7);
}
/*ACCORDION SECTION END*/
.btn-radio {
	color: #ffffff;
	background-color: #69767e;
	border-color: #ffffff;
}
.btn-radio:hover, .btn-radio:focus {
	color: #ffffff;
	background-color: #4cad4c;
	border-color: #ffffff;
}
.btn-radio:active, .btn-radio.active, .open .dropdown-toggle.btn-radio {
	color: #ffffff;
	background-color: #4cad4c;
	border-color: #ffffff;
}

.navbar-default .btn-link {
color: #ffffff;
}

.navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
color: #DDDADA;
}
/*--Form Design ------*/
.formgroup .form-control {
color: #2C3E50 !important;
box-shadow: none !important;
}

.formgroup .form-control:focus {
border: 2px solid #a5c7fe !important;
}

.formgroup .radiosection.form-control:focus {
border: none !important;
}

.formgroup label {
color: #333333 !important;
}

.nav-tabs > li > a {
border: none;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
color: #2097f0;
background-color: #f7f7f7;
border-bottom-color: transparent;
}

.tab-content {
background: #f7f7f7;
border: #ccc 1px solid;

}
.element-divider {border-bottom: 1px solid #bfbfbf; display:block}
.element-divider:last-child{border-bottom:none;}

/*Test color styles*/
/*-------------------------------------------*/
.text-muted {
color: #959BA1 !important;
}

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

.text-light-blue {
color: #7fc8ff !important;

}

.text-blue-grey {
color: #a2bccc !important;
}

.text-blue {
color: #00acf0 !important;
}

.text-green {
color: #4cae4c !important;
}
.text-green3 {
color: #0d8e06 !important;
}

.text-red {
color:#DF1216 !important;
}

.text-grey {
color: #d2d1d1 !important;
}
.text-dark {
color: #014284 !important;
}

.label-info {
background-color: #2097f0;
}
/*-------------------------------------------*/
#login-dp .bottom {
background-color: rgba(255,255,255,.8);
border-top: 1px solid #ddd;
}

.footer {
background-color: #2A3642;
}

.footer a {
color: #ffffff;
}
/*Button styles*/
.btn-theme-default {
color: #333333;
margin-right: 5px;
background-color: #ffffff;
border-color: #ccc;
border-radius:0px;

}

.btn-theme-default:hover, .btn-theme-default:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #ccc;
color: #333333;
}


.btn-theme-info {
color: #fff;
background-color: #2097F0;
border-color: #2097F0;
border-radius:0px;

}

.btn-theme-info-1 {
color: #fff;
background-color: #2097F0;
border-color: #2097F0;
border-radius:0px;
}
.btn-theme-info-1:hover, .btn-theme-info-1:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #2097F0;
color: #fff;
}
	.btn-theme-primary {
color: #fff;
margin-right: 5px;
border-radius: 0;
background-color: #337ab7;
    border-color: #2e6da4;

}

.btn-theme-primary:hover, .btn-theme-primary:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #337ab7;
color: #fff;
}
.btn-theme-success {
color: #fff;
margin-right: 5px;
background-color: #27AE60;
border-color: #27AE60;
border-radius:0px;

}

.btn-theme-success:hover, .btn-theme-success:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
color: #fff;
}



.btn-theme-info1:hover, .btn-theme-info1:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #2097F0;
color: #fff;
}

.btn-theme-warning {
color: #fff;
margin-right: 5px;
border-radius: 0;
background-color: #f0ad4e;
border-color: #f0ad4e;

}

.btn-theme-warning:hover, .btn-theme-warning:focus {
box-shadow: 0 0 0 2px white, 0 0 0 3px #f0ad4e;
color: #fff;
}

.btn-white {
color: #92999f;
background-color: #ffffff;
}

.social-buttons a {
color: #F9F9F9;
}

.social-buttons a:hover {
color: #337ab7;
}
/*--------------------------*/
/* common styles */


/*--------------------------*/
@media (max-width:767px) {
.navbar-default .navbar-nav > li > a {
background: #000000;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #ffffff;
background-color: #000000 !important;
}
}




.formgroup .checkbox label::before {

border: 1px solid #cccccc;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.formgroup .checkbox label::after {

color: #555555;
}


.has-error .checkbox label::before{border: 1px solid red;}




.formgroup .checkbox input[type="checkbox"]:disabled + label::before {
background-color: #eeeeee;

}


.formgroup .checkbox-primary input[type="checkbox"]:checked + label::before {
background-color: #428bca;
border-color: #428bca;
}

.formgroup .checkbox-primary input[type="checkbox"]:checked + label::after {
color: #fff;
}

.formgroup .checkbox-danger input[type="checkbox"]:checked + label::before {
background-color: #d9534f;
border-color: #d9534f;
}

.formgroup .checkbox-danger input[type="checkbox"]:checked + label::after {
color: #fff;
}

.formgroup .checkbox-info input[type="checkbox"]:checked + label::before {
background-color: #2097f0;
border-color: #2097f0;
}

.formgroup .checkbox-info input[type="checkbox"]:checked + label::after {
color: #fff;
}

.formgroup .checkbox-warning input[type="checkbox"]:checked + label::before {
background-color: #f0ad4e;
border-color: #f0ad4e;
}

.formgroup .checkbox-warning input[type="checkbox"]:checked + label::after {
color: #fff;
}

.formgroup .checkbox-success input[type="checkbox"]:checked + label::before {
background-color: #5cb85c;
border-color: #5cb85c;
}

.formgroup .checkbox-success input[type="checkbox"]:checked + label::after {
color: #fff;
}





.formgroup .radio label::before {
border: 1px solid #cccccc;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out;
}

.formgroup .radio label::after {

background-color: #555555;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}




.formgroup .radio-primary input[type="radio"] + label::after {
background-color: #428bca;
}

.formgroup .radio-primary input[type="radio"]:checked + label::before {
border-color: #428bca;
}

.formgroup .radio-primary input[type="radio"]:checked + label::after {
background-color: #428bca;
}

.formgroup .radio-danger input[type="radio"] + label::after {
background-color: #d9534f;
}

.formgroup .radio-danger input[type="radio"]:checked + label::before {
border-color: #d9534f;
}

.formgroup .radio-danger input[type="radio"]:checked + label::after {
background-color: #d9534f;
}

.formgroup .radio-info input[type="radio"] + label::after {
background-color: #2097f0;
}

.formgroup .radio-info input[type="radio"]:checked + label::before {
border-color: #2097f0;
}

.formgroup .radio-info input[type="radio"]:checked + label::after {
background-color: #2097f0;
}

.formgroup .radio-warning input[type="radio"] + label::after {
background-color: #f0ad4e;
}

.formgroup .radio-warning input[type="radio"]:checked + label::before {
border-color: #f0ad4e;
}

.formgroup .radio-warning input[type="radio"]:checked + label::after {
background-color: #2097f0;
}

.formgroup .radio-success input[type="radio"] + label::after {
background-color: #2097f0;
}

.formgroup .radio-success input[type="radio"]:checked + label::before {
border-color: #2097f0;
}

.formgroup .radio-success input[type="radio"]:checked + label::after {
background-color: #2097f0;
}
.section-radio .radio-success input[type="radio"]:checked + label::after{
background-color: #2097f0;
}
.section-radio .radio-success input[type="radio"]:checked + label::before{
  background-color: #2097f0;
}


/*SUMMARY SECTION STYLE */
.summary-sec{background-color:#ccc}
.input-ans { color: #0063ad;}


/*----------------ALERT STYLE ---------------*/
.alt-sec .alert-info {
  color: #31708f;
  background-color: #f0f8ff;
  border-color: #bce8f1;
}

.alt-sec .alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alt-sec .alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}



/*ALL POPUP SCREEN CSS STYLE*/

.modal-header h4.modal-title {color:#3a8816;}

.popupframe .well { background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);box-shadow: inset 0 1px 1px rgba(0,0,0,.05);}


 
 
/*----------------------ALL MEDIA STYLE----------------------*/

/*---------------max-width: 320px START------------------*/
@media (max-width: 320px) {

#slides {background: url(../images/mobile-img.jpg) repeat-x center center !important;}
.slider-content {background: rgba(255, 255, 255, 0.6);color: #040404 !important;}
}
/*---------------max-width: 320px END------------------*/

/*---------------min-width: 480px START------------------*/
@media (min-width: 480px) {
.Absolute-Center.is-Responsive {background: #fff;border: #ccc 1px solid;}
.Absolute-Center.is-Responsive1 {background: #fff;border: #ccc 1px solid;}
}
/*---------------min-width: 480px END------------------*/


/*---------------max-width:480px START------------------*/
@media (max-width:480px) {
.navbar-default .navbar-nav > .open > a {background: #000000;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background: #000000;}
 #slides {background: url(../images/mobile-img.jpg) repeat-x center center !important;}
.slider-content {background: rgba(255, 255, 255, 0.6);color: #040404 !important;}
}
/*---------------max-width:480px END------------------*/


/*---------------max-width:767px START------------------*/
@media (max-width:767px) {
.topnav {background: #334050;}
.topnav .navbar-toggle {background: #ffffff;}
.topnav .navbar-toggle .icon-bar {border: #2097f0 1px solid;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #e7e7e7;background: #2a3642;}
.navbar-nav .open .dropdown-menu {background: #ffffff;border-top: #ddd 1px solid;}
.home_header .navbar-right .dropdown a {border-bottom: #a2a0a1 1px solid;}
.home_header .navbar-right .dropdown a:hover {color: #c6d0d4;}
.btn-cancel {border: none !important;}
.open > .dropdown-menu {border-bottom: #a2a0a1 1px solid !important;}
.inner-page-body .nav-tabs > li {border-bottom: #ccc 1px solid;}
.username.open .dropdown-menu {background-color: #fff;}
}
/*---------------max-width:767px END------------------*/

/*Responsive grid styles*/
.alert-warning {
    color: #666666;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    color: #333333;
}

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
    color: #000000;
    background-color: #cbced0;
    border-color: #cbced0;
}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
    color: #ffffff;
    background-color: #1d83d0;
    border-color: #1d83d0;
}

.advancedv .btn-success:hover, .adsearch-dv .btn-success:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;
    color: #fff;
}

.advancedv .btn-warning:hover, .adsearch-dv .btn-warning :focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #f0ad4e;
    color: #fff;
}

.main-nav .downarrow > a.dropdown-toggle:after {
    content: '\25bc';
    padding-left: 0.5em;
    font-size: 9px;
    color: #e0f1ff;
    line-height: 0;
}

.main-nav .downarrow > a:hover.dropdown-toggle:after {
    color:#000000;
}

.main-nav .downarrow.open > a.dropdown-toggle:after {
    content: '\25b2';
    padding-left: 0.5em;
    color: #ffffff;
    line-height: 0;
}

.main-nav .downarrow.open > a:hover.dropdown-toggle:after {
    color: #ffffff;
}

.login-identity .field-validation-error.text-danger{
    color:#ff6360;
}

.radiosection {
    background-color: transparent;
    border: none !important;
}

.vd_radio label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 22px;
    margin-right: 25px;
    font-weight: normal;
}

.formgroup .checkbox-primary input[type="checkbox"]:checked + input + label::before {
    background-color: #428bca;
    border-color: #428bca;
}

.formgroup .checkbox input[type="checkbox"]:checked + input + label::after {
    font-family: 'FontAwesome';
    content: "\f00c";
}

.formgroup .checkbox-primary input[type="checkbox"]:checked + input + label::after {
    color: #fff;
}

.text-danger {color: #ce4040 !important;}
.text-danger:hover {color: #953b39;}

label.text-dark {
    color: #014284 !important;
}

.btn-success {
    color: #fff;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
}

.btn-success:hover {
    color: #fff;
    background-color: #449d44 !important;
    border-color: #398439 !important;
}

.selectedColor {
    background: #dadada  !important;
}
/*CHECKBOX RADIO STYLE START*/

.vd_checkbox label {
    color: #555555;
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.vd_checkbox label:before {
    background-color: #fff;
    border: 1px solid #a3a3a3; 
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.vd_checkbox label:after { 
    transition: border 0.2s linear 0s, color 0.2s linear 0s;
}

.vd_checkbox input[type="checkbox"]:checked + label {
    color: #00ab69;
}
.vd_checkbox input[type="checkbox"][disabled] + label:before {
    background-color: #eceff3;
	cursor:default;
}
.vd_checkbox input[type="checkbox"][disabled] + label {
	cursor:default;
	color:#999999;
}
.vd_checkbox.checkbox-success input[type="checkbox"]:checked + label:before {
    background-color: #00ab69;
    border: 1px solid #00ab69;
}
.vd_checkbox.checkbox-success input[type="checkbox"]:checked + label:after {
    color: #fff;
}

.vd_checkbox label:before {
    border-radius: 0px;
    content: "";
    display: inline-block;
    height: 16px;
    left: 1px;
    margin-right: 10px;
    position: absolute;
    top: 1px;
    width: 16px;
}

.vd_checkbox label:after {
    display: inline-block;
    font-size: 11px;
    height: 26px;
    left: 3.8px;
    position: absolute;
    top: 1px;
    width: 26px;
}

.vd_checkbox input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.vd_checkbox input[type="checkbox"]:checked + label:after {
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 11px;
    font-weight: normal;
}

.vd_checkbox label {
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 0px;
    margin-right: 15px;
    padding-left: 25px;
    position: relative;
}
/*CHECKBOX RADIO STYLE END*/


/* MVC Screen - Error Highlight - Start */

#msform .has-error .form-control {
    border-color: red !important;  
}
.has-error small{color:red !important}

/* MVC Screen - Error Highlight - End */


.radiosection {
    background-color: transparent;
    border: none !important;
}

.vd_radio input[type=radio]:checked + label {
    color: #007c4c;
}

.vd_radio label:before {
    background-color: #ffffff;
    border: 1px solid #a3a3a3;
}  

.vd_radio input[type=radio]:checked + label:before {
    color: #ffffff;
    background-color: #00ab69;
    border: 1px solid #2097f0;
}

.multigridbtn > li > .grid-btn-info {
padding-top:1px !important;
padding-bottom:2px !important;
background-color: rgb(32, 151, 240) !important;
border-color: rgb(32, 151, 240);
}

/* HOME PAGE START */
.inner-leftNav-identity .tabsteps li {
    border-bottom: 1px #9eb5d5 solid;
}

.inner-leftNav-contentArea {
    border: 1px #bcbcbc solid;
    background: #f9f9f9;
}

.inner-leftnav-mainArea {
    border: 1px #cccccc solid;
    background: #efefef;
}

.inner-leftNav-identity .nav-pills > li > a.done {
    background: #019fb4;
    color: #ffffff;
}

.user-heading {
    background-color: #0b375a;
    color: #ffffff;
}

.um-table {
    background: #ffffff;
}

.um-heading {
    color: #005fc0;
}

.inner-leftNav-identity ul.nav-pills li a::after {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    display: none;
    color: #2affae;
}

.inner-leftNav-identity ul.nav-pills li a.umCon-tab::after {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    color: #ff9627;
}

.inner-leftNav-identity ul.nav-pills li a.umCon-tab.done::after, .inner-leftNav-identity ul.nav-pills li a.done::after {
    color: #ffffff;
}

ul.um-expand-compress.multigridbtn > li > a {
    background: #bbbbbb;
}

.adv-sub-head h4 {
    color: #428bca;
}

.full-rights-icon i {
    color: #08905C;
}

.partial-rights-icon i {
    color: #E86719;
}
/*** TOGGLER START ***/
.toggler {
    border: 1px solid #cccccc;
}

.toggler {
    background: #125083;
    color: #ffffff;
}
/*** TOGGLER END ***/

/* HOME PAGE END */