/* #region CSS */

*
{
    margin: 0px;

    padding: 0px;
}

a:active,
a:hover,
a:link,
a:visited
{
    text-decoration: none;
}

body
{
    background-color: rgb(255, 255, 255);

    color: rgb(0, 0, 0);

    font-family: verdana, serif;
    font-size: 12px;

    height: 100%;

    overflow: hidden;

    margin: 0px;

    /*

    min-height: 600px;
    min-width: 800px;

    */

    min-height: 600px;
    min-width: 1024px;

    padding: 0px;
}

div
{
    margin: 0px;

    padding: 0px;
}

html
{
    height: 100%;
}

hr
{
    background: rgb(224, 224, 224);

    border: none;

    height: 1px;

    margin: 10px 0px 10px 0px;
}

iframe
{
    border: none;
}

input
{
    vertical-align: top;
}

input,
select,
textarea
{
    font-family: inherit;

    font-size: inherit;

    height: 30px;
}

input:focus,
select:focus,
textarea:focus
{
    outline: none;
}

input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus,
.WebDateChooser_Input input[type="text"]:focus
{
    background-color: rgb(255, 255, 224);

    border-color: rgb(185, 185, 163);
}

input[type=password]:disabled,
input[type=text]:disabled,
select:disabled,
textarea:disabled,
.WebDateChooser_Input input[type="text"]:disabled
{
    background-color: rgb(244, 244, 244);
}

.ig_grid___FrameStyle input[type=password]:focus,
.ig_grid___FrameStyle input[type=text]:focus,
.ig_grid___FrameStyle select:focus,
.ig_grid___FrameStyle textarea:focus
{
    background-color: inherit;
}

input::placeholder
{
    color: rgba(0, 0, 0, 0.25);

    opacity: 1.0;
}

input:disabled::placeholder
{
    opacity: 0.0;
}

input[type=checkbox]
{
    height: auto;

    vertical-align: baseline;
}

input[type=button].aspNetDisabled,
input[type=file].aspNetDisabled,
input[type=submit].aspNetDisabled,
input[type=text].aspNetDisabled,
input[type=text].ig_Edit:disabled,
input[type=text].travelEditModuleNumericEdit:disabled,
select.aspNetDisabled,
textarea:disabled
{
    background-color: rgb(244, 244, 244) !important;

    color: rgba(0, 0, 0, 0.25);
}

input[type=checkbox]
{
	-moz-appearance: none;
	-webkit-appearance: none;

    appearance: none;

	content: none;

	outline: none;

    margin: 0px !important;

    vertical-align: inherit;	
}

input[type=checkbox]:before
{
    box-shadow: inset 0 0 0 1px rgb(224, 224, 224), inset 0 0 0 7px rgb(255, 255, 255);

    content: "";

    display: block;

    height: 14px;

    margin-bottom: 2px;

    margin-right: 10px;

    width: 14px;
}

input[type=checkbox]:checked:before
{
    box-shadow: inset 0 0 0 1px rgb(224, 224, 224), inset 0 0 0 3px rgb(255, 255, 255), inset 0 0 0 7px rgb(82, 82, 82);
}

input[type=checkbox]:checked:disabled:before
{
    box-shadow: inset 0 0 0 1px rgb(224, 224, 224), inset 0 0 0 3px rgb(244, 244, 244), inset 0 0 0 7px rgb(224, 224, 224);
}

input[type=checkbox]:disabled:before
{
    box-shadow: inset 0 0 0 1px rgb(224, 224, 224), inset 0 0 0 7px rgb(244, 244, 244);
}

input[type=checkbox]:focus:before
{
    box-shadow: inset 0 0 0 1px rgb(185, 185, 163), inset 0 0 0 7px rgb(255, 255, 224);
}

input[type=checkbox]:focus:checked:before
{
    box-shadow: inset 0 0 0 1px rgb(185, 185, 163), inset 0 0 0 3px rgb(255, 255, 224), inset 0 0 0 7px rgb(82, 82, 82);
}

input[type=password],
input[type=text]
{
    border: 1px solid rgb(224, 224, 224);

    height: calc(30px - 2px);

    padding: 0px 5px 0px 5px;

    background-color: rgb(255, 255, 255);
}

input[type=button],
input[type=file],
input[type=submit]
{
    border: none;

    background-color: rgb(224, 224, 224);

    padding: 0px 10px 0px 10px;

    /* test */

    display: block;

    float: left;
}

/*

input[type=button]:focus-visible,
input[type=submit]:focus-visible
{
    box-shadow: inset 0px -2px 0px 0px rgb(82, 82, 82);
}

input[type=button].travelEditModuleButton___HL:focus-visible,
input[type=submit].travelEditModuleButton___HL:focus-visible
{
    box-shadow: inset 0px -2px 0px 0px rgb(0, 0, 0);
}

*/

input[type=button].DEFAULT,
input[type=submit].DEFAULT
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);
}

input[type=button].DEFAULT:hover,
input[type=submit].DEFAULT:hover
{
    background-color: rgb(41, 41, 41);
}

/*

input[type=submit]:active:hover
{
    background-color: rgb(35, 35, 35);

    color: rgb(255, 255, 255);
}

*/

input[type=submit]:hover
{
    background-color: rgb(199, 199, 199);
}

input[type=text]::-ms-clear
{
    display: none;
}

select
{
	-moz-appearance: none;
	-webkit-appearance: none;

    appearance: none;

    border: 1px solid rgb(224, 224, 224);

    background-color: rgb(255, 255, 255);

    display: block;

    float: left;

    padding: 0px calc(5px + 18px) 0px 5px;

    text-overflow: ellipsis;
}

select:not([multiple])
{
    background-image: url('../../../images/ig/igsch_xpblueup.gif');

    background-position: top 5px right 6px; 

    background-repeat: no-repeat;
}

_:-ms-fullscreen, :root select
{
    text-overflow: inherit;

    padding: 0px;

    background: inherit;
}

/*

@-moz-document url-prefix()
{
    select
    {
        text-indent: -2px;
    }
}

*/

select:disabled,
select.EMPTY
{
    background: inherit;

    pointer-events: none;
}

select[multiple]
{
    padding: 5px;
}

select[multiple] option
{
    padding: 5px 0px 5px 0px;
}

select option
{
}

table
{
    border-collapse: collapse;
}

table td
{
    white-space: nowrap;
}

textarea
{
    background-color: rgb(255, 255, 255);

    border: 1px solid rgb(224, 224, 224);

    display: block;

    float: left;

    padding: 5px 5px 5px 5px;

    _white-space: pre-line;
}

span
{
    _vertical-align: middle;
}

.BackGroundWorkerManager_Label
{
    background-color: rgb(244, 244, 244);

    height: 30px;

    line-height: 30px;

    padding: 0px 0px 0px 10px;

    vertical-align: middle !important;
}

/* #region CHANGEPASSWORD */

.ChangePassword
{
    align-items: center;

    background: rgb(82, 82, 82);

    background-image: url('../image/ChangePassword_BG___AKDB_30px_010.png');

    background-position: bottom right;

    background-repeat: no-repeat;
    
    bottom: 0px;

    display: flex;

    height: 100%;

    justify-content: center;

    position: fixed;
    
    right: 0px;
    
    visibility: hidden;

    width: 100%; 

    z-index: 4;
}

.ChangePassword_Container
{
    overflow-y: auto;

    /*

    padding: 50px;

    text-align: center;

    */
}

.ChangePassword_Container .ChangePassword_Container_Policy
{
    background-color: rgb(255, 255, 224);

    line-height: 30px;

    margin-top: 5px;

    padding: 0px 5px 0px 5px;

    width: 600px;
}

.ChangePassword_Container .ChangePassword_Container_Policy div
{
    /*

    background-color: lime;

    */

    display: inline-block;

    white-space: pre;
}

.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT
{
    /*

    background-color: rgb(244, 244, 244);

    */
}

.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT.HIGHLIGHT___LENGTH.HIGHLIGHT___LOWERCASE.HIGHLIGHT___NUMBER.HIGHLIGHT___SPECIAL.HIGHLIGHT___UPPERCASE.HIGHLIGHT___VALUE
{
    background-color: rgb(198, 222, 198);
}

.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT .LENGTH,
.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT .LOWERCASE,
.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT .NUMBER,
.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT .SPECIAL,
.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT .UPPERCASE,
.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT .VALUE
{
    background-color: rgb(226, 190, 190);

    /*

    text-decoration: underline;

    text-underline-position: under;

    */
}

.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT.HIGHLIGHT___LENGTH .LENGTH,
.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT.HIGHLIGHT___LOWERCASE .LOWERCASE,
.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT.HIGHLIGHT___NUMBER .NUMBER,
.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT.HIGHLIGHT___SPECIAL .SPECIAL,
.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT.HIGHLIGHT___UPPERCASE .UPPERCASE,
.ChangePassword_Container .ChangePassword_Container_Policy.HIGHLIGHT.HIGHLIGHT___VALUE .VALUE
{
    background-color: rgb(198, 222, 198);
}

.ChangePassword_Container .ChangePassword_Container_Title,
.ChangePassword_Container .ChangePassword_Container_Title_PWA
{
    display: block;

    color: rgb(255, 255, 255);

    margin-bottom: 15px;

    font-size: 24px;
}

.ChangePassword_Container .ChangePassword_Container_Title_PWA
{
    margin-top: 30px;
}

.ChangePassword_Container .button_cancel
{
    background-color: rgba(255, 255, 255, 1.0);

    cursor: default;

    display: inline-block;

    float: right;

    line-height: 30px;

    padding: 0px 10px 0px 10px;

    margin-top: calc(60px - 5px);
}

.ChangePassword_Container .button_cancel.locked,
.ChangePassword_Container .button_ok.locked
{   
    color: rgba(0, 0, 0, 0.25);

    cursor: wait;

    pointer-events: none;
}

.ChangePassword_Container .button_cancel:hover
{
    background-color: rgba(255, 255, 255, 0.875);
}

.ChangePassword_Container .button_ok
{
    background-color: rgb(224, 224, 224);

    cursor: default;

    display: inline-block;

    font-family: "Segoe UI Symbol";

    line-height: 30px;

    text-align: center;

    width: 30px;
}

.ChangePassword_Container .button_ok:hover
{
    background-color: rgb(168, 168, 168);
}

.ChangePassword_Container .button_ok.focus
{
    background-color: rgb(185, 185, 163);
}

.ChangePassword_Container .button_ok.focus:hover
{
    background-color: rgb(139, 139, 122);
}

.ChangePassword_Container .button_ok.disabled
{
    background-color: rgb(255, 255, 255);

    color: rgba(0, 0, 0, 0.25);

    pointer-events: none;
}

.ChangePassword_Container .button_ok.disabled.focus
{
    background-color: rgb(255, 255, 224);
}

.ChangePassword_Container div
{
    text-align: left;
}

.ChangePassword_Container div .textbox
{
    display: inline-block;

    width: calc(300px - 30px);

    margin-right: 0px;
}

.ChangePassword_Container div .textbox_Email_2FA
{
    margin-bottom: 5px;

    width: calc(600px - 30px);
}

.ChangePassword_Container .textbox
{
    border: none !important;

    display: block;

    height: 30px;

    margin-bottom: 5px;

    width: 300px;
}

.ChangePassword_Container .textbox_PasswordHash_2FA_PIN
{
    background-color: rgb(255, 255, 255);

    border: none !important;

    display: block;

    height: 30px;

    margin-bottom: 5px;

    margin-top: 5px;

    width: 300px;
}

.ChangePassword_Container .tbPasswordHash_2FA_PIN_NewRepeat
{
}

.ChangePassword_Container .textbox_User
{
    background-color: rgb(255, 255, 255);

    border: none !important;

    display: block;

    height: 30px;

    margin-bottom: 10px;

    width: 600px;
}

/* #endregion */

.ContentPane
{
    overflow: auto;

    overflow-x: hidden;
}

.ContentPane,
.EditPane
{
    height: calc(100% - 10px - 125px - 10px);

    margin: 10px 10px 10px 0px; 

    /*

    padding: 0px 0px 0px calc(10px - 4px); 

    */

    padding: 0px; 
}

.ContentPane .RecommendationPWA
{    
    background-color: rgb(246, 246, 185);

    display: block;

    line-height: 30px;

    margin-bottom: 10px;

    margin-right: 10px;

    padding: 0px 10px 0px 10px;
}

.EditPane
{
    overflow: auto;
}

.EditPane .gridLayoutContent .travelEditModuleCheckBox
{
    display: block;

    line-height: 30px;

    margin-bottom: 5px;
}

.EditPane .gridLayoutContent .editModuleHeaderCell .editImModuleHeaderCell
{
    height: inherit;

    line-height: inherit;

    padding-bottom: inherit;
}

.EditPane input[type=radio]
{
	-moz-appearance: none;
	-webkit-appearance: none;

    appearance: none;

	content: none;

	outline: none;

    margin: 0px !important;

    vertical-align: inherit;
}

.EditPane input[type=radio]:before
{
    border-radius: 14px;

    box-shadow: inset 0 0 0 1px rgb(224, 224, 224), inset 0 0 0 7px rgb(255, 255, 255);

    content: "";

    display: block;

    height: 14px;

    margin-top: 7px;

    margin-right: 10px;

    width: 14px;
}

.EditPane input[type=radio]:checked:before
{
    box-shadow: inset 0 0 0 1px rgb(224, 224, 224), inset 0 0 0 3px rgb(255, 255, 255), inset 0 0 0 7px rgb(82, 82, 82);
}

.EditPane input[type=radio]:focus:before
{
    box-shadow: inset 0 0 0 1px rgb(185, 185, 163), inset 0 0 0 7px rgb(255, 255, 224);
}

.EditPane input[type=radio]:focus:checked:before
{
    box-shadow: inset 0 0 0 1px rgb(185, 185, 163), inset 0 0 0 3px rgb(255, 255, 224), inset 0 0 0 7px rgb(82, 82, 82);
}

.EditPane .WebControl_Validator___INVALID input[type=radio]:before
{
    box-shadow: inset 0 0 0 1px rgb(146, 39, 74), inset 0 0 0 7px rgba(165, 0, 33, 0.05);
}

.EditPane .WebControl_Validator___INVALID input[type=radio]:checked:before
{
    box-shadow: inset 0 0 0 1px rgb(146, 39, 74), inset 0 0 0 3px rgb(250, 242, 244), inset 0 0 0 7px rgb(146, 39, 74);
}

.EditPane .WebControl_Validator___INVALID input[type=radio]:focus:checked:before
{
    box-shadow: inset 0 0 0 1px rgb(120, 0, 24), inset 0 0 0 3px rgb(246, 229, 232), inset 0 0 0 7px rgb(146, 39, 74);
}

@media screen and (max-height: 600px)
{
    .ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive .ScanArchive_Container
    {
        visibility: hidden;
    }
}

@media screen and (max-height: 872px)
{
    .ContentPane .gridLayoutContent
    {
        max-height: calc(30px + 5 * 30px);

        min-height: calc(30px + 5 * 30px);
    }

    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx
    {
        max-height: calc(30px + 10 * 30px);

        min-height: calc(30px + 10 * 30px);
    }

    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancegepaeck_allowancegepaeck_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancelvo_allowancelvo_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceaussendienst_allowanceaussendienst_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceforstwege_allowanceforstwege_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancemitnahme_allowancemitnahme_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancewegstrecke_allowancewegstrecke_ascx    
    {
        max-height: calc(20px + 8 * 20px);

        min-height: calc(20px + 8 * 20px);
    }

    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx
    {
        max-height: calc(30px + 10 * 30px - 30px - 10px);

        min-height: calc(30px + 10 * 30px - 30px - 10px);
    }

    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_reportresult_reportresult_ascx
    {
        max-height: inherit;

        min-height: inherit;
    }
}

@media screen and (max-height: 1023px) and (min-height: 873px)
{
    .ContentPane .gridLayoutContent
    {
        max-height: calc(30px + 5 * 30px);

        min-height: calc(30px + 5 * 30px);
    }

    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancewegstrecke_allowancewegstrecke_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancemitnahme_allowancemitnahme_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceforstwege_allowanceforstwege_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancegepaeck_allowancegepaeck_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancelvo_allowancelvo_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceaussendienst_allowanceaussendienst_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx
    {
        max-height: calc(30px + 15 * 30px);

        min-height: calc(30px + 15 * 30px);
    }

    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx
    {
        max-height: calc(30px + 15 * 30px - 30px - 10px);

        min-height: calc(30px + 15 * 30px - 30px - 10px);
    }

    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_reportresult_reportresult_ascx
    {
        max-height: inherit;

        min-height: inherit;
    }
}

@media screen and (max-width: 1024px)
{
    body
    {
        overflow-x: scroll !important;
    }

    div[id$="LeftPane"]
    {
        display: none;

        max-width: 300px;
    }

    div[id$="Splitter"]
    {
        pointer-events: none;

        visibility: hidden;
    }

    .ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive .ScanArchive_Container
    {
        visibility: hidden;
    }
    
    .PageBanner_02_LAYOUT
    {
        height: calc(125px - (10px + 30px) - (10px + 30px)) !important;
    }

    /*

    .PageBanner_02_LAYOUT_TEXT
    {
        transform: translateY(-20px);
    }

    */

    .PageBanner_03_LAYOUT_TEXT a[id$="PageBanner_Tree"]
    {
        background-color: rgba(255, 255, 255, 0.25);
        height: 30px;
        text-align: center;
        width: 30px;
        display: inline-block;
        line-height: 30px;
    }

    .PageBanner_03_LAYOUT_TEXT a[id$="PageBanner_Tree"]:hover
    {
        background-color: rgb(255, 255, 255);

        color: rgb(0, 0, 0);
    }
}

@media screen and (min-height: 1024px)
{
    .ContentPane .gridLayoutContent
    {
        max-height: calc(30px + 10 * 30px);

        min-height: calc(30px + 10 * 30px);
    }

    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancewegstrecke_allowancewegstrecke_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancemitnahme_allowancemitnahme_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceforstwege_allowanceforstwege_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancegepaeck_allowancegepaeck_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowancelvo_allowancelvo_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceaussendienst_allowanceaussendienst_ascx,
    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx
    {
        max-height: calc(30px + 20 * 30px);

        min-height: calc(30px + 20 * 30px);
    }

    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx
    {
        max-height: calc(30px + 20 * 30px - 30px - 10px);

        min-height: calc(30px + 20 * 30px - 30px - 10px);
    }

    .ContentPane .gridLayoutContent.gridLayoutContent___desktopmodules_reportresult_reportresult_ascx
    {
        max-height: inherit;

        min-height: inherit;
    }
}

@media screen and (min-width: 1025px)
{
    .PageBanner_03_LAYOUT_TEXT a[id$="PageBanner_Tree"]
    {
        display: none;
    }

    .PageBanner_03_LAYOUT_TEXT span[id$="span_PB3"]
    {
        display: none;
    }
}

/* #region COPYTRAVELDIALOG / LOGDIALOG */

.BatchActionDialog,
.CopyTravelDialog,
.LogDialog
{
    align-items: center;

    background: rgba(0, 0, 0, 0.5);

    bottom: 0px;

    box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.25);

    display: flex;

    height: 100%;

    justify-content: center;

    position: fixed;
    
    right: 0px;
    
    visibility: hidden;

    width: 100%; 

    z-index: 3;
}

