/* Retina
========================================================================== */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

    /* Plugins.css
    ===================================== */

    /* Checkbox, radio
    ================== */

    /**
     * Checkbox
     */

    span.ui-checkbox {
        background-size: 100% 100%;
        background-image: url(../images/checkbox/blue@2x.png);
    }

    span.ui-checkbox.ui-checkbox-checked {
        background-image: url(../images/checkbox/checked-blue@2x.png);
    }

    .has-error span.ui-checkbox {
        background-size: 100% 100%;
        background-image: url(../images/checkbox/red@2x.png);
    }

    .has-error span.ui-checkbox-checked {
        background-size: 100% 100%;
        background-image: url(../images/checkbox/checked-red@2x.png) !important;
    }

    /* Reusable.css
    ===================================== */

    /* Get started
    ================== */

    /**
     * Get started
     */

    .get-started li:before {
        background-size: 100% 100%;
        background-image: url(../images/checkbox/checked-red@2x.png);
    }


    /* Testimonials
    ================== */

    /**
     * Testimonials
     */

    .testimonials .toggle a:after {
        background-size: 100% 200%;
        background-image: url(../images/toggle-arrow@2x.png);
    }


    /* Progress
    ================== */

    /**
     * Progress
     */

    .progress .completed:before {
        top: 1px;
        background-size: 100% 100%;
        background-image: url(../images/checkbox/checked-blue@2x.png);
    }

    /* Iframe Loader
        ================== */

    /**
     * Loader
     */

    #vcita-calendar{
        background-image: url(../images/thirtydaychallenge/30DayChallenge_Calendar@2x.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 320px 186px;
    }


    /* Style.css
    ===================================== */

    /* Header
    ================== */

    /**
     * Header
     */

    /* Header logo */

    #header h1 a {
        background-size: 100% 100%;
        background-image: url(../images/surya-success_logo@2x.png);
    }

    #header .logo-nolink{
        background-size: 100% 100%;
        background-image: url(../images/surya-success_logo@2x.png);
    }

    /* Header navigation dropdown */

    #header nav .more {
        background-size: 100% 100%;
        background-image: url(../images/dropdown@2x.png);
    }

    /* Header slider arrows */

    #header .slider .arrows {
        background-size: 200% 100%;
        background-image: url(../images/slider-arrows@2x.png);
    }

    /* Header profile thumbnail */

    #header .profile .thumbnail .camera {
        background-size: 100% 100%;
        background-image: url(../images/profile-image@2x.png);
    }


    /* Main
    ================== */

    /**
     * Enroll
     */

     /* Entroll column enroll */

    #enroll .column .enroll .icon.entrepreneur {
        background-size: 100% 100%;
        background-image: url(../images/enroll-entrepreneur@2x.png);
    }

    #enroll .column .enroll .icon.executive {
        background-size: 100% 100%;
        background-image: url(../images/enroll-executive@2x.png);
    }

    #enroll .column .enroll .icon.organization {
        background-size: 100% 100%;
        background-image: url(../images/enroll-organization@2x.png);
    }

     /* Entroll column list */

    #enroll .column .list ul > li:before {
        background-size: 100% 100%;
        background-image: url(../images/enroll-check@2x.png);
    }

    /* Entroll column toggle */

    #enroll .column .toggle a:after {
        background-size: 100% 200%;
        background-image: url(../images/enroll-arrow@2x.png);
    }

    /**
     * Dashboard
     */

    /* Dashboard questions */

    #dashboard .questions span.ui-checkbox {
        background-size: 100% 100%;
        background-image: url(../images/checkbox/red@2x.png);
    }

    #dashboard .questions span.ui-checkbox.ui-checkbox-checked {
        background-size: 100% 100%;
        background-image: url(../images/checkbox/checked-red@2x.png);
    }

    /* Dashboard exercises overview */

    #dashboard .exercises .overview .time:before {
        background-size: 100% 100%;
        background-image: url(../images/time@2x.png);
    }

    #dashboard .exercises .overview .check {
        background-size: 100% 100%;
        background-image: url(../images/checkbox/checked-blue@2x.png);
    }

    /* Dashboard exercises checkout */

    #dashboard .checkout .secure .icon {
        background-size: 100% 100%;
        background-image: url(../images/secure@2x.png);
    }

    #dashboard .checkout .help:hover:after {
        background-size: 100% 100%;
        background-image: url(../images/cvv@2x.png);
    }

    /* Dashboard track */

    #dashboard .track span.ui-radio {
        background-size: 300% 200%;
        background-image: url(../images/radio/radio@2x.png);
    }
    
    #dashboard .track .after span.ui-radio {
		background-size: 300% 200%;
		background-image: url(../images/radio/radio_after@2x.png);
	}
}