/* Font Def */
@font-face {
    font-family: openSans;
    src: url(open-sans.light.ttf) ;
}
@font-face {
 font-family: openSans;
 src: url("OpenSans-Light.eot") /* EOT file for IE */
}

/* V2 Update */

/* Main Body Style */
::-webkit-scrollbar {
  width: 0px;
}
table tr:hover td{

	background:#ddd;	

}
#delete_channel{
	margin-top:20px;
}
#delete_channel input{
	border: 1px solid #d22d2b !important; 
	background: #d22d2b;
}
html, body{margin:0px; padding:0px; font-family:openSans; height:100%; background:#f5f5f5}
#login_body {
	background:#1d2534 !important;
	height:100%;
}
textarea{
	border-radius:0px !important;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}
textarea:focus{
	border-radius:0px !important;
 -webkit-appearance: none;
  -webkit-border-radius: 0px;
  outline:0px;
}
input:focus, select:focus{
	outline:0px;
}
#login_header, #left_menu_header{
	background:#d22d2b; 
	width:100%;
}
#right_menu_header{
	background:#1d2534;
	width:100%;
}
#login_header_wrapper, #right_menu_header_wrapper{
	height:50px;
	padding:0px 20px;
	line-height:50px;
}
#header_right{
	float:right;
	font-size:14px;
}
#header_right a{
	text-transform:uppercase;
}
.clear{
	clear:both;
}

#login_content, #left_menu_main{
	background:#e84339;
}
#login_content_wrapper{
	width:30%; 
	margin:auto;
	padding:0px 0px 100px 0px;
}
#login_logo{
	padding:50px 0px 70px 0px;
	text-align:center;
}
#login_logo img{
	max-width:60%;
}
#login_form{
	width:60%; 
	margin:auto;
}
#login_form input{
	text-align:center;
}
#login_form input[type=submit]{
	line-height:22px;
	width:100%;
	padding: 7px 0px 7px 0px;
    margin-top: 16px;
}
footer, #footer{
	background:#1d2534; 
	text-align:center; 
	color:#FFFFFF;
}
#footer img{
	margin:20px 0px 20px 0px;
	max-width:200px;
}
input[type=text], input[type=number], select, input[type=password], input[type=date]{
	width:100%;
	font-family:openSans;
	background:#FFFFFF;
	color:#15161c;
	font-size:14px;
	margin-bottom:5px;
	border:0px;
	-webkit-appearance: auto;
	border-radius: 0;
	padding:5px 2px 5px 2px;
}

.blockContent h3{
	display:none;
}
.blockContent{
	padding:10px;
}
input[type=password]{
	
}
input[type=submit] {
	color:white; 
	background:#1d2534; 
	border:none; 
	text-decoration:none;
	font-family:openSans;
	transition:0.3s;
	cursor:pointer;
	
}
input[type=submit]{
	border-radius:0px !important;
}
input[type=submit]:hover{
	background:#35435f; 
	border-radius:0px !important;
	
}


#left_menu{
	overflow-y:scroll;
	width:15%;
	color:#FFFFFF;
	height:100%;
	background:#e84339;
	position:fixed;
}
#right_content{
	margin-left:15%;
	width:85%; 
	background:#f5f5f5;
}
#left_menu_header_wrapper{
	padding:0px 10px;
	height:50px;
}
#left_menu_header_wrapper img{
	max-width:45px;
	padding-top:4px;
}
#hello_user, #user_screens, #administrativeSettings{
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:2px solid #FFFFFF;
}

#screensWrapper.yes-scroll{
	max-height:500px;
	overflow-y:scroll;
	position:relative;
}
.scroll-fade{
	position:sticky;
	bottom:0%;
	left:0%;
	right:0%;
}
.scroll-fade img{
	width:100%;
}
#hello_user p{
	margin-bottom:10px;
	line-height:20px
}
#left_menu_main_wrapper{
	width:90%;
	margin:auto;
}


.screenItem, .screen_item_image{
	width:100%;
	position:relative;
}
.screenItem{
	margin-bottom:20px;
}
.screenItem p{
	margin-bottom:8px;
}

.screen_item_schedule{
	position:absolute;
	top: 68.5%;
    left: 82%;
    bottom: 0%;
    right: 1.5%;
}

