﻿/*### FOR ALL ###*/
@media screen  {
body,
input,
button,
select,
textarea,
option {
	color:#FFFFFF;
	stroke:#FFFFFF;
	fill:#FFFFFF;
}
optgroup {
	color:#FFFFFF;
	background-color:#1F3948;
	font-style:normal;
}
.onoff:before {
	background-color: rgba(255,255,255,0.0);
	border-color: rgba(255,255,255,0.3);
}
.onoff::after {
	background-color: rgba(255,255,255,0.4);
}
.onoff:hover::after {
	background-color: rgba(255,255,255,1);
}

.onoff.on:before,
.onoff.warning.on:before,
.onoffwarning .onoff.on:before {
	background-color:#6FBE03;
	border-color:#6FBE03;
}
.onoff.on:after {
	background-color:#FFFFFF;
}
.onoff.warning::before,
.onoffwarning .onoff::before {
	background-color:#CA3D00;
	border-color:#CA3D00;
}
.onoff.warning::after,
.onoffwarning .onoff::after {
	background-color: rgba(255,255,255,1);
}

}



/*### MAIN ###*/
@media screen  {
a,
a:link,
a:active,
a:visited,
a:hover {
	color:#FFFFFF;
}

body.main {
	background-color:#203D4D;
}

#header {
	background-color:#2B89E0;
}
		h1,
		#menuburger {
			background-color:rgba(32,61,77,0.8);
		}
		#menuburger span,
		#menuburger span:before,
		#menuburger span:after {
			background-color:#FFFFFF;
		}
		h1,
		h1 *{
			color:rgba(255,255,255,1) !important;
		}
				h1:after,
				#menuburger:after {
					border-top-color:rgba(32,61,77,0.6);
				}
		h2 {
			background-color:rgba(32,61,77,0.5);
		}
				h2:after {
					border-top-color:rgba(32,61,77,0.5);
				}
		h3 {
			color:#FFFFFF;
		}
				h3 .dropdownlist .list {
					border: 1px solid rgba(255,255,255,0.3);
					background-color:#256396 !important;
					filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.5));
				}
				h3 .dropdownlist .option.on {
					background-color:#2B89E0;
					color:#FFFFFF;
				}
				h3 .dropdownlist .arrow path {
					fill:#FFFFFF;
				}

#pagedisplaymode {
	background-color:#6BADE9;
}
		#pagedisplaymode:before {
			border-bottom-color:#6BADE9;
		}
#user {
	background-color:rgba(32,61,77,1);
}
		#user:before {
			border-bottom-color:rgba(32,61,77,1);
		}
#user.remember {
	background-color:#B13823;
}
		#user.remember:before {
			border-bottom-color:#B13823;
		}
		#user svg {
			stroke:rgba(255,255,255,0.6);
		}
		#user .disconnection:hover {
			background-color:#D72000;
		}
#navigation {
	background-color:#254658;
}

#menusup,
#menusub {
	background-color:rgba(32,61,77,1);
}

#menupin {
	opacity:0.7;
}
		#menupin:hover {
			opacity:1;
		}
nav .module {
	border-color:rgba(255,255,255,0.2);
}
		nav .module a {
			color:rgba(255,255,255,0.7);
		}
		nav .module a:hover {
			color:rgba(255,255,255,1);
			background-color:#2D556A;
		}
		nav .module a.on {
			color:rgba(255,255,255,1);
			background-color:#2D556A;
		}
		nav .module a.on .arrow {
			fill:#2D556A;
		}
		nav .module a svg {
			stroke:#FFFFFF;
			fill:#FFFFFF;
		}
#refresh {
	background-color:rgba(0,0,0,0.3);
	color:rgba(255,255,255,0.7);
	cursor:pointer;
}
	#refresh:hover {
		color:rgba(255,255,255,1);
	}
#content {
	background-color:#2D556A;
}
	h4 {
		border-top:1px solid rgba(255,255,255,0.2);
		padding-left:10px;
		line-height:40px;
		background-color:rgba(0,0,0,0.1);
		margin-bottom:0.5em;
	}

#help {
	background-color:#276EAD;
}

.dropdownlist .face {
	border:1px solid rgba(255,255,255,0.3);
	background-color:#254658;
}
.dropdownlist .list {
	border:1px solid rgba(255,255,255,0.3);
	background-color:#254658;
	filter: drop-shadow(1px 1px 3px rgba(0,0,0,0.5));
}
.dropdownlist .group {
	background-color:rgba(255,255,255,0.2);
}
.dropdownlist .option:hover {
	background-color:rgba(255,255,255,0.1);
}
.dropdownlist .option.on {
	background-color:#FFFFFF;
	color:#2D556A;
}
#globalmask {
	background-color:rgba(32,61,77,0.4);
}
}



/*### EDIT ###*/
@media screen  {
body.edit {
	background-color:#2C5267;
}
		body.edit #content {
			background-color:#2D556A;
		}
