﻿body {
}

.hide {
    display: none;
}


.hideInPaging {
    background-color:lightgray;
}



fieldset {
    padding: 10px;
    border: 1px solid #727171;
    width: 100% !important;
}

    fieldset legend {
        display: inline-block;
        width: auto;
        float: none;
        padding: 5px;
        margin-left: 10px;
        font-size: 16px;
    }

.card.validation-error, .form-control.validation-error {
    box-shadow: 2px 2px 8px 1px #f76363;
}

.card-body.req-que p.card-title b::after {
    content: "*";
    color: red;
    margin-left: 5px;
}
#SurveyConfigureModal .modal-body {
    overflow-y: auto;
    max-height: calc(100vh - 200px);
}

.card:hover .spn-edit {
    opacity: 1;
}
.card-body .spn-edit {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.card-body .card-title {
    position: relative;
    padding-right: 30px;
}

.spn-icons {
    border: 2px solid #ccc;
    padding: 0 5px;
    margin-left: 5px;
}
.opt-setting-icon {
    right: 40px;
    position: absolute;
}
span.spn-move-up-down .fa {
    margin-left: 5px;
    font-size: 16px;
}

span.spn-move-up-down i.fa[disabled] {
    opacity: .5;
    pointer-events: none;
}

span.spn-move-up-down[data-type=question] {
    position: absolute;
    right: 0;
    top: 0;
}
span.spn-icon-list{
    font-size:15px;
}
.div-add-new {
    margin-left: 197px;
}
button.btn.btn-primary.btn-block {
    width: 100%;
    margin-bottom: 10px;
}

/*tab secion css -start---*/

.incident-section .invite-tab .tab-col .nav-link{
    text-align:left;
   border-radius:unset;
}
.incident-section .invite-tab .tab-content-col {
 
}

.card-cntnr i.fa {
    margin: 0 5px;
    cursor: pointer;
}
#btn-delete-qes, #btn-delete-page, #btn-delete-panel {
    position: absolute;
    left: 10px;
}
#tbl-SurveyCon tr th, table#tbl-SurveyCon tr td {
    padding: 0px 5px;
}
.chk-item-field {
    margin-left:187px;
}
.iconblack {
    color: black !important;
}

.icongrey {
    color: darkgrey !important;
}
.dvBgGrayOut {
    background: rgba(0,0,0,0.1);
}

    .dvBgGrayOut .card, .dvBgGrayOut .form-check .form-check-input {
        background: transparent;
        box-shadow: none;
    }

.card-shadow-none .card {
    box-shadow: none;
}
.custom-fw > .row > .col {
    flex: 100%;
}