@font-face {
    font-family: Play;
    src: url('../include/font/play-regular-webfont.eot');
    src: url('../include/font/play-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../include/font/play-regular-webfont.woff2') format('woff2'),
         url('../include/font/play-regular-webfont.woff') format('woff'),
         url('../include/font/play-regular-webfont.ttf') format('truetype'),
         url('../include/font/play-regular-webfont.svg#playregular') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: Play;
    src: url('../include/font/play-bold-webfont.eot');
    src: url('../include/font/play-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../include/font/play-bold-webfont.woff2') format('woff2'),
         url('../include/font/play-bold-webfont.woff') format('woff'),
         url('../include/font/play-bold-webfont.ttf') format('truetype'),
         url('../include/font/play-bold-webfont.svg#playbold') format('svg');
    font-weight: bold;
}
html,
body {
	padding: 0;
	margin: 0;
	height: 100%;
	font-family: Play, Arial, sans-serif;
	font-size: 12px;
    font-weight: normal;
    width: 100%;
}
.left {
	float:left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.left20 {
	margin-left: 20px;
}
.left30 {
	margin-left: 30px;
}
.top30 {
	margin-top:30px;
} 
.left40 {
	margin-left: 40px;
}
.top10 {
	margin-top:10px;
}
.none {
	display: none !important;
}
.paddingBottom {
	padding-bottom:10px;
}
.divtable {
	display: table;
	height: 50px;
	min-height: 50px;
}
.valign {
	display: table-cell;
	vertical-align: middle;
}
.centeralign {
	text-align: center;
}
.width150 {
	width: 150px;
}
.width200 {
	width: 200px;
}
.width250 {
	width: 250px;
}
.width300 {
	width: 300px;
}
.width350 {
	width: 350px;
}
.width400 {
	width: 400px;
}
.width450 {
	width: 450px;
}
.width500 {
	width: 500px;
}
#wrapper {
	width:100%;
	min-height:100%;
    position: relative;
    /*min-width: 960px;*/
    padding-top: 70px;
}
.navbar {
	min-height: 52px;
}
.navbar-toggle {
	margin: 2px 0 0 0;
	outline: none;
}
.navbar-toggle .icon-bar {
	background-color:#fff;
}
#header .userdata .navbar-toggle {
	float: left;
	margin-top: -8px;
}
#header {
	border-top: 2px solid #EA5C38;
	width: 100%;
	height: 52px;
	background: #252b2b;
	/*margin-top: 20px;*/
}
#header header {
	position: fixed;
	width:100%;
}
#header .headerplace {
	margin: 0 auto;
	position: relative;
	/*width: 1280px;*/
	height: 50px;
	top: 0;
	left: 0;
}
#header .headerplace .logo {
	position: relative;
	left: 10px;
	top: 5px;
	width: 38px;
	height: 38px;
	background:url(../img/icon/logo.png) no-repeat;
	background-size: cover;
}
#header .headerplace .navplace {
	position: relative;
	left:10px;
	top:10px;
	/*width: 700px;*/
	height: 50px;
	display: table;
	
}

.nav_left {
	margin-left:94px !important;
}
#nav {
	/*margin: 10px auto;*/ 
	text-align: center;
	z-index:999;
	font-size: 14px;
	
}

@media only screen and (min-width : 768px) {
	#nav ul ul {
		display: none;
	}

	#nav ul li:hover > ul {
		display: block;
	}
}

#nav ul {
	padding: 0 10px;
	list-style: none;
	position: relative;
	display: inline-table;
	z-index:999;
	margin: 0;
}
	#nav ul:after {
		content: ""; clear: both; display: block;
	}

	#nav ul li {
		float: left;
	}
		#nav ul li:hover {
			background-color: #ea5c38;
		}
			#nav ul li:hover a {
				color: #fff;
			}
		
		#nav ul li a {
			display: block; padding: 10px;
			color: #fff; text-decoration: none;
		}
		
	#nav ul ul {
		background: #252B2B;/*EA5C38; 5f6975;*/ 
		padding: 0;
		z-index:999;
	}
		#nav ul ul li {
			float: none; 
			position: relative;
			z-index:999;
			text-align: left;
			min-width: 200px;
		}
			#nav ul ul li a {
				padding: 5px 10px;
				color: #fff;
			}	
		
	#nav ul ul ul {
		position: absolute;
		left: 100%;
		top:0;
		z-index:999;
	}

