/* ************ General section infos  *************** */
.dcy_landing_page, .dcy_landing_page .dcy_applications {
    width: 100vw;
    height:100vh;
    max-width:100%;
   	touch-action: manipulation;   	
	min-height: 100vh;
    display: flex;
}

.dcy_landing_page .dcy_noContent{
	height:90vh;
	font-size: 20px;
	width: 100%;
}

.dcy_applications .md-card-image {
    padding: 0;
    margin: 0;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.dcy_applications md-card:hover{
	cursor:pointer;
	opacity:0.7;	
	outline:none;	
}

.dcy_landing_page, .dcy_landing_page .dcy_page_cards, .dcy_content_pages, .dcy_noContent{
    background-color: rgba(255,255,255,.7);
}


/* ************ Applications section bar to left *************** */
.dcy_apps_bar, .dcy_apps_bar div{
	background-color: #424242;
}
.dcy_apps_bar div{
	padding:0;
}
.dcy_apps_bar{
	padding-top: 8px!important;
	padding-left: 4px!important;
	padding-right:4px!important;
	overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-width: 288px!important;
    max-width: 288px!important;
    width:288px!important;
    height: calc(100vh - 56px);
}

.dcy_apps_bar.flex-15{
	min-width:15%;
	width:15%;
	max-width:15%;
	min-width: 288px!important;
}

.dcy_apps_bar md-card{
	background-color: #FAFAFA;
	max-width: 256px;
    min-width: 256px;
    width: 256px;
}

.dcy_apps_bar .dcy_app, .dcy_apps_bar md-card{
    padding: 0;
   	outline: none;
}

.dcy_apps_bar md-card img{/*fix IE*/
    flex: 1 1 auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
  
.dcy_apps_bar .dcy_app{
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	min-height:160px;
	max-height:160px;
	height:160px;
	margin-top:12px;
}
        
.dcy_app_title{
	color: rgba(255,255,255,.87);
	padding-left: 4px!important;
	padding-right:4px!important;
	overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    line-height:20px;
    min-height: 18px;
    background-color: transparent!important;
	text-align: center;
	font-size: 16px;
}

.dcy_app_title:after {
  content: "";
  display: inline-block;
  width: 0;
}

.dcy_apps_bar .dcy_app.dcy_active{
	border-left: 4px solid;
}

.dcy_apps_bar  .dcy_title_box{
	display: flex;
    flex-direction: row;
    align-items: center;
    height: 36px;
    color: #fff;
    overflow: hidden;
    background: rgba(0,0,0,.5);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    width:	100%;
}

/* *************** Selected Appliocation section (to right, to top) ************** */
.dcy_content_pages{
	overflow-y: hidden;
	height: 100vh;
	position: relative;
	width: calc(100vw - 288px);
}

.dcy_content_pages.flex-85{
	min-width:85%;
	width:85%;
	max-width:85%;
}

.dcy_content_pages md-toolbar, .dcy_selectedApplication, .dcy_content_pages .dcy_tabs_landingPage md-tabs {
	background-color: #EEEEEE; /*#ECEFF1;*/
}

.dcy_content_pages .dcy_bread_crum{
	background-color: #EEEEEE!important;
}

.dcy_content_pages loader.dcy_loading_spinner{
	 background: transparent!important;
}

.dcy_selectedApplication md-toolbar{
	min-height: 100%!important;
}

.dcy_selectedApplication md-toolbar-tools{
	min-width: 100px;
	max-width: 100px;
    margin-left: auto;
}

.dcy_selectedApplication{
	max-width:100%;
	border-width: 0 0 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.12);
    cursor:pointer;
    height: 56px;
    min-height: 56px;
}


.dcy_selectedApplication .dcy_applicationDesc,  
.dcy_selectedApplication .dcy_applicationTitle{	
	overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    min-height: 24px;
}

.dcy_applicationDesc:after, .dcy_applicationTitle:after {
  	content: "";
  	display: inline-block;
  	width: 0;
}

.dcy_selectedApplication dcy-form-component{
    display: inline-block;
}

.dcy_selectedApplication .dcy_menu_upload{
	display: inline-block;
	vertical-align: middle;
}

.dcy_selectedApplication div, .dcy_selectedApplication .md-button, .dcy_page_cards md-card{
	color: rgba(0,0,0,0.7)!important;
}

.dcy_selectedApplication md-icon {
	color: rgba(0,0,0,0.54)!important;
	fill: rgba(0,0,0,0.54)!important;
}

.dcy_selectedApplication .md-button{
	margin-right: 0px;
}

.dcy_selectedApplication .md-button.dcy_float_right{	
	float:right;
}
/* **************** Pages cards section ******************* */

.dcy_page_cards{
	padding-bottom: 100px;
	-webkit-justify-content: space-around; /* Safari 6.1+ */
	justify-content: space-around;
    overflow-y: auto;
	max-height: calc(100vh - 220px);
	min-height:  calc(100vh - 220px);
	height:  calc(100vh - 220px);
}
.dcy_cards_view{
	-webkit-justify-content: space-around; /* Safari 6.1+ */
	justify-content: space-around;
	background-color: rgba(255,255,255,.7);
}

.dcy_container_cards{
	overflow-y: auto;
	background-color: rgba(255,255,255,.7);
}

.dcy_justify_content_center{
	-webkit-justify-content: flex-start; /* Safari 6.1+ */
	justify-content: flex-start;
}

.dcy_page_cards md-card:hover{
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.8), 0 1px 1px 0 rgba(0,0,0,.42), 0 2px 1px -1px rgba(0,0,0,.36);
	cursor:pointer;
	outline:none;
	opacity:0.7;	
}

