/* Created on : Aug 6, 2018, 2:06:59 PM Author     : SMS-Saurab file       : Color
*/
:root {
  --primary-color: #DBFAED;
  --secondary-color: #FFFFFF;
  --background-color: #F4F6F7;
  --secondary-background-color: #FFFFFF;
  --primary-text-color: #000330;
  --secondary-text-color: #1A1D45;
  --light-text-color: #404264;
  --additional-blue-color: #4F59F5;
  --additional-light-mint-color: #A1F2D4;
  --additional-dark-mint-color: #7AEBC1;
  --status-danger: #E02020;
  --status-info: #4F59F5;
  --lapis-120: #392ED6;

  --background-color-dialog: rgba(0, 3, 48, 0.7);
  --status-warning: #404264;


  --background-color-navbar: #FFFFFF;
  --primary-color-075: rgba(75, 139, 155, 0.075);
  --primary-color-6: rgba(75, 139, 155, 0.6);
  --primary-color-4: rgba(75, 139, 155, 0.4);
  --primary-color-1: rgba(75, 139, 155, 0.1);
  --status-success: #4F59F5;
}


::-webkit-scrollbar-thumb,
.nico-modal .bst-adv-dropdown .dropdown-menu::-webkit-scrollbar-thumb,
.lunch-menu-item-list.scrollable::-webkit-scrollbar-thumb,
.scrollable::-webkit-scrollbar-thumb {
  background-color: var(--light-text-color);
  border-radius: 2px;
}

.nico-modal .bst-adv-dropdown button {
  border: 1px solid var(--light-text-color);
}

.checkbox .styled-checkbox:checked + label:before {
  background-color: var(--additional-blue-color);
  border-radius: 2px;
}

body {
  background-color: var(--background-color);
}

.color-lapis-120, .color-lapis-120 i{
  color: var(--lapis-120);
}

.color-lapis-120 path{
  fill: var(--lapis-120);
  stroke: var(--lapis-120);
}

.nico-modal .modal-dialog .modal-content {
  background-color: var(--secondary-background-color);
}

.side-navigation.navbar-default {
  background-color: var(--background-color-navbar);
}

.nico-modal .bst-adv-dropdown .dropdown-menu, .ql-snow .ql-picker.ql-expanded .ql-picker-options, .main-header .user-options > ul > li .dropdown-menu {
  background-color: var(--secondary-background-color);
}

.side-navigation .dropdown-menu > .active > a,
.side-navigation .dropdown-menu > li > a {
  background: var(--primary-color);
  border-right-color: var(--primary-text-color);
}

.side-navigation .dropdown-menu > .active > a:hover,
.side-navigation .dropdown-menu > .active > a:hover,
.side-navigation .dropdown-menu > li > a:hover,
.side-navigation .dropdown-menu > li > a:hover,
.side-navigation.navbar-default .navbar-nav > li > a:hover {
  background: var(--additional-light-mint-color);
  border-right-color: var(--primary-color);
}

.side-navigation .dropdown-menu > .active > a:focus,
.side-navigation .dropdown-menu > .active > a:focus,
.side-navigation .dropdown-menu > li > a:focus,
.side-navigation .dropdown-menu > li > a:focus,
.side-navigation.navbar-default .navbar-nav > li > a:focus {
  background: var(--additional-light-mint-color);
  border-right-color: var(--primary-color);
}

.side-navigation.navbar-default .navbar-nav > li.open:not(.active) > a {
  background: transparent;
}

.side-navigation.navbar-default .navbar-nav > li.open:not(.active) > a:hover, .side-navigation.navbar-default .navbar-nav > li.open:not(.active) > a:focus {
  background: var(--primary-color-4);
}

.side-navigation.navbar-default .navbar-nav > li.open.active > a:hover, .side-navigation.navbar-default .navbar-nav > li.open.active > a:focus {
  background: transparent;
}

.side-navigation.navbar-default .navbar-nav > li.active > a {
  background: var(--primary-color) !important;
  border-right: 4px solid var(--primary-text-color);
}

