/*
	//	Website: 		cms.dap-industries.lu
	//	Project: 		cms development
	//	Author:			dap industries
	//	Date:			06.12.2016
	//	Describtion:	Global Stylesheet
*/

/*Imports*/
/*Login Box Style Import*/
@import url("loginstyle.css");

@import url("../../modules/ckeditor_4.x/myCkeditor.css");

/*Gloabl*/
@font-face {
    font-family: myMontserrat;
    src: url(Montserrat/Montserrat-Light.ttf);
}
@font-face {
    font-family: myRoboto;
    src: url(roboto/Roboto-Regular.ttf);
}
@font-face {
    font-family: myLiberation;
    src: url(liberation_sans/LiberationSans-Regular.ttf);
}
@font-face {
    font-family: myOpenSans;
    src: url(Open_Sans/OpenSans-Regular.ttf);
}
body {
	font-family: myOpenSans, myLiberation, myMontserrat, myRoboto, Heveletica, Arial;
	font-size:14px;
	color: white;
	height:100%;
}
/*filebrowser*/
 .browse-action-bar {
 	position: fixed;
 	width: 100%;
 	top: 0px;
 	padding: 10px;
 	background-color: rgb(52,60,63);
 }
 .browse-action-bar .alert {
 	display: inline-block;
    padding: 5px;
    margin: 0px;
    float: right;
 }	
 .browse-action-bar .alert .close {
    margin-top: -5px;
    margin-left: 10px;
 }
 .image-list-header {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 5px;
    border: 1px solid black;
    background-color: #5D1F7A;
 }
 .image-list:nth-child(2) {
 	margin-top: 60px;
 }
 .image-box {
 	float: left;
 	margin: 5px;
 	height: 150px;
 	width: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-color: rgb(223,223,223);
 }
 .image-text {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	height: 50px;
 	padding: 5px;
 	color: #fff;
 	background-color: rgba(0,0,0,0.4);
 	width: 148px;
 	margin-top: 100px;
 }
 .ui-selected {
 	background-color: rgb(111,198,222);
 	border-collapse: rgb(111,198,222);
 }
 /*---*/
.container-fluid div:first-child.iffirst {
	padding-top:80px;
}
.dapedit {
	border:1px dashed rgba(93,31,122,0.8);
	border:1px dashed rgba(200,200,200,0.8);
}
.dapedit:hover {
	border:1px dashed rgba(93,31,122,1);
	border:1px dashed rgba(200,200,200,1);
}
.dapeditatag {
	color:#fff;
	top:50%;
	left:50%;
	position:absolute;
	transform:translate(-50%, -50%);
}
.dapeditatag:hover {
	text-decoration:none;
	color:#fff;
 }
.dapoponline, .dapoponline:hover {
	background-color: #61058D;
	color: #fff;
	margin-bottom: 4px;
}
.dapopedited, .dapopedited:hover {
	background-color: #045E85;
	color: #fff;
	margin-bottom: 4px;
}
.dapopcreated, .dapopcreated:hover {
	background-color: #D4B000;
	color: #fff;
	margin-bottom: 4px;
}
.dapopdeleted, .dapopdeleted:hover {
	background-color: #D41900;
	color: #fff;
	margin-bottom: 4px;
}
.dapopdeleted.context-menu-icon.context-menu-icon--fa::before, .dapopcreated.context-menu-icon.context-menu-icon--fa::before, .dapopedited.context-menu-icon.context-menu-icon--fa::before, .dapoponline.context-menu-icon.context-menu-icon--fa::before {
	color: #fff;
}

