table-responsive {
    margin-bottom: 0px;
}

tr.danger td {
    background-color: rgba(255, 0, 0, 0.11);
}

.fileUpload {
    position: relative;
    overflow: hidden;
    margin-right: 10px;
}

    .fileUpload input.upload {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        padding: 0;
        font-size: 20px;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
    }

table.nowrap td, th {
    white-space: nowrap !important;
}



/* Modal Footer*/
.modal-footer {
    margin-top: 0 !important;
}


.animated {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}


/* MODAL TEST*/
.modal-dialog {
    overflow-x: hidden;
    width: 100%;
}

.modal-content {
    /*padding:10px;*/
    overflow-y: hidden;
    min-width: 400px;
}

.modal-content-extra {
    position: relative;
    display: none;
}

@keyframes rotatehide {
    from {
        -webkit-transform: none;
        transform: none;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.rotatehide {
    -webkit-animation-name: rotatehide;
    animation-name: rotatehide;
}

@keyframes rotateshow {
    from {
        -webkit-transform: rotate3d(0, 1, 0, 90deg);
        transform: rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-out;
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.rotateshow {
    -webkit-animation-name: rotateshow;
    animation-name: rotateshow;
}

.xelect-search > input {
    padding: 5px 0px 4px 0px;
}

.checkOnOff {
    width: 80px;
    height: 26px;
    background: #C5BC96;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    position: relative;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.2);
}

    .checkOnOff:after {
        content: 'NO';
        font: 12px/26px Arial, sans-serif;
        color: #000;
        position: absolute;
        right: 10px;
        z-index: 0;
        font-weight: bold;
        text-shadow: 1px 1px 0px rgba(255,255,255,.15);
    }

    .checkOnOff:before {
        content: 'SI';
        font: 12px/26px Arial, sans-serif;
        color: #00bf00;
        position: absolute;
        left: 10px;
        z-index: 0;
        font-weight: bold;
    }

    .checkOnOff label {
        display: block;
        width: 34px;
        height: 20px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        -o-transition: all .4s ease;
        -ms-transition: all .4s ease;
        transition: all .4s ease;
        cursor: pointer;
        position: absolute;
        top: 3px;
        left: 3px;
        z-index: 1;
        -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);
        background: #fcfff4;
        background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    }

    .checkOnOff input[type=checkbox] {
        visibility: hidden;
    }

        .checkOnOff input[type=checkbox]:checked ~ label {
            left: 43px;
        }

.table-centered td {
    text-align: center;
}

div.divider-content {
    margin: 10px 0 !important;
}



@media (max-width: 767px) {
    body {
        padding-right: 0;
        padding-left: 0;
    }

    .content > .content-body {
        padding: 5px 5px 0px 5px !important;
    }
}

#xelect-result-container {
    z-index: 9999 !important;
}

table.nowrap td {
    width: 1%;
}

.w-500 {
    max-width: 500px;
}

input[type=month] {
    max-width:150px;
}
.max-500 {
max-width:500px;
}

.mx-0 {
    margin:0px;   
}

.decoration-none {
    text-decoration:none !important;
}

.rotate180 i {
    -moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.rotate180.down i {
    -ms-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.boxBodyCustom {
    padding: 10px 20px 0px 20px !important;
}

.mh-30px {
    min-height: 30px;
}

.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}