@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
/*-- JOSE ESCONDIÓ A LAS MALAS --*/
h1.page-header,
.navbar-default .navbar-brand,
span.input-group-addon,
.panel-hidden{
    display: none;
}
body {
    font-size: 16px !important;
    background: url(/sites/default/files/imce/lab-sumiquim-back.png) no-repeat #1ca291 !important;
    padding-bottom:50px;
}
@media (max-width: 768px) {
    body {
      font-size: 18px !important;
      padding-bottom:35px;
    }
}
.container {
}

div#loader {
    background-color: rgba(28, 162, 145, 0.5) !important;
}
/*-- HEADER --*/
.navbar-default {
    background-color: #fff !important;
    border: 0px !important;
    text-align: center;
}
.logo img {
    max-width: 150px !important;
}
.panel-body {
    padding: 0 15px !important;
}
a.logo.navbar-btn {
    width: 230px;
}
header#navbar {

}
html {
  scroll-behavior: smooth;
}
.navbar-default .navbar-text {
    color: #FFF !important;
}

@media (max-width: 768px) {
  header#navbar {
    
  }
}
.field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h3 {
color: #fff;
    font-size: 1.5em;
    font-family: 'Montserrat',sans-serif;
    font-weight: 300;
    text-align: center;
    margin-top: 10px 0 0 0 !important;
}
/*---- ICONOS. MENU. -*/
.option-icon {
    max-height: 80px;
    display: block;
    margin: 0 auto 10px auto;
}

@media (max-width: 768px) {
    .option-icon {
      max-height: 50px;
    }
    .option-name {
	}
}
/*-- MENU ---*/
#edit-cosmetic-form-3 input:before {
    color: rgb(255, 255, 255) !important;
    content: '\e114';
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-size: 17px;
    float: right;
}
#edit-cosmetic-form-3 input:before {
    content: "▼";
}
/*-- ESTRUCTURA --*/
.help-block, .control-group .help-inline {
    color: #1ca291 !important;
    font-size: 13px !important;
    margin: 0px 0 6px 20px !important;
}
i.fa.fa-1x.fa-star {
    font-size: 11px;
    margin-top: 0px;
    float: right;
    margin-left: 5px;
    color: #02a0a0;
}
.checkbox label {
    font-family: 'Lato', sans-serif !important;
    font-size: 17px !important;
}
button#edit-submits {
    background: #82e0d3;
    border: 4px solid #82e0d3;
    border-radius: 20px;
    color: #009f8f;
    display: block;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    margin: 0 auto 20px;
    padding: 10px 40px;
    text-align: center;
    width: 90%;
}
span.step-title {
    clear: both;
    display: block;
    font-size: .65em;
    font-weight: 300;
    letter-spacing: -0.3px;
}
@media (max-width: 768px) {
    .checkbox label {
      font-size: 20px !important;
      line-height: 22px;
	}
    span.step-title {
        font-size: 0.68em;
        line-height: 1.1em;
        margin: 10px 0;
    }
  	.help-block, .control-group .help-inline {
      font-size: 17px !important;
      line-height: 18px;
	}
}
/*-- SELECCIONAR FORMULA --*/
[id^=edit-cosmetic-form-container] input[type="radio"]{
  display:none !important;
}
.form-item.js-form-item.form-type-radio.js-form-type-radio.form-item-cosmetic-form.js-form-item-cosmetic-form.radio,
.form-item.js-form-item.form-type-radio.js-form-type-radio.form-item-application.js-form-item-application.radio{
    display: inline-block;
    text-align: center;
    padding: 20px;
    position: relative;
    background: #fff !important;
    margin-bottom: 25px;
    border-radius: 32px;
    text-align: center;
    cursor: pointer;
    transition: all 0.1s ease-in-out;
    opacity: 1;
    box-shadow: -6px -6px 10px #117f7230, 6px 6px 10px #117f7270;
    transition: all 0.1s ease-in-out;
}
.form-item.js-form-item.form-type-radio.js-form-type-radio.form-item-cosmetic-form.js-form-item-cosmetic-form.radio:hover,
.form-item.js-form-item.form-type-radio.js-form-type-radio.form-item-application.js-form-item-application.radio:hover{
  	box-shadow: 0 10px 30px 0 rgb(28 162 145 / 30%);
    -moz-box-shadow: 0 10px 30px 0 rgba(28,162,145,.3);
    -webkit-box-shadow: 0 10px 30px 0 rgb(28 162 145 / 30%);
    -o-box-shadow: 0 10px 30px 0 rgba(28,162,145,.3);
    -ms-box-shadow: 0 10px 30px 0 rgba(28,162,145,.3);
    opacity: 0.8;
    box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.5), inset 8px 8px 16px rgba(0, 0, 0, 0.1);
    color: #6d6e71;
}

