@font-face {
    font-family: 'Microsoft Sans Serif';
    src: url('../fonts/custom/MicrosoftSansSerif.eot');
    src: url('../fonts/custom/MicrosoftSansSerif.eot?#iefix') format('embedded-opentype'), url('../fonts/custom/MicrosoftSansSerif.woff2') format('woff2'), url('../fonts/custom/MicrosoftSansSerif.woff') format('woff'), url('../fonts/custom/MicrosoftSansSerif.ttf') format('truetype'), url('../fonts/custom/MicrosoftSansSerif.svg#MicrosoftSansSerif') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/custom/GothamMedium.eot');
    src: url('../fonts/custom/GothamMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/custom/GothamMedium.woff2') format('woff2'), url('../fonts/custom/GothamMedium.woff') format('woff'), url('../fonts/custom/GothamMedium.ttf') format('truetype'), url('../fonts/custom/GothamMedium.svg#GothamMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/custom/MyriadPro-Regular.eot');
    src: url('../fonts/custom/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/custom/MyriadPro-Regular.woff2') format('woff2'), url('../fonts/custom/MyriadPro-Regular.woff') format('woff'), url('../fonts/custom/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/custom/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* dashboard-design start*/

html,
body {
    font-family: 'Microsoft Sans Serif';
}

.btn {
    padding: 15px 20px 15px 20px;
    margin-right: 11px;
}

.descktop_search {
    display: block;
}

.mobile_search {
    display: none;
}

.btn {
    padding: 10px 17px 10px 17px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: normal;
}

#ActiveModal .modal-dialog {
    max-width: 279px;
    margin: 0 auto;
}

.page-wrapper>.navbar {
    height: 59px;
    background-color: #2e3192;
    border: none;
}

.navbar .navbar-content .navbar-nav .nav-item .nav-link {
    color: #fff;
}

.navbar .navbar-content .navbar-nav .nav-item.nav-profile .nav-link img {
    width: 42px;
    height: 42px;
}

.navbar .navbar-content .navbar-nav .nav-item .nav-link .indicator .circle::before {
    background-color: #ff0000;
}

.sidebar > .sidebar-header {
    background: #2e3192;
    border-right:#2e3192;
}

.sidebar .sidebar-header .sidebar-toggler {
    position: absolute;
    left: 100%;
    top: 22px;
    margin-left: 25px;
}

.sidebar .sidebar-header .sidebar-toggler span {
    background: #fff;
}

.sidebar .sidebar-body .nav {
    padding-top: 0;
}

.sidebar-profile {
    width: 100%;
    text-align: center;
}

.sidebar-profile-area {
    overflow: hidden;
    width: 90px;
    height: 90px;
    border-radius: 100%;
    margin: 0 auto;
}

.sidebar-profile-area img {
    width: 100%;
    float: left;
}

.profile-user-name {
    color: #868585;
    line-height: normal;
    margin-top: 8px;
    font-family: 'Myriad Pro';
}


/*.sidebar-profile .profile-user-name{font-size: 12px;}*/

body.sidebar-folded .sidebar-profile-area {
    width: 26px;
    height: 26px;
}

body.sidebar-folded .profile-user-name {
    display: none;
}

.sidebar .sidebar-body {
    background: #f2f2f2;
    border-bottom: none;
}

.sidebar-folded .sidebar .sidebar-header {
    height: 60px;
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon {
    width: 21px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon.dashboard-icon {
    background-image: url(../images/dashboard-icon.svg);
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon.manage-user-icon {
    background-image: url(../images/manage-users-icon.svg);
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon.driving-skills-form-icon,
.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon.certified-practice-icon {
    background-image: url(../images/driving-skills-form.svg);
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon.certified-practice-history-icon {
    background-image: url(../images/driving-skills-progress.svg);
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon.learners-icon {
    background-image: url(../images/learners-permit.png);
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon.feedback-icon {
    background-image: url(../images/feedback.png);
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon.faq-icon {
    background-image: url(../images/faq-icon.svg);
}

.sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-title,
.sidebar .sidebar-body .nav .nav-item .nav-link .link-title {
    margin-left: 40px;
}


/*.sidebar .sidebar-body .nav .nav-item .nav-link .link-title{font-size: 15px;}*/

.sidebar .sidebar-body .nav .nav-item.active .nav-link::before {
    display: none;
}

/*sidebar .sidebar-body .nav .nav-item.active .nav-link {
    background-color: #2e3192;
    color: #fff;g
}*/

/*.sidebar .sidebar-body .nav .nav-item.active .nav-link .link-icon {*/
/*    filter: brightness(100);*/
/*}*/

.link-icon.mdi.mdi-table-large {
    filter: none !important;
}

.sidebar .sidebar-body .nav .nav-item .nav-link {
    padding: 23px 22px;
    color: #2b2b2b;
}

.sidebar .sidebar-body .nav {
    padding-left: 0;
    padding-right: 0;
}


/* dashboard-tab */

.dashboard-tab .nav-tabs {
    position: relative;
}

.dashboard-tab .nav-tabs .nav-link {
    font-size: 14px;
    font-family: 'Gotham';
    text-transform: uppercase;
    color: #2e3192;
    border: none;
    position: relative;
    padding: 0;
    cursor: pointer;
}

.dashboard-tab .nav-tabs .nav-item+.nav-item {
    margin-left: 20px;
}

.dashboard-tab .nav-tabs a.active::after,
.dashboard-tab .nav-item.active a::after {
    content: "";
    width: 100%;
    height: 3px;
    display: inline-block;
    background-color: #2e3192;
    position: absolute;
    left: 0;
    top: 100%;
}

.dashboard-tab .nav-tabs {
    border-color: #2e3192;
    padding-bottom: 23px;
    margin-bottom: 14px;
}

.dashboard-card {
    border-radius: 10px;
}

.table td img.learners-permit-icon {
    width: auto;
    height: auto;
    border-radius: 0;
}

.green-indicator-icon span,
.orange-indicator-icon span,
.profile-score,
.grid-profile {
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    display: inline-block;
}

.green-indicator-icon span,
.orange-indicator-icon span {
    width: 11px;
    height: 11px;
}

.green-indicator-icon span {
    background-color: #00c41c;
}

.orange-indicator-icon span {
    background-color: #ffc000;
}

.green-indicator-icon span+span,
.orange-indicator-icon span+span {
    margin-left: 4px;
}

.profile-score {
    background-color: #2e3192;
    color: #fff;
    width: 36px;
    vertical-align: middle;
    line-height: 36px;
    text-align: center;
    height: 36px;
}

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

.table td {
    color: #171717;
    background-color: #f9f9f9;
}


/* custom-table-row */

.custom-table-row,
.assigned-instructor-modalrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f9f9f9;
    padding: 8px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
}

.custom-table-row+.custom-table-row,
.assigned-instructor-modalrow+.assigned-instructor-modalrow {
    margin-top: 2px;
}

.custom-table-row>.custom-table-cell {
    text-align: center;
}

.manage-users-card .custom-table-row>.custom-table-cell {
    width: calc(100% / 6);
    color: #2e3192;
}

.dashboard-card .custom-table-row>.custom-table-cell {
    width: calc(100% / 5);
}

.custom-table-row>.custom-table-cell:first-child {
    width: 23%;
    text-align: left;
}

.custom-table-row>.custom-table-cell:last-child {
    color: #2e3192
}

.grid-profile {
    margin-right: 8px;
}

.custom-table-cell a {
    color: #2e3192
}

.custom-table-cell .btn {
    width: 98px;
    height: 25px;
    line-height: 25px;
    padding: 0;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    text-transform: uppercase;
    font-family: 'Microsoft Sans Serif';
    font-weight: normal;
    font-size: 12px;
}

.dataTables_paginate {
    text-align: center;
}

.dataTables_paginate>.pagination {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -moz-justify-content: center;
    margin: 35px 0 10px 0;
}

.dataTables_paginate>.pagination>li {
    display: inline-block;
}

.dataTables_paginate>.pagination>li+li,
ul.pagination ul.pagination>li+li {
    margin-left: 2px;
}

.page-item>.page-link {
    border: none;
}

.pagination>.page-item>.page-link {
    background-color: #2e3192;
    color: #fff;
}

.pagination>.page-item>a {
    color: #2e3192;
}

.dataTables_paginate>.pagination>li:first-child {
    padding-right: 12px;
}

.dataTables_paginate>.pagination>li:last-child {
    padding-left: 12px;
}

.dataTables_paginate>.pagination>li:nth-child(2) a {
    border-radius: 4px 0 0 4px;
}

.dataTables_paginate>.pagination>li.page-item-last a {
    border-radius: 0 4px 4px 0;
}


/* custom-table-row */

.btn-primary,
.swal2-modal .swal2-actions button.swal2-confirm,
.wizard>.actions a {
    background-color: #4e5bf2;
    border-color: #4e5bf2;
}

.btn-red {
    background-color: #ff0000;
    border-color: #ff0000;
    color: #fff;
}

.btn-red:hover {
    color: #fff;
    background-color: #f55252;
    border-color: #f55252;
}

.custom-border-bottom {
    /*position: relative;
    font-weight: normal;
    font-size: 16px;
    font-family: 'Gotham';
    text-transform: uppercase;
    color: #2e3192*/
}

.custom-border-bottom::after {
    content: "";
    width: 125px;
    height: 2px;
    display: inline-block;
    background-color: #2e3192;
    position: absolute;
    left: 50%;
    top: 100%;
    transform: translate(-50%, -100%);
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    margin-top: 10px;
}

.dashboard-card .tab-content .custom-table-row>.custom-table-cell:first-child {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.custom-table-body>.custom-table-row>div:first-child a {
    width: calc(100% - 40px);
}


/* .assigned-instructor-modalrow  */

.assigned-instructor-modalrow {
    font-size: 13px;
    color: #2e3192;
    position: relative;
}

#approvedModalCenteredScrollable .modal-header {
    border-bottom: none;
}


/* assign-branches-wrapper */

.assign-branches-wrapper {
    margin-top: 12px;
}

.assign-branches-wrapper h5 {
    margin-bottom: 31px;
}

.assign-branches-wrapper .assigned-instructor-modalrow {
    min-height: 48px;
}

.assigned-check::after {
    content: "";
    width: 23px;
    height: 23px;
    display: inline-block;
    position: absolute;
    right: 8px;
    background-image: url(../images/checked-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
}

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

.main-wrapper .page-wrapper .page-content {
    margin-top: 51px;
}


/* tab-search-panel */

.tab-search-panel {
   /* width: 175px;*/
    margin-top: -14px;
}

.tab-right-panel {
    position: absolute;
    right: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.form-control,
select.form-control,
.upload-file-input {
    height: 40px;
    padding: 0 15px;
    border-color: #d2d2d2;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
}

.upload-file-input {
    border-width: 1px;
    border-style: solid;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.tab-search-panel .input-group-append .input-group-text,
.tab-search-panel .input-group-prepend .input-group-text {
    background-color: transparent;
    border-color: #d2d2d2;
    border-radius: 0 100px 100px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
}

.tab-search-panel .input-group-append .input-group-text svg {
    width: 15px;
    height: 15px;
    color: #2a2a2a;
}

.tab-search-panel .form-control {
    border-right: none;
    border-radius: 4px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 4px;
    padding-right: 0;
}

.tab-search-panel .form-control:focus {
    border-color: #2e3192;
}

.tab-search-panel .input-group-append,
.tab-search-panel .input-group-prepend {
    height: 40px;
}

.filter-nav {
    margin: 0 0 0 20px;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.filter-nav li {
    list-style: none;
}

.grid-action-row {
    margin-top: -40px;
}


/* ul.tab-other-links */

ul.tab-other-links {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin: 0 0 12px 0;
    padding: 0;
    justify-content: center;
    font-size: 14px;
}

ul.tab-other-links li {
    list-style: none;
}

ul.tab-other-links li a {
    color: #2e3192;
    text-transform: uppercase;
}

ul.tab-other-links li+li {
    margin-left: 20px;
}


/*.assigned-instructor-modalrow{justify-content: flex-start;}*/

.modal-footer {
    border: none;
}

#approvedModalCenteredScrollable .assigned-instructor-profile {
    display: flex;
    align-items: center;
}


/*#approvedModalCenteredScrollable .assigned-instructor-modalrow{justify-content: flex-start;}*/


/* upload-profile-img */

.upload-profile-img {
    text-align: center;
    font-size: 14px;
    color: #676969;
}

.assign-signup-form {
    margin-top: 0px;
}

.assign-signup-form .form-control {
    border-color: transparent transparent #5f5f5f transparent;
    padding: 0 0;
    font-size: 14px;
    color: #676969;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
}

.assign-signup-form .form-control:focus {
    border-color: transparent transparent #2e3192 transparent !important;
}

.assign-signup-form ::placeholder {
    color: #676969;
    opacity: 1
}

.assign-signup-form :-ms-input-placeholder {
    color: #676969;
}

.assign-signup-form ::-ms-input-placeholder {
    color: #676969;
}

.form-group.row {
    padding: 0;
}

.form-group.row+.form-group {
    padding-top: 10px;
}

.blue-header {
    background-color: #2e3192;
    color: #fff;
    padding: 0.875rem 1.5rem;
}

.lesson-header {
    font-family: 'Gotham';
    font-size: 14px;
    font-weight: normal;
}

.lesson-header>.heading h1 {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
}

.select-student-dropdown {
    margin: 0 auto;
}


/* practice-time-bar */

.practice-time-bar h2 {
    font-size: 18px;
    color: #8e8e8e;
    text-align: center;
    font-weight: normal;
}

.practice-time-progress {
    background-color: #f0f0f0;
    height: 17px;
    width: 80%;
    margin: 0 auto;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -ms-border-radius: 20px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.practice-time-progress::before {
    content: "";
    display: inline-block;
    background-color: #2e3192;
    width: 14%;
    height: 17px;
    position: absolute;
    top: 0;
    left: 0;
}

.practice-time-number {
    width: 80%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.practice-time-progress>.progress-bar-mark {
    height: 17px;
    width: 19px;
    position: relative;
}

.practice-time-progress>.progress-bar-mark::before {
    width: 1px;
    height: 17px;
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #2e3192;
}

.practice-time-number li {
    list-style: none;
    width: 27px;
    font-weight: bold;
    text-align: center;
    color: #8e8e8e;
}

.progress-bar-mark:first-child::before,
.progress-bar-mark:last-child::before {
    background-color: transparent;
}

.practice-time-bar {
    margin-top: 20px;
}

.practice-time-bar h2 {
    margin-bottom: 10px;
}

.practice-time-number {
    margin-top: 10px;
}


/* level-card-wrapper */

.level-section-content {
    border-top: 1px solid #d3cbf6;
    margin-top: 60px;
    padding-top: 25px;
    text-align: center;
}

.level-section-content h2.custom-border-bottom {
    color: #2e3192;
    margin-bottom: 30px;
    display: inline-block;
    font-weight: normal;
    font-size: 20px;
    font-family: 'Gotham';
}

.level-section-content h2.custom-border-bottom::after {
    width: 100%;
}

.level-card-wrapper {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    overflow: hidden;
    box-shadow: 5px 0 20px 0 rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 5px 0 20px 0 rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 5px 0 20px 0 rgba(0, 0, 0, 0.10);
    -ms-box-shadow: 5px 0 20px 0 rgba(0, 0, 0, 0.10);
}

.level-card-header {
    background-color: #2e3192;
    color: #fff;
}

.level-card-header>h3,
.certified-practice-card-wrapper>.card-header,
.blue-header h3,
.blue-header .modal-title {
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    font-family: 'Gotham';
    padding: 12px;
    text-transform: uppercase;
}

.level-card-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    padding-bottom: 0px;
    text-align: left;
}

.level-card-row+.level-card-row {
    border-top: 1px solid #e8e8f3;
}

.level-card-row>.left-side {
    width: calc(100% - 100px);
    font-size: 14px;
    font-weight: 400;
    color: #2e3192;
}

.level-card-row>.right-side {
    width: 150px;
}

.level-card-wrapper>.row>div:first-child {
    padding-right: 0;
}

.level-card-wrapper>.row>div:last-child {
    padding-left: 0;
    border-left: 1px solid #7962e4;
}

.level-card-row>.right-side {
    text-align: right;
    padding-top: 8px;
}

.input-how-many {
    margin-left: 10px;
}

.how-may-row .first-question+.first-question {
    margin-left: 20px;
}

.how-may-row .form-control,
.how-may-row select.form-control,
.mileage-question .form-control,
.mileage-question select.form-control {
    height: 30px;
}

.level-card-row .green-indicator-icon span,
.level-card-row .orange-indicator-icon span {
    margin-left: -2px !important;
    width: 16px;
    height: 22px;
}

.level-card-row .green-indicator-icon>span:nth-child(1) {
    width: 25px;
}

.level-card-row .orange-indicator-icon>span:nth-child(1) {
    width: 25px;
}

.level-card-row .green-indicator-icon span,
.level-card-row .orange-indicator-icon span {
    background: none;
    position: relative;
}

.level-card-row .orange-indicator-icon span::before,
.level-card-row .green-indicator-icon span::before {
    content: "";
    display: inline-block;
    height: 11px;
    width: 11px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
    left: auto;
    right: 0;
}

.level-card-row .green-indicator-icon span::before {
    background-color: #00c41c;
}

.level-card-row .orange-indicator-icon span::before {
    background-color: #ffc000;
}

.how-may-row textarea.form-control {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    height: 109px;
    padding: 15px;
}


/* two-disabled-dotted */

.all-disabled-dotted .green-indicator-icon>span,
.two-disabled-dotted .green-indicator-icon>span:nth-child(4),
.two-disabled-dotted .green-indicator-icon>span:nth-child(5),
.three-disabled-dotted .green-indicator-icon>span:nth-child(3),
.three-disabled-dotted .green-indicator-icon>span:nth-child(4),
.three-disabled-dotted .green-indicator-icon>span:nth-child(5),
.one-disabled-dotted .green-indicator-icon>span:nth-child(5),
.four-disabled-dotted .green-indicator-icon>span:nth-child(5),
.four-disabled-dotted .green-indicator-icon>span:nth-child(4),
.four-disabled-dotted .green-indicator-icon>span:nth-child(3),
.four-disabled-dotted .green-indicator-icon>span:nth-child(2) {
    opacity: 0.50;
}

.all-disabled-dotted .orange-indicator-icon>span,
.two-disabled-dotted .orange-indicator-icon>span:nth-child(4),
.two-disabled-dotted .orange-indicator-icon>span:nth-child(5),
.three-disabled-dotted .orange-indicator-icon>span:nth-child(3),
.three-disabled-dotted .orange-indicator-icon>span:nth-child(4),
.three-disabled-dotted .orange-indicator-icon>span:nth-child(5),
.one-disabled-dotted .orange-indicator-icon>span:nth-child(5),
.four-disabled-dotted .orange-indicator-icon>span:nth-child(5),
.four-disabled-dotted .orange-indicator-icon>span:nth-child(4),
.four-disabled-dotted .orange-indicator-icon>span:nth-child(3),
.four-disabled-dotted .orange-indicator-icon>span:nth-child(2) {
    opacity: 0.50;
}

.skill-must-wrapper {
    margin-top: 40px;
}

.skill-must-wrapper p,
.first-question {
    color: #2e3192
}

.first-question,
.how_may_to {
    display: flex;
    align-items: center;
    text-align: left;
}

.how-may-row+.how-may-row {
    margin-top: 15px;
}

.how-may-row input[type="text"] {
    text-align: center;
}

.input-how-many {
    width: 100px;
    display: inline-block;
}

.how-many-hours .level-card-wrapper {
    padding: 15px;
}

::placeholder {
    color: #8581c1;
}

:-ms-input-placeholder {
    color: #8581c1;
}

::-ms-input-placeholder {
    color: #8581c1;
}

.level-card-wrapper.instruction-name-box {
    padding: 0;
}

.level-card-wrapper.instruction-name-box .level-card-header {
    padding: 5px 0;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    font-family: 'Gotham';
}

.level-card-wrapper.instruction-name-box .how-may-row {
    padding: 15px;
}

.instruction-name-box>.level-card-header {
    margin-bottom: 15px;
}


/*.instruction-name-box .input-how-many{display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: auto;}*/

.instruction-name-box .first-question>p {
    width: 74px;
    text-align: left;
}

.instruction-name-box .first-question>div {
    width: calc(100% - 80px);
}

.instruction-name-box .first-question {
    width: 100%;
}

.instruction-name-box .first-question>div select {
    width: 30%;
}

.instruction-name-box .first-question>div select:first-child {
    width: 40%;
}

.instruction-name-box .first-question>div select+select {
    margin-left: 15px;
}

.mileage-question {
    padding-top: 8px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 0 15px 15px 15px;
}


/* .mileage-question + .mileage-question{padding-bottom:15px;} */

.mileage-question>p {
    width: 130px;
    text-align: left;
}

.mileage-question>.input-how-many {
    width: calc(100% - 130px);
}

.mileage-question p {
    color: #2e3192
}

.mileage-question>.input-how-many {
    margin-left: 0;
}

.form-control:focus,
select:focus,
.email-compose-fields .select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single .select2-search__field:focus,
.typeahead:focus,
.tt-query:focus,
.tt-hint:focus {
   border-color: #d2d2d2 !important;
}

.sidebar {
    width: 253px;
}

body.sidebar-folded .main-wrapper .page-wrapper {
    width: calc(100% - 70px);
    margin-left: 70px;
}

.custom-table-header>.custom-table-cell {
    color: #2e3192;
    text-transform: uppercase;
    font-size: 12px;
}

.custom-table-header {
    background-color: transparent;
    border: none;
}

.grid-disabled-icon {
    opacity: 0.50;
}

.driving-skills-progress-card .custom-table-header {
    border-bottom: 1px solid #2e3192;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.card {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}


/* certified-practice-card-wrapper */

.certified-practice-card-wrapper>.card-header,
.cph-card-header {
    background-color: #2e3192;
    color: #fff;
}

.driving-form-form-dropdown {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.driving-form-form-dropdown>.form-control:first-child {
    width: 50%;
}

.driving-form-form-dropdown>.form-control:nth-child(2) {
    width: 25%;
}

.driving-form-form-dropdown>.form-control:nth-child(3) {
    width: 25%;
}

.driving-form-form-dropdown>.form-control+.form-control {
    margin-left: 20px;
}

.driving-form-form-dropdown>.form-control {
    border-color: #707070 !important;
}

.certified-practice-card-wrapper .practice-time-bar {
    background-color: #fbfbfb;
    padding: 20px;
}

.certified-form .form-control {
    border-color: transparent transparent #d2d2d2 transparent;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.certified-form .form-control:focus {
    border-color: transparent transparent #707070 transparent !important;
}

.certified-form textarea.form-control,
.certified-form textarea.form-control:focus {
    border-color: #d2d2d2 !important;
    padding: 15px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
}

.certified-practice-card-wrapper .practice-time-bar {
    margin-bottom: 20px;
}

.certified-form .form-group {
    margin: 0;
}

.certified-form .form-group+.form-group {
    margin-top: 20px;
}

.certified-form .form-group textarea.form-control {
    margin-top: 30px;
}

.certified-practice-history-header {
    justify-content: space-between;
    color: #2e3192;
    margin: 0 20px;
    padding-left: 0;
    padding-right: 0;
    border-color: #dcdcdc;
}

.certified-practice-history-header,
.certified-practice-history-date,
.certified-practice-history-profile {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.history-profile {
    width: 37px;
    height: 37px;
    overflow: hidden;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    margin-right: 15px;
}

.history-profile img {
    width: 100%;
}

.calender-icon {
    margin-left: 15px;
}

.certified-practice-history-date p {
    font-weight: 700;
}


/* cph-card-wrapper */

.cph-card-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #f2f4f9;
    border-radius: 0.25rem;
    box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -moz-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    -ms-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}

.cph-card-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding: 4px 20px;
}

.cph-card-number {
    font-size: 30px;
}

.cph-card-date {
    font-size: 16px;
}

.cph-card-body ul {
    margin: 0;
    padding: 0;
}

.cph-card-body ul li {
    list-style: none;
    padding: 10px 20px;
    font-family: 'Myriad Pro';
    font-size: 14px;
}

.cph-card-body ul li {
    border-bottom: 1px solid #f3f3f6;
}

.cph-card-description {
    padding: 25px 20px;
    font-size: 14px;
    color: #2e3192
}

.cph-card-footer {
    color: #2e3192;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 10px 20px;
}

.cph-card-blue>.cph-card-header {
    background-color: #0066ff;
}

.cph-card-blue>.cph-card-footer {
    color: #0066ff;
}

.certified-practice-history-card>.card-body>.row>div {
    margin-bottom: 70px;
}


/* counter-wrapper */

.counter-wrapper {
    padding-top: 25px;
    padding-bottom: 40px;
}

.counter-wrapper .progress-heading,
.card-chart-title {
    text-transform: uppercase;
    font-family: 'Gotham';
    font-size: 17px;
    color: #2e3192;
    text-align: center;
    padding-top: 15px;
}


/* .learners-permit-card */

.learners-permit-card .form-group.row+.form-group {
    margin-top: 15px;
}

.learners-permit-card .form-group.row button[type="button"] {
    width: 100%;
}


/* .main-wrapper .page-wrapper .page-content,
.main-wrapper .page-wrapper .page-content > .row{height: 100%;} */

.blue-header>h3 {
    padding: 0;
}

html body .learners-permit-card .form-group:last-child button {
    width: auto !important;
    min-width: auto;
    max-width: none;
}

.feedback-card .custom-table-row.custom-table-header>.custom-table-cell {
    color: #2e3192;
}

.feedback-card .custom-table-row>.custom-table-cell {
    color: #9e9d9d
}

.feedback-card .custom-table-row>.custom-table-cell {
    width: calc(70% / 4);
}

.feedback-card .custom-table-row>.custom-table-cell:first-child {
    width: 30%;
}

.circle-button {
    width: 47px;
    height: 47px;
    font-weight: bold;
    font-size: 18px;
    padding-left: 0;
    padding-right: 0;
}

.blue-header .modal-title {
    padding: 0;
}

.modal-content,
.stretch-card>.certified-practice-card-wrapper {
    border: none;
    -webkit-box-shadow: 0px 19px 30px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 19px 30px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 19px 30px 0px rgba(0, 0, 0, 0.25);
}

.form-field-dark .form-control {
    border-color: #d2d2d2;
    border-width: 2px;
}

.form-field-dark textarea.form-control {
    padding: 15px;
    height: 106px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
}

.form-field-dark .form-group.row+.form-group {
    margin-top: 15px;
}


/* view-student-content */

.view-student-content>.view-student-user {
    padding: 0 50px;
}

.view-student-description {
    color: #2e3192;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.view-student-comment {
    color: #959597;
    padding: 11px 0 28px 0;
}

.view-student-comment-stamp {
    color: #959597;
    font-size: 12px;
}

.view-student-picture {
    width: 37px;
    height: 37px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
}

.view-student-picture img {
    width: 100%;
    max-width: 100%;
}

#viewStudent .modal-dialog-scrollable .modal-body {
    padding: 24px 24px 15px 24px;
}

.view-student-content .view-student-user+.view-student-user {
    margin-top: 25px;
    margin-top: 9px;
    padding-top: 11px;
    border-top: 1px solid #e3e3e4;
}

.view-student-user:nth-child(odd) .view-student-name {
    padding-left: 13px;
}

.view-student-user:nth-child(odd) .view-student-comment-stamp {
    text-align: right;
}

.view-student-user:nth-child(odd) .view-student-description {
    margin-left: -50px;
}

.view-student-user:nth-child(even) .view-student-name {
    padding-right: 13px;
}

.view-student-user:nth-child(even) .view-student-comment-stamp {
    text-align: left;
}

.view-student-user:nth-child(even) .view-student-description {
    margin-right: -50px;
}

.view-student-user:nth-child(even) .view-student-description {
    flex-direction: row-reverse;
}


/* view-student-content */

.card {
    -webkit-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 5px 0 rgba(0, 0, 0, 0.2);
}

.stretch-card>.certified-practice-card-wrapper {
    height: auto;
}

.admin-profile-header {
    margin: -25px -25px 0 -25px;
    position: relative;
    overflow: hidden;
}

.admin-profile-header::before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.80);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.admin-profile-header img {
    width: 100%;
}

.admin-card-wrapper {
    margin-top: -40px;
}


/* admin-profile-image */

.admin-profile-image {
    width: 185px;
    height: 185px;
    position: relative;
}

.admin-profile-image img {
    width: 100%;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -ms-border-radius: 100%;
}

.admin-profile-image .circle-button {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    padding: 0;
    font-size: 12px;
    bottom: 40px;
    right: -9px;
    position: absolute;
    border-radius: 50%;
    border: 2px solid #ffffff;
    background: #3c3636;
}

 .circle-button :hover
{
    border: 2px solid #ffffff;
    background: #3c3636;
}

.admin-profile-image-wrapper {
    margin-top: -60px;
    margin-bottom: 40px;
}

.admin-profile-image1 .circle-button {
    width: 18px;
    height: 17px;
    text-align: center;
    line-height: 18px;
    padding: 0;
    font-size: 10px;
    bottom: 486px;
    right: 168px;
    position: absolute;
    color: #ffffff;
}

.admin-form-wrapper .form-control,
.admin-form-wrapper select.form-control,
.change-password-fields .form-control,
.change-password-fields select.form-control {
    border-color: #d6dae2;
    color: #172b4d;
    background-color: #ffffff;
    border-radius: 0;
    -webkit-border-radius: 4px
}

.admin-form-wrapper .form-group,
.change-password-fields .form-group {
    margin: 0;
}

.admin-form-wrapper .form-group+.form-group,
.change-password-fields .form-group+.form-group {
    margin-top: 15px;
}

.change-password-fields textarea.form-control {
    height: 100px;
    padding: 15px;
}

.admin-form-wrapper .form-group.action-button {
    margin-top: 45px;
}


/* faq-search */

.faq-search {
    margin: 30px 0;
}

.faq-search>.tab-search-panel {
    width: 80%;
    margin: 0 auto;
}

.faq-header {
    text-align: center;
}

.faq-header>h1 {
    display: inline-block;
}

.faq-header .custom-border-bottom::after {
    width: 100%;
}


/* accordion faq-accordion */

.faq-accordion>.card {
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
}

.faq-accordion>.card>.card-header {
    background-color: #2e3192;
}

.faq-accordion>.card>.card-header a,
.faq-accordion>.card>.card-header a:hover,
.faq-accordion>.card>.card-header a:focus,
.faq-accordion>.card .card-header a[aria-expanded="true"] {
    color: #fff;
}

.faq-accordion .card-body {
    background-color: #f7f7f7;
    color: #6e6e6e;
}

.faq-accordion>.card .card-header {
    padding: 1.3rem 1.3rem;
}

.faq-accordion>.card .card-header a[aria-expanded="false"]:before {
    content: "\e8b1";
}

.faq-accordion>.card .card-header a[aria-expanded="true"]:before {
    content: "\e897";
}

.hello-text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff;
    font-family: 'Myriad Pro';
    padding-left: 50px;
}


/* student-skill-progress */

.student-skill-progress .card-header {
    border-bottom: none;
}


/* apex-chart-wrapper */

.apex-chart-wrapper {
    background-color: #fbfbfb;
    box-shadow: 0px 7px 6.5px rgba(0, 0, 0, 0.09);
    background-color: #f7f7f7;
}


/*.student-skill-progress .card-header{margin-bottom: 40px;}*/

.apex-chart-wrapper #apexArea {
    padding-bottom: 20px;
}


/*.driving-skill-progress{margin-top: 40px;}*/


/* driving-skill-stats */

.driving-skill-center {
    width: 417px;
    margin: 50px auto;
}

.driving-skill-center img {
    width: 100%;
}

.driving-skill-stats {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-family: 'Gotham';
    color: #2e3192;
    border-bottom: 1px solid #8e8e8e;
    padding-bottom: 16px;
    margin-bottom: 25px;
}

.driving-skill-stats>div {
    width: calc(100% / 3);
}

.driving-skill-stats>div:last-child {
    text-align: right;
}

.driving-skill-stats> :nth-child(2) {
    text-align: center;
    font-size: 14px;
}

.driving-skill-stats>div:last-child,
.driving-skill-stats>div:first-child {
    font-size: 14px;
}

.teacher-note-content {
    font-family: 'Gotham';
    color: #2e3192;
}

.teacher-note-content h3 {
    font-size: 12px;
}

.teacher-note-content p {
    font-family: 'Microsoft Sans Serif';
}

.driving-skill-center,
.driving-skill-center-new {
    color: #000000;
    font-size: 12px;
    font-family: 'Gotham';
    position: relative;
}

.driving-skill-center>div {
    position: absolute;
}

.driving-skill-center>div>p {
    position: relative;
    width: 195px;
    text-align: right;
    padding-right: 15px;
    line-height: 20px;
}


/*.driving-skill-center > div > p::after,
.dsp-bottom-left > div > p::after{content: ""; width: 158px; height: 16px; display: inline-block; background-image: url(../../assets/images/dotted-large.svg); background-repeat: no-repeat; background-position: left center; left: 100%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}
*/

.driving-skill-center>.dsp-top-left {
    top: -20px;
    right: 100%;
}

.driving-skill-center>.dsp-middle-left {
    top: 40%;
    right: 120%;
    transform: translateY(-40%);
    -webkit-transform: translateY(-40%);
    -ms-transform: translateY(-40%);
}


/*.driving-skill-center > .dsp-middle-left  > p::after{ background-image: url(../../assets/images/dotted-small.svg);}
*/

.dsp-bottom-left {
    bottom: 15px;
    right: 120%;
}


/* .dsp-top-right > div > p::after{le} */

.driving-skill-center>.dsp-top-right {
    left: 120%;
    top: 30px;
}

.driving-skill-center>.dsp-top-right>p,
.driving-skill-center>.dsp-middle-right>p,
.driving-skill-center>.dsp-bottom-right>p {
    text-align: left;
    padding-right: 0;
    padding-left: 15px;
}


/*.driving-skill-center > .dsp-top-right > p::after{right: 100%; left: auto;  background-position: right center; }
*/

.driving-skill-center>.dsp-middle-right {
    left: 120%;
    right: auto;
    top: 47%;
    transform: translateY(-60%);
    -webkit-transform: translateY(-60%);
    -ms-transform: translateY(-60%);
}


/*.driving-skill-center > .dsp-middle-right > p::after{right: 100%; left: auto; background-image: url(../../assets/images/dotted-small.svg); background-position: right center;}
*/

.driving-skill-center>.dsp-bottom-right {
    bottom: -25px;
    left: 100%;
    right: auto;
}


/*.driving-skill-center > .dsp-bottom-right > p::after{right: 100%; left: auto;  background-position: right center; }
*/


/* #agreeDisagree  */

#agreeDisagree p {
    color: #5f5f5f;
}

#agreeDisagree .modal-footer,
#inActiveModal .modal-footer {
    padding: 0;
    border-top: 1px solid #afafaf;
}

#agreeDisagree .modal-footer>.btn,
#inActiveModal .modal-footer>.btn {
    width: 50%;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    color: #5f5f5f;
}

#agreeDisagree .modal-footer>.btn+.btn {
    border-left: 1px solid #afafaf;
}

#inActiveModal .modal-header {
    text-align: center;
    background-color: #e20001;
    color: #fff;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: normal;
}

#inActiveModal .modal-footer>.btn.btn-primary {
    color: #fff;
}

#inActiveModal .modal-footer>.btn.btn-default {
    background-color: #d5d6ea
}

#inActiveModal p {
    font-family: 'Gotham';
    text-align: center;
}

#inActiveModal .modal-footer {
    border-top: none;
}

