/* basic reset */
html{
	color:#333;
	/* background:#fff; */
	-webkit-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%;
}
body{
	height: 100%;
	text-align: center;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote{
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
th, td{	padding: 0.5em 0.8em;}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, var {
	font-style:normal;
	font-weight:normal;
}
ol, ul {
	list-style:none;
}

caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;	
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	*font-size:100%;
}
legend {
	color:#333;
}
a{
	text-decoration: none;
}

.clear{clear: both;}

/* Font Stacks */
.font-family-optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}
.font-family-geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;}
.font-family-helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;}
.font-family-lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;}
.font-family-georgia {font-family: Georgia, sans-serif;}
.font-family-trebuchet {font-family: "Trebuchet MS", sans-serif;}
.font-family-palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}

/* Default Font Size */
html{
	font-size: 62.5%;
	font-size: -webkit-calc(0.625em);
  	font-size: calc(0.625em);
}
body{
	font-size: 1.2em;
	line-height: 1.4;
}
h1,.h1{font-size: 2em;}
h2,.h2{font-size: 1.5em;}
h3,.h3{font-size: 1.33em;}
h4,.h4{font-size: 1.25em;}
h5,.h5{font-size: 1.1667em; }
h6,.h6{font-size: 1em; }
p {margin: 0; padding: 0.4em 0; }