.screenItem img{
	width:100%;
}
.screen_item_schedule img{
	max-width:40px !important;
	margin-bottom:0px !important;
}
.greenButton, .greyButton, .whiteButton{
		color:white; 
		background:#1d2534; 
		padding:5px 10px 5px 10px; 
		font-size:13px; 
		margin-right:5px; 
		cursor:pointer;
		display:inline-block;
		line-height:22px;
}
.saveSced.greenButton{
	background: #e84339;
}
.whiteButton, .whiteButton a{
	background:#FFFFFF;
	color:#1d2534 !important;
}
#administrativeSettings{
	padding-top:0px;
}
#defaultSettings{
	padding-top:20px;
}
#defaultSettings p{
	margin-bottom:5px;
}
#welcome_page{
	width:40%;
	margin:auto; 
	text-align:center;
	padding-top:10%;
}
#main_logo img{
	width:80%;
}
#welcome_text{
	margin-top:40px;
}
#arrow img{
	max-width:200px;
	margin-top:40px;
}

#channel_settings, #broadcastWrapper, #scheduleWrapper{
	padding-top:20px;
	width:95%; 
	margin:auto;
	padding-bottom:20px;
	border-bottom:1px dashed #1d2534;
}
#channel_settings #newidEnw{
	display:inline-block;
	vertical-align: top;
    margin-top: 3px;

}

#create_wrapper{
	padding-top:20px;
	width:95%; 
	margin:auto;
	padding-bottom:20px;
}
#channel_name, #changeName, #channel_url, #channel_preview{
	width:100%;
	line-height:16px;
}
#channel_name{
	line-height:36px;
}
#groupName{
	display:inline-block;	
	font-size:36px;
}

#breadcrumb span{
	font-size:22px;
}

#newidEnw{
	display:inline-block;
}
#breadcrumb{
	float:left;
}
#breadcrumb .home_link a{
	color:#e84339; 
	text-decoration:underline;
}

#changeName input[type=text], #channel_url input[type=text]{
	max-width:400px;
	border:2px solid #1d2534;
	width:40%;
	display:inline-block;
}
#channel_url, #channel_preview{
	clear:both;
	margin-top:10px;
}
#channel_preview{
	padding-top:12px;
}
#changeName input[type=submit], #channel_url input[type=submit]{
	max-width:100px;
	width:30%;
	display:inline-block;
	/*line-height: 27px;*/

}
#scheduleWrapper h1{
	font-size: 26px;
	font-weight: normal; 
	margin-bottom: 10px;
}
#channel_settings #channel_url input[type=submit]{
	    margin-top: -5px;
}

#broadcast_top #changeName{
	float:left;
	width:auto;
	margin-left:5px;
}
#broadcast_top #changeName input[type=text]{
	max-width:600px;	
	width:60%
}
#broadcast_top #channel_url{
	width:100%;
}
#broadcast_top #channel_url input[type=text]{
	max-width:400px;	
	width:40%
}
#broadcast_top #changeName input[type=text], #changeName input[type=submit]{
	height:30px; 
	margin-top:-3px;
}
#broadcast_top #channel_preview img{
	max-width:300px;	
	width:30%;
	margin-bottom:5px;
}
#broadcast_top #channel_preview{
	margin-bottom:30px;
}
#broadcastWrapper .screenItem{
	width:20%;
	display:inline-block;
	vertical-align:top;
	padding-right:2%;
}
#broadcastWrapper .screenItem img{
	margin-bottom:10px;
}
#broadcastWrapper .screenItem a, #broadcastWrapper .screenItem .redButton{
	display:inline-block;
}
#broadcastWrapper .screenItem:nth-child(4n){
	padding-right:0%;
}
#broadcastWrapper .screenItem br{
	height:5px;
}



#defaultLayoutWrapper, .scheduleWrapper{
	width:100%;
}
#defaultLayout select{
	margin-top:10px;
	border:2px solid #1d2534;
	display:inline-block;
	max-width:400px;
	padding-left:5px;
}
#defaultLayout #saveDefault{
	display:inline-block;
	vertical-align: top;
    margin-top: 10px;
    font-size: 15px;
    line-height: 22px;
}

.scheduleWrapper{
	display:inline-block;
	outline: 5px solid whitesmoke;
	background:#1d2534;
	color:#FFFFFF;
	position:relative;
	margin-bottom:20px;
}
.deleteSced, .removeJSSced{
	position:absolute;
	top:0;
	right:0;
	margin-right:0px !important;
	margin-top:0px !important;
}

