#app{
    height: 100% !important;
    overflow: hidden;
}
main{
    height: 100% !important;
    overflow: hidden;
}
.no-margin{
    margin-bottom: 0px!important;
}

.no-padding{
    padding: 0px !important;
}

.invisible-input{
    border: none;!important;
    background: inherit!important;
}

.changed-row{
    background-color: #b8daff!important;
}

.custom-paginator{
    margin-left: 40px!important;
}

.page-item{
    padding-left: 8px;
}


.table-checkbox {
    overflow: visible!important;
}

.extended-row > td{
    background-color: #D9EDF7 !important;
}


 .b-r-1{
     border-right: 1px solid rgba(203, 203, 203, 0.7);
 }

 .b-b-0{
     border-bottom: 0px!important;
 }

 .table-heading{
     font-size: 13px;
     font-weight: 100;
 }

 .th-chev{
     display: none;
     float: right;
     cursor: pointer;
 }

 .sorting th{
     display: block!important;
 }

#dataTableBuilder tbody tr{
    cursor: pointer;
}

#timer{
    display: inline-block;
    font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: #2c2c2c;
}


.datepicker{
    padding: 0px;
}

.datepicker .day{
    padding:13px !important;
}

.bootstrap-datetimepicker-widget{
    width:auto !important;
}

.tab-content{
    padding: 15px;
    padding-bottom: 50px;
    background-color: #fff;
}

@media (min-width:767px) {
    .page-sidebar {
        display:inline-block;
        position:fixed;
        width:20% !important;
        z-index:999;
    }
    .page-container {
        display:inline-block;
        max-width:80% !important;
        margin-left:20%;
        position:absolute;
        top:0;
    }
}