

.pt_content{
    padding-top: 24px;
    padding-bottom: 24px;
}
.border_10 img{
    border-radius: 10px;
    object-fit: cover;
}
/*Authorization*/
.title_auth h3{
    color: var(--violet);
    font-family: var(--bold);
}
.form_authorization form .mb-3 label{
    color: var(--violet);
    font-family: var(--bold);
}
.form_authorization form .mb-3 input{
    border: 2px solid var(--violet);
    border-radius: 10px;
}
.form_authorization form .mb-3 button{
    background-color: var(--violet);
    color: white;
    font-family: var(--bold);
    border-radius: 10px;
}
.form_authorization form .mb-3 button:hover{
    color: var(--yellow);
}
/*Alert*/
.alert_card{
    color: var(--green);
    text-align: center;
    font-family: var(--bold);
}

/*Navbar*/
.bc_dark{
    background-color: var(--violet_dark);
}
.wrap_nav{
    float: left;
    position: sticky;
    top:0;
    min-height: 100vh;
}
.contentmain {
    flex-grow: 1;
}

/*Icons*/
.fa-solid{
    width: 25px;
    height: 16px;
     color: white !important;
}
.link_fb a{
    color: white;
    font-family: var(--regular);
}
.link_fb a:hover{
    color: var(--yellow);
    font-family: var(--regular);
}
.color_dv{
    color: var(--violet_dark) !important;
}
.color_y{
    color: var(--yellow);
}
.color_v{
    color:var(--violet);
}
/*Content*/
.title_section_crm h3, h4 ,h5{
    font-family: var(--bold);
    color: var(--violet_dark);
}

/*Drop_menu*/
.drop{
    background-color: var(--violet) !important;
}
.drop a:hover{
    background-color: var(--violet_dark);
}

/*Forms*/
.btn_crm_mine{
    background-color: var(--violet_dark);
    color: white;
    font-family: var(--regular);
    border-radius: 10px;
}
.btn_crm_mine:hover, .btn_crm_good:hover, .btn_crm_violet:hover{
    color: var(--yellow);
}
.btn_crm_good{
    background-color: var(--green);
    color: white;
    font-family: var(--regular);
    border-radius: 10px;
}
.btn_crm_violet{
    background-color: var(--violet);
    color: white;
    font-family: var(--regular);
    border-radius: 10px;
}
.btn_crm_yellow{
    background-color: var(--yellow);
    color: white;
    font-family: var(--regular);
    border-radius: 10px;
}
.btn_crm_yellow:hover{
    color: var(--violet_dark);
}


.filter_crm select, .filter_crm input{
    border-radius: 10px;
    border: 2px solid var(--violet_dark);
}
.form_crm select,.form_crm input, .form_crm textarea{
    border: 2px solid var(--violet_dark) !important;
    border-radius: 10px !important;
}
.form_crm label{
    color: var(--violet_dark);
}
.text_style span{
    font-family: var(--bold);
}
.text_style a, span{
    color: var(--violet_dark);
}
.text_style a:hover{
    color: var(--green);
}
.btn_a{
    border-radius: 10px;
    background-color: var(--violet_dark);
    font-family: var(--regular);
    color: white;
}


/*Table*/
thead{
    background-color: var(--violet_dark);
}
th{
    color: white;
    font-family: var(--bold);
    border-style: 1px solid var(--violet_dark);
}
.table-wrapper {
    max-height: 100px;
    overflow-y:auto;
    display: table;
}
/*Gallery*/

.z-index1{
    position: relative;
    margin-top: -64px;
    z-index: 1;
}
.z-index0{
    position: relative;
    z-index: 0;
}

/*Feedbacks*/
.row_feedback{
    padding-top: 12px;
    border-top: 2px solid var(--violet_dark);
}


/*Schedule*/
.card_schedule{
    background-color: var(--violet_dark);
    color: white;
    text-align: center;
    font-family: var(--bold);
    padding: 10px;
    border-radius: 10px;
    margin: 2px;

}
.card_schedule a{
    color: white;
    font-size: 12pt;
}.card_schedule a:hover{
    color: var(--yellow);
 }
.card_schedule p{
    margin: 2px;
    font-size: 9pt;
}
.table_schedule {
    width: 100%;
    border-collapse: collapse;
}
.table_schedule  td{
    border: 2px solid white;

}
.table_schedule thead{
    color: white;
    font-size: 10pt;
}
.weekRow{
    text-align: center;
    margin: 0;
    padding: 0;
}
.weekRow p{
    display: block;
    text-align: center;
}
.timeCol{
    background-color: var(--violet_dark);
    color: white;
    font-size: 10pt;
    text-align: center;
}


.modal-body_schedule{
    text-align: start ;
    color: var(--violet_dark);
}
.modal-body_schedule p{
    font-size: 12pt;
    font-family: var(--regular);
}
