* {
    box-sizing: border-box;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    color: #5D5D5C;
}

.RadButton:focus {
    outline: none;
}

input, textarea {
    border: 1px solid transparent;
    box-shadow: 0px 0px 3px transparent;
    box-sizing: border-box;
}

input:focus, textarea:focus {
    border: none;
    box-shadow: none;
    outline: 0;
}

input[type=submit]:disabled {
    background-color: #EDEDED;
    cursor: default;
}

input[type=button]:disabled {
    background-color: #EDEDED;
    cursor: default;
}

input[type=text] {
    background-color: #F3F4F7;
    color: #585858;
    border: none;
    line-height: 20px;
    font-size: 14px;
    vertical-align: middle;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
}

input[type=text]:disabled {
    background-color: #B5B5B5;
}

input[type=file]:hover {
    cursor: pointer;
}

select {
    background-color: #F3F4F7;
    border-radius: 5px;
    color: #585858;
    padding: 5px 15px 5px 5px;
    background-image: url(../images/arrow_down_open_icn.png) !important;
    background-size: 10px 7px;
    background-position: right 5px center;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: 0;
    border: 1px solid transparent !important;
    box-shadow: 0px 0px 3px transparent !important;
    text-align: center;
}

select:hover {
    cursor: pointer;
    background-color: #B5B5B5;
}

select option {
    background-color: #F3F4F7;
}

select:focus {
    border: none;
    box-shadow: none;
    outline: 0;
    background-image: none;
}

select:disabled {
    background-color: #B5B5B5;
}

option {
    user-select: none;
}

.some {
    background-color: red !important;
}

select option:hover, select option:active, select option:selected, select option:focus {
    background-color: red;
    outline: none !important;
}

textarea {
    background-color: #F3F4F7;
    color: #585858;
    border: none;
    line-height: 20px;
    font-size: 14px;
    vertical-align: middle;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
}

textarea:disabled {
    background-color: #B5B5B5;
}

input[type=password] {
    background-color: #F3F4F7;
    color: #585858;
    border: none;
    line-height: 20px;
    font-size: 14px;
    vertical-align: middle;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
}

input[type=button] {
    background-color: rgb(224, 227, 230);
    color: rgb(88, 88, 88);
    width: auto;
    height: auto;
}

input[type=button]:not([disabled]):hover {
    cursor: pointer;
    background-color: #B5B5B5 !important;
}

input.hover-light-background[type=button]:not([disabled]):hover {
    background-color: #E5E5E5 !important;
}

input[type="submit"] {
    background-color: rgb(224, 227, 230);
    color: rgb(88, 88, 88);
    width: auto;
    height: auto;
    font-weight: bold;
    font-size: 14px !important;
    font-family: Helvetica Neue, Helvetica, sans-serif !important;
    padding: 5px 15px 5px 15px !important;
    border-radius: 7px !important;
}

input[type="submit"]:not([disabled]):hover {
    cursor: pointer;
    background-color: #B5B5B5;
}

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

input[type="checkbox"] + label {
    display: inline-block;
    height: 33px;
    width: 33px;
    background: url(../images/Checkbox.png);
    background-position: center;
    margin-top: -4px;
    cursor: pointer;
}

input[type="checkbox"]:checked + label {
    display: inline-block;
    height: 33px;
    width: 33px;
    background: url(../images/CheckboxActive.png);
    background-color: transparent !important;
    background-position: center;
    margin-top: -4px;
    cursor: pointer;
}

/* special css style for confirm terms checkbox because the label should use the full width. We need to move the text to the right of the checkbox via padding.*/

input[type="checkbox"]#ctl00_conContent_wndTermsDialog_C_chkConfirmTerms + label {
    display: inline-block;
    height: 33px;
    width: 100%;
    background: url(../images/Checkbox.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 40px;
    padding-top: 8px;
    margin-top: 14px;
    cursor: pointer;
}

input[type="checkbox"]:checked#ctl00_conContent_wndTermsDialog_C_chkConfirmTerms + label {
    display: inline-block;
    height: 33px;
    width: 100%;
    background: url(../images/CheckboxActive.png);
    background-repeat: no-repeat;
    background-color: transparent !important;
    background-position: left;
    padding-left: 40px;
    padding-top: 8px;
    margin-top: 14px;
    cursor: pointer;
}

/* special css style for confirm directives checkbox because the label should use the full width. We need to move the text to the right of the checkbox via padding.*/
input[type="checkbox"]#ctl00_conContent_wndDirectivesDialog_C_chkComfirmDirectives + label {
    display: inline-block;
    height: 33px;
    width: 100%;
    background: url(../images/Checkbox.png);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 40px;
    padding-top: 8px;
    margin-top: 14px;
    cursor: pointer;
}

input[type="checkbox"]:checked#ctl00_conContent_wndDirectivesDialog_C_chkComfirmDirectives + label {
    display: inline-block;
    height: 33px;
    width: 100%;
    background: url(../images/CheckboxActive.png);
    background-repeat: no-repeat;
    background-color: transparent !important;
    background-position: left;
    padding-left: 40px;
    padding-top: 8px;
    margin-top: 14px;
    cursor: pointer;
}

    input[type="checkbox"]#chkAccess + label,
    input[type="checkbox"]#chkGeneralTerms + label,
    input[type="checkbox"]#chkMarketingConsent + label {
        display: inline-block;
        height: 33px;
        width: 100%;
        background: url(../images/Checkbox.png);
        background-repeat: no-repeat;
        background-position: left;
        padding-left: 40px;
        padding-top: 8px;
        margin-top: 14px;
        cursor: pointer;
    }

    input[type="checkbox"]:checked#chkAccess + label,
    input[type="checkbox"]:checked#chkGeneralTerms + label,
    input[type="checkbox"]:checked#chkMarketingConsent + label {
        display: inline-block;
        height: 33px;
        width: 100%;
        background: url(../images/CheckboxActive.png);
        background-repeat: no-repeat;
        background-color: transparent !important;
        background-position: left;
        padding-left: 40px;
        padding-top: 8px;
        margin-top: 14px;
        cursor: pointer;
    }




input[type="radio"] + label {
    display: inline-block;
    height: 33px;
    width: 33px;
    background-image: url(../images/RadioButton.png);
    background-color: transparent !important;
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    margin-top: -4px;
    cursor: pointer;
}

.top-padding
{
    padding-top:20px;
}
input[type="radio"]:checked + label {
    display: inline-block;
    height: 33px;
    width: 33px;
    background-image: url(../images/RadioButtonActive.png);
    background-color: transparent !important;
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    margin-top: -4px;
    cursor: pointer;
}

.content-panel {
    width: 100%;
    padding: 20px;
    background-color: #E6E6E6;
}

.hidden {
    display: none;
}

.clearer {
    clear: both;
}

.newliner {
    clear: both;
    width: 100%;
    height: 10px;
}

.newliner-border {
    clear: both;
    width: 100%;
    height: 10px;
    border-bottom: 1px solid #D5D5D5;
}

.newliner-height-70 {
    clear: both;
    width: 100%;
    height: 70px;
}

.newliner-height-2vw {
    clear: both;
    width: 100%;
    height: 2vw;
}

.newliner-no-height {
    clear: both;
    width: 100%;
    height: 0px;
}

.float-l {
    float: left;
}

.display-none {
    display: none;
}

.inline {
    display: inline;
}

.inline-block {
    display: inline-block;
}

.float-r {
    float: right;
}

.no-padding {
    padding: 0;
}

