/* GLOBAL */
*{
	box-sizing:border-box;
	font-family:open sans;
	padding:0;
	margin:0;
	color:#5b5956;
}
html{
	height:100%;
}
body{
	min-height:100%;
	background-color:#fff;
	position:relative; /* To position border to bottom always*/
	padding-bottom:65px;
	padding-top:60px;
}
.clear{clear:both}
.fl{float:left !important}
.fr{float:right !important}
.fn{float:none !important}
.dn{display:none}
.block{display:block}
.rel{position:relative}

img{border:none}
a{
	color:inherit;
	text-decoration:none;
}
.text_link{cursor:pointer}
.text_link:hover{text-decoration:underline}

.pad0{padding:0 !important}
.pad5{padding:5px !important}
.pad10{padding:10px !important}
.padl10{padding-left:10px !important}
.pad20{padding:20px !important}
.padl20{padding-left:20px !important}
.padt0{padding-top:0 !important}
.padt10{padding-top:10px !important}
.padt20{padding-top:20px !important}
.padb0{padding-bottom:0 !important}
.padb10{padding-bottom:10px !important}
.padb20{padding-bottom:20px !important}
.padb30{padding-bottom:30px !important}
.padr0{padding-right:0 !important}
.padr10{padding-right:10px !important}

.m0{margin:0px !important}
.m10{margin:10px !important}
.m15{margin:15px !important}
.m20{margin:20px !important}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}

.ml10{margin-left:10px !important}
.ml20{margin-left:20px !important}

.mr10{margin-right:10px !important}
.mr20{margin-right:20px !important}

.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}

.mauto{margin-left:auto !important;margin-right:auto !important}

.w100p{width:100% !important}
.w75p{width:75% !important}
.w65p{width:65% !important}
.w50p{width:50% !important}
.w40p{width:40% !important}
.w33p{width:33.3% !important}
.w30p{width:30% !important}
.w25p{width:25% !important}
.w20p{width:20% !important}
.w10p{width:10% !important}

.w100p.m10{width:calc(100% - 20px) !important}
.w75p.m10{width:calc(75% - 20px) !important}
.w50p.m10{width:calc(50% - 20px) !important}
.w40p.m10{width:calc(40% - 20px) !important}
.w33p.m10{width:calc(33.3% - 20px) !important}
.w30p.m10{width:calc(30% - 20px) !important}
.w25p.m10{width:calc(25% - 20px) !important}
.w20p.m10{width:calc(20% - 20px) !important}
.w10p.m10{width:calc(10% - 20px) !important}

.w100p.ml10, .w100p.mr10{width:calc(100% - 10px)!important}
.w75p.ml10, .w75p.mr10{width:calc(75% - 10px) !important}
.w50p.ml10, .w50p.mr10{width:calc(50% - 10px) !important}
.w40p.ml10, .w40p.mr10{width:calc(40% - 10px) !important}
.w33p.ml10, .w33p.mr10{width:calc(33.3% - 10px) !important}
.w30p.ml10, .w30p.mr10{width:calc(30% - 10px) !important}
.w25p.ml10, .w25p.mr10{width:calc(25% - 10px) !important}
.w20p.ml10, .w20p.mr10{width:calc(20% - 10px) !important}
.w10p.ml10, .w10p.mr10{width:calc(10% - 10px) !important}


.op6h{opacity:0.6}
.op6h:hover{opacity:1}

.w50p{width:50%}
.w100p{width:100%}
.bb{box-sizing:border-box}
.dn{display:none}
.col2{width:50%;
	float:left;
}.col3{
	width:33.3%;
	float:left;
}.col4{
	width:25%;
	float:left;
}
.tac{text-align:center}
.tar{text-align:right}
.overY{overflow-y:auto}
.overX{overflow-x:auto}
.over{overflow:auto}
.bold{font-weight:700}
.semibold{font-weight:600}
.f10{font-size:10px !important}
.f12{font-size:12px !important}
.f14{font-size:14px !important}
.f16{font-size:16px !important}
.f18{font-size:18px !important}
.f20{font-size:20px !important}
.point{cursor:pointer}