.ui-dialog {
	padding: 0px;
	border-radius: 0px;
	position:fixed;
}
.ui-dialog-titlebar {
	background-color: rgb(240,240,240);
}
.ui-dialog-titlebar-close, .ui-dialog-titlebar-close:hover {
	border:0px;
	background-color: transparent;
}
.ui-dialog .ui-dialog-content {
	width: 100%;
}
.ui-dialog .ui-dialog-buttonpane {
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 10px;
}
.ui-dialog .ui-dialog-buttonpane .ui-button {
	margin: 0px;
	margin-right: 5px;
	border-radius: 0px;
}
.my-ui-button-save, .my-ui-button-upload {
	color: white;
	background-color: #311a41;
	border-color:#311a41;
}
.my-ui-button-save:hover {
	color: white;
	background-color: #311a41;
	border-color:#311a41;
	opacity: 0.8;
}
.my-ui-button-cancel::before{
	width: 2em;
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}
.my-ui-button-save::before{
	width: 2em;
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-align: center;
}
.my-ui-button-upload::before{
	width: 2em;
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	text-align: center;
	content: "\f093\0000a0";
}

.dapdialogform {

}
.dapdialogform label {
	padding-left: 0px;
	margin: 0px;
	margin-top: 10px;
	font-size: 15px;
}
.dapdialogform input, .dapdialogform select {
	border:1px solid #bcbcbc;
	background-color: #fff;
	padding: 4px 6px;
	width: 100%;
	border-radius: 0px;
	margin-left: 0px;
	color:#000;
}
.dapdialogform input[type=file] {
	border:0px;
}
.dapdialogform input[type=radio] {
	height:auto;
}
.dapdialogform label.file {
	margin: 0px;
	padding-left: 10px;
	font-size: 14px;
}
.dapdialogform label.errorcomment {
	margin: 0px;
	padding-left: 10px;
	font-size: 14px;
	color:#D41900;
}
.dapdialogform input.error {
	color:#D41900;
}
.dapdialogform input[type=radio] {
	width:initial;
}

.row {
	position:relative;
}
/*style changes for the edit mode*/

