﻿/* CSS Document */


.tdTxt
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #595959;
	font-weight: bold;
	text-align: left;
	padding-left: 7px;
	width: 20%;
}
.tdTxtNormal
{
	font-family: Verdana,Tahoma,Times New Roman;
	font-size: 12px;
	text-align: right;
}

.divMsg
{
	font-family: Verdana,Tahoma,Times New Roman;
	font-size: 12px;
	color: Maroon;
}
.btn
{
	width: 80px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: 0pt;
	background-image: -webkit-linear-gradient(#16a085, #16a085)!important;
	background-image: -moz-linear-gradient(#16a085, #16a085)!important; /*background-color: #065faa;*/
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	cursor: pointer;
	height: 32px;
}
.btn:focus
{
	width: 80px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: 0pt;
	background-color: #065faa;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 5px Black;
	height: 32px;
}
.btn2
{
	padding:0px 10px 0px 10px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: 0pt;
	background-image: -webkit-linear-gradient(#16a085, #16a085)!important;
	background-image: -moz-linear-gradient(#16a085, #16a085)!important; /*background-color: #065faa;*/
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	cursor: pointer;
	height: 32px;
}
.btn2:focus
{
	padding:0px 10px 0px 10px;
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: 0pt;
	background-color: #065faa;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	box-shadow: 0 0 5px Black;
	height: 32px;
}
.tbx
{
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	color: #3b5998;
	text-align: left;
	text-decoration: none;
	padding: 0px 5px 0px 5px; /*border: 1pt Solid #3b5998; /*background-color: #065faa; 	border-radius: 2px 2px 2px 2px; 	-moz-border-radius: 2px 2px 2px 2px;*/
	background: white no-repeat;
	background-image: linear-gradient(to bottom, #16a085, #16a085), linear-gradient(to bottom, silver, silver);
	background-size: 0 2px, 100% 1px;
	background-position: 50% 100%, 50% 100%;
	transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
	border: 0pt;
	height: 30px;
	width: 300px;
}
.tbx:focus,cbo:focus{
 
	background-size: 100% 2px, 100% 1px;
	outline: none;
}
.cbo
{
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	color: #3b5998;
	text-align: left;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	/*border: 1pt Solid #3b5998; background-color: #065faa;
	border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	cursor: pointer;
	height: 35px;
	width: 212px;*/
	
	background: white no-repeat;
	background-image: linear-gradient(to bottom, #1a81bc, #1a81bc), linear-gradient(to bottom, silver, silver);
	background-size: 0 2px, 100% 1px;
	background-position: 50% 100%, 50% 100%;
	transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
	border: 0pt;
	height: 30px;
	width: 300px;
}

.btn3
{
	font-family: Verdana,Tahoma,Times New Roman;
	font-size: 12px;
	color: White;
	border: 0pt;
	height: 25px;
	width: 150px;
	font-weight: bold;
	background-color: #196aa4;
	background-repeat: repeat-x;
}
.tdTitle
{
	font-family: Arial,Verdana,Tahoma,Times New Roman;
	font-size: 14px;
	font-weight: bold;
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 5px 5px 5px 5px;
	background-color: #1ab394;
	color: White;
	line-height: 35px;
	padding-left: 10px;
}


/*--------Dashboard Start----------*/
#loading-indicator
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 1900;
	background-color: Black; /*for transparency*/
	background-size: covered;
	opacity: 0.6;
	overflow: auto;
}
.state-overview .terques {
    background: #39B27C !important;
}

.state-overview .blue {
    background: #1a7bb9 !important;
}

.state-overview .panel{
    border-radius: 0px;
    border: 0px solid #eee;
    border-radius: 0px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0px;
}
.state-overview .terques {
    background: #39B27C !important;
}

.state-overview .blue {
    background: #1a7bb9 !important;
}

.state-overview .panel{
    border-radius: 0px;
    border: 0px solid #eee;
    border-radius: 0px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0px;
}
.state-overview .symbol {
    border-radius: 0px !important;
}
.col-lg-3{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
/*panel*/
.panel {
    border: none;
    box-shadow: none;
}

.panel-heading {
    background: #fff;
    font-size: 21px;
    border-color: #eff2f7;
    font-weight: 500;
    color: #000;
  //  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 0px;
    border-bottom: 1px solid #eff2f7;


}

.panel-title {
    color: #2A3542;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-family: 'Open Sans', sans-serif;
}
/*state overview*/

.state-overview .symbol, .state-overview .value {
    display: inline-block;
    text-align: center;
}

.state-overview .value  {
    float: right;

}

.state-overview .value h1, .state-overview .value p  {
    margin: 0;
    padding: 0;
    color: #068;
}

.state-overview .value h1 {
     font-weight: 300;
}

.state-overview .symbol i {
    color: #fff;
    font-size: 20px;
}

.state-overview .symbol {
    width: 40%;
    padding: 26px 15px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

.state-overview .value {
    width: 58%;
    padding-top: 21px;
}

.state-overview .terques {
    background: #6ccac9;
}

.state-overview .red {
    background: #ff6c60;
}

.state-overview .yellow {
    background: #f8d347;
}

.state-overview .blue {
    background: #57c8f2;
}
/*------------Dashboard end*/
.btn1
{
	font: normal 12px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px 5px 10px;
}
.btn-green
{
	color: white;
	background: #79c447;
	border: 1px solid #79c447;
	-webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
}
.btn-green:hover
{
	background-color: #61a434;
	border-color: #61a434;
}
.btn-red
{
	color: white;
	background: #ff5454;
	border: 1px solid #ff5454;
	-webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
}
.btn-red:hover
{
	background-color: #ff2121;
	border-color: #ff2121;
}
.btn-blue
{
	color: white;
	background: #67c2ef;
	border: 1px solid #67c2ef;
	-webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
}
.btn-blue:hover
{
	background-color: #39afea;
	border-color: #39afea;
}
.btn-yellow
{
	color: white;
	background: #fabb3d;
	border: 1px solid #fabb3d;
	-webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.35),0 2px 1px -1px rgba(0,0,0,0.2);
}
.btn-yellow:hover
{
	background-color: #ed9c28;
	border-color: #ed9c28;
}
#hider
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 1850px;
	height: 2000px;
	margin-top: -800px; /*set to a negative number 1/2 of your height*/
	margin-left: -500px; /*set to a negative number 1/2 of your width*/ /*         z- index must be lower than pop up box        */
	z-index: 1900;
	background-color: Black; /*for transparency*/
	opacity: 0.6;
	overflow: auto;
}
#popup_box
{
	position: absolute;
	top: 20%;
	left: 50%;
	width: 600px;
	height: 280px;
	margin-top: -140px; /*set to a negative number 1/2 of your height*/
	margin-left: -300px; /*set to a negative number 1/2 of your width*/
	z-index: 2000;
	background-color: White;
	border: 2px solid lightGrey; /*background-color: #F3F3F3;*/
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}
#popup_exp
{
	position: absolute;
	top: 20%;
	left: 50%;
	width: 600px;
	height: 280px;
	margin-top: -140px; /*set to a negative number 1/2 of your height*/
	margin-left: -300px; /*set to a negative number 1/2 of your width*/
	z-index: 2000;
	background-color: White;
	border: 2px solid lightGrey; /*background-color: #F3F3F3;*/
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
}
#loading-indicator
{
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	z-index: 1900;
	background-color: Black; /*for transparency*/
	background-size: covered;
	opacity: 0.6;
	overflow: auto;
}
/*-- /slider --*/

/*-- banner-top --*/

.banner-top {
	background: url('../UserFiles/ImageScroller/banner1.jpg') no-repeat 0px 0px;
	background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;-moz-background-size: cover;min-height: 305px;
}

.banner-top1 {
	background: url(../UserFiles/ImageScroller/banner2.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 305px;
}

.banner-top2 {
	background: url(../UserFiles/ImageScroller/banner3.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 305px;
}

.banner-top3 {
	background: url(../UserFiles/ImageScroller/banner4.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 305px;
}
.banner-top4 {
	background: url(../UserFiles/ImageScroller/banner5.jpg) no-repeat 0px 0px;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-moz-background-size: cover;
	min-height: 305px;
}
.banner-info-w3ls-agileinfo {
	text-align: left;
	padding: 16em 5em 0 4em;
	width: 60%;
}

.banner-info-w3ls-agileinfo a {
	color: #fff;
	text-decoration: none;
	padding: 6px 20px;
	letter-spacing: 1px;
	font-size: 14px;
	margin: 1em 1em 0 0em;
	background: rgb(0, 167, 142);
	display: inline-block;
	border: 2px solid transparent;
	font-weight: bold;
}

.banner-info-w3ls-agileinfo a:hover {
	color: #00a78e;
	background: #fff;
}

.banner-info-w3ls-agileinfo h3 {
	font-size: 5em;
	letter-spacing: 1px;
	text-shadow: 0 2px 12px rgba(0, 0, 0, 0.42);
	margin-bottom: 0.2em;
	color: #fff;
}

.banner-info-w3ls-agileinfo p {
	font-size: 1em;
	color: #fff;
	margin: 1.5em 0;
	letter-spacing: 6px;
}

.banner-info-w3ls-agileinfo i {
	color: #fff;
}

/*-- //banner-top --*/

/*--slider--*/

#slider2,
#slider3 {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 auto;
}

.rslides_tabs li:first-child {
	margin-left: 0;
}

.rslides_tabs .rslides_here a {
	background: rgba(255, 255, 255, .1);
	color: #fff;
	font-weight: bold;
}

.events {
	list-style: none;
}

.callbacks_container {
	position: relative;
	float: left;
	width: 100%;
}

.callbacks {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.callbacks li {
	position: absolute;
	width: 100%;
}

.callbacks img {
	position: relative;
	z-index: 1;
	height: auto;
	border: 0;
}

.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0;
	right: 0;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 10%;
	text-align: center;
}

.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	bottom: 17%;
	left: 40px;
	opacity: 0.9;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 44px;
	width: 44px;
	background: #fff url(../images/left.png) no-repeat 0px 0px;
}

.callbacks_nav.next 
{
	visibility:hidden;
	left: auto;
	background: #fff url(../images/right.png) no-repeat 6px 6px;
	left: 120px;
}

.callbacks_nav.prev {
	visibility:hidden;
	left: auto;
	background: #fff url(../images/left.png) no-repeat 6px 6px;
	left: 70px;
}

#slider3-pager a {
	display: inline-block;
}

#slider3-pager span {
	float: left;
}

#slider3-pager span {
	width: 100px;
	height: 15px;
	background: #fff;
	display: inline-block;
	border-radius: 30em;
	opacity: 0.6;
}

#slider3-pager .rslides_here a {
	background: #FFF;
	border-radius: 30em;
	opacity: 1;
}

#slider3-pager a {
	padding: 0;
}

#slider3-pager li {
	display: inline-block;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	height: auto;
	border: 0;
}

