/* -- Last update: June 7, 2021 -- */

.form-item {
	padding-bottom: 30px;	
}

label {
	display: block;	
}

textarea,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
.form-select,
.form-multiple {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

textarea,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
.form-multiple {
	display: block;
	box-sizing: border-box;	
	width: 100%;
	padding: 4px 3px;
	border: 1px solid #AAA;
	outline: none;
}

textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus {
	border-color: #000;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="submit"] {
  -webkit-appearance: none;	
}

textarea {
	resize: vertical;	
}

select {
	outline: none;
}

::-webkit-input-placeholder {
	color: #AAA;
}
::-moz-placeholder {
	color: #AAA;
}
:-ms-input-placeholder {
	color: #AAA;
}
:-moz-placeholder {
	color: #AAA;
}
form .placeholder {
	color: #AAA;
}


/* -- Validation error message -- */

.form-error {
	color: red;
	font-weight: bold;	
}


/* -- Required field highlight -- */

.form-required {
	border-color: red !important;	
}

label.required::after {
	content: "*";
	color: #AAA;
	font-size: 17px;
	vertical-align: top;
	margin-left: 4px;
}
	

/* -- Form lists -- */

.form-list {
	position: absolute;
	z-index: 999;
	left: 0;
	border: 1px solid #000;
	border-top: 0;
	background: #FFF;
	cursor: default;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.form-list-bottom-up {
	border: 1px solid #000;
	border-bottom: 0;
}

.form-list p {
	position: relative;
	display: block;
	height: auto;
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
	border-bottom: 1px solid #AAA;
}

.form-list p:last-child {
	border-bottom: none;
}

.form-list span {
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.form-list span.active {
	background: #F0F0F0;
}


/* -- Autocomplete -- */

.form-autocomplete {
	display: block;
	position: relative;
}


/* -- Checkbox -- */

.form-checkbox {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	padding: 1px;
	background: #FFF;
	border: 1px solid #AAA;
	outline: none;
	cursor: default;
}

.form-checkbox:focus {
	border-color: #000;
}

.form-checkbox span {
	display: block;
	width: 100%;
	height: 100%;
}

.form-checkbox-checked span {
	background: #000;
}


/* -- Radio -- */

.form-radio {
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 6px;
	padding: 3px;
	background: #FFF;
	border: 1px solid #AAA;
	border-radius: 50%;
	cursor: default;
	outline: none;
}

.form-radio:focus {
	border-color: #000;
}

.form-radio span {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.form-radio-checked span {
	background: #000;
}


/* -- Select -- */

.form-select {
	position: relative;
	display: block;
	height: 28px;
	min-width: 50px;
	cursor: default;
	outline: none;
}

.form-select-trigger {
	display: block;
	height: 26px;
	border: 1px solid #AAA;
	background-color: #FFF;
}

.form-select-trigger span {
	display: block;
	height: 20px;
	padding: 3px 24px 3px 3px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.form-select-trigger input {
	width: 88% !important;
	border: 0 !important;
	background: none !important;
}

.form-select:focus .form-select-trigger,
.form-select-focus .form-select-trigger,
.form-select-open .form-select-trigger {
	border-color: #000;
}

.form-select-open .form-select-trigger {
	background-position: bottom right;
}


/* -- Datepicker -- */

.form-datepicker {
    width: 210px;
    border: 1px solid #000;
    background: #FFF;
    overflow: hidden;
    text-align: center;
    cursor: default;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.form-datepicker-head {
	display: block;
	height: 30px;
	line-height: 30px;
}

.form-datepicker-prev {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.form-datepicker-next {
    display: block;
    float: right;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.form-datepicker-days {
	display: block;
    padding: 4px 0;
    overflow: hidden;
    font-size: 80%;
    color: #666;
    background: #F0F0F0;
}

.form-datepicker-days span {
	display: block;
    float: left;
    width: 30px;
    overflow: hidden;
}

.form-datepicker-dates {
	display: block;
	padding-top: 4px;
}

.form-datepicker-dates span {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.form-datepicker-dates span.selectable {
    cursor: pointer;
}

.form-datepicker-dates span.selected,
.form-datepicker-dates span.selectable:hover {
    background: #F0F0F0;
}


/* -- RTE / TinyMCE -- */

.rte {
	height: 450px;
	visibility: hidden;
	margin-bottom: 38px;	
}

.rte-small {
	height: 100px;	
}

.rte-medium {
	height: 350px;
}

.rte-large {
	height: 650px;	
}

.rte-placeholder {
	display: block;
	position: absolute;
	z-index: 2;
	width: 100%;
	border: 2px solid #E5E5E5;
	background: #FFF;
}

.rte-placeholder span {
	display: block;
	padding: 8px;
	font-size: 14px;
	color: #AAA;
}

#mce-modal-block {
	opacity: .5 !important;	
}

.mce-widget,
.mce-title {
	font-family: 'Oxygen', sans-serif !important;
}

.mce-panel.mce-window {
	padding: 20px;
	margin-left: -25px;
	border: 0;
	background: #E5E5E5;
	border-radius: 3px;
	box-shadow: 0 0 4px rgba(0,0,0,.5);
}

.mce-tinymce.mce-container.mce-panel.form-required {
	border-color: red !important;
}

.mce-window-head {
	border: 0 !important;
}

.mce-panel.mce-foot {
	border: 0 !important;
	background: none !important;
}

.mce-window .mce-btn {
	background-color: #FFF !important;
}

.mce-foot .mce-btn:hover {
	border-color: transparent !important;
}

.mce-panel.mce-foot .mce-btn {
	border-radius: 20px;	
}

.mce-panel.mce-foot .mce-primary {
    background-color: #338BC5 !important;
}
	        
.mce-charmap {
	background: #FFF !important;
}

i.mce-ico::before {
	content: "" !important;	
}

i.mce-ico {
	background: url(../images/rte-buttons.png) no-repeat;
	background-size: 320px 16px;
}

i.mce-i-bold {
	background-position: 0 0;
}

i.mce-i-italic {
	background-position: -16px 0;
}

i.mce-i-strikethrough {
	background-position: -32px 0;
}

i.mce-i-alignleft {
	background-position: -48px 0;
}

i.mce-i-aligncenter {
	background-position: -64px 0;
}

i.mce-i-alignright {
	background-position: -80px 0;
}

i.mce-i-alignjustify {
	background-position: -96px 0;
}

i.mce-i-bullist {
	background-position: -112px 0;
}

i.mce-i-numlist {
	background-position: -128px 0;
}

i.mce-i-link {
	background-position: -144px 0;
}

i.mce-i-anchor {
	background-position: -160px 0;
}

i.mce-i-removeformat {
	background-position: -176px 0;
}

i.mce-i-image {
	background-position: -192px 0;
}

i.mce-i-icon-embed {
	background-position: -208px 0;
}

i.mce-i-charmap {
	background-position: -224px 0;
}

i.mce-i-code {
	background-position: -240px 0;
}

i.mce-i-browse {
	background-position: -256px 0;
}

i.mce-i-remove {
	background-position: -272px 0;
}

i.mce-i-unlink {
	background-position: -288px 0;
}

i.mce-i-newtab {
	background-position: -304px 0;
}


/* -- Multiadder -- */

.multiadder {
	width: 100%;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}

.multiadder-fields {
	float: left;
	width: 70%;
	padding-bottom: 15px;
}

.multiadder-fields textarea {
	height: 60px;
}

.multiadder-fields .rte,
.multiadder-fields .rte-medium {
	height: 100px;
}

.multiadder-fields .rte-small {
	height: 75px;
}

.multiadder-fields .rte-large {
	height: 150px;
}

.multiadder-group {
	position: relative;
}

.multiadder-disabled {
	opacity: .5;
	cursor: default !important;
}

.multiadder-disabled-block {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	background: rgba(255,255,255,.5);
	z-index: 99;
}

.multiadder label.required::after {
	content: "";
}

.multiadder-list {
	float: right;
	width: 30%;
}

.multiadder-list ul {
	margin: 0 0 0 10px;
	padding: 0 0 20px 0;
	list-style: none;
	border-left: 1px solid #AAA;
}

.multiadder-list ul li {
	position: relative;
	margin: 0;
	height: 30px;
	line-height: 30px;
	padding: 5px;
	border-bottom: 1px solid #AAA;
	cursor: default;
}

.multiadder-list ul li.multiadder-selected {
	background: #F0F0F0;
}

.multiadder-list ul li .multiadder-move {
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	overflow: hidden;
	background: #000;
}

.multiadder-list ul li.multiadder-insert-before .multiadder-move {
	display: block;
	top: 0;
	margin-top: -1px;
}

.multiadder-list ul li.multiadder-insert-before:first-child .multiadder-move {
	margin-top: 0;
}

.multiadder-list ul li.multiadder-insert-after .multiadder-move {
	display: block;
	bottom: 0;
	margin-bottom: -1px;
}

.multiadder-thumb  {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	background-size: cover;
}

.multiadder-tag {
	display: block;
	float: left;
	width: 80%;
	padding-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	
}

.multiadder-delete {
	display: none;
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -10px;
	width: 20px;
	height: 20px;	
}

.multiadder-list ul li:hover .multiadder-delete {
	display: block;
}

.multiadder-dragging ul li:hover .multiadder-delete {
	display: none;
}


/* -- Multiple -- */

.form-multiple {
	height: auto !important;
	width: 100%;
	min-height: 30px;
	padding: 0 0 2px 0;
	cursor: text;
}

.form-multiple-item {
	position: relative;
	display: inline-block;
	padding: 2px 15px 2px 4px;
	margin: 2px 0 0 2px;
	border: 1px solid #BCBEC0;
	border-radius: 12px;
	background: #FFF;
}

.form-multiple-item input {
	height: 18px;
	width: 120px;
	margin: 0;
	border: 0 !important;
	background: none !important;
}

.form-multiple-delete {
	display: block;
	position: absolute;
	z-index: 3;
	right: 1px;
	top: 0;
	width: 20px;
	height: 100%;
	cursor: default;
}




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

    .mce-window {
        left: 2% !important;
        width: 86% !important; 
        padding-left: 5% !important;
        padding-right: 5% !important;
        margin-left: 0 !important;
    }
    
    .mce-container.mce-window  {
       	height: auto !important;
    }
    
    .mce-window-body {
        max-width: 100% !important;
    }
    
    .mce-container.mce-panel.mce-abs-layout-item,
    .mce-container.mce-panel.mce-abs-layout-item .mce-container-body.mce-abs-layout {
        max-width: 100% !important;
        min-height: 190px !important;
    }

    .mce-flow-layout-item.mce-btn-group {
        border-left: none !important;
    }
    
    .mce-window .mce-window-head {
		padding-left: 8px !important;    
	}
    
    .mce-window .mce-panel > .mce-container-body {
	    width: auto !important;
        max-width: 320px !important;
        text-align: center;
    }
   
    
    .mce-formitem {
        width: 300px !important;
        left: 10px !important;
        display: block !important;
    }

    .mce-formitem label {
        width: 106px !important;
        font-size: 13px !important;
        left: 0px !important;
    }
    
    .mce-multiline {
        max-width: 290px !important;
    }
    
    .mce-checkbox {
        top: 40px !important;
        left: 0 !important;
    }
    
    .mce-label {
        font-size: 13px !important;
    }

    .mce-foot .mce-abs-layout {
        text-align: left !important;
    }
   
    .mce-foot .mce-btn-has-text {
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        display: inline-block !important;
        margin: 10px 5px !important;
    }
    
    .mce-abs-layout-item input {
        max-width: 150px !important;
    }
    
    .mce-abs-layout-item.mce-has-open input {
        max-width: 118px !important;
    }
  

}



/* -- Files -- */

.form-file {
	display: block;
	position: relative;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.form-file input {
	cursor: pointer;
	padding-right: 50px;
}

.form-file-image input {
	padding-left: 54px;
    padding-right: 80px;
}

.form-file-image .form-file-thumb {
	display: block;
	position: absolute;
	z-index: 2;
	width: 40px;
	height: 40px;
	margin: 2px;
	cursor: pointer;
}

.form-file-edit,
.form-file-clear {
	display: block;
	position: absolute;
	top: 8px;
	right: 44px;
	z-index: 2;
	width: 28px;
	height: 28px;
	cursor: pointer;
}

.form-file-clear {
	right: 10px;
}



/* -- Loading -- */

#form-loading {
	z-index: 99999;
	position: fixed;
	width: 100%;
	height: 100%;
	
}

#form-loading div {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 48px;
	height: 48px;
	padding: 50px;
	margin: -72px 0 0 -72px;
	border-radius: 20px;
	background: rgba(0,0,0,.5);
}

#form-loading span {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -22px 0 0 -22px;
	border: 4px solid transparent;
	border-top: 4px solid #FFF;
	border-bottom: 4px solid #FFF;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin 2s linear infinite;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* -- Crop -- */

#crop-bg {
	display: -ms-flex;
	display: -moz-flex;
	display: flex;
	position: fixed;
	top: 0;
	z-index: 9999999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.5);
	text-align: center;
}

#crop-editor {
	position: relative;
	width: 700px;
	padding: 25px 30px;
	margin: auto;
	text-align: left;
	background: #000;
	color: #FFF;
}

#crop-editor .crop-close {
	float: right;
}

#crop-editor .crop-close a {
	display: block;
	width: 28px;
	height: 28px;
	opacity: .6;
}

#crop-editor .crop-close a:hover {
	opacity: 1;
}
	
