@import (reference) "../../PixelAdmin/styles/libs/bootstrap-3.1.1/bootstrap.less";
@import (reference) "../../PixelAdmin/styles/pixel-admin.less";

/*----------------------------------------
 VARIABLES
------------------------------------------*/

@mail-adns-link: #42A57B;
@mail-adns-hover: #3c763d;


/*----------------------------------------
 GENERAL
------------------------------------------*/

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 40px;
}

#wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -40px;
  padding: 0 0 40px;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  padding-top: 15px;
}

footer.paddingLeft{
	padding-left: 240px;
}

#styleProduit{
	position:absolute;
	top:0;
	left:0;
	z-index: -1;
	height:130px;
	width:100%;
}

.dropdown-toggle.navbar-btn {
	margin-bottom: 0;
}

#adns-navigation-product {
	padding: 15px 0px;
	color: white;
}

/* Pour les dropdowns qui sont dans le contenu */
#main-wrapper {
	overflow: visible !important;
}

#waitDiv {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    background-position: 50% 50%;
    background-image: url("../images/logoRotation.gif");
    background-color: #006bb3;
    background-repeat: no-repeat;
    /* for IE */
    filter: alpha(opacity=60);
    /* CSS3 standard */
    opacity: 0.6;
}

@-moz-document url-prefix() {
	select {
		padding: 5px 0 5px 2px !important;
	}
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select {
		padding: 0 !important;
	}
}*/

td.input_col {
	width: 100%;
}

/* Pour les AjaxFileUpload */
iframe[name$="UploadFrame"] {
	display: none;
}

.pull-left-margin {
	.pull-left;
	margin: 0 5px 5px 0;
}

.thumbnail-middle {
	&:extend(.thumbnail all);
	position: relative;
}

.thumbnail-middle img {
	display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;

	position: absolute;  
	top: 0;  
	bottom: 0;  
	left: 0;  
	right: 0;  
	margin: auto;
}

a.thumbnail.img-thumbnail {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

div.img-thumbnail, a.thumbnail.img-thumbnail {
	width:82px;
	height:67px;
	.text-center;
	padding: 0;
}

div.img-thumbnail img, a.thumbnail.img-thumbnail img {
	max-width: 80px;
	max-height: 65px;
}

div.img-thumbnail-xs, a.thumbnail.img-thumbnail-xs {
	.img-thumbnail;
	width:22px;
	height:22px;
	.text-center;
	padding: 0;
}

div.img-thumbnail-xs img, a.thumbnail.img-thumbnail-xs img {
	max-width: 20px;
	max-height: 20px;
}

.inline-block {
	display: inline-block;
}

ul.orderableList li div.btn-group {
	.pull-right;
}

ul.orderableList li {
	cursor: move;
}

.inline {
	display:inline;
}

ul#fonctionsTree {
	list-style-type:none;
}

ul.orderableList  {
	padding-left:1px;
	list-style-type:none;
}

ul.dossierItem {
	list-style-type:none;
}

ul.infoSite {
	list-style-type:none;
}

.lirary-container {
	position: relative;
}

.lirary-container .mail-nav {
	height: 100%;
}

body.tiny .lirary-container {
	min-height: 548px
}

.lirary-container .mail-nav::before {
	position: absolute;
}

.overflow-scroll {
	overflow: scroll;
}

#bibliotheque .modal-body {
	padding: 0;
}

.text-ellipsis {
	text-overflow:ellipsis;
	width:100%;
	white-space:nowrap;
	overflow:hidden;
}

.lightbox {
	position:relative;
}

.lightbox:hover .lightbox-zoom {
	opacity: 0.9;
}

.lightbox-zoom {
	position: absolute;
	top: 47%;
	left: 45%;
	color: #9E9E9E;
	height: 100%;
	width: 100%;
}

//rating

.rating {
    width: 67px;
    height: 13px;
    padding: 0;
    margin: 0;
    list-style: none;
    clear: both;
    position: relative;
    background: transparent url(../images/icons/stars.png) no-repeat 0 0;
    clear: none;
}

