/*navbar-template*/
 .icon-circle{
     background-color: #8bc34a;
     border-radius: 100%;
     padding: 1vh;
     margin:0;
 }

 .bg-creditos {
     background-color: #f8fafa;
 }

.bg-creditos a:hover {
    background-color: #f8fafa !important;
}

 .bg-creditos a {
     color: #000000 !important;
 }

 .bg-creditos div {
     margin-top: -2.5px !important;
 }

 .bg-creditos i {
     color: #ffffff;
     margin-right: 1vh;
 }

 .navbar-nav {
     margin: 0 0 0 0px !important;
 }

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

@media screen and (min-width: 1132px){
    .positionRCL {
        text-align: right !important;
    }
}

@media screen and (min-width: 750px){
    .positionRight {
        text-align: right !important;
    }
}

@media screen and (max-width: 766px){
    .positionCenter {
        text-align: left !important;
        display: none;
    }
}

.mb-2 {
    margin-bottom: 2vh !important;
}

/*Menu-Header*/
/*.menu-header {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    *//*background-color: #8bc34a ;*//*
    background-color: #dc3545;
    color: #ffffff;
    *//* padding: 2.5vh 0; *//*
}*/

.menu-header .liEspecial {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8fafa;
    padding: 0.7vh;
}

/*.menu-header .liEspecial .column-1 span {
    font-size: 12pt;
    *//*background-color: #8bc34a;*//*
    background-color: #dc3545;
    padding: 1.2vh;
    border-radius: 100%;
}*/

.menu-header .liEspecial .column-1 {
    text-align: center;
}

.menu-header .liEspecial .column-2 {
    text-align: right;
    color: #262626;
}

.menu-header .liEspecial p {
    padding: 0 1vh;
    margin: 0 0 0 10px;
    font-size: 9pt;
}

.menu-header .liEspecial .column-2 .creditos {
    font-size: 7pt;
}

.menu-header .liEspecial .column-2 .qtdCreditos {
    font-size: 12pt;
    font-weight: 900;
}

.mt-1 {
    margin-top: 1vh;
}

.mb-1 {
    margin-bottom: 1vh;
}

.mt-2 {
    margin-top: 2vh;
}

.mb-2 {
    margin-bottom: 2vh;
}

.conteudo-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
}

/*#login-box-inner {
    padding: 0 !important;
}*/

#login-box {
    min-width: inherit !important;
}

.form-login {
    /*padding: 3vh 1vh !important;*/
    padding: 4vh 1vh !important;
}

/* automation-poc */
@media screen and (max-width: 768px){
    .visibleMobile {
            display: inline;
        }
        .visibleDesktop {
            display: none;
        }

}


@media screen and (min-width: 768px){
    .visibleMobile {
            display: none !important;
        }
        .visibleDesktop {
            display: inline;
        }
}

@media screen and (max-width: 575px){
    .campoPreVisualizacao {
        display: none;
    }
}

/*alinhando elementos ao centro (LISTA DE SIGNATARIOS*/

/*
.cont {
    background-color: lightblue;
}
*/

.cont .conteudo {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    justify-content: flex-start;
    align-items: center;
}

.a {
    grid-column: 1/2;
    text-align: left;
    /*background-color: #ccc;*/
}

.b {
    grid-column: 2/3;
    margin: 1vh 1vh 1vh 0;
}

.c {
    grid-column: 3/4;
     margin-left: 1vh;
}

.d {
    grid-column: 4/5;
    text-align: right;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.d .btn {
    margin: 0 0.5vh !important;
}

@media screen and (max-width: 815px) {
    .cor .conteudo {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
    }
    .cor {
        color: #fff;
    }
    .a {
        grid-column: 1/2;
    }
    .b {
        grid-column: 2/3;
    }
    .c {
        grid-column: 3/5;
    }
    .d {
        grid-column: 1/5;
        text-align: left !important;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
}

@media screen and (max-width: 425px) {
    .cor .conteudo {
        display: grid;
        grid-template-columns: auto auto auto auto;
        justify-content: center;
        align-items: center;
    }
    .cor {
        color: #fff;
    }
    .a {
        grid-column: 1/5;
    }
    .b {
        grid-column: 1/3;
    }
    .c {
        grid-column: 3/5;
    }
    .d {
        grid-column: 1/5;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
}

.main-box h2 {
    margin: auto;
}

.main-box label {
    margin-bottom: 0;
}

/*perfil menu esquerdo*/
#user-left-box {
    padding: 10px 8px 10px 8px;
}

#user-left-box .user-box {
    color: #fff;
    float: none;
    padding-left: 15px;
    margin-left: 50px;
    padding-top: 7px;
}

.table-responsive {
    overflow-x: visible;
    overflow-y: visible;
}

/* media query header > monitoramento */

.filter-block .btn {
    margin-left: 0 !important;
}

.header-monitoramente-mq .filter-block {
    margin-top: 0 !important;
}

.header-monitoramente-mq>*, .form-group{
    margin: 0;
    padding: 0;
}

.header-monitoramente-mq .form-group a{
    margin: 0;
}

.header-monitoramente-mq {
    display: grid;
    grid-template-columns: 30% auto;
    /*background-color: pink;*/
    align-items: center;
    padding: 0 1vh;
    margin-bottom: 2vh;
}

.monitoramento {
    grid-column: 1/2;
    margin: 0.5vh 0 !important;
    display: flex;
    align-items: center !important;
}

.group-buttons {
    grid-column: 2/3;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*margin: 0.5vh 0 !important;*/
}

.filtro {

}

.funcao {

}

.novoDocumento {

}

/* .pesquisa {

} */

@media screen and (max-width: 890px) {
    .header-monitoramente-mq {
        /*background-color: aqua;*/
    }
    .group-buttons {
        grid-column: 2/3;
        display: grid;
        justify-content: flex-end;
        align-items: center;
        grid-template-columns: auto auto;
        margin-top: 1vh !important;
    }
    .filtro {
        grid-column: 1/2;
    }
    .funcao {
        grid-column: 2/3;
    }
    .novoDocumento {
        grid-column: 3/4;
    }
    .pesquisa {
        grid-column: 1/4;
    }
}

@media screen and (max-width: 640px) {
    .header-monitoramente-mq {
        /*background-color: rgb(255, 187, 0);*/
    }
    .group-buttons {
        grid-column: 2/3;
        display: grid;
        justify-content: flex-end;
        align-items: center;
        grid-template-columns: auto auto;
    }
    .filtro {
        grid-column: 1/2;
    }
    .funcao {
        grid-column: 2/4;
    }
    .novoDocumento {
        grid-column: 1/2;
    }
    .pesquisa {
        grid-column: 2/4;
    }
}

@media screen and (max-width: 610px) {
    .header-monitoramente-mq {
        display: grid;
        grid-template-columns: auto;
        /*background-color: rgb(189, 0, 132);*/
        align-items: center;
        padding: 0 1vh;
    }
    .monitoramento {
        grid-column: 1/4;
    }
    .group-buttons {
        grid-column: 1/3;
        display: grid;
        justify-content: flex-start;
        width: 100%;
        align-items: center;
        grid-template-columns: auto;
    }
    .filtro {
        grid-column: 1/4;
        margin-bottom: 1vh;
    }
    .funcao {
        margin-bottom: 1vh;
        grid-column: 1/4;
    }
    .novoDocumento {
        grid-column: 1/4;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 1vh;
    }
    .pesquisa {
        grid-column: 1/4;
        margin-bottom: 1vh;
    }
}

/* assinando documento */
.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 10px;
    border-width: 1px 0 0;
}


