﻿

.radlst_button input {
    position: absolute;
    clip: rect(0 0 0 0);
}

    .radlst_button input[type=radio]:checked + label {
        background: #323232;
        border-color: #323232;
        color: #fff;
    }

.radlst_button label {
    background: #eaeaea;
    border: 1px solid #ddd;
    cursor: pointer;
    font-weight: 900;
    padding: 11px;
    text-align: center;
    width: 116px;
}

.radlst_button input[type=radio] {
    margin: 0 8px 8px 0;
}

.radlst_button td {
    padding: 10px 15px 10px 0;
}

    .radlst_button td label {
        display: block;
        padding-top: 5px;
    }

/*
https://docs.telerik.com/devtools/aspnet-ajax/controls/calendar/appearance-and-styling/styles
F:\Program Files (x86)\Progress\Telerik UI for ASP.NET AJAX R2 2019\Skins
*/
#radcalProefrit {
    width: 100%;
}

.RadCalendar_Default {
    width: 100%;
    border: 1px solid #ddd;
    padding: 20px;
    border-color: #cccccc;
    color: #333333;
    /*background-color: green;*/
}



/*Telerik RadCalendar Special skin*/

div#radcalProefrit {
    border-collapse: separate;
    border: 0;
    background: #272727;
    color: #fff;
    font: 12px ITCFranklinGothicStd;
    width: 757px;
}

/*titlebar*/

.RadCalendar span.rcTitle {
    display: block;
}

#radcalProefrit .rcTitlebar {
    width: 100%;
    border-collapse: separate;
    border: 0;
    font-size: 135%;
    font-weight: 900;
    font-family: ITCFranklinGothicStd;
    padding: 10px 0 6px 0;
    /*background:0 0 no-repeat url(images/rcTitlebar.gif);*/
    text-transform: uppercase;
}

    #radcalProefrit .rcTitlebar a {
        border: 0;
        padding: 0;
        text-align: center;
        vertical-align: middle;
    }

    #radcalProefrit .rcTitlebar .rcTitle {
        width: 100%;
        cursor: default;
        text-align: center;
    }

    #radcalProefrit .rcTitlebar .rcPrev,
    #radcalProefrit .rcTitlebar .rcNext,
    #radcalProefrit .rcTitlebar .rcFastPrev,
    #radcalProefrit .rcTitlebar .rcFastNext {
        display: block;
        width: 17px;
        height: 16px;
        overflow: hidden;
        margin: 0 6px;
        /*background:transparent url(images/specialsprite.gif) no-repeat;*/
        text-indent: -2222px;
        text-decoration: none;
        color: #ccc;
        float: left;
    }

    #radcalProefrit .rcTitlebar .rcNext,
    #radcalProefrit .rcTitlebar .rcFastNext {
        float: right;
    }

    #radcalProefrit .rcTitlebar .rcFastPrev {
        background-position: 0 0;
    }

        #radcalProefrit .rcTitlebar .rcFastPrev:hover {
            background-position: 0 -50px;
        }

    #radcalProefrit .rcTitlebar .rcPrev {
        background-position: 0 -100px;
        background: transparent url(../calendar/suz/lt.svg) no-repeat;
    }

        #radcalProefrit .rcTitlebar .rcPrev:hover {
            background-position: 0 -150px;
            background: transparent url(../calendar/suz/lt.svg) no-repeat;
        }

    #radcalProefrit .rcTitlebar .rcNext {
        background-position: 0 -200px;
        background: transparent url(../calendar/suz/gt.svg) no-repeat;
    }

        #radcalProefrit .rcTitlebar .rcNext:hover {
            background-position: 0 -250px;
            background: transparent url(../calendar/suz/gt.svg) no-repeat;
        }

    #radcalProefrit .rcTitlebar .rcFastNext {
        background-position: 0 -300px;
    }

        #radcalProefrit .rcTitlebar .rcFastNext:hover {
            background-position: 0 -350px;
        }

#radcalProefrit .rcMain {
    width: 100%;
    border: 0;
    padding: 0;
}

