/**
 * @author  VZ Cloud
 * Default CSS for HomePage Styles and Media Queries
 * Date:- 10/14/2016
 */

.bold-text{
    font-family: nhg-text-bold, arial, sans-serif;
}
#baAccessibilityLink {
    display: inherit;
    height: 1px;
}

#upload{
    margin-top: 0px;
}

.notification {
    padding: 5px;
    text-align: center;
    margin-bottom: 4px;
    background-color: #FDF2AB;
}

.vzbs-dropdown .vzcaret{
    padding: 0px;
}
.notification a {
    text-decoration: underline;
}

.styled-select {
    font-size: 13px;
    padding-top: 5px;
    width: 100%;
    float: left;
}

.styled-select select {
    background: transparent;
    padding: 5px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    cursor: pointer;
    opacity: 0;
    float: left;
    position: relative;
    top: -30px;
    width: 100%;
}

.styled-select-multi {
    background: url(../images/music_player_multi.svg) no-repeat rgba(0, 0, 0, 0.0);
    background-size: 30px 30px;
    background-position: 4px 4px;
    float: right;
    position: relative;
    top: 1px;
    left: 1px;
}

.styled-select-multi select {
    width: 44px;
    height: 44px;
    float: right;
    background: transparent;
    padding: 5px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    cursor: pointer;
    color: rgba(0, 0, 0, 0.0);
    opacity: 0;
}

.styled-select-mplayer {
    background: url(../../images/mplayer_pulldown.svg) no-repeat rgba(0, 0, 0, 0.0);
    background-size: 25px 25px;
    float: right;
    position: relative;
    left: 3px;
    top: 21px;

    /*-----Defect ID: 1571 -----VA-----*/
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    overflow: hidden;
    /*-------------------------------------*/
}

.mplayer_close {
    float: right;
    height: 20px;
    left: -12px;
    position: relative;
    top: -18px;
    width: 20px;
    cursor: pointer; /*---Defect ID: 2059---Albert---*/
}

.styled-select-mplayer select {
    /*width: 35px;*/
    height: 35px;
    background: transparent;
    padding: 5px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
    color: rgba(0, 0, 0, 0.0);
    /*---Defect ID: 1571---Albert---*/
    /*opacity: 0;*/
    /* Removed filter property and moved to ie9.css for IE9 specific styling issues */
    /*------------------------------*/

    /*-----Defect ID: 1571 -----VA-----*/
    filter: alpha(opacity=0);
    width: 65px;
    /*-------------------------------------*/
    opacity: 0; /*defect 2339  Jessica*/
}

.styled-select-mplayer select option,
.styled-select-white-multi select option {
    color: #747474;
}

.styled-select-small-multi {
    background: url(../images/multi_overflowed.svg) no-repeat rgba(0, 0, 0, 0.0);
    background-size: 20px 20px;
    float: right;
    position: relative;
    top: -29px;
    left: -7px;
}

.styled-select-small-multi select {
    width: 24px;
    height: 44px;
    float: right;
    background: transparent;
    padding: 5px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    position: relative;
    top: -28px;
    left: -4px;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.0);
    opacity: 0;
}

.styled-select-photo-multi {
    float: right;
}

.styled-select-photo-multi select {
    background: transparent;
    width: 25%;
    height: 50px;
    float: right;
    padding: 5px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
    position: relative;
    top: -50px;
    padding-left: 25%;
    color: rgba(0, 0, 0, 0.0);
    opacity: 0;
}

.styled-select-white-multi {
    background: url("../../images/video_more.svg") no-repeat;
    background-size: 28px 28px;
    float: right;
    position: relative;
    left: 12px;
    top: 5px;
    /*-----Defect ID: 1584 -----VA-----*/
    background-color: #fff;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    overflow: hidden;
    margin-right: 10px;
    /*-------------------------------------*/
}

#selectAll {
    z-index: 499 !important;
    cursor: pointer;
    margin-right: 10px;
}

.styled-select-white-multi select {
    /*width:44px;*/
    height: 44px;
    float: right;
    background: transparent;
    padding: 5px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    cursor: pointer;
    color: rgba(0, 0, 0, 0.0);
    font-family: nhg-text-roman, arial, sans-serif;
    opacity: 0;
    /*-----Defect ID: 1584 -----Albert-----*/
    filter: alpha(opacity=0); /*---filter used to address IE9 support for opacity---*/
    /*opacity:0;*/
    /*-------------------------------------*/

    /*-----Defect ID: 1584 -----Vikash-----*/
    width: 66px;
    /*-------------------------------------*/
}

textarea:focus, input:focus, select:focus {
    outline: 0;
}

/*+++++++++++++ general use class name type styles +++++++++++++*/
.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.clear_right {
    clear: right;
}

.inline {
    display: inline;
}

.hide {
    display: none !important;
}

.hidden {
    opacity: 0.0 !important;
    z-index: -99999 !important;
}

.show {
    display: block;
}

.center_text {
    text-align: center;
}

.right_text {
    text-align: right;
    padding-right: 10px;
}

.left_text {
    text-align: left;
    padding-right: 10px;
}

label.left.folder_link{
    margin-top: -9px;
}

.small_text {
    /*fix 1391 Ethan*/
    font-size: 14px;
}

.center_div {
    margin: 0 auto;
}

.white_text {
    color: #fff;
}

.bold_text {
    font-weight: bold;
}

.padtop_text {
    position: relative;
    top: 4px;
}

.doubleline_text {
    line-height: 1.5;
}

.singleline_text {
    line-height: 1.0;
}

.bottom {
    position: absolute;
    bottom: 0px;
}

.hline {
    width: 100%;
    height: 1px;
    background-color: #d2d3d4;
    margin-top: 4px;
    margin-bottom: 4px;
}

.full_width {
    width: 100%;
}

.background_white {
    background-color: #fff;
}

.ontop {
    z-index: 99999;
}

.vspace {
    height: 5px;
    background-color: rgba(0, 0, 0, 0.0);
}

.margin {
    margin: 4px 4px 4px 4px;
}

.overflow {
    overflow: visible;
}

.red {
    color: #CD040B;
    background-color: rgba(0, 0, 0, 0.0);
}

.relative_holder {
    position: relative;
}

/*+++++++++++++ this app class name type styles +++++++++++++*/
/* containers */
.holder {
    width: 100%;
    min-width: 320px;
    max-width: 1025px;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    /*overflow-x:hidden;*/
    /*Removed to fix spinner issue in ipad */
    padding-left: 0px;
    padding-right: 0px;
   /* background: #f7f7f7;*/
}

.main {
    width: 100%;
    white-space: nowrap;
    /*JM: overflow cancelling for now, need to check impact site wide*/
    overflow: hidden;
    /*min-height: 1024px;*/
    /*MJ --  Increased minimum height so that side bar don't get cut.*/
    min-height: 815px; /* Defect ID 1683 -Albert- */
    padding-bottom: 100px;
    position: relative;
}

/* repoGroup for Firefox Ethan*/
#repoGroup {
    padding-top: 1px;
}

/* top navigation */
.topnav {
    width: 100%;
    height: 0px; /*Making height as 0 because*/
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
}

.topnav_headers {
    left: 5px;
    margin-left: 2px;
    padding-top: 5px;
    /*position: relative;*/
    top: 0px;
    width: 100%;
    height: 30px;
}

.topnav_pulldown {
    font-size: 13px;
    color: #747474;
    cursor: pointer;
}

.topnav_subheaders {
    width: auto;
    float: left;
    margin-left: 8px;
    clear: both;
    position: relative;
    top: -9px;
    display: none !important;
}

.topnav_header0 {
    float: left;
    width: 95px;
    height: 30px;
    text-align: left;
    position: relative;
    left: 0px;
}

.topnav_header1 {
    display: inline-block;
    width: 85px;
    height: 30px;
    overflow: hidden;
}

.topnav_header1:active, .topnav_header1_active {
    opacity: 0.666;
}

.topnav_header2 {
    display: inline-block;
    width: 110px;
    height: 30px;
    overflow: hidden;
}

.topnav_header2:active, .topnav_header2_active {
    opacity: 0.666;
}

.topnav_header3 {
    display: inline-block;
    width: 95px;
    height: 30px;
    overflow: hidden;
}

.topnav_header3:active, .topnav_header3_active {
    opacity: 0.666;
}

.topnav_bargraphs {
    width: 285px;
    /*JM:- Float does not work with position absolute*/
    /*float: right;*/
    right: 0px;
    position: absolute;
    height: 284px;
    background-color: #f6f6f6;
}

.topnav_bargraph {
    height: 2px;
    width: 100%;
    margin-bottom: 4px;
    background-color: rgba(0, 0, 0, 0.0);
}

.topnav_bargraph_used {
    height: 2px;
    margin-bottom: 2px;
    background-color: #ed1c24;
}

.topnav_bargraph_total {
    height: 2px;
    width: 100%;
    margin-bottom: 2px;
    background-color: #595a5d;
}

.topnav_bartext {
    width: 100%;
    overflow: hidden;
    clear: both;
    font-family: nhg-text-roman, arial, sans-serif;
}

.topnav_text {
    font-size: 12px; /* Defect ID 1683 -Albert- */
}

.topnav_boldtext {
    font-size: 12px; /* Defect ID 1683 -Albert- */
    font-weight: bold;
}

.topnav_filters {
    font-size: 13px;
    color: #ed1c24;
    float: left;
    position: relative;
    left: -5px;
    top: 5px;
    font-family: nhg-text-roman, arial, sans-serif;
}

.topnav_counter {
    background-color: #ed1c24;
    border-radius: 10px;
    color: #fff;
    /* font size increased from 8px to 10px - by Ponmudi */
    font-size: 10px;
    left: -27px;
    padding: 2px;
    position: relative;
    top: -17px;
    width: auto;
    font-family: nhg-text-roman, arial, sans-serif;
}

.topnav_counter_place {
    position: absolute;
}

/*home page storage meter*/
#storageCircle {
    width: 100%;
    /* height:200px;
     margin-top:9px;*/
}

#storageCircle .icon_alert {
    background: url("../../images/storagemeter-alert.png") no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    margin-top: -40%;
    margin-left: 43%;
}

.sCircle {

    display: block;
    position: relative;
    margin-left: calc(50% - 100px);

}

#asTxt {
    white-space: pre-wrap;
    text-align: center;
    font-family: nhg-display-bold, arial, sans-serif;
    position: absolute;
    margin-top: 60px;
    font-size: 38px;
    /* margin-left: calc(50% - 50px); */
    width: 95%;
    color: #00347f;
}

#asTxtt {
    position: absolute;
    margin-top: 105px;
    /* margin-left: calc(50% - 50px); */
    width: 95%;
    text-align: center;
    color: #00347f;
    font-family: nhg-display-bold, arial, sans-serif;
    font-size: 18px
}

#stTxt {
    width: 65px;
    white-space: pre-wrap;
    text-align: center;
    margin-top: -30px;
    margin-left: calc(50% - 30px);
    color: #4b4b4b;
    font-family: nhg-display-bold, arial, sans-serif;
    font-size: 15px
}

.moreInfo {
    font-size: 16px;
    color: #000000;
    text-align: center;
    font-family: nhg-display-bold, arial, sans-serif;
    line-height: 1.31;
    letter-spaceing: 0.5px;
    margin-top: 9px;
    cursor: pointer;
    margin-right: 15px
}

.moreInfo a {
    color: #000000 !important;
    text-decoration: none;
}

.moreInfo:after {
    content: url("../../images/forward-storagemeter.png");
    position: absolute;
    margin-top: 2px;
    margin-left: 5px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.homeStorage .storage_error_state {
    padding: 15px;
    border: 2px #959595 dashed;
}

.homeStorage .gear_icon {
    text-align: center;
    margin-top: 20px;
    background: url("../../images/Gears_Web.png") no-repeat center;
    height: 106px;

}

.homeStorageIcon {
    margin-top: 2em;
}

.homeStorage .storage_error_state .error_text .text_red {
    color: #da271e;
    font-family: nhg-display-bold, arial, sans-serif;
    font-size: 30px
}

.homeStorage .storage_error_state .error_text .text_black {
    font-family: nhg-display-bold, arial, sans-serif;
    font-size: 20px;
    white-space: normal;
}

.homeStorage .storage_error_state .reload_btn {
    margin-top: 2px;
}

.moreInfo:hover:after {
    margin-left: 18px;

}

.forward_alert:after {
    content: url("../../images/forward-alert.png");
    position: absolute;
    margin-top: 2px;
    margin-left: 5px;
    cursor: pointer;
}

.storage_alert {
    background-color: #facdd0;
}

.storage_alert .text_alert {
    color: #cd040b !important;
}

/* left side nav section */
.sidebar_slider {
    display: inline-block;
    /*height:100%;*/
    min-height: 500px;
    width: 60px; /* Defect ID 1686 -Albert- */
    overflow: hidden;
    margin-bottom: 10px;
    position: absolute;
    top: 89px; /* Defect ID 1683 -Albert- */
    left: 0px;
    padding-left: 0px;
}

.dummy_sidebar {
    visibility: hidden;
    /*top: 89px;*/
    /*position: absolute;*/
}

.sidebar {
    height: 100%;
}

.sidebar_link {
    height: 55px;
    white-space: nowrap;
}

.sidebar_link:active, .icon_link_active a.menuLabel {
    /*opacity: 0.666;*/
    /*JM: New Header changes*/
    color: #000 !important;
    border-bottom: 4px solid #000;
    padding-bottom: 11px !important;
}

.sidebar_icon {
    height: 55px; /* Defect ID 1686 -Albert- */
    display: inline-block;
    position: relative;
    left: 0px; /* Defect ID 1686 -Albert- */
    top: -1px; /* Defect ID 1686 -Albert- */
    cursor: pointer;
}

/* Defect ID: 2076---Albert--- */
#trash_counter_section {
    top: -36px;
    padding: 8px 10px;
    margin-left: 0px;
}

#trash_counter_holder {
    display: none; /*defect 2076*/
    background-color: #ed1c24;
    border-radius: 10px;
}

#trash_counter {
    text-align: center;
    color: #fff;
    font-size: 10px;
}

/*------------------------------*/
.sidebar_link:last-child {
    border-bottom: none;
}

.sidebar_label {
    overflow: hidden;
    width: 56px; /* Defect ID 1686 -Albert- */
    display: inline-block;
    text-align: center;
    position: relative;
    top: -4px; /* Defect ID 1686 -Albert- */
    left: -63px;
    font-size: 12px; /* Defect ID 1686 -Albert- */
    background-color: rgba(0, 0, 0, 0.0);
    white-space: normal;
    color: #747474;
    z-index: 1;
    font-family: verizon-apex, Arial; /* Defect ID 1686 -Albert- */
    src: url('../fonts/VerizonApex-Book.otf'); /* Defect ID 1686 -Albert- */
}

/* Defect ID: 2076 Albert */
#trash_label {
    left: -137px;
}
.appStoreSpacing{
    padding:0px !important;
    float:right;
    margin-right:70px;
}

.playStoreSpacing{
    padding:0px !important;
}

.wrapAroundHere{
    word-wrap: break-word;
    white-space: normal !important;
}
#Download_notification_bar{
    background-color: #0088cc;
    padding: 18px;
    position: relative;
    height: 77px;

}

#Download_notification_bar span{
    color: white;
    position: relative;
    /*top: -11px;*/
}
#Download_notification_bar a{
    padding-left:15px;
    /*padding-right:15px;*/
}

#notification_bar{
    background-color: #ffbc3d;
    padding: 32px;
    position: relative;
}
.display_none{
    display: none;
}

#notification_bar .closeBtn, #Download_notification_bar .closeBtn{
    position: absolute;
    right: 32px;
    cursor: pointer;
    top:26px;
    width: 20px;
    height: 20px;
    background-image: url("../../images/close_white.svg");
}
/*------------------------*/
.sidebar_sublabel {
    display: inline-block;
    position: relative;
    top: -3px;
    left: -120px;
    font-size: 6px;
    overflow: hidden;
    width: 55px;
    text-align: center;
    display: none;
}

/* cloud content section */
.content {
    display: block;
    width: 99%; /*JM: Need Help needs space from total width*/
    height: auto;
    white-space: nowrap;
    padding-bottom: 60px;
    margin-bottom: 10px;
    margin-top: 7px;
    padding-left: 20px;
    /*JM- Not Needed as per new design*/
    /*padding-left: 63px; *//* Defect ID 1686 -Albert- *//*
    padding-right: 5px;
    margin-top: 56px;*/
}

#page_home.content {
    padding-left: 0;
}

#page_home.content .content_limit {
    width: 100%;
    max-width: 1024px;
}

div.activeMobileMenuContainer {
    text-transform: capitalize;
}

div#inqC2CImgContainer_Fixed1 {
    display: inline-block;
}

button.tcChat-fixed-c2c-available-breadcrumb {
    /*float: left;*/
    margin: 10px 0 0 10px !important;
    border-left: 2px solid #4b4b4b;
}

div.tcChat-fixed-c2c-busy {
    margin: 8px 0 !important;
    width: 132px !important;
    border-left: 2px solid #4b4b4b;
    padding-left: 7px !important;
}

/*New Rate Us CSS starts*/
.modal-footer-rateus{
  text-align: left !important;
   padding-top: 12px;
}

.rateus_text{
  width:100%;
  font-size:14px;
  cursor: text;
    padding: 3px;
    margin-top: 4px;
    border-radius: 3px;
    resize: none;
}

.rate-flag{
 height: 149px;
opacity: 0.8;
background-image: url(../../images/feedback/feedback3.png);
background-repeat: no-repeat;
 background-size: contain;       text-indent: -99999px;    top: 230px;    width: 50px;    z-index: 6;       -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -o-transition: all 0.5s ease;    transition: all 0.5s ease;    padding: 0;    margin: 0;    position: fixed;    left: inherit;
}

#rate_text {
    border: 1px solid;
    width:91%;
}

.rateus_email_input{
  width:91%;
  font-size:14px;
  cursor: text;
    padding: 3px;
    margin-top: 4px;
    border-radius: 3px;
    resize: none;
}

@media screen and (max-width: 768px) {
  width:91%;
}

/*JM: New design css Starts*/
#help-feedback {
    width: 259px;
    top: 385px;
    z-index: 6;
    /*transform: rotate(180deg);*/
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 0;
    margin: 0;
    position: fixed;
    opacity:1;
    left: inherit;
}

#help-feedback.helpClose {
    /*left: 97.4%;*/
    opacity : 1;
    left: -209px;
}

#feedback-textbox{

  width:inherit;

}

#help-feedback.helpOpen {
    /*left: 85.2%;*/
    opacity: 1;
    left: 1px;
}

#help-feedback.helpOpen li.help {
    opacity: 1;
}

#help-feedback li.help {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAACWCAYAAACcsttJAAAAAXNSR0IArs4c6QAACOpJREFUeAHtm1doVU0QxyeJHXvvXbH3jg0bqKgPIogFom/6IGJFEIlgAREVRNEXC4q9IGJ5sGBBBXsviEYsWLH3ki+/hb3cnOTKzTmzki/swL2n7dkz/5md3dnZ2ZShQ4dmSSGg1EKAwUDwQAqaJr1GvEYcScA3LUeCDV2t10ho0Tl60WvEkWBDV+s1Elp0jl70GnEk2NDVeo2EFp2jF71GHAk2dLVeI6FF5+hFrxFHgg1drddIaNE5etFrxJFgQ1dbaDRSJLQI/vJiixYtpGrVqnLnzh15/vz5X0rqPVIFkpKSInPmzJEePXoYDrOysmT9+vWyZ88ePY4T1KTatPr06RMDwfcANnHiROnYsWOCz+vdVgXSqVMnw9m1a9ckIyNDbt++ba6nT58ugITq1asnvXv3Nr8iRfQahCqQSpUqGWYPHjwoFy5ckHnz5snjx4+lbNmyMnPmTElNTTUamzVrlvArUaKEKa/xpwrk9evXhqeWLVua49evX2X27Nly5swZ+fDhgwa/CetI0VxDHDRokEyZMsV87NKlS0YjwS/Tm1WrVs3cvnnzpvz58ydYJNS1qkaOHDkid+/eNYzQBedFL1++lOvXr5ufFgi+k9a0adOMvD4Y5h7d7fHjx4VjWlqaHD16NEw1od5RbVqJOKB3ojn9/PlTXr16ZYAmKhv2vl7/lwcHFStWlPT0dNP1oiHo+/fvcuDAAdm6davQGWiRatOKZ6p48eKyePFi6dChg+l27TO007x5c6ldu7acOnXK3o58dKaRdu3aSYMGDQyDJ0+elKtXrxq76dy5s/DDjalevbqaL+YMiO1ib9y4IUuWLIlJ/NChQ7J69WqpU6eO1KxZUw2Iavcb4zb75N69e+bywYMH8beNoWMn9GzBZzkK5vPCmY28efNGihUrJtkDrvz48UO+ffsmuDAjRoyQnj17yo4dO+Thw4fGfcGeohq+s+63bdu2snDhwqTkij82adKkpMomKuSsaSX6oKv7zow9MzNTFi1alBTfUZsVH3EG5P3798brTQqJQiFVIAx+TZo0SZotpsC4LRqkCqRr166ml0qWMVyVAgmEsUHTNU9WIJRz1v3mhwmNsv+s+y1VqpSUK1dOg+c861C1keAXCDYMHjxYRo8eLRUqVJCdO3fKlStXjPfLyK7ZDJ0CmTZtmvTt2zcHPuYl48aNM2780qVLczyLcuGsaTVu3NiA+PTpk+zatUs4Qk+fPhXGGOJcNnwUBYB91xmQ7FiA+cb27dtlw4YNZmbIjRcvXsixY8dMFBJXXoucAbHt/9evX7l4tQA+f/6c61nYG85sxM5HRo4caVx4bIOmlJ49h2/fvr0ZCB89ehSW71zvOR1HZsyYkcvYLQdE6Xfv3m0vIx+dTazg7OLFi8KkCf+LrhhigrVx40bZu3evudb6c6oRyyRgiMLjVzGJystubNmwR2c2Es8Qc3RrM/H3Nc+dAiEqP3DgQOnWrZvgogRpzJgxsfEl+Cy/186A1KpVSxYsWCBFixbNL0+hyjsDQhcLiN+/f8uJEydMxCTIIU1Oi5wBsQs758+fl2XLlmnxm7AeZyP75cuXhbUQwqL/glS7X+K58Qs8lStXNsG4J0+eGPc92O1u2rQp5oNFBavatAjKEVkMEpF3fkHatm1bwQTy5csXefv2bZDfhNfM8bVItWlpMRWmHmfGHoaZKO94IFGk5+JdrxEXUo1Sp+o4QuinTZs2SfOzdu3agjmOsOxMPkqytG7duoIJ5N27dyZuBRC8XhLPbMQEv6tkyZJSpkwZ84xcLspokWrTIpuBH4QLP3/+fCldurTJ1SK3kXl7ly5dZO7cufLs2bPIC6DxQnDWa+F3YS+HDx+OraUT6zp37pzJrKMJanrGzoDUqFHDCIzFH5qYJWJbjRo1Mpe2jH0W5ajatOIZsXlbDRs2NM0Nm8BGCKWy/o52WGfXImcaIWqyf/9+wyd2Qv5Jq1atDAhubt68WegctMi594txYw8EI4hrYeQkb5KJqknOgWgy+7e6nNmI/ShRxv79+5sZIs3t1q1bZhBkjUSTnNkITLZu3VrWrFkjkydPluHDh5uwKVPeVatWCd2zJjkDQmSRJOUqVaoYDdhRnGP58uWFZbkCm4kdL2Ey6FgAJa41fvz4WA9FJh1ResaT+vXrx78S6dyZRmwGHctsBCXiiYg8hN+lRc6A0M1CxLrs2gjXME/iGWQBmYuIf856LXIZCQ316tVLmjVrZgCwS4EMOkZ2NsnYXPqIGMzrzjTCQicxX5oVBg/zNDeOAFi+fLkG/7E6nA+IJDETfcTnYmS/f/++cV00ks1iKLJPnAOJ/5jLc2c2YpmmC2YwZCAkD4XuFyKwrUnObAQm6Z0IMIwaNUq6d+8uROfZP7JixQqzNel/AYTRm00xjPDkAJP7C7E8zZYk0mPxw7TImUaY5gKC/SQTJkyQjx8/Gp5xGknuZzxhyVqLnAGxmT+4KDYvxTJtl+XyWum1ZfJ7dAbE5pkMGDAgx9I0Rs8gCWVm5wZrkbPul/a/cuVKsyMBu8DTZeyw/hXb+zIyMrRwiDONsPTMdgu2ImHcALEg2KUASE1yphHLJCCICbMpxo7sbIwJ2o0tH/boHEhYxvL7nurIztJ03bp1k+aBfYvBJeukXw4UVAVCwmVey9OBb8YuT58+rZZU48zYY9z+oxNVjWzZskX27duXg3Vr1ISEhgwZEsvGPnv2rHFXchSOcKEKhFhVMF7Vr18/k7CMswixvECIiHFEk1SBxDNGhIR4ls1NoeslkZlUcs61SR0IEfexY8fKsGHDzAZKGKYZkVVqAxLaIKhPFQjJZlOnTo2lijOJIiWWkZyRnbl7PDF318pHUQVC7qL1emGYsOjfQqPsYrA58/EAw5z77jcvqTHAsRshWcIr1qJC42sVmqblgWi1ba16vEa0JKlVj9eIliS16vEa0ZKkVj1eI1qS1KrHa0RLklr1eI1oSVKrHq8RLUlq1eM1oiVJrXq8RrQkqVWP14iWJLXq8RrRkqRWPV4jWpLUqsdrREuSWvX8B40qHRTP7ypvAAAAAElFTkSuQmCC");
    background-position: right top;
    /* background-color: black; */
    opacity: 0.6;
    padding: 0;
}

#help-feedback li.help, #help-feedback li.help:hover {
    border: none;
    background-color: inherit;
    border: inherit;
    margin-bottom: 10px;
    width: auto;
}

#help-feedback .helpDetails {
    height: 149px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


#help-feedback .helpDetails ul {
    float: left;
    background: #fff;
    list-style-type: none;
    color: #4b4b4b;
    border: 10px solid #4b4b4b;
    /* padding: 14px 20px;*/
    margin: 0 auto;
    cursor: pointer;
    padding-top: 10px;
    padding-right: 1px;
}

#help-feedback .helpDetails ul li {
    width: 100%;
    height: 37px;
    font-family: nhg-display-bold;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.4px;
    color: #000;
    /* padding: 15px 26px; */
    border: none;
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 15px;
}

#help-feedback .helpDetails ul li:hover {
    background-color: #F6F6F6;
}

#help-feedback li.help .helplink {
    height: 149px;
    width: 49px;
    float: right;
}

.homeLink {
    width: 121px;
}

.cloudImg {
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjI0cHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDI0IDE3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IHNrZXRjaHRvb2wgMzkuMSAoMzE3MjApIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPjY3MUNEQ0RBLTUxNkEtNDU2MS04NDE1LTA3QjVERTcxMDNCRDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggc2tldGNodG9vbC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iSG9tZV9TdG90YWdlLVdhcm5pbmciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMC4wMDAwMDAsIC0xNjQuMDAwMDAwKSIgZmlsbD0iI0NEMDQwQiI+CiAgICAgICAgICAgIDxnIGlkPSJWWi1DbG91ZC1JY29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDE2NC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNy4xNTE2NjI2LDQuNTM4NTM0MzUgQzE3LjE1MTY2MjYsNC41Mzg1MzQzNSAxNi40OTE2NTQzLDAuNDc1ODIzMzc2IDEyLjEwNzk5OTMsMC4wMjI0Mjc2ODc4IEMxMi4xMDc5OTkzLDAuMDIyNDI3Njg3OCA3LjI0MDczODIzLC0wLjYwMTE0MDEzNiA2LjA4OTkyMzc5LDQuNzI3NzQ2NzIgQzYuMDg5OTIzNzksNC43Mjc3NDY3MiAyLjQ0Nzg3ODEsNC4zMzE0NzE3NSAwLjU1OTA1NDM5OSw3Ljk1Mzg3NzIgQy0xLjMyODU2OTI4LDExLjU3MTUyMjYgMS42NzE0NjgzNiwxOC4xMDcwODQ2IDcuOTM0MzQ2OTMsMTUuNDIxMjIwOSBDNy45MzQzNDY5MywxNS40MjEyMjA5IDExLjA3OTU4NjQsMTguOTQ4NDI1MSAxNC4zODQ0Mjc5LDE1LjQ2MDQ5MTQgQzE0LjM4NDQyNzksMTUuNDYwNDkxNCAxNy42Nzk2NjkyLDE3Ljc0NzcwMDEgMTkuMjQ2ODg4OSwxNC4zNTAyMDc1IEMxOS4yNDY4ODg5LDE0LjM1MDIwNzUgMjQuMDgxNzQ5NSwxNS44OTk2MDY5IDIzLjk5ODk0ODUsMTEuMTYyMTU3NSBDMjMuOTk4OTQ4NSwxMS4xNjIxNTc1IDIzLjgzNjk0NjUsOC40NTAxMTM0MyAyMS4xMzIxMTI1LDguMTI2NDI5MzYgQzIxLjEzMjExMjUsOC4xMjY0MjkzNiAyMS4yOTc3MTQ2LDQuNDYxMTgzMzggMTcuMTUxNjYyNiw0LjUzODUzNDM1IFoiIGlkPSJJbXBvcnRlZC1MYXllcnMiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
    height: 16px;
    width: 24px;
    float: left;
    position: relative;
    margin-right: 6px;
    top: 10px;
}

.getprints {
    width: 62px;
    height: 20.9px;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    position: absolute;
    top: -15px;
    padding-left: 5px;
    left: 94px;
    cursor: pointer;
    font-family: nhg-display-bold, arial, sans-serif;

}

.prints_angle {
    width: 0px;
    height: 0px;
    border-top: 8px solid #000;
    border-right: 7px solid transparent;
    position: absolute;
    left: 149px;
    top: 5px;
    position: absolute;
}

.prints_link {
    position: absolute !important;
}

.col-md-4 li {
    /*text-align: center;*/
}

.headerMenuIcon {
    height: 60px;
    width: 60px;
    position: relative;
    top: 10px;
    display: inline-block;
    margin: 3px 14px 10px 0;
    float: left;
}

.photoIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABOlJREFUaAXlm0lL7EAURm/HdkZwI04gIgiC4ICoqBtd6EJw6f9UBBe6aRAVBVF3giAiOCGKK2d9753CamJMZ6wk3a8/aNMmlap7UkOqbt3O/fknSUAfHx9yfX0td3d38vj4qD5PT0/y9vYm7+/vqsTa2lqpq6uTpqYmaW1tVZ+2tjbp7OyUfD6fgFUiOZPAz8/Pcnp6KmdnZ3J7eyufn5+RjK6pqZH29nbp6+uT/v5+aWxsjJSP201GgKnJw8NDubi4kK+vL7dyIp+zLEt6enpkdHRU1XzkjL5vjAV8eXkp+/v7qunGNSTI/TT1yclJ6erqCpLcNU0kYPri9va2ar6uuSZ8kmY+MzOj+n7YokID02w3Nzfl9fU1bFlG09fX18v8/Lxq7mEyDgV8fHwsOzs7ktDAHsZulTaXy8n09LQMDw8HvjcQMANRoVCQk5OTwBmnmXBgYEBmZ2eFAc5PvsAvLy+yvr4uNzc3fnller2jo0MWFxeloaHB0w7PR0LNVgIshFQItvq9Fj2BacblXrP26sRWbPZSSWAGqHLts15A2IztpeQKzKuH0bhShe0wuOkXMJMK3rPl8upxM9rvHLbDAItTv4CZQWU9qXAaGeV/GGBx6gfw1dVVZtNFp2Em/mflBpNdP4D39vbs1/6L706m4iqbJ8EyL6rGxsaEj6mFO06Cra2t2G8KmGDTK6xiDR8dHUVlVfeZhCVDvCGsgU3IzqaA8VSUGsaDFmiqZu3lmcoTNhiRAqZz+03J7Iak/Z2aZv0bVbDBiBQwPqgshM+LPvbw8OBZPE6+oaEhzzR+FzVjHu8iDre0xaC0srKivJqUTS1OTU2VNIO1bxzBCKvFE47qXYxjAE0MF64WTkDdz/Q5k0fdmix7oSYL8MvLberqds4vnzDXYbVwkmchHHE437UGBwcjOeX0/UGOsOaTBr6/v1d9B8e6Xew4LC8vC65eHHK4YJOWAnZbUZgqGNjV1VX1yltaWlK7Cfa8mVz09vbaTyX6HVaLvZ4kpGHxiVHG2tpaJm8DOxt2WHpjy34h7nc7rM6rHKBhLc6ltWEmjhsbG0LNOlUO0Bb9yLR4wZdSltCwWoyWaSsraFgt5qlZKAtoWC37yz9t8LShYc0nAcwko6WlJfDzOzg4kLm5OaM7/W6FK2BiKkxrYWHBdJZG8oPVYkpHTEVcJfE+p8mbEozfwTJ5NeVzujPDFoTDjTWtKbcMsLu7u2HNKJmeboZtymtJtExcYPZ0ynkvCkakgFmqsR9jyq81MjIizc3NJZ922Avd3d1qxRX2Pp2ejXIYkQImDorQoPPzc3Uy7h+mlePj48rVGjcv7mfmxkgeVbDpWK+iI57+Zwq43Jo3bFrFxQMjWBqLcF1wWkcnVxEYAyYmJtKyI7VyCGSz6wcwg4Pu3PZElfodFr2npBl+AHMSDz8+pkoXDG67Fb+AWVEQ4RbX8Z3lA8N2GNxWgr+AMZRhnAi3ShW2w+AmV2ASEs5HhFulCZu9QhFLAgNKOB8RbpUibMVmL3kCMyUjnK8SoHXooV+8pW+sJU+LOXahUCXBpfbmUTXhw3ZowgeqJkBcg7NHUzU/AdDQHHEaEAcVJ9zJnp/fdxYCmfzIw2kY4IQG0dxNORF0GYy6TCJwKjjnxTpNmGOgUTpohlXzQy23B4KXgqZebj/F+wvNyKovOgN7JgAAAABJRU5ErkJggg==");
}

