/*Text buttons information*/

/*#region Primary button */

.kv-primary-txt-btn-wrapper {
    display: inline-block;
    /* padding: 1px; */
    border-radius: 5px;
    border-color: white;
    border-style: solid;
    background-color: white;
    border-width: 1px;
    width: 104px;
    height: 28px;
    color: white;
}

    .kv-primary-txt-btn-wrapper:hover {
        border-color: #009e49;
        cursor: pointer;
    }

    .kv-primary-txt-btn-wrapper .kv-primary-txt-btn {
        width: 104px;
        height: 28px;
        border-radius: 3px;
        background-color: #009e49;
        display: block;
        text-align: center;
        line-height: 24px;
        border-color: #009e49;
        color: white;
        margin-left: auto;
        margin-right: auto;
        font-size: 1rem;
        font-family: Lato-Regular;
        user-select: none;
    }

    .kv-primary-txt-btn-wrapper:active {
        border-color: white;
    }

    .kv-primary-txt-btn-wrapper .kv-primary-txt-btn:active {
        box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.5);
    }

    /*Primary Disabled Styling*/
    .kv-primary-txt-btn-wrapper.kv-txt-btn-disabled {
        border-color: white;
    }

    .kv-primary-txt-btn-wrapper.kv-txt-btn-disabled {
        cursor: default;
    }

        .kv-primary-txt-btn-wrapper.kv-txt-btn-disabled, .kv-primary-txt-btn-wrapper.kv-txt-btn-disabled .kv-primary-txt-btn {
            background-color: #cccccc;
            border-color: #cccccc;
            box-shadow: none;
            border-color: white;
        }

/*#endregion */

/*#region Secondary button */

.kv-txt-btn-wrapper {
    display: inline-block;
    padding: 0px;
    border-radius: 5px;
    background-color: white;
    width: 104px;
    height: 24px;
    border: solid 1px #009e49;
}

    .kv-txt-btn-wrapper.half {
        width: 52px;
    }

    .kv-txt-btn-wrapper:hover{
        background-color: rgba(0, 158, 73, 0.1);
        cursor: pointer;
    }

    .kv-txt-btn-wrapper .kv-txt-btn {
        width: 104px;
        height: 24px;
        display: block;
        text-align: center;
        line-height: 24px;
        color: #009e49 !important;
        margin-left: auto;
        margin-right: auto;
        font-size: 1rem;
        font-family: Lato-Regular;
    }

        .kv-txt-btn-wrapper.half .kv-txt-btn {
            width: 52px;
        }

        .kv-txt-btn-wrapper .kv-txt-btn:active {
            background-color: rgba(0, 158, 73, 0.3);
        }


    .kv-txt-btn-wrapper.kv-txt-btn-disabled {
        border: solid 1px #cccccc;
        background-color: white;
    }

        .kv-txt-btn-wrapper.kv-txt-btn-disabled .kv-txt-btn, .kv-txt-btn-wrapper.kv-txt-btn-disabled .kv-txt-btn:hover {
            color: #cccccc !important;
            width: 100px;
            background-color: white;
        }

/*#endregion */

/*#region Toggle button*/
.kv-tgl-btn-wrapper {
    display: inline-block;
    padding: 0px;
    border-radius: 3px;
    background-color: white;
    width: 208px;
    height: 24px;
    line-height: 1;
    border: solid 1px #009e49;
}

.kv-tgl-btn-content {
    border-collapse: collapse;
    font-size: 1rem;
    font-family: Lato-Regular;
    user-select: none;
    color: #009e49;
    width: 100%;
    height: 100%;
    text-align: center;
}

    .kv-tgl-btn-content td {
        padding: 0;
    }

.kv-tgl-btn-left, .kv-tgl-btn-right {
    width: 50%;
    cursor: pointer;
}

.kv-tgl-btn-left {
    border-right: solid 1px #009e49;
}

    .kv-tgl-btn-left.selected, .kv-tgl-btn-right.selected {
        background-color: #e6f6ed;
    }

/*#endregion*/

