/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

html, body {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

input {
    border: 1px solid #b0b0b0;
    padding: 3px 5px 4px;
    color: #979797;
    width: 190px;
    opacity: 1 !important;
}

address, caption, cite, code, dfn, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}
/*reset css ends*/
/*custom css starts*/

@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'), url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.woff2') format('woff2'), url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'poppinsregular';
    font-size: 12px;
}

a.navbar-brand {
    width: 130px;
    padding: 0;
}

.wrap-los {
    height: 100vh;
    position: relative;
    background: url('../images/BG-2.jpg') no-repeat;
    width: 100%;
    background-position: 100%;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: right;
    padding: 10px 0;
    color: #00194c;
}

.next, .previous {
    position: absolute;
    font-size: 35px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

    .next a, .previous a {
        color: #ff8500;
    }

.previous {
    right: auto;
    left: 15px;
}

header {
    background: #00194c;
    width: 80%;
    border-bottom-right-radius: 100px;
}

div#divScreenTarget {
    width: 100%;
    padding: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin: 0 auto;
}

h2 {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: left;
    position: relative;
    margin-bottom: 30px;
    color: #00194c;
    display: inline-block;
}

    h2::after {
        position: absolute;
        bottom: -5px;
        content: "";
        width: 100%;
        height: 3px;
        background: #ff8500;
        left: 0;
    }

.content {
    position: relative;
    overflow: hidden;
    height: calc(100% - 15px);
    margin-bottom: 1rem;
    box-shadow: 0px 2px 10px 2px #f1f1f1;
}

.journey {
    text-align: left;
    display: flex;
    padding: 10px;
    border: 1px solid transparent;
    align-items: center;
}

a.journey img {
    width: 25%;
    height: auto !important;
}

.journey-name {
    width: 75%;
    margin-left: 10px;
}

.content .content-overlay {
    background: rgba(7, 23, 108, 0.5);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay {
    opacity: 1;
}

.content-image {
    width: 100%;
}

.content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.content-details h3 {
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.15em;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    font-size: 13px;
}

.content-details p {
    color: #fff;
    font-size: 0.8em;
}

.fadeIn-bottom {
    top: 80%;
}

a:hover {
    text-decoration: none;
}

a {
    color: #00194c;
}

.content .loan-icon {
    margin-bottom: 15px;
}

.search-btn-wrap {
    border-radius: calc(0.5 * var(--ntp-realbox-height));
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
    font-size: 13px;
    padding: .375rem;
    width: 80%;
    margin-bottom: 1rem;
}

    .search-btn-wrap input {
        border: 0;
        width: 95%;
        padding: 10px;
    }

input:focus-visible, button:focus-visible {
    outline: none !important;
}

button.searchbtn {
    background: transparent;
    border: 0;
    color: #00194c;
}

.searchresult {
    max-height: 40vh;
    overflow-y: scroll;
    overflow-y: scroll;
    border: 1px solid #f5f4f4;
    padding: 10px;
}

h5 {
    margin-bottom: 15px;
    color: #00194c;
}

.leadid {
    margin-right: 10px;
    width: calc(50% - 10px);
}

.customerid {
    width: 50%;
}

button:focus {
    outline: none;
}

.btn.btn-primary {
    margin: 1rem 0;
    padding: 5px 1rem;
    background: #ff8500;
    border-color: transparent;
}

.loan-link {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: 0px 2px 10px 2px #f1f1f1;
    text-align: center;
    margin-bottom: 1rem;
    padding: 10px;
    height: calc(100% - 15px);
    width: 100%;
    color: #00194c;
    font-size: 12px;
}

.fileUpload {
    padding: 7px;
}

.loan-link .loan-icon {
    width: 20%;
    margin: 0 auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
    margin-bottom: 5px;
}

h3 {
    margin-bottom: 10px;
    color: #00194c;
    font-size: 16px;
}

.journey.active {
    border: 1px solid #ff8500;
}

.form-control {
    font-size: 12px;
    padding: 6px;
    border-radius: 10px;
    color: #00194c;
}

.input-group-text {
    color: #fff;
    background: #00194c;
}

    .input-group-text .fa {
        width: 20px;
    }

.form-control:focus {
    border-color: #ff8500;
    box-shadow: none;
}

input[type=checkbox], input[type=radio] {
    width: auto;
}

.add-btn a {
    background: #ff8500;
    display: flex;
    width: 45px;
    height: 35px;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    margin-top: 10px;
    color: #fff;
    font-size: 18px;
}

.addsecurity {
    border: 1px solid #ccc;
    padding: 20px;
    margin: 1rem 0;
    position: relative;
    z-index: 1;
}

.number {
    position: absolute;
    top: -10px;
    left: -1px;
    background: #00194c;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    border-radius: 3px;
}

.padding {
    padding: 20px 10px;
}

.mr-bottom-0 {
    margin-bottom: 0 !important;
}

.card-info .number {
    background: #ff8500;
    width: 40px;
}

textarea {
    height: 35px;
    resize: none;
}

.card-info {
    height: 100%;
    box-shadow: 0px 0px 2px 3px #f1f1f1;
    border: 0;
    padding: 14px 16px;
    min-width: 250px;
    margin-top: 10px;
    position: absolute;
    z-index: 99;
    background: #fff;
    min-height: 65px;
    top: 20px;
}
/*.card-view .card-info  {
    display:none;
}
    .card-view.active .card-info{
        display:block;
    }
.card-view.active .card-number{
    display:none;
}*/
.card-number {
    background: #00194c;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 30px;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    display: block;
}

.wrap {
    padding-right: 15px;
    padding-left: 15px;
}

.green-font {
    color: #155724;
    font-size: 20px;
    font-weight: 600
}

.success {
    margin-bottom: 1rem;
}

h5.card-title {
    font-size: 15px;
}

.card ul, .modal-body ul {
    list-style-type: disc;
    line-height: 2;
    margin-left: 15px;
}

.modal-body {
    padding: 20px;
}

.remove-margin {
    margin: 0 !important;
}
/*a.upload-btn {
    display: inline-block;
}*/
.mr-top {
    margin-top: 10px;
}

.finish-img {
    width: 100%;
    height: 50vh;
}

    .finish-img img {
        margin: 0 auto;
        display: block;
        width: 100%;
        height: 100%;
    }

.modal-backdrop.show {
    opacity: 0.2;
}

ul.accordion-list {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    list-style: none
}

    ul.accordion-list li {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        background-color: #FFF;
        padding: 10px;
        margin: 0 auto 15px auto;
        border: 1px solid #eee;
        border-radius: 5px;
        cursor: pointer;
    }

        ul.accordion-list li h3.activeaccordian:after {
            transform: rotate(45deg);
        }

        ul.accordion-list li h3 {
            font-weight: 700;
            position: relative;
            display: block;
            width: 100%;
            height: auto;
            padding: 5px 10px;
            margin: 0;
            font-size: 13px;
            letter-spacing: 0.01em;
            cursor: pointer;
            text-align: left;
        }

            ul.accordion-list li h3:after {
                content: "\f067";
                font-family: FontAwesome;
                position: absolute;
                right: 0;
                top: 0;
                color: #ff6a00;
                transition: all 0.3s ease-in-out;
                font-size: 18px;
            }

        ul.accordion-list li div.answer {
            position: relative;
            display: block;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
            cursor: pointer;
        }

            ul.accordion-list li div.answer p {
                position: relative;
                display: block;
                font-weight: 300;
                padding: 10px 0 0 0;
                cursor: pointer;
                line-height: 150%;
                margin: 0 0 15px 0;
                font-size: 13px;
            }

    ul.accordion-list input {
        margin-right: 10px;
    }

        ul.accordion-list input:last-child {
            margin-right: 0;
        }

.margin {
    margin: 10px 0;
}

.card-body {
    padding: 10px;
}

.answer .form-group {
    margin-bottom: 0;
}

.add-btn {
    display: flex;
    justify-content: flex-end;
}
/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #00194c;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #00194c;
    }

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #00194c;
    border-color: #00194c;
}

