/*	Theme Name: VFS
	Description: VFS client side theme
	Version: 1.0
	Author: Graftik Ltd.
*/

html{
	display:table;
	min-height:100%;
	height:100%;
	width:100%;
}
body{
	font-size:0.8em;
	color:#1f1f1f;
	padding:0px;
	height:100%;
	width:100%;
	margin:0px;
}
body.dashboard{
	background:#FFF url('../images/new-vfs-abstract-bg.jpg') no-repeat;
	background-position:center top;
	background-size:cover;	
}
body.website{
	background:#FFF url('../images/new-vfs-cycling-bg.jpg') no-repeat;
	background-position:center top;
	background-size:cover;	
}

a{
	text-decoration:none;
	color:inherit;
}
a:hover{
	text-decoration:underline;
}


::-moz-selection{
	background:#e9b8bb;
}

::selection {
	background:#e9b8bb;
}

p a,.redlink{
	line-height:24px;
	font-size:16px;
	color:#b5141d;
}

h1{
	margin:0px 0px 25px;
	font-weight:600;
	font-size:24px;
	color:#FFF;
}

.inner h1{
	margin:0px 0px 15px;
	font-size:20px;
	color:#000;
}
label, p{
	line-height:20px;
	font-size:16px;
}
p{
	margin:-5px 0px 25px;
}
.web{
	padding-bottom:150px;
	position:relative;
}

.center{
	text-align:center;
	line-height:24px;
	font-size:16px;
}
.center img{
	margin:20px 0px 30px;
}
.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.drop-down,
input[type=button],
input[type=submit],
input[type=password],
input[type=text]{
	font-family: "soleil",sans-serif;
	padding:11px 10px 9px;
	background:#e7e7e7;
	text-align:center;
	border:0px none;
	font-size:16px;
	color:#1f1f1f;
	width:220px;
}

input[type=button],
input[type=submit]{
	font-family:"soleil",sans-serif;
	padding:12px 10px 10px;
	font-weight:normal;
	background:#b5141d;
	font-size:16px;
	cursor:pointer;
	color:#FFFFFF;
	width:240px;
}
input[type=button].small, 
input[type=submit].small{
	margin:0px 10px;
	width:95px;
}

input[type=button]:hover,
input[type=submit]:hover{
	background-color:rgba(181,20,29,0.9);
}
input[type=button]:disabled,
input[type=submit]:disabled,
input[type=button]:disabled:hover,
input[type=submit]:disabled:hover{
	background-color:rgba(181,20,29,1);
	background-image:url('../images/ajax-loader.gif');
	background-position:center center;
	background-repeat:no-repeat;
	cursor:default;
	font-size:0px;
	height:45px;
}

.checkbox{
	background:url('../images/checkbox.png') no-repeat 0 0;
	display:table;
	float:left;
}
.checkbox.checked{
	background-position:0px -16px;
}
.checkbox input[type=checkbox]{
	margin:0px 10px 0px 0px;
	cursor:pointer;
	display:block;
	font-size:0px;
	height:16px;
	width:19px;
	opacity:0;
}

.drop-down{
	background:#e7e7e7 url('../images/dropdown.png') no-repeat 215px 17px;
	padding:8px 10px;
	cursor:pointer;
	display:table;
	height:23px;
}
.drop-down.error{
	outline:1px solid #b5141d;
	color:#b5141d;
}

input[type=checkbox]:focus,
input[type=password]:focus,
input[type=text]:focus,
.drop-down.focused{
	outline:1px solid #C0C0C0;
}
.drop-down select{
	font-family: "soleil",sans-serif;
	position:relative;
	border:0px none;
	height:23px;
	z-index:101;
	width:220px;
	opacity:0;
	top:-2px;
}
.drop-down span{
	font-family: "soleil",sans-serif;
	line-height:24px;
	white-space:nowrap;
	position:absolute;
	overflow:hidden;
	/*display:block;*/
	overflow:hidden;
	max-width:200px;
	font-size:16px;
	display:inline;
	width:200px;
	z-index:100;
	clear:both;
}

label.required:after,
input.required[type=text]::-moz-placeholder:after,
input.required[type=password]::-moz-placeholder:after{
	margin-left:2px;
	color:#b5141d;
	content: "*";
}
label.required:after,
input.required[type=text]:-ms-input-placeholder:after,
input.required[type=password]:-ms-input-placeholder:after{
	margin-left:2px;
	color:#b5141d;
	content: "*";
}
label.required:after,
input.required[type=text]:-moz-placeholder:after,
input.required[type=password]:-moz-placeholder:after{
	margin-left:2px;
	color:#b5141d;
	content: "*";
}
label.required:after,
input.required[type=text]::-webkit-input-placeholder:after,
input.required[type=password]::-webkit-input-placeholder:after{
	margin-left:2px;
	color:#e0a1a7;
	content: "*";
}

.drop-down.mandatory>span:not(.selected),
.drop-down.required>span:not(.selected){
	color: darkgrey;
}
.drop-down.required>span:not(.selected):after{
	margin-left:2px;
	color:#e0a1a7;
	content: "*";	
}


#error,#error2,#error3,#error4,#error5{
	display:none;
	margin:-15px 0px 5px 0px;
	text-align:center;
	color:#b5141d;
}
.success{
	display:block;
	margin:-15px 0px 5px 0px;
	text-align:center;
	color:#00922d !important;
}

