body {
    color: #000;
}
input[type="text"], input[type="search"], input[type="password"]{
    border-radius: 0;
    background-color: #fff;
    background-image: none;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 36px;
    line-height: 1.6;
    padding: 6px 12px;
    border: 1px solid #ccd0d2;

}

/*Login page*/

.login-form .panel-default{
    width: 360px;
    margin: 50px auto 0;
}

.login-form .panel-body {
    padding: 20px 30px;
}

.login-form .alert ul{
    padding-left:20px;
}

.login-form  .panel-heading{
    border-bottom: 0;
        padding-top: 28px;
}

.login-form .btn-success{
    font-weight: bold;
    padding: 8px 5px;
}

/*JOB POSTED*/
#job_posts .inquiry_action{
    margin-right:5px;
}

#popup-div iframe{
    width:844px !important;

}

.dataTables_wrapper{
     overflow: auto;
}

.dataTables_filter input{
    display: inline-block;
    width:144px;

}

.content-header{
    padding: 15px 15px 0 30px;
}

table.dataTable{
    margin-top: 50px;
    width: 100%;
}

.sidebar-menu ul li.active a{
    background: #006d68 none repeat scroll 0 0;
    border-left-color: #006d68;
    color: #ffffff;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    background: #006d68 none repeat scroll 0 0;
    border-left-color: #006d68;
}
.sidebar-menu .treeview-menu > li > a {
    padding: 10px 0 10px 30px;
}
.sidebar-menu  .treeview-menu li.active a,
.sidebar-menu  .treeview-menu li a:hover{
    background: #16abda;
    border-left-color: #16abda;
}
#wrap-dashboard .dash-header-div {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}
#wrap-dashboard .left-content, #wrap-dashboard .right-content {
    display: inline-block;
    width: 300px;
    /*height: 130px;*/
    border: 1px solid #000;
    margin: 10px 30px;
}

#wrap-dashboard .head {
    background: #0069b2;
    font-weight: bold;
    padding: 5px 10px;
    color: #FFF;
    text-align: left;
}

#wrap-dashboard .dash-content {
    float: left;
    padding: 10px;
    padding-left: 30px;
    text-align: left;
}

#wrap-dashboard .dash-content span{
    float: left;
    width: 100%;
    margin: 5px;
    font-size: 16px;
}

#wrap-dashboard .dash-content span i{
    float: left;
    width: 35px;
}

#wrap-dashboard table.user-count {
    width: 100%;
    float: left;
}
#wrap-dashboard table.user-data{
    width: 95%;
    float: left;

}
#wrap-dashboard table.user-data th, #wrap-dashboard table.user-data td{
    padding:3px;
    max-width: 250px;
    word-wrap: break-word;
}

#wrap-dashboard table.user-count {
    width: 95%;
    float: left;
    border:1px solid #000;
}

#wrap-dashboard table.user-count th {
    padding: 5px 0;
    text-align: center;
}
#wrap-dashboard table.user-count td {
    text-align: center;
    padding: 10px 0;
}
#wrap-dashboard  .user-count-head {
    background: #0069b2;
    color: #FFF;
}
#wrap-dashboard table td {
    padding: 3px 0;
}

#wrap-dashboard .title-user-data {
    background: #0069b2;
    padding: 5px 10px;
    float: left;
    width: 95%;
    font-weight: bold;
    margin: 30px 0  20px 0;
    color: #FFF;
}

#wrap-dashboard .title-user-data select {
    margin-left: 10px;
}

#wrap-dashboard .more-link {
    display: block;
    float: right;
    clear: both;
    margin-top: 10px;
    margin-right: 20px;
}

#wrap-dashboard .dash-content .fa  {
    font-size: 25px;
}

#wrap-dashboard .dashboard-monthly-data {
    width: 95%;
}
#wrap-dashboard table th{
    text-align: center;
    border-bottom: 1px solid #000;
    padding: 5px 0;
}
#wrap-dashboard table td{
    border-bottom: 1px solid #000;
    padding: 5px 0;
}
.center {text-align: center}

table > thead > tr > th {
    vertical-align: middle !important ;
    text-align: center !important;
}

.select_company, .select_status, .citySearch, .select_category {
    float: left;
    width: auto;
    padding: 5px;
}
.wrap-user-filter-form, .wrap-job-filter-form {
    position: absolute;
    left: 300px;
    top: 1px;
    z-index: 5;
}

.wrap-user-filter-form .btn {
    margin-left: 1.5rem;
}

#rating .wrap-user-filter-form, #rating .wrap-job-filter-form {
    top: 50px;
}

table.dataTable thead .sorting{
    background-image: url("../images/sort_arrow.png");
}