.photoTimelineIcon {
    background-image: url("data:image/png;base64,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");
}

.photoAlbumIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABORJREFUaAXlm8tL7DAUh8/U8Y3gRnyBiCAIgg9ERd3oQheCS/9PRXChmwFRURB1Jwgigi9EceVb771fuBk6NdN22tTOOD8YO6Zpcr4mTZOTM5k//yQJ6OPjQ66vr+Xu7k4eHx/V5+npSd7e3uT9/V3VWFtbK3V1ddLU1CStra3q09bWJp2dnZLNZhOwSiRjE/j5+VlOT0/l7OxMbm9v5fPzM5LRNTU10t7eLn19fdLf3y+NjY2RyjFdZAWYljw8PJSLiwv5+voy1RM5zXEc6enpkdHRUdXykQv6f2Es4MvLS9nf31ddN64hYa6nq09OTkpXV1eY7MY8kYB5Fre3t1X3NZaacCLdfGZmRj37pVZVMjDddnNzU15fX0uty2r++vp6mZ+fV929lIJLAj4+PpadnR1JaGAvxW6VN5PJyPT0tAwPD4e+NhQwA1Eul5OTk5PQBf9kxoGBAZmdnRUGuCAFAr+8vMj6+rrc3NwElZXq+Y6ODllcXJSGhgZfO3xvCS1bCbAQ0iDYGvRa9AWmG5d7y7qbE1ux2U9FgRmgyvWZ9QPCZmwvJiMwrx5G40oVtsNg0jdgJhW8Z8vl1WMyOigN22GAxatvwMyg0p5UeI2M8j8MsHhVAHx1dZXadNFrmI3/WbnB5FYB8N7envvcr/juZcoDcydY5v02weRu5bxb4ejoKBbr2NiY8LHlqcArsrW1ZeXVCJteUqoWxlNRbBgPexdswlIn7h8W/TYEG4xIAfNwB03Jgiq21bLuemyVCRuMSAHjgypn0dIs+ONIMzp4F3G4pSGcfAwqDw8PvtXj1RwaGvLNE3QSRlizVBjVuxhUid95BqWVlRXlxiUfrTg1NVX0Ehb7caRvroPfOA3xTLnrxuupB5ak7KE+Byd5GjLN1U1pNm2DNTVgPI/sNmgNDg5G8kLq68McAc6aVhRhLg6b5/7+Xg0W7CS4xRbL8vKy4NvGA4nPOWnBmmWvJykBu7q6qt7xS0tLavvEXReTi97eXndSot9hdfTGlu2aNCxOQCpaW1tL7fWn2WDNLx50oo2jG1aXVy7QDt3KtjY2NoSW9SptaFgdBg/bYkZTTGlCw+owbftppQUNq+N+F/4keBrQsKYGzM39aWiAs8RU2BaTjJaWltDFHhwcyNzcnNXQBlPlsGaZ4RBTYXPFtLCwYKov1TQYYXXwKninfVEsS2ICQ5e3JRhhVU48omXcnr0oleBwY01ryy0D7O7ubhRTjNfAiBQwKxf2Y+L4tdjEKtfNNzbKYcwDEwdFaND5+blKjPtnZGREmpub4xaTv767u1utuPIJJX6BTcd65f3SdEdbwEwrx8fHlau1RNuM2Zm5MZJHFWxaeWBGMD42dh/KqXtrLg1csFqamJjQ6b/mSCCbWwXAPCv64XZnqtTvsOgtFs1QAEwiDm9cLpUuGEzO+2/ArCiIcIvrB07zhmE7DKaV4DdgDGUYJ8KtUoXtMJhkBCYj4XxEuFWasNkvFLEoMKCE8xHhVinCVmz2ky8wUzLC+SoBWoceBsVbBsZacreYY+dyVRJc6u4eVRM+7IYmfKBqAsQ1OHs0VfMTAA3NEacBcVA2Fhzucot9ZyGQyo88vAYBTmgQ3T2OE8FbLv8z6jKJYI3tnReb8gelhRqlgwrR56vmh1oa2H1k0U5XL7ef4v0FN4+tKUyEAngAAAAASUVORK5CYII=");
}

.videoIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABXJJREFUaAXlm0kvNF0UgI/WxgivKcaYxZAIQowbibBgY2Hnh0n8A1YiYSPEhoRIEBGEEGK2IMQ8fN/31PdWpbq6qrurqhvdTlLpqrrTeapunXvuvafj/vlPJALy/v4u5+fncn19Lbe3t8rx+Pgor6+v8vb2prSYkJAgiYmJkpqaKn/+/FGO3NxcKSgoEK/XGwGtROLCCfz09CR7e3tycHAgl5eX8vHx4Ujp+Ph4ycvLk4qKCqmurpaUlBRH9ZgVCgswb3JtbU2Oj4/l8/PTrB3H9zwej5SUlEhzc7Py5h1X9LegK+DT01NZWVlRuq5bRUIpT1dvb2+XwsLCULKb5nEEzLe4uLiodF/TWiN8k27e3d2tfPt2m7INTLednZ2Vl5cXu22FNX9SUpL09fUp3d1OxbaANzY2ZGlpSSJk2O3oreSNi4uTrq4uaWxsDLlsSMAYooWFBdnZ2Qm54q/MWFtbKz09PYKBCyZBgZ+fn2VmZkYuLi6C1fWt6fn5+TIwMCDJyckB9Qj4SHiz0QALIS8EXYMNiwGB6cY//c3qXye6onMgsQTGQP3UbzYQEDqju5WYAjP0YI2jVdAdBjPxA8apYJz9KUOPmdLB7qE7DLAYxQ8YD+q7nQqjkk6uYYDFKD7AZ2dn3+YuGhULxzUzN5j04gO8vLysT4uJcyOTBsyTYJoXawKT/i1rwOvr67HGqvHo2RRgViqszLhWKopPYIMRUYD5uIO5ZFHMq7DBqAGzBhXrojJ6WF1kwS3WBUZYvVgxp6uLPKT+/n6prKwUJuN2hXbn5uZkf3/fblHb+WkLVi/rxm5EhT05OZGHhwfbVbEk+1UCq5dFcjfCmwV2amrKTTVfUhZW18Boqr5ZdhBKS0sddW/qubm5sXR+6AluPj3qV4DNZhQkOpGGhgZpaWmxLIrCgbows5zR0VGf8mVlZdLZ2SmZmZkyNjamGB6fDDYuYPWy1xMuMVtEA4IJ+ebmptzf3wv7SVVVVdLR0eG3haI3fOwxsSJZVFSkqadP127aOIHVq25s2ShnK+v8/Lzs7u5qZWhve3tb2LUYHh42XXTLyMhQ0twCao3+PaFtzZc2JobjGmOmwra2tkpNTY1W7d3dnayurmrX+pP09HTHdkBfj9m5hy4WKTk8PNSqTktLk97eXmUpFeOG6NO1jBE8gdXD/mykxMw+YMXZG0K+emUFVi9Pm+7lVAKtfWVlZflUy7DAN60u/WZnZ/ukR/oCVg87726Eb9RqfKyrqxM2vZCtrS0ZHx/XYLnX1NTEj59Y1eeX0eYNWF0D88asFr/Z9hgcHFSGH9w6FQTry9haXl5uqvLV1ZUcHR2Zprm5CbCX8S6Swp7PyMiIMkGgS/MQ8L8ZeqyEWc309LQUFxcrY3FOTo5VVlv3YfWyqx4Ot42WcSzMBGNRX19vluRzz1ieYW1iYkLZA8YB4UE4FRhhVXYPJycnfRa6nFZKOTfOQiAD6EYnyhImMTQ09L/jQbRMuASlnR7h0sGsHpVR8bQYF838YLOC0XgPNnXsV4CJgyI0KFYFNjXWS/OliYOKVdGzacBYMI5YEyOXBgxoW1tbrPEqgWx6KB9gxjr149ZnitZzWIxRez7AgBHhpvq/0QqK3jDAYhQ/YGYURLi5cSCMjXz1NbrDoM679e37AZOIGWc9KVoF3a2GWVNgQAnnI8It2gSdA4UiWgIDSjgfs51oEXRF50ASEBiXjHC+aIBGR3QN5iIHjbXkaf2q4FJ99/g14cN6aMIHfk2AuArOHs2v+QuACs0v4UDEQbHR/BXCROBb/uRhhAOc0CC6e7iDY7C6OBEs6Rr9YqMeoVyHZKVDqYg8v+aPWmYPhBVGuvpP+yvev2mkzLh57W7uAAAAAElFTkSuQmCC");
}

.videoTimelineIcon {
    background-image: url("data:image/png;base64,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");
}

.videoAlbumIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABORJREFUaAXlm8tL7DAUh8/U8Y3gRnyBiCAIgg9ERd3oQheCS/9PRXChmwFRURB1Jwgigi9EceVb771fuBk6NdN22tTOOD8YO6Zpcr4mTZOTM5k//yQJ6OPjQ66vr+Xu7k4eHx/V5+npSd7e3uT9/V3VWFtbK3V1ddLU1CStra3q09bWJp2dnZLNZhOwSiRjE/j5+VlOT0/l7OxMbm9v5fPzM5LRNTU10t7eLn19fdLf3y+NjY2RyjFdZAWYljw8PJSLiwv5+voy1RM5zXEc6enpkdHRUdXykQv6f2Es4MvLS9nf31ddN64hYa6nq09OTkpXV1eY7MY8kYB5Fre3t1X3NZaacCLdfGZmRj37pVZVMjDddnNzU15fX0uty2r++vp6mZ+fV929lIJLAj4+PpadnR1JaGAvxW6VN5PJyPT0tAwPD4e+NhQwA1Eul5OTk5PQBf9kxoGBAZmdnRUGuCAFAr+8vMj6+rrc3NwElZXq+Y6ODllcXJSGhgZfO3xvCS1bCbAQ0iDYGvRa9AWmG5d7y7qbE1ux2U9FgRmgyvWZ9QPCZmwvJiMwrx5G40oVtsNg0jdgJhW8Z8vl1WMyOigN22GAxatvwMyg0p5UeI2M8j8MsHhVAHx1dZXadNFrmI3/WbnB5FYB8N7envvcr/juZcoDcydY5v02weRu5bxb4ejoKBbr2NiY8LHlqcArsrW1ZeXVCJteUqoWxlNRbBgPexdswlIn7h8W/TYEG4xIAfNwB03Jgiq21bLuemyVCRuMSAHjgypn0dIs+ONIMzp4F3G4pSGcfAwqDw8PvtXj1RwaGvLNE3QSRlizVBjVuxhUid95BqWVlRXlxiUfrTg1NVX0Ehb7caRvroPfOA3xTLnrxuupB5ak7KE+Byd5GjLN1U1pNm2DNTVgPI/sNmgNDg5G8kLq68McAc6aVhRhLg6b5/7+Xg0W7CS4xRbL8vKy4NvGA4nPOWnBmmWvJykBu7q6qt7xS0tLavvEXReTi97eXndSot9hdfTGlu2aNCxOQCpaW1tL7fWn2WDNLx50oo2jG1aXVy7QDt3KtjY2NoSW9SptaFgdBg/bYkZTTGlCw+owbftppQUNq+N+F/4keBrQsKYGzM39aWiAs8RU2BaTjJaWltDFHhwcyNzcnNXQBlPlsGaZ4RBTYXPFtLCwYKov1TQYYXXwKninfVEsS2ICQ5e3JRhhVU48omXcnr0oleBwY01ryy0D7O7ubhRTjNfAiBQwKxf2Y+L4tdjEKtfNNzbKYcwDEwdFaND5+blKjPtnZGREmpub4xaTv767u1utuPIJJX6BTcd65f3SdEdbwEwrx8fHlau1RNuM2Zm5MZJHFWxaeWBGMD42dh/KqXtrLg1csFqamJjQ6b/mSCCbWwXAPCv64XZnqtTvsOgtFs1QAEwiDm9cLpUuGEzO+2/ArCiIcIvrB07zhmE7DKaV4DdgDGUYJ8KtUoXtMJhkBCYj4XxEuFWasNkvFLEoMKCE8xHhVinCVmz2ky8wUzLC+SoBWoceBsVbBsZacreYY+dyVRJc6u4eVRM+7IYmfKBqAsQ1OHs0VfMTAA3NEacBcVA2Fhzucot9ZyGQyo88vAYBTmgQ3T2OE8FbLv8z6jKJYI3tnReb8gelhRqlgwrR56vmh1oa2H1k0U5XL7ef4v0FN4+tKUyEAngAAAAASUVORK5CYII=");
}

.contactIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABWJJREFUaAXlm0lL9EwQgGviLooLuG+gKCriclHQg1686NE/52/w5EEE0YMeVPTgAoobuOK+K7jr+35P82XIZDKTzCTRmdeCYZJMp7qedKe6q7sm8Oc/ER/k4+NDTk9P5fLyUu7u7tTn6elJ3t7e5P39XdWYlpYm6enpkp2dLfn5+epTVFQkZWVlkpqa6oNVIgEvgZ+fn2VnZ0d2d3fl/PxcPj8/4zI6JSVFSkpKpLa2Vurr6yUrKysuPVY3eQJMSy4vL8vh4aF8fX1Z1RP3NU3TpLq6Wjo6OlTLx63o/xtdAR8fH8vi4qLqum4NcXI/Xb2rq0vKy8udFLcsExcw7+Ls7KzqvpZafb5IN+/p6VHvfqxVxQxMt52cnJTX19dY6/K0fEZGhvT396vuHovimIBXV1dlbm5OfHLssditygYCAenu7pa2tjbH9zoCxhFNT0/L5uamY8XfWbCxsVH6+voEB2cntsAvLy8yPj4uZ2dndrp+9PfS0lIZGBiQzMzMqHZEfSS0bDLAQkiDYKvdsBgVmG6c6C1rbE5sxeZoEhEYB5Wo72w0IGzG9khiCczQgzdOVsF2GKwkDJhJBeNsogw9VkbbXcN2GGAxSxgwM6ifnlSYjYznHAZYzBICfHJy8mPTRbNhXpwTucFklBDghYUF42//xLGZKQjMkyDM+w7JyckR5sLfITAZWzm4rLCysuJr/QT1hHYNDQ3BKOfx8VGWlpZkfX3d17ph00NKBcxKRSQ37oUlLOUMDQ1JYWFhiLrc3Fzp7e2VyspKmZiYCPnNyxPYYGTlRHVpXm67KZkbA4hdzbBGfXV1ddLc3Gy85OkxbDAiCpg1KL+E1m1qarJV39raalvGTQGdUWN1kQU3v6S4uFiIW+2koKDAt5VK6oYRVg0vFu/qoh0EvzuB1cvh2PwSGGHVWDf2U66urhypv7+/932GB6vGIrmfwgLC3t6ebRVbW1u2ZdwWgNV3YIycmZlRw0Ikgy8uLtR4HOl3r64rYKuIwqsKdD3UMTIyEjbWE9Wsra3J6Oior8Oi0Y5U9nr8koqKCsFLs0/EsDA2NqZmWVxjf4l3ivopx1ozXnR7e1tocT+EugLDw8N/vPbSeXl5Mjg4qDbHjIYfHR3JxsaG4KAQNs4Yo9lHMsrBwYFMTU157sQYBYJzaWOFbo9bWlrCYNFZVVWlPnb6a2pqVIvT3b0WjZlQIgrd22uBVWN/1mt5eHhwrdKP4RJWjc1or+X29ta1Si90mI2AVWPn3Wu5ublxpZJhzI91NVh9AXZrsB+tSwsoYIYGP8SN0W7ujcYCq8auuh9Rihuj3dwbCRhGWDVmQeaBP9JNsVx3Y7SbeyPZCCOsasWDbBmvxY3Rbp2eFYvOqICZxzrZTLZSFOkaO3nxrJMx/nod0MAGI6KAWc0jNchLYVhhCTYWYXY1Pz8fyy2OysKm53oF59LkQe3v7ztS4LQQKU0E9qxXGR2jedmHMJEHdH19HTVudlqvuRxsugSB8WB8vN59IDLSoyO90u/81rn0OlWX1k86Ozv1w3/mm90Oo4QA64G4sUAyH+Oo9C0WnSMEmIvsEnzXRpduhB/fMMBiljBgIgoy3MyOxXxjIp9jOwxWkWAYMCC4cTLcklWwPdIwawkMKOl8ZLglm2BztFTEiMCAks5HhluyCLZiczSJCsyUjHS+ZIDWUw/tpsi2uZY8LebEZLglaqKap8mlxu7xa9KHjdCkD/yaBHEdnPDt1/wFQIfmm3Qg8qC8DjiMdRiPCQR+5E8eRiM4BpzUILp7PEG/WZ/xHK/LJKK9vT1sXmws5/TYkZd2quzX/FHL6oGwekFXT7S/4v0FgIyzVxNljJ4AAAAASUVORK5CYII=");
}

.contactFavoritesIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABRxJREFUaAXlm8dO80wUhg8mdETvCBY0saOIziYbNtwE18YNgNiwgA0bkCgSsEGItgDRO6K37/+fEYkcx4ljxzZJeKURtjNzfB7PeDzlkPXvf4kH+vz8lNPTU7m8vJS7uzuVnp+f5f39XT4+PtQdc3JyJDc3VwoLC6WsrEyl6upqqa+vl0Ag4IFXIlluAr+8vMju7q4cHBzI+fm5fH19OXI6OztbamtrpaWlRdrb26WgoMCRHbNCrgBTk+vr63J4eCjf399m93F8TdM0aW5ulp6eHlXzjg39FEwK+Pj4WFZWVlTTTdaRRMrT1AcHB6WhoSGR7KZ5HAHzLi4uLqrma2rV44s089HRUfXu272VbWCa7fz8vLy9vdm9l6v58/LyZGxsTDV3O4ZtAW9ubsrS0pJ41LHb8VvlzcrKkpGREenq6kq4bELAdEQLCwuyvb2dsGE/M3Z2dkowGBQ6OCtZAr++vsrs7KycnZ1Z2frV3+vq6mR8fFzy8/Pj+hH3kVCz6QALIRWCr1afxbjANONUr1l9deIrPsdTTGA6qFR9Z+MB4TO+x5IpMJ8eeuN0Fb7DYKYoYAYVfGdT5dNj5rTVNXyHARajooAZQf32oMLopJNzGGAxKgL45OTk14aLRsfcOGfmBpNeEcDLy8v63zLi2MgUBuZJMM3LNMGkr+Uw8MbGRqaxhnn0bAqYlYpY3Xi4VBofwAYjUsC83FZDMjd5GxsbheSXYIMRKWDWoPwUqxYkPxVi1FhdZMHNL7E+xcyGxLFfghFWjV7M6eqiE2f1Nas/dmLLThkYYdVYN/ZLLLuy7hwSx1zzS7BqLJL7pYGBgahbmV2LyuTSBVgDXgMXFxdLaWmpNDU1SUVFRZTrXBsaGpKjoyO5v7+Xx8fHqDxuXVDAZjMKpzfo6OiQmpoaBVhSUiIkdhGs1NvbKyTEu/bw8KASD+Di4kJ2dnasTCT0O6wB9nrc0tXVlQwPD0tRUZFjkzyg8vJylZ6enmRra8uxLWNBWLXQxpbxRyfnNzc3Mj09rWrHSXl9GWoZW9h0S7CqgYdbBrGDo1NTU0k5CiQ2sOW2NLYs3RbvCrXjZEBDGcq62beE+GDV2J/1Qqw4zMzM2JpyMjCgjFcrLrBqbEZ7JYZydpoleSnjlWDV2Hn3UpWVlQmbt5M3YaO6jLB6CsxmF5+YREVeynglBawf27p9I25gNvC4vr4WklHk9bLFwRpgV50beTFjMjZRPjerq6uyv7+vWFtbW6W/vz9iyEmZ29tb47NI+hzGn2CZgAog0S90JW39x0BVVZU6AnRtbU329vYiTANOamtrk76+PgVOGWO+iEIOTwiSITJIxQYxRfMCmP3aubk5SwAASYAzFvdCoWmo2h9mgWtyctLXdS0voGLZ5MFPTEyo8Cc1tCQOys/llliOeXUdtlCsV3gsTRxUpkrPFgamByNlmoxcYWBA/Vxu8evBGhcKI4BZHCfoK1MEizFqLwIYUCLcCPpKd8EAi1FRwMwoiHDzckxrdMLtc3yHwWwmGAXMzenGiXBLV+F7rM+sKTCghPMR4ZZuwud4oYgxgQENBoNqDyhdoNmvwud4igvMkIxwPgyluvARX63iLS1jLQFlf5UIt1QNVHM1uFRfs38mfFgPTfjAnwkQD4GzZvxn/gUgBM1fFg2Ig2I92Q8xEWBsbBwu2rl3Qp2WlUHACQ2iubsdHEOvyyCiu7s7KdAQgyvAIWN/5h+1QsD6v+wg0NRT7V/x/gPIt5lTKA3+DgAAAABJRU5ErkJggg==");
}

.contactGroupsIcon {
    background-image: url("data:image/png;base64,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");
}

.musicArtistIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABWJJREFUaAXlm0lL9EwQgGviLooLuG+gKCriclHQg1686NE/52/w5EEE0YMeVPTgAoobuOK+K7jr+35P82XIZDKTzCTRmdeCYZJMp7qedKe6q7sm8Oc/ER/k4+NDTk9P5fLyUu7u7tTn6elJ3t7e5P39XdWYlpYm6enpkp2dLfn5+epTVFQkZWVlkpqa6oNVIgEvgZ+fn2VnZ0d2d3fl/PxcPj8/4zI6JSVFSkpKpLa2Vurr6yUrKysuPVY3eQJMSy4vL8vh4aF8fX1Z1RP3NU3TpLq6Wjo6OlTLx63o/xtdAR8fH8vi4qLqum4NcXI/Xb2rq0vKy8udFLcsExcw7+Ls7KzqvpZafb5IN+/p6VHvfqxVxQxMt52cnJTX19dY6/K0fEZGhvT396vuHovimIBXV1dlbm5OfHLssditygYCAenu7pa2tjbH9zoCxhFNT0/L5uamY8XfWbCxsVH6+voEB2cntsAvLy8yPj4uZ2dndrp+9PfS0lIZGBiQzMzMqHZEfSS0bDLAQkiDYKvdsBgVmG6c6C1rbE5sxeZoEhEYB5Wo72w0IGzG9khiCczQgzdOVsF2GKwkDJhJBeNsogw9VkbbXcN2GGAxSxgwM6ifnlSYjYznHAZYzBICfHJy8mPTRbNhXpwTucFklBDghYUF42//xLGZKQjMkyDM+w7JyckR5sLfITAZWzm4rLCysuJr/QT1hHYNDQ3BKOfx8VGWlpZkfX3d17ph00NKBcxKRSQ37oUlLOUMDQ1JYWFhiLrc3Fzp7e2VyspKmZiYCPnNyxPYYGTlRHVpXm67KZkbA4hdzbBGfXV1ddLc3Gy85OkxbDAiCpg1KL+E1m1qarJV39raalvGTQGdUWN1kQU3v6S4uFiIW+2koKDAt5VK6oYRVg0vFu/qoh0EvzuB1cvh2PwSGGHVWDf2U66urhypv7+/932GB6vGIrmfwgLC3t6ebRVbW1u2ZdwWgNV3YIycmZlRw0Ikgy8uLtR4HOl3r64rYKuIwqsKdD3UMTIyEjbWE9Wsra3J6Oior8Oi0Y5U9nr8koqKCsFLs0/EsDA2NqZmWVxjf4l3ivopx1ozXnR7e1tocT+EugLDw8N/vPbSeXl5Mjg4qDbHjIYfHR3JxsaG4KAQNs4Yo9lHMsrBwYFMTU157sQYBYJzaWOFbo9bWlrCYNFZVVWlPnb6a2pqVIvT3b0WjZlQIgrd22uBVWN/1mt5eHhwrdKP4RJWjc1or+X29ta1Si90mI2AVWPn3Wu5ublxpZJhzI91NVh9AXZrsB+tSwsoYIYGP8SN0W7ujcYCq8auuh9Rihuj3dwbCRhGWDVmQeaBP9JNsVx3Y7SbeyPZCCOsasWDbBmvxY3Rbp2eFYvOqICZxzrZTLZSFOkaO3nxrJMx/nod0MAGI6KAWc0jNchLYVhhCTYWYXY1Pz8fyy2OysKm53oF59LkQe3v7ztS4LQQKU0E9qxXGR2jedmHMJEHdH19HTVudlqvuRxsugSB8WB8vN59IDLSoyO90u/81rn0OlWX1k86Ozv1w3/mm90Oo4QA64G4sUAyH+Oo9C0WnSMEmIvsEnzXRpduhB/fMMBiljBgIgoy3MyOxXxjIp9jOwxWkWAYMCC4cTLcklWwPdIwawkMKOl8ZLglm2BztFTEiMCAks5HhluyCLZiczSJCsyUjHS+ZIDWUw/tpsi2uZY8LebEZLglaqKap8mlxu7xa9KHjdCkD/yaBHEdnPDt1/wFQIfmm3Qg8qC8DjiMdRiPCQR+5E8eRiM4BpzUILp7PEG/WZ/xHK/LJKK9vT1sXmws5/TYkZd2quzX/FHL6oGwekFXT7S/4v0FgIyzVxNljJ4AAAAASUVORK5CYII=");
}

.musicAlbumIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABORJREFUaAXlm8tL7DAUh8/U8Y3gRnyBiCAIgg9ERd3oQheCS/9PRXChmwFRURB1Jwgigi9EceVb771fuBk6NdN22tTOOD8YO6Zpcr4mTZOTM5k//yQJ6OPjQ66vr+Xu7k4eHx/V5+npSd7e3uT9/V3VWFtbK3V1ddLU1CStra3q09bWJp2dnZLNZhOwSiRjE/j5+VlOT0/l7OxMbm9v5fPzM5LRNTU10t7eLn19fdLf3y+NjY2RyjFdZAWYljw8PJSLiwv5+voy1RM5zXEc6enpkdHRUdXykQv6f2Es4MvLS9nf31ddN64hYa6nq09OTkpXV1eY7MY8kYB5Fre3t1X3NZaacCLdfGZmRj37pVZVMjDddnNzU15fX0uty2r++vp6mZ+fV929lIJLAj4+PpadnR1JaGAvxW6VN5PJyPT0tAwPD4e+NhQwA1Eul5OTk5PQBf9kxoGBAZmdnRUGuCAFAr+8vMj6+rrc3NwElZXq+Y6ODllcXJSGhgZfO3xvCS1bCbAQ0iDYGvRa9AWmG5d7y7qbE1ux2U9FgRmgyvWZ9QPCZmwvJiMwrx5G40oVtsNg0jdgJhW8Z8vl1WMyOigN22GAxatvwMyg0p5UeI2M8j8MsHhVAHx1dZXadNFrmI3/WbnB5FYB8N7envvcr/juZcoDcydY5v02weRu5bxb4ejoKBbr2NiY8LHlqcArsrW1ZeXVCJteUqoWxlNRbBgPexdswlIn7h8W/TYEG4xIAfNwB03Jgiq21bLuemyVCRuMSAHjgypn0dIs+ONIMzp4F3G4pSGcfAwqDw8PvtXj1RwaGvLNE3QSRlizVBjVuxhUid95BqWVlRXlxiUfrTg1NVX0Ehb7caRvroPfOA3xTLnrxuupB5ak7KE+Byd5GjLN1U1pNm2DNTVgPI/sNmgNDg5G8kLq68McAc6aVhRhLg6b5/7+Xg0W7CS4xRbL8vKy4NvGA4nPOWnBmmWvJykBu7q6qt7xS0tLavvEXReTi97eXndSot9hdfTGlu2aNCxOQCpaW1tL7fWn2WDNLx50oo2jG1aXVy7QDt3KtjY2NoSW9SptaFgdBg/bYkZTTGlCw+owbftppQUNq+N+F/4keBrQsKYGzM39aWiAs8RU2BaTjJaWltDFHhwcyNzcnNXQBlPlsGaZ4RBTYXPFtLCwYKov1TQYYXXwKninfVEsS2ICQ5e3JRhhVU48omXcnr0oleBwY01ryy0D7O7ubhRTjNfAiBQwKxf2Y+L4tdjEKtfNNzbKYcwDEwdFaND5+blKjPtnZGREmpub4xaTv767u1utuPIJJX6BTcd65f3SdEdbwEwrx8fHlau1RNuM2Zm5MZJHFWxaeWBGMD42dh/KqXtrLg1csFqamJjQ6b/mSCCbWwXAPCv64XZnqtTvsOgtFs1QAEwiDm9cLpUuGEzO+2/ArCiIcIvrB07zhmE7DKaV4DdgDGUYJ8KtUoXtMJhkBCYj4XxEuFWasNkvFLEoMKCE8xHhVinCVmz2ky8wUzLC+SoBWoceBsVbBsZacreYY+dyVRJc6u4eVRM+7IYmfKBqAsQ1OHs0VfMTAA3NEacBcVA2Fhzucot9ZyGQyo88vAYBTmgQ3T2OE8FbLv8z6jKJYI3tnReb8gelhRqlgwrR56vmh1oa2H1k0U5XL7ef4v0FN4+tKUyEAngAAAAASUVORK5CYII=");
}

.musicSongsIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABUtJREFUaAXlm0lL9EwQgMs47ih6EFdEXEBwR1BQhLmIIIg/wh+nRw/ixYMKKuhFBRFBEBH3DRHcl+97n7xvQiaTpJOZZJzRgmEmmU53Pb1WV1fy/vsjEoF8fHzI+fm5XF9fy/39vf55enqSt7c3eX9/10ssKCiQwsJCKS0tlcrKSv1TXV0tdXV1EovFItBKJC9M4OfnZzk4OJDDw0O5vLyUz8/PlJTOz8+XmpoaaWlpkfb2dikpKUkpH6eHQgGmJbe2tuT4+Fi+vr6cykn5nqZp0tTUJP39/XrLp5zRvwfTAj49PZXNzU2966ariJ/n6epDQ0NSX1/vJ7ljmpSAGYtra2t693XMNeKbdPORkRF97ActKjAw3XZxcVFeX1+DlhVq+qKiIhkbG9O7e5CMAwHv7OzI+vq6RDSxB9FbT5uXlyfDw8PS29vr+1lfwExEy8vLsr+/7zvjTCbs6OiQeDwuTHAqUQK/vLzIwsKCXFxcqPL61v9ra2tlYmJCiouLPfXwrBJaNhdgIaRB0FW1LHoC042zvWWtzYmu6OwlrsBMUNk6Zr2A0Bnd3cQRmKWH2ThXBd1hcJIkYIwK1tlsWXqclFbdQ3cYYLFLEjAW1HcbFXYlU7mGARa7JACfnZ19m7loVyyMa3ZuMFklAXhjY8P634/4bWcygakJtnk/TWCytrIJvL29/dNYTR4rm+5HwVPhNo2bT6X4o6KiQqampqS8vDxQDrTK3NxcoGfcEsMGI54THZjBrTLJ3DJT3W9ubjZhHx8fleXg58IeZpOPXwvfWLoCG4w9PT1/gfFBRSVs4ZC7uzuZnZ1VFsM+d3p6WpkuaAIYAdaoQRxuUYvfljI8mmHrAyM6xJjFUvUuBlGKsdza2qosK+hY96sDjLDG8BtnQhiX4+PjmSjKtQxYYzjJMyHUMDsZVW8qKyvTe0IUOsGaMeDb21tZWVlRcuCEp+tHIQBrTjuKKArzm2eUuzRYNc56fovAqkW1DGRjJcJq2tLZqGAUOmmYcpkQv2PTsMyi0AlWjfPZKMVwjvu11aMEhjXGYfTDw0OozOTJesokYRxse62/pMESo3Ks7iW/vcKv8ugV4+Q9DN8zynZ3d0tnZ6d+km9Xwmk14LRgYGBAGhsbhfXXLmEDw6oD2wsKes3YmJycFADcxN6Lurq6ZHR0VNy6MIa+32HgVqb9PsAaMRXpCofUXrDkb92RVVVVecKS/urqiq9QBVaNU3Wn7hSkpLa2NmVyq1+J2A23ljUyIrogTIERVo0JgwCSdIRNu5fs7e3pLhYjjSo9J5a7u7tG8lC+YYRVNzyo8XTEqzXwJ62uriZkb23thD/+XDBLcwqIDypMMRh1YGImjPUylUI4sTs5OUl49ObmRpaWlmR+fj7JL3V0dCT4i61mLa1KT5iZmQll1bAqAxuMiHkgTq2iSDpCxoxNZle/Swpji7Rhz8hWDhyJHJYjpi1NHFS6gtIYGH5hKY/0UcJShpXNBGYG4/PTxM5lAgM6ODj403j1QDYrVAJwQ0ODObitiXL1NxOVPWovARgwItxU62QuVAAMsNglCZgdBRFuKkvInlE2XaM7DLDYJQmYBESvEuGWq4LuMDiJIzAJCecjwi3XBJ29QhFdgQGNx+PKXVA2VQg7NnT2Ek9gLCcsFNXWz6uATP2HjuiqMpFN09JLMSwh7OVsDVQLNbjUWhG/JnzYCs1279cEiBvgnNH8mlcADGi+2cizr81UuBMbgW95ycMKbYATGkR3D3urx6yLEdHX15dkF9v18HPta5b2kxFpfs2LWk4Vgl+Zrp5tr+L9D4vdrZgSYDp7AAAAAElFTkSuQmCC");
}

.musicPlaylistIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABORJREFUaAXlm8tL7DAUh8/U8Y3gRnyBiCAIgg9ERd3oQheCS/9PRXChmwFRURB1Jwgigi9EceVb771fuBk6NdN22tTOOD8YO6Zpcr4mTZOTM5k//yQJ6OPjQ66vr+Xu7k4eHx/V5+npSd7e3uT9/V3VWFtbK3V1ddLU1CStra3q09bWJp2dnZLNZhOwSiRjE/j5+VlOT0/l7OxMbm9v5fPzM5LRNTU10t7eLn19fdLf3y+NjY2RyjFdZAWYljw8PJSLiwv5+voy1RM5zXEc6enpkdHRUdXykQv6f2Es4MvLS9nf31ddN64hYa6nq09OTkpXV1eY7MY8kYB5Fre3t1X3NZaacCLdfGZmRj37pVZVMjDddnNzU15fX0uty2r++vp6mZ+fV929lIJLAj4+PpadnR1JaGAvxW6VN5PJyPT0tAwPD4e+NhQwA1Eul5OTk5PQBf9kxoGBAZmdnRUGuCAFAr+8vMj6+rrc3NwElZXq+Y6ODllcXJSGhgZfO3xvCS1bCbAQ0iDYGvRa9AWmG5d7y7qbE1ux2U9FgRmgyvWZ9QPCZmwvJiMwrx5G40oVtsNg0jdgJhW8Z8vl1WMyOigN22GAxatvwMyg0p5UeI2M8j8MsHhVAHx1dZXadNFrmI3/WbnB5FYB8N7envvcr/juZcoDcydY5v02weRu5bxb4ejoKBbr2NiY8LHlqcArsrW1ZeXVCJteUqoWxlNRbBgPexdswlIn7h8W/TYEG4xIAfNwB03Jgiq21bLuemyVCRuMSAHjgypn0dIs+ONIMzp4F3G4pSGcfAwqDw8PvtXj1RwaGvLNE3QSRlizVBjVuxhUid95BqWVlRXlxiUfrTg1NVX0Ehb7caRvroPfOA3xTLnrxuupB5ak7KE+Byd5GjLN1U1pNm2DNTVgPI/sNmgNDg5G8kLq68McAc6aVhRhLg6b5/7+Xg0W7CS4xRbL8vKy4NvGA4nPOWnBmmWvJykBu7q6qt7xS0tLavvEXReTi97eXndSot9hdfTGlu2aNCxOQCpaW1tL7fWn2WDNLx50oo2jG1aXVy7QDt3KtjY2NoSW9SptaFgdBg/bYkZTTGlCw+owbftppQUNq+N+F/4keBrQsKYGzM39aWiAs8RU2BaTjJaWltDFHhwcyNzcnNXQBlPlsGaZ4RBTYXPFtLCwYKov1TQYYXXwKninfVEsS2ICQ5e3JRhhVU48omXcnr0oleBwY01ryy0D7O7ubhRTjNfAiBQwKxf2Y+L4tdjEKtfNNzbKYcwDEwdFaND5+blKjPtnZGREmpub4xaTv767u1utuPIJJX6BTcd65f3SdEdbwEwrx8fHlau1RNuM2Zm5MZJHFWxaeWBGMD42dh/KqXtrLg1csFqamJjQ6b/mSCCbWwXAPCv64XZnqtTvsOgtFs1QAEwiDm9cLpUuGEzO+2/ArCiIcIvrB07zhmE7DKaV4DdgDGUYJ8KtUoXtMJhkBCYj4XxEuFWasNkvFLEoMKCE8xHhVinCVmz2ky8wUzLC+SoBWoceBsVbBsZacreYY+dyVRJc6u4eVRM+7IYmfKBqAsQ1OHs0VfMTAA3NEacBcVA2Fhzucot9ZyGQyo88vAYBTmgQ3T2OE8FbLv8z6jKJYI3tnReb8gelhRqlgwrR56vmh1oa2H1k0U5XL7ef4v0FN4+tKUyEAngAAAAASUVORK5CYII=");
}

.musicGenreIcon {
    background-image: url("data:image/png;base64,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");
}

.storageIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABVpJREFUaAXlm9srPV8UwBfG1yVKIteUW+TBtShezosXTzwS+R89SAgvFC+IokRSbrmEcr/8fr/P/n1nGmOcmdln45xj1eGcOfuyPrP3rLX32utk/POfyBfIy8uLHB8fy9nZmVxdXanX3d2dPD09yfPzs+oxOztb/vz5I/n5+VJUVKRepaWlUlFRIZZlfYFWIhkmge/v72VnZ0f29vbk9PRUXl9ftZTOysqSsrIyqaurk8bGRsnLy9Nqx6+SEWBGcnV1VQ4ODuTt7c2vH+1rmZmZUlNTIx0dHWrktRv6WzEh4MPDQ1lZWVFTN1FFwtRnqvf09EhlZWWY4r5ltIB5FhcXF9X09W31iy8yzfv6+tSzH7WryMBM25mZGXl8fIzal9HyOTk50t/fr6Z7lIYjAa+vr8vS0pJ8kWGPorcqm5GRIb29vdLW1ha6bihgDNHCwoJsb2+Hbvg7CzY3N0ssFhMMXJAEAj88PMjk5KScnJwEtfWj35eXl8vAwIDk5ubG1SPuLWFkUwEWQgYEXYPcYlxgpnGyj6x7ONEVnePJp8AYqGR9ZuMBoTO6fya+wLgerHGqCrrD4CcfgFlU4GeTxfX4KR10Dd1hgMUrH4BZQf30osKrpM5nGGDxyjvgo6OjH1suehUz8ZmdG0xueQe8vLzs/i4t3nuZHGDuBNu8dBOY3KPsAK+traUbq8PjZlPARCo+M+NOrRR+AxuMiAoc8XAHLcnC8DY1NUlLS0uYoqHKsBsiHjY/P5+Qm4QNxtbW1v+BiUGZkO7ubiksLDTRlNMGm4Ktra2E7QuMCpjoIgE3E0LwDTk/Pxd2WVGF7R2AjOz19bWKYtJGmG1fUF8wwmphxXSji36dsMqZmJjQAqa9oaEhFaKdmpqSsbExvy60rsEIq0Xc2KQwOuPj41o3kbrEqpHR0VGTaqm2YLUwCqaE5RxBdaa2Pb112wbeFoL3JgRWo8Bzc3PS0NBgQjenDZQ0NQsVsN+Owukt4huOSaqrq5XRiVj10+IFBQXKSptwm7BapqYLGnd2dgoKmpTi4mLZ2Nh4tzzUbR9Wyz7Y0m3EXc92H1hDnZlDfY5VkMvLS2HGIO7nWV3Q/AOr8SM63NL09LTc3t5GVgvgwcFB5ZZmZ2dleHg4chtBFSzcgEk/bLuloI6Dvv8KWFgzOZ81JTqrqzB9m2oXVgu/eXNzE6bfwDLEkWpra409c3SIK7m4uAjsO0wBWC1O3k3Fnu1D7DCdhy0D8O7urpHdHKwKOGznQeW6urqM75ZKSkpkc3PTiFtSwLbpD4IJ8729nGTG2BvuMPXsMlhpe+GCWwIWMeWWYLU4VUdRU5Yat8ROR8cPA2a7JezByMiIfS8S/g/j32QZSyWQuANdibSeqFuyR9MkLDzYFzKDVEyLbBkTYrsPlNZ9+elh4mDAZlQrLXImOI9JdIHONKyvr/fTWfsaVpoISiKCbYARUcDkQbGG3d/fVxd1/+AvTflMXR386sFm53o5cWnyoNJV3GwOMBaMV7qJl8sBBpQwa7oJiWxueQdcVVXlPNzuQqn6HkPlzdp7BwwYGW4kfaW6wACLVz4As6Mgw81eAHgrpMJndIcBFq98AKYAZpwMt1QVdLdDRV4GX2AKkc5HhluqCTrHS0X8FBjQWCymznpSBZpzKXSOJ3GBWZKRzkdDyS7oiK7oHE8Ccy2pzBqbDLdkTVQzmlzqvlu/Jn3YDU36ALsiE1s2d7tR339LgritFNGMX/MTABua/0RJyIPiaOU7hI3Aj/zIwwsHOKlBTPdEgwjetrG6LCLa29s/rIu9ZcN8DmWlwzREmV/zQy2/G5KsP8X7F20Smurn6vj3AAAAAElFTkSuQmCC");
}

.recommendedAppIcon {
    background-image: url(data:image/png;base64,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);
}

.appPermIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABVZJREFUaAXlm0lL9EwQgMsx7qCv4q4orogX9aKolznoRRDP+vc8edCL4EURERRUcAEFRVBxF3Hf1/f7nubNkIkxk8lkxpmxIMYkvdST7lR3V9ek/P1fJAry/v4uJycncn5+LtfX1+p4fHyU19dXeXt7UzWmpaVJenq6ZGdny58/f9RRVFQkZWVlomlaFLQSSfES+OnpSba3t2VnZ0fOzs7k4+PDldKpqalSUlIitbW10tDQIFlZWa7KscrkCTAtubKyIvv7+/L5+WlVj+t7Pp9PqqqqpK2tTbW864L+ZYwI+OjoSBYXF1XXjVQRJ/np6h0dHVJeXu4kuWUaV8B8i3Nzc6r7WpYa5Zt08+7ubvXth1tV2MB028nJSXl5eQm3Lk/TZ2RkSG9vr+ru4RQcFvDa2prMz89LlAx7OHqrtCkpKdLV1SUtLS2O8zoCxhDNzMzI5uam44JjmbCpqUn8fr9g4EJJSODn52eZmJiQ09PTUGX96PPS0lLp6+uTzMxMWz1sXwktmwiwENIg6BpqWLQFphvHe8samxNd0dlOvgXGQMXrN2sHhM7o/p1YAjP0YI0TVdAdBiv5AsykgnE2XoYeK6VD3UN3GGAxyxdgZlA/PakwK+nmGgZYzBIEfHx8/GPTRbNiXlyzcoPJKEHACwsLxmdJ8b+ZKQDMm2CZl2wCk7GVA26F1dXVqLDm5eUJsyA3HgwcCoeHh8pLEolysOlLSgVMwd+Z8UgqopKBgQFhku9WHh4eZGRkRJjiuhXYYMRzoro0H3eoKZmbyhobGyOCpc6cnBypqalxU30gD2wwIgoYH1Q0hG6Mw87JYTfue+HT0hk1vIs43KIhU1NTjovl5RQXF0tnZ6dy4DnO6DAhjLBqWDG33kVzXSzNqqurQy7RzPm4xn2LNR0bG5P+/n6prKy0Sub6HoywaviNvRBaaHBwMCKXKt/a+Pi4zM7OytDQkBdqBZUBqw8nuReSn58fESw64LFobm5WTnusqtcCq2fATsbZu7u7kAy6gYoasNWKIqRWLhIsLy/L8PCwLC0tucjtTRZYfRiLWIhuK/RzLOo01wGrT9/YMj9MxmtYA4uHZAS0YtLYsvRqHDZWsLe3FzQ/17vyxcWFGnb0tIWFhcoy69fRPMOqsT8bycT8OwWnp6cty8VSr6+vB2Vjrqxb56AHHl/AqrEZfXt763HRIj09PXJwcBAolxa/ubmR3NzcoMUALRwLWBSBVWPnPRq+Z/Z0OXS5v79XwAUFBWrnT7/v5OxVg8Dq4088y+Xlpezu7nqiIqwaMRXxKEBubW3JxsaGZ0YVVo1ddWIqomGpjS+yvr5efTpsZjsRs/PNSR67NDD+C5bR1PrT6Oiyy+j2WV1dnXD8lBAkw3xfTTyIlolUvJqiOllguNFVZ1TAdDMnm8l2FV1dXallnV2aUM+Y+kXDewqb/ikpryXjIEMIY6VbYfE+OjqqZk2MteEKKxmMlFdDkLF+2PSxPuCXJg4qEmAqYD+HeK14E9h0CSwesGAcySZmrgAwoO3t7cnGqwLZjFBBwBUVFYGP25goUf/HUOlbLDpDEDA3iXAj6CvRBQZYzPIFmBUFEW6R7AeZK4n1NbrDAItZvgCTADNOhFuiCrobV2pGDktgEhDOR4Rbogk624UifgsMqN/vV3u7iQLNPjQ624ktMFMywvkoKN5FDz0MNUUOGWsJKNNGItziNVDN0+BSY8v+mvBhIzThA78mQFwHZ2Xza34CoENzxkuCKyZW4U4sBH7kRx5GaB2chTvdHQPnpWB1mUS0trZ+mRe7qceRlXZaMHu6v+KHWlYvJF5/ivcfot3AQLD5bMgAAAAASUVORK5CYII=");
}

.viewPinIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABX1JREFUaAXlm8svO18UwE9HveO1EK/EQiJICEIQLEpiY2EltsSCf8neTqwsJFiw8SZYkUhIJN4Lz3g/fr/PzXea6XTazrSlOj1J6cycuXM+93Hm3ntOPd//i/yAfHx8yPn5uVxfX8vt7a36PD09ydvbm7y/v6snpqenS0ZGhuTk5EhhYaH6FBcXS1lZmXi93h+wSsQTT+Dn52c5PDyUo6Mjuby8lM/Pz6iMTktLk5KSEqmqqpLq6mrJzs6Oqhyrm+ICTEvu7OzIycmJfH19WT0n6nOapkllZaU0Nzerlo+6oH83xgR8enoqGxsbquvGaoid++nq7e3tUl5ebkfdUicqYMbi8vKy6r6Wpf7wSbp5V1eXGvtOH+UYmG67sLAgr6+vTp8VV/3MzEzp6+tT3d1JwY6A9/b2ZGVlRX7IsTuxW+l6PB7p7OyUxsZG2/faAsYRLS0tycHBge2Cf1OxtrZWfD6f4OAiSUTgl5cXmZ2dlYuLi0hlJfR6aWmp9Pf3S1ZWVlg7wlYJLZsMsBDSINga6bUYFphu/Ndb1tic2IrN4SQkMA7qr47ZcEDYjO2hxBKYVw/eOFkF22GwkiBgJhW8Z//Kq8fK6EjnsB0GWMwSBMwMKtGTCrOR0RzDAItZAoDPzs4SNl00GxaPY1ZuMBklAHh9fd14zRXfzUx+YGqCZZ7bBCZjK/uBd3d33cbq5zGyKWB2KkK5cf9dSfwFNhgRBczgjjQlS2JexQajH5g9KLeLzqixu8iGm9sFRlg1vFi0u4vJVEkwwqqxb5wqAqvGJnmqCKxxAWZvyShssIUSJ7rmLRuiFLGIArZaUTgpFKPGxsakt7dX3dba2iqjo6MqbGIuh4jC+Pi4dHd3q0tstY6MjEhubq5ZVYVg0G1ra1PXenp6ZHh4WMJVZlAhphOweon1xCK8vx8fH6WmpkaOj4+lpaVFrbasKhJdJgD19fXCJn5DQ4M6Zt/MLHhUVjxEHBh7bNTd39+r2JRZ1+4xrJoe2LJ7k5UeC266Kq1AK25ubloaxjp1bW1N7S6iS+/g2OotQeVQDuWhS/ks92JZp8PqmZiY+LZ6oBWY+dzAwIBUVFT4T2OU0aCbmxuZmppSM53BwUEhMqiLWZdWnJ6eVpUwNDQkRUVFuqqCNZZL75iZmfFft/uFyvMSsowW+O7uzj/+8vLyVIgTwziP8F+fsuIweBaSn5+vWs6oq78t0Oc+KgQpKChQ3zlPl0b08tWBgz883zM5OfmtF+Tg3gDVuro61e0eHh4E8K2tLRVkC1D6d9DU1KSiBbouw8G4mjHeg8PCCeq6i4uLsr+/b1Rx9J2K1ghGxyKMQyJ69JL5+XnlaIAyv1J4Bq8VABhLc3Nz6j/Hemsa7SAmTDk4LnQpn+fEIrBqRN5jEcYFXZP4MPPV1dVVZZwVMLoYToj16upKOSW6qhUwGQB4aspDl/IRK1279sPq2d7e/sZTpoJ0dHSIZvScboeGVSOqTldzu8AIq8ZYIYHE7QIjrGqLh2wZt4vOqIDJmbDyqm6pBNhgRBQw7zxSg9wqsOm5XgoYUFYlbhUjmx8YD8bHbWLm8gMDqi+23QRtno4GALPU0we3G6BhMWftBQADybZLLNsof6WiYIDFLEHArCjIcItlkm5+yG8fYzsMVivBIGCMw42T4Zasgu2hXrOWwICSzsfGWbIJNodLRQwJDKjP5xMy3JJFsBWbw0lYYKZkpPMlA7Seehhpihwx15LaYleCDLe/mqgW1+RSY/dImfRhIzTpAymTIK6DE0ZJmZ8A6ND8Jx2IPKjfSndiIZCQH3kYoXVwNtPp7ji4eApel0kEe9TmeXE0z7Hlpe0WnDI/1LKqEDbR6eoEyYgb8WHsJ/qneP8BJa3w30zz1JEAAAAASUVORK5CYII=");
}

.allFilesIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABL9JREFUaAXlm8lL+0AUx1/jvhz0IK6oCIJ4cDkJeimCCHrx5h+pIF68iFAEBQW3myCICG7oQQX35ffzMzglbdNsTewyXwhpm8nL+2Qmk5k3r4l/P5IY9Pn5KVdXV3J7eyv39/dqe35+lvf3d/n4+FBXrKmpkdraWmlsbJSWlha1tbW1SWdnp1RXV8fglUgiSuCXlxc5OTmR09NTubm5ka+vr1BOV1VVSXt7uwwMDMjg4KA0NDSEsuN0UiTA1OTBwYGcn5/L9/e303VC/2ZZlvT29sr4+Liq+dCGfk8sCPji4kJ2d3dV0y3UET/n09QnJiakq6vLT3HHMqGAeRa3trZU83W0GvOPNPOpqSn17Ae9VGBgmu36+rq8vb0FvVak5evq6mRmZkY19yCGAwEfHR3J9va2xNSxB/FblU0kEjI5OSmjo6O+z/UFTEeUSqXk+PjYt+G/LDg0NCTJZFLo4LzkCfz6+ipra2tyfX3tZauoxzs6OmRubk7q6+td/XC9JdRsOcBCSIXgq9dr0RWYZlzqNWuvTnzFZzflBaaDKtVn1g0In/E9nxyBefXQG5er8B0GJ+UAM6jgPVsqrx4np71+w3cYYMlWDjAjqGIPKrKdDPMdBliylQF8eXlZtOFitmNRfGfmBpNdGcA7Ozv2YxXxOZspPcvmTjDNi0JNTU0yPT0t3d3dwvAP6b2bfZ495tEbGxvy8PDgVtT3MZhg0zOsNPDh4aFvI14FgSVysb+/HygIwNBweHhYTQqWl5e9LuP7OGwZwEQq8nXjvq3aClKzBASYKwcVISCmflEKNhiJnKga5uH2GpIFcYCaIqaF5ufnpaenx/N0Yl8rKyuBWoSn0d8CsME4MjIiqtMiBhWHCND19fUJMSqvjcF/c3NzHG4om5rRoiboKCpdMMJq0YuFjS6W002CEVaLZ8cUwWoRJDdFsJoH7DSjqNQah9XiRW+KYLX0wpYJ0LBmzJZMgLZYsjRFsFoM/0wRrBaL0aYIVouVd1MEq3nARCZMEawWq+rMVStdMMJqkS1DAkkcYmRzd3fny/Tj46M8PT35KhumEIywqhAP2TLZ8dswRp3OWVpaElbrvUTgPM7VDhiRGmmRM+FnMdnLaafjQLDGrDde/gsLC0IoV//GPk5Y2GBECphoHqlBfyHdzP9yOQc2neuVjkuTB3V2dhYJM89jf3+/sucUDd3b2xNqurW1NeN61ARNjxqPUrBppYHpwdiiWH3Y3NyU2dlZWVxc1NfxvSf2xMpDVNJc2l5GjgeJZqurq/pYQXteA3RWfpZY9IV4jmnyOqatfy9kT3+hVx2wk65hvrBiwMNN0LpQUVPFjqbAYoeFKWc+zDKHn9dIoTck7vNhcFqyyQFmRkGGW5CmGLfzQe3jOwxOM8EcYIzTjZPhVq7C93yvWUdgQEnnI8Ot3ITPbqmIeYEBTSaTwiJXuQhf8dlNrsAMBEjnKwdofMRXryFyxns4351htJT6yXAr1US1SJNL7TfBmPRhOzTpA8YkiGtwRlDG/AVAQ7MnaEAeVBQTDrvdfJ+ZCBTlTx7ZDgFOahDN3Wk6mF0+yHd6XQYRY2NjOePiIHZ0WV+9tC7stTfmj1pON4IpHk291P6K9x/Bmnr30iRaswAAAABJRU5ErkJggg==");
}

.trashIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABRBJREFUaAXlm8lL9EoQwGviuKKguO8gCp5cLgp6cC5e9CJevfm3efKiXrwIIoKCgqh4UcQV3AVFxV2/9/36vR6SmczeebMVhCSdpLt+6U53V3XF9+eviAfy/f0tV1dXcnd3J4+Pj2p7fX2Vz89P+fr6UiUWFhZKUVGRlJWVSWVlpdpqa2ulsbFR/H6/B1qJ+EwCv729yeHhoRwfH8vNzY38/PwkpXRBQYHU19dLR0eHdHV1SWlpaVL5uD1kBJia3N7elvPzc/n9/XUrJ+k0y7Kkra1N+vv7Vc0nndF/D6YEfHFxIZubm6rppqpIPM/T1AcHB6WpqSme213vSQqYb3FtbU01X9dcPU6kmQ8PD6tvP9GiEgam2S4tLcnHx0eiZRm9v7i4WEZHR1VzTyTjhIB3d3dlfX1dPOrYE9Fb3evz+WRoaEh6e3vjfjYuYDqilZUV2d/fjzvj//PG7u5uCQQCQgcXS2ICv7+/y+LiolxfX8fKK63XGxoaZGxsTEpKSqLqEfWVULPZAAshFYKusYbFqMA040yvWXt1ois6R5OIwHRQmfrNRgNCZ3SPJK7ADD30xtkq6A6Dm4QBM6lgnM2UocdN6Vhp6A4DLKESBswMKt2TilAlkzmHAZZQcQBfXl6mbboYqpiJcyw3mOziAN7Y2LBfy4njUKYgMG8CMy/XBCZ7LQfdCjs7O56ztre3S3l5uaOcl5cXOTs7c6SZPoFNm5SqhvFUROrGTRWOG2d8fFx5Murq6oQNrwZpXPNSYIMRUTXMxx1rSpaqQq2trfL8/CzLy8uOrJqbm4VrBwcHjnSTJ7DB2NPT869Pa35+3tHOUy0MO7WmpsaRDX4pHHNA26WiokJw+Oka0Nfu7+/VWKrPU93TpCcmJsRPYTjcTAkmWmdnp2CruklVVVVYMi8i1MrBi7m6umpsTgAjrH56sWS9i2Ga/02g+czNzUl1dbXb5bjTqGGTEyAYYfXjNzYtqeaJcqnm4cZEnn6c5KaFoWdycjLpbJ+enmRmZibp5yM9CKvlBXCkAtOdroDdLAqTiu3t7cnCwoJj2MMzsbW1FSzm4eFBZmdnjXaewcxtB7BarPV4Kaenp4LDXg87fJ+knZycBIu9vb0VOimvp7awWnphK1h6Dh/AGjQecpjTgWaxZJkvAqvF+my+CKyW15ZKJr1MWC3mrPkisOYfMDEV+SKwWqyqE1OR6wIjrBa2KK4WrwRDQkfrUAb2Ms4Au29LH+u9F7rACKty8RAtY/fsmSxwZGRELVrr8R7HwNTUlCMsCTfP9PR0mBPApB4wImqmRcxEPIvJ8SqA4a59ZORLeIJd1HgYsnht93iwJm1S0AFGRNUwTYzQICb1JgSFWdtpaWlJODuMC9OrlrDpWC8FjFbEQZkCJr+joyO1cZxugU1L0HigB2PLNQnlCgIDOjAwkGu8KpDNDuUAprfUH7f9pmw9hkUvsWgGBzCJRLiF9qr65mzawwBLqIQBY1GwchDJkR6aQSaeozsMbpZgGDAAdONEuGWroDsMbuIKzI2E8xHhlm2CztFCESMCAxoIBIQIt2wRdEXnaBIVmCkZ4XzZAK1DD2NNkWPGWvK2mBcT4WZ6yhetJhK5ZjS41F5w3oQP26EJH8ibAHENzhpN3vwCoKHZ4zQgDsrrNSFdJoZAWn7y0AroPeCEBtHcteGvr6W6p9dlEtHX1xc2L04m77h66XgzZoUwL37Ucnshmfor3j/wjHdgr+bKlAAAAABJRU5ErkJggg==");
}

.shareIcon {
    background-image: url("data:image/png;base64,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");
}

.myBillsIcon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABUtJREFUeNrsWz1P20AYfvkQdAEqgRhgSJhgIlmYAOHCxES6wISagYml/Qel/wCWTAyR2FhqfgA0SDCxECQkmIABJoYiBgQSovec7o0Oc3Yc7gJO6COdHLB9vufe7/O55enpieqBQqGQFQdPNBzTok1VuWVXtHPRDkUrLS8vH9ZjXC0uCQuSOXHg1mPZ3Y1oPpog7yeGsCD5WRx+iJYXLUX1wYVoRdFWBfm/70ZYkF1RZHvobXCjSK+8KWFB1FMznqL3ASSeF8RLdSWs1Bez+52SgTWMpxY1j01YkE0rJ5KhZKEMJylInzsjrEJM6Q1t9TW27cUJZVUJNwDZmkhHEm4gsrFJhxJWNnvYQGR10tkwm26N8MZ+A5IlNWZfcYhHWIWeDDUuMopDdZVWScUfag58CSYnJgkXqXlQjFRplRunmohwSnF6qdLKyM9dO6rOzk4aGRmhgYEBGhwcpI6OjmfnHx4e6PLykq6urujk5ITu7+/r4bXTnH62ayecVj0gOjExQcPDw5HXYQKGhoZkGx8fp9PTU9rb23NJvEdxWwkSzrt6AgY/MzNTkeb19bUkAknit46+vj4peUwMfuOI+7e3t+ns7MzVkPJMWKq0Wqn47aJnSHV0dFT+vr29pZ2dHUk0DkAcUgZx4OjoSErbEb5i5YSdVs41WUh0Y2PDSHZsbEy2IHDt5uamvBdAX+jTEXK6l865UGMmC6lCJcMQRpiBe9EHk0bfrgi39ff3Z20LejioXC5HbW1tUjoHBwcvrunq6qLJyUlp27iOiUN97+7upPrrgK13d3fL86lUio6Pj+nx8dFmmJ/EuLYgYc+FKsNBYdAmyWLQCwsL0iEFwxKkNzc3J0OXSdIgjnscqbYHwllb6XLoYTUMYnZ2Vg4aMVeX/tbWloy/PGnoK4j9/X15xDNM52tEFoTTNj2wZCAJk4OCdKHOAJyYThjX+74vSWNCTFLWQ5npfI1IIw5P2fSADIq9cpgGMMKSCUwCCAdjNAN9Y+LwrHK5bDPcqVbbKUPsZEmYoJPIZMwVJ+5FkhF0XPp5/Vk2sCasZ1MmQKpIIAAkFUtLS88mK45dct9Bh/catL9FycK5MSSsDxremVXWcf5cPwnHBex0fX1dema9UmIPvLi4WHFuTUE4aI8AJgChDLYLyYfZeKIIs5Q44X+Rz4kMTCTtoedRA7ONh13D/+dnvSvhah6U7dImH64WCWolvGvTAWdKYYU+Sw/qalJZSI8LiTBC3Dc/ywK7rWpZ59WASuqFvEkD4IVhowhLUHE95Zyfn6/k4Tw5QemySvOzLHAOwlZ7KaCynGWBUFi5x2Q4M9PVHEkHUkxTWOI+8QwHYesQcbjkIs5i8JAEyj9TxYRrkBbiGkiWiw2QDSOCvnA9nJWjlY9Sq3rxdGMrZSYJewtL8qG2+jpV1Col+mDbRd8OpHsDruylrXfJgAir7fT0tJROVBJiWiTQJYs+2Ok5Wszz9dQSf3xzodq8LAPp9Pb2yno26H3DyNZ5Ec+vrFoChUIB3trJWwebZVpOMBwv014IdU4Hi4eiaD9d9I6BotjnhXgQCcuiTLVvHQqJoqlaWiWHbx/YkWHwCXjVssp/PHtdql48/aTmwi99I5vp/bAzW04AKrYbVTzkm0i6+arVknpjvtYEZNdMWxOj9niUG5hsmeLu8dBsOU0fZduSUm3c4Nnm2e9A1ovad/l/62GDko69uTTWmpbqKJtQR1ZWNhtrISP2Ip5m00kKWWvVbPZVKm1QcY8+wicABuIr9BE+8giQ/jif8RjIN/+HWlVCmUcJ+xTvnwADAEfBBV7StviOAAAAAElFTkSuQmCC");
}

.userMgmtIcon{
  background-image: url("data:image/png;base64,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")
}

.nav li.dropdown {
    margin-left: 8px;
}
header .navbar.navbar-default .navbar-collapse li.dropdown:hover .dropdown-menu .dropdown-content ul li.col-sm-9{
    padding: 50px 0px 0px 40px !important;
}
header {
    z-index: 999;
}
.cloud-header{
    height: 85px !important;
}

header .navbar.navbar-default .navbar-collapse {
    width: 99.4%;
}

header .navbar .navbar-collapse .nav.navbar-nav > li > a {
    padding-left: 8px !important;
}
header .navbar .navbar-collapse .nav.navbar-nav > li > a:hover{
    color: black;
}
/*This is anchor tag in sub menu*/
header .navbar.navbar-default .navbar-collapse li.dropdown:hover .dropdown-menu .dropdown-content ul li a.menuText {
    top: -15px;
    /*white-space: pre-wrap;*/
    position: relative;
    font-size: 16px;
    vertical-align: middle;
    max-width: 200px;
    line-height: 21px;
}

/*This is sub menu ul wrapper*/
header .navbar.navbar-default .navbar-collapse li.dropdown:hover ul.dropdown-menu {
    /*margin-left: -50%;
    margin-right: -47%;
    padding: 10px 49%;*/
    /*max-width: 100%;
    width: 100%*/
    padding: 0 0 50px 0;
    width: 100vw;
    margin-left: -50vw;
    height: auto;
    left: 49%;
}

.x-msie header .navbar.navbar-default .navbar-collapse li.dropdown:hover ul.dropdown-menu {
    width: 100vw;
    left: 50%;
}

header .navbar.navbar-default .navbar-collapse li.dropdown:hover .dropdown-menu .dropdown-content {
    width: 980px;
    margin: 0 auto;
}

.subMenuLink {
    width: 50%;
}

.menuText {
    color: #4b4b4b !important;
}

/*JM: New design css Ends*/
/*add by jessica-home link underline out of text fix */

#nfileList_photo a:hover, #nfileList_audio a:hover, #nfileList_video a:hover, #shares_header a:hover {
    text-decoration: none

}

#nfileList_photo a:hover span, #nfileList_audio a:hover span, #nfileList_video a:hover span, #shares_header a:hover span {
    text-decoration: underline;
}

/* Added by ponmudi - space issue fix - start */
.content_hide {
    display: none;
}

.content_limit {
    width: 96%;
    max-width: 1024px;
    /*padding-left: 1%;*/
}

.container {
    max-width: 976px;
}

.content_noscroll {
    width: 100%;
    max-width: 940px;
    padding-left: 1%;
    overflow: hidden;
}

.content_home {
    border-top: 1px solid #ccc;
}

.content_filters {
}

a.to-top {
    background: #333 none repeat scroll 0 0;
    border-radius: 25px;
    color: #fff;
    font-size: 20px;
    padding: 14px 15px;
    position: fixed;
    right: 120px;
    text-align: center;
    text-decoration: none;
    top: 80%;
    cursor: pointer;
    z-index: 1000
}

/* following 4 class change to fix rotation Ethan*/
.photo_wide_cropped {
    display: inline-block;
    width: 48%;
    height: 24%;
    padding-bottom: 24%;
    max-height: 60px;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
    overflow: hidden;
}

.wide_rotate_90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 24%;
    background-size: contain;
}

.wide_rotate_180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.wide_rotate_270 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    width: 24%;
    background-size: contain;
}

.photo_wide_cropped:active, .photo_wide_cropped_active {
    opacity: 0.8;
}

.photo_square_cropped {
    display: inline-block;
    width: 24%;
    height: 0;
    padding-bottom: 24%;
    background-position: center center;
    background-size: cover;
    margin-left: 1.5%;
    cursor: pointer;
    /*VA :- adding position as relative for home_album_name*/
    position: relative;
}

.photo_square_cropped:active, .photo_square_cropped_active {
    opacity: 0.8;
}

#nf_list_audio .photo_square_cropped:first-child {
    margin-left: 0px;
}

/*VA :- Adding a class for home album name */

.photo_square_cropped .home_album_name {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    text-align: center;
    overflow-x: hidden;
    font-size: 14px;
    font-family: nhg-text-roman, arial, sans-serif;
    color: #4b4b4b;
}

.music_square_cropped {
    display: inline-block;
    width: 24%;
    max-height: 212px;
    height: 0;
    padding-bottom: 24%;
    background-position: center center;
    background-size: cover;
    margin-right: 0.75%;
    cursor: pointer;
}

.music_square_cropped:active, .music_square_cropped_active {
    opacity: 0.8;
}