.rating li {
    padding: 0;
    margin: 0;
    background: transparent !important;
    border: none !important;
    cursor: pointer;
    float: left;
    text-indent: -999em;
}

.nostar {
    background-position: 0 0;
}

.onestar {
    background-position: 0 -13px;
}

.twostar {
    background-position: 0 -26px;
}

.threestar {
    background-position: 0 -39px;
}

.fourstar {
    background-position: 0 -52px;
}

.fivestar {
    background-position: 0 -65px;
}

.google-stars {
    height: 11px;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 2px;
    width: 60px;
    float: right;
}

.google-star {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/google-widget3.png");
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto;
    height: 11px;
    width: 11px;
    margin-right: 1px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    float: left;
}

.unstarred {
    background-position: 0 -39px;
}

.half-starred {
    background-position: -11px -39px;
}

.starred {
    background-position: -22px -39px;
}

.modal-xlg {
	width:96%;
}

.tracker {
    width: 100%;
    height: 14px;
    background: transparent url(../images/ScrollBarBg.png) repeat-x;
    border: none;
    position: relative;
}

.handle {
    cursor: move;
    width: 30px;
    height: 13px;
    position: relative;
    bottom: 0;
    background: transparent url(../images/scroll.png) no-repeat;
    position: absolute;
}


.table-responsive.overflow-scroll {
	background-color: white;
}

.google-visualization-charteditor-dialog {
	width:inherit;
}

.publishCenter {
	height:46px;
	line-height:46px;
}

.dropdown-menu li.linkHover:hover{
	background-color:rgba(0,0,0,.04);
}

.dropdown-menu li>a:hover {
	background:none !important;
	color:inherit !important;
}

.navbar-header a.white {
	color:white !important;
}

ul.noPuce {
	list-style-type:none;
}

.pac-container {
	z-index:1050;
	position:fixed;
	display:inline-block;
}

.text-ellipsis i.btn-label.fa {
	margin-right: -5px;
}

form .editor_field {
	&:extend(.form-control);
}

form .editor_ok_button {
	&:extend(.btn, .btn-primary);
	margin-right: 5px;
}

form .editor_cancel_link.editor_cancel {
	&:extend(.btn, .btn-default);
}

a .editComment:hover {
	&:extend(.text-info);
}

a .deleteComment:hover {
	&:extend(.text-danger);
}

a .approveComment:hover {
	&:extend(.text-success);
}

.icon-list {
	width: 15px;
	text-align: center;
	margin-right: 5px;
}

.helper {
	color: #EB4A62 !important;
}

#helper {
	/*width: 48px;
	height: 48px;
	line-height: 45px;
	font-size: 30px;
	position: fixed;
	bottom: 15px;
	right: 20px;*/
	font-size: 26px;
	.helper;
}

/*----------------------------------------
 PAGE HEADER
------------------------------------------*/

.adns-home-page #adns-navigation-product {
	display: none;
}

.adns-home-page .page-header {
	border: 0;
	margin-bottom: 40px;
	margin-top: 5px;
}

.page-header h1 label {
	font-size: 11px;
	padding: 0px 6px;
}

.menuPanelControls {
	line-height: 13px;
}

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

.menuPanelControls .form-control {
	text-align:right; 
	width:inherit;
}

#main-navbar .navbar-header a.navbar-brand {
	text-transform: uppercase;
	font-size: 13px;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	font-weight: normal;
}

#main-navbar .navbar-header a.navbar-brand.titre-dossier {
	font-size: 11px;
}

.btn-checkbox input {
	display: none;
}

.btn-checkbox label.btn:hover *, .btn-checkbox label.btn.active * {
	color: white;
}

/*----------------------------------------
 HOME PAGE
------------------------------------------*/

.adns-home-page h2 {
	color: white;
}

/*----------------------------------------
 PRODUCTS
------------------------------------------*/