.footer,
.header {
	background:#FFF;
	display:table;
	height:99px;
	width:100%;
}
.footer{
	background:#b5141d;
	position:absolute;
	font-size:12px;
	color:#FFFFFF;
	bottom:0px;
}
.footer p{
	margin:5px 0px 0px;
	font-size:12px;
}
.wrap{
	margin:0px auto;
	display:table;
	width:960px;
}
.footer .wrap{
	padding-top:10px;
}
.header .wrap{
	position:relative;
}



.header .logo{
	margin:18px 0px;
	width:238px;
	height:64px;
	float:left;
}

.mobile-menu{
	display:none;
	margin:35px 0px 0px 0px;
	cursor:pointer;
	float:right;
}
.mobile-menu div{
	position:absolute;
	text-align:left;
	padding:25px 0px 20px;
	background:#FFFFFF;
	font-size:16px;
	display:block;
	margin:0px;
	width:100%;
	left:0px;
	top:90px;
}
.burger{
	width:45px;
	
}
.header .menu,
.header .rightmenu{
	list-style:none;
	font-size:16px;
	padding:0px;
	margin:0px;
	float:left;
}
.header .rightmenu{
	margin:0px 115px 0px 0px;
	padding:38px 0px;
	float:right;
}

.header .menu li,
.header .rightmenu li{
	list-style:none;
	margin:0px;
	float:left;
}
.header .sign-in a,
.header .sign-up a,
.header .rightmenu li.sign-in a,
.header .rightmenu li.sign-up a{
	margin-left:10px;
	color:#b52025;
}
.header .languages a,
.header .rightmenu a,
.header .languages a:hover,
.header .rightmenu a:hover{
	text-decoration:none;
}

/*
.video.ui-draggable.ui-draggable-handle.ui-draggable-dragging {
	outline: 1px solid orange;
}
*/

@media all and (max-width: 768px) {
	.dashboard .languages,
	.dashboard .rightmenu{
		display:none;
	}
	
	.website .header .rightmenu{
		padding:20px 0px;
		float:right;
		clear:right;
		margin-right:0px;
		margin-top:70px;
		top: -10px;
	}
	
	.dashboard .mobile-menu{
		display:block;
	}
	.dashboard .mobile-menu>div{
		display:none;
	}
	.dashboard .mobile-menu a.lang{
		
		text-transform:uppercase;
		float:right;
	}
	.dashboard .header.ext{
		height:160px;
	}
	
	.dashboard .header.ext .rightmenu{
		background:none;
		display:block;
		padding:0px;
		width:100%;
		margin:0px;
		clear:both;
	}
	.dashboard .header.ext .rightmenu li{
		float:none;
	}
	.dashboard .header.ext .rightmenu>li>a{
		display:none;
	}
	.dashboard .header.ext .rightmenu .rightmenu-dropdown{
		position:relative;
		background:none;
		display:block;
		width:100%;
		margin:0px;
	}
	.dashboard .header.ext .rightmenu .rightmenu-dropdown a,
	.dashboard .header.ext .rightmenu .rightmenu-dropdown li:hover a,
	.dashboard .header.ext .rightmenu .rightmenu-dropdown a:hover{
		background:none;
		padding:12px 0px;
		color:#1f1f1f;
	}
	
	.dashboard .header.ext .languages{
		position:relative;
		display:block;
		clear:both;
		margin:0px;
		float:none;
	}
	.dashboard .header.ext  .languages li{
		display:block;
		float:left;
		clear:none;
	}
	.dashboard .header.ext  .languages li:hover{
		background:none;
	}
	.dashboard .header.ext  .languages li a,
	.dashboard .header.ext  .languages li a:hover{
		padding:8px 20px 8px 0px;
		color:#aaaaaa;
	}
}

@media all and (max-width: 540px){
	.website .header .rightmenu{
		padding:0px 0px 15px;
		margin-top:0px;
	}
}


.left.menu{
	background:#FFFFFF;
	margin-right:30px;
	width:200px;
	float:left;
	clear:left;
}
.left.menu ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
.left.menu ul li a{
	padding:10px 8px 10px 20px;
	font-size:16px;
	display:block;
}
.left.menu ul li a span{
	background:#b5141d;
	border-radius:15px;
	font-weight:normal;
	text-align:center;
	line-height:23px;
	font-size:14px;
	color:#FFFFFF;
	float:right;
	height:25px;
	width:25px;
}

.left.menu ul .active a,
.left.menu ul a:hover{
	text-decoration:none;
	background:#f3f3f3;
}
.left.menu ul .active a{
	font-weight:bold;
}

.middle{
	background:#FFFFFF;
	width:730px;
	float:left;
}
.middle .inline{
	margin:30px auto 40px;
	display:table;
	width:670px;
}
.middle .inline .head{
	background:url('../images/pennant.png') no-repeat 0 0;
	display:table;
	width:100%;
}
.middle .inline .head h2{
	text-transform:uppercase;
	margin:8px 0px 9px 40px;
	font-weight:bold;
	line-height:22px;
	font-size:22px;
	padding:0px;
	float:left;
}
.middle .inline .head span{
	padding:8px 20px;
	font-size:16px;
	float:right;
}

