/*
    Codify 2022
    16.08.2022 - Mazhar Kaan Girti
*/

/* Fonts */
@font-face { font-family: 'gilroy'; src: url('../assets/fonts/subset-Gilroy-Regular.woff2') format('woff2'), url('../assets/fonts/subset-Gilroy-Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'gilroy'; src: url('../assets/fonts/subset-Gilroy-Bold.woff2') format('woff2'), url('../assets/fonts/subset-Gilroy-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'gilroy'; src: url('../assets/fonts/subset-Gilroy-Medium.woff2') format('woff2'), url('../assets/fonts/subset-Gilroy-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'gilroy'; src: url('../assets/fonts/subset-Gilroy-Light.woff2') format('woff2'), url('../assets/fonts/subset-Gilroy-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'gilroy'; src: url('../assets/fonts/subset-Gilroy-UltraLight.woff2') format('woff2'), url('../assets/fonts/subset-Gilroy-UltraLight.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; }

/* General */
html,
body { width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: #f1f1f1; overflow-x: hidden; }
* { font-family: 'gilroy'; transition: .3s; }
*:focus { outline: none; box-shadow: none !important; }
select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
textarea { resize: none; }

/* Scrollbar */
::-webkit-scrollbar { width: 5px; height: 5px; }
::-webkit-scrollbar-track { background: #F1F1F1; }
::-webkit-scrollbar-thumb { background: #999; }
::-webkit-scrollbar-thumb:hover { background: #777; }

/* Body Content */
.body-content { padding: 0px; background-color: #ededed }

/* Form */
.form-row { display: flex; flex-wrap: nowrap; margin: 0; align-items: flex-start; background-color: #FFF; border-bottom: 1px solid #f1f1f1; }
.form-row .form-cell { padding: 10px 5px; }
.form-row .form-cell:nth-child(1) { width: 40%; padding-top: 17px; }
.form-row .form-cell:nth-child(2) { width: 60%; }
.form-row .form-cell .title { white-space: nowrap; color: #a6b2c3; padding: 0px 0px 0px 10px; }
.form-row .form-cell .form-control { border: 1px solid transparent; border-radius: 0px; color: #000; padding: 5px; font-weight: 400; }
.form-row .form-cell [type="text"] { }
.form-row .form-cell select { background-image: url(../assets/img/arrow-red.png); background-repeat: no-repeat; background-position: right 10px top 15px; }

/* Buttons */
.form-button { padding: 15px; width: 100%; background-color: white; }
.form-button .btn { width: 100%; background-color: #b90201; font-size: 17px; font-weight: bold; padding: 20px; margin-bottom: 10px; }
.form-button .btn-success { width: 100%; background-color: #218838; font-size: 17px; font-weight: bold; padding: 20px; margin-bottom: 10px; }
.form-button .btn:last-child { margin-bottom: 0px; }
.form-button .btn-simple { color: #b90201; background-color: transparent; }

.dynamic-item a.delete { display: block; width: 100px; text-align: center; padding: 0; border: 1px solid; position: relative; border-color: #b90201; color: #b90201; margin-left: 10px; }

.tires img { float: left; }