@font-face {
    font-family: Helvetica;
    src: url('../../lib/fonts/Helvetica.otf');
}


body{
    color: #ffffff;
}

/*body#fi_FI, body#fr_FR, body#it_IT, body#sk_SK, body#sv_SE{
    word-spacing: 2px;
}
body#sk_SK, body#hu_HU, body#pl_PL{
    letter-spacing: 0.05em;
}*/

body#fi_FI, body#fr_FR, body#it_IT, body#sk_SK, body#sv_SE, body#hu_HU, body#pl_PL, body#cs_CZ, body#de_DE, body#et_EE, body#es_ES, body#nb_NO{
    font-family: Arial !important;
}

body#fi_FI .ngdialog.ngdialog-theme-default .ngdialog-content, body#fr_FR .ngdialog.ngdialog-theme-default .ngdialog-content, body#it_IT .ngdialog.ngdialog-theme-default .ngdialog-content, body#sk_SK .ngdialog.ngdialog-theme-default .ngdialog-content, body#sv_SE .ngdialog.ngdialog-theme-default .ngdialog-content, body#hu_HU .ngdialog.ngdialog-theme-default .ngdialog-content, body#pl_PL .ngdialog.ngdialog-theme-default .ngdialog-content, body#cs_CZ .ngdialog.ngdialog-theme-default .ngdialog-content, body#de_DE .ngdialog.ngdialog-theme-default .ngdialog-content, body#et_EE .ngdialog.ngdialog-theme-default .ngdialog-content, body#es_ES .ngdialog.ngdialog-theme-default .ngdialog-content, body#nb_NO .ngdialog.ngdialog-theme-default .ngdialog-content{
    font-family: Arial !important;
}

body#vi_VN, body#vi_VN .ngdialog.ngdialog-theme-default .ngdialog-content{
    font-family: Arial !important;
}

/* .form-control[disabled], .form-control[readonly], fieldset[disabled] {
    opacity: 0.6;
    cursor: default;
} */

.device-add-edit .form-control[disabled], #editITSServerForm .form-control[disabled], #editSiteUserForm .form-control[disabled], .pairingBlock .form-control[disabled] {
    opacity: 0.6;
    cursor: default;
}

.form-control[disabled]{
    opacity: 0.6;
}

.dropdown .form-control[disabled]{
    opacity: 1;
}

.popover-content {
    color: #211e1e;
    z-index: 99999;
}

.close_dropdown_menu{
    display: none;
}

.showOnJP {
    display: none;
}

.showNoJP {
    display: inline-block;
}

#ja_JP .showOnJP {
    display: inline-block;
}

#ja_JP .showNoJP {
    display: none;
}

#et_EE.Estonian{
   display: inline-block;
}
.notEstonian{
display: none;
}
.resizeError{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 150px;
    text-align: center;
    font-size: 28px;
    background: rgba(0,0,0,0.9);
    color: #FFFFFF;
    z-index: 9999999;
}
.resizeError>div{
    width: 100%;
    max-width: 600px;
    display: inline-block;
}

/**** Morris CSS****/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

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

.mobile-only-show{
    display: none;
}
.mobile-only-show-table{
    display: none !important;
}

.word-break-all{
    word-break: break-all;
}

.sortable{
    position: relative;
}
.sortable.glyphHide:after{
    display: none !important;
}
.sortable:after{
    font-family: 'Glyphicons Halflings';
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: calc(50% - 15px);
}
table.logTable.small-table .sortable:after{
    right: -1px;
}

.sortable.sortArrowDesc-true:after{ 
    content: "\e113";
}
.sortable.sortArrowDesc-false:after{
    content: "\e114";
}

.bar-legend,.chart-legend,.doughnut-legend,.line-legend,.pie-legend,.polararea-legend,.radar-legend{list-style-type:none;margin-top:5px;text-align:center;-webkit-padding-start:0;-moz-padding-start:0;padding-left:0}.bar-legend li,.chart-legend li,.doughnut-legend li,.line-legend li,.pie-legend li,.polararea-legend li,.radar-legend li{display:inline-block;white-space:nowrap;position:relative;margin-bottom:4px;border-radius:5px;padding:2px 8px 2px 28px;font-size:smaller;cursor:default}.bar-legend-icon,.chart-legend-icon,.doughnut-legend-icon,.line-legend-icon,.pie-legend-icon,.polararea-legend-icon,.radar-legend-icon{display:block;position:absolute;left:0;top:0;width:20px;height:20px;border-radius:5px}
.chart-container{
    margin: 0px -15px;
    width: calc(100% + 30px);
    float: left;
}
.legendColor{
    display: block;
    float: left;
    max-width: 15px;
    min-width: 15px;
    max-height: 15px;
    min-height: 15px;
}
.legendLabel{
    width: 120px;
    height: 20px;
    display: block;
    float: left;
    text-overflow: ellipsis;
    overflow:hidden;
    white-space:nowrap;
}
.ellipsis{
    text-overflow: ellipsis;
    overflow:hidden;
}
.legendValue{
    display: block;
    float: right;
}
.chart{
    width: 40% !important;
    height: auto !important;
    position: relative;
    z-index: 9;
    display: block;
}
.no-ie .chart.chart-doughnut{
    max-width: 360px;
}
.chart.chart-bar{
    width: 80% !important;
}
.systemPerformance-report-1 .chart {
    width: 60% !important;
    margin: 0px auto !important;
    float: none;
    display: block;
    min-width: 368px;
}
.systemPerformance-report-1 #chartjs-tooltip .doughnutArrow {
    width: 240px;
    left: calc(50% - 120px);
}

.systemPerformance-report-1 #chartjs-tooltip{
    left: 30% !important;
    height: 310px;
    margin-left: 5%;
    min-height: 368px;
}

.systemPerformance-report-2 .chart{
    width: 100% !important;
    min-width: 227px;
    margin: 0px 0%;
}
.systemPerformance-report-2 #chartjs-tooltip {
    left: 20% !important;
    height: 258px;
    font-size: 24px !important;
    width: 50% !important;
    margin-left: 5%;
}
.systemPerformance-report-2 #chartjs-tooltip span{
    font-size: 12px !important;
}

.img-sterrad-container{
    height: 100px;
}

.systemPerformance-report-2 .img-sterrad{
    max-height: 100%;
    max-width: 100px;
    display: inline-block;
}

chart-legend{
    display: inline-block;
    vertical-align: baseline;
    margin-bottom: 50px;
    width: 35% !important;
}

.systemPerformance-report-1 chart-legend{
    display: inline-block;
    vertical-align: baseline;
    margin: 0 10%;
    margin-bottom: 30px;
    width: 80% !important;
    color: #FFFFFF;
}
.systemPerformance-report-2 chart-legend{
    display: inline-block;
    vertical-align: baseline;
    margin: 15px 0px 30px 0px;
    width: 100% !important;
    color: #FFFFFF;
}

.systemPerformance-report-1 .doughnut-legend li, .systemPerformance-report-2 .doughnut-legend li{
    padding: 2px 8px !important;
}

.systemPerformance-report-1 .legendLabel{
    text-align: right;
    margin: 0px;
    padding:0px 5px;
    width: 70% !important;
}
.systemPerformance-report-1 .legendValue{
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    padding:0px 5px;
    width: 30% !important;
}
.systemPerformance-report-1 .legendColor{
    width: 8%;
    margin-right: 2% !important;
}


.systemPerformance-report-1 .legendLabel.type3{
    width: 60% !important;
    text-align: left;
}
/*.systemPerformance-report-1 .labelPopover {
    position: absolute;
    display: none;
    bottom: calc(100% + 10px);
    background-color: #ffffff;
    border-radius: 3px;
    border: thin solid #dddddd;
    padding: 10px;
    z-index: 99;
    top: auto;
    color: #000000;
    float: left;
    left: 0px;
    width: 100%;
    line-height: normal;
    height: auto;
    white-space: pre-wrap;
}
.systemPerformance-report-1 .labelPopover:before{
    content: "";
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent; 
    border-top: 15px solid #FFFFFF; 
    border-bottom: 15px solid transparent;
    position: absolute;
    top: 100%;
    left: calc(50% - 15px);
}
.systemPerformance-report-1 .legendLabel.pointer:hover + .labelPopover{
    display: inline-block;
}*/

[cancel-reason-popup]{
    cursor: pointer;
    color: #337ab7;
    font-weight: bold;
}
[cancel-reason-popup]:hover{
    color: #23527c;
}


.systemPerformance-report-2 .legendLabel{
    text-align: right;
    margin: 0px;
    padding:0px 5px;
    width: 70% !important;
}
.systemPerformance-report-2 .legendValue{
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding:0px 5px;
    width: 30% !important;
}


.systemPerformance-report-2 .legendColor{
    width: 8%;
    margin-right: 2% !important;
}
.systemPerformance-report-2 .legendLabel.type3{
    width: 45% !important;
    text-align: left;
}
.systemPerformance-report-2 .legendValue.type3{
    width: 45% !important;
    text-align: right;
}

chart-legend.chart-bar{
    display: inline-block;
    vertical-align: baseline;
    margin-bottom: 50px;
    width: 100% !important;
    margin-top: 50px !important;
}
.doughnut-legend ul{
    padding-left: 50px !important;
}
chart-legend ul li{
    width: 100%;
    text-align:left;
}

chart-legend ul li span{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    border-radius: 3px;
    position: relative;
    top: 3px;
    line-height: 18px;
}
.chart-label{
    width: 30%;
    position: absolute;
    left: 35%;
    top: 35%;
    text-align: center;
}


#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: none;
    color: #FFFFFF;
    font-size: 40px;
    padding: 3px;
    width: 30% !important;
    left: 0px !important;
    margin-left: 5%;
    text-align: center;
    display: table;
    top: 0px !important;
    word-break: break-word;
    text-align: center;
}
.printing #chartjs-tooltip{
	margin-top:100px;
}
#chartjs-tooltip span{
    display: block;
    font-size: 14px !important;
}
#chartjs-tooltip .doughnutArrow{
    width: 200px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    /*transform: rotate(0deg) !important;*/
    left: calc(50% - 100px);
    text-align: right;
}

.systemPerformance-report-2 #chartjs-tooltip .doughnutArrow{
    width: 180px;
    height: 40px;
    position: absolute;
    top: calc(50% - 33px);
    /* transform: rotate(0deg) !important; */
    left: calc(50% - 90px);
    text-align: right;
}

.loadConditioningReport .systemPerformance-report-2 #chartjs-tooltip .doughnutArrow{
    width: 170px;
    height: 40px;
    position: absolute;
    top: calc(50% - 30px);
    /* transform: rotate(0deg) !important; */
    left: calc(50% - 90px);
    text-align: right;
}

#chartjs-tooltip .doughnutArrow:before{
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    content: "\e072";
    font-size: 22px;
    vertical-align: top;
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    padding-bottom: 5px;
}

#chartjs-tooltip .tooltipInfoCenter {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 0.7em;
}

.graph_nav_container{
    position: absolute;
    z-index: 999;
    display: none;
}
.graph_nav_container_parent:hover .graph_nav_container{
    display: block;
}




/*# sourceMappingURL=angular-chart.min.css.map */
/**** Morris CSS****/



*{
    outline: none;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus{   
    border:1px solid #CCCCCC;
    box-shadow: none !important;
    outline: 0 none !important;
}

div.invisible-textarea{
    font-size: 14px;
    width: 50%;
    background: transparent;
    border: 0px;
    resize: none;
    margin-right: 3%;
}

/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.disabled{
    opacity: 0.7;
}

::-webkit-input-placeholder {
    font-family: Helvetica, sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
    font-family: Helvetica, sans-serif;
}

::-moz-placeholder {  /* Firefox 19+ */
    font-family: Helvetica, sans-serif;
}

:-ms-input-placeholder {  
    font-family: Helvetica, sans-serif; 
}

select.form-control {   
    border:1px solid #000000;
    box-shadow: none !important;
    outline: 0 none !important;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image: url('../../images/selectCaret.png');
    background-size: auto 200%;
    background-position: top right;
    background-repeat: no-repeat;
	padding-right: 35px;
}
select.form-control:focus {
    background-position: bottom right;
}

input[type="text"]{
    box-shadow: none;
}

input[type="text"].textbox-white{
    border:1px solid #4b4b4b !important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    border-top: 0px;
    vertical-align: middle;
}
 .table-column-same-width tr td{
    width: 50%;
 }

 table.table{
    min-width: 100%;
 }

table.table.tableScrollable-set {
    width: 100%;
    display:block;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
}

#reportData table.table.tableScrollable-set {
    max-height: 550px;
}

