/** colors */
:root, [data-theme=light] {
     --kt-primary: #0F62FE;
     --kt-primary-active: #0F62FE;
     --bs-link-color:  #0F62FE;
}

.landing {
     overflow: hidden;
     min-height: 100vh;
     display: flex;
     flex-direction: column;

     /* width: 100%; */
     height: auto;
     max-width: 100%;

     background-position: center;

     background-image: url("/images/background-L.png");
     background-repeat: no-repeat;
     background-size: cover;
}

.link-primary:hover, .link-primary:focus {
     color: #0F62FE !important;
 }
.ml-25 {
    margin-left: 2.5rem !important;
}
.btn .btn-next {
     height: 50px !important;
}
.btn-next {
    
     border-radius: 30px;
     background-color: #0F62FE;
     color:#FFFFFF;
    
}
.btn-next:hover {
     border: 2px solid black !important;
     background-color: #fbfdff;
     color:black;
    
    
} 

.btn-next:focus {
     border: 2px solid black !important;
     background-color: #0F62FE;
    color:#FFFFFF;
    
    
}
.btn-next:disabled { 
  background-color: #666;
  color: #181C32;
}
.btn-back {
     /* transition-duration: 0.4s; */
     border-radius: 30px;
     background-color:#181C32;
     color:#FFFFFF;
    
}
.btn-back:hover {
     border: 2px solid black !important;
     background-color: #fbfdff;
     color:#181C32;
   
} 
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
     /* color: var(--bs-btn-disabled-color); */
     pointer-events: none;
     /* background-color: var(--bs-btn-disabled-bg); */
     border-color: var(--bs-btn-disabled-border-color) !important;
     opacity: var(--bs-btn-disabled-opacity) !important;
     box-shadow: none;
 }
.btn.btn-info {
     color: var(--kt-info-inverse);
     border-color: var(--kt-info);
     background-color: #0F62FE !important;
 }
 .btn.btn-info:hover {
     color: var(--kt-info-inverse);
     border-color: var(--kt-info);
     background-color: #0F62FE !important;
 }
 .btn-check:checked + .btn.btn-info, .btn-check:active + .btn.btn-info, .btn.btn-info:focus:not(.btn-active), .btn.btn-info:hover:not(.btn-active), .btn.btn-info:active:not(.btn-active), .btn.btn-info.active, .btn.btn-info.show, .show > .btn.btn-info {
     color: var(--kt-info-inverse);
     border-color: var(--kt-info-active);
     background-color: #0F62FE !important;
 }

 .btn:disabled, .btn.disabled, fieldset:disabled .btn {
     color: gray;
     pointer-events: none;
     background-color: var(--bs-btn-disabled-bg);
     border-color: var(--bs-btn-disabled-border-color);
     opacity: var(--bs-btn-disabled-opacity);
     box-shadow: none;
 }

.error {
border: 1px solid red;
}

.page-link.active, .active > .page-link {
   
     background-color: #0F62FE !important;
    
 }
 .form-check-input:checked {
     background-color: #0F62FE !important;
     border-color:  #0F62FE !important;
 }

div#create-project .menu-link .menu-title {
     border-radius: 25px;
     color: #f3f3f3;
     background-color: #1C62F8 !important;
     border: none;
     padding: 2px 2px; 
     text-align: center;
     display: inline-block;
     font-size: 16px;
     
     }

div#create-project .menu-link .menu-title:hover {
     border-radius: 25px;
     color: #f3f3f3;
     background-color:  var(--kt-primary) !important;
     border: none;
     padding: 2px 2px; 
     text-align: center;
     display: inline-block;
     font-size: 16px;

}

.bg-danger {
     --kt-bg-rgb-color: var(--kt-danger-rgb);
     background-color: #000000 !important;
}
.bg-primary {
     --kt-bg-rgb-color: var(--kt-primary-rgb);
     background-color: #1C62F8 !important;
     }

.card-header:first-child {
     border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
 }
/*** used in  tables **/
.pf-btn-circle {                 
     border-radius: 20px 20px;   
     background-color: #181C32 !important;
}
.pf-btn-rounded-black {                 
     border-radius: 20px 20px;   
     color: white;
     background-color: #181C32 !important;
}
.pf-btn-rounded-black:disabled {                 
     border-radius: 20px 20px;   
     color: gray;
     background-color: #181C32 !important;
}
.pf-btn-rounded-black:hover {                 
     border-radius: 20px 20px;   
     color: #1C62F8 !important;
     background-color: #181C32 !important;
}
.pf-btn-rounded-blue {                 
     border-radius: 20px 20px;   
     color: white;
     background-color: #0F62FE !important;
          
}
.pf-btn-rect-blue {                 
     --bs-btn-border-radius: 0.625rem;
     color: white;
     background-color: #0F62FE !important;
          
}

     
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: black;
font-size: 16px;
font-weight:800;
background-color:#fafafc !important;
border-radius: 20px !important;
}

.btn-bd-primary {
  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet);
  --bs-btn-border-color: var(--bd-violet);
  --bs-btn-border-radius: .5rem;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #{shade-color($bd-violet, 10%)};
  --bs-btn-hover-border-color: #{shade-color($bd-violet, 10%)};
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #{shade-color($bd-violet, 20%)};
  --bs-btn-active-border-color: #{shade-color($bd-violet, 20%)};
}

.xwrapper {
  position: relative;
  display: inline-block;
  width: 150px;
}

.xclose {
  position: absolute;
  top: 0;
  right: 0;
 
}
.dropzone .dz-preview.dz-image-preview {
     background: #f1faff;
     width: 120px;
     word-wrap: break-word;
 }
.dz-preview .dz-processing .dz-image-preview .dz-success .dz-complete {
     width: 120px;
}

.youtube-container {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
} 
 
.responsive-iframe {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
   }

  .btn-mess{
     float: right;
     margin-top: -10px;
     width: 15px;
     height: 15px;
 }

 /**
   form controls
 */

 .form-control.form-control-solid {
    background-color: var(--kt-input-solid-bg);
    border-color:#a7aaad !important;
    color: var(--kt-input-solid-color);
    transition: color 0.2s ease;
}

.form-select.form-select-solid {
     background-color: var(--kt-input-solid-bg);
     border-color: #a7aaad !important;
     color: var(--kt-input-solid-color);
     transition: color 0.2s ease;
 }

 .form-check-custom.form-check-solid .form-check-input {
     border: 0;
     background-color: #a7a5a5 !important;
 }

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

 /*
 table style


 */

 table.dataTable {
     clear: both;
     margin-top: 6px !important;
     margin-bottom: 6px !important;
     max-width: none !important;
     border-collapse: separate !important;
     border-spacing: 0;
     border-block-end: solid !important;
 }

/*     
  carousel slider
*/

.full-screen {
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
   }

   /*** datatable ***/

   table.table-bordered.dataTable thead tr th {
     color: #000 !important;
   }
   @media screen and (max-width: 767px) {
     
   }