:root{    
  
    /*colors*/
    --primary-light:#F5F4F7 !important;
    --primary:#3a61c8 !important;
    --secondary:#666666 !important;
    --secondary-light:#F6F6F6 !important;
    --success:#1eca77 !important;
    --danger:#ED0404 !important;
    --pending:#FEF200 !important;
    --info:#53C5D5 !important;
    --pink:#EC157C !important;
    --black:#000000 !important;
    --white:#FFFFFF !important;
    --dark-grey:#C0C3D1 !important;
    --progress-grey:#E9ECEF !important;

    --text-primary:#3a61c8 !important;
    --text-secondary:#666666 !important;
    --text-secondary-light:#F6F6F6 !important;
    --text-success:#1eca77 !important;
    --text-danger:#ED0404 !important;
    --text-pending:#FEF200 !important;
    --text-info:#53C5D5 !important;
    --text-pink:#EC157C !important;
    --text-black:#000000 !important;
    --text-white:#FFFFFF !important;
    --text-disable:#8F94B8 !important;
    --text-grey: #CFCFCF !important;

    --bg-primary-light:#F5F4F7 !important;
    --bg-primary:#3a61c8 !important;
    --bg-secondary:#666666 !important;
    --bg-secondary-light:#F6F6F6 !important;
    --bg-success:#1eca77 !important;
    --bg-danger:#ED0404 !important;
    --bg-pending:#FEF200 !important;
    --bg-info:#53C5D5 !important;
    --bg-pink:#EC157C !important;
    --bg-grey:#F6F7FB !important;
    --bg-black:#000000 !important;
    --bg-white:#FFFFFF !important;
    --bg-dark-grey:#C0C3D1 !important;


    --border: #CFCFCF !important;
    --font-black:#3c3d42 !important;

}

body {
  font-size: 13px;
}
.boxshadow {
    box-shadow: 0 .025rem 0.3rem rgba(0,0,0,.1)!important;
}

.font-standard{
  font-size:13px;
}
/*font size*/
.font-10{
  font-size:10px;
}

.font-12{
  font-size:12px;
}

.font-13{
  font-size:13px;
}

.font-14{
  font-size:13px;
}

.font-16{
  font-size:16px;
}

.font-18{
  font-size:18px;
}

.font-20{
  font-size: 20px;
}

.font-24{
  font-size: 24px;
}

.font-24{
  font-size: 24px;
}
.roundminor{
  border-radius: 8px!important;
}

.rounditem{
  border-radius: 35px!important;
}

