/*create product*/
div.product-image-container {
    text-align: center;
    min-height: 300px;
}

img.product-image-preview {
    width: 300px;
    height: 300px;
    text-align: center;
}

div.image-container {
    text-align: center;
    height: 300px;
    width: 300px;
    vertical-align: center;
    padding-top: auto;
    padding-bottom: auto;
    border: #ccc solid 2px ;
    border-radius: 5px;
    object-fit: contain;
    max-width: 300px;
    max-height: 300px;
    /*margin-right: 20px;*/
}
div.image-container-2{

    text-align: center;
    height: 300px;
    width: 300px;
    vertical-align: center;
    horiz-align: center;
    padding-top: auto;
    padding-bottom: auto;
    border: #ccc solid 2px ;
    border-radius: 5px;
    object-fit: contain;
    max-width: 300px;
    max-height: 300px;
    margin-left: auto;
    margin-right: auto;
    /*margin-right: 20px;*/
}
img.preview-upload{
    max-width: 100%;
    max-height: 100%;
    /*object-fit: contain;*/
    /*height: auto;*/
    /*max-height: 300px;*/
    /*height: 300px;*/

}
div.image-container > img.preview-upload{
    margin: auto;
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    /*margin-top: auto;*/
    /*margin-bottom: auto;*/
}

a.footer-right{
    float: right !important;
}
a.footer-left{
    float: left;
}
.footer-btn.footer-right{
    margin-left: 10px;
}
.img-logo{
    transition: .5s;
}
.form-control{
    border-radius: 3px;
    margin-bottom: 3px;
}
label{
    margin-top: 7px;
}
.checkbox{
    padding-left: 20px;
}
.box-header{
    border-bottom: 1px solid #999999;
    padding: 0 10px;
    margin-bottom: 5px;
}
.btn-header{
    margin: 10px 0;
}
.img-container img{
    width:70px;
    height: 70px;
}
.img-container{
    border: #ccc solid 1px;
    border-radius: 3px;
    width: 74px;
    height: 74px;
}

#productsTbl > td{
}
input.form-control.table-fields{
    width: 118px;
}

.primary {
    border: red solid 3px;
}

.display-none{
    display: none;
}
.row{
    padding-left: 10px;
    padding-right: 10px;
}
h4.collapsible-header-text{
    display: inline-block;
}

button.collapsible-toggle-btn{
    margin-top: 3px;
    border-radius: 39px;
    padding: 6px 10px;
}

/*toggle plus minus*/
.plus-minus-toggle {
    cursor: pointer;
    height: 21px;
    position: relative;
    width: 21px;
}
.plus-minus-toggle:before,
.plus-minus-toggle:after {
    background: #000;
    content: '';
    height: 5px;
    left: 0;
    position: absolute;
    top: 18px;
    width: 21px;
    transition: transform 500ms ease;
}

.plus-minus-toggle:after {
    transform-origin: center;
}
.plus-minus-toggle.collapsed:after {
    transform: rotate(90deg);
}
.plus-minus-toggle.collapsed:before {
    transform: rotate(180deg);
}


/*asset history*/
/*.printable-page*/
h1.assets-availability-title-header{
    display: inline-block;
}

.btn-row{
    margin-bottom: 25px;
}
.printable-page-img{

    text-align: center;
    background: #3C8DBE;
}
.printable-page-img img{
    padding-top: 10px;
    padding-bottom: 10px;
    width:250px;

}

.box-body-footer{
    padding: 30px;
}
.asset-print-container{
width: 100%;

}
.asset-print-footer{
    background: #CBCBCB;
}


/*forms*/
.control-label-v2{
    float:none;
}




.no-padding{
    padding: 0;
}
.sudo-container{
    padding-right: 15px !important;
    padding-left: 15px !important;
    margin-right: auto !important;
    margin-left: auto !important;

}
.row{
}



@page {
    size: A4;
    margin: 0;
}
@media print {
    html, body {
        width: 210mm;
        height: 297mm;
    }



    .printable-page-img{
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: center;
        background: #3C8DBE !important;
        -webkit-print-color-adjust: exact ;
    }

}
.full-width{
    min-width: 100% !important;
}

.admin-btn-container{
    display: block;
    margin-bottom: 15px;
}
.box{
    border: #999999 1px solid;
}

.alert-primary {
    color: #ffffff;
    background-color: #002b64;
    border-color: #c6e0f5;
}


