body, html{min-height:100%;min-width:100%;font-size:12px;font-family: verdana;}
body{padding-bottom: 30px;}
ul{list-style: none;}
/* Login Page */
.login-wrap {width: 350px;margin: 15% auto;text-align:center;}
.forgot-section{display: none;}
.login-form .input-group {margin: 0 0 15px 0;}
.logo {position: relative;height: 50px;margin-top: 0;}
.logo i {font-size: 41px;}
.login-form a {margin: 12px 0 0 0;display: block;cursor: pointer;}
img.avatar.thumbnail { width: 28px;height: 28px;border: none;margin: 15px;}
textarea { resize: none;}
code.label { font-size: 12px;}
ul.children-tree.fit-list { margin: 0;padding: 0;}
.add-component-popup .panel-default{margin-bottom: 0;}
.task-manager-popup .testcase-grid td { padding: 3px 2px 0 2px;}
.task-manager-popup .panel-body .row { border-bottom: 1px dotted #CCC;}
.task-manager-popup .panel-body .row:last-child { border-bottom: 1px solid transparent;}
.task-manager-popup .checks .pull-left { margin-left: 20px;}
.task-manager-popup .checks .pull-left label { padding-left: 22px;line-height: 21px;}
.preselector-mask .modal-header { background: #0097ac;height: 45px;text-align: left;padding: 11px;border-bottom: none;}
.preselector-mask .modal-header .modal-title{font-size: 15px;}
.preselector-mask .modal-dialog { width: 95%;}
.preselector-mask .modal-content .modal-body { background: #003C51;color: #FFF;}
.preselector-mask .modal-content .modal-footer{ border-top: 1px solid #003C51;background: #003c51;}
.preselector-logout { padding: 20px 0;}
.preselection-box .item img { border-radius: 50%;border: 2px solid #FFF;width: 150px;height: 150px;}
.preselection-box .item p { text-align: center;font-size: 15px;margin: 8px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.preselection-box .blank-item p { text-align: center;font-size: 15px;margin: 8px 0;}
.pointer{cursor: pointer;}
.preselection-box .item { margin: 9px 0;cursor: pointer;}
.item-thumbnail {width: 150px;height: 150px;line-height: 140px;background: #0097ac;color: #FFF;font-size: 61px;text-transform: capitalize;border-radius: 50%;border: 2px solid #FFF;}
.item:nth-child(5n-4) .item-thumbnail {background:#25B7D2;}
.item:nth-child(5n-3) .item-thumbnail {background:#FC8469;}
.item:nth-child(5n-2) .item-thumbnail {background:#A9D7B0;}
.item:nth-child(5n-1) .item-thumbnail {background:#FDB45C;}
.item:nth-child(5n) .item-thumbnail {background:#4B5F83;}
div[data-mode="technology"] img{display: none;}
div[data-mode="technology"] .item p { margin: 0;font-weight: normal;cursor: pointer;text-transform: inherit;
 border-bottom: 1px dotted #6c849c;padding: 0 0 6px 0;}
.preselection-box .top-section input[type='search'] { border: 1px solid #56718c;width: 50%;height: 40px;margin: 25px 0;padding: 0 12px;background: #003C51;color: #FFF;}
.preselection-box .list-section { height: 232px;overflow-y: auto;overflow-x: hidden;}
ul.bread-crumb { float: left;list-style: none;margin: 0;padding: 0;}
ul.bread-crumb { border-width: 1px;border-style: solid;border-color: rgba(0,0,0,0);border-radius: 5px; width: 100%;user-select: none;-moz-user-select: none;-ms-user-select: none;-webkit-user-select: none;-o-user-select: none;}
i.grid-master-icon { font-size: 14px;position: relative;top: 3px;}
input.grid-inline-input { padding: 2px;width: 100%;}
ul.bread-crumb li{float: left;}
ul.bread-crumb a { padding: .7em 1em .7em 2em;float: left;text-decoration: none;color: #FFF;
 position: relative;background-color: #0097ac;cursor: pointer;min-width: 100px;text-align: center;}
ul.bread-crumb li:first-child a{padding-left: 1em; border-radius: 5px 0 0 5px;}
ul.bread-crumb a:hover{background: #006e74;}
ul.bread-crumb a::after,ul.bread-crumb a::before{content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid; right: -1em;}
ul.bread-crumb a::after{ z-index: 2; border-left-color: #0097ac;}
ul.bread-crumb a::before{border-left-color: #FFF;right: -1.1em; z-index: 1;}
ul.bread-crumb a:hover::after{border-left-color: #006e74;}
ul.bread-crumb .current,ul.bread-crumb .current:hover{font-weight: bold; background: none;}
ul.bread-crumb .current::after,ul.bread-crumb .current::before{content: normal; }
ul.bread-crumb .disabled a { background: #006e74;cursor: default;}
ul.bread-crumb .disabled a::after { border-left-color: #006e74;}
span.pre-selection-back { position: absolute;left: 25px;top: 33px;cursor: pointer;font-size: 18px;}
.list-section.large {
    height: 460px;
}
span.root-node { display: block;position: relative;left: 5px;top: 6px;cursor: pointer;font-size: 14px;font-weight: bold;color: #555;}
.header-list{max-height: 250px;overflow-y: auto;overflow-x: hidden;margin: 0;padding: 0;}
.header-list ul {margin: 0;padding: 0;}
.header-list ul li {border-bottom: 1px dotted #CCC;height: 25px;overflow: hidden;padding: 3px 0;}
.header-rm-link {position: absolute;right: 22px;font-size: 15px;color: #4c5d6f;cursor: pointer;}
.header-rm-link:hover {color: #ea5a5a;}
.s-field-wrapper {max-height: 200px;overflow-y: auto;overflow-x: hidden;margin-top: 10px;}
.firefox .rounded-edge thead .glyphicon{	position: absolute;	top: 8px;	right: 4px;}
span.editable-controls [name="id"] { display: none;}
span.editable-controls input[type="text"] { height: 19px;}
.row.nomargin { margin-bottom: 0;}
.exe-grid label { font-weight: normal;font-size: 12px;}
.type-head .dropdown-menu { background: #FFF;padding: 0;margin: 0;border-radius: 0;max-width: 90%;min-width: 89%;color: #222;}
.requestBodyHeight:focus { height: 100px;}
.clickable{cursor: pointer;}
.run-tree ul { list-style: none;margin: 0 0 0 20px;padding: 0;}
.preselection-box .item p.left-text{text-align: left;}
i.green{color: green;}
.run-tree ul li { /*overflow: hidden;*/ text-overflow: ellipsis;white-space: nowrap;padding: 2px 0;position: relative;}
.run-tree i.fa.fa-large { position: absolute;left: -16px;top: 7px;z-index: 1000;}
.testdataGrid{width:100%;height: 67vh;overflow:auto;}
.run-tree.test-set ul li span, .run-tree.test-case ul li span{width: 85%;}
.run-tree.test-set ul li span:hover, .run-tree.test-set ul li span.text-selected,
.run-tree.test-case ul li span:hover, .run-tree.test-case ul li span.text-selected{ font-weight: bold;}
.run-tree.test-comp-tree { height: 56vh;overflow-y: scroll;}
.run-tree .actions { position: absolute;right: 0;top: 4px;background: transparent;background: #FFF;
 padding: 0 5px;font-size: 14px;z-index: 50;}
.actions a{cursor: pointer;}
.run-tree.test-set i.fa-pencil { color: #00420A;}
.run-tree.test-set i.fa-trash { color: #980000;}
.tree-content.execute-tree i.page-options { position: absolute;right: 0;top: 4px;display: none; width: 15px;height: 15px;}
.tree-content.execute-tree ul li.tree-leaf:hover i.page-options { display: block;}
.toggle-switch { background: #e6e6e6;padding: 0;border-radius: 15px;overflow: hidden;color: #696969; border: 1px solid #ccc;cursor: pointer;}
.toggle-switch span { padding: 8px 18px;float: left;text-align: center;}
.toggle-switch span.active { background: #0097ac;color: #FFF;}
.tree-content.execute-tree .tree-label span,
.tree-content.project-tree .tree-label span,
.tree-content.device-tree .tree-label span,
.tree-content.design-tree .tree-label span{ max-width: 138px;overflow: hidden;display: block;text-overflow: ellipsis;white-space: nowrap;padding: 0 0 0 18px;}
.run-tree .pass{color: #3C9635;}
.run-tree .ready{color: #0097ac;}
.run-tree .fail{color: #F2290F;}
.run-tree.test-case, .run-tree.test-set, .seq-tree { height: 65vh;overflow-y: auto;}
.run-tree.execute{ height: 60vh; overflow-y: scroll;overflow-x: hidden;}
i.tree-branch-head { position: absolute;height: 19px;left: 0;z-index: 1000;padding: 1px 10px;}
.tr-ng-grid-footer { text-align: center;}
.tr-ng-grid-footer .pull-right{float: none !important;}
.logo span {position: relative;top: -6px;font-family: Trebuchet MS;font-weight: bold;}
/* alert and confirm */
.jconfirm .jconfirm-box {padding: 0;}
.jconfirm .jconfirm-box div.title-c {line-height: 2px;padding: 12px 0 0 8px;background:#eee;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-ms-border-radius: 5px 5px 0 0;-o-border-radius: 5px 5px 0 0;}
.jconfirm .jconfirm-box .buttons {padding-bottom: 10px;padding-right: 10px;padding-top: 20px;}
.run-tree.error-log { max-height: 250px;overflow-y: scroll;margin: 11px 0;}
.testCase-tree label { font-weight: normal;}
.jconfirm .jconfirm-box div.content-pane .content {margin-top:10px;margin-left:15px;}
.jconfirm.jconfirm-white .jconfirm-box .buttons button { min-width: 100px;}
.select-box {position: relative;display: block;}
ul.page-flow { list-style: none;margin: 0;}
ul.page-flow li { float: left;width: 100%;position: relative;border-left: 3px solid #0097ac;}
ul.page-flow li:last-child{border: none;}
ul.page-flow li span { float: left;height: 50px;width: 100%;margin-bottom: 20px;}
ul.page-flow li i { background: #FFF;width: 50px;height: 50px;position: absolute;border-radius: 50%;color: #0097ac;text-align: center;font-style: normal;font-weight: bold;padding: 11px 0;font-size: 16px;
 left: -25px;border: 3px solid #0097ac;}
ul.page-flow li span p { margin-top: 8px;margin-left: 42px;background: #0097ac;color: #FFF;padding: 10px;}
ul.page-flow li span p::before { border-left-color: #0097ac;content: "";position: absolute;top: 27px;margin-top: -1.5em;border-top: 1.5em solid transparent;border-bottom: 1.5em solid transparent;border-right: 1em solid #0097ac;left: 30px;z-index: 10;} 
ul.page-flow li span p::after { border-left-color: #0097ac;content: "";position: absolute;top: 27px;
 margin-top: -1.5em;border-top: 1.5em solid transparent;border-bottom: 1.5em solid transparent;border-right: 1em solid rgb(245, 245, 245);right: 0;z-index: 11;}
.testcase-popup-list label { overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;width: 97%;}
ul.page-flow { height: 70vh;overflow-y: scroll;}
.per-page-option select { padding: 5px 15px;}
.per-page-option label { font-weight: normal;}
span.arrow {position: absolute;width: 40px;height: 28px;background: #FFF;right: 1px;z-index: 0;top: 1px;
text-align: center;padding: 4px;cursor: default;}
i.sort-handle { font-size: 12px !important;position: absolute;right: 0;top: 4px;}
a.sub-row-trash { position: relative;left: 29px;}
i.grey{ color: gray;}
i.orange{color: orange;}
i.green{color: green;}
i.ns-green{color: #169F85;}
i.ns-red{color: #c9302c;}
i.red{color: red;}
i.blue{color: #1989ff;}
/* - alert and confirm */
.info-bar ul { list-style: none;margin: 0;padding: 0 3px;}
.info-bar ul li { float: left;display: block;margin: 0 10px;}
.navbar-fixed-bottom, .navbar-fixed-top {position: fixed;right: 0;left: 0;z-index: 100;}
.content{margin-top:15px;}
.top-padding{padding-top:30px;}
.rounded-edge{ border:1px solid #DDD;border-collapse:collapse;margin-bottom: 0;}
.right-content {margin-top: 50px;min-height: 500px;}
.right-content.collapased{margin-left:265px;}
.right-content.dashboard {margin-left: inherit;margin-top: 33px;}
table.rounded-edge tr td, table.rounded-edge tr th{padding:2px 4px;}
.label { padding: 4px 6px;}
span.input-group-addon.green { background: #449d44;color: #FFF;border-color: #398439;}
span.input-group-addon.red { background: #c9302c;color: #FFF;border-color: #ac2925;}
.input-trigger { font-size: 27px;color: green;cursor: pointer;}
.table > thead > tr > th {border-bottom: 0 solid #ddd;}
.btn-group .btn{padding: 3px 12px;}
.nav-tabs > li > a { padding: 3px 15px;}
.nav-tabs > li a {cursor: pointer;}
.panel-heading { padding: 4px 15px;font-weight: bold;cursor: default;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;user-select: none;}
.wizard-panel .nav-buttons { position: absolute;bottom: 32px;}
i.dnd-remove { font-size: 16px;cursor: pointer;position: absolute;right: 4px;top: 6px;}
.form-control {height: 30px;padding: 4px 12px;} 
.calendar-handle button {top: 12px;height: 30px;border-radius: 0;}
.test-comp-tree ul li{position: relative;}
.checks input[type="checkbox"]:not(old), .checks input[type="radio"]:not(old) {width: 28px;margin: 0;padding: 0;opacity: 0;}
.checks input[type="checkbox"]:checked:not(old) + label {background-position: 0 -24px;}
.checks input[type="radio"]:checked:not(old) + label {background-position: 0 -48px;}
.test-comp-tree ul li .checks { position: absolute;left: 19px;}
.test-comp-tree ul li .checks { position: absolute;left: -8px;top: 8px;}
.test-comp-tree ul li .checks label{ cursor: pointer;}
.run-tree.test-case ul li .checks { position: absolute;left: 19px;}
.run-tree.test-case ul li .checks { position: absolute;left: 26px;top: 5px;}
.run-tree.test-case ul li .checks label{ cursor: pointer;}
.testcase-popup-list .checks input[type="checkbox"]:not(old) + label, .checks input[type="radio"]:not(old) + label { line-height: 17px;}
.capitalize { text-transform: capitalize;}
.test-comp-tree ul li span{ padding: 5px 25px;cursor: pointer;}
.form-group {margin-bottom: 10px;}
table.rounded-edge i {margin:0 5px;font-size:17px;}
.custom-tab-panel .tab-content .tab-pane{border-bottom:1px solid #DDD;border-left:1px solid #DDD;border-right:1px solid #DDD;-moz-border-radius:0px 0 5px 5px;-webkit-border-radius:0px 0 5px 5px;border-radius:0px 0 5px 5px;padding:15px;}
img.avatar { width: 50px;margin: 4px;height: 50px;border:2px solid #e2e2e2;border-radius:50px;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:1500px;}
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child{ border-top-right-radius: 0;}
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius: 0;}
/* Image upload*/
.profile-file-field{display:none !important;}
.profile-uploader {position: relative;width: 200px;height: 200px;border: 1px solid #CCC;cursor:pointer;}
.import-uploader { position: relative;width: 200px;height: 200px;cursor: pointer;margin-left: -100px;left: 50%;background: #d4d4d4;border: 1px dashed #222;}
.profile-preview-img, .upload-handle {width: 100%;height: 100%;position: absolute;}
.upload-handle {background: rgba(0,0,0,0);visibility:hidden;}
.profile-uploader:hover .upload-handle {background: rgba(0,0,0,0.2);visibility:visible;}
.upload-handle {font-size: 20px;color: #FFF;text-align: center;padding-top: 41%;text-shadow: 0 0 3px #000;}
.modal-header{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.import .upload-handle { opacity: 1 !important;visibility: visible;}
.modal-header .close {display:none;}
.modal-title {font-weight: bold;font-size: 13px;}
.modal-footer {padding: 5px;}
.author-info {width: 100%;position: fixed;bottom: 0;text-align: center;line-height: 10px;padding-top: 10px;z-index: 999;}
span.required {color: #FF0000;padding: 0 2px;}
span.fullScreenhandle { position: absolute;right: 6px;bottom: 5px;font-size: 21px;cursor: pointer;}
.empty-panel span { width: 100%;float: left;text-align: center;font-size: 20px;top: 180px;position: relative;}
/*Dashboard*/
.dashboard table{table-layout: fixed;}
.dashboard table tr td div,.dashboard table tr th div{ overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dashboard span.label { display: block;width:68px;text-align: center;}
.dashboard .tab-content { background: #FFF;border: 1px solid #CCC;border-top: none;min-height: 100px;padding: 10px;}
.dashboard .tab-pane h4 {font-size: 14px;}
.dashboard table tr th {background: #e6e6e6;}
.graph-info-box {min-height: 38px;}
.status-box { background: #FFF;padding: 0 0 10px;min-height: 267px;position: relative;}
.dash-row h3 { margin: 10px 0 0;}
select.dash-project-select { padding: 7px;min-width: 250px;border: 1px solid #CCC;}
.app-listing {min-height: 125px; max-height: 125px; overflow-y: auto;background: #fbfbfb;color:#000000; text-align:left; text-transform: capitalize; white-space: nowrap;}
.app-listing>.panel-body{padding:5px;}
.app-listing>span {float: left;color: #003C51;}
.status-box.green{ border-bottom: 4px solid #0097ac;}
.status-box.yellow { border-bottom: 4px solid #FDB45C;}
.status-box.blue { border-bottom: 4px solid #00ADF9;}
.status-box.red { border-bottom: 4px solid #ea5a5a;}
.status-box span.count {color: #FFF;padding: 3px;border-radius: 3px;min-width: 45px;text-align: center;position: absolute;right: 8px;top: 8px;}
.row-2 .panel {min-height: 300px;}
.status-box.green span.count, .label-color.green{ background: #0097ac;}
.status-box.yellow span.count, .label-color.yellow { background: #FDB45C;}
.status-box.blue span.count, .label-color.blue { background: #00ADF9;}
.status-box.red span.count, .label-color.red { background: #ea5a5a;}
.status-box.grey span.grey, .label-color.grey { background: #4D5360;}
.status-box.violet span.violet, .label-color.violet { background: #ce57ff;}
.label-color.command{ background: #006e74;}
.label-color.swing { background: #79aabd;}
.label-color.windows { background: #ce93d8;}
.label-color.mobile { background: #8b93f5;}
span.label-color { width: 10px;height: 10px;float: left;margin: 4px 10px;}
.color-info p { float: left;margin: 0 0 0 0;min-width: 30%;}
.statistics-block ul {list-style: none;margin: 0;padding: 0 6px;}
.statistics-block h4 { margin: 0;padding: 3px 0;}
.statistics-block ul li .count { float: right;font-weight: bold;text-shadow: none;}
.statistics-block ul li { border-bottom: 1px dotted #CCC;padding: 8px 0;color: #5f7388;float: right;}
ul.multiline-info li div.label {display: inline;float: left;width: 100%;text-align: left;color: #4d5360;padding: 0;   margin: 4px 0;font-size: 11px;font-weight: normal;position: relative;}
.statistics-block ul li {border-bottom: 1px dotted #CCC;padding: 8px 0 8px 0;color: #5f7388;float: right;width: 100%;}
ul.multiline-info li:last-child {border: none;}
.statistics-block {position: relative;top: -10px;}
.tile h4 {font-size: 17px;font-weight: normal;padding: 0 15px;text-align: center;color: #5f7388;}
.tile .count {background: #ea5a5a;color: #FFF;padding: 3px;min-width: 40px;position: absolute;
right: 27px;border-radius: 3px;text-align: center;}
.drag-search {width: calc(100% - 50px);left: 17px;position: relative;top: 2px;height: 40px;}
.drag-search input[type='text'] {height: 27px;font-size: 13px;padding-left: 24px;border-radius: 3px;background: #fbfbfb;margin: 10px 0 0 0;}
textarea.large {height: 92px;}
.statistics-block ul li.yellow span{ background: #fdb45c;}
.statistics-block ul li.red span, .ticket.red{ background: #ea5a5a;}
.statistics-block ul li.green span, .ticket.green{ background: #0097ac;}
.statistics-block ul li.blue span{ background: #00ADF9;}
.statistics-block ul li.grey span{ background: #4D5360;}
.statistics-block ul li.orange span{ background: #F17D4A;}
.statistics-block ul li.olive span{ background: #9B4BA2;}
.statistics-block ul li span.count { padding: 1px;color: #FFF;border-radius: 3px;font-weight: normal;width: 30px;text-align: center;}
.db-block { width: 100%;text-align: center;font-size: 50px;}
p.status-count { font-size: 26px;line-height: 16px;}
.icon-wrapper {float: left;padding: 29px; width: 98px;height: 98px;overflow: hidden;}
table.rounded-edge { table-layout: fixed;}
table.rounded-edge tr td, table.rounded-edge tr th {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.run-tree span { cursor: pointer;width: 100%;display: block;overflow: hidden;text-overflow: ellipsis;
 white-space: nowrap;padding: 2px;border: 1px solid transparent;}
.test-case.run-tree input[type="checkbox"] { position: absolute;z-index: 1000;left: -27px;top: 5px;}
.test-case.run-tree ul li span { padding-left: 20px;position: relative;}
span.sub-heading { font-size: 14px;}
.test-case.run-tree ul li ul li{padding: 0;}
.test-case.run-tree ul li span i.pull-right { position: absolute;right: -6px;top: 5px;padding: 0 5px;}
.actions.root { top: 5px;}
table.rounded-edge tr td div, table.rounded-edge tr th div { text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.ie table.rounded-edge tr td div, table.rounded-edge tr th div { text-overflow: ellipsis;white-space: nowrap;overflow: visible;}
table.rounded-edge tr td div span.label { color: #FFF;font-size: 11px;}
.arguments-table tr td input[type='text'] {width: 100%;}
.nopadding{padding-left: 0;padding-right: 0;}
.nopadding-left{padding-left: 0;}
.tree-view.seq-tree ul li { padding: 5px 0;}
table a { cursor: pointer;text-decoration: none !important;}
table a i:hover {color: #0097ac !important;}
.testflow-actions i, .wizard-tree .actions i{font-size: 13px;}
.testflow-actions i:hover, .wizard-tree .actions i:hover {color: #0097ac !important;}
.testflow-actions i.fa-trash:hover, .wizard-tree .actions i.fa-trash:hover {color: #ea5a5a !important;}
.cond-br-text:focus {color: #0ba584;outline: none;}
table a i.fa-trash:hover, table a i.fa-ban:hover {color: #ea5a5a !important;}
.test-data-manager input[type='text'] { height: 25px;margin: 0;padding: 3px;width: 200px;}
.test-data-manager input[type='button'] { height: 25px;margin: 0;padding: 0 13px;border: 1px solid #b9b9b9;}
.test-data-manager table tr th, .test-data-manager table tr td, .pop-grid table tr th, .pop-grid table tr td{ padding: 3px;}
.test-data-manager table tr td .item-value span, 
.test-data-manager table tr td .item-map span, 
.test-data-manager table tr td .item-list span{width: 200px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;float: left;}
.test-data-grid tr th {max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
table.test-data-grid tr td:first-child {min-width: 60px;}
.test-data-manager table tr td i,
.pop-grid table tr td i { font-size: 15px;position: relative;top: 4px;color: #4c5d6f;}
.test-data-manager table tr td span i{color:#0097ac;top: 0px;}
.test-data-manager table tr td span:hover i{color:#FFF;}
.item-value span i {position: absolute;right: 0;top: 3px;}
.item-value span:hover {background: #0097ac;color: #FFF;border: 1px solid #2e6da4;}
.item-value .middlemiddle {left: calc(50% - 10px);}
.nav-button { margin-bottom: 10px;margin-top: 3px;min-width: 100px}
.chooden { padding-top: 32px;}
i.tree-node-toggle { font-size: 15px;position: relative;left: -4px;}
.testCase-tree.drop-bag ul li span.root-title { padding: 5px 8px;}
select[multiple] { border: 1px solid #CCC;}
.chooden button { margin: 5px 0;}
select.page-count { position: relative;bottom: 28px;left: 10px;}
ul.multiline-info li div i {position: absolute;right: 0;font-style: normal;color: #FFF;padding: 3px;border-radius: 3px;min-width: 20px;text-align: center;top: -3px;}
.statistics-block ul li strong {margin: 3px 0;display: block;}
.content-wrapper { padding: 2px;text-align: center;}
p.status-line { margin: 0 0 !important;color: #5f7388;}
h4.status-label {margin: 5px 0;text-align: left;color: #5f7388;padding: 10px;font-size: 17px;min-height: 55px;}
.place-holder {height: 200px;text-align: center;line-height: 180px;}
ul.multiline-info li span {width: 100%;float: left;font-weight: bold;}
ul.multiline-info li div i {position: absolute;right: 0;font-style: normal;color: #FFF;padding: 3px;
border-radius: 3px;min-width: 20px;text-align: center;}
ul.multiline-info li div i.grey {background: #4D5360;}
table.table.table-striped.tabs-table { margin-bottom: 5px;}
span.fullScreenhandle img { width: 20px;height: 20px;}
ul.list-box {list-style: none;padding: 0;margin: 0;background: #FFF;}
ul.list-box li {padding: 9px 8px;border-bottom: 1px solid #EAE9E9;cursor: pointer;white-space: nowrap;
text-overflow: ellipsis;overflow: hidden;position: relative;font-weight: bold;text-transform: uppercase;
 color: #2b5e77;}
ul.list-box li:hover {background: #F5F5F5;}
.dropdown-menu a{cursor: pointer;}
ul.list-box li span { position: absolute;padding: 6px;right: 10px;}
.load-more {color:#fff;position: relative; cursor: pointer;font-size: 18px;margin-top: 16px;border-bottom: 1px solid #26b99a;}
.load-more:hover {color: #26b99a;}
/*Grid */
table .tr-ng-sort { float: right;}
.tr-ng-column-header input[type="text"]{height: 25px;}
.tr-ng-column-filter input[type="text"]:focus,.tr-ng-column-filter input[type="text"]:active{ outline:none; }
span[tr-ng-grid-global-filter] { display: none;}
/* [global-filter="true"] span[tr-ng-grid-global-filter] { position: absolute;top: -50px;display: block;left: 100px;
 width: 50%;}
[global-filter="true"] span[tr-ng-grid-global-filter] input[type="text"] { box-shadow: none;background: #fbfbfb;border: 1px solid #CCC;border-radius: 3px;}
[global-filter="true"]{ position: relative;z-index: 10;}
span[tr-ng-grid-global-filter] input[type="text"], span[tr-ng-grid-global-filter] span{width: 100%;height: 35px;float: left;}
[global-filter="true"] span[tr-ng-grid-global-filter] span::after {content: '\f002';width: 20px;height: 20px;font: normal normal normal 14px/1 FontAwesome;position: absolute;left: 6px;top: 10px;color: #989a9c;}
[global-filter="true"] span[tr-ng-grid-global-filter] span input {padding-left: 30px;}
.defect-grid [global-filter="true"] span[tr-ng-grid-global-filter] {left: 160px;}
.drag-search::after {content: '\f002';width: 15px;height: 15px;font: normal normal normal 14px/1 FontAwesome;position: absolute;left: 6px;top: 6px;color: #989a9c;}
 */table.rounded-edge span.pull-right.form-group.ng-scope{ height: 27px;position: relative;bottom: 19px;}
.tr-ng-column-filter input[type="text"] { z-index: 99;position: relative;width: 90%;border: 1px solid #b1b1b1;background: #e6e6e6;font-weight: normal;}
.tr-ng-column-filter input[type="text"]:focus { background: #FFF;}
::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {font-weight: normal;}
ul.bread-crumb.wizard { float: left;list-style: none;}
ul.bread-crumb.wizard li { float: left;margin: 10px 4px;}
ul.bread-crumb.wizard a { float: left;color: #0097ac;position: relative;background-color: #fafafa;cursor: pointer;min-width: 15px;text-align: center;border:none;padding: 0;}
ul.bread-crumb.wizard a:hover{text-decoration: underline;}
ul.bread-crumb.wizard li::before { content: "> ";position: relative;top: -1px;z-index: 100;float: left;left: -3px;}
ul.bread-crumb.wizard li:first-child::before { content: "";}
ul.bread-crumb.wizard a::after { z-index: 2;border-left-color: #fafafa;}
ul.bread-crumb.wizard a::before { border-left-color: #fafafa;right: -1.1em;z-index: 1;}
.row { margin-bottom: 10px;}
.tr-ng-column-filter select {background: #FFF;position: relative;top: -25px;z-index: 0;width: 100%;border: none;height: 25px; color: #000;}
.tr-ng-column-filter select:focus,.tr-ng-column-filter select:active{ outline:none;}
.tr-ng-column-filter { height: 25px;margin-top: 15px}
.pagination > li > a, .pagination > li > span {padding: 2px 12px;}
.modal.large-sc-window .modal-lg { width: 98%;}
table.env-list tr td { border-left: none;}
/*Tree*/
.tree-panel {width: 280px;height: 100%;overflow: hidden;position: fixed;left: -265px;top: 51px;
z-index: 99;background: #FFF;}
.tree-panel.opened {left: 0;}
.tree-panel .tree-handle {width: 15px;height: 100%;position: absolute;background: #f8f8f8;right: 0;top: 0;cursor: pointer;border-right: 1px solid #DDD;border-left: 1px solid #DDD;}
.tree-content { height: 100%;width: 265px;padding: 10px;}
.tree-handle i {font-size: 27px;color: #666;position: relative;left: 1px;top: 45%;}
.half-grid { height: 30vh;overflow: auto;}
.pop-grid { max-height: 200px;overflow: auto;}
.item-value span, .item-map span, .item-list span { background: #e4e4e4;padding: 3px;border: 1px solid #CCC;cursor: pointer;min-width: 51px; float: left;min-height: 25px;text-align: left;width: 100%; position: relative;}
.item-value span:hover{background: #0097ac;border-color: #2e6da4;}
.item-map span, .item-list span{color: #0097ac;text-align: center;}
.item-map span:hover, .item-list span:hover {color: #FFF;background: #0097ac;border-color: #2e6da4;}
.selectable-item.active{color: #0ba584;}
.seq-component .test-comp-tree ul li span { max-width: 97%;}
[top-label="true"] .tr-ng-title { position: relative;top: -39px;z-index: 1000;}
th[options="false"] select { display: none;}
th[options="false"] input[type="text"] { width: 100%;}
table.rounded-edge tr th[top-label="true"] div { overflow: visible;}
table.large-table tr td { padding: 10px 2px;}
table.narrow-row tr td { padding: 0;}
.scheduler-right-content { height: 565px;overflow-y: scroll;overflow-x: hidden;}
.sc-panel { margin-bottom: 0;margin-left: 15px;}
.scheduler-right-content textarea { height: 91px;resize: none;}
.checks.scheduler-head input[type="checkbox"] { position: absolute;top: 6px;left: -5px;}
.schedule-day-grid{table-layout: fixed;}
.schedule-day-grid .checks input[type="checkbox"]:not(old) + label, .checks input[type="radio"]:not(old) + label {
 margin-left: 0;cursor: pointer;position: relative;top: 5px;}
.scheduler-head label { text-transform: capitalize;cursor: pointer;}
table.schedule-day-grid tr td { padding: 0;}
.schedule-table-wrap{overflow-x: scroll;}
.schedule-table-wrap table{width:853px;}
.schedule-day-grid td .scheduler-head { padding-left: 5px;}
ul.browser-list { list-style: none;padding: 0;width: 170px;}
.browser-list label { font-weight: normal;cursor: pointer;margin: 0;padding: 0;}
.browser-list .check-m{position: relative;}
table.env-list tr:hover { border: none !important;}
table.env-list { float: left;width: 100%;}
.info-text { margin: 0;font-size: 10px;}
.day-mark{display: none;}
.schedule-day-grid .selectedScCell .day-mark { position: relative;left: 28px;top: 1px;color: green;font-size: 22px;display: block;}
div#ui-datepicker-div { z-index: 4000 !important;}
.schedule-day-grid tr td{cursor: pointer;}
.schedule-day-grid tr td:hover{background: #CCC;}
span.label.ng-binding.selected { font-weight: bold;}
span.envBtn { border: 1px solid #CCC;padding: 0 6px;margin: 1px;cursor: pointer;background: #e0e2e0;}
span.envBtn:hover{background: #CCC;}
.pag-nav { float: left;}
.pag-nav ul { margin: 0;padding: 0;}
span.page-stat { padding: 2px 10px;float: left;background: #FFF;border: 1px solid #CCC;position: relative;
 left: -1px;color: #737373;}
.page-wrapper { padding: 8px 0;float: left;width: 100%;}
.mid { margin: 0 auto;display: table;}
.choose-info { font-size: 15px;text-align: center;padding: 10px;}
.choose-info p { margin: 15% 0 0;}
ul.list-group.req-list i { font-size: 16px;line-height: 20px;}
.download-box p { float: left;width: 100%;margin: 7px 0;}
.download-box { text-align: center;cursor: pointer;padding: 10px;box-sizing: border-box;width: 140px;height: 120px;float: left;}
.downloads-block { width: 520px;display: block;}
p.ns-desc { line-height: 21px;margin-top: 40px;}
ul.req-list li { padding: 4px 0;}
button.launch span:before { content: '';background: url(../../assets/images/java-icon.png);width: 32px;height: 32px; left: -30px;top: -9px;position: absolute;transform: scale(0.6);}
ul.req-list { margin-left: 20px;}
.installer h5 { font-size: 13px;font-weight: bold;color: #40576E;}
.installer .ns-main{max-width: 200px;margin: 0 auto;}
.installer { margin-top: 30px;}
.installer button.launch span{position: relative;left: 10px;top: 0;}
.appiumDiv {width:100%; margin:2%;}
.installer .download-box i { font-size: 50px;}
.installer .download-box a.blue { color: #0097ac;width: 100%;display: block;height: 100%;border: 1px solid #CCC;padding: 10px;}
.installer .plugins-grid ul li {padding-left: 30px;position: relative;margin: 7px;line-height: 24px;}
.installer .installer-icon {background-image: url(../../assets/images/installer_icons.png);width: 25px;height: 25px;position: absolute;left: 0;top: 0;}
.installer-icon.netbeans{background-position: 0 0;}
.installer-icon.ii{background-position: 0 -74px;}
.installer-icon.eclipse{background-position: 0 -40px;}
.installer-icon.jenkins{background-position: -100px -4px;}
.installer-icon.bamboo{background-position: -90px -40px;}
.installer-icon.tc{background-position: -28px -75px;}
.installer-icon.windows{background-position: -202px -4px;}
.installer-icon.linux{background-position: -108px -76px;}
.installer-icon.mac{background-position: -147px -79px}
.installer-icon.hp{background-position: -293px -4px;}
.installer-icon.bugzilla{background-position: -202px -40px;}
.installer-icon.jira{background-position: -285px -42px;}
.installer .plugins-grid ul li:first-child {color: #2f4357;}
.installer .plugins-grid ul li {color: #8e8e8e;}
.plugins-grid ul li a {cursor: pointer;}
h1.logo { background-size: 179px;background-repeat: no-repeat;background-position: 0 -15px;font-size: 30px;letter-spacing: -3px; background-image: url(../assets/images/coffee_logo.png);line-height: 1000;background-color: #003C51;}
.striked{text-decoration: line-through;}
button.launch { background: #ff8d01;color: #FFF;border: 1px solid #a75c00;padding: 7px 25px;cursor: pointer;margin: 10px 0;}
button.launch:hover{ background: #ff8d00;}
.download-box a:hover{ color: #1f5c90;}
button.btn.small { font-size: 13px;padding: 2px 10px;margin-bottom: 10px;}
.run-tree.sequence.test-flow .drop-bag ul li span.root-title { font-size: 13px;}
#prettyJsonWrapper span.key { color: blue;}
#prettyJsonWrapper span.number { color: red;}
#prettyJsonWrapper span.string { color: green;}
#prettyJsonWrapper span.boolean { color: #000;}
pre#prettyJsonWrapper { max-height: 55vh;height: 55vh;overflow-y: auto;overflow-x: hidden;}
.ws-resp-body code, .ws-resp-body .preview { max-height: 55vh;height: 55vh;overflow-y: auto;display: block;
 overflow-x: hidden;}
.ws-resp-body div#preview iframe { width: 100%;height: 50vh;border: 1px solid #CCC;}
.seq-component .run-tree.test-comp-tree { height: 65vh;overflow-y: auto;}
/* utilities */
.accordion-wrap .head { color: #313131;font-weight: bold;background: #dcdada;border-radius: 0;padding: 5px;
 border: 1px solid #a9a9a9;cursor: pointer;}
.accordion-content { padding: 15px;border: 1px solid #c3c3c3;}
.k-text { position: relative;}
.keyboard-icon { width: 52px;height: 45px;position: absolute;right: 0;top: 1px;
background: url(../../assets/images/keyboard-icon.png);background-size: 44px;background-repeat: no-repeat;cursor: pointer;}
.report-tabs ul{list-style: none; padding: 0; margin: 0;}
.report-tabs li{float: left; border: 1px solid #dcdcdc; border-bottom-width: 0; margin: 0;}
.report-tabs a{text-decoration: none;display: block;background: #eee;padding: 0.24em 1em;color: #424344;text-align: center;cursor: pointer;}
.report-tabs a:hover{background: #ddf;}
.report-tabs .selected{border-color: #dcdcdc;}
.report-tabs .selected a{position: relative;top: 1px;background: white;color: black;font-weight: bold;}
 .report-tabs-content {border: 1px solid #dcdcdc; clear: both; padding: 0 1em; background:#FFF;}
.key-table .key { float: left;padding: 10px 10px;text-align: center;margin: 3px;background: #e6e6e6;cursor: pointer;
 border-radius: 7px;border: 1px solid #adadad;box-shadow: 1px 2px 0 #b1b1b1;font-weight: bold;min-width: 35px;
 user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;}
ul.dnd-list-box li { border: 1px solid #CCC;padding: 5px;margin: 4px 2px;cursor: move;position: relative;
 height: auto;white-space: nowrap;text-overflow: ellipsis;background: #FFF; user-select:none;}
ul.dnd-list-box-default li { border: 1px solid #CCC;padding: 5px;margin: 4px 2px;position: relative;
 height: auto;white-space: nowrap;text-overflow: ellipsis;background: #FFF; user-select:none;}
ul.dnd-list-box-default {margin: 0;padding: 0;max-height: 200px;overflow-y: scroll;overflow-x: hidden;height: 250px;}
.business-component .tab-content { background: #FFF;border: 1px solid #CCC;border-top: none;min-height: 100px;padding: 10px;}
.business-component {overflow: hidden;}
.business-component .panel-heading {position: relative;}
.business-component span.tree-button {position: relative;top: -1px;right: -12px;background: #304457;padding: 1px 5px;cursor: pointer;}
.business-component .if-title {margin: 0 0 25px 0;}
.business-component table thead tr th:last-child {width: 70px;}
.business-component table tbody tr td:last-child div {text-align: center;}
.business-component table tbody tr:last-child td {padding: 5px;}
.business-component .if-title span {position: relative;top: 10px;}
.default-pane {text-align: center;padding: 83px 0;}
.default-pane p {margin: 15px 0 0 0;}
ul.dnd-list-box li[draggable="false"]{cursor: default;}
ul.dnd-list-box li:hover {background-color: #0097ac;border-color: #2e6da4;color: #FFF;}
ul.dnd-list-box li.highlight-rm {background: #ea5a5a;border: 1px solid red;}
ul.dnd-list-box-default li.highlight-rm {background: #ea5a5a;border: 1px solid red; color: #FFF;}
.normal-text {font-weight: normal;}
.dnd-title {margin: 4px;position: relative;}
.dnd-title .label-count {position: absolute;right: -10px;top: -1px;font-size: 13px;line-height: 11px;}
.active.dragable-container div:nth-child(2) ul {border: 1px dotted #0097ac;background: #e9fffb;}
.drop-info { text-align: center;width: 100%;position: absolute;top: 30%;}
.key-table .key:active { border: 1px solid #adadad;box-shadow: 1px 1px 1px #b1b1b1 inset;background: #f5f5f5;color: #7b7a7a;}
.vir-keyboard .row { padding: 4px 0;margin-bottom: 0;}
.vir-keyboard input[type="text"] { width: 100%;margin: 10px 0 0 0;padding: 4px;background: #b3cbd6;border: 1px solid #FFF;color: #FFF;}
div#text_box { background: #CCC;border: 1px solid #9c9c9c;padding: 10px;margin: 2px;
 float: left;min-width: 100%;min-height: 55px;}
#text_box code { padding: 4px 8px;background: #FFF;border-radius: 3px;position: relative;
 margin: 2px 3px;font-size: 15px;float:left;}
#text_box code i { user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;
 width: 10px;height: 10px;position: absolute;top: -3px;right: -2px;
 border-radius: 2px;cursor: pointer;}
.key-table.opt-btns div.key { width: 26%;padding: 10px 0;}
.key-table .key.keyActive{ border: 1px solid #adadad;box-shadow: 1px 1px 1px #b1b1b1 inset;background: #f5f5f5;color: #7b7a7a;}
.key.long{ width: 157px;}
.mouse-wrap { width: 100%;float: left;height: auto;}
.mouse { width: 170px;height: 300px;margin: 8px auto;position: relative;}
.tail { width: 10px;height: 50px;background: #101010;position: relative;left: 79px;}
.left-button { width: 50%;border: 1px solid #000;height: 100px;border-radius: 70% 0 0 0;
 float: left;cursor: pointer;box-shadow: 0 0 22px #797979 inset;}
.right-button { width: 50%;border: 1px solid #000;height: 100px;border-radius: 0 75% 0 0;
 float: left;box-shadow: 0 0 22px #797979 inset;cursor: pointer;}
.left-button:active, .right-button:active{ background: #CCC;}
.bottom-case { width: 100%;border: 1px solid #000;height: 180px;
 border-radius: 0 0 50% 50%;float: left;box-shadow: 0 0 22px #797979 inset;}
.scroller { width: 27px;height: 60px;position: absolute;display: block;
 background: #000;left: 72px;top: 70px;border-radius: 10px;}
.mouse .scroll-btn { width: 100%;float: left;height: 20px;text-align: center;}
.mouse i {color:#FFF;cursor: pointer;font-size: 15px;}
table.auto-width { table-layout: auto;}
table.auto-width tbody tr td{border: 1px solid #CCC;}
span.highlighted { background: yellow;}
.wide { width: 100%;display: block;}
p.status-count-text { text-align: center;width: 100%;position: absolute;top: 70px;z-index: 10;font-size: 25px;}
.add-component-popup p.status-count-text { text-align: center;width: 100%;position: absolute;top: 18px;z-index: 10;font-size: 25px;}
.status-gauge { height: 135px;position: relative;}
.add-component-popup .status-gauge { height: 80px;position: relative;}
.run-tree.test-comp-tree.calc-hight { height: calc(65vh - 80px);height: -webkit-calc(65vh - 80px);height: -moz-calc(65vh - 80px); }
.link{cursor: pointer;text-decoration: underline;color: #0097ac;}
.status-gauge svg { height: 120px;margin: 0 auto;width: 100%;}
section.tree-search { float: left;position: relative;top: 9px;width: 265px;height: auto;z-index: 100;}
section.tree-search input { width: 256px;border: none;background: #4c5d6f;color: #FFF;border-radius: 8px;padding: 6px;margin: 5px 3px 10px 4px;outline: none;}
i.popup-close.big { color: #FFF;position: absolute;right: 7px;padding: 7px;top: 6px;font-size: 17px;cursor: pointer;}
i.popup-close.big:hover { background: #007d65;}
i.popup-close.small { position: absolute;right: 3px;top: 3px;padding: 4px 6px;color: #FFF;font-size: 14px;cursor: pointer;}
/* utilities end */
.count-bag {float: left;position: relative; font-size: 24px;}
.count-bag .sticker { background: #f00;color: #FFF;position: absolute;font-size: 12px;padding: 3px 7px;border-radius: 3px;left: 30px;top: 6px;}
span.sticker {position: absolute;right: 15px;width: 26px;height: 20px;z-index: 100;top: 0px;text-overflow: initial;font-size: 11px;line-height: 14px;text-align: center;border-radius: 3px;}
.sticker.yellow {background: #FDB45C;color: #FFF;}
span.red{color: #ea5a5a;}
span.green{ color: #0097ac;}
.runtime-textinput{ height: 22px;padding: 5px;width: 100%;}
i.fa-hand-o-left { animation: handAnimate 2s infinite;position: relative;transition-timing-function: linear;}
.long-text,
table.rounded-edge tr td div.long-text,
table.rounded-edge tr td.long-text{ overflow: visible !important;word-wrap: break-word !important;white-space: pre-wrap !important;}
.run-tree.sequence.test-flow ul li { position: relative;}
span.testflow-actions { position: absolute;right: 0;top: 6px;width: 55px;}
.import div.circle { width: 150px;height: 150px;background: #CCC;border-radius: 50%;margin: 0 auto;}
.fa.top-gap { margin-top: 4px;}
[user-role="Viewer"] span[tr-ng-grid-global-filter],
[user-role="Executor"] span[tr-ng-grid-global-filter] { left: 0 !important;}
.import div.circle i { font-size: 40px;margin: 26px 0 0 0;}
.import div.circle h4 { width: 100px;margin: 11px auto;font-size: 17px;}
.import p { margin: 15px 0;}
.import-file-field#import_file{display: none;}
div[ui-view] { overflow: hidden;}
input.commandline { width: 100%;background: #000;border: #CCC;color: #FFF;padding: 10px 10px 10px 30px;font-family: monospace;font-size: 15px;}
input.commandline::before { content: '';width: 20px;height: 20px;display: block;}
.relative{position: relative;}
.add-header-btn{top: 5px;padding: 5px 13px;}
span.commandline-icon { position: absolute;color: #FFF;font-size: 26px;font-family: monospace;padding: 0 5px;}
.otp-table .checks input[type="checkbox"]:not(old), .checks input[type="radio"]:not(old) { height: 18px;}
.otp-table .checks input[type="checkbox"]:not(old) + label { line-height: 17px;}
/*Reports*/
button.report-search-button { width: 100%;height: 33px;position: relative;top: 3px;}
.left-section .checks {position: relative;}
.left-section .form-group {position: absolute;left: 20px;top: 3px;}
.task-grid table tbody tr td:first-child {position: relative;}
.task-grid .task-td-title {width: 85%;overflow: hidden;float: left;text-overflow: ellipsis;
white-space: nowrap;}
.task-grid .sticker {padding: 1px;background: #1989ff;color: #FFF;border-radius: 3px;position: absolute;
right: 4px;width: 16px;text-align: center;font-size: 11px;top: 4px;cursor: default;}
.bordered {border: 1px dotted #CCC;min-height: 350px;}
section.string-list ul {margin: 10px 0 0 0;padding: 10px;float: left;border: 1px dotted #CCC;width: 100%;}
.bottom-right-positioned {bottom: 0;right: 0;}
section.string-list ul li {width: 50%;float: left;}
section.string-list label {font-size: 11px;position: relative;top: -2px;}
.result-preview {float: left;width: calc(100% - 100px);padding: 7px;}
pre.result-preview span {float: left;}
.file-manipulation-popup label {font-weight: normal;}
.bordered-sec-label {padding: 7px 10px 0;font-weight: bold !important;}
.file-manipulation-popup h5 {font-size: 13px;font-weight: bold;}
.checks label, .form-group label {font-weight: bold;}
.nomargin-bottom{margin-bottom: 0;}
.nopadding-right{padding-right: 0;}
span.number-sticker {color: #FFF;padding: 3px;border-radius: 3px;width: 41px;display: block;margin: 5px auto 0;}
span.number-sticker.blue {color: #00adf9;}
span.number-sticker.green {color: #0097ac;}
span.number-sticker.red {color: #ea5a5a;}
.tabs-grid-wrapper table {border: 1px solid #CCC;margin-bottom: 0;}
.bordered section.row {padding-bottom: 20px;margin-bottom: 0;}
.bordered section.row.active {box-shadow: 0 0 10px #CCC inset;border: 1px solid #b5b5b5;}
.table-hover tbody tr:hover td {background: #e4e4e4;}
.comp-options-add {position: absolute;right: 20px;top: 5px;cursor: pointer;font-size: 19px;color: #0ea286;transition: all 0.3s;}
.comp-options-add-default {position: absolute;right: 0px;top: 0px;cursor: pointer;font-size: 16px;color: #4c5d6f;}
.comp-options-add:hover {transform: scale(1.2);}
.comp-options-add:hover{color: #0097ac;}
.second-child > i {position: absolute;left: 1px;top: 5px;}
.second-child > span {padding-left: 12px;}
.string-man-controls {position: relative;}
.string-man-controls i {position: absolute;right: 0;top: 0;}
.dnd-list-box {height: auto;position: relative;min-height: 280px;margin: 0;padding: 0;}
ul.items-list {margin: 0;padding: 0;min-height: 250px;overflow-y: auto;height: 350px;}
ul.items-list li {padding: 4px 0;cursor: pointer;outline: none;position: relative;}
.abs-right {position: absolute;right: 5px;top: 7px;}
ul.items-list li:hover, ul.items-list li:focus {color: #0ba584;}
input.form-control.small {width: 100px;float: left;}
.input-label {line-height: 25px;margin-left: 10px;}
.dragable-container .panel-body {border-top: 1px solid #CCC;box-shadow: -6px 0 15px #CCC inset;}
.search-filters{background: #efefef;margin: 10px 0 0;}
.preload-box {position: relative;top: 5px;}
span.settings-handle {background: #0097ac;text-align: center;width: 25px;position: absolute;border-radius: 50%;height: 25px;
line-height: 24px;left: -17px;z-index: 100000;top: 1px;cursor: default;color: #FFF;border: 1px solid #FFF;}
.settings-handle.break{background-color: #ea5a5a;}
.settings-handle.continue{background-color: #fd910f;}
.settings-handle::after {content: '';height: 13px;width: 1px;position: absolute;border-left: 2px solid #4c5d6f;left: 11px;top: 23px;}
.dnd-right-sec li:last-child .settings-handle::after {display: none;}
.dnd-right-sec li {margin-left: 20px !important;padding-left: 15px !important;}
.dnd-right-sec .step-settings {position: absolute;right: 26px;top: 7px;cursor: pointer;font-size: 15px;/*display: none;*/}
.step-settings-popover {position: absolute;right: -27px;top: 30px;color: #000;font-family: verdana;background: #FFF;
font-size: 12px;padding: 0; display: none; z-index: 200;box-shadow: 0 0 4px #5f5f5f;border-radius: 3px;}
.popover-arrow {position: absolute;top: -12px;right: 17px;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #FFFFFF;width: 0;height: 0;-webkit-filter: drop-shadow(0 -3px 2px #a7a7a7);}
label.tech-sticker {position: absolute;right: 0;top: 4px;background: #CCC;padding: 2px 4px;border-radius: 3px;font-size: 11px;
line-height: 1.5;}
.text-green{color: #0097ac;}
.text-red{color: #ea5a5a;}
.text-yellow{color: #fd910f;}
.switch-field {padding: 0;overflow: hidden;width: 210px;}
.switch-title {  margin-bottom: 6px;}
.v-tabs .active {background: #efefef;border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.right-box {border: 1px solid #efefef;min-height: 140px;margin-right: 0;background: #efefef;border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
.switch-field input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}
.switch-field label {  float: left;}
.switch-field label {display: inline-block;width: 70px;background-color: #FFFFFF;color: rgba(0, 0, 0, 0.6);font-size: 11px;
font-weight: normal;text-align: center;text-shadow: none;-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;margin: 0;padding: 10px 0;}
.switch-field span {display: block;margin-top: 8px;}
.switch-field i{font-size: 15px;}
.switch-field label:hover {cursor: pointer;}
.switch-field input.mandatory:checked + label {background-color: #0097ac;-webkit-box-shadow: none;box-shadow: none;color: #FFF;}
.switch-field input.break:checked + label {background-color: #ea5a5a;-webkit-box-shadow: none;box-shadow: none;color: #FFF;}
.switch-field input.continue:checked + label{background-color: #fd910f;-webkit-box-shadow: none;box-shadow: none;color: #FFF;}
.switch-field input.continue:checked + label div{border-bottom: 15px solid #fd910f;}
.error-404 {position: fixed;left: 0;top: 6%;}
.error-404 h1 {text-align: center;margin-top: 10%;font-size: 100px;}
.error-404 h2{text-transform: uppercase;}
.error-404 h2, .error-404 h4{text-align: center;}
.switch-light {position: absolute;display: block;right: 47px;top: 3px;background: #CCC;height: 21px;overflow: hidden;border-radius: 4px;cursor: pointer;border: 1px solid #FFF;}
.switch-light input {position: absolute;opacity: 0;z-index: 3;}
.switch-light > span {position: relative;overflow: hidden;display: block;min-height: 2em;padding: 0;text-align: left;width: 30px;box-shadow: inset 0 0 4px #5f5f5f;}
.switch-light span span {position: relative;z-index: 2;display: block;float: left;width: 50%;text-align: center;user-select: none;}
.switch-light::after {clear: both;content: '';display: table;}
.switch-candy a {box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.45);
background-color:#0097ac;background-image: linear-gradient(rgba(255, 255, 255, 0.2), transparent);}
.switch-light a {position: absolute;right: 100%;top: 0;z-index: 1;display: block;width: 100%;height: 100%;padding: 0;}
.switch-light a {display: block;transition: all 0.2s ease-out;background: #CCC;}
.switch-light.switch-candy span span, .switch-light.switch-candy input:checked ~ span span:first-child, .switch-toggle.switch-candy label {color: #fff;font-weight: normal;text-align: center;line-height: 22px;}
.switch-light span span {position: relative;z-index: 2;display: block;float: left;width: 100%;text-align: center;user-select: none;}
.switch-light input:checked ~ span a {right: 0%;background: #0097ac;}
.top1px{top:1px !important;}
.testCase-tree .nomargin-left {margin: 0 0 0 20px;padding: 0;}
.hp-alm{width: 52px;height: 24px;background-position: -291px -3px;background-image: url(../../assets/images/installer_icons.png);display: block;margin: 4px;border: 1px solid #0093d5;border-radius: 3px;cursor: pointer;}
.runBtn{text-align:right; margin-top:10px;}
.fRight{float:right;}
span.runTitle{width:90% !important; float:left;z-index:1;position:relative;}
span.runTrashIcon{width:10% !important;}
/* Reports - Filter */
.clearFilter{font-size:28px; color:#346ca5; margin-top: 25%; cursor:pointer;}
.encHeading{padding: 1% 1%;}
/* Notifications - count style */
span.notification_count {background: #c51435;text-align: center; width: 20px; position: absolute; border-radius: 50%; height: 20px; color:white; left:80px; top:60px; }
/*map user testdata */
.mapDataKeyName { padding:0px 0px 10px 0px;}
@keyframes handAnimate {
 0% {left: -10px;}
 50% {left: 10px;}
 100% {left: -10px;}
}
.rotating {
 -webkit-animation: rotating 2s linear infinite;
 -moz-animation: rotating 2s linear infinite;
 -ms-animation: rotating 2s linear infinite;
 -o-animation: rotating 2s linear infinite;
 animation: rotating 2s linear infinite;
}

@keyframes rotating {
from {
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to {
 -ms-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}

/* Map User Data - Styles */
.mapUserDataLeft{
	padding:5px;
	text-align: right;
}
.mapUserDataRight{
	padding:5px 5px 5px 10px;
}
/* Filter options of trng grid*/
.trng-grid-left-block{
	display:flex;
}
.trng-grid-left-new-btn{
	display:block;
	
}
.trng-grid-left-filter{
	display:block;
	width:80%;
	margin-left:20px;
	
}
.trng-filter-txt-container i{	
   position: absolute;
   padding:0.8rem;
   color: #989a9c;
   font-size:14px;
}
.trng-filter-txt-container {
   width: 100%;
   margin-bottom: 10px;
}
.filter-trng-txtbox{
	padding-left: 2.5rem;
	color: #989a9c;
	height:34px;
	box-shadow: none;
	background: #fbfbfb;
	border: 1px solid #CCC;
	border-radius: 3px !important;
}




/* .filter-trng-txtbox {content: '\f002';width: 20px;height: 20px;font: normal normal normal 14px/1 FontAwesome;position: absolute;left: 6px;top: 10px;color: #989a9c;}
.filter-trng-txtbox {padding-left: 30px;}

.drag-search::after {content: '\f002';width: 15px;height: 15px;font: normal normal normal 14px/1 FontAwesome;position: absolute;left: 6px;top: 6px;color: #989a9c;}
 
 */