@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');
body {
    font-family: 'Ubuntu', sans-serif;
}

header {
    padding: 15px 0px;
}

header .signup-bg {
    text-align: right;
    padding: 35px 0px;
}

header .signup-bg a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    color: #222222;
    margin-left: 10px;
}

.root h3 {
    margin: 0;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 25px;
}

.root {
    background: url(../images/signup-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}

.header .signup-bg a {
    color: #222222;
    font-weight: 700;
    font-size: 16px;
}
/*steps start*/

.mysteps {}

.mysteps .progress {
    height: 20px;
    margin: 0;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    position: relative;
    bottom: -33px;
}

.mysteps .nav-pills>li {
    text-align: center;
    width: 33.33%;
}

.mysteps .nav-pills>li span {
    display: inline-block;
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 17px;
    float: left;
    width: 100%;
}

.step-list .navbar {
    margin: 0;
    padding: 0;
}

.navbar-inner {
    float: left;
    width: 100%;
}

.mysteps .nav-pills>li>a {
    border-radius: 4px;
    background-color: #dedede;
    font-weight: 700;
    color: #000000;
    border-radius: 100%;
    font-size: 22px;
    height: 44px;
    width: 44px;
    line-height: 1.8;
    /* margin: 0px 92px; */
    border: solid 3px #fff;
    padding: 0;
    text-align: center;
    display: inline-block;
}

.mysteps .nav-pills>li.active>a,
.steps .nav-pills>li.active>a:focus,
.steps .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #88d231;
}

.mysteps .progress-bar-success {
    background-color: #88d231;
    color: #88d231;
}

.mysteps .stepbox {
    box-shadow: 1px 1px 40px rgba(204, 204, 204, 0.52);
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    margin-bottom: 100px;
}

.mysteps .stap-page {
    padding: 40px 20px;
}

.mysteps .form-group {
    padding: 0px 20px;
    margin-bottom: 15px;
    position: relative;
}

.mysteps .form-group .formate {
    font-size: 17px;
    color: #f26722;
}

.mysteps .form-group .input-file input {
    width: 100%;
    padding: 10px;
}

.mysteps .form-group>label {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 5px;
    padding-left: 0;
}

.mysteps .form-group>span {
    font-weight: 700;
    color: red;
    display: inline-block;
    margin-left: 3px;
    font-size: 20px;
    position: relative;
    top: 5px;
}

.mysteps .form-group input[type="datetime-local"],
.mysteps .form-group input[type="number"],
.mysteps .form-group input[type="password"],
.mysteps .form-group input[type="search"],
.mysteps .form-group input[type="tel"],
.mysteps .form-group input[type="time"],
.mysteps .form-group input[type="email"],
.mysteps .form-group input[type="text"],
.mysteps .form-group select {
    box-shadow: none;
    border: solid 1px #dddddd;
    height: 46px;
    font-size: 16px;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
}

.mysteps .form-group input:focus,
.mysteps .form-group select:focus {
    border: solid 1px #555555;
}

.mysteps .stepbox .step-heading {
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f26722;
    text-align: center;
    padding: 10px 0px;
    background-color: #e2e2e2;
}

.mysteps .stepbox .field-group {
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #f26722;
    text-transform: uppercase;
    margin: 0px 35px;
    border-bottom: solid 1px #f26722;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.stepbox .stap-page .goup-wise {
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
}

.stepbox .note {
    padding: 0px 20px;
    color: #777777;
    margin-bottom: 50px;
}

.stepbox .note h4 {
    margin: 0;
}

.stepbox .stap-page .button-block {
    padding: 0px 20px;
    margin-top: 30px;
}

.btn-orange,
.btn-gray {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 40px;
    margin-right: 10px;
    color: #ffffff;
}

.btn-orange:hover,
.btn-gray:hover {
    color: #ffffff;
}

.btn-orange {
    background-color: #f7ba00;
    border-bottom: solid 4px #c79c16;
}

.btn-orange:hover {
    background-color: #c79c16;
}

.btn-gray {
    background-color: #686868;
    border-bottom: solid 4px #474747;
}

.btn-gray:hover {
    background-color: #474747;
}

.step-list {
    margin: 40px 0px;
}

.terms-condition {
    padding: 0px 20px;
}

.policy {
    display: inline-block;
    margin-top: 10px;
    font-size: 15px;
    color: #222222;
    text-decoration: underline;
}
/*steps end*/
/*login page start*/

