/*Template Name:BucketAdmin Dashboard build with Bootstrap v3.0.3Template Version:1.0Author:ThemeBucket*/

/* novo css*/

.font-small-1{font-size: 10px;}

.font-small-2{font-size: 11px;}

.font-medium-1{font-size: 12px;}

.font-medium-2{font-size: 14px;}

.font-big-1{font-size: 16px;}

.font-big-2{font-size: 18px;}

.font-large-1{font-size: 21px;}

.font-large-2{font-size: 24px;}

.blue-bg {background:#0087DC !important;}

.blue-bg2 {background:#5bc0ff !important;}

.green-bg {background:#7aa13a !important;}

.yellow-bg {background:#ffc600 !important;}

.yellow-bg2 {background:#ff9d2a !important;}

.red-bg {background:#e3552d !important;}

.pink-bg {background:#ffa0a0 !important;}

.pink-bg2 {background:#ff8787 !important;}

.clear{clear:both;}

.float-left{float: left;}

.float-right{float: right;}

.color-blue{color:#0087DC !important;}

.color-blue2{color:#26405c !important;}

.color-yellow{color:#ffc600 !important;}

.color-yellow2{color:#ff9d2a !important;}

.color-red{color:#e3552d !important;}

.color-green{color:#7aa13a !important;}

.color-pink{color:#ffa0a0 !important;}

.color-pink2{color:#ff8787 !important;}

.color-silver{color:#898989 !important;}

.div-text-align{text-align: center;}

.div-abs-center-h{position: absolute; left:0; right:0;}

.div-abs-center-x{position: absolute; top:0; bottom:0;}

.div-abs-center{position: absolute; left:0; right: 0; top:0; bottom:0;}

.font-bold{font-weight: bold;}

.font-light{font-weight: lighter;}

.font-normal{font-weight: normal;}

.border-radius-none{border-radius: 0;}

.border-radius-5{border-radius: 5px;}

.border-radius-10{border-radius: 10px;}

.border-radius-50{border-radius: 50%;}

.padding-margin-5{padding: 5px; margin: 5px;}

.padding-margin-10{padding: 10px; margin: 10px;}

.padding-5{padding: 5px;}

.padding-10{padding: 10px;}

.padding-15{padding: 15px;}

.margin-5{margin: 5px;}

.margin-10{margin: 10px;}

.width-100{width: 100%;}

.width-50-left{width: 50%; float: left; }

.width-height-100{width: 100%; height: 100%; position: absolute;}

.inline-block{display: inline-block;}

.div-block{display: block;}

.overflow-hidden{overflow: hidden;}

.margin-top-20{margin-top: 20px;}

.margin-bottom-20{margin-bottom: 20px;}

.position-relative{position: relative;}

.alert-silver{background-color: #f4f4f4; border-color: #f4f4f4; position: relative; margin: 3px 0;}

.alert-white{background-color: #fff; border-color: #fff; position: relative; margin: 3px 0;}

.top-header{background:#2b2b2b;}

.xpro{float:left; margin:8px 0 0 10px; }

.user-top{margin-top:-55px !important; margin-right:30px !important;}

.alerts-top{float:right !important;}

.bar-email{right:-261px!important;}

.alert-notificacao{padding:15px; border-radius:4px; background:#e6f0f6; display:table; margin-bottom:10px; width:100%;}

.alert-notificacao a{color:#515151;}

.alert-notificacao a:hover{color:#0087dc;}

.icon-notificacao{padding:4px 10px; background:#ffffff; color:#65b6e9; float:left; border-radius:50%; margin-top:3px;}

.alert-notificacao2{padding:3px 5px 10px; border-radius:4px; background:#e6f0f6; display:table; margin-bottom:10px; width:100%; text-align:center; color:#65b6e9;}

.nm-oc{display:none;}

.barra-projetos{
  background-color: #fff;
  border-radius: 0px;
  box-shadow: 0px 2px 0px #e1e2e9;
  min-height: 60px;
  right: 0;
  top: 5px;
  width: 100%;
}

.titulos-top{/*margin:1px -5px -11px -5px;*/ float: left; width: auto; margin: 2px;}

.projeto-logo{float:right; }

.left-pr-lg{
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    float: right;
}

.menu-projetos{left:-7px; top:32px;}

.menu-projetos li a{text-align:left;}

.logo-proj{padding:4px 13px 4px 10px; box-shadow:0px 0px 13px #ccc inset; border-radius:20px; display:block;}

.barra-h2{
          -webkit-transition:all .3s ease-in-out;
          -moz-transition:all .3s ease-in-out;
          -o-transition:all .3s ease-in-out;
          transition:all .3s ease-in-out;
}

.brand-bar{
    right: 0px;
}

.bt-tarefa{background:#666666!important; color:#ffffff!important; text-align:center;}

.bt-projetos{background:#28282e; color:#ffffff!important; text-align: center !important; width: 100%; margin:4px 0; padding:8px !important;}

.bt-projetos:hover{background:#515151!important;}

.timeline-box{width: 100%; padding: 2%; background: #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 20px;}

.img-perfil{margin-left: 20px;}

.perfil-redes h1{font-size: 20px !important; margin-top: 29px !important; }

.div-postagem{width: 100%; height: 96px;  float:right; border-radius: 5px; margin: 10px 0 0 0;}

.input-postagens{ border-radius: 5px; }

.div-api{padding: 10px; margin: 10px 0;}

.xpro-rod{width: 238px; padding:10px; background:#28282e; position: absolute; z-index: 1000; bottom: 0; left: 0px;
          -webkit-transition:all .3s ease-in-out;
          -moz-transition:all .3s ease-in-out;
          -o-transition:all .3s ease-in-out;
          transition:all .3s ease-in-out;
}

.xpro-hover{left: -240px;
            -webkit-transition:all .3s ease-in-out;
            -moz-transition:all .3s ease-in-out;
            -o-transition:all .3s ease-in-out;
            transition:all .3s ease-in-out;
}

.top-input{margin-top: 10px;}

.barra-projetos-hover{width: 84% !important; }

.marca-xpro{background: url("../images/marca-xpro.png") center no-repeat #474751!important; position: relative;}

.marca-xpro-topr{width: 42px; height: 41px; position: absolute; right: 0; background: url("../images/right-top-perfil.png") no-repeat;}

.fd-perfil-feed-pb{width: 100%; padding: 10px; border-radius: 10px; margin-bottom: 21px;}

.fd-inteligencia{background: #ffffff url("../images/dep-int.png") center right no-repeat;}

.fd-producao{background: #ffffff url("../images/dep-des.png") center right no-repeat;}

.fd-marketing{background: #ffffff url("../images/dep-mark.png") center right no-repeat;}

.fd-diretoria{background: #ffffff url("../images/dep-dir.png") center right no-repeat;}

.fd-financeiro{background: #ffffff url("../images/dep-fin.png") center right no-repeat;}

.fd-perfil-feed-pb h2{float: left; margin: 10px 0 0 20px; text-align: left;}

.img-feed-pb{ height: 56px; border-radius: 50%; float: left;}

.text-pl-feed{font-size: 12px; color: #28282e; font-weight: normal; text-align: left;}

.text-pl-feed span{font-size: 10px; color: #666666; }

.video-feed{width: 100%;}

.chat-rodape{height: 50px; float: right; list-style: none; margin:0; padding:0; position: relative;
             -moz-transition:all .3s ease-in-out;
             -o-transition:all .3s ease-in-out;
             transition:all .3s ease-in-out;}

.chat-rodape .chat-li{width: 250px !important; float: right; margin-left:10px; position: relative; bottom: 0; cursor: pointer;}

.chat-h{margin-top: -240px;}

.chat-rodape-h{right: 247px; -webkit-transition:all .3s ease-in-out;
               -moz-transition:all .3s ease-in-out;
               -o-transition:all .3s ease-in-out;
               transition:all .3s ease-in-out;}

.div-rod{position: relative; position: fixed; bottom:-4px; right: 10px; z-index: 900;}

.video-feed{width: 100%; height: 315px;}

.barra-conversa{background: #ededed; padding: 0; margin: 0 2%; color: #515151; font-size: 14px; border-radius: 10px 10px 0 0;}

.barra-conversa .on{color: #00cb2b;}

.barra-conversa .off{color: #515151;}

.barra-conv-min{width: 8%; height: 30px; float: right; background: #ff00ff;}

.conv-bottom{margin-bottom:0px !important; border-radius: 10px 10px 0 0; border: 1px solid #ccc;}

.xpro-locker{position: absolute; bottom: 10px; left: 10px;}

.logo-locker{width: 265px !important; height: 78px !important; background: url('../images/fundo-logo-locker.png') no-repeat; text-align: center; padding-top: 16px; position: relative; margin: 177px 0 0 115px;}

.logo-locker-img{width: 226px !important; height: auto !important; border: 4px solid #fff !important; position: absolute !important; left: auto; margin: -5px 0 0 -69px !important; background: none !important; border-radius: 18px !important; z-index:2;}

.logo-locker-div{width: 226px !important; height: 70px !important; border: 4px solid #fff !important; position: absolute !important; left: auto; margin: -5px 0 0 16px !important; background: #fff !important; border-radius: 18px !important; z-index:1;}

#preloader {
    background: url("../images/fd-preloader.png");
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.preloader {
    background: url("../images/fd-preloader.png");
    z-index: 9999;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

#preloaderGroup {
    background: url("../images/xpro-loding.png") no-repeat scroll 9px 5px #b2b2b2;
    border-radius: 50%;
    box-shadow: 0 0 10px 2px #fff;
    height: 40px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    top: 50%;
    width: 40px;
}

#preloaderGroup2 {
    background: url("../images/xpro-loding.png") no-repeat scroll 9px 5px #b2b2b2;
    border-radius: 50%;
    box-shadow: 0 0 10px 2px #767676;
    height: 40px;
    left: 50%;
    margin-left: -15px;
    position: absolute;
    top: 45%;
    width: 40px;
}

.centraliza {
    height: 40px;
    position: absolute;
    top: 45%;
    width: 100%;
    text-align: center;
    margin-left: -15px;
    
}

#preloaderStatus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    animation: 1s linear 0s normal none infinite spin;
    background: none repeat scroll 0 0 transparent;
    border-color: #fff transparent #fff #fff;
    border-image: none;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 0 25px 2px #ccc;
    height: 44px;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 44px;
    -webkit-transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    pointer-events: none;
    z-index: 2;
}

.spin {
    -webkit-animation: rotation 1.0s linear infinite;
    animation: rotation 1.0s linear infinite;
    -webkit-transform: translateX(100%) translateY(-100%) rotate(45deg);
    transform: translateX(100%) translateY(-100%) rotate(45deg);
}

@-webkit-keyframes rotation {
    0%      { -webkit-transform: rotate(0deg); }
    50%     { -webkit-transform: rotate(180deg); }
    100%    { -webkit-transform: rotate(360deg); }
}

@keyframes rotation {
    0%      { transform: rotate(0deg); }
    50%     { transform: rotate(180deg); }
    100%    { transform: rotate(360deg); }
}

.details table{width:100%;}

.details table td{background: #ffffff; border: 1px solid #f4f4f4 !important;}

.dataTables_info{display: none;}


.div-modulo{
    height: 146px;
    position: absolute;
    background: url("../images/desenvolvimento2.png") no-repeat center;
    top: 200px;
    left: 0;
    right: 0;
    bottom: 0;
}

.mensagem-login{padding: 5px 25px; background: #ffffff; border-radius: 20px; font-size: 16px; color: #ff0000; text-align: center; position: relative; margin: 0 auto 6px;}

.mensagem-login i{color: #ffaa00; position: absolute; right: 10px; top: 8px; cursor: pointer;}

.titulo-alerta{color: #999;}

.titulo-alerta i{font-size: 24px; color: #ffaa00;}

.text-center{text-align: center; padding: 36px 13px 20px 13px;}

.btn-alerta{padding: 5px 20px;}

.btn-center{text-align: center; padding: 10px;}

.tab-cont-verba{background: #f1f2f7 !important;}

.user-logins{font-size: 14px; font-weight: bold; color: #0087dc; padding: 4px 0; text-align: center}

.user-logins i{font-size: 20px;}

.num-users{color: #ffffff; background: #0087dc; border-radius: 50%; font-size: 17px; display: inline; line-height: 45px;}

.tree-carac{padding: 11px 8px;}

.two-carac{padding: 9px 11px;}

.one-carac{padding: 7px 15px;}

.equipes{color: #f0823f !important;}

.num-equipes{background: #f0823f !important;}

.incluir{padding: 7px 9px;}

.incluir-txt{cursor: pointer;}

.form-busca{width: 79%; padding: 5px; color: #9a9a9a; border: 2px solid #a5a5a5; border-radius: 6px; margin: 5px;}

.bt-search{padding: 6px; background:#a5a5a5; color: #fff;  border-radius: 6px; display: inline;}

.div-table{width: 100%; min-height: 60px; border-radius: 10px; border: 1px solid #ddd; position: relative; float: left;}

div.img-user{border-collapse: unset;border-spacing: 0;width: 96px; height: 96px; border-radius: 50%; -webkit-border-radius: 50% !important; border-radius: 50% !important; float: left; overflow: hidden; margin: 5px; position: absolute; }

.img-user img{width: 96px; height: auto;}

.img-projetos{width: 90px !important; height: 90px !important; background: #fff; border-radius: 5px; float: left; overflow: hidden; margin: 5px 5px 5px 10px; position: relative; border:1px solid #ededed; position: absolute;}

.img-projetos img{width: 90px ; height: 90px; position: absolute; margin:auto; top: 0; bottom: 0; left: 0; right: 0;}

.img-projetos-foto{width: 90px !important; height: 53px !important; background: #fff; border-radius: 5px; float: left; overflow: hidden; margin: 5px 5px 5px 10px; position: relative; border:1px solid #ededed; position: absolute;}

.img-projetos-foto img {width: 90px; height: 53px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}

.img-produtos{width: 120px !important; height: 120px !important; background: #fff; border-radius: 5px; float: left; overflow: hidden; margin: 5px 5px 5px 10px; position: relative; border:1px solid #ededed; }

.img-produtos img{width: 120px ; height: 120px; position: absolute; margin:auto; top: 0; bottom: 0; left: 0; right: 0;}

.desc-user{float: left; margin: 20px 0px 0 11px; width: 100%; height: 90px;}

.desc-user  span{margin-left:110px;}

.desc-nome{font-size:18px; font-weight: bold; }

.desc-projeto{float: left; margin: 20px 0px 0 11px; width: 100%; height: 90px;}

.desc-projeto span{margin-left:100px;}

.table-user td{vertical-align: middle !important;}

.icon-table{padding: 6px 7px; background: #fff; border-radius: 5px; vertical-align: middle; color: #333; border:1px solid #ccc; font-size: 19px; cursor: pointer; margin: 2%;}

.icon-table2{padding: 6px 11px; background: #fff; border-radius: 5px; vertical-align: middle; color: #333; border:1px solid #ccc; font-size: 19px; cursor: pointer; margin: 2%;}

.form-horas{width: 98%; margin: auto; border-bottom: 1px solid #ededed; padding: 0px 10px 15px 0px;}

.hora-left{float: left; margin-top: 19px;}

.time-jornada{float: left; margin: 26px 5px 0;}

.hora-right{float: right;}

.horas-text{float: left; margin:-30px 0 0 48px;}

.form-time{width: 100px;}

.topo-user{height: auto; font-size: 20px; padding: 5px 15px;}

.busca-user{width: 280px; float: right; padding: 10px; margin: 10px;}

.form-busca-user{width: 220px !important; float: left !important;}

.back-off{background: #f1f2f7 !important;}

.radius-aba{background: #f1f2f7 !important;}

.abas-div{margin:0;}

.icon-blue{width: 60px; height: 60px; text-align: center; color: #fff; background: #0087dc; float: left; padding-top: 18px; font-size: 24px; border-radius:50%; margin-top: 38px;}

.text-left{float: left; margin-left: 10px; margin-top: 6px; margin-bottom: 10px;}

.invest-text{font-size: 24px; font-weight: bold; text-align: left;}

.invest-text span{font-size: 16px;}

.invest-text a{color:#0087dc;}

.invest-text2{font-size: 9px; color:#9a9a9a; text-align: left;}

.invest-text3{font-size: 11px; color:#73b0e7; border-top: 1px solid #c4e3f7; display: none;}

.invest-text3 span{font-size: 11px;}

.icon-pink{width: 60px; height: 60px; text-align: center; color: #fff; background: #ffa0a0; float: left; padding-top: 18px; font-size: 24px; border-radius:50%; margin-top: 52px;}

.invest-text-pink{font-size: 24px; color:#ffa0a0; font-weight: bold;}

.invest-text-pink span{font-size: 16px;}

.invest-text2-pink {font-size: 11px; text-align: left;}

.cf th {cursor:pointer;}

.graf-vi{float: left; margin-left:20px;}

.text-left2{float: left; margin:29px 0 29px 10px;}

.icon-blue2{width: 60px; height: 60px; text-align: center; color: #fff; background: #0087dc; float: left; padding-top: 18px; font-size: 24px; border-radius:50%; margin-top: 27px; margin-left: -10px;}

.icon-amar{width: 60px; height: 60px; text-align: center; color: #fff; background: #fdd856; float: left; padding-top: 20px; font-size: 24px; border-radius:50%; margin-top: 52px; margin-left: -10px;}

.text-left3{float: left; margin:33px 0 33px 10px;}

.invest-text-amar{font-size: 24px; color:#fdd856; font-weight: bold; text-align: left;}

.invest-text-amar2{font-size: 11px; color: #9a9a9a; text-align: left;}

.invest-text-amar2:last-child{border-bottom: 0;}

.silver{background: none !important; color: #9a9a9a !important;}

.div-table-graf{width: 100%; height: 100%; margin-top: 10px; position: relative; overflow: hidden; }

.div-table-graf2{width: 48%; height: 100%; margin-top: 10px; margin-bottom: 17px; text-align: center; float: left; border-right: 1px solid #ccc; position: relative;}

.div-table-graf2:last-child{border:0;}

.div-table-graf3{width: 100%; margin-top: 10px; text-align: center; position: relative;}

.div-table-graf3 img{width: 100%;}

.div-table-graf4{width: 100%; min-height: 396px; margin-top: 10px; position: relative;}

.cor1-graf{color:#0087dc; float: left;}

.cor1-graf div{width: 10px; height: 10px; margin: 5px; border-radius: 50%; background: #0087dc; float: left;}

.cor2-graf{color:#ffa3a3; float: left;}

.cor2-graf div{width: 10px; height: 10px; margin: 5px; border-radius: 50%; background: #ffa3a3; float: left;}

.cor3-graf{color:#ff9d2a; float: left;}

.cor3-graf div{width: 10px; height: 10px; margin: 5px; border-radius: 50%; background: #ff9d2a; float: left;}

.cor4-graf{color:#ffc600; float: left;}

.cor4-graf div{width: 10px; height: 10px; margin: 5px; border-radius: 50%; background: #ffc600; float: left;}

.graf-inv-mid1{width:40%; border-right: 1px solid #ccc; float: left; text-align: center;}

.graf-inv-mid2{width:59%; float: left; text-align: center;}

.abas-int .active a{background:#f1f2f7 !important;}

.abas-int .active:hover{background:#f1f2f7 !important;}

.fd-cv{background:#f1f2f7 !important;}

.fd-cv2{background:#eee !important;}

.cont-aba{margin-top: 0;}

.img-graf-prov{width: 80%; height: auto; padding-top: 10%;}

.img-graf-prov2{width: 80%; height: auto; padding: 37.8% 0;}

.img-graf-prov3{width: 100%; height: auto;}

.top-filtro-resumo{min-height: 100px !important;  }

.top-filtro-resumo h1{width: 100%; margin-top: -11px !important;}

.top-filtro-resumo2{min-height: 100px !important;  }

.top-filtro-resumo2 h1{width: 100%; margin-top: 0px !important;}

.bt-trimestre-mensal{width:100%; margin: 10px 0;}

.bt-trimestre-mensal .ativo{background: #cdeffb; color: #58c9f3;}

.bt-trim{width:50%; background: #e9f8fd; color: #b0e2fb; font-size: 16px; text-align: center; padding: 10px 0; float: left; border-radius: 10px 0 0 10px; border-right: 1px solid #fff; cursor: pointer;}

.bt-men{width:50%; background: #e9f8fd; color: #b0e2fb; font-size: 16px; text-align: center; padding: 10px 0; float: right; border-radius: 0 10px 10px 0; cursor: pointer;}

.bt-tri-men-slide{width:100%; margin-top:12px; }

.bt-tri-men-slide button{width:100% !important; height: 57px;}

.panel-filter{margin-bottom: 0px !important;}

.panel-filter2{margin-top: -137px !important;}

.setaleft{position: absolute; top: 15px; left:5px;}

.setaright{position: absolute; top: 15px; right:5px;}

.valor-saldo{width:100%; margin: 15px 0; font-size: 26px; color: #58c9f3; font-weight: bold; text-align: center;}

.valor-saldo .span-valor{font-size: 18px; width: 100%; margin: 27px 0 0 0;}

.icon-amar-2{width: 60px; height: 60px; text-align: center; color: #fff; background: #fdd856; float: left; padding-top: 18px; font-size: 24px; border-radius:50%; margin-top: 17px; margin-left: -10px;}

.invest-text-amar-2{font-size: 16px; color:#fdd856; font-weight: bold; text-align: left;}

.invest-text-amar-2 span{font-size: 12px;}

.invest-text-amar-5{font-size: 16px; color:#ffa0a0; font-weight: bold; text-align: left;}

.invest-text-amar-5 span{font-size: 12px;}

.text-left-amar-2{float: left; margin-left: -5px; margin-top: 20px; margin-bottom:15px;}

.text-left-amar-4{float: left; margin-left: 0px; margin-top: -11px; margin-bottom:-8px;}

.icon-blue-2{width: 60px; height: 60px; text-align: center; color: #fff; background: #0085df; float: left; padding-top: 18px; font-size: 24px; border-radius:50%; margin-top: 17px; margin-left: -10px;}

.invest-text-blue-2{font-size: 24px; color:#0085df; font-weight: bold;}

.invest-text-blue-2 span{font-size: 16px;}

.text-left-blue-2{float: left; margin-left: 10px; margin-top: 20px; margin-bottom: 15px;}

.text-left-amar-3{float: left; margin-left: -5px;  margin-top: -25px;}

.invest-text-amar-3{font-size: 24px; color:#ffb500; font-weight: bold;}

.invest-text-amar-4{font-size: 24px; color:#886ad6; font-weight: bold;}

.invest-text-amar-4 span{font-size: 16px;}

.graf-vi2{float: left; margin-right:10px; display: none;}

.icone-formulario{display: block !important; padding: 9px 21px 9px 8px; text-align: center !important; position: absolute !important;}

.form-icone{margin-left: 30px;}

.div-form-icon{width: 95%;}

.icon-informacao{font-size: 16px; cursor: pointer; margin: -8px 0 0 -8px; position: absolute; display: block; color:#999; }

.graf-vi{display: none;}

.donut-comp{width: 100%;}

.graf-comp{width: 100%;}

.graf-comp-img{width: 100%; height: auto;}

.div-carousel-graf{margin-top:10px;}

.div-item-graf{margin-left:2.5%; width:95%; height:280px;}

.select-type1  {
    border: 1px solid #ededed;
    color: #ccc;
    font-size: 18px;
    margin: 4px 0;
    background: #fdfdfd;
    width: 223px;
}

.select-type1 span{color: #666; font-weight: bold;}

.selects-type i{width: 17px;}

.select-type1 .fa-circle-o:before{content: "\f096";}

.select-type1:hover, .select-type1:focus, .selects-type .active {
    background-color: #f9f9f9;
    border: 1px solid #ededed;
    color: #999;
}
.selects-type {
    margin-bottom: -1px;
}
.selects-type .active .fa-circle-o:before{
    content: "\f046";
}
.bt-margin-bottom{margin: -8px 15px 0 0;}

.titulo-base{padding: 5px; float: left; margin: 2px; font-size: 20px;margin-top: 6px;}

.titulo-base2{float: left; font-size: 14px;}

.topo-ferramentas{float: right; margin: 2px;}

.topo-ferramentas2{float: right; margin-top: 15px;}

.topo-ferramentas .btn{margin: 2px 0;}

.atualizar{width: 140px;}

.grafic-center{display: inline-block;}

.center-inline-block{text-align: center;}

.dropdown-menu{z-index: 1051 !important;}

.modal .modal-body{padding-bottom: 50px;}

.data-busca{position: absolute; width: 250px; top: 48px;}

.bt-data-busca{position: absolute; right: -42px; top: 0px;}

.top-swot{min-height: 100px !important;}

.top-swot h3{width: 100%; margin-top: -5px;}

.top-swot .wtt-mark {
    color:rgba(255,255,255,0.15);
    font-size:80px;
    position:absolute;
    top:10px;
    left:45%;
}

.div-swot-overflow{width: 100%; height: 160px; overflow-y:auto;}

.bt-add-top{margin-top:-8px;}

.list-lg{width: 80%; margin-left:10%;}

.img-list-img{width: 135px; height: 135px; border: 1px solid #ededed; display: inline-block; overflow: hidden; position: relative;}

.img-list-img img{width:100%;}

.nav-car-lg{bottom: -32px}

.div-green-lg{background: #99cce3; padding: 10px 15px; color: #fff !important; margin-left:5px;}

.top-metas{height: 58px; border-radius: 7px 5px 0 0; color: #fff;}

.top-metas h3{width: 100%; margin-top:0; font-size: 18px; padding: 20px 0 0 0; }

.top-metas .wtt-mark {
    color:rgba(255,255,255,0.15);
    font-size:80px;
    position:absolute;
    top:0;
    left:40%;

}

.fechar-hover{color: #8a8a8a; cursor: pointer; margin-top: 3px; opacity: 0; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position: absolute; top: 5px; right: 5px;}

.div-fechar-hover{cursor: pointer; width: 100%; text-align: center; margin-bottom: 0px; position: relative;}

.div-fechar-hover:hover .fechar-hover{opacity: 1; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.table-border-right td{border-right: 1px solid #ddd;}

.table-border-right th{border-right: 1px solid #ddd;}

.table-border-right td:last-child{border-right: 0;}

.table-border-right th:last-child{border-right: 0;}

.icon-cal{margin-top: 5px; cursor: pointer; color: #ccc  !important;}

.icon-cal:hover{color: #41b6e2!important;}

div .popover{color: #8a8a8a !important; font-size: 11px;z-index: 1000;display: inline-block;}

.user-who{margin-bottom:0px;}

.div-overflow-tp{width: 100%; height: 100px; overflow-y: auto; padding: 5px;}

.div-overflow-tp2{width: 100%; height: 71px; overflow-y: auto; padding: 5px;}



/*::::::::::::::::INICIO Cores diversas::::::::::::::::::::::::*/

.cl-{color: #666; border-color:#5c5c5e;}
.cl-1{color: #428bca; border-color:#428bca;}
.cl-2{color: #5cb85c; border-color:#5cb85c;}
.cl-3{color: #5bc0de; border-color:#5bc0de;}
.cl-4{color: #f0ad4e; border-color:#f0ad4e;}
.cl-5{color: #d9534f; border-color:#d9534f;}
.cl-6{color: #1fb5ad; border-color:#1fb5ad;}
.cl-7{color: #980401; border-color:#980401;}
.cl-8{color: #2932a1; border-color:#2932a1;}
.cl-9{color: #29a13a; border-color:#29a13a;}
.cl-10{color: #70a129; border-color:#70a129;}
.cl-11{color: #a1a029; border-color:#a1a029;}
.cl-12{color: #c6771a; border-color:#c6771a;}
.cl-13{color: #b22424; border-color:#b22424;}
.cl-14{color: #282856; border-color:#282856;}
.cl-15{color: #d38bf4; border-color:#d38bf4;}
.cl-16{color: #8b9af4; border-color:#8b9af4;}
.cl-17{color: #959595; border-color:#959595;}
.cl-18{color: #00f6ff; border-color:#00f6ff;}
.cl-19{color: #ff47ec; border-color:#ff47ec;}
.cl-20{color: #8400ff; border-color:#8400ff;}
.cl-21{color: #ffbebe; border-color:#ffbebe;}


.cl--bg{background: rgba(128, 128, 128, 0.1); color: #666;}
.cl-1-bg{background:rgba(66, 139, 202,0.1); color: #428bca;}
.cl-2-bg{background:rgba(92, 184, 92,0.1); color: #5cb85c;}
.cl-3-bg{background:rgba(91, 192, 222,0.1); color: #5bc0de;}
.cl-4-bg{background:rgba(240, 173, 78,0.1); color: #f0ad4e;}
.cl-5-bg{background:rgba(217, 83, 79,0.1); color: #d9534f;}
.cl-6-bg{background:rgba(31, 181, 173,0.1); color: #1fb5ad;}
.cl-7-bg{background:rgba(152, 4, 1,0.1); color: #980401;}
.cl-8-bg{background:rgba(41, 50, 161,0.1); color: #2932a1;}
.cl-9-bg{background:rgba(41, 161, 58,0.1); color: #29a13a;}
.cl-10-bg{background:rgba(112, 161, 41,0.1); color: #70a129;}
.cl-11-bg{background:rgba(161, 160, 41,0.1); color: #a1a029;}
.cl-12-bg{background:rgba(198, 119, 26,0.1); color: #c6771a;}
.cl-13-bg{background:rgba(178, 36, 36,0.1); color: #b22424;}
.cl-14-bg{background:rgba(40, 40, 86,0.1); color: #282856;}
.cl-15-bg{background:rgba(211, 139, 244,0.1); color: #d38bf4;}
.cl-16-bg{background:rgba(139, 154, 244,0.1); color: #8b9af4;}
.cl-17-bg{background:rgba(149, 149, 149,0.1); color: #959595;}
.cl-18-bg{background:rgba(0, 246, 255,0.1); color: #00f6ff;}
.cl-19-bg{background:rgba(255, 71, 236,0.1); color: #ff47ec;}
.cl-20-bg{background:rgba(132, 0, 255,0.1); color: #8400ff;}
.cl-21-bg{background:rgba(255, 190, 190,0.1); color:#ffbebe;}

.cl--bg-dark{background:#999999 !important; color: #fff;}
.cl-1-bg-dark{background:#428bca !important; color: #fff;}
.cl-2-bg-dark{background:#5cb85c !important; color: #fff;}
.cl-3-bg-dark{background:#5bc0de !important; color: #fff;}
.cl-4-bg-dark{background:#f0ad4e !important; color: #fff;}
.cl-5-bg-dark{background:#d9534f !important; color: #fff;}
.cl-6-bg-dark{background:#1fb5ad !important; color: #fff;}
.cl-7-bg-dark{background:#980401 !important; color: #fff;}
.cl-8-bg-dark{background:#2932a1 !important; color: #fff;}
.cl-9-bg-dark{background:#29a13a !important; color: #fff;}
.cl-10-bg-dark{background:#70a129 !important; color: #fff;}
.cl-11-bg-dark{background:#a1a029 !important; color: #fff;}
.cl-12-bg-dark{background:#c6771a !important; color: #fff;}
.cl-13-bg-dark{background:#b22424 !important; color: #fff;}
.cl-14-bg-dark{background:#282856 !important; color: #fff;}
.cl-15-bg-dark{background:#d38bf4 !important; color: #fff;}
.cl-16-bg-dark{background:#8b9af4 !important; color: #fff;}
.cl-17-bg-dark{background:#959595 !important; color: #fff;}
.cl-18-bg-dark{background:#00f6ff !important; color: #fff;}
.cl-19-bg-dark{background:#ff47ec !important; color: #fff;}
.cl-20-bg-dark{background:#8400ff !important; color: #fff;}
.cl-20-bg-dark{background:#ffbebe !important; color: #fff;}

/*::::::::::::::::FIM Cores diversas::::::::::::::::::::::::*/

.header-cl{margin: -10px -10px 10px -10px; padding: 10px; border-radius: 5px 5px 0 0;}

.img-mkt{width:80%; height: auto; overflow: hidden; margin-bottom: 10px; padding: 5px; background: #fff; display: inline-block;}

.img-mkt img{width:100%; height:auto;}

.icon-check{width: 90%; float: left; padding: 10px; border-radius: 0 0 5px 5px; cursor: pointer; margin: -9px 0 0 0; text-align: center; background: #fff;  font-weight: bold;  }

.icon-check i{font-size: 24px;}

.tit-aprovacao{width:90%; text-align:center; padding:12px; border-radius:5px 5px 0 0; color:#fff; font-weight: bold;}

.text-left-imp{text-align: left !important; padding: 5px; border-radius: 4px;}

.text-left-imp:hover{background: rgba(255,255,255,0.7);}

/*.update-img:hover{background: #000;}

.update-img img{opacity: 1; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.update-img:hover img{opacity: 0.4; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; }*/

.update-img:hover:before{
    content: "";
    display: inline-block;
    background: rgba(0, 0, 0,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    opacity: 1;
}

.update-img .fechar-img{background: rgba(255,255,255, 0.6); padding: 10px; border-radius: 50%; position: absolute; top: 50%; margin:-14px 0 0 12px;  left: -50%;  z-index: 2; color: #fff; cursor: pointer; display: inline-block; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.update-img:hover .fechar-img{left: 50%; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.update-img:hover .fechar-img:hover{color: #0052ae;}

.update-img .editar-img{background: rgba(255,255,255, 0.6); padding: 10px; border-radius: 50%; position: absolute; top: 50%; margin:-14px 0 0 -38px;  left: 150%;  z-index: 2; color: #fff; cursor: pointer; display: inline-block; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.update-img:hover .editar-img{left: 50%; -moz-transition:all .3s ease-in-out; -o-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}

.update-img:hover .editar-img:hover{color: #0052ae;}

.img-user-monitoramento{max-width: 150px; max-height: 150px; overflow: hidden;}

.img-user-monitoramento img{width: 100%; height: auto;}

.top-filtro-resumo3{min-height: 50px !important;  }

.top-filtro-resumo3 h1{width: 100%; margin-top: 0px !important;}

.top-filtro-resumo4{min-height: 30px !important;  }

.top-filtro-resumo4 h1{width: 100%; margin-top: -12px !important; margin-bottom: 14px !important;}

.saldo-text{color: #58c9f3; font-size: 18px; font-weight: bold; margin-bottom: -3px; margin-top: 17px;}

.saldo-text2{color: #58c9f3; font-size: 18px; font-weight: bold; margin-bottom: -5px; margin-top: 25px;}

.icon-verba {
    width:30px;
    height:30px;
    display:inline-block;
    line-height:30px;
    text-align:center;
    font-size:15px;
    background:#0087dc;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    float:left;
    margin-right:10px;
    color:#fff;
}

.icon-investimento {
    width:30px;
    height:30px;
    display:inline-block;
    line-height:30px;
    text-align:center;
    font-size:15px;
    background:#ffa0a0;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    float:left;
    margin-right:10px;
    color:#fff;
}

.icon-qtd {
    width:30px;
    height:30px;
    display:inline-block;
    line-height:30px;
    text-align:center;
    font-size:15px;
    background:#fdd856;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    float:left;
    margin-right:10px;
    color:#fff;
}

.icone-circ {
    width:40px;
    height:40px;
    display:inline-block;
    line-height:40px;
    text-align:center;
    font-size:16px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    float:left;
    margin-right:10px;
    color:#fff;
}

.icone-circ2 {
    width:30px;
    height:30px;
    display:inline-block;
    line-height:30px;
    text-align:center;
    font-size:14px;
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    float:left;
    margin-right:10px;
    color:#fff;
}

.width-text-veic{width: 186px;}

.margin-itens{margin: 20px 0;}

.margin-itens2{margin: 4px 0;}

.margin-top-10{margin-top: 10px;}

.margin-top-20{margin-top: 20px;}

.circ-cont{width: 30px; height: 30px; display: inline-block; line-height: 30px; text-align: center; border-radius: 100%; float: left; background: #57c8f1; color: #fff; }

.text-cont-qtd{float: left; margin: 6px 0 0 6px; color: #57c8f1; }

.text-cont-qtd2{float: left; margin: 2px 20px 0 6px; color: #57c8f1; }

.cont-dados-rede{float: left;}

.cont-bt-redes{position: absolute; width: 100%; height: 100%; background: #ff00ff;}

.div-vertical-middle{display: table-cell; vertical-align: middle; text-align: center;}

.text-verba-mens{font-size: 19px; margin: 14px 0 0 0; color: #9a9a9a;}

.text-verba-mens span{font-size: 14px; }

.border-div{border-bottom: 1px solid #ccc; padding-bottom: 15px;}

.border-div2{border-bottom: 1px solid #ccc; padding-bottom: 2px;}

.border-div3{border-bottom: 1px solid #ccc; padding-bottom: 8px;}

.width-200px{min-width: 200px; margin-left:-10px; }

.font-verba2{font-size: 18px !important;}

.border-semana{ width:100%; border-left: 1px solid; border-top: 1px solid;  padding: 10px; border-radius:20px 0 0 0;}

.semana-segunda{border-color:#ffc600; color:#ffc600 }
.semana-terca{border-color:#70c342; color:#70c342;}
.semana-quarta{border-color:#da3709; color:#da3709;}
.semana-quinta{border-color:#007ac8; color:#007ac8;}
.semana-sexta{border-color:#dc466a; color:#dc466a;}
.semana-sabado{border-color:#1bb4ac; color:#1bb4ac;}
.semana-domingo{border-color:#cba4f0; color:#cba4f0;}

.border-white-semana{width: 97%; height: 2px; margin:-11px -10px 0 0px; float: right; background: #fff;}

.header-semana{width: 100%; height: 60px; padding: 5px; border-bottom: 1px solid;}

.data-semana{float: left;}

.data-semana .dia-semana{font-size: 30px; display: block; margin-top: -7px;}

.data-semana .dia-data{font-size: 21px; display: block; margin-top: -11px;}

.seta-semana{float: right; padding:11px 15px; background: #f4f4f4; border-radius:10px; color: #a6a6a6; cursor: pointer; margin-top:7px;}

.publicacao-hora{width:100%; margin: 10px 0;}

.publicacao-hora-header{width:100%; padding: 10px;}

.hora-publicacao{float: left; margin: 4px 0 0 0; font-size: 16px; }

.tipo-publicacao-hora{float: right; margin: 4px 0 0 0; font-size: 16px; font-weight: bold;}

.conteudo-publicacao{width: 100%; padding: 10px; position: relative;}

.ul-cont-pub{width: 100%; height: 80%; list-style: none; margin: 0; padding: 0;}

.table-div{display: table;}

.table-div-cell-sem{display: table-cell; padding: 10px; vertical-align: top;}

.table-div .table-div-cell-sem:nth-child(1){width: 35%; border-right: 1px solid;}

.table-div .table-div-cell-sem:nth-child(2){width: 30%; border-right: 1px solid;}

.table-div .table-div-cell-sem:nth-child(3){width: 35%;}

.traco-icone-semana{width: 100%; position:relative;}

.traco-semana{width: 100%; height: 1px; margin: 10px 0 0 0;}

.icone-semana{padding: 7px 12px; font-size: 21px; border-radius: 50%; border: 2px solid #fff; float: left; position: absolute; margin: -22px 0 0 42%; cursor: pointer;}

.seta-semana-traco{font-size: 18px; position: absolute; right: 0px; margin-top: -8px; }

.conteudo-semana-cell{width: 100%; margin: 30px 0 10px 0; font-size: 12px;}

.conteudo-semana-cell h3{width: 100%; margin: 10px 0; font-size: 16px;}

.img-semanal{width: 100%; margin: 10px 0; position: relative; overflow: hidden;}

.img-cliente{width: 100%; position: relative; overflow: hidden;}

.img-semanal img{width: 100%; height: auto;}

.img-publicacoes{width: 100% !important; background: #fff; border-radius: 5px; overflow: hidden; margin: 5px 5px 5px 10px; position: relative; border:1px solid #ededed; }

.img-publicacoes img{width: 100% !important; height: auto; margin:auto;}

.aguardando-icone{padding: 7px 9px; background: #ffc600; border-radius: 50%; color: #fff; font-size: 36px; margin:10px; cursor: pointer;}

.aguardando-icone:before{content: "\f017"}

.reprovado-icone{padding: 7px 9px; background: #cd2727; border-radius: 50%; color: #fff; font-size: 36px; margin:10px; cursor: pointer;}

.reprovado-icone:before{content: "\f05e"}

.aprovado-icone{padding: 7px 9px; background: #4cb114; border-radius: 50%; color: #fff; font-size: 36px; margin:10px; cursor: pointer;}

.aprovado-icone:before{content: "\f05d"}

.bt-publicado{padding:10px; width: 100%; border: 0; border-radius: 4px; font-size: 14px; background: #4cb114; color: #fff; margin-top: 20px;}

.bt-publicado:hover{background: #70c342; color: #fff;}

.bt-npublicado{padding:10px; width: 100%; border: 0; border-radius: 4px; font-size: 14px; background: #bebebe; color: #fff; margin-top: 20px;}

.bt-npublicado:hover{background: #ccc; color: #fff;}

.bt-aprovacaopendente{padding:10px; width: 100%; border: 0; border-radius: 4px; font-size: 14px; background: #bebebe; color: #fff; margin-top: 20px;}

.bt-aprovacaopendente:hover{background: #ccc; color: #fff;}

.bt-aprovado{padding:10px; width: 100%; border: 0; border-radius: 4px; font-size: 14px; background: #4cb114; color: #fff; margin-top: 20px;}

.bt-aprovado:hover{background: #70c342; color: #fff;}

.bt-reprovado{padding:10px; width: 100%; border: 0; border-radius: 4px; font-size: 14px; background: #F00; color: #fff; margin-top: 20px;}

.bt-reprovado:hover{background: #b22424; color: #fff;}

.header-monit{width: 100%; padding: 22px 15px; border-top-right-radius: 3px; border-top-left-radius: 3px;}

.header-monit-left{float:left; margin:-10px 0 0 0;}

.header-monit-right{float:right; margin:-10px 0 0 0;}

.header-facebook-monit{font-size: 14px;font-weight: 400;background:#47639e;text-transform: uppercase; color: #fff;}

.cont-monit{width: 100%; padding: 10px 15px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}

.cont-facebook-monit{font-size: 12px; background:#e2e9f7; color: #47639e;}

.traco-monitoramento{width: 1px; height: 100%; margin: 0 0 0 33.33333333333333%; position: absolute; opacity: 0.2;}

.background-facebook{background:#47639e;}

.div-pos-relative{position: relative;}

.text-pub-com{width: 100%; margin: 10px 0;}

.icone-mon1{padding: 10px 18px; margin-bottom:20px;  text-align: center; color: #fff; font-size: 16px; float:left; border-radius:50%; cursor:pointer; }

.icone-mon1 span{width: 100%; display: block;}

.icone-mon2{padding: 10px 18px; margin-bottom:20px; text-align:center; color: #fff; font-size: 16px; border-radius:50%; cursor:pointer; display: inline-block;}

.icone-mon2 span{width: 100%; display: block; }

.icone-mon3{padding: 10px 18px; margin-bottom:20px; text-align:center; color: #fff; font-size: 16px; float:right; border-radius:50%; cursor:pointer;}

.icone-mon3 span{width: 100%; display: block; }

.back-facebook2{background: #c4d1ed; color: #47639e; }

.img-redes-mon{width: 120px; height: 120px; border-radius: 50%; float: left; overflow: hidden;}

.img-redes-mon img{width: 100%; height: auto;}

.div-text-mon-left{float: left; width: auto; margin: 0 0 0 10px;}

.tit-mon{margin: 10px 0 0 0; display: block; font-size: 16px;}

.tit-mon2{margin: 30px 0 0 0; display: block; font-size: 16px;}

.dat-mon{margin: 20px 0 0 0; display: block; font-size: 11px;}

.text-mon{margin: 20px 0 0 0; display: block; font-size: 12px;}

.bt-acao-mkt{width: 70%; margin-left: 15%;}

.bt-facebook-mon{background: #47639e; color: #fff;}

.bt-facebook-mon:hover{background: #35518c; color: #fff; }

.bt-facebook-mon.active{background: #35518c; color: #fff; }

.div-form-mon{width: 90%; margin: 30px 0 0 5%; float: left;}

.form-mon{width: 90%; float: left; padding: 10px; border: 0; }

.bt-mon-seta{width: 8%; margin-left:2%; padding: 1px; border: 0; float: left; color: #fff; font-size:24px;}

.padding-top-50{padding: 50px 15px;}

.comentarios-div{margin-top: 30px;}

.comentarios-div h3{font-size:18px; width: 100%; margin:0 0 30px 0; padding:0;}

.img-com-mon{width: 80px; height: 80px; float: left; border-radius: 50%; overflow: hidden;}

.img-com-mon img{width: 100%;}

.text-com-mon{float: left; margin-left: 10px;}

.text-com-mon span{margin: 7px 0 0 0; display: block;}

.traco-comen-mon{width: 100%; height: 1px; margin: 10px 0; font-size: 9px;}

.liga-balao-com{width: 100%; padding-left: 70px;}

.comentario-mon-balao{width: 100%; border-radius: 10px; background: #fafafa; color: #9a9a9a; padding:15px 10px; margin-bottom: 30px;}

.margin-top-monitoramento{margin-top: 20px;}

.avaliacao-div{margin: 10px 0 30px 0; }

.star-on{font-size: 24px; color: #009cdd; cursor:pointer;}

.star-off{font-size: 24px; color: #c3c3c3; cursor:pointer;}

.header-twitter-monit{font-size: 14px;font-weight: 400;background:#55acee;text-transform: uppercase; color: #fff;}

.background-twitter{background:#55acee;}

.back-twitter2{background: #d6edff; color: #55acee; }

.cont-twitter-monit{font-size: 12px; background:#f0f9ff; color: #55acee;}

.bt-twitter-mon{background: #55acee; color: #fff;}

.bt-twitter-mon:hover{background: #4093d3; color: #fff; }

.bt-twitter-mon.active{background: #4093d3; color: #fff; }

.header-google-monit{font-size: 14px;font-weight: 400;background:#d95232;text-transform: uppercase; color: #fff;}

.background-google{background:#d95232;}

.back-google2{background: #eec5bc; color: #d95232; }

.cont-google-monit{font-size: 12px; background:#f5e4e0; color: #d95232;}

.bt-google-mon{background: #d95232; color: #fff;}

.bt-google-mon:hover{background: #bf3d1e; color: #fff; }

.bt-google-mon.active{background: #bf3d1e; color: #fff; }

.header-instagram-monit{font-size: 14px;font-weight: 400;background:#1c587e;text-transform: uppercase; color: #fff;}

.background-instagram{background:#1c587e;}

.back-instagram2{background: #cee1eb; color: #1c587e; }

.cont-instagram-monit{font-size: 12px; background:#dcedf6; color: #1c587e;}

.bt-instagram-mon{background: #1c587e; color: #fff;}

.bt-instagram-mon:hover{background: #0a3c5c; color: #fff; }

.bt-instagram-mon.active{background: #0a3c5c; color: #fff; }

.with-160px{width: 160px;}

.margin-bottom-10px{margin-bottom: 10px;}

.div-alcance{width: 90%; margin:30px 5%; float: left; }

.div-proposicao{width:90%; margin:10px 5%; float: left;}

.hover-conc-name{width: 100%; height: 15px;}

.img-perfil-conta{width: 150px; float: left; margin: 10px; border-radius:50%; overflow: hidden;}

.img-perfil-conta img{width: 100%;}

.desc-conta-rs{float: left; margin: 30px 0 0 20px;}



/*::::::::::::::::INÍCIO 'DO' MÍDIAS SOCIAIS::::::::::::::::::::::::*/
.permissoesativadas{margin-left:10px;}

.permissoesativadas .btn-white{background:#ededed; border: 1px #CCC solid !important;}

.permissoesativadas .btn-white i{width:13px;}

.permissoesativadas .btn-white i:before{content: "\f023";}

.permissoesativadas .unlock i:before{content: "\f09c";}

.permissoesativadas .unlock{background:#ffffff; }

.permissaoherdada{color:#F00;}

.img-border-padding{padding: 10px; border: 1px solid #ededed; border-radius:5px;}

.bt-monitoramento-check{background: #cdcdcd; color: #fff;}

.bt-monitoramento-check:hover{background: #57c8f1; color: #fff; }

.bt-monitoramento-check.active{background: #57c8f1; color: #fff; }

.border-bottom{border-bottom: 1px solid #ededed; margin: 5px;}

.border-bottom:last-child{border-bottom:0; margin: 5px;}

.margin-top-div{margin-top: 8px;}

.top-metas-check{height: 48px; border-radius: 5px 5px 0 0; color: #6a6a6a; background: #ededed; border-bottom: 1px solid #fff;}

.top-metas-check h3{margin: -2px 0 0 10px; font-size: 15px; padding: 16px 0 0 0; float: left; font-weight: bold;}

.div-bt-check-abas{float: right; margin: 10px 10px 0 0;}

.row-silver-border-bottom{padding: 10px; background: #f4f4f4; border-bottom: 1px solid #fff;}

.row-silver-border-bottom:last-child{border-bottom:0;}

.rodape-border-radius{border-radius:0 0 5px 5px; background: #ededed; padding: 10px 0; color: #fff; font-weight: bold; border-top: 1px #fff solid;}

.border-white{border: 1px solid #fff;}

.border-right-white{border-right: 1px solid #fff; text-align: center; }

.border-right-white:last-child{border-right:0 }

.rodape-border-radius-blue{padding: 10px; border-radius:0 0 5px 5px;}

.rodape-border-radius-blue .border-right-white{border-right: #fff 1px solid; }

.back-azul-2tons{background: #e3f0f8; color: #2c9cdc;}

.back-vermelho-2tons{background: #ffeeee; color: #d9534f;}

.font-small-check{font-size: 11px; font-weight: normal; color: #6A6A6A; display: block;}

.col-height-30{width: 100%; min-height: 33px; margin-top: 10px;}

.row-line-silver-bottom{border-bottom: 1px solid #ededed; padding: 10px;}

.row-line-silver-bottom:last-child{border-radius: 0 0 5px 5px; border: 0;}

.row-line-blue-bottom{border-bottom: 1px solid #c7ebff; padding: 10px; border-radius: 5px 5px 0 0 ;}

.border-right-blue{border-right: 1px solid #c7ebff;}

.border-right-blue:last-child{border-right: 0;}

.border-right-market{border-right: 1px solid #ededed;}

.border-right-market:last-child{border-right: 0;}

.back-silver-market{background: #fff; color: #999;}

.bg-titulo-market{background: #ededed; font-size: 14px; font-weight: bold; text-align: center; padding: 10px; border-bottom: 1px solid #fff; }

.bg-white{background: #fff;}

.margin-top-check{margin-top:30px;}

.top-metas-tit{background: #5bc0ff; color: #fff;}

.seta-blue{color:#2c9cdc;}

.seta-red{color:#d9534f;}

.tabs-check-color{background:#fff; color:#98e1fc; border-radius: 5px;}

.tabs-check-color .stat-btn{background:#fff; color:#98e1fc; border-radius: 5px;}

.tabs-check-color .active{background:#98e1fc; color:#fff;}

.tabs-check-color2 .stat-btn{background:#fff; color:#f2c896; border-radius: 5px;}

.tabs-check-color2 .active{background:#f2c896; color:#fff;}

.back-green-check{background:#ddefdd; color:#5CB85D; border-bottom: 1px solid #a4e9a4;}

.row-line-green-bottom{border-bottom: 1px solid #a4e9a4; padding: 10px; border-radius: 5px 5px 0 0 ;}

.border-right-green{border-right: 1px solid #5CB85D;}

.border-right-green:last-child{border-right: 0;}

.top-tp-check{height: 48px; border-radius: 5px 5px 0 0; border-bottom: 1px solid #fff;}

.top-tp-check h3{margin: -2px 0 0 10px; font-size: 15px; padding: 16px 0 0 0; float: left; font-weight: bold;}

.traco-check-metas1{width: 1px; height: 77%; margin: 0 0 0 23%; position: absolute;  background: #eee; z-index: 1;}

.traco-check-metas2{width: 1px; height: 77%; margin: 0 0 0 48%; position: absolute; background: #eee; z-index: 2;}

.traco-check-metas3{width: 1px; height: 77%; margin: 0 0 0 73%; position: absolute; background: #eee; z-index: 3;}

.meta-ok{color:#5cb85c; font-size: 15px;}

.meta-off{color:#d9534f; font-size: 15px;}

.traco-check-conc1{width: 1px; height: 44%; margin: 0 0 0 48.6%; position: absolute;  background: #eee; z-index: 1;}

.imagem-mapa{width: 100%; margin-top: 70px;}

.imagem-mapa img{width: 100%}

.row-bottom-line{border-bottom: 1px solid #eeeeee; margin-top: 10px;}

.traco-tp-metas1{width: 1px; height: 40%; margin: 0 0 0 23%; position: absolute;  background: #eee; z-index: 1;}

.traco-tp-metas2{width: 1px; height: 40%; margin: 0 0 0 48%; position: absolute; background: #eee; z-index: 2;}

.traco-tp-metas3{width: 1px; height: 40%; margin: 0 0 0 73%; position: absolute; background: #eee; z-index: 3;}

.border-right-checktp{border-right: 1px solid #eee;}
/*::::::::::::::::FIM 'DO' MÍDIAS SOCIAIS::::::::::::::::::::::::*/

/*::::::::::::::::INICIO 'CHECK' MÍDIAS SOCIAIS::::::::::::::::::::::::*/

.row-100-border-bt{display:inline-block; position: relative; width: 100%; border-bottom: 1px solid #eee; padding: 10px 5px; margin: 10px 5px;}

.graf-check{width: 100%; padding: 10px; height: 245px;}

.graf-check img{width: 100%;}

.graf-check2{width: 80%; padding: 10px; margin-left: 10%; height: 300px}

.graf-check2 img{width: 100%;}

.graf-check3{width: 80%; padding: 10px; margin-left: 10%; display: inline-block; height: 390px;}

.graf-check3 img{width: 100%;}

.ft-perfil-miniatura{width: 50px; border-radius: 5px; margin-right: 10px; border: 1px solid #ccc; cursor: pointer;}

.margin-top-40{margin-top: 40px;}

.imagem-mapa2{width: 80%; margin-top: 30px;}

.imagem-mapa2 img{width: 100%}

.ul-tipo-pub{width: 100%; list-style: none; padding: 0; margin: 0;}

.ul-tipo-pub li{width:25%; float:left; padding:10px; border-right:1px solid #eee;}

.bt-check-av1{margin-left:10px; cursor:default; background: #0085e1; color: #fff;}

.bt-check-av1 i{font-size: 20px;}

.bt-check-av1:hover{color: #fff !important;}

.bt-check-av2{margin-left:10px; cursor:default; background: #ccc; color: #fff;}

.bt-check-av2:hover{color: #fff !important;}

.bt-check-av2 i{font-size: 20px;}

.bt-check-av3{margin-left:10px; cursor:default; background: #ff7a68; color: #fff;}

.bt-check-av3:hover{color: #fff !important;}

.bt-check-av3 i{font-size: 20px;}

.mini-icon-tipo {width: 40px; height: 40px; display: inline-block; line-height: 40px; text-align: center; font-size: 15px; -webkit-border-radius: 100%; -moz-border-radius: 100%;border-radius: 100%;float: left; margin-right: 10px; color: #fff;}

.mini-icon-info{font-size: 12px; padding-top: 2px;}

.mini-icon-info span{display: block; font-size: 17px; font-weight: 600;}

.icon-pos{background: #0085e1;}

.icon-neu{background: #ccc;}

.icon-neg{background: #ff7a68;}

.perc-mon{position: absolute; right: 0; border-radius: 5px; padding: 10px 15px; font-size: 19px; color: #fff; font-weight: bold; top: 19px;}

.perc-mon2{position: absolute;right: 0;border-radius: 5px;padding: 10px 15px;font-size: 15px; color: #fff;font-weight: bold;top: 15px;}

.emb-perfil{width: 40px; float: left; overflow: hidden;; border-radius: 50%;}

.emb-perfil img{width: 100%;}

.leads-perfil{width: 70px; float: left; overflow: hidden;; border-radius: 50%;}

.leads-perfil img{width: 100%;}

.emb-name{float: left; margin:10px 0 0 10px; font-size: 14px; font-weight: bold;}

.perfil-conc{width: 180px;}

.text-align-th th{text-align: center!important; }



/*::::::::::::::::FIM 'CHECK' MÍDIAS SOCIAIS::::::::::::::::::::::::*/


/*::::::::::::::::INÍCIO 'LEADS' MÍDIAS SOCIAIS::::::::::::::::::::::::*/
.mens-leads{width: 250px;}

.tipo-leads{width: 140px;}

.origem-leads{width: 110px;}

.status .green {
    background: #aec785 !important;
}

.status .orange {
    background: #fa8564 !important;
}

.status .tar {
    background: #1fb5ac !important;
}

.status .pink {
    background: #a48ad4 !important;
}

.tr-link{cursor: pointer;}

.small-height{padding: 10px 15px 15px 15px;}

.small-height2{padding: 10px 15px;}

.input-100{width: 100% !important;}

.width-80-center{width: 80%; margin-left: 10%;}

.ft-chat {
    width: 70px;
    display: inline-block;
    text-align: center;
    float: left;
}


.height-auto-chat{height: auto; list-style: none; margin-left: 0; padding: 0; text-align: center;}

.perfil-left{width: 70px; border-radius: 50%; float: left; margin: 10px; overflow: hidden;}

.perfil-left img{width: 70px;}

.balao-right{width:70%; float: left; background: #e2f4ff; padding: 10px; position: relative; margin: 15px 0 0 14px; border-radius: 5px; text-align: left;-webkit-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.07);-moz-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.07);box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.07);}

.balao-right h3{margin:0 0 5px 0; padding: 0; font-size: 14px; color: #5ec1ff; font-weight: bold;}

.balao-right-data{color: #5ec1ff; font-size: 10px;}

.balao-right:after {content: " "; height: 9px; width: 7px; background:url("../images/seta-balao-right.png"); position: absolute; left: -7px; top: 10px;}

.perfil-right{width: 70px; border-radius: 50%; float: right; margin: 10px; overflow: hidden;}

.perfil-right img{width: 70px;}

.balao-left{width:70%; float: right; background: #fafafa; padding: 10px; position: relative; margin: 15px 14px 0 0; border-radius: 5px; text-align: right;-webkit-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.07);-moz-box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.07);box-shadow: 0px 10px 13px 0px rgba(0,0,0,0.07);}

.balao-left h3{margin:0 0 5px 0; padding: 0; font-size: 14px; font-weight: bold;}

.balao-left-data{font-size: 10px;font-weight: bold;margin-bottom: 10px;}

.balao-left:after {content: " "; height: 9px; width: 7px; background:url("../images/seta-balao-left.png"); position: absolute; right: -7px; top: 10px;}

.top-busca{margin-top: -30px;}

.circ-score{width: 60px; height: 60px; background: #26405c; color: #fff;  border-radius: 50%; position: absolute; left: 50%; margin: 96px 0 0 50px; text-align: center; font-size: 18px; font-weight: bold;}

.valor-score{margin-top:10px; margin-bottom: -10px;}

.circ-score span{font-size: 11px; margin-top: 0px;}

.reset-height-alert{margin-bottom: 0; text-align: center;}

.text-mt-7{margin:7px 0; font-weight: bold;}

.reset-float-margin{float: none; margin: 0;}

/*::::::::::::::::FIM 'LEADS' MÍDIAS SOCIAIS::::::::::::::::::::::::*/

.droparea{
    background-color: #fff;
    padding: 100px 50px;
    margin-bottom: 30px;
    border: 5px dashed #F1F2F7;
    border-radius: 3px;
    /*border-image: url('../img/border-image.png') 25 repeat;*/
    text-align: center;
    text-transform: uppercase;

    font-size:16px;
    font-weight:bold;
    color:#7f858a;
}

.droparea a{
    background-color:#0087dc;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}

.droparea a:hover{
    background-color: #0087dc;
}

.droparea input{
    display:none;
}

.dragupload ul{
    list-style:none;
    margin:0;
    /*border-top:1px solid #2b2e31;*/
    /*border-bottom:1px solid #3d4043;*/
}

.dragupload ul li{

    background-color:#F1F2F7;

    /*background-image:-webkit-linear-gradient(top, #333639, #303335);*/
    /*background-image:-moz-linear-gradient(top, #333639, #303335);*/
    /*background-image:linear-gradient(top, #333639, #303335);*/

    /*border-top:1px solid #3d4043;*/
    /*border-bottom:1px solid #2b2e31;*/
    padding:15px;
    height: 80px;

    position: relative;
}

.dragupload ul li input{
    display: none;
}

.dragupload ul li p{
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    color: #0087dc;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

.dragupload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

.dragupload ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

.dragupload ul li span{
    width: 15px;
    height: 12px;
    background: url('../images/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

.dragupload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

.dragupload ul li.error p{
    color: #0087dc;
}

.img-galeria{overflow: hidden; position: relative;}

.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

.mute-icon {
  display: none;
  color: #5D3D34;
  cursor: pointer;
  position: absolute;
  left: 5px;
  top: 38px;
  z-index: 1;
}