#crop-editor .crop-title {
	height: 28px;
	font-size: 18px;
	line-height: 20px;
	cursor: default;
}

#crop-editor .crop-item {
	height: 40px;
	font-size: 14px;
	line-height: 16px;
	padding-bottom: 10px;
	color: #CCC;
	cursor: default;
}

#crop-editor .crop-image {
	position: relative;
	width: 700px;
	height: 450px;
}

#crop-editor .crop-image img {
	position: absolute;
	z-index: 2;
	display: block;
}

#crop-editor .crop-shade-t,
#crop-editor .crop-shade-l,
#crop-editor .crop-shade-r,
#crop-editor .crop-shade-b {
	display: block;
	position: absolute;
	z-index: 3;
	background: rgba(0,0,0,.6);	
}

#crop-editor .crop-shade-t,
#crop-editor .crop-shade-b {
	width: 100%;
}

#crop-editor .crop-frame {
	display: block;
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border: 1px solid #FFF;
	cursor: move;
}

#crop-editor .crop-frame span {
	display: block;
	position: absolute;
	z-index: 5;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #FFF;
	box-shadow: 0 0 3px rgba(0,0,0,.7);
}

#crop-editor .crop-frame span.crop-frame-tl {
	top: -6px;
	left: -6px;
	cursor: nwse-resize;
}

