@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/* Common */
:not(.RadEditor):not(.RadEditor *) .fa,
:not(.RadEditor):not(.RadEditor *) .far,
:not(.RadEditor):not(.RadEditor *) .fas {
    font-family: "Font Awesome 5 Free";
}

:not(.RadEditor):not(.RadEditor *) {
    font-family: Roboto, sans-serif;
    font-size: 13px;
    outline: none;
    line-height: 1.4;
}

div.windialog .dialogheader .title {
    text-shadow: unset;
    font-weight: 600;
    color: rgb(0, 21, 110);
}

div.windialog .dialogheader .button {
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'><path stroke='darkblue' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 9-6 6m0-6 6 6m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: 0px;
    padding-left: 0px;
    cursor: pointer;
}

div.windialog {
    box-shadow: none;
    border: 1px solid rgb(48, 80, 144);
}


.reTool .AmazonImage {
    background-position: -366px center;
}

.reTool .AmazonDocument {
    background-position: -185px center;
}

.reTool .AmazonMedia {
    background-position: -695px center;
}

body, html, form {
    padding: 0px;
    margin: 0px;
    height: 100%;
    max-height: calc(100vh - 32px);
    width: 100%;
    box-sizing: border-box;
}

label {
    color: rgb(51, 51, 51);
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    margin-right: 10px;
    padding: 0px !important;
    /* word-break: break-word; */
    white-space: normal;
}

img {
    max-width: 100%;
}

a:visited {
    color: rgb(104 4 9);
}

.aspNetDisable {
    opacity: 0.7 !important;
}

.yhy-append-wrap {
    display: none !important;
}

input#txt-search-module {
    background: rgb(210, 225, 244);
    border-radius: 0;
    outline: none !important;
}

select#drpModuleGroupFilter {
    display: inline-block;
    font-weight: normal;
    border-radius: 0;
    box-shadow: none;
    margin: 0px 6px 0px 0px !important;
    border: none;
    padding-right: 25px;
    border-bottom: 1px solid rgb(233, 241, 252);
    font-weight: 600;
}

input#expTheme_pb {
    display: none;
}

.reMode_selected > span {
    background-color: #ffe3a5;
    border-radius: 3px;
}

.module-container div.moduleItem {
    margin: 5px;
    /* outline: none !important; */
    border-radius: 3px;
    background: rgb(232 241 252 / 15%);
}

div.groupModule .groupText {
    color: #708090bf;
}

div#groupContainerPinned div.module-container div.moduleItem {
    outline: none !important;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.05);
    padding: 10px;
    width: unset;
}

div#groupContainerPinned div.moduleItem .itemText {
    text-align: left;
    white-space: nowrap;
}

div#groupContainerPinned img.pinimg {
    max-width: 20px;
    max-height: 20px;
    top: -5px;
}

div#groupContainerPinned {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

i[style="margin-left: 20px;font-size: 8pt;"] {
    display: block;
    margin-bottom: 5px;
    margin-top: 5px;
}

input[type="radio"] {
    margin: 0px 5px 0px 0px;
}

.ItemStyle .UserItem,
.SelectedStyle .UserItem {
    display: flex;
    align-items: center;
    gap: 5px;
}

table.Navigator .HoverItem img, table.Navigator .ActiveItem img {
    display: none;
}

table.Navigator .NormalItem {
    cursor: pointer;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='transparent' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M14.516 6.743c-.41-.368-.443-1-.077-1.41a.99.99 0 0 1 1.405-.078l5.487 4.948.007.006A2.047 2.047 0 0 1 22 11.721a2.06 2.06 0 0 1-.662 1.51l-5.584 5.09a.99.99 0 0 1-1.404-.07 1.003 1.003 0 0 1 .068-1.412l5.578-5.082a.05.05 0 0 0 .015-.036.051.051 0 0 0-.015-.036l-5.48-4.942Zm-6.543 9.199v-.42a4.168 4.168 0 0 0-2.715 2.415c-.154.382-.44.695-.806.88a1.683 1.683 0 0 1-2.167-.571 1.705 1.705 0 0 1-.279-1.092V15.88c0-3.77 2.526-7.039 5.967-7.573V7.57a1.957 1.957 0 0 1 .993-1.838 1.931 1.931 0 0 1 2.153.184l5.08 4.248a.646.646 0 0 1 .012.011l.011.01a2.098 2.098 0 0 1 .703 1.57 2.108 2.108 0 0 1-.726 1.59l-5.08 4.25a1.933 1.933 0 0 1-2.929-.614 1.957 1.957 0 0 1-.217-1.04Z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: center;
    transition: 100ms linear 50ms;
}

table.Navigator .HoverItem {
    border: none;
    border-left: none;
    border-radius: 3px;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.03);
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='00156e' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M14.516 6.743c-.41-.368-.443-1-.077-1.41a.99.99 0 0 1 1.405-.078l5.487 4.948.007.006A2.047 2.047 0 0 1 22 11.721a2.06 2.06 0 0 1-.662 1.51l-5.584 5.09a.99.99 0 0 1-1.404-.07 1.003 1.003 0 0 1 .068-1.412l5.578-5.082a.05.05 0 0 0 .015-.036.051.051 0 0 0-.015-.036l-5.48-4.942Zm-6.543 9.199v-.42a4.168 4.168 0 0 0-2.715 2.415c-.154.382-.44.695-.806.88a1.683 1.683 0 0 1-2.167-.571 1.705 1.705 0 0 1-.279-1.092V15.88c0-3.77 2.526-7.039 5.967-7.573V7.57a1.957 1.957 0 0 1 .993-1.838 1.931 1.931 0 0 1 2.153.184l5.08 4.248a.646.646 0 0 1 .012.011l.011.01a2.098 2.098 0 0 1 .703 1.57 2.108 2.108 0 0 1-.726 1.59l-5.08 4.25a1.933 1.933 0 0 1-2.929-.614 1.957 1.957 0 0 1-.217-1.04Z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: center;
    padding-left: 32px;
    transition: 100ms linear 50ms;
}

table.Navigator .ActiveItem {
    border: none;
    border-left: none;
    border-radius: 3px;
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.03);
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='00156e' viewBox='0 0 24 24'><path fill-rule='evenodd' d='M14.516 6.743c-.41-.368-.443-1-.077-1.41a.99.99 0 0 1 1.405-.078l5.487 4.948.007.006A2.047 2.047 0 0 1 22 11.721a2.06 2.06 0 0 1-.662 1.51l-5.584 5.09a.99.99 0 0 1-1.404-.07 1.003 1.003 0 0 1 .068-1.412l5.578-5.082a.05.05 0 0 0 .015-.036.051.051 0 0 0-.015-.036l-5.48-4.942Zm-6.543 9.199v-.42a4.168 4.168 0 0 0-2.715 2.415c-.154.382-.44.695-.806.88a1.683 1.683 0 0 1-2.167-.571 1.705 1.705 0 0 1-.279-1.092V15.88c0-3.77 2.526-7.039 5.967-7.573V7.57a1.957 1.957 0 0 1 .993-1.838 1.931 1.931 0 0 1 2.153.184l5.08 4.248a.646.646 0 0 1 .012.011l.011.01a2.098 2.098 0 0 1 .703 1.57 2.108 2.108 0 0 1-.726 1.59l-5.08 4.25a1.933 1.933 0 0 1-2.929-.614 1.957 1.957 0 0 1-.217-1.04Z' clip-rule='evenodd'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: center;
    padding-left: 32px;
    transition: 100ms linear 50ms;
}

td#Content > div {
    height: auto !important;
    overflow: visible !important;
}

td#Content {
    vertical-align: top;
}

div#TreePanel {
    top: 36px !important;
}

div#grvThemeApply {
    width: 100% !important;
}


table#rdMobilePage td {
    padding: 1px 5px;
    display: flex;
    align-items: center;
}

table#rdMobilePage {
    width: 100%;
}

td.UserNormal *,
td.UserSelected * {
    color: rgb(51, 51, 51) !important;
}

td.UserNormal a:hover {
    background-color: rgb(255, 227, 165);
}

td.UserNormal,
td.UserSelected {
    padding: 2px 5px;
    display: flex;
    align-items: center;
}

#dlsUIP td {
    padding: 5px !important;
}

#dlsUIP a {
    font-weight: bold !important;
    padding: 5px !important;
}


#portal-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.03);
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

#portal-loading-content {
    color: rgb(0, 0, 128);
    display: inline-block;
    padding: 25px;
    background-color: rgb(255, 255, 255);
    box-shadow: silver 0px 1px 8px;
    border-radius: 3px;
    font: 13px Roboto, sans-serif !important;
}

.ItemNormal .ItemLink,
.LayoutNormal .LayoutName {
    text-decoration: none;
    color: rgb(51, 51, 51);
    display: inline-block;
    font: 13px Roboto, sans-serif !important;
    padding: 5px 5px 5px 8px !important;
}

.ItemSelected .ItemLink,
.LayoutSelected .LayoutName {
    text-decoration: none;
    display: inline-block;
    font: bold 13px Roboto, sans-serif !important;
    background-color: rgb(255, 227, 165) !important;
    color: rgb(51, 51, 51) !important;
    padding: 5px 5px 5px 8px !important;
}

.ItemNormal,
.ItemSelected {
    padding: 0px !important;
}

.UserSelected .FullName {
    text-decoration: none;
    color: rgb(51, 51, 51);
    display: inline-block;
    font: bold 13px Roboto, sans-serif !important;
    background-color: rgb(255, 227, 165) !important;
    padding: 5px 5px 5px 8px !important;
}

.UserNormal .FullName {
    text-decoration: none;
    color: rgb(51, 51, 51);
    display: inline-block;
    font: 13px Roboto, sans-serif !important;
    padding: 5px 5px 5px 8px !important;
}

a#lnkLogout {
    border: none;
}

span#lblPortalName {
    font-weight: 600;
    font-size: 12px !important;
    /* background: #ffffff47; */
    padding: 8px 10px;
    border-radius: 3px;
    color: #00156e;
}

span#lblUserName {
    font-weight: 600;
    font-size: 12px !important;
    background: #ffffff47;
    padding: 8px 10px;
    border-radius: 3px;
    color: rgb(0, 21, 110);
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 24 24'><path stroke='darkblue' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0 0a8.949 8.949 0 0 0 4.951-1.488A3.987 3.987 0 0 0 13 16h-2a3.987 3.987 0 0 0-3.951 3.512A8.948 8.948 0 0 0 12 21Zm3-11a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 9px;
    background-position-y: 9px;
    padding-left: 30px;
}

td.header-td {
    background: rgb(139, 183, 240) !important;
    border-bottom: 1px solid rgb(0 21 110 / 8%);
}

td.MainFormBanner.info-td-child div {
    padding: 2px;
    color: rgb(51, 51, 51);
}

td.MainFormBanner.info-td-child {
    padding: 3px 30px 3px 10px;
    display: inline-block;
    border-radius: 2px;
    position: relative;
}

td.button-td-child a {
    padding: 5px 5px;
    color: rgb(0, 0, 0);
    display: inline-block;
    font-weight: normal;
    border-radius: 3px;
    margin: 0px 5px 0px 0px !important;
    white-space: nowrap;
}

td.button-td-child {
    text-align: right;
    width: auto !important;
}

.FormHeader * {
    line-height: 32px !important;
}

.FormHeader {
    background: rgb(209, 231, 253);
    color: rgb(51, 51, 51);
    cursor: pointer;
    font-weight: 600;
    line-height: 32px !important;
    height: 32px !important;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'><path stroke='currentColor' stroke-linecap='round' stroke-width='2' d='M9 8h10M9 12h10M9 16h10M4.99 8H5m-.02 4h.01m0 4H5'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
    padding-left: 30px;
    z-index: 2;
    width: 100%;
    box-sizing: border-box;
}

form#form1[action="./ModuleList.aspx"] .FormHeader {
    position: fixed;
    top: 0;
}

form#form1[action="./ModuleList.aspx"] > .aspNetHidden {
    height: 16px;
}

span#lblHeader {
    height: 100%;
    display: flex;
    align-items: center;
}

a {
    color: rgb(0, 21, 110);
    font-size: 13px;
}

.BoxSeparate {
    border-bottom: none;
    border-top: none;
}

.BoxHeader * {
    font-weight: 600;
    line-height: 32px !important;
    font-size: 8pt !important;
}

.BoxHeader {
    vertical-align: middle;
    font-weight: 600;
    text-transform: uppercase;
    background: rgb(255, 255, 255) !important;
    height: 32px !important;
    color: rgb(117, 117, 117) !important;
    line-height: 32px !important;
    text-align: left !important;
    padding-left: 10px !important;
    font-size: 8pt !important;
}

.divInfo {
    padding: 8px;
    color: red;
    border: 1px solid rgb(246, 137, 40);
    background-color: rgb(255, 232, 166);
    height: auto;
    font: 13px Roboto, sans-serif !important;
}

.ConfirmContainer,
.DialogContainer {
    background-color: rgb(228, 239, 255);
    display: inline-block;
    border: 1px solid rgb(142, 142, 142);
}

.ConfirmBottom {
    margin: 6px;
    text-align: right;
}

.DialogBottom img {
    margin-left: 8px;
    margin-right: 4px;
    cursor: pointer;
}

.DialogBottom {
    padding: 4px;
    text-align: right;
    height: 18px;
}

.DialogContent > iframe {
    width: 100% !important;
}

.DialogContent {
    text-align: center;
    vertical-align: middle;
    display: block;
    padding: 0px !important;
}

.ConfirmBottom img {
    margin-left: 8px;
    margin-right: 4px;
    cursor: pointer;
}

.DialogTitle img {
    margin-top: 6px;
    width: 22px !important;
    height: 22px !important;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'><path stroke='darkblue' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m15 9-6 6m0-6 6 6m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/></svg>");
    background-repeat: no-repeat;
    background-position-x: -2px;
    background-position-y: -2px;
    padding-left: 25px;
    cursor: pointer !important;
    margin-right: -30px;
    display: block;
}

.ConfirmTitle,
.DialogTitle {
    white-space: normal;
    height: 33px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid white;
    line-height: 33px !important;
    color: rgb(0, 21, 110);
    font-weight: 600;
    /* text-shadow: rgb(33, 150, 243) 0px 0px 3px; */
    background: #8bb7f0 !important;
}

.ConfirmContent {
    padding: 26px 8px 6px 70px;
    height: 70px;
    background: url("/Images/Question.png") 12px center no-repeat;
    vertical-align: top;
    font: 13px Roboto, sans-serif !important;
}

.DialogBox {
    background-color: rgb(255, 255, 255);
    border-radius: 3px;
    overflow: hidden;
    /* box-shadow: rgb(0, 120, 212) 0px 0px 3px; */
    border: 1px solid rgb(0, 21, 110);
}

.GrayImage {
    filter: grayscale(1);
    opacity: 0.3;
}

.MainFormBanner div {
    padding: 4px;
}

.MainFormBanner {
    color: rgb(51, 51, 51);
}

input[type="text"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="tel"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="tel"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:hover, textarea:focus {
    outline: rgb(48, 80, 144) solid 1px !important;
    border-color: transparent;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="tel"],
input[type="email"],
input[type="number"],
button {
    border-radius: 3px;
    border: 1px solid silver;
    padding: 4px 10px;
    box-sizing: border-box;
    transition: all 300ms ease 0s;
}

input[type="submit"]:hover {
    background: rgb(255, 227, 165);
}

input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

input[type="submit"] {
    height: 25px;
    border: none;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.08);
    color: rgb(51, 51, 51);
    cursor: pointer;
    padding: 0px 15px;
    line-height: 25px;
    box-sizing: border-box;
    margin-right: 5px;
    font-weight: bold !important;
}


input[type="file"]::before {
    content: "Chọn file";
    color: white;
    display: inline-block;
    background: rgb(0, 120, 212);
    border-radius: 2px;
    padding: 4px 10px;
    outline: none;
    white-space: nowrap;
    user-select: none;
    cursor: pointer;
}

input[type="file"]:active {
    outline: 0px;
}

select {
    border-radius: 3px;
    border: 1px solid silver;
    box-sizing: border-box;
    font-weight: 600;
    color: rgb(51, 51, 51);
    padding: 4px 10px;
    height: auto !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10 4 4 4-4'/></svg>");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    padding-right: 25px;
    cursor: pointer;
}


textarea {
    border-radius: 3px;
    border: 1px solid silver;
    padding: 5px 10px;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
}

fieldset legend {
    font-weight: 600;
    color: rgb(51, 51, 51);
}

fieldset {
    border-radius: 3px;
    border: 1px solid silver;
    box-sizing: border-box;
    margin-top: 5px !important;
}

input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
}

input[type="file"]::before {
    content: "Chọn file";
    color: rgb(51, 51, 51);
    display: inline-block;
    background: rgba(0, 0, 0, 0.08);
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    user-select: none;
    cursor: pointer;
    border-radius: 3px;
    font-weight: 600;
    margin: 5px 3px;
}

input[type="file"]:active {
    outline: 0px;
}

img[src=""]::after {
    content: "";
    width: 100%;
    height: 100%;
    background: whitesmoke;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    left: 0px;
    font-weight: 600;
}

img[src=""] {
    position: relative;
    border: 1px solid silver;
    border-radius: 2px;
    min-width: 20px;
    min-height: 20px;
    display: inline-block;
}

input[type="checkbox"]:has(+label),
input[type="radio"]:has(+label) {
    /* float: left; */
    margin-right: 6px;
    margin-top: 2px;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    /* display: block; */
    /* white-space: nowrap; */
}


input[type="radio"]:checked::after,
input[type="checkbox"]:checked::after {
    content: "✔";
    font-size: 13px;
    position: absolute;
    top: -3px;
    left: 2px;
    color: rgb(0, 21, 110);
    outline: none;
}

input[type="radio"]:checked,
input[type="checkbox"]:checked {
    outline: none;
    border: none;
    background-color: transparent !important;
}

input[type="radio"],
input[type="checkbox"] {
    appearance: none;
    border-radius: 2px;
    position: relative;
    outline: none;
    border: 1px solid rgb(0, 21, 110);
    width: 13px !important;
    height: 13px !important;
    margin-bottom: -2px !important;
}

div[style="position: absolute; border:0px none; top: 26px; right: 0px; bottom: 0px; left: 0px; padding:0px; margin:0px; overflow: auto;"] {
    top: 36px !important;
}

div[style="bottom: 0; display: block; left: 0px; overflow: auto; position: absolute; right: 0; top: 59px;"] {
    top: 70px !important;
}

div[style="position: absolute; top: 25px; left: 0px; bottom: 0px; right: 0px; width: 380px;"] {
    top: 36px !important;
}

div[style="overflow: auto; position: absolute; top: 25px; left: 387px; bottom: 0px; right: 0px; display: inline-block;"] {
    top: 36px !important;
}

div[style="position: absolute; top: 24px; left: 0px; right: 0px; bottom: 0px; overflow: auto"] {
    top: 36px !important;
}

div[style="width:100%;position:fixed;top:28px;left:0;z-index:9000;"] {
    top: 32px !important;
    z-index: 2 !important;
}

div[style="position: absolute; top: 25px; left: 0px; right: 0px; bottom: 0px; overflow: scroll"] {
    top: 36px !important;
}

div[style="height: 180px; padding-bottom:6px; position:absolute; top:26px; left:0px; right:0px; border-left:0px; border-right:0px;"] {
    top: 36px !important;
}

div[style="position: absolute; top: 25px; right: 0px; bottom: 0px; left: 0px; overflow: auto"] {
    top: 36px !important;
}

center {
    line-height: 25px;
}

div[style="border-bottom: none; border-right: none; bottom: 0px; left: 255px; position: absolute; right: 0px; top: 27px;"] {
    top: 36px !important;
}

div[style="border-bottom: none; border-left: none; bottom: 0px; left: 0px; position: absolute; top: 27px; width: 250px;"] {
    top: 36px !important;
}

div[style="position: absolute; top: 24px; left: 0px; right: 0px; bottom: 0px;"] {
    top: 36px !important;
}

div[style="padding: 0px 4px 4px 4px; height: 35px; background-color: #d1e7fd;"] {
    background: white !important;
}

div[style="border-bottom: none; border-left: none; bottom: 0px; left: 0px; min-height: 400px; position: absolute; top: 27px; width: 280px;"] {
    top: 36px !important;
}

div[style="border-bottom: none; border-right: none; bottom: 0px; left: 290px; min-height: 400px; position: absolute; right: 0px; top: 27px;"] {
    top: 36px !important;
}

div[style="position: absolute; top: 24px; right: 0px; bottom: 0px; left: 0px;"] {
    top: 36px !important;
}

div[style="bottom: 0px; left: 0px; position: absolute; top: 28px; width: 260px;"] {
    top: 36px !important;
}

div[style="border-bottom: none; border-top: none; bottom: 0px; left: 265px; position: absolute; right: 0px; top: 28px;"] {
    top: 36px !important;
}

div[style="position:absolute; top:56px; right:0px; bottom:0px; left:0px; overflow:auto;"] {
    top: 65px !important;
}

div[style="bottom: 0px; left: 0px; position: absolute; top: 28px; width: 220px;"] {
    top: 36px !important;
}

div[style="border-bottom: none; border-top: none; bottom: 0px; left: 228px; position: absolute; right: 0px; top: 28px;"] {
    top: 36px !important;
}

div[style="bottom: 0px; left: 228px; overflow: auto; position: absolute; right: 0px; top: 93px;"] {
    top: 96px !important;
}

.afMain {
    top: 68px !important;
}

div[style="position: absolute; top: 26px; left: 0px; width: 100%; bottom: 0px;border-right:1px solid #5d8cc9;"] {
    top: 36px !important;
    border-right: none !important;
}

div[style="position:absolute;top:26px; left:0;right:0;width:250px;bottom:0;overflow:auto;border-right: solid 1px #88B0E4;"] {
    top: 36px !important;
    border-right: none !important;
}

div[style="position:absolute;top:26px;bottom:0;left:256px;right:0;border-left: solid 1px #88B0E4;"] {
    top: 36px !important;
    border-left: none !important;
}

div[style="position: absolute; top: 26px; left: 0px; width: 280px; bottom: 0px;border-right:1px solid #5d8cc9"] {
    top: 36px !important;
    border-right: none !important;
}

div[style="position: absolute; top: 26px; right: 0px; left: 287px; bottom: 0px;border-left:1px solid #5d8cc9"] {
    top: 36px !important;
    border-left: none !important;
}

div[style="position: absolute; top: 25px; left: 0px; right: 0px; bottom:0; border-top: solid 1px #5d8cc9; padding: 4px; overflow: auto"] {
    top: 36px !important;
    border-top: none !important;
}

div[style="position: absolute; top: 0; left: 0px; right: 0px; height:200px; border-top: solid 1px #5d8cc9; padding: 4px; overflow: auto"] {
    border-top: none !important;
}

div[style="position: absolute; top: 26px; right: 0px; left: 0; bottom: 0;overflow:hidden"] {
    top: 36px !important;
}

div[style="position:absolute;top:26px;bottom:0;left:0;right:0"] {
    top: 36px !important;
}

div[style="position: absolute; top: 90px; right: 0px; bottom: 0px; left: 0px;"] {
    top: 100px !important;
}

div[style="border-bottom: none; border-left: 1px solid #E3EFFF; bottom: 0px; left: 0px; min-height: 400px; position: absolute; top: 27px; width: 280px;"] {
    top: 36px !important;
}

div[style="border-bottom: none; border-right: none; bottom: 0px; left: 285px; position: absolute; right: 0px; top: 27px; height: auto; display: block; overflow-y: auto; overflow-x: hidden"] {
    top: 36px !important;
}

div[style="bottom: 0px; left: 0px; overflow: scroll; position: absolute; right: 0px; top: 57px;"] {
    top: 65px !important;
}

div[style="bottom: 0px; left: 0px; overflow: scroll; position: absolute; right: 0px; top: 25px;"] {
    top: 36px !important;
}

div[style="bottom: 0px; left: 0px; overflow: scroll; position: absolute; right: 0px; top: 24px;"] {
    top: 36px !important;
}

div[style="position: absolute; top: 26px; left: 0px; width: 240px; bottom: 0px;border-right:1px solid #5d8cc9"] {
    top: 36px !important;
    border-right: none !important;
}

div[style="position: absolute; top: 26px; right: 0px; left: 247px; bottom: 0px;border-left:1px solid #5d8cc9"] {
    top: 36px !important;
    border-left: none !important;
}

.EditArticleControl .TreeView .TreePanel {
    top: 36px !important;
}

ul.reToolbar li span:hover {
    background-color: rgb(255, 155, 53);
    cursor: pointer;
}

a[title="Redo"] span.split_arrow,
a[title="Undo"] span.split_arrow {
    display: none;
}

a[title="Redo"],
a[title="Undo"] {
    width: auto !important;
}

div[style="max-height: calc(100vh - 40px); height: calc(100vh - 40px); overflow-y: auto; margin-top: 10px;"] {
    margin-top: 8px !important;
}

.AIConversationList > table > tbody > tr td {
    padding: 0px;
}

div[style="position:absolute;top:27px;left:25.5%;right:0;bottom:0;overflow:hidden;border-left:1px solid #5d8cc9"],
div[style="position:absolute;top:26px;left:0;width:25%;bottom:0;overflow:hidden;border-right:1px solid #5d8cc9"],
div[style="position: absolute; top: 25px; left: 0px; right: 0px; bottom: 0; border-top: solid 1px #5d8cc9; padding: 4px; overflow: auto"],
div[style="position: absolute; border: 0px none; top: 26px; right: 0px; bottom: 0px; left: 0px; padding: 0px; margin: 0px; overflow: auto;"],
div[style="position: absolute; top: 26px; left: 0px; width: 280px; bottom: 0px; border-right: 1px solid #5d8cc9"],
div[style="position: absolute; top: 26px; right: 0px; left: 287px; bottom: 0px; border-left: 1px solid #5d8cc9"],
div[style="border-bottom: none; border-right: none; bottom: 0px; left: 0px; position: absolute; right: 0px; top: 27px;"] {
    top: 36px !important;
    border-left: 0px !important;
    border-right: 0px !important;
}

div[style="border: 1px solid #c0c0c0; bottom: 0px; left: 0px; overflow: auto; position: absolute; right: 0px; top: 58px;"] {
    top: 65px !important;
}

div[style="position: absolute; top: 27px; right: 0px; bottom: 0px; left: 0px; overflow: hidden;"] {
    top: 36px !important;
}

div[style="overflow-x:auto;overflow-y:auto;width:100%;height:300px;"] {
    top: 115px !important;
}

div#grvEventLog_GridHeader {
    padding-right: 0px !important;
}

@media only screen and (min-width: 769px) {
    ::-webkit-scrollbar-thumb:hover {
        background: rgb(85, 85, 85);
    }

    ::-webkit-scrollbar {
        width: 4px;
        height: 4px;
    }

    ::-webkit-scrollbar-track {
        background: rgb(240, 240, 240);
    }

    ::-webkit-scrollbar-thumb {
        background: rgb(204, 204, 204);
    }
}

@media only screen and (max-width: 300px) {
    td.button-td-child > div, td.button-td-child {
        justify-content: flex-start !important;
    }

    input[type="checkbox"] + label,
    input[type="radio"] + label {
        display: block;
        white-space: normal;
    }

    /*    .Box td[style*="width:"], .Box td[style*="width:"] + td {
        width: auto !important;
        display: block;
    }

    .Box td[style*="width:"] {
        width: auto !important;
        word-wrap: break-word;
        white-space: normal;
    }*/

    .RadPicker {
        min-width: 100%;
    }
}


/*Sửa để position fixed của FormHeader không che nữa*/
@media only screen and (max-width: 768px) {
    .FormHeader.Box {
        display: table-cell;
    }

    .FormHeader {
        min-width: 100vw;
    }

    .FormFilter > div > span {
        white-space: nowrap;
    }

    .PermissionGroupControl > table > tbody > tr > td > table > tbody > tr > td {
        display: block;
        max-width: 100%;
        min-width: 100%;
    }

    .PermissionGroupControl > table {
        max-width: 100vw;
        box-sizing: border-box;
    }

    .PermissionGroupControl {
        max-width: 100vw;
        overflow: auto;
    }

    .RadTreeView .rtLines .rtLI label > span {
        flex: 1;
    }

    .RadTreeView .rtLines .rtLI label {
        display: flex;
        align-items: center;
    }

    #EditArticleControl .TreeView .TreePanel .RadTreeView {
        max-height: unset !important;
    }

    div#UnionContainer .RadTreeView {
        max-height: unset !important;
    }

    .RadComboBox {
        min-width: 100%;
    }

    .RadPicker {
        min-width: 100%;
    }

    table[width="300px"] {
        min-width: 100%;
    }

    div[style="padding: 10px; width: 45%; flex-grow: 1"] {
        min-width: 100%;
    }

    div[style="overflow: auto; height: 100%; width: 250px; display: inline-block;"] {
        min-width: 100%;
    }

    div[style="overflow: auto; width: 280px; height: 100%"] {
        min-width: 100%;
    }

    div[style="overflow: auto; width: 300px; height: calc(100vh - 64px)"] {
        min-width: 100%;
    }

    div[style="width: 280px; overflow: auto; display: inline-block; height: calc(100vh - 72px)"] {
        min-width: 100%;
    }

    .RadComboBoxDropDown .RadTreeView {
        max-height: unset !important;
    }

    .weekyear .lbl2 {
        margin: 0;
        margin-top: 5px;
    }

    .weekyear {
        flex-wrap: wrap;
    }

    .RadFileExplorer {
        min-width: 100%;
    }

    div#expTheme_splitter {
        min-width: 100%;
    }

    div#RAD_SPLITTER_PANE_CONTENT_expTheme_paneTree {
        min-width: 100%;
    }

    table#RAD_SPLITTER_expTheme_splitter {
        min-width: 100%;
    }

    .RadGrid td.rgPagerCell {
        border-bottom: none !important;
    }

    .RadPicker {
        /* min-width: 100%; */
    }

    .RadComboBox {
        min-width: 100px;
    }

    .RadGrid .rgDataDiv {
        height: auto !important;
    }

    .CodeMirror-sizer {
        max-width: calc(100vw - 50px) !important;
        min-width: calc(100vw - 50px) !important;
    }

    img#siteUpdate_fvSite_imgDeleteGroupSite {
        position: absolute;
        right: 5px;
    }

    /*.Box td[style*="padding-left: 16px"] {
        padding-left: 10px !important;
        padding-top: 10px;
    }*/

    input#fvUser_txtPassword {
        min-width: 100%;
    }

    div#fvUser_txtBirthDate_wrapper {
        min-width: 100%;
    }

    span#txtSearchDeparment_wrapper {
        position: static !important;
        margin-left: -5px;
    }

    div#trvDepartment {
        min-width: 100vw;
        margin-top: 45px;
    }

    div#upnUser span[style="color: red"] {
        display: none;
    }

    img[src="/admin/Images/delete.png"] {
        position: absolute;
        right: 5px;
    }

    select#fvUIP_drMobilePage {
        display: none;
    }

    .RadToolBar {
        max-width: 100vw;
    }

    .RadToolBar_Horizontal .rtbUL {
        /*flex-wrap:nowrap;
      width: 97VW;*/
        display: flex !important;
        overflow: auto;
        flex-wrap: nowrap;
    }

    span#txtSearch_wrapper {
        position: static !important;
        box-sizing: border-box;
    }

    /*.Box td[style*="width: 300px"] {
        min-width: 100%;
    }

    .Box > table > tbody > tr,
    .Box > tbody > tr > td > table > tbody > tr {*/
    /* display: flex; */
    /* flex-direction: column; */
    /* min-width: 100%; */
    /* max-width: 100vw; */
    /*}*/

    /*.Box * {
        box-sizing: border-box;
    }*/

    /*.RadTreeView {
        padding: 10px;
        border-bottom: 1px solid #dce2eb;
        margin-bottom: 20px;
        max-height: 45vw !important;
        max-width: 100vw;
        min-width: 100%;
        overflow: auto;
        background: #fafafa;*/
    /* border: 1px solid #c0c0c0; */
    /*border-radius: 3px;
        min-width: 100%;
    }*/

    /* RadNumericTextBox */
    .riSingle.RadInput {
        width: 100% !important;
    }

    input[type="text"] {
        width: 100% !important;
    }

    input[type="radio"], input[type="checkbox"] {
        display: inline;
    }

    label {
        display: inline;
        /* word-break: break-word; */
        white-space: normal;
    }

    .RadGrid .rgHeaderDiv {
        overflow: auto !important;
    }

    .RadGrid {
        /*width: 100vw !important;*/
        overflow: auto;
    }

    .ToolPanel {
        float: left;
    }

    html > body > #form1 > table.Box > tbody > tr:nth-child(2) > td > table > tbody > tr > td:nth-child(1) {
    }

    .RadComboBox {
        /* max-width: 50vw !important; */
        /* min-width: 100%; */
    }

    .RadTreeList .rtlTable.rtlLines > thead tr.rtlHeader > th:first-child {
        width: 150px !important;
    }

    .RadTreeList .rtlTable.rtlLines > thead tr.rtlHeader > th:nth-child(2) {
        width: 30px;
    }

    .RadTreeList .rtlTable {
        table-layout: unset !important;
    }

    .btnEmail {
        display: inline-block;
        text-align: center;
        border: none;
        font-weight: 600;
        cursor: pointer;
    }

    .lblEmail {
        margin-left: 0 !important;
    }

    /*.Box td[style*="width:"] > *[width], .Box td[style*="width:"] > *[style*="width:"] {*/
    /* min-width: 100%; */
    /* width: 100%; */
    /* max-width: 100%; */
    /*}

    .Box td[style*="width:"] *[style*="height: calc"],
    .Box td[style*="width:"] *[style*="width:"],
    .Box td[style*="width:"] *[width] {*/
    /* max-height: 45vw; */
    /*height: auto !important;
        overflow: auto;*/
    /* min-width: 100%; */
    /*}*/

    /*.Box *[style*="min-width:"] {
        min-width: unset !important;
    }

    .Box:not(:has(.RadGrid)) td[style*="width:"],
    .Box:not(:has(.RadGrid)) td[style*="width:"] ~ td {*/
    /* width: 99% !important; */
    /*display: block;
    }

    .Box td[style*="width:"] {
        color: #616161;
        width: 99% !important;
    }*/


    input#txtSearchCategory {
        margin: 5px 0px !important;
    }

    /*.Box *[style*="position: absolute"], .Box + *[style*="position: absolute"] {
        position: static !important;
        height: auto !important;
        min-height: unset !important;
        min-width: 100%;
        border: none !important;
    }

    .Box[style*="position: absolute"] {
        position: static !important;
        min-width: 100%;
    }
*/
    .ThemeView {
        position: static !important;
    }
}

