$default-primary-color: #2a94db;

// Gipco-ADNS > frost
$gipco-adns-primary-color: #30add7;
$gipco-adns-brand-bg: $gipco-adns-primary-color;

// Web-ADNS > puple-hills
$web-adns-primary-color: #9276c6;
$web-adns-brand-bg: $web-adns-primary-color;

// Front-Cloud > clean
$front-cloud-primary-color: #51bf99;
$front-cloud-brand-bg : transparent;

// Mail-ADNS > dust
$mail-adns-primary-color: #796e6e;
$mail-adns-brand-bg: #f65d35;

// Communautes-ADNS > asphalt
$communautes-adns-primary-color: #35baaf;
$communautes-adns-brand-bg: $communautes-adns-primary-color;


/*----------------------------------------
 Home
------------------------------------------*/
@mixin panel-product($color) {
	border-color: $color;
	.panel-heading {
		background-color: $color;
		a:hover {
			color: darken(white , 10%);
		}
	}
	.adns-info {
		color: $color;
	}
	a.adns-info:hover {
		color: darken($color , 10%);
	}
}

.panel-product {
	.panel-heading {
		text-align: center;
		height:95px;
		font-weight: bold;
		color: white;
		a {
			color: white;
			font-weight: bold;
		}		
		i {
			font-size: 50px;
		}
	}
	.panel-body {
		height:260px;
		
		.adns-info {
			position:absolute;
			right:20px;
			bottom:20px;
			font-size:20px;
		}
		h3 {
			margin-top: 0;
		}
	}
	
	&.gipco-adns {
		@include panel-product($gipco-adns-brand-bg);
	}
	&.web-adns {
		@include panel-product($web-adns-brand-bg);
	}
	&.mail-adns {
		@include panel-product($mail-adns-brand-bg);
	}
	&.communautes-adns {
		@include panel-product($communautes-adns-brand-bg);
	}
}

/*----------------------------------------
 Modal
------------------------------------------*/

.modal-xlg {
	width:96%;
}

.modal .modal-fullscreen {
	&.modal-dialog,  .modal-content {
	    bottom: 0;
	    left: 0;
	    position: absolute;
	    right: 0;
	    top: 0
	}

	&.modal-dialog {
    	margin: 0;
		width: 100%
	}

	.modal-content {
    	border: none;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: inherit;
		-moz-box-shadow: inherit;
		-o-box-shadow: inherit;
		box-shadow: inherit;
	}
	
	.modal-footer {
		left: 0;
		position: absolute;
		right: 0;
		bottom: 0
	}
	
	.modal-title {
		text-align: center;
	}
	
	&.with-iframe .modal-body {
	    position: absolute;
	    top: 50px;
	    left: 0;
	    right: 0;
	    bottom: 0;
		
		iframe {
			display: block; 
			width: 100%;
			height: 100%;
			border: none;
			overflow-x: hidden;
			overflow-y: scroll;
		}
	}	
}

/*----------------------------------------
 WAIT ADNS
------------------------------------------*/
#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;
}