/*
.inner400,.inner300{overflow-y:auto}
.inner400{max-height:400px}
.inner300{max-height:300px}
*/

.expandA a{
	display:inline-block;
	height:100%;
	width:100%;
}
.constrainImage img{
	max-width:100%;
	max-height:100%;
}

.centroOrangeT{color:#f7931e}
.whiteT{color:#fff}
.greyT{color:#999}
.title{
	font-weight:600;
	margin:10px 0;
	font-size:16px;
}

.button{
	padding:10px 20px;
	color:#fff;
	border:none;
	border-radius:2px;
	font-size:16px;
	cursor:pointer;
	transition:background 0.1s;
	white-space:nowrap;
}
.button.square{
	padding:10px;
	width:43px;
	height:43px;
}
.button.narrow{
	padding:2px 10px;
	height:30px;
}
.button.white{
	background-color:#fff;
	border:1px solid #000;
	color:#000;
}
.button.white:hover{
	color:#f7931e;
	border-color:#f7931e;
}
.button.orange{background-color:#f7931e}
.button.orange:hover{background-color:#f7c11e}
.button.gray, .button.gray.sel:hover{background-color:#a8a8a8}
.button.gray:hover, .button.gray.sel{background-color:#454545}
.button.yellow{background-color:#f7c11e}
.button.yellow:hover{background-color:#f7931e}
.button.red{background-color:#FF714B}
.button.red:hover{background-color:#CB2E05}

.button.icon_folder,
.button.icon_upload,
.button.icon_list,
.button.icon_lines,
.button.icon_plus,
.button.icon_grid{
	background-repeat:no-repeat;
	background-position:10px center;
	padding:10px 10px 10px 30px;
}
.button.icon_list,
.button.icon_lines,
.button.icon_grid{
	background-position:center;
}
.button.icon_folder{background-image:url(images/icon_folder.png)}
.button.icon_upload{background-image:url(images/icon_upload.png)}
.button.icon_list{background-image:url(images/icon_list.png)}
.button.icon_grid{background-image:url(images/icon_grid.png)}
.button.icon_lines{background-image:url(images/icon_lines.png)}
.button.icon_plus{background-image:url(images/icon_plus.png)}

.textInput{
	height:40px;
	border:1px solid #d6d6d6;
	border-radius:2px;
	padding:5px;
	background-color:#fbfbfb;
}
select.textInput{
	font-size:16px;
}
.textInput.invalid{
	background-color:#900;
}
textarea.textInput{
	height:100px;
}
.stdBox{
	background-color:#fff;
	padding:15px;
	border:1px solid #e1dfd8;
}
.stdBox .stdBox{
	background-color:#fbfbfb;
}
.stdArrow{
	background-image:url(images/bigArrowDown.png);
	background-position:center;
	background-repeat:no-repeat;
	height:50px;
	width:45px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}
.open > .stdArrow{
	background-image:url(images/bigArrowUp.png);
}
.table_fixed_area{
	position:relative;
}
.table_fixed_area.fixed .header_table{
	display:block;
	z-index:5;
}
.table_fixed_area.fixed table:not(.header_table){
	z-index:4;
}
.header_table{
	display:none;
	position:fixed;
	top:60px;
	background-color:#fff;
	border-bottom:1px solid #e8e8e8;
}
.header_table,
.stdTable{
	width:100%;
	border-collapse:collapse;
}
.header_table thead td,
.stdTable thead td{
	font-weight:600;
}
.stdTable thead td.sortable{
	cursor:pointer;
}
.sortable-icon{
	display:none;
	width:16px !important;
	height:11px !important;
	margin-left:5px;
}
.sortable-icon.sort_up,
.sortable-icon.sort_down{
	display:inline-block;
}
.sortable-icon.sort_up{
	background-image:url(images/bigArrowUp.png);
}
.sortable-icon.sort_down{
	background-image:url(images/bigArrowDown.png);
}

.stdTable .actionCol{
	width:75px;
}
.stdTable thead tr{
	border-bottom:1px solid #e8e8e8;
}
.stdTable.hoverRows tr:hover{
	cursor:pointer;
	background-color:#f0f0f0;
}
.header_table td,
.stdTable td{
	border:none;
	padding:10px;
	line-height:30px;
}
.stdTable .icon{
	width:16px;
}
.action_tray{
	position:absolute;
	top:10px;
	right:10px;
	background-color:#fff;
}
.action_tray .buttonBox{
	display:none;
	position:absolute;
	background-color: rgba(255,255,255,0.8);
}
.action_tray .buttonBox .button{
	margin-bottom:5px;
}
.action_tray .action_tray_icon{
	height:30px;
	width:30px;
	background-image:url(images/dots.png);
	background-position:right center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.action_tray_icon:hover{
	background-image:url(images/dots_open.png);
}
.action_tray.open .action_tray_icon:hover{
	background-image:url(images/dots_open_hover.png);
}
.action_tray.open .buttonBox{
	display:block;
}
.action_tray .button{
	margin:0 5px;
	display:none;
	line-height:25px
}
.action_tray.open .button{
	display:block;
}
.action_tray.open .button.pastePermisions{display:none}
.pasteReady .action_tray.open .button.pastePermisions{display:block}
.checkbox{
	width:22px;
	height:22px;
	background-image:url(images/checkbox.png);
	background-position:right center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.checkbox.sel{background-image:url(images/checkbox_checked.png)}
.checkbox.multi{background-image:url(images/checkbox_multi.png)}
.checkbox.multi:hover{background-image:url(images/checkbox_multi_hover.png)}
.checkbox.disabled{
	opacity:.3;
	cursor:not-allowed;
}

.autocomplete_container{
	position:relative;
}
.autocomplete_results{
	position:absolute;
	overflow:hidden;
	width:98%;
	left: 1%;
	top:39px;
	border:1px solid #d9d9d9;
	border-radius:0 0 5px 5px;
	background-color:#fff;
	z-index:10;
}
.autocomplete_results div.item{
	padding:5px 10px;
	cursor:pointer;
}
.autocomplete_results div.item:hover,.autocomplete_results div.item.sel{
	color:#f7931e;
	background-color:#474747;
}
.autocomplete_results div.more{
	padding:0 10px;
	text-align:center;
	background-color:#474747;
	color:#fff;
	font-size:12px;
}
.filters div:not(.button):not(.title){
	line-height:40px;
	margin:10px 5px 10px 0;
}
.filters select{
	width:200px;
	margin:10px 0;
}
.report_buttons{
	float:right;
}
.report_filter{
	float:left;
	width:calc(33% - 120px);
}
.report_filter > div{
	width:75px;
	text-align:right;
}
.report_filter > select{
	width:calc(100% - 90px);
}


/* NOTIFICATION */
#notification_list{
	padding:0;
	border:0;
	margin-top:0 !important;
}
#notification_list .title{
	background-color:#fbfbfb;
	padding: 15px;
	margin-top:0 !important;
}
.notification{
	border:0;
	background-color:#fff !important;
}

/* STRUCTURAL */
#appends{
	position:absolute;
	z-index:11;
	width:100%;
}
#overdiv{
	width:100%;
}
#overdiv .overdivPadding{
	padding-left:2%;
	padding-right:2%;
}
#overdiv .overdivWidth{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}
/* POPUP */
#blocker,
#superBlocker{
	background:url(images/block.png) repeat;
	width:100%;
	height:100%;
	position:fixed;
	z-index:11;
	top:0;
}
#superBlocker{
	z-index:9999;
}
#popup{
	background-color:#fff;
	position:fixed;
	z-index:12;
	border-radius:5px;
	box-shadow:2px 2px 5px #000;
}
#popup.fullScreen{
	width:100% !important;
	top:0 !important;
	left:0 !important;
	border-radius:0;
}
.popup_close{
	width:29px;
	height:29px;
	background-image:url(images/popup_close.png);
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
}
.popup_close:hover{background-image:url(images/popup_close_hover.png)}

/* HEADER */
#header{
	z-index:4;
}
#header_user{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:60px;
	background-color:#000;
	line-height:65px;
	z-index:5;
}
#header_user > div{
	height:60px;
}
.header_links > div{
	padding: 0 20px;
	height:100%;
	cursor:pointer;
	border-bottom:5px solid transparent;
	float:left;
}
.header_links > div:hover{
	background-color:#f7a13d;
}
.header_links > div.menu_selected{
	border-bottom:5px solid #ffba69;
}
.activity_ball{
	height:20px;
	border-radius:20px;
	background-color:#f7c11e;
	padding:0 6px;
}
#header_user *{
	color:#fff;
}
#leftO{
	background-image:url(images/centroO.png);
	background-color:#f7841e;
	background-position:center;
	background-repeat:no-repeat;
	border-right:1px solid #f7a13d;
	width:60px;
	position:absolute;
	top:0;
	left:0;
}
.header_search{
	width:300px;
	border-left: 1px solid #de861e;
	border-right: 1px solid #de861e;
}
.header_search_inner{
	border-left: 1px solid #f7a13d;
	padding:0 15px;
	height:100%;
}
.header_search_input{
	border:none;
	width:100%;
	background-color:transparent;
	background-image:url(images/find.png);
	background-position:center right 10px;
	background-repeat:no-repeat;
	line-height:34px;
	background-color:#fff;
	color:#000 !important;
	border-radius:20px;
	padding:0 20px;
	padding-right:35px;
	margin-top:13px;
	font-size:13px;
}
.header_profile{
	border-left: 1px solid #f7a13d;
	border-right: 1px solid #de861e;
	padding:0 15px;
}
.header_profile:hover{
	background-color:#f7a13d;
}
.header_profile_head{
	width:38px;
	height:38px;
	background-color:#fff;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	border-radius:38px;
	padding:0 15px;
	margin-top:12px;
	margin-right:10px;
}
.header_profile_head.icon{
	background-size:auto;
}
.header_profile_name{
	height:100%;
	font-size:14px;
	line-height:60px;
	position:relative;
}
.header_profile_name img{
	position:absolute;
	right:-12px;
	top:2px;
}
.header_profile_arrow{
	background-color:transparent;
	background-image:url(images/arrowDown.png);
	background-position:center;
	background-repeat:no-repeat;
	width:7px;
	height:65px;
	margin:0 10px;
}
.header_logout{
	border-left: 1px solid #f7a13d;
	width:105px;
	padding-left:15px;
	cursor:pointer;
}
.header_logout:hover{
	background-color:#f7a13d;
}
.header_logout a{
	line-height:60px;
	font-size:14px;
}
.header_logout img{
	margin-top:17px;
	position:relative;
	top:4px;
	margin-right:5px;
}
#header_logo{
	height:90px;
	line-height:85px;
	float:left;
	border-right:1px solid #fff;
	padding-right:20px;
}
#header_logo.companyView{
	border-bottom-color:#2e3132;
}
#header_logo_centroLogo{
	position:relative;
	top:20px;
}
#header_logo_textLogo{
	font-size:20px;
	color:#fff;
}
.header_links{
	border-left:1px solid #f7a13d;
}
#header_bread{
	height:57px;
	line-height:57px;
	background-color:#fff;
	font-size:12px;
	border-bottom:1px solid #f6f6f6;
	position:relative;
}
#bread_text{
	width:calc(100% - 90px);
	overflow-x:auto;
	white-space: nowrap;
}
#header_bread.companyView{
	border-color:#fff;
	position:relative;
	top:-30px;
	padding:0 15px;
}
#header_companyView{
	background-color:#fff;
	padding-top:15px;
	font-size:20px;
	padding-bottom:15px;
	border-top:1px solid #fcfcfc;
}
#header_companyView_company, #header_companyView_property{
	position:relative;
	top:20px;
}
#header_companyView img{
	float:right;
	height:60px;
}
#burger{
	position:absolute;
	top:5px;
	right:calc(5% - 15px);
}
.companyView #burger{
	top:5px;
	right:0;
}
#burger #burger_contents{
	display:none;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}
