@font-face {
	font-family: 'Avenir Next LT Pro Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Regular'), url('/assets/cloud/fonts/avenir-next-lt-pro/AvenirNextLTPro-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Avenir Next LT Pro Ultra Light Condensed';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Ultra Light Condensed'), url('/assets/cloud/fonts/avenir-next-lt-pro/AvenirNextLTPro-UltLtCn.woff') format('woff');
}
@font-face {
	font-family: 'Avenir Next LT Pro Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Avenir Next LT Pro Bold'), url('/assets/cloud/fonts/avenir-next-lt-pro/AvenirNextLTPro-Bold.woff') format('woff');
}


@font-face {
	font-family: 'Montserrat ExtraLight';
	font-style: normal;
	font-weight: normal;
	src: local('Montserrat ExtraLight'), url('/assets/cloud/fonts/Montserrat/otf/Montserrat-ExtraLight.otf') format('opentype');
}
@font-face {
	font-family: 'Montserrat SemiBold';
	font-style: normal;
	font-weight: normal;
	src: local('Montserrat SemiBold'), url('/assets/cloud/fonts/Montserrat/otf/Montserrat-SemiBold.otf') format('opentype');
}
@font-face {
	font-family: 'Montserrat Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Montserrat Regular'), url('/assets/cloud/fonts/Montserrat/otf/Montserrat-Regular.otf') format('opentype');
}



html {
	height:100%;
}

body {
	/* font-family:helvetica; */
	font-family: 'Avenir Next LT Pro Regular';
	/* font-family: 'Avenir Next LT Pro Ultra Light Condensed'; */
	/* margin:0; */
	height:100%;
	font-size:0.9em;
	background-color:initial;
	color:#000;
}

a {
	color:inherit;
}
a:hover {
	color:inherit;
}
a:focus {
	color:inherit;
}

.hidden {
	display:none;
}


/* page structure */
#left-side {
	height:100%;
	padding:0;
	max-width:250px;
	flex: 0 0 250px;
	/*
	float:left;
	width:250px;	
	*/
}
#main-side {
	height:100%;
	padding:0;
	overflow-x:auto;
	/*
	float:left;
	width:calc(100% - 250px);
	*/
}


/* backgrounds */
/*
.bg-green-lighter1 {
	background-color:#4f6974;
}
.bg-green-lighter2 {
	background-color:#465e6a;
}
.bg-green-lighter3 {
	background-color:#c8d4ce;
}
.bg-green-light {
	background-color:#3e606f;
}
.bg-green-medium {
	background-color:#334d5c;
}
.bg-green-dark {
	background-color:#193441;
}
*/
.bg-green-left {
	background-color:#334d5c;
}
.bg-gray-main-head {
	background-color:#d8dbd2;
}
.bg-gray-main-body {
	background-color:#ecefe6;
}
.bg-gray-top {
	background-color:#c8d4ce;
}


/* texts */
.text-white {
	color:#ffffff;
}
.text-green-medium {
	color:#334d5c;
}
.text-green-light {
	color:#3e606f;
}

/* no result text */
.no-result {
	text-align:center;
	font-style:italic;
}


/* topnav notifications dropdown */
#li-top-nav-messages .dropdown-menu {
	transform: translateX(-90%);
	min-width: 250px;
}


/* left side menu */
#div-left-nav {
	height:100%;
}
#left-logo {
	height:50px;
}
#left-welcome {
	height:50px;
}
#ul-left-nav {
	height: calc(100% - 60px - 50px - 50px - 25px);
    overflow-y: auto;
}
#ul-left-nav .nav-link-collapse:after {
    font-family: 'FontAwesome';
    float: right;
    content: '\f107';
    color: #ffffff;
}
#ul-left-nav .nav-link-collapse.collapsed:after {
    content: '\f105';
}
#ul-left-nav .nav-link {
    padding:1em;
}

