/* Example media queries */

.alarmBasicGrey #divMessageListsAlarm, #divMessageBlocksAlarm, #divSelectionAlarm, #divParameterAlarm, #divGeneralAlarm, #divEffectAlarm, #divAlmFontAlarm, #divAlmStatusBarAlarm, #divAlmToolBarAlarm, #divHitListAlarm {
    height: 631px;
    width: 471px;
    border: 1px solid rgb(17, 19, 18);
    /* margin: 0 0 0 -4px; */
    box-sizing: border-box;
    margin-left: 8px;
    margin-top: 8px;
    margin-right: 16px;
}

.alarmBasicGrey .hideValue option:first-child, #almfontSecondDiv .hideValue option:first-child {
    display: none;
}

.alarmBasicGrey .unHideValue option:first-child, #almfontSecondDiv .unHideValue option:first-child {
    display: block;
}

.trendBasicGrey > #divAlmFont > #fontFieldSet > textarea {
    height: 138px;
    width: 108%;
    resize: none;
    overflow: auto;
    padding: 10px;
    text-indent: -6px;
    margin-left: -7px;
}

.alarmBasicGrey div {
    border: 1px solid black;
    height: 200px;
    width: 197px;
}

.alarmBasicGrey #messageListFirstDiv {
    float: left;
    border: none;
    height: 35%;
    width: 46%;
    position: absolute;
    top: 53px;
    left: 11px;
}

.alarmBasicGrey #hitListFirstDiv {
    float: left;
    border: none;
    height: 240px;
    width: 46%;
    position: absolute;
    top: 54px;
    left: 10px;
}

.alarmBasicGrey #messageListThirdDiv {
    float: left;
    margin: -8px -40px 33px 4px;
    border: none;
    height: 9%;
    width: 46%;
}

.alarmBasicGrey #hitListThirdDiv {
    float: left;
    border: none;
    height: 9%;
    width: 285px;
    position: absolute;
    top: 327px;
    left: 75px;
}

.alarmBasicGrey #hitListFifthDiv {
    float: left;
    border: none;
    height: 37%;
    width: 100%;
    position: absolute;
    top: 436px;
    left: 7px;
}

.alarmBasicGrey #messageBlockFirstDiv {
    float: left;
    height: 29%;
    width: 39%;
    border: none;
    position: absolute;
    top: 71px;
    left: 4px;
}

.alarmBasicGrey #messageBlockThirdDiv {
    float: left;
    border: none;
    height: 18%;
    width: 39%;
    position: absolute;
    top: 173px;
    left: 4px;
}

.alarmBasicGrey #messageBlockFifthDiv {
    float: left;
    margin: 33px 28px 0 12px;
    border: none;
    height: 6%;
}

.alarmBasicGrey #parameterFirstDiv {
    float: left;
    margin: 8px 16px 16px 8px;
    border: none;
    height: 39%;
    width: -1%;
}

.alarmBasicGrey #effectFirstDiv {
    float: left;
    margin: 9px 0px 0px 12px;
    border: none;
    width: 46%;
    height: 58%;
}

.alarmBasicGrey #parameterThirdDiv {
    float: left;
    margin: -93px 0px 0px 12px;
    border: none;
    height: 22%;
    position: absolute;
    top: 344px;
}

.alarmBasicGrey #parameterFifthDiv {
    float: left;
    margin: 0px 0px 0px -210px;
    border: none;
    height: 30%;
}

.alarmBasicGrey #effectThirdDiv {
    float: right;
    position: absolute;
    top: 372px;
    border: none;
    right: 42px;
}

.alarmBasicGrey #parameterSecondDiv {
    float: right;
    margin: 1px 0 0 0;
    width: 47.5%;
    border: none;
    height: 40%;
    /* position: relative; */
    /* top: 67px; */
}

.alarmBasicGrey #parameterFourthDiv {
    float: right;
    margin: 25px 1px 0 0;
    width: 46%;
    border: none;
    height: 18%;
}

.alarmBasicGrey #effectSecondDiv {
    float: right;
    position: absolute;
    top: 51px;
    right: 29px;
    border: none;
}

.alarmBasicGrey #effectFourthDiv {
    float: right;
    margin: 56px 0px 0 0;
    width: 46%;
    border: none;
    height: 33%;
}

.alarmBasicGrey #generalFirstDiv {
    float: left;
    border: none;
    height: 0px;
    margin-top: 8px;
    /* margin-left: 8px; */
    /* margin-right: 16px; */
    position: absolute;
    /* width: 220px; */
    top: 0px;
}

.alarmBasicGrey #generalSecondDiv {
    float: right;
    position: absolute;
    right: 12px;
    top: 47px;
    width: 212px;
    border: none;
    margin-left: 16px;
    margin-right: 8px;
    margin-top: 8px;
}

.alarmBasicGrey #generalThirdDiv {
    float: left;
    margin: -151px 0px -40px 12px;
    border: none;
    height: 28%;
}

.alarmBasicGrey #generalFourthDiv {
    float: right;
    margin: -151px -222px 0 0;
    width: 46%;
    border: none;
    height: 42%;
}

.alarmBasicGrey #selectionFirstDiv {
    float: left;
    border: none;
    height: 100px;
    width: 52%;
    position: absolute;
    top: 46px;
    left: 5px;
}

.alarmBasicGrey #selectionSecondDiv {
    float: right;
    /* width: 44%; */
    border: none;
    height: 370px;
    position: absolute;
    right: -5px;
    width: 126px;
}


.alarmBasicGrey #selectionThirdDiv {
    float: left;
    border: none;
    height: 42%;
    width: 52%;
    position: absolute;
    top: 149px;
    left: 5px;
}

.alarmBasicGrey #messageListSecondDiv {
    float: right;
    width: 45%;
    border: none;
    height: 31%;
    position: absolute;
    top: 53px;
    right: 22px;
}

.alarmBasicGrey #hitListSecondDiv {
    float: right;
    width: 46%;
    border: none;
    height: 240px;
    position: absolute;
    top: 54px;
    right: 12px;
}

.alarmBasicGrey #messageListFourthDiv {
    float: right;
    margin: -90px 77px 0 0;
    width: 46%;
    border: none;
    height: 9%;
}

.alarmBasicGrey #hitListFourthDiv {
    float: right;
    width: 285px;
    height: 9%;
    position: absolute;
    top: 327px;
    right: 35px;
}

.alarmBasicGrey #messageBlockSecondDiv {
    float: right;
    border: none;
    height: 56%;
    position: absolute;
    width: 238px;
    top: 57px;
    right: 9px;
}

.alarmBasicGrey #messageBlockFourthDiv {
    float: right;
    width: 230px;
    position: absolute;
    top: 331px;
    border: none;
    height: 49.8%;
}

/*.alarmBasicGrey input[type="text"] {
    width: 100%;
    height: 100%;
}*/

/*.alarmBasicGrey input[type="text"] {
    height: 10%;
}*/

.alarmBasicGrey #buttonDiv2MessageList {
    border: none;
    position: absolute;
    top: 227px;
    width: 279px;
    /* height: 40px; */
    right: -64px;
    margin-top: 8px;
}

.alarmBasicGrey #hitListbuttonDiv2 {
    height: 20px;
    float: left;
    position: absolute;
    border: none;
    top: 227px;
    right: 67px;
}


.alarmBasicGrey #buttonDiv2 {
    margin: 13px 0px 0px -5px !important;
}

.alarmBasicGrey #buttonDiv5 {
    height: 20px;
    border: none;
    position: absolute;
    top: 261px;
    left: 66px;
    /* margin-right: 8px; */
}

.alarmBasicGrey #hitListbuttonDiv5 {
    height: 20px;
    float: left;
    border: none;
    position: absolute;
    top: 227px;
    right: -78px;
}

.alarmBasicGrey #buttonDiv1 {
    height: 20px;
    float: left;
    border: none;
    position: absolute;
    top: 282px;
    left: 60px;
    margin-top: 8px;
}

.alarmBasicGrey #hitListbuttonDiv1 {
    height: 20px;
    float: left;
    position: absolute;
    border: none;
    top: 227px;
    left: 7px;
}

.alarmBasicGrey #buttonDiv3, #buttonDiv4 {
    height: 21px;
    margin: -3px 15px 10px 15px;
    float: left;
    border: none;
    width: 87px;
}

.alarmBasicGrey #hitListbuttonDiv3, #hitListbuttonDiv4 {
    height: 21px;
    margin: -3px 15px 10px 15px;
    float: left;
    border: none;
    width: 87px;
}

/*.alarmBasicGrey input[type="text"], .alarmBasicGrey input[type="number"] {
    width: 100%;
    border: none;
    height: 100%;
   
}*/

.alarmBasicGrey #serverID {
    border: none;
    width: 190px;
    height: 54px;
    margin-bottom: 3px;
    margin-top: 3px;
}

.alarmBasicGrey #localHostTextID {
    height: 20px;
}

.alarmBasicGrey select {
    width: 107%;
    height: 100%;
    border: 1px solid black;
    top: 13px;
    margin-bottom: 8px !important;
    margin-top: 4px !important;
    /* margin-left: 8px; */
    left: 3px;
    /* margin-right: 8px; */
}

.alarmBasicGrey .msglistDivs {
    height: 200px;
    width: 230px;
    border: none !important;
}

.fontforCommon {
    margin-right: 0 !important;
}

.alarmBasicGrey input[type="text"], .alarmBasicGrey input[type="number"] {
    font-size: 12px;
    font-family: tahoma, sans-serif;
    height: 20px;
    /* margin: 4px; */
    margin-bottom: 8px;
    /* padding-left: 3px; */
    border: 1px solid black;
    margin-top: 4px;
    margin-left: 8px;
    margin-right: 8px;
    left: 1px;

}

.alarmBasicGrey #displayFieldset {
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 190px;
    height: 105%;
    position: absolute;
    left: -11px;
    margin: 8px 8px 8px 16px;
}

.alarmBasicGrey #headerFieldset {
    position: absolute;
    width: 200px;
    left: 0px;
    height: 78%;
    margin: 16px 16px 16px 8px;
    top: -71px;
}


.alarmBasicGrey #sortingFieldset {
    float: left;
    margin: 0px 0px 0px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    height: 33Px;
}

.alarmBasicGrey #selectionMLFieldset {
    float: right;
    margin: 6px 176px 0px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    height: 33Px;
}

.alarmBasicGrey #tableContentEffectsFieldset {
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    position: absolute;
    width: 196px;
    left: 17px;
    top: 56px;
    height: 413px;
    margin: 8px 16px 0 8px;
}

.alarmBasicGrey #columnHeaderFieldset {
    float: left;
    margin: 8px 16px 16px 8px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 102%;
    position: relative;
    height: 63%;
    left: -8px;
    top: -9px;
    padding-left: -5px;
}

.alarmBasicGrey #sortFieldset {
    float: right;
    margin: 0px 12px 0px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 91%;
    height: 58%;
}

.alarmBasicGrey #tableTitleEffectsFieldset {
    float: right;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    position: absolute;
    top: 5px;
    width: 201px;
    height: 264px;
    right: -12px;
    margin: 8px 8px 16px 16px;
}

.alarmBasicGrey #rowLabelFieldset {
    float: left;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 102%;
    height: 65.5%;
    position: relative;
    left: -12px;
    margin: 16px 16px 16px 8px;
    top: -18px;
}

#columnRowSelect {
    /* top: 33px; */
    /* width: 107%; */
    /* height: 100%; */
    /* margin-bottom: 8px; */
    /* border: 1px solid black; */
    /* top: 13px; */
    /* margin-bottom: 8px!important; */
    /* margin-top: 4px !important; */
    /* margin-left: 8px; */
    /* left: 4px; */
    /* margin-right: 8px; */
    border: none;
    position: relative;
    top: 2px;
    left: -12px;
    height: 40px;
    margin-left: 8px;
}

