/* Form reset
-----------------------------------------------*/
input,
label,
select,
button,
textarea{display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1.5;font-size:1rem;font-family:inherit; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;}
input,
select,
textarea{background-color:#fff}
textarea{white-space:pre;resize:none;height:auto}
input,
textarea,
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
button{border:0}

/* Search Input & date Input
-----------------------------------------------*/
input[type=search]{-webkit-appearance:none;box-sizing:content-box;-webkit-box-sizing:content-box}
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button { display: none}
input[type=time]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-calendar-picker-indicator{background: none; border:1px solid red;}

/* form selectbox Custom */
select.input::-ms-expand{display:none}


/* Form Checkbox & Radio
-----------------------------------------------*/
.chkbox{position:relative; display:inline-block; padding-left:20px; min-height:1.3rem; font-size:1rem; line-height:1.3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.chkbox input[type=checkbox]{display:none;}
.chkbox .chk_marker{position:absolute; display:block; top:calc(1rem * 1.5 / 2); border-radius:2px; left:0; width:16px; height:16px; border:1px solid #aaa; transform:translateY(-50%); background-color:transparent; transition:background-color 0.3s, border-color 0.3s;}
.chkbox .chk_marker::before{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-45%,-65%) rotate(-135deg); height:60%; width:30%; border:2px solid #fff; border-bottom:0; border-right:0; opacity:0; transition:opacity 0.3s;}
.chkbox input[type=checkbox]:checked ~ .chk_marker{background-color:#007BFF; border-color:#007BFF;}
.chkbox input[type=checkbox]:checked ~ .chk_marker::before{opacity:1;}
.chkbox input[type=checkbox]:disabled ~ .chk_marker,
.chkbox input[type=checkbox]:disabled ~ .chk_txt{opacity:0.5;}

.radiobox{position:relative; display:inline-block; padding-left:20px; min-height:1.3rem; font-size:1rem; line-height:1.3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.radiobox input[type=radio]{display:none;}
.radiobox .radio_marker{position:absolute; display:block; top:calc(1rem * 1.5 / 2); border-radius:50%; left:0; width:16px; height:16px; border:1px solid #aaa; transform:translateY(-50%); background-color:transparent; transition:background-color 0.3s, border-color 0.3s;}
.radiobox .radio_marker::before{content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); width:50%; height:50%; background-color:#fff; border-radius:50%; opacity:0; transition:transform 0.3s, opacity 0.3s;}
.radiobox input[type=radio]:checked ~ .radio_marker{background-color:#007BFF; border-color:#007BFF;}
.radiobox input[type=radio]:checked ~ .radio_marker::before{transform:translate(-50%,-50%) scale(1); opacity:1;}
.radiobox input[type=radio]:disabled ~ .radio_marker,
.radiobox input[type=radio]:disabled ~ .radio_txt{opacity:0.5;}

input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=email],
input[type=search],
input[type=month],
input[type=number],
input[type=password],
input[type=date],
input[type=datetime-local],
textarea,
select{border:1px solid #ccc; padding:0.5rem 0.8rem; transition:border-color 0.3s; -webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative; line-height:inherit;}
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=email],
input[type=search],
input[type=month],
input[type=number],
input[type=password],
input[type=date],
input[type=datetime-local],
select{vertical-align:middle;}
input[type=tel]:hover,
input[type=text]:hover,
input[type=time]:hover,
input[type=url]:hover,
input[type=email]:hover,
input[type=search]:hover,
input[type=month]:hover,
input[type=number]:hover,
input[type=password]:hover,
input[type=date]:hover,
input[type=datetime-local]:hover,
textarea:hover,
select:hover{border-color:#999;}
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
textarea:focus,
input[type=tel]:disabled,
input[type=text]:disabled,
input[type=time]:disabled,
input[type=url]:disabled,
input[type=email]:disabled,
input[type=search]:disabled,
input[type=month]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=date]:disabled,
input[type=datetime-local]:disabled,
textarea:disabled,
select:disabled{opacity:0.5;}
input[type=tel]::placeholder,
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=url]::placeholder,
input[type=email]::placeholder,
input[type=search]::placeholder,
input[type=month]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=date]::placeholder,
input[type=datetime-local]::placeholder,
textarea::placeholder{color:rgba(51,51,51,0.5);}


/* textarea
-----------------------------------------------*/
textarea{resize:vertical;}


/* Select
-----------------------------------------------*/


/* switch Custom
-----------------------------------------------*/
.switch{position:relative;display:inline-block;padding-left:35px;margin:4px 0 4px 4px;font-size:1rem}
.switch input[type=checkbox]{height:0;width:0;visibility:hidden}
.switch .marker{display:block; position:absolute;top:0;left:0;transition:all .3s ease-in-out;cursor:pointer;text-indent:-9999px;width:35px;height:15px;background-color:#ddd;display:block;border-radius:2em}
.switch .marker:after {content:'';position:absolute;top:-2px;left:-2px;width:19px;height:19px;background-color:#fff;border-radius:50%;transition:0.3s;box-shadow:0 0 5px rgba(0, 0, 0, 0.4)}
.switch input[type=checkbox]:checked+.marker {transition:all .4s ease-in-out;background-color:#2b46bd}
.switch input[type=checkbox]:checked+.marker::after {left:37px;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.switch input[type=checkbox]:disabled+.marker::after {background-color:#ddd}
.switch input[type=checkbox]:disabled+.marker {background-color:#bbb}


/* Pagination
-----------------------------------------------*/
.pagination-nav{margin:2em 0; text-align:center;}
.pagination{display:flex; justify-content:center}
.pagination li{display:inline-block; margin:0 0.2em}
.pagination li:hover a{color:#191919;}
.pagination li a{display:flex; align-items:center; padding:0 1em; height:40px;}
.pagination li.active{padding:0 1em; height:40px; line-height:40px; background:#d53f41; color:#fff}
.pagination li.arrow a{justify-content:center; box-sizing:border-box; width:40px; background:#f6f6f6; border:1px solid #ccc; font-size:13px; color:#555}
.pagination li.arrow.first,
.pagination li.arrow.last a{text-indent:-3px}


/* btn
-----------------------------------------------*/
.btn{padding:0.3rem 2rem; display:inline-block; line-height:inherit; position:relative; border:1px solid; box-sizing:border-box; word-break:keep-all; border-radius:0.3rem;}
.btn.disabled,
.btn:disabled{opacity:0.5; pointer-events: none;}
.btn *{margin:0 0.4rem; }
.btn *:not(.fa){font-weight:inherit; font-style:normal;}
.btn *:first-child{margin-left:0;}
.btn *:last-child{margin-right:0;}
.btn.btn-primary{background-color:#333; color:#fff; border-color:#333;}
.btn.btn-success{background-color:#ff3333; color:#fff; border-color:coral;}
.btn.btn-danger{}
.btn.btn-warning{background-color:#ed9f14; color:#fff; border-color:#ed9f14;}
.btn.btn-info{}
.btn.btn-default{background-color:#f2f2f2; color:#333; border-color:#ccc;}
.btn.btn-bordered{background-color:transparent; color:#333; border-color:inherit;}
.btn.btn-bordered.bordered--light{border:1px solid #ddd; background-color:transparent;}
.btn.btn-block{width:100%; display:block; padding:0.8rem 2rem;}
.btn.btn-radius{border-radius:4rem;}
.btn.btn-light{border:1px solid #ddd; background-color:#fff;}