body, html{color:#415A68;
    padding:0;
    margin:0;
    position:relative;
    height:100%;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size:14px;}

/*404040*/

.header{
    width:100%;
    background:#201F2B;
    padding:10px;
    box-sizing:border-box;
    color:#404040;}

.footer{
    width:100%;
    padding:10px;}


.content{
    background:#282733;
    
    }

.leftnav{
    background:#282733;
    }

.right{
    
    background:#F1F2F7;}

.mainContentHolder {font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size:14px;
     color:#541460;
     padding-left:10px;}

h1{font-family: 'Arial', sans-serif;
   font-size:36px;
   color:#415A68;
   font-weight:normal;
  /*text-transform:uppercase;*/}

h2{font-family: 'Verdana', sans-serif;
   font-size:16px;
   color:#415A68;
   font-weight:normal;
  text-transform:uppercase;}

h3{font-family: 'Verdana', sans-serif;
   font-size:20px;
   color:#415A68;
   font-weight:normal;}   

h4{font-family: 'Verdana', sans-serif;
   font-size:20px;
   font-weight:normal;} 

a{font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#4CAF50;/*415A68;*/
  text-decoration: none;}


a:hover{color:#4CAF50;text-decoration: underline;}

span.Title1{color:#D6D7E1;}
span.Title2{color:#DB1430;}
span.Title3{color:#0C61ED;}
span.Title4{color:#0C61ED; 
            text-decoration: underline;
            font-weight:bold;}
span.Title5{font-weight:normal;}

a.nav{font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:14px;
      color:#fff;
      text-decoration: none;
      display:inline-block;
      vertical-align:middle;
      padding-left:10px;
      width:100%;}

a.nav:visited{color:#fff;}

a.nav:hover{background-color: #201F2B;}

a.navOn{font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#fff;
        text-decoration: none;
        display:inline-block;
        vertical-align:middle;
        padding-left:15px;
        width:100%;
        background-color: #DB1430;}

a.headerLink{color:#D6D7E1;}

a.headerLink:hover{color:#fff;
            text-decoration: underline;}


a.text-white{font-family: Arial, Verdana, Helvetica, sans-serif;
        font-size:14px;
        color:#fff;
        text-decoration: none;
        vertical-align:middle;}

ul.navContainer{margin:0;padding:0}

li.nav{line-height: 25px;
      display: block;
      padding-top: 15px;}

li.nav img {display:inline-block;
            vertical-align:middle;
            padding:2px 10px 2px 10px;}

.navSub{line-height: 15px;
        border-bottom:1px dotted #4B4B47;}

a.navSubOption{font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size:14px;
      color:#B4B4B8;
      text-decoration: none;
      display:inline-block;
      vertical-align:middle;
      padding:10px;
      padding-top:15px;
      width:100%;}

a.navSubOption:hover{background-color: #201F2B;}

.TotalBook_Box{width:200px; 
            height:100px;
            background:#558B2F;
            color:#fff;
            float:left;
            padding:5px;}

.TotalBookThis_Box{width:200px; 
            height:100px;
            background:#FF5722;
            color:#fff;
            float:left;
            padding:5px;
            margin-left:10px;}

.TotalBookLast_Box{width:200px; 
                  height:100px;
                  color:#fff;
                  background:#0C61ED;
                  float:left;
                  padding:5px;
                  margin-left:10px;}

.TotalBookNext_Box{width:200px; 
            color:#fff;
            height:100px;
            background:#DB1430;
            float:left;
            padding:5px;
            margin-left:10px;}

.TotalBookInc_Box{width:200px; 
            color:#fff;
            height:100px;
            background:#FFC107;
            float:left;
            padding:5px;
            margin-left:10px;}

.big{font-size:24px;} 

.login-wrap {
    position: relative;
    margin: 0 auto;
    background: #ecf0f1;
    width: 850px;
    height: 500px;
    border-radius: 5px;
    box-shadow: 3px 3px 10px #333;
    padding: 15px;}
    
.loginHeaderH1{text-align: center;}

.loginHeaderH2{
      text-align: center;
      font-weight: 200;
      font-size: 2em;
      margin-top: 10px;
      color: #34495e;}
     
.loginform {
        width: 80%;
        margin-left: 10%;
        margin-bottom: 25px;
        height: 40px;
        border-radius: 5px;
        outline: 0;
        -moz-outline-style: none;
        border: 1px solid #bbb;
        padding: 0 0 0 10px;
        font-size: 14px;
     }  

 .loginform:hover {border: 1px solid #3498db;}  

 .loginform:focus {border: 1px solid #3498db;}       

 .loginformBtn {
        width: 81%;
        margin-left: 10%;
        margin-bottom: 25px;
        height: 40px;
        border-radius: 5px;
        outline: 0;
        -moz-outline-style: none;
        background: #e74c3c;
        border:none;
        color: white;
        font-size: 14px;
        font-weight: 200;
        cursor: pointer;
        transition: box-shadow .4s ease;
}
 .loginformBtn:hover {box-shadow: 1px 1px 5px #555;}

.dataForm-wrap {
    width: 650px;
    height: 500px;
    padding: 1px;}

.dataForm-wrapsmall {
    width: 650px;
    height: 400px;
    padding: 1px;}

.formInput {
        width: 50%;
        margin-bottom: 5px;
        height: 40px;
        border-radius: 5px;
        outline: 0;
        -moz-outline-style: none;
        border: 1px solid #bbb;
        padding: 0 0 0 10px;
        font-size: 14px;
        color:;}  

.formInput:hover {border: 1px solid #3498db;}  
.formInput:focus {border: 1px solid #3498db;}       

.formInputSmall {
        width: 20%;
        margin-bottom: 5px;
        height: 40px;
        border-radius: 5px;
        outline: 0;
        -moz-outline-style: none;
        border: 1px solid #bbb;
        padding: 0 0 0 10px;
        font-size: 14px;
        color:#3498db;}  

.formInputSmall:hover {border: 1px solid #3498db;}  
.formInputSmall:focus {border: 1px solid #3498db;}  

.formText {
        width: 50%;
        margin-bottom: 5px;
        height: 80px;
        border-radius: 5px;
        outline: 0;
        -moz-outline-style: none;
        border: 1px solid #bbb;
        padding: 0 0 0 10px;
        font-size: 14px;}  

.formText:hover {border: 1px solid #3498db;}  
.formText:focus {border: 1px solid #3498db;} 

.formBtn {
        width: 250px;
        margin-bottom: 25px;
        height: 40px;
        border-radius: 5px;
        outline: 0;
        -moz-outline-style: none;
        background: #DB1430;
        border:none;
        color: white;
        font-size: 14px;
        font-weight: 200;
        cursor: pointer;
        transition: box-shadow .4s ease;
        text-transform: uppercase;}

 .formBtn:hover {box-shadow: 1px 1px 5px #555;}


.formSearchBtn {
        width: 250px;
        margin-bottom: 25px;
        height: 40px;
        border-radius: 5px;
        outline: 0;
        -moz-outline-style: none;
        background: #DB1430;
        border:none;
        color: white;
        font-size: 14px;
        font-weight: 200;
        cursor: pointer;
        transition: box-shadow .4s ease;
        text-transform: uppercase;}

.formSearchBtn:hover {box-shadow: 1px 1px 5px #555;}

.formSearchInput {
        width: 300px;
        margin-bottom: 25px;
        height: 40px;
        border-radius: 5px;
        outline: 0;
        -moz-outline-style: none;
        border: 1px solid #bbb;
        padding: 0 0 0 10px;
        font-size: 14px;}  

.formSearchInput:hover {border: 1px solid #3498db;}  
.formSearchInput:focus {border: 1px solid #3498db;}       


.Btn {
        width: 25%;
        margin-bottom: 25px;
        height: 40px;
        border-radius: 5px;
        outline: 0;
        -moz-outline-style: none;
        background: #e74c3c;
        border:none;
        color: #fff !important;
        font-size: 18px;
        font-weight: 200;
        cursor: pointer;
        transition: box-shadow .4s ease;
}
 .Btn:hover {box-shadow: 1px 1px 5px #555;}

table.Data {border-collapse: collapse;
            width: 100%; }

td.Data {text-align: left; 
         padding: 15px; 
         border: 1px solid #F1F2F7;
         background: #fff;
         color:#6E747C;
         font-size:14px;}

/*tr.Data:nth-child(even){background-color: #fff;border: 1px solid #F1F2F7;} */

td.Data1 {text-align: left; 
          padding: 8px;
          border-radius: 5px;
          outline: 0;
          -moz-outline-style: none;
          border: 1px solid #852c9a;}

.Label1 {text-align: left; 
         padding: 8px;
          border-radius: 5px;
          outline: 0;
          -moz-outline-style: none;
          border: 1px solid #ffb849;
          background: #ffb849;
          width:100px;
          float: left;
          margin-right:10px;
          color:#fff;}

.Label2 {text-align: left; 
         padding: 8px;
          border-radius: 5px;
          outline: 0;
          -moz-outline-style: none;
          border: 1px solid #0C61ED;
          background: #0C61ED;
          width:100px;
          float: left;
          margin-right:10px;
          color:#fff;}

th.CottageData {text-align: left;
                padding: 8px;
                background:#27A9E3;
                color:#fff;}

th.ReportData {text-align: left;
                padding: 8px;
                background:#28b779;
                color:#fff;}

th.BookingData {text-align: left;
                padding: 15px;
                background:#fff;
                color:#48465B;
                border: 1px solid #F1F2F7;}

th.TabCellHeading {text-align: middle;
                padding: 15px;
                background:#fff;
                color:#48465B;
                border: 1px solid #F1F2F7;}

.DataTab button {float: left;
                border: none;
                outline: none;
                cursor: pointer;
                text-align: middle;
                padding: 15px;
                background:#fff;
                color:#48465B;
                width:150px;
                font-weight:bold;}

.DataTab button:hover {float: left;
                border: none;
                outline: none;
                cursor: pointer;
                text-align: middle;
                padding-left: 15px;
                padding-top: 15px;
                padding-right: 15px;
                padding-bottom: 12px;
                background:#fff;
                color:#DB1430;
                width:150px;
                font-weight:bold;
                border-bottom: 3px solid #DB1430;}

.DataTabButtonOn {float: left;
                border: none;
                outline: none;
                cursor: pointer;
                text-align: middle;
                padding-left: 15px;
                padding-top: 15px;
                padding-right: 15px;
                padding-bottom: 12px;
                background:#fff;
                color:#DB1430;
                width:150px;
                font-weight:bold;
                border-bottom: 3px solid #DB1430;}


a.DataPageLink_Booking{text-align: left;
                padding: 8px;
                background:#4CAF50;
                color:#fff;
                border-radius: 5px;
                outline: 0;
                -moz-outline-style: none;}

a.DataPageLink_Booking:hover{text-decoration:underline;}

a.DataPageLink_Delete{text-align: left;
                padding: 8px;
                background:#DB1430;
                color:#fff;
                border-radius: 5px;
                outline: 0;
                -moz-outline-style: none;}

a.DataPageLink_Delete:hover{text-decoration:underline;}

a.TableActionLink_Booking{text-align: left;
                padding: 8px;
                background:#DB1430;
                color:#fff;
                border-radius: 5px;
                outline: 0;
                -moz-outline-style: none;}

a.TableActionLink_Booking:hover{text-decoration:underline;}

a.TableActionLinkDateRange_Booking{text-align: left;
                padding: 8px;
                background:#0C61ED;
                color:#fff;
                border-radius: 5px;
                outline: 0;
                -moz-outline-style: none;}

a.TableActionLinkDateRange_Booking:hover{text-decoration:underline;}

a.TableHeaderLink{text-align: left;
                  color:#595D8E; /*#48465B;*/
                  font-weight:bold;}

a.TableHeaderLink:hover{text-decoration:none;}

.normalText{color:#6E747C;
            font-weight:normal;}

a.RedButton{color:#DB1430;
           font-weight:normal;}
                       
           
.RedStar{color:#e74c3c;}

#error {
  font-size: 16px;
  padding: 10px;
  text-align: center;
  background-color: #4CAF50;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;
  display: none;
}

#loginfailure {
  font-size: 16px;
  padding: 10px;
  text-align: center;
  background-color: #4CAF50;
  color: white;
  border: solid 1px #a6d8a8;
  margin: auto;}