.content-100 {
    width: 100%; 
    max-width: 100%;
	float:left;
}
.cms-trigger {
    font-size: 1.5em !important;
    font-weight: bold !important;
    padding: 10px !important;
	background-color: #ae1f24;
	margin-top:10px !important;
	color: #fff;
	cursor: pointer;
}
.iconInnerInactive_colour {
    color:#434343 !important;
	cursor: pointer;
}

.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite; 
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
     -webkit-animation:flash;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
    -moz-animation:flash;
    animation:flash;

    -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
    -moz-animation-fill-mode:forwards;
    animation-fill-mode:forwards;

    -webkit-animation-duration:4s;
    -moz-animation-duration:4s;
    animation-duration:4s;
   
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	
	background-color:#ff0000 !important; color:#ffffff !important;
}

h2.induction_header { width: 86%;float: left; }

h2, h3 {
	font-size: 2.3em;
}

.nav_btn { background: #dddddd;  -webkit-border-radius: 14;  -moz-border-radius: 14; border-radius: 14px; font-family: Arial; color: #cc2e78;  font-size: 12px; padding: 10px 20px 10px 20px !important; text-decoration: none; margin-right:10px !important; float: left;}

.nav_btn_actve, .nav_btn_actve:hover { background: #cc2e78;  -webkit-border-radius: 14;  -moz-border-radius: 14; border-radius: 14px; font-family: Arial; color: #ffffff;  font-size: 12px; padding: 10px 20px 10px 20px !important; text-decoration: none; margin-right:10px !important; }

.nav_btn:hover {  background: #db5c99; color:#ffffff !important; text-decoration: none; }

.nav_btn:a { color:#cc2e78 !important; }

.search-box { margin: 2.3em 0 !important; }

.nav_btn_sub { background: #665eff;  -webkit-border-radius: 14;  -moz-border-radius: 14; border-radius: 14px; font-family: Arial; color: #ffffff;  font-size: 12px; padding: 10px 20px 10px 20px !important; text-decoration: none; margin-right:10px !important; }

#wpbody { padding: 30px; }
#bulk-action-selector-top, #bulk-action-selector-bottom {
-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image:url(/induction/images/arrow.png); border: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding: 5px 40px 5px 15px !important; background-repeat: no-repeat; height: auto !important; background-position: right center; color: #a3a3a3; margin-right: 0;
}
#doaction, #doaction2 {
border: none;  color: #cc2e78; background-color: #fff; box-shadow: none; padding: 5px 15px 5px 15px; height: auto; border-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; line-height: 28px; font-size: 14px;
}
.tablenav {
height: auto;
margin-bottom: 20px;
}
.search-box input[name="s"]:not(#plugin-search-input) {
height: auto; border: none; border-top-left-radius: 15px; border-bottom-left-radius: 15px; padding: 8px 5px 8px 15px; margin-right: 0;
}
#search-submit {
height: auto; background-color: #fff; border: none; box-shadow: none; -webkit-appearance: none; background-image: url(/induction/images/magnifier.png); background-repeat: no-repeat; background-position: right 15px top 7px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 5px 15px 4px 31px; white-space: nowrap; overflow: hidden; text-indent: -9999px;
}
.tablenav.top {
border-top: 1px solid #ccc; padding-top: 20px;
}
.pagination-links .button {color: #ccc !important; border: none; box-shadow: none; background: #dddddd !important; padding: 0 15px !important; border-radius: 15px; font-size: 30px !important; line-height: 20px !important; vertical-align: top !important;}
.pagination-links .button.disabled {background: #dddddd !important;}
.next-page.button, .last-page.button, .prev-page.button, .first-page.button {color: #cc2e78 !important; border: none; box-shadow: none; background: #dddddd !important; padding: 0 15px !important; border-radius: 15px; font-size: 30px !important; line-height: 20px !important; vertical-align: top !important;}
.next-page.button:hover, .last-page.button:hover, .prev-page.button:hover, .first-page.button:hover {background-color:#cc2e78 !important; color: #fff !important; }
.tablenav-pages .current-page {border-radius: 15px; border: none; width: 3.5em; color:#cc2e78; }
.paging-input {margin: 0 15px;}
.displaying-num {font-size: 16px; margin-right: 25px !important; padding-right: 15px; border-right: 1px solid #ccc;}
.tablenav.bottom .displaying-num {display: inline-block; margin-top: 5px;}
.tablenav.bottom .paging-input {margin-left: 15px !important;}
.blue {color: #675fff;}
.form_style {display: inline-block; width: 100%; background-color: #fff; border-radius: 12px; box-sizing: border-box; margin-top: 20px;}
.form_style p {color: #675fff;}
.form_style input[type="text"], .form_style input[type="number"] {margin: 10px 0 10px; border-radius: 12px; padding: 5px 15px; width: 230px; max-width: 95%;}
.form_style .spacer {width: 97px; display: inline-block;}
.form_style .datepicker_only, .form_style .timepicker_only {width: 110px !important;}
.form_style input[type="button"] {float: right !important; border: none; background-color: #cc2e78; color: #fff; padding: 6px 30px; border-radius: 12px; cursor: pointer; transition: 0.3s all; margin-bottom: 40px; margin-right: 40px;}
.form_style input[type="button"]:hover {filter: brightness(85%);}
.form_style select {margin: 10px 0 10px; border-radius: 12px; padding: 1px 15px; height: auto !important; width: 230px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/induction/images/arrow-form.png); background-repeat: no-repeat; background-position: right center;}
.form_style .iconInnerInactive_colour {margin-right: 30px;}
.form_style .cms-trigger {box-sizing: border-box; margin-top: 0 !important; background-color: #675fff; background-image: url(/induction/images/accord-arrow-down.png); background-repeat: no-repeat; background-position: right 10px center;}
.form_style .cms-trigger.active { background-image: url(/induction/images/accord-arrow-up.png);}
.form_style label {color: #000;}
.form_style input[type=checkbox]:checked:before  {color: #cc2e78; font-size: 30px; /*margin: -8px 0 0 -8px;*/}
.form_style input[type=radio] {border-radius: 0;}
.form_style input[type=radio]:checked:before {content: url(../images/check.svg); color: #cc2e78; font-size: 16px; margin: -2px 0 0 1px; text-indent: 0; width: 0; height: 0;}
.form_style .cms-container {padding: 0 40px 40px;}
.form_style .cms-padding {padding: 0 40px 40px; box-sizing: border-box;}
.float_right {float: right;}
.grey {color:#434343;}

.availability_calendar_wrapper { background-color: #cc2e78; padding: 10px; border-radius: 10px; display: inline-block; margin-left: 10px;  }
.availability_calendar_wrapper i { color: #ffffff; font-size: 0.8em; }
.availability_dropdown {  -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image:url(/induction/images/arrow-r.png); border: none; border-radius: 15px; padding: 5px 60px 5px 15px !important; background-repeat: no-repeat; height: auto !important; background-position: right center; color: #a3a3a3; margin-right: 0;
}
.assign_availability.active { color:#FFFFFF!important;  }
.avail_type .availability { height: 15px; width: 15px; display: inline-block; background-color: #000000; }
.avail_type .availability.available, .applicant_monday .availability.available, .applicant_tuesday .availability.available, .applicant_wednesday .availability.available, .applicant_thursday .availability.available, .applicant_friday .availability.available, .applicant_saturday .availability.available, .applicant_sunday .availability.available { background-color: #05E177; padding: 12px; } 

.avail_type .availability.active_job, .applicant_monday .availability.active_job, .applicant_tuesday .availability.active_job, .applicant_wednesday .availability.active_job, .applicant_thursday .availability.active_job, .applicant_friday .availability.active_job, .applicant_saturday .availability.active_job, .applicant_sunday .availability.active_job { background-color: #e1a005; padding: 12px; } 

.avail_type .availability.active_jobmorning, .applicant_monday .availability.active_jobmorning, .applicant_tuesday .availability.active_jobmorning, .applicant_wednesday .availability.active_jobmorning, .applicant_thursday .availability.active_jobmorning, .applicant_friday .availability.active_jobmorning, .applicant_saturday .availability.active_jobmorning, .applicant_sunday .availability.active_jobmorning { background: linear-gradient(to left, #333333 50%, #e1a005 50%); padding: 12px; } 

.avail_type .availability.active_jobafternoon, .applicant_monday .availability.active_jobafternoon, .applicant_tuesday .availability.active_jobafternoon, .applicant_wednesday .availability.active_jobafternoon, .applicant_thursday .availability.active_jobafternoon, .applicant_friday .availability.active_jobafternoon, .applicant_saturday .availability.active_jobafternoon, .applicant_sunday .availability.active_jobafternoon { background: linear-gradient(to left, #e1a005 50%, #333333 50%); padding: 12px; } 

.avail_type .availability.unavailable, .applicant_monday .availability.unavailable, .applicant_tuesday .availability.unavailable, .applicant_wednesday .availability.unavailable, .applicant_thursday .availability.unavailable, .applicant_friday .availability.unavailable, .applicant_saturday .availability.unavailable, .applicant_sunday .availability.unavailable { background-color: #F73653; padding: 12px; } 
.avail_type .availability.holiday, .applicant_monday .availability.holiday, .applicant_tuesday .availability.holiday, .applicant_wednesday .availability.holiday, .applicant_thursday .availability.holiday, .applicant_friday .availability.holiday, .applicant_saturday .availability.holiday, .applicant_sunday .availability.holiday { background-color: #7136F7; padding: 12px; } 

.avail_type .availability.availablemorning, .applicant_monday .availability.availablemorning, .applicant_tuesday .availability.availablemorning, .applicant_wednesday .availability.availablemorning, .applicant_thursday .availability.availablemorning, .applicant_friday .availability.availablemorning, .applicant_saturday .availability.availablemorning, .applicant_sunday .availability.availablemorning { background: linear-gradient(to left, #333333 50%, #05E177 50%); padding: 12px; } 

.avail_type .availability.availableafternoon, .applicant_monday .availability.availableafternoon, .applicant_tuesday .availability.availableafternoon, .applicant_wednesday .availability.availableafternoon, .applicant_thursday .availability.availableafternoon, .applicant_friday .availability.availableafternoon, .applicant_saturday .availability.availableafternoon, .applicant_sunday .availability.availableafternoon { background: linear-gradient(to left, #05E177 50%, #333333 50%); padding: 12px; } 

.swal2-modal .swal2-title { width:100%;  }

.induction_settings_half { width:46%; display: inline-block; background-color: #eee; padding: 0.5em 1em; } 
.induction_settings_third { width:32%; display: inline-block; }