@charset "UTF-8";

/*  2016-6-20  */

::-webkit-scrollbar			{width:8px;height:8px}
::-webkit-scrollbar-track	{background-color:rgba(255,255,255,0.3)}
::-webkit-scrollbar-thumb	{background-color:grey;border-radius:5px;box-shadow:inset -1px -5px 10px rgba(0,0,0,0.3);}

* 					{padding:0;margin:0}
body				{font-family:sans-serif;margin:0 auto;}
h1,h2,h3,h4,h5,h6 	{letter-spacing:2px;}		
a:link,a:visited 	{text-decoration:none;color:black}
a:hover,a:action 	{color:red}
hr					{border-color:#eee;width:100%;margin:10px 0}
table				{width:100%;font-size:14px;border-collapse:collapse}
img					{background-color:#ddd}

/* OTROS */
.link{cursor:pointer}
.pre{white-space:pre-wrap}
.flex{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:flex-start;}
.flex>*{display:inline-block;flex:auto;box-sizing: content-box;}
.flexi{display:flex;flex-flow:row wrap;justify-content:space-between;}
.hide{display:none;transition:1s all}

/* LOGOUT */
#auth{box-sizing:border-box;position:fixed;z-index:100;top:0;left:0;padding:5px 40px;width:100%;background:rgba(125,125,125,0.5) url(../img/default/pattern.png);text-align:right;color:white} 
#auth form{display:inline}

/* OVERLAY */
.overlay{position:fixed;z-index:11;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6) url(../img/default/pattern.png);}
.deploy{position:relative;top: 50%;transform: translateY(-60%);background-color:white;border-radius:20px;margin:0 auto;padding:20px;}

/* LISTAS */
preview .container{display:flex;flex-flow:wrap}
preview .container>div{position:relative;display:inline-block;box-sizing:content-box;flex:auto;margin:10px;padding:14px;width:150px;max-width:190px;}
preview .container>div img{width:100%;box-shadow:0px 0px 15px rgba(0,0,0,0.3);max-width:190px;}
	
/* BUBBLE */
.bubble{position:relative;display:inline-block;background: #84b5d5;border: 3px solid #c2e1f5;border-radius:10px;padding:10px}
.bubble:after, .bubble:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.bubble:after {border-color: rgba(132, 181, 213, 0);border-top-color: #84b5d5;border-width: 15px;margin-left: -15px;}
.bubble:before {border-color: rgba(194, 225, 245, 0);border-top-color: #c2e1f5;border-width: 19px;margin-left: -19px;}

/* MENU */
nav ul.menu{list-style-type: none;font-size:25px;text-transform:uppercase;line-height: 33px;}
nav ul.menu li{display:inline}

/* menu primario */
nav ul.menu{list-style-type: none;text-align:right;font-family: sans-serif;font-size:20px;margin:8px 0 0}
nav ul.menu > li{display:inline-block;position:relative;}
nav ul.menu li > ul{display:none;list-style-type: none;position:absolute;left:-9px;padding:15px 10px 7px;border:2px solid lightgrey;border-top-color:white;text-align:left;width:200px;background-color:white;z-index:1}
nav ul.menu li > ul li{border-top:1px solid lightgrey}
nav ul.menu li > ul li:first-child{border-top:1px solid white}
nav ul.menu li:hover > ul , nav ul.menu li > ul:hover {display:block}
/* menu secundario */
nav ul.menu li ul li{position:relative;padding:5px 0;font-size:90%}
nav ul.menu li > ul > li > ul{display:none;list-style-type: none;position:absolute;top:0;left:200px;padding:10px;border:2px solid #aaa;text-align:left;width:200px;background-color:white;z-index:1}
nav ul.menu li > ul > li:hover >ul , nav ul.menu li > ul > li >ul:hover {display:block}

/* FORMS */
.count{float:right;color:grey;padding:2px;font-size:90%}
span.comboboxPlus{float:left;padding:3px;cursor:pointer}

/* TERCIOS */
#container{display:flex;flex-flow:row wrap;justify-content:space-around;align-items:flex-start;}
#container div{flex:auto;box-sizing: content-box;} /* width:200px;margin:10px; */
#container div p{display:block;position:relative}
#container div img{width: 100%; height:auto;}/*object-fit: scale-down;*/

/* RIBBON  padre debe tener overflow hidden*/
.ribbon{position: absolute;left:-33px;top:33px;width:150px;text-align:center!important;transform: rotate(-45deg);padding:5px;transform-origin: 50% 50%;color:white;font-weight: bold;background: #79A70A;background:linear-gradient(#dc3941 0%, #e40d1b 100%);box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);}
.ribbon p{width:230px;display:inline-block;}

/* lightbox */
.lb-image{background-color:black;width:700px!important;height:auto!important}
.lb-outerContainer,.lb-container{background-color:black;width:700px!important;}