﻿span.inline-btn-text {
    margin-top: 4px;
    float: left;
    margin-left: 5px;
}

.botonera 
{
    text-align: center;
}
.botonera > div 
{
    display: inline-block;
    float: none;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: 5px;
}
        
.dataTables_processing
{
    top: 0px !important;
    color: var(--customcolor);
}
    
.social {background-color: var(--customcolor)}

.force-left { text-align: left !important; }

.subpanel .subpanel_col, .subpanel .panel-heading { text-align: left !important; }

body 
{
    background-color: #eee;
    overflow-y: auto;
    overflow-x: hidden;
}
.navbar .navbar-header .navbar-brand label { font-size: 25px !important; color: #FF901E !important; font-variant: small-caps; }

.navbar-brand { padding: 5px 10px;
}

.navbar-brand > img { max-height: 40px; }

.navbar ul .dropdown a { color: black;}

.navbar {background-color: black !important;}

.nav.navbar-nav {font-size: 12px !important;}

#divLoading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: block; z-index: 1499; background-color:lightgray; }

#divLoading-image { position: absolute; top: 40%; left: calc( 50vw - 16px); z-index: 1500; }

#lbl_loading_message { position: absolute; top: 25%; left: 0px; z-index: 1501; text-align: center; color: #313498; font-weight: bold; }

.form-group label { margin-top: 7px; }

.enumitem { width: 90% !important; }

.righttext {text-align: right; }

.nowrap {white-space: nowrap; }

input[tipo_dato=integer],input[tipo_dato=decimal] {text-align: right; }

input[tipo_dato=file] {display: inline !important; }

.note-editing-area, .note-codable, .note-editable{
  min-height: 300px;
}

label.switch {margin-bottom: -5px;}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

input[datatype=numero] { text-align: right; }

table td { font-size: 12px; }
table th { font-size: 12px; }

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: white !important;
  background-color: #0098DA !important;
}

.navbar-default .navbar-nav > .active > a {
  color: var(--customcolor) !important;
}

.navbar-default .navbar-nav > li > a {
  color: white !important;
}

input[type=number]
{
    text-align: right;
}

.panel-body fieldset .row div label { margin-top: 7px; }
.panel-body fieldset .row div input[type=radio] { margin-left: 10px; }
.panel-body fieldset .row div { text-align: right; }
.panel-body fieldset .row { margin-top: 10px; }
/*.panel-body { padding-top: 0px; padding-left: 0px; padding-right: 0px; }*/
h4 { text-align: center; }
.nopadding3 { padding-left: 0px;                     }
.nopadding2 { padding-left: 0px; padding-right: 0px; }
.nopadding1 {                    padding-right: 0px; }


#listado hr , .listado hr { margin-bottom: 2px;  border-top: 4px solid var(--customcolor) !important; }
#listado label , .listado label { text-align: center; width: 100%; }
#listado img , .listado img { margin: 0 auto; width: 64px; height: 64px; }
.sublabel { display:inline; }
#lblRoll , #lblUser { margin-top: 7px; text-align: right; }

.lblVehiculo { color: var(--customcolor); }

#body_izq label.col-xs-12 { color: var(--customcolor); }

.customcolorbutton { color: var(--customcolor) !important; }

.ml-1
{
    margin-left: 10px;
}

.mr-1
{
    margin-right: 10px;
}

.pl-1
{
    padding-left: 10px;
}

.pr-1
{
    padding-right: 10px;
}

.pt-0
{
    padding-top: 0px;
}

.pb-0
{
    padding-bottom: 0px;
}

table.dataTable td.rigthtext
{
    text-align: right;
}

table.dataTable td.rigthtext
{
    text-align: right;
}

table.dataTable td.lefttext
{
    text-align: left;
}

.panel-body fieldset .row div.panel-heading { text-align: center; }


#buscador-parent > div {
    display: inline-block;
}

#buscador-parent {
    text-align: right;
}

.panel-body fieldset .row div .select2
{
    text-align: left;
}

.panel-body fieldset .row div table { text-align: left; }

div.my-form-group input.form-control {
    width: calc(100% - 40px);
    float: left;
    display: inline-block;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px;
}

div.my-form-group > button {
    width: 40px;
    float: right;
    height: 34px;
    border-top-left-radius: 0px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 0px;
    border: solid 1px #CCCCCC;
    color: black;
}