.navbar-nav .user-footer .btn-default{
    background: rgba(60, 141, 188, 0.98);
    color: #fff !important;
    width: 100px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current{
     background: #3c8dbc none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #fff !important;
}

.dataTables_paginate .paginate_button{
    border: 1px solid #cacaca !important;
}


.dataTables_paginate, .users-table_info{
    margin:10px 0 15px;
}
.wrap-job-filter-form {
    width: 64%;
    margin-top: 10px;
}
.wrap-job-filter-form input{
    width: 125px !important;
}
.dataTables_wrapper .dataTables_length {
    float: right;
}
.dataTables_wrapper .dataTables_filter {
    float: left;
}
#usertabs {
    float: left;
    width: 100%;
}

#wrap_userdetails .general_part1{
    float:left;
    width:25%;
    display: inline;
    padding: 0 10px;
}
#wrap_userdetails .general_part2{
    float:left;
    width:25%;
    display: inline;
    border-left: 2px solid #919191;
    border-right: 2px solid #919191;
    padding: 0 10px;
}
#wrap_userdetails .general_part3{
    float:left;
    width:25%;
    display: inline;
    padding: 0 10px;
}
#wrap_userdetails .general_part4{
    float:left;
    width:15%;
    display: inline;
}

#wrap_userdetails .wrap_field {
    float: left;
    margin:10px 0;
    clear:both;
}
#wrap_userdetails .wrap_field .lable {
    font-weight: bold;
    float:left;
    width: 100px;
}

#wrap_userdetails .profile_pic {
    width: 150px;
    height: 150px;
    margin-top: 100px;
}

.btn {
  padding: 5px 11px;
}
.table > thead > tr > th {
    vertical-align: middle;
    text-align: center;
}

.dataTable td.datatable-link a {
    color: #3c8dbc;
    text-decoration: underline;
}

td.datatable-link a:hover, td.datatable-link a:active, td.datatable-link a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}

a.link {
    color: #3c8dbc;
    text-decoration: underline;
}

a.link:hover, a.link:active, a.link:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}

.navbar-nav > .user-menu > .dropdown-menu  {
    width: 200px;
    min-width: 105px;
}
.wrap-job-detail, #wrap-reported-user {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 0.9em;
}
.wrap-job-detail .left-content,  .wrap-job-detail .right-content {
    float: left;
    width: 48%;
    padding-right: 10px;
}
.wrap-job-detail .wrap-field {
    display: block;
    padding: 15px 0px 10px;
}

.wrap-job-detail .wrap-field .label{
    float: left;
    /*width: 100px;*/
    font-weight: bold;
    padding-top: 5px;
    width: 32%;
}

#wrap-reported-user .tbl-reported-user {
    width: 99%;
    border-collapse: collapse;
}
#wrap-reported-user .tbl-reported-user td{
    padding: 5px;
    border:1px solid #000;
}

#wrap-reported-user .tbl-reported-user thead {
    font-weight: bold;
    text-align: center;
}

.dataTables_paginate {
    float: left !important;
    width: 40%;
}


.wrap-partials-popup  .modal {
    background-color: #f4f4f4;
    border: 2px solid #000;
    height: 200px;
    left: 15%;
    overflow: auto;
    padding: 25px 15px 15px 15px;
    position: absolute;
    top: 2%;
    width: 400px;
    z-index: 9999;
}
.wrap-partials-popup li {
    list-style: none;
    line-height: 2em;
}
/* The Close Button */
.wrap-partials-popup .close {
    color: #2c343d;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -25px;
}

.wrap-partials-popup .close:hover,
.wrap-partials-popup .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

#wrap_jobposts .warp_delete_job {
    float: left;
    margin-right: 25px;
    margin-top: 20px;
    margin-bottom: 25px;
}
#wrap_jobposts .warp_delete_job button {
    padding: 5px 10px;
}

#wrap_jobposts .inquiry_action {
    margin-bottom: 5px;
}

