/* FONT NEXA */
@font-face {
    font-family: 'Nexa';
	src: local(Nexa Regular),
    	url('../fonts/nexa/nexa_bold-webfont.eot');
	src: local(Nexa Regular),
    	url('../fonts/nexa/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa/nexa_bold-webfont.woff2') format('woff2'),
         url('../fonts/nexa/nexa_bold-webfont.woff') format('woff'),
         url('../fonts/nexa/nexa_bold-webfont.ttf') format('truetype'),
         url('../fonts/nexa/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: 400;
    font-style: normal;
	font-display:swap;
}
@font-face {
    font-family: 'Nexa';
	src: local(Nexa Regular),
    	url('../fonts/nexa/nexa_bold-webfont.eot');
	src: local(Nexa Regular),
    	url('../fonts/nexa/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa/nexa_bold-webfont.woff2') format('woff2'),
         url('../fonts/nexa/nexa_bold-webfont.woff') format('woff'),
         url('../fonts/nexa/nexa_bold-webfont.ttf') format('truetype'),
         url('../fonts/nexa/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: 500;
    font-style: normal;
	font-display:swap;
}
@font-face {
    font-family: 'Nexa';
	src: local(Nexa Bold),
    	url('../fonts/nexa/nexa_bold-webfont.eot');
	src: local(Nexa Bold),
    	url('../fonts/nexa/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa/nexa_bold-webfont.woff2') format('woff2'),
         url('../fonts/nexa/nexa_bold-webfont.woff') format('woff'),
         url('../fonts/nexa/nexa_bold-webfont.ttf') format('truetype'),
         url('../fonts/nexa/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: 700;
    font-style: normal;
	font-display:swap;
}
@font-face {
    font-family: 'Nexa';
	src: local(Nexa Thin),
    	url('../fonts/nexa/nexa_light-webfont.eot');
	src: local(Nexa Thin),
    	url('../fonts/nexa/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa/nexa_light-webfont.woff2') format('woff2'),
         url('../fonts/nexa/nexa_light-webfont.woff') format('woff'),
         url('../fonts/nexa/nexa_light-webfont.ttf') format('truetype'),
         url('../fonts/nexa/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: 100;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Nexa';
	src: local(Nexa Light),
    	url('../fonts/nexa/nexa_light-webfont.eot');
	src: local(Nexa Light),
    	url('../fonts/nexa/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/nexa/nexa_light-webfont.woff2') format('woff2'),
         url('../fonts/nexa/nexa_light-webfont.woff') format('woff'),
         url('../fonts/nexa/nexa_light-webfont.ttf') format('truetype'),
         url('../fonts/nexa/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: 300;
    font-style: normal;
	font-display: swap;
}

body{
	font-family:'Nexa', Arial, sans-serif;
	font-weight: normal;
}
/* ============ 
	ICONE GAINSECONDS
  ============= */

@font-face {
  font-family: 'gainseconds';
  src:  url('../fonts/gain-icons/gainseconds.eot?cwpgeh');
  src:  url('../fonts/gain-icons/gainseconds.eot?cwpgeh#iefix') format('embedded-opentype'),
    url('../fonts/gain-icons/gainseconds.ttf?cwpgeh') format('truetype'),
    url('../fonts/gain-icons/gainseconds.woff?cwpgeh') format('woff'),
    url('../fonts/gain-icons/gainseconds.svg?cwpgeh#gainseconds') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'gainseconds-files';
  src:  url('../fonts/gain-icons/gainseconds-files.eot?oendu5');
  src:  url('../fonts/gain-icons/gainseconds-files.eot?oendu5#iefix') format('embedded-opentype'),
    url('../fonts/gain-icons/gainseconds-files.ttf?oendu5') format('truetype'),
    url('../fonts/gain-icons/gainseconds-files.woff?oendu5') format('woff'),
    url('../fonts/gain-icons/gainseconds-files.svg?oendu5#gainseconds-files') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="filetype-"], [class*=" filetype-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'gainseconds-files' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"], [class*=" icon-"] {
  font-family: 'gainseconds' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gs-accordion-filter:before {
  content: "\e900";
}
.icon-gs-add:before {
  content: "\e901";
}
.icon-gs-add-appointment:before {
  content: "\e902";
}
.icon-gs-add-bgfull:before {
  content: "\e903";
  color: #6d4fd1;
}
.icon-gs-add-log:before {
  content: "\e904";
}
.icon-gs-add-task:before {
  content: "\e905";
}
.icon-gs-agenda:before {
  content: "\e906";
}
.icon-gs-agenda-2:before {
  content: "\e907";
}
.icon-gs-appointment:before {
  content: "\e908";
}
.icon-gs-area:before {
  content: "\e909";
}
.icon-gs-attachements:before {
  content: "\e90a";
}
.icon-gs-bag:before {
  content: "\e90b";
}
.icon-gs-box-checked:before {
  content: "\e90c";
}
.icon-gs-box-unchecked:before {
  content: "\e90d";
}
.icon-gs-chrono:before {
  content: "\e90e";
}
.icon-gs-chunk-size:before {
  content: "\e90f";
}
.icon-gs-chunk-size-2:before {
  content: "\e910";
}
.icon-gs-clock:before {
  content: "\e911";
}
.icon-gs-close:before {
  content: "\e912";
}
.icon-gs-completion:before {
  content: "\e913";
}
.icon-gs-deadline:before {
  content: "\e914";
}
.icon-gs-deadline-2:before {
  content: "\e915";
}
.icon-gs-deadline-3:before {
  content: "\e916";
}
.icon-gs-delete:before {
  content: "\e917";
}
.icon-gs-edit:before {
  content: "\e918";
}
.icon-gs-end-setting:before {
  content: "\e919";
}
.icon-gs-filter:before {
  content: "\e91a";
}
.icon-gs-forgot:before {
  content: "\e91b";
}
.icon-gs-image:before {
  content: "\e91c";
}
.icon-gs-inbox:before {
  content: "\e91d";
}
.icon-gs-labels:before {
  content: "\e91e";
}
.icon-gs-letter:before {
  content: "\e91f";
}
.icon-gs-location:before {
  content: "\e920";
}
.icon-gs-lock:before {
  content: "\e921";
}
.icon-gs-logout:before {
  content: "\e922";
}
.icon-gs-logs:before {
  content: "\e923";
}
.icon-gs-menu:before {
  content: "\e924";
}
.icon-gs-menu-2:before {
  content: "\e925";
}
.icon-gs-note:before {
  content: "\e926";
}
.icon-gs-paint:before {
  content: "\e927";
}
.icon-gs-parent:before {
  content: "\e928";
}
.icon-gs-pdf:before {
  content: "\e929";
}
.icon-gs-percentage-done:before {
  content: "\e92a";
}
.icon-gs-percentage-done-1:before {
  content: "\e92b";
}
.icon-gs-percentage-done-2:before {
  content: "\e92c";
}
.icon-gs-percentage-done-3:before {
  content: "\e92d";
}
.icon-gs-play-setting:before {
  content: "\e92e";
}
.icon-gs-priority:before {
  content: "\e92f";
}
.icon-gs-refresh:before {
  content: "\e930";
}
.icon-gs-repeat:before {
  content: "\e931";
}
.icon-gs-save:before {
  content: "\e932";
}
.icon-gs-search:before {
  content: "\e933";
}
.icon-gs-settings:before {
  content: "\e934";
}
.icon-gs-task:before {
  content: "\e935";
}
.icon-gs-tolerance:before {
  content: "\e936";
}
.icon-gs-user:before {
  content: "\e937";
}
.icon-gs-word:before {
  content: "\e938";
}

.filetype-avi:before {
  content: "\e900";
}
.filetype-bmp:before {
  content: "\e901";
}
.filetype-doc:before {
  content: "\e902";
}
.filetype-docx:before {
  content: "\e903";
}
.filetype-dwg:before {
  content: "\e904";
}
.filetype-gif:before {
  content: "\e905";
}
.filetype-pdf:before {
  content: "\e906";
}
.filetype-word:before {
  content: "\e907";
}
.filetype-htm:before {
  content: "\e908";
}
.filetype-html:before {
  content: "\e909";
}
.filetype-iso:before {
  content: "\e90a";
}
.filetype-jpg:before {
  content: "\e90b";
}
.filetype-mov:before {
  content: "\e90c";
}
.filetype-mp3:before {
  content: "\e90d";
}
.filetype-mp4:before {
  content: "\e90e";
}
.filetype-mpg:before {
  content: "\e90f";
}
.filetype-none:before {
  content: "\e910";
}
.filetype-odt:before {
  content: "\e911";
}
.filetype-ppt:before {
  content: "\e912";
}
.filetype-psd:before {
  content: "\e913";
}
.filetype-rar:before {
  content: "\e914";
}
.filetype-rtf:before {
  content: "\e915";
}
.filetype-sql:before {
  content: "\e916";
}
.filetype-tiff:before {
  content: "\e917";
}
.filetype-txt:before {
  content: "\e918";
}
.filetype-wav:before {
  content: "\e919";
}
.filetype-xls:before {
  content: "\e91a";
}
.filetype-xlsx:before {
  content: "\e91b";
}
.filetype-xml:before {
  content: "\e91c";
}
.filetype-zip:before {
  content: "\e91d";
}


/* ============ 

      GENERAL

  ============= */


#mainGainWrap {height: 100%;}

a, .btn, i,i:before,i:after{
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}
.page-footer{padding-top:20px;box-sizing:border-box;height:44px;}
body .material-tooltip{
	color:#7468af;
	border: 2px solid #7468af;
	border-radius: 5px;
	padding: 5px 10px;
	background-color:#fff;
	line-height: 22px;
}
body .material-tooltip .backdrop{background-color:#fff;}


.simplebar-track.vertical:before{
	content:" ";
	position:absolute;
	top:-3px;
	right:2.3px;
	width:0;
	height:0;
	border: solid 3.6px transparent;
	border-bottom-color: #7468af;
	display: inline-block;
	opacity:0.8;
}
.simplebar-track.vertical:after{
	content:" ";
	position:absolute;
	bottom:-3px;
	right:2.3px;
	width:0;
	height:0;
	border: solid 3.6px transparent;
	border-top-color: #7468af;
	display: inline-block;
	opacity:0.8;
}
.btn {height:26px;line-height:26px;padding:0 1.8em;text-transform:none;}

/* ====== HEADER ====== */
#header .right-head-holder {
  margin-left: 320px;
	text-align:center;
}
#header .right-head-holder-inner {
	width:calc(98% - 1rem);
	text-align:left;
	margin:auto;
}
nav ul a.toggle-fullscreen{
	display: inline-block;
	position:relative;
	margin-top:-5px;
	color:#ddd;
}
nav ul a.toggle-fullscreen:hover,nav ul a.toggle-fullscreen:focus{
	transform: scale(1.3);
	color:#7468af;
}
nav ul li .user-name{padding:8px;}
nav ul a.header-logout{
	line-height:1.3rem;
	color:#7468af;
	border:2px solid #7468af;
	border-radius:5px;
	padding:5px 10px;
	background-color:#fff;
	display: inline-block;
	position:relative;
}
nav ul a.header-logout:hover,nav ul a.header-logout:focus{
	background-color:#7468af !important;
	color:#fff;
}
.event-previes-notes {
    overflow: auto;
}
.panel-fullwidth {
    width: 100% !important;
    box-shadow : none !important;     
}
#profile-dropdown.dropdown-content{margin-top:-15px;}
a.profile-button{padding-left:6px;padding-right:6px;margin-right:-6px;}
a.profile-button:hover,a.profile-button:focus,a.profile-button.active{background-color:#fafafa !important;}
nav ul li .avatar-status-wrap {vertical-align: middle;display:table-cell;}
nav ul li .avatar-status{margin:auto;position:relative;background-position:center center;background-size:cover;background-repeat:no-repeat;}
nav ul li .user-name{max-width:170px;white-space: nowrap;overflow:hidden;display:table-cell;vertical-align: middle;padding:0 8px;}


/* ===== /HEAD ===== */


#previewLogNoteList {
	width: 100%;
}
.event-preview-header{
	padding: 23px;
	background-color: #5d4b9f;
}
.event-preview-header h4 {margin:0;color:#fff;}
#modalEventPreview .fixed-action-btn, #modalLogPreview .fixed-action-btn {
	bottom: none;
	top:18px;
}
.calendar-trash {
	border: 1px dashed #aaa;
	width: 100%;
	height: 90px;
	text-align: center;
	padding: 10px;
	color:#5e5e5f;
	background-color:#d6d7d9;
	border-radius:12px;
}

#calendarAR .fc-right, #calendarTL .fc-right {
	display: none !important;
}

.calendar-trash i {
	font-size: 44px;
}
.calendar-trash span {font-size:20px;line-height: 10px;}


.drag-event{
border: 1px solid #838383;
/*width: 80%;*/
height: 30px;
font-size: 15px;

padding: 2px 15px;
margin-bottom: 5px;
border-radius: 7px;
}

#modalEventPreview i{
	margin-right: 10px;
}
.noteDateTime {
	font-size:12px;
	color: gray;
}

#row_event_fullday {
	margin-top: 2.5em !important;
}

#category_nestable-output, #project_nestable-output {
	display: none;
}

a.removeCategoryBtn, a.editCategoryBtn{
	cursor: pointer;
}
.no-border {
 border-bottom: none !important;
}


/* ===== SIMPLEBAR ==== */

body .simplebar-track{z-index:999;}
html .simplebar-scrollbar:before{background-color:#4c3993;}
body .simplebar-scrollbar:before{border-radius:0;}


/* ===== BOTTOMRIGHT FIXED MENU ==== */

#main > .wrapper > .fixed-action-btn{
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	padding-bottom:15px;
	padding-right:15px;
	bottom:0;
	right:0;
	transform:translate(25px, 18px);
}
#main > .wrapper > .fixed-action-btn ul {right:15px;}
#main > .wrapper > .fixed-action-btn .btn-floating.btn-large {transform:scale(0.55);}

#main > .wrapper > .fixed-action-btn:hover .btn-floating.btn-large, #main > .wrapper > .fixed-action-btn:focus .btn-floating.btn-large, #main > .wrapper > .fixed-action-btn .btn-floating.btn-large:hover, #main > .wrapper > .fixed-action-btn .btn-floating.btn-large:focus{transform:scale(1);}
#main > .wrapper > .fixed-action-btn:hover, #main > .wrapper > .fixed-action-btn:focus{transform:translate(0, 0);}

#main > .wrapper > .fixed-action-btn a {background-color:#5d4b9f;}
#main > .wrapper > .fixed-action-btn ul .btn-floating {border-radius:10px;background-color:#847ab9;}
#main > .wrapper > .fixed-action-btn ul .btn-floating i{font-size: 2.4rem;}
#main > .wrapper > .fixed-action-btn a:hover,#main > .wrapper > .fixed-action-btn a:focus,.fixed-action-btn.active > a{background-color:#7468af;}
#main > .wrapper > .fixed-action-btn.active > a > i{transform:rotate(45deg);}
#main .wrapper .fixed-action-btn:hover ul,#main .wrapper .fixed-action-btn:focus ul,#main .wrapper .fixed-action-btn:active ul{visibility:visible}
#main .wrapper .fixed-action-btn:hover ul .btn-floating,#main .wrapper .fixed-action-btn:focus ul .btn-floating,#main .wrapper .fixed-action-btn:active ul .btn-floating{
	transform: scaleY(1) scaleX(1) translateY(0px) translateX(0px) !important;
	opacity: 1 !important;
}
#main > .wrapper > .fixed-action-btn:hover > a > i,#main > .wrapper > .fixed-action-btn:focus > a > i,#main > .wrapper > .fixed-action-btn:active > a > i{transform:rotate(45deg);}

