body {
}

#body-syscheck {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.col-no-left-right-padding {
    padding-left: 0;
    padding-right: 0;
}
.mainContainer {
    padding: 10px;
    margin-top: 31px;
}
.mainContinerTop {
    margin-top:5px;
    margin-bottom: 15px;
}
.controlsFixed {
    padding: 5px;
    display: block;
    position: fixed;
    background-color: white;
    width: 98%;
    overflow: visible;
    z-index: 1;
}


#boatsTableContainer {
    position: relative;
    top: 135px;
}

/* Blogs */
.modal-reports {
    width: 1000px; left:35%
}

#blogsTablesContainer {
    position: relative;
    top: 220px;
}
.hero-unit-blogs {
    margin: 0;
    padding: 10px;
    height: 145px;
}
.hero-unit-reports {
}

.blogRangeLabel {
    width :35px;
}



.scrollable {
    overflow-y: scroll;
}

.bodycontainer {
    /*max-height: 300px !important;*/
    width: 100%;
}

#emailList{
    display: inline;
    list-style: none
}

#emailList li{
    display: inline
}

#emailList li::after{
    content: ", "
}

.inlineBox{
    display: inline-block;
    border: 1px solid;
    /*padding: 10px 10px 5px;*/
}
.tabbable .nav {
    margin-bottom: 10px;
}
#boatTabs{
    margin-top: 20px;
}
.tab-content {
    background-color: #f1f1f1;
    padding: 10px;
}

.tab-pane table {
    background-color: white;
}
.newPaymentAndMooringDetails {
    padding: 10px 0 10px 30px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;
    /*background-color: #FCFCFC;*/
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: dashed 1px darkgrey;
}
.newPaymentData {
    font-style: italic;
}
#createInvoiceBtn{
    margin-top: 20px;
}


.selectable tbody tr.highlight td { 
    background-color: #FF8600 !important;
}
table tbody tr.activeViewing td {
    background-color: #FFC36B !important;
}
.whiteText {
    color: white;
}
/*style for active active table headers*/
.activeHeader{
    background-color: #d9d9d9;
}
                                                         /*style for Boat Details tabs*/
.clientNotes{
    height: 220px; 
    min-height:220px; 
    max-height: 220px;
}

/*img {
height:140px;
width:140px;
}*/

#createViewingDialog{
    width: 750px
}

#viewingsDialog{
    width: 900px;
    left:35%;
}

/*Blogs page*/

div small.error {
  color: #B94A48; /* color to match Bootstraps error class */
  font-style: italic;
}


/*Leaflets page*/
#uploadDialog {
    width: 650px;
}
.leafletUploadElement {
    margin-bottom: 15px;
}


/*Arriving page*/
#newArrivingEntryDialog .modal-body {
    max-height: 500px;
}
#newArrivingEntryDialog .modal-body #notes {
    max-width:224px;
}
#newArrivingEntryDialog .modal-body #address {
    max-width:224px;
}

/*Login page*/
#loginDataEntry {
    margin-left: 20%;
    margin-top: 5%;
}

#boatImageGallery > div img{
    max-height: 300px;
    display: block;
    margin: 0 auto;
}
#emptyBoatImageGallery {
    height: 300px;
    background-color: #f1f1f1;
}
    #emptyBoatImageGallery p {
        text-align:center;
        margin-top: 100px;
        font-size: 16pt;
    }

/*VALIDATION*/
    .field-validation-error {
        color: #f00 !important;
        display:block;
    }
    .field-validation-error > span {
        color: #f00 !important;
    }

    .input-validation-error, .error {
        border: 1px solid #f00 !important;
        background-color: #fee !important;
    }

    input[type="radio"].input-validation-error {
        outline: 1px solid #ff0000 !important;
    }

    .validation-summary-errors {
        font-weight: bold;
        color: #f00;
    }


.formWithInlineElements {
    margin : 0; display: inline-block !important
}