#inActiveModal .modal-footer>.btn {
    padding: 14px 25px 15px;
}

#inActiveModal_other .modal-footer {
    padding: 0;
    border-top: 1px solid #afafaf;
}

#agreeDisagree .modal-footer>.btn,
#inActiveModal_other .modal-footer>.btn {
    width: 50%;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    color: #5f5f5f;
}

#agreeDisagree .modal-footer>.btn+.btn {
    border-left: 1px solid #afafaf;
}

#inActiveModal_other .modal-header {
    text-align: center;
    background-color: #e20001;
    color: #fff;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: normal;
}

#inActiveModal_other .modal-footer>.btn.btn-primary {
    color: #fff;
}

#inActiveModal_other .modal-footer>.btn.btn-default {
    background-color: #d5d6ea
}

#inActiveModal_other p {
    font-family: 'Gotham';
    text-align: center;
}

#inActiveModal_other .modal-footer {
    border-top: none;
}

#inActiveModal_other .modal-footer>.btn {
    padding: 14px 25px 15px;
}

#agreeDisagree p {
    color: #5f5f5f;
}

#agreeDisagree .modal-footer,
.changepassModal .modal-footer {
    padding: 0;
    border-top: 1px solid #afafaf;
}

#agreeDisagree .modal-footer>.btn,
.changepassModal .modal-footer>.btn {
    width: 50%;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    color: #5f5f5f;
}

