@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url("../plugins/bootstrap-modal/css/bootstrap-modal-bs3patch.css");
@import url("../plugins/bootstrap-modal/css/bootstrap-modal.css");
body {
    font-family: 'Roboto', sans-serif!important;
    line-height: 21px;
    color: #636e7b;
}
.fc-header-title h2 {
  color: #666666;
  font-family: Century Gothic,CenturyGothic,AppleGothic, sans-serif !important;
  font-weight: 200;
  letter-spacing: -1px;
}

body.lock-screen .user-info h1 {
  color: #666666;
  font-family: Century Gothic,CenturyGothic,AppleGothic, sans-serif !important;
  font-size: 30px;
  font-weight: 300;
  line-height: 32px;
  margin-top: 0;
}

.lsub{
	border-top:1px; 
	padding:20px!important;
	
}

.core-box .core-content {
  margin-left: 42%;
  min-height: 80px;
}
/* line 69, ../sass/partials/_panels.scss */
.core-box .heading {
  font-size: 12px;
}
/* line 72, ../sass/partials/_panels.scss */
.core-box .title {
  font-size: 20px;
  line-height: 10px;
  margin-bottom: 0;
  font-weight: 400;
}
/* line 78, ../sass/partials/_panels.scss */
.core-box .subtitle {
  font-size: 14px;
  filter: alpha(opacity=80);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}
/* line 82, ../sass/partials/_panels.scss */
.core-box .content {
  line-height: 10px;
  margin-bottom: 5px;
  position: relative;
  padding-left: 70px;
}
/* line 87, ../sass/partials/_panels.scss */
.core-box .content .fa {
  font-size: 50px;
  left: 0;
  top: 0;
  position: absolute;
  width: 40px;
}
/* line 95, ../sass/partials/_panels.scss */
.core-box .view-more {
  float: right;
}
/* line 97, ../sass/partials/_panels.scss */
.core-box .view-more i {
  display: inline-block;
}

.padding-20 {
  padding: 10px !important;
}
.core-box .core-icon {
  width: 42% !important;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.nopadding {
   padding: 5px !important;
   margin: 0 !important;
}
.panel {
    margin-bottom: 5px!important;    
}
.convas-container{
	margin-right:10px;	
	padding-right:10px;
}
h4 {
	font-size:1.1em!important;
}

/* Nav Bar Icons */
a .fa{
	font-size: 1.2em!important;
}

.btn-transparent-green,.btn-transparent-green > i {
  background: none;
  border-color: rgba(1,117,178,.5)!important;
  border-width: 1px;
  color: #08396e !important;
}

/* line 633, ../sass/partials/_buttons.scss */
.btn-transparent-green:hover, .btn-transparent-green:hover > i, .btn-transparent-green:focus, .btn-transparent-green:active, .btn-transparent-green.active {
  background-color: rgba(1,117,178,.8)!important;
  border-color: rgba(255, 255, 255, 0.8);
  color:#fff!important;
}

.space10 h3{
	font-size:1.2em!important;
}
.space10 h5{
	font-size:1.0em!important;
}
.fa-info-circle{
	color:blue!important;
}

.status-active{
	/* color:green; */
	background:green;
	color:#fff;
	padding:3px;
}
.status-inactive{
	/* color:red; */
	background:red;
	color:#fff;
	padding:3px;
}
.cstatus-active{
	color:green;
	font-size:2.0em!important;
}
.cstatus-inactive{
	color:red;
	font-size:2.0em!important;
}

.panel-black{
	background:#08396e !important;
	padding:10px;
	border-radius:3px;
}
.search-result{
	color:#fff;
	font-size:1.1em;
}


.partition-green{
	background:rgb(1,117,178)!important;/* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0b4b8f , #08396e )!important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0b4b8f , #08396e )!important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0b4b8f , #08396e )!important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0b4b8f , #08396e )!important; /* Standard syntax (must be last) */
}
.modified-sparkline-5{
	background: #08396e !important;/* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0b4b8f , #08396e )!important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0b4b8f , #08396e )!important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0b4b8f , #08396e )!important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0b4b8f , #08396e )!important; /* Standard syntax (must be last) */
	padding:0; 
	margin-left:-10px; 
	margin-right:-10px;
}
.fa-star{
	color:gold;
}
@media screen and (max-width: 480px) {
   .toolbar .navbar-right > li > a{
	  width: 60px!important;
	}
}
.removeMargin{
	margin-bottom: 0 !important;
}
.panel-white .clock .face, .partition-white .clock .face {
    background: rgba(255, 255, 255, 0);
    border: 2px solid #08396e !important;
}

.panel-white .clock #hour, .partition-white .clock #hour{
	background:#08396e !important;
}
.panel-white .clock #minute, .partition-white .clock #minute{
	background:#08396e !important;
}
.panel-white .clock #second, .partition-white .clock #second{
	background:#08396e !important;
}