#radcalProefrit .rcMainTable {
    border-collapse: separate;
    border: 0;
    width: 100%;
    font: 12px/17px ITCFranklinGothicStd;
}

/*header, footer*/

#radcalProefrit .rcHeader,
#radcalProefrit .rcFooter {
    border: 0;
    padding: 0;
}

/*week numbers and days*/

#radcalProefrit .rcWeek th,
#radcalProefrit .rcRow th {
    border: 0;
    font-weight: normal;
    vertical-align: middle;
    cursor: default;
    color: #c8c8c8;
    text-transform: uppercase;
}

#radcalProefrit .rcWeek th {
    line-height: 28px;
    padding-bottom: 7px;
    /*background:0 -600px repeat-x url(images/specialsprite.gif);*/
    color: #323232;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

#radcalProefrit .rcRow th {
    font-size: 0px;
}

/*date cells*/

#radcalProefrit .rcRow td {
    padding: 0 3px 3px 0;
    text-align: center;
    line-height: 39px;
}

#radcalProefrit .rcRow .rcOtherMonth {
    background: none;
    /*font: 1px/1px sans-serif;*/
    color: #ddd;
}

#radcalProefrit .rcRow a,
#radcalProefrit .rcRow span,
#radcalProefrit .rcTemplate {
    display: block;
    width: 95px;
    height: 47px;
    padding: 8px 8px 0 0;
    /*background:0 -400px no-repeat url(images/specialsprite.gif);*/
    text-decoration: none;
}

#radcalProefrit .rcTemplate {
    background: none;
    color: #f90;
}

#radcalProefrit .rcRow a {
    color: #fff;
    display: block;
    /*width: 95px;
    height: 47px;
    padding: 8px 8px 0 0;*/
    background: center url(../calendar/suz/grey_circle.png) no-repeat;
    /*background: 0 -400px no-repeat url(images/specialsprite.gif);*/
    text-decoration: none;
    padding-left: 10px;
    text-align: center;
    font-size: 14px;
    color: #495057;
}

#radcalProefrit .rcRow .rcOtherMonth a {
    background: none;
    /*font: 1px/1px sans-serif;*/
    color: #ddd;
}

#radcalProefrit .rcRow .rcHover a,
#radcalProefrit .rcRow .rcSelected a {
    background: center url(../calendar/suz/black_circle.png) no-repeat;
    color: #fff;
}

#radcalProefrit .rcRow .rcOtherMonth .rcHover {
    background: red;
    font-size: 14px;
    /*background: #eaeced;*/
    border: 1px solid #ddd;
    border-radius: 150px;
    line-height: 39px;
    height: 39px;
    max-width: 39px;
}

#radcalProefrit .rcOutOfRange {
    color: #ddd;
}


.form-group.is-invalid .RadCalendar {
    background: rgba(222,0,57,.05);
    border: 1px solid #de0039;
}

/* telerik radcombobox */

.sma_radcombobox .rcbInputCell input.rcbInput {
    /*height: 37px;*/
    height: 64px;
    font-size: 18px;
    vertical-align: middle;
}

.sma_radcombobox .rcbInputCell, .sma_radcombobox .rcbArrowCell {
    border-width: 1px;
    border-style: solid;
        background-image: none !important;
    /*background-image: url(../suzuki/images/arrow-caret-fat-down.svg?3974ecab) !important; */
}

.sma_radcombobox table td.rcbInputCell, .sma_radcombobox table td.rcbArrowCell {
    border-width: 1px
}

.sma_radcombobox .rcbArrowCell {
    border-color: #ccc;
    color: #333;
    background-color: #fff;
    width: 32px;
    border-radius: 0 4px 4px 0
}

    .sma_radcombobox .rcbArrowCell a {
        background: url('../suzuki/images/arrow-caret-fat-down.svg?3974ecab') no-repeat right 14px center;
        background-size: 12px auto;
        color: #323232;
        font-weight: 500;
        line-height: 20px;
        padding: 10px 56px 10px 16px;
        position: relative;
        width: 100%;
        z-index: 1;
        background-position: right 18px center;
        height:64px !important;
    }