#agreeDisagree .modal-footer>.btn+.btn {
    border-left: 1px solid #afafaf;
}


.changepassModal .modal-header {
    text-align: center;
    background-color: #e20001;
    color: #fff;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: normal;
}

.changepassModal .modal-footer>.btn.btn-primary {
    color: #fff;
}

.changepassModal .modal-footer>.btn.btn-default {
    background-color: #d5d6ea
}

.changepassModal p {
    font-family: 'Gotham';
    text-align: center;
}

.changepassModal .modal-footer {
    border-top: none;
}

.changepassModal .modal-footer>.btn {
    padding: 14px 25px 15px;
}

#inActiveModal_other .modal-footer {
    padding: 0;
    border-top: 1px solid #afafaf;
}

#agreeDisagree .modal-footer>.btn,
#inActiveModal_other .modal-footer>.btn {
    width: 50%;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    color: #5f5f5f;
}

#agreeDisagree .modal-footer>.btn+.btn {
    border-left: 1px solid #afafaf;
}

#inActiveModal_other .modal-header {
    text-align: center;
    background-color: #e20001;
    color: #fff;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: normal;
}

#inActiveModal_other .modal-footer>.btn.btn-primary {
    color: #fff;
}

#inActiveModal_other .modal-footer>.btn.btn-default {
    background-color: #d5d6ea
}

#inActiveModal_other p {
    font-family: 'Gotham';
    text-align: center;
}

#inActiveModal_other .modal-footer {
    border-top: none;
}

#inActiveModal_other .modal-footer>.btn {
    padding: 14px 25px 15px;
}

#ActiveModal .modal-footer {
    padding: 0;
    border-top: 1px solid #afafaf;
}

#agreeDisagree .modal-footer>.btn,
#ActiveModal .modal-footer>.btn {
    width: 50%;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    color: #5f5f5f;
}

#agreeDisagree .modal-footer>.btn+.btn {
    border-left: 1px solid #afafaf;
}

#ActiveModal .modal-header {
    text-align: center;
    background-color: #2e3192;
    color: #fff;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: normal;
}

#ActiveModal .modal-footer>.btn.btn-primary {
    color: #fff;
}

#ActiveModal .modal-footer>.btn.btn-default {
    background-color: #d5d6ea
}

#ActiveModal p {
    font-family: 'Gotham';
    text-align: center;
}

#ActiveModal .modal-footer {
    border-top: none;
}

#ActiveModal .modal-footer>.btn {
    padding: 14px 25px 15px;
}


#ActiveModal_other .modal-footer {
    padding: 0;
    border-top: 1px solid #afafaf;
}

#agreeDisagree .modal-footer>.btn,
#ActiveModal_other .modal-footer>.btn {
    width: 50%;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    color: #5f5f5f;
}

#agreeDisagree .modal-footer>.btn+.btn {
    border-left: 1px solid #afafaf;
}

#ActiveModal_other .modal-header {
    text-align: center;
    background-color: #2e3192;
    color: #fff;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: normal;
}


#ActiveModal_other .modal-footer>.btn.btn-primary {
    color: #fff;
}

#ActiveModal_other .modal-footer>.btn.btn-default {
    background-color: #d5d6ea
}

#ActiveModal_other p {
    font-family: 'Gotham';
    text-align: center;
}

#ActiveModal_other .modal-footer {
    border-top: none;
}

#ActiveModal_other .modal-footer>.btn {
    padding: 14px 25px 15px;
}

/* mobile-grid */
#resetmodel .modal-footer>.btn.btn-primary {
    color: #fff;
}

#resetmodel .modal-footer>.btn.btn-default {
    background-color: #d5d6ea
}

#resetmodel p {
    font-family: 'Gotham';
    text-align: center;
}

#resetmodel .modal-footer {
    border-top: none;
}

#resetmodel .modal-footer>.btn {
    padding: 14px 25px 15px;
}


#resetmodel .modal-header {
    text-align: center;
    background-color: #2e3192;
    color: #fff;
    padding: 8px 15px;
    text-transform: uppercase;
    font-weight: normal;
}

#resetmodel.modal-footer>.btn.btn-default {
    background-color: #d5d6ea
}

#agreeDisagree .modal-footer>.btn,
#resetmodel .modal-footer>.btn {
    width: 50%;
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    color: #5f5f5f;
}

#resetmodel .modal-footer>.btn+.btn {
    border-left: 1px solid #afafaf;
}

#resetmodel .modal-footer {
    padding: 0;
    border-top: 1px solid #afafaf;
}
/*---*/

.mobile-grid {
    display: none;
}

.mobile-grid>.custom-table-row,
.tb-value {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.dashboard-card .mobile-grid>.custom-table-row>.custom-table-cell {
    width: auto;
}

.custom-table-row.nested-row {
    display: block;
    padding: 0;
}

.nested-row .custom-table-inner-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: space-between;
    text-align: center;
    padding: 15px;
}

.nested-row .custom-table-inner-row:first-child {
    border-bottom: 1px solid #b9b9b9;
}

.tb-label {
    color: #2e3192;
    text-transform: uppercase;
    padding-top: 5px;
}