@media (min-width: 1366px) and (max-width: 1919px) {

    /*#region Primary button */

    .kv-primary-txt-btn-wrapper {
        display: inline-block;
        padding: 1px;
        border-radius: 5px;
        border-color: white;
        border-style: solid;
        background-color: white;
        border-width: 1px;
        width: 124px;
        height: 34px;
        color: white;
    }

        .kv-primary-txt-btn-wrapper:hover {
            border-color: #009e49;
            cursor: pointer;
        }

        .kv-primary-txt-btn-wrapper .kv-primary-txt-btn {
            width: 120px;
            height: 30px;
            border-radius: 3px;
            background-color: #009e49;
            display: block;
            text-align: center;
            line-height: 30px;
            border-color: #009e49;
            color: white;
            margin-left: auto;
            margin-right: auto;
            font-size: 1rem;
            font-family: Lato-Regular;
            user-select: none;
        }

        .kv-primary-txt-btn-wrapper:active {
            border-color: white;
        }

        .kv-primary-txt-btn-wrapper .kv-primary-txt-btn:active {
            box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.5);
        }

        /*Primary Disabled Styling*/
        .kv-primary-txt-btn-wrapper.kv-txt-btn-disabled {
            height: 32px;
        }

        .kv-primary-txt-btn-wrapper.kv-txt-btn-disabled {
            cursor: default;
        }

            .kv-primary-txt-btn-wrapper.kv-txt-btn-disabled, .kv-primary-txt-btn-wrapper.kv-txt-btn-disabled .kv-primary-txt-btn {
                background-color: #cccccc;
                border-color: #cccccc;
                box-shadow: none;
                border-color: white;
            }

    /*#endregion */

    /*#region Secondary button */

    .kv-txt-btn-wrapper {
        display: inline-block;
        padding: 0px;
        border-radius: 3px;
        background-color: white;
        width: 124px;
        height: 30px;
        border: solid 1px #009e49;
    }

        .kv-txt-btn-wrapper.half {
            width: 62px;
        }

        .kv-txt-btn-wrapper:hover {
            background-color: rgba(0, 158, 73, 0.1);
            cursor: pointer;
        }

        .kv-txt-btn-wrapper .kv-txt-btn {
            width: 124px;
            height: 30px;
            display: block;
            text-align: center;
            line-height: 30px;
            color: #009e49 !important;
            margin-left: auto;
            margin-right: auto;
            font-size: 1rem;
            font-family: Lato-Regular;
            user-select: none;
        }

        .kv-txt-btn-wrapper.half .kv-txt-btn {
            width:62px;
        }

            .kv-txt-btn-wrapper .kv-txt-btn:active {
                background-color: rgba(0, 158, 73, 0.3);
            }


        .kv-txt-btn-wrapper.kv-txt-btn-disabled {
            border: solid 1px #cccccc;
            background-color: white;
        }

            .kv-txt-btn-wrapper.kv-txt-btn-disabled .kv-txt-btn, .kv-txt-btn-wrapper.kv-txt-btn-disabled .kv-txt-btn:hover {
                color: #cccccc !important;
                width: 120px;
                background-color: white;
            }

    /*#endregion */

    /*#region Toggle button*/
    .kv-tgl-btn-wrapper {
        display: inline-block;
        padding: 0px;
        border-radius: 3px;
        background-color: white;
        width: 239px;
        height: 30px;
        line-height: 1;
        border: solid 1px #009e49;
    }

    .kv-tgl-btn-content {
        border-collapse: collapse;
        font-size: 1rem;
        font-family: Lato-Regular;
        user-select: none;
        color: #009e49;
        width: 100%;
        height: 100%;
        text-align: center;
    }

        .kv-tgl-btn-content td {
            padding: 0;
        }

    .kv-tgl-btn-left, .kv-tgl-btn-right {
        width: 50%;
        cursor: pointer;
    }

    .kv-tgl-btn-left {
        border-right: solid 1px #009e49;
    }

        .kv-tgl-btn-left.selected, .kv-tgl-btn-right.selected {
            background-color: #e6f6ed;
        }

    /*#endregion*/
}

@media (min-width: 1024px) and (max-width: 1365px) {
    /*Same as default at the top of the file*/
}

@media (min-width: 0px) and (max-width: 1023px) {
    /*Same as default at the top of the file*/
}