/*Active Color - #0973b5
Hover Color - #09649d*/

#login-page1 body {
    background: url(../../assets/images/login-register.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

#login-page1 body::after {
    background: rgba(9, 115, 181, 0.5);
}

#auth-sty .card-body {
    padding: 15px !important;
}

#auth-sty .img-responsive {
    width: 60% !important;
}

/*#loading, .error {*/
.error {
    position: relative;
    top: auto;
    text-align: revert;
    transform: none;
    margin-top: 1px !important;
}

/* Scrollbar - x & y Start */
/* width */
::-webkit-scrollbar {
    width: 5px;
/*    height: 5px;*/
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #0973b5; 
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #09649d; 
}
/* Scrollbar - x & y End */

.btn-primary {
    background-color: #0973b5;
}

.color-primary, .text-primary {
    color: #0973b5 !important;
}

/*.btn-primary:hover {
    background-color: #09649d;
}*/

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background: #09649d;
    border-color: #09649d;
}

.btn-outline-primary {
    border-color: #0973b5;
    color: #0973b5;
}

.btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover {
    background: #09649d;
    border-color: #09649d;
}

.btn-warning {
    background: #fae565;
    border-color: #fae565;
}

.btn-info {
    background: #9068be !important;
    border-color: #9068be !important;
}

.btn-outline-info {
    border-color: #9068be !important;
    color: #9068be !important;
}

.btn-outline-info:active, .btn-outline-info:focus, .btn-outline-info:hover {
    background: #9068be !important;
    color: #ffffff !important;
    border-color: #9068be !important;
}

.btn-outline-danger {
    border-color: #9b282a !important;
    color: #9b282a !important;
}

.btn-outline-danger:active, .btn-outline-danger:focus, .btn-outline-danger:hover {
    background: #9b282a !important;
    color: #ffffff !important;
    border-color: #9b282a !important;
}

.badge-info, .bg-info {
    background-color: #0973b5 !important;
}

.cov-success {
    background-color:#28a745 !important;
}

.cov-danger {
    background-color:#d71115 !important;
}

.nav-header .brand-logo a {
    padding: 3px !important;
}

.nav-header .brand-logo a span {
    font-size: 4px !important;
}

.nav-header .brand-logo a b img {
    max-width: 35px !important;
}

.mini-nav .nav-header .brand-logo b img {
    margin-top: 1px;
}

.icnsty {
    float: right;
/*    margin-top: -25px;*/
    margin-top: -19px;
    margin-right: 10px;
    cursor: pointer;
}

.cursorpointer input, .cursorpointer label, .cursorpointer span {
/*.cursorpointer {*/
    cursor: pointer !important;
}

.profile-sty {
    height: 35px;
    width: 35px;
    /*width: auto;*/
}

.img-logo-sty {
    height: 50px;
    width: auto;
}

body {
/*    font-size: 13px !important;*/
    font-size: 12px !important;
}

body.v-light .nk-sidebar .metismenu > li.active > a {
    color: #0973b5;
}

body.v-light .nk-sidebar .metismenu li ul li.active a:before {
/*    content: "\271B";*/
    color: #0973b5;
    display: inline-block;
/*    margin-right: 6px;*/
    /*font-weight: 600;*/
}

body.v-light .nk-sidebar .metismenu li ul li.active a {
    color: #0973b5;
}

body.v-light .nk-sidebar .metismenu > li:hover > a, body.v-light .nk-sidebar .metismenu > li:focus > a {
    color: #09649d;
}

body.v-light .nk-sidebar .metismenu li ul li:hover a, body.v-light .nk-sidebar .metismenu li ul li:focus a {
    color: #09649d;
}

.page-titles .breadcrumb {
    float: left !important;
}

body.v-light .page-titles .breadcrumb .breadcrumb-item.active {
    color: #0973b5;
}

/*body.v-light .form-control.active, body.v-light .form-control:focus {
    border: 1px solid rgba(120, 130, 140, 0.13);
    background: #F1F4F5;
    color: #000;
}*/

body.v-light .form-control, body.v-light .form-control.active, body.v-light .form-control:focus, body.v-light .form-control:hover {
    border: 1px solid #b6b6b6;
    background: none;
}

/*body.v-light .form-control:hover {
    background: none;
}*/

body.v-light .default-tab .nav-link.active {
    color: #0973b5;
    font-weight: 600;
}

.header {
    height: 45px !important;
}

.content-body, .footer {
    padding-top: 40px !important;
    margin-left: 200px !important;
}

.content-body .container {
    max-width: 100% !important;
    padding: 15px !important;
/*    padding: 45px 20px 0px;*/
}

.max-wd {
    max-width: 100% !important;
}

.content-body .container-fluid {
    padding: 2px !important;
}