.rounditem input{
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

.rounditem input{
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
}

.rounditem .input-group-text{
  border-top-left-radius: 35px;
  border-bottom-left-radius: 35px;
}

.textlink{
  cursor: pointer;
  color: #0368ae!important;
}

.textlink:hover{
  text-decoration: underline;
}

.jq-toast-single {
  box-shadow: 0 .2rem 0.6rem rgba(0,0,0,.15)!important;
}

.menulist{
  border-top: 1px solid #e2e2e2;
  padding: 10px 0px;
}

.menulist:first-child{
  border-top: none!important;
}

.menuopen{
  left: 0;
}

.menuclose{
  left: -85vw;
}

.notyopen{
  right: 0;
}

.notyclose{
  right: -100vw;
}

.viewopen{
  left: 48px;
}

.viewclose{
  left: 100vw;
}

.jq-toast-wrap.top-right {
  top: 10px!important;
  right: 10px!important;
}

.jq-toast-wrap {
  min-width: 400px!important;
}

.close-jq-toast-single {
  font-size:24px!important;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #000000!important;
}

.table-bordered {
    border: 1px solid #000000!important;
}

.leftmenu .highlight{
  width: 2px;
}

.leftmenu.active .highlight {
  width: 2px;
  background: #ff0502;
}


.leftmenu.active{
  background: #717171;
}

.leftmenu:hover{
  background: #525050;
}

.leftmenu{
  cursor: pointer;
  position: relative;
}

.leftmenu .menuitems{
  padding:10px 0px;
}

.leftmenu:hover .hoveritem{
  background: rgba(0,0,0,0.5);
  color: #ffffff;
  position: absolute;
  left: 48px;
  top:0;
  z-index:1000;
}

.leftmenu .hoveritem{
  position: absolute;
  width: 200px;
  font-size:14px;
  height: 46.25px;
  left: -48px;
  top:0;
  z-index:-1;
}

.leftmenu:hover .hoveritem{
  background: #525050;
  color: #ffffff;
  position: absolute;
  left: 48px;
  top:0;
  z-index:1000;
  transition: left 0.15s;
}

.leftmenu .hoveritem{
  position: absolute;
  width: 200px;
  font-size:14px;
  height: 46.25px;
  left: -48px;
  top:0;
  z-index:-1;
}

.leftmenuheader:hover .hoverpanelitem{
  background: rgba(0,0,0,0.5);
  color: #ffffff;
  position: absolute;
  left: 48px;
  top:0;
  z-index:999;
  /*transition: left 0.3s;*/
}

.leftmenuheader .hoverpanelitem{
  position: absolute;
  width: 200px;
  font-size:14px;
  height: 46.25px;
  left: -48px;
  top:0;
  z-index:-1;
}

.fixeditem{
  height: 45px;
}

.btnfirst{
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size:12px;
  border-radius: 35px;
  color: #ffffff;
  text-align:center;
  align-items: center;
  justify-content: center;
  background-color: #4d8fd6;
  padding-bottom: .5rem;
  padding-top: .5rem;
  font-weight: bold;
}

.btnfirst:hover{
  background-color: #427fc1!important;
}

.btnsecond{
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size:12px;
  border-radius: 35px;
  color: #ffffff;
  text-align:center;
  align-items: center;
  justify-content: center;
  background-color: #989898;
  padding-bottom: .5rem;
  padding-top: .5rem;
  font-weight: bold;
}

.btnsecond:hover{
  background-color: #797979!important;
}

.btnthird{
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size:12px;
  border-radius: 35px;
  color: #ffffff;
  text-align:center;
  align-items: center;
  justify-content: center;
  background-color: #d83c3c;
  padding-bottom: .5rem;
  padding-top: .5rem;
  font-weight: bold;
}

.btnthird:hover{
  background-color: #c32323!important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.5 !important; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  opacity: 0.5!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  opacity: 0.5!important;
}

.bg-header{
  background: #dee2e6;
}
.navbar {
  overflow: hidden;
}

.navbar a {
  float: left;
  font-size: 12px;
  color: white;
  text-align: center;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 14px;
  border: none;
  outline: none;
  color: white;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  position: relative;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: fixed;
  z-index:99;
  background-color: #f9f9f9;
  min-width: 125px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  top: 35px;
  right: 15px;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}


/**===== bars6 =====*/
#bars6 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  margin: -50px 0 0 -25px;
}

#bars6 span {
  position: absolute;
  display: block;
  bottom: 10px;
  width: 9px;
  height: 5px;
  background: rgba(0, 0, 0, 0.25);
  -webkit-animation: bars6 1.5s  infinite ease-in-out;
          animation: bars6 1.5s  infinite ease-in-out;
}

#bars6 span:nth-child(2) {
  left: 11px;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

#bars6 span:nth-child(3) {
  left: 22px;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

#bars6 span:nth-child(4) {
  left: 33px;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

#bars6 span:nth-child(5) {
  left: 44px;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}

@keyframes bars6 {
  0% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
  25% {
    height: 30px;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    background: #0057e7;
  }
  50% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
}
@-webkit-keyframes bars6 {
  0% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
  25% {
    height: 30px;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
    background: #0057e7;
  }
  50% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
  100% {
    height: 5px;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    background: rgba(0, 0, 0, 0.25);
  }
}
/** END of bars6 */
.menutab{
  cursor: pointer;
}

.menutab .highlightbottom{
  height: 2px;
}

.menutab.active .highlightbottom{
  background: #ff0502;
  border-radius: 1px;
}