@media (max-width: 768px) {
    #content{
        height: 100%;
    }
    .container-fluid {
        display: inline !important;
    }
    .flex{
        display: flex !important;
    }
    .navbar{
        z-index: 100 !important;
    }
    .sidebar{
        position: absolute !important;
        z-index: 1 !important;
        height: 100%;
        padding-top: 10px;
    }
    .h3{
        color: #adab98 !important;
        text-align: center;
        font-size: 1em;
        text-transform: uppercase;
    }

    .sidebar .nav-item .collapse{
        position: absolute;
        left: calc(6rem + 1.5rem / 2);
        z-index: 1;
        top: 2px;
        opacity: 1;
        background: #575a4d;
    }
    .sidebar .nav-item .collapse .collapse-inner, .sidebar .nav-item .collapsing .collapse-inner{
        margin: 0;
    }
    .nav-pills{
        flex-direction: row !important;
    }
    .back{
        color: #adab98 !important;
    }
    .boasvindas{
        font-size: 0.65em !important;
        text-align: center;
    }
    .sidebar-brand{
        display: none !important;
    }
}
a{
    color: #858796;
}
th{
    background-color: #575a4d;
    color: #fff;
}
label{
    margin-top: 10px;
}
ul{
    list-style: none;
}
.over-y{
    overflow-y: scroll;
}
.text-padrao{
    color: #575a4d !important;
}
.border-left-padrao{
    border-left: 0.25rem solid #575a4d !important;
}
/* .container-fluid{
    display: flex;
    overflow-y: scroll;
} */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{
    background-color: #575a4d;
    color: #fff !important;
    text-align: center;
    border-radius: 50px;
}
.nav-pills a{
    color: #575a4d !important;
}
.tab-content{
    margin:-25px 0;
    border-radius: 50px;
    width: 100%;
}
.tab-pane{
    padding: 25px;
}
.page-item.active .page-link{
    background-color: #575a4d;
    border-color: #575a4d;
}
.form-control{
    border-radius: 15px;
}
.mb-4{
    width: 100%;
}
.btn-primary {
    color: #fff !important;
    background-color: #575a4d;
    border-radius: 15px;
    border-color: #575a4d;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{
    color: #fff !important;
    background-color: #adab98 !important;
    border-color: #adab98 !important;
    outline: none !important;
}
.back{
    margin-right: 20px;
    color: #575a4d;
    background: transparent;
    border: none;
}
.back:focus{
    outline: none;
}
.back:hover,.btn-link:hover,.btn-link:active,.btn-link:focus{
    color: #adab98;
    text-decoration: none;
}
.btn-link{
    font-weight: 700;
    color: #575a4d;
}
.btn-link:focus{
    box-shadow: none;
}
.border-l-gray{
    border-right: 1px solid #e3e6f0;
    padding: 10px;
}
.border-l-gray label{
    font-weight: 700;
}
.border-b-gray{
    border-bottom: 1px solid #e3e6f0;
}
.form-control:focus{
    border-color: #d1d3e2;
    box-shadow: none;
}
[data-notify="progressbar"] {
	margin-bottom: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
}
.btn-on, .btn-on:hover{
    background-color: #2ecc71;
    color: #27ae60;
    border-radius: 20px;
}
.btn-off, .btn-off:hover{
    background-color: #c9c9c9;
    border-radius: 20px;
}
.boasvindas{
    margin: 0 auto;
    color: #dadbda;
    margin-bottom: 20px;
    font-size: 0.8em;
    text-transform: uppercase;
}
.impressaoGrid{
    list-style: none;
    border: 1px solid #858796;
    padding: 10px;
    margin: 10px;
}
#OSprint{
    width: 800px;
    margin: 0 auto;
}
.assinatura{
    border-top: 2px solid #858796;
}
.hr-dotted{
    border-top: 2px dotted #858796;
}
.btn-table{
    padding: 5px;
    color: #858796;
}
.btn-table:hover{
    text-decoration: none;
    color: #575a4d;
}
.disabled{
    color: currentColor;
    cursor: not-allowed;
    opacity: 0.5;
    text-decoration: none;
}
.result-ordem label{
    font-weight: 700;
}
.result-ordem div{
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    padding: 5px;
}
.topicoEvid{
    background-color: #f8f9fc;
    padding-top: 20px;
    text-align: center;
    border: 1px solid #d1d3e2;
    border-radius: 15px;
}
.custom-exc{
    border-radius: 100%;
    width: 300px;
    height: 300px !important;
    padding: 28px;
    text-align: center;
    margin: 50px auto;
}
.progress {
    height: 30px;
    background-color: lightgray;
    border-radius: 20px;
    margin: 15px 0;
}
.progress-done {
    height: 100%;
    width: 0;
    opacity: 0;
    background: linear-gradient(to left, #38ef7d ,#11998e);
    color: #fff;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 3px 3px -5px #7777, 0 2px 5px #777777;
    transition: 1s ease;
}
.card-body {
    flex: 1 1 auto;
    min-height: 1px;

}
.card-custom{
    padding: 3.25rem 1rem;
}
.btn-abs{
    position: absolute;
    bottom: -80px;
    right: 70px;
    padding: 25px;
    border-radius: 100%;
}
.tab-content{
    margin-top: 20px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    border-color: #dddfeb;
}
.chat
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat li
{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}
.chat li .chat-body p
{
    margin: 0;
    color: #777777;
}

.panel .slidedown .glyphicon, .chat .glyphicon
{
    margin-right: 5px;
}

.panel-body
{
    height: 100%;
}
#obs-insert .col-md-12{
    text-align: right;
}
.statusOn{
    background-color: #4caf50;
    color: #fff;
}
.statusOff{
    background-color: #e4e4e4;
    color: #858796;
}
.text-xs{
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
   -webkit-box-orient: vertical;
}
@media print {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
         float: left;
    }
    .col-sm-12 {
         width: 100%;
    }
    .col-sm-11 {
         width: 91.66666667%;
    }
    .col-sm-10 {
         width: 83.33333333%;
    }
    .col-sm-9 {
         width: 75%;
    }
    .col-sm-8 {
         width: 66.66666667%;
    }
    .col-sm-7 {
         width: 58.33333333%;
    }
    .col-sm-6 {
         width: 50%;
    }
    .col-sm-5 {
         width: 41.66666667%;
    }
    .col-sm-4 {
         width: 33.33333333%;
    }
    .col-sm-3 {
         width: 25%;
    }
    .col-sm-2 {
         width: 16.66666667%;
    }
    .col-sm-1 {
         width: 8.33333333%;
    }
    .printPageButton {
        display: none;
      }
 }