.ToolBar {
    /* fallback */ 
    background-color: #FFD700; 
    /*
    background-image: url(images/radial_bg.png); 
    background-position: center center; 
    background-repeat: no-repeat; 
    /* Safari 4-5, Chrome 1-9 */ /* Can't specify a percentage size? Laaaaaame. */ 
    /* background: -webkit-gradient(radial, center center, 0, center center, 460, from(#8d6eac), to(#5500aa)); 
    /* Safari 5.1+, Chrome 10+ */ 
    /* background: -webkit-radial-gradient(circle, #8d6eac, #5500aa); 
    /* Firefox 3.6+ */ 
    /* background: -moz-radial-gradient(circle, #8d6eac, #5500aa); 
    /* IE 10  background: -ms-radial-gradient(circle, #8d6eac, #5500aa); 
    /**/
    /* Opera couldn't do radial gradients, then at some point they started supporting the -webkit- syntax, how it kinda does but it's kinda broken (doesn't do sizing) */
}

.ToolBar a {
    color: #262626 !important;
}

.Footer {
    background-color: #262626 !important; 
}

.col-md-12{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    /* float: right; */
    /* display: inline-block; */
    /* vertical-align: middle; */
}

.tooltip{
    top: 0; 
    left: 0; 
    z-index: 3; 
    display: none;
}

.ButtonRight .webix_image {
    background-repeat: no-repeat;
    background-position: center center;
    float: right !important;
    vertical-align: top;
}

.ButtonRight .webix_img_btn{
    font-weight: bold; 
    font-size: 15px;
    text-align: right;
}

.ButtonLeft .webix_img_btn{
    font-weight: bold; 
    font-size: 15px;
    text-align: left;

}
/*
.webix_invalid .webix_el_box input, .webix_invalid .webix_el_box select, .webix_invalid 
.webix_el_box textarea, input.webix_invalid, select.webix_invalid, textarea.webix_invalid{
    border-color: #fea5a8; 
    border-width: 2px !important;
}
/**/


.webix_invalid .webix_el_box input, .webix_invalid .webix_el_box select, .webix_invalid 
.webix_el_box textarea, input.webix_invalid, select.webix_invalid, textarea.webix_invalid{
   border-color: #fea5a8; 
   border-width: 3px !important;
}


.ComerciaLogo .webix_template {
     margin-top: -5px !important;
     margin-left: -5px !important;
     width:288px !important;
}

.ComerciaLogo .webix_template img{
    max-width:none !important;
     width:288px !important;
     
}

.ComerciaLogoTouch .webix_template {
     margin-top: -5px !important;
    
     margin-left: -5px !important;
}

.image .webix_template{
    padding:0px;
}

.link_gold{
    color: #DAA520;
    font-weight: bold;
    font-family: 'Scada', sans-serif;
    position: relative;
    text-shadow: 0 2px 0 rgba(255,255,255,0.5);
    font-size: 15px;
    text-align: center;
}

a:link {
    COLOR: #DAA520;
}

a:visited {
    COLOR: #DAA520;
}

.estatus_cerrado {
    background-color:#D0F5A9;
}

.estatus_cancelado {
    background-color:#F7BE81;
}

.estatus_borrador {
    background-color:#CEECF5;
}

.doc_dependiente{
    background-color:#E2B1EB;
}
.estatus_none {
    background-color: #ffffff;
}

.estatus_noSelect {
    background-color:#F7BE81;
    font-weight: bold; 
}


.login_w  input
{
    width: calc(100% - 75%) !important;  
    min-width: 300px;
    display: inline-block !important;
}
.login_w  label
{
    width: calc(100% - 75%) !important;  
    min-width: 300px;
    display: inline-block !important;
   
}

.login_w 
{
    text-align: center !important;
}

.registro_w  label
{
    width: calc(100% - 75%) !important;  
    min-width: 300px;
    display: inline-block !important;
}


.registro_w  input:not([type=checkbox])
{
    width: calc(100% - 75%) !important;  
    min-width: 300px;
    float: none !important;
}

.registro_w 
{
    text-align: center !important;
}

.registro_chk  input
{
    display: inline !important;
}

.white label{
    color: white;
}

.activa_w  label
{
    width: calc(100% - 75%) !important;  
    min-width: 300px;
    display: inline-block !important;
    text-align: center !important;
}


.activa_w  input[type=text]
{
    width: calc(100% - 75%) !important;  
    min-width: 300px;
    float: none !important;
}

.activa_w 
{
    text-align: center !important;
}

.mlines div {
    line-height: 18px !important;
    word-wrap: break-word !important;
}

img {
    max-width:100% !important;
}