.update-nag,
#wpfooter{
    display: none;
}
form{
    display: unset;
}
#wpcontent,
#wpbody-content{
    padding: 0px !important;
}
body{
    font-family:Raleway, sans-serif !important;
}
.front_title{
    font-weight: 600;
    margin: 0px;
}
.front_title_sub{
    font-weight: 600;
    font-size:18px;
}
.zpt-form-control{
    height: 37px !important;
    border-radius: unset !important;
}
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus{
    outline: none !important;
}
.zpt_radio_button{
    font-weight: normal;
    border-radius: 4px;
    padding: 15px 16px;
    cursor: pointer;
    box-shadow: 0 2px 6px -2px rgba(0,0,0,0.5);
    transform: translate3d(0, 0, 0);
    outline: 0;
}
.LiveField__container{
    padding:22px 20px !important;
    text-align: left;
    box-shadow: 0 1.2px 6px -2px rgba(0,0,0,0.6);
    cursor: pointer;
    transform: perspective(1px) translateZ(0);
    backface-visibility: hidden;
    transition: all 0.15s;
}
#progressbar,
#progressbar_1,
#progressbar_2,
#worker_progressbar{
    overflow: hidden;
    counter-reset: step;
    padding: 0px;
}
#progressbar_1>li,
#progressbar_2>li{
    list-style-type: none;
    text-transform: uppercase;
    font-size: 9px;
    float: left;
    position: relative;
    text-align: center;
    width: 12%;
    word-break: break-word;
    overflow-wrap: break-word;
}
#progressbar>li,
#worker_progressbar>li{
    list-style-type: none;
    text-transform: uppercase;
    font-size: 9px;
    float: left;
    position: relative;
    text-align: center;
    width: 9%;
    word-break: break-word;
    overflow-wrap: break-word;
}
#progressbar>li:before,
#progressbar_1>li:before,
#progressbar_2>li:before,
#worker_progressbar>li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #fff;
    background: black;
    border-radius: 3px;
    margin: 0 auto 5px auto;
}
/*progressbar connectors*/
#progressbar>li:after,
#progressbar_1>li:after,
#progressbar_2>li:after,
#worker_progressbar>li:after{
    content: '';
    width: 80%;
    height: 1px;
    background: black;
    position: absolute;
    right: -39%;
    top: 9px;
    z-index: 0;
}
ul>li:last-child:after{
    width: 0px !important;
}
#progressbar>li:first-child:after
#progressbar_1>li:first-child:after
#progressbar_2>li:first-child:after
#worker_progressbar>li:first-child:after{
    /*connector not needed before the first step*/
    content: none;
}
/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar>li.active:before,  #progressbar>li.active:after,
#progressbar_1>li.active:before,  #progressbar_1>li.active:after,
#progressbar_2>li.active:before,  #progressbar_2>li.active:after,
#worker_progressbar>li.active:before,  #worker_progressbar>li.active:after{
    background: #27AE60;
    color: white;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.zpt-file {
    position: relative;
    display: inline-block;
    cursor: pointer;
    height: 4rem;
}
.zpt-file input {
    min-width: 14rem;
    margin: 0;
    filter: alpha(opacity=0);
    opacity: 0;
}
.zpt-file-custom {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    padding: .5rem 1rem;
    line-height: 1.5;
    border: .075rem solid #ddd;
    border-radius: .25rem;
    box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.zpt-file-custom:after {
    content: "Choose File...";
    line-height: 28px;
    width: 73%;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.zpt-file-custom:before {
    position: absolute;
    top: -.075rem;
    right: -.075rem;
    bottom: -.075rem;
    z-index: 6;
    display: block;
    content: "Browse";
    padding: 1rem 1rem;
    line-height: 1.5;
    border: .075rem solid #ddd;
    border-radius: 0 .25rem .25rem 0;
}

/* Focus */
.zpt-file input:focus ~ .zpt-file-custom {
    box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
}
.front-sub-menu{
    top: 4px;
    position: relative;
}
ul[sub-menu]{
    margin: 0px !important;
    padding-left: 25px !important;
}
.welcome-image,
.logo-image{
    width:100%;
}
#osf_telephone,
.iti--separate-dial-code{
    width:100% !important;
}
.side_bar_top>a{
    font-size: 16px;
    position: relative;
    top: 0px;
    color: #ffff;
    text-decoration: none;
    word-break: break-all;
}
button{
    outline: none !important;
}
.side_bar_top{
    width:100%;
    color: #fff;
    text-align: center;
}
.app-footer{
    position: fixed;
    width: 100%;
    bottom: 0;
}
.welcome-title {
    font-size: 24px;
    font-weight: 800;
}
.welcome-des{
    font-size: 20px;
    text-align: center;
}
.membership_data_image{
    float: left;
    text-align: -webkit-center;
}
.company_data_image{
    width: 100%;
    float: left;
    position: relative;
    top:1px;
    max-width: 45px;
    max-height: 45px;

}
.membership_data_image>img{
    height: 46px !important;
}
.company_data_image>img{
    width: 100% !important;
    float: left;
    border-radius: 100%;
}
.membership_name{
    position: relative;
    left: 10px;
    font-weight: 600;
    align-items: center;
    height: 47px;
    display: flex;
}
.company_name{
    position: relative;
    top: 14px;
    left: 10px;
    font-weight: 600;
}
.wordpress_user_name{
    position: relative;
    top: 5px;
    font-weight: 600;
    right: 12px;

}
@media only screen and (max-width: 450px) {
    .d-xs-down-none{
        display:none;
    }
    
}
.upload_imge_style{
    max-width: 100px;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 5px;
}
.upload_imge_style_show{
    max-width: 200px;
    width: 100%;
    border-radius: 10px;
    float: left;
    border: 1px solid silver;
    padding: 10px;
    margin-right: 10px;
    height: 150px;
}
ul[sub-menu='true']>li>a,
ul[sub-menu='false']>li>a{
    font-size: 13px !important;
    padding: 10px 4px !important;
}
.close{
    color: #fff;
    opacity: 1;
}
.c-subheader.justify-content-between {
    border-bottom: 1px solid silver;
}
.zpt-pad-0{
    padding: 0px;
}
.pull-right{
    float: right;
}
.pull-left{
    float: left;
}
.zpt-mar-t-5{
    margin-top: 5px;
}
.zpt-mar-t-10{
    margin-top: 10px;
}
.zpt-mar-r-10{
    margin-right: 10px;
}
.zpt-mar-r-5{
    margin-right: 5px;
}
.zpt-mar-b-0{
    margin-bottom: 0px;
}
.hidden{
    display: none;
}
tr>th,
tr>td{
    font-size: 12px;
}
textarea[name="incident_manager_name"],
textarea[name="injured_person"],
textarea[name="witness_name"],
textarea[name="first_aider_name"],
textarea[name="follow_up_name"],
textarea[name="manager_name"],
textarea[name="investigator_name"],
textarea[name="zpt_incident_injured_person"],
textarea[name="zpt_incident_manager_name"],
textarea[name="zpt_investigator_name"],
textarea[name="injured_person_worker"],
textarea[name="witness_name_worker"],
textarea[name="first_aider_name_worker"],
textarea[name="follow_up_name_worker"],
textarea[name="manager_name_worker"],
textarea[name="investigator_name_worker"],
textarea[name="security_guard_name"]
{
    height: 35px;
}
.print_button{
    position: absolute;
    right: 45px;
    top: 10px;
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}
.dataTables_length,
.dataTables_info{
    text-align: left;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 100% !important;
    display: inline-block;
}
.min-width{
    min-width: 90px;
}
.view_image{
    width: 100%;
    border-radius: 4px;
}
.close_btn{
    position: absolute;
    right: 12px;
    font-size: 2rem;
}
.min-height{
    min-height: 160px;
}
.bottom_div{
    position: absolute;
    bottom: 0;
}
.zpt-mar-b-10{
    margin-bottom: 10px;
}
.hr{
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fafafa;
    margin-top: 6.500px !important;
    margin-bottom: 6.500px !important;
}
.border-right {
    border-right: 1px dotted silver;
}
.admin-h1{
    color: #23282d;
    font-size: 1.6em;
}
.user_details{
    text-align: left;
    padding-left:10px;
    width:100%;
    max-width:70%;
}

.osf_user_data{
    font-size: 10px;
    color: gray;
}
.font-sm{
    font-size: 10px !important;
}
.card_parent{
    display: inline-flex;
    padding: 10px 10px;
}
.user_img_div{
    float: left;
    width: 100%;
    height: 60px;
    max-width: 60px;
}
.osf_name,
.osf_mobile,
.osf_country{
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zpt-pad-l-0{
    padding-left:0px;
}
.zpt-pad-r-0{
    padding-right:0px;
}
.height-400{
    height:400px;
    overflow:auto;
}
.message{
    width:100%;
}
.p20 {
    padding: 20px !important;
}
.p10 {
    padding: 10px !important;
}
.box {
    display: table;
    table-layout: fixed;
    border-spacing: 0;
    width: 100%;
}
.box-content {
    display: table-cell;
    vertical-align: top;
    height: 100%;
    float: none;
    overflow-x: hidden;
    padding-bottom: 5px;
}
.w200 {
    width: 200px;
}
.w220 {
    width: 220px;
}
.profile-image-upload {
    vertical-align: top;
    margin-left: -45px;
}
.file-upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}
.avatar-lg {
    width: 125px;
    height: 125px;
}
.avatar {
    display: inline-block;
    white-space: nowrap;
}
.avatar img {
    height: inherit;
    max-width: 100%;
    border-radius: 50%;
    border: 1px solid #ffffff61;
    padding: 3px;
}
.pl15 {
    padding-left: 15px;
}
.p5 {
    padding: 5px;
}
.m0 {
    margin: 0 !important;
}
.label.large {
    font-size: 85%;
    font-weight: normal;
}
.label {
    display: inline-block;
    margin-top: 5px;
    padding: 4px 5px;
}
.ml-10 {
    margin-left: 10px !important;
}
.mr15 {
    margin-right: 15px !important;
}
.social-link, .social-link:hover, .social-link:active, .social-link:focus {
    text-decoration: none;
}
.social-link {
    width: 35px;
    height: 35px;
    margin: 0 10px 10px 0;
    padding: 5px 0;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    transition: all 300ms ease;
}
.panel-body {
    padding: 15px;
}
.text-off {
    opacity: 0.6;
}
.uppercase {
    text-transform: uppercase;
}
html {
    font-size: 14px !important;
}
.color-picker{
    padding: 0px;
    background: none;
    border: none;
    width: 25px;
    height: 25px;
}
.bk-custom-color{
    color:#fff;
}
#messages,
#timeline{
    overflow: auto !important;
    height: 100vh !important;
    position: absolute;
    width:100%;
}
.osf_name{
    font-weight:bold;
}
.osf_user_name{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.certificate{
    height: 163px;
    overflow: scroll;
    overflow-x: hidden;
}
.c-dark-theme .form-control {
    border-color: #4f5d73c9 !important;
}
.c-switch-slider, .c-switch-slider::before {
    background-color: unset;
}
.dt-buttons,
.dataTables_info{
    float:left !important;
}
.add_new_plan,
.edit_div_form{
    box-shadow: 0px 0px 1px 2px #0000001f;
    padding: 10px 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    width: 100%;
    float: left;
}
.new_plan_close{
    color: black;
    top: -7px;
    position: relative;
}
.modal{
    overflow: scroll !important;
}
sub, sup{
    font-size: 85% !important;
}
.no-button:focus,
.no-button:hover{
    box-shadow: none;
}
.no-button{
    background: no-repeat;
    border: none;
    color: rgb(50 31 219 / 68%);
}
.required{
    color:red;
}
/* body.c-dark-theme * {
    color: #e1e1e1 !important;
} */
/* common */
.ribbon {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: absolute;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 130px;
    padding: 2px;
    background-color: #e55352;
    color: #fff;
    font-size: 10px;
    text-align: center;
}

.ribbon-expired {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: absolute;
}
.ribbon-expired::before,
.ribbon-expired::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon-expired span {
    position: absolute;
    display: block;
    width: 130px;
    padding: 2px;
    background-color: rebeccapurple;
    color: #fff;
    font-size: 10px;
    text-align: center;
}

/* top right*/
.ribbon-top-right {
    top: 0px;
    right: 15px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
    left: -6px;
    top: 13px;
    transform: rotate(45deg);
    z-index: 9;
}
/* top right 1*/
.ribbon_1 {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: absolute;
}
.ribbon_1::before,
.ribbon_1::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon_1 span {
    position: absolute;
    display: block;
    width: 130px;
    padding: 2px;
    background-color: #2eb85c;
    color: #fff;
    font-size: 10px;
    text-align: center;
}
.ribbon-top-right_1 {
    top: 0px;
    right: 15px;
}
.ribbon-top-right_1::before,
.ribbon-top-right_1::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right_1::before {
  top: 0;
  left: 0;
}
.ribbon-top-right_1::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right_1 span {
    left: -18px;
    top: 24px;
    transform: rotate(45deg);
    z-index: 9;
}
/* top right 1*/
.ribbon_2 {
    width: 108px;
    height: 81px;
    overflow: hidden;
    position: absolute;
}
.ribbon_2::before,
.ribbon_2::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}
.ribbon_2 span {
    position: absolute;
    display: block;
    width: 130px;
    padding: 0px;
    background-color: #f9b115;
    color: #fff;
    font-size: 10px;
    text-align: center;
}
.ribbon-top-right_2 {
    top: 0px;
    right: 15px;
}
.ribbon-top-right_2::before,
.ribbon-top-right_2::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right_2::before {
  top: 0;
  left: 0;
}
.ribbon-top-right_2::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right_2 span {
    left: -7px;
    top: 30px;
    transform: rotate(45deg);
    z-index: 9;
}

.c-header-nav-btn.c-active{
    border-radius: 100%;
    height: 25px;
    width: 25px;
}
.show_hide_upload_section{
    display:none;
}
.osf_minimize_btn{
    cursor: pointer;
}
#bycourseFilter.form-control{
    width: 250px;
    display: inline;
}
.no-border {
    border: none !important;
    background-color: transparent;
}
.loader {
    border: 5px solid #f3f3f3;
    border-radius: 50%;
    border-top: 5px solid #2eb85c;
    width: 30px;
    height: 30px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
.page-loader-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}

