img {
    margin-top: 10px;
}

@media (max-width: 766px) {
    img {
        margin-top: 0px;
    }
}
.main-menu.menu-light .navigation > li.open > a {
    border-right: none;
}
.selectedmenurightborder {
    border-right: 4px solid #1e9ff2;
}
.SansSerif {
    font-family: 'Microsoft Sans Serif' !important;
}
.header-navbar .navbar-container ul.nav li .media-list {
    max-height: 50rem;
}
.RadComboBox_Default {
    font-family: 'Microsoft Sans Serif' !important;
}
.fa-solid {
    width: 30px!important;
}
/*.ps {
    overflow: auto !important;*/
    /*scrollbar-width: thin!important;*/
/*}*/
.header-navbar .navbar-container .dropdown-menu-media {
    width: 34rem!important;
}
.w-40 {
    width: 40% !important;
}
.resp-table {
    width: 100%;
    display: table;
    font-family: 'Microsoft Sans Serif';
    border: solid;
    border-width: 1px;
    border-color: #CDCCCC;
}
.resp-table-noborder {
    width: 100%;
    display: table;
    font-family: 'Microsoft Sans Serif';
}
.resp-table-caption {
    display: table-caption;
}

.resp-table-header {
    display: table-header-group;
}

.table-header-cell {
    display: table-cell;
    padding: 10px;
    text-align: justify;
    border-bottom: 1px solid black;
}

.resp-table-body {
    display: table-row-group;
}

.resp-table-row {
    display: table-row;
    height: 45px;
}
.resp-table-row2 {
    display: table-row;
    height: 35px;
}
.resp-table-row3 {
    display: table-row;
   
}
.table-body-cell3 {
    display: table-cell;
    padding: 0px 0 0px 10px !important;
    background-color: white;
    vertical-align: top;
    font-size: small;

    border-style: none;
    border-color: #f5f7fa;
}
.table-body-cell {
    display: table-cell;
    padding: 4px 0 4px 10px !important;
    background-color: white;
    vertical-align: top;
    font-size: small;
    border-width: thin;
    border-style: solid;
    border-color: #f5f7fa;
}
.table-body-cell-noborder {
    display: table-cell;
    padding: 4px 0 4px 10px !important;
    background-color: white;
    vertical-align: top;
    font-size: small;
}
.table-body-cell-gray {
    display: table-cell;
    padding: 4px 0 4px 10px !important;
    background-color: #f5f7fa;
    vertical-align: top;
    font-size: small;
}

.table-footer-cell {
    display: table-cell;
    padding: 10px;
    text-align: justify;
    border-bottom: 1px solid black;
}

.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: black black transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

    .loader::after,
    .loader::before {
        content: '';
        box-sizing: border-box;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border: 3px solid;
        border-color: transparent transparent #FF3D00 #FF3D00;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        box-sizing: border-box;
        animation: rotationBack 0.5s linear infinite;
        transform-origin: center center;
    }

    .loader::before {
        width: 32px;
        height: 32px;
        border-color: black black transparent transparent;
        animation: rotation 1.5s linear infinite;
    }

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}

.rgDataDiv {
    height: auto !important;
}

.RadGrid_Default .rgHeader {
    color: #333 !important;
}
.RadGrid input[type="text"] {
    width: 100% !important;
}
.RadGrid .rgFilterRow img, .RadGrid .rgFilterRow input {
    width: 80% !important;
}
.RadGrid_Default .rgCommandRow a {
    font-size: 15px !important;
}
.SpanLeft {
    display: block;
    float: left;
    padding-top: 2px;
}
.DisplayNone {
    display:none;
}
.SpanLeftRighMarg {
    display: block;
    float: left;
    padding-top: 2px;
    margin-right: 5px !important;
}
.SpanLeftLeftMarg20 {
    display: block;
    float: left;
    padding-top: 2px;
    margin-left: 20px !important;
}
.SpanRight {
    display: block;
    float: right;
    padding-right: 10px;
    padding-top: 2px;
}
.SpanRightFont12 {
    display: block;
    float: right;
    padding-right: 10px;
    padding-top: 2px;
    font-size:12px;
}
.SpanRightNoPadRight {
    display: block;
    float: right;
    padding-right: 0px;
    padding-top: 2px;
}
/*.RadButton_Default.rbLinkButton {
          border-radius: 10px!important;
        }*/
