/*
1. METADRIVE STYLES
2. ESTRUCTURE
3. ESTRUCTURE COLORS
4. HEADER
5. OVERWRITE MATERIAL/ANGULAR COLORS
6. MAIN MENU
7. INFORMATION
8. FORMS
9. UPLOAD FILES
10. VIEWS
11. FILE PROPERTIES
12. FOLDER PROPERTIES
13. CONTEXT MENU
14. OVERWRITE KENDO
15. TOAST
16. NEWS POPUP
17. FIREFOX HACKS
18. IE SUPER HACKS
19. EDGE SUPER HACKS
20. TEMPLATE PANEL
21. PURCHASE PANEL
22. HOME
23. EDIT DATASHEET
*/

/* 1. METADRIVE STYLES */

body {
	max-height: 100%;
	overflow: hidden;
	font-size: 13px;
	color: #000 !important;
}

header {
	min-height: 55px;
	max-height: 55px;
	padding: 0 22px;
	background-color: #009ee2;
}

header.domain {
	color: #00577c !important;
	background-color: #fff !important;
}

header.domain md-menu-bar.breadcrumb button {
	color: #00577c !important;
}

header.domain .white {
	color: #00577c !important;
}

a {
	color: #00435f;
	text-decoration: underline;
}

a:hover {
	color: #009ee2;
}

img.logo_header {
	max-width: 100%;
	float: left;
}

img.logo_header.metadrive {
	max-width: 90%;
	float: left;
	margin-top: 6px;
}

#mainGrid .k-grid-content ::-moz-selection {
	color: inherit;
	background: none;
}

#mainGrid .k-grid-content ::selection {
	color: inherit;
	background: none;
}

/** FIX 10/07/2019 **/
#mainGrid>div.k-grid-content {
	min-height: calc(100% - 106px);
	max-height: calc(100% - 68px);
}

/*#mainGrid {
	height: 100%!important;
}*/

.hidden {
	display: none;
}

.white {
	color: #fff !important;
}

.grey {
	color: rgba(0, 0, 0, 0.54) !important;
}

.borderLeft {
	border-left: 1px solid #0074a5;
	padding-left: 30px;
}

/*md-backdrop.md-opaque { opacity: 0 !important; }*/

::selection,
::-moz-selection {
	background: #fff !important;
}

.right {
	float: right;
}

/* 2. ESTRUCTURE */

md-toolbar {
	max-height: 45px;
	min-height: 45px;
}

#metadriveMenu md-toolbar {
	max-height: 75px;
	min-height: 75px;
	background-color: #fff;
}

md-sidenav.properties_panel md-toolbar,
md-sidenav.information_panel md-toolbar,
md-sidenav.file_properties_panel md-toolbar,
md-sidenav.upload_files_panel md-toolbar,
md-sidenav.template_panel md-toolbar,
md-sidenav.new_docs_panel md-toolbar,
md-sidenav.metadrive_views_panel md-toolbar,
md-sidenav.purchase_panel md-toolbar {
	background-color: #0074a5;
}

md-sidenav.menu_panel md-toolbar {
	background-color: #0074a5;
}

/*
md-sidenav.properties_panel md-toolbar .md-toolbar-tools,
md-sidenav.information_panel md-toolbar .md-toolbar-tools,
md-sidenav.menu_panel md-toolbar .md-toolbar-tools,
md-sidenav.file_properties_panel md-toolbar .md-toolbar-tools,
md-sidenav.upload_files_panel md-toolbar .md-toolbar-tools,
md-sidenav.template_panel md-toolbar .md-toolbar-tools,
md-sidenav.new_docs_panel md-toolbar .md-toolbar-tools,
md-sidenav.metadrive_views_panel md-toolbar .md-toolbar-tools,
md-sidenav.purchase_panel md-toolbar .md-toolbar-tools {

}*/

#editFilePreview,
#templateFilePreview {
	background-color: #fff !important;
	width: -webkit-calc(100% - 500px);
	width: -moz-calc(100% - 500px);
	width: calc(100% - 500px);
}

md-sidenav #metadriveViews {
	background-color: #fafafa !important;
	width: 100%;
	z-index: 1;
}

md-sidenav #editFileProperties {
	background-color: #fff !important;
	width: 500px;
	z-index: 1;
	overflow-y: scroll;
	max-height: 100%;
	overflow-x: hidden;
}

/*changed to */

#editFileProperties,
#template {
	background-color: #fff !important;
	width: 500px;
	z-index: 1;
	max-height: 100%;
}

#folderProperties,
md-sidenav #uploadFiles,
md-sidenav #newDocs {
	background-color: #fafafa !important;
	width: 100%;
	z-index: 1;
	/*position: absolute;*/
}

md-sidenav.template_panel iframe,
md-sidenav.file_properties_panel iframe {
	z-index: 999;
	border: none !important;
	position: relative;
	height: calc(100% - 45px);
}

/*changed to */

#iframe_edit_file,
#iframe_new_template {
	z-index: 999;
	border: none !important;
	position: relative;
	height: calc(100% - 55px);
}

md-sidenav.md-progress-circular {
	z-index: 100;
}

md-sidenav .md-button {
	color: #000 !important;
}

md-sidenav #editFileProperties {
	overflow-y: scroll;
	max-height: 100%;
	overflow-x: hidden;
}

.template_panel,
.file_properties_panel {
	/*z-index: 999;*/
	min-width: 100%;
	max-width: 100%;
	overflow: hidden;
	height: calc(100% - 55px);
	top: 55px;
}

#folderProperties,
.information_panel,
.upload_files_panel,
.upload_files_panel,
.metadrive_views_panel,
.new_docs_panel,
.purchase_panel {
	/*z-index: 101;*/
	min-width: 100%;
	max-width: 100%;
	overflow: hidden;
	height: -webkit-fill-available;
	top: 55px;
}

/*Esto se usaba en el div que contenia el floating button.. intente meterle la clase al md-speed-dial y tronzaba, solo deja meterle los estilos directamente*/

.floating_button {
	z-index: 0 !important;
	bottom: 5px;
	right: 15px;
	position: absolute;
}

/* DEFAULT VALUES STYLES */

#defaultValues md-datepicker {
	margin-left: -12px;
}

#defaultValues md-datepicker-input-container {
	margin-left: 12px;
}

#defaultValues md-datepicker>button {
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
}

#defaultValues md-datepicker>button>md-icon {
	margin: 2;
}

#defaultValues md-input-container>md-icon {
	left: 0;
}

#folderProperties md-datepicker,
md-sidenav.information_panel md-datepicker,
md-sidenav.file_properties_panel md-datepicker,
md-sidenav.upload_files_panel md-datepicker,
md-sidenav.template_panel md-datepicker,
md-sidenav.new_docs_panel md-datepicker,
md-sidenav.metadrive_views_panel md-datepicker {
	margin-left: -12px;
}

#folderProperties md-datepicker-input-container,
md-sidenav.information_panel md-datepicker-input-container,
md-sidenav.file_properties_panel md-datepicker-input-container,
md-sidenav.upload_files_panel md-datepicker-input-container,
md-sidenav.template_panel md-datepicker-input-container,
md-sidenav.new_docs_panel md-datepicker-input-container,
md-sidenav.metadrive_views_panel md-datepicker-input-container {
	margin-left: 12px;
}