.alarmBasicGrey #cellPaddingFieldset {
    border: 1px solid #E2DADA;
    border-radius: 7px;
}

.alarmBasicGrey #separatorLinesEffectsFieldset {
    float: left;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    position: absolute;
    top: -30px;
    width: 201px;
    height: 265px;
    right: -25px;
    margin: 16px 8px 16px 16px;
}

.alarmBasicGrey #tableContentFieldset {
    float: right;
    margin: -118px 11px 0px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 91%;
    height: 115%;
}

.alarmBasicGrey #GeneralEffectsFieldset {
    float: right;
    margin: 0px 12px 0px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 91%;
    height: 104%;
}

.alarmBasicGrey #formatFieldset {
    float: right;
    margin: 0px 12px 0px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 91%;
    height: 109%;
}

.alarmBasicGrey #windowFieldset {
    float: left;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    position: absolute;
    top: 50px;
    /* left: 4px; */
    width: 98px;
    height: 310px;
    margin-left: 8px;
    margin-right: 16px;
    /* margin-top: 8px; */
}

.alarmBasicGrey #propertiesFieldset {
    float: right;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 94%;
    height: 279px;
    margin-left: 16px;
    margin-right: 8px;
    position: relative;
    top: 3px;
    right: -3px;
}

.alarmBasicGrey #printJobFieldset, #alarmTimeBaseFieldset {
    float: left;
    margin: 0px 12px 10px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 91%;
    height: 30%;
}

.alarmBasicGrey #rowColorFieldset1, #backgroundFieldset {
    float: left;
    margin: 0px -3px 0px -4px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 88%;
    height: 16%;
}

.alarmBasicGrey #separatorColorFieldset {
    float: left;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    position: absolute;
    top: 114px;
    right: 2px;
    height: 124px;
    width: 170px;
    margin: 8px 8px 16px 8px;
    padding-left: 8px;
    left: 0px;
    padding-right: 3px;
}

.alarmBasicGrey #separatorWeightFieldset {
    float: left;
    border: 0px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 246px;
    position: absolute;
    height: 100px;
}

#selectionColorFieldsetAlarm {
    float: right;
    position: absolute;
    top: 114px;
    width: 170px !important;
    right: 0px;
    height: 124px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    margin: 8px 8px 16px 8px;
    padding-left: 6px;
    padding-right: 0px;
}

.alarmBasicGrey #fontColorFieldset, #shadingColorFieldset {
    float: right;
    margin: 0px 2px 4px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 88%;
    height: 38%;
}

.alarmBasicGrey #borderFieldset, #windowSeparatorFieldset {
    float: right;
    margin: 0px 2px 10px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 88%;
    height: 36%;
}

.alarmBasicGrey .windowPropCheckBox {
    margin-top: 7px;
    margin-bottom: 7px;
    vertical-align: middle;
}

.alarmBasicGrey .pwcSelectionFieldset {
    float: left !important;
    border: 1px solid rgb(226, 218, 218) !important;
    border-radius: 7px !important;
    width: 79% !important;
    height: 86% !important;
    margin: 8px 16px 16px 8px;
    /* margin-left: 8px; */
    /* margin-top: 8px; */
    position: absolute;
    left: 12px;
    top: 11px;
    /* margin-right: 16px; */
}

.alarmBasicGrey #maxDataRecordsFieldset {
    float: left;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    position: absolute;
    width: 477px;
    height: 28%;
    top: 55px;
    left: 0px;
}

.alarmBasicGrey #timeRangeFieldset {
    float: left;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 477px;
    position: absolute;
    height: 27%;
    top: 144px;
    left: 0px;
}

.alarmBasicGrey #displayOptionFieldset {
    float: right;
    margin: -64px 12px 10px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 91%;
    height: 24%;
}

.alarmBasicGrey #labelDiv {
    float: right !important;
    border: none !important;
    width: 50% !important;
    height: 24% !important;
    position: absolute;
    top: 41px;
    left: 237px;
}

.alarmBasicGrey .pwcAlarmTextbox {
    width: 54px !important;
    height: 19px !important;
}

.alarmBasicGrey .pwcSelectedCellFieldset {
    /* float: left !important; */
    /* margin: 10px 18px 0 0px !important; */
    border: 1px solid rgb(226, 218, 218) !important;
    border-radius: 7px !important;
    height: 65% !important;
    width: 82% !important;
    position: absolute;
    right: -15px;
}

.alarmBasicGrey .pwcSelectedRowFieldsetAlarm {
    border: 1px solid rgb(226, 218, 218) !important;
    border-radius: 7px !important;
    height: 65% !important;
    width: 83% !important;
    position: absolute;
    right: 0px;
    top: 10px;
    margin: 8px 8px 0 8px;
}

.alarmBasicGrey #actionFieldset {
    float: right;
    margin: -3px 12px 10px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 91%;
    height: 18%;
}

.alarmBasicGrey #pageThroughFieldset {
    float: right;
    margin: -5px 12px 10px 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 91%;
    height: 40%;
}

.alarmBasicGrey .pwcSelectionColorsFieldset {
    float: right !important;
    border: 1px solid rgb(226, 218, 218) !important;
    border-radius: 7px !important;
    width: 152% !important;
    position: absolute;
    top: 0px;
    right: 21px;
    height: 30% !important;
    margin: 8px 8px 0 16px;
}

.alarmBasicGrey .pwcBorderFieldset {
    float: left !important;
    border: 1px solid rgb(226, 218, 218) !important;
    border-radius: 7px !important;
    width: 79% !important;
    height: 37.5% !important;
    margin-top: 16px;
    position: absolute;
    left: 12px;
    margin-left: 8px;
    margin-right: 16px;
    top: 16px;
}


.alarmBasicGrey fieldset {
    float: left;
    margin: 8px 18px 0 0px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 54%;
    height: 71%;
}

.alarmBasicGrey #colorID {
    border: none;
    height: 60px;
    width: 105px;
    float: left;
    margin-top: 18px;
}

.alarmBasicGrey #weightID {
    float: right;
    width: 81px;
    height: 60px;
    margin-top: 18px;
    border: none;
}

.alarmBasicGrey #weightTextID {
    width: 51px;
    height: 21px;
    margin-left: 1px;
}

.alarmBasicGrey #printJobID {
    height: 20px;
    width: 170px;
}

.alarmBasicGrey #pageThroughID {
    height: 20px;
    width: 200px;
}

input[type="button"] {
    height: 20px;
    line-height: 20px;
    padding: 0 9px 0 9px !important;
}

.alarmBasicGrey #fourthDiv {
    float: right;
    margin: 27px 0 0 0;
    width: 48%;
    border: none;
}

.alarmBasicGrey #msgblockCheckbox {
    margin: 3px 3px 3px -4px;
    border: 0px;
    height: 57px !important;
    width: 98% !important;
}

.alarmBasicGrey #labelID {
    width: 102px;
    height: 21px;
    border: none;
    margin: 2px 1px 32px 0px;
}

.alarmBasicGrey .pwcmsglabelTextID {
    width: 128% !important;
    height: 100% !important;
}

.alarmBasicGrey #textID {
    float: right;
    width: 94px;
    height: 21px;
    border: none;
    margin: -53px 5px 28px 3px;
}

.alarmBasicGrey #lenghtTextID {
    height: 21px;
    border: none;
    width: 94px;
}

.alarmBasicGrey .pwcmsgtxtID {
    width: 60% !important;
    height: 100% !important;
}

.alarmBasicGrey .pwcmsgLengthID {
    width: 100% !important;
    height: 95% !important;
}

.alarmBasicGrey #selectionBorderWeightdiv {
    float: right;
    width: 100%;
    height: 55px;
    border: none;
}

.pwcAlarmDropdown {
    width: 95% !important;
    height: 20px !important;
    margin-bottom: 10px !important;
    margin-top: 6px !important;
}

.pwcAlarmDropdown2 {
    width: 24% !important;
    height: 20px !important;
    margin-bottom: 10px !important;
    margin-top: 6px !important;
}

.pwcAlarmCheckbox {
    margin-bottom: 6px !important;
    margin-top: 6px !important;
}

.alarmBasicGrey .pwcAlarmCheckbox1 {
    margin-bottom: 12px !important;
    margin-top: 6px !important;
}

.alarmBasicGrey #flashingID, #dateFormatID, #timeFormatID, #algnmtID, #sortColumnID, #sortMouseClickID, #rowAlignmentID, #styleID, #windowTitleID, #columnScrollID, #rowScrollID, #activeListID, #defaultSortID, #timeBaseID, #displayOptionID, #actionID, #selectionID, #borderID, #selectColorID {
    width: 95%;
    height: 20px;
    margin-bottom: 10px;
    margin-top: 6px;
}

.alarmBasicGrey .pwcmsgflashingID, .pwcmsgtimeFormatID, .pwcmsgdateFormatID {
    width: 95% !important;
    height: 20px !important;
    margin-bottom: 10px !important;
    margin-top: 6px !important;
}

.trendBasicGrey #checkBoxDivStatusBar {
    overflow: auto;
}

#textWidth {
    width: 90% !important;
}



.pwcPBTabs nav #alarmfirstTabRow {
    position: absolute;
    display: block;
    background: white;
    width: 97.6%;
    margin-left: 16px;
    margin-right: 16px;
}

#alarmsecondTabRow {
    position: absolute;
    display: block;
    background: white;
    width: 97.6%;
    margin-left: 16px;
    margin-right: 16px;
}

.pwcPBTabs nav #alarmsecondTabRow > button {
    padding: 0px 4px 0px 4px;
    width: 15.5%;
}

.pwcPBTabs nav #alarmfirstTabRow > button {
    padding: 0px 6px 0px 6px;
    width: 17%;
}

.alarmBasicGrey_width {
    width: 90% !important;
}

.alarmBasicGrey_width2 {
    width: 30% !important;
}

.alarmBasicGrey_ColorWidth {
    width: 62px !important;
    height: 23px !important;
    margin-top: 4px;
    margin-bottom: 8px;
}
/*.alarmBasicGrey_width1
{
    width: 50% !important;
    margin-right: 29px !important;
}*/
.selectionNumberAlarm {
    width: 71% !important;
}

.divScrolbar {
    overflow: auto;
}

fieldset#almFontEffects {
    height: 170px !important;
    padding: 5px 0px 0px 4px !important;
    position: absolute;
    right: -9px;
    top: 86px;
    width: 214px;
    margin-left: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 8px;
}

    fieldset#almFontEffects > label {
        margin-right: 0px;
        display: block;
    }

div#alarmFontSampleTextDiv {
    position: absolute;
    width: 451px;
    top: 366px;
    left: 25px;
    height: 192px;
    border: 1px solid gray;
    resize: none;
}

del#fontTabText {
    position: relative;
}

#fontTabText:after {
    content: ' ';
    font-size: inherit;
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    top: 40%;
    bottom: 40%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.trendBasicGrey #almfontSecondDiv {
    float: right;
    width: 219px;
    height: 272px;
    border: none;
    position: absolute;
    right: 17px;
    margin-right: 8px;
    margin-left: 16px;
    margin-top: 8px;
}

.trendBasicGrey #almfontFirstDiv {
    float: left;
    border: none;
    position: absolute;
    left: 20px;
    top: 50px;
    width: 45%;
}

.almEditableTextBoxFont {
    border: none !important;
    width: 164px !important;
    height: 15px !important;
    margin-bottom: 0px !important;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    position: absolute;
    top: 62px;
    left: 7px;
    margin-top: 4px !important;
}

