@import url('https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300');

/*font-family: 'Open Sans', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;*/
/*Reset Css*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*Main CSS Start*/

 
body{
background:none;
padding:0px;
margin:0px;
font-size:14px;
font-family: 'Open Sans', sans-serif;
}

.header-block{
	background:#ffffff;
	color:#353d43;
	height:60px;
	line-height:60px;
	
}
/*Header*/

header *{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	
}

header{
	height: 90px;
	width: 100%;
	position: relative;
	background-color: white;
	box-shadow: 0px 2px 5px rgba(0,0,0,.4);
	z-index:99999 !important;
}
.applogo{
	width: 200px;
	display: block;
	margin: 0 auto;
	padding-top: 5px;
}
.head{
	position: absolute;
	top: 21px;
	right: 50px;
}
.head .tile{
	display: inline-block;
	height: 50px;
	width: 50px;
	margin-left: 5px;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.head .tile.socialmedia{
	color: #0b253e;
	font-size: 50px;
	text-align: center;
	line-height: 50px;
	position: relative;
	top: -6px;
}
header.clicked .head .tile.socialmedia{
	color: white;
}
.head .burger{
	margin-left: 25px;
	padding: 5px;
	cursor: pointer;
	background-color: transparent;
}
.meat{
	
	height: 40px;
	width: 40px;
	position: relative;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
header.clicked .head .burger .meat{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
.meat .line{
	 
	height: 4px;
	width: 40px;
	background-color: #0062cc;
	border-radius: 3px;
	position: absolute;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
}
.meat .line.one{top: 5px; left: 0px;}
.meat .line.two{top: 18px; left: 0px;}
.meat .line.three{top: 31px; left: 0px;}

header.clicked .burger .line{
	background-color: white;
}
header.clicked .burger .line.one{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	top: 18px;
}
header.clicked .burger .line.two{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	top: 18px;
}
header.clicked .burger .line.three{
	opacity: 0;
}
header.clicked .burger:hover .meat{
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}


#footer {
    background:#0062cc;
    color: #ffffff;
	position:fixed;
	bottom:0px;
	width:100%;
	height:60px;
	line-height:60px;
	margin:0px;
}

 
.nav-modal{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100vh;
	visibility: hidden;
	opacity: 0;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	pointer-events: none;
}
header.clicked .nav-modal{
	visibility: visible;
	opacity: 1;
	pointer-events: initial;
}

.nav-modal .blob{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin: 0 auto;
	background-color: #0b253e;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transition: all .3s ease-in;
}
header.clicked .nav-modal .blob{
	width: 100vw;
	height: 100vh;
	border-radius: 0px;
}

nav{
	position: fixed;
	left: 20%;
	top: 100px;
	color: white;
}
nav a{
	color: white;
	text-decoration: none;
	font-family: sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
}
nav ul li{
	list-style: none;
	text-align: right;
	border-right: 6px solid #49ab48;
	padding-bottom: 10px;
	padding-right: 10px;
	position: relative;
}
nav{
	opacity: 0;
	transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-webkit-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
}
header.clicked nav{
	opacity: 1;
}

nav ul li ul{
	position: absolute;
	right: -300px;
	top: -4px;
	display: none;
}
nav ul li ul li{
	border: none;
	padding-bottom: 10;
	padding-left: 10px;
	height: 50px;
	width: 300px;
}
nav ul li ul li a{
	display: block;
	height: 50px;
	font-size: 20px;
	text-align: left;
	padding: 10px;
}
nav ul li.selected ul{
	display: block;
}

nav ul li.notselected a{
	opacity: .5;
}
nav ul li.selected ul li a{
	opacity: 1;
}

a:focus, a:hover {
    color: #248bcb;
    text-decoration: none;
}



@media screen and (max-width:820px){
	.timlogo{margin-left: 50px;}
}
@media screen and (max-width:580px){
	.timlogo{width: 130px; padding-top: 30px;}
	nav ul li a{
		font-size: 16px;
	}
	nav ul li ul{
		top: -9px;
	}
	nav ul li ul li{
		height: 40px;
	}
	nav ul li ul li a{
		font-size: 16px;
		height: 40px;
	}
}
@media screen and (max-width:500px){
	.timlogo{display: none;}
}
@media screen and (max-width:320px){
	header .head .tile.socialmedia{
		display: none;
	}
}
/*Login/Register*/
#login-section{
	background:none;
}
.login-container{
    margin-top: 5%;
    margin-bottom: 5%;
}
.login-form{
    padding: 5%;
	border-radius:15px;
	background:rgba(53,61,67,0.9);
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.login-form h3{
    text-align: center;
    color: #333;
}
.reg-from{
	 
	margin-left:-5%;
	margin-top:4.4%;
    padding: 5%;
    background: #0062cc;
    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}
.reg-from h3{
    text-align: center;
    color: #fff;
}
.login-container form{
    padding: 5%;
}
.btnSubmit
{
	height:50px;
    width: 49%;
    border-radius: 1rem;
    padding: 1.5%;
    border: none;
    cursor: pointer;
}
.btnSignup
{
	height:50px;
    width: 49%;
    border-radius: 1rem;
    padding: 1.5%;
	line-height:30px;
    border: none;
    cursor: pointer;
	text-align:center;
}
.login-form .btnSubmit{
    font-weight: 600;
    color: #fff;
    background-color: #0062cc;
}
.login-form .btnSignup{
    font-weight: 600;
    color: #fff;
    background-color: #449d44;
}
.reg-from .btnSubmit{
    font-weight: 600;
    color: #0062cc;
    background-color: #fff;
}
.reg-from .btnSignup{
    font-weight: 600;
    color: #449d44;
    background-color: #fff;
}
.reg-from .ForgetPwd{
    color: #42a934 !important;
    font-weight: 600;
    text-decoration: none;
	 
}
.reg-from .ForgetPwd{
    color: #42a934 !important;
    font-weight: 600;
    text-decoration: none;
	 
}
.form-header-txt{
	color:#ffffff !important;
	font-size:26px !important;
	text-align:left !important;
	border-left:5px solid #42a934;
	padding:0px 10px;
	
}
.form-rounded {
-webkit-border-radius: 1rem;
-moz-border-radius:1rem;
border-radius: 1rem;
padding:1rem;
height:50px;
}
.form-rounded-inner{
-webkit-border-radius: 1rem;
-moz-border-radius:1rem;
border-radius: 1rem;
padding:0.5rem;
height:40px;
}

a.color-green{color:#42a934 !important;font-weight:600;}
.block-setting{
	display:block;
	width:100%;
	 
	}
	.block-setting a{
		color:#ffffff;
	}
	.block-setting>.icon-block>i{
		width:100%;
		text-align:center;
		line-height:70px;
		color:#ffffff;
	    display:block;
		background:rgba(5,113,230,0.6);
		height:70px;
	}
	.block-setting>.text-block{
		width:100%;
		text-align:center;
		line-height:70px;
		color:#ffffff;
		 display:block;
		height:70px;
		font-size:1rem;
		 
	}
.block1{background:#0358b5;}
.block2{background:#024e9f;}
.block3{background:#02458d;}

/*Login Block padding*/
.login-block-setting{padding:10%;}
.absolute-center {
  margin: auto;
  position: absolute;
  top: 25%; left: 0; bottom: 0; right: 0;
}

/*Checkbox CSS*/
 

.checkbox {
  position: relative;
  margin-bottom: 20px;
}

.checkbox label {
  padding-left: 30px;
  padding-top: 5px;
 font-size:14px !important;
  color:#ffffff;
}

.checkbox input {
  top: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  position: absolute;
}

.checkbox input:checked + .input-helper:before {
  border-color: #f48b02;
}

.checkbox .input-helper:before,
.checkbox .input-helper:after {
  position: absolute;
  content: "";
  transition: all 200ms;
}

.checkbox .input-helper:before {
  left: 0;
  border: 2px solid #7a7a7a;
}

.checkbox input {
  width: 25px;
  height: 25px;
}

.checkbox input:checked + .input-helper:before {
  background-color: #f48b02;
}

.checkbox input:checked + .input-helper:after {
  transform: scale(1);
  opacity: 1;
}

.checkbox .input-helper:before {
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 0px;
  color: #fff;
}

.checkbox .input-helper:after {
  content: '\2713';
  font-size: 20px;
  left: 4px;
  top: 3px;
  color: #fff;
  transform: scale(0);
  opacity: 0;
  font-weight:bold;
}
/*label_setting*/
.label_setting{
	width:100%;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	padding-top:10px;
	font-size:13spx;
	
}
 .form-control {
    display: block;
    width: 100% !important;
    height: 34px;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
	
    background-color: #fff;
    background-image: none;
    border: 1px solid #888888;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
/*.styled-checkbox {
  position: absolute;
  opacity: 0;
}
.styled-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
color:#ffffff;
}
.styled-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 20px;
  height: 20px;
  background: #dddddd;;
}
.styled-checkbox:hover + label:before {
  background: #f35429;
}
.styled-checkbox:focus + label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}
.styled-checkbox:checked + label:before {
  background: #f35429;
}
.styled-checkbox:disabled + label {
  color: #b8b8b8;
  cursor: auto;
}
.styled-checkbox:disabled + label:before {
  box-shadow: none;
  background: #ddd;
}
.styled-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  background: white;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

 
.unstyled {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

li {
  margin: 20px 0;
}

.centered {
  width: 300px;
  margin: auto;
}*/

.title {
  text-align: center;
  color: #4571ec;
}
.text-red {
    color:maroon !important;
}
.text-blue {
    color:#0062cc !important;
}
.text-dark-gray {
    color:#353d43 !important;
}
.text-black {
    color:#000000 !important;
}

.forgot-password-div-setting{
padding-top:15px;padding-right:10px;
font-size:16px;
	
}

/*Modal Dialog Styling*/

.modal-header{
    padding:15px;
	background:rgba(53,61,67,1);
	color:#ffffff;
	font-size:16px;
	display:block;
	border-top-left-radius:0px !important;
	border-top-right-radius:0px !important;
    border-bottom: 0px;
}
.btn{
	border-radius:0px;
}
.form-label{
	padding-bottom:7px;padding-left:5px;
	font-weight:bold;
	color:#434a4f;
}
.modal-body{
	background:#f1f1f1;
	padding:10px;
}
.modal-footer{
	 padding:10px;
	background:rgba(53,61,67,1);
	color:#ffffff;
	font-size:16px;
	display:block;
	border-top-left-radius:0px !important;
	border-top-right-radius:0px !important;
    border-bottom: 0px;
}
	input[type="button"],input[type="submit"] {

             outline:none;
            border: none;

        }
		
		
/*CSS Cards*/	
 .card {
   
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.2);
  transition: 0.2s;
   
}

.card h3 {
  padding: 2px;
  margin: 8px 0;
 
}

.card:hover {
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.2);
}

.card .container {
  padding: 2px 14px;
}

.card p {
  margin: 14px 0;
}

/*Body Style*/
.gray-bg{background:#efefef;}
.ice-bg{background:#e7f3ff;}
.maroon-text{color:maroon !important;font-size:10px;}
.bg-white{background:#ffffff;}
.container-setting{margin-top:80px;min-height:768px;margin-bottom:140px;}
.reset-row{padding:0px;margin:0px;}
.page-title{
	color:#ffffff;
	background:#31383d;
	font-size:24px;
	letter-spacing:1px;
	text-align:left;
	padding:15px;
}
.block-title{
	color:#0062cc;
	font-weight:bold;
	background:#c2d7ed;
	font-size:16px;
	letter-spacing:1px;
	margin-bottom:10px;
	text-align:left;
	padding:15px;
}
.font-awesome-icon-block{
	background:#8bc334;
	width:40px;
	height:40px;
	padding:3px 10px;
	margin-right:10px;
	color:#ffffff;
	
}
.align-center{margin:0 auto;}
.infoicon{
	background:#fb9715;
	color:#ffffff;
	height: 18px;
	width: 18px;
	line-height:18px;
	text-align:center;
	border-radius: 50%;
	display: inline-block;
	margin-left:5px;
	font-weight:bold;
}