@charset "utf-8";



/* header, footer */
#hd .header-base,
#ft .header-base,
.testset-header {
	color: #ffffff;
	background-color: #000000;
}
#hd .header-base a.lang {
  	color: #ffffff;
}
#recentProject .cat-recentproject-drop-down {
	color: #ffffff;
}

#hd .logintop-header {
    color: #ffffff;
    background-color: #009485;
}


/* header menu */
#hd .header .header-dropdown>li:hover,
.testset-header .header-dropdown>li:hover {
	background: #009485 !important;
}

.x-column-header-sort-ASC,
.x-column-header-sort-DESC,
.x-column-header-over,
.x-column-header-open {
	background-color: #e6e6e6;
}


/* table header */
.cat-compat11 th,
.cat-table>tbody>tr>th,
.cat-table>thead>tr>th,
.cat-header-theme,
.property-settings-window .cat-vfield-list .x-form-item .x-form-item-label {
	color: #ffffff;
	background-color: #409086;
}
.x-panel-header-default,
.x-panel-header-default .x-tool-img,
.catgrid .x-panel-header,
.catgrid .x-panel-header .x-tool-img {
	background-color: #409086;
}
.x-panel-header-default {
	border-color: #409086;
}
.x-panel-header-title-default {
	color: #ffffff;
}
.progress-detail-tab .x-resizable-handle,
.catgrid .x-resizable-handle,
.cat-tree-grid .x-resizable-handle {
	background-color: #409086;
}
.cat-table-header.fa-sort-asc.sort_sel,
.cat-table-header.fa-sort-desc.sort_sel {
	border-color: #ffffff;
}

/* jQuery date picker */
.ui-widget-header {
  	background: #409086;
}
.ui-widget-header .ui-state-hover, 
.ui-widget-header .ui-state-focus {
    border-color: #409086;
    color: #409086;
}



/* page title */
.title {
	border-color: #209484;
	color: #666666;
}

/* normal link */
a:link, a:visited,
.cat-menu>li a,
.cat-link {
	color: #209484;
}

/* dropdown menu */
.cat-menu li ul li:hover>a {
	background-color: #d2ecea;
	color: #000000;
}
.id-menu>ul>li>ul>li:hover,
.id-menu2>ul>li:hover {
	background-color: #d2ecea;
}
.id-menu>ul>li>ul>li:hover>a,
.id-menu2>ul>li:hover>a {
	color: #000000;
}
.cat-dropdown-menu .ui-menu-item a.ui-state-focus {
    background-color: #d2ecea;
    color: #000000;
}
.x-menu-item-default.x-menu-item-active {
    background-color: #d2ecea;
}
.x-menu-item-default.x-menu-item-active .x-menu-item-text {
    color: #000000;
}
.x-grid-with-row-lines .x-grid-item.x-grid-item-over,
.x-tree-panel .x-grid-item-over {
	background-color: #d2ecea;
	border-color: #d2ecea;
}
#executionView .x-grid-item-over .x-grid-cell:before,
#testcase-table .x-grid-item-over .x-grid-cell:before {
    background-color: #d2ecea !important;
}
.x-grid-with-row-lines .x-grid-item.x-grid-item-over + .x-grid-item {
	border-top-color: #d2ecea;
}
.x-grid-with-row-lines .x-grid-item.x-grid-item-selected,
.x-tree-panel .x-grid-row .x-grid-cell-selected {
	background-color: #cbe4e2 !important;
    border-color: #cbe4e2;
}
.x-grid-with-row-lines .x-grid-item-selected + .x-grid-item {
	border-top-color: #cbe4e2;
}


/* Tab */
	/* tab base background */
