html, body
{
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; 
    font-size:14px;
    color:#444;
    height: 100%;
    margin:0px;
    padding-left:8px;
}

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

input[type='radio']
{
    display:none;
}

input[type='radio']:checked + label,
input[type='radio']:not(:checked) + label
{
    position: relative;
    margin-left: 18px;
    font-size: 14px;
    line-height: 25px;
    color: #444;
}

input[type='radio']:checked + label::before,
input[type='radio']:not(:checked) + label::before{
    content: ' ';
    background: #ffffff;
    border-radius: 35px;
    padding: 6px;
    display: inline-Block;
    position: absolute;
    border: 1px solid #444;
    margin: 0px;
    top: 2px;
    left: -18px;
    float: left;
}

input[type='radio']:checked + label::after
{
    content: ' ';
    background: #444;
    border-radius: 35px;
    padding: 4px;
    display: inline-Block;
    position: absolute;
    margin: 0px;
    top: 5px;
    left: -15px;
    float: left;
}

.HeaderRowStyle
{
    min-height: 24px;
    max-height: 24px;
    font-weight:100;
    color:#777;
}

.HeaderRowStyleFixed
{
    min-height: 24px;
    max-height: 24px;
    font-weight:100;
    color:#777;
}

.HeaderRowStyleFreeHeight
{
    min-height: 24px;
    font-weight:100;
    color:#777;
}

.XXSMargin
{
    width:100%;
    height:5px;
}

.XSMargin
{
    width:100%;
    height:10px;
}

.SmallMargin
{
    width:100%;
    height:20px;
}

.MediumMargin
{
    width:100%;
    height:40px;
}

select::-ms-expand
{
  display:none;
}

.DefaultTextBox:focus
{
    outline:none;    
}

.DefaultTextBox
{
    width:calc(100% - 6px);
    border:1px solid #aaa;
    padding:2px;
    -moz-appearance:textfield;
    font-size: inherit;
    font-family: inherit;
}

.DefaultDateControl
{
    width:calc(100% - 6px);
    border:1px solid #aaa;
    padding:2px;
    font-size: inherit;
    font-family: inherit;
    outline:none;
}

.DefaultTimeControl
{
    width:calc(100% - 6px);
    border:1px solid #aaa;
    padding:2px;
    font-size: inherit;
    font-family: inherit;
}

.DefaultFileUpload
{
    width:calc(100% - 6px);
    border:1px solid #aaa;
    padding:2px;
    font-size: inherit;
    font-family: inherit;
}

.DefaultFileUpload:focus
{
   outline:none;
}

.DefaultTextBoxMultiline 
{
    width:calc(100% - 6px);
    border:1px solid #aaa;
    resize:none;
    padding:2px;
    font-size: inherit;
    font-family: inherit;
}

.DefaultTextBoxMultiline:disabled
{
    background-color: #ebebeb;
}

.DefaultTextBoxMultiline:focus
{
   outline:none;
}

.DefaultComboBox 
{
    -moz-appearance:none;
    -webkit-appearance:none; 
    width: calc(100% - 2px);
    border:1px solid #aaa;
    padding: 2px;
}

.DefaultComboBox:disabled 
{
    background-image:none;
    background-color:#ebebe4;   
    cursor:default;
    width:100%;
}

.DefaultTextBoxMultiline:focus
{
    outline:none;    
}

.DefaultButton
{
    border: 1px solid #444;
    display: inline-Block;
    padding: 5px;
    background-color: #cfcfcf;
    cursor: pointer;
    min-width: 80px;
    text-align: center;
    margin-left:5px;
    float:right;
    border-radius:2px;
    font-size: inherit;
    font-family: inherit;
}

.DefaultButtonDisabled
{
    border: 1px solid #444;
    display: inline-Block;
    padding: 5px;
    background-color: #ededed;    
    min-width: 80px;
    text-align: center;
    margin-left:5px;
    float:right;
    border-radius:2px;
    color:#b4b4b4;
}

.ItemStyleBold
{
    vertical-align:middle;
    align-self: center;
    font-weight:bold;
}


.DefaultCheckNoText
{
    position:relative;
    left:-4px;
}

