/********** Old CSS START **********/
.dataTable { width: 100% !important;}
.dataTables_length select { margin-right: 0.5rem !important; min-width: 4.1rem !important;}
.dataTables_filter { margin-right: 0.2rem;}
.table.dataTable { box-sizing: border-box; border-collapse: collapse;}
table#kt_configuration_table{ margin-top: 0px !important; margin-bottom: 0px !important; }
.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #c8ced3;}
.has-error .invalid-feedback { display: block !important;}
.btn-info, .badge-info { color: white;}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc { background-image: none; }
.sidebar .nav-item { cursor: pointer; }
.btn-default { color: #23282c; background-color: #f0f3f5; border-color: #f0f3f5;}
.btn-default.focus,
.btn-default:focus { box-shadow: 0 0 0 0.2rem rgba(209, 213, 215, 0.5);}
.btn-default:hover { color: #23282c; background-color: #d9e1e6; border-color: #d1dbe1; }
.btn-group-xs > .btn,
.btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px;}
.searchable-title { font-weight: bold;}
.searchable-fields { padding-left: 5px;}
.searchable-link { padding: 0 5px 0 5px; }
.searchable-link:hover { cursor: pointer; background: #eaeaea; }
.select2-results__option { padding-left: 0; padding-right: 0; }
.form-group .required::after { content: " *"; color: red; }
.form-check.is-invalid ~ .invalid-feedback { display: block; }
.c-sidebar-brand .c-sidebar-brand-full:hover { color: inherit; }
.dt-buttons .buttons-pdf, .dt-buttons .buttons-excel, .dt-buttons .buttons-print, .dt-buttons .buttons-collection, .dt-buttons .btn-danger { display: none !important; }
.error{ color: red; }
.loader{ position: relative;border: 16px solid #f3f3f3;border-radius: 50%;border-top: 16px solid #3498db;width: 70px;height: 70px;left:50%;top:50%;-webkit-animation: spin 2s linear infinite; /* Safari */animation: spin 2s linear infinite;}
#overlay{ display:none;position: absolute; top:0;left:0;width: 100%;height: 100%;background: black;opacity: .5;z-index:111;}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.btn.btn-purple {
  color: #ffffff;
  border-color: #6761A8 !important;
  background-color: #6761A8;
  border-radius: 4px;
}

.btn.btn-purple:hover {
  color: #ffffff;
  border-color: #6761A8;
  background-color: #58538F;
}

.btn.btn-purple:active {
  color: #ffffff;
  border-color: #6761A8;
  background-color: #403D69;
}

.btn.btn-purple:disabled {
  color: #ffffff;
  border-color: #6761A8;
  background-color: #B2AFD3;
}

.btn.btn-light-purple:hover:not(.btn-active){
  color: #ffffff;
  border-color: #6761A8;
  background-color: #6761A8;
}

.indicator-progress {
  display: none;
}
/* Theme Change By Bhargav */
.text-dark{ font-weight: 600;}

@media (max-width: 991.98px){
  .header-tablet-and-mobile-fixed .header {
    background-color: #0C4372;
  }
}

.content{
  background-color: #F3EFF0;
}

.dt-buttons {
    float: right;
}

.dataTables_filter{
  float: left;
}

.dataTables_length{
  float: left;
}

table.dataTable > thead .sorting_desc:after{
  background-image: none;
}

table.dataTable > thead .sorting_desc:before{
  background-image: none;
}

table.dataTable > thead .sorting_asc:after{
  background-image: none;
}

table.dataTable > thead .sorting_asc:before{
  background-image: none;
}

.page-item.active .page-link{
  background-color: #F3EFF0;
  color: black;
}

.page-link:hover{
  color: #AAAAAA;
  background-color: #F3EFF0;
}

.bg-mobile{
  background-color: #131515;
  color: white;
}

.bg-faq{
  background-color: #0C4372;
  color: white;
}

.bg-asset{
  background-color: #777777;
  color: white;
}

.bg-email{
  background-color: #26AD73;
  color: white;
}

/* ******   Import Fonts ****** */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/IBMPlexSans-Regular.ttf) ;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: medium;
  font-weight: 500;
  src: url(../fonts/IBMPlexSans-Medium.ttf) ;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: SemiBold;
  font-weight: 600;
  src: url(../fonts/IBMPlexSans-SemiBold.ttf) ;
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: bold;
  font-weight: 700;
  src: url(../fonts/IBMPlexSans-Bold.ttf) ;
}
@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: regular;
  font-weight: 400;
  src: url(../fonts/Roboto-Regular.ttf) ;
}
@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: medium;
  font-weight: 500;
  src: url(../fonts/Roboto-Medium.ttf) ;
}
@font-face {
  font-family: 'Roboto', sans-serif;
  font-style: bold;
  font-weight: 700;
  src: url(../fonts/Roboto-Bold.ttf) ;
}
html{
  font-size: 10px !important;
}

