body { background: #f2edf3 }
.navbar { box-shadow: 0px 0px 10px #ccc; background: #212529; }
.navbar a img {position: relative;}
.navbar-toggle .icon-bar { background: #fff; 
	width:100%; float: left;
	 height: 2px; margin: 2px 0px; }
.navbar-toggle { padding: 5px; width:40px;height:40px; 
    background-color: #036094; margin-top: 0px;}
.navbar-brand { height:auto; padding: 0px 0px; }

.nav.navbar-nav li a { color: #fff; font-size: 16px; }
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #036094;color: #fff;
}
.nav.navbar-nav li a .dropdown-menu a{ font-size: 14px !important;}
.main-title {  font-size: 26px; padding:5px 15px; color: #fff; background: #036094; }
.main-title2 {  font-size: 20px; padding:5px 15px; color: #fff; background: #036094; }

/*===== All Button Style =====*/
 .main-btn {
     display: inline-block;
     font-weight: 500;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     border: 1px solid #036094;
     padding: 0 33px;
     font-size: 14px;
     line-height: 40px;
     border-radius: 0px;
     color: #fff;
     cursor: pointer;
     z-index: 5;
     -webkit-transition: all 0.4s ease-out 0s;
     -moz-transition: all 0.4s ease-out 0s;
     -ms-transition: all 0.4s ease-out 0s;
     -o-transition: all 0.4s ease-out 0s;
     transition: all 0.4s ease-out 0s;
     background-color: #036094; border-radius: 50px;
}
 .main-btn:hover,
 .main-btn.main-btn-2 { background-color: #036094;
color: #fff;
     
     border-color: #036094;
}
 .main-btn.main-btn-2:hover {
     background-color: #036094;
     border-color: #036094;
          background-color: #fff;
     color: #036094;
}
.crm-login-button1 { background-color: #036094;
color: #fff;
     
     border-color: #036094;}

/* .btn-success {background: #036094 !important; color: #fff !important;} */
.table-striped.dataTable thead tr
{ background: #f7e7bd }


.header-style h3 {
    font-size: 25px;
        position: relative;
    z-index: 1;
}
.header-style h3::after {
    height: 9px;
    content: "";
    display: block; left:0px; top:0px;
    max-width: 92px;
    margin: 10px 0 15px;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-image: url(../images/heading-icon.png);
}

.main_bg{background: linear-gradient(-45deg,#036094,#036094 45%,#333 45%, #333 50%, #191515 50.1%);height:100vh;
}
.login-form { border-radius: 20px; background: linear-gradient(#333 25px,rgba(255,255,255,0.97) 25px);
    padding: 40px 20px 20px;
    box-shadow: 0 0 20px -5px rgba(0,0,0,0.3);
    border-radius: 15px; top:50%; position: relative;
  top: 50%;
  transform: translateY(30%);
  font-family: arial;}
  .py-2 {padding-top:20px;padding-bottom:20px}
  .border-1 { border:1px solid #ccc;}
.border-1 h4 {border-bottom:1px solid #ccc;margin:10px 0px;}
.col-padding {padding:0px;}
@media screen and (max-width: 767px){

.login-form {
  
    top: 0%;
    transform: translateY(0%);}