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

Body{
	color: #000;
	FONT-SIZE: 13px;	
	font-family: 'Open Sans', sans-serif;
	margin:0;
	padding:0;
	background-color:#FFFFff;	
}


::selection {color:#FFF;background:#002071;}
::-moz-selection {color:#FFF;background:#002071;}
::-o-selection {color:#FFF;background:#002071;}
::-ms-selection {color:#FFF;background:#002071;}
::-webkit-selection {color:#FFF;background:#002071;}
 
.Shadow{
 -moz-box-shadow: 0px 0px 10px 0px #1f2527;
 -webkit-box-shadow: 0px 0px 10px 0px #1f2527;
 box-shadow: 0px 0px 10px 0px #1f2527;}	
 
.FontColor1 {color: #022257 !important;}
.FontColor2 {color: #333;}
.FontColor3 {color:#FFFFFF;}
.FontColor4 {color:#000;}
.FontColor5 {color: #32844f;}

.BgColor1 {background-color:#fff;}

.AlignCenter{
	text-align:center}
	
.Header {
	background-color: #e2f4ff;
	background-image: linear-gradient(top, #f6fbfe, #c4eaff);
	background-image: -webkit-linear-gradient(top, #f6fbfe, #c4eaff);
	background-image: -moz-linear-gradient(top, #f6fbfe, #c4eaff);
	background-image: -o-linear-gradient(top, #f6fbfe, #c4eaff);
	background-image: -ms-linear-gradient(top, #f6fbfe, #c4eaff);
	border-bottom:2px solid #999;
	color:#000 !important
}	


.TableAltHeader1 {background-color:#022257;  color:#FFF}
.AltColor11 {background-color:#d2e8f6;  color:#000}
.AltColor12 {background-color:#f2f8fb; color:#000}

.TableAltHeader2 {background-color:#444; color:#FFF}
.AltColor21 {background-color: #eee;}
.AltColor22 {background-color:#f5f5f5;}



.TableAltHeader3 {background-color:#111;  color:#FFF}
.AltColor31 {background-color:#ddd;  color:#000}
.AltColor32 {background-color:#f5f5f5; color:#000}

.TableAltHeader4 {background-color:#0d8d2b; color:#fff;}
.AltColor41 {background-color:#beeeca;}
.AltColor42 {background-color:#e4f6e8;}

.Logo{
	width:100%;
	max-width:90px;
	padding:2px 10px;
	position: relative}

/* Font Sizes */
.SmallerText {FONT-SIZE:11px;}

.MediumText {FONT-SIZE:12px;}

.NormalText {FONT-SIZE:14px;}

.NormalTextBig {FONT-SIZE:16px;}

.Heading {FONT-SIZE:20px;}

.BiggerText {FONT-SIZE:24px;}

.LargeText {FONT-SIZE:36px;}

.SmallerLink{FONT-SIZE:11px; text-decoration: none}
a.SmallerLink:hover {text-decoration:underline;}
	
.JustLinks {TEXT-DECORATION: none;}
a.JustLinks:hover{TEXT-DECORATION: underline;}

.AllCaps{text-transform:uppercase;}

.PositionABT{position: absolute}

.PositionREL{position: relative}

.PositionFIX{position: fixed}

/* Button Styles */
.Button{
	font-family: 'Open Sans', sans-serif;	
	font-size:14px;	
	border-radius:5px;	
	padding:5px 15px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;
	margin:2px;
}
.ButtonSmall{
	font-family: 'Open Sans', sans-serif;	
	font-size:11px;	
	border-radius:5px;	
	padding:2px 8px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;
	margin:2px;
}
.ButtonMedium{
	font-family: 'Open Sans', sans-serif;	
	font-size:13px;	
	border-radius:5px;	
	padding:3px 12px;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	display:inline-block;
	margin:2px;
}
.ButtonBig{
	font-family: 'Open Sans', sans-serif;	
	font-size:16px;	
	border-radius:10px;	
	padding:8px 15px;
	cursor:pointer;	
	text-decoration:none;	
	outline:none;	
}


.ButtonColor1{
	color:#fff;	
	background-color:#002870;
	background-image: linear-gradient(top, #06368e, #002870);
	background-image: -webkit-linear-gradient(top, #06368e, #002870);
	background-image: -moz-linear-gradient(top, #06368e, #002870);
	background-image: -ms-linear-gradient(top, #06368e, #002870);
	background-image: -o-linear-gradient(top, #06368e, #002870);
	border: 1px solid #08283e;
}
.ButtonColor1:hover{
	color:#fff;	
	background-color: #444;
	background-image:linear-gradient(top, #777, #444);
	background-image: -webkit-linear-gradient(top, #777, #444);	
	background-image: -ms-linear-gradient(top, #777, #444);		
	border:1px solid #333;
	transition:0.3s ease;	
}
.ButtonColor1:active{
	top:1px;
	position:relative;
}


.ButtonColor2{
   color:#fff;	
	background-color: #444;
	background-image:linear-gradient(top, #777, #444);
	background-image: -webkit-linear-gradient(top, #777, #444);	
	background-image: -ms-linear-gradient(top, #777, #444);		
	border:1px solid #333;	
}
.ButtonColor2:hover{
	color:#fff;	
	background-color:#222;
	background-image: linear-gradient(top, #444, #111);
	background-image: -webkit-linear-gradient(top, #444, #111);
	background-image: -moz-linear-gradient(top, #444, #111);
	background-image: -ms-linear-gradient(top, #444, #111);
	background-image: -o-linear-gradient(top, #444, #111);
	border: 1px solid #000;	
	transition:0.3s ease; 
}
.ButtonColor2:active{
	top:1px;
	position:relative;
}

.ButtonColor3{	
	color:#fff;	
	background-color:#222;
	background-image: linear-gradient(top, #444, #111);
	background-image: -webkit-linear-gradient(top, #444, #111);
	background-image: -moz-linear-gradient(top, #444, #111);
	background-image: -ms-linear-gradient(top, #444, #111);
	background-image: -o-linear-gradient(top, #444, #111);
	border: 1px solid #000;		
}
.ButtonColor3:hover{
	color:#fff;	
	background-color:#002870;
	background-image: linear-gradient(top, #06368e, #002870);
	background-image: -webkit-linear-gradient(top, #06368e, #002870);
	background-image: -moz-linear-gradient(top, #06368e, #002870);
	background-image: -ms-linear-gradient(top, #06368e, #002870);
	background-image: -o-linear-gradient(top, #06368e, #002870);
	border: 1px solid #08283e;
	transition:0.3s ease;	
}
.ButtonColor3:active{
	top:1px;
	position:relative;
}
.ButtonColor4{
	color:#fff;	
	background-color: #258430;
	background-image: -webkit-linear-gradient(top, #258430, #39a145);
	background-image: -moz-linear-gradient(top, #258430, #39a145);
	background-image: -ms-linear-gradient(top, #258430, #39a145);
	background-image: -o-linear-gradient(top, #258430, #39a145);	
	border:1px solid #258430;
}
.ButtonColor4:hover{
	color:#fff;	
	background-color: #095e49;
	background-image: -webkit-linear-gradient(top, #095e49, #138569);
	background-image: -moz-linear-gradient(top, #095e49, #138569);
	background-image: -ms-linear-gradient(top, #095e49, #138569);
	background-image: -o-linear-gradient(top, #095e49, #138569);		
	border:1px solid #095e49;
	transition:0.3s ease;
}
.ButtonColor4:active{
	top:1px;
	position:relative;
}

.ButtonColor5{
	color:#3c4f63;	
	background-color: #f4f7fa;	
	background-image: -webkit-linear-gradient(top, #f4f7fa, #cdd6df);
	background-image: -moz-linear-gradient(top, #f4f7fa, #cdd6df);
	background-image: -ms-linear-gradient(top, #f4f7fa, #cdd6df);
	background-image: -o-linear-gradient(top, #f4f7fa, #cdd6df);		
	border:1px solid #abb9c7;	
}
.ButtonColor5:hover{
	background-color: #cdd6df;
	background-image: -webkit-linear-gradient(top, #cdd6df, #f4f7fa);
	background-image: -moz-linear-gradient(top, #cdd6df, #f4f7fa);
	background-image: -ms-linear-gradient(top, #cdd6df, #f4f7fa);
	background-image: -o-linear-gradient(top, #cdd6df, #f4f7fa);			
	border:1px solid #abb9c7;
	transition:0.3s ease;
}
.ButtonColor5:active{
	top:1px;
	position:relative;
}


.ButtonColor6{
	color:#fff;	
	background-color:#990000;
	background-image: linear-gradient(top, #d11824, #990000);
	background-image: -webkit-linear-gradient(top, #d11824, #990000);
	background-image: -moz-linear-gradient(top, #d11824, #990000);
	background-image: -ms-linear-gradient(top, #d11824, #990000);
	background-image: -o-linear-gradient(top, #d11824, #990000);
	border: 1px solid #990000;	
}
.ButtonColor6:hover{
	color: #fff;
	background-color:#990000;
	background-image: linear-gradient(top, #990000, #d11824);
	background-image: -webkit-linear-gradient(top, #990000, #d11824);
	background-image: -moz-linear-gradient(top, #990000, #d11824);
	background-image: -ms-linear-gradient(top, #990000, #d11824);
	background-image: -o-linear-gradient(top, #990000, #d11824);
	border: 1px solid #d11824;
	transition: 0.3s ease;
}
.ButtonColor6:active{
	top:1px;
	position:relative;
}
/* All Border Styles */
.Border1 {border-width:1px; border-style:solid}
.Border2 {border-width: 2px;  border-style:solid}
.Border5 {border-width: 5px;  border-style:solid}

.DottedBorder {border-width:1px; border-style:dotted}

.BorderBottom1{border-bottom: 1px solid;}
.BorderBottom2{border-bottom: 2px solid;}
.BorderBottomDashed{border-bottom: dashed 1px;}
.BorderBottomDotted{border-bottom: dotted 1px;}

.BorderTop1{border-top: 1px solid;}
.BorderTop5{border-top: 5px solid;}
.BorderLeft1{border-left: 1px solid;}
.BorderRight1{border-right: 1px solid;}
.BorderLeft2{border-left: 2px solid;}
.BorderRight2{border-right: 2px solid;}
.BorderLeft3{border-left: 3px solid;}
.BorderRight3{border-right: 3px solid;}
.BorderTopDashed{border-top: dashed 1px;}
.BorderTopDotted{border-top: dotted 1px;}

.BorderColor1{border-color: #33496a}
.BorderColor2{border-color: #333}
.BorderColor3{border-color: #666}
.BorderColor4{border-color: #329051}

/* Border Rounded Corners */
.BorderRounded15{border-radius:15px;}
.BorderRounded10{border-radius:10px;}
.BorderRounded8{border-radius:8px;}
.BorderRounded5{border-radius:5px;}

/* Table Style */		
.TableStyle {
    border-collapse: collapse;
    border-spacing: 0;    
	background-color: #e4e7f0;
	border: 1px solid #acbad0; 
}
.TableStyle th {
	color:#FFF;   
    padding:6px 8px;
	background-color: #002071;
}
.TableStyle td {
    border-bottom: 1px solid #acbad0;    
    padding:6px 8px;	
}
.TableStyle tr:hover {    
	background-color: #c6cddf !important;
}

/* Table Style1 */		
.TableStyle1 {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #bbb;
	background-color: #f5f5f5;
}
.TableStyle1 th {color: #FFF;
	border: 1px solid #bbb;
	padding: 5px 7px;
	background-color: #333;
}
.TableStyle1 td {
    border: 1px solid #bbb;    
    padding:5px 7px;	
}
.TableStyle1 tr:nth-child(even){background-color: #eee}
.TableStyle1 tr:hover {background-color: #fff; }

/* Text Box Style*/	
.TextBox{
	padding:6px 4px;
	border: 1px solid #ccd1d7;
	background-color: #FFFFFF;
	border-radius:3px;
	box-sizing: border-box;
	outline: none;
}
.TextBox:focus{
	/*background-color: #fff;*/
	border: 1px solid #001771;
	outline: none;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color:transparent; } /* IE 10+ */
.Login{
	margin-top:10%;	
	background-color: #fad082;
	background-image: url(../images/loginlogobg.jpg);    
    background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
	border:3px solid #8e6739;		
	box-shadow:0px 0px 20px 0px #444;
	border-radius: 20px;
	overflow:hidden;	
	}

.formtext{
	text-align:right}
.formmargin{
	margin-right:20px}

.panel1{
	border:1px solid #002071;
	border-radius:5px;
	overflow:hidden;	
}
.panel1 .panel-heading{
	color:#fff;
	text-align:left;
	font-size:16px;
	padding:6px 10px;
	background-color:#002071;
}
.panel1 .panel-body{
	color:#000;
	text-align:left;
	font-size:13px;
	padding:6px 10px;
	background-color:#e4e7f0;
}

.panel2{
	border:1px solid #db9722;
	border-radius:5px;
	overflow:hidden;	
}
.panel2 .panel-heading{
	color: #fff;
	text-align: left;
	font-size: 16px;
	padding: 6px 10px;
	background-color: #db9722;
}
.panel2 .panel-body{
	color:#000;
	text-align:left;
	font-size:13px;
	padding:6px 10px;
	background-color:#f9eedc;
}
.panel3{
	border:1px solid #222;
	border-radius:5px;
	overflow:hidden;	
}
.panel3 .panel-heading{
	color:#fff;
	text-align:left;
	font-size:16px;
	padding:6px 10px;
	background-color:#222;
}
.panel3 .panel-body{
	color:#000;
	text-align:left;
	font-size:13px;
	padding:6px 10px;
	background-color:#f5f5f5;
}


.panel4{
	border:1px solid #0d8d2b;
	border-radius:5px;
	overflow:hidden;	
}
.panel4 .panel-heading{
	color:#fff;
	text-align:left;
	font-size:16px;
	padding:6px 10px;
	background-color:#0d8d2b;
}
    .panel4 .panel-body {
        color: #000;
        text-align: left;
        font-size: 12px;
        padding: 6px;
        background-color: #e4f6e8;
    }

.panel5 {
    border: 1px solid #671919;
    border-radius: 5px;
    overflow: hidden;
}
    .panel5 .panel-heading {
        color: #fff;
        text-align: left;
        font-size: 16px;
        padding: 6px 10px;
        background-color: #b74545;
    }
    .panel5 .panel-body {
        color: #000;
        text-align: left;
        font-size: 12px;
        padding: 6px;
        background-color: #f2d2d2;
    }

.CounterNumSelected{
	 background-image: linear-gradient(#bbbbbb, #f9f9f9, #bbbbbb);
	 background-image: -webkit-linear-gradient(#bbbbbb, #f9f9f9, #bbbbbb);
	 background-image: -moz-linear-gradient(#bbbbbb, #f9f9f9, #bbbbbb);
	 background-image: -o-linear-gradient(#bbbbbb, #f9f9f9, #bbbbbb);
	 background-image: -ms-linear-gradient(#bbbbbb, #f9f9f9, #bbbbbb);
	 padding:2px 10px;
	 border:1px solid #aeaeae;
	font-family: 'Anton', sans-serif;
	color:#222222;
	 
	 letter-spacing:5px;
	  text-align:center
	

	} 
.CounterNumTop{
		background:linear-gradient(top, #fefefe, #f5f5f5);
	background:-webkit-linear-gradient(top, #fefefe, #f5f5f5);
	background:-moz-linear-gradient(top, #fefefe, #f5f5f5);
	background:-o-linear-gradient(top, #fefefe, #f5f5f5);
	background:-ms-linear-gradient(top, #fefefe, #f5f5f5);
	 padding:2px 10px;
	 border:1px solid #e8e8e8;
	font-family: 'Anton', sans-serif;
	color:#c8c8c8;
	 
	 letter-spacing:5px;
	  text-align:center

	 
	}
.CounterNumbottom{
		background:linear-gradient(top, #f5f5f5, #fefefe);
	background:-webkit-linear-gradient(top, #f5f5f5, #fefefe);
	background:-moz-linear-gradient(top, #f5f5f5, #fefefe);
	background:-o-linear-gradient(top, #f5f5f5, #fefefe);
	background:-ms-linear-gradient(top, #f5f5f5, #fefefe);
	 padding:2px 10px;
	 border:1px solid #e8e8e8;
	font-family: 'Anton', sans-serif;
	color:#c8c8c8;
	
	 letter-spacing:5px;
	 text-align:center
	}


.dropbtn {	
	padding:0px;   
    border: none;
    cursor: pointer;
}

.dropdown {	
    position: relative;
    display: inline-block;
	z-index:1000;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index:1000;
}

.dropdown-content a {
    color: black;
    padding: 10px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #222;
	color:#FFF;
	border-radius: 50px 0px 0px 50px;
}




@media screen and (max-width:1023px) {
.formmargin{
	margin-right:0px;
	margin-bottom:25px;}	
}
	
@media screen and (max-width:767px) {
.NormalTextBig {FONT-SIZE: 15px;}
.Heading{FONT-SIZE:20px;}
.BiggerText{FONT-SIZE: 22px;}
.LargeText{FONT-SIZE: 32px;}
}

@media screen and (max-width:639px) {
.formtext{
	text-align:left}
}

@media screen and (max-width:479px) {
body {FONT-SIZE: 12px;}
.SmallerText {FONT-SIZE: 10px;}
.MediumText {FONT-SIZE: 11px;}
.NormalText {FONT-SIZE: 13px;}
.NormalTextBig {FONT-SIZE: 14.5px;}
.Heading {FONT-SIZE:18px; }
.BiggerText {FONT-SIZE: 20px;}
.LargeText {FONT-SIZE: 26px;}
.Button{	
	font-size:13px;	
	border-radius:5px;	
	padding:5px 15px;	
	margin:2px;
}
.ButtonSmall{	
	font-size:10px;	
	border-radius:3px;	
	padding:2px 8px;	
	margin:2px;
}
.ButtonMedium{	
	font-size:12px;	
	border-radius:4px;	
	padding:3px 12px;	
	margin:2px;
}
.ButtonBig{	
	font-size:14px;	
	border-radius:5px;	
	padding:7px 10px;	
	margin:2px;
}
}

@media screen and (max-width:359px) {
.LargeText{FONT-SIZE: 24px;}
}

.disable{
	opacity:0.2;
	pointer-events: none;
	z-index:-1;
	position:relative}
	



.check {
  width: 20px;
  height: 20px;
  margin: auto;
  
}
.check input {
  display: none;
}
.check input:checked + .box {
  background-color: #cfffb5;
  
  background-image: url(../images/check.png);
  width: 20px;
  height: 20px;
  transition:0.4s ease;
  margin: auto;

}
.check input:checked + .box:after {
  top: 0;
}
.check .box {
  width:20px;
  height: 20px;
  border-radius:5px;
  padding:2px 5px;
  transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  border: 2px solid transparent;
  background-color: white;
 /* position: relative;*/
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 2px rgba(0, 0, 0, 0.2);
  
}
.check .box:after {
   /*width: 50%;
  height: 20%;
  content: '';
  position: relative;
  border-left: 5px solid;
  border-bottom: 5px solid;
  border-color: #4b8e24;
   transform: rotate(-45deg) translate3d(0, 0, 0);
  transform-origin: center center;
  transition: all 1.1s cubic-bezier(0.19, 1, 0.22, 1);
  left: 0;
  right: 0;
  top: 200%;
  bottom: 5%;
  margin: auto;*/
}