/***************************************************** SHAREPOINT FIX START ********************************************************/

/* Suitbar is not needed in the design*/
#suiteBar {
    display: none;
}

#ms-help {
    display: none;
}

/* To mae the bg of the ribbon as in the design*/
#DeltaSPRibbon {
    background: rgb(242, 242, 242);
}

/* Adjust the height of the dropdown menu (site actions and user menu) after relocating from their original position (suitbar)*/
.ms-core-menu-link {
    height: 30px;
}

/*To remove the padding of the */
#s4-bodyContainer {
    padding-bottom: 0px;
}

#fullscreenmodebox {
    display: none;
}

#s4-workspace {
    /* width: 100% !important;
    height: 100% !important;*/
}

.ms-siteactions-normal, .ms-welcome-normal, .ms-welcome-hover, .ms-siteactions-hover {
    background: none !important;
    border-right-color: none !important;
    border: 0 !important;
}

.ms-dlgTitleBtns {
    margin-right: 0 !important;
}


/*For fixing the gear button position*/
.ms-welcome-root {
    border: 0px;
}

.ms-promotedActionButton {
    vertical-align: top;
}

.ms-core-deltaSuiteBarRight {
    margin-right: 15px;
}


.ms-siteactions-root > span > a.ms-core-menu-root {
    padding: 3px 0px 0px 0px !important;
}

/*script will make this visible while page load*/
#RibbonContainer-TabRowRight {
    display: none;
}

/*script will make the ribbon visible when non-readonly user comes in*/
#s4-ribbonrow {
    display: none;
}

/***************************************************** SHAREPOINT FIX END ********************************************************/

/***************************************************** MOONRAFT FIX START ********************************************************/
/* Fix for the menu after making the body bg white*/
.mr-header-megamenu {
    border-bottom: 0px solid #e1e1e1;
}

#mr-main-content.mr-padding-overwrite {
    padding-bottom: 0px !important;
}

/* change in MR's design. body's background is take out*/
body {
    background-color: #fff;
}


.mr-mob-3rd-lev a {
    color: #FFF !important;
}

    .mr-mob-3rd-lev a:hover {
        color: #195c39 !important;
    }

.mr-user-pic {
    width: 42px;
    border-radius: 30px;
}

.mr-user-pic, .mr-user-name-style {
    /*hide the name initially, script will make this visible after page load*/
    display: none;
    margin-right:10px;
}

/*To change the height isue of the username/image area*/
.mr-header .mr-user-info {
    padding: 6px 0 !important;
}

/*eeded only on the home page. So visibility will be set with the style on the home page temlpate*/
.mr-sub-menu {
    display: none;
    margin-top: 0 !important;
}

.mr-header .mr-navigation .nav-pills li {
    text-transform: uppercase;
}

.mr-header .mr-header-action {
    margin-right: 0;
    margin-top: 3px;
}

.social__icon, [class^="social__icon"] {
    color: #fff !important;
}

.mr-search-wrpr input {
    padding: 0 0 0 19px !important;
    width: 100% !important;
}

.mr-img-detls-wrpr.mr-edit-wrappr {
    position: relative !important;
}

.mr-search-wrpr .icon-search {
    right: -20px !important;
}

/*Show search field on mobile*/
@media only screen and (max-width: 768px) {
    .input-group {
        display: block !important;
        margin: 0px !important;
        margin-top: 20px !important;
        width: 97% !important;
        margin-bottom: 50px !important;
    }
}

@media only screen and (max-width: 370px) {
    .input-group {
        width: 94% !important;
    }
}

/* Remove list styles from user menu*/
.mr-user-list-wrap {
    list-style: none;
}

.mr-user-edit-list-wrap {
    list-style: none;
}

.mr-user-link-style {
    color: #000000 !important;
}


/*Remove additional  space on home page*/
/*TODO: need to move this to home page layout*/
#mr-footer.home-footer {
    margin-top: 0px !important;
}


/*reduce the gap between menu ad alert*/
.mr-header .mr-notfi-wrpr, .mr-header .mr-like-wrpr, .mr-header .mr-search-top-wrpr {
    padding: 20px 10px !important;
}

/*adjust the width of fav menu*/
.mr-arrow-box {
    width: 100%;
}

/*for mobile view set the margin to 0*/
@media only screen and (max-width: 630px) {
    .input-group {
        margin-bottom: 0px !important;
    }
}


/*For hiding the social icons during initial launch*/
.social__container {
    visibility: hidden;
}

/* fix for adjusting radio button*/
/*input[type="radio"]:checked + label{ background-image:none;padding-top: 8px;padding-right: 10px;}

input[type="radio"] + label{ background-image:none;padding-top: 8px;padding-right: 10px;}

input[type=radio] {display:none;}

input[type=radio] + label:before {
           content: "";  
           display: inline-block;  
           width: 20px;  
           height: 20px;  
           vertical-align:middle;
           margin-right: 8px;  
           background-color: #E6F5E6;  
           box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .3);
           border-radius: 15px;
        
       }
       
input[type=radio]:checked + label:before {
              content: "\2022";
              color:white;
           background-color: #4DB84D; 
              font-size:1.8em;
              text-align:center;
              line-height:22px;
              text-shadow:0px 0px 3px #eee;
}*/
/***************************************************** MOONRAFT FIX END ********************************************************/

.ust-quick-links {
    margin-top: -5px !important;
}

.mr-quick-link-edit {
    margin-top: 0 !important;
}

/* For fixing footer overlapping with quicklinks boxes*/
@media (max-height: 800px) {
    .ust-footer-wrpr {
        margin-top: 50px !important;
    }
}



