:root {
    --width_pantalla: 0;
    --width_phone: 375;
}
@media screen and (max-width: 767px) and (orientation: landscape) {
 
}
@media only screen and (max-width: 700px) {
    /* video {
        max-width: 20%;
    } */
}
@media(max-width:767px){
    .navbar-collapse {
        text-align: center;
    }
    .form-inline {
        justify-content: center;
    }
    .fa_size_17 {
        font-size: calc(var(--width_pantalla) * (calc(17/var(--width_phone))));
    }
    .tod_aler_ant {
        padding: 0;
    }
    .setup-panel-2, .setup-panel-3 {
        display: contents!important;
    }
    .dis_fle {
        font-size: calc(var(--width_pantalla) * (calc(13/var(--width_phone))));
    }
    .h_100 {
        height: calc(var(--width_pantalla) * (calc(70/var(--width_phone))));
    }
    .photo_paciente {
        height: calc(var(--width_pantalla) * (calc(70/var(--width_phone))));
    }
    .cont_btn_citas {
        margin-right: 1rem;
    }
    .header_menu_img {
        width: calc(var(--width_pantalla) * (calc(40/var(--width_phone))));
    }
    .nav-link {
        font-size: calc(var(--width_pantalla) * (calc(15/var(--width_phone))));
    }
    body {
        font-size: calc(var(--width_pantalla) * (calc(15/var(--width_phone))));
    }
    .title_login
    {
        font-size: calc(var(--width_pantalla) * (calc(14/var(--width_phone))));
    }
    .back_login1 {
        display: none;
    }
    .back_login2 {
        margin: 0 calc(var(--width_pantalla) * (calc(44/var(--width_phone)))) 0 calc(var(--width_pantalla) * (calc(44/var(--width_phone))));
        border-radius: 10px;
    }
    .sec_login {
        background-image: url(../images/responsive/login.png);
    }
    .form-control {
        font-size: calc(var(--width_pantalla) * (calc(15/var(--width_phone))));
    }
    .fa {
        width: calc(var(--width_pantalla) * (calc(60/var(--width_phone))));
        height: calc(var(--width_pantalla) * (calc(36/var(--width_phone))));
    }
    .fa-2x {
        font-size: calc(var(--width_pantalla) * (calc(28/var(--width_phone))))!important;
        height: 100%;
        display: table-cell!important;
    }
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
       width: calc(var(--width_pantalla) * (calc(23/var(--width_phone))))!important;
        height: calc(var(--width_pantalla) * (calc(23/var(--width_phone))))!important;
    }
    .main-menu .logout {
        position:relative;
    }
    .title_nav {
        display: none!important;
    }
    .main-menu li {
        display: table-cell;
        height: 50px;
        width: auto;
    }
    .main-menu li>a {
        height: 100%;
    }
    .main-menu {
        height: 50px;
        width: 100%;
    }
    .main-menu .nav-text {
        display: none;
    }
    .main-menu:hover, nav.main-menu.expanded {
        width: 100%;
    }
    .main-menu li:hover>a, nav.main-menu li.active>a, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .no-touch .dashboard-page nav.dashboard-menu ul li:hover a, .dashboard-page nav.dashboard-menu ul li.active a {
        display: flex;
        top: -4px;
        height: 50px;
    }
    .main-menu li> a i:hover{
        transform: none;
        padding-top: 15px;
    }
    .main-menu li:hover,nav.main-menu li.active,.dropdown-menu>li:hover,.dropdown-menu>li:focus,.dropdown-menu>.active,.dropdown-menu>.active:hover,.dropdown-menu>.active:focus,.no-touch .dashboard-page nav.dashboard-menu ul li:hover,.dashboard-page nav.dashboard-menu ul li.active {
        vertical-align: middle;
    }
    .cont_figure:hover {
        transform: scale(1);
    }
    .pad_resp_15{
        padding-bottom: calc(var(--width_pantalla) * (calc(15/var(--width_phone))))!important;
    }
    
    .card_height_avatar2 {
        /* height: calc(var(--width_pantalla) * (calc(280/var(--width_phone)))); */
    }
    .width_140 {
        width: calc(var(--width_pantalla) * (calc(140/var(--width_phone))));
        height: calc(var(--width_pantalla) * (calc(140/var(--width_phone))));
    }
    .hola_dash {
        font-size: calc(var(--width_pantalla) * (calc(25/var(--width_phone))));
    }
    .name_dash {
        font-size: calc(var(--width_pantalla) * (calc(30/var(--width_phone))));
    }
    .imagen_perfil {
        top: 0;
    }
    .offset_2 {
        margin-left: 0;
    }
    .footer {
        font-size: calc(var(--width_pantalla) * (calc(15/var(--width_phone))));
        height: calc(var(--width_pantalla) * (calc(50/var(--width_phone))));
    }
    .footer::before {
        border-top: solid calc(var(--width_pantalla) * (calc(100/var(--width_phone)))) #f45a9a;
        border-right: solid calc(var(--width_pantalla) * (calc(200/var(--width_phone)))) transparent;
    }
    .footer::after {
        border-bottom: solid calc(var(--width_pantalla) * (calc(100/var(--width_phone)))) #31b2af;
        border-left: solid calc(var(--width_pantalla) * (calc(125/var(--width_phone)))) transparent;
    }
    .ico_atajo {
        font-size: calc(var(--width_pantalla) * (calc(40/var(--width_phone))));
    }
    .title_atajo {
        font-size: calc(var(--width_pantalla) * (calc(17/var(--width_phone))));
    }
    .mar_top_botom_auto {
        padding: calc(var(--width_pantalla) * (calc(10/var(--width_phone))));
    }
    .sec_atajos {
        padding: calc(var(--width_pantalla) * (calc(25/var(--width_phone)))) calc(var(--width_pantalla) * (calc(10/var(--width_phone))));
        margin-bottom: calc(var(--width_pantalla) * (calc(40/var(--width_phone))));
    }
    .sec_pacien {
        padding: calc(var(--width_pantalla) * (calc(10/var(--width_phone)))) calc(var(--width_pantalla) * (calc(10/var(--width_phone))));
    }
    .sec_evol {
        padding: calc(var(--width_pantalla) * (calc(85/var(--width_phone)))) calc(var(--width_pantalla) * (calc(10/var(--width_phone))));

    }
    .sec_presu {
        padding: calc(var(--width_pantalla) * (calc(10/var(--width_phone)))) calc(var(--width_pantalla) * (calc(10/var(--width_phone))));
    }
    .pad_15 {
        padding: calc(var(--width_pantalla) * (calc(15/var(--width_phone))));
    }
    .no_pad {
        padding: 0;
    }
    .no_pad_sit {
        padding: 20px 0;
    }
    .sec_per{
        padding: calc(var(--width_pantalla) * (calc(10/var(--width_phone)))) 0 calc(var(--width_pantalla) * (calc(50/var(--width_phone)))) 0;
    }
    .sec_detpac {
        padding: calc(var(--width_pantalla) * (calc(10/var(--width_phone)))) calc(var(--width_pantalla) * (calc(0/var(--width_phone))));
    }
    .title_step {
        /* display: none; */
    }
    .name_aler {
        font-size: calc(var(--width_pantalla) * (calc(15/var(--width_phone))));
    }
    .btn-molar {
        font-size: calc(var(--width_pantalla) * (calc(14/var(--width_phone)))); 
    }
    .title_h {
        font-size: 0.8rem;
    }
    .btn-noactive {
        /* min-width: 60px; */
        /* padding: 7px 25px; */
        width: 75px;
        height: 50px;
    }
    .other_dato {
        font-size: calc(var(--width_pantalla) * (calc(16/var(--width_phone))));
    }
    .sub_dato {
        font-size: calc(var(--width_pantalla) * (calc(20/var(--width_phone))));
    }
    .sec_odonto {
        padding: calc(var(--width_pantalla) * (calc(10/var(--width_phone)))) calc(var(--width_pantalla) * (calc(10/var(--width_phone)))) calc(var(--width_pantalla) * (calc(10/var(--width_phone)))) calc(var(--width_pantalla) * (calc(10/var(--width_phone))));
    }
    .odon_ref {
        display: none;
        position: absolute;
        width: calc(var(--width_pantalla) * (calc(220/var(--width_phone))));
        top: calc(var(--width_pantalla) * (calc(235/var(--width_phone))));
        padding-left: 0;
    }
    .no_pad_l {
        padding-left: 15px;
        width: 28%;
    }
    .no_w_72 {
        width: 72%;
    }
    .nav_ref {
        background: #6276a8;
        position: absolute;
        border-radius: 5px;
        color: #ffffff;
        z-index: 1;
        display: flex;
        left: 11px;
        border: 1px solid #212121;
        top: calc(var(--width_pantalla) * (calc(235/var(--width_phone))));

    }
    .nav_ref i {
        padding-top: calc(var(--width_pantalla) * (calc(5/var(--width_phone))));
    }
    .title_odontograma {
        display: none;
    }
    .title_odon {
        font-size: calc(var(--width_pantalla) * (calc(22/var(--width_phone))));
    }
    .name_odon {
        font-size: calc(var(--width_pantalla) * (calc(20/var(--width_phone))));

    }
    .pad_15_ref {
        padding: calc(var(--width_pantalla) * (calc(0/var(--width_phone))));

    }
    .xtra_pad {
        padding-top: calc(var(--width_pantalla) * (calc(35/var(--width_phone))));
    }
    .widht_188 {
        width: calc(var(--width_pantalla) * (calc(188/var(--width_phone))));
    }
    .odontograma {
        padding-top: calc(var(--width_pantalla) * (calc(15/var(--width_phone))));
    }
    .sec_cal {
        padding: calc(var(--width_pantalla) * (calc(10/var(--width_phone)))) calc(var(--width_pantalla) * (calc(5/var(--width_phone))));
        /* width: 1200px; */
    }
    .mayus {
        text-align: center;
    }
    #wrap {
        width: 100%!important;
    }
    #calendar {
        width: 100%!important;
    }
    .fc-scroller {
        overflow-y: hidden !important;
    }
    .fc-header tr {
         display: inline-grid!important;
    }
    .fc-header-right {
        width: 100%!important;
        text-align: left!important;
    }
    .fc-event.info {
        border-radius: 50%;
        background: var(--color_sede);
        color: var(--color_sede);
        width: 15px!important;
        height: 15px!important;
    }
    
    .fc-event.success {
        border-radius: 50%;
        background: var(--color_sede);
        color: var(--color_sede);
        width: 15px!important;
        height: 15px!important;
    }
    .fc-event.important {
        border-radius: 50%;
        background: var(--color_sede);
        color: var(--color_sede);
        width: 15px!important;
        height: 15px!important;
    }
    .fc-day {
        min-height: 100px!important;
    }
    .fc-event-time, .fc-event-title {
        display: none!important;
    }
    .sweet-alert {
        width: auto!important;
    }
    .bor_bot {
        height: calc(var(--width_pantalla) * (calc(56/var(--width_phone))));
    }
    .no_mg {
        margin: 0;
    }
    .dis_no_res {
        display: none;
    }
    .he_card {
        min-height: 470px;
    }
    .esp_but_his {
        position: relative;
    }
    .est_respon {
        display: flex;
        justify-content: center;
        margin-top: 15px;
    }
    .btn_a3 {
        margin-right: 15px;
    }
    .modal-dialog {
        max-width: calc(var(--width_pantalla) * (calc(500/var(--width_phone))));
    }
    .tod_aler_ant {
        font-size: calc(var(--width_pantalla) * (calc(15/var(--width_phone))));
    }
    /* agenda */
    .cont_dp {
        display: none;
    }
    .cont_check_father {
        display: block;
    }
    .cont_tags_father {
        display: flex;
    }
    .cont_check {
        width: 50%;
    }
    .tags {
        padding-top: calc(var(--width_pantalla) * (calc(5/var(--width_phone))));
        padding-bottom: calc(var(--width_pantalla) * (calc(0/var(--width_phone))));
    }
    .title_check_agenda {
        font-size: calc(var(--width_pantalla) * (calc(13/var(--width_phone))));
    }
    .text_check_agenda {
        font-size: calc(var(--width_pantalla) * (calc(14/var(--width_phone))));
    }
    /* end agenda */
    .name_st {
        font-size: calc(var(--width_pantalla) * (calc(15/var(--width_phone))));
    }
    

  }