/* 
1.  Widget background color 
2.  Header background color 
*/
body, .np-body-bg, #header, .np-text-before {
	background-color: transparent;
    color: rgb(115, 118, 121);
    font-family: Raleway, sans-serif;

}

/* 

3.  Date input background color
*/
.np-filed,
.np-select:active, 
.selectWrapper, 		/* 3. */
.np-select.active
{
	background-color: transparent;
    border: solid 1px rgb(230, 230, 230);
    box-shadow: rgb(239, 239, 239) 0px 2px 5px 0px;
}

.portrait .np-filed, .portrait .selectWrapper, .portrait .np-fields .np-date input {
    width: 100% !important;
    padding: 15px 0px;
}
.portrait .selectOptions li {
    width: 100% !important;
    padding: 15px 10px;
}
.np-select, .selectWrapper {
    padding: 15px 10px;
}
.np-fields .np-date input {
    padding: 16px 10px;
}

input::placeholder {
  color: rgb(115, 118, 121);
}


/*
  Definition of: 
  1.  Select box background color 
  2.  Datepicker background color
*/

.selectOptions, 		/* 3. */
.ui-datepicker 		/* 4. */

{
	background-color: #ffffff;
    /*border: 1px solid #fff; */
}

.np-success {
    display: block;
    text-align: center;
    font-size: 36px;
    font-weight: 300;
    margin: 15px auto;
}

#header {
    display: none;
}

/*
 	Base text style
 	
 	Text color of
 	1. Base paragrapth text
 	2. Link text color
 	3. Alternative times text color (second step
 	4. VOP text color
 	5. Select box options text color
*/
.np-body p, 								/* 1. */
.np-link,								/* 2. */
.np-options a,							/* 5. */
p a.np-link,								/* 2. */
.np-checkbox-wrapp a,					/* 4. */
.np-options li:not(:first-child):before{
	color: rgb(115, 118, 121);
}


/*
	Link hover style definition
*/
a.np-link:hover,
.np-options a:hover,
.np-checkbox-wrapp a:hover{
	color: #d9b96c; 
	text-decoration: none;
}


/*
	Datepicker & Header text style
	
	Text color of:
	1. Header text color
	2. Select option text color
	3. Datepicker's dayOfweek lables text color
	4. Datepicker's next/prew arrows color
	5. Datepicker's active days text color
*/
#header,											/* 1. */
.np-select,											/* 2. */
.selectOptions li,									/* 2. */
.np-filed,
.ui-datepicker th,									/* 3. */
.ui-datepicker-prev span,.ui-datepicker-next span, 	/* 4. */
.ui-datepicker tbody td a{ 							/* 5. */
	color: rgb(115, 118, 121);
    font-weight: 300;
}

/**
* 	Color of top selectbox arrow (first step)
*/
.np-select:after {
  border-color: #746161 transparent transparent transparent; 
}

/**
* 	Color of bottom selectbox arrow (first step)
*/
.np-select:before{
  border-color:transparent transparent #d9b96c transparent ;
}

/* Select box options separator */
.selectOptions li{
	background: #f9f7f2;
    border-bottom:1px solid #d9b96c;
}
.selectOptions li:hover {
	color: #d9b96c;
	background: #efefef;
}


/**
* 	Datepicker style
*/
.ui-datepicker-header,
.ui-datepicker-title{ 
	color: #cfa752; 
}

/*
	Datepicker's disabled days
*/
.ui-datepicker-unselectable span{
	color: #665656 !important; 
}
.ui-datepicker-calendar .ui-state-active {
	color: #efefef;
}
.ui-datepicker tbody td a{
	border: 1px solid rgb(115, 118, 121) !important; 
}

.ui-datepicker-today a{
	background-color: #efefef;
}

.ui-datepicker-today .ui-state-active {
    color: #ffffff;
    background-color: #d9b96c;
}

/**
* Widget button style
*/
.np-button{
    background-color: #d9b96c; 
	border: solid 1px #d9b96c;
	color: #ffffff;
    border-radius: 4px;
    padding: 20px 29px;
 
    margin: 30px auto;
    width: auto;
    text-align: center;
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    
    
    
 }   
 input.np-button{
   height: auto;
   border-bottom-width: 1px;
    
}
.np-button:hover{
 	background-color: #c59a33;
    border: solid 1px #c59a33;
}

/*
	Style definition of sub-header box (second/third/fourth step)
*/
.np-label-box{
	color: #ffffff;
	background-color: #d9b96c; 
}

/*
	Small triangle situated bottom of sub-header
	Same color like: .np-label-box{ background-color: }.
*/
.np-label-box .np-triangle{
    border-color: #d9b96c transparent transparent transparent;
    _border-color: #cfa752 #000000 #000000 #000000;

}

/*
* Style definition of alternatives times. (Second step of booking)  
*/
.np-alternatives li{
    border-color: rgb(115, 118, 121); 
    color: #0a0058;
}
.np-alternatives li:hover{
    background-color: rgb(115, 118, 121); 
    color: #0a0058;
}

/*
	Inactive input fields in third step.
*/
.np-disabled,
.np-disabled .np-input,
.np-alternatives .np-disabled, 
.np-alternatives .np-disabled:hover{
	border-color: #efefef !important;
	color: #ffffff !important;
}


/*
	Border color of input fields in third step of booking
*/
.np-input-wrapp{
  border-bottom: 1px solid #0a0058;
}


/*
	Background color of circle situated in Google Map
*/
.np-gmap-ico{
	background-color: #d9b96c;
}

.np-text-before{
	border-top: rgb(115, 118, 121); 
}
.np-fields > li label {
    font-size: 14px;
    font-weight: 300;
    
}
/*
@media (min-width: 1000px){
    #inputs {
        width: 55%;
        float: left;
    }
    input.np-button {
        position: absolute;
        top: 200px;
    }
    .np-text-before {
        float: right;
        width: 40%;
        min-height: 250px;
    }
}
*/
.np-text-before ol li {
     padding-bottom: 10px;
 
}

.np-fields .np-date,
.np-fields .np-time.no-zone,
.np-fields .np-count.no-zone,
.np-fields .np-duration
{
    width: 25%;
} 
.np-fields .np-date .selectWrapper,
.np-fields .np-time .selectWrapper,
.np-fields .np-count .selectWrapper,
.np-fields .np-duration .selectWrapper{
    min-width: 80%;
} 

  .powered-by img {
  background-color: #ebe9e3;
  }
.powered-by a {
    color: #d9b96c;

}