img.userProfileImage {
	max-width: 30px;
	max-height: 30px;
	border-radius: 50%;
	vertical-align: middle;
}

md-icon .clientMode {
	vertical-align: middle;
}

md-progress-circular.progressCircle {
	vertical-align: middle;
}

footer #statusbar {
	height: 18px;
	position: fixed;
	bottom: 0px;
	background: #f6f6f6;
	border-top: 1px solid #CCC;
	font-size: 10px;
	width: 100%;
}

footer #statusbar .statusbar_left {
	text-align: left;
	text-align: -webkit-left;
	padding-left: 10px;
}

footer #statusbar .statusbar_right {
	text-align: right;
	text-align: -webkit-right;
	padding-right: 10px;
}

footer #statusbar md-icon {
	font-size: 13px;
	vertical-align: -webkit-baseline-middle;
	position: static;
}

#folderProperties md-content {
	max-width: 980px;
	margin: 0 auto;
	height: 100%;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
	background-color: white;
	padding-bottom: 0;
	top: 24px;
}

#folderProperties md-toolbar {
	background-color: #0074a5;
}

#metadriveViews md-content {
	max-width: 980px;
	margin: 0 auto;
	height: -webkit-fill-available;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
	background-color: white;
	padding-bottom: 0;
	/*top: 40px;*/
}

/* NEW DOCS STATE */

/* UPLOAD FILES STATE */

/* TEMPLATES STATE */

#editProperties,
#templates,
#uploadFiles,
#newDocs {
	min-width: 100%;
	max-width: 100%;
	overflow: hidden;
	height: calc(100% - 55px);
	top: 55px;
}

#templates md-content,
#uploadFiles md-content,
#newDocs md-content {
	overflow-y: scroll;
	height: calc(100% - 55px);
	max-width: 980px;
	margin: 0 auto;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
	background-color: white;
	padding-bottom: 0;
}

#editProperties md-content {
	height: calc(100% - 55px);
	max-width: 980px;
	background-color: white;
}

#editProperties md-input-container,
#templates md-input-container,
#uploadFiles md-input-container,
#newDocs md-input-container {
	display: block;
	width: 95%;
}

#editProperties md-datepicker,
#templates md-datepicker,
#uploadFiles md-datepicker,
#newDocs md-datepicker {
	margin-left: -12px;
}

#editProperties md-datepicker-input-container,
#templates md-datepicker-input-container,
#uploadFiles md-datepicker-input-container,
#newDocs md-datepicker-input-container {
	margin-left: 12px;
}

.k-upload {
	margin-top: 60px;
}

#folderProperties md-toolbar,
#metadriveViews md-toolbar {
	top: 0px;
	position: absolute;
}

md-backdrop.md-menu-backdrop,
md-backdrop.md-sidenav-backdrop,
md-backdrop.md-dialog-backdrop,
md-backdrop.md-select-backdrop {
	z-index: 101;
	/* Por encima del z-index del ui-view para que detecte los clicks fuera del elemento */
}

/* 3. ESTRUCTURE COLORS */

.md-toolbar-tools h1 {
	color: #fff;
}

.md-toolbar-tools h2 {
	color: #fff;
	font-size: 15px;
	margin: 7px 0px 0px 0px;
	padding-bottom: 7px;
}

.md-toolbar-tools h3 {
	color: #fff;
}

/* floating buttons */

.md-button.md-fab.md-mini.menu-upload {
	background-color: #333;
}

.md-button.md-fab.md-mini.import {
	background-color: white;
}

.md-button.md-fab.md-mini.docs {
	background-color: #4285f4;
}

.md-button.md-fab.md-mini.sheets {
	background-color: #0f9d58;
}

.md-button.md-fab.md-mini.slide {
	background-color: #f4b400;
}

.md-button.md-fab.md-mini.draw {
	background-color: #db4437;
}

.md-button.md-fab.md-mini.forms {
	background-color: #673ab7;
}

.md-button.md-fab.md-mini.templates {
	background-color: white;
}

.md-button.md-fab.md-mini.folders {
	background-color: grey;
}

.md-button.md-fab.md-mini.templates:disabled {
	background: #d5d5d5;
	pointer-events: none;
}

/* 4. HEADER */

md-toolbar.main-toolbar md-icon,
md-toolbar.main-toolbar button {
	color: #fff !important;
}

md-input-container.main-search {
	width: 100% !important;
	top: 22px !important;
	font-size: 16px !important;
}

md-input-container.main-search label {
	color: rgba(0, 0, 0, 0.5) !important;
}

/* toggl with icons */

.advancedFilter {
	position: relative;
	display: block;
	height: 17px;
	width: 34px;
	background: #0087c2;
	border-radius: 100px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.advancedFilter:after {
	position: absolute;
	font-family: FontAwesome;
	color: #fff;
	left: -9px;
	top: -4px;
	display: block;
	font-size: 15px;
	width: 25px;
	height: 25px;
	border-radius: 100px;
	padding: 5px 6px;
	background: #3fb6e9;
	box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
	content: "\f066";
	transition: all 0.3s ease;
}

.advF:checked~label {
	background: #d8f0fa;
}

.advF:checked~label:after {
	left: 20px;
	font-family: FontAwesome;
	background: #fafafa;
	color: #0087c2;
	content: "\f065";
}

.allDocs {
	position: relative;
	display: block;
	height: 17px;
	width: 34px;
	background: #0087c2;
	border-radius: 100px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.allDocs:after {
	position: absolute;
	font-family: FontAwesome;
	color: #fff;
	left: -9px;
	top: -4px;
	display: block;
	font-size: 15px;
	width: 25px;
	height: 25px;
	border-radius: 100px;
	padding: 5px 6px;
	background: #3fb6e9;
	box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
	content: "\f07b";
	transition: all 0.3s ease;
}

.aD:checked~label {
	background: #d8f0fa;
}

.aD:checked~label:after {
	left: 20px;
	background: #fafafa;
	font-family: FontAwesome;
	color: #0087c2;
	content: "\f07c";
}

.aD:disabled~label {
	background: #d5d5d5;
	pointer-events: none;
}

.aD:disabled~label:after {
	background: #bcbdbc;
}

.press1 {
	margin-right: 40px;
}

.press2 {
	margin-right: 15px;
}

span.icon-gmail,
span.icon-plus,
span.icon-calendar,
span.icon-myaccount,
span.icon-search,
span.icon-hangout {
	background-image: url('../images/gicons.png');
	-webkit-background-size: 46px 216px;
	background-size: 46px 216px;
	width: 42px;
	height: 42px;
	display: inline-block;
	vertical-align: top;
}

span.icon-gmail {
	background-position: 0px -106px;
}

span.icon-plus {
	background-position: 0px -35px;
}

span.icon-calendar {
	background-position: 0px -141px;
}

span.icon-myaccount {
	background-position: 0px -71px;
}

span.icon-search {
	background-position: 0px 0px;
}

span.icon-hangout {
	background-position: 0px -175px;
}

md-menu-bar.breadcrumb button {
	color: #fff;
}

.breadcrumb {
	padding: 0;
}

.breadcrumb>md-menu>button {
	height: 20px;
}

#searchBox {
	margin: 0px 0px 0px 50px;
}

#searchBox input {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 0px;
	padding: 5px 5px 5px 32px;
	color: #fff;
	font-size: 15px;
	background-color: rgba(0, 0, 0, 0.25);
	width: 100%;
}

