/*

*	2013-2014 

*	

*	NOTICE OF LICENSE

*	

* 	2014 v1.0.8

*  @author Aureli

*	@name Block supplier

*	@copyright Aureli

* 	Do not edit or add to this file if you wish to upgrade Blocksupplier to newer

* 	versions in the future.

*/



#block_supplier .page-subheading {

    font-family: "Open Sans",sans-serif;

    font-weight: 600;

    text-transform: uppercase;

    color: #555454;

    font-size: 18px;

    padding: 0px 0px 15px;

    line-height: normal;

    margin-bottom: 12px;

    border-bottom: 1px solid #D6D4D4;

}



#block_supplier .block_content {

	padding:3px 8px 0;

	border:0;

	background:#FBFBFB;

	border: 1px solid #D6D4D4;

}



#block_supplier .supplier_desc {

	color:#888;

	padding-bottom:10px !important;

}



#block_supplier .supplier_select {

	margin-bottom:10px;

	width:80%;

}



#block_supplier span {

	margin-left:20px;

}



#block_supplier .supplier_qty {

	width:30px;

	border:1px solid #cdcdcd;

	text-align:right;

}



#block_supplier #supplier_legal {

	padding-bottom:8px !important;

	color:#888;

	font-size:10px;

}



#block_supplier #supplier_link {

	color:#4AA3DF;

	font-size:10px;

	text-decoration:underline;

}



#block_supplier #valid_supplier {padding:0;}

#block_supplier .btn {

	border: 1px solid #06B2E6;

	padding: 10px 14px;

	background: linear-gradient(to bottom, #009AD0 0px, #007AB7 100%) repeat scroll 0% 0% transparent;

	margin-left:30px;

}

tr, td, th{

	border:1px solid rgb(128, 127, 127);

	padding-left:3px;

    padding-right:3px;

}

table{

	font-size: 13px;

	width: 100%;

	text-align:center;

}

.lista1 li{

	display:inline-block;

     padding-left:3px;

     padding-right:3px;

	 

}

th{

	background: #f0f0f0;

    text-align: center;

}





@media screen and (max-width: 600px) {

       table {

           width:100%;

		   font-size: 15px;

       }

       tr:nth-of-type(2n) {

           background-color: inherit;

       }

       tr td:first-child {

           background: #f0f0f0;

       }

       tbody td {

           display: block;

           text-align:center;

       }

       tbody td:before {

           content: attr(data-th);

           display: block;

           text-align:center;

       }

}







.popup {

    position: relative;

    display: inline-block;

    cursor: pointer;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

  }

  

  

  .popup .popuptext {

    visibility: hidden;

    width: 300px;

    background-color: #555;

    color: #fff;

    text-align: center;

    border-radius: 6px;

    padding: 8px 0;

    position: absolute;

    z-index: 1;

    bottom: 125%;

    left: 50%;

    margin-left: -80px;

  }

  

  

  .popup .popuptext::after {

    content: "";

    position: absolute;

    top: 100%;

    left: 50%;

    margin-left: -5px;

    border-width: 5px;

    border-style: solid;

    border-color: #555 transparent transparent transparent;

  }

  

  

  .popup .show {

    visibility: visible;

    -webkit-animation: fadeIn 1s;

    animation: fadeIn 1s;

  }

  



  @-webkit-keyframes fadeIn {

    from {opacity: 0;} 

    to {opacity: 1;}

  }

  

  @keyframes fadeIn {

    from {opacity: 0;}

    to {opacity:1 ;}

  }





  

.pop_up {

  position: absolute;

  top: 0;

  left: 0;

  width: 40%;

  height: 100%;

  background: rgba(0, 0, 0, .8);

  -ms-transform: scale(1) rotate(0) translate(0, 0) skew(0, 0);

  transform: scale(1) rotate(0) translate(0, 0) skew(0, 0);

  transition-property: transform, opacity;

  transition-duration: .3s;

  color:#fff;

  text-align:center;

}



.popup_hide {

  opacity: 0;

  -ms-transform: scale(0.5) rotate(0) translate(0, -200%) skew(0, 0);

  transform: scale(0.5) rotate(0) translate(0, -200%) skew(0, 0);/*if you want to change popup view init show way*/

}



.pop_up_close {

  position: absolute;

  top: 0;

  right: 0;

  margin: 20px 20px 0 0;

  width: 32px;

  height: 32px;

  cursor: pointer;

}



.pop_up_close:before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 5px;

  background: #fff;

  -ms-transform: rotate(45deg) translate(10px, 10px);

  transform: rotate(45deg) translate(10px, 10px);

}



.pop_up_close:after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 5px;

  background: #fff;

  -ms-transform: rotate(-45deg) translate(-10px, 10px);

  transform: rotate(-45deg) translate(-10px, 10px);

}



.mycustomerwsEnlaces{

  display: flex;

  justify-content: space-between;

}

.mycustomerwsEnlaces li{

  background-color: whitesmoke;

  width: 100%;

  padding: 5px;

  text-align: center;

  border: 1px solid #dbdbdb;

}

.mycustomerwsEnlaces li:hover{

  background-color: #ffffff;

}

.mycustomerwsBuscador{

  margin-bottom: 10px;

}