#burger.open #burger_icon{
	background-color:#f7c11e;
}
#burger.open #burger_contents{
	display:block;
	background-color:#f7931e;
	position:absolute;
	top:51px;
	left:-175px;
	width:160px;
	border-radius:0 0 5px 5px;
	z-index:10;
}
#burger.open #burger_contents div{
	line-height:36px;
	padding:5px 15px;
	color:#fff;
}
#burger.open #burger_contents div:hover{
	background-color:#f7c11e;
}
#burger_arrow{
	position:absolute;
	top:-10px;
	right:17px;
}
#burger_icon{
	position:absolute;
	top:0;
	right:15px;
}
/* FOOTER */
#footer{
	position:absolute;
	bottom:0;
	width:100%;
	height:35px;
	line-height:35px;
	background-color:#dddbd3;
    font-size: 13px;
}
#footer *{
	color:#bcb9ad;
	margin:0 20px 0 0;
}
#footer *:last-child{
	margin:0;
}
/* HOME - COMPANY OVERVIEW */
.company{
	position:relative;
	padding:0;
	border-top:1px solid #f2f2f2;
	border-bottom:0px;
}
.company_name{
	font-size:20px;
}
.company_top{
	padding:15px 2%;
	background-color:#fbfbfb;
}
.company_top .stdArrow{
	right:2%;
}
.property_top .stdArrow{
	right:1.2%;
}
.company_bottom{
	padding:15px;
}
.company .company_bottom, .property .property_bottom{
	display:none;
}
.company_top.open~.company_bottom, .property_top.open~.property_bottom{
	display:block;
}
.company_top.open{
	height:70px;
	position:relative;
}
.company .title{
	margin:0;
}
.company_logo img{
	height:25px;
	margin-right:50px;
}
.company_top.open .company_logo img{
	height:70px;
	position:absolute;
	top:0;
	right:30px;
}
.company_top.open .stdArrow{
	top:10px;
}
.company_top.open .company_name{
	font-size:24px;
}
.property{
	position:relative;
	margin-bottom:10px;
}
.property_top{
	background-image:url(images/property.png);
	background-position:10px center;
	background-repeat:no-repeat;
	padding-left:50px;
	background-color:#fff !important;
}
.property_name a{
	color:#666461;
	display:inline-block;
	font-weight:900;
}
.property_bottom{
	width:100%;
	border-right:1px solid #e1dfd8;
	border-left:1px solid #e1dfd8;
	border-bottom:1px solid #e1dfd8;
	background-color:#fbfbfb;
	padding:15px 10px;
	border-radius: 0 0 3px 3px;
}
.property_bottom .project{
	border:1px solid #f7f7f7;
	border-radius:3px;
	background-color:#fff;
	width:calc(50% - 10px);
	margin:5px;
	padding:10px 10px 10px 45px;
	background-image:url(images/project.png);
	background-position:10px center;
	background-repeat:no-repeat;
	cursor:pointer;
}
*:not("#property_list") .property {
    border: 1px solid transparent;
}
*:not("#property_list") .property:hover /* .property_top, .property_bottom .project:hover */{
	border-color: #f7931e;
}
.property_bottom .project_name a{
	color:#313436;
	font-weight:600;
}
/* PROPERTY - FILES & FOLDERS */
#folder_area_left, #folder_area_right{
	width:50%;
	float:left;
}
.folder_area{
	background-color:#fbfbfb;
	border:0;
	padding:15px 2%;
}
.file_area{
	border:0;
	padding:0;
}
.file_area_top{
	background-color:#fbfbfb;
	padding:15px 2%;
}
#uploadArea td.thumb img,
.file_area td img {
    max-width: 60px;
    max-height: 80px;
}

