h2{font-family: 'Open sans', sans-serif;}
h2.sub_heading { font-size:20px; font-weight: normal; }

.inlineblock{display: inline-block !important}
.inline{display:inline}
.block{display: block}
.display-none{display: none}

.relative {position: relative}
.absolute {position:  absolute}

.bottom{bottom:0px}
.top{top:0px}
.left{left:0px}
.right{right:0px}

.sidebar-nav{
    padding: 9px 0px;
    margin-left: -5px;
}

.width75{width: 75px}
.width100{width: 100px}
.width150{width: 150px}
.width200{width: 200px}
.width240{width: 240px}
.width250{width: 250px}
.width270{width: 270px}

.height5{height: 5px}
.height10{height: 10px}
.height20{height: 20px}

.text-right { text-align: right }
.text-left { text-align: left }
.text-center { text-align: center; }

.marginR10{margin-right: 10px}
.marginL10{margin-left: 10px}
.marginL50{margin-left: 50px}
.marginL70{margin-left: 70px}

.marginR5{margin-right: 5px}
.marginL5{margin-left: 5px}
.margin0{margin: 0px;}
.marginT5 { margin-top: 5px;}
.marginT10 { margin-top: 10px;}
.marginB20 { margin-bottom: 20px;}
.marginB0 { margin-bottom: 0px;}

.row-fluid .span150, .span150{width: 150px}
.row-fluid .span200, .span200{width: 200px}
.row-fluid .span250, .span250{width: 150px}

.sidebar-nav li a{padding: 3px 0px}
.sidebar-nav li.nav-header{margin-left: -25px}

.sidebar-nav .nav-header{cursor: pointer}

.nav-sub-menu{padding: 0px}


.valignTop{vertical-align: top}
.valignMid{vertical-align: middle}


.marginR10{margin-right: 10px}
.marginL10{margin-left: 10px}
.marginL50{margin-left: 50px}
.marginL70{margin-left: 70px}

.marginR5{margin-right: 5px}
.marginL5{margin-left: 5px}
.margin0{margin: 0px;}



/* V3 ClipBucket Custom icons */
.icon-stats {background-position: -0px -0px;}
.icon-globe {background-position: -24px -0px;}
.icon-keys  {background-position: -48px -0px;}
.icon-reply {background-position: -72px -0px;}
.icon-groups {background-position: -96px 3px;}
.icon-add-user {background-position: -120px -0px;}
.icon-remove-user {background-position: -144px -0px;}
.icon-gauges {background-position: -168px -0px;}
.icon-gauge {background-position: -192px -0px;}
.icon-graph {background-position: -216px -0px;}
.icon-pie-chart {background-position: -240px -0px;}
.icon-adjustment {background-position: -264px -0px;}
.icon-coins {background-position: -288px -0px;}
.icon-notes {background-position: -312px -0px;}
.icon-settings {background-position: -336px -0px;}
.icon-plugins {background-position: -360px -0px;}


.icon-v3 {
  background-image: url("../images/v3icons.png");
}


.icon-v3-white {
  background-image: url("../images/v3icons-white.png");
}

.left-column{ margin-top: 10px; position: relative; 
             width: 200px;margin-left: -100%;z-index:2; float: left}
.left-column .nav-list{ margin-left: 5px}

.content-container{margin-top: 10px; width: 100%; float: left;z-index:1;}
.content{margin-left: 220px; padding-right: 10px}

