/*** BEGIN ReportGenerator.ascx ***/
.reportGenerator {
    float: left;
    width: 100%;
}

.reportGeneratorToolbar {
    width: 100%;
    float: left;
    /* margin-bottom: 10px; */
}
    .reportGeneratorToolbar .template {
        position: absolute;
        top: 5px;
        right: 5px;
    }        

    .reportGeneratorToolbar .exporter {
        position: absolute;
        top: 5px;
        right: 105px;
    }

        .reportGeneratorToolbar .exporter .dxbButtonSys {
            height: 30px !important;
        }

    .reportGeneratorToolbar .print {
        float: right;
        display: none;
    }

    .reportGeneratorToolbar .export {
        display: none;
    }
/*** END ReportGenerator.ascx ***/

/*** BEGIN LanguageSelection.ascx ***/

.languageSelectorControl .buttonPanel > .languageText {
    vertical-align: 4px;
    font-size: 11px;
    display: none;
}

.languageSelectorControl .buttonPanel > input {
    background: none;
    width: 16px;
    height: 16px;
    padding-top: 4px;
    margin: 0 5px;
}

#loginForm .languageSelectorControl .buttonPanel > input {
    margin: 5px;
}

.languageSelectorControl .buttonPanel .activeLanguage {
    background: url("images/icons/selectedArrow.png") no-repeat scroll center top transparent;
}


/*** END LanguageSelection.ascx ***/

/*** BEGIN UserFilter.ascx ***/
.userfilterControl {
    width: 100%;
}

    .userfilterControl .username {
        background-color: rgba(255, 255, 255, 0.15);
        float: left;
        font-size: 16px;
        padding: 10px 0;
        width: 100%;
    }

        .userfilterControl .username .label {
            color: lightskyblue;
            float: left;
            margin-left: 10px;
            margin-right: 10px;
        }

        .userfilterControl .username .value {
            float: left;
        }

    .userfilterControl .container {
        width: 100%;
        float: left;
    }

        .userfilterControl .container .firstheader {
            min-height: 30px;
            color: #aaa;
            width: 250px;
            font-size: 20px;
            float: left;
            margin-top: 20px;
        }

        .userfilterControl .container .secondheader {
            min-height: 30px;
            color: #777;
            width: 250px;
            font-size: 20px;
            float: left;
            margin-top: 20px;
        }

        .userfilterControl .container .thirdheader {
            color: #666;
            margin-left: 500px;
            font-size: 20px;
            min-height: 30px;
            margin-top: 20px;
        }

        .userfilterControl .container .filtercontrol {
            background-color: rgba(255, 255, 255, 0.1);
            float: left;
            width: 100%;
        }

        .userfilterControl .container .validcriteria {
            float: left;
            width: 100%;
        }

        .userfilterControl .container .invalidcriteria {
            border-style: solid;
            border-width: 1px;
            border-color: red;
            /*min-height:150px;*/
            width: 50%;
            float: left;
        }

        .userfilterControl .container .dummycontent {
        }

        .userfilterControl .container .errormessage {
            min-height: 40px;
            color: red;
            width: 100%;
            float: right;
        }
/*** END UserFilter.ascx ***/


/*** BEGIN RolesManagement.ascx ***/
.selectedrole {
    /* height: 30px; */
    /* font-weight: bold; */
    margin: 12px;
    padding: 10px;
    color: white;
    background-color: #DCDCDC;
    width: 98%;
}

    .selectedrole .labeltext {
        width: 5%;
        float: left;
    }

    .selectedrole .selectedvalue {
        width: 70%;
        float: left;
    }
/*** END RolesManagement.ascx ***/


/*****ContractDetails ******/
#ContractShopDetails {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.2);
    font-size: 13px;
    margin-bottom: 15px;
    padding: 10px;
    width: 100%;
}

    #ContractDetails .DetailLabel, #ContractShopDetails .DetailLabel {
        color: #EEEEEE;
        padding: 4px;
        width: 10%;
        background-color: #DAE9F2;
    }

    #ContractDetails .DetailsValue, #ContractShopDetails .DetailsValue {
        color: lightskyblue;
        padding: 4px;
        text-align: left;
        width: 15%;
        background-color: #DEDEDE;
    }

.detailsLabel {  
    padding: 4px;
    width: 10%;
    background-color: #DAE9F2;
}

.detailsValue {
    padding: 4px;
    text-align: left;
    width: 15%;
    background-color: #DEDEDE;
}



#ContractDetails .Number, #ContractShopDetails .Number {
    text-align: right;
}

#divDetails .accordianWrapper {
    clear: both;
}

    #divDetails .accordianWrapper .accordian {
        margin-bottom: 10px;
    }

        #divDetails .accordianWrapper .accordian .accordianContent {
            overflow-x: scroll;
            overflow-y: hidden;
            padding: 15px 15px 15px 15px;
        }

/***selectdashboardgroup***/
.selectdashboardgroup {
    background-color: rgba(255,255,255,0.1);
    float: right;
    padding: 10px;
    color: #eee;
    width: 400px;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

    .selectdashboardgroup .dashboardUsersComboBox {
        width: 170px;
    }

    .selectdashboardgroup label.button {
        background-color: #222222;
        color: #DDDDDD;
        float: left;
        font-size: 15px;
        line-height: 24px;
        margin-left: 10px;
        padding: 0 10px;
        text-decoration: none;
        -ms-flex-pack: end;
    }

        .selectdashboardgroup label.button:hover {
            background-color: steelblue;
            color: #eee;
            float: left;
        }