﻿body 
{
    background-color: #E6E7E8;
}

.standardBackgroundColor
{
    background-color: #E6E7E8 !important;
}

.dxrd-designer-wrapper
{
    background-color: #E6E7E8 !important;
}

/* HEADER BEGIN */

.companyLogoOne 
{
    background-image: url('/Content/Images/KnijffLogo.svg');
    background-repeat: no-repeat;
}

#HeaderMenu li.dxm-item:active 
{
    background-color: #A7A9AC !important;
}

/*HEADER END*/

/*FOOTER BEGIN*/

.companyLogoTwo
{
    background-image: url('/Content/Images/FlockOfArrows.svg');
    background-repeat: no-repeat;
}

.footerTopOuterPanel
{
    background-color: #414042;
    color: white !important;
}
/*FOOTER END*/

/*CONTENT BEGIN*/

/*FORMS BEGIN*/
.standardCheckBoxStyle
{
    margin-left:16px;
}
.standardCheckBoxLabelStyle
{
   padding-left:12px!important;
}
.standardBorderRadius
{
    border-radius: 5px; 
}

.standardBorderRadiusRecursive
{
    border-radius: 5px !important; 
}

.standardBorderRadiusRecursive * 
{
     border-radius: 5px !important; 
} 

.standardBorderRadiusRight
{
    border-top-right-radius: 5px !important; 
    border-bottom-right-radius: 5px !important; 
}

.standardBorderRadiusTop
{
    border-top-left-radius: 5px !important; 
    border-top-right-radius: 5px !important; 
}

.standardBorderRadiusBottom
{
    border-bottom-left-radius: 5px !important; 
    border-bottom-right-radius: 5px !important; 
}

.standardBorderRadiusUploadField.dxTB
{
    border-top-left-radius: 5px !important; 
    border-bottom-left-radius: 5px !important; 
}

/*FORMS END*/

.tileOrbColor
{
    background-color: #DB0707;
}

.caseDetailTabBackground
{
    background-color: #A7A9AC;
    color: #FFFFFF;
}

.caseDetailTab:hover .caseDetailTabBackground
{
    background-color: #5481C1;
    color: #FFFFFF;
}

.portfolioDetailTabEndImagePanelBackground
{
    background-image: url('/Content/Images/TabBookmarkGrayEnd.svg');
    background-repeat: no-repeat;
}

.caseDetailTab:hover .portfolioDetailTabEndImagePanelBackground
{
    background-image: url('/Content/Images/TabBookmarkBlueEnd.svg');
    background-repeat: no-repeat;
}

.portfolioDetailTabEndImagePanelBackgroundSelected
{
    background-image: url('/Content/Images/TabBookmarkBlueEnd.svg');
    background-repeat: no-repeat;
}

.caseDetailTabBackgroundSelected
{
    background-color: #5481C1;
    color: #FFFFFF;
}

/*CONTENT END*/

.standardBorder
{
    border: 2px solid #a7a9ac !important
}

.standardBorderLeft
{
    border-left: 2px solid #a7a9ac !important
}

.standardBorderRight
{
    border-right: 2px solid #a7a9ac !important
}

.standardBorderTop
{
    border-top: 2px solid #a7a9ac !important
}

.standardBorderBottom
{
    border-bottom: 2px solid #a7a9ac !important
}

.standardThinBorderLeft
{
    border-left: 1px solid #a7a9ac !important
}

.standardThinBorderRight
{
    border-right: 1px solid #a7a9ac !important
}

.standardThinPadding
{
    padding: 5px !important;
}

.standardThinPaddingLeft 
{
    padding-left: 5px !important;
}

.standardThinPaddingRight 
{
    padding-right: 5px !important;
}

.standardThinPaddingTop 
{
    padding-top: 5px !important;
}

.standardThinPaddingBottom 
{
    padding-bottom: 5px !important;
}

.standardPadding
{
    padding: 15px !important;
}

.standardPaddingLeft 
{
    padding-left: 15px !important;
}

.standardPaddingRight 
{
    padding-right: 15px !important;
}

.standardPaddingTop 
{
    padding-top: 15px !important;
}

.standardPaddingBottom 
{
    padding-bottom: 15px !important;
}

@media screen and (min-width: 611px) 
{
    .standardThinPadding
    {
        padding: 15px !important;
    }

    .standardThinPaddingLeft 
    {
        padding-left: 15px !important;
    }

    .standardThinPaddingRight 
    {
        padding-right: 15px !important;
    }

    .standardThinPaddingTop 
    {
        padding-top: 15px !important;
    }

    .standardThinPaddingBottom 
    {
        padding-bottom: 15px !important;
    }
    .smallPaddingRight
    {
        padding-right:10px;
    }
    .smallPaddingLeft
    {
        padding-left:10px;
    }
    .standardPadding 
    {
        padding: 30px !important;
    }

    .standardPaddingLeft 
    {
        padding-left: 30px !important;
    }

    .standardPaddingRight 
    {
        padding-right: 30px !important;
    }

    .standardPaddingTop 
    {
        padding-top: 30px !important;
    }

    .standardPaddingBottom 
    {
        padding-bottom: 30px !important;
    }
}

.inline_block
{
    display: inline-block;
}
.inline_block_footer
{
    position:relative;
    top:100px;
}

.dxgvDataRowHover_KnijffMaterial > * > .dxWeb_edtCheckBoxChecked_KnijffMaterial
{
    background-position: -227px -148px !important;
    width: 18px;
    height: 18px;
}

.dxgvDataRowHover_KnijffMaterial > * > .dxWeb_edtCheckBoxUnchecked_KnijffMaterial
{
    background-position: -246px -148px !important;
    width: 18px;
    height: 18px;
}

.transparentPopupBackgroundColor
{
    background-color: rgba(65, 64, 66, 0.7) !important;
    border-color: rgba(65, 64, 66, 0.7) !important;
}

.dxWeb_mSubMenuItem_KnijffMaterial.dxm-image.dx-vam 
{
    display: none !important;
}

.dxmLite_KnijffMaterial
{
    text-align:center;
}

.dxmLite_KnijffMaterial .dxm-horizontal .dxm-image-l .dxm-content
{
    padding-left:5px!important;
    padding-right:5px!important;
}