.side-navigation.navbar-default .navbar-nav > li.active > a > ul > li > a {
  background: transparent;
}

.main-header .user-options > ul > li a .toolbar-user-image:hover, .main-header .user-options > ul > li a .toolbar-user-image:focus {
  border-color: var(--primary-color);
}

.nico-modal .modal-dialog .item-layouts .media {
  background-color: var(--primary-color-4);
}

.nico-modal .bst-adv-dropdown .dropdown-menu li > ul > li.def-selected .item-list-wrapper {
  background-color: var(--primary-color);
}

.tabs li a:hover, .tabs li a:focus {
  background-color: var(--primary-color);
}

.btn-custom, .add-menu .input-group .input-group-addon, form .form-group .mydp .headertodaybtn {
  background-color: var(--primary-color);
}

.btn-custom:disabled {
  background-color: var(--primary-color);
}

.btn-custom:hover,
.add-menu .input-group .input-group-addon:hover,
form .form-group .mydp .headertodaybtn:hover {
  background-color: var(--additional-light-mint-color);
}

.btn-custom:focus,
.add-menu .input-group .input-group-addon:focus,
form .form-group .mydp .headertodaybtn:focus {
  background-color: var(--additional-dark-mint-color);
}

.btn-custom:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}

.nico-modal .modal-dialog .modal-body .close,
.nico-modal .modal-dialog .modal-header .close,
.close, .image-thumbnail .custom-input-block + label {
  background-color: var(--primary-color);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.nico-modal .modal-dialog .modal-body .close:hover,
.nico-modal .modal-dialog .modal-header .close:hover {
  background-color: var(--additional-light-mint-color);
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.nico-modal .modal-dialog .modal-body .close:focus,
.nico-modal .modal-dialog .modal-header .close:focus {
  background-color: var(--additional-dark-mint-color);
  transition-duration: 500ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.nico-modal .modal-dialog .modal-body .gallery .form-group .image-thumbnail .close {
  color: var(--primary-text-color);
  background: var(--primary-color)
}

.edit-ico i, .custom-input + label span i,
.table .actions li .fa-edit,
.table .actions li .fa-save,
.table .actions li .fa-undo,
.office-details p i,
.label-small-blue,
.canteen-info-wrapper .canteen-details article i,
.office-details .office-details-title i,
.def-list.def-list-display li .fa,
form .form-group .mydp .btnpicker,
.nico-modal .modal-dialog .item-user,
.item-total .list-group .list-group-item,
.dark-accordion .panel-default > .panel-heading .panel-title i,
form .form-group .mydp .weekdaytitle,
.main-header .user-options > ul > li .dropdown-menu ul > li > a > p b,
.link_text,
.table .actions li .edit-record,
.table .actions li .edit-record i {
  color: var(--additional-blue-color);
}

.table li .fa-qrcode {
  color: var(--status-info);
}

.nico-modal .modal-dialog .item-invoice .item-total .list-group .list-group-item {
  color: var(--primary-text-color);
}

.nico-modal .modal-dialog .item-highlight {
  color: var(--primary-text-color) !important;
}

.page-navigation .pagination > li > a:hover,
.page-navigation .pagination > li > a:focus,
.link:hover, .link:focus,
a[href^="http:"]:hover,
a[href^="http:"]:focus,
a[href^="https:"]:hover,
a[href^="https:"]:focus,
a[href^="tel:"]:hover,
a[href^="tel:"]:focus,
a[href^="mailto:"]:hover,
a[href^="mailto:"]:focus {
  color: var(--primary-text-color);
}

.filter > li > a.active, .filter > li > a:focus, .filter > li > a:hover {
  border-bottom-color: var(--lapis-120);
}

form .form-group .mydp .currmonth {
  background-color: var(--primary-color);
}

form .form-group .mydp .caltable .daycell.currmonth:after {
  border-bottom: none;
}

form .form-group .mydp .daycell:hover, form .form-group .mydp .daycell:focus, form .form-group .mydp .monthcell:hover, form .form-group .mydp .monthcell:focus, form .form-group .mydp .yearcell:hover, form .form-group .mydp .yearcell:focus {
  background-color: var(--primary-color);
}

form .form-group .mydp .selectedmonth, form .form-group .mydp .selectedyear, form .form-group .mydp .selectedday {
  background-color: var(--primary-color);
}

form .form-group .mydp .daycell:hover, form .form-group .mydp .daycell:focus {
  background-color: var(--primary-color-4);
}

.table .actions li .fa-close,
.table .actions li .remove-record {
  color: var(--status-danger);
}

.table .actions li .fa-trash-o{
  color: var(--light-text-color);
}

.def-alink:hover, .def-alink:focus {
  color: var(--primary-text-color);
}

.form-radio-control:checked {
  background: var(--primary-color);
  border: 2px solid var(--primary-color);
}

.def-carousel .def-carousel-pagination ul li a.def-carousel-paginatio-active, .def-carousel .def-carousel-pagination ul li a:hover, .def-carousel .def-carousel-pagination ul li a:focus {
  background-color: var(--primary-color);
}

.def-switch input:checked + .def-switch-slider {
  background-color: var(--lapis-120);
}

.def-switch input:focus + .def-switch-slider {
  box-shadow: 0 0 1px var(--primary-color);
}

.status-info {
  color: var(--additional-blue-color) !important;
}

.status-warning {
  color: var(--status-warning) !important;
}

.status-success {
  color: var(--status-success) !important;
}

.status-danger {
  color: var(--status-danger) !important;
}

.badge-info {
  border-color: var(--status-info);
}

.badge-warning {
  border-color: var(--status-warning);
}

.badge-danger {
  border-color: var(--status-danger);
}

.badge-success {
  border-color: var(--status-success);
}

.info-bg, #nico-toast-container .nico-alert-info .alert-icon {
  background-color: var(--status-info) !important;
}

.success-bg, #nico-toast-container .nico-alert-success .alert-icon {
  background-color: var(--status-success) !important;
}

.warning-bg, #nico-toast-container .nico-alert-warning .alert-icon {
  background-color: var(--status-warning) !important;
}