@media only screen and (max-width: 1023px) {
	.ListArticleControl.vnp .col-2 {
		display: none;
	}

    .FormBody {
        flex-wrap: nowrap !important;
        max-width: 100%;
        overflow: auto;
    }

    .statisticCondition {
        max-width: 100vw;
        overflow: auto;
    }

    div#grvEventLog_GridData {
        position: static !important;
    }

    colgroup > col {
        min-width: 100px;
    }

        colgroup > col:not([style]) {
            width: 200px;
            min-width: 200px;
        }

    .RadGrid td.rgPagerCell {
        display: inline-flex;
        align-items: center;
        overflow: auto;
        max-width: 100vw;
    }

    .DialogBox {
        max-width: 90vw;
        max-height: 90vw;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        position: fixed !important;
    }

    #NavigationBar1 .NavHeader {
        color: transparent;
        padding: 0px !important;
    }

    #NavigationBar1 .NavItems {
        padding-left: 0px;
        padding-right: 0px;
        width: 50px !important;
    }

    #NavigationBar1 .ItemContainer {
        width: 100% !important;
        box-sizing: border-box;
    }

    #NavigationBar1 .ItemText {
        display: none;
    }

    #NavigationBar1 {
        width: 50px !important;
    }

    div#groupContainerPinned {
        display: flex;
        align-items: flex-start;
        overflow: auto;
        max-width: calc(100vw - 35px);
        flex-wrap: nowrap;
    }

    .HoverGroup img,
    .NormalGroup img,
    .ActiveGroup img {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block !important;
        position: absolute !important;
        width: 15px !important;
        height: 15px !important;
        padding: 0px !important;
    }

    .HoverGroup,
    .NormalGroup,
    .ActiveGroup {
        position: relative;
        color: transparent;
        text-align: center !important;
        display: block !important;
        width: 50px !important;
        height: 28px !important;
        padding: 0px !important;
    }

    .MainFormBanner {
        padding: 0px 10px !important;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) > a {
        text-decoration: none;
        background: white;
        padding: 5px 10px;
        border-radius: 3px;
        box-shadow: rgb(51, 102, 153) 0px 0px 3px;
        margin: 3px;
        color: rgb(51, 102, 153) !important;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) > a,
    #NavigationBar1 *,
    .MainFormBanner *,
    .groupContainer * {
        text-align: center;
        font-weight: bold !important;
    }

    td.content-td > table > tbody > tr > td:nth-child(1) {
        max-width: 50px;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(2) {
        padding: 10px 5px 10px 5px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        width: auto !important;
        max-width: 100vw;
        overflow-y: auto;
    }

    html > body > #form1 > table > tbody > tr:nth-child(1) > td > table > tbody > tr {
        display: flex;
        flex-direction: column;
    }

    input#txt-search-module {
        display: none;
    }

    .windialog .container {
        height: 100%;
    }

    .windialog iframe {
        height: calc(100% - 32px) !important;
        width: 100% !important;
        min-height: 100vh;
    }

    .windialog {
        width: 100vw;
        height: 100vh;
        top: 0px !important;
        left: 0px !important;
        min-height: 100vh;
    }

    .NavGroups * {
        color: transparent !important;
    }

    .NavGroups {
        padding-bottom: 10px;
    }

    .module-container {
        flex-grow: 1;
        display: flex !important;
    }

    .moduleItem {
        margin: 5px;
        flex-grow: 1;
    }

    .groupContainer {
        flex-wrap: wrap;
        display: flex !important;
    }

    .imgAvatar {
        display: none;
    }

    .vnp * {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        align-items: baseline;
        width: auto !important;
        /* position: relative; */
    }

    .vnp {
        padding-bottom: 30px;
    }

    .vnp__table > .rgDataDiv {
        overflow: unset !important;
    }

    .vnp .RadGrid {
        height: fit-content !important;
    }

    .vnp .rgDataDiv {
        height: fit-content !important;
    }

    .vnp__table th {
        display: none !important;
    }

    .vnp__table td {
        height: auto !important;
    }

    .vnp__table tr {
        border-bottom: 1px dashed rgb(228, 228, 228);
        min-width: 100%;
    }

    .vnp__table tfoot {
        display: table-footer-group !important;
    }

    .vnp__table .rgMasterTable {
        display: table !important;
    }

    .vnp__table .rgWrap {
        padding: 5px 0px !important;
    }

    .vnp__table,
    .vnp__table table {
        width: 100% !important;
    }

    .vnp__table--block td {
        display: block;
    }

    .vnp--static {
        position: static !important;
    }

    .vnp__tree {
        height: auto !important;
        overflow: auto !important;
    }

    .vnp--none {
        display: none !important;
    }

    .vnp--hide {
        display: none;
    }

    .vnp--block {
        padding: 3px;
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !important;
        flex-grow: 1;
    }

    .vnp--grow {
        flex-grow: 1;
        width: 50% !important;
    }

    .vnp--flex-1 {
        flex: 1 1 0%;
    }

    .vnp--bold {
        font-weight: 600;
    }

    .vnp--italic {
        font-style: italic;
    }

    .vnp--min-width-auto {
        min-width: 0px !important;
    }

    .vnp .RadComboBox > table,
    .vnp .RadComboBox > table > tbody,
    .vnp .RadComboBox > table > tbody > tr {
        width: 100% !important;
    }

    .vnp .RadComboBox .rcbReadOnly > td:nth-child(1) {
        flex-grow: 1;
        width: 50% !important;
    }

    .vnp .RadComboBox .rcbReadOnly {
        align-items: center;
        display: flex !important;
        flex-wrap: nowrap;
    }

    .vnp .RadInput > input {
        width: 100% !important;
    }

    .vnp.ListArticleControl .RadInput {
        width: 100% !important;
    }

    .vnp .RadGrid td.rgPagerCell.NextPrevAndNumeric {
        gap: 5px;
        flex-wrap: nowrap;
        max-width: calc(100vw - 20px);
        overflow: auto;
        border: none !important;
    }

    .vnp .RadGrid .rgWrap.rgAdvPart {
        display: none;
    }

    .vnp .RadGrid .rgWrap.rgInfoPart {
        display: none;
    }

    .vnp .RadGrid .rgPager > td {
        flex: 1;
    }

    .vnp__nav {
        background: white;
        border: 1px solid rgb(221, 221, 221);
        z-index: 9998;
        overflow: auto;
        position: fixed !important;
        top: 0px !important;
        right: 0px !important;
    }

    .vnp__nav__child {
        position: fixed;
        top: 5px;
        content: "☰";
        right: 5px;
        font-weight: 600;
        font-size: 25px;
        color: rgb(0, 150, 136);
        width: 30px;
        height: 30px;
        background: rgb(235, 235, 235);
        align-items: center;
        justify-content: center;
        border: 2px solid rgb(0, 150, 136);
        cursor: pointer;
        text-decoration: none;
        z-index: 9999;
        border-radius: 3px;
        display: flex !important;
    }

    .FormView.Box.vnp--static {
        padding: 0px !important;
        width: 100% !important;
    }

    .RadEditor .reContentArea img {
        max-width: 100% !important;
        width: auto !important;
        height: auto !important;
    }

    .RadToolBar_Horizontal .rtbUL {
        flex-wrap: nowrap;
        display: flex !important;
        overflow: auto;
        max-width: 100vw;
        align-items: center;
    }

    .RadToolBar_Horizontal .rtbItem {
        padding-bottom: 5px;
    }

    td.MainFormBanner.info-td-child {
        display: none !important;
    }

    label#lbLanguage {
        display: none;
    }

    .NavGroups {
        padding-bottom: 0;
    }


    .RadGrid {
        max-width: 100vw;
        overflow: auto;
        min-width: 100%;
    }
}

/* End Common */

/* RadGrid */

.RadGrid .rgNumPart span {
    float: left;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px !important;
}

.RadGrid .rgMasterTable,
.RadGrid .rgDetailTable,
.RadGrid .rgGroupPanel table,
.RadGrid .rgCommandRow table,
.RadGrid .rgEditForm table,
.RadGrid .rgPager table {
    font: 13px Roboto, sans-serif !important;
}

.RadGrid .rgInput {
    border-color: rgb(161, 188, 221);
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
}

.RadGrid .GridToolTip {
    font: 13px Roboto, sans-serif !important;
}

.RadGrid .rgHeader:first-child,
.RadGrid th.rgResizeCol:first-child,
.RadGrid .rgFilterRow > td:first-child,
.RadGrid .rgRow > td:first-child,
.RadGrid .rgAltRow > td:first-child {
    padding-left: 8px;
    border-left-width: 0px !important;
}

.RadGrid .rgSave,
.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("/Admin/Images/RadIcon/css_sprites.png") !important;
}

.RadGrid .rgTwoLines .rgHeaderDiv {
    background-position: 0px -7550px;
}

.RadGrid .rgHeaderWrapper .rgHeaderDiv {
    border-color: rgb(217, 228, 241) !important;
}

.RadGrid .rgHeader,
.RadGrid th.rgResizeCol,
.RadGrid .rgHeaderWrapper {
    border: 0px solid rgb(209, 231, 253) !important;
    background: rgb(217, 228, 241) !important;
}

.RadGrid .rgMultiHeaderRow th.rgHeader,
.RadGrid .rgMultiHeaderRow th.rgResizeCol {
    border-style: solid;
    border-color: rgb(93, 140, 201);
    border-image: initial;
    border-width: 0px 0px 1px 1px;
}

.RadGrid th.rgSorted {
    border-bottom-color: rgb(255, 155, 53);
    background-color: rgb(255, 202, 94);
    background-position: 0px -2600px;
}

.RadGrid .rgHeader a {
    color: rgb(51, 51, 51) !important;
}

.RadGrid .rgHeader {
    height: 30px;
    color: rgb(51, 51, 51) !important;
    font-weight: bold !important;
}

.RadGrid th.rgSorted a {
    color: rgb(0, 0, 0);
}

.RadGrid th.rgSorted {
    color: rgb(0, 0, 0);
}


.RadGrid .rgRow > td,
.RadGrid .rgAltRow > td,
.RadGrid .rgEditRow > td,
.RadGrid .rgFooter > td {
    border-style: solid !important;
    border-width: 0px 0px 1px !important;
    border-color: white !important;
}

.RadGrid .rgRow > td,
.RadGrid .rgAltRow > td {
    border-color: rgb(208, 215, 229);
    height: 30px;
}

.RadGrid .rgRow .rgSorted,
.RadGrid .rgAltRow .rgSorted {
    background-color: rgb(242, 242, 242);
}

.RadGrid .rgSelectedRow .rgSorted,
.RadGrid .rgActiveRow .rgSorted,
.RadGrid .rgHoveredRow .rgSorted,
.RadGrid .rgEditRow .rgSorted {
    background-color: transparent;
}

.RadGrid .rgRow a,
.RadGrid .rgAltRow a,
.RadGrid .rgEditRow a,
.RadGrid .rgFooter a,
.RadGrid .rgEditForm a {
    color: rgb(0, 21, 110);
}


* + html .RadGrid .rgSelectedRow .rgSorted {
    background-color: rgb(255, 203, 96);
}

.RadGrid .rgMasterTable .rgSelectedCell,
.RadGrid .rgSelectedRow {
    color: rgb(0, 21, 110);
    background: rgb(255, 227, 165) !important;
}

.RadGrid .rgWrap {
    display: flex;
    align-items: center;
    padding: 0px !important;
    flex-wrap: nowrap;
    margin-top: 2px;
}

.RadGrid .reMode_selected,
.RadGrid .reTool_selected {
    border-radius: 3px;
    border: 1px solid rgb(192, 192, 192) !important;
}

.RadGrid .reEditorModes {
    display: inline-block;
    height: 25px !important;
}

.RadGrid .rgWrap.rgNumPart span {
    color: rgb(51, 51, 51) !important;
}

.RadGrid .rgPagerLabel {
    color: rgb(117, 117, 117);
    margin-left: 10px !important;
}

.RadGrid .rgWrap.rgInfoPart,
.RadGrid .rgWrap.rgInfoPart strong {
    height: 25px;
    margin: 0px 3px;
    color: rgb(117, 117, 117) !important;
    line-height: 25px !important;
}

.RadGrid .reTool .AmazonImage {
    background-position: -366px center;
}

.RadGrid .reTool .AmazonDocument {
    background-position: -185px center;
}

.RadGrid .reTool .AmazonMedia {
    background-position: -695px center;
}


.RadGrid .rgAltRow {
    background: #d9e4f124;
}


.RadGrid tr.rgNoRecords > td {
    padding: 10px !important;
}


.RadGrid {
    outline: none;
}

.RadGrid {
    border-width: 0px !important;
    border-top-style: solid !important;
    border-top-color: silver !important;
    border-right-style: solid !important;
    border-right-color: silver !important;
    border-left-style: solid !important;
    border-left-color: silver !important;
    border-bottom-style: initial !important;
    border-bottom-color: initial !important;
    box-sizing: border-box !important;
}

html .RadGrid .rgSelectedRow .rgSorted {
    background-color: rgb(255, 203, 96);
}

.RadGrid .rgMasterTable .rgActiveCell,
.RadGrid .rgActiveRow,
.RadGrid .rgHoveredRow {
    background: rgb(236, 244, 255);
}

    * + html .RadGrid .rgActiveRow .rgSorted,
    * + html .RadGrid .rgHoveredRow .rgSorted {
        background-color: rgb(236, 244, 255);
    }

* + html .RadGrid .rgEditRow .rgSorted {
    background-color: rgb(255, 229, 173);
}


.RadGrid .rgSelectedRow > td,
.RadGrid .rgActiveRow > td,
.RadGrid .rgEditRow > td {
    border-left-width: 0px !important;
    padding-left: 7px !important;
}

.RadGrid .rgSelectedRow > td {
    border-bottom-color: white !important;
}

.RadGrid .rgActiveRow > td,
.RadGrid .rgHoveredRow > td,
.RadGrid .rgEditRow > td {
    border-color: silver !important;
}

.RadGrid .rgEditRow {
    color: rgb(51, 51, 51);
    background: rgb(227, 241, 254) !important;
}

.RadGrid .rgBatchOverlay {
    background: rgba(158, 182, 206, 0.75);
}

.RadGrid .rgBatchUndoDeleteButton:hover::before {
    background-position: -20px -2380px;
}

.RadGrid .rgBatchUndoDeleteButton::before {
    vertical-align: -7px;
    background-position: 0px -2380px;
    background-repeat: no-repeat;
}

.RadGrid .rgBatchUndoDeleteButton:hover {
    border-color: rgb(161, 188, 221);
    color: rgb(0, 21, 110);
    background-color: rgb(232, 241, 252);
    background-image: linear-gradient(rgb(232, 241, 252), rgb(233, 241, 252) 50%, rgb(210, 225, 244) 50%, rgb(232, 241, 252));
}

.RadGrid .rgBatchUndoDeleteButton {
    padding: 0px 7px 0px 0px;
    left: 7px;
    border: 1px solid rgb(161, 188, 221);
    border-radius: 4px;
    color: rgb(0, 21, 110);
    background-color: rgb(232, 241, 252);
    background-image: linear-gradient(rgb(232, 241, 252), rgb(233, 241, 252) 50%, rgb(210, 225, 244) 50%, rgb(232, 241, 252));
}

.RadGrid .rgFooterWrapper .rgFooter > td {
    border-bottom: 0px;
}


.RadGrid .rgFooter > td,
.RadGrid .rgFooterWrapper {
    border-width: 1px 0px;
    border-color: rgb(86, 125, 176) rgb(255, 255, 255) rgb(255, 255, 255);
}

.RadGrid .rgFooterWrapper {
    border-bottom: 1px solid rgb(255, 255, 255);
}

.RadGrid .rgPager .rgStatus {
    border-style: solid;
    border-image: initial;
    border-width: 1px 1px 0px 0px;
    border-color: rgb(93, 140, 201) rgb(156, 185, 220);
}

.RadGrid .rgPager > td {
    color: rgb(0, 21, 110);
    background: rgb(255, 255, 255) !important;
    padding-top: 5px !important;
}

.RadGrid td.rgPagerCell {
    border-top: 1px solid #ECEFF1 !important;
    border-bottom: 1px solid #80abe652 !important;
    border-left: none !important;
    padding: 5px !important;
    background: #fff;
}

.RadGrid .rgInfoPart {
    color: rgb(62, 105, 163);
}

.RadGrid .rgPageFirst:hover {
    background-position: 0px -600px;
    width: 25px !important;
    height: 25px !important;
}

.RadGrid .rgPageFirst {
    margin: 0px 3px 0px 0px;
    /*background-position: -187px -115px !important;*/
    width: 25px !important;
    height: 25px !important;
    background-color: white !important;
    border: 1px solid silver !important;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m17 16-4-4 4-4m-6 8-4-4 4-4'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: center !important;
}

.RadGrid .rgPagePrev:hover {
    background-position: 0px -750px;
    width: 25px !important;
    height: 25px !important;
}

.RadGrid .rgPagePrev {
    margin: 0px 3px 0px 0px;
    /*background-position: -295px -115px !important;*/
    width: 25px !important;
    height: 25px !important;
    background-color: white !important;
    border: 1px solid silver !important;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: center !important;
}

.RadGrid .rgPageNext:hover {
    background-position: 0px -900px;
    width: 25px !important;
    height: 25px !important;
}

.RadGrid .rgPageNext {
    /*background-position: -294px -151px !important;*/
    width: 25px !important;
    height: 25px !important;
    transform: rotate(180deg);
    background-color: white !important;
    border: 1px solid silver !important;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: center !important;
}

.RadGrid .rgPageLast:hover {
    background-position: 0px -1050px;
    width: 25px !important;
    height: 25px !important;
}

.RadGrid .rgPageLast {
    margin: 0px 0px 0px 3px;
    transform: rotate(180deg);
    /*background-position: -187px -151px !important;*/
    width: 25px !important;
    height: 25px !important;
    background-color: white !important;
    border: 1px solid silver !important;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m17 16-4-4 4-4m-6 8-4-4 4-4'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: center !important;
}

.RadGrid .rgPager .rgPagerButton {
    border-color: rgb(161, 188, 221);
    color: rgb(0, 21, 110);
    font: 13px Roboto, sans-serif !important;
}

.RadGrid .rgNumPart a.rgCurrentPage span,
.RadGrid .rgNumPart a.rgCurrentPage:hover span {
    background-position: 0px -1350px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.RadGrid .rgNumPart a.rgCurrentPage:hover {
    background-position: 100% -1450px;
}

.RadGrid .rgNumPart a:hover span {
    background-position: 0px -1150px;
}

.RadGrid .rgNumPart a:hover span,
.RadGrid .rgNumPart a.rgCurrentPage span {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
}

.RadGrid .rgNumPart a:hover,
.RadGrid .rgNumPart a.rgCurrentPage {
    background: transparent !important;
}

.RadGrid .rgNumPart a:hover {
    background-position: 100% -1250px;
}


.RadGrid .rgNumPart a.rgCurrentPage {
    border: 1px solid silver;
    box-sizing: border-box;
    border-radius: 3px;
    background: rgb(255, 227, 165) !important;
    height: 25px !important;
    width: 25px !important;
}

.RadGrid .rgNumPart a {
    color: rgb(0, 21, 110);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid silver;
    border-radius: 3px;
    width: 25px !important;
    height: 25px !important;
    background: white !important;
    padding: 0px !important;
    margin: 0px 2px !important;
}


.RadGrid .rgHeader .rgSortAsc {
    background-position: 3px -147px;
    height: 10px;
}

.RadGrid .rgHeader .rgSortDesc {
    background-position: 3px -96px;
    height: 10px;
}

.RadGrid .rgCommandRow .rgPrev span,
.RadGrid .rgCommandRow .rgNext span {
    width: 10px;
    height: 10px;
}

.RadGrid .rgCommandRow .rgPrev:hover,
.RadGrid .rgCommandRow .rgNext:hover {
    border-color: rgb(196, 186, 156);
    color: rgb(0, 0, 0);
    background-color: rgb(255, 225, 138);
    background-image: linear-gradient(rgb(255, 252, 232), rgb(255, 237, 179) 50%, rgb(255, 213, 99) 50%, rgb(255, 225, 138));
}

.RadGrid .rgCommandRow .rgPrev.rgDisabled:hover,
.RadGrid .rgCommandRow .rgNext.rgDisabled:hover {
    border-color: rgb(161, 188, 221);
    color: rgb(0, 21, 110);
    background-color: rgb(232, 241, 252);
    background-image: linear-gradient(rgb(232, 241, 252), rgb(233, 241, 252) 50%, rgb(210, 225, 244) 50%, rgb(232, 241, 252));
}

.RadGrid .rgCommandRow .rgPrev,
.RadGrid .rgCommandRow .rgNext {
    padding: 0px 10px;
    line-height: 20px;
    border-radius: 2px;
    border-color: rgb(161, 188, 221);
    color: rgb(0, 21, 110);
    background-color: rgb(232, 241, 252);
    background-image: linear-gradient(rgb(232, 241, 252), rgb(233, 241, 252) 50%, rgb(210, 225, 244) 50%, rgb(232, 241, 252));
    margin-right: 10px;
}


.RadGrid .rgPrev span {
    margin-right: 10px;
    background-position: -5px -45px;
}

.RadGrid .rgNext span {
    margin-left: 10px;
    background-position: -5px -65px;
}

.RadGrid .GridReorderTop {
    height: 12px;
}

.RadGrid .GridReorderBottom {
    height: 12px;
    background-position: 0px -50px;
}

.RadGrid .rgFilterRow > td {
    text-align: center;
    border-style: solid !important;
    border-color: rgb(217, 228, 241) !important;
    border-image: initial !important;
    border-width: 0px 0px 1px 1px !important;
    padding: 5px !important;
}

.RadGrid .rgFilterRow {
    background: rgb(240, 248, 255) !important;
}

.RadGrid .rgFilter:hover {
    background-position: 0px -350px;
}


.RadGrid .rgFilter {
    height: 27px !important;
    width: 27px !important;
    background-color: white !important;
    /*background-position: -79px -186px !important;*/
    border: 1px solid silver !important;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'><path stroke='black' stroke-linecap='round' stroke-width='2' d='M18.796 4H5.204a1 1 0 0 0-.753 1.659l5.302 6.058a1 1 0 0 1 .247.659v4.874a.5.5 0 0 0 .2.4l3 2.25a.5.5 0 0 0 .8-.4v-7.124a1 1 0 0 1 .247-.659l5.302-6.059c.566-.646.106-1.658-.753-1.658Z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    background-position-y: center !important;
}

.RadGrid .rgFilterActive:hover {
    background-position: 0px -400px;
}


.RadGrid .rgFilterActive {
    background-position: 0px -400px;
}

.RadGrid .rgFiltered:hover {
    background-position: 0px -375px;
}

.RadGrid .rgFiltered.rgFilterActive {
    background-position: 0px -425px;
}

.RadGrid .rgFiltered {
    background-position: 0px -325px;
}

.RadGrid .rgFilterBox {
    color: rgb(17, 17, 17);
    margin-right: 3px !important;
    border-color: silver !important;
    font: 13px Roboto, sans-serif !important;
    padding: 5px 10px !important;
    width: calc(100% - 55px) !important;
}

.RadGrid .rgOptSelected {
    background-position: -22.5px -2402.5px;
}

/*End RadGrid*/

.RadToolBar .rtbDisabled {
    opacity: 0.3;
}

.RadTreeView .rtLines .rtLI > div > label > span {
    flex: 1;
}

.RadTreeView .rtLines .rtLI > div > label {
    display: flex;
    align-items: center;
}

.RadTreeView .rtLines .rtLI > .rtUL > .rtLI {
    border-left: 1px dashed #c0c0c0;
}

.RadTreeView > ul > li > div > .rtSp::after {
    display: none;
}

.RadTreeView .rtPlus,
.RadTreeView .rtMinus {
    /* background-image: url("/Admin/Images/RadIcon/css_sprites.png") !important; */
}

.RadWindow a.rwCloseButton {
    background: url("/images/dialogclose.gif") 0% 0% / 16px 16px no-repeat transparent !important;
    width: 16px !important;
    height: 16px !important;
}

.RadWindow ul.rwControlButtons span {
    display: none;
}

html:first-child .RadWindow ul.rwControlButtons {
    width: 16px !important;
}

div#imgExplorer_toolbar .rtbOuter {
    background: none !important;
    border-color: white !important;
}

div#imgExplorer_toolbar {
    background: none !important;
}

.RadTabStripTop .rtsLevel.rtsLevel1 {
    padding: 6px;
    box-sizing: border-box;
}

.RadMultiPage .rmpView {
    height: auto !important;
}


.RadToolBar {
    line-height: 20px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: rgb(0, 21, 110) !important;
    background-color: transparent !important;
    font-size: 13px !important;
    z-index: 2 !important;
}

.RadToolBar_Horizontal .rtbItem {
    margin: 0px 2px !important;
}

.RadToolBar .rtbOuter {
    font-weight: 600;
    color: rgb(51, 51, 51);
    border-color: silver !important;
    background-color: silver !important;
    box-shadow: none !important;
    padding: 5px !important;
    border-width: 0px !important;
}

.RadToolBar_Horizontal .rtbOuter {
    background: rgb(255, 255, 255) !important;
}

.RadToolBar .rtbWrap {
    border-radius: 3px;
    margin-right: 1px;
    padding: 0px 10px !important;
    background: rgba(0, 0, 0, 0.08) !important;
}

.RadToolBar .rtbChoiceArrow {
    background: none rgb(255, 227, 165) !important;
}

.RadToolBar .rtbItemHovered .rtbWrap,
.RadToolBar .rtbItemHovered .rtbOut,
.RadToolBar .rtbItemHovered .rtbMid,
.RadToolBar .rtbItemHovered .rtbIn {
    color: rgb(0, 0, 0);
    background: none rgb(255, 227, 165) !important;
}

.RadToolBar .rtbItemFocused .rtbWrap,
.RadToolBar .rtbItemFocused .rtbOut,
.RadToolBar .rtbItemFocused .rtbMid,
.RadToolBar .rtbItemFocused .rtbIn {
    color: rgb(0, 0, 0);
    background: none rgb(255, 227, 165) !important;
}

.RadToolBar .rtbItemClicked .rtbWrap,
.RadToolBar .rtbItemClicked .rtbOut,
.RadToolBar .rtbItemClicked .rtbMid,
.RadToolBar .rtbItemClicked .rtbIn {
    color: rgb(0, 0, 0);
    background: none rgb(255, 227, 165) !important;
}

.RadToolBar .rtbSplBtnExpanded .rtbWrap,
.RadToolBar .rtbSplBtnExpanded .rtbOut,
.RadToolBar .rtbSplBtnExpanded .rtbMid,
.RadToolBar .rtbSplBtnExpanded .rtbIn,
.RadToolBar .rtbDropDownExpanded .rtbWrap,
.RadToolBar .rtbDropDownExpanded .rtbOut,
.RadToolBar .rtbDropDownExpanded .rtbMid,
.RadToolBar .rtbDropDownExpanded .rtbIn,
.RadToolBar .rtbChecked .rtbWrap,
.RadToolBar .rtbChecked .rtbOut,
.RadToolBar .rtbChecked .rtbMid,
.RadToolBar .rtbChecked .rtbIn {
    color: rgb(0, 0, 0);
    background: none rgb(255, 227, 165) !important;
}

.RadToolBar .rtbSeparator {
    border-color: rgb(221, 229, 235) !important;
    background: none !important;
    margin: 0px 3px !important;
}

.RadToolBar_Vertical .rtbOuter {
    background: none rgb(255, 227, 165) !important;
}

.RadMenu .rgHCMClear:hover,
.RadMenu .rgHCMFilter:hover {
    border-color: rgb(216, 202, 149) rgb(185, 160, 115) rgb(198, 186, 157);
    background-position: center -67px;
    background-color: rgb(255, 225, 138);
    color: rgb(0, 0, 0);
}

.RadMenu .rgHCMClear,
.RadMenu .rgHCMFilter {
    border-color: rgb(167, 190, 219) rgb(125, 152, 189) rgb(163, 186, 216);
    color: rgb(0, 21, 110);
    font-family: Tahoma, arial, sans-serif;
}


.RadMenu_Context .rgFilterApply,
.RadMenu_Context .rgFilterCancel {
    background-color: rgb(232, 241, 252);
    background-image: linear-gradient(rgb(232, 241, 252), rgb(233, 241, 252) 50%, rgb(210, 225, 244) 50%, rgb(232, 241, 252));
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: rgb(0, 21, 110);
    border-color: rgb(158, 182, 206);
}

div.RadMenu_Context .rlbGroup {
    border-color: rgb(197, 197, 197);
}

.GridContextMenu .rgHCMSortAsc .rmLeftImage {
    background-position: 0px 0px;
}

.GridContextMenu .rgHCMSortDesc .rmLeftImage {
    background-position: 0px -40px;
}

.GridContextMenu .rgHCMUnsort .rmLeftImage {
    background-position: 0px -80px;
}

.GridContextMenu .rgHCMGroup .rmLeftImage {
    background-position: 0px -120px;
}

.GridContextMenu .rgHCMUngroup .rmLeftImage {
    background-position: 0px -160px;
}

.GridContextMenu .rgHCMCols .rmLeftImage {
    background-position: 0px -200px;
}

.GridContextMenu .rgHCMFilter .rmLeftImage {
    background-position: 0px -240px;
}

.GridContextMenu .rgHCMUnfilter .rmLeftImage {
    background-position: 0px -280px;
}

.RadGrid .rgGroupPanel td td {
    padding: 0px;
}

.RadGrid .rgGroupPanel td {
    border: 0px;
    padding: 3px 4px;
    vertical-align: middle;
}


.RadGrid .rgGroupPanel .rgSortAsc {
    background-position: 4px -144px;
}

.RadGrid .rgGroupPanel .rgSortDesc {
    background-position: 4px -94px;
}

.RadGrid .rgGroupPanel {
    border-width: 0px 0px 1px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-left-color: initial;
    border-image: initial;
    border-bottom-style: solid;
    border-bottom-color: rgb(104, 140, 175);
    background: rgb(236, 243, 252);
}

.RadGrid .rgUngroup {
    background-position: 0px -7500px;
}

.RadGrid .rgGroupItem {
    border: 1px solid rgb(75, 120, 202);
    color: rgb(0, 21, 110);
}

.RadGrid .rgGroupHeader > td {
    border-top: 1px solid rgb(252, 252, 253);
    border-bottom: 1px solid rgb(111, 146, 179);
    padding-left: 8px;
}

.RadGrid .rgGroupHeader {
    background: rgb(215, 230, 247);
    font-size: 1.1em;
    line-height: 21px;
    color: rgb(86, 125, 176);
}

.RadGrid td.rgGroupCol,
.RadGrid td.rgExpandCol {
    background: none rgb(215, 230, 247);
    border-color: rgb(215, 230, 247);
}

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

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

.RadGrid .rgEditForm:not(.rgEditPopup) {
    border-bottom: 1px solid rgb(208, 215, 229);
}

.RadGrid .rgUpdate {
    background-position: 0px -1800px;
}

.RadGrid .rgCancel {
    background-position: 0px -1850px;
}

.RadGrid .rgDetailTable {
    border-color: rgb(104, 140, 175);
}

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

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

.RadGrid .rgCommandRow {
    color: rgb(51, 51, 51);
    background: rgba(217, 228, 241, 0.57) !important;
}

.RadGrid .rgCommandCell {
    border: 0px;
    padding: 0px;
}

.RadGrid thead .rgCommandCell {
    padding: 5px;
    border-bottom: none !important;
}

.RadGrid .rgCommandTable td {
    border: 0px;
    padding: 2px 7px;
}

.RadGrid .rgCommandTable {
    border: 0px solid rgb(217, 228, 241) !important;
}


.RadGrid .rgCommandRow a {
    color: rgb(0, 21, 110);
    text-decoration: none;
}

.RadGrid .rgAdd {
    margin-right: 5px !important;
    background-position: -154px -261px !important;
}

.RadGrid .rgRefresh {
    margin-right: 3px;
    background-position: -298px -44px !important;
}

.RadGrid .rgEdit {
    background-position: 0px -1700px;
}

.RadGrid .rgDel {
    background-position: 0px -1750px;
}

.RadGrid .rgExpXLS {
    background-position: 0px 0px;
}

.RadGrid .rgExpDOC {
    background-position: 0px -50px;
}

.RadGrid .rgExpPDF {
    background-position: 0px -100px;
}

.RadGrid .rgExpCSV {
    background-position: 0px -150px;
}

.rgCellSelectorArea,
.GridRowSelector {
    background: rgb(0, 21, 110);
}

.GridItemDropIndicator {
    border-top: 1px dashed rgb(0, 21, 110);
}

.GridToolTip {
    border: 1px solid rgb(97, 135, 184);
    padding: 3px;
    background: rgb(215, 227, 242);
    color: rgb(51, 51, 51);
}

.RadGridRTL .rgHeader:first-child,
.RadGridRTL th.rgResizeCol:first-child,
.RadGridRTL .rgFilterRow > td:first-child,
.RadGridRTL .rgRow > td:first-child,
.RadGridRTL .rgAltRow > td:first-child {
    border-left-width: 1px;
    padding-left: 7px;
}

.RadGridRTL .rgPageFirst:hover {
    background-position: 0px -1050px;
    width: 25px !important;
    height: 25px !important;
}

.RadGridRTL .rgPageFirst {
    background-position: 0px -1000px;
    width: 25px !important;
    height: 25px !important;
}

.RadGridRTL .rgPagePrev:hover {
    background-position: 0px -900px;
    width: 25px !important;
    height: 25px !important;
}

.RadGridRTL .rgPagePrev {
    margin: 0px 0px 0px 3px;
    background-position: 0px -850px;
    width: 25px !important;
    height: 25px !important;
}

.RadGridRTL .rgPageNext:hover {
    background-position: 0px -750px;
    width: 25px !important;
    height: 25px !important;
}

.RadGridRTL .rgPageNext {
    margin: 0px 3px 0px 0px;
    background-position: 0px -700px;
    width: 25px !important;
    height: 25px !important;
}

.RadGridRTL .rgPageLast:hover {
    background-position: 0px -600px;
    width: 25px !important;
    height: 25px !important;
}


.RadGridRTL .rgPageLast {
    background-position: 0px -550px;
    width: 25px !important;
    height: 25px !important;
}


.RadGridRTL .rgGroupHeader .rgExpand {
    background-position: -20px -495px;
}

.RadGridRTL .rgExpand {
    background-position: -20px -496px;
}

.RadComboBox {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: 3px;
    border: 1px solid silver;
    background: white;
    font-weight: 600;
    padding: 3px 10px !important;
}

.RadGrid .RadComboBox {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    zoom: 1;
    border-radius: 3px;
    padding: 0px 2px;
    border: 1px solid silver;
    min-width: 60px;
    background: white !important;
}

.RadComboBox .rcbReadOnly .rcbArrowCellRight a {
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid rgb(51, 51, 51);
}

.RadComboBox .rcbReadOnly {
    background: transparent !important;
}

.RadComboBox .rcbInputCell,
.RadComboBox .rcbArrowCell {
    background-image: none !important;
}

.RadComboBox table {
    width: 100%;
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    vertical-align: top;
    height: 100%;
}

.RadComboBox select {
    margin-bottom: 0px;
    padding: 0px;
    height: 22px;
}

.RadComboBox .rcbInput:hover {
    outline: none !important;
}

.RadComboBox .rcbInputCell,
.RadComboBox .rcbArrowCell {
    padding: 0px;
    border-width: 0px;
    border-style: solid;
    background-color: transparent;
    background-repeat: no-repeat;
}

.RadComboBox table td.rcbInputCell {
    border-width: 0px;
    padding: 0px !important;
    display: table-cell;
}

.RadComboBox table td.rcbArrowCell {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-width: 0px;
    padding-right: 0px !important;
    display: none;
}

.RadComboBox .rcbInputCell {
    padding-right: 4px;
    padding-left: 5px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    text-align: left;
    vertical-align: middle;
}

.RadComboBox .rcbInputCellLeft {
    background-position: 0px 0px;
}

.RadComboBox .rcbInputCellRight {
    background-position: 100% 0px;
}

.RadComboBox input::-ms-clear {
    display: none;
}

.RadComboBox input,
.RadComboBox input:focus {
    box-shadow: none;
    outline: 0px;
    appearance: none;
}

.RadComboBox .rcbInput {
    margin: 0px;
    padding: 2px 0px 1px;
    height: auto;
    width: 100%;
    border-width: 0px;
    outline: 0px;
    color: inherit;
    background-color: transparent;
    font: inherit;
    vertical-align: top;
    opacity: 1;
}

.RadComboBox .rcbReadOnly .rcbInput,
.RadComboBox .rcbDisabled .rcbInput {
    cursor: default;
}

.RadComboBox .rcbEmptyMessage {
    font-style: italic;
    opacity: 0.8;
    font-style: normal !important;
    font-weight: normal !important;
}


.RadComboBox .rcbArrowCell a {
    position: relative;
    outline: 0px;
    font-size: 0px;
    line-height: 1px;
    text-decoration: none;
    text-indent: 9999px;
    display: block;
    overflow: hidden;
    cursor: default;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid rgb(93, 140, 201);
    width: 0px !important;
    height: 0px !important;
}

.RadComboBox .rcbArrowCell {
    width: 18px;
}


.RadComboBox .rcbArrowCellLeft {
    background-position: 0px -176px;
}

.RadComboBox .rcbArrowCellRight {
    background-position: -18px -176px;
}

.RadComboBox .rcbArrowCellHidden,
.RadComboBox .rcbArrowCellHidden a {
    width: 3px;
}

.RadComboBox .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0px 0px;
}

.RadComboBox .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% 0px;
}

.RadComboBox .rcbHovered .rcbInputCellLeft {
    background-position: 0px -22px;
}

.RadComboBox .rcbHovered .rcbInputCellRight {
    background-position: 100% -22px;
}

.RadComboBox .rcbHovered .rcbArrowCellLeft {
    background-position: -36px -176px;
}

.RadComboBox .rcbHovered .rcbArrowCellRight {
    background-position: -54px -176px;
}

.RadComboBox .rcbHovered .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0px -22px;
}

.RadComboBox .rcbHovered .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -22px;
}

.RadComboBox .rcbFocused .rcbInputCellLeft {
    background-position: 0px -44px;
}

.RadComboBox .rcbFocused .rcbInputCellRight {
    background-position: 100% -44px;
}

.RadComboBox .rcbFocused .rcbArrowCellLeft {
    background-position: -72px -176px;
}

.RadComboBox .rcbFocused .rcbArrowCellRight {
    background-position: -90px -176px;
}

.RadComboBox .rcbFocused .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0px -44px;
}

.RadComboBox .rcbFocused .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -44px;
}

.RadComboBox .rcbDisabled .rcbInputCellLeft {
    background-position: 0px -66px;
}

.RadComboBox .rcbDisabled .rcbInputCellRight {
    background-position: 100% -66px;
}

.RadComboBox .rcbDisabled .rcbArrowCellLeft {
    background-position: -108px -176px;
}

.RadComboBox .rcbDisabled .rcbArrowCellRight {
    background-position: -126px -176px;
    display: none;
}

.RadComboBox .rcbDisabled .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0px -66px;
}

.RadComboBox .rcbDisabled .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -66px;
}

.RadComboBox .rcbDisabled {
    opacity: 0.5;
}



.RadComboBox .rcbReadOnly .rcbInputCellLeft {
    background-position: 0px -88px;
}

.RadComboBox .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -88px;
}

.RadComboBox .rcbReadOnly .rcbArrowCellLeft {
    background-position: -144px -176px;
}

.RadComboBox .rcbReadOnly .rcbArrowCellRight {
    background-position: -162px -176px;
    padding-right: 5px;
    display: none !important;
}

.RadComboBox .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0px -88px;
}