/* RichHTML content */
.rich{ font-size: 1em; line-height: 1.5;}
.rich h1{ margin: 0.67em 0 0 0; }
.rich h2{ margin: 0.8em 0 0 0; }
.rich h3{ margin: 1em 0 0 0; }
.rich h4{ margin: 1.2em 0 0 0; }
.rich h5{ margin: 1.4em 0 0 0; }
.rich h6{ margin: 1.4em 0 0 0; }
.rich ol, .rich ul{ padding-left: 1.25em; padding-bottom: 0.4em; padding-top: 0.4em; }
.rich ol{ list-style: outside decimal; }
.rich ul{ list-style: outside square; }
.rich li{ margin-bottom: 0.3em; }
.rich blockquote{ padding: 1em 2em; font-style: italic; font-size: 1.2em; max-width: 250px; float: right; }
.rich table{ border: 1px solid #ccc; margin: 1em 0;}
.rich th{ background: #ddd; font-weight: bold; padding: 1em; }
.rich td{ border: 1px solid #ccc; padding: 0.6em  1em;}
.rich tr.even td{ background: #f5f5f5; }
.rich .bordered{ padding: 6px; margin:1em 0; background:#f5f5f5; }
.rich .dropcap:first-letter { float: left; font-size: 3.5em; line-height:1; padding: 0.1em 0.15em 0 0;}


/* basic layout */

.wrapper{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
.body{
	width: 980px;
	margin: auto;
	background: #fff;
}
.body960{
	width: 960px;
	margin: auto;
	background: #fff;
}


/* grid */

.g800,.g780,.g760,.g680,.g660,.g640,.g620,.g600,.g580,.g560,.g520,.g500,.g480,.g460,.g420,.g400,.g380,.g360,.g340,.g320,.g300,.g220,.g200, .g180, .g120{ float: left; }
.g800{ width: 800px; }
.g780{ width: 780px; }
.g760{ width: 760px; }
.g680{ width: 680px; }
.g660{ width: 660px; }
.g640{ width: 640px; }
.g620{ width: 620px; }
.g600{ width: 600px; }
.g580{ width: 580px; }
.g560{ width: 560px; }
.g520{ width: 520px; }
.g500{ width: 500px; }
.g480{ width: 480px; }
.g460{ width: 460px; }
.g420{ width: 420px; }
.g400{ width: 400px; }
.g380{ width: 380px; }
.g360{ width: 360px; }
.g340{ width: 340px; }
.g320{ width: 320px; }
.g300{ width: 300px; }
.g220{ width: 220px; }
.g200{ width: 200px; }
.g180{ width: 180px; }
.g120{ width: 120px; }
.gc,.gcl{ padding: 13px 7px 13px 13px; }
.gcr{ padding: 13px 13px 13px 7px; }
.gcc{ padding: 10px 10px; }
.gright{ float: right !important;}

.gsauto .gs2,.gsauto .gs3,.gsauto .gs4,.gsauto .gs5,.gsauto .gs6,.gsauto .gs7,.gsauto .gs8,.gsauto .gs9,.gsauto .gs10,.gsauto .gs11,.gsauto .gs12{ float: left; }
.gsauto .gfirst{ margin-left: 0 !important; }
.gsauto .gs2{ margin-left: 4%;}
.gsauto .gs3{ margin-left: 3.5%;}
.gsauto .gs4{ margin-left: 3%;}
.gsauto .gs5{ margin-left: 2.5%;}
.gsauto .gs6{ margin-left: 2%;}
.gsauto .gs7{ margin-left: 1.88%;}
.gsauto .gs8{ margin-left: 1.7142%;}
.gsauto .gs9{ margin-left: 1.5%;}
.gsauto .gs10{ margin-left: 1.4%;}
.gsauto .gs11{ margin-left:1.25%;}
.gsauto .gs12{ margin-left:1.2%;}
.gs2{ width: 48%;}
.gs3{ width: 31%;}
.gs3-2{ width: 65.5%;}
.gs4{ width: 22.75%; }
.gs4-2{ width: 48.5% !important; }
.gs5{ width: 18%;}
.gs6{ width: 15%;}
.gs7{ width: 12.67428%;}
.gs8{ width: 11%;}
.gs9{ width: 9.7777%;}
.gs10{ width: 8.74%; overflow: hidden;}
.gs11{ width: 7.95454%; overflow: hidden;}
.gs12{ width: 7.23333%; overflow: hidden;}

.gs2r{ width: 48%; }
.gs3r{ width: 65%; }
.gs4r{ width: 74%; }
.gs5r{ width: 79%; }
.gs6r{ width: 83%; }
.gs7r{ width: 85%; }
.gs8r{ width: 87%; }
.gs9r{ width: 88%; }
.gs10r{ width: 89%; overflow: hidden;}
.gs11r{ width: 90%; overflow: hidden;}
.gs12r{ width: 91%; overflow: hidden;}
.gcontent{ padding: 6%;  text-align: justify;}

/* block */
.block{
	margin-bottom: 0.833em;
	background: #fff;
}
.block .block-title{
	margin: 0;
	padding: 0.833em;
	background: #ddd;
	font-size: 1em;
	font-weight: bold;
}

/* vertical navigation */
.vlist li{
	border-bottom: 1px solid #efefef;
}

.vlist li a{
	display: block;
	line-height: 160%;
	padding: 5px 10px;
}
.vlist li a:hover{
	background: #f5f5f5;
}
.vlist li ul{
	margin: 0;
	padding: 0;
}
.vlist li li{
	border-top: 1px solid #efefef;
	border-bottom: none !important;
}
.vlist li li a{
	padding-left: 30px;
}
.vlist li li li a{
	padding-left: 60px;
}

.vlist-simple ul{
	padding: 5px 0;
}
.vlist-simple li{
	line-height: 180%;
	padding: 2px 10px;
}
.vlist-simple li ul{
	padding: 0;
}
.vlist-simple li li{
	display: inline;
	padding: 0 10px 0 0;
	font-size: 11px;
}

.vlist-advance li:hover{ 
	position: relative;
	background: #f5f5f5;
}
.vlist-advance li ul { 
    display: none;
	width: 180px;
}
.vlist-advance li:hover ul {
	background: #f5f5f5;
    display: block;
    position: absolute;
    left: 180px;
    top: 0px;
}
.vlist-advance li li{
	border-top: none;
	border-bottom: 1px solid #ddd !important;
}
.vlist-advance li li a{
	padding-left: 10px;
}
.vlist-advance li li a:hover{
	background: #efefef;
}

.vlist-advance li li:hover{ 
	position: relative;
	background: #efefef;
}
.vlist-advance li ul ul, .vlist-advance li:hover ul ul{ 
    display: none;
}
.vlist-advance li li:hover ul {
	background: #efefef;
    display: block;
    position: absolute;
    left: 180px;
    top: 0px;
}
.vlist-advance li li li{
	border-top: none;
	border-bottom: 1px solid #ccc !important;
}
.vlist-advance li li li a{
	padding-left: 10px;
}
.vlist-advance li li li a:hover{
	background: #e5e5e5;
}

.vlist-rtl li:hover ul {
    left: -180px !important;
}

.vlist-icon li a, .vlist-icon li a:hover{
	background-image: url(img/navicon.png);
	background-repeat: no-repeat;
	background-position: 8px 11px;
	padding-left: 20px;
}
.vlist-icon li ul li a, .vlist-icon li ul li a:hover{
	background-position: 30px 11px;
	padding-left: 42px;
}
.vlist-icon li ul li ul li a, .vlist-icon li ul li ul li a:hover{
	background-position: 60px 11px;
	padding-left: 72px;
}

/* horizontal navigation */
.hlist{
	background: #333;
	margin-bottom: 0;
	height: 40px;
}
.hlist li{
	float:left; 
	font-weight: bold; 
	margin: 0;
	padding: 0;
}
.hlist li a{ 
	display:block; 
	color:#fff; 
	line-height:40px; 
	padding:0 10px;  
}
.hlist li a:hover, .hlist li:hover{
	color:#fff;
	background: #555;
}
.hlist li ul{
	position:absolute; 
	width:200px; 
	z-index:99; 
	left:-1999px;
}
.hlist li:hover ul{
	left: auto; 
}
.hlist li li{
	width:100%; 
	text-transform: none; 
	font-weight: normal;
}
.hlist li li a{
	background:#555; 
	display:block; 
	line-height:36px; 
	margin:0; 
	padding: 0;
	text-indent: 8px;
	border-bottom:1px solid #777;  
}
.hlist li li a:hover, .hlist li li:hover a{
	background:#666 !important; 
}
.hlist li ul ul, .hlist li ul li:hover ul ul{
	top: 0;
	left: -1999px !important;
}
.hlist li ul li:hover{
	position: relative; !important;
}
.hlist li ul li:hover ul, .hlist li ul ul li:hover ul{
	left: 200px !important;
}
.hlist li li li a{
	border-bottom:1px solid #888; 
}
.hlist li li li a:hover{
	background:#777 !important; 
}

.hlist-simple{
	margin-bottom: 0;
	min-height: 30px;
}
.hlist-simple li{
	display: inline;
	font-weight: bold; 
}
.hlist-simple li a{ 
	line-height:30px; 
	padding: 8px;  
}


/* thumbnail */
.thumbnail img{
	width: 100%;
}
.bordered{
	border: 1px solid #ddd;
	padding: 2px;
	background: #fff;
}
.content .thumbnail{
	margin-bottom: 10px;
}

/* content */
.gcontent, .content *{
	line-height: 140%;
}

/* data */
.gdauto .gdi{
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.gdauto .gdt{
	float: left;
}
.gdauto .gdd{
	float: right;
}
.gdauto .gdm{
	padding: 1% 3% 3% 3%;
	text-align: right;
	font-weight: bold;
}

/* table */
.vtop{
	vertical-align: top;
}
.label{
	background: #f5f5f5;
	width: 120px;
}


/* form */
input,select,textarea,option,label {font-size: 1em;}
input.txt, textarea, select{
	border: 1px solid #ddd;
	border-radius: 2px;
	padding: 8px 8px;
	margin: 1px 0;
	color: #777;
	box-shadow: 0 0 1px 1px rgba(0,0,0,.05);
	transition: all 0.3s ease-out;
}

input.txt:focus, textarea:focus, select:focus{
	border: 1px solid #bbb;
	background: #ffd;
	color: #333;
	outline: none;
}
input.btn{
	display: inline-block;
	margin: 5px 5px 5px 0;
	padding: 8px 15px;
	background: #FF8518;
	border: 1px solid rgba(0,0,0,0.15);
	border-radius: 3px;
	transition: all 0.3s ease-out;
	box-shadow:
	inset 0 1px 0 rgba(255,255,255,0.5),
	0 2px 2px rgba(0,0,0,0.1),
	0 0 4px 1px rgba(0,0,0,0.2);

	/* Font styles */
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
input.btn:hover  { background: #EF6B00; }

.error, .loading, .success, .warning, .info{
	margin: 5px 0;
	padding: 10px 10px 10px 40px;
	border: 1px solid;
	border-radius: 5px;
	background-repeat: no-repeat;
	background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('img/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('img/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('img/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('img/error.png');
}

.loading{
	background-image: url(img/loading.gif);
	background-color: #ffa;
	border: 1px solid #cc6;
}

.captcha{
	border:1px solid #666;
	margin-bottom: 5px;
	padding: 2px;
}


/* old standard */
.c{text-align: center !important;}
.l{text-align:left !important;}
.r{text-align: right !important;}
.j{text-align:justify !important;}
.clear{clear: both;}


/* page navigation */
.breadcrumb{
	padding: 5px 5px 5px 0;
}
.breadcrumb li{
	display: inline;
}
.breadcrumb a{
}
.breadcrumb a:hover{}
.breadcrumb-first a{
	padding: 0;
	background: none;
}
.breadcrumb span{
	color: #555;
	font-weight: bold;
}

.pagination{padding: 15px 0; font-size: 0.9em; color: #777; margin: 20px 0; text-align: center;}
.pagination a {padding: 6px 8px; color: #333; margin: 0 2px; background:#efefef; border:1px solid #ddd; border-radius: 3px;}
.pagination a:hover {background:#666; color: #fff; border:1px solid #333;}
.pagination strong {padding: 6px 8px; margin: 0 2px;}
.pagination-info{padding: 6px 0 0 0;}


.box_status_active{
	background:#69BC3C; 
	color: #fff; 
	padding: 8px 8px; 
	border-radius: 3px; 
	font-size: 11px; 
	max-width: 120px;
	display: block;
	line-height: 100%;
}
.box_status_warning{
	background:#E04D4D; 
	color: #fff; 
	padding: 8px 8px; 
	border-radius: 3px; 
	font-size: 11px; 
	max-width: 120px;
	display: block;
	line-height: 100%;
}
.right{
	text-align: right;
}
.pagination::after{
	display: none;
}
.table > thead > tr > th{
	background-color: #777!important;
}
.image {
    position:relative;
    padding-top:20px;
    display:inline-block;
}
.notify-badge{
    position: absolute;
    left:0px;
    top:5px;
    background:red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color:white;
    padding:5px 10px;
    font-size:20px;
}
.coret{
	text-decoration:line-through;
	color:#c5bcbc!important;
}