* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.sideNavImg{
      position: absolute;
    bottom: 0;
}
#menu-btn{
      position: fixed;
      z-index: 1;
}

body.signin{
  display: flex;
  min-height: 100vh;
  background-color: #fff; align-items: center; justify-content: center;
}

.signinArea{
  width: 300px; text-align: center;
}

.signinArea img{
  width: 160px; color: #FFFFFF;
}

.signinArea  h2{
  color: #000; font-size: 20px; margin: 14px 0; font-weight: 500;
}


.signinArea  h4{
  color: #000; font-size: 16px; margin: 0 0 24px 0; font-weight: 400;
}

.signinArea a{text-decoration: none; color: #000;}


.signinLogo{
  margin-bottom: 0px;
}
.content {
   height: 85vh;
}

body {
  min-height: 100vh;
  background-color: #fff;
  overflow-x: hidden;
}

.log0Seprator{
  border-bottom: 1px solid #d9dada;
}

.side-navbar {
  width: 150px;
  height: 100vh;
  position: fixed;
  margin-left: 0; 
  transition: 0.5s;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-bottom: 10px solid #23408b;
}

.nav-link:active,
.nav-link:focus,
.nav-link:hover {
  background-color: #ffffff26;
	color: #FFFFFF !important;
}

.flexWrapInitial{
  flex-wrap: initial;
      z-index: 1;
    background: #fff;
}
.fontsize {
    font-size: 21px;
    margin: 10px;
}
.subheader {
    padding: 24px 0;
    background: #fff;
}

.my-container {
  transition: 0.4s; margin-left: 150px; padding: 15px;
}
.active-block{
  width: 100%!important; display: block!important; text-align: center;
}

.active-nav {
  margin-left: 0;
   width: 250px;
       height: 100vh;
}


/* for main section */
.active-cont {
  margin-left: 250px;
}

#menu-btn {
  background-color: #100901;
  color: #fff;
  margin-left: -60px;
}

.top-navbar input {
  border-radius: 2rem;
  padding: 2px 20px;
}


.tableIcon{
  width: 36px; height: auto;
}

.greyRow td{
  background-color: #ececec; margin-bottom: 4px!important;  
}
.lightOrangeRow td{
  background-color: #83a6fe6b;  margin-bottom: 4px!important;
	color: #FFFFFF !important;
}

.lightOrangeRow td:first-child, .greyRow td:first-child{
  border-top-left-radius:10px;
  border-bottom-left-radius:10px;
}

.lightOrangeRow td:last-child, .greyRow td:last-child{
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}

.form-select, .form-control{
  background-color: #ececec!important; border-color:#ececec!important;
}

.table>:not(caption)>*>*{
  border-bottom: 0px;  
}

.border-box{
  border: 1px solid #d9dada; padding: 10px; display: flex; justify-content: space-between; background-color: #FFFFFF;
}