.alarmBasicGrey #textBoxDiv2, #textBoxDiv1 {
    border: 0px !important;
}

.msgBlockCheckBoxDiv {
    border: none !important;
    width: 100% !important;
    height: 20px !important;
}

.noselection {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.formatDiv {
    width: 91% !important;
    height: 109% !important;
    border: none !important;
    margin-left: 8px !important;
}

.prefixTextBox {
    width: 65px !important;
}

#warningOkBtn {
    height: 25px;
    width: 84px;
    margin-right: 13px;
}

.alarmBasicGrey #alignmentID {
    width: 88%;
    height: 100px;
    border: none;
    /* margin: 8px 1px 32px 0px; */
}

.alarmPBDropdowns {
    width: 194px !important;
    height: 21px !important;
    font-size: 12px;
    font-family: Tahoma, sans-serif;
    margin-top: 4px;
    margin-bottom: 8px !important;
}

.alarmFieldset-98 {
    width: 98% !important;
    height: 100% !important;
}

.alarmNumberTextBox {
    width: 58px !important;
    height: 21px !important;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
}

#msgBlockcheckBoxDivMain {
    height: 173px;
    margin: 8px 16px 8px 8px;
    width: 218px !important;
    position: absolute;
    left: 13px;
    margin-top: 8px;
    margin-bottom: 16px;
    top: 6px;
}

.alarmGeneralTabWindowFlagText {
    border: none !important;
    margin-top: 3px !important;
    margin-left: -202px !important;
    width: 181px !important;
    height: 15px !important;
    margin-bottom: 0px !important;
}

.alarmGeneralTabWindowFlagSelect {
    width: 98% !important;
    height: 20px !important;
    margin-bottom: 10px !important;
    margin-top: 6px !important;
}

.alarmMessageblockText {
    width: 90% !important;
}

.alarmStatusBarElements {
    width: 45% !important;
    position: absolute;
    top: 376px;
    left: 4px;
}

#alarmStatusBarElements {
    height: 137px;
    margin-left: 8px;
    margin-right: 16px;
    width: 35% !important;
    left: 22px;
    margin-top: 16px;
    top: 374px;
}

.alarmToolBarElements {
    position: absolute;
    top: 375px;
    height: 153px;
    width: 35% !important;
    margin: 16px 16px 16px 8px;
}

.alarmStatusBarElementDiv {
    width: 96% !important;
    border: none;
    height: 170px;
}

#alarmStatusBarElementDiv {
    border: none;
    /* margin-top: 16px; */
}

#alarmStatusBarfirstDiv {
    width: 35.5% !important;
    position: absolute;
    top: 56px;
    left: 17px;
    height: 39%;
    margin-left: 8px;
    margin-right: 16px;
    margin-top: 8px;
    margin-bottom: 16px;
}

.alarmToolBarfirstDiv {
    width: 35.5% !important;
    position: absolute;
    top: 57px;
    left: 17px;
    margin: 8px 16px 16px 8px;
    height: 39%;
}

.alarmToolBarsecondDiv {
    /* position: absolute; */
    /* top: 53px; */
    /* height: 595px; */
    /* width: 45% !important; */
    /* right: 3px; */
    position: absolute;
    right: 17px;
    top: 57px;
    height: 499px;
    margin-left: 16px;
    margin-right: 8px;
    width: 43.4% !important;
    margin-top: 8px;
}
/*.fistDivAxis
{
    float: left;
    margin: 5px 6px 38px 1px;
    border: none;
}*/
#checkBoxDivStatusBar {
    overflow: auto;
    height: 265px !important;
    width: 180px !important;
    position: absolute;
    left: 0px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
    margin-bottom: 16px;
    top: 11px;
}

#checkBoxDivToolBar {
    overflow: auto;
    height: 265px !important;
    width: 180px !important;
    position: absolute;
    left: 0px;
    top: 11px;
    margin: 8px 8px 16px 8px;
}

.toolBarlabels {
    margin-right: 0 !important;
}

.toolBarSecondDiv {
    float: right;
    margin: 1px 1px 0 0;
    width: 97%;
    border: none;
}

fieldset#cellPaddingFieldset {
    position: absolute;
    right: 17px;
    top: 130px;
    height: 216px;
    width: 192px;
    margin: 8px 8px 16px 16px;
}

#cellPaddingFieldsetToolbar {
    position: absolute;
    top: 224px;
    height: 109px;
    width: 204px;
    left: -1px;
    padding-left: 3px;
    margin: 8px 8px 16px 8px;
}

#divAlmToolBar input[type="checkbox"], #divAlmStatusBar input[type="checkbox"] {
    position: relative;
    vertical-align: middle;
    bottom: 1px;
    width: 13px;
}

#effectBackgrondColorAlarm {
    position: absolute;
    border: none !important;
    height: 149px !important;
    width: 210px !important;
    top: 373px;
}

/*.alarmBasicGrey .effectTabDropDown {
    width: 153px !important;
}*/

.alarmBasicGrey .tbxOutputFormat {
    width: 164px !important;
    position: absolute !important;
    height: 15px !important;
    border: white !important;
    left: 2px;
    top: 14px;
    padding-left: 0px !important;
}

.alarmBasicGrey input.tbxOutputFormat:focus {
    outline: none;
}

.alarmBasicGrey input.tbxOutputFormat::-webkit-calendar-picker-indicator {
    display: none;
}

/*Comment Dialog Related style-Start*/
.commentTextBox {
    width: 135px;
}

.commentTextBoxDiv {
    position: absolute;
    left: 101px;
}

.commentSpanDiv {
    position: absolute;
    left: 16px;
    top: 164px;
}

.commentTextArea {
    position: absolute;
    left: 255px;
    top: 46px;
    width: 295px;
    height: 103px;
    resize: none;
}

.commentHeader {
    position: absolute;
    top: 30px;
    left: 257px;
}

.commentButtonDiv {
    position: absolute;
    left: 388px;
    top: 413px;
}

.history {
    position: absolute;
    top: 190px;
    left: 22px;
    height: 218px;
    width: 533px;
    border: black 1px solid;
    overflow-y: auto;
}

.historyLabel {
    width: 100%;
    height: 100%;
}

.commnentHistorySpan {
    position: relative;
    left: -161px;
}

.addCommentBtn {
    position: absolute;
    left: 476px;
    top: 162px;
    width: 80px;
    height: 20px;
}

.saveCommentBtn {
    position: absolute;
    left: 387px;
    top: 162px;
    width: 80px;
    height: 20px;
}

div.commenthistoryDiv > div:nth-of-type(even) {
    background-color: rgb(255,255,255);
}

.commenthistoryDiv:nth-of-type(odd) {
    background-color: rgba(230,230,235,0.5);
}


.historyDivs {
    cursor: pointer;
    border-bottom: 1px solid rgb(230,230,235);
}

.selection {
    background-color: #9DCCED;
}

.frameParentDiv {
    border-width: 2px 8px 8px;
    border-style: solid;
    border-color: rgb(107, 173, 246);
    border-image: initial;
    user-select: none;
    overflow: hidden;
    position: absolute !important;
    background-color: white !important;
    top: 138.5px;
    left: 277px;
    height: 750px;
    width: 511px;
}

#mainContainer {
    height: 684px;
    margin-top: -41px;
}

#btnApply {
    position: absolute;
    right: 0px;
    top: 687px;
    width: 100px;
}

#btnCancel {
    position: absolute;
    right: 107px;
    top: 687px;
    width: 100px;
}

#btnOk {
    position: absolute;
    right: 217px;
    top: 687px;
    width: 100px;
}

#fontStyle {
    position: absolute;
    top: 4px;
    display: block;
    margin-top: 0px;
}

#fontSizeLabel {
    position: absolute;
    display: block;
    top: 48px;
    margin-top: 0px;
}

#columnHeaderParam {
    border: none;
    position: absolute;
    height: 17px;
    top: 11px;
    left: 0px;
    margin-top: 8px !important;
    margin-left: 8px;
}

#columnHeaderSelect { /* top: 33px; */ /* width: 107%; */ /* height: 100%; */ /* margin-bottom: 8px; */ /* border: 1px solid black; */ /* top: 13px; */ /* margin-bottom: 8px!important; */ /* margin-top: 4px !important; */ /* margin-left: 8px; */ /* left: 4px; */ /* margin-right: 8px; */
    border: none;
    position: relative;
    top: 3px;
    left: -13px;
    height: 17px;
    margin-left: 8px;
}

#columnHeaderTextTrimParam {
    border: none;
    height: 0px;
    position: absolute;
    top: -68px;
    left: -42px;
    margin-left: 8px;
}

#columnTextTrimSelect { /* top: 33px; */ /* width: 107%; */ /* height: 100%; */ /* margin-bottom: 8px; */ /* border: 1px solid black; */ /* top: 13px; */
    margin-bottom: 8px !important;
    margin-top: 4px !important; /* margin-left: 8px; */ /* left: 4px; */ /* margin-right: 8px; */
    border: none;
    position: absolute;
    top: 60px;
    left: -2px;
    height: 20px;
    margin-left: 8px;
}

#rowHeaderSizeParam {
    border: none;
    height: 30px;
    position: absolute;
    top: 104px;
    left: -1px;
    margin-left: 8px;
}

#rowHeaderReorderParam {
    border: none;
    height: 30px;
    position: absolute;
    top: 120px;
    margin-left: 8px;
    left: -1px;
    margin-bottom: 16px;
}

#heightParam {
    position: absolute;
    top: 63px;
    margin-left: 8px;
    left: 1px;
}

#headerTypeParam {
    position: absolute;
    top: 11px; /* margin-left: 8px; */
    margin: 8px 0 0 8px;
    left: 0px;
}

#rowHeight {
    border: none;
    position: absolute;
    height: 0px;
    top: -254px;
    left: -8px;
    /* margin: 14px 0px 0px 12px; */
    margin-left: 8px;
    margin-bottom: 16px;
}

.paramSelectRow {
    position: absolute;
    top: 284px;
    left: 16px;
}

.paramTextHeight {
    position: absolute;
    top: 331px;
}

#contentTextTrimming {
    border: none;
    height: 20px;
}

#contentTextTrimmingLabel {
    position: absolute;
    top: 84px;
    left: 252px;
    margin: 8px 0 0 16px;
}

#textTrimmingSelect {
    /* position: relative; */
    /* left: 47px; */
    /* top: 163px; */
    /* top: 33px; */
    /* width: 107%; */
    /* height: 100%; */
    /* margin-bottom: 8px; */
    /* border: 1px solid black; */
    /* top: 13px; */
    margin-bottom: 8px !important;
    margin-top: 4px !important;
    /* margin-left: 8px; */
    /* left: 4px; */
    /* margin-right: 8px; */
    border: none;
    position: absolute;
    top: 88px;
    left: 250px;
    height: 20px;
    margin-left: 16px;
}

#allowSortingParam {
    border: none;
    height: 20px;
    position: absolute;
    top: 59px;
    /* margin-top: 8px; */
    margin: 8px 0 8px 16px;
    left: 250px;
}

#fontPropertiesLabel {
    position: absolute;
    top: 7px;
    left: 5px;
    margin-top: 8px;
    /* margin-bottom: 4px; */
}

#textSample {
    position: absolute;
    top: 349px;
    left: 24px;
    margin-bottom: 4px;
}

.paramTextCellPadding {
    position: absolute;
    top: 20px;
}

#cellPaddingTop {
    position: absolute;
    top: 12px;
    margin: 8px 0 0 8px;
    left: -1px;
}