.page-loader {
    border: 8px solid #f3f3f3;
    border-top: 8px solid #3498db;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
iframe{
    width: 100% !important;
}
select[name="act_membership_id"] + span {
    top: 12px;
}
select.osf—search-select-closed + span{
    width: 100% !important;
    min-width: 300px !important;
}
select.osf—search-select + span {
    min-width: 200px !important;
}
/* The actual timeline (the vertical ruler) */
.zpt_timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.zpt_timeline::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #2eb85c;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
}

/* Container around content */
.zpt_container {
    padding: 0px 25px;
    box-sizing: border-box;
    position: relative;
    background-color: inherit;
    width: 50%;
}

/* The circles on the timeline */
.zpt_container::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    right: -7px;
    background-color: #ffffff;
    border: 2px solid #2db85c;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

/* Place the container to the left */
.zpt_left {
  left: 0;
}

.zpt_left>button {
    left: 18px;
  }

/* Place the container to the right */
.zpt_right {
  left: 50%;
}

/* Add arrows to the left container (pointing right) */
.zpt_left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 9px;
    width: 0;
    z-index: 1;
    right: 10px;
    border: medium solid #2eb85c;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #2eb85c;
}

/* Add arrows to the right container (pointing left) */
.zpt_right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 12px;
    width: 0;
    z-index: 1;
    left: 11px;
    border: medium solid #2eb85c;
    border-width: 10px 10px 10px 0;
    border-color: transparent #2eb85c transparent transparent;
}