@media print {
    body, table {
        font-size: 90%;
    }

    #boatsTableContainer {
        position: relative;
        top: 0;
    }

    .mainContainer {
    padding: 0px;
    }

    .modal-header {
        display: none !important;
    }
    .modal-footer{
        display: none !important;
    }

    .visible-print {
        display: block !important;
    }

    tr.visible-print {
        display: table-row !important;
    }

    th.visible-print,
    td.visible-print {
        display: table-cell !important;
    }

    .hidden-print {
        display: none !important;
    }

    tr.hidden-print {
        display: none !important;
    }

    th.hidden-print,
    td.hidden-print {
        display: none !important;
    }

    a:link:after, a:visited:after {
        content: "";
    }

    #printSection .modal-body, #printSection table {
        max-height: none;
    }

    #printSection, #printSection * {
        visibility: visible;
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 0;
    }
    /*  systems check print list  */
    
    .col-no-left-padding-print {
        padding-left: 0;
    }
}

@media screen {
  #printSection {
      display: none;
  }
  .visible-print { display: none}
}




table .header-fixed {
    position: fixed;
    top: 154px;
    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
    border-bottom: 1px solid #d5d5d5;
    -webkit-border-radius: 0;
        -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
        -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
            box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
}
	
.no-left-margin {
    margin-left: 0 !important;
}
.btn-with-top-margin {
    margin-top: 5px;
}
/* iPad friendly styles*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* General style*/
    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }

    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .mainContainer {
        padding: 10px;
        margin-top: 70px;
    }

    /* Login Page*/
    #loginDataEntry {
        margin-left: 10%;
        margin-right: 10%;
    }
    #loginPageContainer{
        margin-left: 10%;
        margin-right: 10%;
    }
    .hero-unit-login {
        padding: 30px 5px !important;
    }

    /*Reports page*/
    .offset4-ipad {
        margin-left: auto;
    }

    .hero-unit-reports-ipad {
        padding: 50px;
    }

    .modal {
        width: 98% !important;
        left: 38% !important;
    }

    /*.modal-body-reports-ipad {
        max-height: 300px !important;
        overflow-y: scroll;
    }*/

    /*Blogs page*/
    .hero-unit-blogs-ipad {
        width: 94% !important;
        margin-bottom: 5px;
    }

    #blogsTablesContainer {
        top: 370px;
    }

    /* Leaflets Page*/
    .hero-unit-leaflets-ipad {
        padding: 50px;
    }

    /* BoatDetails page*/
    
    /* Admin Pages*/
    .admin-main-left-nav {
        width: 25% !important;
    }
    .admin-main-content {
        width: 70% !important;
    }
    .singleImageContainer {
        width: 48% !important;
    }
    .input-xlarge-ipad {
        width: 150px !important;
    }
    #manufacturersReportDialog {
        width: 98% !important;
        left: 38% !important;
    }

    .col-no-left-padding-ipad {
        padding-left: 0;
    }
    /*.admin-textarea-ipad {
        width: 300px !important;
    }*/
}
/* iPad styles - LANDSCAPE*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .scaled-page-modal{
        width: 1000px !important;
        left: 35% !important;
        min-width: 700px !important;
    }
    
    .modal-body {
        max-height: 300px !important;
        overflow-y: scroll !important;
    }

    /*Blogs page*/
    #blogsWrapper {
        min-width: 1100px !important;
        margin-top: 31px !important;
    }
    #hero-unit-blogs-left {
        width: 35.91% !important;
    }
    #hero-unit-blogs-right {
        width: 57.44% !important;
    }
    #blogsTablesContainer {
        top: 220px;
    }
    
}

.hidden {
  display: none;
  visibility: hidden;
}

.visible-phone {
  display: none !important;
}

.visible-tablet {
  display: none !important;
}

.hidden-desktop {
  display: none !important;
}

.visible-desktop {
  display: inherit !important;
}
@media (min-width: 768px) and (max-width: 979px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}