.form-check-input[type=radio]:checked:after {
    border-color: #ff8500;
    background-color: #ff8500;
}

.form-check-input:checked, .form-check-input:checked:focus {
    border-color: #ff8500;
}

.security-icon span i {
    font-size: 30px;
    color: #ff8500;
}

.security-icon {
    width: 20%;
}

.card-property {
    flex: 1;
}

    .card-property label {
        display: block;
    }

.added-info {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.choose-file {
    background: #ff8500;
    color: #fff;
    position: absolute;
    top: 0px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 103px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.bank-upload .choose-file {
    width: 110px;
}

.loan-link {
    cursor: pointer;
}

    .loan-link:hover .loan-icon {
        transition: all 0.2s ease;
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

.form-group:focus-within .input-group-text {
    background: #ff8500;
    border-color: #ff8500;
}

.inputfile {
    width: 0;
    height: 0.1px;
    opacity: 0 !important;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    /* style 6 */
    .inputfile + label {
        color: #00194c;
    }

    .inputfile + label {
        border: 1px solid #ccc;
        padding: 0;
        border-radius: 10px;
        display: flex;
    }

        .inputfile:focus + label, .inputfile.has-focus + label, .inputfile + label:hover {
            border-color: #ff8500;
        }

        .inputfile + label span, .inputfile + label strong {
            padding: 6px 20px;
        }

        .inputfile + label span {
            min-height: 30px;
            display: inline-block;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            vertical-align: top;
            width: 80%;
        }


        .inputfile + label strong {
            height: 100%;
            color: #fff;
            background-color: #ff8500;
            display: inline-block;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 10px;
            flex: 1;
        }

.form-range {
    width: 100%;
}

input[type=range] {
    background: #ff8500;
}

.range-slider {
    width: 100%;
}

.range-slider__range {
    -webkit-appearance: none;
    width: calc(100% - (100px));
    height: 10px;
    border-radius: 5px;
    background: #00194c;
    outline: none;
    padding: 0;
    margin: 0;
}

    .range-slider__range::-webkit-slider-thumb {
        appearance: none;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: #00194c;
        cursor: pointer;
        transition: background 0.15s ease-in-out;
    }

        .range-slider__range::-webkit-slider-thumb:hover {
            background: #00194c;
        }

    .range-slider__range:active::-webkit-slider-thumb {
        background: #00194c;
    }

    .range-slider__range::-moz-range-thumb {
        width: 20px;
        height: 20px;
        border: 0;
        border-radius: 50%;
        background: #00194c;
        cursor: pointer;
        transition: background 0.15s ease-in-out;
    }

        .range-slider__range::-moz-range-thumb:hover {
            background: #00194c;
        }

    .range-slider__range:active::-moz-range-thumb {
        background: #00194c;
    }

    .range-slider__range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 3px, 0 0 0 6px;
    }

.range-slider__value {
    display: inline-block;
    position: relative;
    width: 80px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: #00194c;
    padding: 5px 10px;
    margin-left: 8px;
}

    .range-slider__value:after {
        position: absolute;
        top: 8px;
        left: -7px;
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-right: 7px solid #00194c;
        border-bottom: 7px solid transparent;
        content: '';
    }

.vkyclink a {
    border: 1px solid #ff8500;
    padding: 10px 10px;
    margin: 10px 0;
    display: block;
    text-align: center;
}

.d-flex.margin-top {
    margin-top: 1rem;
}

.vkyclink span {
    margin-left: 5px;
}

.margin-top {
    margin-top: 10px;
}

.client-pht {
    margin: 0 10px;
    border-radius: 10px;
    background: #000;
    padding: 10px;
}

h4 {
    font-size: 15px;
    color: #00194c;
    margin-bottom: 10px;
}

ul.numeric {
    list-style-type: number;
    margin-left: 15px;
}

    ul.numeric li {
        color: #00194c;
        margin-bottom: 5px;
    }

.start span {
    margin-right: 10px;
    color: #00194c
}

.step {
    width: 25px;
    height: 25px;
    background-color: white;
    display: block;
    border: 4px solid;
    border-color: #ccc;
    border-radius: 50%;
    color: #cdd0da;
    font-weight: 600;
    text-align: center;
    /* line-height: 15px; */
    position: relative;
    margin: 10px 0 0;
    z-index: 1;
}

    /*.step:first-child {
        line-height: 40px;
    }*/

    .step:nth-child(n+2) {
        transform: translate(0, 0);
    }

        .step:nth-child(n+2):before {
            width: 2px;
            height: 21px;
            display: block;
            background-color: #ccc;
            transform: translate(-86px, 22px);
            content: "";
            left: 93px;
            position: absolute;
            top: -45px;
            z-index: 0;
        }

    .step:after {
        width: 150px;
        display: block;
        transform: translate(-55px, -5px);
        color: #818698;
        content: attr(data-desc);
        font-weight: 400;
        font-size: 13px;
        display: none;
    }

.agcentsteps .step:after {
    display: block;
    transform: translate(-68px, 0);
}

.agcentsteps .step {
    margin: 0 0 35px;
}

.cust-img {
    height: 100px;
}

.step:first-child:after {
    transform: translate(-55px, 0);
}

.step.active {
    border-color: #ff8500;
    color: #ff8500;
}

    .step.active:before {
        background: linear-gradient(to right, #ff8500 0%, #ff8500 100%);
    }

    .step.active:after {
        color: #00194c;
    }

.step.done {
    background-color: #58bb58;
    border-color: #58bb58;
    color: white;
}

    .step.done:before {
        background-color: #58bb58;
    }

.video-container {
    background: #000;
    width: 100%;
    height: 65vh;
    position: relative;
    z-index: 1;
}

.kyc-client {
    background: #ccc;
    width: 65%;
    margin-left: 30px;
    height: 50vh;
}

.kyc-agent {
    width: 30%;
    height: 30vh;
    position: absolute;
    background: #848181;
    right: 0;
    bottom: 0;
}

.disconnect-btn {
    position: absolute;
    z-index: 2;
    bottom: 12px;
    right: 0;
    left: 0;
    text-align: center;
    font-size: 20px;
    color: red;
    color: red;
    width: 50px;
    margin: 0 auto;
}




.cards .outer {
    display: flex;
    align-items: center;
}

.cards .card {
    background: #ffffff;
    width: 430px;
    display: flex;
    align-items: center;
    padding: 20px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    justify-content: space-between;
    border-radius: 100px 20px 20px 100px;
    animation: animate 15s linear infinite;
    animation-delay: calc(3s * var(--delay));
    top: 50%;
    flex-direction: initial;
}

.outer:hover .card {
    animation-play-state: paused;
}

.cards .card:last-child {
    animation-delay: calc(-3s * var(--delay));
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: translateY(100%) scale(0.5);
    }

    5%, 20% {
        opacity: 0.4;
        transform: translateY(100%) scale(0.7);
    }

    25%, 40% {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0%) scale(1);
    }

    45%, 60% {
        opacity: 0.4;
        transform: translateY(-100%) scale(0.7);
    }

    65%, 100% {
        opacity: 0;
        transform: translateY(-100%) scale(0.5);
    }
}

.card .content {
    display: flex;
    align-items: center;
    box-shadow: none;
}

.cards .card .img {
    height: 90px;
    width: 90px;
    position: absolute;
    left: -5px;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.card .img img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.card .details {
    margin-left: 110px;
}

span#timerId {
    margin-right: 5px;
}

.details {
    text-align: center;
}

    .details span {
        font-weight: 600;
        font-size: 14px;
        color: #00194c;
    }

.content img {
    height: 150px;
    margin: 0 auto;
    display: block;
}

.queue-card {
    box-shadow: 0px 2px 10px 2px #f1f1f1;
    margin-bottom: 30px;
    padding: 10px;
}

    .queue-card .content {
        box-shadow: none;
    }

p {
    color: #00194c;
}

.card a {
    text-decoration: none;
    padding: 7px 18px;
    border-radius: 25px;
    color: #fff;
    background: #fed9b0;
    transition: all 0.3s ease;
}

.table td, .table th {
    font-size: 13px;
}

.card a:hover {
    transform: scale(0.94);
}

.e-draggableAppointment, .e-schedule .e-monthappointment, .e-schedule .e-alldayappointment, .e-schedule .e-appointment, .e-schedule .e-inline, .e-schedule .e-activeview {
    background: #0e396f !important;
    background: -moz-linear-gradient(top,0%,#0e396f 100%) !important;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#0e396f),color-stop(100%,#0e396f)) !important;
    background: -webkit-linear-gradient(top,#0e396f 0%,#0e396f 100%) !important;
    background: -o-linear-gradient(top,#0e396f 0%,#0e396f 100%) !important;
    background: -ms-linear-gradient(top,#0e396f 0%,#0e396f 100%) !important;
    background: linear-gradient(to bottom,#0e396f 0%,#0e396f 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#179bd7',endColorstr='#179bd7',GradientType=0) !important;
    color: #fff;
    border: 1px solid #0e396f !important;
}

.initiate-verification {
    background: url(../../Content/images/bg.jpg) no-repeat;
    width: 100%;
    height: 75vh;
    background-size: cover;
    background-position: 100%;
    display: flex;
    align-items: center;
}

.timer {
    display: flex;
    margin: 15px 0;
    align-items: center;
}

    .timer div {
        background: #00194c;
        color: #fff;
        text-align: center;
        padding: 10px;
    }

.queue-guide {
    margin-bottom: 30px;
}

.instruction {
    color: #00194c;
    margin: -20px 0 20px;
    font-size: 12px;
}

    .instruction p {
        margin-left: 30px;
    }
/*custom css ends*/

call-view__controls-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    pointer-events: none;
    z-index: 2;
}

.call-view__controls-container .call-view__controls {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
    /* Generated with https://larsenwork.com/easing-gradients */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.247) 8.1%, rgba(0, 0, 0, 0.238) 15.5%, rgba(0, 0, 0, 0.224) 22.5%, rgba(0, 0, 0, 0.206) 29%, rgba(0, 0, 0, 0.185) 35.3%, rgba(0, 0, 0, 0.162) 41.2%, rgba(0, 0, 0, 0.137) 47.1%, rgba(0, 0, 0, 0.113) 52.9%, rgba(0, 0, 0, 0.088) 58.8%, rgba(0, 0, 0, 0.065) 64.7%, rgba(0, 0, 0, 0.044) 71%, rgba(0, 0, 0, 0.026) 77.5%, rgba(0, 0, 0, 0.012) 84.5%, rgba(0, 0, 0, 0.003) 91.9%, rgba(0, 0, 0, 0) 100%);
}

    .call-view__controls-container .call-view__controls .call-view__controls__icon-btn {
        height: 50px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 8px;
        transform: scale(1);
        transition: transform 200ms cubic-bezier(0, 0, 0.2, 1);
        background-color: #FAFAFA;
        border-radius: 50%;
        pointer-events: all;
        cursor: pointer;
    }

        .call-view__controls-container .call-view__controls .call-view__controls__icon-btn:hover {
            transform: scale(1.25);
        }

        .call-view__controls-container .call-view__controls .call-view__controls__icon-btn.important {
            background-color: #FF3346;
        }

        .call-view__controls-container .call-view__controls .call-view__controls__icon-btn > i {
            font-size: 20px;
        }

/**
 * Call view tracks section
 */


div#btn--end-call {
    transform: rotate( 135deg );
}

.call-view__tracks {
    width: 100%;
    height: 100%;
    display: flex;
}

.remote-track--container {
    position: relative;
    flex: 1;
}

.remote-track--picture-placeholder--container {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .remote-track--picture-placeholder--container .remote-track--picture-placeholder__background {
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        filter: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a' x='0' y='0' width='1' height='1'%3E%3CfeGaussianBlur stdDeviation='16' result='b'/%3E%3CfeMorphology operator='dilate' radius='16'/%3E %3CfeMerge%3E%3CfeMergeNode/%3E%3CfeMergeNode in='b'/%3E%3C/feMerge%3E%3C/filter%3E%3C/svg%3E#a");
    }

    .remote-track--picture-placeholder--container .remote-track--picture-placeholder {
        width: 196px;
        height: 196px;
        position: absolute;
        border-radius: 50%;
        -webkit-box-shadow: 0px 0px 64px -16px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 0px 64px -16px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 64px -16px rgba(0, 0, 0, 0.6);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

        .remote-track--picture-placeholder--container .remote-track--picture-placeholder.speaking {
            border: 6px solid #4CAF50;
        }

.call-view__tracks__local-track-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px;
    z-index: 1;
}

    .call-view__tracks__local-track-container .call-view__tracks__local-track {
        width: 350px;
        height: 180px;
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        background: #78909C;
        -webkit-box-shadow: 0px 0px 64px -16px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 0px 64px -16px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 64px -16px rgba(0, 0, 0, 0.6);
    }

        .call-view__tracks__local-track-container .call-view__tracks__local-track video {
            width: 100%;
            height: 100%;
            z-index: 1;
            background: #4CAF50;
        }

.modal-backdrop {
    display: none;
}

label {
    color: #00194c;
}
/*calender*/
/*!
 * FullCalendar v3.9.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */
.fc {
    direction: ltr;
    text-align: left;
}

.fc-rtl {
    text-align: right;
}

body .fc {
    /* extra precedence to overcome jqui */
    font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
    /* when user is selecting cells */
    background: #bce8f1;
    opacity: .3;
}

.fc-bgevent {
    /* default look for background events */
    background: #8fdf82;
    opacity: .3;
}

.fc-nonbusiness {
    /* default look for non-business-hours areas */
    /* will inherit .fc-bgevent's styles */
    background: rgba(52,40,104,.05);
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
    /* force height to include the border and padding */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* dimensions */
    margin: 0;
    height: auto;
    padding: 0 .6em;
    /* text & cursor */
    font-size: 1em;
    /* normalize */
    white-space: nowrap;
    cursor: pointer;
}

    /* Firefox has an annoying inner border */
    .fc button::-moz-focus-inner {
        margin: 0;
        padding: 0;
    }

.fc-state-default {
    /* non-theme */
    border: 1px solid;
}

    .fc-state-default.fc-corner-left {
        /* non-theme */
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .fc-state-default.fc-corner-right {
        /* non-theme */
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

/* icons in buttons */
.fc button .fc-icon {
    /* non-theme */
    position: relative;
    top: -0.05em;
    /* seems to be a good adjustment across browsers */
    margin: 0 .2em;
    vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #333333;
    background-color: #e6e6e6;
}

.fc-state-hover {
    color: #333333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
    background-color: #cccccc;
    background-image: none;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
    display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
    /* extra precedence b/c buttons have margin set to zero */
    float: left;
    margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child {
    /* same */
    margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
    position: absolute;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

    .fc-popover .fc-header {
        /* TODO: be more consistent with fc-head/fc-body */
        padding: 2px 4px;
    }

        .fc-popover .fc-header .fc-title {
            margin: 0 2px;
        }

        .fc-popover .fc-header .fc-close {
            cursor: pointer;
        }

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
    float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
    float: right;
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
    border-style: solid;
    border-width: 1px;
}

hr.fc-divider {
    height: 0;
    margin: 0;
    padding: 0 0 2px;
    /* height is unreliable across browsers, so use padding */
    border-width: 1px 0;
}

.fc-clear {
    clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
    /* these element should always cling to top-left/right corners */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc-bg {
    bottom: 0;
    /* strech bg to bottom edge */
}

    .fc-bg table {
        height: 100%;
        /* strech bg to bottom edge */
    }

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
    width: 100%;
    box-sizing: border-box;
    /* fix scrollbar issue in firefox */
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em;
    /* normalize cross-browser */
}

.fc th {
    text-align: center;
}

.fc th,
.fc td {
    border-style: solid;
    border-width: 1px 1px 0 1px !important;
    padding: 0;
    border-color: #eee;
    vertical-align: top;
}

    .fc td.fc-today {
        border-style: double;
        /* overcome neighboring borders */
    }

/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
    cursor: pointer;
}

    a[data-goto]:hover {
        text-decoration: underline;
    }

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
    /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
    /* no visible border by default. but make available if need be (scrollbar width compensation) */
    border-style: solid;
    border-width: 0;
}

.fc-row table {
    /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    /* no bottom borders on rows */
    border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
    border-top: 0 hidden transparent;
    /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
    position: relative;
    background: #ffffff;
}

    .fc-row .fc-bg {
        z-index: 1;
    }

    /* highlighting cells & background event skeleton */
    .fc-row .fc-bgevent-skeleton,
    .fc-row .fc-highlight-skeleton {
        bottom: 0;
        /* stretch skeleton to bottom of row */
    }

        .fc-row .fc-bgevent-skeleton table,
        .fc-row .fc-highlight-skeleton table {
            height: 100%;
            /* stretch skeleton to bottom of row */
        }

        .fc-row .fc-highlight-skeleton td,
        .fc-row .fc-bgevent-skeleton td {
            border-color: transparent;
        }

    .fc-row .fc-bgevent-skeleton {
        z-index: 2;
    }

    .fc-row .fc-highlight-skeleton {
        z-index: 3;
    }

    /*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
    .fc-row .fc-content-skeleton {
        position: relative;
        z-index: 4;
        padding-bottom: 2px;
        /* matches the space above the events */
    }

    .fc-row .fc-helper-skeleton {
        z-index: 5;
    }

.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
    /* see-through to the background below */
    /* extra precedence to prevent theme-provided backgrounds */
    background: none;
    /* in case <td>s are globally styled */
    border-color: transparent;
    padding: .5rem .5rem;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
    /* don't put a border between events and/or the day number */
    border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
    /* don't put a border between event cells */
    border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
    -webkit-overflow-scrolling: touch;
}

    /* TODO: move to agenda/basic */
    .fc-scroller > .fc-day-grid,
    .fc-scroller > .fc-time-grid {
        position: relative;
        /* re-scope all positions */
        width: 100%;
        /* hack to force re-sizing this inner element when scrollbars appear/disappear */
    }

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
    position: relative;
    /* for resize handle and other inner positioning */
    display: block;
    /* make the <a> tag block */
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0.02em;
    border-radius: 3px;
    font-weight: 500;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.05);
    /* default BORDER color */
}

.fc-event,
.fc-event-dot {
    background-color: #ffffff;
    color: #5d5386;
    position: relative;
    /* default BACKGROUND color */
}

    .fc-event:before,
    .fc-event-dot:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 50px;
        height: 100%;
        border-left: 3px solid #5d5386;
        border-bottom: 3px solid #5d5386;
        -webkit-border-radius: 3px 0px 0px 3px;
        -moz-border-radius: 3px 0px 0px 3px;
        border-radius: 3px 0px 0px 3px;
    }

    .fc-event .fc-title {
        font-weight: 500;
    }

    .fc-event i {
        font-size: 26px;
        margin-right: 8px;
        vertical-align: middle;
    }

    .fc-event,
    .fc-event:hover {
        color: #fff;
        /* default TEXT color */
        text-decoration: none;
        /* if <a> has an href */
    }

        .fc-event[href],
        .fc-event.fc-draggable {
            cursor: pointer;
            /* give events with links and draggable events a hand mouse pointer */
        }

