@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

html
{
    width: 100%;
    height: 100%;  
}
 
body
{
    font-size: 14px !important;
    font-family: 'Droid Sans', Arial !important;
    margin: 0px;
    color: #595959;
    overflow: hidden;
}

a
{
    color: #595959;
}

TD, .rlbItem
{
    font-size: 14px;
    font-family: 'Droid Sans';
}

#divSite
{
    width: 100%;
    height: 100vh;
}

#divPageHeaderContainer
{
    position: relative;
    background-color: #2e84b3 /*#ffc74d*/;
    background-image: url('https://develop.mobile.adrez.net/images/adrez_contacten_header.png');
    background-repeat: no-repeat;
    background-position: top left;
    min-width: 1024px;
}

@media only screen and (max-width: 1550px)
{
    #divPageHeaderContainer
    {
        background-position: -50px top;
    }
}

@media only screen and (max-width: 1200px)
{
    #divPageHeaderContainer
    {
        background-position: -75px top;
    }
}

#divPageHeaderInnerContainer
{
    max-width: 1400px;
    width: 70%;
    margin: 0px auto;
    position: relative;
    height: 60px;
}

#divPageHeader
{
    padding: 0px;
	height: 50px;
    padding-top: 10px;
    color: White;
    font-size: 30px;
    text-transform: capitalize;
    float: left;
    width: 175px;
    line-height: normal;
}

@media screen and (max-width: 1024px)
{
    #divPageHeader
    {
        margin-left: 10px;
        width: 165px;
    }
}

#divPageBody
{
    width: 100%;
}

#divMemberLogo
{
    position: absolute;
    right: 25px;
    top: 10px;
    opacity: 0.5;
}

/* LOGIN */
#divLogin
{
    position: absolute;
    right: 0px;
    top: 10px;
    max-width: 265px;
}

@media screen and (max-width: 1024px)
{
    #divLogin
    {
        right: -25px;
    }
}


#divLoginIcon
{
    float: left;
    margin-right: 10px;
}

#divLoginName
{
    float: left;
    max-width: 200px;
}

#divLoginUserName
{
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
    line-height: 18px;
}

#divLoginUserOrganisation
{
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
    overflow: hidden;
}

#divLoginButton
{
    position: absolute;
    right: 0px;
    top: 5px;
}

.cmdLogin
{
    background-color: #2ecc71 !important;
    background-image: none !important;
    padding: 10px !important;
    padding-top: 4px !important;
    padding-bottom: 5px !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: auto !important;
}

.cmdLogin INPUT
{
    background-image: none !important;
    background-color: transparent !important;
    font-size: 16px !important;    
    font-family: 'Droid Sans', Arial !important;
    color: #FFFFFF !important;
}

.cmdLogin:hover
{

}

/* END LOGIN */

/* MENU */

.RadMenu
{
    outline: none;
}

#divPageMenu
{
    width: 60%;
    width: calc(100% - 175px);
    float: left;
    margin-top: 25px;
}

#divPageMenuByline
{
    color: #FFFFFF;
}

#divPageMenu .rmText,
#divLogin .rmText
{
    font-size: 14px !important;
    color: #ffffff !important;
    font-family: 'Droid Sans', Arial !important;
    border: 0px !important;
    background-image: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-transform: lowercase !important;
}

#divPageMenu .rmText.rmExpandRight
{
    background-image: url('../../images/2016/arrow_left_hover.png') !important;
    background-repeat: no-repeat !important; 
    background-position: 135px !important;
}

#divPageMenu .rmExpanded .rmText.rmExpandRight
{
    background-image: url('../../images/2016/arrow_left_hover_white.png') !important;
    background-repeat: no-repeat !important; 
    background-position: 135px !important;
}

#divPageMenu .RadMenu .rmGroup {
    background-image: none !important;
}
 
#divPageMenu .RadMenu .rmGroup .rmLink .rmText { 
    text-align: left !Important;  
    padding-left: 10px !Important;
    margin-left: 2px !Important;  
}

#divPageMenu .RadMenu .rmGroup .rmLink.MenuPicklist .rmText { 
    text-align: left !Important;  
    padding-left: 25px !Important;
    margin-left: 2px !Important;  
}

#divPageMenu .rmRootGroup,
#divLogin .rmRootGroup
{
    border: 0px !important;
}

#divPageMenu .rmRootGroup .rmItem,
#divLogin .rmRootGroup .rmItem
{
    background-color: #256a8f !important;
    background-image: none !important;
    border: 0px !important;
    cursor: pointer !important;
}

