.login-box, .register-box {
    width: 330px;
    margin: 7% auto;
}
.login-page, .register-page{
    background-color: #ebf0f6;
}
.login-box-body, .register-box-body{
    color: #999999;
}
.btn-primary{
    background-color: #ae1f23;
    border: none;
}
.skin-blue .main-header .logo{
    background-color: #9d1c20;
}
.main-header .logo{
    height: 70px;
}
.skin-blue .main-header .navbar{
    background-color: #ae1f23;
    padding-top: 10px;
}
.main-sidebar{
    padding-top: 100px;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side{
    background-color: #232122;
}
.user-panel{
    background-color: #333333;
}
.search_bar{
    padding: 0px;

}
.search_bar input{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: medium none !important;
    padding: 0;
    color: #c68686 !important;
}
.search_bar .sidebar-form input[type="text"]{
    color: #c68686 !important;
}
.search_bar .form-control::-moz-placeholder{
    color: #c68686 !important;
}
.search_bar .sidebar-form{
    border: medium none !important;
    padding: 0;
    color: #c68686 !important;
}
.skin-blue .sidebar-menu > li.header{
    background-color: #232122;
}
.sidebar-menu{
    background-color: #333333;
}
.skin-blue .sidebar-menu > li.active > a{
    border-left-color: #b21d30;
}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a{
    background: #272727 none repeat scroll 0 0;
}
.content-wrapper{
    background-color:#ebf0f6;
}
.user-panel > .info{
    padding: 15px 5px 5px 15px;
}
.top-header{
    background-color: #222222;
    padding: 5px;
    margin-right: 12px;
    display: list-item;
    clear: both;
}
.top-header select{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    right: 0;
    width: 200px;
}
.skin-blue .sidebar-menu > li > .treeview-menu{
    background-color: #333333;
}
.addjob{
    background-color: #f4f4f4;
    width: 100%;
    padding: 5px;
    text-align: center;
    display: block;
    color: #424242;
    border: 1px solid #dddddd;
}
.nav-tabs-custom > .nav-tabs > li.active{
    border-top-color: #b21d23;
}
.btn-default,.btn-danger{
    background-color: #ae1f23;
    color: #fff !important;
}
.btn-primary:hover,.btn-primary:active,.btn-default:hover,.btn-default:active{
    background-color: #ae1f23;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu{
    margin-top: 10px;
}
.skin-blue .main-header li.user-header{
    background-color: #ae1f23;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover{
    background-color: #ae1f23;
}
.skin-blue .main-header .logo:hover{
    background-color:#9d1c20 !important;
}
.form-horizontal .control-label{
    text-align: left;
    margin-bottom: 3px;
}
.job-list-tbody tr{
    cursor: pointer;
}
.job-list-tbody tr.active{
    border-left: 2px solid #b21d30;
}
.job-list-tbody tr a{
    color:#333;
}
.job-list-tbody tr.active a{
    color:#333;
}
.btn-default, .btn-danger, .btn-primary{
    background-color: #f4f4f4;
    border: medium none;
    color: #424242 !important;
    border: 1px solid #dddddd;
}
.btn-default:hover, .btn-danger:hover,.btn-primary:hover,.btn-default:focus, .btn-danger:focus,.btn-primary:focus,.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover{
    background-color: #f4f4f4;
    color: #000  !important;
}
#form_upload_path{
    background: white none repeat scroll 0 0;
    border: 2px solid rgba(0, 0, 0, 0.3);
    min-height: 150px;
    padding: 20px;
}
.dropzone .dz-message {
    margin: 2em 0;
    text-align: center;
}
.nav > li > a{
    padding: 10px;
}
.survey-circle{
    display: inline-block;  
    height: 15px; 
    width: 30px; 
    border: 1px solid #c9c9c9;
}
.color1{
    background: #eb2526 no-repeat 0 0;
}
.color2{
    background: #ea9425 no-repeat 0 0;
}
.color3{
    background: #ebe925 no-repeat 0 0;
}
.color4{
    background: #70ea25 no-repeat 0 0;
}
.color5{
    background: #37800b no-repeat 0 0;
}
.pagination > li{
    display: inline-block;
    list-style: none;
    margin: 0px;
}
.pagination{
    text-align: center;
    width: 100%;
    list-style: none;
    margin: 0px;
}
.selected-surv,.avg-surv-result{
    text-align: center;
}
.bootstrap-timepicker-widget{
    display: block;
    z-index: 9999;
}
@media (max-width: 767px) {
    .navbar-custom-menu{
        margin-top: -50px;
    }
    .main-header{
        max-height: 170px;
    }
    .search_bar {
        display: flex;
    }
    .search_bar .sidebar-form{
        margin-left: 0px;
        width: 200px;
    }
}