#header .headerplace .userdata {
	position: relative;
	right:0;
	background: #ea5c38;
	/*width: 200px;*/
	height: 50px;
	top:0;
	color: #f1f1f1;
	padding: 0 10px;
}
#header .headerplace .userdata .flag {
	position: relative;
	float:left;
}
#header .headerplace .userdata .flag img {
	padding:0 10px 0 0;
}
#header .headerplace .userdata .user {
	position: relative;
	left: 10px;
	width:180px;
	font-size:13px;
}
#header .headerplace .userdata .user span {
	font-weight: 900;
}
#header .headerplace .userdata .cancel {
	position: relative;
	/*width:180px;*/
	/*left:10px;*/
	top: 15px;
	font-size:11px;
}
#header .headerplace .userdata .cancel img {
	padding:0 10px;
}
#header .headerplace .userdata .cancel a, #header .headerplace .userdata .cancel a:hover, #header .headerplace .userdata .cancel a:visited{
	text-decoration: none;
	color: #f1f1f1;
}
#header .headerplace .userdata .clock {
	position: relative;
	top:15px;
	right: 10px;
	width: 120px;
	height: 30px;
	font-size: 10px;
	text-align: right;
}
#header .headerplace .userdata .clock div {
	background:url(../img/icon/clock-icon.png) no-repeat;
	width: 20px;
	height: 20px;
	background-size: cover;
}
#header #flag_navigation {
	float: left;
	padding:0;
}
.flag ul {
	list-style: none;
	padding:0;
}
.flag ul li {
	display: inline;
}

@media only screen and (min-width : 768px) {
	#nav ul ul {
		position:absolute;
	}
	#header .headerplace .navplace {
		display: none;
	}
}

/* Responsive menu */
@media only screen and (max-width : 767px) {
	#main_navigation {
		position:absolute;
		top: 39px;
		visibility: visible!important;
		background-color:#252b2b;
	}
	#slide-out {
		display: none;
	}
	#flag_navigation {
		position:absolute;
		left: -8px;
		top: 29px;
	}
	#main_navigation #nav {
		background-color:#252b2b;
	}
	#flag_navigation .flag {
		background-color:#ea5c38;
	}
	.navbar-collapse.in {
		overflow-y: auto;
		overflow-x: hidden;
	}
	#nav ul.navigation {
		padding:0;
	}
	#nav ul li {
		text-align:left;
		min-width:200px;
	}
	#nav ul ul {
		top:initial;
	}
	#nav ul ul li a {
		padding: 10px 10px 10px 25px;
	}
	.flag ul li {
		display:block;
		text-align:center;
		padding:0;
	}
	.flag ul li a {
		padding: 10px;
		display:block;
	}
	#main_navigation.navbar-collapse {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}
	.userdata a span {
		display: none;
	}
}

/*content*/

.sidebar {
	display: block;
	position: fixed;
	top: 52px;
	left: 0;
	height: calc(100% - 52px);
	margin: 0px;
	padding: 0px;
	width: 220px;
    background-color: #252b2b;
    border-right: 1px solid #101010;
    font-size: 14px;
	overflow-y: auto;
	overflow-x: hidden;
	z-index: 999;
}

@media only screen and (min-width: 1281px) {
    .submitribon, fieldset.mainFieldset {
    	width: 1200px !important;
		max-width: 1280px;
    }
}
@media only screen and (max-device-width: 1280px) {
    .container{
        /*min-width:960px;*/
        width: auto;
        max-width: none !important;
        padding: 0;
	}
    .submitribon, fieldset.mainFieldset {
		/*min-width: 960px;*/
		max-width: 1279px;
    }
    .sidebar {
    	width: 120px;
		font-size: 11px;
    }
	#slide-out .nav-sidebar.expanded {
		width: 120px;
	}
    h2 {
    	margin-left: 10px;
    }
}
/*
@media only screen and (min-width: 1440px) {
	.container {
        padding-left: 348px!important;
    }
	.container-shrink {
		padding-left: 248px!important;
	}
}

 */