.Default.RadEditor .reContentCell {
    width: 100% !important;
}
.HolidaySched.RadScheduler_Default .rsHeader {
    display: block !important;
}
.RadScheduler_Default .rsHeader {
    display: none;
}

.RadScheduler .rsFooter {
    display: none;
}
.RadScheduler_Default .rsAdvancedEdit a.rsAdvEditClose {
    margin-top: -23px;
    display: none;
}
.RadPicker .RadInput {
    width: 90px !important;
}

.RecurrenceEditor * {
    display: none !important;
}
.RadScheduler_Default .rsAptContent {
    color: white;
}
.RadScheduler .rsAptEditFormWrapper .rsEditOptions .rsAptEditMore {
    display: none;
}

.RadScheduler_Default .rsAptContent {
    background-color: green !important;
    background-image: none !important;
}

.RadScheduler_Default .rsHorizontalHeaderWrapper {
    font-size: 14px !important;
}

.RadScheduler_Default .rsModalWrapper .rsModalInner {
    font-size: 14px;
}

.RadButton_Default.rbLinkButton {
    border-color: #b3b3b3 !important;
    color: #fff !important;
    background-color: #1e9ff2;
    background-image: none !important;
}

.RadButton_Default.rbLinkButton.SelectedButton {
    border-color: #b3b3b3 !important;
    color: black !important;
    background-color: #e6effc !important;
    background-image: none !important;
}
.RadButton_Default.rbLinkButton.NoneSelectedButton {
    border-color: #b3b3b3 !important;
    color: black !important;
    background-color: #ffffff !important;
    background-image: none !important;
}
.RadButton_Default.rbButton {
    border-color: #b3b3b3 !important;
    color: #fff !important;
    background-color: #1e9ff2 !important;
    background-image: none !important;
}
.RadUpload .ruUploadSuccess, .RadUpload .ruUploadFailure, .RadUpload .ruUploadCancelled {
    padding-right: 10px!important;
}
.RadUpload .ruRemove {
    padding-left: 8px!important;
    width: 74px !important;
}
.RadUpload .ruInputs {
    width: 400px!important;
}
.RadGrid_Default .rgAltRow {
    border-color: #f5f7fa !important;
    background: #f5f7fa !important;
}

.RadGrid_Default .rgSelectedRow {
    background: #e6effc !important;
    color: #6b6f82 !important;
}

.card-content {
    color: #6b6f82 !important;
}

.RadTabStrip_Default .rtsLevel1 .rtsLink {
    background-color: white !important;
    background-image: none !important;
}

.RadTabStrip_Default .rtsLevel1 .rtsSelected .rtsLink {
    background-color: #e6effc !important;
    background-image: none !important;
}

.TopBtmMarg5 {
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}

.RadWindow_Default .rwTitleBar {
    border-color: #cdcccc;
    color: #333;
    background-color: white !important;
    background-image: none !important;
    border-radius: 3px 3px 0 0;
    margin: 0 5px 5px !important;
}

.RadWindow .rwTitle {
    padding: 0 0 0 0 !important;
}

.RadWindow .rwIcon:before {
    content: none !important;
    margin: -.25em 0 0 -.25em;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    font: 2em/1 "WebComponentsIcons";
    display: block;
}

.RadWindow .rwContent {
    padding: 5px 0px !important;
    border-left: none !important;
    border-right: none !important;
}

.RadWindow_Default {
    background-color: white !important;
}

.RadWindow {
    padding: 0 0px 0px !important;
}

.resp-table-modal.resp-table-modal {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    padding-right: 20px !important;
    padding-left: 10px !important;
}
.resp-table-modal2.resp-table-modal2 {
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    padding-right: 20px !important;
    padding-left: 10px !important;
}
.TelerikModalOverlay {
    background-color: #121212 !important;
}

.RadButton_Default.rbLinkButton.ModalSaveButton {
    border-color: #b3b3b3 !important;
    background-color: #666ee8 !important;
    color: #edeef0 !important;
    background-image: none !important;
}

.RadButton_Default.rbLinkButton.ModalCloseButton {
    border-color: #b3b3b3 !important;
    background-color: #6b6f82 !important;
    color: #edeef0 !important;
    background-image: none !important;
}
.BlueButton {
    background-color: #1e9ff2!important;
}

.ImageBtn {
    background-position: 0 0;
    width: 54px;
    height: 24px;
}

.RadMenu_Default .rmGroup {
    background: white !important;
}
.CMWide {
    width: 200px!important;
}
.rmText {
    width: 140px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-left: 10px !important;
    padding-right: 20px !important;
}

