.form-control-100{
    width: 100%;
}

.baseColor {
    color: #009688;
}

/*Muestra una modal tipo "Procesando...". Se utiliza en todas las paginas que hacen postback*/
.modalProcess {
    position: fixed;
    top: 50%; 
    left: 50%;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-top: -100px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
    background: rgba(46,77,123,.8);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    z-index:100001 !important;
}

    .modalProcess .title {
        color: #fff;
        font-weight: bold;
        text-align: center;
        display: block;
        font-size: 26px;
        position: absolute;
        bottom: 30px;
        left: 0;
        width: 100%;
    }

/*Muestra una modal tipo "Procesando...". Se utiliza en las descargas de archivos de whatsapp*/
.modalProcessDescargando {
    width: 50px;
    height: 50px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
    background: rgba(46,77,123,.8);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /*z-index: 100001 !important;*/
    margin-left: -17px;
}
    .modalProcessDescargando .imageprocess {
        margin-top: -15px;
        width: 50px;
        height: 50px;
    }

    .modalProcessDescargando .title {
        color: #999;
        font-weight: bold;
        text-align: center;
        display: block;
        font-size: 10px;
        /*position: absolute;
        bottom: 10px;
        width: 100%;*/
    }

.navbarMenuGiros{
    font-weight:100 !important;
}

.hacerVisible {
    visibility: visible;
}

.hacerInVisible {
    visibility: hidden;
}

.ventanaMostrar{
    display: block;
    visibility: visible;
}

.ventanaOcultar{
    display: none;
    visibility: hidden;
}

.setImage{
    height:25px;
    width:25px;
}

.setImage30{
    height:30px;
    width:30px;
}