.no-br {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fullrow {
    display: flex;
    width: 100%;
    height: 25px;
    flex-direction: row;
    padding: 2px 15px 2px 15px;
    background: rgb(243, 244, 247);
}

.fullrow.Calendar_RadButton_WithouUpperMargin {
    height: auto !important;
}

.fullrow-diviner {
    width: 100%;
    height: 1px;
    background-color: #ffffff;
}

.fullrow-transparent-diviner {
    width: 100%;
    height: 1px;
    background-color: transparent;
}

.halfrow {
    display: flex;
    flex-direction: row;
    background: rgb(243, 244, 247);
    width: 50%;
}

.thirdsrow {
    display: flex;
    flex-direction: row;
    background: rgb(243, 244, 247);
    width: 30%;
}

.quarterrow {
    display: flex;
    flex-direction: row;
    background: rgb(243, 244, 247);
    width: 25%;
}

.height-30px {
    height: 30px;
}

.button-row {
    margin-top: 10px;
    width: 100%;
    padding: 10px 20px 10px 20px;
    text-align: center;
    display: flex;
    justify-content: space-evenly;
}

.dialog-button-row {
    width: 100%;
    display: flex;
    justify-content: flex-start !important;
    align-items: center !important;
}

.dialog-button-row .dialog-button {
    margin-left: 0;
    margin-right: 6px;
}

.message-dialog .button-row {
    width: 100%;
    display: flex;
    justify-content: flex-start !important;
    align-items: center !important;
}

.input-row {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
}

.input-button-row {
    margin-top: 10px;
    border-top: 1px solid #D5D5D5;
    width: 100%;
    padding: 10px 20px 10px 20px;
    text-align: center;
}

.input-row-diviner {
    width: 100%;
    height: 15px;
}

.input-row .row-label {
    width: 100%;
    margin-bottom: 7px;
    padding-top: 6px;
}

.frame-row .row-label {
    width: 100%;
}

.frame-button-row {
    border: none !important;
    text-align: left !important;
    padding: 0px 20px 30px 0px !important;
}

.frame-row-flex-col {
    display: flex;
    flex-flow: column;
}
.frame-row-flex-row {
    display: flex;
    flex-flow: row;
}
.LicenseOrderCheckBox input[type="checkbox"]
{
    display:flex;
}
.input-row .row-input {
    padding: 8px 10px;
    box-sizing: border-box;
    width: 100%;
}

.default-container-settings {
    margin: auto;
    padding: 20px 40px 10px 40px;
    border-radius: 2%;
}

.frame {
    border-radius: 5px;
    background-color: white;
    overflow: hidden;
    width: 100%;
}

.frame .frame-header {
    padding: 10px 20px 10px 20px;
    line-height: 30px;
    font-size: 24px;
    vertical-align: middle;
    width: 100%;
    color: rgb(88, 88, 88);
}

.frame .frame-content {
    padding: 10px 20px 10px 20px;
}

.frame .frame-content .frame-row {
    width: 100%;
}

.frame .frame-content .frame-button-row {
    margin-top: 10px;
    border-top: 1px solid #D5D5D5;
    width: 100%;
    padding: 10px 20px 10px 20px;
    text-align: center;
}

.frame .frame-content .frame-row-diviner {
    width: 100%;
    height: 15px;
}

.frame .frame-content .frame-row-diviner-with-border {
    width: 100%;
    height: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D5D5D5;
    padding: 10px 10px 20px 20px;
}

.frame .frame-content .frame-row-diviner-with-thick-border {
    width: 100%;
    height: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #D5D5D5;
    /*padding: 10px 10px 20px 20px;*/
    /*aan edit*/
    padding: 0px 10px 20px 20px;
    margin-top: 30px;
}

.frame .frame-content .frame-row .row-label {
    width: 120px;
    float: left;
    padding-top: 5px;
}

.frame .frame-content .frame-row .row-input {
    float: left;
    margin-left: 20px;
    box-sizing: border-box;
}

.frame .frame-content .frame-row .row-input.background-white {
    background-color: white;
}

.frame.info-frame {
    margin: 1%;
}

.frame.info-frame .frame-header {
    background-color: #828282;
    font-size: 10.5pt;
}

.to-tip {
    height: 25px;
    width: auto;
    margin: 0px 10px
}

.to-tip-cs {
    height: 25px;
    width: 25px;
    margin-left: -260px;
}

.ajax-loading-panel {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(230,230,230,0.5);
    z-index: 25001;
    transition: all 0.3s;
}

.ajax-loading-panel .loading-dialog {
}

.ajax-loading-panel .loading-image-hoder {
    width: 150px;
    height: 150px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -75px;
    margin-left: -75px;
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: #333333 1px 1px 2px;
    background-image: url(../images/loading.gif);
    background-position: center center;
    background-repeat: no-repeat;
}

.current-patient-title {
    height: 70px;
    line-height: 100px;
    vertical-align: bottom;
    font-size: 17px;
    font-weight: 600;
}

@media screen and (min-width: 1010px) {
    .current-patient-title {
        height: 70px;
        line-height: 100px;
        vertical-align: bottom;
        font-size: 24px;
        font-weight: 600;
    }
}

.width-48 {
    width: 48%;
}

.width48 {
    width: 48% !important;
}

.filter-timespan_new {
    height: 30px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
    background-color: rgb(224, 227, 230);
    background-image: url(../images/arrow_down_open_icn.png);
    background-size: 10px 7px;
    background-position: right 5px center;
}

.RadCalendarFastNavPopup {
    z-index: 10103 !important; /* Above Settings Filter Control but lower then messagebox popup and also above main calender view */
}

.RadWindow_Calendar {
    background-image: none;
    border-style: none;
    border-radius: 10px;
    z-index: 10101; /* Above Settings Filter Control but lower then messagebox popup */
}

.RadWindow_Calendar .t-font-icon {
    color: transparent;
}

.RadWindow_Calendar .rwContent {
    width: 266px !important;
}

.RadWindow_Calendar .rwTopLeft,
.RadWindow_Calendar .rwTopRight,
.RadWindow_Calendar .rwTitlebar,
.RadWindow_Calendar .rwFooterLeft,
.RadWindow_Calendar .rwFooterRight,
.RadWindow_Calendar .rwFooterCenter,
.RadWindow_Calendar .rwTopResize,
.RadWindow_Calendar .rwStatusbar div,
.RadWindow_Calendar .rwStatusbar,
.RadWindow_Calendar .rwPopupButton,
.RadWindow_Calendar .rwPopupButton span,
.RadWindow_Calendar.rwMinimizedWindow .rwCorner {
    background-image: none;
    border-style: none;
}

.RadWindow_Calendar .rcTitle {
    margin-bottom: 8px !important;
    background-image: none;
    border-style: none;
}

.RadCalendarNew .rcTitle {
    margin-bottom: 8px !important;
    background-image: none;
    border-style: none;
}

.RadCalendarNew .rcWeek th {
    text-align: center !important;
    background: #fff !important;
    border: none !important;
}

.RadCalendar .rcFastPrev {
    display: none !important;
}

.RadCalendar .rcMainTable {
    height: 220px;
}
/* Avoid the white statusbar line under thed bottom of the calendar */
.RadWindow_Calendar .rwTable .rwStatusbarRow .rwStatusbar table tbody tr td input {
    display: none;
}

.RadWindow_Calendar table tbody tr td #ctl00_conContent_ctl01_RadWindow_C {
    height: 325px !important;
    width: 265px !important;
}

.RadWindow_Calendar table tbody tr td #ctl00_conContent_SecondPeriodControl_RadWindow2_C {
    height: 325px !important;
    width: 265px !important;
}