/*btns*/
.btn-admin{
    background: #d35400;
    border: 2px solid #ffffff ;
    color: #fff;
    /*margin-left: 10px;*/
    border-radius: 3px;
}

.btn-admin:hover {
    background: #fff;
    border: 2px solid #d35400 ;
    color: #d35400;
    transition: .5s;
}

.btn-admin-success {
    background: #299c0c;
    border: 2px solid #ffffff ;
    color: #ffffff;
    /*margin-left: 10px;*/
    border-radius: 3px;
}

.btn-admin-success:hover {
    background: #ffffff;
    border: 2px solid #299c0c;
    color: #299c0c;
    transition: .5s;
}

.btn-admin-warning {
    background: #f39c12;
    border: 2px solid #ffffff ;
    color: #ffffff;
    /*margin-left: 10px;*/
    border-radius: 3px;
}

.btn-admin-warning:hover {
    background: #ffffff;
    border: 2px solid #f39c12;
    color: #f39c12;
    transition: .5s;
}

.btn-admin-primary{
    background: #3490dc;
    border: 2px solid #ffffff ;
    color: #fff;
    /*margin-left: 10px;*/
    border-radius: 3px;
}

.box-primary {
    /*border-top-color: #3c8dbc;*/
    border-top: #3c8dbc 3px solid;
}
.box-footer {
    border-top: 1px solid #999999;
}

.panel-heading > .plus-minus-toggle:before,
.panel-heading > .plus-minus-toggle:after{
    top:9px;
}

.toggle.btn {
    min-width: 90px;
    min-height: 34px;
}

.bottom-margin-20{
    margin-bottom: 20px;
}
.btn-margin-bottom{
    margin-bottom: 4px;
}

a > i{
    width: 20px;
}




/*checkbox*/

div.checkbox-container {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    /*height: 100vh;*/
    /*background: #FFEFBA;*/
    /* fallback for old browsers */
    /*background: -webkit-linear-gradient(to right, #FFFFFF, #FFEFBA);*/
    /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #FFFFFF, #FFEFBA);*/
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

/*.container {*/
/*    max-width: 640px;*/
/*    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;*/
/*    font-size: 13px;*/
/*}*/

ul.ks-cboxtags {
    list-style: none;
    padding: 20px;
}
ul.ks-cboxtags li{
    display: block;
}
ul.ks-cboxtags li label{
    display: inline-block;
    width: 100%;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(139, 139, 139, .3);
    color: #adadad;
    border-radius: 25px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.ks-cboxtags li label {
    padding: 3px 12px;
    cursor: pointer;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #ffffff;
    background-color: #249a10;
    color: #fff;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
    display: inline-block;
}
ul.ks-cboxtags li input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}
ul.ks-cboxtags li input[type="checkbox"]:focus + label {
    border: 2px solid rgba(55, 53, 52, 0.99);
}
.check-btn{
    border-radius: 0 !important;
    max-width:100px;
    height: 50px;
    font-size: 27px;
}

/*checkbox*/


.no-margin-top{
    margin-top: 0;
}

/*ul.treeview-menu > li.active{*/
/*    background: #3c8dbc !important;*/
/*}*/
.no-padding-right{
    padding-right: 0;
}
.no-padding-left{
    padding-left: 0;
}

.btn-transfer{
    background: #fe9942;
    color: #000;
}
.btn-service{
    background: #ddb864;
}
.btn-stop{
    background: #E81616;
    color:#fff;
}


/*table.*/

/*@import url('https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');*/
.pcs:after {
    content: " pcs";
}
.cur:before {
    content: "$";
}
.per:after {
    content: "%";
}
/** {*/
/*    box-sizing: border-box;*/
/*}*/
/*body {*/
/*    padding: 0.2em 2em;*/
/*}*/
/*table {*/
/*    width: 100%;*/
/*}*/
/*table th {*/
/*    text-align: left;*/
/*    border-bottom: 1px solid #ccc;*/
/*}*/
/*table th, table td {*/
/*    padding: 0.4em;*/
/*}*/
table. > tbody > tr.view td, table. > tbody > tr.view th {
    cursor: pointer;
}
table. > tbody > tr.view td:first-child, table. > tbody > tr.view th:first-child {
    position: relative;
    padding-left: 20px;
}
/*table. > tbody > tr.view td:first-child:before, table. > tbody > tr.view th:first-child:before {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 5px;*/
/*    width: 9px;*/
/*    height: 16px;*/
/*    margin-top: -8px;*/
/*    font: 16px 'Font Awesome 5 Pro';*/
/*    color: #999;*/
/*    content: "\f0d7";*/
/*    transition: all 0.3s ease;*/
/*}*/
table. > tbody > tr.view:nth-child(4n-1) {
    background: #eee;
}
table. > tbody > tr.view:hover {
    background: rgba(18, 245, 245, 0.35);
}
table. > tbody > tr.view.open {
    background: #3c8dbc; /*tomato;*/
    color: white;
}
table. > tbody > tr.view.open td:first-child:before, table. > tbody > tr.view.open th:first-child:before {
    transform: rotate(-180deg);
    color: #333;
}
table. > tbody > tr.fold {
    display: none;
}
table. > tbody > tr.fold.open {
    display: table-row;
}
.fold-content {
    padding: 0.5em;
}
.fold-content h3 {
    margin-top: 0;
}
.fold-content > table {
    border: 2px solid #ccc;
}
.fold-content > table > tbody tr:nth-child(even) {
    background: #eee;
}

/*close*/


.pdf-content {
    height:750px;
}


/*signature-pad - do not touch*/
.signature-module-conatainer{
    text-align: center;
}
.signature-container {
    text-align: center;
    position: relative;
    width: 870px;
    height: 400px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.signature-button-container{
    margin-top:20px;
}
/*img {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/

.signature-pad {
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    margin-left: auto;
    margin-right: auto;
    width:870px;
    height:400px;
}
canvas{

    border: 1px solid #000;
    border-radius: 5px;
    background: #fff;
}
/*end*/

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
    /*font-size: 14px !important;*/
}

.activeRentalsShowTable>tbody>tr>td, .activeRentalsShowTable>tbody>tr>th, .activeRentalsShowTable>tfoot>tr>td, .activeRentalsShowTable>tfoot>tr>th, .activeRentalsShowTable>thead>tr>td, .activeRentalsShowTable>thead>tr>th
{
    vertical-align: middle;
    font-size: 14px !important;
}
#activeRentalsTable>tbody>tr>td, #activeRentalsTable>tbody>tr>th, #activeRentalsTable>tfoot>tr>td, #activeRentalsTable>tfoot>tr>th, #activeRentalsTable>thead>tr>td, #activeRentalsTable>thead>tr>th{
    vertical-align: middle;
    font-size: 14px !important;
}




