/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

html {
	scroll-behavior: smooth;
 }
 
 /* Parent stylesheet should be loaded from functions.php not using @import */
 
 .overlayDialog {
   position: fixed;
   display: block;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
 /*   background-color: rgba(0, 0, 0, 0.5); */
   z-index: 2;
 }
 
 .overlayDialogModal {
   position: fixed;
   top: 50%;
   left: 50%;
   min-width:400px;
   min-height:600px;
   transform: translate(-50%, -50%);
 }
 
 .overlayDialogMiddle{
   position: absolute;
   top: 50%;
   left: 50%;
   font-size: 50px;
   color: white;
   transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
 }
 /* ===== Custom Form Popup style ===== */
 .popupOverlay {
	 position: fixed;
	 display: block;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background-color: rgba(0, 0, 0, 0.8);
	 z-index: 999999;
	 overflow-x: hidden;
	 overflow-y: auto;
	 /*background-image: url('https://eduindexpublic.s3.amazonaws.com/close-up-commerce-continent-335393.jpg');*/
	 background-repeat: no-repeat;
	 background-size: cover;
    backdrop-filter: blur(20px);
 }
 
 .popupContainer {	
   position: absolute;
   margin-bottom: 5%;
   background-color: #fff;
   padding: 30px;
   border-radius: 15px;
   text-align: left;
   width: 600px;
   margin: auto;
   left: 0;
   right: 0;
   margin-top: 6%;
   box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
 }
 .form_heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}
 @media (max-width: 767px) {
	 .popupContainer {
	  width: 400px;
	 }
 }
 
 @media (max-width: 480px) {
 
 .popupContainer {
	 padding: 15px;
	  width: 290px;
	 }
 .popupContainer h1 {
	 font-size: 16px;
 }
	 
 }
 
 
 .popupContainer a {
	 color: #006def;
	 text-decoration: underline;
	 font-weight: bold;
 }
 
 .popupHeader {
	 margin-bottom: 15px;
	 border-bottom: 1px solid #ccc;
 }
 .popupFooter {
	 border-top: 1px solid #ccc;
	 padding-top: 20px;
 }
 .popupFooter P {
	 margin-bottom: 2px;
 }
 .popupSidebar {
	 float: right;
	 margin: 50px 50px;
	 background-color: #eee;
 }
 
 .closeButton { 
	 top: 5px;
	 position: absolute;
	 right: 15px;
	 height: 12px;
	 width: 12px;
 }
 
 .closeButton:hover img {
	 width: 11px!important;
	 height: 11px!important;
	 background-position: center!important;
	 background-repeat: no-repeat!important;
	 transform-origin: center center;
	 transition: transform 300ms,opacity 200ms!important;
	 opacity: 0.5;
	 transform: rotate(90deg);
	 }
 
 
 .submitButton {
	 width: 100%;
	 margin: 25px 0 !important;
	 height: 50px;
 }
 .popupLogo {
	 width: 130px;
	 position: absolute;
	 right: 40px;
	 top:45px
 }
 .bottomLinks {
	 margin-bottom: 10px;
 }
 
 
 
 /* ===== Custom Form Popup style ===== */
 .popupOverlay_video {
	 position: fixed;
	 display: block;
	 width: 100%;
	 height: 100%;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 background-color: rgba(0, 0, 0, 0.7);
	 z-index: 999999;
	 overflow-x: hidden;
	 overflow-y: auto;
	 background-repeat: no-repeat;
	 background-size: cover;
 }
 .popupContainer_video {
	 position: absolute;
	 width: 50%;
	 left: 50%;
	 margin-left: -25%;
	 margin-top: 6%;
	 margin-bottom: 5%;
	 background-color: #fff;
	 padding: 20px;
	 border-radius: 10px;
 }
 
 .closeButton_video {
	 top: 5px;
	 position: absolute;
	 right: 15px;
	 height: 12px;
	 width: 12px;
 }
 
 .closeButton_video:hover img {
	 width: 11px!important;
	 height: 11px!important;
	 background-position: center!important;
	 background-repeat: no-repeat!important;
	 transform-origin: center center;
	 transition: transform 300ms,opacity 200ms!important;
	 opacity: 0.5;
	 transform: rotate(90deg);
	 }
 
 /* ===== Forms Styles  ===== */
 
 .form_field_section {
   margin-top: 14px;
   display: inline-block;
   width: 100%;
 }
 
 /* .form_field_section.two_col {
   width: 49%;
 } */
 
 .form_field_section.col_left {
   float: left;
 }
 
 .form_field_section.col_right {
   float: right;
 }
 
 .form_field_error {
   color: red;
   margin: 10px 0 0;
   font-size: 13px;
 }
 
 .form_label {
	 margin-bottom: 5px;
	 display: block;
	 color: rgb(102, 108, 119);
    font-size:14px;
 }
 .alter_msg {
   margin: 10px 0 0;
   font-size: 13px;
}
.alter_msg a:not([href]):not([tabindex]) {
    color: #1baaec;
    font-weight: 400;
}
 .form_label span::after {
   content: "*";
   color: #f33;
   position: relative;
   left: 5px;
 }
 
 .form_radio {
   width: 25%;
 }
 
 .form_result_success {
   color: green;
   margin: 25px 0 0;
 }
 
 .form_result_failed {
   color: red;
   margin: 25px 0 0;
 }
 
 .formActionDiv {
	text-align: center;
 }

 .formVerifyContactInfo {
	 margin: -10px auto 0;
	 text-align: center;
	 color: #333;
 }
 
 .formVerifyContactInfo img {
	 width: 130px;
	 margin-bottom: 25px;
 }
 
 .formVerifyContactInfo p {
	 margin: 0;
	 line-height: normal;
 }
 .form-p-bm {
	margin-bottom: 20px !important;
 }
 .formVerifyContactSafety {
	 color: #333;
	 text-align: center;
	 font-size: 13px;
 }
 
 .formVerifyContactSafety i {
	 font-size: 40px;
 }
 
 .formVerifyContactSafety p {
	 margin: 0;
 }
 
 .testDivRed {
	 /* background-color: red; */
	 color: black;
	 width: 50%;
 }
 .testDivGreen {
	 /* background-color: green; */
	 color: white;
	 width: 100% !important;
 }
 .testDiv {
	 background-color: #dddddd;
 }