.file_area .inner400{
	padding:15px 0 15px 2%;
	margin-right:2%;
	box-sizing:border-box;
}
.folder{
	background-image:url(images/folder.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:65px;
	position:relative;
	min-height:50px;
	margin:10px 0;
	cursor:pointer;
	width:100%;
}
.folder:hover{
	background-image:url(images/folder_hover.png);
	background-color:#fbfbfb;
}
.folder.padlock_open{background-image:url(images/folder_unlocked.png)}
.folder.padlock_open:hover{background-image:url(images/folder_hover_unlocked.png)}
.folder.padlock_locked{background-image:url(images/folder_locked.png)}
.folder .folder_fileCount{
	position:absolute;
	width:24px;
	height:24px;
	line-height:24px;
	border-radius:20px;
	color:#fff;
	background-color:#f7931e;
	left:25px;
	top:25px;
	text-align:center;
	font-size:12px;
}
.folder_fileCount.nofiles{
	background-color:#999;
}
.folder_fileCount.manyfiles{
	font-size:10px;
}
.folder a{
	position: relative;
	top: 10px;
	color: #666461;
	padding-left: 65px;
	left: -65px;
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	min-height:40px;
}
.folder.padlock_locked a, .folder.padlock_locked:hover a{
	color:#c4c4c4;
}
.folder:hover a{
	color:#000;
}
.gridDocument{
	width:calc(25% - 20px);
	margin:10px;
	position:relative;
}
.gridDocument_name{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.gridDocument_name img{
	width:16px;
}
.gridDocument_preview{
	width:100%;
	height:200px;
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	border-radius:5px;
	margin-bottom:10px;
}
.gridDocument_preview.icon{
	background-size:contain;
	background-color:#efefef;
}
.gridDocument_dots,
.gridDocument_checkbox{
	position:absolute;
	top:10px;
}
.gridDocument_checkbox{left:10px}
.gridDocument_dots{right:10px}
.gridDocument .action_tray{
	background-color:transparent;
}
.gridDocument .action_tray_icon{
	background-color:#fff;
	border-radius:3px;
}
.gridDocument .action_tray.open .action_tray_icon{
	background-color:#f7931e;
	position:absolute;
	top:0;
	right:0;
}
.gridDocument .action_tray.open .buttonBox{
	left:10px !important;
	width:auto !important;
	background-color:transparent !important;
}
.gridDocument .action_tray.open{
	width:100%;
	padding:60px 20px 0px 20px;
	height:200px;
}
.gridDocument .action_tray.open .button.fr{
	float:left !important;
	margin:5px;
	background-color:#454545;
	color:#fff;
	border:none;
	box-shadow:1px 1px 3px #000;
}
.gridDocument .action_tray.open .button.fr:hover{
	background-color:#f7931e;
}
.multiSelectBar{
	display:none;
	background-color:#f7851e;
	width:100%;
	min-height:60px;
	padding:8px;
	width:calc(90% - 40px);
	border-radius:5px 5px 0 0;
	position:fixed;
	bottom:0;
	left: calc(5% + 20px);
	z-index:9;
}
.multiSelectBar .button{
	margin:0 5px;
}
/* MEDIA VIEWER */
.mediaViewer_image{
	height:calc(100% - 180px);
	background-color:#e0e0e0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.mediaViewer_title{
	margin-bottom:0;
}
.mediaViewer_controls div{
	height:50px;
	width:50px;
	border-radius:50px;
	border:2px solid #000;
	background-position:center;
	background-repeat:no-repeat;
	cursor:pointer;
	transition:border 0.2s;
}
.mediaViewer_controls div:hover{
	border-color:#f7931e;
}
.mediaViewer_controls div.mediaViewer_controls_fullScreen, .mediaViewer_controls div.mediaViewer_controls_fullScreen:hover{
	border-color:#fff;
}
.mediaViewer_controls div.mediaViewer_controls_fullScreen:hover{
	background-size:23px 23px;
}
#popup.fullScreen .mediaViewer_controls div.mediaViewer_controls_fullScreen:hover{
	background-size:17px 17px;
}
.mediaViewer_controls_left{background-image:url(images/mediaViewer_rewind.png)}
.mediaViewer_controls_playPause{background-image:url(images/mediaViewer_pause.png)}
.mediaViewer_controls_playPause.paused{background-image:url(images/mediaViewer_play.png)}
.mediaViewer_controls_right{background-image:url(images/mediaViewer_forwards.png)}
.mediaViewer_controls_fullScreen{background-image:url(images/mediaViewer_expand.png)}

.mediaViewer_rotate{
	opacity:0;
	width:48px;
	position:absolute;
	bottom:125px;
	right:10px;
	background-color:rgba(255,255,255,.5);
	cursor:pointer;
	transition:opacity .5s;
}
.mediaViewer_image:hover + .mediaViewer_rotate{
	opacity:1;
}
.mediaViewer_rotate:hover{
	opacity:1;
	background-color:rgba(255,255,255,.75);
}
/* EDIT FOLDER */
.restrictionBox{
	height:400px;
}
.restrictionBox .restrictions{
	height:290px;
	overflow-y:scroll;
}
.restrictionBox .searchRestrictons{
	border-top:1px solid #efebeb;
}
.restrict_contact_area > div .fl:not(.checkbox){
	width:calc(100% - 32px);
}

/* FILE BROWSER */
#browser_columnArea{
	height:420px;
	overflow-x:auto;
	overflow-y:hidden;
	border:1px solid #e6e6e6;
	border-radius:5px;
}
#browser_columnArea .col{
	height:400px;
	overflow-y:auto;
	width:300px;
	border-right:1px solid #e6e6e6;
	float:left;
}
#browser_columnArea .col > div{
	padding:10px 30px 10px 5px;
	cursor:pointer;
	position:relative;
}
#browser_columnArea .col > div:hover{
	background-color:#ddd;
}
#browser_columnArea  .selectedFolder{
	background-color:#ddd !important;
}
#browser_columnArea .has_subs{
	height:16px;
	width:16px;
	position:absolute;
	top:11px;
	right:5px;
}
#browser_selectArea{
}
#browser_selectArea input{
	float:right;
	margin:7px 10px;
}
#selected_folder_name{
	width:300px;
}
/* FORWARD FOLDER */
#upload_contact_confirm_area{
	height:320px;
}
#selected_recipients{
	height:370px;
}
#selected_recipients .contact{
	background-color:#fff;
	border-radius:2px;
	border:1px solid #d8d8d8;
	background-image:url(images/smallX.png);
	background-position:7px 14px;
	background-repeat:no-repeat;
	cursor:pointer;
	transition:border 0.2s;
}
#selected_recipients .contact:hover{
	border-color:#f7931e;
}
/* MEMBERS */
.members_left div, .members_middle .inner div, .members_right div{
	height:40px;
	line-height:40px;
	margin-bottom:10px;
}
.members_middle{
	width:calc(100% - 450px);
	position:relative;
}
.members_middle .inner .w100p:first-child div{
	line-height:20px;
}
.members_middle .inner .fl{
	min-width:220px;
}
.scrollBar{
	position:absolute;
	top:115px;
	height:20px;
	width:100%;
	left:415px;
	z-index:1;
}
.scrollBar .bar{
	position:relative;
	top:7.5px;
	height:5px;
	background-color:#f7c11e;
}
.scrollBar .ball{
	height:20px;
	width:20px;
	border-radius:15px;
	background-color:#ecb81c;
	color:#fff;
	font-size:10px;
	text-align:center;
	line-height:20px;
	position:absolute;
	top:0;
	cursor:move;
}
.members_left{
	width:400px;
}
.members_left div{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.members_right{
	width:50px;
}
.members_right .action_tray{
	top:0;
}
.members_right .action_tray_icon{
	top:5px;
	position:relative;
}
.members_right .action_tray .button{
	position:relative;
	top:5px;
}
.members_right .shad{
	height:calc(100% - 30px);
	width:0;
	background-color:#fff;
	position:absolute;
	top:30px;
	left:0;
	box-shadow:0 0 30px 30px #fff;
}
/* ADD MEMBER / EDIT ROLES */
#role_list > div > .label{
	padding:10px 10px;
	font-weight:600;
	position:relative;
}
#role_list > div > div > .label{
	padding:10px 20px;
}
#role_list .label:hover, #role_list .label.sel{
	background-color:#e4e2db;
	cursor:pointer;
}
/* UPLOAD */