body.edit option {
	background-color:#284C5F;
}
#edit .patience {
	background-color:#E64D02;
}
#edittitle {
	background-color:#0067BB;
	color:#FFFFFF;
}
#flags {
	border-bottom-color:rgba(255,255,255,0.2);
	background-color:rgba(0,0,0,0.1);
}
		#flags .flag:after {
			border-bottom-color:#FFFFFF;
		}

body.edit #buttons {
	background-color:rgba(0,0,0,0.3);
	border-top:1px solid rgba(255,255,255,0.3);
}
.fields .group:before {
	background-color:rgba(255,255,255,0.4);
}
.fields .line {
	border-top-color:rgba(255,255,255,0.4);
}
.fields input[type="text"], 
.fields input[type="file"], 
.fields input[type="number"], 
.fields input[type="password"], 
.fields textarea, 
.fields select  {
  border-left-color:rgba(0,0,0,0.1);
	border-color:rgba(255,255,255,0.2);
	background-color:rgba(0,0,0,0.1);
}
.fields input[readonly='1'], 
.fields textarea[readonly='1'] {
	background-color:transparent;
}
.fields .required  {
  border-left-color:#C13A00 !important;
}
.fields .help a {
  border:1px solid rgba(255,255,255,0.7);
  background-color:rgba(255,255,255,0.1);
}
.fields .error {
  background-color:rgba(193,58,0,0.5);
}
.fields .mediabankfield>img {
	border-color:rgba(255,255,255,0.4);
	background-color:rgba(255,255,255,0.1);
}
.fields input[type='checkbox']:checked {
	outline-color:#76EF25;
}


}



/*### DATABOARD ###*/
@media screen  {
.databoard .head {
}
.databoard .head label {
	background:rgba(0,0,0,0.4);
}
.databoard .head .actions:before {
	background-color:#FFFFFF;
}
.databoard .head .actions:after {
	background-color:#FFFFFF;
}
.databoard .head .search {
	border-color:rgba(255,255,255,0.3);
	background-color: #254658;
}
.databoard .head .search input {
	background-color: #254658;
}
.databoard .head .search .magnifyglass {
	stroke:rgba(255,255,255,0.7);
}
.databoard .head .filters {
	border-color:rgba(255,255,255,0.3);
	background-color: #254658;
}
.databoard .head .filter .checkbox {
	border-color:rgba(255,255,255,0.2);
}
.databoard .head .filter .yes {
	stroke:#53C329;
}
.databoard .head .filter .no {
	stroke:#EC3500;
}
.databoard .head .tag {
	background-color:rgba(0,0,0,0.3);
	border:1px solid rgba(255,255,255,0.3) !important;
}
.databoard .lines thead>tr>th {
	background: linear-gradient(180deg, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.3) 15%, rgba(0,0,0,0.3) 85%, rgba(0,0,0,0.4) 100%);
	background-color:#2D556A;
}
.databoard .lines thead>tr>* {
	border:1px solid rgba(25,45,55,0.3);
}
.databoard .lines .group th {
	background: linear-gradient(180deg, rgba(255,255,255,0.07) 0%, rgba(0,0,0,0.4) 15%, rgba(0,0,0,0.4) 85%, rgba(0,0,0,0.5) 100%);
	background-color:#2D556A;
}
.databoard .lines .group th tt {
	opacity:0.5;
}
.databoard .lines tbody>tr {
	border-bottom:1px solid rgba(255,255,255,0.07);
}
.databoard .lines tbody>tr>* {
	border-right:1px solid rgba(255,255,255,0.07);
}
.databoard .lines tbody>tr:nth-child(odd) {
	background-color:rgba(255,255,255,0.03);
}
.databoard .lines tbody>tr:not([class='group']):hover {
	background-color:rgba(255,255,255,0.1) !important;
}
.databoard .actions select {
	background-color:rgba(255,255,255,0.3);
	border:1px solid rgba(255,255,255,0.3);
}
.databoard td.chkOn {
  background-color:#63AA37;
}
.databoard .lines td .lbl {
	border-color:rgba(255,255,255,0.3);
	background-color:rgba(255,255,255,0.1);
	color:rgba(255,255,255,0.7);
}

.databoard .pages .caption>span,
.databoard .pages .caption>span:before,
.databoard .pages .caption>span:after {
	background-color:rgba(255,255,255,0.6);
}
.databoard .pages .page.on a {
	background-color:rgba(255,255,255,0.2);
}
.databoard .pages .page a {
	background-color:rgba(0,0,0,0.2);
	border-color:rgba(255,255,255,0.3);
}
.databoard .pages .page a:hover {
	background-color:rgba(0,0,0,0.5);
	border-color:rgba(255,255,255,0.6);
}
.databoard .pages .page.on a:hover {
	background-color:rgba(255,255,255,0.2);
	border-color:rgba(255,255,255,0.3);
}
.databoard .pages .tip {
	background-color:#1B3341;
	border-color:rgba(255,255,255,0.5);
}
.databoard .pages.open .list {
	background-color:#1B3341;
	border-color:rgba(255,255,255,0.5);
}
.databoard .pages.open a {
	background-color:transparent;
	border-color:transparent;
}
.databoard .pages.open a:hover {
	background-color:rgba(0,0,0,0.5);
	border-color:transparent !important;
}
.databoard .pages.open page.on a:hover {
	border-color:transparent !important;
}
.databoard .pages.open .tip {
	background-color:transparent;
	border-color:transparent;
}

