/* General
----------------------------------------------------------------------------- */
html, body{
	font-family: "Museo";
	font-weight: 500;
	background-color: #fafafa;
}

h1, h2, h3, h4, h5{
	font-family: "Museo";
	font-weight: 500;
	color: #383e3d;
}

.primary_title{
	color: #4ccbc0;
	font-size: 24px;
	line-height: 29px;
}

h1{
	font-size: 34px;
}

h1.page_title{
}

h1.page_title_small{
	font-size: 20px;
	color: #a7b2b1;
	opacity: .87;
	line-height: 24px;
}

h2{
	color: #192222;
	font-size: 24px;
}


h2.card-title,
h2.card-title a{
	color: #192221;
	font-size: 16px;
}
h2.card-title a:hover{
	text-decoration: underline;
}

h3.title_small{
}

p{
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 20px;
}

.grey{
	font-weight: 500;
}

.dark,
.dark a{
	font-weight: 500 !important;
	letter-spacing: .40px;
	color: #192221;
	line-height: 100%;
}

.dark a{
	text-decoration: underline;
}
.dark a:hover,
.dark a:active,
.dark a:focus{
	text-decoration: none;
}

p.grey,
label.grey,
td.grey,
span.grey{
	color: #a7b2b1;
}
label.grey{
	font-size: 14px;
}

a{
	color: #4ccbc0;
}

a:hover{
	color: #3fa296;
}

a:active,
a:focus{
	color: #328176;
}

p a.btn-link,
p button.btn-link{
	padding: 0;
	font-size: 14px;
	vertical-align: baseline;
	color: #000;
	font-weight: 300;
	text-decoration: underline;
}

p a.btn-link:hover,
p a.btn-link:active,
p a.btn-link:focus,
p button.btn-link:hover,
p button.btn-link:active,
p button.btn-link:focus{
	text-decoration: none;
}

p.larger,
p.larger *{
	font-size: 16px !important;
}

::selection{
	background: #90e8e0;
	color: #333;
}
::-moz-selection{
	background: #90e8e0;
	color: #333;
}

#app_name{
	color: #fff;
	margin-bottom: 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 29px;
	position: relative;
	top: 24px;
	left: 24px;
}

#sidebar #app_name a{
	color: #fff;
}
#sidebar #app_name a:hover{
	color: #eee;
}
#app_name.app_name_disclaimer{
	top: 0;
	left: 0;
}

.sidebar-button,
.sidebar-button:hover{
	color: #4ccbc0;
	box-shadow: 0 2px 4px 0 rgba(25, 34, 33, .14);
}

#sidebar .sidebar_title{
	margin-bottom: 8px;
	margin-left: 24px;
	color: #2a7d76;
	font-size: 12px;
	font-weight: 300;
	line-height: 16px;
}

#app_name a:hover{
	text-decoration: none;
}

#app_name.app_name_absolute{
	position: absolute;
	color: #4ccbc0;
}

#temp_request_description{
	min-height: 200px;
	max-height: 800px;
}

#content-wrapper{
	margin: 16px;
	margin-top: 0;
	padding-top: 16px;
}
#content-wrapper.background-banner-desktop{
	background-repeat: no-repeat;
}
.container-fluid{
	padding: 0;
}

#frm_edit_request #step_picture_camera{
	width: 100%;
	/* position: absolute;
	left: 0;
	top: 0;
	z-index: 0; */
}

.drop-shadow svg{
	filter: drop-shadow(0 0 2px rgba(0, 0, 0, .5));
}

.btn-close{
	background-color: #48b76b;
	color: #fff;
}

.btn_chat,
.btn_chat_users{
	position: absolute;
	right: 16px;
	bottom: 16px;
	color: #2a7d76;
}
.btn_chat:hover,
.btn_chat:active,
.btn_chat:focus,
.btn_chat_users:hover,
.btn_chat_users:active,
.btn_chat_users:focus{
	color: #2a7d76;
}

.btn_chat_text,
.btn_chat_text:hover,
.btn_chat_text:active,
.btn_chat_text:focus{
	color: #2a7d76;
}
.btn.btn_chat_text,
.btn_chat,
.btn_chat_users{
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	border-radius: 2px;
}

.card .request-description .btn_chat_users{
	right: 0;
	bottom: 8px;
}

.btn_chat_relative{
	position: relative;
	display: inline-block;
	float: right;
	margin-top: 8px;
}

.btn.back_button_map{
	border-radius: 100% !important;
	background-color: #fff !important;
	padding: 8px !important;
	filter: drop-shadow(0 3px 7px rgba(0, 0, 0, .25));
}
.btn.back_button_map svg{
	margin-top: -2px;
}

.btn.back_button_map:hover,
.btn.back_button_map:focus,
.btn.back_button_map:active{
	background-color: #eee !important;
}

.alert p{
	margin-bottom: 0;
}

.toast{
	/* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1); */
	box-shadow: none;
	max-width: initial;
}

.toast_icon{
	position: absolute;
	top: 10px;
	left: 15px;
	padding: 0;
}
.toast_close{
	position: absolute;
	top: 10px;
	right: 15px;
	padding: 0;
}

.hidden_screenreader{
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.hidden_visually{
	width: 0 !important;
	padding: 0 !important;
	opacity: 0 !important;
	border: none !important;
}

.marked{
	color: #4ccbc0;
	font-weight: 500;
}

.marked a{
	text-decoration: underline;
}
.marked a:hover,
.marked a:focus,
.marked a:active{
	text-decoration: none;
}

.img-max-64{
	max-width: 64px;
	max-height: 64px;
}

.btn.back_button,
.btn.back_button:hover,
.btn.back_button:active,
.btn.back_button:focus,
.btn.back_button_summary,
.btn.back_button_summary:hover,
.btn.back_button_summary:active,
.btn.back_button_summary:focus{
	text-decoration: none;
	font-size: 14px;
	text-align: left;
}
.btn.back_button,
.btn.back_button_summary{
	color: #98b3af !important;
}
.btn.back_button:hover span,
.btn.back_button:active span,
.btn.back_button:focus span,
.btn.back_button_summary:hover span,
.btn.back_button_summary:active span,
.btn.back_button_summary:focus span{
	color: #98b3af;
	text-decoration: underline;
}

.request_date{
	font-size: 18px;
	font-weight: 500;
}

.disclaimer_navbar{
	padding: 0 0 32px;
}

.table-disclaimer td{
	font-size: 14px;
	font-weight: 300;
}

div.step,
div.name{
	color: #ffca2e;
}
div.name{
	font-size: 20px;
}


.popup-container{
	background-color: rgba(0, 0, 0, .7);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1200;
}
.popup-filter{
	background-color: #4ccbc0;
}
.popup-filter h3{
	color: #fff;
	font-size: 20px;
	line-height: 24px;
}
.popup-filter label{
	color: #2a7d76;
	font-size: 14px;
	line-height: 17px;
}

#filter-close .active,
#filter-submit .active{
	display: none;
}
#filter-close .inactive,
#filter-submit .inactive{
	display: block;
}

/* Mobile iOS double tap fix */
body:not(.is_ios) #filter-close:hover .inactive,
body:not(.is_ios) #filter-submit:hover .inactive{
	display: none;
}
body:not(.is_ios) #filter-close:hover .active,
body:not(.is_ios) #filter-submit:hover .active{
	display: block;
}


#filter-open.filter_active{
	color: #f7cb52;
}

#reset_filters{
	font-size: 14px;
}

html{
	position: relative;
	min-height: 100%;
}