.cat-theme-tab .x-tab-bar-default .x-box-inner {
	background-color: #409086; }
	/* tab base bottom bar */
.cat-theme-tab .x-tab-bar-strip-default {
    background-color: hsl(172.5, 38.461536%, 75.78432%);
    border-color: #409086;	 }
	/* non-active tab */
.cat-theme-tab .x-tab-default,
.cat-theme-tab .x-tab-focus.x-tab-default {
	border-color: hsl(172.5, 38.461536%, 50.78432%);				    background-color: hsl(172.5, 38.461536%, 50.78432%);
}
.cat-theme-tab .x-tab-over.x-tab-default,
.cat-theme-tab .x-tab-focus.x-tab-over.x-tab-default {
	border-color: hsl(172.5, 38.461536%, 55.78432%);		    background-color: hsl(172.5, 38.461536%, 55.78432%);
}
.cat-theme-tab .x-tab-default .x-tab-inner-default {
	color: #ffffff			}
	/* active tab */
.cat-theme-tab .x-tab.x-tab-active.x-tab-default,
.cat-theme-tab .x-tab-focus.x-tab.x-tab-active.x-tab-default {
    background-color: hsl(172.5, 38.461536%, 75.78432%);	    border-color: hsl(172.5, 38.461536%, 75.78432%);
}
.cat-theme-tab .x-tab.x-tab-active.x-tab-default .x-tab-inner-default {
	color: #409086;	}


/* button */
/* Default button */
    /* Default button - normal */
.x-btn.cat-gray-button,
.button,
.button:visited,
.cat-dialog .ui-widget-content .ui-state-default.button {
    background-color: #606060;
    background-image: -webkit-linear-gradient(top, #717171, #606060 50%, #5b5b5b 51%, #606060);
    background-image: -ms-linear-gradient(top, #717171, #606060 50%, #5b5b5b 51%, #606060);
    background-image: linear-gradient(top, #717171, #606060 50%, #5b5b5b 51%, #606060);
    border-color: #585858;
}
    /* Default button - hover */
.x-btn-default-small.cat-gray-button.x-btn-over,
.button:hover,
.button:visited:hover,
a.button:hover,
input.button:hover {
    background-color: #585858;
    background-image: -webkit-linear-gradient(top, #6a6a6a, #585858 50%, #535353 51%, #585858);
    background-image: -ms-linear-gradient(top, #6a6a6a, #585858 50%, #535353 51%, #585858);
    background-image: linear-gradient(top, #6a6a6a, #585858 50%, #535353 51%, #585858);
    border-color: #505050;
}
    /* Primary button - disabled */
.x-btn.x-btn-default-small.cat-gray-button.x-btn-disabled {
    background-color: #606060;	
}
    /* Default button - focus, pressed, active */
.x-btn.x-btn-default-small.cat-gray-button.x-btn-focus,
.x-btn-default-small.cat-gray-button.x-btn-pressed,
.x-btn-default-small.cat-gray-button.x-btn-menu-active,
.button:focus,
.button:visited:focus,
a.button:focus,
input.button:focus,
.button:active,
.button:visited:active,
a.button:active,
input.button:active {
    background-color: #484848;
    background-image: -webkit-linear-gradient(top, #484848, #444444 50%, #484848 51%, #5c5c5c);
    background-image: -ms-linear-gradient(top, #484848, #444444 50%, #484848 51%, #5c5c5c);
    background-image: linear-gradient(top, #484848, #444444 50%, #484848 51%, #5c5c5c);
    border-color: #424242;
}
    /* Default button - text */
.button,
.button:link,
.button:visited,
.button:hover,
.cat-dialog .ui-widget-content .ui-state-default.button,
.x-btn-default-small.cat-gray-button .x-btn-inner-default-small {
	color: #ffffff;
}


/* Primary button */
    /* Primary button - normal */
.x-btn-default-small, .x-btn-default-small:link, .x-btn-default-small:visited,
.button.green,
.button.green:visited,
.cat-dialog .ui-widget-content .ui-state-default.button.green {
    background-color: #91bd09;
    background-image: -webkit-linear-gradient(top, #9dc424, #91bd09 50%, #89b308 51%, #91bd09);
    background-image: -ms-linear-gradient(top, #9dc424, #91bd09 50%, #89b308 51%, #91bd09);
    background-image: linear-gradient(top, #9dc424, #91bd09 50%, #89b308 51%, #91bd09);
    border-color: #85ad08;
}
    /* Primary button - hover */
.x-btn-default-small.x-btn-over,
.button.green:hover,
.button.green:visited:hover,
a.button.green:hover,
input.button.green:hover {
    background-color: #85ad08;
    background-image: -webkit-linear-gradient(top, #92b623, #85ad08 50%, #7ea407 51%, #85ad08);
    background-image: -ms-linear-gradient(top, #92b623, #85ad08 50%, #7ea407 51%, #85ad08);
    background-image: linear-gradient(top, #92b623, #85ad08 50%, #7ea407 51%, #85ad08);
    border-color: #7a9f07;
}
    /* Primary button - disabled */
.x-btn.x-btn-default-small.x-btn-disabled {
    background-color: #85ad08;	
}
    /* Primary button - focus, pressed, active */
.x-btn.x-btn-default-small.x-btn-focus,
.x-btn.x-btn-default-small.x-btn-pressed,
.x-btn.x-btn-default-small.x-btn-menu-active,
.button.green:focus,
.button.green:visited:focus,
a.button.green:focus,
input.button.green:focus,
.button.green:active,
.button.green:visited:active,
a.button.green:active,
input.button.green:active {
    background-color: #6d8e06;
    background-image: -webkit-linear-gradient(top, #6d8e06, #678605 50%, #6d8e06 51%, #7d9a21);
    background-image: -ms-linear-gradient(top, #6d8e06, #678605 50%, #6d8e06 51%, #7d9a21);
    background-image: linear-gradient(top, #6d8e06, #678605 50%, #6d8e06 51%, #7d9a21);
    border-color: #648205;
}
    /* Primary button - text */
.button.green,
.button.green:link,
.button.green:visited,
.button.green:hover,
.cat-dialog .ui-widget-content .ui-state-default.button.green,
.x-btn-inner-default-small {
	color: #ffffff;
}

	/* ExtJS DatePicker button fix */
.x-datepicker-month .x-btn-default-small.x-btn-over {
    border-color: transparent;
    background: transparent;
}

/* Switches */
/*.switch-slider {
    background-color: #cccccc;
    border-color: #bbbbbb;
}
.switch-slider:hover {
	background-color: #c0c0c0;
	border-color: #afafaf;
}

.switch-slider:active {
	background-color: #b4b4b4;
	border-color: #a3a3a3;
}*/
.switch-input:checked+.switch-slider {
    background-color: #91bd09;
    background-image: -webkit-linear-gradient(top, #9dc424, #91bd09 50%, #89b308 51%, #91bd09);
    background-image: -ms-linear-gradient(top, #9dc424, #91bd09 50%, #89b308 51%, #91bd09);
    background-image: linear-gradient(top, #9dc424, #91bd09 50%, #89b308 51%, #91bd09);
    border-color: #85ad08;
}
.switch-input:checked+.switch-slider:hover {
    background-color: #85ad08;
    background-image: -webkit-linear-gradient(top, #92b623, #85ad08 50%, #7ea407 51%, #85ad08);
    background-image: -ms-linear-gradient(top, #92b623, #85ad08 50%, #7ea407 51%, #85ad08);
    background-image: linear-gradient(top, #92b623, #85ad08 50%, #7ea407 51%, #85ad08);
    border-color: #7a9f07;
}
.switch-input:checked+.switch-slider:active {
    background-color: #6d8e06;
    background-image: -webkit-linear-gradient(top, #6d8e06, #678605 50%, #6d8e06 51%, #7d9a21);
    background-image: -ms-linear-gradient(top, #6d8e06, #678605 50%, #6d8e06 51%, #7d9a21);
    background-image: linear-gradient(top, #6d8e06, #678605 50%, #6d8e06 51%, #7d9a21);
    border-color: #648205;
}
/*.switch-slider::before {
    background-color: #ffffff;
    border-color: #bbbbbb;
}*/
.switch-input:checked+.switch-slider::before {
    border-color: #85ad08;
}
.switch-input:checked+.switch-slider:hover::before {
    border-color: #7a9f07;
}
.switch-input:checked+.switch-slider:active::before {
    border-color: #648205;
}
/*.switch-label .switch-slider::after {
    color: #ffffff;
}*/

.custom-color-header {
    color: #ffffff;
    background-color: #000000;
}
.custom-color-header-font {
    color: #000000;
}

.custom-color-button-default {
    color: #ffffff;
    background-color: #606060;
}