﻿body {
    font-family:Arial;
}

h1{
    border-bottom:3px solid #033799;
    font-size:28px;
}

.panel-heading{
    background-color:#bdbdbd !important;
    color:#494949 !important;
    padding-bottom:1px;
    padding-top:1px;
}

.whitesheet{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding:8px;
    margin-bottom:8px;
    background-color:white;
}

.table-linehover tr{
    cursor:pointer;
}
.table-linehover tr:hover{
    background-color:rgb(228, 234, 185) !important;
}

.tab-content-fullheight{
    position:absolute;
    overflow-y:auto;
    left:0;
    right:0;
    top:42px;
    bottom:0;
}

.btn-primary{
    background-color:#033799 !important;
}
.btn-primary:hover{
    background-color:rgb(187,208,50) !important;
    color:#033799 !important;
}

.btn-excel{
    border-color:#18980f;
    background-color:#18980f !important;
    color:white;
}
.btn-excel:hover{
    background-color:#195115 !important;
    color:white !important;
}

tr.link:hover{
    background-color:rgb(187,208,50) !important;
    cursor:pointer;
}
tr.selected{
    background-color:rgb(228, 234, 185)
}

tr .warning{
    background-color:#ffa9a9 !important;
}

.sfcontainer{
    display:block;
    position:absolute;
    left:0;
    right:0;
    top:50px;
    bottom:0;
}

.sfactionbar{
    position:absolute;
    left:0;
    top:0;
    right:0;
    height:50px;
    line-height:50px;
    background-color:#212020;
    color:white;
    border-bottom:1px solid black;
}
.sfactionbar > .dropdown{
    position:relative;
    margin:0;
    padding:0;
    display:inline-block;
}
.sfactionbar > .dropdown a{
    font-size:16px;
}
.sfactionbar button, .sfactionbar a, .sfactionbar label{
    display:inline-block;
    position:relative;
    margin:0;
    padding:0;
    padding-left:16px;
    padding-right:16px;
    background-color:transparent;
    border:0;
    font-size:20px;
    color:white;
}
.sidemenu-toggle{
    display:none !important;
}
.sfactionbar .sidemenu-toggle{
    display:none !important;
}
.sfactionbar button:hover, .sfactionbar a:hover{
    background-color:rgb(187,208,50);
    text-decoration:none;
    color:#033799;
}

.badge{
    background-color:rgb(187,208,50) !important;
    color:black;
}

.badge-secondary{
    background-color:#494949 !important;
    color:black;
}

.sidemenu{
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:250px;
    background-color:#212020;
    border-right:1px solid #494949;
    overflow-y:auto;
}

.sidemenu-top {
    display:block;
    line-height:32px;
    height:32px;
    background-color:transparent;
    color:#b7b7b7;
    text-decoration:none;
    font-size:18px;
}
.sidemenu-top:hover{
    text-decoration:none;
    color:rgb(187,208,50);
}

/*.sidemenu-active{

}
.sidemenu-item{
    
}*/
.sidemenu-item > h4{
    line-height:32px;
    height:32px;
    padding-left:8px;
    padding-right:8px;
    background-color:#033799;
    color:white;
    margin:0;
    overflow:hidden;
}
.sidemenu-sub-item{
    display:block;
    line-height:28px;
    height:28px;
    padding-left:24px;
    padding-right:8px;
    margin:0;
    border-bottom:1px solid #494949;
    cursor:pointer;
    color:#d8d8d8;
    overflow:hidden;
}
.sidemenu-sub-item:hover{
    background-color:rgb(187,208,50);
    text-decoration:none;
    overflow:hidden;
}

.sfbody{
    display:block;
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    left:250px;
    overflow-y:auto;
    padding:8px;
}

.btn-tile{
    display:inline-block;
    position:relative;
    width:128px;
    height:128px;
    line-height:128px;
    background-color:#cacaca;
    color:#212020;
    text-decoration:none;
    font-size:38px;
    border-radius:5px;
    border:1px solid #b7b7b7;
}
.btn-tile:hover{
    background-color:rgb(187,208,50);
    text-decoration:none;
    color:#033799;
}
/*.btn-tile > span:nth-of-type(1){
}*/
.btn-tile > span:nth-of-type(2){
    position:absolute;
    display:block;
    height:auto;
    line-height:24px;
    bottom:0;
    left:0;
    right:0;
    font-size:14px;
    white-space:normal;
    text-wrap:normal
}


@-webkit-keyframes slide {
    100% { left: 0; }
}

@keyframes slide {
    100% { left: 0; }
}

@media (max-width: 900px) {
 
.sidemenu-toggle{
    display:inline-block !important;
}   
.sfactionbar .sidemenu-toggle{
    display:inline-block !important;
}
.sidemenu{
    display:block;
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:75%;
    margin-left:-75%;
    transition-property: margin-left;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.sidemenu-active{
    margin-left:0;
    box-shadow: 10px 0px 15px #494949;
}
    
.sfbody{
    left:0;
}

}



@media print {
    
.sfcontainer{
    top:0;
}
.sfactionbar{
    display:none !important;
}
.sidemenu{
    display:none !important;
}
.btn{
    display:none !important;
}
.sfbody{
    left:0;
}

.do-not-print {
display: none;
}

}