﻿
.numberlesslist li table tr td:first-child {
    display: none;
}
.remaining select{
    font-size:15px;
}
.outerdiv{
    text-align:justify;
}

.gridTypeQuestionTable {
    border-collapse: collapse;
    width: 100%;
}

.gridTypeQuestionTable td, 
.gridTypeQuestionTable th {
    border: 1px solid #ddd;
    padding: 8px;
}

.gridTypeQuestionTable tr:nth-child(even) {
    background-color: #f2f2f2;
}

/*.gridTypeQuestionTable tr:hover {
    background-color: #ddd;
}*/

.gridTypeQuestionTable th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #1b84e7;
    color: white;
}


div.controlDiv span input,
.numberlesslist .custom-control span.riSingle input{
    padding: 0.594rem 0.75rem !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
    height: 42px;
}

.width_66_per{
    max-width: 100%;
    min-width:100%;
}

.remaining table,
.remaining table tbody,
.remaining table tbody tr,
.remaining table tbody tr td,
.remaining table tbody tr td div,
.remaining table tbody tr td div span,
.controlDiv div,
.controlDiv div table,
.controlDiv div table tbody,
.controlDiv div table tbody td,
.controlDiv div table tbody td input,
.numberlesslist table,
.numberlesslist table tbody,
.numberlesslist table tbody tr,
.numberlesslist table tbody tr td div,
.numberlesslist table tbody tr td div span{
    width: 100% !important;
}

.remaining table tbody tr td{
    display:block;
}



iframe#ProfilerData {
    border: none;
}

.form-inner h1 {
    font-size: 1.3125rem;
}

body {
    margin: 0;
    /*font-size: 0.875rem;*/
    font-weight: 400;
    line-height: 1.5;
    color: #868ba1;
    text-align: left;
    background:none;
}

.content {
    margin-left: 0;
    font-size: initial;
}

/*.page .header{
    display:none;
}*/
 

.questiondiv {
    line-height: 1.2;
    margin-bottom: 1rem !important;
}
.custom-control label{
    font-weight:normal;
}


/*Page loader starts here*/
.overlay_pageloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background-color: #000;
    opacity: 0.5;
}

.loaderParent {
    width: 80px;
    margin: 0 auto;
}

#loader {
    position: fixed;
    top: 50%;
    margin: -50px auto 0;
    width: 80px;
    z-index: 99999;
}
/*Page loader ends here*/



/*Working on form fields ===============*/


.rbPrimaryIcon {
    position: absolute;
     z-index: -1; 
     opacity: 0; 
}
#loading{
    display:none;
}
.rbLinkButton{
    height:auto;
}


/*Button for next and prev==========*/
#btnNext {
    padding: 0;
    border: none;
    display: inline-flex;
    height: 43px;
    width: 135px;
    align-items: center;
    background: #212529;
    cursor: pointer;
    position: relative;
    padding-left: 41px;
    color: #fff;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-weight: 400;
    font-size: 15px;
    /*color: #fff;
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
    background-color: #1b84e7;
    border-color: #1b84e7;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.594rem 0.75rem;
    font-size: 0.875rem !important;
    line-height: 1.5;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
}
@media only screen and (max-width: 600px) {
    #btnNext{
        justify-content: center;
        padding: 10px 30px !important;
        width: unset !important;
        position: unset !important;
    } 
    /* .steps.clearfix{
        margin-bottom: 200px !important;
    } */
}
.outerdiv{
    margin-bottom:15px;
}
#btnBack {
    font-size: 15px;
}
.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 20px;
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem;
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-control-input:checked ~ .custom-control-label::before {
        color: #fff;
        background-color: #1b84e7;
    }

    .custom-control-input:focus ~ .custom-control-label::before {
        box-shadow: 0 0 0 1px #f0f2f7, 0 0 0 0.2rem rgba(27, 132, 231, 0.25);
    }

    .custom-control-input:active ~ .custom-control-label::before {
        color: #fff;
        background-color: #bddbf8;
    }

    .custom-control-input:disabled ~ .custom-control-label {
        color: #6c757d;
    }

        .custom-control-input:disabled ~ .custom-control-label::before {
            background-color: #e9ecef;
        }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
}

    .custom-control-label::before {
        position: absolute;
        top: 0.25rem;
        left: -20px;
        display: block;
        width: 15px;
        height: 15px;
        pointer-events: none;
        content: "";
        user-select: none;
        background-color: #dee2e6;
    }

    .custom-control-label::after {
        position: absolute;
        top: 0.25rem;
        left: -20px;
        display: block;
        width: 15px;
        height: 15px;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50% 50%;
    }

.custom-checkbox .custom-control-label::before {
    border-radius: 3px;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #1b84e7;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}

/*.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #1b84e7;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(27, 132, 231, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(27, 132, 231, 0.5);
}*/

.custom-radio .custom-control-label::before {
    border-radius: 50%;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #1b84e7;
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(27, 132, 231, 0.5);
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

.mg-b-5 {
    margin-bottom: 5px;
}
.progress, .progress-bar {
    border-radius: 0;
}

.progress {
    height: auto;
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.65625rem;
    background-color: #e9ecef;
    border-radius: 3px;
}
.wd-75p {
    width: 75%;
}
.progress-bar {
    height: 15px;
    font-size: 11px;
}

.progress, .progress-bar {
    border-radius: 0;
}

.bg-success {
    background-color: #23BF08 !important;
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: black;
    /* color: #fff; */
    text-align: center;
    white-space: nowrap;
    background-image: linear-gradient(to right, #514A9D 0%, #24C6DC 100%);
    transition: width 0.6s ease;
}





/* =====================

   Small Devices
   min-width: 320px;
   max-width: 768px;

===================== */

@media screen and (min-device-width:320px) and (max-device-width:768px) and (orientation : portrait) {
    #wizard {
        padding: 10px!important;
        width: 98%!important;
        margin: 0 auto!important;
    }
}

@media screen and (min-device-width:320px) and (max-device-width:768px) and (orientation : landscape) {
    #wizard {
        padding: 10px !important;
        width: 98% !important;
        margin: 0 auto !important;
    }
}


@media screen and (min-device-width:1200px) {
    div.wrapper {
        height:100%;
    }
}




.footer{
    color:white;
} 

.custom-control
{
    padding-left:50px;
}