.upload_title{
	background-color: #fbfbfb;
	padding:15px 2%;
	margin-top:0;
}
#uploadArea{
	padding:0 2%;
}
#drop-files{
	width:96%;
	height:160px;
	border:4px dashed #fbfbfb;
	display:inline-block;
	position:relative;
	top:0px;
	padding:30px;
	text-align:center;
	line-height:30px;
	color:#837676;
	margin:0 2%;
}
#drop-files.over{
	border-color:#f7931e;
}
#drop-files span{
	font-style:italic;
	color:#c6c6c6;
}
progress{
	height:10px;
	width:calc(100% - 50px);
	position:relative;
	top:-4px;
	margin-right:5px;
}
#progressTable tr .mag{display:none}
#progressTable tr.up .mag{display:block}

/* PROFILE */
#profile_photo_circle{
	border:1px solid #999;
	border-radius:80px;
	width:80px;
	height:80px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
#profile_photo_circle.icon{
	background-size:auto;
}
#profile_photo_upload{
	width:150px;
}
#profile_photo_upload label{
	margin-top:20px;
}
#profile_photo_perms{
	width:calc(100% - 270px);
	padding-top:50px;
}
#profile_photo_area{
	margin-bottom:50px;
	height:104px;
}
/* CENTRO ADMIN */
/* DATABASE CONTROLS */
.db_controls{
	width:205px;
	margin:auto;
	text-align:center;
}
.db_controls img{
	position:relative;
	top:3px;
}
.db_controls #control_input{
	width:25px;
	margin-top:10px;
	border:1px solid #999;
	padding:4px 5px;
	text-align:center;
}
.email_field{
	word-break: break-all;
}
#notify_consent + div{
	width:calc(100% - 40px);
}