#searchBox input::-webkit-input-placeholder {
	color: #eee;
}

#searchBox input:-moz-placeholder {
	color: #eee;
	opacity: 1;
}

#searchBox input::-moz-placeholder {
	color: #eee;
	opacity: 1;
}

#searchBox input:-ms-input-placeholder {
	color: #eee;
}

#searchBox input:focus {
	color: #333;
	background-color: rgba(255, 255, 255, 1);
	transition: all 0.3s ease;
	outline: none;
}

.clearSearchBox {
	margin-left: -42px;
}

#step7 {
	margin-top: 6px;
}

header.headerGadgetMode {
	max-height: 55px;
	/*Estaba en 45px, de momento lo cambio para la demo porque cuando abres un panel se ven los 10px de diferencia*/
	min-height: 55px;
	/*Estaba en 45px, de momento lo cambio para la demo porque cuando abres un panel se ven los 10px de diferencia*/
	background-color: #fff;
	color: #0074a5;
}

/* 5. OVERWRITE MATERIAL/ANGULAR COLORS */

md-divider.md-default-theme,
md-divider,
md-menu-divider {
	border-top-color: #66c4ee;
}

md-menu-bar.md-default-theme md-menu.md-open>button,
md-menu-bar md-menu.md-open>button,
md-menu-bar.md-default-theme md-menu>button:focus,
md-menu-bar md-menu>button:focus {
	background: #00435f;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button {
	border-left: 4px solid #fff;
}

md-menu-content.md-menu-bar-menu.md-dense .md-button:focus {
	border-left: 4px solid #00435f;
}

/* 6. MAIN MENU */

md-menu-item>.md-button span,
md-menu-item>.md-button md-icon,
md-toolbar:not(.md-menu-toolbar) md-icon {
	color: #00435f;
}

#viewsMenu md-icon,
#systemViewsMenu md-icon,
#gadgetMenu md-icon {
	top: 4px;
	color: #00435f;
	float: left;
	position: absolute;
	padding: 0;
	width: 24px;
	left: 24px;
}

#viewsMenu>md-menu-item>button:disabled md-icon,
#gadgetMenu>md-menu-item>button:disabled md-icon {
	color: #bfbfbf;
}

/*md-menu-content>md-menu-item,*/

p.menu-version {
	font-size: 10px;
	color: #444;
	padding-left: 18px;
	bottom: 10px;
	position: absolute;
}

#metadriveMenu {
	width: 100%;
}

#metadriveMenu md-content.lastAccessed {
	color: #000;
}

#metadriveMenu .md-subheader {
	margin: 0 !important;
}

#metadriveMenu .lastAccessed md-list-item a {
	text-decoration: none;
	color: #333;
}

#metadriveMenu .lastAccessed md-list-item a img {
	width: 17px;
	margin: 0 17px 0 2px;
}

#metadriveMenu md-icon.material-icons {
	width: 17px !important;
	font-size: 19px;
}

#metadriveMenu md-icon svg {
	width: 16px !important;
	margin-left: 2px;
}

#metadriveMenu md-list-item .md-list-item-inner>md-icon:first-child:not(.md-avatar-icon) {
	margin-right: 12px !important;
}

/* gadget mode */

md-menu-item md-icon.fa {
	/*color: #00435f;*/
	margin: auto 22px auto 3px;
	font-size: 18px;
}

md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button md-icon {
	margin-right: 17px;
}

md-sidenav.menu_panel {
	z-index: 101;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .28);
	box-shadow: 0 0 4px rgba(0, 0, 0, .28);
	-webkit-transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear 0s;
	transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear 0s;
}

#menuFooterLinks {
	margin: 16px 0 10px 16px;
}

#menuFooterLinks a {
	color: #333;
	text-decoration: none;
}

/* 7. INFORMATION */

p.statusbar {
	font-size: 10px;
	color: #444;
	padding-left: 18px;
	bottom: 10px;
	position: absolute;
}

md-list-list-errors md-list-item {
	min-height: 28px;
}

/* 8. FORMS */

md-input-container {
	padding: 0px;
}

.md-select-menu-container {
	z-index: 999;
}

.md-datepicker-calendar-pane {
	z-index: 9999 !important;
}

.md-datepicker-input {
	font-size: 12px !important;
	color: rgba(0, 0, 0, 0.26);
}

md-progress-circular.iframeLoad {
	z-index: 0;
	position: absolute;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value label,
md-input-container:not(.md-input-invalid).md-input-has-value label,
md-input-container.md-input-focused label:not(.md-no-float) {
	color: #009ee2;
	font-size: 14px;
}

md-input-container.md-default-theme:not(.md-input-invalid).md-input-has-value md-icon,
md-input-container:not(.md-input-invalid).md-input-has-value md-icon,
md-input-container.md-input-focused md-icon:not(.md-no-float) {
	color: #009ee2;
}

/* 17/11/2017 FORMS IN STATES */

form[name="templateForm"]>div,
form[name="customPropForm"]>div,
form[name="newDocForm"]>div {
	overflow: auto;
	margin-bottom: 10px;
}

/* 9. UPLOAD FILES */

md-sidenav.upload_files_panel md-input-container {
	width: 95%;
}

md-sidenav.upload_files_panel md-input-container .md-errors-spacer {
	min-height: 0px;
}

md-sidenav.upload_files_panel md-icon.material-icons {
	color: rgba(0, 0, 0, 0.54);
}

md-sidenav.upload_files_panel md-input-container:not(.md-input-invalid).md-input-focused md-icon {
	color: rgb(0, 158, 226);
}

md-sidenav.upload_files_panel .k-picker-wrap .k-icon,
md-sidenav.upload_files_panel .k-datetimepicker .k-picker-wrap .k-icon {
	margin-top: 8px;
}

md-sidenav.upload_files_panel md-select {
	margin: 0px 0 10px;
}

#uploadFiles md-input-container {
	width: 95%;
}

#uploadFiles md-input-container .md-errors-spacer {
	min-height: 0px;
}

#uploadFiles md-icon.material-icons {
	color: rgba(0, 0, 0, 0.54);
}

#uploadFiles md-input-container:not(.md-input-invalid).md-input-focused md-icon {
	color: rgb(0, 158, 226);
}

#uploadFiles .k-picker-wrap .k-icon,
#uploadFiles .k-datetimepicker .k-picker-wrap .k-icon {
	margin-top: 8px;
}

#uploadFiles md-select {
	margin: 0px 0 10px;
}

#uploadFiles md-toolbar {
	background-color: #0074a5;
}

/* 10. VIEWS */