.divFlex {
	display: flex;
	flex-wrap: wrap;
}
.tBox {
	text-align: center;
    margin: 3px;
    border-radius: 4px;
	
}
.tBox p {
	padding: 3px 5px;
	margin-bottom: 0;
	font-size: 10px;
	color: #333333;
	margin: 0 !important;
	
	border: 1px solid #6EC1E4;
   box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.17);
    /*transition: background 0.1s, border 0.1s, border-radius 0.1s, box-shadow 0.1s;*/
}

.tBox label {
	font-size: 10px;
	color: #9c9c9c;
}
.tField {
	font-weight: bold;
}
.tValue {
	background-color: #fff;
	font-weight: bold;
 
	border-radius: 15px;
   /* text-transform: uppercase;*/
	margin-bottom: 3px !important;
}
.tValue::before {
  content: "\002713";
  margin-right: 2px;
}

 /* ===== Multiselect Dropdown Styles  ===== */
.multiselect-field {
	position: absolute; 
	width: 87%;
}
.multiselect-field-webinar {
	position: absolute; 
	width: 100%;
}
.multiselect-parent button {
	background-color: white;
	width: 100%;
	text-align: left;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
	color: #333333;
}
.multiselect-parent .caret{
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	
	position: absolute;
    right: 9px;
    top: 18px;
}
.multiselect-parent .dropdown-menu {
    position: relative;
    top: 0;
    left: 0;
    z-index: 7;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 5px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
	width: 100%;
}
 /* ===== Reports Styles  ===== */
 .report-box {
 /*     max-width: 800px; */
	 margin: auto;
	 padding: 30px;
	 border: 1px solid #eee;
	 box-shadow: 0 0 10px rgba(0, 0, 0, .15);
	 font-size: 12px;
	 line-height: 24px;
	 font-family: 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
	 color: #555;
 }
 .report-box table {
	 width: 100%;
	 line-height: inherit;
	 text-align: left;
	 margin-bottom: 5px;
 }
 .report-box table td {
	 padding: 5px;
	 vertical-align: top;
	 border-bottom: 0;
 }
 
 .report-box table tr.top td:nth-child(2) {
	 text-align: center;
 }
 .report-box table tr.top td:nth-child(3) {
	 text-align: right;
 }
 .report-box table tr.top table td {
	 padding-bottom: 20px;
 }
 .report-box table tr.top table td.title {
	 font-size: 45px;
	 line-height: 45px;
	 color: #333;
 }
 .report-box table tr.information table td {
	 padding-bottom: 40px;
 }
 .report-box table tr.information table td:nth-child(3) {
	text-align: right;
}
 .report-box table tr.heading td {
	 background: #F5F5F5;
	 border-bottom: 1px solid #ddd;
	 font-weight: bold;
	 text-align: center;
	 vertical-align: middle;
	 border: 1px solid #ddd;
 }
 .report-box table tr.heading td {
	width: 10%;
 }
 .report-box table tr.heading td:first-child {
	padding-left: 10px;
 }
 .report-box table tr.details td {
	 padding-bottom: 20px;
 }
 .report-box table tr.item:hover {
	/* background-color: #333; #26324d, #ff0097; */
	background-color: #818a91; 
	cursor: pointer;
	color: #FFF;
  }
 .report-box table tr.item td {
	 border-bottom: 1px solid #eee;
 }
 .report-box table tr.item td {
	width: 10%;
 }
 .report-box table tr.item td:first-child {
	padding-left: 5px;
 }
 .report-box table tr.item.last td {
	 border-bottom: none;
 }
 .report-box table tr.total td:nth-child(2) {
	 border-top: 2px solid #eee;
	 font-weight: bold;
 }
