@charset "utf-8";
/* CSS Document */

:root {
    --paddingleft: .75rem;
}
* {
  margin: 0; 
  padding:0;
  box-sizing: border-box;
}

body {
  /*background: #95a5a6;*/
  
  font-family: 'Helvetica Neue', Arial, Sans-Serif;
  background-image:url(../image/email-bg.jpg);

  height: 100%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
  
.login-wrap {
  position: relative;
  margin: 40% auto 0;
	background: rgba(255, 255, 255, 0.3);
  border-radius: 5px;
  box-shadow: 3px 3px 10px #7d7d7d;
  padding: 25px 15px 15px;
}

.logo{
		width: 100px;
		margin: 0 auto;
}
.logo img{
		width: 100%;
}
.email-title {
  text-align: center;
  font-weight: 200;
  font-size: 22px;
  margin-top: 10px;
  color: #293694;
  padding: 10px 0;
}

.email-title span {
  font-size: 32px;
  color: #0089c9;
}
    

.form {
      padding-top: 20px;
      input[type="text"],
      input[type="password"],
      button {
        width: 80%;
        margin-left: 10%;
        margin-bottom: 25px;
        height: 40px;
        border-radius: 5px;
        outline: 0;
        -moz-outline-style: none;
      }
      
      input[type="text"],
      input[type="password"] {
        border: 1px solid #bbb;
        padding: 0 0 0 10px;
        font-size: 14px;
        &:focus {
          border: 1px solid #3498db;
        }
      }
      
      a {
        text-align: center;
        font-size: 10px;
        color: #3498db;
        
        p{
          padding-bottom: 10px;
        }
      }
}

.Btn1 {
        background: #004f9e;
        border:none;
        color: white;
        font-size: 18px;
        font-weight: 200;
        cursor: pointer;
        transition: box-shadow .4s ease;
}
.Btn1:hover {
          box-shadow: 1px 1px 5px #555;  
}
.e-menu-container .e-ul .e-menu-item.e-selected.menu-item-hover {
    background-color: #c5d9fa !important;
    color: #000 !important; 
}
.e-menu-container .e-ul .e-menu-item.e-focused.menu-item-hover {
    background-color: #c5d9fa !important;
    color: #000 !important;
}
.sidebar-dropdown a.sidebar-link {
    padding-top: 0.3rem !important;
    padding-right: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    padding-left: var(--paddingleft) !important;
}
#fieldMenuSidebar ul.sidebar-nav {
    padding-left: 0 !important;
}
.modal-body:has(div.tree-view) {
    padding: 6px !important;
}
.modal-footer {
    padding: 0.5rem
}
@media(max-width:768px) {
    .form-group select {
        font-size: 14px;
    }
    .form-control {
        font-size: 14px;
    }
    .modal-header{
        padding: 8px;
    }
    .modal-content {
        height: 98vh;
    }
    .modal-body {
        width: 100%;
        overflow: auto;
        padding: 0.5rem 1rem;
        /*background-color: aqua;*/
    }
    .modal-footer {
        bottom: 0;
        width: 100%;
        background-color: #fff !important;
        position: absolute;
    }
    .confirm-dialog .modal-content {
        height: 25vh;
    }
}
@media(max-width:580px) {
    .form-group select {
        font-size: 12px;
    }

    .form-control {
        font-size: 12px;
    }
    .modal-content {
        height: 86vh;
    }
    .modal-footer{
        padding: 0.25rem
    }
    .h5, h5 {
        font-size: 1rem;
    }
}