.dashboard .header .rightmenu{
	margin:0px 100px 0px 0px;
	background:#b5141d;
	padding:38px 30px;
	font-weight:bold;
	z-index: 1;
	color:#FFFFFF;
}
.dashboard .header .rightmenu .icon{
	background: url('../images/profile.png') no-repeat 0 0;
	margin:2px 10px 0px 0px;
	display:table;
	height:16px;
	width:17px;
	float:left;
}
.header .rightmenu .rightmenu-dropdown{
	padding:0px 0px 5px 0px;
	background:#FFFFFF;
	position:absolute;
	margin-left:-30px;
	z-index:1000;
	display:none;
}
.header .rightmenu:hover .rightmenu-dropdown{
	display:block;
}
.header .rightmenu .rightmenu-dropdown li{
	float:none;
	clear:both;
}
.header .rightmenu .rightmenu-dropdown{
	background:#b5141d;
	margin-top:38px;
	padding:0px;
	width:175px;
}
.header .rightmenu .rightmenu-dropdown a{
	font-weight:normal;
	padding:12px 30px;
	display:block;
}
.header .rightmenu .rightmenu-dropdown li:last-child a{
	margin-bottom:20px;
}
.header .rightmenu .rightmenu-dropdown li:hover a{
	text-decoration:none;
	background:#a5141c;
}


.header .languages{
	text-transform:uppercase;
	background:#e7e7e7 url('../images/dropdown.png') no-repeat 45px 16px;
	position:absolute;
	margin-left:40px;
	margin-top:30px;
	z-index:2;
	padding:0px;
	right:0px;
}
.header .languages li{
	list-style:none;
	display:none;
	clear:both;
}
.header .languages li:not(.active):hover{
	background-color:#D3D3D3;
}
.header .languages:hover li,
.header .languages .active{
	display:block;
}
.header .languages a{
	padding:8px 29px 8px 19px;
	font-size:16px;
	color:inherit;
	display:block;
	width:22px;
}
.header .languages .active a{
	padding:8px 29px 8px 19px;
	font-size:16px;
	color:inherit;
}

.wrap.page,
.wrap.disabled,
.wrap.sign-up,
.wrap.sign-in,
.wrap.choose-projection,
.wrap.forgot-password{
	background:#FFFFFF;
	margin-top:150px;
	min-width:300px;
	width:auto;
}
.wrap.disabled{
	width:430px;
}
.wrap.choose-projection{
	margin-top:80px;
}
.wrap.page{
	margin-top:50px;
	width:960px;
}
.wrap.page  .inner,
.wrap.sign-up .inner,
.wrap.sign-in .inner,
.wrap.disabled .inner,
.wrap.calendar .inner,
.wrap.choose-projection .inner,
.wrap.forgot-password .inner{
	margin:30px auto 40px;
	width:240px;
}
.wrap.disabled .inner{
	width:350px;
}
.wrap.settings .inner{
	width:900px;
}
.wrap.page  .inner{
	width:930px;
}
.wrap.sign-up .inner{
	margin-top:20px;
}



.wrap.sign-up .head{
	padding:30px 0px 10px;
	font-weight:bold;
	font-size:24px;
	color:#231f20;
}
.wrap.sign-up ol{
	list-style:none;
	display:table;
	padding:0px;
	margin:0px;
	width:100%;
}
.wrap.sign-up li{
	border-width:1px 0px;
	border-color:#e7e7e7;
	border-style:solid;
	
	background:#e7e7e7;
	text-align:center;
	margin-right:1px;
	padding:6px 0px;
	cursor:pointer;
	font-size:16px;
	color:#1f1f1f;
	width:40px;
	float:left;
}
.wrap.sign-up li:last-child{
	margin-right:0px;
}
.wrap.sign-up li.active{
	background:#FFFFFF;
	padding-left:20px;
	text-align:left;
	cursor:default;
	width:197px;
}
.wrap.sign-up li span{
	margin-left:12px;
	display:none;
}
.wrap.sign-up li.active span{
	display:inline;
}



#sign-up .step0 p {
	line-height: 24px;
}

#sign-up .step0,
#sign-up .step1,
#sign-up .step2,
#sign-up .step3 {
	display:none;
}
#sign-up.step0 .step0,
#sign-up.step1 .step1,
#sign-up.step2 .step2,
#sign-up.step3 .step3{
	display:block !important;
}

.wrap.settings hr{
	border:0px none;
	background:#e1e1e1;
	margin:15px auto;
	display:block;
	clear:both;
	height:4px;
}

.wrap form>div{
	margin:10px 0px 0px;
	display:table;
	width:100%;
	clear:both;
}
.wrap form>div.button{
	margin:20px 0px 15px;
	display:table;
	clear:both;
}

.wrap.video,
.wrap.videos,
.wrap.calendar,
.wrap.settings,
.wrap.dashboard{
	padding:0px;
}
.wrap.white{
	background:#FFFFFF;
	padding:0px;
}
.wrap.white .inner{
	margin:30px auto 40px;
	width:900px;
}