.BatchActionDialog_Container,
.CopyTravelDialog_Container,
.LogDialog_Container
{
    background-color: rgb(255, 255, 255);
    
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

    color: rgb(0, 0, 0);

    height: calc(100% - 100px - 100px);

    overflow-y: hidden;

    padding: 10px;

    width: 800px;
}

.BatchActionDialog_Container
{
    width: calc(100% - 100px - 100px);
}

.BatchActionDialog_Container iframe
{
    display: block;

    /*

    height: calc(100% - 10px - 30px - 10px - 30px);

    */

    height: calc(100% - 10px - 30px);

    width: 100%;
}

/*

.BatchActionDialog_Container___Footer,

*/

.CopyTravelDialog_Container___Footer,
.LogDialog_Container___Footer
{
    padding-top: 10px;
}

/*

.BatchActionDialog_Container___Footer input[id$="btnCancel"],

*/

.CopyTravelDialog_Container___Footer input[id$="btnClose"],
.LogDialog_Container___Footer input[id$="btnClose"]
{
    float: right;
}

.BatchActionDialog_Container___Title,
.CopyTravelDialog_Container___Title,
.LogDialog_Container___Title
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);

    _font-weight: bold;

    line-height: 30px;

    height: 30px;

    margin-bottom: 10px;

    padding: 0px 10px 0px 10px;
}

.CopyTravelDialog_Container___Table,
.LogTravelDialog_Container___Table
{
    height: 30px;
}

.CopyTravelDialog_Container___Table table,
.CopyTravelDialog_Container___Table_Content table
{
    background-color: rgb(255, 255, 255);

    width: 100%;
}

.CopyTravelDialog_Container___Table table tr td,
.CopyTravelDialog_Container___Table table tr th,
.CopyTravelDialog_Container___Table_Content table tr td,
.CopyTravelDialog_Container___Table_Content table tr th
{
    font-weight: normal;

    line-height: 30px;

    padding: 0px 5px 0px 5px;

    text-align: left;

    vertical-align: top;
}

.CopyTravelDialog_Container___Table table tr
{
    background-color: rgb(224, 224, 224);
}

.CopyTravelDialog_Container___Table table .th_1,
.CopyTravelDialog_Container___Table_Content table .td_1
{
    width: calc(30px - 5px - 5px);
}

.CopyTravelDialog_Container___Table table .th_2,
.CopyTravelDialog_Container___Table_Content table .td_2
{
    text-align: center;

    width: calc(30px - 5px - 5px);
}

.CopyTravelDialog_Container___Table table .th_3,
.CopyTravelDialog_Container___Table table .th_4,
.CopyTravelDialog_Container___Table_Content table .td_3,
.CopyTravelDialog_Container___Table_Content table .td_4
{
    width: 100px;
}

.CopyTravelDialog_Container___Table table .th_5
{
}

.CopyTravelDialog_Container___Table_Content
{
    background-color: rgb(244, 244, 244);

    height: calc(100% - 30px - 10px - 30px - 10px - 30px);

    overflow: auto;
}

.CopyTravelDialog_Container___Table_Content table
{
}

.CopyTravelDialog_Container___Table_Content table tr td
{
    box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1216);
}

.CopyTravelDialog_Container___Table_Content table tr:last-of-type td
{
    box-shadow: inset -1px -1px 0px 0px rgba(0, 0, 0, 0.1216);
}

.CopyTravelDialog_Container___Table_Content table tr:nth-of-type(2n)
{
    /*

    background-image: linear-gradient(rgb(244, 244, 244) 0%, white 100%);

    background-size: 50px 2px;

    */

    background-color: rgb(250, 250, 250);
}

.CopyTravelDialog_Container___Table_Content table .td_1
{
    background-color: rgb(224, 224, 224);

    box-shadow: none !important;
}

.CopyTravelDialog_Container___Table_Content table .td_3 div,
.CopyTravelDialog_Container___Table_Content table .td_4 div
{
    overflow: hidden;

    text-overflow: ellipsis;

    width: 100px;
}

.CopyTravelDialog_Container___Table_Content table .td_5
{
    text-align: left;

    white-space: normal;
}

.LogDialog_Container
{
    width: calc(100% - 200px);
}

.LogDialog_Container___Table_Content
{
    background-color: rgb(244, 244, 244);

    height: calc(100% - 30px - 10px - 30px - 10px);

    overflow: auto;
}

.LogDialog_Container___Table_Content .TEXT
{
    display: inline-block;
}

.LogDialog_Container___Table_Content .TEXT .CURRENT:not(:empty)
{
    background-color: rgba(141, 189, 141, 0.25);

    display: block;

    padding: 0px 10px;
}

.LogDialog_Container___Table_Content .TEXT .ORIGINAL:not(:empty)
{
    background-image: repeating-linear-gradient(135deg, rgba(246, 185, 185, 0.5) 0px, rgba(246, 185, 185, 0.5) 5px, rgba(246, 185, 185, 0.375) 5px, rgba(246, 185, 185, 0.375) 10px);

    display: inline-block;

    padding: 0px 10px;
}

.LogDialog_Container___Table_Content .TEXT .ORIGINAL:not(:empty) + .CURRENT:not(:empty)
{
    margin-top: 5px;
}

.LogDialog_Container___Table_Content .TEXT_CAPTION
{
    font-size: 10px;

    overflow: hidden;

    text-overflow: ellipsis;

    text-transform: uppercase;

    white-space: nowrap;

    width: 100%;
}

.LogDialog_Container___Table_Content .TEXT:last-of-type
{
    margin-bottom: 5px;
}

/* #endregion */

.FilterDropDownStyle
{
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

    background-color: rgb(255, 255, 255);

    cursor: pointer;

    margin: calc(2px + 5px) 0px 0px calc(1px + 5px);

    max-height: 600px;
}

.FilterDropDownStyle table
{
    box-shadow: none;

    line-height: 30px;

    padding: 0px;

    margin: 0px;

    max-height: inherit;
}

.FilterDropDownStyle table td
{
    max-width: 600px !important;

    overflow: hidden;

    padding: 0px 5px 0px 5px;
}

.FilterDropDownStyle table tr:hover
{
    background-color: rgb(224, 224, 224);
}

.GRID_EMPTY
{
    line-height: 30px;

    padding: 10px;

    white-space: nowrap;
}

.GridEditField
{
    background-color: rgb(224, 224, 224);

    border: none;
}

.GridEditField.ig_Edit,
.GridEditField.ig_EditWithButtons,
.GridEditField.ig_EditWithButtons input,
.travelGridColumn.ig_Edit,
.travelGridColumn.ig_EditWithButtons,
.travelGridColumn.ig_EditWithButtons input
{
    border: none !important;

    background-color: rgb(224, 224, 224) !important;

    height: 30px !important;
}

.Head
{
    _font-weight: bold;
}

.InputReceipt___ScanArchive
{
    background-color: rgb(255, 255, 255); 

    border: 1px dashed rgb(224, 224, 224); 

    float: left;

    height: 68px; 

    margin-right: 10px;

    margin-top: 10px; 

    width: 398px; 
}

.InputReceipt___ScanArchive input[type=file]
{
    background-color: red !important; 
    
    font-size: 0px;

    height: 68px; 

    margin-top: -28px !important; 

    opacity: 0.0; 
    
    padding: 0px !important; 
    
    width: 398px; 
}

.InputReceipt___ScanArchive span
{
    display: block;

    height: 28px;

    line-height: 28px; 

    text-align: center; 

    width: 398px; 
}

.InputReceipt___ScanArchive span.aspNetDisabled
{
    color: rgb(224, 224, 224);
}

.ralign
{
    text-align: right;
}

.LeftPane
{
    float: left;

    height: calc(100% - 10px - 125px - 10px);

    overflow: auto;

    /*

    overflow: hidden;

    */

    margin: 10px 0px 10px 0px;

    width: 300px;
}

.LeftPane:hover
{
    overflow: auto;
}

.LeftPane.P10
{
    overflow: hidden;
}

.LeftPane.P10:hover
{
    overflow: hidden;
}

.LeftPane.P10 div
{
    visibility: hidden;
}

.LeftPane.P10_TH:hover
{
    min-width: 300px;

    overflow: auto;
}

.LeftPane.P10.P10_TH:hover div
{
    visibility: inherit;
}

.Login_Main
{
    /*

    align-items: center;

    */

    background-image: url('../image/Login_BG___AKDB.png');

    background-position: bottom right; 

    background-repeat: no-repeat;

    display: flex;

    height: 100%;

    justify-content: center;

    min-height: 888px;

    min-width: calc(188px + 10px + 400px + 188px);

    width: 100%;
}

.Login_Main___Login_01
{
    /*

    -> SITE.MASTER

    */

    height: 888px;

    width: 188px;
}

.Login_Main___Login_02
{
    /*

    height: calc(60px + 10px + 30px + 5px + 30px + 5px + 30px + 5px + 30px + 10px + 30px);

    */

    height: 888px;

    padding: 0px 0px 0px 10px;
}

.Login_Main___Login_02 .BUTTON
{
    height: 30px;

    margin-top: 5px;
}

.Login_Main___Login_02 .MESSAGE span
{
    background-color: rgb(146, 39, 74);

    color: white;

    line-height: 30px;

    margin-top: 10px;

    padding: 0px 10px 0px 10px;

    position: absolute;

    width: calc(400px - 10px - 10px);
}

.Login_Main___Login_02 .MESSAGE span[id$="ErrorMessageLoginText"],
.Login_Main___Login_02 .MESSAGE span[id$="ErrorMessageLoginTextEx"]
{
    background-color: rgb(146, 39, 74);
}

.Login_Main___Login_02 .MESSAGE span[id$="ErrorMessageLoginTextEx___MAIL"]
{
    background-color: rgb(224, 224, 224);

    color: rgb(0, 0, 0);
}

.Login_Main___Login_02 .TITLE
{
    color: rgb(255, 255, 255);

    font-size: 18px;

    line-height: 60px;

    margin: 200px 0px 10px calc(0px - 10px - 20px);

    padding: 0px 20px 0px 20px;

    width: calc(400px + 20px + 10px - 20px - 20px);
}

.Login_Main___Login_02 .TITLE:before
{
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1));

    content: "";

    display: block;

    margin-left: calc(0px - 20px - 100px);

    position: absolute;

    height: 60px;

    width: 100px;
}

.Login_Main___Login_02 input[id$="LoginCmd"]
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);

    float: right;
}

.Login_Main___Login_02 input[id$="LoginCmd"]:hover
{
    background-color: rgb(41, 41, 41);
}

.Login_Main___Login_02 input[id$="LoginCmd2FA"]
{
    display: inline-block;
    
    float: inherit;
    
    width: 30px;
}

.Login_Main___Login_02 input[id$="ResetCmd"]
{
    background-color: rgb(224, 224, 224);

    color: rgb(0, 0, 0);

    float: right;

    margin-right: 10px;
}

.Login_Main___Login_02 input[id$="ResetCmd"]:hover
{
    background-color: rgb(199, 199, 199);
}

.Login_Main___Login_02 input[id$="Password"],
.Login_Main___Login_02 input[id$="PasswordRepeat"],
.Login_Main___Login_02 input[id$="Username"]
{
    background-color: rgb(244, 244, 244);

    border: none;

    height: 30px;

    margin-bottom: 5px;

    width: calc(400px - 5px - 5px);
}

.Login_Main___Login_02 input[id$="Password"]:-webkit-autofill,
.Login_Main___Login_02 input[id$="PasswordRepeat"]:-webkit-autofill,
.Login_Main___Login_02 input[id$="Username"]:-webkit-autofill
{
    -webkit-box-shadow: inset 0 0 0 15px rgb(244, 244, 244);
}

.Login_Main___Login_02 input[id$="Password2FA"]
{
    background-color: rgb(244, 244, 244);

    border: none;

    height: 30px;

    margin: 0px 5px 10px 0px;

    width: calc(400px - 5px - 5px - 5px - 30px);
}

.Login_Main___Login_02 input[id$="Password"].WebControl_Validator___INVALID,
.Login_Main___Login_02 input[id$="Password2FA"].WebControl_Validator___INVALID,
.Login_Main___Login_02 input[id$="PasswordRepeat"].WebControl_Validator___INVALID,
.Login_Main___Login_02 input[id$="Username"].WebControl_Validator___INVALID
{
    background-color: rgb(244, 244, 244) !important;

    box-shadow: inset 0px 0px 0px 1px rgb(146, 39, 74);
}

.Login_Main___Login_02 input[id$="Username"]:disabled
{
    background-color: rgb(224, 224, 224) !important;

    color: rgba(25, 25, 25, 0.5);
}

.Login_Main___Login_03
{
    width: 188px;
}

.Login_Main___Login_03 .BUTTON
{
    box-shadow: inset 5px 0px 0px 0px rgb(244, 244, 244);

    height: 30px;

    margin: 200px 0px 0px 10px;

    padding: calc(60px + 10px + 30px + 5px + 30px + 10px) 0px 0px calc(5px + 10px);
}

.Login_Main___Login_03 .BUTTON:empty
{
    display: none;
}

.Login_Main___Login_03 input[id$="PWACmd"]
{
}

.MailApproverContent
{
    height: calc(100% - 10px - 10px);

    padding: 10px 10px 10px 10px;

    width: calc(100% - 10px - 10px);
}

.MailApproverContent .RecommendationPWA
{    
    background-color: rgb(246, 246, 185);

    display: block;

    line-height: 30px;

    margin-bottom: 10px;

    padding: 0px 10px 0px 10px;
}

.MailApproverContent_Header
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);

    line-height: 30px;

    padding: 0px 10px 0px 10px;
}

.MailApproverContent_Footer
{
    margin-bottom: 10px;
}

.MailApproverContent_Footer input,
.MailApproverContent_Footer select
{
    margin-right: 10px;
}

.MailApproverContent_Footer select
{
    width: 250px;
}

.MailApproverContent_Table
{
    background-color: rgb(244, 244, 244);

    width: 100%; 

    margin-bottom: 10px;
}

.MailApproverContent_Table td
{
    height: 30px;

    vertical-align: middle;

    white-space: normal;
}

.MailApproverContent_Table textarea
{
    margin-bottom: 10px !important;

    height: 100px;

    width: calc(500px - 1px - 5px - 5px - 1px);
}

.MailApproverContent_Table textarea[readonly]
{
    background-color: rgb(244, 244, 244);
}

.MailApproverContent_Table .multiline
{
    height: 15px;

    padding-bottom: 7.5px;

    padding-right: 10px;

    padding-top: 7.5px;
}

.MailApproverContent_Table .label
{
    padding: 0px 10px 0px 10px;

    min-width: 200px;

    vertical-align: top;

    width: 200px;
}

.MailApproverContent_Table .label span
{
    line-height: 30px;
}

.MailApproverContent_Table .label sup
{
    line-height: 30px;

    margin-left: 5px;

    vertical-align: top;
}

.MailApproverContent_Table .title
{
    width: 200px;
}

.ModuleTitle_Arrow
{
    font-family: "Segoe UI Symbol";
}

.ModuleTitle_Arrow___PageBanner_Sheet .ModuleTitle_Arrow
{
    padding-right: 600px;
}

.NavigationList
{
    align-items: center;

    background: rgba(0, 0, 0, 0.5);

    bottom: 0px;

    box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.25);

    display: flex;

    height: 100%;

    justify-content: center;

    position: fixed;
    
    right: 0px;
    
    visibility: hidden;

    width: 100%; 

    z-index: 3;
}

.NavigationList.PERFORMANCEINDICATOR .NavigationList_List___Content_Content .ENTRY
{
    float: left;

    width: calc(100% - 10px - 10px - 30px);
}

.NavigationList.PERFORMANCEINDICATOR .NavigationList_List___Content_Content .ENTRY_EX
{
    display: block !important;

    float: right;

    width: calc(30px - 10px - 10px);
}

.NavigationList_List
{
    background-color: rgb(255, 255, 255);
    
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

    color: rgb(0, 0, 0);

    height: calc(100% - 100px - 100px);

    line-height: 30px;

    padding: 10px;

    width: 640px;
}

.NavigationList_List a:active,
.NavigationList_List a:link,
.NavigationList_List a:hover,
.NavigationList_List a:visited
{
    color: rgb(0, 0, 0);

    display: block;

    height: 30px;

    line-height: 30px;

    padding: 0px 10px 0px 10px;
}

.NavigationList_List a[href="#"]
{
    color: rgba(0, 0, 0, 0.25);

    pointer-events: none;
} 

.NavigationList_List___Content
{
    background-color: rgb(244, 244, 244);

    height: calc(100% - 30px - 10px - 10px - 30px);

    margin-bottom: 10px;

    overflow-y: auto;
}

.NavigationList_List___Content_Content
{
    _padding: 10px 0px 10px 0px;
}

.NavigationList_List___Content_Content .ENTRY
{
}

.NavigationList_List___Content_Content .ENTRY:hover,
.NavigationList_List___Content_Content .ENTRY_EX:hover
{
    background-color: rgba(224, 224, 224, 0.25);
}

.NavigationList_List___Content_Content .ENTRY.ACTIVE,
.NavigationList_List___Content_Content .ENTRY.ACTIVE:hover
{
    background-color: rgb(224, 224, 224);
}

.NavigationList_List___Content_Content .ENTRY_EX
{
    display: none !important;
}

.NavigationList_List___Footer
{
}

.NavigationList_List___Footer input[id$="btnNavigationListClose"]
{
    float: right;
}

.NavigationList_List___Footer input[id$="btnNavigationListSystem_PERFORMANCEINDICATOR"]
{
    margin-left: 10px;
}

.NavigationList_List___Title
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);

    height: 30px;

    margin-bottom: 10px;

    padding: 0px 10px 0px 10px;
}

.PageBanner
{
    /*

    -> SITE.MASTER

    */

    height: 125px;

    padding-left: 25px;
}

.PageBanner a:active,
.PageBanner a:link,
.PageBanner a:hover,
.PageBanner a:visited
{
    color: rgb(255, 255, 255);
}

.PageBanner_HC
{
    background-color: rgba(255, 255, 255, 0.25);

    cursor: pointer;

    display: inline-block;

    position: relative;

    line-height: 30px;

    margin-right: 5px;
}

.PageBanner_HC:hover
{
    background-color: rgb(255, 255, 255);

    color: rgb(0, 0, 0) !important;
}

.PageBanner_HC .BUTTON
{
    font-family: "Segoe UI Symbol";

    text-align: center;

    width: 30px;

    z-index: 3;
}

.PageBanner_HC:hover .OVERLAY
{
    /*

    transition: visibility 0s;

    transition-delay: 0.5s;

    */

    visibility: inherit;
}

.PageBanner_HC .OVERLAY
{
    background-color: rgb(255, 255, 255);

    box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 20px;

    min-width: 400px;

    position: absolute;

    right: 0px;

    visibility: hidden;

    white-space: nowrap;

    z-index: 2;
}

.PageBanner_HC .OVERLAY .ENTRY
{
    color: rgb(0, 0, 0);

    line-height: 30px;

    padding: 0px 5px 0px 5px;
}

.PageBanner_HC .OVERLAY .ENTRY.BORDERSTYLE_01,
.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY .OVERLAY___COLUMN .COLUMN_BORDERSTYLE_01
{
    background-color: rgb(246, 246, 246);
}

.PageBanner_HC .OVERLAY .PART
{
    height: 10px;
}