.setImage:hover {
    background: #E6EBF0;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#E6EBF0), to(#E6EBF0));
    background: -moz-linear-gradient(top, #E6EBF0, #E6EBF0);
    border: 1px solid #e8f1f3;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
}

.Uppercase
{
    text-transform: uppercase;
}

/*Estilo para caja redondeada con sombra*/
.styleBoxRoundedShadow
{
    /*line-height: 2em;*/
    border: 1px solid #ccc;
    box-shadow: 0.10em 0.10em 0.1em 0.1em #ccc;
    -webkit-box-shadow: 0.10em 0.10em 0.1em 0.1em #ccc;
    -moz-box-shadow: 0.10em 0.10em 0.1em 0.1em #ccc;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    box-decoration-break: slice;
    padding: 10px;
}

.gridBox {
    position: absolute;
    visibility: visible;
    z-index: 1002;
    background: url(../Imagenes/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	border: 1px solid #868686;
	cursor: default;
	/*padding: 5px;*/
    margin-top: 1px;
    /*margin-left: 100px;*/
    box-shadow: 0.15em 0.15em 0.1em 0.1em #ccc;
    -webkit-box-shadow: 0.15em 0.15em 0.1em 0.1em #ccc;
    -moz-box-shadow: 0.15em 0.15em 0.1em 0.1em #ccc;
    background-color: #eaeaea;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    box-decoration-break: slice;
}

.comboBoxExtender {
    visibility: visible;
    z-index: 1002;
    background: url(../Imagenes/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	border: 1px solid #868686;
	cursor: default;
	padding: 5px;
    margin-top: 1px;
    margin-bottom: 10px;
    /*margin-left: 100px;*/
    box-shadow: 0.15em 0.15em 0.1em 0.1em #ccc;
    -webkit-box-shadow: 0.15em 0.15em 0.1em 0.1em #ccc;
    -moz-box-shadow: 0.15em 0.15em 0.1em 0.1em #ccc;
    background-color: #eaeaea;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    box-decoration-break: slice;
    max-height: 200px;
    overflow-y: auto;

}

.DragAndDrop {
    cursor: move;
    border: solid 1px Gray;
}

.DragAndDrop .gridBox {
    max-height: 200px;
    overflow-y: auto;
    margin-top: 20px;
    /*position: relative;*/
}

.gridBoxModal {
	/*border: 1px solid #868686;*/
	padding: 10px;
    margin: 5px;
    margin-top: 15px !important;
    box-shadow: 0.15em 0.15em 0.1em 0.1em #ccc;
    -webkit-box-shadow: 0.15em 0.15em 0.1em 0.1em #ccc;
    -moz-box-shadow: 0.15em 0.15em 0.1em 0.1em #ccc;
    background-color: #eaeaea;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    box-decoration-break: slice;
    width:95%;
}

.GVEHeaderColumn {
    vertical-align: top !important;
    color: #009688 !important; /* #337ab7;*/
    font-weight: bold !important;
}

.iconHeaderGVE{
    margin-right: -5px;
    float: right;
}

.iconHeaderFilterGVE{
   line-height: 18px !important;
   font-size: 1.2em !important;
}

.HeaderColorTenueGVE{
   color: #616161 !important;
}

.HeaderColorAzulFilterGVE{
   color: #205081 !important;
}

.buttonFilterGVE{
   background: none;
   border: none;
   width: 17px;
   height: 17px;
   cursor: pointer;
}

.gridResaltar_On{

    cursor: pointer;
    text-decoration: underline;
}

.gridResaltar_Off{
    cursor: default;
    text-decoration: none;
}

.selectedrow {
    background-color: #DFE8F6; /* whiteSmoke; */
    border: 1px dotted #e8f1f3;
}

.selectedrowCam 
{
	background-color: deepSkyBlue !important; 
	border:1px dotted #e8f1f3;
}

.altrow 
{
	background-color:#f2f2f2;
}

.altoverow
{
	border:10px solid #99BBE8;
    background: #efefef url(../imagenes/GridView/rowover.gif) repeat-x left top;
}

.pagerstyle 
{
	/*font-size:x-small;*/
	text-align:right;
    background-position: bottom left;
    /*background: #D0DEF0 url(../imagenes/GridView/toolbarbck.gif) repeat-x scroll left top;*/
}

.gopag {
    font-size:x-small;
    width:30px;
}

.pagprev{
    background:transparent url(../imagenes/GridView/previous.png) no-repeat scroll center;
    height:1.3em;
    width:16px;
    cursor:pointer;
    border:0px;
}
.pagnext{
    background:transparent url(../imagenes/GridView/next.png) no-repeat scroll center;
    height:1.3em;
    width:16px;
    cursor:pointer;
    border:0px;
}

.pagfirst{
    background:transparent url(../imagenes/GridView/first.png) no-repeat scroll center;
    height:1.3em;
    width:16px;
    cursor:pointer;
    border:0px;
}
.paglast{
    background:transparent url(../imagenes/GridView/last.png) no-repeat scroll center;
    height:1.3em;
    width:16px;
    cursor:pointer;
    border:0px;
}

/*
    Estilos para el DropDownListExtender de AJAX
*/
.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(../Imagenes/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	/*font-size: 11px;*/
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItemSelected {
    background: url(../imagenes/caliente.gif) no-repeat 0px 5px;
    /*background: url(../Imagenes/menu-bg.gif) repeat-y 0 0 #FAFAFA;*/
    /*background-color: rgba(51, 152, 254, 1);*/
    /*color: white;*/
    font-weight: bold;
    /*margin: 1px 0 1px 0;*/
	display: block;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected {
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

.error {
    font-size: 13px;
    font-weight: bold;
    color: Red;
}

.slimScrollDiv{
    height: 100% !important;
}

.eliminarAltoMenu{
    height: 100% !important;
}

/*Estilo para el giro 1 - Productos*/
.setColorNavBar1 {
    background-color: #2A3F54 !important;
    border-bottom: 1px solid #2A3F54 !important;
}

.setColorMainSideBar1 {
    background-color: #07161E !important;
}

/* Color de fondo del submenu de la cinta del lado izquierdo*/
.setColorTreeview-Menu1 {
    background-color: #010A0F !important;
}

/*Estilo para VEHICULOS NUEVOS*/
/*Color para el giro de de vehiculos nuevos*/
.setColorNavBar3{
	background-color: #2E4d7B !important;
	border-bottom: 1px solid #2A3F54 !important;
}
.setColorMainSideBar3{
	background-color: #2A3F54 !important;   /*#010a0f*/
}

/* Color de fondo del submenu de la cinta del lado izquierdo*/
.setColorTreeview-Menu3{

}

/*Estilo para VEHICULOS SEMINUEVOS*/
/*Color para el giro de de vehiculos seminuevos*/
.setColorNavBar4{
	background-color: #e9b413 !important;
	border-bottom: 1px solid #5e4d00 !important;
}
/*Color menu barra vertical izquierda*/
.setColorMainSideBar4{
	background-color: #4A3D15 !important;
}

/* Color de fondo del submenu de la cinta del lado izquierdo*/
.setColorTreeview-Menu4{
    background-color: black !important;
}

/*Estilo para Servicio Vehículos */
/*Color para el giro de servicio vehículos*/
.setColorNavBar5 {
    background-color: #045168 !important;
    border-bottom: 1px solid #2A3F54 !important;
}

.setColorMainSideBar5 {
    background-color: #283747 !important; 
}

/* Color de fondo del submenu de la cinta del lado izquierdo*/
.setColorTreeview-Menu5 {
    background-color: #154360 !important; 
}

/*Estilo para Partes y accesorios */
/*Color para el giro de partes y accesorios*/
.setColorNavBar6{
	background-color: #019852 !important;
	border-bottom: 1px solid #2A3F54 !important;
}
.setColorMainSideBar6{
	background-color: #00463e !important;   
}

/* Color de fondo del submenu de la cinta del lado izquierdo*/
.setColorTreeview-Menu6{
    background-color: #00311c !important;  
}

/*Estilo para Gestión de Cobranza */
/*Color para el giro de gestión de cobranza*/
.setColorNavBar13 {
    background-color: #4d2e7b !important;
    border-bottom: 1px solid #2A3F54 !important;
}

.setColorMainSideBar13 {
    background-color: #36284a !important; /*#010a0f*/
}

/* Color de fondo del submenu de la cinta del lado izquierdo*/
.setColorTreeview-Menu13 {
    background-color: #4d2e7b !important; /*#010a0f*/
}

/*Estilo para Gestión de contactos */
/*Color para el giro de Gestión de contactos*/
.setColorNavBar14 {
    background-color: #2A3F54 !important;
    border-bottom: 1px solid #2A3F54 !important;
}

.setColorMainSideBar14 {
    background-color: #07161E !important;
}

/* Color de fondo del submenu de la cinta del lado izquierdo*/
.setColorTreeview-Menu14 {
    background-color: #010A0F !important;
}

/* Elimina el color de fondo del icono del CRM (Toma el mismo fondo de la cinta vertical izquierda)*/
.main-header .logo{
    background:none !important;
    border-bottom:none !important;
}

.treeview-menu{
    min-width: 180px;
    width:auto !important;
}

/*
    Se extiende el estilo aplicado a los elementos hijos del menú izquierdo.
    NOTA: El estilo base se encuentra en: TemplateCrmAdmin\assets\dist\css\stylecrm.css - linea: 1160
*/
.sidebar-menu .treeview-menu > li:hover > a {
  background:transparent url(../imagenes/menu-bg.gif) repeat-x scroll bottom right;
}

/*a:hover, a:active, a:focus{
    background:transparent url(../imagenes/menu-bg.gif) repeat-x scroll bottom right;
}*/

.setMaxWidth100{
    max-width: 100px;
}

.setMaxWidth150{
    max-width: 150px;
}

.setMaxWidth200{
    max-width: 200px;
}

.setMaxWidth300{
    max-width: 300px;
}

.setMaxWidth400{
    max-width: 400px;
}

.setMinWidth100{
    min-width: 100px;
}

.setMinWidth150{
    min-width: 150px;
}

.setMinWidth200{
    min-width: 200px;
}

.setMinWidth300{
    min-width: 300px;
}

.setMinWidth400{
    min-width: 400px;
}

.TreeViews{
    /*max-width: 250px;*/
    border: 1px solid #ccc;
    /*box-shadow: 0.10em 0.10em 0.1em 0.1em #ccc;
    -webkit-box-shadow: 0.10em 0.10em 0.1em 0.1em #ccc;
    -moz-box-shadow: 0.10em 0.10em 0.1em 0.1em #ccc;*/

    /*background: #E6EBF0;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#E6EBF0), to(#E6EBF0));
    background: -moz-linear-gradient(top, #E6EBF0, #E6EBF0);*/
    -moz-border-radius:.2em;
    -webkit-border-radius:.2em; 
    border-radius:.2em;
    padding:10px; 
}

.setTamanioLetraMenuCinta{
    font-size:10px !important;
    color:#f9f9fb !important;
    position:absolute;
    padding-top:3px;
    width: 80%;
    text-align: center;
}

.setTamanioLetraMenuDer{
    font-size:10px !important;
    color:#f9f9fb !important;
}

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

.setOptionsMenuDerNvo
{
    right:20px !important;
}

.setOptionsMenuDerSvo
{
    right:30px !important;
}

.setTamanioMenDer
{
    font-size:40px !important;
}

.setMenuNavBar{
    padding: 0px 0px !important;
    text-align: left !important;
}

/*Estilo para menu cinta*/
.messages-menu{
    padding-right:15px !important;
}

/*En la consulta de contacto ayuda a visualizar bien los tabPanel de los ciclos de venta*/
.ajax__tab_tab{
    height:auto !important;
}

/*Hace que la tablas se expandan en un 100% cuando se combina con los nuevos estilos de Bootstrap*/
.tb_Layout5{
    width: 100%; 
    padding: 1px;
}

/*Se agrega por cojmpatibilidad entre estilos viejos VS bootstrap al mesclar ambos estilos*/
.textboxwatermark{
    font-size:8pt !important;
}

.nomax-width{
    max-width:100% !important;
}

.setMultiPanels{
    border: 1px solid #b7b9bf !important;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.05) !important;
    border-radius: 4px;
}

.width100{
    width: 100%; 
}

.TreeView-Selected {
    background-color:#dedede;
    border-top: 1px solid #b7b9bf !important;
    border-bottom: 1px solid #b7b9bf !important;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.05) !important;
    border-radius: 2px;
}

.DragAndDropBox {
    border: none;
    position: relative;
    overflow-x: auto;
    overflow-y: auto;
    max-height: 350px;
}

.DragAndDropBoxItems{
    position: relative !important;
    border: none !important;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}

.DragAndDropItemsSinColor{
    font-weight:100 !important;
    padding: 0px 15px !important;
    color: black !important;
}
.DragAndDropItemsSinColor:focus{
    color: black !important;
    font-weight:600 !important;
}
.DragAndDropItemsSinColor:hover { 
    color: black !important;
}

.DragAndDropItems{
    font-weight:100 !important;
    padding: 0px 15px !important;
    color: white !important;
}
.DragAndDropItems:focus{
    color: black !important;
    font-weight:600 !important;
}
DragAndDropItems:hover { 
    color: black !important;
}

.DragAndDropItemColor{
    color:black;
}

.DragAndDrop-SubMenu{
    position:relative;
}

.btn-primary.DragAndDropItems:focus, .btn-primary.DragAndDropItems:hover {
    background-color: #3a95e4 !important;
    border-color: #3b7cb4 !important;
}

.btn-success.DragAndDropItems:focus, .btn-success.DragAndDropItems:hover {
    background-color: #50ab20 !important;
    border-color: #50ab20 !important;
}

.btn-purple.DragAndDropItems:focus, .btn-purple.DragAndDropItems:hover {
    background-color: #5b69bc !important;
    border-color: #4c59a7 !important;
}

.btn-warning.DragAndDropItems:focus, .btn-warning.DragAndDropItems:hover {
    background-color: #f0ad4e !important;
    border-color: #eea236 !important;
}

.btn-danger.DragAndDropItems:focus, .btn-danger.DragAndDropItems:hover {
    background-color: #e7575e !important;
    border-color: #BF2D35 !important;
}

.btn-inverse.DragAndDropItems:focus, .btn-inverse.DragAndDropItems:hover {
}

.NavBarTamanio {
    font-size: 45px !important;
}


/*   Estilos para el dashboard */
.DashContent {
            padding: 15px;
            min-height: 95px;
            background-color:#009688;
            color:white;
        }
.DashContent1 {
    padding: 15px;
    min-height: 95px;
    background-color: #8e1515;
    color: white;
}

/*.DashContent:hover
{
    background-color:white;
    color:#009688;
}
.DashContent1:hover{
    background-color:white;
    color:#8e1515;
}*/

.flex-container {
    display: flexbox;
    flex-wrap: wrap;
    background-color: DodgerBlue;
}
.dash-font-icon {
    font-size:40px;
}
.dash-label-etq{
    font-size:19px;
}
.dash-money{
    font-size:13px;
    font-weight:bold;
    text-align:right;
}
.dash-label-num{
    float:right;
    font-size:15px;
    font-weight:bold;
}
        .progress-bar-success {
  background-color: #009688;
}

.tooltip-inner {
            width: 60px;
            opacity: 0.8;
}
/*.fc-scroller
        {
            max-height:150px;
}*/
.fc-toolbar.fc-header-toolbar
        {
            margin-bottom:0px;
}

.progress-bar-teal {
    background-color: #009688;
}

.progress-bar-teal .tooltip .tooltip-inner {
    background-color: #009688;
}

.progress-bar-teal .tooltip.top .tooltip-arrow {
    border-top: 5px solid #009688;
}

/*   END Dashboard styles */

.radiobuttonlist{
    margin-bottom: 0px !important;
}

.radiobuttonlist label{
    min-width: 100px !important;
    text-align: left;
}

.radiobuttonlist150{
    margin-bottom: 0px !important;
}

.radiobuttonlist150 label{
    min-width: 150px !important;
    text-align: left;
}

.radiobuttonlist200{
    margin-bottom: 0px !important;
}

.radiobuttonlist200 label{
    min-width: 200px !important;
    text-align: left;
}

.radiobuttonlist250{
    margin-bottom: 0px !important;
}

.radiobuttonlist250 label{
    min-width: 250px !important;
    text-align: left;
}

.ddlSelectorDate{
    min-width: 90px;
}

.botonBuscarBCC{
    float:right;
    margin-top: -30px;
}

.styleBoxRoundedShadow2
{
    /*line-height: 2em;*/
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0.10em 0.10em 0.1em 0.1em #ccc;
    -webkit-box-shadow: 0.10em 0.10em 0.1em 0.1em #ccc;
    -moz-box-shadow: 0.10em 0.10em 0.1em 0.1em #ccc;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    box-decoration-break: slice;
    /*padding: 10px;*/
}

.styleBoxRoundedShadow3
{
    /*line-height: 2em;*/
    /*background-color: white;*/
    border: 1px solid steelBlue;
    box-shadow: 0.10em 0.10em 0.1em 0.1em lightblue;
    -webkit-box-shadow: 0.10em 0.10em 0.1em 0.1em lightblue;
    -moz-box-shadow: 0.10em 0.10em 0.1em 0.1em lightblue;
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    box-decoration-break: slice;
    text-align:center;
    /*padding: 10px;*/
}

.checkbox input[type='checkbox']{
    opacity:100 !important;
}

.labelInputs{
    
}

.controlsInputs{
    margin-bottom: 2px !important;
}

.panel-heading{
    padding: 5px 10px !important;
}

.header-icon-modals2{
    float: right;
    margin-top: 20px;
    margin-right: 30px;
    font-size: 25px;
}

.header-icon-modals3{
    float: right;
    margin-right: 30px;
    font-size: 25px;
}

.header-icon-modals {
    font-size: 35px;
    float: left;
    margin-top: -8px;
    line-height: 0;
    margin-right: 10px;
}

.modal-body{
    padding-top: 10px !important;
}

.fijarIzquierda{
    float: right;
    margin-top: -35px;
    margin-right: -15px;
}

.fijarDerecha{
    float: right;
    margin-top: -35px;
}

/*Sobreescribe estilo de iconos vibratorios en los encabezados de las ventanas modales*/
.modal-header .hvr-buzz-out{
    color: white;
}

/*Sobreescribe estilo del icono de cerrar en los encabezados de las ventanas modales*/
.modal-header .close
{
    opacity: 1;
}

.mailbox .btn-danger{
    border-radius: 5px;
    padding: 0px 0px 6px 4px;
    font-size:25px;
    margin-right:-65px;
}

.mailbox{
    margin: 5px 0px 5px;
}

.modal-body{
    background-color: darkgray;
}

.modal-background-color{
    background-color: darkgray;
}

.lobidrag{
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
}

.alturaDinamicaPnlTV{
            max-height:600px;
            overflow-y:auto
        } 

.datos1_td_lb_giro3
{    
    text-align: center;
    vertical-align: middle;
    color: white; 
    text-shadow: black 0.1em 0.1em 0.2em; 
}
.datos1_td_lb_giro4
{    
    text-align: center;
    vertical-align: middle;
    color: darkblue; 
    text-shadow: black 0.1em 0.1em 0.2em; 
}

/*INICIO Formateo panel parámetros de indicadores CU ReporteIndicador.ascx*/
[data-formattbl="indicadores"] td{
            border-width: 30px; 
            padding: 3px 3px 3px 3px;
            text-align:center !important;
            vertical-align:top !important;
}

[data-alignind="center"]{
    align-content:center !important;
    text-align:center !important;
}

[data-formattext="paramind"]{       
    font:bold 13px arial !important;
    text-align:center !important;
    align-content:center !important;
    margin:0 auto;
    font-size: 15px !important;
}

[data-tblcontrols="ctrlrep"] td{
    border-width: 10px;
    padding: 3px 3px 3px 3px;
}

.treev input[type="checkbox"] {
    opacity: 0;
}
.treev input[type="checkbox"]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.treev input[type="checkbox"]:checked {
    font-family: 'FontAwesome';
    content: "\f00c";
}
.treev input[type="checkbox"]:disabled {
    opacity: 0.65;
}
.treev input[type="checkbox"]:disabled {
    background-color: #eeeeee;
    cursor: not-allowed;
}

.treev-success input[type="checkbox"]:checked {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.notransition {
          -webkit-transition: none !important;
          -moz-transition: none !important;
          -o-transition: none !important;
          -ms-transition: none !important;
          transition: none !important;
    }

    .formattbl thead tr{            
            background-color:#E6E6E6;
            height:auto !important;
            color:#009688;
            border: .5px solid #A4A4A4;
            font-size:14px;
            padding:3px;
        }

    .formattbl thead tr th{                        
            /*height:50px;*/            
            color:#009688;
            border: .5px solid #A4A4A4;
            font-size:14px;
            padding:3px;
            cursor:pointer;
            
        }

    .formattbl {            
            border-collapse:collapse !important;
            border: 1px solid #A4A4A4;                   
        }

    .formattbl > tbody tr td{             
            padding: 3px;
            font-size:14px;                        
        }
   
    .formattbl [data-idcampo="-1"] {                        
          border: .5px solid #A4A4A4;                    
        }

    .setsizechecktoggle
    {
        min-width: 0px !important;
        min-height: 0px !important;
        width:25px !important;
        height:15px !important;
    }

    .formattblnormal > tbody tr td{
        border: .5px solid #A4A4A4;
    }

    .formattbl > tbody [data-eslink="true"], [data-campoimgen="true"] {                        
          cursor:pointer !important;
        }

    .formattbl > tbody [data-eslink="true"]:hover, [data-campoimgen="true"]:hover {                        
          background: -moz-linear-gradient(top, #249ee4, #057cc0) !important;
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#249ee4), to(#057cc0)) !important;
            background: -ms-linear-gradient(top, #249ee4, #057cc0); /* IE10+ */

        }

    .formattbl > tbody [data-eslink="true"]:active, [data-campoimgen="true"]:active{                        
          background: -moz-linear-gradient(top, #057cc0, #249ee4) !important;
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#057cc0), to(#249ee4)) !important;
          background: -ms-linear-gradient(top, #057cc0, #249ee4); /* IE10+ */
        }

/*FIN Formateo panel parámetros de indicadores CU ReporteIndicador.ascx*/

tr.validaciones td {
    font-size: 10px;
    font-weight: bold;
    color: Red;
}

.TreeViewNode input[type=checkbox]
            , .checkbox-inline input[type=checkbox]
            , .radio input[type=radio]
            , .radio-inline input[type=radio] {
    /*position: inherit;*/
    /*margin-top: 4px\9;*/
    margin-left: 0px;
}

/*Separadores en webform (Se usan en treeview y alta de inventarios)*/
hr.style-seven {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
    margin-bottom: 0px;
    /*margin-left: -20px;
    margin-right: -20px;*/
}
hr.style-seven:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
    margin-bottom: 0px;
}

/*Separadores en webform (Se usan en treeview y alta de inventarios)*/
hr.style-sevenCompact {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
    margin-bottom: -25px;
    margin-top: 0px;
    /*margin-left: -20px;
    margin-right: -20px;*/
}
hr.style-sevenCompact:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

/*Separadores en webform (Se usan en treeview y alta de inventarios)*/
hr.style-seven2 {
    overflow: visible; /* For IE */
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    border-radius: 20px;
    margin-bottom: -15px;
    margin-top: 15px;
}
hr.style-seven2:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

/*Separadores en webform (Se usan en treeview y alta de inventarios)*/
hr.style-lineal {
    height: 30px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 0 0;
    margin-bottom: -15px;
    margin-top: 0px;
}
hr.style-lineal:before { /* Not really supposed to work, but does */
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;
    border-style: solid;
    border-color: black;
    border-width: 0 0 1px 0;
}

/* Estilos UC FileUploadExtender*/
a.tooltipCRM {outline:none; }
a.tooltipCRM strong {line-height:30px;}
a.tooltipCRM:hover {text-decoration:none;} 
a.tooltipCRM span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-50%; margin-left:0px;
    width:80%; line-height:16px;
}
a.tooltipCRM:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#333 url(/imagenes/fondo6.jpg) repeat-x 0 0;
}

.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
.imgPreview {
    width:50%;
}
.imgPreviewIcon {
    width:25px;
}
/*CSS3 extras*/
a.tooltipCRM span
{
    border-radius:2px;        
    box-shadow: 0px 0px 8px 4px #666;
    /*opacity: 0.8;*/
}

#progress_bar {
    margin: 10px 0;
    padding: 3px;
    border: 1px solid #000;
    font-size: 14px;
    clear: both;
    opacity: 0;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
}
#progress_bar.loading {
    opacity: 1.0;
    width: 100%;
}
#percent_bar.percent {
    background-color: #99ccff;
}

#progress_bar_OK {
    margin: 10px 0;
    padding: 0px;
    border: 1px solid #12891b;
    border-radius: 2px;
    font-size: 14px;
    clear: both;
    opacity: 0;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
}
#progress_bar_OK.loading {
    opacity: 1.0;
    width: 100%;
}
#percent_bar_OK.percent {
    background-color: #3c990b;
    color: white;
}
/* Fin estilos UC FileUploadExtender*/

.demoLock{
    background-color:#f4dac7;
    border: 1px solid black;
    cursor: not-allowed;
}


.gvwInventario_ColImg{
    width:150px;
    text-align:center;
    vertical-align:middle !important;
}

.pnlGridView{
    overflow: auto;
}

.padMenuIzq
{
    padding-top:25px;
}

/* Products
----------------------------------------------------------*/
.products {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product {
    float: left;
    margin: 10px 12px;

    background-color: #fdfcf7;
    border: 2px solid #e6e3d8;
    /*width: 300px;*/
    
    /*CSS3 properties*/
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 3px 3px 0px #888;
    -webkit-box-shadow: 3px 3px 0px #888;
    -moz-box-shadow: 3px 3px 0px #888;
}

.product .productInfo {
    width: 200px;
    /*height: 520px;*/
    /*min-height: 180px;
    max-height: 180px;*/
    overflow: hidden;
}

.product h3 {
    font-size: 1.65em;
    font-weight: normal;
    margin: 0 0 5px 0;
    padding: 0;
    white-space: nowrap;
}

.product-image {
    /*background-color: #edece8;*/
    border: 1px #e6e3d8 solid;
    margin: 0 0 7px 0;
    padding: 6px;
    width: 200px;
    height: 100px;
}

.product-image:hover {
    background-color: #edece8;
}
/*-------------------------*/
.segmentosBG {
    background-color: lightSteelBlue;
}

/*
    Estilos para el grid de versiones por año de la pagina de mantenimiento vehícular.
*/
.anioActual_mas1{
    background-color: lightsteelblue;
}
.anioActual{
    background-color: SkyBlue;
}
.anioActual_menos1{
    background-color: DeepSkyBlue;
}
.anioActual_menos2{
    background-color: DodgerBlue;
}
.anioActual_menos3{
    background-color: SteelBlue;
}
.anioActual_menos4{
    background-color: LightSeaGreen;
}
.anioActual_menos5{
    background-color: DarkCyan;
}

/*
    Estilos para la consulta del expediente.
*/
.textoCollapse{
    /*margin-left: 10px;*/
}

.iconCollapse{
    font-size: 15px;
    margin-top: 7px;
}

.iconCollapseEdit{
    float: right;
    width: 20px;
    height: 20px;
}

.iconCollapseOther{
    margin-right: 20px;
    width: 20px;
    height: 20px;
}

.iconTitulos{
    width: 20px;
    height: 20px;
}

.TablaCC {
    width: 100%;
    max-width: 100%;
    background-color:transparent;
}
.TablaCCEnca {
    color: darkslategrey;
    padding: 5px;
    text-align: right;
}
.TablaCCDatos {
    font-weight: bold;
    padding: 5px;
    text-align: left;
}

.checkboxSetDisplay{
    display: inline;
}

.textcontrol2 {
    width: 95%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
*/

/*Centrar Div vertical-Horizantal*/
.divCenterContenedor {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.divCenterContenido {
display: inline-block;
/*max-width: 400px;*/
text-align: left;
}
/*Fin Centrar Div vertical-Horizantal*/

/*Estilos Contenido acordión de actividades y correo Plan de seguimiento*/
.segEncabezadoVert{
    width:12%; 
    text-align:right; 
    font-weight:bold; 
    padding-right:5px;
    color:#374767 !important; 
}

.segContenidoVert{
    width:88%; 
    text-align:left;
    color:#374767 !important;
}

.panel{
    margin-bottom: 10px !important;
}

.headerLITVeriDato
{
    background-color:#d9edf7;
    border: 1px solid #ddd;
    padding:5px;
    font-weight: bold;
    line-height: 0.8;
    margin-right: 0px;
}
.detalleLITVeriDato
{
    border: 1px solid #ddd;
    margin-right: 0px;
}

.modal-lg65{
    width:65%;
}

.modal-lg80{
    width:80%;
}

.lblResaltar{
    color:#009688 !important;
    font-weight:800 !important;
}

.textboxRed{
    color: white !important;
    background-color: #E5343D !important;
    border: 2px solid #E5343D !important;
    font-weight:800 !important;
}

.colorFondoEncabezadoGrids {
    background-color: #d9edf7 !important;
}

/*Justificar texto el tag p dentro de un div, estilo se aplica al div*/
.justifytext {
    text-align: justify;
}

.justifytext p {
    margin: 0 auto;
    max-width: 100%;
    list-style: disc outside none;
    text-align: justify;
}

/*Corrige error en modal sobre puesto BlockDeNotas.ascx*/
.mailbox{
    border-radius: 0px;
}

/*Corrige Scroll en lista de Actividades en Calendario - CRMMTO-678*/
.fc-more-popover .fc-event-container {
    height: 250px;
    overflow: auto;
}

/*
    Clase que sustituye a la clse modal "modal-dialog".
    Cuando se ejecuta una modal sobre otra modal con el explorador Edge, las modales no funcionan correctamente ya que la modal hija se oculta 
    despues de height del padre.
    Para correguir el error anterior se sustituye la clase base origen "modal-dialog" por esta: "modal-dialog50".
    NOTA: Ejemplo de uso en la consultadel expediente cuando se abre una encuesta.
    */
.modal-dialog50{
    width: 50%;
    margin: 30px auto;
}

/* Corrige Divs Encimados - CRMMTO-708 */
.popover{
    z-index: 1040 !important;
}

/* Corrige Divs Encimados - CRMMTO-708 */
.tooltip {
    z-index: 1040 !important;
}

/*--- Component Inicio: DropDownListTreeExtenderSidebar ---*/
.DDLTE-main-sidebar {
    /*position: relative;*/
    width: 100% !important;
    /*top: unset !important;*/
    /*left: unset !important;*/
    padding-top: unset !important;
    /*display: inline;*/
}

.DDLTE-sidebar {
    padding-bottom: unset !important;
}

.DDLTE-sidebar .sidebar-menu .treeview a {
}

/*.DDLTE-sidebar .sidebar-menu .treeview-menu > li:hover > a {*/
    /*background: unset;
    font-weight: 800;*/
    /*background: transparent url(../imagenes/menu-bg.gif) repeat-x scroll bottom right !important;
}*/

/*Estilo aplicado al a la caja del menu principal*/
.DDLTE-MainMenu {
    position: unset !important;
}

/*Estilo aplicado al primer elemento o elemento principal*/
.DDLTE-MainSpan {
}

.DDLTE-treeview-menu {
    padding-left: 35px !important;
}

.DDLTE-IconSubMenu {
    position: relative !important;
}

/* Estilo aplicado al elemento seleccionado en la caja de items*/
.DDLTE_SeletedItem, .DDLTE_SeletedItem:hover {
    /*background: unset !important;*/
    font-weight: 800 !important;
    color: white !important;
    /*background-repeat: no-repeat !important;
    background-image: url(../Imagenes/ball-amarillo.gif) !important;*/
    /*background-position-y: center !important;*/
}

/********************/
/* Fixed sidenav, full height */
.sidenavDropDownTree {
    padding-right: 0px;
    padding-left: unset;
}

.sidenav {
    position: relative;
    z-index: 1050;
    width: 100%;
    letter-spacing: 0.3px;
    /*font-size: 13px;*/
    padding-left: 13px;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container-Trunk {
    position: absolute;
    /*background-color: #07161e;*/ /*#262626;*/
    margin-left: -13px;
    margin-top: 8px;
    padding-left: 10px;
    z-index: 1051;
    display: none;
    width: 100%;
    max-height: 350px;
    overflow-y: auto;
    opacity: 0.9;
    /*background-color: #2A3F54;
    border-bottom: 1px solid #2A3F54;*/
}
.dropdown-container-Trunk a, .dropdown-container-Trunk .dropdown-branch {
    padding: 6px 5px 6px 16px;
    /*width: 100%;*/
}

.dropdown-container-Branch {
    padding-left: 35px;
    display: none;
    /*background-color: #2A3F54;
    border-bottom: 1px solid #2A3F54;*/
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-branch {
    /*text-decoration: none;*/
    color: #FAFAFA;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}

.sidenav li {
    padding-bottom: 10px;
    list-style: none;
}

.select-box {
    color: #f1f1f1;
}
/* On mouse-over */
.sidenav li:hover {
    /*background: unset;*/
    font-weight: 800 !important;
    background: transparent url(../imagenes/menu-bg.gif) repeat-x scroll bottom right !important;
}

.sidenav ul {
    list-style: none;
    margin-bottom: -5px;
    padding-top: 0px;
}

.dropdown-container-Trunk .dropdown-branch {
    padding-left: 0px;
}

/*Estilo aplicado al DropDownListTreeExtender-sidenav para el elemento seleccionado mostrado al usuario*/
.DDLTE_SeletedItemUserInfo {
    color: #555 !important;
}

/* Estilo aplicado al elemento activo */
.DDLTE-sidebar .active, .sidenav .active {
    /*background-color: lightslategray;*/
    /*color: #262626;*/
}

/* Optional: Style the caret down icon */
.fa-caret-down, .fa-caret-up {
    float: right;
    padding-right: 8px;
}

.sidenav ul .fa-caret-down {
    margin-top: -25px !important;
}

.sidenav ul .fa-caret-up {
    margin-top: -25px !important;
}

/*Estilo aplicado a elementos no seleccionables*/
.not-active {
    /*pointer-events: none;*/ /*Disable Anchor Tag using CSS*/
    cursor: not-allowed !important;
    color: darkgray !important
}

.not-active:hover, .dropdown-container .not-active:hover {
    background: unset;
    font-weight: inherit !important;
    /*background-repeat: no-repeat !important;
    background-image: url(../Imagenes/nulo.png) !important;*/
    /*background: transparent url(../imagenes/menu-bg.gif) repeat-x scroll right !important;*/
}

.DDLTE_TreeView {
    position: absolute;
    padding-top: 0px;
    width: 90%;
    z-index: 1;
    opacity: 0.9;
    max-height: 350px;
    overflow-y: auto;
}
.DDLTE_TreeView a, .DDLTE_TreeView td {
    color: #FAFAFA;
}
.DDLTE_TreeView a, .DDLTE_TreeView span {
    padding-left: 5px;
}
.DDLTE_TreeView img {
    width: 20px;
}
.DDLTE_TreeView td:hover {
    /*background: unset;*/
    font-weight: 800 !important;
    background: transparent url(../imagenes/menu-bg.gif) repeat-x scroll bottom right !important;
}
.DDLTE_TreeView-Selected {
    font-weight: 800 !important;
    color: white !important;
    background-color: transparent;
    border: none !important;
}

.btnTreeView {
    /*float: right;
    margin-top: -34px;
    margin-right: 18px;*/
    margin-left: -41px;
    margin-right: 41px;
}
/*--- Component Fin: DropDownListTreeExtenderSidebar ---*/

/*Sobre escribe el estilo del autocomplete de jQuery
    - le quita la altura al DDL para que tome el default de Bootstrap.
*/
.select2-container .select2-selection--single {
    display: block;
    /*width: 95%;*/
    height: 34px;
    padding: 3px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.iconMasterWhatsApp {
    top: unset !important;
    right: unset !important;
    bottom: 4px;
    left: 4px;
}

.chat_Semaforo {
    margin-top: -5px;
    margin-left: -2px;
}

.icon_SemaforoRojo {
    color: red !important;
}

.icon_SemaforoAmarillo {
    color: yellow !important;
}

.WidthTextCotizacion {
    min-width: 85px;
}

.WidthDDLCotizacion {
    min-width: 100px;
}

.pull-right {
    float: right !important;
    margin-right: 15px;
}

/*
    Estilos aplicados para el notificador push de SignalR
*/
.leadRSTaked {
    background-color: #181b22;
}

.inbox-date {
    color: slategray;
}

.signalr-quote-container {
    margin-top: 0px;
    position: relative;
    margin-bottom: 0px;
    top:20px;
}

.signalr-pin {
    background-color: #aaa;
    display: block;
    height: 23px;
    width: 2px;
    position: absolute;
    left: 50%;
    top: 5px;
    z-index: 1;
}

    .signalr-pin:before {
        background-color: hsla(0, 0%, 0%, 0.1);
        box-shadow: 0 0 0.25em hsla(0, 0%, 0%, 0.1);
        content: '';
        height: 19px;
        width: 2px;
        left: 0px;
        position: absolute;
        top: 4px;
        transform: rotate(57.5deg);
        -moz-transform: rotate(57.5deg);
        -webkit-transform: rotate(57.5deg);
        -o-transform: rotate(57.5deg);
        -ms-transform: rotate(57.5deg);
        transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        -o-transform-origin: 50% 100%;
    }

    .signalr-pin:after {
        background-color: #A31;
        background-image: radial-gradient(25% 25%, circle, hsla(0, 0%, 100%, .3), hsla(0, 0%, 0%, .3));
        border-radius: 50%;
        box-shadow: inset 0 0 0 -1px hsla(0, 0%, 0%, 0.1), inset 3px 3px 3px hsla(0, 0%, 100%, 0.2), inset -3px -3px 3px hsla(0, 0%, 0%, 0.2), 20px 7px 0px hsla(0, 0%, -3%, 0.15);
        content: '';
        height: 12px;
        left: -5px;
        position: absolute;
        top: -4px;
        width: 12px;
    }

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.signalr-yellow {
    background: #eae672;
    border-left-width: 0px;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}

.signalr-note {
    color: #333;
    position: relative;
    width: 72px;
    margin: 0 auto;
    padding: 5px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 10px;
    box-shadow: 0 5px 5px 2px rgba(0, 0, 0, 0.3);
}

.signalr-note .signalr-author {
    display: block;
    margin: 0px 0 0 0;
    text-align: right;
}

.card-header-crm {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: url(/imagenes/nuevolead.png);
    background-size: cover;
    background-position: center center;
    padding: 30px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.labelInfoAppointment {
    font-size: 14px !important;
}

.spanInfoAppointment {
    padding: 0.7em !important;
    font-size: 14px !important;
}

.font-weight-bold-p {
    font-weight: bold !important;
}

.ajusteTamanioImgEdit {
    width: 17px;
    height: 17px;
}

.bgheading {
    background-color: #0070C0 !important;
}

.colorheading {
    color: white !important;
}

.marginleft2em {
    margin-left: 2em !important;
}

.colrequired {
    color: red !important;
    font-weight: bold;
}

.setImagenMargin {
    width: 25px;
    height: 25px;
    margin-left: 1em !important;
    margin-right: 1em !important;
}

.padding5PX {
    padding: 5px;
}

.bg-white {
    background-color: white;
}

.labelEncuesta {
    color: #009688 !important;
    font-weight: bold !important;
}

.labelCantidadCS {
    font-size padding:1em !important;
    font-size: 12px !important;
}

.negritas {
    /*font-weight: bold !important;*/
    background-color: #eee;
    padding: 0.5em !important;
    /*color: white !important;*/
}

.Invisible {
    display: none;
    visibility: hidden;
    opacity: 0;
}

.Visible {
    display: block;
    visibility: visible;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

.scrolling {
    position: absolute;
}

.hrDivider {
    border: 3px solid #2e4d7c;
    border-radius: 300px/10px;
    height: 0px;
    text-align: center;
}