body {background-color: #fbfbfb!important;}
select, input, textarea, #conteudoPagina .form-control {background-color: #F4F4F4;border: none;border-bottom: 2px solid #e4e4e4;width: 100%;font-size: 14px;color: #828282;font-family: "Titillium Web", "Arial", "Helvetica", sans-serif;padding: 8px 14px;outline: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
input[type=submit], .botao {color: #316597;background-color: transparent;border: 2px solid #316597;border-radius: 50px;font-weight: 600;font-size: 16px;padding: 6px 12px;display: inline-block;-webkit-transition: all 350ms ease-in-out;-moz-transition: all 350ms ease-in-out;-ms-transition: all 350ms ease-in-out;-o-transition: all 350ms ease-in-out;transition: all 350ms ease-in-out;margin: 20px 0 5px;text-align: center;width: 100%;}
input[type=submit]:hover, .botao:hover {background: #316597;color: #fff;text-decoration: none;}
select:focus, input:focus, textarea:focus, #conteudoPagina .form-control:focus {border-color: #1C82DC;}
label {font-size: 14px;margin: 25px 0 0;font-family: "Titillium Web", "Arial", "Helvetica", sans-serif;}
form :first-child {margin-top: 0;}
#conteudoPagina .form-control:focus {box-shadow: none;}
.botao-preenchido {color: #fff;background-color: #316597;border: 2px solid #316597;border-radius: 50px;font-weight: 600;font-size: 16px;padding: 6px 12px;display: inline-block;-webkit-transition: all 350ms ease-in-out;-moz-transition: all 350ms ease-in-out;-ms-transition: all 350ms ease-in-out;-o-transition: all 350ms ease-in-out;transition: all 350ms ease-in-out;margin: 20px 0 10px;}
.botao-preenchido:hover {background: #316597;color: #fff;opacity: 0.75;text-decoration: none;}
#dadosEmail h2, .titulo-efeito {
    font-weight: 700;
    font-size: 28px;
    font-family: "Titillium Web", "Arial", "Helvetica", sans-serif;
}
#dadosEmail h2::after, .titulo-efeito::after {
    content: '';
    background: transparent url(../img/before.png) center center no-repeat;
    background-size: 100% auto;
    display: block;
    width: 75px;
    height: 16px;
    margin-top: 5px;
    margin-bottom: 20px;
    width: 52px;
    height: 12px;
}
.remover-margem-after::after {margin-bottom: 0!important;}
.dados .boxItem {display: inline-block;margin: 0 25px 0 0;}
.campo-menor {padding: 4px 12px!important;}








.attachment > a, input[type="submit"] {
    color: #316597;
    background-color: transparent;
    border: 2px solid #316597;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    padding: 6px 12px;
    display: inline-block;
}
.attachment > a:hover, input[type="submit"]:hover {
background-color: #316597;
    color: #fff;
    text-decoration: none;
}
#conteudoPagina .tableEmails table thead tr th {
    font-size: 12px;
    border: none;
}
#conteudoPagina .tableEmails table tbody tr:nth-child(even) {
	background-color: #f2f2f2;
}
#conteudoPagina .tableEmails table tbody td {
    font-size: 11px;
    font-weight: 500;
    text-align: left;
    color: #3d5e7b;
    border: none;
}
.fixed-table-container {
    border: none!important;
}
#conteudoPagina .tableEmails table tbody td a {
    background: transparent;
    border: 1px solid #1C82DC;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 3px 14px;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    color: #1C82DC;
    font-family: "Titillium Web", "Arial", "Helvetica", sans-serif;
    text-transform: uppercase;
}
#conteudoPagina .tableEmails table tbody td a:hover {
    background-color: #1C82DC;
    color: #fff;
    text-decoration: none;
}

