/* here you can put your own css to customize and override the theme */

@import "custom-page-layout.css";

/* it was components-mine.css */
@import "custom-components-mine.css";

@import "custom-btn-default.css";

@import "custom-btn-dropdownbox.css";
@import "custom-btn-process.css";
@import "custom-btn-icons.css";

@import "custom-prn.css";

@font-face {
  font-family: "Active Font";
  src: url("../fonts/open-sans/OpenSans-Regular.ttf")         format("truetype"),
       url("../fonts/open-sans/OpenSans-Italic.ttf")          format("truetype"),
       url("../fonts/open-sans/OpenSans-Bold.ttf")            format("truetype"),
       url("../fonts/open-sans/OpenSans-Light.ttf")           format("truetype"),
       url("../fonts/open-sans/OpenSans-BoldItalic.ttf")      format("truetype"),
       url("../fonts/open-sans/OpenSans-LightItalic.ttf")     format("truetype"),
       url("../fonts/open-sans/OpenSans-ExtraBold.ttf")       format("truetype"),
       url("../fonts/open-sans/OpenSans-ExtraBoldItalic.ttf") format("truetype"),
       url("../fonts/open-sans/OpenSans-Semibold.ttf")        format("truetype"),
       url("../fonts/open-sans/OpenSans-SemiboldItalic.ttf")  format("truetype");
}

@font-face {
  font-family: "Rajdhani";
  src: url("../fonts/rajdhani/Rajdhani-Regular.ttf" ) format("truetype"),
       url("../fonts/rajdhani/Rajdhani-Medium.ttf"  ) format("truetype"),
       url("../fonts/rajdhani/Rajdhani-Light.ttf"   ) format("truetype"),
       url("../fonts/rajdhani/Rajdhani-Bold.ttf"    ) format("truetype"),
       url("../fonts/rajdhani/Rajdhani-SemiBold.ttf") format("truetype");
}

@font-face {
  font-family: "Titillium";
  src: url("../fonts/Titillium/Titillium-Regular.otf"        ) format("opentype"),
       url("../fonts/Titillium/Titillium-RegularItalic.otf"  ) format("opentype"),
       url("../fonts/Titillium/Titillium-RegularUpright.otf" ) format("opentype"),
       url("../fonts/Titillium/Titillium-Light.otf"          ) format("opentype"),
       url("../fonts/Titillium/Titillium-LightItalic.otf"    ) format("opentype"),
       url("../fonts/Titillium/Titillium-LightUpright.otf"   ) format("opentype"),
       url("../fonts/Titillium/Titillium-Thin.otf"           ) format("opentype"),
       url("../fonts/Titillium/Titillium-ThinItalic.otf"     ) format("opentype"),
       url("../fonts/Titillium/Titillium-ThinUpright.otf"    ) format("opentype"),
       url("../fonts/Titillium/Titillium-Bold.otf"           ) format("opentype"),
       url("../fonts/Titillium/Titillium-BoldItalic.otf"     ) format("opentype"),
       url("../fonts/Titillium/Titillium-BoldUpright.otf"    ) format("opentype"),
       url("../fonts/Titillium/Titillium-Semibold.otf"       ) format("opentype"),
       url("../fonts/Titillium/Titillium-SemiboldItalic.otf" ) format("opentype"),
       url("../fonts/Titillium/Titillium-SemiboldUpright.otf") format("opentype"),
       url("../fonts/Titillium/Titillium-Black.otf"          ) format("opentype");
}

body {
  font-family: "Active Font";
  font-size: 11px;
}

.page-container {
  padding-bottom: 120px;
  overflow-y: auto;
}

.page-header .page-header-top .page-logo {
  margin: 0px;
  width: 175px;
  height: 20px;
  text-align: center;
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  border-radius: 0px;
  transition: 0.5s ease;
}
.page-header .page-header-top .page-logo:hover, .page-header .page-header-top .page-logo:active {
  border-radius: 20px 0px 0px 20px;
  transition: 0.5s ease;
}
.page-header .page-header-top .page-logo:hover {
  border-color: hsla(240,0%,87.5%,0.3);
  border-top-color: hsla(240,0%,100%,0.5);
  border-bottom-color: hsla(240,0%,62.5%,0.5);
  background: linear-gradient( to bottom, hsla(240,0%,100%,0.5), hsla(240,0%,94.1667%,0.5) );
  /*
  background: linear-gradient( to bottom, rgba(255,223,223,0.25), rgba(127,0,0,0.25) );
  */
}
.page-header .page-header-top .page-logo:active {
  color: #000;
  border-color: hsla(240,0%,87.5%,0.5);
  border-top-color: hsla(240,0%,62.5%,0.5);
  border-bottom-color: hsla(240,0%,100%,0.7);
  background: linear-gradient( to bottom, hsla(240,0%,94.1667%,0.5), hsla(240,0%,100%,0.5) );
}