/*UI change - nothing below but UI change*/
/*.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {*/
/*    background-color: #022C63 !important;*/
/*}*/

/*menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {*/
/*    color: #fff;*/
/*    background: #0A529D !important;*/
/*}*/

.skin-blue .main-header .navbar {
    background-color: #fff;
}
.main-header .navbar-custom-menu, .main-header .navbar-right {
    float: right;
    background: #082142;
    text-align: center;
}
.skin-blue .main-header .navbar .nav>li>a {
    color: #fff;
    padding-left: 50px ;
    padding-right: 50px ;
}
.skin-blue .main-header .logo {
    background-color: #082142;
    color: #c6c6c6;
    border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
    background-color: #082142;
    color: #c6c6c6;
    border-bottom: 0 solid transparent;
}
.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #082142;
}
.skin-blue .main-header li.user-header {
    background-color: #082142;
}
li.user-header > h4{
    color:#fff;
}

.skin-blue .sidebar-menu .treeview-menu>li>a {
    background: #091223;
}

.skin-blue .main-header .navbar .sidebar-toggle {
    color: #082142;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    color: #fff;
    background: #082142;
    transition: .5s;
}
.btn-header{
    background: #fff;
    color: #082142;
    border: #367fa9 solid 1px;
}
.btn-header:hover{
    background: #091223;
    color: #fff;
    border: #fff solid 1px;
    transition: .5s;
}
/*.skin-blue .sidebar-menu .treeview-menu>li.active>a, .skin-blue .sidebar-menu .treeview-menu>li>a:hover {*/
/*    color: #091223;*/
/*    background: #ecf0f5;*/
/*}*/

.box.box-primary {
    border-top-color: #082142;
}

.box-header {
    background: #082142;
    border-bottom: 1px solid #999999;
    padding: 0 10px;
    margin-bottom: 5px;
    color:#fff
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #0a529d;
    color: #fff;
    transition: .5s;
}
/*assign products*/
ul.ks-cboxtags li label.assigned-products{
    border: 1px solid rgb(179, 179, 179);
}
ul.ks-cboxtags li label.assigned-products::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    /*font-family: "Font Awesome 5 Free";*/
    font-weight: 600;
    font-size: 12px;
    padding: 2px 6px 2px 2px;
    content: "";
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label.assigned-products::before {
    /*content: "\f00c";*/
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}