body{
	margin-bottom: 56px;
}

.flushed-bottom{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 88px;
	padding: 16px;
}
.flushed-bottom.double_button{
	height: 132px;
}

.flushed-bottom.triple_button{
	height: 177px;
}

#collector_index_block .flushed-bottom.double_button{
	height: 80px;
}

.flushed-bottom.double_button_lg{
	height: 160px;
}

.flushed-bottom.double_button_lg button{
	margin-bottom: 16px;
}

.position-absolute{
	left: 0;
	top: 0;
}

.btn-close-custom{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.btn-switch-custom{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}


.prepend-no_border input{
	border-left: none !important;
}
.prepend-no_border .input-group-prepend .input-group-text{
	border-right: none !important;
}
.prepend-no_border .input-group-prepend .input-group-text:not(:first-child){
	border-left: none !important;
}

.append-no_border input{
	border-right: none !important;
}
.append-no_border .input-group-append .input-group-text{
	border-left: none !important;
}
.append-no_border .input-group-append .input-group-text:not(:last-child){
	border-right: none !important;
}

.number_arrow_container{
	padding: 3px 8px;
}
.input-group-append .btn-number_arrow_up,
.input-group-append .btn-number_arrow_down{
	display: block;
	padding: 0;
	margin-left: 0 !important;
}
.input-group-append .btn-number_arrow_up:hover,
.input-group-append .btn-number_arrow_down:hover{
	opacity: .7;
}

#index_page .copyright,
#index_page .copyright a{
	color: #a7b2b1;
	font-size: 14px;
	font-weight: 300;
}
#index_page .copyright a{
	text-decoration: underline;
}
#index_page .copyright a:hover{
	text-decoration: none;
}

#request_map,
#requests_map{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
#request_map{
	z-index: 0;
}
#request_map{
	bottom: 111px;
}
#requests_map{
	top: 57px;
}

#collector_requests_show > div:first-child{
	border-right: 1px solid #d8e6e4;
}

.dashboard_image{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 240px;
	overflow: hidden;
	text-align: center;
}

.request_map_card{
	position: fixed;
	z-index: 1;
	bottom: 51px;
	left: 0;
	margin: 0;
	padding: 16px;
	width: 100%;
	height: auto;
	background-color: #fff;
	box-shadow: 0 -2px 4px rgba(0, 0, 0, .1);
}

