/* ========================================================================
   Component: login page
 ========================================================================== */
.login-frame {
  position: fixed;
  width: 100%;
  height: 100%;
  float: left;
  background-color: #ffffff;
}
.login-frame-center {
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.login-image-frame {
  float: left;
  margin-left: -30px;
  background-color: #ffffff;
}
.login-form-frame {
  float: left;
  margin-right: -30px;
  background-color: #f0f0f0;
}
.login-form-bg-color {
  background-color: #f0f0f0;
}
/* ======================================================================== */
.pointer {
    cursor: pointer;
}
.tab-frame {
  border: 1px solid #cfdbe2;
  border-radius: 6px;
}
.tab-active {
  background-color:#44B583;
  border-radius: 6px;
  color: #505050;
}
.box-image {
  display: block;
  width: var(--width);
  height: var(--height);
  margin-top: var(--margin-top);
  margin-left: auto;
  margin-right: auto;
}
.ml-40 {
  margin-left: 40px !important;
}
.mr-40 {
  margin-left: 40px !important;
}
.mlr-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.text-green {
  color: rgb(39,194,76);
}
.text-yellow {
  color: rgb(255,144,43);
}
.text-red {
  color: rgb(240,80,80);
}
.text-sky {
  color: rgb(35,183,229);
}
.box-main {
  width: calc(100% - 20px);
  margin-left: 20px;
}
.dashboard-header-graph {
  font-size: 22px;
}
.dashboard-label-graph {
  font-size: 12px;
}
.inventory-bar-frame {
  position: relative;
  top: var(--top);
  left: var(--left);
  width: var(--width);
  height: var(--height);
  /*border-radius: 6px;*/
  border-radius: 4px;
}
.activity-view,
.inventory-view,
.dashboard-view {
  width: 100%;
  height: calc(100% - var(--height));
  overflow: hidden;
}  
.activity-box-frame,
.inventory-box-frame,
.dashboard-box-frame {
  height: var(--height);
  width: 100%;
  overflow: hidden;
  background-color: #fff;
  border-bottom: 1px solid #cfdbe2;
}
.activity-box-frame-label,
.dashboard-box-frame-label {
  padding: 10px 20px 15px 20px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #CEDAE1;
}
.dashboard-box-frame-location {
  padding: 10px 20px 2px 20px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 15px;
  border-radius: 5px;
  /*background-color: #FFFFFF;*/
  /*box-shadow: 1px 1px #888888;*/
  border: 1px solid #CEDAE1;
}
.dashboard-box-frame-graph {
  padding: 10px 20px 15px 20px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #CEDAE1;
}
.dashboard-row-text {
  padding-bottom: 10px;
  border-bottom: 1px solid #dcdee1;
}
.box-frame-label {
  padding: 10px 20px 0px 20px;
  margin-left: -10px;
  margin-right: -10px;
  height: 85px;
  border-radius: 5px;
  border: 1px solid #CEDAE1;
}
.box-frame-grid {
  margin-bottom: 20px;
  border-radius: 10px;
  border: 1px solid #CEDAE1;
  cursor: pointer;
/*  box-shadow: 1px 1px #888888;*/
}
.box-frame-grid:hover {
  background-color: #3abb9a14;
}
.box-frame {
  width: var(--width);
  height: var(--height);
  float: left;
  margin: var(--margin);
  border-radius: 10px;
  border: 1px solid #CEDAE1;
  cursor: pointer;
  box-shadow: 1px 1px #888888;
}
.box-frame:hover {
  background-color: #3abb9a14;
}
.box-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  height: 32px;      /* fallback */
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical;
}
.one-line-truncate,
.input-one-line-truncate {
  text-overflow:ellipsis;
  overflow: hidden;
  white-space:nowrap;
}
.box-details {
  margin-top: 18px; 
}
.circleBase {
  border-radius: 50%;
  behavior: url(PIE.htc); /* remove if you don't care about IE8 */
}
.type1 {
  width: 80px;
  height: 80px;
  border: 1px solid #CEDAE1;
}
.box-image {
  display: block;
  width: var(--width);
  height: var(--height);
  margin-top: var(--margin-top);
  margin-left: auto;
  margin-right: auto;
}
.pretty {
  -webkit-animation: fadein 0.2s linear 1 normal forwards;
  animation: fadein 0.2s linear 1 normal forwards;
}
@-webkit-keyframes fadein{
  from{
    opacity: 0.5;
  }
  to{
    opacity: 1;
  }
}
.check-in-bg {
  background-color: #44b583;
}
.check-out-to-location-bg {
  background-color: #65658b;
}
.check-out-to-service-provider-bg {
  background-color: #b6e0dc;
  color: #000000;
}
.main-store-bg {
  background-color: #44B583;
}
.sub-store-bg {
  /*background-color: #B6E0DC;*/
  background-color: #77E3B4;
}
.dirty-room-bg {
  /*background-color: #2D7555;*/
  background-color: #024343;
}
.laundry-bg {
  /*background-color: #A3A3B2;*/
  background-color: #006bd6;
}
.claim-bg {
  /*background-color: #65658B;*/
  background-color: #b7bcc2;
}
.obsolete-bg {
  /*background-color: #DDDDEC;*/
  background-color: #676c72;
}
.lost-bg {
  /*background-color: #2E2E2E;*/
  background-color: #ffbf00;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-t-4 {
  margin-top: 4px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-t-30 {
  margin-top: 30px;
}
.m-l-r-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.m-l-r-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.m-l-r-15 {
  margin-left: 15px;
  margin-right: 15px;
}
.m-l-r-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.m-l-r-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.m-l-r-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.m-l-r-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.dropdown-menu-ex {
  margin-left: -40px;
  list-style: none;
}
.dropdown-menu-ex .divider {
  height: 1px;
  margin: 9.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu-ex > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.52857143;
  color: #5f5f5f;
  white-space: nowrap;
}
.dropdown-menu-ex > li > a:hover,
.dropdown-menu-ex > li > a:focus {
  text-decoration: none;
  color: #2f3342;
  background-color: #fafbfc;
}
.dropdown-menu-ex > li > a:hover, .dropdown-menu-ex > li > a:focus {
  background-image:none !important;
}
.dropdown-menu-ex > li > a:hover, .dropdown-menu-ex > li > a:focus {
  background-color: #3abb9a;;
  color: #ffffff;
  /*transition-delay:0.1s;*/	/*Delay heightlight item*/
}
.mda-checkbox,
.mda-radio {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin: 0;
  cursor: pointer;
}
.mda-checkbox input,
.mda-radio input {
  position: absolute;
  z-index: 1;
  width: 20px;
  height: 20px;
  margin-left: -20px;
  cursor: pointer;
  opacity: 0;
}
.mda-checkbox input:checked + em:before,
.mda-radio input:checked + em:before {
  background-color: inherit;
  border-width: 0;
}
.mda-checkbox input:checked + span .active,
.mda-radio input:checked + span .active {
  display: inherit;
}
.mda-checkbox input[type="checkbox"]:checked + em:after,
.mda-radio input[type="checkbox"]:checked + em:after {
  position: absolute;
  top: 2px;
  left: 6px;
  display: table;
  width: 6px;
  height: 12px;
  border: 2px solid;
  border-top: 0;
  border-left: 0;
  content: ' ';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.mda-checkbox input[type="radio"]:checked + em:after,
.mda-radio input[type="radio"]:checked + em:after {
  content: ' ';
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 12px;
  height: 12px;
  background: inherit;
  border-radius: 50%;
  border: 2px solid #fff;
}
.mda-checkbox input[type="radio"] + em,
.mda-radio input[type="radio"] + em,
.mda-checkbox input[type="radio"] + em:before,
.mda-radio input[type="radio"] + em:before {
  border-radius: 50%;
}
.mda-checkbox input[disabled] + em:before,
fieldset[disabled] .mda-checkbox input + em:before,
.mda-radio input[disabled] + em:before,
fieldset[disabled] .mda-radio input + em:before {
  border-color: rgba(0, 0, 0, 0.26);
}
.mda-checkbox input[disabled]:checked + em,
.mda-radio input[disabled]:checked + em {
  background-color: rgba(0, 0, 0, 0.26);
}
.mda-radio input[disabled]:checked + em:after {
  background-color: transparent;
}
.mda-checkbox input[disabled]:checked + em:before {
  background-color: rgba(0, 0, 0, 0.26);
}
.mda-checkbox > em,
.mda-radio > em {
  position: relative;
  display: inline-block;
  width: 0;
  height: 18px;
  margin-top: -2px;
  margin-right: 28px;
  margin-left: -20px;
  line-height: 1;
  vertical-align: middle;
}
.mda-checkbox > em:before,
.mda-radio > em:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 100%;
  border: 2px solid rgba(0, 0, 0, 0.54);
  border-radius: 2px;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.mda-checkbox > em.empty:after,
.mda-radio > em.empty:after {
  display: none !important;
}
.label-genaral-attribute {
  background-color: rgb(180, 180, 180);
}
.label-brown {
  background-color: #995C2E;
}
.label-red {
  background-color: #CA3C18;
}
.label-purple {
  background-color: #664A72;
}
.label-blue {
  background-color: #3CA5D5;
}
.label-sky-blue {
  background-color: #9FCBED;
}
.label-yellow {
  background-color: #FFDB00;
}
.label-pink {
  background-color: #E0BDDE;
}
.label-green {
  background-color: #44B583;
}
.label-white {
  border: 1px solid rgb(200,200,200);
  background-color: #FFFFFF;
}
.label-black {
  background-color: #2E2E2E;
}
.label-cream {
  background-color: #F4E9BD;
}
.label-grey {
  background-color: #A3A3B2;
}
.label-navyblue {
  background-color: #003963;
}
.label-lightbrown {
  background-color: #E2A074;
}
.label-gold {
  background-color: #A89463;
}
.label-green {
  background-color: #44b583;	
}
.label-darkgreen {
  background-color: #2D7555;
}
.label-lightgreen {
  background-color: #B6E0DC;
}
.label-darkblue {
  background-color: #005B94;
}
.label-orange {
  background-color: #E7663E;
}
.label-beige {
  background-color: #C6B599;
}
.label-dark-navyblue {
  background-color: #24306C;
}
.label-lightblue {
  background-color: #a4cef8;
}
.label-brown {
  background-color: #5b3c2e;	
}
.label-text-black-color {
  color: #2e2e2e;
}
.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem;
}
.badge-red {
    color: #fff;
    background-color: #ca3c18;
}
.badge-yellow {
    color: #000000;
    background-color: #ffdb00;
}
.progress-bar-success {
  background-color: #44b583;
}
.progress-bar-warning {
  background-color: #ffdb00;
}
.progress-bar-danger {
  background-color: #ca3c18;
}

.topbar-link-button a {
	color:#646464;
}
.topbar-link-button {
	user-select: none; /* standard syntax */
	-webkit-user-select: none; /* webkit (safari, chrome) browsers */
	-moz-user-select: none; /* mozilla browsers */
	-khtml-user-select: none; /* webkit (konqueror) browsers */
	-ms-user-select: none; /* IE10+ */
}
.topbar-link-button a:hover {
	color:#646464;
	font-weight:bold;
	text-decoration:none;
}

.ball-pulse > div {
	background-color: #44b583 !important;
	width: 8px !important;
	height: 8px !important;
}

.sweet-alert {
  font-family: inherit !important;
}

.sweet-alert .sa-icon.sa-error {
	border-color: #44B583 !important;
}
.sweet-alert .sa-icon.sa-error .sa-line {
	background-color: #44B583 !important;
}

.sweet-alert .sa-icon.sa-warning {
	border-color: #44B583 !important;
}
.sweet-alert .sa-icon.sa-warning .sa-body, .sweet-alert .sa-icon.sa-warning .sa-dot {
	background-color: #44B583 !important;
}

.sweet-alert .confirm {
	background-color: #44B583 !important;
	box-shadow: none !important;
}