#divLogin .rmRootGroup .rmItem
{
    background-color: #2e84b3 !important;
}

#divPageMenu .rmRootGroup .rmRootLink,
#divPageMenu .rmRootGroup .rmExpanded,
#divPageMenu .rmRootGroup .rmLink:hover,
#divLogin .rmRootGroup .rmRootLink,
#divLogin .rmRootGroup .rmExpanded,
#divLogin .rmRootGroup .rmLink:hover
{
    background-image: none !important;
    border: 0px !important;
    border-left: 0px solid #FFFFFF !important;
    padding: 10px !important;
    width: auto !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    cursor: pointer !important;
    background-color: transparent !important;
}

#divLogin .rmRootGroup .rmText
{
    padding-top: 5px !important;
}

#divPageMenu .rmRootGroup .rmExpanded,
#divPageMenu .rmRootGroup .rmLink:hover,
#divLogin .rmRootGroup .rmExpanded,
#divLogin .rmRootGroup .rmLink:hover
{
    background-color: #256a8f /*#2e84b3*/ !important;
}

#divLogin .rmRootGroup .rmExpanded,
#divLogin .rmRootGroup .rmLink:hover
{
    background-color: #256a8f !important;
}

#divPageMenu .rmRootGroup .rmFirst .rmRootLink,
#divLogin .rmRootGroup .rmFirst .rmRootLink
{
    border-left: 0px !important;
}

#divPageMenu .rmRootGroup .rmLink:hover .rmText,
#divLogin .rmRootGroup .rmLink:hover .rmText
{
    color: #FFFFFF !important;
}

#divPageMenu .rmSlide .rmText,
#divLogin .rmSlide .rmText
{
    color: #595959 !important;
    padding-top: 0px !important;
}

#divPageMenu .rmSlide .rmText.MenuDanger,
#divLogin .rmSlide .rmText.MenuDanger
{
    color: #ED4951 !important;
    padding-top: 0px !important;
}

#divPageMenu .rmSlide .rmLink,
#divLogin .rmSlide .rmLink
{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background-color: #FFFFFF !important;
    background-image: none !important;
    color: #595959 !important;
    width: 150px !important;
    cursor: pointer !important;
}

#divPageMenu .rmSlide .rmLink.MenuPicklist
{
    width: auto !important;
}

#divPageMenu .MenuDanger .rmText,
#divLogin .MenuDanger .rmText
{
    color: #ED4951 !important;
}

#divPageMenu .rmSlide .rmRootLink,
#divPageMenu .rmSlide .rmExpanded,
#divPageMenu .rmSlide .rmLink:hover,
#divPageMenu .rmSlide .rmLink:active,
#divLogin .rmSlide .rmRootLink,
#divLogin .rmSlide .rmExpanded,
#divLogin .rmSlide .rmLink:hover,
#divLogin .rmSlide .rmLink:active
{
    width: 150px !important;
    background-image: none !important;
    border: 0px !important;
    padding: 0px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background-color: #2e84b3 !important;
    color: #FFFFFF !important;
}

#divPageMenu .rmSlide .rmLink:hover.MenuPicklist
{
    width: auto !important;
}

#divPageMenu .rmSlide .rmRootLink .rmText,
#divPageMenu .rmSlide .rmExpanded .rmText,
#divPageMenu .rmSlide .rmLink:hover .rmText,
#divLogin .rmSlide .rmRootLink .rmText,
#divLogin .rmSlide .rmExpanded .rmText,
#divLogin .rmSlide .rmLink:hover .rmText
{
    color: #FFFFFF !important
}

#divPageMenu .rmDisabled .rmText,
#divPageMenu .rmDisabled:hover .rmText,
#divPageMenu .rmRootGroup .rmDisabled .rmText,
#divPageMenu .rmRootGroup .rmDisabled:hover .rmText,
#divLogin .rmDisabled .rmText,
#divLogin .rmDisabled:hover .rmText,
#divLogin .rmRootGroup .rmDisabled .rmText,
#divLogin .rmRootGroup .rmDisabled:hover .rmText
{
    color: #bdc3c7 !important;
}

#divPageMenu .rmRootGroup .rmDisabled,
#divPageMenu .rmRootGroup .rmDisabled:hover,
#divLogin .rmRootGroup .rmDisabled,
#divLogin .rmRootGroup .rmDisabled:hover
{
    background-color: #FFFFFF !important;
}

/* END MENU */

/* global styles for textboxes etc */

