:root {
    --red_cms: #a01e26;
    --blue_hps : #100D2C;
}

@font-face {
    font-family: MontserratB;
    /*font-weight: bold;*/
    src: url("fonts/Montserrat-Black.ttf") format("opentype");
}

@font-face {
    font-family: MontserratL;
    /*font-weight: bold;*/
    src: url("fonts/Montserrat-Light.ttf") format("opentype");
}

@font-face {
    font-family: MontserratR;
    /*font-weight: bold;*/
    src: url("fonts/Montserrat-Regular.ttf") format("opentype");
}

html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: MontserratR;
    height:100%;
}

#vc_titleVideocall{
    margin-bottom: 0px;
}

#vc_videoMain{
    position: relative;
    height: 80% !important;
}

#vc_controls{
    position: absolute;
    display: inline;    
    height: 13%;
    z-index: 1000;
    bottom: 0;  
    padding-left: 2em;
    padding-right: 2em;  
}
#endVideoCall{
    transform: rotate(160deg);
}

#startScreenSharing, #enableTextChat{
    display: none;
}

#vc_logo{
    width: 14em;
}

#vc_wait_message{
    position: absolute;
    z-index: 100;
    top: 20px;
    padding-left: 2em;
    padding-right: 2em;
}

.vc_loading{
    color: var(--blue_hps);
}

.btn-primary {
    border-color: var(--blue_hps);
    background-color: var(--blue_hps);
}

.vc_hidden{
    display: none !important;
}

/*Mensajes al usuario*/
#vc_messages, #byeMessagePatient{
    margin-top: 4em;
}
#errorIcon{
    color: var(--red_cms);
}


/*chat styles*/
#vc_chat.App-chat-container {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 5px;
}

#messagesWaiting, .chatCharacterCount{
    font-size: 12px;
    font-weight: bold;
}

.chatDeliveryMessage{
    font-size: 12px;
    font-weight: bold;
    padding: 0.2rem;
}

.chatMessageContainer{
    margin-bottom:0.5em;
}

.chatSendMessage{
    position: absolute;
    bottom: 0;
    width: 92%;
}
#chatHeader{
    padding:4px;
    text-align: right;
}
#chatTitle{
    float: left;    
    text-align: left;
}

#chatCloseBtn{
    font-size: 20px;
    padding: 0;
    background-color: #fff;
    border-color: #fff;
}

#chatInputFile{
    display: none;
}

#messagesHolder{
    overflow-y: scroll;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: 5px;
    margin-right: 5px;
    height: 80%;
};

#enableTextChatBadge{
    float: right;
    margin: -5px;
    border: 1px solid #cecece;
}


/*Dialogo terminos y condiciones*/
.modal-body{
    font-size: 14px;
    text-align: left;
}

#clausula_contacto, 
#clausula_comunicaciones{
    width:20px;
    height: 20px;
}
#clausula_contacto{
    margin-bottom: 0.5em;
}

/*HPS buttons*/
.btn-success, .btn-success:disabled, .btn-success:hover{
    background-color: var(--blue_hps);
    border-color: var(--blue_hps);
}

/*HPS LOGO TERMS AND CONDITIONS*/
#logoHPSTermsConditions{
    width: 6em;
    margin-right: 1em;
}

#headerTermsConditions{
    justify-content: normal;
}

@media (min-width: 576px){
    .modal-dialog {
        max-width: 850px;
        margin: 1.75rem auto;
    }
}

/**********************/



/* Estilos movil */
@media (max-width: 576px){

    #logoHPSTermsConditions{
        width: 4em;
        margin-right: 1em;
    } 
    #modalTermsConditionsTitle{
        font-size: 1em;
    }
    
    #vc_logo{
        width: 11em;
    }

}