/* SLIDE ONE */
.slideOne {
    width: 40px;
    height: 10px;
    background: #2196f3;
    margin: 1px auto;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position:relative;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

    .slideOne label {
        display: block;
        width: 16px;
        height: 16px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -ms-transition: all .4s ease;
        transition: all .4s ease;
        cursor: pointer;
        position: absolute;
        top: -3px;
        left: -3px;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        background-color: #fff;
        border: 2px solid #BBDEFB;
    }

    .slideOne input[type=checkbox]:checked + label {
        left: 30px;
        background-color: #FF9800;
    }

/* SLIDE ONE */



@font-face {
    font-family: 'icomoon';
    src: url('../../fonts/icomoon.eot');
    src: url('../../fonts/icomoon.eot') format('embedded-opentype'), url('../../fonts/icomoon.ttf') format('truetype'), url('../../fonts/icomoon.woff') format('woff'), url('../../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-nodiagn:before {
    content: "\e910";
}

.icon-doclup:before {
    content: "\e90f";
}

.icon-dcyenf:before {
    content: "\e90e";
}

.icon-diagn:before {
    content: "\e90d";
}

.icon-lab:before {
    content: "\e90a";
}

.icon-muestra:before {
    content: "\e90b";
}

.icon-radio:before {
    content: "\e90c";
}

.icon-arc-pdf-01:before {
    content: "\e909";
}

.icon-adju:before {
    content: "\e908";
}

.icon-dctor:before {
    content: "\e906";
}

.icon-enfer:before {
    content: "\e907";
}

.icon-alerg:before {
    content: "\e901";
}

.icon-gfston:before {
    content: "\e902";
}

.icon-masnc:before {
    content: "\e903";
}

.icon-nmas:before {
    content: "\e904";
}

.icon-ticnc:before {
    content: "\e905";
}

.icon-notecomit:before {
    content: "\e900";
}

.icon-stats-dots:before {
    content: "\e99b";
}

.icon-receta:before {
  content: "\e926";
}

/*-----------------------------------*/
/*---------CSS CHAT------------------*/
/*-----------------------------------*/

.p-min-marg p {
    margin: 2px;
    font-size: 11px;
}

.top-title-chat {
    height: 30px;
    background-color: #2196F3;
    color: #ffffff;
    padding: 8px;
    font-weight: bold;
    margin-top: 5px;
}

.panel-titleCHAT {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
    font-size: 12px;
    background: #2196f3;
    border-radius: 4px;
    color: #fff;
}

.text-obs-boxCHAT {
    /*border: 1px solid #ddd;*/
    padding: 5px 10px;
    border-radius: 5px !important;
}

.title-obs-boxCHAT{
    font-weight:bold;
    text-transform:uppercase;
}

.box-datCHAT {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    padding:0.5rem 1rem;
    border-radius: 5px;
    font-size: 11px;
}

.basic-box-CHAT {
    border: 1px solid #ddd !important;
    background-color: #fff !important;
    font-size: 10px !important;
    padding: 5px !important;
    font-size: 10px;
}




.basic-box {
    background-color: #fff !important;
    font-size: 10px !important;
    padding: 5px !important;
    font-size: 10px;
}

.inf-chat-strong {
    font-weight: bold;
}


.box-container-chat {
    /*margin-top: 8px;*/
    border-bottom: 1px solid #dddddd;
    padding: 0px 5px;
}

.title-chat-table {
    background-color: #2196F3;
    padding: 4px;
    border-radius: 6px;
    color: #fff;
}

.container-info-chat {
    border-bottom: 1px solid #dddddd;
    padding: 5px;
}

.container-info-chatRE {

    padding: 5px;
     
}


.container-info-chatRE-2 {
    /*border-bottom: 1px solid #fff;*/
}

.min-marg {
    padding: 2px;
}

.style-AMB {
   /* border-left: 12px solid #eeeeee;*/
}

.style-HOSP {
    /*border-left: 12px solid #99CC99;*/
    background-color: #D8ECD6;
}

.style-URG {
   background-color: #ffe1bd;
   /* border-left: 12px solid #ffcc99; */
}

.style-DAV {
    border-left: 12px solid #FF0000;
}

.style-VES {
    border-left: 12px solid #00BFFF;
}

.style-VID {
    border-left: 12px solid #08088A;
}

.style-HELP {
    border-left: 12px solid #04B45F;
}

.style-CSM {
    border-left: 12px solid #58FAF4;
}

.style-VIN{
     border-left: 12px solid #3ab8b0;
}

.style-BIO{
     border-left: 12px solid #9032bb;
}


.content-box-chat-des {
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    background-color: #F8F8F8;
    padding: 10px 1px 10px 1px;
    -webkit-box-shadow: 0px 5px 16px -7px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 5px 16px -7px rgba(0,0,0,0.39);
    box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.39);
    margin-bottom: 3px;
}

.btn-basic-chat {
    background-color: #bbdefb;
    border: medium none;
    color: #1976d2;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4;
    margin: 2px;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
}

.btn-basic-ChatDcEx {
    background-color: #bbdefb;
    border: medium none;
    color: #1976d2;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    margin: 2px;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
}

.close-color-chat {
    color: #666666 !important;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.chat-font-11 {
    font-size: 11px;
    line-height: 12px;
}








/*CSS Checkboxs*/

.form-group-special input[type="checkbox"] {
    display: none;
}

    .form-group-special input[type="checkbox"] + .btn-group > label span {
        width: 20px;
    }

        .form-group-special input[type="checkbox"] + .btn-group > label span:first-child {
            display: none;
        }

        .form-group-special input[type="checkbox"] + .btn-group > label span:last-child {
            display: inline-block;
        }

    .form-group-special input[type="checkbox"]:checked + .btn-group > label span:first-child {
        display: inline-block;
    }

    .form-group-special input[type="checkbox"]:checked + .btn-group > label span:last-child {
        display: none;
    }

.check-color-white {
    background-color: #EEEEEE;
    /*border-top: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;*/
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
    color: #333333;
}

    .check-color-white:hover {
        background-color: #EEEEEE;
        border: 1px solid #999999;
        color: #333333 !important;
        border: 1px solid #dddddd !important;
        -webkit-box-shadow: inset 0px -2px 3px 0px rgba(110,110,110,1);
        -moz-box-shadow: inset 0px -2px 3px 0px rgba(110,110,110,1);
        box-shadow: inset 0px -2px 3px 0px rgba(110,110,110,1);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }



.check-color-orange {
    background-color: #ffcc99;
    /*border-top: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;*/
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
    color: #333333;
}

    .check-color-orange:hover {
        background-color: #FFE1BD;
        border: 1px solid #999999;
        color: #333333 !important;
        border: 1px solid #dddddd !important;
        -webkit-box-shadow: inset 0px -2px 3px 0px rgba(255, 118, 0,1);
        -moz-box-shadow: inset 0px -2px 3px 0px rgba(255, 118, 0,1);
        box-shadow: inset 0px -2px 3px 0px rgba(255, 118, 0,1);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }


.check-color-green {
    background-color: #99CC99;
    /*border-top: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;*/
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
    color: #333333;
}

    .check-color-green:hover {
        background-color: #CCFF99;
        border: 1px solid #999999;
        color: #333333 !important;
        border: 1px solid #dddddd !important;
        -webkit-box-shadow: inset 0px -2px 3px 0px rgba(72, 255, 86,1);
        -moz-box-shadow: inset 0px -2px 3px 0px rgba(72, 255, 86,1);
        box-shadow: inset 0px -2px 3px 0px rgba(72, 255, 86,1);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

.check-color-enferMenor {
    background-color: #ffcc99;
    /*border-top: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;*/
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
    color: #333333;
}

    .check-color-enferMenor:hover {
        background-color: #FFE1BD;
        border: 1px solid #999999;
        color: #333333 !important;
        border: 1px solid #dddddd !important;
        -webkit-box-shadow: inset 0px -2px 3px 0px rgba(255, 118, 0,1);
        -moz-box-shadow: inset 0px -2px 3px 0px rgba(255, 118, 0,1);
        box-shadow: inset 0px -2px 3px 0px rgba(255, 118, 0,1);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

.btns-enferMenor {
    background-color: red;
    color: #fff;
    padding: 4px;
    font-weight: lighter;
    cursor: pointer;
    font-size: 9px;
    text-rendering: optimizeLegibility;
}

.btns-white {
    background-color: #FFFFFF;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    color: #333333;
    padding: 3px 4px;
    font-weight: lighter;
    cursor: pointer;
    font-size: 9px;
    text-rendering: optimizeLegibility;
}

.btns-standarRS {
    background-color: #fff;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    color: #1976d2;
    cursor: pointer;
    font-size: 9px;
    font-weight: lighter;
    height: 22px;
    padding: 2px 3px;
    text-rendering: optimizelegibility;
}

.check-color-standarRS {
    background-color: #BBDEFB;
    /*border-top: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;*/
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
    color: #1976d2;
    height: 22px;
    padding: 2px 5px !important;
}

.btns-orange {
    background-color: #ffe1bd;
    color: #333333;
    padding: 4px;
    font-weight: lighter;
    cursor: pointer;
    font-size: 9px;
    text-rendering: optimizeLegibility;
}

.btns-green {
    background-color: #D8ECD6;
    color: #333333;
    padding: 4px;
    font-weight: lighter;
    cursor: pointer;
    font-size: 9px;
    text-rendering: optimizeLegibility;
}




/*        ICONOS CHAT         */



.square-color-lightblue {
    color: #208e98;
    /*border: 1px solid #208e98;*/
    background-color: #a9f3ff;
}

    .square-color-lightblue:before {
        content: "H";
    }

.square-color-darkgreen {
    color: #ffffff;
    /*border: 1px solid #253825;*/
    background-color: #3e5e3e;
}

    .square-color-darkgreen:before {
        content: "G";
    }

.square-icon {
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    height: 16px;
    text-align: center;
    text-transform: uppercase;
    width: 16px;
    float: left;
    display: block;
    margin: 1px;
}

.square-icon-lg {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    height: 25px;
    margin: 5px;
    padding: 2px;
    text-align: center;
    text-transform: uppercase;
    width: 25px;
    text-rendering: optimizeLegibility;
}


.square-color-medic-PA {
    color: #fff;
    background-color: #26C9FF;
    /*border: 1px solid #0089b7;*/
}

.square-color-adjun-PA {
    color: #fff;
    background-color: #777777;
    /*border: 1px solid #333333;*/
}

.square-color-enferm-PA {
    color: #fff;
    background-color: #BFBFFF;
    /*border: 1px solid #9999cc;*/
}

.square-color-ficsia {
    color: #7c1c41;
    /*border: 1px solid #7c1c41;*/
    background-color: #e66f80;
}

    .square-color-ficsia:before {
        content: "DA";
    }

.square-color-darkgreen {
    color: #ffffff;
    /*border: 1px solid #253825;*/
    background-color: #3e5e3e;
}

.square-color-lightyellow {
    color: #7f704b;
    /*border: 1px solid #7f704b;*/
    background-color: #e8c96f;
}

    .square-color-lightyellow:before {
        content: "IC";
    }

.square-color-greenD {
    color: #006633;
    /*border: 1px solid #7f704b;*/
    background-color: #339933;
    font-weight: bold;
}

    .square-color-greenD:before {
        content: "D";
    }

.square-color-penT {
    color: red;
    /*border: 1px solid #7f704b;*/
    font-weight: bold;
    border: 1px solid #ccc;
}



.square-color-circle-1 {
    background-color: #450BC8;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    padding: 0px !important;
    width: 20px;
    text-transform: inherit !important;
}

.square-color-IngresoMedico {
    background-color: #444;
    border-radius: 5px;
    font-weight: bold;
    height: 20px;
    padding: 0px !important;
    width: 20px;
    cursor:pointer;
}


.square-color-IngresoMedico:hover {
    background-color: #BBDEFB;
    border:1px solid #444;
    border-radius: 5px;
    font-weight: bold;
    padding: 0px !important;
    cursor:pointer;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
     transition: all 200ms ease-in-out;
}


.square-color-darkblue {
    color: #FFF;
    background-color: #53aae8;
    font-size: 9px;
    width: 26px;
}

    .square-color-darkblue:before {
        content: "ENO";
    }

.square-color-lightgreen {
    color: #3e5e3e;
    /*border: 1px solid #3e5e3e;*/
    background-color: #b9dabe;
}

    .square-color-lightgreen:before {
        content: "OH";
    }

.square-color-powergreen {
    color: #FFF;
    /*border: 1px solid #669933;*/
    background-color: #8FC33A;
}

    .square-color-powergreen:before {
        content: "P";
    }

.square-color-default {
    color: #666666;
    border: 1px solid #666666;
    background-color: #ffffff;
}

.square-color-lighdarkblue {
    color: #21506d;
    border: 1px solid #21506d;
    background-color: #8FD8D2;
}

.square-color-powercheck {
    color: #009900;
    /*border: 1px solid #009900;*/
    background-color: #ccffcc;
}

.square-color-notdiagn {
    color: #757575;
    /* border: 1px solid #ffffff; */
    background-color: #d2d2d2;
}


.square-color-recetages{
    color: #015F9E;
    background-color: #b2d9f3;
}


.square-color-comit {
    color: #FFFFFF;
    /*border: 1px solid #003366;*/
    background-color: #0b4c8c;
}

div.square-icon.square-color-comit i.icon-ticnc {
    color: #ffffff;
    font-size: 13px;
    text-rendering: optimizeLegibility;
}

.square-color-fichdigi {
    color: #FFFFFF;
    border: 1px solid #333333;
    background-color: #666666;
}


.square-color-atenvist {
    background-color: #e2690e;
    border: 1px solid #993300;
    color: #ffffff;
}

    .square-color-atenvist:before {
        content: "A";
    }

.btn-special {
    background-color: #EEEEEE;
    border-color: #999999;
    color: #999999;
}


/*--------COMITÉ--------*/


.style-title-chat-tab {
    padding: 5px !important;
    background-color: #2196F3;
    color: #ffffff;
}

/*----------ANTECEDENTES------------*/


.marg-p p {
    margin: 10px;
}


/*CLASE PISANDO ANTIGUAS CLASES*/


.tr-AMB {
    border-left: 10px solid #EEEEEE;
    border-bottom: 3px solid #dddddd;
}

    .tr-AMB > tr {
        border-bottom: 1px solid #dddddd;
    }

    .tr-AMB tr td p {
        margin: 10px;
    }

.tr-HOS {
    border-left: 10px solid #CCFF99;
    border-bottom: 3px solid #dddddd;
}

table.table tbody tr.tr-HOS td table tbody tr {
    background-color: #EFFFBF !important;
}

.tr-HOS > tr td {
    border-bottom: 1px solid #dddddd;
    background-color: #EFFFBF;
}

.tr-HOS tr td p {
    margin: 10px;
}

.tr-URG {
    border-left: 10px solid #FFE1BD;
    border-bottom: 3px solid #dddddd;
}

table.table tbody tr.tr-URG td table tbody tr {
    background-color: #FFF3E8 !important;
}

.tr-URG > tr td {
    border-bottom: 1px solid #dddddd;
    background-color: #FFF3E8;
}

.tr-URG tr td p {
    margin: 10px;
}

.pagination-edit > li > a, .pagination-edit > li > span {
    padding: 3px 6px;
}

.pagination-edit {
    margin: 0px !important;
}

    .pagination-edit > li:first-child > a, .paginationedit > li:first-child > span {
        border-bottom-left-radius: 0px !important;
        border-top-left-radius: 0px !important;
        margin-left: 0;
    }

    .pagination-edit > li:last-child > a, .pagination-edit > li:last-child > span {
        border-bottom-right-radius: 0px !important;
        border-top-right-radius: 0px !important;
    }


/*-------ANTECEDENTES--------*/

.style-pt-AMB {
    border-left: 20px solid #eeeeee;
    padding: 10px;
    background-color: #fff !important;
    border-bottom: 1px solid #DDDDDD;
}

.style-pt-URG {
    border-left: 20px solid #FFE1BD;
    padding: 10px;
    background-color: #fff !important;
    border-bottom: 1px solid #DDDDDD;
}

.style-pt-HOS {
    border-left: 20px solid #CCFF99;
    padding: 10px;
    background-color: #fff !important;
    border-bottom: 1px solid #DDDDDD;
}



/*--------CLASES PROTCOLO AMBULATORIO------*/


.check-color-medic {
    background-color: #26C9FF;
    /*border-top: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;*/
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
    color: #333333;
}


    .check-color-medic:hover {
        background-color: #26C9FF;
        border: 1px solid #999999;
        color: #333333 !important;
        border: 1px solid #dddddd !important;
        -webkit-box-shadow: inset 0px -2px 3px 0px rgba(22, 117, 255, 0.8);
        -moz-box-shadow: inset 0px -2px 3px 0px rgba(22, 117, 255, 0.8);
        box-shadow: inset 0px -2px 3px 0px rgba(22, 117, 255, 0.8);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

.check-color-nurse {
    background-color: #BFBFFF;
    /*border-top: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;*/
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
    color: #333333;
}

    .check-color-nurse:hover {
        background-color: #BFBFFF;
        border: 1px solid #999999;
        color: #333333 !important;
        border: 1px solid #dddddd !important;
        -webkit-box-shadow: inset 0px -2px 3px 0px rgba(121, 76, 255, 0.8);
        -moz-box-shadow: inset 0px -2px 3px 0px rgba(121, 76, 255, 0.8);
        box-shadow: inset 0px -2px 3px 0px rgba(121, 76, 255, 0.8);
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

.regist-protocolo {
    border-bottom: 1px solid #999999;
    cursor: pointer;
}

    .regist-protocolo p {
        font-size: 10px;
        margin: 1px;
    }

.special-col-1 {
    float: left;
    min-height: 1px;
    margin-left: 5px;
    margin-right: 5px;
}

.special-col-1 {
    min-width: 4%;
}


.info-prot-bs {
    border: 1px solid #BAD9F4;
    border-radius: 6px;
}

    .info-prot-bs p {
        font-size: 10px;
    }

.box-left-pabe {
    background-color: #BAD9F4;
    color: #1976D2;
    padding: 10px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    font-weight: bold;
    font-size: 11px;
}

.box-right-pabe {
    color: #666;
    padding: 10px 5px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 11px;
}

.btn-listo-limpio {
    background-color: #BAD9F4;
    color: #1976d2;
}

    .btn-listo-limpio:hover {
        background-color: #1a7bb7;
        color: #fff;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

.bll-right {
    border-bottom-right-radius: 6px !important;
    border-top-right-radius: 6px !important;
    padding-right: 8px;
}

.bll-left {
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important;
    padding-left: 8px !important;
}

.btn-center-pag {
    border-top: 1px solid #cccccc !important;
    border-bottom: 1px solid #cccccc !important;
    width: 100px !important;
    cursor: default !important;
    color: #333 !important;
}

    .btn-center-pag:hover {
        border-top: 1px solid #cccccc !important;
        border-bottom: 1px solid #cccccc !important;
        width: 100px !important;
        cursor: default !important;
        color: #333 !important;
        -webkit-transition: all 300ms ease-in-out !important;
        -moz-transition: all 300ms ease-in-out !important;
        -ms-transition: all 300ms ease-in-out !important;
        -o-transition: all 300ms ease-in-out !important;
        transition: all 300ms ease-in-out !important;
        outline: none;
    }


.contn-btns-chat {
    padding-top: 5px;
}




.btn-rpt-medic {
    background-color: #2196F3;
    border: medium none;
    color: #BAD9F4;
    display: inline-block;
    float: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4;
    margin: 10px;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
}

    .btn-rpt-medic:hover > span {
        margin-right: 5px;
        margin-left: 5px;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        color: #fff;
    }

.container-info-protocolo p {
    font-size: 10px;
}
/*---------------RADIO----------------*/


.funkyradio div {
    display: inline-block;
    float: left;
}

.funkyradio label {
    width: 100%;
    border-radius: 6px;
    font-weight: bold;
    width: 85px;
    font-size: 9px;
    margin-right: 5px;
}

.funkybord-enfer {
    border: 2px solid #BFBFFF;
}

.funkybord-dctor {
    border: 2px solid #26C9FF;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
    display: none;
}

    .funkyradio input[type="radio"]:empty ~ label,
    .funkyradio input[type="checkbox"]:empty ~ label {
        position: relative;
        line-height: 2.5em;
        text-indent: 3.25em;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .funkyradio input[type="radio"]:empty ~ label:before,
        .funkyradio input[type="checkbox"]:empty ~ label:before {
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            content: '';
            width: 2.5em;
            background: #D1D3D4;
            border-radius: 3px 0 0 3px;
        }

/*
.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: .9em;
  color: #C2C2C2;
}
*/
div div.funkyradio-info input[type="radio"]:hover:not(:checked) ~ label {
    background-color: #26C9FF;
    color: #fff;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

div div.funkyradio-danger input[type="radio"]:hover:not(:checked) ~ label {
    background-color: #BFBFFF;
    color: #fff;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
    color: #777;
}

    .funkyradio input[type="radio"]:checked ~ label:before,
    .funkyradio input[type="checkbox"]:checked ~ label:before {
        content: '\2714';
        text-indent: .9em;
        color: #333;
        background-color: #ccc;
    }

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    background-color: #BFBFFF;
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
    color: #fff;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
    background-color: #26C9FF;
    /*border-top: 1px solid #dddddd !important;
    border-left: 1px solid #dddddd !important;
    border-bottom: 1px solid #dddddd !important;*/
    border-bottom-left-radius: 3px !important;
    border-top-left-radius: 3px !important;
    color: #fff;
}

/* SCSS STYLES */
/*
.funkyradio {

    div {
        clear: both;
        overflow: hidden;
    }

    label {
        width: 100%;
        border-radius: 3px;
        border: 1px solid #D1D3D4;
        font-weight: normal;
    }

    input[type="radio"],
    input[type="checkbox"] {

        &:empty {
            display: none;

            ~ label {
                position: relative;
                line-height: 2.5em;
                text-indent: 3.25em;
                margin-top: 2em;
                cursor: pointer;
                user-select: none;

                &:before {
                    position: absolute;
                    display: block;
                    top: 0;
                    bottom: 0;
                    left: 0;
                    content: '';
                    width: 2.5em;
                    background: #D1D3D4;
                    border-radius: 3px 0 0 3px;
                }
            }
        }

        &:hover:not(:checked) ~ label {
            color: #888;

            &:before {
                content: '\2714';
                text-indent: .9em;
                color: #C2C2C2;
            }
        }

        &:checked ~ label {
            color: #777;

            &:before {
                content: '\2714';
                text-indent: .9em;
                color: #333;
                background-color: #ccc;
            }
        }

        &:focus ~ label:before {
            box-shadow: 0 0 0 3px #999;
        }
    }

    &-default {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #333;
                background-color: #ccc;
            }
        }
    }

    &-primary {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #fff;
                background-color: #337ab7;
            }
        }
    }

    &-success {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #fff;
                background-color: #5cb85c;
            }
        }
    }

    &-danger {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #fff;
                background-color: #d9534f;
            }
        }
    }

    &-warning {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #fff;
                background-color: #f0ad4e;
            }
        }
    }

    &-info {
        input[type="radio"],
        input[type="checkbox"] {
            &:checked ~ label:before {
                color: #fff;
                background-color: red;
            }
        }
    }
}
*/

.clean-btn {
    background-color: #eeeeee !important;
    border-color: #e4e4e4 !important;
    letter-spacing: -1px;
    border-radius: 2px !important;
    margin-top: 5px;
}


    .clean-btn.focus, .btn-info:focus {
        background-color: yellow !important;
        border-color: #000 !important;
        color: blue !important;
        font-size: 9px !important;
    }

    .clean-btn:hover {
        background-color: #cccccc !important;
        border-color: lightcyan !important;
        color: darkgray !important;
        color: #fff !important;
    }

    .clean-btn.active, .clean-btn:active, .open > .dropdown-toggle.clean-btn {
        background-color: #ccc !important;
        border-color: #333 !important;
        color: #333 !important;
    }

.gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.resalt-hist {
    background-color: #BBDEFB !important;
    color: #1976D2 !important;
    -webkit-transition: all 400ms ease-out;
    -moz-transition: all 400ms ease-out;
    -ms-transition: all 400ms ease-out;
    -o-transition: all 400ms ease-out;
    transition: all 400ms ease-out;
}

.box-datos-ut {
    border: 1px solid #ccc;
    margin: 0px 10px 6px 0px;
    background-color: #fff;
    padding: 10px !important;
    font-size: 10PX;
}

    .box-datos-ut i {
        font-size: 15px;
        color: #1976d2 !important;
    }

.contenedor_imagen_ficha-papel {
    padding: 5px;
    width: 66.66%;
    margin: 10px 0px;
    ;
    -webkit-transition: all 400ms ease;
    -moz-transition: all 400ms ease;
    -ms-transition: all 400ms ease;
    -o-transition: all 400ms ease;
    transition: all 400ms ease;
    cursor: nw-resize;
}


    .contenedor_imagen_ficha-papel:hover {
        width: 100%;
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        transition: all 400ms ease;
    }

    .contenedor_imagen_ficha-papel span {
        font-size: 35px;
        color: rgba(41, 41, 41, 0.2);
    }

    .contenedor_imagen_ficha-papel:hover span {
        font-size: 35px;
        color: rgba(41, 41, 41, 0.0);
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

#contenido-img-ficha-papel {
    float: left;
    position: relative;
}

    #contenido-img-ficha-papel .bljaIMGtex {
        position: absolute;
        top: 48%;
        right: 3%;
    }


/*----------------------HISTORIA CHAT---------------------------*/

.box-histCHAT {
    font-size: 10px;
    border-bottom: 1px solid #ccc;
}

    .box-histCHAT:hover {
        background-color: #f7f7f7;
        -webkit-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -o-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

    .box-histCHAT > div {
        padding-top: 10px;
    }


/*--------------------RESULTADO EXEAMENES--------------------------------*/
.new-caruselRE-right {
    bottom: 8px;
    color: #fff;
    font-size: 20px;
    opacity: 0.5;
    position: absolute;
    right: 2px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    width: 3%;
}

    .new-caruselRE-right:hover {
        text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
        color: #2196F3 !important;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

.new-caruselRE-left:hover {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 1);
    color: #2196F3 !important;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.new-caruselRE-left {
    bottom: 8px;
    color: #bbdefb;
    font-size: 20px;
    opacity: 0.5;
    position: absolute;
    left: 2px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    width: 3%;
}

.box-datRE {
    font-size: 10px;
    font-weight: bold;
    height: auto;
    border-right: 1px solid #ccc;
    min-height: 36px;
}

.regist-iconRE {
    width: 16.6%;
    float: left;
    text-align: center;
    padding: 1px;
}

.regist-labRE {
	width: 16.6%;
	float: left;
	text-align: center;
	padding: 1px;
	z-index: 1;
	overflow-wrap: break-word;
	line-height: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


    .regist-labRE:hover {
        background-color: #BBDEFB;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
        cursor: default;
        z-index: 0;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

.box-cont-detallRE {
    padding: 6px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 5px 16px -7px rgba(0,0,0,0.39);
    -moz-box-shadow: 0px 5px 16px -7px rgba(0,0,0,0.39);
    box-shadow: 0px 10px 5px -7px rgba(0,0,0,0.39);
}

.headRE-amb {
    background-color: #f5f5f5;
    font-weight: bold;
    overflow-wrap: normal !important;
}

.headRE-hosp {
    background-color: #D8ECD6;
    font-weight: bold;
    overflow-wrap: normal !important;
}

.headRE-urg {
    background-color: #FFF3E8;
    font-weight: bold;
    overflow-wrap: normal !important;
}

@media (max-width: 1100px) {
    .headRE-amb {
        background-color: #f5f5f5;
        font-weight: bold;
        border-right: 1px solid #e1e1e1;
    }

    .icon-indiRE span {
        font-size: 12px !important;
    }

    .headRE-hosp {
        background-color: #D8ECD6;
        font-weight: bold;
        border-right: 1px solid #CCFF99;
    }

    .headRE-urg {
        background-color: #FFF3E8;
        font-weight: bold;
        border-right: 1px solid #FFE1BD;
    }
}

.headRE-urg:hover {
    background-color: #FFE1BD !important;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.headRE-amb:hover {
    background-color: #e1e1e1 !important;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.headRE-hosp:hover {
    background-color: #99CC99 !important;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}


.icon-indiRE {
    color: #1976d2;
    text-rendering: optimizeLegibility;
    font-size: 14px;
}

    .icon-indiRE:hover span {
        color: #BBDEFB;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
    }

.btnmasymenos {
    background-color: #BBDEFB;
    color: #1976d2;
    height: 25px;
    width: 35px;
    font-weight: bold !important;
    text-rendering: optimizeLegibility;
    padding: 0px !important;
}

    .btnmasymenos:hover {
        color: #fff;
        border: 1px solid #1976d2;
        -webkit-transition: all 200ms ease;
        -moz-transition: all 200ms ease;
        -ms-transition: all 200ms ease;
        -o-transition: all 200ms ease;
        transition: all 200ms ease;
    }

.effectfd-300 {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}



/*-------------CHAT URGENCIA - URG--------------------*/


.class-enferURG {
    border-left: 7px solid #BFBFFF;
}

.btn-fitl-URG {
    background-color: #e6e6e6;
    border: 1px solid #ddd !important;
}

    .btn-fitl-URG i {
        color: #666 !important;
    }

    .btn-fitl-URG:hover {
        background-color: #cecece;
        color: #666 !important;
        border: 1px solid #cecece !important;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
    }

    .btn-fitl-URG:focus {
        background-color: #cecece;
        color: #666 !important;
        border: 1px solid #cecece !important;
    }

.btn-fitl-enferURG {
    background-color: #BFBFFF;
    color: #fff;
    border: 1px solid #9999cc;
}

    .btn-fitl-enferURG:hover {
        background-color: #BFBFFF;
        color: #fff !important;
        border: 1px solid #BFBFFF;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
    }

    .btn-fitl-enferURG:focus {
        background-color: #9999cc;
        color: #fff !important;
        border: 1px solid #BFBFFF;
    }

.class-medURG {
    border-left: 7px solid #26C9FF;
}

.btn-fitl-medURG {
    background-color: #26C9FF;
    color: #fff;
    border: 1px solid #26C9FF;
}

    .btn-fitl-medURG:hover {
        background-color: #26c9ff;
        color: #fff !important;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
    }

    .btn-fitl-medURG:active {
        background-color: #3399cc !important;
        color: #ddd !important;
        border: 1px solid #ddd !important;
    }

    .btn-fitl-medURG:focus {
        background-color: #3399cc !important;
        color: #ddd !important;
        border: 1px solid #ddd !important;
    }

#name-btn-filt span {
    /* Container properties */
    top: -1px;
    width: 0;
    left: 29px;
    position: absolute;
    overflow: hidden;
    /* Text properties */
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.6px;
    white-space: nowrap;
    line-height: 39px;
    /* CSS3 Transition: */
    -webkit-transition: 0.25s;
    /* Future proofing (these do not work yet): */
    -moz-transition: 0.25s;
    transition: 0.25s;
    z-index: 2;
}



/*-------------CHAT URGENCIA - URG--------------------*/


.class-enferURG {
    border-left: 7px solid #BFBFFF;
}

.btn-fitl-URG {
    background-color: #e6e6e6;
    color: #666 !important;
    border: 1px solid #ddd !important;
}

    .btn-fitl-URG:hover {
        background-color: #cecece;
        color: #666 !important;
        border: 1px solid #cecece !important;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
    }

    .btn-fitl-URG:focus {
        background-color: #cecece;
        color: #666 !important;
        border: 1px solid #cecece !important;
    }

.btn-fitl-enferURG {
    background-color: #BFBFFF;
    color: #fff;
    border: 1px solid #9999cc;
}

    .btn-fitl-enferURG:hover {
        background-color: #9999cc;
        color: #fff !important;
        border: 1px solid #BFBFFF;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
    }

    .btn-fitl-enferURG:focus {
        background-color: #9999cc;
        color: #fff !important;
        border: 1px solid #BFBFFF;
    }

.class-medURG {
    border-left: 7px solid #26C9FF;
}

.btn-fitl-medURG {
    background-color: #26C9FF;
    color: #fff;
    border: 1px solid #3399cc;
}

    .btn-fitl-medURG:hover {
        background-color: #3399cc;
        color: #fff !important;
        border: 1px solid #336699;
        -webkit-transition: all 250ms ease-in-out;
        -moz-transition: all 250ms ease-in-out;
        -ms-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
    }

    .btn-fitl-medURG:active {
        background-color: #3399cc !important;
        color: #ddd !important;
        border: 1px solid #ddd !important;
    }

    .btn-fitl-medURG:focus {
        background-color: #3399cc !important;
        color: #ddd !important;
        border: 1px solid #ddd !important;
    }

.col-md-2-12 {
    float: left;
    width: 16.66666667%;
    padding: 0px;
}

.col-md-3-12 {
    float: left;
    width: 25%;
    padding: 0px;
}

.col-md-4-12 {
    float: left;
    width: 33.3333%;
    padding: 0px;
}

.col-md-5-12 {
    float: left;
    width: 41.6667%;
    padding: 0px;
}

.col-md-6-12 {
    float: left;
    width: 50%;
    padding: 0px;
}

.col-md-7-12 {
    float: left;
    width: 58.3333%;
    padding: 0px;
}

.col-md-8-12 {
    float: left;
    width: 66.6667%;
    padding: 0px;
}

.col-md-9-12 {
    float: left;
    width: 75%;
    padding: 0px;
}

.col-md-10-12 {
    float:left;
    width: 83.33333333%;
    padding:0px;
   
}

@media (max-width: 1100px) {
    .col-md-2-12, .col-md-3-12, .col-md-4-12, .col-md-5-12, .col-md-6-12, .col-md-7-12, .col-md-8-12, .col-md-9-12, .col-md-10-12 {
        float: left;
        width: 100%;
        padding: 0px;
    }
}

#name-btn-filt button {
    height: 30px;
    width: 30px;
    display: block;
    position: relative;
    z-index: 1;
    float: left;
    padding: 6px 1px 6px 1px;
}

    /* General hover styles */

    #name-btn-filt button:hover span {
        width: auto;
        padding: 0 20px;
        overflow: visible;
    }

    #name-btn-filt button:hover {
        text-decoration: none;
        z-index: 2;
    }

/* Green Button */

#name-btn-filt .style-all {
    background-position: 0 0;
}

    #name-btn-filt .style-all:hover {
        background-position: 0 -39px;
    }

    #name-btn-filt .style-all span {
        height: 30px;
        z-index: 2;
        background-color: #cecece;
        color: #666;
        transition: all 250ms ease-in-out 0s;
    }

/* Blue Button */

#name-btn-filt .style-medic {
    background-position: -38px 0;
}

    #name-btn-filt .style-medic:hover {
        background-position: -38px -39px;
    }

    #name-btn-filt .style-medic span {
        background-color: #26c9ff;
        z-index: 2;
        color: #fff;
        height: 30px;
    }

