/**
 * Voffice 2.0 Theme
 * @author TruongTX5
 * @license Viettel Group
 */
/*****************************Variables**************************** */
/* -------------------------THEME DARK BLUE----------------------------------- */
/**
 * Voffice 2.0 Theme customizable components
 * @author TruongTX5
 * @license Viettel Group
 */
/* -------------------------Header----------------------------------- */
.main-header {
  background-color: #3c66a0; }

/* -------------------------Popup user info----------------------------------- */
.popup-user-info.top-arrow:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #3c66a0; }

.user-info-panel {
  background-color: #3c66a0; }

.user-info-panel-row:hover {
  background-color: #4584db; }

/* -------------------------Popup select theme----------------------------------- */
.popup-select-theme.top-arrow:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #3c66a0; }

.select-theme-panel {
  background-color: #3c66a0; }

/* -------------------------Menu----------------------------------- */
.main-left {
  background-color: #1b2c45; }

.collapse-menu-container {
  background: #1b2c45; }

.collapse-menu-name {
  background: #4676b9; }

.collapse-menu-container.left-arrow:after {
  border-color: rgba(136, 183, 213, 0) #4676b9 rgba(136, 183, 213, 0) rgba(136, 183, 213, 0); }

/* -------------------------Button----------------------------------- */
.z-button-os {
  background-color: #3c66a0; }

.z-button-os:hover, .z-button-os:active, .z-button-os:focus {
  background-color: #4584db; }

.faToolbarButton {
  background-color: #3c66a0; }

.faToolbarButton.z-toolbarbutton-over {
  background-color: #4584db; }

span.z-button {
  background-color: #3c66a0; }

span.z-button .z-button-over, span.z-button .z-button-focus {
  background-color: #4584db; }

/* -------------------------Form control----------------------------------- */
.z-textbox.z-textbox-focus,
.z-intbox.z-intbox-focus,
.z-datebox.z-datebox-focus .z-datebox-inp,
.z-combobox.z-combobox-focus .z-combobox-inp,
.z-spinner.z-spinner-focus .z-spinner-inp,
.z-timebox.z-timebox-focus .z-timebox-inp,
.z-bandbox.z-bandbox-focus .z-bandbox-inp {
  border-color: #4584db; }

.z-combobox-shadow {
  border-color: #4584db; }

.z-bandbox-shadow {
  border-color: #4584db; }

.z-paging-inp:focus, .z-paging input.z-paging-inp:focus {
  border-color: #4584db; }
  
  
/*---tridv--*/
/*-----------------------------------Left Menu Expand-------------------------------------- */
.expand-menu-item {
 background-color: #203452; }

.expand-menu-item.menu-active {
  background-color: #1b2c45; } 

.expand-menu-name {
  color: #8ba5cb; }   

.expand-menu-name-text.z-label {
  color: #8ba5cb; } 
  
.expand-menu-item.menu-active .expand-menu-name, .expand-menu-item.menu-active .expand-menu-name-text {
  color: #fff; 
  background-color: #4676b9; }

.expand-sub-menu-name {
  color: #8ba5cb; }  

.expand-sub-menu-name-text.z-label {
  color: #8ba5cb; }
  
.expand-menu-name:hover, .expand-menu-name:hover .expand-menu-name-text {
  color: #fff; }
  
.expand-sub-menu-name:hover, .expand-sub-menu-name:hover .expand-sub-menu-name-text {
  color: #fff; }

.expand-sub-menu-item.menu-active .expand-sub-menu-name, .expand-sub-menu-item.menu-active .expand-sub-menu-name-text {
  color: #fff; }

.expand-menu-item.menu-active .expand-menu-name:hover {
  color: #fff; }

/*-----------------------------------Left Menu Collapse-------------------------------------- */
.collapse-menu-item:hover .collapse-menu-icon, .collapse-menu-item.menu-active .collapse-menu-icon {
  color: #fff; }
  
.collapse-menu-icon {
  color: #8ba5cb; }

.collapse-menu-name-text.z-label {
  color: #fff; }
  
.collapse-sub-menu-item {
  color: #8ba5cb; }

.collapse-sub-menu-name {
  color: #8ba5cb; }  
    
.collapse-sub-menu-name:hover, .collapse-sub-menu-name:hover .collapse-sub-menu-name-text {
  color: #fff; }

.collapse-sub-menu-item.menu-active .collapse-sub-menu-name, .collapse-sub-menu-item.menu-active .collapse-sub-menu-name-text {
  color: #fff; }

.collapse-sub-menu-name-text.z-label {
  color: #8ba5cb; }