.music_popup {
    width: 255px;
    height: 80px;
    overflow: hidden;
    display: inline-block;
    position: relative;
    left: 0px;
    background-color: #f8f8f8;
    font-family: nhg-text-roman, arial, sans-serif;
}

.music_close {
    position: absolute;
    right: -12px;
    top: -12px;
    cursor: pointer;
}

.music_close:active, .music_cover_active {
    opacity: 0.666;
}

.music_cover {
    float: left;
    width: 80px;
    height: 80px;
    background-position: center center;
    background-size: cover;
}

.music_songs {
    float: left;
    height: 80px;
    width: 155px;
    overflow-y: auto;
    overflow-x: hidden;
    border: 1px solid #ddd;
    position: relative;
    font-size: 10px;
}

.music_btns {
    height: 80px;
    margin-top: 5px;
    position: absolute;
    right: -65px;
    width: 80px;
}

.music_btn_img {
    height: 36px;
    background-color: rgba(0, 0, 0, 0.0);
    opacity: 1.0;
}

.music_btn_img:active, .music_btn_img_active {
    opacity: 0.666;
}

.music_btn {
    width: 40px;
    height: 40px;
    float: left;
    position: relative;
    left: -80px;
    cursor: pointer;
}

.music_btn:active, .music_btn_active {
    opacity: 0.666;
}

.music_songs_ul {
    list-style-type: none;
    padding: 8px;
}

.music_songs_li {
    border-bottom: 1px solid #d2d3d4;
    /*height:30px;
    line-height:2;*/
    cursor: pointer;
    width: 100%;
    /*clear:both;*/
}

.music_songs_li:after {
    content: "";
    display: block;
    clear: both;
}

.music_songs_li:active, .music_songs_li_active {
    opacity: 0.666;
}

.music_playing {
    float: left;
    clear: both;
}

.music_home_playing_img {
    width: 18px;
    height: 18px;
    position: relative;
    top: 8px;
    float: left;
}

.music_time {
    font-size: 9px;
    /* padding-top: 5px;*/
    top: 10px;
    position: relative;
    /*left: 95px;*/
    float: right;
}

.music_playing_name {
    font-size: 9px;
    /*padding-top: 5px;*/
    position: relative;
    clear: both;
    float: left;
    width: 85px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.music_play {
    opacity: 1.0;
    margin-left: 5px;
    margin-top: 5px;
}

.music_stop {
    opacity: 0.0;
    margin-left: 5px;
}

.shares {
    width: 100%;
    height: 100%;
    overflow: hidden;
    white-space: nowrap;
}

/* loading overlay */
.loader_popup {
    position: fixed;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 12003;
    /*background-color: rgba(0, 0, 0, 0.8);*/
    background-color: rgba(254, 254, 254, 0.8);
    z-index: 100000;
}

.loader_img {
    /*height: 100px;
    width: 100px;*/
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background-color: rgba(0, 0, 0, 0.0);
    z-index: 1000;
}

.home_page_inner_loader {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    /* background-color: rgba(0, 0, 0, 0.8); */
    background-color: rgba(254, 254, 254, 0.8);
    z-index: 1200000;
}

.home_page_inner_loader .loader_img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    background-color: rgba(0, 0, 0, 0.0);
}

/* defect 2183 add spinner for add/create popup*/
.loader_popup_img {
    width: 310px;
    overflow: hidden;
    height: auto;
    min-height: 160px;
    max-height: 250px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 12003;
    position: fixed;
    left: 50%;
    margin-left: -155px;
}

/* buttons */
.holder .btn {
    /*No need due to rebranding*/
    /*width: 100px;*/
}

.btn {
    /*width:100px; conflict with global header css*/
    /*Would be replaced by bootstrap classes*/
    /*text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 3px;
    margin: 4px;
    padding: 4px 4px 4px 4px;
    list-style-type: none;
    background-color: #ffffff;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    cursor: pointer;*/
}

.btn:active, .btn_active {
    /*Disabling as it is preventing click on edges*/
    /*transform: scale(0.9);*/
    /*-webkit-transform: scale(0.9);*/
    /*-moz-transform: scale(0.9);*/
    /*-o-transform: scale(0.9);*/
    /*-ms-transform: scale(0.9);*/
}

.btn_generic {
    width: 55px;
    padding: 5px 5px 3px 5px;
    text-align: center;
    z-index: 999;
    background-color: #595a5d;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    cursor: pointer;
}

.btn_generic:active, .btn_generic_active {
    opacity: 0.666;
}

/*---Defect ID: 2059---Albert---*/
.mediaVideo {
    cursor: default;
}

/*------------------------------*/
.btn_video_play_1 {
    width: 10%;
    display: inline-block;
    position: relative;
    right: 61%;
    background-color: rgba(0, 0, 0, 0.0);
    padding-right: 5px;
    padding-bottom: 5px;
}

.btn_video_play_2 {
    width: 10%;
    display: inline-block;
    position: relative;
    right: 46%;
    background-color: rgba(0, 0, 0, 0.0);
    padding-right: 5px;
    padding-bottom: 5px;
}

.btn_video_play_3 {
    width: 10%;
    display: inline-block;
    position: relative;
    right: 31%;
    background-color: rgba(0, 0, 0, 0.0);
    padding-right: 5px;
    padding-bottom: 5px;
}

.btn_video_play_icon {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.0);
    cursor: pointer;
}

.btn_video_play_icon:active, .btn_video_play_icon_active {
    opacity: 0.7;
}

.btn_upgrade {
    background-color: #CD040B;
    border-radius: 2px;
    clear: both;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 12px;
    height: 25px;
    left: -40px;
    padding: 5px 10px 2px; /* change right padding to 10px for change in font family, previous value:15px*/
    position: relative;
    text-align: center;
    top: -63px;
    width: auto !important;
    font-family: nhg-text-bold, arial, sans-serif;
}

.btn_upgrade {
    top: -21px;
    left: -295px;
}

.topnav_right .btn_feedback {
    left: -90px;
    top: -19px;
}

.topnav_right .btn_ask {
    left: -125px;
    top: -20px;
}

.topnav_right img {
    float: right;
    top: -24px;
    position: relative;
    right: -125px;
}

#feedback_form .techSupport {
    margin-top: 30px;
}

#feedback_form .supportLink {
    color: #06C;
    font-weight: bold;
    cursor: pointer;
}

#feedback_form input[type='checkbox'] {
    position: relative;
    display: none;
}

#feedback_btn {
    display: none;
}



#feedback_email {
    border: 1px solid;
}

.btn_upgrade:active, .btn_upgrade_active {
    opacity: 0.666;
}

#device_platform input {
    vertical-align: sub;
    cursor: pointer;
}

/* list of links */
.item_ul {
    list-style: none;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.item_header_li {
    height: 100%;
    min-height: 44px;
    position: relative;
    display: inline-table;
    white-space: nowrap;
    padding: 5px;
    text-align: center;
    overflow: hidden;
    display: block;
    height: auto;
    text-align: left;
    width: 100%;
}

.item_li {
    height: 100%;
    min-height: 44px;
    position: relative;
    display: inline-table;
    white-space: nowrap;
    padding: 5px;
    text-align: center;
    overflow: hidden;
    display: block;
    height: auto;
    text-align: left;
    width: 100%;
    border-top: 1px solid #eee;
}

.item_li:active, .item_li_active {
    opacity: 0.666;
}

.item_div {
    height: 100%;
    padding-left: 2px;
    background-color: rgba(0, 0, 0, 0.0);
}

.item_header {
    min-height: 44px;
    padding-top: 8px;
    padding-bottom: 15px;
    white-space: normal;
    width: 100%;
    font-family: nhg-display-bold, arial, sans-serif;
    font-size: 16px;
    color: #333;
}

#nfileList_photo .hint {
    height: 200px;
    width: 440px;
    white-space: pre-wrap;
    font-family: nhg-display-bold, arial, sans-serif;
    font-size: 30px;
    margin-left: 150px;
    color: #CD040B;
}

#nfileList_photo .hint span {
    font-size: 16px;
    color: #333;
    display: inline-block;
    line-height: 25px;
    padding-top: 10px;
}

.item_header:active, .item_header_active {
    opacity: 0.666;
}

.item_icon {
    background-color: rgba(0, 0, 0, 0);
    left: 0;
    padding-right: 5px;
    position: relative;
    top: 7px;
    /*width: 32px; BP -- IE10/11 fix for home icons*/
    cursor: pointer;
}

.item_padding {
    text-align: left;
    margin-top: 3px;
}

.item_summary_li {
    height: 100%;
    position: relative;
    display: inline-table;
    white-space: nowrap;
    padding: 5px;
    text-align: center;
    overflow: hidden;
    display: block;
    height: auto;
    min-height: 44px;
    text-align: left;
    width: 100%;
    border-top: 1px solid #eee;
}

/*---Defect ID: 2059---Albert---*/
.item_summary_li img {
    cursor: default;
}

/*------------------------------*/
.item_summary_li:active, .item_summary_li_active {
    opacity: 0.666;
}

.item_summary_div {
    width: 100%;
    height: 100%;
    padding-left: 30px;
    position: relative;
    top: -10px;
    background-color: rgba(0, 0, 0, 0.0);
    color: #4b4b4b;
    font-family: nhg-text-roman, arial, sans-serif;
    white-space: pre-line;
}

.item_summary_icon {
    width: 24px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.0);
}

.alphasort_bar {
    position: absolute;
    right: 10px;
    /*JM: Changes related to need help button*/
    top: 226px;
    background-color: #ecedee;
    width: 30px;
    border-radius: 8px 8px 8px 8px;
    padding-bottom: 10px;
}

#page_music .alphasort_bar {
    right: 55px;
}

.alphasort_letter {
    font-size: 10px;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.alphasort_letter:active, .alphasort_letter_active {
    color: #ed1c24;
    font-weight: bold;
}

.alphasort_letter:hover {
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
}

.alphasort_letter_disabled {
    font-size: 10px;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    color: #d2d3d4;
    cursor: pointer; /*---Defect ID: 2059---Albert---*/
}

.mplayer_shuffle {
    display: none;
}

.mplayer_holder {
    z-index: 2000;
}

.mplayer_full_popup {
    width: 100%;
    height: 60px;
    max-width: 1025px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    background-color: #ecedee;
    position: fixed;
    bottom: 0px;
    z-index: 2000;
    padding-top: 5px;
    border-top: 1px solid #fff;
    margin-left: 0px;
}

.mplayer_small_popup {
    background-color: #ECEDEE;
    bottom: 0;
    height: 60px;
    margin: 0 auto 0 0;
    max-width: 1025px;
    overflow-x: hidden;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    position: fixed;
    white-space: nowrap;
    width: auto;
    z-index: 2000;
}

.home_music_spinner {
    height: 16px;
    left: -84px;
    position: relative;
    top: 27px;
    width: 16px;
}

.mplayer_small_spinner {
    left: 4px;
    position: absolute;
    top: 5px;
}

.mplayer_minimize {
    cursor: pointer;
    float: left;
    padding-right: 5px;
    padding-top: 5px;
}

.mplayer_minimize_close {
    cursor: pointer;
    float: left;
    padding-right: 5px;
    padding-top: 19px;
}

.mplayer_minimize:active, .mplayer_minimize_active {
    opacity: 0.666;
}

/*Bill Pope fix for max/min mplayer - leave in*/
.mplayer_maximize {
    float: left;
    cursor: pointer;
}

.mplayer_album {
    float: left;
    width: 50px;
    height: 50px;
}

.mplayer_album_small {
    float: left;
    padding-top: 10px;
    width: 40px;
}

.mplayer_album_img {
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    height: 50px;
}

.mplayer_track_name {
    float: left;
    padding-left: 20px;
    padding-top: 15px;
    position: relative;
    top: 10px;
    color: #333333;
    font-weight: bold;
}

.mplayer_track_name.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 40%;
    font-family: nhg-text-roman, arial, sans-serif;
}

.mplayer_album_name {
    color: #747474;
    padding-left: 10px;
    display: none;
    font-style: italic;
    font-size: 11px;
}

.mplayer_btn {
    float: right;
    padding-left: 2px;
    padding-right: 2px;
    position: relative;
    top: 10px;
    cursor: pointer;
}

.mplayer_volume_btn {
    display: none;
    float: right;
    padding-left: 8px;
    padding-right: 2px;
    position: relative;
    top: 0px;
    cursor: pointer;
}

.mplayer_volume_btn:active, .mplayer_volume_btn_active {
    opacity: 0.666;
}

.mplayer_btn_first {
    margin-left: 10px;
    margin-top: 1px;
}

.mplayer_btn:active, .mplayer_btn_active {
    opacity: 0.666;
}

.mplayer_btn_img {
    padding-top: 15px;
    padding-left: 2px;
    padding-right: 2px;
    height: 35px;
}

.mplayer_meter_container {
    width: 50%;
    margin-left: 25%;
    position: absolute;
    top: 5px;
    background-color: #d2d3d4;
}

/*BP added for load progress mplayer*/
#mplayer_loaded {
    width: 0%;
    height: 5px;
    background-color: #888888;
    cursor: pointer;
}

.mplayer_meter {
    height: 5px;
    background-color: #f00;
    position: absolute; /*BP added*/
    z-index: 1001; /*BP added*/
    cursor: pointer;
    width: 0%;
}

.mplayer_volume_container {
    display: none;
    float: right;
    width: 100px;
    background-color: #d2d3d4;
    position: relative;
    top: 22px;
}

.mplayer_volume {
    height: 4px;
    background-color: #ed1c24;
}

.mplayer_buffer_meter {
    height: 2px;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0px;
}

.mplayer_location_dot_img {
    cursor: pointer;
    left: 100%;
    margin-left: -15px;
    padding: 10px;
    position: relative;
    top: -14px;
    z-index: 4000;
}

.mplayer_location_times {
    position: relative;
    left: 100%;
    top: -30px;
    font-size: 8px;
    padding-left: 10px;
    text-align: left;
    color: #747474;
    font-weight: normal;
    font-family: nhg-text-roman, arial, sans-serif;
}

.mplayer_label {
    bottom: 43px;
    color: #333333;
    font-size: 10px;
    margin-left: -9px;
    padding: 3px 3px 3px 10px;
    position: fixed;
    text-align: left;
}

.upload_popup {
    width: 100%;
    height: 40px;
    max-width: 1025px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    background-color: #ecedee;
    position: fixed;
    bottom: 0px;
    z-index: 2000;
    padding-top: 5px;
    border-top: 1px solid #fff;
    margin-left: 0px;
}

.upload_stacked_popup {
    width: 100%;
    height: 40px;
    max-width: 1025px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    background-color: #ecedee;
    position: fixed;
    bottom: 60px;
    z-index: 2000;
    padding-top: 5px;
    border-top: 1px solid #fff;
    margin-left: 0px;
}

.dialog_click_trap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.0;
    z-index: 4999;
}

.dialog_popup {
    width: 310px;
    overflow: hidden;
    height: auto;
    min-height: 160px;
    max-height: 250px;
    background-color: #ffffff;
    /* Ponmudi - z-index fix for video player delete popup */
    z-index: 12002;
    position: fixed;
    bottom: 35px;
    left: 50%;
    margin-left: -155px;
}

.dialog_scroll_popup {
    width: 310px;
    overflow: hidden;
    height: 165px;
    max-height: 250px;
    background-color: #ffffff;
    z-index: 5000;
    position: fixed;
    bottom: 35px;
    left: 50%;
    margin-left: -155px;
}

.dialog_big_scroll_popup {
    width: 310px;
    overflow: hidden;
    height: 265px;
    background-color: #ffffff;
    z-index: 5000;
    position: fixed;
    bottom: 35px;
    left: 50%;
    margin-left: -155px;
}

.dialog_small_popup {
    width: 310px;
    overflow: hidden;
    height: 100px;
    background-color: #ecedee;
    z-index: 5000;
    position: fixed;
    top: 170px;
    left: 50%;
    margin-left: -155px;
}

.dialog_font {
    /*JM: Disabling font size as it will inherit popup styles*/
    /*font-size: 10px;*/
}

.dialog_big_font {
    /*JM: Disabling font size as it will inherit popup styles*/
    /*font-size: 12px;*/
}

.dialog_detail {
    font-size: 10px;
    float: left;
    text-align: left;
    width: 70px;
    overflow: hidden;
    padding-bottom: 6px;
    text-align: right;
    padding-right: 10px;
}

.dialog_desc {
    width: 150px;
    font-size: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    text-align: left;
    padding-bottom: 6px;
}

.dialog_text {
    width: 100%;
    height: 190px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #fff;
}

.dialog_variable_text {
    width: 290px;
    height: auto;
    max-height: 190px;
    margin-bottom: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 20px;
}

.dialog_body {
    margin-top: 10px;
    margin-bottom: 10px;
    /*width:100%;*/
    /*---Defect ID: 2062---Albert---*/
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
}

.dialog_red_btn {
    float: right;
    position: relative;
    top: 5px;
    width: 112px; /* Albert - Create Share text pop up fix*/
    padding: 2px 15px 2px 15px;
    margin: 2px 2px 2px 2px;
    text-align: center;
    color: #fff;
    font-size: 14px; /* Defect ID 1683 Albert*/
    background-color: #ed1c24;
    cursor: pointer;
    font-family: nhg-text-bold, arial, sans-serif;
}

.dialog_red_btn:active, .dialog_red_btn_active {
    opacity: 0.666;
}

.dialog_red_left_btn {
    float: left;
    position: relative;
    top: 5px;
    width: 100px;
    padding: 2px 15px 2px 15px;
    margin: 2px 2px 2px 2px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    background-color: #ed1c24;
    cursor: pointer;
}

.dialog_red_left_btn:active, .dialog_red_left_btn_active {
    opacity: 0.666;
}

.dialog_grey_btn {
    float: right;
    position: relative;
    top: 5px;
    width: 112px; /* Albert - Create Share text pop up fix*/
    padding: 2px 15px 2px 15px;
    margin: 2px 2px 2px 2px;
    text-align: center;
    color: #fff;
    font-size: 14px; /* Defect ID 1683 Albert*/
    background-color: #595a5d;
    cursor: pointer;
    font-family: nhg-text-bold, arial, sans-serif;
}

#device_platform .dialog_grey_btn, #device_platform .dialog_red_btn {
    border-radius: 3px;
    font-size: 14px;
}

.dialog_grey_btn:active, .dialog_grey_btn_active {
    opacity: 0.666;
}

.dialog_grey_center_btn {
    position: relative;
    left: 50%;
    top: 5px;
    width: 100px;
    padding: 2px 15px;
    margin: 2px 2px 2px -50px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    background-color: #595a5d;
    cursor: pointer;
}

.dialog_grey_center_btn:active, .dialog_grey_center_btn_active {
    opacity: 0.666;
}

.dialog_grey_left_btn {
    width: 100px;
    padding: 2px 15px 2px 15px;
    margin: 2px 2px 2px 2px;
    text-align: center;
    color: #fff;
    font-size: 14px; /* Defect ID 1683 Albert*/
    background-color: #595a5d;
    cursor: pointer;
}

.dialog_grey_left_btn:active, .dialog_grey_left_btn_active {
    opacity: 0.666;
}

.dialog_white_btn {
    position: relative;
    top: 5px;
    width: 48%;
    padding: 2px 15px 2px 15px;
    margin: 2px 2px 2px 2px;
    text-align: center;
    color: #333;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    top: -2px;
}

.dialog_side_border {
    border-right: 1px solid #d2d3d4;
}

.dialog_white_btn:active, .dialog_white_btn_active {
    opacity: 0.666;
}

.dialog_grey_side_btn {
    position: relative;
    left: 50%;
    top: -32px;
    width: 100px;
    padding: 2px 15px 2px 15px;
    margin: 2px 2px 2px 2px;
    margin-left: -50px;
    text-align: center;
    color: #fff;
    font-size: 10px;
    background-color: #595a5d;
    cursor: pointer;
}

.dialog_grey_side_btn:active, .dialog_grey_side_btn_active {
    opacity: 0.666;
}

.dialog_header {
    width: 100%;
    height: 30px;
    background-color: #ecedee;
}

/*---Defect ID: 2075---Albert---*/
.trash_empty_reminder {
    /*padding: 0px 20px;*/
    margin-top: 13px;
    background-color: #e9f8e9;
    padding: 4px;
}

/*------------------------------*/
.dialog_footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 37px; /* Defect ID 1683 Albert*/
    background-color: #ecedee;
    padding-right: 4px; /* Defect ID 1683 Albert*/
}

.dialog_header_text {
    font-size: 14px; /* Defect ID 1683 Albert*/
    width: 100%;
    text-align: left;
    padding-left: 10px;
    padding-top: 6px;
    font-family: nhg-display-bold, arial, sans-serif;
}

.dialog_pic {
    float: left;
    width: 50px;
    height: 50px;
    background-position: center center;
    background-size: cover;
}

/*JM:- Static height given in order to accommodate large content in Modal*/
#create_playlist, #addnew_playlist {
    min-height: 205px;
    max-height: 353px;
    overflow: auto;
}

.dialog_add_playlist {
    width: 50%;
    float: left;
    /* font-size: 11px; */
    text-align: center;
    border-right: 1px solid #d2d3d4;
    /* padding: 5px 5px 5px 5px; */
    cursor: pointer; /*added to fix UAT issue -Mithun*/
}

.dialog_add_playlist_noborder {
    width: auto;
    float: left;
    /* font-size: 11px; */
    text-align: center;
    margin-top: 7px;
    /* padding: 5px 5px 5px 5px; */
    cursor: pointer;
    margin-left: 3%;
}

.dialog_text_centre {
    float: left;
    color: #4b4b4b;
    width: auto;
    margin : 0px 4%; /* fallback css in case calc is not supported*/
    margin-left : calc(((100% - 245px) - 6%)/2) !important;
    margin-right : calc(((100% - 245px) - 6%)/2) !important;
    font-size: 20px;
    font-family: nhg-text-bold, arial, sans-serif;
}

.dialog_new_playlist_noborder {
    float: left;
    /* font-size: 11px; */
    text-align: center;
    margin-top: 7px;
    /* padding: 5px 5px 5px 5px; */
    cursor: pointer;
    width: auto;
    /* margin-left: 30px; */
}

.dialog_new_playlist {
    width: 49%;
    float: left;
    /* font-size: 11px; */
    text-align: center;
    /* padding: 5px 5px 5px 5px; */
    cursor: pointer; /*added to fix UAT issue -Mithun*/
}

.dialog_line {
    clear: both;
    width: 100%;
    height: 1px;
    background-color: #d2d3d4;
}

.dialog_input {
    position: relative;
    top: 10px;
    margin-left: 5px;
}

.dialog_list li {
    padding-top: 8px;
}

#deleteFromPlaylist {
    float: right; /*SA:- As per new design*/
    height: 35px;
}

.dialog_track {
    font-size: 12px; /* Defect ID 1683 Albert*/
    width: 80px;
    /* padding: 5px 5px 5px 5px;*/
    padding-right: 10px;
    text-align: left;
    /*white-space: nowrap;*//*JM:- Disabling it, as it is cutting the text off*/
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: -5px;
    white-space: pre-wrap;
}

.dialog_name {
    font-size: 9px;
    width: 80px;
    padding: 5px 5px 5px 5px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 0px;
}

.dialog_check {
    position: relative;
    top: 0px;
}

.dialog_list {
    /* margin-left: 10px; */
    /* margin-right: 10px; */
    /* width: 270px; */
    overflow-x: hidden;
    overflow-y: auto;
    /*height: 100px;*//*JM:- need to observer popup*/
    height: 159px;
    /* position: relative; */
    /* top: 0px; */
    padding-top: 5px;
    padding-bottom: 10px;
    -webkit-overflow-scrolling: touch;
}

.dialog_big_list {
    margin-left: 10px;
    margin-right: 10px;
    width: 270px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 200px;
    position: relative;
    top: 0px;
    padding-top: 5px;
    padding-bottom: 49px;
    -webkit-overflow-scrolling: touch;
}

.dialog_autoheight_popup {
    width: 310px;
    height: auto !important;
    background-color: #ffffff;
    z-index: 5000;
    position: fixed;
    bottom: 35px;
    left: 50%;
    margin-left: -155px;
    font-family: nhg-text-roman, arial, sans-serif;
}

.dialog_vcenter_popup {
    width: 310px;
    height: 200px;
    background-color: #ffffff;
    z-index: 12002;
    position: fixed;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -155px;
}

.dialog_autoheight_list {
    /*JM: Disabling margins*/
    /*margin: 2px 20px 30px;*/
    /*---Defect ID: 2075---Albert---*/
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 5px;
    /*width: 90%;*/
}

.dialog_box_list {
    margin-left: 20px;
    margin-right: 20px;
    width: 270px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 60px;
    position: relative;
    top: 0px;
    -webkit-overflow-scrolling: touch;
    margin: 4px 4px 4px 4px;
    border: 1px solid #d2d3d4;
}

.dialog_ul {
    list-style-type: none;
}

.dialog_li {
    clear: both;
    /*height: 30px;*/
    min-height: 30px;
    border-bottom: 1px solid #ecedee;
    font-family: nhg-text-roman, arial, sans-serif;
}

.dialog_li_noborder {
    clear: both;
    /*height: 30px;*/
    min-height: 30px;
    font-family: nhg-text-roman, arial, sans-serif;
}

/*+++++++++ added images for just photo dialog - BP*/
.dialog_li_photo {
    clear: both;
    height: 55px;
    border-bottom: 1px solid #ecedee;
}

/*[end] BP*/
.dialog_selectable_li {
    font-size: 12px;
    clear: both;
    height: 30px;
    border-bottom: 1px solid #d2d3d4;
    cursor: pointer; /*---Defect ID: 2059---Albert---*/
}

.dialog_selectable_li:active, .dialog_selectable_li_active {
    background-color: #d2d3d4;
}

.dialog_noline_li {
    clear: both;
}

.dialog_noline_li #edit_album_name{
    max-width: 100%;
}

.dialog_span {
    font-size: 12px; /* Defect ID 1683 Albert*/
    width: 230px;
    padding: 5px 5px 5px 5px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    top: 0px; /* Defect ID 1683 Albert*/
    font-family: nhg-text-roman, arial, sans-serif;
}

.dialog_selected {
    color: #ed1c24;
}

.dialog_new_selected {
    padding-bottom: 7px;
    border-bottom: 4px solid;
    border-bottom-color: #cd040b;
    width: auto;
}

.dialog_contact {
    font-size: 10px;
    position: relative;
    top: -6px;
}

.dialog_delete_img {
    width: 20px;
    height: 20px;
    cursor: pointer; /*---Defect ID: 2059---Albert---*/
}

.dialog_delete_new_img {
    width: 20px;
    height: 20px;
    cursor: pointer; /*---Defect ID: 2059---Albert---*/
}

.dialog_remove_img {
    width: 30px;
    height: 30px;
    float: left;
    position: relative;
    top: -8px;
}

.dialog_delete_img:active, .dialog_delete_img_active {
    opacity: 0.666;
}

.dialog_export_body {
    width: 290px;
    margin-left: 10px;
    margin-right: 10px;
}

.dialog_tall_popup {
    width: 310px;
    overflow: hidden;
    background-color: #ffffff;
    z-index: 99999;
    position: fixed;
    top: 10px;
    bottom: 35px;
    padding-bottom: 50px;
    left: 50%;
    margin-left: -155px;
}

.dialog_export_list {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    width: 270px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 90%;
    position: relative;
    top: 0px;
    -webkit-overflow-scrolling: touch;
}

.dialog_sentence {
    font-size: 10px;
    width: 70%;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
    top: 2px;
}

.dialog_pulldown {
    font-size: 10px;
    position: relative;
    top: -2px;
}

.dialog_check {
    position: relative;
    top: -9px;
    left: 1px;
    margin-right: 4px;
}

.dialog_gname {
    position: relative;
    top: -2px;
    font-size: 10px;
}

.dialog_items {
    width: 100%;
    height: 20px;
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.dialog_link {
    font-size: 11px;
    color: #3b73b0;
    margin: 4px 0;
    cursor: pointer;
}

.dialog_link:active, .dialog_link_active {
    opacity: 0.666;
}

.dialog_pad_right {
    padding-right: 20px;
}

.dialog_delete_contact {
    float: right;
    position: relative;
    top: -3px;
    height: 30px;
    width: 30px;
}

.dialog_delete_contact:active, .dialog_delete_contact_active {
    opacity: 0.666;
}

.dialog_slist {
    width: 100%;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*font-size: 10px;*/
}

.dialog_slist_li {
    /*font-size: 10px;*/
    padding: 4px;
    color: #cc2027;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}

.dialog_error_popup {
    width: 310px;
    overflow: hidden;
    height: auto;
    min-height: 85px;
    max-height: 250px;
    background-color: #ffffff;
    z-index: 15000; /* Ethan*/
    position: fixed;
    bottom: 35px;
    left: 50%;
    margin-left: -155px;
}

.dialog_error_text {
    margin: 0px 10px 30px 10px;
    overflow-x: hidden;
    overflow-y: auto;
    /* width: 290px; */
    width: 100%;
    max-height: 250px;
}

/* SA:- for cobined phots/videos module*/
.dialog_text_subheadng {
    font-family: nhg-text-bold, arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #2f363c;
}

.dialog_text_bold {
    font-family: nhg-text-bold, arial, sans-serif;
    font-weight: bold;
    color: #2f363c;
}

.shadow {
    -webkit-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.333);
    -moz-box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.333);
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.333);
}

.nocontent_popup {
    width: 75%;
    max-width: 510px;
    overflow: hidden;
    height: auto;
    z-index: 6000;
    top: 200px;
    margin-left: 60px;
    margin-right: 5px;
}

.nocontent_img {
    width: 100%;
    /*background-color: #fff;*/
    z-index: 6000;
}

#gSearchbox {
/*Commented this for photo video view. If there is an impact on other modules then will change it later*/
    /*float: left;*/
    width: 100%;
    margin-bottom: 45px;
    margin-top: 20px;
}

#gSearchbox #search_open {
   padding-left: 18px;
}
#gSearchbox .alert{
    margin-top: 7px;
    margin-left: 3px;
    font-size: 12px;
    padding: 0 4px 0 4px;
    display: inline-block;
}
.glyphicon-search:before {
    position: relative;
    bottom: 2px;
}

#edit_empty_error {
    color: #cc2027;
}

.search_expanded {
    /*float: right;
    position: absolute;
    top: -50px;
    right: 1px;
    width: 200px;*/
    /*border-radius: 5px;
    border: 1px solid #d2d2d2;*/
    border: 1px solid #959595;
    /*background-color: #f0f0f0;*/
    /*z-index: 500;*/
    padding: 0px;
    height: 45px;
    width: 238px;
    float: left;
}

.search_dropdown {
    position: absolute;
    /* right: 4px; */
    /*width: 210px; */
    min-height: 60px;
    background-color: #f8f8f8;
    z-index: 500;
    margin-top: 44px;
    padding: 0px;
    width: 238px;
}

.search_top3_ul {
    list-style-type: none;
    padding: 5px 5px 5px 5px;
}

.search_top3_li {
    /*border-bottom: 1px solid #f0f0f0;*/
    font-size: 12px;
    white-space: normal;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px 0px;
}

.search_top3_li:hover {
    background-color: #e0e0e0;
}

.search_top3_li:active, .search_top3_li_active {
    opacity: 0.666;
}

.search_more_li {
    border-bottom: 1px solid #f0f0f0;
    font-size: 10px;
    text-align: right;
    cursor: pointer; /*Ponmudi*/
}

.search_more_li:hover {
    background-color: #e0e0e0;
}

.search_more_li:active, .search_more_li_active {
    opacity: 0.666;
}

/* Commenting to fix the search collapsed in mobile devices - regression to test [JM]
.search_collapsed {
    float: right;
    position: absolute;
    top: -50px;
    right: 1px;
    width: auto;
}*/
.search {
    /* cursor: pointer; */
    /* float: left; */
    /* height: 28px; */
    /* position: relative; */
    /* top: 0px; */
    width: 28px;
    padding-top: 13px;
    left: -6px;
    float: left;
}

.search:active, .search_active {
    opacity: 0.666;
}

.search_box {
    background-color: #FFFFFF;
    border: none;
    display: inline-block;
    /*border-bottom: 2px solid silver;*/
    /*left: 8px;*/
    /*position: relative; conflict with header css */
    /*top: 6px;*/
    /*width: 568px;*/
    z-index: 500; /*5000*/
    /* VA :- changing from 3800 to 500. as its coming on top of verizon pulldown menu */
    float: right;
    /*border-bottom: 2px solid silver;*/
    /*padding: 10px 0 6px 10px;
    margin-right: 8px;*/
    padding: 0px 10px;
    height: 100%;
    cursor: text;
}
input#searchBox:focus {
    background-color: #FFFFFF !important;
}
#gSearchbox .glyphicon-search {
    color: #CD040B;
    top: 14px;
    font-size: 16px;
    /* left: 90%; */
    right: 8px;
    position: absolute;
}
#gSearchbox .remove-icon {
    top: 5px;
    font-size: 16px;
    width: 23px;
    height: 23px;
    left: 89%;
    cursor: pointer;
    background-image: url('../../images/icons_search_clear.png');
    background-repeat: no-repeat;
    position: absolute;
    display: inline-block;
}

#gSearchbox .close-search {
    position: relative;
    bottom: -25%;
    left: 105%;
}

#gSearchbox .svg-icon-close {
    background: url(../../images/contacts/icon-close.svg) no-repeat;
    height: 18px;
    width: 18px;
    display: inline-block;
    cursor: pointer;
}

/** Adding few classes to show current search text **/
.current_search {
    float: right;
    position: relative;
    top: -38px;
}

.current_search .search_delete {
    color: #333;
    font-size: 12px;
    cursor: pointer;
    font-weight: bold;
}

.current_search .search_txt {
    color: red;
}

