.sticker{
    border: none;
    margin: none;
    padding: none;
}

::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

.wrapper::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 5px;
}

::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 5px;
}
  
  /* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #555;
}

body{
	background-color: #f9fafa;
}

.container-fluid{
	padding: 0;
}

.header{
	color: white;
	width: 100%; 
	border: none; 
	border-bottom: 1px solid #d9dadb; 
	background-color: #4f9101; 
	position: relative; 
	top: 0; 
	padding: 15px 0 5px 10px;
}
  
.logo{
	display: inline-block; 
	position: relative; 
	top: -3px; 
	margin-left: 20px;
	height: 40px;
	width: 40px;
}

.inline-header{
	display: inline-block;
}

.text{
	position: relative;
	top: 0;
	font-weight: 600;
}

.help{
	position: relative;
	float: right;
	top: -10px;
	padding: 10px 10px 10px 10px;
	margin-right: 10px;
	color: #fff;
	cursor: pointer;
	border-radius: 8px;
}

.help svg image{
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(103%) contrast(103%);
}

.help:hover{
	background-color: #447e02;
}

.nav-link{
	color: #3a3a3a;
	font-weight: 600;
}

.nav-link:first-child{
	margin-left: 20px;
}

.nav-pills .nav-link.active{
	color: #4f9101;
	background-color: #fff;
}

.nav-link:hover{
	color: #447e02;
}

.tab-pane.show{
	padding: 15px;
}

.nav-pills{
	position: relative;
	top: -5px;
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ececec;
	background-color: #fff;
}

.new-field{
	margin: 0 20px 10px 0;
	position: relative;
	float: right;
	background-color: #4f9101;
	font-weight: 600;
	border-color: #4f9101;
}

.new-field:hover{
	background-color: #447e02;
	border-color: #447e02;
}

.new-field:focus{
	background-color: #447e02;
	outline: none !important;
	box-shadow: none !important;
}

.choose,
.save,
.update{
	border-color: #4f9101;
	background-color: #4f9101;
	font-weight: 600;
	margin: auto;
	margin-top: 10px;
}

.save,
.update{
	margin-top: 35px;
}

.choose:hover,
.save:hover,
.update:hover{
	background-color: #447e02;
	border-color: #447e02;
}

.choose:focus,
.save:focus,
.update:focus{
	background-color: #447e02;
	border-color: #447e02;
	outline: none !important;
	box-shadow: none !important;
}

.field-container{
	width: 95%;
	margin: auto;
	margin-top: 20px;
	background-color: #f9fafa;
	border: 1px solid #f9fafa;
	padding: 0;
}

.field-name-header{
	background-color: #f9fafa;
	display: inline-block;
	position: relative;
	width: fit-content;
	padding: 5px 10px 0 10px;
	color: #3a3a3a;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #4f9101;
	font-weight: 600;
}

.edit{
	margin-left: 10px;
}

.edit::after{
	cursor: pointer;
	content: '';
	background-image: url('../images/edit.svg');
	background-size: 10px 10px;
	height: 10px;
	width: 10px;
	display: inline-block;
	position: relative;
	left: -10px;
	filter: invert(25%) sepia(0%) saturate(1%) hue-rotate(93deg) brightness(89%) contrast(97%);
}

.edit:hover::after{
	filter: invert(46%) sepia(53%) saturate(481%) hue-rotate(61deg) brightness(96%) contrast(84%);
}

.field-name-header:hover{
	color: #4f9101;
}

.field-name-header:focus{
	background-color: #f9fafa;
	color: #3a3a3a;
	font-weight: 600;
	outline: none !important;
	box-shadow: none !important;
	border-color: #4f9101;
}

.column{
	width: 85%;
	margin: auto;
}

.lvl{
	position: relative;
	top: -5px;
	font-weight: 600;
	margin-bottom: 10px;
}

input[type=text]{
	margin-top: 0;
}

input[type=text]:focus,
input[type=text]:active{
	outline: none !important;
	box-shadow: none !important;
	border: 1px solid #4f9101 !important;
}

.center{
	text-align: center;
}

.alert-success,
.alert-danger,
.alert-warning{
	z-index: 1;
	position: fixed;
	top: 2%;
	right: 2%;
	width: fit-content;
	padding-bottom: 10px !important;
}

.green-filter {
	filter: invert(35%) sepia(93%) saturate(1190%) hue-rotate(59deg) brightness(99%) contrast(101%);
}

.red-filter{
	filter: invert(12%) sepia(45%) saturate(6558%) hue-rotate(333deg) brightness(87%) contrast(97%);
}

.yellow-filter{
	filter: invert(42%) sepia(78%) saturate(294%) hue-rotate(6deg) brightness(93%) contrast(89%);
}

.up{
	margin-left: 5px;
	position: relative;
	top: -5px;
}

.svg{
	position: relative;
	top: -5px;
}

#success-alert,
#error-alert,
#warning-alert
{
	display: none;
}

svg.icon{
	height: 50px;
	width: 50px;
}

.icon{
	height: 50px;
	width: 50px;
	margin-right: 10px;
}

.description{
	margin: auto;
	display: inline-block;
  	width: 90%;
}

.icon-container{
	display: inline-block;
	position: relative;
}

.description-text{
	font-weight: 400;
	font-size: 16px;
	display: block;
	color: #3c4e50;
}

.description-header{
	font-weight: 700;
	color: #6c9844;
	font-size: 12px;
	line-height: 50%;
}

.point{
	margin: 10px auto 0 15px;
	border-bottom: 1px solid #d9dadb;
}

.point:last-child{
	border-bottom: none;
}

.point:nth-child(1) .icon-container{
  top: -110px;
}

.point:nth-child(2) .icon-container{
  top: -30px;
}

ul.dropdown-menu{
	padding-top: 0;
	padding-bottom: 0;
}

#search{
	box-sizing: border-box;
	background-image: url('../images/searchicon.svg');
	background-position: 10px 6px;
	background-size: 25px 28px;
	background-repeat: no-repeat;
	font-size: 16px;
	padding: 6px 20px 10px 40px;
	border: none;
	border-bottom: 1px solid #ddd;
}

.hide-name, .chosen{
	display: none;
}

a.dropdown-item:focus{
	background-color: #447e02 !important;
}

.dropdown{
	text-align: center;
	margin-bottom: 15px;
}

.btn.btn-outline-success{
	text-align: left;
	color: #447e02;
	border-color: #447e02;
	width: 95%;
}

.btn.btn-outline-success::after{
	display: inline-block;
	position: relative;
	float: right;
	content: '';
	background-image: url('../images/dropdown_arrow.svg');
	background-size: 25px 25px;
	height: 25px;
	width: 25px;
	filter: invert(41%) sepia(50%) saturate(536%) hue-rotate(61deg) brightness(95%) contrast(82%);
}

.btn.btn-outline-success:hover{
	color: #447e02;
	border-color: #447e02;
	background-color: #fff;
}

.btn.btn-outline-success:focus,
.btn.btn-outline-success:active{
	color: #447e02;
	border-color: #447e02;
	background-color: #fff;
	outline: none !important;
	box-shadow: none !important;
}

.dropdown-menu{
	width: 95%;
}

.btn.add-field{
	color: #447e02;
	font-weight: 600;
}

.btn.add-field:hover{
	background-color: #ececec;
}

.btn.add-field:focus{
	outline: none !important;
	box-shadow: none !important;
}

.btn.add-field svg{
	position: relative;
	top: -4px;
	margin-right: 5px;
}

.btn.add-field svg image{
	filter: invert(40%) sepia(59%) saturate(397%) hue-rotate(61deg) brightness(96%) contrast(93%);
}

.left{
	padding-left: 20px;
	margin-top: 10px;
}

.cross{
	display: inline-block;
	position: relative;
	top: 10px;
	margin-left: 5px;
	content: '';
	background-image: url('../images/cross_delete.svg');
	background-size: 25px 25px;
	height: 25px;
	width: 25px;
	filter: invert(19%) sepia(6%) saturate(106%) hue-rotate(314deg) brightness(91%) contrast(83%);
	cursor: pointer;
}

.modal-body{
	padding: 0 1rem;
}

.btn-contact-developer{
	background-color: #4f9101;
    border: 1px solid #4f9101;
    color: #fff;
	border-radius: 20px;
	line-height: 37px;
	vertical-align: middle;
	position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding: 0 20px 0 24px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif, "Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';
    font-weight: 600;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	box-sizing: border-box;
    margin: 0;
    outline: 0;
    height: 39px;
    box-shadow: none;
    text-shadow: none;
    cursor: pointer;
}

.btn-contact-developer::before{
	content: '';
	background-image: url('../images/world_icon.svg');
	background-size: 25px 25px;
	height: 25px;
	width: 25px;
	display: inline-block;
	position: relative;
	left: -10px;
	filter: invert(100%) sepia(5%) saturate(7500%) hue-rotate(286deg) brightness(117%) contrast(102%);
}

.btn-contact-developer:hover{
	background: #59a009;
	border-color: #59a009;
	color: #fff;
}

.btn-contact-developer:active{
    background: #447e02;
    border-color: #447e02;
    color: #fff;
}

.btn-contact-developer:focus{
    outline: none !important;
}

.dropdown-menu{
	overflow-x: hidden;
	overflow-y: auto;
	white-space: nowrap;
	max-height: 300px;
}