/*
 * This file has been added to write ONLY generic styles
 */

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

.width-100{
    width:100%;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-25 {
    margin-bottom: 25px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-25 {
    margin-top: 25px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-5prc {
    margin: 5%;
}

.margin-bottom-2prc {
    margin-bottom: 2%;
}

.margin-bottom-5prc {
    margin-bottom: 5%;
}

.text-align-center {
    text-align: center;
}

.font-13 {
    font-size: 13px;
}

.absolute-position {
    position: absolute;
}

.purple-color-hostinger {
    color: #6149a8;
}

.grey-text {
    color: #888888;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.absolute-center{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%)
}

.cursor-pointer{
    cursor: pointer;
}

.cursor-loading{
    cursor: progress;
}

.uppercase{
    text-transform: uppercase;
}

.relative-position{
    position: relative;
}

.absolute-position{
    position: absolute;
}

.capitalize{
    text-transform: capitalize;
}

.display-inline{
    display: inline-block;
}

.min-width-80 {
    min-width: 80px;
}

.box-shadow-2 {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.21);
}
  
.padding-horizontal-25 {
    padding-right: 25px;
    padding-left: 25px;
}

.color-light-gray {
    color: #8d8e8e;
}

.opacity-7{
    opacity: 0.7;
}

.btn-bigger-padding{
    padding: 11px 22px;
}

/*
 * PRIMARY BUTTON COLORS START
 */

.btn.light-orange {
    color: #fff;
    background-color: #FFAD00;
}

.btn.light-orange:active, .btn.light-orange:focus, .btn.light-orange:hover {
    background-color: #FFA005 !important;
}

.btn.orange {
    color: #fff;
    background-color: #ff6c19;
}

.btn.orange:active, .btn.orange:focus, .btn.orange:hover {
    background-color: #E55B0E !important;
}

.btn.black {
    color: #fff;
    background-color: #3B3B3B;
}

.btn.black:active, .btn.black:focus, .btn.black:hover {
    background-color: #181818 !important;
}

.btn.hostinger-red {
    color: #fff;
    background-color: #FF5D5B;
}

.btn.hostinger-red:active, .btn.hostinger-red:focus, .btn.hostinger-red:hover {
    background-color: #E6504E !important;
}

.btn.purple-o {
     background-color: #fff;
     border: solid 1px #6747c7;
     color: #6747c7;
 }

.btn.purple-o:active, .btn.purple-o:focus, .btn.purple-o:hover {
    background-color: #6747c7 !important;
    color: #fff;
}

.btn.gray-o {
    background-color: #fff;
    border: solid 1px #888888;
    color: #888888;
}

.btn.gray-o:active, .btn.gray-o:focus, .btn.gray-o:hover {
    background-color: #888888!important;
    color: #fff;
}

/*
 * PRIMARY BUTTON COLORS END
 */