/*----------------------------------------
 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: 0 -20px -20px -20px;
}

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

	th.ajaxGridColumnTitle {
		white-space: nowrap;
	}
	tr.ajaxGridSelectedRow td {
		font-weight:700!important;
	}
	
	tr.uuid td:nth-child(2) {
		font: normal normal normal 12px/1 FontAwesome;
		white-space: nowrap;
		text-rendering: auto;
	}
	
	tr.uuid td:nth-child(2):before {
		 content: "\f0c2";
	}
	
	label {
		display: block;
		cursor: pointer;
		font-weight: normal;
	}
	.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, tr.disabled td, tr.disabled td a {
		font-style: italic;
		color: silver;
	}
}

/*----------------------------------------
 Sidebar
------------------------------------------*/
.page-sidebar-container {
	margin-top: 15px;
	overflow: visible;
	& > .box-row > .box-cell { display: block !important; }
	
	.page-sidebar-content {
		overflow: visible;
		 
		.page-header {
			margin-left: 0px;
			margin-right: 0px;
		}
	}
	
	#page-sidebar-aside-nav {
		max-height: 0;
		overflow: hidden;
		-webkit-transition: max-height .3s;
		transition: max-height .3s;
	  
		&.show { max-height: 2000px; }
		
		.list-group 	a.list-group-item {
			span.text-ellipsis {
				display: inline-block;
			}
			&.contains-label span.text-ellipsis, &.contains-icon span.text-ellipsis {
				max-width: 138px;
			}
			&.contains-icon.contains-label span.text-ellipsis {
				max-width: 105px;
			}
		}
	}

	@media (min-width: 768px) {
		& > .box-row > .box-cell {
			display: table-cell !important;
			padding-top: 15px;
		}
		& {
			margin-top: 0px;
		}
		.page-sidebar-aside { width: 200px; }
		.page-sidebar-content { padding-left: 20px; }
		#page-sidebar-aside-nav { max-height: none !important; }
		.page-sidebar-wide-buttons .btn { width: 60px; }
	}
}

/*----------------------------------------
 Error Page
------------------------------------------*/
.page-error-code {
	margin-top: 60px;
	color: #fff;
	text-shadow: 0 4px 0 rgba(0,0,0,.1);
	font-size: 120px;
	font-weight: 700;
	line-height: 140px;
}

.page-error-text, .page-error-subheader {
	margin-bottom: 60px;
	color: rgba(0,0,0,.5);
 	font-weight: 600;
	position: relative;
}

.page-error-subheader {
	font-size: 50px;
}

.page-error-subheader:after {
	position: absolute;
	bottom: -30px;
	left: 50%;
	display: block;
	width: 40px;
	height: 4px;
	margin-left: -20px;
	content: "";
	background: rgba(0,0,0,.2);
}

/*----------------------------------------
 Stepwizard -- https://bootsnipp.com/snippets/e3MBM
------------------------------------------*/
.stepwizard-step p {
	margin-top: 10px;
}

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

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

.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-index: 0;
}

.stepwizard-row:after {
	content: " ";
	z-index: 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;
}

.stepwizard-lg {
	.stepwizard-row:before {
		top:23px;
		height: 3px;
	}
	.stepwizard-step p {
		font-size: 14px;
	}
	.btn-circle {
		width: 50px;
		height: 50px;
		font-size: 24px;
		border-radius: 30px;
	}
}

/*----------------------------------------
 OrderableList
------------------------------------------*/
ul.orderableList {
	list-style-type:none;
	padding-left: 1px;
	
	li {
		cursor: move;	
	 	div.btn-group {
			float: right;
		}
	}
	
	&#sortQuestions li {
		cursor: default;
		.panel-heading {
			cursor: move;
			
			&.icon-move {
				line-height: 7px;
				letter-spacing: 3px;
				padding-top: 4px;
			}
		}
		.panel-footer {
			
			
			div.btn-group {
				float: none;
			}
		}
		.panel-transparent * {
			cursor: pointer;
		}
		.panel-transparent:hover {
			//Border et bg
		}
	}
	
	&.decimal {
		margin-left:20px;
		list-style: decimal;
		
		li > div {
			margin-top: -20px;
		}
	}
}

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

iframe[name$='UploadFrame'] {
	display: none;
}

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

/*----------------------------------------
 Complete classes - PixelAdmin
------------------------------------------*/
.list-group-icon {
	display: inline-block;
}

/*----------------------------------------
 Utility classes
------------------------------------------*/
div.pac-container.pac-logo{z-index: 2000;}

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

.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);
}

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

.no-float {
	float: none;
}

.move {
	cursor: move;
}

.widget-rating {
	@for $i from 1 through 5 {
		&.rating-#{$i} {
			@for $j from 1 through $i { 
				.star-#{$j} {color: gold;}
			}
		}
	}
}

/*.batchactions_started {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 999999;
	background-color: white;
}*/