md-menu-bar md-menu-content {
	background-color: #009ee2;
}

md-sidenav.metadrive_views_panel md-input-container {
	margin: 0px !important;
	width: 100%;
}

/* 11. FILE PROPERTIES */

md-sidenav.file_properties_panel md-input-container {
	width: 100%;
	max-width: 420px;
}

md-sidenav.file_properties_panel md-input-container .md-input,
md-sidenav.file_properties_panel md-input-container textarea.md-input {
	max-width: 420px;
}

md-sidenav.file_properties_panel md-input-container .md-errors-spacer {
	min-height: 0px;
}

md-sidenav.file_properties_panel md-icon.material-icons {
	color: rgba(0, 0, 0, 0.54);
}

md-sidenav.file_properties_panel md-input-container:not(.md-input-invalid).md-input-focused md-icon {
	color: rgb(0, 158, 226);
}

md-sidenav.file_properties_panel .k-picker-wrap .k-icon,
md-sidenav.file_properties_panel .k-datetimepicker .k-picker-wrap .k-icon {
	margin-top: 8px;
}

md-sidenav.file_properties_panel md-select {
	margin: 0px 0 10px;
}

#editProperties md-input-container {
	width: 100%;
	max-width: 420px;
}

#editProperties md-input-container .md-input,
#editProperties md-input-container textarea.md-input {
	max-width: 420px;
}

#editProperties md-input-container .md-errors-spacer {
	min-height: 0px;
}

#editProperties md-icon.material-icons {
	color: rgba(0, 0, 0, 0.54);
}

#editProperties md-input-container:not(.md-input-invalid).md-input-focused md-icon {
	color: rgb(0, 158, 226);
}

#editProperties .k-picker-wrap .k-icon,
#editProperties .k-datetimepicker .k-picker-wrap .k-icon {
	margin-top: 8px;
}

#editProperties md-select {
	margin: 0px 0 10px;
}

#editProperties md-toolbar {
	background-color: #0074a5;
}

#defaultValues md-icon.material-icons,
#propertiesDescription md-icon.material-icons,
#emojiSettings md-icon.material-icons {
	color: rgba(0, 0, 0, 0.54);
}

.error-messages {
	font-size: 12px;
	line-height: 14px;
	overflow: hidden;
	transition: all .3s cubic-bezier(.55, 0, .55, .2);
	padding-top: 5px;
	color: rgb(221, 44, 0);
}

#editFileProperties md-tabs-wrapper {
	display: none;
}

.drive-viewer-toolchest {
	bottom: 62px !important;
}

/* Step bar progress */
.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
	content: counter(stepNum);
	font-family: inherit;
	font-weight: 700;
}
.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
	background-color: #ededed;
}
.multi-steps {
	display: table;
	table-layout: fixed;
	padding-inline-start: 0px;
	width: 100%;
}
.multi-steps > li {
	counter-increment: stepNum;
	text-align: center;
	display: table-cell;
	position: relative;
	color: #009fe3;
}
.multi-steps > li:before {
	content: '\f00c';
	content: '\2713';
	content: '\10003';
	content: '\10004';
	content: '\2713';
	display: block;
	margin: 0 auto 4px;
	background-color: #fff;
	width: 36px;
	height: 36px;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
	border-width: 2px;
	border-style: solid;
	border-color: #009fe3;
	border-radius: 50%;
}
.multi-steps > li:after {
	content: '';
	height: 2px;
	width: 100%;
	background-color: #009fe3;
	position: absolute;
	top: 19px;
	left: 50%;
	z-index: -1;
}
.multi-steps > li:last-child:after {
	display: none;
}
.multi-steps > li.is-active:before {
	background-color: #fff;
	border-color: #009fe3;
}
.multi-steps > li.is-active ~ li {
	color: #808080;
}
.multi-steps > li.is-active ~ li:before {
	background-color: #ededed;
	border-color: #ededed;
}
/* End step bar progress */

 /* Workflow approval card */
.workflowApprovalCard {
	border: 1px outset;
    border-radius: 5px;
	padding: 10px;
	margin: 10px 10px;
    background-color: #009fe320;
}

.launchWFButtonDiv {
	display: inline;
    text-align: center;
    margin: 15px auto;
}
.launchWFButton {
	background-color: #009fe3 !important;
    padding: 5px 15px;
	font-size: 0.9rem;
	color: #fff !important;
	border-radius: 10px;
}
/* End workflow approval card */

/* 12. FOLDER PROPERTIES */

#folderProperties md-icon.material-icons.delete {
	color: #f00;
	font-size: 20px;
	padding-left: 0px !important
}

#folderProperties md-icon.material-icons.edit {
	color: #2e750c;
	font-size: 20px;
	padding-left: 0px !important
}

/*md-sidenav.properties_panel .layout-gt-sm-row { margin-bottom: -20px; }*/

#folderProperties .editProp.layout-gt-sm-row {
	margin-bottom: 20px !important;
}

#folderProperties .editProp md-input-container {
	width: 100%;
	border-color: rgba(0, 0, 0, 0.15) !important;
}

#folderProperties md-input-container .md-input {
	border-color: rgba(0, 0, 0, 0.15) !important;
	padding-right: 43px;
}

#folderProperties .editingColumnHide {
	display: none !important;
}

#folderProperties .movingColumn {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

md-chips.md-default-theme .md-chips,
md-chips .md-chips,
md-chips.md-default-theme .md-chips,
md-chips .md-chips.md-focused {
	box-shadow: none;
}

.md-chips .md-chip {
	font-size: 13px;
	border-radius: 2px;
	height: 28px;
	line-height: 27px;
	margin: 2px 2px 0 0;
	padding: 0 8px;
	background: #ccc;
	color: #222;
}

.md-chips .md-chip .md-chip-remove md-icon {
	height: 14px;
	width: 14px;
	-webkit-transform: translate3d(-50%, -70%, 0);
	transform: translate3d(-50%, -70%, 0);
}

.md-chips .md-chip-input-container input:not([type]) {
	height: 22px;
	line-height: 22px;
}

md-chips.md-default-theme .md-chip.md-focused,
md-chips .md-chip.md-focused {
	background: rgb(0, 158, 226);
	color: #fff;
}

.md-subheader {
	background-color: #efefef;
	margin: 0.5em 0 2em;
}

md-chip {
	font-size: 13px !important;
}

#propertyBox {
	padding: 5px;
	margin-bottom: 15px;
	-webkit-transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear 0s;
	transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear 0s;
}

#propertyBox md-input-container .md-errors-spacer {
	margin-top: -26px;
}

#propertyBox.empty {
	background-color: rgba(0, 116, 165, 0.18);
	-webkit-transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear 0s;
	transition: transform .25s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0s linear 0s;
}

#propertyBox img.iconPropType {
	margin-top: -6px;
}

md-dialog#selectNewProp {
	min-width: 900px !important;
	min-height: 480px !important;
	max-width: 90%;
	max-height: 90%;
	/*box-shadow: 0px 0px 0px 1000px rgba(0,0,0,.5) !important;*/
	background-color: rgba(0, 0, 0, .85) !important;
}