.clock .face::after {
    background:#08396e !important;
}

.weather > i {
	color:#FFE87C;
}
.text-small{
	color:#08396e !important;
}
.partition-dark{
	background:rgb(1,117,178)!important;/* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0b4b8f  , #08396e )!important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0b4b8f  , #08396e )!important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0b4b8f  , #08396e )!important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0b4b8f  , #08396e )!important; /* Standard syntax (must be last) */
}
#myTab2 a{
	color:#fff!important;
}
.partition-dark .nav-tabs > li.active > a, .partition-dark .nav-tabs > li.active > a:hover, .partition-dark .nav-tabs > li.active a:focus {
    background-color: #0283c5!important;
    border: none;
    color: #ffffff;
}

.partition-dark .nav-tabs > li.active > a::after {
    border-top-color: #0283c5!important;    
}
.partition-dark .nav-tabs > li > a:hover, .partition-dark .nav-tabs > li a:focus {
    background-color: #0283c5!important;
}

.little4Divs {
	background:#08396e !important;/* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0b4b8f  , #08396e )!important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0b4b8f  , #08396e )!important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0b4b8f  , #08396e )!important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0b4b8f  , #08396e )!important; /* Standard syntax (must be last) */
	color:#fff!important;
}

.panel-white .text-light, .partition-white .text-light {
    color: #08396e !important;
}
.panel-white .text-light1, .partition-white .text-light1 {
    color: #fff!important;
}
h3 > span[class="text-small"]{
	color:#fff!important;
}

.inline-block .text-light{
    color: #08396e !important;
}
 
.height-180{
	height:280px!important;
}
/* .panel-scroll {
  height:auto!important;
  overflow:hidden!important;
} */ 

.middleText{
	color:#08396e  !important;
}

#pageslide-left .btn {
    color: rgba(44, 47, 59, 0.3)!important;
}
.user-options ,.log-out, .user-options  > i {
    color: rgba(44, 47, 59, 0.3)!important;
}
.user-options:hover >  i, .log-out:hover > i, .log-out:hover{
    color: rgba(44, 47, 59, 0.8)!important;
	transition: all 0.3s ease 0s !important;
}
.btn.status i {
  color: #75ab00!important;
}
/* line 213, ../sass/partials/layout-elements/_pageslideLeft.scss */
.btn.status.offline i {
  color: rgba(255, 255, 255, 0.3)!important;
}

/* 
.label-danger {
    background-color: #08396e !important;
} */
.label-primary{
	background:rgb(1,117,178)!important;/* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0b4b8f  , #08396e )!important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0b4b8f  , #08396e )!important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0b4b8f  , #08396e )!important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0b4b8f  , #08396e )!important; /* Standard syntax (must be last) */
}
.btn-primary{
	border:1px solid #08396e !important;
	background:rgb(1,117,178)!important;/* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0b4b8f  , #08396e )!important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0b4b8f  , #08396e )!important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0b4b8f  , #08396e )!important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0b4b8f  , #08396e )!important; /* Standard syntax (must be last) */
}

.btn-primary, .btn-primary:hover{
	color:#fff!important;
}
.btn-primary > i, .btn-primary:hover > i {
	color:#fff!important;
}
.white-text{
	color:#fff!important;
}


#equalMe{
	height:430px !important;
}