.multi_checkbox {
    display: inline-block;
    width: 28px;
    height: 28px;
    position: absolute;
    cursor: pointer;
    margin: 5px 0 0 5px;
}

/************ Checkbox added**********/
.checkbox-custom {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    padding: 5px;
    border: 1px solid #787878;
    top: -3px;
}

.checkbox-custom-rateus {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    padding: 5px;
    border: 1px solid #787878;
    top: -3px;
}
.checkbox-wrapper text {
    padding-left: 10px;
}

.checkbox-wrapper > label {
    cursor: pointer;
    left: -2.5px;
    top: 2px;
}

#page_files .checkbox-wrapper > label {
    left: 0.5px;
    top: 0.5px;
}

.checkbox-custom-label {
    position: relative;
    color: #333;
    line-height: 1.5;
    letter-spacing: 0.5px;
    cursor: pointer;
    z-index: 1;
}

.checkbox-custom + .checkbox-custom-label:before {
    height: 24px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #959595;
    content: "";
    display: inline-block;
    margin-right: 1px;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    width: 24px;
    position: relative;
    top: -1px;
    z-index: 99;
}

.checkbox-custom-rateus + .checkbox-custom-label:before {
    height: 18px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #959595;
    content: "";
    display: inline-block;
    margin-right: 1px;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    width: 18px;
    position: relative;
    top: -1px;
    z-index: 99;
}
.checkbox-custom + .checkbox-custom-label:hover:before {
    border: 1px solid #000;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #000;
    color: #fff;
    border: 2px solid #000;
    font-size: 14px;
    height: 24px;
    margin-right: 0px;
}

.checkbox-custom-rateus:checked + .checkbox-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background: #000;
    color: #fff;
    border: 2px solid #000;
    font-size: 12px;
    height: 18px;
    text-align: center;
    margin-right: 0px;
}
.checkbox-custom + .checkbox-custom-label-partial:before {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #ddd;
    content: "";
    display: inline-block;
    height: 17px;
    margin-right: 1px;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    width: 17px;
    position: relative;
    top: -1px;
}

.checkbox-custom:checked + .checkbox-custom-label-partial:before {
    content: "\f068";
    font-family: 'FontAwesome';
    background: #CD040B;
    color: #fff;
    border: 2px solid #CD040B;
    font-size: 14px;
}

.timeline_grid_menu .checkbox-wrapper {
    top: 7px;
}

.photo_thumb_cell .checkbox-wrapper, .video_thumb_cell .checkbox-wrapper {
    margin-top: 11px;
    margin-left: 11px;
}

.photo_sublist_li > .checkbox-wrapper, .photo_sublist_li > .photo_thumb_cell > .checkbox-wrapper {
    margin-top: 11px;
    margin-left: -33px;
}

#albumPhotoTab .album_list_menu .multi_checkbox,
#albumPhotoTab .album_grid_menu .multi_checkbox,
#albumVideoTab .video_grid_ul .album_grid_menu .multi_checkbox,
#albumVideoTab .video_list_ul .album_list_menu .multi_checkbox {
    top: 6px;
    left: 3px;
}

#music_genre_list_ul .music_named_group .multi_small_checkbox, #music_play_list_ul .music_named_group .multi_small_checkbox {
    margin-left: 5px;
    margin-top: 7px;
}

#page_share .checkbox-wrapper {
    margin-top: 4px;
    margin-left: 5px;
}

@-moz-document url-prefix() {
    .photo_sublist_li > .checkbox-wrapper, .photo_sublist_li > .photo_thumb_cell > .checkbox-wrapper {
        margin-top: 11px;
        left: 46px;
    }

    #page_photos .sort_btn_img, #page_videos .sort_btn_img, #page_music .sort_btn_img, #page_files .sort_btn_img {
        top: -16px !important;
    }
}

/************ Checkbox added end*********/
.multi_checkbox:active, .multi_checkbox_active {
    opacity: 0.666;
}

.multi_small_checkbox {
    position: relative;
    display: block;
    float: left;
    height: 28px;
    margin-left: -35px;
    width: 28px;
    margin-top: 11px;
    cursor: pointer;
}

.multi_small_checkbox:active, .multi_small_checkbox_active {
    opacity: 0.666;
}

.multi_track_checkbox {
    display: inline-block;
    height: 44px;
    margin-left: -34px;
    margin-top: -16px;
    position: absolute;
    width: 44px;
}

.multi_track_checkbox:active, .multi_track_checkbox_active {
    opacity: 0.666;
}

.help_popup {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 12002;
    background-color: #333;
}

.help_img {
    position: absolute;
    left: 5%;
    top: 5%;
    width: auto;
    height: 90%;
    border: 1px solid #fff;
    border-radius: 10px;
}

.help_svg {
    position: absolute;
    left: 5%;
    top: 5%;
    width: auto;
    height: 90%;
    border: 1px solid #fff;
    border-radius: 10px;
}

.help_again {
    position: fixed;
    bottom: 2px;
    right: 2px;
    background-color: #333;
    padding: 2px 3px 2px 3px;
    margin: 2px 2px 2px 2px;
    border-radius: 7px 7px 7px 7px;
    width: 100%;
    text-align: center;
}

.help_again_top {
    position: fixed;
    top: 2px;
    right: 2px;
}

.help_text {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.dialog_help_img {
    width: 230px;
    height: auto;
}

.sort_btn_img {
    float: right;
    position: relative;
    top: 0px;
    cursor: pointer;
    opacity: 0.333;
    padding-right: 5px;
}

.sort_btn_img:active, .sort_btn_img_active {
    opacity: 0.666;
}

.sort_btn_left_img {
    /*opacity:0.333;*/
    /* Defect ID: 1529 Albert */
    height: 20px; /* Defect ID: 1529 Albert */
    padding-left: 5px;
    cursor: pointer;
}

.sort_btn_left_img:active, .sort_btn_left_img_active {
    opacity: 0.666;
}

.sort_left_btn_img {
    /*opacity:0.333;*/
    /* Defect ID: 1529 Albert */
    top: 5px; /* Defect ID: 1529 Albert */
    height: 20px; /* Defect ID: 1529 Albert */
    padding-left: 5px;
    cursor: pointer; /* Defect ID: 2074 Albert */
}

#page_music .sort_left_btn_img {
    height: 15px;
    padding-left: 20px;
}

#artisttab .sort_left_btn_img {
    margin-top: 5px;
}

#music_playlist .sort_left_btn_img,
#music_genrelist .sort_left_btn_img {
    vertical-align: middle;
}

/*---Defect ID: 2059---Albert---*/
.dialog_ul input {
    /*JM: Changed styles as per new pop up*/
    /* cursor: pointer; */
    padding: 6px;
}

/*------------------------------*/
.sort_left_btn_img:active, .sort_btn_left_img_active {
    opacity: 0.666;
}

.multiview_set {
    float: right;
    width: 100px;
    margin-right: 0px;
}

.multiview_large_set {
    float: right;
    width: 120px;
    margin-right: 30px;
}

.multiview_single {
    float: right;
    width: 33px;
}

.multiview_icon {
    display: inline-block;
    position: relative;
    left: -114px;
    top: -7px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

.multiview_icon:active, .multiview_icon_active {
    opacity: 0.666;
}

.multiview_icon2 {
    display: inline-block;
    position: relative;
    left: -110px;
    top: -7px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

.multiview_icon2:active, .multiview_icon2_active {
    opacity: 0.666;
}

.multiview_icon3 {
    display: inline-block;
    position: relative;
    left: -85px;
    top: -7px;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
}

.multiview_icon3:active, .multiview_icon3_active {
    opacity: 0.666;
}

.multiview_icons {
    height: 32px;
    padding: 3px 3px 3px 3px;
    cursor: pointer;
}

.multiview_icons:active, .multiview_icons_active {
    opacity: 0.666;
}

.multiview_selected * {
    float: right;
    font-size: 10px;
    position: relative;
    right: 5px;
    text-align: right;
    top: -45px;
    width: 100%;
}

.header-search-icon {
    float: left;
}

.header-search-icon .glyphicon-search {
    font-size: 14px;
    color: #333;
    padding-left: 5px;
    padding-top: 10px;
    float: left;
}

.help_rollover {
    position: fixed;
    top: 5px;
    left: 50%;
    padding: 2px 2px 2px 2px;
    text-align: center;
    width: 100px;
    font-size: 9px;
    height: auto;
    background-color: #ecedee;
    border-radius: 3px 3px 3px 3px;
    -webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.333);
    -moz-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.333);
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.333);
    z-index: 7000;
    color: #747474;
}

/*---Defect ID: 1985---Albert---*/
.btn_back2top {
    cursor: pointer;
    position: fixed;
    /*---Defect ID: 1985---Albert---*/
    bottom: 50%; /* shifts back2top button 50% from the bottom of the window */
    right: 20%;
    /*z-index: 7000;*//*JM- Need to observe z index for this*/
    z-index: 2400;
    width: 44px;
    /*------------------------------*/
    height: 44px;
}

.btn_back2top_shifted_up {
    cursor: pointer;
    position: fixed;
    bottom: 80%;
    right: 20%;
    z-index: 7000;
    width: 44px;
}

/*------------------------------*/
.default_text {
    float: left;
    width: auto;
    font-size: 14px;
    color: #747474;
    text-align: left;
    position: relative;
    left: 5px;
    top: -40px;
}

.provision_photo {
    width: 100%;
    height: auto;
    max-width: 900px;
    max-height: 215px;
    background: #f8f8f8;
    background: -moz-linear-gradient(left, #f8f8f8 0%, #ecedee 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f8f8f8), color-stop(100%, #ecedee));
    background: -webkit-linear-gradient(left, #f8f8f8 0%, #ecedee 100%);
    background: -o-linear-gradient(left, #f8f8f8 0%, #ecedee 100%);
    background: -ms-linear-gradient(left, #f8f8f8 0%, #ecedee 100%);
    background: linear-gradient(to right, #f8f8f8 0%, #ecedee 100%);
}

.provision_header_1 {
    position: absolute;
    left: 45px;
    top: 5px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.provision_header_2 {
    position: absolute;
    left: 45px;
    top: 5px;
    margin-top: 19px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.provision_details {
    font-size: 10px;
    color: #333;
    position: absolute;
    left: 0px;
    top: 100%;
    text-align: left;
    width: 100%;
    font-weight: bold;
    background: #f8f8f8;
    background: -moz-linear-gradient(left, #f8f8f8 0%, #ecedee 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #f8f8f8), color-stop(100%, #ecedee));
    background: -webkit-linear-gradient(left, #f8f8f8 0%, #ecedee 100%);
    background: -o-linear-gradient(left, #f8f8f8 0%, #ecedee 100%);
    background: -ms-linear-gradient(left, #f8f8f8 0%, #ecedee 100%);
    background: linear-gradient(to right, #f8f8f8 0%, #ecedee 100%);
    white-space: pre-line;
    color: #000;
    padding: 4px;
    font-family: nhg-text-roman;
}

.provision_icon {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.provision_button {
    position: absolute;
    left: 5px;
    bottom: 5px;
    /* width: 120px; */
    /* padding: 2px 0px 2px 0px; */
    /* margin: 2px 2px 2px 2px; */
    text-align: center;
    color: #fff;
    font-size: 10px;
    /*background-color: #ed1c24;*/
    cursor: pointer;
    font-family: nhg-text-bold;
}

.provision_button a {
    text-decoration: none;
    color: inherit;
}

.provision_button:active, .provision_button_active {
    opacity: 0.666;
}

.provision_link {
    font-size: 10px;
    color: #fff;
    width: 100%;
    text-align: center;
}

.provision_title {
    width: 100%;
    height: 50px;
    max-width: 900px;
    background-color: #f8f8f8;
    margin-bottom: 5px;
}

.provision_contact_icon {
    float: left;
    height: 40px;
    margin-top: 5px;
    padding-left: 5px;
    width: 40px;
}

.provision_info {
    padding-left: 5px;
    padding-top: 20px;
    font-size: 14px;
}

.provision_top {
    padding-left: 5px;
    padding-top: 16px;
    font-size: 14px;
    font-weight: bold;
    width: 180px;
}

.provision_date {
    font-size: 12px;
    font-weight: bold;
}

.terms_container {
    width: 100%;
    max-width: 900px;
    height: auto;
}

.terms_photo {
    position: absolute;
    top: -20px;
    right: 0px;
    width: 50%;
    height: auto;
    max-width: 450px;
    max-height: 300px;
    /* Z-index changed to avoid global nav overlap issue - added by Ponmudi */
    z-index: 99;
}

.terms_bar {
    width: 100%;
    padding: 20px 20px 20px 20px;
    background-color: #ecedee;
    height: 80px;
    /* Z-index changed to avoid global nav overlap issue - added by Ponmudi */
    z-index: 97;
    position: relative;
    top: 30px;
}

.terms_header {
    font-size: 16px;
    margin-bottom: 16px;
    margin-top: 16px;
    font-weight: normal;
    color: #333;
    font-family: nhg-text-bold, arial, sans-serif;
}

.terms_details {
    width: 80%;
    height: 100px;
    float: left;
    margin-left: 10%;
    margin-top: 20px;
    font-family: nhg-text-roman, arial, sans-serif;
}

.terms_text {
    font-size: 9px;
    color: #333;
    font-family: nhg-text-bold, arial, sans-serif;
}

.terms_red_button {
    float: left;
    min-width: 101px;
    padding: 8px 15px 8px 15px;
    margin: 12px 4px 4px 4px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #ed1c24;
    cursor: pointer;
    font-family: nhg-text-bold, arial, sans-serif;
}

.terms_red {
    background-color: #ed1c24;
}

.terms_grey {
    background-color: #595a5d;
}

.terms_red_button:active, .terms_red_button_active, .terms_button {
    opacity: 0.666;
}

.terms_grey_button {
    float: left;
    min-width: 101px;
    padding: 8px 15px 8px 15px;
    margin: 12px 4px 4px 4px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background-color: #595a5d;
    cursor: pointer;
    font-family: nhg-text-bold, arial, sans-serif;
}

.terms_grey_button:focus {
  outline: #333 dotted 1px;
  outline-offset: 4px;
}

.terms_red_button:focus {
  outline: #333 dotted 1px;
  outline-offset: 4px;
}

.terms_grey_button:active, .terms_grey_button_active {
    opacity: 0.666;
}

.terms_holder {
    height: 200px;
}

/*+++++ these classes turn off shares features ***/
.shares_enable {
    display: none !important;
}

.shares_hidden {
    opacity: 0.0;
    cursor: default;
}

.box_size_off * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
}

.homeNoPhoto .pop_container {
    max-width: 980px;
    margin: 0 auto;
}

.homeNoPhoto .nocontent_popup {
    width: 460px;
    height: 389px;
    text-align: center;
    border: dashed 2px rgba(149, 149, 149, 0.57);
    float: right;
    background-color: #fff;
}

.homeNoPhoto .nocontent_popup .message_red {
    width: 437px;
    height: 108px;
    color: #cd040c;
    font-family: nhg-display-bold, arial, sans-serif;
    font-size: 48px;
    letter-spacing: -0.2px;
    line-height: 54px;
    margin-top: 49px;
    margin-left: 13px;
    white-space: normal;
}

.homeNoPhoto .nocontent_popup .message_black {
    width: 343.2px;
    height: 99px;
    white-space: normal;
    font-size: 24px;
    font-family: nhg-display-bold, arial, sans-serif;
    margin-top: 18px;
    margin-left: 62px;
    line-height: 33px;
    letter-spacing: -0.1px;

}

.homeNoPhoto {
    /*    width:99.45vw;*/
    max-width: 100%;
    height: 583px;
    padding-top: 80px;
    padding-left: 0px;
    padding-right: 0px;
    background-size: 100% 100% !important;
}

.homeuploadBtn {
    margin-top: 15px;
}

/*+++++++++++++++++++temporary facebook styles BP+++++++++++*/
.facebook_caption {
    width: 200px;
}

.facebook_caption_inputs {
    width: 200px;
    font-size: 10px;
}

/*+++++ these classes turn off shares features ***/
.xxxshares_enable {
    display: none !important;
}

.xxxshares_hidden {
    opacity: 0.0;
    cursor: default;
}

/* help modal styles*/
#helpView a {
    color: #06C;
    cursor: pointer;

}

/*

#helpView {
    display: block;
    z-index: 2500;

    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    outline: 0;

}

#helpView .modal-header {
    margin-top:-60px;
}
#helpView .modal-title{
    line-height:0px;
    margin:0px;
}
#helpView .vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
}

#helpView .vertical-align-center {
    display: table-cell;
    vertical-align: middle;
}

#helpView .modal-dialog {
    width: 451px;
    height: 330px;
    font-family: NHaasGroteskTXStd-75Bd;
}

#helpView .modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    white-space: pre-line;
}

#helpView .modal-content a {
    color: #06C;
    cursor:pointer;

}
#helpView .fade{
    opacity:1;
}
#helpView .modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

#helpView .modal-dialog .modal-content .modal-title {
    margin-bottom: -10px;
    font-size: 30px;
    color: #cc2027;
    text-transform: none;
}

#helpView .modal-dialog .modal-content h6 {
    font-family: NHaasGroteskTXStd-55Rg;
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: 0.5px;
    color: #4b4b4b;
}

#helpView .modal-body h4, .askCommunity, .howToUse, .Support, .feedBack {
    margin-left: 10px;
    margin-right: 10px;
}

#helpView .vz-modal .modal-body {
    padding: 5px 40px 10px 40px;
}

#helpView .modal-footer {
    text-align: center;
}

#helpView .modal-body-content {
    padding-top: 5px;
    padding-bottom: 10px;
    min-height: 165px;
}

#helpView .modal-header .close {
    padding: 0;
    cursor: pointer;
    border: 0;
    font-weight: 700;
    opacity: 0.7;
    font-size: 21pt;
    margin-right: 10px;
}

#helpView .modal-body{
    padding:0px;
    overflow-y:initial;

}
#helpView .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
*/

/*+++++++++++++++++++ START OF RESPONSIVE LOGIC ++++++++++++++++++++++*/

/*++++++++++++++ Info box - Start (Added by Ponmudi) +++++++++++++++*/
.info_popup {
    width: 370px;
    overflow: hidden;
    height: 370px;
    max-width: 100%;
    background-color: #f8f8f8;
    z-index: 12002;
    position: fixed;
    top: 28%;
    left: 48%;
    margin-left: -125px;
    font-family: verdana;
}

.info_header {
    width: 100%;
    height: 32px;
    background-color: rgb(240, 240, 240);
}

.info_footer {
    width: 100%;
    height: 50px;
    background-color: rgb(229, 229, 229);
    padding-right: 10px;
}

/*---Defect ID: 2216---Albert---*/
#info_ok {
    cursor: pointer;
}

/*------------------------------*/
.info_header_text {
    font-size: 14px;
    width: 100%;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    font-family: verdana;
    text-transform: capitalize;
}

.info_container {
    padding: 10px 10px 10px 10px;
    width: 100%;
    height: auto;
    overflow-y: auto;
    height: 273px;
    margin-bottom: 15px;
}

.info_container .info_title {
    font-family: verdana;
    font-size: 11px;
}

.info_container .info_detail {
    color: #000000;
    font-family: verdana;
    font-size: 13px;
}

.info_container .info_detail img {
    vertical-align: top;
    width: 100px;
}

.info_container .info_item {
    line-height: 20px;
    width: 351px;
}

.info_btn {
    float: right;
    position: relative;
    top: 10px;
    width: 100px;
    padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
    text-align: center;
    z-index: 6000;
    color: #fff;
    font-size: 14px; /* Defect ID 1683 Albert*/
    background-color: #FC3739;
    text-transform: uppercase;
}

/*++++++++++++++ Info box - End +++++++++++++++*/

/*++++++++++++++ Menu buttons - Start (Added by Ponmudi) +++++++++++++++*/
.menu_container {
    float: right;
    position: absolute;
    right: 0;
    /* temp styling */
    min-width: 175px;
    padding-left: 5px;
    padding-top: 3px;
    background: none repeat scroll 0 0 #f8f8f8;
    margin-right: 3px;
    z-index: 99;
}

.grid.menu_container .menu_more {
    display: none;
}

.x-msie .menu_container {
    /*Ethan fix 1410*/
    min-width: 175px;

}

.menu_container.grid {
    bottom: 0;
    margin: 0;
    min-width: 100px;
    /*  opacity: 0.8;*/
    padding: 0 5px 5px 0;
}

/* IE10 and 11 sepcific fix added - DONOT remove */
.x-msie .menu_container {
    /*Ethan fix 1410*/
    min-width: 175px;
    padding-left: 10px !important;
}

.x-msie .menu_container.grid {
    padding-left: 0px !important;
    min-width: 101px;
}

.menu_container.grid .music_player_btn {
    height: 30px;
    width: 30px;
    /* Grid icon alignment issue - adjusted margin - Added by ponmudi */
    margin: 0px;
}

/*.menu_container .tooltip {
    display: none;
}*/

#music_songlist .menu_container {
    padding-left: 47px;
    top: 0px;
}

#albumtab #album_list .menu_container {
    margin-top: -18px;
}

#albumtab #album_list .music_songscr_li .menu_container {
    margin-top: 0px;
}

#artisttab #artist_grid .music_sublist_li .menu_container {
    right: 0px;
}

#artisttab #artist_grid .music_sublist_li .music_songscr_li .menu_container {
    right: 0px;
}

#music_genrelist .menu_container {
    top: 0px;
    z-index: 99;
}

/* menu alignment fix - DONOT remove */
.music_sublist_group .menu_container.artist,
.music_viewlist_li.music_viewlist_selected_li .menu_container.album {
    top: 16px !important;
    background: none repeat scroll 0 0 #f8f8f8;
}

#album_grid .music_viewlist_li.music_viewlist_selected_li .menu_container.album,
#artist_grid .music_sublist_group .menu_container.artist {
    top: 4px !important;
}

#music_playlist .music_play_li .menu_container {
    top: 0px;
    /* Commenting below code. Don't see any  */
    /*padding-left: 30px;*/
}

.music_songscr_li .menu_container {
    background: none repeat scroll 0 0 #f8f8f8;
}

.music_player_btn.menu_item {
    float: right;
    position: relative;
    cursor: pointer;
}

/*.menu_item.submenu:hover {
    color: red;
}*/

.menu_item .glyphicon, .menu_item .vz-icon {
    font-size: 18px;
    color: #333;
}

.menu_item .glyphicon:hover, .menu_item .vz-icon:hover {
    color: #CD040B;
}

.menu_item .svg-icon {
    cursor: pointer;
    position: relative;
    display: inline-block;
    line-height: 1;
    text-indent: -9999px;
    width: 21px;
    height: 25px;
    vertical-align: inherit;
}

.menu_item .svg-icon.svg-icon-download {
    background: url(../../images/download.svg) 0px 0px no-repeat;
}

.menu_item .svg-icon.svg-icon-download:hover {
    background: url(../../images/download_hover.svg) 0px 0px no-repeat;
}

.menu_icons .menu_download,
.menu_container .menu_download,
.menu_icons .single_download {
    padding: 7px 5px 3px 5px;
}

.menu_item.submenu .svg-icon-sortby {
    margin-right: 7px;
}

.menu_item .svg-icon.svg-icon-sortby {
    background: url(../../images/contacts/assets_sprite.svg) -40px -20px no-repeat;
}

.menu_item .svg-icon.svg-icon-sortby:hover {
    background: url(../../images/contacts/assets_sprite.svg) -40px -55px no-repeat;
}

.menu_icons .menu_sort {
    padding: 3px 5px 7px 5px;;
}

.menu_icons .menu_share_item,
.menu_container .menu_share_item {
    padding-top: 5px;
}

.menu_item .svg-icon.svg-icon-restore {
    background: url(../../images/btn_restore_normal.svg) no-repeat;
}

.menu_item .svg-icon.svg-icon-restore:hover {
    background: url(../../images/btn_restore_hover.svg) no-repeat;
}

.menu_icons .menu_restore {
    padding: 8px;
}

.menu_item .svg-icon.svg-icon-copy {
    background: url(../../images/btn_copytofolder_normal.svg) no-repeat;
}

.menu_item .svg-icon.svg-icon-copy:hover {
    background: url(../../images/btn_copytofolder_hover.svg) no-repeat;
}

.menu_container .menu_copy {
    padding: 7px;
}

.music_viewlist_li:hover,
.music_songlist_li:hover,
.music_sublist_li:hover {
    background: none repeat scroll 0 0 #EEEEEE;
}

.menu_item.submenu {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    color: #222222;
    cursor: pointer;
    /*font-family: verdana;*/
    font-size: 13px;
    padding: 7px;
    padding-right: 25px;
    /*text-align: right;*/
    text-transform: capitalize;
    width: 100%;
}

.menu_item.submenu span {
    float: left;
    padding-right: 10px;
}

.menu_item.submenu.social {
    float: left;
    vertical-align: top;
    text-align: left;
    padding: 5px 5px 5px 5px;
}

/*VA :- Adding for share menu*/
.menu.flyout, .menu_share.flyout_share {
    background-color: #EEEEEE;
    display: none;
    float: right;
    margin-right: 5px;
    padding: 0 6px;
    position: absolute;
    right: 1px;
    top: 40px;
    z-index: 1999;
}

.menu_share.flyout_share {
    float: left;
}

/* added by ponmudi - for one caolumn songs*/
.music_songscr_li:nth-child(odd) .menu_container,
li.music_songscr_li:nth-child(even) .menu_container {
    right: 5px !important;
}

.music_viewlist_ul,
.music_songlist_li,
#music_playlist .music_play_li,
.music_genre_li,
.music_album_cell,
.music_sublist_li,
.music_sublist_group,
.music_viewlist_li.music_viewlist_selected_li {
    position: relative;
    overflow: inherit !important;
}

/* Commenting below code for tooltip Now using Bootstrap tooltip.*/
/*.menu_container .tooltip {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 10px;
    font-weight: normal;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: -18px;
    z-index: 99;
}

/* START changes for menu on album/timeline in photo/video DO NOT REMOVE
/*.full_width .tooltip {
    display: none;
}

.full_width .tooltip {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 10px;
    font-weight: normal;
    left: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: -18px;
    z-index: 99;
}

#page_photos .full_width .menu_pmore .tooltip {
    left: 112px;
}

.full_width .menu_psavetoAlbum .tooltip {
    left: -20px;
}

/* END changes for menu on album/timeline in photo/video DO NOT REMOVE
.menu_container .menu_download .tooltip {
    left: -10px;
}

.menu_container .menu_addplaylist .tooltip {
    left: -20px;
}

.menu_container .menu_more .tooltip {
    left: -2px;
}

.menu_container .menu_share .tooltip {
    left: -2px;
}*/

/*++++++++++++++ Menu buttons - End +++++++++++++++*/

/*++++++++++++++ added it by Bhupi for error and warning messages +++++++++++++++*/
.error {
    background-color: #f0f0f0;
    color: #FF0000;
    text-align: center;
    height: 70px;
    line-height: 70px;
}

.warning {
    background-color: #f0f0f0;
    text-align: center;
    height: 70px;
    line-height: 70px;
}

/*+++++++++++++ END ++++++++++++++++*/

/*++++++++ share social network popup++++++++++++++*/
.fb-login {
    margin: 30px 0 0 20px;
}

.fb-login ul {
    list-style-type: none;
}

.caption {
    display: block;
}

.fbicon {
    margin-top: 5px;
}

#formElems {
    margin: 10px;
    overflow-y: scroll;
}

/*+++++++++++++ UAT fixes ++++++++++++++++*/
.summaryContactsDate {
    font-weight: bolder;
    font-family: nhg-text-bold, arial, sans-serif;
}

.dialog_delete_contact {
    float: right;
    height: 30px;
    position: relative;
    top: -3px;
    width: 30px;
    cursor: pointer; /*---Defect ID: 2059---Albert---*/
}

.dialog_pad_right {
    padding-right: 20px;
}

/*jli for global search*/
.searchHighlight {
    color: #ED1C24;
}

.searchTop3LiImg {
    background-position: center center;
    background-size: cover;
    float: left;
    height: 19px;
    margin: -3px 5px 2px 3px;
    width: 15px;
}

/* Network restriction enabled */
.notAllowed {
    cursor: not-allowed !important;
}

/*---Defect ID: 1977---Albert---*/
#container_nab_server_error {
    margin: 10% 25%;
    height: 100%;
    float: left;
    /*border: 1px solid red;*/
}

#tos_exception {
    display: block;
    height: 80%;
    /*margin: 30px 0px;*/
    /*width: 100%;*/
    /*border: 1px solid;*/
}

#nab_server_error_image_section {
    float: left;
    /*height: 19%;*/
    /*width: 20%;*/
    /*position: fixed;*/
    /*border: 1px solid green;*/
}

#nab_server_error_image_section img {
    height: 45px;
}

#nab_server_error_message {
    width: 460px;
    /*height: auto;*/
    /*position: fixed;*/
    /*right: 0;*/
    /*border: 1px solid blue;*/
    margin-left: 60px;

}

#nab_server_error_message p {
    float: left;
    margin: 0;
    font-size: x-large;
    /*margin-left: 10.5%;*/
}

#cloud_image {
    float: right;
}

/*---Defect ID: 1977 END---*/

.displayNone {
    display: none;
}

#dialog_bottom_fix.dialog_popup {
    bottom: 44%;
}

/**VA :- Share Class. will move to another file**/
.share_grid_menu {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 4% 0;
    height: 25%;
    background: gray;
}

.share_grid_menu > img {
    width: 25%;
    float: left;
}

.share_grid_menu .more_options {
    clear: both;
    position: absolute;
    top: 40px;
}

.share_list_menu {
    /*float: right;*/
    position: absolute;
    right: 0;
    /* temp styling */
    padding-left: 5px;
    padding-top: 3px;
    margin-right: 3px;
}

.share_list_menu > img {
    width: 28px;
    height: 28px;
    float: right;
    margin: 4px;
}

.share_info {
    position: absolute;
    bottom: 0;
    background: rgba(219, 219, 219, 0.77);
    width: 100%;
    height: 25%;
    padding: 4% 0;
}

#share_grid_view #list .firstRow {
    width: 100%;
    float: left;
    display: block;
}

.firstRow .photo_cell {
    width: 280px;
    height: 280px;
}

#share_grid_view .photo_cell:hover .share_info {
    opacity: 0;
}

/*jessica-add css for share dialog**/
#yourEmail, #toEmail {
    display: none;
}

#tip {
    display: none;
    font-size: 12px;
}

#message_text {
    cursor: text;
    /*border:2px inset;*/
    width: inherit
}

/**MJ - Defect 2116 - Restrict image name within thumbnail width **/
.share_info .white_text {
    /**margin-left: 5px;**/
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px 0 7px;
    color: #000;
}

.share_info .date_text {
    font-family: nhg-text-roman, arial, sans-serif;
}

/** VA :- Adding classes for file paths**/
.file_path_container {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    min-height: 44px;
    padding-top: 0 !important;
    padding-bottom: 0;
}

.file_path_container .file_path_part {
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;

}

.info_row {
    margin: 5px;
    display: flex;

}

.info_cell {
    word-wrap: break-word;
    white-space: pre-line;
    min-width: 50px;
    font-size: 13px;
}

.width_75 {
    width: 85px;
}

.flex_row {
    display: flex;
    justify-content: flex-start;
    margin: 5px 0;
}

.flex_row > label {
    display: inline-block;
    font-family: nhg-text-bold, arial, sans-serif;
}

.flex {
    display: flex !important;
}

/*JM- Plan setting styles start*/

.featured_plans {
    margin-left: 8px;
}

.featured_plans ul li {
    list-style-type: none;
    float: left;
    display: inline-block;
    margin-right: 20px;
    margin-top: 10px;
    min-height: 200px;
}

.featured_plans .upper_half, .featured_plans .lower_half {
    min-height: 75px;
    min-width: 133px;
    position: relative;
}

.featured_plans .upper_half {
    background-color: #ecedee;
    padding-top: 15%;
}

.featured_plans .lower_half {
    background-color: #d8d8d8;
}

.featured_plans p {
    font-size: 20px;
    /*padding: 26px 10px;*/
    position: relative;
    text-align: center;
    max-width: 180px;
    font-weight: 700;
    text-transform: uppercase;
}

.featured_plans p.errorDowngrade {
    font-size: 11px;
    padding: 0 10px;
    width: 140px;
    text-align: center;
    text-transform: none;
}

.featured_plans .lower_half p {
    color: #CD040B;
    padding: 18% 10px;
}

.featured_plans .storage_upgrade {
    padding: 9px;
    font-size: 17px;
    /*margin: 0 auto;*/
    width: 100%;
    float: none;
    /*background-color: #CD040B;*/
}

.featured_plans .storage_upgrade.current {
    background-color: #000;
    width: 102%;
    margin-top: -5px;
    padding-top: 12px;
    margin-left: -2px;;
    cursor: default;
}

.featured_plans .storage_upgrade.downgrade {
    /*  background-color: #959595;*/
}

.disabled {
    cursor: not-allowed;
}

.featured_plans .storage_upgrade:after {
    /*  content: ">";
      margin-left: 18px;*/
}

.featured_plans .storage_upgrade.current:after {
    content: "";
    margin-left: 0px;
}

.featured_plans .storage_upgrade.downgrade:after {
    margin-left: 11px;
}

.featured_plans .plan_wrapper.current {
    border: 3px solid #000;
    /* padding-bottom: 3px;*/
}

.featured_plans sup {
    color: #333;
    margin-left: 4px;
}

.popupWrapper li {
    list-style-type: none;
    background-color: #d8d8d8;
    float: left;
    clear: both;
    width: 100%;
    padding: 10px;
    border-top: 1px solid #959595;
    box-shadow: 2px 2px #959595;
    margin-right: 10px;
}

.popupWrapper li p {
    width: 50%;
    color: #000;
    display: inline-block;
    font-weight: 900;
}