#internalSpacingTop {
    /* top: 33px; */
    /* width: 107%; */
    /* height: 100%; */
    /* margin-bottom: 8px; */
    /* border: 1px solid black; */
    /* top: 13px; */
    margin-bottom: 8px !important;
    margin-top: 4px !important;
    /* margin-left: 8px; */
    /* left: 4px; */
    /* margin-right: 8px; */
    border: none;
    position: absolute;
    top: 10px;
    left: -9px;
    height: 20px;
    margin-left: 8px;
}

#internalSpacingBottom {
    /* top: 33px; */
    /* width: 107%; */
    /* height: 100%; */
    /* margin-bottom: 8px; */
    /* border: 1px solid black; */
    /* top: 13px; */
    margin-bottom: 8px !important;
    margin-top: 4px !important;
    /* margin-left: 8px; */
    /* left: 4px; */
    /* margin-right: 8px; */
    border: none;
    position: absolute;
    top: 60px;
    left: -10px;
    height: 20px;
    margin-left: 8px;
}

#internalSpacingRight {
    /* top: 33px; */
    /* width: 107%; */
    /* height: 100%; */
    /* margin-bottom: 8px; */
    /* border: 1px solid black; */
    /* top: 13px; */
    margin-bottom: 8px !important;
    margin-top: 4px !important;
    /* margin-left: 8px; */
    /* left: 4px; */
    /* margin-right: 8px; */
    border: none;
    position: absolute;
    top: 108px;
    left: -9px;
    height: 20px;
    margin-left: 8px;
}

#internalSpacingLeft {
    /* top: 33px; */
    /* width: 107%; */
    /* height: 100%; */
    /* margin-bottom: 8px; */
    /* border: 1px solid black; */
    /* top: 13px; */
    margin-bottom: 16px !important;
    margin-top: 4px !important;
    /* margin-left: 8px; */
    /* left: 4px; */
    /* margin-right: 8px; */
    border: none;
    position: absolute;
    top: 157px;
    left: -9px;
    height: 50px;
    margin-left: 8px;
}


#cellPaddingBottom {
    position: absolute;
    top: 63px;
    /* position: absolute; */
    /* top: 12px; */
    margin: 8px 0 0 8px;
    left: -1px;
}

#cellPaddingRight {
    position: absolute;
    top: 110px;
    margin: 8px 0 0 8px;
    left: -1px;
}

#cellPaddingLeft {
    position: absolute;
    top: 161px;
    margin: 8px 0 0 8px;
    left: -1px;
}


.fontName {
    position: absolute;
    top: 18px;
}

.titleFontMargin {
    margin: 3px 0 0 0px;
}

#FontStrikeOut {
    position: absolute;
    top: 66px;
    left: 8px;
}

#FontUnderline {
    position: absolute;
    top: 117px;
    left: 3px;
}

.alarmStatusBarSecondDiv {
    width: 45% !important;
    height: 97%;
    margin-left: 3px;
}

#widthLabel, #heightLabel, #widthInput {
    border: none;
    display: block;
}


.gridlineVisibility {
    margin-bottom: 5px;
    border: 1px solid black;
    margin-top: 5px !important;
    margin-left: 0px !important;
}

.rowColumnType {
    margin-bottom: 5px;
    border: 1px solid black;
    margin-top: 8px;
    margin-left: 5px !important;
}

#effectsLabel {
    border: none;
}

#columnHeaderTextTrimParamLabel {
    position: absolute;
    top: 131px;
    left: 34px;
    margin-left: 8px;
}


.paramSelect2 {
    position: absolute;
    top: 135px;
    left: 17px;
}

.paramSelect1 {
    position: absolute;
    top: 88px;
    left: 16px;
}

.paramSelectTextTrim {
    position: absolute;
    top: 98px;
}

.paramCheckboxes {
    vertical-align: -4px;
}

#parameterSecondDiv {
    margin-top: -273px !important;
}

#allowsort {
    margin-left: -3px;
}

#windowDiv1 {
    border: none;
    height: 20px;
    position: absolute;
    top: 63px;
}

.generalCheckbox, .paramCheckbox {
    vertical-align: -3px;
}

#showLabel, #displayLabel, #topLabel, #sizeLabel, #moveLabel, #maximizeLabel, #closeLabel, #useAlarmColorsLabel,
#sizeChangeOrder, #allowReorder, #allowSortingLabel, #selectEntireRow, #allowSort, #useAlarmColors, #showToolbar, #tooltipsToolbar, #enabledToolbar2,
#enabledToolbar1, #visibleStatusbar, #tooltipsStatusbar, #enabledStatusbar, #enabledStatusbar2 {
    height: 12px;
    vertical-align: middle;
}

#selectFullRow {
    border: none;
    height: 20px;
    position: absolute;
    top: 61px;
}


#windowDiv2 {
    border: none;
    height: 20px;
    position: absolute;
    top: 85px;
}

#windowDiv3 {
    border: none;
    height: 20px;
    position: absolute;
    top: 107px;
}

#windowDiv4 {
    border: none;
    height: 20px;
    position: absolute;
    top: 128px;
}

#windowDiv5 {
    border: none;
    height: 20px;
    position: absolute;
    top: 151px;
}

#windowDiv6 {
    border: none;
    height: 20px;
    position: absolute;
    top: 173px;
}

#windowDiv7 {
    border: none;
    height: 20px;
    position: absolute;
    top: 195px;
}

#rowScrollBar {
    border: none;
    height: 30px;
    position: absolute;
    top: 214px;
    margin-top: 8px;
    /* left: 8px; */
}

#columnScrollBar {
    border: none;
    height: 37px;
    position: absolute;
    top: 260px;
    margin-top: 8px;
    margin-bottom: 16px;
}


.generalColumnScrollbars {
    position: absolute;
    top: 18px;
}

.generalRowScrollbars {
    position: absolute;
    top: 19px;
}

#selectableRows {
    position: absolute;
    top: 10px;
    left: 11px;
    margin-top: 8px;
}

#selectionSelect { /* top: 33px; */ /* width: 107%; */ /* height: 100%; */ /* margin-bottom: 8px; */ /* border: 1px solid black; */ /* top: 13px; */
    margin-bottom: 8px !important;
    margin-top: 4px !important; /* margin-left: 8px; */ /* left: 4px; */ /* margin-right: 8px; */
    border: none;
    position: absolute;
    top: 13px;
    left: 2px;
    height: 20px;
    margin-left: 8px;
}

.selectionSelect {
    position: absolute;
    top: 44px;
    left: 10px;
}

.selectionCheckbox {
    vertical-align: -3px;
}

#availableList {
    width: 108%;
    margin-left: -5px !important;
}

#hitlistSelected {
    width: 108%;
    margin-left: -1px !important;
}

#rowColor, #rowColor2 {
    border: none;
    display: block;
    height: 70px;
}

#rowColorLabels {
    border: none;
    display: inline;
}

#rowFontLabel {
    margin-left: 93px;
}

#rowFontColor {
    margin-left: 90px;
    margin-top: 8px;
}

#rowFontColor2 {
    margin-left: 90px;
    margin-top: 8px;
}

#backgroundColor {
    margin-top: 0px;
    height: 17px;
    width: 186px;
    border: none;
    margin-left: -7px;
}

#backgroundColor2 {
    margin-top: 0px;
    height: 17px;
    width: 186px;
    border: none;
    margin-left: -2px;
}

#selectColor {
    display: block;
    border: none;
    height: 14px;
    margin-top: 12px;
    margin-left: 5px;
}

#tableTitleEffect {
    float: right;
    border: none;
    height: 20px;
    width: 202px;
}

#rowTitleColor {
    margin-left: 65px;
    margin-top: 14px;
}

#fontTitleColor {
    margin-left: 62px;
    margin-top: 10px;
}

#rowSelectionColor, #titleColor {
    margin-left: 60px;
}

#fontSelectionColor {
    margin-left: 59px;
}

.row1ColorChange {
    margin-top: 4px;
    margin-bottom: 8px;
}

.gridlineBoldness {
    position: absolute;
    top: 7px;
}

#contentColor {
    margin-left: 56px;
}

#visibility {
    display: block;
    border: none;
    height: 17px;
    margin-top: 5px;
    margin-left: -2px;
}

.mainBody {
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    height: 545px;
    border: none;
}

.windowTitle {
    position: absolute;
    top: 35px;
}


.widthContentInput {
    position: absolute;
    top: 9px;
}

#SplitRatio {
    border: none;
    position: absolute;
    top: 285px;
    width: 160px;
    left: 8px;
    height: 20px;
    margin-right: 8px;
    margin-top: 8px;
}

#splitRatioInput {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 308px;
    width: 132px;
    left: 0px;
}

#modeHeader {
    border: none;
    position: absolute;
    top: 10px;
    width: 160px;
    left: 0px;
    height: 20px;
    margin-top: 8px;
    margin-left: 8px;
}

#modeHeaderInput {
    border: none;
    position: absolute;
    top: 30px;
    left: 0px;
    height: 20px;
    margin-left: 8px;
}

#textPositionHeader {
    border: none;
    position: absolute;
    top: 61px;
    left: 0px;
    height: 20px;
    margin-left: 8px;
}

#textPositionHeaderInput {
    border: none;
    position: absolute;
    top: 75px;
    left: 0px;
    margin-left: 8px;
}


#graphicStretchModeHeader {
    border: none;
    position: absolute;
    top: 105px;
    left: 8px;
    height: 20px;
}

#graphicStretchModeHeaderInput {
    border: none;
    position: absolute;
    top: 119px;
    left: 8px;
    height: 20px;
    /* margin-left: 8px; */
}

#AlignmentHorizontalHeader {
    border: none;
    position: absolute;
    top: 150px;
    left: 9px;
    height: 20px;
}

#AlignmentHorizontalHeaderInput {
    border: none;
    position: absolute;
    top: 164px;
    left: 8px;
    height: 20px;
}

#AlignmentVerticalHeader {
    border: none;
    position: absolute;
    top: 194px;
    left: 8px;
    height: 20px;
}

#AlignementVerticalHeaderInput {
    border: none;
    position: absolute;
    top: 209px;
    left: 8px;
    height: 20px;
}

#distanceHeader {
    border: none;
    position: absolute;
    top: 236px;
    left: 11px;
    height: 20px;
}

#distanceHeaderInput {
    border: none;
    position: absolute;
    top: 254px;
    left: 11px;
    height: 20px;
}


#SplitRatioHeader {
    border: none;
    position: absolute;
    top: 240px;
    left: 8px;
    height: 20px;
}

#splitRatioHeaderInput {
    border: none;
    position: absolute;
    top: 254px;
    left: 0px;
    height: 29px;
    margin-bottom: 16px !important;
}

#spacingHeader {
    border: none;
    position: absolute;
    top: 240px;
    left: 140px;
    height: 20px;
    width: 116px;
}

#modeContent {
    border: none;
    position: absolute;
    top: 10px;
    left: 8px;
    height: 20px;
    margin-top: 8px;
}

#modeContentInput {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 29px;
    height: 20px;
    left: 0px;
    margin-left: 8px;
}

#distanceContent {
    border: none;
    position: absolute;
    top: 55px;
    left: 0px;
    height: 20px;
}

#distanceContentInput {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 74px;
    left: 0px;
    height: 20px;
}

#graphicStretchModeContent {
    border: none;
    position: absolute;
    top: 54px;
    left: 8px;
    height: 20px;
    margin-top: 8px;
}

#graphicStretchModeContentInput {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 75px;
    left: 0px;
    height: 20px;
    margin-left: 8px;
}

#textPositionContent {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 101px;
    left: 8px;
    height: 20px;
    margin-top: 8px;
}

#textPositionContentInput {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 122px;
    left: 0px;
    height: 20px;
    margin-left: 8px;
}

#AlignmentHorizontalContent {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 146px;
    left: 8px;
    height: 20px;
    margin-top: 8px;
}

