body {
    overflow: hidden;
}

.pusher {
    overflow: auto !important;
}

.probresult_menu .container,
.pusher .container {
    width: 100%;
    max-width: 1700px !important;
    padding-left: 16px;
    padding-right: 16px;
}

.pusher .container {
    padding-left: 74px;
    padding-right: 74px;
}

.button.primary_btn { background-color: #1F8E81; color: white; }
.button.primary_btn:hover { background-color: #78C4BB; color: white; }

.prob_title_text {
    font-family: 'Bad Script', cursive;
    font-size: 25px;
    color: #78C4BB;
}

.ui.secondary.pointing.menu.probresult_menu { border-bottom: 2px solid rgba(120, 196, 187, .5); }
.ui.secondary.pointing.menu.probresult_menu .item { color: #78C4BB; }
.ui.secondary.pointing.menu.probresult_menu .dropdown.item,
.ui.secondary.pointing.menu.probresult_menu .dropdown.item:hover,
.ui.secondary.pointing.menu.probresult_menu .dropdown.item .menu .ui.item { color: #1F8E81 !important; }
.ui.secondary.pointing.menu.probresult_menu a.item:hover { color: #1F8E81; }
.ui.secondary.pointing.menu.probresult_menu .active.item,
.ui.secondary.pointing.menu.probresult_menu .active.item:hover {
    border-color: #1F8E81;
    color: #1F8E81;
}

.m0 { margin: 0 !important; }
.mb20 { margin-bottom: 20px; }
.mb10 { margin-bottom: 10px; }

.p10 { padding: 10px !important; }
.pt10 { padding-top: 10px !important; }

.bb0 { border-bottom: 0px !important; }
.bt0 { border-top: 0px !important; }

.hide_if_empty:not(:empty) { display: block; }
.hide_if_empty:empty { display: none; }

.ui.grid { margin: -1rem 0 -1rem 0; }
.main-header { margin: 2rem 0rem 1rem !important; }
.ui.header.main-header, .probresult-green { color: #1F8E81 !important; }
.ui.main.container { padding-bottom: 55px; }
.hidden { display: none; }

.ui.table tfoot tr:first-child>th:only-child,
.ui.padded.table td, .ui.padded.table th {
    padding: 10px 10px;
}


.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: #9f3a38 !important;
}

.error.field .icon.input .inverted.icon { background-color: #9f3a38 !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: #78C4BB;
}


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

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

.float-buttons .button {
    margin-top: 5px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2) !important;
}

.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;
    position: relative;
    right: 0px;
    top: -8px;
}
.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;
}

.django-ckeditor-widget{
    width: 100%;
}

.ui.modal.graphic>.content { padding: 0px }
.graphic_content {
    height: 600px;
    width: 100%;
    border: none;
}

.ui.raised.segment.selectable.celled.unstackable.table tr {
    height: 47px;
}

@media (max-width: 990px) {
    .ui.raised.segment.selectable.celled.unstackable.table {
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
    }
}

.ui.table td,
.ui.padded.table td {
    padding: 5px 10px;
}

.ui.pagination.menu {
    position: sticky;
    bottom: 10px;
    right: 15px;
}

.text_block_add_modal .added_reference { position: relative; }
.text_block_add_modal .added_reference .close.link.icon {
    position: absolute;
    right: 8px;
    top: 12px;
}
.text_block_add_modal .added_reference .edit.link.icon {
    position: absolute;
    right: 40px;
    top: 12px;
}

.text_block_add_modal .ui.label,
.text_block_add_modal .tags .ui.label {
    background: #D6EAE7;
    color: #135F56;
    font-weight: normal;
}

.text_block_add_modal .ui.tags-input__label {
    color: #9B9B9B;
    margin-top: 3px;
}

h4.ui.dividing.header.references i.close.link.icon {
    font-size: 14px;
    float: right;
}

/* ============== LOADER ================ */


/* .loader {
    background: transparent;
    background: radial-gradient(#222, #000);
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
} */

.loader-inner {
    bottom: 0;
    height: 60px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}

.loader-line-wrap {
    animation:
		spin 2000ms cubic-bezier(.175, .885, .32, 1.275) infinite
	;
    box-sizing: border-box;
    height: 50px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform-origin: 50% 100%;
    width: 100px;
}
.loader-line {
    border: 4px solid transparent;
    border-radius: 100%;
    box-sizing: border-box;
    height: 100px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
.loader-line-wrap:nth-child(1) { animation-delay: -50ms; }
.loader-line-wrap:nth-child(2) { animation-delay: -100ms; }
.loader-line-wrap:nth-child(3) { animation-delay: -150ms; }
.loader-line-wrap:nth-child(4) { animation-delay: -200ms; }
.loader-line-wrap:nth-child(5) { animation-delay: -250ms; }

.loader-line-wrap:nth-child(2) .loader-line {
    border-color: #a0f8e5;
    height: 76px;
    width: 76px;
    top: 14px;
}
.loader-line-wrap:nth-child(3) .loader-line {
    border-color: #8fe7d4;
    height: 62px;
    width: 62px;
    top: 21px;
}
.loader-line-wrap:nth-child(4) .loader-line {
    border-color: #7ed6c3;
    height: 48px;
    width: 48px;
    top: 28px;
}
.loader-line-wrap:nth-child(5) .loader-line {
    border-color: #6ec5b3;
    height: 34px;
    width: 34px;
    top: 35px;
}

@keyframes spin {
    0%, 15% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}


/* ============== END LOADER =================== */