.selectize-input.not-full{
	background-color: #F3FBFF;
}

.auth-section .selectize-input{
	min-height: 40px!important;
	padding: 8px 12px!important;
}

.auth-section .input-text-inherited{
	padding: 0;
	margin-bottom: 10px;
}

.auth-section-select select{
	background-color: #F3FBFF;
}

.wizard-holder.auto-size{
	min-width: 600px;
}

.benchmark{
	position: fixed;
	bottom: 0px;
	left: 0;
	font-size: 10px;
	background-color: #273c92;
	opacity:0.4;
	padding: 0px 5px;
	box-shadow: 7px 7px 20px 0 rgba(46, 91, 255, 0.07);
	color: white;
	line-height: 1.5;
}

.is-migrated{
	background-color: #3c8fe5;
	color: white;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 3px;
}

.unpublish.admin-del{
	color: red;
	float: right;
}

.areaGateBtnLeft td{
	padding: 5px;
	
}

select.input-text.w-select{
	background-color: #F3FBFF!important;
}

.adminz .result-name{
	/* font-size: 13px; */
	/* line-height: 1.1; */
}

.adminz .results-type label{
	margin-bottom:0;
}

.areaGateBtnLeft .content-holder-box:hover{
	background-color: #e0e7ff;
}

.divManager{
	display: inline-block;
	background-color: #f4f6fc;
	padding: 5px 10px;
	border-radius: 3px;
	min-width: 150px;
}

.divManager:hover{
	background-color: #0065f2;
}

.btnGateManagement,.btnGateNomenclator,.btnGateLogin {
	padding-bottom: 10px;
} 

.module-descr{
	color: #8798ad;
    font-size: 12px;
    line-height: 1.1;
    min-height: 26px;
    margin-top: 5px;
}

.input-fields label{
	font-weight: normal;
}

.input-fields span{
	font-weight: bold;
	display: block;
}

.input-fields span.Text, .input-fields label{
	font-weight: normal;
	display: block;
	padding: 5px 10px;
	border: 1px solid #cccccc;
	background-color: #f3f3f3;
	margin-bottom: 15px;
	min-height: 20px;
}

.input-fields input[type="text"]{
	padding: 5px 10px;
}

