/*Multiselect*/
.custom-select {
	/*background: #FFF url(https://phppot.com/demo/jquery-custom-dropdown-with-checkbox/downward-arrow.png) no-repeat center right 10px;*/
	display: inline-block;
	padding: 5px 15px;
	border: #c5cdcf 1px solid;
	color: #c5cdcf;
	border-radius: 2px;
	width: 100%;
	cursor: pointer;
}

div#custom-select-option-box {
	background: #FFF;
	border: #80b2bb 1px solid;
	color: #3892a2;
	border-radius: 2px;
	position: absolute;
	z-index: 1;
	display: none;
}
button.search.btn {
	background: #4c4c4c;
	border: #353535 1px solid;
	color: #ffffff;
	border-radius: 2px;
	padding: 8px 40px;
	margin-top: 20px;
	font-size: 0.9em;
}

.custom-select-option {
	width: 200px;
	padding: 5px 15px;
	margin: 1px 0px;
	cursor: pointer;
}

.custom-select-option:hover {}

.result-list {
	padding-bottom: 20px;
	color: #4d4d4d;
	line-height: 25px;
}

.result-list-heading {
	font-style: italic;
	color: #717171;
	text-decoration: underline;
}

.grey {
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
	background-color: #ff4d59;
	color: #fff;
	line-height: 23px;
	margin-left: 3px;
	width: 32% !important;
	flex: 22% !important;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	display: inline-block;
	padding-top: 5px;
}

.col-form-label i {
	background-color: #642d92;
	text-align: center;
	font-size: 23px;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	padding: 8px;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}

.multiselect {
	width: 100%;
}

.selectBox {
	position: relative;
}

.selectBox select {
	width: 100%;
	border: 0px;
}

.overSelect {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

#checkboxes {
	display: block;
	border: 1px #dadada solid;
	height: 100px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#checkboxes label {
	display: block;
}

#checkboxes label select {
	display: block;
	background-color: #ccc;
}

#checkboxes label:hover {
	background-color: #1e90ff;
}

#checkboxes input {
	margin: 5px;
}

.no-mar {
	margin-bottom: 2px !important;
	margin-top: 20px;
	/* font-size: 18px; */
	/* font-weight: bold; */
	color: #fff !important;
	background-color: #642d92;
	padding: 5px;
	border-radius: 5px;
}

.result-button {
	padding: 5px 0px 5px 5px !important;
	border-radius: 10px !important;
	color: #fff !important;
	background-color: #639;
	margin-top: 15px;
	width: 250px;
	font-size: 12px;
}

.dropdown-menu-form {
    padding: 4px 10px 0;
    /*max-height: 100px;*/
    overflow-y: scroll;
    width: 262px;
    background-color:#639;
	color: #fff;
    font-size: 14px;
    transform: translate3d(5px, 26px, 0px) !important;
    overflow: hidden;
}
.form-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #fff;
    color: 
    #666;
    top: 4px;
    height: 14px;
    width: 14px;
    border: 0;
    border-radius: 1px;
    cursor: pointer;
    margin-right: 7px;
    outline: none;
}
.dropdown a {
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
}


.result-button-hide {
	padding: 5px 0px 5px 5px !important;
	border-radius: 10px !important;
	color: #fff !important;
	background-color: #639;
	margin-top: 15px;
	width: 250px;
	font-size: 12px;
}

.result-button-hide:hover {
	background-color: #367b0c;
}

@media only screen and (width:375px) {
	.result-button {
		padding: 5px 0px 5px 5px !important;
		border-radius: 10px !important;
		color: #fff !important;
		background-color: #639;
		margin-top: 15px;
		width: 330px;
		font-size: 12px;
	}
	
	.result-button-hide {
		padding: 5px 0px 5px 5px !important;
		border-radius: 10px !important;
		color: #fff !important;
		background-color: #639;
		margin-top: 15px;
		width: 310px;
		font-size: 12px;
	}
	
	.result-button-hide:hover {
		background-color: #367b0c;
	}
	
}

.shortlisted {
	background: #f0173f !important;
}

#pano {
	height: 400px;
	width: 100%;
	margin-top: 20px;
}
.publish {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-top: 11px;
}
.form-inline .form-group {
	width: 100%;
}


/*<!--Fileupload---> */

.file-upload {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    height: 200px;
    padding: 5px 10px;
    font-size: 1rem;
    text-align: center;
    color: #ccc;
	border:dashed 2px #ccc;
}

