/* Required for positioning of FLUID edit cues */
.pageedit { float: right; padding-top: 56px;}
.itemlist .fa, .edit{display:inline !important; border-bottom:none !important;}
.itemlist .fa, .edit .fa, .pageedit .fa{font-size:22px !important; color:#666; border-bottom:none !important;}
.pageedit .fa{font-size:28px !important;padding:5px; border-bottom:none !important;}
.itemlist .fa:hover{color:#282828; border-bottom:none !important;}

/* Required for email preview scroll area */
.emailContentArea {
    border: 1px solid #cbcbb5;
    padding: 10px 15px;
    margin: 0 0 10px 0;
    background: #cbcbb5;
    max-height: 600px;
    overflow: auto;
}
.emailPreviewArea{padding: 10px 15px;margin: 0 0 10px 0;background: #e9e9e9;border: 1px solid #a0a0a0;max-height:200px;overflow: auto;}

/* Required for PEC:ExpandColumn */
.tdAsCollapser, .tdAsExpander { background-color:#f2f2f2;width:16px; }
.tdAsExpander { text-align:center;vertical-align:middle;font-size:12px;cursor:pointer; }
.tdAsExpander:hover { background-color:#a0a0a0; }

/* PEC:ScrollPanel Styles */
.scrollContentArea{margin:5px;border:solid 1px #f5f5f5;max-height:450px;overflow:scroll;}

/* SiteMap Styles */
li.list-large, .list-large {
    padding: 3px 0;
    font-size: 18px;
    font-size: 1.8rem
}

/* SlideToggle */
.switchWrap {
    position: relative
}

    .switchWrap p {
        margin-right: 8px;
        margin-bottom: 0;
        position: relative;
        float: left
    }

.switchHide {
    display: none
}

.ie.ie8 .switchHide {
    display: block
}

input:checked + .switch {
    background: rgba(111,170,109,0.5)
}

    input:checked + .switch:before {
        left: 20px;
        background: #60a55f
    }

    input:checked + .switch:active::before {
        -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(111,170,109,0.125);
        -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(111,170,109,0.125);
        box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(111,170,109,0.125)
    }

.switch {
    background: rgba(255,255,255,0.3);
    display: inline-block;
    position: relative;
    width: 40px;
    height: 16px;
    background: rgba(0,0,0,0.26);
    margin: 3px 0 0 0;
    vertical-align: middle;
    cursor: pointer;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1)
}

    .switch:before {
        background: #f0f0f0;
        content: '';
        position: absolute;
        top: -4px;
        left: -4px;
        width: 24px;
        height: 24px;
        background: #fafafa;
        -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.28);
        -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.28);
        box-shadow: 0 2px 8px rgba(0,0,0,0.28);
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        -o-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
        transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1),background 0.28s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1)
    }

    .switch:active::before {
        -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(128,128,128,0.1);
        -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(128,128,128,0.1);
        box-shadow: 0 2px 8px rgba(0,0,0,0.28),0 0 0 20px rgba(128,128,128,0.1)
    }

/* TextBox, DateInput */
.pickerTextCentered {
    text-align: center;
}
/* ComboPicker */
div.pickerTextCentered .rcbInputCell INPUT.rcbInput {
    text-align: center;
    font-weight: bold;
}
.cb-nodroparrow .rcbArrowCellRight {
    display: none !important;
}
/* ReadOnlyLabel */
.ro-fat {
    padding: 5px 5px 0 !important;
}

.collapse .bAttached-right {
    border-radius: unset;
    left: -1px;
    border-top: none;
    padding-bottom:7px !important;
}

.bForcePadding .button {
    margin-left: 4px !important;
}
.bForceTop .button ul {
    top:36px !important;
}
.bForceTop .button.small ul {
    top: 27px !important;
}
.list-green {
    background: rgba(0, 255, 0, 0.40) !important;
}

.list-blue {
    background: rgba(0, 148, 255, 0.40) !important;
}

.list-yellow {
    background: rgba(255, 216, 0, 0.40) !important;
}
.list-orange {
    background: rgba(212, 134, 50, 0.40) !important;
}
.list-red {
    background: rgba(255, 0, 0, 0.40) !important;
}

.mic-container div {
    font-size: 7em;
    border-radius: 50%;
    height: 200px !important;
    width: 200px !important;
    text-align: center;
    padding-top: 20px;
    background-color: #f5f5f5;
    border: solid 6px #f5f5f5;
}

    .mic-container div a {
        color: #FFF;
        cursor: pointer;
    }

.mic-container .start {
    background-color: green;
}

.mic-container .stop {
    background-color: red;
    -webkit-transition: border-color 1s linear; /* Saf3.2+, Chrome */
    -moz-transition: border-color 1s linear; /* FF3.7+ */
    -o-transition: border-color 1s linear; /* Opera 10.5 */
    transition: border-color 1s linear;
}

.btns-container div {
    text-align: center;
}

    .btns-container div a {
        font-size: larger;
        cursor: pointer;
    }

.rpbStateSelected {
    background-color: green;
    border-color: #d88c18;
}

.rpbStateDefault {
    border-color: #d88c18;
}

.video-mic-container div {
    border-radius: 50%;
    height: 26px !important;
    width: 26px !important;
    text-align: center;
    padding-top: 1px;
    background-color: #f5f5f5;
    border: solid 2px #f5f5f5;
    float: right;
}

.video-mic-container div a {
    color: #FFF;
}

.video-mic-container .recording {
    background-color: red;
    -webkit-transition: border-color 1s linear; /* Saf3.2+, Chrome */
    -moz-transition: border-color 1s linear; /* FF3.7+ */
    -o-transition: border-color 1s linear; /* Opera 10.5 */
    transition: border-color 1s linear;
}

.rpbStateSelected {
    background-color: green;
    border-color: #d88c18;
}

.rpbStateDefault {
    border-color: #d88c18;
}
.editor-cue { float:left;position:absolute;top:-20px; }
.tableContain thead tr th.btn-col, .tableContain tbody tr td.btn-col {
    width: 35px;
    text-align: center;
    border-left: none !important;
}
.tableContain tbody tr td.btn-col i {
    cursor: pointer;
}
.avatar-icon-x-sm {
    height: 34px;
    width: 34px;
}
.avatar-icon-sm {
    height: 44px;
    width: 44px;
}
.avatar-icon-med {
    height: 54px;
    width: 54px;
}
.avatar-icon-lg {
    height: 64px;
    width: 64px;
}
.avatar-icon, .avatar-icon-med, .avatar-icon-lg, .avatar-icon-sm, .avatar-icon-x-sm {
    border: solid 1px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}
.avatar-row {
    margin-bottom: 0 !important;
}
.avatar-row .avatar-cue {
    cursor: pointer;
}
.avatar-row table {
    border: none !important;
    padding: 0 !important;
}
.avatar-row tr {
    background-color: white !important;
}
.avatar-row .cl, .avatar-row .cl-lg, .avatar-row .cl-med, .avatar-row .cl-sm, .avatar-row .cl-x-sm {
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
}
.avatar-row .cl-lg {
    width: 64px;
}
.avatar-row .cl-med {
    width: 54px;
}
.avatar-row .cl-sm {
    width: 44px;
}
.avatar-row .cl-x-sm {
    width: 34px;
}
.avatar-row .cr {
    padding: 0 0 0 10px !important;
    border: none;
    vertical-align:middle;
}
.avatar-row .cl .cue {
    text-align: center;
    top: -3px;
    position: relative;
}
/* Colors from color wheel */
.msg-0 {
    color: #3ca6a0;
}
.msg-1 {
    color: #3d96d4;
}
.msg-2 {
    color: #0093b1;    
}
.msg-3 {
    color: #783f6b;
}
.msg-4 {
    color: #aa418d;
}
.msg-5 {
    color: #e54072;
}
.msg-6 {
    color: #e94540;
}
.msg-7 {
    color: #d16d23;
}
.msg-8 {
    color: #fe7c00;
}
.msg-9 {
    color: #fec100;
}
.msg-10 {
    color: #ffe400;
}
.msg-11 {
    color: #8dba00;
}
.msg-12 {
    color: #59ada6;
}
.msg-13 {
    color: #60a6e0;
}
.msg-14 {
    color: #61aec4;
}
.msg-15 {
    color: #914577;
}
.msg-16 {
    color: #be4999;
}
.msg-17 {
    color: #ea4f87;
}
.msg-18 {
    color: #f25957;
}
.msg-19 {
    color: #e08135;
}
.msg-20 {
    color: #fe9611;
}
.msg-21 {
    color: #fece00;
}
.msg-22 {
    color: #ffec48;
}
.msg-23 {
    color: #a1c651;
}
.msg-24 {
    color: #93c4c1;
}
.msg-25 {
    color: #abcef1;
}
.msg-26 {
    color: #add2e4;
}
.msg-27 {
    color: #a45490;
}
.msg-28 {
    color: #d673b7;
}
.msg-29 {
    color: #f578a6;
}
.msg-30 {
    color: #f86e70;
}
.msg-31 {
    color: #e69b5f;
}
.msg-32 {
    color: #ffaa42;
}
.msg-33 {
    color: #ffda5a;
}
.msg-34 {
    color: #ffed70;
}
.msg-35 {
    color: #badc74;
}
.msg-36 {
    color: #d7e1e3;
}
.msg-37 {
    color: #d9eafc;
}
.msg-38 {
    color: #dceaf4;
}
.msg-39 {
    color: #b97ca9;
}
.msg-40 {
    color: #e5aed0;
}
.msg-41 {
    color: #f9aec6;
}
.msg-42 {
    color: #ff9b94;
}
.msg-43 {
    color: #edc098;
}
.msg-44 {
    color: #ffc27a;
}
.msg-45 {
    color: #fee6a5;
}
.msg-46 {
    color: #feef95;
}
.msg-47 {
    color: #dcecb7;
}
.msg-48 {
    color: #fefe33;
}
.msg-49 {
    color: #fabc02;
}
.msg-50 {
    color: #fb9902;
}
.msg-51 {
    color: #fd5308;
}
.msg-52 {
    color: #fe2712;
}
.msg-53 {
    color: #a7194b;
}
.msg-54 {
    color: #8601af;
}
.msg-55 {
    color: #3d01a4;
}
.msg-56 {
    color: #0247fe;
}
.msg-57 {
    color: #0392ce;
}
.msg-58 {
    color: #66b032;
}
.msg-59 {
    color: #d0ea2b;
}

.sub-text {
    font-size: 80% !important;
}
.rsMainHeader {
    padding-top: 0px !important;
}
.rsMainHeader .leftText {
    text-align: left !important;
    padding: 0px 0px 5px 5px;
}
.rsMainHeader .leftText a, .rsMainHeader .leftText span, .rsMainHeader .leftText i, .rsMainHeader .leftText label {
    padding-right: 0 !important;
}
.RadScheduler .rsAptContent .fa-circle {
    margin: 0 !important
}

.pec-listbox table {
    border: 0;
}
.pec-listbox tr:hover {
    background: none;
}