.tabs {
    float: left;
    width: 100%;
    height: 100%;
}
.tabs-dashboard {
    height:100% !important;
}
.tabs .ui-tabs {
    float: left;
    width: 100%;
    height: 100%;
    padding:0;
}
.tabs .ui-tabs .ui-tabs-nav {
    float: left;
    width: 100%;
    height: auto;
    margin-left: -1px;
    padding:0;
}
.tabs .ui-tabs-panel {
    padding : 0 !important;
    float: left;
    height: calc(100% - 36px);
    overflow: hidden;
    width:calc(100% - 2px);
    border: 1px solid #E1E1E1 !important;
}
.tabs ul.ui-widget-header {
    background: none !important;
}
.tabs .ui-tabs-nav li {
	margin-right: 1px !important;
	border: 0px !important;
	border-radius: 0px;
	margin: 0 0 0 1px !important;
	padding: 0px !important;
    background: #EBEBEB;
    width:auto
}
.tabs ul.ui-tabs-nav li a {
    outline: none;
    color: #555555;
    min-width:68px;
}
.tabs .ui-state-default a {
	font-size: 13px;
	border-top: 5px solid #EBEBEB;
}
.tabs .ui-state-active a {
	font-size: 13px;
	color: #215A7F !important;
	border-top: 5px solid #FF8000 !important;
	background: #E1E1E1 !important;
}
.tabs .ui-state-active a:hover, .ui-state-default a:hover {
	color: #FF8000 !important;
	font-size: 13px;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: .5em 12px;
}
/*Terceros Consultar Cliente*/
#tabs-container .ui-tabs ul.ui-tabs-nav li a:before {
    margin-right: 5px;
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(1) a:before {
    content: url(/Images/Terceros/ico-tabT-direccion.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(2) a:before {
    content: url(/Images/Terceros/ico-tabT-contacto.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(3) a:before {
    content: url(/Images/Terceros/ico-tabT-gestion.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(4) a:before {
    content: url(/Images/Terceros/ico-tabT-cotizacion.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(5) a:before {
    content: url(/Images/Terceros/ico-tabT-comercial.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(6) a:before {
    content: url(/Images/Terceros/ico-tabT-seguimiento.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(7) a:before {
    content: url(/Images/Terceros/ico-tabT-citas.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(8) a:before {
    content: url(/Images/Terceros/ico-tabT-proforma.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(9) a:before {
    content: url(/Images/Terceros/ico-tabT-cotizacion.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(10) a:before {
    content: url(/Images/Terceros/ico-tabT-envios.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(11) a:before {
    content: url(/Images/Terceros/ico-tabT-tickets.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(12) a:before {
    content: url(/Images/Terceros/ico-tabT-docElectronico.png);
}
#tabs-container .ui-tabs ul.ui-tabs-nav li:nth-child(13) a:before {
    content: url(/Images/Terceros/ico-tabT-gestion.png);
}
/*Perfil*/
.tabs #tabs-1, .tabs #tabs-2,.tabs #tabs-3, .tabs #tabs-4, .tabs #tabs-5,.tabs #tabs-6, .tabs #tabs-7 {
    width: calc(100% - 40px) !important;
    padding: 20px !important;
    margin-left: 4px;
    height:auto !important;
}
/*Responsive*/
@media (max-width: 800px) {
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 5px;
}
}
@media (max-width: 625px) {
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: .5em 5px;
}
#tabs-container .ui-tabs ul.ui-tabs-nav li a:before {
  margin-right: 0px;
}
.tabs .ui-state-default a, .tabs .ui-state-active a:hover, .ui-state-default a:hover {
  font-size: 11px;
}
}
@media (max-width: 475px) {
.tabs .ui-tabs .ui-tabs-nav {
  height: auto;
}
.tabs ul.ui-tabs-nav li a {
  outline: none;
  color: #555555;
  padding-bottom: 5px !important;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    padding: 3px 5px 0px 5px;
    text-align:center;
}
#tabs-container .ui-tabs ul.ui-tabs-nav li a:before {
  display: block;
  position: relative;
  margin-left:calc(50% + 2px);
  transform:translateX(-50%);
}
.tabs .ui-tabs .ui-tabs-nav {
  height: auto !important;
}
}
@media (max-width: 355px) {
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 3px 3px 6px 3px !important;
}
.tabs .ui-state-default a, .tabs .ui-state-active a:hover, .ui-state-default a:hover  {
  font-size: 9px;
}
}
@media (max-width: 290px) {
.tabs .ui-state-default a, .tabs .ui-state-active a:hover, .ui-state-default a:hover {
  font-size: 8px;
}
}
/*hacks safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    ::i-block-chrome, .tabs #tabs-1 {
        width: 97% !important;
    }
    ::i-block-chrome, .tabs #tabs-2{
        width: 97% !important;
    }
    ::i-block-chrome, .tabs #tabs-3 {
        width: 97% !important;
    }
    ::i-block-chrome, .tabs #tabs-4 {
        width: 97% !important;
    }
}
@media (max-width: 1300px) {
    ::i-block-chrome, .tabs #tabs-1 {
        width: 92% !important;
    }
    ::i-block-chrome, .tabs #tabs-2{
        width: 92% !important;
    }
    ::i-block-chrome, .tabs #tabs-3 {
        width: 92% !important;
    }
    ::i-block-chrome, .tabs #tabs-4 {
        width: 92% !important;
    }
}