.fc-not-allowed,
.fc-not-allowed .fc-event {
    /* to override an event's custom cursor */
    cursor: not-allowed;
}

.fc-event .fc-bg {
    /* the generic .fc-bg already does position */
    z-index: 1;
    background: #fff;
    opacity: .25;
}

.fc-event .fc-content {
    color: #2c304d;
    position: relative;
    z-index: 2;
    padding: 8px;
}

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
}

/* resizer (touch devices) */
.fc-event .fc-resizer {
    display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
    /* only show when hovering or selected (with touch) */
    display: block;
}

    /* hit area */
    .fc-event.fc-selected .fc-resizer:before {
        /* 40x40 touch area */
        content: "";
        position: absolute;
        z-index: 9999;
        /* user of this util can scope within a lower z-index */
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px;
    }

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
    z-index: 9999 !important;
    /* overcomes inline z-index */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

    .fc-event.fc-selected.fc-dragging {
        box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
    }

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    /* below resizers */
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    /* replace the border with padding */
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    /* replace the border with padding */
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px;
    /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px;
    /* overcome border */
}

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    /* overcome top border */
    bottom: -1px;
    /* overcome bottom border */
}

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
    /* 8x8 little dot */
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    /* vertically center */
    top: 50%;
    margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px;
    /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px;
    /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
    margin: 1px 2px 0;
    /* spacing between events and edges */
    padding: 0;
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px;
    /* a little bit more space before the first event */
}