.RadComboBox .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -88px;
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbInputCellLeft {
    background-position: 0px -110px;
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -110px;
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellLeft {
    background-position: -180px -176px;
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellRight {
    background-position: -198px -176px;
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0px -110px;
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -110px;
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbInputCellLeft {
    background-position: 0px -132px;
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -132px;
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellLeft {
    background-position: -216px -176px;
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellRight {
    background-position: -234px -176px;
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0px -132px;
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -132px;
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbInputCellLeft {
    background-position: 0px -154px;
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbInputCellRight {
    background-position: 100% -154px;
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellLeft {
    background-position: -252px -176px;
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellRight {
    background-position: -270px -176px;
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden {
    background-position: 0px -154px;
}

.RadComboBox .rcbDisabled .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
    background-position: 100% -154px;
}

.RadComboBox .rcbLabel {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    line-height: 22px;
}

.RadComboBox_rtl .rcbInputCell {
    padding-right: 5px;
    padding-left: 4px;
}

.RadComboBox_rtl .rcbInput {
    text-align: right;
}

.RadComboBox_rtl .rcbLabel {
    padding: 0px 0px 0px 10px;
    text-align: right;
}

.RadComboBox_rtl {
    text-align: right;
}


.rcbSlide {
    display: none;
    position: absolute;
    overflow: hidden;
}

.RadComboBoxDropDown.rcbAutoWidth .rcbList {
    white-space: nowrap;
}

.RadComboBoxDropDown input[type="checkbox"] {
    margin: 0px 3px 3px 4px;
    padding: 0px;
}

.RadComboBoxDropDown .p-icon {
    display: none !important;
}

.RadComboBoxDropDown label {
    line-height: inherit;
    font-weight: inherit;
}

.RadComboBoxDropDown.rcbAutoWidth {
    min-width: 158px;
}

.RadComboBoxDropDown {
    border-width: 1px;
    border-style: solid;
    text-align: left;
    cursor: default;
    position: relative;
}


@media �screen {
    .RadComboBoxDropDown.rcbAutoWidth .rcbList {
        min-width: 148px;
    }
}

* + html .RadComboBoxDropDown.rcbAutoWidthResizer .rcbScroll {
    overflow: visible scroll !important;
}

.RadComboBoxDropDown .rcbScroll {
    border-color: inherit;
    position: relative;
    overflow: auto;
}

.RadComboBoxDropDown .rcbHeader,
.RadComboBoxDropDown .rcbFooter {
    padding: 2px 5px;
    border-width: 0px;
    border-style: solid;
    border-image: initial;
    border-color: inherit;
}

.RadComboBoxDropDown .rcbHeader {
    margin-bottom: 1px;
    border-bottom-width: 1px;
}

.RadComboBoxDropDown .rcbFooter {
    margin-top: 1px;
    border-top-width: 1px;
}

.RadComboBox .rcbActionButton {
    background: transparent !important;
    border: none !important;
}

.RadComboBoxWithLabel .rcbInner {
    border-color: silver !important;
}

.RadComboBoxDropDown .rcbList > li::after {
    content: "";
    height: 0px;
    clear: both;
    display: block;
}

.RadComboBoxDropDown .rcbList {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
    zoom: 1;
}


.RadComboBoxDropDown .rcbItem > label,
.RadComboBoxDropDown .rcbHovered > label,
.RadComboBoxDropDown .rcbDisabled > label,
.RadComboBoxDropDown .rcbLoading > label,
.RadComboBoxDropDown .rcbCheckAllItems > label,
.RadComboBoxDropDown .rcbCheckAllItemsHovered > label {
    margin: -2px -5px;
    padding: 2px 5px;
    display: block;
}

.RadComboBoxDropDown .rcbItem,
.RadComboBoxDropDown .rcbHovered,
.RadComboBoxDropDown .rcbDisabled,
.RadComboBoxDropDown .rcbLoading,
.RadComboBoxDropDown .rcbCheckAllItems,
.RadComboBoxDropDown .rcbCheckAllItemsHovered {
    min-height: 13px;
    background-repeat: repeat-x;
    padding: 5px !important;
}

.RadComboBoxDropDown .rcbNoWrap .rcbItem,
.RadComboBoxDropDown .rcbNoWrap .rcbHovered,
.RadComboBoxDropDown .rcbNoWrap .rcbDisabled,
.RadComboBoxDropDown .rcbNoWrap .rcbLoading {
    white-space: nowrap;
}

.RadComboBoxDropDown .rcbDisabled {
    cursor: default;
    opacity: 0.5;
}

.RadComboBoxDropDown .rcbLoading {
    text-align: center;
}

.RadComboBoxDropDown em {
    font-style: normal;
    font-weight: 600;
}

.RadComboBoxDropDown .rcbCheckAllItems,
.RadComboBoxDropDown .rcbCheckAllItemsHovered {
    margin-bottom: 1px;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-image: initial;
    border-color: inherit;
}

.RadComboBoxDropDown .rcbCheckBox,
.RadComboBoxDropDown .rcbCheckAllItemsCheckBox {
    vertical-align: middle;
}

.RadComboBoxDropDown .rcbImage {
    margin: 0px 6px 2px 0px;
    vertical-align: middle;
}

.RadComboBoxDropDown .rcbMoreResults a {
    margin: 0px 2px;
    width: 0px;
    height: 0px;
    border-width: 4px;
    border-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    color: inherit;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
}

.RadComboBoxDropDown .rcbMoreResults {
    margin: 1px 0px 0px;
    padding: 2px 5px;
    border-width: 1px 0px 0px;
    border-image: initial;
    border-color: inherit;
    border-style: solid;
    text-align: center;
    cursor: pointer;
}


.RadComboBoxDropDown .rcbSeparator {
    margin-top: 5px;
}

.RadComboBoxDropDown .rcbSeparatedList .rcbSeparator {
    padding-left: 5px;
}

.RadComboBoxDropDown .rcbSeparatedList .rcbItem,
.RadComboBoxDropDown .rcbSeparatedList .rcbHovered,
.RadComboBoxDropDown .rcbSeparatedList .rcbDisabled,
.RadComboBoxDropDown .rcbSeparatedList .rcbLoading {
    padding-left: 1em;
}

.RadComboBoxDropDown_rtl .rcbImage {
    margin: 0px 0px 2px 6px;
}

.RadComboBoxDropDown_rtl .rcbSeparatedList .rcbSeparator {
    padding-right: 5px;
}

.RadComboBoxDropDown_rtl .rcbSeparatedList .rcbItem,
.RadComboBoxDropDown_rtl .rcbSeparatedList .rcbHovered,
.RadComboBoxDropDown_rtl .rcbSeparatedList .rcbDisabled,
.RadComboBoxDropDown_rtl .rcbSeparatedList .rcbLoading {
    padding-right: 1em;
}

.RadComboBoxDropDown_rtl {
    text-align: right;
    direction: rtl;
}

.RadComboBoxWithLabel table {
    display: inline-block;
}

.RadComboBoxWithLabel {
    zoom: normal;
}

.RadComboBox .rcbInputCell,
.RadComboBox .rcbArrowCell {
    background-image: none !important;
}

.RadComboBox .rcbInput {
    font-size: 12px;
    line-height: 16px;
}

.RadComboBox .rcbHovered .rcbInput {
    color: rgb(51, 51, 51);
}

.RadComboBox .rcbFocused .rcbInput {
    color: rgb(51, 51, 51);
}

.RadComboBox .rcbReadOnly .rcbInput {
    color: rgb(51, 51, 51) !important;
    font-style: normal !important;
    font-weight: 600 !important;
}

.RadComboBox .rcbHovered .rcbReadOnly .rcbInput {
    color: rgb(0, 0, 0);
}

.RadComboBox .rcbFocused .rcbReadOnly .rcbInput {
    color: rgb(0, 0, 0);
    font-style: normal !important;
}

.RadComboBox {
    box-sizing: border-box;
    align-items: center;
    color: rgb(51, 51, 51) !important;
    height: auto !important;
    display: flex !important;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m8 10 4 4 4-4'/></svg>");
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
}

.RadComboBoxDropDown {
    color: rgb(51, 51, 51);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    border-color: rgb(171, 193, 222) !important;
}

    .RadComboBoxDropDown .rcbSeparator {
        color: rgb(51, 51, 51);
        background-color: silver !important;
    }

    .RadComboBoxDropDown .rcbHovered {
        color: rgb(0, 21, 110);
        background-color: rgb(255, 227, 165) !important;
    }

    .RadComboBoxDropDown .rcbSelected {
        color: rgb(0, 0, 0);
        background-color: rgb(160, 192, 239) !important;
    }

    .RadComboBoxDropDown .rcbLoading {
        color: rgb(0, 21, 110);
        background-color: rgb(160, 192, 239) !important;
    }

    .RadComboBoxDropDown .rcbItem em {
        color: rgb(0, 21, 110);
        background-color: rgb(160, 192, 239) !important;
    }

.RadInput_Default,
.RadInputMgr_Default {
    font: 13px Roboto, sans-serif !important;
}

html body .RadInput .riTextBox:disabled, html body .RadInputMgr:disabled {
    background-color: rgba(239, 239, 239, 0.3) !important;
}

html body .RadInput_Default .riTextBox,
html body .RadInputMgr_Default {
    color: rgb(51, 51, 51);
    border-color: silver !important;
    padding: 5px 10px !important;
    border-radius: 3px !important;
    background-color: rgb(255, 255, 255) !important;
    font: 13px Roboto, sans-serif !important;
}

html body .RadInput_Default .riEmpty,
html body .RadInput_Empty_Default {
    color: rgb(51, 51, 51) !important;
    font-style: normal !important;
    font-weight: bold !important;
}

html body .RadInput_Default .riHover,
html body .RadInput_Hover_Default,
html body .RadInput_Default .riFocused,
html body .RadInput_Focused_Default {
    color: rgb(51, 51, 51);
    border-color: rgb(171, 193, 222) !important;
    padding: 5px 10px !important;
    border-radius: 2px !important;
}

html body .RadInput_Default .riRead,
html body .RadInput_Read_Default {
    border-color: rgb(208, 208, 208);
}

html body .RadInput_Default .riDisabled,
html body .RadInput_Disabled_Default {
    border-color: rgb(208, 208, 208);
    color: rgb(138, 138, 138);
    cursor: default;
}

html body .RadInput_Default .riError,
html body .RadInput_Error_Default {
    border-color: rgb(213, 25, 35);
    color: rgb(213, 25, 35);
}

.RadForm.rfdTextbox .RadInput_Default .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error_Default[type="text"] {
    border-color: rgb(213, 25, 35);
    color: rgb(213, 25, 35);
}

html body .RadInput_Default .riNegative,
html body .RadInput_Negative_Default {
    color: rgb(86, 86, 86);
}

.RadInput_Default .riBtn a {
    width: 20px;
    height: 18px;
    line-height: 18px;
    background-position: 3px 5px;
}

    .RadInput_Default .riBtn a:hover {
        background-position: 3px -45px;
    }

.RadInput_Default .riSpin a {
    width: 15px;
    height: 7px;
    line-height: 7px;
}

.RadInput_Default a.riUp {
    background-position: 4px -98px;
}

    .RadInput_Default a.riUp:hover {
        background-position: 4px -148px;
    }

.RadInput_Default a.riDown {
    background-position: 4px -199px;
}

    .RadInput_Default a.riDown:hover {
        background-position: 4px -249px;
    }

.RadInput_Default .riLabel {
    color: rgb(0, 0, 0);
}

.RadInput_Default .riResizeIcon {
    background-position: -6.5px -966.5px;
    margin-bottom: -1px;
}

html body .RadInputRTL_Default .riError,
html body .RadInputRTL_Error_Default {
    background-position: 3px -298px;
}

html body .RadInputRTL_Default .riResizeIcon {
    background-position: -6.5px -986.5px;
}

.RadForm.rfdTextbox .RadInputRTL_Default .riError[type="text"],
.RadForm.rfdTextbox .RadInputRTL_Error_Default[type="text"] {
    background-position: 3px -298px;
}

.riSingle .riTextBox,
.RadForm.rfdTextbox .riSingle input.rfdDecorated[type="text"] {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    height: auto !important;
    border-radius: 3px !important;
    border: 1px solid silver !important;
    padding: 5px 10px !important;
    background: white !important;
}

.RadButton {
    line-height: 25px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.08) !important;
    height: 25px !important;
    padding: 1px 10px !important;
}

    .RadButton:hover {
        background: rgb(255, 227, 165) !important;
    }

    .RadButton.rbSkinnedButton,
    .RadButton.rbVerticalButton,
    .RadButton .rbDecorated,
    .RadButton .rbSplitRight,
    .RadButton .rbSplitLeft {
        border-radius: 3px;
        margin-right: 5px;
        background-image: none !important;
        color: rgb(51, 51, 51) !important;
        padding: 1px 10px !important;
    }

    .RadButton.rbToggleButton,
    .RadButton.rbToggleButton.rbDisabled:hover {
        color: rgb(51, 51, 51);
    }

        .RadButton.rbToggleButton:hover {
            color: rgb(0, 0, 0);
        }

    .RadButton.rbLinkButton,
    .RadButton.rbLinkButton.rbDisabled,
    .RadButton.rbLinkButton.rbDisabled:hover,
    .RadButton.rbLinkButton.rbDisabled:active,
    .RadButton.rbLinkButton.rbDisabled:focus {
        border-color: rgb(161, 188, 221);
        color: rgb(0, 21, 110);
        background-color: rgb(232, 241, 252);
        background-image: linear-gradient(rgb(232, 241, 252), rgb(233, 241, 252) 50%, rgb(210, 225, 244) 50%, rgb(232, 241, 252));
        background-position: 0px 0px;
    }

        .RadButton.rbLinkButton:hover {
            border-color: rgb(196, 186, 156);
            color: rgb(0, 0, 0);
            background-color: rgb(255, 225, 138);
            background-image: linear-gradient(rgb(255, 252, 232), rgb(255, 237, 179) 50%, rgb(255, 213, 99) 50%, rgb(255, 225, 138));
        }

        .RadButton.rbLinkButton:active,
        .RadButton.rbLinkButton:focus,
        .RadButton.rbLinkButtonChecked,
        .RadButton.rbLinkButtonChecked:hover {
            border-color: rgb(195, 187, 163);
            color: rgb(0, 0, 0);
            background-color: rgb(253, 226, 146);
            background-image: linear-gradient(rgb(235, 197, 155), rgb(250, 173, 96) 50%, rgb(249, 150, 49) 50%, rgb(253, 226, 146));
        }

        .RadButton.rbLinkButton:hover .rbSplitLeft,
        .RadButton.rbLinkButton:hover .rbSplitRight {
            background-color: rgb(232, 241, 252);
        }

        .RadButton.rbLinkButton .rbSplitLeft:hover,
        .RadButton.rbLinkButton .rbSplitRight:hover {
            background-color: rgb(255, 225, 138);
        }

        .RadButton.rbLinkButton .rbSplitLeft:active,
        .RadButton.rbLinkButton .rbSplitLeft:focus,
        .RadButton.rbLinkButton .rbSplitRight:active,
        .RadButton.rbLinkButton .rbSplitRight:focus {
            background-color: rgb(253, 226, 146);
            border-color: rgb(195, 187, 163);
        }

    .RadButton .rbDecorated {
        margin: 0px;
        border: 0px;
        outline: 0px;
        font-style: inherit;
        font-variant: inherit;
        font-weight: inherit;
        font-stretch: inherit;
        line-height: inherit;
        color: inherit;
        background-color: transparent;
        text-align: center;
        overflow: visible;
        display: block;
        appearance: none;
        padding: 0px !important;
        height: 100% !important;
        font-family: Roboto !important;
        font-size: 13px !important;
    }

.RadInput,
.RadInputMgr {
    font: 13px Roboto, sans-serif !important;
}

html body .RadInput .riTextBox,
html body .RadInputMgr {
    border-color: silver !important;
    background: white !important;
    color: rgb(51, 51, 51) !important;
    font: 13px Roboto, sans-serif !important;
    border-radius: 3px !important;
}

html body .RadInput .riEmpty,
html body .RadInput_Empty {
    color: rgb(51, 51, 51) !important;
    font-style: normal !important;
    font-weight: bold !important;
}

html body .RadInput .riHover,
html body .RadInput_Hover,
html body .RadInput .riFocused,
html body .RadInput_Focused {
    color: rgb(51, 51, 51);
    border-color: rgb(171, 193, 222) !important;
}

html body .RadInput .riRead,
html body .RadInput_Read {
    border-color: rgb(204, 219, 237);
}

html body .RadInput .riDisabled,
html body .RadInput_Disabled {
    border-color: rgb(204, 219, 237);
    color: rgb(141, 141, 141);
    cursor: default;
}

html body .RadInput .riError,
html body .RadInput_Error {
    border-color: rgb(179, 45, 52) rgb(220, 100, 63) rgb(234, 133, 65);
    color: rgb(179, 45, 52);
}

.RadForm.rfdTextbox .RadInput .riError[type="text"],
.RadForm.rfdTextbox .RadInput_Error[type="text"] {
    border-color: rgb(179, 45, 52) rgb(220, 100, 63) rgb(234, 133, 65);
    color: rgb(179, 45, 52);
}

html body .RadInput .riNegative,
html body .RadInput_Negative {
    color: rgb(86, 86, 86);
}

.RadInput .riBtn a {
    width: 20px;
    height: 18px;
    line-height: 18px;
    background-position: 3px 5px;
}

    .RadInput .riBtn a:hover {
        background-position: 3px -45px;
    }

.RadInput .riSpin a {
    width: 15px;
    height: 7px;
    line-height: 7px;
}

.RadInput a.riUp {
    background-position: 4px -98px;
}

    .RadInput a.riUp:hover {
        background-position: 4px -148px;
    }

.RadInput a.riDown {
    background-position: 4px -199px;
}

    .RadInput a.riDown:hover {
        background-position: 4px -249px;
    }

.RadInput .riLabel {
    color: rgb(0, 0, 0);
}

html body .RadInputRTL .riError,
html body .RadInputRTL_Error {
    background-position: 3px -298px;
}

html body .RadInputRTL .riResizeIcon {
    background-position: 0px -19px;
}

.RadForm.rfdTextbox .RadInputRTL .riError[type="text"],
.RadForm.rfdTextbox .RadInputRTL_Error[type="text"] {
    background-position: 3px -298px;
}

.RadCalendar {
    color: rgb(51, 51, 51);
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    border-color: rgb(0, 128, 0) !important;
    background-color: rgb(249, 249, 249) !important;
}

    .RadCalendar .rcTitlebar {
        color: rgb(0, 21, 110);
        border-color: transparent !important;
        background: #8bb7f0 !important;
    }

        .RadCalendar .rcTitlebar table {
            font: 13px Roboto, sans-serif !important;
        }

        .RadCalendar .rcTitlebar td {
            padding: 0px 0px 2px;
        }

        .RadCalendar .rcTitlebar .rcPrev,
        .RadCalendar .rcTitlebar .rcNext,
        .RadCalendar .rcTitlebar .rcFastPrev,
        .RadCalendar .rcTitlebar .rcFastNext {
            width: 17px;
            height: 17px;
            margin: 1px 2px 0px;
            color: rgb(204, 204, 204);
        }

        .RadCalendar .rcTitlebar .rcFastPrev {
            margin-left: 4px;
            background-position: 0px -200px;
        }

        .RadCalendar .rcTitlebar a.rcFastPrev:hover {
            background-position: 0px -250px;
        }

        .RadCalendar .rcTitlebar .rcPrev {
            background-position: 0px -300px;
        }

        .RadCalendar .rcTitlebar a.rcPrev:hover {
            background-position: 0px -350px;
        }

        .RadCalendar .rcTitlebar .rcNext {
            background-position: 0px -400px;
        }

        .RadCalendar .rcTitlebar a.rcNext:hover {
            background-position: 0px -450px;
        }

        .RadCalendar .rcTitlebar .rcFastNext {
            margin-right: 4px;
            background-position: 0px -500px;
        }

        .RadCalendar .rcTitlebar a.rcFastNext:hover {
            background-position: 0px -550px;
        }

    .RadCalendar .rcMain {
        border-color: transparent !important;
    }

    .RadCalendar .rcMainTable {
        color: rgb(0, 0, 0);
        font: 13px Roboto, sans-serif !important;
    }

    .RadCalendar .rcHeader,
    .RadCalendar .rcFooter {
        border-color: rgb(104, 140, 175);
    }

    .RadCalendar .rcWeek th {
        border-bottom: 1px solid rgb(192 192 192) !important;
        padding: 2px 6px 2px 0px;
        background: #e9eeee;
    }

    .RadCalendar .rcWeek .rcViewSel {
        width: 12px;
        padding: 0px 7px 0px 9px;
        background: rgb(233, 238, 238);
    }

    .RadCalendar .rcRow th {
        width: 12px;
        padding: 0px 7px 0px 9px;
        background: rgb(233, 238, 238);
        color: rgb(85, 85, 85);
    }

    .RadCalendar .rcRow td {
        border-color: rgb(255, 255, 255);
    }

    .RadCalendar .rcMain .rcRow a,
    .RadCalendar .rcMain .rcRow span {
        color: rgb(0, 0, 0);
    }

    .RadCalendar .rcMain .rcWeekend a {
        color: rgb(51, 51, 51);
    }

    .RadCalendar .rcRow .rcToday {
        border-color: rgb(104, 140, 175);
    }

    .RadCalendar .rcMain .rcOtherMonth a,
    .RadCalendar .rcMain .rcOutOfRange span {
        color: rgb(119, 119, 119);
    }

    .RadCalendar .rcRow .rcSelected {
        border-color: silver !important;
        background: rgb(252, 218, 136) !important;
    }

    .RadCalendar .rcRow .rcHover {
        border-color: silver !important;
        background: rgb(255, 223, 133) !important;
    }

.RadCalendarMultiView .rcTitlebar table {
    border: 1px solid rgb(246, 247, 249);
    line-height: 27px;
}

.RadCalendarMultiView .rcTitlebar td {
    padding-bottom: 1px;
}

.RadCalendarMultiView .rcCalendar {
    border-right-color: rgb(104, 140, 175);
    border-bottom-color: rgb(104, 140, 175);
    border-left-color: rgb(104, 140, 175);
    border-top: 0px;
}

    .RadCalendarMultiView .rcCalendar .rcMainTable {
        height: 195px;
    }

.RadCalendarMultiView .rcMainTable .rcTitle {
    border-width: 1px 0px;
    border-color: rgb(104, 140, 175) rgb(158, 182, 206) rgb(158, 182, 206);
    padding: 0px 0px 2px;
    color: rgb(0, 21, 110);
    line-height: 22px;
}

table.RadCalendarMonthView {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    box-shadow: rgb(117, 117, 117) 0px 0px 3px;
    border-color: rgb(51, 102, 153) !important;
    font: 13px Roboto, sans-serif !important;
}

.RadCalendarMonthView #rcMView_Feb,
.RadCalendarMonthView #rcMView_Apr,
.RadCalendarMonthView #rcMView_Jun,
.RadCalendarMonthView #rcMView_Aug,
.RadCalendarMonthView #rcMView_Oct,
.RadCalendarMonthView #rcMView_Dec {
    border-right: 1px solid rgb(158, 191, 219);
}

.RadCalendarMonthView a {
    color: rgb(0, 0, 0);
}

.RadCalendarMonthView .rcSelected a {
    border-color: rgb(51, 102, 153) !important;
    background: rgb(255, 227, 165) !important;
}

.RadCalendarMonthView #rcMView_PrevY a,
.RadCalendarMonthView #rcMView_NextY a {
    width: 15px;
    height: 13px;
    overflow: hidden;
    color: rgb(204, 204, 204);
}

.RadCalendarMonthView #rcMView_PrevY a {
    background-position: 3px -200px;
}

.RadCalendarMonthView #rcMView_NextY a {
    background-position: 4px -500px;
}

.RadCalendarMonthView .rcButtons {
    padding: 5px 7px 3px;
}

.RadCalendarMonthView input {
    font-weight: 500;
    border-color: transparent !important;
    padding: 3px 10px !important;
    background: rgb(0, 128, 0) !important;
    color: white !important;
    border-radius: 2px !important;
    margin: 3px !important;
}

table.RadCalendarTimeView {
    background: rgb(255, 255, 255);
    border-color: silver !important;
    font: 13px Roboto, sans-serif !important;
    border: 1px solid rgb(0, 21, 110) !important;
    margin-top: 5px;
    border-radius: 3px;
    overflow: hidden;
}

.RadCalendarTimeView th {
    border-bottom: 1px solid rgb(158, 182, 206);
    padding: 0px 0px 1px;
    color: rgb(0, 21, 110) !important;
    line-height: 23px;
    background: rgb(139 183 240) !important;
    padding: 5px 0 !important;
}

table.RadCalendarTimeView td {
    border-color: rgb(158, 191, 219);
}

.RadCalendarTimeView a {
    color: rgb(0, 0, 0);
}

.RadCalendarTimeView td.rcSelected a {
    border-color: transparent !important;
    background: rgb(252, 218, 136) !important;
}

.RadCalendarTimeView td.rcHover a {
    border-color: transparent !important;
    background: rgb(160, 192, 239) !important;
}

.RadCalendarTimeView .rcFooter {
    border-color: rgb(104, 140, 175);
}

.RadPicker td + td > a.rcTimePopup {
    right: 22px;
}

.RadPicker .rcCalPopup,
.RadPicker .rcTimePopup {
    /*background-image: url("/Admin/Images/RadIcon/css_sprites.png") !important;*/
}

.RadPicker .rcCalPopup {
    border-radius: 2px;
    background-position: -114px -42px !important;
    width: 25px !important;
    height: 25px !important;
    margin-left: 4px !important;
    box-sizing: border-box !important;
}

.RadPicker a.rcDisabled.rcCalPopup:hover {
    background-position: 0px 0px;
}

.RadPicker a.rcCalPopup:hover,
.RadPicker a.rcCalPopup:focus,
.RadPicker a.rcCalPopup:active {
    background-position: 0px -50px;
}

.RadPicker a.rcDisabled.rcTimePopup:hover {
    background-position: 0px -100px;
}

.RadPicker a.rcTimePopup:hover,
.RadPicker a.rcTimePopup:focus,
.RadPicker a.rcTimePopup:active {
    background-position: 0px -150px;
}

.RadCalendarRTL .rcTitlebar .rcFastPrev {
    background-position: 0px -500px;
}

.RadCalendarRTL .rcTitlebar a.rcFastPrev:hover {
    background-position: 0px -550px;
}

.RadCalendarRTL .rcTitlebar .rcPrev {
    background-position: 0px -400px;
}

.RadCalendarRTL .rcTitlebar a.rcPrev:hover {
    background-position: 0px -450px;
}

.RadCalendarRTL .rcTitlebar .rcNext {
    background-position: 0px -300px;
}

.RadCalendarRTL .rcTitlebar a.rcNext:hover {
    background-position: 0px -350px;
}

.RadCalendarRTL .rcTitlebar .rcFastNext {
    background-position: 0px -200px;
}

.RadCalendarRTL .rcTitlebar a.rcFastNext:hover {
    background-position: 0px -250px;
}

.RadTreeList,
.rtlCEdit div.RadTreeList {
    background: rgb(255, 255, 255);
    color: rgb(51, 51, 51);
    border-color: silver !important;
}

    .RadTreeList .rtlTable {
        font: 13px Roboto, sans-serif !important;
    }

.TreeListToolTip {
    font: 13px Roboto, sans-serif !important;
}

.RadTreeList .rtlHeader {
    color: rgb(0, 21, 110);
    background: silver !important;
    border-color: silver !important;
}

    .RadTreeList .rtlHeader a {
        color: rgb(0, 21, 110);
    }

    .RadTreeList .rtlHeader th {
        border-color: silver !important;
    }

.RadTreeList .rtlScroller {
    border-color: rgb(153, 186, 223);
}

.RadTreeList .rtlA {
    background-color: rgb(231, 235, 242);
}

.RadTreeList .rtlRActive {
    background: rgb(255, 229, 176);
}

.RadTreeList .rtlREdit {
    background-color: rgb(255, 229, 173);
}

.rtlCEdit .RadTreeList {
    border-right: 1px solid;
    border-top: 1px solid;
}

.RadTreeList .rtlRActive td,
.RadTreeList .rtlR td,
.RadTreeList .rtlA td,
.RadTreeList .rtlREdit td,
.RadTreeList .rtlRFooter td,
.RadTreeList .rtlEditForm {
    border-color: rgb(208, 215, 229);
}

    .RadTreeList .rtlR a,
    .RadTreeList .rtlA a,
    .RadTreeList .rtlREdit a,
    .RadTreeList .rtlEditForm a {
        color: rgb(0, 21, 110);
    }

.RadTreeList .rtlVBorders td.rtlL,
.RadTreeList .rtlLines td.rtlL {
    background-color: rgb(255, 255, 255);
}

.RadTreeList .rtlExpand {
    background-position: 0px 0px;
}

.RadTreeList .rtlCollapse {
    background-position: 0px -50px;
}

.RadTreeList .rtlSortAsc {
    background-position: 3px -147px;
}

.RadTreeList .rtlSortDesc {
    background-position: 3px -96px;
}

.TreeListReorderTop {
    height: 12px;
}

.TreeListReorderBottom {
    height: 12px;
    background-position: 0px -50px;
}

.TreeListToolTip {
    border-color: rgb(97, 135, 184);
    background: rgb(215, 227, 242);
    color: rgb(51, 51, 51);
}

.RadTreeList .rtlPager {
    color: rgb(0, 21, 110);
}

.RadTreeList .rtlPagerCell {
    border-color: rgb(93, 140, 201);
}

.RadTreeList .rtlPager .rtlInfoPart {
    color: rgb(62, 105, 163);
}

.RadTreeList .rtlPager .rtlPageFirst {
    background-position: 0px -550px;
}

    .RadTreeList .rtlPager .rtlPageFirst:hover {
        background-position: 0px -600px;
    }

.RadTreeList .rtlPager .rtlPagePrev {
    background-position: 0px -700px;
}

    .RadTreeList .rtlPager .rtlPagePrev:hover {
        background-position: 0px -750px;
    }

.RadTreeList .rtlPager .rtlPageNext {
    background-position: 0px -850px;
}

    .RadTreeList .rtlPager .rtlPageNext:hover {
        background-position: 0px -900px;
    }

.RadTreeList .rtlPager .rtlPageLast {
    background-position: 0px -1000px;
}

    .RadTreeList .rtlPager .rtlPageLast:hover {
        background-position: 0px -1050px;
    }

.RadTreeList .rtlPager .rtlPagerButton {
    border-color: rgb(194, 206, 219);
    color: rgb(0, 0, 0);
    font-family: Tahoma, arial, sans-serif;
}

.RadTreeList .rtlPager .rtlNumPart a {
    color: rgb(30, 57, 91);
}

    .RadTreeList .rtlPager .rtlNumPart a:hover {
        background-position: 100% -1250px;
        color: rgb(76, 96, 122);
    }

        .RadTreeList .rtlPager .rtlNumPart a:hover span {
            background-position: 0px -1150px;
        }

    .RadTreeList .rtlPager .rtlNumPart a.rtlCurrentPage {
        background-position: 100% -1450px;
        color: rgb(76, 96, 122);
    }

        .RadTreeList .rtlPager .rtlNumPart a.rtlCurrentPage:hover {
            background-position: 100% -1450px;
            color: rgb(76, 96, 122);
        }

            .RadTreeList .rtlPager .rtlNumPart a.rtlCurrentPage span,
            .RadTreeList .rtlPager .rtlNumPart a.rtlCurrentPage:hover span {
                background-position: 0px -1350px;
            }

.RadListBox {
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

    .RadListBox .rlbGroup,
    .RadListBox .rlbTemplateContainer {
        border-color: rgb(158, 182, 206);
        color: rgb(51, 51, 51);
        background-color: rgb(255, 255, 255);
    }

    .RadListBox .rlbItem.rlbHovered {
        color: rgb(0, 21, 110);
        background-color: rgb(255, 227, 165) !important;
    }

    .RadListBox .rlbItem.rlbSelected {
        font-weight: 600;
        color: rgb(51, 51, 51) !important;
        background-color: rgb(255, 227, 165) !important;
        border: none !important;
    }

    .RadListBox .rlbHighlight {
        color: rgb(0, 21, 110);
        background-color: rgb(255, 213, 99);
    }

    .RadListBox .rlbHeader,
    .RadListBox .rlbFooter {
        border-color: rgb(161, 188, 221);
        background-color: rgb(241, 242, 244);
    }

    .RadListBox .rlbFooter {
        background-position: 0px -200px;
        background-color: rgb(255, 255, 255);
    }

    .RadListBox .rlbGroup .rlbDropClueAbove {
        border-top-color: rgb(142, 142, 142);
    }

    .RadListBox .rlbGroup .rlbDropClueBelow {
        border-bottom-color: rgb(142, 142, 142);
    }

    .RadListBox .rlbGroup .rlbSelected.rlbDropClueAbove,
    .RadListBox .rlbGroup .rlbHovered.rlbDropClueAbove,
    .RadListBox .rlbGroup .rlbSelected.rlbDropClueBelow,
    .RadListBox .rlbGroup .rlbHovered.rlbDropClueBelow {
        border-color: rgb(142, 142, 142);
    }

    .RadListBox .rlbButton {
        color: rgb(0, 21, 110);
    }

        .RadListBox .rlbButton:hover {
            color: rgb(0, 0, 0);
        }

    .RadListBox .rlbDisabled,
    .RadListBox .rlbDisabled:hover {
        color: rgb(0, 21, 110);
    }

    .RadListBox .rlbMoveUp .rlbButtonText {
        background-position: 0px 0px;
    }

    .RadListBox .rlbMoveUp:hover .rlbButtonText {
        background-position: -400px 0px;
    }

    .RadListBox .rlbMoveUpDisabled .rlbButtonText,
    .RadListBox .rlbMoveUpDisabled:hover .rlbButtonText {
        background-position: -200px 0px;
    }

    .RadListBox .rlbMoveDown .rlbButtonText {
        background-position: 0px -25px;
    }

    .RadListBox .rlbMoveDown:hover .rlbButtonText {
        background-position: -400px -25px;
    }

    .RadListBox .rlbMoveDownDisabled .rlbButtonText,
    .RadListBox .rlbMoveDownDisabled:hover .rlbButtonText {
        background-position: -200px -25px;
    }

    .RadListBox .rlbMoveToTop .rlbButtonText {
        background-position: 0px -275px;
    }

    .RadListBox .rlbMoveToTop:hover .rlbButtonText {
        background-position: -400px -275px;
    }

    .RadListBox .rlbMoveToTopDisabled .rlbButtonText,
    .RadListBox .rlbMoveToTopDisabled:hover .rlbButtonText {
        background-position: -200px -275px;
    }

    .RadListBox .rlbMoveToBottom .rlbButtonText {
        background-position: 0px -300px;
    }

    .RadListBox .rlbMoveToBottom:hover .rlbButtonText {
        background-position: -400px -300px;
    }

    .RadListBox .rlbMoveToBottomDisabled .rlbButtonText,
    .RadListBox .rlbMoveToBottomDisabled:hover .rlbButtonText {
        background-position: -200px -300px;
    }

    .RadListBox .rlbDelete .rlbButtonText {
        background-position: 0px -50px;
    }

    .RadListBox .rlbDelete:hover .rlbButtonText {
        background-position: -400px -50px;
    }

    .RadListBox .rlbDeleteDisabled .rlbButtonText,
    .RadListBox .rlbDeleteDisabled:hover .rlbButtonText {
        background-position: -200px -50px;
    }

    .RadListBox .rlbButtonAreaRight .rlbTransferTo .rlbButtonText,
    .RadListBox .rlbButtonAreaLeft .rlbTransferFrom .rlbButtonText {
        background-position: 0px -100px;
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferTo .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferFrom .rlbButtonText {
        background-position: 0px -75px;
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferFrom:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferTo:hover .rlbButtonText {
        background-position: -400px -100px;
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferTo:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferFrom:hover .rlbButtonText {
        background-position: -400px -75px;
    }

    .RadListBox .rlbButtonAreaRight .rlbTransferToDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaLeft .rlbTransferFromDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaLeft .rlbTransferFromDisabled:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferToDisabled:hover .rlbButtonText {
        background-position: -200px -100px;
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferToDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferFromDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaLeft .rlbTransferToDisabled:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferFromDisabled:hover .rlbButtonText {
        background-position: -200px -75px;
    }

    .RadListBox .rlbButtonAreaRight .rlbTransferAllTo .rlbButtonText,
    .RadListBox .rlbButtonAreaLeft .rlbTransferAllFrom .rlbButtonText {
        background-position: 0px -150px;
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferAllTo .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferAllFrom .rlbButtonText {
        background-position: 0px -125px;
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferAllFrom:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferAllTo:hover .rlbButtonText {
        background-position: -400px -150px;
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferAllTo:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferAllFrom:hover .rlbButtonText {
        background-position: -400px -125px;
    }

    .RadListBox .rlbButtonAreaRight .rlbTransferAllToDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaLeft .rlbTransferAllFromDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaLeft .rlbTransferAllFromDisabled:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferAllToDisabled:hover .rlbButtonText {
        background-position: -200px -150px;
    }

    .RadListBox .rlbButtonAreaLeft .rlbTransferAllToDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferAllFromDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaLeft .rlbTransferAllToDisabled:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaRight .rlbTransferAllFromDisabled:hover .rlbButtonText {
        background-position: -200px -125px;
    }

    .RadListBox .rlbButtonAreaBottom .rlbTransferTo .rlbButtonText,
    .RadListBox .rlbButtonAreaTop .rlbTransferFrom .rlbButtonText {
        background-position: 0px -200px;
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferTo .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferFrom .rlbButtonText {
        background-position: 0px -175px;
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferFrom:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferTo:hover .rlbButtonText {
        background-position: -400px -200px;
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferTo:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferFrom:hover .rlbButtonText {
        background-position: -400px -175px;
    }

    .RadListBox .rlbButtonAreaBottom .rlbTransferToDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaTop .rlbTransferFromDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaTop .rlbTransferFromDisabled:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferToDisabled:hover .rlbButtonText {
        background-position: -200px -200px;
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferToDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferFromDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaTop .rlbTransferToDisabled:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferFromDisabled:hover .rlbButtonText {
        background-position: -200px -175px;
    }

    .RadListBox .rlbButtonAreaBottom .rlbTransferAllTo .rlbButtonText,
    .RadListBox .rlbButtonAreaTop .rlbTransferAllFrom .rlbButtonText {
        background-position: 0px -250px;
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferAllTo .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferAllFrom .rlbButtonText {
        background-position: 0px -225px;
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferAllFrom:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferAllTo:hover .rlbButtonText {
        background-position: -400px -250px;
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferAllTo:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferAllFrom:hover .rlbButtonText {
        background-position: -400px -225px;
    }

    .RadListBox .rlbButtonAreaBottom .rlbTransferAllToDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaTop .rlbTransferAllFromDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaTop .rlbTransferAllFromDisabled:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferAllToDisabled:hover .rlbButtonText {
        background-position: -200px -250px;
    }

    .RadListBox .rlbButtonAreaTop .rlbTransferAllToDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferAllFromDisabled .rlbButtonText,
    .RadListBox .rlbButtonAreaTop .rlbTransferAllToDisabled:hover .rlbButtonText,
    .RadListBox .rlbButtonAreaBottom .rlbTransferAllFromDisabled:hover .rlbButtonText {
        background-position: -200px -225px;
    }

.RadEditor,
.RadEditor .reModule,
.RadEditor .reEditorModes,
.RadEditor .reWrapper {
    background-color: rgb(214, 230, 244);
}

    .reWrapper,
    .RadEditor .reContentCell,
    .reColorPicker,
    .reInsertTable,
    .reCustomLinks a:hover {
        border: 1px solid rgb(104, 140, 175);
        background-color: rgb(214, 230, 244);
    }

.reEmptyMessage {
    color: rgb(141, 141, 141);
}

.RadEditor .reContentCell iframe.reHtmlMode {
    display: none !important;
}

.RadEditor .reContentCell {
    background-color: rgb(255, 255, 255);
}

    .RadEditor .reContentCell.reNoBorder {
        border: 0px;
    }

.RadEditor .reNoBorder div.reContentArea {
    border: 1px solid rgb(104, 140, 175);
}

.reDropDownBody {
    border: 1px solid rgb(104, 140, 175);
    background-color: rgb(255, 255, 255);
}

    .reDropDownBody table {
        background: transparent;
    }

.RadEditor .reModule {
    border-top: 1px solid rgb(104, 140, 175);
}

.reCustomLinks a,
.reCustomLinks a:link,
.reCustomLinks a:visited {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(0, 0, 0) !important;
}

    .reCustomLinks a:hover {
        background-color: rgb(255, 225, 138);
        border: 1px solid rgb(167, 190, 219);
    }

.reToolbar li,
.reSpinBox a,
.reToolbar .reSeparator,
.reToolbar .reGrip,
.reDialog .reTool,
.reModule .reTool,
.reDialog .reTool:hover,
.reToolbar .reTool:hover,
.reModule .reTool:hover,
.reToolbar .reTool.reTool_selected,
.reToolbar .reTool.reTool_selected:hover,
.reToolbar .reTool_text:hover,
.reToolbar .reTool_text.reTool_selected,
.reToolbar .reTool_text.reTool_selected:hover,
.reTool .split_arrow,
.reSplitButton.reTool_text .split_arrow,
.reToolbar .reTool_text .split_arrow,
.reDialog .reTool.reSplitButton,
.reModule .reTool.reSplitButton,
.reDropdown,
.reTool_disabled.reDropdown:hover,
.reResizeCell div,
.reInsertTable .reToolbar li .reTool:hover,
.RadEditor.reRtl .reDropdown:hover {
    background-image: none !important;
}

.reToolbar li {
    color: rgb(0, 0, 0);
}

.reToolbar .reTool_text:hover,
.reToolbar .reTool_text.reTool_selected,
.reToolbar .reTool_text.reTool_selected:hover {
    border-left: 1px solid rgb(198, 186, 157);
    border-right: 1px solid rgb(198, 186, 157);
}

.reToolbar .reTool_text.reTool_disabled,
.reToolbar .reTool_text.reTool_disabled:hover {
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
}

.reDropdown:link,
.reDropdown:visited {
    color: rgb(0, 0, 0) !important;
}

.reDropdown,
.reTool_disabled.reDropdown:hover {
    border: 1px solid rgb(171, 193, 222);
    background-color: rgb(255, 255, 255);
}

    .reDropdown:hover {
        border-color: rgb(48, 80, 144);
        color: rgb(0, 0, 0);
    }

.reDropDownBody .reTlbVertical .reToolbar {
    background-color: rgb(255, 255, 255);
}

table.reSpinBox,
.RadEditor input {
    border-color: rgb(171, 193, 222);
    background-color: rgb(255, 255, 255);
}

    table.reSpinBox:hover,
    .RadEditor input:hover {
        border: 1px solid rgb(198, 186, 157);
    }

.reModule_domlink_selected,
.reModule_domlink {
    color: rgb(0, 0, 0);
}

.reDropDownBody .reItemOver {
    background: rgb(252, 195, 101);
    color: rgb(0, 0, 0);
}

.reColorPicker table div,
.reColorPicker span {
    border: 1px solid rgb(104, 140, 175);
}

.reColorPicker table td.reItemOver div {
    border-color: rgb(0, 0, 0);
}

.reAjaxspell_button {
    border: 1px solid rgb(167, 190, 219);
    background-color: rgb(232, 241, 252);
    color: rgb(0, 21, 110);
}

.reAjaxSpellCheckSeparator {
    background-color: rgb(255, 255, 255);
}

.reCustomLinks,
.reCustomLinks ul {
    color: rgb(0, 0, 0);
}

    .reCustomLinks a {
        background: none transparent;
        color: rgb(0, 0, 0);
        cursor: default !important;
    }

        .reCustomLinks a:hover {
            color: rgb(255, 255, 255);
        }

.reInsertTable table {
    background-color: rgb(255, 255, 255);
}

    .reInsertTable table td {
        border: 1px solid rgb(171, 193, 222);
        background-color: rgb(255, 255, 255);
    }

    .reInsertTable table .reItemOver {
        border: 1px solid rgb(48, 80, 144);
        background-color: rgb(252, 195, 101);
    }

.reInsertTable .reTlbVertical ul {
    background-color: rgb(255, 255, 255);
}

.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text,
.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link,
.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited {
    background: none transparent;
    color: rgb(0, 0, 0) !important;
}

.reCommentEdit,
.reCommentTextArea,
.reCommentView,
.reCommentInfoPanel {
    border-color: transparent;
    background-color: rgb(214, 230, 244);
}

.reCommentTitle,
.reCommentInfoPanel {
    color: rgb(0, 0, 0);
}

.reCommentTextArea {
    border-color: rgb(104, 140, 175);
    background-color: rgb(214, 230, 244);
}

.RadEditor .reCommentButton,
.rePopupButtonContainer .rePopupButton {
    border-color: rgb(167, 190, 219) rgb(121, 149, 186) rgb(163, 186, 216) rgb(119, 147, 185);
    color: rgb(31, 50, 129);
    background: linear-gradient(rgb(232, 241, 252) 25%, rgb(233, 241, 252) 50%, rgb(210, 225, 244) 75%, rgb(232, 241, 252) 100%);
}

    .RadEditor .reCommentButton:hover,
    .rePopupButtonContainer .rePopupButton:hover {
        border-color: rgb(216, 202, 149) rgb(184, 160, 118) rgb(198, 186, 157) rgb(185, 161, 120);
        color: rgb(0, 0, 0);
        background: linear-gradient(rgb(255, 252, 232) 25%, rgb(255, 237, 179) 50%, rgb(255, 213, 99) 75%, rgb(255, 225, 138) 100%);
    }

    .RadEditor .reCommentButton:active,
    .rePopupButtonContainer .rePopupButton:active {
        color: rgb(0, 0, 0);
        border-color: rgb(143, 130, 103) rgb(173, 164, 144) rgb(195, 189, 174);
        background: linear-gradient(rgb(235, 197, 155) 25%, rgb(250, 173, 96) 50%, rgb(249, 150, 49) 75%, rgb(253, 226, 146) 100%);
    }

.rePopupContainer {
    border-color: rgb(171, 193, 222);
    background-color: rgb(214, 230, 244);
}

    .rePopupContainer .rePopupTitle {
        color: rgb(0, 21, 110);
        border-color: rgb(158, 182, 206);
        background: linear-gradient(rgb(222, 232, 245) 0px, silver 100%);
    }

.reWrapper.reInlineEditor:hover {
    border-color: rgb(171, 193, 222);
}

.reWrapper.reInlineEditorSelected,
.reWrapper.reInlineEditorSelected:hover {
    border-color: rgb(48, 80, 144);
}

.RadEditor.reRtl .reTool .split_arrow:hover {
    border-right-color: rgb(198, 186, 157);
}

.RadEditor.reRtl .reDropdown:hover {
    background-color: rgb(255, 226, 123);
}

.RadWindow.RadWindow.reToolbarWindow td.rwWindowContent,
.RadWindow.RadWindow.reToolbarWindow div.rwContent {
    background-color: rgb(214, 230, 244);
}

.RadWindow .reInsertTableLightWrapper .lightTable {
    border-color: rgb(104, 140, 175);
}

.reTool .split_arrow:hover {
    border-left-color: rgb(198, 186, 157);
}

.RadEditor,
.reDropDownBody,
.reDropDownBody *,
.reDropDown,
.reDropDown * {
    box-sizing: content-box;
    padding: 0px;
    margin: 0px;
    border-radius: 2px !important;
}

.reCustomContainer::after {
    clear: both;
    content: "";
    display: block;
}

.RadEditor .reToolbarWrapper input[type="button"],
.RadEditor .reToolbarWrapper input[type="reset"],
.RadEditor .reToolbarWrapper input[type="submit"],
.RadEditor .reToolbarWrapper button {
    margin-left: auto;
    min-width: 0px;
    padding: 0px;
}

.reLayoutWrapper,
.reWrapper_corner,
.reWrapper_center,
.reLeftVerticalSide,
.reRightVerticalSide,
.reTlbVertical,
.reToolCell,
.reContentCell,
.reToolZone,
.reBottomTable,
.reEditorModesCell,
.reBottomZone,
.reResizeCell {
    border: 0px;
    padding: 0px;
}

.RadEditor .reToolZone .reBottomZone .reModule {
    border-top: 0px;
}

.reDropDownBody {
    background-color: rgb(255, 255, 255);
}

.reContentCell,
.reContentCell iframe {
    background-color: rgb(255, 255, 255);
}

    .reContentCell iframe {
        box-sizing: border-box;
        display: block !important;
        padding: 10px !important;
    }

.RadEditor .reTextArea {
    margin: 0px;
    width: 100%;
    height: 100%;
    /* display: block; */
    box-sizing: border-box;
    border: 0px;
    resize: none;
    color: rgb(0, 0, 128);
    font-size: 13px !important;
    padding: 5px 10px !important;
    outline: none !important;
}

.reTextAreaHidden {
    display: none;
}

.reIframeWrapperIOS {
    height: 0px;
    width: 100%;
    overflow: auto;
}

.RadEditor.reFullScreen {
    position: absolute;
    z-index: 3000;
}

.RadEditor.reWrapper .reToolCell {
    vertical-align: top;
    padding-bottom: 1px;
}

html .RadEditor.reWrapper .reToolCell {
    padding-bottom: 0px;
}

.reBottomZone {
    text-align: right;
    vertical-align: bottom;
}

.reToolbarWrapper {
    margin-top: 0px;
}

.reToolbar {
    float: left;
    padding: 0px !important;
    margin: 0px 0px 1px !important;
    list-style: none !important;
}

    .reToolbar li {
        float: left;
        background-repeat: repeat-x;
        height: 26px;
        background-position: 0px -26px;
        padding: 0px !important;
        margin: 0px !important;
        list-style: none !important;
    }

.reToolbar {
    margin-bottom: 2px;
}

    .reToolbar a,
    .reDropdown,
    .reSpinBox input,
    .RadEditor input,
    .reModule,
    .reModule td,
    .reEditorModes a,
    .reDropDownBody,
    .reDropDownBody td,
    .reAjaxspell_wrapper,
    .reAjaxspell_button,
    .reAjaxspell_addicon,
    .reAjaxspell_ignoreicon,
    .reAjaxspell_okicon,
    .reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text,
    .reColorPicker .reCustomColor {
        color: rgb(0, 0, 0);
        text-decoration: none;
        cursor: default;
        font: 13px Roboto, sans-serif !important;
    }

.RadEditor .reEmptyMessage {
    font: 13px Roboto, sans-serif !important;
}

.RadEditor table.reLayoutWrapper {
    border-collapse: collapse;
    table-layout: auto;
}

.RadEditor table.reBottomTable {
    display: inline-block;
    margin-top: -2px !important;
    border-top: 1px solid #ECEFF1;
}

.RadEditor .reContentCell {
    vertical-align: top;
}

.reAjaxspell_button {
    white-space: nowrap;
}

.reAjaxspell_addicon,
.reAjaxspell_ignoreicon,
.reAjaxspell_okicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 0px;
    margin: 2px 4px 2px 2px;
    background-repeat: no-repeat;
}

.reAjaxspell_ignoreicon {
    background-position: center -103px;
}

.reAjaxspell_okicon {
    background-position: center -134px;
}

.reAjaxspell_addicon {
    background-position: center -166px;
}

.reAjaxSpellCheckSuggestions table {
    border-width: 0px;
    width: 100%;
}

.reAjaxSpellCheckSuggestions td {
    width: 100%;
    padding-left: 4px;
}

.reAjaxSpellCheckSeparator {
    font-size: 1px;
    height: 1px;
    margin: 2px 1px;
}

.reAjaxSpellCheck {
    padding: 2px;
}

.RadEditor .reTextarea {
    font-size: 11px;
}

.reToolbar .reSeparator {
    font-size: 1px;
    background: white;
    display: none;
    width: 2px !important;
    height: 20px !important;
}

.reToolbar .reGrip {
    height: 26px;
    width: 4px;
    font-size: 1px;
    background-repeat: no-repeat;
}

ul.reToolbar li.grip_first {
    background-position: 0px 0px;
}

ul.reToolbar li.grip_last {
    background-position: -4px 0px;
}

.RadEditor .reTlbVertical .reToolbar .grip_last {
    background-position: 0px -4px;
}

.reAlignmentSelector div {
    height: 20px;
}

ul.reToolbar li span:hover {
    background-color: rgb(255, 255, 255) !important;
}

.reDropDownBody span {
    padding: 5px;
    display: inline-block;
}

.reDropDownBody td {
    padding: 3px;
}

.reTool span {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    cursor: default;
    background-repeat: no-repeat;
    margin: 2px !important;
}

.reTool,
.reTool:link,
.reTool:visited {
    display: block;
    width: 24px;
    height: 24px;
    cursor: default;
    border: 1px solid transparent;
    margin: 0px 1px !important;
    text-decoration: none !important;
}

.RadEditor .reDialog .reTool:hover,
.RadEditor .reModule .reTool:hover,
.reToolbarWindow .reToolbar .reTool:hover {
    background-position: 0px -76px;
}

.RadEditor .reToolbar .reTool:hover {
    background-position: 0px -52px;
}

.reTool_disabled {
    opacity: 0.4;
}

.RadEditor .reDialog .reTool_disabled:hover,
.RadEditor .reToolbar .reTool_disabled:hover,
.RadEditor .reModule .reTool_disabled:hover,
.reToolbarWindow .reToolbar .reTool_disabled:hover {
    background-image: none !important;
}

.RadEditor .reToolbar .reTool.reTool_selected,
.RadEditor .reToolbar .reTool.reTool_selected:hover,
.reToolbarWindow .reToolbar .reTool.reTool_selected,
.reToolbarWindow .reToolbar .reTool.reTool_selected:hover {
    background-position: 0px -124px;
    background-repeat: no-repeat;
}

.reToolbar .reTool_text:hover {
    background-repeat: repeat-x;
    background-position: 0px -100px;
    margin-left: 0px;
    margin-right: 0px;
}

.reToolbar .reTool_text.reTool_selected,
.reToolbar .reTool_text.reTool_selected:hover {
    background-repeat: repeat-x;
    background-position: 0px -174px;
    margin-left: 0px;
    margin-right: 0px;
}

.reToolbar .reTool_text span {
    background-repeat: no-repeat;
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin: 4px;
    cursor: default;
}

.reToolbar .reTool_text {
    height: 24px;
    width: auto;
    margin: 1px;
    text-decoration: none;
    cursor: default;
    float: left;
    align-items: center;
    display: flex !important;
}

ul.reToolbar .reTool_text span.reButton_text {
    width: auto;
    background-image: none;
    color: rgb(0, 0, 0);
}

.reSplitButton,
.reSplitButton:link,
.reSplitButton:visited {
    height: 24px;
    text-decoration: none !important;
}

.reSplitButton {
    position: relative;
}

.reTool .split_arrow {
    width: 12px;
    height: 22px;
    margin-left: 1px;
    background-position: -25px -360px;
    top: -2px;
    right: -3px;
    border-left: 1px solid transparent;
}

    .reTool .split_arrow::after {
        content: "➤";
        transform: rotate(90deg);
        position: absolute;
        right: 0px;
        top: 3px;
        font-size: 10px;
        width: 100% !important;
        height: 80% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

.reSplitButton.reTool_text .split_arrow {
    width: 5px;
    height: 18px;
    background-position: -28px -362px;
}

.reDialog .reTool,
.reModule .reTool {
    background-position: 0px -242px;
}

    .reDialog .reTool.reSplitButton,
    .reModule .reTool.reSplitButton {
        background-repeat: no-repeat;
        background-position: 0px -218px;
    }

.reToolWrapper .reTool.reSplitButton:hover,
.reToolbarWrapper .reTool.reSplitButton:hover {
    background-repeat: no-repeat;
    background-position: 0px -76px !important;
}

.reToolWrapper .reTool_disabled.reSplitButton:hover,
.reToolbarWrapper .reTool_disabled.reSplitButton:hover {
    background-image: none !important;
}

.reToolbar a {
    text-decoration: none !important;
}

.reDropdown,
.reTool_disabled.reDropdown:hover {
    display: block;
    float: left;
    cursor: default;
    background-repeat: no-repeat;
    background-position: right -360px;
    padding-left: 4px;
    padding-right: 10px;
    margin: 2px 0px;
}

    .reDropdown:hover {
        border: 1px solid;
        background-position: right 0px;
        text-decoration: none;
    }

    .reDropdown span {
        display: block;
        width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 20px;
    }

        .reDropdown span.FontSize {
            width: 21px;
        }

        .reDropdown span.RealFontSize {
            width: 34px;
        }

.RadRibbonBar .reDropdown span.RealFontSize {
    width: 80px;
}

.reDropdown span.Zoom {
    width: 44px;
}

.reTlbVertical ul.reToolbar {
    float: none;
    clear: both;
    width: 26px;
    height: auto;
}

.reTlbVertical li {
    clear: both;
    float: none;
    background-repeat: repeat-y;
    background-position: -26px 0px;
    margin: 0px !important;
    font-size: 1px !important;
    padding: 0px !important;
    line-height: 1px !important;
}

.reTlbVertical .reGrip {
    width: 26px;
    height: 4px;
    background-repeat: no-repeat;
    font-size: 1px !important;
    line-height: 1px !important;
}

.reTlbVertical .reTool {
    margin-top: 0px;
    margin-bottom: 0px;
}

.reTlbVertical .reToolbar .reSeparator {
    width: 26px;
    height: 4px;
    line-height: 1px;
    font-size: 1px;
    background-position: -100px -12px;
}

.RadEditor .reTlbVertical .reTool:hover,
.RadEditor .reTlbVertical .reTool_text.reSplitButton:hover,
.RadEditor .reTlbVertical .reSplitButton:hover,
.RadEditor .reTlbVertical .reTool_text:hover {
    background-repeat: no-repeat;
    background-position: -76px 0px;
}

.RadEditor .reTlbVertical .reTool_selected,
.RadEditor .reTlbVertical .reTool_selected,
.RadEditor .reTlbVertical .reTool_selected:hover,
.RadEditor .reTlbVertical .reTool.reTool_selected,
.RadEditor .reTlbVertical .reTool_text.reTool_selected,
.RadEditor .reTlbVertical .reTool_text.reTool_selected:hover {
    background-repeat: no-repeat;
    background-position: -52px 0px;
}

.reTlbVertical .reTool_text,
.reTlbVertical .reSplitButton {
    width: 24px;
    height: 24px;
}

    .reTlbVertical .reTool_text .reButton_text {
        display: none;
    }

    .reTlbVertical .split_arrow,
    .reTlbVertical .reDropdown span,
    .reTlbVertical .reTool_text.reSplitButton .reButton_text,
    .reTlbVertical .reTool_text.reSplitButton .split_arrow {
        display: none;
    }

.reTlbVertical .reDropdown,
.reTlbVertical .reDropdown:hover {
    height: 20px;
    width: 22px;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
}

.reTlbVertical .reTool,
.reTlbVertical .reDropdown {
    margin-left: 1px;
}

.reDropDownBody {
    float: left;
}

    .reDropDownBody .reTlbVertical ul li {
        clear: both;
        float: none;
        background: 0px center;
    }

        .reDropDownBody .reTlbVertical ul li a,
        .reDropDownBody .reTlbVertical ul li .reTool_disabled:hover {
            clear: both;
            float: none;
            width: 100%;
            display: block;
            border: 0px;
            background: 0px center;
        }

    .reDropDownBody .reTlbVertical ul.reToolbar li a:hover {
        background-repeat: no-repeat;
        background-position: -602px 0px;
        border-width: 0px;
        border-style: initial;
        border-top-color: initial;
        border-right-color: initial;
        border-bottom-color: initial;
        border-image: initial;
        margin-left: 1px;
        margin-right: 1px;
        border-left-color: transparent !important;
    }

div.RadEditor td.reTlbVertical ul.reToolbar {
    width: 26px !important;
}

.reDropDownBody .reTlbVertical ul li .reButton_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 8px;
    display: block;
    width: 156px !important;
}

.reDropDownBody div.reTlbVertical {
    float: left;
    height: auto;
    overflow: hidden;
}

.reDropDownBody .reTlbVertical .reToolbar {
    width: 206px;
    background-repeat: repeat-y;
    background-position: -126px 0px;
}

.reCustomLinks,
.reCustomLinks ul,
.reCustomLinks li {
    list-style: none !important;
    padding: 0px !important;
    margin: 0px !important;
    cursor: default !important;
}

ul.reCustomLinks {
    margin-left: 3px !important;
}

    ul.reCustomLinks li ul {
        margin-left: 12px !important;
    }

    ul.reCustomLinks a {
        text-decoration: underline !important;
    }

        ul.reCustomLinks a:hover {
            cursor: pointer !important;
        }

    ul.reCustomLinks li {
        clear: both;
        float: none;
    }

    ul.reCustomLinks span,
    ul.reCustomLinks a {
        display: block;
        float: left;
        cursor: default;
        zoom: 1;
    }

    ul.reCustomLinks .reCustomLinksIcon {
        font-size: 1px !important;
    }

        ul.reCustomLinks .reCustomLinksIcon.reIcon_empty {
            cursor: default;
        }

    ul.reCustomLinks li {
        padding: 1px 0px !important;
    }

    ul.reCustomLinks span,
    ul.reCustomLinks a {
        cursor: default;
        padding-left: 1px !important;
        padding-right: 1px !important;
    }

    ul.reCustomLinks .reCustomLinksIcon {
        width: 9px;
        height: 9px;
        background-repeat: no-repeat;
        padding: 0px !important;
        margin: 2px 4px 0px 0px !important;
    }

    ul.reCustomLinks span {
        margin-top: 0px;
    }

    ul.reCustomLinks .reCustomLinksIcon.reIcon_plus {
        background-position: 0px 0px;
    }

    ul.reCustomLinks .reCustomLinksIcon.reIcon_minus {
        background-position: -9px 0px;
    }

    ul.reCustomLinks .reCustomLinksIcon.reIcon_empty {
        background: 0px center;
    }

table.reSpinBox {
    border: 1px solid;
    border-collapse: collapse;
    cursor: text;
}

    table.reSpinBox td {
        padding: 0px !important;
    }

.reSpinBox input {
    background: none transparent;
    width: 30px;
    height: 16px;
    text-align: right;
    cursor: text;
    padding: 0px;
    border: 0px !important;
}

.RadForm.rfdTextbox .reSpinBox input {
    width: 30px;
}

.reSpinBox a {
    display: block;
    text-indent: -9999px;
    width: 11px;
    height: 10px;
    cursor: default;
    background-repeat: no-repeat;
    user-select: none;
    outline: 0px;
    font-size: 1px !important;
}

.reSpinBoxIncrease {
    background-position: 0px -198px;
}

    .reSpinBoxIncrease:hover {
        background-position: 0px -208px;
    }

.reSpinBoxDecrease {
    background-position: -11px -198px;
}

    .reSpinBoxDecrease:hover {
        background-position: -11px -208px;
    }

div.RadEditor input {
    border: 1px solid;
    cursor: text;
}

.reModule {
    border-collapse: collapse !important;
}

td.reModuleLabel {
    vertical-align: middle !important;
    text-align: right !important;
    padding-left: 6px !important;
    padding-right: 3px !important;
}

td.reModuleText .reEllipsisText {
    max-width: 110px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    float: right;
}

.reModule .reDropdown,
.reModule .reTool,
.reModule .reSplitButton {
    margin: 1px 0px 0px !important;
}

.reEditorModes {
    float: left;
    padding: 1px 0px !important;
    max-height: 25px;
}

    .reEditorModes ul,
    .reEditorModes li {
        display: inline-block;
        padding: 0px !important;
        margin: 0px !important;
        list-style: none !important;
    }

    .reEditorModes li {
        float: left !important;
    }

    .reEditorModes a,
    .reEditorModes span {
        display: block;
        cursor: pointer;
    }

    .reEditorModes a {
        width: 76px;
        border: 1px solid transparent;
        background: none !important;
    }

    .reEditorModes span {
        line-height: 22px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 22px;
        margin: 0px 3px;
        background-repeat: no-repeat;
        margin: 0 !important;
        !i;
        !;
    }

.reMode_selected {
    background-repeat: no-repeat;
    background-position: -948px 0px;
}

    .reMode_design span,
    .reMode_selected.reMode_design span {
        background-position: -6px -5px;
    }

    .reMode_html span,
    .reMode_selected.reMode_html span {
        background-position: -6px -36px;
    }

    .reMode_preview span,
    .reMode_selected.reMode_preview span {
        background-position: -6px -69px;
    }

.reWrapper_corner,
.reWrapper_center,
.reLeftVerticalSide,
.reRightVerticalSide {
    font-size: 1px;
    line-height: 1px;
}

.reLeftVerticalSide,
.reRightVerticalSide {
    display: none;
    padding: 0px !important;
}

.reModule_domlink {
    text-decoration: none;
    font-size: 11px;
}

.reColorPicker {
    user-select: none;
    padding: 4px;
}

    .reColorPicker table {
        border-collapse: collapse;
        border: 0px !important;
        background: transparent !important;
    }

        .reColorPicker table td {
            border: 0px;
        }

    .reColorPicker .reColorPickerFooter {
        overflow: hidden;
    }

    .reColorPicker span {
        display: block;
        text-align: center;
        float: left;
        cursor: default;
    }

    .reColorPicker table div {
        width: 11px;
        height: 11px;
        line-height: 11px;
        font-size: 1px;
    }

    .reColorPicker table td {
        padding: 0px 2px;
    }

.reDropDownBody.reColorPicker table td.reItemOver {
    border: 0px !important;
    background: transparent !important;
}

.reDropDownBody td.reFormatSetsHeader {
    font-weight: 600;
    font-size: 13px;
    border-bottom: 1px solid;
}

.reColorPicker .reColorPickerFooter {
    margin: 0px auto;
    height: 18px;
    width: 166px;
    padding: 4px 0px;
}

.reColorPicker span {
    width: 82px;
    height: 20px;
    line-height: 18px;
}

.reColorPicker .reColorPickerFooter .reDarkColor {
    background: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    border-right: 0px;
}

.reColorPicker .reColorPickerFooter .reLightColor {
    background: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    border-left: 0px;
}

.reColorPicker .reCustomColor:hover {
    text-decoration: underline;
}

.reInsertSymbol td {
    text-align: center;
    vertical-align: middle;
}

.reInsertTable {
    padding: 1px !important;
}

    .reInsertTable table {
        width: 120px;
        margin-left: 2px;
        background-color: transparent;
        border-collapse: separate;
        border-spacing: 2px;
        border: 0px !important;
    }

        .reInsertTable table a span {
            text-decoration: none;
        }

        .reInsertTable table td {
            font-size: 1px;
        }

            .reInsertTable table td div {
                height: 13px;
                width: 13px;
            }

    .reInsertTable .reTlbVertical {
        border-width: 0px !important;
    }

        .reInsertTable .reTlbVertical ul {
            padding: 0px !important;
            margin: 0px !important;
            list-style: none !important;
            background-image: none !important;
        }

    .reInsertTable div.reTlbVertical ul li a.reTool_text,
    .reInsertTable div.reTlbVertical ul li a.reTool_text:hover {
        background-position: -3575px center;
        margin-top: 1px;
        margin-left: 3px;
    }

    .reInsertTable .reTlbVertical ul .reTool_text {
        text-decoration: none;
        margin: 1px;
    }

        .reInsertTable .reTlbVertical ul .reTool_text:hover {
            text-decoration: underline;
        }

        .reInsertTable .reTlbVertical ul .reTool_text span {
            display: block;
            float: left;
            margin-top: 1px;
            background-position: -3575px center;
            width: 18px !important;
            height: 18px !important;
        }

    .reInsertTable .reTlbVertical ul a.reTool_text span.reButton_text {
        height: 18px;
        line-height: 18px;
        display: block;
        float: left;
        background-image: none;
        text-align: center;
        width: 100px !important;
    }

    .reInsertTable .reToolbar {
        background-image: none !important;
    }

        .reInsertTable .reToolbar li {
            width: 24px;
            clear: none !important;
            float: left !important;
        }

            .reInsertTable .reToolbar li .reTool {
                height: 24px;
                width: 24px !important;
                margin: 0px !important;
            }

.reDropDownBody.reInsertTable .reToolbar li .reTool:hover {
    background-position: 0px -52px !important;
}

.reDropDownBody.reInsertTable .reToolbar li .reTool_disabled:hover {
    background-image: none !important;
}

.reDropDownBody {
    overflow: hidden auto;
}

    .reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:hover {
        background-position: -1403px 0px !important;
    }

.reModule_visible_icon,
.reModule_hidden_icon {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
}

.reModule_visible_icon {
    background-position: -8px -199px;
}

.reModule_hidden_icon {
    background-position: -8px -103px;
}

.RadEditor .reResizeCell {
    vertical-align: bottom;
    text-align: right;
    position: relative;
    display: none;
}

.reResizeCell div {
    background-repeat: no-repeat;
    background-position: center -301px;
    height: 17px;
    width: 16px;
}

td.reResizeCell .reModule.reStatistic {
    position: absolute;
    width: 150px;
    height: auto;
    top: 0px;
    right: 30px;
    white-space: nowrap;
    background-image: none;
    border-top: 0px none;
}

.reToolBarLeft .reResizeCell div,
.reToolBarRight .reResizeCell div {
    position: absolute;
    bottom: -4px;
}

.reToolBarRight .reResizeCell div {
    right: -27px;
}

.reAccessibleTool {
    background-repeat: no-repeat;
    width: 22px;
    height: 22px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-left: 1px;
    background-color: transparent !important;
    margin-top: 2px !important;
    cursor: default !important;
}

a.reTool.reGenIdLink {
    display: inline-block;
    vertical-align: middle;
}

    a.reTool.reGenIdLink:hover,
    a.reTool.reGenIdLink:hover .reGenerateId,
    .reGenerateId:hover {
        cursor: pointer;
    }

html .reGenerateId {
    background-position: -2405px center;
}

html .CustomDialog {
    background-position: -1448px center;
}

html .FormatCodeBlock {
    background-position: -305px center;
}

html .PageProperties {
    background-position: -756px center;
}

html .SetImageProperties {
    background-position: -1116px center;
}

html .BringToFront {
    background-position: -1606px center;
}

html .AlignmentSelector {
    background-position: -1647px center;
}

html .Cancel {
    background-position: -1265px center;
}

html .Custom,
html .ViewHtml {
    background-position: -1296px center;
}

html .DecreaseSize {
    background-position: -1886px center;
}

html .DeleteTable {
    background-position: -1445px center;
}

html .FileOpen {
    background-position: -1967px center;
}

html .IncreaseSize {
    background-position: -2046px center;
}

html .InsertAnchor {
    background-position: -2086px center;
}

html .InsertEmailLink {
    background-position: -2246px center;
}

html .InsertFormImageButton {
    background-position: -2486px center;
}

html .ModuleManager {
    background-position: -2376px center;
}

html .RepeatLastCommand {
    background-position: -3248px center;
}

html .SendToBack {
    background-position: -3326px center;
}

html .FormatStripper {
    background-position: -2586px center;
}

html .StyleBuilder {
    background-position: -2946px center;
}

html .ToggleFloatingToolbar {
    background-position: -2974px center;
}

html .XhtmlValidator {
    background-position: -2526px center;
}

html .InsertSymbol {
    background-position: -2196px center;
}

html .InsertFormHidden {
    background-position: -1836px center;
}

html .InsertFormButton,
html .InsertFormReset,
html .InsertFormSubmit {
    background-position: -1716px center;
}

html .InsertFormCheckbox {
    background-position: -1745px center;
}

html .InsertFormPassword {
    background-position: -1896px center;
}

html .InsertFormRadio {
    background-position: -1926px center;
}

html .InsertFormSelect {
    background-position: -3546px center;
}

html .InsertFormTextarea {
    background-position: -1986px center;
}

html .InsertFormText {
    background-position: -1956px center;
}

html .StripAll,
html .FormatPainterClear {
    background-position: -2585px center;
}

html .StripCss {
    background-position: -2644px center;
}

html .StripFont {
    background-position: -2675px center;
}

html .StripSpan {
    background-position: -2705px center;
}

html .StripWord {
    background-position: -2736px center;
}

html .AjaxSpellCheck,
html .SpellCheck {
    background-position: -66px center;
}

html .Italic {
    background-position: -486px center;
}

html .ImageManager {
    background-position: -366px center;
}

html .ImageMapDialog {
    background-position: -396px center;
}

html .FlashManager,
html .InsertFlash {
    background-position: -246px center;
}

html .MediaManager,
html .InsertMedia {
    background-position: -696px center;
}

html .DocumentManager,
html .InsertDocument {
    background-position: -185px center;
}

html .TemplateManager {
    background-position: -2765px center;
}

html .InsertTable,
html .TableWizard {
    background-position: -3575px -5px;
}

html .InsertRowAbove {
    background-position: -1355px -7px;
}

html .InsertRowBelow {
    background-position: -1385px -4px;
}

html .DeleteRow {
    background-position: -3425px center;
}

html .InsertColumnLeft {
    background-position: -1626px center;
}

html .InsertColumnRight {
    background-position: -1595px center;
}

html .DeleteColumn {
    background-position: -3396px center;
}

html .MergeColumns {
    background-position: -2315px center;
}

html .MergeRows {
    background-position: -2345px center;
}

html .SplitCell {
    background-position: -3606px center;
}

html .SplitCellHorizontal {
    background-position: -3335px center;
}

html .DeleteCell {
    background-position: -1325px center;
}

html .SetCellProperties {
    background-position: -2495px center;
}

html .SetTableProperties {
    background-position: -3365px center;
}

html .Help {
    background-position: -336px center;
}

html .Undo {
    background-position: -996px center;
}

html .Redo {
    background-position: -967px center;
}

html .Cut {
    background-position: -155px center;
}

html .Copy {
    background-position: -125px center;
}

html .Paste,
html .PasteStrip {
    background-position: -785px center;
}

html .PasteAsHtml {
    background-position: -815px center;
}

html .PasteHtml {
    background-position: -3757px -6px;
}

html .PasteFromWord {
    background-position: -845px center;
}

html .PasteFromWordNoFontsNoSizes {
    background-position: -875px center;
}

html .PastePlainText {
    background-position: -905px center;
}

html .Print {
    background-position: -936px center;
}

html .FindAndReplace {
    background-position: -215px center;
}

html .SelectAll {
    background-position: -2435px center;
}

html .InsertGroupbox {
    background-position: -2015px -7px;
}

html .InsertCodeSnippet,
html .InsertSnippet {
    background-position: -2166px center;
}

html .InsertDate {
    background-position: -1655px center;
}

html .InsertTime {
    background-position: -2256px center;
}

html .AboutDialog {
    background-position: -6px center;
}

html .Bold {
    background-position: -95px center;
}

html .Underline {
    background-position: -3275px center;
}

html .StrikeThrough {
    background-position: -3306px center;
}

html .JustifyLeft {
    background-position: -576px center;
}

html .JustifyCenter {
    background-position: -516px center;
}

html .JustifyFull {
    background-position: -546px center;
}

html .JustifyNone {
    background-position: -606px center;
}

html .JustifyRight {
    background-position: -636px center;
}

html .InsertParagraph {
    background-position: -454px center;
}

html .InsertHorizontalRule {
    background-position: -2045px center;
}

html .Superscript {
    background-position: -2796px center;
}

html .Subscript {
    background-position: -2826px center;
}

html .ConvertToLower {
    background-position: -1144px center;
}

html .ConvertToUpper {
    background-position: -1174px center;
}

html .Indent {
    background-position: -426px center;
}

html .Outdent {
    background-position: -726px center;
}

html .InsertOrderedList {
    background-position: -2076px center;
}

html .InsertUnorderedList {
    background-position: -2286px center;
}

html .AbsolutePosition {
    background-position: -36px center;
}

html .Custom123 {
    background-position: -3823px center;
}

html .InsertExternalVideo {
    background-position: -3852px center;
}

html .Save,
html .SaveAndClose,
html .FileSave,
html .FileSaveAs,
html .SaveLocal {
    background-position: -1056px center;
}

html .LinkManager,
html .CreateLink,
html .CustomLinkTool,
html .OpenLink,
html .SetLinkProperties {
    background-position: -665px center;
}

html .Unlink {
    background-position: -2855px center;
}

html .ToggleTableBorder {
    background-position: -2885px center;
}

html .ToggleScreenMode {
    background-position: -2915px center;
}

html .ForeColor {
    background-position: -276px center;
}

html .BackColor,
html .borderColor,
html .bgColor {
    background-position: -1026px center;
}

html .InsertFormElement {
    background-position: -1774px center;
}

html .InsertFormForm {
    background-position: -1805px center;
}

html .reTopCenter {
    background-position: -3036px -6px;
}

html .reMiddleLeft {
    background-position: -3096px -6px;
}

html .reMiddleCenter {
    background-position: -1236px -6px;
}

html .reMiddleRight {
    background-position: -3155px -6px;
}

html .reBottomCenter {
    background-position: -3216px -6px;
}

html .reNoAlignment {
    background-position: -1266px -6px;
}

html .reTopLeft {
    background-position: -3006px -6px;
}

html .reTopRight {
    background-position: -3155px -6px;
}

html .reBottomLeft {
    background-position: -3186px -6px;
}

span.reBottomRight {
    background-position: -3245px -6px;
}

html .ExportToPdf {
    background-position: -3666px -6px;
}

html .InsertLink {
    background-position: -3697px -6px;
}

html .InsertImage {
    background-position: -3727px -6px;
}

html .InsertTableLight {
    background-position: -3791px -5px;
}

html .AddComment {
    background-position: -3890px -5px;
}

html .RemoveComment {
    background-position: -3925px -5px;
}

html .RemoveAllComments {
    background-position: -3965px -5px;
}

html .TrackChangesDialog,
html .AcceptTrackChange {
    background-position: -4000px -5px;
}

html .RejectTrackChange {
    background-position: -4035px -5px;
}

html .AcceptAllTrackChanges {
    background-position: -4070px -5px;
}

html .RejectAllTrackChanges {
    background-position: -4105px -5px;
}

html .EnableTrackChangesOverride {
    background-position: -4140px -5px;
}

html .PasteMarkdown {
    background-position: -4175px -5px;
}

.reAlignmentSelector .reTopRight {
    background-position: -3062px -5px;
}

.reAlignmentSelector .reTopLeft {
    background-position: -3004px -5px;
}

.reAlignmentSelector .reTopCenter {
    background-position: -3033px -5px;
}

.reAlignmentSelector .reNoAlignment {
    background-position: -1263px -5px;
}

.reAlignmentSelector .reMiddleLeft {
    background-position: -3094px -5px;
}

.reAlignmentSelector .reMiddleCenter {
    background-position: -1233px -5px;
}

.reAlignmentSelector .reMiddleRight {
    background-position: -3151px -5px;
}

.reAlignmentSelector .reBottomCenter {
    background-position: -3213px -5px;
}

.reAlignmentSelector .reBottomRight {
    background-position: -3241px -5px;
}

.reAlignmentSelector .reBottomLeft {
    background-position: -3184px -5px;
}

span.PasteMarkdown {
    background-position: -4175px -5px;
}

span.FormatPainter,
span.FormatPainterApply {
    background-position: -4210px -5px;
}

span.FormatPainterCopy {
    background-position: -4245px -5px;
}

.reApplyClass td {
    vertical-align: middle;
    height: 22px;
    padding-left: 3px;
}

.reApplyClass span {
    width: 14px;
    height: 14px;
    line-height: 13px;
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin-right: 4px;
    text-indent: -9999px;
}

.reApplyClass .reClass_ {
    background-position: 0px 2px;
}

.reApplyClass .reClass_img {
    background-position: 0px -20px;
}

.reApplyClass .reClass_table {
    background-position: 0px -40px;
}

.reApplyClass .reClass_ul {
    background-position: 0px -60px;
}

.reApplyClass .reClass_ol {
    background-position: 0px -80px;
}

.reApplyClass .reClass_p {
    background-position: 0px -100px;
}

.reApplyClass .reClass_span {
    background-position: 0px -120px;
}

.reApplyClass .reClass_a {
    background-position: 0px -140px;
}

.reApplyClass .reClass_div {
    background-position: 0px -160px;
}

.reApplyClass .reClass_h1 {
    background-position: 0px -180px;
}

.reApplyClass .reClass_h2 {
    background-position: 0px -200px;
}

.reApplyClass .reClass_h3 {
    background-position: 0px -220px;
}

.reApplyClass .reClass_h4 {
    background-position: 0px -240px;
}

.reApplyClass .reClass_h5 {
    background-position: 0px -260px;
}

.reApplyClass .reClass_h6 {
    background-position: 0px -280px;
}

.reApplyClass .reClass_td {
    background-position: 0px -300px;
}

.reApplyClass .reClass_all {
    background-position: 0px -318px;
}

td.reTlbVertical {
    vertical-align: top;
}

.reToolCell .reTool_text span {
    text-indent: -9999px;
}

.reToolCell .reTool_text.reSplitButton {
    width: auto;
}

    .reToolCell .reTool_text.reSplitButton .reButton_text {
        text-indent: 0px;
    }

.reTlbVertical li {
    vertical-align: top;
}

.reTool_text span.reButton_text {
    text-indent: 0px;
}

.reTlbVertical .reTool_text.reTool_selected {
    background-position: -602px 0px !important;
    border-color: transparent !important;
}

.reInsertImageWrapper,
.reInsertLinkWrapper,
.reInsertTableLightWrapper {
    padding: 20px 0px 0px;
    font: 13px Roboto, sans-serif !important;
}

.RadWindow .reInsertTableLightWrapper .lightTable {
    border: 1px solid;
}

.reControlsLayout {
    width: 100%;
    height: 100%;
}

.reInsertLinkWrapper .reControlsLayout td {
    padding: 3px 0px 3px 3px;
}

.reInsertLinkWrapper .reControlsLayout td,
.reInsertImageWrapper .reControlsLayout td,
.reInsertTableLightWrapper .reControlsLayout td,
.reControlsLayout .reImgPropertyControlCell td,
.reImgPropertyControlCell span,
.reImgPropertyControlCell input {
    vertical-align: middle;
}

.reInsertImageWrapper .reControlsLayout td {
    padding: 3px 0px;
}

.reDialogLabelLight span {
    width: 80px;
    display: block;
    text-overflow: ellipsis;
}

.reDialogLabelLight span,
.reImgPropertyControlCell span,
.reImgPropertyControlCell input {
    text-align: right;
}

.reConfirmCancelButtonsTblLight button {
    width: 75px;
}

.reConfirmCancelButtonsTblLight .reAllPropertiesLight button {
    width: 126px;
}

.reControlsLayout {
    width: 100%;
    height: 100%;
}

    .reControlsLayout .reControlCellLight input {
        width: 215px;
    }

    .reControlsLayout .reControlCellLight select {
        width: 220px;
    }

    .reControlsLayout .reConfirmCancelButtonsTblLight {
        height: auto;
        margin: 12px 0px;
        text-align: center;
        width: 100%;
    }

    .reControlsLayout .reImgPropertyControlCell td,
    .reControlsLayout .reTablePropertyControlCell td {
        padding: 2px;
    }

        .reControlsLayout .reTablePropertyControlCell td input[type="text"],
        .reControlsLayout .reTablePropertyControlCell td input[type="password"] {
            padding: 2px 1px 0px;
        }

.reImgPropertyControlCell span,
.reImgPropertyControlCell input,
.reTablePropertyControlCell input {
    width: 40px;
}

.reImgPropertyControlCell table {
    width: 100%;
    height: 100%;
}

.reControlsLayout td.reImgPropertyControlCell {
    padding: 0px 22px 0px 38px;
}

.reInsertImageWrapper .reControlsLayout .reControlCellLight input {
    width: 190px;
}

.reTablePropertyControlCell .short {
    width: 80px;
}

.reTablePropertyControlCell .lightTable {
    margin: -10px 4px 0px;
}

.reInsertTableLightWrapper .reControlsLayout .reTablePropertyControlCell input.rfdIgnore,
.reInsertImageWrapper .reControlsLayout .reImgPropertyControlCell input.rfdIgnore {
    width: 40px;
}

.RadEditor .reContentArea {
    position: relative;
    overflow: auto;
    height: 100%;
    margin: 0px;
}

    .RadEditor .reContentArea .RadEWrongWord {
        background-color: rgb(255, 255, 0);
    }

    .RadEditor .reContentArea .RadEDomMouseOver {
        background-color: rgb(255, 255, 204);
    }

    .RadEditor .reContentArea body {
        padding: 3px;
        background-image: none;
        margin: 0px;
        text-align: left;
        overflow-wrap: break-word;
    }

    .RadEditor .reContentArea form {
        background-color: rgb(239, 239, 239);
        border: 1px dashed rgb(85, 85, 85);
    }

.RadEditor .reContentAreaToggle table {
    border-right: 1px dashed rgb(153, 153, 153);
    border-bottom: 1px dashed rgb(153, 153, 153);
}

    .RadEditor .reContentAreaToggle table td {
        padding: 1px;
        border-top: 1px dashed rgb(153, 153, 153);
        border-left: 1px dashed rgb(153, 153, 153);
    }

    .RadEditor .reContentAreaToggle table th {
        padding: 1px;
        border-top: 1px dashed rgb(0, 0, 0);
        border-left: 1px dashed rgb(0, 0, 0);
    }

.RadEditor .reCommentEdit,
.RadEditor .reCommentTextArea,
.RadEditor .reCommentView,
.RadEditor .reCommentButton,
.rePopupButton,
.rePopupMessage,
.rePopupContainer .rePopupTitle,
.RadEditor .reCommentTextAreaWatermark,
.RadEditor .reCommentInfoPanel {
    font: 13px Roboto, sans-serif !important;
}

.RadEditor .reCommentEdit,
.RadEditor .reCommentView {
    border: 1px solid;
    width: 240px;
    height: 310px;
    max-height: 310px;
    border-radius: 3px;
    padding: 5px 7px;
    position: absolute;
    bottom: 5px;
    right: 5px;
    text-align: right;
    z-index: 9001;
}

.RadEditor .reCommentTitle {
    text-align: left;
    font-weight: 600;
    height: 20px;
    line-height: 16px;
    padding: 0px 0px 0px 2px;
}

.RadEditor .reCommentTextArea {
    text-align: left;
    border: 1px solid;
    width: 235px;
    height: 260px;
    max-height: 260px;
}

.RadEditor .reCommentViewText {
    display: block;
    padding: 2px;
    text-align: left;
    background-color: rgb(245, 247, 247);
    color: rgb(51, 51, 51);
    z-index: 9001;
}

.RadEditor .reCommentButton,
.rePopupButton {
    height: 20px;
    border: 1px solid;
    border-radius: 4px;
    margin: 4px 1px;
    cursor: auto;
}

.RadEditor .reCommentInfoPanel {
    width: 250px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 5px 7px;
    border: 1px solid;
    border-radius: 3px;
}

.RadEditor .reCommentTextAreaWatermark {
    color: rgb(102, 102, 102);
}

.rePopupContainer {
    border: 1px solid;
    min-width: 200px;
    max-width: 300px;
    border-radius: 3px;
    position: absolute;
}

.rePopupButtonContainer {
    padding: 5px 0px 0px;
}

.rePopupContainer .rePopupTitle {
    height: 22px;
    line-height: 22px;
    border-bottom: 1px solid;
    padding: 0px 0px 0px 5px;
    margin: 0px;
    border-radius: 3px 5px 0px 0px;
}

.rePopupContainer .rePopupContent {
    background-repeat: no-repeat;
    background-position: 16px 16px;
    padding: 10px;
    border-radius: 0px 0px 5px 5px;
}

.rePopupContainer .rePopupMessage,
.rePopupContainer .rePopupButtonContainer {
    padding-left: 48px;
}

._Telerik_IE9 .rePopupContainer .rePopupTitle,
._Telerik_IE9 .rePopupButtonContainer .rePopupButton ._Telerik_IE9 .RadEditor .reCommentButton {
    filter: none !important;
}

.RadEditor .reDialog .reTool_disabled,
.RadEditor .reDialog .reTool_disabled:hover,
.RadEditor .reToolbar .reTool_disabled,
.RadEditor .reToolbar .reTool_disabled:hover,
.RadEditor .reModule .reTool_disabled,
.RadEditor .reModule .reTool_disabled:hover,
.reDropDownBody .reTlbVertical .reTool_text.reTool_disabled,
.reDropDownBody .reTlbVertical .reTool_text.reTool_disabled:hover {
    opacity: 0.4;
    background-image: none;
}

.RadEditor.reRtl .reToolbar {
    float: right;
}

.RadEditor.reRtl .reDropdown,
.RadEditor.reRtl .reDropdown:hover,
.RadEditor.reRtl .reTool_disabled.reDropdown:hover {
    background-position: -25px -360px;
    float: right;
    margin: 2px 0px;
    padding-left: 10px;
    padding-right: 4px;
}

.RadEditor.reRtl .reSplitButton span {
    float: right;
}

.RadEditor.reRtl .reTool .split_arrow {
    margin-left: auto;
    margin-right: 1px;
    right: auto;
    left: 0px;
    border-left: 0px;
    border-right: 1px solid transparent;
}

.RadEditor.reRtl .reResizeCell div {
    transform: scaleX(-1);
}

._Telerik_IE9 .RadEditor.reRtl .reResizeCell div {
    filter: none;
}

.RadEditor.reRtl .reResizeCell div:hover {
    cursor: sw-resize !important;
}

.RadEditor.reRtl .reEditorModes {
    float: right;
    padding-right: 3px !important;
}

    .RadEditor.reRtl .reEditorModes li {
        float: right !important;
    }

        .RadEditor.reRtl .reEditorModes li a span {
            padding-left: 0px;
            padding-right: 27px;
        }

    .RadEditor.reRtl .reEditorModes .reMode_design span {
        background-position: 42px -5px;
    }

    .RadEditor.reRtl .reEditorModes .reMode_html span {
        background-position: 42px -36px;
    }

    .RadEditor.reRtl .reEditorModes .reMode_preview span {
        background-position: 42px -69px;
    }

.RadEditor.reRtl .reModule {
    text-align: left;
}

body[style="direction: rtl"] .reToolbar .reTool_text span {
    margin-left: 8px;
}

.rwRtl .reDialogLabelLight span,
.rwRtl .reImgPropertyControlCell span {
    text-align: left;
}

.RadForm .reInlineBlock {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
}

.RadForm #sbMainPane fieldset {
    padding: 5px;
}

.RadForm .HelpDialog .reDescriptionCell {
    padding-bottom: 10px;
}

font.reComment_u0,
span.reComment_u0 {
    border: 2px dashed rgb(255, 153, 51) !important;
}

font.reComment_u1,
span.reComment_u1 {
    border: 2px dashed rgb(255, 1, 1) !important;
}

font.reComment_u2,
span.reComment_u2 {
    border: 2px dashed rgb(1, 1, 255) !important;
}

del.reU1 hr {
    border: 1px solid rgb(255, 1, 1) !important;
}

ins.reU1 hr {
    border-bottom: 1px solid rgb(255, 1, 1) !important;
}

.reFormat {
    border-width: 0px 2px;
    border-style: solid;
    padding: 0px 2px;
}

li.reFormat {
    padding: 0px;
}

ol.reFormat,
ul.reFormat {
    padding: 0px 0px 0px 2.5em;
}

ins table,
.reComment {
    border: 2px dashed;
    padding: 1px;
}

del table {
    border: 2px dashed;
    text-decoration: line-through;
    padding: 1px;
}

ins td,
ins img {
    border: 1px dashed;
    padding: 1px;
}

del td,
del img {
    border: 2px solid;
    padding: 1px;
}

ins.reU0,
del.reU0 {
    color: rgb(255, 153, 51) !important;
}

ins.reU1,
del.reU1 {
    color: rgb(255, 1, 1) !important;
}

ins.reU2,
del.reU2 {
    color: rgb(243, 126, 12) !important;
}

ins.reU3,
del.reU3 {
    color: rgb(4, 180, 182) !important;
}

ins.reU4,
del.reU4 {
    color: rgb(200, 81, 0) !important;
}

ins.reU5,
del.reU5 {
    color: rgb(0, 131, 128) !important;
}

ins.reU6,
del.reU6 {
    color: rgb(128, 0, 0) !important;
}

ins.reU7,
del.reU7 {
    color: rgb(164, 160, 0) !important;
}

ins.reU8,
del.reU8 {
    color: rgb(128, 128, 128) !important;
}

ins.reU9,
del.reU9 {
    color: rgb(56, 253, 17) !important;
}

.reFormat.reU0,
ins.reU0 table,
del.reU0 table,
ins.reU0 td,
ins.reU0 img,
del.reU0 td,
del.reU0 img,
.reComment.reU0 {
    border-color: rgb(255, 153, 51);
}

.reFormat.reU1,
ins.reU1 table,
del.reU1 table,
ins.reU1 td,
ins.reU1 img,
del.reU1 td,
del.reU1 img,
.reComment.reU1 {
    border-color: rgb(255, 0, 0);
}

.reFormat.reU2,
ins.reU2 table,
del.reU2 table,
ins.reU2 td,
ins.reU2 img,
del.reU2 td,
del.reU2 img,
.reComment.reU2 {
    border-color: rgb(243, 126, 12);
}

.reFormat.reU3,
ins.reU3 table,
del.reU3 table,
ins.reU3 td,
ins.reU3 img,
del.reU3 td,
del.reU3 img,
.reComment.reU3 {
    border-color: rgb(4, 180, 182);
}

.reFormat.reU4,
ins.reU4 table,
del.reU4 table,
ins.reU4 td,
ins.reU4 img,
del.reU4 td,
del.reU4 img,
.reComment.reU4 {
    border-color: rgb(200, 81, 0);
}

.reFormat.reU5,
ins.reU5 table,
del.reU5 table,
ins.reU5 td,
ins.reU5 img,
del.reU5 td,
del.reU5 img,
.reComment.reU5 {
    border-color: rgb(0, 131, 128);
}

.reFormat.reU6,
ins.reU6 table,
del.reU6 table,
ins.reU6 td,
ins.reU6 img,
del.reU6 td,
del.reU6 img,
.reComment.reU6 {
    border-color: rgb(128, 0, 0);
}

.reFormat.reU7,
ins.reU7 table,
del.reU7 table,
ins.reU7 td,
ins.reU7 img,
del.reU7 td,
del.reU7 img,
.reComment.reU7 {
    border-color: rgb(164, 160, 0);
}

.reFormat.reU8,
ins.reU8 table,
del.reU8 table,
ins.reU8 td,
ins.reU8 img,
del.reU8 td,
del.reU8 img,
.reComment.reU8 {
    border-color: rgb(128, 128, 128);
}

.reFormat.reU9,
ins.reU9 table,
del.reU9 table,
ins.reU9 td,
ins.reU9 img,
del.reU9 td,
del.reU9 img,
.reComment.reU9 {
    border-color: rgb(56, 253, 17);
}

ins.trackchanges_curr_rev,
del.trackchanges_curr_rev {
    color: green;
}

.RadEditor .reContentArea .rrHandle,
.rrHandle[rel="rrWidget"] {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(0, 0, 0);
    user-select: none;
}

    .RadEditor .reContentArea .rrHandle:hover,
    .rrHandle[rel="rrWidget"]:hover {
        background-color: rgb(0, 0, 0);
    }

.RadEditor .reContentArea .reUnselectable {
    user-select: none;
}

.RadWindow.RadEditor.reWrapper {
    border: 0px;
}

.reTool .ToggleEditMode {
    background-position: -7px -38px;
}

.RadEditor.reWrapper.reInlineEditor {
    border: 1px solid transparent;
}

.RadEditor.reInlineEditor .reContentArea {
    border: 0px;
    outline: 0px;
}

.RadEditor.reWrapper.reInlineEditorSelected,
.RadEditor.reWrapper.reInlineEditor:hover {
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.RadEditor.reWrapper.reInlineEditor .reContentCell {
    background-color: transparent;
    color: inherit;
    border: 0px;
}

.RadEditor.reInlineEditor.reWrapper {
    background-color: transparent;
}

.reWrapper,
.RadEditor .reContentCell,
.reColorPicker,
.reInsertTable,
.reCustomLinks a:hover {
    background-color: rgb(214, 230, 244);
    border: 1px solid silver !important;
    border-radius: 3px !important;
}

.RadEditor,
.RadEditor .reModule,
.RadEditor .reEditorModes,
.RadEditor .reWrapper {
    background-color: rgb(255, 255, 255) !important;
    padding: 1px !important;
}

.reEmptyMessage {
    color: rgb(141, 141, 141);
}

.RadEditor * {
    font-family: unset;
    font-size: unset;
    box-sizing: border-box !important;
    transition: none 0s ease 0s !important;
}

.RadEditor .reContentCell.reNoBorder {
    border: 0px;
    box-sizing: border-box !important;
}

.RadEditor {
    overflow: hidden;
    box-sizing: border-box !important;
    padding: 0px !important;
}

    .RadEditor .reContentCell {
        background-color: rgb(255, 255, 255);
        border-right: none !important;
        border-bottom: none !important;
        border-left: none !important;
        border-image: initial !important;
        border-top: 1px solid silver !important;
    }

    .RadEditor .reNoBorder div.reContentArea {
        border: none !important;
        padding: 5px 5px !important;
        box-sizing: border-box !important;
        outline: none !important;
    }

.reDropDownBody {
    border: 1px solid rgb(104, 140, 175);
    background-color: rgb(255, 255, 255);
}

    .reDropDownBody table {
        background: transparent;
    }

.RadEditor .reModule {
    display: none;
    border-top: 0px solid silver !important;
}

.reCustomLinks a,
.reCustomLinks a:link,
.reCustomLinks a:visited {
    border: 1px solid rgb(255, 255, 255);
    color: rgb(0, 0, 0) !important;
}

    .reCustomLinks a:hover {
        background-color: rgb(255, 225, 138);
        border: 1px solid rgb(167, 190, 219);
    }

.reToolbar li {
    color: rgb(0, 0, 0);
    margin: 0px 2px !important;
}

.reToolbar .reTool_text:hover,
.reToolbar .reTool_text.reTool_selected,
.reToolbar .reTool_text.reTool_selected:hover {
    border-left: 1px solid rgb(198, 186, 157);
    border-right: 1px solid rgb(198, 186, 157);
}

.reToolbar .reTool_text.reTool_disabled,
.reToolbar .reTool_text.reTool_disabled:hover {
    margin-left: 0px;
    margin-right: 0px;
    border: 0px;
}

.reDropdown:link,
.reDropdown:visited {
    color: rgb(0, 0, 0) !important;
    margin-left: 1px;
    margin-right: 2px;
}

.reDropdown,
.reTool_disabled.reDropdown:hover {
    border: 1px solid rgb(171, 193, 222);
    background-color: rgb(255, 255, 255);
}

    .reDropdown:hover {
        border-color: rgb(48, 80, 144);
        color: rgb(0, 0, 0);
    }

.reDropDownBody .reTlbVertical .reToolbar {
    background-color: rgb(255, 255, 255);
}

table.reSpinBox,
.RadEditor input {
    border-color: rgb(171, 193, 222);
    background-color: rgb(255, 255, 255);
}

    table.reSpinBox:hover,
    .RadEditor input:hover {
        border: 1px solid rgb(198, 186, 157);
    }

.reModule_domlink_selected,
.reModule_domlink {
    color: rgb(0, 0, 0);
}

.reDropDownBody .reItemOver {
    background: rgb(252, 195, 101);
    color: rgb(0, 0, 0);
}

.reColorPicker table div,
.reColorPicker span {
    border: 1px solid rgb(104, 140, 175);
}

.reColorPicker table td.reItemOver div {
    border-color: rgb(0, 0, 0);
}

.reAjaxspell_button {
    border: 1px solid rgb(167, 190, 219);
    background-color: rgb(232, 241, 252);
    color: rgb(0, 21, 110);
}

.reAjaxSpellCheckSeparator {
    background-color: rgb(255, 255, 255);
}

.reCustomLinks,
.reCustomLinks ul {
    color: rgb(0, 0, 0);
}

    .reCustomLinks a {
        background: none transparent;
        color: rgb(0, 0, 0);
        cursor: default !important;
    }

        .reCustomLinks a:hover {
            color: rgb(255, 255, 255);
        }

.reInsertTable table {
    background-color: rgb(255, 255, 255);
}

    .reInsertTable table td {
        border: 1px solid rgb(171, 193, 222);
        background-color: rgb(255, 255, 255);
    }

    .reInsertTable table .reItemOver {
        border: 1px solid rgb(48, 80, 144);
        background-color: rgb(252, 195, 101);
    }

.reInsertTable .reTlbVertical ul {
    background-color: rgb(255, 255, 255);
}

.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text,
.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:link,
.reDropDownBody.reInsertTable div.reTlbVertical a.reTool_text:visited {
    background: none transparent;
    color: rgb(0, 0, 0) !important;
}

.reCommentEdit,
.reCommentTextArea,
.reCommentView,
.reCommentInfoPanel {
    border-color: transparent;
    background-color: rgb(214, 230, 244);
}

.reCommentTitle,
.reCommentInfoPanel {
    color: rgb(0, 0, 0);
}

.reCommentTextArea {
    border-color: rgb(104, 140, 175);
    background-color: rgb(214, 230, 244);
}

.RadEditor .reCommentButton,
.rePopupButtonContainer .rePopupButton {
    border-color: rgb(167, 190, 219) rgb(121, 149, 186) rgb(163, 186, 216) rgb(119, 147, 185);
    color: rgb(31, 50, 129);
    background: linear-gradient(rgb(232, 241, 252) 25%, rgb(233, 241, 252) 50%, rgb(210, 225, 244) 75%, rgb(232, 241, 252) 100%);
}

    .RadEditor .reCommentButton:hover,
    .rePopupButtonContainer .rePopupButton:hover {
        border-color: rgb(216, 202, 149) rgb(184, 160, 118) rgb(198, 186, 157) rgb(185, 161, 120);
        color: rgb(0, 0, 0);
        background: linear-gradient(rgb(255, 252, 232) 25%, rgb(255, 237, 179) 50%, rgb(255, 213, 99) 75%, rgb(255, 225, 138) 100%);
    }

    .RadEditor .reCommentButton:active,
    .rePopupButtonContainer .rePopupButton:active {
        color: rgb(0, 0, 0);
        border-color: rgb(143, 130, 103) rgb(173, 164, 144) rgb(195, 189, 174);
        background: linear-gradient(rgb(235, 197, 155) 25%, rgb(250, 173, 96) 50%, rgb(249, 150, 49) 75%, rgb(253, 226, 146) 100%);
    }

.rePopupContainer {
    border-color: rgb(171, 193, 222);
    background-color: rgb(214, 230, 244);
}

    .rePopupContainer .rePopupTitle {
        color: rgb(0, 21, 110);
        border-color: rgb(158, 182, 206);
        background: linear-gradient(rgb(222, 232, 245) 0px, silver 100%);
    }

.reWrapper.reInlineEditor:hover {
    border-color: rgb(171, 193, 222);
}

.reWrapper.reInlineEditorSelected,
.reWrapper.reInlineEditorSelected:hover {
    border-color: rgb(48, 80, 144);
}

.RadEditor.reRtl .reTool .split_arrow:hover {
    border-right-color: rgb(198, 186, 157);
}

.RadEditor.reRtl .reDropdown:hover {
    background-color: rgb(255, 226, 123);
}

.RadWindow.RadWindow.reToolbarWindow td.rwWindowContent,
.RadWindow.RadWindow.reToolbarWindow div.rwContent {
    background-color: rgb(214, 230, 244);
}

.RadWindow .reInsertTableLightWrapper .lightTable {
    border-color: rgb(104, 140, 175);
}

.reTool .split_arrow:hover {
    border-left-color: rgb(198, 186, 157);
}

.RadTreeView {
    white-space: nowrap;
    cursor: default;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

    .RadTreeView .rtSp,
    .RadTreeView .rtIn,
    .RadTreeView .rtImg,
    .RadTreeView .rtChk,
    .RadTreeView .rtChecked,
    .RadTreeView .rtUnchecked,
    .RadTreeView .rtIndeterminate,
    .RadTreeView .rtLoadingIcon {
        display: inline-block;
        vertical-align: middle;
    }

    .RadTreeView .rtTemplate,
    .RadTreeView input {
        user-select: text;
    }

    .RadTreeView .rtUL {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

div.RadTreeView .rtUL .rtUL {
    padding-left: 25px;
}

.RadTreeView .rtTop,
.RadTreeView .rtMid,
.RadTreeView .rtBot {
}

.RadTreeView .rtSp::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    top: 50%;
    left: -18px;
    transform: translateY(-50%);
    border-bottom: 1px dashed silver;
}

.RadTreeView .rtSp {
    margin-left: -1px;
    width: 1px;
    height: 22px;
    position: relative;
}



.RadTreeView .rtIn {
    margin-left: 1px;
    border: 1px solid transparent;
    background-position: 0px 0px;
    background-repeat: repeat-x;
    text-decoration: none;
    flex-grow: 1;
    box-sizing: border-box;
    white-space: normal;
    padding: 5px !important;
}

.RadTreeView a.rtIn {
    color: inherit;
    cursor: pointer;
}

.RadTreeView div.rtIn {
    vertical-align: top;
}

div.RadFileExplorer .RadTreeView .rtIn,
div.RadFileExplorer .RadTreeView .rtSelected .rtIn,
div.RadFileExplorer .RadTreeView .rtHover .rtIn {
    padding: 5px !important;
}

* + html .RadTreeView div.rtIn {
    display: inline;
    zoom: 1;
}

.RadTreeView .rtChk,
.RadTreeView .rtChecked,
.RadTreeView .rtUnchecked,
.RadTreeView .rtIndeterminate {
    margin: 0px 3px;
    padding: 0px;
    width: 13px;
    height: 13px;
}

.RadTreeView .rtUnchecked {
    background-position: 0px 0px;
}

.RadTreeView .rtChecked {
    background-position: 0px -40px;
}

.RadTreeView .rtIndeterminate {
    background-position: 0px -80px;
}

.RadTreeView .rtTemplate::after {
    content: "";
    clear: both;
    display: block;
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast:none) {

    .RadTreeView .rtHover .rtIn,
    .RadTreeView .rtSelected .rtIn {
        background-position: 0px 0px;
    }
}

.RadTreeView .rtEdit {
    white-space: nowrap !important;
}

    .RadTreeView .rtEdit input {
        margin: 0px;
        padding: 0px;
        height: 1.4em;
        border: 0px;
        outline: 0px;
        color: inherit;
        background: 0px center;
        font-style: inherit;
        font-variant: inherit;
        font-weight: inherit;
        font-stretch: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: 1.4em;
        cursor: text;
    }

.RadTreeView .rtLoadingIcon {
    margin: -4px 3px 0px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    text-indent: -9999px;
    font-size: 0px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.RadTreeView .rtLoadingBelow {
    display: block;
}

.RadTreeView .rtPlus,
.RadTreeView .rtMinus {
    margin: 5px 6px 0px -17px;
    padding: 0px;
    width: 15;
    height: 15;
    background-repeat: no-repeat;
    font-size: 0px;
    display: inline-block;
    vertical-align: top;
    opacity: 0.8;
}

.RadTreeView .rtPlus {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 15px !important;
    height: 15px !important;
    margin: 0px !important;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' viewBox='0 0 24 24'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 7.757v8.486M7.757 12h8.486M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position-x: 0px !important;
    background-position-y: 0px !important;
    cursor: pointer;
}

.RadTreeView .rtPlusHover {
    background-position: 0px -22px;
}

.RadTreeView .rtMinus {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 15px !important;
    height: 15px !important;
    margin: 0px !important;
    background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' viewBox='0 0 24 24'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M7.757 12h8.486M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position-x: 0px !important;
    background-position-y: 0px !important;
    cursor: pointer;
}

.RadTreeView .rtMinusHover {
    background-position: 0px -33px;
}

.RadTreeView .rtLines .rtLI {
    background-position: 0px 0px;
    background-repeat: repeat-y;
    /* border-left: 1px dashed silver; */
    background-image: none !important;
}

.RadTreeView .rtLines .rtFirst {
    background-position: 0px 1.273em;
    background-repeat: no-repeat;
    background-image: none !important;
}

.RadTreeView .rtLines .rtLast {
    background-image: none;
}

.RadTreeView .rtLines .rtTop,
.RadTreeView .rtLines .rtMid,
.RadTreeView .rtLines .rtBot {
    background-position: 0px 0px;
    background-repeat: no-repeat;
    position: relative;
    padding-left: 18px !important;
    margin: 2px !important;
}

.RadTreeView > .rtUL > .rtLI > .rtTop, .RadTreeView > .rtUL > .rtLI > .rtMid, .RadTreeView > .rtUL > .rtLI > .rtBot {
    padding: 1px 1px 1px 15px !important;
}

.RadTreeView .rtLines .rtTop {
    display: flex;
    align-items: center;
    background-image: none !important;
    cursor: pointer;
}

.RadTreeView .rtLines .rtMid {
    background-image: none !important;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.RadTreeView .rtLines .rtBot {
    display: flex;
    align-items: center;
    background-image: none !important;
}

.RadTreeView[disabled],
.RadTreeView .rtDisabled {
    opacity: 0.5;
}

    .RadTreeView[disabled] .rtDisabled {
        opacity: 1;
    }

.RadTreeView label {
    font-weight: normal;
    font-size: inherit;
    line-height: inherit;
    display: inline;
}

.RadTreeView_rtl .rtUL .rtUL {
    padding-left: 0px;
    padding-right: 20px;
}

.RadTreeView_rtl .rtTop,
.RadTreeView_rtl .rtMid,
.RadTreeView_rtl .rtBot {
    padding-left: 0px;
    padding-right: 20px;
}

.RadTreeView_rtl .rtSp {
    margin-left: 0px;
    margin-right: -1px;
}

.RadTreeView_rtl .rtPlus,
.RadTreeView_rtl .rtMinus {
    margin-left: 6px;
    margin-right: -17px;
}

.RadTreeView_rtl .rtPlus {
    background-position: -11px 0px;
}

.RadTreeView_rtl .rtPlusHover {
    background-position: -11px -22px;
}

.RadTreeView_rtl .rtMinus {
    background-position: -11px -11px;
}

.RadTreeView_rtl .rtMinusHover {
    background-position: -11px -33px;
}

.RadTreeView_rtl .rtLines .rtLI {
    background-position: 100% 0px;
}

.RadTreeView_rtl .rtLines .rtFirst {
    background-position: 100% 1.273em;
}

.RadTreeView_rtl .rtLines .rtLast {
    background-image: none;
}

.RadTreeView_rtl .rtLines .rtTop,
.RadTreeView_rtl .rtLines .rtMid,
.RadTreeView_rtl .rtLines .rtBot {
    background-position: 100% 0px;
}

.rtDropAbove,
.rtDropBelow {
    border: 1px dashed rgb(51, 51, 51);
    font-size: 3px;
    line-height: 3px;
    height: 3px;
    margin-top: -1px;
}

.rtDropAbove {
    border-bottom: 0px;
}

.rtDropBelow {
    border-top: 0px;
}

div.RadTreeView_designtime .rtTop,
div.RadTreeView_designtime .rtMid,
div.RadTreeView_designtime .rtBot {
    position: relative;
}

div.RadTreeView_designtime .rtPlus,
div.RadTreeView_designtime .rtMinus {
    margin: 0px;
    position: absolute;
    left: 3px;
    top: 4px;
}

.rtTouchDragClue {
    margin-top: -50px;
}

.RadTreeView {
    color: rgb(51, 51, 51);
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

    .RadTreeView .rtHover .rtIn {
        padding: 5px;
        border-color: transparent !important;
        color: rgb(0, 21, 110) !important;
        background-color: rgb(255, 227, 165) !important;
        background-image: none !important;
    }


.RadTreeView {
    color: rgb(51, 51, 51);
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

    .RadTreeView .rtHover .rtIn {
        padding: 5px;
        border-color: transparent !important;
        color: rgb(0, 21, 110) !important;
        background-color: rgb(255, 227, 165) !important;
        background-image: none !important;
    }

    .RadTreeView .rtSelected .rtIn {
        box-sizing: border-box;
        white-space: normal;
        border-color: rgb(255, 227, 165) !important;
        color: rgb(51, 51, 51) !important;
        background-color: rgb(255, 227, 165) !important;
        background-image: none !important;
        padding: 5px !important;
        font-weight: bold !important;
    }

.RadTreeView_Outlook {
    color: rgb(51, 51, 51);
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

    .RadTreeView_Outlook .rtIn {
        background-image: linear-gradient(transparent, transparent);
    }

    .RadTreeView_Outlook .rtHover .rtIn {
        padding: 5px;
        border-color: transparent !important;
        color: rgb(0, 21, 110) !important;
        background-color: rgb(255, 227, 165) !important;
        background-image: none !important;
    }

    .RadTreeView_Outlook .rtSelected .rtIn {
        font-weight: 600;
        border-color: rgb(255, 227, 165) !important;
        color: rgb(51, 51, 51) !important;
        background-color: rgb(255, 227, 165) !important;
        background-image: none !important;
        padding: 5px !important;
    }

.RadMenu {
    white-space: nowrap;
    float: left;
    position: relative;
    text-align: left;
    -webkit-tap-highlight-color: transparent;
}

    .RadMenu .rmRootGroup {
        margin: 0px;
        padding: 0px;
        position: relative;
        left: 0px;
        display: inline-block;
    }

    .RadMenu .rmRootScrollGroup {
        z-index: 1;
    }

    .RadMenu::after,
    .RadMenu .rmRootGroup::after {
        content: "";
        display: block;
        height: 0px;
        overflow: hidden;
        line-height: 0;
        font-size: 0px;
        clear: both;
        visibility: hidden;
    }

    .RadMenu ul.rmVertical,
    .RadMenu ul.rmHorizontal,
    .RadMenu ul.rmRootScrollGroup,
    .RadMenu_Context ul.rmHorizontal {
        margin: 0px;
        padding: 0px;
        display: none;
        position: relative;
        left: 0px;
        float: left;
    }

.rmHorizontal {
    white-space: nowrap;
}

.rmSized ul.rmVertical {
    width: 100%;
}

.rmSized ul.rmRootGroup {
    float: none;
}

.rmSized .rmRootGroup .rmVertical {
    width: auto;
}

.RadMenu .rmItem {
    float: left;
    position: relative;
    list-style: none;
    line-height: inherit;
}

.RadMenu .rmHorizontal .rmItem {
    clear: none;
}

.RadMenu .rmVertical .rmItem {
    float: none;
}

.rmSized .rmVertical .rmItem {
    width: 100%;
}

.rmSized .rmHorizontal .rmItem,
.rmSized .rmRootGroup .rmVertical .rmItem {
    width: auto;
}

.RadMenu .rmSlide .rmHorizontal .rmItem {
    margin-bottom: -2px;
}

.RadMenu ul.rmActive,
.RadMenu ul.rmRootGroup {
    display: block;
}

.RadMenu .rmSlide,
.RadMenu_Context {
    position: absolute;
    overflow: hidden;
    display: none;
    float: left;
}

.RadMenu_Context {
    z-index: 1000;
    overflow: visible;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.RadMenu .rmText {
    display: block;
    padding-bottom: 1px;
    float: left;
}

.RadMenu div.rmText {
    white-space: normal;
    background: transparent;
}

.RadMenu a.rmLink {
    cursor: pointer;
    display: block;
    box-sizing: content-box;
}

    .RadMenu a.rmLink::after {
        content: "";
        display: block;
        clear: both;
    }

.rmScrollWrap {
    position: absolute;
    float: left;
    overflow: hidden;
    left: 0px;
}

.RadMenu .rmLeftArrow,
.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow,
.RadMenu .rmRightArrow {
    position: absolute;
    z-index: 2000;
    text-indent: -9999px;
    font-size: 0px;
    line-height: 0;
    outline: 0px;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
}

.RadMenu .rmLeftArrowDisabled,
.RadMenu .rmTopArrowDisabled,
.RadMenu .rmBottomArrowDisabled,
.RadMenu .rmRightArrowDisabled {
    display: none;
    text-indent: -1000em;
    font-size: 0px;
    line-height: 0;
}

.RadMenu .rmBottomArrow,
.RadMenu .rmBottomArrowDisabled {
    margin-bottom: -1px;
}

.RadMenu .rmLeftImage {
    min-width: 16px;
    border: 0px;
    float: left;
}

.RadMenu_rtl {
    float: right;
    text-align: right;
}

    .RadMenu_rtl ul.rmVertical {
        float: right;
    }

    .RadMenu_rtl .rmItem {
        float: right;
    }

    .RadMenu_rtl .rmLeftImage,
    .RadMenu_Context_rtl .rmLeftImage {
        border: 0px;
        float: right;
    }

    .RadMenu_rtl .rmLeftArrow,
    .RadMenu_rtl .rmTopArrow,
    .RadMenu_rtl .rmBottomArrow,
    .RadMenu_rtl .rmRightArrow,
    .RadMenu_rtl .rmLeftArrowDisabled,
    .RadMenu_rtl .rmTopArrowDisabled,
    .RadMenu_rtl .rmBottomArrowDisabled,
    .RadMenu_rtl .rmRightArrowDisabled {
        text-indent: 1000em !important;
    }

.RadMenu div.rmRootGroup {
    position: relative;
}

.RadMenu .rmItem {
    padding: 0px;
}

.RadMenu .rmLink {
    width: auto;
    padding: 0px 0px 0px 12px;
    outline: 0px;
    float: left;
}

.RadMenu_rtl .rmLink {
    padding: 0px 12px 0px 0px;
}

.RadMenu .rmSlide .rmHorizontal .rmLink {
    padding-left: 4px;
    line-height: 0;
    position: relative;
}

.RadMenu .rmLeftImage {
    margin: 3px 3px 0px -6px;
}

.RadMenu_rtl .rmLeftImage {
    margin: 3px -6px 0px 3px;
}

.RadMenu .rmSlide .rmHorizontal .rmLeftImage {
    margin-top: 0px;
}

.RadMenu .rmSlide .rmVertical .rmLeftImage {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.RadMenu span.rmLeftImage {
    display: inline-block;
    width: 16px;
    height: 16px;
    zoom: 1;
}

.RadMenu .rmVertical .rmText {
    padding: 0px 24px 1px 0px;
}

.RadMenu .rmVertical .rmRootLink .rmText {
    padding-right: 40px;
}

.RadMenu .rmHorizontal .rmText {
    padding: 0px 12px 1px 0px;
}

.RadMenu_rtl .rmHorizontal .rmText {
    padding: 0px 0px 1px 12px;
}

.RadMenu_rtl .rmVertical .rmText {
    padding: 0px 0px 1px 24px;
}

.RadMenu .rmSlide .rmHorizontal .rmText {
    padding: 0px 11px 0px 3px;
    line-height: 24px;
}

.RadMenu .rmVertical .rmItem .rmText {
    display: block;
    float: none;
    color: rgb(51, 51, 51);
    padding: 5px !important;
}

.RadMenu .rmSlide .rmHorizontal .rmText,
.RadMenu .rmSlide .rmHorizontal .rmLeftImage {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.RadMenu .rmVertical .rmLink,
.RadMenu .rmHorizontal .rmVertical .rmLink {
    float: none;
}

.RadMenu .rmTopRight,
.RadMenu .rmBottomLeft,
.RadMenu .rmBottomRight,
.RadMenu .rmRoundedCorners ul.rmGroup,
.rmRoundedCorners ul.rmGroup,
.rmRoundedCorners ul.rmGroup ul.rmGroup,
.RadMenu .rmRoundedCorners .rmMultiColumn,
.RadMenu .rmRoundedCorners .rmPopup,
.rmRoundedCorners .rmScrollWrapContainer .rmGroup {
    border: 0px;
    background-position: 0px 0px;
}

    .RadMenu .rmRoundedCorners .rmMultiColumn ul.rmMultiGroup {
        background: 0px center;
        margin: 0px;
    }

.RadMenu .rmRoundedCorners .rmGroupColumn {
    height: 100%;
}

.RadMenu .rmRoundedCorners li.rmFirstGroupColumn {
    background-color: transparent;
}

.RadMenu .rmTopFix,
.RadMenu .rmTopRight,
.RadMenu .rmBottomFix,
.RadMenu .rmBottomLeft,
.RadMenu .rmBottomRight {
    position: absolute;
    width: 4px;
    height: 4px;
    list-style-type: none;
    list-style-position: outside;
    font-size: 0px;
}

.RadMenu_rtl .rmTopRight,
.RadMenu_rtl .rmBottomRight {
    width: 32px;
}

.RadMenu_rtl .rmTopShadowRight,
.RadMenu_rtl .rmBottomShadowRight {
    width: 4px;
}

.RadMenu .rmTopShadowRight,
.RadMenu .rmBottomShadowLeft,
.RadMenu .rmBottomShadowRight {
    background-repeat: no-repeat;
    background-color: transparent;
}

.rmRoundedCorners .rmTopShadowRight,
.rmRoundedCorners .rmBottomShadowLeft,
.rmRoundedCorners .rmBottomShadowRight {
    width: 5px;
    height: 5px;
}

.RadMenu .rmTopRight {
    background-position: 100% 0px;
    top: 0px;
    right: -3px;
    height: 100%;
}

.RadMenu .rmBottomLeft {
    background-position: 0px 100%;
    bottom: -3px;
    left: 0px;
    width: 100%;
}

.RadMenu .rmBottomFix {
    background-position: -1px 0px;
    width: auto;
    bottom: -3px;
    left: 5px;
    right: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.RadMenu .rmTopFix {
    background-position: -1px 0px;
    width: auto;
    top: 0px;
    left: 5px;
    right: 0px;
    border-top-width: 1px;
    border-top-style: solid;
}

.RadMenu .rmBottomRight {
    background-position: 100% 100%;
    bottom: -3px;
    right: -3px;
    width: 8px;
}

.RadMenu .rmShadows .rmTopShadowRight,
.rmShadows .rmGroup .rmTopShadowRight {
    right: -5px;
    background-position: 100% 0px;
}

.RadMenu .rmBottomShadowLeft {
    bottom: -5px;
    left: 1px;
    background-position: 0px 100%;
}

.RadMenu .rmBottomShadowRight {
    bottom: -5px;
    right: -5px;
    width: 4px;
    height: 5px;
}

.RadMenu .rmScrollWrapContainer .rmTopShadowRight {
    right: -4px;
}

.RadMenu .rmScrollWrapContainer .rmBottomShadowRight {
    bottom: -4px;
    right: -4px;
    width: 3px;
    height: 4px;
}

.RadMenu .rmScrollWrapContainer .rmBottomShadowLeft {
    bottom: -4px;
}

.RadMenu .rmRoundedCorners .rmTopShadowRight,
.rmRoundedCorners .rmGroup .rmTopShadowRight {
    right: -8px;
}

.RadMenu .rmRoundedCorners .rmBottomShadowLeft,
.rmRoundedCorners .rmGroup .rmBottomShadowLeft {
    bottom: -8px;
}

.RadMenu .rmRoundedCorners .rmBottomShadowRight,
.rmRoundedCorners .rmGroup .rmBottomShadowRight {
    bottom: -8px;
    right: -8px;
    width: 7px;
    height: 8px;
}

.RadMenu .rmAccessKey {
    font-size: 10px;
    font-weight: normal;
    float: right;
    padding-right: 8px;
}

.RadMenu .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners .rmGroup .rmItem {
    z-index: 1;
}

.RadMenu .rmRoundedCorners .rmSlide .rmScrollWrap,
.rmRoundedCorners .rmScrollWrapContainer .rmScrollWrap {
    background-image: none;
}

.RadMenu .rmRoundedCorners .rmMultiGroup > .rmItem {
    background-image: none;
}

.RadMenu .rmRoundedCorners .rmSlide,
.RadMenu .rmShadows .rmSlide,
.rmRoundedCorners .rmSlide,
.rmShadows .rmSlide,
div.rmRoundedCorners,
div.rmShadows {
    padding: 0px 8px 10px 0px;
}

.RadMenu .rmRoundedCorners ul.rmGroup,
.rmRoundedCorners .rmGroup ul.rmGroup,
.rmRoundedCorners ul.rmGroup,
.rmRoundedCorners .rmPopup {
    margin-top: 1px;
    padding: 1px;
}

.RadMenu_rtl .rmRoundedCorners ul.rmGroup .rmSlide,
.RadMenu_rtl.rmRoundedCorners ul.rmGroup .rmSlide {
    margin-right: -5px;
}

.RadMenu .rmRoundedCorners .rmSlide .rmScrollWrap,
.rmRoundedCorners .rmSlide .rmScrollWrap {
    border: 0px;
}

.RadMenu .rmRoundedCorners .rmScrollWrap,
.RadMenu .rmShadows .rmScrollWrap,
.rmRoundedCorners .rmScrollWrap,
.rmShadows .rmScrollWrap {
    position: relative;
}

.RadMenu .rmScrollWrapContainer {
    position: absolute;
}

    .RadMenu .rmScrollWrapContainer .rmTopFix {
        height: 100%;
    }

.RadMenu .rmRoundedCorners .rmScrollWrapContainer,
.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu .rmRoundedCorners ul.rmGroup,
.RadMenu.rmRoundedCorners ul.rmGroup,
.RadMenu.rmRoundedCorners .rmGroup ul.rmGroup {
    padding: 2px 0px 0px 2px;
}

.RadMenu .rmScrollWrapContainer .rmGroup,
.rmScrollWrapContainer .rmGroup .rmGroup,
.rmScrollWrapContainer .rmGroup {
    padding: 0px;
}

.RadMenu .rmRootGroup .rmItem .rmGroup {
    padding-bottom: 1px;
}

.RadMenu .rmRoundedCorners .rmItem .rmGroup {
    padding-bottom: 0px;
}

.RadMenu ul.rmGroup {
    padding: 2px 1px;
}

.RadMenu .rmGroup .rmLink,
.RadMenu .rmSlide .rmGroup .rmTemplate {
    padding: 0px;
}

.RadMenu_rtl .rmGroup .rmLink,
.RadMenu_rtl .rmSlide .rmGroup .rmTemplate {
    padding: 0px;
}

.RadMenu .rmGroup .rmText {
    margin: 0px 0px 0px 4px;
    padding: 0px 10px !important;
}

.RadMenu_rtl .rmGroup .rmText {
    padding: 0px 28px 0px 54px;
    margin: 0px 4px 0px 0px;
}

.RadMenu .rmMultiColumn {
    list-style: none;
    display: block;
    position: relative;
    margin: 0px;
    padding: 0px;
    zoom: 1;
    box-sizing: content-box;
}

    .RadMenu .rmMultiColumn .rmMultiGroup {
        background: 0px center;
        border: 0px;
        float: left;
        display: block;
        position: static;
    }

    .RadMenu .rmMultiColumn .rmGroupColumn {
        float: left;
    }

.RadMenu_rtl .rmMultiColumn .rmGroupColumn {
    float: right;
}

* + html .RadMenu_rtl .rmMultiColumn .rmItem {
    float: left;
}

.RadMenu_rtl .rmSlide .rmHorizontal .rmText {
    padding: 0px 11px 0px 14px;
}

.RadMenu .rmRootGroup .rmSlide .rmHorizontal .rmExpandUp,
.RadMenu .rmRootGroup .rmSlide .rmHorizontal .rmExpandDown,
.RadMenu .rmRootGroup .rmSlide .rmHorizontal .rmExpandLeft,
.RadMenu .rmRootGroup .rmSlide .rmHorizontal .rmExpandRight {
    padding-right: 25px;
}

.RadMenu_rtl .rmRootGroup .rmSlide .rmHorizontal .rmExpandUp,
.RadMenu_rtl .rmRootGroup .rmSlide .rmHorizontal .rmExpandDown,
.RadMenu_rtl .rmRootGroup .rmSlide .rmHorizontal .rmExpandLeft,
.RadMenu_rtl .rmRootGroup .rmSlide .rmHorizontal .rmExpandRight {
    padding-left: 25px;
    padding-right: 4px;
}

.RadMenu .rmGroup .rmLeftImage {
    margin: 3px 0px 0px 6px;
}

* + html .RadMenu .rmGroup .rmLeftImage {
    margin-left: 4px;
}

* + html ul.rmRoundedCorners .rmGroup .rmLeftImage {
    margin-left: 2px;
}

.RadMenu_rtl .rmGroup .rmLeftImage {
    margin: 4px 6px 0px -4px;
}

.RadMenu a.rmImageOnly .rmLeftImage,
.RadMenu .rmRootGroup a.rmImageOnly {
    padding: 0px;
    margin: 0px;
}

    .RadMenu .rmRootGroup a.rmImageOnly span.rmText {
        display: none;
    }

* + html .RadMenu .rmImageOnly .rmLeftImage {
    position: static;
}

* + html .RadMenu_rtl .rmGroup .rmLeftImage {
    right: 0px;
}

.RadMenu .rmSeparator,
.RadMenu .rmSeparator::after {
    line-height: 0;
    font-size: 0px;
    overflow: hidden;
}

    .RadMenu .rmSeparator .rmText {
        border-style: solid;
        color: transparent;
        background-color: transparent;
    }

.RadMenu .rmHorizontal > .rmSeparator .rmText,
.RadMenu .rmHorizontal > .rmRootScrollGroup > .rmSeparator .rmText {
    margin: 2px;
    padding: 0px;
    width: 0px;
    height: 20px;
    border-width: 0px 1px;
}

.RadMenu .rmVertical > .rmSeparator .rmText,
.RadMenu .rmVertical > .rmRootScrollGroup > .rmSeparator .rmText {
    margin: 1px 2px;
    padding: 0px;
    border-width: 1px 0px;
    display: block;
}

.RadMenu .rmGroup.rmVertical > .rmSeparator .rmText,
.RadMenu .rmScrollWrap > .rmVertical > .rmSeparator .rmText {
    margin-left: 31px;
}


.RadMenu_rtl .rmGroup.rmVertical > .rmSeparator .rmText,
.RadMenu_rtl .rmScrollWrap > .rmVertical > .rmSeparator .rmText,
.RadMenu_Context_rtl .rmVertical > .rmSeparator .rmText {
    margin-left: 2px;
    margin-right: 31px;
}

.RadMenu .rmLeftArrow,
.RadMenu .rmRightArrow {
    width: 10px;
    height: 24px;
}

.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow {
    height: 10px;
    width: 100%;
}

.RadMenu .rmLink {
    position: relative;
}

.RadMenu .rmIcon {
    margin: -8px 0px 0px -8px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    text-indent: -999em;
    display: none;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
}

.RadMenu .rmToggle {
    width: 23px;
    height: 23px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: auto;
    right: 0px;
    margin-right: 2px;
}

.RadMenu .rmHorizontal .rmRootLink .rmToggle {
    margin-left: -12px;
    float: left;
    position: relative;
}

.RadMenu .rmHorizontal .rmRootLink .rmIcon {
    display: block;
}

.RadMenu .rmGroup .rmLink.rmDisabled {
    box-shadow: none !important;
}

.RadMenu .rmDisabled > .rmToggle {
    opacity: 0.4;
}

.RadMenu .rmPopup {
    position: relative;
    padding: 4px 0px 0px 4px;
}

.RadMenu .rmGroup .rmToggle {
    height: 100%;
    border-left: 1px solid transparent;
}

.RadMenu .rmPopup .rmTopFix,
.RadMenu .rmPopup .rmBottomFix {
    background-position: -4px 0px;
}

.RadMenu .rmSlide .rmHorizontal .rmTopFix,
.RadMenu .rmSlide .rmHorizontal .rmBottomFix {
    background-image: none;
}

.RadMenu .rmPopup.rmContentTemplate {
    padding-top: 1px;
}

.RadMenu .rmArrow {
    -webkit-tap-highlight-color: transparent;
}

.RadMenu_rtl .rmRootLink .rmItem {
    float: none;
}

.RadMenu_rtl .rmHorizontal .rmRootLink {
    direction: ltr;
}

.RadMenu_rtl .rmVertical .rmRootLink {
    zoom: 1;
}

.RadMenu_rtl .rmLink {
    direction: rtl;
}

.RadMenu_rtl .rmtext {
    zoom: 1;
}

.RadMenu_rtl .rmVertical .rmRootLink .rmText {
    padding: 0px 0px 1px 40px;
    zoom: 1;
}

.RadMenu_rtl .rmToggleHandles .rmText {
    float: right;
}

.RadMenu_rtl .rmToggle {
    left: 0px;
    right: auto;
    text-align: left;
}

.RadMenu_rtl .rmHorizontal .rmRootLink .rmToggle {
    margin-right: -12px;
    margin-left: 2px;
}

.RadMenu_rtl .rmHorizontal .rmRootLink .rmLeftImage {
    margin: 3px 3px 0px -6px;
}

.RadMenu_rtl .rmIcon {
    text-indent: 999em;
    direction: ltr;
}

.RadMenu_rtl .rmSlide .rmLeftImage {
    right: 0px;
}

.RadMenu_rtl .rmPopup.rmContentTemplate {
    padding-left: 0px;
    padding-right: 4px;
}

.RadMenu_rtl .rmRoundedCorners .rmSlide,
.RadMenu_rtl .rmShadows .rmSlide,
.RadMenu_rtl.rmRoundedCorners .rmSlide,
.RadMenu_rtl.rmShadows .rmSlide,
.RadMenu_rtl.rmRoundedCorners,
.RadMenu_rtl.rmShadows {
    padding-right: 3px;
}

.RadMenu .rmRootGroup,
.RadMenu a.rmLink,
.RadMenu .rmText,
.RadMenu .rmLeftArrow,
.RadMenu .rmRightArrow,
.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow {
    background-color: transparent;
    background-image: none !important;
}

.RadMenu .rmRootGroup {
    border: 1px solid rgb(104, 140, 175);
    background-repeat: repeat-x;
    background-position: 0px -408px;
    background-color: rgb(187, 217, 255);
}

.RadMenu,
.RadMenu a.rmLink {
    color: rgb(0, 21, 110);
    text-decoration: none;
    font: 13px Roboto, sans-serif !important;
}

    .RadMenu a.rmLink,
    .RadMenu .rmText {
        background-position: 0px 1050px;
        background-repeat: no-repeat;
    }

        .RadMenu a.rmLink:hover,
        .RadMenu a.rmFocused,
        .RadMenu a.rmSelected {
            color: rgb(0, 0, 0);
            background: none !important;
        }

            .RadMenu a.rmLink:hover .rmText,
            .RadMenu a.rmFocused .rmText,
            .RadMenu a.rmSelected .rmText {
                background-position: 100% -96px;
            }

    .RadMenu a.rmExpanded,
    .RadMenu a.rmExpanded:hover {
        color: rgb(0, 0, 0);
        background-position: 0px -120px;
    }

        .RadMenu a.rmExpanded .rmText,
        .RadMenu a.rmExpanded:hover .rmText {
            background-position: 100% -144px;
        }

    .RadMenu a.rmDisabled,
    .RadMenu a.rmDisabled:hover {
        color: rgb(141, 141, 141);
        background: 0px center;
    }

        .RadMenu a.rmDisabled .rmText,
        .RadMenu a.rmDisabled:hover .rmText {
            background: 0px center;
        }

    .RadMenu .rmGroup,
    .RadMenu .rmMultiColumn,
    .RadMenu .rmGroup .rmVertical {
        border-radius: 2px;
        border: 1px solid silver !important;
        background: white !important;
        box-shadow: rgb(160, 160, 160) 0px 4px 6px 2px !important;
    }

    .RadMenu .rmContentTemplate {
        background: rgb(255, 255, 255);
    }

    .RadMenu .rmTopFix,
    .RadMenu .rmBottomFix,
    .RadMenu .rmRoundedCorners .rmGroup .rmItem,
    .RadMenu .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
    .RadMenu .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
    .RadMenu_Context.rmRoundedCorners .rmGroup .rmItem {
        background-color: rgb(255, 255, 255);
        background-repeat: repeat-y;
        background-position: -2px 0px;
    }

    .RadMenu li.rmTopFix,
    .RadMenu li.rmBottomFix {
        background-position: -5px 0px;
    }

    .RadMenu .rmPopup .rmTopFix,
    .RadMenu .rmPopup .rmBottomFix {
        background-image: none;
    }

    .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
    .RadMenu .rmRoundedCorners .rmGroupColumn .rmItem,
    .RadMenu .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
    .RadMenu .rmRoundedCorners .rmHorizontal .rmItem,
    .RadMenu .rmRoundedCorners .rmScrollWrap .rmVertical,
    .RadMenu_Context .rmHorizontal.rmGroup,
    .RadMenu_Context .rmHorizontal .rmGroup,
    .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
    .RadMenu_Context.rmRoundedCorners .rmHorizontal .rmItem,
    .RadMenu_Context.rmRoundedCorners .rmScrollWrap .rmVertical {
        background-image: none;
    }

    .RadMenu .rmScrollWrap {
        margin-bottom: -1px;
    }

    .RadMenu .rmRoundedCorners .rmGroupColumn {
        background-color: rgb(255, 255, 255);
    }

    .RadMenu .rmBottomLeft,
    .RadMenu .rmRoundedCorners .rmScrollWrapContainer,
    .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer,
    .RadMenu_Context.rmRoundedCorners ul.rmGroup,
    .RadMenu .rmRoundedCorners ul.rmGroup,
    .RadMenu .rmRoundedCorners .rmMultiColumn {
        background-color: transparent;
        background-repeat: no-repeat;
    }

    .RadMenu .rmTopRight,
    .RadMenu .rmBottomRight {
        background-color: transparent;
        background-repeat: no-repeat;
    }

    .RadMenu .rmTopFix,
    .RadMenu .rmBottomFix,
    .RadMenu .rmRoundedCorners .rmGroup .rmFirst,
    .RadMenu_Context.rmRoundedCorners .rmGroup .rmFirst,
    .rmRoundedCorners .rmGroup .rmFirst {
        border-color: rgb(134, 134, 134);
    }

    .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
    .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
    .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
    .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix {
        background: rgb(255, 255, 255);
    }

    .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
    .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
    .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
    .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow {
        background-color: rgb(255, 255, 255);
        border: 0px;
    }

    .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
    .RadMenu .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
    .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
    .RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow {
        background-color: rgb(255, 255, 255);
    }

    .RadMenu .rmSlide .rmScrollWrap {
        background-image: none;
    }

    .RadMenu .rmRootGroup .rmHorizontal {
        background-image: none;
    }

    .RadMenu .rmScrollWrap .rmVertical {
        border: 0px;
    }

    .RadMenu .rmGroup .rmFirst,
    .RadMenu .rmGroup .rmLast {
        background: 0px center;
    }

    .RadMenu .rmGroup .rmLast {
        padding-bottom: 1px;
    }

    .RadMenu .rmGroup a.rmLink:hover,
    .RadMenu .rmGroup a.rmFocused,
    .RadMenu .rmGroup a.rmSelected,
    .RadMenu .rmGroup a.rmExpanded {
        background: none rgb(255, 227, 165) !important;
    }

        .RadMenu .rmGroup a.rmLink:hover .rmText,
        .RadMenu .rmGroup a.rmFocused .rmText,
        .RadMenu .rmGroup a.rmSelected .rmText,
        .RadMenu .rmGroup a.rmExpanded .rmText {
            background: none !important;
        }

    .RadMenu .rmVertical .rmExpandRight,
    .RadMenu_Context .rmGroup .rmExpandRight,
    .RadMenu .rmGroup .rmExpandDown {
        background-position: 100% -216px;
    }

    .RadMenu .rmVertical a.rmLink.rmRootLink:hover .rmExpandRight,
    .RadMenu .rmVertical a.rmRootLink.rmSelected .rmExpandRight,
    .RadMenu .rmVertical a.rmRootLink.rmExpanded .rmExpandRight,
    .RadMenu_rtl .rmVertical a.rmLink.rmRootLink:hover .rmExpandLeft,
    .RadMenu_rtl .rmVertical a.rmRootLink.rmSelected .rmExpandLeft,
    .RadMenu_rtl .rmVertical a.rmRootLink.rmExpanded .rmExpandLeft {
        background-position: 100% -2px;
    }

.RadMenu_rtl .rmVertical a.rmLink.rmRootLink:hover .rmExpandLeft {
    background-position: 0px -2px;
}

.RadMenu_rtl .rmVertical a.rmLink.rmRootLink.rmSelected .rmExpandLeft,
.RadMenu_rtl .rmVertical a.rmLink.rmRootLink.rmExpanded .rmExpandLeft {
    background-position: 0px -29px;
}

.RadMenu .rmVertical a.rmLink.rmExpanded.rmRootLink .rmExpandRight,
.RadMenu .rmVertical a.rmLink.rmExpanded.rmRootLink:hover .rmExpandRight {
    background-position: 100% -29px;
}

.RadMenu .rmVertical a.rmLink:hover .rmExpandRight,
.RadMenu .rmVertical a.rmSelected .rmExpandRight,
.RadMenu .rmVertical a.rmFocused .rmExpandRight {
    background-position: 100% -240px;
}

.RadMenu .rmVertical a.rmExpanded .rmExpandRight,
.RadMenu .rmVertical a.rmExpanded:hover .rmExpandRight {
    background-position: 100% -144px;
}

.RadMenu .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu .rmGroup a.rmFocused .rmExpandRight,
.RadMenu .rmGroup a.rmSelected .rmExpandRight,
.RadMenu .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu .rmGroup a.rmFocused .rmExpandDown,
.RadMenu .rmGroup a.rmSelected .rmExpandDown,
.RadMenu .rmGroup a.rmExpanded .rmExpandDown {
    background-position: 100% -240px;
}

.RadMenu .rmRootGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_Context .rmGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_Context .rmGroup a.rmDisabled:hover .rmExpandLeft,
.RadMenu .rmVertical .rmDisabled.rmLink.rmRootLink:hover .rmExpandRight {
    background-position: 100% -216px;
}

.RadMenu .rmVertical .rmDisabled.rmLink.rmRootLink:hover .rmExpandLeft {
    background-position: 0px -312px;
}

.RadMenu .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandTop,
.RadMenu .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandDown,
.RadMenu .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandLeft,
.RadMenu .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandRight {
    padding-right: 24px;
}

.RadMenu .rmHorizontal .rmRootLink .rmToggle {
    margin-left: -24px;
}

.RadMenu .rmHorizontal .rmRootLink .rmIcon {
    background-position: 50% -388px;
}

@media screen {
    .RadMenu .rmHorizontal .rmRootLink .rmIcon {
        background-position: -243px -388px;
    }
}

.RadMenu .rmSlide {
    margin-top: -1px;
}

.RadMenu .rmLeftArrow,
.RadMenu .rmRightArrow {
    background-color: rgb(246, 246, 232);
}

.RadMenu .rmLeftArrow,
.RadMenu .rmRightArrow {
    background-color: rgb(224, 229, 245);
}

.RadMenu .rmLeftArrow {
    background-position: -8px -312px;
    border-right: 1px solid rgb(183, 189, 205);
}

.RadMenu .rmRightArrow {
    background-position: -482px -216px;
    border-left: 1px solid rgb(183, 189, 205);
}

.RadMenu .rmTopArrow,
.RadMenu .rmBottomArrow,
.RadMenu .rmGroup .rmLeftArrow,
.RadMenu .rmGroup .rmRightArrow {
    background-color: rgb(240, 240, 240);
}

.RadMenu .rmTopArrow {
    border-bottom: 1px solid rgb(220, 220, 220);
    background-position: 50% -367px;
}

.RadMenu .rmBottomArrow {
    border-top: 1px solid rgb(220, 220, 220);
    background-position: 50% -391px;
}

.RadMenu .rmSeparator .rmText {
    border-color: rgb(128, 172, 230) rgb(255, 255, 255) rgb(255, 255, 255) rgb(128, 172, 230);
}

.RadMenu .rmGroup .rmSeparator .rmText {
    border-color: rgb(197, 197, 197) rgb(255, 255, 255) rgb(255, 255, 255) rgb(197, 197, 197);
}

.RadMenu_rtl .rmBottomLeft,
.RadMenu_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_Context_rtl ul.rmGroup,
.RadMenu_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu .rmRoundedCorners .rmPopup {
    background-repeat: no-repeat;
}

.RadMenu_rtl li.rmTopFix,
.RadMenu_rtl li.rmBottomFix,
.RadMenu_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_Context_rtl .rmGroup .rmItem {
    background-position: 101% 0px;
}

.RadMenu_rtl .rmGroup,
.RadMenu_rtl .rmMultiColumn,
.RadMenu_rtl .rmGroup .rmVertical {
    background-position: 101% 0px;
}

.RadMenu_rtl a.rmLink:hover,
.RadMenu_rtl a.rmFocused,
.RadMenu_rtl a.rmSelected {
    background-position: 100% -96px;
}

.RadMenu_rtl .rmHorizontal .rmLink.rmRootLink.rmSelected,
.RadMenu_rtl .rmHorizontal .rmLink.rmRootLink.rmExpanded {
    background-position: 100% -144px;
}

.RadMenu_rtl a.rmLink:hover .rmText,
.RadMenu_rtl a.rmFocused .rmText,
.RadMenu_rtl a.rmSelected .rmText {
    background-position: 0px -72px;
}

.RadMenu_rtl .rmVertical a.rmLink:hover,
.RadMenu_rtl .rmVertical a.rmFocused,
.RadMenu_rtl .rmVertical a.rmSelected,
.RadMenu_rtl .rmVertical a.rmExpanded {
    background-position: 100% -96px;
}

.RadMenu_rtl .rmVertical a.rmLink.rmRootLink.rmSelected,
.RadMenu_rtl .rmVertical a.rmLink.rmRootLink.rmExpanded {
    background-position: 100% -144px;
}

.RadMenu_rtl .rmRootLink.rmSelected .rmText,
.RadMenu_rtl .rmRootLink.rmSelected:hover .rmText,
.RadMenu_rtl .rmRootLink.rmExpanded .rmText,
.RadMenu_rtl .rmRootLink.rmExpanded:hover .rmText {
    background-position: 0px -120px;
}

.RadMenu_rtl a.rmLink:hover .rmExpandLeft,
.RadMenu_rtl a.rmSelected .rmExpandLeft,
.RadMenu_rtl a.rmFocused .rmExpandLeft,
.RadMenu_rtl a.rmExpanded .rmExpandLeft {
    background-position: 0px -336px;
}

.RadMenu_rtl .rmRootGroup .rmGroup a.rmLink:hover,
.RadMenu_rtl .rmRootGroup .rmGroup a.rmFocused,
.RadMenu_rtl .rmRootGroup .rmGroup a.rmSelected,
.RadMenu_rtl .rmRootGroup .rmGroup a.rmExpanded {
    background-position: 100% -264px;
}

.RadMenu_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_rtl .rmGroup a.rmExpanded .rmText {
    background-position: 0px -288px;
}

.RadMenu_Context_rtl .rmVertical .rmExpandLeft,
.RadMenu_rtl .rmRootGroup .rmExpandLeft,
.RadMenu_rtl .rmGroup .rmExpandDown {
    background-position: 0px -312px;
}

.RadMenu_rtl .rmItem .rmLink.rmRootLink,
.RadMenu_rtl .rmGroup.rmVertical .rmLink,
.RadMenu_rtl .rmGroup .rmVertical .rmLink {
    margin-left: 3px;
}

.RadMenu_rtl .rmItem .rmText {
    margin-left: -3px;
}

.RadMenu_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandTop,
.RadMenu_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandDown,
.RadMenu_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandLeft,
.RadMenu_rtl .rmToggleHandles.rmHorizontal .rmRootLink .rmExpandRight {
    padding-right: 0px;
    padding-left: 24px;
}

.RadMenu_rtl .rmHorizontal .rmRootLink .rmToggle {
    margin-right: -24px;
    margin-left: -1px;
}

.RadMenu_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_rtl .rmGroup a.rmExpanded .rmExpandLeft,
.RadMenu_rtl .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_rtl .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_rtl .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_rtl .rmGroup a.rmExpanded .rmExpandDown {
    background-position: 0px -336px;
    background-image: none !important;
    background-color: silver !important;
}

.RadMenu_Context_rtl .rmGroup a.rmDisabled:hover .rmExpandLeft,
.RadMenu_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft {
    background-position: 0px -312px;
    background-image: none !important;
    background-color: silver !important;
}

.RadSlider {
    color: rgb(51, 51, 51);
}

    .RadSlider .rslTrack {
        border-color: rgb(158, 182, 206);
    }

.RadSlider {
    width: 22px;
    height: 22px;
    color: rgb(51, 51, 51);
    font: 13px Roboto, sans-serif !important;
}

    .RadSlider,
    .RadSlider * {
        box-sizing: content-box;
    }

        .RadSlider .rslTrack {
            z-index: 1;
            border-style: solid;
        }

        .RadSlider .rslDisabled {
            opacity: 0.5;
        }

            .RadSlider .rslDisabled,
            .RadSlider .rslDisabled a,
            .RadSlider .rslDisabled li {
                cursor: no-drop;
            }

        .RadSlider a {
            display: block;
            text-indent: -9999px;
            text-decoration: none;
            text-align: center;
            overflow: hidden;
        }

            .RadSlider a:focus,
            .RadSlider a:active {
                outline: 0px;
            }

        .RadSlider .rslHandle span,
        .RadSlider .rslDraghandle span {
            display: block;
        }

        .RadSlider .rslHorizontal,
        .RadSlider .rslVertical {
            position: relative;
            font-size: 1px;
            line-height: 2px;
        }

            .RadSlider .rslHorizontal,
            .RadSlider .rslHorizontal a.rslHandle,
            .RadSlider .rslHorizontal a.rslDraghandle {
                height: 22px;
                line-height: 22px;
            }

                .RadSlider .rslHorizontal a.rslHandle {
                    width: 25px;
                    background-repeat: no-repeat;
                }

                .RadSlider .rslHorizontal .rslDecrease {
                    background-position: -298px -114px !important;
                }

                    .RadSlider .rslHorizontal .rslDecrease:hover {
                        background-position: -25px -22px;
                    }

                .RadSlider .rslHorizontal .rslIncrease {
                    background-position: -292px -151px !important;
                }

                    .RadSlider .rslHorizontal .rslIncrease:hover {
                        background-position: -25px 0px;
                    }

                .RadSlider .rslHorizontal a.rslDraghandle {
                    width: 9px;
                    margin-top: -8px;
                    background-repeat: no-repeat;
                }

                    .RadSlider .rslHorizontal a.rslDraghandle:hover {
                        background-position: -9px 0px;
                    }

                    .RadSlider .rslHorizontal a.rslDraghandle:focus,
                    .RadSlider .rslHorizontal a.rslDraghandle:active {
                        background-position: -18px 0px;
                    }

                .RadSlider .rslHorizontal .rslTrack,
                .RadSlider .rslHorizontal .rslSelectedregion {
                    height: 6px;
                    line-height: 6px;
                }

                .RadSlider .rslHorizontal .rslTrack {
                    border-width: 0px 1px;
                }

                .RadSlider .rslHorizontal .rslItemsWrapper {
                    margin: 0px 1px;
                }

                .RadSlider .rslHorizontal.rslBottom .rslItem span {
                    display: table-cell;
                    vertical-align: bottom;
                    text-align: center;
                }

        .RadSlider .rslDisabled .rslLiveDragHandle {
            opacity: 1;
        }

        .RadSlider .rslVertical a.rslHandle,
        .RadSlider .rslVertical a.rslDraghandle {
            width: 22px;
        }

        .RadSlider .rslVertical a.rslHandle {
            height: 25px;
            line-height: 25px;
            background-repeat: no-repeat;
        }

        .RadSlider .rslVertical .rslDecrease {
            background-position: 0px 0px;
        }

            .RadSlider .rslVertical .rslDecrease:hover {
                background-position: 0px -28px;
            }

        .RadSlider .rslVertical .rslIncrease {
            background-position: -22px 3px;
        }

            .RadSlider .rslVertical .rslIncrease:hover {
                background-position: -22px -25px;
            }

        .RadSlider .rslVertical .rslTrack,
        .RadSlider .rslVertical .rslSelectedregion {
            width: 6px;
        }

        .RadSlider .rslVertical .rslTrack {
            border-width: 1px 0px;
        }

        .RadSlider .rslVertical .rslItemsWrapper {
            margin: 1px 0px;
        }

        .RadSlider .rslVertical a.rslDraghandle {
            height: 9px;
            line-height: 8px;
            margin-left: -8px;
        }

            .RadSlider .rslVertical a.rslDraghandle:hover {
                background-position: 0px -9px;
            }

            .RadSlider .rslVertical a.rslDraghandle:focus,
            .RadSlider .rslVertical a.rslDraghandle:active {
                background-position: 0px -18px;
            }

        .RadSlider .rslVertical.rslLeft .rslItem {
            text-align: right;
        }

            .RadSlider .rslVertical.rslLeft .rslItem span {
                padding-right: 12px;
            }

        .RadSlider .rslVertical.rslRight .rslItem {
            padding-left: 11px;
        }

        .RadSlider .rslItemsWrapper,
        .RadSlider .rslItem,
        .RadSlider .rslLargeTick,
        .RadSlider .rslSmallTick {
            margin: 0px;
            padding: 0px;
            list-style: none !important;
        }

            .RadSlider .rslItem span,
            .RadSlider .rslLargeTick span {
                font-size: 11px;
            }

        .RadSlider .rslVertical .rslItemsWrapper .rslItemFirst,
        .RadSlider .rslHorizontal .rslItemsWrapper .rslItemFirst {
            background-image: none;
        }

        .RadSlider .rslItem {
            text-overflow: ellipsis;
            overflow: hidden;
            cursor: default;
            background-repeat: no-repeat;
        }

        .RadSlider .rslHorizontal .rslItem {
            text-align: center;
        }

        .RadSlider .RadSlider .rslItemsWrapper li.rslItemDisabled {
            color: rgb(208, 208, 206);
        }

        .RadSlider .rslMiddle .rslItem,
        .RadSlider .rslLeft .rslLargeTick,
        .RadSlider .rslLeft .rslSmallTick {
            background-position: left center;
        }

        .RadSlider .rslTop .rslItem {
            background-position: left top;
        }

        .RadSlider .rslBottom .rslItem {
            background-position: left bottom;
        }

        .RadSlider .rslCenter .rslItem,
        .RadSlider .rslTop .rslLargeTick,
        .RadSlider .rslTop .rslSmallTick {
            background-position: center top;
        }

        .RadSlider .rslLeft .rslItem {
            background-position: left top;
        }

        .RadSlider .rslRight .rslItem {
            background-position: right top;
        }

        .RadSlider .rslLargeTick,
        .RadSlider .rslSmallTick {
            cursor: default;
            position: relative;
            background-repeat: no-repeat;
        }

        .RadSlider .rslCenter .rslLargeTick,
        .RadSlider .rslCenter .rslSmallTick,
        .RadSlider .rslMiddle .rslLargeTick,
        .RadSlider .rslMiddle .rslSmallTick {
            background-position: center center;
        }

        .RadSlider .rslRight .rslLargeTick,
        .RadSlider .rslRight .rslSmallTick {
            background-position: right center;
        }

        .RadSlider .rslBottom .rslLargeTick,
        .RadSlider .rslBottom .rslSmallTick {
            background-position: center bottom;
        }

        .RadSlider .rslLiveDragHandleActive {
            opacity: 0.4;
        }

        .RadSlider .rslLiveDragHandle {
            opacity: 0;
        }

        .RadSlider .rslHandle,
        .RadSlider .rslDraghandle,
        .RadSlider .rslTrack,
        .RadSlider .rslSelectedregion,
        .RadSlider .rslItemsWrapper,
        .RadSlider .rslLargeTick span {
            position: absolute;
            top: 0px;
            left: 0px;
        }

        .RadSlider .rslHorizontal .rslTrack,
        .RadSlider .rslHorizontal .rslItemsWrapper {
            left: 25px;
        }

        .RadSlider .rslVertical .rslTrack,
        .RadSlider .rslVertical .rslItemsWrapper {
            top: 25px;
        }

        .RadSlider .rslHorizontal .rslIncrease,
        .RadSlider .rslRight .rslHandle,
        .RadSlider .rslLeft .rslItemsWrapper,
        .RadSlider .rslLeft .rslLargeTick span,
        .RadSlider .rslVertical .rslLargeTick span.rslBRItemText {
            left: auto;
            right: 0px;
        }

        .RadSlider .rslTop .rslItemsWrapper,
        .RadSlider .rslBottom .rslHandle,
        .RadSlider .rslVertical .rslIncrease,
        .RadSlider .rslTop .rslLargeTick span,
        .RadSlider .rslHorizontal .rslLargeTick span.rslBRItemText {
            top: auto;
            bottom: 0px;
        }

        .RadSlider .rslHorizontal .rslTrack {
            top: 8px;
        }

        .RadSlider .rslBottom div.rslTrack {
            top: auto;
            bottom: 8px;
        }

        .RadSlider .rslVertical .rslTrack {
            left: 8px;
        }

        .RadSlider .rslRight div.rslTrack {
            left: auto;
            right: 8px;
        }

        .RadSlider .rslMiddle .rslTrack,
        .RadSlider .rslMiddle .rslHandle {
            top: 50%;
        }

        .RadSlider .rslCenter .rslTrack,
        .RadSlider .rslCenter .rslHandle {
            left: 50%;
        }

        .RadSlider .rslMiddle a.rslHandle {
            margin-top: -11px;
        }

        .RadSlider .rslMiddle div.rslTrack {
            margin-top: -3px;
        }

        .RadSlider .rslCenter a.rslHandle {
            margin-left: -11px;
        }

        .RadSlider .rslCenter div.rslTrack {
            margin-left: -3px;
        }

        .RadSlider .rslHorizontal .rslItem,
        .RadSlider .rslHorizontal .rslLargeTick,
        .RadSlider .rslHorizontal .rslSmallTick {
            float: left;
        }

        .RadSlider .rslLargeTick span {
            white-space: nowrap;
        }

        .RadSlider .rslHorizontal .rslLargeTick span {
            width: 100%;
            text-align: center;
        }

        .RadSlider .rslVertical .rslLargeTick span {
            height: 100%;
        }

        .RadSlider .rslHorizontal .rslSmallTick,
        .RadSlider .rslHorizontal .rslLargeTick {
            width: 1px;
        }

        .RadSlider .rslVertical .rslSmallTick,
        .RadSlider .rslVertical .rslLargeTick {
            height: 1px;
        }

.RadCalendar {
    table-layout: auto;
    border-collapse: separate;
    width: 220px;
    color: inherit;
    border: 1px solid rgb(0, 21, 110) !important;
    margin-top: 5px;
    border-radius: 3px;
    overflow: hidden;
}

    .RadCalendar .rcTitlebar .rcPrev,
    .RadCalendar .rcTitlebar .rcNext,
    .RadCalendar .rcTitlebar .rcFastPrev,
    .RadCalendar .rcTitlebar .rcFastNext {
        color: inherit;
    }

    .RadCalendar caption div {
        color: inherit;
    }

    .RadCalendar .rcTitlebar {
        width: 100%;
        border-style: solid;
        border-width: 1px;
        padding: 3px !important;
    }

        .RadCalendar .rcTitlebar table {
            table-layout: auto;
            width: 100%;
            border-collapse: separate;
            border: 0px;
        }

        .RadCalendar .rcTitlebar td {
            border: 0px;
            padding: 0px;
            text-align: center;
            vertical-align: middle;
        }

        .RadCalendar .rcTitlebar .rcTitle {
            width: 100%;
            cursor: pointer;
        }

    .RadCalendar .rcNoNav .rcTitle {
        cursor: default;
    }

    .RadCalendar .rcTitlebar .rcPrev,
    .RadCalendar .rcTitlebar .rcNext,
    .RadCalendar .rcTitlebar .rcFastPrev,
    .RadCalendar .rcTitlebar .rcFastNext {
        display: block;
        width: 15px;
        height: 15px;
        overflow: hidden;
        margin: 0px 4px;
        background-color: transparent;
        background-repeat: no-repeat;
        text-indent: -2222px;
        text-decoration: none;
    }

    .RadCalendar .rcMain {
        width: 100%;
        border-style: solid;
        border-width: 0px 1px 1px;
        padding: 0px;
    }

    .RadCalendar .rcMainTable {
        table-layout: auto;
        border-collapse: separate;
        border: 0px;
        width: 100%;
    }

    .RadCalendar .rcHeader,
    .RadCalendar .rcFooter {
        border-style: solid;
        border-width: 0px 1px 1px;
        padding: 0px;
    }

    .RadCalendar .rcRow th {
        border: 0px;
        padding: 0px;
        font-weight: normal;
        vertical-align: middle;
        cursor: default;
    }

    .RadCalendar .rcWeek th {
        border: 0px;
        padding: 0px;
        font-weight: normal;
        vertical-align: middle;
        cursor: default;
        text-align: right;
    }

    .RadCalendar .rcWeek .rcViewSel {
        text-align: center;
    }

    .RadCalendar .rcRow th {
        text-align: center;
    }

    .RadCalendar .rcRow td {
        border-style: solid;
        border-width: 1px;
        padding: 0px;
        text-align: right;
        vertical-align: middle;
    }

    .RadCalendar .rcMain .rcRow a,
    .RadCalendar .rcMain .rcRow span {
        text-decoration: none;
        align-items: center;
        justify-content: center;
        display: flex !important;
        padding: 5px !important;
    }

    .RadCalendar .rcPreview .rcRow a {
        outline: 0px;
    }

    .RadCalendar .rcMain .rcOutOfRange span {
        cursor: default;
    }

    .RadCalendar .rcDisabled {
        cursor: default;
        opacity: 0.5;
    }

.RadCalendarTimeView {
    color: inherit;
}

table.RadCalendarMultiView {
    width: auto;
}

.RadCalendarMultiView .rcCalendar {
    width: 220px;
    border-style: solid;
    border-width: 1px;
    padding: 0px;
}

.RadCalendarMultiView .rcMainTable .rcTitle {
    border-style: solid;
    border-width: 0px 0px 1px;
    padding: 0px;
    text-align: center;
}

table.RadCalendarMonthView {
    table-layout: auto;
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
}

    table.RadCalendarMonthView td {
        border: 0px;
        padding: 5px 2px 0px;
    }

.RadCalendarMonthView button,
.RadCalendarMonthView [type="button"] {
    appearance: none;
    border-radius: 0px;
}

.RadCalendarMonthView a {
    display: block;
    padding: 2px 4px;
    text-align: center;
    text-decoration: none;
}

.RadCalendarMonthView .rcHover a,
.RadCalendarMonthView .rcSelected a {
    border-style: solid;
    border-width: 1px;
    padding: 1px 3px;
}

.RadCalendarMonthView #rcMView_PrevY a,
.RadCalendarMonthView #rcMView_NextY a {
    display: block;
    overflow: hidden;
    margin: 0px auto;
    background-color: transparent;
    background-repeat: no-repeat;
    text-indent: -2222px;
    text-align: center;
    text-decoration: none;
    box-sizing: content-box;
}

.RadCalendarMonthView .rcButtons {
    border: 0px;
    text-align: center;
}

.RadCalendarMonthView input {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
}

.RadCalendarMonthView #rcMView_Today {
    margin: 0px 0.4em 0px 0px;
}

table.RadCalendarTimeView td:first-child {
    border-left: 0px;
}

table.RadCalendarTimeView {
    border-collapse: separate;
    border-style: solid;
    border-width: 1px;
}


    table.RadCalendarTimeView td {
        border-style: solid;
        border-width: 0px 0px 0px 1px;
        padding: 2px 2px 3px;
    }

.RadCalendarTimeView a {
    display: block;
    padding: 2px 6px;
    text-align: center;
    text-decoration: none;
}

.RadCalendarTimeView td.rcSelected a,
.RadCalendarTimeView td.rcHover a {
    border-style: solid;
    border-width: 1px;
    padding: 1px 5px;
}

.RadCalendarTimeView .rcFooter {
    border-style: solid;
    border-width: 1px 0px 0px;
    padding: 0px;
}

.RadPicker {
    vertical-align: middle;
    width: 100%;
    position: relative;
    max-width: 100%;
}

    .RadPicker .rcCalPopup {
        position: absolute;
        top: 2px;
        right: 2px;
    }

    .RadPicker .rcTimePopup {
        position: absolute;
        top: 2px;
        right: 2px;
    }

    .RadPicker td {
        vertical-align: middle;
    }

    .RadPicker .RadInput {
        vertical-align: baseline;
    }

    .RadPicker .rcTable {
        table-layout: auto;
    }

    .RadPicker table.rcTable {
        border: 0px;
        margin: 0px;
        padding: 0px;
    }

        .RadPicker table.rcTable td {
            border: 0px;
            margin: 0px;
            padding: 0px;
        }

        .RadPicker table.rcTable .rcInputCell {
            padding: 0px 4px 0px 0px;
        }

    .RadPicker td a {
        position: relative;
        outline: 0px;
        margin: 0px 2px;
        text-decoration: none;
        z-index: 0 !important;
    }

    .RadPicker .rcCalPopup {
        border-radius: 2px;
        background-position: -114px -42px !important;
        width: 25px !important;
        height: 25px !important;
        margin-left: 4px !important;
        box-sizing: border-box !important;
    }

    .RadPicker .rcCalPopup {
        display: block;
        overflow: hidden;
        width: 22px;
        height: 22px;
        background-color: transparent;
        background-repeat: no-repeat;
        text-indent: -2222px;
        text-align: center;
        box-sizing: content-box;
        /*background-image: url("/Admin/Images/RadIcon/css_sprites.png") !important;*/
        background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 10h16m-8-3V4M7 7V4m10 3V4M5 20h14a1 1 0 0 0 1-1V7a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1Zm3-7h.01v.01H8V13Zm4 0h.01v.01H12V13Zm4 0h.01v.01H16V13Zm-8 4h.01v.01H8V17Zm4 0h.01v.01H12V17Zm4 0h.01v.01H16V17Z'/></svg>") !important;
        background-repeat: no-repeat !important;
        background-position-x: 5px !important;
        background-position-y: 2px !important;
    }


    .RadPicker .rcTimePopup {
        display: block;
        overflow: hidden;
        width: 22px;
        height: 22px;
        background-color: transparent;
        background-repeat: no-repeat;
        text-indent: -2222px;
        text-align: center;
        box-sizing: content-box;
        /*background-image: url("/Admin/Images/RadIcon/css_sprites.png") !important;*/
        background-image: url("data:image/svg+xml;utf8,<svg class='w-6 h-6 text-gray-800 dark:text-white' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 24 24'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/></svg>") !important;
        background-repeat: no-repeat !important;
        background-position-x: 5px !important;
        background-position-y: 2px !important;
        min-width: 25px;
    }

    .RadPicker .rcDisabled {
        opacity: 0.5;
    }

.RadCalendarMonthView .rcDisabled {
    opacity: 0.5;
}

body > .RadCalendarPopupShadows {
    padding: 0px !important;
}

.RadCalendarPopupShadows > .rcShadTR,
.RadCalendarPopupShadows > .rcShadBL,
.RadCalendarPopupShadows > .rcShadBR {
    position: absolute;
    background-repeat: no-repeat;
    background-color: transparent;
}

.RadCalendarPopupShadows > .rcShadBL,
.RadCalendarPopupShadows > .rcShadBR {
    bottom: 0px;
    height: 5px !important;
    background-image: none !important;
}

.RadCalendarPopupShadows > .rcShadBL {
    left: 0px;
    width: 100%;
    background-position: 0px -3px;
}

.RadCalendarPopupShadows > .rcShadBR {
    width: 5px;
    right: 0px;
    background-position: 100% 100%;
}

.RadCalendarPopupShadows > .rcShadTR {
    height: 100%;
    top: 0px;
    right: 0px;
    background-position: 100% 0px;
    width: 0px !important;
    background-image: none !important;
}

.rcIE > .rcShadBL,
.rcIE > .rcShadBR,
.rcIE > .rcShadTR {
    background-image: none;
}

.RadPickerRTL table.rcTable .rcInputCell {
    padding: 0px 0px 0px 4px;
}

.rtTemplate {
    /* padding: 5px; */
}

.RadWindow .rwTitleRow,
.RadWindow .rwTitleRow * {
    box-sizing: content-box;
    background-color: rgb(191, 219, 255);
}

.RadWindow .rwCorner,
.RadWindow .rwTitlebar,
.RadWindow .rwStatusbar,
.RadWindow .rwFooterCenter,
.RadWindow .rwTitlebarControls td {
    padding: 0px;
    margin: 0px;
    border: 0px;
    border-collapse: collapse;
    vertical-align: top;
}

.RadWindow table.rwTable,
.RadWindow table.rwShadow,
.RadWindow .rwTitlebarControls {
    border: 0px;
    padding: 0px;
}

.RadWindow .rwTopResize {
    font-size: 1px;
    line-height: 4px;
    width: 100%;
    height: 4px;
    background-position: 0px -31px;
    background-repeat: repeat-x;
}

.RadWindow .rwStatusbarRow .rwCorner {
    background-repeat: no-repeat;
}

.RadWindow .rwStatusbarRow .rwBodyLeft {
    background-position: -16px 0px;
}

.RadWindow .rwStatusbarRow .rwBodyRight {
    background-position: -24px 0px;
}

.RadWindow .rwStatusbar div {
    width: 18px;
    height: 18px;
    padding: 0px 3px 0px 0px;
    background-position: 0px -94px;
    background-repeat: no-repeat;
}

.RadWindow .rwStatusbar {
    height: 22px;
    background-position: 0px -113px;
    background-repeat: repeat-x;
}

.RadWindow .rwTable {
    width: 100%;
    height: 100%;
    table-layout: auto;
    border-radius: 3px;
    box-shadow: silver 0px 1px 5px;
    border: 1px solid silver !important;
}

.RadWindow .rwCorner {
    width: 8px;
}

.RadWindow .rwTopLeft,
.RadWindow .rwTopRight,
.RadWindow .rwTitlebar,
.RadWindow .rwFooterLeft,
.RadWindow .rwFooterRight,
.RadWindow .rwFooterCenter {
    height: 8px;
    font-size: 1px;
    background-repeat: no-repeat;
    line-height: 1px;
}

.RadWindow .rwBodyLeft,
.RadWindow .rwBodyRight {
    background-repeat: repeat-y;
}

.RadWindow .rwBodyRight {
    background-position: -8px 0px;
}

.RadWindow .rwTopLeft {
    background-position: 0px 0px;
}

.RadWindow .rwTopRight {
    background-position: -8px 0px;
}

.RadWindow table .rwTitlebar {
    background-repeat: repeat-x;
    background-position: 0px -31px;
}

.RadWindow .rwFooterLeft {
    background: white;
}

.RadWindow .rwFooterRight {
    background: white !important;
}

.RadWindow .rwFooterCenter {
    background: white;
}

.RadWindow .rwTitlebarControls {
    width: 100%;
    height: 27px;
}

.RadWindow .rwIframeWrapperIOS {
    width: 100%;
    height: 100%;
    overflow: scroll;
}

.RadWindow .rwWindowContent iframe {
    display: block;
}

.RadWindow .rwWindowContent {
    background: white;
    height: 100% !important;
}

.RadWindow td.rwLoading,
.RadWindow .rwIframeWrapperIOS.rwLoading {
    background-repeat: no-repeat;
    background-position: center center;
}

.RadWindow .rwStatusbar .rwLoading {
    background-repeat: no-repeat;
}

.RadWindow .rwStatusbar .rwLoading {
    padding-left: 30px;
}

.RadWindow td.rwStatusbar input {
    background-position: 0% 0%;
    margin: 0px;
    padding: 4px 0px 0px 3px;
    width: 100%;
    height: 18px;
    color: inherit;
    line-height: 18px;
    cursor: default;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
    vertical-align: middle;
    border-style: none !important;
    border-color: inherit !important;
    border-width: 0px !important;
    background-image: none !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.RadWindow .rwControlButtons li {
    float: left;
    padding: 0px 1px 0px 0px;
}

.RadWindow .rwControlButtons a {
    width: 30px;
    height: 21px;
    line-height: 1px;
    font-size: 1px;
    cursor: default;
    background-repeat: no-repeat;
    display: block;
    text-decoration: none;
    outline: 0px;
}

.RadWindow .rwControlButtons span {
    display: block;
}

.RadWindow .rwControlButtons {
    padding: 0px;
    margin: 2px 0px 0px;
    list-style: none;
    white-space: nowrap;
    float: right;
}

.RadWindow .rwReloadButton:hover {
    background-position: -120px -21px;
}

.RadWindow .rwReloadButton {
    background-position: -120px 0px;
}

.RadWindow .rwPinButton:hover {
    background-position: -180px -21px;
}

.RadWindow .rwPinButton.on:hover {
    background-position: -150px -21px;
}

.RadWindow .rwPinButton.on {
    background-position: -150px 0px;
}

.RadWindow .rwPinButton {
    background-position: -180px 0px;
}

.RadWindow .rwMinimizeButton:hover {
    background-position: 0px -21px;
}

.RadWindow .rwMinimizeButton {
    background-position: 0px 0px;
}

.RadWindow .rwMaximizeButton:hover {
    background-position: -60px -21px;
}

.RadWindow .rwMaximizeButton {
    background-position: -60px 0px;
}

.RadWindow .rwCloseButton:hover {
    background-position: -90px -21px;
}

.RadWindow .rwCloseButton {
    background-position: -90px 0px;
}

.RadWindow.rwMaximizedWindow .rwMaximizeButton:hover,
.RadWindow.rwMinimizedWindow .rwMinimizeButton:hover {
    background-position: -30px -21px;
}

.RadWindow.rwMaximizedWindow .rwMaximizeButton,
.RadWindow.rwMinimizedWindow .rwMinimizeButton {
    background-position: -30px 0px;
}

.RadWindow.rwMaximizedWindow .rwTopResize,
.RadWindow.rwMaximizedWindow .rwCorner,
.RadWindow.rwMaximizedWindow .rwFooterCenter,
.RadWindow.rwMaximizedWindow .rwTitlebar {
    cursor: default !important;
}

.RadWindow .rwIcon {
    display: block;
    background-repeat: no-repeat;
    background-position: 0px -78px;
    width: 16px;
    height: 16px;
    cursor: default;
    margin: 3px 5px 0px 0px;
}

.RadWindow .rwTitleRow em {
    color: inherit;
    padding: 3px 0px 0px 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.RadWindow.rwInactiveWindow .rwTitlebarControls {
    position: static;
}

.RadWindow .rwDialogPopup .rwPopupButton,
.RadWindow .rwDialogPopup .rwPopupButton span {
    display: block;
    float: left;
}

.RadWindow .rwDialogPopup {
    margin: 16px;
    color: rgb(51, 51, 51);
    padding: 1px 0px 16px 50px;
    cursor: default;
}

.RadWindow .rwControlButtons a {
    text-indent: -3333px;
    overflow: hidden;
    text-align: center;
}

.RadWindow .rwDialogText {
    text-align: left;
}

.RadWindow.rwMinimizedWindow .rwPinButton,
.RadWindow.rwMinimizedWindow .rwReloadButton,
.RadWindow.rwMinimizedWindow .rwMaximizeButton,
.RadWindow.rwMinimizedWindow .rwTopResize {
    display: none !important;
}

.RadWindow .rwDialogInput {
    color: rgb(51, 51, 51);
    width: 90%;
    display: block;
    margin: 8px 0px;
    border-radius: 3px;
}

.RadWindow .rwWindowContent .radconfirm,
.RadWindow .rwWindowContent .radalert {
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
}

.RadWindow .rwWindowContent .radprompt {
    padding: 0px;
    margin: 0px;
}

.RadWindow .rwPopupButton,
.RadWindow .rwPopupButton span {
    text-decoration: none;
    color: rgb(51, 51, 51);
    line-height: 21px;
    height: 21px;
    cursor: default;
}

.RadWindow .rwPopupButton {
    background-repeat: no-repeat;
    background-position: 0px -136px;
    padding: 0px 0px 0px 3px;
    margin: 8px 8px 8px 0px;
}

.RadWindow .rwWindowContent .rwPopupButton .rwOuterSpan {
    padding: 0px 3px 0px 0px;
    border-radius: 2px;
    color: white !important;
    background: rgb(79, 195, 247) !important;
}

.RadWindow .rwWindowContent .rwPopupButton .rwInnerSpan {
    background-repeat: repeat-x;
    background-position: 0px -157px;
    padding: 0px 12px;
    color: white !important;
}

.RadWindow .rwWindowContent .rwPopupButton:hover .rwOuterSpan {
    background-position: right -178px;
    padding: 0px 3px 0px 0px;
}

.RadWindow .rwWindowContent .rwPopupButton:hover .rwInnerSpan {
    background-position: 0px -199px;
    padding: 0px 12px;
    background-color: rgb(79, 195, 247) !important;
}

.RadWindow .rwWindowContent .rwPopupButton:hover {
    background-position: 0px -178px;
    padding: 0px 0px 0px 3px;
    margin: 8px 8px 8px 0px;
}

.RadWindow .rwStatusbarRow .rwBodyLeft {
    background-position: -16px 0px;
}

.RadWindow .rwStatusbarRow .rwBodyRight {
    background-position: -24px 0px;
}

.RadWindow.rwMinimizedWindow .rwContentRow,
.RadWindow.rwMinimizedWindow .rwStatusbarRow {
    display: none;
}

.RadWindow.rwMinimizedWindow table.rwTitlebarControls {
    margin-top: 4px;
}

.RadWindow.rwMinimizedWindow .rwControlButtons {
    width: 66px !important;
}

.RadWindow.rwMinimizedWindow em {
    width: 90px;
}

.RadWindow.rwMinimizedWindow .rwCorner.rwTopLeft {
    background-position: 0px -220px;
    background-repeat: no-repeat;
}

.RadWindow.rwMinimizedWindow .rwCorner.rwTopRight {
    background-position: -8px -220px;
    background-repeat: no-repeat;
}

.RadWindow.rwMinimizedWindow .rwTitlebar {
    background-repeat: repeat-x;
    background-position: 0px -250px !important;
}

.RadWindow.rwMinimizedWindow,
.RadWindow .rwMinimizedWindowOverlay {
    width: 200px !important;
    height: 30px !important;
    overflow: hidden !important;
    float: left !important;
}

.RadWindow.rwInactiveWindow .rwCorner,
.RadWindow.rwInactiveWindow .rwTitlebar,
.RadWindow.rwInactiveWindow .rwFooterCenter {
    opacity: 0.65 !important;
}

.RadWindow ul.rwControlButtons span {
}

.RadWindow.rwNoTitleBar table tr.rwTitleRow td.rwTopLeft {
    background-position: 0px -280px;
}

.RadWindow.rwNoTitleBar table tr.rwTitleRow td.rwTitlebar {
    background-position: 0px -288px;
    background-repeat: repeat-x;
}

.RadWindow.rwNoTitleBar table tr.rwTitleRow td.rwTopRight {
    background-position: -8px -280px;
}

.RadWindow.rwNoTitleBar table div.rwTopResize {
    background: 0px center;
}

.RadWindow .rwShadow .rwTopLeft,
.RadWindow .rwShadow .rwTopRight,
.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft,
.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
    width: 15px !important;
}

.RadWindow .rwShadow .rwTopLeft,
.RadWindow .rwShadow .rwTopRight {
    height: 38px;
}

.RadWindow .rwShadow .rwTopLeft,
.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft {
    background-position: 0px -297px !important;
}

.RadWindow .rwShadow .rwTopRight,
.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
    background-position: 0px -335px !important;
}

.RadWindow .rwShadow .rwTopResize {
    height: 8px;
    background-position: 0px -376px !important;
}

.RadWindow .rwShadow .rwTitlebar,
.RadWindow.rwMinimizedWindow .rwShadow .rwTitlebar {
    height: 30px !important;
    background-position: 0px -391px !important;
    background-repeat: repeat-x !important;
}

.RadWindow .rwShadow .rwFooterLeft,
.RadWindow .rwShadow .rwFooterRight,
.RadWindow .rwShadow .rwFooterCenter {
    height: 14px;
}

.RadWindow .rwShadow .rwFooterLeft {
    width: 15px;
    background-position: 0px -431px;
}

.RadWindow .rwShadow .rwFooterCenter {
    background-position: 0px -461px;
    background-repeat: repeat-x;
}

.RadWindow .rwShadow .rwFooterRight {
    width: 15px;
    background-position: 0px -446px;
}

.RadWindow .rwShadow .rwBodyLeft,
.RadWindow .rwShadow .rwBodyRight {
    width: 15px;
    background-repeat: repeat-y;
}

.RadWindow .rwShadow .rwBodyLeft {
    background-position: -33px 0px;
}

.RadWindow .rwShadow .rwBodyRight {
    background-position: -52px 0px;
}

.RadWindow .rwShadow .rwIcon {
    margin: 7px 5px 0px 1px;
}

.RadWindow .rwShadow em {
    padding: 7px 0px 0px 1px;
}

.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopLeft,
.RadWindow.rwMinimizedWindow .rwShadow .rwCorner.rwTopRight {
    height: 1px !important;
}

.RadWindow.rwMinimizedWindowShadow .rwTable {
    height: auto !important;
    width: 210px !important;
}

.RadWindow.rwMinimizedWindowShadow {
    overflow: visible !important;
}

.RadWindow.rwMinimizedWindow .rwShadow .rwFooterLeft {
    background-position: 0px -432px;
}

.RadWindow.rwMinimizedWindow .rwShadow .rwFooterCenter {
    background-position: 0px -462px;
}

.RadWindow.rwMinimizedWindow .rwShadow .rwFooterRight {
    background-position: 0px -447px;
}

.RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwPinButton,
.RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwReloadButton,
.RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls .rwControlButtons .rwMaximizeButton,
.RadWindow.rwMinimizedWindowShadow .rwShadow .rwContentRow,
.RadWindow.rwMinimizedWindowShadow .rwShadow .rwStatusbarRow {
    display: none !important;
}

.RadWindow.rwMinimizedWindowShadow .rwShadow .rwTitlebarControls {
    display: block;
}

.RadWindow .rwMinimizedWindowShadow .rwShadow .rwTopLeft,
.RadWindow .rwMinimizedWindowShadow .rwShadow .rwTopRight,
.RadWindow .rwMinimizedWindowShadow .rwShadow .rwFooterLeft,
.RadWindow .rwMinimizedWindowShadow .rwShadow .rwFooterRight,
.RadWindow .rwMinimizedWindowShadow .rwShadow .rwFooterCenter,
.RadWindow .rwMinimizedWindowShadow .rwShadow .rwTopResize {
    cursor: default !important;
}

.RadWindow.rwNoTitleBar table.rwShadow tr td.rwTopLeft {
    background-position: 0px -480px !important;
}

.RadWindow.rwNoTitleBar table.rwShadow tr td.rwTitlebar {
    background-position: 0px -525px !important;
}

.RadWindow.rwNoTitleBar table.rwShadow tr td.rwTopRight {
    background-position: 0px -500px !important;
}

.RadWindow.rwNoTitleBar .rwShadow .rwTitlebar,
.RadWindow.rwNoTitleBar .rwShadow .rwTopLeft,
.RadWindow.rwNoTitleBar .rwShadow .rwTopRight {
    height: 13px !important;
}

.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTopLeft {
    background-position: 8px -280px !important;
}

.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTitlebar {
    background-position: 0px -288px !important;
}

.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow tr td.rwTopRight {
    background-position: -9px -280px !important;
}

.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTitlebar,
.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTopLeft,
.RadWindow.rwNoTitleBar.rwInactiveWindow table.rwShadow .rwTopRight {
    height: 8px !important;
}

html.rwPreventPageScrolling,
body.rwPreventPageScrolling {
    position: fixed;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

html:first-child .RadWindow ul.rwControlButtons {
    float: right;
    border: 1px solid transparent;
}

.RadWindow_rtl .rwControlButtons {
    float: left;
}

div.RadWindow_rtl .rwControlButtons li {
    float: right;
}

div.RadWindow_rtl table.rwShadow .rwControlButtons li {
    float: right;
}

.RadWindow.RadWindow_rtl div.rwDialogText,
.RadWindow.RadWindow_rtl div.rwDialogText {
    text-align: right;
}

.RadWindow.RadWindow_rtl div.rwDialogPopup div a,
.RadWindow.RadWindow_rtl div.rwDialogPopup div a {
    float: right;
}

.RadWindow.RadWindow_rtl div.rwDialogPopup.radprompt,
.RadWindow.RadWindow_rtl div.rwDialogPopup.radprompt {
    padding: 1px 0px 16px;
}

.RadWindow.RadWindow_rtl div.rwDialogPopup,
.RadWindow.RadWindow_rtl div.rwDialogPopup {
    background-position: right center;
    padding: 1px 50px 16px 0px;
}

.RadWindow.RadWindow_rtl .rwPopupButton,
.RadWindow.RadWindow_rtl .rwPopupButton:hover {
    margin: 8px 0px 8px 8px;
}

.RadWindow .rwTopLeft,
.RadWindow .rwTopRight,
.RadWindow .rwTitlebar,
.RadWindow .rwFooterLeft,
.RadWindow .rwFooterRight,
.RadWindow .rwFooterCenter,
.RadWindow .rwTopResize,
.RadWindow .rwStatusbar div,
.RadWindow .rwStatusbar,
.RadWindow .rwPopupButton,
.RadWindow .rwPopupButton span,
.RadWindow.rwMinimizedWindow .rwCorner {
    background-image: none !important;
}

.RadWindow .rwBodyLeft,
.RadWindow .rwBodyRight,
.RadWindow .rwStatusbarRow .rwCorner {
    background-color: white;
    background-image: none !important;
}

.RadWindow .rwStatusbar input {
    background-color: rgb(247, 243, 233);
}

.RadWindow .rwControlButtons {
    margin-top: 0px;
}

.RadWindow table.rwTitlebarControls em {
    color: rgb(0, 21, 110);
}

.RadWindow input.rwDialogInput {
    border: 1px solid rgb(158, 182, 206);
    width: 100%;
}

    .RadWindow input.rwDialogInput:hover {
        border: 1px solid rgb(196, 186, 156);
    }

.RadWindow tr td.rwWindowContent {
    background-color: rgb(255, 255, 255);
}

.RadWindow .rwShadow .rwControlButtons {
    margin: 5px -2px 0px 0px;
}

.RadWindow.rwMinimizedWindowShadow .rwShadow .rwControlButtons {
    margin: 9px -8px 0px 0px;
}

.RadWindow.rwMinimizedWindowShadow .rwShadow .rwIcon {
    margin: 9px 6px 0px 0px;
}

.RadWindow.rwMinimizedWindowShadow .rwShadow em {
    margin: 4px 0px 0px -1px;
}

.RadWindow .rwShadow .rwControlButtons li {
    float: left;
    padding: 0px;
}

.RadWindow .RadWindow .rwShadow .rwControlButtons a {
    width: 28px;
}

.RadWindow {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

div.RadWindow tr td.rwLoading {
    background-color: rgb(232, 241, 252);
}

.RadUpload .ruStyled .ruFileInput {
    border-color: rgb(171, 193, 222);
}

.RadUpload input.ruFakeInput {
    color: rgb(0, 0, 0);
    box-sizing: border-box;
    border-radius: 3px;
    padding: 4px !important;
    border-color: rgb(228, 228, 228) !important;
    background-image: none !important;
}

* + html .RadUpload .ruFileWrap .ruInputHover {
    border-color: rgb(123, 145, 174);
}

.RadUpload .ruReadOnly .ruFakeInput {
    background: rgb(243, 243, 243);
}

.RadUpload .ruButton {
    line-height: 25px;
    border-radius: 2px;
    font-weight: 600;
    background: rgb(235, 235, 235) !important;
    height: 25px !important;
    color: rgb(51, 51, 51) !important;
    padding: 0px 10px !important;
}

.RadUpload .ruRemove {
    color: rgb(14, 35, 119);
}

div.RadUpload .ruInputs .ruButtonHover,
div.RadUpload .ruActions .ruButtonHover {
    background-position: 100% -23px;
    color: rgb(0, 0, 0);
}

div.RadUpload .ruFileWrap .ruButtonHover {
    background-position: 100% 0px;
    color: rgb(0, 0, 0);
}

.RadUpload .ruFileWrap .ruButton.ruButtonFocus.ruButtonHover {
    background-position: 64px -1px;
    background-repeat: repeat-x;
}

.RadUpload .ruFileWrap .ruButton.ruButtonFocus {
    background-position: -1px -1px;
}

.RadUploadSubmit {
    color: rgb(0, 0, 0);
}

.RadUpload input.ruUploadInvalid {
    background-repeat: no-repeat;
    background-position: 100% -297px;
}

.RadUpload_rtl input.ruUploadInvalid {
    background-position: 3px -297px;
}

.RadUpload .ruFileProgress,
.RadUpload_rtl .ruFileProgressWrap {
    background-position: 0px 0px;
}

.RadUpload .ruFileProgressWrap,
.RadUpload_rtl .ruFileProgress {
    background-position: 100% 0px;
}

.RadUpload .ruProgressStarted,
.RadUpload_rtl .ruProgressComplete {
    background-position: 0px -5px;
}

.RadUpload .ruProgressComplete,
.RadUpload_rtl .ruProgressStarted {
    background-position: 100% -5px;
}

.RadUpload .ruDropZone,
.RadUpload_rtl .ruDropZone {
    border-color: rgb(158, 191, 219);
    color: rgb(62, 105, 163);
    background-color: rgb(214, 230, 244);
}

.RadUpload {
    text-align: left;
    width: 100% !important;
}

.RadUpload_rtl {
    text-align: right;
}

.RadUpload .ruInputs li.ruActions {
    margin: 1.4em 0px 0px;
}

.RadUpload .ruInputs li {
    margin: 0px 0px 5px;
}

.RadUpload .ruInputs {
    position: relative;
    zoom: 1;
}

.RadUpload .ruInputs {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.RadUpload .ruCheck {
    top: 1px;
    padding: 3px;
    position: static;
    zoom: 1;
}

.RadUpload .ruFileWrap {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    line-height: 20px;
    zoom: 1;
    overflow: hidden !important;
    height: 26px !important;
}

.RadUpload_rtl .ruFileWrap {
    padding-left: 0.8em;
    padding-right: 0px;
}

.ruRtlWrap {
    position: absolute;
    top: 0px;
    display: block;
    left: 0px !important;
}

.ruFileWrap .ruRtlWrap input.ruFileInput {
    position: static;
}

.RadAsyncUpload span.ruFileWrap {
    padding-left: 0px;
    width: 100%;
}

.rfeUploadContainer {
    margin-left: 0px !important;
}

* + html .RadUpload .ruFileWrap {
    top: -1px;
}

.RadUpload input.ruFileInput {
    font: 100px monospace;
    margin: 0px;
    padding: 0px;
    right: 0px;
    top: 0px;
}

.RadUpload .ruStyled .ruFileInput,
.RadUpload .ruFakeInput {
    border-width: 1px;
    border-style: solid;
    line-height: 18px;
    padding: 4px 4px 0px;
    box-sizing: content-box;
}

.RadUpload .ruFileInput,
.RadUpload .ruFakeInput,
.RadUpload .ruButton {
    float: none;
    vertical-align: top;
}

.RadUpload .ruFakeInput,
.RadUpload .ruButton {
    border-radius: 0px;
    appearance: none;
}

.RadUpload .ruStyled .ruFileInput {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width: 100%;
    height: 25px;
    padding: 0px !important;
}

.RadUpload .ruReadOnly .ruFakeInput {
    position: relative;
    z-index: 2;
}

.RadUpload .ruFakeInput {
    margin-right: 4px;
    background-position: 0px -93px;
    background-repeat: repeat-x;
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    border-radius: 2px;
    height: 25px !important;
    width: 100% !important;
}

.RadAsyncUpload.RadUpload_rtl .ruFakeInput {
    margin-right: 0px;
}

* + html .RadUpload .ruFakeInput {
    height: 20px;
    margin-top: -1px;
    padding-top: 0px;
    padding-right: 0.5em;
    line-height: 20px;
    vertical-align: middle;
}

.RadUpload .ruButton.ruButtonFocus {
    border: 1px dashed rgb(0, 0, 0);
}

.RadUpload .ruButton {
    height: 22px;
    border: 0px;
    padding-bottom: 2px;
    background-position: 0px -23px;
    background-repeat: no-repeat;
    background-color: transparent;
    text-align: center;
    width: auto !important;
    border-radius: 2px !important;
}

* + html .RadUpload .ruButton {
    padding-bottom: 0px;
}

.RadUpload .ruBrowse {
    background-position: 0px 0px;
    width: auto !important;
}

.RadUpload_rtl .ruBrowse {
    margin-left: 0px;
    margin-right: 4px;
}

.RadUpload .ruRemove {
    overflow: visible;
    border: 0px;
    background-position: 4px -70px;
    width: auto;
    padding-left: 16px;
    cursor: pointer;
    font-size: 10px;
}

.RadUpload_rtl .ruCancel {
    background-position: 100% -70px;
    padding-left: 0px;
    padding-right: 14px;
    margin-right: 4px;
}

.RadUpload .ruCancel {
    overflow: visible;
    border: 0px;
    background-position: 4px -70px;
    width: auto;
    padding-left: 16px;
    cursor: pointer;
    font-size: 10px;
}

.RadUpload_rtl .ruRemove {
    background-position: 100% -70px;
    padding-left: 0px;
    padding-right: 14px;
    margin-right: 4px;
}

.RadUpload .ruActions .ruButton {
    width: 79px;
    margin: 0px 16px 0px 0px;
    background-position: 0px -23px;
}

.RadUpload_rtl .ruActions .ruButton {
    margin: 0px 0px 0px 16px;
}

.RadUpload input[disabled],
.RadUpload .ruButtonDisabled {
    opacity: 0.6;
}

.RadUploadSubmit {
    width: 115px;
    height: 22px;
    border: 0px;
    margin: 0px;
    padding: 0px;
    background-position: 0px -46px;
    background-repeat: no-repeat;
    background-color: transparent;
    text-align: center;
    font: 13px Roboto, sans-serif !important;
}

.RadUpload .ruUploadProgress {
    padding-left: 18px;
    display: block;
}

.RadUpload_rtl .ruUploadProgress {
    padding-left: 0px;
    padding-right: 18px;
    background-position: 100% 50%;
}

.RadUpload .ruUploadSuccess,
.RadUpload .ruUploadFailure,
.RadUpload .ruUploadCancelled {
    background-repeat: no-repeat;
    background-color: transparent;
}

.RadUpload .ruFileRemoved {
    height: 0px;
    margin-bottom: 0px;
}

.RadUpload .ruUploadSuccess {
    background-position: 0px 18%;
}

.RadUpload_rtl .ruUploadSuccess {
    background-position: 100% 18%;
}

.RadUpload .ruUploadFailure,
.RadUpload .ruUploadCancelled {
    background-position: 0px 80%;
}

.RadUpload_rtl .ruUploadFailure,
.RadUpload_rtl .ruUploadCancelled {
    background-position: 100% 80%;
}

.RadUpload .ruFileWrap .ruUploadInvalid {
    border-color: rgb(213, 25, 35);
    color: rgb(213, 25, 35);
}

.RadUpload .ruFileProgress,
.RadUpload .ruFileProgressWrap {
    display: block;
    height: 5px;
    background-repeat: repeat-x;
    background-color: transparent;
}

.RadUpload .ruFileProgress {
    margin-left: -2px;
    width: 2px;
}

.RadUpload_rtl .ruFileProgress {
    margin-left: 0px;
    margin-right: -2px;
}

.RadUpload .ruFileProgressWrap {
    margin: -3px 0px 0px;
    position: relative;
    width: 100%;
}

* + html .RadUpload .ruFileProgressWrap {
    width: auto;
    margin-top: -4px;
}

.RadUpload .ruProgressComplete,
.RadUpload .ruUploadFailure .ruFileProgressWrap,
.RadUpload .ruUploadCancelled .ruFileProgressWrap {
    display: none;
}

.ruDropZone span {
    margin: -9px 0px 0px;
    height: 18px;
    width: 100%;
    line-height: 1;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0px;
}

.ruDropZone {
    padding: 10px;
    width: 100%;
    height: 100%;
    border: 1px solid;
    border-radius: 3px;
    font-size: 18px;
    text-align: center;
    display: none;
    position: absolute;
    left: -11px;
    top: -11px;
    z-index: 2000;
}

@media (-webkit-max-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
    .RadUpload_rtl .ruRemove {
        margin: 0px 0px 0px 4px;
    }

    .RadUpload_rtl .ruActions .ruButton {
        margin: 0px 16px 0px 0px;
    }

    .RadUpload_rtl .ruBrowse {
        margin: 0px 0px 0px 3px;
    }
}

.RadListBox .rlbHeader,
.RadListBox .rlbFooter {
    padding: 2px 5px;
    border-width: 0px;
    border-style: solid;
    border-image: initial;
    border-color: inherit;
    background-position: 0px 0px;
    background-repeat: repeat-x;
}

.RadListBox .rlbHeader {
    border-bottom-width: 1px;
}

.RadListBox .rlbFooter {
    border-top-width: 1px;
}

.RadListBox .rlbGroup {
    border-style: solid;
    outline: 0px;
    border-width: 0px !important;
}

.RadListBox .rlbList {
    margin: 0px;
    padding: 0px;
    height: 100%;
    list-style: none;
    position: relative;
}

.RadListBox .rlbItem {
    cursor: default;
    white-space: normal;
    padding: 8px !important;
}

.RadListBox .rlbButton {
    background: rgb(235, 235, 235) !important;
    border: 1px solid silver !important;
    color: rgb(51, 51, 51) !important;
}

.RadListBox .rlbItemHidden {
    visibility: hidden;
    display: block;
}

.RadListBox .rlbText {
    display: inline;
    white-space: normal;
    vertical-align: middle;
}

.RadListBox .rlbImage {
    margin-right: 2px;
    vertical-align: middle;
}

* + html .RadListBox .rlbItem {
    overflow: visible;
}

.RadListBox .rlbTemplate {
    user-select: text;
    display: block;
    overflow: hidden;
}

.RadListBox .rlbTemplateContainer {
    border-width: 1px;
    border-style: solid;
}

.RadListBox.RadListBoxScrollable .rlbTemplateContainer {
    position: absolute;
    inset: 0px;
}

.RadListBox .rlbTemplateContainer .rlbGroup {
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-left: none;
    border-right: 0px;
    background-color: transparent;
}

.RadListBox .rlbTemplateTable td {
    padding: 0px;
}

.RadListBox .rlbTemplateTable {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.RadListBox .rlbTemplateCell {
    height: 1px;
}

.RadListBox .rlbActive {
    padding: 1px 4px;
    border: 1px dashed currentcolor;
}

.RadListBox .rlbDisabled {
    opacity: 0.5;
    cursor: default;
}

.RadListBox .RadListBox .rlbEmptyMessage {
    font-style: italic;
    text-align: center;
    opacity: 0.8;
    position: absolute;
}

.RadListBox .rlbCheckAllItems {
    padding: 2px 5px;
    border-width: 0px 0px 1px;
    border-style: solid;
    border-image: initial;
    border-color: inherit;
}

.RadListBox .rlbCheck,
.RadListBox .rlbCheckAllItemsCheckBox {
    margin: 0px 4px;
    vertical-align: middle;
}

.RadListBox .rlbCheckAllItemsCheckBox {
    vertical-align: -0.2ex;
}

.RadListBox label {
    font-weight: inherit;
}

.RadListBox .rlbGroup td,
.RadListBox .rlbButtonAreaTop td,
.RadListBox .rlbButtonAreaBottom td,
.RadListBox .rlbButtonAreaLeft td,
.RadListBox .rlbButtonAreaRight td {
    padding: 0px;
}

.RadListBox .rlbGroup,
.RadListBox .rlbButtonAreaTop,
.RadListBox .rlbButtonAreaBottom,
.RadListBox .rlbButtonAreaLeft,
.RadListBox .rlbButtonAreaRight {
    user-select: none;
    border-spacing: 0px;
}

.RadListBox {
    min-width: 140px;
    line-height: 1.42857;
    vertical-align: top;
    display: inline-block;
    position: relative;
    zoom: 1;
    user-select: none;
}

.RadListBoxButtonArea {
    width: 170px;
}

.RadListBox .rlbButtonAreaRight {
    float: right;
}

.RadListBox .rlbButtonAreaLeft {
    float: left;
}

.rlbGroupRight,
.rlbGroupLeft {
    overflow: hidden;
}

.RadListBoxScrollable .rlbGroup {
    overflow: auto;
}

.RadListBoxScrollable .rlbGroupLeft,
.RadListBoxScrollable .rlbGroupRight,
.RadListBoxScrollable .rlbGroupTop,
.RadListBoxScrollable .rlbGroupBottom {
    inset: 0px;
    position: absolute;
}

.RadListBox .rlbGroupCell,
.RadListBox .rlbGroupContainer {
    height: 100%;
    position: relative;
}

.RadListBox .rlbGroupContainer {
    position: relative;
}

@media (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
    .RadListBox .rlbGroupCell {
        height: auto;
        position: relative;
    }

    .RadListBox .rlbGroupContainer {
        position: static;
    }
}

.RadListBoxScrollable .rlbButtonAreaBottom {
    position: absolute;
    bottom: 0px;
}

.RadListBox .rlbButton:hover {
    zoom: 1;
}

.RadListBox .rlbButton {
    display: block;
    width: auto;
    height: 21px;
    line-height: 15px;
    margin: 0px 7px 5px 3px;
    padding-right: 5px;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    box-sizing: content-box;
    vertical-align: top;
    white-space: nowrap;
}

.RadListBox .rlbNoButtonText {
    display: block;
    width: 22px;
    padding: 0px;
    margin: 0px 0px 5px 6px;
}

.rlbButtonAreaLeft .rlbNoButtonText {
    margin: 0px 4px 5px 2px;
}

* + html .RadListBox .rlbNoButtonText {
    margin: 0px 5px 5px;
}

.RadListBox .rlbButtonAreaTop .rlbButton,
.RadListBox .rlbButtonAreaBottom .rlbButton {
    vertical-align: middle;
    display: inline-block;
}

.RadListBox .rlbButtonAreaTop,
.RadListBox .rlbButtonAreaBottom {
    width: 100%;
}

.RadListBox .rlbCenter,
.RadListBox .rlbRight {
    width: 100%;
}

.RadListBox .rlbCenter {
    text-align: center;
}

.RadListBox .rlbRight .rlbButton {
    margin: 5px 0px 5px 5px;
}

.RadListBox .rlbRight {
    text-align: right;
}

.RadListBox .rlbButtonAreaTop .rlbButton {
    margin: 0px 6px 5px 0px;
}

.RadListBox .rlbButtonAreaBottom .rlbButton {
    margin: 5px 6px 1px 0px;
}

.RadListBox .rlbMiddle td {
    vertical-align: middle;
}

.RadListBox .rlbBottom td {
    vertical-align: bottom;
}

.RadListBox .rlbMiddle,
.RadListBox .rlbBottom {
    height: 100%;
}

.RadListBox .rlbButtonTL,
.RadListBox .rlbButtonTR,
.RadListBox .rlbButtonBL,
.RadListBox .rlbButtonBR {
    display: inline-block;
    position: relative;
}

.RadListBox .rlbButtonAreaLeft .rlbButtonTL,
.RadListBox .rlbButtonAreaLeft .rlbButtonTR,
.RadListBox .rlbButtonAreaLeft .rlbButtonBL,
.RadListBox .rlbButtonAreaLeft .rlbButtonBR,
.RadListBox .rlbButtonAreaRight .rlbButtonTL,
.RadListBox .rlbButtonAreaRight .rlbButtonTR,
.RadListBox .rlbButtonAreaRight .rlbButtonBL,
.RadListBox .rlbButtonAreaRight .rlbButtonBR {
    width: 100%;
}

.RadListBox .rlbNoButtonText .rlbButtonTL,
.RadListBox .rlbNoButtonText .rlbButtonTR,
.RadListBox .rlbNoButtonText .rlbButtonBL,
.RadListBox .rlbNoButtonText .rlbButtonBR {
    width: auto;
}

.RadListBox .rlbButtonTL {
    left: -4px;
    background-position: 0px 0px;
}

.RadListBox .rlbButtonTR {
    bottom: 4px;
    right: 0px;
    overflow: visible;
    background-position: 100% 0px;
}

.RadListBox .rlbButtonBL {
    top: 4px;
    right: 0px;
    background-position: 0px 100%;
}

.RadListBox .rlbButtonBR {
    right: -4px;
    display: inline-block;
    background-position: 100% 100%;
}

.RadListBox .rlbButtonText {
    position: relative;
    display: block;
    z-index: 1;
    padding: 3px 3px 0px 20px;
    line-height: 15px;
    background-color: transparent;
}

* + html .RadListBox .rlbButtonAreaTop .rlbButtonText,
* + html .RadListBox .rlbButtonAreaBottom .rlbButtonText {
    line-height: 14px;
}

.RadListBox .rlbNoButtonText .rlbButtonText {
    padding-left: 18px;
    padding-right: 0px;
    width: 0px;
}

@media (-webkit-min-device-pixel-ratio: 10000), not all and (-webkit-min-device-pixel-ratio: 0) {
    .RadListBox .rlbNoButtonText .rlbButtonText {
        margin-top: 1px;
        top: -1px;
    }
}

.rlbHighlight {
    font-weight: 600;
}

.RadListBox .rlbDropClue {
    width: 10px;
    height: 9px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    position: absolute;
    left: -10px;
    z-index: 10;
}

.RadListBox .rlbDropClueAbove {
    padding-top: 1px;
    border-top-width: 1px;
    border-top-style: dashed;
}

.RadListBox .rlbDropClueBelow {
    padding-bottom: 1px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
}

.RadListBox .rlbEmptyMessage {
    text-align: center;
    color: rgb(153, 153, 153);
    font-style: italic;
    position: absolute;
}

.RadListBox * {
    -webkit-tap-highlight-color: transparent;
}

.rlbTouchDragClue .rlbGroup .rlbActive {
    border: 0px;
    padding: 2px 5px;
}

.rlbTouchDragClue {
    margin-top: -50px;
}



.RadTabStrip::after,
.RadTabStripVertical::after {
    content: "";
    height: 0px;
    clear: both;
    display: block;
}

.RadTabStrip .rtsLevel,
.RadTabStripVertical .rtsLevel {
    overflow: hidden;
}

    .RadTabStrip .rtsLevel::after,
    .RadTabStripVertical .rtsLevel::after {
        content: "";
        height: 0px;
        clear: both;
        display: block;
    }

.RadTabStrip .rtsScroll,
.RadTabStripVertical .rtsScroll {
    overflow: hidden;
}

    .RadTabStrip .rtsScroll::after,
    .RadTabStripVertical .rtsScroll::after {
        content: "";
        height: 0px;
        clear: both;
        display: block;
    }

.RadTabStrip .rtsPrevArrow,
.RadTabStrip .rtsNextArrow,
.RadTabStrip .rtsPrevArrowDisabled,
.RadTabStrip .rtsNextArrowDisabled,
.RadTabStripVertical .rtsPrevArrow,
.RadTabStripVertical .rtsNextArrow,
.RadTabStripVertical .rtsPrevArrowDisabled,
.RadTabStripVertical .rtsNextArrowDisabled {
    margin: 5px 0px 0px;
    width: 18px;
    height: 18px;
    outline: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
    font-size: 0px;
    line-height: 18px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
}

.RadTabStrip .rtsUL::after,
.RadTabStripVertical .rtsUL::after {
    content: "";
    height: 0px;
    clear: both;
    display: block;
}

.RadTabStrip .rtsUL,
.RadTabStripVertical .rtsUL {
    margin: 0px;
    padding: 0px;
    list-style: none;
    float: left;
    display: inline-block;
    overflow: hidden;
}

.RadTabStrip .rtsLI::after,
.RadTabStripVertical .rtsLI::after {
    content: "";
    height: 0px;
    clear: both;
    display: block;
}

.RadTabStrip .rtsLI,
.RadTabStripVertical .rtsLI {
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: inherit;
    overflow: hidden;
}

.RadTabStrip .rtsLink,
.RadTabStripVertical .rtsLink {
    padding-left: 9px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    display: block;
}

.RadTabStrip .rtsLevel .rtsOut,
.RadTabStrip .rtsLevel .rtsIn,
.RadTabStrip .rtsLevel .rtsTxt,
.RadTabStripVertical .rtsLevel .rtsOut,
.RadTabStripVertical .rtsLevel .rtsIn,
.RadTabStripVertical .rtsLevel .rtsTxt {
    text-decoration: inherit;
}

.RadTabStrip .rtsOut,
.RadTabStripVertical .rtsOut {
    padding-right: 9px;
    display: block;
    background-repeat: no-repeat;
}

.RadTabStrip .rtsIn,
.RadTabStripVertical .rtsIn {
    padding: 0px 5px;
    display: block;
}

.RadTabStrip .rtsImg,
.RadTabStripVertical .rtsImg {
    margin-top: -2px;
    border: 0px;
    vertical-align: middle;
}

.RadTabStrip .rtsTxt,
.RadTabStripVertical .rtsTxt {
    display: inline-block;
    font-weight: 600;
    color: rgb(51, 51, 51);
}

.RadTabStrip .rtsImg + .rtsTxt,
.RadTabStripVertical .rtsImg + .rtsTxt {
    display: inline-block;
}

.RadTabStrip .rtsLevel1 .rtsTxt,
.RadTabStripVertical .rtsLevel1 .rtsTxt {
    padding: 0px 5px;
}

.RadTabStrip a.rtsLink:focus::after,
.RadTabStripVertical a.rtsLink:focus::after {
    content: "";
    border: 1px dashed rgb(85, 85, 85);
    display: block;
    position: absolute;
    inset: 1px 1px 0px;
}

.RadTabStrip a.rtsLink:focus,
.RadTabStripVertical a.rtsLink:focus {
    outline: 0px;
    position: relative;
}

.RadTabStrip a.rtsLink:focus,
.RadTabStripVertical a.rtsLink:focus {
    outline-offset: -2px;
}

.RadTabStrip,
.RadTabStripVertical {
    margin: 0px;
    padding: 0px;
}

:root .RadTabStrip a.rtsLink:focus::after,
:root .RadTabStripVertical a.rtsLink:focus::after {
    content: none;
    display: none;
}

.RadTabStrip a.rtsClicked:focus,
.RadTabStripVertical a.rtsClicked:focus {
    outline: 0px;
}

.RadTabStrip .rtsDisabled,
.RadTabStripVertical .rtsDisabled {
    cursor: default;
    text-decoration: none;
}

.RadTabStrip .rtsSeparator,
.RadTabStripVertical .rtsSeparator {
    height: 26px;
}

.RadTabStrip .rtsLevel {
    width: 100%;
    clear: both;
    position: relative;
    padding-top: 1px;
}

.RadTabStrip .rtsLevel1 {
    padding-top: 0px;
}

.RadTabStrip .rtsLevel.rtsCenter {
    text-align: center;
}

.RadTabStrip .rtsScroll {
    width: 100%;
    height: 26px;
    white-space: nowrap;
}

.RadTabStrip .rtsPrevArrow:hover {
    background-position: -36px -208px;
}

.RadTabStrip .rtsPrevArrow {
    background-position: 0px -208px;
}

.RadTabStrip .rtsPrevArrowDisabled,
.RadTabStrip .rtsPrevArrowDisabled:hover {
    background-position: -72px -208px;
}

.RadTabStrip .rtsNextArrow:hover {
    background-position: -54px -208px;
}

.RadTabStrip .rtsNextArrow {
    background-position: -18px -208px;
}

.RadTabStrip .rtsNextArrowDisabled,
.RadTabStrip .rtsNextArrowDisabled:hover {
    background-position: -90px -208px;
}

.RadTabStrip .rtsRight .rtsUL {
    float: right;
}

.RadTabStrip .rtsCenter .rtsUL {
    display: inline-block;
    float: none;
    vertical-align: bottom;
}

.RadTabStrip .rtsLI {
    float: left;
    display: inline;
}

.RadTabStrip .rtsLink {
    text-align: center;
}

.RadTabStrip .rtsSeparator {
    height: 26px;
}

.RadTabStrip .rtsBreak {
    height: 0px;
    width: 0px;
    font-size: 0px;
    line-height: 0;
    display: block;
    clear: left;
    overflow: hidden;
}

.RadTabStripVertical .rtsLevel {
    height: 100%;
    float: left;
    display: inline-block;
}

.RadTabStripVertical .rtsHasWidth {
    width: 100%;
}

.RadTabStripVertical .rtsPrevArrow:hover {
    background-position: -36px -228px;
}

.RadTabStripVertical .rtsPrevArrow {
    background-position: 0px -228px;
}

.RadTabStripVertical .rtsPrevArrowDisabled,
.RadTabStripVertical .rtsPrevArrowDisabled:hover {
    background-position: -72px -228px;
}

.RadTabStripVertical .rtsNextArrow:hover {
    background-position: -54px -228px;
}

.RadTabStripVertical .rtsNextArrow {
    background-position: -18px -228px;
}

.RadTabStripVertical .rtsNextArrowDisabled,
.RadTabStripVertical .rtsNextArrowDisabled:hover {
    background-position: -90px -228px;
}

.RadTabStripVertical .rtsHasWidth .rtsUL {
    width: 100%;
}

.RadTabStripVertical .rtsLI {
    display: block;
}

.RadTabStripVertical .rtsHasWidth .rtsLI {
    width: 100%;
}

.RadTabStripVertical .rtsLink {
    text-align: right;
}

.RadTabStripVertical .rtsSeparator {
    height: 2px;
    display: block;
}

.RadTabStripVertical .rtsLink:hover {
    background-position: 0px -200px;
}

.RadTabStripVertical .rtsLink,
.RadTabStripVertical .rtsLI .rtsDisabled:hover {
    background-position: 0px 0px;
}

.RadTabStripVertical .rtsSelected,
.RadTabStripVertical .rtsSelected:hover {
    background-position: 0px -400px;
}

.RadTabStripVertical.RadTabStripRight .rtsIn {
    text-align: left;
}

.RadTabStripVertical {
    vertical-align: top;
    display: inline-block;
}

.RadTabStrip_rtl .rtsScroll {
    float: left;
}

.RadTabStrip_rtl .rtsUL.rtsScroll {
    float: left;
}

.RadTabStrip_rtl .rtsUL .rtsLink {
    text-align: right;
}

.RadTabStrip_rtl .rtsUL {
    float: right;
}

.RadTabStrip_rtl .rtsLI {
    float: right;
}

.RadTabStrip_rtl.RadTabStripVertical .rtsLI {
    float: none;
}

.RadTabStrip_rtl .rtsIn {
    text-align: left;
}

.RadTabStrip_rtl.RadTabStripRight .rtsIn {
    text-align: right;
}

.RadTabStripRight .rtsLevel {
    float: right;
}

.rtsDetachedDropClueContainer {
    display: none;
    position: absolute;
    z-index: 9000;
    top: 0px;
    left: 0px;
}

.rtsDropClue {
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 9000;
}

.rtsDropClueTop {
    margin-top: -10px;
    margin-left: -5px;
}

.rtsDropClueBottom {
    margin-top: 0px;
    margin-left: -5px;
}

.rtsDropClueLeft {
    margin-top: -5px;
    margin-left: -10px;
}

.rtsDropClueRight {
    margin-top: -5px;
    margin-left: 0px;
}

.rtsDetachedTabContainer .rtsGhostTab {
    padding: 2px 10px;
    border: 1px solid;
    background-position: 0px 0px;
    background-repeat: repeat-x;
    overflow: hidden;
    white-space: nowrap;
}

.rtsDetachedTabContainer {
    margin: 10px 0px 0px 10px;
    position: absolute;
    z-index: 9000;
    display: none;
}

@media screen and (min-width: 50px) {
    :root .RadTabStripHorizontal .rtsScroll .rtsLI {
        float: none;
        display: inline-block;
    }

    :root .RadTabStripHorizontal .rtsScroll {
        width: auto;
    }

    :root .RadTabStripVertical .rtsScroll .rtsLI {
        float: none;
    }
}

.RadTabStrip .rtsLink:hover {
    text-decoration: underline;
}

.RadTabStrip .rtsGhostTab {
    border-color: rgb(161, 188, 221);
    border-radius: 3px;
    color: rgb(0, 21, 110);
    background-color: rgb(204, 219, 238);
}

.RadTabStrip .rtsLevel {
    background: rgb(194, 232, 255) !important;
}

.RadTabStrip .rtsLI,
.RadTabStrip .rtsLink {
    align-items: center;
    justify-content: center;
    height: 26px !important;
    display: flex !important;
}

.RadTabStrip .rtsLink {
    background-image: none;
}

.RadTabStrip .rtsOut {
    background-image: none;
}

.RadTabStrip .rtsSelected,
.RadTabStrip .rtsSelected:hover {
    text-decoration: underline;
}

.RadTabStrip .rtsLevel1 .rtsLink:hover {
    background-position: 0px -52px;
}

.RadTabStrip .rtsLevel1 .rtsLink {
    background-position: 0px 0px;
    color: rgb(0, 21, 110);
    background-image: none !important;
}

.RadTabStrip .rtsLevel1 .rtsSelected,
.RadTabStrip .rtsLevel1 .rtsSelected:hover {
    text-decoration: none;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.RadTabStrip .rtsLevel1 .rtsOut {
    background-position: 100% 0px;
    background-image: none !important;
}

.RadTabStrip .rtsLevel1 .rtsLink:hover .rtsOut {
    background-position: 100% -52px;
}

.RadTabStrip .rtsLevel1 .rtsSelected .rtsOut,
.RadTabStrip .rtsLevel1 .rtsSelected:hover .rtsOut {
    background-position: 100% -26px;
}

.RadTabStrip .rtsLevel1 .rtsDisabled:hover .rtsOut {
    background-position: 100% 0px;
}

.RadTabStrip .rtsLevel1 .rtsDisabled:hover {
    background-position: 0px 0px;
    text-decoration: none;
}

.RadTabStrip .rtsLevel1 {
    background-position: 0px 100%;
    background-repeat: no-repeat;
    background-color: rgb(194, 232, 255) !important;
    background-image: none !important;
}

.RadTabStrip .rtsLevel2 {
    background-position: 0px 0px;
}

.RadTabStrip .rtsLevel3 {
    background-position: 0px -26px;
}

.RadTabStrip .rtsDisabled,
.RadTabStrip .rtsDisabled.rtsLink {
    color: rgb(141, 141, 141);
}

.RadTabStrip.RadTabStripVertical .rtsLevel1 .rtsOut {
    background-image: none;
}

.RadTabStrip.RadTabStripVertical .rtsLevel1 {
    background-image: none;
}

.RadTabStrip.RadTabStripVertical .rtsLevel2 {
    background-image: none;
}

.RadTabStrip.RadTabStripVertical .rtsLevel3 {
    background-image: none;
}

.RadTabStrip {
    color: rgb(51, 51, 51);
    line-height: 26px;
}

.RadTabStripBottom .rtsLevel.rtsLevel2,
.RadTabStripBottom .rtsLevel.rtsLevel3 {
    background-image: none;
}

.RadTabStripBottom .rtsLevel1 .rtsLink:hover {
    background-position: 0px -182px;
}

.RadTabStripBottom .rtsLevel1 .rtsLink {
    background-position: 0px -130px;
}

.RadTabStripBottom .rtsLevel1 .rtsOut {
    background-position: 100% -130px;
}

.RadTabStripBottom .rtsLevel1 .rtsLink:hover .rtsOut {
    background-position: 100% -182px;
}

.RadTabStripBottom .rtsLevel1 .rtsSelected .rtsOut,
.RadTabStripBottom .rtsLevel1 .rtsSelected:hover .rtsOut {
    background-position: 100% -156px;
}

.RadTabStripBottom .rtsLevel1 .rtsSelected,
.RadTabStripBottom .rtsLevel1 .rtsSelected:hover {
    background-position: 0px -156px;
}

.RadTabStripBottom .rtsLevel1 .rtsDisabled:hover .rtsOut {
    background-position: 100% -599px;
}

.RadTabStripBottom .rtsLevel1 .rtsDisabled:hover {
    background-position: 0px -599px;
}

.RadTabStripBottom .rtsLevel1 {
    background-position: 0px -599px;
    background-repeat: repeat-x;
}

.RadTabStripBottom .rtsLevel2 {
    background-image: none;
}

.RadTabStripBottom .rtsLevel3 {
    background-image: none;
}

.RadTabStripLeft .rtsLevel1 .rtsLink:hover {
    background-position: 0px -200px;
}

.RadTabStripLeft .rtsLevel1 .rtsLink.rtsSelected {
    background-position: 0px -400px;
}

.RadTabStripLeft .rtsLevel1 .rtsLink {
    background-position: 100% 0px;
}

.RadTabStripLeft .rtsLevel1 .rtsDisabled:hover {
    background-position: 100% 0px;
}

.RadTabStripLeft .rtsSeparator {
    background: rgb(111, 111, 111);
}

.RadTabStripRight .rtsLevel1 .rtsLink:hover {
    background-position: 100% -200px;
}

.RadTabStripRight .rtsLevel1 .rtsLink.rtsSelected {
    background-position: 100% -400px;
}

.RadTabStripRight .rtsLevel1 .rtsLink {
    background-position: 100% 0px;
}

.RadTabStripRight .rtsLevel1 .rtsDisabled:hover {
    background-position: 100% 0px;
}

.RadTabStripRight .rtsSeparator {
    background: rgb(111, 111, 111);
}

html .RadTabStrip_disabled .rtsLevel1 .rtsLink:hover {
    text-decoration: none;
}

html .RadTabStrip_disabled .rtsLevel1 .rtsLink {
    cursor: default;
}

div.RadTabStrip a.rtsLink:focus {
    outline-color: rgb(111, 111, 111);
}

.rtsDropClueTop {
    background-position: 0px -20px;
}

.rtsDropClueRight {
    background-position: 0px -30px;
}

.rtsDropClueBottom {
    background-position: 0px 0px;
}

.rtsDropClueLeft {
    background-position: 0px -10px;
}

.RadDropDownList .rddlInner {
    background: none !important;
    padding: 5px 10px !important;
    border-color: rgb(192, 192, 192) !important;
}


.RadDropDownList .rddlIcon {
    background-position: -5px -17px !important;
}

.RadDropDownList .rddlFakeInput {
    font-weight: 600;
    color: rgb(66, 66, 66) !important;
}

.RadDropDownList .rddlDisabled {
    opacity: 0.7 !important;
}

.RadDropDownList {
    height: 30px !important;
}

.RadToolBar .rtbIcon {
    max-width: 16px;
}