@media (max-width: 768px) {
    .form-item.js-form-item.form-type-radio.js-form-type-radio.form-item-cosmetic-form.js-form-item-cosmetic-form.radio,
    .form-item.js-form-item.form-type-radio.js-form-type-radio.form-item-application.js-form-item-application.radio{
    	width: 100% !important;
	}
}
.form-item {
    background: transparent !important;
}
.form-item.js-form-item.form-type-radio.js-form-type-radio.form-item-cosmetic-form.js-form-item-cosmetic-form.radio{
	width: 33%;
}
.form-item.js-form-item.form-type-radio.js-form-type-radio.form-item-application.js-form-item-application.radio {
    width: 24.5%;
}
@media (max-width: 812px) {
    .form-item.js-form-item.form-type-radio.js-form-type-radio.form-item-application.js-form-item-application.radio {
        width: 48.5%;
    }
    .form-item.js-form-item.form-type-radio.js-form-type-radio.form-item-cosmetic-form.js-form-item-cosmetic-form.radio {
      width: 32%;
  	}
}
.row-formula-details {
    margin-bottom: 10px;
}
/*--ESTRUCTURA BLOQUES INGREDIENTES ---*/
.panel-title {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #6d6e71;
}
.form-item-application .input-group {
    width: 100%;
}
#application-main-ingredients .fieldset-wrapper .form-item {
    width: 50%;
    float: left;
    margin-top: 0px;
}
.form-item.js-form-item.form-type-checkbox {
    width: 50%;
    float: left;
    /* min-height: 1px; */
    margin-top: 0px;
}
.form-item.js-form-item.form-type-checkbox.js-form-type-checkbox.form-item-terms.js-form-item-terms.checkbox {
    width: 100% !important;
}
label.control-label.option.js-form-required.form-required {
    font-size: 15px !important;
}
@media (max-width: 768px) {
    #application-main-ingredients .fieldset-wrapper .form-item,
  .form-item.js-form-item.form-type-checkbox{
      width: 100%;
	}
}
/*----- ESTRUCTURA APLICACIÓN PRODUCTO ---*/
#application-main-application{
  background:transparent;
}
#application-main-application .radio input[type="radio"],
.form-item-cosmetic-form .radio input[type="radio"]{
    display: none;
}