#wrap_jobposts .inquiry_action.disabled {
    display: none;
}
.wrap-heading-settings {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.wrap-heading-settings .header .title{
    font-size: 16px;
    font-weight: bold;
    float: left;
    padding-top: 6px;
}
.wrap-heading-settings .header {
    float: left;
    width: 100%;
    border-bottom: 2px solid #000;
    padding: 10px 0;
    margin-bottom: 20px;
}
.wrap-heading-settings.second .header {
    border-top: 2px solid #000;
}
.wrap-heading-settings .wrap-frm-credit-pricing .header {
    border-top: 2px solid #000;
}

.wrap-heading-settings .wrap-frm-credit-pricing .header .title{
    padding-top: 6px;
}
.wrap-heading-settings .header .btn-right {
    float: right;
    margin-right: 5px;
    width:80px;
}

.wrap-heading-settings .left_cotent {
    float: left;
    margin-left: 30px;
    width: 50%;
}

.wrap-heading-settings .wrap-frm-credit-setting {
    float: left;
    clear: both;
    width: 100%;
}

.wrap-heading-settings .right_cotent {
    float: left;
    width: 40%;
    margin-left: 30px;
}

.wrap-heading-settings .wrap-field {
    float: left;
    width: 100%;
    margin: 10px 0;
}

.wrap-heading-settings .wrap-field label {
    width: 150px;
    font-weight: bold;
}

.wrap-heading-settings .wrap-frm-credit-pricing {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.wrap-heading-settings .right_cotent .wrap-field label {
    width:200px;
}
.wrap-heading-settings input[type="text"] {
    border: 1px solid #272828;
    padding: 5px;
}
.wrap-heading-settings .btn {
    padding: 5px 10px;
}
.wrap-heading-settings .btn_delete,
.wrap-heading-settings .btn_edit
{
    border: none;
    background: none;
    float: left;
    margin-right: 10px;
}

.wrap-heading-settings .action-icon i {
    font-size: 30px;
}

i.fa-star {
    letter-spacing: 5px;
}

.wrap-special-inquiry-detail input[type="text"],
.wrap-special-inquiry-detail textarea{
    border: 1px solid #272828;
    padding: 8px 5px;
    width:67%;

}

.wrap-special-inquiry-detail textarea{
    height: 156px;
}

.wrap-special-inquiry-detail .special-inquiry-buttons {
    clear: both;
    float: right;
}

.navbar-default .navbar-brand{
    color:#fff;
    font-weight:bold;
}

.navbar.navbar-default{
    background-color: #3c8dbc;
}

@media screen and (max-width: 1460px) {
    #job_posts{
            position: relative;
    }
    #job-posts_filter{
        margin-bottom: 70px;
    }

    #wrap_jobposts .wrap-job-filter-form{
        top:50px;
        width: 100%;
        left: 0;

    }

}

@media screen and (max-width: 1120px) {
    #wrap_jobposts .wrap-job-filter-form input{
            width: 100px;
    }
}

#wrap_filter_values .wrap-category-filter-form {
    float: right;
    position: relative;
    right: 0px;
    top: 35px;
    z-index: 5;
    width: 42%;
}
#wrap_filter_values .wrap-category-filter-form input{
    margin-right: 15px;
    float: left;
}

.wrap-category-filter-form label {
    width: 150px;
    float: left;
}

.wrap-category-filter-form .wrap-field {
    display: block;
    margin: 20px 20px;
}
#job-category_wrapper .action-icon,
#wrap-admin-users .action-icon{
    font-size: 24px;
    color: #000;
}
#job-category_wrapper .action-icon:hover,
#wrap-admin-users .action-icon:hover{
    color: #3c8dbc;
}

#job-category td {
    vertical-align: middle;
}

#wrap_filter_values .ui-slider-handle {
    width: 3em;
    height: 1.8em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
    background: #0073b7;
    color: #FFF;
    font-weight: bold;
}
#wrap_filter_values .wrap-slider {
    float: left;
    width: 400px;
    margin-top: 20px;
}

#wrap_filter_values .wrap-other {
    float: left;
    margin-bottom: 30px;
}

#wrap_filter_values #tab_category .wrap-heading-settings{
    margin-bottom: 0px;
}

#wrap_filter_values #tab_category .wrap-heading-settings .header{
    margin-bottom: 0px;
}
#wrap_filter_values .btn-action-delete {
    background: none;
    border: none;
}
.wrap-frm-ads-setting {
    display: block;
    min-height: 400px

}
.wrap-frm-ads-setting input {
    display: inline-block;
    margin-left: 30px;
    width: 100px;
}

