﻿
@media only screen and (max-width: 991px) {

    .sidebar.responsive + .main-content {
        /* Show full header in double navbar mode*/
        margin-top: 30px !important;
    }
}
/*  http://stackoverflow.com/questions/14894935/why-font-awesome-works-on-localhost-but-not-on-web */

.sidebar {
    z-index: 6000 !important;
    position: absolute;
    height: 100%;
}

.navbar {
    z-index: 7000 !important;
}

.btn-export {
    width: 100%;
    margin: 1px 0;
}

.gradient-light-gray {
    background: rgb(246,248,249) !important; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1))) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ) !important; /* IE6-9 */
}

.gradient-lighter-gray {
    background: #ffffff !important; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ) !important; /* IE6-9 */
}

.section-header {
    border-left: 5px solid #1C63AA;
    border-bottom: 1px dotted #1C63AA;
}

.highlighted-container {
    border-bottom: 1px dotted #1C63AA;
    margin: 15px 0;
}

.fluorescent-green {
    color: #8fff53;
}

.red {
    color: red;
}

.lower-case {
    text-transform: lowercase;
}

.padding-right-10 {
    padding-right: 10px;
}

.margin-top-10 {
    margin-top: 10px;
}

.search {
    display: inherit;
}

    .search tr td {
        padding: .5em 0;
    }

    .search td:nth-child(1),
    .search td:nth-child(3),
    .search td:nth-child(5),
    .search td:nth-child(7),
    .search td:nth-child(9),
    .search td:nth-child(11),
    .search td:nth-child(13),
    .search td:nth-child(15),
    .search td:nth-child(17),
    .search td:nth-child(19),
    .search td:nth-child(21),
    .search td:nth-child(23),
    .search td:nth-child(25) {
        text-align: right;
        padding-right: 10px;
    }

    .search select {
        margin-bottom: 2px;
    }


@media (min-width: 768px) {

    .min-width-100 {
        min-width: 100px;
    }
}

.radio-standard-horizontal-table input[type=radio],
.radio-standard-horizontal-table input[type=checkbox] {
    margin: 0;
    vertical-align: middle;
    border-radius: 100%;
    font-size: 10px;
    font-family: FontAwesome;
    text-shadow: 0 0 1px #32a3ce;
    line-height: 15px;
    height: 17px;
    min-width: 17px;
}


    .radio-standard-horizontal-table input[type=radio] label,
    .radio-standard-horizontal-table input[type=checkbox] label {
        margin: 0;
        vertical-align: middle;
        padding-left: 10px;
        font-family: FontAwesome;
    }


.radio-standard-horizontal-table label {
    margin: 0;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 7px;
}

.modalBackground {
    background-color: rgba(65, 60, 60, 0.35);
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
}

.vcenter-flex {
    display: flex;
    align-items: center;
}

.vcenter-label-padding {
    padding-top: 8px;
}

.sidebar-close {
    font-size: 20px;
    padding-right: 10px;
    padding-top: 10px;
    font-weight: bold;
}

.no-decoration:hover,
.no-decoration:focus {
    text-decoration: none;
    color: #7461AA;
}

.no-height {
    height: 0;
}


/* Change blues for btn-primary */
.btn-primary, .btn-primary:focus {
    background-color: #0057A4 !important;
    border-color: #0057A4;
}

    .btn-primary:hover, .btn-primary:active, .open > .btn-primary.dropdown-toggle {
        background-color: #1b6aaa !important;
        border-color: #0057A4;
    }

.label-success, .label.label-success, .badge.badge-success, .badge-success {
    background-color: #49A622;
}

.label-danger, .label.label-danger, .badge.badge-danger, .badge-danger {
    background-color: #D5452D;
}



.ui-blocker img {
    width: 25px;
}

/*.control-label:after {
    content: ": ";
}*/

/* this means that all control-labels not generated from AsteriskLabelFor()
    because it automatically adds ':'
*/
label.control-label:not(.label-alf):after {
    content: ": ";
}

label.required:after {
    color: red;
    content: "*";
}

.blockUI {
    padding: 20px 0 !important;
    border: 2px dotted red !important;
    box-shadow: 0 0 0 3px #CECECE, 0 0 0 5px #9E9E9E, 0 0 0 10px #FFFFFF, 0 0 2px 10px #6B6B6B;
}

.welcome-banner {
    font-size: 18em;
    text-align: center;
    color: rgba(128,128,128,0.3);
}


@media(min-width:1200px) {
    /*lg*/
    .welcome-banner {
        font-size: 18em;
    }
}

@media(min-width:992px) {
    /*md*/
    .welcome-banner {
        font-size: 14em;
    }
}

@media(min-width:768px) {
    /*s*/
    .welcome-banner {
        font-size: 10em;
    }
}

@media(max-width:767px) {
    /*xs*/

    .welcome-banner {
        font-size: 5em;
    }
}

.label-box {
    border-style: dashed;
    border-color: #EAEAEA;
}

.text-danger {
    color: #dd5a54;
}

.chosen-container-single .chosen-search:after {
    content: none;
}

.transparent {
    color: transparent !important;
}

.round-corners {
    border-radius: 50%;
}

.profile-image-100 {
    height: auto;
    width: auto;
    max-width: 100px;
    max-height: 100px;
}

.scale-to-half {
    transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -webkit-transform: scale(0.5, 0.5);
}

.top-5 {
    margin-top: 5px;
}

.top-7 {
    margin-top: 7px;
}

.top-10 {
    margin-top: 10px;
}

.top-15 {
    margin-top: 15px;
}

.top-17 {
    margin-top: 17px;
}

.top-30 {
    margin-top: 30px;
}


.bottom-5 {
    margin-bottom: 5px;
}

.bottom-7 {
    margin-bottom: 7px;
}

.bottom-10 {
    margin-bottom: 10px;
}

.bottom-15 {
    margin-bottom: 15px;
}

.bottom-17 {
    margin-bottom: 17px;
}

.bottom-30 {
    margin-bottom: 30px;
}


.color-active {
    color: #1963AA;
}


/* Validation summary basic styles */
.validation-summary-errors ul {
    list-style: none;
    font-size: medium;
    margin: 0;
    margin-top: 15px;
}

/* Remove any paddings from devexpress popup control */
.dxpc-content {
    padding: 0 !important;
}

.ui-autocomplete-input {
    border: 1px solid #32a3ce !important;
}

.autocomplete-active {
    /*when navigating throuhg the items using the arrow keys:*/
    background-color: DodgerBlue !important;
}
.ui-autocomplete {
    background-color: #32a3ce !important;
}

.onoffswitch {
    position: relative;
    width: 100px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #999999;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        font-family: Trebuchet, Arial, sans-serif;
        font-weight: bold;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "Presente";
        padding-left: 5px;
        background-color: #00ACA0;
        color: #FFFFFF;
        text-align: left;
    }

    .onoffswitch-inner:after {
        content: "Assente";
        padding-right: 10px;
        background-color: #EEEEEE;
        color: #999999;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 24px;
    margin: 5px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 66px;
    border: 2px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}