#reportData table.paginatedTable.table.tableScrollable-set {
    max-height: 100%;
}

/* For last column  coming down in device history report*/
#scrollResultSummaryLogTable table.table.tableScrollable-set {
    overflow-y:auto;
}

table.table.tableScrollable-set.paginated {
    max-height: initial;
}

.pagination>li>a, .pagination>li>span{
    cursor: pointer;
}
.pagination>li>a.activePage, .pagination>li>span.activePage{
    background: #4e9492;
    color: #FFF;
}
.pagination a.not-allowed{ 
    cursor: default !important;
}

table.table.tableScrollable-set.bireaderTable {
    overflow-y: overlay;
}

table.table.alertTable.tableScrollable-set{
    /*max-height: 320px;*/
}

table.table.siteStagingTable.tableScrollable-set{
    /*max-height: 289px;*/
}

table.table.tableScrollable-head {
    margin-bottom: 0px;
}

table.table.tableScrollable-set>thead {
    display: inline-block;
    width: 100%;
}
table.table.tableScrollable-set>tbody {
    display: inline-block;
    width: 100%;
}
/*table.table.tableScrollable-set>tbody>tr>td span{
    display: inline-block;
    max-width: 500px;
    padding: 15px;
    padding-left: 30px;

    -ms-word-break: break-all;
    word-break: break-all;

    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}*/

table.table.tableScrollable-set>tbody>tr>td span:last-child{
    display: inline-block;
    max-width: 500px;
    padding: 15px;
    padding-left: 0px;
}
table.table.tableScrollable-set>tbody>tr>td span:first-child{
    display: inline-block;
    max-width: 500px;
    padding: 15px;
    padding-left: 30px;
}

table.table.tableScrollable-set>tbody>tr.fullRow{
    height: auto;
    overflow: auto;
    display: table !important;
    width: 100% !important;
}

table.table.logTable.tableScrollable.horizontal, table.table.logTable.tableScrollable-head.horizontal{
    max-width: none !important;
}


.horizontal-table-scroll{
    background-color: #cccccc;
}
.horizontal-table-scroll table.table.tableScrollable-head {
    margin-bottom: 0px;
    border-top: 0px;
}

.horizontal-table-scroll table.table.tableScrollable-set thead {
    display: inline-block;
    width: auto;
}
.horizontal-table-scroll table.table.tableScrollable-set {
    max-width: initial !important;
}
.horizontal-table-scroll table.table.tableScrollable-set tbody {
    display: inline-block;
    width: auto;
    max-width: initial !important;
}
.horizontal-table-scroll table.table.tableScrollable-set>tbody>tr>td span{
    display: inline-block;
    max-width: 500px;
    padding: 15px;
}
.horizontal-table-scroll table.table.tableScrollable-set>tbody>tr>td span span{
    padding: 0px !important;
}
.horizontal-table-scroll table.table>thead{
    background-color: #CCCCCC;
}
.horizontal-table-scroll table.table>thead>tr>th, .horizontal-table-scroll table.table.tableScrollable-set>tbody>tr>td{
    width: 250px;
    display: inline-block;
    height: 47px;
    float: left;
}
.horizontal-table-scroll table.table.nonShaded>thead>tr>th, .horizontal-table-scroll table.table.nonShaded.tableScrollable-set>tbody>tr>td{
    width: 250px;
    display: inline-block;
    height: auto;
}
.horizontal-table-scroll table.table.tableScrollable-set>tbody>tr>td span:nth-child(2){
    display: inline-block;
    max-width: 500px;
    padding: 15px;
    padding-left: 0px;
}
.horizontal-table-scroll table.table.tableScrollable-set>tbody>tr>td:first-child span{
    display: inline-block;
    max-width: 500px;
    padding: 15px;
    /*padding-left: 30px;*/
}

.horizontal-table-scroll {
    position: relative;
}

.horizontal-table-scroll .click-scroller{
    top: 60%;
    position: fixed;
    font-size: 26px;
    color: #f1f1f1 !important;
    padding: 5px;
    cursor: pointer;
    margin-top: 30px;
    opacity: 0.8;
    transform: scale(1,1.5);
}
.horizontal-table-scroll .click-scroller.prev{
    transform: scale(1,1.5) rotate(180deg);
    left: 5px;
}
.horizontal-table-scroll .click-scroller.next{
    transform: scale(1,1.5);
    right: 5px;
}
.touch .touch-hide{
    display: none;
}


/***** MR *****/

/* Cycle log table styles */

.cycleNotification .table-controls{
    display: none;
}

.table.logTable{
    border-top: 1px solid #333333;
    color: #211e1e;
    table-layout: fixed;
    word-wrap: break-word;
}
.table.logTable>thead{
    border: none;
    font-size: 12px;        
    font-weight:bold;
}

#resultSummaryLog .table.logTable>thead{
    background-color: #cccccc;
}

.table.logTable>tbody{
    background-color: #ffffff;
    border-bottom: 1px solid #333333;
    font-size: 12px;        
}
.table>tbody+tbody{
    border-top: 0px;
}
.table.logTable.non-expandable>tbody>tr{
    border-bottom: 1px solid #333333;
}

/*** A neat way to remove invisible spaces between inline-block elements ***/
.table.logTable>tbody>tr, .table.logTable>thead>tr{
    font-size: 0px;
}
.table.logTable>tbody>tr>td, .table.logTable>thead>tr>th{
    font-size: 12px;
}
/*** A neat way to remove invisible spaces between inline-block elements ***/

.table.logTable.horizontal>tbody>tr{
    border-bottom: 1px solid #333333;
    float: left;
}
.table.logTable>thead>tr>th, .table.logTable>tbody>tr>td{
    padding: 0px;
}