.wrap.settings .other,
.wrap.settings .user-panel,
.wrap.settings .subscriptions,
.wrap.settings .calendar-panel,
.wrap.settings .profile-details{
	background:#FFFFFF;
	width:570px;
	float:left;
	clear:left;
	margin:0px;
}
.wrap.settings .other,
.wrap.settings .user-panel,
.wrap.settings .subscriptions,
.wrap.settings .calendar-panel{
	margin-bottom:30px;
	width:300px;
	float:right;
	clear:right;
}
.wrap.settings .profile-details>.inner{
	margin:30px auto 40px;
	display:table;
	width:510px;
}
.wrap.settings .other>.inner,
.wrap.settings .user-panel>.inner,
.wrap.settings .subscriptions>.inner,
.wrap.settings .calendar-panel>.inner{
	margin:30px auto 40px;
	width:240px;
}
.wrap.settings .subscriptions li,
.wrap.settings .subscriptions p{
	line-height:24px;
}
.wrap.settings .other p{
	margin:0px 0px 15px;
}
.wrap.settings .subscriptions p{
	text-align:center;
	margin:10px 0px;
}
.wrap.settings .subscriptions .status{
	margin:21px 0px 0px;
	list-style:none;
	display:table;
	padding:0px;
	width:100%;
}
.wrap.settings .subscriptions .status>li{
	line-height:26px;
	font-size:16px;
	width:110px;
	float:left;
}
.wrap.settings .subscriptions .status>li:nth-child(odd){
	padding-right:10px;
	text-align:right;
	clear:left;
}
.wrap.settings .subscriptions .status>li:nth-child(even){
	padding-left:10px;
	text-align:left;
	clear:right;
}
.status>li.red,
.status>li.active{
	font-weight:bold;
	color:green;
}
.status>li.red,
.status>li.inactive,
.status>li.expired{
	color:#b21422;
}
.invoices{
	list-style:none;
	margin:0px auto;
	display:table;
	width:180px;
	padding:0px;
	clear:both;
}
.invoices>li{
	line-height:26px;
	font-size:16px;
	float:left;
}
.invoices>li:nth-child(odd){
	width:60%;
}
.invoices>li:nth-child(even){
	width:40%;
}

#edit-account>div:nth-child(odd),
#edit-account>div:nth-child(even){
	width:240px;
	clear:left;
	float:left;
}
#edit-account>div:nth-child(odd){
	float:right;
	clear:right;
}
#edit-account>div.full-width{
	width:100%;
}
#edit-account>div.full-width input{
	width:490px;
}
#create-new-user>div.button,
#edit-account>div.button{
	width:100%;
}

#edit-account label{
	margin:5px 0px 15px;
	text-align:center;
	font-size:14px;
	display:table;
	color:#aaaaaa;
	clear:both;
	width:100%;
}


.wrap.dashboard .widgets{
	list-style:none;
	padding:0px;
	margin:0px;
	width:100%;
}
.wrap.dashboard .widgets li{
	margin-right:30px;
	margin-bottom:30px;
	background:#FFFFFF;
	height:250px;
	width:465px;
	float:left;
}
.wrap.dashboard .widgets li:nth-child(even){
	margin-right:0px;
}
.wrap.dashboard .widgets li span{
	position:relative;
	font-size:16px;
	top:110px;
}
/*
.wrap.videos h1{
	float:left;
	clear:left;
	width:200px;
}
*/

.filter-dropdown{
	margin-bottom:10px;
	position:relative;
	cursor:pointer;
	font-size:16px;
	display:table;
	width:200px;
	clear:both;
}
.filter-dropdown.gray>span,
.filter-dropdown>span{
	background:#FFFFFF url('../images/dropdown.png') no-repeat 175px center;
	padding:9px 15px;
	display:block;
}
.filter-dropdown.gray>span{
	background:#e7e7e7 url('../images/dropdown.png') no-repeat 215px 17px;
}
/*
.filter-dropdown.gray.opened>span{
	background-color:#D7D7D7;
}
*/

.filter-dropdown.gray ul,
.filter-dropdown ul{
	position:absolute;
	background:#FFFFFF;
	list-style:none;
	display:none;
	z-index:100;
	padding:0px;
	margin:0px;
	width:100%;
}
.filter-dropdown.multiple ul{
	position:relative;
}
.filter-dropdown .checkbox{
	position:absolute;
	margin-top:3px;
}
.filter-dropdown.gray ul{
	background:#e7e7e7;
}
.filter-dropdown.opened ul{
	max-height: 328px;
	overflow-y: auto;
	display:block;
}
.filter-dropdown li{
	padding:9px 15px;
	display:block;
}
.filter-dropdown li:hover{
	background:#f3f3f3;
}
.filter-dropdown.gray li:hover{
	background: #CCC;
}

.paging{
	background:#f4f4f4;
	margin:0px auto;
	display:table;
	width:200px;
}
.paging .prev,
.paging .next{
	background:#FFFFFF;
	padding:14px 27px;
	display:table;
	float:left;
	clear:left;
}
.paging .next{
	float:right;
	clear:right;
}
.paging .prev span,
.paging .next span{
	background:url('../images/red-arrows.png') no-repeat 0px -11px;
	display:table;
	height:11px;
	width:6px;
}
.paging .next span{
	background-position:-6px -11px;
}
.paging .next.inactive span{
	background-position:-6px 0px;
}
.paging .prev.inactive span{
	background-position:0px 0px;
}
.paging .inactive{
	cursor:default;
}
.paging .tablo{
	margin:8px 0px 0px 10px;
	text-align:center;
	font-size:16px;
	float:left;
	width:60px;
}