/* --- */

/* EDIT DOCUMENTS */

/* --- */

.file_name_edit{
	font-size:16px;
}
.edit_doc_button{
	cursor:pointer;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	display:inline-block;
	position:relative;
	top:7px;
}
.edit_doc_name{background-image:url(images/edit.png);}
.edit_doc_name:hover{background-image:url(images/edit_hover.png);}
.cancel_doc_name{background-image:url(images/cancel.png);}
.cancel_doc_name:hover{background-image:url(images/cancel_hover.png);}
.save_doc_name{background-image:url(images/save.png);}
.save_doc_name:hover{background-image:url(images/save_hover.png);}

.edit_doc_name_edit{
	display:none;
}
.drag_handle{
	cursor:move;
}
.ui-draggable-dragging{
	z-index:10;
	background-color:transparent !important;
}
.pagination_number{
	margin:0 2px;
	border-radius:3px;
	padding-top:5px !important;
	padding-bottom:5px !important;
	border:1px solid transparent;
}
.pagination_number:hover{
	border:1px solid #f7931e;
	color:#f7931e;
}
.pagination_number.selected{
	border:1px solid #f7931e;
	color:#fff;
	background-color:#f7931e;
}
#external_link_pop{
	text-align:center;
	padding:20px;
	box-sizing:border-box;
}
.filename input,
#external_link_pop input{
	margin-top:10px;
	width:100%;
	font-size:22px;
	padding:5px;
	box-sizing:border-box;
}
.filename input{
	font-size:20px;
}

#memberFixedCols{
	position:fixed;
	z-index:10;
	padding:15px;
	top:60px;
	background-color:#fff;
	border-bottom: 1px solid #e8e8e8;
}
#memberFixedNames,
#memberFixedOuter{
	display:inline-block;
}
#memberFixedOuter{
	height:40px;
	overflow:hidden;
}
#memberFixedInner div{
	line-height:20px;
	height:40px;
}
#memberFixedCols .scrollBar{
	top:67px;
}
#fixedShad{
	height: calc(100% - 30px);
	width: 0;
	background-color: #fff;
	position: absolute;
	top: 30px;
	right: 15px;
	box-shadow: 0 0 30px 30px #fff;
}
.highlight{
	background-color:#f7931e;
	color:#fff;
}

.loading_ring {
  width: 200px;
  height: 200px;
}
.loading_ring:after {
  content: " ";
  display: block;
  width: 160px;
  height: 160px;
  margin: auto;
  border-radius: 50%;
  border: 20px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: loading_ring 1.2s linear infinite;
}
@keyframes loading_ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#superBlocker .loading_ring{
	margin:20% auto 0 auto; 
}