.pleinPage.process {
  padding-bottom: 68px;
}
.pleinPage.process .process-zone2 {
    margin: 0 -20px;
}
.pleinPage.pack {
    padding-bottom: 20px;
}
.pleinPage.pack .page {
  background-color: transparent;
}
.pleinPage.pack .contentPrincipale .content {
  /*width: calc(100% - 225px);*/
}
.pleinPage.pack .sys-application-portal-mydesktop .view-area {
  padding: 0 20px 20px;
}

.menu-panel-content A.tasks, .menu-panel-content A.my-docs {
    position: relative;
}
.menu-panel-content A {
    display: block;
    margin-bottom: 5px;
    padding: 7px 10px;
    background-color: #f0f0f0;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    text-decoration: none;
    color: #666666;
}
.menu-panel-content A.tasks:before,
.menu-panel-content A.my-docs:before,
.menu-panel-content A.plan-create:before,
.menu-panel-content A.plans-list:before,
.menu-panel-content A.report:before,
.menu-panel-content A.search2:before,
.current-tasks p:before, .current-tasks a:before,
.delegates-document p:before, .delegates-document a:before,
.tasks-delays p:before, .tasks-delays a:before {
    padding-right: 10px;
    font-size: 24px;
    color: #858585;
}
.menu-panel {
    /*float: left;*/
    width: 220px;
    max-width: 220px;
    margin-right: 5px;
    margin-top: 55px;
    font-size: 0;
}

/* Hack IE11 Menu Panel */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.menu-panel {
        width: 250px;
        max-width:250px;
        max-width:225px\9;
    }
}

/**********/

.menu-panel .menu-panel-content {
    /*background-color: #f0f0f0;*/
    margin-bottom: 15px;
}
/*.menu-panel .menu-panel-content:first-child {
    width: 205px;
    background-color: #33999b;
}*/
.menu-panel .menu-item-label {
    display: inline-block;
    vertical-align: text-bottom;
    font-size: 14px;
    /*vertical-align: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 40px);*/
}
.menu-panel .menu-panel-content .plan-create b{
  	display: none;
}
.current-menu-content {
    background-color: #ffffff !important;
    width: 205px;
}
.current-menu-content .chip-counter {
    margin-right: 5px;
}
.tasks:hover, .my-docs:hover, .plan-create:hover, .plans-list:hover, .search2:hover, .report:hover, .quick-acess-menu-button:hover {
    background-color: #e0e0e0;
}
.tasks .chip-counter, .my-docs .chip-counter, .plan-create .chip-counter {
    display: inline-block;
    float: right;
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-size: 15px;
    font-weight: 900;
    line-height: 24px;
    text-align: center;
}
.packs-filAriane  {
	margin-bottom: 20px;
  background: white;
}
.packs-filAriane .contentFilAriane {
	height: 80px;
  padding: 0 20px;
  background: white;
}
.packs-filAriane .pack-header-icon {
	display: inline-block;
  margin-right: 10px;
  font-size: 48px;
  line-height: 80px;
}
.packs-filAriane .pack-header-icon:before {
	color: #913451;
}
.packs-filAriane .contentFilAriane h3 {
	margin: 25px 0 0px 10px;
	display: inline-block;
	vertical-align: top;
	height: 25px;
}
.packs-filAriane .contentFilAriane h3:before {
	content: "|";
	margin-right: 10px;
}
.packs-filAriane .contentFilAriane h2,
.packs-filAriane .contentFilAriane h3 {
	display: inline-block;
  margin: 0;
	vertical-align: top;
  font-family: 'Source Sans Pro', Arial, sans-serif;
  font-size: 28px;
  line-height: 80px;
}
.packs-filAriane .contentFilAriane h2 {
  margin-right: 10px;
  font-weight: 900;
}
/*.packs-filAriane .pack-header-icon {
	display: inline-block;
	color: #719CC7;
}
.packs-filAriane .pack-header-icon:before {
	color: #719CC7;
}*/
.contentPrincipale .content {
	/*width: auto;*/
  /*width: calc(100% - 225px);*/
	/*min-height: 500px;*/
}
.contentPrincipale .content .screen {
	margin: 0;
  padding: 0;
  border: none;
}

.screen.vui-screen-view.fcfolders-view .view-area .view-header.view-has-actions .view-options{
    margin: 32px 0 0 0;
}