/* Side Bars */
.admin-sidebars{ width: 270px; padding: 10px; margin: 10px}
.sidebar{margin-bottom: 10px}
.sidebar-title{background-color: #aaa; padding: 4px}
.xadmin-sidebars .btn{width: auto; display: block; text-align: left; font-weight: bold}
.btn-sidebar{width: 245px !important}
.btn-sidebar-dragable{width: 200px !important}

.widget-btn-long{width: 223px  !important}
.admin-sidebars .dropdown-menu{min-width: 198px;}
.sidebar-desc{font-size: 11px; color: #3f4443; margin: 5px 0px}
.sidebar{display: none}
.widget-bar{margin:5px 0px}

.admin-widget-box{width: 300px; margin-right: 10px; float: left; height: 80px; margin-bottom: 10px; overflow: hidden;}
.admin-widget-box-icon{width: 50px; margin-right: 10px; float: left;cursor: move}
.admin-widget-box-inner{width: 240px; float: left}
.admin-widget-box-title{font-weight: bold; font-size: 15px; margin-bottom: 5px}

.drop-widget-area{background-color: #f9f9f9;
padding:5px; border:1px dashed #ccc}

.widgets-list{padding: 5px 0px;}

/* Header */
.header-top{height: 63px; background-color: #1b1b1b }
.header-top .logo{background-image: url(../images/header-top-bg.png); height: 62px; min-width: 388px;
 background-repeat: no-repeat; font-size: 28px; color: #fff; padding-left:90px; line-height: 58px}

@media screen and (-webkit-min-device-pixel-ratio:0){
    .header-top .logo-text{
        background: url(../images/logo-text.png);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; background-position: 0px 17px
    }
}

.header-bottom{background-color: #363636}
.header-bottom ul{margin: 0px; padding: 0px;}
.header-bottom ul li{float: left; display: inline-block; border-right: 1px solid #222;
border-left: 1px solid #4b4b4b; padding: 5px 10px; color: #fff; font-size: 11px; font-weight: bold}

footer{background-color:#161616; padding: 0px 0px}
footer ul{padding: 0px; margin: 0px;}
footer ul li{padding: 0px; margin: 0px; list-style: none;border-right: 1px solid #2c2c2c;
border-left: 1px solid #060606; padding: 15px 20px; float: left; height: 30px; color:#fff; vertical-align: middle; }
footer ul li.version{font-size: 13px; margin-top: 5px; border-right: none}
footer ul li.links{ width: 270px; border-right: none}
footer ul li span{float: left; width: 120px; margin-right: 10px; font-size: 11px}
footer ul li.team{font-size:11px; text-align: center; border-left: none}


/* Forms */
.form-basic{margin-top: 15px}
.form-basic label{font-size: 12px; color: #666; font-weight: bold}

/* Data rows */
.data-row{ border-bottom:1px solid #e5e5e5; border-top:1px solid #fff; padding: 10px 0px  }
.data-row:first-child{border-top:0px;}
.data-row:last-child{border-bottom: 0px}
.data-row > ul{padding: 0px; margin: 0px}
.data-row > ul > li{padding: 0px; margin: 0px; list-style: none; float: left; padding-right: 10px;
font-weight: bold; font-size: 12px; color: #626262}
.data-row > ul > li.index{width: 35px;}
.data-row > ul > li.option{width: 40px}
.data-row > ul > li.text{width: 250px}
.data-row > ul > li.action{width:70px; float: right; padding-right: 0px}
.data-row input{margin-bottom: 0px; padding: 0px 4px}

.well-compact{padding: 10px}

.loading_pointer{ vertical-align: middle; display: none}


/* Login Page */
.login-page{background-color: #efefef}
.back-to-website a{color: #fff}
.back-to-website{
background: #4f4f4f;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNGY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZTBlMGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4f4f4f 0%, #0e0e0e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f4f4f), color-stop(100%,#0e0e0e));
background: -webkit-linear-gradient(top,  #4f4f4f 0%,#0e0e0e 100%);
background: -o-linear-gradient(top,  #4f4f4f 0%,#0e0e0e 100%);
background: -ms-linear-gradient(top,  #4f4f4f 0%,#0e0e0e 100%);
background: linear-gradient(to bottom,  #4f4f4f 0%,#0e0e0e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#0e0e0e',GradientType=0 );
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
font-size: 12px; color: #fff;
font-weight: bold; text-align: center; padding: 3px 8px;
width:150px; margin: auto;
}
.login-logo{text-align: center; margin: 30px 0px 10px}
.login-box{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 15px; border:1px solid #aeaeae;
box-shadow: 1px 1px 0px #fff;
width: 280px; margin: auto;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWZlZmVmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #ffffff 71%, #efefef 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(71%,#ffffff), color-stop(100%,#efefef));
background: -webkit-linear-gradient(top,  #ffffff 71%,#efefef 100%);
background: -o-linear-gradient(top,  #ffffff 71%,#efefef 100%);
background: -ms-linear-gradient(top,  #ffffff 71%,#efefef 100%);
background: linear-gradient(to bottom,  #ffffff 71%,#efefef 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );

}
.login-msg{width: 310px; margin: auto;}
.login-box .control-label{font-size: 14px; font-weight: bold}
.login-footer{margin-top: 15px; 
              font-size: 12px; color: #222l;text-align: center}
.login-footer .version{font-size: 12px; font-weight: normal}

.white-grad{background: rgb(255,255,255);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWRlZGVkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 46%, rgba(237,237,237,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 46%,rgba(237,237,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}

.controller{border: 1px solid #ccc;padding: 5px 8px; 
border-width: 1px 0px; margin-bottom: 10px; }
.controller .buttons{position: relative; top:1px;}
.controller-fixed{border-top: none; box-shadow: 0px 1px 1px #CCC}
.controller-fixed-bottom{border-bottom: none;  box-shadow: 0px -1px 1px #CCC; margin-bottom: 0px}

.buttons .right-button{ position: absolute; right: 0px; top: 2px}
.buttons .btn-toolbar{margin: 0px}

.input-order{width: 30px}
.list-block tbody input[type=checkbox]{margin: 0px 10px}

.category-list label{display: inline-block}

.settings-block{width: 364px; margin: 8px; float: left; box-shadow:0 0 2px #CCCCCC; padding: 8px}
.settings-block fieldset legend{margin-bottom:0px}

/* Photo Settings Page */
.photo-ratio-box {
    text-align: center;
    font-size:20px;
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    margin: auto;
    -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
}

.photo-ratio-boxes .thumbnail {
    -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
}

.photo-ratio-boxes .thumbnail:hover {
    border-color:#ccc;
    cursor: pointer;
    box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1), inset 0px 0px 10px rgba(0,0,0,0.2)
}

.photo-ratio-boxes .thumbnail:hover .photo-ratio-box {

}

.photo-ratio-boxes .thumbnail.checked, .photo-ratio-boxes .thumbnail.checked:hover {
    border-color:#08c;
    cursor: pointer;
    box-shadow:none;
    
}

.photo-ratio-boxes .thumbnail.checked .photo-ratio-box {
    background:#08c;
    border-color:#08c;
    color:white;
}

.photo-ratio-boxes li {
    position:relative;
}

.photo-ratio-boxes li input {
    position: absolute;
    visibility: hidden;
}

/* Watermark Placement */
.watermark-placement {
    width:205px;
}

.watermark-placement-holder {
    width:65px; height: 55px;
    display:inline-block;
    margin:0px 0px -1px -5px;
    position:relative;
    text-align: center;
    border:1px solid #DDD;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
     -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
}
.watermark-placement:hover .watermark-placement-holder {
    opacity: 0.3
}
.watermark-placement:hover .watermark-placement-holder.checked, .watermark-placement:hover .watermark-placement-holder:hover {
    opacity: 1;
}

.watermark-placement-holder.watermark-top-left, .watermark-placement-holder.watermark-left, .watermark-placement-holder.watermark-bottom-left {
    border-radius:4px 0px 0px 4px;
}
.watermark-placement-holder.watermark-top-right, .watermark-placement-holder.watermark-right, .watermark-placement-holder.watermark-bottom-right {
    border-radius:0px 4px 4px 0px;
}

.watermark-placement-holder:hover {
    box-shadow:inset 0px 0px 0px 1px rgba(255,255,255,1), inset 0px 0px 10px rgba(0,0,0,0.2)
}
.watermark-placement-holder.checked {
    border-color: #08c;
    z-index: 500;
    background:#08c;
    box-shadow:inset 0px 0px 15px 0px rgba(255, 255, 255, 0.45), inset 0px 0px 0px 1px rgba(255, 255, 255, 0.4)
}
.watermark-placement-holder label  {
    margin:0px;
    width:100%;
    height:100%;
}
.watermark-placement-holder label:hover {
    cursor: pointer;
}

.watermark-placement-holder input {
   position: absolute;
   top:50%; left:50%;
   margin-top: -6px; margin-left: -6px;
}

.buttons{height: 35px}

.border-box{
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing:     border-box;
    box-sizing:        border-box;
}

h3.template_name {
    font-size: 22px;
    font-weight:lighter;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    margin-bottom: 10px;
}


.home-sidebar{
    width:225px; float: left; background-color: #f5f5f5; 
    border-left: 1px solid #ccc; height: 100%
}

.home-sidebar .sidebar-title{ font-size: 11px; font-weight: bold; background-color: #f5f5f5; }

.blocks-container{width: 50%; float: left; box-sizing: padding-box; -moz-box-sizing: padding-box; -webkit-box-sizing: padding-box;
                  padding-right: 20px;}
.home-block{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f5f5f5;
    border: 1px solid #d1d1d1;
    -webkit-box-shadow:  1px 1px 1px 0px rgba(229, 229, 229, 1);
    box-shadow:  1px 1px 1px 0px rgba(229, 229, 229, 1);
    padding: 10px;
    width: 100%;
    display: inline-block;
    margin-left: 0px !important;
    margin-right: 20px; margin-bottom: 20px;
    box-sizing: padding-box; -moz-box-sizing: padding-box; -webkit-box-sizing: padding-box
}
.home-block .block-title{font-size: 16px; font-weight: bold; margin-bottom: 5px; position: relative; display: block; cursor: move}
.icon-blank{cursor: pointer; position: absolute; right: 0px}
.block-content{padding-top: 15px;}
.block-content .stats tr td:nth-child(2),.block-content .stats tr th:nth-child(2){ text-align: right}
.block-content .stats tr td {font-size: 14px}

.notification-container{width: 200px;position: absolute; right: 0px;
top: 90px; background-image: url('../images/notification-bg.png'); }
.home-box{padding-right: 210px;}

.notification{ margin: 0px; padding: 0px}
.notification li{list-style:  none; padding: 0px; margin: 0px;}

.notification li.head{background-color: rgba(0, 0, 0, 0.47);
border: 1px solid #222222;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
color: #FFFFFF;
font-weight: bold;
height: 20px;
margin: 5px 0 0;
padding: 3px 10px;
text-shadow: 1px 1px 6px #000000;}

.notification li.notifications ul li:first-child{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.41) 0%, rgba(0,0,0,0) 53%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.41)), color-stop(53%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0)));
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top,  rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top,  rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.41) 0%,rgba(0,0,0,0) 53%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69000000', endColorstr='#00000000',GradientType=0 );
border-top: 0px;

}
.notification li.notifications{height: 200px;}
.notification li.notifications ul{margin: 0px; padding: 0px; list-style: none}
.notification li.notifications ul li{border-bottom: 1px solid #333333;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
list-style: none outside none;
margin: 0;
padding: 4px 6px 4px 10px; height: 40px;
border-top: 1px solid rgba(255, 255, 255, 0.2)
}
.notification li.notifications ul li .desc{font-weight: normal; font-size: 11px; margin-top: -3px}

.note-textarea,.note-add-btn{width:100%; box-sizing:padding-box; -moz-box-sizing: padding-box; -webkit-box-sizing: padding-box}
.note-add-btn{width: 100% !important; margin-bottom: 10px}
.awein{background-color: #000; padding: 10px}