/* Modal Body */
.agenda-auditoria-view .modal-body-relatorio {padding: 2px 16px;}

.agenda-auditoria-view .modal-body-relatorio > div {
    border: solid gray; 
    border-width: thin; 
    border-radius: 25px;
    height: 515px;
}

.agenda-auditoria-view .agenda-auditoria-body-modelo {
    padding-right: 0;
    max-height: 260px;
    overflow-y: scroll;
    padding-bottom: 15px;
}

.agenda-auditoria-view .tabela-tr-bg-grey {
    cursor: pointer;
    height: 40px !important;
    background-color: grey;
}

.agenda-auditoria-view .tabela-legenda {
    border: 1px solid #ccc;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border-collapse: separate;
    width:100%;
    height: 34px;
}

.agenda-auditoria-view .celula-legenda {
    vertical-align:middle;
    opacity: 1;
}

.agenda-auditoria-view .celula-legenda-texto {
    padding-right: 20px;
    cursor: pointer;
}

.agenda-auditoria-view .celula-legenda-quadrado {
    padding-right: 10px;
    cursor: pointer;
}

.agenda-auditoria-view .rectangle {
    width: 24px;
    height: 12px;
    float: left;
    border: 1px solid #888888;
}

.agenda-auditoria-view .resumo-arrow > a {
    text-decoration: none;
    color: #000;
}

.agenda-auditoria-view .resumo-arrow > a:before {
    font-family: "Glyphicons Halflings";
    content: "\e252";
    float: left;
    padding-right: 10px;
    transition: transform .2s ease-in-out;
    color: #000;
}

.agenda-auditoria-view .resumo-arrow.collapsed > a:before {
    -ms-transform: translate(-4px, -5px) rotate(-90deg); /* IE 9 */
    -webkit-transform: translate(-4px, -5px) rotate(-90deg); /* Safari */
    transform: translate(-4px, -5px) rotate(-90deg);
}


/*Progress bar*/

.agenda-auditoria-view .progress {
    width: 60px;
    height: 60px !important;
    float: left;
    line-height: 150px;
    background: none;
    margin: 5px;
    box-shadow: none;
    position: relative
}

.agenda-auditoria-view .progress:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #fff;
    position: absolute;
    top: 0;
    left: 0
}

.agenda-auditoria-view .progress>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1
}

.agenda-auditoria-view .progress .progress-left {
    left: 0
}

.agenda-auditoria-view .progress .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0
}

.agenda-auditoria-view .progress .progress-right {
    right: 0
}

.agenda-auditoria-view .progress .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #000;
    font-size: 15px;
    color: #fff;
    line-height: 54px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%
}

.agenda-auditoria-view .progress.green .progress-bar {
    border-color: #008000
}

.agenda-auditoria-view .progress.red .progress-bar {
    border-color: #ff0000
}

.agenda-auditoria-view .progress .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.agenda-auditoria-view .progress .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
}

/*End Progress bar*/

.agenda-auditoria-view .modal-relatorio .nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.agenda-auditoria-view .modal-relatorio .center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.agenda-auditoria-view .modal-relatorio .center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.agenda-auditoria-view .modal-relatorio .uf-relatorio {
    margin-top: 10px; 
    height: 50px;
}

.agenda-auditoria-view .btn {
	border-radius: 	5px;
}

.agenda-auditoria-view .btn-help-icon {
	margin-bottom: 10px;
}

.agenda-auditoria-view .btn-help-icon:hover {
	background-color: #f2f2f2;
	-webkit-transition:: .5s ease;
	transition: .5s ease;
}

.agenda-auditoria-view .btn-help-icon img{
	height: 20px;
	display: block;
	opacity: 0.6;
}

.agenda-auditoria-view .filtroTabela {
    cursor: pointer;
    font-weight:bolder;
}

.agenda-auditoria-view .filtroTabela:hover {
    background-color: rgb(30, 71, 121);
}

.agenda-auditoria-view .filtroTabela:hover > a {
    text-decoration: none;
}

.agenda-auditoria-view .filtroTabela > a {
    color: #FFFFFF;
}

.agenda-auditoria-view .filtroTabela > a:after {
    font-family: "Glyphicons Halflings";
    content: "\e138";
    padding-left: 10px;
    font-size: 12px;
}

.agenda-auditoria-view .filtroTabela.filtrado {
    background-color: rgb(30, 71, 121);
}

