@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: 'FontAwesome';
  src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.1/fonts/fontawesome-webfont.ttf') format('truetype');
}

.tt_interlinea{
	line-height: 1em;
	padding: 10px 0;
}

.pointer{
  cursor: pointer;
}

.horizontal-center {
  margin: 0 auto;
}

/* CSS Document */
.parallax-window {
	background: transparent;
}

.mega-menu a:hover{
    color: #007bff;
}

.ocultar{
  display: block;
}

/* Tree */
.box-tree {
  margin: 10px 0px 15px 0px;
}


/*tree-internal .tree .node-value {*/
  /*display: contents !important;*/
/*}*/

@media screen and (max-width: 992px){
  .ocultar {
    display: none;
  }

  .slick-dotted.slick-slider {
    margin-bottom: 10px !important;
  }
}

.side-nav-menu-item {
  line-height: 37px !important;
}

.img-circle{
    border-radius: 50%;
}

.bg-danger{
	background-color: #c9615d !important;
}

.btn-default{
	color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-default:hover{
	background-color: #007bff;
	color: #FFF
}
.btn-default.active{
	background-color: #007bff;
	color: #FFF
}

p a{
	color: #007bff;
}
@media screen and (max-width: 992px){
	.imagen-objeto{
		height: 25em;
		max-height: 18em;
	}
	.tab1 .nav-link{
		font-size: 22px;
	}
	.tab-productos .nav-link{
		font-size: 17px;
	}
	h4{
		font-size: 22px;
	}
	h6{
		font-size: 16px;
	}
}

@media screen and (min-width: 992px){
	.mobile-only{
		display:none !important;
	}
}
.parrafo {
	font-weight: 100;
	line-height: 1.5em;
}

/* Márgenes */

.m-sm{
	margin: 1em;
}
.m-md{
	margin: 2em;
}
.m-lg{
	margin: 4em;
}
.m-xl{
	margin: 8em;
}

.ml-sm{
	margin-left: 1em;
}
.ml-md{
	margin-left: 2em;
}
.ml-lg{
	margin-left: 4em;
}
.ml-xl{
	margin-left: 8em;
}

.mr-sm{
	margin-right: 1em;
}
.mr-md{
	margin-right: 2em;
}
.mr-lg{
	margin-right: 4em;
}
.mr-xl{
	margin-right: 8em;
}

.mx-sm{
	margin-left: 1em;
	margin-right: 1em;
}
.mx-md{
	margin-left: 2em;
	margin-right: 2em;
}
.mx-lg{
	margin-left: 4em;
	margin-right: 4em;
}
.mx-xl{
	margin-left: 8em;
	margin-right: 8em;
}

.mt-sm{
	margin-top: 1em;
}
.mt-md{
	margin-top: 2em;
}
.mt-lg{
	margin-top: 4em;
}
.mt-xl{
	margin-top: 8em;
}

.mb-sm{
	margin-bottom: 1em;
}
.mb-md{
	margin-bottom: 2em;
}
.mb-lg{
	margin-bottom: 4em;
}
.mb-xl{
	margin-bottom: 8em;
}

.my-sm{
	margin-top: 1em;
	margin-bottom: 1em;
}
.my-md{
	margin-top: 2em;
	margin-bottom: 2em;
}
.my-lg{
	margin-top: 4em;
	margin-bottom: 4em;
}
.my-xl{
	margin-top: 8em;
	margin-bottom: 8em;
}

/* Paddings */

.p-sm{
	padding: 1em;
}
.p-md{
	padding: 2em;
}
.p-lg{
	padding: 4em;
}
.p-xl{
	padding: 8em;
}

.pl-sm{
	padding-left: 1em;
}
.pl-md{
	padding-left: 2em;
}
.pl-lg{
	padding-left: 4em;
}
.pl-xl{
	padding-left: 8em;
}

.pr-sm{
	padding-right: 1em;
}
.pr-md{
	padding-right: 2em;
}
.pr-lg{
	padding-right: 4em;
}
.pr-xl{
	padding-right: 8em;
}


.px-sm{
	padding-left: 1em;
	padding-right: 1em;
}
.px-md{
	padding-left: 2em;
	padding-right: 2em;
}
.px-lg{
	padding-left: 4em;
	padding-right: 4em;
}
.px-xl{
	padding-left: 6em;
	padding-right: 6em;
}

.px-xxl{
	padding-left: 8em;
	padding-right: 8em;
}

.pt-sm{
	padding-top: 1em;
}
.pt-md{
	padding-top: 2em;
}
.pt-lg{
	padding-top: 4em;
}
.pt-xl{
	padding-top: 8em;
}

.pb-sm{
	padding-bottom: 1em;
}
.pb-md{
	padding-bottom: 2em;
}
.pb-lg{
	padding-bottom: 4em;
}
.pb-xl{
	padding-bottom: 8em;
}

.py-sm{
	padding-top: 1em;
	padding-bottom: 1em;
}
.py-md{
	padding-top: 2em;
	padding-bottom: 2em;
}
.py-lg{
	padding-top: 4em;
	padding-bottom: 4em;
}
.py-xl{
	padding-top: 8em;
	padding-bottom: 8em;
}

.welcome_img{
  background-image: url(https://swissjust-static.s3.us-east-1.amazonaws.com/swissJustWeb/imagenes/welcome.jpg);
  background-size: cover;
  background-position: center;
  height: 350px;
}


ul.welcome-flags li {
  list-style: none;
  margin-bottom: 10px;
  text-align: left;
}

.welcome-flags{
  padding: 0;
  margin-bottom: 10px;
}

a.country-name {
  line-height: 1.7;
  font-weight: 100;
  display: block;
}

.dropdown-toggle::after {
  border-top: .4em solid;
  border-right: .4em solid transparent;
  border-left: .4em solid transparent;
}

.none-arrow::after {
  content: none !important;
}

/* ------ Nueva pantalla de materiales ------- */
.boxlist{
  position: absolute;
  z-index: 990;
  background: white;
  padding: 0px;
  top: 39px;
  box-shadow: 2px 0px 20px -5px;
  width: 260px;
}
.materials-explorer .tab-content{
  background: white;
  z-index: 990;
  left: 260px;
  top: 0px;
  padding: 20px;
  width: 850px;
  min-height: 450px;
  box-shadow: 2px 0px 20px -5px;
  display: none;
  color: #111;
}
@media  screen and (max-width: 1200px){
  .tab-content{
    /*width: 680px;*/
  }
}
.boxlist li{
  padding:20px;
}
.boxlist li:hover{
  background-color: #ddd;
}
.boxlist li:after {
  content: "\f105";
  position: absolute;
  right: 20px;
  padding-left: 5px;
  font-family: 'FontAwesome';
  color: #111;
}
.boxlist li:hover .tab-content{
  display: block;
}
.tab-content li{
  /*color: #111;*/
  /*list-style: none;*/
}
.boxlist li a{
  color: #111;
}
.tab-content li:hover a{
  color: #111 !important;
}
.tab-content h3{
  font-size: 24px !important;
  text-decoration: underline;
}
.tab-panel{
  width: 33%;
  float: left;
  padding-right: 10px;
}
.tab-panel h5{
  font-size: 20px !important;
  margin: 20px 0;
  text-decoration: underline;

}
.tab-panel p{
  font-size: 16px;
  line-height: 14px;
}
.tab-panel a{
  color: #111;
}
.tab-panel a:hover {
  color: #007bff;
}

@media screen and (max-width: 640px){
  .mobile-none {
    display:none !important;
  }
}
/*.popover {*/
  /*z-index: 0;*/
/*}*/
.loader-material {
  color: #005299;
}

.home-margin-top {
  height: 50px;
}

@media screen and (max-width: 992px) {
  .home-margin-top {
    height: 0px;
  }
}

.forgot-password a {
  font-size: 13px;
  color: #666 !important;
  cursor: pointer;
}

.clickable {
  display: block;
}

.user .img{
  display: table-cell;
  vertical-align: middle;
}

.user .img img{
  border-radius: 50px;
}

.user .info{
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px !important;
  line-height: 1 !important;
}

.text-small {
  font-size: 12px;
}

.btn-right {
  /*position: absolute;*/
  right: 12px;
  /*top: 7px;*/
}

.btn-left{
  /*position: absolute;*/
  left: 12px;
  /*top: 7px;*/
}

.separator {
  position: relative;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  content: '';
  background-color: #a4a4a4;
  z-index: 1;
  max-width: 100%;
  border-width: 0;
}

.btn-usa {
  position: absolute;
  top: 2px;
  -webkit-box-shadow: 0px 0px 8px 0px #979797;
  box-shadow: 0px 0px 5px 0px #979797;
  border-radius: 10px;
}

.btn-usa .btn-usa-left {
  left: 12px;
}

.btn-usa .btn-usa-right {
  right: 12px;
}

.mw-20-px {
  max-width: 20px;
}

.center {
  display: inline-block;
}
.small-logo{
  width: 40px;
  height: 30px;
}

.header_logo {
  text-align: start !important;
  margin: 0 0 0 25px;
}

.lg-my-4 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.header_logo .consulant_info {
  font-size: 11px;
}

.header_logo .col-1, .col-2, .col-10 {
  padding-left: 5px;
  padding-right: 5px;
}

.consultantImage {
  object-fit: cover;
  height: 40px;
}

.btn.btn-xs {
  padding: 7px;
  font-size: 12px;
}

.text-none {
  text-transform: none !important;
}

.btn-two-lines {
  white-space:normal !important;
}

.border-right-1 {
  border-right: 1px solid #a4a4a4;
}

.info-text-link {
  font-size: 12px;
}

@media (min-width: 992px){
  .header_logo {
    text-align: center !important;
  }

  .header_logo .consulant_info {
    font-size: 16px;
  }

  .header_logo .consultant_image {
    width: 50px;
    height: 50px;
  }

  .lg-my-4 {
    margin-top: 1.5rem!important;
    margin-bottom: 1.5rem!important;
  }

  .info-text-link {
    font-size: 16px;
  }
}

.input-group-text {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: .375rem .75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem;
}

.input-group-text.input-btn-left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-text.input-btn-right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-shop {
  width: 50px !important;
  background: white !important;
}

.input-group {
  width: unset !important;
}