.top-buttons{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.green-text{
	color: #497740;
}

.red-text{
	color: #df4842;
}

.page-status{
	margin-bottom: 20px;
}

.scsInfo{
	padding: 5px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #9bc298;
	background-color: #91af6a;
	color: #fff;
}

.scsErr{
	padding: 5px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #741714;
	background-color: #e55e49;
	color: #fff;
	font-weight: 700;
	margin-bottom: 1px;
}

.scsWarn{
	padding: 5px 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #dd9945;
	background-color: #e5a173;
	color: #fff;
}

.scsInfo label, .scsErr label, .scsWarn label{
	margin-bottom: 0;
}

/*Table pages*/

.tablePages{
	padding: 10px 20px;
    flex-basis: 100%;	
	background-color: #ffffff;
	border-radius: 2px;
	margin-bottom: 20px;
	color: #16535A;
	clear: both;
	text-align: center;
}

.tablePages-container{
	font-weight: 400;
}

.tablePages a {
    border-radius: 50% !important;
    padding: 3px 1px;
    /* color: #0065f2; */
	background-color: #ffffff;
	/* font-weight: 600; */
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	width: auto;
	min-width: 25px;
	text-align:center;
}

.tablePages a:hover{
	border-radius: 50% !important;
	color: #ffffff;
	background-color: #0065f2;	
	font-weight: 600; 
	box-shadow: inset 0px -2px 0px #003680;
	-moz-box-shadow: inset 0px -2px 0px #003680;
	-webkit-box-shadow: inset 0px -2px 0px #003680;
	
}

.tablePageNumberSelected {
    border-radius: 50% !important;
    padding: 3px 1px;
    color: #ffffff;
	background-color: #0065f2;
	font-weight: 600;
	display: inline-block;
	width: auto;
	min-width: 25px;
	text-align:center;
}

.tabs .page-counter{
	color: #b0bac9;
}

.tabs .tablePageNumberSelected{
	background-color: transparent;
	color: black;
	min-width: 0;
}

.tablePageNumberLast, .tablePageNumberFirst {
    color: #0065f2 !important;
	background-color: #eee !important;
}

.tablePageNumberLast:hover, .tablePageNumberFirst:hover {
    font-weight: normal;
}

/*End table pages*/

.upload-file-area .fileUpload{
	overflow: hidden;
	margin-top: 10px;
	position: relative;
	-webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    margin-bottom: 10px;
}

.upload-file-area .fileUpload:hover{
	    background-color: #f3f3f3;
}

.upload-file-area .lblBtnUpload{
	border-style: solid;
	border-width: 1px;
	border-color: #0065f2;
	
	color: #0065f2;
	
	
	letter-spacing: 0px;
	text-transform: none;
	width: auto;
    height: 50px;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    display: block;
    cursor: pointer;
    line-height: 50px;
    margin-bottom: 0;
}



.upload-file-area .inputUpload input.upload, .upload-file-area .inputUpload input.upload:hover {
    position: absolute;
    top: 10px;
    right: 0;
    margin: 0;
    opacity: 0;
    width: 100%;
    
    filter: alpha(opacity=0);
    margin: 0 auto;
    cursor: pointer;
    height: 50px;
}

.upload-file-area .inputFile {
    
    display: block;
    padding: 9px !important;
	
	background-color: #f3f3f3 !important;
	font-size: 12px;
	height: auto;
	background: #efefef;
	line-height: 1.3;
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
}

.user-profile .fileUpload{
	margin-top: 0;
}

.dragbtn{
	margin: 10px 20px!important;
	text-align: center;
	padding: 0!important;
	line-height:40px;
}

.wizard-input.Text{
	background-color:#dddddd;
	cursor: not-allowed;
	height: auto;
}


.wizard-input::placeholder {
  color: #8798ad;
  font-size: 12px;
  font-style: italic;
  opacity: 0.7;
}


.wizard-input.textarea.input-like{
	 height: 4rem;	
}

.selectize-control.wizard-input{
	padding: 0;
	border: 0;
}

.wizard-input .selectize-input, .wizard-input .selectize-input.full{
	min-height: 50px;
	padding: 13px;
	font-size: 14px;
	line-height: 1.428571429;
	border: 1px solid #cccccc;
	background-color: #f3f3f3;
	border-radius: 0;
	vertical-align: middle;
}

/**-------- Tooltip --------**/
.tooltipDataPrimara{
	/* background-image: url('../images/info-icon-50px.png');
	background-size: contain, auto; */
	width:auto;
	height:25px;
	display: inline-block;
	margin-left: 5px;
	text-decoration: underline;
}

.defaultTheme{
	background: white!important;
	border-style: solid!important;
	border-width: 1px!important;
	border-color: #0065f2!important;
	font-size: 13px!important;
	
	max-width: 300px;
	line-height: 17px;
}

.defaultTheme a{
	color: darkorange;
}

.defaultTheme a:hover{
	color:orange;
}

.defaultTheme #aToolTipCloseBtn{
	right:-20px!important;
	height: 24px!important;
	width: 24px!important;
}

.aToolTipContent{
	color: #0065f2!important;
}

/**-------- End Tooltip --------**/


.char-counter {
    padding: 0px;
    border: 1px solid transparent;
    background-color: transparent;
    color: #8798ad;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    line-height: 1;
    margin-top: -10px;
    margin-bottom: 20px;
}

.highlight {
    color: #273c92;
}

.admin-box{
	background-color: #333;
	color: #FFFFFF;
	padding: 10px;
	border-radius: 5px;
	margin-top: 10px;
}

/** MULTI INPUT CHECK**/

.category-list{
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}

.category-item{
	display: block;
	width: 100%;
}

.checkbox_wrap label > input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.checkbox_wrap .choice.noselect {
    cursor: pointer;
}

.menu__icon {
    display: inline-block;
    vertical-align: baseline;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    float: left;
}

.menu__icon--checkmark {
    width: 15px;
    height: 15px;
    background-image: url(../images/checkmark_grey.svg);
    background-size: 100%;
    margin-left: 2px;
    top: 3px;
    position: relative;
    background-position: 0px 0px;
}

.checkbox_wrap .choice.noselect span {
    display: block;
    line-height: 20px;
    padding-left: 30px;
    font-weight: normal;
}

.checkbox_wrap .choice.noselect span.Text{
	display: inline-block;
	float: left;
}

.checkbox_wrap .choice.noselect span.Text + i.menu__icon--checkmark{
	display: none;
}

.checkbox_wrap .choice.noselect span.Text + i + span{
	display: inline-block;
}

.checkbox_wrap .choice.noselect span.categ-descr {
    font-size: 12px;
    color: #757c85;
    display: block;
    font-weight: normal;
}



label > input:checked + i {
    width: 15px;
    height: 15px;
    background-image: url(../images/checkmark_green.svg);
    background-size: 100%;
    margin-left: 2px;
    top: 3px;
    position: relative;
    background-position: 0px 0px;
    z-index: 7;
    display: inline-block;
}