.PageBanner_HC .OVERLAY .TITLE_X3
{
    background-color: rgb(255, 255, 255);

    box-shadow: inset -1px 0px 0px 0px rgb(246, 246, 246);

    color: rgb(0, 0, 0);

    float: left;

    height: calc(3 * 30px);

    line-height: 30px;

    margin-right: 5px;

    padding: 0px calc(5px + 1px) 0px 5px;
}

.PageBanner_HC .OVERLAY .ENTRY:hover
{
    background-color: rgb(246, 246, 246) !important;
}

.PageBanner_HC .OVERLAY .ENTRY.CSS_00
{
    background-color: rgb(246, 246, 246);
}

.PageBanner_HC .OVERLAY___BUTTON
{
    background-color: white;

    height: 30px;

    position: absolute;

    right: 0px;

    text-align: center;

    top: calc(0px - 30px);

    width: 30px;
}

.PageBanner_Sheet a:active,
.PageBanner_Sheet a:link,
.PageBanner_Sheet a:visited
{
    color: rgb(0, 0, 0);
}

.PageBanner_Sheet
{
    background-color: rgb(255, 255, 255);

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

    padding: 10px;

    position:absolute;

    right: 10px;

    top: calc(10px + 30px + 5px);

    visibility: hidden;

    width: 580px;

    z-index: 1;
}

.PageBanner_Sheet span
{
    vertical-align: inherit;
}

.PageBanner_Sheet_Arrow
{
    font-family: "Segoe UI Symbol";
}

.PageBanner_Sheet_Arrow
{
    background-color: rgba(255, 255, 255, 0.25);

    display: inline-block;

    line-height: 30px;

    text-align: center;

    width: 30px;
}

.PageBanner_Sheet_Arrow:hover
{
    background-color: rgb(255, 255, 255);

    color: rgb(0, 0, 0) !important;
}

.PageBanner_Sheet_KEY
{
    display: block;

    float: left;

    line-height: 30px;

    height: 30px;

    width: 100px;
}

.PageBanner_Sheet_TEXT
{
    float: left;

    line-height: 30px;

    height: 30px;

    width: 580px;
}

.PageBanner_Sheet_VALUE
{
    display: block;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    width: calc(580px - 100px);

    white-space: nowrap;
}

.PageBanner_Sheet_VALUE.NOKEY
{
    padding-left: 100px;
}

.PageBanner_Sheet_VALUE .SEPARATOR
{
    display: inline-block;

    line-height: 30px;

    padding: 0px 10px 0px 10px;
}

.PageBanner_Sheet_VALUE .VALUE,
.PageBanner_Sheet_VALUE .VALUE_LINK
{
}

.PageBanner_01
{
    height: calc(10px + 30px);
}

.PageBanner_01_LAYOUT
{
    height: calc(10px + 30px);

    float: right;
}

.PageBanner_01_LAYOUT_TEXT
{
    color: rgb(255, 255, 255); 

    display: table-cell;

    height: 30px;

    padding: 10px 10px 0px 0px;

    vertical-align: middle;
}

.PageBanner_01_LAYOUT_TEXT span
{
    padding: 0px 10px 0px 10px
}

.PageBanner_02
{
}

.PageBanner_02_LAYOUT
{
    display: table-cell;

    height: calc(125px - (10px + 30px) - (0px + 30px));

    vertical-align: middle;
}

.PageBanner_02_LAYOUT_TEXT
{
    color: rgb(255, 255, 255);

    font-size: 24px;
}

.PageBanner_03
{
    height: calc(30px + 10px);
}

.PageBanner_03
{
}

.PageBanner_03_LAYOUT
{
    float: left; 
    
    height: 25px;
}

.PageBanner_03_LAYOUT_TEXT
{
    color: rgb(255, 255, 255); 

    display: table-cell; 

    height: 30px;
    
    vertical-align: middle; 
}

.PageBanner_03_LAYOUT_TEXT span
{
    padding: 0px 10px 0px 10px
}

/* #region SCANARCHIVE */

.ScanArchive
{
    align-items: center;

    background: rgba(0, 0, 0, 0.5);

    bottom: 0px;

    box-shadow: inset 0px 0px 100px rgba(0, 0, 0, 0.25);

    display: flex;

    height: 100%;

    justify-content: center;

    position: fixed;
    
    right: 0px;
    
    visibility: hidden;

    width: 100%; 

    z-index: 3;
}

.ScanArchive .editModuleHeaderCell .editImModuleHeaderCell
{
    min-width: 250px;

    height: 30px;

    padding-bottom: 5px;

    vertical-align: top;

    width: 250px;
}

.ScanArchive .editModuleHeaderCell .editImModuleHeaderCell span
{
    line-height: 30px;
}

.ScanArchive .noBorder input,
.ScanArchive .noBorder select,
.ScanArchive .noBorder textarea
{
    margin-bottom: 5px;
}

.ScanArchive .editModuleItemSpacer
{
    min-width: 5px;

    width: 5px;
}

.ScanArchive_Container
{
    background-color: rgb(255, 255, 255);
    
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

    color: rgb(0, 0, 0);

    height: calc(100% - 100px - 100px);

    overflow-y: auto;

    padding: 10px;

    width: calc(100% - 100px - 100px);
}

.ScanArchive_Container a:active,
.ScanArchive_Container a:link,
.ScanArchive_Container a:hover,
.ScanArchive_Container a:visited
{
    color: rgb(0, 0, 0);
}

.ScanArchive_Container___DIV_LIST
{
    vertical-align: top;

    line-height: 0px;
    float:left; 
    height: 100%; 

    margin-right: 10px; 

    overflow-y: scroll;
}

.ScanArchive_Container___DIV_LIST.W0
{
    display: none;
}

.ScanArchive_Container___DIV_LIST.W1
{
}

.ScanArchive_Container___DIV_LIST.W1 .ScanArchive_Container___DIV_LIST_LIST
{
    width: 160px;
}

.ScanArchive_Container___DIV_LIST.W2
{
}

.ScanArchive_Container___DIV_LIST.W2 .ScanArchive_Container___DIV_LIST_LIST
{
    width: 320px;
}

.ScanArchive_Container___DIV_LIST_LIST
{
    height: 100%;
}

.ScanArchive_Container___DIV_LIST_LIST___ELEMENT
{
    background-color: rgb(244, 244, 244);

    display: inline-block;

    height: 150px;

    margin-right: 10px;

    margin-bottom: 10px;

    text-overflow: ellipsis;

    overflow: hidden;

    transition: filter 0.5s ease, opacity 0.5s ease;

    width: 150px;
}

.ScanArchive_Container___DIV_LIST_LIST___ELEMENT.ACTIVE
{
    background-color: rgb(224, 224, 224);
}

.ScanArchive_Container___DIV_LIST_LIST___ELEMENT.ACTIVE:hover,
.ScanArchive_Container___DIV_LIST_LIST___ELEMENT:hover
{
    background-color: rgb(199, 199, 199);
}

.ScanArchive_Container___DIV_LIST_LIST___ELEMENT.ACTIVE.SUB
{
    filter: inherit;

    opacity: 1.0;
}

.ScanArchive_Container___DIV_LIST_LIST___ELEMENT.SUB
{
    filter: grayscale(100%);

    opacity: 0.05;
}

.ScanArchive_Container___DIV_LIST_LIST___ELEMENT.SUB:hover
{
    filter: inherit;

    opacity: 1.0;
}

.ScanArchive_Container___DIV_LIST_LIST___ELEMENT:last-child
{
    margin-bottom: 0px !important;
}

.ScanArchive_Container___DIV_LIST.W2 .ScanArchive_Container___DIV_LIST_LIST___ELEMENT:nth-last-child(2):nth-child(odd)
{
    margin-bottom: 0px !important;
}

.ScanArchive_Container___DIV_LIST_LIST___ELEMENT .BACKGROUND
{
    height: 100%;

    width: 100%;
}

.ScanArchive_Container___DIV_LIST_LIST___ELEMENT .TBFILEEXTENSION
{
    display: block;
 
    font-size: 24px;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    padding: calc(150px / 2 - 30px / 2) 10px 10px 10px;

    text-align: center;

    text-overflow: ellipsis;

    text-transform: uppercase;

    width: calc(100% - 10px - 10px);

    white-space: nowrap;
}

.ScanArchive_Container___DIV_LIST_LIST___ELEMENT .TBFILE
{
    display: block;

    line-height: normal;

    overflow: hidden;

    padding: 0px 10px 0px 10px;

    text-align: center;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: calc(100% - 10px - 10px);
}

.ScanArchive_Container___DIV_TABLE
{
    display: flex;

    height: 100%;
}

.ScanArchive_Container___DIV_TABLE_TABLE
{
    height: 100%;

    width: 100%;
}

.ScanArchive_Container___DIV_TABLE_TABLE_CONTENT
{
    height: 100%;
}

.ScanArchive_Container___DIV_TABLE_TABLE_CONTENT_LEFT
{
    color: rgba(0, 0, 0, 0.25);

    cursor: pointer;

    text-align: center;

    width: 50px;
}

.ScanArchive_Container___DIV_TABLE_TABLE_CONTENT_LEFT:hover
{
    color: rgb(0, 0, 0);
}

.ScanArchive_Container___DIV_TABLE_TABLE_CONTENT_LEFT span
{
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    
    display: block;

    font-family: serif;

    font-size: 16px;

    transform: scale(1, 5);

    user-select: none; 
}

.ScanArchive_Container___DIV_TABLE_TABLE_CONTENT_MIDDLE
{
    text-align: center;
}

.ScanArchive_Container___DIV_TABLE_TABLE_CONTENT_MIDDLE.FULLSIZE
{
    background-size: inherit !important;

    cursor: zoom-out !important;
}

.ScanArchive_Container___DIV_TABLE_TABLE_CONTENT_MIDDLE.FULLSIZE_AVAILABLE
{
    cursor: zoom-in;
}

.ScanArchive_Container___DIV_TABLE_TABLE_CONTENT_RIGHT
{
    color: rgba(0, 0, 0, 0.25);

    cursor: pointer;

    height: 100%;

    text-align: center;

    width: 50px;
}

.ScanArchive_Container___DIV_TABLE_TABLE_CONTENT_RIGHT:hover
{
    color: rgb(0, 0, 0);
}

