/* 
    Created on : 07/07/2018
    Author     : Paulo
*/

/* BUG DO DROPDOWN */
.dropdown-menu a {color: #555 !important;}

/* CHAT-BOX */
.visto, .visto_adm          {font-size: 1.15em; margin-left: 5px !important;}
.visto.sim, .visto_adm.sim  {color: #3c8dbc;}
.visto.nao                  {color: #FF0000;}

/* MINHAS ADEQUAÇÕES */
.btn-xs > i{margin-top: 5px;}
.logo-lg img {max-width: 100% !important;}
.logo-mini img {max-width: 100% !important;}

/* INPUT PERSONALIZADO */
input, select {border-radius: 3px !important;}
.input-group input {margin-left: -2px;}
.input-group-addon {border-radius: 3px !important; background-color: #F6F6F6 !important;}
.input-limpar {background-color: initial;}
.input-atencao {background-color: #fcfec3;}
.input-sucesso {background-color: #ccfec3;}

/* MINHAS ADEQUAÇÕES MOBILE */
@media screen and (max-width: 1024px) {
    .mbFormMobile {margin-bottom: 10px;}
    .form-group {margin: 0;}
    .form-group > div{margin-bottom: 10px;}
}

/* BUG RODAPE */
/*.correcao-rodape {min-height: 84.4vh !important;}
@media screen and (min-width: 1400px) { .correcao-rodape {min-height: 86vh !important;} }*/

/* BUG DO CKECKBOX */
.itemCheck.active, .itemCheck:active {box-shadow: inset 0 3px 10px rgba(0,0,0,.2); color: #000;}

/* BOTOES MAIS E MENOS */
.btnMais, .btnMenos {margin: 0 10px; font-size: 20px; width: 20px;}
.btnMais:hover      {cursor: pointer;}
.btnMenos:hover     {cursor: pointer;}
.iptMaisMenos       {text-align:center; border: 1px solid #CCC; font-size: 1.1em; width: calc(100% - 90px);}

/* SELECT 2 */
.select2 {width: 100% !important;}
[class^='select2'] { border-radius: 0px !important; border-color: #CCCCCC !important; }
.select2-selection__rendered { margin-left: 8px !important; }
.select2-selection__choice {background-color: #374850 !important; border-radius: 5px !important;}
.select2-selection__choice__remove {color: #FFFFFF !important; margin-right: 4px !important;}
.selection {border-radius: 3px !important;}

/* AjaxProcess */
.ajaxProcess {position: fixed; z-index: 10000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); top: 0; left: 0; display: none; align-items: center;}
.carregando  {width: 100%; max-width: 330px; margin: auto;}
.animacao { width: 20px; height: 21px; margin: 10px auto; border: 8px solid rgba(0,0,0,0); border-top: 8px solid rgba(0,183,229,0.9); border-bottom: 8px solid rgba(0,183,229,0.9); border-radius: 50%; box-shadow: 0 0 15px #2187e7; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); }  100% { -webkit-transform: rotate(360deg); } } /* Safari */
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* UPLOAD - IMAGEM PERFIL */
.dvUpPerfilImg { overflow: hidden; padding: 0;}
.dvUpPerfilImg img { max-width: 100%;}
.dvUpPerfilImg input.upPerfilImg { position: absolute; top: 0; right: 0; margin: 0; padding: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

/* UPLOAD - BOTAO */
.anexo {width: 250px; margin-left: 60px; background: #F6F6F6; display: block; text-align: center; padding: 25px 0; border-radius: 10px; border: 1px solid #eaeaea;}
.upload-arquivo input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 39px;
    height: 35px;
}

/* WYSIH HTML5*/
.btn.jumbo { font-size: 20px; font-weight: normal; padding: 14px 24px; margin-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

/* CHECKOUT (MOBILE FIRST) */
.checkout { margin: 20px 16px; padding: 20px; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); border-radius: 5px; background-color: white;}
.passos {width: 100%; display: flex; color: #CCC;}
.passos .d-md {display: none;}
.passos li {list-style-type: none; flex: 1; position: relative; text-align: center;}
.passos li:before {content: '\f00c'; font-family: FontAwesome; width: 30px; height: 30px; line-height: 30px; border: 2px solid #CCC; display: block; text-align: center; margin: 0 auto 0 auto; border-radius: 50%; background-color: white;}
.passos li:after {content: ''; position: absolute; width: calc(85% - 15px); height: 1px; background-color: #CCC; top: 15px; left: calc(-50% + 15px);}
.passos li:first-child:after {content: none;}
.passos li.ativo {color: green;}
.passos li.ativo:before {border-color: green;}
.passos li.ativo + li:after { background-color: green;}
.inline-form {margin: 20px;}
[type=radio] { position: absolute; opacity: 0;  width: 0; height: 0; }
[type=radio] + img { cursor: pointer; filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); }
[type=radio]:checked + img {-webkit-filter: grayscale(0); filter: none;}
.info-box{min-height: 50px;margin-bottom: 5px;box-shadow: none;background: transparent !important;}
.info-box-icon{font-size: 22px;line-height: 55px;height: 20px;width: 2px;margin-right: 5px;}
.info-box-content {margin-left: 5px;}
.content-dashboard {background: #e2e3e4;}
.linha-dash{padding: 10px;}
.linha-dash h3{margin-top: 0px;font-weight: 600;}
.linha-dash header{display: inline-block;font-weight: bold;}
.linha-dash header small:before{content:"-";margin-right: 5px;margin-left: 5px;}
.linha-dash .info-box-number {display: inline;font-size: 13px;font-weight: lighter;}
.linha-dash .info-box-text {font-weight: 600;}
.linha-dash .btn-box-tool.btn:active, .linha-dash .btn-box-tool{color: #fff !important;}
.linha-dash .box a {color: #fff !important;}
.linha-dash .box a:hover {color: #eee !important;}
.bg-orange{background-color: #f39c12 !important;}
.bg-yellow{background-color: #FFEB3B !important;}
.bg-gray{background-color: #adb8bb !important;}
.bg-graybold{background-color: #244148 !important;}
.bg-white{background-color: #fff !important;}
.chart-legend {display: inline-flex !important;}
.chart-legend li {margin: 0 5px;}
.body-content-chart{background: #fff;padding: 20px 0px;}
.body-content-chart h2{margin-bottom: 20px;}


.azul{color: #fff;}
.azul .box.box-default{border-top-color: #00c0ef !important;}
.azul .box-header {background-color: #00c0ef !important;color: #fff;}
.azul .box-body{background: rgba(0, 192, 239, 0.54);}
.vermelho{color: #fff;}
.vermelho .box.box-default{border-top-color: #dd4b39 !important}
.vermelho .box-header {background-color: #dd4b39 !important;color: #fff;}
.vermelho .box-body{background: rgba(221, 75, 57, .54);}
.verde{color: #fff;}
.verde .box.box-default{border-top-color: #00a65a !important;}
.verde .box-header {background-color: #00a65a !important;color: #fff;}
.verde .box-body{background: rgba(0, 166, 90, .54);}
.roxo{color: #fff;}
.roxo .box.box-default{border-top-color: #a929bf !important;}
.roxo .box-header {background-color: #a929bf !important;;color: #fff;}
.roxo .box-body{background: rgba(169, 41, 191, .54);}
.laranja{color: #fff;}
.laranja .box.box-default{border-top-color: #f39c12 !important;}
.laranja .box-header {background-color: #f39c12 !important;color: #fff;}
.laranja .box-body{background: rgba(243, 156, 18, .54);}
.marron{color: #fff;}
.marron .box.box-default{border-top-color: #8c5300 !important;}
.marron .box-header {background-color: #8c5300 !important;color: #fff;}
.marron .box-body{background: rgba(140, 83, 0, .54);}
.preto{color: #fff;}
.preto .box.box-default{border-top-color: #244148 !important;}
.preto .box-header {background-color: #244148 !important;color: #fff;}
.preto .box-body{background: rgba(36, 65, 72, .54);}
.cinza{color: #444;}
.cinza .box.box-default{border-top-color: #444 !important;}
.cinza .box-header {background-color: #444 !important;color: #fff;}
.cinza .box-body{background: rgba(0, 0, 0, .54);}

.btn-under{margin-left: 10px !important;}

td .Aprovar{background-color: #00c0ef !important;color: #fff;text-align: center; border-radius: 2px;}
td .Recebimento{background-color: #dd4b39 !important;color: #fff;text-align: center; border-radius: 2px;}
td .Orcamento{background-color: #00a65a !important;color: #fff;text-align: center; border-radius: 2px;}
td .Faturamento{background-color: #a929bf !important;color: #fff;text-align: center; border-radius: 2px;}
td .Reparo{background-color: #f39c12 !important;color: #fff;text-align: center; border-radius: 2px;}
td .Wb1{background-color: #8c5300 !important;color: #fff;text-align: center; border-radius: 2px;}
td .Finalizados{background-color: #244148 !important;color: #fff;text-align: center; border-radius: 2px;}
td .Atendimento{background-color: #444444 !important;color: #fff;text-align: center; border-radius: 2px;}

.btn-atendimento {margin: 0 10px;}

.form_pesquisa {
    padding: 45px;
    background: #e2e2e2;
    box-shadow: 0px 5px 10px #00000073;
}

.form_pesquisa [type=radio] {
    height: auto;
    width: auto;
    opacity: 1;
}

.form_pesquisa img {width: 225px;}

#itemNotificacaoNew {
    float: left;
    margin: 13px;    
}

#itemNotificacaoNew a {
    padding: 15px 10px;
    background: red;
    color: #fff;
    font-size: 16px;
}

#itemNotificacaoNew .text-green {
    color: #fff !important;
    font-size: 20px;
    margin-right: 5px;
}

#itemNotificacaoNew span{
    color: #fff;
    background: #666;
    padding: 15px 10px;
    font-size: 16px;
}

.dp_none{
    display: none;
}

@media only screen and (max-width: 768px){
    .notifications-menu{
        display: none !important;   
    }
    #itemNotificacaoNew a {
        padding: 15px 5px;
    }
}

p span.danger {
    background: red;
    color: #fff;
    padding: 3px 10px;
    font-weight: bold;
}

/*.content-header h1 a.ajaxLink {
    float: right;
}

.content-header h1 a.ajaxLink span {
    background-color: #4CAF50 !important;
    font-size: 15px !important;
}

.content-header h1 a.ajaxLink span.btn {
    background-color: #FF5722 !important;
    border: 1px solid #ff5722 !important;
}*/

.timeline>li>img, .timeline>li>img, .timeline>li>img {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}

.Developer .timeline-item{
    background: #b3eabf !important;
}

.Cliente .timeline-item{
    background: #eee !important;
}

.Administrador .timeline-item{
    background: #f5c47c !important;
}

a.retornoEquipamento {
    display: inline-block;
    color: #fff;
    background: #111;
    padding: 0px 5px;
}

small.retornoEquipamento  {
    display: block;
    color: blue;
}

.componentes {
    display: flex;
    justify-content: space-between;
}

.componentes + .componentes{
    border-top: 1px solid white;
    padding-top: 5px;
}

.componentes span {
    font-size: 15px;
    color: #000;
}

.login-container > .row {
    height: 80vh;
}

.login-container .col-md-6{
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login-form-2 .content {
        height: 90%;
    overflow: auto;
}

.icheckbox_square-blue.disabled {
        background: #ff0000c7;
    }
    
    .icheckbox_square-blue.disabled:after{
        content: "X";
        position: absolute;
        color: #fff;
    left: 7px;
    }

#cardfront .st6 {
    font-size: 26px !important;
}

#DataTables_Table_0, #DataTables_Table_1 {
    overflow: scroll;
    display: block;
}

<<<<<<< HEAD
#cookie-notice {
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    left: 0;
    bottom:0;
    text-align: center;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
}

.cookie-notice-container {
    padding: 15px 30px;
    text-align: center;
    width: 100%;
    z-index: 2;
}

#cookie-notice, #cookie-notice * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#cookie-notice .cookie-notice-container {
    display: block;
}

#cookie-notice.cookie-notice-visible.cn-effect-fade, #cookie-notice.cookie-revoke-visible.cn-effect-fade {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

#cookie-notice.cn-effect-fade {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.cn-text-container {
    margin: 0 0 6px 0;
}

.cn-text-container, .cn-buttons-container {
    display: inline-block;
}

.cn-button.wp-default, .cn-button.bootstrap {
    font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: .25px;
    line-height: 20px;
    margin: 0;
    text-align: center;
    text-transform: none;
    display: inline-block;
    cursor: pointer;
    touch-action: manipulation;
    white-space: nowrap;
    outline: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    padding: 8.5px 10px;
    line-height: 1;
}

.cn-button.bootstrap {
    color: #fff;
    background: #20C19E;
}

.cn-close-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    width: 15px;
    height: 15px;
    opacity: .5;
    padding: 10px;
    outline: none;
}

.cn-close-icon::before, .cn-close-icon::after {
    position: absolute;
    content: ' ';
    height: 15px;
    width: 2px;
    top: 3px;
    background-color: #fff;
}

#cookie-notice a:not(.cn-button) {
    color:#446084;
}

#cookie-notice a.cn-button {
    margin-left:10px;
}

.mb-2{
    margin-bottom: 1rem;
}

.select2-container .select2-selection--single .select2-selection__rendered{
    line-height: inherit !important;
    padding-left: 0px;
    margin-left: 0px !important;
}