.font-family-base {
    font-family: 'Montserrat', sans-serif;
}


/*Bootstrap variants for buttons*/

.btn{
    padding: 0.5rem 0.75rem!important;
}

.left{
    padding-left: 0!important;
    margin-left: 0!important;
}

.btn:disabled{
    background-color: #bfbebe!important;
    border: none!important;
    opacity: 0.9!important;
}


.btn:disabled:hover{
    opacity: 0.9!important;
}

.btn-primary{
    margin-bottom: .5rem!important;
}

.btn-primary:hover{
    opacity: 0.9;
}


.btn-secondary:hover{
    opacity:0.9;
}

.btn-danger{
    background-color: #D32A4A !important;
}

.btn-danger:hover{
    opacity:0.9;
}

.btn-info{
    margin-bottom: .5rem!important;
}

.btn-info:hover{
    opacity:0.9;
}

.btn-outline-info{
    color:   #395fa9!important;
    border-color:  #395FA9!important;
    background-color: white!important;
}

.btn-outline-info:hover{
    color:  white!important;
    border-color:  white!important;
    background-color:  #395fa9!important;
}

.btn-outline-info-light{
    color:  #395FA9!important;
    border-color:  #395FA9!important;
    background-color: white!important;
}

.btn-outline-info-light:hover{
    color:  #395FA9!important;
    border-color:  white!important;
    background-color: white!important;
}

.btn-outline-warning{
    color: #5b5b5b!important;
    border-color: #BDBDBD!important;

}

.btn-outline-warning:hover {
    color: #FFFFFF!important;
    background-color: #5CB6E7!important;
    border-color: #5CB6E7!important;
}


.btn-outline-primary{
    color: #395FA9!important;
    border-color: #395FA9!important;

}

.btn-outline-primary:hover{
    color: #ffffff!important;
    background-color:#395FA9!important;

}

.text-btn{
    padding-left: 0!important;
    background-color: none!important;
}


.link-button{
    text-decoration: none!important;
}


button:focus{
    outline:none!important;
}

/*Boostrap variants for backgrounds*/

.bg-primary{
    background-color: #395FA9!important;
}

.bg-secondary{
    background-color: #5CB6E7!important;
}

.bg-primary-light{
 background-color: #1959e90d;
}

.bg-light{
    background-color: #f8f9fa!important;
}

.bg-info{
    background-color: #395fa9!important;
}

.bg-info-light{
    background-color: #dee5f4!important;
}

.bg-dark{
    background-color: #395fa9!important;
}

.bg-dark-transparent{
    background-color: #1d1d1f87!important;
}



/*Bootstrap variants for texts*/


.small, small{
    font-weight: 400!important;
    font-size: 0.8rem;
}

.small-text{
    font-size: 0.8rem;
}

/*Bootstrap variants for Modals*/

.modal-header{
    color:#395FA9;
    text-transform: uppercase;
}

.modal-dialog-500{
    width: 500px!important;
}

.modal-content-850{
 width: 850px!important;
}

/*Bootstrap variants for Borders*/
.border-bottom{
    border-bottom-width: 1px !important;
}

.no-border{
    border-width: 0px!important;
}

/*Bootstrap variants for FormControls*/

.form-control:focus{
    outline: none!important;
    box-shadow: none;
}

.no-border-radius{
    border-radius: 0!important;
}

.required::after{
    content: "*";
    color: red;
}

.required{
    font-size: 0.8rem;
    color:red;
}

.label{
    font-size: 0.8rem;
    padding-bottom: 0!important;
    margin-left: 0!important;
    margin-top: 0.5rem;
}

.btn:focus{
    outline: none!important;
    box-shadow: none!important;
}

.btn:focus:active{
    outline: none;
    box-shadow: none;
}


/* Cursor*/
.cursor{
    cursor:pointer;
}


/* Bootstrap variants for DropDown.Toggle*/

.no-caret::before {
    content: none!important;
 }

 .no-caret::after {
     content: none!important;
  }

/*Boostrap variants for Container-fluid*/
 .container-fluid {
        padding-left: 0!important;
        padding-right: 0!important;
        margin-left: 0!important;
        margin-right: 0!important;
    }

.container{
    padding-left: 0!important;
    padding-right: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
}

.themed-container{
    background-color: #e6e6e630;
}

/*Bootstrap variants for Col an Row*/

.col{
    margin-left: 0!important;
    margin-right: 0!important;
}

.row{
    margin-left: 0!important;
    margin-right: 0!important;
}

/*Boostrap Variants for Bradcrumb*/

.breadcrumb{
    background-color: rgba( 111, 205, 70, 0.1)!important;
}

thead {
    border-top: none!important;
}

th {
    border-top: none!important;
    font-weight: 500!important;
}

td > a{
    color: #5b5b5b;
}

.table{
    color: unset !important;
}

/* Bootsrap variants for tables*/

.borderless td, .borderless th {
    border: none!important;
}

/*Links*/

.primary-link{
    text-decoration: none!important;
    color:#5CB6E7;
}

.primary-link:hover{
    text-decoration: none!important;
    color: #5CB6E7;
}

.secondary-link{
    text-decoration: none!important;
    color:#343434;
}

.secondary-link:hover{
    text-decoration: none!important;
    color:#343434;
}

.info-link{
     color: #395fa9!important;
     text-decoration: none!important;
}