#folderProperties md-tabs-wrapper {
	display: none;
}

#selectNewProp h2,
#selectNewProp h3 {
	margin-left: 20px;
}

/* 13. CONTEXT MENU */

ul#context-menu {
	font-size: 13px !important;
	color: #00435f;
	width: 220px;
	height: fit-content;
	max-height: unset;
}

ul#context-menu md-icon.material-icons {
	font-size: 20px !important;
	color: #00435f;
}

ul#context-menu li.k-item {
	max-height: 34px;
	border-left: 4px solid #fff;
}

ul#context-menu li.k-item:hover {
	max-height: 34px;
	border-left: 4px solid #00435f;
}

ul#bin-context-menu {
	font-size: 13px !important;
	color: #00435f;
	width: 220px;
}

ul#bin-context-menu md-icon.material-icons {
	font-size: 20px !important;
	color: #00435f;
}

ul#bin-context-menu li.k-item {
	max-height: 34px;
	border-left: 4px solid #fff;
}

ul#bin-context-menu li.k-item:hover {
	max-height: 34px;
	border-left: 4px solid #00435f;
}

/* 
 * The switch:
 */

 md-switch.blue-switch .md-thumb {
    color: rgb(158,158,158); /* not selected switch color */
}

md-switch.blue-switch.md-checked .md-thumb {
    background-color: rgb(255,255,255); /* selected switch color */
}

md-switch.blue-switch[disabled] .md-thumb {
    background-color: rgb(255,255,255); /* disabled switch color */
}

/* 
 * Ripple effect
 */

md-switch.blue-switch .md-ink-ripple { 
   color: purple; /* not selected switch ripple color */
} 
md-switch.blue-switch.md-checked .md-ink-ripple { 
   color: #333; /* selected switch ripple color */ 
}
/* end md-switch for folder properties */

/* md-checkbox for folder properties */
md-checkbox.blue-checkbox .md-icon {
    /*background: red;*/
}
md-checkbox.blue-checkbox .md-ink-ripple {
    /*background: red;*/
}
md-checkbox.blue-checkbox.md-checked .md-icon {
    background: #009EE280;
}
md-checkbox.blue-checkbox.md-checked .md-ink-ripple {
    background: #009EE280;
}
/* end md-checkbox for folder properties */

/* 14. OVERWRITE KENDO */

#mainGrid {
	/*max-height: calc(100% - 46px);*/
	min-height: calc(100% - 101px);
}

.k-grouping-header {
	display: none;
}

#spreadsheet {
	max-height: calc(100% - 101px);
	min-height: calc(100% - 101px);
}

#spreadsheet.gadgetMode {
	max-height: calc(100% - 56px);
	min-height: calc(100% - 56px);
}

.k-spreadsheet-name-editor {
	display: none !important;
}

.k-grid-header .k-header .k-link {
	color: #00435f;
}

.k-grid-header thead {
	font-size: 14px;
}

.k-grid-header .k-grid-filter,
.k-grid-header .k-header-column-menu {
	padding: .814em;
}

.k-grid-header tr:hover {
	background-color: inherit !important;
}

.k-grid {
	font-size: 10px;
}

.k-grid td {
	line-height: 18px;
	font-size: 13px;
	padding: .629em 1.286em
}

.k-filtercell .k-button {
	padding: 6px 14px;
}

.k-grid-header th.k-header,
.k-filter-row th {
	padding: .3em .5em .3em .5em;
	border-bottom: 0px;
}

.k-filter-row th button {
	max-height: 34px;
	box-shadow: none;
}

.k-filter-row th .k-icon {
	opacity: .45;
	vertical-align: middle;
	position: initial;
}

span.k-icon.k-clear-value.k-i-close {
	position: absolute;
}

.k-filter-row th .k-icon .k-i-filter {
	position: initial;
}

.k-numerictextbox span .k-icon {
	position: relative !important;
}

.k-datetimepicker span .k-icon {
	position: relative !important;
	top: 7px !important;
}

.k-animation-container .k-list-container {
	min-width: 200px;
}

.k-textbox>input,
.k-autocomplete .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
	/*height: 1.714em;*/
	line-height: 2em;
	padding: .177em 0;
	font-size: 14px;
}

i.propFile {
	cursor: pointer;
	font-size: 18px;
	color: #00435f;
}

/* Metadata edit icon */

i.propFile:hover {
	color: #009ee2;
}

a:hover #editTemplateIcon {
	color: #009ee2 !important;
}

input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
	margin: 0px;
}

/* kendo grouping bar */

.k-grouping-header {
	background-color: #8cd3f2 !important;
	color: #00435f !important;
}

.k-grouping-header .k-group-indicator {
	background-color: #00435f !important;
	color: #fff !important;
	border-color: #00435f;
}

/* kendo get link window */

.k-window-titlebar.k-header {
	background-color: rgb(0, 95, 135);
}

/*.k-button.k-primary { background-color: rgb(0,95,135) !important;}*/

/* Column menu fix Nov'21*/
.k-animation-container>.k-popup.k-group.k-reset {
	overflow: unset !important;
}

/* 15. TOAST */

md-toast {
	z-index: 1000;
	position: relative;
}

.k-notification-upload-success.k-group {
	background: #323232;
	color: #fff;
}

.k-notification-wrap {
	padding: 1.4em;
}

.upload-success {
	width: 240px;
	height: 100px;
	padding: 0 30px;
	line-height: 100px;
}

.upload-success h3 {
	font-size: 1.7em;
	font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}

.upload-success img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

/* 16. NEWS POPUP */

#updateMessage h1 {
	color: rgb(0, 95, 135);
}

#updateMessage ul li {
	margin-bottom: 6px;
	font-size: 13px;
}

#updateMessage footer {
	float: right;
}

/* 17. FIREFOX HACKS */

@-moz-document url-prefix() {
	md-menu-item span.ng-scope {
		margin: -30px 0px 0px 32px;
	}
	.md-nested-menu>button:nth-child(1)>span {
		margin: -5px 0px 0px 0px;
	}
	.md-nested-menu>button:nth-child(1)>md-icon {
		float: left;
		margin-right: 9px !important;
	}
}

/* 18. IE SUPER HACKS */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.k-grid-content {
		height: auto !important;
	}
	*::-ms-backdrop,
	.k-grid-content {
		height: auto !important;
	}
}

/* 19. EDGE HACKS */

@supports (-ms-accelerator:true) {
	.k-grid-content {
		height: auto !important;
	}
	.k-menu .k-animation-container .k-menu-group {
		min-width: 200px;
	}
}

.md-2-line {
	margin-bottom: -10;
}

.view-details-text {
	font-size: 12px !important
}

tr.k-state-selected i {
	color: white !important;
}

tr.k-state-selected a {
	color: white !important;
}

/* 20. TEMPLATE PANEL */

md-sidenav.template_panel md-input-container {
	width: 100%;
	max-width: 420px;
}

md-sidenav.template_panel md-input-container .md-errors-spacer {
	min-height: 0px;
}

md-sidenav.template_panel md-icon.material-icons {
	color: rgba(0, 0, 0, 0.54);
}

