/****************************************/
/* Generic helpers class
/****************************************/
.relative{
	position:relative;
}
.nowrap{
	white-space:nowrap;
}
.ellipsis{
	overflow:hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap; 
}
.h-margin{
	margin-bottom:20px;	
}
.h-margin-xxs{
	margin-bottom:5px;
}
.no-margin{
	margin:0px !important;	
}
.v-padding-left-md{
	padding-left:20px;
}
.v-padding-left-sm{
	padding-left:10px;
}
.v-padding-left-xs{
	padding-left:6px;
}
.v-padding-left-xxs{
	padding-left:3px;
}
.v-padding-right-xs{
	padding-right:6px;
}

.no-padding{
	padding:0px !important;
}
.vertical-top{
	vertical-align:top !important;
}

/****************************************/
/* Spacing helpers class
/****************************************/
.mt{
	margin-top:20px;	
}
.mb{
	margin-bottom:20px;	
}
.mb-negative{
	margin-bottom:-20px;
}

.mt-form{
	margin-top:15px;	
}
.mb-form{
	margin-bottom:15px;	
}

/* Mobile (XS) */
@media (max-width: 767px){
	.mt{
		margin-top:15px;	
	}
	.mb{
		margin-bottom:15px;	
	}
	.mb-negative{
		margin-bottom:-15px;
	}
	
	.mt-form{
		margin-top:10px;	
	}
	.mb-form{
		margin-bottom:10px;	
	}
}

/****************************************/
/* XS	Mobile helpers class
/****************************************/
/* Mobile (XS) */
@media (max-width: 767px){
	.text-center-xs{
		text-align:center !important;
	}
	.text-left-xs{
		text-align:left !important;
	}
	.text-right-xs{
		text-align:right !important;
	}
}

/****************************************/
/* XXS	Mobile helpers class
/****************************************/
@media (max-width: 599px){
	.hidden-xxs{
		display:none !important;
	}
	.visible-xxs{
		display:block !important;
	}
	br.visible-xxs{
		display:block !important;
	}
}
@media (min-width: 600px){
	.visible-xxs{
		display: none;
	}
	br.visible-xxs{
		content: " ";
   		display: none;
	}
}

/****************************************/
/* XXXS Mobile helpers class
/****************************************/
@media (max-width: 395px){
	.hidden-xxxs{
		display:none !important;
	}
	.visible-xxxs{
		display:block !important;
	}
	br.visible-xxxs{
		display:block !important;
	}
}
@media (min-width: 396px){
	.visible-xxxs{
		display: none;
	}
	br.visible-xxxs{
		content: " ";
   		display: none;
	}
}

/****************************************/
/* Footer
/****************************************/
#footer{
	position:relative;
	padding:20px 0px;
}

/* Mobile (XS) */
@media (max-width: 767px){
	#footer{
		padding:15px 0px;
	}
}
/****************************************/
/* Content header
/****************************************/

/* generic */
#content_header{
	position:relative;
	z-index:1;
	padding-top:60px;
	padding-bottom:60px;	
	
}
#content_header-body{
	margin-bottom:20px;
}

/* title / infos / registration */
#content_header-title,
.content_header-infos,
#content_header-registration{
	position:relative;
}

/* title - h1 */
#content_header h1{
	margin-top:20px;
	margin-bottom:20px;
	padding: 10px 0px;
	overflow:hidden;
	text-overflow:ellipsis;
}

/*  title - h2 */
#content_header h2{
	display:block;
	margin:auto;
	padding:0px 10px;
	margin-top:40px;
	min-height:40px;
}
#content_header-body{
		
}

/* infos */
.content_header-infos{
	margin-top:10px;
	margin-bottom:10px;
}

/* share */
.content_header_share .dropdown-menu{
	min-width:50px;
}
.content_header_share .dropdown-menu a{
	padding:1px 3px
}
.content_header_share .share_url input{
	display:none;
	position:absolute;
	top:20px;
	width:150px;
}
.content_header_share.share_url.to-left input{
	left:20px;
}
.content_header_share .share_url.to-right input{
	right:40px;
}