.request_map_card_link{
	display: table;
	height: auto;
}
.request_map_card_link a{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

button[data-btn_id="collector_requests_show_map"]{
	margin-left: -5px;
}

/* DataTables
----------------------------------------------------------------------------- */

.table-striped tbody tr:nth-of-type(2n+1){
	background-color: #f8f8f8;
}

.table-hover tbody tr:nth-of-type(2n+1):hover{
	background-color: rgba(0, 0, 0, .075);
}

.datatable th,
.datatable td,
.dataTables_length,
.dataTables_length select.form-control,
.dataTables_info,
.pagination .paginate_button a{
	font-weight: 300;
	font-size: 14px;
}

.dt-buttons button.dt-button{
	display: inline-block;
	font-weight: 300;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5;

	transition: all .2s ease;
	border-radius: 0;
	border: none;
	padding: 16px;
	font-size: 16px;

	background-color: #4ccbc0;
	border-color: #4ccbc0;
	background-image: none;
	color: #fff;

	margin-top: -11px;
	padding: 13px 16px;
}

.dt-buttons button.dt-button:hover,
.dt-buttons button.dt-button:active,
.dt-buttons button.dt-button:focus{
	background-color: #3fa296;
	border-color: #3fa296;
	background-image: none;
	border: none;
}

div.dt-buttons{
	float: right;
}

.datatable .dark{
	font-weight: 300 !important;
}

.datatable a{
	text-decoration: underline;
}
.datatable a:hover{
	text-decoration: none;
}

.datatable th,
.datatable td{
	border: none !important;
}

.datatable thead{
	background-color: #ebebeb;
}

.datatable th{
	font-weight: 500;
	letter-spacing: .4px;
}

.datatable .cell-user a{
	color: #559764;
}
.datatable .cell-collector a{
	color: #4c94a0;
}

.dataTables_length{
	display: inline-block;
}
.dataTables_length select.form-control{
	height: auto;
	border: none;
	background-color: #f8f8f8;
	padding: 6px 35px 6px 8px;
	color: #1b2221;
}

.dataTables_info{
	margin-left: 16px;
	display: inline-block;
}

.pagination .paginate_button a{
	padding: 10px 14px;
	background-color: #f8f8f8;
}
.pagination .paginate_button:not(:last-child){
	margin-right: 8px;
}
/* .pagination .paginate_button.disabled a img, */
.pagination .paginate_button.disabled:last-child a img{
	opacity: .3;
}
.pagination .paginate_button.active a{
	background-color: #2a7d76;
	color: #fff;
}

.pagination .paginate_button a:hover{
	opacity: .7;
	text-decoration: none;
}

.dataTables_filter{
	width: 100%;
}

.dataTables_filter label{
	justify-content: left;
}

.dataTables_filter input[type=search]{
	width: 100%;
	margin-bottom: 16px;
	height: 53px;
	padding: 14px;
}

.dataTables_filter input[type=search]:active,
.dataTables_filter input[type=search]:focus{
	background-image: none !important;
}

.dataTables_filter input[type=search]:active::-webkit-input-placeholder,
.dataTables_filter input[type=search]:focus::-webkit-input-placeholder{
	/* WebKit browsers */
	color: transparent;
}
.dataTables_filter input[type=search]:active:-moz-placeholder,
.dataTables_filter input[type=search]:focus:-moz-placeholder{
	/* Mozilla Firefox 4 to 18 */
	color: transparent;
}
.dataTables_filter input[type=search]:active::-moz-placeholder,
.dataTables_filter input[type=search]:focus::-moz-placeholder{
	/* Mozilla Firefox 19+ */
	color: transparent;
}
.dataTables_filter input[type=search]:active:-ms-input-placeholder,
.dataTables_filter input[type=search]:focus:-ms-input-placeholder{
	/* Internet Explorer 10+ */
	color: transparent;
}

table.dataTable.collapsed > tbody > tr:not(.child) > td,
table.dataTable.collapsed > tbody > tr:not(.child) > th{
	position: relative;
}
table.dataTable.collapsed > tbody > tr:not(.child) > td:first-child::before,
table.dataTable.collapsed > tbody > tr:not(.child) > th:first-child::before{
	top: 14px;
	left: 8px;
	height: 16px;
	width: 16px;
	position: absolute;
	color: white;
	border-radius: 14px;
	text-align: center;
	line-height: 14px;
	content: "+";
	background-color: #2a7d76;
}
table.dataTable.collapsed > tbody > tr:not(.child) > td:first-child:hover::before,
table.dataTable.collapsed > tbody > tr:not(.child) > th:first-child:hover::before{
	opacity: .7;
	cursor: pointer;
}
table.dataTable.collapsed > tbody > tr:not(.child) > td *,
table.dataTable.collapsed > tbody > tr:not(.child) > th *{
	padding-left: 20px;
}
table.dataTable.collapsed > tbody > tr.child > td .dtr-title{
	font-weight: 500;
}
table.dataTable.collapsed > tbody > tr.child > td .dtr-title::after{
	content: ":";
}

table.dataTable thead .sorting{
	background: url("../../vendor/datatables/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc{
	background: url("../../vendor/datatables/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc{
	background: url("../../vendor/datatables/sort_desc.png") no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled{
	background: url("../../vendor/datatables/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled{
	background: url("../../vendor/datatables/sort_desc_disabled.png") no-repeat center right;
}


/* Bootstrap overrides
----------------------------------------------------------------------------- */

.m-0{ margin: 0 !important; }
.m-1{ margin: 8px !important; }
.m-2{ margin: 16px !important; }
.m-3{ margin: 24px !important; }
.m-4{ margin: 32px !important; }
.m-5{ margin: 40px !important; }
.m-10{ margin: 80px !important; }
.m-15{ margin: 120px !important; }
.m-20{ margin: 160px !important; }

.mt-0{ margin-top: 0 !important; }
.mt-1{ margin-top: 8px !important; }
.mt-2{ margin-top: 16px !important; }
.mt-3{ margin-top: 24px !important; }
.mt-4{ margin-top: 32px !important; }
.mt-5{ margin-top: 40px !important; }
.mt-10{ margin-top: 80px !important; }
.mt-15{ margin-top: 120px !important; }
.mt-20{ margin-top: 160px !important; }

.mr-0{ margin-right: 0 !important; }
.mr-1{ margin-right: 8px !important; }
.mr-2{ margin-right: 16px !important; }
.mr-3{ margin-right: 24px !important; }
.mr-4{ margin-right: 32px !important; }
.mr-5{ margin-right: 40px !important; }
.mr-10{ margin-right: 80px !important; }
.mr-15{ margin-right: 120px !important; }
.mr-20{ margin-right: 160px !important; }

.mb-0{ margin-bottom: 0 !important; }
.mb-1{ margin-bottom: 8px !important; }
.mb-2{ margin-bottom: 16px !important; }
.mb-3{ margin-bottom: 24px !important; }
.mb-4{ margin-bottom: 32px !important; }
.mb-5{ margin-bottom: 40px !important; }
.mb-10{ margin-bottom: 80px !important; }
.mb-15{ margin-bottom: 120px !important; }
.mb-20{ margin-bottom: 160px !important; }

.ml-0{ margin-left: 0 !important; }
.ml-1{ margin-left: 8px !important; }
.ml-2{ margin-left: 16px !important; }
.ml-3{ margin-left: 24px !important; }
.ml-4{ margin-left: 32px !important; }
.ml-5{ margin-left: 40px !important; }
.ml-10{ margin-left: 80px !important; }
.ml-15{ margin-left: 120px !important; }
.ml-20{ margin-left: 160px !important; }


.p-0{ padding: 0 !important; }
.p-1{ padding: 8px !important; }
.p-2{ padding: 16px !important; }
.p-3{ padding: 24px !important; }
.p-4{ padding: 32px !important; }
.p-5{ padding: 40px !important; }
.p-10{ padding: 80px !important; }
.p-15{ padding: 120px !important; }
.p-20{ padding: 160px !important; }

.pt-0{ padding-top: 0 !important; }
.pt-1{ padding-top: 8px !important; }
.pt-2{ padding-top: 16px !important; }
.pt-3{ padding-top: 24px !important; }
.pt-4{ padding-top: 32px !important; }
.pt-5{ padding-top: 40px !important; }
.pt-10{ padding-top: 80px !important; }
.pt-15{ padding-top: 120px !important; }
.pt-20{ padding-top: 160px !important; }

.pr-0{ padding-right: 0 !important; }
.pr-1{ padding-right: 8px !important; }
.pr-2{ padding-right: 16px !important; }
.pr-3{ padding-right: 24px !important; }
.pr-4{ padding-right: 32px !important; }
.pr-5{ padding-right: 40px !important; }
.pr-10{ padding-right: 80px !important; }
.pr-15{ padding-right: 120px !important; }
.pr-20{ padding-right: 160px !important; }

.pb-0{ padding-bottom: 0 !important; }
.pb-1{ padding-bottom: 8px !important; }
.pb-2{ padding-bottom: 16px !important; }
.pb-3{ padding-bottom: 24px !important; }
.pb-4{ padding-bottom: 32px !important; }
.pb-5{ padding-bottom: 40px !important; }
.pb-10{ padding-bottom: 80px !important; }
.pb-15{ padding-bottom: 120px !important; }
.pb-20{ padding-bottom: 160px !important; }

.pl-0{ padding-left: 0 !important; }
.pl-1{ padding-left: 8px !important; }
.pl-2{ padding-left: 16px !important; }
.pl-3{ padding-left: 24px !important; }
.pl-4{ padding-left: 32px !important; }
.pl-5{ padding-left: 40px !important; }
.pl-10{ padding-left: 80px !important; }
.pl-15{ padding-left: 120px !important; }
.pl-20{ padding-left: 160px !important; }

.m-auto{
	margin: auto;
}
.m-0-auto{
	margin: 0 auto;
}

.alert .alert-link{
	text-decoration: underline;
}
.alert .alert-link:hover,
.alert .alert-link:focus,
.alert .alert-link:active{
	text-decoration: none;
}

.btn{
	font-family: "Museo-Sans" !important;
}

.small,
small{
	font-weight: 300;
}
.smaller{
	font-size: 90%;
}

div[class^="spacer-"]{
	background: transparent;
}
.spacer-1{ height: 8px; }
.spacer-2{ height: 16px; }
.spacer-3{ height: 24px; }
.spacer-4{ height: 32px; }
.spacer-5{ height: 40px; }
.spacer-6{ height: 48px; }
.spacer-7{ height: 56px; }
.spacer-8{ height: 64px; }
.spacer-9{ height: 72px; }
.spacer-10{ height: 80px; }

.alert-dismissible{
	padding-right: 37px;
}

.alert-dismissible .close{
	padding: 11px 16px;
}

.font-weight-normal{
	font-weight: 500 !important;
}

.btn{
	transition: all .2s ease;
	border-radius: 0;
	border: none;
	padding: 16px;
	font-size: 16px;
}

.btn-primary{
	background-color: #4ccbc0;
	border-color: #4ccbc0;
}
.btn-primary:hover{
	background-color: #3fa296;
	border-color: #3fa296;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle{
	background-color: #328176;
	border-color: #328176;
}
.btn-primary.focus,
.btn-primary:focus{
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3); */
}

.btn-primary.disabled,
.btn-primary:disabled{
	background-color: #949494;
	border-color: #949494;
}

.btn-warning{
	background-color: #f7cb52;
	color: #fff;
}
.btn-warning:hover{
	background-color: #d7ab32;
	color: #fff;
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning.focus,
.btn-warning:focus{
	color: #fff;
}

.btn-link{
	color: #4ccbc0;
	background-color: transparent !important;
}

.btn-link .span-back{
	color: #a9b2b1;
	border-bottom: 2px solid #a9b2b1;
}
.btn-link .span-back:hover,
.btn-link .span-back:active,
.btn-link .span-back:focus,
.btn-back.btn-link:hover .span-back,
.btn-back.btn-link:active .span-back,
.btn-back.btn-link:focus .span-back,
.btn-link:hover,
.btn-link:active,
.btn-link:focus{
	text-decoration: none;
	border: none;
	color: #3fa296;
}

.btn-link-white{
	color: #fff;
	text-shadow: 0 2px 4px #000;
	text-decoration: underline;
}
.btn-link-white:hover,
.btn-link-white:active,
.btn-link-white:focus{
	color: #fff;
	text-decoration: none;
}

.btn-outline-primary{
	border: 2px solid #4ccbc0;
	color: #4ccbc0;
	padding: 12px 24px;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus{
	border: 2px solid #4ccbc0;
	color: #fff;
	background-color: #4ccbc0;
}

.btn-link.skip{
	color: #a7b2b1;
	text-decoration: underline;
	display: block;
	margin: 0 auto;
}
.btn-link.skip:hover,
.btn-link.skip:focus,
.btn-link.skip:active{
	color: #879291;
	text-decoration: none;
}

.btn-fixed{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}

.btn-sm{
	padding: 8px;
}

.btn-md{
	padding-top: 12px;
	padding-bottom: 12px;
}

.card{
	border: none;
	border: 2px solid #dbe6e4;
	border-radius: 2px;
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1); */
	transition: all .2s ease-in-out;
}
.card.soft-border{
	border: 1px solid #f2f2f2;
}
.section_anchor .card:hover{
	opacity: .8;
	/* box-shadow: 0 0 4px rgba(0, 0, 0, .1); */
}
.section_anchor .card:active{
	opacity: .9;
	/* box-shadow: 0 0 4px rgba(0, 0, 0, .2); */
}
.section_anchor.active .card{
	border-color: #efa943;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .3);
}

.card-body{
	padding: 16px;
}

.section_anchor{
	text-decoration: none !important;
}


.btn-icon{
	background: transparent;
	padding: 0;
}

.card-text{
	display: inline-block;
}

.card-text > div{
	display: inline-block;
}

.card .request-content{
	font-size: 14px;
	font-weight: 500;
	display: block;
	/* color: #4CCBC0; */
	color: #192221;
}
.request-content .status-icon,
.request-content .status-text{
	display: inline-block;
}
.request-content .status-text{
	font-size: 12px;
}
.card .request-description{
	position: relative;
	color: #a7b2b1;
	padding: 8px 0;
	margin-bottom: 0;
	/* overflow: hidden; */
}

.request_piece{
	opacity: .87;
	color: #a7b2b1;
	font-family: "Museo-Sans";
	font-size: 14px;
	letter-spacing: .13px;
	line-height: 20px;
}

.card .request-label,
a:hover .card .request-label{
	font-size: 14px;
	font-weight: 500;
	display: block;
	color: #4ccbc0 !important;
}

.invisible-append > span{
	background: #fff !important;
}

.custom-radio{
	margin-bottom: 16px;
	margin-left: 8px;
}

.custom-checkbox{
	margin-bottom: 16px;
	margin-left: 8px;
}

.custom-radio label{
	color: #001842;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .2px;
	line-height: 20px;
	padding-top: 2px;
	padding-left: 12px;
}

.custom-checkbox label{
	color: #001842;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: .2px;
	line-height: 20px;
	padding-top: 2px;
	padding-left: 12px;
}

.custom-radio .custom-control-label{
	color: #4ccbc0;
}

.custom-checkbox .custom-control-label{
	color: #4ccbc0;
}

.custom-radio .custom-control-label::before{
	width: 22px;
	height: 22px;
	background: #fff;
	background-color: rgb(255, 255, 255);
	border: 1px solid #ddd;
}

.custom-checkbox .custom-control-label::before{
	width: 22px;
	height: 22px;
	background: #fff;
	background-color: rgb(255, 255, 255);
	border: 1px solid #ddd;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after{
	background: #fff;
	width: 8px;
	height: 8px;
	top: 11px;
	left: -17px;
	border-radius: 100%;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
	position: absolute;
	background: #fff;
	width: 12px;
	height: 12px;
	top: 9px;
	left: -19px;
	background-color: #fff;
}

.custom-radio.check_error .custom-control-input:checked ~ .custom-control-label::after{
	background: #eb3653;
}
.custom-radio.check_error .custom-control-input:checked ~ .custom-control-label{
	color: #eb3653;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before{
	background-color: #4ccbc0;
	border-color: transparent;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
	background-color: #4ccbc0;
	border-color: transparent;
}

.control{
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 5px;
	padding-top: 3px;
	cursor: pointer;
	font-size: 16px;
}
.control input{
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.control_indicator{
	position: absolute;
	top: 2px;
	left: 0;
	height: 20px;
	width: 20px;
	background: #ffffff;
	border: 2px solid #D8E6E4;
}
.control-radio .control_indicator{
	border-radius: 0;
}

.control:hover input ~ .control_indicator,
.control input:focus ~ .control_indicator{
	background: #eeeeee;
}

.control input:checked ~ .control_indicator{
	background: #4ccbc0;
	border-color: #4ccbc0;
}
.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator{
	background: #3fa296;
	border-color: #3fa296;
}
.control input:disabled ~ .control_indicator{
	background: #e6e6e6;
	opacity: 0.6;
	pointer-events: none;
}
.control_indicator::after{
	box-sizing: unset;
	content: '';
	position: absolute;
	display: none;
}
.control input:checked ~ .control_indicator::after{
	display: block;
}
.control-checkbox .control_indicator::after{
	left: 6px;
	top: 2px;
	width: 3px;
	height: 8px;
	border: solid #ffffff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.control-checkbox input:disabled ~ .control_indicator::after{
	border-color: #7b7b7b;
}

.super_background{
	position: fixed;
	top: 0;
	right: 0;
	width: auto;
	height: 100%;
	z-index: -2;
}

.nowrap{
	white-space: nowrap;
}


/* Admin
----------------------------------------------------------------------------- */

.admin_title{
	color: #2a7d76;
	font-size: 20px;
	letter-spacing: .15px;
	line-height: 24px;
}

.admin_number{
	color: #192221;
	font-size: 48px;
	line-height: 57px;
	font-weight: 700;
}

.admin_top_right{
	position: absolute;
	top: 16px;
	right: 16px;
}

.admin_number_percentage label{
	/* height: 15px;
	width: 21px; */
	font-size: 12px;
	letter-spacing: .21px;
	line-height: 15px;
	text-align: center;
}

.btn-group > .btn:first-child{
	border-radius: 4px 0 0 4px;
}
.btn-group > .btn:last-child{
	border-radius: 0 4px 4px 0;
}

.btn-admin{
	color: #2a7d76;
	background-color: #f2f2f2;
	border: none;
	padding: 6px;
	width: 38px;
	margin-left: 0 !important;
}
body:not(.is_ios) .btn-admin:hover{
	border: none;
}
.btn-admin.active,
.btn-admin:active{
	color: #fff;
	background-color: #2a7d76;
}

.btn-admin_select{
	background: url(../../assets/images/site/icons/dropdown_admin.svg) no-repeat right white;
}

select.form-control.admin_select{
	border: none;
	height: 24px;
	padding: 0;
	color: #2a7d76;
	font-size: 20px;
	letter-spacing: .15px;
	line-height: 24px;
	margin-bottom: .5rem;
	background: url(../../assets/images/site/icons/dropdown_admin.svg) no-repeat right white;
	text-decoration: underline;
}
select.form-control.admin_select:hover{
	cursor: pointer;
}
select.form-control.admin_select option{
	color: #212529;
	font-size: 14px;
}

select.form-control.admin_select_secondary{
	width: auto;
	height: auto;
	border-radius: 4px;
	color: #2a7d76;
	font-size: 12px;
	line-height: 16px;
	padding: 8px 40px 8px 4px;
	background: url(../../assets/images/site/icons/dropdown_admin.svg) no-repeat right #f2f2f2;
}

#admin_width_checker{
	position: absolute;
	left: -10000px;
}

.table_id{
	width: 25px;
	display: inline-block;
}

.btn-calendar{
	border: 1px solid #d8e6e4;
	padding: 8px 16px;
}
.btn-calendar.active{
	border-bottom: 1px solid #4ccbc0;
}

.btn-show_calendar{
	padding: 8px;
}


/* Requests
----------------------------------------------------------------------------- */

#video_wrapper_container{
	position: relative;
	width: 100%;
}
#video_wrapper{
	position: fixed;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	z-index: -100;
}
#video_wrapper video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
}

#step_picture_preview.correct_ratio .wrong_ratio,
#step_picture_preview:not(.correct_ratio) .correct_ratio{
	display: none !important;
}
#step_picture_preview #picture_preview_container{
	overflow: hidden;
}
#step_picture_preview.correct_ratio #picture_preview_container{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#step_picture_preview:not(.correct_ratio) #picture_preview{
	margin: 0 auto;
	display: block;
}

