@charset "utf-8";
/* CSS Document */

.projects_list_div{width: 10vw;min-width:125px;background-color:rgba(75,75,75,.81);
border-radius: 1vh; display:inline-block;margin-right:3vw;margin-bottom:3vw;}

.projects_list_div_container{padding-left: 0.25vw;padding-right: 0.25vw;padding-top: 0.25vw;padding-bottom: 0.25vw;height: 35px;}

.projects_list_div_foot{padding-left: 0.25vw;padding-right: 0.25vw;padding-bottom: 0.25vw;height: 3vh;line-height: 3.8vh;}

.projects_list_title{display: inline;font-size: .8vw;}

.projects_list_count{float: right;text-align: right;font-size: x-large;}

.projects_list_icon{display: inline-block;border-radius: 30px;width:30px;height:30px;text-align: center;padding: .25vw;}
.projects_list_icon img{max-height: 100%; max-width: 100%;}


.pld_today{border:2px #4c6893 solid;}
.pld_today_icon{background-color:#4c6893;}
.pca{border:2px #E5B457 solid;}
.pca_icon{background-color:#E5B457;}
.prod{border:2px #139CF3 solid;}
.prod_icon{background-color:#139CF3;}
.indesign{border:2px #A4B904 solid;}
.indesign_icon{background-color:#A4B904;}
.projinstall{border:2px #F0EF05 solid;}
.projinstall_icon{background-color:#F0EF05;}
.projflagged{border:2px #D7020F solid;}
.projflagged_icon{}




#NDOdata{padding-left:5px;overflow-y:scroll;margin-top:40px;}






.NotifyTree{  width:100%;  overflow-x: hidden;  overflow-y: hidden;
background-color: rgba(41,41,41,0.80);position: fixed; border-top: 2px solid white;
padding-top:0px;padding-bottom: 0px; padding-left: 2%; padding-right: 2%; 
 bottom:-15px;  text-align: left;z-index: 999999;height:15px;max-height:85px;}

.NotifyTreeInner{display: flex;overflow-x: hidden;overflow-y: hidden;width: auto;max-height: 85px;padding-right: 200px;}

.paddle {  position: absolute;  top: 10%;  bottom: 0;  width: 20px;  height: 50px;}
.lefty {left: 0;}
.righty {position: absolute;right: 80px;}





.NotifyLeaf{margin:1vh 0px;cursor: pointer; cursor: hand;min-width:285px;width: 100%;max-width: 345px;display: inline-grid;margin-left:15px;
padding-right: .25vw;padding-left: .25vw;
-webkit-border-top-left-radius: 16px;-moz-border-top-left-radius: 16px;border-top-left-radius: 16px;
-webkit-border-bottom-right-radius: 16px;-moz-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;}

.NotifyLeafMsg{margin-left:.25vw;}


.UnderLeaf{display:none;margin:1vh 0px;
-webkit-border-bottom-right-radius: 16px;-moz-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;}

.UnderLeafAuto{margin:2px 0px;
-webkit-border-bottom-right-radius: 16px;-moz-border-bottom-right-radius: 16px;border-bottom-right-radius: 16px;}

.UnderLeafAuto span{margin-left:.25vw;margin-right:.25vw;}

.leafclose{border:none;cursor:pointer;cursor:hand;position: relative; left: 8px; top: -8px;float: right;
background-image: url('../cssimg/Delete-icon.png'); background-size:1vw 1vw; background-repeat: no-repeat; width:1vw;height:1vw;}

.leafclose:hover{border:none;cursor: pointer;cursor: hand;
background-image: url('../cssimg/Light_trash.png'); background-size:1vw 1vw; background-repeat: no-repeat; width:1vw;height:1vw;}









.GreenLeaf{background-color: rgba(46,171,3,1.00);}
.GreenLeafFade{color:#000;
background-color: rgba(46,171,3,1.00);
background-image: linear-gradient(to left, #0FB43B, #32FB01);}

.YellowLeaf{background-color: rgba(217,216,5,1.00);color:#000;}
.YellowLeafFade{color:#000;
background-color: rgba(217,216,5,1.00);
background-image: linear-gradient(to left, rgba(208,188,5,1.00), rgba(245,245,97,1.00));
}

.OrangeLeaf{background-color: rgba(237,140,16,1.00);}
.OrangeLeafFade{color:#000;
background-color: rgba(237,140,16,1.00);
background-image: linear-gradient(to left, rgba(243,128,29,1.00), rgba(235,164,74,1.00));}

.RedLeaf{background-color: rgba(208,10,10,1.00);}
.RedLeafFade{
background-color: rgba(208,10,10,1.00);
background-image: linear-gradient(to left, rgba(208,10,10,1.00), rgba(237,140,16,1.00));}

.BlueLeaf{background-color: rgba(16,54,237,1.00);}
.BlueLeafFade{
background-color: rgba(16,54,237,1.00);
background-image: linear-gradient(to left, #1323D1, #4192F3);}

.PurpleLeaf{background-color: rgba(107,39,183,1.00);}
.PurpleLeafFade{
background-color: rgba(107,39,183,1.00);
background-image: linear-gradient(to left, #743ad5, #d53a9d);}






.NotifyLeafAlt{margin:1vh 0px;
-webkit-border-top-right-radius: 16px;-moz-border-top-right-radius: 16px;border-top-right-radius: 16px;
-webkit-border-bottom-left-radius: 16px;-moz-border-bottom-left-radius: 16px;border-bottom-left-radius: 16px;}












.Newdialogbox{position: fixed;background: #4c6893;border-radius:7px; min-width:550px;z-index: 9999;margin-left: 5vw;margin-right: 5vw;}
.Newdialogbox > div{ background:#292929; margin:8px; }
.Newdialogbox > div > .Newdialogboxhead{ background: #686565; font-size:125%; padding:10px; color:#CCC; }
.Newdialogbox > div > .Newdialogboxsubhead{display:none;background: #333; font-size:19px; padding:1.5vw; color:#CCC; }
.Newdialogbox > div > .Newdialogboxbody{ background:#292929; padding:2vw; color:#FFF; }
.Newdialogbox > div > .Newdialogboxfoot{ background: #686565; padding:10px; text-align:right; }
.NewdialogboxOk{ display:inline-block; text-align:left;}
.Newdialogboxclose{ display:inline-block; text-align:right;background: none;}

























.TabWrapper{ overflow: hidden;display:inline-block;width:100%;}

.TabWrapper div{padding:0 5%;margin:0 5px;cursor:pointer;cursor:hand;
-webkit-border-top-right-radius: 6px;-moz-border-top-right-radius: 6px;border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;-moz-border-top-left-radius: 6px;border-top-left-radius: 6px;}
.TabWrapper div:hover{background-color: rgba(76,104,147,1.00);}
.ActiveInnerTab{display:inline-block;background-color: rgba(76,104,147,1.00);}
.InactiveInnerTab{display:inline-block;background-color: rgba(47,48,49,1.00);}




@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
	
	
.TabWrapper{ overflow: hidden;display:inline-block;width:100%;padding:2vw;}
.TabWrapper div{padding:0 5%;margin:0 5px;cursor:pointer;cursor:hand;
-webkit-border-top-right-radius: 6px;-moz-border-top-right-radius: 6px;border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;-moz-border-top-left-radius: 6px;border-top-left-radius: 6px;}
.TabWrapper div:hover{background-color: rgba(76,104,147,1.00);}
.ActiveInnerTab{display:inline-block;background-color: rgba(76,104,147,1.00);}
.InactiveInnerTab{display:inline-block;background-color: rgba(47,48,49,1.00);}
	
	
	
	
	
	}