body{background: #eee; padding-bottom: 200px;}
.hidden{display: none !important;}
.c{clear:both;}
div.container{width: 960px; margin: 0 auto; font-family: "Open Sans";}
    h1{ font-family: "Open Sans";}
    div.theLab{position:relative; margin: 0 auto; width: 620px; padding: 60px 0px;color: #555; text-decoration: none; text-align: center; font-family: "Open Sans"; font-weight: 600; font-size: 25px;}
    div.username{font-family: "Open Sans"; font-weight: 600; font-size: 80%; margin-top:10px;}
    div.menu{margin-top: 40px;}    
    
    /*div.menu a:last-of-type{margin-right: 0px;}*/

    #bot_1{position: absolute; left: 95px; top: 137px;}
    #bot_3{position: absolute; left: 250px; top: 112px;}
    #bot_5{position: absolute; left: 437px; top: 120px;}
    #bot_6{position: absolute; left: 10px; top: 110px;}
    #bot_7, #bot_13, #bot_19{position: absolute; left: 363px; top: 166px;}
    #bot_8{position: absolute; left: 510px; top: 137px;}
    #bot_9{position: absolute; left: 310px; top: 111px;}
    #bot_10, #bot_12{position: absolute; left: 250px; top: 168px;}
    #bot_11, #bot_14{position: absolute; left: 305px; top: 189px;}
    #bot_15{position: absolute; left: 30px; top: 180px;}
    #bot_17{position: absolute; left: 250px; top: 160px;}
    #bot_18{position: absolute; left: 305px; top: 120px;}
    #bot_20{position: absolute; left: 290px; top: 110px;}


    .grid {display: grid; grid-template-columns: 210px 210px 210px 210px; grid-gap: 40px; min-height: 50px; margin: 0px auto; max-width: 1100px; position: relative;}
    .grid .grid-item{display: inline-grid;}
    .grid .grid-sticky-note-item {position: relative; cursor: pointer; display: inline-grid; background:#ffd796; border-radius: 10px; color:#555; padding: 20px; font-family: "Open Sans"; min-height: 180px; width: calc(100% - 40px);}
    .grid .priority{background:#ffa985;}
    .grid .priorityPast{background:#ff8779;}
    .grid .grid-sticky-note-item:hover  {background:#ffe5bb;}
    .grid .priority:hover {background:#ffc0a4;}
    .grid .priorityPast:hover {background:#fd9084;}
    .grid .grid-sticky-note-item .grid-sticky-note-title{font-weight: 800;}
    .grid .grid-sticky-note-item .grid-sticky-note-content{min-height: 120px; margin-top: 10px;}
    .grid .grid-sticky-note-item .grid-sticky-note-date{font-size: 80%;}
    .grid .grid-sticky-note-item .grid-sticky-note-time{font-size: 80%;}
    .grid .grid-sticky-note-item .grid-sticky-note-ics{position:absolute; right:20px; bottom: 20px; cursor: pointer;z-index:10;}
    .grid .grid-sticky-note-item .grid-sticky-note-ics img{width: 15px; opacity: 0.3;}
    .grid .grid-sticky-note-item .grid-sticky-note-ics img:hover{width: 20px; opacity: 0.7;}
    .grid .grid-sticky-note-add {font-size: 200px; color: #c9a976; padding: 30px; border-radius: 100px; margin-top: 10px; text-decoration: none; line-height: 100px;}
    .grid .grid-sticky-note-add:hover{ color: #dab77f;}

    div.menu{margin-top: 40px; display: grid; grid-template-columns: 140px 140px 140px 140px 140px 140px; grid-gap: 24px;}
    div.menu .menu-item, div.menu .menu-item-dropdown{display: inline-grid; height: 52px;}
    div.menu-profile{position: relative; top: -62px; display: none;}
    div.menu-item-dropdown:hover div.menu-profile{display: block;}
    div.menu-profile:hover{display: block; z-index: 100;}
    
    .button{color: #555; text-decoration: none; margin-bottom: 10px; display: block; font-family: "Open Sans"; font-weight: 600; padding: 15px 0px; text-align: center; border-radius: 10px; background: #ccc; min-width: calc(15% - 1px);}
    .button:hover{background:#ddd;}
        #start_timer:hover{background: #d5e8ad; color: #646e4a;}
        #reporting:hover{background: #d5e8ad; color: #646e4a;}
        #profile:hover{background: #d5e8ad; color: #646e4a;}
        #stop_timer{background: #e7b9b9; color: #8b4545;}
        #stop_timer:hover{background: #e8adad; color: #bd5b5b;}
        #discord:hover{background: #d8bce9; color: #7d5c91;}
        .assets:hover, #assets:hover{background: #d8bce9; color: #7d5c91;}
        .logs:hover, #logs:hover{background: #d5e8ad; color: #646e4a;}
        #trello:hover{background: #adc7e8; color: #4970a1;}
        #jira:hover{background: #adc7e8; color: #4970a1;}
        #confluence:hover{background: #adc7e8; color: #4970a1;}
        #miro:hover{background: #e8e2ad; color: #6e6a40;}
        .pinterest:hover, #pinterest:hover{background: #e7a9a9; color: #8b4545;}
        .logout:hover{background: #e7a9a9; color: #8b4545;}
        #password:hover{background: #d5e8ad; color: #646e4a;}


    form.login{color: #555; width: 300px; margin: 40px auto; font-family: "Open Sans"; font-weight: 400;}
    form.login input{padding: 10px; border-radius: 5px; background: #fff; margin-bottom: 10px; width: calc(100% - 20px); border: 1px solid #555;}

div.popup-overlay{position: fixed; top:0px; left:0px; right: 0px; bottom: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; background: rgba(0,0,0,0.7); z-index: 2000;}
div.popup{position: fixed; left: 50%; margin: 200px -200px; width: 400px; background: #fff; min-height: 100px; padding: 20px; font-family: "Open Sans"; font-size: 80%; border-radius: 15px;  z-index: 2001;}
div.popup-item input{padding: 5px; width: calc(100% - 14px); margin-bottom: 10px;}
div.popup-item-left{float: left;}
div.popup-item-right{float: right;}
div.popup a{color: #555; background: #ccc; border-radius: 10px; padding: 5px 15px; text-align: center; min-width: 40px; text-decoration: none;}
div.popup a:hover{background: #ddd;}

#popup_profile_password, #popup_profile_new_password1, #popup_profile_new_password2{
    width: calc(100% - 23px);
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

/*-- RSS --*/
div.rssFeed{width: 400px; float: left; padding: 5px 40px; color: #131313; font-size: 14px;}
div.rssFeed a{color: #131313; text-decoration: none; margin-bottom: 20px; display:block;}
div.rssFeed a:hover{color: #333; text-decoration: underline;}
div.rssFeed a span{font-size: 10px;}



/*-----------------*/
/*    REPORTING    */
table.reportingTable{width: calc(100% - 0px); padding: 5px 20px 10px 20px; background: #fff; font-family: 'Open Sans'; font-size: 80%;}
table.reportingTable tr td a.editButton{display: none; width: 100%; padding: 0px 2px; background: rgb(114, 158, 64); border-radius: 5px; color: #fff; text-align: center; text-decoration: none;}
table.reportingTable tr:hover td a.editButton{display: block;}
table.reportingTable tr:hover{background: #e3f5b6;}
#userList{padding: 20px 0px; font-size: 1em; font-weight: bold; background: #eee; border: 0px; margin-top: 3px; margin-left: 5px;}