@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */


.super-flip {
	-moz-transform: scale(-1, -1);
	-webkit-transform: scale(-1, -1);
	-o-transform: scale(-1, -1);
	-ms-transform: scale(-1, -1);
	transform: scale(-1, -1);
}

.bg-light-grey {
	background-color: #FAFAFA !important;
}

.bg_sc_blue {
	background-color: #227694 !important;
}

.bg_sc_yellow {
	background-color: #F8D042 !important;
}

.bg_sc_purple {
	background-color: #CC56A3 !important;
}

.group_bg {
 background-color: #eeeeee;
}
.reserved_bg {
	background-color: #AA2F4F !important;
}
.available_bg {
	background-color: #77CECF !important;
}

.desk input[type='checkbox'] {
   width: 30px;
   height: 30px;
}

.text-xxs {
  font-size: 0.6rem;
  line-height: 0.75rem;
}

/*
red #E6000E;
orange #FD8008; 
dark blue #OC60AC;
LIGHT BLUE #49B2FE;
YELLOW F5AD09;
PINK #FD817A;
LIGHT PURPLE #FC74B9;
DARK PURPLE #85014C;
GRAY #808080;
DARK GREEN #0D6102;
LIGHT GREEN #7AFF3E;
TEAL #0E6963;
BLACK #000000;
*/


.orange2_bg {
	background-color: #DB8B22;
}
.turquoise1_bg {
	background-color: #77CECF;
}
.green1_bg {
	background-color: #B2CC29;
}
.purple1_bg {
	background-color: #cc56a3;
}
.orange1_bg {
	background-color: #F8BA2B;
}
.brown2_bg {
	background-color: #B16252;
}
.bg_sc_turquoise {
	background-color: #49BCD1 !important;
}
.green2_bg {
	background-color: #809624;
}
.yellow1_bg {
	background-color: #EBC430;
}
.pink1_bg {
	background-color: #E95059;
}