h2 {
    font-size: 22px;
    font-weight: bold;
    display: inline-block;
}

h3 {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
}

h4 {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
}

.w-15 {
    width: 15% !important;
}

.w-10 {
    width: 10% !important;
}

.w-5 {
    width: 5% !important;
}

.temp {
    background-color: #F0593E;
}


.hand {
    cursor: pointer;
}

.fa-asterisk {
    display: inline-block;
    position: absolute;
    left: 0px;
    /*font-size: 14px;*/
}

.validated-ok {
    display: inline-block;
    position: absolute;
    left: 0px;
    font-size: 9px !important;
    font-weight: 100 !important;
    color: #2faf51;
}

.validated-error {
    display: inline-block;
    position: absolute;
    left: 0px;
    font-size: 9px !important;
    font-weight: 100 !important;
    color: #f43434;
}

.activity {
    z-index: 50000;
    color: #808080;
    font-size: 12px;
    line-height: 2;
    position: fixed;
    left: 50%;
    top: 50%;
}

    .activity .activity-box {
        position: relative;
        width: 70px;
        padding: 4px;
        padding-top: 6px;
        background-color: rgba(0,0,0,0.1);
        border-radius: 5px;
    }

    .activity .activity-icon {
        position: relative;
    }

#wrapper {
    width: 100%;
}

.srNo {
    height: inherit;
    display: inline-block;
    font-weight: bold;
}

    .srNo::after {
        content: ".";
        padding-right: 15px;
        font-weight: bold;
    }

.srNoEmpty {
    height: inherit;
    display: block;
    font-weight: bold;
    min-width: 20px !important;
    padding-left: 15px;
}

.model-subtitle {
    min-width: 200px;
    display: block;
    text-align: right
}

    .model-subtitle .title {
        display: inline-block;
        font-weight: bold;
    }

    .model-subtitle .value {
        display: inline-block;
        font-weight: bold;
        text-decoration: underline;
    }

.gate-score {
    min-width: 200px;
    display: block;
    text-align: right;
}

    .gate-score .title {
        display: inline-block;
        font-weight: bold;
    }

    .gate-score .value {
        display: inline-block;
        font-weight: bold;
        text-decoration: underline;
    }

.modal-dialog.modal-lg {
    width: 80%;
    padding: 0;
}

/*Breadcrumb*/
.breadcrumb-right-arrow .breadcrumb-item + .breadcrumb-item::before {
    content: "›";
    vertical-align: top;
    font-size: 40px;
    line-height: 15px;
}

.breadcrumb {
    background-color: #f8f9fa;
    color: #414042;
}

    .breadcrumb a {
        background-color: #f8f9fa;
        color: #801919;
    }


.pdfPreview {
    width: 100%;
    height: 85vh;
    padding: 0px 5px;
}

.text-hint {
    font-size: 11px;
}


.show-hide {
    transition: all linear 0.5s;
}

    .show-hide.ng-hide {
        opacity: 0;
    }

.horizontal-list-item {
    display: inline !important;
    padding-right: 5px;
}

    .horizontal-list-item::before {
        content: "•";
        font-size: 16px;
    }
.ui-select-container {
    width: auto !important;
}

.horizontal-list {
    list-style-type: square;
}


.grid-checkbox-label {
    color: #fff !important;
    line-height: 1.5 !important;
}

.grid-checkbox-buttons {
    /*padding-top: 0.1rem !important;
    padding-left: 0.2rem !important;*/
}

input[type=checkbox]:disabled.grid-checkboxes-disabled {
    background-color: initial !important;
    display: none !important;
}

.grid-checkbox-buttons .disabled {
    opacity: 1 !important;
}

.schemaform-row {
    margin: 5px;
    width: 100%;
    display: inline-block;
}


    .schemaform-row .column2 {
        max-width: 48% !important;
        display: inline-block;
        float: left;
        padding: 1px;
        margin: 3px;
    }

        .schemaform-row .column2::after {
            clear: both;
        }




.ddd-calendar {
    text-align: left !important;
    background-color: #fff !important;
}

.ddd-colors {
    text-align: center !important;
    margin-top: 10px;
}

    .ddd-colors div {
        display: inline-block;
    }

    .ddd-colors span {
        padding: 4px;
    }

    .ddd-colors .selected {
        color: #fff !important;
        text-shadow: -1px 0 #818181, 0 1px #818181, 1px 0 #818181, 0 -1px #818181 !important;
    }

    .ddd-colors .in-progress {
        color: #fbf6b2;
    }

    .ddd-colors .draft {
        color: #bfbcbc;
    }
    .ddd-colors .created {
        color: #c6eaf7;
    }

    .ddd-colors .submittedToClient {
        color: grey;
    }

    .ddd-colors .approved {
        color: #c0e6c3;
    }
    .ddd-colors .rejected {
        color: #ff707094;
    }