.dcy_page_cards md-card .card-media {
	align-self: center;
}

.dcy_page_cards md-card-title{	
	padding-top: 16px;
}
.dcy_page_cards md-card-title > .md-subhead {	
	padding-bottom:	2px;
}

.dcy_page_cards md-card-title > .md-caption{
	padding-bottom: 8px!important;
	font-size: 12px;
}

.dcy_page_desc{
    white-space: normal;
    overflow: hidden;
    line-height: normal;
 	position: relative; 	
	word-break: break-word;
	text-align: justify;
	height: 30px;
	font-size: 12px;
	
}

.dcy_page_cards md-card-title > .dcy_page_desc div {
    display: inline-block;
    display: -webkit-inline-box;
    max-height: 100%;
    vertical-align: inherit;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.dcy_page_cards md-card-title > .dcy_page_desc:after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

.dcy_page_cards md-card-title > .dcy_page_title {
	font-weight: bold;
	font-size: 14px;
}

.dcy_page_cards .md-card-image, .dcy_page_cards md-card .card-media{
    height: 120px;
}

.dcy_page_cards md-card {
	cursor:pointer;
    width: 300px;
    height: 220px;
    padding: 0;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.dcy_page_cards md-card-title span{
	line-height: normal;
}

.dcy_page_cards md-card.dcy_invisible_card {
	visibility: hidden;
	box-shadow: none;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	height: 0;
}

.dcy_page_cards .dcy_card_image{
	text-align: center;
}

.nofocus:focus {
    outline: none!important;
}

/**************************** FADE IN EFFECT ****************************************/
/* The starting CSS styles for the enter animation */

.fade.ng-enter {
  	opacity:0;
  	-webkit-transition-duration: 1s;
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-delay: 0s;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    transition-delay: 0s;    
}

/* The finishing CSS styles for the enter animation */
.fade.ng-enter.ng-enter-active {
  	opacity:1;
}

.fade.ng-leave {
  	opacity:1;
}

.fade.ng-leave.ng-leave-active {
    opacity:0;
}

.dcy_landing_page .dcy_page_cards md-card .card-media md-icon{
	color: #E0E0E0;
}

.dcy_landing_page md-icon.folder {
	font-size: 128px;
	background-color: #f7fbf2;
}

.dcy_tabs_landingPage md-tabs.md-no-animation md-tab-body {
    transition: none;
}


/*************************** LIST VIEW ***********************************/
.dcy_tabs_landingPage md-tabs.md-dynamic-height md-tabs-content-wrapper{
	height: 100%;
    background-color: rgba(255,255,255,.7);
}

.dcy_landing_page dcy-list-nav md-toolbar:first-child{
	background-color: #FAFAFA;
	color: #616161!important;
    fill: #616161!important;
}

.dcy_landing_page dcy-list-nav md-content > md-list{
	background-color: rgba(255,255,255,.7);
}

.dcy_container_list{
	overflow-y: auto;
}

.dcy_container_list{
	height: calc(100vh - 170px);
}

.dcy_container_list md-content{
	background-color: rgba(255,255,255);
}

/*************************** TOOLTIP ***********************************/
md-tooltip, .md-tooltip{
	word-break: break-all!important;
}

.tooltip-inner{ word-break: break-all!important;}
md-tooltip ._md-content, .md-tooltip ._md-content { height: auto!important ;}

/*# sourceMappingURL=landingPage.css.map */