.ControlError
{
    border-color:#ff0000;
}

.RibbonContainer
{
    margin-top:20px;
    margin-left:20px;
}

.MasterRibbonSeparator
{
    border-left: 1px solid #aaa;
    min-height:100%;
    float:left;
}

.ListHeader
{
    font-weight:500;
    font-size:20px;
    color:#777;
    margin-bottom:20px;
}

.ListHeaderMiddle
{
    font-weight: 500;
    font-size: 18px;
    color: #777;
    margin-bottom: 20px;
}

.ProjectLabelHeader
{
    font-weight:500;
    font-size:20px;
    color:#777;
}

.ProjectLabel
{
    font-size:16px;
    color:#777;
}

.ProjectLabelBold
{
    font-weight:bold;
    font-size:16px;
    color:#777;
}

.SideNavigationHeading
{
    width:160px;
    height:24px;
    padding-left:20px;
    padding-top:3px;
    background-color:#7f7f7f;
    color:#ffffff;
}

.SideNavigationNode
{
    width:160px;
    height:24px;
    padding-left:20px;
    padding-top:3px;
    background-color:#bfbfbf;
    color:#000000;
    display:block;
    margin-bottom:1px;
}

.SideNavigationNode:hover
{
    background-color:#7f7f7f !important;
    color:#ffffff;
}

.SideNavigationSelectedNode:hover
{
    background-color:#7f7f7f !important;
    color:#ffffff;
}

.SideNavigationSelectedNode
{
    width:160px;
    height:24px;
    padding-left:20px;
    padding-top:3px;
    background-color:#5184bc;
    color:#ffffff;
    display:block;
    margin-bottom:1px;
}

.MenuHeader
{
    width:172px;
    height:27px;
    margin-right:6px;
    background-color:transparent;
    color:#444;
    margin-top:10px;
}

.MenuHeaderText
{
    width:144px;
    height:27px;
    padding-top:3px;
    font-size:15px;
    font-weight:500;
    float:left;
}

.MenuHeaderButton
{
   height:24px;
   width:16px;
   margin-top:6px;
   float:left;
}

.MenuHeaderButtonShow
{
   height:16px;
   width:16px;
   background-image:url("/Images/Button/menuopened.png");
}

.MenuHeaderButtonHide
{
   height:16px;
   width:16px;
   background-image:url("/Images/Button/menuclosed.png");
}

.MenuNode
{
   width:172px;
   height:24px;
   padding-left:16px;
   padding-top:3px;
   margin-right:6px;
   background-color:transparent !important;
   color:#444;
   font-size:13px;
   border:none;
   text-align:left;
   display:block;
}

.MenuNodeSelected
{
   width:172px;
   height:24px;
   padding-left:16px;
   padding-top:3px;
   margin-right:6px;
   background-color:#ddd !important;
   color:#000;
   font-size:13px;
   font-weight:700;
   border:none;
   text-align:left;
   display:block;
}

.MenuNode:hover,.MenuHeader:hover
{
    background-color:#ddd !important;
    cursor:default;
}

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

.MasterOuterContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    background-color:transparent;
    min-height:920px;
    min-width:1820px;
}

.MasterInnerContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:5px;
    min-width:1840px;
    min-height:920px;
    background-color:#ffffff;
}

.MasterInnerContainerLogo
{
    width:200px;
    height:100px;
    float:left;
    background:#f3f3f3;
}

.MasterInnerContainerRibbon
{
    width:calc(100% - 200px);
    height:100px;
    float:left;
    background:#f3f3f3;
}

.MasterContainerRibbon
{
    width:100%;
    height:100px;
    float:left;
    background:#f3f3f3;
}

.MasterRibbon
{
    width:100%;
    height:84px;
    float:left;
    background:#f3f3f3;
    border-radius:0px 0px 5px 5px;
}

.MasterTitlebar
{
   width:100%;
   height:25px;
   line-height:24px;
   background-color:#cfcfcf;
   color:#444;
   text-indent:10px;
}

.MasterTitlebarLeft
{
   float:left;
   width:calc(100% - 940px);
   min-height:24px;
}

