﻿.cf {
    
}

h1.cf-highlight, h2.cf-highlight, h3.cf-highlight, h4.cf-highlight, h5.cf-highlight, h6.cf-highlight {
    color: #ff6a13;
}

.cf h1 {
    font-weight: bold;
}

.cf input[type=submit].button.button-smaller {
    padding: 11px 25px;
}

.cf input[type=submit].button, a.button {
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 11px 30px;
    text-transform: uppercase;
    white-space: normal;
    box-shadow: 1px 1px 1px rgba(0,0,0,.15);
    border-radius: 5px;
}

.cf input[type=submit].button, .ecom button, .ecom a.button, header button, header a.button {
    background-color: #00a3e1;
}

.cf input[type=submit].button:hover, .cf input[type=submit].button:focus, a.button:hover, a.button:focus  {
    box-shadow: 4px 4px 4px rgba(0,0,0,.35);
}



.cf-pull-left {
    float: left;
}

.cf-pull-right {
    float: right;
}

.cf-clearfix {
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}

ul.cf-checkbox-list {
    padding: 0;
    margin: 10px 0 10px 0;
}

ul.cf-checkbox-list:after {
    clear: both;
    content: '.';
}

ul.cf-checkbox-list li {
    list-style: none;
}

ul.cf-checkbox-list li label[for] {
    cursor: pointer;
}

ul.cf-checkbox-list.cf-column-2 li {
    float: left;
    width: 50%;
}

ul.cf-checkbox-list.cf-column-4 li {
    float: left;
    width: 25%;
}

/* Dashboard */
.k-grid .ecom-tbl a.button {
    padding: 4px 15px;
    text-decoration: none;
}

/* Claim Live */
#cf-days-tabstrip {
    margin-bottom: 20px;
}

.cf-event-day {
    height: 400px;
    overflow-y: auto;
}

.cf-session-title-column {
    width: 65%;
}

.cf-session-time-column {
    width: 35%;
}

td.cf-session-checkbox-column {
    padding: 5px;
}

.cf-session {
    cursor: pointer;
}

.cf-session:hover {
    background-color: #fff;
    background-image: none,linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.06) 100%);
    border-color: #ccc;
    box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.6),0 0 2px rgba(0,0,0,0.3);
}

.cf-session-checkbox input[type=checkbox] {
    height: 75%;
    width: 75%;
}

.cf .cf-checkbox-row label {
    cursor: pointer;
    display: inline-block;
    margin: 3px 0 3px 5px;
    vertical-align: middle;
}

.cf .cf-error-message {
    color: red;
}



#cf .cf-event-day-date {
    
}

#cf .cf-event-day-credit-max {
    
}

#cf .cf-event-day-sessions {
    
}

#cf .cf-session-title {
    
}

#cf .cf-session-times {
    
}



.cf .cf-session-credit {
    display: none;
}

.cf .cf-credit-types {
    margin-top: 10px;
}

.cf .cf-activity-title {
    color: #ff6a13;
    margin-bottom: 10px;
}



.cf-warning span {
    font-family: Arial;
    color: #ffffff;
    font-size: 18px;
}

#idletimeout {
    background-color: #00a3e1;
    padding: 3px;
    margin-bottom: 2px;
}

#idletimeout-resume {
    background-color: #00a3e1
}

/* cmskit import */

.update-progress {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 9999;
}

    .update-progress .update-progress-mask {
        background-color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        filter: alpha(opacity=50);
        opacity: .5;
    }

    .update-progress .update-progress-helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

    .update-progress svg {
        position: relative;
    }

/* auto-renew */
#terms-table {
    display: table;
    max-width: 800px;
}

    #terms-table .tr {
        display: table-row;
    }

    #terms-table .td {
        display: table-cell;
    }

        #terms-table .td.checkbox-cell {
            padding: 10px;
        }

.validator, .validator.control-label {
    color: #e6001c;
    font-weight: normal;
    text-transform: none;
}

.control-label {
    font-weight: bold;
    text-transform: uppercase;
}