/*
 *
 *  Copyright (c) 2021.  All content, code, images are protected by Copyright. DealMaker Systems 2018 Limited being the sole owner, unless otherwise specifically stated on elements.
 *  This particular file was written as part of ScrapaMotor - Author was G.Fowles for and on behalf of DealMaker Systems 2018 Ltd. All copying, redistribution is strictly banned.
 *  Any and all enquiries regarding use of all or part of these works should be submitted in the first instance to enquiries@dealmaker.systems
 *  Project: scrapFront
 *  User: admin
 *  Created: 29/07/2021, 18:50
 *
 */

.gdf {
    background: linear-gradient(45deg,  #23527c, #b1ea54);
    color: #ffffff;
}

.bg-gdf {
    /*background: linear-gradient(315deg,  #354ad5, #b1ea54);*/
    background: linear-gradient(315deg,  #23527c, #b1ea54);
    color: #ffffff;
}

.header-style-02.is-sticky {
    background: linear-gradient(315deg,  #23527c, #b1ea54)!Important;
    /*background: linear-gradient(315deg,  #23527c, #b1ea54)!Important;*/
    /*background: transparent !Important;*/
}

.bg-primary.btn-animation {

    color: #23527c !Important;
}

.cf7-custom-form-part input[type=text], .cf7-custom-form-part input[type=number], .cf7-custom-form-part input[type=password], .cf7-custom-form-part input[type=email], .cf7-custom-form-part input[type=tel], .cf7-custom-form-part input[type=date] {
    padding: 10px;
    border-radius: 4px;
    background-color: #fff;
    height: 45px;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    max-width: 100%;
    width: 100%;
    line-height: 28px;
}
.cf7-custom-form-part.tel-input input {
    background: #fff url(/images/union.svg) 10px 6px no-repeat;
    padding-left: 50px;
    background-size: 30px;
}
.cf7-custom-form-part {
    display: block;
    margin-bottom: -12px;
}

/*input:invalid:required {*/
/*    background-image: linear-gradient(to right, #23527c, #b1ea54);*/
/*}*/

/*input:invalid {*/
/*    border: 2px dashed red;*/
/*}*/

input:valid {
    border: 2px solid black;
}

.btn-dark {
    border-radius: 30px !important;
}

.toggle-switch {
    display: inline-block;
    width: 36px;
    height: 20px;
    position: relative;
}

.toggle-switch__helper {
    position: absolute;
    height: 12px;
    width: 100%; }
.toggle-switch__helper:before, .toggle-switch__helper:after {
    will-change: left, background-color;
    content: '';
    position: absolute;
    left: 0;
    -webkit-transition: left 200ms, background-color, 200ms;
    transition: left 200ms, background-color, 200ms; }
.toggle-switch__helper:before {
    background-color: rgba(0, 0, 0, 0.4);
    top: 4px;
    height: 100%;
    width: 100%;
    border-radius: 10px; }
.toggle-switch__helper:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #dc3545;
    left: 0;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    z-index: 1; }

.toggle-switch__checkbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
    cursor: pointer; }
.toggle-switch__checkbox:checked ~ .toggle-switch__helper:after {
    left: calc(100% - 19px);
    background-color: #dc3545; }
.toggle-switch__checkbox:disabled {
    cursor: auto; }
.toggle-switch__checkbox:disabled ~ .toggle-switch__helper {
    opacity: 0.65; }
.toggle-switch__checkbox:active ~ .toggle-switch__helper:after {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.05); }

.toggle-switch--amber .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after {
    background-color: #ffc107; }

.toggle-switch--blue .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after {
    background-color: #007bff; }

.toggle-switch--green .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after {
    background-color: #28a745; }

.toggle-switch--teal .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after {
    background-color: #20c997; }

.toggle-switch--purple .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after {
    background-color: #6f42c1; }

.toggle-switch--cyan .toggle-switch__checkbox:checked ~ .toggle-switch__helper:after {
    background-color: #17a2b8; }