.no-ie .table.borderless>tbody>tr>td{
    -ms-word-break: break-all;
    word-break: break-all;

    /* Non standard for WebKit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    min-width: 180px;
}
.ie .table.borderless>tbody>tr>td{
    word-break:break-all !important;
    min-width: 180px;
}

.no-ie .table.logTable>tbody>tr>td span, .no-ie .table.logTable>thead>tr>th>span{
    display: inline-block;
    max-width: 500px;
    padding: 15px;
    min-height: 50px;
    max-height: 50px;
    -ms-word-break: break-all;
    word-break: break-all;
    /* Non standard for WebKit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.no-ie .table.logTable>thead>tr>th>span{ 
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px !important;
}
.ie .table.logTable>thead>tr>th>span{ 
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 28px !important;
}
.no-ie .table.logTable>thead>tr>th ul.tableDropdown:not(.cross):not(.active) span, .no-ie .table.logTable>thead>tr>th ul.columnDropdown:not(.cross):not(.active) span{
    display: inline-block;
    max-width: 500px;
    padding: 15px;
    min-height: 40px;
    padding-right: 50px;
    font-weight: 600;
    
    -ms-word-break:initial;
    word-break:initial;

    /* Non standard for WebKit */
    word-break:initial;

    -webkit-hyphens: initial;
    -moz-hyphens: initial;
    hyphens: initial;

    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.no-ie .table.logTable.horizontal>tbody>tr>td span, .no-ie .table.logTable.horizontal>thead>tr>th>span{
    padding: 15px;
}
.ie .table.logTable>tbody>tr>td span, .ie .table.logTable>thead>tr>th>span{
    display: inline-block;
    max-width: 500px;
    padding: 13px;
    min-height: 40px;
    font-weight: 600;
    word-break:break-all !important;
}
.ie .table.logTable>thead>tr>th ul.tableDropdown:not(.cross):not(.active) span, .ie .table.logTable>thead>tr>th ul.columnDropdown:not(.cross):not(.active) span{
    display: inline-block;
    max-width: 500px;
    padding: 15px;
    min-height: 40px;
    padding-right: 50px;
    font-weight: 600;
    word-break:break-all !important;

    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.table.logTable>tbody>tr>td span.data-loading, .table.logTable>thead>tr>th>span.data-loading{
    min-height: 20px;
}

.table.logTable>tbody>tr>td:first-child span, .table.logTable>thead>tr>th:first-child span{
    padding-left: 30px;
}
.table.logTable>tbody>tr>td:last-child span, .table.logTable>thead>tr>th:last-child span{
    padding-right: 20px !important;
}

.table.logTable:not(.non-expandable)>tbody>tr:last-child, .table.logTable:not(.non-expandable)>tbody>tr:last-child > td{
    border-bottom: none;
    height: 0px;
    overflow: hidden;
    display: block;
}

.table.logTable>tbody.readyToGo>tr:last-child, .table.logTable.non-expandable>tbody>tr:last-child{
    height: auto;
    overflow: auto;
    display: table-row;
}
.table.logTable:not(.non-expandable)>tbody.readyToGo>tr:last-child > td{
    height: auto;
    overflow: auto;
    display: table-cell;
}

.table.logTable>tbody>tr.fullRow.ng-hide{
    height: auto;
    overflow: auto;
    display: none !important;
    width: 100% !important;
}

.table.logTable>thead>tr>th{
    border-bottom: none;
    position: relative;
    min-width: 200px;
    background-color: #CCCCCC;
}
.table.logTable.tableScrollable-head>thead>tr>th{
    min-width: 250px;
}
.table.logTable.horizontal>tbody>tr:last-child{
    display: inline-block;
}
.table.logTable.horizontal>tbody>tr>td{
    min-width: 250px;
}
.table.logTable.horizontal.tableScrollable-head>thead>tr{
    height: 47px;
    display: inline-block;
}
.table.logTable.horizontal.tableScrollable-head>thead>tr>th{
    vertical-align: top;
}


.table.logTable.tableScrollable-head>thead>tr.specialEvotech>th{
    min-width: 250px;
    float: left;
}
.table.logTable.horizontal>tbody>tr.specialEvotech>td{
    min-width: 250px;
    float: left;
}


.table.logTable>thead ul.tableDropdown{
    padding: 0px;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    list-style-type: none;
    cursor: pointer;
    z-index: 9;
    margin-bottom: 0;
}
.table.logTable>thead ul.tableDropdown.disabled{
    cursor: not-allowed;
}
.table.logTable>thead ul.tableDropdown.disabled.cross{
    cursor: pointer;
}
.table.logTable>thead ul.tableDropdown .dropdown-arrow{
    position: absolute;
    right: 0px;
    top: -5px;
}
.table.logTable>thead ul.tableDropdown.disabled .dropdown-arrow{
    opacity: 0.3;
}
.table.logTable>thead ul.tableDropdown.cross .dropdown-arrow{
    opacity: 1;
}

.table.logTable>thead ul.tableDropdown .dropdown-arrow:before{
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    content: "\e072";
    transform:rotate(90deg);
    position: absolute;
    right: 20px;
    top: 20px;
    color: #333333;
    font-size: 12px;
}
.table.logTable>thead ul.tableDropdown.cross .dropdown-arrow:before{
    content: "\e014";
    transform:rotate(0deg);
}
.table.logTable>thead ul.tableDropdown.active .dropdown-arrow:before{
    color: #FFFFFF;
}
.table.logTable>thead ul.tableDropdown.active{
    box-shadow: 0px 0px 15px 0px #666666;
}
.table.logTable>thead ul.tableDropdown li{
    background-color: #FFFFFF;
    display: none;
}
.table.logTable>thead ul.tableDropdown li span{
    padding: 19px;
    display: inline-block;
    max-width: 100%;
}
#resultSummaryLog .table.logTable>thead ul.tableDropdown li span{
    padding: 15px;
    display: inline-block;
    max-width: 100%;
}
.table.logTable>thead ul.tableDropdown.active li, .table.logTable>thead ul.tableDropdown li.selected{
    display: block;
}
.no-touch .table.logTable>thead ul.tableDropdown:not(.cross) li:not(.selected):hover{
    background-color: #afdedc !important;
}
.table.logTable>thead ul.tableDropdown li.default{
    background-color: transparent !important;
    color: #333333 !important;
}
.table.logTable>thead ul.tableDropdown.active li.default{
    background-color: #4e9492 !important;
    color: #FFFFFF !important;
}
.table.logTable>thead ul.tableDropdown li.selected{
    background-color: #4e9492;
    color: #FFFFFF;
}
.table.logTable>thead ul.tableDropdown.active li.selected{
    background-color: #FFFFFF;
    color: #333333;
}
.table.logTable tbody.active > tr:first-child{
    background-color: #4e9492;
    color: #FFFFFF;
}


/*column dropdown css start*/

.table.logTable>thead ul.columnDropdown{
    padding: 0px;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    list-style-type: none;
    cursor: pointer;
    z-index: 9;
}
.table.logTable>thead ul.columnDropdown.disabled{
    cursor: not-allowed;
}
.table.logTable>thead ul.columnDropdown.disabled.cross{
    cursor: pointer;
}
.table.logTable>thead ul.columnDropdown .dropdown-arrow{
    position: absolute;
    right: 0px;
    top: -5px;
}
.table.logTable>thead ul.columnDropdown .dropdown-arrow:before{
    font-family: 'Glyphicons Halflings';
    display: inline-block;
    content: "\e072";
    transform:rotate(90deg);
    position: absolute;
    right: 20px;
    top: 20px;
    color: #333333;
    font-size: 12px;
}
.table.logTable>thead ul.columnDropdown.cross .dropdown-arrow:before{
    content: "\e014";
    transform:rotate(0deg);
}
.table.logTable>thead ul.columnDropdown.active .dropdown-arrow:before{
    color: #FFFFFF;
}
.table.logTable>thead ul.columnDropdown.disabled .dropdown-arrow{
    opacity: 0.3;
}
.table.logTable>thead ul.columnDropdown.cross .dropdown-arrow{
    opacity: 1;
}



.table.logTable>thead ul.columnDropdown.active{
    box-shadow: 0px 0px 15px 0px #666666;
}
.table.logTable>thead ul.columnDropdown li{
    background-color: #FFFFFF;
    display: none;
}
.table.logTable>thead ul.columnDropdown li span{
    display: inline-block;
    padding: 18px;
    max-width: 100%;
    vertical-align: top;
    padding-right: 30px;
}
.table.logTable>thead ul.columnDropdown li.selected span{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.table.logTable>thead ul.columnDropdown.active li, .table.logTable>thead ul.columnDropdown li.selected{
    display: block;
}
.no-touch .table.logTable>thead ul.columnDropdown:not(.cross) li:not(.selected):hover{
    background-color: #afdedc !important;
}
.table.logTable>thead ul.columnDropdown li.default{
    background-color: transparent !important;
    color: #333333 !important;
}
.table.logTable>thead ul.columnDropdown.active li.default{
    background-color: #4e9492 !important;
    color: #FFFFFF !important;
}
.table.logTable>thead ul.columnDropdown li.selected{
    background-color: #4e9492;
    color: #FFFFFF;
}
.table.logTable>thead ul.columnDropdown.active li.selected{
    background-color: #FFFFFF;
    color: #333333;
}
.table.logTable tbody.active > tr:first-child{
    background-color: #4e9492;
    color: #FFFFFF;
}


.table.logTable>tbody>tr>td div[custom-popover] span{
    padding-left: 0px !important;
}

/*end*/

.logTable tbody.active td span{
    color: #FFFFFF !important;
}
.logTable .innerTable thead th span{
    color: #211e1e !important;
}


.logTable .innerLogTable{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
.logTable .innerLogTable thead th span{
    color: #211e1e !important;
}

.logTable .innerTable tbody td span, .logTable .innerTable thead th span, .logTable .innerLogTable tbody td span, .logTable .innerLogTable thead th span{
    color: #211e1e !important;
    padding: 8px !important;
    min-height: 0px !important;
}
/*.logTable tbody.active td span.Pass, .logTable tbody.active td span.Fail{
    -webkit-filter: brightness(2000%);
    -moz-filter: brightness(2000%);
    filter: brightness(2000%);
}*/

.logTable tbody.active td span.extended-view-circle-sign{
    color: #211e1e !important;
}

/*.logTable tbody.active td span.extended-view-circle-sign.failedPositive, .logTable tbody.active td span.extended-view-circle-sign.failedNegative {
    color: #a94442 !important;
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
}

.logTable tbody.active td span.extended-view-circle-sign.passedNegative, .logTable tbody.active td span.extended-view-circle-sign.passedPositive {
    color: #40a348 !important;
    -webkit-filter: brightness(100%);
    -moz-filter: brightness(100%);
    filter: brightness(100%);
}*/

.extraInfo{
    transition: all .3s ease-in-out;
    overflow: hidden;
}

.logTable tbody:not(.active) .extraInfo.ready{
    height: 0px !important;
}


.logTable tbody.active .extraInfo{
    height: 260px !important;
}

.logTable.bireaderTable tbody.active .extraInfo{
    height: 300px !important;
}

table.table .longHeaderCol .headerTextWithIcon{
    width: 75%;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
    display: inline-block;
    padding: 0px !important;
}

/* Cycle log table styles */

/* Date time picker */
.datetimepicker{
    color: #333333;
}
/* Date time picker */

.circle{
    border-radius: 999px;
}

.mercury-icon{
    background-color: #333333;
    border-radius: 3px;
    margin:5px;
}

.overflow-auto{
    overflow: auto;
}

.circleStatus:before{
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    /*border-radius: 999px;*/
    /*border:2px solid transparent;*/
    vertical-align: middle;
}

.circleStatus.circle-success:before{
    /* border-color: #40a348;
    background-color: #40a348; */
    background-image: url(../../images/landing/Cycle-Negative-Status.png);
}
.circleStatus.circle-danger:before{
    /* border-color: #a94442;
    background-color: #a94442; */
    background-image: url(../../images/landing/Cycle-Positive-Status.png);
}
.circleStatus.circle-aborted:before{
    /* border-color: #a94442;
    background-color: #a94442; */
    background-image: url(../../images/landing/Cycle-Aborted.png);
}
.circleStatus.circle-inProgress:before{
    border-color: #337ab7;
    background-color: transparent;
}

.text-center{
    text-align: center;
}

.text-inProgress{
    color: #337ab7;   
}

.text-white{
    color: #ffffff !important;
}
.text-dark{
    color: #333333 !important;
}
.text-success{
    color: #40a348;
}
.text-mute{
    color: #aaaaaa;
}

.text-primary{
    color: #67c7c4;
}

.bg-white{
    background-color: #ffffff !important;
}
.bg-success{
    background-color: #40a348;
}

.bg-primary{
    background-color: #4e9492;
}

.bg-danger, .alert-danger{
    background-color: #a94442;
}

.huge-text{
    font-size: 40px !important;
    line-height: normal;
}
.large-text{
    font-size: 30px !important;
}
.extra-big-text{
    font-size: 24px !important;
}
.big-text{
    font-size: 20px !important;
}
.medium-text{
    font-size: 16px !important;
}
.normal-text{
    font-size: 14px !important;
}
.normal-text:before{
    font-size: 14px !important;
}
.small-text{
    font-size: 12px !important;
}
.bold, .text-bold{
    font-weight: bold !important;
}
.text-semi-bold{
    font-weight: 600;
}
.text-extra-bold{
    font-weight: 800 !important;
}

tr.text-extra-bold{
    background-color: #BBBBBB;
    font-weight: 800 !important;
}

.text-bold.fa:before{
    font-weight: 600;
}

.float-none{
    float: none !important;
}


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

.rotate-180-deg{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}

.form-group{
    width: 100%;
    float: left;
}

label{
    font-weight: normal;
    font-size: 14px;
    line-height: 34px;
}

label sup{
    top: 0px;
    font-size: 14px;
}

.form-group label, form label{
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    text-align: right !important;
}
.form-group label:after, form label:after{
    position: absolute;
    top: 0px;
    right: 0px;
}
.checkbox label, .radio label{
    text-align: left !important;
}

.form-group label.text-left-force{
    text-align: left !important;
}

input[type=checkbox]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../images/checkboxBg.png);
    background-repeat: no-repeat;
    background-size: auto 200%;
    background-position: bottom;
    width: 20px;
    height: 20px;
    outline: none !important;
    box-shadow: none;
    border:0px;
    cursor: pointer;
    background-color: #FFF;
    display: inline-block;
}
input[type=checkbox]:checked{
    background-position: top;
}

.pointer{
    cursor: pointer;
}
.not-allowed{
    cursor: not-allowed !important;
}

.right-0{ right: 0px;}
.right-5{ right: 5px;}
.right-10{ right: 10px;}
.right-15{ right: 15px;}
.right-20{ right: 20px;}
.right-25{ right: 25px;}
.right-30{ right: 30px;}

.top-0{ top: 0px;}
.top-5{ top: 5px;}
.top-10{ top: 10px;}
.top-15{ top: 15px;}
.top-20{ top: 20px;}
.top-25{ top: 25px;}
.top-30{ top: 30px;}

.left-0{ left: 0px;}
.left-5{ left: 5px;}
.left-10{ left: 10px;}
.left-15{ left: 15px;}
.left-20{ left: 20px;}
.left-25{ left: 25px;}
.left-30{ left: 30px;}

.bottom-0{ bottom: 0px;}
.bottom-5{ bottom: 5px;}
.bottom-10{ bottom: 10px;}
.bottom-15{ bottom: 15px;}
.bottom-20{ bottom: 20px;}
.bottom-25{ bottom: 25px;}
.bottom-30{ bottom: 30px;}
.fullSpan{
    width: 100%;
}

select option{
    padding: 10px 15px;
}

.padding-l-0{ padding-left: 0px !important;}
.padding-t-0{ padding-top: 0px !important;}
.padding-b-0{ padding-bottom: 0px !important;}
.padding-r-0{ padding-right: 0px !important;}
.padding-tb-0{ padding-top: 0px !important; padding-bottom: 0px !important;}
.padding-lr-0{ padding-left: 0px !important; padding-right: 0px !important;}
.padding-all-0{ padding: 0px !important;}

.padding-l-5{ padding-left: 5px !important;}
.padding-t-5{ padding-top: 5px !important;}
.padding-b-5{ padding-bottom: 5px !important;}
.padding-r-5{ padding-right: 5px !important;}
.padding-tb-5{ padding-top: 5px !important; padding-bottom: 5px !important;}
.padding-lr-5{ padding-left: 5px !important; padding-right: 5px !important;}
.padding-all-5{ padding: 5px !important;}
.padding-all-6{ padding: 6px !important;}

.padding-l-10{ padding-left: 10px !important;}
.padding-t-10{ padding-top: 10px !important;}
.padding-b-10{ padding-bottom: 10px !important;}
.padding-r-10{ padding-right: 10px !important;}
.padding-tb-10{ padding-top: 10px !important; padding-bottom: 10px !important;}
.padding-lr-10{ padding-left: 10px !important; padding-right: 10px !important;}
.padding-all-10{ padding: 10px !important;}

.padding-l-15{ padding-left: 15px !important;}
.padding-t-15{ padding-top: 15px !important;}
.padding-b-15{ padding-bottom: 15px !important;}
.padding-r-15{ padding-right: 15px !important;}
.padding-tb-15{ padding-top: 15px !important; padding-bottom: 15px !important;}
.padding-lr-15{ padding-left: 15px !important; padding-right: 15px !important;}
.padding-all-15{ padding: 15px !important;}

.padding-l-20{ padding-left: 20px !important;}
.padding-t-20{ padding-top: 20px !important;}
.padding-b-20{ padding-bottom: 20px !important;}
.padding-r-20{ padding-right: 20px !important;}
.padding-tb-20{ padding-top: 20px !important; padding-bottom: 20px !important;}
.padding-lr-20{ padding-left: 20px !important; padding-right: 20px !important;}
.padding-all-20{ padding: 20px !important;}
.padding-nt-20 { padding-left: 20px !important; padding-top: 0 !important; padding-bottom: 20px !important; padding-right: 20px !important;}

.padding-l-25{ padding-left: 25px !important;}
.padding-t-25{ padding-top: 25px !important;}
.padding-b-25{ padding-bottom: 25px !important;}
.padding-r-25{ padding-right: 25px !important;}
.padding-tb-25{ padding-top: 25px !important; padding-bottom: 25px !important;}
.padding-lr-25{ padding-left: 25px !important; padding-right: 25px !important;}
.padding-all-25{ padding: 25px !important;}

.padding-l-30{ padding-left: 30px !important;}
.padding-t-30{ padding-top: 30px !important;}
.padding-b-30{ padding-bottom: 30px !important;}
.padding-r-30{ padding-right: 30px !important;}
.padding-tb-30{ padding-top: 30px !important; padding-bottom: 30px !important;}
.padding-lr-30{ padding-left: 30px !important; padding-right: 30px !important;}
.padding-all-30{ padding: 30px !important;}

.padding-b-50{ padding-bottom: 50px !important;}

.margin-l-0{ margin-left: 0px !important;}
.margin-t-0{ margin-top: 0px !important;}
.margin-b-0{ margin-bottom: 0px !important;}
.margin-r-0{ margin-right: 0px !important;}
.margin-tb-0{ margin-top: 0px !important; margin-bottom: 0px !important;}
.margin-lr-0{ margin-left: 0px !important; margin-right: 0px !important;}
.margin-all-0{ margin: 0px !important;}

.margin-l-3{ margin-left: 3px !important;}
.margin-t-3{ margin-top: 3px !important;}
.margin-b-3{ margin-bottom: 3px !important;}
.margin-r-3{ margin-right: 3px !important;}
.margin-tb-3{ margin-top: 3px !important; margin-bottom: 3px !important;}
.margin-lr-3{ margin-left: 3px !important; margin-right: 3px !important;}
.margin-all-3{ margin: 3px !important;}

.margin-l-5{ margin-left: 5px !important;}
.margin-t-5{ margin-top: 5px !important;}
.margin-b-5{ margin-bottom: 5px !important;}
.margin-r-5{ margin-right: 5px !important;}
.margin-tb-5{ margin-top: 5px !important; margin-bottom: 5px !important;}
.margin-lr-5{ margin-left: 5px !important; margin-right: 5px !important;}
.margin-all-5{ margin: 5px !important;}

.margin-l-10{ margin-left: 10px !important;}
.margin-t-10{ margin-top: 10px !important;}
.margin-b-10{ margin-bottom: 10px !important;}
.margin-r-10{ margin-right: 10px !important;}
.margin-tb-10{ margin-top: 10px; margin-bottom: 10px !important;}
.margin-lr-10{ margin-left: 10px; margin-right: 10px !important;}
.margin-all-10{ margin: 10px !important;}

.margin-l-15{ margin-left: 15px !important;}
.margin-t-15{ margin-top: 15px !important;}
.margin-b-15{ margin-bottom: 15px !important;}
.margin-r-15{ margin-right: 15px !important;}
.margin-tb-15{ margin-top: 15px; margin-bottom: 15px !important;}
.margin-lr-15{ margin-left: 15px; margin-right: 15px !important;}
.margin-all-15{ margin: 15px !important;}

.margin-l-20{ margin-left: 20px !important;}
.margin-t-20{ margin-top: 20px !important;}
.margin-b-20{ margin-bottom: 20px !important;}
.margin-r-20{ margin-right: 20px !important;}
.margin-tb-20{ margin-top: 20px; margin-bottom: 20px !important;}
.margin-lr-20{ margin-left: 20px; margin-right: 20px !important;}
.margin-all-20{ margin: 20px !important;}

.margin-l-25{ margin-left: 25px !important;}
.margin-t-25{ margin-top: 25px !important;}
.margin-b-25{ margin-bottom: 25px !important;}
.margin-r-25{ margin-right: 25px !important;}
.margin-tb-25{ margin-top: 25px; margin-bottom: 25px !important;}
.margin-lr-25{ margin-left: 25px; margin-right: 25px !important;}
.margin-all-25{ margin: 25px !important;}

.margin-l-30{ margin-left: 30px !important;}
.margin-t-30{ margin-top: 30px !important;}
.margin-b-30{ margin-bottom: 30px !important;}
.margin-r-30{ margin-right: 30px !important;}
.margin-tb-30{ margin-top: 30px; margin-bottom: 30px !important;}
.margin-lr-30{ margin-left: 30px; margin-right: 30px !important;}
.margin-all-30{ margin: 30px !important;}

.vertical-align-middle{ vertical-align: middle;}
.vertical-align-top{ vertical-align: top !important;}
.vertical-align-bottom{ vertical-align: bottom;}

.table{ display: table;}
.table-row{ display: table-row;}
.table-cell{ display: table-cell;}

/***** MR *****/

.page-loader-inside {
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    display: block;
    z-index: 999999999999;
    padding: 20%;
    box-sizing: border-box;
}

.loader-inside {
    text-align: center;   
}

body {
    background: #000;
    font-family: Helvetica, sans-serif;
    margin: 0;
}

iframe{
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
    padding: 0;
}

.container-fluid {
    background: #000;
    /*max-width: 1024px;*/
    max-width: 1324px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.cf {
    clear: both
}

.fade {
   -webkit-transition: opacity 0.1s linear;
      -moz-transition: opacity 0.1s linear;
       -ms-transition: opacity 0.1s linear;
        -o-transition: opacity 0.1s linear;
           transition: opacity 0.1s linear;
 }

.bg-selected{
    background-color: #4e9492 !important;
}

.btn{
    padding: 6px 35px;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.btn-primary {
    background: #4e9492 !important;
    color: #ffffff !important;
    border: 0px;
}
.no-touch .btn-primary:hover, .btn-primary:active, .btn-primary:focus, .no-touch .btn-primary:active:hover {
    background: #4e9492;
    color: #FFF !important;
    border: 0px;
}
.btn-mute {
    background: #4a4a4a;
    color: #ffffff;
    border: 0px;
}
.no-touch .btn-mute:hover, .btn-mute:active, .btn-mute:focus, .no-touch .btn-mute:active:hover {
    /*background: #4a4a4a;*/
    color: #FFF;
    border: 0px;
}

.graphNav{
    cursor: pointer;
}
.disabled .graphNav{
    display: none;
}

.btn-primary:disabled {
    background: #282828;
}

.input-group-btn .search-btn{
    top: 0px !important;
}

.btn-group{
    width: 100%;
}
.btn-group .btn{
    max-width: 50%;
    width: 50%;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.multiselect-parent.btn-group .btn{
    max-width: 100%;
    width: 100%;
    font-size: 15px;
    border-radius: 0px;
    padding: 5px 10px;
}
.device-add-edit .multiselect-parent.btn-group .btn, .device-add-edit .multiselect-parent a label {
    font-size: 12px;
}

.form-control:focus {
    border-color: #67C8C6;
}

.close-button {
    background: url('../../images/close.png') no-repeat;
    width: 13px;
    height: 13px;
    margin: 5px 0 0 0;
    cursor: pointer;
}

.in-btn-fullSpan .multiselect-parent, .in-btn-fullSpan .multiselect-parent button, .in-btn-fullSpan .multiselect-parent .dropdown-menu{
    width: 100%;
    max-height: 300px;
}

.facilitySelectDropdown .in-btn-fullSpan .multiselect-parent .dropdown-menu{
    width: 700px !important;
}

.in-btn-fullSpan .multiselect-parent label{
    line-height: 30px !important;
    font-size: 15px;
}
.in-btn-fullSpan .multiselect-parent .checkbox{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.in-btn-fullSpan .multiselect-parent .dropdown-menu .divider{
    display: none;
}

.in-btn-fullSpan .multiselect-parent .checkbox input[type=checkbox]{
    margin-left: -30px;
}

.device-cyclelog{
    background-color: #333333;
    color: #f1f1f1;
    padding:30px;
    border-radius: 10px;
}

.stateContainer{
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background-color: #4a4a4a;
    padding: 30px;
    min-height: 672px;
}

.setHeight{
    min-height: 500px;
}
.setHeight-2{
    min-height: 450px;
}
.setHeight .setHeight{
    padding: 0px 30px;
}
.setHeight-2 .setHeight-2{
    padding: 0px 30px;
}

.graph-container{
    position: relative;
}

.graph-container .axis-identifier{
    position: absolute;
    left: -75px;
    top: 50%;
    width: auto !important;
    transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    rotate-transform:center;
    -webkit-transform-origin:center;
    -moz-transform-origin:center;
}

ul.btn-list > li{
    padding: 10px;
    color: #ffffff;
    border-radius: 5px;
    list-style: none;
    cursor: pointer;
    font-size: 12px;
    float: left;
    min-width: 250px;
    margin: 5px 0px;
}

#dashboard ul.btn-list > li{
    padding: 10px;
    color: #ffffff;
    border-radius: 5px;
    list-style: none;
    cursor: pointer;
    font-size: 12px;
    float: left;
    min-width: 250px;
    margin: 5px 0px;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #333333;
}

ul.btn-list > li:before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background-color: #706f73;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.no-touch ul.btn-list > li.active, ul.btn-list > li:hover{
    background-color: #333333;
}


ul.btn-list > li.active:before{
    background-color: #509493;

}
.facts-system-border{
border-right:thin solid #999999;
}

/**
 * @license angular-bootstrap-datetimepicker  version: 0.4.0
 * Copyright 2016 Knight Rider Consulting, Inc. http://www.knightrider.com
 * License: MIT
 */
.datetimepicker {
  border-radius: 4px;
  direction: ltr;
  display: block;
  margin-top: 1px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 320px;
}
.datetimepicker > div {
  display: none;
}
.datetimepicker .hour,
.datetimepicker .minute {
  height: 34px;
  line-height: 34px;
  margin: 0;
  width: 25%;
}
.datetimepicker .table {
  margin: 0;
}
.datetimepicker .table td,
.datetimepicker .table th {
  border: 0;
  border-radius: 4px;
  height: 20px;
  text-align: center;
}
.no-touch .datetimepicker .minute:hover,
.no-touch .datetimepicker .hour:hover,
.no-touch .datetimepicker .day:hover,
.no-touch .datetimepicker .switch:hover,
.no-touch .datetimepicker .left:hover,
.no-touch .datetimepicker .right:hover {
  background: #67C8C6;
  cursor: pointer;
  color: #ffffff;
}
.datetimepicker .disabled,
.no-touch .datetimepicker .disabled:hover {
  background: none;
  color: #ebebeb;
  cursor: default;
}
.datetimepicker .active,
.no-touch .datetimepicker .active:hover,
.datetimepicker .active.disabled,
.no-touch .datetimepicker .active.disabled:hover {
  background-color: #0044cc;
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#04c', GradientType=0);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.no-touch .datetimepicker .active:hover,
.no-touch .datetimepicker .active:hover:hover,
.no-touch .datetimepicker .active.disabled:hover,
.no-touch .datetimepicker .active.disabled:hover:hover,
.datetimepicker .active:active,
.no-touch .datetimepicker .active:hover:active,
.datetimepicker .active.disabled:active,
.no-touch .datetimepicker .active.disabled:hover:active,
.datetimepicker .active.active,
.no-touch .datetimepicker .active:hover.active,
.datetimepicker .active.disabled.active,
.no-touch .datetimepicker .active.disabled:hover.active,
.datetimepicker .active.disabled,
.no-touch .datetimepicker .active:hover.disabled,
.datetimepicker .active.disabled.disabled,
.no-touch .datetimepicker .active.disabled:hover.disabled,
.datetimepicker td.active[disabled],
.no-touch .datetimepicker td.active:hover[disabled],
.datetimepicker td.active.disabled[disabled],
.no-touch .datetimepicker td.active.disabled:hover[disabled],
.datetimepicker span.active[disabled],
.no-touch .datetimepicker span.active:hover[disabled],
.datetimepicker span.active.disabled[disabled],
.no-touch .datetimepicker span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datetimepicker span {
  border-radius: 4px;
  cursor: pointer;
  display: block;
  float: left;
  height: 54px;
  line-height: 54px;
  margin: 1%;
  width: 23%;
}
.no-touch .datetimepicker span:hover {
  background: #afdedc;
}
.datetimepicker .past,
.datetimepicker .future {
  color: #999999;
}

.dropdown-toggle input[type=text]{
    border: 0px;
    cursor: pointer;
}
.dropdown-toggle input[type=text] + .input-group-addon{
    background-color: #ffffff;
    border:none;
    padding: 5px;
    font-size: 20px;
}
.dropdown{
    cursor: pointer;
}
.dropdown.open .dropdown-toggle input[type=text] + .input-group-addon{
    background-color: #67C8C6;
}
.dropdown.open .dropdown-toggle input[type=text] + .input-group-addon i{
    color: #ffffff !important;
}

.no-touch .datetimepicker .active:hover, .no-touch .datetimepicker .active:hover:hover, .no-touch .datetimepicker .active.disabled:hover, .no-touch .datetimepicker .active.disabled:hover:hover, .datetimepicker .active:active, .no-touch .datetimepicker .active:hover:active, .datetimepicker .active.disabled:active, .no-touch .datetimepicker .active.disabled:hover:active, .datetimepicker .active.active, .no-touch .datetimepicker .active:hover.active, .datetimepicker .active.disabled.active, .no-touch .datetimepicker .active.disabled:hover.active, .datetimepicker .active.disabled, .no-touch .datetimepicker .active:hover.disabled, .datetimepicker .active.disabled.disabled, .no-touch .datetimepicker .active.disabled:hover.disabled, .datetimepicker td.active[disabled], .no-touch .datetimepicker td.active:hover[disabled], .datetimepicker td.active.disabled[disabled], .no-touch .datetimepicker td.active.disabled:hover[disabled], .datetimepicker span.active[disabled], .no-touch .datetimepicker span.active:hover[disabled], .datetimepicker span.active.disabled[disabled], .no-touch .datetimepicker span.active.disabled:hover[disabled]{
    background-color: #67C8C6;
    background-image: none;
    border:0px;
}

.datetimepicker .dropdown-menu{
    padding: 5px;
    right: 15px;
    border-radius: 0px;
    border-top: 0px;
    box-shadow: 0px 0px 15px 0px #666666;
    left: initial;
    margin-top: 0px;
}
/*# sourceMappingURL=datetimepicker.css.map */

.dropdown-backdrop {
    display:none;
}

/* ngDialod */
.ngdialog,.ngdialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0; background: rgba(0,0,0, 0.8);}@-webkit-keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@keyframes ngdialog-fadeout{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}@keyframes ngdialog-fadein{0%{opacity:0}100%{opacity:1}}.ngdialog{box-sizing:border-box;overflow:hidden;z-index:10000} .touch .ngdialog{box-sizing:border-box;overflow:hidden;z-index:10000}.ngdialog *,.ngdialog :after,.ngdialog :before{box-sizing:inherit}.ngdialog.ngdialog-disabled-animation,.ngdialog.ngdialog-disabled-animation .ngdialog-content,.ngdialog.ngdialog-disabled-animation .ngdialog-overlay{-webkit-animation:none!important;animation:none!important}.ngdialog-overlay{ display:none; background:rgba(0,0,0,.9);-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s}.ngdialog-no-overlay{pointer-events:none}.ngdialog.ngdialog-closing .ngdialog-overlay{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-content{background:#fff;-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadein .5s;animation:ngdialog-fadein .5s;pointer-events:all}.ngdialog.ngdialog-closing .ngdialog-content{-webkit-backface-visibility:hidden;-webkit-animation:ngdialog-fadeout .5s;animation:ngdialog-fadeout .5s}.ngdialog-close:before{font-family:Helvetica,Arial,sans-serif;content:'\00D7';cursor:pointer}body.ngdialog-open,html.ngdialog-open{overflow:hidden; position:fixed; width: 100%; height: 100%;}.modal-body{-webkit-overflow-scrolling:touch;}
.modal-body .modal-body{
    height: initial !important;
}

.ie .modal-body .modal-body{
    height: auto !important;
}
@-webkit-keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ngdialog-flyin{0%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes ngdialog-flyout{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-40px);transform:translateY(-40px)}}.ngdialog.ngdialog-theme-default{padding-bottom:25px;padding-top:25px}.ngdialog.ngdialog-theme-default.dsmgmt{padding-bottom:15px;padding-top:10px !important}.ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content{-webkit-animation:ngdialog-flyout .5s;animation:ngdialog-flyout .5s}.ngdialog.ngdialog-theme-default .ngdialog-content{-webkit-animation:ngdialog-flyin .5s;animation:ngdialog-flyin .5s;background:#000000;border-radius:0px;color:#444;font-family:Helvetica,sans-serif;margin:0 auto;max-width:100%;padding:1em;position:relative;width:450px;color:#ffffff; overflow: hidden;}.ngdialog.ngdialog-theme-default .ngdialog-close{border-radius:5px;cursor:pointer;position:absolute;right:8px;top:8px}.ngdialog.ngdialog-theme-default .ngdialog-close:before{background:0 0;border-radius:3px;color:#bbb;content:'\00D7';font-size:26px;font-weight:400;height:30px;line-height:26px;position:absolute;right:3px;text-align:center;top:3px;width:30px}.ngdialog.ngdialog-theme-default .ngdialog-close:active:before,.no-touch .ngdialog.ngdialog-theme-default .ngdialog-close:hover:before{color:#777}.ngdialog.ngdialog-theme-default .ngdialog-message{margin-bottom:.5em}.ngdialog.ngdialog-theme-default .ngdialog-input{margin-bottom:1em}.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email],.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url],.ngdialog.ngdialog-theme-default .ngdialog-input textarea{background:#fff;border:0;border-radius:3px;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0 0 .25em;min-height:2.5em;padding:.25em .67em;width:100%}.ngdialog.ngdialog-theme-default .ngdialog-input input[type=text]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=password]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=email]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input input[type=url]:focus,.ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus{box-shadow:inset 0 0 0 2px #8dbdf1;outline:0}.ngdialog.ngdialog-theme-default .ngdialog-buttons:after{content:'';display:table;clear:both}.ngdialog.ngdialog-theme-default .ngdialog-button{border:0;border-radius:3px;cursor:pointer;float:right;font-family:inherit;font-size:.8em;letter-spacing:.1em;line-height:1em;margin:0 0 0 .5em;padding:.75em 2em;text-transform:uppercase}.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:ngdialog-pulse 1.1s infinite;animation:ngdialog-pulse 1.1s infinite;outline:0}@media (max-width:568px){.ngdialog.ngdialog-theme-default .ngdialog-button:focus{-webkit-animation:none;animation:none}}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary{background:#3288e6;color:#fff}.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary{background:#e0e0e0;color:#777}

    .ngdialog-content{
        border:thin solid #4a4a4a;
    }

    .ngdialog-theme-default .popupHeader{
        margin-top:-15px;
        margin-left:-15px;
        margin-right:-16px;
        background-color:#4a4a4a;
        color:#cccccc;
        padding: 15px;
    }
    .ngdialog-theme-default .modal-footer li a, .ngdialog-theme-default .modal-footer li a:hover{
        padding: 15px;
        background-color: transparent;
        color: #FFFFFF;
        height: 100% !important;
    }
    .ngdialog-theme-default .modal-footer li.active a, .ngdialog-theme-default .modal-footer li.active a:hover{
        background-color: transparent;
    }
    .ngdialog-theme-default .modal-footer li{
        background-color: #67c7c4;
    }
    .ngdialog-theme-default .modal-footer li.active{
        background-color: #509493;
    }
    .ngdialog-theme-default .modal-footer{
        padding: 0px;
        text-align: right;
        border-top:0;
        bottom: 0px;
        left: 0px;
        margin: 0px -15px -15px -15px;
        z-index: 999;
    }


    .ngdialog.ngdialog-theme-default.width-550 .ngdialog-content {
        width: 550px;
    }
    .ngdialog.ngdialog-theme-default.width-600 .ngdialog-content {
        width: 600px;
    }
    .ngdialog.ngdialog-theme-default.width-650 .ngdialog-content {
        width: 650px;
    }
    .ngdialog.ngdialog-theme-default.width-700 .ngdialog-content {
        width: 700px;
    }
    .ngdialog.ngdialog-theme-default.width-750 .ngdialog-content {
        width: 750px;
    }
    .ngdialog.ngdialog-theme-default.width-800 .ngdialog-content {
        width: 800px;
    }
    .ngdialog.ngdialog-theme-default.width-850 .ngdialog-content {
        width: 850px;
    }
    .ngdialog.ngdialog-theme-default.width-900 .ngdialog-content {
        width: 900px;
    }
    .ngdialog.ngdialog-theme-default.width-950 .ngdialog-content {
        width: 950px;
    }
    .ngdialog.ngdialog-theme-default.width-1000 .ngdialog-content {
        width: 1000px;
    }
    .ngdialog.ngdialog-theme-default.width-1050 .ngdialog-content {
        width: 1050px;
    }
    .ngdialog.ngdialog-theme-default.width-1100 .ngdialog-content {
        width: 1100px;
    }





    .ngdialog.ngdialog-theme-default.height-550 .ngdialog-content {
        height: 550px;
        overflow: auto;
    }
    .ngdialog.ngdialog-theme-default.height-600 .ngdialog-content {
        height: 600px;
        overflow: auto;
    }
    .ngdialog.ngdialog-theme-default.height-650 .ngdialog-content {
        height: 650px;
        overflow: auto;
    }
    .ngdialog.ngdialog-theme-default.height-700 .ngdialog-content {
        height: 700px;
        overflow: auto;
    }

/* ngDialod */

/*!
 * ngToast v2.0.0 (http://tameraydin.github.io/ngToast)
 * Copyright 2016 Tamer Aydin (http://tamerayd.in)
 * Licensed under MIT (http://tameraydin.mit-license.org/)
 */

.ng-toast{position:fixed;z-index:1080;width:100%;height:0;margin-top:20px;text-align:center}.ng-toast.ng-toast--top,.ng-toast.ng-toast--top .ng-toast__list{top:0;bottom:auto}.ng-toast.ng-toast--top.ng-toast--center .ng-toast__list{position:static}.ng-toast.ng-toast--bottom,.ng-toast.ng-toast--bottom .ng-toast__list{top:auto;bottom:0}.ng-toast.ng-toast--bottom.ng-toast--center .ng-toast__list{pointer-events:none}.ng-toast.ng-toast--bottom.ng-toast--center .ng-toast__message .alert{pointer-events:auto}.ng-toast.ng-toast--right .ng-toast__list{left:auto;right:0;margin-right:20px}.ng-toast.ng-toast--right .ng-toast__message{text-align:right}.ng-toast.ng-toast--left .ng-toast__list{right:auto;left:0;margin-left:20px}.ng-toast.ng-toast--left .ng-toast__message{text-align:left}.ng-toast .ng-toast__list{display:inline-block;position:absolute;right:0;left:0;margin:0 auto;padding:0;list-style:none}.ng-toast .ng-toast__message{display:block;width:100%;text-align:center}.ng-toast .ng-toast__message .alert{display:inline-block}.ng-toast .ng-toast__message__count{display:inline-block;margin:0 15px 0 5px}

/*!
 * ngToast v2.0.0 (http://tameraydin.github.io/ngToast)
 * Copyright 2016 Tamer Aydin (http://tamerayd.in)
 * Licensed under MIT (http://tameraydin.mit-license.org/)
 */

.ng-toast--animate-fade .ng-enter,
.ng-toast--animate-fade .ng-leave,
.ng-toast--animate-fade .ng-move {
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease; }

.ng-toast--animate-fade .ng-enter {
  opacity: 0; }

.ng-toast--animate-fade .ng-enter.ng-enter-active {
  opacity: 1; }

.ng-toast--animate-fade .ng-leave {
  opacity: 1; }

.ng-toast--animate-fade .ng-leave.ng-leave-active {
  opacity: 0; }

.ng-toast--animate-fade .ng-move {
  opacity: 0.5; }

.ng-toast--animate-fade .ng-move.ng-move-active {
  opacity: 1; }

.ng-toast--animate-slide .ng-enter,
.ng-toast--animate-slide .ng-leave,
.ng-toast--animate-slide .ng-move {
  position: relative;
  transition-duration: 0.3s;
  transition-timing-function: ease; }

.ng-toast--animate-slide.ng-toast--center.ng-toast--top .ng-toast__message {
  position: relative;
  transition-property: top, margin-top, opacity; }
  .ng-toast--animate-slide.ng-toast--center.ng-toast--top .ng-toast__message.ng-enter {
    opacity: 0;
    top: -100px; }
  .ng-toast--animate-slide.ng-toast--center.ng-toast--top .ng-toast__message.ng-enter.ng-enter-active {
    opacity: 1;
    top: 0; }
  .ng-toast--animate-slide.ng-toast--center.ng-toast--top .ng-toast__message.ng-leave {
    opacity: 1;
    top: 0; }
  .ng-toast--animate-slide.ng-toast--center.ng-toast--top .ng-toast__message.ng-leave.ng-leave-active {
    opacity: 0;
    margin-top: -72px; }

.ng-toast--animate-slide.ng-toast--center.ng-toast--bottom .ng-toast__message {
  position: relative;
  transition-property: bottom, margin-bottom, opacity; }
  .ng-toast--animate-slide.ng-toast--center.ng-toast--bottom .ng-toast__message.ng-enter {
    opacity: 0;
    bottom: -100px; }
  .ng-toast--animate-slide.ng-toast--center.ng-toast--bottom .ng-toast__message.ng-enter.ng-enter-active {
    opacity: 1;
    bottom: 0; }
  .ng-toast--animate-slide.ng-toast--center.ng-toast--bottom .ng-toast__message.ng-leave {
    opacity: 1;
    bottom: 0; }
  .ng-toast--animate-slide.ng-toast--center.ng-toast--bottom .ng-toast__message.ng-leave.ng-leave-active {
    opacity: 0;
    margin-bottom: -72px; }

.ng-toast--animate-slide.ng-toast--right {
  transition-property: right, margin-right, opacity; }
  .ng-toast--animate-slide.ng-toast--right .ng-enter {
    opacity: 0;
    right: -200%;
    margin-right: 20px; }
  .ng-toast--animate-slide.ng-toast--right .ng-enter.ng-enter-active {
    opacity: 1;
    right: 0;
    margin-right: 0; }
  .ng-toast--animate-slide.ng-toast--right .ng-leave {
    opacity: 1;
    right: 0;
    margin-right: 0; }
  .ng-toast--animate-slide.ng-toast--right .ng-leave.ng-leave-active {
    opacity: 0;
    right: -200%;
    margin-right: 20px; }

.ng-toast--animate-slide.ng-toast--left {
  transition-property: left, margin-left, opacity; }
  .ng-toast--animate-slide.ng-toast--left .ng-enter {
    opacity: 0;
    left: -200%;
    margin-left: 20px; }
  .ng-toast--animate-slide.ng-toast--left .ng-enter.ng-enter-active {
    opacity: 1;
    left: 0;
    margin-left: 0; }
  .ng-toast--animate-slide.ng-toast--left .ng-leave {
    opacity: 1;
    left: 0;
    margin-left: 0; }
  .ng-toast--animate-slide.ng-toast--left .ng-leave.ng-leave-active {
    opacity: 0;
    left: -200%;
    margin-left: 20px; }




/* mani */
span.Pass{
    background-image: url('../../images/pass_icon.png');
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}
span.Fail{
    background-image: url('../../images/fail_icon.png');
    width: 24px;
    height: 24px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
}
.validate{
font-size:small;

}

.center-align{
margin-left:23%;
}
.input-group{
padding-right:none;
}
.btn.search-btn{
  padding: 6px 15px !important;
  background: white;
  text-align: center;
  width: 40px !important;
  display: inline-block;
  overflow: visible;
  min-height: 34px;
}

.search-btn1{
 display: inline-block;
  width: 150px;
  border-left: 0px;
  }
.no-touch button:not(.btn-default):hover{
color:#fff;
}
.glyphicon-rotate{
-webkit-transform: rotate(95deg);
-ms-transform: rotate(95deg);
transform: rotate(95deg);
}
.input-group[class*=col-]{
padding-left: 0;

}
.btn.search-btn{
border-radius: 0px !important;
}
.opacity01{ opacity:0.1;}
.opacity02{ opacity:0.2;}
.opacity03{ opacity:0.3;}
.opacity04{ opacity:0.4;}
.opacity05{ opacity:0.5;}
.opacity06{ opacity:0.6;}
.opacity07{ opacity:0.7;}
.opacity08{ opacity:0.8;}
.opacity09{ opacity:0.9;}
.opacity10{ opacity:1;}

.glyphicon-search:before{
color:#000000;
}
.text-white.glyphicon-search:before{
color:#FFFFFF;
}

.glyphicon.remoteIcon{
    background-image: url(../../images/remote_icon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 12px;
}
.glyphicon.remoteIcon>span{
    display: none !important;
}

.print-color-black *{
    color: #000000 !important;
    text-overflow: initial !important;
    white-space: normal !important;
    overflow: initial !important;
}

.print-color-black .noPrint{
    display: none !important;
}

.show-report{
    display: none;
}
.print-color-black .show-report{
    display: block !important;
}

.cycleFileBox{
    width: 100px;
    height: 100px;
    float: left;
    position: relative;
}
.cycleFileBox.false{
    opacity: 0.5;
}
.cycleFileBox .cycleFileTools{
    position: absolute;
    left: 0px;
    top: 45%;
    width: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    height: 0px;
    padding: 0px;
}
.no-touch .cycleFileBox:hover .cycleFileTools{
    opacity: 1;
    height: 20px;
    padding: 5px;
}

.touch .cycleFileBox .cycleFileTools{
    opacity: 1;
}

.cycleFileBox .cycleFileTools .cycleFileTool{
    padding: 5px;
    cursor: pointer;
}
.cycleFileBox .cycleFileTools .cycleFileTool:nth-child(2){
    margin: 0px 5px;
}
.cycleFileBox img{
    width: 85%;
    max-height: 100%;
    max-width: 100%;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
.no-touch .cycleFileBox.true:hover img{
    opacity: 0;
}

.sterradNotesInfo{
    padding-bottom: 50px;
}

a.equipementNavigator{
    top:50%;
    position: fixed;
    font-size: 26px;
    color: #f1f1f1 !important;
    padding:5px;
    cursor: pointer;
    margin-top: 30px;
    opacity: 0.8;
    text-decoration: none;
}
.no-touch a.equipementNavigator.allowHover:hover{
    opacity: 1;
}
.equipementNavigator.disabled{
    opacity: 0.5;
    cursor: default;
}
.equipementNavigator.prev{
    left: 10px;
    transform : scale(1,1.5) rotate(180deg);
    -webkit-transform:scale(1,1.5) rotate(180deg); /* Safari and Chrome */
    -moz-transform:scale(1,1.5) rotate(180deg); /* Firefox */
    -ms-transform:scale(1,1.5) rotate(180deg); /* IE 9+ */
    -o-transform:scale(1,1.5) rotate(180deg);
}
.equipementNavigator.next{
    right: 10px;
    transform : scale(1,1.5);
    -webkit-transform:scale(1,1.5); /* Safari and Chrome */
    -moz-transform:scale(1,1.5); /* Firefox */
    -ms-transform:scale(1,1.5); /* IE 9+ */
    -o-transform:scale(1,1.5);
}

a.sysPerfByDeviceNavigator{
    top:50%;
    position: absolute;
    font-size: 26px;
    color: #f1f1f1 !important;
    padding:5px;
    cursor: pointer;
    margin-top: 30px;
    opacity: 0.8;
    text-decoration: none;
}
.no-touch a.sysPerfByDeviceNavigator.allowHover:hover{
    opacity: 1;
}
.sysPerfByDeviceNavigator.disabled{
    opacity: 0.5;
    cursor: default;
}
.sysPerfByDeviceNavigator.prev{
    left: -50px;
    transform : scale(1,1.5) rotate(180deg);
    -webkit-transform:scale(1,1.5) rotate(180deg); /* Safari and Chrome */
    -moz-transform:scale(1,1.5) rotate(180deg); /* Firefox */
    -ms-transform:scale(1,1.5) rotate(180deg); /* IE 9+ */
    -o-transform:scale(1,1.5) rotate(180deg);
}
.sysPerfByDeviceNavigator.next{
    right: -50px;
    transform : scale(1,1.5);
    -webkit-transform:scale(1,1.5); /* Safari and Chrome */
    -moz-transform:scale(1,1.5); /* Firefox */
    -ms-transform:scale(1,1.5); /* IE 9+ */
    -o-transform:scale(1,1.5);
}


/* end */

.input-content {
  width: 125px !important;
}

a{
    text-decoration: none !important;
}
/*common style for layout related */

 .absolute-class
 {
    position: absolute;
 }
 .static-class
 {
    position: static;
 }
 
 .margin-top-medium
 {
     margin-top: 10%;
 }
/*common style for layout related */

.no-touch .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
  border: none !important;
  outline: none;
}



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

.data-loading {
  border-radius: 50%;
  width: 24px;
  height: 24px;
  border: 4px solid #CCCCCC;
  border-top-color: white;
  -webkit-animation: spin 1s infinite linear;
          animation: spin 1s infinite linear;
          padding: 0px !important;
    display:inline-block;
}

#deviceInfoDynamics{
    height: 270px;
    transition: all 0.3s ease-in-out;
}

#deviceInfoDynamics.hiLevelDynamics {
    height: 210px;
}

#deviceInfoDynamics *{
    transition: all 0.3s ease-in-out;
}

#deviceInfoDynamics.minimal{
    height: 60px;
    overflow: hidden;
}

#deviceInfoDynamics.minimal .minimal-hide{
    height: 0px !important;
    /*width: 0px !important;*/
    opacity: 0 !important;
    margin: 0px !important;
    overflow: hidden;
}

#deviceInfoDynamics.minimal .facts-system-border{
    border: 0px;
}