.container {
	/*margin:0 auto;*/
	margin-left: 220px;
	padding-bottom: 15px; /*150px;*/
	max-width: none !important;
}
#content .headline{
	position: relative;
	margin-left: 10px;
	margin-bottom: 0px;
	font-size:25px;
	text-align: left;
	text-shadow: 1px 1px #2px #ccc;
	color: #2f2f2f;
	z-index:1;
	overflow: auto;
}
#content .form {
	position: relative;
	width: 100%;
	/*height:100%;*/
	top: 10px;
	margin-bottom: 30px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index:1;
} 
/*if tabs */
.ui-tabs #content .form {
	position: relative;
	width: 98%;
	/*height:100%;*/
	top: 10px;
	margin-bottom: 30px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index:1;
}
.nav-tabs {
	margin-left: 18px;
}
.nav-tabs li.active a {
	background-color: #fff;
}
.nav-tabs li a:hover {
	
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.nav-tabs li a {
	background-color: #eee;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.nav-tabs #backlink {
}
.nav-tabs #backlink a {
	color: #fff;
	padding: 10px 18px;
	background: #ea5c38 url('../img/icon/back.png') no-repeat center center;
	border-color: #ea5c38;
}

.submitribon {
	position: relative;
	width:100%;
	height:50px;
	background: rgba(255,255,255,.8);
	border-bottom: 1px solid #fff;
	/*border-bottom: 1px solid rgba(0, 0, 0, 0.2);*/
	z-index:2;
}
.submitribon_sticker {
	margin-left: 0 !important;
}
.submitribon span {
	font-size: 16px;
	text-shadow: 0 1px 1px #ccc;
	margin:0 5px 0 0;
	padding:0;
}
fieldsetname {
	position: relative;
	margin-top:20px;
	margin-bottom: 20px;
	margin-left: 20px;
	display: inline-block;
	float:left;
	height: 30px;
	font-size:20px;
	color: #2f2f2f;
	background: #fff;
}
.container fieldset {
	/*-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 6px;*/
	margin: 10px;
	float: left;
	/*border: 1px solid rgba(0, 0, 0, 0.2);*/
}
.container fieldset legend {
	font-size: 23px;
}
.container fieldset fieldset {
	/*border: 1px solid rgba(0, 0, 0, 0.2);*/
	margin: 10px 10px 10px 0;
}
.container fieldset fieldset fieldset {
	border: 0;
}
fieldset.mainFieldset fieldset legend {
	font-size: 21px;
}
fieldset.multi-lang-container fieldset {
	border: 1px solid rgba(0, 0, 0, 0.2) !important;
	border-top:0 !important;
	width:100%;
	margin-top: 0;
}
.set300{
	width: 300px;
}
.set400{
	width: 400px;
}
.set500{
	width: 500px;
}
.set600{
	width: 600px;
}
.set700{
	width: 700px;
}
.set800{
	width: 800px;
}
.set900{
	width: 900px;
}
.set1000{
	width: 1000px;
}
.set1100{
	width: 1100px;
}
.set1240{
	width: 1240px;
}
.mainFieldset{
	/*width: 100%;*/
}
fieldset.multi-lang-container {
	border: 0;
}
.multi-lang-container{
	max-width: 1220px;
	width:310px;
}
.multi-lang-container.ui-widget {
	font-family: inherit;
}
.collection_tabs ul {
	margin-top: 5px !important;
	background: none;
	border: none;
	border-bottom: 1px solid #ddd;
	width: 100%;
}
.collection_tabs ul li {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.collection_tabs ul li a {
	outline: none;
}

/*if tabs*/

.ui-tabs .set500{
	width: 484px;
}
.ui-tabs .set600{
	width: 584px;
}
.ui-tabs .set700{
	width: 684px;
}
.ui-tabs .set800{
	width: 784px;
}
.ui-tabs .set900{
	width: 884px;
}
.ui-tabs .set1000{
	width: 984px;
}
.ui-tabs .set1100{
	width: 1084px;
}
.ui-tabs .set1240{
	width: 1224px;
}
.ui-tabs .mainFieldset{
	/*max-width: 1248px;
	width: 98%;*/
}
.ui-tabs .multi-lang-container{
	max-width: 1190px;
	width: 100%;
}
.multi-lang span, .container label, .container p {
	float: left;
	clear: both;
	font-size: 12px;
}
.multi-lang ul{
	float: left;
	clear: both;
}
.multi-lang textarea,.multi-lang input[type='text'],.cntMultiLang input, #content  input.normal, #content select.normal {
	width: 250px;
	height:30px;
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	float: left;
	clear: both;
}
.multi-lang .mce-tinymce.mce-container.mce-panel {
	width: 250px;
	outline:none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border: 1px solid #ccc;
	clear: both;
}
textarea, .multi-lang .mce-tinymce.mce-container.mce-panel iframe {
	height: 200px !important; /*TODO replace*/
}
.multi-lang textarea.editor {
	border: 1px solid #ccc;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Play, Arial, sans-serif
}
h1 {
	font-size:33px;
}
h2 {
	font-size:29px
}
h2 {
	font-size:23px
}
#content fieldset.mainFieldset {
	border: none;
}
#content .iform input.normal:focus {
    box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 1); 
    -moz-box-shadow: 0 0 5px rgba(0, 0, 255, 1);
    border:1px solid rgba(0,0,255, 0.8); 
}	
#content .iform input.normal[type='checkbox'], #content .iform input.normal[type='radio'] {
	width:30px;
	padding: 0;
	margin: -5px;
}
#content  input.normal[type='checkbox'] {
    margin-top: -30px;
}
#content .iform input.normal[type='checkbox'] {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeSpeed;
    width: 13px;
    height: 13px;
    margin: 0;
    margin-right: 1px;
    display: block;
    float: left;
    position: relative;
    cursor:pointer;
}
#content .iform input.normal[type='checkbox']:after {
    content:"";
    vertical-align: middle;
    text-align: center;
    line-height: 13px;
    position: absolute;
    cursor: pointer;
    height: 13px;
    width: 13px;
    left:0px;
    top:0px;
    font-size:10px;
    -webkit-box-shadow: inset 0px 1px 1px #000, 0px 1px 0px #444;
    -moz-box-shadow: inset 0px 1px 1px #000, 0px 1px 0px #444;
    box-shadow: inset 0px 1px 1px #000, 0px 1px 0px #444;
    background: #fff;
}
#content .iform input.normal[type='checkbox']:hover:after, #content .form .iform input.normal[type='checkbox']:checked:hover:after {
    background: #2d2d2d;
    content:'\2714';
    color: #888;
}
#content .iform input.normal[type='checkbox']:checked:after {
    background: #fff;
    content:'\2714';
    color: #000;
}
/*for radio and check buttons in one line*/
#content .iform fieldset.inline label{
	position: relative;
	float: left;
	clear: none;
	display: inline;
}
#content .iform fieldset.inline input.normal{
	position: relative;
	float: left;
	display: inline;
	clear: none;
}
#content .iform fieldset.inline input.normal[type="file"]{
	position: relative;
	float: left;
	display: inline;
	clear: none;
	margin-left: 10px;
	border: none;
}
/* select box style*/
#content .iform fieldset label.selectstyle select {
    padding:5px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:0px;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #content .form .iform fieldset label.selectstyle select {padding-right:18px}
}