/* action */
#content_header .header-options{
	margin-top:40px;
}

/* registration */
#content_header-registration{
	margin-top:20px;
}

/* Mobile (XS) */
@media (max-width: 767px){
	#content_header{
		padding-top:40px;
		padding-bottom:40px;
	}
}

@media (max-width: 599px){
	#content_header{
		padding-top:30px;
		padding-bottom:30px;
	}
	
	#content_header h2{
		margin-top:30px;
	}
	
}

/************************************/
/* Content Header - Button			*/
/************************************/
.content_header-infos .btn-group{
	margin-right:2px;
	margin-left:2px;	
}
.content_header-infos .btn-group > .btn{
	padding:3px 4px;
}

/* mobile XS */
@media (max-width: 767px){
	.content_header-infos .btn-group > .btn{
		padding:2px 3px;
	}
}

/****************************************/
/* Container text
/****************************************/
/* mobile */
@media (max-width: 767px){
	.container-text{
		padding:0px 10px;		
	}
}

/****************************************/
/* Subinfos
/****************************************/
.subinfos{
	margin-top:1px;
	margin-bottom:-5px;
	padding:5px 0px;
	display:block;
	line-height:0.8em;
	overflow:hidden;
	text-overflow:ellipsis;
}

#content_header .subinfos{
	line-height:1em;
	margin-bottom:0px;
}

/****************************************/
/* Hightlight
/****************************************/
.my-highlight{
	margin-bottom:20px;
	position:relative;
	z-index:2;	
}

/* Mobile XS */
@media (max-width: 767px){
	.my-highlight{
		margin-bottom:15px;
	}
}

/****************************************/
/* Carousel  - Bootstrap
/****************************************/
.my-carousel-container{
	position:relative;
	z-index:1;
}
.my-carousel-container .carousel{
	z-index:2;
}
.my-carousel-container,
.my-carousel-container .carousel .item{
	height:200px;
}
.my-carousel-container .carousel .item{
	padding:40px 60px;
}
.my-carousel-container .carousel .item .my-item-content{
	display:flex;
	height:100%;
}
.my-carousel-container .carousel .item .my-item-content > div:first-child{
	margin:auto;
	width: 100%;
}
.my-carousel-container .carousel .carousel-indicators{
	bottom:5px;
}
.my-carousel-container .carousel h1{
	margin-top:0px;
}

/* Media XS */
@media (max-width: 767px){
	.my-carousel-container,
	.my-carousel-container .carousel .item{
		height:220px;
	}
}

/* Media XXS */
@media (max-width: 599px){
	.my-carousel-container,
	.my-carousel-container .carousel .item{
		height:200px;
	}
	.my-carousel-container .carousel .item{
		padding:15px 15px;
	}
	.my-carousel-container .carousel .item .btn{
		padding:0px 2px;
	}
	.my-carousel-container .carousel .carousel-indicators{
		bottom:0px;
	}
}

/****************************************/
/* Content body
/****************************************/
#content_body{
	padding-top:20px;
	position:relative;
}
/* Mobile (XS) */
@media (max-width: 767px){
	#content_body{
		padding-top:15px;
	}	
}

.update_in_progress{
	font-size:0.8em;
	background-color:#FFF;
	padding:15px 0px;
}

/****************************************/
/* Section
/****************************************/
section:not(:last-child){
	margin-bottom:20px;
}

/* Mobile (XS) */
@media (max-width: 767px){
	section:not(:last-child){
		margin-bottom:15px;
	}	
}

/* Desktop (MD) */ 
@media (min-width: 992px){
	section.section-md-separator:not(:last-child){
		margin-bottom:0px;
	}
}

/****************************************/
/* Go To
/****************************************/
.go-to{
	z-index:999;
	position:fixed;
	text-align:center;
	right:10px;
	bottom:10px;
	opacity:0.6;
}

.go-to > div{
	background-color:#000;
	color:#FFF;
	width:40px;
	margin:1px;
	padding:2px;
}
.go-to > div:hover{
	cursor:pointer;
}

/* Mobile (XS) */
@media (max-width: 767px){
	.go-to{
		bottom:5px;
		right:5px;
	}
	.go-to > div{
		width:30px;
		padding:2px;
	}
}