#deviceInfoDynamics.minimal table td:not(.minimal-show){
    height: 0px !important;
    width: 0px !important;
    opacity: 0 !important;
    overflow: hidden;
}

#deviceInfoDynamics .device-basics{
    width: 100%;
    float: left;
    height: 135px;
}

#deviceInfoDynamics .device-basics:nth-child(2){
    float: right;
}

#deviceInfoDynamics.minimal .device-basics{
    width: 50%;
    height: 60px;
}

#deviceInfoDynamics.minimal .device-basics div.medium-text{
    font-size: 22px !important;
    padding: 12px;
    text-align: left !important;
/*    fix for truncating header*/
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 150%;
}

#deviceInfoDynamics .device-basics img{
    display: block;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    margin: auto;
}
/*#deviceInfoDynamics.minimal .device-basics img{
    max-height: 100%;
}*/

.button-group {
    position: absolute;
    right: 35px;
    top: 30px;
    display: block;
    z-index: 9;
}

.removeMarginBottom {
    margin-bottom: 0 !important;
    z-index: 99 !important;
}

.tableOverflowInitial {
    overflow: visible !important;
}

.circle-sign {
    padding-left: 40px !important;
}

.extended-view-circle-sign {
    padding-left: 0px !important;
}


.failedPositive, .failedNegative {
    background: url('../../images/landing/Cycle-Positive-Status.png') no-repeat 10px 12px;
/*    color: #a94442;*/
}