.txtTextBox
{
	border: 1px solid #95a5a6 !important;
	padding: 10px !important;
    width: 95% !important;
    width: calc(100% - 20px) !important;
    font-size: 14px !important;
    font-family: 'Droid Sans', Arial !important;
}

.chkCheckBox
{
    font-size: 14px !important;
    font-family: 'Droid Sans', Arial !important;
}

.RadForm.rfdTextbox input[type="text"].rfdDecorated, .RadForm.rfdTextbox input[type="password"].rfdDecorated, .RadForm.rfdTextarea textarea, .RadForm.rfdTextarea textarea[disabled].rfdDecorated:hover, .RadForm.rfdTextbox input[disabled][type="text"].rfdDecorated:hover, .RadForm.rfdTextbox input[disabled][type="password"].rfdDecorated:hover, .RadForm.rfdLabel label, .RadForm .rfdDecorated, .RadForm .rfdCheckboxChecked, .RadForm .rfdInputDisabled.rfdCheckboxChecked:hover, .RadForm .rfdCheckboxUnchecked, .RadForm .rfdInputDisabled.rfdCheckboxUnchecked:hover, .RadForm .rfdAspLabel, .RadForm .rfdRadioUnchecked, .RadForm .rfdInputDisabled.rfdRadioUnchecked:hover, .RadForm .rfdRadioUnchecked:hover, .RadForm .rfdRadioChecked, .RadForm .rfdInputDisabled.rfdRadioChecked:hover, .RadForm .rfdRadioChecked:hover, .RadForm .riTextBox, .RadForm .rfdValidationSummaryControl, .RadForm .rfdLoginControl, .RadForm legend
{
    font-size: 14px !important;
    font-family: 'Droid Sans', Arial !important;
}

.cmdTextButton, .cmdTextButtonGray
{
    background-color: #2e84b3 !important;   
    background-image: none !important;    
    padding: 0px !important;
    height: 30px !important; 
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px !important;
}

.cmdTextButton .rbPrimaryIcon,
.cmdTextButtonGray .rbPrimaryIcon
{
    margin-top: 3px;
    margin-left: 5px;
}

.cmdTextButton INPUT, .cmdTextButtonGray INPUT
{
    background-image: none !important;
    color: #FFFFFF !important;
    margin-top: 3px !important;
    width: 100% !important;
    font-weight: bold !important;
    padding: 0px !important;
    font-size: 14px !important;
}
 
.cmdTextButtonGray
{
    background-color: #f2f2f2 !important; 
    border: 1px solid #dedede !important;  
}

.cmdTextButtonGray INPUT
{
    color: #595959 !important;
}

/* END global styles for textboxes etc */

/* CONTENT STYLES */

.divContent 
{ 
    position: relative;
    display: block;
    height: calc(100vh - 60px);
    overflow: hidden;
}

.radSplit
{
    height: calc(100vh - 116px) !important;
}

.radSplit .RadSplitter {
    height: calc(100vh - 116px) !important;
    border: 0px !important;
}

.radSplit .rspPane {
    border: 0px !important;
}

.radSplit .rspResizeBar {
    border: 0px !important;
    background-color: #F5F7F8 !important;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
    cursor: ew-resize !important;
}

.radSplit .rspPane .divRightPane,
.radSplit .rspPane .divLeftPane {
    height: calc(100vh - 116px) !important;
}

.divColumnLeft, .divColumnLeft2, .divColumnLeft3
{
    width: 249px;
    float: left;    
    height: calc(100vh - 60px);
    background-color: #f5f7f8;
    border-right: 1px solid #e2e4e7;
    overflow: auto;
    position: relative;
    z-index: auto;
    cursor: default;
}

.divColumnLeft3
{
    margin-top: 1px; 
    border-top: 1px solid #cacaca; 
    height: calc(100vh - 116px);
    width: 300px;
    border-right: 0px;
    background-color: #FCFCFC;
    overflow: hidden;
}

.radSplit .divColumnLeft3
{
    width: 100%;
}

.divColumnLeft3:hover, .divColumnLeft3:focus 
{
    overflow: auto;
}

.divColumnLeftCollapsed
{
    width: 22px;
    float: left;    
    height: 100%;
    min-height: 500px;
    z-index: auto;
    cursor: default;
    overflow: hidden;
}

.divColumnLeft3 .divTree
{
    display: block !important;
}

.divColumnLeftCollapsed .divTree
{
    display: none !important;
}

