/*-----------------------BIP_markup-----------------------------*/
h1
{
    color: #2e8363 !important;
    margin-top: 0px;
}

a {
    /*color: #2e8363 !important;*/
    color: #2A795B !important; /* RCL-802 */
}
.btn-lg
{
    padding: 0px !important;
    font-weight: bold;
    color: #2a5db0;
    font-size: 11pt;
}
.select-wrapper.form-control, select:not([multiple]):not([size]).form-control
{
    -webkit-appearance: menulist;
}
.select-wrapper.form-control, select.form-control:not([multiple]):not([size])
{
    -moz-appearance: menulist;
}

footer p
{
    font-family: Roboto,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: Black;
}



/* Custom */

.btn-xlg
{
    font-size: 20px;
    color: #2a5db0;
    line-height: 1.5;
    text-decoration: none;
    font-family: Roboto,Helvetica,Arial,sans-serif;
}

footer p.darker
{
    font-size: 12px;
    color: #717171;
    line-height: 1.25;
    font-family: Roboto,Helvetica,Arial,sans-serif;
}
/*-----------------------BIP_markup-----------------------------*/
.thumbnail
{
    background-color: #eee;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ratingLink
{
    cursor: pointer;
    width: 100px;
    color: #0F6CB6;
    text-decoration: none;
    vertical-align: top;
}
.ratingLink:visited
{
    color: rgb(51, 102, 153);
    text-decoration: none;
}
.ratingLink:active
{
    color: rgb(51, 102, 153);
    text-decoration: none;
}

.emptyRating
{
    height: 20px;
    width: 20px;
    border: 0;
    background: url("../../Images/rating_star_small_outline.png") no-repeat right top;
}
.filledRating
{
    height: 20px;
    width: 20px;
    border: 0;
    background: url("../../Images/rating_star_small_solid.png") no-repeat right top;
}
.halfFilledRating
{
    height: 20px;
    width: 20px;
    border: 0;
    background: url("../../Images/rating_star_half.png") no-repeat right top;
}
.emptyRatingPointer
{
    cursor: pointer;
    height: 20px;
    width: 20px;
    border: 0;
    background: url("../../Images/rating_star_small_outline.png") no-repeat right top;
}
.filledRatingPointer
{
    cursor: pointer;
    height: 20px;
    width: 20px;
    border: 0;
    background: url("../../Images/rating_star_small_solid.png") no-repeat right top;
}
.searchTypeStyle
{
    height: 45px;
    box-shadow: inset 0 -3px 0 #dfdfdf;
    border-radius: 4px 4px 0px 4px;
    background-color: #EEE;
    margin-top: 1px;
}
.searchTypeStyle:focus
{
    background-color: #D6D6D6 !important;
}
.Nopadding
{
    color: #787878 !important;
    padding: 0px !important;
}

.form-control:focus, .form-control:focus ~ .selectClass
{
    border-color: #589C82;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(88, 156, 130,.075), 0 0 8px rgba(88, 156, 130, .6);
}

.mobileSearchType
{
    float: left;
    padding-right: 10px;
    padding-bottom: 2px;
    border: 1px solid #CCC;
    background-color: #EEE;
    margin-bottom: 2px;
    border-radius: 4px 0px 0px 4px;
}

.caret
{
    margin-left: 5px;
}



.rowSpacing
{
    margin-bottom: 10px;
    padding-left: 10px;
}


#mobileSearchArea
{
    padding-top: 30px !important;
    border-top: 1px solid #CCC;
    padding-left: 10px;
    padding-right: 10px;
}
@media (max-width: 767px)
{
    #mobileSearchArea
    {
        padding-top: 15px !important;
        border-top: 1px solid #CCC;
        padding-left: 10px;
        padding-right: 10px;
    }
}


.divRatingDialog h2
{
    color: #0F6CB6;
}

.btnSubmit
{
    float: left;
    margin-left: 86px;
    width: 140px;
    height: 35px;
    background-color: #0F6CB6;
    color: White;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    border: 0px;
}

.divRatingDialog
{
    height: 270px !important;
    width: 330px;
    display: none;
    padding: 20px;
    padding-top: 0px;
    background-color: White;
}
.ui-widget-content a
{
    color: #0F6CB6 !important;
}
.closePopUp
{
    float: left;
    margin-left: 60px;
    width: 250px;
    height: 30px;
    cursor: pointer;
    margin-top: 25px;
}
.verticalLine
{
    border-right: 1px solid #787878;
}

#txtSearchMobile
{
    float: left;
    border-radius: 0px;
}
@media (min-width: 360px)
{
    #txtSearchMobile
    {
        float: left;
    }
}
@media (min-width: 480px)
{
    #txtSearchMobile
    {
        float: left;
        width: 265px !important;
    }
}
@media (min-width: 640px)
{
    #txtSearchMobile
    {
        float: left;
        width: 425px !important;
    }
}
.MarginTop10
{
    margin-top: 10px;
}

@media (min-width: 767px)
{
    #txtSearchMobile
    {
        float: left;
    }
}


#mobileSearchDropDown
{
    text-align: left;
}



ul.nav.nav-tabs li a
{
    font-weight: bold;
    font-size: 11pt;
}


.searchBoxWidthFludic
{
    width: 505px !important;
    height: 45px;
}


.DetailedAction
{
    color: #FFF !important;
    background-color: #2e8363 !important;
    border-color: #4CAE4C !important;
}
.DetailedActionBtn
{
    /* color: #2e8363 !important; */
    color: #2A795B !important;
    background-color: #EEE !important;
    border: none;
}
.DetailedActionBtn:hover
{
    background-color: #D6D6D6 !important;
}
.MarginTop10
{
    margin-top: 10px;
}

@media (max-width:1366px)
{
    .searchBoxWidthFludic
    {
        width: 460px !important;
    }
}
@media (max-width:1280px)
{
    .searchBoxWidthFludic
    {
        width: 430px !important;
    }
    .tt-suggestions
    {
        width: 655px !important;
        margin-top: 5px;
        padding: 8px 0px;
        background-color: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    }
}

@media (max-width:980px)
{

    .searchBoxWidthFludic
    {
        width: 530px !important;
    }
    .tt-suggestions
    {
        width: 530px !important;
        margin-top: 5px;
        padding: 8px 0px;
        background-color: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    }
    #samplePrevImg, #sampleNextImg
    {
        height: 155px !important;
    }

    #samplePrevDiv, #sampleNextDiv
    {
        margin-top: 83px !important;
    }
}

@media (max-width:800px)
{

    .searchBoxWidthFludic
    {
        width: 384px !important;
    }
    .tt-suggestions
    {
        width: 384px !important;
        margin-top: 5px;
        padding: 8px 0px;
        background-color: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    }
    #samplePrevImg, #sampleNextImg
    {
        height: 145px !important;
    }

    #samplePrevDiv, #sampleNextDiv
    {
        margin-top: 83px !important;
    }

    .featuredTitlesFont
    {
        font-size: 24px !important;
    }

    .TitleFont
    {
        font-size: 20px !important;
    }

    .TitleHeader
    {
        margin-top: -10px !important;
    }

}

@media (max-width:1024px)
{
    .searchBoxWidthFludic
    {
        width: 330px !important;
    }
}
@media (max-width:768px)
{

    .searchBoxWidthFludic
    {
        width: 230px !important;
    }
    .tt-suggestions
    {
        width: 355px !important;
        margin-top: 5px;
        padding: 8px 0px;
        background-color: #FFF;
        border: 1px solid rgba(0, 0, 0, 0.2);
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    }
    #samplePrevImg, #sampleNextImg
    {
        height: 138px !important;
    }

    #samplePrevDiv, #sampleNextDiv
    {
        margin-top: 83px !important;
    }

    .featuredTitlesFont
    {
        font-size: 24px !important;
    }

    .TitleFont
    {
        font-size: 20px !important;
    }

    .TitleHeader
    {
        margin-top: -10px !important;
    }

}



@media (min-width:1280px)
{
    .MediumDesktopWidth
    {
        width: 12.5% !important;
    }
}
.hideElement
{
    display: none;
}
.headerTab
{
    border-bottom: 5px solid #00ab4f;
}



/*--------------Detailed Actions----------------*/
.includeDiv
{
    margin-right: 0;
    margin-left: 0;
    border: 1px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 10px 5px 10px;
}
.list-popup-validate
{
    color: red;
}
#HorLine
{
    border-top: 1px solid #8C8C8C;
    height: 5px;
}
.select-rcl-subjects
{
    background-color: White;
    height: 45px !important;
    width: 300px !important;
    margin-left: -10px !important;
    border: none !important;
}
.divHeaderMsg
{
    padding-left: 7px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    background-color: Yellow;
}
@media (max-width: 767px)
{
    .container
    {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        width: 100% !important;
    }
}
/*
Back to top button 
*/
#backToTop
{
    position: fixed;
    bottom: 0px;
    right: 0px;
    margin-bottom: 0px;
}

#backToTop a
{
    width: 50px;
    height: 50px;
    display: block;
    background-color: #f5f5f5;
    margin-right: 20px;
}
/* arrow icon (span tag) */
#backToTop i
{
    font-size: 35px;
    color: #9f9f9f;
    margin-left: -3px;
    margin-top: -6px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
@media (max-width: 767px)
{
    .container
    {
        padding-right: 0px !important;
        padding-left: 0px !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
        width: 100% !important;
    }
}

.tt-suggestions
{
    width: auto;
    margin-top: 5px;
    padding: 8px 0px;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
}

.tt-suggestion
{
    padding: 3px 20px;
    font-size: 15px;
    line-height: 10px;
}

.tt-suggestion.tt-cursor
{
    color: #fff;
    background-color: #428BCA;
}
.cursor-pointer
{
    cursor: pointer;
}
.pagination > .active > a
{
    color: White !important;
    background-color: #2e8363;
    border-color: #2e8363;
}
.PaginationLink
{
    cursor: pointer;
}
.homepageTitle
{
    margin-top: -6px !important;
    padding-left: 15px;
}

.marginBottom
{
    margin-bottom: 5px;
}
.email
{
    width: 15% !important;
}
.requesttitle_email
{
    width: 20% !important;
}
.Width100
{
    width: 100% !important;
}
.mandatory, .required
{
    color: #c00;
    font-size: 12px;
}

.ChooseTemplete
{
    margin: 15px;
}
.cursorPointer
{
    cursor: pointer;
}
.displayNone
{
    display: none;
}
.Width35
{
    width: 35% !important;
}
.Width20
{
    width: 20% !important;
}
.Width8
{
    width: 8% !important;
}
.Width7
{
    width: 7% !important;
}
.Width15
{
    width: 15% !important;
}
.Width5
{
    width: 5% !important;
}
.Width25
{
    width: 25% !important;
}
.Width40
{
    width: 40% !important;
}
.rowStyle
{
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    position: relative !important;
    min-height: 1px !important;
}
.aligncenter
{
    text-align: center;
}
.marklogicstyle
{
    overflow: auto !important;
}
.dlstyle
{
    margin-bottom: 0px !important;
}
.supplierstyle
{
    font-size: 11px !important;
    margin-top: 2px !important;
    text-align: left !important;
}
.stockinnerstyle
{
    padding: 0px !important;
}
.Font11
{
    font-size: 11px !important;
    text-align: left !important;
}
.titledetailFullrecord
{
    padding-left: 0px !important;
}
.modal-footer-private
{
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.nav-pills > li.active > a
{
    color: White !important;
}
@media (min-width: 533px)
{
    #txtSearchMobile
    {
        width: 355px !important;
    }
}
.form-control[readonly]
{
    cursor:default !important;
}
.form-control[readonly]:focus, .form-control[readonly]:focus ~ .selectClass
{
    border-color: #ccc;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

relLf20 
{
    position; relative;
    left:-20px;
}

relRt20 
{
    position; relative;
    right:-20px;
}

relRt250 
{
    position; relative;
    right:-250px;
}

inline,
{
    display: inline !important;
}