@media screen and (max-width: 480px) {
	#equalMe { 
		height:auto !important;
	}
}
@media screen and (max-width: 768px) {
	#equalMe { 
		height:auto !important;
	}
}
@media screen and (max-width: 480px){
	#equalMe {
		height: auto !important;
	}
}
@media screen and (max-width: 768px) {
	#equalWith { 
		height:auto !important;
	}
}
@media screen and (max-width: 768px) {
	#equalWith { 
		height:auto !important;
	}
}

.equalForthRow{
	margin-top:5px!important;	
}

.small-mobi-inside{
	 margin-left:37%!important;
}
@media screen and (max-width: 480px){
	.small-mobi{
		width:45%!important;
	}
	.small-mobi-inside{
	 margin-left:42%!important;
	}
}

@media screen and (max-width: 480px){
	.on-mobile{
		height:auto!important;
	}
}
.make-big{
	height:94px!important;
}

#userTypePercentage{
	height:320px!important;
	margin-top:-10px!important;
}

@media screen and (max-width: 480px) {
	#userTypePercentage{
		height:auto!important;
		margin:auto!important;
	}
}

@media screen and (max-width: 768px) {
	#userTypePercentage{
		height:auto!important;
		margin:auto!important;
	}
}
.membershipTable > tbody > tr > td{
    border:none!important;
}

.heading{
	font-size:1.8em!important;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
	
	#overlayStatus{
		width:100%!important;
		height: 59%!important;		
	}
	#overlayLog{
		width:100%!important;
		height: 59%!important;
	}
	#overlayActivity{
		width:100%!important;
		height: 59%!important;
	}	
}
#overlayStatus{
	position: fixed;
	visibility: hidden;
	left: 50%;
	top: 45%;
	background:none;
	transform: translate(-50%, -50%); /* Yep! */
	width: 48%;
	height: 59%;
	z-index:9999990;
}
#overlayLog{
	position: fixed;
	visibility: hidden;
	left: 50%;
	top: 45%;
	background:none;
	transform: translate(-50%, -50%); /* Yep! */
	width: 48%;
	height: 59%;
	z-index:9999990;
}
#overlayActivity{
	position: fixed;
	visibility: hidden;
	left: 50%;
	top: 45%;
	background:none;
	transform: translate(-50%, -50%); /* Yep! */
	width: 48%;
	height: 59%;
	z-index:9999990;
}
/*
body.login .box-login, body.login .box-forgot, body.login .box-register {
    border-radius: 0px!important;
}
 
#login{
	border-radius:0px!important;
} */

.pen{
	font-size:1.5em!important;
	color:rgba(1,117,178, 0.7);//#08396e ;
}
.pen:hover{
	color:#08396e ;
}
@media screen and (max-width: 480px) {
	.myList{
		padding: 0!important;
		list-style-type: none!important;
	}
}
.dicease{
	background:whitesmoke;
	padding:10px;
	display:inline-block;
	font-size:1.0em;
	width:auto;
	font-weight:bold;
	margin:5px 5px 5px 5px;
}



/* Ortho Simulator */

.osm{
	padding:21px;
	font-size:1.2em;
	background:rgba(159, 197, 248, 1);
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	margin-top:0px;
	color:#000;
}


#profit{
	background: rgba(89, 126, 170, 1);
	padding-top:10px;
	padding-bottom:70px;
	padding-left:10px;
	padding-right:10px;
}

#total{
	background: rgba(8, 83, 148, 1);
	padding-top:10px;
	padding-bottom:70px;
	padding-left:10px;
	padding-right:10px;
}

#cost{
	background: rgba(7, 55, 99,1);
	padding-top:10px;
	padding-bottom:70px;
	padding-left:10px;
	padding-right:10px;
}
.inside{
	background: rgba(255,255, 255, 1);
	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:15px;
}

#month-div{
	background:rgba(43, 120, 228, 1);
	padding:20px;
	font-size:1.2em;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	color:#000;
}

.simulator-title{
	font-size:2em;
	color:#fff;
}


.inside-tilte{
	color:#000;
	font-size:1.2em;
}


.osm-input{
	height:64px!important;
	background:#e9e9e9!important;
}

