body
{
	font-family: Montserrat;
	font-weight:400;
}


img
{
}

strong
{
}

h1, h2, h3, h4, h5, h6
{
	letter-spacing: 0.03em;
}

a, .text-primary
{
	/* color: #006837 !important; */
	color: #d22044 !important;
}

.border-primary
{
	/* border-color: #006837 !important; */
	border-color: #d22044 !important;
}

.bg-primary, .badge-primary
{
	/* background-color: #006837 !important;	 */
	background-color: #d22044 !important;	
}

.btn-primary, .btn-primary:hover, .btn-primary:focus
{
	/* background-color: #006837 !important;	
	border-color: #006837 !important; */
	background-color: #d22044 !important;	
	border-color: #d22044 !important;
	color:#fff !important;
}

.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus
{
	/* color: #006837 !important;	
	border-color: #006837 !important;	 */
	color: #d22044 !important;	
	border-color: #d22044 !important;	
	background-color: #FFFFFF !important;	
}

.img
{
	background-position: center !important;
}


#edit_data .fa-times
{
	cursor: pointer;
}

#edit_data svg
{
}

#edit_data.edit svg
{
	display:inline-block;
}

/*.edit_data_item select
{
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important; 
    text-indent: 1px;
    text-overflow: '';  
}
*/
/*
#edit_data>div.edit_data_item:first-child svg.fa-star
{
	display:inline-block;
}
*/

.edit_data_item input[readonly]
{
  background-color: #fff;
}


#edit_data .form-group .edit
{
	display:none;
}




#edit_data.edit .form-group .edit
{
	display:block;
}

#edit_data.edit .form-group .entry
{
	display:none;
}

/*
#edit_data.edit>div.edit_data_item:first-child
{
	display: none !important; 
}
*/

div.floating label
{
	top:0;
	/*margin-top:0px !important;*/
    padding: .375rem .75rem;
    line-height: 1 !important;
    border:0px solid transparent;
    pointer-events: none !important;
    transition: all 0.25s ease;
    color:#999;
    top:50%;
    margin-top:calc( -0.875em) !important;
}

div.floating input::placeholder, div.floating textarea::placeholder {
	color:#fff;
}

div.floating textarea ~ label {
    top: 0%;
    margin-top: 0.375rem !important;
}

div.floating input:not(:placeholder-shown) {
}

div.floating input:not(:placeholder-shown) ~ label, div.floating textarea:not(:placeholder-shown) ~ label, div.floating select:not(:placeholder-shown) ~ label {
	transform:scale(0.8);
	transform-origin: right center;
	right: 0.375rem !important;
  padding: .375rem;
    color:#999;
  opacity: 1 !important;

}

div.floating textarea:not(:placeholder-shown) ~ label
{
  transform-origin: right top;
    top: 0;
    margin-top: 0.375rem !important;  

}


div.floating select:not(:placeholder-shown) ~ label {
  transform-origin: right center;
  right: 1.5rem !important;

}

div.floating input:hover:not(:placeholder-shown):not([type='text']):not([type='dropdown-text']) ~ label {
	opacity:0 !important;
}

img.cover
{
	pointer-events: none;
}

.edit_image_column:hover img.cover
{
	/*opacity: 0.4;*/

}

img.cover:hover
{
}

#edit_image_0_item
{
	max-width:300px;
}

.edit_image_container
{
}

.edit_image_item
{
	width:100%;
}

.edit_image_printer_item
{
	width:100%;
}


.ui-resizable-se {
    cursor: se-resize;
    width: 50%;
    padding-bottom: 50%;
    right: 0px;
    bottom: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-color:transparent;    
    position: absolute;
}