@media screen and (max-width: 1300px) {

    .divColumnLeft3,
    .radSplit .divColumnLeft3
    {
        position: absolute;
        width: 400px;
        float: none;
        z-index: 20000;
    }

    .divColumnLeft3.divColumnLeftCollapsed,
    .radSplit .divColumnLeft3.divColumnLeftCollapsed
    {
        position: absolute;
        width: 22px;
        float: none;
        z-index: 20000;
    }
}

@media screen and (max-width: 1024px)
{
    .divColumnLeft2, .divColumnLeftCollapsed
    {
        position: absolute;
        width: 22px;
        float: none;
        z-index: 20000;
    }
    
    .divColumnLeft, .divColumnLeft2
    {
        position: absolute;
        width: 70px;
        float: none;
    }
}

.divPageTitle 
{
    position: absolute;
    width: 209px;
    border-bottom: 1px solid #e2e4e7;
    padding: 20px;
    padding-top: 17px;
    padding-bottom: 17px;
    font-weight: bold;
    font-size: 18px;
    z-index: 20000;
    background-color: #f5f7f8;
}

.divPageTitle2
{    
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
}

@media screen and (max-width: 1024px)
{
    .divPageTitle
    {
        margin-left: 70px;
        width: auto;
        border-bottom: 0px;
    }
}

.divTree
{
    padding: 20px; 
    margin-top: 60px;
}

.divColumnLeft3 .divTree
{
    margin-top: 0px;
    padding: 0px;
}

.divTreeContent
{
    padding: 16px;
}

.divTreeCaptionContainer
{
    padding: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #F2F2F2;
    position: relative;
}

.divTreeCaptionIcon
{
    float: left;
    width: 34px;
    display: block;
    color: #595959;
}

.divTreeCaptionTitle
{
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #595959;
}

.divTreeCaptionButtons
{
    position: absolute;
    right: 10px;
    top: 5px;
}

.divMobile
{
    display: none;
    margin: 0px;
    padding: 0px;
    height: 400px; 
    height: calc(100vh - 60px);
    overflow: hidden;
    cursor: pointer;
}

.divColumnLeft3 .divMobile
{
    height: 400px; 
    height: calc(100vh - 118px);
}

.divMobileIcon
{
    margin: 23px;
    padding-top: 15px;
    margin-top: 0px;
    cursor: pointer;
}

.divMobileClose
{
    display: none;
    cursor: pointer;
}

#divMobileCloseTop
{
    position: absolute;
    top: 10px;
    right: 10px;
}

