/* Move down content because we have a fixed navbar that is 50px tall */

body {
    margin-top:20px;
    padding-top:110px;
    padding-bottom: 20px;
    /*background-image:url('../SSCC_Images/Moguls.PNG');*/
    /*background-image:url('../SSCC_Images/Team_SSCC_Large.JPG');
    background-repeat:repeat-y;*/
    background-size:cover;
    background-position:0 10px;
}

footer
{
    width:100%;
                     background-imag-e:url('../SSCC_Images/Lake_Jindy1.PNG');
    background-color:gainsboro;
    padding:20px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;

}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    top:auto;
    padding-left: 15px;
    padding-right: 15px;
   
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}
.body
{

}
.sc_jumbotron_non_opaque
{
  margin-top: 20px;
  padding: 20px;
  padding-top:8px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 150;
  line-height: 2.1428571435;
  color: inherit;
  background-color:#F1F1F1;
  border-radius: 6px;
  opacity:0.98;
}
.sc_jumbotron_demure
{
  margin-top: 20px;
  padding: 20px;
  padding-top:8px;
  margin-bottom: 30px;
  font-size: 21px;
  font-weight: 100;
  line-height: 2.0;
  color: inherit;
  background-color:#F1F1F1;
  border-radius: 6px;
  opacity:0.98;
}
.sc_logo
{
    margin-left:-170px;
    margin-right:20px;
    border-width:5px;
    border-color:white;
    border-radius:5px;
    border-style:solid;
    align-items:flex-end;
    height:auto;
}
.sc_logo :hover
{
    margin-left:-165px;
}
.sc_loading
{
    font-family:Arial;
    font-size:10pt;
    border:2px solid;
    border-radius:25px;
    border-color:red;
    width:185px;
    height:50px;
    align-items:center;
    position:relative;
    color:steelblue;
    background-color:white;
    padding-top:12px;
    padding-left:15px;
    margin:auto;
    z-index:999999;
}
.sc_loading_image
{
    height:25px;
    color:red;
}
.sc_center_horizontal
{
  width:99%;
  margin-left: auto ;
  margin-right: auto ;
  opacity:1.0;
}
.sc_center_fullwidth_clear
{
  width:100%;
  margin-left: auto ;
  margin-right: auto ;
  opacity:0.8;
  padding-top:15px;
  padding-bottom:5px;
  text-align:center;
}
.sc_center_fullwidth
{
  width:100%;
  margin-left: auto ;
  margin-right: auto ;
  opacity:1.0;
  background-color:teal;
  color:white;
  padding-top:15px;
  padding-bottom:5px;
  text-align:center;
}
.sc_center_fullwidth_rad
{
  width:100%;
  margin-left: auto ;
  margin-right: auto ;
  opacity:1.0;
  background-color:teal;
  border-radius:5px;
  color:white;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
}
.sc_menu_static
{
    height:50px; 
    margin-bottom:0px;
    background-color:darkseagreen; 
}
.sc_menu_dynamic
{
    height:31px;
    padding-top:3px;
    padding-bottom:30px;
    padding-left:15px;
    padding-right:15px;
    color:white;
    background-color:darkseagreen; 
    font-size:larger;
  
} 
.sc_menu_dynamic :hover
{
    color:blue;
    background-color:lightgreen;
    font-size:x-large; 

}
.sc_btn-default
 {
    width:180px;
    color: #333333;
    background-color:lightsteelblue;
    border-color:lavender;
    margin-top:2px;
    margin-bottom:2px;

}
.sc_btn-default:hover
{
    color: #333333;
    background-color: lightblue;
    border-color: #adadad;
}
.sc_btn-default :disabled
{
    width:180px;
    color: #333333;
    background-color:black;
    border-color:lavender;
    margin-top:2px;
    margin-bottom:2px;
}
.sc_btn_indexer
{
    color: #333333;
    background-color:lightsteelblue;
    margin-left:10px;
    margin-right:5px;
    height:27px;
}
.sc_label_light
{
    color:yellow;
}
.sc_label_heavy
{
    color:teal;
    font-weight:bold;       
}
.sc_label_light
{
    color:teal;     
}
.sc_label_big_bold
{
    color:teal;
    background-color:cyan;
    font-weight:bold;
    font-size:large;
}
.sc_label_inline
{
    display:inline;
    color:teal;
    width:100px;
    float:left;
    font-size:medium;
    margin-left:15px;
}
.sc_label_warning
{
    color:red;
    font-weight:bold;
}
.sc_Label_Qty
{
    color:teal;
    text-align:right;
    font-size:medium;
}
.sc_label_report
{
    color:orange;
    font-size:large;

}
.sc_label_report_heavy
{
    color:teal;
    font-size:large;
}
.sc_label_report_heavy_warning
{
    color:red;
    font-size:large;
}
.sc_label_report_header
{
    color:brown;
    font-size:medium;
    font-weight:bold;
    text-align:right;
    margin-left:10px;  
}
.sc_label_popup_cal
{
    margin-top:10px;
    margin-bottom:25px;
}
.sc_label_popup_cal_bright
{
    color:blue;
    background-color:lime;
    margin-top:10px;
    margin-bottom:15px;
    padding-left:5px;
    padding-right:5px;
}