/* ===== LEFT SIDEBAR ===== */

i.my-life-dot{position:relative;}
i.my-life-dot:before{content:"";width:0.9rem;height:0.9rem;border-radius:1rem;background-color:#c1c1c1;display:inline-block;}
.collection-wrap{min-height:150px;margin-bottom:5px;position:relative;overflow:hidden;}
.collection {max-height:none;max-height:unset;margin: 10px 0 10px 0;background-color:#fff;}
.sidebar-tabs-container{left:0;right:0;top:50px;bottom:0;overflow:hidden;position:absolute !important;}
.collection.with-header .collection-item{overflow:hidden;}
#slide-out.side-nav li a.collection-item,#slide-out.side-nav li a.treeProject  {background-color:#e6e7e7;color:#5e6060;position:relative;}
#slide-out.side-nav li a.collection-item:hover,#slide-out.side-nav li a.collection-item:focus,#slide-out.side-nav li a.treeProject:hover,#slide-out.side-nav li a.treeProject:focus,#slide-out.side-nav li a.treeProject.collapsible-header.active,#slide-out.side-nav.fixed .collapsible-body li a.treeProject.active,#slide-out.side-nav.fixed .collapsible-body li a.treeProject.active:hover,#slide-out.side-nav.fixed .collapsible-body li a.treeProject.active:focus,#slide-out.side-nav ul.level3 > li > a.treeProject.tree-selected,#slide-out.side-nav ul.level3 > li > a.treeProject.tree-selected:hover,#slide-out.side-nav ul.level3 > li > a.treeProject.tree-selected:focus{background-color:#f1f2f2;}
#slide-out.side-nav li a.collection-item.preview-task {padding-right:40px;}
#slide-out.side-nav li a.collection-item.preview-task i{position:absolute;right:10px;top:0;margin:0;font-size: 1.2rem;}
#slide-out.side-nav.fixed .collapsible-body li a.treeProject {padding: 0 15px 0 2em;background-color:#d6d7d9;}
#slide-out.side-nav.fixed .collapsible-body li a.treeProject:focus,#slide-out.side-nav.fixed .collapsible-body li a.treeProject:hover{background-color:#cacbcd;}
#slide-out.side-nav li.bold > a.treeProject.collapsible-header{padding-right:40px;}
#slide-out.side-nav ul.level3 > li > a.treeProject {padding-left:3rem !important;height:32px;line-height:32px;}
#slide-out.side-nav ul.level3 > li > a.treeProject i.rotated {transform:rotate(-90deg);font-size: 0.7rem !important;height:32px;line-height:32px;}
#slide-out.side-nav li a.treeProject.collapsible-header i.my-life-dot{width:1rem;margin-right:0.5rem;}
#slide-out.side-nav li a.treeProject.collapsible-header i.icon-gs-accordion-filter {position:absolute;right:10px;top:0;margin:0;font-size: 1rem;}
#slide-out.side-nav li a.treeProject.collapsible-header i.icon-gs-accordion-filter:before {transform:rotate(-90deg);display:inline-block;}
#slide-out.side-nav li a.treeProject.collapsible-header.active i.icon-gs-accordion-filter:before {transform:rotate(0);}
#slide-out.side-nav li a.treeProject.collapsible-header:after {display:none !important;content:"" !important;}

.modal-scrollcontent-inner .collapsible {border:none !important;}
.modal-scrollcontent-inner .collapsible .collapsible-body{padding:0;border:none;}
.modal-scrollcontent-inner .collapsible .collapsible-body form.col.s12{float:none;}

.tabs .indicator {display:none !important;}
#slide-out ul.tabs,#slide-out ul.tabs .tab a,#mainTab.tabs {background-color:#5d4b9f;padding:0;height:50px;line-height:50px;}
#slide-out ul.tabs .tab{width:33.33%;height:50px;line-height:50px;}
#mainTab.tabs .tab {height:50px;line-height:50px;min-width: 20%;width:auto;}
#mainTab.tabs a {color:#fff;font-size:18px;}

#slide-out ul.tabs .tab a i {float:none;margin:auto;color:#fff;font-size:33px;height:50px;line-height:50px;}
#slide-out ul.tabs .tab a i.icon-gs-add-appointment{font-size:36px;}
#slide-out ul.tabs .tab a:hover,#slide-out ul.tabs .tab a:focus,#slide-out ul.tabs .tab a.active,#mainTab.tabs a:hover,#mainTab.tabs a:focus,#mainTab.tabs a.active {background-color:#7468af;color:#fff;}

#left-sidebar-nav .collection.with-header {margin:0;border:0;border-radius:0;background-color:#d6d7d9;padding:10px;height:40px;}
#left-sidebar-nav .collection.with-header h6.task-card-title{line-height:20px;white-space:nowrap;color:#5d4b9f !important;font-weight:normal !important;font-size:1.1em;}
#quick_task_add.btn{line-height: 32px;height: 32px;text-transform:none;background-color:#5d4b9f;font-size: 1.1rem;box-shadow:none;margin-top:9px;margin-bottom:9px;}
#quick_task_add.btn:hover,#quick_task_add.btn:focus{background-color:#7468af;}
#quick_task_add.btn i {float:left;margin-right:1.5rem;}
#left-sidebar-nav #myLife .scrolling-block, #left-sidebar-nav #taskLog .scrolling-block{
	position:absolute;
	top:40px;
	bottom:0;
	left:0;
	right:0;
}
#left-sidebar-nav #inBox .scrolling-block{
	position:absolute;
	top:90px;
	bottom:0;
	left:0;
	right:0;
}


