@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
    margin:0;
    padding:0;
}

/* -------------------------------------------------------
Theme fonts  Bahnschrift
-------------------------------------------------------- */
/* @font-face {
    font-family: 'Bahnschrift';
    src: url('Bahnschrift.eot');
    src: url('Bahnschrift.eot?#iefix') format('embedded-opentype'),
        url('Bahnschrift.woff2') format('woff2'),
        url('Bahnschrift.woff') format('woff'),
        url('Bahnschrift.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'OCR A Extended';
    src: url('../fonts/OCRAExtended.eot');
    src: url('../fonts/OCRAExtended.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OCRAExtended.woff2') format('woff2'),
        url('../fonts/OCRAExtended.woff') format('woff'),
        url('../fonts/OCRAExtended.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
} */
.ocr_font {
    font-family: var(--themeFont);
    text-align: justify;
    color: #2e2f33;
}
p.ocr_font a {
    color: #00a186;
}


ul.sidebar_sum_menu.block003 {
    padding-left: 0px;
}

ul.sidebar_sum_menu.block003 li {
    margin: 2px;
}

ul.sidebar_sum_menu.block003 li:hover {
    color: #fff;
    background: #0ba085;
}

ul.sidebar_sum_menu.block003 li:hover a {
    color: #fff;
}
/* --------------------------------------------------------
global variable 
---------------------------------------------------------- */
:root{
    --themeFont:'Rubik', sans-serif;
    --themeButton:#00a186;
    --rubik_font: 'Rubik', sans-serif;
}
ul.sidebar_sum_menu li a span.fa-solid {
    margin-right: 8px;
}

/* ----------------------------------------------------------
Global CSS 
------------------------------------------------------------ */
ul{
    margin-bottom:0px
}
input:focus{
    outline: none;
}
a{
    color:#2e2f33;
}
body{
    font-family: var(--themeFont);
    /* font-weight: 300; */
    font-size:15px;
}
/* ----------------------------------------------------------
Global CSS 
------------------------------------------------------------ */

article.sidebar_left {
    width: 300px;
    border-right: 1px solid #f1f1f1;
    background: #fff;
}

aside.sidebar_right {
    width: calc(100% - 300px);
    position:relative;
    padding-bottom:205px;
}
footer.footer .row {
    margin-bottom: 0;
}

footer.footer .row [class*="col-"] {
    padding: 0px;
}
.footer_content h5 {
    margin-bottom: 0px;
}

.footer_content h5 + a {
    margin-bottom: 14px;
    display: block;
}
footer.footer .card {
    padding-top: 30px !important;
    border-radius: 0px;
}

.body_wrapper {
    background: #eff3f6;
}
/* .body_wrapper {
    background-image: url(../img/edupandita_bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
    background-color: #060606b8;
} */
ul.sidebar_nav_list {
    padding-left: 0px;
    list-style: none;
}
.logo_sidebar {
    padding: 14px;
    width: 100%;
    border-bottom: 1px solid #f1f1f1;
}
ul.sidebar_nav_list .sidebar_nav_list_item {
    transition: 0.5s;
    border-right: 6px solid var(--themeButton);
    margin-bottom:1px;
}
ul.sidebar_nav_list li a {
    padding: 7px 25px;
    display: block;
    text-transform: capitalize;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(3){
    border-color: #70acc0;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(3):hover .side_menu_link,
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(3) .side_menu_link.collapse_open{
    border-color: #70acc0;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(3):hover .side_menu_link,
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(3) .side_menu_link.collapse_open
{
    background: #70acc0 !important;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(4){
    border-color: #3e7dbd;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(4):hover .side_menu_link,
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(4) .side_menu_link.collapse_open
{
    background: #3e7dbd !important;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(5){
    border-color: #ad4371;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(5):hover .side_menu_link,
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(5).side_menu_link.collapse_open
{
    background: #ad4371 !important;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(6){
    border-color: #d2b345;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(6):hover .side_menu_link,
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(6) .side_menu_link.collapse_open
{
    background: #d2b345 !important;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(7){
    border-color: #a09076;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(7):hover .side_menu_link,
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(7) .side_menu_link.collapse_open
{
    background: #a09076 !important;
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(8){
    border-color: #a0a5a9 
}
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(8):hover .side_menu_link,
ul.sidebar_nav_list .sidebar_nav_list_item:nth-child(8):hover .side_menu_link.collapse_open
{
    background: #a0a5a9 !important;
}
ul.sidebar_nav_list .sidebar_nav_list_item:hover .side_menu_link,
ul.sidebar_nav_list .sidebar_nav_list_item .side_menu_link.collapse_open
{
    background:var(--themeButton);
}
ul.sidebar_nav_list .sidebar_nav_list_item:hover .side_menu_link,
ul.sidebar_nav_list .sidebar_nav_list_item .side_menu_link.collapse_open
{
   color:#fff;
}

.sidebar_nav_list .note-txt{
    font-size: 11px;
}
li.active {
    color: #fff;
    background: #0ba085;
    margin: 2px;
}
div.scr-img {
    text-align: center;
    padding: 20px 10px;
}
li.active a {
    color: #fff !important;
}
ul.sidebar_nav_list li a {
    text-decoration: none;
    font-size: 16px;
    width: 100%;
    display: block;
    color: #2e2f33;
    transition: 0.5s;
    position: relative;
    padding-left: 53px;
}
ul.sidebar_nav_list li a svg {
    position: absolute;
    left: 25px;
}
ul.sidebar_nav_list li a i{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    right: 14px;
    font-size:12px;
    transition:0.2s;
}
ul.sidebar_nav_list .sidebar_nav_list_item.collapse_open a i{
    transform: rotate(90deg);
}
.logo_sidebar {
    padding: 14px;
    width:100%;
}
/* .logo_img{
    width:170px;
} */

ul.sidebar_sum_menu li a {
    padding: 3px;
    font-size: 15px;
    color: #2e2f33;
}
div#pageContent + .row .col-md-6 {
    padding: 0px 1rem;
}
.lohin_fail.mt-2 {
    margin-top: 30px !important;
}

ul.sidebar_sum_menu {
    list-style: none;
    padding-left: 0px;
    background: #f9f9f9;
}
ul.sidebar_sum_menu li {
    padding: 4px 0;
    padding-left:53px;
}
.right_sidebar .navbar ul li.nav_item {
    display: inline-block;
    width: 60px;
    text-align: center;
    height: 100%;
    background: var(--themeButton);
    color: #fff;
    border-radius: 4px;
    padding: 8px;
    transition: 0.5s;
    cursor: pointer;
}
.right_sidebar .navbar ul li.nav_item:hover {
    background: #05836c;
}
.right_sidebar .navbar ul li.nav_item .dropdown-menu[data-bs-popper]{
    right:0;
    left: inherit;
}
.right_sidebar .navbar ul li.nav_item .dropdown-menu a {
    color: #999999;
    white-space: normal;
}
.right_sidebar .navbar ul li a{
 color:#fff;
}

.right_sidebar .navbar ul {
    padding-left: 0px;
}

.right_sidebar {
    background: #fff;
    padding: 10px 25px;
    text-align: right;
}

.right_sidebar .navbar {
    justify-content: flex-end;
    padding: 0 30px;
    z-index: 99999 !important;
}

.form_search input {
    padding: 6px;
    border-radius: 4px;
    padding-left: 20px;
    color: #999999;
    font-weight: 300;
    border: 1px solid #999999;
}

.form_search {
    position: relative;
}
.form_search i {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    color: #999999;
}

.right_sidebar .navbar ul li.nav_item .dropdown-menu a {
    display: flex;
    align-items: self-start;
}

.right_sidebar .navbar ul li.nav_item .dropdown-menu a .d_icon {
    width: 40px;
    display: flex;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 20px #cccccc85;
    align-items: center;
    justify-content: center;
    margin-right: 16px;
}

.right_sidebar .navbar ul li.nav_item .dropdown-menu a .d_content {
    width: calc(100% - 40px);
}

.right_sidebar .navbar ul li.nav_item .dropdown-menu a .d_content h5 {
    margin-bottom: 0px;
    font-size: 18px;
}

.right_sidebar .navbar ul li.nav_item .dropdown-menu a .d_icon i {
    color: var(--themeButton);
}

.right_sidebar .navbar ul li.nav_item .dropdown-menu {
    padding:0px;
    padding-top:15px;
    width:280px;
}

.right_sidebar .navbar ul li.nav_item li {
    margin-bottom: 15px;
}

.right_sidebar .navbar ul li.nav_item li:hover {
    background: none;
}

.right_sidebar .navbar ul li.nav_item .dropdown-menu a:hover {
    background: none;
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #f1f1f1;
    border-radius: .25rem;
    box-shadow: 0 0 20px #cccccc37;
}
.setting{
    padding:15px;
}

.rage_filter {
    display: flex;
    align-items: center;
    width: 50%;
    margin-left: 7px;
}

.filter_b {display: flex;align-items: center;}

.rage_filter input {
    width: 55%;
    margin: 0px 7px;
    accent-color: var(--themeButton);
}

.button_header {
    display: flex;
    justify-content: space-between;
    width: 79%;
    margin: 15px 0;
}

.btn_st {
    border: none;
    background: var(--themeButton);
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    box-shadow: 2px 3px 6px rgba(0 0 0 / 15%);
}
.setting .content p {
    font-weight: 300;
    font-size: 15px;
}

.footer_card{
    border:none;
    box-shadow: 0 0 25px #cccccc37;
}
.footer, .inner_section {
    margin-top: 14px;
    padding: 0 30px;
}
footer.footer{
    padding:0px;
    margin:0;
    position: absolute;
    bottom:0;
    left: 0;
    width:100%;
}
h2.section_title {
    font-size: 1.25rem;
    margin-bottom: 0px;
}
.breadcrumb{
    margin-bottom:0.3rem;
}
a.restor_link.action_btn {
    background: #00a287;
}

label.file__input--label {
    width: 100%;
    border: 1px dashed var(--themeButton);
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    cursor: pointer;
}
label.file__input--label:hover {
    background: hsl(162.86deg 3.52% 60.98% / 5.88%);
}
label.file__input--label i {
    font-size: 50px;
    margin-bottom: 10px;
    color: var(--themeButton);
}

label.file__input--label h2 {
    font-size: 22px;
}

span.browse_file {
    color: var(--themeButton);
    font-size: 20px;
}

.fileDocuments .file__value {
    display: inline-block;
    margin-right: 15px;
    padding: 10px;
    background: #f3f5fd;
    border-radius: 8px;
    position: relative;
    padding-right: 30px;
}

.fileDocuments .file__value .file__value--text i {
    margin-right: 10px;
}

.fileDocuments {
    margin-top: 10px;
}

.file__value--remove {
    position: absolute;
    right: 6px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border: 1px solid #2e2f33;
    border-radius: 50%;
    transition: 0.5s;
}
.file__value--remove:hover{
    background:#f00;
    color:#fff;
}
.fileDocuments {
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
}
footer.footer p {
    font-size: 15px;
}
span.d-block.logo_slug {
    font-size: 12px;
    margin-top: 5px;
}
.logo_sidebar a {
    text-decoration: none;
}

.rage_filter input[type="range"] {
    /* removing default appearance */
    -webkit-appearance: none;
    appearance: none; 
    /* creating a custom design */
    width: 100%;
    cursor: pointer;
    outline: none;
    /*  slider progress trick  */
    overflow: hidden;
    border-radius: 16px;
  }
  
  /* Track: webkit browsers */
  .rage_filter input[type="range"]::-webkit-slider-runnable-track {
    height: 15px;
    background: #ccc;
    border-radius: 16px;
  }
  
  /* Track: Mozilla Firefox */
  .rage_filter input[type="range"]::-moz-range-track {
    height: 15px;
    background: #ccc;
    border-radius: 16px;
  }
  
  /* Thumb: webkit */
  .rage_filter input[type="range"]::-webkit-slider-thumb {
    /* removing default appearance */
    -webkit-appearance: none;
    appearance: none; 
    /* creating a custom design */
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid var(--themeButton);
    /*  slider progress trick  */
    box-shadow: -407px 0 0 400px var(--themeButton);
  }
  
  
  /* Thumb: Firefox */
  .rage_filter input[type="range"]::-moz-range-thumb {
    height: 15px;
    width: 15px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--themeButton);
    /*  slider progress trick  */
    box-shadow: -407px 0 0 400px var(--themeButton);
  }
  
  form.login_form {
    width: 100%;
    padding: 30px;
    border: 1px solid #d8d8d8;
    margin: 0 auto;
}
.navbar{
    position:sticky;
    top:0;
}
form.login_form .form_group {
    margin-bottom: 15px;
    position: relative;
}
.login_card {
    padding: 30px;
}
.text-muted small {
    font-size: 12px !important;
    display: block;
    line-height: 16px;
    margin-top: 5px;
    font-weight: 400;
}
form.login_form .form_group input, form.login_form .form_group a{
    border-radius: 0px;
    /* border: 1px solid #d8d8d8; */
}
form.login_form .form_group input:focus{
    box-shadow: none;
}
form.login_form .form_group label {
    margin-bottom: 2px;
    font-weight: 400;
    font-size: 15px;
}
form.login_form .form_group input {
    font-weight: 300;
    font-size: 15px;
    padding: 8px 15px;
}
.remember {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.remember a {
    color: var(--themeButton);
    font-weight: 400;
}

.note p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.note p a {
    color: var(--themeButton);
}

form.login_form .form_group .underline {
    width: 100%;
    height: 1px;
    background: var(--themeButton);
    transform: scaleX(0);
    position: absolute;
    bottom: 0;
    left: 0;
}
form.login_form .form_group.is_focused .underline{
    transform:scaleX(1);
    transition: 0.2s ease-in;
}
.button_style{
    padding:10px 30px;
    border-radius: 10px;
}
form a.button_style {
    padding: 14px 30px;
    text-decoration: none;
    font-weight: 400;
}
form a.button_style:hover {
    color: #fff;
}
.footer_card {
    border: none;
    position: initial;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
    border-radius: 11px;
    background-color: #fff;
}
.card{
    background-color: #fff;
}
.footer_card:last-child {
    margin-bottom: 0px;
}
#document015 i.fa.fa-plus {
    position:absolute;
    top: 16px;
    color: black;
    right: 15px;
    font-weight: bold;
    font-size: 14px;
}

#document015 i.fa.fa-folder {
    font-size: 22px;
}

/*dm uploader*/
.row {
    margin-bottom: 1rem;
}
[class*="col-"] {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.progress {
    height: 1.5rem;
}

#files {
    overflow-y: scroll !important;
    max-height: 320px;
}
@media (min-width: 768px) {
    #files {
        min-height: 0;
    }
}

#debug {
    overflow-y: scroll !important;
    height: 180px;
}


/* These are for the single examle */
.preview-img {
    width: 64px;
    height: 64px;
}

/*form {*/
/*  border: solid #f7f7f9 !important;*/
/*  padding: 1.5rem*/
/*}*/

form.active {
    border-color: red !important;
}

form .progress {
    height: 38px;
}

.dm-uploader {
    border: 2px dashed #00a186;
}
.dm-uploader.active {
    border-color: red;

    border-style: solid;
}
div#loadDocument ul.ul0056 {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
    padding-left: 0px;
    padding-top: 10px;
    list-style: none;
}

div#loadDocument ul li.file226 {
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    height: 130px;
    display: flex;
    align-items: center;
    overflow: hidden;
    justify-content: center;
    position: relative;
}
div#loadDocument ul li.file226 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
div#loadDocument ul li.file226 video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dropdown.elipsicon {
    
}
#directory00632 ul {
    list-style: none;
    text-transform: capitalize;
}
li.bsdk420 i.fa.fa-folder {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -18px;
    font-size: 16px;
    transition: 0.2s;

}
#loadDocument ul{
    list-style: none;
}
li.bsdk420 i.fa.fa-trash {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 16px;
    transition: 0.2s;

}