.fixed-top {
	margin-top: 48px;
}
/**/
.dhidden {
	display:none;
}
.bg-dap {
	background-color: #311a41;
}
.bg-dap-nav {
	background-color: #5D1F7A;
	border-color: #5D1F7A;
	z-index:1000;
}
.navbar .navbar-nav .nav-item {
	padding-top:4px;
	padding-bottom:4px;
}
.navbar .navbar-nav .nav-item.active {
	border-bottom:4px solid white;
}
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.85);
}
.navbar-dark .navbar-nav .nav-link:hover {
	color: rgba(255,255,255,.925);
}
.alert-danger {
	background-color: #D6695A;
	border-color: #D6695A;
	color: #570A00;
}
.alert-warning {
	background-color: #D6C15A;
	border-color: #D6C15A;
	color: #574900;
}
.alert {
	border-radius:0px;
}
.dap-admin-actions {
	margin-top:20px;
	font-size:16px;
}
.dap-admin-h1 {
	color: white;
	font-size: 16px;
	font-weight: bold;
	margin-top:20px;
	padding:5px;
	padding-left:0px;
	border-bottom:2px solid white;
	margin-bottom:15px;
}
.dap-admin-ul {
	list-style:none;
	color: white;
	padding:0px;
}
.dap-admin-ul li {
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.dap-admin-ul li.selected {
	background-color: #75408E;
}
.dap-admin-ul li.dap-y {
	border-left:10px solid #D4B000;
	padding-left:10px;
}
.dap-admin-ul li.dap-add {
	border-left:10px solid #D4B000;
	padding-left:10px;
}
.dap-admin-ul .template-inaktive, .dap-legend-info .template-op-inaktive, .dap-op-inaktive {
	opacity: 0.4;
}
.dap-admin-ul .template-op-online, .dap-legend-info .template-op-online, .dap-op-online {
	border-left:10px solid #61058D;
	padding-left:10px;
}
.dap-admin-ul .template-op-edited, .dap-legend-info .template-op-edited, .dap-op-edited {
	border-left:10px solid #045E85;
	padding-left:10px;
}
.dap-admin-ul .template-op-new, .dap-legend-info .template-op-new, .dap-op-new {
	border-left:10px solid #D4B000;
	padding-left:10px;
}
.dap-admin-ul .template-op-deleted, .dap-legend-info .template-op-deleted, .dap-op-deleted {
	border-left:10px solid #D41900;
	padding-left:10px;
}
.dap-legend-info li {
	padding-right:10px;
}
.dap-admin-ul a {
	color:white;
	text-decoration:none;
}
.dap-admin-ul a:hover {
	color:white;
	text-decoration:none;
}
.dap-admin-ul a:hover li {
	background-color: #61058D;
}
.dap-admin-infos label, .dapform label {
	color:white;
	padding:0px;
	font-size:16px;
}
.modal-header {
	color:white;
	background-color: #5D1F7A;
	border-color: #5D1F7A;
}
.modal-header .close {
	color: white;
}
.modal-body .dapform label {
	color:black;
	display: block;
}
.dap-admin-infos input, .dap-admin-infos select, .dapform input, .dapform select  {
	background-color: transparent;
	border-radius:0px;
	border:0px;
	border-bottom:1px solid white;
	padding:0px;
	color: white;
	height:auto;
}
.modal-body .dapform input, .modal-body .dapform select {
	color: black;	
	border-bottom-color: black;
}
.dap-admin-infos input:focus, .dap-admin-infos select:focus, .dapform input:focus, .dapform select:focus {
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.0);
	border-radius:0px;
	border:0px;
	border-bottom:1px solid white;
	padding:0px;
	background-color: transparent;
	color: white;
}
.modal-body .dapform input:focus, .modal-body .dapform select:focus {
	color: black;
	border-bottom-color: black;
}
.dap-admin-infos select option, .dapform select option {
	color:black;
}
.dap-admin-infos #TemplateForm .error input, .dap-admin-infos #TemplateForm .error select, .dapform .error input, .dapform .error select {
	border-bottom-color: #D41900;
}
.dap-admin-infos #TemplateForm .error .errorcomment, .dapform .error .errorcomment {
	color: #D41900;
}
.dap-admin-infos #TemplateForm .error .errorcomment a, .dapform .error .errorcomment a {
	color: #D41900;
	font-weight:bold;
}
.dap-admin-infos input:disabled, .dapform input:disabled {
	background-color:transparent;
}
.modal-body .dapform input:disabled {
	background-color: #868e96
}
.dap-admin-infos .input-icon, .dapform .input-icon {
	position: absolute;
	right: 10px;
	top: 34px;
}
.dapform input[type=radio] {
	width: auto;
	display: initial;
}
.dap-link-form {
	font-size:16px;
	color:white;
	text-decoration:none;
	opacity:0.8;
}
.dap-link-form:hover {
	text-decoration:none;
	color:white;
	opacity:1;
}
.close {
	top: 5px;
	position: absolute;
	right: 10px;
}
.modal {
	color:black;
}
.modal .icon {
	font-size: 24px;
	padding-top: 5px;
	color: rgb(240,120,120);
	text-align: center;
}
#dapdynelement {
	position:absolute;
	top:0px;
	left:0px;
}
#dapdynelement .dapedittoolbar {
	border:1px solid rgb(209, 209, 209);
	padding:4px;
	background-color:rgb(248, 248, 248);
	position:absolute;
	top:0px;
	left:0px;
	width: auto;
	z-index: 1030;
}
#dapdynelement .btn {
	font-size:12px;
	padding:4px;
	border-radius:0px;
	background-color:rgb(248, 248, 248);
	color:black;
	margin-left:4px;
	margin-right:4px;
	height:100%;
}
#dapdynelement .btn:hover, #dapdynelement .btn.active {
	background-color:rgb(229, 229, 229);
	border-color:rgb(188, 188, 188);
}
#dapdynelement select {
	border-radius: 0px;
	border: 0px;
	padding: 4px;
	color:black;
	background-color: rgb(248, 248, 248);
	font-size: 12px;
	width: auto;
	margin-right:4px;
}
#dapdynelement select:hover {
	background-color:rgb(229, 229, 229);
	border-color:1px solid rgb(188, 188, 188);	
}
#dapdynelement select:focus {
	box-shadow: 0 0 0 .2rem white;
}
.dapselectalt {
	font-size:12px;
}
.dapselectalt.active, #dapdynelement .dapselectalt.active:hover {
	background-color:white;
	border-color:rgb(188, 188, 188);
}
.dapoptionalt {
	position: absolute;
	border:1px solid rgb(209, 209, 209);
	padding:0px;
	padding-top:2px;
	padding-bottom:2px;
	max-height:70px;
	min-height:70px;
	background-color:white;
	color:black;
	font-size:12px;
	overflow-y:scroll;
	max-width:200px;
	width:100px;
}
.dapoptionalt label {
	padding:4px;
	margin:0px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:12px;
	background-color:white;
	color:black;
	width:100%;
	white-space:nowrap;
}
.dapoptionalt label:hover, .dapoptionalt label.active {
	background-color:rgb(229, 229, 229);
}