#adon1{
	background:#e9e9e9!important;
	border-radius:0px!important;
	color:#8B91A0;
	border:1px solid #e9e9e9;
}
#adon2{
	background:#e9e9e9!important;
	border-radius:0px!important;
	color:#8B91A0;
	border:1px solid #e9e9e9;
}
#adon3{
	background:#e9e9e9!important;
	border-radius:0px!important;
	color:#8B91A0;
	border:1px solid #e9e9e9;
}



/* End Orto Simulator */





/* Professor Profile */
.icon{
	font-size:1.5em!important;
	color:#8B91A0;
}
.profile-div{
background-color: #fff;
height:56px;
line-height:30px;
padding:15px;
}
.profile-bdiv{
font-weight:bold!important;
background-color:#fff;
color:#fff!important;/*rgb(1,117,178) !important;*/
height:20%;
padding:2px;
border-radius:3px;
}
.pfFirst{
	margin-top:-4px;
}
@media screen and (max-width:480px){
	.pfFirst{
		margin-top:5px;
	}
}
.accepted_plan{
	background:whitesmoke;
	border-radius:0px!important;
}

.fixed-panel {
  min-height: 100px;
  max-height: 200px;
  overflow-y: scroll;
}


.chart-legend li span{
   display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
	
}
.chart-legend li{
    display: inline-block;
	list-style:none;
	margin-right: 20px;
}
.chart-legend-small li:nth-child(1) span{
   display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
	margin-top: 10px;
	background-color:rgba(31,174,206,0.4)!important;	
}
.chart-legend-small li:nth-child(2) span{
   display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    margin-top: 10px;
	background-color:rgba(220,220,220,0.5)!important;	
}
.chart-legend-small li{
	display: inline-block;
	list-style:none;
	margin-right: 10px;
	color:#000!important;
}

.p_options{
	background:#2b78e4;
	padding:5px;
	margin-top:10px;
	margin-bottom:10px;
	color:#fff;
	font-size:1.2em;
}
a[class="option"]:hover i{
	background:#08396e ;
}
.make{
	width:30%;
}
.make2{
		width:60%;
	}
@media screen and (max-width: 480px) {
	.make{
		width:50%;
	}
	.make2{
		width:30%;
	}
}
/* END Professor Profile */
/* Patient Profile */
	

	.dentalPlanHidden{
		visibility:hidden;
	}
	
	.dentalPlanVisible{
		visibility:visible;
	}
/* END Patient Profile */



.MyToolbar > i{
	font-size:2.5em!important;	
	color:#8B91A0!important;
}
.MyToolbar {
	padding-bottom:25px!important;
}

@media screen and (max-width: 480px) {
	.MyToolbar > i{
		font-size:2.0em!important;	
	}
	.MyToolbar {
		padding-bottom:15px!important;
	}
}
.myIco{
	font-size:1.2em!important;
}
.icon_ap{
	font-size:2.2em!important;
}



.fc .fc-button-group > * {
    
    margin: 5px!important;
}

.event-job{
	color:#fff!important;
	background-color:red!important;
}

.doc_photo{
	width:100%;
	height:235px;
}
.myNav{
	margin-left:30px!important;
}
.sItem{
	margin:0px 5px 0px 5px;
}
@media screen and (max-width: 480px) {
	.doc_photo{
		width:100%;
		height:140px;
	}
	.myNav{
		margin-left:auto!important;
	}
	.sItem{
		margin:0px 0px 0px 0px;
	}
}

.myNavButton{
	width:4%!important;
	padding-left:0px!important;
	padding-right:0px!important;
	margin-left:0px!important;
	margin-right:0px!important;
}
.mySlide{
	width:92%!important;
}
.myFirstLable2{
	margin-left:0px!important;
}
@media screen and (max-width: 480px) {
	
	.myGramPanel{
		margin:0px!important;
		padding:0px!important;
	}
	.myFirstLable2{
		margin-left:0px!important;
	}
}



#defectDescirption{
	//float: right;
	height:400px;
	right: 0;
	width:0%;
	position:absolute;
	margin:0px;
	padding:0px;
	background:#eeeeee;
	opacity:0.9;
	overflow:hidden;
}