.verified {
	color: #0ed678;
}
.un-verified {
	color: #e24c4b;
}
 /* ===== Others General  ===== */
 .mb-5 {
	 margin-bottom: 5px !important;
 }
 .mb-10 {
	 margin-bottom: 10px !important;
 }
 .show-on-xs {
	 display: none;
 }
 .show-on-sm {
	 display: none;
 }
 
 /* ===== Media Queries ===== */
 
 @media only screen and (max-width: 480px) {
	 .show-on-xs {
		 display: block;
	 }
	 
	 .hide-on-xs {
		 display: none;
	 }
	 
	 .formVerifyContactInfo {
		margin: 0;
		font-size: 11px;
	 }
	 .formVerifyContactSafety {
		 font-size: 11px;
	 }
 }
 
 @media only screen and (max-width: 600px) {
	 .show-on-sm {
		 display: block;
	 }
	 
	 .hide-on-sm {
		 display: none;
	 }
 
	 .formVerifyContactInfo img {
		 margin-bottom: 15px;
	 }
 
	 .formVerifyContactInfo p {
		 margin: -4px 0;
	 }
	 .form-p-bm {
		margin-bottom: 15px !important;
	 }
	 .formVerifyContactSafety i {
		 font-size: 25px;
	 }
 
	 .formVerifyContactSafety p {
		 margin: -4px 0;
	 }
	 
	 .submitButton{
		 margin: 15px 0 !important;
		 height: 40px;
	 }

	 .formActionDiv p {
		margin: 0;
		font-size: 10px;
	 }
	 .report-box table tr.top table td {
		 width: 100%;
		 display: block;
		 text-align: center;
	 }
	 .report-box table tr.information table td {
		 width: 100%;
		 display: block;
		 text-align: center;
	 }
 }
 
 
 @media (max-width: 992px) {
 
	 .popupContainer_video {
		 position: absolute;
		 width: 90%;
		 left: 50%;
		 margin-left: -45%;
		 background-color: #fff;
		 padding: 20px;
		 border: 1px solid #666;
		 border-radius: 10px;
		 margin-top: 5em;
	 }
	 .popupContainer_video iframe {
		 height: 200px;
	 }
 }
 
 
 @media (max-width: 767px) {
 
 .form_field_section.two_col {
   width: 100% !important;
 }
 
 .form_field_section.col_left, .form_field_section.col_right {
   float: none !important;
	 display: block !important;
 }
	 
 }
 
 @media (max-width: 767px) {
	 .popupLogo {
	 clear: both;
	 display: block;
	 position:initial !important;
		 width: 100px;
 }
	 .popupHeader {
		 margin-bottom: 0px;
	 }
 }
 
.webinar-register form .form_field_section > .form_input_container{
	position: relative;
}