.popupWrapper li p.priceValue, .popupWrapper li p.surchargeValue, .popupWrapper li p.totalValue {
    text-align: right;
    float: right;
}

.popupWrapper .totalValue {
    color: #CD040B;
}

.popupWrapper .notifyUser {
    float: left;
    width: 99%;
    clear: both;
    margin: 10px 4px;
}

/*JM- Plan setting styles end*/

/* 17-Sep, Mayank Srivastava, Alignment defect in mouse hover in songs tab in IE 11
IE 11 needs explicit mentioning of "float" functionality, Defect #2133
*/

.menu_icons {
    float: right;
}

/*Terms & condition link is getting overridden by style .holder * , so below is the specific styles for that*/
.holder .terms_details a {
    color: #3b73b0;
}

#page_documents .small_screen_col {
    display: none;
}

#page_documents .secondary_col {
    display: block;
}

/*JM:- Home Page Carousel Styles - to revisit*/
#photoCarousel.carousel .carousel-navigation {
    width: 980px;
    height: 162px;
    background: rgba(218, 218, 218, 0.77);
    position: absolute !important;
    bottom: 0;
    /*    left: 0;*/
    right: 0;
    margin: 0 auto;
    display: block;
}

#photoCarousel.carousel .carousel-nav-collapse {
    height: 30px;
    width: 88px;
    border-radius: 7px 7px 0 0;
    bottom: 162px;
    position: absolute;
    left: 46%;
    background: rgba(218, 218, 218, 0.77);
    padding-left: 33px;
    padding-top: 4px;
    font-size: 21px;
    display: block;
    cursor: pointer;
}

#photoCarousel.carousel .carousel-inner .left, #photoCarousel.carousel .carousel-inner .right {
    display: none;
}

.photoTimelineCarousel {
    max-height: 583px;
    overflow: hidden;
}

.carousel .carousel-control .glyphicon {
    width: 59px;
    height: 59px;
    background-color: #fff;
    color: #4b4b4b;
    line-height: 57px;
    cursor: pointer;
}

.carousel .carousel-control .glyphicon:hover {
    color: #fff;
}

html.touch .carousel .carousel-control .glyphicon:hover{
    background-color: #fff !important;
    color: #4b4b4b !important;
}

.photoTimelineCarousel .carousel-inner .item {
    /*JM:- Need to revert if business does not approve*/
    /*background-size: cover !important;
    background-position: 0 36% !important;*/
    width: 100%;
    height: 583px;
    cursor: pointer;
    max-width: 100%;
    background-position: center !important;
    background-repeat: no-repeat no-repeat;
    background-size: 100%;
}

.photoTimelineCarousel .carousel-inner .item.hero_image_loader {
    background-size: 60px !important;
    background-position: center !important;
}

.row-full {
    /*width: 99.45vw;*/
    width: 100%;
    position: relative;
    margin-left: 0;
    /*    margin-left: -50vw;
        height: auto;
        left: 50%;*/
    /*float: left;*/
}

/*Navigational Items*/

#photoCarousel.carousel .carousel-control {
    top: -30px;
    height: 180px;
}

#photoCarousel.carousel .carousel-control.left {
    left: -14%;
}

#photoCarousel.carousel .carousel-control.right {
    right: -14%;
}

#photoCarousel.carousel .carousel-indicators {
    top: 12px !important;
    width: 79% !important;
    min-width: 78% !important;
    left: 0% !important;
    position: relative;
    margin: 0 auto;
    padding-bottom: 15px;
}

#photoCarousel.carousel .carousel-indicators li.slick-current,
#photoCarousel.carousel .carousel-indicators li.active,
#photoCarousel.carousel .carousel-indicators li:hover,
#photoCarousel.carousel .carousel-indicators li {
    list-style: none inside;
    background: none;
    border: none;
    margin-right: 19px;
    display: inline-table;
    position: relative;
    /*border: 8px solid rgba(218, 218, 218);*/
    border: 8px solid rgba(218, 218, 218, 0.01);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    width: 93px !important;
}

#photoCarousel.carousel .carousel-indicators .active {
    min-width: auto;
}

.moveToLeft {
    transform: translate3d(-100%, 0, 0);
    left: -100%;
}

.moveToRight {
    transform: translate3d(100%, 0, 0);
    left: 500%;
}

#photoCarousel.carousel .slick-track {
    /*-webkit-transform: none !important;*/
    /*-moz-transform: none !important;*/
    /*-ms-transform: none !important;*/
    /*-o-transform: none !important;*/
    /*transform: none !important;*/
}

#photoCarousel.carousel .slick-list {
    padding: 0 !important;
}

#photoCarousel.carousel .carousel-indicators .active {
    height: auto;
    background: none;
}

#photoCarousel.carousel .carousel-indicators li:last-child {
    margin-right: 0px;
}

#photoCarousel.carousel .carousel-indicators li div.albumCover {
    height: 93px;
    width: 93px !important;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF8AAABfCAYAAACOTBv1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDg0NTcwRDI4MUQyMTFFNkJDODBGRjgwODA1QjdERTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDg0NTcwRDM4MUQyMTFFNkJDODBGRjgwODA1QjdERTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowODQ1NzBEMDgxRDIxMUU2QkM4MEZGODA4MDVCN0RFNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODQ1NzBEMTgxRDIxMUU2QkM4MEZGODA4MDVCN0RFNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq7BaQkAAAqjSURBVHja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') no-repeat;
}

#photoCarousel.carousel .carousel-indicators li div.albumCover img {
    top: 24px;
    position: absolute;
    left: 24px;
    transition: all .6s ease-in-out;
}

/*Chrome Specific Fix*/
#photoCarousel.carousel .carousel-indicators li div.albumCover img:not(*:root) {
    top: 16px;
    left: 16px;
}

#photoCarousel.carousel .carousel-indicators li.slick-current, .carousel .carousel-indicators li.active {
    border: 8px solid #82d0ec;
    border-radius: 0;
}

.carousel .carousel-indicators .slick-list {
    /*overflow: visible;*/
}

/*JM: Remove blue border from Slick in chrome*/
.carousel .slick-list, .carousel .slick-slide:focus, .carousel li.slick-current, .carousel .slick-slide, .carousel .slick-slide * {
    outline: none;
}

.carousel .timeline-caption {
    color: #000;
    /*white-space: pre-line;*/
    /*position: absolute;*/
    word-wrap: break-word;
    /*margin-top: -20px;*/
    max-height: 48px !important;
}

.carousel .timeline-caption h5 {
    /*JM: Need to be used here because carousel indicator has negative indent set*/
    text-indent: 0px;
}

.errorState .homeContent {
    visibility: hidden;
}

.errorlandingPage {
    margin-top: 100px;
}

.errorlandingPage .errorLanding {
    padding-top: 33px;
}

.errorlandingPage .errorLanding h2 {
    color: #ce050c;
    font-family: nhg-display-bold;
    font-size: 55px;
    font-style: italic;
}

.errorlandingPage img {
    max-width: 100%;
}

.errorlandingPage .errorLanding p {
    font-family: nhg-text-bold;
    font-size: 22px;
}

/*JM: HomePage Carousel Style ends*/

/* JM: Common Styles for Navigation and action header Starts
*/

/*Global Action Header Styles Start Here*/

.svg-icon {
    cursor: pointer;
    position: relative;
    display: inline-block;
    line-height: 1;
    text-indent: -9999px;
    width: 21px;
    height: 25px;
    vertical-align: inherit;
    background: url(../../images/contacts/assets_sprite.svg) 0 0 no-repeat;
}

.svg-icon.svg-icon-back-arrow {
    background-position: -43.5px -355.5px;
    position: relative;
    top: 23px;
    width: 29px;
}

.svg-icon.svg-icon-print {
    background-position: -42px -893.5px;
}

.svg-icon.svg-icon-print:hover,
.svg-icon.svg-icon-print.selected {
    background-position: -42px -863px;
}

.svg-icon.svg-icon-favorite {
    background-position: -42.5px -477.5px;
}

.svg-icon.svg-icon-favorite:hover,
.svg-icon.svg-icon-favorite.selected {
    background-position: -42.5px -444px;
}

.svg-icon.svg-icon-delete {
    background-position: -44px -1095px;
}

.svg-icon.svg-icon-delete:hover,
.svg-icon.svg-icon-delete.selected {
    background-position: -44px -1061px;
}

.svg-icon.svg-icon-remove {
    background: url(../../images/contacts/icon-remove.svg) 0 7px no-repeat;
}

.svg-icon.svg-icon-remove:hover,
.svg-icon.svg-icon-remove.selected {
    background: url(../../images/contacts/icon-remove-selected.svg) 0 7px no-repeat;;
}
.svg-icon.svg-icon-restore {
    background: url(../../images/restore.svg) 0 7px no-repeat;
}
.svg-icon.svg-icon-restore:hover {
    background: url(../../images/restore_hover.svg) 0 7px no-repeat;
}
.svg-icon.svg-icon-empty-trash {
    background: url(../../images/icon_empty_trash.svg) 0 7px no-repeat;
    top: 0px;
    width: 30px;
    height: 37px;
}
.svg-icon.svg-icon-empty-trash:hover {
    background: url(../../images/icon_empty_trash_hover.svg) 0 7px no-repeat;
    top: 0px;
    width: 30px;
    height: 37px;
}
.svg-icon.svg-icon-download {
    background: url(../../images/download.svg) 0 7px no-repeat;
}

.svg-icon.svg-icon-download:hover {
    background: url(../../images/download_hover.svg) 0 7px no-repeat;
}

.svg-icon.svg-icon-overflow {
    background: url(../../images/contacts/icon_overflow.svg) 0 6px no-repeat;
    right: 10px;
    position: absolute;
}

.svg-icon.svg-icon-star{
    background-position : -42px -477px;
}

.global-action-header .nav.action-items-list .svg-icon-star.selected,
.global-action-header .nav.action-items-list .svg-icon-star:hover{
    background-position : -42px -445px;
}

.photo-detail-actions {
    margin-bottom: 5px;
}

.global-action-header {
    /*background-color: #e6e6e6;*/
}

.global-action-header.disable-header{

}

.global-action-header.disable-header .action-items, .global-action-header.disable-header .checkbox-custom-label:before{
    display: none;
}

.global-action-header .action-bar {
    height: 65px;
    padding: 10px;
    background-color: #e6e6e6;
}

.global-action-header .multi-mode-on {
    background: #abe0f9;
}

.global-action-header .leftContainer{
    padding: 0px;
}

.global-action-header .leftContainer .selectall-count{
    margin-left: 9px;
}

/** 1.Hide on-checked element and 2. hide on-unchecked in multimode**/
/** Means 1. Hide multi select options by default and 2. hide normal options on multimode **/
.global-action-header .on-checked,
.global-action-header .nav > li.on-checked,
.global-action-header .multi-mode-on .on-unchecked,
.global-action-header .multi-mode-on .nav > li.on-unchecked {
    visibility: hidden;
    display: none;
}

/** 1.Show on-unchecked element and 2. show on-checked in multimode**/
/** Means 1.Show normal options by default and 2. show multi select options in multimode**/
.global-action-header .on-unchecked,
.global-action-header .nav > li.on-unchecked,
.global-action-header .multi-mode-on .on-checked,
.global-action-header .multi-mode-on .nav > li.on-checked {
    visibility: visible;
    display: inline-block;
}

.global-action-header .header-close-arrow {
    height: 114%;
    border-left: 3px solid #fff;
    top: -8px;
    position: relative;
}

.global-action-header .header-close-arrow .fa-times {
    font-size: 29px;
    color: #cd040b;
    cursor: pointer;
    /*height: 55px;*/
    top: 5px;
    position: relative;
    padding: 10px;
}

/*JM: The styles are photo video module specific, in order to support cross button it will be made common*/
#photoVideoActionBar, #documentsActionBar, #trashActionBar {
    margin: 20px 2px 20px 0;
    padding: 0 4px;
    min-height: 74px;
}

.mediaContent .global-action-header {
    position: relative;
}

.global-action-header .selectall-div {
    position: relative;
    top: 9px;
    display: inline-block;
    width: 20px;
}

.global-action-header .action-items {
    padding-top: 7px;
    top: -9px;
    position: relative;
    height: 64px;
    padding-right: 0;
}

.globalFixheader{
    top: 86px;
    /*left: 50%;*/
    width: auto;
}

.globalFixheader .global-action-header{
    left: -45%;
}

.subNavFixheader{
    top: 0px;
    z-index: 996;
    position: fixed;
}

.global-action-header .multi-mode-on .action-items .on-unchecked{
    display: none;
}

.global-action-header .action-items #search span{
    color: #000;
}
.global-action-header .action-items #search span:hover{
    color: #cd2327;
}

.global-action-header .action-items .action-items-list .dropdown  span.dropdown-label :hover{
    color: #CD040B;
}

.global-action-header .action-items .on-unchecked > span{
    top: 9px;
    cursor: pointer;
}

.global-action-header .action-items .on-unchecked > span.svg-icon-empty-trash{
    top: -2px;
    cursor: pointer;
}

/** For DropDown Elements 1.Show on-unchecked element and 2. show on-checked in multimode**/
/** For DropDown Elements Means 1.Show normal options by default and 2. show multi select options in multimode**/
.global-action-header .dropdown-menu > li.on-unchecked,
.global-action-header .multi-mode-on .dropdown-menu > li.on-checked {
    display: block;
}

.global-action-header .multi-mode-on .dropdown-menu > li.on-unchecked {
    visibility: hidden;
    display: none;
}

.global-action-header .nav.action-items-list > li.sort-dropdown {
    padding: 0;
    border-bottom: 1px solid #ccc;
}

.global-action-header .sort-dropdown > span.dropdown-label{
    display: inline-block;
    padding: 7px 20px 10px 0;
    cursor: pointer;
    width: 242px;
    font-family: nhg-text-bold, Arial, Sans-Serif;
}

.global-action-header .sort-dropdown ul.dropdown-menu{
    z-index: 996;
}

.global-action-header .sort-dropdown ul.dropdown-menu label.icon-label {
    width: 189px;
    cursor: pointer;
}

.global-action-header .header-back-arrow {
    border-right: 3px solid #fff;
    height: 65px;
    margin-top: -10px;
    margin-right: 10px;
    cursor: pointer;
}

.global-action-header .multi-mode-on .nav.action-items-list {
    /*float: none !important;*/
    /*margin: 0 30px 0 0;*/
    /*display: inline-block;*/
}

.global-action-header .nav.action-items-list > li {
    /*display: inline-block;*/
    float: left;
    /*padding: 8px 10px 8px 40px;*/
    padding: 1px 22px;
}

.global-action-header .nav.action-items-list .glyphicon-info-sign,
.global-action-header .nav.action-items-list .glyphicon-plus,
.global-action-header .nav.action-items-list .glyphicon-repeat,
.global-action-header .nav.action-items-list .fa-picture,
.global-action-header .nav.action-items-list .fa-picture-o {
    top: 8px;
    font-size: 17px;
    cursor: pointer;
    position: relative;
}

.global-action-header .nav.action-items-list .vz-icon-share {
    position: relative;
    top: 5px;
    font-size: 19px;
    color: inherit;
    cursor: pointer;
}

.global-action-header .nav.action-items-list .fa-star,
.global-action-header .nav.action-items-list .fa-star.selected {
    font-size: 19px;
    top: 7px;
    position: relative;
    cursor: pointer;
}
.global-action-header .nav.action-items-list .glyphicon-th-list:hover,
.global-action-header .nav.action-items-list .glyphicon-th-large:hover,
.global-action-header .nav.action-items-list .glyphicon-info-sign:hover,
.global-action-header .nav.action-items-list .glyphicon-plus:hover,
.global-action-header .nav.action-items-list .glyphicon-repeat:hover,
.global-action-header .nav.action-items-list .vz-icon-share:hover,
.global-action-header .nav.action-items-list .fa-star:hover,
.global-action-header .nav.action-items-list .fa-star.selected {
    color: #cd2327;
}

.global-action-header .nav.action-items-list .glyphicon-info-sign {

}

.global-action-header .action-items-dropdown-list .glyphicon-info-sign,
.global-action-header .action-items-dropdown-list .repeatIcon,
.global-action-header .action-items-dropdown-list .albumIcon{
    left: -3px;
    top: 0px !important;
    margin-right: 3px;
    padding: 0px !important;
}

.global-action-header .action-items-dropdown-list .glyphicon-info-sign,
.global-action-header .action-items-dropdown-list .albumIcon,
.global-action-header .action-items-dropdown-list .repeatIcon{
    margin-top: 6px;
}

.global-action-header .action-items-dropdown-list .glyphicon-info-sign{
    font-size: 19px !important;
}

.detail-header .photo-full-screen {
    height: 29px;
    width: 28px;
    display: block;
    float: right;
    margin-left: 16px;
    cursor: pointer;
}

.detail-header .photo-full-screen.resize-full {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAYAAAC5UQwxAAAAAXNSR0IArs4c6QAAAq5JREFUSA3tls9LVUEUx7++Xz6Vt4k2LopctMgWWlAEEWLYXpQKw0BwIbgI+ieKtkEIgf0SsUUQCIHQtpWQ1SKKSpOoJIIWgWZlPz5nnHld3+OV3LnLDsw9c2fmns+cc2bmTpMi5aXUvCp1YeZ7k7SWo5SkLxV0O5q2X0kE7+nlqVRal2Bq91+srNtE6H9VkIaYUHrpxCu+XvmHhTIu7qAc/iENAE0vPlxHHkl78lLlp9SC4VYsWmmjfonSEQjUK1HAYOiAtBzqpjGcYxJXkzDfX4oKaRIS6gZbkCbRo9ZGFOZQi76/mCkQSP6xdBPjIx5wj9XaD/STf8/OQ4MRxinyOGzGgcyWWSR7pa+8fvPAYiY5BFYgjNMYPeUN3yWvp4HaKjYJuhQNBFbEsxmMDpplIHeADaE37N2EMVUPo3NoMAwG2O1a2Cbyj4dRQGAnAgzD08CGk555mKl3vv4xKqTM9gnAOcqDg9JFYKyZeuFQuMwp00bPRH3v/5bYCLznoGUP9ZEHQt1YGNPJIjnJOFIVIRi68JCtQjnfyAygM/Rv2DjqRxuN2067bYtuG0iFhVYvTOgsS+8WPRaBpZ0STenFgO5EwCg3g62CNyO03KAY7A17qG8X1wbqqcWA4djZAsSNUfJ1jZIjacsM7OmSXqcm+Q9t44eDtRiMkasx6hN+gSw1S7378TD0x+iqh3jhPCSM49QdDG0Xn56sYDZRAzoP8aZMGM+RyyvmGbAX9FkY39rArMRCGnJ4CNAxb/g5P8/j3MpWsgIFO8kcwnC7+hnJ7AX2IQzKUhfwKnjo7PK+jxgvsnBs+dsF1mlC/Jn6FJt10g1M+SiQxPnafwpQ+5VYqQptJt3o68BrP9ns3caTbyVuWixEd2FtxaCVFt7tMuu0tTEwT5nlJ3uf9tTyG3H3qyWc+oL6AAAAAElFTkSuQmCC") no-repeat;
}

.detail-header .photo-full-screen.resize-small {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcCAYAAACdz7SqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKgSURBVEhL5ZU9aFRBFIXPJm6ihohKDBjQgBKJiEaDpLZS0SghiIhYiLWFICIEFBQECyGFpEllY2thFUMwKAER/xXBwuBfKVgY4+6auOt3Z2ef+6eSnek8cHfunZmd8859981VKN5I7c+kPQUp5afqgj0nsXM+DMMT6RZW4MAhP1WDp9J122P2WtrY5OdDsNV+UDrgoipANMraafNJxe1t0scYpBn74eCVLioDCq8xnClGml4nHTMnmJSn/+7dClIIr/IgZ81nz/310uAG/4AxlDpSDlrhIkBKr0B43oczzdKBrt8PF4W0Ir0ovMQwYj4KH7RB2CfNW1xCNKWQtkF4gfGim5Uetkv7e6U5HyeIRooq+1Yve//xamlfj/TV4moEk0JUSm+rm5BmsSN5Kctc3fOjKS3DZsjeIzFLun9SVItYBvuMjduGYFJSOePdP4Hi1XKsAzvxiSrnP+FAUTeDWRpr4dAW1KZtLM0R52G/SyW/I/5P4NL7Quqn2npJwQ8mFmxkegFzo8XLpNwOOhnri/afEKRoScchvOnjvwLCD7ukHnswP9UQmni51IH14n8Dxd1kZYsPG4ZLr4EDU2+pMvLpqg31aeTsxb/BWvJp4Qyg9pEPG0JyGOwFrq0cTfYb9gXCTZCNecLkPRLX9M2lou7l8Bw1HD6By52tOV7BUbdQRHxSXvBuUnsHdxXq560XMk4WV53SpG82igpSFPK6NMnBNAl3px7cyTXHp+IudY94SlHYh8IpCNcQZlA42C/dszWU5rGc+SAO6UtpO2RGuJYwC8FhFE7bWhlcN+EP4elFYRelOYXfYWpQOIRCi6tRSnEUpadQ2AmhXYHDKLQiqgF77BIx8DkH4hVN15qrfSZ+qi64iTrZdwjyiuJbOqRf9yCw7IyTbC4AAAAASUVORK5CYII=") no-repeat;
    height: 28px;
}

.global-action-header .nav.action-items-list li#album span.albumIcon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAAXNSR0IArs4c6QAAAbVJREFUOBGdkj9Lw2AQxn2TWlMrLjrYji6CTtqU4FDBTaoWV6EIboKLm+AXECdxEuoiOKmomHwAByH0D/UTlIoIKrqJlIIk8bnQK018hzaBl3vvcs8vd5cTuq5feJ5XHIrwCCGaqqrOVyqVb5IrOJsROL4ERUw7jmOwXmQyGY+dKBbV5VOplArtSCwKIKxBhRrOMrUpe1wEH3FaspeymKIor1IYSj+r1+tLSNiVCcOxRCJxZ5rmkbRNlDybzWanYHUSAm7DzMCfCIPIb7fbG4VCYVQKg3jOdd33jvAHFRbx1wh81YkFDD4CiViUtdmIx+MLyP4kBUD71Wr1GW1fQ3AZoPQ4ADbCMBr8tm3bL1jGHdwfADplDc0QwA/22WLxby3LOg7v2Qkq2OMkwzDGebs5hlmuYwQm+4Dn0+m0h9hwb2UNJBxwEtkwiGK1Ws2COac7PwCNoc2V7g+g2WialszlcklOYovhC7qzhfAQ9zWEJjkH+rcuDPSbVqvvHWWGb9HmPY7ThQXeDuiUSqVfkvTObEDE/3SCff0P9x/BCvn7SIoYBreFga72Lw9kNsvl8hPWww/+AUFqnzgs/grPAAAAAElFTkSuQmCC") no-repeat;
    height: 18px;
    width: 24px;
    top: 6px;
}

.global-action-header .nav.action-items-list li#album span.albumIcon:hover {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAAXNSR0IArs4c6QAAAeVJREFUOBGdUs9LG1EQnnm7xtSYBNIK7bUoAUU0P6D0IvQipSW00JMggrdCL3oS/A88iScPXgRPtqhob730UOpt9eTJkFJ6aGlBbIy6idkZ30SeYTfvoBkW3ptv5vuY9+3gYU9yg5imoZtArKSSsdzQyUlV6EoLTXWj0+IwP62d158ZPnpugk3SzYmO80oBO8Tc63YjEOUQqzgzv1DRguQIQID4TV8vbHUbxsi/rGJaaK1wVZtQqD7YiFEs92Zyp1CvLlmfqU0cPkoMPPYbl0UhIuI+M2QB+GFUSPLD3S9vIZbus4ohw4hfv/gtjQhYcxxnmigoEsFHwSyhnYHnHc/UU5TBdfNa5K+QEGFhzP//I9eofdK1TYtQC1KKyyExMV4xzub9059K4Xst9XW8cbZqBB7EUTz8Y3Jz5hbnt8f86nJ4zxBXtPFzpuk4k0mZ7TaY15ssQUB7Jpc90x7L13M7mTzvyUBq0TTJGRUSrFA/+6yNXJe7CWTsB8KX7ckUvsMYyG51hCP/QYdibp1BU6WDgL/raR7JZMCYQAiy7b9JvMV+h04LaHbAFEJodHC3UCoFbbFQ+X5J0fOuwPPg1rP70e3dSu/TP3vpbijTzT5Kt8uOmkGi13ejhrsYuJJvnB7IZktcA5rcoXv34P3GAAAAAElFTkSuQmCC") no-repeat;
}

.global-action-header .nav.action-items-list li#rotate span.repeatIcon {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAYAAABPwleqAAAAAXNSR0IArs4c6QAAAixJREFUOBGNkz1oU1EUx/Pue4YGhEaqNRFREgdREcUkJAahdhAcgoMQitjNRaSIk0sFhdZFwa1bF+vQYnBwUMEuHWIwkCB+oTgkEYVgEARRYpQk/Z2b+x4v9QMvnHfO+f/P/95zP54d+M+RyWT2RSKR1Wg0+qPZbD4XmfMvbTqd3q6UcsLh8OdWqzVB7WFsFrstOks+/pFMJveSz/b7fSne5XKWZbXBQuT9UCg0ViwWv3gr5/N5u1ar3YK8QJGHu2IjlNRqt9sp/GMlmQjr9fodwotG+IaVZhzHOWTb9knwX1LnDrifEmtxo9G4huiMBpSaj8fjByuVykK5XH7R7XbHwDdhPUT3sUm4Nam1EonEVnwd2wxxE+KyEP7BOZwIBoPvSqXSez/uILjEqiL8GIvFriD28zoGW/0NBFAIs4ZYKhQKei++wnPEd7FpH+aFcqp7TPbMQwfBcdyiwfL4t9hQW4p2t5iCjat6d2z4jblu+7Uh3Q5MGrhH8NQka/gHJvacXJVul72f9tBB8B13FBvFJrEONjQUD2HJIMe4klND7CD5+gdMQ/ptI1ph5SmQb5zBFFfz8G+CVCp1ttfrHeDe57Q4m83u7nQ6JQQ7EHeZ6AbxcrVafelOwmM6AncVTnfH3zahxVIAKaf5CNsvuQyKPwyiwDZEIyYWfDmXy017YiGYYBRihvA8xTvdYtfDvSK+zrZWBBsSu0XmL8swgWxjHGvS5hN+lE9ujfh1WHe4HnDrts0AAAAASUVORK5CYII=") no-repeat;
    height: 18px;
    width: 15px;
    top: 6px;
}

.global-action-header .nav.action-items-list li#rotate span.repeatIcon:hover {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAATCAYAAABPwleqAAAAAXNSR0IArs4c6QAAAklJREFUOBGNUz1oFEEUfm/25+7Y3cS7mChRzsKI6GE0QUFEOBvByu4IaMTCxiJY2V1hEW3S2VhZJUWCIKbRWAqi2NxuQnKIBKsUYhPNz6G5u53nmzln3TuDuLD7vvne97352TcA//nUXP9U6HhR5AS3jUUYsF9c9bxDy7mBI+sjIxkkKBPBOQKqGi0aYOJKJjgZS1klgDIQFA3P8Qe/OTaQ7dkDo1tb35KZqVKxQsd/3I7lGs9wq8eoauTUh4ui/AkXFNZmZYwWl+aI6B5zNiJ+FIhTnD1rWdY15lpKbB7CuGkwhK4/XbM9Uq/CqphJRq53Q/O2F4e2vxhl/SsmB5+C4CCTO9rsejNJIgWijHc1zB44lqI6MHL9h78rb9RLJfcvwT8IISVcUnkSOFuq1//shbnQCe7wIT6rud7kfjUEIB1XCf4FUVqg9kYkn/IhVkDCXOj0n0/nFRZAmNckYtesFIv0P2ZZ3DXumBHqCpCUegW6EH+sQu45IH5QYwR801c8/NLkksh7eqJP2vHfJmQKrBcKfalhFxQWiFnNEF0OM8H1riwPTmxubvdyZqx7m2df4IOZ4OXtoiUmxva2XxlBb+SmucktWhocyk93zKoB2q33TA6zOEYBMzbA/GizsWrMK07/eEzxA75VenU8UVmblaCeyxf32q0lXsFpY+CT2tCYYJBj1vDc+/Nj1fuTiVklPufz/d93WlMIdJdXcdSIk4i4hgiPxpu7C4rrMhuRuhjLL15fBEHDfAeHJMIX16F3ZxqNr0aj4i/EUMXYX9t9VAAAAABJRU5ErkJggg==") no-repeat;
}

.global-action-header #getPrints {
    margin-top: -6px;
    padding: 0;
    float: right;
}

/*.global-action-header #getPrints .btn {
    padding-top: 6px;
    padding-bottom: 4px;
}*/

.global-action-header .printCart {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAUCAYAAAB8gkaAAAAAAXNSR0IArs4c6QAAAc1JREFUSA2tlL0vBEEYh+35SkgUF4KE5IiOKERECK2PSiFREY1OJ0qdUPsDNFxxCBKFQkNBNEchEhEiIpfzVQgJ3d163ouZ7N3unln2TZ7MzPt7P3ZnZ9Yq+YPZtj1G2jRUG6Y/E7doGQbrMBrVs0jBKtxoofhkCLmmeIiHSrNuEJOm2lhHoU47HBP8E/BU5vD9d7pPgSro9CsUZrMlmlTwBjHGd8uy3gqbhtaM4ntSnGZbDA8wJ2unRRAP4RqWnUKQObmj0AQD5I3DLPNWVw2cLdADr/DrUSamAeZBvo+8iTzwLSQgCco2VTMcuQOijz6OBOIZ7Kogw/GFuGHY8IjvY3tPpRnaitZxjMAnBLUrKULSl0fiyY/mOvoHCBkRA9o9TUrJiYPeKVUDTX87fRp53QyCbOGUCjQct4mLwpFPfC9++b2l856EZh04z6EcTCxLUCO0geyMn6UQZlwiDR/B1I5dBYo4Ih5a3MPn58pdZD+x0J+3jSLySrUMd1Apax+z8csWDvKtkz4xZm4aykVtB1dDfDGQBwrHKLYDYhegDwvzSciC3MeuULpRyHlBY6oo/nVQ5vrRqrhAI9UW4APWnIms+yENl9Ds1Ezm32XfmL08Odo/AAAAAElFTkSuQmCC") no-repeat;
    width: 32px;
    height: 22px;
    display: inline-table;
    margin-top: 4px;
    margin-right: 13px;
    float: left;
}

.global-action-header .nav.action-items-list li#fujiPrints span.add-to-cart {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjcgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI3IDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMzMzMzMzIiBkPSJNMTMuODI5LDE0LjkzOWMtMC4xMjYsMC4yODEtMC40OSwwLjUxMS0wLjgwNywwLjUxMUg1LjE0Nw0KCQljLTAuMzE3LDAtMC42NzMtMC4yMzItMC43OTEtMC41MTZMMi4wMDMsOS4yODVDMS44ODQsOS4wMDEsMi4wNDcsOC43NjksMi4zNjQsOC43NjloMTMuNjY3YzAuMzE3LDAsMC40NzMsMC4yMjksMC4zNDYsMC41MQ0KCQlMMTMuODI5LDE0LjkzOXoiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iIzMzMzMzMyIgZD0iTTI1LjM4OSwxMC4xMTFsLTIuOTkzLTUuOTIybC0yLjczNSw0LjIybC0yLjEzNS0xLjQ2NGwtMi4wOTEsMS4wOThoMC45MjYNCgkJCWMwLjM5NiwwLDAuNzM2LDAuMTYxLDAuOTM0LDAuNDQzYzAuMTk5LDAuMjgyLDAuMjIyLDAuNjM3LDAuMDY0LDAuOTc1bC0wLjMwNCwwLjY1SDI1LjM4OXoiLz4NCgkJPHBhdGggZmlsbD0iIzMzMzMzMyIgZD0iTTI2LjA1OCw5LjQ2OWMtMC4wMjYtMS4yMzktMC4wMDUtNi4xODMsMC4wMTItNy44ODNjMC4wMDUtMC41Mi0wLjE4NS0wLjY4OS0wLjcxOC0wLjY4Nw0KCQkJQzIyLjA2OSwwLjkxNSwxNy44OSwwLjkxLDE0LjYwNywwLjkwMmMtMC40MzItMC4wMDItMC43MTEsMC4wNjctMC43MDksMC41NzdjMC4wMTEsMS44NzQsMC4wMDcsNC4yMjEsMC4wMDUsNi4wOTVoLTAuOTQxDQoJCQljLTAuMDAxLTIuMDA0LTAuMDAxLTQuNDg1LDAtNi40OWMwLTAuODI5LDAuMjYyLTEuMDgzLDEuMTE0LTEuMDgzQzE3LjcxLDAsMjIuMjQyLDAsMjUuODc2LDAuMDAxDQoJCQljMC44NTYsMCwxLjEyMiwwLjI1MywxLjEyMywxLjA3M0MyNywzLjk3OSwyNyw3Ljc1LDI3LDEwLjY1NWMwLDAuODI4LTAuMjYzLDEuMDg0LTEuMTEyLDEuMDg0Yy0xLjgzNywwLjAwMy04LjU2MywwLTkuNjQsMA0KCQkJbDAuMzgxLTEuMDA2YzAsMCw3LjkwMi0wLjAzNyw4LjM4OC0wLjAzN0MyNi4wMSwxMC42OTcsMjYuMDg0LDEwLjY1OCwyNi4wNTgsOS40Njl6Ii8+DQoJCTxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0xNi4yNTMsNS4zMjRjMC43NzUtMC4wMDMsMS40MTEtMC42MywxLjQtMS4zNzhjLTAuMDExLTAuNzI1LTAuNjMyLTEuMzI3LTEuMzgzLTEuMzM4DQoJCQljLTAuNzc0LTAuMDEzLTEuNDI1LDAuNi0xLjQzMSwxLjM0OUMxNC44MzUsNC43MDMsMTUuNDc5LDUuMzI3LDE2LjI1Myw1LjMyNHoiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0yLjEyNSw5LjU3NEwxLjIzNyw3LjY5MUMxLjE1NSw3LjUxOCwwLjkyNiw3LjM3NiwwLjcyOSw3LjM3NmgtMC4zN0MwLjE2Miw3LjM3NiwwLDcuMjIsMCw3LjAyOVY2Ljk1NA0KCQkJYzAtMC4xOSwwLjE2Mi0wLjM0NywwLjM1OS0wLjM0N2gwLjk1OGMwLjE5NywwLDAuNDMsMC4xNCwwLjUxNywwLjMxMmwxLjE4LDIuMzMxIi8+DQoJPC9nPg0KCTxlbGxpcHNlIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjMzMzMzMzIiBjeD0iNi40NzciIGN5PSIxOC4xNjEiIHJ4PSIxLjkwNiIgcnk9IjEuODM5Ii8+DQoJPGVsbGlwc2UgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzMzMzMiIGN4PSIxMS45NDMiIGN5PSIxOC4xNjEiIHJ4PSIxLjkwNiIgcnk9IjEuODM5Ii8+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat;
    height: 22px;
    width: 32px;
    top: 6px;
}