.fc-day-grid-event.fc-selected:after {
    content: "";
    position: absolute;
    z-index: 1;
    /* same z-index as fc-bg, behind text */
    /* overcome the borders */
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    /* darkening effect */
    background: #000;
    opacity: .25;
}

.fc-day-grid-event .fc-content {
    /* force events to be one-line tall */
    white-space: nowrap;
    overflow: hidden;
}

.fc-day-grid-event .fc-time {
    font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px;
    /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px;
    /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    cursor: pointer;
    text-decoration: none;
}

    a.fc-more:hover {
        text-decoration: underline;
    }

.fc-limited {
    /* rows and cells that are hidden because of a "more" link */
    display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
    z-index: 1;
    /* make the "more" popover one higher than this */
}

.fc-more-popover {
    z-index: 2;
    width: 220px;
}

    .fc-more-popover .fc-event-container {
        padding: 10px;
    }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
    position: absolute;
    border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
    border-color: #ddd;
}

.fc-unthemed .fc-popover {
    background-color: #fff;
}

    .fc-unthemed .fc-divider,
    .fc-unthemed .fc-popover .fc-header,
    .fc-unthemed .fc-list-heading td {
        background: #eee;
    }

        .fc-unthemed .fc-popover .fc-header .fc-close {
            color: #666;
        }

.fc-unthemed td.fc-today {
    background: #fcf8e3;
}

.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: .3;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
    display: inline-block;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    text-align: center;
    overflow: hidden;
    font-family: "Courier New", Courier, monospace;
    /* don't allow browser text-selection */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
    .fc-icon:after {
        position: relative;
    }

.fc-icon-left-single-arrow:after {
    content: "\2039";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
}

.fc-icon-right-single-arrow:after {
    content: "\203A";
    font-weight: bold;
    font-size: 200%;
    top: -7%;
}