/** END MULTI CHECK **/


.athon-console{
	position: relative;
	bottom: 0;
	left: 0;
	color: lightgreen;
	clear: both;
	overflow: hidden;
	display: block;
	width: 100%;
	background-color: #666;
}

.wizard-add-domain .w-select, .wizard-add-domain .selectize-input.full, .selectize-control.wizard-input.medium .selectize-input.full{
	font-size: 12px;
}

.selectize-control.wizard-input.medium .selectize-dropdown-content{
	font-size: 12px;
}

.url-holder .inputFile, .product-file .inputFile{
	display: inline-block;
	margin-left: 0;
	text-align: left;
	padding: 0;
	width: auto;
} 

/* .inline-link .fileUpload, .product-file .fileUpload{
	display: none;
} */

.inline-link .fileUpload{
	display: none;
}

.inline-link.noline{
	text-decoration: none;
}

.noline .info-icon{
	color: #0065f2;
}

.noline a{
	text-decoration: underline;
}

.product-category-tag .Text{
	text-transform:uppercase;
}

a.wizard-step:hover{
	color: #a29dc6;
}

a.wizard-step:hover .step-number{
	background-color: #a29dc6;
}

label.athon-warning, .athon-warning label{
	font-weight: normal;
	color: darkred;
}

.search-button{
	margin-top: 0;
	height: 40px;
}

.structure-view-item{
	margin-bottom: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #dfdfdf;
	border-radius: 8px;
	background-color: #f3f3f3;
	opacity: 0.6;
	padding: 10px;
	font-size: 13px;
	line-height: 1.1;
}

.structure-view-item:hover{
	border-color: #0065f2;
}

.structure-view-item.active{
	background-color: #ffffff;
	opacity: 1;
}

.structure-view-item.active:hover{
	border-color: #12c06c;
}

.structure-view-item.sub1{
	margin-left: 30px;
}

.structure-view-item.sub2{
	margin-left: 60px;
}

.structure-view-item.sub3{
	margin-left: 90px;
}

.structure-view-item.sub4{
	margin-left: 120px;
}

.structure-view-item .result-name{
	font-size: 13px;
	line-height: 1.1;
}

.structure-view-item .results-draft-error{
	font-size: 11px;
}

.structure-view-item a{
	display: block;
	float: left;
	margin-right: 5px;
	font-size: 12px;
}

.structure-view-item .adminlist-link{
	font-weight: bold;
}

.structure-view-item .user-holder, .user-holder.smaller{
	-ms-grid-columns: 25px 1fr 0.25fr;
	grid-template-columns: 25px 1fr 0.25fr;
}

.structure-view-item .sidebar-greeting, .sidebar-greeting.smaller{
	float: left;
}

.sidebar-greeting.smaller{
	line-height: 1;	
}

.structure-view .admin-list-item{
	border-radius: 8px;
}

.preview-msg{
	width: 75%;
	margin: 5px auto; 
}

.preview-status-wrapper.red {
	background-color: #820b16;
}

.results-draft-error{
	font-size: 12px;	
}

.add-tag-button.cancel{
	background-color: darkred;
}

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

.inline-tooltip a{
	text-decoration: none;
}

.sidebar-icon.tooltip-icon{
	font-size: 22px;
	margin: 0;
	padding: 0;
}

.inline-tooltip .tooltipDataPrimara{
	margin-left: 0;
}

.main-content{
	padding-right: 0;
}

.del-file{
	display: block;
	text-align: right;
	font-size: 12px;
}
.del-file a{
	margin-left: 5px;
}

.alertText{
	display: block;
	margin-top: -10px;
	margin-bottom: 10px;
	font-size: 12px;
	color: darkred;
	line-height: 1.1;
	text-align: right;
}

.chpMesaj{
	border-radius: 3px;
	background-color: pink;
	font-weight: normal;
	padding: 10px;
	font-size: 13px;
	margin-bottom: 20px;
	color: #273c92;
}