#AlignmentHorizontalContentInput {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 168px;
    left: 0px;
    height: 20px;
    margin-left: 8px;
}

#AlignmentVerticalContent {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 193px;
    left: 8px;
    height: 20px;
    margin-top: 8px;
}

#AlignmentVerticalContentInput {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 215px;
    left: 0px;
    height: 20px;
    margin-left: 8px;
}

#widthContent {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 286px;
    left: 134px;
    height: 20px;
    margin-top: 8px;
}

#widthContentInput {
    border: none;
    position: absolute;
    top: 299px;
    left: 127px;
    height: 20px;
    margin-right: 8px;
}

#minWidthContent {
    border: none;
    width: 160px;
    box-sizing: border-box;
    position: absolute;
    top: 411px;
    left: 0px;
    height: 20px;
}

#minWidthInput {
    border: none;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    position: absolute;
    top: 421px;
    width: 160px;
    left: 0px;
    height: 20px;
}

#Output {
    position: absolute;
    border: none;
    box-sizing: border-box;
    top: 240px;
    left: 8px;
    height: 20px;
    margin-top: 8px;
}

#Dropdowns {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 248px;
    left: -2px;
    height: 20px;
    margin-left: 8px;
}

#maxWidthContent {
    border: none;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    position: absolute;
    top: 411px;
    left: 145px;
    height: 20px;
}

#maxWidthInput {
    border: none;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    position: absolute;
    top: 420px;
    left: 145px;
    height: 20px;
}

#spacingContent {
    border: none;
    box-sizing: border-box;
    position: absolute;
    top: 336px;
    left: 8px;
    height: 20px;
    margin-top: 8px;
}

#spacingInput {
    border: none;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    position: absolute;
    top: 358px;
    left: 0px;
    height: 20px;
}

#foreColorContent {
    border: none;
    position: absolute;
    top: 302px;
    left: 0px;
    height: 20px;
}

#foreColorInput {
    border: none;
    position: absolute;
    top: 322px;
    left: 0px;
    height: 20px;
}

#backColorContent {
    border: none;
    position: absolute;
    top: 303px;
    left: 145px;
    height: 20px;
}

#backColorInput {
    border: none;
    position: absolute;
    top: 322px;
    left: 145px;
    height: 20px;
}

#sortIndex {
    border: none;
    position: absolute;
    top: 337px;
    left: 135px;
    height: 20px;
    margin-top: 8px;
}

#sortTextBox {
    border: none;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    position: absolute;
    top: 342px;
    left: 127px;
    height: 20px;
}

#sortOrder {
    border: none;
    position: absolute;
    top: 519px;
    left: 0px;
    height: 20px;
}

#sortOrderInput {
    border: none;
    position: absolute;
    top: 537px;
    left: 0px;
    height: 40px;
}

#allowsortCheckbox {
    border: none;
    position: absolute;
    top: 390px;
    left: -2px;
    height: 20px;
    margin-left: 8px;
}

#checkbox {
    border: none;
    top: 410px;
    position: absolute;
    left: -2px;
    height: 20px;
    margin-left: 8px;
    margin-bottom: 16px;
}

#alarmBlocks {
    position: absolute;
    border: none;
    height: 20px;
    top: 2px;
    left: 0px;
}

#alarmBlocksInput {
    position: absolute;
    border: none;
    height: 20px;
    top: 20px;
    left: 0px;
}

#MessageBlock_SortOrder {
    margin-top: 12px;
}

#Ordre {
    position: absolute;
    top: 3px;
    left: 5px;
}

#MessageBlock_Sort {
    position: absolute;
    top: 22px;
}

#Trier {
    position: absolute;
    top: 52px;
    left: 5px;
}

#Autoriser {
    position: absolute;
    top: 106px;
    left: 5px;
}

#Blocs {
    position: absolute;
    top: 57px;
    left: 27px;
    margin-top: 8px;
}

#background_selection {
    border: none;
    width: 186px;
    height: 2px;
    position: absolute;
    top: 11px;
    left: 12px;
    margin-top: 8px;
}


#backgroundcolor_selection {
    border: none;
    width: 30px;
    height: 2px;
    position: absolute;
    top: 33px;
    left: 11px;
}

#font_selection {
    border: none;
    width: 30px;
    height: 2px;
    position: absolute;
    top: 63px;
    left: 13px;
    margin-top: 8px;
}

#selectionBorderColor {
    border: none;
    height: 50px;
    margin-top: 8px;
    /* position: absolute; */
    /* top: -16px; */
}

#selectionBorderWeight {
    border: none;
    height: 36px;
    margin-bottom: 16px;
}

#selectionBorderWeightLabel {
    position: absolute;
    top: 62px;
    margin-top: 8px;
}

#selectionBorderColorLabel {
    position: absolute;
    top: 11px;
    left: 10px;
    margin-top: 8px;
}

.selectionText {
    position: absolute;
    top: 82px;
    left: 11px;
}

.statusbarCheckbox {
    vertical-align: -3px;
}

.selectionColor1 {
    position: absolute;
    top: 31px;
    margin-top: 4px;
}

#fontcolor_selection {
    border: none;
    width: 30px;
    height: 2px;
    position: absolute;
    top: 82px;
    left: 12px;
}

#pwcPBTabsAlarm {
    position: absolute;
    top: 26px;
    /* height: 764px; */
    /* width: 511px; */
}

#sampleText {
    position: absolute;
    width: 447px;
    top: 361px;
    left: 17px;
    height: 188px;
    resize: none;
    border: 1px solid gray;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 4px;
}

.commonfontCheckBoxDiv {
    position: absolute;
    height: 252px;
    top: 20px;
    left: 4px;
    margin-top: 11px !important;
}

#hitlistBtn_disabled {
    width: 100px;
}

#hitListbuttonDiv3 {
    left: 14px;
}

#hitListbuttonDiv4 {
    left: 82px;
}

#spacingHeaderInput {
    position: absolute;
    top: 253px;
    left: 133px;
    border: none;
    height: 20px;
    width: 116px;
}

.fontSizeTextBox {
    position: absolute;
    top: 61px;
}

#Font_BoldLabel {
    position: absolute;
    top: 18px;
    left: 8px;
}

.fontWeight {
    position: absolute;
    top: 18px;
    left: 0px;
}

.fontStrikeOut {
    position: absolute;
    top: 18px;
    left: 0px;
}

#FontItalic {
    position: absolute;
    top: 137px;
    left: 3px;
}

#AvailableMessageBlock_Label {
    position: absolute;
    top: 5px;
    left: 20px;
    margin-top: 8px;
}

#Div1 {
    position: absolute;
    top: 14px;
}

#Div2 {
    position: absolute;
    right: -5px;
}

#Div3 {
    position: absolute;
    top: 328px;
    height: 165px;
    border: none;
    left: 7px;
}

#Div4, #Div5 {
    border: none;
    height: 29px;
}

#btnMessageLists7 {
    position: absolute;
    top: 37px;
    width: 90px;
    text-align: left;
}

#btnMessageLists8 {
    position: absolute;
    top: 77px;
    width: 90px;
    text-align: left;
}

.messageListsButton {
    width: 49px;
    /* margin-left: 8px; */
    /* margin-right: 16px; */
    /* left: 9px; */
}

#messageListsAvailable {
    width: 220px;
    position: absolute;
    left: 6px;
    top: 11px;
    margin-left: 8px;
    margin-right: 16px;
    margin-top: 4px;
}

#messageListsSelected {
    width: 217px;
    position: absolute;
    top: 24px;
    left: -11px;
    font-family: tahoma, sans-serif;
    font-size: 12px;
    margin-left: 16px;
    margin-right: 8px;
    margin-top: 4px;
}

#messageListSelectedLbl {
    left: 5px;
    position: absolute;
    top: 5px;
    margin-top: 8px;
}

.statusbarLegend, #widthStatusBar, #heightStatusBar, #heightChangeStatusBar, #widthChangeStatusBar, #StatusBar, #minWidthStatusBar, #minWidthChangeStatusBar, #minHeightChangeStatusBar, #minHeightStatusBar, #maxwidthStatusBar, #maxwidthChangeStatusBar, #maxHeightChangeStatusBar, #maxHeightStatusBar {
    position: absolute;
    border: none;
    height: 10px;
}

#statusbarDiv1 {
    border: none;
    height: 20px;
    left: 3px;
    position: absolute;
    top: 17px;
}

#statusbarDiv2 {
    border: none;
    height: 7px;
    left: 3px;
    position: absolute;
    top: 35px;
}

#statusbarDiv3 {
    border: none;
    height: 7px;
    left: 3px;
    position: absolute;
    top: 55px;
}

#statusbarDiv4 {
    border: none;
    height: 7px;
    left: 7px;
    position: absolute;
    top: 90px;
}


#statusbarDiv5 {
    border: none;
    height: 31px;
    left: 7px;
    position: absolute;
    top: 98px;
    margin-top: 4px;
    margin-bottom: 16px;
}

#firstDivStausBar {
    border: none;
}



#topDiv1, #topDiv2 {
    position: absolute;
    top: 15px;
    left: -8px;
    border: none;
    height: 50px;
    width: 102px;
    margin-left: 8px;
}

#bottomDiv1, #bottomDiv2 {
    height: 60px;
    width: 102px;
    display: inline;
    position: absolute;
    top: 15px;
    left: 129px;
    border: none;
}

#rightDiv1, #leftDiv1, #rightDiv2, #leftDiv2 {
    display: inline;
    position: absolute;
    width: 102px;
    height: 62px;
    left: 11px;
    border: none;
}

#rightDiv1, #rightDiv2 {
    left: -7px;
    top: 71px;
    margin-bottom: 16px;
    height: 47px;
    margin-left: 8px;
}



#leftDiv1, #leftDiv2 {
    position: absolute;
    left: 130px;
    top: 71px;
    border: none;
    display: inline;
}

#rightStatusbar, #rightStatusbar2 {
    position: absolute;
    top: -3px;
    left: 8px;
    width: 95px;
    margin-top: 8px;
}

#topStatusbar, #topStatusbar2 {
    position: absolute;
    top: -3px;
    left: 7px;
    width: 95px;
    margin-top: 8px;
}

.statusbarText {
    position: absolute !important;
    top: 18px !important;
}


#leftStatusbar, #leftStatusbar2 {
    position: absolute;
    top: -3px;
    left: 8px;
    width: 95px;
    margin-top: 8px;
}

#bottomStatusbar, #bottomStatusbar2 {
    position: absolute;
    top: -3px;
    left: 7px;
    width: 95px;
    margin-top: 8px;
}

/*#StatusBar-18_0, #StatusBar-22_0 {
    position: absolute;
    top: 32px;
    left: 0px;
    width: 58px !important;
}*/


#outerSpacingDiv1, #outerSpacingDiv2, #outerMarginDiv1, #outerMarginDiv2, #outerSpacingDivToolbar1, #outerSpacingDivToolbar2, #outerMarginDivToolbar1, #outerMarginDivToolbar2 {
    display: block;
    border: none !important;
    height: 56px !important;
    width: 206px !important;
}


#alarmStatusBarSecondDivFieldset {
    position: absolute;
    right: 15px;
    top: 57px;
    height: 497px;
    margin-left: 16px;
    margin-right: 8px;
    width: 43.6% !important;
    margin-top: 8px;
}

#secondDivStatusBar {
    border: none;
    outline: none;
    /* margin-top: 9px; */
    /* margin-left: 8px; */
    /* margin-right: 8px; */
}

#widthStatusBar {
    position: absolute;
    border: none;
    height: 10px;
    margin-top: 8px;
    top: 10px;
    margin-left: 8px;
    left: 4px;
}

