@import url('https://fonts.googleapis.com/css?family=Saira&display=swap');
body {
    overflow: hidden;
}

.pusher {
    overflow: auto !important;
}

.button.primary_btn { background-color: #8693a3; color: white; }
.button.primary_btn:hover { background-color: #8693a3; color: white; }

.encoderef_title_text {
    font-family: 'Saira', sans-serif;;
    font-size: 40px;
    color: #419acd;
}

.encoderef_title1_text {
    font-family: 'Saira', sans-serif;;
    font-size: 40px;
    color: #1c224e;
}

.encoderef_title2_text {
    font-family: 'Saira', sans-serif;;
    font-size: 40px;
    color: #de5958;
}

.encoderef_title3_text {
    font-family: 'Saira', sans-serif;;
    font-size: 40px;
    color: #8693A3;
}


/*.ui.secondary.pointing.menu { border-bottom: 2px solid rgba(47, 78, 99, 0.5); }*/
.ui.secondary.pointing.menu { border-bottom: 1px solid #2e6c96; }
.ui.secondary.pointing.menu .item { color: #2e6c96; }
.ui.secondary.pointing.menu .dropdown.item,
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .dropdown.item .menu .ui.item { color: #2e6c96 !important; }
.ui.secondary.pointing.menu a.item:hover { color: #2e6c96; }
.ui.secondary.pointing.menu .active.item,
.ui.secondary.pointing.menu .active.item:hover {
    border-color: #2e6c96;
    color: #2e6c96;
}
w
.mb20 { margin-bottom: 20px; }
.mb10 { margin-bottom: 10px; }

.main-header { margin: 5rem 0rem 3rem !important; }
.ui.header.main-header { color: #1c224e; }
.ui.main.container { margin-bottom: 50px; }
.hidden { display: none; }

.field .pr0 { padding-right: 0px; }
.mb0 { margin-bottom: 0px !important; }
.w100 { width: 100% !important; }

.error_page_card {
    width: 45% !important;
    margin-top: 100px !important;
}

.mt-20 { margin-top: 20px !important; }

.ml-0 { margin-left: 0px !important; }
.ml-10 { margin-left: 10px !important; }

.mr-0 { margin-right: 0px !important; }

.float-right { float: right; }

.ul-field {
    column-fill: auto;
    list-style-type: none;
    padding-left: 0em;
    margin-top: 0px;
}

.file-input-btn input[type=file]{
    overflow: hidden;
    position: absolute;
    font-size: 50px;
    opacity: 0;
    right: 0;
    top: 0;
    z-index: -1;
}

.link.step.error,
.link.step.error.active,
.link.step.error.active .content .description,
.link.step.error.active .content .title,
.link.step.error.active::before,
.link.step.error .content .description,
.link.step.error .content .title {
    color: #de5958 !important;
}

.error.field .icon.input .inverted.icon { background-color: #de5958 !important; }

.link.step.error.active { background-color: #ffe8e6 !important; }
.link.step.error.active::after { background-color: #ffe8e6 !important; }

.ui.mini.form.date { padding-left: 25px; }

.ui.form input:not([type]):focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=url]:focus {
    border-color: #1c224e;
}


.ui.category.search.dropdown.item {
    border: none;
}

.float-buttons {
    position: fixed;
    bottom: 70px;
    right: 15px;
    width: 50px;
    z-index: 1;
}

.float-buttons .button {
    margin-top: 5px;
}

.mobile .menu .main_menu a .bars.icon {
    font-size: 25px;
}

.mobile .menu .main_menu .header.item {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-right: 75px;
}

.ui.compact.selection.dropdown { width: 80px; }

.modal_add_btn, .cursor-pointer { cursor: pointer !important; }

.report_status_label_wrapper { position: relative; }
.report_status_label {
    top: 55px;
    position: absolute !important;
    left: calc(100% + 1rem + 1.3em) !important;
}

#confirm_modal .content,
#confirm_modal .actions {
    text-align: center;
}


/* TIMER STYLES */
button.timer-btn { 
    font-size: 25px !important;
    float: right;
    margin-right: 0px !important;
    line-height: 21px !important;
}
.ui[class*="right labeled"].icon.button {
    padding-right: 40px !important;
    padding-left: 10px !important;
}
.ui.icon.button.reviewed {
    padding-right: 10px !important;
}
button.timer-btn i.icon { font-size: 12px !important; }
button.timer-btn span {
    font-size: 14px !important;
    line-height: 28px;
}