/* Forms */

.form-containerx {
    margin: auto;
    width: 60%;
}

input[type=password], input[type=text], input[type=date], input[type=date-euro], input[type=number], select, textarea {
    width: 100%;
    padding: 10px 18px;
    margin: 0 0 15px 0 !important;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    border-left: 5px solid;
    transition: border-color .5s ease-out;
    outline: none;
    color: #656565;   
}

.loginform  input:readonly:valid {
  border-left-color: palegreen;
  background: url("../../images/green-tick-small.png") no-repeat 95% 50%;
  background-size: 20px;
}

.loginform input:required:valid, select:required:valid, textarea:required:valid, input:optional:valid {
  border-left-color: palegreen;  
}

.loginform input[disabled] {
    border-left-color: orange;
    border-left-color: palegreen;
}

.loginform input[readonly] {
    border-left-color: palegreen;
}

.loginform input:invalid, select:invalid, textarea:invalid {
  border-left-color: salmon;
}

.loginform input:required:valid {
  background: url("../../images/green-tick-small.png") no-repeat 95% 50% #ffffff;
  background-size: 20px;
}

.loginform input[disabled] {
    background-color: #eeeeee;
}

input[type=submit], input[type=button] {
    width: 100%;
    background-color: #244D9E ;
    color: white;
    padding: 12px 18px;
    /* margin: 8px 0; */
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

input[type=submit]:hover, input[type=button]:hover {
    background-color: #1f438b;
}

input[type=button] {
    width: 100%;
    background-color: #fff;
    color: #244D9E;
    padding: 12px 18px;
    /* margin: 8px 0; */
    border: solid;
    border-color:#244D9E;
    border-radius: 5px;
    cursor: pointer;
}

input[type=button]:hover {
    border-color:#1f438b;
    color:#1f438b;
}

input[type=submit].tokreturn {
    width: 100%;
    background-color: white;
    color: #1f438b;
    padding: 12px 18px;
    /* margin: 8px 0; */
   /* border: solid;
    border-color:#244D9E;
    border-radius: 5px;*/
    cursor: pointer;
}

input[type=submit].tokreturn:hover {
    background-color: #E0E0E0;
    color: #1f438b;
    border-radius: 7px;

}

.capgap {
    margin-top: 8px;
}

.flaggap {
    margin: 0 0 4px 0;
}

/* Placeholders */

::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none !important;
}

::placeholder { /* Recent browsers */
    text-transform: none !important;
}


     input[disabled]#pdcs-submit,
     input[disabled]#pdcs-submit:hover,
     input[disabled]#pdcs-submit:active,
     input[disabled]#pdcs-submit:focus,
     input[disabled]#pdcs-submit-2,
     input[disabled]#pdcs-submit-2:hover,
     input[disabled]#pdcs-submit-2:active,
     input[disabled]#pdcs-submit-2:focus,
     input[disabled]#pdcs-payment,
     input[disabled]#pdcs-payment:hover,
     input[disabled]#pdcs-payment:active,
     input[disabled]#pdcs-payment:focus,     
     input[disabled]#pdcs-signup,
     input[disabled]#pdcs-signup:hover,
     input[disabled]#pdcs-signup:active,
     input[disabled]#pdcs-signup:focus { 
        background: #CCCCCC;
        box-shadow: none;
        outline: none;
        opacity: 0.4;
        text-decoration: none;
}
/*CSS for the toggle switch the make a payment page 
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
      border:solid !important;
    border-color:#244D9E !important;
    border-width:1px !important;
}
  
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider.round {
    border-radius: 34px;
}
  
.slider.round:before {
    border-radius: 50%;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  input:checked + .slider {
    background-color: #244D9E;
    border:solid;
    border-color:#244D9E;
    border-width:1px;
    
  }
  
  input:not(:checked) + .slider:before {
    background-color: #244D9E;
    color:#244D9E;
  
    
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #244D9E;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  .HideResponce{
    display: none;
  }
*/
/*Toggle Switch V2 code*/
/*New button Controls */
/*New button Controls */
/*New button Controls */
.theme-toggle {
    display: flex;
    align-items: flex-start;
    border:solid;
    border-width:2px;
    border-radius:25px;
    border-color:#5A5A5A;
    width:60px;
	height:30px;
	margin-top:5px;
	margin-left:10px;
    background-color:#fff;

    margin-right: 10px;

 }
 /*Selector controls */
 .custom-radio-button:checked {
    width: 20px;
    height: 20px;
    border: 2px solid #fff !important;
    border-radius: 50%;
     justify-content: center;
    display: inline-block;
    align-items: center;
		margin-bottom:0px !important;
 }
 .custom-radio-button:not(:checked) {
    width: 20px;
    height: 20px;
    
    display: inline-block;
     justify-content: center;
    align-items: center;
 }
 /*Background Controls */
 .custom-radio-button input {
    display: none;
    
 }
 
 .custom-radio-button .toggeled {
    width:100%;
    height: 100%;
     background-color: #fff;
     border-color: #5A5A5A;
    border-radius: 50%;
    border-width:10px;
    display: inline-block;
    opacity: 0;
   transition: all 0.3s;
     transform:translate(0);
	 	margin-left:10px;
			margin-top:3px !important;
 }
 .custom-radio-button input:checked + .toggeled {
    opacity: 1;
    display: inline-block;
 }
 #SpanNA{
     background-color:#fff;
    outline: 2px solid #5A5A5A;
	width:90%;
	height:90%;
		 	margin-left:1px;
			margin-top:4px !important;
 }
 #TelSpanNA{
    background-color:#fff;
    outline: 2px solid #5A5A5A;
	width:90%;
	height:90%;
		 	margin-left:1px;
             margin-top:4px !important;
 }
  #SpanNo{
    margin-left: -8px !important;
 }
 #TelSpanNo{
    margin-left: -8px !important;
 }
 /*New button Controls */
 .Tel-theme-toggle {
    display: flex;
    align-items: flex-start;
    border:solid;
    border-width:2px;
    border-radius:25px;
    border-color:#5A5A5A;
    width:60px;
	height:30px;
	margin-top:5px;
	margin-left:10px;
    background-color:#fff;
    margin-right: 10px;

    
 }
 /*Selector controls */
 .Tel-custom-radio-button:checked {
    width: 20px;
    height: 20px;
    border: 2px solid #fff !important;
    border-radius: 50%;
     justify-content: center;
    display: inline-block;
    align-items: center;
		margin-bottom:0px !important;
 }
 .Tel-custom-radio-button:not(:checked) {
    width: 20px;
    height: 20px;
    
    display: inline-block;
     justify-content: center;
    align-items: center;
 }
 /*Background Controls */
 .Tel-custom-radio-button input {
    display: none;
    
 }
 
 .Tel-custom-radio-button .Tel-toggeled {
    width:100%;
    height: 100%;
     background-color: #fff;
     border-color: #5A5A5A;
    border-radius: 50%;
    border-width:10px;
    display: inline-block;
    opacity: 0;
   transition: all 0.3s;
     transform:translate(0);
	 	margin-left:10px;
			margin-top:3px !important;
 }
 .Tel-custom-radio-button input:checked + .Tel-toggeled {
    opacity: 1;
    display: inline-block;
 }