.panel-mail-adns, .panel-web-adns, .panel-gipco-adns, .panel-communautes-adns {
	.panel-heading {
		height:95px;
		a i {
			font-size: 50px
		}
	}
	.panel-body {
		height:260px;
		
		.adns-info {
			position:absolute;
			right:20px;
			bottom:20px;
			font-size:20px;
		}
	}
}

/************* MAIL-ADNS *************/

.mailAdns {
	background: #f65d35;
}

.panel-mail-adns > .mailAdnsProduct a {
	color: #f65d35;
}

.panel-mail-adns > .mailAdnsProduct a:hover, .panel-mail-adns > .mailAdnsProduct a:focus {
	color: #d43b13;
}

.panel-mail-adns {
	border-color: #f65d35 !important;
}

.panel-mail-adns > .panel-heading {
	color: #fff;
	background-color: #f65d35;
	border-color: #f65d35;
}

.panel-mail-adns > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #f65d35;
}

.panel-mail-adns > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #f65d35;
}

.panel-mail-adns > .panel-heading {
	background-image: -webkit-linear-gradient(top, #f65d35 0, #d43b13 100%);
    background-image: linear-gradient(to bottom, #f65d35 0, #d43b13 100%);
    background-repeat: repeat-x;
}

/************ COMMUNAUTES-ADNS ************/

.communautesAdns {
	background: #3bc2a9;
}

.panel-communautes-adns > .communautesAdnsProduct a {
	color: #3bc2a9;
}

.panel-communautes-adns > .communautesAdnsProduct a:hover, .panel-communautes-adns > .communautesAdnsProduct a:focus {
	color: #09a087;
}

.panel-communautes-adns {
	border-color: #3bc2a9 !important;
}

.panel-communautes-adns > .panel-heading {
	color: #fff;
	background-color: #3bc2a9;
	border-color: #3bc2a9;
}

.panel-communautes-adns > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #3bc2a9;
}

.panel-communautes-adns > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #3bc2a9;
}

.panel-communautes-adns > .panel-heading {
	background-image: -webkit-linear-gradient(top, #3bc2a9 0, #09a087 100%);
    background-image: linear-gradient(to bottom, #3bc2a9 0, #09a087 100%);
    background-repeat: repeat-x;
}

/************ WEB-ADNS ************/

.webAdns{
	background: #a48ad4;
	//background: #5D3C6A url('../images/produits/webadns.png') center top no-repeat !important;
}

.webAdnsProduct a {
	color: #7E518E;
}

.webAdnsProduct a:hover, .webAdnsProduct a:focus {
	color: #5D3C6A;
}

.panel-web-adns {
    border-color: #7E518E !important;
}

.panel-web-adns>.panel-heading {
    color: #fff;
    background-color: #7E518E;
    border-color: #7E518E
}

.panel-web-adns>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #7E518E
}

.panel-web-adns>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #7E518E
}

.panel-web-adns>.panel-heading {
    background-image: -webkit-linear-gradient(top, #835595 0, #5D3C6A 100%);
    background-image: linear-gradient(to bottom, #835595 0, #5D3C6A 100%);
    background-repeat: repeat-x;
    //filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#835595', endColorstr='#5D3C6A', GradientType=0)
}

/************ GIPCO-ADNS ************/

.gipcoAdns {
	background: #1aaada;
}

.panel-gipco-adns > .gipcoAdnsProduct a {
	color: #1aaada;
}

.panel-gipco-adns > .gipcoAdnsProduct a:hover, .panel-gipco-adns > .gipcoAdnsProduct a:focus {
	color: #0888b8;
}

.panel-gipco-adns {
	border-color: #1aaada !important;
}

.panel-gipco-adns > .panel-heading {
	color: #fff;
	background-color: #1aaada;
	border-color: #1aaada;
}

.panel-gipco-adns > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #1aaada;
}

.panel-gipco-adns > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #1aaada;
}