#defectDescirptionMobile{
	//float: right;
	height:200px;
	right: 0;
	width:0%;
	position:absolute;
	margin:0px;
	padding:0px;
	background:#eeeeee;
	opacity:0.9;
	overflow:hidden;
}
.myHover{
	background-repeat:no-repeat!important;
	
}
.teeth{
	display:inline-block; 
	margin:0px;
	padding:0px;
}


.indicationLable{
	background:#5cb85c;
	color:white;
	font-weight:bold;
	font-size:1em;
	padding:5px;
	margin:10px;
	border-radius:3px;
}

.btn-primary:hover{
	border:1px solid #08396e !important;
}



.myFocusIn{
	border-color:#d9534f!important;
}


/* 1st August */


.box-thankyou {
    background: #FFFFFF;
    border-radius: 5px;
    overflow: hidden;
    padding: 15px;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
}

.circle_container{
	 width:80px;
	 height:80px;
	 border:5px solid #08396e ;
	 border-radius:50%;
	 margin:0 auto;
	 position:relative;
	 padding:0px;
}


.thankyouCheck{
	font-size:50px;
	color:#08396e ;
	margin:10px;
}

.text-thankyou{
	font-size:40px;
	font-weight:bold;
}

.text-description{
	font-size:15px;
	margin-top:0px!important;
	margin-bottom:20px!important;
}


.label-bronez{
	background:	#8C7853;
	color:#000000;
}

.label-silver{
	background:	#C0C0C0;
	color:#000000;
}

.label-gold{
	background:	#FFD700;
	color:#000000;
}


.user-approved{
	background:#5cb85c;
	color:#fff!important;
}
.user-approved:hover{
	background-color:#5cb85c!important;
	color:#fff!important;
}
.user-approved a,.user-approved a:hover {
	background:#5cb85c!important;
	color:#fff!important;
}


/* 20 August */

.event-category.event-booked::before {
    color: #00AEFF!important;
}
.event-category.event-confirmed::before {
    color: #5cb85c!important;
}
.event-category.event-missed::before {
    color: #d9534f!important;
}
.event-category.event-cancelled::before {
    color: #f0ad4e!important;
}
.event-category.event-unavailable::before {
    color: #20124d!important;
}
.event-category.event-completed::before {
    color: #5e5e5e!important;
}


.form-control.speciality-select {
    padding: 0 !important;
    box-shadow: none;
    border: none;
}


.droppable { background: #08c; color: #fff; padding: 100px 0; text-align: center; }
.droppable.dragover { background: #00CC71; }

/* 15/09/2016 */

/*noinspection CssInvalidFunction*/
.moreInfo{
	background:transparent;
	border:0px;
	font-size:15px;
	margin:0px;
	padding:0px;
	transition:all ease(0.2);
}

.moreInfo i{
	color:#31b0d5;
	/*noinspection CssInvalidFunction*/
	transition:all ease(0.2);
}

.moreInfo:hover i{
	color:#31b0d5;
	border-color: #269abc;
	/*noinspection CssInvalidFunction*/
	transition:all ease(0.2);
}

/* 16 - 09 - 2016*/
.error-details h3,.error-details p {
	color:#fff!important;
}
.text-red-my {
    color: #fff!important;
}
.multiselect-container{
	width:100%!important;
}
.multiselect-selected-text{
	float:left!important;
}
b[class="caret"]{
	visibility:hidden!important;
}

.multiselect-container > .active > a{
	background:#ecf6ff!important;
}



/* 27 - 09 - 2016*/
#Grid {
    min-height: 300px!important;
}



/* 29-09-2016 */

.nav-nested{
	background:#e9e9e9!important;
}

[class^="icheckbox_"], [class*="icheckbox_"], [class^="iradio_"], [class*="iradio_"] {
    float: left !important;
    margin: 0 15px 0 -20px !important;
}

#diseaseList > tbody > tr > td > div[class="checkbox"]{
	margin-top:20px!important;
}
.profilePic30{
	width:30px;
	height: 30px;
	overflow: hidden;
}
.profilePic50{
	max-width:120px;
	/*height: 80px;*/
	overflow: hidden;
}
.profilePic80{
	max-width:120px;
	/*height: 80px;*/
	overflow: hidden;
}
.profilePic150{
	width:150px;
	height: 150px;
	overflow: hidden;
}