#step_picture_preview.correct_ratio #picture_preview{
	z-index: -1;
	display: block;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
	position: absolute;
}

#picture_preview.loading_gif{
	width: 16px !important;
}

#frm_create_request button[data-btn_id="btn_use_text_description"],
#frm_create_request button[data-btn_id="btn_use_picture"]{
	display: none;
}
#frm_create_request .edit_section button[data-btn_id="btn_use_text_description"],
#frm_create_request .edit_section button[data-btn_id="btn_use_picture"]{
	display: block;
}

.no_go_back .back_button{
	display: none;
}

button.category_button{
	border: 2px solid #eef2f1;
	border-radius: 2px;
	width: 100%;
	background-color: #fff;
	font-weight: 500;
	font-size: 12px;
	color: #a7b2b1;
}
button.category_button.active{
	background-color: #4ccbc0;
	color: #fff;
	border: 2px solid #4ccbc0;
	border-radius: 2px;
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3); */
}

button.category_button .category_icon,
button.category_button .category_icon_selected{
	padding: 16px 16px 0;
	height: 50px;
}
button.category_button .text_container{
	overflow-wrap: break-word;
	height: 36px;
	margin: 0 8px 8px;
	width: calc(100% - 16px);
	white-space: normal;
	display: table;
	overflow: hidden;
}
button.category_button .text_container > div{
	display: table-cell;
	vertical-align: middle;
}

