html body .RadInput .riTextBox {
    border-color: #CFCFCF !important;
}

.DetailsView .RadInput.riSingle {
    width: 100% !important;
}

.RadInput .riTextBox {
    height: 28px !important;
    padding: 4px 10px !important;
    color: #242424 !important;
}

.RadInput .riSpin a {
    font-size: 1.5em !important;
    text-indent: 0 !important;
    background: none !important;
    height: 10px !important;
    color: #555555 !important;
}

.RadInput .riSpin a:hover {
    color: #3C86B6 !important;
}

.RadInput .riSpin a span {
    display: none !important;
}

html body .RadInput .riTextBox {
    border-color: #CFCFCF;
}

.RadComboBox .rcbHovered .rcbArrowCell,
.RadComboBox .rcbHovered .rcbReadOnly .rcbInputCell,
.RadComboBox .rcbFocused .rcbArrowCell,
.RadComboBox .RadComboBoxDropDown .rcbCheckAllItemsHovered .rcbArrowCell,
.RadComboBoxDropDown .RadComboBox .rcbCheckAllItemsHovered .rcbArrowCell,
.RadComboBox .RadComboBoxDropDown .rcbCheckAllItemsHovered .rcbReadOnly .rcbInputCell,
.RadComboBoxDropDown .RadComboBox .rcbCheckAllItemsHovered .rcbReadOnly .rcbInputCell,
.RadComboBox .rcbFocused .rcbReadOnly .rcbInputCell,
.RadComboBox table {
    background: #FFFFFF;
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbInputCell .rcbInput {
    color: #242424;
}

.DetailsView .RadComboBox {
    width: 100% !important;
}

.DetailsView .RadComboBox .rcbInputCell {
    background: none !important;
    border-color: #CFCFCF !important;
    color: #242424 !important;
    width: 99% !important;
    display: table-cell !important;
}

.DetailsView .RadComboBox .rcbArrowCell {
    background: none !important;
    border-color: #CFCFCF !important;
    color: #242424 !important;
    display: table-cell !important;
}

.DetailsView .RadComboBox .rcbInput {
    height: 26px !important;
    color: #242424 !important;
}

.RadComboBox-help {
    font-size: 1.5em !important;
    margin-left: 10px !important;
    color: #555555 !important;
    cursor: pointer !important;
}

.RadComboBox-help:hover {
    color: #3C86B6 !important;
}

.RadPicker td a {
    z-index: 1 !important;
    color: #555555 !important;
    font-size: 1.5em !important;
    margin-left: 10px !important;
}

.RadPicker td a:hover {
    color: #3C86B6 !important;
}

.RadPicker td a img {
    display: none !important;
}

.RadPicker .rcTable {
    width: 200px !important;
}

.RadToolTip {
    position: absolute !important;
    background: #FFF !important;
    border: 1px solid #CFCFCF !important;
    padding: 0 20px !important;
}

.RadUpload {
    width: 100% !important;
}

.RadUpload .ruFileWrap {
    display: flex !important;
}

.RadUpload .ruButton {
    width: auto !important;
    padding-top: 0 !important;
}

.RadUpload .ruStyled .ruFileInput {
    left: 0 !important;
}

.RadUpload .ruFakeInput {
    width: 68% !important;
}

.RadDataPager {
    border: 0 !important;
}

.RadGrid .rgMasterTable,
.RadGrid .rgDetailTable,
.RadGrid .rgEditForm table {
    border-collapse: separate !important;
    border-spacing: 1px !important;
}

.RadGrid td {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.RadGrid .rgAdd,
.RadGrid .rgRefresh,
.RadGrid .rgEdit,
.RadGrid .rgDel,
.RadGrid .rgFilter,
.RadGrid .rgPagePrev,
.RadGrid .rgPageNext,
.RadGrid .rgPageFirst,
.RadGrid .rgPageLast,
.RadGrid .rgExpand,
.RadGrid .rgCollapse,
.RadGrid .rgSortAsc,
.RadGrid .rgSortDesc,
.RadGrid .rgUpdate,
.RadGrid .rgCancel,
.RadGrid .rgUngroup,
.RadGrid .rgExpXLS,
.RadGrid .rgExpDOC,
.RadGrid .rgExpPDF,
.RadGrid .rgExpCSV {
    background-image: url("/App_Themes/Default/WebControls/GridView/sprite.gif");
}

.RadGrid .rgExpand {
    background-position: 5px -496px;
}

.RadGrid .rgCollapse {
    background-position: 3px -94px;
}

.ItemExportDatas {
    margin-bottom: 10px;
}

.ItemExportDatas .rlbTemplate {
    display: inline;
}

.ItemExportDatas.rlbItem.rlbSelected {
    background-color: #3C86B6;
}

.ItemExportDatas.rlbItem.rlbSelected .RadListBox_Text {
    color: #FFFFFF;
}

.ItemExportDatas .rlbCheck {
    vertical-align: inherit;
}

.RadListBox_Text {
    display: inline;
    font-size: 1.4em;
    color: #3C86B6;
}

.RadListBox_Description {
    display: block;
}

.RadDockZone {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

.RadDock {
    outline: none !important;
}

.RadDock .rdTitleBar em {
    margin: 10px !important;
    font-size: 1.55em !important;
    font-weight: normal !important;
    color: #394C5B !important;
    line-height: 30px !important;
}

.RadDock .rdTop .rdLeft,
.RadDock .rdTop .rdRight,
.RadDock .rdMiddle .rdLeft,
.RadDock .rdMiddle .rdRight,
.RadDock .rdBottom .rdLeft,
.RadDock .rdBottom .rdRight {
    width: 0 !important;
}

.RadDock .rdContent {
    font-family: "OpenSans", Verdana, Arial !important;
    font-size: 1em !important;
    line-height: initial !important;
    overflow: visible !important;
}

.RadDock .rdCenter .rdCommands a span {
    background-image: url("/Common/images/raddock.gif") !important;
}

.EditMode .RadDock {
    padding: 10px !important;
}

.EditMode .RadDockZone {
    border: 1px dashed !important;
    min-height: 150px !important;
    margin: 5px !important;
}

.webpart-setting .RadDockZone {
    margin: 0 !important;
    border: 0 !important;
}

.EditMode .syfWpContent {
    border: 1px solid #CFCFCF !important;
}

.EditMode .RadDock .rdTop .rdLeft,
.EditMode .RadDock .rdTop .rdRight,
.EditMode .RadDock .rdTop .rdCenter {
    background: #FFFFFF !important;
}

.SequencingActions {
    margin: 10px !important;
}

.SequencingActions .RadDock {
    padding: 10px !important;
    margin: 5px 0 !important;
    border: 1px solid #CFCFCF !important;
}

.SequencingActions .RadDock.rdCollapsed {
    height: auto !important;
}

.SequencingActions .RadDock .rdTitleBar em {
    margin: 0 5px !important;
    font-size: 1.2em !important;
}

.SequencingActions .RadDock .rdTop .rdLeft,
.SequencingActions .RadDock .rdTop .rdRight,
.SequencingActions .RadDock .rdTop .rdCenter,
.SequencingActions .RadDock .rdBottom .rdLeft,
.SequencingActions .RadDock .rdBottom .rdRight,
.SequencingActions .RadDock .rdBottom .rdCenter {
    background: #FFFFFF !important;
}

.RadWindow .rwTopLeft,
.RadWindow .rwTopRight,
.RadWindow .rwTitlebar,
.RadWindow .rwTopResize {
    background: #3C86B6;
}

.RadWindow .rwControlButtons a {
    background-color: #3C86B6;
    border-color: #CFCFCF;
}

.RadWindow-button {
    background: none !important;
    border: 0 !important;
    font-size: 20px !important;
    text-indent: 0 !important;
    color: #FFFFFF !important;
    padding-top: 10px !important;
    cursor: pointer !important;
}

.RadWindow-button span {
    display: none !important;
}

.RadWindow .rwTitleRow td,
.RadWindow .rwTitleRow .rwTopResize {
    background: #394C5B !important;
    color: #FFFFFF !important;
}

.RadWindow .rwTitleRow em {
    color: #FFFFFF !important;
}

.RadWindow .rwTitleRow .rwIcon {
    display: none;
}

.RadTreeView {
    color: #242424;
    font-size: 0.9em;
    max-width: 290px;
    word-break: break-word;
}

.CriteriaBuilder .RadTreeView {
    max-width: 100%;
}

.RadTreeView .rtUL .rtUL {
    padding-left: 10px;
}

.RadTreeView .rtHover .rtIn {
    border-color: #CFCFCF;
    color: #242424;
    background-color: #CFCFCF;
}

.RadTreeView .rtSelected .rtIn {
    border-color: #3C86B6;
    color: #FFFFFF;
    background-color: #3C86B6;
}

.RadTreeView .rtIn {
    white-space: normal;
    margin-left: 0;
    padding-left: 0;
}

.RadTreeView .resourceText {
    white-space: initial !important;
}

.ListTable div.headerCols {
    display: block;
    float: right;
}

.ListTable table {
    width: 100%;
}

.ListTable .RadTreeView .rtHover .rtIn {
    background: none;
}

.ListTable .RadTreeView .rtSelected .rtIn {
    background: none;
}

.ListTable .RadTreeView .rtIn {
    border: 0;
    white-space: normal;
    color: #242424 !important;
    width: 100%;
}

.RadTreeView::after, .RadTreeView ul::after, .RadTreeView li::after {
    display: inline !important;
}

.GroupDetailTable .RadTreeView {
    max-width: 100% !important;
}

.RadGrid .GroupDetailTable td {
    padding: 0 !important;
}

.ListTable .btn-playerPlan {
    display: inline-block;
    height: 18px;
}

.RadTreeView .TreeNodeColorDot {
    display: inline-block;
    width: 1em;
    height: 1em;
    border-radius: 1em;
    margin: 0 .5em -2px 0;
}

.RadEditor .syficon {
    background: none;
    font-size: 1.4em;
    color: #394C5B;
    font-weight: bold;
}

.RadAjax {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.RadAjax .raColor {
    background: #fff;
    z-index: 9;
}

.RadAjax .raTransp {
    opacity: 0.6;
    -moz-opacity: .6;
    -webkit-opacity: .6;
    filter: alpha(opacity=60);
    width: 100%;
    height: 100%;
}

.RadAjax .raDiv {
    background-image: none;
    z-index: 10;
}

.RadAjax-blob, .RadAjax-blob-small {
    width: 1.3rem;
    height: 1.3rem;
    background: #3C86B6;
    border-radius: 50%;
    position: absolute;
    left: calc(50% - 0.7rem);
    top: calc(50% - 0.7rem);
    animation-timing-function: ease-out;
}

.blob-0 {
    animation: animate-bounce 1s infinite;
    margin-left: -3rem;
}

.blob-1 {
    animation: animate-bounce 1s infinite;
    animation-delay: 0.16667s;
}

.blob-2 {
    animation: animate-bounce 1s infinite;
    margin-left: 3rem;
    animation-delay: 0.33333s;
}

@keyframes animate-bounce {
    0% {
        transform: translateY(0rem);
    }
    20% {
        transform: translateY(-1.3rem);
    }
    40% {
        transform: translateY(0rem);
    }
}

.RadAjax-blob-small {
    width: 0.6rem;
    height: 0.6rem;
    position: relative;
}

.blob-0-small {
    animation: animate-bounce-small 1s infinite;
    margin-left: 0;
    margin-top: 1.5rem;
    position: relative;
    display: inline-block;
}

.blob-1-small {
    animation: animate-bounce-small 1s infinite;
    margin-left: 0;
    margin-top: 1.5rem;
    animation-delay: 0.16667s;
    position: relative;
    display: inline-block;
}

.blob-2-small {
    animation: animate-bounce-small 1s infinite;
    margin-left: 0;
    margin-top: 1.5rem;
    animation-delay: 0.33333s;
    position: relative;
    display: inline-block;
}

@keyframes animate-bounce-small {
    0% {
        transform: translateY(0rem);
    }
    20% {
        transform: translateY(-0.6rem);
    }
    40% {
        transform: translateY(0rem);
    }
}

.RadWindow td.rwWindowContent.rwLoading,
.rwLoading {
    background-image: none !important;
}

#CssLoader {
    position: relative;
    top: 0;
}