/*table responsive ocultando dados no device mobile*/
@media screen and (max-width:820px){
    .table-responsive, .table-responsive .badge {
        font-size: 9pt !important;
    }
    .table-responsive .ocultaMobile {
        display: none;
    }

    .ellipsis-tbody .ellipsis-nomeDocumento {
        white-space: nowrap;
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

@media screen and (max-width:1150px){
    .table-responsive {
        overflow-x: auto;
        overflow-y: hidden;
    }
}

/* canvas assinatura */

.campoAssinatura {
    z-index: 9999;
}


.campoAssinatura #login-box-inner {
    padding: 2px 10px !important;
}

.campoAssinatura #login-box-inner {
    border-bottom-width: 1px;
    margin-bottom: 1vh;
}

.assinaturaDeDocumento h3 span {
    margin-bottom: 1vh;
    border: 0 !important;
    padding: 0;
}

.assinaturaDeDocumento .badge {
    font-size: 9px !important;
}

/*forçando background modal ficar travado*/
.block-single-body-modal body.modal-open {
    overflow: hidden !important;
    position: fixed !important;
}

body.modal-open {
    padding-right: 0 !important;
}
.g-recaptcha iframe {
    width: 500px !important;
    height: 500px !important;
}

/*hover*/
#make-small-nav:hover,
.item a:hover,
.nav-item a:hover,
.profile-dropdown a:hover,
.hidden-xxs a:hover {
    /*background-color: #c666dd !important;*/
}

/* color */
/*.pull-left h1,
.main-box-header h2,
.main-box-header a,
.footer-copyright a {
    color: #dc3545;
}*/

.color-template-ElevaSign a {
    color: #dc3545 !important;
}

.amarelo-bg {
    background-color: #D6EC5A;
}

.marron-bg {
    background-color: #9C271C;
}

.vermelho-bg {
    background-color: #dc3545;
}

.azul-bg {
    background-color: #1878A8;
}

.vermelho-et-0 {
    background-color: #db535c;
}

.vermelho-et-1 {
    background-color: #DB2531;
}

.vermelho-et-2 {
    background-color: #A91A23;
}

.vermelho-et-3 {
    background-color: #80161D;
}

.btn-info {
    color: #ffffff;
}

/*.badge-theme-ElevaSign {
    background-color: #dc3545;
}*/

.scrollDisabled {
    position: fixed;
    margin-top: 0;// override by JS to use acc to curr $(window).scrollTop()
    width: 100%;
}












/* this CSS is not part of the widget, it is here just as an example of the demo page styling.... Don't copy this one, roll your own. One
 * of the key things about the widget is that it allows you to do your own styling!
 */

#editor {
	max-height: 250px;
	height: 250px;
	background-color: white;
	border-collapse: separate;
	border: 1px solid rgb(204, 204, 204);
	padding: 4px;
	box-sizing: content-box;
	-webkit-box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	box-shadow: rgba(0, 0, 0, 0.0745098) 0px 1px 1px 0px inset;
	border-top-right-radius: 3px; border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px; border-top-left-radius: 3px;
	overflow: scroll;
	outline: none;
}
#voiceBtn {
  width: 20px;
  color: transparent;
  background-color: transparent;
  transform: scale(2.0, 2.0);
  -webkit-transform: scale(2.0, 2.0);
  -moz-transform: scale(2.0, 2.0);
  border: transparent;
  cursor: pointer;
  box-shadow: none;
  -webkit-box-shadow: none;
}

div[data-role="editor-toolbar"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dropdown-menu a {
  cursor: pointer;
}

.preload-img {
  transition: opacity 0.4s ease;
  opacity: 1;
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.preload-img--preloading {
  opacity: 0;
  transition: opacity 0s ease;
}

.preload-img__wrap {
  background: cornflowerblue;
  display: inline-block;
  float: left;
}