.process_of_admission {
    display: inline-block;
    padding: 5px 17px;
    background: #00a186;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #00a186;
    transition: 0.5s;
    box-shadow: 2px 3px 6px rgba(0 0 0 / 15%);
}
table.new_thread_btn {
    margin-bottom: 30px;
}
.lohin_fail {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
}
ol.order_list {
    padding-left: 25px;
}
ol.order_list:last-child{
    margin-bottom:0px;
}
ol.order_list li {
    margin-bottom: 25px;
}
ol.order_list li:last-child{
    margin-bottom:0px;
}
.lohin_fail p{
    margin-bottom:0px;
}

.user_title_information.block_title span.block_name{
    font-size:20px;
    margin-bottom:20px;
    display: inline-block;
}
.statistics_content_block{
    padding:15px;
    border-top:0px !important;
}
.statistics_header{
    padding:15px;
    line-height: 1.2;
}
table#threadTable tbody td:nth-child(2n) {
    background: #a38f781c;
}
.user_title_information.block_title{
    margin-bottom:0px;
}
.process_of_admission:hover {
    background: none;
    color: #00a186;
}
body table.dataTable {
    border-collapse: collapse !important;
}
.process_of_admission.delete_all {
    background: #b51e1e;
    border-color: #b51e1e;
}
.process_of_admission.delete_all:hover{
    background:none;
    color:#b51e1e;
}
.process_of_admission.delete_all i {
    font-size: 13px;
    margin-right: 5px;
}
 table.docs_table, 
  table.docs_table thead, 
  table.docs_table thead th, 
  table.docs_table tbody, 
  table.docs_table tbody tr, 
  table.docs_table tbody tr td {
    border-top: 1px solid #d8d8d8 !important;
    border-bottom: 1px solid #d8d8d8;
    padding: 10px 0;
    border-bottom-width:0px;
}
table.docs_table{
    margin-top:15px;
}
.upload_document_card_header {
    padding: 16px 16px 0 16px;
    display: flex;
    justify-content: space-between;
}

table.docs_table tbody tr td:last-child, table.docs_table thead tr th:last-child {
    text-align: right;
}
ul.action_wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
}
.action_btn.download_btn {
    background: #187eba;
}
.action_btn.download_btn {
    background: #187eba;
}

.nav-tabs .nav-item .nav-link {
    background: #00a287;
    color: #fff;
    border: none;
    border-radius: 0px;
}

.nav-tabs .nav-item .nav-link.active {
    background: #07836e;
    border: none;
}
.file_name_end_file {
    display: flex;
    align-items: center;
}
.file_list_card{
    height: 350px;
}

.file_name_end_file img, .file_name_end_file video {
    width: 70px !important;
    height: 70px;
    object-fit: cover;
    border-radius:4px;
    overflow:hidden;
}
.file_name_end_file span.file_name {
    width: calc(100% - 70px);
    padding: 0 8px;
    font-size: 14px;
    line-height: 18px;
}
.btn-primary.start {
    display: inline-block;
    padding: 5px 17px;
    background: #00a186;
    color: #fff;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
    border: 1px solid #00a186;
    transition: 0.5s;
    box-shadow: 2px 3px 6px rgba(0 0 0 / 15%);
}
div#upload {
    padding-top: 15px;
}
.directory_show_card{
    margin-top:25px;
}
div#loadDocument {
    padding-top: 15px;
}
td.file226 {
    max-width: 44%;
    width: 100%;
}
  table.docs_table tbody tr td a{
    text-decoration:none;
}
  table.docs_table tbody tr td a i.fa-folder{
    margin-right:5px;
    color: rgba(232,197,104,1);
    font-size:25px;
}
.action_btn {
    width: 25px;
    height: 25px;
    background: red;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
    border-radius: 4px;
    box-shadow: 2px 3px 6px rgba(0 0 0 / 15%);
    transition:0.5s;
}
.action_btn:hover{
    color:#fff;
    box-shadow:none;
}

.action_btn.view {
    background: #d9b251;
}
a.folder_wrapper {
    display: flex;
    align-items: center;
}
.drag_file {
    font-size: 18px;
    color: #2e2f33!important;
}
.btn-primary {
    color: #fff;
    background-color: #00a186;
    border-color: #00a186;
}
.btn-primary:hover {
    background:none;
    border-color:#00a186;
    color:#00a186;
    
}
.btn-primary:focus{
    box-shadow: none;
}

form#directoryForm .form-control {
    border-radius: 0px;
    height: 50px;
}