.fc-icon-left-double-arrow:after {
    content: "\AB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-right-double-arrow:after {
    content: "\BB";
    font-size: 160%;
    top: -7%;
}

.fc-icon-left-triangle:after {
    content: "\25C4";
    font-size: 125%;
    top: 3%;
}

.fc-icon-right-triangle:after {
    content: "\25BA";
    font-size: 125%;
    top: 3%;
}

.fc-icon-down-triangle:after {
    content: "\25BC";
    font-size: 125%;
    top: 2%;
}

.fc-icon-x:after {
    content: "\D7";
    font-size: 200%;
    top: 6%;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid;
}

    .fc-unthemed .fc-popover .fc-header .fc-close {
        font-size: .9em;
        margin-top: 2px;
    }

/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
    background-color: #f5f5f5;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-disabled-day {
    background-image: none;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover > .ui-widget-header + .ui-widget-content {
    border-top: 0;
    /* where they meet, let the header have the border */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-event {
    /* overpower jqui's styles on <a> tags. TODO: more DRY */
    color: #fff;
    /* default TEXT color */
    text-decoration: none;
    /* if <a> has an href */
    /* undo ui-widget-header bold */
    font-weight: normal;
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.ui-widget td.fc-axis {
    font-weight: normal;
    /* overcome bold */
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats .ui-widget-content {
    background: none;
    /* see through to fc-bg */
}

.fc.fc-bootstrap3 a {
    text-decoration: none;
}

    .fc.fc-bootstrap3 a[data-goto]:hover {
        text-decoration: underline;
    }

.fc-bootstrap3 hr.fc-divider {
    border-color: inherit;
}

.fc-bootstrap3 .fc-today.alert {
    border-radius: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-popover .panel-body {
    padding: 0;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-time-grid .fc-slats table {
    /* some themes have background color. see through to slats */
    background: none;
}

.fc.fc-bootstrap4 a {
    text-decoration: none;
}

    .fc.fc-bootstrap4 a[data-goto]:hover {
        text-decoration: underline;
    }

.fc-bootstrap4 hr.fc-divider {
    border-color: inherit;
}

.fc-bootstrap4 .fc-today.alert {
    border-radius: 0;
}

.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
    color: #5d5386;
}

.fc-bootstrap4 .fc-popover.card {
    position: absolute;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-popover .card-body {
    padding: 0;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-time-grid .fc-slats table {
    /* some themes have background color. see through to slats */
    background: none;
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
    text-align: center;
}

    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1em;
    }

    .fc-toolbar.fc-footer-toolbar {
        margin-top: 1em;
    }

    .fc-toolbar .fc-left {
        float: left;
    }

    .fc-toolbar .fc-right {
        float: right;
    }

    .fc-toolbar .fc-center {
        display: inline-block;
    }

.fc button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: auto;
    padding: 0 1rem;
    font-size: 1rem;
    white-space: nowrap;
    cursor: pointer;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
    /* extra precedence to override button border margins */
    float: left;
    margin-left: .75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
    /* extra precedence to override button border margins */
    margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
}

/* button layering (for border precedence) */
.fc-toolbar button {
    position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
    z-index: 2;
}

.fc-toolbar .fc-state-down {
    z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
    z-index: 4;
}

.fc-toolbar button:focus {
    z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.fc-view,
.fc-view > table {
    /* so dragged elements can be above the view's main element */
    position: relative;
    z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
    /* there may be week numbers in these views, so no padding-top */
    padding-bottom: 1em;
    /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
    min-height: 4em !important;
    height: 5em !important;
    /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
    overflow: hidden;
}

    .fc-row.fc-rigid .fc-content-skeleton {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

/* week and day number styling */
.fc-day-top.fc-other-month {
    opacity: 0.3;
}

.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
    padding: 2px;
    color: rgba(52,40,104,.8);
    font-size: 15px;
    font-weight: 400;
}

.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
    padding: 0 2px;
    /* column headers can't have as much v space */
}

.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: right;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
    float: left;
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
    float: left;
    border-radius: 0 0 3px 0;
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
    float: right;
    border-radius: 0 0 0 3px;
}

.fc-basic-view .fc-day-top .fc-week-number {
    min-width: 1.5em;
    text-align: center;
    background-color: #f2f2f2;
    color: #808080;
}

/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
    text-align: center;
}

    .fc-basic-view td.fc-week-number > * {
        /* work around the way we do column resizing and ensure a minimum width */
        display: inline-block;
        min-width: 1.25em;
    }

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
    position: relative;
    z-index: 2;
    /* so the "more.." popover will be over the time grid */
}

    .fc-agenda-view .fc-day-grid .fc-row {
        min-height: 3em;
        /* all-day section will never get shorter than this */
    }

        .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
            padding-bottom: 1em;
            /* give space underneath events for clicking/selecting days */
        }

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
    /* .fc to overcome default cell styles */
    vertical-align: middle;
    padding: 0 4px;
    white-space: nowrap;
}

.fc-ltr .fc-axis {
    text-align: right;
}

.fc-rtl .fc-axis {
    text-align: left;
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
    /* so slats/bg/content/etc positions get scoped within here */
    position: relative;
    z-index: 1;
}

.fc-time-grid {
    min-height: 100%;
    /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

    .fc-time-grid table {
        /* don't put outer borders on slats/bg/content/etc */
        border: 0 hidden transparent;
    }

    .fc-time-grid > .fc-bg {
        z-index: 1;
        background: #fff;
    }

    .fc-time-grid .fc-slats,
    .fc-time-grid > hr {
        /* the <hr> AgendaView injects when grid is shorter than scroller */
        position: relative;
        z-index: 2;
    }

    .fc-time-grid .fc-content-col {
        position: relative;
        /* because now-indicator lives directly inside */
    }

    .fc-time-grid .fc-content-skeleton {
        position: absolute;
        z-index: 3;
        top: 0;
        left: 0;
        right: 0;
    }

    /* divs within a cell within the fc-content-skeleton */
    .fc-time-grid .fc-business-container {
        position: relative;
        z-index: 1;
    }

    .fc-time-grid .fc-bgevent-container {
        position: relative;
        z-index: 2;
    }

    .fc-time-grid .fc-highlight-container {
        position: relative;
        z-index: 3;
    }

    .fc-time-grid .fc-event-container {
        position: relative;
        z-index: 4;
    }

    .fc-time-grid .fc-now-indicator-line {
        z-index: 5;
    }

    .fc-time-grid .fc-helper-container {
        /* also is fc-event-container */
        position: relative;
        z-index: 6;
    }

    /* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
    .fc-time-grid .fc-slats td {
        height: 1.5em;
        border-bottom: 0;
        padding: 10px;
        /* each cell is responsible for its top border */
    }

.fc-agendaDay-view .fc-time-grid .fc-slats td {
    background: #ffffff;
}