.newSchedule{
	display:inline-block;
}
.schedule{
	padding:8px;
}
.schedule table{
	width:100%;
	table-layout:fixed;
}
.saveSced.greenButton{
	display:inline-block;
}
.schedule .editSced{
	display:inline-block;
}
#saveDefault, .editSced, .deleteSced, .saveSced, .removeJSSced  {
	margin-top:10px;		
	display:table;
	clear:both;
}
.moduleChooser select.moduleChoose{
	padding: 3px;
    margin-left: 5px;
}
#quizSettings h3{
	margin-bottom:5px;
}
#AddNewSchedule{
	text-align:center;
	vertical-align:top;
	background:#f5f5f5 !important;
	outline:2px solid grey;
}
#AddNewSchedule p{
	color:#000;
	margin-top:1.5%;
	cursor:pointer;
}
#AddNewSchedule.no-previous-sched p{
	margin-top:5%;
	margin-bottom:5%;
}
#AddNewSchedule p i{	
	color:#e84339;
	font-size:40px
}

.scheduleWrapper table p, .schedule p{
	margin-top:10px;	
	margin-bottom:4px;
	font-size:14px;
	color:#FFFFFF;

}
.scheduleWrapper table td{
	color:#FFFFFF;
}
.scheduleWrapper table select, .scheduleWrapper table input{
	width:auto;
}
.scheduleWrapper .editSced{
	background:#e84339;
}

.faded{
	opacity:0.4;
}

/* Accordion Style e84339 */
.accordion-toggle {
	cursor: pointer; 
	width:100%;  
	font-size:24px; 
	color:#1d2534; 
	text-align:left; 
	margin:1px;
	border-bottom:2px solid #1d2534; 
	padding:8px 0px;
	font-weight:normal;
}
.accordion-toggle .fa, .accordion-toggle .fas{
	 font-size: 18px;
}
.no-border{
	border-bottom:0px solid #1d2534 !important; 
}
.a-border{
	border-bottom:2px solid #1d2534 !important; 
	padding-bottom:20px;
}
.accordion-content {display: none; padding-left:5px}
.accordion-content.default {display: block;}
.accordion-open{
	float: right;
    text-align: right;
    padding-right: 20px;
    font-size: 24px;
}

#broadcast_top input[type=text], #broadcast_top select{
	border: 1px solid #1d2534;
	margin-top:5px
}
input[type=file]{
	border:0px !important;
}
#broadcast_top h3, #broadcast_top .small, #broadcast_top input[type=file]{
	margin-top:5px
}

.leftSide{
	float:left; 
	width:50%;
}
.leftSide input[type=text], .leftSide input[type=number],  .leftSide select{
	max-width:50%;
	min-width:100px;
}
#theSchedule{
	margin-top:20px;
}
#main_right_content_wrapper input, #main_right_content_wrapper select{
	border: 1px solid #1d2534;
	padding: 5px 10px 5px 10px;
}
#main_right_content_wrapper .flat.minicolors-input{
	padding: 5px 10px 5px 27px;
}
#widgetType table{
	table-layout:fixed;
}
#widgetType table td, #widgetType table th{
	padding:8px 4px;
}

#broadcastWrapper .screenItem .redButton{
	height: 22px;
    /* margin-top: -10px; */
    /* padding: 0px; */
    vertical-align: top;
    line-height: 79px;
}
#broadcastWrapper .screenItem .redButton i{
	margin-top: 5px;
}

#error_messages, #succ_messages{
	width:100%; 
	margin:auto;
	border-radius:5px;
	position:relative;
	margin-bottom:20px;
}
#error_messages_wrapper, #succ_messages_wrapper{
	padding:10px 10px 5px 10px;
}
#error_messages{
	background:#e84339;
	color:#FFFFFF;
}
#succ_messages{
	background:#22a738;
	color:#FFFFFF;
}

#error_messages p, #succ_messages p{
	color:#FFFFFF;
	margin-bottom:5px;
}

#error_messages h2, #succ_messages h2{
	font-size:30px;
	margin-bottom:10px;
	font-weight:bolder;
	font-style:uppercase;
}

#error_messages .close_popup, #succ_messages .close_popup{
	position:absolute;
	top:6px; 
	right:10px;
	font-size: 30px;
	cursor:pointer;
}
.adminLink{
	margin-bottom: 10px;
}