/*** Use same layout for save and abort button like on page 14 of 20180725_mylife software_complete.pdf in SharePoint (besides order of the buttons) (similar like currently in the settings buttons toolbar)  ****/
/** Buttons in Calendar: save button, save button hover, cancel-button (cancel-button seems to be correct) Note: ok button shall keep style on hover. **/
.RadWindow_Calendar table tbody tr td #ctl00_conContent_ctl01_RadWindow_C #ctl00_conContent_ctl01_RadWindow_C_btnSave,
#ctl00_conContent_SecondPeriodControl_RadWindow2_C_btnSave,
#ctl00_conContent_ctl01_SettingsFilter_RadWindowFilterSettings_C_btnSaveFilterSettingsCalendar {
    height: 30px !important;
    line-height: 28px !important;
    background-color: #B1BE22 !important;
    color: white !important;
    border-radius: 6px;
    border-color: #B1BE22 !important; /* As we use border-box for box-sizing we should show the border with the color of the background if we want ot have same size and same color. */
}

.RadWindow_Calendar table tbody tr td #ctl00_conContent_ctl01_RadWindow_C #ctl00_conContent_ctl01_RadWindow_C_btnSave:hover,
.RadWindow_Calendar table tbody tr td #ctl00_conContent_ctl01_RadWindow_C #ctl00_conContent_ctl01_RadWindow_C_btnSave:active {
    height: 30px !important;
    line-height: 28px !important;
    background-color: #B1BE22 !important;
    border-color: #B1BE22 !important; /* Only the Button Lement should have a border. We do not want to border rectangles on a button. Or have same color as background */
}

.RadWindow_Calendar table tbody tr td #ctl00_conContent_ctl01_RadWindow_C #ctl00_conContent_ctl01_RadWindow_C_btnSave span.rbText,
#ctl00_conContent_SecondPeriodControl_RadWindow2_C_btnSave span.rbText,
#ctl00_conContent_ctl01_SettingsFilter_RadWindowFilterSettings_C_btnSaveFilterSettingsCalendar span.rbText {
    height: 28px !important;
    line-height: 28px !important;
    background-color: transparent !important;
    color: white;
    border-color: #B1BE22 !important;
}

.RadWindow_Calendar table tbody tr td #ctl00_conContent_ctl01_RadWindow_C #ctl00_conContent_ctl01_RadWindow_C_btnSave span.rbText:hover
.RadWindow_Calendar table tbody tr td #ctl00_conContent_ctl01_RadWindow_C #ctl00_conContent_ctl01_RadWindow_C_btnSave span.rbText:active {
    height: 28px !important;
    line-height: 28px !important;
    background-color: transparent !important;
    border-color: #B1BE22 !important;
}

.RadWindow_Calendar table tbody tr td #ctl00_conContent_ctl01_RadWindow_C #ctl00_conContent_ctl01_RadWindow_C_btnCancel,
#ctl00_conContent_SecondPeriodControl_RadWindow2_C_btnCancel,
#ctl00_conContent_ctl01_SettingsFilter_RadWindowFilterSettings_C_btnCancelFilterSettingsCalendar {
    height: 30px;
    margin-top: 10px;
    margin-bottom: 6px;
    margin-right: 0px !important; /* the right-most button should go to the right end of the button row container */
    border-radius: 6px;
    border: 1px solid #B1BE22;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    font-family: Helvetica;
}

.RadWindow_Calendar table tbody tr td #ctl00_conContent_ctl01_RadWindow_C #ctl00_conContent_ctl01_RadWindow_C_btnCancel:hover,
.RadWindow_Calendar table tbody tr td #ctl00_conContent_ctl01_RadWindow_C #ctl00_conContent_ctl01_RadWindow_C_btnCancel:active {
    background-color: #C1C1C1;
    border-radius: 6px;
    border: 1px solid #B1BE22;
}

.RadWindow_Calendar table tbody tr td #ctl00_conContent_ctl01_RadWindow_C #ctl00_conContent_ctl01_RadWindow_C_btnCancel span.rbText,
#ctl00_conContent_SecondPeriodControl_RadWindow2_C_btnCancel span.rbText,
#ctl00_conContent_ctl01_SettingsFilter_RadWindowFilterSettings_C_btnCancelFilterSettingsCalendar span.rbText {
    height: 30px;
    background-color: transparent;
    margin-left: 10px !important;
    margin-right: 10px !important;
}

#ctl00_conContent_ctl01_SettingsFilter_RadWindowFilterSettings_C {
    height: 340px !important;
}


.RadCalendarMonthView {
    border-radius: 10px !important;
    z-index: 10103 !important; /* Above Settings Filter Control but lower then messagebox popup and above main calender control */
}

.RadCalendarMonthView #rcMView_Today {
    border-radius: 5px !important;
    border-color: #B1BE22 !important;
    background: none !important;
    box-sizing: border-box;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    color: #5D5D5C;
    font-weight: normal;
}

.RadCalendarMonthView #rcMView_OK {
    background-color: #B1BE22 !important;
    border-radius: 5px !important;
    border-color: #B1BE22 !important;
    background: #B1BE22 !important;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    color: #FFFFFF;
    font-weight: normal;
}

.RadCalendarMonthView #rcMView_Cancel {
    border-radius: 5px !important;
    border-color: #BFD041 !important;
    background: none !important;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    color: #5D5D5C;
    font-weight: normal;
}

.RadCalendarMonthView_Default #rcMView_PrevY a,
.RadCalendarMonthView_Default #rcMView_NextY a {
    width: 79% !important;
    height: 20px !important;
}

.RadCalendarMonthView #rcMView_PrevY a {
    background-image: url(../images/LeftArrowGreen.png) !important;
}

.RadCalendarMonthView #rcMView_NextY a {
    background-image: url(../images/RightArrowGreen.png) !important;
}

.RadCalendarMonthView #rcMView_PrevY a,
.RadCalendarMonthView #rcMView_NextY a {
    background-size: 10px 15px;
    background-repeat: no-repeat;
    background-position: center !important;
    color: transparent;
}

.RadCalendarMonthView #rcMView_PrevY a:hover,
.RadCalendarMonthView #rcMView_NextY a:hover {
    border: 1px solid darkgray;
}

.RadCalendarNew .rcRow th {
    background: #fff !important;
}

.RadCalendarNew .rcTitlebar {
    border: none !important;
    background: rgb(243, 244, 247) !important;
}

.RadCalendarNew .rcPrev {
    width: 20px !important;
    background-image: url(../images/LeftArrowGreen.png) !important;
    background-size: 10px 15px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
    border: none !important;
    background-color: transparent !important;
    color: transparent !important;
}

.RadCalendarNew .rcNext {
    width: 20px !important;
    background-image: url(../images/RightArrowGreen.png) !important;
    background-size: 10px 15px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
    border: none !important;
    background-color: transparent !important;
    color: transparent !important;
}

.RadCalendarNew .rcFastNext {
    width: 42px !important;
    background-color: transparent !important;
    background-image: url(../images/RightDoubleArrowGreen.png) !important;
    background-size: 15px 15px !important;
    background-position: right 26px center, right 18px center, right 10px center !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
    border: none !important;
    border-bottom-right-radius: 10px !important;
    border-top-right-radius: 10px !important;
    color: transparent !important;
}

.RadCalendarNew .rcFastPrev {
    background-image: none !important;
    color: transparent !important;
    display: none !important;
}

.RadCalendarNew .rcSelected {
}

.RadCalendarNew .rcMain {
    border: none !important;
}