.databoardcolumn>table>tbody>tr>th {
	border:1px solid;
	border-color:rgba(255,255,255,0.3);
	background-color:rgba(0,0,0,0.4);
}
.databoardcolumn>table>tbody>tr>td {
	background-color:rgba(0,0,0,0.1);
	border:1px solid;
	border-color:rgba(255,255,255,0.3);
}


button,
td.buttons a,
.bt{
	background-color:rgba(0,0,0,0.3);
	border-color:rgba(255,255,255,0.3) !important;
	border-radius:0px;
}
button:hover,
td.buttons a:hover,
.bt:hover{
	border:1px solid rgb(94,182,255);
	background-color:rgba(94,182,255,0.3);
}
.btRed:hover {
  border:1px solid rgb(220,0,0) !important; 
	background-color:rgba(220,0,0,0.3) !important;
}

.btOrange:hover {
  border:1px solid rgb(255,121,0) !important; 
	background-color:rgba(255,121,0,0.3) !important;
	
}

.btYellow:hover {
	background-color:#F8E789 !important;
}

.btGreen:hover {
  border:1px solid rgb(118,239,37) !important; 
	background-color:rgba(118,239,37,0.3) !important;
}

.btGrey:hover {
	background-color:#8F969A !important;
}

}



/*### MEDIABANK ###*/
@media screen  {
#mediabank>div {
	border:1px solid rgba(255,255,255,0.5);
}
#mediabank h4 {
	border-bottom:1px solid rgba(255,255,255,0.5);
	background-color:rgba(0,0,0,0.3);
}
#mediabank .buttons {
	border-top:1px solid rgba(255,255,255,0.5);
	background-color:rgba(0,0,0,0.3);
}
#mediabank .file {
	border:1px solid rgba(255,255,255,0.4);
	background-color:rgba(255,255,255,0.1);
}
#mediabank .file:hover {
	border-color:rgba(255,255,255,0.6);
	background-color:rgba(255,255,255,0.3);
}
#mediabank .file.selected {
	border-color:#BAFF8C;
	background-color:#BAFF8C;
}
#mediabank .file.selected>p {
	background-color:#E4FFD2;
	color:#203D4D;
}
#mediabank .file>p {
	border-color:rgba(255,255,255,0.4);
	background-color:rgba(255,255,255,0.1);
}
#mediabank .file.on>p {
	border:1px solid #8E750F;
	background-color:#F7E9B0;
	color:#203D4D;
}
#mediabank .file>p small.wrong {
	background-color:rgba(255,0,0,1);
}
#mediabank .file>p small.alert {
	background-color:rgba(0,0,255,0.2);
}

#mediatree .fd>p>b:before {
	color:rgba(255,255,255,0.8);
}
#mediatree .fd>p>b:hover:before {
	color:rgba(255,255,255,1);
}
#mediatree .fd>p>i:hover {
	background-color:rgba(255,255,255,0.1);
}
#mediatree .fd>p.fl:before {
	color:rgba(255,255,255,0.5);
}
#mediatree .fd>p.active>i,
#mediatree .fd>p.active>i:hover {
	color:#FFFFFF;
	background-color:rgba(255,255,255,0.3);
}
#mediatree .buttons .progress {
	background-color:#BAFF8C;
}

#mediafolder .buttons a[href='setcredits']+input {
	background-color: rgba(0,0,0,0.1);
	border-color: rgba(255,255,255,0.3) !important;
	color:rgba(255,255,255,0.7);
}
#mediafolder .buttons a[href='setcredits']:hover+input {
	border:1px solid rgb(94,182,255);
	background-color:rgba(94,182,255,0.3);
}
#zoombox {
	background-color:rgba(32,61,77,0.8);
}
#zoombox img {
	border:2px solid #FFFFFF;
}

#mediaselection .file>.icon {
	border:2px solid #FFFFFF;
	background-color:#2D556A;
}
#mediaselection .file>.icon:hover {
	background-color:#FE4D01;
}
#mediaselection .buttons .bt:hover {
	color:#E8FFD9;
}
}



/*### XBOARDACCESS ###*/
@media screen  {
.xboardaccess .menu>div>ul {
  background-color:#2D556A;
}
.xboardaccess .menu>div>ul>li  {
  border-color:rgba(255,255,255,0.4);
  background-color:#577788;
}
.xboardaccess .menu>div>ul>li ul {
  background-color:#254658;
}
}