:root{
     --skin-orange:#FF8232;
     --skin-dark:#444444;
     --skin-pink:#FEF7F3;
     --skin-white:#FFFFFF;
     --skin-light:#F9F9F9;
}

body{
     font-family: 'Poppins', sans-serif;
}

.skin-orange{
     color: var(--skin-orange) !important;
}

.skin-dark{
     color: var(--skin-dark) !important;
}

.skin-pink{
     color: var(--skin-pink) !important;
}

.skin-white{
     color: var(--skin-white) !important;
}

.skin-light{
     color: var(--skin-light) !important;
}

.bg-orange{
     background-color: var(--skin-orange) !important;
}

.bg-dark{
     background-color: var(--skin-dark) !important;
}

.bg-pink{
     background-color: var(--skin-pink) !important;
}

.bg-white{
     background-color: var(--skin-white) !important;
}

.bg-light{
     background-color: var(--skin-light) !important;
}

.bold{
     font-weight:bold !important;
}

.p{
     color: var(--skin-dark) !important;
}

.btn{
     font-size:0.8em;
     font-weight:bold;
     border-radius:8px;
     padding:10px 20px;
}

.btn-primary {
     color: var(--skin-white);
     background-color: var(--skin-orange);
     border-color: var(--skin-orange);
 }

.btn-primary:hover {
     color: var(--skin-white);
     background-color: #f85f00;
     border-color: #f85f00;
 }

 .btn-primary:active {
     color: var(--skin-white);
     background-color: #f85f00;
     border-color: #f85f00;
 }

 .btn-primary:focus {
     background-color: #f85f00;
     border-color: #f85f00;
     box-shadow: 0 0 0 0.25rem #ff8132b2;
}

.form-control{
     height:40px;
     border:1px solid #e0e0e0;
     border-top:0;
     border-left:0;
     border-right:0;
     border-radius:0;
     padding: .375rem 5px;
}

.form-control:focus {
     color: unset;
     background-color: #fff;
     border-color:#ff8132b2;
     outline: unset;
     box-shadow: unset;
}

.form-control:disabled, .form-control[readonly] {
     background-color: unset;
     color: #cfcfcf;
     opacity: 1;
}