.nk-sidebar .metismenu a {
    padding: 7px !important;
    font-size: 12px !important;
}

.nk-sidebar .metismenu ul a {
/*    padding: 3px 0px 3px 6px !important;*/
    padding: 4px 12px !important;
    font-size: 11px !important;
}

.nk-sidebar .metismenu > li ul li a > i {
    font-size: 12px !important;
}

.line-height {
    line-height: 1.6;
}

/* Tree View Start */
.caretn{
    cursor: pointer;
    user-select: none;
}

.caretn::before{
    content: "\25B6";
    color: black;
    display: inline-block;
    margin-right: 6px;
}

.caretn-down::before{
    transform: rotate(90deg);  
}

.nestedn{
    display: none !important;
}

.activen{
    display: block !important;
}
/* Tree View End */

/* Tree View ul-li style Start */
.tree-scroll {
    height: 237px;
    overflow: auto;
    /*overflow-x: auto;
    overflow-y: auto;*/
}
#MyTree ul{
    list-style-type: none !important;
}

.nestedn ul{
    list-style-type: none !important;
}
/* Tree View ul-li style End */

.nav-header {
    height: 45px !important;
    width: 200px !important;
}

.nav-control {
    right: -45px !important;
    top: 6px !important;
}

.mini-nav .nav-header, .mini-nav .nk-sidebar {
    width: 50px !important;
}

.mini-nav .content-body {
    margin-left: 50px !important;
}

.mini-nav .content-body .container {
    max-width: 1240px !important;
}

.mini-nav .nk-sidebar .metismenu li > ul {
    left: 50px !important;
    top: 37px !important;
}

.nk-sidebar {
    top: 45px !important;
    width: 200px !important;
}

.header-left, .header-right {
    line-height: 45px !important;
    margin: 0px !important;
/*    margin-left: 0px !important;*/
}

/*Internet Speed Start*/#internetspeed {
    font-size: 13px !important;
}

.user-name-1 {
    display: none;
}

.speed-icon {
    display: none !important;
}
/*Internet Speed End*/

.drop-down {
    top: 45px !important;
}

.notification-width {
    width: 300px !important;
}

.notification-ul-h {
    height: 400px !important;
    overflow-y: scroll !important;
}

.dropdown-content-heading {
    padding: 8px !important;
}

.dropdown-content-heading span {
    font-size: 14px !important;
}

/*.dropdown-content-body ul > li:last-child {
    padding: 10px !important;
}*/

.avatar-img {
    width: 30px !important;
    top: 0px !important;
}

.notification-timestamp {
    font-size: 11px !important;
}

.notification-heading {
    font-size: 13px !important;
    font-weight: 700 !important;
}

.notification-text {
    font-size: 12px !important;
    padding-top: 4px !important;
}

.page-titles {
    margin: 0 0 10px !important;
}

.card {
    margin-bottom: 10px !important;
}

.card-title {
/*    font-size: 15px !important;*/
    font-size: 12px !important;
    line-height: 12px !important;
}

.card-header {
    padding: 0.5rem 1rem !important;
}

.card-body {
    padding: 0.25rem !important;
}

.form-input-content .card .card-body {
    padding: 25px !important;
}

.dropdown-profile {
    width: 200px;
}

.form-control {
    /*height: 30px !important;
    min-height: 30px !important;
    font-size: revert !important;*/
    height: 20px !important;
    min-height: 20px !important;
    font-size: smaller !important;
    padding: 0.2rem 0.5rem !important;
    font-weight: 500 !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef !important;
}

/*.pre-sty:disabled {*/
.pre-sty[readonly] {
    background-color: #6e6e6e !important;
    color: #f1f4f5 !important;
}

.file-sty {
    /*padding: 0.2rem 0.5rem;
    height: 31px !important;
    min-height: 31px !important;*/
    padding: 0.1rem !important;
    height: 26px !important;
    min-height: 26px !important;
    font-size: smaller;
    border: 1px solid #b6b6b6;
    background: none;
    border-radius: 4px;
    line-height: initial;
}

.zero-configuration th, .zero-configuration td {
    font-size: small !important;
}

.textarea-sty {
/*    height: 70px !important;*/
    height: 50px !important;
}

.textarea-sty_1 {
    height: 38px !important;
}

.checkbox-style {
    min-height: 1.3rem !important;
    margin-top: -3px !important;
    padding-left: 16px !important;
    margin-right: -16px !important;
}

.radio-style {
    margin:10px 40px 10px 0px;
    font-size: 18px;
}

.mg-lft {
    margin-left: 5px;
}

.toast-top-center {
    top: 60px;
    right: 20px;
}

.toast-top-full-width {
    z-index: 99999999 !important;
}

