
.btn-proxy {
    color: #5cb85c;
}

@media(max-width:500px) {
    ul.option-status .btn {
        min-width: 100%;
        text-align: left !important;
        font-size: 15px;
        justify-content: start;
    }

    .action-btns .btn {
        width: 100% !important;
    }
}

@media(min-width:500px) {

    ul.option-status .btn {
        min-width: 350px;
        text-align: left !important;
        font-size: 15px;
        justify-content: start;
    }
}

@media(max-width:320px) {
    .hidden-vxs {
        display: none;
    }

    .visible-vxs {
        display: initial;
    }
}

@media(min-width:1400px) {
    .info-list mark.answers {
        position: absolute;
        right: 55px;
    }
}

@media(min-width: 992px) and (max-width: 1399px) {
    .info-list mark.answers {
        margin-left: 15px;
        margin-right: 15px
    }
}

@media(max-width:991px) {
    .info-list mark.answers {
        position: absolute;
        right: 55px;
    }
}

mark.yes {
    background-color: #41dd414d !important;
}

mark.no {
    background-color: #dd41414d !important;
}

.notreadmessage a small {
    font-weight: bolder !important;
    font-size: 14px !important;
    margin-right: 4px !important;
    color: #eb3474 !important;
}

.notreadmessage a {
    border-color: #eb3474;
    font-weight: bolder !important;
    font-size: 14px !important;
    margin-right: 4px !important;
    color: #eb3474 !important;
}

    .notreadmessage a:hover {
        border-color: #eb3474;
        font-weight: bolder !important;
        font-size: 14px !important;
        margin-right: 4px !important;
        color: white !important;
        background-color: #eb3474 !important;
    }

        .notreadmessage a:hover small {
            color: white !important;
        }


.ui-draggable-dragging {
    z-index: 99999;
    opacity: 1;
}

@media(max-width:420px) {
    .btns-group .btn-lg {
        padding: 3px 8px;
        font-size: 0.8rem;
        line-height: 1.0rem;
        border-radius: 4px;
    }

    .breakword-xs {
        word-break: break-word;
    }
}

.btn-attendance-grp {
    width: 100%;
    max-width: 350px;
}

    .btn-attendance-grp .btn-attendance {
        width: 100px;
        margin-top: 2px;
        margin-top: 3px
    }

.votes .list li .box .btn-row ul li .btn-blue:hover {
    background: #4185f4;
    border-color: #4185f4;
    color: #fff;
}

.votes .list li .box .btn-row ul li.active .btn-blue {
    background: #4185f4;
    border-color: #4185f4;
    color: #fff;
}

@media (max-width:768px) {
    .btn-attendance-grp {
        width: 100%;
    }

        .btn-attendance-grp .btn-attendance {
            width: 50px !important;
            margin-top: 2px;
            margin-top: 3px
        }
}

@media (max-width:768px) {
    .btn-attendance-grp {
        width: 100%;
    }

        .btn-attendance-grp .btn-attendance {
            width: 50px !important;
            margin-top: 2px;
            margin-top: 3px
        }
}

@media (min-width: 768px) {
    .action-btns > li {
        margin: 3px
    }
}

@media (max-width: 430px) {
    .descr .btns-group .btn {
        width: 100%;
    }
}

/*@media (max-width: 430px) {
    .resolution .action-btns li .btn {
        width: 250px;
    }
}

@media (max-width: 330px) {
    .resolution .action-btns li .btn {
        width: 90%;
    }
}*/

.side-menu ul.list-box li.active {
    background-color: #e4eefd;
}

    .side-menu ul.list-box li.active a {
        border-left: 2px solid #4185f4;
        color: #4185f4;
        text-decoration: none;
    }

.alert-success-green {
    color: #34755d;
    background-color: #aeff9f;
    border-color: #82ffa2;
}

.border.border-green {
    border-color: #8dc63f !important;
}

/*SLIDESHOW*/
.slideshow {
    height: 100%;
    padding-bottom: 27px;
    padding-top: 1px;
}

    .slideshow .info-card {
        margin-bottom: 61px;
        height: 100%;
    }

    .slideshow .slide {
        width: 100%;
    }