.middle .paging .prev,
.middle .paging .next{
	background:transparent;
}

#invalid-password,
#invalid-username{
	display:none;
}

table.calendar.week{
	text-align:center;
	width:100%;
}
table.calendar.week thead{
	background:#f3f3f3;
}
table.calendar.week thead td{
	color:#FFFFFF;
	padding:12px 0px 10px;
}
table.calendar.week thead td:nth-child(odd){
	background:#393939;
}
table.calendar.week thead td:nth-child(even){
	background:#242424;
}
table.calendar.week td{
	line-height:16px;
	font-size:16px;
	width:85px;
}
table.calendar.week thead td.day{
	/*border-left:1px solid #e7e7e7;*/
	padding:8px 0px;
	line-height:20px;
	font-size:20px;
	font-weight:bold;
}

table.calendar.week tbody td{
	border-bottom:1px solid #E8E8E8;
	height:10px;
}
table.calendar.week tbody td.time,
table.calendar.week tbody tr[data-pm]:nth-child(4n+2) td,
table.calendar.week tbody tr[data-am]:nth-child(4n+4) td{
	border-bottom:1px solid #B7B7B7;
}

table.calendar.week tbody td{
	border-left:1px solid #B7B7B7;
}
table.calendar.week tbody td.time{
	vertical-align:top;
	text-align:right;
	border-left:0px none;
	line-height:11px;
	font-size:11px;
}
table.calendar.week tbody td.time ul{
	margin:0px 5px 0px 0px;
	list-style:none;
	color:#BBBBBB;
	float:right;
	padding:0px;
}

table.calendar.week h3{
	line-height:22px;
	font-size:22px;
	margin:0px 0px 5px;
}

table.calendar.week tbody td.highlight{
	border-bottom-color:#CECDCD;
	border-left-color:#B7B7B7;
	background:#F9F9F9;
	background:#efefef;
}
table.calendar.week tbody td.highlight.cross{
	background:#e7e7e7;
	background:#dddddd;
}


#calendar{
	background:#FFFFFF;
	padding:25px 0px;
	width:730px;
}
#calendar .body,
#calendar .head{
	display:table;
	margin:0px auto;
	width:680px;
	
}
#calendar .head{
	background:#2d292a;
}
#calendar .head .title{
	margin:15px 0px 0px 195px;
	text-align:center;
	white-space:nowrap;
	font-weight:bold;
	line-height:22px;
	font-size:22px;
	display:table;
	color:#FFFFFF;
	width:140px;
	float:left;
}
#calendar .head .next,
#calendar .head .prev{
	background:#231f20;
	padding:15px 30px;
	float:left;
	clear:left;
}
#calendar .head .next{
	float:right;
	clear:right;
}
#calendar .head .next span,
#calendar .head .prev span{
	background:url('../images/arrows.png') no-repeat 0px 0px;
	font-size:0px;
	display:block;
	height:23px;
	width:15px;
}
#calendar .head .next span{
	background-position:-15px 0px;
}


#video-column,
#calendar{
	float:left;
}
#video-column{
	width:200px;
	margin-right:30px;
}

#video-list{
	list-style:none;
	margin:20px 0px;
	padding:0px;
	clear:both;
}
#video-list.grid{
	display:table;
	width:100%;
	clear:both;
}
#video-list.grid li{
	margin:0px 30px 25px 0px;
	position:relative;
	float:left;
}
#video-list.grid li a.new,
#video-list.grid li a.play{
	background:url('../images/play.png') no-repeat center center;
	position:absolute;
	height:120px;
	width:200px;
	left:0px;
	top:0px;
}
#video-list.grid li:hover a.play{
	background-color:rgba(255,255,255,0.2);
}
#video-list.grid.de li a.new{
	background:url('../images/new-label.png') no-repeat top left;
}
#video-list.grid.fr li a.new{
	background:url('../images/noveau-label.png') no-repeat top left;
}
#video-list.grid li:nth-child(3n+3){
	margin-right:0px;
}
#video-list.grid h3{
	font-weight:bold;
	font-size:16px;
	color:#1f1f1f;
	margin:0px;
	
	white-space: nowrap;
	max-width: 200px;
	overflow: hidden;
	display: block;
	width: 200px;
}

#video-list li.video{
	font-size:0px;
	cursor:pointer;
	margin-bottom:10px;
	position:relative;
	background:white;
	display:table;
	height:120px;
	width:200px;
}
#video-list li.video .vhead{
	position:absolute;
	font-size:14px;
	width:200px;
	left:0px;
	top:0px;
}
#video-list li.video .vhead h4{
	padding:4px 10px;
	font-size:14px;
	margin:0px;
	float:left;
}
#video-list li.video .vhead span{
	background:#231f20 url('../images/watched.png') no-repeat 10px center;
	padding:5px 12px 5px 37px;
	float:right;
	color:#FFFFFF;
}
#video-list li.video .log{
	background:#231f20;
	padding:15px 20px;
	position:absolute;
	min-height:59px;
	display:none;
	width:160px;
	z-index:10;
	top:29px;
}
#video-list li.video:hover .log{
	display:block;
}

