/*body*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@200;300;500&family=Poppins:wght@100;300;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*{
    font-family: "Poppins", sans-serif;
}
a:hover {
    text-decoration: none;
}
.fixed-top{
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
a.anchor {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden
}
.table{margin-bottom:0px !important;width:100% !important;}
.f-17{font-size:17px !important;}

.card-header p {
    font-size: 15px;
    margin-bottom: 10px;
}
.dragButtons{
    position: absolute;
    top: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.dataTables_scrollHeadInner{width:100% !important;}
.wrapper {
    position: relative;
    top: 0;
    height: 100vh;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
}

.table-bordered.tableCorrectAnswer td,
.table-bordered.tableCorrectAnswer th {
    padding: 5px 10px;
    border: 1px solid #8f8a8a;
    line-height: 27px;
}

.border-radius-27 {
    border-radius: 27px !important;
}

.border-radius-10 {
    border-radius: 10px !important;
}

.box-shadow-none {
    box-shadow: none !important;
}

#audioFile {
    position: absolute;
    left: 15px;
    margin-top: 3px;
    font-size: 26px;
    width: 91%;
    opacity: 0;
}
.audioFileHide {
    position: absolute;
    left: 15px;
    margin-top: 3px;
    font-size: 26px;
    width: 91%;
    opacity: 0;
}
#imageFile {
    position: absolute;
    left: 15px;
    margin-top: 3px;
    font-size: 26px;
    width: 91%;
    opacity: 0;
}

.blue_gradient {
    background: #fff;
    border: 5px solid #045617;
    border-radius: 27px;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    color: #fff !important;
}

.btn-outline-success:hover,
.btn-outline-success:focus,
.btn-outline-success:active {
    color: #fff !important;
}

.btnaudioFile {
    padding: 7px 33px;
    font-size: 16px;
    margin-top: 4px;
}
.btnimageFile {
    padding: 7px 33px;
    font-size: 16px;
    margin-top: 4px;
}

.cardSecondOptions .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #495057;
    background-color: #33b374;
    border-color: #33b374 #33b374 #fff;
    color: #fff;
}

 .nav-tabs.tabsstudentpage .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background: #fff !important;
    color: green !important;
    border: 2px solid #28a745 !important;
}

.nav-tabs.tabsstudentpage .nav-item.show .nav-link, .nav-tabs .nav-link {
    border-radius: 10px;
    border: 2px solid #ccc;
    background-color: #fff;
    color: #838181;
}
.btn-border {
    border: 2px dashed #ccc;
    padding: 12px 40px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}

.fa-file-pen:before {
    content: "\f31c";
}

.date-demo {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 8px 18px;
    font-weight: 700;
    background: #fff;
    border-radius: 27px;
    font-size: 13px;
}

body {
    /* background:#eaf9ea;  */
    background: #f4f9fb;
    /* background:url(http://dev.sieceducation.in/css/rating-css/background-one.jpg); */
    background-attachment: fixed;
    background-size: cover;
}

/*navbar*/
.navbar.fixed-top {
    border-radius: 0;
    position: fixed;
    z-index: 5;
    padding:8px 16px;
    width: 100%;
    box-shadow: 0 1px 8px rgb(36 37 38 / 8%);
    height: auto !important;
    color: #555;
    background-color: rgb(255 255 255 / 100%);
    border: 0;
}

.value-point {
    position: relative;
    top: -8px;
}

.square-root-btn {
    width: 33px;
    padding: 0px;
}

.w-15 {
    width: 7%;
}

.navbar button {
    font-size: 16px;
}

.thankyouBox h2 {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 600;
    font-size: 22px;
}

.thankyouBox h3 {
    font-family: 'Noto Sans', sans-serif;
}

.thankyouBox p i {
    font-size: 60px;
}

.breakBox h2,
.breakBox h5 {
    font-family: 'Noto Sans', sans-serif;
}

/*sidebar*/
.sidebar {
    position: fixed;
    top: 48px;
    padding: 20px 0px;
    color: #000;
    bottom: 0;
    left: 0;
    width: 248px;
    box-shadow: 0 1px 8px rgb(36 37 38 / 8%);
    background:rgb(146 221 183);
    z-index: 3;
    overflow: auto;
    transition:all .3s ease;
}

.sidebar a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    cursor:pointer;
}

.sidebar a i {
    color: #11894e;
}

.sidebar-wrapper {
    padding: 7px 10px;
}

.nav .nav-item {
    width: 100%;
    margin-bottom:2px;
    border-radius: 27px;
}

.nav .nav-item.active {
    background-color: #00a652;
    border-right: 6px solid #048343;
    border-left: 6px solid #048343;
    color: #fff;
    border-radius: 27px;
}

.nav .nav-item.active a {
    color: #fff !important;
}

.sidebar-wrapper ul li.active {
    background: #fff;
}

.sidebar-wrapper ul li.active a {
    color: #fff;
}

.sidebar-wrapper ul li.active a i {
    color: #fff;
}

/*sidebar-end*/

/*main-panel*/
.main-panel {
    position: relative;
    float: right;
    width: calc(100% - 248px);
    /* width:100%; */
    transition: 0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1);
}

.form-control {
    border-radius: 10px;
    font-size:13px;
}
.nav li a{font-weight:500;}

.border-top-dashed {
    border-top: 2px dashed #ccc;
}

.main-panel>.content {
    margin-top:75px;
    padding: 0px 6px;
    min-height: calc(100vh - 123px);
    margin-bottom: 50px;
}

