.radiobutton {
    margin-left: 3%;
}

.radioBolaTipoConta {
    cursor: pointer;
}

input[type=checkbox] {
    width: 12px;
    height: 12px;
    position: relative;
}
/*---------------checkBox-----------------*/
input[type="checkbox"] {
    width: 12px;
    height: 12px;
    position: relative;
}
input[type="checkbox"]::before {
    content: " ";
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    border: 1px solid var(--cor-primaria);
}
input[type="checkbox"]:checked::after {
    content: " ";
    width: 0.3rem;
    height: 0.5rem;
    margin-left: 0.3rem;
    border-color: var(--cor-primaria);
    border-style: solid;
    border-width: 0 3px 3px 0;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(45deg);
}
/*------------------------Tirar borda azul de estilo padrao bootstrap---------------*/
.form-control,
.form-control:focus {
    outline: none;
    border-color: #eeeeee;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn,
.btn:focus {
    outline: none;
    border-color: #eeeeee;
    -webkit-box-shadow: none;
    box-shadow: none;
}
a:hover {
    text-decoration: none;
}
.btn-verde,
.btn-verde:hover,
.btn-verde:focus {
    background-color: var(--cor-primaria);
    color: #FFFFFF;
}
.btn-inverso,
.btn-inverso:hover,
.btn-inverso:focus {
    background-color: #FFFFFF;
    color: var(--cor-primaria);
    border-color: var(--cor-primaria);
}
.tirar-padding-right {
    padding-right: 0;
}
.tirar-padding-left {
    padding-left: 0;
}
/* --------------------------Radio buttom Padrão */
.radioPadrao {
    display: inline-block;
    position: relative;
    padding: 0 6px;
    margin: 10px 0 0;
}
.radioPadrao input[type="radio"] {
    display: none;
}
.radioPadrao label:before {
    content: " ";
    display: inline-block;
    position: relative;
    top: 2px;
    margin: 0 5px 0 0;
    width: 15px;
    height: 15px;
    border-radius: 11px;
    border: 2px solid var(--cor-primaria);
    background-color: #ffffff;
}
.radioPadrao input[type="radio"]:checked + label:after {
    border-radius: 11px;
    width: 10px !important;
    height: 10px !important;
    position: absolute;
    top: 6px;
    left: 9px;
    content: " ";
    display: block;
    background: var(--cor-primaria);
}
/* -----------------------------Estilo Anexar Arquivos---------------------- */
.btnAdicionarAnexo,
.btnAdicionarAnexo:hover, .btnAdicionarAnexo:focus {
    background-color: #ffffff;
    color: var(--cor-primaria);
    border: solid 1px var(--cor-primaria);
    width: 100%;
    height: 30px;
    font-family: "Montserrat";
    font-size: 13px;
}
.sumirInputFileFeio {
    display: none;
}
.inputEstiloFile {
    border: none;
    outline: none;
}
.anexarBotao, .anexarBotao:hover, .anexarBotao:focus {
    border: none;
    text-decoration: underline;
}

/* ------------------------Botões pequenos com hover------------------------------*/

.btnEditar {    
    background-color: #f0cd06;
}

.btnEditar:hover {
    border: 1px solid #f0cd06;
    color: #f0cd06;
}

.btnDeletar:hover {
    border: 1px solid rgb(248, 62, 62);
    color: rgb(248, 62, 62);
}
.btnAcoes:hover {
    background: none !important;
    max-width: 200px;
    border-width: 1px;
    border-style: solid;
}
.btnAcoes .fa {
    padding: 0 9px;
}
.btnAcoes .icon {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    filter: grayscale(1) brightness(1000%);
    -webkit-filter: grayscale(1) brightness(1000%);
    -moz-filter: grayscale(1) brightness(1000%);
}

.btnAcoes:hover .icon, .btnAcoes:hover span {
    filter: grayscale(0) brightness(1);
    -webkit-filter: grayscale(0) brightness(1);
    -moz-filter: grayscale(0) brightness(1);
}
.btnAcoes span {
    padding-right: 9px;
    filter: grayscale(1) brightness(1000%);
    -webkit-filter: grayscale(1) brightness(1000%);
    -moz-filter: grayscale(1) brightness(1000%)
}
.btnDeletar {
    background-color: rgb(248, 62, 62);
}
.btnAcoes {
    max-width: 30px;
    height: 30px;
    border-radius: 30px;
    color: #FFFFFF;
    margin: auto;
    cursor: pointer;
    transition: linear .7s;
    font-size: 14px;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.collapse-toggle span {
    display: inline-flex;
    vertical-align: middle;
}
.collapse-toggle[aria-expanded=false] .aberto {
    display: none;
}
.collapse-toggle[aria-expanded=true] .fechado {
    display: none;
}