#ul-left-nav .nav-link-collapse.collapsed {
	background-color:initial;
	border-top:solid 1px transparent;
	border-bottom:solid 1px transparent;
}
#ul-left-nav .nav-link-collapse.collapsed:hover {
	background-color:#3e606f;
	border-top:solid 1px #7c9892;
	border-bottom:solid 1px #2d3a41;
}
#ul-left-nav .nav-link-collapse {
	background-color:#3e606f;
	border-top:solid 1px #7c9892;
	border-bottom:solid 1px #2d3a41;
}
/*
#nav-collapseProjects:after {
	content:'' !important;
}
*/
.sidebar-second-level {
	padding-left:0px;
}
.sidebar-second-level > li {
	list-style-type:none;
	padding: 5px 0;
	white-space: nowrap;
	overflow: hidden;
	position:relative;
	/* background-image:url(/assets/cloud/images/menu-vline.png); */
	background-repeat:repeat-y;
	background-position:19px 0;
	background-color: #334d5c;
}
.sidebar-second-level > li:before {
	content:url(/assets/cloud/images/menu-bullet.png);
	margin-left:16px;
}
.sidebar-second-level > li.active {
	background-color:#465e6a;
}
.sidebar-second-level > li.third {
	background-image:url(/assets/cloud/images/menu-vline.png);
	margin-left:15px;
}
/*
.sidebar-third-level > li:before {
	content:url(/assets/cloud/images/menu-bullet.png);
	margin-left:16px;
}
.sidebar-third-level > li.active {
	background-color:#465e6a;
}
*/
/*
.sidebar-second-level > li > i.bullet {
	background-image:url(/assets/cloud/images/menu-bullet.png);
	background-repeat:no-repeat;
	display: inline-block;
	width:7px;
	height:6px;
	position: relative;
	left:16px;
}
*/
.sidebar-second-level > li > a {
	padding-left:10px;
}

.sidebar-second-level li .delete {
	float:right;
	/* margin-right:5px; */
	cursor:pointer;
	display:none;
	/* line-height:18px; */
	position: absolute;
    right: 0;
    background-color:inherit;
	height:20px;
	padding:5px;
}
.sidebar-second-level li:hover .delete {
	display:inline-block;
}


#global-container {
	height:100%;
}

/* menu collapse */
#global-container #left-side {
	display:block;
}
#global-container.menu-collapse #left-side {
	/* width:0;  */
	display:none;
}
/*
#global-container.menu-collapse #main-side {
	width:100%;
}
*/


/* top nav title */
#top-nav-title {
	color:#334d5c;
	font-weight:bold;
	/* font-variant:small-caps; */
	font-size:1.8em;
	font-family: 'Montserrat SemiBold', sans-serif;
}

/* main content */
#main-content-container {
	background-color:#ecefe6;
	color:black;
	height:calc(100% - 45px);
}
#main-content {
	height:100%;
}
#main-content-main {
	height:100%;
}
#main-content-main.has-right-menu {
	float:left;
	width:calc(100% - 400px);
}
@media screen and (max-width: 1400px) {
	#main-content-main.has-right-menu {
		width:calc(100% - 320px);
	}
}


/* main content head */
#main-content-head {
	border-bottom:solid 2px #555352;
	height:65px;
	line-height:65px;
	font-weight:bold;
	font-family: 'Montserrat SemiBold', sans-serif;
}
#main-content-head-title {
	color:#3e606f;
	font-weight:bold;
	font-variant:small-caps;
	font-size:2.0em;
    height: 100%;
    overflow: hidden;
    max-height:60px;
}
#main-content-head-title.preview {
	cursor:pointer;
}
#main-content-head-title-edit {
	display:none;
	margin-top:13.5px;
}

/* main content body */
#main-content-body {
	color:#262626;
	height:calc(100% - 65px);
	overflow-y: auto;
}

/* right side */
#main-content-right {
	float:left;
	width:400px;
	height:100%;
	background-color:#d8dbd2;
}
@media screen and (max-width: 1400px) {
	#main-content-right {
		width:320px;
	}
}
#main-content-right-head {
	height:290px;
	background-color:#3e606f;
	overflow:auto;
}
#main-content-right-body {
	background-color:#d8dbd2;
	height: calc(100% - 290px);
	overflow-y: hidden;
}

#div-top-nav {
	height:45px;
}

