/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.9
 http://blueprintcss.org

   * Copyright (c) 2025-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

#ozen-theme--docwrap{ position:relative; width:1150px; margin:0 auto; background-color:#fff;}
.oz-sitedoc--headers{ text-align:center; padding-bottom:30px;}
.logo--part{ margin-bottom:15px;}
.oz-social-social{ display:inline-block; margin-right:20px;}
.oz-social-social a{ background-color:#ffba00; width:35px; height:35px; border-radius:5px; display:inline-block; text-align:center; line-height:42px; margin-right:2px;}
.buytheme--part{ display:inline-block;}
.oz-buybutton{ background-color:#ffba00; color:#fff; padding:10px 15px; border-radius:5px; border:none; vertical-align:text-bottom;}
#ozen-left--panel{	position:fixed;	left:auto;top:0;height:100%;width:350px;overflow-y:scroll;color: #d9d9d9;	padding:20px;background-color:#202020;}
.ozen-right--content---panel {width:68%; float:right; padding:50px; }

h2.oz-topic--title{ border-top:2px dashed #ffba00; border-bottom:2px dashed #ffba00; color: #ffba00; padding:10px 0; margin:30px 0;}
h2.oz-topic--title a{ background:url(../images/icon-link.png) #f7f7f7; background-repeat:no-repeat; background-position:center 6px; display:inline-block;width:45px; height:45px; line-height:45px; border-radius:100%; text-align:center; vertical-align:middle; border:1px solid #e7e6e6; margin-left:25px;}
h2.oz-topic--title a:hover{ cursor:pointer; background-color:#ffba00;}



/* grid.css */

.showgrid {background:url(src/grid.png);}
.prepend-top {margin-top:1.5em; margin-bottom:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#F6F6F4;color:#F6F6F4;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
h2 + hr{ height:.3em;}
h3 + hr{ height:.2em;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .ozen-right--content---panel:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .ozen-right--content---panel {display:block;}
.clear {clear:both;}

h3.title{color:#ccc;}

.info_box, .note_box, .tip_box,.error_box,tip_box{
	padding:15px 20px;
	margin: 40px 0px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	background:#eee;
}

.info_box{
	background:#f1fbfa;
	color:#2e6093;
}
	
.note_box{
	background:#fffcea;
	color:#9e660d;
}
.error_box{
	background:#ffede7;
	color:#cd0a0a;}
.tip_box{
	background:#ebfbee;
	color:#54a363;
	}
	
.back_to_top{font-size:14px;text-decoration: none; color:#828282; font-weight:normal; float:right;}
p, table, hr, .box { margin-bottom:10px; margin-top:10px; }
.box p { margin-bottom:10px; }
img{}
.red{color:red;}
h3.title, h1, h2, h3.message{ text-transform:none;}
h3.message, h3.like{font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; color:#666;}
h3.title{font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif;}
#web_links ul li{display:inline;}
#web_links img{padding:0px; background-color: transparent; max-width: 217px;}
.like { display:block; border-top:1px solid #EEEEEE; border-bottom:2px solid #EEEEEE; padding:15px 5px; color:#666;}


.cols-2 .col{
display: inline-block;
width:47%;
vertical-align: top;
}

.col img{
	max-width: 100%;
}

.cols-2 .col:first-child{
	margin-right: 4%;
}
.expand{
	display: none;
}



.back_to_top{
	display: none;
}


#ozen-left--panel ol.alphabet{
	margin-left: 40px;
	font-size: 14px;
	color: #d9d9d9;
}

ol.alphabet {list-style:decimal; margin-left:25px;}
ol.alphabet li a {text-decoration:none;  }
ol.alphabet li ol{list-style:lower-alpha ;}

#ozen-left--panel ol a{
	color: #d9d9d9;
	font-size: 15px;
	font-weight: bold;
	max-width: 200px;
}
#ozen-left--panel ol ol a {
	color: #c6c6c6;
	font-weight: normal;
}

#ozen-left--panel h2{
	color:#414141;
	padding: 10px 23px;
	font-size: 1.9em;
}

#ozen-left--panel ol a:hover{
	background: transparent;
}

#ozen-left--panel ol ol{
	display: none;
}

#ozen-left--panel>ol>li ol{
			margin-top: 11px;
	margin-bottom: 11px;
}

#ozen-left--panel li.current>a{
	color: #ffba00;
}

.ozen-right--content---panel{
	margin: 0;
}

#ozen-left--panel li{
	position: relative;
	margin-bottom: 0;	
	padding-top: 10px;
	padding-bottom: 10px;
}

#ozen-left--panel ol ol li:last-child{
	border-bottom-width: 0;
	padding-bottom: 0;
}

.expand{
	float: right;
	cursor: pointer;
	border: 1px solid #c9c9c9;
	line-height: 12px;
	padding: 2px 5px 4px 5px;
	position: absolute;
	right: 0;
	top:12px;
	z-index: 10;
	display: block;
}

.expand:after{
	content: "+";
}

.expanded:after{
	content: "-";
}

.expanded{
	padding-left: 7px;
	padding-right: 6px;
}


pre{
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  border:1px solid #ccc;
  background-color: #f6f6f4  ;
  overflow-wrap: break-word;
  padding: 10px;
  white-space: pre-wrap;
  word-break: break-all;
  font-size:12px;
  margin:10px 0px 20px 0px;
  width:800px;
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px; 
  border-radius: 5px; 
}

.share { border: none !important; margin: 0px !important; padding: 0px !important; }

h4 {font-size:18px; font-weight:bold; margin-bottom:15px;}

.text-style { font-size: 20px; color: #056bfd; font-weight: bold; display: block;}

/* CSS Blink Animation */
.blink {   animation: blink-animation 1s steps(1, start) infinite;}

@keyframes blink-animation {
    50% {
        visibility: hidden;
    }
}
ul.ozhilight li code{ background-color:#efe9d8; padding:5px 10px; border:0; display:inline; margin:0;}