body{font-family:'Montserrat', sans-serif;font-size:16px;background:#fff;color:#222;font-weight:400;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:'Montserrat', sans-serif;margin-bottom:0;font-size:16px;line-height:20px}
a{color:#222;text-decoration:none;}a:hover{text-decoration:none;color:#fff}
p{margin-bottom:0;font-size:16px;line-height:22px}
.container{padding-right:10px;padding-left:10px}
.container-fluid{padding:0}
.img100{width:100%}
.BorderBottom{border-bottom:1px solid #eee}
.DPostDate{font-size:15px;color:#5a5a5a;display:inline-block}
.Brief{font-size:16px;line-height:20px;color:#5a5a5a}
.pHead{font-weight:bold;margin-bottom:5px}
.ShowMenu{display:block}
.HideMenu{display:none;}
/* scroll bar css */
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 5px;}
::-webkit-scrollbar-thumb {background: #fff; border-radius: 10px;}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
@import url('https://fonts.maateen.me/solaiman-lipi/font.css');
/* common */
.container{max-width:1300px;}
.form-control:focus{box-shadow:none !important;}
/* sticky */
.sticky{position:fixed;background:#D32F2F;top:0 !important;z-index:9999999;margin-top:0;left:0;right:0;padding:0 60px;opacity:0.84;}
/* back-to-top */
#button{display:inline-block;background-color:#1D9649;width:50px;height:50px;text-align:center;border-radius:4px;position:fixed;bottom:30px;right:30px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;border-radius:50%;z-index:1000;}
#button::after{font-weight:normal;font-style:normal;font-size:2em;line-height:50px;color:#fff;}
#button:hover{cursor:pointer;background-color:#333;}
#button:active{background-color:#555;}
#button.show{opacity:1;visibility:visible;}
#button i{font-size:20px;line-height:48px;color:#fff;}
.bg-main{background:#1C3271;}

/* header-top */
.header-top-area{border-bottom:1px solid rgba(226, 232, 240, 0.17);margin-bottom:3rem;}
#header{border-bottom:1px solid rgba(226, 232, 240, 0.17);}
.logo{border-right:1px solid rgba(226, 232, 240, 0.17);padding:20px 0;width:100%;}
.logo img{width:26px;}
.logo p{display:inline-block;color:#fff;margin-left:10px;}
.breadcrumb-area a{font-size:14px;color:#9FAEDC;}
.breadcrumb-area a >i{font-size:10px;}
.header-right{display:inline-block; margin:0 10px;}
.user-area{width:40px;height:40px;}
.user-btn{cursor:pointer;}
.user-area img{width:100%;height:100%;border-radius:50%;}
.user-profile{color:#fff; background:#11296D;width:230px;height:auto;position:absolute;z-index:9;border-radius:5px;right:34px; transition:0.3s;opacity:0; visibility:hidden;}
.info{opacity:1;visibility:visible;}
.user-name{padding:10px 15px;}
.user-name h5{font-size:15px;}
.user-name p{font-size:11px;}
/* .user-iteme-wrapper{border-top:1px solid rgb(31,55,125);} */
.user-iteme-wrapper ul{margin:0;padding:10px 0;}
.user-iteme-wrapper ul li{list-style:none;padding:0 10px;}
.user-iteme-wrapper ul li a{font-size:12px;color:#fff;padding:8px 10px; display:block;border-radius:10px;}
.user-iteme-wrapper ul li a:hover{background:#071A50;}
.user-iteme-wrapper ul li a > svg{width:20px;}
.user-iteme-wrapper ul li:last-child{border-top:1px solid rgb(31,55,125);margin-top:10px;padding-top:10px;}
.user-iteme-wrapper ul li:last-child a{font-size:15px;}
.view-site a{font-size:14px !important;color:#fff;display:flex;align-items:center;}
.view-site a:hover{color:#fff;}
.view-site i{font-size:20px;color:#fff;margin-right:5px;}
/* login-page */
html{ height:100%;}
.login-bg{ background-image:linear-gradient(to bottom, #e7f0f5, #d8e6ee, #c9dde6, #bad3df, #abcad7); background-repeat:no-repeat;background-attachment:fixed; height:100%;}
.login-wrapper{margin-top:200px;}
.login-wrapper h5{font-size:35px;line-height: 35px;}
.login-btn{padding:5px 50px;background:#22B24C;color:#fff;font-size:18px;border:none;border-radius:20px;text-transform:uppercase;font-weight:600;}
.btn-check:focus + .btn, .btn:focus{box-shadow:none;border:none !important;}
.login-btn:hover{box-shadow:-2px 2px 8px #048d2d;color:#fff !important;}
.login-page .modal-content{ background-image:linear-gradient(to bottom, #6c687a, #5f5b6e, #524f62, #464356, #3a374b);border-radius:20px;}
.login-page .modal-dialog{max-width:600px;}
.login-page .modal-header{border-bottom:none;}
.login-page .modal-footer{border-top:none;}
.login-form-wrapper p{color:#4FC8EA; position:relative;padding:8px; font-size:14px;font-weight:600;}
.login-form-wrapper i{color:#4FC8EA; border:1px solid #4FC8EA;border-radius:50%;font-size:14px;width:30px;height:30px;line-height:26px;text-align:center}
.username-icon{position:relative !important; padding:3px;}
.username-icon:before{position:absolute;content:"";left:-5px;top:50%;height:2px;width:30%;background:#4FC8EA;}
.login-form-wrapper input{border-radius:20px;margin-left:8px;box-shadow:0px 3px 0px 0px #D3D0DA;border:none;}
.login-form-wrapper input::placeholder{font-size:14px;}
.login-form-wrapper p::before{position:absolute;content:"";right:-20px;top:50%;height:2px;width:30%;background:#4FC8EA;}
.login-page .btn-close{background-image:none;}
.btn-close i{color:#fff;font-size:20px;}
.m-login-btn{background-image:linear-gradient(to bottom, #4dc8ec, #5ccaeb, #68ccea, #74cde9, #7ecfe8);padding:8px 50px;font-size:16px;text-transform:uppercase;font-weight:700;border-radius:50px;border:none;}
.btn-close:focus{box-shadow:none !important;}
.btnLog-wrapper{border:1px solid #525061;padding:5px;border-radius:50px;}
.logo a {display: flex;align-items: center;}
.logo .img-fluid {height: 26px;}
/* dashboard */
.dashboard-wrapper{border-radius:20px; position:relative;}
.side-bar-w{width:22%;}
/* .dash-body-w{width:78%;} */
.dash-body-wrapper{background-color:#F1F5F8;width:100%;height:100%;position:relative;border-radius:20px;padding:45px 20px;}
.dash-body-wrapper::before{position:absolute;content:"";left:-25px;top:10px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='80' viewBox='0 0 20 122.1'%3E%3Cpath data-name='Union 1' d='M16.038 122H16v-2.213a95.805 95.805 0 0 0-2.886-20.735 94.894 94.894 0 0 0-7.783-20.434A39.039 39.039 0 0 1 0 61.051a39.035 39.035 0 0 1 5.331-17.567 94.9 94.9 0 0 0 7.783-20.435A95.746 95.746 0 0 0 16 2.314V0h4v122h-3.961v.1l-.001-.1z' fill='%23f1f5f8'/%3E%3C/svg%3E");height:90px;width:15px;background-repeat:no-repeat;background-size:cover;}
.dashboard-wrapper::before{background-color:#2B4286;border-radius:1.3rem;content:"";height:100%;left:0;top:-35px;margin-left:auto;margin-right:auto;margin-top:-1rem;position:absolute;right:0;transform:translatey(35px);width:95%;z-index:-1;}
.heading h2{font-size:30px;}
.report-select{display:inline-block; margin-left:30px;}
#report-v-select{padding:5px;}
/* .logo-web{margin-bottom:500px;} */

/* sidebar */
.sidebar-menu{margin-left:20px;margin-top:20px;}
 #nav-bar .bg-info { background-color: #27355e!important; }
.sidebar-menu .accordion-button:not(.collapsed){color:#fff;background-color:#142E71 !important;}
.sidebar-menu .accordion-body{margin-top:5px;background-color:#102765 !important;border-radius:10px;color:#fff;}
.sidebar-menu .accordion-button{border-radius:10px !important;padding:12px 1.25rem;color:#B2BEDE; background-color:#071A50 !important; font-size:14px !important;}
.accordion-button:not(.collapsed){background-color:#142E71;}
.sidebar-menu .accordion-item{background-color:inherit; border:none; margin-top:5px;}
.sidebar-menu .accordion-button:focus{border-color:inherit !important; box-shadow:none;}
.accordion-button:not(.collapsed)::after{background-image:none; font-family:"Font Awesome 5 Free"; font-weight:600; content:"\f078"; font-size:10px;}
.accordion-button::after{background-image:none; font-family:"Font Awesome 5 Free"; font-weight:600; content:"\f078"; font-size:10px;width:10px;height:20px;}
.side-menu__icon{margin-right:10px;}
.home-sidebar::after{content:none !important;}
.sidebar-menu .accordion-button:hover{background-color:#142E71 !important;}
.dash-dropdown{padding:0;margin:0;}
.dash-dropdown li{list-style:none;margin:5px 0;}
.dash-dropdown li a{color:#fff;font-size:14px;}
.dash-dropdown li a:hover{color:#777;}
.list-btn{float:inline-end;background:#071A50;padding:6px;border-radius:50px;font-size:10px !important;}
.fa-bars::before{content:"\f0c9" !important;}

/* content-insert */
.suc .show,.dash-body-wrapper .show {width: 100% !important;}
.heading-post-p{border-bottom:1px solid #1C3271;padding-bottom:10px;}
.heading-post-p h5{font-size:22px;display:inline-block;}
.list-item{float:right;padding:0 10px;background:#1C3271;color:#fff;}
.list-item:hover{color:#fff;}
.dbcategory{padding:8px 0;background:none;border:1px solid #ccc;width:100%;}
.inser-form-wrapper label{font-size:14px;font-weight:600;display:flex;align-items:center;}
.col-form-label{font-size:14px;font-weight:600;}
.required:after{content:" *";color:red;}
select{font-size:14px;}
.inser-form-wrapper input{font-size:14px;}
.inser-form-wrapper select{border-radius:5px; color:#333;}
.post-insert-btn{background:#1C3271;color:#fff;padding:10px 30px;border-radius:5px;border:none;}
.post-insert-btn2 {background: #1c7169; color: #fff;padding: 5px 30px;border-radius: 5px;border: none;}
.upload-img{width:150px;margin-bottom:10px;}
.upload-file-p{padding:4px 5px !important;}

#accordian{color:white;overflow:auto;}
#accordian ul{padding:0;margin:0;}
#accordian h3{background:#1C3271;background:linear-gradient(#1C3271, #071A50);}
.show #accordian ul li > h3{border-radius:10px;}
#accordian h3 a{padding:15px 10px;font-size:14px;line-height:22px;color:white;text-decoration:none;text-transform:uppercase;cursor:pointer;}
#accordian h3:hover{text-shadow:0 0 1px rgba(255, 255, 255, 0.7);}
i{margin-left:5px;}
#accordian li{list-style-type:none;}
#accordian ul ul li a, #accordian h4{color:white;text-decoration:none;font-size:12px;line-height:27px;display:inline-block;transition:all 0.15s;position:relative;width:80%;padding-left:10px;}
#accordian ul ul li a:hover{background:#1C3271;border-left:5px solid #fff;}
#accordian ul ul{display:none;}
#accordian li.active>ul{display:block;margin-bottom:10px;}
#accordian ul ul ul{margin-left:15px;border-left:1px dotted rgba(0, 0, 0, 0.5);}
#accordian ul .dropdown a:not(:only-child):after{content:"\f107";font-family:"Font Awesome 5 Free";font-weight:600;position:absolute;right:10px;top:0;font-size:14px;}
#accordian ul .dropdown .active>a:not(:only-child):after{content:"\f106";}
.list-add::after{content:none !important;}
.list-add{float:inline-end;border-radius:50px;width:20% !important;text-align:center;padding-left:0 !important;}
.list-add:hover{color:#FF1703 !important;border-left:none !important;}

/* list-page */
.search-list-btn{padding:4px 10px;background:#5CDB95;color:#fff;font-weight:600;z-index:1 !important;}
.search-list-btn:hover{color:#fff;}
.reset-btn{background:#FDCE4B;padding:4px 20px;font-weight:600;color:#333;}
.list-table .table > thead{background-color:#557A95;}
.list-table .table > thead>tr>th{color:#fff;text-align:center;font-size:14px;}
.list-table tbody > tr > td{border:1px solid #ccc; font-size:14px; font-family:'Montserrat', sans-serif !important;}
.list-table .post-heading{min-width:350px;width:auto;overflow:hidden;font-family:'SolaimanLipi', Arial, sans-serif !important; font-size:20px;}
.list-table .post-heading a:hover{color:#A62107 !important;}
.list-table a:hover {
  color: #A62107;
}
.modify-text-btn{font-size:11px;background:#31B0D5;color:#fff;padding:5px 8px;}
.danger-text-btn {font-size: 11px; background: red; color: #fff; padding: 5px 8px; /* display: flex; */ align-items: center; }
.danger-text-btn:hover{color:#fff;}
.modify-text-btn:hover{color:#fff;}
.switch{position:relative;display:inline-block;width:54px;height:25px;}
.switch input{ opacity:0;width:0;height:0;}
.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#FE5F52;-webkit-transition:.4s;transition:.4s;}
.slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:2px;background-color:white;-webkit-transition:.4s;transition:.4s;}
input:checked + .slider{background-color:#3AAFA9;outline:0;}
input:focus + .slider{box-shadow:none;}
input:checked + .slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translateX(26px);}
/* dev css */
span.subLabel { font-size: 11px; color: darkgray; }
 /* Rounded sliders */
.slider.round{border-radius:34px;}
.slider.round:before{border-radius:50%;}

/* pagination */
.pagination-wrapper{padding:25px;border-radius:3px;}
.pagination{display:flex;list-style:none;}
.pagination li{flex:1;margin:0px 5px;background:#dde1e7;border-radius:3px;box-shadow:-3px -3px 7px #ffffff73, 3px 3px 5px rgba(94, 104, 121, 0.288);}
.pagination li a{font-size:16px;text-decoration:none;color:#4d3252;height:30px;display:block;line-height:30px;padding:1px 10px;text-align:center;}
.pagination li.active{box-shadow:inset -3px -3px 7px #ffffff73,inset 3px 3px 5px rgba(94, 104, 121, 0.288);}
.pagination li.active a{font-size:17px;color:#6f6cde;}
.pagination li:first-child{margin:0 15px 0 0;}
.pagination li:last-child{margin:0 0 0 15px;}

/* short-page */
.sortable1, .sortable2, .sortable3{ list-style-type:none;margin:0; background:#eee;padding:5px; }
.sortable1 li,.sortable2 li,.sortable3 li{margin:5px 0;padding:10px 20px;background:#C3C9CE;transition-timing-function:ease-out 0.9s;cursor:pointer;}
#items-1>div {margin:2px 0;padding:5px 20px;background:#C3C9CE;transition-timing-function:ease-out 0.9s;cursor:pointer; cursor:grab;}
.ui-state-default a{color:#000;font-family:'SolaimanLipi', Arial, sans-serif !important;font-size:16px;}
.short-heading h5{font-size:18px;font-family:'SolaimanLipi', Arial, sans-serif !important;}
.short-heading h5 > span{font-size:12px;}
.short-area h3{background:#1C3271;padding:10px;color:#fff;font-size:18px;font-weight:600;border-radius:5px;font-family:'SolaimanLipi', Arial, sans-serif !important;}
.close-bg{background:#B30F0F !important;} 
.close-bg a{color:#fff;}
.close-list-btn{padding:0px 2px;height:20px;}
.close-list-btn:hover{color:#fff;}
.close-list-btn i{font-size:20px;}
/*datatable margin*/
div#DataTables_Table_0_filter {
  margin-bottom: 12px;
}
/* footer */
.footer-area p{color:#ccc;font-size:14px;}

/*
 
    @media screen and (max-width:1024px){
    .container{width:1024px;}
    }
    @media screen and (max-width:768px){
    .container{width:768px;}
    }
    @media screen and (max-width:736px){
    .container{width:736px;}
    }
    @media screen and (max-width:667px){
    .container{width:667px;}
    }
    @media screen and (max-width:640px){
    .container{width:640px;}
    }
    @media screen and (max-width:568px){
    .container{width:568px;}
    }
    @media screen and (max-width:480px){
    .container{width:480px;}
    }
    @media screen and (max-width:414px){
    .container{width:414px;}
    }
    @media screen and (max-width:375px){
    .container{width:375px;}
    }
    @media screen and (max-width:360px){
    .container{width:360px;}
    }
    @media screen and (max-width:320px){
    .container{width:320px;}
    } */

/* sidebar-style */
    :root{--header-height:3rem;--nav-width:68px;--first-color:#4723D9;--first-color-light:#AFA5D9;--body-font:'Nunito', sans-serif;--normal-font-size:1rem;--z-fixed:100}
  *,
  ::before,
  ::after{ box-sizing:border-box}
  .bg-main{ position:relative;margin:var(--header-height) 0 0 0;padding:0 1rem;font-family:var(--body-font);font-size:var(--normal-font-size);transition:.5s}
  a{text-decoration:none}
  .header{ width:100%;height:var(--header-height);position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background-color:inherit;z-index:var(--z-fixed);transition:.5s}
  .header_toggle{color:#fff;font-size:1.5rem;cursor:pointer}  
  .header_img img{width:40px}
  .l-navbar{position:fixed;top:0;left:-30%;width:var(--nav-width);height:100vh;background-color:#071A50;padding:.5rem 1rem 0 0;transition:.5s;z-index:var(--z-fixed)}
  .nav{height:100%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
  .nav_logo,.nav_link{display:grid;grid-template-columns:max-content max-content;align-items:center;column-gap:1rem;padding:.5rem 0 .5rem 1.5rem}
  .nav_logo-icon{font-size:1.25rem;color:var(--white-color)}
  .nav_logo-name{color:var(--white-color);font-weight:700}
  .nav_link{position:relative;color:var(--first-color-light);transition:.3s}
  .nav_link:hover{color:var(--white-color)}
  .nav_icon{font-size:1.25rem}
  .show{left:0}
  .body-pd{padding-left:calc(var(--nav-width) + 1rem)}
  .active{color:var(--white-color)}
  .active::before{content:'';position:absolute;left:0;width:2px;height:32px;background-color:var(--white-color)}
  .height-100{
    border-radius:20px;
    /* margin-top:97px; */
  }

  @media screen and (min-width:768px){
    .bg-main{margin:calc(var(--header-height) + 1rem) 0 0 0;padding-left:calc(var(--nav-width) + 2rem)}
    .header{height:calc(var(--header-height) + 1rem);padding:0 2rem 0 calc(var(--nav-width) + 2rem)}
    .header_img{width:40px;height:40px}
    .header_img img{width:45px}
    .l-navbar{left:0;padding:1rem 1rem 0 0;border-radius:0 20px 0 0;}
    #body-pd .show{ width:calc(var(--nav-width) + 172px)}
    .body-pd{padding-left:calc(var(--nav-width) + 188px)}
  }
 #accordian .nav_link>i{margin-left:5px;margin-right:5px;}
 #accordian{scrollbar-width:thin;scrollbar-color:dark;}




 /* XL Device :1200px. */
@media (min-width:1200px) and (max-width:1500px){


}

/* LG Device :992px. */
@media (min-width:992px) and (max-width:1200px){
  .g-0, .gx-0{--bs-gutter-x:12px;}
  .list-table .post-heading{width:200px;}
  .inser-form-wrapper label{
    padding-top:0;
    padding-bottom:0;
  }
  .col-form-label{
    padding-bottom:0;
    padding-top:0;
    display:flex;
    align-items:center;
  }
}

 
/* MD Device :768px. */
@media (min-width:768px) and (max-width:991px){
.header-right{margin:0 5px;}
.view-site a{font-size:12px !important;}
.view-site i{font-size:14px;}
.breadcrumb-area a{font-size:11px;}
.user-area{width:35px;height:35px;}
.g-0, .gx-0{--bs-gutter-x:12px;}
.reset-wrap{text-align:center;}
.post-heading a{font-size:18px;}
.list-table .post-heading{width:160px;}
.list-table .table > thead > tr > th{font-size:11px;}
.inser-form-wrapper label{
  padding-top:0;
  padding-bottom:0;
}
}

 
/* Extra small Device. */
@media (max-width:767px){
.login-form-wrapper p::before{position:static;}
.view-site a{font-size:12px !important;}
.view-site i{font-size:14px;}
.body-pd{padding-left:15px;}
.show{left:-80px;}
.login-page .modal.show {left: 0;}
.login-bg.modal-open .modal-backdrop.show {left: 0px;}
.l-navbar.show {
  left: 0;
  width: 100%;
  top: 50px;
  transition: 0.1s;
}
.logo{padding:11px 0;}
.logo p {font-size: 12px;font-weight: bold;}
.header-right{margin:0 5px;}
.user-area{width:30px;height:30px;}
.breadCrum-n{display:none !important;}
.heading h2{line-height:35px;}
.list-table .table > thead > tr > th{font-size:11px;}
.pagination li a{font-size:12px;	padding:1px 3px;}
.list-table tbody > tr > td{font-size:14px;}
.list-table .post-heading{font-size:16px;}
.heading-post-p h5{font-size:14px;}
}
 
/* SM Small Device :550px. */
@media only screen and (min-width:576px) and (max-width:767px){
  .show{
    left:0;
    width:100%;
    top:50px;
    transition:0.1s;
  }
  /* .body-pd{padding-left:0;} */
  .breadcrumb-area a{font-size:11px;}
}

/* error message css */
select.error,label.error{
  color: #dc3545;
  font-size: 11px;
  
}
select.error,input.error{
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}