.sc_text_popup_cal
{
    text-align:left;
    font-size:small;
    font-size-adjust:.75;
    margin-left:20px;
}
.sc_welcome
{
    color:teal;
    background-color:lightseagreen;
    height:30px;
    border-radius:10px;
    padding:10px;
    margin-top:-30px;
    align-content:flex-end;

}
.sc_room_header_1
{
    color:white;
    background-color:steelblue;
    text-align:left;
}
.sc_room_header_1a
{
    color:white;
    background-color:palevioletred;
    text-align:left;
    font-size:medium;
    margin-left:100px;
}
.sc_room_header_2
{
    color:white;
    background-color:darkcyan;
    text-align:left;
    font-size:medium;
    padding-left:150px;
}
.sc_room_header_2a
{
    color:white;
    background-color:palevioletred;
    text-align:left;
    font-size:medium;
    margin-left:100px;
}
.sc_room_header_3
{
    color:white;
    background-color:darkseagreen;
    text-align:left;
    font-size:medium;
    Margin-left:150px;
    font-style:normal;
}
.sc_room_header_3a
{
    color:white;
    background-color:palevioletred;
    text-align:left;
    font-size:medium;
    margin-left:100px;
}

.sc_report_cell
{
    text-align:right; 
}
.sc_textbox
{
    background-color:lawngreen;
    width:170px;
    border-left-color:lightgrey;
    border-top-color:white;
    border-bottom-color:steelblue;
    border-right-color:steelblue;

}
.sc_textbox_edit
{
    color:darkblue;
    background-color:LavenderBlush;
    width:170px;
    border-left-color:lightsteelblue;
    border-top-color:lightsteelblue;
    border-bottom-color:steelblue;
    border-right-color:steelblue;
}
.sc_textbox_edit_short
{
    color:darkblue;
    background-color:LavenderBlush;
    width:50px;
}
.sc_textbox_short
{
    background-color:lightblue;
    width:50px;
    height:30px;
    font-size:large;
    border-left-color:lightsteelblue;
    border-top-color:lightsteelblue;
    border-bottom-color:steelblue;
    border-right-color:steelblue;
}
.sc_textbox_inline
{
    display:inline;
    background-color:darkseagreen;
    font-size:medium;
    width:170px;
}
.sc_textbox_date
{
    color:darkblue;
    background-color:lawngreen;
    width:90px;
    border-color:teal;
}
.sc_textbox_date_edit
{
    color:teal;
    background-color:LavenderBlush;
    width:90px;
    border-color:teal;
    border-left-color:lightsteelblue;
    border-top-color:lightsteelblue;
}
.sc_textbox_price
{
    color:darkblue;
    background-color:lavenderblush;
    width:70px;
    border-color:teal;
}
.sc_textbox_email
{
    background-color:antiquewhite;
    width:250px;
}
.sc_preformatted
{
    white-space:pre-line;
    line-height:normal;
    padding-top:3px;
    padding-bottom:15px;
}
.sc_checkbox
{
    font-size:medium;
    color:dimgrey;
    font-weight:lighter;
}
.sc_dropdown
{
    z-index:1;
    left:15px;
    top:25px;
    position:absolute;
    color:darkslateblue;
    background-color:lawngreen;
}
.sc_dropdown :hover
{
    color:blue;
    background-color:lightblue;
}
.sc_dropdown_insert
{
    z-index:1;
    left:15px;
    top:25px;
    position:absolute;
    color:black;
    background-color:lavenderblush;
}
.sc_dropdown_edit
{
    z-index:1;
    left:15px;
    top:25px;
    position:absolute;
    color:darkblue;
    background-color:LavenderBlush;
}
.sc_dropdown_edit_2
{
    color:darkblue;
    background-color:LavenderBlush;
    font-size:medium;
}
.sc_formview_header
{
    background-color:steelblue;
    color:whitesmoke;
    font-size:large;
    font-weight:bold;
    text-align:center;
    padding-top:10px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;

}
.sc_formview_header_bright_left {
    background-color: steelblue;
    color: yellow;
    text-align: left;
    font-weight: normal;
}
.sc_formview_mid_headings
{
    background-color:yellowgreen;
    width:100%;
}
.sc_formview_light
{
    background-color:lightgray;
    width:100%;
}
.sc_gridview
{
    width:auto;
    margin-top:50px;
    margin-left:30px;
    margin-right:30px;
    margin-bottom:50px;
    opacity:1.0;
}
.sc_grid_header
{
    font-size:.7em;
    font-weight:300;
    color:white;
    background-color:darkseagreen;
    text-align:center;
}
.sc_grid_header_medium
{
    font-size:small;
    font-weight:300;
    color:white;
    background-color:darkseagreen;
    text-align:center;
}
.sc_grid_header_large
{
    font-size:medium;
    font-weight:300;
    color:white;
    background-color:darkseagreen;
    text-align:center;
}
.sc_grid_footer
{
    background-color:teal;
}
.sc_grid_footer_totals
{
    color:steelblue;
    background-color:Yellow;
    text-align:right;
}


