body{
    bottom: 0;
    left: 0;
    margin: 0;
    right: 0;
    top: 0;
}

/* scrollbarss */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(201,201,201,0.7); 
    -webkit-box-shadow: inset 0 0 6px rgba(201,201,201,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(201,201,201,0.); 
}
a{
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
a:hover{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}
.pull-left{
    float: left;
}
button{
    border: 0px !important;
    padding: 0px;
}
td, th{
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.btn{
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
align-items: flex-start;
background-color: transparent;
border:none;
box-shadow: none;
box-sizing: content-box;
color: #6b6b6b;
cursor: pointer;
display: inline-block;
font-family: 'Open Sans', Arial, sans-serif;
font-size: 12.75px;
height: 40px;
line-height: 40px;
font-weight: 600;
outline-color: rgb(160, 240, 31);
padding: 0 20px;
text-align: center;
text-indent: 0px;
text-rendering: auto;
text-shadow: none;
text-transform: none;
vertical-align: middle;
writing-mode: lr-tb;
-webkit-writing-mode: horizontal-tb;
}
.btn:hover,.btn.hover, a:hover{
    color: rgb(0, 178, 255); 
    text-decoration: none;
}
.btn-primary{
    color: rgb(255, 255, 255);
    background-color: rgb(0, 178, 255);
}
.btn-primary.hover,.btn-primary:hover  {
    color:#fff;
    background: #008A9C;
}
.btn.disabled{
    display: initial;
    opacity: .4;
    cursor: not-allowed;
}
.btn-secondary{
    color: rgb(255, 255, 255);
    background-color: rgb(204, 204, 204);
}
.btn-secondary.hover,.btn-secondary:hover{
    color:#fff;
    background: #2d323c !important;
}

.btn-secondary.disabled{

}

.brand{
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

h2.brand.title{
    -webkit-font-smoothing: antialiased;
    color: rgb(107, 107, 107);
    display: block;
    font-size: 19.2px;
    font-weight: 300;
}

.brand.small{
    color: rgb(107, 107, 107);
    font-size: 11.25px;
    font-weight: 600;
    text-transform: uppercase;
}

.page-navigation{
    -webkit-font-smoothing: antialiased;
    background-color: #173647;
    color: rgb(107, 107, 107);
    display: block;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    min-height: 60px;
    outline-color: rgb(160, 240, 31);
    text-shadow: none;
    top: 0px;
    z-index: 1000;
}

.page-content{
    padding:90px 60px;
}

.page-list{
    list-style:none;
}
.navigation-list {
    color: rgb(107, 107, 107);
    display: block;
    font-family: "Open Sans","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    list-style: outside none none;
    margin: 0;
    outline-color: rgb(160, 240, 31);
    padding: 0;
    text-shadow: none;
    width: 100%;
}

.navigation-item{
    -webkit-font-smoothing: antialiased;
    color: rgb(107, 107, 107);
    display: list-item;
    float: left;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 60px;
    line-height: 20px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    outline-color: rgb(160, 240, 31);
    position: relative;
    text-align: left;
    text-shadow: none;
}

.navigation-item-link{
    -webkit-font-smoothing: antialiased;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-bottom-style: solid;
    border-bottom-width: 4px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 56px;
    line-height: 56px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    outline-color: rgb(160, 240, 31);
    padding-bottom: 0px;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    transition-delay: 0s;
    transition-duration: 0.75s;
    transition-property: all;
    transition-timing-function: ease;
}

.navigation-item-link.selected{
    -webkit-font-smoothing: antialiased;
    border-bottom-color: #07CED6;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    color: #07CED6;
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 57px;
    line-height: 57px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    outline-color: rgb(160, 240, 31);
    padding-bottom: 0px;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    transition-delay: 0s;
    transition-duration: 0.75s;
    transition-property: all;
    transition-timing-function: ease;
}
.navigation-item-link.hover,.navigation-item-link:hover{
    -webkit-font-smoothing: antialiased;
    border-bottom-color: rgba(0, 0, 0, 0);
    border-bottom-style: solid;
    border-bottom-width: 3px;
    background-color: #4B5662;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 57px;
    line-height: 60px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    outline-color: rgb(255, 255, 255);
    outline-style: none;
    outline-width: 0px;
    padding-bottom: 0px;
    padding-left: 23px;
    padding-right: 23px;
    padding-top: 0px;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    transition-delay: 0s;
    transition-duration: 0.75s;
    transition-property: all;
    transition-timing-function: ease;
}
.sub-navigation-item-link.selected{
    border-right: 4px solid #07CED6;
}
.navigation-item-link > i.fa{
    height: 40px;
}
.navigation-item.user-dropdown > .navigation-item-link,
.navigation-item.settings-dropdown > .navigation-item-link,
.navigation-item.help-center > .navigation-item-link{
    padding: 0 20px;
}

.square{
    width:75px;
    height:75px;
    line-height: 75px;
    margin: 5px;
    float:left;
    text-align: center;
    color: white;
}

.list-side{
    -webkit-font-smoothing: antialiased;
    background-color: rgb(250, 250, 250);
    border-right-color: rgb(226, 226, 226);
    border-right-style: solid;
    border-right-width: 2px;
    color: rgb(107, 107, 107);
    display: block;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    height: 575px;
    line-height: 20px;
    margin-bottom: 30px;
    outline-color: rgb(160, 240, 31);
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: left;
    vertical-align: top;
    width: 600px;
    z-index: 1;
}

.panel-nav{
    -webkit-font-smoothing: antialiased;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgb(244, 244, 244);
    background-image: none;
    background-origin: padding-box;
    background-size: auto;
    color: rgb(107, 107, 107);
    display: block;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    height: 55px;
    line-height: 55px;
    outline-color: rgb(160, 240, 31);
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    text-align: left;
    width: 600px;
}

.panel-title{
    -webkit-font-smoothing: antialiased;
    color: rgb(107, 107, 107);
    display: block;
    float: left;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    height: 60px;
    line-height: 60px;
    margin-left: 15px;
    outline-color: rgb(160, 240, 31);
    text-align: left;
    width: 600px;
}
.panel-title .brand{
    -webkit-font-smoothing: antialiased;
    color: rgb(107, 107, 107);
    display: inline;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 1.25rem;
    color: #6b6b6b;
    font-weight: 300;
    height: auto;
    line-height: 60px;
    outline-color: rgb(160, 240, 31);
    text-align: left;
    width: auto;
}

.search-container,.form-input{
    -webkit-font-smoothing: antialiased;
    color: rgb(107, 107, 107);
    display: block;
    float: left;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    outline-color: rgb(160, 240, 31);
    position: relative;
    text-align: left;
    width: 340px;
}

.search-icon{
    -webkit-font-smoothing: antialiased;
    color: rgb(204, 204, 204);
    cursor: pointer;
    display: block;
    font-family: 'Font Awesome 5 Pro';
    font-size: 15px;
    font-style: normal;
    font-weight: normal;
    height: 15px;
    line-height: 15px;
    outline-color: rgb(160, 240, 31);
    position: absolute;
    right: 12px;
    text-align: left;
    top: 8px;
    width: 13.9375px;
    z-index: 1;
}

.search-container input{
    background-image: none;
    border: 1px solid rgb(204, 204, 204);
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(107, 107, 107);
    display: block;
    font-size: 11.25px;
    font-weight: 600;
    height: 32px;
    line-height: 16.875px;
    padding-left: 10px;
    width: 340px;
}

.drop-down{
    -webkit-appearance: menulist-button;
    -webkit-font-smoothing: antialiased;
    -webkit-rtl-ordering: logical;
    align-items: center;
    background-clip: padding-box;
    background-color: rgb(255, 255, 255);
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(204, 204, 204);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(204, 204, 204);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(204, 204, 204);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(85, 85, 85);
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 32px;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 0px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 0px;
    min-width: 150px;
    outline-color: rgb(160, 240, 31);
    overflow-x: visible;
    overflow-y: visible;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: start;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-transform: none;
    vertical-align: middle;
    white-space: pre;
    width: 250px;
    word-spacing: 0px;
    writing-mode: lr-tb;
    -webkit-writing-mode: horizontal-tb;
}

.sortable-table{
    -webkit-font-smoothing: antialiased;
    color: rgb(107, 107, 107);
    display: block;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    height: 380px;
    line-height: 20px;
    outline-color: rgb(160, 240, 31);
    text-align: left;
    width: 600px;
}

.sortable-table-header div:after{
    content: '\f0d7';
    font-family: 'Font Awesome 5 Pro';
    margin-left: 4px;
}
.sortable-table-header div.selected{
    color: #00A0B4;
    border-bottom: 3px solid #009bde;
    padding: 0;
}

.selection-list-container{
    -webkit-font-smoothing: antialiased;
    color: rgb(107, 107, 107);
    display: block;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    height: 33px;
    line-height: 20px;
    outline-color: rgb(160, 240, 31);
    text-align: left;
    width: 600px;
}

.sortable{
    -webkit-font-smoothing: antialiased;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    cursor: pointer;
    display: block;
    float: left;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11.25px;
    font-weight: 600;
    height: 30px;
    line-height: 30px;
    outline-color: rgb(160, 240, 31);
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    text-align: left;
    text-indent: 10px;
    white-space: nowrap;
}

.name{
    width: 270px;
}
.type{
    width: 150px;
}
.method{
    width: 105px;
}
.default{
    width: 75px;
}

.sortable-table-body{
    -webkit-font-smoothing: antialiased;
    color: rgb(107, 107, 107);
    display: block;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    height: 0px;
    line-height: 20px;
    outline-color: rgb(160, 240, 31);
    text-align: left;
    width: 640px;
}
.sortable-table-row:hover{
    background-color: rgb(238, 238, 238);
}

.sortable-table-row{
    height:42px;
}

.sortable-table-row .cell{

    -webkit-font-smoothing: antialiased;
    border-bottom-color: rgb(230, 236, 248);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(107, 107, 107);
    border-top-style: none;
    border-top-width: 0px;
    box-sizing: border-box;
    color: rgb(107, 107, 107);
    cursor: pointer;
    display: block;
    float: left;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    height: 42px;
    line-height: 42px;
    outline-color: rgb(160, 240, 31);
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: left;
    text-indent: 10px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    z-index: auto;
}

.sortable-table-row .default{
    text-align: center;
    text-indent: 2px;
}

.scrollable{
    height: 455px;
    overflow: scroll;
    overflow-x: hidden;
}

.display-form{
    width:800px;
    border: 1px solid lightgray;
    border-collapse: inherit;
    border-right: 0px solid lightgray;
    border-bottom: 0px solid lightgray;
}

.display-form td{
    padding: 10px 15px;
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

fa, i.fal, i.fab, i.far, i.fas{
    -webkit-font-smoothing: antialiased;
    border-collapse: collapse;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-style: normal;
    height: 15px;
    outline-color: rgb(160, 240, 31);
    text-align: left;
    width: 12.8594px;
}
i.in-table{
    font-size:22.5px;
}
i.in-table-alt{
    font-size:19.5px;
}
i.in-form{
    font-size:11.25px;
}
i.interactive{
    color: rgb(0, 178, 255);
}
i.secondary-interactive{
    color:rgb(170, 170, 170);
}
th{
    text-indent: 10px;
    border-bottom: 1px solid lightgray;
    text-align: left;
    border-right: 1px solid lightgray;
}
th:last-child{
    border-right: 0px;
}
.mini-table{
    width:340px;
}

.mini-table input{
    margin-bottom:0px;
}
.mini-table .header{
    -webkit-font-smoothing: antialiased;
    background-color: rgb(244, 244, 244);
    color: rgb(153, 153, 153);
    cursor: pointer;
    display: block;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 11.25px;
    font-weight: normal;
    height: 10px;
    line-height: 30px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    outline-color: rgb(160, 240, 31);
    text-transform: uppercase;
    transition-delay: 0s;
    transition-duration: 0.1s;
    transition-property: all;
    transition-timing-function: linear;
    width: 340px;
    z-index: auto;
}
.mini-table .header div.selectable.selected,.mini-table .header div.selectable:hover{
    background-color: #cecece;
    color: #fff;
}
.mini-table .header div.selectable.selected .fa,.mini-table .header div.selectable:hover .fa{
    color: #fff;
}

.mini-table .header div{
    -webkit-font-smoothing: antialiased;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: block;
    float: left;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 9.25px;
    font-weight: normal;
    height: 10px;
    line-height: 10px;
    min-height: 10px;
    outline-color: rgb(160, 240, 31);
    position: relative;
    text-align: left;
    text-indent: 5px;
    text-transform: uppercase;
    top: 0px;
}
.fa.fa-caret-up{
    -webkit-font-smoothing: antialiased;
    color: #dbdbdb;
    cursor: pointer;
    display: block;
    float: none;
    font-family: 'Font Awesome 5 Pro';
    font-size: 8.4375px;
    font-style: normal;
    font-weight: normal;
    height: 10px;
    line-height: 10px;
    margin-left: 10px;
    outline-color: rgb(160, 240, 31);
    position: absolute;
    text-align: left;
    text-indent: 5px;
    text-transform: uppercase;
}
.checkCell{
    width:50px;
}
.monitorName{
    width:130px;
}
.selectAll{
    width:160px;
}
.selectAll span{
    color: #6b6b6b;
    font-size: 8px;
    font-weight: bolder;
    letter-spacing: 1px;
    line-height: 10px;
    height: 10px;
    text-align: right;
    margin-right: 10px;
}
.mini-table ul{
    padding:0px;
    margin:0px;
    list-style:none;
    height: 100px;
    overflow: scroll;
}
.mini-table li{
        padding: 0 !important;
        height: 30px;
        line-height: 30px;
        margin: 0;
}
.mini-table li div {
    line-height: 30px;
}
.indent-table{
    margin-left: 10px;
}
.mini-table .content{
    border: 1px solid lightgray;
}
.mini-table li:hover{
    background-color: #f4f4f4;
    color: #808080;
    z-index: 1;
}
.mini-table .search-container input{
    border:0px;
}
.panel-preview{
    border:1px solid lightgray;
}
.side-panel{
    background: #fff;
    border: 2px solid #e2e2e2;
    border-right:0px;
    border-top: none;
    width: 350px;
    top: 111px;
    right: -2px;
    bottom: -2px;
    z-index: 100;
}
.side-panel * {
    box-sizing: border-box;
}
.side-panel .panel-nav{
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 50px;
    line-height: 45px;
    background: #f4f4f4;
}
.side-panel .panel-content{
    width:100%;
    border-top: 1px solid #f4f4f4;
}
.list-unstyled{
    list-style:none;
}

p{
    margin-bottom: 20px;
    margin-left: 5px;
}
body {
    font-family: 'Open Sans','Helvetica Neue Light',Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #6b6b6b;
    -webkit-font-smoothing: antialiased;
}
.side-panel .item-container {
    border-bottom: 1px solid #fafafa;
    padding: 20px;
    background-color: #fff;
}
.side-panel .title{
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 40px;
}
.btn-full {
    width: 100%;
}
.side-panel .btn-row .btn:last-child {
    margin-right: 0;
}
.side-panel .btn-row .btn:first-child {
    margin-left: 0;
}
.side-panel .btn-row .btn {
    width: 49%;
    margin: 0 1%;
    font-size: .85em;
    line-height: 20px;
    height: 30px;
}
.side-panel .btn-row{
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 10px auto;
}

.panel-content{
    height: 400px;
    overflow: scroll;
}
.form-group{
    display: inline-table;
    position: relative;
}
.form-group label{
    margin-bottom: 5px;
    display:block;
    line-height: 22px;
    margin-top: 20px;
    box-sizing: border-box;
}
.side-panel .form-group .form-control{
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    background-clip: padding-box;
    background-color: rgb(255, 255, 255);
    background-image: none;
    border-bottom-color: rgb(170, 170, 170);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0px;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: rgb(170, 170, 170);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgb(170, 170, 170);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgb(170, 170, 170);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: none;
    box-sizing: border-box;
    color: rgb(170, 170, 170);
    cursor: auto;
    display: block;
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 11.25px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    height: 32px;
    letter-spacing: normal;
    line-height: 16.875px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 0.5;
    outline-color: rgb(160, 240, 31);
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    text-align: left;
    text-indent: 0px;
    text-rendering: auto;
    text-shadow: none;
    text-transform: none;
    transition-delay: 0s;
    transition-duration: 0.15s;
    transition-property: border-color;
    transition-timing-function: ease-in-out;
    vertical-align: middle;
    width: 310px;
    word-spacing: 0px;
    writing-mode: lr-tb;
}

.brand.selection-title{
    font-size:25.6px;
}
.brand.panel-tab-head{
    font-size:13px;
}
.red{
    color:red;
}

input.brand[type=text]{
    padding: 5px 10px;
    font-size: .75em;
    font-weight: 600;
    line-height: 1.5;
    color: #6b6b6b;
    display: block;
    box-sizing: border-box;
    display: block;
    height: 2rem;
    width:100%;
}
.form-container{
    width: 340px;
    border: 1px solid lightgray;
    height: inherit;
    box-sizing: content-box;
    height:350px;
    overflow: scroll;
    padding: 20px 30px;
}
.brand.form-header{
    margin-top:0px;
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    margin-bottom: 0px;
}
.brand.drop-down{
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
    box-sizing: border-box;
    color: rgb(85, 85, 85);
    display: inline-block;
    font-size: 11.25px;
    font-weight: 600;
    height: 30px;
    margin: 0px;
    margin-bottom: 10px;
    width: 100%;
}
.page-navigation .navigation-list::before, .page-navigation .navigation-list::after {
    content: "";
    display: table;
    line-height: 0;
}
.page-navigation .navigation-list::after {
    clear: both;
}
.page-navigation .navigation-list {
    list-style: outside none none;
    margin: 0;
}
.page-navigation .item-text {
    color: #fff;
    cursor: initial;
    line-height: 51px;
    white-space: nowrap;
}



.page-navigation .navigation-item {
    float: left;
    position: relative;
}
.page-navigation .sub-navigation-list {
    background-color: #173647;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    padding: 0;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    left: 0;
    list-style: outside none none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1020;
}
.dropdown-menu {
    background-clip: padding-box;
    border: medium none;
    border-radius: 0;
    list-style: outside none none;
    margin: 0;
}
.navigation-item.hover > .sub-navigation-list {
    display: inline;
}

.page-navigation .sub-navigation-item {
    position: relative;
}
li {
    line-height: 20px;
}

.page-navigation .dropdown-menu .sub-navigation-item-link {
    line-height: 40px;
}
.page-navigation .dropdown-menu .sub-navigation-item-link {
    line-height: 40px;
}
.page-navigation .navigation-item-link, .page-navigation .sub-navigation-item-link {
    cursor: pointer;
    display: block;
    line-height: 58px;
    padding: 0 10px;
    text-decoration: none;
}
.dropdown-menu > li > a {
    clear: both;
    color: #FFFFFF;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 3px 20px;
    white-space: nowrap;
}
.sub-navigation-item-link {
    font-weight: bold !important;
}
.page-navigation .navigation-item-link:hover,
.page-navigation .sub-navigation-item-link:hover {
    text-decoration: none
}

.page-navigation .navigation-item-link.active:hover,
.page-navigation .sub-navigation-item-link.active:hover {
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125)
}
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-submenu:hover>a,
.dropdown-submenu:focus>a {
    text-decoration: none;
    background-color: #4B5662;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff049cdb', endColorstr='#ff048ac2', GradientType=0)
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #0495d1;
    background-image: -moz-linear-gradient(top, #049cdb, #048ac2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#049cdb), to(#048ac2));
    background-image: -webkit-linear-gradient(top, #049cdb, #048ac2);
    background-image: -o-linear-gradient(top, #049cdb, #048ac2);
    background-image: linear-gradient(to bottom, #049cdb, #048ac2);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff049cdb', endColorstr='#ff048ac2', GradientType=0)
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    color: #9f9f9f
}

.dropdown-menu>.disabled>a:hover,
.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: default
}

.brand img {
    height: 40px;
    margin: 10px 15px 10px 20px;
}
img {
    border: 0 none;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
.pull-right {
    float: right !important;
}
.pull-right > .dropdown-menu {
    left: auto;
    right: 0;
}
.scroll-container {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

iframe {
    border-width: 0;
    height: 100%;
    width: 100%;
}


.ui-layout-north{
    z-index: 3 !important;
}
.ui-layout-resizer{
    background-attachment: scroll;
    background-clip: border-box;
    background-color: lightgray;
    background-image: none;
    background-origin: padding-box;
    background-size: auto auto;
}
.ui-layout-resizer > .ui-layout-toggler{
    height: 0 !important;
    width: 0 !important;
}
.ui-layout-resizer.ui-layout-resizer-closed > .ui-layout-toggler{
    height: 100% !important;
    top: 0 !important;
    width: 100% !important;
}
.ui-layout-resizer-west-open-hover,
.ui-layout-resizer-east-open-hover {
    width: 4px !important;
    margin-left: -2px !important;
    z-index: 3 !important;
}
.ui-layout-resizer-west-open-hover > .grayline{
    height: 100%;
    width: 1px;
    margin-left: 20px;
    background-color: lightgray;
    visibility: visible !important;
}
.ui-layout-resizer:not(.ui-layout-resizer-closed):hover,
.ui-layout-resizer.ui-layout-resizer-dragging{
    width: 6px !important;
    margin-right: -3px !important;
}



/*Spinner*/
.ext-el-mask-msg{
    border: 0;
    padding: 0;
}
.spinner{

}
.ext-el-mask-msg.x-mask-loading > div,
.k-loading-mask .k-loading-image,
.k-waiting-image{
    background-image: none;
    border: 0;
    padding: 0;
    font-size: 1px;
    color: #00A0B4;
  
    margin: auto auto;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    position:absolute;
    background-color: #00A0B4;
    border-radius: 3px;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}

.k-loading-mask, .ext-el-mask-msg.x-mask-loading{
  background-image: none;
}
.ext-el-mask-msg.x-mask-loading{
    margin-left:50%;
    position: absolute;
    z-index: 99;
}
.qacc-table .k-loading-mask .k-loading-image{
  margin-left: calc(50% - 30px);
  margin-top: 30px;
}
.qacc-table .k-grid-content table[role="grid"] colgroup col:last-child{
   display: none;   
}

/* Animation */
@-webkit-keyframes rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}
@keyframes rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  }
  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}







/*ExtJS overwrite*/
body{
    background: #fff;
}
.x-panel-header{
    background: #ebf2fa;
    padding: 0;
}
.x-panel{
    /* border: 1px solid lightgray; */
    border-collapse: inherit;
    border-right: 0px solid lightgray;
    border-bottom: 0px solid lightgray;
}
.x-panel-body{
    border: 0px solid lightgray;
}
.x-border-layout-ct{
    background: #F4F4F4;
}
.x-panel-noborder{
    border: 0px;
}
.x-panel-ml, .x-panel-bl, .x-panel-mr, .x-panel-mc, .x-panel-bc, .x-panel-br{
    background: #F4F4F4;
}
.x-panel-tl{
    background: lightgray;
    border-bottom: 1px solid lightgray;
}
.x-panel-header, .x-panel, .releaseinfo-label{
    font-family: 'Open Sans', Arial, sans-serif;
    color: #6B6B6B;
}
.x-form-item{
    font-family: 'Open Sans', Arial, sans-serif;
}
.x-toolbar{
    background: #FFF;
}
.x-toolbar .ytb-sep{
    background-image: none;
}
ul.x-tab-strip-top{
    background: #F4F4F4;
    border-bottom: 0;
}
ul.x-tab-strip li{
    margin-left: 0;
}
.x-tab-strip-top .x-tab-right{
    background: transparent;
    padding-left: 5px;
}
.x-tab-strip-top .x-tab-left{
    background: transparent;
    padding-right: 5px;
}
.x-tab-strip-top .x-tab-strip-inner{
    background: transparent;
}
.x-tab-strip span.x-tab-strip-text{
    font-family: 'Open Sans', Arial, sans-serif;
    color: #6B6B6B;
    font-weight: 600;
    text-transform: uppercase;
}
.x-tab-strip-over{
    
}
.x-tab-strip-active{
    border-bottom: 0px solid #009bde;
    
}
.x-tab-strip-active span.x-tab-strip-text, .x-tab-strip-over span.x-tab-strip-text{
    color: #00A0B4;
    font-weight: 600;
}
.x-tab-panel-header{
    padding-bottom: 0;
    border: 0;
}
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar{
    border-bottom: 0px solid #FFF !important;
    border-top: 0px solid #FFF;
}
.x-tab-panel-body{
    border: 0;
}
.x-btn{
    background-color: #00A0B4;
    margin: 0 2px;
    
}
.x-btn-over{
    background-color: #008A9C;
}
.x-btn button, .x-date-mp-btns button{
    color: #FFFFFF;
    align-items: flex-start;
    border: medium none;
    box-shadow: none;
    box-sizing: content-box;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans",Arial,sans-serif;
    font-weight: 600;
    height: 20px;
    line-height: 20px;
    outline-color: rgb(160, 240, 31);
    padding: 0 20px;
    text-align: center;
    text-indent: 0;
    text-rendering: auto;
    text-shadow: none;
    text-transform: none;
    vertical-align: middle;
    text-transform: uppercase;
}
.x-date-mp-btns{
    background-color: #F4F4F4;
    background-image: none;
}
.x-date-mp-btns button{
    background-color: #00A0B4;
}
.x-date-mp-btns button:hover{
    background-color: #008A9C;
}
.x-btn-text-icon, .x-btn-icon{
    background-color: transparent;
}
.x-btn-text-icon button, .x-btn-icon button{
    background-color: transparent;
    height: 20px;
    line-height: 20px;
    color: #6b6b6b;
}
.x-btn-text-icon .x-btn-center .x-btn-text{
    padding: 0 10px;
}
.folderAdd, .folderEdit, .tb-showcount, .folderDelete, .tb-group{
    background: transparent !important;
}
.x-btn-center, .x-btn-left, .x-btn-right{
    background: transparent !important;
}
.x-btn-over button{
    color: #FFFFFF;
}
.x-btn-text-icon.x-btn-over button, .x-btn-icon.x-btn-over button, .x-btn-text-icon.x-btn-pressed button, .x-btn-icon.x-btn-pressed button{
    color: #00A0B4;
}
.x-form-field-wrap{
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: 0 10px 0 0;
}
.x-form-field-wrap input{
    background-color: transparent;
    border: 0;
}
.x-form-field-wrap .x-form-trigger{
    background: transparent url("../images/X-style/trigger.png");
    border: 0;
    top: 4px;
    right: 0;
}
.x-form-text, textarea.x-form-field{
    background: #FFFFFF none;
    color: #555555;
    border: 1px solid #CCCCCC;
    height: 30px;
    margin: 0;
    padding: 5px;
}
.x-small-editor .x-form-trigger{
    top: 0;
}
.x-combo-list{
    border-color: lightgray;
}
.x-combo-list-item{
    font-family: "Open Sans",Arial,sans-serif;
}
.x-combo-list .x-combo-selected{
    background-color: #049cdb;
    border: 1px solid #049cdb !important;
    color: #FFF;
}
.x-shadow{
    visibility: hidden;
}
.x-form-check:before:{
    content: "\f00c";
}

.x-grid3-row-body a {
    color: #555555 !important;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none !important;
    text-transform: uppercase;
}
.x-grid3-row-body a:hover{
    color: #00A0B4 !important;
}

.releaseinfo-label{
    text-transform: uppercase;
    margin: 0 10px;
}
.x-layout-collapsed{
    background-color: #F4F4F4;
    border: 1px solid #CCCCCC;
}
#btn-treeFolders-reload.x-btn-icon .x-btn-center .x-btn-text{
    height: 20px;
}
.x-tbar-loading, .x-tool-expand-south, .x-tool-collapse-south{
    background-image: none !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-size: 15px !important;
    font-weight:500;
}
.x-tbar-loading:before{
    content:"\f021";
    font-weight: 500;
}
.x-tool-expand-south:before{
    content: "\f0aa";
}
.x-tool-collapse-south:before{
    content: "\f0ab";
}
.x-tool-expand-south-over, .x-tool-collapse-south-over{
    color: #00A0B4;
}
.x-menu {
    border: 1px solid #CCCCCC;
    background-image: none;
    background-color: #F4F4F4;
}
label{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}
/*
#frmProjectCombo{
    border: 0 solid #F4F4F4;
    border-bottom: 1px solid lightgray;
    background-color: #ebf2fa;
    background: transparent url("../images/X-style/trigger.png") no-repeat scroll;
    cursor: pointer;
    height: 42px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0;
    padding: 10px;
    text-transform: uppercase;
    border: 0 none;
    color: #555555;
}
#frmProjectCombo:hover{
    background-color: #049cdb;
    border: 0 solid #049cdb;
    border-bottom: 1px solid #049cdb;
}
#frmProjectCombo select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
    padding: 0 15px;
    background-color: transparent;
    text-transform: uppercase;
    border: 0 none;
    border-radius: 0;
}
#frmProjectCombo select:-ms-expand { /* for IE 11 */
    display: none;
}
#frmProjectCombo:hover select{
    color: #FFF;
}
#frmProjectCombo option{
    background-color: #fff;
    color: #555555;
    font-weight: 500;
    padding: 10px 15px;
    text-transform: none;
    font-size: 12px;
    cursor: pointer;
}
#frmProjectCombo option:hover{
    color: #FFF;
    background-color: #049cdb;
}*/
#ProjectCombo{
    border: 0;
    background-color: transparent;
    font-weight: 500;
    text-transform: uppercase;
}
.x-panel-body{
    background-color: #fff;
}
#releaseinfo{
    background-color: #F4F4F4;
    padding: 15px 0;
}
#releaseinfo .x-panel-body{
    background-color: #F4F4F4;
}
.x-tree-node .x-tree-node-over{
    background-color: #0495d1;
}
.x-tree-node a span{
    color: #555555;
}
.x-tree-node .x-tree-node-over a span{
    color: #FFF !important;
}
.x-tip{
    border-radius: 3px;
    border: 1px solid #CCCCCC;
    background-color: #F4F4F4;
}
.x-tip .x-tip-tr, .x-tip .x-tip-tl, .x-tip .x-tip-tc, .x-tip .x-tip-ml, .x-tip .x-tip-mr, .x-tip .x-tip-mc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-bc{
    background-image: none;
    background: transparent;
}
#navTabs .accordionLeftIcon{
    font-family: 'Font Awesome 5 Pro';
    font-size: 15px;
    left: 3px;
    position: absolute;
    width: 15px;
    margin-left: 15px;
}
#navTabs .accordionLeftIcon:before{
    content: "\f106";
}
#navTabs .x-panel-collapsed .accordionLeftIcon:before{
    content: "\f107";
}
#navTabs  > .x-panel-bwrap > .x-panel-body > .x-panel > .x-panel-header{
    background-color: transparent;
    padding: 7px 0 5px 0;
}
#navTabs  > .x-panel-bwrap > .x-panel-body > .x-panel > .x-panel-header > .x-tool-toggle {
    display: none;
}
#navTabs  .accordionTitle {
    font-size: 17px;
    padding-left: 35px;
    display: inline;
}
.accordionTitleButton{
    font-size: 15px;
    display: inline;
    float: right;
    padding-right: 16px;
    font-weight: 500;
    display: none;
}
.accordionTitleButton:hover{
    color: #00A0B4;
}
#foldersTree .accordionTitleButton[action="addFolder"]{
    font-size: 24px;
    padding-right: 15px;
}
.rootNodeCount{
    display:inline;
    color: #00A0B4;
}
#navTabs  .x-accordion-hd:hover{
    background-color: #ebf2fa !important;
}
#navTabs  .x-accordion-hd:hover .accordionTitleButton{
    display:inline;
}
#navTabs  .x-accordion-hd:hover .rootNodeCount{
    display:none;
}
#releasesTree .ytb-text{
    text-transform: uppercase;
}
.x-tree-root-ct {
    padding-left: 15px;
}
.x-tree-node{
    font-family: 'Open Sans', Arial, sans-serif;
}
.x-tree-lines .x-tree-elbow-plus, .x-tree-lines .x-tree-elbow-end-plus{
    background-image: url("../images/X-style/elbow-plus.png");
}
.x-tree-lines .x-tree-elbow, .x-tree-lines .x-tree-elbow-end , .x-tree-lines .x-tree-elbow-line{
    background-image: url("../images/X-style/elbow.png");
}
.x-tree-lines .x-tree-elbow-minus, .x-tree-lines .x-tree-elbow-end-minus{
    background-image: url("../images/X-style/elbow-minus.png");
}
.x-tree-node-el {
    cursor: pointer;
    font-size: 15px;
    line-height: 27px;
}
.FolderNode, .tb-group, .GroupEntity, .FolderLeaf .x-tree-node-icon{
    background-image: url("../images/X-style/empty.png") !important;
}