.ScanArchive_Container___DIV_TABLE_TABLE_CONTENT_RIGHT span
{
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;

    display: block;

    font-family: serif;

    font-size: 16px;

    transform: scale(1, 5);
        
    user-select: none; 
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT
{
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS
{
    background-color: rgb(244, 244, 244);

    padding: 10px;
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS input[id$="btnAdd"]
{
    padding: 0px 0px 0px 0px;

    width: 30px;
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS input[id$="btnAdd"].aspNetDisabled
{
    background-color: rgb(224, 224, 224) !important;
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS input[id$="tbFile"]
{
    margin-right: 5px;

    width: calc(400px - 5px - 1px - 5px - 5px - 1px - 5px);
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS input[id$="tbFileId"]
{
    margin-right: 5px;

    width: calc(100px - 1px - 5px - 5px - 1px);
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS input[id$="tbFileExtension"]
{
    width: calc(100px - 1px - 5px - 5px - 1px);
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS select[id$="ddlInputReceipt"]
{
    margin-right: 5px;

    width: calc(100% - 5px - 30px);
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS select[id$="ddlInputReceipt_OPT1"],
.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS select[id$="ddlInputReceipt_OPT2"],
.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS select[id$="ddlInputReceipt_OPT3"],
.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS select[id$="ddlInputReceipt_OPT4"]
{
    width: calc(100% - 5px - 30px);
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS textarea[id$="tbComment"]
{
    margin-bottom: 0px !important;

    height: 100px;

    /*

    width: calc(600px - 1px - 5px - 5px - 1px);

    */

    width: calc(100% - 1px - 5px - 5px - 1px);
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS .editModuleHeaderCell,
.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS .travelEditModuleLabel
{
    display: none;

    /*

    width: 100px;

    */
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS .editModuleItemSpacer
{
    display: none;
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_CS .noBorder
{
    margin: 0px !important;

    width: 100%;
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_FOOTER
{
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_FOOTER_CS input[type=submit]
{
    margin-top: 10px;
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_FOOTER_CS input[id$="btnDelete"],
.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_FOOTER_CS input[id$="btnDownload"],
.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_FOOTER_CS input[id$="btnList"],
.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_FOOTER_CS input[id$="btnSave"]
{
    margin-right: 10px;
}

.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_FOOTER_CS input[id$="btnZoom"],
.ScanArchive_Container___DIV_TABLE_TABLE_EDIT_FOOTER_CS input[id$="btnClose"]
{
    float: right;

    margin-left: 10px;
}

.ScanArchive_Container___DIV_TABLE_TABLE_SPACER
{
}

.ScanArchive_Container___DIV_TABLE_TABLE_SPACER_CS
{
    height: 10px;
}

/* #endregion */

.StartPage
{
    height: 100%;

    width: 100%;
}

.StartPage:empty
{
    background-image: url('../image/Login_BG___AKDB_20px.png');

    background-position: bottom right;

    background-repeat: no-repeat;
}

.StartPage .CONTENT
{
    background-image: url('../image/spc_shadow.png');

    background-position: center top;

    background-repeat: no-repeat;

    background-size: calc(100% - 200px) 47px;

    height: calc(100% - 180px - 10px);

    overflow-y: scroll;

    padding-top: 10px;
}

.StartPage .CONTENT.FULL
{
    background-image: none;

    height: calc(100%);

    padding-top: inherit;
}

.StartPage .CONTENT.FULL .GROUP
{
    margin-left: inherit;

    width: calc(100% - 10px);
}

_:-ms-fullscreen, :root .StartPage .CONTENT
{ 
    height: calc(100% - 180px);

    padding-top: inherit;
}

.StartPage .CONTENT .SHADOW
{
    /*

    box-shadow:  0px -60px 30px 30px rgb(224, 224, 224);

    position: sticky;

    top: 0px;

    z-index: -1;

    */
}

_:-ms-fullscreen, :root .StartPage .CONTENT .SHADOW
 {
    /*

    display: none;

    */

    height: 10px;
}

.StartPage .CONTENT .GROUP
{
    display: table;

    margin-left: 100px;

    table-layout: fixed;

    width: calc(100% - 200px);
}

.StartPage .CONTENT .GROUP:not(:last-child)
{
    margin-bottom: 30px;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN
{
    display: table-cell;

    vertical-align: top;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN:not(:first-child)
{
    padding-left: 5px;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN:not(:last-child)
{
    padding-right: 5px;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN div[id="DIV___SVG_TEXT"]
{
    background-color: rgb(224, 224, 224);

    height: 30px;

    line-height: 30px;

    margin: 0px 0px 5px 0px;

    text-align: center;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN svg
{
    background-color: rgb(244, 244, 244);
    
    display: block;

    height: 200px;

    margin: 0px 0px 10px 0px;

    width: 100%;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN svg polyline
{
    fill: none;

    vector-effect: non-scaling-stroke;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN svg polyline.POLYLINE_EVENT
{
    stroke: rgb(82, 82, 82);

    stroke-width: 2px;

    pointer-events: none;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN svg polyline.POLYLINE_GRID
{
    stroke-width: 1px;

    stroke-dasharray: 2;

    pointer-events: none;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN svg polyline.POLYLINE_GRID.T000,
.StartPage .CONTENT .GROUP .GROUPCOLUMN svg polyline.POLYLINE_GRID.T050,
.StartPage .CONTENT .GROUP .GROUPCOLUMN svg polyline.POLYLINE_GRID.T100
{
    stroke: rgba(82, 82, 82, 0.75);
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN svg polyline.POLYLINE_GRID.T025,
.StartPage .CONTENT .GROUP .GROUPCOLUMN svg polyline.POLYLINE_GRID.T075
{
    stroke: rgba(82, 82, 82, 0.25);
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN svg rect
{
    fill: rgba(224, 224, 224, 0.25);
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN svg rect:hover
{
    fill: rgb(224, 224, 224);
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT___PWA,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT___SSL
{
    line-height: 30px;

    padding: 0px 10px 0px 10px;
}

/*

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT:hover
{
    background-color: rgb(244, 244, 244);
}

*/

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT a:active,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT a:hover,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT a:link,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT a:visited
{
    color: rgb(0, 0, 0);

    text-decoration: underline;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT img
{
    max-width: 100%;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT.EDIT 
{
    text-align: right;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT.EDIT a:active,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT.EDIT a:link, 
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT.EDIT a:visited
{
    color: rgba(0, 0, 0, 0.25);

    text-decoration: none;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT.EDIT a:hover
{
    color: rgba(25, 25, 25, 0.5);
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT.ERROR
{
    color: rgb(146, 39, 74);
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT.BACKGROUND___TIME
{
    background: linear-gradient(90deg, rgba(0, 165, 72, 0.5) 0px, rgba(0, 165, 72, 0.5) calc(100% / 8 + 10px), rgba(165, 0, 33, 0.5) calc(100% / 8 * 3 + 10px), rgba(165, 0, 33, 0.5) 100%);
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT.BACKGROUND___TIME_DEBUG
{
    background: linear-gradient(90deg, rgba(168, 168, 168, 0.75) 0px, rgba(168, 168, 168, 0.75) calc(100% / 8 + 10px), rgba(168, 168, 168, 0.75) calc(100% / 8 * 3 + 10px), rgba(168, 168, 168, 0.75) 100%);
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT.P0
{
    padding: 0px 0px 0px 0px;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT .KEY
{
    display: inline-block;

    width: 200px;

    vertical-align: top;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT .KEY_TEXT
{
    display: inline-block;

    max-width: calc(100% - 200px);

    vertical-align: top;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT .PROGRESS,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT .TIME
{
    height: 30px;
    
    width: 100%; 
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT .PROGRESS___KEY,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT .TIME___KEY
{
    float: left;

    padding-left: 10px;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT .PROGRESS___KEY_TEXT,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT .TIME___KEY_TEXT
{
    float: right;

    padding-right: 10px;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT .PROGRESS_EX,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT .TIME_EX
{
    height: 30px;
    
    margin-top: 10px;

    width: 100%; 
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT_TITLE
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);

    height: 30px;

    line-height: 30px;

    margin-bottom: 10px;

    overflow: hidden;

    padding: 0px 10px 0px 10px;

    text-overflow: ellipsis;

    white-space: nowrap;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT_TITLE_EX,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT_TITLE_EX___PWA,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT_TITLE_EX___SSL
{
    background-color: rgb(146, 39, 74);

    color: rgb(255, 255, 255);

    height: 30px;

    line-height: 30px;

    margin-bottom: 10px;

    overflow: hidden;

    padding: 0px 10px 0px 10px;

    text-overflow: ellipsis;

    white-space: nowrap;
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT_TITLE_EX___PWA,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT_TITLE_EX___SSL
{
    background-color: rgb(146, 39, 74);
}

.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT___PWA,
.StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT___SSL
{
    background-color: rgba(146, 39, 74, 0.1);
}

.StartPage .HEADER
{
    align-items: center;

    background-position: center center;

    background-repeat: no-repeat;

    display: flex;

    height: 180px;

    justify-content: center;
}

.StartPage .HEADER:empty
{
    background-image: url('../image/SPC_AKDB.png');
}

.StartPage .HEADER img
{
    max-height: calc(100% - 10px);

    padding-bottom: 10px;
}

.FileUploadWrapper
{
    border: 1px dashed rgb(224, 224, 224);

    height: calc(70px - 1px - 1px);

    overflow: hidden;

    margin-bottom: 5px;

    width: calc(400px - 1px - 1px);
}

.FileUploadWrapper span
{
    display: block;

    line-height: 30px;

    text-align: center;
}

.FileUploadWrapper input[type=file]
{
    float: inherit;

    font-size: 0px;

    height: 100%;

    margin-bottom: inherit !important;
    
    margin-top: -30px !important;

    opacity: 0.0;

    padding: 0px 0px 0px 0px;

    width: 100%;
}

.RightPane
{
    float: right;
    
    margin: 10px 0px 10px 0px;

    width: 250px;
}

.Splitter
{
    cursor: col-resize;

    background: linear-gradient(90deg, rgb(224, 224, 224) 1px, white 1px);

    float: left; 

    height: calc(100% - 125px - 10px - 10px);

    margin: 10px 0px 10px 0px;

    width: 10px;
}

.Timeline
{
    height: 100%;

    min-height: 100%;

    width: 100%;
}

.Timeline:hover .Timeline___CONTENT_BACKGROUND.ACTIVE
{
    background-color: rgba(255, 255, 255, 0.75);
}

.Timeline:hover .Timeline___CONTENT_DATE
{
    display: inherit;
}

.Timeline:hover .Timeline___CONTENT_ENTRY.ACTIVE
{
    background-color: rgb(168, 168, 168);

    z-index: 2;
}

.Timeline:hover .Timeline___CONTENT_ENTRY.ACTIVE .TEXT
{
    background-color: rgb(255, 255, 255);

    box-shadow: rgba(0, 0, 0, 0.25) 5px 5px 20px;

    height: calc(4 * 30px);
    
    overflow: inherit;

    /*

    transition-delay: 0.25s;

    */

    width: 400px;
}

.Timeline:hover .Timeline___CONTENT_ENTRY.ACTIVE.ERROR
{
    background-color: rgb(243, 139, 139);
}

.Timeline:hover .Timeline___CONTENT_ENTRY.ACTIVE.FATAL
{
    background-color: rgb(135, 0, 0);
}

.Timeline:hover .Timeline___CONTENT_ENTRY.ACTIVE.REMARK
{
    background-color: rgb(243, 207, 139);
}

.Timeline:hover .Timeline___CONTENT_HEAD___ENTRY.ACTIVE
{
    /*

    background-color: rgba(255, 255, 255, 0.5);

    */
}

.Timeline:hover .Timeline___CONTENT_HEAD___ENTRY.ACTIVE .TEXT
{
    background-color: rgb(199, 199, 199);
}

.Timeline:hover .Timeline___CONTENT_HEAD_DATE
{
    display: inherit;
}

.Timeline:hover .Timeline___CONTENT_HEAD.ACTIVE
{
    background-color: RGB(255, 255, 255);
}

.Timeline___CONTENT_BACKGROUND
{
    min-height: calc(100% - 80px);

    position: absolute;
}

.Timeline___CONTENT_BACKGROUND___GROUP
{
    background-color: rgba(224, 224, 224, 0.25);

    height: 30px;

    position: absolute;

    z-index: 1;
}

.Timeline___CONTENT_DATE
{
    background: repeating-linear-gradient(to bottom, rgb(168, 168, 168) 0px 2px, transparent 2px 4px);

    display: none;

    min-height: calc(100% - 80px);

    position: absolute;

    top: 80px;

    width: 2px;
}

.Timeline___EMPTY
{
    line-height: 30px;

    padding: 10px;

    white-space: nowrap;
}

.Timeline___CONTENT_ENTRY
{
    background-color: rgb(224, 224, 224);

    height: 30px;

    position: absolute;

    z-index: 1;
}

.Timeline___CONTENT_ENTRY.ERROR
{
    background-color: rgb(249, 197, 197);
}

.Timeline___CONTENT_ENTRY.FATAL
{
    background-color: rgb(195, 124, 124);
}

.Timeline___CONTENT_ENTRY.REMARK
{
    background-color: rgb(249, 231, 197);
}

.Timeline___CONTENT_ENTRY .TEXT
{
    background-color: rgba(255, 255, 255, 0.5);

    cursor: pointer;

    height: 30px;

    line-height: 30px;

    overflow: hidden;

    padding: 0px 10px 0px 10px;

    width: calc(100px - 10px - 10px);
}

.Timeline___CONTENT_ENTRY .TEXT div
{
    overflow: hidden;

    line-height: 30px;

    text-overflow: ellipsis;

    white-space: nowrap;
}

.Timeline___CONTENT
{
    height: calc(100% - 80px);    
}

.Timeline___CONTENT_GROUP
{
    left: 0px;

    pointer-events: none;

    position: sticky;

    width: 0px;

    z-index: 2;
}

.Timeline___CONTENT_GROUP___ENTRY
{
    position: absolute;
}

.Timeline___CONTENT_GROUP___ENTRY .TEXT
{
    display: inline-block;

    height: 30px;

    line-height: 30px;

    padding: 0px 10px 0px 10px;

    white-space: nowrap;
}

.Timeline___CONTENT_HEAD
{
    /*
    background: repeating-linear-gradient(to right, rgba(224, 224, 224, 0.25) 0px 10px, transparent 10px 20px);

    background-color: rgb(244, 244, 244);

    box-shadow: rgb(224, 224, 224) 0px 0px 20px;

    */

    height: 80px;

    position: sticky;

    top: 0px;

    z-index: 3;
}

.Timeline___CONTENT_HEAD.DAY_0
{
    background: repeating-linear-gradient(to right, rgba(224, 224, 224, 0.75)  0px 10px, transparent              10px 20px,
                                                    rgba(224, 224, 224, 0.25) 20px 30px, transparent              30px 40px,
                                                    rgba(224, 224, 224, 0.25) 40px 50px, transparent              50px 60px,
                                                    rgba(224, 224, 224, 0.75) 60px 70px);

    background-color: rgb(244, 244, 244);
}

.Timeline___CONTENT_HEAD.DAY_1
{
    background: repeating-linear-gradient(to right, transparent               0px 10px, rgba(224, 224, 224, 0.25) 10px 20px,
                                                    transparent              20px 30px, rgba(224, 224, 224, 0.25) 30px 40px,
                                                    transparent              40px 50px, rgba(224, 224, 224, 0.5)  50px 60px,
                                                    rgba(224, 224, 224, 0.5) 60px 70px);

    background-color: rgb(244, 244, 244);
}

.Timeline___CONTENT_HEAD.DAY_2
{
    background: repeating-linear-gradient(to right, rgba(224, 224, 224, 0.25)  0px 10px, transparent              10px 20px,
                                                    rgba(224, 224, 224, 0.25) 20px 30px, transparent              30px 40px,
                                                    rgba(224, 224, 224, 0.5)  40px 50px, rgba(224, 224, 224, 0.5) 50px 60px,
                                                    transparent               60px 70px);

    background-color: rgb(244, 244, 244);
}

.Timeline___CONTENT_HEAD.DAY_3
{
    background: repeating-linear-gradient(to right, transparent                0px 10px, rgba(224, 224, 224, 0.25) 10px 20px,
                                                    transparent               20px 30px, rgba(224, 224, 224, 0.5)  30px 40px,
                                                    rgba(224, 224, 224, 0.5)  40px 50px, transparent               50px 60px,
                                                    rgba(224, 224, 224, 0.25) 60px 70px);

    background-color: rgb(244, 244, 244);
}

.Timeline___CONTENT_HEAD.DAY_4
{
    background: repeating-linear-gradient(to right, rgba(224, 224, 224, 0.25) 0px 10px, transparent               10px 20px,
                                                    rgba(224, 224, 224, 0.5) 20px 30px, rgba(224, 224, 224, 0.5)  30px 40px,
                                                    transparent              40px 50px, rgba(224, 224, 224, 0.25) 50px 60px,
                                                    transparent              60px 70px);

    background-color: rgb(244, 244, 244);
}

.Timeline___CONTENT_HEAD.DAY_5
{
    background: repeating-linear-gradient(to right, transparent                0px 10px, rgba(224, 224, 224, 0.5) 10px 20px,
                                                    rgba(224, 224, 224, 0.5)  20px 30px, transparent              30px 40px,
                                                    rgba(224, 224, 224, 0.25) 40px 50px, transparent              50px 60px,
                                                    rgba(224, 224, 224, 0.25) 60px 70px);

    background-color: rgb(244, 244, 244);
}

.Timeline___CONTENT_HEAD.DAY_6
{
    background: repeating-linear-gradient(to right, rgba(224, 224, 224, 0.5)  0px 10px, rgba(224, 224, 224, 0.5)  10px 20px,
                                                    transparent              20px 30px, rgba(224, 224, 224, 0.25) 30px 40px,
                                                    transparent              40px 50px, rgba(224, 224, 224, 0.25) 50px 60px,
                                                    transparent              60px 70px);

    background-color: rgb(244, 244, 244);
}

.Timeline___CONTENT_HEAD___ENTRY
{
    height: 80px;

    position: absolute;
}

.Timeline___CONTENT_HEAD___ENTRY .TEXT
{
    background-color: rgb(224, 224, 224);

    line-height: 30px;

    height: 30px;

    padding: 0px 10px 0px 10px;
}

.Timeline___CONTENT_HEAD_DATE
{
    display: none;

    pointer-events: none;

    position: absolute;

    top: 30px;
}

.Timeline___CONTENT_HEAD_DATE___TEXT
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);

    height: 30px;

    left: calc(0px - 125px);

    line-height: 30px;

    padding: 0px 10px 0px 10px;

    position: absolute;

    text-align: center;

    top: 10px;

    width: calc(250px - 10px - 10px);
}

.Timeline___CONTENT_HEAD_DATE___TEXT.LEFT
{
    left: 0px;
}

.Timeline___CONTENT_HEAD_DATE___TEXT.RIGHT
{
    left: calc(0px - 250px);
}

.Timeline_Tab
{
    display: table-row;
}

.Timeline_Tab input[type="submit"]
{
    background-color: rgb(244, 244, 244);

    margin: 0px 10px 10px 0px;
}

.Timeline_Tab input[type="submit"]:hover
{
    background-color: rgb(199, 199, 199) !important;
}

.Timeline_Tab input[type="submit"].ACTIVE
{
    background-color: rgb(224, 224, 224);
}

.TravelerUserRightsApprover
{
    float: none !important;

    height: 50px;

    margin: 0px 10px 10px 10px;

    width: calc(100% - 20px);
}

.TreeFilter,
.TreeFilter_Cat,
.TreeFilter_Hint
{
    min-width: 250px;
}

.TreeFilter:focus-within input[type=submit]
{
    background-color: rgb(185, 185, 163);
}

.TreeFilter:focus-within input[type=submit]:hover
{
    background-color: rgb(139, 139, 122);
}

.TreeFilter input[type=submit]
{
    border: none;

    display: inline-block;

    float: none;

    width: 30px;
}

.TreeFilter input[type=submit]:disabled
{
    border-bottom: 1px solid rgb(224, 224, 224);
    border-right: 1px solid rgb(224, 224, 224);
    border-top: 1px solid rgb(224, 224, 224);

    color: rgba(0, 0, 0, 0.25);

    background-color: rgb(255, 255, 255);
}

.TreeFilter input[type=submit]:disabled.focus
{
    background-color: rgb(255, 255, 224);

    border-color: rgb(185, 185, 163);
}

.TreeFilter input[type=text]
{
    border-right: none;

    margin: 0px 0px 0px 25px;

    width: calc(100% - 25px - 10px - 1px - 10px - 30px);
}

.TreeFilter_Cat
{
    text-align: right;
}

.TreeFilter_Cat input[type=submit]
{
    display: inline-block;

    float: none;

    margin: 0px 10px 10px 0px;
}

.TreeFilter_Cat input[type=submit].CAT_ACTIVE
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);
}

.TreeFilter_Cat input[type=submit].CAT_ACTIVE:hover
{
}

.TreeFilter_Cat input[type=submit].EX
{
    background-color: rgb(82, 82, 82);

    background-image: url('../image/Close.png');

    height: 14px;

    margin: -6px 0px 0px -18px;

    padding: 0px;

    position: absolute;

    width: 14px;
}

.TreeFilter_Cat input[type=submit].EX:hover
{
    background-color: rgb(41, 41, 41);
}

.TreeFilter_Count
{
    color: rgba(0, 0, 0, 0.25);

    line-height: 30px;

    margin: 0px 10px 10px 25px;

    text-align: right;
}

.TreeFilter_Count .ACTIVE
{
    color: rgb(0, 0, 0) !important;
}

.TreeFilter_Count a:active,
.TreeFilter_Count a:link,
.TreeFilter_Count a:visited
{
    color: inherit;
}

.TreeFilter_Count a:hover
{
    color: rgba(25, 25, 25, 0.5);
}

.TreeFilter_Hint
{
    color: rgba(0, 0, 0, 0.25);

    line-height: 30px;

    margin: 10px 10px 0px 25px;
}

.TreeFilter_Hint a:active,
.TreeFilter_Hint a:link,
.TreeFilter_Hint a:hover,
.TreeFilter_Hint a:visited
{
    color: inherit;
}

.TreeFilter_Hint a:hover
{
    color: rgba(25, 25, 25, 0.5);
}

.UltraWebTree1
{
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;

    outline: none;

    user-select: none; 
}

.UltraWebTree1 img
{
    vertical-align: middle;
}

.UltraWebTree1 span
{
    vertical-align: inherit;
}

.UltraWebTree1 .SelectedNodeStyle.TravelTreeNode,
.UltraWebTree1 .SelectedNodeStyle.TravelTreeNode:hover
{
    background-color: rgb(224, 224, 224);

}

.UltraWebTree1 .TravelTreeNode
{
    line-height: 30px;
    
    overflow: hidden;

    margin-right: 10px;

    text-overflow: ellipsis;
}

.UltraWebTree1 .TravelTreeNode:hover
{
    background-color: rgba(224, 224, 224, 0.25);
}

/*

.WebControl_Validator___INVALID,

*/

.ig_grid___FrameStyle table tbody tr td.CELLINVALID
{
    background-color: rgb(146, 39, 74) !important;

    color: rgb(255, 255, 255);
}

.ig_grid___FrameStyle table tbody tr td.CELL___STATUS_OK,
.ig_grid___FrameStyle table tbody tr td.CELL___STATUS_OK_RUNNING
{
    /*

    background-color: rgb(0, 165, 72);

    color: rgb(255, 255, 255);

    */
}

.ig_grid___FrameStyle table tbody tr td.CELL___STATUS_ERROR,
.ig_grid___FrameStyle table tbody tr td.CELL___STATUS_OK_WARNING,
.ig_grid___FrameStyle table tbody tr td.CELL___STATUS_UNKNOWN
{
    background-color: rgb(146, 39, 74) !important;

    color: rgb(255, 255, 255);
}

input:not(:disabled).WebControl_Validator___INVALID,
select:not(:disabled).WebControl_Validator___INVALID,
textarea:not(:disabled).WebControl_Validator___INVALID,
.gridLayoutContent .noBorder .ig_EditWithButtons input.WebControl_Validator___INVALID,
.WebControl_Validator___INVALID input:not(:disabled):not([type=radio]),
.WebControl_Validator___INVALID select:not(:disabled),
.WebControl_Validator___INVALID textarea:not(:disabled)
{
    background-color: rgba(165, 0, 33, 0.05) !important;
    
    border-color: rgb(146, 39, 74) !important;
}

input:focus.WebControl_Validator___INVALID,
.gridLayoutContent .noBorder .ig_EditWithButtons input.WebControl_Validator___INVALID:focus,
.WebControl_Validator___INVALID input:focus:not([type=radio]),
.WebControl_Validator___INVALID select:focus,
.WebControl_Validator___INVALID textarea:focus
{
    background-color: rgba(165, 0, 33, 0.1) !important;
}

.WebDateChooser_Input,
.WebDateChooser_Input td
{
    height: inherit !important;

    width: inherit !important;
}

.WebDateChooser_Input.DISABLED img
{
    display: none;
}

.WebDateChooser_Input img
{
    cursor: pointer;

    margin-left: -20px;

    margin-right: 7px;
}

.WebDateChooser_Input input[type=text]
{
    border-width: 1px !important;
    border-style: solid !important;

    border-color: rgb(224, 224, 224);

    height: calc(30px - 2px) !important;

    padding: 0px 5px 0px 5px !important;

    width: calc(150px - 1px - 5px - 5px - 1px) !important;
}

.WebDateChooser_Input input[type=text][disabled]
{
    background-color: rgb(244, 244, 244);
    
    color: rgba(0, 0, 0, 0.25);
}

.WebDateChooser_Input___CalendarLayout
{
    background-color: rgb(255, 255, 255);

    border: 10px solid white !important;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

    font-family: inherit !important;

    font-size: inherit !important;

    margin-left: 1px;
    margin-top: 2px;

    width: 300px;

    /*
        
    IE11 BUG > "box-shadow" / "border-collapse: none"

    */

    border-collapse: inherit;
}

.WebDateChooser_Input___CalendarLayout *
{
    font-family: inherit !important;

    font-size: inherit !important;
}

.WebDateChooser_Input___CalendarLayout table
{
    background-color: inherit;

    border: inherit !important;

    box-shadow: inherit;

    margin-left: inherit;

    margin-top: inherit;
}

.WebDateChooser_Input___DayHeaderStyle
{
    padding-bottom: 5px;

    padding-top: 30px;

    font-weight: bold;
}

.WebDateChooser_Input___DayStyle
{
    padding-bottom: 5px;

    padding-top: 5px;
}

.WebDateChooser_Input___DayStyle:hover
{
    background-color: rgb(224, 224, 224);
}

.WebDateChooser_Input___DropDownStyle
{
    display: inline-block;

    float: inherit;

    _padding: 0px 5px 0px 5px;

    _min-width: 75px;

    /*

    text-indent: 5px;

    */

    /*

    margin-top: 10px;
    margin-bottom: 10px;

    */
}

.WebDateChooser_Input___FooterStyle
{
    padding-top: 30px;
}

.WebDateChooser_Input___NextPrevStyle
{
    background-color: rgb(224, 224, 224);

    cursor: inherit !important;

    padding-left: 10px;

    padding-right: 10px;
}

.WebDateChooser_Input___NextPrevStyle:hover
{
    background-color: rgb(199, 199, 199);
}

.WebDateChooser_Input___OtherMonthDayStyle
{
    color: rgba(0, 0, 0, 0.25);
}

.WebDateChooser_Input___SelectedDayStyle
{
    background-color: rgb(255, 230, 140);
}

.WebDateChooser_Input___SelectedDayStyle:hover
{
    background-color: rgb(168, 168, 168) !important;
}

.WebDateChooser_Input___TitleStyle
{
}

.WebDateChooser_Input___TodayDayStyle
{
    background-color: rgb(244, 244, 244) !important;
}

.WebDateChooser_Input___WeekendDayStyle
{
}

.WebDateChooser_Input___WeekNumberStyle
{
}

.allowanceMileageModfication.tabs
{
    height: calc(100% - 30px - 10px);
}

.allowanceMileageModfication.tabs #tabAussendienst,
.allowanceMileageModfication.tabs #tabForstwege,
.allowanceMileageModfication.tabs #tabGepaeck,
.allowanceMileageModfication.tabs #tabLvo,
.allowanceMileageModfication.tabs #tabMitnahme,
.allowanceMileageModfication.tabs #tabWegstrecke
{
    height: 100%;
}

.allowanceMileageModfication.tabs .gridLayoutHeader div table
{
    width: calc(100% - 10px - 10px);
}

.allowanceMileageModfication.tabs .gridLayoutHeader div table .travelEditModuleTextBoxMultiLine
{
    margin-top: 5px;

    height: 100px;

    width: 100%;
}

.gridLayoutContent
{
    background-color: rgb(244, 244, 244);

    overflow: auto;

    overflow-x: hidden;
}

.gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_allowancewegstrecke_allowancewegstrecke_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_allowancemitnahme_allowancemitnahme_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_allowanceforstwege_allowanceforstwege_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_allowancegepaeck_allowancegepaeck_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_allowancelvo_allowancelvo_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_allowanceaussendienst_allowanceaussendienst_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx,
.gridLayoutContent.gridLayoutContent___desktopmodules_travel_travelrecalculation_ascx
{
    overflow-x: inherit;
}

.gridLayoutContent.gridLayoutContent___desktopmodules_usergroups_usergroupsedit2_ascx
{
    overflow: auto;
}

.gridLayoutContent___FULLSCREEN
{
    height: 100%;

    position: relative;
}

.gridLayoutContent___FULLSCREEN_SCROLL
{
    bottom: 0px;

    left: 0px;

    overflow: auto;

    position: absolute;

    right: 0px;

    top: 0px;
}

.gridLayoutContent___INPUTTIMEEDIT2
{
    background-color: rgb(244, 244, 244);

    margin-top: 10px;
}

.gridLayoutContent___INPUTTIMEEDIT2_CONTENT
{
    height: calc(200px - 10px - 10px);

    padding: 10px;
}

.gridLayoutContent___INPUTTIMEEDIT2_CONTENT textarea
{
    width: calc(100% - 1px - 5px - 5px - 1px);

    height: calc(100% - 1px - 5px - 5px - 1px);
}

.gridLayoutContent___INPUTTIMEEDIT2_TITLE
{
    background-color: rgb(224, 224, 224);

    cursor: default;

    height: 30px;
}

.gridLayoutContent___INPUTTIMEEDIT2_TITLE:not(.OPEN):hover
{
    background-color: rgb(199, 199, 199);
}

.gridLayoutContent___INPUTTIMEEDIT2_TITLE.OPEN .gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE_ARROW
{
    display: none;
}

.gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE
{
    float: left;

    line-height: 30px;

    padding-left: 10px;
}

.gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE_ARROW
{
    line-height: 30px;

    padding-right: 10px;

    text-align: right;
}

.gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE_ARROW a:active,
.gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE_ARROW a:link,
.gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE_ARROW a:hover,
.gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE_ARROW a:visited
{
    color: rgb(0, 0, 0);
}

.gridLayoutContent input[type=checkbox]
{
    cursor: inherit;
}

.gridLayoutContent td
{
    border-bottom: none !important;
    border-left: none !important;
    border-top: none !important;
}

.gridLayoutContent td,
.gridLayoutContent th
{
    text-overflow: ellipsis;
}

.gridLayoutContent td nobr,
.gridLayoutContent th nobr
{
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;

    _padding: 0px 5px 0px 5px;

    user-select: none;
}

.gridLayoutContent .Sort_ASC
{
    background-image: url('../image/Sort_ASC.png');

    background-position: bottom right; 

    background-repeat: no-repeat;
}

.gridLayoutContent .Sort_DESC
{
    background-image: url('../image/Sort_DESC.png');

    background-position: bottom right; 

    background-repeat: no-repeat;
}

.gridLayoutContent .editModuleHeaderCell 
{
    height: 30px;

    line-height: 30px;

    min-width: 250px;

    vertical-align: top;

    width: 250px;
}

.gridLayoutContent .editModuleHeaderCell.SHORT
{
    min-width: inherit;

    padding-right: calc(10px - 5px);

    width: inherit;
}

.gridLayoutContent .editModuleHeaderCell .travelEditModuleLabel,
.gridLayoutContent .editModuleHeaderCellright .travelEditModuleLabel
{
    vertical-align: top;
}

.editImModuleHeaderCell 
{
    min-width: 300px;

    height: 30px;

    line-height: 30px;

    vertical-align: top;

    width: 250px;
}

.gridLayoutContent input[type="checkbox"]
 {
    vertical-align: middle;
}

.gridLayoutContent .editModuleHeaderCell sup
{
    margin-left: 5px;

    vertical-align: top;
}

.gridLayoutContent .editModuleHeaderCell .editImModuleHeaderCell span
{
    line-height: 30px;
}

.gridLayoutContent .editModuleHeaderCell .editImModuleHeaderCell sup
{
    line-height: 30px;

    margin-left: 10px;

    vertical-align: top;
}

.gridLayoutContent .editModuleHeaderCellright
{
    _box-shadow: inset 15px 0px 0px 0px rgb(244, 244, 244), inset 16px 0px 0px 0px rgb(224, 224, 224);

    _height: calc(30px + 1px);

    height: 30px;

    min-width: 250px; /* 100px; */

    padding-bottom: 5px;

    padding-left: 30px;

    width: 250px; /* 100px; */

    line-height: 30px;
}

.gridLayoutContent .editModuleHeaderCellright .editImModuleHeaderCell span
{
    line-height: 30px;
}

.gridLayoutContent .editModuleHeaderCellright sup
{
    margin-left: 5px;

    vertical-align: top;
}

.gridLayoutContent .editModuleHeaderCellright_expand
{
    width: 100%;
}

.gridLayoutContent .editModuleItemSpacer
{
    min-width: 5px;

    width: 5px;
}

.gridLayoutContent .editModuleValidator span
{
    margin-left: 10px;
}

.gridLayoutContent .editModuleValidator_span
{
    margin-left: 10px;

    /*

    margin-right: 10px;

    */
}

.gridLayoutContent .editModuleVerticalSpacer hr
{
    visibility: hidden;

    height: calc(30px + 5px);

    margin: 0px;
}

.gridLayoutContent .editModuleValueCell
{
    height: 30px;

    line-height: 30px;

    padding-bottom: 5px;

    vertical-align: top;
}

.gridLayoutContent .editModuleValueCell .travelEditModuleCheckBox
{
}

.gridLayoutContent .noBorder
{
    margin: 10px 10px 5px 10px;
}

.gridLayoutContent .noBorder input,
.gridLayoutContent .noBorder select,
.gridLayoutContent .noBorder textarea
{
    margin-bottom: 5px;
}

.gridLayoutContent .noBorder table
{
    margin: inherit;
}

.gridLayoutContent .noBorder .ig_EditWithButtons
{
    border: none !important;

    background-color: inherit !important;
}

.gridLayoutContent .noBorder .ig_EditWithButtons input
{
    background-color: white !important;
}

.gridLayoutContent .noBorder .ig_EditWithButtons input:disabled
{
    background-color: rgb(244, 244, 244) !important;
}

.gridLayoutContent .noBorder .ig_EditWithButtons input:focus
{
    background-color: rgb(255, 255, 224) !important;
}

.gridLayoutContent .noBorder .ig_EditWithButtons table
{
    height: 30px !important;

    margin-bottom: 5px !important;
}

.gridLayoutContent .noBorder .travelEditModuleLabel
{
    /*

    margin-right: 10px

    */
}

.gridLayoutContent___DIV_TEXT
{
    height: 30px;

    background: linear-gradient(180deg, rgb(255, 255, 255) 10px, rgb(244, 244, 244) 10px);

    padding: 10px 0px 0px 0px;
}

.gridLayoutContent___DIV_TEXT.NONE:empty
{
    display: none !important;
}

.gridLayoutContent___DIV_TEXT.TOP
{
    background: linear-gradient(0deg, rgb(255, 255, 255) 10px, rgb(244, 244, 244) 10px);

    padding: 0px 0px 10px 0px;
}

.gridLayoutContent___DIV_TEXT span
{
    display: block;

    line-height: 30px;

    padding: 0px 10px 0px 10px;
}

.gridLayoutContent___DIV_TEXT span.ERROR
{
    background-color: rgb(146, 39, 74);

    color: rgb(255, 255, 255);
}

.gridLayoutContent___DIV_TEXT span.MESSAGE
{
    background-color: rgb(0, 150, 165);

    color: rgb(255, 255, 255);
}

.gridLayoutContent___DIV_TEXT span.SUCCESS
{
    background-color: rgb(0, 165, 72);

    color: rgb(255, 255, 255);
}

.gridLayoutPanel
{
    width: 100%;
}

.gridLayoutPanel___FULLSCREEN
{
    display: table;

    height: 100%;

    width: 100%;
}

.gridLayoutPanel___FULLSCREEN .gridLayoutHeader
{
    display: table-row;
}

.gridLayoutPanel___FULLSCREEN .gridLayoutHeader___EDIT
{
    background: linear-gradient(to top, white 10px, rgb(244, 244, 244) 10px);

    display: table-row;

    height: 60px;
}

.gridLayoutPanel___FULLSCREEN .gridLayoutHeader___EDIT .travelEditModuleLabel
{
    display: inline-block;

    line-height: 30px;

    margin: 10px 10px 20px 10px;
}

.gridLayoutPanel___FULLSCREEN .gridLayoutHeader___EDIT .travelEditModuleTextBoxMultiLine
{
    margin: 10px 10px 20px 0px;
}

.gridLayoutPanel___FULLSCREEN .gridLayoutContent
{
    display: table-row;

    height: 100%;

    max-height: inherit;

    min-height: inherit;

    overflow: inherit;
}

.gridLayoutPanel___FULLSCREEN .gridLayoutfooter___EDIT
{
    background: linear-gradient(to bottom, white 10px, rgb(244, 244, 244) 10px);

    display: table-row;

    height: 60px;
}

.gridLayoutPanel___FULLSCREEN .gridLayoutfooter___EDIT .travelEditModuleLabel
{
    display: inline-block;

    line-height: 30px;

    margin: 20px 10px 10px 10px;
}

.gridLayoutPanel___FULLSCREEN .gridLayoutfooter___EDIT .travelEditModuleTextBoxMultiLine
{
    margin: 20px 10px 10px 0px;
}

.gridLayoutPanel .RecommendationPWA
{    
    background-color: rgb(246, 246, 185);

    display: block;

    line-height: 30px;

    margin-bottom: 10px;

    padding: 0px 10px 0px 10px;
}

.gridLayoutPanel .gridLayoutContent___TEXT
{
    display: table-row;
}

.gridLayoutPanel .gridLayoutContent___TEXT .BACKGROUND
{
    background: linear-gradient(180deg, rgb(255, 255, 255) 10px, rgb(244, 244, 244) 10px);

    display: table-cell;

    height: 30px;

    padding: 10px 0px 0px 0px;
}

.gridLayoutPanel .gridLayoutContent___TEXT .BACKGROUND.NONE:empty
{
    display: none !important;
}

.gridLayoutPanel .gridLayoutContent___TEXT .BACKGROUND span
{
    display: block;

    line-height: 30px;

    padding: 0px 10px 0px 10px;
}

.gridLayoutPanel .gridLayoutContent___TEXT .BACKGROUND span.ERROR
{
    background-color: rgb(146, 39, 74);

    color: rgb(255, 255, 255);
}

.gridLayoutPanel .gridLayoutContent___TEXT .BACKGROUND span.MESSAGE
{
    background-color: rgb(0, 165, 72);

    color: rgb(255, 255, 255);
}

.gridLayoutPanel___FULLSCREEN .gridLayoutfooter
{
    display: table-row;
}

.gridLayoutfooter___STYLE_MARGIN_BOTTOM
{
    margin-bottom: 10px;
}

.gridLayoutfooter .BottomButtonRowFrame
{
    width: 100%
}

.gridLayoutfooter .BottomButtonRowLeft
{
    float: left;
}

.gridLayoutfooter .BottomButtonRowLeft input
{
    margin-right: 10px;

    margin-top: 10px;

    padding: 0px 10px 0px 10px;
}

.gridLayoutfooter .BottomButtonRowLeft select
{
    margin-right: 10px;

    margin-top: 10px;
}

.gridLayoutfooter .BottomButtonRowRight
{
    _float: right;

    vertical-align: top;
}

.gridLayoutfooter .BottomButtonRowRight input
{
    float: right;

    margin-left: 10px;

    margin-top: 10px;

    padding: 0px 10px 0px 10px;
}

.gridLayoutfooter .BottomButtonRowRight select
{
    float: right;

    margin-left: 10px;

    margin-top: 10px;
}

.gridLayoutfooter .Message
 {
    background-color: rgb(244, 244, 244);

    display: block;

    height: 30px;

    line-height: 30px;

    margin-top: 10px !important;

    padding: 0px 0px 0px 10px !important;

    vertical-align: middle !important;
}

.gridLayoutfooter .Message td
{
    padding: 0px 10px 0px 10px;
}

.gridLayoutfooter .Message td span
{
    display: block;

    line-height: 30px;

    padding: 0px 10px 0px 10px;
}



.gridLayoutfooter .moduleMainTable 
{
    width: 100%;
}

.gridLayoutHeader
{
    background: linear-gradient(to top, white 10px, rgb(244, 244, 244) 10px);

    overflow: auto;

    /*

    position: sticky;

    top: 0px;

    z-index: 1;

    */
}

.gridLayoutHeader div select
{
    margin-bottom: 10px;

    _margin-right: 5px;

    width: 200px;
}

.gridLayoutHeader div span
{
    line-height: 30px;
}

.gridLayoutHeader table
{
    margin-bottom: 15px;

    margin-left: 10px;
}

.gridLayoutHeader table select
{
    margin-bottom: inherit;

    min-width: 100px;

    width: 100%;
}

.gridLayoutHeader table span
{
    line-height: inherit;
}

.gridLayoutHeader table table
{
    margin-bottom: inherit;

    margin-left: inherit;
}

.gridLayoutHeader td
{
    padding-right: 10px;

    padding-bottom: 5px;
}

.gridLayoutHeader td td
{
    padding-right: inherit;

    padding-bottom: inherit;
}

.gridLayoutHeader .HeadTable 
{
    /*

    background-color: rgb(82, 82, 82);

    */

    color: rgb(255, 255, 255);

    height: 30px;

    margin-bottom: 10px;

    margin-left: inherit;

    width: 100%;
}

.gridLayoutHeader .HeadTable a:active,
.gridLayoutHeader .HeadTable a:link,
.gridLayoutHeader .HeadTable a:hover,
.gridLayoutHeader .HeadTable a:visited
{
    color: rgb(255, 255, 255);
}

.gridLayoutHeader .HeadTable td
{
    padding: 0px 10px 0px 10px !important;
}

.gridLayoutHeader .TravelFilterButtons
{
    vertical-align: top;

    display: flex;
}

.gridLayoutHeader .TravelFilterButtons input[type=button],
.gridLayoutHeader .TravelFilterButtons input[type=submit]
{
    display: inline-block;

    /*

    float: none;

    */

    float: left;

    margin-right: 10px;

    /*

    margin-bottom: 5px;

    */
}

.gridLayoutHeader .editModuleItemSpacer
{
    padding-right: 0px !important;
}

.gridLayoutHeader___TD td
{
    padding-right: 10px !important;

    padding-bottom: 5px !important;
}

.gridLayoutHeader___TD td td
{
    padding-right: inherit !important;

    padding-bottom: inherit !important;
}

.gridLayoutContent .editModuleItemSpacer
{
    min-width: 5px;

    width: 5px;
}

.gridLayoutfooter table
{
    border-collapse: collapse;
}

.gridLayoutfooter .moduleMainTable td
{
    padding: 0px;
    margin: 0px;
}

.ig_grid___EditCellStyleDefault
{
    border: none !important;

    background-color: rgb(224, 224, 224) !important;

    height: 100% !important;

    padding: 0px 5px 0px 5px !important;

    width: 100% !important;
}

.ig_grid___FrameStyle
{
    /*

    background-color: rgb(255, 255, 255);

    margin-bottom: 30px;

    */

    _box-shadow: 0px 1px 0px rgb(224, 224, 224);

    width: 100%;
}

.ig_grid___FrameStyle table tr td
{
    height: 30px;

    overflow: hidden;
}

.ig_grid___FrameStyle table tr th
{
    height: 30px;

    line-height: 30px;

    overflow: hidden;
}

.ig_grid___FrameStyle table tr th th
{
    line-height: inherit;
}

.ig_grid___FrameStyle table tbody
{
    border: none !important;
}

.ig_grid___FrameStyle table thead
{
}

.ig_grid___FrameStyle table thead tr th
{
    background-color: rgb(224, 224, 224);

    font-weight: normal;

    padding: 0px 5px 0px 5px;

    vertical-align: middle !important;
}

.ig_grid___FrameStyle:not(.gridresize) table thead tr th:hover
{
    background-color: rgb(199, 199, 199);
}

.ig_grid___FrameStyle table tbody tr
{
    background-color: rgb(255, 255, 255);
}

.ig_grid___FrameStyle table tbody tr.odd
{
    /*

    background-image: linear-gradient(rgb(244, 244, 244) 0%, white 100%);

    background-size: 50px 2px;

    */

    background-color: rgb(250, 250, 250);
}
 
.ig_grid___FrameStyle table tbody tr td
{
    border: none !important;

    box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1216) /* rgb(224, 224, 224) */;

    color: rgb(0, 0, 0);

    padding: 0px 5px 0px 5px;
}

.ig_grid___FrameStyle table tbody tr td td
{
    box-shadow: inherit !important;
}

.ig_grid___FrameStyle table tbody tr td.colspan
{
    padding: 0px 0px 0px 0px;
}

.ig_grid___FrameStyle table tbody tr td.colspan nobr
{
    background-color: rgba(0, 0, 0, 0.0608) /* rgba(224, 224, 224, 0.5) */;

    display: inline-block;

    margin-bottom: 10px;

    padding: 0px 5px 0px 5px;

    width: calc(100% - 5px - 5px - 1px);

    white-space: pre-line;
}

/*

.ig_grid___FrameStyle table tbody tr.last td
{
    box-shadow: inset -1px -1px 0px 0px rgba(0, 0, 0, 0.1216);
}

*/

/*

.ig_grid___FrameStyle table tbody tr td input[type=checkbox]
{
    margin: 2px 0px 0px 0px;
}

*/

.ig_grid___FrameStyle table tbody tr th
{
    background-color: rgb(224, 224, 224);

    font-weight: normal;

    /*

    pointer-events: none;

    position: fixed;

    */

    vertical-align: top !important;
}

.ig_grid___FrameStyle table tbody tr th:hover
{
    background-color: rgb(168, 168, 168);
}

.ig_grid___FrameStyle table tbody tr th img
{
    display: inherit;
}

.ig_grid___FrameStyle table tbody tr tr
{
    background-color: inherit !important;
}

.ig_grid___FrameStyle table tbody tr .travelEditModuleDropDownList
{
    background-color: rgb(224, 224, 224) !important;

    height: 100% !important;

    width: 100% !important;
}

.ig_grid___FrameStyle table tbody tr .travelEditModuleDropDownList
{
    border: none;
}

.ig_grid___FrameStyle table tbody tr .travelEditModuleDropDownList option
{
    background-color: rgb(255, 255, 255);
}

.ig_grid___FrameStyle table tbody .ig_grid___SelectedRowStyleDefault.ig_grid___SelectedRowStyleDefault___CHECKBOX
{
    background-color: rgb(201, 182, 111) !important;

    background-image: none !important;

    background-size: inherit !important;
}

.ig_grid___FrameStyle table tbody .travelGridColumn_rowNumber.ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTCORAL
{
    background-color: rgb(225, 190, 190) !important;
}

.ig_grid___FrameStyle table tbody .travelGridColumn_rowNumber.ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTGREEN
{
    background-color: rgb(223, 236, 223) !important;
}

.ig_grid___FrameStyle table tbody .travelGridColumn_rowNumber.ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTPINK
{
    background-color: rgb(252, 226, 226) !important;
}

.ig_grid___FrameStyle table tbody .travelGridColumn_rowNumber.ig_grid___STYLE_BACKGROUNDCOLOR_MOCCASIN
{
    background-color: rgb(252, 243, 226) !important;
}

.ig_grid___FrameStyle table tbody .ig_grid___SelectedRowStyleDefault,
.ig_grid___FrameStyle table tbody .ig_grid___SelectedRowStyleDefault___CHECKBOX
{
    background-color: rgb(255, 230, 140) !important;

    background-image: none !important;

    background-size: inherit !important;
}

.ig_grid___FrameStyle table tbody .triimghighlight td
{
    background-color: rgba(224, 224, 224, 0.5);
}

.ig_grid___FrameStyle table tbody .triimghighlight td td
{
    background-color: inherit;
}

/*

.ig_grid___FrameStyle table thead tr th input[type=checkbox]
{
    margin: 2px 0px 0px 0px;
}

*/

.ig_grid___HeaderStyleDefault 
{
    background-color: rgb(168, 168, 168);

    height: 30px;

    line-height: 30px;

    font-weight: normal;
}

.ig_grid___HeaderStyleDefault img
{
    display: none;
}

.ig_grid___HeaderStyleDefault nobr
{
    pointer-events: none;
}

.ig_grid___HeaderStyleDefault nobr img,
.ig_grid___HeaderStyleDefault nobr input
{
    pointer-events: auto;
}

.ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTCORAL
{
    background-color: rgb(225, 190, 190);

    /*

    background-color: rgba(139, 0, 0, 0.25);

    */
}

.ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTGREEN
{
    background-color: rgb(223, 236, 223);

    /*

    background-color: rgba(0, 128, 0, 0.1);

    */
}

.ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTPINK
{
    background-color: rgb(252, 226, 226);

    /*

    background-color: rgba(255, 0, 0, 0.1);

    */
}

.ig_grid___STYLE_BACKGROUNDCOLOR_MOCCASIN    
{
    background-color: rgb(252, 243, 226);

    /*

    background-color: rgba(255, 165, 0, 0.1);

    */
}

.ig_grid___STYLE_BACKGROUNDCOLOR_VAR_001
{
}

.ig_grid___STYLE_BORDERBOTTOM
{
    box-shadow: inset 10px 0px 0px 0px white, inset 0px -10px 0px 0px white !important;

    padding-bottom: 10px !important;
}

.ig_grid___STYLE_BORDERLEFT
{
    box-shadow: inset 10px 0px 0px 0px rgb(255, 255, 255);

    padding-left: 15px !important;
}

.ig_grid___STYLE_BORDERLEFT___CELL
{
    box-shadow: inset 10px 0px 0px 0px rgb(255, 255, 255), inset 11px 0px 0px 0px rgba(0, 0, 0, 0.1216) /* rgb(224, 224, 224) */;

    padding-left: 10px;
}

.ig_grid___STYLE_OPACITY
{
    /*

     -webkit-filter: grayscale(100%);

    filter: grayscale(100%);

    opacity: 0.2;

    */

    visibility: hidden;
}

.ig_grid___STYLE_PADDING
{
    padding-bottom: 10px;

    padding-top: 10px;
}

.ig_grid___STYLE_PADDING___EX
{
    padding-top: calc(5px + 10px);
}

.img_tblTri
{
     background-image: url('../image/ig_tblTri.png');
    
     display: inline-block;

     height: 12px;

     width: 22px;
}

.invisible
{
    display: none;

    height: 0px !important;

    width: 0px !important;
}

.inputOverviewProgress
{
    height: 30px;

    /*

        linear-gradient(rgb(255, 255, 255) 10px, rgba(224, 224, 224, 0.5) 10px 20px, white 10px);

        IE11

    */

    background: linear-gradient(to bottom, white 10px, rgb(255, 255, 255) 10px, rgba(224, 224, 224, 0.5) 10px, rgba(224, 224, 224, 0.5) 20px, white 20px);

    margin-right: 10px;

    padding-bottom: 10px;
}

.inputOverviewProgress_Progress
{
    /*

        linear-gradient(rgb(255, 255, 255) 10px, rgb(224, 224, 224) 10px 20px, white 10px);

        IE11

    */

    background: linear-gradient(to bottom, white 10px, rgb(255, 255, 255) 10px, rgb(224, 224, 224) 10px, rgb(224, 224, 224) 20px, white 20px);

    height: 30px;

    width: 100%;
}

/*

.inputOverviewProgress_Progress.ModuleTitle_Arrow___PageBanner_Sheet
{
    width: calc(100% - 600px - 10px);
}

*/

.inputOverviewProgress_Progress_Status
{
    float: left;
}

.inputOverviewProgress_Progress_Status .ARROW
{
    background-image: url('../image/Progress.png'), linear-gradient(to right, rgb(82, 82, 82) 15px, transparent 15px);

    float: left;

    height: 30px;

    width: 25px;
}

.inputOverviewProgress_Progress_Status .TEXT
{
   
    background-color: rgb(82, 82, 82);

    box-shadow: 0px 0px 0px 10px rgb(255, 255, 255);

    color: rgb(255, 255, 255);

    float: left;

    height: 30px;
    
    line-height: 30px;

    padding: 0px 10px 0px 10px;
}

.inputOverviewProgress_Progress_Status___SHIFT
{
    /*

        linear-gradient(rgb(255, 255, 255) 10px, rgb(146, 39, 74) 10px 20px, white 10px)

        IE11

    */

    background: linear-gradient(to bottom, white 10px, rgb(255, 255, 255) 10px, rgb(82, 82, 82) 10px, rgb(82, 82, 82) 20px, white 20px);

    float: left;

    height: 30px;
}

.rowNumber
{
    line-height: 30px;
}

.tabs
{
    height: 30px;

    margin: 0px;

    margin-bottom: 10px;

    padding: 0px;
}

.travelEditModuleButton
{
    background-color: rgb(224, 224, 224);

    border: none;

    font-family: inherit;

    font-size: inherit;

    height: 30px;
}

.travelEditModuleButton:hover
{
    background-color: rgb(199, 199, 199);
}

.travelEditModuleButton___HL
{
    background-color: rgb(82, 82, 82) !important;

    border: none;

    color: rgb(255, 255, 255);

    font-family: inherit;

    font-size: inherit;

    height: 30px;
}

.travelEditModuleButton___HL:hover
{
    background-color: rgb(65, 65, 65) !important;
}

.travelEditModuleButton.COLOR,
.travelEditModuleButton.COLOR_EX
{
    box-shadow: inset -190px 0px 0px 0px rgb(244, 244, 244);

    color: transparent;

    cursor: pointer;

    height: 30px;

    text-align: left;

    width: 200px;
}

.travelEditModuleButton.COLOR:hover
{
    color: rgb(255, 255, 255);

    box-shadow: inset -90px 0px 0px 0px rgb(244, 244, 244);
}

/*

.travelEditModuleButton.COLOR[id$="btnText___COLOR03"]:hover,
.travelEditModuleButton.COLOR[id$="btnText___COLOR05"]:hover,

*/

.travelEditModuleButton.COLOR_EX[id$="btnText___COLOR04"]:hover
{
    color: rgb(0, 0, 0);
}

.travelEditModuleButton.COLOR_EX
{
    box-shadow: inset -190px 0px 0px 0px rgb(244, 244, 244);
}

.travelEditModuleButton.COLOR_EX:hover
{
    color: rgb(255, 255, 255);

    box-shadow: inherit;
}

.travelEditModuleDatePicker
{
    font-size: inherit !important;
}

.travelEditModuleNumericEdit tr td input
{
    width: calc(75px - 1px - 5px - 5px - 1px) !important;
}

.travelEditModuleNumericEdit tr td:last-of-type
{
    display: none;
}

.travelEditModuleRadioButton
{
    vertical-align: middle;
}

.ui-autocomplete
{
    background-color: rgb(255, 255, 255);

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

    max-height: 150px;

    overflow: auto;

    width: 200px;
}

.ui-autocomplete .ui-menu-item
{
    display: inline;
}

.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper
{
    padding: 5px 10px 5px 10px;
}

.ui-autocomplete .ui-menu-item .ui-state-active
{
    background-color: rgb(255, 230, 140);
}

.ui-dialog
{
    background-color: rgb(255, 255, 255);

    border: none !important;

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

    outline: none;
    
    padding: 10px;

    position: absolute !important;

    z-index: 5;
}

.ui-dialog span,
.ui-dialog p
{
    font-family: inherit !important;

    font-size: inherit !important;
}

.ui-dialog.DELETE .ui-dialog-titlebar
{
    background-color: rgb(146, 39, 74);
}

.ui-dialog .ui-icon
{
    display: none;
}

.ui-dialog .ui-dialog-titlebar 
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);

    line-height: 30px;

    margin-bottom: 10px;

    padding: 0px 10px 0px 10px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title
{
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close
{
    visibility: hidden;
}

.ui-dialog .ui-dialog-buttonset
{
    text-align: right;
}

.ui-dialog .ui-dialog-buttonset .ui-button
{
    background-color: rgb(224, 224, 224);

    border: none;

    font-family: inherit;

    font-size: inherit;

    margin-left: 10px;

    height: 30px;

    outline: none;

    padding: 0px 10px 0px 10px;
}

.ui-dialog .ui-dialog-buttonset .ui-button:hover
{
    background-color: rgb(168, 168, 168);
}

/*

.ui-dialog .ui-dialog-buttonset .ui-button[id="btnModalDialog___DELETE"]
{
    background-color: rgb(146, 39, 74);

    color: rgb(255, 255, 255);
}
.ui-dialog .ui-dialog-buttonset .ui-button[id="btnModalDialog___DELETE"]:hover
{
    background-color: rgb(120, 0, 24);
}

*/

.ui-dialog-content
{
    line-height: 30px;

    margin-bottom: 10px;

    min-height: inherit !important;

    padding: 0px 10px 0px 10px;
}

.ui-dialog-content p
{
    white-space: pre-line;
}

.ui-helper-hidden-accessible
{
    display: none;
}

.ui-tab
{
    background-color: rgb(244, 244, 244);

    color: rgb(0, 0, 0);

    float: left;

    height: 30px;

    list-style: none;

    margin-right: 10px;

    position: relative;
}

.ui-tab:hover,
.ui-tabs-active:hover
{
    background-color: rgb(199, 199, 199);
}

.ui-tab a
{
    padding: 0px 10px 0px 10px;

    display:block;

    line-height: 30px;
}

.ui-tab a:active,
.ui-tab a:hover,
.ui-tab a:link,
.ui-tab a:visited
{
    color: inherit;

    outline: none;
}

.ui-tabs-active
{
    background-color: rgb(224, 224, 224);
}

.ui-widget-overlay
{
    background-color: rgba(0, 0, 0, 0.5);

    bottom: 0px;

    left: 0px;

    position: fixed;

    right: 0px;

    top: 0px;

    z-index: 4 !important;
}

.valSummary ul
{
    display: none;

    visibility: hidden;
}

/* #region ig_grid___FrameStyle > [type=checkbox] */



.ig_grid___FrameStyle img
{
    cursor: pointer;

    vertical-align: middle;
}

.ig_grid___FrameStyle img.PADDINGBOTTOM02PX
{
    padding-bottom: 2px;
}

.CopyTravelDialog_Container___Table input[type=checkbox]:before,
.CopyTravelDialog_Container___Table_Content input[type=checkbox]:before,
.ig_grid___FrameStyle input[type=checkbox]:before
{
    box-shadow: inset 0 0 0 1px rgb(82, 82, 82), inset 0 0 0 7px rgb(255, 255, 255);

    margin: -2px 0px 0px -1px;
}

.CopyTravelDialog_Container___Table input[type=checkbox]:checked:before,
.CopyTravelDialog_Container___Table_Content input[type=checkbox]:checked:before,
.ig_grid___FrameStyle input[type=checkbox]:checked:before
{
    box-shadow: inset 0 0 0 1px rgb(82, 82, 82), inset 0 0 0 3px rgb(255, 255, 255), inset 0 0 0 7px rgb(82, 82, 82);

    margin: -2px 0px 0px -1px;
}

.CopyTravelDialog_Container___Table input[type=checkbox]:checked:disabled:before,
.CopyTravelDialog_Container___Table_Content input[type=checkbox]:checked:disabled:before,
.ig_grid___FrameStyle input[type=checkbox]:checked:disabled:before
{
    box-shadow: inset 0 0 0 1px rgb(168, 168, 168), inset 0 0 0 3px rgb(244, 244, 244), inset 0 0 0 7px rgb(168, 168, 168);

    margin: -2px 0px 0px -1px;
}

.CopyTravelDialog_Container___Table input[type=checkbox]:disabled:before,
.CopyTravelDialog_Container___Table_Content input[type=checkbox]:disabled:before,
.ig_grid___FrameStyle input[type=checkbox]:disabled:before
{
    box-shadow: inset 0 0 0 1px rgb(168, 168, 168), inset 0 0 0 7px rgb(244, 244, 244);

    margin: -2px 0px 0px -1px;
}



/*
.ig_grid___FrameStyle nobr > input[type=checkbox]:before
{
    margin-top: inherit;
}

*/


.ig_grid___FrameStyle .headerCheckbox
{
    display: block;

    vertical-align: top;

    text-align: center;
}

/* IE11 wird nicht unterstützt */

_:-ms-lang(x), .ig_grid___FrameStyle input[type=checkbox]
{
    vertical-align: baseline;	
}

/* #endregion */

/* #region GRID EMPTY / ALIGN > ig_WebGrid.js / MENU */

.BORDERSTYLE_BOXSHADOW::after
{
    background-color: rgb(224, 224, 224);

    bottom: 0px;

    content: "";

    display: block;

    height: 1px;

    left: 30px;

    margin-top: calc(0px - 1px);

    position: sticky;

    width: calc(100% - 30px - 1px);
}

.UltraWebGrid___BORDERSTYLE_1 .CopyTravelDialog_Container___Table_Content table tr td,
.UltraWebGrid___BORDERSTYLE_1 .ig_grid___FrameStyle table tbody tr td
{
    box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1216) /* rgb(224, 224, 224) */, inset 0px -1px 0px 0px rgb(224, 224, 224);
}

.UltraWebGrid___BORDERSTYLE_1 .ig_grid___FrameStyle table tbody tr td.colspan nobr
{
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1216) /* rgb(224, 224, 224) */;
}

.UltraWebGrid___BORDERSTYLE_1 .PageBanner_HC .OVERLAY .ENTRY.BORDERSTYLE_01,
.UltraWebGrid___BORDERSTYLE_1 .UltraWebGrid___STICKY_COVER___PATCH .OVERLAY .OVERLAY___COLUMN .COLUMN_BORDERSTYLE_01,
.UltraWebGrid___BORDERSTYLE_2 .PageBanner_HC .OVERLAY .ENTRY.BORDERSTYLE_01,
.UltraWebGrid___BORDERSTYLE_2 .UltraWebGrid___STICKY_COVER___PATCH .OVERLAY .OVERLAY___COLUMN .COLUMN_BORDERSTYLE_01
{
    background-color: inherit;
}

.UltraWebGrid___BORDERSTYLE_1 .PageBanner_HC .OVERLAY .ENTRY.BORDERSTYLE_02,
.UltraWebGrid___BORDERSTYLE_1 .UltraWebGrid___STICKY_COVER___PATCH .OVERLAY .OVERLAY___COLUMN .COLUMN_BORDERSTYLE_02
{
    background-color: rgb(246, 246, 246);
}

.UltraWebGrid___BORDERSTYLE_2 .BORDERSTYLE_BOXSHADOW::after
{
    display: none;
}

.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content,
.UltraWebGrid___BORDERSTYLE_2 .LogDialog_Container___Table_Content,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancewegstrecke_allowancewegstrecke_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancemitnahme_allowancemitnahme_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceforstwege_allowanceforstwege_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancegepaeck_allowancegepaeck_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancelvo_allowancelvo_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceaussendienst_allowanceaussendienst_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_travel_travelrecalculation_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_usergroups_usergroupsedit2_ascx,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent .gridLayoutContent___FULLSCREEN_SCROLL
{
    scrollbar-color: rgb(168, 168, 168) rgb(224, 224, 224);

    scrollbar-width: thin;
}

.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .LogDialog_Container___Table_Content::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancewegstrecke_allowancewegstrecke_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancemitnahme_allowancemitnahme_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceforstwege_allowanceforstwege_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancegepaeck_allowancegepaeck_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancelvo_allowancelvo_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceaussendienst_allowanceaussendienst_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_travel_travelrecalculation_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_usergroups_usergroupsedit2_ascx::-webkit-scrollbar,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent .gridLayoutContent___FULLSCREEN_SCROLL::-webkit-scrollbar
{
    height: 6px;

    width: 6px;
}

.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .LogDialog_Container___Table_Content::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancewegstrecke_allowancewegstrecke_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancemitnahme_allowancemitnahme_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceforstwege_allowanceforstwege_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancegepaeck_allowancegepaeck_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancelvo_allowancelvo_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceaussendienst_allowanceaussendienst_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancewegstrecke_allowancewegstrecke_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancemitnahme_allowancemitnahme_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceforstwege_allowanceforstwege_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancegepaeck_allowancegepaeck_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancelvo_allowancelvo_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceaussendienst_allowanceaussendienst_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_travel_travelrecalculation_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_travel_travelrecalculation_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_usergroups_usergroupsedit2_ascx::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_usergroups_usergroupsedit2_ascx::-webkit-scrollbar-corner,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent .gridLayoutContent___FULLSCREEN_SCROLL::-webkit-scrollbar-track,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent .gridLayoutContent___FULLSCREEN_SCROLL::-webkit-scrollbar-corner
{
    background-color: rgb(224, 224, 224);
}

.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .LogDialog_Container___Table_Content::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancewegstrecke_allowancewegstrecke_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancemitnahme_allowancemitnahme_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceforstwege_allowanceforstwege_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancegepaeck_allowancegepaeck_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancelvo_allowancelvo_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceaussendienst_allowanceaussendienst_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_travel_travelrecalculation_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_usergroups_usergroupsedit2_ascx::-webkit-scrollbar-thumb,
.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent .gridLayoutContent___FULLSCREEN_SCROLL::-webkit-scrollbar-thumb
{
    background-color: rgb(168, 168, 168);
}

.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content table tr td,
.UltraWebGrid___BORDERSTYLE_2 .ig_grid___FrameStyle table tbody tr td
{
    box-shadow: none !important;
}

.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content table tr td:last-of-type,
.UltraWebGrid___BORDERSTYLE_2 .ig_grid___FrameStyle table tbody tr td.last
{
    box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.1216) /* rgb(224, 224, 224) */;
}

/*

.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content table tr:last-of-type td,
.UltraWebGrid___BORDERSTYLE_2 .ig_grid___FrameStyle table tbody tr.last td
{
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1216);
}

.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content table tr:last-of-type td:last-of-type,
.UltraWebGrid___BORDERSTYLE_2 .ig_grid___FrameStyle table tbody tr.last td.last
{
    box-shadow: inset -1px -1px 0px 0px rgba(0, 0, 0, 0.1216);
}

*/

.UltraWebGrid___BORDERSTYLE_2 .PageBanner_HC .OVERLAY .ENTRY.BORDERSTYLE_00,
.UltraWebGrid___BORDERSTYLE_2 .UltraWebGrid___STICKY_COVER___PATCH .OVERLAY .OVERLAY___COLUMN .COLUMN_BORDERSTYLE_00
{
    background-color: rgb(246, 246, 246);
}

/* #endregion */

/* #region GRID STICK COLUMN > ig_WebGrid.js, ig_WebGrid_dom.js */

.UltraWebGrid___STICKY
{
    /*

    background-color: green;

    */
    
    left: 0px;

    position: sticky;

    width: 30px;

    z-index: 1;
}

.UltraWebGrid___STICKY_COVER
{
    /*

    background-color: green;

    */
    
    height: 0px;

    left: 0px;

    position: sticky;

    top: 0px;

    width: 0px;

    z-index: 3;
}

.UltraWebGrid___STICKY_COVER___PATCH
{
    background-color: rgb(224, 224, 224);

    background-image: url('../image/ig_tblGrid.png');

    background-position: center calc(30px / 2 - 12px / 2);

    background-repeat: no-repeat;

    height: 30px;

    width: 30px;
}

.UltraWebGrid___STICKY_COVER___PATCH:hover
{
    background-color: rgb(199, 199, 199);
}

.UltraWebGrid___STICKY_COVER___PATCH:hover .OVERLAY
{
    /*

    display: inherit;

    */

    transition: visibility 0s;

    transition-delay: 0.5s;

    visibility: inherit;
}

.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY
{
    background-color: rgb(255, 255, 255);

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

    cursor: pointer;

    /*

    display: none;

    */

    left: 10px;

    min-width: 200px;

    position: absolute;

    top: 10px;

    visibility: hidden;
}

.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY div:not(.OVERLAY___COLUMN)
{
    line-height: 30px;

    padding: 0px 5px 0px 5px;

    white-space: nowrap;
}

.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY div:not(.OVERLAY___COLUMN):hover
{
    background-color: rgb(246, 246, 246) !important;
}

.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY .OVERLAY___COLUMN
{
    background-color: rgb(255, 255, 255);

    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5);

    display: none;

    left: 200px;

    max-height: calc(10 * 30px);

    overflow: auto;

    position: absolute;
}

.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY [data-key="UGGRID___ALL"]
{
    color: rgb(146, 39, 74);

    margin-top: 10px;
}

.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY [data-key="FRAME"],
.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY [data-key="UGGRID"]
{
    background-image: url('../image/sco_arrow.png');

    background-position: right center;

    background-repeat: no-repeat;
}

.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY [data-key="FRAME"] .OVERLAY___COLUMN
{
    min-width: 200px;
}

.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY [data-key="FRAME"]:hover .OVERLAY___COLUMN
{
    display: inherit;

    top: 0px;
}

.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY [data-key="UGGRID"] .OVERLAY___COLUMN
{
    min-width: 400px;
}

.UltraWebGrid___STICKY_COVER___PATCH .OVERLAY [data-key="UGGRID"]:hover .OVERLAY___COLUMN
{
    display: inherit;

    top: 30px;
}

.UltraWebGrid___STICKY_COLLECTION
{
    /*

    background-color: green;

    */
}

.UltraWebGrid___STICKY_COLLECTION_ENTRY
{
    background-color: rgb(224, 224, 224);

    height: 30px;

    position: absolute;

    width: 30px;
}

.UltraWebGrid___STICKY_COLLECTION_ENTRY:hover
{
    background-color: rgb(199, 199, 199);
}

.UltraWebGrid___STICKY_COLLECTION_INDICATOR
{
    background-image: url('../image/ig_tblTri.png');

    background-position: center center;

    background-repeat: no-repeat;

    height: 30px;

    width: 30px;
}

/* #endregion */

/* #region wrapper_dv___loader */

.loader .BatchActionDialog,
.loader_warp .BatchActionDialog
{
    background: rgba(0, 0, 0, 0.75);

    box-shadow: inherit;
}

.loader .BatchActionDialog_Container,
.loader_warp .BatchActionDialog_Container
{
    visibility: hidden;
}

.loader .PageBanner_01,
.loader_warp .PageBanner_01
{
    visibility: hidden;
}

.loader .PageBanner_Sheet,
.loader_warp .PageBanner_Sheet,
.wrapper_dv .PageBanner_Sheet
{
    display: none;
}

.loader .inputOverviewProgress_Progress,
.loader_warp .inputOverviewProgress_Progress
{
    width: 100% !important;
}

.loader .wrapper_dv___loader,
.loader_warp .wrapper_dv___loader
{
    display: inherit;
}

.wrapper_dv___loader
{
    animation: 1s spin ease-in-out infinite;

    /*

    border-left-color: rgb(174, 26, 55);
    border-bottom-color: rgb(174, 26, 55);
    border-right-color: rgb(174, 26, 55);

    */

    border-style: solid;

    border-top-color: rgb(255, 255, 255);

    border-radius: 50%;

    border-width: 5px;

    display: none;

    height: 45px;

    position: absolute;

    right: 25px;

    top: 35px;

    width: 45px;

    z-index: 3;
}

@keyframes spin
{
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* #endregion */

/* #region SCROLLBAR */

*
{
    scrollbar-color: rgb(224, 224, 224) rgb(244, 244, 244);
}

.ContentPane___EDIT,
.EditPane,
.LeftPane
{
    overflow-y: scroll;
}

.ContentPane___EDIT .gridLayoutPanel,
.EditPane .gridLayoutPanel
{
    width: calc(100% - 10px);
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY)
{
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive
{
    background-color: inherit;

    box-shadow: none;

    justify-content: right;

    pointer-events: none;    

    visibility: visible !important;

    z-index: 0;
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive .ScanArchive_Container
{
    box-shadow: none;

    height: calc(100% - 125px - 10px - 10px);

    margin: calc(125px + 10px) 0px 10px 0px;

    pointer-events: all;

    width: unset;
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive .ScanArchive_Container .ScanArchive_Container___DIV_LIST
{
    display: unset;

    margin-right: 0px;
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive .ScanArchive_Container .ScanArchive_Container___DIV_LIST .ScanArchive_Container___DIV_LIST_LIST
{
    width: 320px;
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive .ScanArchive_Container .ScanArchive_Container___DIV_LIST .ScanArchive_Container___DIV_LIST_LIST .ScanArchive_Container___DIV_LIST_LIST___ELEMENT:nth-last-child(2):nth-child(odd)
{
    margin-bottom: 0px !important;
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive .ScanArchive_Container .ScanArchive_Container___DIV_LIST .ScanArchive_Container___DIV_LIST_LIST .ScanArchive_Container___DIV_LIST_LIST___ELEMENT.ACTIVE
{
    background-color: rgb(244, 244, 244);
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive .ScanArchive_Container .ScanArchive_Container___DIV_LIST .ScanArchive_Container___DIV_LIST_LIST .ScanArchive_Container___DIV_LIST_LIST___ELEMENT.ACTIVE:hover
{
    background-color: rgb(199, 199, 199);
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive .ScanArchive_Container .ScanArchive_Container___DIV_LIST .ScanArchive_Container___DIV_LIST_LIST .ScanArchive_Container___DIV_LIST_LIST___ELEMENT.ACTIVE.SUB
{
    filter: grayscale(100%);

    opacity: 0.05;
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive .ScanArchive_Container .ScanArchive_Container___DIV_LIST .ScanArchive_Container___DIV_LIST_LIST .ScanArchive_Container___DIV_LIST_LIST___ELEMENT.ACTIVE.SUB:hover
{
    filter: inherit;

    opacity: inherit;
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .ScanArchive .ScanArchive_Container .ScanArchive_Container___DIV_TABLE
{
    display: none;
}

.ContentPane___SCANARCHIVE:not(.SCANARCHIVE___OVERLAY) .inputOverviewProgress
{
    display: none;
}

.LeftPane:hover
{
   overflow-y: scroll;
}

.LeftPane.P10
{
    overflow: hidden;

    background-color: #dcdcdc;
}

.LeftPane.P10_TH:hover
{
    background-color: inherit;

    overflow-y: scroll;
}

.Splitter
{
    background: inherit !important;
}

/* #endregion */

/* #region IE11 */

_:-ms-fullscreen, :root .CopyTravelDialog_Container___Table input[type=checkbox],
_:-ms-fullscreen, :root .CopyTravelDialog_Container___Table_Content input[type=checkbox],
_:-ms-fullscreen, :root .EditPane input[type=checkbox],
_:-ms-fullscreen, :root .EditPane input[type=radio],
_:-ms-fullscreen, :root .ig_grid___FrameStyle input[type=checkbox]
{
    margin-right: 5px !important;
}

_:-ms-fullscreen, :root .EditPane input[type=radio]
{
    vertical-align: top;
}

/* #endregion */

/* #endregion */

/* #region CSS / CSS HC */

.UltraWebTree1 .TravelTreeNode img[src$="12x16.png?TravelTree_Collapse"]
{
    background-image: url('../image/TravelTree_Collapse.png');

    width: 12px;
}

.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="12x16.png?TravelTree_Collapse"]
{
    background-image: url('../image/TravelTree_Collapse_HC.png');
}

.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_Default"]
{
    background-image: url('../image/TravelTree_Default.png');

    width: 16px;
}

.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_Default"]
{
    background-image: url('../image/TravelTree_Default_HC.png');
}

.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_Selected"],
.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_Selected_Selected"]
{
    background-image: url('../image/TravelTree_Selected.png');

    width: 16px;
}

.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_Selected"],
.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_Selected_Selected"]
{
    background-image: url('../image/TravelTree_Selected_HC.png');
}

.UltraWebTree1 .TravelTreeNode img[src$="12x16.png?TravelTree_Expand"]
{
    background-image: url('../image/TravelTree_Expand.png');

    width: 12px;
}

.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="12x16.png?TravelTree_Expand"]
{
    background-image: url('../image/TravelTree_Expand_HC.png');
}

.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_Dialog"],
.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_Dialog_Selected"]
{
    background-image: url('../image/TravelTree_Dialog.png');

    width: 16px;
}

.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_Dialog"],
.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_Dialog_Selected"]
{
    background-image: url('../image/TravelTree_Dialog_HC.png');
}

.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_LogExchangeManager"],
.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_LogExchangeManager_Selected"]
{
    background-image: url('../image/TravelTree_LogExchangeManager.png');

    width: 16px;
}

.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_FileManager"],
.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_FileManager_Selected"]
{
    background-image: url('../image/TravelTree_FileManager.png');

    width: 16px;
}

.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_LogExchangeManager"],
.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_LogExchangeManager_Selected"]
{
    background-image: url('../image/TravelTree_LogExchangeManager_HC.png');
}

.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_FileManager"],
.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_FileManager_Selected"]
{
    background-image: url('../image/TravelTree_FileManager_HC.png');
}

.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_Report"],
.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_Report_Selected"]
{
    background-image: url('../image/TravelTree_Report.png');

    width: 16px;
}

.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_Report"],
.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_Report_Selected"]
{
    background-image: url('../image/TravelTree_Report_HC.png');
}

.UltraWebTree1 .TravelTreeNode img[src$="16x20.png?TravelTree_Report_Folder"],
.UltraWebTree1 .TravelTreeNode img[src$="16x20.png?TravelTree_Report_Folder_Selected"]
{
    background-image: url('../image/TravelTree_Report_Folder.png');

    width: 16px;
}

.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x20.png?TravelTree_Report_Folder"],
.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x20.png?TravelTree_Report_Folder_Selected"]
{
    background-image: url('../image/TravelTree_Report_Folder_HC.png');
}

.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_Role"],
.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_Role_Selected"]
{
    background-image: url('../image/TravelTree_Role.png');

    width: 16px;
}

.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_Role"],
.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_Role_Selected"]
{
    background-image: url('../image/TravelTree_Role_HC.png');
}

.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_Traveler"],
.UltraWebTree1 .TravelTreeNode img[src$="16x16.png?TravelTree_Traveler_Selected"]
{
    background-image: url('../image/TravelTree_Traveler.png');

    width: 16px;
}

.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_Traveler"],
.HC .UltraWebTree1 .TravelTreeNode.SelectedNodeStyle img[src$="16x16.png?TravelTree_Traveler_Selected"]
{
    background-image: url('../image/TravelTree_Traveler_HC.png');
}

/* #endregion */

/* #region CSS HC */

.HC .BORDERSTYLE_BOXSHADOW::after
{
    background-color: rgb(82, 82, 82);
}

.HC.UltraWebGrid___BORDERSTYLE_1 .CopyTravelDialog_Container___Table_Content table tr td,
.HC.UltraWebGrid___BORDERSTYLE_1 .ig_grid___FrameStyle table tbody tr td
{
    box-shadow: inset -1px -1px 0px 0px rgba(0, 0, 0, 0.6784) /* rgb(82, 82, 82) */;
}

.HC.UltraWebGrid___BORDERSTYLE_1 .ig_grid___FrameStyle table tbody tr td.colspan nobr
{
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.6784) /* rgb(82, 82, 82) */;
}

.HC.UltraWebGrid___BORDERSTYLE_1 .PageBanner_HC .OVERLAY .ENTRY.BORDERSTYLE_01,
.HC.UltraWebGrid___BORDERSTYLE_1 .UltraWebGrid___STICKY_COVER___PATCH .OVERLAY .OVERLAY___COLUMN .COLUMN_BORDERSTYLE_01,
.HC.UltraWebGrid___BORDERSTYLE_2 .PageBanner_HC .OVERLAY .ENTRY.BORDERSTYLE_01,
.HC.UltraWebGrid___BORDERSTYLE_2 .UltraWebGrid___STICKY_COVER___PATCH .OVERLAY .OVERLAY___COLUMN .COLUMN_BORDERSTYLE_01
{
    background-color: inherit;
}

.HC.UltraWebGrid___BORDERSTYLE_1 .PageBanner_HC .OVERLAY .ENTRY.BORDERSTYLE_02,
.HC.UltraWebGrid___BORDERSTYLE_1 .UltraWebGrid___STICKY_COVER___PATCH .OVERLAY .OVERLAY___COLUMN .COLUMN_BORDERSTYLE_02
{
    background-color: rgba(82, 82, 82, 0.25);
}

.HC.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content,
.HC.UltraWebGrid___BORDERSTYLE_2 .LogDialog_Container___Table_Content,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancewegstrecke_allowancewegstrecke_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancemitnahme_allowancemitnahme_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceforstwege_allowanceforstwege_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancegepaeck_allowancegepaeck_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancelvo_allowancelvo_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceaussendienst_allowanceaussendienst_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_travel_travelrecalculation_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_usergroups_usergroupsedit2_ascx,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent .gridLayoutContent___FULLSCREEN_SCROLL
{
    scrollbar-color: rgb(168, 168, 168) rgb(244, 244, 244);
}

/*

.HC.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content::-webkit-scrollbar-track,
.HC.UltraWebGrid___BORDERSTYLE_2 .LogDialog_Container___Table_Content::-webkit-scrollbar-track,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx::-webkit-scrollbar-track,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx::-webkit-scrollbar-corner,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx::-webkit-scrollbar-track,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx::-webkit-scrollbar-corner,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx::-webkit-scrollbar-track,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx::-webkit-scrollbar-corner,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx::-webkit-scrollbar-track,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx::-webkit-scrollbar-corner,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx::-webkit-scrollbar-track,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx::-webkit-scrollbar-corner,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx::-webkit-scrollbar-track,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx::-webkit-scrollbar-corner,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_travel_travelrecalculation_ascx::-webkit-scrollbar-track,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_travel_travelrecalculation_ascx::-webkit-scrollbar-corner,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_usergroups_usergroupsedit2_ascx::-webkit-scrollbar-track,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_usergroups_usergroupsedit2_ascx::-webkit-scrollbar-corner,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent .gridLayoutContent___FULLSCREEN_SCROLL::-webkit-scrollbar-track,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent .gridLayoutContent___FULLSCREEN_SCROLL::-webkit-scrollbar-corner
{
    background-color: rgb(224, 224, 224);
}

*/

.HC.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .LogDialog_Container___Table_Content::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_bookinglistdetail_bookinglistdetail_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputmileage_inputmileage_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputreceipt_inputreceipt_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtime_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_inputtime_inputtimeedit2_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancewegstrecke_allowancewegstrecke_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancemitnahme_allowancemitnahme_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceforstwege_allowanceforstwege_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancegepaeck_allowancegepaeck_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowancelvo_allowancelvo_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_allowanceaussendienst_allowanceaussendienst_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_reportdetail_reportdetail_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_travel_travelrecalculation_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent.gridLayoutContent___desktopmodules_usergroups_usergroupsedit2_ascx::-webkit-scrollbar-thumb,
.HC.UltraWebGrid___BORDERSTYLE_2 .gridLayoutContent .gridLayoutContent___FULLSCREEN_SCROLL::-webkit-scrollbar-thumb
{
    background-color: rgb(168, 168, 168);
}

.HC.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content table tr td:last-of-type,
.HC.UltraWebGrid___BORDERSTYLE_2 .ig_grid___FrameStyle table tbody tr td.last
{
    box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.6784) /* rgb(82, 82, 82) */;
}

.HC.UltraWebGrid___BORDERSTYLE_2 .PageBanner_HC .OVERLAY .ENTRY.BORDERSTYLE_00,
.HC.UltraWebGrid___BORDERSTYLE_2 .UltraWebGrid___STICKY_COVER___PATCH .OVERLAY .OVERLAY___COLUMN .COLUMN_BORDERSTYLE_00
{
    background-color: rgba(82, 82, 82, 0.25);
}

/*

.HC.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content table tr:last-of-type td,
.HC.UltraWebGrid___BORDERSTYLE_2 .ig_grid___FrameStyle table tbody tr.last td
{
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.6784);
}



.HC.UltraWebGrid___BORDERSTYLE_2 .CopyTravelDialog_Container___Table_Content table tr:last-of-type td:last-of-type,
.HC.UltraWebGrid___BORDERSTYLE_2 .ig_grid___FrameStyle table tbody tr.last td.last
{
    box-shadow: inset -1px -1px 0px 0px rgba(0, 0, 0, 0.6784);
}

*/

.HC *
{
    scrollbar-color: rgb(168, 168, 168) rgb(244, 244, 244);
}

.HC input[type=button],
.HC input[type=file],
.HC input[type=submit]
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);
}

.HC input[type=button]:hover,
.HC input[type=file]:hover,
.HC input[type=submit]:hover
{
    background-color: rgb(56, 56, 56);
}

.HC input[type=button].aspNetDisabled,
.HC input[type=file].aspNetDisabled,
.HC input[type=submit].aspNetDisabled
{
    background-color: rgb(224, 224, 224) !important;

    color: rgba(25, 25, 25, 0.5);
}

.HC input[type="password"],
.HC input[type="password"]:focus, 
.HC input[type="text"]:focus, 
.HC input[type="text"],
.HC select,
.HC select:focus,
.HC textarea,
.HC textarea:focus,
.HC .WebDateChooser_Input input[type="text"]:focus
{
    border: 1px solid rgb(82, 82, 82);
}

.HC input[type=checkbox]:before
{
    box-shadow: inset 0 0 0 1px rgb(82, 82, 82), inset 0 0 0 6px rgb(255, 255, 255);
}

.HC input[type=checkbox]:checked:before
{
    box-shadow: inset 0 0 0 1px rgb(82, 82, 82), inset 0 0 0 2px rgb(255, 255, 255), inset 0 0 0 6px rgb(82, 82, 82);
}

.HC input[type=checkbox]:before
{
    box-shadow: inset 0 0 0 1px rgb(82, 82, 82), inset 0 0 0 7px rgb(255, 255, 255);
}

.HC input[type=checkbox]:checked:before
{
    box-shadow: rgb(82, 82, 82) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 0px 0px 3px inset, rgb(82, 82, 82) 0px 0px 0px 7px inset;
}

.HC input[type="checkbox"]:disabled:before
{
    box-shadow: inset 0 0 0 1px rgb(82, 82, 82), inset 0 0 0 7px rgb(244, 244, 244);
}

.HC input[type="checkbox"]:disabled:checked:before
{
    /*

    box-shadow: rgb(82, 82, 82) 0px 0px 0px 1px inset, rgb(224, 224, 224) 0px 0px 0px 3px inset, rgb(82, 82, 82) 0px 0px 0px 7px inset;

    */

    box-shadow: rgb(82, 82, 82) 0px 0px 0px 1px inset, rgb(244, 244, 244) 0px 0px 0px 3px inset, rgb(168, 168, 168) 0px 0px 0px 7px inset;
}

.HC input[type="checkbox"]:focus:before
{
    box-shadow: inset 0 0 0 1px rgb(82, 82, 82), inset 0 0 0 7px rgb(255, 255, 224);
}

.HC input[type="checkbox"]:focus:checked:before
{
    box-shadow: rgb(82, 82, 82) 0px 0px 0px 1px inset, rgb(255, 255, 224) 0px 0px 0px 3px inset, rgb(82, 82, 82) 0px 0px 0px 7px inset;
}

.HC input[type=text].aspNetDisabled,
.HC input[type=text].ig_Edit:disabled,
.HC input[type=text].travelEditModuleNumericEdit:disabled,
.HC select.aspNetDisabled,
.HC textarea:disabled,
.HC .WebDateChooser_Input input[type="text"]:disabled
{
    _background-color: rgb(244, 244, 244) !important;

    color: rgba(25, 25, 25, 0.5);
}

.HC .CopyTravelDialog_Container___Table input[type=checkbox]:before,
.HC .CopyTravelDialog_Container___Table_Content input[type=checkbox]:before,
.HC .ig_grid___FrameStyle input[type=checkbox]:before
{
    box-shadow: inset 0 0 0 1px rgb(82, 82, 82), inset 0 0 0 7px rgb(255, 255, 255);
}

.HC .CopyTravelDialog_Container___Table input[type=checkbox]:checked:before,
.HC .CopyTravelDialog_Container___Table_Content input[type=checkbox]:checked:before,
.HC .ig_grid___FrameStyle input[type=checkbox]:checked:before
{
    box-shadow: inset 0 0 0 1px rgb(82, 82, 82), inset 0 0 0 3px rgb(255, 255, 255), inset 0 0 0 7px rgb(82, 82, 82);
}

.HC .CopyTravelDialog_Container___Table input[type=checkbox]:checked:disabled:before,
.HC .CopyTravelDialog_Container___Table_Content input[type=checkbox]:checked:disabled:before,
.HC .ig_grid___FrameStyle input[type=checkbox]:checked:disabled:before
{
    /*

    box-shadow: inset 0 0 0 1px rgb(168, 168, 168), inset 0 0 0 3px rgb(244, 244, 244), inset 0 0 0 7px rgb(168, 168, 168);

    */

    box-shadow: inset 0 0 0 1px rgb(82, 82, 82), inset 0 0 0 3px rgb(255, 255, 255), inset 0 0 0 7px rgb(168, 168, 168);
}

.HC .CopyTravelDialog_Container___Table input[type=checkbox]:disabled:before,
.HC .CopyTravelDialog_Container___Table_Content input[type=checkbox]:disabled:before,
.HC .ig_grid___FrameStyle input[type=checkbox]:disabled:before
{
    /*

    box-shadow: inset 0 0 0 1px rgb(168, 168, 168), inset 0 0 0 7px rgb(244, 244, 244);

    */

    box-shadow: inset 0 0 0 1px rgb(82, 82, 82), inset 0 0 0 7px rgb(244, 244, 244);
}

.HC .CopyTravelDialog_Container___Title,
.HC .LogDialog_Container___Title
{
    background-color: rgb(82, 82, 82);
}

.HC .CopyTravelDialog_Container___Table table tr,
.HC .LogDialog_Container___Table table tr
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);
}

.HC .CopyTravelDialog_Container___Table_Content
{
    background-color: rgb(244, 244, 244);
}

.HC .CopyTravelDialog_Container___Table_Content table tr td
{
    box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.6784);
}

.HC .CopyTravelDialog_Container___Table_Content table tr:last-of-type td
{
    box-shadow: inset -1px -1px 0px 0px rgba(0, 0, 0, 0.6784);
}

.HC .CopyTravelDialog_Container___Table_Content table .td_1
{
    background-color: rgb(82, 82, 82);

    box-shadow: none !important;
}

.HC .FileUploadWrapper
{
    border: 1px dashed rgb(82, 82, 82);
}

.HC .InputReceipt___ScanArchive
{
    border-color: rgb(168, 168, 168);
}

.HC .InputReceipt___ScanArchive span.aspNetDisabled
{
    color: rgb(168, 168, 168);
}

.HC .Login_TD___LoginCmd_02
{
    background-color: rgb(224, 224, 224);
}

.HC .NavigationList_List___Title
{
    background-color: rgb(82, 82, 82);
}

.HC .NavigationList_List___Content_Content .ENTRY:hover,
.HC .NavigationList_List___Content_Content .ENTRY_EX:hover
{
    background-color: rgba(82, 82, 82, 0.25);
}

.HC .NavigationList_List___Content_Content .ACTIVE,
.HC .NavigationList_List___Content_Content .ACTIVE:hover
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);
}

.HC .PageBanner_HC .OVERLAY .ENTRY:hover
{
    background-color: rgba(82, 82, 82, 0.25) !important;
}

.HC .PageBanner_HC .OVERLAY .ENTRY.BORDERSTYLE_01,
.HC .UltraWebGrid___STICKY_COVER___PATCH .OVERLAY .OVERLAY___COLUMN .COLUMN_BORDERSTYLE_01
{
    background-color: rgba(82, 82, 82, 0.25);
}

.HC .PageBanner_HC .OVERLAY .ENTRY.CSS_00
{
    background-color: inherit;
}

.HC .PageBanner_HC .OVERLAY .ENTRY.CSS_01
{
    background-color: rgba(82, 82, 82, 0.25);
}

.HC .PageBanner_HC .OVERLAY .TITLE_X3
{
    box-shadow: inset -1px 0px 0px 0px rgba(82, 82, 82, 0.25);
}

.HC .StartPage .CONTENT .GROUP .GROUPCOLUMN .TEXT_TITLE
{
    background-color: rgb(82, 82, 82);
}

.HC .StartPage .HEADER:empty
{
    background-image: url('../image/SPC_AKDB_HC.png');
}

.HC .Timeline_Tab input[type="submit"]
{
    background-color: rgb(224, 224, 224);

    color: rgb(0, 0, 0);
}

.HC .Timeline_Tab input[type="submit"]:hover
{
    background-color: rgb(168, 168, 168) !important;
}

.HC .Timeline_Tab input[type="submit"].ACTIVE
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);
}

.HC .Timeline_Tab input[type="submit"].ACTIVE:hover
{
    background-color: rgb(56, 56, 56);
}

.HC .Timeline___CONTENT_BACKGROUND___GROUP
{
    background-color: rgba(168, 168, 168, 0.5);
}

.HC .Timeline:hover .Timeline___CONTENT_ENTRY.ACTIVE
{
    background-color: rgb(168, 168, 168);
}

.HC .Timeline:hover .Timeline___CONTENT_ENTRY.ACTIVE.ERROR
{
    background-color: rgb(255, 127, 127);
}

.HC .Timeline:hover .Timeline___CONTENT_ENTRY.ACTIVE.FATAL
{
    background-color: rgb(197, 127, 127);
}

.HC .Timeline:hover .Timeline___CONTENT_ENTRY.ACTIVE.REMARK
{
    background-color: rgb(255, 210, 127);
}

.HC .Timeline:hover .Timeline___CONTENT_HEAD___ENTRY.ACTIVE .TEXT
{
    background-color: rgb(56, 56, 56);
}

.HC .Timeline___CONTENT_ENTRY
{
    background-color: rgb(168, 168, 168);
}

.HC .Timeline___CONTENT_ENTRY.ERROR
{
    background-color: rgb(255, 127, 127);
}

.HC .Timeline___CONTENT_ENTRY.FATAL
{
    background-color: rgb(197, 127, 127);
}

.HC .Timeline___CONTENT_ENTRY.REMARK
{
    background-color: rgb(255, 210, 127);
}

.HC .Timeline___CONTENT_HEAD.DAY_0
{
    background: repeating-linear-gradient(to right, rgba(168, 168, 168, 1.0)  0px 10px, transparent              10px 20px,
                                                    rgba(168, 168, 168, 0.5) 20px 30px, transparent              30px 40px,
                                                    rgba(168, 168, 168, 0.5) 40px 50px, transparent              50px 60px,
                                                    rgba(168, 168, 168, 1.0) 60px 70px);

    background-color: rgb(244, 244, 244);
}

.HC .Timeline___CONTENT_HEAD.DAY_1
{
    background: repeating-linear-gradient(to right, transparent               0px 10px, rgba(168, 168, 168, 0.5) 10px 20px,
                                                    transparent              20px 30px, rgba(168, 168, 168, 0.5) 30px 40px,
                                                    transparent              40px 50px, rgba(168, 168, 168, 1.0) 50px 60px,
                                                    rgba(168, 168, 168, 1.0) 60px 70px);

    background-color: rgb(244, 244, 244);
}

.HC .Timeline___CONTENT_HEAD.DAY_2
{
    background: repeating-linear-gradient(to right, rgba(168, 168, 168, 0.5)  0px 10px, transparent              10px 20px,
                                                    rgba(168, 168, 168, 0.5) 20px 30px, transparent              30px 40px,
                                                    rgba(168, 168, 168, 1.0) 40px 50px, rgba(168, 168, 168, 1.0) 50px 60px,
                                                    transparent              60px 70px);

    background-color: rgb(244, 244, 244);
}

.HC .Timeline___CONTENT_HEAD.DAY_3
{
    background: repeating-linear-gradient(to right, transparent               0px 10px, rgba(168, 168, 168, 0.5) 10px 20px,
                                                    transparent              20px 30px, rgba(168, 168, 168, 1.0) 30px 40px,
                                                    rgba(168, 168, 168, 1.0) 40px 50px, transparent              50px 60px,
                                                    rgba(168, 168, 168, 0.5) 60px 70px);

    background-color: rgb(244, 244, 244);
}

.HC .Timeline___CONTENT_HEAD.DAY_4
{
    background: repeating-linear-gradient(to right, rgba(168, 168, 168, 0.5)  0px 10px, transparent              10px 20px,
                                                    rgba(168, 168, 168, 1.0) 20px 30px, rgba(168, 168, 168, 1.0) 30px 40px,
                                                    transparent              40px 50px, rgba(168, 168, 168, 0.5) 50px 60px,
                                                    transparent              60px 70px);

    background-color: rgb(244, 244, 244);
}

.HC .Timeline___CONTENT_HEAD.DAY_5
{
    background: repeating-linear-gradient(to right, transparent               0px 10px, rgba(168, 168, 168, 1.0) 10px 20px,
                                                    rgba(168, 168, 168, 1.0) 20px 30px, transparent              30px 40px,
                                                    rgba(168, 168, 168, 0.5) 40px 50px, transparent              50px 60px,
                                                    rgba(168, 168, 168, 0.5) 60px 70px);

    background-color: rgb(244, 244, 244);
}

.HC .Timeline___CONTENT_HEAD.DAY_6
{
    background: repeating-linear-gradient(to right, rgba(168, 168, 168, 1.0)  0px 10px, rgba(168, 168, 168, 1.0) 10px 20px,
                                                    transparent              20px 30px, rgba(168, 168, 168, 0.5) 30px 40px,
                                                    transparent              40px 50px, rgba(168, 168, 168, 0.5) 50px 60px,
                                                    transparent              60px 70px);

    background-color: rgb(244, 244, 244);
}

.HC .Timeline___CONTENT_HEAD___ENTRY .TEXT
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);
}

.HC .TreeFilter input[type="text"]
{
    border-right: none;
}

.HC .TreeFilter:focus-within input[type=submit]:not(:disabled)
{
    background-color: rgb(82, 82, 82);
}

.HC .TreeFilter:focus-within input[type=submit]:not(:disabled):hover
{
    background-color: rgb(56, 56, 56);
}

.HC .TreeFilter input[type=submit]:disabled
{
    border-bottom: 1px solid rgb(82, 82, 82);
    border-right: 1px solid rgb(82, 82, 82);
    border-top: 1px solid rgb(82, 82, 82);
}

.HC .TreeFilter input[type=submit]:disabled:hover
{
    background-color: rgb(255, 255, 255);
}

.HC .TreeFilter input[type=submit]:disabled.focus
{
    background-color: rgb(255, 255, 224);
}

.HC .TreeFilter input[type=submit]:focus
{
    background-color: rgb(82, 82, 82);
}

.HC .TreeFilter_Cat input[type="submit"]
{
    background-color: rgb(224, 224, 224);

    color: rgb(0, 0, 0);
}

.HC .TreeFilter_Cat input[type="submit"]:hover
{
    background-color: rgb(168, 168, 168);
}

.HC .TreeFilter_Cat input[type="submit"].CAT_ACTIVE,
.HC .TreeFilter_Cat input[type="submit"].CAT_ACTIVE:hover
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);
}

.HC .TreeFilter_Cat input[type="submit"].EX
{
    background-color: rgb(82, 82, 82);
}

.HC .TreeFilter_Cat input[type="submit"].EX:hover
{
    background-color: rgb(56, 56, 56);
}

.HC .UltraWebTree1 .TravelTreeNode:hover
{
    background-color: rgba(82, 82, 82, 0.25);
}

.HC .UltraWebTree1 .SelectedNodeStyle.TravelTreeNode,
.HC .UltraWebTree1 .SelectedNodeStyle.TravelTreeNode:hover
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);
}

.HC .UltraWebGrid___STICKY_COLLECTION_ENTRY,
.HC .UltraWebGrid___STICKY_COVER___PATCH
{
    background-color: rgb(82, 82, 82);
}

.HC .UltraWebGrid___STICKY_COLLECTION_ENTRY:hover
{
    background-color: rgb(56, 56, 56);
}

.HC .UltraWebGrid___STICKY_COLLECTION_INDICATOR
{
    background-image: url('../image/ig_tblTri_HC.png');
}

.HC .UltraWebGrid___STICKY_COVER___PATCH
{
    background-image: url("../image/ig_tblGrid_HC.png");
}

.HC .UltraWebGrid___STICKY_COVER___PATCH:hover
{
    background-color: rgb(56, 56, 56);
}

.HC .UltraWebGrid___STICKY_COVER___PATCH .OVERLAY div:not(.OVERLAY___COLUMN):hover
{
    background-color: rgba(82, 82, 82, 0.25) !important;
}

.HC .WebDateChooser_Input___NextPrevStyle
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);
}

.HC .WebDateChooser_Input___NextPrevStyle:hover
{
    background-color: rgb(56, 56, 56);
}


.HC .gridLayoutHeader .HeadTable 
{
    background-color: rgb(82, 82, 82);
}

.HC .gridLayoutContent .Sort_ASC
{
    background-image: url('../image/Sort_ASC_HC.png');
}

.HC .gridLayoutContent .Sort_DESC
{
    background-image: url('../image/Sort_DESC_HC.png');
}

.HC .gridLayoutContent___INPUTTIMEEDIT2_TITLE
{
    background-color: rgb(82, 82, 82);
}

.HC .gridLayoutContent___INPUTTIMEEDIT2_TITLE:not(.OPEN):hover
{
    background-color: rgb(56, 56, 56);
}

.HC .gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE,
.HC .gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE_ARROW a:active,
.HC .gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE_ARROW a:link,
.HC .gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE_ARROW a:hover,
.HC .gridLayoutContent___INPUTTIMEEDIT2_TITLE_TITLE_ARROW a:visited
{
    color: rgb(255, 255, 255)
}

.HC .ig_grid___FrameStyle table tbody tr.odd
{
    background-color: rgb(240, 240, 240);
}

.HC .ig_grid___FrameStyle table tbody tr td
{
    box-shadow: inset -1px 0px 0px 0px rgba(0, 0, 0, 0.6784) /* rgb(82, 82, 82) */;
}

.HC .ig_grid___FrameStyle table tbody tr td.colspan nobr
{
    background-color: rgba(0, 0, 0, 0.1216) /* rgba(224, 224, 224, 0.5) */;
}

/*

.HC .ig_grid___FrameStyle table tbody tr.last td
{
    box-shadow: inset -1px -1px 0px 0px rgba(0, 0, 0, 0.6784);
}

*/

.HC .ig_grid___FrameStyle table tbody .travelGridColumn_rowNumber.ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTCORAL
{
    background-color: rgb(197, 127, 127) !important;
}

.HC .ig_grid___FrameStyle table tbody .travelGridColumn_rowNumber.ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTGREEN
{
    background-color: rgb(127, 191, 127) !important;
}

.HC .ig_grid___FrameStyle table tbody .travelGridColumn_rowNumber.ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTPINK
{
    background-color: rgb(255, 127, 127) !important;
}

.HC .ig_grid___FrameStyle table tbody .travelGridColumn_rowNumber.ig_grid___STYLE_BACKGROUNDCOLOR_MOCCASIN
{
    background-color: rgb(255, 210, 127) !important;
}

.HC .ig_grid___FrameStyle table thead tr th
{
    background-color: rgb(82, 82, 82);

    color: rgb(255, 255, 255);
}

.HC .ig_grid___FrameStyle:not(.gridresize) table thead tr th:hover
{
    background-color: rgb(56, 56, 56);
}

.HC .ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTCORAL
{
    background-color: rgb(197, 127, 127);
}

.HC .ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTGREEN
{
    background-color: rgb(127, 191, 127);
}

.HC .ig_grid___STYLE_BACKGROUNDCOLOR_LIGHTPINK
{
    background-color: rgb(255, 127, 127);
}

.HC .ig_grid___STYLE_BACKGROUNDCOLOR_MOCCASIN    
{
    background-color: rgb(255, 210, 127);
}

.HC .travelEditModuleButton.COLOR,
.HC .travelEditModuleButton.COLOR_EX
{
    color: transparent;
}

.HC .travelEditModuleButton.COLOR:hover
{
    color: rgb(255, 255, 255);
}

.HC .ui-tab
{
    background-color: rgb(224, 224, 224);
}

.HC .ui-tab:hover
{
    background-color: rgb(168, 168, 168);
}

.HC .ui-tabs-active,
.HC .ui-tabs-active:hover
{
    color: rgb(255, 255, 255);

    background-color: rgb(82, 82, 82);
}

/* #endregion */

/* #region TINYMCE */

.tox-tinymce
{
    border: 1px solid rgb(224, 224, 224) !important;

    border-radius: inherit !important;
}

.HC .tox-tinymce
{
    border: 1px solid rgb(82, 82, 82) !important;
}

/* #endregion */