.lopeCustomerLogo{max-width:150px;max-height:50px}.lopeIndexAppname{font-weight:bold;font-size:xx-large;padding:20px}.lopeMenuNametable{display:inline;padding:10px;color:initial}.lopeMenuCustomername{font-weight:bold}.lopeModal0{color:#818182 !important;background-color:#fefefe !important;border-color:#fdfdfe !important}.lopeModal1{color:#856404 !important;background-color:#fff3cd !important;border-color:#ffeeba !important}.lopeModal2{color:#721c24 !important;background-color:#f8d7da !important;border-color:#f5c6cb !important}.lopePopupMenuHeades{background-color:#ddd;color:black;padding:10px}.lopeMainMenu_tile{height:75px;width:150px;margin:2px;padding:5px !important;background-color:yellow;float:left;text-align:left !important;vertical-align:top !important}.lopeMainMenu_tile_disabled{pointer-events:none;cursor:not-allowed;opacity:.5;text-decoration:none;background-color:#6c757d !important}.lopeMainMenu_title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:55%;padding-top:5px}.lopeMainMenu_subtitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:x-small;font-style:italic;height:20%}.btn{background-color:DodgerBlue;border:1px solid black !important;color:white;padding:12px 16px;font-size:16px;cursor:pointer}.btn:hover{background-color:RoyalBlue}.lopeMainmenu_container{display:inline-flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;&::-webkit-scrollbar{display:none}}.lopeMainmenu_tab{flex:0 0 auto;padding:2px;border-left:solid black 1px;border-top:solid black 1px;border-bottom:solid black 1px;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer}.lopeMainmenu_tab_active{background-color:#ddd;cursor:inherit}.lopeMainmenu_tab:last-child{border-right:solid black 1px}.lopeRowSymbol{margin-top:10px;margin-left:10px}.lopeDeletedRow{color:red}.active{background-color:#337ab7 !important}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}$baseColor:#398B93;$borderRadius:10px;$imageBig:100px;$imageSmall:60px;$padding:10px;.lopeTableResponsive{border:1px solid darken($baseColor,5%);border-radius:$borderRadius;box-shadow:3px 3px 0 rgba(0,0,0,0.1);max-width:calc(100% - 2em);margin:1em auto;overflow:hidden;width:800px}table{width:100%;td,th{color:darken($baseColor,10%);padding:$padding}td{text-align:center;vertical-align:middle;&:last-child{font-size:.95em;line-height:1.4;text-align:left}}th{background-color:lighten($baseColor,50%);font-weight:300}tr{&:nth-child(2n){background-color:white}&:nth-child(2n+1){background-color:lighten($baseColor,55%)}}}@media screen and (max-width:600px){table.lopeTableResponsive,table.lopeTableResponsive tr,table.lopeTableResponsive td,table.lopeTableResponsive th{display:block}td,th{&:first-child{position:absolute;top:50%;transform:translateY(-50%);width:$imageBig}&:not(:first-child){clear:both;margin-left:$imageBig;padding:4px 20px 4px 90px;position:relative;text-align:left;&:before{color:lighten($baseColor,30%);content:'';display:block;left:0;position:absolute}}}tr{padding:$padding 0;position:relative;&:first-child{display:none}}}@media screen and (max-width:500px){td,th{&:first-child{background-color:lighten($baseColor,45%);border-bottom:1px solid lighten($baseColor,30%);border-radius:$borderRadius $borderRadius 0 0;position:relative;top:0;transform:translateY(0);width:100%}&:not(:first-child){margin:0;padding:5px 1em;width:100%;&:before{font-size:.8em;padding-top:.3em;position:relative}}&:last-child{padding-bottom:1rem !important}}tr{background-color:white !important;border:1px solid lighten($baseColor,20%);border-radius:$borderRadius;box-shadow:2px 2px 0 rgba(0,0,0,0.1);margin:.5rem 0;padding:0}.lopeTableResponsive{border:0;box-shadow:none;overflow:visible}}.lope-loader-overlay{background-color:grey;position:fixed !important;width:100%;height:100%;top:0;left:0;opacity:.5;z-index:500000}.lope-loader-overlay-inner{background-color:white;display:inline-block;padding:10px;border-radius:10px;position:fixed;top:49%;left:49%;z-index:500001}@media screen and (max-width:700px){.lope-loader-overlay-inner{top:40%;left:33%}}@media screen and (max-width:500px){.lope-loader-overlay-inner{top:33%;left:33%}}body.lopeNoScroll{overflow:hidden}.bg-white{color:black !important}.bg-white:hover{background-color:#e0e0e0 !important}.ng-table-counts button{color:black;background-color:white}.lopeRowSymbol{margin-top:10px;margin-left:10px}.lopeDeletedRow{color:red}.lopeWarningRow{color:darkorange}.lopeOkRow{color:green}.lopeLogo{background-color:white}.lopePageLogo{white-space:nowrap;font-style:italic;margin:2px;padding:2px;display:inline}.lopeLongTextOneLine{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lopeLongTextSpan{white-space:normal !important}.lopeSelectInList{margin:15px}.lopeOptionIsActive0{background-color:#ff8d85}.lopeListImage{max-height:50px;max-width:50px}.lopeNgTableFilterHorizontal{width:initial;display:inline}.lopeSelectItemInactive{background-color:red;color:white}.lopeSelectItemActive{background-color:green;color:white}.lopeSelectItemWarning{background-color:yellow;color:black}.lope_row_active{background-color:#d5ffd4}.lopeImportantOk{font-size:xx-large;color:green;font-weight:bold}.lopeImportantWarning{font-size:xx-large;color:#d9b800;font-weight:bold}.lopeImportantHint{font-size:xx-large;color:red;font-weight:bold}.lopeFieldGroup{border:solid black 1px;border-radius:10px;padding:10px;margin:10px;box-shadow:10px 10px 5px grey;background-color:white}.lopeFieldGroup_default{min-height:300px;width:48%;min-width:300px}.lopeFieldGroup_fullWidth{min-height:300px;width:97%}.lopeLabelWSpanIcon{margin-right:5px !important}.lopeLabelWSpanIcon span{margin-right:3px !important}.lope_textHelp{color:red;font-weight:bold}.lope_radioGroup{white-space:nowrap}.lope_radioGroup input[type="radio"]{display:none}.lope_radioGroup label{margin:-3px}.lopeCalendar_weekdays{background-color:#aaa}.lopeCalendar_weekend{background-color:#f0f0f0}.lopeCalendar_empty{background-color:#c9c9c9}.lopeMailButtonNoText{color:black;text-decoration:none;border:solid black 1px;border-radius:3px;padding:10px}:root{--titlesBackground:#ac882b}body{background-color:#e3e3e3}#lopeScopeDiv{background-color:whitesmoke}#lopeHeaderContainer{background-color:white}.lope_languagechooser{width:50px;height:25px;cursor:pointer}.lope_languagechooser_selected{background-color:var(--titlesBackground) !important}.lopeOrderHeadInfoElement{padding:5px;float:left}.lopeOrderClickLink{cursor:pointer}