.main .awmg .addcircle { width:36px; height:36px; background-color:#ccc; font-size:16px; display:flex; align-items:center; justify-content:center; border-radius:20px; color:#ffffff; }

.main .awmg .artwork-item { border-radius:10px; background-color: #f6f6f6;margin-bottom: 15px;padding: 15px 0px 0px 0px !important;position: relative;}
.main .awmg .artwork-item.inactive {background-color: #ffeefc;}
.main .awmg .artworklist .artwork-item p {margin-bottom:4px}
.main .awmg .new-filter {border:none; border-radius:10px; align-items:center; justify-content:space-between; background-color:white;
	padding:5px 10px; box-shadow:0 0 20px rgb(10 20 57 / 20%);}
.main .awmg .new-filter .border-0.form-control {display:block; width:100%; font-size:inherit; border:none; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:none; o-transition:none; }
.main .awmg .new-filter .border.form-control {display:block; width:100%; font-size:inherit; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:none; o-transition:none; }
.main .awmg .new-filter .unfold {color: #0168b5; background-color: white; min-width: 30px; z-index: 1;}
.main .awmg .new-filter .unfold:hover {cursor: pointer; font-weight: bold;}
.main .awmg .new-filter .fapbutton {color: #0168b5; min-width:30px}
.main .awmg .new-filter .reset-btn:hover,
.main .awmg .new-filter .fapbutton:hover i { font-weight: 900; cursor: pointer; border-radius: 50%;}
.main .awmg .new-filter .search-more .dropdown .btn {font-weight:400; padding-left:10px; border-radius:50px; }
.main .awmg .new-filter .search-more .custom-datepicker {display:inline-flex; color:#0168b5; }
.main .awmg .new-filter .search-line {margin-top:10px; margin-bottom:10px }
.main .awmg .new-filter label {font-weight:300; color:#0168b5;}
.main .awmg .artwork .sticky-search {position:sticky; top:0; z-index:10;}

.main .awmg .artwork .nav-tabs.custom-nav-tabs > li a { border-top:none; border-left:none; border-right:none; }
.main .awmg .artwork .nav-tabs.custom-nav-tabs > li.active > a,
.main .awmg .artwork .nav-tabs.custom-nav-tabs > li:hover > a { color:#D18B27; background-color:#ffffff; border-bottom:2px solid #D18B27; cursor:pointer; opacity:1;}
.main .awmg .artwork .nav-tabs.custom-nav-tabs {border-bottom: none;}
.main .awmg .artwork .custom-nav-tabs .nav-link { margin-left: 10px; text-align: center; color: #D18B27; margin-bottom: 10px; opacity: 0.4;}


.main .awmg .artwork-item .i-img {height: 0; padding-bottom: 10%; overflow: hidden;}
.main .awmg .artwork-item .i-img img { position: absolute; width: 100%; /*height: 100%;*/ object-fit: cover;}

.main .awmg .modal-footer {justify-content:normal}
.main .awmg .modal-footer-mn {padding:15px; text-align:right; border-top:1px solid #e5e5e5;}
.main .awmg .modal-footer-mn .btn.bordered {border:1px solid #ddd;}
.main .awmg .modal .ql-container {height:auto;}
.main .awmg .modal .square {height:120px; width: 120px}
.main .awmg .modal .form-horizontal label {position:relative; text-align:right}
.main .awmg .modal .form-horizontal .file-header label {position:relative; text-align:left}
.main .awmg .modal-body .bordered {border: 1px solid #ddd; padding: 0 5px 0  5px; margin-right: 5px}
.main .awmg .bordered {border: 1px solid #ddd; }
.main .awmg .hidden {display: none}
.main .awmg .modal .awfile-type label	{padding-left:5px}
.main .awmg .modal .artworkfile .btn-close {position: absolute; right: 10px; top: 5px; background-color: rgba(255,255,255, 1)}
.main .awmg .modal .artworkfile .image .spinn-off > i {font-size:40px; color:#ddd}

/*------------------------ Simple editor------------------------*/

.main .awmg .artwork .description .simpledit.wrapper * { box-sizing: border-box;}
.main .awmg .artwork .description .simpledit .fields {margin-bottom: 10px;}
.main .awmg .artwork .description .simpledit textarea { /*display: none;*/}
.main .awmg .artwork .description .simpledit.wrapper {border: 1px solid #d1d1d1;}
.main .awmg .artwork .description .simpledit .buttons {background-color:#f9f9f9; background-image:linear-gradient(to bottom, #fcfcfc, #ededed);text-align:right;padding:4px 5px 5px 5px;}
.main .awmg .artwork .description .simpledit .buttons i {position:relative;display:inline-block; /*width: 20px;*/ line-height:26px; background-color:#dedede; background-image:linear-gradient(to bottom, #f5f5f5, #dedede);
	cursor:pointer; font-style:normal; text-align:center; color:#555; box-shadow:1px 1px 0px 0px rgba(120, 120, 120, 0.6); border-radius:2px;}
.main .awmg .artwork .description .simpledit .buttons i.italic { font-style:italic; }
.main .awmg .artwork .description .simpledit .buttons i.underline { text-decoration:underline; }
.main .awmg .artwork .description .simpledit .buttons i:hover { background-color:#efefef; box-shadow:0 0 2px 0px rgba(100, 100, 100, 0.5) inset; }
.main .awmg .artwork .description .simpledit .text { outline:none; padding:10px; width:100%; height:100%; overflow:auto;}

/*--------------------------quill--------------------------------*/
.main .awmg .artwork .description .ql-container { font-weight:100;}

/*---------------------------spiner-----------------------------*/

.lds-ellipsis { display: inline-block; position: relative; width: 60px; height: 60px;}
.lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px; border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left: 8px;animation: lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left: 8px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left: 32px;animation: lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left: 56px;animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(24px, 0);
	}
}