.fa.fa-star.checked {
    color: orange;
}


/*Conference custom*/
@media (min-width: 992px) {
    .bottom-bar.fullscreen {
        width: 25%;
    }
}

.votes .list li .box .btn-row .ico.icon-dot {
    background: rgb(32 68 189 / 14%);
    color: #4185f4 !important;
    font-size: 14px;
}

    .votes .list li .box .btn-row .ico.icon-dot::after {
        position: absolute;
        content: '';
        left: 8px;
        top: 8px;
        right: 8px;
        bottom: 8px;
        border: 2px solid #4185f4;
        border-radius: 50%;
    }

/*video button*/
.video .btn.btn-video-header {
    font-size: 22px;
}

.whereby-box {
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,0.5942752100840336) 0%, rgba(30,30,32,0.4150035014005602) 31%, rgba(0,212,255,0) 100%);
}


@media(max-width:420px) {
    .video .btn.btn-video-header {
        font-size: 12px;
    }
}

.video .btn.btn-video-header:focus {
    box-shadow: none !important;
}


/*MODAL*/
.modal-content {
    position: absolute;
    top: 1px;
}

/*Crop text element*/
.crop-text {
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*custom-toast*/
.custom-toast {
    z-index: 9999;
}

.custom-shadow {
    box-shadow: 0px 2px 20px rgb(0 0 0 / 5%)
}


.scheduler .table {
    width: 99%
}

    .scheduler .table.calendar-month tr td {
        height: 100px;
        width: 100px;
        padding: 5px;
        text-overflow: ellipsis;
        vertical-align: text-top;
        border: 1px solid gray;
    }

    .scheduler .table.calendar-month tr h1.now {
        border: blue;
    }

input[type="range"]::-moz-range-progress {
    background-color: #43e5f7;
}

input[type="range"]::-moz-range-track {
    background-color: #9a905d;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
    background-color: #43e5f7;
}

input[type="range"]::-ms-fill-upper {
    background-color: #9a905d;
}

.font-signature {
    font-family: 'Lucida Handwriting';
    font-style: normal;
    font-size: 40px;
}

.limit-div-text-300 {
    width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

.margin-auto-right {
    margin: 0 auto 0 0 !important;
}

@media (max-width: 767px) {
    .headline {
        display: block;
    }
}



.btn-missing {
    background-color: #d9534f !important;
    color: #fff !important;
}

    .btn-missing:hover {
        background-color: rgb(157, 78, 78) !important;
        color: #fff !important;
    }

    .btn-missing:focus {
        background-color: rgb(167, 13, 13);
        color: #fff;
    }

    .btn-missing:active {
        background-color: rgb(167, 13, 13);
        color: #fff;
    }

.btn-present {
    background-color: #5cb85c;
    color: #fff;
}

    .btn-present:hover {
        background-color: rgba(24, 109, 24, 0.75) !important;
        color: #fff !important;
    }

    .btn-present:focus {
        background-color: rgba(24, 109, 24, 0.582);
        color: #fff;
    }

    .btn-present:active {
        background-color: rgba(24, 109, 24, 0.582);
        color: #fff;
    }

.btn-present-online {
    background-color: #4185f4;
    color: #fff;
}

    .btn-present-online:hover {
        background-color: rgba(67, 103, 151, 0.75);
        color: #fff;
    }

    .btn-present-online:focus {
        background-color: #436797;
        color: #fff;
    }

    .btn-present-online:active {
        background-color: #436797;
        color: #fff;
    }

.btn-delegate {
    background-color: #ffc62d !important;
    color: #fff !important;
}

    .btn-delegate:hover {
        background-color: rgba(255, 198, 45, 0.75);
        color: #fff;
    }

    .btn-delegate:focus {
        background-color: #ffc62d;
        color: #fff;
    }

    .btn-delegate:active {
        background-color: #ffc62d;
        color: #fff;
    }
