.select2-container .select2-selection--single {

    height: 38px;

}



.select2-container--default .select2-selection--single .select2-selection__rendered {

    line-height: 33px;

}



.select2-container--default .select2-selection--single .select2-selection__arrow {

    top: 5px;

}



.card-body {

    padding: 1rem;

}





/* The switch - the box around the slider */



.switch {

    position: relative;

    display: inline-block;

    width: 60px;

    height: 34px;

}





/* Hide default HTML checkbox */



.switch input {

    opacity: 0;

    width: 0;

    height: 0;

}





/* The slider */



.slider {

    position: absolute;

    cursor: pointer;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #ccc;

    -webkit-transition: .4s;

    transition: .4s;

}



.slider:before {

    position: absolute;

    content: "";

    height: 26px;

    width: 26px;

    left: 4px;

    bottom: 4px;

    background-color: white;

    -webkit-transition: .4s;

    transition: .4s;

}



input:checked+.slider {

    background-color: #1c6a1ce6;

}



input:focus+.slider {

    box-shadow: 0 0 1px #2196F3;

}



input:checked+.slider:before {

    -webkit-transform: translateX(26px);

    -ms-transform: translateX(26px);

    transform: translateX(26px);

}





/* Rounded sliders */



.slider.round {

    border-radius: 34px;

}



.slider.round:before {

    border-radius: 50%;

}



#snackbar {

    visibility: hidden;

    min-width: 250px;

    margin-left: -125px;

    background-color: #333;

    color: #fff;

    text-align: center;

    border-radius: 2px;

    padding: 16px;

    position: fixed;

    z-index: 1;

    right: 60px;

    top: 100px;

    font-size: 17px;

}



#snackbar.show {

    visibility: visible;

    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;

    animation: fadein 0.5s, fadeout 0.5s 2.5s;

}



.arata,

.form-check.checked .ascunde {

    display: none;

}



.ascunde,

.form-check.checked .arata {

    display: inline;

}



.form-check.checked .arata {

    color: green;

}



.form-check.checked .arata:hover {

    color: red;

}



.ascunde,

.arata {

    position: absolute;

    left: 0px;

    font-size: 18px;

}



.achitat {

    color: #fff;

    background: #999;

    padding: 3px 10px;

    cursor: pointer;

    position: relative;

    top: 5px;

}



.overflow-y-list {

    overflow: auto;

    overflow-y: scroll !important;

    scrollbar-width: thin;

    scrollbar-color: #dadada transparent;

}



.achitat-verde {

    background-color: green;

}



.form-check-label {

    cursor: pointer;

}



.element_aviz {

    transition: all 200ms linear;

}



.element_aviz:hover {

    transform: scale(0.98);

    cursor: pointer;

}



.div-scroll {

    max-height: 350px;

    margin-top: -20px;

}



.card-header {

    padding: .75rem 1.25rem;

    margin-bottom: 0;

    background-color: #e1f2f7;

    border-bottom: 1px solid rgba(0, 0, 0, .125);

}



.text-info {

    color: #fff !important;

}



.text-info a {

    color: #fb9039;

}



.logoutul {

    padding: 4px 20px 5px 20px;

    border: 1px solid;

    margin: auto 10px;

    color: #fff;

    transition: all 200ms;

}



.logoutul:hover {

    color: #ef0d50;

    text-transform: none;

    opacity: 0.9;

    transform: scale(1.1);

    position: relative;

    text-decoration: none;

}

.icon-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-wrapper .icon-checked i {
   color: #97bee5;
   opacity: 0.4;
}
.page-item
{
    background-color:#0069d9; 
    border: none;
    color: white;
    padding: 4px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    margin-right:5px;
    margin-left:5px;
    border-radius:5px;
    cursor:pointer;
}