@charset "utf-8";

:root {
  --gradient-primary: linear-gradient(180deg, #3F75B5, #4282CA);
  --gradient-success: linear-gradient(180deg, #5CA65C, #5cb85c);
  --gradient-info: linear-gradient(180deg, #5BB2DE, #5bc0de);
  --gradient-warning: linear-gradient(180deg, #F0984E, #f0ad4e);
  --gradient-danger: linear-gradient(180deg, #D92B4F, #d9534f);
  --gradient-default: linear-gradient(180deg, #DDDDDD, #DDDDDD);
  --gradient-off: linear-gradient(180deg, #555555, #666666);
  --gradient-off-lt: linear-gradient(180deg, #EAEAEA, #EAEAEA);
  --gradient-secondary: linear-gradient(180deg, #6C757D, #6C757D);
  --gradient-dark: linear-gradient(180deg, #343A40, #343A40);

  --default: #DDDDDD;

  --primary-color: var(--main-primary-color, #337ab7);
  --success-color: var(--main-success-color, #5cb85c);
  --warning-color: var(--main-warning-color, #f0ad4e);
  --info-color: var(--main-info-color, #5bc0de);
  --danger-color: var(--main-danger-color, #d9534f);
  --secondary-color: var(--main-secondary-color, #6c757d);
}

[pp_state='1'] {
  background: var(--gradient-off-lt);
  color: #555555;
}

[pp_state='2'] {
  background: var(--gradient-success);
  color: #FFFFFF;
}

[pp_state='3'] {
  background: var(--gradient-info);
  color: #FFFFFF;
}

[pp_state='4'] {
  background: var(--gradient-primary);
  color: #FFFFFF;
}

.color_txt_default {
	color: initial !important;
}

.color_txt_black {
	color:#222222 !important;
}

.color_txt_white {
	color:#FFFFFF !important;
}

.color_txt_lightgray {
	color:#F2F2F2 !important;
}

.color_txt_darkgray {
	color:#A5A5A5 !important;
}

.color_txt_default {
  color: inherit !important;
}

.color_txt_gray {
	color:#CFCFCF !important;
}

.color_txt_gray2 {
	color:#BFBFBF !important;
}

.color_txt_red {
	color:#CC0000 !important;
}

.color_txt_blue {
	color:#3F75B5 !important;
}

.color_txt_yellow {
	color:#FFFF00 !important;
}

.color_txt_cyon {
	color:#90CBD9 !important;
}

.color_txt_green {
	color:#5CA65C !important;
}

.color_txt_lightgreen {
	color:#65fc07 !important;
}

.color_txt_orange {
	color:#FF9900 !important;
}

.color_txt_gold {
	color:#FFC000 !important;
}

.color_txt_purple {
	color:#7030A0 !important;
}

.color_txt_primary {
	color:var(--main-primary-color, #337ab7);
}

.color_txt_success {
	color:var(--main-success-color, #5cb85c);
}

.color_txt_info {
	color:var(--main-info-color, #5bc0de);
}

.color_txt_warning {
	color:var(--main-warning-color, #f0ad4e);
}

.color_txt_danger {
	color: var(--main-danger-color, #d9534f);
}

.color_HL_text {
	background: linear-gradient(180deg, #3F75B5, #4282CA);
	color:#FFCC00;
}

.color_th {
	background-color: #44566F;
	color: #FFFFFF;
	font-weight:bold;
	text-align:center;
}

.color_primary {
  background: linear-gradient(180deg, var(--main-primary-gradation-from, #3F75B5), var(--main-primary-gradation-from, #4282CA)) !important;
  color: #FFFFFF;
}

.color_primary_lt {
  background-color: var(--main-primary-color-lt, #9BC2E6) !important;
}

.color_success {
  background: linear-gradient(180deg, var(--main-success-gradation-from,#5CA65C), var(--main-success-gradation-to, #5cb85c)) !important;
  color: #FFFFFF;
}

.color_success_lt {
  background-color: var(--main-success-color-lt, #DFF0D8) !important;
}

.color_info {
  background: #5BB2DE !important;
  color: #FFFFFF;
}

.color_info_lt {
  background-color: var(--main-info-color-lt, #D9EDF7) !important;
}

.color_warning {
  background: linear-gradient(180deg, var(--main-warning-gradation-from,#F0984E), var(--main-warning-gradation-to, #f0ad4e)) !important;
  color: #FFFFFF;
}

.color_warning_lt {
  background-color: var(--main-warning-color-lt, #FCF8E3) !important;
}

.color_danger {
  background: linear-gradient(180deg, var(--main-danger-gradation-from,#D92B4F), var(--main-danger-gradation-to, #d9534f)) !important;
  color: #FFFFFF;
}

.color_danger_lt {
  background-color: var(--main-danger-color-lt, #F2DEDE) !important;
}

.color_default {
  background: linear-gradient(180deg, #BFBFBF, #DDDDDD);
  color: #555555;
}

.color_default_lt {
  background-color: #F5F5F5 !important;
}

.color_off {
  background: linear-gradient(180deg, #555555, #666666);
  color: #FFFFFF;
}

.color_off_lt {
  background-color: #EAEAEA !important;
}

.color_secondary {
  background-color: #6c757d !important;
  color: #FFFFFF;
}

.color_focus {
  background-color:#FFFFCC !important;
}

.color_stripe {
  background-color:#F2F2F2 !important;
}


.bg_primary {
  position: relative;
  color: #FFFFFF;
}

.bg_primary::after {
  content: '';
  position: absolute;
  left: 1px;
  top: 2px;
  width: calc(100% - 2px);
  height: calc(100% - 4px);
  border-radius: 2px;
  background-color: #4282CA;
  z-index: -1;
}

.bg_success {
  position: relative;
  color: #FFFFFF;
}

.bg_success::after {
  content: '';
  position: absolute;
  left: 1px;
  top: 2px;
  width: calc(100% - 2px);
  height: calc(100% - 4px);
  border-radius: 2px;
  background-color: #5cb85c;
  z-index: -1;
}

.bg_warning {
  position: relative;
  color: #FFFFFF;
}

.bg_warning::after {
  content: '';
  position: absolute;
  left: 1px;
  top: 2px;
  width: calc(100% - 2px);
  height: calc(100% - 4px);
  border-radius: 2px;
  background-color: #f0ad4e;
  z-index: -1;
}

.bg_info {
  position: relative;
  color: #FFFFFF;
}

.bg_info::after {
  content: '';
  position: absolute;
  left: 1px;
  top: 2px;
  width: calc(100% - 2px);
  height: calc(100% - 4px);
  border-radius: 2px;
  background-color: #5bc0de;
  z-index: -1;
}

.bg_danger {
  position: relative;
  color: #FFFFFF;
}

.bg_danger::after {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: calc(100% - 2px);
  height: calc(100% - 4px);
  border-radius: 2px;
  background-color: #d9534f;
  z-index: -1;
}


.blink_shadow_primary { animation : blink_shadow_primary 2s infinite; }
@keyframes blink_shadow_primary { 50% { box-shadow: 0px 0px 3px 3px #4282CA; } }

.blink_shadow_success { animation : blink_shadow_success 2s infinite; }
@keyframes blink_shadow_success { 50% { box-shadow: 0px 0px 3px 3px #5cb85c; } }

.blink_shadow_warning { animation : blink_shadow_warning 2s infinite; }
@keyframes blink_shadow_warning { 50% { box-shadow: 0px 0px 3px 3px #f0ad4e; } }

.blink_shadow_danger { animation : blink_shadow_danger 2s infinite; }
@keyframes blink_shadow_danger { 50% { box-shadow: 0px 0px 3px 3px #d9534f; } }

.blink_border_danger { animation : blink_border_danger 2s infinite; }
@keyframes blink_border_danger { 50% { border: solid 2px #d9534f; } }


.color_tr_popup {
  /*background: linear-gradient(180deg, #FFE699, #FFEEB7);*/
  background-color:#FFE699 !important;
}

.color_selected {
  background: linear-gradient(180deg, #FFE699, #FFEEB7);
  color: #000000;
}

.color_hover {
  background-color:#EAF3FA;
  color: #222222;
}

.color_hover_blue {
	background-color:#4281F4;
	color: #222222;
}

.color_hover_primary:hover {
  background-color:#3F75B5 !important;
}

.color_hover_primary_lt:hover {
  background-color:#9BC2E6 !important;
}

.color_hover_success:hover {
  background-color:#5CA65C !important;
}

.color_hover_success_lt:hover {
  background-color:#DFF0D8 !important;
}

.color_hover_warning:hover {
  background-color:#F0984E !important;
}

.color_hover_warning_lt:hover {
  background-color:#FCF8E3 !important;
}

.color_hover_danger:hover {
  background-color:#D92B4F !important;
}

.color_hover_danger_lt:hover {
  background-color:#F2DEDE !important;
}

.color_hover_info:hover {
  background-color:#5BB2DE !important;
}

.color_hover_info_lt:hover {
  background-color:#D9EDF7 !important;
}


.text_color_hover_warning:hover {
  color:#F0984E !important;
}

.color_cyon {
	background: linear-gradient(180deg, #90CBD9, #B7DEE8);
	color: #222222;
}

.color_green {
	background: linear-gradient(180deg, #00CF00, #00EA00);
	color: #FFFFFF;
}

.color_darkgreen {
	background: linear-gradient(180deg, #92D050, #A6D86E);
	color: #222222;
}

.color_purple {
	background: linear-gradient(180deg, #CCC0DA, #E4DFEC);
	color: #222222;
}

.color_transparent {
	background-color: transparent;
	border:0px;
}

.color_grouping {
	background-color: transparent;
	border:solid 1px #000000;
}

.color_unchecked {
	background: linear-gradient(180deg, #FFFFFF, #F4F4F4);
	color: #C9C9C9;
	border:solid 1px #BFBFBF;
}

.color_unchecked:hover {
	color: #C9C9C9;
}

.color_checked {
	background: linear-gradient(180deg, #FFC000, #FFD13F);
	color: #555555;
	border:solid 1px #555555;
}

.color_checked_2 {
	background: linear-gradient(180deg, #66FF33, #4FFF4F);
	color: #555555;
	border:solid 1px #555555;
}

.color_bg_gold {
	background-color: #FFEB9C;
}

.color_bg_purple {
	background-color: #E4DFEC;
}

.color_bg_lightgreen {
	background-color: #C4EDCC;
}

.color_bg_lightblue {
	background-color: #B6DDE8;
}

.color_bg_lightred {
	background-color: #FAC090;
}

.color_textshadow_black, .textshadow_black {
	text-shadow:1px 0 0 #222222, -1px 0 0 #222222, 0 1px 0 #222222, 0 -1px 0 #222222;
}

.color_textshadow_gray, .textshadow_gray {
	text-shadow:1px 0 0 #CFCFCF, -1px 0 0 #CFCFCF, 0 1px 0 #CFCFCF, 0 -1px 0 #CFCFCF;
}

.color_textshadow_white, .textshadow_white {
	text-shadow:1px 0 0 #FFFFFF, -1px 0 0 #FFFFFF, 0 1px 0 #FFFFFF, 0 -1px 0 #FFFFFF;
}

.color_black {
  background-color: #10161A;
}
.color_white {
  background-color: #FFFFFF;
}
.color_dark-gray1 {
  background-color: #182026 !important;
}
.color_dark-gray2 {
  background-color: #202B33 !important;
}
.color_dark-gray3 {
  background-color: #293742 !important;
}
.color_dark-gray4 {
  background-color: #30404D !important;
}
.color_dark-gray5 {
  background-color: #394B59 !important;
}
.color_gray1 {
  background-color: #5C7080 !important;
}
.color_gray2 {
  background-color: #738694 !important;
}
.color_gray3 {
  background-color: #8A9BA8 !important;
}
.color_gray4 {
  background-color: #A7B6C2 !important;
}
.color_gray5 {
  background-color: #BFCCD6 !important;
}
.color_light-gray1 {
  background-color: #CED9E0 !important;
}
.color_light-gray2 {
  background-color: #D8E1E8 !important;
}
.color_light-gray3 {
  background-color: #E1E8ED !important;
}
.color_light-gray4 {
  background-color: #EBF1F5 !important;
}
.color_light-gray5 {
  background-color: #F5F8FA !important;
}
.color_blue1 {
  background-color: #0E5A8A;
}
.color_blue2 {
  background-color: #106BA3;
}
.color_blue3 {
  background-color: #137CBD;
}
.color_blue4 {
  background-color: #2B95D6;
}
.color_blue5 {
  background-color: #48AFF0;
}
.color_green1 {
  background-color: #0A6640;
}
.color_green2 {
  background-color: #0D8050;
}
.color_green3 {
  background-color: #0F9960;
}
.color_green4 {
  background-color: #15B371;
}
.color_green5 {
  background-color: #3DCC91;
}
.color_orange1 {
  background-color: #A66321;
}
.color_orange2 {
  background-color: #BF7326;
}
.color_orange3 {
  background-color: #D9822B;
}
.color_orange4 {
  background-color: #F29D49;
}
.color_orange5 {
  background-color: #FFB366;
}
.color_red1{
  background-color: #A82A2A;
}
.color_red2{
  background-color: #C23030;
}
.color_red3{
  background-color: #DB3737;
}
.color_red4{
  background-color: #F55656;
}
.color_red5{
  background-color: #FF7373;
}
.color_vermilion1{
  background-color: #9E2B0E;
}
.color_vermilion2{
  background-color: #B83211;
}
.color_vermilion3{
  background-color: #D13913;
}
.color_vermilion4{
  background-color: #EB532D;
}
.color_vermilion5{
  background-color: #FF6E4A;
}
.color_rose1{
  background-color: #A82255;
}
.color_rose2{
  background-color: #C22762;
}
.color_rose3{
  background-color: #DB2C6F;
}
.color_rose4{
  background-color: #F5498B;
}
.color_rose5{
  background-color: #FF66A1;
}
.color_violet1{
  background-color: #5C255C;
}
.color_violet2{
  background-color: #752F75;
}
.color_violet3{
  background-color: #8F398F;
}
.color_violet4{
  background-color: #A854A8;
}
.color_violet5 {
  background-color: #C274C2;
}
.color_indigo1 {
  background-color: #5642A6;
}
.color_indigo2 {
  background-color: #634DBF;
}
.color_indigo3 {
  background-color: #7157D9;
}
.color_indigo4 {
  background-color: #9179F2;
}
.color_indigo5 {
  background-color: #AD99FF;
}
.color_cobalt1 {
  background-color: #1F4B99;
}
.color_cobalt2 {
  background-color: #2458B3;
}
.color_cobalt3 {
  background-color: #2965CC;
}
.color_cobalt4 {
  background-color: #4580E6;
}
.color_cobalt5 {
  background-color: #669EFF;
}
.color_turquoise1 {
  background-color: #008075;
}
.color_turquoise2 {
  background-color: #00998C;
}
.color_turquoise3 {
  background-color: #00B3A4;
}
.color_turquoise4 {
  background-color: #14CCBD;
}
.color_turquoise5 {
  background-color: #2EE6D6;
}
.color_forest1 {
  background-color: #1D7324;
}
.color_forest2 {
  background-color: #238C2C;
}
.color_forest3 {
  background-color: #29A634;
}
.color_forest4 {
  background-color: #43BF4D;
}
.color_forest5 {
  background-color: #62D96B;
}
.color_lime1 {
  background-color: #728C23;
}
.color_lime2 {
  background-color: #87A629;
}
.color_lime3 {
  background-color: #9BBF30;
}
.color_lime4 {
  background-color: #B6D94C;
}
.color_lime5 {
  background-color: #D1F26D;
}
.color_gold1 {
  background-color: #A67908;
}
.color_gold2 {
  background-color: #BF8C0A;
}
.color_gold3 {
  background-color: #D99E0B;
}
.color_gold4 {
  background-color: #F2B824;
}
.color_gold5 {
  background-color: #FFC940;
}
.color_sepia1 {
  background-color: #63411E;
}
.color_sepia2 {
  background-color: #7D5125;
}
.color_sepia3 {
  background-color: #96622D;
}
.color_sepia4 {
  background-color: #B07B46;
}
.color_sepia5 {
  background-color: #C99765;
}