/*make readonly inputs look the same as disabled*/
input[readonly="readonly"], textarea[readonly="readonly"], select[readonly="readonly"], input[readonly], textarea[readonly], select[readonly], table[readonly]
{
    opacity: .85;
    nowhitespace: afterproperty;
    filter: Alpha(Opacity=85);
  /*  background-color: #ccc; /*border: 1px solid #CCC;*/
    font-family:Arial, Sans-Serif;
}




/**************** GENEREAL STYLING ****************/

/************************** HEADER **************************/

.headerBar, .header
{
    color: White;
    background-color: #003257 !important;
}

/************************** END HEADER **************************/

.ui-datepicker-year 
{
    color:#333;
}
body 
{
   /* background: url("Images/ticksLIGHTISH.png") repeat left top;*/
  /*  background-color: #f7f7f7;*/
    font-family: 'Noto Sans', Arial, sans-serif;
    font-size:14px !important;
    color: #4f4f4f;
}

.error, .validation-summary-errors /****** ANY ERRORS IN THE SITE SHOULD HAVE THIS CLASS OR validation-summary-error DEPENDING ON WHAT PAGE YOU'RE ON ******/
{


}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3 !important;
  
}

a 
{
    color: #3292ff;
    text-decoration: none;
}

a:hover
{
    color: #256CBD;
    text-decoration: none;
}

.box
{
    background-color: #f8f8f8;
}

.pipe /****** DIVIDERS IN THE RESORT ADDRESS SECTION AND IN THE FOOTERS TOP SECTION. THIS SHOULD MATCH OR BE CLOSE TO THE .mc1 COLOR ******/
{
    color: #6ea3cc;
    font-weight: bold;
}

#completeFooter .footer
{
    margin-top: 120px;
}

#spi-absoluteFooter
{
  position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}
@media screen and (max-width:500px)
{
 #spi-absoluteFooter
    {
      position: inherit;
    }   
}
/****************** MAIN COLORS ******************/

.mc1 /****** THIS IS THE MAIN COLOR ******/
{
    
    background-color: #003257 !important;
    font-family: "Calibri",sans-serif;
    color: #dedede;
    
   
    
}
    
.mc1Text  /****** THIS IS FOR ANY TEXT THAT SHOULD BE COLORED THE SAME AS THE MAIN COLOR (EX.AVERAGE PER NIGHT COST) ******/
{
    color: #209cd7;
}

    
.sc1 /****** THIS IS THE SECONDARY COLOR ******/
{
    background-color: #96aebe !important; /****** THIS IS THE BACKGROUND COLOR ******/
    color: #4f4f4f !important; /****** THIS IS THE FONT COLOR ******/

}

.sc1 a /****** THIS IS FOR THE MAIN NAVIGATION TEXT IN THE HEADER ******/
{
    font-size: 1.2em;
    margin-top: 5px;
    color: #595959;
    text-decoration: none;
}

.sc1 a:hover /****** THIS IS FOR THE MAIN NAVIGATION TEXT IN THE HEADER TO CHANGE COLOR ON HOVER ******/
{
    color: #000000;
    text-decoration: none;
}

.sc2 /****** THIS IS BEING USED FOR THE BACKGROUND OF THE THUMBNAIL SLIDER IN AVAILABILITY PAGE ******/
{
    background: #dedede;
}



.dateRangeHeader
{
   
    background-color: #209cd7 !important;
    color: White;
   
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 0.75em;
    
    
}

.dateRangeHeader, .dateRange
{
    background-color: #209cd7 !important;
    color: White;
}

.slideToggle
{
    color: #209cd7 !important;
}

.slideToggle:hover
{
    color: #003257 !important;
}

/****************** BORDERS ******************/

.border     /****** BORDER WITH ALL ROUDNED CORNERS ******/
{
    border: 1px solid #ccc;
    border-radius: 4px;
      -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
}

.border2        /***** BORDER WITH NO ROUNDED CORNERS ******/
{
    border: 1px solid #ccc;
}

.border3        /***** BORDER WITH NO ROUNDED TOP CORNERS ******/
{
    border: 1px solid #ccc;
    border-radius: 4px;
      -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.border4      /****** BORDER WITH NO BOTTOM ROUNDED CORNERS ******/
{
    border: 1px solid #ccc;
    border-radius: 4px;
      -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.noBorder
{
    border: none;
}



/****************** "CHANGE" BUTTON STYLES. BACKGROUND-COLOR COMES FROM .button2 ******************/

#changeLink
{
        
    border-left: 1px solid #ccc;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    /*font-weight: normal !important;*/
    font: inherit;
}


/****************** ALL OTHER BUTTON STYLES ******************/

.button2, a.button2
{
    border:none;
    border-radius: 4px;
      -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
   
    background-color: #209cd7;
    color: #eaeaea;
    font: inherit;
}

.button2:hover, a.button2:hover
{
    background-color: #2E86EB;
    color: #FFFFFF;
}

.button2:active, a.button2:active
{
    background-color: #2B7FDE;
    box-shadow: inset 0 1px 10px rgba(0,0,0,0.3);
     -webkit-box-shadow: inset 0 1px 10px rgba(0,0,0,0.3);
      -moz-box-shadow: inset 0 1px 10px rgba(0,0,0,0.3);
    color: #eaeaea;
}



/****************** ALL OTHER STYLES ******************/
.header2
{
    color: #3292ff;
    text-align: left;
    border-bottom: 1px solid;
    padding: 0;
    margin-bottom: 5px;
    font-size: 1.2em;
}


.header3
{
    
    text-align: left;
    
    padding: 0;
    margin-bottom: 5px;
    font-size: 0.85em;
    font-weight: bold;
    
    border-bottom: 1px solid #3292ff;
    
}



.slideTogglebox /****** THIS IS THE DIV THAT SLIDES UP/DOWN WHEN YOU CLICK 'SHOW ROOM DETAILS' IN THE ROOM AVAILABILITY SECTION ******/
{
    line-height: 1.3em;
    text-align: justify;
    background-color: #fff;
}

body
{
    margin: 0;
    padding: 0;
}

.logo
{
    margin: 20px 0px 10px 40px;
    background: url(/css/Images/logo.png) no-repeat;
   
    display: inline-block;
    
    height: 65px;
    width: 155px;
}


.invday  
{
    background:#0194BE !important;
    color: #FFFFFF ;
	text-shadow: 0px 1px 1px #351d05;
	border-radius:3px; }

.available  
{
    background:#fff !important;
    color: #FFFFFF ;
	text-shadow: 0px 1px 1px #351d05;
	border-radius:3px; }
.restriction  
{
    background:#bfb198;
    color: #FFFFFF ;
	text-shadow: 0px 1px 1px #351d05;
	border-radius:3px; }