.radio-inline {
    height: 16px;
    width: 16px;
    margin-left: 2px;
    margin-right: 4px;
}

.count {
    color: #fff !important;
    border-radius: 50% !important;
    text-align: center !important;
    position: absolute;
    background-color: #013479 !important;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    line-height: 20px;
}

.input-group-prepend {
    margin-right: 0px !important;
}

.select2-container .select2-selection--single {
    height: 20px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px !important;
    font-weight: 500 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 19px !important;
}

.select2-error .error {
    position: absolute !important;
    margin: 17px 0px 0px 15px !important;
/*    margin: 33px 0px 0px 17px !important;*/
}

.select2-container {
    display: block !important;
}

.width-auto {
    width: auto;
}

.select2-container {
    display: block !important;
    width: 100% !important;
}

.custom-file {
    height: calc(1.75rem + 2px) !important;
}

.custom-file-label {
    height: calc(1.75rem + 2px) !important;
    padding: 0.275rem 0.75rem !important;
}

.custom-file-label::after {
    height: calc(calc(1.75rem + 2px) - 1px * 2) !important;
    padding: 0.275rem 0.75rem !important;
}

hr {
    margin-top: 0.1rem !important;
    margin-bottom: 0.5rem !important;
    border-top: 2px solid rgba(0,0,0,.1) !important;
}

label {
    margin-bottom: 0.2rem !important;
    font-size: 11px !important;
    font-weight: 600 !important;
/*    font-size: 13px !important;*/
}

.font-large {
    font-size: large !important;
}

.font-revert {
    font-size: revert !important;
}

.font-smaller {
    font-size: smaller !important;
}

form .card {
    border: 1px solid rgba(0,0,0,.125);
}

.card-sty {
    border: 1px solid #678098 !important;
    margin-bottom: 10px !important;
}

.card-sty .bg-white .card-title {
    margin-bottom: 0px;
}

.lead_form {
    background-color: rgba(0,0,0,.03) !important;
}

.card-bdy-sty {
    padding: 0.5rem !important;
/*    padding: 1rem 1.25rem 0rem 1.25rem !important;*/
}

.card-fot-sty {
    padding: 1rem 0.2rem 0rem 0rem !important;
}

.card-fot-mb-sty .form-group {
    margin-bottom: 0px !important;
}

.form-group {
/*    margin-bottom: 10px !important;*/
    margin-bottom: 7px !important;
}

.p-0 table {
    margin-bottom: 0px;
}

.p-0 table tr th, .p-0 table tr td {
    line-height: 20px;
    padding: 10px;
}

.without_menu tr th, .without_menu tr td {
    padding: 6px !important;
    font-size: 12px !important;
}

.input-group-text {
    height: 20px !important;
    padding: 0.3rem 0.5rem !important;
}

.rbtn {
    height: 11px !important;
}

.txt-right {
    text-align: right;
}

.accordion-cursorpointer {
    cursor: pointer !important;
}

#accordion-one .fa {
    float: left !important;
}

#accordion-two .fa {
    float: left !important;
}

.flaot-r {
    float: right !important;
}

.btn-sm {
/*    padding: 0.15rem 0.25rem !important;*/
    padding: 0.1rem 0.2rem !important;
    line-height: 0.5 !important;
/*    font-size: smaller !important;*/
}

.btn-icon-left {
    margin: 0px 2px;
    padding: 1px 5px;
}

.head-sty {
    padding: 10px;
    background-color: #999;
    color: white;
}

.head-sty-1 {
    padding: 5px;
    background-color: #999;
    color: white;
}

.btn-xsm-pd {
    padding: 1px 6px 1px 6px !important;
}

.btn-light:active, .btn-light:focus, .btn-light:hover {
    color: #000 !important;
}

.first-capital {
    text-transform: capitalize;
}

/*.modal-height {
    height: 400px;
    overflow: auto;
}*/

/*.table th {
    text-align: center;
}*/

.zindex-sty {
    z-index: 99999999 !important;
}

.dataTables_length, .dataTables_filter {
    margin-top: 0px !important;
}

/*table.dataTable tbody th, table.dataTable tbody td {
    padding: 0px 10px !important;
}*/

#brand_count td, #brand_count th, #dataTable td, #dataTable th {
    line-height: 16px !important;
    padding: 0.4rem !important;
}

.th-cursorpointer {
    cursor: pointer !important;
}

table thead th, table tbody td, .table thead th, .table tbody td, .table th, .table td {
/*    line-height: 26px !important;*/
    line-height: 16px !important;
    padding: 0.4rem !important;
    white-space: nowrap !important;
}

.height-200 {
    height: 200px !important;
}

.table-bordered {
    border: 1px solid #dee2e6 !important;
}

.table-header-fixed {
    overflow-y: auto;
    height: 400px;
}