#widthChangeStatusBar {
    top: 30px;
    left: 1px;
    margin-left: 4px;
}

#heightStatusBar {
    top: 10px;
    position: absolute;
    left: 143px !important;
    margin-top: 8px;
    /* margin-bottom: 4px; */
}

#heightChangeStatusBar {
    top: 32px;
    left: 136px;
}

#minWidthStatusBar {
    top: 62px;
    margin-left: 4px;
    left: 7px;
}

#minWidthChangeStatusBar {
    top: 74px;
    margin-left: 8px;
    left: -3px;
}

#minHeightStatusBar {
    top: 64px;
    left: 143px;
}

#minHeightChangeStatusBar {
    top: 75px;
    left: 136px;
}

#maxwidthStatusBar {
    top: 108px;
    margin-left: 8px;
    left: 4px;
}

#maxwidthChangeStatusBar {
    top: 122px;
    left: -2px;
    margin-left: 8px;
}

#maxHeightStatusBar {
    top: 108px;
    left: 143px;
}

#maxHeightChangeStatusBar {
    top: 120px;
    left: 136px;
}

#divlblMapping {
    position: absolute;
    top: 156px;
    left: 6px;
    /* margin-top: 8px; */
    margin-left: 8px;
}

#divmapping {
    position: absolute;
    top: 166px;
    left: -1px;
    margin-top: 4px;
    margin-bottom: 8px;
    margin-left: 8px;
}

#validCheckbox {
    position: absolute;
    top: 302px;
    right: 11px;
}

#validCheckboxToolbar {
    position: absolute;
    top: 199px;
    right: 23px;
    border: none;
    margin-bottom: 8px;
    margin-left: 8px;
    left: 0px;
    margin-top: 8px;
}

.statusbarColor {
    height: 20px;
    width: 62px;
    border: 1px solid rgb(9, 8, 8);
    margin-top: 4px;
}

#Fieldset1 {
    position: absolute;
    top: 197px;
    height: 122px;
    width: 204px;
    left: -2px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 8px;
    margin-bottom: 16px;
}

#cellMarginFieldset {
    position: absolute;
    top: 340px;
    height: 122px;
    width: 204px;
    left: -2px;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 16px;
    margin-bottom: 16px;
}

#cellMarginFieldsetToolbar {
    position: absolute;
    top: 355px;
    height: 110px;
    width: 204px;
    left: -1px;
    margin: 16px 8px 16px 8px;
    padding-left: 3px;
}

#topDivToolbar1, #topDivToolbar2 {
    position: absolute;
    display: inline;
    border: none;
    top: 15px;
    left: 0px;
    height: 60px;
    width: 102px;
    margin-left: 8px;
}

/*#leftDivToolbar2 {
    top: 64px;
    left: 96px;
    position: absolute;
    height: 60px;
    width: 102px;
    border: none;
}*/

#rightDivToolbar1, #rightDivToolbar2 {
    left: 0px;
    top: 63px;
    width: 95px;
    height: 43px;
    display: inline;
    position: absolute;
    border: none;
    margin-bottom: 16px;
    margin-left: 8px;
}

#leftDivToolbar1, #leftDivToolbar2 {
    display: inline;
    position: absolute;
    height: 43px;
    border: none;
    width: 95px;
    left: 138px;
    top: 63px;
    margin-bottom: 16px;
}

/*#rightDivToolbar2 {
    left: 2px;
    top: 43px;
    width: 95px;
    height: 60px;
    display: inline;
    position: absolute;
    border: none;
}*/

#bottomDivToolbar1, #bottomDivToolbar2 {
    display: inline;
    position: absolute;
    left: 137px;
    width: 95px;
    top: 15px;
    height: 60px;
    border: none;
}


#leftToolbar1, #leftToolbar2 {
    top: 0px;
    position: absolute;
    left: 0px;
    width: 95px;
}

.toolbarCheckbox {
    vertical-align: -5px !important;
}


#rightToolbar1, #rightToolbar2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 105px;
}

#topToolbar1 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 95px;
}


#topToolbar2 {
    position: absolute;
    top: 2px;
    left: 0px;
}


#bottomToolbar1, #bottomToolbar2 {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 95px;
}


.maxHeightChangeToolBar {
    position: absolute;
    top: 2px;
    right: 157px;
}


#toolbarDiv1 {
    border: none;
    height: 20px;
    position: absolute;
    top: 17px;
    left: 3px;
}

#toolbarDiv2 {
    border: none;
    height: 20px;
    position: absolute;
    top: 36px;
    left: 3px;
}

#toolbarDiv3 {
    border: none;
    height: 20px;
    position: absolute;
    top: 55px;
    left: 3px;
}

#toolbarDiv4 {
    border: none;
    position: absolute;
    top: 96px;
    left: 10px;
    height: 10px;
    margin-top: 8px;
}

#secondDivToolBar {
    width: 45% !important;
    height: 97%;
    margin-left: 3px;
}

#toolbarDiv5 {
    border: none;
    height: 31px;
    position: absolute;
    top: 118px;
    left: 10px;
    margin-bottom: 16px;
}

.toolbarText {
    position: absolute;
    top: 14px;
}

#widthToolBar, #widthChangeToolBar, #heightToolBar, #heightChangeToolBar, #minWidthToolBar, #minWidthChangeToolBar, #minHeightToolBar, #minHeightChangeToolBar, #maxwidthToolBar, #maxwidthChangeToolBar, #maxHeightToolBar, #maxHeightChangeToolBar {
    position: absolute;
    border: none;
    height: 10px;
    margin-top: 8px;
    top: 11px;
    margin-left: 8px;
    left: 6px;
}

#widthChangeToolBar {
    top: 23px;
    /* margin: 8px; */
    margin-left: 8px;
}

#heightToolBar {
    top: 13px;
    position: absolute;
    left: 135px !important;
    margin-top: 8px;
}

#heightChangeToolBar {
    top: 22px;
    left: 136px;
}

#minWidthToolBar {
    top: 57px;
}

#minWidthChangeToolBar {
    top: 54px;
}

#minHeightToolBar {
    top: 58px;
    left: 135px;
}

#minHeightChangeToolBar {
    top: 70px;
    left: 136px;
}

#maxwidthToolBar {
    top: 103px;
}

#maxwidthChangeToolBar {
    top: 95px;
}

#maxHeightToolBar {
    top: 103px;
    left: 134px;
}

#maxHeightChangeToolBar {
    top: 114px;
    left: 135px;
}

.heightChangeToolBar {
    position: absolute;
    top: 3px;
}

.minWidthChangeToolBar {
    position: absolute;
    top: 15px;
}

.maxwidthChangeToolBar {
    position: absolute;
    top: 20px;
}

#row1ColorEffect1, #row1ColorChangeEffect1, #font1ColorEffect2, #font1ColorChangeEffect2, #row2ColorEffect1, #row2ColorChangeEffect1, #font2ColorEffect2,
#font2ColorChangeEffect2, #backgroundChangeColorEffect, #backgroundColorEffect, #colorChangeMode, #colorMode, #headerBackgroundColor, #headerBackgroundColorChange, #headerBackgroundFont, #headerBackgroundFontChange, #headerFontSelectionColor,
#headerFontSelectionColorChange, #headerBackSelectionColorChange, #headerBackSelectionColor, #row2ColorFieldset1, #row1ColorFieldset1, #gridlineContent, #gridlineContentChange, #gridlineTitle, #gridlineTitleChange,
#gridlineBoldness, #gridlineBoldnessChange, #gridlineVisibility, #gridlineVisibilityChange {
    border: none;
    height: 5px;
}

#gridlineVisibilityChange {
    position: absolute;
    top: 68px;
    width: 101px;
    left: -6px;
    margin: 4px 8px 8px 8px;
}

#gridlineVisibility {
    position: absolute;
    top: 49px;
    left: -6px;
    margin: 8px 8px 0 8px;
}

#gridlineBoldnessChange {
    position: absolute;
    top: 6px;
    left: -6px;
    margin: 4px 0 8px 0 !important;
    /* margin-bottom: 8px; */
}


#gridlineBoldness {
    position: absolute;
    left: -6px;
    margin: 8px 0 0 8px;
    top: -5px;
}

#gridlineTitle {
    position: absolute;
    top: 63px;
    width: 100px;
    left: -1px;
    margin: 8px 0 0 8px;
}


#gridlineTitleChange {
    position: absolute;
    top: 84px;
    left: 8px;
}

#gridlineContentChange {
    position: absolute;
    top: 33px;
    width: 100px;
}

#headerFontSelectionColorChange {
    border: none;
    width: 50px;
    position: absolute;
    height: 27px;
    top: 82px;
    left: 8px;
}

#headerFontSelectionColor {
    width: 193px;
    position: absolute;
    top: 61px;
    left: 5px;
    margin: 8px 0 0 4px;
}

#headerBackSelectionColor {
    position: relative;
    width: 187px;
    /* left: 6px; */
    /* margin: 8px 8px 0 8px; */
    /* position: absolute; */
    /* top: 14px; */
    /* width: 194px; */
    left: -8px;
    /* position: absolute; */
    margin: 8px 0 0 8px;
    top: -6px;
    /* margin-top: 8px; */
    padding-top: -17px !important;
}

#headerBackSelectionColorChange {
    width: 193px;
    position: absolute;
    top: 27px;
    left: -2px;
    margin: 4px 0 8px 8px;
}

#headerBackgroundFontChange {
    position: absolute;
    top: 83px;
    width: 50px;
    left: 11px;
    /* margin: 4px 0 8px 8px; */
}

#headerBackgroundFont {
    position: absolute;
    top: 62px;
    width: 50px;
    left: 4px;
    margin: 8px 0 0 8px;
}

#headerBackgroundColor {
    width: 213px;
    left: 3px;
    position: absolute;
    margin: 8px 0 0 8px;
    top: 11px;
}

#headerBackgroundColorChange {
    position: absolute;
    top: 27px;
    width: 50px;
    left: 3px;
    margin: 4px 0 8px 8px;
}

#colorChangeMode {
    position: absolute;
    top: 10px;
    left: -3px;
    margin-bottom: 16px;
    height: 26px;
}

#colorMode {
    position: absolute;
    top: -10px;
    left: 2px;
    width: 220px;
    margin-top: 8px;
}

#backgroundChangeColorEffect {
    position: absolute;
    top: -41px;
    left: 3px;
    /* margin-top: 4px; */
}


#backgroundColorEffect {
    position: absolute;
    top: -61px;
    left: 3px;
    margin-top: 8px;
}

#rowColorChangeEffect1 {
    border: none;
    height: 5px;
}

#row1ColorEffect1 {
    top: 10px;
    position: absolute;
    left: 12px;
    margin-top: 8px;
}

#font1ColorEffect2 {
    position: absolute;
    top: 61px;
    left: 5px;
    margin: 8px 0 4px 8px;
}

#row1ColorChangeEffect1 {
    position: absolute;
    top: 30px;
    left: 12px;
}

#font1ColorChangeEffect2 {
    position: absolute;
    top: 81px;
    left: 12px;
}

#row2ColorFieldset1 {
    position: absolute;
    top: 11px;
    left: 11px;
    margin-top: 8px;
}

#row2ColorChangeEffect1 {
    position: absolute;
    top: 31px;
    left: 11px;
}

#font2ColorEffect2 {
    position: absolute;
    top: 62px;
    left: 11px;
    margin-top: 8px;
}

#font2ColorChangeEffect2 {
    position: absolute;
    top: 82px;
    left: 11px;
}


#gridlineContent {
    width: 190px;
    position: relative;
    top: -5px;
    margin: 8px 0 0 0;
}