.RadCalendarNew .RadCalendar {
    height: 265px;
}

.RadCalendarNew .RadCalendar_C {
    height: 265px;
}

.rcRow a {
    border: none !important;
}

.rcRow:first-child td {
    padding-top: 0px !important;
}

.RadCalendarNew .rcToday {
    border: 2px solid #BFD041 !important;
    border-radius: 50% !important;
    padding-left: 1px !important;
    padding-bottom: 0px !important;
    padding-right: 1px !important;
}

.RadCalendar_Default {
    width: auto !important;
}

.RadCalendar {
    width: auto !important;
}

/*.RadCalendar_Default .rcRow .rcHover {
    background: none;
    background-color: none;
}

.RadCalendar rcRow td {
    padding: 0;
}*/

.RadCalendar_Default .rcToday a {
    border-radius: 50% !important;
    padding-left: 1px !important;
}

/*.RadCalendar_Default .rcMain .rcRow .rcSelected a {
    text-align: center;
}

.RadCalendar_Default .rcRow .rcSelected {
    border-color: transparent;
    border-radius: 5px;
}*/



.RadWindow_Calendar .rwWindowContent {
    border: none !important;
}

.RadWindow_Calendar .rwIcon {
    visibility: hidden !important;
}

.RadCalendarNew_Default .rcWeek th {
    padding: 0px !important;
}

.RadWindow.RadWindow_Calendar {
    background: rgb(243, 244, 247);
    border: 3px solid;
    border-color: rgb(243, 245, 247);
    box-shadow: rgba(88, 88, 88, 0.4) 0 0 10px;
    overflow: hidden;
    padding: 0 5px 0 5px;
    height: 340px !important;
    width: 276px !important;
    border-radius: 10px;
}

.RadWindow_Calendar .rwTopLeft, .RadWindow_Calendar .rwTopRight, .RadWindow_Calendar .rwTitlebar, .RadWindow_Calendar .rwFooterLeft, .RadWindow_Calendar .rwFooterRight, .RadWindow_Calendar .rwFooterCenter, .RadWindow_Calendar .rwTopResize, .RadWindow_Calendar .rwStatusbar div, .RadWindow_Calendar .rwStatusbar, .RadWindow_Calendar .rwPopupButton, .RadWindow_Calendar .rwPopupButton span, .RadWindow_Calendar.rwMinimizedWindow .rwCorner {
}

.RadWindow.RadWindow_Calendar .rwContent {
    background: rgb(243, 244, 247);
    border: none;
    padding: 0;
    width: 266px !important;
}

.RadWindow.RadWindow_Calendar.rwRoundedCorner {
    border-radius: 20px;
}

.RadWindow.RadWindow_Calendar .rwTitleBar {
    background: rgb(243, 244, 247);
    padding: 5px 20px 0 15px;
    height: 30px;
    vertical-align: middle;
    color: #7d7d80;
    margin: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #e0e3e5;
}

.RadWindow.RadWindow_Calendar .rwTitleBar .rwTitleWrapper {
    width: 90%;
    padding: 0px;
}

.RadWindow.RadWindow_Calendar .rwTitleBar .rwTitleWrapper .rwTitle {
    padding: 0px;
}

.RadWindow.RadWindow_Calendar .rwTitleBar .rwIcon {
    display: none;
    content: none;
}

.RadWindow.RadWindow_Calendar .rwTitleBar h6 {
    margin-top: 2px;
    font-size: 12px;
    color: rgb(88, 88, 88);
}

.RadWindow.RadWindow_Calendar .rwTitleBar {
    right: 20px;
}

