﻿.rToolTipWrapper
{
    /* ADD NOTHING*/
    /* THIS IS ONLY USED FOR KEEPING THE TOOLTIP FROM HIDING WHEN CLICKED INSIDE A TOOLTIP*/
    z-index:15000 !important;
    position:relative;
}

.panelNew {
    position: fixed;
    background: #edeff4;
    border: 1px solid #bebebe;
    width: 450px;
    min-height:170px;
    max-height:90%;
    height: auto;
    overflow-y:auto;
    overflow-x:hidden;
    right:30px;
    top:45px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    z-index:100000 !important;
    /*background: #edeff4 url('../../Images/bg-noise.png') repeat;*/
    }
    
    .headerPara{
    margin: 0 0 15px 0;
    padding: 0;
    color: #777;
    }

    .headerRightMargin
    {   
        margin-right:20px;
    }

    .panelNew hr
    {
        width:100%;
        height:2px;
        border-width:0;
        color:#5CB3FF;
        background-color:#5CB3FF;
    }
    
    
    .onlyTitle
    {
        position:absolute;
        
        background-color:#fff;

        height:22px;
        padding:5px 0 0 15px;
        vertical-align:middle;
        overflow:hidden;
        border:solid #bebebe;
        border-width:0px 0px 2px  0px;
        
        margin:0;
        margin-bottom:20px;
        text-align: left;
        width:100%;
        color:#36c;
        overflow:hidden;
        margin-bottom:36px;
    }
    
    .fullDiv
    {
        position:relative;
        width:100%;
        top:38px;
    }
    
    .fullDivList
    {
        background:#f0f0f0;
        border-bottom:1px solid #d0d0d0;
        cursor:pointer;
        padding: 12px  12px 12px 16px;
        outline:none;
        color:#666;
        text-decoration:none !important;
        color:#000 !important;
    }
    
    .fullDivList a
    {
        text-decoration:none !important;
        color:#000 !important;
    }
    
    .cellForImages {
        display:inline-block;
        height:48px;
        width:48px;
        border: 2px solid #5CB3FF;
        padding:2px;   
        background-color:White;
        margin-right:4px;
    }
    
    .rightSideButton{
        position:absolute;
        top:50%;
        margin-top:0px;
        right:0px;
        background-color:Transparent;
        border:none;
        color: #c0c0c0;
        cursor:pointer;
    }
    
    .mainMSG
    {
        display:inline-block;
        vertical-align:middle;
        padding-left:5px;
    }
    
    .divFullRecord
    {
        width:89%;
        margin-left:20px;
        margin-top:60px;
        margin-bottom:20px;
        border: 1px solid #c0c0d0;
        border-bottom:2px solid #c0c0c0;
        background-color:#fff;
    }

    .divFullRecord .mainSpan
    {
        position:absolute;
        margin: 15px 15px 0 15px;
    }
    
    .tblOfRecord
    {
        margin:15px;
        width:83%;
    }
    
    .bottomDiv
    {
        background-color:#f8f8f8;border-top:2px solid #e5e5e5;padding:15px;
    }
    
    .cursorPointer
    {
        cursor:pointer;
    }
    
    .viewRecordLink
    {
        position:relative;bottom:5px;left:5px;
    }
    
    .cssCloseLink
    {
    }
    
    


/*FOLLOWINGS ARE USED ON THE PROFILE SETTING POPUP */
.profileSettingPopupMain
{
    position: fixed;
    border: 1px solid #bebebe;
    z-index:97000;
    width:350px;
    height:auto;
    right:7px;
    top:40px;
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.2);
    box-shadow: 0 2px 4px rgba(0,0,0,.2);
    padding:0;
    overflow:hidden;
    background: #edeff4;

}

.profileTopDiv
{
    width:100%;
    height:auto;
    padding:10px;
}

.profileTopDiv .profileBottomDiv
{
    margin:0px;
    width:100%;
    position:absolute;
    background:white;
}

.profileSeparatorNew
{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image:-ms-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
    height:6px;
    -webkit-mask-box-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),color-stop(.5,rgba(0,0,0,.8)),color-stop(1,rgba(0,0,0,.1)));
    left:0;
    margin-right:0;
    position:absolute;
    width:100%;
}

.profileBottomDiv .profileSeparator
{
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
    background-image:-ms-linear-gradient(top,rgba(0,0,0,.2),rgba(0,0,0,0));
    height:6px;
    -webkit-mask-box-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),color-stop(.5,rgba(0,0,0,.8)),color-stop(1,rgba(0,0,0,.1)));
    left:0;
    margin-right:0;
    position:absolute;
    width:100%;
}

.profileBottomDiv .profileBottomDivContents
{
    padding:10px;
    padding-top:15px;
    width:100%;    
}

.profileBottomDivcontents .rightSideButton
{
    float:right;
    right:15px;
}

.productRequestPopup
{
    position:relative;
    width:600px;
    height:auto;
}


/*FOLLOWING IS USED ON PHONE DEVICE */
@media all and (max-width: 699px) 
{
    .panelNew {
        width:90%;   
        right:5%;

    }         
    .onlyTitle
    {
        width:100%;
        overflow-x:hidden;
    }
    .divFullRecord
    {
        margin-left:6%;
    }
    
    .profileSettingPopupMain
    {
        width:90%;
        right:5%;
    }
    
}

@media all and (max-width: 699px) and (min-width: 400px)
{
    .productRequestPopup
    {
        width:350px;
    }
    
}

@media all and (max-width: 399px) and (min-width: 300px)
{
    .productRequestPopup
    {
        width:280px;
    }
    
}

@media all and (max-width: 299px) 
{
    .productRequestPopup
    {
        width:90%;
    }
    
}