.login-register .root {
    background: url(../images/login-register-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px;
}

.login-page .stap-page {
    padding: 60px 20px 30px;
}

.login-page .form-group {
    margin-bottom: 25px;
    position: relative;
}

.login-page .form-group .field-cover {
    position: relative;
}

.login-page .form-group .field-cover span {
    display: inline-block;
    position: absolute;
    top: 16px;
    left: 14px;
}

.login-page .forgt-pwd {}

.login-page .forgt-pwd a {
    font-size: 20px;
    text-decoration: underline;
    color: #222222;
}

.login-page .btn-orange {
    margin: 0;
    padding: 10px 25px;
}

.login-page .form-group input:focus,
.login-page .form-group select:focus {
    border: solid 1px #555555;
}

.login-page .stepbox .step-heading {
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f7ba00;
    text-align: center;
    padding: 20px 0px;
    background-color: #e2e2e2;
}

.login-page .form-group input,
.login-page .mysteps .form-group select {
    box-shadow: none;
    border: solid 1px #dddddd;
    height: 55px;
    font-size: 18px;
    width: 100%;
    font-weight: 500;
    padding: 10px;
    padding-left: 50px;
    border-radius: 3px;
}

.login-page .stepbox {
    box-shadow: 1px 1px 40px rgba(204, 204, 204, 0.52);
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    margin-bottom: 100px;
}

.login-page {
    margin-top: 100px;
}
/*login page end*/
/*Registration Page Start*/

.myregister .stap-page {
    padding: 40px 20px;
}

.myregister .stepbox {
    box-shadow: 1px 1px 40px rgba(204, 204, 204, 0.52);
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    margin-bottom: 100px;
}

.myregister .stepbox {
    margin-top: 50px;
}

.myregister .form-group input,
.myregister .form-group select {
    box-shadow: none;
    border: solid 1px #dddddd;
    height: 46px;
    font-size: 16px;
    width: 100%;
    padding: 10px;
    border-radius: 3px;
}

.myregister .form-group input:focus,
.myregister .form-group select:focus {
    border: solid 1px #555555;
}

.myregister .stepbox .step-heading {
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
    color: #f26722;
    text-align: center;
    padding: 20px 0px;
    background-color: #e2e2e2;
}

.myregister .stepbox .step-heading span {
    color: #000000;
    font-weight: normal;
}

.myregister .stepbox .field-group {
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #f26722;
    text-transform: uppercase;
    margin: 0px 35px;
    border-bottom: solid 1px #f26722;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.myregister .form-group>label {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 5px;
    padding-left: 0;
    text-transform: uppercase;
}

.myregister .form-group .field-msg {
    color: red;
    float: right;
}

.myregister .form-group {
    padding: 0px 20px;
    margin-bottom: 25px;
    position: relative;
}

.myregister .rg-buttons {
    margin-top: 30px;
}
/*Registration Page End*/
/*checkbox and radio start*/

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.stap-page .checkbox label,
.stap-page .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    cursor: pointer;
    padding-left: 0;
    font-size: 17px !important;
    padding-right: 10px;
}

.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
    background-color: #f26722;
    border: 0;
    color: #fff;
}

.radio .cr .cr-icon {
    position: absolute;
    font-size: 0.7em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.checkbox .cr {
    background-color: #f26722;
    color: #fff;
    border-radius: 3px;
    padding: 3px;
    font-size: 12px;
    margin-right: 5px;
}

.radio .cr .cr-icon {
    margin-left: 0.1em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
    opacity: .5;
}

.radio-option {
    display: inline-block;
    padding-left: 10px;
    margin: 0;
}

.stap-page .radio-option .checkbox label,
.stap-page .radio-option .radio label {
    padding-left: 5px;
    font-size: 15px !important;
    padding-right: 5px;
}

.radio-option .cr {
    width: 1.1em;
    height: 1.1em;
    top: 2px;
    margin-right: .3em;
}

.radio-option .cr .cr-icon {
    margin-left: 0.0em;
    line-height: 0.2;
}
/*checkbox and radio end*/
/*tooltip start*/

.help-tip {
    position: absolute;
    top: 0;
    right: 22px;
    text-align: center;
    background-color: #bdbdbd;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default;
}

.help-tip:before {
    content: '?';
    font-weight: bold;
    color: #fff;
}

.help-tip:hover p {
    display: block;
    transform-origin: 100% 0%;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
}

.help-tip p {
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 10px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
    z-index: 9;
}

.help-tip p:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #1E2021;
    right: 10px;
    top: -12px;
}

.help-tip p:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
}
/* CSS animation */

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: scale(0.6);
    }
    100% {
        opacity: 100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 100%;
    }
}
/*tooltip end*/

#map {
    height: 200px;
    width: 100%;
}
/*=====================
Media Query Start
=======================*/

@media(min-width:991px) {
    .mysteps .form-group {
        min-height: 82px;
    }
}

@media(max-width:1200px) {
    .mysteps .nav-pills>li>a {
        margin: 0px 70px;
    }
}

@media(max-width:991px) {
    .mysteps .nav-pills>li>a {
        margin: 0px 63px;
    }
    .login-page .forgt-pwd {
        margin-bottom: 10px;
    }
}

