textarea[widget="ttext"]:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {

    outline: thin dotted 9;
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe!important;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25)!important;
}

.cropper-face {
    border-radius: 1000px;
}

.cropper-view-box {
    border-radius: 1000px;
}
.cropper-line {
    background-color: transparent !important;
}

.cropper-point {
    background-color: transparent !important;
}

.cropper-dashed {
    border: 0 !important;

}

.skin-red .main-header .logo:hover {
    background-color: transparent !important;
}

.label_timagecropper {
    border: none!important;
    background-color:#f4f4f4!important;

}

.rounded {
    border-radius: 251.25rem!important;
}
img#timagecropper_photo {
    border-radius: 1000px !important;
}
.timagecropper_actions {
    right: 105px!important;
    top: 150px!important;
    display: none!important;

}
.label_timagecropper i.placeholder {
    font-size: 85px;
    margin: auto;
    width: 100%;
    opacity: 1!important;
    text-align: center;
}


.fb-inline-field-container.form-line {
    width: 100% !important;
}

@media (max-width: 767px) {
    div[page-name="CrachaPessoasForm"] .card {
        width: 100% !important;
        margin-top: 20px !important;
    }
    div[page-name="CrachaPessoasForm"] .card-footer {
    text-align: center;
    }
    div[page-name="newCracha"] .card-footer {
    text-align: center;
    }
    div[page-name="CrachaPessoasForm"] .card-header.panel-heading  {
    place-content: center;
    }
    body[page-name="CrachaPessoasForm"]{
    background-color: darkblue;
}
}