/*----- /ESTRUCTURA APLICACIÓN PRODUCTO ---*/
#application-main-ingredients,
#application-active-ingredient-properties,
#application-active-ingredients{
    border-radius: 25px;
	box-shadow: 0 5px 30px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 5px 30px 0 rgb(0 0 0 / 10%);
    -o-box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 5px 30px 0 rgba(0,0,0,.1);
    padding: 15px 0 !important;
}
#application-main-ingredients .panel-heading .panel-title,
#application-active-ingredient-properties .panel-heading .panel-title,
#application-active-ingredients .panel-heading .panel-title{
    color: #1ca291 !important;
    line-height:1.1em !important;
}
#application-main-ingredients .panel-body .panel-heading .panel-title{
	color: #fff !important;
}
#application-main-ingredients [id^=edit-ingredients-container] .panel-heading .panel-title{

}
#application-main-ingredients [id^=edit-ingredients-container] .panel-body .panel-heading .panel-title{
	background: #1ca291;
    border-radius: 8px;
    padding: 10px !important;
}
#application-active-ingredients .panel-body .panel-heading .panel-title{
    color: #1ca291 !important;
    line-height:1.1em !important;
    border: 1px solid #a8eae2;
    border-radius: 8px;
    padding: 10px !important;
}
#application-main-ingredients [id^=edit-active-ingredients-container] .panel-body .panel-heading .panel-title{
    border: 1px solid #a8eae2;
    border-radius: 8px;
    padding: 10px !important;
}
.panel {
    border: 0px !important;
  	box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
}
.panel-default > .panel-heading,
.navbar-default{
    color: #333333;
    background: transparent !important;
    border: 0px !important;
}
.panel-default {
    border: 0px !important;
    margin-bottom: 0px !important;
}
.panel-title {
    font-size: 1.2em !important;
    padding: 0px !important;
    margin: 0px !important;
}
.form-item .panel-heading .panel-title {
    color: #fff;
    font-size: 1.65em !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: -0.2px;
    margin: 0px !important;
    padding: 5px 10px !important;
}
.panel-body .panel-heading .panel-title {
    color:#333;
    font-size: 1.2em !important;
    font-weight: 400;
    padding: 0px !important;
    margin: 0px !important;
}
.panel-body .panel-heading .panel-title:after{
    color: #FFF !important;
    content: '▼';
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    float:right;
    font-size: 17px;
}
.has-glyphicons .panel-body .panel-heading .panel-title:after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e114';
}
@media (max-width: 768px) {
     .panel-body .panel-heading .panel-title {
        font-size: 1.1em !important;
    }
    .panel-body .panel-heading .panel-title:after{
        
    }
}
.select-wrapper:after {
    color: #1ca291 !important;
}
legend {
    border-bottom: 0px !important;
    margin-bottom: 0px !important;
}
#edit-cosmetic-form .radio input[type="radio"]{
    display: none;
}
[id^=edit-cosmetic-form] label.control-label.option,
#application-main-application label.control-label.option{
    color: #009f8f;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size:20px;
    letter-spacing: 0px;
    padding-left: 0px;
    width:100%;
}
.form-item-selected {
	box-shadow: 0 10px 30px 0 rgb(28 162 145 / 30%) !important;
    -moz-box-shadow: 0 10px 30px 0 rgba(28,162,145,.3) !important;
    -webkit-box-shadow: 0 10px 30px 0 rgb(28 162 145 / 30%) !important;
    -o-box-shadow: 0 10px 30px 0 rgba(28,162,145,.3) !important;
    -ms-box-shadow: 0 10px 30px 0 rgba(28,162,145,.3) !important;
    opacity: 0.6 !important;
    box-shadow: inset -4px -4px 8px rgba(255, 255, 255, 0.5), inset 8px 8px 16px rgba(0, 0, 0, 0.1) !important;
    color: #6d6e71;
}
#edit-cosmetic-form label.control-label.option,
#application-main-application label.control-label.option{
    font-size: 19px;
}
.input-group .select-wrapper:first-child .form-control:first-child {
    background: #fbfbfb;
    border: 0px;
    border-radius: 25px !important;
    font-size: 20px;
    height: 50px;
    padding: 0px 20px;
}
[id^=edit-cosmetic-form-container]{
}