.panel-gipco-adns > .panel-heading {
	background-image: -webkit-linear-gradient(top, #1aaada 0, #0888b8 100%);
    background-image: linear-gradient(to bottom, #1aaada 0, #0888b8 100%);
    background-repeat: repeat-x;
}


/************ ALL ************/
.gipcoAdns a, .webAdns a, .mailAdns a, .communautesAdns a {
	color: white;	
}

/*----------------------------------------
 LOGIN
------------------------------------------*/

.glyphicon-flag {
	top: -2px;
}

.adns-logo {
	margin-top: 3px;
}

/*----------------------------------------
 MENU
------------------------------------------*/
.menu-content .profil-initiales {
	width: 54px;
	height: 54px;
	display: block;
	position: absolute;
	left: -68px;
	top: 1px;
	border-radius: 999999px;
	
	font-size: 100%;
	line-height: 54px;
	background-color: #C0C0C0;
	color: white;
	font-size: 22px;
	&:extend(.text-center);
}

.sidebar {
	padding: 20px;
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	background-color: #f5f5f5;
	border-right: 1px solid #eee;
	min-height: 79px;
}

label.nav-header a {
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #999999;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}
ul.nav.tree {
	margin-left: 15px;
	padding-left: -15px;
}
.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}

.page-mail .mail-nav .navigation .sections {
	margin-top: 0;
}

ul.sections li.section-item {
	padding-left: 16px!important;
	line-height: 36px;
}

/*----------------------------------------
 PageMail - Sidebar
------------------------------------------*/
.page-mail .breadcrumb.breadcrumb-page {
	margin-left: -16px;
	margin-right: -16px;
	padding-top: 0;
	padding-bottom: 0;
}

.page-mail .mail-container-body {
	padding: 12px 16px;
	
	.mail-controls {
		margin-left: -16px;
		margin-right: -16px;
		padding-top: 5px;
		margin-bottom: 12px;
	}
}

.page-mail .mail-nav {
	min-height: 0;
}

@media (max-width: 991px) {
  iframe:not(#ifrImageBrowse) .mail-nav {
	margin-top: 45px;  
  }
}

.page-mail {
	#pa-page-alerts-box {
		margin-top: 45px;
		
		div.alert {
			margin: 0;
		}
	}
	#adnsHeader {
		margin-top: 0;
	}
	ul.breadcrumb.breadcrumb-page {
		margin-top: -14px;
	}
}

/*----------------------------------------
 AdnsListe
------------------------------------------*/
table.ajaxGridTable {
	background-color: white;
}

ul.nav.navbar-nav.marging > li {
	margin-right: 5px;
}

ul.nav.navbar-nav.marging > li:last-child {
	margin-right: 0;
}

.rechercheContainer {
	margin-bottom: 10px;
}

.ajaxGridContainer > nav {
	margin-bottom: 0;
}

table th.ajaxGridColumnTitle {
	white-space: nowrap;
}

table.ajaxGridTable label {
	display: block;
	cursor: pointer;
	font-weight: normal;
}

tr.ajaxGridSelectedRow td {
	font-weight:700!important;
}

.canceledRegistration td, .inscriptionAnnulee td, .canceledRegistration td a, .inscriptionAnnulee td a{
	text-decoration:  line-through;
	color:red;
}

.errorRegistration td, .errorRegistration td a, .waiting td, .waiting td a {
	font-style: italic;
	color: silver;
}

/*----------------------------------------
 PANEL
------------------------------------------*/

.panel-body > .panel-footer, .panel-body form:not(#familleSelectorForm) > .panel-footer  {
	margin: 0 -20px -20px -20px;
}

.modal-body .modal-footer {
	margin: 20px -20px -20px -20px;
}

.panel-body .panel-footer.panel-wide {
	margin-bottom: -20px;
}