.info-link:hover{
    background-color: #395fa9!important;
    color: white!important;
}

.muted-link{
    text-decoration: none!important;
    color:#5b5b5b;
}

.muted-link:hover{
    color: black;
}


/*Pagination variants for bootstrap*/

.page-link{
    border: none!important;
    color: #858383!important;
}

.page-link:hover{
    color: #395fa9!important;
}

.page-item.active .page-link{
    background-color: #395fa9!important;
    color: #ffffff!important;
}


/*Alerts variants for bootstrap*/

.alert-warning{
    background-color: #d7f03524!important;
    text-align: center;
    font-size: small;
    border: none!important;
    color: #495057!important;
}

.alert-danger{
    background-color: #ffdbdb!important;
    text-align: center;
    font-size: small;
    border: none!important;
    color: #495057!important;
}

.alert-success{
    background-color:#c9ffd2 !important;
    text-align: center;
    font-size: small;
    border: none!important;
    color: #495057!important;
}

/* pills variants bootstrap*/

.nav-pills .nav-link.active {
    background-color: #395FA9!important;
    color: white!important;
    border: solid 1px white!important;
}

.nav-pills .nav-link{
    background-color: white!important;
    color: #395FA9!important;
    border: solid 1px white!important;
}

.nav-pills .nav-link:hover{
    border: solid 1px #395FA9!important;
}

.sentiment-google > h1{
    color: #395FA9!important;
}


/*badge variants*/

.badge-info{
    background-color: #395FA9!important;
    margin: 0 6px;
    padding: 5px;
    font-size: 0.6rem;
    vertical-align: text-top;
}

.badge-danger{
    background-color:#fa6b79!important;
    margin: 0 6px;
    padding: 5px;
    font-size: 0.6rem;
    vertical-align: text-top;
}

.badge-success{
    background-color:#5dbd33!important;
    margin: 0 6px;
    padding: 5px;
    font-size: 0.6rem;
    vertical-align: text-top;
}

.badge-warning{
    background-color:#ff9300!important;
    color:white!important;
    margin: 0 6px;
    padding: 5px;
    font-size: 0.6rem;
    vertical-align: text-top;
}

.badge-tags{
    background-color:#ffffff!important;
    color:#395FA9!important;
    border: solid 1px;
    border-color: #395FA9;
    margin: 0 6px;
    padding: 5px;
    font-size: 0.6rem;
    vertical-align: text-top;
}

/* stycky bootstrap variant*/

.sticky-top {
    top: 75px!important;
    z-index:20!important;
}


/*Dropdowns*/
.dropdown-item:active{
    background-color: none!important;
}

.dropdown-item.active, .dropdown-item:active{
    background-color: #e0ecf8!important;
    color: rgb(41, 38, 38)!important;
}

/* Variants for Calendar*/
.fc-button-primary{
    background-color: #5DBD33!important;
    border-color: white!important;
}

.fc-button-primary:hover{
    filter: brightness(1.1);
    border-color: white!important;
}

.fc-button-primary:disabled{
    background-color: white!important;
    color: grey!important;
    border-color: white!important;
}
.fc-button-primary:not(:disabled):active, .fc-button-primary:not(:disabled).fc-button-active{
    border-color: white!important;
}

/*sizing with pixels*/
.max-width-150{
    max-width: 150px;
}

.max-width-300{
    max-width: 300px;
}

/*react joyride*/
.react-joyride__tooltip div{
    text-align: left!important;
}

.react-joyride__tooltip div div{
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}


/*radio buttons*/

.form-check-input{
    width: 15px;
    height: 15px;
}

.custom-control-label {
    margin-bottom: 10px;
}

.custom-radio .custom-control-label::before{
    background-color: white;
    border: 3px solid #DEE2E6;
}
.custom-control-label::before{
    background-color: #DEE2E6;
    border-color: #DEE2E6;
}

.custom-radio .custom-control-input:checked~.custom-control-label::before{
    border: 3px solid #5DBD33!important;
    color: #5DBD33!important;
    background-color: white!important;
}

.custom-radio .custom-control-input:checked~.custom-control-label::after{
    background-image: url("/circle.svg")!important;
}
.custom-control-input:checked~.custom-control-label::before{
    color: #fff;
    border-color: #5DBD33!important;
}


/* file input */

.custom-file-label{
    font-size: 14px!important;
    border: none!important;
	background-color: none!important;
    cursor: pointer!important;
}
.custom-file-label::after{
    display: none!important;
    color: #fff!important;
    content: "Archivo"!important;
    background-color: #5DBD33!important;
    border-color: #5DBD33!important;
}

.custom-file-input{
    cursor: pointer!important;
}



.custom #file-upload-button{
    cursor: pointer!important;
}

.filter-search-reset{
    position: absolute;
    right:1%;
    margin-top: 6px;
    z-index: 10;
}

/*transitions*/

.easy {
    transition: all 0.7s ease-out;
}


/* doctor header*/
.doctor-header{
    min-height: 210px;
    max-height: 210px;
}


.doctor-header > div {
    flex-basis: fit-content;
}


/* round icons*/

.round-icon{
    border-radius: 50%!important;
    width: 50px!important;
    height: 50px!important;
}

.small-round-icon{
    border-radius: 50%!important;
    width: 38px!important;
    height: 38px!important;
    padding: 6px 6px !important;
}