@import url('https://fonts.googleapis.com/css?family=Roboto:300i,400,400i,700,700i&display=swap');
/*font-family: 'Roboto', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Vollkorn:400,400i,600,600i,700,700i,900,900i&display=swap');
/*font-family: 'Vollkorn', serif;*/

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border: 1px solid #3F51B5 !important;
}
.box-header.with-border{
    background-color: #b20606 !important;
    color: #fff !important;
}
.box.box-primary{
    border-top-color: #b20606 !important;
}


body{font-family: 'Roboto', sans-serif; font-size: 13px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-family: 'Roboto', sans-serif;}
img{ max-width:100%; height:auto;}

.mb-1{ margin-bottom: 10px; }

ul.quick_filters{ list-style-type: none; padding: 0px 15px;}
ul.quick_filters li{margin: 0 0 10px;}

.breadcrumb > li{ font-size: 18px; }
.breadcrumb > .active{ font-size: 18px; font-weight: 700; color:#282733; }

.mailbox-messages .text-green,
.mailbox-messages .text-yellow{padding-left: 12px; position: relative;}
.mailbox-messages .text-green:before{ background:#00a65a; width: 7px; height: 7px; content: "";position: absolute;left: 0;top: 4px;
border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; }
.mailbox-messages .text-yellow:before{background:#f39c12; width: 7px; height: 7px; content: "";position: absolute;left: 0;top: 4px;
border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%; }

.search_bar{ margin: 0 0 30px; }
.dropdown-menu li{ border-bottom: 1px solid #eee;}
.dropdown-menu li:last-child{ border-bottom: none;}
.patient_list{ padding: 0; list-style-type: none;}
.patient_list li{ margin: 0 0 10px;}
.patient_list li .right_icon{display: table-cell;font-size: 18px;padding: 0 10px 0 0; color:#cacaca;}
.patient_list li .right_text{display: table-cell;}
.contact_details_box h4{ font-size: 16px; position: relative; margin: 0 0 25px; }
.contact_details_box h4:after{ background:#e6e9ed; height: 1px; left: 0; right: 0; content: "";position: absolute;top: 50%; z-index: 0;}
.contact_details_box h4 span{ background: #fff; position: relative; z-index: 1;padding: 0 10px 0 0;}
.contact_details_box h4 span.add_btn{ float: right; padding: 0 0 0 10px; }
.contact_details_box .comments{ margin: 0 0 25px; }
.contact_details_box .comments h4{ margin: 0 0 5px;}
.contact_details_box .comments .content_area{ color: #7d7d7d; }
.contact_details_box .table > tbody > tr > td{ border: none;}
.refresh_btn{ display: inline-block; border: 1px solid #1aaada;padding: 1px 12px;margin: 0 0 20px;
border-radius: 11px;-moz-border-radius: 11px;-webkit-border-radius: 11px;}
.contact_details_list .box-header{ margin: 0 0 10px; }
.contact_details_list .add_btn{ font-size: 16px; }
.contact_details_list .product-list-in-box > .item{border: 1px solid #f4f4f4;padding: 10px;margin: 0 0 20px; }
.products-list .product-info{ font-size: 12px; }
.products-list .product-description{ color: #333; }
.products-list .product-description span{color: #999;}
.products-list .product-img i{ font-size: 18px; }
.view_more {font-size: 15px;}


.user-panel > .image{ text-align:center;}
.tag-line-wrap{margin:34px 0;text-align: center;}
.tag-line{ background:#0a4295; padding:10px 20px; border-radius:21px; color:#fff;font-family: 'Vollkorn', serif;font-weight: 900;font-size: 16px;display: inline-block;
margin: 0 auto;}

.main-header .sidebar-toggle{ display:none;background:rgba(10, 66, 149, 1);}
.main-header .sidebar-toggle:focus,
.main-header .sidebar-toggle:active{background:rgba(10, 66, 149, 1);}
.sidebar-open .main-header .sidebar-toggle{ background:#b51212;}
.sidebar-open .main-header .sidebar-toggle:before {content: "\f00d ";}


/************************* Personal Profile ***********************/
.profile-calendar table tr th.dow{background: #ffc4c4;color: #b61010;border-radius: 0;}
.profile-calendar .datepicker .datepicker-days table tr td.day.new,
.profile-calendar .datepicker .datepicker-days table tr td.day.old{ color:#999;}
.my-kids .users-list > li{ width:50%;}
.my-kids .users-list > li img{ max-width:80px;}
.transport-icon{ color:#3c8dbc; margin:10px auto 0; width:90px; height:90px; border:3px solid #3c8dbc; line-height:90px; font-size:45px;}


/************************* Login Page ***********************/
.login-page{ background:#bbceeb url(../img/login-bg.jpg) no-repeat center center; background-size:cover}
.login-box{ background:#ebf8ff; border-radius:10px;margin: 15% auto;
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);}
.login-logo{padding: 25px 0 0 0; margin:0;}
.login-box-body{ background:none;}
.login-box-body .user-icon{ background:#fff;color: #0a4295;margin:0px auto 25px;width: 90px;height: 90px;line-height: 90px;font-size: 45px; text-align:center; border-radius:50%;}
.login-box-body form{  margin:0 0 15px;}
.login-box-body form input{border-radius: 23px;background: none;border: 1px solid #0a4295;color: #0a4295;}
.login-box-body .form-control-feedback{ color:#0a4295;}
.input-lg + .form-control-feedback{ font-size:18px;}
.login-box-body form button{ background:#0a4295; border-radius: 23px; border:1px solid #0a4295;}
.login-box-body a{ color:#0a4295}
.login-box-body a:hover{ color:#b51212;}


/************************* Announcements Page ***********************/
.events-list > li{padding: 10px 15px;}


/************************* Calendar Page ***********************/
.box-calendar h2{ color:#dd4b39;}
.fc-widget-header .fc-sun,
.fc-widget-header .fc-sat{ background:#0a4295; color:#ffffff;}
.calendar-right-title{ background:#0a4295; overflow:hidden; color:#ffffff;} 
.calendar-right .todo-list{ margin-bottom:15px;}


/************************* footer ***********************/
footer a{ color:#b2b2b2;}
.copyright{padding: 8px 0 0;display: inline-block;}
.social_media_icons a{background: #d7d7d7;color: #fff;display: inline-block;font-size: 16px;width: 28px;height: 28px;text-align: center;border-radius: 14px;margin: 0 0 0 7px;}
.social_media_icons a i{ line-height: 28px; }

@media only screen and (max-width: 1439px){
	.tag-line{font-size:14px;}
}

@media only screen and (max-width: 1199px){
	.tag-line{padding: 10px 10px;}
}

@media only screen and (max-width: 991px){
	.tag-line-wrap{ margin:25px 0;}
}


@media only screen and (max-width: 767px){
	.main-header{ max-height:none;}
	.main-header .sidebar-toggle{ display:block;}
	.main-header .logo{ width:calc(100% - 52px);}
	.tag-line-wrap{ margin:0;}
	.skin-blue .main-header .navbar .nav > li > a {padding: 10px 15px;}
}