.passedNegative, .passedPositive {
    background: url('../../images/landing/Cycle-Negative-Status.png') no-repeat 10px 12px;
/*    color: #40a348;*/
}

.cycleAborted {
    background: url('../../images/landing/Cycle-Aborted.png') no-repeat 10px 12px;
    /*color: #40a348;*/
}

.extended-view-circle-sign.failedPositive, .extended-view-circle-sign.failedNegative {
    background-position: 0 15px;
    padding-left: 30px !important;
}

.extended-view-circle-sign.passedNegative, .extended-view-circle-sign.passedPositive {
    background-position: 0 15px;
    padding-left: 30px !important;
}

.extended-view-circle-sign.passedNegative, .extended-view-circle-sign.cycleAborted {
    background-position: 0 15px;
    padding-left: 30px !important;
}

.pop-up-circle-sign {
    background-position: 0px !important;
} 

/*.extended-view-circle-sign {
    padding-left: 30px !important;
}*/

.border-left {
    border-left: 1px solid #000;
}
.border-right {
    border-right: 1px solid #000;
}
.border-top {
    border-top: 1px solid #000;
}
.border-bottom {
    border-bottom: 1px solid #000;
}
.transparent-border {
    border: 1px solid transparent !important;
}

.biReaderImage {
    margin-top: 50px;
}