thead {
    background-color: #316597;
    color: #fff;
    font-size: 15px;
    padding: 0 14px;
    font-weight: 700;
}
tbody tr {
    background-color: #EEEEEE;
    font-size: 13px;
    font-weight: 500;
}
tbody tr:nth-child(even) {
    background-color: #F3F3F3;
}
.fixed-table-container thead th .both {background-image: url(../img/filtro.png)!important;background-size: 10px!important;}
.fixed-table-container thead th .desc {background-image: url(../img/filtro-asc.png)!important;background-size: 10px!important;}
.fixed-table-container thead th .asc {background-image: url(../img/filtro-desc.png)!important;background-size: 10px!important;}
.fixed-table-container {border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;overflow: hidden;}
.botao-paginacao {background: transparent;border: 2px solid #1C82DC;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;padding: 6px 14px;display: inline-block;font-size: 15px;font-weight: 700;text-align: center;color: #1C82DC;font-family: "Titillium Web", "Arial", "Helvetica", sans-serif;text-transform: uppercase;margin: 0 2px;-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;}
.paginaAtual, .botao-paginacao:hover {
    background-color: #1C82DC;
    color: #fbfbfb;
}
#conteudoPagina .tableEmails .fixed-table-pagination:after, .fixed-table-toolbar:after {
    content: "";
    display: none;
    clear: both;
}
.btTable {
	padding: 5px 10px;
	text-align: center;
	border-radius: 6px;
	color: #fff;
	
}
#conteudoPagina p {
    padding: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
}
#conteudoPagina .tableEmails .btTable p, #conteudoPagina .tableEmails .btTable a {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
}
.btUser {
    background-color: #c8c8c8;
    border-bottom: 2px solid #5d5d5d;
    margin-bottom: 15px;
    transition: background .3s;
}
.btUser a {
    font-weight: bold;
    text-decoration: none;
    color: #333;
    display: block;
}
.btUser:hover {
    background: #adabab;
}
.btUser a:hover {
    text-decoration: none;
    color: #333;
}
.btAll {
	background: #6d6b6b;
	color: #fff;
}
.btAnswer {
	background: #0a8228;
}
.btNotAnswer {
	background: #f40808;
}
.btPending {
    background: #d48e0b;
}
.btPending:hover, .btNotAnswer:hover {
    background: #333;
    color: #fff;
}
.btLogout {
	background: #135492;
	border-bottom: 2px solid #08345f;
	transition: background .5s;
	padding: 0!important;
}
.btLogout:hover {
	background: #093967;
}
.btLogout p a {
	text-decoration: none;
	color: #e1e1e1;
	display: block;
	padding: 5px 10px!important;
}
.botao-confirmar-acao {
    padding: 10px 35px;
    margin: 0 20px 0 0;
    text-decoration: none;
    text-align: center;
    min-width: 240px;
}
.botao-confirmar-acao:hover {
    opacity: 0.75;
    text-decoration: none;
    color: #e1e1e1;
}
#conteudoPagina .tableEmails input {
	width: 100%;
}
#conteudoPagina .tableEmails .search {
	width: 100%;
}
#dadosEmail .boxItem textarea {
    max-width: 100%;
    min-height: 120px;
}
.efeito-lateral {
    color: #316597;
    font-size: 15px;
    font-weight: 700;
    display: block;
    margin: 25px 0 5px;
}
.efeito-lateral::before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 13px;
    background: transparent url(../img/before.svg) left bottom no-repeat;
    background-size: 100%;
    margin: 0 5px 0 0;
}

#dadosEmail .boxItem p {font-size: 13px;margin: 0;}
#dadosEmail .fielsAnswer {
    text-align: center;
}
#dadosEmail .fielsAnswer label {
    font-size: 12px;
}
#screenLogin {
    margin-top: 60px;
    text-align: center;
}
#screenLogin .formularioLogin {
    width: 50%;
    display: inline-block;
}
#screenLogin .formularioLogin form label {
    width: 100%;
    text-align: left;
    margin: 25px 0 5px;
}
#screenLogin .formularioLogin form input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #d4d4d4 inset;
}
#screenErrorUser {
    margin-top: 60px;
    text-align: center;
}
#screenErrorUser .boxLogin {
    width: 50%;
    display: inline-block;

}
#screenSuccess {
    margin-top: 640px;
    text-align: center;
}
#screenSuccess .pagReturn {
     width: 50%;
    display: inline-block;
}
#screenSuccess .pagReturn a {
    background: #d4d4d4;
    width: 40%;
    margin: 4px 0 12px 0px;
    display: inline-block;
    border: none;
    font-size: 13px;
    color: #383838;
    padding: 7px 0 7px 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-style: italic;
    text-decoration: none;
}
#screenSuccess .pagReturn a:hover {
    background: #294267;
     color: #ffffff;
}
#screenSuccessEmail {
    margin: 123px 0 122px;
    text-align: center;
}
#screenSuccessEmail .pagReturn {
     width: 50%;
    display: inline-block;
}
#screenSuccessEmail .pagReturn a {
    background: #d4d4d4;
    width: 40%;
    margin: 4px 0 12px 0px;
    display: inline-block;
    border: none;
    font-size: 13px;
    color: #383838;
    padding: 7px 0 7px 13px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-style: italic;
    text-decoration: none;
}
#screenSuccessEmail .pagReturn a:hover {
    background: #294267;
     color: #ffffff;
}
.alertSuccess > p {
    display: block!important;
    text-align: center!important;
    background: #04b704!important;
    padding: 10px!important;
    color: #fff!important;
}

@media screen and (max-width: 550px) {
    .botao-confirmar-acao {
        min-width: 100%;
        width: 100%;
        display: block;
        margin: 0 0 20px;
    }
}