.tb-value {
    min-height: 36px;
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    color: #2e3192
}

.dashboard-card .mobile-grid .custom-table-cell>.btn+.btn {
    margin-left: 10px;
}

.dashboard-card .mobile-grid .custom-table-cell a {
    font-size: 16px;
    font-weight: 700;
}

.mobile-grid .custom-table-row+.custom-table-row {
    margin-top: 18px;
}

.mobile-grid .custom-table-row {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border: none;
}

.mobile-grid>.tab-search-panel {
    margin-bottom: 18px;
}


/* mobile-grid */


/* datepicker */

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.active:before {
    background: rgba(46, 49, 146, 0.60)
}

.datepicker.datepicker-dropdown .datepicker-days table.table-condensed tbody td.day.today:before {
    background: #2e3192
}

.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background: #2e3192
}


/* datepicker */

#progressbar1,
#progressbar2,
#progressbar3 {
    width: 200px;
    height: 200px;
    position: relative;
}


/* studentProfileModalCenteredScrollableTitle*/

.student-profile-pp-header>img {
    width: 72px;
    margin: 0;
}

.student-profile-pp-header {
    text-align: center;
    font-size: 16px;
    color: #707070
}

.student-profile-pp-name {
    padding-top: 5px;
}

.student-profile-pp-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.student-profile-pp-row>.student-profile-pp-cell {
    width: 45%;
    color: #707070;
    font-size: 14px;
}

.student-profile-pp-row {
    background-color: #f7f7f7;
    padding: 12px 15px;
}

.student-profile-pp-row+.student-profile-pp-row {
    border-top: 1px solid #dadada;
}

.student-profile-pp-description {
    margin-top: 20px;
    overflow: hidden;
}


/* studentProfileModalCenteredScrollableTitle */


/* pie_progress */

.pie_progress {
    width: 200px;
    position: relative;
    text-align: center;
    margin: 0 auto;
}

.pie_progress__content,
.pie_progress__number,
.pie_progress__label,
.pie_progress__icon {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #2e3192;
    text-transform: uppercase;
    font-family: 'Myriad Pro';
    font-size: 23px;
}

.student-nested-tab-wrapper ul.nav-tabs {
    border: none;
    padding-bottom: 0;
}

.upload-image-input a {
    text-align: center;
    line-height: 28px;
    color: #495057;
}

.profile_pic_wraper {
    position: relative;
    width: 100px;
    margin: 0 auto;
}

.profile_pic_wraper .circle-button {
    bottom: 7px;
    right: -2px;
    width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    border-radius: 50%;
    padding: 61px;
    border: 2px solid;
}

#student_email {
    word-break: break-word;
}

.modal_add_instructor .modal-dialog-scrollable .modal-content {
    overflow: auto !important;
}


/* responsive design */

@media(min-width:1405px) {
    .admin-form-wrapper {
        width: 1030px;
    }
    .driving-skill-center>.dsp-top-left {
        top: -47px;
        right: 36%;
    }
    .driving-skill-center>.dsp-middle-left {
        top: 7%;
        right: 77%;
    }
    .driving-skill-center>.dsp-top-right {
        left: 78%;
        top: 30px;
    }
    .dsp-bottom-left {
        bottom: 209px;
        right: 80%;
    }
    .driving-skill-center>.dsp-middle-right {
        left: 78%;
        right: auto;
        top: 44%;
    }
    .driving-skill-center>.dsp-bottom-right {
        bottom: 148px;
        left: 32%;
        right: auto;
    }
}

@media(min-width:1200px) {
    /*#approvedModalCenteredScrollable .modal-dialog{max-width: 1180px;}*/
    #approvedModalCenteredScrollable .modal-dialog {
        max-width: 571px;
    }
}

@media(max-width:1035px) and (min-width:992px) {
    .dashboard-tab .nav-tabs .nav-item+.nav-item {
        margin-left: 13px;
    }
}

@media(max-width:1077px) {
    .driving-skill-center {
        width: 340px;
    }
    .driving-skill-center>div>p::after,
    .dsp-bottom-left>div>p::after {
        background-size: 50%;
    }
    .driving-skill-center>.dsp-middle-left>p::after,
    .driving-skill-center>.dsp-middle-right>p::after {
        background-size: 22%;
    }
}

@media(min-width:992px) {
    .main-wrapper .page-wrapper {
        width: calc(100% - 253px);
        margin-left: 253px;
    }
}

@media(min-width: 800px) {
    .student_lable_mobile {
        display: none;
    }

}

@media(max-width:800px) {
    .grid-action-row {
    margin-top: 20px;
    margin-bottom: 20px;
}

    
    .navbar .sidebar-toggler svg {
        color: #fff;
    }
    .hello-text {
        display: none;
    }
    .student-skill-progress .card-header {
        margin-bottom: 15px;
        text-align: center;
    }
    .tab-right-panel>.tab-search-panel {
        width: 100%;
    }
    .tab-right-panel {
        top: 0;
    }
    .dashboard-tab .nav-tabs .nav-item.tab-right-panel {
        margin-left: 0;
    }
    .dashboard-tab .nav-tabs {
        padding-top: 55px;
    }
    .dashboard-tab #instructorNestedTab {
        padding-top: 0px;
    }
    .student-nested-tab-wrapper ul.nav-tabs {
        padding-top: 0;
        padding-bottom: 0;
    }
    .mobile-grid {
        display: block;
        margin-bottom: 4px;
    }
    
    .custom-table,
    html body #student .head {
        display: none;
    }
    html body #all .custom-table,
    html body #student .custom-table,
    html body #instructor .custom-table,
    html body #instruct_active .custom-table,
    html body #parents .custom-table,
    html body #parents_active .custom-table,
    html body #parents_inactive .custom-table,
    html body #admin .custom-table {
        display: block;
    }
    html body .manage-users-card .custom-table>.custom-table-body>.custom-table-row {
        display: none;
    }
    html body .manage-users-card .custom-table>.custom-table-body>.custom-table-row>.custom-table-cell {
        width: calc(50% - 3px);
        min-height: 37px;
        display: inline-block;
    }
    html body .manage-users-card .custom-table>.custom-table-body>.custom-table-row>.custom-table-cell:last-child {
        width: 100%;
    }
    html body .manage-users-card .custom-table>.custom-table-body>.custom-table-row>.custom-table-cell:first-child {
        text-align: center;
    }
    .navbar .sidebar-toggler {
        border: none;
    }
    .filter-nav {
        position: absolute;
        top: 250%;
        width: 100%;
        justify-content: center;
    }
    .manage-users-card .dashboard-tab>.nav-tabs {
        border-color: #969696;
        margin-bottom: 15px;
    }
    .filter-nav {
        top: 300%;
    }
    .manage-users-card .tab-search-panel {
        position: absolute;
        z-index: 2;
    }
    .filter-nav {
        margin: 0;
        width: auto;
    }
    .manage-users-card .tab-right-panel,
    .manage-users-card .filter-nav {
        width: 100%;
    }
    .manage-users-card .dashboard-tab ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
    }
    .manage-users-card2 .dashboard-tab ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
    }
    .manage-users-card .dashboard-tab .filter-nav {
        margin-top: 70px;
        border: none;
    }
    .dashboard-tab .nav-tabs .nav-link {
        z-index: 3;
    }
    body.sidebar-folded .main-wrapper .page-wrapper {
        margin-left: 0 !important;
    }
    .main-wrapper .page-wrapper .page-content {
        margin-top: 46px;
        padding: 4px 4px
    }
    .tb-value,
    .tb-label,
    .profile-score {
        font-size: 12px;
    }
    .sidebar .sidebar-body .nav .nav-item .nav-link .link-title {
        font-size: 12px;
    }
    .practice-time-bar h2 {
        font-size: 12px;
    }
    .practice-time-number li {
        font-size: 12px;
    }
    .level-section-content h2.custom-border-bottom {
        font-size: 14px;
    }
    .level-card-header>h3,
    .certified-practice-card-wrapper>.card-header,
    .blue-header h3,
    .blue-header .modal-title,
    .level-card-wrapper.instruction-name-box .level-card-header {
        font-size: 14px;
    }
    .level-card-wrapper.instruction-name-box .level-card-header {
        padding: 9px 0 10px;
    }
    /* responsive customization */
    ul.navbar-nav li.nav-profile {
        display: none !important;
    }
    /* .sidebar-toggler.active span{display: none;}
   .sidebar-toggler.active{width: 18px; height: 14px; background-image: url(../../images/feedback.png); background-repeat: no-repeat; background-position: center; background-size:18px;} */
    .sidebar {
        -webkit-box-shadow: 4px 0px 57px 0px rgba(0, 0, 0, 0.5);
        -moz-box-shadow: 4px 0px 57px 0px rgba(0, 0, 0, 0.5);
        box-shadow: 4px 0px 57px 0px rgba(0, 0, 0, 0.5);
    }
    .sidebar .sidebar-header .sidebar-toggler {
        left: auto;
        right: 17px;
        margin: 0;
    }
    .sidebar-profile {
        background-color: #e7e9ed;
        padding: 11px 17px 12px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .sidebar .sidebar-header {
        padding: 0;
    }
    .sidebar .sidebar-header {
        height: auto;
    }
    .sidebar-profile-area {
        width: 36px;
        height: 36px;
        margin: 0 15px 0 0;
    }
    .profile-user-name {
        margin-top: 0;
    }
    .sidebar .sidebar-header .sidebar-toggler span {
        background-color: #060916;
    }
    .profile-user-name {
        color: #060916
    }
    .sidebar .sidebar-body {
        border: none;
    }
    .sidebar .sidebar-body .nav .nav-item .nav-link {
        height: auto;
    }
    .sidebar .sidebar-body .nav .nav-item .nav-link {
        padding: 16px 17px;
    }
    .sidebar-open .main-wrapper::before,
    .settings-open .main-wrapper::before {
        display: none;
    }
    .sidebar .sidebar-body .nav {
        padding-top: 0;
    }
    /* responsive customization */
    .descktop_search {
        display: none;
    }
    .mobile_search {
        display: block;
    }
}

@media(min-width:900px) {
    .level-card-wrapper {
        /*width: 893px;*/
        margin: 0 auto;
    }
    .how-many-hours .level-card-wrapper {
        width: 100%;
    }
    html body .stretch-card>.certified-practice-card-wrapper {
        max-width: 790px;
        width: 790px;
        min-width: 790px;
        margin: 0 auto;
    }
    #viewStudent .modal-dialog {
        min-width: 508px;
    }
}

@media(max-width:853px) {
    .driving-skill-center>.dsp-top-left,
    .driving-skill-center>.dsp-bottom-left {
        right: 105%;
    }
    .driving-skill-center>.dsp-middle-left {
        right: 115%;
    }
    .driving-skill-center>.dsp-bottom-right,
    .driving-skill-center>.dsp-top-right {
        left: 105%;
    }
    .driving-skill-center>.dsp-middle-right {
        left: 115%;
    }
}

@media (max-width:829px) {
    .driving-skill-graph1>.driving-skill-center>div>p {
        width: 100px;
    }
}

@media (max-width: 793px) {
    .driving-skill-graph1>.driving-skill-center>div>p {
        width: 74px;
        font-size: 9px;
    }
}

@media(max-width:811px) {
    /* .driving-skill-center > div > p::after{display: none;} */
    .driving-skill-center>.dsp-top-left,
    .driving-skill-center>.dsp-bottom-left {
        right: 90%;
    }
    .driving-skill-center>.dsp-middle-left,
    .driving-skill-graph1>.driving-skill-center>.dsp-bottom-left {
        right: 78%;
    }
    .driving-skill-center>.dsp-bottom-right,
    .driving-skill-center>.dsp-top-right {
        left: 90%;
    }
    .driving-skill-center>.dsp-middle-right {
        left: 100%;
    }
    .driving-skill-center {
        width: 50%;
    }
}

@media(max-width: 768px) {
    .pie_progress {
        width: 80%;
        max-width: 300px;
    }
    .level-card-row>.left-side {
        font-size: 12px;
    }
    .skill-must-wrapper {
        font-size: 12px;
    }
}

@media(min-width:767px) {
    .admin-form-wrapper>.row>div:first-child {
       /* padding-right: 50px;*/
    }
    .admin-form-wrapper>.row>div:last-child {
       /* padding-left: 50px;*/
        position: relative;
    }
    /*.admin-form-wrapper > .row > div:last-child::before{content: ""; height: 100%; width:2px; display: inline-block; position: absolute; left: 0; top:0; background: rgba(255,255,255,1);
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(160,169,182,1) 30%, rgba(160,169,182,1) 70%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(160,169,182,1)), color-stop(70%, rgba(160,169,182,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(160,169,182,1) 30%, rgba(160,169,182,1) 70%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(160,169,182,1) 30%, rgba(160,169,182,1) 70%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(160,169,182,1) 30%, rgba(160,169,182,1) 70%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(160,169,182,1) 30%, rgba(160,169,182,1) 70%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
  }*/
    #agreeDisagree>.modal-dialog {
        max-width: 370px;
    }
}