.moduleChooser select{
	padding: 3px 10px 3px 6px !important;
}
/* END V2 Update */





/* Link style reset */
a{color:white; text-decoration:none}
.tableLink{color:black; text-decoration:none}

/* Main Body Style */
body{margin:0px; padding:0px; font-family:openSans;}

.contentWrapper{margin-top:60px;width:1000px;  margin-left:auto; margin-right:auto;}

.blueButton{color:white; background:#0B4177; padding:5px 10px 5px 10px;font-size:13px; margin-right:5px; cursor:pointer;}
.house{color:white; background:#00aced; padding:5px 5px 5px 5px;font-size:13px; cursor:pointer;}


.clear{clear:both; height:20px}
#widgetType{margin-bottom:60px; overflow:hidden;}
#listButtons{margin-bottom:40px}
.groupIcons{float:left; width:33.33%; padding-bottom:10px}
.blockContent .mce-tinymce {
	margin-bottom:10px !important;
}

/* Font Styles */

.small{font-size:13px}
.h3Margin{margin-bottom:0px}



/* INPUT STYLES */


input[type=submit] .grey{
color:white; background:#696969; padding:5px; border:none; text-decoration:none;
font-family:openSans;
}

input[type=button] {
color:white; background:#0B4177; padding:5px; border:none; text-decoration:none;
}

input[type=submit].green {
 padding:5px 15px; background:#1c2535; border:0 none;
cursor:pointer;
color:white;
}

input[type=submit].redButton {
    color: white;
    background: #E84F4F;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    margin-right: 5px;
    cursor: pointer;
}


.submitButton{margin-top:60px; margin-bottom:30px;}
.submitButton .grey{
	margin-bottom:10px;
}
.embedHTML{
	width:85%;
	height:50px;
}
/* NEW SYSTEM STYLE */
.warningMessage{
	background:#f74141; 
	color:#FFFFFF; font-size:16px;	
    display: block;
    padding: 10px;
	
}

.break{
	clear:both;
	height:20px;
}



#footerWrapper{
	padding-top:20px;
}


.copy{
	font-size:14px;
}
.copy a{
	color:#000000;
}


/*  block elements  */
.break0{
	clear:both;
}
.block{
	width:100%;
	margin-top:20px;
	
}

.blockWrapper{
	
}

.blockHeader{
	width: 100%;
    background-color: #1c2535;
    color: #FFFFFF;
}
.blockHeader h3{
	font-weight:normal;
}
.blockNumber{
	background-color:#e84339;
	width:60px;
	color:#FFFFFF;
	text-align:center;
	float:left;
	display:block;
	
}

.blockNumber span{
	font-size: 25px;
    /* line-height: normal; */
    line-height: 40px;
}

.blockContent p{
	margin-bottom:5px;
}
.minicolors input[type=text]{
	margin-top:0px !important;
}
.blockContent .grey, .blockContent h3{
	margin-bottom:10px;
}
.mce-panel{
	
    margin-bottom: 5px !important;
}
.jFiler-input-dragDrop{
	border: 2px dashed #1d2534 !important;
}
.blockContent textarea{
	width:100%;
	outline:2px solid #1d2534;
	font-family:openSans;
	margin-bottom:15px;
}
.jFiler-input-dragDrop h3, .icon-jfi-cloud-up-o:before, .jFiler-input-text span{
	color:#1d2534 !important;
}
.jFiler-input-dragDrop h3, .jFiler-input-text span{
	font-family:openSans !important;
}

.jFiler-input-choose-btn.blue{
	background:#1d2534 !important;
	border:none !important;
	color:#FFFFFF  !important;
	font-family:openSans !important;
	border-radius:0px !important;
	font-weight:normal !important;
}
.moduleChoose{
	margin-left: 20px;
    margin-top: 18px;
}

.errorWrapper{
	margin-top:10px;
}
.errorMessage{
	background:red;
	padding:5px; 
	color:#FFFFFF;
}
.imageUps{
	width:100px;
	cursor:pointer;
	float:left; 
	margin-right:1%;
	margin-bottom:10px;
}
.imageUps img{
	width:100%;
}
.imageUps p{
	background:#e84339;
	color:#FFFFFF;
	text-align:center;
	margin:0px;
}
#exImage{
	clear:both;
}
.deleteBox{
	float:right;
	width:100px;
	height:40px;
	color:#FFFFFF;
	background:#e84339;
	cursor:pointer;
}
.deleteWrapper{
	text-align:center;
	line-height:40px;
	
	
}
.moduleChooser{
	width:50%;
	float:left;
	    height: 40px;
		line-height:30px;
}