@media screen and (max-width: 1024px)
{
    .divColumnLeft2 .divTree,
    .divColumnLeft3 .divTree
    {
        display: none;
        margin-top: 0px;
    }

    .divColumnLeft .divTree
    {
        padding: 5px;
    }

    .divColumnLeft2 .divMobile,
    .divColumnLeft3 .divMobile
    {
        display: block;
    }

    .divColumnLeft .divMemberLogo
    {
        display: none;
    }

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

@media screen and (max-width: 1300px)
{
    .divColumnLeft3 .divTree
    {
        display: none;
        margin-top: 0px;
    }

    .divColumnLeft3 .divMobile
    {
        display: block;
    }
}

.divTreeCaption
{
    margin-bottom: 10px;
    color: #999999;
    font-weight: bold;
    border-bottom: 1px solid #e2e4e7;
    padding-bottom: 10px;
    margin-top: 20px;
}

.divTreeCaptionSmall
{
    margin-bottom: 10px;
    color: #999999;
    font-weight: normal;
    border-bottom: 1px solid #e2e4e7;
    padding-bottom: 10px;
    margin-top: 10px;
}

.divTreeCaptionBig
{
    margin-bottom: 10px;
    color: #999999;
    font-weight: bold;
    border-bottom: 1px solid #e2e4e7;
    padding-bottom: 10px;
    margin-top: 20px;
    font-size: 16px;
}

.divColumnRight, .divColumnRight2
{
    width: 70%;
    width: -moz-calc(100% - 251px);
    width: -webkit-calc(100% - 251px);
    width: -o-calc(100% - 251px);
    width: calc(100% - 251px);
    float: left;    
    height: calc(100vh - 60px);
    overflow: hidden;
    margin-right: 0px;
}

.divColumnRight2
{
    width: 70%;
    width: -moz-calc(100% - 301px);
    width: -webkit-calc(100% - 301px);
    width: -o-calc(100% - 301px);
    width: calc(100% - 301px);
    height: calc(100vh - 116px);
}

.radSplit .divColumnRight2
{
    width: 100%;
}

.divColumnRightCollapsed
{
    width: 70%;
    width: -moz-calc(100% - 23px);
    width: -webkit-calc(100% - 23px);
    width: -o-calc(100% - 23px);
    width: calc(100% - 23px);
    float: left;    
    overflow: hidden;
    margin-right: 0px;
}

@media screen and (max-width: 1300px)
{
    .divColumnRight2
    {
        width: 95%;
        width: -moz-calc(100% - 23px);
        width: -webkit-calc(100% - 23px);
        width: -o-calc(100% - 23px);
        width: calc(100% - 23px);
        margin-left: 23px;
        float: none;
    }

    .radSplit .divColumnRight2
    {
        width: 100%;
        margin: 0px;
    }
}

@media screen and (max-width: 1024px)
{
    .divColumnRight
    {
        width: 95%;
        width: -moz-calc(100% - 60px);
        width: -webkit-calc(100% - 60px);
        width: -o-calc(100% - 60px);
        width: calc(100% - 60px);
        margin-left: 60px;
        float: none;
    }
}

.divColumnRightInner
{
    overflow: auto !important;
    height: calc(100vh - 167px);
    padding: 25px;
}

.divColumnRight2 .divColumnRightInner
{
    height: calc(100vh - 156px);
}

.divColumnRightContainer
{
    min-width: 800px;
}

.divSearchContainer 
{
    background-color: #f5f7f8;
    border-bottom: 1px solid #e2e4e7;
    padding: 20px;
    padding-top: 13px;
    padding-bottom: 13px;
}

.divSearchContainer2
{
    background-color: #f5f7f8;
    padding: 20px;
    padding-top: 14px;
    padding-bottom: 14px;
}

#divHelp 
{
    position: absolute;
    right: 25px;
    left: auto;
    top: 18px;
    cursor: pointer;
}

#divHelpPopup
{
    position: absolute;
    right: 10px;
    left: auto;
    top: 23px;
    cursor: pointer;
}

.divClear 
{
    clear: both;    
}

.divFloatLeft 
{
    float: left;    
}

.divFloatLeftMarge 
{
    float: left;
    margin-right: 10px;    
}

.divFloatLeftMarge2
{
    float: left;
    margin-right: 16px;    
}

.divFloatRight 
{
    float: right;    
}

.divGridFull
{
    width: 100%;
}

.divGrid
{
    width: 65%;
    width: -moz-calc(100% - 331px);
    width: -webkit-calc(100% - 331px);
    width: -o-calc(100% - 331px);
    width: calc(100% - 331px);
    float: left;
}

.divGrid2
{
    width: 65%;
    width: -moz-calc(100% - 400px);
    width: -webkit-calc(100% - 400px);
    width: -o-calc(100% - 400px);
    width: calc(100% - 400px);
    float: left;
}

.divGridSmall
{
    width: 60%;
    width: -moz-calc(100% - 381px);
    width: -webkit-calc(100% - 381px);
    width: -o-calc(100% - 381px);
    width: calc(100% - 381px);
    float: left;
}

.divGridSmaller
{
    width: 50%;
    width: -moz-calc(100% - 531px);
    width: -webkit-calc(100% - 531px);
    width: -o-calc(100% - 531px);
    width: calc(100% - 531px);
    float: left;
}

.divDashboard
{
    width: 300px;
    margin-left: 15px; 
    border-left: 1px solid #e2e4e7;
    padding-left: 15px;
    float: right;
}

.divDashboard2
{
    width: 384px;
    float: right;
    padding: 0px;
}

.divDetailsColumn
{
    width: 350px;
    margin-left: 15px; 
    border-left: 1px solid #e2e4e7;
    padding-left: 15px;
    float: right;
}

.divDetailsColumn2
{
    width: 500px;
    margin-left: 15px; 
    border-left: 1px solid #e2e4e7;
    padding-left: 15px;
    float: right;
}

.divPopupToolbar
{
    border-top: 1px solid #e2e4e7;
    padding-top: 10px;
}

.divDetailsToolbar
{
    margin-bottom: 10px;
}

.divBox
{
    border: 1px solid #e2e4e7;
    border-top: 0px;
    text-align: center;
}

.divDetailsContainer
{
    margin: 15px;
    position: relative;
}

.divDetailsCode
{
    position: absolute;
    right: 0px;
    top: 0px;
}

.tdLabel
{
    color: #595959;
    width: 125px;
    padding-bottom: 10px;
}

.tdLabelLarge
{
    color: #595959;
    width: 150px;
    padding-bottom: 10px;
}

.tdLabelRequired
{
    color: #ED4951;
    width: 125px;
    padding-bottom: 10px;
}

.tdField
{
    padding-bottom: 10px;
}

.tdLabelInner
{
    color: #595959;
    padding-bottom: 5px;
}

.tdLabelRequiredInner
{
    color: #ED6A5A;
    padding-bottom: 5px;
}

.tdFieldInner
{
    padding-bottom: 10px;
    padding-right: 10px;
}

.divDetailsLeft
{
    width: 40%;
    width: -moz-calc(50% - 30px);
    width: -webkit-calc(50% - 30px);
    width: -o-calc(50% - 30px);
    width: calc(50% - 30px);
    margin: 15px;
}

.divDetailsRight
{
    width: 40%;
    width: -moz-calc(50% - 31px);
    width: -webkit-calc(50% - 31px);
    width: -o-calc(50% - 31px);
    width: calc(50% - 31px);
    border-left: 1px solid #e2e4e7;
    margin: 15px;
    padding-left: 15px;
    margin-left: 0px;
}

.divMessage
{
    color: #595959;
    background-color: #F5F7F8;
    border: 1px solid #E2E4E7; 
    padding: 10px;
    display: table;
    margin-top: 15px;
    width: 90%;
    width: calc(100% - 20px);
}

.divWarning
{
    color: #FFFFFF;
    background-color: #ED4951;
	font-weight:bold;	
    padding: 15px;
    display: table;
    margin-top: 15px;
    width: 90%;
    width: calc(100% - 20px);
}

.divContentInner
{
    margin-top: 15px; 
    padding-top: 15px; 
    border-top: 1px solid #E2E4E7;
}

.divInnerSearchContainer
{
    margin-top: 15px; 
    margin-bottom: 15px; 
    padding-bottom: 15px; 
    border-bottom: 1px solid #E2E4E7;
}

.divLabel
{
    color: #999999;
    margin-top: 6px;
}

.divNoRecords
{
    color: #595959; 
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}

.divNoRecordsCaption
{
    font-size: 16px;
    padding-bottom: 15px;
}

#divCodesToggle
{
    margin-top: 10px;
    cursor: pointer;
}

#divDashboardLabel
{
    margin-top: 15px;
    border: 1px solid #e2e4e7;
    background-color: #F5F7F8;
    padding: 15px;
}

.divInnerPopup
{
    padding: 15px;
    background-color: #FFFFFF;
    border: 1px solid #2e84b3;
}

/* END CONTENT STYLES */

/* CONTROL STYLES */

.cmdSearch, .cmdSearchGray
{
    background-color: #2e84b3 !important;   
    background-image: none !important;    
    padding: 0px !important;
    height: 30px !important; 
    position: relative;
    -webkit-border-top-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.cmdSearchGray
{
    background-color: #595959 !important;
}
  
.cmdSearch .rbPrimaryIcon, .cmdSearchGray .rbPrimaryIcon 
{
    height: 30px;
    text-align: center;
    width: 100%;    
    position: relative;
    left: 20px;
    top: 5px;
}

.cmdSearch .rbPrimary,
.cmdSearchGray .rbPrimary {
    display: none !important;
}

.cmdSearch INPUT, .cmdSearchGray INPUT
{
    display: none;
}

.txtSearch
{
    padding: 0px !important;
    padding-left: 10px !important;
    height: 30px !important;
    border: 1px solid #e2e4e7 !important;
    font-size: 14px !important;
    padding-right: 80px !important;
}

.txtTextBox
{
    padding: 0px !important;
    padding-left: 10px !important;
    height: 30px !important;
    border: 1px solid #e2e4e7 !important;
    font-size: 14px !important;
    margin: 0px !important;
    width: 100% !important;
}

.txtTextBox2
{
    padding: 0px !important;
    padding-left: 10px !important;
    height: 30px !important;
    border: 1px solid #e2e4e7 !important;
    font-size: 14px !important;
    margin: 0px !important;
    font-family: 'Droid Sans', Arial;
    color: #595959;
    font-size: 14px;
}

.txtTextArea
{
	padding: 0px !important;
    padding-left: 10px !important;
    border: 1px solid #e2e4e7 !important;
    font-size: 14px !important;
    margin: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-family: 'Droid Sans', Arial;
    color: #595959;
    font-size: 14px;
}

.cmdButton, .cmdButtonGray
{
    background-color: #2e84b3 !important;  
    background-image: none !important;    
    padding: 0px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    height: 30px !important; 
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px !important;
    border: 1px solid #2e84b3 !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
}

.cmdButtonDisabled
{
    background-color: #E2E4E7 !important;
    background-image: none !important;    
    padding: 0px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    height: 30px !important; 
    position: relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px !important;
    border: 1px solid #E2E4E7 !important;
    color: #999999 !important;
    cursor: pointer !important;
}

.cmdButtonGray
{
    background-color: #F5F7F8 !important;
    border: 1px solid #E2E4E7 !important;
}

.cmdButton INPUT, .cmdButtonGray INPUT
{
    background-image: none !important;
    color: #FFFFFF !important;
    margin-top: 3px !important;
    width: 100% !important;
    font-weight: bold !important;
    padding: 0px !important;
    font-size: 14px !important;
}

.cmdButtonGray INPUT
{
    color: #595959 !important;
}

.CheckCell LABEL, .CheckColumn LABEL
{
    display: none !important;
}

.rfdCheckboxUnchecked, .rfdCheckboxChecked
{
    color: #595959 !important;
}

.divDashboardTag
{
    background-color: #e2e4e7;
    border-radius: 5px;
    font-size: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    color: #595959;
}

fieldset
{
    border: 1px solid #e2e4e7 !important;
    background-color: #f5f6f8 !important;
}

.rfeFilterTxt
{
    border: 1px solid #e2e4e7 !important;
    padding: 5px !important;
    font-size: 14px !important;
    color: #595959 !important;
    font-family: 'Droid Sans', Arial !important;
}

.rgEditForm .rgHeader
{
    display: none;
}

.rgEditForm
{
    border: 0px !important;
}

.cmdButtonText
{
    border: 1px solid #e2e4e7 !important;
    background-color: #F5F7F8 !important;
    height: 30px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    background-image: none !important;   
    min-width: 75px !important;
    margin: 0px !important;
}

.cmdButtonText .rbPrimaryIcon
{
    background-position: 10px 3px;
    height: 28px !important;
    width: 30px !important;
}

.cmdButtonText INPUT
{
    background-image: none !important;
    padding-left: 35px !important;
    height: 28px !important;
    text-align: left !important;
    font-size: 14px !important;
    font-family: 'Droid Sans' !important;
    color: #595959 !important;
}

.cmdNew, .cmdMutations, .cmdEvents, .cmdNewSmall, .cmdNewSmaller
{
    border: 0px !important;
    border-radius: 21px !important;
    height: 42px !important;
    width: 42px !important;
    padding: 0px !important;
    margin: 0px !important;
    background-image: none !important;
    background-color: #2E84B3 !important;
    position: relative !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
    box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
}

.cmdNewSmall
{
    border: 0px !important;
    border-radius: 14px !important;
    height: 28px !important;
    width: 28px !important;
    padding: 0px !important;
    margin: 0px !important;
    background-image: none !important;
    background-color: #2E84B3 !important;
    position: relative !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
    box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
}

.cmdNewSmaller {
    border: 0px !important;
    border-radius: 10px !important;
    height: 20px !important;
    width: 20px !important;
    padding: 0px !important;
    margin: 0px !important;
    background-image: none !important;
    background-color: #2E84B3 !important;
    position: relative !important;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
    box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);
}

.cmdMutations
{
    background-color: #ED4951 !important;
}

.cmdEvents
{
    background-color: #f9d05e !important;
}

.cmdNew:hover, .cmdNewSmall:hover, .cmdNewSmaller:hover 
{
    background-color: #256A8F !important;
}

.cmdNew INPUT, .cmdMutations INPUT, .cmdEvents INPUT, .cmdNewSmall INPUT, .cmdNewSmaller INPUT
{
    display: none !important;
}

.cmdNew .rbPrimaryIcon, .cmdMutations .rbPrimaryIcon, .cmdEvents .rbPrimaryIcon,
.cmdNewSmall .rbPrimaryIcon, .cmdNewSmaller .rbPrimaryIcon
{
    position: absolute !important;
    top: 13px !important;
    left: 13px !important;
    width: 16px !important;
    height: 16px !important;
}

.cmdNewSmall .rbPrimaryIcon
{
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
    width: 16px !important;
    height: 16px !important;
}

.cmdNewSmaller .rbPrimaryIcon {
    position: absolute !important;
    top: 4px !important;
    left: 4px !important;
    width: 12px !important;
    height: 12px !important;
}

INPUT.ruFakeInput
{
    border: 1px solid #e2e4e7 !important;
    color: #595959 !important;
    font-family: 'Droid Sans', Arial !important;
    font-size: 14px !important;
    padding: 5px !important;
}

INPUT.ruBrowse, .rfeUploadButtonContainer .RadButton
{
    background-color: #e5e7e8 !important;
    border: 1px solid #e2e4e7 !important;
    color: #595959 !important;
    font-family: 'Droid Sans', Arial !important;
    font-size: 14px !important;
    line-height: 14px !important;
    padding: 5px !important;
    width: auto !important;
    height: auto !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    border-radius: 4px !important;
}

.rfeUploadButtonContainer .RadButton INPUT
{
    font-family: 'Droid Sans', Arial !important;
    font-size: 14px !important;
    line-height: 14px !important;
    padding: 0px !important;
    margin: 0px !important;
    color: #595959 !important;
}

span.ruFileWrap
{
    height: auto !important;
}

div.rfeUploadInfoPanel
{
    border: 1px solid #e2e4e7 !important;
    padding: 15px !important;
    background-color: #f5f7f8 !important;
}

div.rfeUploadInfoPanel dl
{
    padding: 0px !important;
    margin: 0px !important;
    background-color: none !important;
    border: none !important;
    font-family: 'Droid Sans', Arial !important;
    font-size: 12px !important;
}

div.rfeCheckBoxContainer
{
    font-family: 'Droid Sans', Arial !important;
    font-size: 14px !important;
}

.quick_editor
{
    border: 0px !important;
    padding: 0px !important;
}

.divFilter
{
    font-size: 11px;
    color: #999999;
    margin-top: 10px;
}

.divFilter a
{
    color: #999999;
}

/* END CONTROL STYLES */

#imagez .rgInfoPart
{
    display: none !important;
    color: #FFFFFF !important;
}

#imagez .rtbInner
{
    height: auto !important;
}

#imagez .rgRow
{
    background-color: #f5f7f8 !important;
    border-bottom: 1px solid #e2e4e7 !important;
}


/* 1024px styles */
@media screen and (max-width: 1024px)
{
    #ctl00_ContentPlaceHolder1_txtSearch_wrapper
    {
        width: 140px !important;
    }
}

.rfeFilterLbl
{
    color: #595959 !important;
    display: block !important;
    margin-top: 8px !important;
    margin-right: 5px !important;
}

.rwDialogText
{
    color: #595959 !important;
    font-size: 14px !important;
}

.rwPopupButton
{
    background-image: none !important;
    border: 1px solid #e2e4e7 !important;
    background-color: #f5f6f8 !important;
    color: #595959 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    border-radius: 2px !important;

    border: none !important;
    border-radius: 2px !important;
    display: inline-block !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 15px !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
    -webkit-tap-highlight-color: transparent !important;

    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2) !important;
    outline:0 !important;
    margin-top: 10px  !important;
    margin-right: 10px !important;
}

