:root{
	--site-primary:#162A6F;
	--site-secondary:#EA4815;
	--site-hover:#2091B1;
	--site-dark:#1D1D1D;
	--site-yellow:#FFA100;
	--site-black:#000000;
	--site-white:#ffffff;
	--site-font-primary: 'Poppins', sans-serif;
	margin-top:0px !important;
  --width: 100%;--ratio: 0.5625;
}

body {background: #F2F7FF !important;font-family: var(--site-font-primary) !important;}
*{font-family: var(--site-font-primary);}

.btn.primary_btn {border-radius: 38px;border: 1px solid #B78428;background: linear-gradient(180deg, #13132D 0%, #00001A 100%), #D9D9D9;min-width: 104px;color: #FFF;font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.204px;}
.btn.secondary_btn {border-radius: 38px;border: 1px solid #00001A;background: #FFF;min-width: 104px;color: #080808;font-family: Poppins;font-size: 14px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.204px;text-transform: capitalize;}

.menu-vertical, .menu-vertical .menu-block,
.menu-vertical .menu-inner > .menu-item,
.menu-vertical .menu-inner > .menu-header {width: 300px !important;}
.bg-menu-theme{color: #ffffff;background: linear-gradient(175deg, #00001A 0%, rgba(0, 0, 26, 0.90) 100%);}
.bg-menu-theme .menu-inner-shadow{background:none !important;}

.app-brand-logo{display:none !important;}
html:not([dir=rtl]) body .app-brand-text{margin:0px !important;}

.layout-menu-collapsed .app-brand.demo{width:100%;height:auto;margin:0px;}
.layout-menu-collapsed .app-brand-logo{display:block !important;width: 100%;height: auto;}
.layout-menu-collapsed .app-brand-text{display:none !important;}

.layout-menu-collapsed.layout-menu-hover .app-brand-logo{display:none !important;width: 100%;height: auto;}
.layout-menu-collapsed.layout-menu-hover .app-brand-text{display:block !important;}

.layout-menu-collapsed .menu-vertical .menu-inner > .menu-item .menu-link{padding-left:12px;justify-content:center;}
.layout-menu-collapsed.layout-menu-hover .menu-vertical .menu-inner > .menu-item .menu-link{padding-left:26px;justify-content:flex-start;}
.layout-menu-collapsed .menu-vertical .menu-inner > .menu-item{width:100% !important;}
.layout-menu-collapsed.layout-menu-hover .menu-vertical .menu-inner > .menu-item{width:300px !important;}

.menu-vertical .menu-inner{padding-top:26px !important;}
.menu-vertical .menu-inner > .menu-item{margin:3px 0px !important;}
.menu-vertical .menu-inner > .menu-item .menu-link {border-radius: 10px !important;border: none;background:none !important;color: rgba(255, 255, 255, 0.80);font-family: var(--site-font-primary) !important;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;padding: 8px 12px 8px 26px;box-shadow: none !important;}
.menu-vertical .menu-inner > .menu-item > .menu-link {border: 1px solid #B78428;background: linear-gradient(180deg, #13132D 0%, #00001A 100%), #28283E !important;}
.bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.bg-menu-theme .menu-item.active > .menu-link,
.bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle,
.bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle{background: linear-gradient(180deg, #B78428 0%, #00001A 100%), linear-gradient(180deg, #B78428 0%, #00001A 100%) !important;color: #ffffff;}
.menu-vertical .menu-sub{padding-top:21px !important;padding-bottom: 18px !important;}
.menu-vertical .menu-inner > .menu-item .menu-item{margin: 10px 0 0 0;}
.menu-vertical .menu-inner > .menu-item .menu-item .menu-link{background:none;padding:0px 0px 0px 48px;}
.bg-menu-theme .menu-sub > .menu-item > .menu-link:before{display:none;}
.menu-vertical .menu-inner > .menu-item .menu-item.active .menu-link{color: rgba(183, 132, 40, 0.80)!important;background:none !important;}

.layout-navbar-fixed .layout-navbar.navbar-detached{width: 100% !important;}
.layout-navbar.navbar-detached.container-xxl {max-width: calc(100% - 300px) !important;margin-left: 0 !important;margin-top: 0 !important;padding:24px 33px !important;background: #F2F7FF !important;height: auto;}
.layout-navbar-fixed.layout-menu-collapsed .layout-navbar.navbar-detached {width: 100% !important;max-width: calc(100% - 149px) !important;}

.layout-content-navbar .content-wrapper .container-xxl{max-width:100%;padding:0px;}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page{padding-top:124px !important;}
.layout-navbar.navbar-detached {margin: 0px auto 0 !important;border-radius: 0 !important;padding: 0 !important;background: none !important;box-shadow: none !important;}
.layout-navbar-fixed .layout-page:before{display:none !important;}


.page_heading{color: #25396F;margin: 0;font-family: var(--site-font-primary);font-size: 28px;font-style: normal;font-weight: 600;line-height: normal;width: 100%;}
.avatar{width: 50px;height: 50px;}

.card{border-radius: 25px !important;background: #FFF !important;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05) !important;margin-top:12px;}
.card:first-child{margin-top:0px;}
.card-header {padding: 28px 38px !important;border-bottom: 1px solid rgba(0, 0, 0, 0.10) !important;}
.card-title {color: #212121;font-family: var(--site-font-primary);font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;}
.card-body{padding:32px 38px !important;}
.card-body .card-footer {padding: 0px 0px !important;border: none;background: none;margin-top: 70px;}

.user-avatar-section{}
.user-avatar-section .img-fluid{width: 89px;height: 89px;object-fit:cover;object-position:center;border-radius: 50%;}
.profil_img_wrap{position:relative;height:89px;width:89px;}
.edit_img_btn{position:absolute;right:0;bottom:0;width: 32px;height: 32px;background:url(images/edit-profile-icon.svg) no-repeat center center;font-size:0px;text-indent:-99999px;}
.upload_size {color: #000;font-family: Poppins;font-size: 11px;font-style: normal;font-weight: 500;line-height: normal;display: inline-block;width: 100%;margin-top: 17px;}

.user-info{margin-left:21px;}
.user-info .user_name {color: #212121;font-family: var(--site-font-primary);font-size: 20px;font-style: normal;font-weight: 600;line-height: normal;margin: 0;}
.user-info .user_badge {border-radius: 10px;background: #B78428;padding: 5px 21px;color: #FFF;font-family: var(--site-font-primary);font-size: 12px;font-style: normal;font-weight: 500;line-height: normal;margin-top:5px;}
.btn.button_edit {border-radius: 14px;border: 1px solid #B78428 !important;background: linear-gradient(180deg, #13132D 0%, #00001A 100%), #AEAEAE;color: #FFF;font-family: var(--site-font-primary);font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;padding: 8px 22px;box-shadow: none !important;min-width:169px;}

.user_info_list{}
.user_info_list li{margin-top:20px;}
.user_info_list li:first-child{margin-top:0px;}
.user_info_list .user_list_head {color: #000;font-family: var(--site-font-primary);font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;min-width: 161px;display: inline-block;max-width: 161px;margin-right: 38px;text-transform: capitalize;}
.user_info_list .user_list_head + span{color: #000;font-family: var(--site-font-primary);font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;}


.authentication-wrapper.authentication-basic .authentication-inner {max-width: 480px;}
.authentication-inner p{color: #FFF;font-family: var(--site-font-primary);font-size: 13.525px;font-style: normal;font-weight: 400;line-height: normal;text-align:center;}
.authentication-inner h4{color: #FFF;font-family: var(--site-font-primary);font-size: 16.907px;font-style: normal;font-weight: 600;line-height: normal;text-align:center;}
.authentication-inner .form-control{width: 100%;border-radius: 12px;border: 1px solid #B78428 !important;background: linear-gradient(180deg, #0E0E44 0%, #00001A 100%), #D9D9D9 !important;height:50px;padding:8px 18px;box-shadow:none;outline:none;}
.counter-code-wrap{max-width: 108px;width:100%;margin-right: 7px;position:relative;}
.counter-code {appearance: none !important;-webkit-appearance: none !important;padding-left: 54px !important;}
.country-img {position: absolute;left:14px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);width: 30px;height: 30px;object-fit: cover;object-position: center;}

.counter-code{appearance: none;-webkit-appearance: none;}
.authentication-inner .form-control::-webkit-outer-spin-button,
.authentication-inner .form-control::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.authentication-inner .form-control[type=number] {-moz-appearance: textfield;}
.authentication-inner .form-control{color: #ffffff;font-family: var(--site-font-primary);font-size: 17px;font-style: normal;font-weight: 400;line-height: normal;}

.form-label{color: #000 !important;font-family: Poppins !important;font-size: 12px !important;font-style: normal !important;font-weight: 500 !important;line-height: normal !important;letter-spacing: 0.24px !important;margin-bottom: 4px !important;}
.form-label .required{color:  #FD3552 !important;}
.form-control{color: #A4A4A4 !important;font-family: Poppins !important;font-size: 12px !important;font-style: normal !important;font-weight: 400 !important;line-height: normal !important;letter-spacing: 0.24px !important;border-radius: 10px !important;border: 1px solid #E9E9E9 !important;background: #FFF !important;height: 50px !important;box-shadow:none !important;padding: 16px 20px;}
textarea.form-control{color: #A4A4A4 !important;font-family: Poppins !important;font-size: 12px !important;font-style: normal !important;font-weight: 400 !important;line-height: normal !important;letter-spacing: 0.24px !important;border-radius: 10px !important;border: 1px solid #E9E9E9 !important;background: #FFF !important;height: 118px !important;box-shadow:none !important;padding: 16px 20px;resize:none;}

.form-select {color: #A4A4A4 !important;font-family: Poppins !important;font-size: 12px !important;font-style: normal !important;font-weight: 400 !important;line-height: normal !important;letter-spacing: 0.24px !important;border-radius: 10px !important;border: 1px solid #E9E9E9 !important;background: #FFF url(images/arrow-up.svg) no-repeat center center !important;height: 50px !important;background-position: calc(100% - 16px) center !important;padding: 16px 20px 16px 20px;}
.bootstrap-select{background:none !important;}
.bootstrap-select .dropdown-toggle.btn{color: #A4A4A4 !important;font-family: Poppins !important;font-size: 12px !important;font-style: normal !important;font-weight: 400 !important;line-height: normal !important;letter-spacing: 0.24px !important;border-radius: 10px !important;border: 1px solid #E9E9E9 !important;background: #FFF;height: 50px !important;background-position: calc(100% - 16px) center !important;padding: 16px 20px;}
.bootstrap-select .dropdown-toggle:after{background: url(images/arrow-up.svg) no-repeat center center !important;height: 50px !important;width: 50px !important;background-position: center center !important;border: none !important;transform: initial !important;-webkit-transform: initial !important;right: 0;top: 0;margin: 0;}
.bootstrap-select .dropdown-toggle.show:after{transform: rotate(180deg) !important;-webkit-transform: rotate(180deg) !important;}
.bootstrap-select .dropdown-menu li a{padding: 10px 20px;}
.dropdown-item.active, .dropdown-item:active{background: linear-gradient(180deg, #B78428 0%, #00001A 100%), linear-gradient(180deg, #B78428 0%, #00001A 100%) !important;color: #ffffff;}
.bootstrap-select .dropdown-menu li a:hover{background: linear-gradient(180deg, #13132D 0%, #00001A 100%), #AEAEAE !important;color: #FFF !important;}
.bootstrap-select .dropdown-menu a:not([href]):not(.active):not(:active):not(.selected):hover{color:#ffffff !important;}
.form_note{color: #9F9F9F;font-family: Poppins;font-size: 12px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.24px;margin-top:12px;}
.form_input_group {border-radius: 10px !important;border: 1px solid #E9E9E9 !important;background:#ffffff;box-shadow: none !important;overflow: hidden;padding-top: 12px;padding-bottom: 12px;}
.form_input_group .input-group{}
.form_input_group > select.form-select {height: 25px !important;border: none !important;width: 67px;box-shadow: none !important;max-width: 67px;padding: 0px 0px 0px 20px !important;min-width: 67px;border:none !important;border-radius: 0px !important;background-position: right center !important;margin: 0 6px 0 0 !important;}
.form_input_group > .form-control{border:none !important;border-left: 1px solid #A4A4A4 !important;border-radius: 0px !important;padding-top: 12px;padding-bottom: 12px;height: 25px !important;padding-left:11px !important;}

.download_file_wrap {box-shadow: none !important;position:relative;}
.download_file_wrap .form-control{padding-right: 150px;}
.download_file_wrap .download_file {border-left: 1px solid #414141 !important;position: absolute;right: 29px;top: 8px;height: 36px;display: flex;align-items: center;padding: 9px 0px 9px 16px;margin: 0 !important;color: #414141;font-family: Poppins;font-size: 12px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.18px;}
.download_file_wrap .download_file i{margin-right:7px;}

table .switch .switch-toggle-slider{border: 1px solid rgba(0, 0, 0, 0.10) !important;background: #FFF;color: #212121;font-family: Poppins;font-size: 10px;font-style: normal;font-weight: 500;line-height: 24px;letter-spacing: 0.15px;width: 94px;height: 24px;}
table .switch .switch-toggle-slider span{text-align: left;}
table .switch-input:checked ~ .switch-toggle-slider{border: 1px solid rgba(0, 0, 0, 0.10) !important;background: #FFF;}
table .switch .switch-toggle-slider::after{background: #B78428;width: 18px;height: 18px;margin: 0;top: 2px;left: 4px;}
table .switch .switch-input:checked ~ .switch-toggle-slider::after {left: calc(94px - 25px);background: #B78428;}
table .switch .switch-off {padding-left: 27px;}
table .switch .switch-toggle-slider span.switch-on {text-align:right;padding-right: 27px;}

.modal-body .modal-footer{padding:0px;}

.authentication-inner .app-brand{padding-bottom:42px;}
.login-form{margin-top:16px;}
.authentication-inner .form-control ::-webkit-input-placeholder {color: #ffffff;opacity:1;}
.authentication-inner .form-control::-moz-placeholder {color: #ffffff;opacity:1;}
.authentication-inner .form-control:-ms-input-placeholder {color: #ffffff;opacity:1;}
.authentication-inner .form-control:-moz-placeholder {color: #ffffff;opacity:1;}
.authentication-inner .btn-primary {background: #B78428;color: #ffffff;border: none;box-shadow: none !important;height: 50px;margin-top:22px;}
.authentication-inner .btn-primary:hover{background: #ffffff;color: #B78428;}

.button_edit {}
.button_edit i{margin-right:10px;}
.download_btn {color: #414141;font-family: Poppins;font-size: 12px;font-style: normal;font-weight: 500;line-height: 1;letter-spacing: 0.18px;display: inline-flex;align-items: center;}
.download_btn i{vertical-align: middle;margin-right:8px;}


table th{color: #404040;font-family: Poppins;font-size: 15px;font-style: normal;font-weight: 700;line-height: normal;letter-spacing: 0.228px;text-transform: uppercase;border:none;border-bottom: 1px solid #E6E6E6;background: #FFF;}
table td{color: #404040;font-family: Poppins;font-size: 11px;font-style: normal;font-weight: 500;line-height: normal;border:none;padding-top:14px !important;padding-bottom:14px !important;border-bottom: 1px solid #E6E6E6;background: #FFF;}
table tr th:first-child,
table tr td:first-child{padding-left:0px;}
table tr th:last-child,
table tr td:last-child{padding-right:0px;}
.table_action {margin-left: 15px;color: #3E567C;}
.table_action:first-child {margin-left:0px;}
.tabe_delete_btn{color:#FD3535;}
.dataTables_wrapper .row:last-child{margin-top:10px;}
.paginate_button .page-link{border-radius: 10px !important;color: #404040;font-family: Poppins;font-size: 11px !important;font-style: normal !important;font-weight: 500 !important;line-height: normal !important;padding:9px 9px !important;}
.paginate_button.previous .page-link{border: 1px solid rgba(0, 0, 0, 0.10) !important;background: #FFF !important;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.04) !important;min-width: 91px;padding:9px 24px !important;}
.paginate_button.next .page-link{border: 1px solid rgba(0, 0, 0, 0.10) !important;background: #FFF !important;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.04) !important;min-width: 91px;padding:9px 24px !important;}
.paginate_button.active .page-link{background: linear-gradient(180deg, #B78428 0%, #00001A 100%), linear-gradient(180deg, #B78428 0%, #00001A 100%) !important;color: #ffffff;}
.page-link.disabled,
.disabled > .page-link{background: rgba(0, 0, 0, 0.10) !important;}
.dataTables_info {color: #404040;font-family: Poppins;font-size: 11px;font-style: normal;font-weight: 500;line-height: normal;}
.card_action_wrapper .bootstrap-select .dropdown-toggle.btn{border-radius: 10px;background: #FFF;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.04) !important;border: none !important;height: 40px;line-height: 38px;padding:16px 19px;color: #404040;font-family: Poppins;font-size: 12px;font-style: normal;font-weight: 500;line-height: normal;text-transform: capitalize;}
.card_action_wrapper .form-control{border-radius: 10px;background: #FFF;box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.04) !important;border: none !important;height: 40px;}
.card_action_wrapper .bootstrap-select .dropdown-toggle:after{height: 40px;}

.dataTables_length label{color: #404040;font-family: Poppins;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;}
.dataTables_filter label{color: #404040;font-family: Poppins;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;}
div.dataTables_wrapper div.dataTables_length select {height: 31px !important;min-width: 62px !important;padding: 6px 7px;background-position: calc(100% - 6px) center !important;}
div.dataTables_wrapper div.dataTables_filter input{height:31px !important;min-width:223px;box-shadow:none !important;}


.modal .modal-content{padding:0px !important;}
.modal .modal-header{border-bottom: 1px solid #CCCCCC;padding: 21px 24px;position: relative;}
.modal .modal-header .btn-close{position: initial;transform: initial !important;position: initial;box-shadow: none;}

.add_member_btn {border-radius: 40px;background: #B78428;color: #ffffff;width: 100%;display: inline-block;display: flex;align-items: center;justify-content: center;height: 41px;}

@media (min-width: 1200px){
.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
.layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar,
.layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar{left: 300px !important;}
.layout-navbar-fixed.layout-menu-collapsed:not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-content-navbar .layout-navbar,
.layout-menu-fixed.layout-navbar-fixed.layout-menu-collapsed .layout-content-navbar .layout-navbar{left: 117px !important;}
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical,
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {width: 84px !important;}
.layout-menu-fixed:not(.layout-menu-collapsed) .layout-page,
.layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {padding-left: 333px !important;}
.layout-menu-fixed.layout-menu-collapsed .layout-page {padding-left: 117px !important;}

.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item div:not(.menu-block), .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item div:not(.menu-block){display:none !important;}
}

.layout-content-navbar .content-wrapper{padding-right: 33px;}
html:not(.layout-footer-fixed) .layout-content-navbar .content-wrapper{padding-bottom: 33px !important;}

.login-page {background: url(images/login-bg.jpg) no-repeat center top !important;background-size: cover !important;}
.authentication-wrapper.authentication-basic .card{border-radius: 21px !important;background: rgba(247, 247, 247, 0.10) !important;box-shadow: 3.38137px 3.38137px 16.90685px 0px rgba(0, 0, 0, 0.25) !important;}
.authentication-wrapper.authentication-basic .card-body{padding:47px 43px !important;}
.authentication-wrapper.authentication-basic .authentication-inner:before,
.authentication-wrapper.authentication-basic .authentication-inner:after{display:none !important;}


@media(max-width:1199px){
html.layout-navbar-fixed .layout-navbar.navbar-detached{width: 100% !important;max-width: 100% !important;}
html.layout-navbar-fixed .layout-navbar.navbar-detached,
.layout-content-navbar .content-wrapper{padding-left:20px !important;padding-right:20px !important;}

.card-header{padding: 18px 18px !important;}
.card-body {padding: 20px 18px !important;}
}

@media(max-width:991px){
.paginate_button {display:none !important;}
.paginate_button.previous,
.paginate_button.next{display:inline-block !important;}
.table_action{width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;margin-right:10px;margin-left:0px;}
}
@media(max-width:767px){
div.dataTables_wrapper div.dataTables_filter,
.paginate_button.previous,
.paginate_button.next{margin-top:15px;}
}
@media(max-width:667px){
.user_panel_wrap{flex-wrap: wrap;}
.user-avatar-section {width: 100%;margin-bottom: 15px;}
.button_edit{}
}
