html, body {
    background: url(data:image/png;base64,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);    
}
        
.css_Default_ElMaskColor .ext-el-mask
{
    height:100% !important;
    background-color: black !important;
    -moz-opacity: 0.6 !important;
    opacity: .60 !important;
    filter: alpha(opacity=60) !important;
}

.css_Preview_DocumentContent
{
    max-width: 820px;
    min-height: 300px;
    margin: 95px auto;
    background: white;
    position :relative;
    margin-bottom: 20px;
    
    border: 1px solid #CFCFCF;
    position: relative;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    
    -webkit-box-shadow: 0px 0px 10px #A5A5A5;
       -moz-box-shadow: 0px 0px 10px #A5A5A5;
        -ms-box-shadow: 0px 0px 10px #A5A5A5;
         -o-box-shadow: 0px 0px 10px #A5A5A5;    
            box-shadow: 0px 0px 10px #A5A5A5;
}
    
.Css_Preview_PrintPdf_Table
{
    width: 820px !important;
    margin: 0px auto !important;
}
    .Css_Preview_PrintPdf_Table .css_Preview_DocumentContent
    {
        border: none;
        background: none;
        -webkit-border-radius: 0px;
           -moz-border-radius: 0px;
                border-radius: 0px;

        -webkit-box-shadow: none;
           -moz-box-shadow: none;
            -ms-box-shadow: none;
             -o-box-shadow: none;
                box-shadow: none;
    }

    .Css_Preview_PrintPdf_Table .css_Preview_Powered,
    .Css_Preview_PrintPdf_Table .css_Preview_PaymentButtons,
    .Css_Preview_PrintPdf_Table .css_Common_DemoCnt,
    .Css_Preview_PrintPdf_Table #Cmp_View_ActionBar
    {
        display:none;
    }
        
    .Css_Preview_PrintPdf_Table .css_Preview_DocumentContent #Cmp_Preview_Container
    {
        padding-top:0px !important;
    }
        
    .Css_Preview_NoBackground
    {
        background:none !important;
        padding: 0px !important;
    }
    
    .Css_Preview_NoBackground .css_Preview_DocumentContent
    {
        margin:0px auto;
    }
      
    .css_Preview_PinCodeContainer
    {
        width:500px;
        margin:0px auto;
        font: normal 16px/18px Arial, Helvetica, Sans-Serif !important;
    }
      
    #Cmp_Preview_CreatedWith div
    {
        width:462px !important;
    }
    
    #EnterPINBtn
    {
        display:none;
    }

    /* same in common.css */
    .css_Home_Glass
    {
        float:right;
        width: 400px;
        padding:30px;
        color: #333;
    
        margin:20px 10px 10px 10px;
        text-align: left;
            
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
            
        border: 1px solid #A7A7A7;
        background: #F4F5F7;
        -webkit-box-shadow: 0px 0px 10px #A0A0A0;
        -moz-box-shadow: 0px 0px 10px #A0A0A0;
        -ms-box-shadow: 0px 0px 10px #A0A0A0;
        -o-box-shadow: 0px 0px 10px #A0A0A0;
        box-shadow: 0px 0px 10px #A0A0A0;
    }
    
    .css_Home_LoadingButton
    {
        color:#999 !important;
        background:#555 !important;
    }
    
    .css_Home_LoadingButton:hover
    {
        border:1px solid transparent !important;
        text-shadow: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        -o-box-shadow: none !important;
        box-shadow: none !important;
    }
    
    .css_Home_TextField
    {
        border:1px solid #79a;
        width:388px;
        padding:5px;
        -moz-border-radius: 3px;
        -webkit-border-radius:3px;
        border-radius: 3px;
        -webkit-transition: all 0.3s ease-in;
           -moz-transition: all 0.3s ease-in;
            -ms-transition: all 0.3s ease-in;
             -o-transition: all 0.3s ease-in;
                transition: all 0.3s ease-in;
    }
        
    .css_Home_TextField:focus
    {
        /*background:#ffff9c;*/
        border-color: #7caadd;
        outline: none !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(76,107,153,0.15),0 1px 0 rgba(255,255,255,0),0 0 6px #326cc0;
           -moz-box-shadow: inset 0 1px 1px rgba(76,107,153,0.15),0 1px 0 rgba(255,255,255,0),0 0 6px #326cc0;
            -ms-box-shadow: inset 0 1px 1px rgba(76,107,153,0.15),0 1px 0 rgba(255,255,255,0),0 0 6px #326cc0;
             -o-box-shadow: inset 0 1px 1px rgba(76,107,153,0.15),0 1px 0 rgba(255,255,255,0),0 0 6px #326cc0;
                box-shadow: inset 0 1px 1px rgba(76,107,153,0.15),0 1px 0 rgba(255,255,255,0),0 0 6px #326cc0;
        
    }
    
    .css_Preview_FixMenu
    {
        position: fixed !important;
        top: 90px;
    }
    
    .css_Preview_PayPalIcon
    {
        background: url(/img/paypal_small.png?eccb5c1bbeaa392a85d4870726f137e9==) no-repeat;
    }
    
    .css_Preview_VisaIcon
    {
        background: url(/img/visa.png) no-repeat;
        background-size: 16px 12px;
    }
    /* end same */
    

.css_Preview_Status
{
    position: absolute;
    z-index:1080;
    width:28px;
    height:135px;
    background:url(/img/status_strap.png?7954c9d8ad2fc20695f4835ef198cd82==);
    background-position: -28px 0px;
    background-repeat:no-repeat;
}

