#successMailMessage {
    width:100%;
    background-color:#94cc78;
    height:60px;
    margin-bottom:5px;
    padding:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    display:none;
    color:#ffffff;
    text-align: center;
    padding-top:10px;
} 

#errorMailMessage { 
    width:100%;
    background-color:#f27173;
    height:60px;
    margin-bottom:5px;
    padding:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    display:none;
    color:#ffffff;
    text-align: center;
    padding-top:20px;
}         

#errorMessageTop { /* error messages for login form - invalid credentials */
    width:100%;
    background-color:#f27173;
    height:60px;
    margin-bottom:5px;
    padding:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    display:none;
}

#errMessage { /* error messages for add user form - user already exists */
    width:300px;
    height:36px;
    background-color:#f27173;
    margin-bottom:5px;
    padding:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius:5px;
    float:right;
    margin-top:27px;
    margin-right:55px;
    display:none;
}

.userNameInUse { /* message displayed when user enter wrong user name or password */
    color:#ffffff;
    font-family: AllerItalic, Verdana, Helvetica, sans-serif;
    font-size:14px;
    text-align:center;
}

.wrongCredentials { /* message displayed when user enter wrong user name or password */
    color:#ffffff;
    font-family: AllerItalic, Verdana, Helvetica, sans-serif;
    font-size:14px;
    text-align:center;
}

#sidebar-menu ul ul a {
    padding:10px 20px 10px 20px !important;
}

#sidebar-menu ul ul a:hover {
    color:#0072bc !important;
}

#sidebar-menu .subdrop {
    color:#248FFF !important;
    background-color: aliceblue;
}

#sidebar-menu ul ul li {
    border-bottom:1px solid #e7e7e7;
}

#sidebar-menu ul ul li:first-child {
    border-top:1px solid #e7e7e7;
}

#sidebar-menu ul ul li {
    background-color: #f8f8f8;
}

#sidebar-menu ul ul li:hover {
    background-color: #f1f1f1;
}

#datatable tr:hover {
    background-color: #e4f0fa !important;
}
.card-box {
    background-color:#fff !important;
}

.card-box-transparent {
    background-clip: padding-box;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);
    margin-bottom: 20px;
    padding: 20px;
    opacity:0.75 !important;
}

table.dataTable thead .sorting_desc , .sorting_asc::after {
    color:#248FFF;
    opacity:0.7 !important;
}
.account-pages {
   background: url("../images/big/img7.jpg") center;
   position: absolute;
   height: 100%;
   width: 100%;
   background-size: cover;
}
.form-control {
    border: 1px solid #b7b7b7 !important;
}
.radio label::before {
    border: 1px solid #9a9a9a !important;
}
.requiredField {
    color:#A4133C;
}
.errorTitle{
    margin-top:100px;
    color:#ff5b5b !important;
    font-size:1.4em;
    font-weight: bold;
    margin-bottom:20px;
}
.errorDescription{
    color:#000;
    font-size:1.2em;
    margin-bottom:100px;
}

.mce-container .mce-btn button {
     color: #000 !important;
}


.pagination {
    padding-left:100px;
    
  }
  
  .pagination a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
  }
  
  .pagination a.active {
    background-color: #167CCB;
    color: white;
  }
  
  .pagination a:hover:not(.active) {background-color: #ddd;}