md-sidenav.template_panel md-input-container:not(.md-input-invalid).md-input-focused md-icon {
	color: rgb(0, 158, 226);
}

md-sidenav.template_panel .k-picker-wrap .k-icon,
md-sidenav.template_panel .k-datetimepicker .k-picker-wrap .k-icon {
	margin-top: 8px;
}

md-sidenav.template_panel md-select {
	margin: 0px 0 10px;
}

#templates md-input-container {
	width: 100%;
	max-width: 420px;
}

#templates md-input-container .md-errors-spacer {
	min-height: 0px;
}

#templates md-icon.material-icons {
	color: rgba(0, 0, 0, 0.54);
}

#templates md-input-container:not(.md-input-invalid).md-input-focused md-icon {
	color: rgb(0, 158, 226);
}

#templates .k-picker-wrap .k-icon,
#templates .k-datetimepicker .k-picker-wrap .k-icon {
	margin-top: 8px;
}

#templates md-select {
	margin: 0px 0 10px;
}

#templates md-toolbar {
	background-color: #0074a5;
}

/* 20. NEW DOCS PANEL */

md-sidenav.new_docs_panel md-input-container {
	width: 95%;
}

md-sidenav.new_docs_panel md-input-container .md-errors-spacer {
	min-height: 0px;
}

md-sidenav.new_docs_panel md-icon.material-icons {
	color: rgba(0, 0, 0, 0.54);
}

md-sidenav.new_docs_panel md-input-container:not(.md-input-invalid).md-input-focused md-icon {
	color: rgb(0, 158, 226);
}

md-sidenav.new_docs_panel .k-picker-wrap .k-icon,
md-sidenav.new_docs_panel .k-datetimepicker .k-picker-wrap .k-icon {
	margin-top: 8px;
}

md-sidenav.new_docs_panel md-select {
	margin: 0px 0 10px;
}

#newDocs md-input-container {
	width: 95%;
}

#newDocs md-input-container .md-errors-spacer {
	min-height: 0px;
}

#newDocs md-icon.material-icons {
	color: rgba(0, 0, 0, 0.54);
}

#newDocs md-input-container:not(.md-input-invalid).md-input-focused md-icon {
	color: rgb(0, 158, 226);
}

#newDocs .k-picker-wrap .k-icon,
#newDocs .k-datetimepicker .k-picker-wrap .k-icon {
	margin-top: 8px;
}

#newDocs md-select {
	margin: 0px 0 10px;
}

#newDocs md-toolbar {
	background-color: #0074a5;
}

/*.md-datepicker-input{
color: rgba(0,0,0,0.87);
}*/

span.k-autocomplete {
	width: 100%;
}

fieldset.editPropertiesLookup .md-select-placeholder {
	color: rgba(0, 0, 0, 0.87);
}

#editFileProperties,
#template {
	position: inherit !important;
}

/* Google Scrollbar */

::-webkit-scrollbar {
	width: 7px;
	height: 7px;
}

::-webkit-scrollbar-track {
	background: #FFF;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
	background: #CCC;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
}

::-webkit-scrollbar-thumb:hover {
	background: #AAA;
}

::-webkit-scrollbar-thumb:active {
	background: #888;
	-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* 21. PURCHASE PANEL */

.purchase_panel .md-subheader {
	margin: 0em;
}

.purchase_panel md-list-item,
.purchase_panel md-list-item:before {
	min-height: 38px;
}

.paymentBox {
	height: 40px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	padding: 10px;
}

.paypal {
	margin-left: 10px;
}

/*span.paymentCalculateTitle {

}*/

span.paymentCalculate {
	color: #f55515;
	font-size: 15px;
	float: right;
}

button.purchaseButton {
	background-color: #f55515;
	border: 1px solid #f55515;
}

button.purchaseButton md-icon {
	font-size: 23px;
}

button.purchaseButton.md-icon-button {
	min-height: 34px;
	height: 34px;
	padding: 4px 5px 5px 5px;
	width: 34px;
	margin-right: 14px !important;
}

.paymentInfo {
	font-size: 11px;
	margin-top: 10px;
}

.paymentInfo ul {
	padding: 0px 0px 2px 0px;
}

.paymentInfo ul li {
	padding-left: 10px;
	padding-bottom: 2px;
}

.paymentInfo ul li ul {
	padding: 2px 0px 0px 0px;
}

/*.paymentInfo ul li ul li { }*/

a.backMetadriveButton {
	text-decoration: none;
	font-size: 120%;
	border: 1px solid #009ee2;
	padding: 10px 20px;
}

/* 22. HOME */

#folderPicker img.logo_header {
	border-right: 1px solid #e1e1e1;
	padding-right: 30px;
	margin-right: 11px;
}

#folderPicker .material-icons {
	font-size: 22px;
}

#folderPicker {
	height: 100%;
}

#folderPicker .md-subheader md-icon,
#folderPicker .md-subheader span {
	color: #fff !important;
}

#folderPicker .md-subheader {
	background-color: #0074a5;
}

#folderPicker .md-subheader .md-subheader-inner {
	padding: 11px;
}

#homeInfoPanel {
	padding: 0 17px;
}

#myWorkspace,
#domWorkspace {
	width: 100%;
}

#workspaceContainer {
	max-height: 100%;
}

#workspaceContainer #my_dashboard {
	padding: 0 14px;
}

#user_workspace .k-grid-content,
#dom_workspace .k-grid-content {
	max-height: calc(100% - 213px);
	max-height: -moz-calc(100% - 213px);
	max-height: -webkit-calc(100% - 213px);
}

#user_workspace .k-status,
#dom_workspace .k-status {
	color: #fff;
	font-size: 14px;
}

#folderPicker md-list-item,
#folderPicker md-list-item:before {
	min-height: 34px !important;
}

#info-side-left,
#info-side-right {
	box-sizing: border-box;
	background-color: #fafafa;
	right: 0;
	top: 0;
	z-index: 4;
	min-width: 320px;
	min-height: calc(100% - 120px);
	min-height: -moz-calc(100% - 120px);
	min-height: -webkit-calc(100% - 120px);
	max-height: calc(100% - 120px);
	max-height: -moz-calc(100% - 120px);
	max-height: -webkit-calc(100% - 120px);
	overflow-x: hidden;
}

#info-side-left {
	border-right: 1px solid #e1e1e1;
	height: -webkit-fill-available;
}

#info-side-right {
	border-left: 1px solid #e1e1e1;
	margin-left: 1%;
}

/*#info-side-right md-content {  }*/

.delete-link {
	width: 16px;
	height: 14px;
	background: transparent url("../images/remove.png") no-repeat 50% 50%;
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
	margin: 2px 0 0 3px;
	-webkit-border-radius: 5px;
	-mox-border-radius: 5px;
	border-radius: 5px;
}

.open-link {
	width: 16px;
	height: 14px;
	background: transparent url("../images/open_browser.png") no-repeat 50% 50%;
	overflow: hidden;
	display: inline-block;
	font-size: 0;
	line-height: 0;
	vertical-align: top;
	margin: 2px 0 0 3px;
	-webkit-border-radius: 5px;
	-mox-border-radius: 5px;
	border-radius: 5px;
}