.card {
    background-color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

label {
    font-weight: 500;
    color: #000;
}
label.error{
    font-weight: 500;
    font-size: 13px;
    margin-top:4px;
    color: #c54949;
}

.arrow-right-side {
    position: absolute;
    top: 11px;
    right: -23px;
    color: #058c49;
    background: #cbe9db;
    padding: 13px 10px;
    z-index: 1;
    border-radius: 0px 10px 10px 0px;
    font-size: 22px;
    cursor: pointer;
}

.arrow-left-side {
    position: fixed;
    display: none;
    left: 0px;
    color: #058c49;
    background: #cbe9db;
    padding: 13px 10px;
    z-index: 1;
    border-radius: 0px 10px 10px 0px;
    font-size: 22px;
    cursor: pointer;
}

::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(163 179 227);
}

::-webkit-scrollbar-thumb {
    background-color: #3c3939;
    outline: 1px solid #3c3939;
    border-radius: 27px;
}

/*examp-page*/
.fixed {
    /* position: fixed;
    width:14%;
    flex: 0 0 14%;
    max-width: 14%;
    animation: smoothScroll 1s forwards; */
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

.ulotpPart li {
    width: 50px;
}

.ulotpPart li .form-control {
    width: 100% !important;
}

.top-bar {
    box-shadow: 0 1px 8px rgb(36 37 38 / 8%);
    background-color: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    margin: 0 auto;
    z-index: 3;
}

.btn-white {
    background-color: #fff;
    color: #00a652;
    font-weight: 700;
    border: 1px solid #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.btn-green {
    background-color: transparent;
    color: #697eaf;
    font-weight: 700;
    border: 1px solid #697eaf;
}

.btn-green:hover,
.btn-green:active,
.btn-green:focus {
    background-color: #697eaf;
    color: #fff;
    font-weight: 700;
}

.text-green {
    color: #00a652;
}

.text-purple {
    color: #be58ee;
}
.nav-tabs .nav-link{
    font-size:15px;
}
.text-grey {
    color: #838383 !important;
}
.btn-main {
    border-radius: 27px;
    padding: 5px 19px;
    font-weight: bold;
    font-size: 14px;
}

.btn-normal {
    border-radius: 27px;
    padding: 3px 14px;
    font-weight: bold;
    font-size: 14px;
}

.w-10 {
    width: 20%;
}

.option-control {
    border-bottom: 1px solid #ccc;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0px;
}

.form-control:focus,
.option-control:focus {
    outline: none;
    box-shadow: none;
}

.second-header {
    padding-top: 83px;
    background-color: #697eaf;
    position: fixed;
    z-index: 2;
    left: 0;
    width: 100%;
    color: #fff;
}

.second-header ul li {
    margin-left: 20px;
}

.second-header ul li a {
    color: #fff;
    font-size:15px;
}

.exam-start {
    padding-top: 140px;
}

.exam-name-row {
    padding-top: 90px;
}

.blue-part {
    background: rgb(5 140 73 / 19%);
    color: #fff;
    padding: 20px 20px;
    border-radius: 20px;
    position: fixed;
    max-width: 16%;
    width: 16%;
    flex: 0 0 16%;
    height: calc(92vh - 100px);
}

.testTabs {
    position: fixed;
    z-index: 99;
    left: 0;
    width: 100%;
    background-color: #fff;
}

.topBarTest {
    position: fixed;
    margin-top: 58px;
    z-index: 99;
    width: 99%;
}

.blue-part1.blue-part ul.questions-ul li {
    margin-bottom: 0px;
}

.blue-part1.blue-part {
    background: rgb(199 228 218);
    color: #fff;
    position: static !important;
    height: inherit !important;
    padding: 20px 20px;
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
    border-radius: 20px;
}

.blue-part .mob-screen {
    overflow: scroll;
    height: calc(83vh - 100px);
    position: absolute;
    overflow-x: hidden;
}

button.btn-exit {
    background: transparent;
    border: none;
    color: #fff;
    position: relative;
    top: -2px;
    font-weight: 700;
}

.card-question-right {
    height: calc(70vh - 50px);
    overflow:auto;
}

.answer-p {
    font-size: 14px;
}

.blue-part ul.questions-ul span.selected_question span {
    background: transparent;
    color: #fff;
    padding: 1px 4px;
}

.blue-part ul.questions-ul span.selected_question span {
    color: #fff;
    border-radius: 27px;
    padding: 1px 5px;
    position: relative;
    top: 0px;
}

.blue-part ul.questions-ul span.selected_question span::before {
    color: #fff !important;
    margin-left: 6px !important;
}

.blue-part ul.questions-ul span.selected_question span::after {
    content: '\f3c5';
    position: absolute;
    top: -22px;
    right: 0;
    color: #00582f !important;
    left: 0px;
    font-family: 'Font Awesome 5 Pro';
    color: #000;
}

.blue-part ul.questions-ul li {
    background: transparent;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 5px 2px;
    margin-right: 6px;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    width: 35px;
    height: 35px;
    border: 1px dashed #000;
}

.testtimer {
    background-color: rgb(5 140 73 / 19%);
    color: #058c49;
    font-weight: 700;
    padding: 8px 24px;
    border-radius: 20px;
}

.blue-part ul li a {
    color: #fff;
    text-decoration: none;
}

.white-box {
    background-color: #fff;
    box-shadow: rgb(217 242 234) 0px 7px 29px 0px;
    padding: 30px;
    border-radius: 20px
}

.blue-part ul.questions-ul li.question-green {
    background: #058c49;
    color: #fff;
}
.question-green{
    background: #058c49 !important;
    color: #fff !important;
}

.blue-part ul.questions-ul li.question-pink {
    background: #dc3545;
    color: #fff !important;
    border: 1px solid #dc3545;
}
.question-pink{
    background: #dc3545 !important;
    color: #fff !important;
}

.border-red{border:1px solid #dc3545 !important;}
.border-green{border:1px solid #058c49 !important;}
.border-yellow{border:1px solid #d19d00 !important;}
.border-grey{border:1px solid #c3c3c3 !important;}


.blue-part ul.questions-ul li.question-pink span {
    color: #fff !important;
}

.blue-part ul.questions-ul li.question-purple {
    background: #be58ee;
    color: #fff;
}

.blue-part ul.questions-ul li.question-purple-check {
    background: #be58ee;
    color: #fff;
}

.blue-part ul.questions-ul li.question-purple-check span::before {
    content: "✓";
    position: absolute;
    margin-top: 8px;
    margin-left: 6px;
    color: #fff;
}

.blue-part ul.questions-ul li.question-grey {
    background: #838383;
}

.check-answered {
    text-align: center;
    position: relative;
    top: -11px;
    font-size: 9px;
    color: #fff;
}


/*modal-changes*/
.modal-title {
    font-weight: 600;
}

.modal {
    background-color: rgb(0 0 0 / 47%);
}

.modal-header {
    padding: 9px 20px;
}

.close {
    opacity: 1;
    color: #000;
}

.modal-full-width.modal-dialog {
    max-width: 90%;
    margin: 1.75rem auto;
}

/*datatable*/

/* .dataTables_filter {
    position: absolute;
    right: 23px;
    margin-top: -43px;
} */

.dataTables_filter label input {
    border-radius: 27px;
    border: 1px solid #ccc;
    margin-left: 10px;
    height: 31px;
}

.dataTables_length label select {
    border-radius: 27px;
    border: 1px solid #ccc;
    height: 31px;
    padding-left: 10px;
    padding-right: 10px;
}

.dataTables_paginate.paging_simple_numbers {
    /* position: absolute;
    right: 15px;
    margin-top: -24px; */
}

.dataTables_paginate.paging_simple_numbers a {
    color: #000;
    margin-left: 6px;
    margin-right: 6px;
}

.dataTables_paginate.paging_simple_numbers span a.current {
    background-color: #00a652;
    color: #fff;
    padding: 2px 8px;
    border-radius: 7px;
}


.visibility_btn {
    visibility: hidden;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]+label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    color: #00a652;
    cursor: pointer;
    margin-top:-8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

input[type="checkbox"]+label:last-child {
    margin-bottom: 0;
}
 
.reviewInput input[type="checkbox"]+label {
    padding-left: 26px;
}

.reviewInput input[type="checkbox"]+label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 3px solid #00a652;
    position: absolute;
    left: 0;
    top: 2px;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

input[type="checkbox"]+label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 3px solid #00a652;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked+label:before {
    width: 10px;
    top: 0px;
    left: 5px;
    border-radius: 0;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* .btn-outline-success:hover .btn-outline-success:active{
    color: #28a745 !important;
    border-color: #28a745;
} */

 .btn-outline-danger:active{
    color: #dc3545 !important;
    border-color: #dc3545;
}



/*radio-button*/

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #00a652;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #00a652;
    position: absolute;
    top:2px;
    left:2px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.checkicon::before {
    content: '' !important;
    position: absolute !important;
    top: -13px !important;
    color: #00a652 !important;
    font-family: 'Font Awesome 5 Pro' !important;
    background: #fff !important;
    border: 1px solid #fff !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 35px !important;
}

label.tickicon::before {
    content: '' !important;
    position: absolute !important;
    color: #00a652 !important;
    font-family: 'Font Awesome 5 Pro' !important;
    background: transparent !important;
    border: 1px solid #fff0 !important;
    border-radius: 50% !important;
    font-size: 20px !important;
}

label.tickicon::after {
    content: '' !important;
    display: none !important;
}

.questionExamClass {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 27px;
}




/* calculator*/
.box .form-control {
    width: 173px;
    margin-right: 8px;
    background-color: #fff;
}

input[type="text"]:disabled {
    background-color: white;
    text-align: right;
    height: 32px;
}

.close_calculator_btn {
    padding: 10px;
    width: auto;
    height: 34px;
    margin-top: 0px;
}

.box {
    padding: 10px;
    cursor: all-scroll;
    width: 242px;
    height: inherit;
    position: absolute;
    z-index: 99;
    top: 111px;
    right: 45px;
    background: #3d3c3c;
    border: 3px solid #ececee;
    border-radius: 10px 10px 10px 10px;
}

.box-graphic-calculator {
    padding: 10px;
    cursor: all-scroll;
    width: 420px;
    height: inherit;
    position: absolute;
    z-index: 99;
    top: 111px;
    right: 45px;
    border: 3px solid #ececee;
    border-radius: 10px 10px 10px 10px;
}

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

.box .btn-group {
    margin: 9px 0px 0px 0px;
    display: inherit;
}

.box .btn-group .btn {
    float: left;
    border: 1px solid #e5e5e5;
    background: #fff;
    width: 48px;
    height: 32px;
    border-radius: 5px;
    font-size: 17px;
    box-shadow: none;
    margin-left: 7.72725px;
    margin-bottom: 10px;
    padding: 0px;
    font-weight: 600;
}

.box .btn-group .btn:active {
    box-shadow: 2px 2px 2px 2px #d5d3d3 inset;
}

.box .btn-group .btn:focus {
    outline: none;
}

.box .btn-group .first {
    margin-left: 0px;
}

.box .btn-group .last {
    margin-top: -49.9px;
}

.box .btn-group .tall {
    height: 90px;
}

.text-primary {
    color: #2196f3 !important;
}
.categorytext{
    border: 1px solid #ffffff;
    padding: 3px 6px;
    background: #112897;
    color: #fff;
    border-radius: 5px;
}
.bg-light-warning {
    background: rgb(255 248 228) !important;
}
.bg-success-gradient {
    background: #b7e1be;
    border-radius: 10px 10px 0px 0px;
}
.bg-light-danger {
    background-color: rgb(244 67 54 / 5%) !important;
}

.bg-light-success {
    background-color: rgb(14 167 21 / 5%) !important;
}

.bg-light-grey {
    background-color: rgb(120 120 120 / 5%) !important;
}

.bg-light-purple {
    background-color: rgb(249 240 250) !important;
}

.bg-light-primary {
    background-color: rgb(22 55 96 / 5%) !important;
}


.box .btn-group .wide {
    width: 167.72725px;
}

.box .btn-group .orange {
    border: 1px solid #d56020;
    background: #d56020;
    color: #fff;
}

.box .btn-group .yellow {
    border: 1px solid #e5e5e5;
    background: #fbfbfb;
}

.btn-group button {
    border-radius: 5px;
    border: 1.5px solid black;
    background: linear-gradient(rgb(200, 225, 233) 50%, rgb(172, 194, 201) 50%);
    box-shadow: 0.2px 0.2px 5px 2px rgb(176, 193, 199) inset;
    transition: 500ms all ease;
    font-size: 20px;
}

.btn-group button:hover {
    color: #000;
}

.btn-group button:active {
    color: #000;
}

.table.test_master_table td,
.table.test_master_table th {
    border-bottom: 1px solid #ccc;
    border-top: none !important;
}

.hide-button {
    margin-bottom: 0px;
    padding: 0px;
    position: relative;
    top: -2px;
    border-radius: 27px;
}

.hide-button:focus,
.hide-button:active,
.hide-button:hover {
    box-shadow: none;
    outline: none;
    text-decoration: none;
}

.fa-ellipsis-vertical::before {
    content: '\f142';
}

.dropdown-toggle::after {
    display: none;
}

.dropdown_menu_list .dropdown-menu {
    padding-top: 11px;
    background-color: #fff;
    border: none;
    border-bottom: 2px solid #545353;
    box-shadow: rgb(17 12 46 / 15%) 0px 48px 100px 0px;
}

button:focus,
button:active,
button:hover {
    box-shadow: none;
    outline: none;
}

.top-menu-bar span {
    font-size: 13px;
    color: #000;
    font-weight: 500;
}

.dropdown-menu.reference_dropdown {
    min-width: 32rem;
    overflow: auto;
    right: 4px;
    margin-top: 12px;
    border-radius: 0px;
}

.fixed_h_ref {
    height: 500px;
    overflow: auto;
    padding: 10px;
}

.legend-ul li {
    font-size: 14px;
    width: 100%;
}

.fa-square-dashed::before {
    content: '\e269';
}

.dotted_square {
    border: 1px dashed #000;
    color: rgb(0 0 0 / 0%) !important;
    border-radius: 3px;
}

.exitSection.gre-exit-button {
    margin-right: 5px;
}

.exitSection.gre-exit-button button {
    border: none;
    background: #fff;
    font-weight: 700;
    padding: 8px 24px;
    border-radius: 27px !important;
    color: #dc3545 !important;
    background: rgb(220 53 69 / 22%) !important;
    margin-top: -11px;
}

.card-question-right .card-body img {
    width: 100% !important;
    max-width: fit-content;
    min-width: auto;
}


/* sat-test-design */
.sec_ludo {
    padding: 20px 20px;
    margin-bottom: 10px;
    border-radius: 10px;
    min-height: 350px;
    max-height: 50px;
    overflow-y: auto;
    overflow-x: hidden;
}

.sec_ludo ul li {
    color: #000;
}

.sec_ludo ul li a {
    color: #000;
    font-size: 13px;
}

.sec_white {
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 15px;
    padding: 10px;
}

.sec_one {
    background: #caf5e5 !important;
    border: 1px solid #caf5e5 !important;
    color: #0b6e49;
    box-shadow: none !important;
}

.sec_one h5,
.sec_one h5 a {
    color: #066e49;
}

.sec_two {
    background: #f9c2c6 !important;
    border: 1px solid #f9c2c6 !important;
    box-shadow: none !important;
    color: #a9242d;
}

.sec_two h5,
.sec_two h5 a {
    color: #a30a13;
}

.sec_three {
    background: #bfdcf1 !important;
    border: 1px solid #bfdcf1 !important;
    box-shadow: none !important;
    color: #074572;
}

.sec_three h5,
.sec_three h5 a {
    color: #085993;
}

.sec_four {
    background: #f3ddb5 !important;
    border: 1px solid #f3ddb5 !important;
    box-shadow: none !important;
    color: #895800;
}

.sec_four h5,
.sec_four h5 a {
    color: #a56c04;
}

.sec_modal_1 {
    background: #edfdf7 !important;
    border: 1px solid #edfdf7 !important;
    color: #0b6e49;
}

.sec_modal_2 {
    background: #f9e1e3 !important;
    border: 1px solid #f9e1e3 !important;
    box-shadow: none !important;
    color: #a9242d;
}

.sec_modal_3 {
    background: #e3f1fb !important;
    border: 1px solid #e3f1fb !important;
    box-shadow: none !important;
    color: #074572;
}

.sec_modal_4 {
    background: #f7f0e4 !important;
    border: 1px solid #f7f0e4 !important;
    box-shadow: none !important;
    color: #895800;
}

.correct_answer {
    border: 3px solid #14b753 !important;
    padding: 6px 20px;
    border-radius: 27px !important;
}

.option-mc {
    border: 3px solid #ccc;
    padding: 6px 26px;
    border-radius: 27px;
}

.m-33 {
    margin-top: 33px;
}

.option-mc p {
    margin-bottom: 0px;
}

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

.option-modal li {
    font-weight: 500;
    display: grid;
    width: 100%;
}

.btn-group.btn-enquir-filter {
    display: block;
}

.btn-group.btn-enquir-filter label {
    margin-right: 4px !important;
    border-radius: 27px !important;
    margin-bottom: 8px !important;
    margin: inherit;
    padding: 5px 10px;
    font-size: 14px;
    background-color: #fff;
    box-shadow: rgb(225 225 225) 0px 7px 29px 0px;
    border: 1px solid #e1dede;
}

[data-toggle=buttons]>.btn>input[type=radio],
[data-toggle=buttons]>.btn>input[type=checkbox] {
    position: absolute;
    z-index: -1;
    filter: alpha(opacity=0);
    opacity: 0;
}

.right_Section_Part {
    margin-top: 154px;

}

.btn.btn-checkbox span.glyphicon {
    margin-right: 5px;
}

.btn-enquir-filter .btn-checkbox.btn-white1 .glyphicon.glyphicon-ok::before {
    content: "\f111";
    font-family: 'Font Awesome 5 Pro';
}

.btn-enquir-filter .btn-white1.active {
    background: #313b6e !important;
    border: 1px solid #313b6e !important;
    color: #fff !important;
}

.btn-enquir-filter .btn-checkbox.btn-white1.active .glyphicon.glyphicon-ok::before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
}



.btn-group.sat_question_Type {
    display: block;
}

.btn-group.sat_question_Type label {
    margin-right: 4px !important;
    border-radius: 10px !important;
    margin-bottom: 8px !important;
    margin: inherit;
    padding: 6px 23px;
    font-size: 15px;
    background-color: #fff;
    box-shadow: rgb(225 225 225) 0px 7px 29px 0px;
    border: 1px solid #e1dede;
}

.sat_question_Type .btn-checkbox.btn-white1 .glyphicon.glyphicon-ok::before {
    content: "\f111";
    font-family: 'Font Awesome 5 Pro';
}

.sat_question_Type .btn-white1.active {
    border: 1px solid #00a652 !important;
    color: #00a652;
    background: #fff !important;
}

.sat_question_Type .btn-white1.active i {
    color: #00a652 !important;
}

.sat_question_Type .btn-checkbox.btn-white1.active .glyphicon.glyphicon-ok::before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Pro';
}

.check-box-toggle input[type="checkbox"] {
    position: relative;
    appearance: none;
    width: 41px;
    height: 18px;
    background: #dc3545;
    border-radius: 50px;
    box-shadow: inset 0 0 5px rgb(0 0 0 / 20%);
    cursor: pointer;
    display: inline-block;
    top: 3px;
}

.check-box-toggle input[type="checkbox"]::after {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}

.check-box-toggle input:checked[type="checkbox"]::after {
    left: 53%;
}

.check-box-toggle input:checked[type="checkbox"] {
    background: #28a745;
}


.sat_question_Type label.btn.btn-checkbox.btn-white1.active::after {
    content: '';
    position: absolute;
    top: -13px;
    color: #00a652;
    font-family: 'Font Awesome 5 Pro';
    background: #fff;
    border: 1px solid #00a679;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
}

.my-modal .modal-content {
    border: 3px solid #28a745;
    border-radius: 15px;
    background: #fffefd;
}

.my-modal .modal-content .close {
    position: absolute;
    font-size: 17px;
    top: 0px;
    right: 10px;
    background: #000;
    color: #fff;
    border-radius: 27px;
    padding: 0px 4px;
    opacity: 1;
    width: 30px;
    height: 30px;
    z-index: 99;
}

.btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.question-view-list {
    max-height: 500px;
    min-height: 200px;
    overflow: auto;
}

.question-view-list ul li {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius: 20px;
    /* border: 1px dotted #aaa; */
}

.btn-light-green {
    border: 1px solid #066e49;
    padding: 4px 16px;
    color: #066e49;
    font-size: 14px;
}

.btn-light-red {
    border: 1px solid #a30a13;
    padding: 4px 16px;
    color: #a30a13;
    font-size: 14px;
}

.btn-light-blue {
    border: 1px solid #085993;
    padding: 4px 16px;
    color: #085993;
    font-size: 14px;
}

.btn-light-yellow {
    border: 1px solid #a56c04;
    padding: 4px 16px;
    color: #a56c04;
    font-size: 14px;
}

.button-modal .btn-main {
    font-size: 13px;
}

.modal-100 {
    max-width: 80%;
}

.graph-container {
    width: 100%;
    height: 30vh;
}

.tabs-design li .nav-link.active {
    /* background: #00a652; */
    /* color: #fff !important; */
}

.view_old_rejection {
    max-height: 300px;
    min-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

.check-box.check-box-toggle {
    margin-bottom: 10px;
}

.animation_part {
    animation: gradientText 1s infinite;
    color: #ce1406;
    font-weight: bold;
    font-size: 14px;
}

@keyframes gradientText {
    0% {
        color: #ce1406;
    }

    25% {
        color: #ef5a4e;
    }

    50% {
        color: #ce1406;
    }

    100% {
        color: #ef5a4e;
    }
}

.eyepass {
    position: absolute;
    cursor: pointer;
    right: 57px;
    margin-top: -27px;
}

/* .add_ins #cke_instruction_data .cke_contents.cke_reset{
    height:150px;
} */


.fixedBottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    border-radius: 0px;
    box-shadow: none;
    padding: 10px 10px 10px 10px;
    /* height: 80px; */
}

/* .topPartBar{position:fixed;width:100%;z-index:9999;border-radius:0px;box-shadow:none;padding:20px 10px 0px 10px;} */


.left-bar-chat .content-part {
    background: #1137a7;
}

.left-bar-chat i {
    color: #6a6969;
}

.left-bar-chat .user-boxx p {
    font-size: 12px;
}

.left-bar-chat .user-boxx h6 {
    font-size: 13px;
    font-weight: 500;
    color: #3a3939;
}

.left-bar-chat .user-boxx p {
    font-size: 12px;
    font-weight: 500;
    color: #303030;
}

.left-bar-chat .user-boxx:hover {
    box-shadow: rgb(0 81 113 / 12%) 0px 7px 29px 0px;
}

.left-bar-chat .user-boxx {
    background: #fff;
    border-radius: 27px;
    padding: 7px 12px 7px 12px;
    margin-bottom: 10px;
    border: 1px solid #d3cfcf;
}

.center-chat-div {
    border-radius: 27px;
    width: 50%;
    margin-left: 1%;
    position: relative;
    height: calc(100vh - 74px);
    float: left;
    /* width: calc(100% - 286px); */
    float: right;
    flex: 2;
    overflow: auto;
    top: 0;
    background-color: #fff;
    box-shadow: rgb(194 206 241) 0px 7px 29px 0px;
}

.left-bar-chat {
    /* max-width: 410px; */
    width: 50%;
    position: relative;
    height: calc(100vh - 74px);
    float: left;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    top: 0;
    background-color: #fff;
    border-radius: 27px;
    box-shadow: rgb(194 206 241) 0px 7px 29px 0px;
}

.main-question-div {
    /* border-radius: 27px; */
    /* width: 100%; */
    /* position: fixed; */
    height: calc(68vh - 0px);
    overflow: hidden;
    /* width: 98%; */
    flex: 2;
    /* overflow-y: auto; */
    /* overflow-x: hidden; */
    /* background-color: #fff; */
    /* box-shadow: rgb(194 206 241) 0px 7px 29px 0px; */
}

.leftQuestionBar {
    /* position: relative; */
    height: calc(64vh - 0px);
    overflow: auto;
    /* margin-bottom: 20px;
    padding-bottom: 30px; */
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}
.questionNumbers {
    font-size: 14px;
    padding: 3px 9px;
    font-weight: 700;
}

.leftQuestionBar p,
.leftQuestionBar,
.RightQuestionBar p,
.RightQuestionBar {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;margin-bottom:15px;
}
.RightQuestionBar textarea.form-control{
    height:300px;
}

.RightQuestionBar table{
    width:100% !important;
}

/* .RightQuestionBar {
    padding-bottom: 20px;
    height: calc(64vh - 0px);
    overflow-y: auto;
    overflow-x:hidden;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
} */
::placeholder {
    color: rgb(0, 0, 0);
    opacity: 1;

}

::-ms-input-placeholder {
    color: rgb(0, 0, 0);
}

.inlineInput {
    display: inline-block;
}

.SpanDrag {
    padding: 5px 8px;
    background: #ededed;
    border-radius: 10px;
    color: #000;
}

.RightQuestionBar ul li {
    margin-bottom: 15px;
}

.RightQuestionBar ul li input {
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    width: 210px;
    height: 30px;
    position: relative;
    top: 2px;
}

td.focus {
    outline: 5px auto -webkit-focus-ring-color;
    background-color: #000;
}

.AccordionCard {
    border: 1px solid #878282;
    border-top: none;
}

.theadTop {
    background-color: #c3d9ff;
}

.borderInput {
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    width: 210px;
    height: 30px;
    font-weight: 700;
    position: relative;
    top:10px;
}

.RightQuestionBar input {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-align: center;
    width: 210px;
    height: 30px;
    position: relative;
    top: 2px;
}

.questionCount li a {
    margin-right: 1px;
    background: #2e2d2d;
    color: #fff !important;
    width: 25px;
    height: 25px;
    border-radius: 0%;
    display: inline-grid;
    place-items: center;
    font-weight: 500;
}

.questionCount li {
    font-size: 12px;
}

.questionCount li a.active {
    background: #b8bedf;
    border-radius: 50%;
}

.table.tableCorrectAnswer {
    width: 95%;
}

.table.tableCorrectAnswer thead tr th:first-child {
    width: 23%;
}

.table.tableCorrectAnswer thead tr th {
    width: 9%;
}


/* ielts-exam */
.header-second {
    padding-top: 50px;
    background-color: #000;
    position: fixed;
    width: 100%;
    z-index: 1;
}

.testtimerIelts {
    color: #ffffff;
    font-weight: 700;
    font-size: 13px;
    padding: 8px 24px;
}

.main-panel>.content.contentExam {
    margin-top: 95px !important;
    padding: 0px 6px;
    min-height: auto;
    margin-bottom: 50px;
}
.center-chat-div1 {
    border-radius: 27px;
    width: 75%;
    margin-left: 1%;
    position: relative;
    height: calc(100vh - 250px);
    float: left;
    width: calc(100% - 0px);
    float: right;
    flex: 2;
    overflow: hidden;
    top: 0;
    background-color: #fff;
    box-shadow: rgb(194 206 241) 0px 7px 29px 0px;
}
.main-box {
    padding: 15px 10px 4px 10px;
    height: calc(100% - 20px);
    overflow: auto;
    background: #fff;
    background-size: contain;
    background-repeat: repeat;
}

@media(min-width:992px) {
    .right-panel {
        flex: 0 0 81.333333%;
        max-width: 81.333333%;
        margin-left: 31px;
    }
    .modal-xxl.modal-xl{
        max-width:80%;
    }

    .side-panel-show {
        left:-248px;
    }
    .main-panel-class{
        width:100%;
    }

    .custom-class {
        flex: 0 0 99%;
        max-width: 99%;
        margin-left: 16px;
    }

    .sidebar_Btn {
        transition: .2s ease-in-out;
    }
}

@media(max-width:992px) {
    .sidebar {
        display: none;
    }
    .modal-xxl.modal-xl{
        max-width:100%;
    }
    .main-panel {
        width: calc(100% - 0px);
    }

    .side-panel-show {
        display: inherit;
    }

    .sat_question_Type label {
        width: 100%;
    }

    .modal-100 {
        max-width: 100%;
    }
}


@media(max-width:767px) {
    .exitSection.gre-exit-button button {
        padding: 8px 14px;
    }
    .modal-xxl.modal-xl{
        max-width:100%;
    }

    .top_logo {
        width: 200px;
    }

    .second-header {
        position: static;
        padding-top: 120px;
    }

    .second-header ul li {
        margin-left: 0;
        margin-right: 13px;
    }

    .exam-start {
        padding-top: 20px;
    }

    .text-right.d-flex.justify-content-end {
        text-align: center !important;
        justify-content: center !important;
    }

    .btn-main {
        border-radius: 27px;
        padding: 6px 14px;
        font-weight: bold;
        font-size: 14px;
    }

    .arrow-left-side {
        display: inherit;
    }

    .blue-part {
        position: static;
        width: 100%;
        display: none;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .arrow-right-side {
        right: -2px;
    }

    .second-header.sat-seond-header {
        position: static;
        padding-top: 133px;
    }

    .test-name-show {
        font-size: 14px;
    }

    .card-header.bg-white h4 {
        font-size: 17px;
    }

    .card-header.bg-white {
        padding: 0;
    }
}


@media(min-width:768px) and (max-width:1200px) {
    .arrow-left-side {
        display: inherit;
    }

    .modal-xxl.modal-xl{
        max-width:100%;
    }

    .right-panel {
        max-width: 100%;
        flex: 100%;
    }

    .arrow-right-side {
        right: -2px;
    }

    .blue-part {
        display: none;
        z-index: 9999;
        background: rgb(208 233 221);
        max-width: 70%;
        flex: 0 0 70%;
        width: 60%;
        left: 0;
        border-radius: 0px 27px 27px 0px;
        top: 20%;
    }

    .arrow-right-side {
        right: -18px;
    }
}

@media(min-width:1200px) and (max-width:1425px) {
    .arrow-left-side {
        display: inherit;
    }
    .modal-xxl.modal-xl{
        max-width:100%;
    }
    .questionCount li a {
        width: 17px;
        height: 17px;
        font-size: 10px;
    }
    .col-llg-4{flex: 0 0 33.333333%;
        max-width: 33.333333%;}
    .col-llg-8{
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .main-question-div {
        height: calc(60vh - 0px);
    }

    .right-panel {
        max-width: 100%;
        flex: 100%;
    }

    .arrow-right-side {
        right: -2px;
    }

    .blue-part {
        display: none;
        z-index: 9999;
        background: rgb(208 233 221);
        max-width: 40%;
        flex: 0 0 40%;
        width: 40%;
        left: 0;
        border-radius: 0px 27px 27px 0px;
        top: 20%;
    }

    .arrow-right-side {
        right: -22px;
    }
}

@media(min-width:1425px) and (max-width:1800px) {
    .questionCount li a {
        width: 17px;
        height: 17px;
        font-size: 10px;
    }

    .main-question-div {
        height: calc(63vh - 0px);
    }
}


@media(min-width:1401px) and (max-width:1545px) {
    .right-panel {
        flex: 0 0 81.333333%;
        max-width: 81.333333%;
        margin-left: 27px;
    }
    .modal-xxl.modal-xl{
        max-width:88%;
    }
}

@media(min-width:1500px) and (max-width:1700px) {
    .questionCount li a {
        width: 20px !important;
        height: 20px !important;
        font-size: 11px !important;
    }
    .topPartBar h4 {
        font-size: 16px;
    }

    .questionCount li {
        font-size: 11px;
    }

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

.selectColorChangeFor {
    background: #4c9be1;
    color: #fff;
}

.selectColorCorrectChangeFor {
    background: #058c49;
    color: #fff;
}

.selectColorInCorrectChangeFor {
    background: #dc3545;
    color: #fff;
}

.border-dotted {
    border-bottom: 1px dotted #ccc;
}

@media(min-width:1200px) and (max-width:1300px) {
    .main-question-div {
        height: calc(70vh - 92px) !important;
    }
    .questionCount li a {
        width: 15px !important;
        height: 15px !important;
        font-size: 11px;
    }.topPartBar h4 {
        font-size: 16px;
    }
}


@media(min-width:1200px) and (max-width:1550px) {
    .questionCount li {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .questionCount li a.arrowChange {
        width: 15px;
        height: 15px;
    }
    .questionCount li a.arrowChange.bgBlue {
        width: 15px;
        height: 15px;
    }
    .AccordionCard h2 button{
        font-size:13px;
    }
    .w-90 {width: 87%;}
    .main-question-div {
        height: calc(74vh - 92px);
    }
    .leftQuestionBar {
        height: calc(72vh - 100px);
        font-size: 13px;
        line-height: 28px;
    }
    [type="radio"]:checked+label, [type="radio"]:not(:checked)+label {
        font-size: 12px;
    }
    .main-question-div img {
        width:60% !important;
    }

    .fa-2x.fa-arrow-circle-left,
    .fa-2x.fa-arrow-circle-right {
        font-size: 18px !important;
    }

    .RightQuestionBar {
        height: calc(72vh - 100px);
        font-size: 13px;
        line-height: 28px;
    }
    .leftQuestionBar p, .leftQuestionBar, .RightQuestionBar p, .RightQuestionBar{
        font-size: 13px;
        line-height: 28px;
    }

    .questionCount li a {
        width: 17px;
        height: 17px;
        font-size: 11px;
    }
}
/* 
.btn-outline-primary:focus,.btn-outline-primary:hover, .btn-outline-primary:active{
    background-color: transparent !important;
    color: #007bff !important;
    border-color: #007bff !important;
} */


         
  /* Styles for the slider */
  .slider {
    -webkit-appearance: none;
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: #fff;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    border: 1px solid #a3a3a3;
}

  /* Styling for slider pips */
  .slider::-moz-range-thumb {
    width:15px;
    height:15px;
    background: #4CAF50;
    border: none;
    border-radius: 50%;
    cursor: pointer;
  }

  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    background: #4CAF50;
    border: none;
    border-radius: 50%;
    cursor: pointer;
  }

  /* Styling for the slider pips */
  .slider-pips {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }

  .slider-pip {
    width: 1px;
    height: 4px;
    background-color: #888;
    border-radius: 0;
}

  #customMenu {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px 10px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
  }
  .descibe_image{
    width:50%;
  }
  .select_dropdown_reading{min-width:140px;max-width:180px;}

  @media(min-width:1250px) and (max-width:1300px){
    .card-header p {
        font-size: 14px;
        margin-bottom: 9px;
    }
    .topPartBar h4 {font-size: 14px;}
    .btn-green.btn-main{  font-size:12px;  border-radius: 27px;
        padding: 6px 15px;
}
.nav.nav-tabs button {
    font-size: 13px;
    padding: 6px 9px;
}
   .exitSection button, .test-name-show{font-size:13px !important;}
    .card-header h4 {
        font-size: 15px;
    }
    .btn-main {
        font-size: 13px;
    }
    .thankyouBox h2 {
        font-size: 20px;
    }
    .blue-part ul.questions-ul li {
        background: transparent;
        margin-bottom: 11px;
        border-radius: 10px;
        padding: 5px 2px;
        margin-right: 6px;
        text-align: center;
        font-size: 14px;
        font-weight: 600;
        color: #000;
        width: 30px;
        height: 30px;
        border: 1px dashed #000;
    }
    .card-question-right {
        height: calc(66vh - 50px);
        overflow: auto;
    }
    .second-header ul li a, .second-header ul li form button{font-size:13px !important;}
}


@media(min-width:1120px) and (max-width:1250px){
    .test-name-show{
        font-size:13px;
    }
    .card_blue1 h4 {
    font-size: 15px;
}
.exam-start {
    padding-top: 119px;
}
p{font-size:14px;}
.second-header {
    padding-top:75px !important;}
    .exam_Det {
        font-size: 13px;
    }
    .blue-part ul.questions-ul li{
        width: 30px;
        height: 30px;
    }
    .blue-part{width:30%;}
    .btn-main.btn-green{font-size:14px;}
    .card-header p {
        font-size: 14px;
        margin-bottom: 9px;
    }
    .card-header h4{font-size:15px;}
    nav .navbar-nav li a {
        font-size: 17px;
    }
    .Topformheading {font-size:28px;}
    .second-header ul li a,  .second-header ul li form button {
        color: #fff;
        font-size: 13px !important;
    }
}

li.pair_class {
    border-radius: 10px;
    border: 1px solid #c0d6fd;
    background: #FFF;
    position: relative;
    padding: 14px 15px;
    display: flex;
    align-items: center;
    column-gap: 20px;
    color: #727272;
    text-align: justify;
    font-style: normal;
    line-height: normal;
    margin-right: 50px;
    margin-bottom: 24px;
}
.pair-icon::before {
    content: '';
    height: 82px;
    position: absolute;
}
.pair-icon::after {
    content: '';
    border-top: 2px dashed #ccc;
    width: 37px;
    height: 87px;
    position: absolute;
    border-bottom: 2px dashed #ccc;
    border-right: 2px dashed #ccc;
}

 .pair-icon {
    position: absolute;
    right: -40px;
    bottom: -60px;
    height: 88px;
    width: 40px;
}
 .pair-icon i {
    position: absolute;
    top: 50%;
    z-index: 9;
    font-size:20px;
    transform: translateY(-50%);
    right: -7px;
}

.bg-orange{
    background-color:#ef5721 !important;
}
.bg-black{
    background-color:#000 !important;
}
.bg-pink{
    background-color:#ab18a8 !important;
}
.bg-light-blue {
    background-color: #e4e6e9 !important;
}


.avatar-upload {
    position: relative;
    max-width: 205px;
    margin:5px auto;
}
.avatar-upload  .avatar-edit {
    position: absolute;
    right: 12px;
    z-index: 1;
    top: 10px;
}
.avatar-upload  .avatar-edit  input {
    display: none;
}

.avatar-upload  .avatar-edit  label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}
.descibe_image.upload_profile_img{
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #F8F8F8;
}

.avatar-upload  .avatar-edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 1px solid #ccc;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}
.avatar-upload .avatar-edit label:after {
    content: "\f040";
    font-family: 'Font Awesome 5 Pro';
    color: #757575;
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}
.avatar-preview {
width: 192px;
height: 192px;
position: relative;
border-radius: 100%;
border: 6px solid #F8F8F8;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}
.avatar-preview  div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.dataTables_info{
    margin-top:10px;
}




@media(min-width:1425px) and (max-width:1600px){
    .col-llg-4{flex: 0 0 20.666667%;
        max-width: 20.666667%;}
    .col-llg-8{
        flex: 0 0 79.333333%;
        max-width: 79.333333%;
    }
    
}