.agenda-auditoria-view .ordenacaoTabela {
    cursor: pointer;
    font-weight:bolder;
}

.agenda-auditoria-view .ordenacaoTabela:hover {
    background-color: rgb(30, 71, 121);
}

.agenda-auditoria-view .ordenacaoTabela:hover > a {
    text-decoration: none;
}

.agenda-auditoria-view .ordenacaoTabela > a {
    color: #FFFFFF;
}

.agenda-auditoria-view .ordenacaoTabela.ordenadoCrescente > a:after {
    font-family: "Glyphicons Halflings";
    content: "\e253";
    padding-left: 10px;
    font-size: 12px;
}

.agenda-auditoria-view .ordenacaoTabela.ordenadoDecrescente > a:after {
    font-family: "Glyphicons Halflings";
    content: "\e252";
    padding-left: 10px;
    font-size: 12px;
}

.agenda-auditoria-view .tab-with-filters{
    margin-right: 60px;
}

.agenda-auditoria-view .panel-tabAgendamento > .row {
    text-align: left;
    padding-top: 20px;
}

.panel-tabAgendamento > .row > div{
    padding-left: 0px;
}

.agenda-auditoria-view .modal-relatorio {
    display: block;
}

.agenda-auditoria-view .modal-relatorio .fornecedores-relatorio {
    width: 95%;
    margin-bottom: 2px;
    height: 30px;
}

.agenda-auditoria-view .modal-relatorio .fornecedores-relatorio > h3 {
    font-size: 12px;
}

.agenda-auditoria-view .modal-relatorio .titulo {
    border: solid grey; 
    border-width: thin; 
    background-color:#DCCBB5;
    border-radius: 10px;
    width: 95%;
    margin-bottom: 2px;
}

.agenda-auditoria-view .modal-relatorio .titulo > h2 {
    font-size: 18px;
}

.agenda-auditoria-view .modal-relatorio .dentro-prazo {
    border: solid gray; 
    border-width: thin; 
    height:215px;
    border-radius: 25px;
    width: 95%;
    margin-bottom: 5px;
}

.agenda-auditoria-view .dentro-prazo > h2 {
    height:20px;
    color: green;
}

.agenda-auditoria-view .dentro-prazo .porcentagem {
    height:75px; 
    width: 100%;
    border-radius: 10px;
}

.agenda-auditoria-view .dentro-prazo .expira-prox-semana {
    border: solid gray; 
    border-width: thin; 
    height:90px;
    border-radius: 10px; 
    width: 80%;
}

.agenda-auditoria-view .dentro-prazo .expira-prox-semana > h4 {
    color: rgb(240, 173, 48);
}

.agenda-auditoria-view .dentro-prazo .expira-prox-semana > .num-auditorias-a-expirar {
    font-size: 20px;
    color: rgb(240, 173, 48);
}

.agenda-auditoria-view .dentro-prazo .expira-prox-semana > .num-auditorias-sem-agendamento {
    font-size: 20px;
}

.agenda-auditoria-view .modal-relatorio .fora-prazo {
    border: solid gray; 
    border-width: thin; 
    height:160px;
    border-radius: 25px;
    width: 95%;
    margin-bottom: 10px;
}

.agenda-auditoria-view .fora-prazo > h2 {
    height:20px;
    color: red;
}

.agenda-auditoria-view .fora-prazo .porcentagem {
    height:75px;
    width: 100%;
}

.agenda-auditoria-view .fora-prazo .num-auditorias-sem-agendamento {
    border: solid gray; 
    border-width: thin; 
    height:35px;
    border-radius: 10px;
    width: 80%;
}

.agenda-auditoria-view .media-auditorias {
    height: 455px;
}

.agenda-auditoria-view .media-auditorias > div {
    border: solid grey; 
    border-width: thin;
    background-color:#DCCBB5;
    border-radius: 10px;
    width: 90%;
    margin-bottom: 10px;
}

.agenda-auditoria-view .media-auditorias > h3 {
    height: 30px; 
    margin-top: auto; 
    margin-bottom: 5px;
}

.agenda-auditoria-view .media-auditorias > h3 > strong {
    font-size: 36px;
}

.agenda-auditoria-view .tabela-media-inspetores {
    border: solid gray; 
    border-width: thin; 
    max-height:270px;
    border-radius: 10px; 
    width: 95%;
}