/*Incremento*/

.increment-container {
    line-height: 1.2em;
    white-space: nowrap;
}

.increment-container label {
    display: block;
}
.increment-container > span {
    padding: 0 .6em;
    color: #3451E8;
    line-height: inherit;
}

.increment-container > input {
    width: 2.5em;
    margin: auto 0.3em;
    text-align: center !important;
    font-weight: bold;
    color: #05B779;
    font-size: 1.2em;
    border: 1px solid #9BA0B4;
    border-radius: 3px;
    padding: 2px;
}

.increment-container > i {
    font-weight: 100;
    color: #9BA0B4;
    line-height: inherit;
    cursor: pointer;
    margin-top: 0.24em;
    font-size: 1.6em;
}

.increment-container > i.item-disabled {
    pointer-events: none;
    opacity: .2;
}

.increment-container > i.item-disabled-2 {
    pointer-events: none;
    opacity: .2;
}

.increment-container > input.item-disabled-2 {
    pointer-events: none;
    opacity: .2;
}

/*Input Search*/

.plugin-romit-input-search.input-field .prefix {
	color: #9BA0B4;
}

.plugin-romit-input-search.input-field .prefix ~ input {
	margin-left: unset;
    width: calc(100% - 3rem);	
	padding-left: 3rem;	
}

.plugin-romit-input-search.input-field .prefix.icon-image {
	width: 2rem;
    height: 2rem;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    left: 4px;
}

/*Input Alert*/
.input-alert-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.input-alert-container > label {
    margin-left: 1.5em;
}

.input-alert-wrapper {
    line-height: 2em;
    display: flex;
    position: relative;
    height: 2em;
}

.input-alert-wrapper > i {
    line-height: inherit;
    height: inherit;
    font-weight: 100;
	opacity: 1;
}

.input-alert-wrapper > input {
    width: calc( 100% - 3em ) !important;
    border: 1px solid #f4f5f6;
    border-radius: 0px;
}

.input-alert-wrapper .input-alert-icon {
    width: 1.2em;
    padding-right: .5em;
    color: #FF0045;
}

.input-alert-wrapper img.input-alert-icon {
    width: 25px;
}

.input-alert-wrapper .input-alert-refresh
,.input-alert-wrapper .input-alert-confirm
, .input-alert-wrapper .input-alert-error {
    position: absolute;
    right: 0;
}

.input-alert-wrapper .input-alert-confirm {
	color: green;
}

.input-alert-wrapper .input-alert-error {
    color: #FF0045;
}

.input-alert-wrapper .icon-hidden.input-alert-icon:before
, .input-alert-wrapper .icon-hidden.input-alert-refresh:before
, .input-alert-wrapper .icon-hidden.input-alert-confirm:before
, .input-alert-wrapper .icon-hidden.input-alert-error:before{
    opacity: 0;
}
.input-alert-wrapper img.icon-hidden.input-alert-icon {
    opacity: 0;
    width: 20px;
}

.input-alert-container .input-alert-keep-value {
	color: blue;
	font-size: 0.6em;
	cursor: pointer;
	text-decoration: underline;
}

/*Tooltip*/
.material-tooltip{
	overflow: visible !important;	
}
.material-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #323232 transparent transparent transparent;
}

/*Input Post Image*/
.plugin-romit-input-post-image.input-field {
    line-height: 3em;
}

.plugin-romit-input-post-image > input {
    border: 1px solid #E0E0E0 !important;
    line-height: 2.2em;
    margin-top: 1em !important;
    width: calc( 100% - 2.8em ) !important;
    padding-right: 2.8em !important;
    font-size: 0.9em !important;
    padding-left: 4px !important;
}

.plugin-romit-input-post-image > label {
    color: #707070 !important;
}

.plugin-romit-input-post-image .post-icon {
    color: #7B828E;
    position: absolute;
    transition: color .2s;
    top: 1.3rem;
    right: 0.1em !important;
    font-size: 1.3em;
    margin-top: 0.2em;
}
.plugin-romit-input-post-image .apex-item-text.text_field {
    background-color: white;
    height: 2.9em;
}

.plugin-romit-input-post-image .icon-image.post-icon {
    height: 1.2em !important;
    width: 1.2em !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}