/* Fix the circle for containers on the right side */
.zpt_right::after {
  left: -7px;
}

/* The actual content */
.zpt_content {
    border: 1px solid #2db85c4d;
    position: relative;
    border-radius: 6px;
    box-shadow: 0px 0px 5px 0px #2eb85c;
    background-color: #80808012;
}
.zpt_content>h2,
.zpt_content>p{
    margin:0px
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
    .dt-buttons{
        display: none !important;
    }
    .bottom_logo{
        position: unset !important;
    }
  /* Place the timelime to the left */
  .zpt_timeline::after {
  	left: 31px;
  }

  /* Full-width containers */
  .zpt_container {
    width: 100%;
    padding-left: 50px;
    padding-right: 25px;
  }

  /* Make sure that all arrows are pointing leftwards */
  .zpt_container::before {
    left: 42px;
    border: medium solid #2db85c6e;
    border-width: 10px 10px 10px 0;
    border-color: transparent #2db85c6e transparent transparent;
  }

  /* Make sure all circles are at the same spot */
  .zpt_left::after,
  .zpt_right::after {
  	left: 24px;
  }

  /* Make all right containers behave like the left ones */
  .zpt_right {
  	left: 0%;
  }
  .zpt_content{
    margin-top: 5px;
  }
}
.access-wrap,
.formbuilder-icon-file,
.osf_form_data,
.form-actions,
.osf_form_submit_btn{
    display:none !important;
}
.osf_form_input{
    padding: 10px 0px;
}
.dash_minimize_btn,
.dash_restore_btn{
    cursor: pointer;
}
@keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.5, 1.5);
    }
    100% {
      transform: scale(1, 1);
    }
}
#revision{
    max-height: 1030px;
    overflow: scroll;
    overflow-x: hidden;
}
.select2-results__options[aria-multiselectable="true"] li {
    padding-left: 30px;
    position: relative
}
.select2-results__options[aria-multiselectable="true"] li:before {
    position: absolute;
    left: 8px;
    opacity: .6;
    top: 6px;
    font-family: "FontAwesome";
    content: "\f0c8";
}
.select2-results__options[aria-multiselectable="true"] li[aria-selected="true"]:before {
    content: "\f14a";
}
.progress {
    height: 0.3rem;
}
.notification-card-body .card {
    padding: 10px;
}
.notification-card-body .card .select2-container .select2-selection--multiple {
    min-height: 60px;
}
.notification-card-body .card .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 18px;
}
.notification-card-body .card .select2-container {
    width: 100% !important;
}
.notification-card-body .card .card-body {
    text-align: left;
}
.notification-card-body .card .card-body .card-title {
    font-size: 18px;
    font-weight: 600;
}
.notification-card-body .sm8a-card-image {
    max-width: 158px;
}
.notification-card-body .sm8a-card-image .img-wrapper {
    width: 100%;
    height: 165px;
}
.notification-card-body .sm8a-card-image .img-wrapper img{
    width: 100%;
    display: block;
    margin: 0;
    height: 165px !important;
    object-fit: contain;
    background: #fafafa;
}
@media (min-width: 1566px) {
    .notification-grid{
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
}

.select2-container--default .select2-selection--single {
    border-radius: 0px !important;
    border: 1px solid #d8dbe0 !important;
    min-height: 30px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #ffffff !important;
    color: #2c2c33 !important; 
}

.c-dark-theme .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #0b0c18 !important;
    color: white !important;
}
.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.c-dark-theme .select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #2c2c33!important;
}