.border-box a{color: #212121; margin: 0px;}

.border-box a.arrow{color: #212121; margin: 0px; height: 14px;}

 .btnAdd{height: 26px;}


.menuLink{ margin: 2px 4px; font-size: 12px; text-align: center; padding: 8px 15px; border: 0px; text-decoration: none; color: #1a1a18;  width: 40%; margin-bottom: 8px; 
}

.menuWidth100{
  display: block!important; 
}

.menuLink .iconArea{
  background-color: #83a6fe6b; border-radius: 10px; width: 48px; height: 48px; display: block;  font-size: 24px; margin: 0 auto;
}
.menuLink .iconArea img{
  width: 26px; height: auto;
}
.menuLink:hover, a.menuLink:hover , a.menuLink:focus{
  cursor: pointer;text-decoration: none; color: #1a1a18;
}

.menuLink:hover .iconArea, .iconArea.active{
  background-color: #ffffff; box-shadow: #062d72 0px 1px 4px; text-decoration: none; color: #1a1a18;
}
 
.hidesideNavImg{display: none;}
 

.topBar .input-group-text{
  border-top-left-radius: 25px; border-bottom-left-radius: 25px; border: 0px;background-color: #ececec; padding: 8px 12px; 
}
.my-container .topBar input{
  border: 0px; background-color: #ececec; outline: 0;padding: 8px; 
}

input:focus{box-shadow: none!important;}


.cardBox_lightOrange{
  background-color: dodgerblue; border-radius: 10px; border: 0px; min-height: 270px; margin-bottom: 20px;
}
.cardBox_lightGrey{
  background-color: #ececec; border-radius: 10px; border: 0px; min-height: 270px;margin-bottom: 20px;
} 

.cardBox_lightOrange .dropMenuArea, .cardBox_lightGrey .dropMenuArea{
  height: 54px;
}

.cardBox_lightOrange h2, .cardBox_lightGrey h2{
   font-weight: 600!important;
}

.cardBox_lightOrange img, .cardBox_lightGrey img{
  width: 78px;
}
.input-icon{
     display: inline-flex;
}
.input-icon span{
      padding: 10px;
    background: #100901;
    border-radius: 0px 5px 5px 0px;
    color: #fff;
}

.topBarRow{
  width: 100%;
   position: relative;
}

.dropdown-menu.topBarShow{
  left: -150px!important;
}

 
.btn-signin, .btn-signin:hover, .btn-signin:focus {
    color: #fff;
    background-color: dodgerblue;
    border-color: #062d72;
}

.signinPrefix{
  background-color: #3d3d3c; color: #fff;
}

.page-item.active .page-link {
  z-index: 3;
  color: #FFFFFF;
  background-color: #062d72;
  border: 0px!important; border-radius: 250px!important;
}

.page-link, .page-link:hover {
  z-index: 2;
  color: #212121;
  background-color:transparent;
  border-color: transparent; border: 0px!important;
}
 


.accordion {
  margin-top: 40px;
}
.accordion .card {
  border: none;
  margin-bottom: 20px;
}
.accordion .card h2 {
  background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center;
  background-size: 20px;
  cursor: pointer;
  font-size: 18px;
}
.accordion .card h2.collapsed {
  background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png);
}
.accordion .card-body {
  padding-left: 0;
  padding-right: 0;
}

.accordion-button:not(.collapsed), .accordion-button.collapsed {
  color: #212121;
  background-color: dodgerblue; margin-bottom: 4px;
}

.accordion-item:first-of-type .accordion-button, .accordion-item .accordion-button{
  border-radius: 8px!important; font-size: 18px; color: #212121!important; font-weight: 600;
}
.accordion-button, .accordion-collapse{border: 0px;}

.bg-tblHeadRow1 {
	background-color: dodgerblue!important;
	color: #FFFFFF!important;
}

.bg-tblHeadRow2 {
	background-color: #cbdaff!important;
}

.bg-tblHeadRowBody {
	background-color: #ffffff!important;
}

.bg-tblHeadRowFooter {
	background-color: #cbdaff!important;
}
.iconTextWhite {
	color: #ffffff!important;
}


.btn-warning:hover {
	color: #ffffff !important;
	background-color: #faa537;
	border-color: #faa537;
}

.btn-warning {
	color: #ffffff !important;
	background-color: #faa537;
	border-color: #faa537;
}

.card-title {
	color: #ffffff !important;
}

.btn-success {
	color: #ffffff !important;
}

#sendRequest {
	color: #ffffff !important;
}

#accordionExample3 .card-header {
	background: #faa537 !important;
}


.card.card-custom>.card-header {
	background:  #faa537 !important;
	background-color:  #faa537 !important;
}


body {
	margin: 0;
	padding-bottom: 120px; /* space for strip */
}

.footer-strip {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20px;
	background: black;
}

.footer-strip::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10%;
	background: #faa537;
}

.nav .nav-link{
	display: block;
}