.sc_grid_col1
{
    font-size:.7em;
    font-weight:300;
    color:white;
    background-color:darkseagreen;
    text-align:right;
}
.sc_grid_row
{
    font-size:small;
    color:#284775;   
    background-color:#F7F6F3;
    
}
.sc_grid_row_alt
{   
    font-size:small;
    color:steelblue;
    background-color:white;
}
.sc_grid_row_edit
{
  font-size:medium;
    color:steelblue;
    background-color:lightpink;
}
.sc_listview_header
{
    background-color:lightgray;
    color:steelblue;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.sc_listview_item_row
{
    background-color:lightblue;
    color:steelblue;
    align-items:center;
    margin-left:auto;
    margin-right:auto;
}
.sc_listview_alternating_row
{
    background-color:lavender;
    color:steelblue;
    padding-bottom:10px;
    margin-left:auto;
    margin-right:auto;
}
.sc_listview_insert_row
{
    background-color:lightgreen;
    color:steelblue;
    align-items:center;
    margin-left:auto;
    margin-right:auto;
}
.sc_listview_align_1
{
    text-align:center;
}

.sc_listview_edit_row
{
    background-color:lightpink;
    color:steelblue;
    margin-left:auto;
    margin-right:auto;
}
.sc_listview_selected_row
{
    background-color:thistle;
    color:steelblue;
    margin-left:auto;
    margin-right:auto;
}

.sc_listbox
{
    background-color:lightgreen;
    color:white;
    font-size:small;
    line-height:1.6;
    width:100%;
    height:auto;
    padding-bottom:0px;
    margin-bottom:-15px;
    text-align:center;
    overflow:hidden;
}
.sc_listbox hover
{
    background-color:red;
    color:white;
}
.sc_calendar_header_super
{
    background-color:lightgreen;
    color:teal;
    font-size:large;
    font-weight:bold;
    text-align:center;
    padding-top:5px;
}
.sc_calendar_header
{
    background-color:teal;
    color:beige;
    font-size:small;
    font-weight:normal;
    line-height:normal;
    text-align:center;
    width:100%;
    padding-top:0px;
}
.sc_calendar_body
{
    background-color:darkseagreen;
    color:darkblue;
    font-size:small;
    line-height:normal;
    text-align:center;
    width:100%;
    padding-top:5px;
    padding-bottom:10px;
}
.sc_calendar_footer
{
    color:Teal;
    font-size:medium;
    line-height:1.6;
    text-align:center;
    width:100%;
    margin-top:0px;
    padding-top:0px;
    padding-bottom:25px;
}
.sc_calendar_box_Left
{
    background-color:beige;
    color:teal;
    font-size:Large;
    font-weight:bold;
    line-height:normal;
    text-align:center;
    width:20%;
    margin-left:35px;
    padding-left:5px;
    padding-top:5px;
    align-items:flex-start;
}

.sc_calendar_box_right
{
    background-color:beige;
    color:teal;
    font-size:Large;
    font-weight:normal;
    line-height:normal;
    text-align:center;
    width:25%;
    padding-left:5px;
    padding-top:5px;
    align-items:flex-end;
}
.sc_calendar_bed_nos
{
    margin-left:20px;
    margin-right:20px;
}
.sc_col-md-7
{
    position:relative;
    min-height:1px;
    padding-right:5px;
    padding-left:5px;
    width:14%;
    top:0px;
    left:0px;
    float:left;
}

.sc_pad_bottom_of_page
{
    padding:25%;
}

.sc_panel_pricing
{
    position:relative;
    font-size:0.8em;
    margin-top:15px;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    border-radius:5px;
    border-width:1px;
    border-color:teal; 
 
    background-color:#F1F1F1;  
    opacity:0.99;
}
.sc_chart
{
    position:relative;
    padding-left:0px;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:10px;
    border-radius:5px;
    border-width:1px;
    border-color:teal; 
    width:auto;
    opacity:0.98;
    top: 0px;
    left: 0px;
}
.sc_chart_title
{
    color:powderblue;
    font-size:x-large;
}
.sc_message_type_1
{
    color:steelblue;
}
.sc_message_type_2
{
    color:red;
}
.sc_required_validator
{
    color:red;
}
.sc_eyeglass
{
    opacity:1.0;   
}
.sc_eyeglass :hover
{
    opacity:0.8;

}
.sc_status_header
{
    color:steelblue;
    font-size:large;
    padding-left:15px;
    padding-right:15px;
    border:2px solid thin blue;
    border-radius:5px;
    border-color:steelblue;
}

.sc_booking_id
{
    font-size:large;
}
.sc_email_table_col
{
    width:250px;
}
.sc_bed_name
{
    font-weight:bold;
}
.sc_bed_button :hover
{
    border-color:orange;
    border-radius:5px;
    border-width:3px;
}
.sc_ul
{
    line-height:22px;
    font-size:medium;   
}
.sc_li
{
    padding-bottom:10px;
}
.sc_p
{
    line-height:25px;
    font-size:medium;   
    padding-bottom:10px;
}


* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
  border-width:20px;
  border-color:red;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {

  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: cyan;
  font-weight: bold;
  font-size: 25px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 30px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
.text_camera {
  color: #f2f2f2;
  font-size: 30px;
  padding: 8px 12px;
  position: absolute;
  bottom: 80px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: dodgerblue;
  font-size: 20px;
  padding: 20px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color:cornflowerblue;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover{
  background-color: cyan;
}

.sc_image_cams
{
    border-width:5px;
    border-color:white;
}
.sc_image_cams_mobile
{
    width:100%;
    position:relative;
    padding-left:0px;
    padding-right:0px;
    align-items:center;
}
.sc_image_cams_mobile_header
{
    color:steelblue;
    background-color:white;
    border-left:20px;
    padding-top:23px;
    padding-left:20px;
    padding-right:20px;
    border-color:whitesmoke;
    align-items:center;
    position:relative;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-timing-function:steps(1, start);
  animation-duration:20s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}
.cal_Theme1 .ajax__calendar_container   {
    background-color: #DEF1F4;
    border:solid 1px #77D5F7;
    width:auto;
    margin-bottom:50px;
}

.cal_Theme1 .ajax__calendar_header  {
    background-color: #ffffff;
    margin-bottom: 4px;
}

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev    {
    color: #004080;
    padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body    {
    background-color:darkseagreen;
    border: solid 1px #77D5F7;
    z-index:999999;
    opacity:1;
}

.cal_Theme1 .ajax__calendar_dayname {
    text-align:center;
    font-weight:bold;
    margin-bottom: 4px;
    margin-top: 2px;
    margin-right:0px;
    color: white;
    background-color:steelblue;
    padding-bottom:5px;
    padding-top:2px;
    padding-left:8px;
    padding-right:16px;
}

.cal_Theme1 .ajax__calendar_day {
    color: #004080;
    align-content:flex-end;
    padding-left:8px;
    padding-right:8px;
    margin-left:0px;
    margin-right:0px;
}
.cal_Theme1 .ajax__calendar_active
{
    color:steelblue;
    font-weight: bold;
    background-color:limegreen;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day
{
     color: #004080;
    font-weight: bold;
    background-color: lightcyan;
    margin-left:0px;
    padding-left:5px;
    padding-right:16px;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active  {
    color: #004080;
    font-weight: bold;
    background-color: lightcyan;

}
.cal_Theme1 .ajax__calendar_today   
{
    font-weight:bold;
    color:steelblue;
}


.cal_Theme1 .ajax__calendar_other
{
    color:darkgray;
}


.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title {
    color:lightblue;

}