form#directoryForm button.btn {
    width: 100%;
    border-radius: 0px;
    height: 50px;
    margin-top: 15px;
}

#directoryModal .modal-dialog {
    max-width: 350px;
}

form#directoryForm .modal-content .modal-body {
    padding: 25px;
}
.p-30 {
    padding: 40px;
}
.position-relative i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

form#directoryForm .modal-content .modal-body .form-group label {
    margin-bottom: 5px;
}

.card-header {
    background: none;
    padding: 1rem;
    font-size:1.25rem;
}
.start_end_stop_button_wrapper{
    margin-top:15px;
}
/* ================= personal ============== */
span.bold_font {
    font-weight: 700;
}
.text_color{
    color: #00a287;
}
.dots {
    position: relative;
    padding-left: 24px;
}

.dots:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #212529;
    position: absolute;
    top: 6px;
    left: 1px;
    border-radius: 2px;
}

.dots.dots_color:after {
    background: #00a287;
}
.personal_estatement_subheading {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
}

ul.statement_list li {
    font-size: 16px;
    margin-bottom: 2px;
    color: #2e2f33;
}
.personal_estatement_subheading {
    margin-bottom: 0px;
}

p.important_heading {
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 0px;
}

p.important_heading img {
    margin-right: 10px;
    width: 25px;
}

ol.statement_list li {
    font-size: 16px;
    margin-bottom: 3px;
    color: #2e2f33;
}

form.login_form .form_group input + ul{
    padding-left:0px;
    list-style:none;
}
form.login_form .form_group input + ul li{
    font-size:12px;
    color:red;
}
ul.text-sm.text-red-600.space-y-1{
    padding-left:0px;
    list-style:none;
}
ul.text-sm.text-red-600.space-y-1 li{
    font-size:12px;
    color:red;
}

.lohin_fail {
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
    border-radius: 11px;
    background-color: #fff;
}
table.docs_table thead th {
    font-weight: 500 !important;
}
a.nofollow_btn {
    display: inline-block;
    background: var(--themeButton);
    padding: 4px 15px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    bor
}
td.aalt2[nowrap="nowrap"] {
    padding-bottom: 10px;
    font-size:13px;
}
.lohin_fail a {
    color: var(--themeButton);
    font-weight: 400;
}
/* ================= personal ============== */