.dsr-status-in-progress {
    background-color: #fbf6b2;
}
.dsr-status-created {
    background-color: #c6eaf7;
}
.dsr-status-draft {
    background-color: #bfbcbc;
}
.dsr-status-submittedToClient {
    background-color: grey;
    color: #fff;
}
.dsr-status-approved {
    background-color: #c0e6c3;
}
.dsr-status-rejected {
    background-color: #ff707094;
}
.dsr-status-selected {
    border-color: #818181 !important
}
.modal-footer-nav-buttons {
    display: block !important;
    align-items: normal !important;
    justify-content: normal !important;
}

.modal-footer-comments {
border-top : 1px solid #6c757d;
background-color: !important lightblue;
}

.btn-action {
    color: #fff;
    background-color: #337ab7;
}

.help-block {
    font-style: italic;
    color: crimson;
}

    .help-block .column2 {
        display: inline-block;
    }
/*--BootStrap Form 3 -- update -- Start*/

.has-danger {
    color: crimson;
}

.has-warning {
    color: crimson;
}

.has-error .help-block {
    color: crimson;
}

.form-control:focus {
    border-color: #cc8d8d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(167, 118, 118, 0.6);
}

    .form-control:focus + label {
        border-color: #cc8d8d;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(167, 118, 118, 0.6);
    }

.control-label {
    color: #1861b5;
}

fieldset {
    display: inline-block;
}

    fieldset legend {
        border-bottom: 1px solid #818181;
        width: 100%;
    }

img.employee-image {
    display: inline-block;
    margin: 5px;
    border-radius: 10%;
    width: auto;
    max-height: 90px;
    max-width: 70px;
}

.hrpms-employee-Info {
    display: inline-block;
    margin: 5px;
}

.image-cropper {
    width: 100px;
    max-height: 100px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #e9ecef;
}

.jsonForm {
    background-color: rgba(222, 215, 215, 0.69);
    padding: 5px;
}

    .jsonForm > .jsonFormRow {
        border: 1px solid red;
        display: block;
        width: 100%;
    }

.schema-form-section {
    background-color: transparent;
}

.schema-form-fieldset {
    /*border: 1px solid blue;*/
    width: 100%;
}

.jsonFormRow > .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    /*border: 1px solid green;*/
    display: inline-block;
    vertical-align: top;
    background-color: transparent;
}

.jsonFormRow > .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    /*border: 1px solid green;*/
    display: inline-block;
    vertical-align: top;
    background-color: transparent;
}

.col-100 {
    padding: 3px;
    margin: 0px;
}

.jsonFormLabel {
    font-weight: bold !important;
}

.rowOdd {
    background-color: rgba(255, 255, 255, 255);
    /*padding-top: 10px;
            padding-bottom: 10px;*/
}

.rowEven {
    background-color: rgb(246,248,250);
    /*padding-top: 10px;
            padding-bottom: 10px;*/
}

.form-group .control-label {
    color: black;
}

.schema-form-labelvalue {
    font-weight: bold;
}

/*--BootStrap Form 3 -- update -- End*/

.action-btn-disabled:disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    opacity: .45;
}

.text-line-through {
    text-decoration: line-through !important;
}

.word-wrap {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.notifications-dropdown {
    margin: 0 -150px;
    width: 350px;
}
/*---------------FormIO start-----------*/

body.md-default-theme, body, html.md-default-theme, html {
    background-color: #fff;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .ie-warning {
        display: block !important;
    }
    /*
   * Flex basis property causes issues when 0 in IE
   */
    #formSchemaSelected .filed-content {
        flex-basis: auto !important;
    }

    #formSchemaSelected .formio-component {
        flex-basis: auto !important;
    }

        #formSchemaSelected .formio-component .field-label {
            flex-basis: auto !important;
        }
}


#formSchemaSelected .formio-component-select .control-label--hidden.field-required, #formSchemaSelected .control-label--hidden {
    display: none !important;
}

#formSchemaSelected .formio-component .min-w-content {
    /*min-width: min-content !important;
      min-width: -webkit-min-content;
      min-width: -moz-min-content; */
    min-width: 200px !important;
}

#formSchemaSelected .formio-component .min-w-100 .formio-choices {
    min-width: 100px !important;
}

#formSchemaSelected .formio-component .max-w-50 {
    max-width: 50px !important;
    min-width: 40px !important;
}

#formSchemaSelected .formio-component .max-w-100 {
    max-width: 100px !important;
}

#formSchemaSelected .formio-component .min-w-200 .formio-choices {
    min-width: 200px !important;
}

#formSchemaSelected .formio-component .max-w-200 .formio-choices {
    max-width: 200px !important;
}

#formSchemaSelected .formio-component .max-w-250 .formio-choices {
    max-width: 250px !important;
}

#formSchemaSelected .formio-component .max-w-300 {
    max-width: 300px !important;
}
#formSchemaSelected .formio-component .max-w-500 {
    max-width: 500px !important;
}



.jsoneditor-poweredBy {
    display: none !important;
}

.formbuilder .formcomponents > * {
    font-size: 14px !important;
}

#formSchemaSelected .alert-success {
    display: none !important;
}
/*---------------FormIO end-----------*/