body { background: #B72026 !important;}

.divemployer ul>li>ul>li>a {
    padding-left: 26px !important;
    color: #F57176 !important;
    font-size: 14px;
}

.form-control { color  : #B72026; }
.form-control:focus {
    border-color: #eca0a3;
    box-shadow: inset 0 1px 1px rgba(212, 84, 84, 0.075),0 0 8px rgb(245, 181, 184);
}

.divemployer ul{ padding:0px; list-style:none; }

 .divemployer ul>li>ul>li>a {
    padding-left: 26px !important;
    color: #F57176 !important;
    font-size:14px;
}

.divemployer ul li a {
    display: block;
    padding: 5px 8px 5px;
    color: #F57176;
    font-size:16px; 
}
.divemployer ul li a:hover{
    text-decoration:none;
    background: #f9d2d2;
    border:1px solid #f9d2d2;
}

.video { margin-bottom: 20px; }

#member_details { width:100%;}
#member_details p  { padding:0; margin: 0}
#member_details p.name { font-weight: bold; font-size: 14px; line-height: 20px; color:#B72026;}
#member_details p.position { font-weight:normal; font-size: 12px; line-height: 14px; color:#B72026;}

label { color: #B72026; }
.control-label { text-align:left;}

  
#div-form{  background-color: #fff; padding-top: 30px; margin-right:0; }
.badge {
    background: #B72026;
    border-color: #F57176;
    color: #fff;
}
.answer {
    color: #B72026;
}
.well, .well-sm {
    background: #B72026;
    border-color: #F57176;
    color: #fff;
}

.dataTables_info { font-size:12px;  color: #B72026; }

div.dataTables_filter label {
    font-weight: normal;
    float: right;
    font-size: 12px;            
}

#mytable_filter input {
    margin: 0;    
    border-radius: 4px;
    border:#ddd 1px solid;
    padding: 3px;
    outline: none;
    font-size:13px
}
.pagination { float: right; right:0; margin-top:-10px;}
.pagination>li>a, .pagination>li>span { font-size:12px !important;  }         
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff !important;
    cursor: pointer;
    background-color: #B72026;
    border: 1px solid #B72026;
    padding: 5px 8px 5px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: 1px solid #ddd;
    padding: 5px;
}

.t_name { font-size:14px; font-weight: bold; }
.t_sub  { font-size:13px; color:#B72026;     }

#dropzone-photo{
    border: 2px dashed #B72026;
    border-radius: 5px;
    background: #FFF;;
    width: 176px;
    color:#B72026;
}
table thead { background: #B72026; color:#fff;}

#dropzone-photo .dz-message{
    font-weight: bold;
    font-size: 12pt;
    color:#B72026;
}

.btn-primary, .btn-info, .btn-warning {
    color: #fff !important;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;   
}

.btn-primary:hover, .btn-info:hover, .btn-warning:hover {
    color: #eee !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}
.panel-heading { background-color: #f2dede !important; border-color: #ebccd1 !important; color:#a94442 !important; }
.comment_item  { background-color: #f2dede !important; }

td
.text-danger,
.text-danger a:hover,

.openModal,
.openModal a:link,

.btnews,
btnews a:link,

.addnew,
.addnew a:link,

td .fa,
td .fa:link,

td a:link,
.approval,
.approval a:link
    { color:#B72026 !important; text-decoration: none !important;}

td a:hover,
.btnews a:hover,
.openModal a:hover,
.text-danger a:hover,
.addnew a:hover,
td .fa a:hover,
.approval a:hover
    { color:#e87d81 !important; }

.dom {
    position    : fixed;
    left        : 0;
    top         : 0;
    width       : 100%;
    height      : 100%;
    background  : rgba(0, 0, 0, 0.63);
    z-index     : 2000;
    display     : none;
}

.white-box {
    position    : fixed;    
    left        : 50%;
    top         : 50%;
    transform   : translate(-50%, -50%);
    background : #fff;
    z-index    : 2010;
    display    : none;    
    font-size  : 13px;
}

.white-box-header {   
    width       : 95%;
    height      : 30px;
    background  : #e8e8e8;
    font-weight : bold;
    font-size   : 15px;
    float       : left;
    text-indent : 10px;
    padding-top : 5px;
}

.white-box-close {   
    width       : 5%;
    height      : 30px;
    background  : #e8e8e8;
    font-weight : bold;
    font-size   : 18px;
    float       : right;
}

.white-box-body { 
    width       : 600px;
    padding     : 10px;   
}

.hand { cursor: pointer !important; color:#B72026;}
.label-default { padding: 4px 6px; font-weight: 600; background: #f3e9e9; color: #000; border: 1px #a0a0a0 solid; } 
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mt20 {margin-top:20px !important;}
.ml5  { margin-left : 5px !important;}
.ml10 { margin-left : 10px !important;}
.ml15 { margin-left : 15px !important;}
.w140 {  float:left; margin-right:5px; margin-bottom:5px; text-align:left;}