body {background-color: #F7F7F7 ;color: #003C51;}
::-moz-selection { color: #FFF;background: #0097ac;}
::selection {color: #FFF;background: #0097ac;}
.notify-bar {position: fixed;bottom: 150px;right: 20px;background: #FFF;font-size:15px;padding: 5px 20px 5px 43px;min-width: 300px;max-width: 80%;box-shadow: 0px 0px 3px #666;opacity: 0;z-index: 9999;border-radius: 3px;}
.notify-bar h5 {text-transform: capitalize;font-weight: bold;}
.notify-bar .fa-close {position: absolute;top: 6px;right: 6px;font-size: 15px;cursor: pointer;}
.notify-bar .icon-sec i {position: absolute;left: 13px;bottom: 43%;font-size: 16px;}
.notify-bar.success {background: #cdfdcd;color: #0d710d;}
.notify-bar.warning {background: #ffecc0;color: #805404;}
.notify-bar.info {background: #c3f4ff;color: #014352;}
.notify-bar.error {background: #ff8e82;color: #690000;}
.init.pre-loader{display: block; background: rgba(255,255,255,1);}
.init.pre-loader .sk-cube-grid .sk-cube {background-color: #547c90;}
.init.pre-loader span{color:#547c90; }
.login-wrap .logo {background-image: url(../assets/images/coffee_logo.png);color: #E9F8FF;background-size: 146px;background-repeat: no-repeat;background-position: 94px 0px;}
.login-wrap .panel-default > .panel-heading {color: #ECF0F1;font-weight: bold;background: #112942;border-radius: 0;border-bottom: 0;}
h1.logo {background-size: 179px;background-repeat: no-repeat;background-position: 0 -8px;font-size: 30px;letter-spacing: -3px;background-image: url(../assets/images/coffee_logo.png);line-height: 1000;}
.navbar-brand {color: #FFF !important;font-weight: bold;text-shadow: 0px -1px 2px #000;}
.btn-default[disabled]:hover{background-color: #949494;border-color: #ccc;}
treecontrol ul > li {line-height: 30px;}
treecontrol > ul > li ul{background: #4c5d6f;}
treecontrol ul li ul li > ul{background: #CCC;}
treecontrol > ul > li {box-shadow: rgba(0,0,0,0.25) 0 1px 0, inset rgba(255,255,255,0.16) 0 1px 0;background: linear-gradient(#003C51, #2C4257),#003C51;line-height: 40px;border-bottom: 1px solid #1b2733;}
treecontrol > ul > li:last-child {border-bottom: 1px solid #24283a;}
treecontrol > ul > li:hover{ border-right: 4px solid #0097ac; }
treecontrol > ul > li:first-child{ border-top: 1px solid #24283a;}
treecontrol.tree-classic li .tree-selected span.page.icon,
treecontrol.tree-classic li .tree-selected span.webservice.icon,
treecontrol.tree-classic li .tree-selected span.database.icon,
treecontrol.tree-classic li .tree-selected span.mobile.icon,
treecontrol.tree-classic li .tree-selected span.android.icon,
treecontrol.tree-classic li .tree-selected span.mainframe.icon,
treecontrol.tree-classic li .tree-selected span.web.icon{color: #FFF !important;border-right: 0px;}
.nicescroll-cursors {border-radius: 0 !important;border: none !important;width: 5px !important;background: #0097ac !important;}
treecontrol ul li span.icon.project{display: none !important;}
i.remove-page.fa.fa-trash:hover{background: #ea5a5a; }
span.tree-button:hover, i.popup-close.small:hover {background: #0097ac;}
table.rounded-edge a:hover{text-decoration: none;}
span.root-node {display: block;position: relative;left: 0;top: 6px;cursor: pointer;font-size: 14px;
font-weight: normal;color: #555;text-align: left;background: #192432;padding: 3px 8px;width: 265px;
color: #e4e4e4;margin-top: 0px;z-index: 500;
box-shadow: rgba(0,0,0,0.25) 0 1px 0, inset rgba(255,255,255,0.16) 0 1px 0;
background: linear-gradient(#4e5e6f, #334b63),#3e5871;text-align: left;height: 33px;}
span.label-count {background: #0097ac;font-weight: normal;padding: .2em .6em .3em;}
span.node-stat {position: relative;top: 3px;}
.tree-content.design-tree .tree-label span.add-page {left: 180px;background: none;width: 20px;padding: 0;
top: 3px;font-size: 18px;color: #FFF;height: 32px;}
.test-case-tree ul li span.icon{background: none;top: 5px;color:#0ea286;}
.navbar-brand > img {display: block;width: 170px;position: relative;top: -4px;}
.navbar-nav > li > a {margin: 0px !important;}
.navbar-nav > li a{height: 100%; text-align: center;}
.navbar-nav > li ul > li a{text-align:left; width: 100%;}
.navbar-default {border-color: transparent;}
.navbar-nav > li a{height: 100%;float: left;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {color: #f7f7f7;text-decoration: none;background-color: #0097ac;}
.login-form button, .login-form button:hover {background: #0097ac;color: #FFF !important;}
form.login-form a {color: #FFF;}
.login-wrap .panel-heading {font-weight: bold;}
.navbar.navbar-default.navbar-fixed-top {box-shadow: rgba(0,0,0,0.25) 0 1px 0, inset rgba(255,255,255,0.16) 0 1px 0;
/* background: linear-gradient(#003C51, #2C4257),#003C51; */
background-color: #003C51;
}
.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: 100%;width: 100%;}
.jconfirm.jconfirm-white .jconfirm-box {box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);border-radius: 0px;border: 1px solid #94a0ad;}
.nav-tabs > li a {color: #fff;font-weight: bold;background: #003c51;}
.nav>li>a:focus, .nav>li>a:hover {text-decoration: none;background-color: #2e4357;}
i.tree-branch-head {top: 5px;}
treecontrol > ul > li > i.tree-branch-head {top: 10px;}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle .icon-bar {border-color: #0097ac;}
.navbar-default .navbar-toggle .icon-bar {background-color: #0097ac;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #2c3844;}
.navbar-default .navbar-nav > li > a {color: #efefef;font-weight: bold;}
.login-wrap .panel-body {padding: 15px;background: #003C51;}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .open > a {color: #FFF !important;background-color: transparent;}
.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 {text-transform: capitalize;}
treecontrol.tree-classic li {color: #f7f7f7;}
.dropdown-menu {background-color: #003C51; }
.dropdown-menu > li > a:hover {color: #FFF;background-color: #0097ac;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {color: #FFF;background: #0097ac;}
.nav-tabs > li.active  a{background:#FFF;}
.nav-tabs {border-bottom: 1px solid #CCC;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border: 1px solid #CCC;border-bottom-color: transparent;text-shadow: none;}
.custom-tab-panel .tab-content .tab-pane {border-bottom: 1px solid #CCC;border-left: 1px solid #CCC;border-right: 1px solid #CCC;background: #FFF;}
.panel-default > .panel-heading {color: #ECF0F1;font-weight: bold;background:#003c51;border-radius: 0;}
.panel-default {border-color: #CCC;background: rgba(255,255,255,0.5);border-radius: 0;}
.navbar-brand {width: 265px;}
table.rounded-edge {border: 2px solid #ececec;background: transparent;}
table.rounded-edge.margin-bottom{margin-bottom: 50px;}
.custom-tab-panel {opacity: 0.9;}
table.rounded-edge > thead > tr > th{border-left: 1px solid #b8bcbf;border-bottom: 1px solid #b8bcbf;background: #c7d9e4;background-clip: padding-box;position: relative;overflow: hidden;white-space: nowrap;
padding:3px;}
span.env-span {background: #3e5871;padding: 1px 6px;color: #FFF;border-radius: 4px;float: left;margin: 1px;}
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 1px solid #e4e4e4 !important;}
.text-info, .text-muted {color: #FFFFFF;cursor: pointer;}
span.label-container.root-title.selected, span.label.ng-binding.selected, .test-comp-tree ul li span.text-selected {color: #0ba584;font-weight: normal;}
table.rounded-edge tr:hover{border-left: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;padding: 0;position: relative;overflow: hidden;white-space: nowrap;}
treecontrol.tree-classic li .tree-selected {font-weight: normal;}
table.rounded-edge thead tr th {background: #003C51;color: #ffffff;padding: 6px;text-align: center;}
table.rounded-edge.large-table thead tr th, table.rounded-edge.splitted-head thead tr th{background: linear-gradient(to bottom, rgba(95,115,136,1) 50%, rgba(230, 230, 230,1) 51%, rgba(230, 230, 230,1) 100%);background: -ms-linear-gradient(to bottom, rgba(95,115,136,1) 50%, rgba(230, 230, 230,1) 51%, rgba(230, 230, 230,1) 100%);background: -moz-linear-gradient(to bottom, rgba(95,115,136,1) 50%, rgba(230, 230, 230,1) 51%, rgba(230, 230, 230,1) 100%);background: -webkit-linear-gradient(to bottom, rgba(95,115,136,1) 50%, rgba(230, 230, 230,1) 51%, rgba(230, 230, 230,1) 100%);border-bottom: 0px !important;}
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {background-color: transparent;}
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {background-color: transparent;}
.form-control {border-radius: 0;line-height: 1.42857143;color: #555;background-image: none;border: 1px solid #ccc;}
.table-striped>tbody>tr:nth-of-type(odd) {background-color: #ffffff;}
.table-striped>tbody>tr:nth-of-type(even) {background-color: #f1f2f3;}
.rounded-edge a i, .run-tree a i{color: #4c5d6f !important;}
.rounded-edge a i.theme-color{color: #0097ac !important;}
.rounded-edge a i.blue {color: #1989ff !important;}
.btn-default:hover {color: #fff;background-color: #006e74;border-color: #204d74;}
.navbar-nav>li>.dropdown-menu {border-radius: 0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #efefef;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{background-color: #0097ac;color:#FFF;}
.ui-state-default, .ui-widget-content .ui-state-default{background:#f1faff;}
.ui-state-active, .ui-widget-content .ui-state-active{background:#2c749c;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #192327;background: #fffa90;color: #000;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 1px solid #a1e1ff;}
.login-wrap .input-group-addon, .login-wrap .form-control {border: 1px solid #cacaca;}
select.form-control{border-radius: 0;}
.login-wrap .panel-default {border-color: #b1b1b1;opacity: 0.9;background: rgba(255,255,255,0.5);border-radius: 0;overflow: hidden;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #0097ac;border-color: #0097ac;}
.pagination, .pagination>li:last-child>a, .pagination>li:last-child>span,
.pagination>li:first-child>a, .pagination>li:first-child>span{border-radius: 0px;}
p.user-name {color: #FFF;}
.btn-group .btn:active, .btn-group .btn.active, .btn-group .btn:hover {background: #ffffff;color: #405469;
border-color: #0097ac;outline: none;}
.btn.active, .btn:active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 30 0 rgba(0,0,0,.125);
box-shadow: inset 0 0 0 rgba(0,0,0,.125);}
.logo {text-shadow: 0px 0px 1px #000, 0px 0px 1px #000;color: #E9F8FF;}
.input-group-addon {color: #155075;}
.input-group-addon:first-child {border-right: 0;}
.tree-panel .tree-handle {background: #003C51;border-right: 1px solid #4f5158;border-left: 1px solid #4f5158;}
.tree-panel .tree-handle:hover {background: #40576e;border-right: 1px solid #1A3147;border-left: 1px solid #003C51;}
.tree-panel .tree-handle:hover i{ color: #000;}
.tree-handle i {color: #0097ac;font-size: 27px;}
treecontrol.tree-classic li .tree-selected {color: #5afddd !important;border-right: 4px solid #0097ac;}
treecontrol.tree-classic li .tree-selected:hover {color: #5afddd !important;border-right: 0px solid #0097ac;}
treecontrol.tree-classic li .tree-selected span:nth-child(2) i {color: #f7f7f7 !important;}
.tree-panel {top: 68px;height: 100%;padding-bottom: 102px;}
span.tree-button {position: relative;top: 2px;right: -3px;background: #304457;padding: 1px 5px;}
.grid-add-button {background: #304457;line-height: 18px;padding: 2px 0 0 1px;cursor: pointer;}
.grid-add-button:hover {background: #0097ac;}
.grid-add-button i {font-size: 14px !important;}
.tree-content {height: 100%;width: 265px;padding: 6px 0 75px 0;}
section.tree-search {background: #324557;}
section.tree-search input {background: #4c5d6f;color: #FFF;}
.modal-header {padding: 5px;border-bottom: 1px solid #e5e5e5;border-radius: 0;box-shadow: rgba(0,0,0,0.25) 0 1px 0, inset rgba(255,255,255,0.16) 0 1px 0;background: #003C51;}
.modal-content{border-radius: 0px;}
.modal-body {position: relative;padding: 15px;background: #f5f5f5;}
.author-info {background: #003C51;color: #FFF;border-top: 1px solid #4c5d6f;}
.sk-cube-grid .sk-cube {background-color: #cfefff;}
.pre-loader span {color: #cfefff;}
.modal-title {color: #FFF;}
.jconfirm .jconfirm-box div.title-c {border-radius: 0;box-shadow: rgba(0,0,0,0.25) 0 1px 0, inset rgba(255,255,255,0.16) 0 1px 0;background: linear-gradient(#4e5e6f, #334b63),#3e5871;}
.jconfirm .jconfirm-box div.title-c .title {color: #fff;font-size: 13px;font-weight: bold;font-family: verdana;}
.jconfirm.jconfirm-white .jconfirm-box .buttons button {font-weight: normal;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a {
color: #FFF !important;background-color: transparent;font-weight: bold;background: #0097ac}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color: #FFF;background: #0097ac;}
.btn{border-radius: 3px;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary{
background: rgba(181,198,208,1);
background: -moz-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(216,225,231,1) 76%, rgba(242,246,248,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(181,198,208,1)), color-stop(76%, rgba(216,225,231,1)), color-stop(100%, rgba(242,246,248,1)));
background: -webkit-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(216,225,231,1) 76%, rgba(242,246,248,1) 100%);
background: -o-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(216,225,231,1) 76%, rgba(242,246,248,1) 100%);
background: -ms-linear-gradient(top, rgba(181,198,208,1) 0%, rgba(216,225,231,1) 76%, rgba(242,246,248,1) 100%);
background: linear-gradient(to bottom, rgba(181,198,208,1) 0%, rgba(216,225,231,1) 76%, rgba(242,246,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c6d0', endColorstr='#f2f6f8', GradientType=0 );
color:#000 !important;border:1px solid #DDD;}
.btn-success {background: #26B99A;border: 1px solid #169F85;}
.btn-success:hover {background: #169F85;}
.btn-danger {color: #fff;background-color: #ea5a5a;border-color: #a57270;}
treecontrol li .tree-label span:hover {font-weight: normal;color: #0097ac !important;}
treecontrol li .tree-label span:hover i{font-weight: normal;color: #f7f7f7 !important;}
.testCase-tree ul li span.icon{background: none;}
span.application.icon, span.android.icon, span.mobile.icon, span.database.icon, span.mainframe.icon, span.web.icon, span.webservice.icon, span.page.icon, span.testcase.icon, span.machine.icon, span.device.icon, span.windows.icon , span.swing.icon, span.commands.icon{background:none;display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;
text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;left: -18px;top: 8px;width: 32px !important;}
.ui-widget-header {border: 1px solid #006e74;background: #0097ac;color: #FFF;font-weight: bold;}
span.add-page, i.icon-run{background:none;display: inline-block;font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #FFF;}
span.machine.icon{top: 14px;}
.tree-content.execute-tree i.page-options {position: absolute;left: 165px;top: 7px;display: block;width: 15px;height: 15px;font-size: 17px;}
.tree-content.execute-tree .tree-label span {width: 100%;}
span.android.icon, span.mobile.icon{font-size: 17px;}
span.application.icon::before{content: "\f1b2";}
span.android.icon::before, span.mobile.icon::before{content: "\f10b";}
span.windows.icon::before{content: "\f17a";}
span.commands.icon::before{content: "\f120";}
span.swing.icon::before{content: "\f0cc";}
.tech-icon {position: absolute;left: -18px;top: 6px;color: #4d5e70;width: 19px !important;text-align: center;border-radius: 3px;border: 1px solid #CCC !important;}
.tech-icon-1::before{content: "\f0ac";}
.tech-icon-2::before{content: "\f0ec";}
.tech-icon-3::before{content: "\f1c0";}
.tech-icon-4::before{content: "\f233";}
.tech-icon-5::before{content: "\f10b";}
.tech-icon-6::before{content: "\f120";}
.tech-icon-7::before{content: "\f0cc";}
.button-panel {    background: #f5f5f5;    border: 1px solid #CCC;    border-top: 0px;    padding: 5px;}
.code-font{font-family: monospace;}
span.database.icon::before{content: "\f1c0";}
span.mainframe.icon::before{content: "\f233";}
span.web.icon::before{   content: "\f0ac";}
span.webservice.icon::before{   content: "\f0ec";}
span.machine.icon::before{   content: "\f109";}
.tree-content.device-tree .tree-label span.device.icon{overflow: visible;left: -20px;top: 9px;}
span.device.icon::before{   content: "\f287";}
span.add-page::before{content: "\f0fe";}
span.page.icon::before{content:"\f249";}
span.testcase.icon::before{content:"\f0c9";}
i.icon-run::before{content: "\f144";}
treecontrol i.remove-page {position: absolute;left: 222px;top: 8px;font-size: 16px;background: #263748;padding: 5px;border-radius: 50%;}
treecontrol span.page.icon {position: absolute;top: 13px;left: -20px;}
.preselection-box .item:hover i.remove-page{display: block;}
.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: normal;color: #109279;}
div[data-mode="technology"] .item p:hover {color: #0097ac;}
/*Dashboard*/
.dash-row{margin: 10px;}
.icon-wrapper.orange {background: #ff7500;}
.icon-wrapper.green {background: #08a25b;}
.icon-wrapper.yellow {background: #edc206;}
.icon-wrapper.blue {background: #6bb6ff;}
i.in-progress {color: orange;}
.testCase-tree ul li span.label, .tree-view.seq-tree ul li span.label{color: #003C51;}
.testCase-tree.drop-bag.wizard-tree ul li span.label{padding-left: 0px;}
.btn-default.focus, .btn-default:focus, .btn-default:active, .btn-default:active:focus {color: #FFF;background-color: #0097ac;border-color: #2e6da4;}
.btn-group .btn-default {border-radius: 0;color: #405469;background-color: #fff;border: none;
padding: 8px;margin: 0 3px;border-bottom: 4px solid #e8e8e8;box-shadow: 0px 0px 1px #cecece;}
.btn-group .btn-default:focus, .btn-group .btn-default:active {color: #405469;background-color: #fff;}
.checks input[type="checkbox"]:not(old), .checks input[type="radio"]:not(old) {width: 28px;margin: 0;padding: 0;opacity: 0;height: 28px;}
.checks input[type="checkbox"]:not(old) + label {display: inline-block;margin-left: -22px;padding-left: 28px;background: url('../assets/images/checks_blue.png') no-repeat 0 0;line-height: 24px;background-position: 0px 0px;}
.checks input[type="radio"]:not(old) + label {display: inline-block;margin-left: -22px;padding-left: 28px;
background: url('../assets/images/radio_blue.png') no-repeat 0 0;line-height: 24px;background-position: 0px 0px;}
.permission-tab label{ font-weight:normal;}
.row .permission-tab{ border-right: 1px solid #e8e2e8;}
.row .permission-tab:last-child{ border-right: none;}

.run-tree.test-comp-tree .checks input[type="checkbox"]:not(old) + label {line-height: 45px;}
.checks input[type="radio"]:not(old) + label{line-height: 22px;}
button.tree-button {padding: 2px 8px;margin: 0;position: relative;right: -6px;}
.exe-grid .checks input[type="checkbox"]:not(old) + label, .checks input[type="radio"]:not(old) + label {background-position: 0px 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.info-strip {margin-top: 5px;background: none;color: #0097ac;height: 60px;}
.info-strip h4 {padding: 10px 0;color: #627e9a;}
.info-strip section:first-child {border-left: 1px solid #CCC;}
.info-strip section p {font-size: 27px;margin: 0;text-align: center;}
.info-strip section span {text-align: center;width: 100%;float: left;font-size: 10px;color: #969e9d;}
.info-strip section {border-right: 1px solid #CCC;}
.checks input[type="checkbox"]:checked:not(old) + label {background-position: 0 -24px;}
.checks input[type="radio"]:checked:not(old) + label {background-position: 0 -44px;}
.input-group-btn {top: -1px;}
/* Themes */
i.fa.fa-suitcase.x-large {font-size: 80px;background: #24B6D2;padding: 30px;border-radius: 50%;margin-top: 30px;cursor: pointer;}
figure.theme-wrapper{position: relative;}
figure.theme-wrapper img {width: 100%;border: 1px solid #007DA5;}
.theme-wrapper figcaption {position: absolute;bottom: 0;padding: 10px;text-align: center;background: rgba(0,0,0,0.6);
width: 100%;color: #FFF;font-weight: bold;}
.test-comp-tree ul li span {padding: 2px 30px;cursor: pointer;max-width: 90%;}
.test-case.run-tree input[type="checkbox"] {position: absolute;z-index: 1000;left: -27px;top: -6px;}
.run-tree.test-set ul li span, .run-tree.test-case ul li span {width: 85%;padding-right: 20px;}
.run-tree .actions {background: transparent;}
.actions a:hover {text-decoration: none;}
.test-comp-tree ul li .checks {top: 6px;height: 22px;overflow: hidden;}
.tree-panel {background: #003C51;}
.folder-icon {color: #0ea286;}
table.rounded-edge.exe-grid i {font-size: 21px;}
.label-container:focus{ outline: none; }
.label-container:focus span.label {color: #0ea286;}
.closeBtnStyleTestdata {font-size: 16px !important;color: red;margin-right: 5px;}
.form-control:focus {outline: 0;-webkit-box-shadow: none;box-shadow: none;}
.box-validate, .box-validate:focus { border-color: red;}
.text-info {color: #65D7C1;}
.text-muted {color: #fff;}
.if-title.blue span{background: #0097ac; color:#FFF;padding: 2px 10px;border-radius: 3px;}
.if-title.green span{background: #0097ac; color:#FFF;padding: 2px 10px;border-radius: 3px;}
.if-title.red span{background: #ea5a5a; color:#FFF;padding: 2px 10px;border-radius: 3px;}
.if-title.yellow span{background: #FDB45C; color:#FFF;padding: 2px 10px;border-radius: 3px;}
.business-component .if-title span::after {content: '';width: 20px;height: 20px;border-top: 10px solid;top: 26px;z-index: 100;position: absolute;border-right: 10px solid transparent;border-left: 10px solid transparent;left: calc(50% - 10px);}
.if-title.blue span::after{border-top-color: #0097ac; }
.if-title.green span::after{border-top-color: #0097ac;}
.if-title.red span::after{border-top-color: #ea5a5a;}
.if-title.yellow span::after{border-top-color: #FDB45C;}
.business-component .panel-default{background: #FFF;}
.btn-default {color: #fff;background-color: #0097ac;border-color: #2e6da4;}
.btn.small{font-weight: normal;line-height: normal;color: #FFF;}

.panel-default > .panel-heading {color: #ECF0F1;font-weight: bold;background:#003C51;border-radius: 0;}
.panel-app-default > .panel-app-heading {color: #ECF0F1;font-weight: bold;background:transparent;border-top-left-radius:20px;border-top-right-radius:20px;line-height:40px;text-overflow:ellipsis;overflow:hidden;}
.panel-default {border-color: #CCC;background: rgba(255,255,255,0.5);border-radius: 0;}
.panel-app-default {border-color: #fbfbfb;background: rgb(42, 63, 84);border-radius:5px 5px 5px 5px;}

.item:nth-child(5n-4) .panel-app-default {background:#25B7D2;}
.item:nth-child(5n-3) .panel-app-default {background:#FC8469;}
.item:nth-child(5n-2) .panel-app-default {background:#65946d;}
.item:nth-child(5n-1) .panel-app-default {background:#FDB45C;}
.item:nth-child(5n) .panel-app-default {background:#4B5F83;}

/* Themes end */
@media only screen and (max-width : 767px) {
.nav > li {position: relative;display: block;width: 100%;float: left;}
.nav > li > a {position: relative;display: block;padding: 10px 15px;width: 100%;}
.nav.navbar-nav {background: #324456;}
.navbar-nav {margin: 0 -15px;}
.navbar-nav > li p {margin: 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #a7a7a7;}
.navbar-nav > li i {height: 23px;}
h1.logo {width: 190px;height: 35px;position: relative;top: 0px;margin: 0;background-size: 114px;}
.tree-panel {top: 52px;height: 100%;padding-bottom: 102px;}
}

@media only screen and (min-width : 768px) {
.navbar-nav > li > a{padding:7px 6px 7px 6px;}
.navbar-nav > li i {font-size: 20px;}
.navbar-nav > li i {height: 29px;}
}

@media only screen (min-width : 1119px){
.navbar-nav > li p {font-size: 11px;text-align: center;height: 72px;}
.tree-panel {top: 72px;}
}

@media only screen and (min-width : 768px) and (max-width : 1119px){
.navbar-nav > li p {display: block;}