button.category_button .category_icon,
button.category_button.active .category_icon_selected{
	display: block;
}
button.category_button.active .category_icon,
button.category_button .category_icon_selected{
	display: none;
}


button.filter_button{
	background-color: #5db7ae;
	width: 100%;
	border: none;
	border-radius: 0;
	font-weight: 300;
	font-size: 14px;
	color: #fff;
}
button.filter_button.active{
	background-color: #0B423E;
}
button.filter_button.active:hover{
	color: #fff;
}

.request_bg_image{
	background-size: cover;
	height: 250px;
	overflow: hidden;
	text-align: center;
}

.chat_badge{
	position: absolute;
	right: -14px;
	top: -14px;
}

.summary_item{
}

.summary_item p{
	margin: 0 !important;
}

.summary_piece{
	padding: 8px;
	background-color: #fff;
	position: relative;
	border: 2px solid #f4f4f4;
	border-radius: 2px;
}

#administrator_edit_request_page .summary_piece,
#administrator_edit_collector_page .summary_piece,
#administrator_edit_user_page .summary_piece{
	padding: 16px;
}

.edit_piece{
	padding: 16px;
	background-color: #fff;
	position: relative;
	border: 2px solid #f4f4f4;
	border-radius: 2px;
}

.summary_piece p,
.edit_piece p{
	margin: 0;
}

.btn-add_block{
	padding: 14px 11px;
	background-color: #fafafa;
	border: 2px solid #f4f4f4;
	border-radius: 2px;
	color: #98b3af;
	text-align: left;
}
.btn-add_block:hover{
	color: #78938f;
}

#user_request_page .btn-add_block{
	background-color: #fff;
}

#edit_request_page .btn-add_block{
	background-color: #fff;
}

.add_block{
	color: #98b3af;
}

.add_block:hover{
	color: #78938f;
	text-decoration: none;
}

#summary_description{
	min-height: 32px;
}

#summary_description,
#summary_practical_info{
	word-wrap: break-word;
}

.step_edit_button{
	position: absolute;
	top: 16px;
	right: 16px;
	padding: 0;
}

.step_edit_button:hover,
.step_edit_button:focus,
.step_edit_button:active{
	opacity: .8;
}

.step_edit_button_photo{
	position: absolute;
	bottom: 0;
	right: 0; /* 15px; */
	padding: 8px 12px;
}

.status-text{
	color: #192221;
	font-size: 14px;
	opacity: .5;
}

.status-icon{
	white-space: nowrap;
}

.small_grey_title{
	color: #a7b2b1;
	font-size: 22px;
	line-height: 24px;
}

#toolbar{
	background-color: #4ccbc0;
}

#toolbar .toolbar-text{
	font-size: 10px;
	line-height: 15px;
}

.btn-primary:not(:disabled):not(.disabled).btn-link-grey{
	color: #d8e6e4;
}
.btn-primary:not(:disabled):not(.disabled).btn-link-grey.active,
.btn-primary:not(:disabled):not(.disabled).btn-link-grey:hover,
.btn-primary:not(:disabled):not(.disabled).btn-link-grey:focus,
.btn-primary:not(:disabled):not(.disabled).btn-link-grey:active{
	color: #4ccbc0;
}

#toolbar .toolbar-active .active,
#toolbar .toolbar-active .inactive,
#toolbar .toolbar-inactive .active,
#toolbar .toolbar-inactive .inactive{
	margin-bottom: -6px;
}

#toolbar .toolbar-active a:active .active,
#toolbar .toolbar-active a:focus .active,
#toolbar .toolbar-inactive a:active .inactive,
#toolbar .toolbar-inactive a:focus .inactive,
#toolbar .toolbar-active a .inactive,
#toolbar .toolbar-inactive a .active,
.btn-link-grey:not(.active) .active,
.btn-link-grey.active .inactive,
.btn-link-grey.active:active .active,
.btn-link-grey.active:focus .active,
.btn-link-grey:not(.active):active .inactive,
.btn-link-grey:not(.active):focus .inactive,
.add_block .active,
.btn-add_block .active,
.btn .active{
	display: none;
}
#toolbar .toolbar-active a:active .inactive,
#toolbar .toolbar-active a:focus .inactive,
#toolbar .toolbar-inactive a:active .active,
#toolbar .toolbar-inactive a:focus .active,
#toolbar .toolbar-active a .active,
#toolbar .toolbar-inactive a .inactive{
	display: block;
}

.btn-link-grey.active .active,
.btn-link-grey:not(.active) .inactive,
.btn-link-grey:not(.active):active .active,
.btn-link-grey:not(.active):focus .active,
.btn-link-grey.active:active .active,
.btn-link-grey.active:focus .active,
.add_block .inactive,
.btn-add_block .inactive,
.btn .inactive{
	display: inline-block;
}

/* Mobile iOS double tap fix */
body:not(.is_ios) #toolbar .toolbar-active a:hover .active,
body:not(.is_ios) #toolbar .toolbar-inactive a:hover .inactive,
body:not(.is_ios) .btn-link-grey.active:hover .active,
body:not(.is_ios) .btn-link-grey:not(.active):hover .inactive,
body:not(.is_ios) .add_block:hover .inactive,
body:not(.is_ios) .btn-add_block:hover .inactive,
body:not(.is_ios) .btn:hover .inactive{
	display: none;
}