input[type=radio] {
    display: inline-block;
}

.navbar{
    border-radius: 0px;
      border:0px;
}

.navbar-nav{
      width: 100%;
}

.navbar-nav>li{
      width:calc(100% / 6);
}
.navbar-nav>li>a, .navbar-nav>li>a:focus{
      background-color: #67c7c4 !important;
      color: #FFFFFF !important;
       text-align: center;
}
.no-touch .navbar-nav>li.active>a, .navbar-nav>li:hover>a{
        cursor: pointer;
      background-color: #509493 !important;
}

.device-cyclelog .nav-justified, .modal-footer .nav-justified{
    display: flex;
    padding-top: 5px !important;
    border-left: thin solid #4a4a4a;
    border-right: thin solid #4a4a4a;
    background: #000000;
}
.nav-justified>li{
    flex-grow: 1;
    word-break: break-all;
}

.nav-justified>li:first-child:last-child>a{
    cursor: default !important;
}

.reportDropdown {
    position: relative;
}
.reportDropdown  .dropdown-caretholder:before{
    content: "\e252";
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    position: absolute;
    top: 15px;
    right: 15px;
    color: #67C8C6;
}

.reportDropdown select.form-control {   
    border:0px !important;
    box-shadow: none !important;
    outline: 0 none !important;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image: none;
    height:auto;
    font-size: 23px !important;
	position:relative;
	z-index:9;
    color: #FFFFFF;
	background-color: transparent !important;
}
.reportDropdown select.form-control:focus {
    background-position: right center;
}