#content .iform fieldset label.selectstyle {position:relative; border:none !important;}
#content .iform fieldset label.selectstyle:after {
    content:'<>';
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px;
	top:2px;
	border:none !important;
    padding:0 0 3px;
    position:absolute;
    pointer-events:none;
}
#content .iform fieldset label.selectstyle:before {
    content:'';
    right:4px; top:0px;
    width:25px; height:25px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

#content .iform fieldset .langbox {
	display: none;
}
.container .blank_content {
	padding-left: 20px;
}
.checkboxHolder {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 10px;
	padding-top: 7px;
	overflow: hidden;
}
.checkboxHolder label {
	padding: 0 !important;
	display:inline;
	margin-left: 7px;
	float: none !important;
}
.checkboxHolder input[type="checkbox"] {
	float: left;
}
.submitribon input.btn, .submitribon a {
	position: relative;
	right:10px;
	top:5px;
	padding: 10px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	border: none;
	color: #fff;
	margin:0 10px 0 0;
	-moz-box-shadow:    0 3px 2px -2px #777;
	-webkit-box-shadow: 0 3px 2px -2px #777;
	box-shadow:         0 3px 2px -2px #777;
	font-size: 15px;
}
.submitribon a {
	text-decoration: none;
}
.submitribon input.add {
	background: -moz-linear-gradient(center top , #8FC600, #629300);
	background-image: -webkit-gradient(
	linear,
	center top,
	center bottom,
	color-stop(0, #8FC600),
	color-stop(1, #629300)
	);
	background-image: -o-linear-gradient(top, #8FC600 0%, #629300 100%);
	background-image: -moz-linear-gradient(top, #8FC600 0%, #629300 100%);
	background-image: -webkit-linear-gradient(top, #8FC600 0%, #629300 100%);
	background-image: -ms-linear-gradient(top, #8FC600 0%, #629300 100%);
	background-image: linear-gradient(to top, #8FC600 0%, #629300 100%);
}
.submitribon input.cancel, .submitribon a {
	background: #ea5c38;
	float: right;
}
#content .form .iform ul{
	float:left;/*use for error msgs*/
}
ul.filtererror {
	list-style-type: none;
	padding: 0;
	float: none !important;
}
ul.filtererror li {
	color: #ea5c38;
}

.imgBtn {
	position: relative;
	float:left;
}
/*image preload with js*/
#file-list li img {
    max-width:400px !important;
}

.download {
	margin-top: 50px;
	margin-left: 10px;
}

.field_note {
	font-style: italic;
	margin-top: 6px;
}

.large_field_note {
	font-style: italic;
	margin-top: 20px;
	font-size: 11pt;
}

/*footer*/
#footer {
	position: absolute;
    bottom:0;
    width:100%;
    height:64px;
	left:0;
	background: #252b2b;
}
#footer .footercontent {
	margin: 0 auto;
	position: relative;
	/*width:1280px;*/
	display:block;
}
#footer .footercontent .links ul{
	position:relative;
	left:20px;
	list-style: none;
}
#footer .footercontent .links ul li{
	display: inline;
	padding:0 20px;
	border-right: 1px solid #b7b7b7;
}
#footer .footercontent .links ul li a{
	text-decoration: none;
	color: #b7b7b7;
	font-size: 12px;
}
#footer .footercontent .signiture {
	position: relative;
	bottom: 0 !important;
	width:100%;
	height:64px;
	background: #333c3b;
	
}
#footer .footercontent .signiture .leftcont {
	position: relative;
	height:64px;
	margin-left:10px;
	display: table;
	color: #b7b7b7;
}
#footer .footercontent .signiture .rightcont {
	position: relative;
	height:64px;
	/*margin-right:10px;*/
	display: table;
	text-align: right;
}
#footer .footercontent .signiture .left div, #footer .footercontent .signiture .right div{
	display: table-cell;
	vertical-align: middle;
}
@media only screen and (max-width : 480px) {
	#footer .right {
		display: none !important;
	}
}

