/*
Custom css
*/

.background-ny {
    background-image: url("../images/ny-background-313kb.jpg");
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;
}


/**
Changes for PDF Print
 */

@media print {
    html, body {
        /* 	width: 210mm;
            height: 297mm; */
        -webkit-print-color-adjust: exact !important;
    }

    .content-header {
        display: block !important;
    }
    .pane-primary {
        -webkit-print-color-adjust: exact !important;
    }

    .row{
        page-break-inside: avoid;
    }

    /* First page, 10 cm margin on top */
    @page :first {
        margin-top: 10cm;
    }
    /* Left pages, a wider margin on the left */
    @page :left {
        margin-left: 3cm;
        margin-right: 2cm;
    }

    @page :right {
        margin-left: 2cm;
        margin-right: 3cm;
    }

    section {
        page-break-after: always;
    }

    .pagebreakbefore {
        page-break-before: always;
    }

    h1 {
        page-break-after: avoid;
    }

    section {
        page-break-after: always;
    }

    .pagebreakafter {
        page-break-after: always;
    }

    .nav-tabs {
        display: None
    }

    .navbar-default {
        background-color: #fff;
    }

    .tab-content>.tab-pane {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .panel {
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact;
    }

    .tooltip-description {
        display:block !important
    }

    .hidden-print {
        display: none
    }


}



.row{
    page-break-inside: avoid;
}

.box{
    page-break-inside: avoid;
}
.pagebreakbefore {
    page-break-before: always;
}


.pagebreakafter {
    page-break-after: always;
}



/**
    sidenav font
 */
.sidenav .nav-header > span {
    opacity: 1;
    font-size: 1rem;
    font-wieght: bold;
}

.nav-tabs .nav-link {
    border: 1px solid rgba(120, 130, 140, 0.13);
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: #53a6fa;
}


.primary-light {
    color: rgba(255, 255, 255, 0.85);
    background-color: #80bfff;
}


/**
Fix for navigation side bar (limited height)
 */
.active > .nav-sub {
    max-height: 100%;
}



.fa-1-5x {

    font-size: 1.5rem;
}

/*
choice.js fix

 */
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    padding:0
}

/**
Notices  Notice.js Auto-hiding Notification plugin
**/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
notice-wrap {
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    max-width: 530px;
    font-family: 'Roboto', sans-serif;
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
    overflow: auto;
}
notice-wrap[position='top-left'] {
    right: auto;
    left: 0
}
notice-wrap[position='bottom-left'] {
    right: auto;
    left: 0;
    top: auto;
    bottom: 0;
}
notice-wrap[position='bottom-right'] {
    right: 0;
    left: auto;
    top: auto;
    bottom: 0;
}
notice {
    display: block;
    position: relative;
    font-size: 15px;
    font-weight: normal;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 15px;
}
notice:before,
notice:after {
    position: absolute;
    content: "";
    background-color: #BBB;

    transform: rotate(45deg);
}
notice:before,
notice:after {
    box-sizing: border-box;
}
notice:before {
    width: 16px;
    height: 2px;
    right: 14px;
    top: calc(50% - 1px);
}
notice:after {
    width: 2px;
    height: 16px;
    right: 21px;
    top: calc(50% - 8px);
}
notice-close {
    position: absolute;
    display: block;
    right: 12px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    top: calc(50% - 10px);
    z-index: 1;
}
notice[close-on-click='true'] {
    cursor: pointer;
}
notice[type='success'] {
    color: #04be5b;
    background-color: rgba(4, 190, 910, 0.15);
    border-color: #04be5b;
}
notice[type='success']:before,
notice[type='success']:after {
    background-color: #04be5b;
}
notice[type='error'] {
    color: #d2335c;
    background-color: rgba(210, 51, 92, 0.15);
    border-color: #d2335c;
}
notice[type='error']:before,
notice[type='error']:after {
    background-color: #d2335c;
}
notice[type='warning'] {
    color: #ff9948;
    background-color: rgba(255, 153, 72, 0.15);
    border-color: #ff9948;
}
notice[type='warning']:before,
notice[type='warning']:after {
    background-color: #ff9948;
}
notice[type='info'] {
    color: #0082d5;
    background-color: rgba(0, 130, 213, 0.15);
    border-color: #0082d5;
}
notice[type='info']:before,
notice[type='info']:after {
    background-color: #0082d5;
}



/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
    position: relative;
    z-index: 2;
    cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before, [data-tooltip]:after {
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    margin-left: -80px;
    padding: 7px;
    width: 400px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tooltip);
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
}
/* Triangle hack to make tooltip look like a speech bubble */

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
    position: absolute;
    bottom: 150%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    border-top: 5px solid #000;
    border-top: 5px solid hsla(0, 0%, 20%, 0.9);
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    content: " ";
    font-size: 0;
    line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before, [data-tooltip]:hover:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

/* tooltip description*/
.tooltip-description {
    display:none
}
/**
    sidebar custom-div
 */
.sidenav .nav li > div {
    display: block;
    padding: 0 1.25rem;
    line-height: 2.25rem;
    position: relative;
    white-space: nowrap;
}

/**

 */


.chosen-container-multi .chosen-choices li.search-field {
    border: 0!important;
}


/**
date picker weekly
 */
.weeklydatepicker .datepicker {
    curosr: pointer
}
.weeklydatepicker .datepicker table tbody tr:hover td {
    background-color: #eee;
    border-radius: 0;
}
.weeklydatepicker  .datepicker table tbody tr:hover td:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.weeklydatepicker  .datepicker table tbody tr:hover td:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.weeklydatepicker  .datepicker table tbody tr td.active {
    border-radius: 0;
}
.weeklydatepicker  .datepicker table tbody tr td.active:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.weeklydatepicker  .datepicker table tbody tr td.active:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

/*
changing setting positiong
 */
.setting {
    top: 60px
}


/*
Spark line tooltip class
 */
.spark-line-tooltip {
    width: 100px;
    height: 23px;
    color:#00FFFF;
    background-color: transparent;
    margin: 0;
}

.occupancy {
	border-style: solid;
	border: 3px solid black; 
	text-align: center;
}
.occupancy-empty{
 	padding-top : 10%	;
}

.occupancy-value hr { 
	width : 100px;
    margin-block-start : 0em;
	margin-block-end : 0em;
}
        
.occupancy-value p{
	
	font-size : 3em;
	margin-block-start : 0em;
	margin-block-end : 0em;
	
}

.message p{
	font-size : 2em;
	margin-block-start : 0em;
	margin-block-end : 0em;
	
}

/* This was in old font awesome. bring action div on the right side.  */
  .pull-right {
	float: right; 
}

.light-green {
  background-color: #8bc34a;
  color: rgba(0, 0, 0, 0.85);
  }

.slate-blue {
  background-color: #6a5acd;
  color: rgba(255, 255, 255); 
  }
  
.medium-orchid {
  background-color: #ba55d3;
  color: rgba(255, 255, 255); 
  }

.light-sea-green {
  background-color: #20b2aa;
  color: rgba(255, 255, 255); 
  }