.table.logTable.tableScrollable-set.reportTable>thead>tr>th{
    min-width: 180px;
}

#chartData{
     opacity: 1;
    position: absolute;
    background: none;
    color: #FFFFFF;
    font-size: 12px;
    padding: 3px;
    width: 28% !important;
    text-align: center;
    display: table;
    margin-top:6%;

}
#chartData span{
    display: block;
    font-size: 10px !important;
}
#devicechartData{
     opacity: 1;
    position: absolute;
    background: none;
    color: #FFFFFF;
    font-size: 12px;
    padding: 3px;
    width: 21% !important;
    text-align: center;
    display: table;
    margin-top:4%;
    font-size:10px;

}
.tab-content #summaryOutput div.disabled-true{
display:none;
}
.text-left {
    text-align: left !important;
}

.daa-log {
  padding: 17% 0px 0px 17%;
}



.graphTable{
    font-size: 12px;
    color: #000000;
    border-bottom: 1px solid #000000;
    width: calc(100% + 100px);
    margin-left: -110px;
    float: left;
}
.graphTable .graphTableRow{
    border-top: 1px solid #000000;
    font-size: 0px;
    float: left;
    width: 100%;
}
.graphTable .graphTableRow .graphTableColumn{
    padding: 5px 0px;
    border-left: 1px solid #000000;
    font-size: 12px;
    display: inline-block;
    float: right;
    text-align: center;
}
.graphTable .graphTableRow .graphTableColumn:first-child{
    width: 170px;
    float: left;
    text-align: left;
}
.graphTable .graphTableRow .graphTableColumn:nth-child(2){
    border-right: 1px solid #000000;
}



@media print {
.noPrint,.caret{
    display:none !important;
    margin-top:-15px;
  }
 .facts-system-border{
 border-right:thin solid #ffffff;
 }
 .noPrint.inline-block{
    display: none !important;
 }
}

ol.roman {
    counter-reset: roman;
    list-style: none;
    display: block;
}

ol.roman > li:before {
    padding-bottom:10px;
    margin-right: 15px;
    text-align: justify;
    text-align: justify-all;
    counter-increment: roman;
    content:"(" counter(roman, lower-roman)") "

}
ol.roman >li {
    padding-bottom: 20px;
    position: relative;
    padding-left: 40px;
}
ol.roman >li:before {
    position: absolute;
    left: 0px;
    top: 0px;
}

span.underline{
    text-decoration: underline;
}

.cookiestextmargin{
    margin-left: -40px;
}

#pt_PT input[placeholder], #es_ES input[placeholder] , #de_DE input[placeholder],#fr_FR input[placeholder], #it_IT input[placeholder], #pl_PL input[placeholder], #pt_PT select, #es_ES select, #de_DE select, #fr_FR select, #it_IT select, #pl_PL select  {
    font-size: 12px;
}

#en_US input[placeholder], #en_US select {
    font-size: 12px;
}

#es_ES .modal-footer .btn+.btn, #de_DE .modal-footer .btn+.btn, #fr_FR .modal-footer .btn+.btn, #it_IT .modal-footer .btn+.btn {
    min-height: 54px;
}

#es_ES .agree-btn, #de_DE .agree-btn, #fr_FR .agree-btn, #it_IT .agree-btn{
    min-height: 54px;
}

#it_IT .agree-btn {
    padding-left: 5px;
    padding-right: 5px;
}

#textboxStyle::-ms-clear 
{ display: none; }

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

#pl_PL #inactiveDeviceTab, #pl_PL #inactiveBtn {
    padding-left: 20px;
} 

#it_IT #settingMgmtModel .tabHeight, #fr_FR #settingMgmtModel .tabHeight, #pl_PL #settingMgmtModel .tabHeight, #pt_PT #settingMgmtModel .tabHeight, #es_ES #settingMgmtModel .tabHeight, #de_DE #settingMgmtModel .tabHeight {
    min-height: 70px;
}

#en_US .device-add-edit input {
    font-size: 12px;
}

.noRecordStyle {
    width:100% !important;
	background-color: #FFF !important;
}

.message-height {
    min-height: 37px;
}

.cycle-report-table td:first-child {
    width: 50%;
}

.cycle-report-table-BI td:first-child {
    width: 60%;
}

/*BIUID styles*/

#bi-uid-cycles, #bi-uid-results {
    width: 49%;
}

#bi-uid-tables div:first-child  {
    float: left;
}

#bi-uid-tables div:last-child {
    float: right;
}

#bi-uid-cycles .biUID-scrollable-height, #bi-uid-results .biUID-scrollable-height {
    max-height: 277px;
}

.biUID-scrollable-height>tbody>tr {
    border-bottom: 1px solid #333333; 
}
.biUID-scrollable-height.mobile-only-show-table>tbody>tr {
    border-bottom: 0px; 
}
.biUID-scrollable-height.mobile-only-show-table>tbody>tr>td {
    text-align: left !important;
}

#bi-uid-cycles .biUID-start-time, #bi-uid-results .biUID-start-time {
    padding: 0 10%;
}

#bi-uid-cycles .biUID-status, #bi-uid-results .biUID-status {
    display: block;
}

#bi-uid-cycles .Empty, .hide-icon {
    display: none !important;
}

#bi-uid-cycles tbody>tr , #bi-uid-results tbody>tr {
    height: 55px;
}

/*bi-uid-cycles styles*/
#bi-uid-cycles .table.logTable>tbody>tr>td:nth-child(1), #bi-uid-cycles .table.logTable>thead>tr>th:nth-child(1) {
    width: 21%;
    word-break: break-all;
}

#bi-uid-cycles .table.logTable>tbody>tr>td:nth-child(2), #bi-uid-cycles .table.logTable>thead>tr>th:nth-child(2) {
    width: 12%;
}

#bi-uid-cycles .table.logTable>tbody>tr>td:nth-child(3), #bi-uid-cycles .table.logTable>thead>tr>th:nth-child(3) {
    width: 27%;
}

#bi-uid-cycles .table.logTable>tbody>tr>td:nth-child(4), #bi-uid-cycles .table.logTable>thead>tr>th:nth-child(4) {
    width: 30%;
}

#bi-uid-cycles .table.logTable>tbody>tr>td span, #bi-uid-cycles .table.logTable>thead>tr>th>span {
    padding: 15px 0;
    /*display: block;*/
}

#bi-uid-cycles .table.logTable>tbody>tr>td:first-child span, #bi-uid-cycles .table.logTable>thead>tr>th:first-child span {
    padding-left: 10px;
}

#bi-uid-cycles .table.logTable>tbody>tr>td:last-child span, #bi-uid-cycles .table.logTable>thead>tr>th:last-child span {
    padding-right: 10px;
}

/*bi-uid-results styles*/
#bi-uid-results .table.logTable>tbody>tr>td:nth-child(1), #bi-uid-results .table.logTable>thead>tr>th:nth-child(1) {
    width: 21%;
    word-break: break-all;
}

#bi-uid-results .table.logTable>tbody>tr>td:nth-child(2), #bi-uid-results .table.logTable>thead>tr>th:nth-child(2) {
    width: 12%;
}

#bi-uid-results .table.logTable>tbody>tr>td:nth-child(3), #bi-uid-results .table.logTable>thead>tr>th:nth-child(3) {
    width: 35%;
}

#bi-uid-results .table.logTable>tbody>tr>td.result-col, #bi-uid-results .table.logTable>thead>tr>th.result-col {
    width: 32%;
}

#bi-uid-results .table.logTable>tbody>tr>td span, #bi-uid-results .table.logTable>thead>tr>th>span {
    padding: 15px 0;
    /*display: block;*/
}

#bi-uid-results .table.logTable>tbody>tr>td:first-child span, #bi-uid-results .table.logTable>thead>tr>th:first-child span {
    padding-left: 10px;
}

#bi-uid-results .table.logTable>tbody>tr>td:last-child span, #bi-uid-results .table.logTable>thead>tr>th:last-child span {
    padding-right: 10px;
}

.sterradStatusPointer, .biResultPointer {
    cursor: pointer;
    color: #337ab7;
}

.no-touch .sterradStatusPointer:hover, .no-touch .biResultPointer:hover {
    color: #23527c;
}

.expandTable1 {
    width: 25%;
    padding-left: 30px;
}

.expandTable2 {
    width: 33.3%
}

.expandTable3 {
    width: 33.3%;
}

.sterrad-moreInfo-position {
    position: relative;
    top: -25px;
}

.notes-width {
    width: 50%;
    padding: 5px 0px;
}

.notes-action {
    width: 10%;
}

.break-all {
    word-break: break-all;
}

.notes-break {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.load-box div:last-child {
    display: inline;
}

.load-box-scroller {
    display: block;
    height: 100px;
    overflow: hidden;
    overflow-y:scroll;
}

.guide-pdf-list {
    list-style: none;
}

.guide-pdf-list li {
    padding-left: 60px;
    position: relative;
}

.guide-pdf-list li:before {
    content: '';
    position: absolute;
    left: 30px;
    top: 0;
    background: url('../../images/ug-pdf-icon.png') no-repeat;
    width: 18px;
    height: 18px;
}


.form-control, .input-group-addon {
    border-radius: 0;
    cursor: pointer;
}

#userGuideBlock {
    max-width: 800px;
    margin: 30px auto 0;
    color: #ffffff;
    overflow: hidden;
    padding-bottom: 60px;
}

.releaseNotesTitle {
    margin-top: 40px;
}

.userGuideTitle {
    font-size: 22px;
    font-weight: bold;
}

.userguide-error-message {
    color: #EA2A2D;        
}

.userguide-error-message:before {
    display: none;
}