@media(max-width:768px) {
    .mysteps .progress {
        display: none;
    }
    .mysteps .nav-pills>li>a {
        margin: 0px 15px;
    }
    .mysteps .nav-pills>li {
        text-align: center;
        float: none;
        display: inline-block;
    }
    .mysteps .navbar {
        text-align: center;
    }
}

@media(max-width:480px) {
    .mysteps .nav-pills>li>a {
        margin: 0px 8px;
    }
    .mysteps .nav-pills>li span {
        font-size: 14px;
    }
    .mysteps .nav-pills>li>a {
        font-size: 19px;
        height: 40px;
        width: 40px;
        line-height: 1.8;
    }
    .mysteps .stepbox .field-group {
        margin: 0px 15px;
        margin-bottom: 20px;
    }
    .mysteps .form-group {
        padding: 0;
    }
    .login-page .form-group {
        padding: 0;
    }
    .myregister .form-group {
        padding: 0;
    }
    .stepbox .stap-page .button-block {
        padding: 0;
    }
    .btn-orange,
    .btn-gray {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .stepbox .stap-page .button-block {
        margin-top: 10px;
    }
    .help-tip {
        right: 0;
    }
}
/* sa 2020 December */

.logo {
    height: 95px;
    width: auto;
}

.content-inner {
    margin: 40px 0;
}

h1.head1 {
    margin: 0 0 15px 0;
    font-size: 25px !important;
}

.page-hd-block {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.page-hd-block .lhs-grid {
    float: left;
}

.page-hd-block .lhs-grid p {
    margin: 0;
    padding: 0;
    line-height: 18px;
    font-size: 14px;
}

.plr-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.fa-25 {
    font-size: 25px !important;
}

.box {
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
    border-radius: 2px;
    border: 0;
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.box-body {
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.box-head {
    padding: 10px;
    background: #e7e7e7;
}

.box-head h5 {
    padding: 0;
    margin: 0;
    font-size: 18px;
}

.value-text {
    text-align: center;
    background: #ffc107;
}

.row-eq-height {
    display: flex;
    width: 100%;
}

.col-eh {
    flex: 1;
    position: relative;
}

.col-eh span {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    font-weight: bold;
}

.value-label p {
    margin: 0;
    padding: 10px 0;
}

.counter {
    background: #ffc107;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    max-width: 200px;
}

.show-paged-number {
    float: left;
    font-size: 13px;
}

a.logo-wrap {
    padding: 0 !important;
    float: left !important;
    margin: 0 !important;
}

.topnav {
    overflow: hidden;
    float: right;
    margin-top: 30px;
}

.topnav a {
    float: left;
    display: block;
    text-align: center;
    padding: 10px;
    text-decoration: none;
    font-size: 15px;
    color: #f6b900;
    font-weight: bold;
}

.topnav a:hover {
    color: black;
}

.topnav a.active {
    color: white;
}

.topnav .icon {
    display: none;
    font-size: 35px;
}

table td.break-word,
table th.break-word {
    word-break: break-word !important;
}

.center-block {
    margin: 0 auto;
    display: table;
}

.w-150px {
    width: 150px !important;
}

.btns-wrap .btn {
    margin: 0 5px 10px 0 !important;
}

.table .thead-dark th a {
    color: #fff;
}

a {
    color: #a77d00;
}

.table td a {
    color: #343a40;
}

.custom-file {
    width: 100% !important;
    margin-bottom: 10px !important;
}

.custom-file-input {
    cursor: pointer;
}

.btn {
    margin-bottom: 5px;
}

.table .thead-dark th label {
    margin: 0;
    padding: 0;
}

.menu-list a.active {
    color: #131416;
}

ul.list-type-2 {
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
    width: 100%;
}

ul.list-type-2 li {
    margin: 0;
    padding: 5px 10px 5px 10px;
    float: left;
    width: 100%;
    list-style-type: none;
}

ul.list-type-2 li:nth-child(odd) {
    background: #e7e7e7;
}

ul.list-type-2 li a {
    float: right;
}

.cursor-hand {
    cursor: pointer !important;
}

.add-field {
    float: left;
    width: 100%;
    position: relative;
}

.add-field input.form-control {
    position: absolute;
    top: 0;
    left: 0;
    padding-right: 60px !important;
    z-index: 10;
}

.add-field .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 46px;
    z-index: 15;
}

.counter-bg {
    background: url(../images/counter.png);
    float: left;
    width: 168px;
    height: 23px;
    color: #fff !important;
    font-weight: bold;
    letter-spacing: 15px;
    padding-left: 7px;
}

.q-category {
    margin: 10px 0 15px 0;
    padding: 0;
    float: left;
    width: 100%;
}

.q-category li {
    margin: 0 10px 10px 0px;
    padding: 10px 15px;
    list-style-type: none;
    float: left;
    background-image: linear-gradient(to bottom, #ffbf00, #ffc001, #ffc001, #ffc102, #ffc102);
    border-radius: 5px;
    min-width: 322px;
    font-weight: bold;
    font-size: 16px;
    line-height: 40px;
    cursor: pointer;
}

.form-control.tble-input {
    border: 0 !important;
    background: none !important;
}

textarea.form-control.tble-input {
    font-style: italic;
}

.accordion>.card>.card-header {
    padding: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #ffc107 !important;
    color: #000 !important;
    font-weight: normal !important;
    font-size: 14px !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
    border: 0 !important;
    height: 10px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #000 !important;
}

.bg-orange {
    background: #fe5e00 !important;
}

.badge-orange {
    background: #fe5e00 !important;
}

ul.faq-edit-list {
    margin: 0 0 20px 0;
    padding: 0;
    float: left;
    width: 100%;
}

ul.faq-edit-list li {
    margin: 0;
    padding: 10px 55px 10px 10px;
    float: left;
    width: 100%;
    list-style-type: none;
    position: relative;
}

ul.faq-edit-list li:nth-child(odd) {
    background: #e7e7e7;
}

ul.faq-edit-list li a {
    float: right;
}

ul.faq-edit-list li p a {
   float: none;
}

ul.faq-edit-list li .faq-action-btn {
    position: absolute;
    right: 10px;
    top: 10px;
}

.edit-qn {
    float: left;
    /* border: 1px solid #a77d00; */
    width: 110%;
    margin: 10px -10px -10px -10px;
    padding: 10px;
    background: #f9efd1;
}
/* ninu Responsive styles starts here */

@media screen and (max-width: 850px) {
    /* .topnav a:not(:first-child) {
    display: none;
} */
    .topnav a {
        display: none;
    }
    .topnav a.icon {
        float: left;
        display: block;
    }
    .topnav {
        margin-top: 0 !important;
    }
    .topnav.responsive {
        position: relative;
    }
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
        margin-top: 0 !important;
    }
    .menu-list {
        margin-top: 55px;
    }
}

@media screen and (max-width: 1200px) {
    .container,
    .container-sm {
        max-width: 90% !important;
    }
}

.popover-header {
    color: #f6b900;
}

.popover-body {
    color: #f6b900;
    text-align: center;
}

.popover .arrow {
    display: none !important;
}



ul.list-wrap {
    margin: 0;
    padding: 0 0 0 15px;
    float: left;
    width: 50%;
}

ul.list-wrap li {
    margin: 0;
    padding: 0;
    float: right;
    width: 100%;
    list-style-type: none;
    display:flex;
}

.icon-qs {
    padding: 7px 0 0 0;
    float: right;
}
/* SA */
table.dataTable thead > tr > th.no-sort:after,
table.dataTable thead > tr > th.no-sort:before {
  display: none !important;
}
.float-left {
    float: left !important;
}
.search-box {
    float: right;
}
.search-box label {
    float: left;
    margin-right: 10px;
    padding: 5px 0 0 0;
}
.search-box .form-control {
    float: left;
    width: 260px;
    padding: 0 10px;
    margin-right: 10px;
}
.table-scroll {
    width: 100%;
    overflow-x: auto;
}
.disabled:hover,
.disabled {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: none;
    box-shadow: none;
}
.sort-icons {
    float: right;
    width: 11px;
    margin-top: 5px;
}
.sort-icons i {
    float: left;
    line-height: 7px;
    opacity: 0.125;
}
.table .thead-dark th a {
    text-decoration: none;
}
.tooltip-sa1 {
    display: inline;
    position: relative;
}
  .tooltip-sa1:hover:after{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    background: #444;
    border-radius: 8px;
    color: #fff;
    content: attr(title);
    margin: -72px 199px 0;
    font-size: 16px;
    padding: 13px;
    width: 340px;
  }
  .tooltip-sa1:hover:before{
    border: solid;
    border-color: #444 transparent;
    border-width: 12px 6px 0 6px;
    left: 45%;
    bottom: 30px;
    position: absolute;
  }


  .searchbox-hide .dataTables_wrapper .dataTables_filter {
    display: none !important;
}
.border-blk {
    border: 1px solid #000;
}
.responsive {
    max-width: 100%;
    height: auto;
}
.form-control-md {
    height: 30px !important;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1;
    border-radius: 0.2rem;
  }
  .radio-btn-wrap small {
    line-height: 12px !important;
  }
  .font-12 {
    font-size: 12px;
    line-height: 13px;
  }
  .font-9 {
    font-size: 9px;
    line-height: 10px;
  }
  .badge-two-line {
    display: block;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
    border-radius: 4px;
    padding: 3px 0;
    text-align: center;
  }