body{
  background-color: #e9f1e6;
}

.mainContent{
  background-color: white;
  border: 1px solid #a1af9f;
  border-radius: 5px;
  padding: 10px 20px;
  margin-top: 1em;
}

.sidebar-right.card{
  border: 1px solid #a1af9f;
  border-radius: 5px;
}

.sidebar-right .logout-button{
  text-align: center;
  margin-top: 1em;
}

.sidebar-right .logout-button .btn{
  padding: 3px 15px;
}

.ghostHeader{
  border: 1px solid #a1af9f;
  border-left: none;
  border-right: none;
  background-color: #cee5cb;
  padding: 15px 30px;
  margin-top: 20px;
}

.container-contacts .mod-custom, .container-slogan .mod-custom{
  display: flex;
  height: 100%;
}

.container-contacts .mod-custom{
  flex-direction: column;
  justify-content: center;
}

.container-slogan .mod-custom{
  align-items: center;
}

.container-contacts .mod-custom p{
  margin-bottom: 0.5rem;
}

.ghostMenu{
  padding: 0 2em;
}

.ghostMenu .mod-menu{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.ghostMenu .mod-menu>li{
  border-right: 1px solid #a1af9f;
  padding: 5px 15px !important;
}

@media (max-width: 767.98px){
  .ghostMenu .mod-menu{
    display: flex;
    flex-direction: column;
  }
  .metismenu.mod-menu .metismenu-item > a{
    white-space: normal;
  }
}

.logoWrap{
  text-align: right;
}

.footer{
  border-top: 1px solid #738870;
  background-color: #96b992;;
  background-image: none;
  padding: 1em 2em;
}

.frmCallback .modal-dialog{
  margin: 2px;
}

.frmCallback .modal-header{
  background-color: #cee5cb;
}

.frmCallback .modal-header .close{
  border-radius: .2rem;
  font-size: .875rem;
  padding: .25rem .5rem;
  background-color: #a51f18;
  border-color: #a51f18;
  color: #fff;
  
}

.frmCallback .modal-header{
  flex-direction: row-reverse;
}

.frmCallback .modal-footer .btn{
  border-radius: .2rem;
  font-size: .875rem;
  padding: .25rem .5rem;
  background-color: #448344;
  border-color: #448344;
  color: #fff;
}

.wjcallbackform{
  border-radius: 6px;
  box-shadow: 1px 1px 5px black;
}