.c-dark-theme .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #000000;
}

.select2-container--default .select2-selection--multiple{
    border-radius: 0px !important;
    border: 1px solid #d8dbe0 !important;
    left: -1px !important;
    position: relative !important;
    top: 1px !important;
}
.c-sidebar-nav-title {
    font-size: 90%;
}
#aside{
    overflow: auto;
}
.card{
    box-shadow: 0px 2px 2px 1px #00000017;
}
svg.c-sidebar-nav-icon{
    filter: drop-shadow(0px 4px 4px black);
}
@media screen and (max-width: 1200px) {
    legends,
    .mb-hide-menu{
        display:none;
    }

}
/* @media screen and (min-width: 768px) and (max-width: 991px) {
    .knowledge{
        display:none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1254px) {
    .knowledge{
        display:none;
    }
}*/

@media screen and (min-width: 1200px) and (max-width: 1401px) {
    .knowledge{
        display:none;
    }
} 
@media screen and (max-width: 589px) {
    .mb-mobile {
        display: none!important;
    }
    .card-body[data-index="dashboard-shortcuts"] ul.c-sidebar-nav-dropdown-items, .quick_shortcut_modal ul.c-sidebar-nav-dropdown-items {
        column-count: 1;
        list-style-type: disc;
    }
}
@media screen and (max-width: 390px) {
    .mb-mobile {
        display: none!important;
    }
}