.file-upload-wrapper .card.card-body.has-error .file-upload-message .file-upload-error,
.file-upload-wrapper .card.card-body.has-preview .btn.btn-sm.btn-danger {
    display: block
}

.file-upload i {
	font-size: 3rem;
	color:#639;
}

.file-upload .mask.rgba-stylish-slight {
    opacity: 0;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear
}

.file-upload:hover .mask.rgba-stylish-slight {
    opacity: .8
}

.file-upload-wrapper .card.card-body.has-error {
    border-color: #f34141
}

.file-upload-wrapper .card.card-body.has-error:hover .file-upload-errors-container {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.file-upload-wrapper .card.card-body.disabled input {
    cursor: not-allowed
}

.file-upload-wrapper .card.card-body.disabled:hover {
    background-image: none;
    -webkit-animation: none;
    animation: none
}

.file-upload-wrapper .card.card-body.disabled .file-upload-message {
    opacity: .5;
    text-decoration: line-through
}

.file-upload-wrapper .card.card-body.disabled .file-upload-infos-message {
    display: none
}

.file-upload-wrapper .card.card-body input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 5
}

.file-upload-wrapper .card.card-body .file-upload-message {
    position: relative;
    top: 40px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	text-align:center;
}

.file-upload-wrapper .card.card-body .file-upload-message span.file-icon {
    font-size: 50px;
    color: #ccc
}

.file-upload-wrapper .card.card-body .file-upload-message p {
    margin: 5px 0 0
}

.file-upload-wrapper .card.card-body .file-upload-message p.file-upload-error {
    color: #f34141;
    font-weight: 700;
    display: none
}

.file-upload-wrapper .card.card-body .btn.btn-sm.btn-danger {
    display: none;
    position: absolute;
    opacity: 0;
    z-index: 7;
    top: 10px;
    right: 10px;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear
}

.file-upload-wrapper .card.card-body .file-upload-preview {
    display: none;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    padding: 5px;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-align: center
}

.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-render .file-upload-preview-img {
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: border-color .15s linear;
    -o-transition: border-color .15s linear;
    transition: border-color .15s linear;
    -o-object-fit: cover;
    object-fit: cover
}

.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-render i {
    font-size: 80px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    color: #777
}