.required:after{ 
    content:'*'; 
    color:red; 
    padding-left:5px;
}

input[type='checkbox'].icon-checkbox{display:none;font-size: 25px;color: gold;}
input[type='checkbox'].icon-checkbox+label .unchecked{display:inline;font-size: 25px;color: gold;}
input[type='checkbox'].icon-checkbox+label .checked{display:none;font-size: 25px;color: gold;}
input[type='checkbox']:checked.icon-checkbox{display:none;font-size: 25px;color: gold;}
input[type='checkbox']:checked.icon-checkbox+label .unchecked{display:none;font-size: 25px;color: gold;}
input[type='checkbox']:checked.icon-checkbox+label .checked{display:inline;font-size: 25px;color: gold;}
.ui-widget{
    z-index: 9999 !important;
}
.direct-chat-primary{
    height: 300px;
    overflow: auto;
}
.dashboard_icon{
    font-size: 22px;
    margin-right: 5px;
}
.letter-div ul{
    margin: 0px;
    list-style-type: none;
    padding: 0px;
    float: left;
}
.letter-div ul li{
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
.interviewDate,#survey_status_type{
    display: none;
}
.fa-mobile-phone.dashboard_icon{
    font-size: 25px;
}
.dz-error-message{
    display: none !important;
}
#datatable_wrapper{
    padding: 5px;
}
#datatable_filter input{
    width: 100px;
}
.selectall
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  margin-left: 15px !important;
}
.disabledcss[disabled], .disabledcss[readonly]{
    background: red;
    color:#fff;
}
.justify-content-md-center{
    text-align: center;
}
#wizard .active{
    width: 100%;
    background: #fff;
    padding: 15px;
    margin-bottom: 10px;
}
#wizard i{
    margin-right: 10px;
}
#wizard .inactive{
    width: 100%;
    background: #fff;
    padding: 15px;
    margin-bottom: 10px;
    opacity:0.5;
}
.wizard,.tabcontrol {
 display:block;
 width:100%;
 overflow:hidden
}
.wizard a,.tabcontrol a {
 outline:0
}
.wizard ul,.tabcontrol ul {
 list-style:none!important;
 padding:0;
 margin:0
}
.wizard ul>li,.tabcontrol ul>li {
 display:block;
 padding:0
}
.wizard>.steps .current-info,.tabcontrol>.steps .current-info {
 position:absolute;
 left:-999em
}
.wizard>.content>.title,.tabcontrol>.content>.title {
 position:absolute;
 left:-999em
}
.wizard>.steps {
 position:relative;
 display:block;
 width:100%
}
.wizard.vertical>.steps {
 display:inline;
 float:left;
 width:30%
}
.wizard>.steps .number {
 font-size:1.429em
}
.wizard>.steps>ul>li {
 width:25%
}
.wizard>.steps>ul>li,.wizard>.actions>ul>li {
 float:left
}
.wizard.vertical>.steps>ul>li {
 float:none;
 width:100%
}
.wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active {
 display:block;
 width:auto;
 margin:0 .5em .5em;
 padding:1em 1em;
 text-decoration:none;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px
}
.wizard>.steps .disabled a,.wizard>.steps .disabled a:hover,.wizard>.steps .disabled a:active {
 background:#fff;
 color:#aaa;
 cursor:default;
 opacity: 0.5;
}
.wizard>.steps .current a,.wizard>.steps .current a:hover,.wizard>.steps .current a:active {
 background:#fff;
 color:#ae1f23;
 cursor:default
}
.wizard>.steps .done a,.wizard>.steps .done a:hover,.wizard>.steps .done a:active {
 background:#fff;
 color:#ae1f23;
}
.wizard>.steps .error a,.wizard>.steps .error a:hover,.wizard>.steps .error a:active {
 background:#ff3111;
 color:#fff
}
.wizard>.content {
 background:#fff;
 display:block;
 min-height:20em;
 overflow:hidden;
 position:relative;
 width:auto;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px
}
.wizard.vertical>.content {
 display:inline;
 float:left;
 margin:0 2.5% .5em 2.5%;
 width:65%
}
.wizard>.content>.body {
 float:left;
 position:absolute;
 width:95%;
 height:95%;
 padding:2.5%
}
.wizard>.content>.body ul {
 list-style:disc!important
}
.wizard>.content>.body ul>li {
 display:list-item
}
.wizard>.content>.body>iframe {
 border:0 none;
 width:100%;
 height:100%
}
.wizard>.content>.body input {
 border:1px solid #ccc
}
.wizard>.content>.body input[type="checkbox"] {
}
.wizard>.content>.body input.error {
 background:#fbe3e4;
 border:1px solid #fbc2c4;
 color:#8a1f11
}
.wizard>.content>.body label {
 display:inline-block;
 margin-bottom:.5em
}
.wizard>.content>.body label.error {
 color:#8a1f11;
 display:inline-block;
 margin-left:1.5em
}
.wizard>.actions {
 position:relative;
 display:block;
 text-align:right;
 width:100%
}
.wizard.vertical>.actions {
 display:inline;
 float:right;
 margin:0 2.5%;
 width:95%
}
.wizard>.actions>ul {
 display:inline-block;
 text-align:right
}
.wizard>.actions>ul>li {
 margin:0 .5em
}
.wizard.vertical>.actions>ul>li {
 margin:0 0 0 1em
}
.wizard>.actions a,.wizard>.actions a:hover,.wizard>.actions a:active {
 background:#2184be;
 color:#fff;
 display:block;
 padding:.5em 1em;
 text-decoration:none;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius:5px
}
.wizard>.actions .disabled a,.wizard>.actions .disabled a:hover,.wizard>.actions .disabled a:active {
 background:#eee;
 color:#aaa
}
.wizard>.loading {
}
.wizard>.loading .spinner {
}
.tabcontrol>.steps {
 position:relative;
 display:block;
 width:100%
}
.tabcontrol>.steps>ul {
 position:relative;
 margin:6px 0 0 0;
 top:1px;
 z-index:1
}
.tabcontrol>.steps>ul>li {
 float:left;
 margin:5px 2px 0 0;
 padding:1px;
 -webkit-border-top-left-radius:5px;
 -webkit-border-top-right-radius:5px;
 -moz-border-radius-topleft:5px;
 -moz-border-radius-topright:5px;
 border-top-left-radius:5px;
 border-top-right-radius:5px
}
.tabcontrol>.steps>ul>li:hover {
 background:#edecec;
 border:1px solid #bbb;
 padding:0
}
.tabcontrol>.steps>ul>li.current {
 background:#fff;
 border:1px solid #bbb;
 border-bottom:0 none;
 padding:0 0 1px 0;
 margin-top:0
}
.tabcontrol>.steps>ul>li>a {
 color:#5f5f5f;
 display:inline-block;
 border:0 none;
 margin:0;
 padding:10px 30px;
 text-decoration:none
}
.tabcontrol>.steps>ul>li>a:hover {
 text-decoration:none
}
.tabcontrol>.steps>ul>li.current>a {
 padding:15px 30px 10px 30px
}
.tabcontrol>.content {
 position:relative;
 display:inline-block;
 width:100%;
 height:35em;
 overflow:hidden;
 border-top:1px solid #bbb;
 padding-top:20px
}
.tabcontrol>.content>.body {
 float:left;
 position:absolute;
 width:95%;
 height:95%;
 padding:2.5%
}
.tabcontrol>.content>.body ul {
 list-style:disc!important
}
.tabcontrol>.content>.body ul>li {
 display:list-item
}
@media(max-width:600px) {
 .wizard>.steps>ul>li {
  width:50%
 }
 .wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active {
  margin-top:.5em
 }
 .wizard.vertical>.steps,.wizard.vertical>.actions {
  display:block;
  float:none;
  width:100%
 }
 .wizard.vertical>.content {
  display:block;
  float:none;
  margin:0 .5em .5em;
  width:auto
 }
}
@media(max-width:480px) {
 .wizard>.steps>ul>li {
  width:100%
 }
}