#easter-egg-logo {
  cursor: pointer;
}

a, a > i { transition: 0.2s ease; }
.btn, .btn > i { transition: 0.5s ease; }

.btn:hover, .btn-group > .btn:hover {
  border-color: hsla(240,0%,0%,0.125) hsla(240,0%,100%,0.125) hsla(240,0%,100%,0.125) hsla(240,0%,0%,0.125);
  /*
  box-shadow: 0px -1px 3px 1px hsla(240,0%,0%,0.25) inset,
              0px 1px 3px 1px hsla(240,0%,100%,0.45) inset;
  */
}
/*
.btn.focus {
  box-shadow: 1px 2px 3px 1px hsla(240,0%,100%,0.6) inset,
              -1px -2px 3px 1px hsla(240,0%,0%,0.3) inset;
}
*/

button.btn {
  border-radius: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

div#main-page-layout {
  background-size: 100%;
  background-position: center;
}

div.scroll-to-top * {
  background-color: hsla(31.5,92.92%,72.92%,1);
  color: hsla(240,0%,96.67%,1);
  border-radius: 50%;
  line-height: 100%;
  margin: 0px;
  padding: 3px;
  transition: 0.25s in out ease;
  opacity: 0.75;
}
div.scroll-to-top:hover * {
  background-color: hsla(31.5,91.25%,55%,1);
  opacity: 1;
  color: hsla(240,0%,100%,1);
}

.btn {
  border-radius: 0px;
  min-width: 25px;
  text-align: center;
}

h1, h2, h3, h4, h5, 
.caption { 
  cursor: default;
}

.valueHighlite h4 {
  margin: 20px 0px 2px;
  padding: 10px 0px 3px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: hsla(240,0%,97.5%,1);
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: hsla(240,0%,99.1667%,1);
}
.table-hover > tbody > tr:hover {
  background-color: hsla(57,92.5%,84.1667%,1);
}

.table thead tr th {
  cursor: default;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 1.2em;
  font-size: 1em;
  font-weight: bold;
  background-color: hsla(37.5,33.33%,84.1667%,1);
  color: hsla(37.5,34.58%,24.58%,1);
  vertical-align: middle;
  text-align: center;
  white-space: nowrap;
  border-color: hsla(39,32.9167%,72.08%,1);
  border-bottom-width: 0px;
}
/*
.table thead tr th > .actions > i {
  background-color: inherit;
  color: #ffffaa;
}
*/
.table tbody tr td {
  cursor: default;
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 1.1em;
  font-size: 1em;
  border-color: hsla(39,32.9167%,72.08%,1);
  transition-duration: 0.5s;
}
.table tbody tr:hover td {
  background: hsla(40.5,33.33%,91.25%,1);
  background-color: hsla(57,93.33%,88.33%,1);
  color: hsla(217,12.5%,16.67%,1);
  transition-duration: 0.5s;
}

.table tbody tr.flagBLU {
  color: hsla(240,0%,25%,1);
}
.table tbody tr.flagBLU:nth-of-type(odd) td {
  background-color: hsla(240,0%,78.75%,1);
}
.table tbody tr.flagBLU:nth-of-type(even) td {
  background-color: hsla(240,0%,83.33%,1);
}
.table tbody tr.flagBLU:hover td {
  background-color: hsla(240,0%,91.25%,1);
}
.table tbody tr:hover td.alert-danger {
  background-color: hsla(60,67.9167%,87.9167%,1);
  color: hsla(0,100%,25%,1);
}
.table tbody tr:hover td.alert-info {
  background-color: hsla(202.5,84.58%,75%,1);
  color: hsla(240,100%,25%,1);
}
.table tbody tr:hover td.alert-warning {
  background-color: hsla(60,93.75%,81.25%,1);
  color: hsla(30,43.33%,43.33%,1);
}
.table tbody tr:hover td.alert-success {
  background-color: hsla(153,89.58%,73.33%,1);
  color: hsla(120,100%,25%,1);
}
.table tbody tr:active td {
  background: hsla(60,67.9167%,81.67%,1);
  color: hsla(48,30%,37.5%,1);
}

.table tbody tr.hilite td {
  color: hsla(60,31.67%,25%,1);
}
.table tbody tr.hilite:nth-of-type(odd) td {
  background-color: hsla(45,66.67%,91.67%,1);
}
.table tbody tr.hilite:nth-of-type(even) td {
  background-color: hsla(45,66.67%,93.75%,1);
}
.table tbody tr.hilite:hover td {
  background-color: hsla(45,66.67%,83.33%,1);
}