.RadWindow.RadWindow_Calendar .rwTitleBar .rwCloseButton {
    margin-top: -2px;
    height: 30px;
    background: url(../../Include/images/close_icn.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.RadWindow.RadWindow_Calendar .rwTitleBar .rwCloseButton:before {
    content: "" !important;
}

.RadWindow.RadWindow_Calendar .rwTitleBar .rwCloseButton:hover {
    margin-top: -2px;
    height: 30px;
    background: url(../../Include/images/close_icn.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}



.RadWindow.RadWindow_Mylife {
    background: rgb(243, 244, 247);
    border: 3px solid;
    border-color: rgb(243, 245, 247);
    box-shadow: rgba(88, 88, 88, 0.4) 0 0 10px;
    overflow: hidden;
    padding: 0 5px 0 5px;
}

.RadWindow_Mylive .rwTopLeft, .RadWindow_Mylive .rwTopRight, .RadWindow_Mylive .rwTitlebar, .RadWindow_Mylive .rwFooterLeft, .RadWindow_Mylive .rwFooterRight, .RadWindow_Mylive .rwFooterCenter, .RadWindow_Mylive .rwTopResize, .RadWindow_Mylive .rwStatusbar div, .RadWindow_Mylive .rwStatusbar, .RadWindow_Mylive .rwPopupButton, .RadWindow_Mylive .rwPopupButton span, .RadWindow_Mylive.rwMinimizedWindow .rwCorner {
}

.RadWindow.RadWindow_Mylife .rwContent {
    background: rgb(243, 244, 247);
    border: none;
    padding: 0;
}

.RadWindow.RadWindow_Mylife.rwRoundedCorner {
    border-radius: 20px;
}

.RadWindow.RadWindow_Mylife .rwTitleBar {
    background: rgb(243, 244, 247);
    padding: 5px 20px 0 15px;
    height: 30px;
    vertical-align: middle;
    color: #7d7d80;
    margin: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #e0e3e5;
}

.RadWindow.RadWindow_Mylife .rwTitleBar .rwTitleWrapper {
    width: 90%;
    padding: 0px;
}

.RadWindow.RadWindow_Mylife .rwTitleBar .rwTitleWrapper .rwTitle {
    padding: 0px;
}

.RadWindow.RadWindow_Mylife .rwTitleBar .rwIcon {
    display: none;
}

.RadWindow.RadWindow_Mylife .rwTitleBar h6 {
    margin-top: 2px;
    font-size: 12px;
    color: rgb(88, 88, 88);
}

    .RadWindow.RadWindow_Mylife .rwTitleBar .rwCloseButton {
        height: 30px;
        width: 20px;
        background: url(../../Include/images/close_icn_green.png);
        background-repeat: no-repeat;
        background-size: 17px;
    }

.RadWindow.RadWindow_Mylife .rwTitleBar .rwCloseButton:before {
    content: "" !important;
}

.License-dialog
{
    width:800px!important;
    height:1000px!important;
}
.license-container {
    margin: auto;
    padding: 20px 40px 10px 40px;
    width: 800px;
    background-color: rgb(243, 244, 247);
    border-radius: 2%;
}
.button-row .RadAjaxPanel {
    display: inline !important;
}

.event-type-holder {
    display: flex;
    flex-direction: row;
}

.event-type-holder .event-icon-holder {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    background-position: center center;
}

.event-type-holder .event-type-title {
    text-align: left;
    vertical-align: central;
    width: 100%;
}

.Calendar_RadButton {
    background-color: #BFD041 !important;
    border-radius: 5px !important;
    border-color: #BFD041 !important;
    margin-top: 10px !important;
}

.Calendar_CancelButton {
    border-radius: 5px !important;
    border-color: #bfd041 !important;
    margin-top: 10px;
}

.Calendar_Button {
    margin-top: 10px !important;
    background-image: none !important;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    color: #5D5D5C;
}

.Calendar_Button_WithouUpperMargin {
    margin-top: 0px !important;
    background-image: none !important;
    box-sizing: border-box;
    font-size: 14px;
    font-family: Helvetica Neue, Helvetica, sans-serif;
    color: #5D5D5C;
    height: auto !important;
}

.RadButton.rad-button {
    line-height: 26px;
    vertical-align: middle;
    height: 30px;
    background-color: transparent;
    border: 0;
    border-radius: 7px;
    padding-left: 20px;
    padding-right: 20px;
    background-size: 15px 15px;
    background-position: right 5px center;
    background-repeat: no-repeat;
    display: inline-block;
}

.RadButton.rad-button:hover {
    background-color: #B5B5B5;
}

.RadButton.rad-button.active {
    background-color: #828282;
}

.RadButton.rad-button.rbDisabled {
    background-color: #E6E6E6;
    opacity: 0.6;
}

.RadButton.rad-button.same-width-four-buttons {
    width: 180px;
}

.RadButton.rad-button-green {
    line-height: 26px;
    vertical-align: middle;
    width: 175px;
    border: 1px solid #b3bf13 !important;
    border-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0 10px 0 10px;
    display: inline-block;
}

.RadButton.rad-button-green.rbDisabled {
    /*background-color: #ffffff;*/
    opacity: 0.6;
}

.RadButton.rad-button-green.same-width-four-buttons {
    width: 160px;
}

.RadButton.rad-button-green.rbDisabled.same-width-four-buttons {
    width: 160px;
}

.RadButton.halfgreen {
    background-color: transparent;
}

.RadButton.halfgreen span {
    color: rgb(88, 88, 88);
}

.RadButton.fullgreen {
    background-color: #b3bf13 !important;
}

.RadButton.fullgreen span {
    color: #ffffff;
}

.RadButton .rbDecorated {
    font-weight: bold !important;
    padding: 0px 5px 0px 5px !important;
    width: 157px;
}

.heading-table {
    width: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: transparent;
    border-width: 0px;
    margin-bottom: 15px;
    margin-top: 10px;
    margin-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #C1C1C1;
    font: normal 12px Helvetica, sans-serif !important;
    font-weight: 500 !important;
    color: #555555;
}

.heading-table.distribution {
    width: 25%;
    margin-bottom: 0px !important;
}

.divStatisticsTableLine {
    display: flex;
    width: 270px;
    min-height: 20px;
    margin-right: 100px !important;
}

.divStatisticsValueTableLine {
    display: flex;
    width: 75px;
    height: 20px;
    font-weight: bold;
    margin-right: 100px !important;
}

.spanStatisticsTableValue {
    font-weight: 600;
}

input[type='button'].am-pm-button {
    float: left;
    width: 25px;
    margin: 0px;
    padding: 0px;
    margin-top: 6px;
    margin-left: 5px;
    background-color: #EDEDED;
}

/* used for all chart tooltips to remove the tooltip border */
.k-chart-tooltip {
    border-width: 0px !important;
}

.user-message {
    width: 100%;
    text-align: left;
    margin-bottom: 20px;
    padding: 5px;
}

.user-message.success {
    color: #5D5D5C;
}

.user-message.success-centered {
    color: #5D5D5C;
    text-align: center;
}

.user-message.error {
    color: red;
}

.user-message.error-centered {
    color: red;
    text-align: center;
}

.message-dialog-content {
    width: 460px;
    padding: 10px 20px 10px 20px;
}

.message-dialog .message-list {
    list-style: none;
    padding: 0;
}

.message-dialog .message-list li {
    padding: 5px 0px 5px 0px;
}

.message-dialog .message-list .error-message {
    background-image: url(../images/ValidationError_30x30.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    min-height: 20px;
    color: #585858;
}

.message-dialog .message-list .success-message {
    color: green;
}

.message-dialog .message-list .info-message {
}

.dialog-content {
    min-width: 460px;
    padding: 10px 20px 10px 20px;
}

.dialog .message-list {
    list-style: none;
    padding: 0;
}

.dialog .message-list li {
    padding: 5px 0px 5px 0px;
}

.dialog .message-list .error-message {
    background-image: url(../images/ValidationError_30x30.png);
    background-repeat: no-repeat;
    padding-left: 40px;
    min-height: 20px;
    color: #585858;
}

.dialog .message-list .success-message {
    color: green;
}

.dialog .message-list .info-message {
}

.validator-message {
    text-align: left;
    margin-bottom: 10px;
}

.validator-message.success {
    color: green;
}

.validator-message.error {
    color: red;
}

.validator-message-container ul li {
    color: red;
}

.validator-container {
    position: relative;
}

.validator-speech-bubble-container {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

/*Fallback for IE10 +*/
_:-ms-lang(x), .validator-speech-bubble-container {
    justify-content: flex-start;
}

/*Return to standard behavior for Edge only*/
@supports (-ms-ime-align: auto) {
    .validator-speech-bubble-container {
        justify-content: flex-end;
    }
}

.validator-speech-bubble {
    display: inline-block;
    background: #5D5D5C;
    color: #FFFFFF;
    border-radius: 4px;
    line-height: 1.3;
    padding: 5px;
    min-width: 190px;
    max-width: 300px;
    position: absolute;
    white-space: pre-wrap;
    z-index: 8000;
}

.validator-speech-bubble-settings {
    display: inline-block;
    background: #5D5D5C;
    color: #FFFFFF;
    border-radius: 4px;
    line-height: 1.3;
    padding: 5px;
    min-width: 190px;
    max-width: 300px;
    position: absolute;
    white-space: pre-wrap;
    z-index: 8000;
}

/*Fixes overlapping speech bubbles*/
.validator-speech-bubble:after, .validator-speech-bubble-settings:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -2;
    border-radius: 4px;
    box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.validator-speech-bubble:before, .validator-speech-bubble-settings:before {
    content: "";
    border-left: 16px solid transparent;
    border-top: 15px solid #5D5D5C;
    border-right: 16px solid transparent;
    position: absolute;
    margin-right: 15px;
    z-index: -1;
    bottom: -12px;
    right: 0px;
    width: 0px;
    height: 0px;
}

.validator-speech-bubble.small-distance {
    margin-bottom: 10px;
}

.validator-speech-bubble.medium-distance {
    margin-bottom: 20px;
}

.validator-speech-bubble.large-distance {
    margin-bottom: 30px;
}

.validator-speech-bubble.extra-large-distance {
    margin-bottom: 40px;
}

.validator-error-border {
    border: 1px solid red !important;
}

.chart-unit-labels {
    display: inline;
}

.chart-unit-label-left {
    float: left;
}

.chart-unit-label-right {
    float: right;
}

.embedded-document-content {
    width: 100%;
    height: 300px;
    overflow-y: auto;
    overflow-wrap: break-word;
    background-color: #FFFFFF;
    color: #000000;
    padding: 10px;
    box-shadow: inset 1px 1px 3px #CCCCCC;
}

.grid-icon-holder {
    text-align: center;
    cursor: pointer;
}

.checkbox-wrapper {
    background-color: #D5D5D5;
}

.flex-container-centered {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; /*Default*/
    align-items: center;
    align-content: stretch; /*Default*/
}

.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start; /*Default*/
    align-items: stretch; /*Default*/
    align-content: stretch; /*Default*/
}

.flex-container-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start; /*Default*/
    align-items: stretch; /*Default*/
    align-content: stretch; /*Default*/
}

.frame-row {
    display: flex;
    justify-content: space-between;
}

.control-group {
    display: inline-block;
    width: 200px;
    height: 210px;
    margin: 10px;
    padding: 30px;
    text-align: left;
    vertical-align: top;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.control {
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 30px;
    cursor: pointer;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    display: inline-block;
    height: 33px;
    width: 33px;
    background: url(../images/Checkbox.png);
    background-position: bottom;
    margin: -4px 0 0 -35px;
    cursor: pointer;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
}

/* Checked state */
.control input:checked ~ .control__indicator {
    display: inline-block;
    height: 33px;
    width: 33px;
    background: url(../images/CheckboxActive.png);
    background-color: transparent !important;
    background-position: bottom;
    margin: -4px 0 0 -35px;
    cursor: pointer;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
}

/* Disabled state */
.control input:disabled {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}
.control__indicator:disabled {
        pointer-events: none;
        opacity: .6;
        background: none;
    }

/* Check mark */
.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
    display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
    display: block;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

/*Toggle Switch*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-left: 10px;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #595959;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
    background-color: #B1BE22;
}

input:focus + .slider {
    box-shadow: 0 0 1px #B1BE22;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

/* advertisement box */

.adFrame {
    width: 100%;
    height: 200px; /* Set your desired height */
    overflow-y: auto;
    border: 1px solid #ccc;
    position: relative;
    margin:5px;
    padding:5px;
}

.closeBtn {
    margin-right: 30px;
    margin-top: 5px;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
    border: none;
    padding: 0 !important;
    z-index: 1000; /* Ensure the button is on top */
}
/* savebar for settings-pages */
.savebar-wrapper {
    margin-top: 20px;
    display: flex;
    flex-flow: row;
    width: 670px;
    height: 50px;
    background-color: rgb(243, 245, 247);
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 15px;
}

.savebar-icon {
    display: inline-flex;
    width: 33px;
    height: 33px;
    margin: 3px 0 0 10px;
    background-size: 20px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(../images/CautionIconGrey.png);
}

.savebar-label {
    display: inline-flex;
    height: 30px;
    width: 400px;
    margin: 10px 0 10px 0;
    background-color: transparent;
    display: flex;
    justify-content: left;
    align-items: center;
}

.savebar-label .savebar-text {
    display: inline-flex;
    margin: 8px;
    color: rgb(125, 125, 128);
    font-family: Helvetica;
    font-size: 14px;
    font-weight: normal;
}

.savebar-buttons {
    display: inline-flex;
    flex-flow: row;
    justify-content: space-between;
    margin-left: auto;
    margin-right: 10px;
    background-color: transparent;
}

.savebar-buttons input[type="submit"] {
    height: 30px;
    margin: 10px 0 6px 10px;
    border-radius: 6px;
    border: 1px solid #B1BE22;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    font-family: Helvetica;
}

.savebar-buttons input[type="submit"]:hover {
    background-color: #B5B5B5 !important;
}

.savebar-buttons .button-reset {
    min-width: 50px;
    max-width: 150px;
}

.savebar-buttons .button-save {
    min-width: 50px;
    max-width: 150px;
    background-color: #B1BE22;
    color: white;
    border-radius: 7px;
    border-color: transparent;
}

.savebar-buttons .button-save:hover {
    background-color: #B1BE22 !important;
}

.green-button {
    background-color: #B1BE22 !important;
    color: #ffffff !important;
    border-color: transparent !important;
}
.link-download {
    min-width: 50px;
    max-width: 150px;
    background-color: #B1BE22;
    color: white;
    border-radius: 2px;
    padding: 3px 10px;
    border-color: transparent;
}
/* filtercontrol for main page */
.filter-control-wrapper {
    margin-top: 20px;
    display: flex;
    flex-flow: row;
    width: 1142px;
    height: 80px;
    background-color: rgb(243, 245, 247);
    border-radius: 10px;
}

.sync-report-type-list-button {
    line-height: 26px;
    vertical-align: central;
    height: 35px;
    width: 45px;
    border: none !important;
    background-color: transparent;
    padding-left: 20px;
    padding-right: 40px;
    background-image: url(../images/cloud_icn__.png);
    background-size: 45px 45px;
    background-position: right 0px center;
    background-repeat: no-repeat;
    margin-top: 10px;
    border-color: transparent;
}
.right-aligned {
    text-align: right;
}
span.sync-report-type-list-button:hover {
    cursor: pointer;
}

.event-filter-row .import-device-report .device-report .device-import-report-list-button {
    line-height: 26px;
    vertical-align: central;
    height: 35px;
    width: 45px;
    border: none !important;
    background-color: transparent;
    padding-left: 20px;
    padding-right: 40px;
    background-image: url(../images/devices_icn_green.png);
    background-size: 25px 30px;
    background-position: right 0px center;
    background-repeat: no-repeat;
    margin-top: 10px;
    border-color: transparent;
    float: right;
    margin-right: 10px;
}

span.device-import-report-list-button:hover {
    cursor: pointer;
}

.sync-report-button {
    line-height: 26px;
    vertical-align: central;
    height: 30px;
    width: 30px;
    border: none !important;
    background-color: transparent;
    background-image: url(../images/SyncArrows.png);
    background-size: 15px 15px;
    background-position: center;
    background-repeat: no-repeat;
}

.device-report {
}

.device-type-list-holder {
    display: flex;
    flex-direction: column;
    position: absolute;
    background: transparent;
    z-index: 1000;
    padding: 20px 7px 7px 7px;
    width: 540px;
    left: 150px;
    top: 45px;
}

    .device-type-list-holder .device-holder {
        background: rgb(243, 244, 247);
        border-radius: 10px;
        box-shadow: #CCCCCC 1px 4px 1px;
    }

.device-list-container-column {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    margin: auto;
}

.device-list-container-column .device-list-container-column-upper {
    font-size: 15px;
    margin-top: 5px;
    color: grey;
}

.device-list-container-column .device-list-container-column-lower {
    font-size: 12px;
    font-weight: bold;
    margin-top: 3px;
    margin-bottom: 7px;
}

.device-list-container-row-first {
    display: flex;
    border-radius: 10px;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.device-list-container-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}

.device-item-left-part {
    line-height: 26px;
    vertical-align: central;
    height: 40px;
    width: 40px;
    border: none !important;
    background-color: transparent;
    background-image: url(../images/device_omnipod_grey.png);
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 20px;
    margin-right: 10px;
}

.add-device-button {
    line-height: 30px !important;
    height: 30px !important;
    width: 100% !important;
    border: none !important;
    display: flex;
    flex-direction: row;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.add-device-button-label {
    font-family: Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    line-height: 12px;
    font-weight: bold;
    margin-left: 60px;
    margin-top: 12px;
}

.add-device-button-image {
    margin-left: 10px;
    margin-top: 8px;
    width: 20px;
    height: 20px;
}

.sync-device-button {
    vertical-align: central;
    height: 30px;
    width: 30px !important;
    border: none !important;
    background-color: transparent;
    background-image: url(../images/SyncArrowsGreen.png);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
}

.sync-device-button:focus {
    border: none;
}

.show-quartile-type-list-button {
    line-height: 26px;
    vertical-align: middle;
    height: 30px;
    border: none;
    background-color: #E6E6E6;
    border-radius: 10px;
    padding-left: 20px;
    padding-right: 40px;
    background-image: url(../images/IconCheck.png);
    background-size: 15px 15px;
    background-position: right 5px center;
    background-repeat: no-repeat;
}

.show-quartile-type-list-button.active {
    background-color: #828282;
}

.show-quartile-type-list-button:hover {
    cursor: pointer;
    background-color: #B5B5B5;
}

/* MylifeNavigationBar (e.g. HeaderSwitch on settings page) */

/* navigationbar wrapper */
.navigationbar-wrapper {
    display: flex;
    height: auto;
    width: auto;
    flex-flow: row;
    background: transparent;
    margin-bottom: 14px;
}

/* navigationbar all items */
.navigationbar-wrapper input[type="button"] {
    display: flex;
    justify-content: center;
    padding: 7px 10px 6px 10px;
    height: auto;
    width: auto;
    color: rgb(88, 88, 88);
    font-weight: bold;
    font-size: 15px;
    background: rgb(215, 221, 223);
    margin: 1px;
    border-radius: 0px;
    margin: 0px;
}

.navigationbar-wrapper input[type="button"].selected {
    border: none;
    cursor: auto !important;
    background-color: rgb(88, 88, 88) !important;
}

/* navigationbar all items :hover */
.navigationbar-wrapper input[type="button"]:hover {
    background-color: rgb(215, 221, 223);
}

.navigationbar-wrapper .item:disabled {
    background-color: whitesmoke;
}

.navigationbar-wrapper .item:disabled:hover {
    background-color: whitesmoke;
}

/* navigationbar first item */
.navigationbar-wrapper .first-item {
    border: none;
    border-radius: 8px 0 0 8px !important;
    border-right: 1px solid white;
}

/* navigationbar last item */
.navigationbar-wrapper .last-item {
    border: none;
    border-radius: 0 8px 8px 0 !important;
}

/* navigationbar only item */
.navigationbar-wrapper .only-item {
    border: none;
    border-radius: 8px !important;
}

/* navigationbar item */
.navigationbar-wrapper .item {
    border: none;
    border-right: 1px solid white;
}

/* navigationbar selected item */
.navigationbar-wrapper .selected {
    background-color: rgb(88, 88, 88) !important;
    color: white !important;
}

/* navigationbar selected item :hover */
.navigationbar-wrapper .selected:hover {
    background-color: rgb(88, 88, 88) !important;
}

/*Searchboxstyle*/
.autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: flex;
    flex-direction: row;
    border-radius: 5px;
    border: 2px solid #ABC038;
}

.clear-image {
    height: 19px;
    width: 19px;
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-image: url(../../Include/images/IconSearch.png);
    background-size: contain;
}

.clear-image-searchbox {
    height: 19px;
    width: 19px;
    margin-top: 3px;
    background-repeat: no-repeat;
    background-image: url(../../Include/images/IconSearch.png);
    background-size: contain;
}

.patient-selectbox-clear-image {
    height: 19px;
    width: 19px;
    margin-top: 3px;
    background-repeat: no-repeat;
    background-image: url(../../Include/images/IconSearch.png);
    background-size: contain;
}

.autocomplete .textbox-input {
    background-color: white;
    width: 80%;
}

.autocomplete .textbox-input:focus {
    background-color: transparent;
    border: none;
    border-color: transparent;
    box-shadow: none;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    border-radius: 5px;
    box-shadow: 5px 5px 5px 5px #aaaaaa;
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #EEF1F3;
}

.autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #D7DDDF;
}

.autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.searchbox-container {
    width: 200px;
}

.selectbox-container {
    width: 500px;
    margin: auto;
}

.patient-selectbox-wrapper {
    display: none;
    flex-direction: column;
    background-color: #f3f4f7;
}

.patient-selectbox-button {
    align-self: end;
    margin-left: 5px;
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../../Include/images/more_arrowDown_icn_green.png);
}

.selectbox-label-container {
    display: flex;
    flex-direction: row;
}

.patient-selectbox-list-item {
    z-index: 99;
    text-align: left;
    margin-left: 13px;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
}

.patient-selectbox-list-item:hover {
    /*when hovering an item:*/
    background-color: #e0e3e5;
}

.patientselect-autocomplete .textbox-input {
    width: 80%;
    height: 100%;
    background-color: white;
    box-shadow: none;
}

.patientselect-autocomplete .textbox-input:focus {
    border: none;
}

.patientselect-autocomplete {
    width: 180px;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    border: 2px solid #b3bf13;
    display: flex;
    flex-direction: row;
    background: white;
    border-radius: 5px;
}

.patient-selectbox-wrapper {
    position: fixed;
    background-color: #f3f4f7;
    z-index: 9999;
    border-radius: 10px;
}

.patient-list {
    border-radius: 10px;
}

.triangle {
    display: flex;
    height: 0px;
    width: 0px;
    background: transparent;
    margin: auto;
    border-top: 10px solid transparent;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 10px solid #f3f4f7;
}

.patient-selectbox-deselect-btn {
    display: none;
    background-repeat: no-repeat;
    background-image: url(../../Include/images/close_icn_green.png);
    background-size: 13px 13px;
    background-position: right 1px center;
    padding: 0px 10px 0px 10px;
}

.patient-selectbox-button:hover,
.patient-selectbox-deselect-btn:hover {
    cursor: pointer;
}

/* MylifeTimePicker-Control */
.timepicker-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: row;
    height: 33px;
}

.timepicker-select, .timepicker-ampm {
    display: flex;
    font-size: 16px;
    color: black;
}

.timepicker-select {
    padding: 5px 15px;
    background-color: rgb(224, 225, 229);
    background-image: none;
}

.timepicker-select:focus {
    background-image: none;
}

.timepicker-select:hover {
    background-color: rgba(224, 225, 229, 0.8);
}

.timepicker-select:after {
    display: none;
}

.timepicker-icon {
    display: flex;
    width: 31px;
    height: 31px;
    background-image: url(../images/time_icn_24.png);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: -5px;
    margin-right: 5px;
}

.timepicker-arrow {
    display: flex;
    width: 31px;
    height: 31px;
    background-image: url(../images/ArrowRight.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px;
}

.timepicker-arrow:hover {
    cursor: pointer;
}

.left {
    transform: rotate(180deg);
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.device-report-overlayer {
    position: fixed;
    background-color: transparent;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}

.patient-grid-overlayer {
    position: fixed;
    background-color: transparent;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10001;
}

.consent-dialog-content .radconfirm .consent-button {
    border: 1px solid #b3bf13;
    background-color: transparent;
    border-radius: 5px;
}

.consent-dialog-content .radconfirm .consent-ok-button {
    border: none;
    background-color: #b3bf13;
    border-radius: 5px;
    margin-right: 20px;
}

.license-dialog-content .radconfirm .license-button {
    border: 1px solid #b3bf13;
    background-color: transparent;
    border-radius: 5px;
}

.license-dialog-content .radconfirm .license-ok-button {
    border: none;
    background-color: #b3bf13;
    border-radius: 5px;
    margin-right: 20px;
}

.Title-with-left-padding .rwTitle {
    padding-left: 80px !important;
}
.pumpsettings-device-holder {
    display: flex;
    flex-direction: column;
    border: 2px solid #e0e3e5;
    border-radius: 5px;
    width: 320px;
    height: 90px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.full-opacity
{
    opacity:1!important;
}
.pumpsettings-device-holder .pumpsettings-upload-row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.pumpsettings-device-holder .pumpsettings-upload-row .pumpsettings-upload-left,
.pumpsettings-device-holder .pumpsettings-upload-row .pumpsettings-upload-right {
    background-repeat: no-repeat;
    background-size: contain;
    height: 15px;
    width: 15px;
    margin-left: 5px;
}

    .pumpsettings-device-holder .pumpsettings-upload-row .pumpsettings-upload-left {
        background-image: url(../images/LeftArrowGreen.png);
    }

    .pumpsettings-device-holder .pumpsettings-upload-row .pumpsettings-upload-right {
        background-image: url(../images/RightArrowGreen.png);
    }

.pumpsettings-device-holder .pumpsettings-device-label {
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.pumpsettings-device-holder .pumpsettings-upload-row .pumpsettings-device-button {
    margin-left: 10px;
    width: 100px;
    background-image: url(../images/arrow_down_open_icn.png);
    background-repeat: no-repeat;
    background-position: right 3px center;
    background-size: 10px 7px;
}

    .pumpsettings-device-holder .pumpsettings-upload-row .pumpsettings-deselect-btn {
        border-radius: 50px;
        width: 30px;
        height: 30px;
        background-image: url(../../Include/images/close_icn_green.png);
        background-repeat: no-repeat;
        background-size: contain;
    }

.pumpsettings-device-holder .pumpsettings-upload-row .pumpsettings-deselect-btn:hover {
    cursor: pointer;
}

.pumpsettings-device-list-holder-overlayer {
    position: fixed;
    background-color: transparent;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 10001;
}

.pumpsettings-device-list-holder {
    position: absolute;
    z-index: 10002;
    background-color: transparent;
    left: 100px;
}

.pumpsettings-device-list-holder .pumpsettings-device-list-content {
    background-color: #f3f4f7;
    display: inline-block;
}

.hidden-chart {
    display: none;
}

.noDataToPlotFont {
    font-size: 2em;
    width: 800px; /* to be centered this has to be the same width as the NoDataToPlot/NoPatient image width */
    display: block;
    text-align: center;
}

.noDataOrPatient {
    width: 800px;
    height: 800px;
}

.showValueContainer {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
}

.rcShadTL, .rcShadBL, .rcShadBR {
    width: 98% !important;
}

#ctl00_conContent_ctl01_btnCalendar_input {
    border: 1px solid transparent;
    margin: 0;
    padding: 5px 15px 5px 15px;
}

.footnote {
    text-align: center;
    margin-top: 20px;
}

.additional_row_space {
    margin-bottom: 2px;
}

.row-input.ddl-time.day {
    width: 18%;
}

.row-input.ddl-time.month {
    width: 35%;
    margin: 0 auto;
}

.row-input.ddl-time.year {
    width: 25%;
}

#ctl00_conContent_ctl01_SettingsFilter_btnFilterSettingsCalendar_input {
    width: auto;
}

.green-button > .rbText {
    color: white;
    font-weight: bold;
}

.button-row > .rad-button {
    border: 1px solid #b1be22;
}

.message-dialog {
    border-radius: 10px;
}

.ds-checkbox {
    margin-top: 0 !important;
}

.ds-top-row {
    margin-bottom: 15px;
    align-items: center;
}

#conPatientSelectbox_ctl00_divPatientSelectboxContainer {
    margin-top: 25px;
}

.nopadding-top {
    padding-top: 0px !important;
}

.wrapper-disabled-overlay {
    background-color: rgb(243, 245, 247);
    opacity: 0.6;
    z-index: 2600;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.dialog-button {
    padding: 10px 20px !important;
    border-radius: 6px !important;
    font-weight: normal !important;
}

.dialog-primary-button {
    background-color: #BFD041 !important;
    border: 1px solid #BFD041 !important;
    color: white !important;
}

.dialog-primary-button span {
    color: white !important;
}

.dialog-button-row .dialog-primary-button:disabled {
    background-color: rgb(224, 227, 230) !important;
    cursor: default;
}

.dialog-secondary-button {
    background-color: transparent !important;
    border: 1px solid #B1BE22 !important;
    color: rgb(88, 88, 88) !important;
}

.dialog-secondary-button span {
    color: rgb(88, 88, 88) !important;
}

.dialog-secondary-button:not([disabled]):hover,
.dialog-primary-button:not([disabled]):hover {
    background-color: #B5B5B5 !important;
}

.dialog-close-button {
    height: 32px !important;
    width: 32px !important;
    background-image: url(../images/close_icn_green.png) !important;
    background-color: transparent !important;
    background-position: center !important;
    background-size: 17px !important;
    background-repeat: no-repeat !important;
    border: none !important;
}

#ctl00_ctl00_conPatientSelectbox_ctl00_divPatientSelectboxContainerPanel{
    width: 500px;
    margin: auto;
}

#btnDeselectPatientContainer, #btnSelectboxContainer {
    height: 20px;
}

#systemInfoContainer {
    text-align: center;
}

