/*-----------------------------------------------------------------------------------------------------------
Basic für Body, Wrapper, Main, Footer*/

.body
{
    font-size: 10pt;
    background-color: #FFF;
}

* 
{
    font-family: Tahoma,Verdana,Arial ! important;
}

.appointment-overflow-wrap-break-word {
    overflow-wrap: break-word;
}

#divWrapper {
    padding-top: 3px;
}

    #divWrapper #divMain #divMainAlternate {
        /*background-color:#E4E4E4;   */
        background-color: #fff;
    }

#divMain
{
    padding: 4px 4px 4px 4px;
    overflow: hidden;
}


#footer
{
    padding-top: 10px;
    float: left;
    color: Gray;
}



/*-----------------------------------------------------------------------------------------------------------
Basic für Texte*/

fieldset 
{
    padding: 0 0 0 0 ;
    border: 0px solid #ddd;
    float: left;
    width:100%;
}

legend {
    font-size: 20px !important;
    font-weight: bold !important;
    padding: 25px 0 15px 0;
}

legend label {
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 0px;
}

.legendLabel {
    font-size: 20px !important;
    font-weight: bold !important;
    padding: 0px;
}

a {
    color: #0D45B7 !important;
    text-decoration: none;
}

a:visited
{
    color: #0D45B7 !important;
    text-decoration: none;
}



/*Link-Buttons*/

.linkButton
{
    text-decoration:none;
    color: #0D45B7;
    font-size: 9pt;
}

.linkButton:hover
{
    text-decoration:none;
    color: #5497e9;
}




/*-----------------------------------------------------------------------------------------------------------
Divs, Zeilen usw.*/


/*Div-Row*/
.divRow
{
    border-top: 1px solid #E4E4E4;
    width: 100%;
    padding: 10px 0 10px 0;
    overflow: hidden;
}


.divRowLogin {
    border-top: 1px solid #E4E4E4;
    width: 100%;
    padding: 10px 0 10px 0;
    overflow: hidden;
}

.noBorder
{
    border: none !important;
}

.divRow .divLabel {
    float: left;
    min-width: 200px;
    margin-top: 5px;
    font-size: 10pt;
}


.divRowLogin .divLabel {
    float: left;
    min-width: 300px;
    margin-top: 5px;
    font-size: 10pt;
}


.divRow .divLabelExpanded {
    float: left;
    min-width: 180px;
    margin-top: 0px;
    margin-left: 20px;
    font-size: 10pt;
}


.divRow label
{
    margin-top: 5px;
}

.divRow .divInput {
    float: left;
    font-size: 10pt;
}

.divRow .divInputDescription {
    float: left;
    padding-top: 5px;
    padding-left: 3px;
}

.divRow .divInputTwo {
    float: left;
    
    padding-left: 4px;
}

.divRow .divInputButtons {
    float: left;
    padding-top: 5px;
    padding-left: 1px;
}

.divRow .divInputButtons .removeButton {
    margin-top: 161px;
}

.divRow .divInputButtons .additionAdaptionItems {
    margin-top: 51px;
}

.divRow .divInputButtons .additionAdaptionBottomItem {
    margin-top: 11px;
}





.divRowLogin label {
    margin-top: 5px;
}

.divRowLogin .divInput {
    float: left;
}


.divRow #divSecurityCaptcha
{
    float: left;
    width: 50px;
   
   
}

.minwidth-310
{
	min-width: 310px;
}


/*Div-PopupRow*/

.divPopupRow
{
    width: 100%;
    padding: 10px 0 10px 0;
    overflow: hidden;
}

.divPopupRowContainer
{
    width: 50%;
    float: left;
    overflow: hidden;
}

.divPopupRow .divLabel {
    float: left;
    width: 100px;
    font-size: 10pt;
    margin-top: 5px;
}

.divPopupRow .divInput
{
    float: left;
    font-size: 10pt;
}

.divPopupContent
{
    padding: 10px 15px 10px 15px;
}

#divPopUpMemberSelection
{
    float:right;
    padding: 10px 10px 10px 0;
}

.divPopUpComment
{
    float:right;
    padding: 10px 10px 10px 0;
}