#row1ColorFieldset1 {
    height: 124px;
    border: 1px solid rgb(226, 218, 218);
    border-radius: 7px;
    width: 178px;
    position: absolute;
    top: 12px;
    left: 0px;
    margin: 8px 8px 16px 8px;
}

#rowColorFieldset2Alarm {
    position: absolute;
    top: 158px;
    width: 179px;
    height: 124px;
    left: 0px;
    margin: 16px 8px 0 8px;
}

#hitlistAvailable {
    position: absolute;
    left: -6px;
    top: 16px;
    width: 187px;
    height: 200px;
}

#hitListSelected {
    width: 305px;
    position: absolute;
    height: 200px;
    top: 16px;
    right: -8px;
}

#hitlistSelectedLabel {
    left: -61px;
    position: absolute;
    top: -1px;
}

#htilistAvailableLabel {
    position: absolute;
    top: -1px;
    left: -4px;
}

#btnHitlist7 {
    width: 90px;
    position: absolute;
    left: 12px;
    top: 33px;
    text-align: left;
}

#btnHitlist8 {
    width: 90px;
    position: absolute;
    left: 12px;
    top: 73px;
    text-align: left;
}

.sortIndex {
    position: absolute;
    top: 17px;
    left: 0px;
}

#HitlistEditingLegend {
    position: absolute;
    top: 327px;
    height: 135px;
    width: 250px;
    left: 6px;
}


#warning {
    position: absolute;
    left: 148px;
    top: 22px;
}

#EditingLegend {
    position: absolute;
    top: -18px;
    height: 39px;
    width: 176px;
    left: 10px;
    margin-left: 8px;
    margin-right: 16px;
}

#alarmSource {
    border: none;
    height: 45px;
}

#useAlarmColorsCheck {
    border: none;
    height: 30px;
    position: absolute;
    top: 69px;
}

#useAutoScrollCheck {
    border: none;
    height: 30px;
    position: absolute;
    top: 90px;
}

#label {
    border: none;
    height: 30px;
    top: -4px;
    position: relative;
    margin: 8px 0 0 8px;
    left: -8px;
}

#windowLabel {
    border: none;
    height: 30px;
    top: -61px;
    position: relative;
    margin: 4px 0 0 8px;
    left: -18px;
}

#divUseHotKeyStatusbar {
    position: absolute;
    top: 53px;
    left: 3px;
}

#divUseHotKey {
    position: absolute;
    left: 7px;
    width: 130px;
    top: 75px;
}



.bottomStatusbarstyle {
    position: absolute !important;
    top: 32px !important;
    left: 0px !important;
}

.rightStatusbarstyle {
    position: absolute !important;
    top: 22px !important;
    left: 0px !important;
}

.leftStatusbarstyle {
    position: absolute !important;
    top: 22px !important;
    left: 0px !important;
}

.statusbarDiv3Check {
    vertical-align: -4px;
}
/*Comment Dialog Related style -Ends*/
.alarmsource {
    position: absolute;
    top: 26px;
}

.ackFlashRate {
    position: absolute;
    top: 71px;
}

.resetFlashingRate {
    position: absolute;
    top: 117px;
}

.defaultSortDirection {
    position: absolute;
    top: 162px;
}

.usealarmColor {
    position: absolute;
    top: 205px;
}

.autoscroll {
    position: absolute;
    top: 225px;
}

.suppressFlashing {
    position: absolute;
    top: 243px;
    /* left: -23px; */
    margin-bottom: 16px;
}

.spanMapping {
    position: absolute;
    margin-left: 8px;
    top: 156px;
    left: 6px;
}

.txtMapping {
    position: absolute;
    top: 170px;
    margin-left: 8px;
    left: 7px;
}

.usehotkeylbl {
    position: relative;
    top: 0px;
    left: 5px;
}

.usehotkeyChk {
    vertical-align: -3px !important;
}

.infoDialogNumberLabel {
    text-align: left;
    padding-left: 17px;
    padding-bottom: 7px;
}

.infoDialogTextLabel {
    text-align: left;
    padding-left: 17px;
    padding-bottom: 7px;
    padding-top: 5px;
}

.infoDialogCloseBtn {
    padding-top: 7px;
    padding-right: 15px;
}

.spaceforlabelandControl {
    margin-top: 3px;
}

