.ui-page .ui-content .ui-btn .nav-btn .ui-btn-inner {
    color      : white;
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79BCFF), color-stop(1, #378EE5));
       background: -moz-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
       background: -webkit-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
       background: -o-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
       background: -ms-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
       background: linear-gradient(to bottom, #79BCFF 5%, #378EE5 100%);
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
    border-radius: 10px;
}
.actionOverlay{
position:relative;
top:153px;
left:15px;
   display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:flex-start;
    width:326px;
    max-width:326px!important;
    max-height:34px!important;
    height:34px;
}
.buttonContainer{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79BCFF), color-stop(1, #378EE5));
    background: -moz-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
    background: -webkit-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
    background: -o-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
    background: -ms-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
    background: linear-gradient(to bottom, #79BCFF 5%, #378EE5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79BCFF', endColorstr='#378EE5',GradientType=0);
    background-color: #79BCFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    color: #FFFFFF;
    font: normal normal bold 17px Arial, Helvetica, sans-serif;
    padding: 2px 2px;
    text-decoration: none;
    border: solid #FFFFFF 0px;
    width:80px;
    max-height:30px;
    height:30px;
}

.simpleIcon{
  height: 30px;
  width: 30px;
  background-color: white;
  border-radius: 50%;
           
            background-size: 15px;
          background-repeat: no-repeat;
           background-position: center;

}
.greyIcon{
  height: 30px;
  width: 30px;
  background-color: white;
  border-radius: 50%;
           
            background-size: 25px;
          background-repeat: no-repeat;
           background-position: center;

}
.greyButtonContainer{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #616161), color-stop(1,  #656464));
    background: -moz-linear-gradient(top, #616161 5%, #656464 100%);
    background: -webkit-linear-gradient(top,#616161 5%, #656464 100%);
    background: -o-linear-gradient(top, #616161 5%, #656464 100%);
    background: -ms-linear-gradient(top, #616161 5%, #656464 100%);
    background: linear-gradient(to bottom, #616161 5%, #656464 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#616161', endColorstr=' #656464',GradientType=0);
    background-color: #79BCFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    color: #FFFFFF;
    font: normal normal bold 17px Arial, Helvetica, sans-serif;
    padding: 2px 2px;
    text-decoration: none;
    border: solid #FFFFFF 0px;
    width:100px;
    max-height:30px;
    height:30px;
}
.whiteIcon{
  height: 30px;
  width: 30px;
  background-color: white;
  border-radius: 50%;
border: solid black 1px;       
            background-size: 25px;
          background-repeat: no-repeat;
           background-position: center;

}
.notesButtons{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
margin-left:0px;margin-top:30px;width:100%;background-color:white;
margin-bottom:10px;
}
.nPTime,.nCreateFileImg,.nPPara,.importNotes{
margin-left:10px;
}
.whiteButtonContainer{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
 
    background-color: #ffffff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    color: #FFFFFF;
    font: normal normal bold 17px Arial, Helvetica, sans-serif;
    padding: 2px 2px;
    text-decoration: none;
    border: solid black 1px;
 
    width:100px;
    max-height:30px;
    height:30px;
}
.catButtonContainer{
    display:flex;
    margin-left:10px;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:space-between;
    align-items:center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79BCFF), color-stop(1, #378EE5));
    background: -moz-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
    background: -webkit-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
    background: -o-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
    background: -ms-linear-gradient(top, #79BCFF 5%, #378EE5 100%);
    background: linear-gradient(to bottom, #79BCFF 5%, #378EE5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79BCFF', endColorstr='#378EE5',GradientType=0);
    background-color: #79BCFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    color: #FFFFFF;
    font: normal normal bold 17px Arial, Helvetica, sans-serif;
    padding: 2px 2px;
    text-decoration: none;
    border: solid #FFFFFF 0px;
    width:68px;
    max-height:30px;
    height:30px;
    }
.buttonText{
flex: 2;
text-align:left;
padding-left:10px;
}
.BuyIcon{
display:flex;
	background-position: 0px center;
	background-image:url("../buttons/cart.svg");
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
}

.PlayIcon {
display:flex;
	background-image:url("../buttons/play.svg");
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 !important;
    }
  .InfoIcon {
  display:flex;
	    background-image:url("../buttons/info.svg");
	    background-size: 30px 30px;
	    width: 30px;
	    height: 30px;
	    box-shadow: none;
	    -webkit-box-shadow: none;
	    margin: 0 !important;
}
  .catInfoIcon {
  display:flex;
	    background-image:url("../buttons/info.svg");
	    background-size: 17px 17px;
	    width: 17px;
	    height: 17px;
	    box-shadow: none;
	    -webkit-box-shadow: none;
	    margin: 0 !important;
}
  .FreeIcon {
  display:flex;
	    background-image:url("../buttons/play.svg");
	    background-size: 30px 30px;
	    width: 30px;
	    height: 30px;
	    box-shadow: none;
	    -webkit-box-shadow: none;
	    margin: 0 !important;
}
.categoryBuyNow{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    justify-content:left;
   align-items:center;
   margin-left:14px;
}