#crop-editor .crop-frame span.crop-frame-t {
	top: -6px;
	left: 50%;
	margin-left: -6px;
	cursor: ns-resize;
}

#crop-editor .crop-frame span.crop-frame-tr {
	top: -6px;
	right: -6px;
	cursor: nesw-resize;
}

#crop-editor .crop-frame span.crop-frame-l {
	top: 50%;
	left: -6px;
	margin-top: -6px;
	cursor: ew-resize;
}

#crop-editor .crop-frame span.crop-frame-r {
	top: 50%;
	right: -6px;
	margin-top: -6px;
	cursor: ew-resize;
}

#crop-editor .crop-frame span.crop-frame-bl {
	bottom: -6px;
	left: -6px;
	cursor: nesw-resize;
}

#crop-editor .crop-frame span.crop-frame-b {
	bottom: -6px;
	left: 50%;
	margin-left: -6px;
	cursor: ns-resize;
}

#crop-editor .crop-frame span.crop-frame-br {
	bottom: -6px;
	right: -6px;
	cursor: nwse-resize;
}

#crop-editor .controls {
	display: none;
}

#crop-editor .crop-preview {
	float: right;	
}

#crop-editor .actions {
	text-align: center;	
	padding: 20px 0 0;
}




/* -- Popup -- */

