@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');

input,button,body,h1,h2,h3,h4,h5,h6,span,a{font-family: 'Poppins', arial, sans-serif;}

body{font-family: 'Poppins', arial, sans-serif; font-size:16px; background-color: #ffffff;  color:#000000;}

h1,.h1 {font-size: 40px;font-weight: 700;}
h2,.h2 {font-size: 36px;font-weight: 700;}
h3,.h3 {font-size: 24px;font-weight: 700;}
h4,.h4 {font-size: 18px;font-weight: 700;}
h5,.h5 {font-size: 16px;font-weight: 700;}
h6,.h6 {font-size: 12px;font-weight: 700;}
p{word-break: break-word;}


::selection {background: #15385E;color: #ffffff;}

@-moz-document url-prefix(){
    select, select:-moz-focusring, select::-moz-focus-inner{color:transparent !important;text-shadow: 0 0 0 #000 !important;background-image: none !important;border:0;}
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;-webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.6) inset;
}

.overflow-hidden{overflow: hidden;}

/*---colours links---*/
a{color: #000000; text-decoration: none}
a:hover{color: #444444;}

.link-primary{color: #15385E !important;}

/*----background and color----*/
.bg-top-contain-url{background-size: contain; background-repeat:repeat;background-position: center top;}
.bg-bottom-contain-url{background-size: contain; background-repeat:repeat;background-position:50% 80%;background-repeat: no-repeat;}
.bg-center-contain-url{background-size: contain; background-repeat:repeat;background-position:50% 50%;background-repeat: no-repeat}
.bg-lg-contain-url{background-size: 1900px; background-repeat:repeat;background-position:50% 80%;background-repeat: no-repeat}

.bg-top-url{background-size: cover; background-repeat: no-repeat;background-position: center top;}
.bg-center-url{background-size: cover; background-repeat: no-repeat;background-position: center center;}
.bg-bottom-url{background-size: cover; background-repeat: no-repeat;background-position: center bottom;}

.card.overlay-black:before{background-color:rgba(0, 0, 0,0.4);width:100%;height:100%;display:block;top:0;left:0;position:absolute;content:'';}
.card.overlay-black>.container,
.card.overlay-black>*,
.card.overlay-black>.container-fluid{position: relative;}

.bg-grey{background-color: #F7F7F7 !important;}
.bg-greylight{background-color: #F7F7F7 !important;}



.bg-white-20{background-color: rgba(255,255,255, 0.20) !important;}
.bg-primary{background-color: #15385E !important;}
.bg-primary-50{background-color: rgba(21,56,94, 0.50) !important;backdrop-filter: blur(41px);}
.bg-primary-l{background-color: #cee2ff !important;}

.text-bg-primary{background-color:#15385E!important;}

.text-primary{color:#15385E !important;}


.btn-width-lg{min-width: 150px}

.btn-primary{background-color: #15385E; border-color:#15385E;}
.btn-primary:hover,.btn-primary:focus{color: #f1f1f1;background-color: #2C4C6E;border-color:#15385E;}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle{color: #f1f1f1;}

.btn-outline-primary{border-color:#15385E;color:#15385E}
.btn.btn-outline-primary:focus,.btn.btn-outline-primary:focus{color: #15385E;border-color:#15385E;color:#ffffff;}
.btn-outline-primary:hover,.btn-outline-primary:focus{background-color: #15385E;}

.btn-outline-primary.active,
.btn-check:checked+.btn.btn-outline-primary{background-color: #15385E;border-color:#15385E;color: #ffffff;}
.btn-check:checked+.btn.btn-outline-primary:hover{color: #ffffff;}
.btn-check+.btn.btn-outline-primary:hover{border-color:#15385E;color:#15385E;}

.btn-dark{border-color: #000000; background-color:#000000}

.content .btn-width-lg{min-width: 200px}

.btn{border-radius: 4px;}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .show > .btn.dropdown-toggle:focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.btn.focus, .btn:focus{box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}

.form-floating>label{width: 100%;}

.border-primary{border-color:#15385E!important;}

/*collapsed*/


.bs-fa-long-arrow-updown.collapsed .fa-long-arrow-up:before{content: "\f176";}
.bs-fa-long-arrow-updown .fa-long-arrow-up:before{content: "\f175";}
.bs-fa-angle-updown.collapsed .fa-angle-up:before{content: "\f107";}
.bs-fa-angle-updown .fa-angle-up:before{content: "\f106";}
.bs-fa-angle-updown.collapsed .fa-angle-down:before{content: "\f107";}
.bs-fa-angle-updown .fa-angle-down:before{content: "\f106";}
/*----header narber----*/

.input-group-text{border-radius: 4px;}
.form-control{background-color: #ffffff;border-radius: 4px;}
.form-check-input[type=checkbox]{box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}
.form-select:focus,.form-control:focus {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);background-color: #ffffff;}
.form-check-input:checked {background-color: #15385E;border-color: #15385E;}
.form-check-input:focus {border-color: #15385E;box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);}

.form-control{background-color: #ffffff;border-radius: 4px;border-color:rgba(255,255,255, 0.20);color:#15385E;}
.form-select{color:#15385E;}
.form-control:focus{border-color:#ffffff;color:#15385E;}
.form-select:focus{color:#15385E;}

.form-floating>label:after{background-color:transparent !important;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{background-color: rgba(0,0,0,0.05);color:#212529;}
.form-select[disabled], .form-select[readonly], fieldset[disabled] .form-select{background-color: rgba(0,0,0,0.05);color:#212529;}

textarea{resize: none;}

.card{border-color: #ffffff;}
/* ----- End Home ----- */

/* content */
.content .list-unstyled a{text-decoration:none;}
.content ul a{text-decoration:none;}
.content .fa-ul a{text-decoration:none;}
.content .bs-fa-chevron-collapse a{text-decoration:none;}

/*clip*/
.border-primary-clip{filter: drop-shadow(1px 0px 0px #15385e) drop-shadow(0px 1px 0px #15385e) drop-shadow(0px -1px 0px #15385e) drop-shadow(-1px 0px 0px #15385e);}
.db-card-url{background-position: 90% 50%;background-size: 100px;background-repeat: no-repeat;min-height:160px;}
.db-card-modal-url{background-position: 20px 20px;background-size: 150px;background-repeat: no-repeat;min-height:160px;}
.overlay-black .db-card-modal-url{background-position: 80% 40px;}

/*Dashboard*/
#wrapper{min-height: 100vh;}
.page-content-wrapper{ min-height:100vh;}

/* Open and Close */
#wrapper{width:100%; height: auto; position: relative;}
#wrapper #sidebar-wrapper{width: 230px;min-height:100%; height:auto;background:#15385E;vertical-align: top;position:fixed;transition: width 0.5s ease-in-out;    background-position: -50px 120%;background-size: 210px;background-repeat: no-repeat;    border: 8px solid #ffffff;
    border-radius: 20px;}

#wrapper #sidebar-wrapper .sidebar-boader{overflow: hidden;}
#wrapper #page-content-wrapper{position:relative;vertical-align: top; margin-left:230px;height: auto;min-height: 100vh; background:#F7F7F7;transition: margin-left 0.5s ease-in-out;    background-position: 96% 120%;background-repeat: no-repeat;background-size: 270px;}

/*#wrapper.menu-responsive #sidebar-wrapper{width: 230px;z-index: 1;transform: translateX(-100%);}
#wrapper.menu-responsive #page-content-wrapper{margin-left:0px;}
#wrapper.menu-responsive .bs-menu .fa-li{position:absolute;left:-30px;}*/
#wrapper .bs-menu span{white-space: nowrap;transition: all 0.5s ease-in-out;}
#wrapper .bs-menu .fa-li{transition: all 0.5s ease-in-out;}
#wrapper #sidebar-wrapper img.img-fluid.mb-4{min-width: 24px !important;min-height: 30px;object-fit: cover;object-position: left;}

/* sidebar left Menu*/
.bs-menu.fa-ul {margin-left: 0;padding-left:0px;}

.bs-menu>li{position: relative;font-size:14px;padding-left: 30px;border-top:1px solid #2C4C6E;}
.bs-menu>li:first-child{border-top:none 0px;}
.bs-menu>li:hover{background-color: #2C4C6E;}
.bs-menu>li a{position:relative;color:#ffffff;padding:15px 0px;display: block;}


.db-setting-tab-nav>li{position: relative;font-size:14px;min-width:200px; margin-top: 10px;}
.db-setting-tab-nav>li:first-child a{border-top:none 0px;}
.db-setting-tab-nav>li a{position:relative;display: block; text-align:left;}

/*bundle*/
.radios .btn-check:checked+.btn,
.radios .btn.active,
.radios .btn.show,
.radios .btn:first-child:active,
.radios :not(.btn-check)+.btn:active {background: #5d9fff !important;color: #15385E;}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  background-color:  #5d9fff;
  border-color: #5d9fff;
  opacity:1;
}

.radios-item{width:100%; max-width:160px;}

/*table*/
.bs-table{font-size: 90%;font-weight: 400;}
.bs-table{margin-bottom:0;}
.bs-table thead th,.bs-table thead td{background-color:#D0D7DF;border:0 none; vertical-align: middle;}
.bs-table thead th:first-child,.bs-table thead td:first-child{background-color:#D0D7DF;border:0 none;border-radius: 8px 0px 0px 8px;}
.bs-table thead th:last-child,.bs-table thead td:last-child{background-color:#D0D7DF;border:0 none;border-radius:0px 8px 8px 0px;}
.bs-table tbody tr:first-child td{border-top:0 none;}

.bs-table tbody tr{border-top:8px solid #ffffff;}
.bs-table tbody th,.bs-table tbody td{background-color:#F7F7F7;border:0 none; vertical-align: middle;}
.bs-table tbody th:first-child,.bs-table tbody td:first-child{background-color:#F7F7F7;border:0 none;border-radius: 8px 0px 0px 8px;}
.bs-table tbody th:last-child,.bs-table tbody td:last-child{background-color:#F7F7F7;border:0 none;border-radius:0px 8px 8px 0px;}


.bs-table.bs-table-danger thead th,.bs-table.bs-table-danger thead td{background-color:#d90000;border:0 none; color:#ffffff;}
.bs-table.bs-table-dark thead th,.bs-table.bs-table-dark thead td{background-color:#000000;border:0 none; color:#ffffff;}
.bs-table.bs-table-primary thead th,.bs-table.bs-table-primary thead td{background-color:#15385E;border:0 none; color:#ffffff;}


.table-last-end th:last-child,
.table-last-end td:last-child{text-align:right;}

/*pagination*/
.bs-pagination .page-link{background-color:#F7F7F7;border-radius:8px !important;min-width:40px;text-align:center;margin-left:10px !important;color:#15385E;border-color:transparent;}
.bs-pagination .page-link:focus{box-shadow:none;}
.bs-pagination .page-link:hover,
.bs-pagination .page-link.active{color:#F7F7F7;background-color:#15385E;}


/*countries and faqs*/
.bs-accordion i{padding:4px 6px;}
.bs-accordion .filter-flag-no{display: block;}
.bs-accordion .bs-accordion-body{background-color:#ffffff;border:#EBEBEB 1px solid;padding:10px 10px;border-radius: 8px;}
.flag-size1x {width: 38px;}
.flag-size-small {width: 26px;}

.img-small{width:18px}
.img-1x{width:80px}
.img-2x{width:120px}
.img-3x{width:200px}

/* Badge Notification */
span.badge.rounded-pill.text-bg-primary.position-absolute.start-100.translate-middle {
  top: 3px;
}

/* Data Tables  */
.data-table button.btn, .data-table .a.btn{
  padding: 6px 10px;
  background:#fff;
  color:#212529;
  font-size:14px;
  border:none;
  margin-right:2px !important;
}

a.btn.btn-default.buttons-collection.buttons-colvis {
  display: none;
}

a.btn.btn-default.buttons-html5, a.btn.btn-default.buttons-print {
  background-color: #15385E;
  border-color: #15385E;
  color: #fff;
  border-radius: 6px 6px !important;
  margin: 5px;
  width: 100%;
}
div#example_filter {
  text-align: left;
}

div#example_length {
  display: none;
}
a.btn.btn-default.buttons-copy.buttons-html5 {
  display: none;
}
.data-table-bg 
 div#example_wrapper {
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
}

.data-table-bg 
 th, td, tr {
    border: none;
}

.data-table-bg table {
  border-radius: 10px 10px 0 0 !important;
  background-color: #d0d7df !important;
}
.data-table-bg thead tr th {
  background-color: #d0d7df !important;
  border-radius: 10px 10px 0 0 
}



/*popup*/
.modal{background-color: rgba(21,56,94, 0.50) !important;}

@media screen and (max-width: 1199px){
    
}
@media screen and (max-width: 1199px) {
    .login h1,.login .h1 {font-size: 40px;font-weight: 700;}
    .login h2,.login .h2 {font-size: 32px;font-weight: 700;}
    .login p {font-size: 14px; margin-bottom: 8px;}
    .login .form-group.mb-4 {margin-bottom: 0.8rem!important;}
    .login label.form-check-label {font-size: 14px !important;}
    .login .card-footer.border-0.pb-4.pt-0.px-4 {padding-bottom: 15px !important;font-size: 14px;}
    .login .card-body.px-4 {padding: 10px;flex: 0;}
    .login button.btn.w-100.btn-outline-light.rounded-0 {padding: 4px;font-size: 14px;}
}
@media screen and (max-width: 991px){
    h1,.h1 {font-size: 40px;font-weight: 700;}
    h2,.h2 {font-size: 36px;font-weight: 700;}
    .border-lg-end{border-right:0px none !important;}
}
@media screen and (max-width: 767px){
    h1,.h1 {font-size: 34px;font-weight: 700;}
    h2,.h2 {font-size: 32px;font-weight: 700;}
    h3,.h3 {font-size: 26px;font-weight: 700;}
    
    #wrapper #sidebar-wrapper{width: 70px;z-index: 1;}
    #wrapper #page-content-wrapper{margin-left:70px;}
    #wrapper .bs-menu .fa-li{left: -30px;font-size: 18px;}
    #wrapper .bs-menu span{opacity:0; pointer-events:none;}

    .flag-size1x {width: 30px;}
}
@media only screen and (max-height:660px){
    .small-h-laptop{max-height:310px !important;}
}
@media screen and (max-width: 539px){
    .position-sm-absolute-top {margin-top:-9px;margin-left:-9px;margin-right:-9px;}
}
@media screen and (max-width: 500px){
    .card-clip-100{clip-path: polygon(100% 15px, 100% 100%, 0% 100%, 0% 0%, 0% 0%, 94% 0% );} 
    #sidebar-wrapper{width: 140px;}
    #page-content-wrapper{margin-left:140px;}
    .search-form{max-width:70%}
    /* sidebar left Menu*/
    .bs-menu>li{margin-bottom: 8px;}
    .bs-menu>li a{padding:6px 0px;padding-left: 12px; border-left:4px solid transparent;font-size:12px;}
}
@media screen and (min-width: 540px){
    .position-sm-absolute-top{position:absolute; left:0; top:20px;right:0;transform: translateY(-70%)}
}
@media screen and (min-width: 768px){
    .border-md-end{border-top-right-radius:0px !important;border-bottom-right-radius:0px !important;}
    .me-md-n1{transform:translateX(17px);}
    .bs-nav-w-md{min-width:160px;}
    .rounded-md-0{border-radius: 0px !important;}
    .rounded-start-md-0{border-radius: 0px 0px 0.375rem 0.375rem !important;}
    .rounded-end-md-0{border-radius: 0.375rem 0.375rem 0px 0px !important}
}