/*
.esriSignInDialog {
	display: none !important;
}
*/

/*
 * Command panel
 */

#builderPanel .appTitle {
	position: absolute;
	top: 13px;
	left: 32px;
	width: 288px;
	height: 31px;
	background: url(../../../../resources/tpl/builder/icons/builder-logo.png);
}

#builderPanel.more-conflicting-text .appTitle {
	width: 240px;
	height: 26px;
	top: 17px;
	background-size: contain;
	background-repeat: no-repeat;
	left: 5px;
}

#builderPanel .builder-save {
	background-color: #428BC9;
	border-color: #428BC9;
	color: #FFF;
}

/* CKEDITOR
 *  Remove popup white background
 *  Mandatory for image editing as can't prevent double click from opening the default popup
 */
.cke_dialog_background_cover {
	display: none !important;
}

/*
 * Landing has mostly been moved to Landing.css
 */

.show-landing .medias {
	display: none;
}

/*
 * First add splash
 */

.firstAddExplain {
	display: none;
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	width: 100%;
	margin: auto;
	text-align: center;
	font-size: 1.9em;
}

.firstAddExplain .biggerText {
	font-size: 2.0em;
	color: #67AAE5;
	line-height: 0.8em;
}

#floatingPanel .firstAddExplain {
	color: #FFF;
}

body.layout-float-right #mainStagePanel .firstAddExplain {
	left: -40%;
}

body.layout-float-left #mainStagePanel .firstAddExplain {
	right: -40%;
}

/*
 * Map configuration layout specific rules
 */

body.layout-side-right .mapConfigOverlay.toc,
body.layout-float-right .mapConfigOverlay.toc {
	left: 0;
	right: inherit;
	border-left: none;
	border-right: 1px solid #428BC9;
}

/*
 * Layout thumbnails
 */

.layout-thumbnail {
	display: inline-block;
	position: relative;
	width: 150px;
	height: 80px;
	margin-right: 0;
	margin-top: 0;
	border-radius: 8px;
	padding: 6px 2px;
	background-color: #D7D7D7;
	-webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
    cursor: default;
}

.layout-thumbnail .layout-block {
	position: relative;
	height: 99%;
	border: 2px solid #FFF;
}

.layout-thumbnail .number,
.layout-thumbnail .size,
.layout-thumbnail .panel-lbl:not(.rotate) {
	position: absolute;
	display: inline-block;
	width: 32px;
	height: 32px;
	top: 50%;
	bottom: 50%;
	left: 50%;
	right: 50%;
	margin-top: -16px;
	margin-left: -16px;
}

 .layout-thumbnail .thumb-content {
 	color: black;
 }

.layout-thumbnail .number {
	background: url('../../../../resources/tpl/builder/icons/layout-thumbnail-number.png');
}

.layout-thumbnail .number-step1.number-2 {
	background-position: 32px 0;
}

.layout-thumbnail .number-step2.number-1 {
	background-position: 0 32px;
}

.layout-thumbnail .number-step2.number-2 {
	background-position: 32px 32px;
}

/* Float specific */
.layout-thumbnail .layout-block.layout-float:nth-child(2) .thumb-content {
	margin-left: -40px;
}

/* Float specific */
.layout-thumbnail .layout-block.layout-float.layout-left:nth-child(2) .thumb-content {
	margin-left: 10px;
}

.layout-thumbnail .size {
	font-family: 'open_sanssemibold', sans-serif;
	font-size: 1.3em;
	margin-left: -17px;
}

.layout-thumbnail .panel-lbl {
	display: block;
	font-family: 'open_sanssemibold', sans-serif;
	font-weight: 1.2em;
	text-align: center;
}

.layout-thumbnail .panel-lbl:not(.rotate) {
	margin-top: -22px;
}

.layout-thumbnail .panel-lbl.rotate {
	width: 110px;
	height: 100px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.layout-thumbnail .layout-selected {
	position: absolute;
	display: none;
	top: -20px;
	left: -16px;
	width: 40px;
	height: 40px;
	z-index: 2;
}

.layout-thumbnail.selected .layout-selected {
	display: block;
	background: url(../../../../resources/tpl/builder/icons/builder-check.png);
	background-repeat: no-repeat;
}

/*
 * Layout/size/position text rotation adjustement
 */

.layout-thumbnail .rotate {
	margin-top: 15px;
}

.layout-thumbnail.layout-float.size-medium .rotate {
	margin-left: 10px;
}

.layout-thumbnail.layout-float.size-small .rotate {
	margin-left: 2px;
}

.layout-thumbnail.layout-float.size-large .rotate {
	margin-left: 20px;
}

/*
 * Label
 */

 /* sidebar on the right */

.layout-thumbnail.layout-float.pos-right.size-small .layout-block.layout-float:nth-child(2) div:not(.rotate) {
	margin-left: -38px;
}

.layout-thumbnail.layout-float.pos-right.size-medium .layout-block.layout-float:nth-child(2) div:not(.rotate) {
	margin-left: -48px;
}

.layout-thumbnail.layout-float.pos-right.size-large .layout-block.layout-float:nth-child(2) div:not(.rotate) {
	margin-left: -55px;
}

 /* sidebar on the left */

.layout-thumbnail.layout-float.pos-left.size-small .layout-block.layout-float:nth-child(2) div:not(.rotate) {
	margin-left: 6px;
}

.layout-thumbnail.layout-float.pos-left.size-medium .layout-block.layout-float:nth-child(2) div:not(.rotate) {
	margin-left: 14px;
}

.layout-thumbnail.layout-float.pos-left.size-large .layout-block.layout-float:nth-child(2) div:not(.rotate) {
	margin-left: 22px;
}

/*
 * Step Number
 */

.layout-thumbnail.layout-float.pos-right.size-small .layout-block.layout-float:nth-child(2) .number {
	margin-left: -32px !important;
}

.layout-thumbnail.layout-float.pos-right.size-medium .layout-block.layout-float:nth-child(2) .number {
	margin-left: -34px !important;
}

.layout-thumbnail.layout-float.pos-right.size-large .layout-block.layout-float:nth-child(2) .number {
	margin-left: -40px !important;
}

.layout-thumbnail.layout-float.pos-left.size-small .layout-block.layout-float:nth-child(2) .number {
	margin-left: 4px !important;
}

.layout-thumbnail.layout-float.pos-left.size-medium .layout-block.layout-float:nth-child(2) .number {
	margin-left: 0px !important;
}

.layout-thumbnail.layout-float.pos-left.size-large .layout-block.layout-float:nth-child(2) .number {
	margin-left: 8px !important;
}

.layout-thumbnail.layout-side.size-small .rotate {
	margin-left: 3px;
}

.layout-thumbnail.layout-side.size-medium .rotate {
	margin-left: 10px;
}

.layout-thumbnail.layout-side.size-large .rotate {
	margin-left: 24px;
}

/* theme label */

.layout-thumbnail .theme-label {
	font-size: 10px;
	position: absolute;
	top: 100%;
	width: 100%;
	text-align: center;
}