#popup {
	background: #FFF;
	border: 1px solid #777;
}


/* -- Dialog -- */

#dialog {
	width: 470px;
	padding: 20px 40px;
	background: #F0F0F0;
	border: 1px solid #000;
	cursor: default;
}

#dialog p {
	margin: 10px 0;
}

#dialog .dialog-title {
	font-weight: bold;
	margin: 20px 0;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none;
	user-select: none; 
}

#dialog label {
	display: block;
	padding: 10px 0 6px;
	font-size: 16px;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none;
	user-select: none; 
}

#dialog label.required::after {
	content: "";
}
	

#dialog .dialog-alert,
#dialog .dialog-confirm {
	text-align: center;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none;
	user-select: none; 
}

#dialog .dialog-submit {
	text-align: center;
	padding-top: 15px;
	margin: 20px 0 20px;
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none;
	user-select: none;   
}

#dialog .dialog-submit input {
	margin: 0 5px;  
}

#dialog.dialog-confirm .dialog-title {
	margin-bottom: 30px;
}


/* -- Slider -- */

.slider-prev,
.slider-next {
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 0;
	margin-left: 20px;
	margin-top: -15px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid white;
	cursor: pointer;
}

.slider-next {
	left: auto;
	right: 0;
	margin-right: 20px;
	border-right: 0;
	border-left: 15px solid white;
}