#application-main-ingredients .panel-body .panel-heading,
[id^=edit-ingredients-container] .panel-body .panel-heading,
[id^=edit-aceite-mantequilla-cera-silicona-details] .panel-body .panel-heading,
[id^=edit-acondicionador-details] .panel-body .panel-heading,
[id^=edit-almidon-sensorial-opacidad-details] .panel-body .panel-heading,
[id^=edit-emulsificante-modificador-reologico-details] .panel-body .panel-heading,
[id^=edit-esteres-emolientes-details] .panel-body .panel-heading,
[id^=edit-formador-de-pelicula-details] .panel-body .panel-heading,
[id^=edit-resina-fijadora-details] .panel-body .panel-heading,
[id^=edit-fragancia-details] .panel-body .panel-heading,
[id^=edit-humectantes-details] .panel-body .panel-heading,
[id^=edit-preservante-antioxidante-details] .panel-body .panel-heading,
[id^=edit-solvente-details] .panel-body .panel-heading,
[id^=edit-surfactante-details] .panel-body .panel-heading,
[id^=edit-activos-details] .panel-body .panel-heading,
[id^=edit-viscosante-estructurante-details] .panel-body .panel-heading{
    padding-top: 0 !important;
}
[id^=edit-active-ingredient-properties-container] .panel-body{
    padding: 0 25px !important;
    margin: 0 auto !important;
}
[id^=edit-properties] .form-item.js-form-item.form-type-checkbox {
    width: 33%; 
}
@media (max-width: 812px) {
    [id^=edit-properties] .form-item.js-form-item.form-type-checkbox {
    	width: 50%; 
	}
}
@media (max-width: 768px) {
    [id^=edit-properties] .form-item.js-form-item.form-type-checkbox {
    	width: 100%; 
	}
}

/*--- BOTON FINALES --*/
#form-user-actions-wrapper {
    bottom: 0;
    background: #1ca291;
    border-radius: 25px 25px 0 0;
    margin: 0 auto;
    left: 10%;
    padding: 10px 0;
    position: fixed;
    text-align: center;
    justify-items: center;
    width: 80%;
    z-index: 5000;
}
.btn {
    border-radius: 30px !important;
    font-size: 1.1em !important;
  	font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    letter-spacing: -0.2px;
    padding: 10px 25px !important;
}
button#review-formula-button,
.button.js-form-submit.form-submit.btn-default.btn{
    background-color: #ffa500;
    border: 1px solid #ffa500;
    color:#fff;
    /*box-shadow: -6px -6px 10px #117f7230, 6px 6px 10px #117f7270;*/
    transition: all 0.1s ease-in-out;
}
.button.js-form-submit.form-submit.btn-default.btn {
    background: #01c72c !important;
    border: 1px solid #01c72c;
}
.form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-name.js-form-item-name.form-group,
.form-item.js-form-item.form-type-email.js-form-type-email.form-item-mail.js-form-item-mail.form-group{
    width: 48% !important;
    margin: 1% 1% 5% 1%;;
    float: left;
  
}

.row.signature-wrapper img {
    max-width: 120px;
    display: block;
}
@media (max-width: 768px) {
  	#form-user-actions-wrapper {
        background: #047c6d;
      	display: flex;
  		justify-content: center;
     	padding:5px 0;
    }
    button#review-formula-button,
    .button.js-form-submit.form-submit.btn-default.btn{
      	
    }
  	.form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-name.js-form-item-name.form-group,
	.form-item.js-form-item.form-type-email.js-form-type-email.form-item-mail.js-form-item-mail.form-group{
      	width: 100% !important;
    	margin: 1% 1% 1% 1%;
    }
  	#send-formula-form .btn{
  		margin-top:10px;
  	}
}
/*--- /BOTON FINALES --*/
/*---- MODAL ---*/
.close {
    font-size: 24px !important;
    color: #d9534f !important;
    filter: alpha(opacity=60) !important;
    opacity: 0.6 !important;
}
.modal-body {
	text-align: left !important;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #fff !important;
    border: 1px solid #fff !important;
    border-radius: 25px !important;
    padding: 20px;
}
.modal-header {
    border-bottom: 0px !important;
}
button#webform-modal-button {
    margin: 0 auto;
    display: block;
    border: 2px solid #fff;
    background: #f11058;
}
.modal-content .form-item.js-form-item.form-type-textfield.js-form-type-textfield, 
.modal-content .form-item.js-form-item.form-type-select.js-form-type-select {
    width: 100%;
}
.modal-content .form-item.js-form-item.form-type-checkbox {
    width: 100%;
    float: left;
    margin-top: 0;
}
.modal-footer {
    border-top:  0px !important;
    text-align:center !important;
}
.modal-content h3#myModalLabel {
    color: #1ca291;
    font-weight: 600;
    font-family: 'Montserrat';
    font-size: 26px;
    letter-spacing: -0.5px !important;
}
.modal-content label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: 'Montserrat' !important;
}