.table tbody tr.dark-hilite,
.table tbody tr.dark-hilite td {
  color: hsla(45,82.5%,66.67%,1);
}
.table tbody tr.dark-hilite:nth-of-type(odd) td {
  background-color: hsla(45,33.33%,33.33%,1);
}
.table tbody tr.dark-hilite:nth-of-type(even) td {
  background-color: hsla(45,33.33%,29.1667%,1);
}
.table tbody tr.dark-hilite:hover td {
  background-color: hsla(45,33.33%,25%,1);
}
.table tbody tr.dark-hilite:active td {
  background-color: hsla(45,33.33%,16.67%,1);
  color: hsla(45,75%,58.33%,1);
}

.table tbody tr.disabled {
  color: hsla(240,0%,41.67%,1);
  text-shadow: -1px -1px hsla(240,0%,81.25%,1), 1px 1px hsla(240,0%,91.25%,1);
}
.table tbody tr.disabled:nth-of-type(odd) td {
  background-color: hsla(240,0%,77.9167%,1);
}
.table tbody tr.disabled:nth-of-type(even) td {
  background-color: hsla(240,0%,81.25%,1);
}

.table tbody tr.disabled:hover td {
  background-color: hsla(240,0%,66.67%,1);
  color: hsla(240,0%,50%,1);
  /*
  text-shadow: -1px -1px #d9d9d9, 1px 1px #f4f4f4;
  */
}
.table tbody tr.disabled:active td {
  background-color: hsla(240,0%,62.5%,1);
}

.table tr.selectedData td,
.table tbody tr.selectedData td {
  background-color: hsla(240,0%,56.25%,1);
  color: hsla(240,0%,84.1667%,1);
}
.table tr.selectedData:hover td,
.table tbody tr.selectedData:hover td {
  background-image: linear-gradient(to bottom, #a2a27d, #999971 );
  color: #e7e7e7;
}

.portlet > .portlet-title > .caption {
  float: left;
  display: inline-block;
  font-size: 0.9em;
  font-weight: bold;
  line-height: 0.9em;
  padding: 4px 0px 3px;
}

.portlet {
	border-radius: 4px !important;
	border-radius: 0px !important;
}

.portlet > *,
.portlet .portlet-title > * {
  color: #585858;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
	border-radius: 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
	border-radius: 0px !important;
}

.portlet .portlet-body div {
  color: #585858;
}

.portlet .portlet-body table {
  margin: 0px;
}

.portlet .portlet-body table thead th {
  cursor: default;
  background-color: #f1ede4;
  border-color: #d0bfa2;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  padding: 3px 5px;
}

.portlet .portlet-body table tbody {
  background-color: #fbfaf7;
}
.portlet .portlet-body table tbody td {
  cursor: default;
  vertical-align: top;
  padding: 2px 5px 3px;
}

div.form-group {
  margin-bottom: 2px;
  /*
  border: 1px solid #000;
  */
}

label.control-label {
  vertical-align: top;
  height: 25px;
  line-height: 12px;
  font-size: 1em;
  padding-top: 6px;
}
label.label-caption {
  color: #2b2315;
}
label.label-content {
  background-color: #eee8dd;
}
label.label-content-warning {
  background-color: #7fffff;
  color: #7e673f;
}

select.form-control, 
input.form-control {
  vertical-align: top;
  height: 25px;
  line-height: 12px;
  font-size: 1em;
  padding: 2px 10px;
}
text-area.form-control {
  vertical-align: top;
  height: 25px;
  line-height: 16px;
  font-size: 1em;
  padding: 5px 10px;
}

.page-footer {
  border-radius: 0px;
}

.form-control {
  font-size: 1em;
  padding  : 3px 10px;
}

td.actions {
  padding: 20px;
  white-space: nowrap;
}

div.actions {
  margin: 0px;
  padding: 0px 2px;
}
span.actions {
  cursor: pointer;
  text-align: center;
}

.actions > a > i { color: hsla(240,0%,25%,1); }
.actions > a:hover > i { color: hsla(240,0%,41.67%,1); }

a.actions, span.actions {
  text-decoration: none;
  margin: 1px 1px 0px 0px;
  padding: 0px 3px;
  word-break: keep-all;
  word-spacing: false;
  color: #76603a;
  text-align: center;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  transition: 0.25s ease;
}
a.actions:hover, span.actions:hover {
  background-color: hsla(240,0%,83.33%,1);
  border-color: hsla(240,0%,77.9167%,1);
}

a.actions.menu:hover, span.actions.menu:hover,
a.actions.info:hover, span.actions.info:hover {
  color: #4c4c4c;
}
a.actions.access:hover, span.actions.access:hover {
  color: #183d18;
}
a.actions.delete:hover, span.actions.delete:hover {
  background-color: #f1ece2;
  color: #884444;
}
a.actions.edit:hover, span.actions.edit:hover {
  color: #059870;
}
a.actions.view:hover, span.actions.view:hover {
  color: #058787;
}
a.actions.list:hover, span.actions.list:hover {
  color: #8707fa;
}
a.actions.disabled, span.actions.disabled {
  cursor: not-allowed;
  background-color: #f0f0f0;
  color: #c0c0c0;
  border-color: #c8c8c8;
}
a.actions.disabled:hover, span.actions.disabled:hover {
  background-color: hsla(240,0%,83.33%,1);
  color: #c0c0c0;
  border-color: #c8c8c8;
}

div.div-filter {
  margin-bottom: 5px; 
  padding: 10px; 
  border:1px solid #e4dbcb; border-radius: 5px;
  transition: 0.25s ease;
}
div.div-filter.show {
  display: block;
}
div.div-filter.hide {
  display: none;
}

/*
div.waitMessage {
  cursor: wait;
  text-align: center; 
  font-size: 1.5em; 
  padding: 40px 20px;
  opacity: 1;
  color: #22530b;
  border: 1px solid #fcfff7;
  border-radius: 5px;
  box-shadow: 0px 10px 8px 5px #c0c0c0;
}
*/

.ui-dialog {
  position: fixed;
  opacity: 1;
  border: 2px solid hsla(240,0%,100%,1);
  background: #faf8f3;
  padding-bottom: 0px;
  margin-bottom: 0px;
  padding: 0px;
  border-radius: 0px;
}
.ui-dialog-header,
.ui-widget-header {
  background: #846b42;
  color: hsla(240,0%,100%,1);
  border: 1px solid #7e673f;
  border-radius: 0px;
}

.ui-dialog-shadow {
  /*
  box-shadow: 0px 10px 5px 2px #575757;
  */
  box-shadow: 0px 10px 15px 2px hsla(240,0%,0%,0.35);
}
.ui-widget-overlay.input-overlay {
  background-color: #675434;
  background-image: hsla(240,0%,0%,0.125);
  opacity: 0.35;
  z-index: 1040;    
}

#mesgBox {
  text-align: center;
  padding: 10px;
}