#content .sectionbox {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px 10px;
	margin:10px 10px;
	float: left;
	border: 1px solid #000;
}
#content .sectionbox .sectinname {
	position: relative;
	top:-24px;
	left: 24px;
	margin-bottom: -20px;
	display: inline-block;
	float:left;
	height: 30px;
	font-size:20px;
	color: #2f2f2f;
	background: #fff;
	
}

/*table*/

#content .table {
	position: relative;
	border:1px solid #a8a9af;
	background: #fff;
}
#content .table:before, #content .table:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
#content .table:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
#content .table thead {
	background: #28343b;
	background: linear-gradient(top, #28343b 0%, #828c95 100%);  
	background: -moz-linear-gradient(top, #28343b 0%, #828c95 100%); 
	background: -webkit-linear-gradient(top, #28343b 0%,#828c95 100%);
	color: #e8e8ea;
	font-size:13px;
	font-weight: 200;
	height:30px;
}
#content .table tbody {
	color: #000;
	font-size:12px;
}
#content .table tr:nth-child(2n+2) {
	background: #e8e8ea;
}
#content .table tfoot {
	background: #28343b;
	background: linear-gradient(top, #28343b 0%, #828c95 100%);  
	background: -moz-linear-gradient(top, #28343b 0%, #828c95 100%); 
	background: -webkit-linear-gradient(top, #28343b 0%,#828c95 100%);
	color: #e8e8ea;
	font-size:13px;
	text-align: center;
}

.grid-cmd-del{
		background-image: url("../img/icon/delete_16x16.gif");
	    background-position: center center;
	    background-repeat: no-repeat;
	    cursor: pointer;
}
.grid-cmd-edit{
	background-image: url("../img/icon/edit_16x16.gif");
    background-position: center center;
    background-repeat: no-repeat;
	cursor: pointer;
}
.grid-cmd-gift{
		background-image: url("../img/icon/gift_16x16.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    cursor: pointer;
}
.grid-cmd-list{
		background-image: url("../img/icon/list_16x16.png");
	    background-position: center center;
	    background-repeat: no-repeat;
	    cursor: pointer;
}
.zfuserFieldset{
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    margin: 0;
    width: 300px;
    float: left;
    clear: left;
}
.zfuserFieldset input{
	width: 250px;
	height:30px;
	outline:none;
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border:1px solid rgba(0,0,0, 0.2);
    float: left;
    clear: left;
}
.zfuserFieldset ul{
	clear: left;
	float: left;
}
.image-container {
	position :relative ;
	top: 10px;
	margin-bottom: 10px;
}
.capcha pre {
	float: left;
	clear:both;
	white-space: none
}
.form-horizontal ul{
	clear:both;
	float:left;
}
.selectpicker {
	color: #555;
	text-shadow: none;
	background: none;
}
.selectpicker:hover {
	background: none;
}
.bootstrap-select .btn:focus {
    outline: none;
}
.bootstrap-select.open .selectpicker {
	border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none !important;
    background: none;
}

/*addition to set button on dialog*/
.ui-dialog-titlebar-close {
  background: url("../include/css/base/images/ui-icons_888888_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
  border: medium none;
}
.ui-dialog-titlebar-close:hover {
  background: url("../include/css/base/images/ui-icons_222222_256x240.png") repeat scroll -93px -128px rgba(0, 0, 0, 0);
}
.ui-dialog, .ui-dialog-titlebar, .ui-corner-all {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
.repertoire-status {
	font-size: 12px;
}
.cnt-rep-img {
	font-size: 10px;
}
.fieldTags {
	padding-left: 7px;
	overflow: hidden;
	width:100%;
}

.alertSpace{
	padding-top:5%;
}
.alertSpaceMargin{
	margin-top:2%;
}

/* sidebar menu */
.nav-sidebar > li a:visited, .nav-sidebar > li a:focus {
	background-color: transparent;
	outline: none;
}
.nav-sidebar > li a:hover, li.main-menu.active a, li.sub-menu.active a {
    background-color: #000;
}

.slim {
    width: 4.75rem!important;
    display: inherit!important;
}

.show-icon a span i {
    display: none;
}

.show-icon a:hover span i {
    display: inline-block;
}

.slim #fixed-menu ul li #title, .slim#slide-out .logo span {
    display: none;
}
#fixed-menu .nav > li {
	line-height: 1.8;
}
/*
#slide-out .nav-sidebar li.main-menu {
    border-bottom: 1px solid #804637;
}
*/

#slide-out .nav-sidebar .logo {
    color: #fff!important;
    padding-left: 7px;
    padding-top: 5px;
    border-bottom: 1px solid #804637;
}

#slide-out .nav-sidebar .logo p {
    font-size: 22px;
}

#slide-out .nav-sidebar .logo p img {
    vertical-align: sub;
}

