/**
Theme Name: Integrity Safety
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: integrity-security
Template: astra
*/

.submitted-success{color:#00AD3E; font-size:20px;}

.dataTables_wrapper .dataTables_length select{width:60px; min-width:60px;}
.dataTables_wrapper .dataTables_length, .dataTables_filter{margin:20px;}

.available-forms-container{max-width:400px; width:100%; min-height:200px; position:absolute; border:solid 2px #000; border-radius:5px; background:#fff; z-index:9995; padding:20px; display:none;}
.available-forms{padding:40px 0;}
.close-avail-forms{width:100%; text-align:right;}
.close-avail-forms i{cursor:pointer;}
.required-input{border:solid red !important;}

.company-logo{text-align:center; margin-top:100px; margin-bottom:30px;}
.sso-spacer{height:100px;}
.sso-qr-container{text-align:center;}
.sso-header{height:100px; width:100%; background-color:#002857;}
.sso-footer{height:100px; width:100%; background-color:#9d915d; margin-top:180px;}
.sso-print-button{margin:100px 0;}
.qr-scan-directions{font-size:28px; text-align:center; margin-top:20px;}

.loader-gif{display:none; width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0, 0, 0, 0.6); z-index:9999; text-align:center; padding:300px 0;}
.loader-gif img, .loader-gif2 img, .loader-gif4 img{margin:0 auto; width:auto; height:auto;}

td, th{text-align:center !important;}

.refresh{
    width:100%; text-align:right;
}

.refresh-icon{padding:10px; background:#e5e5e5; border-radius:5px; margin:10px 0; font-size:20px; cursor:pointer;}

.page-template-company-dashboard .ast-container{max-width:1500px;}
.wp-editor-wrap button{background:#e5e5e5 !important;}

.left-quarter{float:left; width:24%;}
.right-third{float:right; width:74%;}
.spacer{height:30px;}

.contractor label{margin-top:20px; font-weight:bold !important;}
.contractor input{padding:10px 20px;}

.gf_read_only input{background-color:#e5e5e5;}
.clearfix{clear:both;}
.container{padding:100px 0; margin:0 auto;}
.container tr:nth-child(even){background-color:#e9e9e9;}
.employee-box{
 display:inline-block;
 border:solid 2px #333;
 border-radius:5px;
 padding:40px;
 margin:0 5px;
 background:#f7f7f7;
}
.employee-image{width:100%; text-align:center;}
.employee-box:hover{
-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2);
box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.2);
}


.tool-remove, .form-remove, .custom-tool-remove{cursor:pointer;}

a{text-decoration:none !important;}
a:active{color:#333;}

.sub-link{margin:0 0 0 20px ;}

/**-------------------------------------
----------------------------------------
---------------------------------------- Single Employee View
-------------------------------------------------------------
*/

.single-employee .container{padding:20px 0;}
.assigned-classes-nav ul li{list-style:none; display:inline-block;}
.assigned-classes-nav ul li a{ padding:10px 20px; margin:0 10px;}

/* Personal Info */
div.personal-info{
 width:100%;

}
.qr-emp-output{width:250px;}
div.personal-employee-img{float:left; width:28%; height:320px; text-align:center; margin:30px 2%; border-radius:300px;  background-position:top center; background-size:cover;}
div.personal-employee-img img{border-radius:200px;}
div.personal-employee-info{float:left; width:67%; padding:30px; background:#fff; margin-left:10px;}
div.personal-left{float:left; width:59%; margin-bottom:20px;}
div.personal-left ul{padding:0;}
div.personal-left ul li{list-style:none;}
div.qr-code{float:left; width:39%; text-align:center;}
div.personal-employee-info li{padding:10px 0;}
.personal-title{padding:10px; margin:0 !important; background:#00AD3E; }
.personal-title h3{float:left; width:48%;color:#fff;}
.card-button, .sticker-button{float:right; width:15%; background:#005515; border:solid thin #ccc; color:#fff; font-weight:700; text-align:center; padding:10px 20px;}
.card-button:hover{color:#fff;}
span.emp-info-title{font-weight:700; font-size:20px; margin-right:6px;}
.back-to-dash{float:left; width:48%;}
.employee-tabs{float:right; width:100%; text-align:right;}
.employee-tabs ul{text-align:right;}
.employee-tabs ul li{display:inline-block;}
.employee-tabs ul li a{padding:10px 20px; background-color:#005515; color:#fff; line-height:3;}
.employee-tabs ul li a:active, .employee-tabs ul li a:hover{background-color:#555;}

/* Jobs */

.job-tabs{float:right; width:100%; text-align:right;}
.job-tabs ul{text-align:right;}
.job-tabs ul li{display:inline-block;}
.job-tabs ul li a{padding:10px 20px; background:#ccc; color:#333; line-height:3;}
.job-tab-active{background:#f7f7f7 !important;}
.deactivate-job{padding:10px 20px;}
.activate-job{padding:10px 20px;}
.job-form-div{margin-top:30px; padding:20px;}

/* Contractors */
.cont-tabs{float:right; width:100%; text-align:right;}
.cont-tabs ul{text-align:right;}
.cont-tabs ul li{display:inline-block;}
.cont-tabs ul li a{padding:10px 20px; background:#ccc; color:#333; line-height:3;}
.cont-tab-active{background:#f7f7f7 !important;}

/* Edit Employee */

.page-template-edit-employee button, .page-template-edit-employee input[type='button'], .page-template-edit-employee input[type='submit']{border-radius:4px !important; background:#00AD3E;}
.page-template-edit-employee button:hover, .page-template-edit-employee input[type='button']:hover, .page-template-edit-employee input[type='submit']:hover{background:#e5e5e5;}

/* General Info */

div.general-info{width:100%; margin-top:20px;}
div.gen-info-title h2,
div.med-info-title h2,
div.emp-project-title h2,
div.emp-licenses-info h2,
div.emp-safety-info h2,
div.emp-training-info h2,
div.three-zero-one-form h2,
div.emp-sds h2,
div.emp-required h2{background:#00AD3E; color:#fff; font-size:22px !important; padding:8px;}

div.gen-info-title h3,
div.med-info-title h3,
div.emp-project-title h3,
div.emp-licenses-info h3,
emp-licenses-info h3,
div.emp-safety-info h3,
div.emp-training-info h3,
div.three-zero-one-form h3,
div.emp-sds h3,
div.emp-required h3{padding:20px;}

div.gen-info-info ul, div.medical-info ul, div.employee-current-project ul, div.employee-licenses ul, div.employee-safety ul, div.employee-training ul{padding:20px;}
div.gen-info-info, div.medical-info{
 width:100%;
 border:solid 1px #ccc;
 float:none;
 margin-left:10px; margin-top:10px;
 border-radius:5px;
}
div.employee-current-project, div.employee-licenses, div.employee-safety, div.employee-training, div.required-classes, div.three-zero-one-form, div.emp-sds, emp-licenses-info{
 width:100%;
 margin-left:10px; margin-top:10px;
 border-radius:5px;
 border:solid 1px #ccc;
}

/* Card Page */
.card-wrap{width:333px; height:363px; text-align:center; margin:0 auto;}
.card-wrap .print-bleed{width:333px; height:363px; margin:0 auto;}
.card-wrap .card-logo{width:100%; text-align:left; height:auto; min-height:55px; background:#fff; padding:0 6px;}
.card-wrap .card-body{height:auto; padding:2px 0; background:#fff;}
.card-wrap .card-back{margin-top:5px;}
.card-wrap .card-back img{height:180px; width:auto;}
.card-left{width:67.5%; float:left; padding:8px 6px;}
.card-right{width:32.5%; float:right; text-align:right;}
.card-wrap .card-profile-img{float:left; width:45%; height:90px;}
.card-wrap .card-info{float:left; width:55%; padding-left:10px; }
.card-wrap .card-info ul{padding:0; margin:0;}
.card-wrap .card-info li{text-align:left; color:#555; list-style:none; line-height:1.3; font-weight:500;}
.card-wrap .card-info .id{margin-top:8px;}
.card-wrap .card-info li.fname, .card-info li.lname{font-size:18px; line-height:1; text-align:left; font-weight:700; color:#222;}
.card-wrap .card-info li.id{font-size:14px; margin-top:18px;}
.card-wrap .card-logo img{width:auto; height:62px; margin:2px 0;}
.card-wrap .qr-code-output img{width:150px;}
.print-button{text-align:center; padding:30px 0; }
.logo-select-wrap{width:100%; text-align:center; padding:0 0 60px 0;}
.logo-select{margin:0 auto; text-align:center;}
.selectMessage{text-align:center; font-weight:bold; margin-bottom:10px;}
.title-border{background:#000; width:100%; height:16px;}
.title-border span{color:#fff; padding:0; font-size:12px;  position: relative; top:-9px;}

.sticker-wrap{width:250px; height:186px; text-align:left; margin:0 auto; border-radius:20px;}
.sticker-wrap .print-bleed{margin:0 auto;width: 222px; height: 185px; }

.sticker-body{}
.print-button #print-sticker{margin-right:50px;}
.sticker-wrap .card-back img{height:200px;}
.sticker-wrap .card-body{height:auto; padding:2px 0;}
.sticker-wrap .card-info{width:100%; text-align:center; padding-right:60px; }
.sticker-wrap .card-info span{font-weight:bold; text-align:center; margin:0 auto;}
.sticker-wrap .card-info li{text-align:left; color:#555; list-style:none; display:inline-block; line-height:1.3; font-weight:700;}
.sticker-wrap .qr-code-output{ text-align:left !important; margin-left:0px}
.sticker-wrap .qr-code-output img{width:150px; margin:0 8px;}

/*Table Filter */

.edit-container{display:none; position:relative; width:100%; min-height:60px; border:solid thin #ccc; border-radius:10px; z-index:9999; left:0; right:0; background:#fff;}
.employee-table-container{position:relative; text-align:center;}
.quick-cert-menu{display:none; list-style-type:none; font-size:12px;}
.quick-cert-container{font-size:12px; position:absolute; top:0; right:0; cursor:pointer; text-decoration:underline;}
.employee-search td{position:relative;}
.add-quick-cert{text-decoration:underline;}

/* Company Dashboard*/
.page-template-company-dashboard button,
.page-template-company-dashboard input[type='button'],
.page-template-company-dashboard input[type='submit'],
.dt-button {border-radius:4px; background-color:#00AD3E;}
input[type="color"]{width:30px; height:30px;}
.color-picker{margin:30px 0;}
.color-picker h3{padding:20px 0;}
.color-picker ul li{display:inline-block; padding:10px 20px; background-color:#e5e5e5; vertical-align:middle;}
.color-picker ul{list-style:none; margin:10px 0;}
.page-template-company-dashboard .site-header, .page-template-company-dashboard .site-footer{display:none;}
.page-template-company-dashboard{
  background-image:url('assets/backgrounds/dashboard-background.jpg');
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}
.page-template-company-dashboard .copyright{color:#666; padding:0 20px;}
.company-division select{margin:10px 0;}
.page-template-company-dashboard a:hover{color:#555;}
.dashboard-container{width:100%; margin:150px auto; background:#f7f7f7; padding:20px; border-radius:10px; }
.tab-content{padding:30px;}
.nav{float:left; width:22%; padding:20px;}
.nav ul{margin:0;}
.nav .lni{margin-right:10px; font-size:24px;}
.nav ul li{list-style:none; margin:10px 0;}
.company-account-links, .company-account-nontab{font-size:18px; color:#333; padding:8px; margin:10px 0;}

.right-content{float:right; width:78%;}
.dash-mobile-nav{display:none;}
.company-info{display:block; width:80%; margin:10px 0;}

.datatb tr{cursor:alias;}
.check{color:#0BE343; font-size:28px !important;}
table.dataTable tbody th, table.dataTable tbody td{vertical-align:middle !important;}
.filter-toggle{text-align:right;}
.current{color:#75F04D; font-weight:500;}
.na{font-weight:300; color:#333;}
.expired{color:#DB0101; font-weight:700;}
.sixty-days{color:#DB6E6E;}
.thirty-days{color:#DB3838;}
.seven-days{color:#DC2A30;}
.one-day{color:#DB1624;}
.employee-table-filter ul{background-color:#e5e5e5; border-radius:4px; padding:10px 20px; margin:0;}
.employee-table-filter ul li{display:inline-block; border-right:solid thin #333; padding:0 10px;}
.employee-table-filter ul li label{margin-right:10px;}
.employee-table-filter ul li:last-child{border-right:none;}
.deactivate-employee, .activate-employee{padding:10px 20px;}
.emp-enable-nav{text-align:right;}
.emp-enable-nav ul li{display:inline-block; background:#e5e5e5; color:#333; padding:8px 14px;}
.emp-enable-nav ul li:hover{background:#f4f4f4;}
.emp-enable-nav ul li a{color:#333; }
#employee-table-content2{display:none;}

.cert-list{padding:0; margin:0;}
.cert-list li{list-style-type:none; display:block; font-size:11px; font-weight:700px;}

.forms-list{padding:80px 0;}
.forms-list ul li a{font-size:18px;}

.export{padding:40px 0;}
.form-success{min-height:300px; height:300px;}

.quick-cert-menu{margin:0;}
.remove-quick-cert{cursor:pointer;}

.chart-row .chart-row-inner{background-color:#e5e5e5; border-radius:20px;}
.company-name{background-color:#e5e5e5; padding:20px; border-radius:20px;}

.single-contractor{padding:100px 0;}
.contractor-info{padding:0; margin:0;}
.contractor-info li{list-style:none;}

/*-------------------------------- Jobs
--------------------------------------*/
.single-job-entry-fields{display:none;}
.single-job-title{cursor:pointer; font-size:18px; font-weight:600; border-bottom:solid thin #ccc; margin:10px 0;}
.single-job-entry-list{background-color:#e5e5e5; margin-bottom:30px; padding:20px;}
.single-job-entry-list li{list-style-type:none;}
.single-job-entry-label{font-weight:600;}

.entry-folders{}
.entry-folders .fa{font-size:40px;}
.entry-folders a:hover, .entry-folders a:active{color:#a0a0a0;}
.entry-folders li{float:left; width:31%; margin-right:1%; margin-bottom:20px; padding:40px;background-color:#e5e5e5; text-align:center; list-style-type:none;}
.entry-folders li:hover{background-color:#ccc;}

/*-------------------------------- Single Entry
--------------------------------------*/
.entry-container{padding:100px 0;}
.entries-list-container{padding:100px 0;}


  /*-------------------------------- Toolbox
  --------------------------------------*/
  .toolbox-add-nav{margin:20px;}
  .toolbox-add-nav li{display:inline; list-style:none;}
  .toolbox-add-tab{ background:#008B1E; padding:20px; border-radius:20px 20px 0 0; color:#fff;}
  .toolbox-content{background:#fff; padding:20px;}
  .toolbox-content p{margin-bottom:1em;}
  .toolbox-add input{margin-bottom:10px;}

  .box-active{background-color:#005515; color:#e5e5e5;}

  /*-------------------------------- Learn Dash Classes
  --------------------------------------*/
  .ld-select-all-container{padding:20px 0;}
  .ld-employee-checkbox-container{padding:0 0 20px 0;}
  .ld-employee-checkbox input[type=checkbox]{margin-left:20px;}
  #add-ld-employees{margin-top:20px;}

.assign-class input, .assign-class select{width:100%; padding:10px 10px}


  /*-------------------------------- Employee Page Classes
  --------------------------------------*/
  .ld-classes-wrap{margin:100px 0; min-height:400px;}
  .ld-classes-wrap h1{margin-bottom:20px;}
  .class-item{float:left; width:30%; margin:0 1%; min-height:300px; margin-bottom:20px;}
  .class-title h3{text-align:center; padding:20px; background-color:#000; color:#d8d14b;}
  .class-image{min-height:200px;}
/*  Remove Trainings

.company-cert-train .left{float:left; width:48%;}
.company-cert-train .right{float:right; width:48%;}*/
.cert-remove, .train-remove, .remove-employee-train, .remove-employee-cert{cursor:pointer;}
.edit-quick-cert a{color:#000;}

/* Add Employee */
.add-employee-field{display:block; width:70%; margin:10px 0;}
.add-number-field{width:70%;}
.emp-auto-gen{display:block; margin:20px 0; display:block;}
.add-pin{background-color:#e5e5e5 !important;}

/* Login ID */
#loginform{width:40%; margin:0 auto; text-align:center;}
#loginform label{display:block;}

/* Update Employee */
.update-profile-img-container{text-align:center;text-align:center; padding:60px 0;}
.company-division{padding:40px 0;}
.doc-upload-submit{background:#333 !important; padding:10px !important; color:#fff !important; font-size:24px; }
div.edit-profile-img{width:300px; height:300px; background-size:cover; border-radius:300px; background-position:top center; margin:0 auto;}
div.update-employee-container{width:100%; margin:0 auto;}

span.add-cert, span.add-train{font-size:28px; text-align:center; color:#ff0000; cursor:pointer; margin:0 auto;}


.div-sort-table{padding:40px 0;}
.dt-buttons{margin:20px 0;}
/* SDS Page */
.new-company-doc{padding:40px 0;}
#doc-remove{cursor:pointer;}


/* 301 Container */

.three-zero-one-container{width:70%; margin:0 auto; padding:100px 0;}
.sub-accept{padding:20px; background-color:#fffd05; color:#000; margin:40px 0;}

/* Find Company Page */
.find-company{padding:100px 0;}

/*Video Page*/

#video-embed{resize:both; overflow:auto;}
.uploaded-videos ul{padding:0; margin:0;}
.uploaded-videos ul li{list-style:none; margin:20px 5px; width:48%; display:inline-block;}
.uploaded-videos ul li h4{font-weight:600; font-size:22px; text-align:center;}
.video-assign{cursor:pointer;}
.assignable-accordian{display:none;}
.video-delete{padding:10px 20px; color:#fff;}
.video-check{border-radius:100px !important; position:absolute; top:0; right:0; background-color:#fff !important;  padding:5px 10px; cursor:pointer;}
.video-check i{font-size:20px;}
.video-watched{border: solid 3px #52F92F; color:#52F92F;}
.video-not-watched{border: solid 3px #e5e5e5; color:#e5e5e5;}
.table-watched{color:#00AD3E; font-size:12px; text-align:left;}
.table-not-watched{color:darkred; font-size:12px; text-align:left;}
.single-video{background-color:#f7f7f7; padding:20px; border:solid #e5e5e5 3px; float:left; width:31%; margin: 0 1% 10px 0; position:relative;}
.single-video-thumb{position:relative;}
.single-video-container{width:100%; text-align:center; padding:40px 0;}
.back-to-video{padding:80px 0;}

.div-select-all{padding:10px;}

.popup-sms{width:30%; min-height:200px; position:absolute; top:200px; right:0; left:0; margin:auto; background:#ffffff; border:solid 3px #333; border-radius:20px; padding:50px;  }
.popup-sms-buttons{margin-top:20px;}
.clear-message{float:right;}
.clear-message i{font-size:30px; cursor:pointer;}
.sms-success{display:none;}
.sms-success-container{margin-top:30px; display:none;}
.sms-success-container ul{margin:0; padding:0;}
.sms-success-container ul li{list-style-type:none; display:inline-block;}
.sms-success-container i{font-size:30px; cursor:pointer;}

.meeting-container, .group-container{padding:100px 0;}

/* Safety Database */
.submitted-forms-single{width:48%; flex-grow:1; margin:0 20px;}
.employee-forms-container{padding:100px 0;}
.employee-submit-forms{margin:0 auto; text-align:left; width:100%; padding:100px 0; display:flex;}
.employee-submit-forms input, .employee-submit-forms select{padding:10px 5px; width:100%; margin-bottom:10px;}
.safety-database-form-container{padding:100px 0;}

/* Single Jobs */

.single-job-container{padding:100px;}
.job-title{background-color:#e5e5e5; padding:10px;}
.job-contractor-container{padding:100px 0;}

/* Mobile Nav*/

.dash-mobile-nav{display:none;}
.dash-mobile-nav ul li{list-style:none;}
.mobile-slideout{display:none; width:400px; height:100%; top:0; left:0; z-index:9999; position:fixed; background-color:#fff; padding:40px 0;}
.mobile-slideout ul li{display:block !important; width:100% !important;}
.close{width:100%; text-align:right; padding:40px;}
.close #close-toggle{cursor:pointer;}

.toolbox-container{padding:100px 0;}
.single-img{width:100%; text-align:center;}
.single-img img{margin:0 auto; max-width:70%;}


@media only screen and (max-width:1080px) {

    /* Mobile Nav*/
    .mem-account-content {
        float: none;
        width: 100%;
    }

    .company-dashboard .nav {
        display: none;
    }

    .mem-account-nav {
        float: none;
        width: 100%;
    }

    .right-content {
        width: 100%;
        float: none;
    }

    .dash-mobile-nav {
        display: block;
    }

    #mobile-menu-icon {
        text-align: right;
    }

    #mobile-menu-icon i {
        cursor: pointer;
        font-size: 30px;
        padding: 20px;
    }

    .dash-mobile-nav ul li {
        display: inline-block;
        style-type: none;
        width: 48%;
    }

    /*Edit Profile */
    .update-employee-container {
        text-align: center;
    }

    .update-employee-container button {
        text-align: center;
        margin: 20px auto;
    }

    .uploaded-docs ul li {
        list-style: none;
        display: inline-block;
        width: 15% !important;
    }
    .gform-remove{cursor:pointer;}

    .form-container{padding:80px 0;}


    /*Personal Profile*/
    div.personal-employee-img {
        width: 100%;
        height: 500px;
        border-radius: 0;
    }

    div.personal-employee-info {
        width: 100%;
    }

    .personal-title .card-button, .personal-title .card-sticker {
        width: auto;
        text-align: right;
    }

    div.gen-info-info, div.medical-info {
        width: 100%;
        float: none;
    }

    .single-video{width:48%;}


}

@media only screen and (max-width:680px) {
    .employee-tabs{float:none; width:100%; text-align:center;}
    .emp-company-logo{width:100%; float:none; text-align:center;}
    .employee-tabs ul{text-align:center; margin:0 1.5em; }
    .single-video{float:none; width:100%; margin-right:0;}
}