body , html{margin: 0px; padding: 0px; box-sizing: border-box;}

.main_header{background-color: #333; padding: 10px 40px;display: flex;flex-direction: row;align-items: center;justify-content: space-between;}

.navbar-toggler{position: absolute; right: 20px; border-color: #eee; border-radius: 0px; top: 20px; display: none;}

.main_header .navbar-brand{color: #fff; padding: 0px;}
.main_header .navbar-brand img{width: 52px; margin-right: 15px;}
.navbar-default .navbar-brand:hover{background-color: transparent;}

/* login user */
.login_admin{position: relative;}
.login_admin .user-icon{display: inline-block; cursor: pointer; width:35px; height: 35px; border-radius: 100%; overflow: hidden;}
.login_admin .user-icon img{width: 100%;}

.dropdown_menu{position: absolute;padding: 0px;list-style: none;background: #000;width: 200px;right: -5px; top: 48px; display: none; }
.dropdown_menu::before{content: '';  position: absolute; top: -13px; border-left: 10px solid transparent; right:16px;border-right: 10px solid transparent; border-bottom: 15px solid #000;}
.dropdown_menu li a:hover{background-color: #211f1f;}
.dropdown_menu li a{display: block; padding: 10px 20px; color: #ddd; text-decoration: none; border-bottom: 1px solid #4a4848;}
.dropdown_menu li a .fa{margin-right: 10px;}
.login_admin:hover .dropdown_menu{display: block;}

.navbar-default.sidebar{background-color: #333; height: 100vh; overflow: scroll; min-width: 280px;}
#page-wrapper{padding: 50px 60px; background-color: #fbfbfb; margin-top: 50px;}

/* Sidebar menu */
.hvr-bounce-to-right:before{background-color:#1a1919;}
.sidebar-nav ul{display: block;}
.sidebar-nav ul li a{display: block; text-decoration: none; border-color: #3a3939; padding: 10px 25px; text-transform: capitalize;}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before{width: 100%; }
.sidebar-nav ul li a:hover{background-color: #1a1919;}
.sidebar .arrow{margin-top: 0 !important; position: relative; right: 30px; display: none;}

.sidebar-nav ul li{position: relative;}
.sidebar-nav ul li ul{ background-color:#222121; display: none;}
.sidebar-nav ul li ul li{position: relative;}
.sidebar-nav ul li ul li a{border-color: #2a2929;}
.sidebar-nav ul li.active > a{color: #dcd5d5;}
.sidebar-nav ul li ul li a.active{background-color: #1a1919; color: #dcd5d5;}

.close-menu{position: absolute;right: 0px;top: 0; left: 0; height: 40px; text-align: center; color: #bcb9b9; cursor: pointer; z-index: 120;}
.close-menu:before {content:"\f105"; font-family: 'fontAwesome';position: absolute; right: 20px; top: 10px;}
.close-menu.active:before {content: "\f107";}

.form_fill{margin: 0px 0 50px; background-color: #fff; box-shadow: 0px 0px 40px rgb(0 0 0 / 7%);}

.upload-sec{margin-top: 40px;}
.upload-sec .form_fill{max-width: 100%;}
.parallex_img{margin-bottom: 0;}
.parallex_img img{ width: 100%; height: 285px; object-fit: cover; border-radius: 4px;}

.login-bottom{text-align: center;}
.tox .tox-statusbar{display: none;}
.form_fill{max-width: 100%; padding: 50px;}
.form_fill h4{position: relative; padding-bottom: 12px; border-bottom: 1px solid #ebe8e8; font-size: 21px; margin-bottom: 34px !important;}
.form_fill h4::before{content: ''; position: absolute; left: 0; bottom: -2px; height: 3px; background-color: #f1cf16; width: 60px;}
.form_fill textarea{width: 100%; resize: none; padding: 10px 12px; border-color: #ddd;}

/* Honorary-member */
.honorary-member label{display: block;}
.honorary-member textarea{width: 100%; resize: none; padding: 10px 15px; border-color: #ddd;}
.honorary-member textarea:focus{outline: none;}
.edit-btn{margin-top: 12px; padding: 7px 20px !important; color: #fff !important; }

.slider_img .slide_items {position: relative;}
.slider_img .slide_items button{position: absolute;right: 0;top: 0;border: 0; transition: all 0.3s linear; background-color: #cc0f0f;color: #fff;padding: 3px 9px;font-size: 19px;}
.slider_img .slide_items button:hover{background-color: #000;}
.slider_img .slick-track{margin-left: inherit;}
.slider_img .slick-prev , .slider_img .slick-next{z-index: 10; background-color: #333; width: 30px; height: 30px; border-radius: 2px;}
.slider_img .slick-prev{left: 0px;}
.slider_img .slick-next{right:0px;}
.slick-prev:before, .slick-next:before{ font-family: 'fontAwesome';font-size: 18px; color: #fff; opacity: 1; display: block;}
.slick-prev:before{ content: "\f0d9";}
.slick-next:before{content: "\f0da"; }
.slider_img .slide_items{margin: 0 10px; border-radius: 5px; overflow: hidden;}
.slider_img .slide_items img{height: 280px; object-fit: cover; width: 100%;}

.full_img{margin: 0px;}
.full_img img{width: 100%;border-radius: 4px;}
.img_are{position: relative; border-radius: 5px; overflow: hidden;}
.img_are img{width: 100%;}
.delete_btn button{position: absolute;right: 0;top: 0;border: 0;transition: all 0.3s linear; background-color: #cc0f0f;color: #fff;padding: 3px 9px;font-size: 19px;}
.delete_btn button:hover , .prev-list .row button:hover{background-color: #000;}
.delete_btn figure{display: inline-block; position: relative;}
.prev-list {border: 1px solid #eee;}
.prev-list .row{border-bottom: 1px solid #eee;  padding: 20px; margin: 0px; position: relative;}
.prev-list .row button{position: absolute;right: 0;top: 0;border: 0;transition: all 0.3s linear; width: 35px; background-color: #cc0f0f;color: #fff;padding: 3px 9px;font-size: 19px;}

input:focus , textarea:focus{outline: none;}
textarea , input{border-color: #eee;}
.banner-bg{background-size: cover !important;}

body .tox-notification.tox-notification--in.tox-notification--warning{display: none;}

.form_fill .form-group{display: block;}
.form_fill .form-group input{width: 100%; padding: 10px 16px; border: 0px; border: 1px solid #e7e0e0;}
.form_fill .form-group .btn{margin-top: 15px;}


.avatar {height: 3rem;  width: 3rem;}
.avatar-title {-webkit-box-align: center;-ms-flex-align: center;align-items: center;background-color: #3980c0;
color: #fff;display: -webkit-box;display: -ms-flexbox;display: flex;font-weight: 500;height: 100%;
-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 100%; font-size: 18px;}

.bg-soft-primary { background-color: rgba(57,128,192,.25)!important; color:rgba(57,128,192,.80);}
.bg-soft-success { background-color: rgba(51,161,134,.25)!important; color: rgba(51,161,134,.80);}
.graph_dashboard .text-gray{color: #a9a9a9; margin: 20px 0 10px 0px; font-weight: 300;}
.graph_dashboard h4{color:#495057;}
.graph_dashboard  .card{box-shadow: 0px 0px 40px rgb(0 0 0 / 7%); border: 0px;}
.graph_dashboard .apexcharts-canvas{width: 100%;}
.graph_dashboard .apexcharts-canvas .apexcharts-inner {width: 100%;}
.graph_dashboard .list-inline li .text-muted{color: #a9a9a9 !important; text-decoration: none;}
.apexcharts-tooltip-y-group{display: none;}
.sidebar .sidebar-nav.navbar-collapse{margin-bottom: 60px;}
.form_fill select , .popup-modal select{background-image: url(../images/arrow-down-s-fill.svg);
background-repeat: no-repeat;background-position: 98%;padding: 9px 11px;text-transform: capitalize;}

.popup-modal .col-lg-4 img{ width: 130px;height: 140px;object-fit: cover; border-radius: 4px;}
.popup-modal.form_fill { padding: 0; box-shadow: 0px 0px 0px;}

.list_menu li{display: inline-block;}
.list_menu li a{color: #000; text-decoration: none; text-transform: capitalize;}
.list_menu li a:hover{color: #333;}
.list_menu li button{padding: 0;border: 0;background-color: transparent;color: red;font-size: 18px;margin-left: 6px;}

.input_field input{width: 100%; margin-bottom: 15px; border:1px solid #e7e0e0; padding: 10px 20px;}

.table_list {  border: 1px solid #ddd;  border-bottom: 0;}
.table_list .table th{font-weight: 500; color: #333; font-size: 18px;}

/* Checkbox css */
.custome_checkbox {display: inline-block; vertical-align: middle; text-transform: capitalize; margin-top: 12px;}
.custome_checkbox label{margin-bottom: 12px;}
.custome_checkbox input[type=checkbox] + label { display: inline-block;}
.custome_checkbox input[type=checkbox] { position: absolute; opacity: 0; height: 30px; width: 20%;}
.custome_checkbox input[type=checkbox] + label:before {content: "\2714"; vertical-align: middle; border: 1.4px solid #aca9a9; border-radius: 3px; display: inline-block; width: 22px;
height: 22px;color: transparent;transition: .2s; margin-right: 7px; text-align: center;}

.custome_checkbox input[type=checkbox]:checked + label:before {background-color: MediumSeaGreen;border-color: MediumSeaGreen;color: #fff;}
.chech_value{display: inline-block; margin-left: 30px; vertical-align: middle;}
.chech_value span{display: block; margin-bottom: 12px;    text-transform: capitalize;}

.img_height img{height: 250px; object-fit: cover;}
.full_img{position: relative;}

.full_img button{position: absolute;right: 0;top: 0;border: 0;transition: all 0.3s linear; width: 35px; background-color: #cc0f0f;color: #fff;padding: 3px 9px;font-size: 19px;}

.img_list {display: flex;flex-direction: row;flex-wrap: wrap;}
.img_list .list_img_item{width: 100%; flex-basis: 20%; padding: 0 15px 0 0;}
.img_list .list_img_item .full_img img{height: 200px; object-fit: cover;}


.table tr th{color: #333 !important; text-transform: capitalize; font-size: 15px !important; vertical-align: middle; font-weight: 400 !important;}
.table tr{position: relative;}

.form_fill .table tr th , .form_fill .table tr td{padding: 8px 22px !important;}

.table-list tr:nth-of-type(odd){background-color: #eee;}
.table-list tr th img{width: 50px; height: 50px;  object-fit: cover; border-radius: 100%;}
.table-list tr button{ right: 20px;top: 18px;}
.table-list .table:nth-of-type(odd){background-color: #fff;}
.table-list .table:nth-of-type(even){background-color: #eee;}
.table-list .table tr:nth-of-type(odd){background-color: transparent;}
.table-list .table tr button{top: 0; right: 0;}

.responsive-table{overflow-x: auto; -webkit-overflow-scrolling: touch;}
textarea{width: 100%; resize: none;}
#page-wrapper .card{margin-bottom: 25px;}
#page-wrapper .card-body{padding: 35px 30px 5px;}
.edit_list{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: left;}
.edit_list .client_info{flex-basis: 24%; width: 100%;display: flex; position: relative; box-shadow: 0px 0px 40px rgb(0 0 0 / 4%);align-items: center; padding: 10px 20px;margin-bottom: 15px; margin-right: 16px;}
.edit_list .client_info:nth-of-type(4n){margin-right: 0;}
.edit_list .client_info span{flex-basis: 15%;}
.edit_list .client_info span img{width: 50px; height: 50px; border-radius: 100%;border: 1px solid #eee; overflow: hidden; display: inline-block;}
.edit_list .client_info .btn-primary{background-color: transparent; border: 0; color: #000; flex-basis: 85%; text-align:left; box-shadow: 0 0 0 0rem rgb(49 132 253 / 0%) !important;}
.edit_list .btn_dlt{position: absolute; right: 8px; top: 5px; color: #ef0101;padding: 4px; cursor: pointer;}
.edit_list .resume-link{margin-right: 25px; display: inline-block;}
.img_remove{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.img_remove .delete_btn{width: 100%; flex-basis: 20%;}
.img_remove .delete_btn figure span{display: block;}
.img_remove .delete_btn figure span img{width: 200px;height: 200px; object-fit: cover; border-radius: 4px;}

.edit_list_resume{display: inline-block;padding-right: 20px;}

.edit_years{display: none;}
.edit_years.show{display: block;}


.form_fill .table>:not(:first-child){ border-top: 1px solid currentColor;}

.upload-fiules .form-control{border: 1px solid #ddd !important; margin-bottom: 10px;}

.form_fill .table tr td{line-break: anywhere;}

.form_fill .login-bottom{width: 100%;}
.avtar-img img{width: 100px; height: 100px; border-radius: 100%;}

.slag_url{display: none; margin-top: 30px;}
.slag_url.show{display: block;}
.slag_url p{margin-bottom: 20px;}


@media screen and (max-width: 1440px) {
    #page-wrapper .card-body{padding: 21px 20px 5px;}
    .graph_dashboard .card{height: 205px;}
    .form_fill h4{font-size: 19px;}
    .form_fill h5{font-size: 17px;}
    .list_menu li a{font-size: 15px;}
    .dropdown_menu li a{font-size: 15px;}
  }