#slide-out .nav-sidebar.expanded li, #slide-out .nav-sidebar.shrink li {
    border-bottom: none;
}

#slide-out .nav-sidebar.expanded span, #slide-out .nav-sidebar.shrink span {
    float: right;
    padding-right: 10px;
    color: #804637;
}

#slide-out .nav-sidebar.expanded {
    position: fixed;
    width:219px;
    bottom: 0px;
    /*border-top: 1px solid #804637;*/
    padding-top: 21px;
    padding-bottom: 21px;
    border-bottom: none;
}
#toggle {
	cursor: pointer;
}

#slide-out .nav-sidebar.shrink {
    width: 4.75rem;
    padding-top: 5px;
}

.in {
    overflow-y: auto;
}

#fixed-menu::-webkit-scrollbar {
    width: 8px;
    background-color: #252b2b;
}

#fixed-menu::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #555;
    border: 2px solid #262f3d;
}

li.sub-menu a {
    color: rgba(255,255,255,.7);
    padding-left: 3em;
    padding-top: 5px;
    padding-bottom: 5px;
}

li.show-icon.main-menu a span#title i {
    float: right;
    padding-top: 3px;
    padding-bottom: 3px;
}

li.main-menu a {
    color: #fff!important;
}
.custom-tooltip {
    color: #FFFFFF;
    background-color: #252b2b!important;
    font-weight: normal;
    border-radius: 8px!important;
    padding: 2px 5px;
    box-shadow: 0 1px 8px rgba(0,0,0,0.5);
    border: 1px solid #252b2b;
    left: 60px;
}

@media only screen and (max-width : 767px) {
	.container {
		margin-left: 0;
	}
	#fixed-menu {
		display: none;
	}
}

#AppUser #email-input .validation-error {
	color: #ea5c38;
}