.fc-time-grid .fc-slats .fc-minor td {
    border-top-style: dotted;
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
    /* a div within a cell within the fc-highlight-skeleton */
    position: relative;
    /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
    position: absolute;
    left: 0;
    right: 0;
    /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
    /* space on the sides of events for LTR (default) */
    margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container {
    /* space on the sides of events for RTL */
    margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
    position: absolute;
    z-index: 1;
    /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
    /* background events always span full width */
    left: 0;
    right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
    /* events that are continuing from another day */
    /* replace space made by the top border with padding */
    border-top-width: 0;
    padding-top: 1px;
    /* remove top rounded corners */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
    /* replace space made by the top border with padding */
    border-bottom-width: 0;
    padding-bottom: 1px;
    /* remove bottom rounded corners */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
    overflow: hidden;
    /* don't let the bg flow over rounded corners */
}

    .fc-time-grid-event.fc-selected {
        /* need to allow touch resizers to extend outside event's bounding box */
        /* common fc-selected styles hide the fc-bg, so don't need this anyway */
        overflow: visible;
    }

        .fc-time-grid-event.fc-selected .fc-bg {
            display: none;
            /* hide semi-white background, to appear darker */
        }

    .fc-time-grid-event .fc-content {
        overflow: hidden;
        /* for when .fc-selected */
    }

    .fc-time-grid-event .fc-time,
    .fc-time-grid-event .fc-title {
        padding: 0 1px;
    }

    .fc-time-grid-event .fc-time {
        font-size: .85em;
        white-space: nowrap;
    }

    /* short mode, where time and title are on the same line */
    .fc-time-grid-event.fc-short .fc-content {
        /* don't wrap to second line (now that contents will be inline) */
        white-space: nowrap;
    }

    .fc-time-grid-event.fc-short .fc-time,
    .fc-time-grid-event.fc-short .fc-title {
        /* put the time and title on the same line */
        display: inline-block;
        vertical-align: top;
    }

        .fc-time-grid-event.fc-short .fc-time span {
            display: none;
            /* don't display the full time text... */
        }

        .fc-time-grid-event.fc-short .fc-time:before {
            content: attr(data-start);
            /* ...instead, display only the start time */
        }

        .fc-time-grid-event.fc-short .fc-time:after {
            content: "\A0-\A0";
            /* seperate with a dash, wrapped in nbsp's */
        }

    .fc-time-grid-event.fc-short .fc-title {
        font-size: .85em;
        /* make the title text the same size as the time */
        padding: 0;
        /* undo padding from above */
    }

    /* resizer (cursor device) */
    .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
        left: 0;
        right: 0;
        bottom: 0;
        height: 8px;
        overflow: hidden;
        line-height: 8px;
        font-size: 11px;
        font-family: monospace;
        text-align: center;
        cursor: s-resize;
    }

        .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
            content: "=";
        }

    /* resizer (touch device) */
    .fc-time-grid-event.fc-selected .fc-resizer {
        /* 10x10 dot */
        border-radius: 5px;
        border-width: 1px;
        width: 8px;
        height: 8px;
        border-style: solid;
        border-color: inherit;
        background: #fff;
        /* horizontally center */
        left: 50%;
        margin-left: -5px;
        /* center on the bottom edge */
        bottom: -5px;
    }

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
    border-top-width: 1px;
    left: 0;
    right: 0;
}

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
    margin-top: -5px;
    /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
    left: 0;
    /* triangle pointing right... */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
    right: 0;
    /* triangle pointing left... */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

/* view wrapper */
.fc-rtl .fc-list-view {
    direction: rtl;
    /* unlike core views, leverage browser RTL */
}

.fc-list-view {
    border-width: 1px;
    border-style: solid;
}

/* table resets */
.fc .fc-list-table {
    table-layout: auto;
    /* for shrinkwrapping cell content */
}

.fc-list-table td {
    border-width: 1px 0 0;
    padding: 8px 14px;
}

.fc-list-table tr:first-child td {
    border-top-width: 0;
}

/* day headings with the list */
.fc-list-heading {
    border-bottom-width: 1px;
}

    .fc-list-heading td {
        font-weight: bold;
    }

.fc-ltr .fc-list-heading-main {
    float: left;
}

.fc-ltr .fc-list-heading-alt {
    float: right;
}

.fc-rtl .fc-list-heading-main {
    float: right;
}

.fc-rtl .fc-list-heading-alt {
    float: left;
}

/* event list items */
.fc-list-item.fc-has-url {
    cursor: pointer;
    /* whole row will be clickable */
}

.fc-list-item-marker,
.fc-list-item-time {
    white-space: nowrap;
    width: 1px;
}

/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
    padding-right: 0;
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0;
}

.fc-list-item-title a {
    /* every event title cell has an <a> tag */
    text-decoration: none;
    color: inherit;
}

    .fc-list-item-title a[href]:hover {
        /* hover effect only on titles with hrefs */
        text-decoration: underline;
    }

/* message when no events */
.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table;
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.fc-unthemed .fc-list-empty {
    /* theme will provide own background */
    background-color: #eee;
}


.fc th.fc-day-header {
    padding: 11px 7px;
    font-size: 16px;
    font-weight: 400;
}

.fc-day.fc-today {
    background: rgba(52,40,104,.03);
}

.fc-day.alert-info {
    background: rgba(52,40,104,.03);
}

.datepicker {
    z-index: 123456;
}


.card {
    border: 0;
    background: transparent;
}





.modal-body {
    border-radius: 10px;
}

    .modal-body h4 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 18px;
        letter-spacing: 1px;
        color: #002147;
        margin-bottom: 20px;
    }

    .modal-body .form-control {
        box-shadow: none;
        height: 50px;
    }


/* related product */
.related-product {
    padding: 80px 0;
}

    .related-product .container {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto;
    }

    .related-product ul {
        padding: 0;
        margin: 0;
    }

        .related-product ul li {
            margin-bottom: 30px;
            list-style-type: none;
        }

            .related-product ul li h3 {
                font-weight: 700;
                font-size: 24px;
                padding: 20px 0;
            }

            .related-product ul li a {
                font-weight: 600;
                color: #3b484a;
                text-align: center;
            }

                .related-product ul li a img {
                    max-width: 100%;
                    display: block;
                }

.related-box {
    max-width: 400px;
    margin: 0 auto;
}

.download-btn {
    padding: 15px;
    display: inline-flex;
    align-items: center;
}

    .download-btn .fa {
        font-size: 40px;
        margin-right: 10px;
    }

div#datepickers-container {
    display: none;
}

div#calendar {
    height: 60vh;
    width: 100%;
}

.fc-scroller.fc-day-grid-container, .fc-time-grid-container, .fc-time-grid, .fc-time-grid-container, .fc-time-grid {
    height: 40vh !important;
}

button.btn.btn-primary.save-btn {
    margin-right: 10px !important;
}

.login-img-wrap img {
    height: 80vh;
}

a.forgot-password {
    color: #ff8500;
    margin-left: 10px;
    font-weight: 600;
}

.nav-link, .nav-link:hover {
    color: #fff;
}

.timeslot {
    background-color: #fff;
    width: auto;
    height: 30px;
    color: #00194c;
    padding: 7px;
    margin-top: 5px;
    font-size: 14px;
    border-radius: 3px;
    vertical-align: middle;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border: 1px solid #00194c;
}

    .timeslot:focus, .timeslot:visited, .timeslot.focus {
        background: #ff8500;
        color: #fff;
        border-color: #ff8500;
    }

    .timeslot.booked {
        background: #00194c;
        color: #fff;
        border-color: #00194c;
    }

.width-50 {
    width: calc(50% - 10px)
}

span.text-danger.field-validation-error {
    display: block;
    width: 100%;
    font-size: 11px;
}

.form-group {
    margin-bottom: 10px;
}

.input-group-text {
    margin: 0;
    border: 1px solid #00194c;
    padding: 11px;
}

.custom-select {
    height: auto;
    padding: 6px;
}

.card-property label {
    margin-bottom: 0;
}

input::-webkit-input-placeholder { /* Edge */
    font-size: 12px;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-size: 12px;
}

input::placeholder {
    font-size: 12px;
}

.card-info {
    display: none;
}
/*.card-number:hover + .card-info {
    display: block;
    transition:0.3s all ease;
}*/
input#skip {
    margin: 0;
    margin-top: 10px;
}

.mbl-view {
    display: none;
}

.login-wrap {
    height: 100vh;
    display: flex;
    align-items: center;
}

select.form-control:not([size]):not([multiple]) {
    height: auto;
}