@media(max-width:767px) {
    .admin-form-wrapper>.row>div+div {
        margin-top: 15px;
    }
    .custom-table-row>.custom-table-cell:first-child {
        width: 35%;
    }
    .dashboard-card .tab-content .custom-table-row>.custom-table-cell:first-child {
        width: calc(100% - 7px);
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    .dashboard-card .tab-content .custom-table-row>.custom-table-cell:first-child a {
        width: calc(100% - 40px);
        float: right;
        line-height: 16px;
    }
    .abc {
        display: none;
    }
    .dashboard-card .custom-table-row>.custom-table-cell+.custom-table-cell {
        padding-left: 10px;
    }
    .learners-permit-card .form-group div+div {
        margin-top: 15px;
    }
    .level-card-wrapper>.row>div:first-child {
        padding-right: 0.75rem;
    }
    .instruction-name-box>.how-may-row>.first-question {
        align-items: baseline;
        -webkit-box-align: baseline;
        -moz-box-align: baseline;
        -ms-flex-align: baseline;
        -webkit-align-items: baseline;
    }
    .first-question,
    .how_may_to {
        justify-content: space-between;
        font-size: 12px;
        display: -webkit-inline-box;
        width: 100%;
    }
    .mileage-question {
        font-size: 12px;
    }
    .how-many-hours>.row>div+div {
        margin-top: 20px;
    }
    .level-section-content {
        padding-top: 20px;
        margin-top: 20px;
    }
    .admin-profile-image {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
    .form_title {
        display: none;
    }
    .admin-profile-image .circle-button {
        right: 0;
    }
    .admin-form-wrapper .form-group.action-button {
        text-align: center;
    }
    .admin-profile-image-wrapper {
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .custom-border-bottom {
        font-size: 12px;
    }
    .custom-border-bottom::after {
       /* width: 100%;*/
    }
    .assign-branches-wrapper {
        text-align: center;
    }
    .assign-branches-wrapper h5 {
        display: inline-block;
    }
    .assign-branches-wrapper {
        margin-top: 15px;
    }
    /* counter-wrapper */
    /*.counter-wrapper > .row > div{width: 33.3%;}*/
    .faq-accordion>.card .card-header,
    .faq-accordion>.card .card-body {
        padding: 10px 15px;
        font-size: 12px;
    }
    .faq-accordion>.card .card-header *,
    .footer>.text-muted {
        font-size: 12px;
    }
    .cph-card-date {
        font-size: 14px;
    }
    .cph-card-number {
        font-size: 16px;
    }
    .cph-card-header {
        padding: 14px 20px;
    }
    .certified-practice-history-card>.card-body>.row>div {
        margin-bottom: 20px;
    }
    .certified-practice-history-card>.card-body>.row>div:last-child {
        margin-bottom: 0;
    }
    .level-card-wrapper>.row>div:last-child {
        padding-left: 0.75rem;
    }
    .level-card-wrapper>.row>div+div {
        margin-top: 20px;
    }
    .level-card-wrapper>.row>div+div .level-card-header {
        border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        -ms-border-radius: 10px 10px 0 0;
    }
    html body .practice-time-progress,
    html body .practice-time-number {
        width: 100%;
    }
    .level-card-wrapper>.how-may-row>.first-question>p {
        width: calc(100% - 99px);
    }
    .level-card-header>h3,
    .certified-practice-card-wrapper>.card-header,
    .blue-header h3,
    .blue-header .modal-title,
    .level-card-wrapper.instruction-name-box .level-card-header {
        font-size: 12px;
    }
    .certified-practice-history-date .calender-icon {
        display: none;
    }
    .certified-practice-history-date p {
        font-size: 12px;
    }
    .driving-form-form-dropdown div+div {
        margin-top: 20px;
    }
    .form-group div+div {
        margin-top: 10px;
    }
}

@media(max-width:820px) {
    .readiness-chart .driving-skill-progress>.driving-skill-graph {
        overflow: auto;
    }
    /*.readiness-chart  .driving-skill-progress > .driving-skill-graph #myChart{width:675px}*/
    .readiness-chart .driving-skill-progress>.driving-skill-graph #myChart {
        overflow: auto;
    }
    .readiness-chart .driving-skill-progress>.driving-skill-graph>.container>div>div {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    .driving-skill-center>div>p::after,
    .dsp-bottom-left>div>p::after {
        width: 80px;
    }
    /* .readiness-chart  .driving-skill-progress > .driving-skill-graph #myChart > .driving-skill-graph1,
.readiness-chart  .driving-skill-progress > .driving-skill-graph #myChart > #myChart-wrapper{width:675px} */
}

@media(min-width:700px) {
    .practice-time-progress,
    .practice-time-number {
        width: 651px;
    }
    .certified-practice-card-wrapper .practice-time-progress,
    .certified-practice-card-wrapper .practice-time-number {
        width: 100%;
    }
    .stretch-card>.learners-permit-card {
        width: 578px;
        min-width: 578px;
        margin: 0 auto;
    }
    .stretch-card>.branding-card {
        max-width: 1000px;
        min-width: 578px;
        margin: 0 auto;
    }
}

.dec {
    font-size: 16px;
    text-align: center;
    font-weight: normal;
}

#mobile {
    display: none;
    font-size: 12px;
    text-align: center;
}

@media(max-width:640px) {
    .lesson-header,
    .how-may-row {
        /*display: block !important;*/
        font-size: 12px
    }
    .lesson-header>div+div {
        margin-top: 5px;
    }
    .dec {
        display: none;
    }
    .how-may-row .first-question+.first-question {
        margin-left: 0;
        margin-top: 5px;
    }
    .level-section-content {
        margin-top: 20px;
    }
    .driving-skill-center>div>p {
        font-size: 12px;
        width: 100px;
    }
    .driving-skill-stats,
    .driving-skill-stats> :nth-child(2),
    .driving-skill-stats>div:last-child {
        display: block;
        text-align: left;
    }
    .driving-skill-stats>div {
        width: 100%;
    }
    .lesson-header>.heading h1 {
        font-size: 11.5px;
    }
    .select2 {
        width: 317px;
    }
    .dashboard-card .custom-table-row>.approvedtext {
        display: none;
    }
    .dec {
        display: none;
    }
    #mobile {
        display: block;
    }
}


/*@media(min-width:600px){
  .select-student-dropdown{width: 100% !important; min-width: 100% !important; max-width:100% !important;}

}*/

@media(max-width:600px) {
    #student .custom-table-row>.custom-table-cell .btn {
        width: auto;
        padding: 0 5px;
    }
}

@media(max-width: 500px) {
    #all .custom-table>.custom-table-body>.custom-table-row>.custom-table-cell:nth-child(2),
    #all .custom-table>.custom-table-body>.custom-table-row>.custom-table-cell:nth-child(3),
    /*  #all .custom-table > .custom-table-body > .custom-table-row > .custom-table-cell:nth-child(4),*/
    #student .custom-table-row>.custom-table-cell:nth-child(2),
    #instructor .custom-table-row>.custom-table-cell:nth-child(2),
    #instructor .custom-table-row>.custom-table-cell:nth-child(3),
    #admin .custom-table-row>.custom-table-cell:nth-child(3) {

        display: none;
    }
    #instructor .custom-table-row>.custom-table-cell:nth-child(2) {
        display: block;
    }
    /*#student .custom-table-row>.custom-table-cell:first-child {
        width: calc(100% - 150px);
    }*/
    #all .custom-table>.custom-table-body>.custom-table-row>.custom-table-cell:first-child,
    #student .custom-table>.custom-table-body>.custom-table-row>.custom-table-cell:first-child,
    .dashboard-card #student .custom-table-row>.custom-table-cell:first-child,
    .dashboard-card #student .custom-table-row>.custom-table-cell:second-child {
        width: calc(100% - 80px);
        max-width: calc(100% - 80px);
        min-width: calc(100% - 80px);
    }
    .student_lable_mobile {
        font-size: 10px;
    }
}

@media(max-width:560px) {
    .custom-table-cell .btn {
        width: 95px;
    }
    .mobile-grid .grid-profile {
        width: 37px;
    }
    html body .certified-practice-card-wrapper .driving-form-form-dropdown {
        display: block;
    }
    html body .certified-practice-card-wrapper .driving-form-form-dropdown>select,
    .driving-form-form-dropdown>.form-control:first-child,
    .driving-form-form-dropdown>.form-control+.form-control {
        width: 100%;
    }
    .driving-form-form-dropdown>.form-control+.form-control {
        margin-left: 0;
        margin-top: 20px;
    }
}

@media(max-width:600px) {
    .pie_progress__content,
    .pie_progress__number,
    .pie_progress__label,
    .pie_progress__icon {
        font-size: 16px;
    }
    .counter-wrapper .progress-heading,
    .card-chart-title {
        font-size: 10px;
    }
    .pie_progress__content,
    .pie_progress__number,
    .pie_progress__label,
    .pie_progress__icon {
        font-size: 12px;
    }
    .counter-wrapper {
        padding: 15px 0;
    }
}

@media(max-width:540px) {
    /*.counter-wrapper > .row > div {width:33.3%;}*/
    .counter-wrapper>.row>div+div {
        margin-top: 0;
    }
    .pie_progress {
        width: 50%;
    }
    .progress-heading {
        margin-bottom: 10px;
    }
}

@media(max-width:500px) {
    .custom-table-cell+.approved {
        margin-right: 10px;
    }
    .dashboard-tab .nav-tabs .nav-item+.nav-item {
        margin-left: 10px;
    }
    .dashboard-card .mobile-grid .custom-table-cell a,
    .tb-value,
    .tb-label {
        font-size: 10px;
    }
    .tb-value {
        min-height: 26px;
    }
    .green-indicator-icon span,
    .orange-indicator-icon span {
        width: 7px;
        height: 7px;
    }
    .profile-score {
        width: 26px;
        line-height: 26px;
        height: 26px;
        font-size: 10px;
    }
    /* .nested-row .custom-table-inner-row{align-items: self-start; -webkit-box-align: self-start; -moz-box-align: self-start; -ms-flex-align: self-start; -webkit-align-items: self-start;} */
    .custom-table-cell .btn {
        width: auto;
        padding: 0 8px;
    }
    .tab-search-panel {
    /* width: 175px; */
    margin-top: 0px;
}
    .dashboard-card .mobile-grid .custom-table-cell>.btn+.btn {
        margin-left: 5px;
    }
    .mobile-grid .custom-table-row+.custom-table-row {
        margin-top: 10px;
    }
    .custom-table-cell .btn {
       font-size: 9px;
    }
    .student {
        font-size: 10px;
        margin-top: 20px;
    }
    .grid-margin {
        margin-bottom: 0;
    }
    .manage-users-card .dashboard-tab>.nav-tabs {
        margin-bottom: 15px;
    }
    .dashboard-tab .nav-tabs .nav-item+.nav-item {
        margin-left: 10px;
    }
    html body .dashboard-tab .nav-tabs .nav-link {
        font-size: 12px;
    }
    .dashboard-tab .nav-tabs {
        padding-bottom: 8px;
    }
    ul.nav-tabs .nav-item {
        margin-bottom: 5px;
    }
    .btn,
    .pagination .page-item .page-link {
        font-size: 10px;
    }
    .nested-row .custom-table-inner-row {
        padding: 10px;
    }
    .mobile-grid .grid-profile {
        width: 30px;
    }
    .grid-profile {
        margin-right: 4px;
    }
    .btn {
       /* padding: 5px 20px 5px 20px;
        margin-right: 2px;*/
    }
    .grid-action-row .btn.circle-button {
        padding: 0;
        width: 45px;
        height: 45px;
    }
}

@media(min-width:450px) {
    #studentProfileModalCenteredScrollable .modal-dialog {
        max-width: 422px;
        margin: 0 auto;
    }
}

@media(max-width:400px) {
    /* .mobile-grid > .custom-table-row, */
    .custom-table-row.nested-row,
    .nested-row .custom-table-inner-row {
        display: block;
    }
    /* .dashboard-card .mobile-grid > .custom-table-row > .custom-table-cell { width: 100%;} */
    .dashboard-card .custom-table-row>.custom-table-cell+.custom-table-cell {
        padding-left: 0px;
        margin-right: 2px;
    }
    .custom-table-inner-row .custom-table-cell+.custom-table-cell {
        margin-top: 10px;
    }
    .nested-row .custom-table-inner-row:first-child .custom-table-cell:nth-child(2),
    .nested-row .custom-table-inner-row:nth-child(2) .custom-table-cell:nth-child(3),
    .nested-row .custom-table-inner-row:nth-child(2) .custom-table-cell:nth-child(4) {
        margin-top: 10px;
    }
    /* .tb-value{min-height: auto;} */
    .custom-table-row,
    .assigned-instructor-modalrow {
        padding: 15px;
    }
    .nested-row>.custom-table-inner-row:nth-child(2)>.custom-table-cell,
    .nested-row>.custom-table-inner-row:nth-child(1)>.custom-table-cell {
        width: calc(50% - 2px);
        display: inline-block;
        vertical-align: middle;
    }
    .nested-row>.custom-table-inner-row:nth-child(1)>.custom-table-cell:nth-child(1) {
        text-align: left;
    }
    .nested-row>.custom-table-inner-row:nth-child(1)>.custom-table-cell:nth-child(1) a {
        width: calc(100% - 40px);
        padding-top: 7px;
        display: block;
        float: right;
        line-height: 16px;
        font-size: 12px;
    }
    .pagination .page-item .page-link {
        min-width: 25px;
    }
    .card .card-body {
        padding: 15px;
    }
    .nested-row>.custom-table-inner-row:nth-child(1)>.custom-table-cell:nth-child(2) {
        margin-top: 0;
    }
    .nested-row>.custom-table-inner-row:nth-child(1)>.custom-table-cell:nth-child(2) .tb-value {
        min-height: auto;
    }
    .dataTables_paginate>.pagination {
        margin-top: 15px;
    }
    .certified-practice-history-header,
    /*.certified-practice-history-header > div{display: block !important;}*/
    .certified-practice-history-header>div+div {
        margin-top: 10px;
    }
    .cphtext {
        display: none;
    }
    .certified-practice-history-profile {
        width: 100%;
    }
}

@media(max-width:390px) {
    html body .register-form .form-check {
        display: block;
    }
}

@media(max-width:365px) {
    .card .card-body {
        padding: 4px;
    }
    .custom-table-row,
    .assigned-instructor-modalrow {
        padding: 10px;
    }
}

@media(min-width:356px) {
    #inActiveModal .modal-dialog {
        max-width: 279px;
        margin: 0 auto;
    }
    .changepassModal .modal-dialog {
        max-width: 279px;
        margin: 0 auto;
    }
}

@media(min-width:356px) {
    #inActiveModal_other .modal-dialog {
        max-width: 279px;
        margin: 0 auto;
    }
}

@media(max-width:356px) {
    .manage-users-card .dashboard-tab .filter-nav {
        margin-top: 162px;
    }
}

@media(max-width:352px) {
    .driving-skill-center>div>p {
        font-size: 10px;
        width: 80px;
    }
}