.ui-widget.waitMessage,
.ui-dialog.waitMessage {
  font-size: 1em;
  text-align: center;
  box-shadow: 0px 10px 5px 2px hsla(240,0%,0%,0.125);
}

.ui-widget.ui-position-fixed,
.ui-dialog.ui-position-fixed {
  top: 20px;
  position: fixed;
  z-index: 99999;
}

.ui-widget.ui-message-background,
.ui-dialog.ui-message-background {
  font-size: 1em;
  border: none;
  position: fixed;
}
.ui-widget-overlay.ui-message-custom-overlay,
.ui-dialog-overlay.ui-message-custom-overlay {
  background-color: hsla(240,0%,97.5%,1);
  background-image: none;
  opacity: 0.8;
  z-index: 1040;
}

.ui-widget.formBox,
.ui-dialog.formBox {
  background-color: hsla(240,0%,96.67%,1);
}

.ui-dialog.ui-dialog-titlebar-cursor {
  cursor: default;
}

.ui-dialog.ui-dialog-titlebar-close {
  position:absolute;
  right:.3em;
  min-width:20px;
  margin:-10px 0 0 0;
  padding:1px;
  line-height:20px
}

ul.dropdown-menu { 
  padding: 0px 0px 1px;
  border-radius: 0px;
  font-size: 1em;
  background-color: #f4f4f4;
  border-color: hsla(240,0%,100%,1);
  box-shadow: 0px 4px 10px 2px hsla(240,0%,0%,0.25);
}
ul.dropdown-menu li, ul.dropdown-menu li > * {
  border-radius: 0px;
  color: #3f3f3f;
}
ul.dropdown-menu li:hover a {
  background-color: hsla(240,0%,83.33%,1);
}
ul.dropdown-menu li:hover > i.fa {
  color: #2a2a2a;
}

input.form-control, textarea.form-control, select.form-control { 
  border-color: hsla(240,0%,78.75%,1);
  color: inherit;
  background-color: hsla(240,0%,96.67%,1); 
  border-radius: 0px;
}

input.form-control:active, input.form-control:focus,
textarea.form-control:active, textarea.form-control:focus,
select.form-control:active, select.form-control:focus {
  border-color: #a7a7a7;
  color: #484848;
  background-color: #ffffdf;
}

textarea:hover, textarea.form-control:hover, 
input:hover, input.form-control:hover, 
select:hover , select.form-control:hover {
  border-color: #b7b7b7;
  box-shadow: 0px 0px 4px 1px #c3c3c3;
  color: #484848; background-color: #ffffcf;
}

input.form-control:active:hover, input.form-control:focus:hover,
textarea.form-control:active:hover, textarea.form-control:focus:hover,
select.form-control:active:hover, select.form-control:focus:hover {
  border-color: #979797;
  box-shadow: 0px 0px 4px 1px #c3c3c3;
  color: #484848; background-color: #ffffbf;
}