#dapdynelement input.btn {
	min-width: 60px;
	text-align:left;
	padding:0px;
	height:100%;
	background-color:transparent
}
#dapdynelement input.btn:hover, #dapdynelement input.btn:focus {
	border-color:transparent;
	background-color:transparent;
	box-shadow:none;
}

.dapnewbutton {
	background-color: #311a41;;
	color: white;
	padding: 20px;
	border:1px solid white;
	width: 300px;
	margin: auto;
	text-align:center;
}
.dapnewbutton a {
	color: white;
	text-decoration: none;
}
.dapnewbutton:hover {
	background-color: white;
	color: #311a41;
	padding: 20px;
	border:1px solid #311a41;
}
.dapnewbutton:hover a {
	color: #311a41;
	text-decoration: none;
}
#dapdynelement #daplibnewtoolbar {
	width: 299px;
	height:100px;
	background-color:rgb(248, 248, 248);
	overflow-y:scroll;
	overflow-x:auto;
	padding:0px;
}
#dapdynelement #daplibnewtoolbar .title {
	border:0px;
	color:white;
	background-color:rgb(43, 43, 43);;
	width:100%;
	float:left;
	position:relative;
	display:inline-block;
	padding:4px;
}
#dapdynelement #daplibnewtoolbar .templateoptions {
	border:0px;
	background-color:transparent;
	color:black;
	width:100%;
	float:left;
	position:relative;
	display:inline-block;
}
#dapdynelement #daplibnewtoolbar .templateoptions ul {
	list-style:none;
	margin:0px;
	padding:0px;
	color:black;
}
#dapdynelement #daplibnewtoolbar .templateoptions ul li {
	padding:4px;
}
#dapdynelement #daplibnewtoolbar .templateoptions ul li:hover {
	background-color: rgb(229, 229, 229);
}
.dapnewbuttonbox {
	padding-top: 15px;
	padding-bottom:150px;
}
.dapmoduletoolbar {
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	position: absolute;
	bottom:0px;
	left:0px;
	background-color: rgb(43, 43, 43);
	font-size: 12px;
	opacity:0.1;
}
.dappagetoolbar {
	height: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
	bottom:0px;
	left:0px;
	background-color: rgb(43, 43, 43);
	font-size: 12px;
}
.dapmoduletoolbar:hover {
	opacity: 0.9;
}
.dapmoduletoolbar .btn, .dappagetoolbar .btn {
	background-color: transparent;
	font-size: 12px;
	color: white;
	border-radius: 0px;
}
.dapmoduletoolbar button.btn:hover, .dappagetoolbar button.btn:hover {
	background-color: white;
	color: rgb(43, 43, 43);
}
.dapmoduletoolbar .btn input, .dappagetoolbar .btn input {
	height: 100%;
	background-color: transparent;
	color: white;
	padding: 0px;
}
#dapMainToolbarCMS {
	font-size:14px;
	font-family:myOpenSans;
}
#dapMainToolbarCMSminus {
	height: calc(100vh - 52px);
}
#daptypeselect {
	list-style:none;
	padding:0px;
	margin:0px;
}
#daptypeselect .daptypeselect, #daptypeselect .daptypeselect a {
	padding:5px;
	margin-top:5px;
	color:rgba(255,255,255,.75);
	text-decoration:none;
}
#daptypeselect .daptypeselect:hover, #daptypeselect .daptypeselect a:hover {
	background-color: #61058D;
	color: rgba(255,255,255,.925);
}
.dapmoduletoolbar .btn {
	height:100%;
	padding:4px 10px;
	flex:unset;
	
}