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

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


::selection {color:#FFF;background:#09344d;}
::-moz-selection {color:#FFF;background:#09344d;}
::-o-selection {color:#FFF;background:#09344d;}
::-ms-selection {color:#FFF;background:#09344d;}
::-webkit-selection {color:#FFF;background:#09344d;}
 
.Shadow{
 -moz-box-shadow: 0px 0px 10px 0px #999;
 -webkit-box-shadow: 0px 0px 10px 0px #999;
 box-shadow: 0px 0px 10px 0px #999;}	
 
.FontColor1 {color: #006fa8;}
.FontColor2 {color: #3b474d;}
.FontColor3 {color:#FFFFFF;}
.FontColor4 {color: #000;}
.FontColor5 {color: #da0000;}

.BgColor1 {background-color:#fff;}

	
.Header {background-color: #aae3fd;
	background-image: linear-gradient(top, #aae3fd, #e6f7fe); 
	background-image: -webkit-linear-gradient(top, #aae3fd, #e6f7fe);
	background-image: -moz-linear-gradient(top, #aae3fd, #e6f7fe);
	background-image: -ms-linear-gradient(top, #aae3fd, #e6f7fe);
	background-image: -o-linear-gradient(top, #aae3fd, #e6f7fe);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#aae3fd', EndColorStr='#e6f7fe');
	border-bottom:3px solid #004f7d;
}	

.TableAltHeader1{background-color: #007db8;color: #fff;}
.AltColor11{background-color: #c8eaf9;}
.AltColor12{background-color: #eefaff;}

.TableAltHeader2 {background-color: #4b595f;color: #fff;}
.AltColor21{background-color: #d7e0e4;}
.AltColor22{background-color: #f0f3f4;}

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

.MediumText {FONT-SIZE:13px;}

.NormalText {FONT-SIZE:15px;}

.NormalTextBig {FONT-SIZE:18px;}

.Heading {FONT-SIZE:22px;}

.BiggerText {FONT-SIZE:28px;}

.LargeText {FONT-SIZE:40px;}

.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;
	box-sizing:border-box;
	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: #008dcf;
	background-image: -webkit-linear-gradient(top, #008fd2, #005d89);
	background-image: -moz-linear-gradient(top, #008fd2, #005d89);
	background-image: -ms-linear-gradient(top, #008fd2, #005d89);
	background-image: -o-linear-gradient(top, #008fd2, #005d89);	
	border:1px solid #003852;	
}
.ButtonColor1:hover{
	color:#fff;	
	background-color: #003855;
	background-image: -webkit-linear-gradient(top, #006a9b, #003855);
	background-image: -moz-linear-gradient(top, #006a9b, #003855);
	background-image: -ms-linear-gradient(top, #006a9b, #003855);
	background-image: -o-linear-gradient(top, #006a9b, #003855);	
	border:1px solid #003855;
	transition:0.3s ease;	
}
.ButtonColor1:active{
	top:1px;
	position:relative;
}

.ButtonColor2{
	color:#fff;	
	background-color: #2e4956;
	background-image: -webkit-linear-gradient(top, #566b75, #2f3a40);
	background-image: -moz-linear-gradient(top, #566b75, #2f3a40);
	background-image: -ms-linear-gradient(top, #566b75, #2f3a40);
	background-image: -o-linear-gradient(top, #566b75, #2f3a40);	
	border:1px solid #263a44;	
}

.ButtonColor2:active{
	top:1px;
	position:relative;
}

.ButtonColor3{
	color:#3c4f63;	
	background-color: #f4f7fa;		
	border:1px solid #d7dde3;	
}
.ButtonColor3:active{
	top:1px;
	position:relative;
}

.ButtonColor4{	
	color:#fff;	
	background-color: #78ae59;
	background-image:linear-gradient(top, #78ae59, #5c8b41);
	background-image: -webkit-linear-gradient(top, #78ae59, #5c8b41);
	background-image: -moz-linear-gradient(top, #78ae59, #5c8b41);
	background-image: -ms-linear-gradient(top, #78ae59, #5c8b41);
	background-image: -o-linear-gradient(top, #78ae59, #5c8b41);	
	border:2px solid #4f8033;	
}
.ButtonColor4:hover{
	color:#fff;	
	background-color: #5c8b41;
	background-image: -webkit-linear-gradient(top, #5c8b41, #78ae59);
	background-image: -moz-linear-gradient(top, #5c8b41, #78ae59);
	background-image: -ms-linear-gradient(top, #5c8b41, #78ae59);
	background-image: -o-linear-gradient(top, #5c8b41, #78ae59);	
	border:2px solid #4f8033;
	transition:0.3s ease;	
}
.ButtonColor4:active{
	top:1px;
	position:relative;
}

.ButtonColor5{
	color:#fff;	
	background-color: #ca0000;		
	border:1px solid #b40606;	
}
.ButtonColor5:hover{
	color:#fff;	
	background-color: #b40606;		
	border:1px solid #b40606;
	transition:0.3s ease;
}
.ButtonColor5: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;}
.BorderTopDashed{border-top: dashed 1px;}
.BorderTopDotted{border-top: dotted 1px;}

.BorderColor1{border-color: #9bc7da;}
.BorderColor2{border-color: #0086c5;}

/* 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;
    border: 1px solid #b6c7ce;
	background-color: #f0f3f4;
}
.TableStyle th {
	border: 1px solid #b6c7ce;
	padding:7px;
	color: #fff;
	background-color: #3f6272;
}
.TableStyle td {
    border: 1px solid #b6c7ce;    
    padding:7px;	
}
.TableStyle tr:nth-child(even){background-color: #dce3e6}

/* Table Style1 */		
.TableStyle1 {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #afd9eb;
	background-color: #eefaff;
}
.TableStyle1 th {
	color:#fff;
	border: 1px solid #afd9eb;
	padding: 7px;
	background-color: #005a8e;
}
.TableStyle1 td {
    border: 1px solid #afd9eb;    
    padding:7px;	
}
.TableStyle1 tr:nth-child(even){background-color: #d7f3ff}
.TableStyle1 tr:hover {background-color: #c1ecff; }

/* Text Box Style*/	
.TextBox{
	padding:6px 4px;
	border: 1px solid #a2d0e5;
	background-color: #FFFFFF;
	border-radius:3px;
	box-sizing: border-box;
	outline: none;
}
.TextBox:focus{
	/*background-color: #fff;*/
	border: 1px solid #00547b;
	outline: none;
}
.LoginTextBox{
	padding:10px 5px;
	border: 1px solid #89c1db;
	background-color: #fff;
	background-image: linear-gradient(#d2f1ff, #fff);
	 	background-image: -webkit-linear-gradient(#d2f1ff, #fff);
	 	background-image: -moz-linear-gradient(#d2f1ff, #fff);
	 	background-image: -o-linear-gradient(#d2f1ff, #fff);
	 	background-image: -ms-linear-gradient(#d2f1ff, #fff);		
	border-radius:5px;
	box-sizing: border-box;
	outline: none;
}
.LoginTextBox:focus{
	/*background-color: #fff;*/
	border: 1px solid #004f74;
	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+ */
::placeholder{	
	font-family: 'Open Sans', sans-serif;
	opacity:0.4;
	color:#000;	
	}
:-ms-input-placeholder{		
	font-family: 'Open Sans', sans-serif;
	opacity:0.7;
	color:#000;
}
.LoginTextBox::-webkit-input-placeholder,
.LoginTextBox::placeholder{
  color: #015780;
  opacity:0.7;
  font-style:normal;
  font-family: 'Open Sans', sans-serif;  
}
.LoginTextBox::-moz-placeholder{
  color: #015780;
  opacity:0.6;
  font-style:normal;
  font-family: 'Open Sans', sans-serif;  
}

.Login{
		margin-top:20%;	
		background-color: #c9edfe;
		background-image: linear-gradient(#fff 50%, #6fcffc);
	 	background-image: -webkit-linear-gradient(#fff 50%, #6fcffc);
	 	background-image: -moz-linear-gradient(#fff 50%, #6fcffc);
	 	background-image: -o-linear-gradient(#fff 50%, #6fcffc);
	 	background-image: -ms-linear-gradient(#fff 50%, #6fcffc);	
		border:5px solid #007bb5;		
		box-shadow:0px 0px 20px 0px #444;
		border-radius: 20px;
		box-sizing:border-box;		
	}

.panel1{
	border:1px solid #5c7b91;
	border-radius:5px;
	overflow:hidden;	
}
.panel1 .panel-heading{
	color:#fff;
	text-align:left;
	font-size:16px;
	padding:6px 10px;
	background-color:#074673;
}
.panel1 .panel-body{
	color:#000;
	text-align:left;
	font-size:13px;
	padding:6px 10px;
	background-color:#cae8fe;
}
.panel2{
	border:1px solid #a5bed5;
	border-radius:5px;
	overflow:hidden;	
}
.panel2 .panel-heading{
	color:#fff;
	text-align:left;
	font-size:16px;
	padding:6px 10px;
	background-color:#405467;
}
.panel2 .panel-body{
	color:#000;
	text-align:left;
	font-size:13px;
	padding:6px 10px;
	background-color:#ebebeb;
}
#style-6::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	height:10px;
}

#style-6::-webkit-scrollbar{
	width: 10px;
	background-color: #F5F5F5;
	height:10px;
}

#style-6::-webkit-scrollbar-thumb{
	background-color: #0070a4;	
	background-image: -webkit-linear-gradient(45deg,
	                                          rgba(255, 255, 255, .2) 25%,
											  transparent 25%,
											  transparent 50%,
											  rgba(255, 255, 255, .2) 50%,
											  rgba(255, 255, 255, .2) 75%,
											  transparent 75%,
											  transparent)
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
    padding-top:0px;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fff;
    margin:12% auto 12% auto; /* 5% from the top, 15% from the bottom and centered */
    border:none;
    max-width:600px; /* Could be more or less, depending on screen size */
	width:98%;
	padding:0px;
	box-sizing:border-box;
	box-shadow: 0px 0px 12px 0px #000;	
	-moz-box-shadow: 0px 0px 12px 0px #000;
	-webkit-box-shadow: 0px 0px 12px 0px #000;	
}
.modal-content-small {
    background-color: #fff;
    margin:12% auto 12% auto; /* 5% from the top, 15% from the bottom and centered */
    border:none;
    max-width:400px; /* Could be more or less, depending on screen size */
	width:98%;
	padding:0px;
	box-sizing:border-box;
	box-shadow: 0px 0px 12px 0px #000;	
	-moz-box-shadow: 0px 0px 12px 0px #000;
	-webkit-box-shadow: 0px 0px 12px 0px #000;	
}

/* The Close Button (x) */
.cross {
	color:#222;
    position: absolute;
    right: 5px;
    top:-5px;
	font-size:24px;
	font-weight:bold;   
}
.cross:hover,
.cross:focus {
    color: red;
    cursor: pointer;
}
/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)}
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)}
    to {transform: scale(1)}
}
@media screen and (max-width:1023px) {
.MediumText {FONT-SIZE:12px;}
.NormalText {FONT-SIZE:14px;}
.NormalTextBig {FONT-SIZE:16px;}
.Heading {FONT-SIZE:20px;}
.BiggerText {FONT-SIZE:26px;}
.LargeText {FONT-SIZE:36px;}	
}
	
@media screen and (max-width:767px) {

}

@media screen and (max-width:639px) {
body {FONT-SIZE: 13px;}
.BiggerText {FONT-SIZE:24px;}
.LargeText {FONT-SIZE:32px;}
.LoginTextBox{
	padding:7px 3px;	
}
}

@media screen and (max-width:479px) {
body {FONT-SIZE: 12px;}
.MediumText {FONT-SIZE: 11px;}
.NormalText {FONT-SIZE: 13px;}
.NormalTextBig {FONT-SIZE: 14px;}
.Heading {FONT-SIZE:18px; }
.BiggerText {FONT-SIZE: 22px;}
.LargeText {FONT-SIZE: 30px;}
.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) {
.BiggerText {FONT-SIZE: 20px;}
.LargeText {FONT-SIZE: 28px;}
}