.warningBox{
	position:fixed;
	margin:auto;
	top: 30%;
    left: 25%;
    right: 27%;
	color:#FFFFFF;
	background:#F33939;
	text-align:center;
	z-index: 1000000;
}

.warningBoxGreen{
	position:fixed;
	margin:auto;
	top: 30%;
    left: 25%;
    right: 27%;
	color:#FFFFFF;
	background:#52a552;
	text-align:center;
	z-index: 1000000;
}
.warningWrapper{
	padding: 30px 0 30px 0;
}
.errorMessages{
	font-size:16px;
}


.moduleChooser h3{
	margin: 15px;
}
.fullContent{
	display:none;
}

#audit tr td{
	border-bottom:1px solid black;
}

.contentButton{
	border:2px solid #0A727A;
	padding:5px 0px;
	cursor:pointer;
}
.gosodiadau-loop-screen{
	display: none;
}
#deleteBox{
	
	margin:auto;
	position:fixed;
	background:#e84339;
	top:30%;
	left:25%;
	right:27%;
	
	z-index:100000;
	display:none;
}
#deleteBox p{
	margin-bottom:20px;
}
#messageBox{
	margin:auto;	
	background:#1fb852;
	display:block;
	margin-bottom: 20px;
	border-radius:5px;
}
#messageBox p{
	font-weight:bolder;
	color:#FFFFFF;
}
#deleteWrapper,#messageWrapper{
	color:#FFFFFF;
	text-align:center;
	font-size:16px;
	padding:30px 0 30px 0;
}

#deleteScheduleBox{
	
	margin:auto;
	position:fixed;
	background:#F74141;
	top:30%;
	left:25%;
	right:27%;
	
	z-index:100000;
	display:none;
}
#deleteScheduleWrapper{
	color:#FFFFFF;
	text-align:center;
	font-size:16px;
	padding:30px 0 30px 0;
}

#deleteScheduleWrapper p{
	margin-bottom:27px;
}

.redButton, .delButton, .cancel, .redNormalButton{
	color: white;
    background: #e84339;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    margin-right: 5px;
    cursor: pointer;
}

.deleteSced{
	padding: 8px 9px 6px 9px;
}
#AddNewSchedule p i {
	margin-bottom: 10px;
}

.delButton, .cancel{
	background:#FFFFFF;
	color:#E84F4F;
	font-weight:bold;
	font-size:16px;
}

.warningBtn{
	color: white;
    border:1px solid #FFFFFF;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
	display:inline-block;
	font-size:16px;
	margin-top:10px;
}
.warningBtn:hover{
	background:#FFFFFF;
	color:#808184;
}
.delButton:hover, .cancel:hover {
	background:#FF6F6F;
}

#overlay{
		display:none;
		top:0;
		position:fixed;
		height:100%;
		width:100%;
		background:url('../webImages/opacity.png');
		z-index:10001;
	
	}

#editNewsItems, #newsItems{
	width:80%;
	table-layout:fixed;
}
#editNewsItems td, #newsItems td{
	vertical-align:middle;
	padding:8px;
}

#editNewsItems textarea, #newsItems textarea{
	width:100%;
	height:50px;
	border:2px solid #1d2534;
	font-family:openSans;
}	

#screenBackups table{
	width:100%; 
}
#screenBackups tr{
	border-bottom:1px solid #000000;
}
#screenBackups tr:hover{
	background:#E0DFDF;
}
#screenBackups td{
	padding:10px;

}
#screenBackups .title{
	font-size:20px; 
	font-weight:bold;
}

.greenButton:hover, .greyButton:hover, .whiteButton:hover, .whiteButton:hover a{
	background:#35435f; 
	transition:0.3s;
	color:#FFFFFF;
}
.whiteButton:hover a{
	
}
@media only screen and (max-width: 1024px) {
	#left_menu {
		width: 22%;
	}
	#right_content {
		margin-left: 22%;
		width: 78%;
	}
	#screensWrapper.yes-scroll{
		max-height:150px;
	}
}