.modal-header h4,
.modal-content h4{
    color: #1ca291 !important;
    font-family: 'Montserrat',sans-serif;
    font-weight: 500;
    font-size: 23px !important;
}
.modal-content h5, 
.modal-content .h5 {
    font-size: 19px;
    color: #FFF;
    font-weight: 400;
    background: #16ae9e;
    padding: 8px 8px;
    border-radius: 5px;
}
.modal-content img.option-icon {
    display: inline-block;
    max-height: 30px;
    margin: 0 10px 0 0 !important;
    width: auto;
}
.progress {
    height: 15px !important;
    margin-bottom: 15px;
    overflow: hidden;
    background-color: #f5f5f5 !important;
    border-radius: 15px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.progress-bar {
    line-height: 17px !important;
    background-color: #16ae9e !important;
}
.modal-content button#edit-submit--2,
.modal-content button#edit-submit{
    background: #ff9a04;
    border-color: #ff9a04;
    padding: 10px 50px !important;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

}
.modal-content button#edit-submit--2:hover,
.modal-content button#edit-submit:hover{
    background-color: #ff6004;
    border-color: #ff6004;
}
/*---- ENVIAR FORMULA --*/
#send-formula-form{
    background: #fff;
    padding: 3%;
    border-radius: 20px;
    margin-top:20px;
}
#send-formula-form .form-item.js-form-item.form-type-textfield.js-form-type-textfield, 
#send-formula-form .form-item.js-form-item.form-type-select.js-form-type-select {
    width: 100%;
}
#send-formula-form .btn {
    background-color: #ff9a04;
    border-color: #ff9a04;
    font-size: 0.95em !important;
    display:block;
  	margin:0 auto;
    -webkit-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}
#send-formula-form .btn:hover {
    background-color: #ff6004;
    border-color: #ff6004;
}
/*---- FORMULA FINAL --*/
.product-type strong {
	color: #1ca291;
    font-family: 'Montserrat',sans-serif;
    font-size: 19px;
    clear: both;
    display: block !important;
    font-weight: 300 !important;
}
.row-ingredients h4,
.active-ingredients-properties h4,
.row.row-active-ingredient-properties h4{
    background: #1ca291;
    border-radius: 8px;
    color: #fff !important;
    margin-left: 5px !important;
    padding: 10px;
    width: 100%;
}
.active-ingredients-properties h4{
    margin-left: 0px !important;
}
#block-headerformula{
    background: #fff;
    padding: 3% 1% 1.5% 3%;
    border-radius: 20px 20px 0 0;
}
#block-headerformula h3,
#block-headerformula h4{
	font-family: 'Montserrat',sans-serif;
}
#block-headerformula h4{
	margin-top:25px;
}
#user-formula{
    background: #fff;
    padding: 1% 3% 3%;
    border-radius: 0 0 20px 20px;
}
#user-formula .option-icon {
    max-height: 40px;
    display: inline-block;
    margin: 0 auto 10px auto;
}
#user-formula h5, #user-formula .h5,
#user-formula h4, #user-formula .h4{
    color: #1ca291;
    font-family: 'Montserrat',sans-serif;
    font-weight: 300 !important;
    font-size: 19px;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}