ul.ks-cboxtags li label {
    display: inline-block;
    width: 100%;
    background-color: rgba(255, 255, 255, .9);
    border: 2px solid rgba(0, 0, 0, .8);
    /*border: 2px solid rgba(139, 139, 139, .3);*/
    color: rgba(0, 0, 0, .8);
    border-radius: 0;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .5s;
}
ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #ffffff;
    background: #082142;
    color: #fff;
    transition: all .5s;
}

/*btns*/
.btn-dark-blue{
    background: #082142;
    border: 2px solid #fff;
    border-radius: 0;

}
.must-full-width{
    width: 100% !important;
}

.btn-dark-blue:hover{
    background: #fff;
    border: 2px solid #082142;
    color: #082142;
    transition: .5s;
}

.btn-dark-blue-green{
    background: #082142;
    border: 2px solid #fff;
    border-radius: 0;

}

.btn-dark-blue-green:hover{
    background: #fff;
    border: 2px solid #38c172;
    color: #38c172;
    transition: .5s;
}

.btn-dark-blue-opposite{
    background: #fff;
    color:#082142;
    border: 2px solid #082142;
    border-radius: 0;
}
.btn-dark-blue-opposite:hover{
    background: #082142;
    border: 2px solid #fff;
    color: #fff;
    transition: .5s;
}


/*sign-in*/
.login-page, .register-page {
    height: auto;
    background: #FFF;
}
.image-container-block{
    display: block;
}
.sign-in-container{
    margin-left: auto;
    margin-right: auto;
    padding: auto;
    display: block;
}
.sign-in-box{

}
.sign-in-header{
    display: block;
    margin-left: auto;
    margin-right: auto;

    background-image: url("/images/login-header.png");
    /*background-position: center center;*/
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 450px 175px;
    background-color: #fff;
}
.img-logo{
    width:200px;
}
.img-logo-sidebar{
    width: 130px;
}
.login-logo, .register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 90px;
    padding-top: 50px;
    font-weight: 300;

    background-image: url("/images/login-header.png");
    background-position: bottom center;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-size: 450px 200px;
    background-color: #fff;

}

.login-box{
    width: 400px;
    margin: 10% auto;

}
.shadow {
    -webkit-box-shadow: 0px 0px 10px 0px #AAA;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    0px 0px 10px 0px #AAA;  /* Firefox 3.5 - 3.6 */
    box-shadow:         0px 0px 10px 0px #AAA;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.login-box-body{
    padding: 0 60px 0
}
.btn-sign-in{
    margin: 10px 0;
}

.login-box-footer{
    text-align: right;
    background: #fff;
    padding: 10px;
    border-top: 0;
    color: #666;
}

table.invoice-group-info > tbody > tr > td{
    border: #1b1e21 1px solid;
    padding: 5px;
}
table.invoice-group-info > tbody > tr > td.head{
    width: 150px;
    font-weight: 600;
    border: #1b1e21 1px solid;
}
table.invoice-group-info > tbody > tr > td.body{
    width: 505px;
    border: #1b1e21 1px solid;
}
table.invoice-group-info > tbody > tr > td.body.numbers{
    text-align: right;
}
table.invoice-group-info > tbody > tr > td.comment{
    width: 100px;
    border: #1b1e21 1px solid;
}
.ward-cost-invoice{
    padding-right:100px;
}
/*div.ward-name-invoice,div.ward-cost-invoice{*/
/*    border-bottom: #1b1e21 1px solid;*/
/*    !*height: 33px;*!*/
/*    padding-top: 5px;*/
/*    padding-bottom: 5px;*/
/*    !*horiz-align: center;*!*/
/*    vertical-align: middle;*/
/*}*/
div.row-invoice{
    border-bottom: #1b1e21 1px solid;
    width: 100%;
    /*height: 33px;*/
    padding-top: 5px;
    padding-bottom: 5px;
    /*horiz-align: center;*/
    vertical-align: middle;
}

.btn-barcode{
    width: 200px;
}

button.btn-barcode:hover span {display:none; transition: .5s}
button.btn-barcode:hover:before {content:"Assign!"; transition: .5s; font-weight: 900}

tr.pointer-link:hover{
    cursor: pointer;
}


