/* STYLES FOR MEMORY LIST */
/*memoty list*/
#memoryList {
    width: inherit !important;
}
.notification_container {
    position: relative;
    z-index: 10000;
	overflow:inherit !important;
	
}
.notification_container .nav {
  display: inline-block;
  text-align: left;
}

.noti {
  margin-top:20px;
  width: 340px;
  float:right;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 23px;
  -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.08), 0 -1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.12);
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.08), 0 -1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.12);
}

.noti-list {
  padding: 0 6px;
  height: 34px;
  background: #f4f5f7;
  border-radius: 18px;
  background-image: -webkit-linear-gradient(top, white, #e1e2eb);
  background-image: -moz-linear-gradient(top, white, #e1e2eb);
  background-image: -o-linear-gradient(top, white, #e1e2eb);
  background-image: linear-gradient(to bottom, white, #e1e2eb);
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.2);
}
.noti-list > li {
  float: left;
  height: 17px;
  margin: 8px 0;
}
.noti-list > li + li {
  border-left: 1px dotted #989ca8;
}

.noti-link {
  float: left;
  position: relative;
  margin-top: -8px;
  padding: 0 14px;
  line-height: 34px;
  font-size: 10px;
  font-weight: bold;
  color: #555;
  text-decoration: none;
  text-shadow: 0 1px white;
}
.noti-link:hover {
  color: #333;
  text-decoration: underline;
}

.noti-counter {
  position: absolute;
  top: -1px;
  right: 1px;
  min-width: 8px;
  height: 20px;
  line-height: 20px;
  margin-top: -11px;
  padding: 0 6px;
  font-weight: normal;
  color: white;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  background: #e23442;
  border: 1px solid #911f28;
  border-radius: 11px;
  background-image: -webkit-linear-gradient(top, #e8616c, #dd202f);
  background-image: -moz-linear-gradient(top, #e8616c, #dd202f);
  background-image: -o-linear-gradient(top, #e8616c, #dd202f);
  background-image: linear-gradient(to bottom, #e8616c, #dd202f);
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.1), 0 1px rgba(0, 0, 0, 0.12);
}

.noti-counter-green {
  background: #75a940;
  border: 1px solid #42582b;
  background-image: -webkit-linear-gradient(top, #8ec15b, #689739);
  background-image: -moz-linear-gradient(top, #8ec15b, #689739);
  background-image: -o-linear-gradient(top, #8ec15b, #689739);
  background-image: linear-gradient(to bottom, #8ec15b, #689739);
}

.noti-counter-blue {
  background: #3b8de2;
  border: 1px solid #215a96;
  background-image: -webkit-linear-gradient(top, #67a7e9, #2580df);
  background-image: -moz-linear-gradient(top, #67a7e9, #2580df);
  background-image: -o-linear-gradient(top, #67a7e9, #2580df);
  background-image: linear-gradient(to bottom, #67a7e9, #2580df);
}
#noti-box {
 background: none repeat scroll 0 0 rgba(0, 0, 0, 0.04);
    border-radius: 23px;
    box-shadow: 0 1px rgba(0, 0, 0, 0.08) inset, 0 -1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.12);
	padding:4px;
	float:right;
}
#noti-box_inner {background-color: #f4f5f7; width:560px; max-height:200px; overflow-y:auto; overflow-x:hidden; background: linear-gradient(to bottom, white, #e1e2eb) repeat scroll 0 0 #f4f5f7;
    border-radius: 18px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 6px 6px;}
.noti-box_title {clear: both; display: block; font-size: 1.2em; height: 16px;}
.noti-box_row {width:auto !important; display:block; margin:0 !important;}
.noti-box_row span {float:left; margin-left:0px !important;}
.noti-box_row i {float:left;}
.noti-box_row a,.notes_application_number {float:left; margin-left:20px; text-overflow:ellipsis; white-space:nowrap; overflow:none; width:100px !important; overflow:hidden;}
.noti-box_row a {color:blue;}
.noti-box_row a:hover {text-decoration:underline;}
.memorylist_notes_enduser {width:12em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-left:0px !important;padding-right: 0px !important;}
.notes_gadgets {width:13em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-right: 3em;}

.noti-box_title  .notes_enduser {width:130px; float:left; display:block; margin-left:-90px;}
.noti-box_title  .notes_application_number  {width:100px; float:left; display:block;}
.noti-box_title  .notes_gadgets {width:240px; float:left; display:block;}

/* Responsive
************************************/
	@media all and (max-width: 640px) {
		#memoryList{
            width: 100% !important;
            position: absolute !important;
            right: 2% !important;     
        }
        #noti-box, #noti-box_inner{
            width: 100% !important;
        }
        .noti-box_title, .mobileHide {
            display: none !important;
        }
        .noti-box_row a {
            clear: both;
        }
        .notes_gadgets, .memorylist_notes_enduser, .memoryTrachCan {
            clear: both;
            margin-left: 20px !important;
            width: 100% !important;
        }
        .memoryTrachCan {
            border-bottom: 1px solid #ccc;
            margin-right: 20px !important;
        }
        .noti-box_row span {
            margin-left: 20px !important;
        }
	}