body:not(.is_ios) #toolbar .toolbar-active a:hover .inactive,
body:not(.is_ios) #toolbar .toolbar-inactive a:hover .active{
	display: block;
}

body:not(.is_ios) .btn-link-grey:not(.active):hover .active,
body:not(.is_ios) .btn-link-grey.active:hover .active,
body:not(.is_ios) .add_block:hover .active,
body:not(.is_ios) .btn-add_block:hover .active,
body:not(.is_ios) .btn:hover .active{
	display: inline-block;
}

#toolbar .toolbar-active a,
#toolbar .toolbar-inactive a{
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 4px 0;
}
#toolbar .toolbar-active a,
#toolbar .toolbar-inactive a:hover,
#toolbar .toolbar-inactive a:active,
#toolbar .toolbar-inactive a:focus{
	color: #fff;
	text-decoration: none;
}
#toolbar .toolbar-active a:hover,
#toolbar .toolbar-active a:active,
#toolbar .toolbar-active a:focus,
#toolbar .toolbar-inactive a{
	color: #3e7571;
	text-decoration: none;
}

#sidebar{
	background-color: #4ccbc0;
	position: fixed;
	left: 0;
	top: 0;
	width: 25%;
	height: 100%;
}

#sidebar .sidebar_menu{
	list-style: none;
	padding-left: 0;
}
#sidebar .sidebar_menu li a{
	padding: 16px 24px;
}
#sidebar .sidebar_menu li:hover,
#sidebar .sidebar_menu li:focus,
#sidebar .sidebar_menu li:active,
#sidebar .sidebar_menu li.sidebar-active{
	background-color: #2a7d76;
}
#sidebar .sidebar_menu li a{
	color: #2a7d76;
	display: block;
}
#sidebar .sidebar_menu li:hover a,
#sidebar .sidebar_menu li:focus a,
#sidebar .sidebar_menu li:active a,
#sidebar .sidebar_menu li.sidebar-active a{
	color: #fff;
	text-decoration: none;
}

#sidebar .sidebar_menu li .active,
#sidebar .sidebar_menu li.sidebar-active .inactive{
	display: none;
}
#sidebar .sidebar_menu li .inactive,
#sidebar .sidebar_menu li.sidebar-active .active{
	display: inline-block;
}

/* Mobile iOS double tap fix */
body:not(.is_ios) #sidebar .sidebar_menu li:hover .inactive{
	display: none;
}
body:not(.is_ios) #sidebar .sidebar_menu li:hover .active{
	display: inline-block;
}

#sidebar .copyright a{
	font-size: 14px;
	color: #fff;
}

#topbar{
	margin-top: -16px;
	padding: 24px 16px;
	background-color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
	position: relative;
	z-index: 1;
}
#topbar.fixed{
	position: fixed;
	max-width: inherit;
	width: inherit;
}

#topbar .btn{
	margin-top: -4px !important;
	margin-bottom: -4px !important;
	padding: 8px 12px !important;
}
#topbar .btn.p-0{
	padding: 0 !important;
}

.request_page_picture{
	width: 100%;
}

#user_requests_page .card-title{
	height: 60px;
}

.btn-round{
	width: 64px;
	height: 64px;
	padding: 17px 19px 20px 20px;
	background-color: #fff;
	border: 2px solid #f4f4f4;
	border-radius: 100%;
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3); */
	position: absolute;
	bottom: 8px;
	left: calc(50% - 30px);
}
.btn-round:hover,
.btn-round:focus{
	background-color: #eee;
}
.btn-round:active{
	background-color: #ddd;
	bottom: 6px;
	/* box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3); */
}

.btn-round-picture{
	width: 26px;
	height: 26px;
	padding: 17px 19px 20px 20px !important;
	background-color: #4ccbc0;
	border: 12px solid rgba(112, 200, 192, .5);
	box-sizing: content-box;
	border-radius: 100%;
	/* box-shadow: 0 0 4px 0 rgba(0, 0, 0, .3); */
	position: absolute;
	bottom: 8px;
	left: calc(50% - 45px);
}
.btn-round-picture:hover,
.btn-round-picture:focus{
	background-color: #60b8b0;
}
.btn-round-picture:active{
	background-color: #2caba0;
	bottom: 6px;
}

.card hr{
	margin: 8px 0 8px;
}

#content-wrapper .copyright{
	text-align: center;
	font-size: 14px;
	color: #fff;
	opacity: .75;
}

/* Datepicker
----------------------------------------------------------------------------- */

#datepickers-container .datepicker{
	width: 361px;
	font-family: "Museo";
	/* max-width: 100%; */
}

#datepickers-container .datepicker--nav-title{
	color: #0b423e;
	background-color: #ecf2f2;
	font-weight: 500;
	margin: 16px;
}
#datepickers-container .datepicker--nav-title:hover{
	color: #0b423e;
	background-color: #ecf2f2;
}

#datepickers-container .datepicker--content{
	padding: 16px 37px;
}

#datepickers-container .datepicker--days-names{
	margin: 0 0 3px;
}

#datepickers-container .datepicker--day-name{
	color: #192221;
	font-size: 14px;
}
#datepickers-container .datepicker--cell.-current-{
	color: #192221;
	box-shadow: inset 0 -1px 0 0 #4ccbc0;
}
#datepickers-container .datepicker--cell.-current-:not(.-range-from-):not(.-range-to-){
	border-radius: 0;
}
#datepickers-container .datepicker--cell.-in-range-{
	background: #e9f5f3;
}
#datepickers-container .datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current-{
	background: #4ccbc0;
}

#datepickers-container .datepicker--cell{
	height: auto;
	padding: 10px;
}


/* Forms
----------------------------------------------------------------------------- */
.form-control::placeholder{
	color: #dbe6e4;
}

input[type=text],
input[type=password],
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=range],
input[type=tel],
input[type=time],
input[type=url],
input[type=week],
select.form-control{
	height: 58px;
	padding: 16px;
}

.input-group.no-border-prepend .form-control,
.input-group.no-border-append .input-group-append,
.input-group.no-border-append .input-group-append .input-group-text{
	border-left: none;
}

.input-group.no-border-append .form-control,
.input-group.no-border-prepend .input-group-prepend,
.input-group.no-border-prepend .input-group-prepend .input-group-text{
	border-right: none;
}

.input-group-text{
	background: #fff;
	border: 2px solid #eef2f1;
	border-radius: none;
}
.input-group-text.grey{
	color: #abb3b2;
}

select.form-control,
input.form-control,
textarea.form-control,
.invisible-append > span{
	border: 2px solid #eef2f1;
}

textarea.form-control{
	min-height: 200px;
}

select.form-control{
	color: #4ccbc0;
	border-radius: 2px;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	background: url(../../assets/images/site/icons/dropdown_grey.svg) no-repeat right white;
	background-repeat: no-repeat;
	background-position: calc(100% - 21px) 50%;
}
select.form-control.dark{
	color: #495057;
}

#language_iso{
	color: #0b423e;
	position: absolute;
	top: 16px;
	right: 16px;
	width: auto;
	border: none;
	font-size: 14px;
	text-align: right;
	padding-right: 46px;
	background-color: transparent;
}
#language_iso:focus{
	color: #000;
}

.password-group .form-control{
	border-right: none;
}
.password-group .input-group-text{
	background: transparent;
	border-left: none;
}
.password-group .input-group-append:hover{
	cursor: pointer;
}