.rwPopupButton .rwOuterSpan,
.rwPopupButton .rwInnerSpan
{
    background-image: none !important;
    border: 0px !important;
    line-height: 36px !important;
    cursor: pointer !important;
}

@media screen and (min-width: 1280px)
{
    #divProcess2
    {
        width: calc(100% - 710px) !important;
    }

    #divProcess3
    {
        width: 225px !important;
    }

    #divProcess4
    {
        width: 225px !important;
    }
}

@media screen and (min-width: 1380px)
{
    #divProcess2
    {
        width: calc(100% - 810px) !important;
    }

    #divProcess3
    {
        width: 275px !important;
    }

    #divProcess4
    {
        width: 275px !important;
    }
}


/**/
.RadSlider_Material .rslSelectedregion,
.RadSlider_Material a.rslDraghandle,
.RadSlider_Material .rslTrack a.rslDraghandle:after {
    background-color: #2E84B3 !important;
}

.RadSlider_Material a.rslDraghandle
{
    border-color: #2E84B3 !important;
}

.divMaterialFieldCaption
{
    font-weight: 600;
    margin-bottom: 8px;
}

.divMaterialFieldLabel
{
    
}

.divMaterialFieldContainer
{
    margin-bottom: 18px;
}

.RadButton_Material span.rbToggleCheckboxChecked.rbText,
.RadButton_Material span.rbToggleCheckbox.rbText
{
    color: #595959 !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

.RadButton_Material span.rbToggleCheckboxChecked:before
{
  color: #2E84B3 !important;
}

.rgRow IMG[src=""], .rgAltRow IMG[src=""] {
    display: none !important;
}