#user-formula .ingredient-category,
#user-formula .active-ingredients-properties,
#user-formula .active-ingredients{
    border: 1px solid #f1f1f1;
    margin: 5px;
    border-radius: 10px;
    padding: 10px;
}

/*--- RESUMEN FORMULAS ---*/
.view-formulas{
  	background: #fff;
    padding: 3%;
    border-radius: 20px;
}
.form-item.js-form-item.form-type-textfield.js-form-type-textfield,
.form-item.js-form-item.form-type-select.js-form-type-select{
    width: 33%;
}
.view-formulas td.views-field.views-field-field-ingredientes {
    font-size: 14px;
}
.view-formulas .view-filters .select-wrapper {
    width: 100%;
}
.view-formulas .form-inline .form-control {
    width: 99% !important;
}
select#edit-field-aplicaciones-productos-target-id,
select#edit-field-formas-cosmeticas-target-id {
    width: 100%;
}
.view-formulas .form-inline .control-label {
    font-size: 15px;
    margin-top: 15px;
    display: block;
}
.view-formulas .btn {
    background: #0ebcff !important;
    border-radius: 10px !important;
    font-size: 1em !important;
    padding: 5px 35px !important;
    margin-top: 10px !important;
}
.description {
    color: #1ca291 !important;
    margin-bottom: 10px;
}
.active-ingredients-properties .description{
	display:none !important;
}

/*--- POLITICAS  ---*/
.pagina-basica {
    background: #fff;
    border-radius: 30px;
    padding: 5%;
    text-align: justify;
}

/*---- RESET CUENTA ---*/
.user-login-form .form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-name.js-form-item-name.form-group,
.user-login-form .form-item.js-form-item.form-type-password.js-form-type-password.form-item-pass.js-form-item-pass.form-group,
.user-pass .form-item.js-form-item.form-type-textfield.js-form-type-textfield.form-item-name.js-form-item-name.form-group {
    width: 50% !important;
    display: block;
    clear: both !important;
    float: none;
    margin: 25px auto;
}
.user-login-form p,
.user-pass p {  
    font-family: 'Montserrat',sans-serif;
    margin: 0 auto;
    text-align: center;
    width: 50%;
}
.user-login-form div#edit-actions,
.user-pass div#edit-actions {
    text-align: center;
    margin-top: 20px;
}
.user-login-form button#edit-submit,
.user-pass button#edit-submit {
    background: #ff8400;
    border: 1px solid #ff8400;
    padding: 10px 50px !important;
    font-size: 20px !important;
}
.user-pass input#edit-name,
.user-login-form input#edit-name,
.user-login-form input#edit-pass {
    border-radius: 30px;
    font-family: 'Montserrat',sans-serif;
  	font-size: 18px;
  	height: 50px;
    padding: 10px 20px;   
}
.user-login-form label,
.user-pass label{
    display: inline-block;
    font-family: 'Montserrat',sans-serif;
    max-width: 100%;
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 18px !important;
    color: #fff !important;
    letter-spacing: 1px;
    text-align: center !important;
    margin: 0 auto !important;
    display: block;
}
.nav-tabs {
    border-bottom: 0px solid #ddd !important;
}
.nav-tabs,
nav.tabs{
    border-bottom: 0px !important;
    margin-top:30px;
    margin-bottom:30px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
nav.tabs .nav > li > a {
    background: #fffff957 !important;
    border-radius: 30px !important;
    font-family: 'Montserrat',sans-serif;
    padding: 8px 20px;
    color: #fff;
    border: 0px !important;
    font-size: 15px;
}
nav.tabs .nav > li > a:focus {
    border-radius:30px !important;
    color:#777777 !important;
}
nav.tabs .nav > li > a:hover{
  	background: #fffff97d !important;
    color: #fff !important;
}