#detailsFiles #card-alert.card, #detailsLog #card-alert.card, #detailsCal #card-alert.card, #detailsTask #card-alert.card{background-color:transparent !important;box-shadow:none !important;font-size:1.1rem;text-align:center;}
#detailsFiles #card-alert.card .card-content p, #detailsLog #card-alert.card .card-content p, #detailsCal #card-alert.card .card-content p, #detailsTask #card-alert.card .card-content p{color:#5d4b9f !important;margin:auto;position:relative;display:inline-block;padding:10px 15px;border:2px solid #5d4b9f;}

/* ===== DETAILS AREA ===== */

#taskCardRow #task-card.collection {margin:20px 0 0 0;}
#taskCardRow #task-card.collection,#taskCardRow #task-card.collection li.collection-header {border:none;background:transparent;border-radius:0;}
#taskCardRow #task-card.collection li.collection-header{padding:0;}
#taskCardRow #task-card .collection-header h5.task-card-title {background-color:#5d4b9f;font-weight:400;font-size: 1.2rem;line-height:20px;padding:8px 25px;display:inline-block;}
#taskCardRow #task-card .task-card-date {color:#5d4b9f;font-weight:400;font-size: 1.3rem;line-height:20px;padding:8px 10px;display:inline-block;}
#detailsRow1 #task-card.collection, #detailsRow2 #task-card.collection {margin:20px 0 0 0;border:none;background-color:#e7e7e7;}
#detailsRow1 #task-card.collection .collection-item, #detailsRow2 #task-card.collection .collection-item {background-color:transparent;}
#detailsRow1 #task-card.collection li.collection-header, #detailsRow2 #task-card.collection li.collection-header{border:none;background:transparent;border-radius:0;padding:0;}
#detailsRow1 #task-card.collection li.collection-header .task-card-title, #detailsRow2 #task-card.collection li.collection-header .task-card-title {background-color:#5d4b9f;font-weight:400;font-size: 1.3rem;line-height:20px;padding:8px 25px;}


/* ===== DETAILS AREA > CALENDAR ===== */

/*#detailsCal .datepicker-panel > ul > li {
	-moz-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}*/
#detailsCal .datepicker-panel > ul > li[data-view="years prev"], #detailsCal .datepicker-panel > ul > li[data-view="year prev"], #detailsCal .datepicker-panel > ul > li[data-view="month prev"], #detailsCal .datepicker-panel > ul > li[data-view="years next"], #detailsCal .datepicker-panel > ul > li[data-view="year next"], #detailsCal .datepicker-panel > ul > li[data-view="month next"], #detailsCal .datepicker-panel > ul > li[data-view="next"] {
    font-size: 18px;
}

