﻿@font-face {
    font-family: BMSHumanity;
    src: url("/css/fonts/BMSHumanity-Regular.otf");
    font-style: normal;
}
@font-face {
    font-family: BMSHumanity;
    src: url("/css/fonts/BMSHumanity-Bold.otf");
    font-weight: bold;
    font-style: normal;
}
body{overflow:auto !important; background: #F7F7F7 !important;font-family: BMSHumanity, sans-serif;color: #595454;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: BMSHumanity, sans-serif; }
.title {color: #5ebed5; font-weight:bold;font-size:55px;letter-spacing:2px; }
.container h2 {color: #5ebed5;font-size:25px}
a{color: #4F4A4A;}
a.secondary{color: #BE2BBB;}
a.secondary:hover{color: #1E4A6D;}
footer{color: #A69F9F;margin-top: 20px;font-size: 13px;}
footer .phone{display: none;}
footer a{color: #A69F9F;}
footer a:hover{color: #1E4A6D;}
.links a{font-size: 13px;color: #4F4A4A;font-weight: 400;}

.titulo{color:#BE2BBB; font-weight:700; font-size:26px; font-family: BMSHumanity, sans-serif;}
.subtitulo{color:#A69F9F; font-size:18px; margin-top:5px; margin-bottom:20px; font-family: BMSHumanity, sans-serif;}
.container hr {border-top: 1px solid #cccccc !important;}
h1  {font-size: 30px;}
.hr_color {border: 0px !important; background:url(images/hr_color.jpg) top left no-repeat #c70c4a; height:2px; width:100%; margin-bottom:25px;}
.container fieldset{margin-bottom: 10px;}
.container legend{border-bottom: 1px solid #005795; padding:4px 0px; margin-bottom: 10px; color: #005795;font-weight:bold;}
.container label{color:#005795; font-weight:bold !important; font-size:11px !important;}
.register_margin1{margin-bottom: 30px;}
.register_img{text-align:center; padding-bottom:20px;}
.select2-container .select2-choice {border: 0px !important;}
input[type="submit"], input[type="button"] {background-color: #BE2BBB !important; border-color: #BE2BBB !important;width: 100%;font-family: BMSHumanity, sans-serif;padding: 12px;border-radius:8px;}
input[type="submit"]:hover, input[type="button"]:hover {background-color: #1E4A6D !important; border-color: #1E4A6D !important;}
.nav_title { width: auto !important; height: 72px !important;}
.logo_header_1 {padding: 9px 0px 0px 15px; float:left;}
.logo_header_2 {padding: 30px 0px 0px 20px; float:left;}
.clear{clear:both;}
.top_nav .navbar-right {width: auto !important;}
.left_col_wrapper {top: 63px;}
.toggle {padding-top: 25px;}
.lang_margin{margin-right:20px; cursor:pointer; padding: 11px 10px 11px !important;}
.user_margin{margin-right:5px; padding: 11px 10px 11px !important;}
.nav_menu .navbar-nav {margin-top: 13px !important;}
.navbar-right .fa{display: inline-block !important;}
.table-bordered {margin:0px 0px;}
.nav_menu {margin-bottom: 20px;}
.col-md-9 {padding-left: 0px !important;}
.menu_section .side-menu{padding-left:0px !important;}
.navbar-nav.navbar-right:last-child {margin-right: 0px !important;}
.navbar-default {background-color:#f5f5f5; border-color:#005795 !important; color:#333333; padding:5px 0px;}
.panel-filter {background-color:#5ebed5; padding-left:15px; }
.panel-filter label{color:white;}
.login_titulo_izq{color:#FFFFFF;}
.login_titulo_izq p{font-size:16px;font-weight: 400;color: #FFFFFFCC;}
.login_titulo_izq .pintro {margin-bottom:20px;font-size:15px;font-weight: 700;color: #FFFFFFE5}
.login_titulo_izq .footer{border-top: 1px solid #FFFFFF33;padding-top: 30px;margin-top: 30px;max-width: 100%;width: 450px;color: #FFFFFF99;font-size: 12px;}
.title_login{padding-bottom:20px; }
.title_login img{/*width:100%;*/}
.form-horizontal .form-group {margin-left: 0px; margin-right: 0px;margin-bottom:0px;}
.loginContent {padding: 0 85px  !important;display: flex;  align-items: center;  flex-direction: column; justify-content: center;}
.loginContent input[type="text"],.loginContent input[type="password"]{border-radius: 8px;padding: 20px 12px;}
.loginContent #loginForm{max-width: 450px; margin: 0 auto;}
.login_content_izq{padding: 3% 4% 0% 4% !important;display: flex; align-items: center;}
.login_white{background:#fff !important;}
.size-xs legend { margin-bottom: 5px }
.size-xs { margin-bottom: 0px !important }
.size-xs span { font-size:10px; }
.size-xs .col-md-5 { padding-left: 0px; }
.size-xs .col-md-4 { padding-left: 0px; }
.size-xs .col-md-3 { padding-left: 0px; }
.size-xs .col-md-2 { padding-left: 0px; }
.ControlMas{padding:5px 9px 5px 10px;border:1px solid black;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;}
.ControlMenos{padding:5px 9px 5px 9px;border:1px solid black;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;}
.border-circle{padding:5px;border:1px solid black;-moz-border-radius: 15px 15px 15px 15px;-webkit-border-radius: 15px 15px 15px 15px;}
.strikethrough {position: relative;}
.strikethrough:before{position: absolute;content: ""; left: 0;top:50%;right: 0;border-top: 1px solid;border-color: inherit;-webkit-transform:rotate(40deg);-moz-transform:rotate(40deg);-ms-transform:rotate(40deg);-o-transform:rotate(40deg);transform:rotate(40deg);}
.sup-xs {vertical-align:super;font-size:9px}

.birch-body {
    padding-top: 25px;
    padding-bottom: 0px;
}
.birch_width{width:100% !important;}
.birch_tile{float:left; margin-bottom:25px; opacity:0.8; border:1px solid #666; height:auto !important; 
background:#fff !important; text-align:left; padding:0px !important;}
.birch_tile_01{background:#5f9dc4; width:100%; padding:10px 10px;}
.birch_tile_02{width:25%; padding-top:4px; text-align:left; float:left;}
.birch_tile_03{font-size:32px !important; color:#fff;}
.birch_tile_04{width:75%; float:left; color:#fff;}
.birch_tile_05{width:85%; margin:20px auto; border-left:5px solid #bbb;}
.birch_tile_06{padding-left:15px; color:#676767; text-decoration:none !important;}
.birch_tile_06:hover{text-decoration:none !important;}
.birch_tile_07{width:85%; margin:20px auto; text-align:right;}
.birch_tile:hover{opacity:1;}
.clear{clear:both;}

.fr-element.fr-view {
    min-height:180px!important;
} 

.form-submit {
    margin: 10px 0;
}

@media (max-width: 768px) {
    .nav.side-menu {padding-left: auto;}
    .navbar-left { float: none !important; }
    .panel-body { padding: 5px 15px !important; }
}
@media (max-width: 991px){
    .logo_header_2 {display:none;}
}
@media (max-width: 479px){
    .logo_header_1 {padding: 9px 0px 0px 0px;}
    .movil_off{display:none;}
    .lang_margin{margin-right:10px; cursor:pointer; padding: 8px 10px 8px !important;}
    .user_margin{margin-right:5px; padding: 8px 10px 8px !important;}
    .col-xs-12 {padding-right: 0px; padding-left: 0px;}
    .col-md-6 {padding-right: 0px; padding-left: 0px;}
    .dataTable_content {overflow-x:auto !important; border:0px solid #ccc;}
    .navbar-collapse {padding-left: 20px !important; padding-right: 26px !important;}
    .row {margin-right: 0px !important; margin-left: 0px !important;}
    .btn{padding: 6px 6px !important;}
    #user_editor .navbar-default{text-align:center;}
    #user_editor .navbar-header-span{margin-bottom:-20px;}
    #hospital_editor .navbar-default{text-align:center;}
    #hospital_editor .navbar-header-span{margin-bottom:-20px;}
    .margin-bottom-0 {margin-bottom:-20px !important;}
    .table-bordered {border:3px solid #005795;}
    .table-bordered > thead > tr > th.sortable:last-of-type,
    .table-bordered > tbody > tr > td.cell:last-of-type {border-right:3px solid #005795 !important;}
    .navbar-default { border-width: 0px; }
    .separador {
        display: block;
        margin: 30px 0 10px;
        float: none;
    }
}


@media (min-width: 480px) {
    .nav-md .container.body .right_col, .nav-sm .container.body .right_col {
        height: calc(100vh - 65px) !important;
    }
}



@media (min-width: 400px) and (max-width: 767px) {

}

@media (max-width: 767px) {
    .login_titulo_izq h2 {text-align: left;}
    .login_titulo_izq .footer{display: none;}
    footer .phone{display: block;}
    .login_content_izq {padding: 30px !important;}
    .loginContent{padding: 30px  !important}
}

@media (min-width: 768px) and (max-width: 991px) {
    .loginContent {padding: 0 90px  !important;}
    .login_titulo_izq h2 {text-align: left;}
    .login_content_izq{padding: 3% 8% 0% 8% !important;}
}


@media (min-width: 1200px) {
    /*.height_login {height:100%; padding:0px; margin:0px;}*/
    .login_titulo_izq h2 {font-size: 36px !important;}
}