/* ================= Threads  table css ======================== */

      table td  h1 {
           font-family: var(--themeFont);
            font-size: 24px;
            font-weight: bold;
            color: #212529;
            margin: 10px 0px;
            padding: 0px;
        }
        .tborder .how_to_fill_meta {
            display: flex;
            align-items: center;
            white-space: nowrap;
            padding-left: 25px;
        }
        a.threads_title {
            font-weight: 500;
        }
        
        .tborder .meta_date {
            display: flex;
            align-items: center;
        }
        input#myInput {
            padding: 5px;
            border-radius: 0px;
            border: 1px solid #d8d8d8;
        }
        .table_margin {
            margin-top: 20px;
        }
        .inlineimg.desc {
            transform: scaleY(-1);
        }
       .tborder .meta_date a {
            margin-left: 5px;
        }
        .tborder .how_to_fill_meta .logincal_or {
            padding:0 5px;
            display: block;
        } 
            .tborder a:link,
            .tborder body_alink {
                color: #2e2f33 ;
            }
            .tborder a:visited,
            .tborder body_avisited {
                color: #2e2f33 ;
            }
            .tborder a:hover,
            .tborder a:active,
            .tborder body_ahover {
                color: #00a287;
            }
            span.by {
                padding-right: 5px;
            }
            .page {
                background: #ffffff;
                color: #000000;
            }
            .tborder td,
            .tborder th {
                font-size:10pt;
            }
            .tborder, .tborder td {
                background: #fff;
                color: #000000;
                border: 1px solid #d8d8d8;
            }
            .tborder td.thead {
                background: linear-gradient(0deg, #e1ddd7, transparent);
                padding: 6px;
                font-weight: 600;
                font-size: 12px;
                border-top: 0px;
            }
            table.noborderTable td {
                border: none;
                padding:0px;
            }
            .tborder #threadbits_forum_2 td:nth-child(2n) {
                background: rgb(163 143 120 / 11%);
            }
            .tborder #collapseobj_forumbit_1 td:nth-child(2n) {
                background: rgb(163 143 120 / 11%);
            }
            .vbseo_like_postbit tr:nth-child(2) td:nth-child(1), 
            .vbseo_like_postbit tr:nth-child(3) td:nth-child(1) {
                background: rgb(163 143 120 / 11%);
            }
            svg#Layer_1:hover {
                fill: var(--themeButton);
                stroke: var(--themeButton);
            }
            ul.vbseo_links {
                padding-left: 0px;
                list-style: none;
                display: flex;
                justify-content: end;
            }
            .alt2.vbseo_liked {
                padding: 5px;
                margin-top: 8px;
                border: 1px solid #d7d7d7;
                border-radius: 4px;
                font-size: 12px;
                display: flex;
                align-items: center;
            }
            a.bigusername {
                color: #000000 !important;
            }
            .tcat {
                background: #eeeeee;
                color: #000000;
                font-size:10pt;
            }
            .tcat a:link,
            .tcat_alink {
                color: #000000;
                text-decoration: none;
            }
            .tcat a:visited,
            .tcat_avisited {
                color: #000000;
                text-decoration: none;
            }
            .tcat a:hover,
            .tcat a:active,
            .tcat_ahover {
                background: #ffffff;
                color: #000000;
                text-decoration: underline;
            }
            .thead {
                background: #cccccc url('images/gradients/gradient_grey2.png');
                color: #000;
                font-size:10pt;
            }
            .thead a:link,
            .thead_alink {
                color: #2e2f33;
            }
            .thead a:visited,
            .thead_avisited {
                color: #2e2f33;
            }
            /* .thead a:hover,
            .thead a:active,
            .thead_ahover {
                background: #000066;
                color: #ffffd0;
            } */
            .tfoot {
                background: #eeeeee;
                color: #000066;
            }
            .tfoot a:link,
            .tfoot_alink {
                background: #eeeeee;
                color: #000066;
            }
            .tfoot a:visited,
            .tfoot_avisited {
                background: #eeeeee;
                color: #000066;
            }
            .tfoot a:hover,
            .tfoot a:active,
            .tfoot_ahover {
                background: #000066;
                color: #eeeeee;
            }
            .alt1,
            .alt1Active {
                background: rgb(163 143 120 / 11%);
                color: #000000;
                font-size:10pt;
            }
            .alt2,
            .alt2Active {
                background: rgb(163 143 120 / 11%);
                color: #000000;
                font-size:10pt;
            }
            .inlinemod {
                background: #ffffd0;
                color: #000000;
            }
            .wysiwyg {
                background: #f5f5ff;
                color: #000000;
                font-size:10pt;
                margin: 5px 10px 10px 10px;
                padding: 0px;
            }
            .post_header {
                display: flex;
                justify-content: space-between;
                flex-direction: row-reverse;
            }
            
            .by_post {
                position: relative;
                padding-left: 30px;
            }
            .mt-15 {
                margin-top: 15px;
            }
            
            .by_post img {
                position: absolute;
                left: 0;
            }
            .wysiwyg a:link,
            .wysiwyg_alink {
                color: #22229c;
            }
            .wysiwyg a:visited,
            .wysiwyg_avisited {
                color: #22229c;
            }
            .wysiwyg a:hover,
            .wysiwyg a:active,
            .wysiwyg_ahover {
                color: #2e2f33;
            }
            textarea,
            .bginput {
                font-size:10pt;
            }
            .bginput option,
            .bginput optgroup {
                font-size: 10pt;
            }
            .tborder .button {
                font-size:11px;
            }
            .tborder select {
                font-size:11px;
            }
            .tborder option,
            .tborder optgroup {
                font-size: 11px;
               
            }
            .tborder .smallfont {
                font-size:11px;
            }
            .tborder .time {
                color: #666686;
            }
            .tborder .navbar {
                font-size:11px;
            }
            .tborder .highlight {
                color: #ff0000;
                font-weight: bold;
            }
            .fjsel {
                background: #3e5c92;
                color: #e0e0f6;
            }
            .fjdpth0 {
                background: #f7f7f7;
                color: #000000;
            }
            .tborder .panel {
                background: #f5f3f0 url(images/gradients/gradient_panel.gif) repeat-x top left;
                color: #000000;
                /* padding: 100px;
                border: 1px solid #d8d8d8; */
            }
            h3.new_thread_title {
                margin-bottom: 0px;
                font-size: 14px;
            }
            .mess_title {
                margin-bottom: 10px !important;
                margin-top: 20px;
            }
            .tborder .panelsurround {
                background: #f5f3f0 url(images/gradients/gradient_panelsurround.gif) repeat-x top left;
                color: #000000;
            }
            .w-95 {
                width: 95%;
            }
            input.button {
                padding: 6px 10px;
                border: 1px solid var(--themeButton);
                border-radius: 4px;
                background: var(--themeButton);
                color: #fff;
                font-weight: 600;
                font-size: 14px;
                box-shadow: 2px 3px 6px rgba(0 0 0 / 15%);
                transition:0.5s;
                margin-top:6px;
            }
            .user_title_information.block_title {
                font-size: 20px;
            }
            .smallfont.posted_by {
                margin-top: 8px;
            }
            .user_name {
                font-size: 18px;
            }
            .statistics_wrapper {
                display: flex;
                grid-gap: 17px;
            }
            
            .statistics_wrapper .statistics_item {
                padding: 15px 6px;
                background: #f7f7f7;
                display: flex;
                border-radius: 4px;
                box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
                width: 19%;
            }
            table.user_detail_table tr th {
                font-weight: 500;
            }
            .td_space {
                display: block;
                width: 25px;
            }
            .post_wrapper .alt2 {
                background: none;
                border:none !important;
                padding:0px !important;
            }
            
            .threads_head {
                display: flex;
                align-items: center;
            }
            p.if_you {
                font-weight: 500;
            }
            
            .threads_head .ima_wrap {
                width: 40px;
            }
            
            .threads_head .content_wrap .smallfont.posted_by {
                margin-top: 0;
            }
            .threads_head span {
                margin-right: 6px;
                display: inline-block;
            }
            
            .threads_head span.posted_by {
                font-weight: 500;
            }
            
            .threads_head span.posted_by a {
                color: #00a287;
                text-decoration: underline;
            }
            .upload_document_card_header + .card-body .row {
                box-shadow: none !important;
                border: 1px solid #d8d8d8 !important;
            }
            
            .upload_document_card_header + .card-body .row:nth-child(2) {
                border: none !important;
            }
            div#directory00632 select {
                border-radius: 0px;
                border: 1px solid #d8d8d8;
            }
            div#docs-table_wrapper .row {
                box-shadow: none;
                border: 1px solid #d8d8d8;
            }
            
            div#docs-table_wrapper .row:nth-child(2) {
                border: none;
            }
            .post_wrapper .alt2 em {
                font-style: normal !important;
                line-height: 20px;
                font-size: 12px;
            }
            .statistics_wrapper .statistics_item .stat_icon {
                width: 35px;
                height: 35px;
                background: #00a287;
                border-radius: 8px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .statistics_wrapper .statistics_item:nth-child(2) .stat_icon{
                background: #d9b251;
            }
            .statistics_wrapper .statistics_item:nth-child(3) .stat_icon{
                background: #5eadbf;
            }
            .statistics_wrapper .statistics_item:nth-child(4) .stat_icon{
                background: #187eba;
            }
            .statistics_wrapper .statistics_item:nth-child(5) .stat_icon{
                background: #b83f70;
            }
            
            .statistics_wrapper .statistics_item .stat_content {
                width: calc(100% - 60px);
                padding-left: 13px;
            }
            
            .statistics_wrapper .statistics_item .stat_content p {
                font-size: 13px;
                margin-bottom: 5px;
            }
            
            .statistics_wrapper .statistics_item .stat_content span {
                font-size: 14px;
                font-weight: 500;
            }
            
            table.user_detail_table tr th, table.user_detail_table tr td {
                padding: 0px;
                border: none;
                border-bottom: none;
            }
            table.user_detail_table tr td {
                padding-left:10px;
                color:#777;
            }

            td.style_unset {
                border: none;
                padding: 0px;
            }
            input.button:hover{
                background:none;
                color:var(--themeButton);
                box-shadow: none;
            }
            td.thead.date_td {
                white-space: nowrap;
                font-size: 11px;
            }
            legend {
                color: #22229c;
                font-size:11px;
            }
            .vbmenu_control {
                background: #ffffd0;
                color: #000066;
                font-size:11px;
                padding: 3px 6px 3px 6px;
                white-space: nowrap;
                font-variant: small-caps;
                border-top: 1px solid #cccccc;
                border-right: 1px none #cccccc;
                border-bottom: 1px solid #cccccc;
                border-left: 1px none #cccccc;
            }
            .vbmenu_control a:link,
            .vbmenu_control_alink {
                color: #000066;
                text-decoration: none;
            }
            .vbmenu_control a:visited,
            .vbmenu_control_avisited {
                color: #000066;
                text-decoration: none;
            }
            .vbmenu_control a:hover,
            .vbmenu_control a:active,
            .vbmenu_control_ahover {
                background: #000066;
                color: #ffffd0;
                text-decoration: none;
            }
            .vbmenu_popup {
                background: #ffffff;
                color: #000000;
                border: 1px solid #0b198c;
            }
            .vbmenu_option {
                background: #eeeeee;
                color: #000066;
                font-size:11px;
                white-space: nowrap;
                cursor: pointer;
            }
            .vbmenu_option a:link,
            .vbmenu_option_alink {
                color: #000066;
                text-decoration: none;
            }
            .vbmenu_option a:visited,
            .vbmenu_option_avisited {
                color: #000066;
                text-decoration: none;
            }
            .vbmenu_option a:hover,
            .vbmenu_option a:active,
            .vbmenu_option_ahover {
                color: #000066;
                text-decoration: none;
            }
            .vbmenu_hilite {
                background: #000066;
                color: #ffffd0;
                font-size:11px;
                white-space: nowrap;
                cursor: pointer;
            }
            .vbmenu_hilite a:link,
            .vbmenu_hilite_alink {
                color: #ffffd0;
                text-decoration: none;
            }
            .vbmenu_hilite a:visited,
            .vbmenu_hilite_avisited {
                color: #ffffd0;
                text-decoration: none;
            }
            .vbmenu_hilite a:hover,
            .vbmenu_hilite a:active,
            .vbmenu_hilite_ahover {
                color: #ffffd0;
                text-decoration: none;
            }
            /* ***** styling for 'big' usernames on postbit etc. ***** */
            .bigusername {
                font-size: 14pt;
            }

            /* ***** small padding on 'thead' elements ***** */
            .tborder td.thead, .tborder th.thead, .tborder div.thead {
                padding: 10px;
            }

            /* ***** basic styles for multi-page nav elements */
            .pagenav a {
                text-decoration: none;
            }
            .pagenav td {
                padding: 2px 4px 2px 4px;
            }
            fieldset.statistics_group legend {
                font-size: 17px;
                margin-bottom: 10px;
                color: #2e2f33;
            }
            b, strong {
                font-weight: 500;
            }
            
            fieldset.statistics_group:first-child {
                margin-bottom: 25px;
            }
            .mini_collapse_content {
                padding: 15px;
                background: #fff;
            }
            .mini_collapse_content table {
                width: 100%;
            }

            .mini_collapse_content table dl dt {
                font-weight: 400;
                display: flex;
                align-items: center;
                justify-content: space-between;
                padding: 10px 0;
                border-bottom: 1px solid #d8d8d8;
            }
            
            .mini_collapse_content table dl dt:first-child {
                padding: 0px;
                border: none;
            }
            .mini_collapse_content table dl dt:last-child{
                padding-bottom:0px;
                border:none;
            }
            
            .mini_collapse_content table dl dt:first-child + span {
                font-size: 14px;
                margin-top: -3px;
                display: block;
            }
            .mini_statis_content .block_title {
                padding: 15px;
                font-size: 15px;
                color: #2e2f33;
                font-weight: 600;
                font-family: var(--themeFont);
                background:#eeeeee;
                border:1px solid #d8d8d8;
                margin-bottom:0px;
            }
            
            ul.list_no_decoration {
                list-style: none;
                padding-left: 10px;
            }
            ul.list_no_decoration a {
                padding-left: 30px;
                position: relative;
                display: flex;
                align-items: center;
                text-decoration: none;
            }
            span.block_name {
                font-size: 16px;
                font-weight: 500;
            }
            ul.list_no_decoration a img {
                position: absolute;
                left: 0;
                top: 1px;
            }
            
            ul.list_no_decoration li {
                color: #2e2f33;
                margin-bottom: 15px;
            }
            ul.list_no_decoration li:last-child {
                margin-bottom: 0px;
            }
            ul.list_no_decoration li .activity_wrap{
                font-size:14px;
            }
            ul.list_no_decoration li .activity_wrap span{
                font-weight: 500;
                margin-right:8px;
            }
            
            ul.list_no_decoration span {
                color: #2e2f33;
            }
            span.post_count {
                display: inline-block;
                font-weight: 500;
            }
            
            ul.list_no_decoration a {
                font-weight: 300;
            }
            /* ***** de-emphasized text */
            .shade,
            a.shade:link,
            a.shade:visited {
                color: #777777;
                text-decoration: none;
            }
            a.shade:active,
            a.shade:hover {
                color: #2e2f33;
                text-decoration: underline;
            }
            .tcat .shade,
            .thead .shade,
            .tfoot .shade {
                color: #dddddd;
            }

            /* ***** define margin and font-size for elements inside panels ***** */
            .fieldset {
                margin-bottom: 6px;
            }
            .fieldset,
            .fieldset td,
            .fieldset p,
            .fieldset li {
                font-size: 11px;
            }
            .vbmenu_control a,
            .vbmenu_control a:visited,
            .vbmenu_control a:active,
            .vbmenu_control a:focus,
            .vbmenu_control a:hover {
                padding-top: 1px;
                padding-right: 5px;
                padding-bottom: 1px;
                padding-left: 5px;
            }
            #pageContent {
                font-family: var(--themeFont);
                font-size: medium;
                margin: 0px;
                padding: 0px 0px 10px 0px;
                color: #000000;
            }
            #pmmcrumb2 {
                font-size: 14px;
                font-weight: 500;
                margin-bottom: 0px;
                color: #212529;
                font-family: var(--themeFont);
            }
            #pmmcrumb2 a, #pmmcrumb2 a:visited {
                font-weight: normal;
                color: #212529;
                text-decoration: none;
                padding: 0 7px;
            }
            #pmmcrumb2 a:first-child{
                padding-left:0px;
            }

            .cp-wrapper .cp-content-container{
                border: none;
                background: #fff;
                box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
                padding: 20px 18px;
                margin-bottom: 30px;
                margin-top: 20px;
            }
            .cp-wrapper .cp-content-container .cp-col{
                padding-bottom: 0;
            }
            .cp-wrapper .cp-content-container .cp-content p{
                text-align: justify;
                margin-bottom: 0 !important;
            }
            .tborder.vbseo_like_postbit {
                margin-bottom: 15px;
            }
            .tborder.vbseo_like_postbit:last-child{
                margin-bottom:0px;
            }
            table.message_table td {
                padding: 0px;
                border: none;
            }
            .title_input{
                padding:10px;
                border-radius: 0px;
                border:1px solid #d8d8d8;
                width:100%;
            }
            tr.login_form_row td {
                padding: 10px;
                background: #fff;
            }
            
            tr.login_form_row td input {
                padding: 10px;
                border: 1px solid #d8d8d8;
            }
            
            tr.login_form_row td input.button {
                font-size: 14px;
                margin-top: 0px;
            }
.tborder.tborder-none, .tborder.tborder-none td {
    border-collapse: collapse;
}
.tborder.tborder-none td, .tborder.tborder-none th{
    padding:10px;
}

table.tborder.tborder-none {
    border-collapse: collapse;
}
tr.login_form_row td {
    padding: 10px 0px;
}

tr.login_form_row td {
    padding-right: 10px;
}

tr.login_form_row td:first-child {
    padding-left: 10px;
}

