h1, h2, h3, h4, h5, h6, span, a, button, input, textarea, p, body{
	font-family: 'Open Sans', sans-serif !important;
}
body, p, li {
    font-size: 14px;
}
.row {
    padding: 10px 0;
}
.loginpage {
    /*background-image: url(images/login-bg.jpg);*/
	background: #005bae;
    background-position: center;
    position: relative;
    height: 100vh;
}
.loginpage:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #06000ea6;
    z-index: 0;
}
.login-from {
    background: #fff;
    border-radius: 8px;
    padding: 20px 20px;
}
.white-logo {
    margin: 50px auto 20px;
    width: 205px;
}
.login-from form input {
    margin-bottom: 15px;
    padding: 10px 12px;
}
.login-from form .btn-primary {
    padding: 8px 30px;
    font-weight: 600;
}
.login-from h3.text-center {
    font-weight: 600;
    margin-bottom: 20px;
}
header.main_header {
    box-shadow: 0 0 10px #0000003b;
    padding: 6px 30px;
    display: inline-block;
    width: 100%;
    position: fixed;
    top: 0;
    /* z-index: 9999; */
    background: #fff;
}
.logo_area {
    width: 38px;
    float: left;
}
img {
    width: 100%;
}
.mainu_area {
    float: left;
}
.mainu_area ul {
    list-style: none;
    display: inline-flex;
    margin: 0 0 0;
    padding-left: 40px;
}
.mainu_area ul li a {
    text-decoration: none;
    color: #141414;
    font-weight: 600;
    text-transform: unset;
    display: inline-block;
    padding: 5px 8px;
    font-size: 16px;
}
.mainu_area ul li a:hover {
    color: #0442bc;
}
.profile_area {
    float: right;
}
.profile_area a.logout {
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    padding: 5px 3px;
    font-size: 16px;
}
.content_area {
    padding-top: 80px;
}
ul#myTab {
    justify-content: center;
    border-bottom: 2px solid #005dad;
    margin-bottom: 15px;
}
ul#myTab .nav-item.show .nav-link, ul#myTab .nav-link.active {
    border-color: #005dad #005dad #fff;
    color: #005dad;
}
ul#myTab .nav-link {
    margin-bottom: -2px;
    border: 2px solid transparent;
    color: #141414;
    font-weight: 600;
}
.dataTables_wrapper .row {
    padding: 0;
}
input#btn_search {
    background: #044cc7;
    color: #fff;
    border: none;
    padding: 4px 12px;
    border-radius: 3px;
    font-weight: 600;
    margin-left: 8px;
}
input#btn_search:hover, input#btn_submit:hover {
    background: #136aff;
}
.date_range .datepicker {
    padding: 4px 6px;
    margin-bottom: 8px;
}
input#btn_submit {
    display: block;
    background: #044cc7;
    border: none;
    color: #fff;
    padding: 6px 14px;
    border-radius: 4px;
    font-weight: 600;
    margin: 12px auto;
}
.date_range {
    margin: 12px 0;
}
.buttons-excel.buttons-html5, .buttons-pdf.buttons-html5 {
    margin-top: 10px;
}
@media only screen and (max-width: 767px){
    .table_scroll {
    overflow: scroll;
}
}
@media only screen and (max-width: 480px){
    header.main_header {
    padding: 6px 10px;
}
.mainu_area {
    float: right;
    width: 83%;
}
.mainu_area ul {
    padding-left: 0;
    float: right;
}
.mainu_area ul li a {
    padding: 2px 5px;
    font-size: 14px;
}
.profile_area {
    float: none;
    width: 50%;
    margin-left: auto;
    text-align: right;
}
.profile_area a.logout {
    padding: 0px 0px;
    font-size: 14px;
}
ul#myTab .nav-link {
    padding: 6px 3px;
    font-size: 13px;
}
.form-group.my_prod {
    margin-bottom: 12px;
}
}
input#senderEmail:focus {
    color: black;
}
input#senderEmail {
    color: grey;
}
input#senderName:focus {
    color: black;
}
input#senderName {
    color: grey;
}
input#replyEmail:focus {
    color: black;
}
input#replyEmail {
    color: grey;
}
.form-label {
    font-size: .8em;
    font-weight: bold;
	margin-bottom: 0.1rem;
}	
.modal-header {
	padding-bottom: 0;
}
.modal-body {
    padding-top: 0.5rem;
}