/****************************************/
/* Dropdown
/****************************************/
.my-dropdown-sm{
	min-width: auto;
}

/****************************************/
/* Link / Button
/****************************************/
a,
button{
	outline:0 !important;
}

/****************************************/
/* Button - scrollfollow
/****************************************/
.my-btn-scrollfollow,
.my-btn-scrollfollow.my-btn-scrollfollow-on .btn{
	transition: all 0.1s;
}
.my-btn-scrollfollow{
	position:absolute;
}
.my-btn-scrollfollow.my-btn-scrollfollow-on {
	position:fixed;
	bottom:-5px;
	margin-left:-20px;
	z-index:10;
	opacity:0.9;
}

.my-btn-scrollfollow.my-btn-scrollfollow-on > .btn-group,
.my-btn-scrollfollow.my-btn-scrollfollow-on > .btn{
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
	
/* Mobile (XS) */
@media (max-width: 767px){
	.my-btn-scrollfollow.my-btn-scrollfollow-on{
		margin-left:-5px;
		bottom:-5px;
	}
	.my-btn-scrollfollow + .my-btn-scrollfollow-origin{
	}
}

/****************************************/
/* Button - My XL
/****************************************/
.my-btn-xl{
	padding:12px;
	
}

/* Media XS */
@media (max-width: 767px){
	.my-btn-xl{
		padding:8px;
	}
}

/****************************************/
/* Button - My XXL
/****************************************/
.my-ul-btn-xxl{
	margin-bottom:-10px !important;
}
.my-btn-xxl.btn{
	width:200px;
	padding:15px 10px;
	margin-left:5px !important;
	margin-right:5px !important;
	margin-bottom:10px !important;
	white-space:normal;
}

.my-btn-xxl.btn > span:last-child{
	line-height:12px;
	display:block;
}

/* Media XS */
@media (max-width: 767px){
	.my-btn-xxl.btn{
		margin-bottom:5px;
	}
}

/****************************************/
/* Button - My Toggle
/****************************************/
.my-btn-toggle{
	position:relative;
}
.my-btn-toggle.my-btn-toggle-on{
	padding-right:20px;
}
.my-btn-toggle.my-btn-toggle-off{
	padding-left:20px;
}

.my-btn-toggle:after{
	content:'';
	position:absolute;
	top:0px;
	width:10px;
	height:100%;
}
.my-btn-toggle.my-btn-toggle-on:after{
	right:0px;
}
.my-btn-toggle.my-btn-toggle-off:after{
	left:0px;
}

/*  Mobile - XXS */
@media (max-width: 599px){
	.my-btn-toggle:after{
		padding:15px 5px;
	}
}


.my-toggle-radio-text .btn{
	min-width:120px;
	text-align:left;
	
}

.my-toggle-radio-text .btn i{
	width:20px;
}

/* mobile XXS */
@media (max-width: 599px){
	.my-toggle-radio-text .btn{
		min-width:90px;
		padding: 6px 8px;
		
	}	
}

/****************************************/
/* Button - My Btn Group
/****************************************/
.my-btn-group{
	white-space:nowrap;	
}
.my-btn-group > .btn-group +.btn-group{
	margin-left:-1px;
} 

/****************************************/
/* Button - My Btn Group Radio
/****************************************/
.my-btn-group-radio > .btn{
	position:relative;
	border-color: #DDD;
	background-color: #FFF;
	color: #999;
	box-shadow:none;
	width:auto;
}

.my-btn-group-radio > .btn:hover,
.my-btn-group-radio > .btn.active,
.my-btn-group-radio > .btn.focus{
	border-color: #CCC;
	background-color: #FFF;
	color: #333;
	outline:none;
}

/* radio icon */
.my-btn-group-radio > .btn:after{
	/*position:absolute;*/
	content:'\f096';	
	font: normal normal normal 14px/1 FontAwesome;
	margin-left:3px;
	margin-right:-3px;
	width: 1.28571429em;
	text-align: left;
	display:inline-block;
	font-size: inherit;
}

.my-btn-group-radio > .btn.active:after{
	content:'\f14a';
	/*font-weight: 600;*/
}

/* radio icon - pos general */
.my-btn-group-radio > .btn:after{
	
}
/* radio icon - pos sm */
.my-btn-group-radio > .btn-sm:after{
	
}

/* Mobile XS */
@media (max-width: 767px){	
	
}

/* Mobile XXS */
@media (max-width: 599px){
	.my-btn-group-radio > .btn:before{
		top:9px;
	}
	.my-btn-group-radio > .btn-sm:before{
		top:7px;
	}
}

/* radio table */
.my-btn-group-radio-table{
	width:100%;
}
.my-btn-group-radio-table > .btn{
	width:50%;
}

.my-btn-group-radio-table > .btn > span{
	padding-right:5px;
}

/****************************************/
/* Button - My Group Responsive
/****************************************/
.my-btn-group-responsive{
	margin-left:-1px;
	margin-bottom:20px;
}
.my-btn-group-responsive .btn{
	
}

/* Mobile XS */
@media (max-width: 767px){	
	.my-btn-group-responsive{
		margin-bottom:15px;		
	}
}

/* Mobile XXS */
@media (max-width: 599px){
	.my-btn-group-responsive{
		margin-top:1px;
	}
	.my-btn-group-responsive.btn-group{
		display:table;
	}
	.my-btn-group-responsive.btn-group > div{
		display:table-row;
		float: none;
	
	}
  	.my-btn-group-responsive.btn-group > div > .btn{
    	display:table-cell;
    	width:100%;
    	text-align:left;
    	margin-top:-1px;
  	}
  	
  	.my-btn-group-responsive > label{
  		width:100%;
  		text-align:left;
  	}
  	.my-btn-group-responsive > label + label{
	  	margin-left:0px!important;
	  	margin-top:-1px!important;
  	}
}

/****************************************/
/* My Row Collapsed
/****************************************/
.my-row-collapsed > div{
	margin:0px;
	padding:10px 10px 10px 10px;
	border-right:1px solid #ddd;
}
.my-row-collapsed > div:last-child{
	border-right:none;
}
.my-row-collapsed .my-panel-collapsed{
	margin:0px;
}

/* alert */
.my-row-collapsed .alert{
	margin:0px;
}

/****************************************/
/* Panel - Heading
/****************************************/
.panel-heading{
	position:relative;
}
.panel-heading > i{
	margin-top:2px;
}
.panel-heading.my-panel-heading-withaction{
	padding-right:56px;
}
.panel-heading h4{
	margin:0px;
}
.panel-heading hr{
	margin-top: 15px;
	margin-bottom: 15px;
}
.panel-heading .checkbox{
	margin:0px;
	display:inline-block;
}
.panel-heading label:not(.btn){
	font-weight:bold;
	color:#333;
}

/* icon */
.my-panel-heading-icon{
	
}

/* action */
.my-panel-heading-action{
	position: absolute;
	right:10px;
	top:10px;
}
.my-panel-heading-action.my-panel-heading-action-right{
	right:10px;
	left:auto;
}
.my-panel-heading-action + table{
	margin-right:45px;	
}
.my-panel-heading-action .btn{
	padding:5px 10px;
}

/* Mobile XS */
@media (max-width: 767px){
	.my-panel-heading-action{
		top:11px;
	}
	.my-panel-heading-action .btn{
		padding:4px 8px;
	}
}

/* Mobile XXS */
@media (max-width: 599px){
	.my-panel-heading-action{
		top:10px;
		right:4px;
	}
	.my-panel-heading-action .btn-sm > i{
		margin-top:4px;
	}
}

/****************************************/
/* Panel - Footer action	
/****************************************/
.my-panel-footer-action{
	position:relative;
	padding:0px;
}
.my-panel-footer-action > a{
	padding: 10px 15px;
	display:block;
	width:100%;
}
.my-panel-footer-action > a:after{
	content:"\f14c";
	font:normal normal normal 1em FontAwesome;
   	margin-top:2px;
    float:right;
}

/* Mobile XS */
@media (max-width: 767px){	
	.my-panel-footer-action > a{
		padding: 10px;
	}
}

/****************************************/
/* Panel - My collapsed
/****************************************/
/* remove padding */
.panel.my-panel-collapsed .panel-body{
	padding:0px;
}
.panel.my-panel-collapsed .panel-body > *,
.panel.my-panel-collapsed .panel-body .table{
	margin:0px;
}

/****************************************/
/* Panel - Mosaic
/****************************************/
.my-panel-mosaic{
	
}
.my-panel-mosaic .my-dashboard-values-sub:not(:first-child){
	margin-top:6px;
}

.my-panel-mosaic .my-dashboard-values-sub i{
	font-size:15px;
}
.my-panel-mosaic .my-dashboard-values-sub i.fa-play{
	font-size:13px;
}

/* Mobile XXS */
@media (max-width: 599px){
	.my-panel-mosaic .my-dashboard-values-sub i{
		font-size:14px;
	}
	.my-panel-mosaic .my-dashboard-values-sub i.fa-play{
		font-size:12px;
	}
}


/****************************************/
/* Table
/****************************************/
/* min */
table > thead > tr > th.min,
table > tbody > tr > td.min{
	width:1% !important;
	white-space:nowrap;
}
table > thead > tr > th.min.empty,
table > tbody > tr > td.min.empty{
	padding:0px;
	width:0px !important;
	max-width:1px;
}
table td.min.empty:not(:last-child){
	padding:0px !important;
}
table td.min-content{
	padding-left:0px;
	padding-right:0px;
}

/* max */
table > thead > tr > th.max,
table > tbody > tr > td.max{
	width:100%;
}

/* med */
table > thead > tr > th.med,
table > tbody > tr > td.med{
	width:50% !important;
}

/* ellipsis */
table td.ellipsis,
table th.ellipsis{
	max-width: 0;
	overflow-x: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap; 
}
table th.ellipsis::-webkit-scrollbar,
table td.ellipsis::-webkit-scrollbar{ 
    display: none;
}

/* padding */
.my-td-padding-left{
	padding-left:8px;
}

/* span small*/
table td > span.small:not(:last-child):after{
	content:"·";
}

/* cell action */

table > tbody > tr > td.action{
	padding:4px 8px;
}
table > thead > tr > th.action:last-child,
table > tbody > tr > td.action:last-child{
	padding-right:4px;	
}
table > tbody > tr > td.action{
	text-align:right;
}

/* cell href */
table td[data-href]:hover{
	cursor:pointer;
}

/* fixed */
.my-table-fixed{
	table-layout:fixed;
}
.my-table-fixed td,
.my-table-fixed th{
	width:80px !important;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.my-table-fixed-header thead{
	
}
.my-table-fixed-header tbody{
	
}
/* Mobile XXS */
@media (max-width: 599px){
	.my-table-fixed td,
	.my-table-fixed th{
		width:70px !important;
		
	}
}

/* row action */
.my-table-row-action > td{
	padding:0px !important;
}
.my-table-row-action > td > a{
	padding: 10px 15px;
	display:block;
	width:100%;
	font-weight:bold;
}
.my-table-row-action > td > a:after{
	content:"\f14c";
	font:normal normal normal 1em FontAwesome;
    float:right;
    margin-top:2px;
}
/* Mobile XS */
@media (max-width: 767px){
	.my-table-row-action > td > a{
		padding: 10px;
	}
}

/* table checkbox */
.my-table-checkbox th > .checkbox,
.my-table-checkbox td > .checkbox{
	margin:0px;
}
.my-table-checkbox td > select{
	height: 22px;
    line-height: 1em;
    padding:0px;
}

/* into popover */
.popover table{
	margin:-15px;
	margin-bottom:0px;
}
.popover table > thead > tr > th,
.popover table > tbody > tr > td{
	padding:2px 8px;
}
.popover table > thead > tr > th{
	padding-top:8px;
	padding-bottom:8px;
	background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
}
.popover table > tbody > tr:first-child > td{
	padding-top:8px;
}
.popover table > tbody > tr:last-child > td{
	padding-bottom:8px;
}
.popover table > thead > tr > th:first-child,
.popover table > tbody > tr > td:first-child{
	padding-left:15px;
}
.popover table > thead > tr > th:last-child,
.popover table > tbody > tr > td:last-child{
	padding-right:15px;
}

.popover table.number > thead > tr > th,
.popover table.number > tbody > tr > td{
	text-align:right;
}

/* Mobile XXS */
@media (max-width: 599px){
	.popover table{
		margin:-10px;
		margin-bottom:0px;
	}
	.popover table > thead > tr > th:first-child,
	.popover table > tbody > tr > td:first-child{
		padding-left:10px;
	}
	.popover table > thead > tr > th:last-child,
	.popover table > tbody > tr > td:last-child{
		padding-right:10px;
	}
}

/* sub infos */
.my-table-subinfos > *{
	margin-top:2px;
	margin-bottom:2px;
	line-height:12px !important;
}

/* Mobile XXS */
@media (max-width: 599px){
	.my-table-subinfos > *{
		line-height:10px !important;
	}
}

/****************************************/
/* Form - My form inline
/****************************************/
/* my form inline */
.my-form-group-inline {
	
}

.my-form-group-inline > .form-group {
	display: inline-block;
	vertical-align: middle;
}
.my-form-group-inline > .form-group:not(:last-child){
	margin-right: 6px;
}

.my-form-group-inline .input-group {
	display: inline-table;
	vertical-align: middle;
}

.my-form-group-inline .input-group .input-group-addon,
.my-form-group-inline .input-group .input-group-btn,
.my-form-group-inline .input-group .form-control {
	width: auto;
}

.my-form-group-inline .form-control {
	background-color: #FFF;
}

.my-form-group-inline .input-group-addon {
	min-width: 80px;
	text-align: left;
}

/****************************************/
/* Form - My btn
/****************************************/
.my-form-group-btn{
	margin-bottom:-15px;
}

/* Mobile XS */
@media (max-width: 767px){	
	.my-form-group-btn{
		margin-bottom:-10px;
	}
}

/****************************************/
/* Form - My btn checkbox
/****************************************/
.my-btn-checkbox{
	text-align:center;
}
.my-btn-checkbox input[type='checkbox']{
	visibility:hidden;
	position:absolute;
}
.my-btn-checkbox:after{
	content:"\f096";
	font:normal normal normal 1em FontAwesome;
    font-weight:300;
   	font-style:normal;
   	margin:0px 3px;
   	margin-top:4px;
   	text-decoration:none;
   	font-size:0.9em;
	display:inline-block;
}
.my-btn-checkbox.checked:after{
	content:"\f14a";
}

/* Mobile XS */
@media (max-width: 767px){
	.my-btn-checkbox:after{
		
	}
}

/****************************************/
/* Form - Checkbox
/****************************************/
.checkbox select.form-control{
	padding:0px;
	line-height:1em;
	height:22px;
	margin-left:10px;
}

/****************************************/
/* Form - header select
/****************************************/
.my-form-header-selection{
	display: block;
    font-size: 13px;
    font-weight: normal;
}

.my-form-header-selection select{
	display: inline-block;
    padding-left: 2px;
    margin-right:5px;
}

.my-form-header-selection.min  select{
	width: 120px;
}

/****************************************/
/* Form - hr
/****************************************/
form hr{
	border-style:dotted;
}

/****************************************/
/* Form - action
/****************************************/
.my-form-actions{
	
}
.my-form-actions > a,
.my-form-actions > button{
	
}

/* Mobile (XXS) */
@media (max-width: 599px){
	.my-form-actions button{
		display:block;
		min-width:240px;
		text-align:left;
	}
	.my-form-actions.text-center > button{
		text-align:center;
		margin-left:auto;
		margin-right:auto;
	}
}

/****************************************/
/* Form - separator
/****************************************/
th.left-separator,
td.left-separator{
	border-left:1px solid #EEE;
}
th.right-separator,
td.right-separator{
	border-right:1px solid #EEE;
}

/****************************************/
/* Form - cleaner
/****************************************/
.my-input-cleaner{
	position:relative;
}
.my-input-cleaner .input-cleaner{
	position: absolute;
	right:15px;
	z-index: 3;
	height:34px;
	line-height:34px;
	background-color:transparent;
}
.my-input-cleaner .input-cleaner:not(.disabled):hover{
	cursor: pointer;
}

/* Mobile XS */
@media (max-width: 767px){
	.my-input-cleaner .input-cleaner{
		height:34px;
		line-height:34px;
	}
}

/****************************************/
/* Pagination
/****************************************/
.my-pagination-default{
	margin:0px;
	margin-bottom:10px;
}

.my-row-listing > .col-lg-3{
	min-height:340px;
}

/****************************************/
/* UL
/****************************************/
/* my-ul */
ul.my-ul{
	list-style-type:none;
	padding:0px;
	margin:0px;
}
ul.my-ul > li{
	display:inline-block;
}
ul.my-ul.my-ul-separator li:not(:last-child):after{
	content:'·';
	margin:0px 5px;
}

/* no type */
ul.my-ul-notype{
	list-style-type:none;
	padding:0px;
}

ul.my-ul-square{
	list-style-type:square;
}

/* Mobile (XS) */
@media (max-width: 767px){
	ul.my-ul-xs:not(.my-ul-btn) > li{
		display:block;	
	}
	ul.my-ul-xs.my-ul-separator li:not(:last-child):after{
		content:'';
		margin:0px;
	}
}
	
/* Mobile (XXS) */
@media (max-width: 599px){
	ul.my-ul:not(.my-ul-btn) > li{
		display:block;	
	}
	ul.my-ul.my-ul-separator li:not(:last-child):after{
		content:'';
		margin:0px;
	}
}

/* my-ul-btn */
ul.my-ul-btn{
	margin-bottom:-5px;
}
ul.my-ul-btn .btn{
	margin-bottom:5px;
	padding-left:10px;
	padding-right:10px;
}

/****************************************/
/* My Alert
/****************************************/
.my-alert-table-padding{
	padding:8px 12px;
}

/****************************************/
/* My Popover
/****************************************/
.my-popover_container{
	display:none;
}

/****************************************/
/* My Dashboard
/****************************************/
/* generic */
.my-dashboard .col-sm-6:first-child{
	padding-right:10px;
}
.my-dashboard .col-sm-6:last-child{
	padding-left:10px;
}

.my-dashboard-btn{
	margin-top:4px;
}
.my-dashboard-badges{
	margin-top:2px;
}
.my-dashboard-badges .badge{
	font-size:13px;
	margin-bottom:2px;
}

/* values */
.my-dashboard-values-main i{
	margin-right:6px;
}
.my-dashboard-values-sub:not(:first-child){
	margin-top:10px;
}
.my-dashboard-values-sub > div{
	line-height:1.2em;
}
.my-dashboard-values-sub-icon{
	margin-right:1px;
	display:inline-block;
}

/* alerts */
.my-dashboard-values-alerts{
	margin-bottom:10px;
}
.my-dashboard-values-alerts > span{
	line-height:1em;
}

/* table */
table.my-dashboard-table{
	
}
.my-dashboard-table tr > td:last-child{
	padding-right:15px;
}
.my-dashboard-table tr > td:last-child > i{
	width:1em;
}

/* my-dashboard-values-sub-inline */
.my-dashboard-values-sub-inline{
	display:inline-block;
	margin-right:10px;
}

/* Mobile XS */
@media (max-width: 767px){
	.my-dashboard-link{
		right:10px;
		top:60px;
	}
	.my-dashboard-table tr > td:last-child{
		padding-right:10px;
	}
	/*.my-dashboard-values-sub-icon{
		min-width:18px;
	}*/
}

/****************************************/
/* My Badge
/****************************************/
.my-badge-suffix{
	margin-left:-1px;
}

/****************************************/
/* My Slider
/****************************************/
.my-slider input{
	padding:0px;
	height:20px;
	padding:0px;
	margin:auto;
}

/****************************************/
/* Google chart
/****************************************/
.my-google-chart{
	position:relative;	
	height:260px;
}

.my-google-chart > .loader{
	position:absolute;
	background:url('/assets/images/loader.gif') no-repeat center center;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

/****************************************/
/* Read more
/****************************************/
.read-more-target{
	overflow:hidden;
	text-overflow:hidden;
	position:relative;
}
.read-more-toggle{
	display:inline-block;
	text-align:center;
	width:100%;
	position:absolute;
	bottom:-5px;
	left:0px;
	padding:20px 0px;	
}

/****************************************/
/* Country 
/****************************************/
.country_flag,
.country_region_flag{
	margin-top:-2px;
	height:14px;
	line-height:14px;
	display:inline-block;
	vertical-align:middle;
}
.country_flag > *,
.country_region_flag > *{
	height:inherit;
	vertical-align:top;
	margin:0px;
	top:0px;
}
.country_flag ~ .country_region_flag{
	margin-left:3px;
}
.country_region_flag-text{
	font-size:0.8em;
	font-family:'Calibri';
	font-weight:normal;
}
.my-dashboard-values-sub-icon > .country_region_flag-text{
	vertical-align:baseline;
}
@media (max-width: 599px){
	.country_flag,
	.country_region_flag{
		height:12px;
		line-height:12px;
	}	
}

/****************************************/
/* Recaptcha 
/****************************************/
.my-recaptcha{
	margin-bottom:-15px;
}
/* mobile XS */
@media (max-width: 767px){
	#rc-imageselect, 
	.my-recaptcha {
		transform:scale(0.9);
		-webkit-transform:scale(0.9);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	} 
}

/* mobile  XXS */
@media (max-width: 599px){
	#rc-imageselect, 
	.my-recaptcha {
		transform:scale(0.85);
		-webkit-transform:scale(0.85);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	}
	.my-recaptcha{
		margin-bottom:-20px;
	}
}

/* Mobile XXXS */
@media (max-width: 395px){
	#rc-imageselect, 
	.my-recaptcha {
		transform:scale(0.8);
		-webkit-transform:scale(0.8);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
	} 
	.my-recaptcha{
		margin-bottom:-25px;
	}
}


/****************************************/
/* Ads 
/****************************************/
/* generic */
.ads{
	overflow:hidden;
	text-align:center;
}
.adsbygoogle{	
	text-align:center;
	margin:auto;
}
.ads-bg{
	background-color:#FFF;
	padding:15px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.12), 0 2px 1px -1px rgba(0,0,0,.10);
}

/* mobile - top */
.ads-mobile-top{
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #E4E4E4;
}
.ads-mobile-top .adsbygoogle-mobile-top{
	max-height:60px;
}

/* desktop - xs */
@media (min-width: 768px){
	.ads-mobile-top{
		display:none;
	}
}

/* desktop - bottom */
.ads-desktop-bottom{
	border-top: 1px solid #E4E4E4;
	background-color:#EDEDED;
	padding:20px 0px;
}

.ads-desktop-bottom .adsbygoogle-desktop-bottom{
	margin:auto;
	max-width:1600px;
}
/* mobile XS */
@media (max-width: 767px){
	.ads-desktop-bottom{
		padding:15px 0px;
	}
}
/* mobile XXS */
@media (max-width: 599px){
	.ads-desktop-bottom{
		
	}
}

/* desktop - side (right) */
.ads-side{
	position:absolute;
	right:20px;
	top:20px;
	min-height:200px;
	left:50%;
	margin-left: 725px;
	z-index:1;
}
.ads-side .adsbygoogle-desktop-side-right{
	 width:160px;
}
 @media (max-width: 1819px){
 	.ads-side{
    	display:none;
	}
}

/****************************************/
/* Ads - rewrite anchor
/****************************************/
/*.adsbygoogle.adsbygoogle-noablate{
	visibility:hidden !important;
}
.adsbygoogle.adsbygoogle-noablate > ins:first-child{
	visibility:hidden;
}*/
/* Desktop XS */
/*@media (min-width: 768px){
	.adsbygoogle.adsbygoogle-noablate{
		position:static !important;
	}
}*/

/****************************************/
/* Misc - Generic 
/****************************************/
.seed{
	margin-left:2px;
}
.game_characters{
	margin-left:2px;
}