#folderPicker .md-subheader {
	margin: 0px !important;
}

#homeStarred md-list-item {
	min-height: 32px !important;
	padding: 0 29px !important;
	height: 36px !important;
}

img.homeStarredIcon {
	margin-right: 10px;
	vertical-align: bottom;
}

.docsPanelHome {
	font-size: 15px;
	color: #fff !important;
}

#panelbar li span {
	background-color: #0074a5 !important;
	color: #fff;
}

.permission-icon {
	background-color: forestgreen;
	color: white;
	border-radius: 50%;
	height: 26px;
	width: 26px;
	font-size: 20px;
	padding-top: 7px;
	padding-left: 7px;
}

.view-details-icon {
	font-size: 30;
	margin-right: 10px;
	color: rgba(0, 0, 0, 0.54) !important;
	/* esto no va.. */
}

.k-loading-image {
	background-image: none;
}

.non-editable {
	visibility: hidden;
}

.k-loading-color {
	opacity: 0;
}

.progressbar {
	height: 5px;
	margin-bottom: -5px;
	z-index: 60;
	position: relative;
}

.png-icon {
	margin: 5px auto auto;
	padding: 0;
	display: inline-block;
	background-repeat: no-repeat no-repeat;
	pointer-events: none;
}

.k-checkbox:checked+.k-checkbox-label:before {
	background-color: #009ee2;
	border-color: grey;
	color: #fff;
}

.k-checkbox-wrapper {
	vertical-align: text-top !important;
}

/*.k-filter-row th{
	padding: .5em .6em .4em .6em;
	}*/

.k-list-container {
	width: 300px !important;
}

#toast-container {
	position: fixed;
	bottom: 24px;
	left: 24px;
	z-index: 999;
	overflow: visible !important;
}

#moveToToast {
	position: absolute;
	top: 30;
	width: 100%;
}

.md-chip-input-container {
	width: 400px !important;
}

#folderPicker md-tabs-canvas {
	display: none;
}

md-toolbar a.tabLink {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	margin: 7px 10px -7px 10px;
	border-bottom: 3px solid #0074a5;
	padding-bottom: 7px;
	cursor: pointer;
}

md-toolbar a.tabLinkActive {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	margin: 7px 10px -7px 10px;
	border-bottom: 3px solid #fff;
	padding-bottom: 7px;
	cursor: default;
}

md-toolbar a.folderLink {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	margin: 7px 10px -7px 10px;
	padding-bottom: 7px;
	cursor: default;
}

#settingsPage {
	overflow: auto;
}

md-content#settings {
	width: 80%;
	max-width: 940px;
	margin: 0 auto;
	height: calc(100% - 100px);
	overflow: initial;
}

.md-open-menu-container {
	z-index: 999 !important;
}

/*
CHIPS
*/

.chipsdemoContactChips md-content.autocomplete {
	min-height: 250px;
}

.chipsdemoContactChips md-content.autocomplete input {
	min-width: 400px;
}

.chipsdemoContactChips .md-item-text.compact {
	padding-top: 8px;
	padding-bottom: 8px;
}

.chipsdemoContactChips .contact-item {
	box-sizing: border-box;
}

.chipsdemoContactChips .contact-item.selected {
	opacity: 0.5;
}

.chipsdemoContactChips .contact-item.selected h3 {
	opacity: 0.5;
}

.chipsdemoContactChips .contact-item .md-list-item-text {
	padding: 14px 0;
	max-width: 190px;
}

.chipsdemoContactChips .contact-item .md-list-item-text h3 {
	margin: 0 !important;
	padding: 0;
	line-height: 1.2em !important;
}

.chipsdemoContactChips .contact-item .md-list-item-text h3,
.chipsdemoContactChips .contact-item .md-list-item-text p {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

@media screen and (min-width: 960px) {
	.chipsdemoContactChips .contact-item {
		float: left;
		width: 33%;
	}
}

.chipsdemoContactChips md-contact-chips {
	margin-bottom: 10px;
}

.chipsdemoContactChips .md-chips {
	padding: 5px 0 8px;
}

.chipsdemoContactChips .fixedRows {
	height: 250px;
	overflow: hidden;
}

md-chips-wrap {
	margin-left: 40px;
}

md-toast .md-toast-content {
	max-width: 675px;
}

/* Tooltip container */

.tooltip {
	position: absolute;
	/*display: inline-block;*/
	z-index: 60;
	margin-left: 25px;
	top: 70px;
}

/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	min-width: 280px;
	background-color: rgb(97, 97, 97);
	/*#ebebeb;*/
	color: rgba(255, 255, 255, 0.87);
	/*black;*/
	text-align: center;
	padding: 7px 0;
	border-radius: 6px;
	transition-delay: 0.5s;
	font-size: 15px;
	/* Position the tooltip text*/
	position: absolute;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
	/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
	opacity: 0;
	transition: opacity 1s;
	/* this is for the arrow left - optional*/
	left: 18;
	top: -10;
}

/* Show the tooltip text when you mouse over the tooltip container */

.tooltip:hover .tooltiptext {
	visibility: visible;
	/*transition-delay:1s;*/
	opacity: 1;
}

/* Arrow left - OPTIONAL*/

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 20%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent rgb(97, 97, 97) transparent transparent;
}

span.separator {
	border-top: 1px solid rgb(189, 189, 189);
	width: 100%;
	height: 1px;
	display: block;
}

.view-settings-header {
	padding-bottom: 6px;
}

div.view-settings-header b {
	font-size: 14px
}

div.view-settings-content div {
	padding: 6px
}

.view-settings-icons {
	font-size: 19px;
	padding: 4px;
	color: #757575;
}

.icon-link-circle {
	display: -webkit-inline-box;
	max-width: 16px;
	padding: 7px;
	background-color: white;
	border-radius: 50%;
	margin-right: 5px;
}

.k-grid-norecords {
	height: auto;
}

.edit-dialog-workspace {
	display: table-cell;
	min-width: 300px;
}

/*Para que no se seleccione el texto cuando haces dobleclick en un last folders o un teamdrive*/

span.k-in {
	-webkit-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-ms-user-select: none;
}

.md-dialog-container {
	z-index: 102;
}

button.md-icon-button.saveEditDatasheet.md-button[disabled].md-ink-ripple>md-icon {
	color: #aaa !important;
}

md-switch[disabled] .md-bar  {
	background-color: rgba(51, 51, 51, .15)!important;
}
md-switch[disabled] .md-thumb {
    background-color: rgb(255,255,255)!important;
}

md-toolbar.md-has-open-menu {
	z-index: 2 !important;
}

md-tabs-content-wrapper, md-tab {
	height: 100%;
}

md-tab-content {
	height: 100%;
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}

#editFileProperties md-tab-content {
	height: 100%;
}

/* 23. EDIT DATASHEET */

.k-calendar .k-content .k-link {
	min-height: auto !important;
	line-height: inherit !important;
	padding: 0;
	text-align: center;
}

/* TRANSITIONS TO FORMS */

