*{
	box-shadow: none;
	outline: 0px;
	font-family: 'Quicksand', sans-serif;
}
*:focus,*:active{
	outline: 0 !important;
}
*::selection{
	background: #000000;
	color: #ffffff;
}
body{
	padding-top:60px;
	background: #dedede;
}
.navbar.navbar-default{
	border: none;
	background: #396afc;
  	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.navbar.navbar-default .navbar-brand{
	color: #ffffff;
	font-weight: 100;
	margin-top: -10px;
}
.navbar.navbar-default .navbar-brand:focus, .navbar.navbar-default .navbar-brand:hover{
	color: #ffffff;
}
.navbar.navbar-default .navbar-nav>.active>a, .navbar.navbar-default .navbar-nav>.active>a:focus, .navbar.navbar-default .navbar-nav>.active>a:hover{
	border: none;
	background: transparent;
	color: #ffffff;
}
.navbar.navbar-default .navbar-text{
	color: #ffffff;
	padding-right: 10px;	
}
.navbar.navbar-default .navbar-nav>li>a, .navbar.navbar-default .navbar-nav>li>a:focus, .navbar.navbar-default .navbar-nav>li>a:hover{
	color: #ffffff;
}
.navbar.navbar-default .navbar-nav>.open>a, .navbar.navbar-default .navbar-nav>.open>a:focus, .navbar.navbar-default .navbar-nav>.open>a:hover{
	background: none;
}
.navbar.navbar-default .navbar-nav>li>.dropdown-menu{
	border: none;
	border-radius: 2px;
	background: #396afc;
}
.dropdown-menu>li>a{
	color: #ffffff;
}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:active{
	color: #396afc;
	background: #ffffff;
}
.card{
	background: #ffffff;
	border-radius: 2px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.card .card-content{
	padding: 10px;
}
.card .card-footer{
	padding: 10px;
}
.btn{
	border: none;
	border-radius: 2px;
	font-weight: 300;
	text-transform: uppercase;
	padding:10px 20px;
}
.btn:focus,.btn:active{
	outline: 0px !important;
	box-shadow: none;
}
.btn-default{
	background: none;
}
.btn-primary{
	background: #9c27b0;
}
.btn-primary:focus,.btn-primary:active,.btn-primary:hover{
	background-color: #7B1FA2;
}

.btn-info{
	background: #2196f3;
}
.btn-info:focus,.btn-info:active,.btn-info:hover{
	background-color: #03a9f4;
}

.btn-warning{
	background: #2196f3;
}
.btn-warning:focus,.btn-warning:active,.btn-warning:hover{
	background-color: #03a9f4;
}
.title{
	font-weight: 300;
	letter-spacing: 0.1em;
	font-size: 20px;
}
.preloader{
	position: fixed;
	display: none;
	top: 10px;
	left: 250px;
	z-index: 1031;
	border: 2px solid #ffffff; /* Light grey */
    border-top-color: transparent; /* Blue */
    border-right-color: transparent; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 0.5s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
fieldset{
	margin-top: 20px;
}
.form-group {
	position: relative;
	padding-bottom: 20px;
}
.form-group .form-control, .bootstrap-tagsinput{
	border: none;
	box-shadow: none;
	cursor: pointer;
	border-radius: 0px;
	position: relative;
	z-index: 2;
	background: transparent;
	border-bottom: 1px solid #dedede;
	transition: border 0.5s cubic-bezier(.25,.75,.5,1.25);
}
.form-group label{
	color: #aeaeae;
	font-weight: 600;
	position: absolute;
	letter-spacing: 0.1em;
	top: 10px;
	transition: all 0.5s cubic-bezier(.32,2,.55,.27);
	z-index: 1;
	left: 5px;
}
.form-group .form-control:focus,.form-group .form-control:active{
	border-color: #396afc;
	transition: all 0.5s cubic-bezier(.25,.75,.5,1.25);
}
.form-group .form-control:focus ~ label ,.form-group .form-control:active ~ label{
	color:#396afc;
	transition: all 0.5s cubic-bezier(.32,2,.55,.27);
	top: 35px;
}
.form-group .form-control ~ span.help-block{
	transition: all 0.5s cubic-bezier(.32,2,.55,.27);
	margin-top: 0px;
}
.form-group .form-control:focus ~ span.help-block,.form-group .form-control:active ~ span.help-block{
	transition: all 0.5s cubic-bezier(.32,2,.55,.27);
	margin-top: 15px;
}
.input-filled ~ label{
	transition: all 0.5s cubic-bezier(.32,2,.55,.27);
	top: 35px;
}
.form-group.has-error .form-control:focus,.form-group.has-error .form-control:active,.form-group.has-success .form-control:focus,.form-group.has-success .form-control:active,
.form-group.has-warning .form-control:focus,.form-group.has-warning .form-control:active,.form-group.has-info .form-control:focus,.form-group.has-info .form-control:active{
	box-shadow: none;
}
/* Error */
.form-group.has-error .form-control{
	border-color: #F44336;
}
.form-group.has-error .form-control ~ label{
	color: #F44336;
}
/* Success */
.form-group.has-success .form-control{
	border-color: #4caf50;
}
.form-group.has-success .form-control ~ label{
	color: #4caf50;
}

/* Warning */
.form-group.has-warning .form-control{
	border-color: #ff9800;
}
.form-group.has-warning .form-control ~ label{
	color: #ff9800;
}
/* Info */
.form-group.has-info .form-control{
	border-color: #9c27b0;
}
.form-group.has-info .form-control ~ label{
	color: #9c27b0;
}
.form-group.has-error .form-control-feedback{
	color: #F44336;
}
.form-group.has-error .form-control-feedback.fa{
	margin-top: 14px;
	font-size: 18px;
}
.login-card{
	margin-top: 100px;
}
.card-preloader{
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	width: 2px;
	height: 100%;
}

.card-preloader:after{
	content: "";
	position: absolute;
	width: 100%;
	top: -5px;
	height: 2px;
	background: #396afc;
	animation: CardPreloader 1.5s linear forwards infinite;
}
 @keyframes CardPreloader{
 	0%{height:0%;top: -25%;}
 	25%{height:25%;top:0%;}
 	50%{height:70%;top:0%;}
 	75%{height:5%;top:100%;}
 	100%{height:10%;top:100%;}
 }
 .icon{
 	vertical-align: middle;
 }
 .snackbar{
 	position: fixed;
 	bottom: 20px;
 	right: 30px;
 	visibility: hidden;
 	color: #ffffff;
 	background: rgb(35, 34, 33);
 	border-radius: 2px;
 	width: 25%;
 	z-index: 9000;
 	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
 	padding: 15px;
 }
 .snackbar.show{
 	visibility: visible; 
 	animation: SnackbarAnimation 1s, SnackbarAnimationOut 1s 2.5s ease-in-out forwards;
 }
 @keyframes SnackbarAnimation{
 	0%{bottom:-20%;}
 	100%{bottom:20px;}
 }

 @keyframes SnackbarAnimationOut{
 	0%{bottom:20px;}
 	100%{bottom:-20%;}
 }
 @keyframes SnackbarAnimationRes{
 	0%{bottom:-20%;}
 	100%{bottom:0px;}
 }

 @keyframes SnackbarAnimationOutRes{
 	0%{bottom:0px;}
 	100%{bottom:-20%;}
 }
.snackbar-preloader{
	position: relative;
	float: right;
	border: 2px solid #396afc; 
    border-top-color: transparent; 
    border-right-color: transparent;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 0.5s linear infinite;
}
.white-preloader{
	position: relative;
	float: right;
	border: 2px solid #ffffff; 
    border-top-color: transparent; 
    border-right-color: transparent;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 0.5s linear infinite;
}
@media(max-width: 769px){
	.snackbar{
		width: 100%;
		left: 0;
		bottom: 0;
		border-radius: 0px;
 		animation: SnackbarAnimationRes 1s, SnackbarAnimationOutRes 1s 2.5s ease-in-out forwards;
	}
	body {
		padding-top: 120px;
	}
	.login-card{
		margin-top: 10%;
	}
	.secmenu.nav>li{
		float: left;
		color: #ffffff;
		position: static;
	}
	.secmenu.nav .open .dropdown-menu>li>a,.secmenu.nav .open .dropdown-menu>li{
		color: #ffffff;
	}
	.secmenu.navbar-nav .open .dropdown-menu{
	    left: 0;
	    width: 100%;
	    border-radius: 0px;
	    position: absolute;
		background: #396afc;
		box-shadow: none;
		border: none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{
		color: #ffffff;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{
		color: #ffffff;
	}
}
a{
	color: #396afc;
	font-weight: 600;
}
a:hover,a:active,a:focus{
	text-decoration: none;
}
.fournotfour-content{
	text-align: center;
}
.fournotfour{
	font-size: 40vmin;
	font-weight: 100;
}
.fa-spin-reverse{
	animation-direction: reverse;
}
.progress-small{
	height: 5px;
}
.progress-bar-success{
	background: #009688;
}
.progress-bar-info{
	background: #03A9F4;
}
.progress-bar-warning{
	background: #FF9800;
}
.progress-bar-danger{
	background: #F44336;
}
.btn-sm{
	padding:2px 10px;
	font-size: 12px;
}
.nav-badge{
	margin-top: -10px;
	margin-left: -4px;
}
div.dataTables_wrapper div.dataTables_filter{
	display: none;
}
.pagination li a{
	margin-right: 5px;
	width: 30px;
	height: 30px;
	padding: 0;
	text-align: center;
	line-height: 30px;
	color: #396afc;
	font-weight: 600;
	border-radius: 50%;
}
.pagination li.previous a, .pagination li.next a{
	border:1px solid #396afc;
	width: 80px;
	height: 30px;
	border-radius: 20px;
	box-shadow: none;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #396afc;
    border-color: #396afc;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
    outline: none !important;
 }
 .table-actions{
 	margin-right: 15px;
 }
 .navbar-default .navbar-toggle{
 	border: none;
 	float: left;
 }
 .navbar-default .navbar-toggle .icon-bar{
 	background: #ffffff;
 }
 .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
 	background: transparent;
 }
 .navbar-default .navbar-collapse, .navbar-default .navbar-form{
 	border: none;
 	box-shadow: none;
 }
 .navbar-nav{
 	border: none;
 }
.dtp>.dtp-content>.dtp-date-view>header.dtp-header,.dtp div.dtp-date, .dtp div.dtp-time{
	background-color: #396afc;
}
.dtp-select-month-after .material-icons,.dtp-select-month-before .material-icons,.dtp-select-year-after .material-icons,.dtp-select-year-before .material-icons{
	color: #ffffff;
}
.dtp table.dtp-picker-days tr>td>a.selected{
	background-color: #396afc;
}

.alert{
	border:none;
	border-radius: 2px;
	color:#ffffff;
}
.login-card .alert{
	border-bottom-left-radius: 0px;
	text-align: center;
	padding: 2px;
	border-bottom-right-radius: 0px;
}
.alert.alert-success{
	background-color: #4CAF50;
}
.alert.alert-info{
	background-color: #03A9F4;
}
.alert.alert-warning{
	background-color: #FF9800;
}
.alert.alert-danger{
	background-color: #F44336;
}
label {
    user-select: none;
}
input[type=checkbox], input[type=radio] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: 2px;
    overflow: hidden;
    font-weight: 100;
    position: absolute;
    width: 1px;
}

input[type=checkbox]~label:before, input[type=radio]~label:before {
    font-family: Ionicons;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 10px;
    font-size: 1.1em;
    content: "\f3a6";
    color: #9e9e9e;
}
input[type=checkbox]~label:before {
    content: "\f372";
}
input[type=checkbox]:checked~label, input[type=checkbox]:focus~label, input[type=checkbox]:focus~label:before, input[type=radio]:checked~label, input[type=radio]:focus~label, input[type=radio]:focus~label:before {
    color: #396afc;
}
input[type=checkbox]:checked~label:before, input[type=radio]:checked~label:before {
    content: "\f3a7";
    color: #396afc;
}
input[type=checkbox]:checked~label:before {
    content: "\f373";
    color: #396afc;
}
.login-page-body:before{
	content: "";
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	display: block;
	background-color: black;
	background: url('https://doctorsacademy.org/assets/images/banner/1.jpg');
	background-size: cover;
	background-position: center right;
	background-repeat: no-repeat;
	background-attachment: fixed;
	width: 100%;
	height: 100%;
	background-size: cover;

}
.secmenu.nav .open .dropdown-menu>li>a, .secmenu.nav .open .dropdown-menu>li{
	color: #ffffff;
}
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    background-color: #396afc;
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-top: -1px;
}
.pointer{
	cursor: pointer;
}
.input-group .form-control:focus ~ .input-group-btn .btn{
	border-color: #396afc;
	transition: all 0.5s cubic-bezier(.25,.75,.5,1.25);
	color: #396afc;
}
.input-group-btn .btn{
	transition: all 0.5s cubic-bezier(.25,.75,.5,1.25);
	width: 30px;
	border-radius: 0px;
	margin-top: 3px;
	padding: 5px;
	border: none;
	border-bottom: 1px solid #dedede;
}
.input-group-btn .btn .material-icons{
	font-size: 17px;
}