/*----------------------------------------
 AutoComplete
------------------------------------------*/
div.auto_complete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.auto_complete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.auto_complete ul li.selected { background-color: #428BCA; color: white;}
div.auto_complete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

/*----------------------------------------
 Step
------------------------------------------*/
ul.recap-envoi{
	font-size: 1.625em;
	list-style:none;
	float:none;
	width:100%;
   	&:extend(.panel-body);
}
.item-step-envoi {
	margin :0;
	border-top: 1px #c9c9c9;
}

.item-step-envoi.media-stp-envoi {
	padding: 23px 0 24px;
}

.icon-step {
	float: left;
	margin-right: 15px;
}

.link-step{
	margin-left:40px;
}

.mandatory {
	color:red;
	position:relative;
	bottom:8px;
	top:inherit;
	font-size:8px;
}

.required-field-block {
    position: relative;  
    padding-right:0px; 
}

.required-field-block .required-icon {
    display: inline-block;
    vertical-align: middle;
    margin: -0.25em 0.25em 0em;
    background-color: #E8E8E8;
    border-color: #E8E8E8;
    padding: 0.5em 0.8em;
    color: rgba(0, 0, 0, 0.65);
    text-transform: uppercase;
    font-weight: normal;
    border-radius: 0.325em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    transition: background 0.1s linear;
    font-size: 75%;
}
	
.required-field-block .required-icon {
    background-color: transparent;
    position: absolute;
    top: 0em;
    right: 0em;
    z-index: 10;
    margin: 0em;
    width: 30px;
    height: 30px;
    padding: 0em;
    text-align: center;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    transition: color 0.2s ease;
}

.required-field-block .required-icon:after {
    position: absolute;
    content: "";
    right: 1px;
    top: 1px;
    z-index: -1;
    width: 0em;
    height: 0em;
    border-top: 0em solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 0em solid transparent;
    border-right-color: inherit;
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

.required-field-block .required-icon .text {
	color: #B80000;
	font-size: 26px;
	margin: -3px 0 0 12px;
}

/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #f65d35; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #bc5223; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-step-bar {width:0px; box-shadow: none; background: #f65d35;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-step-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-step-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-step-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-step-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 51%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{  }

.ds-btn li{ list-style:none; padding:10px; }
.ds-btn li a span{padding-left:15px;padding-right:5px;width:100%;display:inline-block; text-align:left;}
.ds-btn li a span small{width:100%; display:inline-block; text-align:left;}



//STEP ETAT

.stepwizard-step p {
    margin-top: 10px;    
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
    
}

.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

//KANBAN

.kanban-centered {
    position: relative;
    margin-bottom: 30px;
}

.kanban-centered:before, .kanban-centered:after {
    content: " ";
    display: table;
}

.kanban-centered:after {
    clear: both;
}

.kanban-centered:before, .kanban-centered:after {
    content: " ";
    display: table;
}

.kanban-centered:after {
    clear: both;
}

.kanban-centered:before {
    content: '';
    position: absolute;
    display: block;
    width: 2px;
    /*background: #f5f5f6;*/
    top: 20px;
    bottom: 20px;
    /*margin-left: 18px;*/
}

.kanban-centered .kanban-entry {
    position: relative;
    /*width: 50%;
    float: right;*/
    //margin: 10px 8px;
    clear: both;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.5);
}

.kanban-centered .kanban-entry:before, .kanban-centered .kanban-entry:after {
    content: " ";
    display: table;
}

.kanban-centered .kanban-entry:after {
    clear: both;
}

.kanban-centered .kanban-entry:before, .kanban-centered .kanban-entry:after {
    content: " ";
    display: table;
}

.kanban-centered .kanban-entry:after {
    clear: both;
}

.kanban-centered .kanban-entry.begin {
    margin-bottom: 0;
}

.kanban-centered .kanban-entry.left-aligned {
    float: left;
}

.kanban-centered .kanban-entry.left-aligned .kanban-entry-inner {
    margin-left: 0;
    margin-right: -18px;
}

.kanban-centered .kanban-entry.left-aligned .kanban-entry-inner .kanban-time {
	left: auto;
	right: -100px;
	text-align: left;
}

.kanban-centered .kanban-entry.left-aligned .kanban-entry-inner .kanban-icon {
	float: right;
}

.kanban-centered .kanban-entry.left-aligned .kanban-entry-inner .kanban-label {
	margin-left: 0;
	margin-right: 70px;
}

.kanban-centered .kanban-entry.left-aligned .kanban-entry-inner .kanban-label:after {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: -9px;
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.kanban-centered .kanban-entry .kanban-entry-inner {
	position: relative;
	/*margin-left: -24px;*/
}

.kanban-centered .kanban-entry .kanban-entry-inner:before, .kanban-centered .kanban-entry .kanban-entry-inner:after {
	content: " ";
	display: table;
}

.kanban-centered .kanban-entry .kanban-entry-inner:after {
	clear: both;
}

.kanban-centered .kanban-entry .kanban-entry-inner:before, .kanban-centered .kanban-entry .kanban-entry-inner:after {
	content: " ";
	display: table;
}

.kanban-centered .kanban-entry .kanban-entry-inner:after {
	clear: both;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-time {
	position: absolute;
	left: -100px;
	text-align: right;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-time > span {
	display: block;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-time > span:first-child {
	font-size: 15px;
	font-weight: bold;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-time > span:last-child {
	font-size: 12px;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-icon {
	background: #fff;
	color: #737881;
	display: block;
	width: 25px;
	height: 25px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	-moz-box-shadow: 0 0 0 4px #f5f5f6;
	-webkit-box-shadow: 0 0 0 4px #f5f5f6;
	box-shadow: 0 0 0 4px #f5f5f6;
	float: left;
	margin-top: 6px;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-icon.bg-primary {
	background-color: #303641;
	color: #fff;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-icon.bg-secondary {
	background-color: #ee4749;
	color: #fff;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-icon.bg-success {
	background-color: #00a651;
	color: #fff;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-icon.bg-info {
	background-color: #21a9e1;
	color: #fff;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-icon.bg-warning {
	background-color: #fad839;
	color: #fff;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-icon.bg-danger {
	background-color: #cc2424;
	color: #fff;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-label {
	position: relative;
	background: #f5f5f6;
	padding: 0.75em;
	/*margin-left: 50px;*/
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/*.kanban-centered .kanban-entry .kanban-entry-inner .kanban-label:after {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #f5f5f6 transparent transparent;
	left: 0;
	top: 10px;
	margin-left: -9px;
	}*/

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-label h2, .kanban-centered .kanban-entry .kanban-entry-inner .kanban-label p {
	color: #737881;
	font-family: "Noto Sans",sans-serif;
	font-size: 12px;
	margin: 0;
	line-height: 1.428571429;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-label p + p {
	margin-top: 15px;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-label h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-label h2 a {
	color: #303641;
}

.kanban-centered .kanban-entry .kanban-entry-inner .kanban-label h2 span {
	-webkit-opacity: .6;
	-moz-opacity: .6;
	opacity: .6;
	-ms-filter: alpha(opacity=60);
	filter: alpha(opacity=60);
}

#recaptcha_area {
	margin: auto!important;
}

.icon-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
                   
.text-uppercase{text-transform:uppercase;}


.fa-rotate-45 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.fa-rotate-315 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-0.5);
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  transform: rotate(315deg);
}

input.px+.lbl.minus:before {
	content:"\f068";
	top: 1px;
    left: 1px;
    height: 15px;
    line-height: 15px;
    font-size: 11px;
    font-family: FontAwesome;
    text-align: center;	
}

#font-detect-swf {display:none;}

.icon-label {
	position: relative;
	display: inline-block;
	width: 24px;
}

.icon-label .fa {
	display: inline-block;
	/*font-size: 12px;*/
	margin: 0 !important;
}

.icon-label .label {
	font-size: 8px;
	padding: 0 2px;
	line-height: 10px;
	position: absolute;
	display: block;
	left: 8px;
	top: 0;
}

.drop-zone {
	&:extend(.text-center all);
	&:extend(.thumbnail all);
	&:extend(.no-margin);
	&:extend(.valign-middle);
	display: block;
	position: relative;
	height: 150px;
}

.drop-zone img {
	position: absolute;  
	top: 5px;  
	bottom: 5px;  
	left: 0px;  
	right: 0px;  
	margin: auto;
	max-height: 150px;
}

a.drop-zone {
	border-style: dashed;
	border-width: 3px;
}

.drop-zone>i {
	margin-top: 50px;
	&:extend(.text-xlg);
}

.drop-zone .btn-group {
	position: absolute;
	right: 5px;
	bottom: 5px;
	opacity: 0;
}

.drop-zone:hover .btn-group {
    opacity: 1 !important
}

.non-publie, .opacity-05 {
	opacity: 0.5;
}

@media (max-width: 768px) {
	.navbar-no-responsive {
	    .navbar-header {
	        float: left;
	    }

	    .navbar {
	        border-radius: 4px;
	        min-width: 400px;
	    }

	    .nav-tabs-justified > li > a {
	        border-bottom: 1px solid #ddd;
	        border-radius: 4px 4px 0 0;
	    }
	    .nav-tabs-justified > .active > a,
	    .nav-tabs-justified > .active > a:hover,
	    .nav-tabs-justified > .active > a:focus {
	        border-bottom-color: #fff;
	    }

	    .nav-justified > li {
	        display: table-cell;
	        width: 1%;
	    }
	    .nav-justified > li > a {
	        margin-bottom: 0;
	    }

	    .nav-tabs.nav-justified > li > a {
	        border-bottom: 1px solid #ddd;
	        border-radius: 4px 4px 0 0;
	    }
	    .nav-tabs.nav-justified > .active > a,
	    .nav-tabs.nav-justified > .active > a:hover,
	    .nav-tabs.nav-justified > .active > a:focus {
	        border-bottom-color: #fff;
	    }

	    .nav-tabs.nav-justified > li {
	        display: table-cell;
	        width: 1%;
	    }
	    .nav-tabs.nav-justified > li > a {
	        margin-bottom: 0;
	    }
    
	    .navbar-right .dropdown-menu {
	        right: 0;
	        left: auto;
	    }
	    .navbar-right .dropdown-menu-left {
	        right: auto;
	        left: 0;
	    }
	    .container {
	        min-width: 400px;
	    }

	    .navbar-collapse {
	        width: auto;
	        border-top: 0;
	        box-shadow: none;
	    }
	    .navbar-collapse.collapse {
	        display: block !important;
	        height: auto !important;
	        padding-bottom: 0;
	        overflow: visible !important;
	    }
	    .navbar-collapse.in {
	        overflow-y: visible;
	    }
	    .navbar-fixed-top .navbar-collapse,
	    .navbar-static-top .navbar-collapse,
	    .navbar-fixed-bottom .navbar-collapse {
	        padding-right: 0;
	        padding-left: 0;
	    }

	    .container > .navbar-header,
	    .container-fluid > .navbar-header,
	    .container > .navbar-collapse,
	    .container-fluid > .navbar-collapse {
	        margin-right: 0;
	        margin-left: 0;
	    }

	    .navbar-static-top {
	        border-radius: 0;
	    }

	    .navbar-fixed-top,
	    .navbar-fixed-bottom {
	        border-radius: 0;
	    }

	    .navbar-toggle {
	        display: none;
	    }

	    .navbar-nav {
	        float: left;
	        margin: 0;
	    }
	    .navbar-nav > li {
	        float: left;
	    }
	    .navbar-nav > li > a {
	        padding-top: 15px;
	        padding-bottom: 15px;
	    }
	    .navbar-nav.navbar-right:last-child {
	        margin-right: -15px;
	    }

	    .navbar-left {
	        float: left !important;
	    }
	    .navbar-right {
	        float: right !important;
	    }

	    .navbar-form .form-group {
	        display: inline-block;
	        margin-bottom: 0;
	        vertical-align: middle;
	    }
	    .navbar-form .form-control {
	        display: inline-block;
	        width: auto;
	        vertical-align: middle;
	    }
	    .navbar-form .control-label {
	        margin-bottom: 0;
	        vertical-align: middle;
	    }
	    .navbar-form .radio,
	    .navbar-form .checkbox {
	        display: inline-block;
	        padding-left: 0;
	        margin-top: 0;
	        margin-bottom: 0;
	        vertical-align: middle;
	    }
	    .navbar-form .radio input[type="radio"],
	    .navbar-form .checkbox input[type="checkbox"] {
	        float: none;
	        margin-left: 0;
	    }
	    .navbar-form .has-feedback .form-control-feedback {
	        top: 0;
	    }

	    .navbar-form {
	        width: auto;
	        padding-top: 0;
	        padding-bottom: 0;
	        margin-right: 0;
	        margin-left: 0;
	        border: 0;
	        -webkit-box-shadow: none;
	                box-shadow: none;
	    }
	    .navbar-form.navbar-right:last-child {
	        margin-right: -15px;
	    }
		
	    .navbar-text {
	        float: left;
	        margin-right: 15px;
	        margin-left: 15px;
	    }
	    .navbar-text.navbar-right:last-child {
	        margin-right: 0;
	    }
	}
}

.navbar-header-center {
	width: 100% !important;
	
	.navbar-brand {
	    position: absolute;
	    width: 100%;
	    left: 0;
	    text-align: center;
	    margin:0 auto;
		z-index: 1;
	}
}

.icon-move {
	line-height: 7px;
	letter-spacing: 3px;
	padding-top: 4px;
}

.app-icon-100 {
	position: relative;
	width: 105px;
	height: 105px;
}

.mask-app-100 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 102px;
	height: 102px;
	background: url(../gip4co/mask100.png) 0 0 no-repeat;
	background-size: 100px 100px;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;

  .embed-responsive-item,
  iframe,
  embed,
  object,
  video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
  }
}

// Modifier class for 16:9 aspect ratio
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

// Modifier class for 4:3 aspect ratio
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

#sortQuestions li {
	cursor: default;
}

.move {
	cursor: move;
}

#sortQuestions .panel-heading {
	cursor: move;
}

#sortQuestions .panel-transparent * {
	cursor: pointer;
}

#sortQuestions .panel-transparent:hover {
	.bg-panel !important;
	.bordered !important;
}

.btn-group.btn-block > ul.dropdown-menu {
	width: 100%;
}

.list-group form a.list-group-item label {
	cursor: pointer;
}

#iframeInscription, iframe.loader {
	background-image: url("../../sliders/Galleria/themes/lightbox/loader.gif");
	background-color: white;
    background-repeat: no-repeat;
	background-position: 50% 50%;	
}

.link-hover .toggle {
    visibility: hidden;
	opacity: 0;
	transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;
}

.link-hover:hover .toggle {
	opacity: 1;
    visibility: visible;
}

.link-hover .toggle.toggle-right {
	position: absolute;
	right: -20px;
}

.link-hover .toggle.toggle-left {
	position: absolute;
	left: -20px;
}

#PageTemplateSelectorcontent .panel {
	&:extend(a.thumbnail all);
}

.table-cell {
	display: table-cell;
}

.media-left {
	padding-right: 10px;
}

.uuid td:nth-child(2) {
	.fa;
	display: table-cell;
	white-space: nowrap;
	.text-xs;
}

.uuid td:nth-child(2):before {
	 content: @fa-var-cloud;
}

.no-float {
  display: table-cell;
  float: none;
}

@media (min-width: 768px) {
	.col-sm-no-float {
	  display: table-cell;
	  float: none;
	}
}