/*datepicker*/
div#ui-datepicker-div{
    background: #fff;
    padding:10px;
    border: #999999 1px solid;
    border-radius: 5px;
}
table.ui-datepicker-calendar > thead > tr > th,
table.ui-datepicker-calendar > tbody > tr > td{
    padding:8px;
    border: #eee 1px solid;
    border-radius: 3px;
    text-align: center;
}
table.ui-datepicker-calendar > tbody > tr > td:hover{
    background: #72afd2;
    color: #1b1e21;
    transition: .5s;
}
table.ui-datepicker-calendar > tbody > tr > td > a.ui-state-default:hover{
    color: #1b1e21;
    transition: .5s;
}
/*selected day*/
table.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-current-day{
    background: #72afd2;
}
table.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-today{
    background: #999999;
}
table.ui-datepicker-calendar > tbody > tr > td.ui-datepicker-today > a.ui-state-default{
    color: #fff;
}
a.ui-datepicker-next{
    float: right;
}
span.ui-datepicker-month{
    font-size: 15px;
    font-weight: 600;
}
div.ui-datepicker-title{
    text-align: center;
    font-weight: 900;
}
















div.barcode-list{
    max-height: 400px;
    width: 265px;
    overflow: auto;
}

.nav-tabs>li.sub-tab-header>a{
    background: #285070;
    color: #fff;
}
.nav-tabs>li.sub-tab-header>a:hover{
    background: #082142;
    color: #fff;
    transition: .5s;
}
.nav-tabs>li.sub-tab-header.active>a,
.nav-tabs>li.sub-tab-header>a:focus{
    background: #082142;
    color: #fff;
}

.accordion-container{
    padding:10px;
}
.select-2-container{
    padding-left: 0px;
    padding-right: 5px;
    padding-bottom: 10px;
}


.box-header{
    border: #082142 1px solid;
}

.hide-this{
    display: none;
    transition: .5s;
}
li:nth-last-child(0){
    background: #00a7d0;
}

ul.tree > li.treeview > ul.treeview-menu > li.treeview > ul.treeview-menu > li.active{
    background: #00a7d0;
}


/*.skin-blue .sidebar-menu>li:hover>a,*/
.skin-blue .sidebar-menu>li.active>a
/*.skin-blue .sidebar-menu>li.menu-open>a*/{
    color: #fff;
    background: #0769a7;
}
.skin-blue .sidebar-menu .treeview-menu>li.active>a{
    color: #fff;
    background: #00a7d0;
}

 /*media queries*/
@media only screen and (max-width: 1300px) {
    label{
        display: block;
    }
}
@media (max-width: 1200px){
    /*label{*/
    /*    width: 100% !important;*/
    /*}*/
    /*div.toggle{*/
    /*    width: 100%;*/
    /*}*/
    /*label.toggle-on{*/
    /*    width: 100%;*/
    /*}*/
    /*.toggle-group {*/
    /*    !*position: absolute;*!*/
    /*    width: 100%*/
    /*}*/
}


/*monthpicker*/
#Content {
    position: relative;
    margin: 0 auto;
    max-width: 600px;
    background: #FFF;
    padding: 5px 10px;
    box-shadow: 1px 1px 10px;
    border-radius: 3px;
}

.pentitle {
    text-align: center;
    font-size: 3em;
    font-family: 'Nixie One', cursive;
    -webkit-font-smoothing: antialiased;
}

.subtitle {
    text-align: center;
    font-family: 'Nixie One', cursive;
    font-size: 1.3em;
    -webkit-font-smoothing: antialiased;
}

pre {
    background: #333;
    color: #DDD;
    border: 1px solid #000;
    padding: 2px 5px;
}

pre.inline {
    display: inline-block;
}

#GithubSection {
    text-align: center;
}

#GithubSection img {
    width: 10%;
}

/* monthpicker.css */

.monthpicker {
    display: inline-block;
    position: relative;
    font-family: "Century Gothic";
    font-size: .9em;
    vertical-align: middle;
}

.monthpicker_selector *::selection {
    background: transparent;
}

.monthpicker_input {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 0 5px;
    border: none;
    outline: none;
    cursor: pointer;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    /*line-height: 1em;*/

}

.monthpicker_input .placeholder {
    color: #888;
}



.monthpicker_input.active {
    background-color: #D4D4D4;
    color: #000;
}

.monthpicker_selector {
    position: absolute;
    top: 100%;
    background-color: #fff;
    min-width: 250px;
    box-shadow: 1px 2.5px 5px 0;
    z-index: 100;
}