.RadMenu .rmGroup.rmVertical > .rmSeparator .rmText {
    margin-left: 2px !important;
}
.TM10 {
    margin-top: 10px !important;
}
.MessageCheckBox {

    height: 20px;
    width: 20px;
}

.ModalFontLT10 {
    font-size: 15px !important;
    margin-left: 10px !important;
    margin-top: 10px !important;
}
.ModalFont {
    font-size: 15px !important;
}
.ModalFont10 {
    font-size: 10px !important;
}
.ModalFont12 {
    font-size: 12px !important;
}
.ModalFont14 {
    font-size: 14px !important;
}
.RadInput_Default .riTextBox {
    font-size: 15px !important;
}

.RadComboBox_Default .rcbInput {
    font-size: 15px !important;
}

.checkRtl {
    /*direction: rtl;*/
    padding-top: 0px !important;
}
.checkRtlTP20 {
    /*direction: rtl;*/
    padding-top: 20px !important;
}
.RadRadioButton.RadButton .rbText, .RadCheckBox.RadButton .rbText {
    padding: 0px 0 0 0px !important;
}

.RadButton_Default .rbToggleCheckbox, .RadButton_Default .rbToggleCheckboxChecked, .RadButton_Default .rbToggleCheckboxFilled, .RadButton_Default .rbToggleRadio, .RadButton_Default .rbToggleRadioChecked {
    background-image: none !important;
}

.RadRadioButton.RadButton, .RadCheckBox.RadButton {
    font-size: 15px !important;
}

.RadButton .rbIcon::before {
    font: 22px/1 "WebComponentsIcons" !important;
}

.xd-content .xd-body {
    font-size: 16px !important;
}

.xd-content .xd-title {
    font-size: 16px !important;
    font-weight: bold !important;
}

.reToolCell {
    display: none;
}

.reLeftVerticalSide, .reRightVerticalSide {
    display: none;
}
.RadEditor.SmallEditor .reContentArea {
    height: 25px !important;
}
.RadEditor.SmallEditor table.reLayoutWrapper {
    height: 25px !important;
}
.Default.reWrapper.SmallEditor {
    height: 25px !important;
}
.RadEditor.SmallEditor2 .reContentArea {
    height: 83px !important;
}

.RadEditor.SmallEditor2 table.reLayoutWrapper {
    height: 83px !important;
}

.Default.reWrapper.SmallEditor2 {
    height: 83px !important;
}
.Hgt150.RadEditor .reContentArea {
    height: 165px !important;
}

.RadEditor .reContentArea {
    height: 100px !important;
}
.nodisplay {
    display: none !important;
}
.RadEditor table.reLayoutWrapper {
    height: 100px !important;
}
.RadEditor.TaskNotes .reContentArea {
    height: 200px !important;
}
.kbw-signature {
    width: 500px;
    height: 200px;
    border-width: thin;
    border-style: solid;
    border-color: #b3b3b3;
    outline-style: none;
}
.RadEditor.TaskNotes table.reLayoutWrapper {
    height: 113px !important;
}

.Default.reWrapper.TaskNotes {
    height: 113px !important;
}
.Default.reWrapper {
    height: 100px !important;
    border: 0px solid #b3b3b3 !important;
}
.line-on-side {
    margin: 0 0 10px !important
}
.LabelBorderHighlight {
    /*background-color: #f5f7fa;*/
    /*border-style: solid!important;
    border-width: thin!important;*/
}
.HgtAuto {
    min-height:20px!important;
}
.RadUpload .ruInputs li {
    font-size: 14px;
}
.RadUpload_Default .ruRemove {
    font-size: 14px!important;
}
.LM15 {
    margin-left: 15px;
}
.InVisDueDate {
    display:none!important;
}

.LM10 {
    margin-left: 10px;
}
.TBM20 {
    margin-top: 20px;
    margin-bottom: 20px;
}
.RadUpload_Default .ruFakeInput {
    display: contents !important;
}
.RadUpload .ruButton {
    font-size: 15px;
}
.RadUpload_Default .ruButton {
    background-image: none!important;
    color: White!important;
    background-color: #1e9ff2 !important;
    width:100px!important;
    height:25px!important;
}
.RadUpload .ruFileWrap {
    height: 25px !important;
}

.overview-chart {
    height: 250px;
    position: relative;
}

.overview-chart canvas {
    width: 100%;
}