.modal-body input[type="text"], input[type="password"], textarea, .form-control {
    width: 100%;
    height: 2.5625rem;
}

    input[type="text"]:hover, input[type="password"]:hover, textarea:hover {
        border: 1px solid #f1f2f6 !important;
    }

    input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
        border: 1px solid #6dbe60 !important;
        border-color: #6dbe60 !important;
        box-shadow: none !important;
    }

/*for prashan*/
.mr-header .mr-notifi-count, .mr-header .mr-like-count {
    top: 15px !important;
}

/*Bold and Italics for WCM */
em {
    font-style: italic;
}

strong {
    font-weight: bold;
}


/*Experimental: For adjusting footer - for GC Form*/
.ust-footer-wrpr {
    clear: both;
}

/* fix for the home page searchbox*/
#txtMasterSearch[type="text"]:hover, #txtMasterSearch[type="text"]:focus {
    border: 0px !important;
}

#txtMasterSearch[type="text"]:hover, #txtMasterSearch[type="text"]:focus {
    border: 0px !important;
}

/*added for neena*/
.ui-autocomplete {
    background: #FFF !important;
}

/*IE fix for hiding the default clear - input from prashan*/
input[type=text]::-ms-clear {
    display: none !important;
}

/* IE/FF font issue for search box*/
.mr-search-wrpr input {
    font-size: 18px !important;
}

/*for search dropdown - neena*/
.ui-menu .ui-menu-item {
    padding: 9px 4em 7px 0.8em !important;
}



/*pattede gap - nithyan*/
.mr-close-button {
    margin-bottom: 0px !important;
}

/*For Neena - hover green on search page*/
.mr-search-wrpr .ui-state-focus {
    border: 1px solid #195c39 !important;
    background: #195c39 !important;
    font-weight: bold;
    color: #fff !important;
}

    .mr-search-wrpr .ui-state-focus a, .mr-search-wrpr .ui-state-focus a:hover {
        color: #fff !important;
    }



/*Final footer fix - experimental*/
body.screenpage .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* The bottom margin is the negative value of the footer's height */
    margin: 0 auto -70px;
    overflow: visible !important;
}

body.screenpage .push {
    /* .push must be the same height as .footer */
    height: 70px;
    /* Multicolumn Layout With Sticky Footer */
    clear: both;
}

body.screenpage #s4-workspace {
    margin-bottom: -70px;
}


.ust-quick-link-wrapper {
    /*initially hidden, script will make this visible*/
    display: none;
    float: left;
    width: 100%;
}

/*Change the store of the week image to 65% and 35% instead of 50% 50% resp.*/
.mr-store-of-week-wrpr .mr-left-img {
    width: 65% !important;
}

.mr-store-of-week-wrpr .mr-right-img {
    width: 35% !important;
}

/*Hide Comment box in WCM, IteamDatabase,PhotoGallery,SOW For Now*/
#ust-main-wrapper .mr-white-background .mr-comments-section, #ust-main-wrapper .mr-comments-section, .mr-comment-section-wrpr .mr-comment-left-part, .mr-footer-comments-gallery .mr-comments-section .mr-comments-text, .mr-right-side-item-landing .mr-comments-text, .mr-right-side-item-landing .mr-comments-of-the-user {
    display: none !important;
}

/* navigation landscape and potrait fix */
body.ms-backgroundImage.screenpage {
    margin-left: 0px !important;
}
/*Experimental. Increase height and width for the datasheet view dropdown*/
.combobox-tablewrapper {
    height: 300px !important;
}

.combobox-dropdown {
    min-width: 250px !important;
}

.ms-srch-hover-innerContainer /*remove the search result popup*/ {
    display: none !important;
}


/*90% fix and Muli Font*/


@media (min-width: 991px) {
    .mr-header-megamenu .container-fluid {
        padding-right: 5%;
        padding-left: 5%;
    }

    #mr-header .container-fluid {
        padding-right: 3%;
        padding-left: 3%;
    }

    #mr-main-content .container-fluid {
        padding-right: 5%;
        padding-left: 5%;
    }

    #mr-footer .container-fluid {
        padding-right: 5%;
        padding-left: 5%;
    }
}

@media (min-width: 768px) {

    .mr-header .mr-main-logo {
        padding-top: 3px;
    }

    .mr-header .mr-notfi-wrpr, .mr-header .mr-like-wrpr, .mr-header .mr-search-top-wrpr {
        padding: 10px !important;
        padding-bottom: 14px !important;
        padding-top: 14px !important;
    }

    .mr-main-header {
        height: 55px;
    }

    .mr-header .icon-home {
        text-align: center !important;
        width: 100% !important;
    }

    .mr-header .mr-home-icon-wrap {
        padding-left: 0px !important;
    }

    .mr-header .icon-home {
        padding: 11px 5px 11px 5px !important;
    }

    .mr-header .mr-navigation .nav-pills li {
        padding: 12px 0 12px 0 !important;
    }

    .us-add-top {
        line-height: 30px !important;
    }
}

.mr-header .mr-main-logo-text {
    padding-top: 10px;
    padding-left: 15px;
    width: 100px;
}

.mr-header .mr-header-action {
    margin-right: 0;
    margin-top: 3px;
}

.mr-user-info .mr-user-pic {
    margin-top: 3px;
    margin-left: 0px;
}

.mr-header .mr-notifi-count, .mr-header .mr-like-count {
    top: 10px !important;
}
.panel-pages {
    width:100%;
}
.mr-show-on-home {     /*changed to hide the "Show On Home" feature in favourites drop down in header*/
    display:none;
}