/* Orange Button */

#name-btn-filt .style-enferm {
    background-position: -76px 0;
}

    #name-btn-filt .style-enferm:hover {
        background-position: -76px -39px;
    }

    #name-btn-filt .style-enferm span {
        background-color: #bfbfff;
        color: #fff;
        height: 30px;
    }


/*--------------URGENCIAS -------------*/

.filter-button {
    margin-right: 5px;
}

.no-truncate span i {
    text-overflow: inherit !important;
}

.header-exmURG {
    border-bottom: 1px solid #ccc;
    margin-top: 6px;
}

    .header-exmURG span {
        float: left;
        color: #2196F3;
        margin-right: 5px;
        margin-left: 5px;
        padding-top: 3px;
    }

.body-exmURG div {
    border-bottom: 1px solid #eee;
    padding: 2px 1px;
    width: 100%;
}

.body-exmURG span {
    font-weight: bold;
}

.body-exmURG i {
    color: #2196F3;
    margin-left: 10px;
    margin-right: 6px;
}


.regisEMurg-chat {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding: 5px 0px 1px 0px;
}

.valor-RC-CHAT p {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.total-RC-CHAT label {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.col-box-5 {
    float: left;
    display: inline-block;
    width: 20%;
}

.box-triagURG {
    border-right: 1px solid #ccc;
}

    .box-triagURG ul {
        margin-bottom: 0px !important;
    }

    .box-triagURG li {
        border-bottom: 1px solid #ccc;
        border-radius: 0px !important;
        margin-bottom: 0px !important;
        padding: 3px 0px;
        text-align: center;
        border-left: 1px solid #ccc;
    }


.dat-triagURG li {
    border-bottom: 1px solid #ccc;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
    padding: 3px;
    font-size: 11px;
}


.top-trgURG {
    font-weight: bold !important;
    padding: 7px 0px !important;
    height: 38px;
}


.effect-indi-triag:hover {
    color: #fff;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.list-p-style p {
    margin-bottom: 2px;
}


/*-------------------HOSPITALIZADO---------------------------*/


.carouselHSP-right {
    bottom: 16px;
    color: #fff;
    font-size: 20px;
    opacity: 0.5;
    position: absolute;
    right: 9px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    width: 3%;
}

.carouselHSP-left {
    bottom: 16px;
    color: #bbdefb;
    font-size: 20px;
    opacity: 0.5;
    position: absolute;
    left: 2px;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    width: 3%;
}

.box-calHSP {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    cursor: pointer;
}

    .box-calHSP:hover {
        cursor: pointer;
        background-color: #2196F3;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
        color: #fff;
    }


.day-HSP {
    width: 33.33333333%;
    float: left;
    padding: 5px 5px 3px 0px;
}

    .day-HSP h5 {
        font-size: 26px;
        text-align: right;
        margin: 0px;
        letter-spacing: -2px;
        color: #1976D2;
    }

    .day-HSP h6 {
        font-size: 8px;
        text-align: right;
        margin: 0px;
    }

.info-HSP {
    width: 66.66666667%;
    float: left;
    padding: 7px 0px 3px 5px;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.1);
    height: 45px;
}

    .info-HSP p {
        font-size: 9px;
        text-align: left;
        margin: 0px;
        line-height: 9px;
    }

.active-HSP {
    color: #1976D2;
    background-color: #BBDEFB;
    border-bottom: 1px solid #2196F3;
    border-left: 1px solid #2196F3;
    border-right: 1px solid #2196F3;
}

.day-Modal-HSP {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    width: 11.11111111111111%;
    float: left;
    cursor: pointer;
    color: #1976D2;
}

    .day-Modal-HSP:hover {
        border-left: 1px solid #eee;
        border-right: 1px solid #eee;
        border-bottom: 1px solid #eee;
        background-color: #C7EAFF;
    }

.day-header-HSP {
    background-color: rgba(144, 213, 255, 0.5);
    text-align: center;
    color: #1976D2;
    text-transform: capitalize;
    font-size: 15px;
    padding: 7px 2px !important;
    font-weight: bold;
}

.day-body-HSP {
    text-align: center;
    font-size: 11px;
    padding: 7px 2px !important;
}

.header-Modal-HSP {
    background-color: #1976D2;
    color: #fff;
    text-align: left;
    font-size: 12px;
    padding: 3px 20px;
}

.body-med-HSP {
}

    .body-med-HSP p {
        margin: 0px;
    }

.program-med-HSP {
    padding: 0px 3px;
}

    .program-med-HSP p {
        margin: 0px;
        font-weight: bold;
    }

    .program-med-HSP i {
        float: left;
        color: #2196F3;
        margin-right: 5px;
        margin-top: 2px;
        margin-left: 5px;
    }

    .program-med-HSP label {
        float: left;
    }

.square-color-redpale {
    background-color: #fff;
    border: 1px solid red;
    color: red;
    font-size: 10px;
}

    .square-color-redpale::after {
        content: "NA";
    }

.square-color-greenA {
    background-color: #CCFF99;
    border: 1px solid #009933;
    color: #009933;
    font-size: 10px;
}

    .square-color-greenA::after {
        content: "A";
    }

.box-MC-HSP {
    border: 1px solid red;
    color: red;
    padding: 3px;
    max-width: 145px;
}

.padd-3 {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.head-protHSP {
    -webkit-box-shadow: 0px 0px 2px 1px rgba(51,51,51,0.11);
    -moz-box-shadow: 0px 0px 2px 1px rgba(51,51,51,0.11);
    box-shadow: 0px 0px 2px 1px rgba(51,51,51,0.11);
    border: 1px solid #ccc;
    padding: 5px;
    color: #2196F3;
    font-size: 10px;
    line-height: 11px;
    min-height: 38px;
}


.box-preanesHSP {
    background-color: #EEEEEE;
    color: #063d8d;
    padding: 3px 13px 0px 12px !important;
    border-radius: 4px;
}

    .box-preanesHSP label {
        color: #063d8d;
    }

    .box-preanesHSP i {
        color: #2196f3;
    }


.antecetabHSP {
    border-top: 1px solid #1976d2;
    border-right: 1px solid #1976d2;
    border-left: 1px solid #1976d2;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    color: #1976d2;
    font-weight: bold;
    background-color: #BAD9F4;
    cursor: pointer;
}

    .antecetabHSP:hover {
        border-top: 1px solid #1976d2;
        border-right: 1px solid #1976d2;
        border-left: 1px solid #1976d2;
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 12px;
        color: #fff;
        font-weight: bold;
        background-color: #1A7BB7;
        cursor: pointer;
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }


.antecetab-activHSP {
    border-top: 1px solid #1976d2;
    border-right: 1px solid #1976d2;
    border-left: 1px solid #1976d2;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
    color: #2196f3;
    font-weight: bold;
    cursor: pointer;
}

.box-antetabHSP {
    background-color: #F8F8F8;
    border: 1px solid #ddd;
    padding: 8px;
}


.font-9spc li {
    max-width: 123px;
}

@media (max-width: 1025px) {
    .font-9spc li {
        max-width: 99px;
    }
}

.font-9spc ul li a {
    font-size: 9px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.disp-invHSP {
    border: 1px solid #2196F3;
    padding: 5px;
    background-color: lightyellow;
    height: 30px;
}



.sub-titleHDP {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #063d8d;
    border-radius: 4px;
    padding-left: 10px;
    border: 1px solid #2196F3;
}





/*----HOJA DE ENFERMERIA----*/

.panel-success {
    border: 1px solid #d6e9c6 !important;
    border-radius: 4px !important;
}

.claertable tr td {
    padding: inherit !important;
    text-align: center;
}

.tens-PDC {
    background-color: #ccffff;
}


.enferm-PDC {
    background-color: #BBDEFB;
}

.matro-PDC {
    background-color: #ffcccc;
}

.sos-PDC {
    background-color: #ff9933;
}


.r-PDC::after {
    color: #fff;
    font-weight: bold;
    content: "R";
    font-size: 12px;
    background-color: #72C321;
    padding: 0px 2px;
    border-radius: 3px;
}



.x-PDC::after {
    color: #fff;
    font-weight: bold;
    content: "X";
    font-size: 12px;
    background-color: #FF2F2F;
    padding: 0px 2px;
    border-radius: 3px;
}



.progrm-PDC {
    background-color: #e9e9e9;
    color: #666;
    font-weight: bold;
    border-color: #666 !important;
}

.progrm-DIA-Dark {
    background-color: #e9e9e9;
    color: #666;
    font-weight: bold;
}

.classActProgram {
    max-width: 120px;
    
}

.iconl-CID {
    border: 1px solid #FF2F2F;
    width: 23px;
    height: 21px;
    padding: 1px 7px;
    font-weight: 900;
    margin-bottom: 5px;
}

    .iconl-CID::after {
        content: "L";
        color: #FF2F2F;
    }

.n-rolHSP {
    border: 1px solid #BAD9F4;
    padding: 3px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: bold;
    color: #1976D2;
}

.iconN-CID {
    border: 1px solid #FF2F2F;
    width: 23px;
    height: 21px;
    padding: 1px 7px;
    font-weight: 900;
    margin-bottom: 5px;
}

    .iconN-CID::after {
        content: "N";
        color: #FF2F2F;
    }

/**********************************/
.bord {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    padding-top: 3px;
    padding-bottom: 3px;
}

.headbord {
    font-size: 8px;
    text-align: center;
    border-right: 1px solid #ddd;
}

.headbord1 {
    font-size: 8px;
    text-align: center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.classViewPA {
    margin: 6px;
    border: 1px solid #777 !important;
    background-color: #fff !important;
    color: #777 !important;
    font-size: 10px !important;
}

    .classViewPA:hover {
        margin: 6px;
        border: 1px solid #777 !important;
        background-color: #777 !important;
        color: #fff !important;
        font-size: 10px !important;
        -webkit-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -o-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }

.OCULTfavMENU {
}

/*ESCONDER MENU FAVORITO*/

li#Favoritos {
    display: none;
}


.panelGrafico > div {
    font-weight: 800;
    font-size: 11px;
}

/*============================================================
=            NUEVAS CLASS COMBO FILTRO AMBULATORIO chat          * 
==============================================================*/


@media (max-width:1370px) {
    .paginacion-hc {
        border: 1px solid #ddd !important;
        float: left !important;
        line-height: 1.42857 !important;
        margin-left: -1px !important;
        position: relative !important;
        text-decoration: none !important;
        font-size: 11px !important;
    }

    .selecSpeciaCHAT {
        min-width: 180px;
    }

    .btns-white {
        font-size: 8px;
    }

    .btns-green {
        font-size: 8px;
    }

    .btns-orange {
        font-size: 8px;
    }
}

.selecSpeciaCHAT {
    margin-right: 3px;
    border: 1px solid #c7c7c7;
    min-width: 200px;
    border-radius: 6px;
}

    .selecSpeciaCHAT div select {
        width: 81px;
        margin-top: 2px;
        padding: 3px 0px;
        font-size: 11px;
        margin-left: 10px;
    }


/*============================================================
=            CLASES CHAT ENFERMERÍA        * 
==============================================================*/


.btnsfiltrEnfeMenor {
    float: right;
    margin-right: 7px;
    margin-top: 5px;
    cursor: pointer;
}

    .btnsfiltrEnfeMenor label {
        background-color: #9999cc;
        padding: 5px 10px 4px 11px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        cursor: pointer;
        color: #fff;
    }

        .btnsfiltrEnfeMenor label:hover {
            background-color: #6B6BB6;
            -webkit-transition: all 300ms ease;
            -moz-transition: all 300ms ease;
            -ms-transition: all 300ms ease;
            -o-transition: all 300ms ease;
            transition: all 300ms ease;
        }

    .btnsfiltrEnfeMenor span {
        background-color: #bfbfff;
        margin-left: -4px;
        padding: 6px;
        font-weight: bold;
    }

.btnsfiltrEnfeQuir {
    float: right;
    margin-right: 7px;
    margin-top: 5px;
    cursor: pointer;
}

    .btnsfiltrEnfeQuir label {
        background-color: #ECB100;
        padding: 5px 10px 4px 11px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
        cursor: pointer;
        color: #fff;
    }

    .btnsfiltrEnfeQuir span {
        background-color: #FFEFBF;
        margin-left: -4px;
        padding: 6px 4px 5px 4px;
        font-weight: bold;
    }

.style-enferMenCHAT {
    border-left: 12px solid #BFBFFF;
}

.style-enferQuiCHAT {
    border-left: 12px solid #ffefbf;
}

.altanferCHAT {
    overflow: auto;
    height: 750px;
}

@media (max-height:810px) {
    .altanferCHAT {
        overflow: auto;
        height: 550px;
    }
}


.headtableInsumEFM {
    color: #2196F3;
    font-weight: bold;
    font-size: 12px;
    border-bottom: 1px dotted #ccc;
    padding: 5px 0px;
}


.farmcsenfermCHAT {
    border-bottom: 1px dotted #ccc;
    padding: 3px 0px;
}

/*k-widget k-upload k-header k-upload-empty k-dropzone*/

.clearAdjEnfer k-header {
    background-color: #fff !important;
}

.btn-basic-chatENF {
    background-color: #bbdefb;
    border: medium none;
    color: #1976d2;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4;
    margin: 2px;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
    float: right;
    border-radius: 0px;
}

    .btn-basic-chatENF:hover {
        color: #fff !important;
        background-color: #bbdefb;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -ms-transition: all .4s ease;
        transition: all .4s ease;
    }

.btn-basic-chatENFOff {
    background-color: #ccc;
    border: medium none;
    color: #999;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4;
    margin: 2px;
    padding: 6px;
    text-align: center;
    text-transform: uppercase;
    float: right;
    border-radius: 0px;
}

.eso div.k-grid-content {
    height: auto !important;
}

.icon-vidamed {
    /*background-image: url('../../images/RCE/InformacionVI.gif');*/
    padding-top:10px;
}

.TransfuClass {
    border:1px solid #ccc;
    padding-bottom:8px;
}

.content-img100 {
    border:1px solid #eee;
}


@-webkit-keyframes fadeIn2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn2 {
    -webkit-animation-name: fadeIn2;
    animation-name: fadeIn2;
}

.alertExamApiDowload {
    border: 1px solid #faebcc;
    background-color: #fcf8e3;
    padding:5px 10px !important;
    border-radius: 4px;
    color: #8a6d3b;
}

.alertExamApiDowload .boton_listo{
    font-size:10px !important;
    padding:8px 5px !important;
}

.icon-C-PlanCuid {
    width: 19px;
    height: 17px;
    color: #1976D2;
    background-color: #eaeaea;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-weight: bolder;
    font-size: 11px;
    padding: 2px;
    text-align: center;
    margin:auto;
}



.clearInputPlaCui {
    
}

.clearInputPlaCui input{
    margin: 4px 3px !important;
}

.FormatLeyendPlCui {
    width: 22px;
    height: 22px;
    padding: 4px;
    float: left;
}

.clear-basic-box-CHATInto {
    padding: 0px;
}

    .clear-basic-box-CHATInto .basic-box-CHAT {
        border: none !important;
        padding: 0px !important;
    }

.FormatLeyendPlCui input {
    margin: 0px !important;
}


.doc-imprimir-canastages-chat{
    font-size: 16px;
    padding: 0px;
    background-color: white;
    float: left !important;
}

.doc-imprimir-canastages{
    font-size: 16px;
    padding: 0px;
    background-color: white;
    float: left !important;
}

.doc-eliminar-canastages{
    font-size:14px;
    color:#ff0000;
    margin-right: 10px;
    float: right; 
    padding-left:10px; 
    padding-top: 6px;
}

#modal-integracion-lis {
    margin-left: 65px !important;
    margin-top: 90px !important;
}

@media only screen and (max-width: 1200px) {
    #modal-integracion-lis {
        margin-left: 30px !important;
    }
}