/* Chat
----------------------------------------------------------------------------- */
.chat{
	position: absolute;
	bottom: 0;
	top: 100px;
	width: calc(100% - 32px);
	background: #fff;
	padding: 16px;
}

.message{
	float: left;
	display: block;
	width: 100%;
	vertical-align: center;
	margin: 0 0 16px 0;
}

.message .content{
	display: block;
	padding: 10px 16px;
	border-radius: 4px;
	box-shadow: 0 1px 2px 0 rgba(25, 34, 33, .15);
}

.message .content p{
	display: inline-block;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: .38px;
	line-height: 17px;
	text-align: left;
}

.message .content span{
	display: inline-block;
	padding: 0 0 0 16px;
	margin: 0;
	font-size: 10px;
	letter-spacing: .28px;
	line-height: 12px;
	text-align: right;
}

.message_outgoing .content{
	float: right;
	background-color: #4ccbc0;
	color: #fff;
}

.message_incoming .content{
	float: left;
	background-color: #fafafa;
	color: #192221;
}

.message_outgoing .content span{
	color: #2a7d76;
}

.message_incoming .content span{
	color: #a7b2b1;
}

.message_system .content{
	background-color: none;
	opacity: .87;
	color: #a7b2b1;
	font-size: 12px;
	letter-spacing: .4px;
	line-height: 16px;
	text-align: center;
	padding: 24px 0;
	box-shadow: none;
}

.message_system .content p{
	padding: 0;
	font-size: 14px;
	letter-spacing: .4px;
	line-height: 16px;
	text-align: center;
}

.js-input{
	float: left;
	display: inline-block;
	width: 85%;
	background-color: #f2f2f2;
	border: none;
}

.js-send{
	float: right;
	display: inline-block;
	text-align: center;
	width: 15%;
}

.js-chat{
	position: fixed;
	top: 64px;
	bottom: 74px;
	left: 0;
	right: 0;
	padding: 8px 8px 8px 8px;
	background: #fff;
	overflow-y: scroll;
}

form#chat_form{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px 8px 8px 8px;
	background: #fff;
}


/* Frontend Start Screen
----------------------------------------------------------------------------- */

#appfront #app_name{
	top: 48px;
	left: 33px;
}

#appfront .start_box{
	max-width: 520px;
	margin: 0 auto;
}

#appfront .container-fluid{
	padding-left: 15px;
	padding-right: 15px;
}

#appfront section{
	color: #1B2221 !important;
}

#appfront .background{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	background-image: url(../../assets/images/branding/smartloop_banner_appfront.png);
	background-size: cover;
	background-position: top center;
}

#appfront h1{
	color: #4CCBC0;
	font-family: "Museo";
	font-size: 34px;
	font-weight: 700;
	letter-spacing: .25px;
	line-height: 41px;
}

#appfront .dark{
	font-family: "Museo-Sans";
	font-size: 16px;
	letter-spacing: .44px;
	line-height: 22px;
}

#appfront .dark a{
	color: #192221;
	text-decoration: underline;
}

#appfront .dark.small{
	font-size: 14px;
}

#appfront .poweredby{
	font-family: "Museo-Sans";
	color: #A7B2B1;
	font-size: 12px;
	letter-spacing: .33px;
	line-height: 14px;
	margin-top: 65px;
}

#appfront .poweredby span{
	display: inline-block;
}

#appfront .poweredby img{
	display: inline-block;
	margin-top: -16px;
	margin-left: 6px;
	max-width: 38px;
}

#appfront .content{
	position: absolute;
	top: 20%;
	left: 0;
	right: 2%;
}

#appfront .cover{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #FFFFFF;
	background-color: #4CCBC0;
	box-shadow: 0 -2px 8px 0 rgba(25, 34, 33, .15);
	z-index: 9999;
	padding: 32px 16px 8px 16px;
}

#appfront .cover h1{
	color: #FFFFFF;
	font-size: 34px;
	letter-spacing: .25px;
	line-height: 41px;
}

#appfront .cover a{
	color: #FFFFFF;
	text-decoration: underline;
}

#appfront .copyright{
	font-size: 14px;
	opacity: .75;
	font-family: "Museo-Sans";
}

#appfront .copyright a{
	text-decoration: none;
}


@media (max-width: 340px){
	#appfront .poweredby{
		padding: 16px 0 8px 0;
		position: static;
		display: block;
		width: 100%;
		text-align: left;
	}
}


@media only screen and (max-width: 479px){
	.nowrap{
		white-space: normal;
	}
}

@media only screen and (max-width: 575px){
	.position-xs-static{
		position: static !important;
	}

	.mobile-primary{
		background-color: #4ccbc0;
	}

	#collector_requests_title{
		-ms-flex: 0 0 0;
			flex: 0 0 0;
		max-width: 0;
		display: none;
	}

	#collector_requests_show{
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}

	.pagination .paginate_button:not(.first):not(.previous):not(.next):not(.last){
		display: none;
	}

	.dataTables_filter label,
	.dataTables_filter input[type="search"]{
		width: 100%;
	}

	#language_iso{
		top: 8px;
		right: 8px;
	}
}

@media only screen and (max-width: 767px){
	.row.flushed-bottom{
		margin: 0;
	}

	#content-wrapper.background-banner-desktop{
		background-repeat: no-repeat;
		background-size: contain;
	}

	#user_index_block,
	#collector_index_block{
		background-color: #4ccbc0;
		color: #fff;
		padding: 16px;
	}
	#user_index_block h1,
	#user_index_block p,
	#collector_index_block h1,
	#collector_index_block p{
		color: #fff;
	}

	#user_index_block .grey,
	#collector_index_block .grey{
		font-weight: 300;
	}

	#user_index_block .btn-primary,
	#collector_index_block .btn-primary{
		background-color: #fff;
		border-color: #fff;
		color: #4ccbc0;
	}
	#user_index_block .btn-primary:hover,
	#user_index_block .btn-primary:focus,
	#user_index_block .btn-primary:active,
	#collector_index_block .btn-primary:hover,
	#collector_index_block .btn-primary:focus,
	#collector_index_block .btn-primary:active{
		color: #3fa296;
		background-color: #fff;
		border-color: #fff;
	}

	#user_index_block .mobile-dark,
	#collector_index_block .mobile-dark{
		background-color: #4ccbc0;
	}

	#user_index_block .mobile-dark,
	#user_index_block .mobile-dark .btn-link,
	#collector_index_block .mobile-dark,
	#collector_index_block .mobile-dark .btn-link{
		color: #1a1e2d;
	}
	#user_index_block .btn-link:hover,
	#user_index_block .btn-link:focus,
	#user_index_block .btn-link:active,
	#collector_index_block .btn-link:hover,
	#collector_index_block .btn-link:focus,
	#collector_index_block .btn-link:active{
		color: #0a0e1d;
	}

	.datepicker_row .col{
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}

	.flushed-bottom.double_button_lg{
		height: 138px;
	}

	.flushed-bottom{
		height: 77px;
	}

	#content-wrapper.background-banner-desktop{
		background-image: none !important;
		padding-top: 0 !important;
	}

	input.js-input{
		padding: 8px 16px;
		height: auto;
	}

	.btn.js-send{
		padding: 8px 16px;
	}

	.super_background{
		display: none;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
	section .step{
		margin-top: 80px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px){
	section .step{
		margin-top: 80px;
	}

	#content-wrapper{
		margin-bottom: 80px;
	}
}

@media only screen and (min-width: 575px){
}