.monthpicker_selector>table {
    padding: 5px;
    color: #333;
    width: 100%;
    text-align: center;
    border-spacing : 0;
    border-collapse : collapse;
    font-family: "Century Gothic";
    font-size: .9em;
}

.monthpicker_selector>table tr:first-child td {
    /*padding-top: 3px;*/
    /*padding-bottom: 3px;*/
    padding: 10px;
}

.monthpicker_selector>table tr:first-child>td:nth-child(1) {
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.monthpicker_selector>table tr:first-child>td:nth-child(2) {
    position: relative;
}

.monthpicker_selector>table tr:first-child>td:nth-child(3) {
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

.yearSwitch {
    padding: 5px 10px;
    border-radius: 3px;
    background: #D4D4D4;
    color: #000;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
}

.yearSwitch.off {
    visibility: hidden;
}

.yearValue {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    border: none;
    color: #333;
    outline: none;
    font-family: "Century Gothic";
    font-size: 14px;
    font-weight: 600;
    padding-top: 10px;
}

/* months */
.monthpicker_selector .month {
    /*border: 1px solid #444;*/
    width: 75px;
    /*padding: 10px;*/
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.monthpicker_selector .month:hover {
    background-color: #444;
    color: #fff;
}
.month.selected {
    background: #D4D4D4;
    color: #2C2C2C;
    font-weight: bold;
}
.monthpicker_selector .month.off {
    color: #666;
    cursor: not-allowed;
}
.monthpicker_selector .month.off:hover {
    background: none;
}

.monthpicker_selector>table tr td:first-child {
    border-left: none;
}

.monthpicker_selector>table tr td:last-child {
    border-right: none;
}

.monthpicker_selector>table tr:last-child td {
    border-bottom: none;
}

.closebtn {
    padding-left: 10px;
    color: #888;
    font-weight: bold;
    float: right;
    font-size: 20px;
    cursor: pointer;
}

.closebtn:hover {
    color: #000;
}

.save-search {
    float: right;
    padding-bottom: 10px;
}
.badge-danger {
    color: #fff;
    background-color: #e3342f;
}

.badge-info {
    color: #212529;
    background-color: #6cb2eb;
}

.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.badge-success {
    color: #ffffff;
    background-color: #11c135;
}

.badge-primary {
    color: #fff;
    background-color: #3490dc;
}

.badge-warning {
    color: #fff;
    background-color: #ff8418;
}

.badge-service-request {
    color: #fff;
    background-color: #ddb864;
}

.headerElements:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*Panel*/

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

/* Monthly Report - Collapsible */

.collapsible-MonthlyReport-Group {
    background-color: white; /*#4d5258;*/
    color: black;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: 2px solid #4d5258;
    border-left: 8px solid #4d5258;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.collapsible-MonthlyReport-Group:hover {
    background-color: #eee; /*#0e3365; #1285ce*/
}

.collapsible-MonthlyReport-Group.active{
    background-color:  white; /*#0e3365;*/
    border-left: 30px solid #0e3365;
}

.content-MonthlyReport-Group {
    /*padding: 0 18px;*/
    padding-left: 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    align-content: end;
}

.collapsible-MonthlyReport-Fac {
    background-color: white; /*#4d5258;*/
    color: black;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: 2px solid #4d5258;
    border-left: 8px solid #4d5258;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.collapsible-MonthlyReport-Fac:hover {
    background-color: #eee; /*#0e3365; #1285ce*/
}

.collapsible-MonthlyReport-Fac.active{
    background-color:  white; /*#0e3365;*/
    border-left: 30px solid #0e3365;
}

.content-MonthlyReport-Fac {
    /*padding: 0 18px;*/
    padding-left: 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    align-content: end;
}

.collapsible-MonthlyReport-Ward {
    background-color: white; /*#0c76b9;*/
    color: black;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: 2px solid #4d5258;
    border-left: 8px solid #0c76b9;
    text-align: left;
    outline: none;
    font-size: 15px;
}

.collapsible-MonthlyReport-Ward:hover {
    background-color: #eee; /*#50b0ec;*/
}

.collapsible-MonthlyReport-Ward.active {
    /*background-color: #50b0ec; */
    background-color:  white; /*#0e3365;*/
    border-left: 30px solid #50b0ec;
}

.content-MonthlyReport-Ward {
    /*padding: 0 18px;*/
    padding-left: 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.highlight {
    font-weight: bold;
}

.service::placeholder {
    color: #FFFFFF;
}