.contentPrincipale .content .navigation-area .list-view .horizontal .detail strong {
	margin: 10px 0 0 15px;
}
.main-content {
    white-space: normal;
    width: calc(100% - 251px);
}
.tabs-container {
	/*background-color: #f6f6f6;
	border-bottom: 2px solid #e6e6e6;*/
  /*height: 50px;*/
  /*margin-bottom: 5px;*/
}
.tabs-container .tab-content.tab-on {
    height: 60px;
    margin-top: -5px;
    margin-bottom: 0;
    background-color: white;
    border-bottom: none;
    line-height: 63px;
}
.tabs-container .tab-content {
    display: inline-block;
    vertical-align: middle;
    /*width: 33.2%;*/
    height: 50px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0 14px;
    line-height: 50px;
    background-color: #f6f6f6;
    color: #666666;
}
.tabs-container .tab-content:hover {
    background-color: #e0e0e0;
}
.tabs-container .tab-content.tab-on:hover {
    background-color: white;
}
.tabs-container .tab-content .tab-title {
    display: inline;
    font-size: 0;
    line-height: 60px;
    /*width: 84%;*/
}
.tabs-container a:before {
    vertical-align: -5px;
}
/*.tabs-container .tab-content a {
    margin-left: 40px;
}*/
.tabs-container .tab-content button {
    margin: 0;
    padding: 14px 0;
    background: none;
    color: #666666;
    text-align: left;
}
.tabs-container .tab-content button span {
  font-family: 'Source Sans Pro', Arial, sans-serif;
  font-size: 17px;
  font-weight: 900;
	color: #858585;
}
.notif-tasks {
    padding: 8px 0;
}
.notif-tasks div {
    width: 25px;
    height: 25px;
    font: lighter 15px/25px 'Source Sans Pro', Arial, sans-serif;
    font-weight: 900;
    text-align: center;
}
.chip-counter {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #913451;
}
.tabs-container .tab-content .notif-tasks {
    display: inline-block;
    margin-left: 18px;
    padding: 0;
}
/*.current-tasks p:before, .current-tasks a:before {
    content: "\e00d";
    font-family: iQon;
    font-size: 16px;
    color: #8e8e8e;
    margin-right: 5px;
    margin-left: -21px;
}*/
/*.delegates-document p:before, .delegates-document a:before {
    content: "\e08a";
    font-family: iQon;
    font-size: 16px;
    color: #8e8e8e;
    margin-right: 5px;
    margin-left: -21px;
}
.tasks-delays p:before, .tasks-delays a:before {
    content: "\e10a";
    font-family: iQon;
    font-size: 16px;
    color: #8e8e8e;
    margin-right: 5px;
    margin-left: -21px;
}*/
.my-documents p:before, .my-documents a:before {content: "\e086"; font-family:iQon; font-size:16px; color:#8e8e8e; margin-right:5px; margin-left:-21px;}

/*.view-header .view-options .action-refresh {
    background: url(../images/refresh.png) no-repeat center center #e6e6e6;
    padding: 15px 15px;
    height: auto;
    width: auto;
    border-radius: 0px;
}*/
/*.view-header .view-options .action-refresh:hover {
    background: url(../images/refresh.png) no-repeat center center #e6e6e6;
}*/

.menuitem-create-multiple, .menuitem-create-multiple ul {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}
/*.menuitem-create-multiple .menuitem-create-multiple-subitem {
	background-color: white;
	box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.5);
}*/
.menuitem-create-multiple .menuitem-create-multiple-subitem div {
	/*margin-right: 40px;*/
	width: 100%;
}
/*.menuitem-create-multiple .menuitem-create-multiple-subitem div:hover {
	background-color: #c8c8c8;
}*/
.menuitem-create-multiple a {
    text-decoration: none;
    display: block;
}
.menuitem-create-multiple ul {
    visibility: hidden;
    position: absolute;
    top: 20px;
    left: 0;
    min-width: 220px;
    margin: 0;
    padding: 5px 0;
    opacity: 0;
    background: white;
    -webkit-box-shadow: 0px 7px 23px 0px rgba(88, 88, 88, 0.30);
    -moz-box-shadow: 0px 7px 23px 0px rgba(88, 88, 88, 0.30);
    -o-box-shadow: 0px 7px 23px 0px rgba(88, 88, 88, 0.30);
    box-shadow: 0px 7px 23px 0px rgba(88, 88, 88, 0.30);
    transition: all .3s ease-in-out;
}
.menuitem-create-multiple ul li {
    width: 100%;
    padding: 0;
}
.menuitem-create-multiple ul li a {
    margin: 0 5px;
    padding: 10px;
    background: white;
    font-size: 14px;
}
.menuitem-create-multiple ul li a:before {
    display: none;
}
.menuitem-create-multiple ul li a.plan-create ul a:hover {
    background: #d9d9d9;
}

.menuitem-create-multiple li:hover ul {
    visibility: visible;
    top: 38px;
    opacity: 1;
    z-index: 1000;
}
.menu-panel .menu-panel-content .menuitem-create-multiple .plan-create b{
  	display: inherit;
  	white-space: nowrap;
}
.menu-panel-content .menuitem-create-multiple  .menuitem-create-multiple-subitem A.plan-create:before {
    float: left;
    padding-right: 10px;
}



/*Quick access menu colors*/

.quick-access-menu .orange .icon{background-color:#913451;color:white;}
.quick-access-menu .light_blue .icon{background-color:#009da6;color:white;}
.quick-access-menu .green .icon{background-color:#68b200;color:white;}
.quick-access-menu .purple .icon{background-color:#c0087f;color:white;}
.quick-access-menu .dark_blue .icon{background-color:#005d89;color:white;}

/*green*/
.quick-access-menu .color1 .icon{background-color:#46b06f;color:white;}
.quick-access-menu .color2 .icon{background-color:#b5cd36;color:white;}
.quick-access-menu .color3 .icon{background-color:#68a62f;color:white;}
.quick-access-menu .color4 .icon{background-color:#048c5c;color:white;}
.quick-access-menu .color5 .icon{background-color:#4b755d;color:white;}
/*blue*/
.quick-access-menu .color6 .icon{background-color:#7985c1;color:white;}
.quick-access-menu .color7 .icon{background-color:#607d8a;color:white;}
.quick-access-menu .color8 .icon{background-color:#842a4d;color:white;}

.quick-access-menu .color9 .icon{background-color:#57bfee;color:white;}
.quick-access-menu .color10 .icon{background-color:#4da9b5;color:white;}
/*purple*/
.quick-access-menu .color11 .icon{background-color:#8e74b2;color:white;}
.quick-access-menu .color12 .icon{background-color:#786b76;color:white;}
.quick-access-menu .color13 .icon{background-color:#584156;color:white;}
.quick-access-menu .color14 .icon{background-color:#656773;color:white;}
.quick-access-menu .color15 .icon{background-color:#bfaab4;color:white;}
/*red-orange*/
.quick-access-menu .color16 .icon{background-color:#f08767;color:white;}
.quick-access-menu .color17 .icon{background-color:#b51452;color:white;}
.quick-access-menu .color18 .icon{background-color:#ea5355;color:white;}
.quick-access-menu .color19 .icon{background-color:#e87536;color:white;}
.quick-access-menu .color20 .icon{background-color:#f7a843;color:white;}
/*brown*/
.quick-access-menu .color21 .icon{background-color:#a0877e;color:white;}
.quick-access-menu .color22 .icon{background-color:#725644;color:white;}
.quick-access-menu .color23 .icon{background-color:#7b5355;color:white;}
.quick-access-menu .color24 .icon{background-color:#b17f4c;color:white;}
.quick-access-menu .color25 .icon{background-color:#9e4343;color:white;}
/*grey*/
.quick-access-menu .color26 .icon{background-color:#5e635d;color:white;}
.quick-access-menu .color27 .icon{background-color:#8da7a4;color:white;}
.quick-access-menu .color28 .icon{background-color:#656773;color:white;}
.quick-access-menu .color29 .icon{background-color:#697972;color:white;}
.quick-access-menu .color30 .icon{background-color:#cbce97;color:white;}
/*yellow*/
.quick-access-menu .color31 .icon{background-color:#f7d331;color:white;}

/*Quick access menu colors*/

/*MEM - apply the same design as that used in demo*/
.quick-access-menu .icon:hover { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=70); opacity: 0.7; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s;}


/* Pack page - list of Documents */
.pleinPage.pack .screen.sys-views-process {
    background: white;
    padding: 15px 20px;
    min-height: 375px;
}