#lblPatientSysInfoGrid {
    justify-content: center;
    float: left;
    display: grid;
    margin-left: 6px !important;
}

#ctl00_conContent_ctl02_RadWindow_C {
    height: unset !important;
    overflow: hidden !important;
}

#ctl00_conContent_ctl03_RadWindow_C {
    overflow: visible !important;
}

#conPatientSelectbox_ctl00_lblPatient {
    font-size: 18px;
    align-self: center;
}

#selectBoxContainer {
    text-align: center;
}

#selectBox {
    justify-content: center
}

div:has(.noDataLogbook) {
    height: 0px !important;
}

@media screen and (max-width:480px) {
    input [type="checkbox"]#ctl00_conContent_wndDirectivesDialog_C_chkComfirmDirectives + label {
        width: 200% !important;
        padding-left:35px !important;
    }

    .RadWindow.RadWindow_Mylife {
        width: 360px !important;
        height: 460px !important;
        left: calc(50% - 180px) !important;
        top:140px !important;
    }

    .rwContent {
        height: 430px !important;
    }

    .navigationbar-wrapper input[type="button"] {
        font-size: 7px !important;
        padding: 7px 2px 6px 2px !important;
    }
    #conContent_ctl05_imgbtnGlucoseRange {
        width: 23px !important;
    }
    .hr-view-patient {
        height: 0pt !important;
        margin-top:0 !important;
    }
    .savebar-wrapper {
        width: 365px !important;
        margin-left: -20px !important;
    }
    .savebar-icon {
        width: 70px !important;
    }
    #contentView {
        width: 100% !important;
    }
    .thirdsrow {
        width: 33% !important;
    }
    
    .search-input-holder {
        display: none !important;
    }

    #conContent_txtConfirmationToken {
        width: 300px !important;
    }

    .event-filter-row {
        display: none !important;
    }
    .selectbox-container {
        margin: 0 !important;
    }

    .selectbox-label-container {
        justify-content: left !important;
    }

    #conPatientSelectbox_ctl00_lblSystemInfo {
        float: left !important;
    }
    #ctl00_ctl00_conPatientSelectbox_ctl00Panel {
        margin-left: 10px !important;
    }

    .navigationbar-wrapper{
        margin-left:-10px !important;
    }

    .savebar-buttons input[type="submit"] {
        margin: 10px 0 6px 3px !important;
    }
}

@media screen and (max-width:950px) and (min-width: 600px) {
    .navigationbar-wrapper input[type="button"] {
        font-size: 11px !important;
    }
    #contentView {
        width: 75% !important;
    }
    .event-filter-row {
        display: none !important;
    }

    .embedded-document-content {
        height: 240px !important;
    }
    .view-Patient-container {
        width: 90vw !important;
    }
    .savebar-wrapper {
        width: 550px !important;
    }
}

#divAGPTargetrange {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}

#radioPreconception + label,
#radioPregnant + label {
    width: 140px !important;
    background-position: left !important;
    margin-top: 5px !important;
    margin-bottom: 25px;
}

label[for="radioPreconception"],
label[for="radioPregnant"],
label[for="conContent_ctl02_chkPregnancyOption"] {
    padding-left: 30px;
    padding-top: 5px;
}

.sso-content {
    display: flex;
    align-items: center;
}

.sso-label{
    padding-left: 5px;
}