/*
 * 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.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

.smart-form *, .smart-form :after, .smart-form :before{
    padding: auto;
    margin: auto;
    
}
/* Estilo de Error para Bootstrap-Forms */
.form-horizontal .form-group .invalid {
    display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 11px;
    line-height: 15px;
    color: #D56161;
    margin-left: 12px
}

/* form-row */
form-row {
    padding: 0px;
    margin-bottom: 15px;
}

.form-row .col-lg-1, .form-row .col-lg-10, .form-row .col-lg-11, .form-row .col-lg-12,
.form-row .col-lg-2, .form-row .col-lg-3, .form-row .col-lg-4, .form-row .col-lg-5, 
.form-row .col-lg-6, .form-row .col-lg-7, .form-row .col-lg-8, .form-row .col-lg-9, 
.form-row .col-md-1, .form-row .col-md-10, .form-row .col-md-11, .form-row .col-md-12, 
.form-row .col-md-2, .form-row .col-md-3, .form-row .col-md-4, .form-row .col-md-5, 
.form-row .col-md-6, .form-row .col-md-7, .form-row .col-md-8, .form-row .col-md-9, 
.form-row .col-sm-1, .form-row .col-sm-10, .form-row .col-sm-11, .form-row .col-sm-12, 
.form-row .col-sm-2, .form-row .col-sm-3, .form-row .col-sm-4, .form-row .col-sm-5, 
.form-row .col-sm-6, .form-row .col-sm-7, .form-row .col-sm-8, .form-row .col-sm-9, 
.form-row .col-xs-1, .form-row .col-xs-10, .form-row .col-xs-11, .form-row .col-xs-12, 
.form-row .col-xs-2, .form-row .col-xs-3, .form-row .col-xs-4, .form-row .col-xs-5, 
.form-row .col-xs-6, .form-row .col-xs-7, .form-row .col-xs-8, .form-row .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-top: 13px;
    padding-right: 13px;
}

.form-row .col-sm-1{width:8.33%}
.form-row .col-sm-2{width:16.66%}
.form-row .col-sm-3{width:25%}
.form-row .col-sm-4{width:33.33%}
.form-row .col-sm-5{width:41.66%}
.form-row .col-sm-6{width:50%}
.form-row .col-sm-7{width: 58.33%;}
.form-row .col-sm-8{width:66.67%}
.form-row .col-sm-9{width:75%}
.form-row .col-sm-10{width:83.33%}


.form-row .label {
    font-weight: 400;
}
.form-row .label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    padding-top: 18px;
}
.form-row .label {
    display: block;
    margin-bottom: 6px;
    line-height: 19px;
    font-weight: 400;
    font-size: 13px;
    color: #333;
    text-align: left;
    white-space: normal
}

.form-row .button, 
.form-row .checkbox, 
.form-row .input, 
.form-row .radio, 
.form-row .select, 
.form-row .textarea, 
.form-row .toggle {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 32px;
    line-height: 32px;
    padding: 5px 10px;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    background: #fff;
    font: 13px/16px 'Open Sans',Helvetica,Arial,sans-serif;
    color: #404040;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.form-row .button, 
.form-row .checkbox, 
.form-row .input, 
.form-row .radio, 
.form-row .select, 
.form-row .textarea, 
.form-row .toggle {
    border-color: #BDBDBD;
    position: relative;
    display: block;
    font-weight: 400;
}

.form-row .select {
    padding: 0px;
    border-width: 0px;
}

.form-row .checkbox i, .form-row .icon-append, .form-row .icon-prepend, .form-row .input, .form-row .radio i, .form-row .select select, .form-row .textarea textarea, .form-row .toggle i {
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;    
}
.form-row .input input:focus+.tooltip,
.form-row .textarea textarea:focus+.tooltip {
    opacity: 1
}
.form-row .checkbox:hover i,
.form-row .input:hover input,
.form-row .radio:hover i,
.form-row .select:hover select,
.form-row .textarea:hover textarea,
.form-row .toggle:hover i {
    border-color: #5D98CC
}
.form-row .checkbox input:focus+i,
.form-row .input input:focus,
.form-row .radio input:focus+i,
.form-row .select select:focus,
.form-row .textarea textarea:focus,
.form-row .toggle input:focus+i {
    border-color: #3276B1
}
.form-row input[type=text]:focus{
    border-color: #0091d9;
    background-color: #fff;
    color: #000;
}




.form-row .btn, a:link, button {
    -webkit-tap-highlight-color: rgba(169,3,41,.5);
}
.form-row .btn-primary {
    color: #fff;
    background-color: #3276b1;
    border-color: #2c699d;
}
.form-row .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*INICIO: Smart-Form con Plugins Tag*/
.bootstrap-tagsinput {
    min-height: 30px !important;
}
.bootstrap-tagsinput input {
    border-style: none !important;
    width: auto !important;
    box-sizing: border-box !important;
    padding: 5px 10px;
}
.bootstrap-tagsinput .tag {
    color: #FFF !important;
    position: relative !important;
    margin: 3px 0 3px 2px !important;
    display: inline-block !important;
    line-height: 14px !important;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
    height: 17px;
    width: 17px;
}
/*FIN: Smart-Form con Plugins Tag*/

.popover-title{
    margin:0 !important;
    padding:8px 14px !important;
}
.popover-content {
    padding: 9px 14px !important;
}