@import url('https://fonts.googleapis.com/css2?family=Ruda:wght@400..900&display=swap');
.switch-button { width:80px;}
.choices__list--multiple .choices__item {  background-color: #055bbb !important; }
.switch-button label:before { content: "OFFLINE"; }
.switch-button input[type=checkbox]:checked+span label:before { content: "ONLINE";}
body { font-family: 'Ruda'; background-color: #edf0f7!important; }
.sidebar-dark.nav-left-sidebar .navbar-nav .nav-link { color: #FFFFFF; }
.sidebar-dark { background-color: #055bbb !important; color: #FFFFFF; }
.sidebar-dark.nav-left-sidebar .nav-link i { color: #FFFFFF; }
.page-item.active .page-link { background-color: #055bbb;  border-color: #055bbb; }
.tab-regular .nav-tabs .nav-link.active { color: #055bbb; font-weight: 800;}
.navbar-brand { color: #055bbb !important;}
.tox-promotion-link { display: none !important;}
.bkcolor-blue{ background-color: #007bff; }
.color-blue { color: #007bff;}
#thumbnail { width: 100%;}
.error{ border: 1px solid #CE1616; background-color: #FFEFEF;}
#upload .upload{ font-family:verdana; }
#thumbnail{ float:left; }
#save_thumb{ margin-top:30px; }
.pull-right {text-align:right;}
.hidden { display: none;}
.custom-file-upload {
    border: 1px solid #ccc;
    color: #FFFFFF;
    background-color: #007bff;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-weight: normal !important;
}
#fileToUpload { display: none; }

.tox-statusbar__branding { display: none;}
#thumb_preview_holder{
	float:left;
	width:100%;
	height:156px;
	overflow:hidden;
	margin-left:10px;
	margin-top:20px;
}

 #certPreview {
    position: relative;
    width: 100%;
    height: 100vh; /* Ajuste conforme necessário */
    background-color: #ddd; /* Branco para representar a folha A4 */
    border: 1px solid #ddd; /* Adicione bordas para representar as margens da folha A4 */
    padding: 20px; /* Adicione algum espaço interno para melhor aparência */
    box-sizing: border-box; /* Certifique-se de que as bordas e o preenchimento não afetem as dimensões */
    overflow: hidden; /* Evita que o texto ultrapasse as bordas */
}
#selectionBox {
    display: none;
    position: absolute;
    border: 1px dashed #333;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 1; /* Garante que a selectionBox esteja acima do texto */
    resize: both; /* Permite redimensionamento */
    overflow: hidden; /* Evita que o conteúdo da selectionBox ultrapasse os limites durante o redimensionamento */
}

/* Adiciona transparência à imagem de fundo */
#certPreview.transparencia {
    opacity: 0.7; /* Ajuste a opacidade conforme necessário */
}

#certPreview .background-image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.box { border: 1px solid #d2d2e4; padding: 15px;}

.ribbons-text {
    top: 30px !important;
}

.ribbons {
        padding: 55px 17px;
}