/*.edit_image_column:hover .edit_image_ghost*/
.edit_image_ghost
{
    border: 2px dotted #fff;
    background-color: rgba(0,0,0,0.4);
    cursor: move;
    box-shadow: 0px 0px 0px 1px #000;	
    background-image: url(/images/cards/meter.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


.ui-resizable-se
{
    /*background-color: #fff;*/
    background-color: transparent;
    background-image: url(/images/cards/resize.png);
}

.edit_image_column.cropdone .edit_image_ghost, .edit_image_column.cropdone .ui-resizable-se
{
    display: none !important;
}




.edit_image_ghost
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left:auto;
    z-index: 89;

}

#edit_image_item_0, #edit_image_item_1, #edit_image_logo_item
{
	opacity:0;
}


#edit_image_logo_container
{
  position: absolute;
}


#setup_logo_preview:hover .edit_image_ghost
{
    border: 2px dotted #fff;
    background-color: rgba(0,0,0,0.4);
    cursor: move;
    box-shadow: 0px 0px 0px 1px #000;	
    background-image: url(/images/cards/meter.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#setup_logo_preview:hover .ui-resizable-handle
{
    /*background-color: #fff;*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(/images/cards/resize.png);
    background-color:transparent;       
}

.edit_image_constraint
{
  overflow: hidden;
}


#edit_image_logo_item
{
	position: relative;
}


.edit_image_column img.sample
{
    display: none;
}


#edit_image_logo_container, #edit_image_logo_container_image
{
    z-index: 999;
}

input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  margin: 7.3px 0;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 11.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  border: 1.8px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: rgba(0, 0, 0, 0.3);
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 11.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  border: 1.8px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 11.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.3);
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.3);
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 0.9px 0.9px 1px #000031, 0px 0px 0.9px #00004b;
  border: 1.8px solid #00001e;
  height: 26px;
  width: 26px;
  border-radius: 15px;
  background: #ffffff;
  cursor: pointer;
  height: 11.4px;
}
input[type=range]:focus::-ms-fill-lower {
  background: rgba(0, 0, 0, 0.3);
}
input[type=range]:focus::-ms-fill-upper {
  background: rgba(0, 0, 0, 0.3);
}

.preset_color_select
{
  cursor: pointer;
}

.handle
{
  cursor: pointer;
}

#setup_data_list, #card_edit_template
{
  overflow: hidden;
  overflow-y:auto;

}

.card_edit_template_line:last-child
{
  margin-bottom: 0 !important;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.card_edit_template_line:last-child .edit_data_item:last-child
{
  margin-bottom: 0 !important
}


@media screen and (max-width: 991px) {

  #card_edit_template
  {
    overflow:hidden !important;
    height:auto !important;
  }

  html
  {
    font-size:14px;
  }
}



/* entire container, keeps perspective */
.flip-container {
  perspective: 1000px;
}


  /* flip the pane when hovered */


  .flip-container.hover .flipper {
    transform: rotateY(180deg);
  }

.flip-container, .front, .back {
  width:100%;
  padding-bottom: 140%;
}

/* flip speed goes here */
.flipper {
  transition: 0.7s;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d;
  position: relative;
}

/* hide back of pane during swap */
.front, .back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

/* front pane, placed above back */
.front {
  z-index: 2;
  /* for firefox 31 */
  transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
  z-index: 3;
  transform: rotateY(180deg);
}


.file_toggle_full
{
  position: absolute;
  background-color: rgba(35, 39, 43, 0.8) !important;  
}

.edit_image_confirm
{
  left:0;
  top:0;
  z-index: 10000;
  background-color: rgba(0, 104, 55, 0.8) !important;  
  transition: background-color 0.25s ease;
  transition-delay: 1.5s;  
  display:none;
}

.edit_image_confirm.fadeout
{
  background-color: transparent !important;

}

.edit_image_confirm.fadeout .edit_image_confirm_text
{
  opacity: 0;
}

.edit_image_confirm_text
{
  top:50%;
  position: absolute;
  width:100%;
  margin-top:-3.25em;
  transition: opacity 0.25s ease;
  transition-delay: 1.5s;    
}

.edit_image_confirm_text svg
{

}

.edit_image_confirm_text span
{
}

#edit_image_next
{
  display:none;
}

#edit_image_save
{
  display:none;
}

#edit_image_crop_again
{
  display:none;
}

select.type
{
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.setup_data_item textarea
{
  display:none !important;
}

.setup_data_item[data-type='dropdown'] textarea
{
  display:block !important;
}

.pr-6
{
  padding-right: 6rem !important
}


#ui-datepicker-div
{
    border: 1px solid rgb(206, 212, 218);
    width:300px;
    padding: 0.75rem;
    background-color: #fff;
    text-align: center;  
    top:0.5rem;
    border-radius: 4px;
}

.ui-datepicker-calendar
{
    width:100%;
}

.ui-datepicker-header
{
  display: flex;
}

.ui-datepicker-prev
{
  order: 1;
}

.ui-datepicker-title
{
  order:2;
  flex-grow: 1;
  justify-content: space-evenly;  
     display: flex;
 
}

.ui-datepicker-next
{
  order:3;
}

.ui-datepicker-header>*
{
  align-self: center;
}

.ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-buttonpane button
{
   border:0;
    margin:0;
    padding:0;  
    background-color: #006837;
    color: #fff !important;
    font-weight: bold;
    font-size:0.8rem;
    display: inline-flex;
    padding: 0.2rem 0.375rem;
    text-transform: uppercase;
    cursor: pointer;

}

.ui-datepicker-buttonpane
{
  margin-top:0.5rem;
  display:flex;
  justify-content: space-between;

}

.ui-datepicker-calendar
{
  margin-top:0.5rem;
}

.ui-datepicker-calendar a
{
  color:#333;
}

.ui-datepicker-calendar td:hover
{
  background-color:#eee;
  cursor: pointer;
}

.ui-datepicker-current-day
{
    background-color: #333;
}

.ui-datepicker-current-day a
{
    color:#fff !important;
}



g.f1_n.zoomout text
{
  font-size:9px !important;
}

g.f1_n.zoomout
{
  transform:translateY(-1.5px);
}


g.s1_n.zoomout text
{
  font-size:10px !important;
}

g.s1_n.zoomout
{
  transform:translateY(-2px);
}




g.s4_n.zoomout
{
  transform:scale(0.65) !important;
}

g.f4_n.zoomout tspan
{
  font-size:9px !important;
}

g.f4_n.zoomout
{
  transform:translateY(-1px);
}


g.s7_n.zoomout
{
  transform:scale(0.65) !important;
}

g.f7_n.zoomout tspan
{
  font-size:9px !important;
}

g.f7_n.zoomout
{
  transform:translateY(-1px);
}

g.s8_n.zoomout
{
  transform:scale(0.65) !important;
}

g.f8_n.zoomout tspan
{
}

g.f8_n.zoomout
{
  transform:translateY(-1px);
}


g.f10_n.zoomout
{
  transform:translateY(-1px); 
}

g.f10_n.zoomout text
{
  font-size:14px !important;
}


g.s10_n.zoomout
{
  transform:translateY(-2px); 
}

g.s10_n.zoomout text
{
  font-size:14px !important;
}



g.f11_n.zoomout
{
  transform:translateY(-1px); 
}

g.f11_n.zoomout text
{
  font-size:14px !important;
}




g.f14_n.zoomout
{
  transform:translateY(-1px); 
}

g.f14_n.zoomout text
{
  font-size:12px !important;
}



g.s11_n.zoomout
{
  transform:translateY(-2px); 
}

g.s11_n.zoomout text
{
  font-size:14px !important;
}




g.s14_n.zoomout
{
  transform:translateY(-2px); 
}


g.s14_n.zoomout text
{
  font-size:12px !important;
}

.zoomout [class^="f20"][valueindex="0"], 
.zoomout [class^="f21"][valueindex="0"], 
.zoomout [class^="st21"][valueindex="0"], 
.zoomout [class^="f22"][valueindex="0"], 
.zoomout [class^="f23"][valueindex="0"],
.zoomout [class^="f25"][valueindex="0"],
.zoomout [class^="f26"][valueindex="0"],
.zoomout [class^="f27"][valueindex="0"],
.zoomout [class^="f28"][valueindex="0"],
.zoomout [class^="f29"][valueindex="0"],
.zoomout [class^="f31"][valueindex="0"],
.zoomout [class^="f33"][valueindex="0"],
.zoomout [class^="f35"][valueindex="0"],
.zoomout [class^="f37"][valueindex="0"],
.zoomout [class^="f38"][valueindex="0"],
.zoomout [class^="f41"][valueindex="0"],
.zoomout [class^="f42"][valueindex="0"],
.zoomout [class^="f43"][valueindex="0"],
.this-makes-it-easier-to-add-new-lines {
    font-size: 8px;
}

.zoomout [class^="f39"][valueindex="0"],
.zoomout [class^="f40"][valueindex="0"],
.zoomout [class^="f44"][valueindex="0"],
.this-makes-it-easier-to-add-new-lines {
    font-size: 10px;
}

.zoomout [class^="f19"][valueindex="0"], 
.zoomout [class^="f24"][valueindex="0"],
.zoomout [class^="f30"][valueindex="0"],
.zoomout [class^="f32"][valueindex="0"],
.zoomout [class^="f34"][valueindex="0"],
.zoomout [class^="f36"][valueindex="0"],
.this-makes-it-easier-to-add-new-lines {
    font-size: 7px;
}

.zoomout.f19_n > text, 
.zoomout.f24_n > text,
.zoomout.f30_n > text,
.zoomout.f32_n > text,
.zoomout.f34_n > text,
.zoomout.f36_n > text,
.this-makes-it-easier-to-add-new-lines {
    transform: translateY(-2px);
}

.zoomout [class^="st19"][valueindex="0"], 
.zoomout [class^="st20"][valueindex="0"], 
.zoomout [class^="st22"][valueindex="0"], 
.zoomout [class^="st24"][valueindex="0"],
.zoomout [class^="st25"][valueindex="0"],
.zoomout [class^="st23"][valueindex="0"],
.zoomout [class^="st26"][valueindex="0"],
.zoomout [class^="st27"][valueindex="0"],
.zoomout [class^="st28"][valueindex="0"],
.zoomout [class^="st29"][valueindex="0"],
.zoomout [class^="st30"][valueindex="0"],
.zoomout [class^="st31"][valueindex="0"],
.zoomout [class^="st32"][valueindex="0"],
.zoomout [class^="st33"][valueindex="0"],
.zoomout [class^="st34"][valueindex="0"],
.zoomout [class^="st35"][valueindex="0"],
.zoomout [class^="st36"][valueindex="0"],
.zoomout [class^="st37"][valueindex="0"],
.zoomout [class^="st38"][valueindex="0"],
.zoomout [class^="st39"][valueindex="0"],
.zoomout [class^="st40"][valueindex="0"],
.zoomout [class^="st41"][valueindex="0"],
.zoomout [class^="st42"][valueindex="0"],
.zoomout [class^="st43"][valueindex="0"],
.zoomout [class^="st44"][valueindex="0"],
.this-makes-it-easier-to-add-new-lines {
    font-size: 10px;
}


.zoomout [class^="st19"][valueindex="0"],
.zoomout [class^="st24"][valueindex="0"],
.this-makes-it-easier-to-add-new-lines {
    font-size: 9px;
}


#ui-datepicker-div
{
  display:none;
}



#queue_table tbody tr:hover td
{
  background-color: #eee;
  color:#333;
}

#queue_table tbody tr:hover
{
  opacity:1 !important;
  
}

svg *
{
  overflow:visible;
}

.manage_team.active, .dropdown-item.active, .dropdown-item:active, .manage_team.active:focus
{
  background-color: #006837 !important; 
  color:#fff !important;  
}