﻿/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"
}

.padding-top-0 {
    padding-top: 0 !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-bottom-0 {
    padding-bottom: 0 !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.margin-top-0 {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-bottom-0 {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-15 {
    margin-right: 15px !important;
}
/*.smart-form {
    .input {
        input {
            padding: 4px 10px !important;
        }
    }
}*/
/* SmartForm Bootstrap Validation */
#extr-page h4.paragraph-header {
    width: auto;
}

#extr-page .smart-form .alert {
    margin: 4px;
}

    #extr-page .smart-form .alert li {
        margin-left: 14px;
        list-style: none;
    }

        #extr-page .smart-form .alert li:before {
            content: "\f071";
            font-family: FontAwesome;
            position: absolute;
            left: 14px;
        }

#extr-page .smart-form div + fieldset {
    padding-top: 15px;
}

#extr-page #header {
    background-color: #f4f4f4 !important;
    background-image: none;
    border-bottom: solid #FF6600 !important;
    color: #f36621;
}

#extr-page-header-space-rigth {
    float: left;
    text-align: left;
    display: block;
    vertical-align: middle;
    line-height: 71px;
    color: #f36621;
    font-size: 16px;
}

#extr-page-header-space a {
    color: white;
    font-size: 18px;
    width: auto;
    margin-right: 10px;
    font-weight: bold;
    color: #f36621;
}

#extr-page-header-space-rigth a {
    color: #f36621;
    font-size: 16px;
    width: auto;
    margin-right: 10px;
    font-weight: bold;
}

#header > :first-child {
    width: auto;
}

#extr-page-header-space > :first-child {
    vertical-align: middle;
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold;
}

#main {
    padding-top: 0px;
}

#login-form-header {
    background: #fff !important;
    border-bottom: none;
}

h2 {
    margin: 0;
    color: #374250;
    font-family: inherit;
    font-style: normal;
    font-weight: 500;
    text-transform: none;
}

#btnLogIn {
    float: left;
}

#login-footer {
    border: none;
    background: #fff;
}

/*estilo del header de dashboard*/
#header {
    background-color: #f4f4f4 !important;
    background-image: none;
    border-bottom: solid #FF6600 !important;
}

/*estilo de togle de idiomas dentro del header*/
.dropdown-toggle span {
    color: #f36621;
}

.dropdown-toggle i {
    color: white;
}

#logo img {
    width: 270px !important;
    height: auto;
    padding-left: 3px;
    margin-top: -7px;
}

#LabelHeader {
    color: white !important;
}

.LabelHeader {
    color: white !important;
}

.bar {
    margin-bottom: 5px;
}

.o-success.o-ntp {
    color: white;
    background: #60a917;
    border: none;
}

.o-success .o-cls {
    color: #fff;
}

.o-info.o-ntp {
    color: white;
    background: #00529B;
    border: none;
}

.o-info .o-cls {
    color: #fff;
}

.OdropdownPopupClass {
    max-width: 100px !important;
}

.sw-pu {
    z-index: 906 !important;
}

.sw-pudropmenu {
    z-index: 9061 !important;
}

#jarviswidget-fullscreen-mode {
    z-index: 905 !important;
}

.swf-padding-form {
    padding: .9em;
}

.swf-padding-form-tabs {
    padding: 1% 0 1% 0;
}

.btn-global {
    /*background-color: #880038 !important;
    color: white !important;*/
    background-image: none !important;
    background-color: #f36621 !important;
    color: #fff !important;
    font-weight: bold !important;
}

    .btn-global:hover {
        background-color: white !important;
        color: #f36621 !important;
        background-image: none !important;
    }

.input-swf {
    width: 100%;
}

.textarea-swf {
    width: 100%;
}

.ddl-swf {
    width: 100%;
}

.top-left {
    position: absolute;
    /*top: 8px;*/
    left: 16px;
    z-index: 500000;
}

.multi-font-color {
    color: #880038 !important;
    font-weight: bold;
}

.jarviswidget > div {
    font-size: 10.5px !important;
}
.jarviswidgetsw > div {
    font-size: 10.5px !important;
}

.swf-icon {
    font-size: 18px;
    height: 18px;
    width: 18px;
    display: block;
}

.grviewupdate {
    background-color: DarkTurquoise !important;
    color: Navy !important;
}

.grviewdelete {
    background-color: red !important;
}

input[type="text"]:not(.noUpperCase) {
    text-transform: uppercase !important;
}

.awe-display {
    text-transform: uppercase !important;
}

textarea:not(.noUpperCase) {
    text-transform: uppercase !important;
}

.field-validation-error {
    color: red;
}
.generaltotal .label {
    font-weight: bold;
}
.swf-message-error{
    color:red; 
    font-weight: bold;
}
.swf-disabled-input {
    color: #545454 !important;
    background: #EBEBE4 !important;
}

.wizard-button {
    margin-top: 16px;
    background: white !important;
}

nav ul li a {

    padding: 7px 10px 7px 11px;
    line-height: 14px;
}

nav ul li a span {
display: inline-block;
padding-left: 25px;
        
}

nav > ul ul li::before {

    top: 14px;

}

nav > ul > li > a b {
    top:auto;

}

nav ul ul li > a {
    padding-left:22px;
}

nav ul ul ul li a {

    padding-left:30px;

}

.internal-parent {

    padding-left:46px;

}

.ddl-swf:focus-within {
    outline: none !important;
    border: 1px solid #333 !important;
}

.input-swf:focus-within {
    outline: none !important;
    border: 1px solid #333 !important;
}

.awe-btn.mbtn.btn-global:focus-within {
    outline: none !important;
    border: 1px solid #333 !important;
}

.textarea-swf:focus-within {
    outline: none !important;
    border: 1px solid #333 !important;
}

.LabelHeaderInline {
    display: inline-block !important;
    color: white !important;
}

/*nav > ul > li > ul > li > a, nav > ul > li > ul > li > ul > li > a {

padding-left:46px;
}*/

.style-title {
    background-color: #f36621 !important;
}