#detailsCal .collection-item > .details-datepicker-container {margin:0 -3px -3px 0;background-color:transparent;}
#detailsCal .collection.with-header .collection-item {padding:0;}
#detailsCal .datepicker-hide {display: none !important;}
#detailsCal .datepicker-container {border:0;width:100%;background-color:transparent;}
#detailsCal .datepicker-panel {color:#7468af;overflow:hidden;}
#detailsCal .datepicker-panel > ul[data-view="days"]{margin-bottom:-5px;}
#detailsCal .datepicker-panel > ul{width:100%;position:relative;}
#detailsCal .datepicker-panel > ul > li.picked, #detailsCal .datepicker-panel > ul > li.picked:hover {background-color: #7468af !important;border-radius: 0;}
#detailsCal .datepicker-panel > ul > li.highlighted {border-radius: 0;background-color:rgba(103,91,167,0.2);color:#7468af;}
#detailsCal .datepicker-panel > ul > li{
	background-color:transparent;
	height: 18.8px;
	line-height: 18.8px;
	min-height: 18.8px;
	border-top:0 !important;
	border-left:0 !important;
	border-bottom:3px solid #c6c4c5;
	border-right:3px solid #c6c4c5;
	font-size: 1.2rem;
}
#detailsCal .datepicker-panel > ul[data-view="days"] > li:hover{background-color:rgba(0,0,0,0.05);}
#detailsCal .datepicker-panel > ul[data-view="days"] > li.muted:hover{background-color:transparent;}
#detailsCal .datepicker-panel > ul > li.muted, #detailsCal .datepicker-panel > ul > li.muted:hover {color: #c6c4c5;}
#detailsCal .datepicker-panel > ul[data-view="week"]{color:#fff;background-color:#c6c4c5;}
#detailsCal .datepicker-panel > ul > li[data-view="month current"]{float:none;width:100%;}
#detailsCal .datepicker-panel > ul > li[data-view="month prev"]{float:none;position:absolute;left:0;top:0;bottom:3px;height:auto;min-height:6px;border:none !important;}
#detailsCal .datepicker-panel > ul > li[data-view="month next"]{float:none;position:absolute;right:0;top:0;bottom:3px;height:auto;min-height:6px;border:none !important;}
#detailsCal .datepicker-panel > ul[data-view="week"] li,#detailsCal .datepicker-panel > ul[data-view="days"] li{
	width:14.2857143%;
	-moz-width:calc(14.2857143%);
	-webkit-width:calc(14.2857143%);
	width:calc(14.2857143%);
}

/* ===== DETAILS AREA > ATTACHMENT ===== */

#detailsFiles .atch-icon, .atch-icon {color:#5d5f5e;font-size:2.2rem;margin-right:2rem;}
#detailsFiles .collection-item label{position:relative;}
#detailsFiles .collection-item a {font-size:1.2rem;color:#5d4b9f;display:inline-block;width:100%;padding:10px 5px 10px 50px;position:relative;min-height:33px;}
#detailsFiles .collection-item a i {position:absolute;top:50%;margin-top:-18px;left:0;}
#detailsFiles .collection-item label img {float:left;margin-right:8px;width:auto;height:60px;max-width:55%;}
#detailsFiles .collection-item .atch-name{padding:18px 5px;display:inline-block;}


/* ====== TIMELINE AREA ===== */

#detailsTaskTL {margin:20px 0 0 0;padding:5px 0;background-color: #e6e7e7;}
#detailsTaskTL > .collection {background-color:transparent;}
#task-cardz.collection{margin:0 !important;border:none !important;}
#task-cardz.collection ul.collection-timeline-wrap {margin:0;}
#task-cardz.collection li.collection-item{padding:0;border:none !important;}
#task-cardz.collection li.collection-item a.preview-task {padding:4px 26px 4px 16px;background-color:#e6e7e7;color:#5d5e5f;font-size:1.1rem;box-sizing:border-box;width:100%;display:inline-block;line-height:26px;}
body span.badge,body span.badge.new {
	min-width:1rem;
    padding: 1px 10px;
	font-size:1rem;
	line-height:24px;
	margin-left: 0;
	/*text-shadow: 1px 1px 0 rgba(0,0,0,0.2),0px 1px 0 rgba(0,0,0,0.2);*/
	border-radius:6px;
	font-weight:400;
	height:auto;
	white-space:nowrap;
	background-color: #5d4b9f;
}
/*body span.badge + body span.badge {margin-left:6px;}*/