.global-action-header .nav.action-items-list li#fujiPrints span.add-to-cart:hover,
.global-action-header .nav.action-items-list li#fujiPrints span.add-to-cart.selected{
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjdweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjcgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI3IDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjY2QyMzI3IiBkPSJNMTMuODI5LDE0LjkzOWMtMC4xMjYsMC4yODEtMC40OSwwLjUxMS0wLjgwNywwLjUxMUg1LjE0Nw0KCQljLTAuMzE3LDAtMC42NzMtMC4yMzItMC43OTEtMC41MTZMMi4wMDMsOS4yODVDMS44ODQsOS4wMDEsMi4wNDcsOC43NjksMi4zNjQsOC43NjloMTMuNjY3YzAuMzE3LDAsMC40NzMsMC4yMjksMC4zNDYsMC41MQ0KCQlMMTMuODI5LDE0LjkzOXoiLz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI2NkMjMyNyIgZD0iTTI1LjM4OSwxMC4xMTFsLTIuOTkzLTUuOTIybC0yLjczNSw0LjIybC0yLjEzNS0xLjQ2NGwtMi4wOTEsMS4wOThoMC45MjYNCgkJCWMwLjM5NiwwLDAuNzM2LDAuMTYxLDAuOTM0LDAuNDQzYzAuMTk5LDAuMjgyLDAuMjIyLDAuNjM3LDAuMDY0LDAuOTc1bC0wLjMwNCwwLjY1SDI1LjM4OXoiLz4NCgkJPHBhdGggZmlsbD0iI2NkMjMyNyIgZD0iTTI2LjA1OCw5LjQ2OWMtMC4wMjYtMS4yMzktMC4wMDUtNi4xODMsMC4wMTItNy44ODNjMC4wMDUtMC41Mi0wLjE4NS0wLjY4OS0wLjcxOC0wLjY4Nw0KCQkJQzIyLjA2OSwwLjkxNSwxNy44OSwwLjkxLDE0LjYwNywwLjkwMmMtMC40MzItMC4wMDItMC43MTEsMC4wNjctMC43MDksMC41NzdjMC4wMTEsMS44NzQsMC4wMDcsNC4yMjEsMC4wMDUsNi4wOTVoLTAuOTQxDQoJCQljLTAuMDAxLTIuMDA0LTAuMDAxLTQuNDg1LDAtNi40OWMwLTAuODI5LDAuMjYyLTEuMDgzLDEuMTE0LTEuMDgzQzE3LjcxLDAsMjIuMjQyLDAsMjUuODc2LDAuMDAxDQoJCQljMC44NTYsMCwxLjEyMiwwLjI1MywxLjEyMywxLjA3M0MyNywzLjk3OSwyNyw3Ljc1LDI3LDEwLjY1NWMwLDAuODI4LTAuMjYzLDEuMDg0LTEuMTEyLDEuMDg0Yy0xLjgzNywwLjAwMy04LjU2MywwLTkuNjQsMA0KCQkJbDAuMzgxLTEuMDA2YzAsMCw3LjkwMi0wLjAzNyw4LjM4OC0wLjAzN0MyNi4wMSwxMC42OTcsMjYuMDg0LDEwLjY1OCwyNi4wNTgsOS40Njl6Ii8+DQoJCTxwYXRoIGZpbGw9IiNjZDIzMjciIGQ9Ik0xNi4yNTMsNS4zMjRjMC43NzUtMC4wMDMsMS40MTEtMC42MywxLjQtMS4zNzhjLTAuMDExLTAuNzI1LTAuNjMyLTEuMzI3LTEuMzgzLTEuMzM4DQoJCQljLTAuNzc0LTAuMDEzLTEuNDI1LDAuNi0xLjQzMSwxLjM0OUMxNC44MzUsNC43MDMsMTUuNDc5LDUuMzI3LDE2LjI1Myw1LjMyNHoiLz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGZpbGw9IiNjZDIzMjciIGQ9Ik0yLjEyNSw5LjU3NEwxLjIzNyw3LjY5MUMxLjE1NSw3LjUxOCwwLjkyNiw3LjM3NiwwLjcyOSw3LjM3NmgtMC4zN0MwLjE2Miw3LjM3NiwwLDcuMjIsMCw3LjAyOVY2Ljk1NA0KCQkJYzAtMC4xOSwwLjE2Mi0wLjM0NywwLjM1OS0wLjM0N2gwLjk1OGMwLjE5NywwLDAuNDMsMC4xNCwwLjUxNywwLjMxMmwxLjE4LDIuMzMxIi8+DQoJPC9nPg0KCTxlbGxpcHNlIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjY2QyMzI3IiBjeD0iNi40NzciIGN5PSIxOC4xNjEiIHJ4PSIxLjkwNiIgcnk9IjEuODM5Ii8+DQoJPGVsbGlwc2UgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNjZDIzMjciIGN4PSIxMS45NDMiIGN5PSIxOC4xNjEiIHJ4PSIxLjkwNiIgcnk9IjEuODM5Ii8+DQo8L2c+DQo8L3N2Zz4NCg==") no-repeat;
}

.global-action-header .dropdown-menu {
    text-align: center;
    z-index: 5000; /* Added to prevent navigation arrow overlap on dropdown menu -- Vivek 02/24/17 */
}

.global-action-header .dropdown-menu li {
    padding: 10px;
    cursor: pointer;
}

.global-action-header .dropdown-menu li span {
    /*padding: 10px;*/
    padding: 0px 7px 0px 7px;
    vertical-align: bottom;
}

.global-action-header .dropdown-menu li label {
    text-align: left;
    width: 87px;
    margin: 0;
    vertical-align: middle;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.global-action-header .dropdown-menu li#overflow {
    padding-left: 2px;
    text-align: center;
    margin-left: 6px;
    width: 72px;
}

/*Global Action Header Styles Ends Here*/

/*Sub Navigation Starts*/

.vertical-tabs .nav.tabs li {
    border: none;
    font-family: nhg-display-bold;
}

.vertical-tabs .nav.tabs li.active,
.vertical-tabs .nav.tabs li:hover,
.vertical-tabs .nav.tabs li.active a,
.vertical-tabs .nav.tabs li a:hover {
    border: none !important;
    background-color: #f7f7f7 !important;
    color: #CD040B;
}

.vertical-tabs .nav.tabs li.active:after {
    border: none;
}

.vertical-tabs .leftNavTop{
    float: none;
    margin: 0 auto;
}

.vertical-tabs .leftNavTop .subMenuDD{
    border-bottom: 2px solid #dad4d4;
}

.vertical-tabs .leftNavTop #SubMenu{
    list-style-type: none;
}

.vertical-tabs .leftNavTop #SubMenu .dropdown-label{
    width: 100%;
    display: block;
    font-family: "nhg-text-bold", arial, sans-serif;
}

/*Sub Navigation Ends*/

/* JM: Common Styles for Navigation and action header Ends
*/

/* Create Share css styles */

.createShare, .confirmationPopUp {
    max-width: 100vw;
}

.createShare input {
    padding: 11px 15px;
    width: 100%;
}

.createShare textarea#message_text {
    width: 100%;
    height: 100px;
}

.createShare .flex_row > span {
    color: #959595;
}

.createShare .flex_row {
    margin: 12px 0;
}

.createShare .dialog_error_text {
    margin: 0 auto;
    max-height: 485px;
}

.createShare .left-span {
    position: absolute;
    left: 15px;
    top: 11px;
}

.createShare .right-span {
    position: absolute;
    left: calc(100% - 70px);
    top: 11px;
}

.createShare .modal-body {
    max-height: 675px !important;
}

.createShare #dialog_body {
    max-height: 520px !important;
}

.createShare .margin {
    margin: 0px !important;
}

.createShare .linkAddress {
    margin: 30px 0px 19px 0px;
    background-color: #e8f6fe;
    padding: 8px;
}

.confirmationPopUp .createShare .linkAddress {
    margin: 30px 0px 0px 0px !important;
}

.createShare .linkAddress span#linkAddr {
    overflow-x: hidden;
    color: #4a90e2;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
}

.createShare .copyAddress {
    float: right;
    line-height: 1.5;
    letter-spacing: 0.5px;
    cursor: pointer;
    color: #000000;
    font-family: "nhg-display-bold", arial, sans-serif;
}

.createShare .copyAddress:after {
    font-family: "vz-icons";
    content: "\e61b";
    position: relative;
    top: 6px;
    font-size: 28px;
    color: red;

}

.createShare .flex_row {
    position: relative !important;
}

/* Select Share CSS styles */

.sharePopUp .modal-title {
    padding: 0 30px !important;
}

.sharePopUp #selectShare{
    position: relative;
}

.sharePopUp .optionsMsg {
    font-size: 14px;
}

.sharePopUp .disclaimer{
    font-size: 12px !important;
}

.sharePopUp .optionsMsg, .sharePopUp .disclaimer{
    margin: 8px 0 5px 0 !important;
    padding: 0 30px;
}

.sharePopUp #byLink {
    font-size: 30px;
    color: #cc2027;
    margin: 0 auto;
}

.sharePopUp #byLink #borderBottom {
    border-bottom: 1px solid #959595;
    width: 80%;
    position: absolute;
    left: 10%;
}

.sharePopUp #byLink ul, .sharePopUp #bySocialNetwork ul {
    padding: 10px 0 !important;
    margin: 0;
}

.sharePopUp #byLink ul li, #bySocialNetwork ul li {
    font-size: 14px;
    padding: 8px 0 8px 46px;
    color: #333333;
    list-style-type: none;
}

.sharePopUp #byLink ul li:hover, .sharePopUp #bySocialNetwork ul li:hover {
    background-color: #f6f6f6;
    cursor: pointer;
}

.sharePopUp .alignImg {
    position: relative;
    display: inline-block;
    top: 0px;
    left: 12px;
}

.sharePopUp .alignMid {
    display: inline-block;
    vertical-align: middle;
}

.sharePopUp .modal-body {
    /* max-height: 675px !important; */
    /* for eqkva - 58 */
    max-height: 400px !important;
    padding: 0 !important;
    width: 100%;
}

.sharePopUp #dialog_body {
    max-height: 450px !important;
    padding: 0;
}

.sharePopUp p.message {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* Copy link CSS styles */

.copyLink {
    max-width: 100vw;
}

.copyLink .linkAddress {
    margin: 10px 0px 19px 0px;
    background-color: #e8f6fe;
    padding: 8px;
}

.copyLink .linkAddress span#linkAddr {
    overflow-x: hidden;
    color: #4a90e2;
    display: inline-block;
    width: 100%;
    text-overflow: ellipsis;
}

.copyLink .thumbnail-img {
    margin-top: 57px;
}

.copyLink .copySuccess:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    background-color: #fff;
    color: #82ceac;
    border: 0px solid #fff;
    font-size: 22px;
    height: 28px;
    margin-right: 5px;
    border-radius: 12px;
}

.confirmationPopUp .modal-body {
    max-height: 470px ! important;
}

.confirmEmails {
    font-family: "nhg-display-bold", arial, sans-serif;
    padding-bottom: 20px;
}
/* hiding boostrap tooltip on mobile devices */
.touch .tooltip{
    display : none !important;
}

/* changes for share tab*/

#page_share div#count {
    font-family: nhg-text-roman, arial, sans-serif;
    color: #000000;
    margin-left: 10px;
}

#smallloader, #smallloader1 {
    z-index: 800;
}

/* Mozilla specific multiselect checkbox css */
@-moz-document url-prefix() {
    .checkbox-custom,
    .checkbox-custom-dialog,
    .checkbox-custom-all {
        z-index: 100 !important;
    }

    div.music_summary #selectAll input[type=checkbox] {
        z-index: 1 !important;
    }
    #page_contact.content .checkbox-custom,
    #page_contact.content .checkbox-custom-dialog,
    #page_contact.content .checkbox-custom-all {
        top: 4px;
    }

    .timeline_grid_menu .checkbox-wrapper {
        left: 4px;
    }

    #artist_list input[type='checkbox'][id='selectAllallPhotoGrid'] {
        width: 24px;
        height: 24px;
        z-index: 1 !important
    }
}

.load-font-Awesome {
    font-family: FontAwesome;
}

.checkbox-custom-label-part {
    position: relative;
    color: #333;
    line-height: 1.65;
    letter-spacing: 0.5px;
}

.checkbox-custom-label-part:before {
    content: "\f068" !important;
    font-family: 'FontAwesome';
    background: #CD040B !important;
    color: #fff;
    border: 2px solid #CD040B;
    font-size: 14px;
    height: 24px;
    margin-right: 0px;

}

/*JM:- TODO, cleanup below style to be put in appropriate blocks*/
/* Home page redesign styles START */

.div-carousel .slick-slide img {
    display: inline;
}

.div-carousel {
    position: relative;
    width: 100%;
}

.div-carousel .carousel-control.left,
.div-carousel .carousel-control.right {
    position: absolute;
    width: 59px;
    height: 59px;
    top: -9px;
}

.div-carousel .carousel-control.left {
    left: -17px;
}

.div-carousel .carousel-control.right {
    right: -22px;
}

.div-carousel .slick-list {
    position: relative;
    margin: 0 75px;
    overflow: hidden;
}

.separate-content {
    margin: 15px 0;
}

.div-music-wrapper {
    max-width: 150px;
}

.div-music-wrapper .desc-wrapper {
    background-color: #fff;
    padding: 5px 8px;
    height: 88px;
}

.music-carousel .pic-wrapper {
    height: 124px;
}

.inside-wrapper {
    width: 100%;
    text-align: center;
}

.inside-wrapper .pic-wrapper {
    position: relative;
    text-align: center;
    max-width: 90px;
    margin: 0 auto;
}

.inside-wrapper .pic-wrapper img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
}

.inside-wrapper .svg-icon {
    cursor: pointer;
    position: absolute;
    display: inline-block;
    line-height: 1;
    text-indent: -9999px;
    width: 21px;
    height: 25px;
    vertical-align: inherit;
    bottom: -4px;
    right: 8px;
}

.inside-wrapper .svg-icon.svg-icon-star-on {
    /*background: url(../../../images/contacts/icon-star-o-n.svg) 0px 0px no-repeat;*/
    /*background: url(../../images/contacts/assets_sprite.svg) -43px -420.5px no-repeat;*/
    background: url(../../images/contacts/assets_sprite.svg) -43px -420.5px no-repeat;
}

.inside-wrapper .fav-view-star {
    position: absolute;
    top: 30px;
    right: 18px;
}

.inside-wrapper .name-text {
    padding-top: 11px;
    text-align: center;
    font-family: nhg-text-bold, arial, sans-serif;
}

.ellipsis-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pic-wrapper .pic-src {
    width: 100%;
    height: 100%;
}

.div-carousel .music-carousel .carousel-control.left,
.div-carousel .music-carousel .carousel-control.right {
    top: 60px;
}

.b-shadow {
    position: relative;
}

.b-shadow:before, .b-shadow:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    -webkit-box-shadow: 0 15px 10px #777;
    -moz-box-shadow: 0 15px 10px #777;
    box-shadow: 0 15px 10px #777;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.b-shadow:after {
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto;
}

.music-carousel .div-tab-item {
    margin: 0px 4px;
    padding: 0;
    height: 227px;
}

.contact-carousel .div-tab-item {
    margin: 0px 4px;
    padding: 0;
}

.div-music-wrapper {
    margin: 0 auto;
}

/*.section-image {
    height: 150px;
}

.section-image img {
    max-width: 200px;
}*/

.homePrint a, .homeStorageMeter a, .homeMusic a, .homeContacts a, .homeStorage a {
    color: inherit;
}

.homePrint h3, .homeStorageMeter h3, .homeMusic h3, .homeContacts h3, .homeStorage h3 {
    font-size: 24px;
    color: black;
}

.section-image {
    /*redheadphones_Homepage.png*/
    background-image: url(../../images/redheadphones_Homepage.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-indent: -99999px;
    height: 168px;
    position: relative;
}

.section-image.no-content {
    background-image: url(../../images/redheadphones_nocontent.png);
}

.contact-section .section-image {
    background-image: url(../../images/contacts_homepage.png);
}

.contact-section .section-image.no-content {
    background-image: url(../../images/contacts_nocontents.png);
}

.section-image.empty-content-image {
    background-image: url(../../images/mobile_music_nocontent.png);
    height: 80px;
}

.no-content-contact .section-image.empty-content-image {
    background-image: url(../../images/mobile_contact_nocontent.png);
    height: 68px;
}

.no-content-contact, .no-content-music {
    height: 80px;
    display: none;
}

.carousel-section {
    padding-top: 5em;
}

.music-section .carousel-section {
    padding-top: 1em;
}

.homeContacts, .homeMusic, .homeStorage {
    padding-top: 2em;
    padding-bottom: 2em;
    position: relative;
}

.homeContacts .carousel .slick-slide,
.homeMusic .carousel .slick-slide {
    cursor: pointer;
}

.desc-wrapper .desc-title,
.desc-wrapper .desc-album,
.desc-wrapper .desc-genre {
    font-family: nhg-text-roman;
    font-size: 11px;
    color: #959595;
    margin-bottom: 3px;
}

.desc-wrapper .desc-title {
    color: #4b4b4b;
    font-size: 13px;
    margin-bottom: 10px;
}

.desc-wrapper .desc-title.more-link {
    padding-top: 25px;
    font-size: 16px;
}

.name-text.more-link {
    color: #0066CC;
}

.print_frame {
    position: relative;
    background: url('../../images/frame.png') no-repeat center;
    height: 169px;
}

.print_default {
    position: absolute;
    width: 33%;
    height: 39%;
    min-height: 39%;
    top: 7%;
    left: 31%;
}

.mplayer_new{
    position: fixed;
    bottom: 0px;
    /* height: 118px; */
    /*width: 100*/
    width: 90%;
    overflow: visible;
    max-width: 600px;
    z-index: 997;
}

.mplayer_new .mplayer_song_info{
    height: 58px;
    width: 100%;
    background-color: #d2d3d4;
}

.mplayer_new .mplayer_song_info .mplayer_album_thumbnail{
    width: 63px;
    height: 58px;
    float:left;
}

.mplayer_new .mplayer_song_info .mplayer_album_details{
    width: 75%;
    float: left;
    padding-left: 16px;
    padding-top: 11px;
}

.mplayer_new .mplayer_close_icon, .mplayer_new .mplayer_minimize_icon{
    position: relative;
    float: right;
    top: 6px;
    cursor: pointer;
    padding-right: 6px;
}

.mplayer_new .mplayer_song_meter{
    width: 100%;
    height: 5px;
    clear: both;
    background-color: #d2d3d4;
    cursor: pointer;
}

.mplayer_new .mplayer_song_controls{
    width: 100%;
    height: 57px;
    background-color: #595a5d;
}

.mplayer_new .mplayer_album_info{
    color: #333333;
    font-size: 12px;
    font-family: nhg-display-bold, arial, sans-serif;
    font-weight: 900;
}

.mplayer_new .mplayer_track_info{
    color: #4b4b4b;
    font-size: 10px;
    font-family: nhg-display-bold, arial, sans-serif;
}

.mplayer_new .mplayer_album_info, .mplayer_new .mplayer_track_info{
    margin: 0;
    line-height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.mplayer_new .play_controls{
    position: relative;
    padding: 23px 2% 0px 2%;
    height: inherit;
}
.mplayer_new .mplayer_btn_common{
    position: relative;
    float: left;
    vertical-align: bottom;
    cursor: pointer;
    z-index: 1200;
}

.mplayer_new .mplayer_btn_common:first-child{
    padding-right: 2.865%;
}

.mplayer_btn_padding{
    padding: 0 2.865%;
}

.mplayer_new .volume_options{
    padding: 0 13.889%;
}

.mplayer_new .mplayer_volume_bar{
    position: relative;
    top: 11px;
    float: left;
    width: 70px;
    background-color: #d2d3d4;
}

.mplayer_new .volume_options .mplayer_volume{
    width: 100%;
}

.mplayer_new .more_options{
    float: right !important;
    vertical-align: baseline;
    background-color: #fff;
    width: 23px;
    height: 23px;
    border-radius: 25px;
    overflow: hidden;
}

.mplayer_new #mplayer_selector{
    top:-127px;
    left:-145px;
}

.mplayer_new #mplayer_selector li{
    font-family: nhg-display-roman, arial, sans-serif;
    padding: 5px 15px;
    border-bottom : 1px solid #cccccc;
}
.mplayer_new #mplayer_selector li span{
    padding-right: 5px;
}

.mplayer_new .mplayer_duration{
    color: #fff;
    position: relative;
    font-size: 9px;
    float: right;
    padding-right: 5px;
    padding-top: 3px;
    font-family: nhg-display-roman, arial, sans-serif;
}

.mplayer_spinner{
    position: absolute;
    top: 3px;
    left: 3px;
    float: left;
}

.mplayer_new .mplayer_scrubber_img{
    top: -8px !important;
    margin-left: -10px !important;
}

.mplayer_new.mini_player{
    width: 20%;
    min-width: 273px;
}

.mplayer_new.mini_player .mplayer_song_meter, .mplayer_new.mini_player .mplayer_song_controls{
    display: none !important;
}

.mplayer_new.mini_player .mplayer_album_details {
    width: 60%;
}

.mplayer_new .more_options_icon{
    height:23px;
    width:23px;
    display:inline-block;
}

.mplayer_new .padding-right-10{
    padding-right: 10px !important;
}
.mplayer_new .padding-left-10{
    padding-left: 10px !important;
}
.mplayer_new img#playpauseIMG{
    width: 17px;
    height: 21px;
}

.music-playlist p.message div.dialog_text_centre{
    margin : 0 4%; /* Fall back css */
    margin-left : calc(((100% - 245px) - 8%)/2) !important;
    margin-right : calc(((100% - 245px) - 8%)/2) !important;
}

@media screen and (min-width: 1024px)
{
    .contactInfoAdd
    {
    width: 193px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }

  #add-to-group{
  margin-left: -21px ;
}
}

@media screen and (max-width: 767px) {

 #fix111{
		display: none;
	}

}

@media screen and (min-width: 320px) and (max-width: 767px)
{
  .handle-favorite{
    position: absolute;
      left: 0px;
      top: 40px;
  }

   #add-to-group{

    position: absolute !important;
      left: 0px  !important;
      top: 65px  !important;

  }

  #page_contact #contacts_group-list-individual .row.search-group {
      margin-left: 31px !important;
  }

}

/*media screen added  for verbiage*/

@media only screen and (max-width: 767px) {
 		.homeStorageMeter{
    margin-left: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .homeStorageMeter {
    width: 100% !important;
  }
}


/* IE fix for Print Thumbnail position - Vivek */
@media all and (-ms-high-contrast: none) {
    .print_default {
        height: 40%;
        min-height: 40%;
        top: 6%;
    }

    /* IE10 */
    *::-ms-backdrop, .print_default {
        height: 40%;
        min-height: 40%;
        top: 6%;
    }

    .file_path_container .file_path_part {
        padding-top: 15px;
    }

    /* IE11 */
}

.print_text {
    position: relative;
    right: 50px;
}

.fuji {
    background-color: #f0f5f7;
}

.fuji_text {
    text-align: center;
    margin-bottom: 10px;
}

.print_right {
    padding-right: 0;
}

.homePrint {
    cursor: pointer;
    padding: 0;
}

.contact-section-header,
.music-section-header {
    margin-top: 2em;
}

.no-content-wrapper .no-content-message * {
    font-family: nhg-display-bold, arial, sans-serif;
}

.no-content-wrapper .no-content-message {
    padding: 10px;
}

.no-content-wrapper .no-content-message .message-red {
    font-size: 2.3em;
    white-space: nowrap;
}

.no-content-wrapper .no-content-message .message-black {
    font-size: 1.8em;
    white-space: normal;
    padding: 0 4em;
}

.no-content-wrapper .no-content-message .message-black.nopadding {
    padding: 0;
}

.separate-content .no-content-wrapper {
    /*background-image: linear-gradient(to right, #333 40%, rgba(149, 149, 149, 0.57) 20%);
    background-size: 20px 1px;
    background-repeat: repeat-x;*/
    padding: 20px 5px;
    border: 2px dashed #959595;
    /*min-height: 250px;*/

}

.no-content-wrapper .no-content-image-wrapper {
    width: 100%;
    overflow: hidden;
}

.no-content-wrapper .no-content-image {
    background-image: url(../../images/Gears_Web.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-indent: -99999px;
    height: 106px;
    position: relative;
    top: 36px;
}

.music-section .bg-color-sec {
    background-color: #f7f7f7;
}

/*.no-content-image img.settings-img{
    width: 100%;
    height: 100%;
}*/

/* Home page redesign styles END */

/*Use the following Media Queries only for multiple viewports, introduce if and only if
the device ratio is not falling under following cases, write justification in front of that too*/

@media screen and (max-width: 768px) {

    .appStoreSpacing {
       margin-right: 55px;
    }

    .video_detail_holder #play_icon{
        left: 60%;
        top: 56%;
    }

    .print_default {
        top: 6%;
        left: 34%;
        width: 34%;
        min-height: 40%;
    }

    .homePrint {
        padding: 15px;
        background-color: #FFF;
    }

    .print_text {
        text-align: justify;
        margin-left: 15%;
        margin-right: 15%;
    }

    .print_right {
        margin-top: 15px;
    }

    .vz-modal .modal-content {
        max-width: 100vw;
        /*JM:- Need not give width here*/
    }

    .headermenuicon-hide {
        visibility: hidden;
    }

    /*#help-feedback.helpClose {
        left: 93.5%;
    }

    #help-feedback.helpOpen {
        left: 32.5%;
    }*/
    #help-feedback {
        width: 261px;
    }

    #share_grid_view .photo_cell {
        width: 280px;
        height: 280px;
    }

    .homeStorage .gear_icon {
        background: url("../../images/Gears_Mobile.png") no-repeat center center;
        margin-top: 0px;
    }

    .homeStorage .gear_icon h3 {
        margin-top: 90px;
    }

    .homeStorage .error_text .reload_btn {
        margin-left: 85px;
    }

    .homeStorage .storage_error_state .error_text .text_red {
        text-align: center;
        padding-top: 20px;
    }

    .homeStorage .storage_error_state .error_text .text_black {
        font-size: 18px;
    }

    #nf_list_photo .hint {
        height: 100px;
        width: 300px;
        font-size: 20px;
        margin-left: 30px;
    }

    #nf_list_photo .hint span {
        font-size: 12px;
    }

    div#search_closed {
        display: none !important;
    }

    .content {
        display: block;
    }

    .menu_icons .music_player_btn {
        display: block;
    }

    #page_documents .small_screen_col {
        display: block;
    }

    #page_documents .secondary_col {
        display: none;
    }

    /* Added for small size menu dropdown position. - DONOT remove */
    .music_songscr_li {
        position: relative;
    }

    .music_sublist_li .menu_container {
        top: -1px;
    }

    .music_songscr_li:nth-child(odd) .menu_container,
    li.music_songscr_li:nth-child(even) .menu_container {
        right: -3px !important;
    }

    .menu_container {
        min-width: 40px;
    }

    /*Search related fix for mobile devices [JM] - Starts*/
    /*    .hidden-xs {
            display: none !important;
        }*/
    #gSearchbox {
        position: relative;
        top: -10px;
        /*display: block;*/
    }
    #gSearchbox #search_open {
        padding-left: 27px;
    }
    #gSearchbox .alert {
        margin-left: 25px;
    }
    #gSearchbox .remove-icon {
        left: 74%;
    }
    .storage_alert {
        background: #facdd0 !important;
    }

    .homeNoPhoto {
        height: 321px;
    }

    .homeNoPhoto .pop_container {
        width: 100%;
    }

    .homeNoPhoto .nocontent_popup {
        width: 322px;
        height: 272px;
        float: none;
        margin: 0 auto;
    }

    .homeNoPhoto .nocontent_popup .message_red {
        margin-top: 20px;
        font-size: 34px;
        line-height: 40px;
        margin-left: 13px;
        width: 299px;
        height: 100px;
    }

    .homeNoPhoto .nocontent_popup .message_black {
        width: 250.2px;
        height: 50px;
        font-size: 18px;
        margin-top: -20px;
        margin-left: 30px;
        line-height: 25px;
    }

    .homeNoPhoto .nocontent_popup .homeuploadBtn {
        margin-top: 30px;
    }

    .homeNoPhoto {
        background-size: 100% 100% !important;
        height: 321px;
    }

    .topnav_bargraphs {
        /* width: 285px; /* Defect ID 1683 Albert */
        width: 100%;
        position: relative;
        /* top: 34px; */
        left: 0px;
        /*height: 1px;*/
        height: 260px;
        /* top: 9px;*/
        background: #f6f6f6;
    }

    #storageCircle {
        margin-left: 0px;
    }

    .topnav_bargraphs .sCircle {
        display: block;
        position: absolute;
        margin-left: calc(50% - 100px);
    }

    .topnav_bargraphs #asTxt {
        margin-left: calc(50% - 40px);
    }

    #stTxt {
        margin-left: calc(50% - 35px);
        margin-top: -40px;
    }

    #storageCircle .icon_alert {
        margin-top: 50px;
        margin-left: -25px;
    }

    div#search_closed {
        top: 8px;
        left: 5px;
        display: none;
    }

    div#search_open {
        display: block !important;
    }

    .searchTop3LiImg {
        height: 19px;
    }

    .topnav_right #download_setting {
        display: none;
    }

    #help_setting {
        /*right: 10px;*/
        right: -95px; /*JM:- Fixing Mobile Header*/
        top: -23px;
    }

    .topnav_right .btn_feedback {
        left: 270px;
        top: -19px;
        float: left;
        position: relative;
    }

    .topnav_right .btn_ask {
        /*left: 150px;
        float: left;
        position: relative;
        */
        left: -73px;
        float: right;
        position: relative;
        max-width: 223px;
    }

    /*#helpView .vertical-align-center {
        width: auto;
        height: 100%;
    }

    #helpView .modal-title {
        margin-top: 10px;
    }*/
    .topnav_bargraphs .btn_upgrade {
        top: -26px;
        left: 300px;
        float: none;
        width: 90px;
    }

    .settings_feedback_right {
        height: 208px !important;
    }

    .trash_list, .trash_contacts {
        top: -14px !important;
    }

    #page_contact.content .no-contact-images {
        margin-left: 15% !important;
    }

    #photoCarousel.carousel .carousel-navigation {
        display: none;
    }

    #photoCarousel.carousel .carousel-nav-collapse {
        display: none;
    }

    #photoCarousel.carousel .carousel-inner .left, #photoCarousel.carousel .carousel-inner .right {
        top: 13%;
        display: block;
    }

    .photoTimelineCarousel {
        max-height: 377px;
    }

    #photoCarousel.carousel .carousel-inner .left {
        left: 0;
    }

    #photoCarousel.carousel .carousel-inner .right {
        right: 0;
    }

    .photoTimelineCarousel .carousel-inner .item {
        background-position: 38% 19% !important;
        background-size: contain !important;
    }

    /*Search related fix for mobile devices [JM] - Ends*/
    /* CONTACT & MUSIC styles START */
    .music-carousel .div-tab-item {
        height: 255px;
    }

    .music-carousel .pic-wrapper {
        height: 150px;
    }

    .homeMusic {
        background-color: #fff;
    }

    .contact-section {
        margin-bottom: 15px;
    }

    .music-section .carousel .carousel-control .glyphicon {
        background-color: #F6F6F6;
    }

    /*.contact-section .carousel .carousel-control .glyphicon {
        background-color: #BBB;
    }

    .contact-section .carousel .carousel-control .glyphicon:hover {
        background-color: #959595;
    }*/
    .no-content-wrapper .no-content-image {
        background-image: url(../../images/Gears_Mobile.png);
        top: 0;
        height: 50px;
    }

    .separate-content .div-carousel .carousel-control.left {
        left: 22px;
    }

    .separate-content .div-carousel .carousel-control.right {
        right: 7px;
    }

    .separate-content .div-carousel .music-carousel .carousel-control.right,
    .separate-content .div-carousel .contact-carousel .carousel-control.right {
        right: 20px;
    }

    .homeContacts, .homeMusic {
        padding-bottom: 0;
        padding-top: 0;
    }

    .no-content-wrapper .no-content-message {
        text-align: center;
    }

    /*.separate-content.music-section{
        background-color: #fff;
    }*/
    .pad-top-xs {
        padding-top: 10px;
    }

    .no-content-wrapper .no-content-message .message-black {
        padding: 0;
    }

    .separate-content .no-content-wrapper {
        margin: 0 15px;
    }

    .no-content-contact, .no-content-music {
        display: block;
    }

    .section-image {
        /*redheadphones_Homepage.png*/
        background-image: url(../../images/mobile_music.png);
        height: 75px;
        margin-left: 1px;
    }

    .contact-section .section-image {
        background-image: url(../../images/mobile_contacts.png);
        height: 61px;
    }

    .music-section-header,
    .contact-section-header {
        height: 100px;
    }

    .music-section-header,
    .contact-section-header {
        position: relative;
    }

    .music-section-header h3,
    .contact-section-header h3 {
        position: absolute;
        text-align: center;
        /* margin: auto 39%;*/
        left: 41.2%;
        bottom: -8px;
    }

    .contact-section-header h3 {
        left: 36.7%;
    }

    .contact-section .carousel-section {
        padding-top: 1.5em;
    }

    .carousel .music-carousel .carousel-control .glyphicon,
    .carousel .contact-carousel .carousel-control .glyphicon {
        width: 38px;
        height: 38px;
        line-height: 36px;
    }

    .contact-carousel .inside-wrapper .pic-wrapper img {
        width: 75px;
        height: 75px;
        margin-left: 13px;
    }

    #page_thirdPartyApp iframe {
        width: 90% !important;
    }
    .global-action-header .nav li.dropdown {
          /* padding: 1px 0px; */
    }
    .globalFixheader{
        top: 109px;
    }

    /* CONTACT & MUSIC styles END */
}