.table-header-fixed thead th {
    position: sticky;
    top: 0;
}

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

.table-header-fixed th, .table-header-fixed td {
    padding: 8px 16px;
    border: 1px solid #ccc;
}

.table-header-fixed th {
    background: #eee;
}

.table-header-fixed1 {
    overflow-y: auto;
    height: 350px;
    position: relative !important;
}

.table-header-fixed1 thead th {
    position: sticky;
    top: 0;
    z-index: 1 !important;
}

.table-header-fixed1 thead tr:nth-child(2) th {
    position: sticky;
    top: 33px;
    background-color: #eee;
    z-index: 2 !important;
}

.table-header-fixed1 th, .table-header-fixed1 td {
    border: 1px solid #ddd !important;
}

.table-header-fixed1 th {
    background: #eee;
}

#table_preview_questions tbody {
    cursor: grab;
}

.ui-sortable-helper {
    background-color: #f0f0f0 !important;
}

.dataTables_processing {
    background: transparent !important;
    border: none !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before {
    top: 6px !important;
    left: 3px !important;
}

.survey-body {
    overflow-y: auto;
    height: 80vh;
}

#table-content-th tr th {
    vertical-align: top !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 25px;
}

.switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.switchery {
    height: 20px !important;
}

.switchery small {
    height: 20px !important;
    width: 20px !important;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 6px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

#bottom_top {
    display: inline-block;
    background-color: #0973b5;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 20px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

#bottom_top::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 1rem;
    line-height: 40px;
    color: #fff;
}

#bottom_top:hover {
    cursor: pointer;
    background-color: #09649d;
}

#bottom_top:active {
    background-color: #0973b5;
}

#bottom_top.show {
    opacity: 1;
    visibility: visible;
}

.footer .copyright {
    padding: 5px !important;
}

.ml-m-25-sty {
    margin-left: -25px !important;
}

.w70 {
    width: 70px !important;
}

.page-link {
    padding: 0.2rem 0.5rem;
    line-height: 1;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-12 {
    margin-bottom: 12px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.checkboxError div {
    position: absolute !important;
    width: 100px !important;
    font-size: 90% !important;
    font-weight: 400 !important;
}

.blink {
    animation: blinker 9.5s linear infinite;
}

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

.display-row {
    display: row !important;
}


@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.blinker-class {
    animation: blink 1s linear infinite;
}

@keyframes blink {
    25% {
        opacity: 0.5;
    }
    50% {
        opacity: 0;
    }
    75% {
        opacity: 0.5;
    }
}

@media (max-width: 768px) {
    .mini-nav .nav-header .brand-logo b img {
        /*margin-top: 1px;*/
        margin-top: 0px;
    }

    .mini-nav .nk-sidebar {
        width: 45px !important;
    }

    /*.mini-nav .nav-header, .mini-nav .nk-sidebar {
        width: 50px !important;
    }*/

    .mini-nav .content-body {
        margin-left: 0px !important;
    }

    .mini-nav .content-body .container {
        max-width: 100% !important;
    }

    .nav-header {
        width: 60px !important;
    }

    .header {
        padding: 0px;
    }

/*    Internet Speed Start*/
    #internetspeed {
        display: none;
        /*font-size: 12px;
        margin-left: -10px;*/
    }

    .head-title, .user-name {
        display: none;
    }

    .user-name-1 {
        display: inline-block;
    }

    .header-right {
        margin-right: -7px !important;
    }

    .speed-icon {
        display: inline-block !important;
    }

    #internetspeed-mobile {
        color: #ffffff !important;
    }

    .net-sty-success, .net-pulse-success,.net-pulse-success:after,.net-pulse-success:before {
        background: #6ed3cf !important;
        text-align: center !important;
    }

    .net-sty-primary, .net-pulse-primary,.net-pulse-primary:after,.net-pulse-primary:before {
        background: #9068be !important;
        text-align: center !important;
    }

    .net-sty-warning, .net-pulse-warning,.net-pulse-warning:after,.net-pulse-warning:before {
        background: #fae596 !important;
        text-align: center !important;
    }

    .net-sty-danger, .net-pulse-danger,.net-pulse-danger:after,.net-pulse-danger:before {
        background: #c43235 !important;
        text-align: center !important;
    }
/*    Internet Speed End*/

    #my_leads, #sales_callbacks, #sales_test_drive {
        display: none;
    }

    .drop-down {
        top: 45px !important;
    }

    .notification-width {
        width: 100% !important;
    }
    
    .nav-control {
        right: -40px !important;
    }

    .profile-sty {
        height: 30px;
        width: 30px;
    }

    .dropdown-profile {
        width: 210px !important;
    }

    .content-body, .footer {
        margin-left: 0px !important;
    }
}