/*
.drawapp h2{
	font-size	:	1.4em;
}
.drawapp input.form-control{
	background		:	rgba(189,229,219,0.4);
	padding			:	.375rem .75rem;
	border-radius	:	0px!important;
	height			:	calc(2em + .75rem + 2px);
	line-height		:	2em;
}
.drawapp textarea.form-control{
	background		:	rgba(189,229,219,0.4);
	padding			:	.375rem .75rem;
	border-radius	:	0px!important;
	line-height		:	1.5em;
}
.drawapp div.chosen-container {
	background		:	rgba(189,229,219,0.4);
	height			:	calc(2em + .75rem + 2px);
	line-height		:	2em;
}
.drawapp .chosen-container-multi .chosen-choices{
	background-color			:	transparent;	
	border-color				:	transparent;
}
.drawapp .chosen-container-multi .chosen-choices .search-choice{
	height			:	calc(1.6rem + 2px);
}
.drawapp .chosen-container-multi .chosen-choices .search-choice{
	margin			:	.375rem .25rem;
	padding			:	0 1.5rem 0 .75rem;
	line-height		:	1.6rem;
}
.drawapp div.form-control{
	padding			:	.375rem .75rem;
	border-radius	:	0px!important;
	height			:	calc(2em + .75rem + 2px);
	line-height		:	2em;
}
.drawapp .search-field > input{
	cursor			:	default;
}
.persons .btn{
	height			:	calc(2em + .75rem + 2px);
	width			:	calc(2em + .75rem + 2px);
	border-radius	:	0px!important;
}

.drawapp .custom-checkbox .custom-control-label::before{
	background		:	rgba(189,229,219,0.4);
	border			:	0;	
	border-radius	:	0px!important;
}
.drawapp .custom-control-input:checked~.custom-control-label::before{
		background		:	#6ebbab;
}


.drawapp .btn-next,.drawapp .btn-prev{
	font-size		:	.9rem;
	border-radius	:	2em!important;
	padding-left	:	2em;
	padding-right	:	2em;
	z-index			:	10;
	right			:	0.5em;
	font-weight		:	600;
	text-transform	:	uppercase;	
}
.drawapp .btn-next i,.drawapp .btn-prev i{
	transition	:	transform 0.2s;
}
.drawapp .btn-next:hover i{
	transform	:	translateX(50%);
}
.drawapp .btn-prev:hover i{
	transform	:	translateX(-50%);
}
.drawapp p.ml-3{
	padding-left:	15px;
}
.drawapp .participants{
	background		:	rgba(189,229,219,0.4);
	padding			:	.375rem .75rem;
	border-radius	:	0px!important;
	line-height		:	2.5em;
}
.drawapp iframe{
	border			:	0;
	min-height		:	50vh;
}


.draw-results .odd{
	background-color	:	#F5F5F5;
	cursor	:	pointer;
}
.draw-results .even{
	cursor	:	pointer;
}
.draw-results img{
	max-height	:	14px;
}

.draw-info{
	font-size	:	.9em;
}




body > .modal{
	z-index	:	120!important;
}
body > .sidebar ~ *:not(.bg-blur):not(.dialog-container){
	
}

@media (max-width: 576px){
	#draw-intro h2.text-h2{
	   font-size	:	1.5em;
	}
	span.text-h3{
		font-size	:	1em;
	}
}
@media (min-width: 768px){
	
	body .container {
	    max-width	: 720px;
	}
}
@media (min-width: 992px){
	body .container {
	    max-width	: 960px;
	}
}
@media (min-width: 1200px){
	
}




.btn.btn-empty {
    background-color: transparent;
    color: #528bff
}

.btn:hover {
    color: #fff;
    background-color: #1f69ff;
    border-color: #1f69ff
}

.btn.btn-black {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.btn.btn-black.btn-empty {
    background-color: transparent;
    color: #000
}

.btn.btn-black:hover {
    color: #fff;
    background-color: #0d0d0d;
    border-color: #0d0d0d
}

.btn.btn-white {
    color: #000;
    background-color: #fff;
    border-color: #fff
}

.btn.btn-white.btn-empty {
    background-color: transparent;
    color: #fff
}

.btn.btn-white:hover {
    color: #000;
    background-color: #dedede;
    border-color: #dedede
}

.btn.btn-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24)
}

.btn.btn-round {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    min-width: 150px
}

.card-title{
	border-bottom	:	1px solid #EFEFEF;
	padding-bottom	:	0.8em;
}
.card-body {
    padding: 1rem;
}

.masonry{
	column-count:1;
    column-gap: 1em;
}
@media (min-width: 768px){
	.masonry {
	   column-count: 2;
  }
}
@media (min-width: 992px){
	.masonry {
	   column-count: 3;
  }
}
@media (min-width: 1200px) {
  .masonry {
    column-count: 4;
  }
}


.masonry .card { 
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}



*/