body span.badge.attachbadge,body span.badge.attachbadge.new {padding:1px 0 !important;width: 38px;min-width: 38px;}
body span.badge.attachbadge .inner{padding:1px 0 !important;width:36px !important;letter-spacing:-1px}
body span.badge.attachbadge.hundred .inner {font-size:11px;}
body span.badge.prioritybadge,body span.badge.prioritybadge.new {padding:1px 0 !important;background-color:#dfc727;position:relative;text-align:center !important;width: 38px;min-width: 38px;}
body span.badge.prioritybadge .inner {padding:1px 10px 1px 0 !important;width:34px !important;}


#task-cardz.collection li.collection-item:nth-child(even) a.preview-task {background-color:#d6d7d9;font-size:1rem;}
body span.badge.attachbadge i,body span.badge.prioritybadge i{top:1px;position:relative;}

.priority-level {width:10px;display:inline-block;right:3px;position:absolute;bottom:4px;}
.priority-level .lev{height:2px;margin:1px;width:9px;display:block;background-color:transparent;}
.priority-level.level1 .lev.lev1,.priority-level.level2 .lev.lev1,.priority-level.level3 .lev.lev1,.priority-level.level4 .lev.lev1,.priority-level.level5 .lev.lev1{background-color:#fff;}
.priority-level.level2 .lev.lev2,.priority-level.level3 .lev.lev2,.priority-level.level4 .lev.lev2,.priority-level.level5 .lev.lev2{background-color:#fff;}
.priority-level.level3 .lev.lev3,.priority-level.level4 .lev.lev3,.priority-level.level5 .lev.lev3{background-color:#fff;}
.priority-level.level4 .lev.lev2,.priority-level.level5 .lev.lev4{background-color:#fff;}
.priority-level.level5 .lev.lev5{background-color:#fff;}


.item-leftblock {width:calc(100% - 84px);display:inline-block;position:relative;}
.item-rightblock {width:84px;float:right;display:inline-block;position:relative;}



/* ====== TASKLIST E LOGS LIST AREA ===== */
.collection-timeline-wrap.row {margin:0;}
#detailsTask a.preview-task, #detailsLog a.preview-log,#task-card a.preview-log{color:#5d5e60;}
#detailsTask .collection-item .col,#detailsLog .collection-item .col,#task-card .collection-item .col{padding:0 2px;}
#detailsTask .collection-item span.badge,#detailsLog .collection-item span.badge,#task-card .collection-item span.badge {display:block;float:none;min-width:38px;}
#detailsTask .collections-title, #detailsLog .collections-title,#task-card .collections-title,.collection-timeline-wrap .collections-title {margin:0.22em 0;line-height:1.3;}
#detailsTask #task-card span.badge,#detailsLog #task-card .task-cat,#task-card .task-cat,#task-card span.badge, .collection-timeline-wrap span.badge{
	float:none;
	height: 24px;
	padding: 2px 0;
	margin:1px;
	border-radius: 6px;
	font-weight: 400;
	font-size:1rem;
	line-height:21px;
	white-space: nowrap;
	/*text-shadow: 1px 1px 0 rgba(0,0,0,0.2),0px 1px 0 rgba(0,0,0,0.2);*/
	display:block;
	max-width:100%;
	overflow:hidden;
	text-align:center;
}
#detailsTask #task-card span.badge .inner,#detailsLog #task-card .task-cat .inner,#task-card span.badge .inner,#task-card .task-cat .inner{
	width:100%;
	white-space: nowrap;
	display: inline-block;
	padding:0 10px;
	-webkit-mask-image: url(../images/mask-grad.png);
  	mask-image: url(../images/mask-grad.png);
	-webkit-mask-size: cover;
	mask-size: cover;
	position:relative;
}

.progress {margin:1px;height:24px;border-radius: 6px;background-color:#413d70;}
.progress .determinate{border-radius: 6px;background-color:#7468af;}
.progress .percen {width:100%;text-align:centeR;position:relative;color:#fff;display: inline-block;font-size:0.9rem;line-height: 24px;}
#detailsTask .collection .collection-item, #detailsLog .collection .collection-item, #task-card.collection .collection-item {border-bottom-color:#ccc;padding:0;list-style: none !important;}
.preview-task .row:after{display:none;}
#detailsTask .collection li.collection-item:marker, #detailsLog .collection li.collection-item:marker{display:none;lie-height:0;}
#detailsTask .collection .collection-item > a, #detailsLog .collection .collection-item > a {padding:6px 9px 6px 30px;display: inline-table;width: 100%;}
#detailsTask .collection .collection-item > a:hover, #detailsLog .collection .collection-item > a:hover,#detailsTask .collection .collection-item > a:focus, #detailsLog .collection .collection-item > a:focus{background-color:rgba(50,50,50,0.1);}


/* ====== CALENDAR PAGE ===== */

#full-calendar .simplebar-track.horizontal{display:none !important;}

/*#mainCalendar #calendar table, #mainCalendar #calendar td:last-child{border-right:none;}*/

body .simplebar-track.vertical .simplebar-scrollbar:before {
    top: 5px;
    bottom: 5px;
}
body .simplebar-scrollbar {right: 2.6px;width: 6px;}

#calendar-container {height: 100%;}
#mainCalendar > .container > .section{padding-top:0;padding-bottom:0;}

.halfscreen {
	width: 100%;
	height: 50%;
}
.halfscreen div {
	width: 100%;
	height:50%;
}
#mainCalendar > .container {padding:0;width:100%;}
#calendar-container > .calendarFirstRow,#calendar-container > .calendarSecondRow {padding-top:20px;padding-bottom:0;overflow:hidden;}

.calendarLeftColumn .calendarLeftTask{margin-bottom:20px;}
.calendarSecondRow .collection,.calendarLeftTask .collection,.calendarLeftLog .collection{margin:0;border:none;border-radius:0;background-color: #e7e7e7;}
.calendarSecondRow .collection .collection-cal-wrap,.calendarLeftTask .collection .collection-cal-wrap,.calendarLeftLog .collection .collection-cal-wrap{margin-bottom:5px;}
.calendarSecondRow .collection .collection-item,.calendarLeftTask .collection .collection-item,.calendarLeftLog .collection .collection-item{background-color: transparent;border-bottom-color:#ccc;padding:0;}
.calendarSecondRow .collection .collection-item > a,.calendarLeftTask .collection .collection-item > a,.calendarLeftLog .collection .collection-item > a{
	padding: 6px 9px 6px 30px;
	display: inline-table;
	width: 100%;
	color: #5d5e60;
}
.calendarSecondRow .collection .collection-item > a:hover,.calendarLeftTask .collection .collection-item > a:hover,.calendarLeftLog .collection .collection-item > a:hover,.calendarSecondRow .collection .collection-item > a:focus,.calendarLeftTask .collection .collection-item > a:focus,.calendarLeftLog .collection .collection-item > a:focus{
	background-color:rgba(50,50,50,0.1);
}
.calendarSecondRow #task-card.collection .collection-header,.calendarLeftTask #task-card.collection .collection-header,.calendarLeftLog #task-card.collection .collection-header{
	border: none;
	padding:0;
	background:transparent !important;
	border-radius:0;
}
.calendarSecondRow #task-card.collection .task-card-title,.calendarLeftTask #task-card.collection .task-card-title,.calendarLeftLog #task-card.collection .task-card-title{
    background-color:#5d4b9f;
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 20px;
    padding: 8px 25px;
}

#mainCalendar #calendar .fc-toolbar {font-weight: 400;font-size: 1.2rem;line-height: 20px;margin-bottom:20px;height:36px;}
#mainCalendar #calendar .fc-toolbar h2 {color:#5d4b9f;}
#mainCalendar #calendar .fc-toolbar button {text-shadow:none !important;height:auto;line-height: 20px;padding: 8px 20px;border-radius:0 !important;border:0 !important;background-color:#d6d6d7;color:#5d4b9f;box-shadow:none !important; text-transform:capitalize;}
#mainCalendar #calendar .fc-toolbar button:hover,#mainCalendar #calendar .fc-toolbar button:focus,#mainCalendar #calendar .fc-toolbar button.fc-state-active{background-color:#c7c6c6;color:#5d4b9f !important;}
#mainCalendar #calendar .fc-toolbar button.fc-state-active{color:#5d4b9f !important;}
#mainCalendar #calendar .fc-toolbar button.fc-prev-button,#mainCalendar #calendar .fc-toolbar button.fc-next-button{color:#5e5e5f !important;padding: 8px 15px;}
#mainCalendar #calendar .fc-toolbar button.fc-today-button { background-color:#5d4b9f;color:#fff !important;}
#mainCalendar #calendar .fc-toolbar button.fc-today-button:hover,#mainCalendar #calendar .fc-toolbar button.fc-today-button:focus{background-color:#675aa7 !important;color:#fff !important;}
#mainCalendar #calendar .fc .fc-button-group > * {margin:0;}

#mainCalendar #calendar .fc-toolbar button .fc-icon {top:0;margin:0;padding:0;height:20px;width:auto;font-size:inherit;display: block;}
#mainCalendar #calendar .fc-toolbar button .fc-icon:after{margin:0;top:2px;left:0;font-family: 'gainseconds' !important;font-size:0.9em;content: "\e900";behavior:url(-ms-transform.htc);display: inline-block;}
#mainCalendar #calendar .fc-toolbar button .fc-icon.fc-icon-right-single-arrow:after{
	-moz-transform:rotate(-90deg);  
  -webkit-transform:rotate(-90deg);
  -o-transform:rotate(-90deg);  
  -ms-transform:rotate(-90deg);
	transform:rotate(-90deg); 
}
#mainCalendar #calendar .fc-toolbar button .fc-icon.fc-icon-left-single-arrow:after{
  -moz-transform:rotate(90deg);  
  -webkit-transform:rotate(90deg);  
  -o-transform:rotate(90deg);  
  -ms-transform:rotate(90deg);
	transform:rotate(90deg); 
}
#mainCalendar #calendar table, #mainCalendar #calendar td {border-color:#bdbec0;border-width:4px;}
#mainCalendar .fc-basic-view .fc-body .fc-row {
    min-height: 3.6em;
}
#mainCalendar .fc-day-grid-event .fc-time{margin-right:5px;border-radius:3px;background-color:#fff;color:#a7a9ac;padding:0 4px;min-width: 40px;display: inline-block;text-align:center;}
#mainCalendar .fc-day-grid-event {margin: 3px 10px 0;padding: 2px 0;border-radius: 5px;cursor:pointer;}
#mainCalendar .fc-day-grid-event:hover,#mainCalendar .fc-day-grid-event:focus{cursor:pointer;opacity:0.8;}
#mainCalendar .fc-day-grid-event .fc-content {
	padding:0 0 0 2px;
	margin-right:4%;
	overflow:hidden;
	width:96%;
	position:relative;
	-webkit-mask-image: url(../images/mask-grad.png);
  		mask-image: url(../images/mask-grad.png);
	-webkit-mask-size: cover;
	mask-size: cover;
}

.fc-view .fc-content-skeleton > table > thead {border:none !important;}
.fc-view > table > tbody{margin-top:-4px;border-bottom:4px solid #bdbec0;}
.fc-view > table > tbody td.fc-widget-content {border-bottom:0;}
.fc-view > table > thead{display: -webkit-box;display: -ms-flexbox;display: flex;border-bottom:0;}
.fc-view > table > thead th {border-right: 4px solid #bdbec0 !important;padding-top: 4px;padding-bottom: 4px;color:#675aa7;font-size: 1.2em;background-color:#e9ebee;}
.fc-content-skeleton > table > thead .fc-day-number {text-align:center !important;color:#5d5e5f;padding-top: 5px;padding-bottom: 4px;font-size:1.1em;}

.fc-month-view .fc-content-skeleton table .fc-day-number.fc-today,.fc-basicWeek-view .fc-content-skeleton table .fc-day-number.fc-today{color:#fff !important;border-style:none !important;}
.col.calendarCalendarBox .fc-unthemed .fc-today,.fc-month-view .fc-widget-content .fc-bg .fc-day.fc-today,.fc-basicWeek-view .fc-widget-content .fc-bg .fc-day.fc-today {background-color:#7468af !important;border-style:solid;}
body .col.calendarCalendarBox .fc-unthemed .fc-today.fc-day-number{background-color:transparent !important;}
.fc-content .fc-title{
	/*text-shadow: 1px 1px 0 rgba(0,0,0,0.2),0px 1px 0 rgba(0,0,0,0.2);*/
	display:inline-block;
	white-space: nowrap;
}
#mainCalendar .calendarCalendarBox.s6.m6.l6 #calendar .fc-toolbar button {padding:8px;}
#mainCalendar .calendarCalendarBox.s6.m6.l6 #calendar .fc-toolbar button.fc-prev-button, #mainCalendar .calendarCalendarBox.s6.m6.l6 #calendar .fc-toolbar button.fc-next-button{padding:8px 5px;}


/* ========== MY AREAS ========== */

#myAreaEvents .drag-event.sub {margin-left:1rem;}



/* ====== MODALS/BOXES GENERAL ===== */

.modal-inner-content .progress{
	margin: 1px;
	height: 24px;
	border-radius: 6px;
	background-color:#413d70;
	width:120px;
}
.modal-inner-content .progress .determinate{
	border-radius: 6px;
	background-color:#7468af;
}
.modal-inner-content .progress .percen{float:left;}
.event-preview-remaining:after{clear:left;}
.modal .event-preview-header{height:85px;}
.modal .event-preview-header h4 {font-size: 2rem;margin:0;color:#fff;max-width:calc(100% - 55px);overflow:hidden;white-space:nowrap;}
.modal .event-preview-header h4 .completed-t{margin-left:10px;font-size:1.4rem;opacity:0.4;font-weight:300;}
.modal .fixed-action-btn{bottom:auto;}
.modal {
	max-height: 89% !important;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	background-color: #ffffff;
}
#previewLogNoteList.collection{margin:0;border:none;font-size:15px;}
.modal-inner-content > .row {margin:0;padding-top:10px;padding-bottom:10px;color:#5c4b9f;font-size:20px;}
.modal-inner-content > .row > i {color:#5e5e5f;font-size:36px;margin-right: 20px !important;}
.modal .modal-content{padding:30px 20px;}
.modal-inner-content{display:inline-block;width:100%;padding:0 10px}
body .card-panel{box-shadow:none !important;}
.pac-container {
  z-index: 1040 !important;
}
.event-preview-time.row{line-height:1.2;}
.event-previes-notes .collection .collection-item,#previewLogNoteList.collection .collection-item{padding-top:12px;padding-bottom:12px;border:none;}
.event-previes-notes .collection .collection-item .noteDateTime,#previewLogNoteList.collection .collection-item .noteDateTime {color: #5d4b9f;}
.event-previes-notes .collection .collection-item.avatar .circle,#previewLogNoteList.collection .collection-item.avatar .circle{
	width: 60px;
	height: 60px;
	top:10px;
	left:2px;
}
.event-previes-notes .collection .collection-item.avatar p,#previewLogNoteList.collection .collection-item.avatar p {color:#5e5e5f;}
.event-previes-notes .card-panel {padding:0;margin:0;font-size:15px;}
.event-previes-notes .card-panel:before,#previewLogNoteList.collection:before{content:"";height:0;width:100%;border-top:2px solid #939598;position:relative;display:inline-block;margin:18px 0 12px 0;}
.event-previes-notes .card-panel .collection {padding:0;margin:0;border:none;}
body .modal {width:34%;min-width:380px;}

body .fancybox-button{background-color:#7468af;}
body .fancybox-bg{background-color:#3c3d3f;}

body .sweet-overlay{background-color:rgba(60,61,63,0.9);}
body .sweet-alert {min-width:360px;width:auto;-webkit-border-radius: 30px;border-radius: 30px;font-family:inherit;}
body .sweet-alert h2 {margin: 18px 0 0 0;font-weight:400;}
body .sweet-alert button {
	font-size: 18px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 5px 20px;
	margin: 5px;
}
body .sweet-alert p{font-weight:400;}
body .sweet-alert button.cancel,.sa-confirm-button-container button.confirm {background-color:#5d4b9f !important;}
body .sweet-alert .sa-icon.sa-success{overflow:hidden;}
body .sweet-alert .sa-icon.sa-success .sa-placeholder {width:40px;height:40px;}
body .sweet-alert .sa-icon.sa-success .sa-line.sa-long {
        width: 28px;
    right: 0px;
    top: 20px;
	-webkit-animation:none !important;
	animation:none !important;
}
body .sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
    width: 18px;
    left: 4px;
	top: 23px;
	-webkit-animation:none !important;
	animation:none !important;
}
body .sweet-alert .sa-icon.sa-success:before,body .sweet-alert .sa-icon.sa-success:after,body .sweet-alert .sa-icon.sa-success .sa-fix{display:none !important;}
body .sweet-alert button.cancel:hover,body .sweet-alert button.cancel:focus{background-color:#7468af;}
body .sweet-alert .sa-icon {margin:10px auto;}
body .sweet-alert .sa-icon {width: 40px;height: 40px;}
body .sweet-alert .sa-icon.sa-warning .sa-dot {bottom:5px;}
body .sweet-alert .sa-icon.sa-warning .sa-body{top:5px;height:20px;}
body .sweet-alert .sa-icon.sa-warning .sa-body,body .sweet-alert .sa-icon.sa-warning .sa-dot{background-color:#5d4b9f;}
body .sweet-alert .sa-icon.sa-warning {border-color:#5d4b9f;}
.modal .btn-floating{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;background-color: #7468af;transform: scaleY(1) scaleX(1) translateY(0px) translateX(0) !important;}
body .fixed-action-btn.horizontal ul {right:50px;}
body .fixed-action-btn.horizontal ul li {
    display: inline-block;
    margin: 6px 10px 0 0;
}

@-webkit-keyframes pulseWarningGain {
  0% {
    border-color: #5d4b9f; }
  100% {
    border-color: #c2c0d3; } }

@keyframes pulseWarningGain {
  0% {
    border-color: #5d4b9f; }
  100% {
    border-color: #c2c0d3; } }

.pulseWarning {
  -webkit-animation: pulseWarningGain 0.75s infinite alternate !important;
  animation: pulseWarningGain 0.75s infinite alternate !important;
}
@-webkit-keyframes pulseWarningInsGain {
  0% {
    background-color: #5d4b9f; }
  100% {
    background-color: #c2c0d3; } }

@keyframes pulseWarningInsGain {
  0% {
    background-color: #5d4b9f; }
  100% {
    background-color: #c2c0d3; } }

.pulseWarningIns {
  -webkit-animation: pulseWarningInsGain 0.75s infinite alternate !important;
  animation: pulseWarningInsGain 0.75s infinite alternate !important;
}

/* SYSTEM MODALS */


.modal-scrollcontainer,.modal-scrollcontainer-timeline, .modal-scrollcontainer-timelineleft {clear:both;}
.modal-scrollcontainer .dd {max-width:780px;}
.modal.bottom-sheet .modal-content{padding:0;}
.modal.bottom-sheet .gain-modal-footer{padding-top:6px;}
.modal.bottom-sheet .gain-modal-footer .btn {margin-right:10px;}
body .modal.bottom-sheet{width:98%;max-width:780px;margin-left:auto;bottom:auto;top:104px;margin-right:auto;height:auto !important;box-shadow:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;max-height:calc(100% - 104px) !important;background-color:transparent;}
body .btn-floating {
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
}
body #areaTree .dd {margin:auto auto auto 0;width:calc(100% - 14px);}
body .modal.bottom-sheet:before{background-color:#fff;border-top:4px solid #c0bfbf;top:100px;opacity:1;}
body .modal-overlay{background-color:#3c3d3f;opacity:0.9;}
body .modal.bottom-sheet.open ~ .modal-overlay{background-color:#fff !important;background-color:transparent !important;opacity:1 !important;}
body .modal ~ .modal-overlay:after{
	position:fixed;
	content:"";
	background-color:rgba(255,255,255,0);
	border-top:0 solid #c0bfbf;
	top:0;
	opacity:1;
	left:0;
	right:0;
	bottom:0;
	z-index:-1;
	-moz-transition: background-color 400ms ease-in-out;
	-webkit-transition: background-color 400ms ease-in-out;
	transition: background-color 400ms ease-in-out;
}
body .modal.bottom-sheet.open ~ .modal-overlay:after{top:100px;border-top:4px solid #c0bfbf;background-color:rgba(255,255,255,1);}
.btn.btn-blue{color:#fff;background-color: #5d4b9f;}
.btn.btn-blue:hover,.btn.btn-blue:focus{color:#fff;background-color: #7468af;}
.btn.btn-gray{color:#fff;background-color: #5e5e5f;}
.btn.btn-gray:hover,.btn.btn-gray:focus{color:#fff;background-color: #808081;}
.btn,.btn:focus,.btn:hover,.btn:active {box-shadow:none;}
.modal-noscroll-block.collapsible{border:0;margin:0;box-shadow:none !important;}
.modal .modal-header {padding:18px 0;}
#modalProject #areaTimeline > .row {margin:0 -0.75rem;}
#modalProject #areaTimeline .row  .col {position:relative;}
.modal .modal-header h4{margin:0;text-align:center;color: #5d4b9f;}
.modal .modal-header h4 a.modal-btn-close-head{display:inline-block;float:left;position:relative;cursor:pointer;top:-4px;}
.modal .modal-header h4 a.modal-btn-close-head i {
	width:24px;
	height:24px;
	text-align:center;
	line-height:24px;
	background-color:#5e5e5f;
	color:#fff;
	border-radius:100%;
	display:inline-block;
	position:relative;
	font-size:16px;
}
#modalProject .row {margin:0;}
#calendarAR .fc-toolbar {display:none !important;}
#modalProject .modal-content{text-align:center;}
#modalProject .modal-content .modal-outline{text-align:left;position:relative;margin:auto;}
body #modalProject.modal.bottom-sheet.stretched  {width:98%;max-width:98%;}
#modalProject .tabs{height:36px;}
#btn_add_project_title {display:block;margin-top:12px;text-align:left;}
#modalProject .tabs .tab {height:36px;line-height:36px;}
#modalProject .tabs .tab a {color:#fff;background-color:#5d4b9f;font-size:20px;text-transform:none;letter-spacing: 0.5px;}
#modalProject .tabs .tab a:hover,#modalProject .tabs .tab a:focus,#modalProject .tabs .tab a.active{background-color: #7468af;}
#modalProject .timeline-tab {border-top-right-radius:10px;border-bottom-right-radius:10px;}
#modalProject .areatree-tab {border-top-left-radius:10px;border-bottom-left-radius:10px;}
#modalProject .modal-noscroll-block,#modalCategory .modal-noscroll-block {padding-bottom:12px;position:relative;}
#add-my-area-block{
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#add-my-area form {
	padding-bottom: 15px;
}
#add-my-area {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: rgb(255, 255, 255);
	
	transform: translateY(100%);
	z-index: 99999;
	box-shadow: 0px 2px 0px #bdbec0;
	max-height:0;
	overflow:hidden;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
#add-my-area-block.active #add-my-area {
	max-height:150px;
}


.outicon {margin-left:25px;position:relative;}
i.outleft-icon {position:absolute;left:-25px;top:0;color:#5d5e5e;font-size:22px;}
.modal-outline{padding:15px;border-radius:16px;border:2px solid #a7a9ac;position:relative;background-color:#fff;}
.modal-outline:before{
	position:absolute;
	border: solid 17px transparent;
	content:"";
	pointer-events: none;
    border-bottom-color: #a7a9ac;
	height:0;
	width:0;

	top:-34px;
	left:50%;
	margin-left:-17px;
}
.modal-outline:after{
	position:absolute;
	border: solid 15px transparent;
	content:"";
	pointer-events: none;
    border-bottom-color: #ffffff;
	height:0;
	width:0;

	top:-30px;
	left:50%;
	margin-left:-15px;
}


#calendarAR tbody.fc-body{max-height:inherit !important;}
#calendarAR .fc-widget-content .fc-scroller {height:auto !important;}
.calendar-trash-outer {padding-top:10px;background-color:#fff;position:absolute;bottom:0;left:0.75rem;right:0.75rem;}
#arealeftcol{padding-bottom:100px !important;}
#areacalendarcol{}


.input-iconized {margin-left:35px;position:relative;}
.input-iconized > i {
	position: absolute;
    left: -35px;
    top: 3px;
    color: #5d5e5e;
    font-size: 22px;
}

form .dropdown-content{position:relative !important;}
form .picker,form .picker__holder {position:relative !important;}
form .picker.picker--opened {max-height:220px;border:2px solid #5d4b9f;background-color:#fff;border-radius:5px;}
form .picker--opened .picker__holder {max-height:22222220px;border:none;background-color:#fff;border-radius:0;}
form .picker--opened .picker__holder:focus {outline: none !important;}
form .dropdown-content.select-dropdown {top:-5px !important;border:2px solid #5d4b9f;background-color:#fff;border-radius:5px;max-height:220px;}
form .dropdown-content.select-dropdown .simplebar-track.vertical{top:5px;}
form .dropdown-content.select-dropdown .optgroup > span,form .dropdown-content.select-dropdown .optgroup:hover > span,form .dropdown-content.select-dropdown .optgroup:focus > span{color:#bbb !important;cursor:inherit;}
form .dropdown-content.select-dropdown .optgroup:hover,form .dropdown-content.select-dropdown .optgroup:focus{background-color:transparent !important;}
form .dropdown-content.select-dropdown .optgroup-option > span,form .dropdown-content.select-dropdown li span {color:#5e5e5f !important;cursor:pointer;}
form .dropdown-content.select-dropdown .optgroup-option:hover,form .dropdown-content.select-dropdown .optgroup-option:focus,form .dropdown-content.select-dropdown li:hover,form .dropdown-content.select-dropdown li:focus{background-color:#7468af !important;}
form .dropdown-content.select-dropdown .optgroup-option.active,form .dropdown-content.select-dropdown li.active{background-color:#5d4b9f !important;}
form .dropdown-content.select-dropdown .optgroup-option:hover > span,form .dropdown-content.select-dropdown .optgroup-option:focus > span,form .dropdown-content.select-dropdown .optgroup-option.active > span,form .dropdown-content.select-dropdown li:hover span,form .dropdown-content.select-dropdown li:focus span,form .dropdown-content.select-dropdown li.active span{color:#fff !important;}

form .picker__list{padding:0 0 1em 0;}
form .picker--time .picker__button--clear {
    display: block;
    width: 80%;
    margin: 0.5em auto 0;
    padding: 0.5em 1.25em;
	border-radius:1.4em;
    background: none;
    border: 0;
    font-weight: 500;
    font-size: 1em;
    text-align: center;
    text-transform: inherit;
    color: #5e5e5f;
}
form .picker--time .picker__button--clear:hover,form .picker--time .picker__button--clear:focus{background-color:#b2001f !important;}
form .picker__list-item{padding: 0.5em 1.25em;color: #5e5e5f;}
form .picker__list-item--selected, form .picker__list-item--selected:hover, form .picker--focused .picker__list-item--selected {background-color:#5d4b9f;border-color:#5d4b9f;}
form .picker__list-item--highlighted:hover, form .picker--focused .picker__list-item--highlighted,form .picker__list-item:hover,form .picker__list-item:focus {background-color:#7468af;color:#fff;border-color:#7468af;}
input, optgroup, select, textarea {
    color: #5e5e5f;
}
form .select-wrapper + label {
    font-size: 0.9rem;
	color:#5d4b9f;
	margin-left:-1rem;
}
form input:-internal-autofill-selected {
	background-color: #e4e4e4 !important;
}
form .input-field label.active {color:#5d4b9f !important;}
form .select-wrapper span.caret {margin: 2px 0;line-height:500px;overflow:hidden;color:rgba(0,0,0,0);height:20px;width:20px;right:1rem;}
form .select-wrapper span.caret:before{
	line-height:20px;
	font-family: 'gainseconds' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size:20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	content: "\e900";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	color:#5e5e5f;
}

#areaTree .dd3-handle:before {
	font-family: 'gainseconds' !important;
	font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	content: "\e909";
}
#modalCategory .dd3-handle:before {
	font-family: 'gainseconds' !important;
	font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	content: "\e91e";
}

body .modal .dd3-content{margin:0 0 -2px 0;border:2px solid #bdbec0;border-radius:0;box-shadow:none;padding: 4px 10px 4px 40px;font-size:1rem;}
body .modal .dd3-handle {border:2px solid #bdbec0;box-shadow:none;border-radius:0;}
body .input-field div.error,.error  {color:#b2001f;}
#projects_form .input-field div.error{top:0;}
body .modal .dd-list{padding-bottom:3px;}
body .modal .dd-item .dd3-button {width:auto;cursor:inherit;}
body .modal .dd-item .dd3-button i {width:30px;height:30px;margin-right:10px;color:#5e5e5f;font-size:20px;}
#projects_form, #category_form{position:relative;}
#projects_form .buttonfield, #category_form .buttonfield{margin-top:0.6rem;}
.input-iconized.input-nolabel-title{width:calc(100% - 40px);margin-top:0.6rem; margin-left:0;padding-left: 25px;}
.input-iconized.input-nolabel-title > input{padding-left:1.8rem;margin-bottom:0;line-height:27px;height:26px;}
.input-iconized.input-nolabel-title > i {left:0;top:0;}
.input-field.colorpicker {float:right;position:relative;top:0;right:0;margin:0;}
.input-field.colorpicker .palette-color-picker-button{border:0;box-shadow:none;margin-right:2px;margin-top:-1px;}
.input-field.colorpicker .icon-gs-paint {font-size:22px;position:absolute;width:28px;height:28px;color: #5e5e5f;}
.input-field.input-button-iconized {margin-left:25px;}
body .palette-color-picker-bubble.downside {right:0;border-radius:7px;}
body .palette-color-picker-bubble:after, body .palette-color-picker-bubble:before {left:auto;right:14px;}
body .palette-color-picker-bubble:before {margin-right: -9px;margin-left:0;}
body .palette-color-picker-bubble:after {margin-right: -8px;margin-left:0;}
#myAreaEvents .drag-event {border:none !important;height:26px;background-color:#f0f0f0;}
#myAreaEvents .drag-event[colorev*="#"] {color:#fff;}
#calendarAR .fc-event.fc-draggable {padding:8px;margin-bottom:4px;}
body .fc-ltr .fc-time-grid .fc-event-container {
    margin: 1px;
}
.fc-event.fc-draggable .fc-bg{background-color:transparent;}

#calendarAR .fc-view-container > .fc-view > table {border-right:none !important;}
#calendarAR .fc-view.fc-agendaWeek-view tr td {border-width:4px;border-color: #bdbec0;}
#calendarAR .fc-time-grid-container {height:auto !important;}
#calendarAR .fc-view > table > thead th {background-color:#fff;}
.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #bdbec0;
}
#calendarAR .fc-view.fc-agendaWeek-view .fc-today {border-style:solid;background-color:#7468af;}
#calendarAR .fc-body .simplebar-content {padding-bottom: 13px !important;}
.fc-agendaWeek-view tr.fc-minor td.fc-widget-content {
    border-top: 1px dashed #bdbec0 !important;
}

.fc-agendaWeek-view  tr td.fc-widget-content {
    border-top: 4px solid #bdbec0 !important;
}
.input-iconized.input-percent {padding-bottom:12px;margin-left:40px;padding-right:16px;margin-top:0.5rem;}
.modal .horizontal.simplebar-track .simplebar-scrollbar {visibility:hidden !important;display:none !important;}
.input-iconized.input-percent > i {left:-40px;top:28px;}
.input-percent .irs-slider {width:21px;height:21px;top:28px;background-color: #5d4b9f !important;border-color: #5d4b9f !important;background-image:none;box-shadow:none;}
.input-percent .irs-from, .input-percent .irs-to, .input-percent .irs-single {background-color: #c9c9ca;color:#5e5e5f;}
.input-percent .irs-line {background-image:none;background-color:#d6d6d7;height:6px;top:36px;border:none;}
.input-percent .irs-bar {background-image:none;background-color:#5d4b9f;height:6px;top:36px;border:none;}
.input-percent .irs-min, .input-percent .irs-max {
    color: #5d4b9f;
    background-color:transparent;
    -moz-border-radius: 0;
	border-radius: 0;
}
.input-percent .irs-bar-edge {height: 6px;top: 36px;border: 0;background-image:none;background-color:#5d4b9f;}
.modal-divider {border-top:2px solid #a7a9ac;margin:1.5rem -15px;clear:both;}









/* ====== RESPONSIVE ===== */ 

@media only screen and (min-width: 993px) {
	body #header .right-head-holder {margin-left: 230px;}
	body .side-nav {width:230px;}
	body #main{padding-left:230px;}
	body footer{padding-left:237px;}
}
@media only screen and (min-width: 1024px) {
	body #header .right-head-holder {margin-left: 270px;}
	body .side-nav {width:270px;}
	body #main{padding-left:270px;}
	body footer{padding-left:277px;}
}
@media only screen and (min-width: 1300px) {
	body #header .right-head-holder {margin-left: 320px;}
	body .side-nav {width:320px;}
	body #main{padding-left:320px;}
	body footer{padding-left:327px;}
}

@media only screen and (max-width: 1499px) {
	#mainCalendar .calendarCalendarBox.s6.m6.l6 #calendar .fc-toolbar button {padding: 8px 6px;font-size: 0.8em;}
	#mainCalendar .calendarCalendarBox.s6.m6.l6 #calendar h2 {font-size: 1.2rem;}
}

@media only screen and (max-width: 1399px) {
	#header .header-search-wrapper {width: 54%;}
}
@media only screen and (max-width: 1299px) {
	#header .header-search-wrapper {width: 50%;}
	#mainCalendar .calendarCalendarBox.s6.m6.l6 #calendar .fc-toolbar button {padding: 3px 6px;}
	#mainCalendar .calendarCalendarBox.s6.m6.l6 #calendar .fc-toolbar button.fc-prev-button, #mainCalendar .calendarCalendarBox.s6.m6.l6 #calendar .fc-toolbar button.fc-next-button {padding: 3px 5px;}
	#mainCalendar .calendarCalendarBox.s6.m6.l6 #calendar h2 {line-height: 26px;}
	#mainCalendar .calendarCalendarBox.s6.m6.l6 #calendar .fc-toolbar .fc-center {float:none;display: block;clear: both;text-align: center;}
	#mainCalendar .calendarCalendarBox.s6.m6.l6 #calendar .fc-toolbar .fc-center h2{float:none;}
}
@media only screen and (max-width: 1199px) {
	#header .header-search-wrapper {width: 38%;}
	#detailsTask #task-card span.badge, #detailsLog #task-card .task-cat,.progress .percen {font-size:0.8rem;}
	#mainCalendar .fc-basicWeek-view .fc-event-container .fc-content,#mainCalendar .fc-month-view .fc-event-container .fc-content {text-align:center;}
	#mainCalendar .fc-basicWeek-view .fc-event-container .fc-time,#mainCalendar .fc-month-view .fc-event-container .fc-time {margin-right:0;}
	#mainCalendar .fc-basicWeek-view .fc-event-container .fc-content .fc-title,#mainCalendar .fc-month-view .fc-event-container .fc-content .fc-title{display:block;margin-top:3px;}
}
@media only screen and (max-width: 1024px) {
	#header .header-search-wrapper {width: 35%;}
	#detailsRow1 #task-card.collection li.collection-header .task-card-title, #detailsRow2 #task-card.collection li.collection-header .task-card-title,#detailsTask .collection .collection-item > a, #detailsLog .collection .collection-item > a,.collection.with-header .collection-item {padding-left:15px;}
	#taskCardRow #task-card .collection-header h5.task-card-title{padding-left:15px;padding-right:15px;}
	#detailsFiles .collection-item a{padding-left:40px;}
	#mainCalendar #calendar .fc-toolbar button {padding:8px 15px;}
}
@media only screen and (max-width: 992px) {
	.page-footer .footer-copyright{margin-left:0;width:100%;}
}



@media only screen and (min-width: 993px) and (max-width: 1300px){
	.collection-item .row .col {padding: 0 0.25rem;}
}
@media only screen and (min-width: 600px) and (max-width: 800px){
	.collection-item .row .col {padding: 0 0.25rem;}
}
@media only screen and (max-width: 400px) {
	.collection-item .row .col {padding: 0 0.25rem;}
}