.slider-page {
	position: absolute;
	z-index: 2;
	width: 100px;
	margin-left: -50px;
	margin-top: -25px;
	left: 50%;
	text-align: center;	
}

.slider-page div {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 2px;
	border-radius: 50%;
	background: white;
	border: 2px solid white;
	cursor: pointer;
}

.slider-page div span {
	display: none;
}

.slider-page div.selected {
	background: black;
	color: white;
}


/* -- Default image assets -- */

.form-checkbox-checked span {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCA4MCA4MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHBvbHlnb24gaWQ9IlBhdGgtMiIgZmlsbD0iIzAwMCIgcG9pbnRzPSIxNC44NDczNjY2IDMzLjQ2NzkgMjguNTExODYwNCA1MC4zNzc2NjYxIDY1LjE4MDc3OSA1IDc2LjY5NzYzMjggMTQuNDY3OTI5OSAyOC42NDgwNjc1IDczLjQyMTMwMTQgNCA0My40MjcyMDY0Ij48L3BvbHlnb24+PC9zdmc+) center center no-repeat;
	background-size: 100% 100%;	
}

.form-select-trigger {
	background: #FFF url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCA1NiAxMDQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwb2x5Z29uIGlkPSJUcmlhbmdsZSIgZmlsbD0iI0JDQkVDMCIgcG9pbnRzPSIyNy41IDY5IDQ1IDg2IDEwIDg2Ij48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlRyaWFuZ2xlIiBmaWxsPSIjQkNCRUMwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy41MDAwMDAsIDI4LjUwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjcuNTAwMDAwLCAtMjguNTAwMDAwKSAiIHBvaW50cz0iMjcuNSAyMCA0NSAzNyAxMCAzNyI+PC9wb2x5Z29uPjwvc3ZnPg==) top right no-repeat;
	background-size: 28px 52px;
}

.form-datepicker-prev,
.form-datepicker-next {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCAxMjAgNjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwb2x5Z29uIGlkPSJUcmlhbmdsZSIgZmlsbD0iI0JDQkVDMCIgcG9pbnRzPSIxNyAzMC41IDM0IDEzIDM0IDQ4Ij48L3BvbHlnb24+PHBvbHlnb24gaWQ9IlRyaWFuZ2xlIiBmaWxsPSIjQkNCRUMwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5NC41MDAwMDAsIDMwLjUwMDAwMCkgc2NhbGUoLTEsIDEpIHRyYW5zbGF0ZSgtOTQuNTAwMDAwLCAtMzAuNTAwMDAwKSAiIHBvaW50cz0iODYgMzAuNSAxMDMgMTMgMTAzIDQ4Ij48L3BvbHlnb24+PC9zdmc+) top left no-repeat;
	background-size: 60px 30px;
}

