﻿#form {
    max-width: 640px;
}


input[type="checkbox"][data-question-type-id="5"] {
    width: 26px;
    height: 26px;
}

.popUpImage {
    max-width: 100%;
    max-height: 100%;
}

.popUpImagePlaceholder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.popUpImageClose {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}


.fileName {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

[data-setting-hidden="true"] {
    display: none;
}

.card-section-form[data-required-triggered],
.card-section-form[data-minlength-triggered],
.card-section-form[data-maxlength-triggered],
.card-section-form[data-minvalue-triggered],
.card-section-form[data-maxvalue-triggered],
[data-required-triggered] input,
[data-minlength-triggered] input,
[data-maxlength-triggered] input, 
[data-minvalue-triggered] input, 
[data-maxvalue-triggered] input{
    border-color: red;
}


.validationMessageContainer {
    display: none;
}

[data-required-triggered] .validationMessageContainer,
[data-minlength-triggered] .validationMessageContainer,
[data-maxlength-triggered] .validationMessageContainer,
[data-minvalue-triggered] .validationMessageContainer,
[data-maxvalue-triggered] .validationMessageContainer {
    display: flex;
}

input[disabled], select[disabled] {
    background-color: rgb(233, 236, 239);
}

    .AddFileBtn[disabled],
    input[disabled] + .radioListButtonLabel {
        background-color: #ccc;
    }

        .AddFileBtn[disabled] span,
        input[disabled] + .radioListButtonLabel {
            color: #989898;
        }

            .AddFileBtn[disabled] span i {
                color: #989898;
            }


.dropdownList, .dropdownListSql {
    border: 1.6px solid #e5e7eb;
}

.radioListButton {
    display: none;
}

    .radioListButton:checked + .radioListButtonLabel {
        background-color: rgb(59 130 246);
        border-color: rgb(30 58 138) !important;
        color: white;
    }

    .radioListButton:not([disabled="true"]) + .radioListButtonLabel:hover {
        background-color: rgb(59 130 246);
        border-color: rgb(30 58 138) !important;
        color: white;
    }

.examTimer {
    margin: 12px 0;
    width: 100%;
    height: 60px;
    position: sticky;
    top: 66px;
    z-index: 1000;
    background-color: rgb(29, 78, 216);
    
}

.showTime {
    color: white;
    font-size: 1.5rem;
}

.showTime .timeUnit {
   font-size: 1rem;
}


#form[data-grouping-count]:not([data-grouping-count="1"]) .removeGroup {
    display: inline-block;
}

[data-exam-status="stop"]{
    display:none;
}



.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--open .select2-selection--multiple, .select2-container--default.select2-container--open .select2-selection--single {
    border-color: none;
    border: 1.6px solid #e5e7eb;
    box-shadow: none;
    outline: 0;
}
  

.select2-container--default .select2-selection--single{
    background-color: #fff;
    border: 1.6px solid #e5e7eb;
    border-radius: 4px;
    height: 37px;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 6px;
    right: 1px;
    width: 20px;
}


.section-description-card {
    background: white;
    padding: 24px 24px 24px 17px;
    border: 1px solid;
    margin-bottom: 12px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top: 0;
    border-color: rgb(209,213,219)
}

.section-title-card {
    background: rgb(29, 78, 216);
    color: white;
    padding: 12px 24px 12px 24px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border: 1px solid;
    border-bottom: 0;
    border-color: rgb(209,213,219);
}