@media(max-width:340px) {
    .dashboard-card .mobile-grid .custom-table-cell>.btn+.btn {
        margin-left: 2px;
    }
    .custom-table-cell .btn {
        font-size: 8px;
    }
    .custom-table-row,
    .assigned-instructor-modalrow {
        padding: 5px;
    }
}


/* dashboard-design end */

@media (min-width: 700px) {
    .progressshow,
    .progressno {
        width: 450px;
    }
}


/*
* Login pages start
*/

.dual-bg-blue {
    background: linear-gradient(to right, #EDD102 0%, #EDD102 50%, #F0F0F0 50%, #F0F0F0 100%);
}

.dual-bg-blue .card-form {
    width: 93%;
    margin: auto;
    border-radius: 5px;
    filter: drop-shadow(-4.788px 13.156px 10.5px rgba(0, 0, 0, 0.31));
    background-color: #ffffff;
}

.custom-form-wrapper {
    padding: 30px 40px 40px;
}

.custom-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #676969;
}

.custom-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #676969;
}

.custom-form :-ms-input-placeholder {
    /* IE 10+ */
    color: #676969;
}

.custom-form :-moz-placeholder {
    /* Firefox 18- */
    color: #676969;
}

.custom-form .icon-field {
    position: relative;
}

.custom-form .input-field-icon {
    position: absolute;
    right: 16px;
    top: 5px;
}

.custom-form .form-control {
    border-left: none;
    border-top: none;
    border-right: none;
    padding-left: 0px;
    border-color: #000000;
    font-size: 15px;
    border-radius: 0;
}

.custom-form .form-control:focus {
    border-color: #2e3192;
}

.custom-form .form-group label {
    position: absolute;
    padding: 0.4rem 1rem 0.5rem 0.3rem;
    z-index: -1;
}

.custom-form.register-form .form-group {
    position: relative;
}

.custom-form.register-form .form-group label {
    padding: 0;
    z-index: 0;
    font-size: 12px;
    color: #ff0000;
}

.custom-form .form-check .form-check-label input[type="checkbox"]:checked+.input-frame:before {
    background: #2e3192;
}

.btn-blue {
    background-color: #2a2a2a;
    padding: .6rem 1.5rem .5rem;
    border-color: #2a2a2a;
}

.btn-round {
    border-radius: 25px
}

.btn-outline-shadow {
    filter: drop-shadow(-2.911px 0.726px 6.5px rgba(0, 0, 0, 0.2));
    background-color: #ffffff;
    border-color: transparent;
    color: #2e3192;
    font-size: 15px;
}

.upload-image-frame {
    border: 1px solid #8e8e8e;
    text-align: center;
    height: 100px;
    width: 100%;
}

.btn-fullwidth {
    width: 100%;
}

.custom-form .btn-outline-shadow svg {
    color: #2e3192;
    fill: #2e3192;
    width: 25px !important;
    height: 25px !important;
    stroke-width: 0.01 !important;
}

.custom-form .text-lightblue {
    color: #2a2a2a;
    font-size: 13px;
}

.custom-form .text-lightblue span {
    color: #2e3192;
}

.custom-form .btn-blue {
    font-size: 13px;
    ;
}

.login-avatar {
    max-width: 80px;
}

.dual-bg-blue .custom-flex-55 {
    flex: 0 0 55%;
}

.auth-tab-link .nav-link {
    text-transform: uppercase;
    color: #2e3192;
    border-bottom: 5px solid transparent;
    padding: 0.4rem 0.4rem;
    font-weight: 600;
    font-size: 15px;
}

.auth-tab-link .nav-link.active {
    border-color: #2e3192;
}

.auth-tab-link .nav-item {
    margin-right: 2px;
}


/************Login Form **************/

.main-wrapper {
    height: 100%;
}

.main-wrapper .page-wrapper.full-page,
.main-wrapper .page-wrapper .page-content {
    height: 100%;
}

footer>.footer-links {
    position: absolute;
    bottom: 0;
}

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

.login-form .form-group+.form-group {
    margin-top: 15px;
}

.footer-links .nav {
    justify-content: flex-end;
}

footer>.row {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.custom-form.login-form ::-webkit-input-placeholder,
.custom-form.forgot-pass-form ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #2a2a2a;
}

.custom-form.login-form ::-moz-placeholder,
.custom-form.forgot-pass-form ::-moz-placeholder {
    /* Firefox 19+ */
    color: #2a2a2a;
}

.custom-form.login-form :-ms-input-placeholder,
.custom-form.forgot-pass-form :-ms-input-placeholder {
    /* IE 10+ */
    color: #2a2a2a;
}

.custom-form.login-form :-moz-placeholder,
.custom-form.forgot-pass-form :-moz-placeholder {
    /* Firefox 18- */
    color: #2a2a2a;
}


/***** Registeration Form***********/

.register-form a {
    color: #2e3192;
}

.register-form .login-avatar {
    /*filter: grayscale(100%);*/
    opacity: 0.8;
}

.register-form .datepicker {
    padding: 0;
}

.register-form .datepicker-icon svg {
    color: #2e3192;
}

.register-form .form-check {
    display: flex;
}

.register-form .form-control {
    font-size: 14px;
}

.register-form .form-check a {
    border-bottom: 1px solid #2e3192;
    padding-bottom: 3px;
}

.signup-card .custom-form-wrapper {
    padding: 15px 50px 16px;
}

.register-form .upload-image {
    display: inline-block;
}


/***********Forgot pass form **********g**/

.forgotpass-card .custom-form-wrapper {
    /*padding: 40px 70px 40px;*/
}

.forgot-passtitle {
    font-size: 19px;
    color: #2a2a2a;
    /*margin-top: 40px;*/
    font-weight: normal;
}

.forgotpass-card {
    margin-top: 10%;
}


/******Footer*********/

footer {
    padding-top: 30px;
    padding-bottom: 81px;
}

.footer-links .nav-link {
    color: #000000;
    padding: 0.5rem 0.8rem;
}

footer .footer-info {
    color: #000;
}

.mobile-header-logo {
    display: none;
}

@media(max-width:1366px) and (min-width:1200px) {
    .dual-bg-blue .card-form {
        width: 100%;
    }
}

@media(max-width:1200px) and (min-width:991px) {
    .dual-bg-blue .card-form {
        width: 86%;
    }
}

@media(max-width:991px) {
    .footer-info {
        width: 100%;
        text-align: center;
    }
    .footer>div>div,
    footer>.row>div {
        display: inline-block;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-links .nav-link {
        color: #000;
    }
    .dashboard-card .dashboard-tab>ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
    }
    .dashboard-card .dashboard-tab>ul li.tab-right-panel,
    .driving-skills-progress-card .mobile-grid>.tab-search-panel {
        width: 100%;
    }
    .dashboard-card .dashboard-tab>ul div.tab-right-panel,
    .driving-skills-progress-card .mobile-grid>.tab-search-panel {
        width: 100%;
    }
    .dual-bg-blue {
        background: linear-gradient(to right, #edd102 0%, #edd102 50%, #fff 50%, #fff 100%);
    }
    .desktop-header-logo {
        display: none;
    }
    .mobile-header-logo {
        display: block;
    }
    .auth-page>div {
        flex: 0 0 100%;
        max-width: 100%;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .custom-flex-55>div {
        width: 100%;
        text-align: center;
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .dual-bg-blue .custom-flex-55 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #myTabContent {
        width: 100%;
        padding: 10px;
        box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
        border-radius: 6px;
    }
    #myTabContent .card {
        border: none;
    }
    .custom-form-wrapper {
        padding: 60px 0 70px 0;
    }
    .dual-bg-blue .card-form {
        box-shadow: none;
        -webkit-box-shadow: none;
        -ms-box-shadow: none;
    }
    .dual-bg-blue .card-form {
        filter: none;
    }
    .footer-info p {
        color: #2a2a2a;
    }
    .footer-links ul.nav {
        justify-content: center;
        -webkit-justify-content: center;
        -ms-justify-content: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .footer-links .nav-link {
        padding: 0 0.8rem;
    }
    .footer-links {
        margin-top: 10px;
    }
    .signup-card .custom-form-wrapper {
        padding-left: 0;
        padding-right: 0;
    }
    /*footer{display: none;}*/
    .mobile-header-logo {
        width: 309px;
        height: 70px;
    }
    .auth-page>.col-xl-5 {
        margin-top: 30px;
    }
    .custom-form-wrapper {
        padding-top: 0;
    }
    .dashboard-tab .nav-tabs .nav-link {
        font-size: 16px;
    }
    .dashboard-tab .nav-tabs a.active::after,
    .dashboard-tab .nav-item.active a::after {
        height: 2px;
    }
    html body .auth-page {
        margin-top: 30px
    }
}

@media(max-width:767px) {
    .dual-bg-blue .auth-tab-link {
        margin-top: 8px;
    }
    .auth-tab-link .nav {
        display: block;
        text-align: center;
    }
    .auth-tab-link .nav-item {
        display: inline-block;
    }
    .admin-card-wrapper {
        margin-top: -14px;
    }
    /* .counter-wrapper > .row > div + div{margin-top: 30px;} */
    html body .auth-page {
        margin-top: 10px;
    }
    html body .custom-form-wrapper {
        padding: 0 15px 15px;
    }
    html body .auth-page>.col-xl-5 {
        margin-top: 0
    }
}

@media(max-width:700px) and (min-width:540px) {
    .practice-time-progress::before {
        width: 26.6%;
    }
}

@media(max-width:540px) and (min-width:1px) {
    .practice-time-progress::before {
        width: calc(14% + 3px);
    }
}

@media(max-width:595px) {
    .instruction-name-box .first-question>div {
        display: block;
    }
    .instruction-name-box .first-question>div select:first-child,
    .instruction-name-box .first-question>div select {
        width: 100%;
    }
    .instruction-name-box .first-question>div select+select {
        margin-left: 0;
        margin-top: 15px;
    }
    .instruction-name-box .first-question>p {
        width: 130px;
    }
    .instruction-name-box .first-question>div {
        width: calc(100% - 130px);
        margin-left: 0;
    }
}

@media(max-width:480px) {
    .dual-bg-blue .card-form {
        width: 100%;
    }
    .custom-form-wrapper {
        padding: 30px 30px 30px;
    }
    .custom-form .btn-outline-shadow svg {
        width: 20px !important;
        height: 20px !important;
        margin-right: .2rem !important;
    }
    .custom-form .btn-outline-shadow {
        font-size: 14px;
        padding: .5rem 0.4rem 0.4rem;
    }
    /*.signup-card .custom-form-wrapper {
      padding: 15px 30px 16px;
  }*/
    .forgotpass-card .custom-form-wrapper {
        padding: 0px 30px 30px;
    }
    .footer-links {
        display: none;
    }
}

table {
   /* border: 1px solid #ccc;*/
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em;
}

table tr {
    background-color: #f8f8f8;
    border: 1px solid #cdcdd4;
    padding: .35em;
}

table th,
table td {
    padding: .625em;
}

table th {
    font-size: 14px;
   
}

@media screen and (max-width: 600px) {
    table {
        border: 0;
    }
    table caption {
        font-size: 1.3em;
    }
    table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
    table tr {
        border-bottom: 3px solid #ddd;
        display: block;
        margin-bottom: .625em;
    }
    table td {
        border-bottom: 1px solid #ddd;
        display: block;
        font-size: .8em;
        text-align: right;
    }
    table td::before {
        /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
        content: attr(data-label);
        float: left;
        font-weight: bold;
        text-transform: uppercase;
    }
    table td:last-child {
        border-bottom: 0;
    }
}

.view-student-user.instructor_replay .view-student-description {
    flex-direction: row-reverse;
    margin-right: -50px;
}

.view-student-user.instructor_replay .view-student-name {
    padding-right: 13px;
}

.view-student-user.instructor_replay .view-student-comment-stamp {
    text-align: left;
}

.error-msg {
    position: relative;
}

html body p.parentname {
    text-align: left !important;
}

.error {
    color: red;
    font-size: 12px;
    line-height: 16px;
    width: 100%;
    text-align: left;
    margin: 0;
}

.alert {
    position: absolute;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    z-index: 99;
    top: 0;
    right: 0;
    text-align: center;
    width: 243px;
    margin-top: 62px;
}

.modal .modal-dialog .modal-header .close {
    margin: 0;
    padding: 0;
    float: right;
    position: absolute;
    top: 0px;
    right: 8px;
    padding: 13px;
    color: #ffffff;
}


/*.readiness-chart > .apex-chart-wrapper{overflow-x: auto;}*/

.driving-skill-graph {
    position: relative;
}

.driving-skill-center {
    position: relative;
    width: 437px;
    height: 437px;
    margin: 0 auto;
}


/*.modal-dialog-scrollable .modal-content { overflow: visible !important;}*/


/*.modal-dialog{margin: 100px auto !important;}*/

#myChart .driving-skill-graph {
    width: 277px;
    height: 277px;
    position: absolute !important;
    left: 50%;
    top: 315px;
    z-index: 2;
    transform: translate(-50%, -87%);
}

#myChart .driving-skill-graph>.driving-skill-center,
#myChart2 .driving-skill-graph,
#myChart2 .driving-skill-graph .driving-skill-center {
    width: 277px;
    height: 277px;
}

#myChart .driving-skill-graph>.driving-skill-center .dsp21-top-left {
    top: 10px;
    right: 140%;
}

#myChart .driving-skill-graph>.driving-skill-center .dsp22-middle-left,
#myChart .driving-skill-graph>.driving-skill-center .dsp25-middle-right {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#myChart .driving-skill-graph>.driving-skill-center .dsp25-middle-right {
    right: 0;
    left: 130%;
}

#myChart .driving-skill-graph>.driving-skill-center .dsp22-middle-left {
    right: 130%;
}

#myChart .driving-skill-graph>.driving-skill-center .dsp25-middle-right>p::after,
#myChart .driving-skill-graph>.driving-skill-center .dsp26-bottom-right>p::after,
#myChart .driving-skill-graph>.driving-skill-center .dsp24-top-right>p::after {
    right: 100%;
    left: auto;
}

#myChart .driving-skill-graph>.driving-skill-center .dsp25-middle-right>p,
#myChart .driving-skill-graph>.driving-skill-center .dsp26-bottom-right>p,
#myChart .driving-skill-graph>.driving-skill-center .dsp24-top-right>p {
    padding-right: 0;
    padding-left: 15px;
    text-align: left;
}