.tborder, .tborder td a {
    text-decoration: none;
}
td.alt2.active {
    background: antiquewhite;
}
span.real_name {
    display: block;
    color: #00a186;
}

p.title_name {
    margin-bottom: 0;
    margin-top: 5px;
}
.inner_section .footer_card:nth-child(3) .personal_ {
    border: 1px solid #8caa81;
    padding: 15px;
}
/* ================= Threads table css ======================== */
div.modal.show {
    z-index: 999999;
}

.file226 img{
    width: 50px;
}

/* ============== header ======================= */
.dropdown {
    position: relative;
    display: inline-block;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  
  .show {
    display: block;
  }
  li.dropdown.newdrop.nav_item {
      padding: 0px!important;
      width: auto !important;
  }
  
  button.dropbtn {
    display: block;
    width: 60px;
    text-align: center;
    background: url(../img/seting_icon.svg);
    color: #fff;
    border-radius: 4px;
    padding: 10px;
    transition: 0.5s;
    cursor: pointer;
    border: none;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    height: 40px;
}
  ul#myDropdown {
      color: #969696;
  }
  li.dropdown.newdrop.nav_item {
      position: relative;
  }
  
  ul#myDropdown {
      position: absolute;
      right: 0;
  }
  
  
  .setting {
      padding: 15px;
      max-width: 280px;
      width: 280px;
  }
  .right_sidebar .navbar ul li {
    display: inline-block;
}
.navbar_nav_menu {
    display: flex;
    align-items: center;
}

.navbar_nav_menu .nav_item {
    margin-right: 10px;
}

.navbar_nav_menu .nav_item:last-child {
    margin-right: 0px;
}
.right_sidebar .navbar ul li.nav_item.searchbar {
    all: unset;
    margin-right: 10px;
}
ul.sidebar_nav_list li a svg {
    margin-right: 10px;
    transition: 0.5s;
}

ul.sidebar_nav_list li:hover a svg {
    fill: #fff;
    stroke: #fff;
}
ul.sidebar_nav_list li:not(:nth-child(8)):hover a svg path {
    stroke: #fff;
    fill:#fff;
}
ul.sidebar_nav_list li a.collapse_open svg {
    fill: #fff;
    stroke: #fff;
}
ul.sidebar_nav_list li:not(:nth-child(8)) a.acollapse_open svg path {
    stroke: #fff;
    fill:#fff;
}
ul.sidebar_nav_list li:hover a svg .cls-1{
    stroke:#fff;
}
ul.sidebar_nav_list li a:hover svg .st0,
ul.sidebar_nav_list li a:hover svg .st1,
ul.sidebar_nav_list li a:hover svg .st2{
    stroke:#fff;
}

ul.sidebar_nav_list li a:hover svg.complaints_procedure{
    stroke:none;
} 
ul.sidebar_nav_list .sidebar_nav_list_item .side_menu_link.collapse_open svg .st0,
ul.sidebar_nav_list .sidebar_nav_list_item .side_menu_link.collapse_open svg .st1,
ul.sidebar_nav_list .sidebar_nav_list_item .side_menu_link.collapse_open svg .st2{
    stroke:#fff;
}
ul.sidebar_nav_list .sidebar_nav_list_item .side_menu_link.collapse_open svg .cls-1{
    stroke: #fff;
}
ul.sidebar_nav_list .sidebar_nav_list_item .side_menu_link.collapse_open svg .cls-1 {
    stroke: #fff;
}
ul.sidebar_nav_list .sidebar_nav_list_item .side_menu_link.collapse_open svg.complaints_procedure{
    stroke:none;
} 

h2.section_title.login_title {
    font-size: 28px;
    margin-bottom: 15px;
}

.smallfont.user_detail_after_login {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
}

.smallfont.user_detail_after_login strong {
    margin-bottom: 7px;
    display: block;
    font-weight: 500;
}

.smallfont.user_detail_after_login br {
    display: none;
}
.smallfont.user_detail_after_login strong a {
    color: #00a287;
}
/* ============== header ======================= */

.row.grid_row {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 12px;}

.row.grid_row .grid_col {
    width: 100%;
}

.button_g input, .button_g a {
    height: 40px !important;
    display: inline-block;
    transition:0.5s;
    border:1px solid #00a287;
}

.button_g {
    display: flex;
    align-items: center;
    justify-content: center;
}

.button_g a {
    margin-left: 10px;
    line-height: 10px !important;
    background: #b83f70;
    border-color:#b83f70;
}
.button_g input:hover, .button_g a:hover{
    background:none;
    color:#00a287 !important;
}
.button_g a:hover{
    color: #b83f70 !important;
}

button.action_btn.view {
    border: none;
    background: #5eadbf;
}
.tborder td, .tborder th {
    padding: 14px;
}
.lohin_fail.email_login_fail {
    background: none;
    color: inherit;
    margin-bottom: 15px !important;
    padding: 15px 15px;
}
/* -------------------------------------------------------------------------------
pagination
-------------------------------------------------------------------------------- */
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after{
    opacity: 0.7 !important;
    bottom:0.7rem !important;
}
table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_desc:after {
    opacity: 1 !important;
}


/* --------------- datatable -------------- */
table.dataTable {
    border-collapse: collapse !important;
}

div.dataTables_wrapper .row:first-child,
div.dataTables_wrapper .row:last-child{
    margin: 0;
    padding: 20px;
    background: #fff;
    margin-top: 30px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
}

div.dataTables_wrapper .row:first-child div[class*='col'],
div.dataTables_wrapper .row:last-child div[class*='col']{
    padding: 0px;
}
div.dataTables_wrapper .row:nth-child(2) div[class*='col']{
    padding:0px;
}
div.dataTables_wrapper .row:last-child{
    margin-top:0px !important;
    margin-bottom:30px;
}
div.dataTables_wrapper .row:nth-child(2){
    margin:22px 0;
}
div.dataTables_wrapper .row:first-child div[class*='col'] input, div.dataTables_wrapper .row:first-child div[class*='col'] select {
    border-radius: 0px;
}
div.dataTables_wrapper .row:first-child div[class*='col'] input{
    padding:7.5px;
}
div.dataTables_wrapper .row:first-child div[class*='col'] input:focus, div.dataTables_wrapper .row:first-child div[class*='col'] select:focus {
    box-shadow: none;
}

ul.pagination .paginate_button.active {
    margin: 0;
}

ul.pagination .paginate_button.active .page-link {
    background: #0ba085;
    border-color: #0ba085;
}

ul.pagination .paginate_button {
    border-radius: 0px;
    margin-right: 8px !important;
}

ul.pagination .paginate_button:last-child {
    margin-right: 0px !important;
}

ul.pagination .paginate_button .page-link {
    border-radius: 0px;
    box-shadow: 2px 3px 6px rgba(0 0 0 / 15%);
    transition: 0.5s;
    color:#000;
}

div#directory00632 {
    position: relative;
}

div#directory00632 select#annee {
    position: absolute;
    right: 291px;
    width: 200px;
    z-index: 99;
    top: 21px;
}
div#directory00632 select#annee:focus{
    box-shadow: none;
}
.dataTables_info {
    margin-top: 0px;
    padding-top: 10px !important;
}
/* --------------- datatable -------------- */
/* ------------------------------- user post ------------------- */
.userPost_table thead td, .userPost_table tbody td {
    padding: 15px;
    background: #fff;
    border: 1px solid #d8d8d8;
}

.userPost_table thead td {
    background: linear-gradient(0deg, #e1ddd7, transparent);
    padding:10px;
}
.userPost_table tbody td a{
    text-decoration: none;
}
.userPost_table {
    background: #fff;
}

.userPost_table tbody td:nth-child(1) {background: rgb(163 143 120 / 11%);vertical-align: text-top;}

.post_wrapper {
    border: none;
    padding: 20px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
}

.post_wrapper td.style_unset {
    padding: 0px;
    background: none;
}
td.cat_title a {
    font-size: 14px !important;
}

.post_wrapper .alt1.block_row {
    background: none;
}
.post_wrapper div.dataTables_wrapper .row:first-child {
    margin-top:0px;
}
.post_wrapper div.dataTables_wrapper .row{
    box-shadow: none;
    border:1px solid #d8d8d8;
}
.post_wrapper div.dataTables_wrapper .row:nth-child(2){
    border:none;
}

.pagenav {
    text-align: right;
    margin-bottom:15px
}

.pagenav nav .pagination {
    justify-content: end;
}

.pagenav nav .pagination .page-item.active {
    margin: 0;
}

.pagenav nav .pagination .page-item.active .page-link {
    background: #00a287;
    border-color: #00a287;
}
.pagenav nav .pagination .page-item .page-link {
    border-radius:0px;
    color:#2e2f33;
}
.pagenav nav .pagination .page-item{
    margin-right:5px !important;
}
.pagenav nav .pagination .page-item:last-child{
    margin-right:0px !important;
}
select.select_threads_type {
    border: 1px solid #d8d8d8;
    padding: 10px;
    font-size: 14px;
}

select.select_threads_type:focus {
    outline: none;
}
li.validate-text {
    font-size: 12px;
    color: red;
}
a.vbseo_like_link.disabled {
    pointer-events: none;
    cursor: pointer;
}
/* ------------------------------- user post ------------------- */


/* welcom */
span.edu {
    display: inline-block;
    position: relative;
}

span.edu>span {
    position: absolute;
    top: 52%;
    line-height: 1;
    left: 37px;
}

h2.wel_section_title {
    font-size: 42px;
    line-height: 1;
    margin-bottom: 40px;
}
span.edu.pandita {
    color: #00a186;
}
span.edu.pandita>span {
    right: 24px;
    left: inherit;
}
span.edu.pandita>span svg{
    fill: #00a186;
}
span.edu.pandita>span small{
    background:#00a186;
}
span.edu{
    color:#3e7dbd;
}
span.edu>span svg {
    width: 20px;
}

span.edu>span small {
    background: #3e7dbd;
    font-weight: 400;
    padding: 2px 5px;
    color: #fff;
    position: absolute;
    top: 27px;
    font-size: 13px;
    left: 15px;
}

span.edu>span svg {
    fill: #3e7dbd;
}

.welcome_img img {
    width: 250px;
}

.welcome_img {
    margin: 70px 0 20px 0;
}
section.welcome_edu_section.inner_section {
    position: relative;
    z-index: 1;
}

section.welcome_edu_section.inner_section .svg_backround {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height:339px;
    overflow:hidden;
}

section.welcome_edu_section.inner_section .svg_backround svg {
    width: 100%;
}
.welcome_text p {
    font-weight: 500;
    letter-spacing: 0.5px;
}
.z-1{
    z-index: 1;
}

h3.personal_estatement_heading {
    font-size: 22px;
}

ul.statement_list.what_can_we_do {
    padding-left: 20px;
    padding-top: 10px;
}

ul.statement_list.what_can_we_do li {
    margin-bottom: 15px;
}
/* welcom */

/* ======================== faqs =========================== */
.ctm_faqs .accordion-item {
    border: none;
    margin-bottom: 20px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
    border-radius: 11px;
    overflow:hidden;
}


.ctm_faqs {
    margin-top: 30px;
}

.ctm_faqs .accordion-item .accordion-button:not(.collapsed){
    box-shadow:none;
    background:#eff3f6;
    color:#121212;
}

.ctm_faqs .accordion-item .accordion-button{
    font-size: 16px;
    font-weight: 500;
    border-bottom:0px;
    padding:1.25rem;
}
.ctm_faqs .accordion-item .accordion-body {
    font-size: 14px;
}
.ctm_faqs .accordion-item .accordion-collapse{
    border:none;
}
.ctm_faqs .accordion-button:focus{
     box-shadow:none;
    border:none;
}
.ctm_faqs .accordion-button:not(.collapsed)::after{
    filter:grayscale(1);
}
/* ======================== faqs =========================== */

.bg_image{
    
    position:relative;
    z-index: 1;
}
.bg_image:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    background-image: url(../img/welcom_img.svg);
    background-size: contain;
    background-position: center center;
    opacity: 0.2;
    background-repeat: no-repeat;
}


