/*                                                                                                                                                       
  mememe                                     ememem
    \ememememem                       ememememem/ 
     ememememememem               ememememememem  
      emememememememe           emememememememe   
         \memememememem       ememememememe/      
         emememememememe     emememememememe     
                 emememem   ememememe              
                     ememe ememe                   
                       emememe                     
                         eme
                          e 
							 
	^^ Title : Cancellations Form
	^^ Create : 2026
	^^ For PS version 1.6, 1.7, 8.x
	   @author : EAGLEMEDIA.de <eagle@eaglemedia.de>
	   @copyright : EAGLEMEDIA.de
*/
.fancybox-wrap {
    opacity: 0 !important;
    transition: all .15s ease}

.fancybox-wrap.cancellationsform-wrap {
	bottom: 10% !important;
	top: auto !important;
    opacity: 1 !important}

.cancellationsform-wrap .fancybox-skin {
    color: #fbfbfb;
	background-color: rgba(1,7,15,.922) !important}

    html.light .cancellationsform-wrap .fancybox-skin {
        color: #232323;
        background-color: rgba(255,255,255,.922) !important}

.cancellationsform-wrap .fancybox-inner {
    scrollbar-width: thin}

.fancybox-wrap.cancellationsform-wrap h4 {
	font-size: 1rem;
    line-height: 1.8rem;
	color: #fbfbfb;
	margin: 0 0 15px}

    html.light .fancybox-wrap.cancellationsform-wrap h4 {
        color: #232323}

#cancellationsform {
    padding: 3px}

.cancellationsform { 
    font-size: 13px;
    min-height: 85px;   
    list-style: none; 
    padding: 15px 10px 10px }

#cancellationsform input.hidden {
    display: none}

.cancellationsform-wrap input,
 .cancellationsform-wrap textarea {
    font-size: .825rem;
    /*
    color: #393939;
    background: rgba(255,255,255,.7);
     */
    padding: .4rem 1rem;
    margin-bottom: .5rem}

    .cancellationsform-wrap input.validation-0,
     html.light .cancellationsform-wrap input.validation-0 {
        color: #fff;
        border-color: #a40000;
        background: rgba(255,0,0,.7)
    }
    .cancellationsform-wrap input.validation-1,
     html.light .cancellationsform-wrap input.validation-1 {
        color: #1c1c1c;
        border-color: green;
        background: rgba(0,255,0,.7)
    }

html.light .cancellationsform-wrap input,
 html.light .cancellationsform-wrap textarea {
     background-color: #fff}

.js-cf-character {
	position: relative;
	z-index: 1}

.cf-character-overlay {
	float: right;
	position: relative;	
	top: -35px;
    z-index: 0}

#cancellationsform .err_ep {
    display: none;
    float: left;
    font-size: 12px;
    color: #f22b38;
    padding: 0 5px}
#cancellationsform .err_text.err_ep {
    float: none;
    margin-top: 0}

  #cancellationsform .err_in { float: left; width: 48% }
  #cancellationsform .err_out { float: right; width: 48% }

#cancellationsform .max_character {
    font-weight: 400;     
    padding: 4px 5px 3px}

.cancellationsform_descr {
    padding: 12px 5px 20px;
    font-size: .825rem}

#cancellationsform button {
    font-size: .825rem;
    font-weight: 500;
    /*padding-bottom: 15px*/
	/*background-color: #908f8f*/}
#cancellationsform button:hover {
	/*background-color: #fff*/}

#cancellationsform .send_response {
    height: 100%; 
    width: 100%; 
    text-align: center;
    color: #f5f5f5; 
    background: #fff}
#cancellationsform .send_response h2 {
	padding: 5px 0 0;
    margin: 0;
	color: limegreen}
#cancellationsform .send_response p { 
    padding: 10px 45px; 
    color: limegreen}