.form-datepicker-next {
	background-position: top right;
}

.form-multiple-delete,
.multiadder-delete,
.crop-close a {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHZpZXdCb3g9IjAgMCA1NiA1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4LjAwMDAwMCwgOC4wMDAwMDApIiBmaWxsPSIjQkNCRUMwIj48cmVjdCBpZD0iUmVjdGFuZ2xlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0yMC4wMDAwMDAsIC0yMC4wMDAwMDApICIgeD0iLTQiIHk9IjE2IiB3aWR0aD0iNDgiIGhlaWdodD0iOCI+PC9yZWN0PjxyZWN0IGlkPSJSZWN0YW5nbGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDIwLjAwMDAwMCwgMjAuMDAwMDAwKSBzY2FsZSgtMSwgMSkgcm90YXRlKDQ1LjAwMDAwMCkgdHJhbnNsYXRlKC0yMC4wMDAwMDAsIC0yMC4wMDAwMDApICIgeD0iLTQiIHk9IjE2IiB3aWR0aD0iNDgiIGhlaWdodD0iOCI+PC9yZWN0PjwvZz48L3N2Zz4=) center center no-repeat;
	background-size: 14px 14px;
}

.crop-close a {
	background-size: 28px 28px;	
}

.form-file-clear {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTZweCIgaGVpZ2h0PSI1NnB4IiB2aWV3Qm94PSIwIDAgNTYgNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPjxjaXJjbGUgc3Ryb2tlPSIjQkNCRUMwIiBzdHJva2Utd2lkdGg9IjUiIGN4PSIyOCIgY3k9IjI4IiByPSIxNiI+PC9jaXJjbGU+PHBhdGggZD0iTTIyLDI4IEwzNCwyOCIgc3Ryb2tlPSIjQkNCRUMwIiBzdHJva2Utd2lkdGg9IjQiPjwvcGF0aD48L2c+PC9zdmc+) center center no-repeat;
	background-size: 28px 28px;
}

.form-file-edit {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTZweCIgaGVpZ2h0PSI1NnB4IiB2aWV3Qm94PSIwIDAgNTYgNTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDExLjAwMDAwMCwgOS4wMDAwMDApIiBmaWxsPSIjQkNCRUMwIj48cGF0aCBkPSJNMjEuODM2MzgwNSw3LjgxODY4MzQ4IEwyOC4xODM3ODMzLDE0LjE2NjA4NjMgTDYuMzUwMzEwODksMzYgTDAsMzYgTDAsMjkuNjc4NzU2NSBMMjEuODM2MzgwNSw3LjgxODY4MzQ4IFogTTI0LjgzODUwNDUsNC44MTMzMDIxNCBMMjkuNjQ2NTg5OSwwIEwzNiw2LjM0OTcxMTU1IEwzMS4xODc1MDU2LDExLjE2MjMwMzIgTDI0LjgzODUwNDUsNC44MTMzMDIxNCBaIj48L3BhdGg+PC9nPjwvZz48L3N2Zz4=) center center no-repeat;
	background-size: 28px 28px;
}

.form-file-thumb {
	background: #E5E5E5 url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDBweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUuMDAwMDAwLCA5LjAwMDAwMCkiIHN0cm9rZT0iI0ZGRkZGRiI+PHJlY3Qgc3Ryb2tlLXdpZHRoPSIzIiB4PSIwLjUiIHk9IjAuNSIgd2lkdGg9IjI3IiBoZWlnaHQ9IjIxIiByeD0iNyI+PC9yZWN0PjxjaXJjbGUgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIiBjeD0iMTQiIGN5PSIxMSIgcj0iNSI+PC9jaXJjbGU+PC9nPjwvZz48L3N2Zz4=) center center no-repeat;
}