.danger-bg,
.danger-bg:hover,
#nico-toast-container .nico-alert-danger .alert-icon {
  color: #fff;
  background-color: var(--status-danger) !important;
}

.form-group.has-error .form-control, .form-group .input-group.has-error .form-control, .form-group .input-group.has-error input, .form-group.has-error .ql-editor {
  border-color: var(--status-danger) !important;
}

.lunch-menu-item-list.place-order li.has-error .media {
  border-color: var(--status-danger) !important;
  webkit-box-shadow: 0 2px 8px rgba(177, 77, 77, 0.3) !important;
  box-shadow: 0 2px 8px rgba(177, 77, 77, 0.3) !important;
}

.nico-tooltip {
  color: var(--status-danger);
}


.emailer-container .content {
  background-color: var(--background-color-dialog);
}

.nico-modal.nico-modal-invert .bst-adv-dropdown button.form-control {
  background-color: var(--secondary-background-color);
}

.nico-modal .bst-adv-dropdown button.form-control:hover .fa, .nico-modal .bst-adv-dropdown button.form-control:focus .fa {
  color: var(--primary-text-color)
}

.nico-modal .bst-adv-dropdown button.form-control .fa {
  color: var(--primary-text-color);
  -moz-transition: all 0.3s cubic-bezier(0.7, 1, 0.7, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 1, 0.7, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 1, 0.7, 1);
  transition: all 0.3s cubic-bezier(0.7, 1, 0.7, 1);
}

.toggle-bar {
  color: var(--primary-text-color);
  -moz-transition: all 0.3s cubic-bezier(0.7, 1, 0.7, 1);
  -o-transition: all 0.3s cubic-bezier(0.7, 1, 0.7, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.7, 1, 0.7, 1);
  transition: all 0.3s cubic-bezier(0.7, 1, 0.7, 1);
}

.toggle-bar:hover, .toggle-bar:focus {
  color: var(--primary-text-color)
}