.public-tag a{
	border: 1px dotted #ccc;
	padding: 2px 4px;
	border-radius: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

.filters label.item-checked, .filters label.item-unchecked{
	font-weight: normal;
	display: block;
    margin-bottom: 5px;
    padding-left: 20px;
	cursor: pointer;
}


.filters label.item-checked input[type="checkbox"], .filters label.item-unchecked input[type="checkbox"]{
	float: left;
    margin-bottom: 0px;
    margin-left: -20px;
    margin-right: 0px;
    margin-top: 4px;
    line-height: normal;
}	

.title.athon-collapse-collapsible{
	text-align: left;
	color: #000;
}

.filters .title.athon-collapse-collapsible label{
	display: inline-block;
	cursor: pointer;
}

.filters .athon-collapse-collapsible::after {
    font-family: 'Fa solid 900', sans-serif;
	content: "\f0aa";
	margin-left: 5px;
	color: #0065f2;
}

.filters .athon-collapse-active::after{
	font-family: 'Fa solid 900', sans-serif;
	content: "\f0ab";
	margin-left: 5px;
	color: #0065f2;
}

.result-tags .athon-collapse-collapsible::after {
	font-family: 'Fa solid 900', sans-serif;
	content: "\f0aa";
	margin-left: 5px;
	color: #0065f2;
}

.result-tags .athon-collapse-active::after{
	font-family: 'Fa solid 900', sans-serif;
	content: "\f0ab";
	margin-left: 5px;
	color: #0065f2;
}

.adminlist-link.published.pending{
	color: darkorange;
}

.w-container .div-block-9{
	min-height: 30vh;
}

.table-status.pending{
	background-color: #fff5d7;
} 

.orange a{
	color: orange;
}

.orange a:hover{
	color: darkorange;
}

.darkred a{
	color: darkred;
}

.darkred a:hover{
	color: red;
}

.asterix{
	color: red;
	font-weight: bold;
	font-size: 14px;
}

.error .table-status.draft{
	background-color: #ffecfa;
	color: #b0bac9;
}

.image{
	/* width: 40px;
    height: 40px; */
}

.image.big{
	width: 200px;
    height: 200px;
    border-radius: 50%;
}

.DefaultCMS{
	min-height: 40vh;
    max-width: 940px;
    margin: 0 auto;
    margin-bottom: 40px;
    color: #8798ad;
}

.DefaultCMS .RNI h2 {
    color: #273c92!important;
}

.DefaultCMS label{
	display: inline-block;
	font-weight: normal;
}

.CMS .btnOptElement{
	display: inline-block!important;
}

.w-dropdown-link.w--current{
	color: #ccc;
}

.coord-box{
	border: 2px dashed #979797;
	border-radius: 20px;
	background-color: #f4f4f4;
	padding: 20px;
	margin-bottom: 10px;
}

.myadmin-list-item .admin-list-item-wrapper{
	border: 3px solid #e0e7ff;
	padding-bottom: 0;
	margin-bottom: 20px;
	border-radius: 5px;
}

.myadmin-list-item .admin-list-options{
	margin-bottom: 0;
	font-size: 12px;
	
}

.wizard-input, .wizard-input.select{
	color: #1d81bc;
}

.product-category-tag{
	margin-bottom: 5px;
}

.expand {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 3px;
}

label.read-more-front {
    color: #0065f2;
    font-size: 12px;
    cursor: pointer;
    display: block;
    font-weight: normal;
    border-top: 0px solid #eee;
}

.expand span {
    overflow: hidden;
    height: 100px;
    display: block;
    position: relative;
    /* cursor: pointer; */
}

.expand.active span {
    height: 100%;
}

/* .expand:after{
	content:"...";
	display: inline;
}

.expand.active:after{
	content:"";	
} */

.result-content.sorg{
	background-color: #eee;
}

.top-list.filters{
	margin-left: 10px;
	background-color: #eee;
	padding: 3px 10px;
	border-radius: 3px;
}

.special-filter-cond{
	background-color: #eee;
	position: relative;
	overflow: hidden;
	padding: 5px 10px;
	border-radius: 5px;
}

.special-filter-cond .submit-button{
	margin-top: 0;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 10px;
	height: auto;
	background-color: darkred;
}

.special-filter-cond .submit-button:hover{
	background-color: #6c0000;
}

.admin-platforma-area{
	background-color: #eee;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.admin-platforma-area input[type="text"]{
	width: 50%!important;
}

.admin-platforma-area .submit-button{
	width: auto;
}

.admin-platforma-area label{
	display: inline-block;
	font-weight: normal;
}

.sidebar-link.migrate{
	color: red;
}

.sidebar-link.migrate:hover{
	color: #0065f2;
}

/* animatie migrate */

.banner-container-migrate{
	position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    
    margin-bottom: 40px;
    -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;
    border-top: 1px solid hsla(0, 0%, 100%, 0.43);
    background-color: transparent;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    color: #fff;
}

.banner-container-migrate .alert_message {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    -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;
    background-color: #ff8082;
    background-image: none;
    color: #fff;
    text-align: center;
}

.banner-container-migrate .alert_message .text-block{
	font-size: 16px;
	color: white;
}

.banner-container-migrate .eertis_migration_loader {
    width: 40px;
    height: 30px;
    opacity: 1;
    -webkit-filter: hue-rotate(180deg);
    filter: hue-rotate(180deg);
}

/* animatie migrate end  */


.warn-txt-mjequip{
	width: 40%;
	line-height: 1.3;
	text-align: justify;
	color: darkred;
	font-size: 11px;
	margin-top: 5px;
	float: right;
}

.auth-section select{
	background-color: #F3FBFF;
}


.text-obs{
	margin-top: -30px;
	margin-bottom: 10px;
	color: darkred;	
}

.text-obs strong{
	color: red;
}

.tinyeditor textarea{
	width: 100%!important;
}

/* ==========================================================================
   Notification styling
   ========================================================================== */
.clopotel-zone{
	position: absolute;
	left:  5px;
	top: 5px;
	display: block;
	width: 100px;
	text-align: left;
	
}

.clopotel-number{
	position: absolute;
	right:  3px;
	top: 0px;
	display: block;
	width: 10px;
	font-size: 9px;
	text-align: center;
	color: #0080ff;
	cursor: pointer;
	font-weight: 600;
}

.dropdown--title {
    background-color: #fff;
    color: #24b47e;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding: 10px 16px;
    line-height: 16px;
    word-wrap: break-word;
    border-bottom: 1px solid #e6ebf1;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
/* .dropdown--title__links a{
    background-color: #fff;
    color: #525e7f;
    font-weight: 500;
    font-size: 12px;
    padding: 10px 10px;
    line-height: 12px;
    word-wrap: break-word;
    border-radius: 0px 0px 6px 6px;
    border-top: 1px solid #e7ebf1;
    display: block;
} */
.dropdown--title__links a{
    background-color: #fff;
    color: #525e7f;
    font-weight: 500;
    font-size: 12px;
    padding: 10px 10px;
    line-height: 12px;
    word-wrap: break-word;
    border-radius: 0px 0px 6px 6px;
    border-top: 1px solid #e7ebf1;
    display: block;
}

.dropdown--title__links .update-subject{
	font-size: .9rem;
}

.noty_message {
    background: #ec4046;
    height: 200px;
}

.noty_text {
    color: #fff;
}
.menu__icon--notification {
    display: block;
    width: 30px;
    height: 30px;
    top: -4px;
    left: -7px;    
    position: relative;  
    cursor: pointer;  
}
.menu__icon--info {
    background-image: url(../img/info.svg);
    display: inline-block;
    width: 30px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center 0px;
    background-size: 20px auto;
    position: relative;
    margin-right: 10px;
    vertical-align: middle;
    top: 0px;    
}
.notifications__header {
    position: absolute;
    top: 0;
    left: 40px;
    /* float: left; */
    height: 31px;
    width: 31px;
    display: block;
    /* margin-right: 20px; */
    
    background-color: #0080ff;/*  #0080ff; */
    border-radius: 50%;
    
}

.auth-right {
    float: right;
}
.auth__righ--corner {
    height: 31px;
    width: 31px;
    display: block;
    position: relative;
}
.container-fluid {
    padding: 0px;
}
.notificationAnim {
    top: 9px;
    position: relative;
}
.HasNotification:after {
    content: " ";
    position: absolute;
    top: 7px;
    left: 28px;
    height: 8px;
    width: 8px;
    background-color: #f34c41;
    border-radius: 8px;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    pointer-events: none;
    border: 1px solid #282946;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.defaultNotification a {
    padding: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #525e7f;
    text-align: left;
    display: block;
}
.notifications__header--dropdown .oaerror {
    width: 100%;
    background-color: transparent;
    padding: 9px 2px 9px 35px;
    border: none;
}
.notifications__header--dropdown .danger:before {
    left: 8px;
}

main .notificationAnim svg {
    width: 46px;
    height: 46px;
}
main .notificationAnim svg > path {
  fill: #aab8c4;
}
main .active .notification--bell {
  animation: bell 2.2s linear infinite;
  transform-origin: 50% 0%;
}
main .active .notification--bellClapper {
  animation: bellClapper 2.2s 0.1s linear infinite;
}

@keyframes bell {
  0%, 25%, 75%, 100% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(10deg);
  }
  45% {
    transform: rotate(-10deg);
  }
  55% {
    transform: rotate(8deg);
  }
  60% {
    transform: rotate(-8deg);
  }
}
@keyframes bellClapper {
  0%, 25%, 75%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-0.15em);
  }
  45% {
    transform: translateX(0.15em);
  }
  55% {
    transform: translateX(-0.1em);
  }
  60% {
    transform: translateX(0.1em);
  }
}