.x-grid3-header, .qegrid .x-grid3-header{
    background-color: #F4F4F4;
    background-image: none;
    padding: 0;
}
.x-grid3-hd-inner{
    padding: 9px 3px 9px 12px !important;
    color: #555555 !important;
}
.x-grid3-hd-row td{
    border: 0;
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.x-grid3-hd-row td:hover, td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner{
    background: #e3edf8;
}
.x-grid3-hd-btn{
    background-color: transparent;
    background-image: none;
    font-family: 'Font Awesome 5 Pro';
    font-size: 15px;
    padding: 9px 0;
}
.x-grid3-hd-btn:before{
    content: "\f0d7";
}
.x-grid3-hd-btn:hover{
    color: #049cdb;
    text-decoration: none;
}
.x-grid3-row {
    border-bottom: solid #c4d4f4 1px;
    background-color: #fafcff;
    padding: 12px;
}
.x-grid3-row-first{
    border-top: solid #c4d4f4 1px;
}
.x-grid3-row td, .x-grid3-summary-row td{
    line-height: 20px;
    font-size: 15px;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.x-grid3-row-over{
    background-image: none;
    background-color: #F4F4F4;
}
#quickformframe .x-toolbar{
    background-color: #F4F4F4;
    border-bottom: 1px solid lightgray !important;
}
#quickformframe .x-panel-tbar .x-toolbar{
    background-color: #ebf2fa;
    height: 38px;
}
#quickformframe .x-btn{
    height: 38px;
    line-height: 20px;
    font-size: 15px;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#quickformframe .x-panel-body {
    background: #F4F4F4;
}
#qeframetabs .x-panel-body {
    background: #FFFFFF;
}
.x-grid3-sort-icon{
    height: 6px;
}
.QFOverDue a:link{
    color: #ce1126;
}
.x-menu-item-active{
    background-image: none;
    background-color: #0495d1;
}
.x-menu-item-active a.x-menu-item{
    color: #FFF;
}
.x-panel-noborder .x-panel-bbar-noborder .x-toolbar{
    border: 0;
}

