c-input{position: relative;}
c-input label{/* min-width:100px; */width:auto!important;font-size: 1rem;font-weight: 400;display: block;text-align:left;}
c-input[required] label:after{content:"*";margin-left:2px;color:#ff0000;}
c-input div.c-input_container{position:relative;display: grid!important;width:100%;grid-template-columns:1fr;flex-wrap: wrap;align-items: center;column-gap: var(--gap);}
c-input[fullwidth]{width:100%;max-width:100%;}
c-input[fullwidth] div.c-input_container{grid-template-columns:1fr;}
c-input[fullwidth]:before{display:none;}
c-input[fullwidth] label{text-align:left;}
/* c-input div.c-input_tag{width:100%;} */
c-input input[type="text"], c-input input[type="number"],c-input input[type="email"], c-input textarea, c-input select {
	width:100%;
    padding: 10px;
    outline: 0;
    border-radius: var(--border-radius);
    color: var(--input-font-color);
    letter-spacing: 0.1;
    text-align: left !important;
}

c-input[disabled]{cursor:not-allowed;opacity:0.7;}
c-input[disabled] label{cursor:not-allowed!important;}

/* c-input[readonly] input{border:0px!important;outline:0!important;padding:0px;box-shadow:none!important;font-size:1rem;} */

c-input div.tag_container{flex:1;display:flex;gap:5px;align-items:center;align-content:center;}

c-input[align="center"] div.c-input_container label{justify-content:center;text-align:center;}
c-input[align="center"][type="text"]{max-width:fit-content;width:fit-content;}
c-input[align="center"][type="text"] div.c-input_container{display:flex!important;}
c-input[align="center"][type="checkbox"] div.c-input_container,
c-input[align="center"][type="radio"] div.c-input_container{/* grid-template-columns:1fr; */display:flex!important;justify-content:center;text-align:center;}
c-input[align="center"][type="checkbox"]:before,
c-input[align="center"][type="radio"]:before{display:none;}

c-input[size="small"] input[type="text"],
c-input[size="small"] input[type="number"],
c-input[size="small"] input[type="email"]{width:150px;flex:0;}
c-input[size="medium"]{width:30%!important;max-width:100%!important;}
c-input[size="big"]{width:45%!important;max-width:100%!important;}

c-input[size-input="small"] input{padding:4px 8px;}

/* c-input div.caption:before{display:block;content:"";} */
c-input div.caption{width: 100%;margin-left: 0%;font-size: .9rem;}
c-input[type="text"] div.caption p{margin:3px 0px 0px 0px;}

/* CHECKBOX / RADIO */
c-input[type="checkbox"] .c_checkbox:before,
c-input[type="radio"] .c_checkbox:before{content:"";display:block;}
c-input[type="checkbox"] label,
c-input[type="radio"] label{/* white-space:nowrap; */position:relative;display:inline-flex!important;cursor:pointer;align-items:center;width:auto!important;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
c-input[type="checkbox"] input,
c-input[type="radio"] input{position:absolute;z-index:-1;}
c-input[type="checkbox"] span,
c-input[type="radio"] span{width:18px;height:18px;aspect-ratio:1/1;background:var(--bg-checkbox);position:relative;display:block;border-radius:var(--border-radius);margin-right:5px;}
c-input[type="checkbox"]  input:checked + span:after,
c-input[type="radio"]  input:checked + span:after{content: '';
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -2px;
    margin-top: -6px;
    width: 3px;
    height: 8px;
    border-width: 0 2px 2px 0!important;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	border: solid var(--bg-thick);
}

/* C-INPUT GROUP */
c-input-group{display:flex;width:100%;gap:20px;}
c-input-group[flex-wrap]{flex-wrap:wrap;}
c-input-group c-input{display:flex;/* width:fit-content!important; */justify-content:flex-start;flex-wrap:wrap;}
c-input-group[fullwidth] c-input{width:100%!important;}
c-input-group[fullwidth]:before{display:none!important;}
/* c-input-group div.c-input_container{display:flex!important;flex:1} */
c-input-group c-input[type="checkbox"] .c_checkbox:before,
c-input-group c-input[type="radio"] .c_checkbox:before{display:none;}
c-input-group[type="inline"]{flex-wrap:nowrap;gap:15px;}
c-input-group[type="inline"]:before{content:"";display:block;width:calc(100% / 4);}
c-input-group[type="inline"][fullwidth] c-input{flex:1;width:auto;}

/* SELECT */
c-input[type="select"] data,
c-input[type="select"] ajax-value{display:none;}

c-input[wrap] div.c-input_container{grid-template-columns:1fr;}
c-input[wrap] div.c-input_container label{text-align:left!important;}

c-input div.number_input{align-items:normal!important;max-height:40px;}
c-input div.number_input input{width:100px!important;text-align:center!important;}
c-input div.number_input span{width:40px;cursor:pointer;display:inline-flex;border:1px solid #dfdfdf;justify-content:center;align-content:center;align-items:center;border-radius:8px;color: var(--input-font-color);font-size:1.3rem;font-weight:bold;}
c-input div.number_input span:hover{background:#eee;}

c-input div.price_input input{width:70px!important;}