#myChart .driving-skill-graph>.driving-skill-center .dsp23-bottom-left {
    right: 142%;
    bottom: 0;
}

#myChart .driving-skill-graph>.driving-skill-center .dsp26-bottom-right {
    bottom: 0;
    left: 142%;
}

#myChart .driving-skill-graph>.driving-skill-center .dsp24-top-right {
    left: 100%;
}

#myChart .driving-skill-graph>.driving-skill-center .dsp22-middle-left>p::after,
#myChart .driving-skill-graph>.driving-skill-center .dsp25-middle-right>p::after {
    background-image: url(../../assets/images/dotted-small.svg) !important
}

#myChart .driving-skill-graph>.driving-skill-center .dsp25-middle-right>p::after {
    background-position: right center !important;
}

#myChart2 {
    position: relative;
    padding-bottom: 44px;
}

#myChart2 .driving-skill-graph {
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    top: 74px;
}

.driving-skill-center-new>div>p {
    position: relative;
}

.driving-skill-center-new>div>p::after,
.driving-skill-center-new>div>p::before {
    content: "";
    /* width: 158px;
  height: 16px; */
    display: inline-block;
    /* background-image: url(../../assets/images/dotted-large.svg); */
    background-repeat: no-repeat;
    /* background-position: left center; */
    /* left: 100%; */
    position: absolute;
    /* top: 50%; */
    /* transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%); */
}

.driving-skill-center-new>div>p::after {
    left: 100%;
}

.driving-skill-center-new>div>p::before {
    right: 100%;
}

.dsp1-top-left,
.dsp2-top-left,
.dsp3-top-left,
.dsp4-top-left,
.dsp5-top-left,
.dsp6-top-left,
.dsp7-top-left,
.dsp8-top-left,
.dsp9-top-left,
.dsp10-top-left,
.dsp11-top-left,
.dsp12-top-left,
.dsp13-top-left,
.dsp14-top-left,
.dsp15-top-left,
.dsp16-top-left,
.dsp17-top-left,
.dsp18-top-left,
.dsp19-top-left,
.dsp20-top-left {
    position: absolute;
}

.driving-skill-center-new>div>p {
    width: 200px;
    line-height: 18px;
}

.driving-skill-center-new>.dsp1-top-left {
    right: 110%;
    top: -60px;
}

.driving-skill-center-new>.dsp1-top-left>p::after {
    background-image: url(../../assets/images/line-1.svg);
    background-position: right 7px;
    width: 150px;
    height: 67px;
    background-size: 140px;
}

.driving-skill-center-new>.dsp2-top-left {
    right: 114%;
    top: -37px;
}

.driving-skill-center-new>.dsp2-top-left>p::after {
    background-image: url(../../assets/images/line-1.svg);
    background-position: right 7px;
    width: 115px;
    height: 67px;
    background-size: 133px;
}

.driving-skill-center-new>.dsp3-top-left {
    right: 117%;
    top: -9px;
}

.driving-skill-center-new>.dsp3-top-left>p::after {
    background-image: url(../../assets/images/line-3.svg);
    background-position: right 7px;
    width: 85px;
    height: 57px;
    background-size: 75px;
    top: 0;
}

.driving-skill-center-new>.dsp4-top-left {
    right: 120%;
    top: 32px;
}

.driving-skill-center-new>.dsp4-top-left>p::after {
    background-image: url(../../assets/images/line-4.svg);
    background-position: right 7px;
    width: 60px;
    height: 47px;
    background-size: 54px;
    top: 0;
}

.driving-skill-center-new>.dsp5-top-left {
    right: 120%;
    top: 100px;
}

.driving-skill-center-new>.dsp5-top-left>p::after {
    background-image: url(../../assets/images/line-5.svg);
    background-position: right 7px;
    width: 50px;
    height: 22px;
    background-size: 44px;
}

.driving-skill-center-new>.dsp5-top-left>p::before {
    display: none;
}

.driving-skill-center-new>.dsp6-top-left {
    right: 120%;
    top: 149px;
}

.driving-skill-center-new>.dsp6-top-left>p::after {
    background-image: url(../../assets/images/line-5.svg);
    background-position: right 7px;
    width: 50px;
    height: 22px;
    background-size: 44px;
    top: 0;
}

.driving-skill-center-new>.dsp6-top-left>p::before {
    display: none;
}

.driving-skill-center-new>.dsp7-top-left {
    right: 123%;
    top: 194px;
}

.driving-skill-center-new>.dsp7-top-left>p::after {
    background-image: url(../../assets/images/line-7.svg);
    background-position: right 7px;
    width: 70px;
    height: 22px;
    background-size: 60px;
}

.driving-skill-center-new>.dsp7-top-left>p::before {
    display: none;
}

.driving-skill-center-new>.dsp8-top-left {
    right: 122%;
    top: 249px;
}

.driving-skill-center-new>.dsp8-top-left>p::after {
    background-image: url(../../assets/images/line-8.svg);
    background-position: right 7px;
    width: 89px;
    height: 35px;
    background-size: 79px;
    top: -17px;
}

.driving-skill-center-new>.dsp8-top-left>p::before {
    display: none;
}

.driving-skill-center-new>.dsp9-top-left {
    right: 124%;
    top: 281px;
}

.driving-skill-center-new>.dsp9-top-left>p::after {
    background-image: url(../../assets/images/line-9.svg);
    background-position: right 7px;
    width: 134px;
    height: 42px;
    background-size: 124px;
    top: -20px;
}

.driving-skill-center-new>.dsp9-top-left>p::before {
    display: none;
}

.driving-skill-center-new>.dsp10-top-left {
    right: 120%;
    top: 323px;
}

.driving-skill-center-new>.dsp10-top-left>p::after {
    background-image: url(../../assets/images/line-10.svg);
    background-position: right 7px;
    width: 174px;
    height: 62px;
    background-size: 164px;
    top: -46px;
}

.driving-skill-center-new>.dsp10-top-left>p::before {
    display: none;
}

.driving-skill-center-new>.dsp11-top-left {
    left: 110%;
    top: -60px;
}

.driving-skill-center-new>.dsp11-top-left>p::before {
    background-image: url(../../assets/images/line-11.svg);
    background-position: 0 7px;
    width: 150px;
    height: 67px;
    background-size: 140px;
    right: 100%;
}

.driving-skill-center-new>.dsp12-top-left {
    left: 110%;
    top: -26px;
}

.driving-skill-center-new>.dsp12-top-left>p::before {
    background-image: url(../../assets/images/line-12.svg);
    background-position: left 7px;
    width: 110px;
    height: 67px;
    background-size: 105px;
}

.driving-skill-center-new>.dsp13-top-left {
    left: 115%;
    top: 5px;
}

.driving-skill-center-new>.dsp13-top-left>p::before {
    background-image: url(../../assets/images/line-13.svg);
    background-position: left 6px;
    width: 80px;
    height: 67px;
    background-size: 70px;
}

.driving-skill-center-new>.dsp14-top-left {
    left: 119%;
    top: 50px;
}

.driving-skill-center-new>.dsp14-top-left>p::before {
    background-image: url(../../assets/images/line-14.svg);
    background-position: left 6px;
    width: 60px;
    height: 47px;
    background-size: 54px;
}

.driving-skill-center-new>.dsp15-top-left {
    left: 122%;
    top: 104px;
}

.driving-skill-center-new>.dsp15-top-left>p::before {
    background-image: url(../../assets/images/line-5.svg);
    background-position: left 6px;
    width: 54px;
    height: 21px;
    background-size: 44px;
}

.driving-skill-center-new>.dsp16-top-left {
    left: 126%;
    top: 169px;
}

.driving-skill-center-new>.dsp16-top-left>p::before {
    background-image: url(../../assets/images/line-16.svg);
    background-position: left 6px;
    width: 64px;
    height: 42px;
    background-size: 54px;
    top: -19px;
}

.driving-skill-center-new>.dsp17-top-left {
    left: 125%;
    top: 212px;
}

.driving-skill-center-new>.dsp17-top-left>p::before {
    background-image: url(../../assets/images/line-17.svg);
    background-position: left 6px;
    width: 67px;
    height: 33px;
    background-size: 57px;
    top: -17px;
}

.driving-skill-center-new>.dsp18-top-left {
    left: 119%;
    top: 250px;
}

.driving-skill-center-new>.dsp18-top-left>p::before {
    background-image: url(../../assets/images/line-18.svg);
    background-position: left 6px;
    width: 80px;
    height: 33px;
    background-size: 70px;
    top: -18px;
}

.driving-skill-center-new>.dsp19-top-left {
    left: 120%;
    top: 280px;
}

.driving-skill-center-new>.dsp19-top-left>p::before {
    background-image: url(../../assets/images/line-19.svg);
    background-position: left 6px;
    width: 127px;
    height: 41px;
    background-size: 117px;
    top: -20px;
}

.driving-skill-center-new>.dsp20-top-left {
    left: 120%;
    top: 320px;
}

.driving-skill-center-new>.dsp20-top-left>p::before {
    background-image: url(../../assets/images/line-20.svg);
    background-position: left 6px;
    width: 167px;
    height: 59px;
    background-size: 157px;
    top: -42px;
}

.driving-skill-center-new>.dsp1-top-left>p,
.driving-skill-center-new>.dsp2-top-left>p,
.driving-skill-center-new>.dsp3-top-left>p,
.driving-skill-center-new>.dsp4-top-left>p,
.driving-skill-center-new>.dsp5-top-left>p,
.driving-skill-center-new>.dsp6-top-left>p,
.driving-skill-center-new>.dsp7-top-left>p,
.driving-skill-center-new>.dsp8-top-left>p,
.driving-skill-center-new>.dsp9-top-left>p,
.driving-skill-center-new>.dsp10-top-left>p {
    text-align: right;
}

.dsp1-top-left,
.dsp2-top-left,
.dsp3-top-left,
.dsp4-top-left,
.dsp5-top-left,
.dsp6-top-left,
.dsp7-top-left,
.dsp8-top-left,
.dsp9-top-left,
.dsp10-top-left {
    right: 100%;
}


/* interaction-in-trafic-chart */