#video-list li.video ul,
#video-list li.video h5{
	list-style:none;
	font-weight:normal;
	line-height:18px;
	font-size:12px;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
}
#video-list li.video.ui-draggable-dragging .vhead span,
#video-list li.video.ui-draggable-dragging .log,
#video-list li.video.ui-draggable-dragging img{
	display:none;
}
#video-list li.video.ui-draggable-dragging{
	margin:0px 0px 0px;
	z-index:10000;
	height:23px;
	width:85px;
	z-index:100;
}
#video-list li.video.m60.ui-draggable-dragging{
	height:46px;
}
#video-list li.video.ui-draggable-dragging .vhead{
	width:85px;
}
#video-list li.video.ui-draggable-dragging .vhead h4{
	font-weight:normal;
	text-align:center;
	padding:2px 0px;
	font-size:12px;
	height:100%;
	width:100%;
}


#calendar .event.ui-draggable-dragging{
	margin-top:-1px;
}

#category{
	position:relative;
	display:none;
	width:100%;
}
#category.active{
	display:table;
}
#category h4{
	padding:10px 0px 0px;
	text-align:center;
	font-weight:normal;
	font-size:12px;
	margin:0px;
}
#category h2{
	text-transform:uppercase;
	padding:11px 0px 18px 10px;
	font-weight:normal;
	text-align:center;
	line-height:32px;
	font-size:24px;
	margin:0px;
}
#category .info,
#video-list .video .info{
	margin: 0px -265px 0px 0px;
	background-color: inherit;
	padding: 10px;
	width: 230px;
	z-index: 101;
	
	position:absolute;
	display:none;
	right:0px;
	top:0px;
}
#video-list .video.hovered .info,
#category.hovered .info{
	display: block;
}

#category.color18046 h2{
	font-size:20px;
}
#category h2:before{
	padding-right:5px;
	margin-left:-5px;
	content: "+";
}

#category>div{
	text-align:center;
	cursor:pointer;
	font-size:24px;
	padding:0px;
	height:65px;
	width:100px;
	float:left;
}
#category>div>div{
	background:rgba(255,255,255,.2);
	vertical-align:middle;
	display:table-cell;
	height:inherit;
	width:inherit;
}
#category>div:nth-child(2)>div{
	background:rgba(255,255,255,.1);
}
#category>div.ui-draggable-dragging[data-cn=m60],
#category>div.ui-draggable-dragging[data-cn=m30]{
	position:relative;
	font-size:12px;
	margin-top:-4px;
	margin-left:-1px;
	z-index:10000;
	height:22px;
	padding:0px;
	width:85px;
}
#category>div.m60.ui-draggable-dragging{
	margin-left:-15px;
	height:44px;
}

#category>div.m60.first.ui-draggable-dragging{
	margin-left:0px;
}

.calendar .cell{
	position:relative;
}
.calendar .cell>div{
	overflow: hidden;
	font-size:12px;
	cursor:pointer;
	text-align:center;
	position:absolute;
	line-height:14px;
	width:inherit;
	z-index:100;
	padding:0px;
	top:0px;
}
.calendar .cell>div:hover{
	overflow:visible;
	z-index:101;
}
.calendar .cell>div:hover>div{
	background:inherit;
}
.calendar .cell>div:hover>div>span{
	background:inherit;
	width:100%;
	display:table;
}

.calendar .cell>div div{
	display:table-cell;
	vertical-align:middle;
	width:85px;
}
.calendar .cell>div.m15,
.calendar .cell>div.m15 div{
	height:11px;
}
.calendar .cell>div.m30,
.calendar .cell>div.m30 div{
	height:23px;
}
.calendar .cell>div.m45,
.calendar .cell>div.m45 div{
	height:33px;
}
.calendar .cell>div.m60,
.calendar .cell>div.m60 div{
	height:46px;
}
.calendar .cell>div.m30 .close,
.calendar .cell>div.m60 .close{
	background:url('../images/newvfs-calendar-close@2x.png') no-repeat center;
	background-size:100%;
	margin-right:-23px;
	position:absolute;
	opacity:0.875;
	display:none;
	height:23px;
	width:23px;
	right:0px;
	top:0px;
}
.calendar .cell>div.m30:hover .close,
.calendar .cell>div.m60:hover .close{
	opacity:1;
	display:block;
}

.calendar .cat{
	text-transform:uppercase;
}


.video-details{
	list-style:none;
	display:table;
	width:100%;
	clear:both;
	margin:0px;
	padding:0px;
	clear:both;
}
.video-details li{
	line-height:32px;
	font-size:16px;
	width:145px;
	float:left;
}
.video-details li:nth-child(even){
	clear:right;
}
.video-details li:nth-child(odd){
	clear:left;
}

.popbg{
	background:#000000;
	position:fixed;
	display:none;
	z-index:100;
	opacity:0.8;
	height:100%;
	width:100%;
	left:0px;
	top:0px;
}
.pop .close{
	background:url('../images/close.png?') no-repeat center;
	position:absolute;
	cursor:pointer;
	display:table;
	height:30px;
	width:30px;
	right:5px;
	top:5px;
}
.pop.small{
	margin:280px auto 0px -150px;
	background:#FFFFFF;
	position:fixed;
	display:none;
	z-index:110;
	width:300px;
	left:50%;
	top:0px;
}
.pop.small .inner{
	margin:30px auto;
	width:240px;
}

