/**
 *  ===========================  yii form. =================================
 */
/*div.form{}
div.form input, div.form textarea, div.form select{	margin: 0.2em 0 0.5em 0; }
div.form fieldset{	border: 1px solid #DDD;	padding: 10px;	margin: 0 0 10px 0;    -moz-border-radius:7px; }
div.form label{	font-weight: bold;		display: block; }
div.form .row{	margin: 0px 0px 8px 0px; }
div.form .hint{	margin: 0;	padding: 0;	color: #999;}
div.form .note{	font-style: italic;	padding:6px;	padding-left:0px; }
div.form span.required{	color: red; }
div.form div.error label, div.form label.error, div.form span.error{	color: #C00; }

div.form div.error input, div.form div.error textarea,
div.form div.error select, div.form input.error,
div.form textarea.error, div.form select.error{	background: #FEE;	border-color: #C00; }

div.form div.success input, div.form div.success textarea,
div.form div.success select, div.form input.success,
div.form textarea.success, div.form select.success{	background: #E6EFC2;	border-color: #C6D880; }
div.form .errorSummary{	border: 2px solid #C00;	padding: 7px 7px 12px 7px;	margin: 0 0 20px 0;	background: #FEE;	font-size: 0.9em; }

div.form .errorMessage{	color: red;	font-size: 0.9em;}
div.form .errorSummary p{	margin: 0;	padding: 5px;}
div.form .errorSummary ul{	margin: 0;	padding: 0 0 0 20px;}
div.wide.form label{ float: left; margin-right: 10px;	position: relative;	text-align: right;	width: 100px; }
div.wide.form .row{	clear: left;}
div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage{ clear: left; padding-left: 110px; }

div.wide label{ display: inline-block; }*/
/**
 *  ===========================  yii add. =================================
 */
div.flash-error, div.flash-notice, div.flash-success
{	padding:.8em;	margin-bottom:1em;	border:2px solid #ddd; }
div.flash-error{ background:#FBE3E4;	color:#8a1f11;	border-color:#FBC2C4; }
div.flash-notice{ background:#FFF6BF; color:#514721; border-color:#FFD324; }
div.flash-success{ background:#E6EFC2; color:#264409; border-color:#C6D880; }
div.flash-error a{	color:#8a1f11; }
div.flash-notice a{	color:#514721; }
div.flash-success a{ color:#264409; }

.portlet{}
.portlet-decoration{ padding: 3px 8px;	background: #B7D6E7; border-left: 5px solid #6FACCF; }
.portlet-title{	font-size: 12px;	font-weight: bold;	padding: 0;	margin: 0;	color: #298dcd; }
.portlet-content{ font-size:0.9em; margin: 0; padding: 5px; background:#EFFDFF; }
.portlet-content ul
{ list-style-image:none; list-style-position:outside; list-style-type:none;	margin: 0; padding: 0; }
.portlet-content li{	padding: 2px 0 4px 0px; }
.widget-content div{	padding: 2px 0 4px 0px; }

.operations{ list-style-type: none;	margin: 0; padding: 0; }
.operations li{	padding-bottom: 2px; }
.operations li a
{ font: bold 12px Arial; color: #0066A4; display: block; padding: 2px 0 2px 8px; line-height: 15px;	text-decoration: none; }
.operations li a:visited{	color: #0066A4; }
.operations li a:hover{	background: #80CFFF; }

/* ===========================================================================*/



/*#page_content ul, #page_content ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}*/

td { vertical-align: top}
.container {margin:0 auto;}

.fl{ float: left; }
.fr{ float: right; }
.fc{ clear: both; }
.ib{ display: inline-block; vertical-align: top;}
.inlineBlock {
    display: inline-block;
}
.pointer{ cursor: pointer; }
.cursor_def { cursor: default !important; }
/*.hide{display: none;}*/
.blk{ display: block; }
.flex{display: flex;}
.between{justify-content:space-between; }
.center{text-align: center;}
.d_a { text-decoration: none; border-bottom: 1px dashed; cursor: pointer;}
.tdn{text-decoration: none;}
.tdu{text-decoration: underline;}
.center{ text-align: center; }
.b {font-weight: bold;}
.gray{ background: #eee;}
.invert_w{ transform: rotate(180deg); }
.invert_h{ transform: rotate(90deg); }
.invert_h2{ transform: rotate(270deg); }

.after_cbox, div.form .after_cbox{
    vertical-align: 0px; margin-left: 5px; display: inline;
}

.load_ico {
    vertical-align: -3px;
    margin-left: 5px;
    display: none;
}

.publish_y {
    background:url(../images/back/publish_y.png);
    width: 16px; height: 16px;
    display: inline-block;
}
.publish_n {
    background:url(../images/back/publish_n.png);
    width: 16px; height: 16px;
    display: inline-block;
}

.lang_span_class { background:yellow !important; cursor:pointer; }

.simpleDialog{
    position: absolute;
    display: none;
    background: #eee;
    box-shadow: 0 0 4px black;
    padding: 10px;
    border-radius: 1px;
    z-index: 1000;
}
/* ======================== vega_dialog ================================================*/

.vega_dialog{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    align-content: center;
    justify-content: center;
    overflow: auto;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.5);
}
.vega_dialog .vega_dialog_wrap{
    border:0px solid #a1a1a1;
    background: #fff;
    box-shadow: 0 0 7px #000000;
    z-index: 1000;
    border-radius: 2px;
    min-width: 300px;
}
.vega_dialog .vega_dialog_header{
    background: #eee;
    display: flex;
    justify-content:space-between;
    align-item:center;
    padding: 7px 15px 7px 15px;
    border-radius: 2px 2px 0 0;
    align-items: center;
}
.vega_dialog .vega_dialog_title{
    font-size: 110%; font-weight: bold;
}
.vega_dialog .vega_dialog_close{
    cursor: pointer;
    width: 16px;
    height: 16px;
    background: url(/images/back/close.png) no-repeat;
}
.vega_dialog .vega_dialog_content{
    padding: 15px;
    min-height: 100px;
}
/*================================================================*/


/* ============ helper =========================*/
.helper_ico{
    display: inline-block;
    width: 14px; height: 14px;
    border: 1px solid;
    border-radius: 2px;
    vertical-align: middle;
    text-align: center;
    line-height: 14px;
    background: #feb61d;
    margin-right: 10px;
}
.helper_p_block {
   position: relative;
   cursor: default;
}
.helper_p_block div {
   display: none;  position: absolute;
   bottom: 13px; left: 14px;
   z-index: 9000;
   padding: 5px 5px;
   font-size: 12px;
   color: #000;
   box-shadow: 0 0 4px black;
   border: 0px solid #aaa;
   background: #feb61d;
   border-radius: 3px;
   text-align: left;
   width: 200px;
}

.toggleSwitch .selected{ background: #ccc;}
.toggleSwitch { letter-spacing: -5px;}
.toggleSwitch div{
    letter-spacing: normal;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid;
    cursor: pointer;
    text-align: center;
    min-width: 30px;
}

input, textarea, a, button {outline: none; }

.dialogClass{display: none;}

#ui-datepicker-div{z-index: 1000 !important;}

.red{ color: red;}
.green{color: green;}
.gray_text{color: #999;}