.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-render .file-upload-extension {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: -.03em;
    font-size: 1rem;
    color: #fff;
    width: 42px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-infos {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: rgba(0, 0, 0, .7);
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-infos .file-upload-infos-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -40%);
    -ms-transform: translate(0, -40%);
    transform: translate(0, -40%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    padding: 0 20px;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-infos .file-upload-infos-inner p {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #fff;
    text-align: center;
    line-height: 25px;
    font-weight: 700
}

.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-infos .file-upload-infos-inner p.file-upload-infos-message {
    margin-top: 15px;
    padding-top: 15px;
    font-size: 12px;
    position: relative;
    opacity: .5
}

.file-upload-wrapper .card.card-body .file-upload-preview .file-upload-infos .file-upload-infos-inner p.file-upload-infos-message::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #fff;
    width: 30px;
    height: 2px
}

.file-upload-wrapper .card.card-body:hover .btn.btn-sm.btn-danger,
.file-upload-wrapper .card.card-body:hover .file-upload-preview .file-upload-infos {
    opacity: 1
}

.file-upload-wrapper .card.card-body:hover .file-upload-preview .file-upload-infos .file-upload-infos-inner {
    margin-top: -5px
}

.file-upload-wrapper .card.card-body.touch-fallback {
    height: auto !important
}

.file-upload-wrapper .card.card-body.touch-fallback:hover {
    background-image: none;
    -webkit-animation: none;
    animation: none
}

.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview {
    position: relative;
    padding: 0
}

.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-render {
    display: block;
    position: relative
}

.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-infos .file-upload-infos-inner p.file-upload-infos-message::before,
.file-upload-wrapper .card.card-body.touch-fallback.has-preview .file-upload-message {
    display: none
}

.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-render .file-upload-font-file {
    position: relative;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    top: 0;
    left: 0
}

.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-render .file-upload-font-file::before {
    margin-top: 30px;
    margin-bottom: 30px
}

.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-render img {
    position: relative;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-infos {
    position: relative;
    opacity: 1;
    background: 0 0
}

.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-infos .file-upload-infos-inner {
    position: relative;
    top: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 5px 90px 5px 0
}

.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-infos .file-upload-infos-inner p {
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: #777;
    text-align: left;
    line-height: 25px
}

.file-upload-wrapper .card.card-body.touch-fallback .file-upload-preview .file-upload-infos .file-upload-infos-inner p.file-upload-infos-message {
    margin-top: 0;
    padding-top: 0;
    font-size: 18px;
    position: relative;
    opacity: 1
}

.file-upload-wrapper .card.card-body.touch-fallback .file-upload-message {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 40px 0
}

.file-upload-wrapper .card.card-body.touch-fallback .btn.btn-sm.btn-danger {
    top: auto;
    bottom: 23px;
    opacity: 1
}

.file-upload-wrapper .card.card-body.touch-fallback:hover .file-upload-preview .file-upload-infos .file-upload-infos-inner {
    margin-top: 5rem
}

.file-upload-wrapper .card.card-body .file-upload-loader {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none;
    z-index: 9
}

.file-upload-wrapper .card.card-body .file-upload-loader::after {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    -webkit-animation: rotate .6s linear infinite;
    animation: rotate .6s linear infinite;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #777;
    border-left: 1px solid #ccc;
    border-right: 1px solid #777;
    content: ""
}

.file-upload-wrapper .card.card-body .file-upload-errors-container {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: rgba(243, 65, 65, .8);
    text-align: left;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear .15s, opacity .15s linear;
    -o-transition: visibility 0s linear .15s, opacity .15s linear;
    transition: visibility 0s linear .15s, opacity .15s linear
}

.file-upload-wrapper .card.card-body .file-upload-errors-container ul {
    padding: 10px 20px;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.file-upload-wrapper .card.card-body .file-upload-errors-container ul li {
    margin-left: 20px;
    color: #fff;
    font-weight: 700
}

.file-upload-wrapper .card.card-body .file-upload-errors-container.visible {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.file-upload-wrapper .card.card-body~.file-upload-errors-container ul {
    padding: 0;
    margin: 15px 0
}

.file-upload-wrapper .card.card-body~.file-upload-errors-container ul li {
    margin-left: 20px;
    color: #f34141;
    font-weight: 700
}

@-webkit-keyframes rotate {
    0% {
		-webkit-transform: rotateZ(-360deg);
		transform: rotateZ(-360deg)
	}
	
    100% {
		-webkit-transform: rotateZ(0);
		transform: rotateZ(0)
	}
}

@keyframes rotate {
    0% {
		-webkit-transform: rotateZ(-360deg);
		transform: rotateZ(-360deg)
	}
	
    100% {
		-webkit-transform: rotateZ(0);
		transform: rotateZ(0)
	}
}



/*File upload thumbs*/


.fileuploader-items-list {
    display: inline-block;
    margin: 0 -15px;
    padding: 0;
    list-style: none;
}

/* item */
.fileuploader-item {
    position: relative;
    margin: 0;
    padding: 10px 5px;
    border-bottom: 1px solid #e8e8e8;
    -webkit-animation: fileuploaderSlideIn 0.4s ease;
    animation: fileuploaderSlideIn 0.4s ease;
    float: left;
    width: 200px;
    margin-left: 19px;
    margin-bottom: 20px;
}
.fileuploader-item:last-child {
    border-bottom: 0;
    margin-bottom: 10px;
}

/* item uploading state */
.fileuploader-item.upload-failed {
    background: rgba(219, 104, 104, 0.08);
	height:100px;
	overflow:hidden;
}
.fileuploader-item.upload-pending .fileuploader-action-remove:after {
    width: 26px;
    height: 26px;
    right: -5px;
    top: 50%;
    margin-top: -13px;
    opacity: 0.2;
}

/* item columns */
.fileuploader-item .columns {
    position: relative;
    z-index: 2;
}

/* item column-thumbnail */
.fileuploader-item .column-thumbnail {
    position: absolute;
    width:100%;
    height: 75px;
    left: 0;
    top: 0;
}
.fileuploader-item .column-thumbnail .fileuploader-item-image {
    width: 100%;
    height: 50px;
    overflow: hidden;
}
.fileuploader-item .fileuploader-item-image img,{
    border-radius: 0px;
    -webkit-animation: fileuploaderFadeIn .2s ease;
	animation: fileuploaderFadeIn .2s ease;
	padding:10px;
}

/* thumbnail loading state */
.fileuploader-item .column-thumbnail .fileuploader-item-image.fileuploader-loading:after {
    width: 24px;
    height: 24px;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
    border-radius: 50%;
    opacity: 0.12;
}

/* item icon */
.fileuploader-item .fileuploader-item-icon {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: 11px;
    background: #ddd;
    border-radius: 4px;
    -webkit-animation: fileuploaderFadeIn .2s ease;
    animation: fileuploaderFadeIn .2s ease;
}
.fileuploader-item .fileuploader-item-icon.is-bright-color {
    color: #888;
}
.fileuploader-item .fileuploader-item-icon i {
    display: block;
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: bold;
}

/* item column-title */
.fileuploader-item .column-title {
    display: block;
    padding-left: 51px;
    padding-right: 81px;
    color: #74809D;
}
.fileuploader-item a {
    color: #74809D;
    text-decoration: none;
}
.fileuploader-item .column-title div {
    width: 100%;
    font-weight: bold;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.fileuploader-item .column-title span {
    font-size: 12px;
    color: #979fb8;
}

/* item actions */
.fileuploader-item .column-actions {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: 5px;
}
.fileuploader-action {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    cursor: pointer;
    vertical-align: top;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.fileuploader-item .column-actions .fileuploader-action + .fileuploader-action {
    margin-left: 10px;
}
.fileuploader-item .column-actions .fileuploader-action-success {
    position: absolute;
    right: 0;
    top: 0;
}
.fileuploader-item .column-actions .fileuploader-action-success:hover,
.fileuploader-item .column-actions .fileuploader-action-success:active {
    opacity: 0;
}

/* icon.remove */
.fileuploader-action-remove {
    background: #fae1e1;
    border: 1px solid #ffcfcf;
}
.fileuploader-action-remove:hover {
    background: #ffefef;
}
.fileuploader-action-remove:active {
    background: #ffcfcf;
}
.fileuploader-action-remove i:before,
.fileuploader-action-remove i:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 7px;
    height: 8px;
    width: 2px;
    background-color: #f59595;
}
.fileuploader-action-remove i:before {
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.fileuploader-action-remove i:after {
    -webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* icon-start */
.fileuploader-action-start {
    background: #687ddb;
    border-radius: 50%;
}
.fileuploader-action-start i {
	position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -2px;
    margin-top: -5px;
    border-radius: 2px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #fff;
}
.fileuploader-action-start:hover {
    background: #7b90ef;
}
.fileuploader-action-start:active {
    background: #687ddb;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1);
}

/* icon.success */
.fileuploader-action-success {
    background: #687ddb;
    border: 0;
    -webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.fileuploader-action-success i:before,
.fileuploader-action-success i:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	-webkit-transform: rotate(0);
	transform: rotate(0);
}
.fileuploader-action-success i:before {
    width: 4px;
    height: 2px;
    left: 6px;
    top: 11px;
    background: #fff;
}
.fileuploader-action-success i:after {
    top: 4px;
    left: 9px;
    width: 2px;
    height: 9px;
    background: #fff;
}

/* icon-download */
.fileuploader-action-download {
    background: #687ddb;
    border-radius: 50%;
}
.fileuploader-action-download i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -4px;
    width: 2px;
    height: 5px;
    border-radius: 0;
    background: #fff;
}
.fileuploader-action-download i:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: -4px;
    left: -3px;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 5px solid #fff;
    border-radius: 2px;
}
.fileuploader-action-download:hover {
    background: #7b90ef;
}
.fileuploader-action-download:active {
    background: #687ddb;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1);
}

/* icon-retry */
.fileuploader-action-retry {
    background: #687ddb;
    border-radius: 50%;
}
.fileuploader-action-retry i:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 4px;
    top: 4px;
    border-radius: 50%;
    border: 2px solid #fff;
}
.fileuploader-action-retry i:after {
    content: '';
    position: absolute;
    width: 6px;
    height: 3px;
    left: 3px;
    top: 9px;
    background: #687ddb;
}
.fileuploader-action-retry:hover,
.fileuploader-action-retry:hover i:after {
    background: #7b90ef;
}
.fileuploader-action-retry:active,
.fileuploader-action-retry:active i:after {
    background: #687ddb;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1);
}

/* item progress bar */
.fileuploader-item .fileuploader-progressbar {
    position: absolute;
    left: 0;
    bottom: 0;
	width: 100%;
    height: 4px;
	border-radius: 4px;
    overflow: hidden;
}
.fileuploader-item .fileuploader-progressbar .bar {
	position: absolute;
	left: 0;
	top: 0;
    width: 0%;
	height: 100%;
    border-radius: 4px;
    background: #687ddb;
    -webkit-transition: width 0.3s ease;
	transition: width 0.3s ease;
}
.fileuploader-item .progress-bar2 .fileuploader-progressbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.fileuploader-item .progress-bar2 .fileuploader-progressbar .bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    border-radius: 0;
    background: rgba(104, 125, 219, 0.08);
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.fileuploader-item .progress-bar2 span {
    position: absolute;
    top: 50%;
    margin-top: -29px;
    right: 15px;
    color: rgba(151, 159, 184, 0.16);
    font-size: 48px;
}

/* clipboard paste loading */
.fileuploader-input-caption .fileuploader-pending-loader {
    margin-right: 5px;
}
.fileuploader-pending-loader {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    overflow: hidden;
    vertical-align: middle;
}
.fileuploader-pending-loader:after,
.fileuploader-pending-loader .left-half {
    background: #fff;
}
.fileuploader-pending-loader .right-half,
.fileuploader-pending-loader .spinner {
    background: #94a2e8;
}
.fileuploader-pending-loader:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    z-index: 4;
}
.fileuploader-pending-loader .left-half,
.fileuploader-pending-loader .right-half,
.fileuploader-pending-loader .spinner {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
}
.fileuploader-pending-loader .left-half {
    left: 0;
    opacity: 1;
    border-radius: 100% 0 0 100%/ 50% 0 0 50%;
    -webkit-animation: fileuploaderOpacity 3s steps(1, end) infinite;
    animation: fileuploaderOpacity 3s steps(1, end) infinite;
    z-index: 3;
}
.fileuploader-pending-loader .right-half {
    right: 0;
    opacity: 0;
    border-radius: 0 100% 100% 0/ 0 50% 50% 0;
    -webkit-animation: fileuploaderOpacity 3s steps(1, end) reverse infinite;
    animation: fileuploaderOpacity 3s steps(1, end) reverse infinite;
    z-index: 1;
}
.fileuploader-pending-loader .spinner {
    left: 0;
    border-radius: 100% 0 0 100%/ 50% 0 0 50%;
    -webkit-animation: fileuploaderSpin 3s linear infinite;
    animation: fileuploaderSpin 3s linear infinite;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    z-index: 2;
}

.fileuploader-item-image {
	
	position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
	
}

.fileuploader-item-image img {
	min-height: 50px
	
}

/* animations */
@-webkit-keyframes fileuploaderOpacity {
    0% {
		opacity: 1;
	}
    50%,
    100% {
		opacity: 0;
	}
}
@keyframes fileuploaderOpacity {
    0% {
		opacity: 1;
	}
    50%,
    100% {
		opacity: 0;
	}
}
@-webkit-keyframes fileuploaderFadeIn {
    from {
		opacity: 0;
	}
    to {
		opacity: 1;
	}
}
@keyframes fileuploaderFadeIn {
    from {
		opacity: 0;
	}
    to {
		opacity: 1;
	}
}
@-webkit-keyframes fileuploaderScaleIn {
    from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
    to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes fileuploaderScaleIn {
    from {
		opacity: 0;
		-webkit-transform: scale(0);
		transform: scale(0);
	}
    to {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@-webkit-keyframes fileuploaderSlideIn {
    from {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		opacity: 0;
	}
    to {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		opacity: 1;
	}
}
@keyframes fileuploaderSlideIn {
    from {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
		opacity: 0;
	}
    to {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		opacity: 1;
	}
}
@-webkit-keyframes fileuploaderSlideOut {
    from {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		opacity: 1;
	}
    to {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
		opacity: 0;
	}
}
@keyframes fileuploaderSlideOut {
    from {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		opacity: 1;
	}
    to {
		-webkit-transform: translateY(50%);
		transform: translateY(50%);
		opacity: 0;
	}
}
@-webkit-keyframes fileuploaderSpin {
    0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
    100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes fileuploaderSpin {
    0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
    100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.spacer1 {
    width: 100%;
    margin: 10px 0 10px 0;
}

.grey {
	border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
	background-color: #639;
	color: #fff;
	line-height: 36px;
	margin-left: 10px;
	width: 27.5% !important;
	flex: 22% !important;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
}