.MasterLogoRibbonTitlebarContainer
{
    width:100%;
    display:inline-Block;
    border:1px solid #aaa;
    border-radius:5px;
}

.MasterMainContainer
{
   position:relative;
   height:calc(100% - 118px);
   width:100%;
   margin-top:2px;
   border:1px solid #aaa;
   border-radius:5px;
   overflow:hidden;
}

.MasterInnerContainerNav
{
    width:180px;
    height:710px;
    margin-top:20px;
    margin-bottom:10px;
    margin-left:10px;
    float:left;
}

.MasterSideMenu
{
    width:180px;
    height:calc(100% - 40px);
    float:left;
    padding-left:10px;
    padding-top:20px;
    padding-bottom:20px;
    background-color:#f3f3f3;
}

.MasterSideMenuInner
{
    width:180px;
    height:100%;
    overflow-y:auto;
    overflow-x:hidden;
}

.MasterWorkspaceContainer
{
    width:1220px;
    height:750px;
    margin-top:20px;
    margin-left:10px;
    float:left;
}

.MasterRightContainer
{
    float:left;
    margin-left:calc(100% - 1830px);
}

.HiddenButton
{
    width:0px;
    height:0px;
    visibility:hidden;
}

.ConfigHeader 
{
    float:left;
    width:600px;
    max-width:600px;
}

.ConfigControl 
{
    float:left;
    width:442px;
    max-width:442px;
    margin-bottom:60px;
    margin-left:20px;
}

.ConfigControlSmall 
{
    float:left;
    width:442px;
    max-width:442px;
    margin-bottom:50px;
    margin-left:20px;
}

.ConfigHeading 
{    
    font-weight:bold;
    margin-bottom:5px;
}

.ConfigDescription
{
    font-style:italic;
}

.ConfigSubject 
{
    margin-bottom:5px;
}

.ConfigEnabeld 
{
    text-align:right;
    margin-bottom:30px;
}

.LogoutContainer
{
    float:right;
    width:30px;
    height:25px;
    background-color:#cfcfcf;
    background-image:url("/Images/Button/closegrey.png");
    overflow:hidden;
}

.LogoutContainer:hover
{    
    background-color:#c42b1c;
    background-image:url("/Images/Button/closewhite.png");
}

.TitlebarUserContainer
{
    margin-right:5px;
}

.TableRow
{
    background-color:#ffffff;
}
        
.TableRow:hover
{
    background-color:#e5e5e5;
}
        
.TableRowHead
{
    width:100px;
    border-right:solid 2px #777777;
    border-bottom:solid 1px #cccccc;
}

.TableRow:hover > .TableRowHead
{
    font-weight:bold;
}

.TableCell
{
    position:relative;
    border-bottom:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
}

.InfoMessage
{
    color:#408080;
}

.ErrorMessage
{
    color:#c00000;
}

.HiddenControlsContainer
{
    position:absolute;
    top:0;
    left:0;
    height:0px;
    width:0px;
    overflow:hidden;
    z-index:0;
}

.DlgButton
{
    border: 1px solid #444;
    display: inline-Block;
    padding: 5px;
    background-color: #cfcfcf;
    cursor: pointer;
    min-width: 80px;
    text-align: center;
    margin-left:5px;
    float:right;
    border-radius:2px;
}

.DialogOuterContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    background-color:transparent;
    z-index:10000;
}

.DialogControlContainer
{
    margin:18px;
    position:absolute;
    bottom:0px;
    right:0px;
}

.SectionMainContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:auto; 
    min-height:242px; 
    max-height:242px; 
    min-width:360px;
    max-width:360px;
    width:360px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CableDistributorAllMainContainer
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-height: 796px;
    max-height: 796px;
    min-width: 1200px;
    max-width: 1200px;
    width: 1200px;
    background-color: #efefef;
    border-radius:6px;
    overflow:hidden;
}

.SectionDetailsMainContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:auto; 
    min-height:265px; 
    max-height:265px; 
    min-width:640px;
    max-width:640px;
    width:640px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.ExceptionDetailsMainContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:auto; 
    min-height:240px; 
    max-height:240px; 
    min-width:640px;
    max-width:640px;
    width:640px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.DrillDetailMainContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:auto; 
    min-height:308px; 
    max-height:308px; 
    min-width:520px;
    max-width:520px;
    width:520px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CableDistributorAssignMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:156px; 
    max-height:156px; 
    min-width:435px;
    max-width:435px;
    width:600px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.PrepaidMainContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:auto; 
    min-height:182px; 
    max-height:182px; 
    min-width:520px;
    max-width:520px;
    width:520px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CableDistributorFilingImageContainer
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-height: 740px;
    max-height: 740px;
    min-width: 1024px;
    max-width: 1024px;
    width: 1024px;
    background-color: #efefef;
    border-radius:6px;
    overflow:hidden;
}

.InspectionFilingImageContainer
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-height: 740px;
    max-height: 740px;
    min-width: 1024px;
    max-width: 1024px;
    width: 1024px;
    background-color: #efefef;
    border-radius:6px;
    overflow:hidden;
}

.CableDistributorFilingUploadContainer
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-height: 320px;
    max-height: 320px;
    min-width: 520px;
    max-width: 520px;
    width: 520px;
    background-color: #efefef;
    border-radius:6px;
    overflow:hidden;
}

.InspectionFilingUploadContainer
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-height: 320px;
    max-height: 320px;
    min-width: 520px;
    max-width: 520px;
    width: 520px;
    background-color: #efefef;
    border-radius:6px;
    overflow:hidden;
}

.DepositSummaryMainContainer
{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-height: 844px;
    max-height: 844px;
    min-width: 1128px;
    max-width: 1128px;
    width: 1128px;
    background-color: #efefef;
    border-radius:6px;
    overflow:hidden;
}

.DialogTitleBar
{
    height:25px; 
    width:100%; 
    background-color:#cfcfcf;
}

.CustomerFilterMainContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:auto; 
    min-height:290px; 
    max-height:290px; 
    min-width:600px;
    max-width:600px;
    width:600px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.BuildingFilterMainContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:auto; 
    min-height:190px; 
    max-height:190px; 
    min-width:580px;
    max-width:580px;
    width:580px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.ImportCrmMainContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:auto; 
    min-height:265px; 
    max-height:265px; 
    min-width:540px;
    max-width:540px;
    width:540px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.ImportExcelMainContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:auto; 
    min-height:212px; 
    max-height:212px; 
    min-width:540px;
    max-width:540px;
    width:540px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CustomerSearchMainContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:auto; 
    min-height:545px; 
    max-height:545px; 
    min-width:600px;
    max-width:600px;
    width:600px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.TitlebarHeadingContainer
{
    margin-left: 10px;
    line-height: 25px;
    max-height: 25px;
    float: left;
    overflow-y: hidden;
}

.LoginErrorContainer
{
    margin-bottom:10px;
}

.DefaultIdentification:focus
{
    outline:none;    
}

.DefaultIdentification:disabled
{
    background-color: #ebebeb;
}

.DefaultIdentification
{
    width:calc(100% - 6px);
    border:1px solid #aaa;
    padding:2px;
    height:25px;
}

.LoginTitle
{
    margin:auto;
    width:410px;
    padding-bottom:10px;
}