/* =============visa process============ */
.head-row .col-md-12 .visa-banner{
    overflow: hidden;
}
.head-row .col-md-12 .visa-banner .banner{
    position: relative;
}
.head-row .col-md-12 .visa-banner .banner-img{
    filter: brightness(0.6);
}
.head-row .col-md-12 .visa-banner .banner-img img{
    width: 100%;
}
.head-row .col-md-12 .visa-banner .head-content{
    position: absolute;
    top: 45%;
    text-align: center;
    color: white;
    padding: 0 30px;
    transform: translateY(-50%);
}
.head-row .col-md-12 .visa-banner .section_title
{
    margin-top: 30px;
    font-size: 2rem; 
    position: relative;
}
.head-row .col-md-12 .visa-banner .section_title::after{
    content: "";
    position: absolute;
    width: 70%;
    height: 1px;
    left: 50%;
    top: 39px;
    background: white;
    transform: translateX(-50%);
}

.head-row .col-md-12 .card .title-content{
    margin-top: 20px;
    line-height: 19px;
    padding: 0 100px;
}

/* ----visa apply section----- */
.apply-section{
    margin-top: 50px;
}
.apply-section .apply-head-title{
    text-align: center;
}
.apply-section .apply-head-title .apply-head-content{
    padding: 30px 100px;
}
.visa-steps .step-tab{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.visa-steps .step {
    background: grey;
    height: 45px;
    width: 130px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
    cursor: pointer;
    position: relative;
    z-index: 1;
}
.visa-steps .step-tab{
    position: relative;
}
.visa-steps .step-tab::after{
    content: "";
    position: absolute;
    width: 92%;
    height: 2px;
    background: #02c0a0;  
}

.visa-steps .step.active{
    background-color: #00a186;
}
.visa-steps .step .step-count{
    height: 45px;
    width: 45px;
    background: rgb(170, 170, 170);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    font-size: 20px;
}
.visa-steps .step.active .step-count{
    background: #02c0a0;
    position: relative;
}
.visa-steps .step .step-count:after {
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    bottom: -2px;
    background: #02c0a0;
    transform: rotate(45deg) translateX(-50%);
    left: 47%;
    transition: 0.8s;
    transition-delay: 0.3s;
    display: none;
}
.visa-steps .step.active .step-count:after{
    bottom: -9px;
    display: block;
}

.visa-steps .step .step-char{
    padding-right: 20px;
    margin-bottom: 0;
    font-size: 22px;
}
.step-card{
    margin-top: 30px;
}
.step-card .step-card-content{
    width: 93%;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
    border-radius: 11px;
    padding: 30px 50px;
    border-radius: 11px;
    margin: 60px auto;
    display: none;
}
.step-card .step-card-content .card-title{
    font-size: 22px;
    margin-bottom: 26px;
}
.step-card .step-card-content.active{
    display: block;
}

.faq-section .faq-wrapper{
    background-color: white;
    border: none;
    position: initial;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
    border-radius: 11px;
    padding: 50px 50px 18px 50px;
}
.faq-wrapper .faq-container .title-text{
    font-size: 22px;
    margin-bottom: 26px;
}

.faq-wrapper .faq-container .faq-content ul{
    line-height: 10px;
    margin-top: 20px;
    padding-left: 0;
    list-style: none;
}
.faq-container .faq-row .col-md-12 ul li{
    display: flex;
    align-items: center;
}
.faq-container .faq-row .col-md-12 ul li i{
    margin-bottom: 1rem;
    margin-right: 10px;
}
.faq-container .faq-row .col-md-12 ul li p{
    font-weight: 600;
}
.route-visa-section .route-visa-wrapper{
    background-color: white;
    border: none;
    position: initial;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
    border-radius: 11px;
    padding: 50px 50px 18px 50px;
}
.route-visa-wrapper .route-visa-container .title-text{
    font-size: 22px;
    margin-bottom: 26px;
}
.route-visa-wrapper .route-visa-container .title-text-2{

    margin-top: 40px;
    border-top: 1px solid #e2e0e0;
    padding-top: 40px;
    font-size: 22px;
    margin-bottom: 26px;
}

.uk-visa-wrapper{
    background-color: white;
    border: none;
    position: initial;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
    border-radius: 11px;
    padding: 50px 50px 18px 50px;
}

.uk-visa-container{
    padding: 0;
}
.uk-visa-container .uk-visa-row .col-md-12 .uk-visa-title .title-text{
    font-size: 22px;
    margin-bottom: 26px;
}
.uk-visa-container .uk-visa-row .col-md-12 .note-content{
    margin-top: 40px;
    border: 1px solid #b3b3b3;
    padding: 20px 15px 10px;
}
.uk-visa-container .uk-visa-row .col-md-12 .cost{
    border-top: 1px solid #e2e0e0;
    margin-top: 42px;
}
.uk-visa-container .uk-visa-row .col-md-12 .cost .cost-content ul{
    padding-left: 1rem;
}

.uk-visa-container .uk-visa-row .col-md-12 .cost-title-text{
    font-size: 22px;
    margin-bottom: 26px;
    margin-top: 40px; 
}

.question{
    margin-top: 40px;
}
.question .question-content ul{
    list-style: none;
}

.question .question-title .question-title-text{
    font-size: 22px;
    margin-bottom: 26px;
}

.question .question-content ul{
padding-left: 0;
}
.question .question-content ul li{
    display: flex;
    align-items: center;
}
.question .question-content ul li i{
    margin-right: 10px;
    margin-bottom: 1rem;
}

/* =======plagiarism-page========= */
.plagiarism-card{
    padding: 0 !important;
    overflow: hidden;
}

.plagiarism-card .plagiarism-banner-img{
    height: 327px;
    
}
.plagiarism-card .plagiarism-banner-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.6);
    -webkit-filter: brightness(0.4);
}
.plagiarism-card .plagiarism-banner{
    position: relative;
}
.plagiarism-card .plagiarism-banner .plagiarism-title-section{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: white;
        text-align: center;
        padding: 0 100px;
}

.plagiarism-card .plagiarism-banner .plagiarism-title-section h2.banner-title-text{
    position: relative;
    margin-bottom: 12px;
}

.plagiarism-banner .plagiarism-title-section h2.banner-title-text::after{
    content: "";
    position: absolute;
    width: 33%;
    height: 1px;
    background: white;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.plagiarism-container .plagiarism-row .plagiarism-head-text{
font-weight: 600;
}

.plagiarism-container .plagiarism-row .plagiarism-content{
    padding: 25px 50px 50px 50px;
}
.plagiarism-row .plagiarism-content .plagiarism-order-list .plagiarism-list-item{
    margin-top: 30px;
}
.plagiarism-row .plagiarism-content .plagiarism-order-list,
.plagiarism-content .plagiarism-order-list .plagiarism-sub-list{
    padding-left: 1rem !important;
}

.plagiarism-content .plagiarism-order-list .plagiarism-list-item span{
    font-size: 18px;
    font-weight: 600;
    padding-right: 5px;
}
.plagiarism-content .plagiarism-order-list .plagiarism-list-item .plagiarism-sub-list{
    list-style: disc;
}
.plagiarism-order-list .plagiarism-list-item .plagiarism-sub-list .plagiarism-sub-list-item span{
   font-size: 16px;
}
.plagiarism-container .plagiarism-row .plagiarism-note-content{
    border: 1px solid #bababa;
    padding: 20px 30px;
    margin-top: 40px;
}
.plagiarism-container .plagiarism-row .plagiarism-note-content p{
    margin: 0;
}




/* ------compaints------ */
.card.p-3.footer_card.complaint-card{
    padding: 0 !important;
    overflow: hidden;
}

.complaint-card .complaint-banner-img{
    height: 327px;
    position: relative;
}
.complaint-card .complaint-banner-img .banner-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.complaint-banner-img .banner-text .section_title{
    font-size: 2rem;
    color: white;
    position: relative;
}
.complaint-banner-img .banner-text .section_title::after {
    content: "";
    position: absolute;
    width: 104%;
    height: 1px;
    left: 50%;
    top: 39px;
    background: white;
    transform: translateX(-50%);
}
.complaint-card .complaint-banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.4);
}
.complaint-card .complaint-wrapper{
    padding: 50px 50px 18px 25px;
}
.complaint-container .complaint-row .complaint-col{
    padding: 0;
}
.complaint-container .complaint-row .section_title{
    margin-bottom: 26px;
}