.switch-wrapper {
  display: inline-block;
  position: relative;
  top: 3px;
}
/** Switch toggle **/
.wrap-frm-ads-setting .toggle {margin-left: 30px;}
.wrap-frm-ads-setting .checkbox label .toggle,.checkbox-inline .toggle{margin-left:-20px;margin-right:5px}
.wrap-frm-ads-setting .toggle{position:relative;overflow:hidden}
.wrap-frm-ads-setting .toggle input[type=checkbox]{display:none}
.wrap-frm-ads-setting .toggle-group{position:absolute;width:200%;top:0;bottom:0;left:0;transition:left .35s;-webkit-transition:left .35s;-moz-user-select:none;-webkit-user-select:none}
.wrap-frm-ads-setting .toggle.off .toggle-group{left:-100%}
.wrap-frm-ads-setting .toggle-on{position:absolute;top:0;bottom:0;left:0;right:50%;margin:0;border:0;border-radius:0}
.wrap-frm-ads-setting .toggle-off{position:absolute;top:0;bottom:0;left:50%;right:0;margin:0;border:0;border-radius:0}
.wrap-frm-ads-setting .toggle-handle{position:relative;margin:0 auto;padding-top:0;padding-bottom:0;height:100%;width:0;border-width:0 1px}
.wrap-frm-ads-setting .toggle.btn{min-width:59px;min-height:34px}
.wrap-frm-ads-setting .toggle-on.btn{padding-right:24px}
.wrap-frm-ads-setting .toggle-off.btn{padding-left:24px}
.wrap-frm-ads-setting .toggle.btn-lg{min-width:79px;min-height:45px}
.wrap-frm-ads-setting .toggle-on.btn-lg{padding-right:31px}
.wrap-frm-ads-setting .toggle-off.btn-lg{padding-left:31px}
.wrap-frm-ads-setting .toggle-handle.btn-lg{width:40px}
.wrap-frm-ads-setting .toggle.btn-sm{min-width:50px;min-height:30px}
.wrap-frm-ads-setting .toggle-on.btn-sm{padding-right:20px}
.wrap-frm-ads-setting .toggle-off.btn-sm{padding-left:20px}
.wrap-frm-ads-setting .toggle.btn-xs{min-width:35px;min-height:22px}
.wrap-frm-ads-setting .toggle-on.btn-xs{padding-right:12px}
.wrap-frm-ads-setting .toggle-off.btn-xs{padding-left:12px}
.wrap-frm-ads-setting .toggle .toggle-group label {width: 100px !important;}
/** Switch toggle **/

#dialog-reason-form .wrap_reason {
    float: left;
    width: 100%;
}
#dialog-reason-form .wrap_reason p {
    text-align: center;
    margin-top: 15px;
}

#dialog-reason-form .wrap_reason .wrap-reason-btn{
    text-align: center;
    margin: 20px;
}
#dialog-reason-form textarea {
    width: 98%;
    background: #FFF;
    border: 1px solid #ccd0d2;
}
#dialog-reason-form .wrap_reason .wrap-reason-btn .btn {
    margin: 0 20px;
}

.right_cotent .field_value {
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    vertical-align: top;
    line-height: 1;
}

.filter-settingblock span{
    padding-top:13px;
}

.wrap-field .btn-category-imgage{
    width: 230px;
    float: left;
}
.wrap-category-filter-form label{
    font-weight: bold;
}

.select_category select{
    width:130px !important;
}

.wrap-distance-field label {
    float: left;
    padding-top: 5px;
}
.wrap-distance-field .tbl-credit-distance {
    width: 90%;
    margin-top: 20px;
    float: left;
}
.wrap-distance-field .tbl-credit-distance td,
.wrap-distance-field .tbl-credit-distance th{
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
}
#wrap-distance-btn button.btn-distance-edit,
#wrap-distance-btn button.btn-distance-delete{
    background: none;
    border: none;
    float: left;
    padding-right: 15px;
}
#wrap-distance-btn {
    float: right;
    margin-right: 30px;
    text-align: right;
    width: auto;
}
#wrap-distance-btn i {
    font-size: 30px;
}

#wrap-special-inquiry-setting {
    float: left;
    margin-top: 30px;
}

#wrap-special-inquiry-setting .filter-settingblock span {
    padding-top: 0px;
}
.panel-default .btn-export-right {
    float: right;
    margin: 20px;
}

.skin-blue .main-header .navbar {
    background-color: #0069b2;
}

.skin-blue .main-header .logo, .skin-blue .main-header .logo:hover {
    background-color: #0069b2;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a {
    background: #0069b2 none repeat scroll 0 0;
    border-left-color: #0069b2;
}

.privercy-terms h4{
    margin-top: 25px;
}
.navbar-brand-logo {
    float: left;
    font-size: 18px;
    height: 50px;
    line-height: 22px;
    padding: 14px 15px;
    font-weight: bold;
    color: #FFF;
}


#dialog-rewards-form .wrap_field {
    float: left;
    margin: 10px 0;
}
#dialog-rewards-form .wrap_rewards-btn {
    float: left;
    clear: both;
    margin: 10px;
}

.warp_rewards_job_btn {
    margin-bottom: 20px;
    padding-left: 20px;
}

.privercy-terms .panel-image img {
    margin: 0 auto;
    margin-top: 15px;
    width: 100px;
}

.wrap-jobpost-list .job-posts {
    margin-top: 100px;
}
@media screen and (min-width: 1917px) {
    .wrap-jobpost-list .job-posts {
        margin-top: 50px;
    }
}

.deleted_user_list #reason {
    width: 200px;
}

.wrap-user-list {
    position: relative;
}

.wrap-user-list .date-range input {
    width: 155px;
}

.deleted_user_list .wrap-user-filter-form, .deleted_user_list .wrap-job-filter-form {
    right: 195px;
    top: 12px;
}

.deleted_user_list .dataTables_wrapper .dataTables_length {
    margin-right: 10px;
}

tr.tr-category:hover{
    background-color: #f2f0da;
    cursor: row-resize;
}