h1.main{
	width:100%;
	display:block;
	text-align:center;
	font-weight:bold;
	margin:30px 0px;
	font-size:32px;
	color:#FFFFFF;
}

#create-new-calendar>div,
#create-new-user>div,
#edit-user>div,
#edit-room>div,
#change-passw>div{
	margin-top:15px;
}

table.table-list{
	width:100%;
}
table.table-list td{
	padding:8px 20px;
	font-size:16px;
}
table.table-list td.small .redlink,
table.table-list td.small,
table.table-list thead td{
	font-size:13px;
}
table.table-list td.last{
	width:55px;
}
table.table-list tbody tr:nth-child(even){
	background:#FFFFFF;
}
table.table-list tbody tr:nth-child(odd){
	background:#e7e7e7;
}

@media all and (max-width: 540px) {
	.header>.wrap:not(.calendar-head),
	.wrap.page{
		width:320px;
	}
	.wrap.page  .inner{
		width:260px;
	}	
}
@media all and (min-width: 541px) and (max-width: 768px) {
	.header>.wrap:not(.calendar-head),
	.wrap.page{
		width:500px;
	}
	.wrap.page  .inner{
		width:440px;
	}
}
@media all and (min-width: 769px) and (max-width: 999px) {
	.header>.wrap:not(.calendar-head),
	.wrap.page{
		width:720px;
	}
	.wrap.page  .inner{
		width:640px;
	}
}

@media all and (max-width: 539px) {
	
	.wrap.settings,
	.wrap.settings .inner,
	.wrap.settings .profile-details{
		width:320px;
		clear:both;
	}
	.wrap.settings .profile-details>.inner{
		width:260px;
	}
	#edit-account>div:nth-child(odd),
	#edit-account>div:nth-child(even){
		display:block;
		width:260px;
	}
	#edit-account label{
		float:none;
		clear:both;
	}
	#edit-account input[type=text]{
		width:240px;
	}
	
	.wrap.settings .subscriptions,
	.wrap.settings .other{
		margin:30px 0px 0px 0px;
		width:320px;
		float:both;
		clear:both;
	}
	.table-list h1{
		margin:0px 0px 15px 7px !important;
	}
	.table-list table.table-list thead{
		display:none;
	}
	.table-list table.table-list tbody td{
		padding:2px 10px;
		display:block;
		width:100%;
		clear:both;
	}
	.table-list table.table-list tbody td:first-child{
		padding-top:10px;
		font-weight:bold;
	}
	.table-list .wrap.settings .inner{
		margin:30px auto;
		width:260px;
	}
	.table-list table.table-list td{
		padding:8px 10px;
		width:30%;
	}
	.table-list table.table-list td:last-child{
		padding:0px 0px 10px 10px;
		width:10%;
	}
	
	.wrap.videos .middle,
	.wrap.videos{
		padding:20px 0px;
		width:320px;
	}
	.wrap.videos .middle .inline{
		width:280px;
	}
	/*.wrap.videos h1{
		width:100%;
		margin-bottom:40px;
		display:table;
		float:none;
		clear:both;
	}*/
	.wrap.videos .left.menu{
		margin:-20px auto 15px;
		display:block;
		clear:both;
		width:100%;
	}
	.wrap.videos .middle{
		margin-top:0px !important;
		padding:0px;
	}
	.middle .inline .head span{
		display:none;
	}
	
	#edit-account>div.full-width input{
		width: 240px;
	}
}
@media all and (min-width: 540px) and (max-width: 759px) {
	.wrap.settings{
		width:500px;
	}
	.wrap.settings .inner{
		width:500px;
	}
	.wrap.settings .profile-details{
		width:500px;
		display:block;
		clear:both;
	}
	.wrap.settings .profile-details>.inner{
		width:440px;
	}
	#edit-account>div:nth-child(odd),
	#edit-account>div:nth-child(even){
		clear:both;
		float:none;
		width:100%;
	}
	#edit-account label{
		text-align:right;
		width:170px;
		float:left;
		clear:left;
	}
	#edit-account .drop-down,
	#edit-account input[type=text]{
		float:right;
	}
	
	.wrap.settings .subscriptions{
		clear:left;
		float:left;
		width:500px;
		margin:30px 0px 0px 0px;
	}
	.wrap.settings .other{
		clear:right;
		float:left;
		width:500px;
		margin:30px 0px 0px 0px;
	}
	
	.table-list .wrap.settings .inner{
		margin:30px auto;
		width:440px;
	}
	.table-list table.table-list td{
		padding:8px 10px;
		width:30%;
	}
	.table-list table.table-list td:last-child{
		padding:8px 10px;
		width:10%;
	}
	
	
	.wrap.videos .middle,
	.wrap.videos{
		padding:20px 0px;
		width:500px;
	}
	.wrap.videos .middle .inline{
		width:440px;
	}
	
	/*.wrap.videos h1{
		width:100%;
		margin-bottom:40px;
		display:table;
		float:none;
		clear:both;
	}*/
	.wrap.videos .left.menu{
		margin:-20px auto 15px;
		display:block;
		clear:both;
		width:100%;
	}
	.wrap.videos .middle{
		margin-top:0px !important;
		padding:0px;
	}
	
	#edit-account>div.full-width input{
		width: 220px;
	}
}
@media all and (min-width: 760px) and (max-width: 999px) {
	.wrap.settings{
		width:720px;
	}
	.wrap.settings .inner{
		width:660px;
	}
	.wrap.settings .profile-details{
		display:block;
		clear:both;
	}
	.wrap.settings .subscriptions{
		clear:left;
		float:left;
		width:270px;
		margin:30px 30px 0px 0px;
	}
	.wrap.settings .other{
		clear:right;
		float:left;
		width:270px;
		margin:30px 0px 0px 0px;
	}
	
	.wrap.videos{
		padding:20px 0px;
		width:720px;
	}
	/*
	.wrap.videos h1{
		width:100%;
		margin-bottom:40px;
		display:table;
		float:none;
		clear:both;
	}
	*/
	.wrap.videos .left.menu{
		margin:-20px auto 15px;
		display:block;
		clear:both;
		width:100%;
	}
	.wrap.videos .middle{
		margin-top:0px !important;
	}
	
}
@media all and (max-width: 960px){
	body.dashboard{
		background:#e7e7e7;
	}
	.footer .wrap{
		width:90%;
	}
	h1.main{
		color:#1f1f1f;
	}
}