.callbacks_tabs {
	list-style: none;
	position: absolute;
	top: 44%;
	right: 4%;
	padding: 0;
	margin: 0;
	display: block;
	z-index: 99;
}

.slider-top span {
	font-weight: 600;
}

.callbacks_tabs li {
	display: block;
}

/*----*/

.callbacks_tabs a {
	visibility: hidden;
}

.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 12px;
	width: 12px;
	display: inline-block;
	background: #ffffff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	margin: 0;
}

.callbacks_here a:after {
	background: #00a78e;
	margin: 0;
	height: 12px;
	width: 12px;
}

/*-- //slider --*/
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.divMandatory
{
	color:Red;
	font-size:14px;
}
.tdTitlePlain
{
	font-family:Arial Greek ,Verdana,Tahoma,Times New Roman;
	font-size: 24px;
	padding: 5px 10px 5px 0px;
	color: #dd3333;
	height: 30px;
}
.divMandatory
{
	color:Red;
	font-size:14px;
}
.dgDiv
{
	background-image: -webkit-linear-gradient(#16a085, #16a085)!important; 
	background-image: -moz-linear-gradient(#16a085, #16a085)!important;	
	padding: 10px 10px 10px 10px;
}
.dgDiv a
{
	color:white;
}
.dgDiv a:hover
{
	text-decoration:underline;
}
.vertical div
{
	vertical-align:middle;	
    writing-mode: vertical-lr;
	text-orientation: upright;
	border-radius: 5px 0px 0px 5px;-moz-border-radius: 5px 0px 0px 5px;
	padding:2px 2px 2px 2px;
	width:100%;
	text-align:center; 
}
.divBorder
{
	border-bottom:2px dotted black;	
}
.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.btn-check:disabled+.btnChk,.btn-check[disabled]+.btnChk{pointer-events:none;filter:none;opacity:.65}
.btnChk{position:relative;z-index:2}
.btnChk:focus{z-index:3}
.btnChk{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btnChk:hover{color:#212529}
.btn-check:focus+.btnChk,.btnChk:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}
.btnChk.disabled,.btnChk:disabled,fieldset:disabled 
.btnChk{pointer-events:none;opacity:.65}
.btn-outline-success{color:#198754;border-color:#198754}
.btn-outline-success:hover{color:#fff;background-color:#198754;border-color:#198754}
.btn-check:focus+.btn-outline-success,.btn-outline-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}
.btn-check:active+.btn-outline-success,.btn-check:checked+.btn-outline-success,.btn-outline-success.active,.btn-outline-success.dropdown-toggle.show,.btn-outline-success:active{color:#fff;background-color:#198754;border-color:#198754}
.btn-check:active+.btn-outline-success:focus,.btn-check:checked+.btn-outline-success:focus,.btn-outline-success.active:focus,.btn-outline-success.dropdown-toggle.show:focus,.btn-outline-success:active:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.5)}
.btn-outline-success.disabled,.btn-outline-success:disabled{color:#198754;background-color:transparent}
.btn-outline-info{color:#0dcaf0;border-color:#0dcaf0}




.mandatory
{
	color:Red;	
}
/*Admin Dashboard*/
.tabTxt
        {
        	font-size:20px;text-align:center;color:#000000;
        }
        .tabCount
        {
        	font-size:30px;text-align:center;color:#000000;
        	font-weight:bold;
        }
        .tabStyle
        {
        	background-color:#ffffff;
        	width:100%;height:100px;border-radius:10px 0px 10px 0px; padding:10px;
        	box-shadow: 0 0 10px Gray;
        }
.tabIcon
{
	font-size:50px;padding:15px;border-radius:50px;float:left;	
	color:#1ab394;
}   
.tabIcon2
{
	font-size:50px;padding:15px;border-radius:50px;float:left;	
	color:#ffc804;
}      
/*Admin Dashboard*/
/*//////CSS BY Ravi        */
h6::after{
    content: "";
    width: 120px;
    height: 1px;
    display: inline-block;
    background-color: #e75757;
    margin: 4px 10px;
}
.jumbotron{
    margin-top: 50px;
    padding:0px 50px;
}
.processingFee{
    font-size:20px;
}
.note{
    font-size: 20px;
}
li{
    justify-content: space-around;
    font-size: 14px;
}