.complaint-container .complaint-row .informal-complaints,
.complaint-container .complaint-row .formal-complaints
{
    padding-top: 20px;
    font-weight: 600;
}
.complaint-container .complaint-row .formal-complaints-list li{
    list-style: disc;
}
.complaint-container .complaint-row ol{
    padding-left: 1rem;
}
.complaint-container .complaint-row ol>li{
    margin-bottom: 25px;
}
    
.complaint-container .complaint-row ol>li:last-child{
    margin-bottom: 0;
}

/* ======document-required======= */

.document-baner-card{
    padding: 0 !important;
    overflow: hidden;
}

.document-baner-card .document-banner-img{
    height: 327px;
    position: relative;
}
.document-baner-card .document-banner-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.document-baner-card .document-banner-img .document-banner-text{
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    color: white;
  
}
.document-banner-img .document-banner-text h2{
    position: relative;
}
.document-banner-img .document-banner-text h2::after{
    content: "";
    position: absolute;
    width: 61%;
    height: 1px;
    background: white;
    left: 0px;
    bottom: -6px;
}
.document-req-wrapper{
    padding: 50px 50px 18px 50px;
}
.document-req-container{
    font-size: 16px;
    padding: 0;
}
.document-req-container .document-req-row .document-req-col{
    padding: 0;
}
.document-req-container .document-req-row .section_title.main-title{
    margin-bottom: 26px !important;
}

.document-req-container .document-req-row .document-req-list{
    padding-left: 1rem;
}

.important-info-section {
    padding: 0 30px;
}
.important-info-section .important-info-wrapper{
    background-color: white;
    border: none;
    position: initial;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
    border-radius: 11px;
    padding: 23px 50px 18px 50px;
}
.important-info-wrapper .important-info-container,
.important-info-container .important-info-col{
padding: 0 !important;
}

.important-info-wrapper .important-info-container .important-info-row{
    margin-bottom: 0;
    padding: 6px 0;
    font-size: 16px;
}
.important-info-wrapper .important-info-container .document-req-important-info{
    border: 1px solid #8caa81;  
    padding: 15px;
}
.important-info-wrapper .important-info-container .document-important-info-title{
    display: flex;
    align-items: center;
    padding-bottom: 1rem;
}
.important-info-wrapper .important-info-container .document-req-important-info img{
    padding-right: 10px;
    width: 35px;
}
.important-info-wrapper .important-info-container .document-important-title{
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    line-height: 1;
    margin-bottom: 0px;
    padding-right: 10px;
}
.important-info-wrapper .important-info-container .document-important-content{
    margin-bottom: 0;
    padding-top: 4px;
    list-style: upper-roman;
}
.important-info-wrapper .important-info-container .document-important-content li p{
    line-height: 1px;
}
.important-info-container .if_you.important-if-you a{
    padding-left: 25px !important;
}

/* =========data-protection and certificate========= */
.footer_card.certificate-card .certificate-img{
    padding: 50px 100px;
}
.footer_card.certificate-card .certificate-img img{
    width: 100%;
}

/* ========== programmer========== */

.footer_card.programme-card{
    padding: 0 !important;
    overflow: hidden;
}

.programme-card .banner-img{
    height: 327px;
    position: relative;
}
.programme-card .banner-img .banner-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.programme-card .banner-img .section_title{
    font-size: 2rem;
    color: white;
    position: relative;
}
.banner-img .banner-text .section_title::after {
    content: "";
    position: absolute;
    width: 104%;
    height: 1px;
    left: 50%;
    top: 39px;
    background: white;
    transform: translateX(-50%);
}
.programme-card .banner-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: brightness(0.4);
}



.programme-content-section .programme-content-wrapper{
    padding: 50px 50px 18px 50px;
}
.programme-admission-row .title-text,
.programme-content-wrapper .programme-content-container .title-text {
    font-size: 22px;
    margin-bottom: 26px;
}

.programme-admission-section .programme-admission-wrapper{
    background-color: white;
    border: none;
    position: initial;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.08) 0px 2px 8px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset;
    border-radius: 11px;
    padding: 50px 50px 18px 50px;
}

.programme-admission-wrapper .programme-admission-text ul{
    line-height: 10px;
    margin-top: 20px;
    padding-left: 0;
    list-style: none;
}

.programme-admission-wrapper .programme-admission-text ul li {
    display: flex;
    align-items: center;
}

.programme-admission-wrapper .programme-admission-text ul li i {
    margin-bottom: 1rem;
    margin-right: 10px;
}

.programme-admission-wrapper .programme-admission-text .note-text{
    border: 1px solid #b3b3b3;
    font-size: 18px;
    padding: 6px 24px;
    font-weight: 500;
    margin-top: 15px;
    
}

.programme-admission-text .note-text p{
    margin-bottom: 0;
}

.programme-admission-text .admission-bottom-text{
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: green;
    padding-top: 20px;
}

/* --------------- checkout page css ---------------- */
.billing_form .form_input {
    font-weight: 300;
    font-size: 15px;
    padding: 8px 15px;
    width: 100%;
    border: 1px solid #ced4da;
    line-height: 1.4;
    color: #212529;
    border-radius: 4px;
}
.billing_form select{
    font-size: 15px;
    padding: 8px 15px;
    width:100%;
    border:1px solid #ced4da;
    line-height:1.4;
    color:#212529;
}
.billing_form select:focus{
    border-radius:0px;
    outline:none;
}

.book-appointment .billing_form label {
    font-size: 15px;
    padding-bottom: 3px;
}

.book-appointment .billing_form .group_row.col_2 label span{
    color: red;
    padding-left: 2px;
}

/* .billing_form 
 .group_row {
    margin-bottom: 14px;
} */

.billing_form .group_row.col_2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 14px;
    margin-bottom: 20px;
}
.book-appointment .billing_form .group_row.col_2:first-child{
    grid-template-columns: repeat(3,1fr);
}

.billing_information.book-appointment h2 {
    font-size: 25px;
    margin-bottom: 30px;
    text-align: center;
}

.paymentMethod h2 {
    font-size: 16px;
}

.paymentMethod {
    margin-top: 20px;
    border-top: 1px solid #ced4da;
    padding-top: 20px;
}

.paymentMethod .paymentmethod_card {
    margin-top: 14px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 14px;
}

.paymentMethod .paymentmethod_card label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    cursor:pointer;
    height:68px;
}
.paypal_img img {
    height: 26px;
}

.paymentMethod .paymentmethod_card label:last-child {
    margin-bottom: 0px;
}

.paymentMethod .paymentmethod_card label .radio_are {
    display: flex;
    align-items: center;
}

.paymentMethod .paymentmethod_card label .radio_are h3 {
    margin-bottom: 0px;
    font-size: 14px;
}
.paymentMethod .paymentmethod_card label .radio_are .ctm_checkbox {
    display: flex;
    margin-right: 10px;
}

.paymentMethod .paymentmethod_card label .radio_are .ctm_checkbox .radio_checkbox {
    width: 18px;
    height: 18px;
    display: block;
    border: 1px solid #ced4da;
    border-radius: 50%;
}

.paymentMethod .paymentmethod_card label .radio_are .ctm_checkbox input {
    display: none;
}

.paymentMethod .paymentmethod_card label:hover .radio_are .ctm_checkbox .radio_checkbox {
    border-color: #00a186;
}

.paymentMethod .paymentmethod_card label .radio_are .ctm_checkbox input:checked + .radio_checkbox {
    border: 5px solid #00a186;
}

.orderDetail h2 {
    font-size: 16px;
    margin-bottom: 14px;
}

.orderDetail .orderPricing {
    padding-left: 0px;
    list-style: none;
}

.orderDetail .orderPricing li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
    font-size: 15px;
}
.orderDetail .orderPricing li:last-child {
    margin-bottom: 0px;
}

.orderDetail .orderPricing li.total_price span {
    font-weight: 500;
}

.orderDetail .orderPricing li .theme-button {
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    background: #00a186;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.4px;
    border: 1px solid #00a186;
    transition: 0.5s;
}
.billing-button {
    text-align: right;
}
.book-appointment .theme-button#ajaxSubmit {
    /* width: 100%;
    padding: 12px;
    border-radius: 8px; */
    padding: 5px 34px;
    border-radius: 5px;
    background: #00a186;
    color: #fff;
    margin-top: 15px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.4px;
    border: 1px solid #00a186;
    transition: 0.5s;
}
.book-appointment .billing-button .theme-button#ajaxSubmit:hover{
    background: none;
    color: #000;
}

.orderDetail .orderPricing li .theme-button:hover {
    background: none;
    color: #00a186;
}

.orderDetail .orderPricing li.total_price {
    border-top: 1px solid #ced4da;
    padding-top: 14px;
}
.p_30{
    padding:30px;
}
/* --------------- checkout page css ---------------- */

.sos_detail p:first-child {
    margin-bottom: 8px;
}

.sos_detail {
    margin-top: 10px;
}

.sos_detail .statement_list {
    margin-bottom: 14px;
}

.mb_20{
    margin-bottom:20px;
}
.fw-600{
    font-weight:600;
}
.fw-500{
    font-weight: 500;
}
.footer_card p:last-child{
    margin-bottom:0px;
}
.question p:last-child{
    margin-bottom:0px;
}
.route-visa-content p:last-child{
    margin-bottom:0px;
}

/* ===========success payment=========== */
section.payment .payment-container .payment-content {
    padding: 40px 0px;
    text-align: center;
    /* width: 60%; */
    /* margin: 0 auto; */
    /* border: 1px solid #ddd; */
    /* border-radius: 10px; */
    /* box-shadow: 0 3px 20px -10px #b7b6b6; */
}

.payment-container .payment-content .payment-head-text{   
        background-image: url(/frontend/img/succes-bg.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
}

.payment-container .payment-content .success-icon-box .succuess-bg {
    width: 103px;
    height: 104px;
    background: #a0d18182;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    margin: auto auto;
}

.payment-content .success-icon-box .success-icon {
    height: 90px;
    width: 90px;
    background: green;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 55px;
    border-radius: 50%;
}

.payment-container .payment-content .payment-title {
    color: green;
    font-size: 2.5rem;
    margin-top: 30px;
}

.payment-container .payment-content p {
    margin-bottom: 0;
}

.payment-container .payment-content .trans-num {
    color: orange;
    font-size: 17px;
    padding: 20px 0 10px;
}

.payment-container .payment-content .pay-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d9d7d7;
    padding: 10px 15px 5px;
    margin-bottom: 10px;
    /* color: grey; */
}