body{
  font-family: 'Roboto', sans-serif;
  background: #F3EFF0;
  color: #777;
  font-size: 1rem;
}
.header{
  height: 0;
}
.yt-h1{
  font-family:  'IBM Plex Sans', sans-serif;
  font-size: 2.8rem;
  font-weight: 600;
  color: #131515;
  line-height: 3.7rem;
}
.yt-h2{
  font-family:  'IBM Plex Sans', sans-serif;
  font-size: 2.4rem;
  font-weight: normal;
  color: #131515;
  line-height: 3rem;
}
.yt-h3{
  font-family:  'IBM Plex Sans', sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  color: #131515;
  line-height: 2.4rem;
}
.yt-h4{
  font-family:  'IBM Plex Sans', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  color: #131515;
  line-height: 1.8rem;
  text-transform: uppercase;
}


.yt-hover-bg:hover{
  background: #F3EFF0;
}
.yt-table thead{
  background: #F3EFF0;

}
.table.yt-table.gs-0 td:first-child, .table.yt-table.gs-0 th:first-child{
  padding-left: 3rem;
}
.yt-card{
  box-shadow: 0 1px 4px #15223214
}
.form-check.form-check-solid .form-check-input.yt-check-input{
  border: 1px solid #CCCCCC;
  background-color: #fff;
  border-radius: 4px;
}
.form-check .form-check-label{
  display: inline-block;
  margin-top: -3px;
  height: 23px;
  vertical-align: top;
}
.yt-table-info {
  color: #777777;
  padding: 2rem;
}
.yt-table-info select {
  border: none;
  border-bottom: 1px solid #0C4372;
  color: #0C4372;
}
.yt-table-info input {
  width: 3rem;
  border: 1px solid #eee;
  text-align: center;
}
.page-indicator {
  display: inline-block;
  height: 30px;
  width: 30px;
  background: #F3EFF0;
  text-align: center;
  vertical-align: middle;
  border-radius: 5px;
  line-height: 30px;
  cursor: pointer;
}
.form-check.form-check-solid .form-check-input:checked{
  background-color: #2CC784;
  background-image: url('../img/check.svg');
  border-color: #2cc784;
}
.text-right{
  text-align: right;
}
/* Overrite Styles */
.aside.aside-dark{
  background: transparent linear-gradient( 344deg, #0C4372 0%, #141B41 100%) 0% 0% no-repeat padding-box;
  padding-bottom: 10rem;
}
.aside-dark .menu .menu-item .menu-link{
  font-size: 1.4rem;
  padding: 1.5rem;
  font-weight: 600;
  border-left: 2px solid transparent;
  font-family: 'IBM Plex Sans', sans-serif;
}
.aside-dark .menu .menu-item .menu-link.active{
  background-color: #1D375F;
  box-shadow: none;
  border-left: 2px solid #2CC784;
}
.aside-dark .menu .menu-item .menu-link:hover:not(.disabled):not(.active),
.aside-dark .menu .menu-item.hover>.menu-link:not(.disabled):not(.active){
  background-color: #1D345B;
  box-shadow: none;
  transition: none;
}
.aside-dark .menu .menu-item .menu-link.active .menu-title{
  color: #2CC784;
}
.menu-state-bullet-primary .menu-item .menu-link.active .menu-bullet .bullet,
.aside-dark .menu .menu-item .menu-link.active .menu-bullet .bullet,
.aside-dark .menu .menu-item .menu-link.active .menu-bullet .bullet{
  background-color: #2CC784;
  visibility: visible;
}
.aside-dark .menu .menu-item .menu-link .menu-bullet .bullet{
  visibility: hidden;
}
.menu-item .menu-link .menu-icon{
  margin-right: 1.5rem;
}
.menu-link .icon-active{
  display: none;
}
.menu-link.active .icon-inactive{
  display: none;
}
.menu-link.active .icon-active{
  display: block;
}
.svg-icon.svg-icon-2 svg{
  height: auto !important;
  width: auto !important;
}
.aside-menu hr{
  background: #334F73;
  opacity: 1;
  margin: 1rem 2rem;
}
/* =============  Try =============== */
.flip-v{
  transform: rotate(180deg);
}
.cursor-pointor{
  cursor: pointer;
}
.yt-content{
  padding:4rem;
  font-size: 1.4rem;
}
.yt-submenu{
  box-shadow: 0 3px 3px #0000000D;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
}
.yt-submenu{
  padding: 0;
}
.yt-submenu a{
  color: #777777;
  font-weight: normal;
  padding: 1rem;
  font-size: 14px;
}
.yt-submenu a:hover{
  background: #F3EFF0;
}
.breadcrumb-item a:hover,
.breadcrumb-item a{
  font-size: 1.4rem;
  color: #6761A8;
}
.breadcrumb-item.active{
  color: #131515;
}

/* *****  Styles used for YT Themed buttons, searchbar  Used Globaly  START ******* */
.yt-color-gray{
  color:#777777;
}
.yt-color-blue{
  color:#6761A8;
}

.yt-input-group .input-group-text{
  background: #fff;
  padding-right: 0;
}
.input-group.mb-3.yt-input-group:focus-within .input-group-text{
  border-color: #62C489;
}
.yt-input-group .form-control{
  border-left: 0;
  font-size: 1.4rem;
  transition: none;
}
.yt-btn-outline{
  color: #6662A3;
  border: 1px solid #6662A3;
  font-weight: 600;
  font-size: 1.4rem;
}
.yt-btn-outline:hover{
  background-color: #6761A8;
  border-color: #6761A8;
  color: #fff;
}

.yt-btn-outline:focus svg{
  transform: rotate(180deg);
}
.yt-btn-outline:focus path,
.yt-btn-outline:hover path{
  stroke: rgb(255 255 255);
}
.yt-btn-outline:focus{
  background-color: #403D69;
  border-color: #403D69;
  color:#fff
}
.yt-btn-outline:disabled{
  border-color: #AAAAAA;
  color  :#AAAAAA;
}
.yt-btn{
  font-weight: 600;
  font-size: 1.4rem;
  font-family: 'IBM Plex Sans', sans-serif;
}
.yt-btn-solid{
  background-color: #6761A8;
  color: #fff;
  font-weight: 600;
  font-size: 1.4rem;
}
.yt-btn-solid:hover{
  background-color: #58538F;
  color: #fff;
}
.yt-btn-solid:focus{
  background-color: #403D69;
  color: #fff;
}
.yt-btn-solid:disabled{
  background-color: #B2AFD3;
  color: #fff;
}
.yt-btn-secondary:focus,
.yt-btn-secondary:hover,
.yt-btn-secondary{
  background-color: #141B41;
  color: #fff;
}
.yt-btn-secondary:disabled{
  background: #888C9F;
}
.yt-btn-tertiary{
  background: #F3EFF0;
  color: #777777;
}
.yt-btn-tertiary:hover{
  background: #E2DEE0;
  color: #777777;
}
.yt-btn-tertiary:focus{
  background: #D9D4D5;
  color: #777777;
}
.yt-btn-tertiary:disabled{
  background: #F3EFF0;
  color: #777777;
}
.yt-btn-warning{
  background: #FF6F59;
  color: #fff;
}
.yt-btn-warning:hover{
  background: #E66450;
  color: #fff;
}
.yt-btn-warning:hover{
  background: #BF5443;
  color: #fff;
}
.yt-btn-warning:disabled{
  background: #FFB6AB;
  color: #fff;
}
.yt-sm-btn{
  border: 1px solid #6662A3;
  color:#6662A3;
  font-size: 13px;
  padding: .5rem 1rem;
  font-weight: 600;
}

/* *****  Styles used for YT Themed buttons, searchbar  Used Globaly  END ******* */


/* *****  Styles used for YT Themed tables,  Used Globaly  START ******* */
.yt-table-card.card{
  box-shadow: 0 1px 4px #15223214;
}
.yt-table-card .card-header{
  padding: 2rem;
}
.yt-table-card .card-body{
  padding: 0;
}
.yt-table-card th{
  font-weight: bold;
  background: #F3EFF0;
  text-transform: uppercase;
  font-size: 14px;
  color: #131515;

}
.yt-table-card td{
  color: #777;
  font-weight: 400;
}
.yt-table-card td,
.yt-table-card th{
  padding: 1.1rem 2rem;
}
.yt-table-card tr{
  border-bottom: 1px solid #DEDEDF !important;
}
.yt-table-card tr:hover{
  background-color: #F9F7F7;
}
.yt-table-card tr.highlight{
  background-color: #EFEFF6;
}
.yt-table-card td:first-child,
.yt-table-card th:first-child{
  padding-left: 2rem;
}
.yt-table-card .table-menu{
  padding: 0 !important;
}
/* *****  Styles used for YT Themed tables,  Used Globaly  END ******* */


/* *****  Styles used for view configuration like 2 column view  START ******* */
.yt-information-table tr{
  border-bottom: 1px solid #DEDEDF;
}
.yt-information-table tr td{
  color:#777777;
  padding: 2rem;
}
.yt-information-table tr td:first-child{
  color:#131515;
  font-weight: 600;
  width: 200px;
  padding-left: 0;
}
/* *****  Styles used for view configuration like 2 column view  END ******* */


/* *****  Styles used for Labels, Used Globaly  START ******* */
.yt-label{
  padding: .3rem 1.5rem;
  border-radius: 5px;
  font-weight: 500;
}
.yt-label.label-active{
  background: #CAE9DC;
  color: #26AD73;
}
.yt-label.label-prospect{
  background: #D2F1F6;
  color: #24BED4;
}
.yt-label.label-inactive{
  background: #FFE9E6;
  color: #FF6F59;
}
/* *****  Styles used for Labels, Used Globaly  END ******* */

/* *****  Styles used for Customer Detail page  START ******* */
.customer-code{
  font-size: 1.2rem;
  color: #AAAAAA;
}
.customer-primary-details{
  color: #777;
  font-size: 1.4rem;
  margin-top: 1rem;
}
.notification-count{
  position: absolute;
  top: -5px;
  right: -5px;
  background: #FE6444;
  height: 20px;
  width: 20px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 600;
}
.customer-overview{
  padding: 3rem;
  text-align: center;
  font-size: 1.6rem;
  margin: 2rem auto;

}
.overview-title{
  color: #131515;
  font-weight: 600;
}
.overview-value{
  color: #777777;
  font-size: 2.4rem;

}
.nav-tabs{
  border-bottom: 2px solid #DDDDDD;
  margin-bottom: 20px;
}
.nav-tabs .nav-link {
  color: #777777;
  border: none;
  font-weight: 500;
  padding: 1rem 1.5rem;
  border-bottom: 2px solid transparent;
  margin-bottom: -3px;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover{
  border-bottom: 2px solid #6761A8;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  color: #6761A8;
  background-color: transparent;
  border-color: #e4e6ef #e4e6ef #fff;
  font-weight: 600;
  border: none;
  border-bottom: 2px solid #6761A8;
}
.tab-detail{
  padding: 2rem;
}
.tab-title{
  font-size: 1.6rem;
  font-weight: bold;
  color: #171725;
}
.field-label{
  color: #131515;
  font-weight: 600;
  font-size: 1.3rem;
}
.field-value{
  color: #777777;
  font-size: 1.4rem;

}
.col-left-border{
  border-left: 1px solid #DEDEDF;
  padding-left: 2rem;
}
/* *****  Styles used for Customer Detail page  END ******* */

/* *****  Styles used for Login page  START ******* */
.yt-login-bg{
  background: transparent linear-gradient(299deg, #0C4372 0%, #141B41 100%) 0% 0% no-repeat padding-box;
  height: 100vh;
}
.login-card{
  background-color: #fff;
  border-radius: 6px;
  width: 400px;
  padding: 2rem;
  font-size: 1.4rem;
}
.login-card label{
  font-size: 1.3rem;
}
.login-title{
  font-size: 1.8rem;
  font-weight: bold;
  color: #131523;
}
.yt-login-btn{
  font-weight: bold;
  border-radius: 5px;
  width: 100%;
  outline: none;
  border: none;
  padding: 1rem;
  margin-top: 2rem ;
}
.set-min-height{
  height: 90px;
}
.msg-place{
  height: 45px;

}
/* *****  Styles used for Login page  END ******* */

/* *****  Styles Overrite Datatables CSS START ******* */
.yt-table-card .form-select.form-select-solid:focus,
.yt-table-card .form-select.form-select-solid{
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #6761A8;
  border-radius: 0;
  font-size: 1.4rem;
  color: #6761A8;
}
div.dataTables_wrapper div.dataTables_info{
  color: #777;
}
.page-item.next,
.page-item.previous{
  background-color: #F3EFF0;
  border-radius: 5px;
}
.page-item.next.disabled,
.page-item.previous.disabled{
  opacity: 0.8;
}
.page-item.next a,
.page-item.previous a{
  background: transparent !important;
  border: 1px solid transparent;
}
.table td:last-child, .table th:last-child, .table tr:last-child{
  padding: 1.1rem 2rem;
}
table.dataTable>thead .sorting_asc:after{
  background-image: url("../img/sort-asc.png");
  height: 2rem;

}
table.dataTable>thead .sorting_desc:after{
  background-image: url("../img/sort-dsc.png");
  height: 2rem;

}
.page-link:hover,
.page-item.active .page-link{
  background-color: transparent;
  border: 1px solid #CCC;
  color:#777;
}
.page-item.next .page-link i{
  /* color: #5e6278; */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%235E6278'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e") !important;
}
.page-item.previous .page-link i{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='%235E6278'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.06463 4.42111C1.96161 4.22088 1.9809 3.9637 2.12863 3.78597L5.12847 0.177181C5.31402 -0.046034 5.63049 -0.060261 5.83532 0.145404C6.04015 0.351069 6.05578 0.698744 5.87023 0.921959L3.19406 4.14137L5.84414 7.06417C6.03896 7.27904 6.03835 7.62686 5.84278 7.84105C5.64721 8.05524 5.33073 8.05469 5.13591 7.83982L2.14806 4.54449C2.1141 4.50704 2.08629 4.46541 2.06463 4.42111Z'/%3e%3c/svg%3e") !important;
}
.card-footer {
  border-top: 1px solid #DEDEDF;
}
/* *****  Styles Overrite Datatables CSS END ******* */

/* *****  Styles Overrite Forms START ******* */
.form-label{
  font-size: 1.3rem;
  font-weight: 500;
  color: #131515;
}
.form-label.required:after{
  color: #131515;
}
.form-control::placeholder{
  color: #AAA;
  font-size: 1.4rem;
  font-weight: 400;
}
.form-control{
  color: #777;
  font-weight: 400;
  font-size: 1.4rem;
}
.form-control:focus{
  border-color: #62C489;
  color: #777;
  font-weight: 400;
}
.form-text {
  margin-top: -2px;
  font-size: 1.2rem;
  color: #777;
  margin-bottom: 1rem;
}
.form-control.input-error{
  border-color: #EE7761;
}
.invalid-feedback{
  background-image: url(../img/invalid.svg);
  color: #FF6F59;
  background-repeat: no-repeat;
  font-size: 1.4rem;
  padding-left: 3rem;
}
.form-control:disabled, .form-control[readonly]{
  background-color: #F3EFF0;
  color: #777;
}
.form-select.form-select-solid,
.select2-container--bootstrap5.select2-container--focus .form-select-solid, .select2-container--bootstrap5 .form-select-solid{
  background-color: #fff;
  border-color: #CCCCCC;
}
.select2-container--bootstrap5.select2-container--focus .form-select-solid, .select2-container--bootstrap5.select2-container--open .form-select-solid{
  border-color: #62C489 !important;
}
.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered{
  font-size: 1.4rem;
  color: #aaa;
  font-weight: 400;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option{
  font-size: 1.4rem;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{
  background-color: #F9F7F7;
  color: #aaa;
  font-weight: 400;

}
.file-wrapper{
  margin-top: 0.5rem;

}
.file-wrapper .form-control{
  width: calc(100% - 130px);
  display: inline-block;
  vertical-align: middle;

}
/* *****  Styles Overrite Forms END ******* */
/* *****  Styles Alerts Styles START ******* */
.alert-about{
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  width: calc(100% - 4rem);
}
.alert-yt-default{
  background-color: #F3EFF0;
}
.alert-yt-info{
  background-color: #D2F1F6;
}
.alert-yt-success{
  background-color: #CAE9DC;
}
.alert-yt-error{
  background-color: #FFE9E6;
}
.alert-yt-warning{
  background-color: #FCE2CF;
}
.yt-popover{
  background: #CAE9DC;
  border-radius: 5px;
  width: 40rem;
  display: inline-block;
  padding: 1rem 2rem;
  text-align: center;
  color: #131515;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  font-size: 1.4rem;
  z-index: 9;

}
/* *****  Styles Alerts Styles END ******* */
/* *****  Styles for  page  : Screen Content START ******* */
.yt-accordian .accordion-button{
  font-size: 1.8rem;
  font-weight: 600;
  position: initial;
  display: inline-flex;
  width: calc(100% - 150px);
}
.yt-accordian .accordion-button:not(.collapsed){
  color: #131523;
  background-color: transparent;
  box-shadow: none;

}
.yt-accordian .accordian-sub-title{
  color: #AAAAAA;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
}
.yt-accordian .accordion-button::after{
  background-color: #F3EFF0;
  height: 30px;
  width: 30px;
  text-align: center;
  background-position: center;
  border-radius: 4px;
  position: absolute;
  right: 5px;
  top: 10px;
}
.yt-accordian .accordion-button:not(.collapsed)::after{
  background-image: url('../img/accordian_up.svg');
}
.yt-accordian .accordion-item{
  border: none;
  margin-bottom: 1rem;
  border-radius: 6px;
  box-shadow: 0px 1px 4px #15223214;
}
.accordion-item.highlight{
  border: 2px solid #b0cdff
}
.yt-accordian .accordion-item:first-child .action_move_up svg{
  opacity: 0.3;
  cursor: not-allowed;

}
.yt-accordian .accordion-item:last-child .action_move_down svg{
  opacity: 0.3;
  cursor: not-allowed;
}
.panel-actions{
  margin-right: 5px;
  margin-right: 40px;
  float: right;
  margin-top: 10px;
}
.panel-actions span{
  background-color: #F3EFF0;
  height: 30px;
  width: 30px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  line-height: 30px;
}
.yt-accordian .accordion-header{
  position: relative;
}
.yt-modal  .modal-header{
  border-bottom: 0;
}
.yt-modal  .modal-header .modal-title{
  font-size: 1.6rem;
  font-family: 'IBM Plex Sans';
  color: #171725;
}
.yt-modal .modal-footer{
  justify-content: flex-start;
  border: none;
  padding-top: 0 !important;
}
.yt-select.form-select{
  font-size: 1.4rem;
  font-weight: normal;
}
/* *****  Styles for  page  : Screen Content END ******* */