.css_Preview_Powered
{
    color: #999;
    font-size: 11px;
    display: inline-block;
    font-family: arial, helvetica, sans serif;
    text-shadow: 1px 1px 1px white;
    text-decoration: none;
    margin-bottom: 150px;
    text-align: center;
    margin-top: 22px;
    width: 100%;
}

.css_Preview_Powered:hover
{
    text-decoration: underline;
}

.css_Preview_LeftTD {
    width:11px;
    vertical-align:top;
    padding-top:115px;
}

.css_Preview_RightTD {
    vertical-align:top;
    width: 195px;
}

.x-menu.x-menu-floating.x-layer .x-menu-list
{
    padding:5px 0px;
}

.no-such-document
{
    text-align: center;
    font-size: 30px;
    padding: 150px 0px;
    line-height: 1.4em;
}

#Cmp_View_ActionBar
{
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1081;
    background: url(data:image/png;base64,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);
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.2s ease-in;
}

.css_Preview_PaymentOptions
{
    margin: 0px auto;
    padding: 25px 10px;
    font: 12px/20px Arial, Helvetica, Sans-Serif;
    max-width: 820px;
}

.css_Preview_ActionBarEffect
{
    -moz-box-shadow: 0px 0px 30px rgba(142,142,142,0.7);  
    -webkit-box-shadow: 0px 0px 30px rgba(142,142,142,0.7);  
    box-shadow: 0px 0px 30px rgba(142,142,142,0.7);
}

.toolbox
{
    float:right;
    margin-left: 5px;
    padding: 7px 15px !important;
}

.toolbox i,
.css_Preview_PaymentButtons i
{
    margin-right: 5px;
}

.css_Preview_StatusStrap_Cnt
{
    width:11px; 
    position:absolute; 
    top:120px; 
    left: -12px;    
}

.css_Preview_AH_Cnt,
.css_Preview_StatusStrap_Cnt,
.css_Preview_PaymentOptions
{
    display: none; 
}

.css_Preview_HideCmp
{
    display: none !important; 
}

.css_Preview_PaymentButtons .css_InvoicesMenu_warning-window
{
    width: auto !important;
}

.css_Preview_PaymentButtons,
.css_Preview_PaymentButtons > div
{
    float: left;
}

.css_Preview_PaymentButtons > div
{
    position: relative;
}

 .css_Preview_PayBtnNote
 {
    font-size: 11px;
    color: #999;
    text-align: center;
    position: absolute;
    bottom: -22px;
    text-shadow: 1px 1px 1px white;
    width: 182px;
 }
 
 .css_ActivityHisotryClient_CommentWrapper .x-plain-bwrap,
 .css_ActivityHisotryClient_CommentWrapper .x-plain-body
 {
     overflow: visible;
 }
 
 @media screen and (max-width: 870px) 
 {
     html, body
     {
         padding: 0px 5px;
     }
 }

@media screen and (min-width: 751px) {
    #Cmp_View_PaymentCreditCard, 
    #Cmp_View_PaymentPayPal,
    #Cmp_View_AcceptQuoteBig,
    #Cmp_View_DeclineQuoteBig
    {
         min-width: 150px;
    }
}
 
 @media screen and (max-width: 750px) 
 {
    .css_Preview_PaymentOptions .btn span
    {
        display: none;
    }
    
    .css_Preview_PaymentOptions .btn i
    {
        margin: 0;
    }
    
    #Cmp_View_PaymentCreditCard,
    #Cmp_View_PaymentPayPal
    {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .css_ActivityHistory_CommentTextField
    {
        width: 100% !important;
        box-sizing: border-box;
    }
    
    .css_ActivityHistoryClient_AddCommentBtn
    {
        display: block !important;
        margin: 0px auto !important;
        width: 110px !important;
    }

    .css_Preview_PaymentOptions .btn.toolbox
    {
        padding-left: 5px !important;
        padding-right: 5px !important;
        min-width: 30px;
    }
    
    #Cmp_View_PaymentCreditCard i, 
    #Cmp_View_PaymentPayPal i
    {
        margin-right: 3px;
    }
    
    .css_Preview_PayBtnNote
    {
        display: none;
    }
    
    #Cmp_DemoControls_BtnsPart input
    {
        width: 100px !important;
    }

    .css_ActivityHistory_Grid td.x-grid3-col.x-grid3-cell.x-grid3-td-2 {
        display: none;
    }

    .css_ActivityHistory_Grid td.x-grid3-col.x-grid3-cell.x-grid3-td-Text {
        width:auto !important;
    }
}

@media screen and (max-width: 390px) {
    #Cmp_View_AcceptQuoteBig,
    #Cmp_View_DeclineQuoteBig
    {
        padding-left: 5px !important;
        padding-right: 5px !important;
        min-width: 30px;
    }

    #Cmp_View_AcceptQuoteBig i,
    #Cmp_View_DeclineQuoteBig i
    {
        margin: 0;
    }

    #Cmp_View_AcceptQuoteBig em,
    #Cmp_View_DeclineQuoteBig em
    {
        display: none;
    }
}

@media screen and (max-width: 350px) {
    #Cmp_View_PaymentCreditCard,
    #Cmp_View_PaymentPayPal
    {
        padding-left: 5px !important;
        padding-right: 5px !important;
        min-width: 30px;
    }

    #Cmp_View_PaymentCreditCard i, 
    #Cmp_View_PaymentPayPal i
    {
        margin: 0;
    }

    #Cmp_View_PaymentCreditCard em, 
    #Cmp_View_PaymentPayPal em
    {
        display: none;
    }
}

.ext-el-mask-msg {
    z-index:1095 !important;
}