.userguide-disclaimer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #000;
    padding: 10px 15px 20px;  
}

.lineHeightSpacing {
    line-height: 2em;
}
	#large-text-btn{
			display: block; 
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
			padding:09px;
	}

#userGuideBlock .table.logTable>tbody>tr>td span, #userGuideBlock .table.logTable>thead>tr>th>span{
    display: inline-block;
    max-width: 500px;
    padding: 15px;
    min-height: 40px;
    font-weight: 600;
    
    -ms-word-break: break-all;
    word-break: break-all;

    /* Non standard for WebKit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
#userGuideBlock .table.logTable>thead>tr>th ul.tableDropdown:not(.cross):not(.active) span, #userGuideBlock .table.logTable>thead>tr>th ul.columnDropdown:not(.cross):not(.active) span{
    display: inline-block;
    max-width: 500px;
    padding: 15px;
    min-height: 40px;
    padding-right: 50px;
    font-weight: 600;
    
    -ms-word-break:initial;
    word-break:initial;

    /* Non standard for WebKit */
    word-break:initial;

    -webkit-hyphens: initial;
    -moz-hyphens: initial;
    hyphens: initial;

    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#userGuideBlock .btn-mute:hover {
    background: #4a4a4a;
    color: #FFF;
    border: 0px;
}

#userguide-btns {
    width: auto;
}

#userguide-btns .btn {
    min-width: 150px;
}

.viewDeviceSettingsBlock {
    display: inline-block;
}

.pointing-right{
    position: absolute;
    right: -15px;
    top: 30%;
    font-size: 32px;
    cursor: pointer;
    -webkit-transform:scale(1,2); /* Safari and Chrome */
    -moz-transform:scale(1,2); /* Firefox */
    -ms-transform:scale(1,2); /* IE 9 */
    -o-transform:scale(1,2); /* Opera */
    transform:scale(1,2); /* W3C */
    z-index: 99;
    display: none;
}
.pointing-right.small{
    top: 25%;
    font-size: 28px;
}
.pointing-right.active{
    color: #ec282b;
    display: block;
}
.pointing-right.yellow.active{
    color: #ffd300;
    display: block;
}

.tileTab{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px 0 0px 0;
    background-color: #7b7b7b;
    border-right: 2px solid #000000;
}
.tileTab:last-child{
    border-right: 0px;
}

.tileTab.active{
    background-color: #4a4a4a;
    cursor: default;
}

.text-tab{
    border-bottom: 2px solid #2b2b2b;
}
.text-tab.active{
    color: #4e9492;
    border-bottom: 2px solid #4e9492;
}
.externalDriveCheckboxdiv{
	margin-left: 10px	;
}
.extcheckbox{
    margin-top: 30px;
}
.userguide-asp-logo{
    width:200px;
    }
/*Mobile style for only User guide*/
@media screen and (max-width: 767px) {
    #userGuideBlock {
        margin-top: 25px;
		padding-bottom: 110px;
    }    
    .guide-pdf-list {
        padding-left: 0;
    }    
    .guide-pdf-list li {
        padding-left: 40px;
    }
    .guide-pdf-list li:before {
        left: 15px;
    }
    .margin-xs-b-10 {
        margin-bottom: 10px !important;
    }



    #userguide-btns {
        width: 100%;
    }
    #userguide-btns .btn {
        min-width: auto;
    }

    .highChartsGraph{
        width: 100% !important;
        padding: 0px !important;
    }
    .highCharts-nav{
        padding: 10px !important;
        position: absolute;
        top: 130px;
        height: auto !important;
        border: 1px solid #337ab7;
        border-radius: 3px;
        width: 40px;
    }
    .highCharts-nav.disabled{
        border: 0px;
    }
    .highCharts-nav.nav-left{
        left: 0px;
        margin-left: 10px;
    }
    .highCharts-nav.nav-right{
        right: 0px;
        margin-right: 10px;
    }
    .highCharts-nav a{
        margin-top: 0px !important;
        font-size: 24px !important;
    }

    .tileTab{
        position: absolute;
        box-shadow: 0px 1px 10px #000000;
        transition: top 300ms ease-in-out;
        border-radius: 10px;
    }

    .tileTab img{
        height: 50px !important;
    }

    .tileTab-header {
        min-height: initial !important;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .graph-holder{
        margin-top: 230px;
    }

    .tileTab.STERRAD:nth-child(1){
        border-right: 0px;
        top: 0px;
    }
    .tileTab.STERRAD:nth-child(2){
        top: 110px;
    }
    .tileTab.STERRAD:nth-child(3){
        top: 150px;
        border-left: 0px;
    }
    .tileTab.STERRAD:nth-child(4){
        top: 190px;
        border-left: 0px;
    }

    .tileTab.BIREADER:nth-child(1){
        border-right: 0px;
        top: 0px;
    }
    .tileTab.BIREADER:nth-child(2){
        top: 40px;
    }
    .tileTab.BIREADER:nth-child(3){
        top: 150px;
        border-left: 0px;
    }
    .tileTab.BIREADER:nth-child(4){
        top: 190px;
        border-left: 0px;
    }

    .tileTab.HILEVELINFECTION:nth-child(1){
        border-right: 0px;
        top: 0px;
    }
    .tileTab.HILEVELINFECTION:nth-child(2){
        top: 40px;
    }
    .tileTab.HILEVELINFECTION:nth-child(3){
        top: 80px;
        border-left: 0px;
    }
    .tileTab.HILEVELINFECTION:nth-child(4){
        top: 190px;
        border-left: 0px;
    }

    .tileTab.DARWIN:nth-child(1){
        border-right: 0px;
        top: 0px;
    }
    .tileTab.DARWIN:nth-child(2){
        top: 40px;
    }
    .tileTab.DARWIN:nth-child(3){
        top: 80px;
        border-left: 0px;
    }
    .tileTab.DARWIN:nth-child(4){
        top: 120px;
        border-left: 0px;
    }

    .tileTab.active+.tileTab:nth-child(2){
        top: 110px;
    }
    .tileTab.active+.tileTab:nth-child(3){
        top: 150px;
    }
    .tileTab.active+.tileTab:nth-child(4){
        top: 190px;
    }

    .deviceTypeCount-4 + .graph-holder{
        margin-top: 230px;
    }
    .deviceTypeCount-3 + .graph-holder{
        margin-top: 190px;
    }
    .deviceTypeCount-2 + .graph-holder{
        margin-top: 150px;
    }
    .deviceTypeCount-1 + .graph-holder{
        margin-top: 110px;
    }

    /*.tileTab.active:nth-child(1){
        top: 0px;
    }
    .tileTab.active:nth-child(2){
        top: 40px;
    }
    .tileTab.active:nth-child(3){
        top: 150px;
    }*/
}
.col-xs-offset-right-12 {
  margin-right: 100%;
}
.col-xs-offset-right-11 {
  margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
  margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
  margin-right: 75%;
}
.col-xs-offset-right-8 {
  margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
  margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
  margin-right: 50%;
}
.col-xs-offset-right-5 {
  margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
  margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
  margin-right: 25%;
}
.col-xs-offset-right-2 {
  margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
  margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
  margin-right: 0;
}
@media (min-width: 768px) {
  .col-sm-offset-right-12 {
    margin-right: 100%;
  }
  .col-sm-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-sm-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-sm-offset-right-9 {
    margin-right: 75%;
  }
  .col-sm-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-sm-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-sm-offset-right-6 {
    margin-right: 50%;
  }
  .col-sm-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-sm-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-sm-offset-right-3 {
    margin-right: 25%;
  }
  .col-sm-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-sm-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-sm-offset-right-0 {
    margin-right: 0;
  }
}
@media (min-width: 992px) {
  .col-md-offset-right-12 {
    margin-right: 100%;
  }
  .col-md-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-md-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-md-offset-right-9 {
    margin-right: 75%;
  }
  .col-md-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-md-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-md-offset-right-6 {
    margin-right: 50%;
  }
  .col-md-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-md-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-md-offset-right-3 {
    margin-right: 25%;
  }
  .col-md-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-md-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-md-offset-right-0 {
    margin-right: 0;
  }
  #bi-uid-results h4, #bi-uid-cycles h4 {
    min-height: 40px;
  }
}
@media (min-width: 1200px) {
  .col-lg-offset-right-12 {
    margin-right: 100%;
  }
  .col-lg-offset-right-11 {
    margin-right: 91.66666667%;
  }
  .col-lg-offset-right-10 {
    margin-right: 83.33333333%;
  }
  .col-lg-offset-right-9 {
    margin-right: 75%;
  }
  .col-lg-offset-right-8 {
    margin-right: 66.66666667%;
  }
  .col-lg-offset-right-7 {
    margin-right: 58.33333333%;
  }
  .col-lg-offset-right-6 {
    margin-right: 50%;
  }
  .col-lg-offset-right-5 {
    margin-right: 41.66666667%;
  }
  .col-lg-offset-right-4 {
    margin-right: 33.33333333%;
  }
  .col-lg-offset-right-3 {
    margin-right: 25%;
  }
  .col-lg-offset-right-2 {
    margin-right: 16.66666667%;
  }
  .col-lg-offset-right-1 {
    margin-right: 8.33333333%;
  }
  .col-lg-offset-right-0 {
    margin-right: 0;
  }
}


html.popupedit, html.popupedit body{
    overflow: auto !important;
    position: static !important;
    height: 6050px;
}
.popupedit .modal-body{
    height: 5000px !important;
}
.popupedit .ngdialog.ngdialog-theme-default.width-1000 .ngdialog-content{
    overflow-y: auto !important;
    margin-top: 0px !important;
}
.popupedit .ngdialog.ngdialog-theme-default{
    overflow-y: auto !important;
    position: absolute !important;
    height: 6000px !important;
}


.popupedit.h600 .modal-body{
    height: 600px !important;
}
.popupedit.h700 .modal-body{
    height: 700px !important;
}
.popupedit.h800 .modal-body{
    height: 800px !important;
}
.popupedit.h900 .modal-body{
    height: 900px !important;
}
.popupedit.h1000 .modal-body{
    height: 1000px !important;
}
.popupedit.h1100 .modal-body{
    height: 1100px !important;
}

.popupedit.h1700 .modal-body{
    height: 1700px !important;
}


.popupedit.h1700 .ngdialog.ngdialog-theme-default{
    overflow-y: auto !important;
    position: absolute !important;
    height: 1950px !important;
}

.popupedit .modal-body .modal-body{
    height: auto !important;
}


.progress-bar{
    width: 100%;
    height: 15px;
    border: 1px solid #000000;
    display: inline-block;
    position: relative;
    background-color: transparent;
}
.progress-indicator{
    width: 2px;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    background-color: #4e9492;
}
.progress-numeric{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    color: #000000;
    text-align: center;
    font-size: 6px;
    line-height: 15px;
    font-style: normal;
}

.view-progress{
    background: transparent url(../../images/eye-icon-inactive.png) no-repeat scroll 0% 0% / 19px 12px;
    display: block;
    width: 21px;
    height: 19px;
    background-position-y: 20px;
}

.cycle-progress-bar-container{
    width: 100%;
    height: 20px;
    margin: 7px 0;
    border-radius: 999px;
    background-color: #1d1d1d;
}
.cycle-progress-bar-indicator{
    width: 0%;
    height: 20px;
    border-radius: 999px;
    background-color: #059cb3;
    transition: width 300ms linear;
}

img.DARWIN{
    height: 175px;
}

.stack-chart.stack-bar{
    height: 375px !important;
}
#stack-bar-tooltip{
    transition: all 180ms ease-in-out;
}
.generatetoken-block{
    margin: 0 30px;
}
.generatetoken-label{
    padding: 15px 0 0 0;
    margin: 0 30px;
}
.generatetoken-emailtxt{
    display: inline-block;
    color:#4A4A4A;
    margin:15px 0 0 0;
    border-bottom:1px solid #4A4A4A;
    padding-bottom: 10px; 
}
 
.generatetkndiv{
    margin: 0 0 0 55px;
}
.activationkey-msg{
    margin-left: 130px;
}