/* Overwrite bootstrap */

@media print {
    body {
        -webkit-print-color-adjust: exact;
    }
}

/*.navbar-brand {
    margin-right: 0;
}*/

.navbar {
    border-bottom: 1px solid buttonface;
    padding: 8px;
    position: fixed;
    height: 57px;
}

.navbar-toggler {
    height: 40px;
}

p {
    margin-bottom: 8px;
}

a:hover {
    text-decoration: none;
}

small {
    margin-top: 0 !important;
    margin-bottom: 4px;
    font-size: 12px;
}

.smallestSize {
    font-size: 12px;
}

.smallSize {
    font-size: 13px;
}

.mediumSize {
    font-size: 14px;
}

.normalSize {
    font-size: 16px;
}

.bigSize {
    font-size: 20px;
}

.biggerSize {
    font-size: 24px;
}

label {
    display: inline;
    color: #555555;
    /*font-size: 14px;
    text-transform: uppercase;*/
}

.form-group {
    margin: 0;
}

form {
    /*padding-top: 8px;*/
    /*margin-bottom: 8px;*/
    /*margin-top: 8px;*/
}

.card-body {
    padding: 8px;
}

.table {
    background-color: #f8f9fa;
    margin-bottom: 8px;
    margin-top: 8px;
}

.nav-link {
    padding-top: 4px;
    padding-bottom: 4px;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

body {
    /*-webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
    /*-webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
    /*-webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */ */*/*/
    
    padding-right: 0 !important; /* bootstrap modal, remove bug */
}

.btn-light {
    background-color: rgb(240, 240, 240);
    border-color: rgb(200, 200, 200);
}

    .btn-light:hover {
        background-color: rgb(200, 200, 200);
        border-color: rgb(160, 160, 160);
    }

.dropdown-item {
    font-size: 14px;
    padding-right: 12px;
    padding-left: 12px;
    color: white;
    background-color: #7547a3;
}

    .dropdown-item:hover {
        background-color: #563d7c;
        color: white;
    }

    .dropdown-item img {
        opacity: 0.8;
    }

/* bug item in print page */
.dropdown-item-adjust {
    width: calc(100% - 24px);
}

.dropdown-divider {
    margin: 0;
    border-color: #563d7c;
    border-top: 1px solid #563d7c
}

.dropdown-menu {
    opacity: 0.9;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #7547a3;
}

hr {
    margin-top: 8px;
    margin-bottom: 2px;
}

.custom-select {
    height: auto !important;
}

.ui-datepicker {
    z-index: 3 !important;
}

/* Dyna styles */
.content {
    margin-left: 8px;
    margin-right: 8px;
}

.contentInternal {
}

.longLabelTitle {
    background-color: buttonface;
    display: inline-block;
    width: 100%;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    padding: 4px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.warning {
    color: red;
    font-weight: bold;
    font-style: italic;
}

input[type=checkbox] {
    height: 20px;
}

.fieldNormal {
    background-color: white;
}

.fieldRequired {
    background-color: #EFE9FF; /*aliceblue;*/
}

.form-control:disabled, .form-control[readonly] {
    background-color: #F9F9F9;
}

.body {
    margin-top: 111px;
}

.commandBar {
    position: fixed;
    background-color: #563d7c;
    color: white;
    height: 54px;
    top: 57px;
    right: 0;
    left: 0;
    padding: 8px;
    z-index: 1029;
    /*margin-top: -8px;
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 8px;*/
    /*text-transform: uppercase;*/
}

    .commandBar button {
        padding-top: 4px;
    }

.commandBarIcon {
    float: right;
    padding-top: 6px;
    /*padding-bottom: 2px;*/
    background-color: #f8f9fa;
    margin-left: 4px;
}

    .commandBarIcon svg {
        width: 24px;
        height: 24px;
    }

        .commandBarIcon svg path {
            fill: #563d7c;
        }

.commandBarChild {
    width: calc(100% + 16px);
    background-color: #7547a3;
    color: white;
    height: 54px;
    margin: 0 -8px 0 -8px;
    padding: 8px;
    /*text-transform: uppercase;*/
}

    .commandBarChild button {
        padding-top: 4px;
    }

    .commandBarChild .commandBarIcon svg path {
        fill: #7547a3;
    }

.additionalButton {
    padding-top: 0;
    padding-bottom: 4px;
}

    .additionalButton svg {
        width: 16px;
        height: 16px;
    }

/*.additionalButton svg path {
            fill: white;
        }*/

.commandBarTitle, .commandBarTitle:hover {
    line-height: 40px;
    font-size: 20px;
    color: inherit;
    text-decoration: inherit;
}

/*.modal-title {
    text-transform: uppercase;
}*/

.dynaElement {
    display: none;
}

.dynaElementChild {
    display: none;
}

.lineSpacing8 {
    /*margin-bottom: 8px;*/
    display: block;
    height: 8px;
}

.lineSpacing16 {
    /*margin-bottom: 16px;*/
    display: block;
    height: 16px;
}

.menuIcon {
    width: 16px;
    height: 16px;
}

.inline {
    display: inline;
}

/* alert with top arrow, displaing no records */

.alert-arrow {
    margin-top: 16px;
}

    .alert-arrow:after,
    .alert-arrow:before {
        /*margin-top: 8px;*/
        content: '';
        display: block;
        position: absolute;
        left: 20px;
        border-style: solid;
    }

    .alert-arrow:after {
        top: -23px;
        border-color: transparent transparent #fff3cd transparent;
        border-width: 12px;
    }

    .alert-arrow:before {
        top: -24px;
        border-color: transparent transparent #ffeeba transparent;
        border-width: 12px;
    }

.alert-arrow-right:after,
.alert-arrow-right:before {
    left: calc(100% - 34px);
}

.alert-arraw-danger:after,
.alert-arraw-danger:before {
    border-color: transparent transparent #f8d7da transparent;
}

.icon16 {
    max-width: 16px;
    max-height: 16px;
}

.icon32 {
    max-width: 32px;
    max-height: 32px;
}

.icon48 {
    max-width: 48px;
    max-height: 48px;
}

.icon64 {
    max-width: 64px;
    max-height: 64px;
}

.summary {
    /*text-transform: uppercase;*/
}

.splash {
    margin: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #7547a3;
    z-index: 1031;
}

    .splash > div {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 120px;
        height: 60px;
        transform: translate(-50%, -50%);
        text-align: center;
    }

        .splash > div > img {
            width: 64px;
        }

        .splash > div > span {
            color: #fff;
            font-family: arial, sans-serif;
            align-items: center;
            display: flex;
            height: 50%;
            justify-content: center;
            margin: 0;
        }

.faq-link {
    color: black;
}

    .faq-link:hover {
        color: #7547a3;
        text-decoration: none;
    }

/* faz com que a label mude de cor 
(Chrome, Safari, Firefox, IE, ...)
*/

@-webkit-keyframes blinker {
    100% {
        color: red;
    }
}

.blink {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
}

/**/

.center {
    text-align: center;
}

#emailSufix {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 46vw;
    display: block;
    color: rgba(0,0,0,.9);
    font-size: 11px;
    letter-spacing: -1px;   
}

@media (min-width: 500px) {
    #emailSufix {
        letter-spacing: 0;
        font-size: 12px;
    }
}