.view-container {
	position: absolute;
	width: 100%;
	z-index: 100;
	height: -webkit-fill-available;
	top: 55px;
}

.view-container.ng-enter,
.view-container.ng-leave {
	transition: 0.5s linear all;
}

.view-container.ng-enter {
	transform: translateX(100%);
}

.view-container.ng-enter.ng-enter-active,
.view-container.ng-leave {
	transform: translateX(0%);
}

.view-container.ng-leave.ng-leave-active {
	transform: translateX(100%);
}

.teamDriveThumbnail {
	position: relative;
	width: 24px;
	height: 24px;
	overflow: hidden;
	margin-right: 10px;
	border-radius: 4px;
	display: inline-block;
}

.teamDriveThumbnail img {
	position: absolute;
	left: 30%;
	top: 50%;
	height: 100%;
	width: auto;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*#groupingButtons {
position: absolute;
background-color: #8cd3f2 !important;
color: #00435f !important;
border-color: #e6e6e6;
padding-left: 6px;
}

.k-grouping-header{
margin-left: 111px;
}*/

.md-open-menu-container {
	z-index: 110 !important;
}

/*
GRID - ROW UPDATE ANIMATION
*/

.gridUpdateRow {
	animation-name: gridUpdate;
	animation-duration: 5s;
	animation-iteration-count: 1;
	/* Safari 4.0 - 8.0 */
	-webkit-animation-name: gridUpdate;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: 1;
}

@keyframes gridUpdate {
	0% {
		background: #b2e1f6
	}
	/*25%   {background: #66c4ee}
50%   {background: #b2e1f6}
75%   {background: #d8f0fa}*/
	100% {
		background: #ffffff
	}
}

/* Safari 4.0 - 8.0 */

@-webkit-keyframes example {
	0% {
		background: #b2e1f6
	}
	/*25%   {background: #66c4ee}
50%   {background: #b2e1f6}
75%   {background: #d8f0fa}*/
	100% {
		background: #ffffff
	}
}

/*
EMOJI PROPERTIES
*/

.fontAwesomeRed {
	color: #F44336;
}

.fontAwesomeYellow {
	color: #FFEB3B;
}

.fontAwesomeGreen {
	color: #4CAF50;
}

.fontAwesomeOrange {
	color: #FF9800;
}

.fontAwesomeBlue {
	color: #2196F3;
}

.fontAwesomeGreenToWhite1,
.fontAwesomeGreenToWhiteReversed1 {
	color: #66BB6A;
}

.fontAwesomeGreenToWhite2,
.fontAwesomeGreenToWhiteReversed2 {
	color: #81C784;
}

.fontAwesomeGreenToWhite3,
.fontAwesomeGreenToWhiteReversed3 {
	color: #A5D6A7;
}

.fontAwesomeGreenToWhite4,
.fontAwesomeGreenToWhiteReversed4 {
	color: #C8E6C9;
}

.fontAwesomeGreenToWhite5,
.fontAwesomeGreenToWhiteReversed5 {
	color: #E8F5E9;
}

.fontAwesomeRedToWhite1,
.fontAwesomeRedToWhiteReversed1 {
	color: #EF5350;
}

.fontAwesomeRedToWhite2,
.fontAwesomeRedToWhiteReversed2 {
	color: #E57373;
}

.fontAwesomeRedToWhite3,
.fontAwesomeRedToWhiteReversed3 {
	color: #EF9A9A;
}

.fontAwesomeRedToWhite4,
.fontAwesomeRedToWhiteReversed4 {
	color: #FFCDD2;
}

.fontAwesomeRedToWhite5,
.fontAwesomeRedToWhiteReversed5 {
	color: #FFEBEE;
}

.fontAwesomeGreenYellowRed1 {
	color: #57BB8A;
}

.fontAwesomeGreenYellowRed2 {
	color: #ABC978;
}

.fontAwesomeGreenYellowRed3 {
	color: #FFD666;
}

.fontAwesomeGreenYellowRed4 {
	color: #F3A96D;
}

.fontAwesomeGreenYellowRed5 {
	color: #E67C73;
}

/*  TOOLTIP DESCRIPTION IN PROPERTY */

.descriptionProp {
	font-size: 13px;
}

/*  CHECKBOXES TEXT VERTICAL ALIGNMENT  */

md-checkbox .md-label {
	padding-top: 3px;
}

/*  GDPR TEXTS */

.gdpr-text {
	text-align: justify;
	padding-right: 10px;
	padding-left: 10px;
}

/*  PRIVACY POLICY  */

#privacy ul,
ol {
	margin: 0px 40px;
}

#privacy h3,
h1 {
	color: #009ee2;
}

#privacy footer p {
	color: #009ee2;
}

.area {
	width: 95%;
	margin: auto;
	margin-top: 20px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 14px 0 rgba(0, 0, 0, 0.19) !important;
}

@media screen and (min-width: 750px) {
	.area {
		margin: auto;
		width: 60%;
		margin-top: 20px;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 14px 0 rgba(0, 0, 0, 0.19) !important;
	}
}

#mandaProgress path {
	stroke: white;
}

#progressMandatory.mandatoryGreen .md-container .md-bar {
	background-color: #4CAF50
}

#progressMandatory.mandatoryRed .md-container {
	background-color: #FFCDD2;
}

#progressMandatory.mandatoryRed .md-container .md-bar {
	background-color: #F44336;
}

/*  DESCRIPTION HINTS BELOW INPUTS  */

.hint {
	display: inline-block;
	left: 36px;
	right: auto;
	bottom: 0px;
	padding-top: 5px;
	font-size: 12px;
	line-height: 14px;
	transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
	color: grey;
}

.hint.ng-hide,
.hint.ng-enter,
.hint.ng-leave.ng-leave-active {
	bottom: 26px;
	opacity: 0;
}

.hint.ng-leave,
.hint.ng-enter.ng-enter-active {
	bottom: 7px;
	opacity: 1;
}

.contact-wf-info {
	padding: 7px;
}

.workflowActionsFieldset {
	color: rgba(0, 0, 0, 0.87);
	border: outset;
	border-radius: 10px;
	background-color: #009EE210;
}

.workflowActionsLegend {
	padding: 5px 10px;
	font-size: medium;
}

.tab-content-wf {
	overflow: scroll;
}

.fileNameProperties {
	font-size: 20;
	text-decoration: none !important;
	color: #fff !important; 
}
.fileNameProperties:hover {
	font-size: 20;
	text-decoration: none !important;
	color: #fff !important;
}

/* md-switch for folder properties */
/* 
 * The bar:
 */

 md-switch.blue-switch .md-bar {
    /* background-color: #333; /* set not selected bar color */
}

md-switch.blue-switch.md-checked .md-bar {
    background-color: #94bcec; /* set selected bar color */
}

md-switch.blue-switch[disabled] .md-bar {
    background-color: rgba(51, 51, 51, .15); /* set disabled bar color */
}

.showTooltipWhenDisabled:disabled {
	z-index: -1;
}

button.md-button:disabled md-icon.grayIfButtonDisabled {
	color: gray!important;
}