/*@media screen and (max-width: 768px) and (orientation: landscape) {
    .music-section-header h3
    {
        left: 46%;
    }
    .contact-section-header h3{
        left: 43.5%;
    }
}*/

/*need help fix for mobile view*/

@media screen and (min-width:360px) and (max-width:767px){
 #help-feedback{
   top:411px;
 }
}


@media screen and (min-width:768px) and (max-width:1028px){
 #help-feedback{
   top:570px;
 }
}

/* CONTACT & MUSIC styles START */
@media screen and (max-width: 1023px) {
    /* STYLES FOR MOBILE AND IPAD */
    .music-carousel .div-tab-item {
        height: 255px;
    }

    .music-carousel .pic-wrapper {
        height: 150px;
    }

    .contact-section-header,
    .music-section-header {
        margin-top: 10px;
    }

    .subNavFixheaderTop {
        /*top: 64px;*/
        top: 68px;
        z-index: 998;
        position: fixed;
        width: 87%;
        background: white;
        padding-left: 13px;
        /*padding-top: 7px;*/
        padding-top: 9px;
        left: 16px;
    }
    .vertical-tabs .subNavFixheaderTop .subMenuDD{
        border-bottom: none;
    }
}

@media screen and (min-width: 321px)  and (max-width: 360px)
{
 .right {
   margin-top: -23px;
 }
}

@media screen and (min-width: 361px) and (max-width: 375px)
{
 .right {
   margin-top: -6px;
 }
}


/* CONTACT & MUSIC styles END */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .col-md-4.print_left {
        width: 26.8888%;
    }

    .print_order {
        display: table;
    }

    .print_left, .print_right {
        background-color: white;
        float: none;
        display: table-cell;
        vertical-align: bottom;
        padding-left: 0px;
    }

    .print_right {
        padding-left: 0px;
    }

    .fuji {
        width: 510px;
    }

    #share_grid_view .photo_cell {
        margin-left: 0px;
    }

    header .navbar.navbar-default .navbar-collapse {
        /*margin-top: 40px;*/
        padding-left: 0;
    }

    /*#help-feedback.helpOpen {
        left: 63.5%;
    }*/
    #nf_list_photo .hint {
        height: 180px;
    }

    #upload {
        /*JM: Need to check on different screens*/
        /*float: none !important;
        display: block;
        clear: both;*/
        margin-bottom: 12px;
    }

    .vz-modal .modal-content {
        width: 451px;
        /*JM:- Need not give width here*/
    }

    a.to-top {
        right: 1px;
    }

    .dialog_popup {
        bottom: 40%;
    }

    #multiTrash.contacts_multi_icon {
        left: -114px !important;
    }

    header .navbar > .container {
        min-height: inherit;
    }

    .feedback {
        /*---Defect ID: 2135---Albert---Handles bottom property for feedback modal in landscape for tablets---*/
        bottom: 15% !important;
    }

    .btn_upgrade {
        top: -21px;
        left: -295px;
    }

    .topnav_right .btn_upgrade_feedback {
        left: -16px;
    }

    .topnav_right .btn_ask {
        /*left:500px;
        float:left;
        position:relative;*/
        /*JM:- Changing for header fix in iPad Mode*/
        left: -59px;
        float: right;
        position: relative;
    }

    div#search_closed {
        top: 8px;
        left: 5px;
        display: none;
    }

    div#search_open {
        display: block !important;
    }
    #gSearchbox .alert{
    margin-left : 13px;
    }
    .search_dropdown {
        margin-top: 40px;
        width: 598px;
    }

    .search_expanded {
        width: 598px;
    }

    #gSearchbox .glyphicon-search {
        left: 95%;
    }

    /*.search_dropdown {
        position: absolute;
        *//*right: 4px;*//*
        width: 210px;
        min-height: 60px;
        background-color: #f8f8f8;
        z-index: 500;
        margin-top: -22px;
    }*/
    .searchTop3LiImg {
        height: 19px;
    }

    .topnav_right #download_setting {
        display: none;
    }

    #help_setting {
        float: right;
        postition: relative;
        top: -24px;
        /*right: 50px;*/
        right: -111px; /*JM:- Changing for header fix in iPad Mode*/
    }

    .settings_feedback_right {
        height: 208px !important;
    }

    .content {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .item_li {
        display: inline; /* 4 items per line can fit */
        float: left;
        overflow: hidden;
        width: auto;
        border: none;
    }

    .item_summary_li {
        display: inline; /* 2 items  per line can fit */
        float: left;
        overflow: hidden;
        width: 48%;
    }

    .topnav_bargraphs {
        width: 270px; /* Defect ID 1683 -Albert- */
        /* top: 7px;*/
        position: absolute;
        height: 275px;
        left: auto;
        right: 0px;
    }

    .topnav_bargraphs #asTxt {
        margin-left: 35%;
    }

    .photo_wide_cropped {
        width: 37%;
    }

    .mplayer_btn {
        top: 0px;
        cursor: pointer;
    }

    .mplayer_track_name {
        top: 0px;
    }

    .mplayer_btn_img {
        padding-top: 13px;
        padding-left: 5px;
        padding-right: 5px;
        height: 35px;
    }

    .mplayer_album_name {
        display: inline-block;
        width: 152px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mplayer_meter_container {
        width: 70%;
        margin-left: 15%;
    }

    /* BP commented out -- was adversely effecting position of times
 * .mplayer_location_times {
    top:-13px;
}*/
    .dialog_tall_popup {
        width: 400px;
        margin-left: -200px;
    }

    .dialog_export_list {
        width: 360px;
    }

    .dialog_sentence {
        width: 90%;
    }

    .btn_upgrade {
        /*top: -21px;*/
        /*
        Vikash. Fix to reposition upgrade button as search box will be shown all the time
        in the desktop. For Mobile there will be no change
    */
        /*  top : -15px;
    left : -215px;
*/
        /*Commenting class due to home page restructing - [JM]*/
    }

    .search {
        top: 0px;
    }

    /*
    .search_expanded {
        top: -35px;
        /*width: 205px;
        width: 219px;
    }*/
    .search_collapsed {
        /*top:-35px;*/
    }

    /*    .search_box {
            width: 165px;
            background: transparent;
            border: 0;
            border-radius: 5px;
            outline: 0;
            overflow: hidden;
            font-family: arial, helvetica, sans-serif;
            float: left;
            margin: 0;
            /*padding: 15px 0 10px 10px;
            font-size: 12px;
            width: 152px;
            color: #6d6e71;
            /*height: 15px;
        }
    */
    /* month poicker search box - Ponmudi - start */
    .search_box#searchBoxFrom,
    .search_box#searchBoxTo {
        width: 77px;
    }

    .search_box#searchBoxFrom {
        float: left;
        margin-right: 10px;
    }

    .ui-datepicker {
        width: 117px !important;
        background: none repeat scroll 0 0 #EEEEEE;
    }

    /*    /* month poicker search box - Ponmudi - end
        .search_dropdown {
            margin-top: 35px;
        }
    */
    .dialog_autoheight_popup {
        width: 360px;
        margin-left: -180px;
    }

    .dialog_autoheight_list {
        max-height: 400px;
    }

    .topnav_pulldown {
        font-size: 15px;
        height: 34px;
    }

    .dialog_gname {
        font-size: 12px;
    }

    .dialog_link {
        font-size: 12px;
    }

    .dialog_pulldown {
        font-size: 12px;
    }

    .dialog_font {
        font-size: 12px;
    }

    .dialog_big_font {
        font-size: 14px;
    }

    .styled-select {
        font-size: 18px;
        padding-top: 0px;
    }

    .topnav_filters {
        font-size: 18px;
        left: -7px;
        top: 0px;
    }

    .topnav_subheaders {
        clear: none;
        top: 0px;
        margin-left: 25px;
    }

    .topnav_counter {
        left: 97px;
        top: -19px;
    }

    .styled-select-mplayer {
        top: 11px;
    }

    .mplayer_shuffle {
        display: inline-block;
    }

    .provision_header_1 {
        font-size: 14px;
        left: 55px;
        top: 12px;
    }

    .provision_header_2 {
        font-size: 16px;
        left: 55px;
        margin-top: 16px;
        position: absolute;
        top: 15px;
    }

    .provision_details {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        font-size: 12px;
        font-weight: normal;
        left: 10px;
        position: absolute;
        top: 50px;
        width: 60%;
    }

    .provision_icon {
        width: 40px;
        height: 40px;
        position: absolute;
        left: 10px;
        top: 10px;
    }

    .provision_button {
        position: absolute;
        left: 15px;
        bottom: 15px;
        width: 120px;
    }

    .provision_info {
        padding-left: 15px;
        padding-top: 17px;
        font-size: 13px;
    }

    .provision_date {
        font-size: 13px;
    }

    .provision_top {
        padding-left: 20px;
        padding-top: 7px;
        font-size: 13px;
        font-weight: bold;
        width: 450px;
    }

    .provision_contact_icon {
        margin-left: 15px;
    }

    .terms_details {
        width: 66%;
    }

    .dialog_slist_li {
        font-size: 12px;
    }

    /* Added by mithun*/
    .mplayer_track_name.truncate {
      /*   width: 408px; */
        /*Claude G. changed from 450px to 428px because repeat button was moving down
      because width of track name was running into its space in portrait mode on iPad */
    }

    /*Search related collapse button for tablet [JM]- Starts*/
    .search_collapsed {
        margin-top: 3px;
        left: 5px;
        position: relative;
    }

    /*Search related collapse button for tablet [JM]- Ends*/
    /** VA :- setting top to 10 for mobile and tablets and 100 to desktop. Changing only for mobile/tablets; **/
    .dialog_tall_popup {
        top: 100px;
    }

    .menu_icons .menu_item {
        width: 18px;
        height: 18px
    }

    .menu_icons .menu_item .glyphicon {
        font-size: 16px;
    }

    /*For Ipad - To fix document menu icons */
    .menu_item.submenu {
        width: 100%;
        height: inherit;
    }

    #photoCarousel.carousel .carousel-navigation {
        display: none;
    }

    #photoCarousel.carousel .carousel-nav-collapse {
        display: none;
    }

    #photoCarousel.carousel .carousel-inner .left, #photoCarousel.carousel .carousel-inner .right {
        top: 30%;
        display: block;
    }

    #photoCarousel.carousel .carousel-inner .left {
        left: 0;
    }

    #photoCarousel.carousel .carousel-inner .right {
        right: 0;
    }

    .photoTimelineCarousel .carousel-inner .item {
        background-position: 30% 36% !important;
    }

    /* CONTACT & MUSIC styles START */
    /*.table-row.row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

    .table-row.row > [class*="col-"] {
        display: flex;
        flex-direction: column;
    }*/
    .homeContacts {
        background-color: #fff;
    }

    .contact-section .carousel-section {
        padding-top: 6em;
    }

    .contact-section-header,
    .music-section-header {
        margin-top: 10px;
    }

    .no-content-wrapper .no-content-image {
        background-image: url(../../images/Gears__Tablet.png);
        top: 0px;
        height: 116px;
    }

    /*.separate-content .no-content-wrapper{
        height: 475px;
    }*/
    .homeContacts, .homeMusic {
        padding-bottom: 0;
        padding-top: 0;
    }

    .pad-top-xs {
        padding-top: 21px;
    }

    .no-content-wrapper .no-content-text-head {
        position: relative;
        right: 1em;
    }

    .no-content-wrapper .no-content-message {
        text-align: center;
    }

    .homeNoPhoto .nocontent_popup {
        margin-right: 20px;
        margin-top: -30px;
        width: 322px;
        height: 266px;
    }

    .homeNoPhoto {
        background-size: 100% 100% !important;
        height: 367px;
    }

    .homeNoPhoto .nocontent_popup .message_red {
        margin-top: 20px;
        font-size: 34px;
        line-height: 40px;
        margin-left: 13px;
        width: 299px;
        height: 100px;
    }

    .homeNoPhoto .nocontent_popup .message_black {
        width: 250.2px;
        height: 50px;
        font-size: 18px;
        margin-top: -20px;
        margin-left: 30px;
        line-height: 25px;
    }

    .homeNoPhoto .nocontent_popup .homeuploadBtn {
        margin-top: 30px;
    }

    .no-content-wrapper .no-content-message .message-black {
        padding: 0;
    }

    .no-content-contact, .no-content-music {
        height: 80px;
        display: block;
    }

    .separate-content .no-content-wrapper {
        margin-left: 0;
        margin-right: 0;
    }

    /* CONTACT & MUSIC styles END */

    .globalFixheader {
        top: 110px;
    }
}

@media (min-width: 768px){
    header .navbar.navbar-default .navbar-collapse {
        margin-top: 40px;
    }
}

@media (max-width: 480px){
    #Download_notification_bar{
        height: 120px;
        padding-top: 5px;
    }
    #notification_bar .closeBtn, #Download_notification_bar .closeBtn{
        right: 18px;
        top: 18px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
    .table-row.row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
    }

    .table-row.row > [class*="col-"] {
        display: flex;
        flex-direction: column;
    }

    .homeContacts,
    .homeMusic {
        padding: 0;
    }

    .homeMusic {
        background-color: #f7f7f7;
    }

    .homeContacts {
        background-color: #fff;
    }

    .contact-carousel .inside-wrapper .pic-wrapper img {
        width: 75px;
        height: 75px;
    }

    .music-section .carousel .carousel-control .glyphicon {
        background-color: #fff;
    }

    .music-section .carousel .carousel-control .glyphicon:hover {
        color: #fff;
    }

    .music-section .carousel .carousel-control .glyphicon:hover,
    .music-section .carousel .carousel-control .glyphicon:focus,
    .music-section .carousel .carousel-control .glyphicon:active {
        background-color: #959595;
    }

    .music-section-header,
    .contact-section-header {
        height: 100px;
    }

    .no-content-wrapper .no-content-message .message-black {
        height: 120px;
    }

    .no-content-wrapper .no-content-message {
        padding: 0;
    }

    .div-carousel .music-carousel .carousel-control.left,
    .div-carousel .music-carousel .carousel-control.right {
        top: 83px;
    }

    .div-carousel .contact-carousel .carousel-control.left,
    .div-carousel .contact-carousel .carousel-control.right {
        top: 15px;
    }

    .contact-section .carousel .carousel-control .glyphicon {
        background-color: #F8F9F9;
    }

    .contact-section .carousel .carousel-control .glyphicon:hover {
        background-color: #959595;
    }

    .section-image {
        /*redheadphones_Homepage.png*/
        background-image: url(../../images/mobile_music.png);
        height: 80px;
    }

    .contact-section .section-image {
        background-image: url(../../images/mobile_contacts.png);
        height: 68px;
        margin-left: 14px;
    }

    .music-section-header,
    .contact-section-header {
        position: relative;
    }

    .music-section-header h3,
    .contact-section-header h3 {
        position: absolute;
        text-align: center;
        left: 43%;
        bottom: -8px;
    }

    .contact-section-header h3 {
        left: 38%;
    }

    .separate-content .no-content-wrapper {
        height: 385px;
    }

    .photoTimelineCarousel {
        max-height: 583px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: landscape) {
    .create_prints {
        left: 75%;
    }

    /*#help-feedback.helpClose {
        left: 95.4%;
    }

    #help-feedback.helpOpen {
        left: 72.5%;
    }*/
     .search_expanded {
    left: 18px;
    }
    header .navbar .navbar-header {
        margin-top: 10px;
    }

    #upload {
        margin-top: 6px;
    }

    #page_contact.content .contactFixheader {
        top: 94px !important;
    }

    .getprints {
        left: 94px;
        bottom: 63px;
    }

    .prints_angle {
        left: 149px;
        bottom: 55px;
    }

    .separate-content .div-carousel .music-carousel .carousel-control.left {
        left: -19px;
    }

    .separate-content .div-carousel .music-carousel .carousel-control.right {
        right: -22px;
    }

    .homeContacts {
        background-color: #f7f7f7;
    }

    .music-carousel .pic-wrapper {
        height: 124px;
    }

    .no-content-contact, .no-content-music {
        display: none;
    }

    .no-content-wrapper .no-content-message .message-black {
        padding: 0 4em;
    }

    .globalFixheader {
        top: 94px;
    }
    /*JM: TODO: Need to revisit*/
    header .navbar.navbar-default .navbar-collapse li.dropdown:hover ul.dropdown-menu{
        display: none;

    }

}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .print_default {
        left: 33%;
    }

    .dialog_popup {
        bottom: 40%;
    }

    .content {
        display: block;
    }

    div.tcChat-fixed-c2c-busy {
        margin: 14px 0 0 !important
    }
    /* Added to fix Defect 3192 Issue#12  -- Vivek 3/1/17*/
    .mplayer_track_name.truncate {
        overflow: hidden;
        width: 19%;
    }
}

@media screen and (max-width: 767px) {
    .print_order {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column;
        flex-flow: column;
        flex-direction: column;
    }

    .print_left {
        -webkit-order: 2;
        order: 2;
    }

    .print_right {
        -webkit-order: 1;
        order: 1;
    }

    .content {
        padding-bottom: 0;
        margin-bottom: 0;
        width: 91%;
        margin-top: 33px; /* Defect ID 1683 -Albert- */
    }

    #page_home.content {
        width: 99%;
    }

    #help-feedback {
        /*  top: 281px;*/
    }

    /*#help-feedback.helpClose {
        left: 90.5%;
    }*/
    .music_popup {
        left: 0 !important;
    }

    #help-feedback.helpClose li.help {
        /*background-position: -5px top;*/
    }

    .btn_back2top {
        cursor: pointer;
        position: fixed;
        bottom: 20px;
        right: 3px;
        z-index: 7000;
        width: 44px;
        height: 44px;
        backface-visibility: hidden;
    }

    .dialog_popup {
        bottom: 20%;
    }

    .sidebar_slider, .dummy_siderbar {
        /*top: 108px;*/
    }

    button.tcChat-fixed-c2c-available-breadcrumb {
        bottom: 50px;
        position: fixed;
        margin-left: 35%;
        border: none;
    }

    div.tcChat-fixed-c2c-busy {
        border: medium none;
        bottom: 50px;
        margin-left: 40% !important;
        padding: 0;
        position: fixed;
    }

    #upload {
        bottom: 0;
        position: fixed;
        width: 100%;
    }

    #navbar {
        /*position: fixed;
        top: 130px;
        right: 0;
        height: 100% !important;*/
        /*padding-bottom: 92%;*/
        padding-bottom: 100%;
    }

    #navbar {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .activeMobileMenuContainer {
        display: block !important;
        text-align: center;
        line-height: 64px;
        position: relative;
        color: #fff;
        font-size: 20px;
        font-family: nhg-text-bold, arial, sans-serif;
    }

    header .navbar {
        width: 100%;
    }

    header .navbar.navbar-default .navbar-collapse {
        background-color: #fff !important;
    }

    header .navbar .navbar-header .navbar-toggle {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAYAAAChWZ5EAAAAAXNSR0IArs4c6QAAAotJREFUSA1jPMvC/Z+BSMAqK8Mglp3JwOfmzMCuoszAwMTE8P3iZYYvh48yvJo6neH34ydEmoRQxkisA0TSkhlk+rsZmNjYELqRWP9//2Z4VtfI8LJnApIoYSZzOhNbAyFlIplpDHJTJjAwMjPjVAqS43NxYmBgYWH4cuAgTnXoEgRDgF1ZiUHz/EkGJk5OdL04+bec3MHRglMBkgQTEhsrUzQ7gyTLQYZI1tdgNQubIH4HMDIyCIYEYdOHV4zX3paBQ1sLnEjxKgRKYkQBr6MDg2BkGAOXsSEDq6goA6ukBCEzcMr///sXGBVHGJ43dzB8OXQYqzq4A1ilJBnk581k4HMGJiQqA5BD7oVFM3zctAXDZLADWGWkGdT27mBgV1LEUEAtgd/PXzBcVlRnYAA6BhmA04DCgtk0tRxkISgquc1Nke0Gs5kEggIYeO3tMCRoISAcG83AoamBavS7tev/0xP8+/fv//P27v+gEhhcCv96/oKe9sPtup+QAnYAEyMHO2qQ0IknXlwAtonp39dvdLIS1RpOHW0GRlZWBqavx46jytCJ9+fdOwZQDcr0YfM2OlmJas238xcgAmdZef5/u3QZnjjowfj748f/GzaO4EQILgk5DfUZVHduYWARFER1JhV4oBLw24WLkILu/3+GbxcvMbzqm8jw7RwkBOB1AaeBHoPSiiUMoPqfmuBuYBjDxy24oxnuALClwOoXVDKCWjbMggIMjMDm14+r1xk+boUYoLhyKQMbsNJCBz9u32F4EJvIwOvsyCAYFgr0rQLDz/sPGF40tzN82LAJXTkKH9UBKFKYHGYBAQax/BygI/0Z2ORkGf68fMXwbvkqhlcTJjP8/fgRUwMRIgAv7RF41s5epAAAAABJRU5ErkJggg==");
        background-position: 18px 15px;
        padding-bottom: 1px;
    }

    header .navbar.navbar-default .navbar-collapse .navbar-nav li.icon_link_active a {
        border-bottom: none;
        background: #e4e5e3;
    }

    header .navbar.navbar-default .navbar-collapse .navbar-nav li.icon_link_active a:before {
        content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAAXNSR0IArs4c6QAAATtJREFUKBVjfPL08X8GEsD///8ZGBkZGZiI1fP/2zeG97EpDK8UNBm+TprOwEiMjWBNcakMv0+fBdvDoijPwELIxv9fvzK8j0th+H3mPFwpR3goA9Ovo8cZPiRnMnxfuRYuAWP8//KF4X1MEoomrrQkBu7MFAbG83Iq//89ew5Wy1NZwsCdkQJm///8GagpmeH3hUswcxi4MpIZeCtLwXwWFhVlhl9QjV/ae4AhxsTAERnC8AGk6eJluCaQLTwVJXA+4+Mrl/6/j0xg+H39JlyQSUqC4d+zF3A+d3YaA09ZEZwPYjAxCgoyCC5fwMCioQ6XQNGUm4GhCawRREA0z2dgUVeDawYxuPOzGHhKClDEYBx4AmASEmIQXLGAgc3CjIGRg4OBp7SQgacoD6YOg8aaAP7/+cPAyII/igGSnm31zSAoYQAAAABJRU5ErkJggg==");
        margin-right: 6px;
    }

    span.menu-text {
        color: #fff;
        font-size: 12px;
        line-height: 32px;
    }

    header .navbar.navbar-default .navbar-collapse .navbar-nav li {
        text-align: center;
        border: none;
    }

    header .navbar.navbar-default {
        background-color: #cd040b;
    }

    .homeLink {
        width: auto;
    }

    .homeLink .cloudImg {
        display: none;
    }

    header .navbar.navbar-default .navbar-collapse .navbar-nav li a:after {
        content: "";
    }

    #page_music .alphasort_bar {
        right: 44px;
    }

    #asTxt, #asTxtt {
        width: 100%;
    }

    .mplayer_new .play_controls{
        padding: 18px 2% 0px 2%;
    }

    .mplayer_new .volume_options{
        padding: 0 1%;
    }

    .mplayer_new .mplayer_song_info .mplayer_album_details{
        width: 65%;
    }

    .mplayer_new.mini_player{
        width: 60%;
    }

    .mplayer_new.mini_player .mplayer_album_details{
        width: 45%;
    }

    .mplayer_new .mplayer_btn_padding{
        padding: 0 2%;
    }
    .mplayer_new #repeat{
        padding-right: 2%;
    }

    .mplayer_new .mplayer_volume_bar{
        width: 55px;
    }

    .mplayer_new .padding-right-5{
        padding-right: 5px !important;
    }
    .mplayer_new .padding-left-5{
        padding-left: 5px !important;
    }

    .music-playlist p.message div.dialog_text_bold{
        font-size: 13px !important;
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    /*#help-feedback.helpOpen {
        left: 62.5%;
    }

    #help-feedback.helpClose {
        left: 94% !important;
    }*/
    #help-feedback {
        top: 224px !important;
    }

    .music-section-header h3 {
        left: 46%;
    }

    .contact-section-header h3 {
        left: 43.5%;
    }
    .search_expanded {
    left: 18px;
    }

    header .navbar.navbar-default .navbar-collapse .navbar-nav li{
        padding : 1.5px 0 !important;
    }
}

@media screen and (min-width: 1025px) {
    .col-md-4.print_left {
        width: 26.8888%;
    }

    .print_order {
        display: table;
    }

    .print_left, .print_right {
        background-color: white;
        float: none;
        display: table-cell;
        vertical-align: bottom;
        padding-left: 0px;
    }

    .print_right {
        padding-left: 0px;
    }

    .fuji {
        width: 510px;
    }

    header .navbar.navbar-default .navbar-collapse li.dropdown:hover .dropdown-menu .dropdown-content ul li a {
        font-size: 15px;
        margin-left: 17px;
    }

    header .navbar > .container, header .navbar {
        /*min-height: 44px;*/
        height: 10px;
    }

    header .navbar.navbar-default .navbar-collapse {
        margin-top: 40px;
        padding-left: 0;
    }

    .search_dropdown {
        margin-top: 40px;
        width: 598px;
    }

    .search_expanded {
        width: 598px;
    }

    #gSearchbox .glyphicon-search {
        left: 95%;
        cursor: pointer;
    }

    .vz-modal .modal-content {
        width: 451px;
        /*JM:- Need not give width here*/
    }

    .main {
        width: 100%; /* do not allow left and right panels to hug screen edges */
        position: relative;
        left: 0%;
    }

    .holder {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mplayer_full_popup {
        width: 100%;
        margin-left: -20px;
    }

    .mplayer_small_popup {
        margin-left: -20px;
    }

    .upload_popup {
        margin-left: -20px;
    }

    .upload_stacked_popup {
        margin-left: -20px;
    }

    .mplayer_volume_btn {
        display: inline-block;
    }

    .mplayer_volume_container {
        display: inline-block;
    }

    /* IE volume bar adjustment - by Ponmudi */
    .x-msie .mplayer_volume_container {
        top: -10px;
    }

    /* End - IE volume bar change*/
    .topnav_pulldown {
        font-size: 17px;
    }

    .dialog_grey_side_btn {
        left: 75%;
        top: -40px;
    }

    .help_img {
        left: 28%;
    }

    .help_svg {
        left: 28%;
    }
}

/*DO NOT PUT ANY CSS AFTER MEDIA QUERIES*/

/*JM:- The below code is very specific to the business requirement to show Mobile like Menu in iPad Portrait Mode,
       since bootstrap by default do not support mobile menu in iPad hence it has been overridden using the following
       styles, any dev reading these comments should NOT use the below media query to put any of their code, it should be
       covered in the above media queries.
*/

@media (min-width: 768px) and (max-width: 990px) {
    /* Print Section styles START - Vivek */
    .col-md-4.print_left {
        width: 100%;
    }

    .homePrint {
        display: block;
    }

    .print_left, .print_right {
        float: left;
        padding-left: 15px;
        /* padding-right: 15px;*/
    }

    .print_default {
        top: 6%;
        left: 34%;
        width: 34%;
        height: 40%;
        min-height: 40%;
    }

    /* Print Section styles END */
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    header .navbar .navbar-nav {
        max-height: 100%;
    }

    button.tcChat-fixed-c2c-available-breadcrumb {
        bottom: 50px;
        position: fixed;
        margin-left: 35%;
        border: none;
    }

    div.tcChat-fixed-c2c-busy {
        border: medium none;
        bottom: 50px;
        margin-left: 40% !important;
        padding: 0;
        position: fixed;
    }

    #upload {
        bottom: 0;
        position: fixed;
        width: 100%;
    }

    #navbar {
        /*position: fixed;
        top: 130px;
        right: 0;
        height: 100% !important;*/
        /*padding-bottom: 92%;*/
        padding-bottom: 105%;
        /*height: 100vh !important;*/
    }

    #navbar {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .activeMobileMenuContainer {
        display: block !important;
        text-align: center;
        line-height: 64px;
        position: relative;
        color: #fff;
        font-size: 20px;
        font-family: nhg-text-bold, arial, sans-serif
    }

    header .navbar {
        width: 100%;
    }

    header .navbar.navbar-default .navbar-collapse {
        background-color: #fff !important;
    }

    header .navbar .navbar-header .navbar-toggle {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAYAAAChWZ5EAAAAAXNSR0IArs4c6QAAAotJREFUSA1jPMvC/Z+BSMAqK8Mglp3JwOfmzMCuoszAwMTE8P3iZYYvh48yvJo6neH34ydEmoRQxkisA0TSkhlk+rsZmNjYELqRWP9//2Z4VtfI8LJnApIoYSZzOhNbAyFlIplpDHJTJjAwMjPjVAqS43NxYmBgYWH4cuAgTnXoEgRDgF1ZiUHz/EkGJk5OdL04+bec3MHRglMBkgQTEhsrUzQ7gyTLQYZI1tdgNQubIH4HMDIyCIYEYdOHV4zX3paBQ1sLnEjxKgRKYkQBr6MDg2BkGAOXsSEDq6goA6ukBCEzcMr///sXGBVHGJ43dzB8OXQYqzq4A1ilJBnk581k4HMGJiQqA5BD7oVFM3zctAXDZLADWGWkGdT27mBgV1LEUEAtgd/PXzBcVlRnYAA6BhmA04DCgtk0tRxkISgquc1Nke0Gs5kEggIYeO3tMCRoISAcG83AoamBavS7tev/0xP8+/fv//P27v+gEhhcCv96/oKe9sPtup+QAnYAEyMHO2qQ0IknXlwAtonp39dvdLIS1RpOHW0GRlZWBqavx46jytCJ9+fdOwZQDcr0YfM2OlmJas238xcgAmdZef5/u3QZnjjowfj748f/GzaO4EQILgk5DfUZVHduYWARFER1JhV4oBLw24WLkILu/3+GbxcvMbzqm8jw7RwkBOB1AaeBHoPSiiUMoPqfmuBuYBjDxy24oxnuALClwOoXVDKCWjbMggIMjMDm14+r1xk+boUYoLhyKQMbsNJCBz9u32F4EJvIwOvsyCAYFgr0rQLDz/sPGF40tzN82LAJXTkKH9UBKFKYHGYBAQax/BygI/0Z2ORkGf68fMXwbvkqhlcTJjP8/fgRUwMRIgAv7RF41s5epAAAAABJRU5ErkJggg==");
        background-position: 18px 15px;
        padding-bottom: 1px;
    }

    header .navbar.navbar-default .navbar-collapse .navbar-nav li.icon_link_active a {
        border-bottom: none;
        background: #e4e5e3;
    }

    header .navbar.navbar-default .navbar-collapse .navbar-nav li.icon_link_active a:before {
        content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAAXNSR0IArs4c6QAAATtJREFUKBVjfPL08X8GEsD///8ZGBkZGZiI1fP/2zeG97EpDK8UNBm+TprOwEiMjWBNcakMv0+fBdvDoijPwELIxv9fvzK8j0th+H3mPFwpR3goA9Ovo8cZPiRnMnxfuRYuAWP8//KF4X1MEoomrrQkBu7MFAbG83Iq//89ew5Wy1NZwsCdkQJm///8GagpmeH3hUswcxi4MpIZeCtLwXwWFhVlhl9QjV/ae4AhxsTAERnC8AGk6eJluCaQLTwVJXA+4+Mrl/6/j0xg+H39JlyQSUqC4d+zF3A+d3YaA09ZEZwPYjAxCgoyCC5fwMCioQ6XQNGUm4GhCawRREA0z2dgUVeDawYxuPOzGHhKClDEYBx4AmASEmIQXLGAgc3CjIGRg4OBp7SQgacoD6YOg8aaAP7/+cPAyII/igGSnm31zSAoYQAAAABJRU5ErkJggg==");
        margin-right: 6px;
    }

    span.menu-text {
        color: #fff;
        font-size: 12px;
        line-height: 32px;
    }

    header .navbar.navbar-default .navbar-collapse .navbar-nav li {
        text-align: center;
        border: none;
    }

    header .navbar.navbar-default {
        background-color: #cd040b;
    }

    .homeLink {
        width: auto;
    }

    .homeLink .cloudImg {
        display: none;
    }

    header .navbar.navbar-default .navbar-collapse .navbar-nav li a:after {
        content: "";
    }

    header .navbar.navbar-default .container {
        width: 100%;
    }

    header .navbar.navbar-default .navbar-collapse {
        width: 100%;
    }
    #gSearchbox .remove-icon {
        left: 87%;
    }
    /*#help-feedback.helpClose {
        left: 94.4%;
    }*/
    /*DO NOT Write any code here, use above media queries*/
}

/*DO NOT PUT ANY CSS AFTER MEDIA QUERIES*/