.cxl-left-3>button{
    left: 3px !important;
}
.select2-container--default .select2-results>.select2-results__options {
    max-height: 500px !important;
}
@media only screen and (max-width: 900px) {
    .select2-container--default .select2-results>.select2-results__options {
        max-height: 400px !important;
    }
}
.hidden_user{
    display: none;;
}
.c-sidebar-unfoldable .search_menu_input {
    padding: 15px;
}
.c-sidebar-unfoldable .bottom_logo{
    display: none;;
}
.table{
    width:100% !important;
}
.osf_restore_btn,
.fast_click{
    cursor: pointer;
}
.open_quick_menu{
    background-color:#4E99F7;
    color:#fff; filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    height: 30px;
    border: 0px;
    border-radius: 5px; 
}
div[data-index="dashboard-shortcuts"] ul.c-sidebar-nav-dropdown-items,
.quick_shortcut_modal ul.c-sidebar-nav-dropdown-items {
    column-count: 2;
    list-style-type: disc;

}
div[data-index="dashboard-shortcuts"] a.c-sidebar-nav-link,
.quick_shortcut_modal a.c-sidebar-nav-link {
    padding: 10px 15px !important;
    margin-right: 10px !important;
}
div[data-index="dashboard-shortcuts"] li.local_forms>a,
.quick_shortcut_modal li.local_forms>a {
    padding:13px 15px !important;
}
.no-column-index{
    column-count: auto !important;
    list-style-type: none !important;
}
i[data-index="sensor-shortcuts"],
i[data-index="dashboard-shortcuts"],
i[data-index="dashboard-forms"],
i[data-index="dashboard-workplace-cards"],
i[data-index="dashboard-competency-cards"],
i[data-index="dashboard-training-cards"],
i[data-index="Expired-Certificate-Table"],
i[data-index="Training-Table"],
i[data-index="dashboard-workplace"]{
    width: 100% !important;
    position: absolute !important;
    height: auto !important;
    text-align: end !important;
    top: 0 !important;
    left: 0 !important;
    padding: 15px !important;
}
.dataTables_length,
.dt-buttons{
    float:left;
}
.dt-buttons{
    position: relative;
    left: 90px;
    top: -4px;
}
.dataTables_filter{
    float: right;
    position: relative;
    top: -1px;
}
.bottom_logo{
    position: absolute;
    width:100%;
    padding: 10px;
    bottom: 0;
    max-width: 210px;
}
.passwordStrengthForcer{
    width: 100% !important;
}
.app_pin_password_membership .select2-container {
    display: block;
    width: 89.5% !important;
}
input[type="password"]{
    padding-right: 30px !important;
}
.image_centered{
    display: flex;
    justify-content: center;
    align-items: center;
}
.search_input{
    height: 28.5px;
}
.loading_box{
    position: fixed !important;
    width: 100%;
    justify-content: center;
    z-index: 9999;
    display: flex;
    align-items: center;
    height: 100%;
    transform: none !important;
    pointer-events: auto;
    background-color: #8080808f;
}
.inner_box_loading{
    width: 200px;
    text-align: center;
    padding: 1em 0;
    border: 2px solid;
    border-radius: 0.5rem;
    background-color: #fff;
    border-color: #d8dbe0;
}
.osf_datatable_searched>tbody>tr>td:nth-child(10),
.icon-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-body[data-index="dashboard-shortcuts"] .c-sidebar{
    position: unset !important;
}

.color-sky-blue {
    background-color: #4E99F7!important;
    color: white;
}
.staging-clr{
    background-color: rebeccapurple !important;
}
.kronos-clr{
    background-color: #510f1c !important;
}
.dataTables_processing{
    display: none !important;
}

.entry-title{
	display: none !important;
}