#divPopUpAdditionSelection
{
    float:right;
    padding: 10px 10px 10px 0;
}


/*Div-ButtonRow*/

.divButtonRow
{
    border-top: 1px solid #A3C0E8;
    width: 100%;
    padding: 20px 0 11px 0;
    overflow: hidden;
}

    .divButtonRow .divInput {
        float: left;
        padding-right: 10px;
    }

    .divButtonRow .divLabel {
        float: left;
        margin-top: 0px;

    }


/*Separating-Divs*/

.divRight
{
    text-align:right;
}

.divHalf
{
    float: left;
    width: 50%;
    text-align: center;   
}

.divThird
{
    float: left;
    width: 33.33%;
    text-align: center;   
}

.btnSchedulerViewSelection
{
	height: 36px;
    width: 76px;
    float: left;
}


/*Div-IDs*/

#divLogo
{
    width: 300px;
    float: left;
}

#divLogo4K {
    width: 600px;
    float: left;
}

#divLogoAlternate {
    width: 800px;
    float: left;
}


#divLogin
{
    float: right;
}


#divLoginUnvisible {
    float: right;
    display: none;
}

/*------------------------------------------------------------------------------------
   für Alternative NavigationBar -> Derzeit nur in Kurse
*/

#divHeaderNavigation {
    margin-bottom: 17px;
    overflow: hidden;

}
#divHeaderNavigationMobile {
    margin-bottom: 5px;
    overflow: hidden;
   
}


#divNavigationBarHeader {
    margin-top: 65px;
    margin-bottom: 45px;
    padding-top: 20px;
    border-top: 1px solid #e4e4e4;
}



.divPanelUserLogin {
    float:right;
}

.btn-group {
}

    .btn-group .aspxButton {
        border: none;
        border-left: 1px solid #e4e4e4;
        border-radius: 0;
        background-color: white;
        color: black;
        font-size: 16px;
        /* Some padding */
        cursor: pointer; /* Pointer/hand icon */
        float: left; /* Float the buttons side by side */
        overflow:hidden;
    }

        .btn-group .aspxButton:hover {
            color: #0072ba;
        }

/* Clear floats (clearfix hack) */
.btn-group:after {
    content: "";
    clear: both;
    display: table;
}
.aspxButtonFirstChild { /*Only last child has border right (prevent double border)*/
    border: none !important;
}

.aspxButtonNavigationGraphicalView {
    border: none;
    border-left: 1px solid #e4e4e4;
    border-radius: 0;
    background-color: white;
    color: black;
    font-size: 16px;
    padding-left:50px;
    padding-right:50px;
    /* Some padding */
    cursor: pointer; /* Pointer/hand icon */
    overflow: hidden;
}

aspxButtonNavigationGraphicalView:hover {
    color: #0072ba;
}


.aspxButtonNavigationGraphicalViewFirstChild { /*Only last child has border right (prevent double border)*/
    border: none !important;
}




.btn-group-expanded {
}

    .btn-group-expanded .aspxButton {
        border: none;
        border-left: 1px solid #e4e4e4;
        border-radius: 0;
        background-color: white;
        color: black;
        font-size: 16px;
        /* Some padding */
        cursor: pointer; /* Pointer/hand icon */
        float: left; /* Float the buttons side by side */
        overflow: hidden;
    }

        .btn-group-expanded .aspxButton:hover {
            color: #0072ba;
        }

    /* Clear floats (clearfix hack) */
    .btn-group-expanded:after {
        content: "";
        clear: both;
        display: table;
    }




.login-group {
    float: right;
    text-align: right;
    vertical-align: middle;
}

    .login-group .aspxButton {
        border: none;
        border-left: 1px solid #e4e4e4;
        border-radius: 0;
        background-color: white;
        color: black;
        font-size: 13px;
        /* Some padding */
        cursor: pointer; /* Pointer/hand icon */
        float: left; /* Float the buttons side by side */
    }

    



        .login-group .aspxButton:hover {
            color: #0072ba;
        }
    /* Clear floats (clearfix hack) */
    .login-group:after {
        content: "";
        clear: both;
        display: table;
    }

.login-groupFirstChild { /*Only last child has border right (prevent double border)*/
    border: none !important;
}

