.container-filter{
    display: flex;
    align-items: center;
}

.item-container-filter{
    border: 1px solid #E2E2E2;
    box-sizing: border-box;
    box-shadow: 0px 2px 3px rgba(0 ,0 ,0,0.16);
    border-radius: 4px;
    padding: 13px 12px;
    display: none;
}

.item-container-filter button{
    border: none;
    background: none;
    color: #525f7f;
}

.button-delete-filter{
    text-decoration: underline !important;
    color: #525f7f !important;
    display: none;
}

.active-filter{
    display: block !important;
}

.container-detail-email{
    border: 1px solid #dee2e6;border-radius: 15px;
}

.header-card{
    background: #000000;

    box-sizing: border-box;
    border-radius: 6px 6px 0px 0px;
}

.container-works{
    border: 1px solid #D0D0D0;
    box-sizing: border-box;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.03);
    border-radius: 6px;
}

.container-works p{
    font-weight: 500;
}

.calification{
    background: #C4C4C4;
    border-radius: 5px;
    color: #000000;
    font-weight: bold;
}

.container-footer{
    background: #FAFAFA;
    border-top: 1px solid #D0D0D0;
    box-sizing: border-box;
    border-radius: 0px 0px 5px 5px;
}

.container-header-comment{
    background: #FAFAFA;
    border-radius: 4px 4px 0px 0px;
    border-bottom: 1px solid #D0D0D0;
}

.font-detail{
    color: #1B42A8 !important;
    font-weight: bold;
    font-size: 1.15rem;
}

.your-class{
    padding: 5% 18%;
}

.your-class img{
    width: 100%;
}

.container-slider{
    margin: 10px;
    background: #FFFFFF;
    border: 1px solid #D0D0D0;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

.container-slider-body{
    text-align: center;
    border-top: 1px solid #D0D0D0;
}
.container-slider-body h2{
    margin: 20px 0px;
    color : #333333;
}

.container-slider-body button{
    color: #18A0FB;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    margin: 20px auto;
}

#txt_me_name{
    margin-bottom: 20px;
}

.table-responsive .truncate{
    width: 450px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.switch-field label{
    font-size: 17px;
    padding: 13px 47px;
}

.calendar-cms .body-calendar .cell{height: 34px;}

.calendar-cms .cell .day span{font-size: 14px;}

.calendar-cms .header-calendar div{
    background: #FAFAFA;
    border: none;
    font-weight: 600;
    font-size: 14px;
}

.calendar-cms .body-calendar .cell .day{
    border-radius: 8px;
    color: #18A0FB;
    border: 1px solid #18A0FB;
}

.calendar-cms .body-calendar .cell .day.inactive{
    background: #FFFFFF;
    color: #D0D0D0;
    border-color: #D0D0D0;
}

.header-calendar .hour, .body-calendar .cell .hour {
    min-width: 6%;
    font-size: 14px;
}
.error-class {
    color: red;
    font-size: 14px;
}
.form-control.error-class {
    border-color: #dd4b39;
    box-shadow: none;
}
.form-control-label-error {
  font-weight: 400;
}
.container-slider-body a{
    color: #18A0FB;
    background: none;
    border: none;
    display: flex;
    align-items: center;
    margin: 20px auto;
    justify-content:center;
    box-shadow:none !important;
}
.container-slider-body a img{
    flex:none;
    display:inline-block;
    width:auto;
}

.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link.active{
    background: #f6f9fc;
}

.table-responsive{
    overflow: initial;
}

.table-scroll {
    width: 100%;
    overflow: auto;
}

.welcome-cms{
    height: calc(100vh - 77px);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    Flex-direction: column;
}

.welcome-cms .text-welcome p{
    font-size: 48px;
    font-weight: 700;
}

.welcome-cms .logo-natlingo{
    margin-top: 30px;
    display: flex;
}