body {
    overflow: hidden !important;
}

.fc-left h2::after {
    content: none;
}

#div-vKyc {
    height: 100%;
    width: 100%;
}

input.btn.btn-primary {
    width: auto;
    padding: 2px 15px;
    background: transparent;
    color: #00194c;
    border: 1px solid #00194c;
    font-weight: 600;
}

.btn.disabled, .btn:disabled {
    opacity: .65 !important;
}

a#sendotp {
    color: #fff;
}

.btn-primary {
    font-size: 13px;
}

/*css for nagaad only starts*/
label.form-check-label.accept-label {
    margin-top: .2rem;
}

button.btn.btn-primary.blue-btn {
    background: #00194c;
}
/*css for nagaad only ends*/

.switch {
    display: inline-flex;
    margin: 0 10px 20px;
    align-items: center;
    font-size: 14px;
}

    .switch input[type=checkbox] {
        height: 0;
        width: 0;
        visibility: hidden;
    }

        .switch input[type=checkbox]:checked + label {
            background: #00194c;
        }

            .switch input[type=checkbox]:checked + label::after {
                left: calc(100% - 4px);
                transform: translateX(-100%);
            }

    .switch label {
        cursor: pointer;
        width: 48px;
        height: 24px;
        background: grey;
        display: block;
        border-radius: 24px;
        position: relative;
        margin: 0 10px;
    }

        .switch label::after {
            content: "";
            position: absolute;
            top: 4px;
            left: 4px;
            width: 16px;
            height: 16px;
            background: white;
            border-radius: 16px;
            transition: 0.3s;
        }

#itr {
    display: none;
}

.card-layout {
    box-shadow: 0 0 3px 3px #f1f1f1;
    padding: 20px;
    background: #fff;
    margin-bottom: 15px;
}

    .card-layout h4 {
        font-weight: 600;
    }

    .card-layout a {
        font-size: 16px;
        font-weight: 600;
        color: #ff8500;
        border: 1px solid;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.items {
    margin-top: 15px;
}

    .items h5 {
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 0;
        line-height: inherit;
    }

.img-preview {
    box-shadow: 0 0 3px 3px #f1f1f1;
    padding: 15px;
    margin-bottom: 20px;
}

    .img-preview img {
        margin: 0 auto;
        display: block;
    }


.video-container iframe {
    height: 100%;
    width: 100%;
}

button.fc-agendaDay-button.btn.btn-primary {
    display: none;
}

button.fc-agendaWeek-button.btn.btn-primary {
    display: none;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.scan-border {
    width: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}
/* Preloader */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
}

#status {
    width: 100px;
    height: 100px;
    position: absolute;
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}
/* Preloader */
.footer {
    position: fixed;
    bottom: 0;
    z-index: 2;
    right: 0;
}

.powered-by {
    width: 100px;
    border: 1px solid #f1f1f1;
    padding: 5px;
    margin: 2px 10px;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}

.mbl-dblock {
    display: none;
}

.desktop-dblock {
    display: block;
}

.dropdown-item {
    color: #00194c;
    font-size: 12px;
}

span.menu-icon {
    width: 15px;
    display: inline-block;
    margin-right: 10px;
}

/*tabs*/
.nav-tabs .nav-link {
    border: 0;
}

.nav-tabs {
    border-bottom: 0;
    margin-bottom: 30px;
}

    .nav-tabs .nav-item {
        color: #00194c;
        border: 1px solid #ff8500;
        border-radius: 10px;
        margin-right: 10px;
    }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: #fff;
            background-color: #ff8500;
            border-color: #ff8500;
        }

    .nav-tabs .nav-link, .nav-tabs .nav-link:hover {
        color: #00194c;
        border-color: #00194c;
        background: #fff;
    }

small {
    margin-right: 10px;
}

.tab-content .items h5 {
    font-weight: 400;
}

select option:checked {
    background: #ff8500;
    color: #fff;
}

select option:hover,
select option:focus,
select option:active {
    background: #ff8500 !important;
    color: #fff !important;
}

.onboarding {
    width: 100%;
}

.steps {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

    .steps li:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 0;
        border-top: 1px solid #ddd;
        top: 30px;
        left: 0;
        z-index: -1;
    }

    .steps li:last-child:after {
        content: none;
    }

    .steps li {
        width: 12.5%;
        position: relative;
        float: left;
    }

        .steps li .img {
            display: block;
            width: 60px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            border: 1px solid #ddd;
            border-radius: 50%;
            background-color: #fff;
        }

            .steps li .img img {
                vertical-align: middle;
            }

        .steps li .caption {
            margin-top: 20px;
            font-size: 12px;
            color: #848484;
        }

        .steps li.completed .caption {
            color: #00194c;
        }

.stepicon {
    font-size: 16px;
    color: #848484;
}

.completed .stepicon {
    color: #1857a6;
}

.steps li.completed .img {
    border: 1px solid #00194c;
}

.steps li.completed:after {
    border-top: 1px solid #00194c;
}

.onbaording-center {
    height: 50vh;
    display: flex;
}

a.player {
    border: 1px solid #1857a6;
    padding: 8px 10px;
    border-radius: 50%;
    margin-left: 10px;
}

a.navbar-brand img {
    width: auto;
    background: transparent;
}

.notifications {
    /*background: rgba(8, 31, 81,0.8);*/
    background: #00194c;
    color: #fff;
}
/*tree css starts*/