@media all and (min-width: 1000px) {
	.header>.wrap:not(.calendar-head),
	.wrap.page{
		width:960px;
	}
	.wrap.page  .inner{
		width:900px;
	}
}


#payment-form{
	display:none;
}
#payment-form .summary{
	display:none;
}
#payment-form .loading{
	text-align:center;
	display:none;
}

.error-mark{
	height:100px;
	width:100px;
}

#video-player.fullscreen{
	background:#000000;
	min-height:100% !important;
	min-width:100% !important;
	position:fixed !important;
	z-index:100;
	height:auto;
	width:auto;
	bottom:0;
	right:0;
}
#video-player.fullscreen .vjs-custom-fullscreen-control{
	position:absolute;
	bottom:0px;
	right:0px;
}
#video-player.fullscreen video{
	min-height:100% !important;
	min-width:100% !important;
	position:fixed !important;
	z-index:101;
	height:auto;
	width:auto;
	bottom:0;
	right:0;
}
#video-player.fullscreen .vjs-custom-fullscreen-control,
#video-player.fullscreen .vjs-control-bar{
	z-index:102;
}


.log .hidden{
	display:none;
}
.log-list{
	padding:0px 0px 0px 30px;
	margin-right:-15px;
	position:relative;
	overflow-y:scroll;
	overflow-x:hidden;
	height:300px;
	top:10px;
}
.log-list li{
	padding:2px 0px;
}

#print{
	background:url('../images/new-vfs-print.svg') no-repeat 0px 0px;
	background-size:auto 100%;
	margin-top:-55px;
	display:table;
	height:25px;
	width:28px;
	float:right;
}


tr.page-start,
tr.page-break{
	display:none;
}


.header{
	position: relative;
	z-index: 100;
}
#notification{
	-moz-transition:.7s;
    -ms-transition:.7s;
    -o-transition:.7s;
    -webkit-transition:.7s;
    transition:.7s;
	
    background-color: rgba(181, 20, 29, 0.75);
	padding:17px 0px 13px;
	text-align: center;
	position: absolute;
	margin-top: -55px;
    color: #FFFFFF;
	display: table;
	font-size:16px;
	z-index: 99;
	width: 100%;
    left: 0px;
}
#notification.visible{
	margin-top:0px;
}

.user-guide {
    margin: 38px 0 0 330px;
	position: absolute;
	left: 0;
    top: 0;
}
.dashboard .user-guide {
	margin-left: 450px;
}
.user-guide a {
    border: 4px solid #E7E7E7;
    padding: 8px 12px;
    font-size: 16px;
    color: #1f1f1f;
}
.user-guide a:hover {
	text-decoration: none;
	border-color: #b5141d;
	color: #b5141d;
}

@media all and (min-width: 541px) and (max-width: 999px) {
	.dashboard .header .user-guide {
		margin-left: 255px;
	}
	.dashboard .header .user-guide a{
		padding: 8px;
	}
	.website .header .user-guide {
		position: relative;
		margin: 10px 0 25px;
		float: left;
		clear: left;
		left: 0px;
		top: 0px;
	}
	.website .header .rightmenu {
		padding: 10px 0px;
		margin: 10px 0px 0px;
		position: relative;
		top: -10px;
	}
}
@media all and (max-width: 540px) {
	.dashboard .header{
		height: 145px;
	}
	.dashboard .header .user-guide {
		clear: left;
		float: left;
		display: block;
		margin: 100px 0px 0px 0px;
	}
	.dashboard .header .user-guide a{
		padding: 8px;
		font-size: 12px;
	}
	
	.website .header .user-guide {
		position: relative;
		margin: 10px 0 25px;
		float: left;
		clear: left;
		left: 0px;
		top: 0px;
	}
	.website .header .rightmenu{
		padding: 0px 0px 15px;
		position: relative;
		text-align: right;
		font-size: 15px;
		width: 130px;
		top: -11px;
	}
	
}


/*#tablo {
	background: #000000;
}
#tablo * {
	color: #ffffff;
}*/

.vjs-error .vjs-error-display{
	display: none !important;
}