@media only screen and (min-width: 768px){
	#content-wrapper.background-banner-desktop{
		background-size: cover;
		background-position: right;
		background-attachment: fixed;
		margin-bottom: -56px !important;
	}

	#content-wrapper.background-banner-desktop{
		width: 100%;
		/* height: 0; */
		margin-left: 0;
	}

	#user_index_block,
	#collector_index_block{
		position: absolute;
		left: 160px;
		top: 270px;
		width: 660px;
	}
	#user_index_block .page_title,
	#collector_index_block .page_title{
		color: #7ac9c2;
		font-size: 64px;
		font-weight: 700;
	}

	#user_index_block .grey,
	#collector_index_block .grey{
		color: #1b2221;
		font-size: 20px;
		line-height: 24px;
	}

	#create_request_page section,
	#edit_request_page_new_account #extra_wrapper,
	#create_user_page #extra_wrapper,
	#login_page #extra_wrapper,
	#create_collector_page #extra_wrapper{
		padding: 24px;
		position: absolute;
		left: 160px;
		top: 120px;
		width: 590px;
		background-color: #fff;
		box-shadow: 0 0 4px 0 rgba(0, 0, 0, .1);
	}
	#create_request_page section{
		padding-top: 0 !important;
	}

	#login_page .justify-content-center{
		-ms-flex-pack: inherit !important;
		justify-content: inherit !important;
	}

	#create_request_page .flushed-bottom,
	#create_user_page .flushed-bottom,
	#create_user_page .fixed-bottom,
	#create_collector_page .flushed-bottom,
	#create_collector_page .fixed-bottom{
		width: auto;
		height: auto;
		position: static;
		padding: 0;
		margin-bottom: 0 !important;
	}
	#create_user_page .fixed-bottom,
	#create_collector_page .fixed-bottom{
		margin: 0 !important;
		margin-bottom: 0 !important;
	}

	#create_request_page .flushed-bottom.double_button_lg,
	#create_user_page .flushed-bottom.double_button_lg,
	#create_collector_page .flushed-bottom.double_button_lg{
		margin: 0 0 -18px !important;
	}

	#step_picture_preview.correct_ratio #picture_preview_container{
		position: relative;
	}

	#create_request_page .flushed-bottom:not(.double_button_lg){
		margin-top: 24px;
	}

	#create_request_page #step_summary .summary_piece{
		background-color: #fafafa;
	}

	#user_requests_page .card .request-description{
		/* Height of the image - height of the hr before the desc */
		height: 223px;
	}

	.chat{
		left: 0;
	}

	.datepicker_column{
		max-width: 340px;
	}
}

@media only screen and (max-width: 991px){
	#requests_map{
		overflow: hidden;
		position: fixed !important;
		height: calc(100% - 108px);
		z-index: 0;
		left: auto;
		width: 100%;
	}

	#index_page .copyright,
	#index_page .copyright a{
		color: #fff;
	}

	.btn-primary{
		font-size: 14px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.btn-back{
		font-size: 14px;
		padding-top: 0;
		margin-top: -4px;
	}

	.btn-sm{
		padding: 8px;
	}

	#topbar{
		padding: 16px 8px;
	}

	#appfront .cover h1{
		font-size: 20px;
		font-weight: 700;
		line-height: 24px;
		letter-spacing: .15px;
	}

	#appfront .background{
		left: 0;
		background-image: url(../../assets/images/branding/smartloop_banner_appfront_portrait.png);
		background-size: cover;
		background-position: top center;
	}

	#appfront .btn{
		background-color: #fff;
		border-color: #fff;
		color: #4ccbc0 !important;
		text-decoration: none !important;
	}

	#appfront .dark{
		color: #2A7D76;
		font-size: 14px;
		letter-spacing: .39px;
		line-height: 17px;
	}

	#appfront .dark a{
		color: #2A7D76;
	}

	#appfront .btn{
		font-size: 14px;
		line-height: 20px;
		letter-spacing: .39px;
	}

	#appfront .mobile_start_links > div{
		margin: 16px 0 8px;
	}

	#appfront .poweredby{
		position: absolute;
		top: 40px;
		right: 16px;
		width: auto;
		text-align: right;
		color: #2A7D76;
		font-size: 10px;
		margin-top: 0;
	}

	#appfront .poweredby img{
		margin-top: -15px;
		margin-left: 2px;
		max-width: 40px;
	}

	#appfront .container-fluid{
		padding-left: 0;
		padding-right: 0;
	}

	#appfront .mobile_welcome{
		line-height: 16px;
		letter-spacing: .39px;
	}
}

@media only screen and (min-width: 992px){
	#collector_requests_list,
	#collector_requests_map{
		display: block !important;
	}

	#requests_map{
		position: fixed !important;
		/* top: 64px;
		height: calc(100% - 64px); */
		width: 50%;
		z-index: 0;
		left: auto;
		max-width: inherit;
	}

	/* #requests_cards{
		display: none;
	} */
	.request_map_card{
		bottom: 0;
		width: 50%;
		right: 0;
		left: auto;
		border-radius: 8px 8px 0 0;
	}

	.js-chat,
	form#chat_form{
		left: 25%;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1999px){
}

@media only screen and (min-width: 1200px){
	#sidebar{
		width: 25%;
	}
}

@media only screen and (min-width: 1440px){
	#appfront .start_box{
		max-width: 580px;
	}
}

@media only screen and (min-width: 1900px){
	#sidebar{
		width: 16.666667%;
	}

	.js-chat,
	form#chat_form{
		left: 16.666667%;
	}

	.col-xxl-1{
		-ms-flex: 0 0 8.333333%;
			flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xxl-2{
		-ms-flex: 0 0 16.666667%;
			flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xxl-3{
		-ms-flex: 0 0 25%;
			flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xxl-4{
		-ms-flex: 0 0 33.333333%;
			flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xxl-5{
		-ms-flex: 0 0 41.666667%;
			flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xxl-6{
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xxl-7{
		-ms-flex: 0 0 58.333333%;
			flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xxl-8{
		-ms-flex: 0 0 66.666667%;
			flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xxl-9{
		-ms-flex: 0 0 75%;
			flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xxl-10{
		-ms-flex: 0 0 83.333333%;
			flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xxl-11{
		-ms-flex: 0 0 91.666667%;
			flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xxl-12{
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}
}

@media only screen and (min-width: 2800px){
	#sidebar{
		width: 8.333333%;
	}

	.js-chat,
	form#chat_form{
		left: 8.333333%;
	}

	.col-xxxl-1{
		-ms-flex: 0 0 8.333333%;
			flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xxxl-2{
		-ms-flex: 0 0 16.666667%;
			flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xxxl-3{
		-ms-flex: 0 0 25%;
			flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xxxl-4{
		-ms-flex: 0 0 33.333333%;
			flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xxxl-5{
		-ms-flex: 0 0 41.666667%;
			flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xxxl-6{
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xxxl-7{
		-ms-flex: 0 0 58.333333%;
			flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xxxl-8{
		-ms-flex: 0 0 66.666667%;
			flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xxxl-9{
		-ms-flex: 0 0 75%;
			flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xxxl-10{
		-ms-flex: 0 0 83.333333%;
			flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xxxl-11{
		-ms-flex: 0 0 91.666667%;
			flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xxxl-12{
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
		max-width: 100%;
	}
}

@media screen and (min-width: 993px) and (max-height: 670px){
	#appfront .poweredby{
		right: 32px !important;
		z-index: 9 !important;
		text-align: right !important;
	}
}