input:not([type=image]):disabled
{
   background-color:#ebebe4;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active
{
   -webkit-box-shadow: 0 0 0 30px white inset !important;
}

input:-webkit-autofill[type='password'],
input:-webkit-autofill[type='password']:hover, 
input:-webkit-autofill[type='password']:focus, 
input:-webkit-autofill[type='password']:active
{
   border:none;
}

textarea:disabled
{ 
     background-color:#ebebe4;
}

#divPreview
{
    border:solid 1px #444;
    height:300px;
    width:930px;
    overflow:auto;
    padding:10px;
}

.BuildingReportDetails
{
    width:1220px; 
    border-spacing:0px; 
    padding:5px;
}

.BuildingReportDetailsTd
{
    width:20%; 
    padding: 0px;
    text-align:center;
    border-top:1px solid #444; 
    border-right:1px solid #444;
}

.BuildingReportDetailsInnerTd
{
    width:33%; 
    padding: 0px;
    border-top:1px solid #444; 
    border-right:1px solid #444;
    border-bottom:1px solid #444;
}

.BuildingReportDetailsCellLong
{
    width:20%;
    padding: 0px;
}

.BuildingReportDetailsCellShort
{
    width:calc(20% / 3);
    padding: 0px;
    text-align: center;
}

.BuildingReportDetailsAlignRight
{
    width:calc(20% / 3 - 7px);
    padding-right: 7px;
    text-align: right;
}

.BuildingReportDetailsDesc
{
    padding-top: 7px;
    padding-left: 25px;
    padding-right: 2px;
    font-style:italic;
}

.BuildingReportContentContainer
{
    overflow-y:auto; 
    max-height:480px;
    width:1240px;
}

.BuildingReportContentContainer .BuildingReportDetails:nth-child(2n)
{
    background-color:#eee;
}

.MeetingRemindMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:173px; 
    max-height:173px; 
    min-width:320px;
    max-width:320px;
    width:320px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.MeetingCommon
{
    position:relative;
    height: 75px;
    margin:10px;
    padding:1px;
    line-height: 1.3;
    background-color:#f3f3f3;
    border-radius:6px;
}

.MeetingCommon:hover
{
   background-color:#ddd;
   cursor:default;
}

.MeetingRemind
{
    background-image:url(/Images/states/remind.png);
    background-repeat:no-repeat;
    background-size:contain;
    cursor:pointer;
}

.SideControlHeaderContainer
{
    height:24px;
    padding-left:20px;
    padding-top:3px;
    background-color:#cfcfcf;
}

.SideControlContainer
{
    margin-bottom:15px;
    border-radius:6px 6px 0 0;
    overflow:hidden;
}

.NoticeHistoryWebPart
{
    background-color:white;
    border:1px solid #aaa;
    border-top:none;
    min-width:305px;
    min-height:300px;
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden;
}

.NoticeContainer
{
    padding: 15px;
}

.NoticeHead
{
    font-weight: bold;
    font-size: 14px;
    width:100%;
}

.NoticeText
{
    text-align:left;
    word-wrap:break-word;
}

.RemoveNotice
{
    text-align:right;
    font-weight: bold;
}

.Borderless
{
    border-style:none;
}

.BottomAlign
{
    position:absolute;
    bottom:0px;
}

.MasterInnerContainerSide
{
    width:400px;
    margin-top:20px;    
    margin-bottom:10px;    
    max-height:370px;
}

.MasterSideControlContainer
{
   float:left;
}

.hiddenControlsContainer
{
    position:absolute;
    top:0;
    left:0;
    height:0px;
    width:0px;
    overflow:hidden;
    z-index:0;
}

.WorkshopContactMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:301px; 
    max-height:301px; 
    min-width:480px;
    max-width:480px;
    width:480px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.TypeMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:291px; 
    max-height:291px; 
    min-width:480px;
    max-width:480px;
    width:480px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.ManufacturerMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:319px; 
    max-height:319px; 
    min-width:480px;
    max-width:480px;
    width:480px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.DrillOrderMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:377px; 
    max-height:377px; 
    min-width:610px;
    max-width:610px;
    width:610px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.ImageSVSMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:240px; 
    max-height:240px; 
    min-width:480px;
    max-width:480px;
    width:480px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CableTypeMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:317px; 
    max-height:317px; 
    min-width:480px;
    max-width:480px;
    width:480px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CivilEngineerImageContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:866px; 
    max-height:866px; 
    min-width:1024px;
    max-width:1024px;
    width:1024px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CostsMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:330px; 
    max-height:330px; 
    min-width:520px;
    max-width:520px;
    width:520px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.ReportCommentMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:301px; 
    max-height:301px; 
    min-width:640px;
    max-width:640px;
    width:640px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.HouseConnectionImageContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:866px; 
    max-height:866px; 
    min-width:1024px;
    max-width:1024px;
    width:1024px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.BackboneAllMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:493px; 
    max-height:493px; 
    min-width:520px;
    max-width:520px;
    width:480px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CableDistributorMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:406px; 
    max-height:406px; 
    min-width:520px;
    max-width:520px;
    width:480px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CostsMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:417px; 
    max-height:417px; 
    min-width:520px;
    max-width:520px;
    width:520px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.PaymentMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:184px; 
    max-height:184px; 
    min-width:420px;
    max-width:420px;
    width:520px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.PaymentMainContainerLimit
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:185px; 
    max-height:185px; 
    min-width:420px;
    max-width:420px;
    width:520px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.PaymentAllMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:393px; 
    max-height:393px; 
    min-width:420px;
    max-width:420px;
    width:520px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.StartPageMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:290px; 
    max-height:290px; 
    min-width:520px;
    max-width:520px;
    width:480px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.ConsumptionMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:345px; 
    max-height:345px; 
    min-width:480px;
    max-width:480px;
    width:480px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.ServiceReasonMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:291px; 
    max-height:291px; 
    min-width:480px;
    max-width:480px;
    width:480px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.ItemStylePriority
{
    align-self:center;
    display:flex !important;
    justify-content:center;
    text-align:center;
    cursor:pointer;
}

.FilingUploadContainer
{
    min-height:317px; 
    max-height:317px; 
    min-width:520px;
    max-width:520px;
    width:520px;
}

.FilingMainContainer
{
    position:absolute; 
    left:0; 
    right:0; 
    top:0; 
    bottom:0; 
    margin:auto; 
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.BuildingUploadMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:407px; 
    max-height:407px; 
    min-width:540px;
    max-width:540px;
    width:540px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.BuildingUploadAddMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:436px; 
    max-height:436px; 
    min-width:540px;
    max-width:540px;
    width:540px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CableDrumBuildingMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:214px; 
    max-height:214px; 
    min-width:560px;
    max-width:560px;
    width:560px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CableDrumReserveMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:164px; 
    max-height:164px; 
    min-width:560px;
    max-width:560px;
    width:560px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CableDrumQRCodeMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:208px; 
    max-height:208px; 
    min-width:320px;
    max-width:320px;
    width:320px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CableDrumFilterMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:211px; 
    max-height:211px; 
    min-width:460px;
    max-width:460px;
    width:460px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CableDrumCopyAmountMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:156px; 
    max-height:156px; 
    min-width:460px;
    max-width:460px;
    width:460px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CableDrumHistoryContainer
{
    width:1400px;
    max-height:560px;
    overflow-y:auto;
}

.CableDrumHistoryPanel
{
    width:100%;
    display:inline-block;
    margin-bottom:20px;
}

.CableDrumHistoryHead
{
    min-height:10px;
    padding: 1px 4px;
    font-weight:bold;
}

.CableDrumHistoryConsumption
{
    min-height:10px;
    padding: 1px 4px;
}

.CableDrumHistoryFoot
{
    min-height:10px;
    padding: 1px 4px;
    font-weight:bold;
}

.HouseConnectionCheckBox
{
   bottom: -3px;
   position: relative !important;
   left: -1px;
}

.DrillCheckBox
{   
   position: relative !important;
   left: -1px;
}

.HouseConnectionSVSDetailsImage
{
    height: 125px;
    width: 125px;
}

.BreakTextLines
{
    white-space:pre-line;
}

.FilterRowTable
{
    border-spacing:0px;
}

.FilterRowTable td
{
    padding:0px;
}

.TimeMasterMainContainer
{
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    min-height:156px; 
    max-height:156px; 
    min-width:360px;
    max-width:360px;
    width:360px;
    background-color:#efefef; 
    border-radius:6px;
    overflow:hidden;
}

.CategoryHeader
{
    font-weight:500;
    font-size:20px;
    color:#777;
    margin-bottom:20px;
}

.LoginUserMain
{
   width:430px;
   height:240px;
   margin-top:60px;
}

.LoginUserInner
{
   position:relative;
   margin-left:0px;
   width:230px;
   height:40px;
   margin-top:10px;
   border:1px solid #444;
   border-radius:3px;
   background-color:#f3f3f3;
   color:#444;
   cursor:pointer;
}

.LoginUserInner:hover
{
   position:relative;
   margin-left:0px;
   width:230px;
   height:40px;
   margin-top:10px;
   border:1px solid #444;
   border-radius:3px;
   background-color:#bfbfbf;
   color:#444;
}

.LoginUserName
{
   position:absolute;
   top:8px;
   left:6px;
   width:200px;
   height:24px;
   overflow:hidden;
   font-size:18px;
}

.LoginUserRemove
{
   position:absolute;
   top:10px;
   right:2px;
   width:20px;
   height:20px;
   background-image:url(/Images/button/removeitem.png);
   background-repeat:no-repeat;
   background-size:contain;
   background-color:transparent;
}

.LoginUserRemove:hover
{
   position:absolute;
   top:10px;
   right:2px;
   width:20px;
   height:20px;
   background-image:url(/Images/button/removeitemhover.png);
   background-repeat:no-repeat;
   background-size:contain;
   background-color:transparent;
}

.ControllingItem
{
   width:75px;
   height:22px;
   text-align:right;
   padding-right:25px;
}

.ControllingItemSelected
{
   width:100%;
   height:22px;
   text-align:center;
   font-weight:bold;
   background-color:#c8c6c4;
   cursor:pointer;
}

.ControllingItemPercentGrey
{
   width:75px;
   height:22px;
   text-align:right;
   padding-right:25px;
   font-size:12px;
   font-weight:bold;
   font-style:italic;
   background-color:#f0f0f0;
}

.ControllingItemBold
{
   width:75px;
   height:22px;
   text-align:right;
   padding-right:25px;
   font-weight:bold;
}

.ControllingItemBoldGrey
{
   width:75px;
   height:22px;
   text-align:right;
   padding-right:25px;
   font-weight:bold;
   background-color:#f0f0f0;
}

.ControllingColumnHeader
{
   width:100%;
   height:22px;
   text-align:center;
   font-weight:bold;
}

.ControllingColumnHeaderGrey
{
   width:100%;
   height:22px;
   text-align:center;
   font-weight:bold;
   background-color:#f0f0f0;
   cursor:pointer;
}

.ControllingColumnHeaderGrey:hover
{
   background-color:#e0e0e0;
}

.ControllingColumnGrey
{
   width:100%;
   height:22px;
   text-align:center;
   font-weight:bold;
   background-color:#f0f0f0;
}

.ControllingRowHeader
{
   width:100%;
   text-indent:10px;
   height:22px;
}

.ControllingRowHeaderGrey
{
   width:100%;
   text-indent:10px;
   height:22px;
   font-weight:bold;
   background-color:#f0f0f0;
}

.ControllingRowSpace
{
   width:100%;
   height:10px;
}

.KeyFigure
{
   background-color:transparent;
   cursor:default;
}

.KeyFigure:hover, .KeyFigure:has(KeyFigureValue:hover)
{
   background-color:#f0f0f0;
}

.KeyFigureHeader
{
   font-weight:bold;
}

.TwoFactorAuthMainContainer
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 255px;
    max-height: 255px;
    min-width: 380px;
    max-width: 380px;
    width: 380px;
    background-color: #efefef;
    border-radius:6px;
    overflow:hidden;
}

.TwoFactorAuthLoginMainContainer
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 234px;
    max-height: 234px;
    min-width: 440px;
    max-width: 440px;
    width: 440px;
    background-color: #efefef;
    border-radius:6px;
    overflow:hidden;
}

.TwoFactorAuthAppMainContainer
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    min-height: 395px;
    max-height: 395px;
    min-width: 520px;
    max-width: 520px;
    width: 520px;
    background-color: #efefef;
    border-radius:6px;
    overflow:hidden;
}

.TwoFactorAuthButton
{
    border: 1px solid #444;
    display: inline-block;
    padding: 5px;
    padding-left: 12px;
    background-color: #ffffff;
    cursor: pointer;
    height:30pX;
    text-align: left;
    margin:3px;
    border-radius:5px;
    font-size:15px;
}

.TwoFactorAuthButton:hover
{
    background-color: #F3F3F3;
}

.TwoFactorAuthAppQRCode
{
   width:140px ;
   height:140px;
   padding:10px;
   margin:0 auto;
   border:1px solid #aaaaaa;

}