.ext, .ext select, .ext option {
    font-family: Siemens Sans, sans-serif !important;
    font-size: 14px !important;
}




    .ext [type="checkbox"], .ext input[type="radio"] {
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 23px;
        width: 23px;
        position: relative;
        /*top: -5px;*/
        vertical-align: middle;
    }

        .ext [type="checkbox"]:disabled {
            border: none !important;
            height: 23px;
            width: 23px;
            background: linear-gradient(to bottom, rgba(242,244,255,0.5), rgba(145,147,154,0.5) ) !important;
            vertical-align: middle;
        }

        .ext [type="checkbox"]:not(:checked):after {
            content: ' ';
            display: block;
            position: relative;
            outline: none;
            width: 24px;
            height: 24px;
            border-radius: 3px;
            left: -1px;
            top: -1px;
            border: 1px solid rgba(100,100,106,0.5);
            background: linear-gradient(to bottom, #F2F4FF,#91939A);
        }


        .ext [type="checkbox"]:checked:after {
            content: '\2713';
            display: block;
            position: relative;
            text-align: center;
            font-size: 19px;
            font-weight: bold;
            outline: none;
            width: 24px;
            height: 24px;
            border-radius: 3px;
            left: -1px;
            top: -1px;
            border: 1px solid rgba(100,100,106,0.5);
            background: linear-gradient(to bottom, #91939A,#F2F4FF);
        }



        .ext [type="checkbox"]:checked:hover + label:before {
            background: linear-gradient(to bottom, #F2F4FF,#606166);
            border: 1px solid rgba(100,100,106,0.5);
        }


    .ext input[type='radio'] {
        border-radius: 50%;
        outline: none;
        height: 23px;
        width: 23px;
    }

        .ext input[type='radio']:before {
            content: '';
            display: block;
            height: 21px;
            width: 21px;
            border-radius: 50%;
            background: linear-gradient(#91939A, #F2F4FF);
        }

        .ext input[type='radio']:checked:before {
            background: black;
            /* margin: 21% auto; */
            /* width: 50%; */
            /* height: 50%; */
            width: 13px;
            height: 13px;
            /* padding: 0px; */
            position: relative;
            left: 4px;
            top: 4px;
        }

        .ext input[type='radio']:not(:checked):before {
            background: linear-gradient( #F2F4FF, #91939A);
            border: 1px solid rgba(100,100,106,0.5);
        }

        .ext input[type='radio']:checked {
            background: linear-gradient(#606166,#F2F4FF);
            border: 1px solid #64646A;
        }


    .ext select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        height: 31px;
        width: 200px;
        border-radius: 3px;
        padding-right: 10px;
        padding-left: 10px;
        outline: none;
        border-style: solid;
        border-width: 1px;
        border-color: grey;
        background: linear-gradient( #E6E6EB, #FFF 50%, #E6E6EB);
    }

    .ext .selectwrapper {
        position: relative;
        display: block;
        width: 200px;
        height: 32px;
        /* line-height: 0; */
        /* background: #2c3e50; */
        overflow: hidden;
        border-radius: 3px;
        border-style: none;
        border-width: 1px;
        border-color: grey;
    }

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

    /*.ext option:hover {
        background: #7DCDF5 !important;
    }*/

    .ext .selectwrapper::after {
        content: '\25BC';
        position: absolute;
        top: 0px;
        right: 0;
        bottom: 0;
        width: 28px;
        /* text-indent: 7px; */
        text-align: center;
        line-height: 35px;
        /* margin-top: 0px; */
        /* padding-right: 24px; */
        background: linear-gradient( #F2F4FF, #91939A);
        pointer-events: none;
        height: 30px;
        border: 1px solid #64646A;
        border-radius: 3px;
        border-style: solid;
        font-family: Times New Roman, sans-serif !important; /*Used for the drop down icon of combobox*/
    }

    .ext select option:nth-child(even) {
        background: #FFF;
    }


    .ext select option:nth-child(odd) {
        background: rgba(230,230,235,0.5);
    }


    .ext .extbtn {
        border-radius: 3px !important;
        /*background: -webkit-linear-gradient(#F2F4FF,#91939A) !important;*/
        background: linear-gradient(to bottom, #F2F4FF,#91939A) !important;
        font-family: inherit;
        font-size: inherit;
        height: auto !important;
        border: 1px solid #64646A;
        width: 85px;
        padding: 0 9px 0 9px !important;
    }

        .ext .extbtn:hover {
            /*background: -webkit-linear-gradient(#F2F4FF,#606166);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F4FF', endColorstr='#606166');*/
            background: linear-gradient(to bottom, #F2F4FF,#606166) !important;
            border: 1px solid rgba(100,100,106,0.5);
        }

        .ext.extbtn:focus {
            /*background: -webkit-linear-gradient(#F2F4FF,#91939A);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F2F4FF', endColorstr='#91939A');*/
            background: linear-gradient(to bottom, #F2F4FF,#91939A);
            border: 1px solid #7DCDF5;
        }

    .ext fieldset {
        margin-right: 16px;
        margin-left: 16px;
    }

.firstfieldset {
    margin-top: 7px;
}

.secondsortFieledset {
    margin-top: 16px;
}

.thirddsortFieledset {
    margin-top: 16px;
}

.fourthsortFieldset {
    margin-bottom: 16px;
    margin-top: 16px;
}

.sortascradiobtnDiv {
    position: relative;
    left: 229px;
    top: -42px;
}

.sortdscradiobtnDiv {
    position: relative;
    left: 110px;
    top: 0px;
}


.sortclearsortbtn {
    position: relative;
    top: -4px;
    left: 191px;
    width: 222px !important;
}

.sortcancelbtn {
    position: relative;
    top: 10px;
    left: 225px;
}

.sortokbtn {
    position: relative;
    top: 10px;
    left: 222px;
}

.sortlbl {
    padding-left: 9px;
}

.sortfieldsetcontianerDiv {
    position: relative;
    top: 6px;
    text-align: left;
}

.sortfielsetcontentDiv {
    position: relative;
    top: 17px;
    left: 2px;
}

.sort1dsccontainer {
    position: relative;
    top: 7px;
}

.sortradiobtnlbl {
    position: relative;
    left: 5px;
}

.sortfieldsetheight {
    height: 80px;
}

.sort2asccontainer {
    position: relative;
    top: -4px;
}


.sort2dsccontainer {
    position: relative;
    top: 11px;
}

.sort3asccontainer {
    position: relative;
    top: -3px;
}

.sort3dsccontainer {
    position: relative;
    top: 7px;
}

.sort4asccontiner {
    position: relative;
    top: -42px;
}

.sort4dsccontiner {
    position: relative;
    top: -35px;
}

.sortclearsortbtnDiv {
    position: relative;
    left: -104px;
    top: 7px;
}

.sortbtncontainerDiv {
    position: relative;
    left: -118px;
    top: 8px;
}

.sortradiobtncontainerDiv {
    position: relative;
    top: -58px;
    left: 214px;
    width: 288px;
    text-align: left;
}

.sortlblcontainerDiv {
    position: relative;
    top: -20px;
    left: 32px;
}

.sortradiobtnFirstRow {
    position: relative;
    top: 11px;
}

.sortradiobtnSecondRow {
    position: relative;
    top: -4px;
}

.hitListmaindiv {
    position: relative;
    height: 260px;
}

.hitListfielsetcontentDiv {
    position: relative;
    left: 2px;
}

.hitListsetcontianerDiv {
    text-align: left;
    margin-bottom: 0px;
}

.hitListokbtn {
    position: relative;
    top: 10px;
    margin-right: 20px;
    color: inherit;
}

.hitListcancelbtn {
    position: relative;
    top: 10px;
    margin-right: 20px;
    color:inherit;
}

.hitListapplybtn {
    position: relative;
    top: 10px;
    margin-right: 20px;
}

#hitList_count {
    margin-left: 10px;
    width: 150px;
    height: 23px;
    border-radius: 3px;
    border: 1px solid rgba(100, 100, 106, 0.5);
    background: linear-gradient(#E6E6EB, #FFFFFF 70%, #E6E6EB);
}

#hitList_startTime {
    width: 135px;
    height: 23px;
    border: 1px solid rgba(100, 100, 106, 0.5);
    margin-top: 10px !important;
}

#hitList_timeFactor {
    height: 23px;
    width: 142px;
    border-radius: 3px;
    border: 1px solid rgba(100, 100, 106, 0.5);
    background: linear-gradient(#E6E6EB, #FFFFFF 70%, #E6E6EB);
    margin-top: 10px !important;
    padding-left: 10px;
}

#hitList_timeRangeStartOptions {
    width: 155px;
    background: linear-gradient(#E6E6EB, #FFFFFF 70%, #E6E6EB);
    border-radius: 3px;
    border: 1px solid rgba(100, 100, 106, 0.5);
    font-family: Times New Roman, sans-serif !important;
    height: 27px;
    margin-top: 10px !important;
    color:inherit
}

    #hitList_timeRangeStartOptions + label::after {
        content: '\25BC';
        position: relative;
        right: 28px;
        padding: 4px;
        background: -webkit-linear-gradient(#F2F4FF, #91939A);
        pointer-events: none;
        border-radius: 3px;
        font-family: Times New Roman, sans-serif !important;
    }

#hitList_timeRangeOptions {
    width: 155px;
    position: absolute;
    background: linear-gradient(#E6E6EB, #FFFFFF 70%, #E6E6EB);
    border-radius: 3px;
    border: 1px solid rgba(100, 100, 106, 0.5);
    font-family: Times New Roman, sans-serif !important;
    height: 27px;
    margin-top: 10px !important;
    color: inherit;
}

    #hitList_timeRangeOptions + label::after {
        content: '\25BC';
        position: relative;
        right: -130px;
        top: 15px;
        padding: 4px;
        background: -webkit-linear-gradient(#F2F4FF, #91939A);
        pointer-events: none;
        border-radius: 3px;
        font-family: Times New Roman, sans-serif !important;
    }

#hitList_div_top {
    display: inline-table;
}

#hitList_div_bottom {
    display: grid;
    grid-row-gap: 10px;
    grid-template-columns: 55% 45%;
}


#hitList_timeRangeFieldset {
    margin-top: 10px;
}

.ext textarea {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    overflow: auto;
    resize: none;
    /*height: 181px;
    width: 263px;*/
    outline: none;
    background: linear-gradient(to top, #E6E6EB, #FFF 50%, #E6E6EB);
    padding-right: 10px;
    padding-left: 10px;
    font-family: inherit;
    font-size: inherit;
}


    .ext textarea:disabled {
        border-radius: 3px;
        border-style: solid;
        border-width: 1px;
        border-color: grey;
        overflow: auto;
        resize: none;
        height: 181px;
        width: 263px;
        outline: none;
        background: #EDEDED !important;
        padding-right: 10px;
        padding-left: 10px;
        font-family: inherit;
        font-size: inherit;
    }

.ext [type="text"]:disabled {
    background: #EDEDED !important;
}


.ext textarea :not(:disabled) :hover {
    background: linear-gradient(to top, #CDCDD1, #FFF 50%, #CDCDD1);
}

.ext textarea :not(:disabled) :focus {
    background: linear-gradient(to top, #CDCDD1, #FFF 50%, #CDCDD1);
    border-color: #7DCDF5;
}


.ext [type="text"] {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    border-color: grey;
    height: 25px;
    width: 200px;
    outline: none;
    background: linear-gradient( #E6E6EB, #FFF 50%, #E6E6EB);
    padding-right: 10px;
    padding-left: 10px;
    font-family: inherit;
    font-size: inherit;
}

    .ext [type="text"]:hover {
        background: linear-gradient( #CDCDD1, #FFF 50%, #CDCDD1);
    }

    .ext [type="text"]:focus {
        background: linear-gradient( #CDCDD1, #FFF 50%, #CDCDD1);
        border-color: #7DCDF5;
    }



/**InfoDialog*/

.infolbl {
    text-align: left;
    position: relative;
    left: 16px;
    /* top: 8px; */
    padding-top: 12px;
}

.infotxtlbl {
    position: relative;
    text-align: left;
    left: 16px;
    /* top: 0px; */
}

.numbertxt {
    position: relative;
    /* top: 16px; */
    width: 263px !important;
}

.infotxt {
    position: relative;
    left: -11px;
    width: 272px !important;
}

.numbertxtDiv {
    position: relative;
    text-align: left;
    left: 16px;
    top: 2px;
}

.infoclosebtnDiv {
    position: relative;
    left: -84px;
    top: 2px;
}

.infomainDiv {
    position: relative;
    top: 0px;
    height: 355px;
}

.infotextBox {
    position: relative;
    text-align: left;
    left: 16px;
    top: 4px;
}

.infobtn {
    position: relative;
    left: 100px;
    top: 14px;
}

.sortmaindiv {
    position: relative;
    height: 631px;
}

.ext option:hover {
    color: #444645;
    background: #ddd;
}

.commentcontainerDiv {
    padding-top: 8px;
}

.commentmainDiv {
    padding: 16px;
    padding-top: 12px;
    height: 509px;
    width: 530px;
}

.ext .contentleft {
    text-align: left;
    padding-top: 5px;
}

.ext .contentleftDiv {
    text-align: left;
}



.ext .commenttextareaDiv {
    position: relative;
    top: -250px;
    left: 126px;
}

.ext .commentlbl {
    position: relative;
    top: -240px;
    left: 251px;
}

.ext .commentbtnDiv {
    position: absolute;
    top: 275px;
    left: 360px;
}

.commentsecondbtn {
    margin-left: 7px;
}

.ext [type="button"] {
    border-radius: 3px !important;
    /*background: -webkit-linear-gradient(#F2F4FF,#91939A) !important;*/
    background: linear-gradient(to bottom, #F2F4FF,#91939A) !important;
    font-family: inherit;
    font-size: inherit;
    height: auto !important;
    border: 1px solid #64646A;
    width: 85px;
    line-height: 20px;
    text-align: center;
    padding: 0 9px 0 9px !important;
}

    .ext [type="button"]:disabled {
        background: linear-gradient(to bottom, rgba(242,244,255,0.5), rgba(145,147,154,0.5) ) !important;
        border: 1px solid rgba(100,100,106,0.5) !important;
    }

    .ext [type="button"]:enabled:hover {
        background: linear-gradient(to bottom, #F2F4FF,#606166) !important;
        border: 1px solid rgba(100,100,106,0.5) !important;
    }

    .ext [type="button"]:focus {
        background: linear-gradient(to bottom, #F2F4FF,#91939A);
        border: 1px solid #7DCDF5;
    }

.ext .commenthistorylblDiv {
    position: relative;
    top: -11px;
}

.ext .commenttextarea {
    width: 256px !important;
    height: 184px !important;
    font-family: inherit;
    font-size: inherit;
}

.ext .commentbtnsecondDiv {
    position: relative;
    top: -184px;
    left: 172px;
}

.ext .commenthistoryDiv {
    position: relative;
    top: -199px;
    border: 1px solid grey;
    height: 139px;
    overflow: auto;
    width: 528px;
}

.commentHistoryDiv {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    word-wrap: break-word;

}

.ext .filterselect {
    height: 31px !important;
    width: 100% !important;
}

.ext .filterselectmultiple {
    height: 162px !important;
    width: 100% !important;
    padding: 0px;
    overflow: hidden;
}

.ext select:hover {
    background: linear-gradient( #CDCDD1, #FFF 50%, #CDCDD1);
}


.ext .filterselectWrapper {
    position: relative;
    display: block;
}


    .ext .filterselectWrapper::after {
        content: '\25BC';
        position: absolute;
        top: 0px;
        right: 0;
        bottom: 0;
        width: 32px;
        text-align: center;
        line-height: 35px;
        background: linear-gradient( #F2F4FF, #91939A);
        pointer-events: none;
        height: 29px;
        border: 1px solid #64646A;
        border-radius: 3px;
    }


.timezonemainDiv {
    padding-left: 16px;
    padding-right: 16px;
    position: absolute;
    top: 43px;
}

.tztextalingn {
    text-align: left;
}

.tzdivpadding {
    padding-top: 14px;
}

.tzdivpadding8px {
    padding-top: 6px;
}

.tzdropdownwidth {
    width: 515px !important;
}

.tzbtnDiv {
    position: absolute;
    top: 160px;
    left: 346px;
}

.tzbtnright {
    margin-left: 11px;
}

/*.filtercriteriadrp {
    width: 251px !important;
}*/

.filtercriteriawrapperDiv {
    left: -2px;
    top: -1px;
}

.filtercriteriawrapperDiv > select {
    color: inherit;
}

/*.filteroperanddrp {
    width: 230px !important;
}*/

.filteroperandwrapperDiv {
    left: -2px;
    top: -1px;
}

/*.filterlogoperanddrp {
    width: 120px !important;
}*/

.filterlogoperandwrapperDiv {
    top: -1px;
}

.filterdialogbutnsgroup1 {
    position: relative;
    left: 287px;
    top: 10px;
}

.filterbtnwrapperspan {
    margin-left: 15px;
}

.filterbtnwrapperspan input {
    color: inherit;
}

.filterlinenoDiv {
    border: 1px solid grey;
    background-color: rgb(232, 231, 231);
    height: 107px;
    position: relative;
    width: 75px;
    border-radius: 3px;
    left: -391px;
    top: 10px;
}

.filterlinenodiv {
    width: 75px;
    height: 18px;
}

.filtertextarea {
    height: 103px;
    width: 763px;
    position: relative;
    top: -99px;
    left: 37px;
}

.filterdialogbutnsgroup2 {
    position: absolute;
    top: 473px;
    right: 0px;
}

.filterdialogbutnsgroup2 input {
    color: inherit;
}

.tztimelablemargin {
    margin-left: 1px;
}

.domainDiv {
    position: relative;
}

.docheckboxDiv {
    float: left;
    width: 100%;
    text-align: left;
    padding-left: 16px;
    height: 24px;
    padding-top: 16px;
}

.dobtnDiv {
    float: right;
    text-align: left;
    padding-right: 18px;
    padding-top: 17px;
    padding-bottom: 16px;
}

.dolblDiv {
    padding-left: 12px;
}

.btnPadding {
    margin-right: 15px;
}

.secondbtn {
    margin-left: 13px;
}

.dochecklbl {
    position: relative;
    top: -23px;
    left: 30px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .textareaie {
        height: 105px !important;
    }
}

@supports (-ms-ime-align: auto) {
    .textareaie {
        height: 105px !important;
    }
}

@-moz-document url-prefix() {
    .textareamoz {
        height: 107px !important;
        top: -100px !important;
    }

    .filterlinenoDivmoz {
        height: 107px !important;
    }
}

#editBoxBrowseButton {
    height: 100% !important;
    font-family: Siemens Sans, sans-serif;
    font-size: 14px;
    vertical-align: top;
    border: none;
    outline: none;
    padding: 0px;
    float: right;
}

#queryeditorcontainer {
    height: 123px;
}

.color-inherit
/* This class is used to inherit the color from the parent element, due to ipad Safari browser taking apples default color*/
{
    color: inherit;
}