.payment-container .payment-content .pay-box p {
    margin-bottom: 0;
} 


/* =========== payment fail=========== */

section.pFailed .pFailed-container .pFailed-content {
    padding: 40px 0px;
    text-align: center;
    position: relative;
}

.pFailed-container .pFailed-content .pFailed-icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.pFailed-container .pFailed-content .pFailed-icon-box .pFailed-bg {
    width: 103px;
    height: 104px;
    background: #fd9c9c82;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.pFailed-content .pFailed-icon-box .pFailed-bg .pFailed-icon {
    height: 90px;
    width: 90px;
    background: red;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 55px;
    border-radius: 50%;
}

.pFailed-container .pFailed-content .broken-card-img {
    position: absolute;
    top: 80px;
    left: 50.5%;
    transform: translateX(-50%);
}

.pFailed-container .pFailed-content .pFailed-text h2 {
    color: red;
    font-size: 2rem;
    text-align: center;
}

.pFailed-container .pFailed-content .try-button {
    margin-top: 20px;
}

.pFailed-container .pFailed-content .try-button .pfailed-try-tbn {
    text-decoration: none;
    background: red;
    border-radius: 5px;
    color: white;
    padding: 7px 80px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid red;
    transition: 0.3s;
}

.pFailed-content .try-button .pfailed-try-tbn:hover{
    background: none;
    color: red;
} 

section.pFailed .pFailed-container .pFailed-row .col-right{
    display: flex;
    align-items: end;
    justify-content: center;
}


/* =========== thanku =========== */

.thanku-container .thanku-content{
    position: relative;
}

.thanku-container .thanku-content .thanku-text{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
   
}

.thanku-container .thanku-content .thanku-img{
    width: 100%;
    height: 350px;
}
.thanku-container .thanku-content .thanku-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.thanku-content .thanku-text h2{
    font-size: 2.5rem;
    color: #3e7dbd;
    margin: 0;
}

.thanku-content .thanku-text .person-img{
/* background: #d0b8ec; */
border-radius: 50%;
height: 80px;
width: 80px;
margin: auto;
padding: 15px;
}

.thanku-content .thanku-text .person-img img{
    width: 100%;
}

.thanku-content .thanku-text .thanku-button a.thanku-btn {
    border: 1px solid #3e7dbd;
    text-decoration: none;
    padding: 7px 30px;
    background: #3e7dbd;
    color: white;
    border-radius: 5px;
    transition: 0.3s;
}
.thanku-content .thanku-text .thanku-button a.thanku-btn:hover{
    background: none;
    color: #3e7dbd;
}



/* ========calender====== */
 .datepicker-days{
    padding: 10px;
    font-size: 15px;
}
 .datepicker-days .table-condensed thead tr th{
    font-weight: 400;
}
.datepicker-days .table-condensed thead tr:last-child th{
    color: #187eba;
}



.mobile-sidebar {
    display: none;
}


@media only screen and (min-width:320px) and (max-width:767px) {
.mobile-sidebar {
    display: block;
    position: absolute;
    left: -18px;
    z-index: 999999;
    top: 3px;
}
.mobile-sidebar article.sidebar_left {
    display: block;
}    
article.sidebar_left {
    display: none;
}    
.right_sidebar {
    padding: 10px 0px;
}
button.dropbtn {
    width: 33px;
    height: 30px;
}
.right_sidebar .navbar ul li.nav_item {
    width: 35px;
    padding: 3px;
}
.right_sidebar .navbar {
    padding: 0 6px;
}
.form_search input {
    width: 82%;
}
aside.sidebar_right {
    width: calc(100% - 0px);
}
.mobile-sidebar article.sidebar_left {
    width: 100%;
}
.mobile-sidebar .box {
    height: 100vh;
    width: 300px;
    position: absolute;
    left: -350px;
    z-index: 1001;
    background: #fff;
    overflow: hidden;
    text-align: left;
  -webkit-transition: -webkit-transform 250ms ease-in-out;
  transition: transform 250ms ease-in-out;
}

.mobile-sidebar .box.active {
    -webkit-transform: translateX(350px);
    -moz-transform: translateX(350px);
    -o-transform: translateX(350px);
    -ms-transform: translateX(350px);
    transform: translateX(350px);
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    -moz-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
    -webkit-box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.mobile-sidebar .open-menu {
    display: inline-block;
}

.mobile-sidebar .open-menu button{
    display: inline;
    z-index: 0;
    background: transparent;
    border: none;
    margin-top: 10px;
    margin-left: 25px;
    padding: 0px;
    cursor: pointer;
}

.mobile-sidebar .open-menu img {
    width: 30px;
    height: 30px;
}

.mobile-sidebar .header-menu {
    height: 0px;
    background: #D32F2F;
    margin-bottom: 0;
}

.mobile-sidebar .header-menu button {
    position: absolute;
    right: 0;
    background: transparent;
    border: none;
    margin-top: 10px;
    padding: 0px;
    cursor: pointer;
    z-index: 99999;
}

.mobile-sidebar .header-menu img {
    width: 40px;
    height: 40px;
}
ul.sidebar_nav_list {
    padding-left: 0px;
    list-style: none;
    width: 100%;
}

/**/
.welcome_edu_section .footer_card {
    padding-left: 20px;
    padding-right: 20px;
}
.footer, .inner_section {
    padding: 0 15px;
    margin-bottom: 45px;
}
.welcome_edu_section  {
    padding: 0;
}
span.edu>span small {
    top: 34px;
    left: -33px;
}
h2.wel_section_title {
    font-size: 43px;
}

.login_card {
    padding: 16px;
    margin: 0 15px;
}
form.login_form {
    padding: 15px;
}
h2.section_title.login_title {
    font-size: 24px;
}
.remember {
    display: grid;
}
form.login_form .form_group input {
    width: 100%;
}
input#remember_me {
    width: auto;
}
.row.grid_row {
    grid-template-columns: repeat(1, 1fr);
}
.discussion-from-login {
	margin-top: 15px;
}
.discussion-topic-search-login {
	margin-bottom: 15px;
}
.card.p-30.footer_card {
    padding: 15px;
}
.book-appointment .billing_form .group_row.col_2:first-child {
    grid-template-columns: repeat(1,1fr);
}
.thanku-container .thanku-content .thanku-text {
    width: 100%;
}
.plagiarism-card .plagiarism-banner .plagiarism-title-section {
    padding: 0 15px;
}
.plagiarism-container .plagiarism-row .plagiarism-content {
    padding: 25px 15px 50px 15px;
}
.head-row .col-md-12 .visa-banner .banner-img img {
    height: 356px;
    width: 216%;
}
.head-row .col-md-12 .card .title-content {
    padding: 0px;
}
.personal_statement.p-30 {
    padding: 15px;
}
.programme-card .banner-img {
    height: 200px;
}
.programme-content-section .programme-content-wrapper {
    padding: 50px 30px 18px 30px;
}
.programme-admission-section .programme-admission-wrapper {
    padding: 50px 30px 18px 30px;
}
.programme-admission-text p {
    line-height: 20px;
}
.document-baner-card .document-banner-img {
    height: 200px;
}
.document-req-wrapper {
    padding: 50px 30px 18px 30px;
}
.important-info-section .important-info-wrapper {
    padding: 23px 30px 18px 30px;
}
.important-info-wrapper .important-info-container .document-important-content li p {
    line-height: 25px;
}
.apply-section .apply-head-title .apply-head-content {
    padding: 30px 15px;
}
.uk-visa-wrapper {
    padding: 50px 30px 18px 30px;
}
.route-visa-section .route-visa-wrapper {
    padding: 50px 30px 18px 30px;
}
.faq-section .faq-wrapper {
    padding: 50px 30px 18px 30px;
}
.faq-container .faq-row .col-md-12 ul li p {
    line-height: 25px;
}
.step-card .step-card-content {
    padding: 30px 15px;
}
.visa-steps .step-tab {
    flex-direction: column;
    gap: 10px;
}
.card-title br {
	display: none;
}
.footer_card.certificate-card .certificate-img {
    padding: 15px;
}
.complaint-card .complaint-banner-img {
    height: 200px;
}
.complaint-card .complaint-wrapper {
    padding: 50px 15px 18px 15px;
}
div#docs-table_filter {
    margin-top: 18px;
}
div#directory00632 select#annee {
    position: relative;
    right: 0;
    width: 100%;
    top: 21px;
}
.file_name_end_file {
    flex-direction: column;
}
.dm-uploader {
    padding: 40px 0 0 !important;
}
div#threadTable_filter {
    margin-top: 15px;
}
.topic-search {
    display: block;
    overflow: auto;
}


.control-panel-sidebar tbody {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
	
}
.control-panel-sidebar tbody td {
    width: 100%;
    display: block;
    height: 45px;
}
.statistics_wrapper .statistics_item {
    width: 100%;
}
.statistics_wrapper {
    flex-direction: column;
}
.control-panel-alltogether {
    display: grid;
    gap: 10px;
}
.control-panel-breadcrumb {
    display: grid;
}
.new-thread-step-1 {
	display: grid;
}
.new-thread-step-1 td {
    width: 100%;
}
}


@media only screen and (min-width:768px) and (max-width:992px) {
article.sidebar_left {
    width: 260px;
}    

aside.sidebar_right {
    width: calc(100% - 260px);
}
.footer, .inner_section {
    padding: 0 0px;
}    
.inner_section{
    margin-top:0px;
}
h2.wel_section_title{
    font-size:32px;
}
.p-30 {
    padding: 25px;
}
.inner_section>.container>.col-md-12{
    padding-bottom:0px;
}
.right_sidebar {
    padding: 10px 12px;
}
.right_sidebar .navbar{
    padding:0px;
}
/* .form_search input{
    width:100%;
} */
}
span.error-filesize {
    font-size: 13px;
    color: #00a287;
}