td.rowEven{
    background-color: #FFF;
}
td.rowOdd{
    background-color: #FFF;
}
.qeformtd {
    border: 0;
}
.x-panel-btns-ct{
    background-color: #f4f4f4;
}
.x-tbar-page-number{
    border: 1px solid #cccccc;
}
select{
    background-color: #fff;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    padding: 2px 0;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
input{
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.qeheader .x-panel-body, .qeframemenu{
    background-color: #f4f4f4 !important;
    color: #6b6b6b;
    background-image: none;
}
.qeframemenu {
    text-transform: uppercase;
}
.qeframemenu-over, a.GenericLink:hover{
    color: #049cdb;
}
.icon-refresh:before{
    font-family: 'Font Awesome 5 Pro';
    content:"\f021";
    font-weight: 500;
}
.icon-refresh a:hover{
    color: #00A0B4;
}
.qeframelinks{
    color: #555555;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
}
.qeframelinks div span{
    text-decoration: none;
}
.qeframetabcaption{
    background-image: none;
    background-color: #FFFFFF;
    color: #555555;
    font-size: 15px;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.x-window-tl, .x-window-tr, .x-window-tc, .x-window-ml, .x-window-mr, .x-window-bl, .x-window-br, .x-window-bc{
    background-image: none;
}
.x-window-mc{
    border: 0;
    background-color: #f4f4f4;
}
.x-window{
    background-color: #f4f4f4;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border: 1px solid #cccccc;
}
.x-tool-close, .x-tool-close-over{
    font-family: 'Font Awesome 5 Pro';
    background-image: none;
    color: #555555;
    font-size: 14px;
}
.x-tool-close:before, .x-tool-close-over:before{
    content: "\f00d";
}
.x-window-header-text{
    color: #555555;
    text-transform: uppercase;
}
.x-panel-ghost{
    background-color: #f4f4f4;
}
.x-panel-ghost .x-window-tl{
    border-bottom: 1px solid #CCCCCC;
}
.x-panel-ghost ul{
    border-width: 0 0 0;
}
.qeframetabsubcaption{
    background-color: #f4f4f4;
}
.qeframetabsubcaptionbugtrackericon{
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    background-image: none;
    
}
.qeframetabsubcaptionbugtrackericon:before{
    content: "\f0c1";
}
.QETraceabilityLinks, a.GenericLink {
    color: #555555;
    text-decoration: none;
}
.qeform{
    background-color: #FFFFFF;
}
.qeform td .x-panel-body {
    padding: 5px 0;
}
.x-date-middle .x-btn{
    background: transparent;
}
.x-date-middle, .x-date-left, .x-date-right{
    background-image: none;
    background-color: #f4f4f4;
    color: #555555;
}
.x-date-left a, .x-date-right a{
    background-image: none;
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    margin-top: 5px;
}
.x-date-left a:before{
    content: "\f060";
}
.x-date-right a:before{
    content: "\f061";
}
.x-date-inner a:hover, .x-date-inner .x-date-selected a{
    color:#fff;
    background: #008A9C;
    background-image: none;
}
.x-date-middle .x-btn-with-menu .x-btn-center em {
    background-image: none;
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
    padding-right: 0;
}
.x-date-middle .x-btn-with-menu .x-btn-center em:after{
    content: "\f107";
}
.x-date-middle .x-btn .x-btn-text{
    color: #555555;
}
td.x-date-mp-month a, td.x-date-mp-year a{
    color: #555555;
}
td.x-date-mp-month a:hover, td.x-date-mp-year a:hover{
    color:#fff;
    background: #008A9C;
}
td.x-date-mp-sel a{
    background-image: none;
}
.x-date-inner .x-date-today a{
    border: 1px solid #555555;
}
.x-date-mp-prev, .x-date-mp-next{
    background-image: none !important;
    font-family: 'Font Awesome 5 Pro';
    font-size: 14px;
}
.x-date-mp-prev:before{
    content: "\f191";
}
.x-date-mp-next:before{
    content: "\f152";
}
.qeTitle{
    padding: 2px 15px 3px;
    font-size: 15px;
}
#qeframetabs{
    left: 0 !important;
}
.qeframetabcaption .qeTitleNote{
    font-size: 13px;
}
.qelabel {
    text-transform: uppercase;
}
body.x-body-masked .x-window-plain .x-window-mc{
    background: transparent;
}
.x-window-dlg .ext-mb-error{
    background-image: none;
    color: #ce1126;
    font-family: 'Font Awesome 5 Pro';
    font-size: 30px;
}
.x-window-dlg .ext-mb-error:before{
    content: "\f057";
}
.nodeTree a span{
    color: #555555 !important;
}
#pagingTextBox{
    height: 22px;
}
.x-form-invalid-tip .x-tip-body{
    background-image: none;
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding-left: 5px;
    display: inline;
    width: auto !important;
}
.x-form-invalid-tip .x-tip-mc:before{
    color: #ce1126;
    content: "\f06a ";
    font-size: 15px;
    font-family: 'Font Awesome 5 Pro';
}
.x-form-invalid-tip{
    width: auto !important;
}

.button, .enumeration{
    color: #555555;
    cursor: pointer;
    padding: 8px 10px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    background-color: transparent;
}
button.button{
    border: 1px transparent solid !important;
}
.button i.fa{
    margin-top: 2px;
    margin-right: 5px;
}
.button:hover{
    color: #00A0B4;
}
.button:focus{
    border: 1px lightgray dotted !important;
}
.button.blue, .blue{
    color: #00A0B4;
}
.red{
    color: #CE0D0D;
}
.button2{
    color: #FFF;
    background-color: #00A0B4;
    display: inline-block;
    cursor: pointer;
    margin-left: 5px;
    padding: 7px 20px;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 17px;
    font-weight: 600;
}
.k-widget.k-window .button2{
    padding: 6px 7px;
}
.button2:hover,
.button2:focus{
    background-color: #008A9C;
}
.button2.gray{
    background-color: #CCCCCC;
}
.button2.gray:hover,
.button2.gray:focus{
    background-color: #DDDDDD;
}
*:focus {
    outline: none;
}

.ui-dialog{
    position: fixed;
    border: 0;
    padding: 0;
    font-family: inherit;
    /*QAC-5075*/
    overflow: auto;
}
.ui-dialog .ui-dialog-titlebar-close{
    background-image: none;
    background-color: transparent;
    border: 0;
}
.ui-widget-header{
    background-image: none;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    height:31px;
    border-bottom: 0px solid lightgray;
}
.ui-widget-overlay{
    background: #000000;
}
.confirm-dialog{
    overflow: hidden;
}
/*QAC-10642 QAC-10541 90 by design */
.JSWindow .JSWindowArea .confirm-dialog .buttons-container .button2{
    min-width: 90px;
}
.buttons-container{
    width: 100%;
    padding-top: 20px;
    text-align: right;
}
.x-mask-loading-container{
    background-color: rgba(255,255,255,0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.x-mask-loading-container .ext-el-mask-msg.x-mask-loading{
    position: fixed;
}
.ui-dialog .ui-dialog-title{
    color: #555555;
}
.ui-dialog .ui-dialog-content{
    padding: 20px;
}
.confirm-dialog ul{
    /* padding-left: 10px; */
    margin: 0;
}
.confirm-dialog li{
    /* list-style-type: none; */
    padding-bottom: 10px;
}
/* .confirm-dialog li:before{ */
    /* content: "- "; */
/* } */
.ui-dialog .ui-dialog-content .dialog-text{
    padding: 5px;
    color: #555555;
}
.k-grid-content .k-alt{
    background-color: #F9F9F9;
}

/*temporary*/
#quickformframe .gridHeader .x-btn-text-icon button{
    background-image: none !important;
}
.k-tabstrip-items.k-tabstrip-items.k-tabstrip-items .k-item, .k-panelbar.k-panelbar .k-tabstrip-items .k-item{
    background-color: transparent;
}
.k-tabstrip-items.k-tabstrip-items.k-tabstrip-items .k-state-active{
    background-color: transparent;
    border-bottom-color: #00A0B4;
}
.k-window{
    font-family: 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.k-window-titlebar{
    background-image: none;
    background-color: #FAFAFA;
    border-bottom: 1px solid #e6e6e6;
    height: 49px;
    padding: 12px 20px;
}
.k-window .k-window-titlebar > .k-window-title{
    color: #6B6B6B;
    font-size: 18px;
    font-weight: 400;
}
.k-window .qcx-editorPage{
    margin: 0;
    padding: 5px 0 0 0;
}
.k-window-titlebar .k-window-actions {
    margin: 0;
    padding: 0;
    cursor: pointer;
    color: gray;
    right: 14px;
    top: calc(50% - 1px);
}
.k-window .k-window-titlebar .k-window-titlebar .k-link {
    border-radius: 0;
    border: none;
}
.k-window .k-window-titlebar .k-i-close{
    background-image: url("Material/sprite-with-blue.png");
    background-position: -48px -16px;
}
.k-window .k-window-titlebar .k-window-actions .k-state-hover,
.k-window .k-window-actions .k-icon:hover,
.k-window .k-state-hover .k-window-actions .k-icon{
    background-color: #F9F9F9 !important;
    outline-color: #F9F9F9 !important;
    background-position: -48px -16px !important;
    border-color: #F9F9F9 !important;
}
.bulletin .k-header{
    background-color: white;
    color: grey;
}
/* .k-window-action.k-link:link{
    background-color: white;
    color: grey;
} */
.k-window-content.k-content {
    margin-top: 0;
    padding-top: 0;
}
.k-widget.k-tooltip{
    top:5px;
}
.k-widget.k-tooltip._topView{
    margin-bottom:10px;
}
.k-widget.k-tooltip._bottomView{
    margin-top:10px;
}
.k-widget.k-tooltip .k-tooltip-content{
    max-width: 300px;
}
.k-widget.k-tooltip .k-tooltip-content .ui-tooltip-content{
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: keep-all;
    line-break: normal;
    -webkit-hyphens: auto; 
    -ms-hyphens: auto; 
    hyphens: auto;
    max-height: 400px !important;
    overflow: hidden !important;
    text-align: center;
}
.k-loading,
.k-state-hover .k-loading,
.k-i-loading,
.k-state-hover .k-i-loading {
    background-image: none;
    background-color: #00A0B4;
    border-radius: 3px;
    -webkit-animation: rotateplane 1.2s infinite ease-in-out;
    animation: rotateplane 1.2s infinite ease-in-out;
}
.ui-comment-preview .dialog-text{
    max-height: 400px;
    overflow: auto;    
}
.actionInfo .k-window-actions{
   display: none;
}
.actionInfo .actionInfo-dialog{
   width: 150px;
   height: 50px;
}
.actionInfo .actionInfo-dialog .k-waiting-image{
   margin: 10px auto 0  auto;
   left: 0;
   right: 0;

}
.k-noVisible{
   visibility: hidden;
}
.popUpEditorPlace .k-waiting-image{
    position: relative;
    margin: auto;    
}
.pageContent.popUpEditorPlace .editorPage > .header{
    display: none;
}
.pageContent.popUpEditorPlace .qacc-input.combobox .k-container{
    border: 1px solid lightgray;
}
.pageContent.popUpEditorPlace .editorPage .k-tabstrip-wrapper{
    height: calc(100% - 40px) !important;
}
.pageContent.popUpEditorPlace .qacc-input > label{ 
    font-weight: 600;
}
.pageContent.popUpEditorPlace .qcx-editorPage{
    margin: 0 auto;
}
.k-window-content.JSWindow{
    overflow: hidden;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    font-size: 14px;
}
.k-window-content.JSWindow .JSWindowArea{
    height:100%;
}
.k-window-content.JSWindow .JSWindowArea .editorContainer .qacc-input.combobox .k-container{
    border: 1px solid lightgrey;
}
    .k-window-content.JSWindow .JSWindowArea .confirm-dialog,
    .k-window-content.JSWindow .JSWindowArea .confirm-dialog .dialog-text > div {
        height: 100%;
        overflow: auto;
    }
.k-window-content.JSWindow .JSWindowArea .confirm-dialog .dialog-text .editorContainer {
            height: 324px;
        }
.k-window-content.JSWindow .JSWindowArea .confirm-dialog .dialog-text{
    height: auto;
}
.k-grid-ColumnRender{
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
}
.k-grid-ColumnRender.ExpectedResult, .k-grid-ColumnRender.Step{
   max-height: 200px;
   overflow: auto;
}
.qacc-input.tree.folderselector .x-mask-loading-container .ext-el-mask-msg.x-mask-loading{
   position: relative;
}
.qacc-input.tree.folderselector .k-mid.k-state-selected,
.qacc-input.tree.folderselector .k-bot.k-state-selected,
.qacc-input.tree.folderselector .k-top.k-state-selected{
   background-color: #00A0B4;
}
.qacc-input.tree.folderselector .k-mid.k-state-selected:hover,
.qacc-input.tree.folderselector .k-bot.k-state-selected:hover,
.qacc-input.tree.folderselector .k-top.k-state-selected:hover{
   background-color: #63d0ff;
}
.qacc-input.tree.folderselector .k-mid.k-state-selected .k-in span,
.qacc-input.tree.folderselector .k-bot.k-state-selected .k-in span,
.qacc-input.tree.folderselector .k-top.k-state-selected .k-in span{
   color: white;
}
.qacc-input.tree.folderselector .k-tree-actions{
   background-color: transparent !important;   
}
.fa-cbt {
   margin: 0 0 -2px 0 !important;
   padding: 0 !important;
   border: none;
   display: inline-block !important;
   width: 16px !important;
   height: 16px !important;
   background-repeat: no-repeat;
   background-position-y: 2px;
   background-image: url('../images/logo/cbt_small.png');
   background-size: 14px;
}
.inPopupEditor.createNew .confirm-dialog{
    height: 100%;
}
.inPopupEditor.createNew .k-window-content.JSWindow .confirm-dialog .dialog-text{
    height: calc(100% - 48px);
}
.inPopupEditor.createNew .actionsContainer .qacc-input.DropDownMenu li{
   padding-bottom: 0;    
}
.k-window .JSWindow .buttons-container{
    white-space: nowrap;
}
    .inPopupEditor.createNew .pageContent.popUpEditorPlace .editorPage .k-tabstrip-wrapper .tabsPanel .edit.k-content.k-state-active .editorContainer{
    height: calc(100% - 30px);
}
table tbody.ui-sortable-table-area,
table tbody.ui-sortable-table-area tr{
   display: block; 
}
table tbody.ui-sortable-table-area tr{
   width: 100%;
}
table tr.ui-sortable-helper td{
   height: 100%;
   overflow: hidden;
}
.k-widget.k-window .buttons-container > .button2{
    margin: 0px 5px 0px 0px;    
    padding-left: 18px; 
    padding-right: 18px; 
    min-width: 50px;
}
.k-widget.k-window .buttons-container > .button2:last-child{
    margin-right: 0;
}
.qacc-table .k-grid-header tr th:first-child,
.qacc-table .k-grid-content tr td[role = gridcell]:first-child{
    text-indent: 20px;
}
.noselect{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.qacc-table.qacc-viewActionsSpotOn tr td > .tableactions{
    display: inline-block !important;
    visibility: visible;
    background-color: transparent;
    padding:0;
    clear: both;
    height: 19px;
    border: none;
    line-height: 1px;
    width: 100%;
}
.qacc-table.qacc-viewActionsSpotOn .k-grid td{
    line-height: 14px;
}
.qacc-table.qacc-viewActionsSpotOn tr td > .tableactions > .button:hover{    
    background-color: #00A0B4 !important;
}
.qacc-table.qacc-viewActionsSpotOn tr td > .tableactions > .button:hover >i{    
    color: white !important;
}
.qacc-table.qacc-viewActionsSpotOn tr td > .tableactions > .button{
    margin: 0;
    padding: 2px 3px 5px 4px;
    background-color: transparent !important;
    border-color: transparent !important;
    float: none;
}
.qacc-table.qacc-viewActionsSpotOn tr td > .tableactions > .button i.fa,
.qacc-table.qacc-viewActionsSpotOn tr td > .tableactions > .button i.fal,
.qacc-table.qacc-viewActionsSpotOn tr td > .tableactions > .button i.fas,
.qacc-table.qacc-viewActionsSpotOn tr td > .tableactions > .button i.fab,
.qacc-table.qacc-viewActionsSpotOn tr td > .tableactions > .button i.far{
    font-size: 11px;
    width: 14px;
    height: 16px;
    margin: 0;
    padding:0; 
}
.qacc-viewActionsSpotOn tr td > .tableactions > .button i.fa:before,
.qacc-viewActionsSpotOn tr td > .tableactions > .button i.fal:before,
.qacc-viewActionsSpotOn tr td > .tableactions > .button i.fas:before,
.qacc-viewActionsSpotOn tr td > .tableactions > .button i.fab:before,
.qacc-viewActionsSpotOn tr td > .tableactions > .button i.far:before{
    padding: 0;
    margin: 4px auto auto auto;
    display: block !important;
    text-align: center;
    height: 11px;
}
.k-edge .qacc-viewActionsSpotOn tr td > .tableactions > .button i.fa,
.k-edge .qacc-viewActionsSpotOn tr td > .tableactions > .button i.fal,
.k-edge .qacc-viewActionsSpotOn tr td > .tableactions > .button i.fas,
.k-edge .qacc-viewActionsSpotOn tr td > .tableactions > .button i.fab,
.k-edge .qacc-viewActionsSpotOn tr td > .tableactions > .button i.far{
    line-height: 0px; 
}
.k-edge .qacc-viewActionsSpotOn tr td > .tableactions > .button i.fa:before,
.k-edge .qacc-viewActionsSpotOn tr td > .tableactions > .button i.fal:before,
.k-edge .qacc-viewActionsSpotOn tr td > .tableactions > .button i.fas:before,
.k-edge .qacc-viewActionsSpotOn tr td > .tableactions > .button i.fab:before,
.k-edge .qacc-viewActionsSpotOn tr td > .tableactions > .button i.far:before{
    margin-top: 0px;
    height: 18px; 
    line-height: 18px; 
    margin: auto;
}
/*Excludes*/
.qacc-table.qacc-viewActionsSpotOn tr[filetype=link] .tableactions .downloadControl{
    visibility: hidden !important;
}

.qacc-table.qacc-viewActionsSpotOn tr[iscurrentversion=false] .tableactions .currentVersionControl{
    display: inline-block !important;
    visibility: hidden;
}
.qacc-table.qacc-viewActionsSpotOn tr[allowedit] .tableactions .editControl,
.qacc-table.qacc-viewActionsSpotOn tr[allowdelete] .tableactions .deleteVersionControl,
.qacc-table.qacc-viewActionsSpotOn tr[allowdelete] .tableactions .deleteControl,
.qacc-table.qacc-viewActionsSpotOn tr[allowcontinuerun] .tableactions .continueRunControl,
.qacc-table.qacc-viewActionsSpotOn tr[allowrestartrun] .tableactions .restartRunControl,
.qacc-table.qacc-viewActionsSpotOn tr[allowviewrun] .tableactions .viewRunControl{
    display: inline-block !important;
    visibility: hidden;
}
.qacc-table.qacc-viewActionsSpotOn tr[allowcontinuerun] .tableactions .continueRunControl,
.qacc-table.qacc-viewActionsSpotOn tr[allowviewrun] .tableactions .viewRunControl,
.qacc-table.qacc-viewActionsSpotOn tr[filetype=link] .tableactions .downloadControl,
.qacc-table.qacc-viewActionsSpotOn tr[filetype=file] .tableactions .linkControl{
    display: none !important;
}
.qacc-table.qacc-viewActionsSpotOn tr[allowedit=true] .tableactions .editControl,
.qacc-table.qacc-viewActionsSpotOn tr[allowdelete=true] .tableactions .deleteVersionControl,
.qacc-table.qacc-viewActionsSpotOn tr[allowdelete=true] .tableactions .deleteControl,
.qacc-table.qacc-viewActionsSpotOn tr[allowcontinuerun=true] .tableactions .continueRunControl,
.qacc-table.qacc-viewActionsSpotOn tr[allowrestartrun=true] .tableactions .restartRunControl,
.qacc-table.qacc-viewActionsSpotOn tr[allowviewrun=true] .tableactions .viewRunControl{
    display: inline-block !important;
    visibility: visible;
}
.qacc-table.qacc-viewActionsSpotOn td{
    min-height: 14px; 
}
.qacc-table.qacc-viewActionsSpotOn td .CheckboxView.fa-check{
    height: 12px;
    cursor: pointer;
}
.k-splitter .k-ghost-splitbar{
   background-color: lightgray;
}
.k-splitbar.k-state-focused {
  background-color: #00A0B4;
}
.singleMenu > ul > li.k-state-border-down:first-child .k-icon.k-i-arrow-s{
    background-position-y: 0px;
}
.k-i-arrow-60-left:before {
    content: "\f104";
    font-family: 'Font Awesome 5 Pro';
}
.k-i-arrow-end-left:before{
    content: "\f100";
    font-family: 'Font Awesome 5 Pro';
}
.k-i-arrow-60-right:before {
    content: "\f105";
    font-family: 'Font Awesome 5 Pro';
}
.k-i-arrow-end-right:before{
    content: "\f101";
    font-family: 'Font Awesome 5 Pro';
}
.JSWindow .qacc-table .qacc-table-content {
    width: calc(100% - 2px);
}
.loginPopup .qacc-input.input2{
    border: 1px solid #E9E9E9;
    margin-bottom: 5px;
}
.loginPopup .qacc-input.input2.state-disabled input{
    border: 0;
    width: calc(100% - 10px) !important;
    height: 21px;
}

.simpleFullscreenWindow{
    position:absolute;
    top: 0;
    left:0;
    bottom:0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 10;
}
.simpleFullscreenWindow .container{
    position:absolute;
    top: 10px;
    left:10px;
    bottom:10px;
    right: 10px;
    background-color: #FFF;
}
.simpleFullscreenWindow .inputs-container .container{
    position:normal;
    top: auto;
    left:auto;
    bottom:auto;
    right: auto;
    background-color: auto;
}
.simpleFullscreenWindow .inputs-container .qacc-input{
    line-height: 30px;
}
.simpleFullscreenWindow .qacc-input .inputs-container{
    display: inline-block;
}
.simpleFullscreenWindow .header{
    width: 100%;
    height: 62px;
    background-color: #f4f4f4;
}
.simpleFullscreenWindow  .clickableElementsList .header{
    background-color: #FFF;
}
.simpleFullscreenWindow .ui-layout-west{
    border-right: 1px lightgrey solid
}
.simpleFullscreenWindow .title{
    padding: 18px;
}
.simpleFullscreenWindow .buttonsContainer{
    position: absolute;
    right: 0;
    top: 0;
    padding: 20px;
    font-size: 13px;
}
.simpleFullscreenWindow .buttonsContainer i,
.simpleFullscreenWindow .buttonsContainer div{
    margin-left: 20px !important;
    padding: 4px;
}
.simpleFullscreenWindow .buttonsContainer .button2{
    margin: 0;
    min-width: 10px;
    padding: 2px 20px;
}
.simpleFullscreenWindow .editor-left{
    padding: 0;
}
.simpleFullscreenWindow.filterEditor .formContainer{
    top: 135px;
    border-top: 1px lightgrey solid;
}
.simpleFullscreenWindow .header .title{
    font-size: 18px;
}
.aboutPopup table{
    width: 100%;
}
.aboutPopup table tr{
    height: 35px;
}
.aboutPopup .infoCaption{
    width: 50%;
    font-weight: 600;
}
.aboutPopup .infoCaption:after{
    content: ":";
}
.aboutPopup .infoValue{
    width: 50%;
}