#main-menu-toggler {
	background-color:#334d5c;
	color:white;
	width:45px;
	height:45px;
	line-height:45px;
	text-align:center;
	margin-left:-16px;
	font-size:1.5em;
	cursor:pointer;
}


/* list-list */
.list-list-head {
}
.list-list-item {
	padding: 10px 5px;
	margin:0px; 
}
.list-list-head .list-list-item {
	border-bottom:solid 1px #000000;
	margin-top:15px;
	margin-bottom:15px;
}
.list-list-container {
	
}
.list-list-container .list-list-item {
	border:solid 1px #ccd7d1;
	line-height:50px;
	margin-bottom:1px;
	background-color:#ffffff;
}
.list-list-item-image-default {
	width:50px;
	height:50px;
	background:radial-gradient(circle, #324c5b, #193441);
	border-top:solid 1px #556973;
	border-bottom:solid 1px #c7cdd1;
	background-position: center;
}
.list-list-item-image {
	position:absolute;
	width:50px;
	height:50px;
	overflow:hidden;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center;
}


/* list-grid */
.list-grid-container {
}
.list-grid-item {
	float:left;
	padding:10px;
	border:solid 1px #ccd7d1;
	height:175px;
	width:185px;
	margin:10px;
}
.list-grid-item-head {
	height:135px;
	/* background-color:#193441; */
	background: radial-gradient(circle, #324c5b, #193441);
	position:relative;
}
.list-grid-item-body {
	height:40px;
	text-align:center;
}

.list-grid-item-new .list-grid-item-head {
	line-height:135px;
	text-align:center;
	font-size:3em;
	color:#93a0a6;
	/* background-color:#4e6874 */;
	background: radial-gradient(circle, #526c77, #4b6672);
}
.list-grid-item-image {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center;
}


/* lists - pagination */
.pagination {
	margin:20px;
}
.pagination > nav {
	/* text-align:center; */
	margin:auto;
}

.dropdown-item {
	line-height: initial;
	font-size:14px;
}


/* projects list */
.span-project-avancement {
	border:solid 1px #3e606f;
	color:#3e606f;
	font-weight:bold;
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin:0 2px;
}

/* lists */
.btn-white {
	border-radius:initial;
	border:solid 1px #d0dad4;
	background-color:white;
}

/* right side head */
#right-top-square-preview {
	background:radial-gradient(circle, #324c5b, #193441);
	/* width:calc(400px - 55px); */
	height:180px;
	margin:0 27px;
	margin-top:25px;
	position: relative;
}
#right-top-triangle {
	border-color: transparent rgb(126, 153, 163) transparent transparent;
	border-width: 0px 70px 70px 0px;
	border-style:solid;
	width:0;
	height:0;
	/* float:right; */
	position:absolute;
	right:0;
}
#right-top-triangle-img {
	margin-left:40px;
	margin-top:10px;
	cursor:pointer;
}
#right-top-title {
	line-height:70px;
	color:white;
	text-align:center;
	font-size:1.5em;
}
#right-type-square-preview-image {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	background-size:contain;
	background-repeat:no-repeat;
	background-position: center;
}


/* right side tabs head */
#right-body-tabs-head {
	margin-top:10px;
	height:45px;
	line-height:45px;
	text-align:center;
	border-bottom:solid 1px #504e4d;
}
#right-body-tabs-head > .tab-head {
	float:left;
	width:33%;
	margin-top:-5px;
}
#right-body-tabs-head > .tab-head.active {
	border-bottom:solid 5px #504e4d;
}
#right-body-tabs-head > .tab-head > a {
    display: block;
}



/* right side body tabs */
#right-body-tabs-body {
	margin:10px;
	height: calc(100% - 76px - 10px - 45px - 20px);
	overflow-y:auto;
}
#right-body-tabs-body > .tab-body {
	display:none;
}
#right-body-tabs-body > .tab-body.active {
	display:block;
}

