/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */ 
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */    
  overflow: hidden;
  outline: 0;
}
.modal-dialog{
  width: 600px;
  margin: 30px auto;
  position: relative;
  width: auto; 
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: none;
  width: 40%;
  max-width: 600px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
  color: #959595;
  float: right;
  position: absolute;
	font-size: 45px;
	font-weight: 700;
	width: 28px;
	right: 5px;
	top: 10px;
}

.close:hover,
.close:focus {
  color: #006eba;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 10px;
  background-color: #0f2143;
  text-align: left;
}

.modal-body {
  padding: 10px 16px;
  text-align: left;
  overflow: auto;
    max-height: 80vh;
}

.modal-footer {
  padding: 2px 16px;
  color: white;
}

.buttons-section {
  text-align: right !important;
}

ul.contactform li {
  list-style:none;
  text-align: left;
	margin-top: 25px;}
.contactform{margin-left:0px}
.checkboxes{
	float: left;
	margin-top: 7px;
	margin-right: 10px;
}
.getyourfile{
	text-align:right;
}
.modal-header h4{
  color: #ffffff;
  margin-bottom: 15px;
  line-height: 1.5;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  padding-left: 25px;
  padding-right: 14px;
  padding-top: 30px;
}
.modal {
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 17px;
}

.dwn_btn_{
  color: #FFFFFF;
  border-width: 0px;
  border-radius: 10px;
  letter-spacing: 1px;
  font-size: 15px;
  font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #006eba;
  padding: 1em 2em;
  box-shadow: 0px 12px 18px -11px rgb(0 0 0 / 30%);
}

/* ================================= custom modal design for classic =============================*/
.headerDpbsp_classic h4 { 
	display: inline-block;
	margin-top: 5px;
}
.customModalDpbsp_classic {
	border-radius: 10px;
}
.contactformDpbsp_classic li input{
	width: 100%;
}
.checkbox_classic input{
width: 14px!important;
}
/* ================================= custom modal design for mordan =============================*/
.headerDpbsp_mordan {
	padding: 0px 16px 15px; 
}
.headerDpbsp_mordan h4 {  
	display: inline-block;
	margin-top: 5px;
}
.customModalDpbsp_mordan {
	border-radius: 10px;
}
.contactformDpbsp_mordan li input{
	width: 100%;
}
.checkbox_mordan input{
width: 14px!important;
}
.contactformDpbsp_mordan .input-from-control{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	margin-bottom: 0;	
	display: block;
	width: 94%;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

button, input {
  overflow: visible;
}

.dwn_btn_mordan{ 
    font-size: 16px;
    line-height: 28px;
    padding: 8px 16px; 
    min-height: 44px;
    border: unset;
    border-radius: 4px;
    outline-color: rgb(200, 53, 50);
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px;


    background-color: rgb(200, 53, 50);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, 
                rgb(200, 53, 50) 0px 0px 0px 1px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(0, 0, 0, 0) 0px 0px 0px 0px, 
                rgba(60, 66, 87, 0.08) 0px 2px 5px 0px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
           

}
@media only screen and (max-width: 801px) {
  /* CSS styles go here */
  .modal {
    padding: 0;
    margin: 0;
	  overflow-y: hidden;
  }

  .modal .modal-dialog {
    margin: 0 0 !important;
    padding: 0;
    width: auto;
		height: 100%;
  }

  .modal .modal-dialog .modal-content .modal-header h4 {
	  padding-right: 17px;
  }
	
  .modal .modal-dialog .modal-content {
    margin: 0 0 !important;
    width: 100%;
	  height: 100%;
  }
}

.notification {
  padding: 10px;
  margin-bottom: 20px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  display: none;
}

.info {
  background-color: #deeeff;
  border-left: 4px solid #0052cc;
}

.success {
  background-color: #e6f7e3;
  border-left: 4px solid #36b37e;
}

.error {
  background-color: #fbeae6;
  border-left: 4px solid #ff5630;
}

.warning {
  background-color: #fff3cd;
  border-left: 4px solid #ffc107;
}

/* specific style for P.E*/
.input-from-control {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: 2px;
  color: #4e4e4e;
  background-color: var(--wpforms-field-background-color);
  border-radius: var(--wpforms-field-border-radius);
  color: var(--wpforms-field-text-color);
  border: 1px solid var(--wpforms-field-border-color);
  padding: 0 var(--wpforms-field-size-padding-h);
  font-size: var(--wpforms-field-size-font-size);
  line-height: 100%;
  box-shadow: none;
  transition: border 0.15s, box-shadow 0.15s;
  display: block;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  margin: 0;
  height: var(--wpforms-field-size-input-height);
}