.tree {
    margin: 18px;
    padding: 0;
}

    .tree:not(:empty):before, .tree:not(:empty):after,
    .tree ul:not(:empty):before,
    .tree ul:not(:empty):after,
    .tree li:not(:empty):before,
    .tree li:not(:empty):after {
        display: block;
        position: absolute;
        content: "";
    }

    .tree ul,
    .tree li {
        position: relative;
        margin: 0;
        padding: 0;
    }

    .tree li {
        list-style: none;
    }

        .tree li > div {
            background-color: #eee;
            color: #222;
            padding: 5px;
            display: inline-block;
        }




    .tree.horizontal li {
        display: flex;
        align-items: center;
        margin-left: 24px;
    }

        .tree.horizontal li div {
            margin: 6px 0;
        }

        .tree.horizontal li:before {
            border-left: 1px solid #ddd;
            height: 100%;
            width: 0;
            top: 0;
            left: -12px;
        }

        .tree.horizontal li:first-child:before {
            height: 50%;
            top: 50%;
        }

        .tree.horizontal li:last-child:before {
            height: 50%;
            bottom: 50%;
            top: auto;
        }

        .tree.horizontal li:after,
        .tree.horizontal li ul:after {
            border-top: 1px solid #ddd;
            height: 0;
            width: 12px;
            top: 50%;
            left: -12px;
        }

        .tree.horizontal li:only-child:before {
            content: none;
        }

        .tree.horizontal li ul:after {
            left: 0;
        }

    .tree.horizontal > li:only-child {
        margin-left: 0;
    }

        .tree.horizontal > li:only-child:before, .tree.horizontal > li:only-child:after {
            content: none;
        }

    .tree.vertical {
        display: flex;
        height: 60vh;
        overflow-y: scroll;
        overflow-x: scroll;
    }

        .tree.vertical ul {
            display: flex;
            justify-content: center;
        }

        .tree.vertical li {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

            .tree.vertical li div {
                margin: 12px 6px;
                padding: 10px;
                text-align: center;
                min-width: 115px;
            }

            .tree.vertical li:before {
                border-left: 1px solid #ddd;
                height: 12px;
                width: 0;
                top: 0;
            }

            .tree.vertical li:after {
                border-top: 1px solid #ddd;
                height: 0;
                width: 100%;
            }

            .tree.vertical li:first-child:after {
                border-top: 1px solid #ddd;
                height: 0;
                width: 50%;
                left: 50%;
            }

            .tree.vertical li:last-child:after {
                border-top: 1px solid #ddd;
                height: 0;
                width: 50%;
                right: 50%;
            }

            .tree.vertical li:only-child:after {
                content: none;
            }

            .tree.vertical li ul:before {
                border-left: 1px solid #ddd;
                height: 12px;
                width: 0;
                top: -12px;
            }

        .tree.vertical > li:only-child:before, .tree.vertical > li:only-child:after {
            content: none;
        }

        .tree.vertical li.no-border:before {
            content: none;
        }

        .tree.vertical li.no-border:first-child:after, .tree.vertical li.no-border:after {
            content: none;
        }

        .tree.vertical li.no-border {
            /*width: 32.33%*/
        }

    .tree li > div.fo, .tree li > div.mo, .tree li > div.bo, .fo {
        background: #ff8500;
        color: #fff;
    }

    .tree li > div.mo, .mo {
        background: #00194c;
    }

    .tree li > div.bo, .bo {
        background: #848181;
    }
/*tree css ends*/
.dropdown-item.active, .dropdown-item:active {
    background: #00194c;
}

.info-box {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.alert-info div {
    color: #00194c;
    margin-right: 10px;
}

.choices__list--multiple .choices__item {
    background-color: #00194c;
    border: 1px solid #00194c;
}

.choices__inner {
    min-height: inherit;
    padding: 0;
    border-radius: 0 10px 10px 0;
}



.choices {
    width: calc(100% - 48px);
}

.navbar {
    padding: 0;
}

.wrap-card {
    box-shadow: 0 0 2px 2px #f1f1f1;
    padding: 30px;
    border-radius: 15px;
}

/*error,forgotpassword,unauthorised page css starts*/
.pageheight.pagecenter {
    height: 80vh;
    display: flex;
    align-items: center;
}

.login_page.login_page_v2 .login_page_forms {
    padding: 0;
}

.login_page_forms {
    width: 80%;
}

.error-img img {
    width: 40%;
    margin: 0 auto;
    display: block;
}
/*error,forgotpassword,unauthorised page css ends*/
.changepasswordsuccess-img {
    width: 25%;
    margin: 0 auto;
}

.panel-heading.text-center {
    font-size: 18px;
    margin-top: 20px;
    color: #00194c;
}

span.completed-check {
    color: green;
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;
}

div#RedirectWrap {
    width: 30%;
    margin: 20px auto 0;
}

#redirectToBtn {
    background: #00194c;
}

/*loginscf css starts*/

.margin-top-large {
    margin-top: 1rem;
}

button#loginSubmitBtn, button#loginRedirectBtn {
    margin: 0;
    width: calc(50% - 10px);
    margin-right: 10px;
}

.wrap-loginscf {
    background: url(../images/loginbg-KF.svg) no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: center;
}

    .wrap-loginscf .fixHeight {
        height: 100vh;
    }

.notifications {
    width: 70%;
    margin: 0 auto;
}

/*loginscf css ends*/
div#treasuryMainWrap {
    margin-top: 15px;
}

.choices {
    width: calc(100% - 46px);
}

.choices__list--multiple .choices__item {
    background-color: #ff8500;
    border: 1px solid #ff8500;
}

.choices__inner {
    min-height: auto;
    vertical-align: middle;
    padding: 0;
    font-size: 12px;
}

.choices__list--multiple .choices__item {
    margin-bottom: 0;
    margin: 5px 2px;
}

.choices__input {
    font-size: 12px;
}

.nav-tabs {
    margin-bottom: 20px;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #00194c;
    }

.nav-link:focus, .nav-link:hover {
    color: #ff8500;
}

div#loginCaptcha a {
    font-size: 10px;
    color: #fff;
    background: #00194c;
    padding: 5px 10px;
    border-radius: 5px;
}

input#CaptchaInputText {
    width: 25%;
    height: 35px;
}

div#loginCaptcha br {
    display: none;
}
/*login css starts*/
.login-logo img {
    width: 150px
}

.login-screen-img {
    height: 85vh;
}

.login-logo-footer {
    width: 100px;
}

.loginpage-right.loginpage-screen {
    box-shadow: 0 0 2px 2px #f1f1f1;
    padding: 50px 50px;
    text-align: center;
    background: #fff;
    border-radius: 15px;
}

.login-screen-bg {
    background: url('../images/Login-BG.jpg') no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.input-group-text.read-password {
    color: #00194c;
    background: #fff;
    border: 0;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.login-screen-bg .form-control {
    padding: 10px 10px;
}

.login-screen-bg small {
    font-size: 12px;
}

small.login-small {
    margin-top: 20px;
    display: block;
}

button#loginSubmitBtn, button#loginRedirectBtn {
    margin: 0;
    width: calc(40% - 10px);
    margin-right: 10px;
    padding: 10px;
    font-size: 15px;
}

input#ForceLogIn {
    margin-top: 1px;
    margin-left: -13px;
}

span.icheck-inline {
    margin-left: 13px;
}

.login-screen-img img {
    height: 80vh;
    margin: 20px 0
}

.error-img img {
    margin: 0 auto;
    height: 50vh;
    display: block;
}

@media screen and (max-width:767px) {
    .login-screen-img {
        height: auto
    }

    .loginpage-right.loginpage-screen {
        padding: 24px;
    }

    h2 {
        font-size: 18px;
    }

    .login-screen-bg .form-control {
        padding: 10px;
    }

    button#loginSubmitBtn {
        padding: 6px;
        font-size: 12px;
    }

    .login-screen-bg {
        min-height: 100vh;
        overflow: auto !important
    }

    .login-screen-img img {
        height: 40vh;
        margin: 20px 0
    }
}


/*login-css ends*/

.input-group-text {
    padding: 10px;
}

.margin-top {
    margin-top: 10px;
}

.error-img img {
    margin: 0 auto;
    height: 50vh;
    display: block;
}

#tableLoader {
    max-height: 50vh;
    overflow-y: scroll;
}

    #tableLoader .btn.btn-primary {
        margin: 0 !important
    }

input#OrgKey {
    height: auto;
}

.error-img img {
    margin: 0 auto;
    height: 50vh;
    display: block;
}

.section.scroll-y {
    max-height: 80vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.tableFixHead {
    overflow-y: auto;
    height: 60vh;
}

    .tableFixHead table {
        border-collapse: collapse;
        width: 100%;
    }

    .tableFixHead th,
    .tableFixHead td {
        padding: 8px 16px;
    }

    .tableFixHead td {
        border-top: 1px solid #dee2e6;
    }

    .tableFixHead th {
        position: sticky;
        top: 0;
        background: #ebf4ff;
        border-bottom: 2px solid #dee2e6;
    }

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 9999;
}

#status {
    width: 100px;
    height: 100px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    background-image: url('../images/loader.gif');
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.scrollpage {
    height: 75vh;
    overflow-y: scroll;
    overflow-x: hidden;
}

.input-group-text {
    padding: 10px;
}

input#Email {
    margin: 0;
    padding: 10px;
}
.nav-logo img {
    width: 100px;
    margin: 10px 0;
}

.resettitle {
    text-align: center;
    color: #00194c;
    display: block;
    width: 100%;
    margin: 30px 0 !important;
    font-size: 20px;
}

form#resetPasswordForm {
    box-shadow: 0 0 2px 2px #f1f1f1;
    padding: 20px;
    margin: 20px 0;
    border-radius: 10px;
}
.pagecenter {
    min-height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    flex-direction: row
}
.input-group-text {
    display: block;
}
#timer {
    color: red;
    font-weight : bold;
}