/* right side body */
#right-body-status {
	height:76px;
	line-height:25px;
	padding:5px 0;
	background-color:#ffffff;
}
.right-body-status-status {
	text-align:center;
}
.right-body-status-item {
	padding:5px;
}
.right-body-status-item:focus {
	text-decoration:none;
}
.right-body-status-item.active {
	border-bottom:solid 1px #88cd3c;
}
.right-body-archived-item {
	padding:5px;
}
.right-body-archived-item:focus {
	text-decoration:none;
}
.right-body-archived-item.active {
	border-bottom:solid 1px #88cd3c;
}
.choose-category {
	cursor:pointer;
}
.property-preview {
	cursor:pointer;
}

.select-transparent {
	background-color: transparent;
	border:0;
}
.select-transparent:focus {
	background-color: transparent;
}
.long-text-bg-light {
	background-color:#ecefe6;
	margin-top:5px;
	padding:5px;
}
.qr-code-container {
	width:80px;
	height:80px;
	text-align:center;
	border:solid 1px #7f817c;
}
#file_image {
	width:170px;
	height:22px;
	left:15px;
}
.file-upload-hidden {
	/*
	opacity:0;
	position:absolute;
	width:1px;
	height:1px;
	left:-100px;
	*/
	display:none;
}
.file-upload-fake {
	display:inline-block;
	width:100%;
	padding:4px 8px;
	background-color:#ffffff;
	border:solid 1px #b7bab2;
	border-radius:3px;
	height:27px;
	overflow:hidden;
}
.div-box-material {
	width:20px;
	height:20px;
	background-color:#ffffff;
	border:solid 1px #000000;
	margin-left:3px;
}
.div-box-material-add {
	height: 20px;
	line-height: 20px;
}


.box-upload {
	background-image:url('/assets/cloud/images/box_upload_20x20.png');
	background-repeat:no-repeat;
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align: middle;
}

.interrogation-point-20 {
	background-image:url('/assets/cloud/images/interrogation_point_20x19.png');
	background-repeat:no-repeat;
	width:20px;
	height:19px;
	display:inline-block;
	vertical-align: middle;
}

.long-text-bg-light {
	overflow-x:auto;
}

.item-text {
	overflow-x:auto;
}



/* right scroll bar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #d8dbd2; 
}
::-webkit-scrollbar-thumb {
    background: #262626; 
    border-radius:5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #464646; 
}




/* MODAL EASYCLOUD */

.modal-easycloud .modal-content {
	background-color:#193441;
	color:#ecefe6;
}
.modal-easycloud .modal-header button {
	color: inherit;
}
.modal-easycloud .modal-content .btn-success {
	background: linear-gradient(#cae934, #46b54c);
	font-family:inherit;
}
.modal-easycloud .modal-content .btn-danger {
	background: linear-gradient(#fbe135, #f19440);
	font-family:inherit;
}

.modal-easycloud {
  text-align: center;
  padding: 0!important;
}
.modal-easycloud:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}
.modal-easycloud .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  min-width:800px;
}
.modal-easycloud .modal-title h5 {
	font-size:1em;
	font-family: 'Montserrat Regular';
}



/* MODAL modal-choose-category */
#modal-choose-category ul {
	font-size:1.2em;
}
#modal-choose-category li:hover {
	background-color:#d8dbd2;
	color:#193441;
}



.property-remove {
	display:none;
}

.row:hover > .property-remove {
	display:block;
}


.loader {
    width: 48px;
    height: 48px;
    border: 5px solid #0275d8;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.carousel-indicators li {
	background-color: #334d5c;
}
.carousel-indicators .active {
	background-color: #0275d8;
}
.carousel-control-prev-icon {
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23334d5c' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.carousel-control-next-icon {
	background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23334d5c' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
} 

.chartWrapper {
	position: relative;
    overflow: auto;
    width: 100%;
	padding: 1rem;
}
  
.chartcontainer  {
    position: relative;
    height: 300px;
}

.timeline.ui-slider {
	height: 60px;
	background-color: #3e606f;
}

.timeline .ui-slider-pip {
	color: white;
	top: 35px;
}
.timeline .ui-slider-handle {
	top: 0px;
	height: 100%;
	background-color: #ffffff56;
}
.timeline .ui-slider-line {
	top: 20px;
	background: white;
}