.interaction-in-trafic-chart {
    overflow: visible !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp19-top-left {
    left: 114%;
    top: 291px;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp18-top-left {
    left: 114%;
    top: 260px;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp17-top-left {
    left: 122%;
    top: 218px;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp14-top-left {
    left: 118%;
    top: 44px;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp13-top-left {
    left: 115%;
    top: -2px;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp12-top-left {
    left: 107%;
    top: -31px;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp11-top-left {
    left: 104%;
    top: -63px;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp10-top-left {
    right: 110%;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp9-top-left {
    right: 114%;
    top: 292px;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp8-top-left {
    right: 117%;
    top: 261px;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp7-top-left {
    top: 203px;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp3-top-left {
    right: 114%;
    top: -11px;
}

.interaction-in-trafic-chart .driving-skill-center-new>.dsp2-top-left {
    right: 110%;
    top: -59px;
}

.cart-hr-line {
    margin-top: 100px;
}

.driving-skill-stats {
    margin-top: 50px;
}

#myChart-trigger-c {
    display: none;
}

#myChart {
    position: relative;
}

#myChart>.driving-skill-graph1 {
    position: absolute;
    z-index: 1;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    left: 50%;
    top: 90px;
}

.vehicle-control-section {
    overflow: visible !important;
}

@media(max-width:1382px) {
    .driving-skill-center>div>p::after,
    .dsp-bottom-left>div>p::after {
        background-size: 79px;
    }
    .driving-skill-center>.dsp-middle-left>p::after {
        background-size: 30px;
    }
    .driving-skill-center>.dsp-middle-left>p::after,
    .driving-skill-center>.dsp-middle-right>p::after {
        background-size: 30px;
    }
    .driving-skill-center>.dsp-top-left {
        top: -52px;
        right: 40%;
    }
    .driving-skill-center>.dsp-top-right {
        left: 79%;
        top: 30px;
    }
    .driving-skill-center>.dsp-middle-left {
        top: 6%;
        right: 77%;
    }
    .driving-skill-center>div>p {
        width: 99px;
        font-size: 12px;
        line-height: 14px;
    }
    .dsp-bottom-left {
        bottom: 217px;
        right: 80%;
    }
    .driving-skill-center>.dsp-middle-right {
        left: 81%;
    }
    .driving-skill-center>.dsp-bottom-right {
        bottom: 139px;
        left: 39%;
    }
}

@media(max-width:500px) {
    .driving-skill-center>div>p::after,
    .dsp-bottom-left>div>p::after {
        background-size: 79px;
    }
    .driving-skill-center>.dsp-middle-left>p::after {
        background-size: 30px;
    }
    .driving-skill-center>.dsp-middle-left>p::after,
    .driving-skill-center>.dsp-middle-right>p::after {
        background-size: 30px;
    }
    .driving-skill-center>.dsp-top-left {
        top: -32px;
        right: 42%;
    }
    .driving-skill-center>.dsp-top-right {
        left: 68%;
        top: 30px;
    }
    .driving-skill-center>.dsp-middle-left {
        top: 6%;
        right: 64%;
    }
    .driving-skill-center>div>p {
        width: 110px;
        font-size: 12px;
        line-height: 14px;
    }
    .driving-skill-graph1>.driving-skill-center>.dsp-bottom-left {
        bottom: 195px;
        right: 66%;
    }
    .driving-skill-center>.dsp-middle-right {
        left: 68%;
        top: 52%;
    }
    .driving-skill-center>.dsp-bottom-right {
        bottom: 162px;
        left: 41%;
    }
    .scroll_div {
        overflow: scroll;
        height: 450px;
    }
}

@media(max-width:350px) {
    .driving-skill-center>div>p::after,
    .dsp-bottom-left>div>p::after {
        background-size: 79px;
    }
    .driving-skill-center>.dsp-middle-left>p::after {
        background-size: 30px;
    }
    .driving-skill-center>.dsp-middle-left>p::after,
    .driving-skill-center>.dsp-middle-right>p::after {
        background-size: 30px;
    }
    .driving-skill-center>.dsp-top-left {
        top: -22px;
        right: 42%;
    }
    .driving-skill-center>.dsp-top-right {
        left: 66%;
        top: 30px;
    }
    .driving-skill-center>.dsp-middle-left {
        top: 6%;
        right: 62%;
    }
    .driving-skill-center>div>p {
        width: 110px;
        font-size: 12px;
        line-height: 14px;
    }
    .driving-skill-graph1>.driving-skill-center>.dsp-bottom-left {
        bottom: 205px;
        right: 63%;
    }
    .driving-skill-center>.dsp-middle-right {
        left: 64%;
        top: 52%;
    }
    .driving-skill-center>.dsp-bottom-right {
        bottom: 175px;
        left: 39%;
    }
    .scroll_div {
        overflow: scroll;
        height: 450px;
    }
}

@media(max-width:1199px) {
    .select2-container {
        width: 100% !important;
    }
}

@media(max-width:830px) {
    .driving-skill-center-new>div>p {
        width: 130px;
        font-size: 12px;
    }
    .student-skill-progress .card-body>.container>.row>.col-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media(max-width:674px) {
    .driving-skill-center-new>div>p {
        width: 103px;
        font-size: 10px;
        line-height: normal;
    }
    .cart-hr-line {
        margin-top: 0px;
    }
    .dashboard-card .custom-table-row>.approvedtext {
        width: calc(100% / 3);
    }
}

@media(max-width:674px) {
    .driving-skill-center-new>.dsp1-top-left>p::after,
    .driving-skill-center-new>.dsp2-top-left>p::after,
    .driving-skill-center-new>.dsp3-top-left>p::after,
    .driving-skill-center-new>.dsp4-top-left>p::after,
    .driving-skill-center-new>.dsp5-top-left>p::after,
    .driving-skill-center-new>.dsp6-top-left>p::after,
    .driving-skill-center-new>.dsp11-top-left>p::before,
    .driving-skill-center-new>.dsp12-top-left>p::before,
    .driving-skill-center-new>.dsp13-top-left>p::before,
    .driving-skill-center-new>.dsp14-top-left>p::before,
    .driving-skill-center-new>.dsp15-top-left>p::before {
        top: -4px;
    }
    .driving-skill-center-new>.dsp7-top-left>p::after {
        top: -6px !important;
    }
    .driving-skill-center-new>.dsp8-top-left>p::after {
        top: -21px !important;
    }
    .driving-skill-center-new>.dsp9-top-left>p::after {
        top: -24px !important;
    }
    .driving-skill-center-new>.dsp10-top-left>p::after {
        top: -49px;
    }
    .driving-skill-center-new>.dsp16-top-left>p::before {
        top: -23px;
    }
    .driving-skill-center-new>.dsp17-top-left>p::before,
    .driving-skill-center-new>.dsp18-top-left>p::before {
        top: -21px;
    }
    .driving-skill-center-new>.dsp19-top-left>p::before {
        top: -24px;
    }
    .driving-skill-center-new>.dsp20-top-left>p::before {
        top: -46px;
    }
}

@media(max-width:624px) {
    .driving-skill-center-new>div>p {
        width: 92px !important;
    }
    .driving-skill-center-new>.dsp1-top-left {
        right: 70%;
    }
    .driving-skill-center-new>.dsp1-top-left>p::after {
        width: 35px;
    }
    .driving-skill-center-new>.dsp2-top-left {
        right: 84%;
    }
    .driving-skill-center-new>.dsp2-top-left>p::after {
        width: 35px;
    }
    .driving-skill-center-new>.dsp3-top-left {
        right: 118%;
        top: 0;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp2-top-left {
        right: 80%;
        top: -59px;
    }
    .driving-skill-center-new>.dsp3-top-left>p::after {
        width: 35px;
    }
    .driving-skill-center-new>.dsp3-top-left {
        right: 98%;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp3-top-left {
        right: 94%
    }
    .driving-skill-center-new>.dsp4-top-left>p::after {
        width: 20px;
    }
    .driving-skill-center-new>.dsp4-top-left {
        right: 100%;
        top: 32px;
    }
    .driving-skill-center-new>.dsp4-top-left>p::after {
        width: 20px;
    }
    .driving-skill-center-new>.dsp5-top-left {
        right: 107%;
    }
    .driving-skill-center-new>.dsp5-top-left>p::after {
        width: 19px;
    }
    .driving-skill-center-new>.dsp6-top-left {
        right: 109%;
    }
    .driving-skill-center-new>.dsp6-top-left>p::after {
        width: 19px;
    }
    .driving-skill-center-new>.dsp7-top-left {
        right: 103%;
    }
    .driving-skill-center-new>.dsp7-top-left>p::after {
        width: 20px;
    }
    .driving-skill-center-new>.dsp8-top-left {
        right: 97%;
    }
    .driving-skill-center-new>.dsp9-top-left {
        right: 84%;
    }
    .driving-skill-center-new>.dsp10-top-left {
        right: 66%;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp8-top-left {
        right: 94%;
    }
    .driving-skill-center-new>.dsp8-top-left>p::after {
        width: 29px;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp10-top-left {
        right: 60%;
    }
    .driving-skill-center-new>.dsp10-top-left>p::after {
        width: 25px;
    }
    .driving-skill-center-new>.dsp9-top-left>p::after {
        width: 24px;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp9-top-left {
        right: 75%;
    }
    .driving-skill-center-new>.dsp11-top-left {
        left: 70%;
    }
    .driving-skill-center-new>.dsp11-top-left>p::before {
        width: 30px;
    }
    .driving-skill-center-new>.dsp12-top-left>p::before {
        width: 30px;
    }
    .driving-skill-center-new>.dsp12-top-left {
        left: 83%;
    }
    .driving-skill-center-new>.dsp13-top-left>p::before {
        width: 30px;
    }
    .driving-skill-center-new>.dsp13-top-left {
        left: 96%;
    }
    .driving-skill-center-new>.dsp14-top-left>p::before {
        width: 20px;
    }
    .driving-skill-center-new>.dsp14-top-left {
        left: 103%;
    }
    .driving-skill-center-new>.dsp15-top-left>p::before {
        width: 14px;
    }
    .driving-skill-center-new>.dsp15-top-left {
        left: 106%;
    }
    .driving-skill-center-new>.dsp16-top-left>p::before {
        width: 14px;
    }
    .driving-skill-center-new>.dsp16-top-left {
        left: 107%;
    }
    .driving-skill-center-new>.dsp17-top-left>p::before {
        width: 17px;
    }
    .driving-skill-center-new>.dsp17-top-left {
        left: 102%;
    }
    .driving-skill-center-new>.dsp18-top-left>p::before {
        width: 20px;
    }
    .driving-skill-center-new>.dsp18-top-left {
        left: 95%;
    }
    .driving-skill-center-new>.dsp19-top-left>p::before {
        width: 17px;
    }
    .driving-skill-center-new>.dsp19-top-left {
        left: 81%;
    }
    .driving-skill-center-new>.dsp20-top-left>p::before {
        width: 27px;
    }
    .driving-skill-center-new>.dsp20-top-left {
        left: 67%;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp11-top-left {
        left: 61%;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp12-top-left {
        left: 77%;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp13-top-left {
        left: 94%;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp14-top-left {
        left: 102%;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp17-top-left {
        left: 102%;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp18-top-left {
        left: 93%;
    }
    .interaction-in-trafic-chart .driving-skill-center-new>.dsp19-top-left {
        left: 74%;
    }
}

@media(max-width:543px) {
    .driving-skill-progress>.driving-skill-graph {
        overflow-x: scroll;
    }
    #myChart2 {
        position: relative;
        width: 530px !important;
        padding-bottom: 40px;
    }
    html body .vehicle-control-section {
        width: 530px !important;
    }
    .driving-skill-progress .interaction-in-trafic-chart>.driving-skill-graph {
        overflow: visible !important;
    }
}

.spanlabel-pill {
    border-radius: 25%;
    text-align: center;
    position: absolute;
    top: -5px;
    background: red;
    padding: 2px;
    color: #fff;
    font-size: 10px;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar {
    width: 10px;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-track {
    background: #eeeffa;
    border-radius: 10px;
}

.modal-dialog-scrollable .modal-body::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 10px;
}
.input-group-addon {
position: relative;
top: -35px;
float: right;
}

.apexcharts-xaxistooltip
{
    display: none;
}
.profile_img
{
    width: 150px;
    height: 100%; 
    object-fit:cover;
    border-radius: 50%;
}
.custom-table-row .head
{
  font-size: 14px;
}

.form-check .form-check-label input[type="checkbox"]:checked + .input-frame:before {
    background: #4E5BF2;
    border-width: 0;
}
.form-check-primary.form-check label input[type="checkbox"]:checked + .input-frame:before, 
.form-check-primary.form-check label input[type="radio"]:checked + .input-frame:before {
    border-color: #4E5BF2;
}

a {
    color: #2a2a2a;
    text-decoration: none;
    background-color: transparent;
}

.close
{
    opacity: 2.5;
    text-shadow: 0 1px 0 #fff0;
}

table {
        border-collapse: separate;
        border-spacing: 0;
        min-width: 350px;
        
    }
    table tr th,
    table tr td {
       /* border-right: 1px solid #bbb;*/
        border-bottom: 1px solid #d2d2d2;
        padding: 10px;
        padding-left: 17px;
    }
    table tr th:last-child{
        border-right: 1px solid #d2d2d2;
      }
      table tr td:last-child{
        border-right: 1px solid #d2d2d2;
      }
    table tr th{
    border-top:solid 1px      #d2d2d2;}
    table tr th:first-child,
    table tr td:first-child {
        border-left: 1px solid #d2d2d2;
        
    }
    table tr th:first-child,
    table tr td:first-child {
        border-left: 1px solid #d2d2d2;
    }
    table tr th {
        /*background: #eee;*/
        text-align: left;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    
    table.Info tr th,
    table.Info tr:first-child td
    {
        border-top: 1px solid #d2d2d2;
    }
    
    /* top-left border-radius */
    table tr:first-child th:first-child,
    table.Info tr:first-child td:first-child {
        border-top-left-radius: 6px;
    }
    
    /* top-right border-radius */
    table tr:first-child th:last-child,
    table.Info tr:first-child td:last-child {
        border-top-right-radius: 6px;
    }
    
    /* bottom-left border-radius */
    table tr:last-child td:first-child {
        border-bottom-left-radius: 6px;
    }
    
    /* bottom-right border-radius */
    table tr:last-child td:last-child {
        border-bottom-right-radius: 6px;
    }


.table thead th {
    
    border-top: 2px solid #e8ebf1;
}
    a:hover {
    color: #EDD102;
    
}

.btn-outline-primary:hover, .fc .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .fc-button:hover, 
.fc .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button:hover, .wizard > .actions .disabled a:hover {
    color: #fff;
    background-color: #2e3192;
    border-color: #2e3192;

   
}
.btn-outline-primary, .fc .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .fc-button,
 .fc .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button, .wizard > .actions .disabled a {
    color: #2e3192;
    border-color: #2e3192;
     height: 40px;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .fc .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .fc-button:not(:disabled):not(.disabled):active, .fc .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button:not(:disabled):not(.disabled):active, .wizard > .actions .disabled a:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .fc .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .fc-button:not(:disabled):not(.disabled).active, .fc .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .fc-button:not(:disabled):not(.disabled).active, .wizard > .actions .disabled a:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle, .fc .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .show > .dropdown-toggle.fc-button, .fc .fc-toolbar.fc-header-toolbar .fc-right .fc-button-group .show > .dropdown-toggle.fc-button, .wizard > .actions .disabled .show > a.dropdown-toggle
{
    color: #fff;
    background-color: #2e3192;
    border-color: #2e3192;

}
.btn-primary:hover, .swal2-modal .swal2-actions button.swal2-confirm:hover, .wizard > .actions a:hover {
    color: #000 !important;
    background-color: #EDD102;
    border-color: #EDD102;
}

a:not([href]):hover {
    /*color: #ffffff;*/
   /* border: 2px solid;*/
}

@media(min-width:1366px) and (min-width:1200px) {
footer
{
   /* position: absolute;*/
    bottom: 0;
    width: 100%;
    height: 60px;
}
}
.profile-page .profile-header .cover .cover-body {
    position: absolute;
    bottom: 123px;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 0 20px;
}
.profile-page .profile-header .cover .gray-shade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: unset;
}
.preloder
    {
      background:url('{{asset('assets/images/preloader.gif')}}');
      background-repeat: no-repeat;
      background-position: center;
      opacity:0.5;
      z-index:999;
    }
    .alert {
     position: relative; 
    padding: 0.75rem 1.25rem;
    /* margin-bottom: 1rem; */
    border: 1px solid transparent;
    border-radius: 0.25rem;
    /* z-index: 99; */
    top: 0;
    /* right: 0; */
    text-align: center;
     width: 100%; 
    margin-top: 25px;
}

 .form_title
  {
    position: absolute;
    top: -148px;
    right: 15px;
  }
  .font_title{
    font-size: 17px;
    color: #2e3192;
    margin-bottom: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
  }
  .card-title {
    color: #2e3192;
  }
  hr {
    margin-top: 1px;
    margin-bottom: 1px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
/*.profile-header::before {
    content: "";
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.80);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}*/

.card-header:first-child {
	border-radius:10px;
}

.login-image{
	margin:0;
	position:absolute;
	top:32%;
	width:600px;
	z-index:2;
}
@media only screen and (max-width: 1280px){
	.login-image{
		width:400px;
		height:200px;
		top:33%;
	}
}
@media only screen and (max-width:420px){
	.login-image{
		top:55%;
	}
}
@media only screen and (max-width:1440px){
	.login-image{
		width:35%;
		top:36%;
		right:65%;
	}
}
@media only screen and (max-width:768px){
	.login-image{
		top:50%;
		left:17%;
		width:58%;
	}
	.dual-bg-blue {
    background: linear-gradient(to right, #edd102 5%, #edd102 50%, #fff 50%, #fff 100%);
}
}

@media only screen and (min-width: 319px) and (max-width: 991px){
    .login-image{
        display: none;
    }
}