.login-group-mobile {
    
    text-align: left;
    vertical-align: middle;
}

.HeaderUserName {
    padding-top: 4px;
    float: left; /* Float the buttons side by side */
}



.UserButton {
    border: none;
    background-color: white;
    color: black;
    font-size: 13px;
    padding: 0px 0px 0px 0px !important;
    /* Some padding */
    cursor: pointer;
    text-align: right;
    float: right;
    
    vertical-align: middle;
}

    .UserButton:hover {
        color: #0072ba;
    }

/*------------------------------------------------------------------------------------*/

.btn-flatStyle {
    padding: 5px 7px 5px 7px;
    font-size: 14px;
    color: white;
    background-color: #01A3D4;
    border: none;

}



    .btn-flatStyle:hover {
        background-color: #006584;
    }






.btn-flatStyle-graphicalView {
    padding: 5px 7px 5px 7px;
    font-size: 14px;
    color: white;
    background-color: #01A3D4;
    border: none;
}
    .btn-flatStyle-graphicalView:hover {
        background-color: #006584;
    }

.btn-flatTabStyle{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.textboxFlatStyle {
    border-color: #E4E4E4;
    font-size: 12pt;
    padding: 2px;
}

.comboBoxFlatStyle {
    border-color: #E4E4E4;
    font-size: 12pt;
    padding: 3px;
}


#divRememberMe
{
    padding-left: 296px;
}

#divSchedulerNavigationNewStyle {
    height: 36px;
    background-color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

#divSchedulerNavigation
{
    height: 36px;
    background-color: #E4E4E4;
    border-top: 1px solid #9F9F9F;
    border-left: 1px solid #9F9F9F;
    border-right: 1px solid #9F9F9F;
}

#divSchedulerDateNavigation
{
    height: 21px;
    margin-top: 6px;
    margin-left: 6px;
    float: left;
}

#divSchedulerViewSelection
{
    height: 36px;
    float: right;
}

#MainPlaceHolder_ASPxDateEditScheduler_I
{
    visibility: hidden;
}




/*-----------------------------------------------------------------------------------------------------------
Header-Table für Graphical-Views*/

.headerTableNewStyle {
    background-color: #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 2px;
    border-collapse: separate;
}

/*-----------------------------------------------------------------------------------------------------------
Header-Table für Graphical-Views*/
.headerTable {
    background-color: #E4E4E4;
    border-top: 1px solid #9F9F9F;
    border-left: 1px solid #9F9F9F;
    border-right: 1px solid #9F9F9F;
    padding: 2px;
    border-collapse: separate;
}

.comboBoxPadding {
    padding-top: 100px;
    padding-bottom: 0px;
}


.side
{
    padding: 1px;
    width: 50%;
    vertical-align: top;
}

.sideNewStyle{
    padding: 1px;    
    vertical-align: top;
}


.middle {
    padding: 1px;
    width: 250px;
}

.middleNewStyle {
    padding: 1px;
    width: 200px;
}

.labelBundle{
    float: left;
    margin-left: 500px;
}
.valueBundle {
    float: right;
    margin-right: 10px;
}







/*-----------------------------------------------------------------------------------------------------------
Header-Table für Graphical-Views*/

#reserveLegend
{
    width:100%;
    margin-top:15px;
    margin-bottom:10px;
}

.legendContainer
{
    width:25%;
    float:left;
}

.legendColorNewStyle {
    height: 23px;
    width: 23px;
    border: 1px ridge #9F9F9F;
    float: left;
}


.legendColor
{
    height:23px;
    width:23px;
    border: 1px ridge #000;
    float:left;
}

.legendText
{
    margin-top:4px;
    margin-left:15px;
    float:left;
    font-size: 12pt !important;
}

/*---------------------------------------------------------------------------------------------------------
DateNavigationButtonStyles
*/
.dateNavigationLeftButton:hover {
    Url ="~/Content/Images/Web/NavigationLeft.png";
}




/*-----------------------------------------------------------------------------------------------------------
Basic für Devexpress-Controls*/

.dxeBase {
    /*font-size: 10pt;*/
    font-size: 10pt;
}

.dxpSummary
{
    font-size: 10pt;
    padding-left: 0px;
}

.dxpControl td.dxpCtrl
{
    padding: 0px;
}

.dxbButton_DevEx
{
    min-width: 100px;
}

.dxbButton_Aqua
{
    min-width: 100px;
}

.dxpcHeader 
{
    color: #283B56;
    background-color: #E2F0FF;
    background-image: url('/DXR.axd?r=0_189-GGrP5');
    background-repeat: repeat-x;
    border-bottom: Solid 1px #A3C0E8;
    border-top-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    padding: 2px 2px 2px 12px;
}

.dxpcHeader td.dxpc
{
    color: #283B56;
    white-space: nowrap;
    font-weight: normal;
    padding: 4px 0px 5px 0px;   
}

.dxpcHeader .dxWeb_pcCloseButton
{
    background-image: url('/DXR.axd?r=0_203-GGrP5');
    background-repeat: no-repeat;
    background-color: transparent;
    display: block;
}

.dxpcHeader .dxpcCloseButton 
{
    padding: 1px;
    padding-right: 3px;
}

.dxpcHeader table 
{
    border-spacing: 0px;
}



.dxWeb_pcCloseButton {
    background-position: 0px -50px;
}

.dxWeb_pcCloseButton,
.dxWeb_pcPinButton,
.dxWeb_pcRefreshButton,
.dxWeb_pcCollapseButton,
.dxWeb_pcMaximizeButton {
    width: 17px;
    height: 16px;
}

.dxWeb_rpHeaderTopLeftCorner,
.dxWeb_rpHeaderTopRightCorner,
.dxWeb_rpBottomLeftCorner,
.dxWeb_rpBottomRightCorner,
.dxWeb_rpTopLeftCorner,
.dxWeb_rpTopRightCorner,
.dxWeb_rpGroupBoxBottomLeftCorner,
.dxWeb_rpGroupBoxBottomRightCorner,
.dxWeb_rpGroupBoxTopLeftCorner,
.dxWeb_rpGroupBoxTopRightCorner,
.dxWeb_mHorizontalPopOut,
.dxWeb_mVerticalPopOut,
.dxWeb_mVerticalPopOutRtl,
.dxWeb_mSubMenuItem,
.dxWeb_mSubMenuItemChecked,
.dxWeb_mScrollUp,
.dxWeb_mScrollUpDisabled,
.dxWeb_mScrollDown,
.dxWeb_mScrollDownDisabled,
.dxWeb_tcScrollLeft,
.dxWeb_tcScrollRight,
.dxWeb_tcScrollLeftHover,
.dxWeb_tcScrollRightHover,
.dxWeb_tcScrollLeftPressed,
.dxWeb_tcScrollRightPressed,
.dxWeb_tcScrollLeftDisabled,
.dxWeb_tcScrollRightDisabled,
.dxWeb_nbCollapse,
.dxWeb_nbExpand,
.dxWeb_splVSeparator,
.dxWeb_splVSeparatorHover,
.dxWeb_splHSeparator,
.dxWeb_splHSeparatorHover,
.dxWeb_splVCollapseBackwardButton,
.dxWeb_splVCollapseBackwardButtonHover,
.dxWeb_splHCollapseBackwardButton,
.dxWeb_splHCollapseBackwardButtonHover,
.dxWeb_splVCollapseForwardButton,
.dxWeb_splVCollapseForwardButtonHover,
.dxWeb_splHCollapseForwardButton,
.dxWeb_splHCollapseForwardButtonHover,
.dxWeb_pcCloseButton,
.dxWeb_pcPinButton,
.dxWeb_pcRefreshButton,
.dxWeb_pcCollapseButton,
.dxWeb_pcMaximizeButton,
.dxWeb_pcSizeGrip,
.dxWeb_pcSizeGripRtl,
.dxWeb_pPopOut,
.dxWeb_pPopOutDisabled,
.dxWeb_pPopOutHover,
.dxWeb_pPopOutPressed,
.dxWeb_pAll,
.dxWeb_pAllDisabled,
.dxWeb_pPrev,
.dxWeb_pPrevDisabled,
.dxWeb_pNext,
.dxWeb_pNextDisabled,
.dxWeb_pLast,
.dxWeb_pLastDisabled,
.dxWeb_pFirst,
.dxWeb_pFirstDisabled,
.dxWeb_tiBackToTop,
.dxWeb_smBullet,
.dxWeb_tvColBtn,
.dxWeb_tvColBtnRtl,
.dxWeb_tvExpBtn,
.dxWeb_tvExpBtnRtl,
.dxWeb_fmFolder,
.dxWeb_fmFolderLocked,
.dxWeb_fmCreateButton,
.dxWeb_fmMoveButton,
.dxWeb_fmRenameButton,
.dxWeb_fmDeleteButton,
.dxWeb_fmRefreshButton,
.dxWeb_fmDwnlButton,
.dxWeb_fmCreateButtonDisabled,
.dxWeb_fmMoveButtonDisabled,
.dxWeb_fmRenameButtonDisabled,
.dxWeb_fmDeleteButtonDisabled,
.dxWeb_fmRefreshButtonDisabled,
.dxWeb_fmDwnlButtonDisabled,
.dxWeb_ucClearButton,
.dxWeb_ucClearButtonDisabled,
.dxWeb_isPrevBtnHor,
.dxWeb_isNextBtnHor,
.dxWeb_isPrevBtnVert,
.dxWeb_isNextBtnVert,
.dxWeb_isPrevPageBtnHor,
.dxWeb_isNextPageBtnHor,
.dxWeb_isPrevPageBtnVert,
.dxWeb_isNextPageBtnVert,
.dxWeb_isPrevBtnHorDisabled,
.dxWeb_isNextBtnHorDisabled,
.dxWeb_isPrevBtnVertDisabled,
.dxWeb_isNextBtnVertDisabled,
.dxWeb_isPrevPageBtnHorDisabled,
.dxWeb_isNextPageBtnHorDisabled,
.dxWeb_isPrevPageBtnVertDisabled,
.dxWeb_isNextPageBtnVertDisabled,
.dxWeb_isDot,
.dxWeb_isDotDisabled,
.dxWeb_isDotSelected,
.dxWeb_fmGvHeaderFilter,
.dxWeb_fmGvHeaderFilterActive,
.dxWeb_fmThumbnailCheck,
.dxWeb_isPlayBtn,
.dxWeb_isPauseBtn,
.dxWeb_igCloseButton,
.dxWeb_igNextButton,
.dxWeb_igPrevButton,
.dxWeb_igPlayButton,
.dxWeb_igPauseButton,
.dxWeb_igNavigationBarMarker
 {
    background-image: url('sprite.png');
    background-repeat: no-repeat;
    background-color: transparent;
    display:block;
}

.dxpcLite .dxpc-closeBtn,
.dxdpLite .dxpc-closeBtn,
.dxpcLite .dxpc-pinBtn,
.dxdpLite .dxpc-pinBtn,
.dxpcLite .dxpc-refreshBtn,
.dxdpLite .dxpc-refreshBtn,
.dxpcLite .dxpc-collapseBtn,
.dxdpLite .dxpc-collapseBtn,
.dxpcLite .dxpc-maximizeBtn,
.dxdpLite .dxpc-maximizeBtn
{
	padding: 1px;
	float: right;
}

.dxpcLite .dxpc-header.dxpc-withBtn,
.dxdpLite .dxpc-header.dxpc-withBtn 
{
	padding-bottom: 4px;
}

.dxpcLite .dxpc-header,
.dxdpLite .dxpc-header 
{
	color: #283B56;
	background: #E2F0FF url('pcHeaderBack.gif') repeat-x;
	border-bottom: 1px solid #A3C0E8;
	padding: 5px 2px 7px 12px;
}

.dxpcContentPaddings
{
	padding: 0;
}

.dxpcContentPaddings_Aqua
{
	padding: 0;
}

.dxscSel {
    background-color: transparent !important;
}


/*Setzt die Reservations-Farben wieder normal, ohne abschwächung*/
.dxscApt .dxsc-apt-bg {
    opacity: 1;
}

/*TimeMarker(-line) ausblenden*/
.TimeMarkerClass {
    display: none;
}


 /*AusDevExpress Templates*/


/* Header */
.app-header {
    padding: 0 !important;
    box-shadow: 0px 2px 5px 0 rgba(0, 0, 0, 0.2);
    border-bottom-width: 0 !important;
}

    .app-header .left-block {
        float: left;
    }

    .app-header .right-block {
        float: right;
    }

    .app-header .menu-container {
        overflow: hidden;
    }

        .app-header .menu-container > div {
            float: right;
        }

.header-logo {
    background: url(../Images/Logos/SportcenterWürzenbach.png) no-repeat center;
    height: 26px;
    width: 150px;
}

@media (max-width: 359px) {
    .header-logo {
        background: url('Images/Logos/logo-small.png') no-repeat center;
        width: 26px;
    }
}

.app-header .left-block .header-menu .image-item > .dxm-content {
    padding: 0 8px 0 8px;
}

.app-header .right-block .header-menu .image-item > .dxm-content {
    padding: 0 7px 0 7px;
}


.app-header .left-block .header-menu .item.toggle-item > .dxm-content {
    padding: 0 14px 0 14px;
}

.app-header .right-block .header-menu .item.toggle-item > .dxm-content {
    padding: 0 14px 0 14px;
}

.app-header .header-menu .item.selected {
    color: inherit;
    box-sizing: border-box;
    /* DXCOMMENT: Duplicates color from the web.config (devexpress->themes->baseColor) */
    border-bottom: solid 2px #007BF7;
}

.app-header .header-menu .item.selected,
.app-header .header-menu .item.hovered {
    background-color: rgba(0, 0, 0, 0.05);
}

    .app-header .header-menu .item.selected .dxm-content {
        margin-bottom: -2px;
    }

    .app-header .header-menu .item.selected .dxm-content,
    .app-header .header-menu .item.hovered .dxm-content {
        color: inherit;
    }





/* Main Menu */
.header-menu {
    background-color: white !important;
    border-style: none !important;
    height: 3.13rem;
}

@media (max-width: 599px) {
    .menu-container .dxm-ltr > div:not(.header-menu) {
        width: 100% !important;
    }
}

.header-sub-menu {
    width: 100% !important;
}

    .header-sub-menu .item {
        padding: 12px 7px !important;
    }

/* Ellipsis -> Apps Icon */
.header-menu .adaptive-image {
    background: url(../Images/Web/adaptive-menu.svg) no-repeat center;
    width: 16px;
    height: 16px;
    padding: 0 8px;
}


/* Hide item images */
.header-menu.application-menu .item .dxm-content > img {
    display: none !important;
}

@media (max-width: 720px) /* Change Ellipsis image Apps Icon */
{
    .app-header .menu-container > div {
        width: 47px;
    }

    .header-menu .adaptive-image {
        background: url(../Images/Web/application.svg) no-repeat center;
    }

    /* Show item images */
    .header-menu.application-menu .item .dxm-content > img {
        display: inline-block;
    }
}

/* Right area menu */
.header-menu .toggle-item .image {
    background: url(../Images/Web/double.svg) no-repeat center;
}

.header-menu .toggle-item.checked .image {
    background: url(../Images/Web/double-close.svg) no-repeat center;
}

.header-menu .image-item {
    vertical-align: middle !important;
}

.header-menu .vertically-aligned {
    font-size: 0;

}

/* Account */
.header-menu .account-background {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
}

    .header-menu .account-background div {
        border-radius: 50%;
    }

    .header-menu .account-background .empty-image {
        width: 16px;
        height: 16px;
        margin: 8px;
        display: inline-block;
        background: url(../Images/Web/user.svg);
    }

    .header-menu .account-background .account-image {
        width: 32px;
        height: 32px;
        font-size: 0.8em;
        font-weight: 600;
        line-height: 32px;
        text-align: center;
        margin: 0 auto;
        display: table;
        background-size: 100%;
    }

.user-info .avatar img {
    float: left;
    height: 43px;
    border-radius: 50%;
}

.user-info .text-container {
    height: 3.13rem;
    margin-left: 60px;
}

    .user-info .text-container .user-name {
        color: #444444;
        font-size: 1.14em;
    }

    .user-info .text-container .email {
        display: block;
        color: #666666;
        font-size: 0.86em;
    }