.content_area {
    width: 1000px;
    margin: auto;
    padding: 24px 0px;
    float: none;
    min-height: 570px;
}
.content_area .mid{
    width: 100%;
}

@media screen and (max-width: 768px) {
    DIV.col-4{ 
        width: 100% !important;
    }   
}

.usr-filter-cnt { border:1px solid #CCCCCC; padding:10px; border-radius:5px; }
.usr-filter-cnt:after { clear:both; content:''; display:table;}

.usr-filter-cnt > FORM LABEL, .usr-filter-cnt > FORM DIV { float:left; }
.usr-filter-cnt > DIV { float:right; }

.usr-filter-cnt LABEL  { line-height:25px; text-align:left; margin-right:5px; }
.usr-filter-cnt INPUT[type='text']      { line-height:20px; padding:3px; margin-right:5px; width:150px;  }
.usr-filter-cnt INPUT[type='submit'] { margin:0px; padding:3px 10px; line-height:20px; }

.usr-filter-cnt UL { position:relative; display:block;  padding:0px; margin:0px; }
.usr-filter-cnt UL LI { height:25px; line-height:25px; cursor:pointer; display:block; padding:0px; margin:0px; }
.usr-filter-cnt UL LI  SPAN { font-size:16px; color:#c80000; cursor:pointer; }
.usr-filter-cnt UL LI UL { display:none;  }
.usr-filter-cnt UL LI:hover UL { display:block; position:absolute; top:25px; border:1px solid #CCCCCC; width:100px; border-radius:3px; }
.usr-filter-cnt UL LI UL LI A { height:25px; line-height:25px; font-size:14px; padding:0px 5px; background:#FFFFFF; display:block; }
.usr-filter-cnt UL LI UL LI A:hover { background:#c80000; color:#FFFFFF; }

#DataTables_Table_0_length  { width:200px; margin-bottom:10px; }
 
#usr-list-cnt { width:100%; padding-top:20px; }
#usr-list-cnt TABLE { width:100%; border-collapse:collapse; }
#usr-list-cnt TABLE THEAD { /*background:blue;*/ background:#c80000; color:#FFFFFF; }
#usr-list-cnt TABLE TH, #usr-list-cnt TABLE TD {  padding:5px; text-align:left; }
#usr-list-cnt TABLE TD.empty { text-align:center; }

#form-fieldgrp-cnt { width:100%; }

.form-fieldgrp-error { width:100%; }
.form-fieldgrp { width:100%; }
.form-fieldgrp:after { clear:both; content:''; display:table; margin-bottom:10px; }
.form-fieldgrp.form-fieldgrp-lbl:after { display: none; }

.form-fieldgrp > LABEL { float:left; width:25%; text-align:left; font-weight:bold; }
.form-fieldgrp > DIV      { float:left; width:75%; }
.form-fieldgrp > DIV P   { margin-top:5px; }  
.form-fieldgrp INPUT[type='email'], .form-fieldgrp INPUT[type='number'], .form-fieldgrp INPUT[type='text'], .form-fieldgrp INPUT[type='password'], .form-fieldgrp SELECT, .form-fieldgrp TEXTAREA { line-height:20px; padding:3px; margin-right:10px; width:80%;     border: 1px solid #CCCCCC;}
.form-fieldgrp SELECT, .form-fieldgrp P INPUT[type='text'] { width:50%;  } 
.form-fieldgrp INPUT[type='number'] { width:20% !important; }


.row_text INPUT[type='email'], .row_text INPUT[type='number'], .row_text INPUT[type='text'], .row_text INPUT[type='password'], .row_text SELECT, .row_text TEXTAREA { line-height:20px; padding:3px; margin-right:10px; width:80%;     border: 1px solid #CCCCCC;}


DIV.col-4 { width:40%; margin:auto; }
DIV.col-6 { width:60%; margin:auto; }

#profile  { border-collapse:collapse; }
#profile TH, #profile TD { padding:5px; }

A.btn  {        background-color: white;  color: #c80000;    text-decoration: none;display:inline-block; padding:5px 15px; border:1px solid #CCCCCC; text-align:center; line-height:20px; border-radius:3px; }
A.btn:hover { background:#c80000; color:#FFFFFF; text-decoration:none; }

.sidebar_area { display:none; }

.login-cnt .form-fieldgrp LABEL { text-transform:uppercase; color:#c80000; font-family:bebas-neue, sans-serif; /*font-size:20px;*/ line-height:30px; font-weight:normal; }
.login-cnt .form-fieldgrp LABEL, .login-cnt .form-fieldgrp DIV { text-align:left; } 
.login-cnt .form-fieldgrp INPUT { margin:0px; }
.login-cnt .form-fieldgrp INPUT#login-btn  { display:block; padding: 9px 0px; margin: 22px 0px; background-color: #333333; color: #ffffff !important; border: none; border-radius: 4px !important; cursor: pointer; font-size: 22px; font-family: 'Bebas Neue', sans-serif; width: 162px; text-align: center; border: 2px solid transparent; transition: all 0.6s ease; }
.login-cnt .form-fieldgrp INPUT#login-btn:hover { background: transparent; color: #333333 !important; border: 2px solid #333333;  }




.chngepasswrd.form-fieldgrp INPUT#submit_btn  { 
	display: inline-block;
    padding: 9px 0px;
    margin: 22px 0px;
    background-color: #B42529;
    color: #ffffff !important;
    border-radius: 4px !important;
    cursor: pointer;
    font-family: 'Bebas Neue', sans-serif;
    /* width: 162px; */
    border: 2px solid transparent;
    transition: all 0.6s ease;
    font-size: inherit;
    width: 68%;
    box-sizing: border-box;
    float: left;
}
.chngepasswrd.form-fieldgrp INPUT#submit_btn:hover { background: transparent; color: #333333 !important; border: 2px solid #333333;  }
.chngepasswrd.form-fieldgrp INPUT[name='cancel'], .chngepasswrd.form-fieldgrp INPUT[name='Cancel']  { 
	display: inline-block;
    padding: 9px 0px;
    margin: 22px 0px;
    background-color: #333333;
    color: #ffffff !important;
    border-radius: 4px !important;
    cursor: pointer;
    font-family: 'Bebas Neue', sans-serif;
    /* border: 2px solid transparent; */
    border: 2px solid transparent;
    font-size: inherit;
    width: 30%;
    box-sizing: border-box;
    float: right;
    transition: all 0.6s ease;
}

.newpwd.form-fieldgrp INPUT#submit_btn  { display:block; padding: 9px 0px; margin: 22px 0px; background-color: #B42529; color: #ffffff !important; border: none; border-radius: 4px !important; cursor: pointer; font-size: inherit; font-family: 'Bebas Neue', sans-serif; width: 100%; text-align: center; border: 2px solid transparent; transition: all 0.6s ease; }
.newpwd.form-fieldgrp INPUT#submit_btn:hover { background: transparent; color: #333333 !important; border: 2px solid #333333;  }

#imgverify { text-align:center; }

#mimslogin {
	display: inline-block;
	background-color: #333333;
	color: #ffffff !important;
	height: 28px;
	width: 100%;
	padding: 9px 9px;
	border-radius: 4px !important;
}
#mimslogin a{ color: #ffffff !important; }