/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
/* used as a border of large controls (like grids, diagram) */
/* used as a background below a page in richedit/diagram */
@font-face
{
    font-family: "Roboto Regular";
    src: local("Roboto Regular"), url('../Fonts/Roboto-Regular.ttf');
}
@font-face
{
    font-family: "Roboto Medium";
    src: local("Roboto Medium"), url('../Fonts/Roboto-Medium.ttf');
}
.dxeCalendarToday_HassanJameel .dxe-apt-labels-container,
.dxeCalendarSelected_HassanJameel .dxe-apt-labels-container
{
    display: none;
}
.dxeCalendar_HassanJameel .dxe-apt-labels-container
{
    height: 5px;
    margin-bottom: -5px;
    margin-left: -2px;
    margin-right: -2px;
}
.dxeCalendar_HassanJameel .dxe-apt-labels-container > div
{
    width: 5px;
    height: 5px;
    margin-top: 2px;
    border-radius: 50%;
}
.dxeCalendar_HassanJameel .dxe-more-labels-container > .dxe-h-line
{
    width: 5px;
    top: 2px;
}
.dxeCalendar_HassanJameel .dxe-more-labels-container > .dxe-v-line
{
    height: 5px;
    left: 2px;
}
.dxeCalendar_HassanJameel .dxe-more-labels-container > div.dxe-h-line,
.dxeCalendar_HassanJameel .dxe-more-labels-container > div.dxe-v-line
{
    background-color: #757575;
}
/* -- ValidationSummary -- */
.dxvsValidationSummary_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: Red;
}
.dxvsValidationSummary_HassanJameel td.dxvsRC_HassanJameel
{
    vertical-align: top;
    padding: 2px 5px 4px 6px;
}
.dxvsValidationSummary_HassanJameel table.dxvsHT_HassanJameel
{
    width: 100%;
}
.dxvsValidationSummary_HassanJameel td.dxvsH_HassanJameel
{
    padding: 2px 0;
}
.dxvsValidationSummary_HassanJameel a.dxvsHL_HassanJameel,
.dxvsValidationSummary_HassanJameel a.dxvsHL_HassanJameel:visited
{
    color: red;
}
.dxvsValidationSummary_HassanJameel a.dxvsHL_HassanJameel
{
    text-decoration: none;
    border-bottom: 1px dashed #f70;
}
.dxvsValidationSummary_HassanJameel a.dxvsHL_HassanJameel:hover
{
    color: #f70;
}
.dxvsValidationSummary_HassanJameel td.dxvsETC_HassanJameel
{
    padding: 2px 0;
}
.dxvsValidationSummary_HassanJameel li.dxvsE_HassanJameel
{
    padding: 2px 0;
}
/* TrackBar */
.dxeTrackBar_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    visibility: hidden;
}
.dxEditors_edtTBIncBtn_HassanJameel,
.dxEditors_edtTBDecBtn_HassanJameel
{
    border-radius: 50%;
}
.dxeTBIncBtnHover_HassanJameel.dxEditors_edtTBIncBtn_HassanJameel,
.dxeTBDecBtnHover_HassanJameel.dxEditors_edtTBDecBtn_HassanJameel
{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    -webkit-tap-highlight-color: transparent;
}
.dxeDisabled_HassanJameel .dxeTBHSys a,
.dxeDisabled_HassanJameel .dxeTBVSys a
{
    cursor: default;
}
.dxeTBBarHighlight_HassanJameel
{
    font-size: 0;
}
.dxeTBScale_HassanJameel,
.dxeTBTrack_HassanJameel,
.dxeTBBarHighlight_HassanJameel
{
    cursor: pointer;
}
.dxeTBScale_HassanJameel
{
    z-index: 1;
}
.dxeTBSecondaryDH_HassanJameel, .dxeTBMainDH_HassanJameel
{
    z-index: 4;
}
.dxeTrackBar_HassanJameel.dxeTBHSys
{
    width: 442px;
    height: 61px;
}
.dxeTrackBar_HassanJameel.dxeTBVSys
{
    height: 442px;
    width: 61px;
}
.dxeTrackBar_HassanJameel.dxeTBBScaleSys.dxeTBVSys
{
    width: 92px;
}
.dxeTrackBar_HassanJameel.dxeTBBScaleSys.dxeTBHSys
{
    height: 92px;
}
.dxeTBTrack_HassanJameel
{
    z-index: 2;
    position: absolute;
}
.dxeTBHSys .dxeTBTrack_HassanJameel
{
    background-color: #BABABA;
}
.dxeTBVSys .dxeTBTrack_HassanJameel
{
    background-color: #BABABA;
}
.dxeTBHSys .dxeTBTrack_HassanJameel
{
    height: 1px;
}
.dxeTBHSys .dxeTBBarHighlight_HassanJameel
{
    top: 0px;
    height: 1px;
}
.dxeTBVSys .dxeTBTrack_HassanJameel
{
    width: 1px;
}
.dxeTBVSys .dxeTBBarHighlight_HassanJameel
{
    left: 0px;
    width: 1px;
}
.dxeTBHSys .dxeTBMainDH_HassanJameel, .dxeTBHSys .dxeTBSecondaryDH_HassanJameel
{
    top: -10px;
    width: 17px;
    height: 17px;
}
.dxeTBVSys .dxeTBMainDH_HassanJameel, .dxeTBVSys .dxeTBSecondaryDH_HassanJameel
{
    left: -10px;
    width: 17px;
    height: 17px;
}
.dxeTBHSys .dxeTBMainDH_HassanJameel.dxEditors_edtTBMainDHHover_HassanJameel,
.dxeTBHSys .dxeTBSecondaryDH_HassanJameel.dxEditors_edtTBSecondaryDHHover_HassanJameel,
.dxeTBVSys .dxeTBMainDH_HassanJameel.dxEditors_edtTBMainDHHover_HassanJameel,
.dxeTBVSys .dxeTBSecondaryDH_HassanJameel.dxEditors_edtTBSecondaryDHHover_HassanJameel,
.dxeFocused_HassanJameel .dxeTBHSys .dxeFocusedMDHSys .dxeTBMainDH_HassanJameel.dxEditors_edtTBMainDHHover_HassanJameel,
.dxeFocused_HassanJameel .dxeTBHSys .dxeFocusedSDHSys .dxeTBSecondaryDH_HassanJameel.dxEditors_edtTBSecondaryDHHover_HassanJameel,
.dxeFocused_HassanJameel .dxeTBVSys .dxeFocusedMDHSys .dxeTBMainDH_HassanJameel.dxEditors_edtTBMainDHHover_HassanJameel,
.dxeFocused_HassanJameel .dxeTBVSys .dxeFocusedSDHSys .dxeTBSecondaryDH_HassanJameel.dxEditors_edtTBSecondaryDHHover_HassanJameel
{
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.dxeTBHSys .dxeTBMainDH_HassanJameel.dxEditors_edtTBMainDHPressed_HassanJameel,
.dxeTBHSys .dxeTBSecondaryDH_HassanJameel.dxEditors_edtTBSecondaryDHPressed_HassanJameel,
.dxeTBVSys .dxeTBMainDH_HassanJameel.dxEditors_edtTBMainDHPressed_HassanJameel,
.dxeTBVSys .dxeTBSecondaryDH_HassanJameel.dxEditors_edtTBSecondaryDHPressed_HassanJameel,
.dxeFocused_HassanJameel .dxeTBHSys .dxeFocusedMDHSys .dxeTBMainDH_HassanJameel.dxEditors_edtTBMainDHPressed_HassanJameel,
.dxeFocused_HassanJameel .dxeTBHSys .dxeFocusedSDHSys .dxeTBSecondaryDH_HassanJameel.dxEditors_edtTBSecondaryDHPressed_HassanJameel,
.dxeFocused_HassanJameel .dxeTBVSys .dxeFocusedMDHSys .dxeTBMainDH_HassanJameel.dxEditors_edtTBMainDHPressed_HassanJameel,
.dxeFocused_HassanJameel .dxeTBVSys .dxeFocusedSDHSys .dxeTBSecondaryDH_HassanJameel.dxEditors_edtTBSecondaryDHPressed_HassanJameel
{
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.dxeFocused_HassanJameel .dxeTBHSys .dxeFocusedMDHSys .dxeTBMainDH_HassanJameel,
.dxeFocused_HassanJameel .dxeTBHSys .dxeFocusedSDHSys .dxeTBSecondaryDH_HassanJameel,
.dxeFocused_HassanJameel .dxeTBVSys .dxeFocusedMDHSys .dxeTBMainDH_HassanJameel,
.dxeFocused_HassanJameel .dxeTBVSys .dxeFocusedSDHSys .dxeTBSecondaryDH_HassanJameel
{
    border: 2px solid #FFFFFF;
}
.dxeTBMainDH_HassanJameel, .dxeTBSecondaryDH_HassanJameel
{
    border: 2px solid #959595;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -khtml-border-radius: 50%;
    background-color: #FFFFFF;
    z-index: 9;
}
.dxeTBVSys .dxeTBRBScaleSys .dxeTBTrack_HassanJameel, .dxeTBVSys .dxeTBTrack_HassanJameel
{
    left: 13px;
}
.dxeTBVSys .dxeTBLTScaleSys .dxeTBTrack_HassanJameel
{
    right: 13px;
    left: auto;
}
.dxeTBHSys .dxeTBLTScaleSys .dxeTBTrack_HassanJameel
{
    margin-top: 1px;
    bottom: 13px;
    top: auto;
}
.dxeTBHSys .dxeTBRBScaleSys .dxeTBTrack_HassanJameel,
.dxeTBHSys .dxeTBTrack_HassanJameel
{
    top: 14px;
}
.dxeTBBarHighlight_HassanJameel
{
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: 3;
}
.dxeTBHSys .dxeTBBarHighlight_HassanJameel
{
    background: #0072C6
;
}
.dxeTBVSys .dxeTBBarHighlight_HassanJameel
{
    background: #0072C6;
}
.dxeTBRBLabel_HassanJameel, .dxeTBLTLabel_HassanJameel
{
    text-align: center;
    color: #999999;
    cursor: default;
}
.dxeTBSmallTickSys .dxeTBRBLabel_HassanJameel, .dxeTBSmallTickSys .dxeTBLTLabel_HassanJameel,
.dxeTBLargeTickSys .dxeTBRBLabel_HassanJameel, .dxeTBLargeTickSys .dxeTBLTLabel_HassanJameel
{
    position: absolute;
}
.dxeTBHSys .dxeTBRBLabel_HassanJameel,
.dxeTBHSys .dxeTBLTLabel_HassanJameel
{
    width: 100%;
}
.dxeTrackBar_HassanJameel .dxeTBIncBtn_HassanJameel,
.dxeTrackBar_HassanJameel .dxeTBDecBtn_HassanJameel
{
    overflow: visible;
}
.dxeTBVSys .dxeTBRBLabel_HassanJameel,
.dxeTBVSys .dxeTBLTLabel_HassanJameel
{
    padding-top: 2px;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBRBLabel_HassanJameel
{
    margin-left: -4px;
}
.dxeTBVSys .dxeTBRBScaleSys .dxeTBRBLabel_HassanJameel,
.dxeTBVSys .dxeTBBScaleSys .dxeTBLTLabel_HassanJameel
{
    right: -4px;
}
.dxeTBVSys .dxeTBLTScaleSys .dxeTBLTLabel_HassanJameel,
.dxeTBVSys .dxeTBBScaleSys .dxeTBRBLabel_HassanJameel
{
    left: -4px;
}
.dxeTBHSys .dxeTBRBScaleSys .dxeTBRBLabel_HassanJameel,
.dxeTBHSys .dxeTBBScaleSys .dxeTBLTLabel_HassanJameel
{
    bottom: -1px;
}
.dxeTBHSys .dxeTBLTScaleSys .dxeTBLTLabel_HassanJameel,
.dxeTBHSys .dxeTBBScaleSys .dxeTBRBLabel_HassanJameel
{
    top: 1px;
}
.dxeTBItem_HassanJameel
{
    color: #8c8c8c;
}
.dxeTBHSys .dxeTBItem_HassanJameel .dxeTBRBLabel_HassanJameel,
.dxeTBHSys .dxeTBItem_HassanJameel .dxeTBLTLabel_HassanJameel
{
    display: inline-block;
    margin-left: 0px !important;
}
.dxeTBHSys .dxeTBRBScaleSys .dxeTBItem_HassanJameel .dxeTBRBLabel_HassanJameel
{
    padding-top: 17px;
}
.dxeTBHSys .dxeTBLTScaleSys .dxeTBItem_HassanJameel .dxeTBLTLabel_HassanJameel
{
    padding-top: 13px;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBItem_HassanJameel .dxeTBLTLabel_HassanJameel
{
    padding-top: 12px;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBItem_HassanJameel .dxeTBRBLabel_HassanJameel
{
    padding-top: 17px;
}
.dxeTBVSys .dxeTBRBScaleSys .dxeTBItem_HassanJameel .dxeTBRBLabel_HassanJameel
{
    margin-left: 5px;
}
.dxeTBSelectedItem_HassanJameel .dxeTBRBLabel_HassanJameel,
.dxeTBSelectedItem_HassanJameel .dxeTBLTLabel_HassanJameel,
.dxeTBSelectedTick_HassanJameel .dxeTBRBLabel_HassanJameel,
.dxeTBSelectedTick_HassanJameel .dxeTBLTLabel_HassanJameel
{
    color: #0072C6;
}
.dxeTBVSys .dxeTBLTScaleSys .dxeTBItem_HassanJameel
{
    text-align: left;
}
.dxeTBVSys .dxeTBRBScaleSys .dxeTBItem_HassanJameel
{
    text-align: right;
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBItem_HassanJameel
{
    text-align: center;
}
.dxeTBHSys .dxeTBItem_HassanJameel
{
    background-image: url('edtTrackBarLargeTickH.svg');
    background-size: 1px 20px;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBItem_HassanJameel
{
    background-image: url('edtTrackBarDoubleSmallTickH.svg');
    background-size: 1px 10px;
}
.dxeTBVSys .dxeTBItem_HassanJameel
{
    background-image: url('edtTrackBarLargeTickV.svg');
    background-size: 20px 1px;
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBItem_HassanJameel
{
    background-image: url('edtTrackBarDoubleSmallTickV.svg');
    background-size: 28px 1px;
}
.dxeTBHSys .dxeTBLargeTick_HassanJameel
{
    background-image: url('edtTrackBarLargeTickH.svg');
    background-size: 1px 20px;
}
.dxeTBVSys .dxeTBLargeTick_HassanJameel
{
    background-image: url('edtTrackBarLargeTickV.svg');
    background-size: 20px 1px;
}
.dxeTBHSys .dxeTBSmallTick_HassanJameel
{
    background-image: url('edtTrackBarSmallTickH.svg');
    background-size: 1px 10px;
}
.dxeTBVSys .dxeTBSmallTick_HassanJameel
{
    background-image: url('edtTrackBarSmallTickV.svg');
    background-size: 10px 1px;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBLargeTick_HassanJameel
{
    background-image: url('edtTrackBarDoubleLargeTickH.svg');
    background-size: 1px 47px;
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBLargeTick_HassanJameel
{
    background-image: url('edtTrackBarDoubleLargeTickV.svg');
    background-size: 47px 1px;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBSmallTick_HassanJameel
{
    background-image: url('edtTrackBarDoubleSmallTickH.svg');
    background-size: 1px 27px;
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBSmallTick_HassanJameel
{
    background-image: url('edtTrackBarDoubleSmallTickV.svg');
    background-size: 27px 1px;
}
.dxeTBVSys .dxeTBIncBtn_HassanJameel,
.dxeTBVSys .dxeReversedDirectionSys .dxeTBDecBtn_HassanJameel
{
    margin-top: 17px;
    bottom: 0;
    top: auto;
}
.dxeTBVSys .dxeTBDecBtn_HassanJameel,
.dxeTBVSys .dxeReversedDirectionSys .dxeTBIncBtn_HassanJameel
{
    margin-bottom: 17px;
    top: 0;
    bottom: auto;
}
.dxeTBHSys .dxeTBDecBtn_HassanJameel,
.dxeTBHSys .dxeTBHSys .dxeReversedDirectionSys .dxeTBIncBtn_HassanJameel
{
    margin-right: 16px;
    left: 0;
    right: auto;
}
.dxeTBHSys .dxeTBIncBtn_HassanJameel,
.dxeTBHSys .dxeReversedDirectionSys .dxeTBDecBtn_HassanJameel
{
    margin-left: 16px;
    right: 0;
    left: auto;
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBDecBtn_HassanJameel,
.dxeTBVSys .dxeTBBScaleSys .dxeTBIncBtn_HassanJameel
{
    margin-left: -14px;
    left: 50%;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBDecBtn_HassanJameel,
.dxeTBHSys .dxeTBBScaleSys .dxeTBIncBtn_HassanJameel
{
    margin-top: -14px;
    top: 50%;
}
.dxeTBVSys .dxeTBBScaleSys .dxeTBTrack_HassanJameel
{
    margin-left: 0px;
    left: 50%;
}
.dxeTBHSys .dxeTBBScaleSys .dxeTBTrack_HassanJameel
{
    margin-top: 0px;
    top: 50%;
}
.dxeTBVSys .dxeTBLTScaleSys .dxeTBDecBtn_HassanJameel,
.dxeTBVSys .dxeTBLTScaleSys .dxeTBIncBtn_HassanJameel
{
    right: 0px;
}
.dxeTBHSys .dxeTBLTScaleSys .dxeTBDecBtn_HassanJameel,
.dxeTBHSys .dxeTBLTScaleSys .dxeTBIncBtn_HassanJameel
{
    bottom: 0px;
}
.dxeHelpText_HassanJameel,
.dxeTBValueToolTip_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}
div.dxeHelpText_HassanJameel,
.dxeTBValueToolTip_HassanJameel
{
    padding: 3px 8px 4px 8px;
    display: inline;
    line-height: 18px;
    position: absolute;
    background: #FFFFFF;
    color: #FFFFFF;
    z-index: 41998;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
td.dxeHelpText_HassanJameel
{
    visibility: visible;
    color: #9F9F9F;
}
td.dxeHelpText_HassanJameel span
{
    font-size: 0.85em;
}
td.dxeHelpText_HassanJameel.dxeHHelpTextSys
{
    padding: 0 6px;
}
td.dxeHelpText_HassanJameel.dxeVHelpTextSys
{
    padding: 9px 0;
}
.dxeTrackBar_HassanJameel .dxeTBDecBtn_HassanJameel:not(.dx-acc)::before,
.dxeTrackBar_HassanJameel .dxeTBIncBtn_HassanJameel:not(.dx-acc)::before
{
    content: "dxRippleTargetExternal";
    display: none;
}
.dxeTrackBar_HassanJameel .dxeTBDecBtn_HassanJameel .dxRippleContainer,
.dxeTrackBar_HassanJameel .dxeTBIncBtn_HassanJameel .dxRippleContainer
{
    width: 50px !important;
    height: 50px !important;
    margin-top: -11px;
    margin-left: -11px;
}
.dxeTrackBar_HassanJameel .dxeTBDecBtn_HassanJameel .dxRipple,
.dxeTrackBar_HassanJameel .dxeTBIncBtn_HassanJameel .dxRipple
{
    background-color: rgba(255,255,255,0.3);
}
.dxAndroidMobilePlatform .dxeTrackBar_HassanJameel .dxeTBDecBtn_HassanJameel .dxRipple,
.dxMacOSMobilePlatform .dxeTrackBar_HassanJameel .dxeTBIncBtn_HassanJameel .dxRipple,
.dxAndroidMobilePlatform .dxeTrackBar_HassanJameel .dxeTBDecBtn_HassanJameel .dxRipple,
.dxMacOSMobilePlatform .dxeTrackBar_HassanJameel .dxeTBIncBtn_HassanJameel .dxRipple
{
    background-color: rgba(255,255,255,0.4);
}
/* Loading */
.dxlpLoadingPanel_HassanJameel,
.dxlpLoadingPanelWithContent_HassanJameel
{
    background-color: white;
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #484848;
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 8px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 8px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 8px 0 rgba(0,0,0,0.12);
}
.dxIE .dxlpLoadingPanel_HassanJameel,
.dxEdge .dxlpLoadingPanel_HassanJameel,
.dxIE .dxlpLoadingPanelWithContent_HassanJameel,
.dxEdge .dxlpLoadingPanelWithContent_HassanJameel
{
    border-spacing: 0;
    border-collapse: separate;
}
.dxlpLoadingPanel_HassanJameel td.dx,
.dxlpLoadingPanelWithContent_HassanJameel td.dx
{
    font-size: 1.17em;
    white-space: nowrap;
    text-align: center;
    padding: 10px 14px;
}
html.dxIE.dxBrowserVersion-9 .dxlpLoadingPanel_HassanJameel .dxlp-loadingImage,
html.dxIE.dxBrowserVersion-9 .dxlpLoadingPanelWithContent_HassanJameel .dxlp-loadingImage,
html.dxIE.dxBrowserVersion-9 .dxcaLoadingPanel_HassanJameel .dxlp-loadingImage,
html.dxIE.dxBrowserVersion-9 .dxeImage_HassanJameel.dxe-loadingImage
{
    background-image: url('../Web/Loading.gif');
    height: 32px;
    width: 32px;
    animation: none;
    border: none;
    border-radius: 0;
    background-repeat: no-repeat;
    background-position: center center;
}
.dxcaLoadingPanel_HassanJameel .dxlp-loadingImage,
.dxeImage_HassanJameel.dxe-loadingImage
{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    animation: dxLoadSpinSys 1s linear infinite;
    border: 4px solid #FFFFFF;
    border-top: 4px solid #EEE;
    width: 24px;
    height: 24px;
}
.dxeButtonEditSys .dxic .dxeLoadingDiv_HassanJameel
{
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.dxeButtonEditSys .dxic .dxeLoadingPanel_HassanJameel
{
    background-color: transparent !important;
    font-size: 0;
}
.dxeButtonEditSys .dxic .dxeLoadingPanel_HassanJameel td.dx
{
    padding: 0px !important;
}
.dxeButtonEditSys .dxic .dxeLoadingPanel_HassanJameel td.dx > span
{
    display: none;
}
.dxeButtonEditSys .dxic .dxeLoadingPanel_HassanJameel td.dx > img
{
    height: 15px;
    width: auto;
    vertical-align: middle;
}
.dxeBase_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #484848;
}
@keyframes radioFocusAnimation
{
    from
    {
        width: 0px;
        height: 0px;
        margin-left: 10px;
        margin-top: 10px;
    }
    to
    {
        margin-left: -8px;
        margin-top: -8px;
        width: 36px;
        height: 36px;
    }
}
.dxtv-ndChk.dxeIRBFocused_HassanJameel::after
{
    position: absolute;
}
.dxeListBoxItemSelected_HassanJameel .dxeIRBFocused_HassanJameel::after,
.dxgvFocusedRow_HassanJameel .dxeIRBFocused_HassanJameel::after
{
    background-color: rgba(255,255,255,0.18);
}
.dxEditors_edtRadioButtonUnchecked_HassanJameel.dxeIRBFocused_HassanJameel::after
{
    background-color: rgba(0,0,0,0.1);
}
.dxeIRBFocused_HassanJameel::after
{
    content: "";
    display: block;
    margin-left: -8px;
    margin-top: -8px;
    width: 36px;
    height: 36px;
    background-color: rgba(255,255,255,0.3);
    border-radius: 50%;
    animation: radioFocusAnimation 0.17s cubic-bezier(0.61, 0.08, 0.46, 0.71);
}
[dir='rtl'] .dxeIRBFocused_HassanJameel::after
{
    margin-right: -8px;
}
.dxeIRadioButton_HassanJameel.dxichSys:not(.dx-acc)::before
{
    content: "dxRippleTargetExternal" !important;
    display: none;
}
.dxeIRadioButton_HassanJameel .dxRippleContainer
{
    width: 50px !important;
    height: 50px !important;
    margin-top: -15px;
    margin-left: -15px;
}
.dxeIRadioButton_HassanJameel.dxEditors_edtRadioButtonChecked_HassanJameel .dxRipple
{
    background-color: rgba(255,255,255,0.3);
}
.dxeIRadioButton_HassanJameel.dxichSys.dxWeb_edtRadioButtonUnchecked_HassanJameel .dxRipple
{
    background-color: rgba(0,0,0,0.1);
}
.dxAndroidMobilePlatform .dxeIRadioButton_HassanJameel.dxEditors_edtRadioButtonChecked_HassanJameel .dxRipple,
.dxMacOSMobilePlatform .dxeIRadioButton_HassanJameel.dxEditors_edtRadioButtonChecked_HassanJameel .dxRipple
{
    background-color: rgba(255,255,255,0.4);
}
.dxAndroidMobilePlatform .dxeIRadioButton_HassanJameel.dxichSys.dxWeb_edtRadioButtonUnchecked_HassanJameel .dxRipple,
.dxMacOSMobilePlatform .dxeIRadioButton_HassanJameel.dxichSys.dxWeb_edtRadioButtonUnchecked_HassanJameel .dxRipple
{
    background-color: rgba(0,0,0,0.2);
}
.dxeBase_HassanJameel .dxichCellSys,
.dxeBase_HassanJameel.dxichCellSys
{
    padding: 8px 3px 6px;
}
.dxeBase_HassanJameel .dxichTextCellSys
{
    padding: 3px 0 1px;
}
.dxeTAR.dxeBase_HassanJameel .dxichTextCellSys,
.dxeTAL.dxeBase_HassanJameel[dir='rtl'] .dxichTextCellSys
{
    padding: 8px 3px 5px 8px;
}
.dxeTAL.dxeBase_HassanJameel .dxichTextCellSys,
.dxeTAR.dxeBase_HassanJameel[dir='rtl'] .dxichTextCellSys
{
    padding: 8px 8px 5px 3px;
}
span.dxeBase_HassanJameel.dxichCellSys.dxeTAR label,
span[dir='rtl'].dxeBase_HassanJameel.dxichCellSys.dxeTAL label,
.dx-acc-r span.dxeBase_HassanJameel.dxichCellSys.dxeTAR > span:not([id]),
.dx-acc-r span[dir='rtl'].dxeBase_HassanJameel.dxichCellSys.dxeTAL > span:not([id])
{
    padding: 6px 3px 5px 11px;
}
span.dxeBase_HassanJameel.dxichCellSys.dxeTAL label,
span[dir='rtl'].dxeBase_HassanJameel.dxichCellSys.dxeTAR label,
.dx-acc-r span.dxeBase_HassanJameel.dxichCellSys.dxeTAL > span:not([id]),
.dx-acc-r span[dir='rtl'].dxeBase_HassanJameel.dxichCellSys.dxeTAR > span:not([id])
{
    padding: 6px 11px 5px 3px;
}
/* -- ErrorFrame -- */
.dxeErrorCell_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: Red;
    border-color: black;
    padding-right: 12px;
    padding-left: 12px;
}
.dxeErrorCell_HassanJameel.dxeNoBorderTop,
.dxeErrorCell_HassanJameel.dxeNoBorderBottom
{
    padding-right: 0;
    padding-left: 0;
}
.dxeErrorCell_HassanJameel.dxeNoBorderBottom td > img
{
    margin-top: -2px;
}
.dxeErrorCell_HassanJameel.dxeNoBorderBottom
{
    padding-bottom: 4px;
}
.dxFirefox .dxeErrorCell_HassanJameel.dxeNoBorderTop,
.dxIE .dxeErrorCell_HassanJameel.dxeNoBorderTop
{
    padding-top: 5px;
}
.dxeErrorCell_HassanJameel.dxeNoBorderTop
{
    padding-top: 6px;
}
.dxeErrorCell_HassanJameel img,
.dxeErrorCell_HassanJameel .dx-acc-s
{
    margin-right: 8px;
}
.dxeErrorFrameWithoutError_HassanJameel
{
    border: 1px solid Red;
}
.dxeErrorFrameWithoutError_HassanJameel .dxeControlsCell_HassanJameel,
.dxeErrorFrameWithoutError_HassanJameel.dxeControlsCell_HassanJameel
{
    padding: 2px;
}
.dxeEditArea_HassanJameel
{
    border: 1px solid #A0A0A0;
}
.dxeEditArea_HassanJameel,
body input.dxeEditArea_HassanJameel
{
    color: #484848;
}
input[type="text"].dxeEditArea_HassanJameel,
input[type="password"].dxeEditArea_HassanJameel
{
    margin-top: 0;
    margin-bottom: 0;
}
.dxFirefox input[type="text"].dxeEditArea_HassanJameel,
.dxFirefox input[type="password"].dxeEditArea_HassanJameel
{
    margin-top: 0;
    margin-bottom: -1px;
}
noindex:-o-prefocus,
input[type="text"].dxeEditArea_HassanJameel,
input[type="password"].dxeEditArea_HassanJameel
{
    margin-top: 1px;
    margin-bottom: 0;
}
/* -- Binary Image -- */
.dxeBinaryImageButtonPanel_HassanJameel
{
    height: 36px;
}
.dxeBinaryImageButtonPanel_HassanJameel .dxeBinImgBtnShaderSys
{
    background-color: rgba(0,0,0,0.36);
}
.dxeBinaryImageButton_HassanJameel
{
    margin: 0 6px;
}
/* -- Buttons -- */
.dxFirefox .dxeTextBox_HassanJameel td.dxic,
.dxFirefox .dxeButtonEdit_HassanJameel td.dxic,
.dxFirefox .dxeButtonEdit_HassanJameel[cellspacing="0"] td.dxic
{
    padding: 6px 8px 7px 7px;
}
.dxeTextBox_HassanJameel td.dxic,
.dxeButtonEdit_HassanJameel td.dxic,
.dxeButtonEdit_HassanJameel[cellspacing="0"] td.dxic
{
    padding: 7px 8px 6px 7px;
}
.dxeButtonEditButton_HassanJameel,
.dxeCalendarButton_HassanJameel,
.dxeSpinIncButton_HassanJameel,
.dxeSpinDecButton_HassanJameel,
.dxeSpinLargeIncButton_HassanJameel,
.dxeSpinLargeDecButton_HassanJameel,
.dxeColorEditButton_HassanJameel
{
    background-color: white;
    background-image: none;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    border: none;
}
.dxeButtonEdit_HassanJameel
{
    background-color: white;
    border: 1px solid #DCDCDC;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    width: 170px;
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    border-collapse: separate;
    border-spacing: 0;
}
.dxeCalendarButton_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}
.dxeButtonEditButton_HassanJameel
{
    padding: 7px;
}
.dxeSpinIncButton_HassanJameel
{
    padding: 5px 12px 1px;
}
.dxeSpinDecButton_HassanJameel
{
    padding: 1px 12px 5px;
}
/* -- Hover -- */
.dxeButtonEditButtonHover_HassanJameel,
.dxeSpinIncButtonHover_HassanJameel,
.dxeSpinDecButtonHover_HassanJameel,
.dxeSpinLargeIncButtonHover_HassanJameel,
.dxeSpinLargeDecButtonHover_HassanJameel
{
    background-color: #FFFFFF;
    color: white !important;
}
.dxeCalendarButtonHover_HassanJameel
{
    color: #FFFFFF !important;
    background: #DDD;
    border-radius: 2px;
}
/* -- Pressed -- */
.dxeCalendarButtonPressed_HassanJameel,
.dxeButtonEditButtonPressed_HassanJameel,
.dxeSpinIncButtonPressed_HassanJameel,
.dxeSpinDecButtonPressed_HassanJameel,
.dxeSpinLargeIncButtonPressed_HassanJameel,
.dxeSpinLargeDecButtonPressed_HassanJameel,
.dxeColorEditButton_HassanJameel:active
{
    background-color: #FFFFFF;
    color: white;
}
.dxeColorEditButton_HassanJameel:active,
.dxeColorEditButton_HassanJameel:hover
{
    box-shadow: 0px 8px 16px 1.2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 8px 16px 1.2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 8px 16px 1.2px rgba(0,0,0,0.2);
}
input.dxeColorEditButton_HassanJameel:hover
{
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #FFFFFF !important;
    background: #DDDDDD;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    border-color: #DDDDDD !important;
}
.dxeCalendarButtonPressed_HassanJameel
{
    color: #FFFFFF !important;
    background: #DDD;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
.dxHideContent.dxeButtonEditClearButton_HassanJameel
{
    cursor: default;
}
.dxeSpinLargeIncButton_HassanJameel
{
    padding: 10px 5px 11px 3px;
}
.dxeSpinLargeDecButton_HassanJameel
{
    padding: 10px 2px 11px 6px;
}
.dxeColorEditButton_HassanJameel
{
    background-color: #FFFFFF;
    padding: 8px 17px 10px 17px;
    color: #FFFFFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.dxeCalendarButton_HassanJameel,
input.dxeColorEditButton_HassanJameel
{
    background-color: white;
    box-shadow: none;
    border: none;
    padding: 8px 11px 7px;
    min-width: 37px;
    text-align: center;
    white-space: nowrap;
    color: #484848;
    text-transform: uppercase;
    font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    font-size: 1em;
}
.dxeCalendarButton_HassanJameel.dxeButtonDisabled_HassanJameel,
.dxeColorEditButton_HassanJameel.dxeButtonDisabled_HassanJameel
{
    opacity: 0.73;
}
.dxeButtonEditButton_HassanJameel.dxeButtonEditClearButton_HassanJameel,
.dxeButtonEditButton_HassanJameel.dxeButtonEditClearButton_HassanJameel:hover
{
    background: none;
    border-width: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.dxeButtonEditClearButton_HassanJameel img
{
    vertical-align: baseline;
}
.dxeButtonEditButton_HassanJameel::before
{
    content: "dxRippleTargetExternal";
    display: none;
}
.dxeButtonEditButton_HassanJameel .dxRippleContainer
{
    padding: 15px;
    margin-left: -15px;
    margin-top: -15px;
}
.dxeButtonEditButton_HassanJameel .dxRippleContainer .dxRipple
{
    background-color: rgba(0,0,0,0.1);
}
.dxeButtonEditButton_HassanJameel .dxEditors_edtDropDown_HassanJameel + .dxRippleContainer .dxRipple
{
    background-color: rgba(255,255,255,0.3);
}
.dxAndroidMobilePlatform .dxeButtonEditButton_HassanJameel .dxRippleContainer .dxRipple,
.dxMacOSMobilePlatform .dxeButtonEditButton_HassanJameel .dxRippleContainer .dxRipple
{
    background-color: rgba(0,0,0,0.2);
}
.dxAndroidMobilePlatform .dxeButtonEditButton_HassanJameel .dxEditors_edtDropDown_HassanJameel + .dxRippleContainer .dxRipple,
.dxMacOSMobilePlatform .dxeButtonEditButton_HassanJameel .dxEditors_edtDropDown_HassanJameel + .dxRippleContainer .dxRipple
{
    background-color: rgba(255,255,255,0.4);
}
.dxeButtonEdit_HassanJameel .dxeEditArea_HassanJameel
{
    background-color: white;
}
.dxeButtonEdit_HassanJameel .dxeEditArea_HassanJameel,
.dxeButtonEdit_HassanJameel td.dxic
{
    width: 100%;
}
.dxeButtonEdit_HassanJameel .dxeIIC img
{
    padding-left: 3px;
}
.dxeTextBox_HassanJameel
{
    background-color: white;
    border: 1px solid #DCDCDC;
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
.dxeTextBox_HassanJameel .dxeEditArea_HassanJameel
{
    background-color: white;
}
.dxeRadioButtonList_HassanJameel, .dxeCheckBoxList_HassanJameel
{
    border: 1px solid #DCDCDC;
}
.dxeCheckBoxList_HassanJameel .dxe > table,
.dxeRadioButtonList_HassanJameel .dxe > table
{
    width: 100%;
}
.dxeRadioButtonList_HassanJameel,
.dxeCheckBoxList_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}
.dxeRadioButtonList_HassanJameel td.dxe,
.dxeCheckBoxList_HassanJameel td.dxe
{
    padding: 8px 17px 9px 11px;
}
.dxeRadioButtonList_HassanJameel[dir='rtl'] td.dxe,
.dxeCheckBoxList_HassanJameel[dir='rtl'] td.dxe
{
    padding: 8px 11px 9px 17px;
}
/* -- Memo -- */
.dxeMemo_HassanJameel
{
    background-color: white;
    border: 1px solid #DCDCDC;
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
.dxFirefox .dxeMemo_HassanJameel .dxeMemoEditArea_HassanJameel,
.dxeMemo_HassanJameel .dxeMemoEditArea_HassanJameel
{
    padding: 7px 4px 0px 7px;
    background-color: white;
    outline: none;
    color: #484848;
}
.dxFirefox .dxeMemo_HassanJameel .dxeMemoEditArea_HassanJameel.dxeDisabled_HassanJameel,
.dxeMemo_HassanJameel .dxeMemoEditArea_HassanJameel.dxeDisabled_HassanJameel
{
    color: #bbbbbb;
}
/* -- Hyperlink -- */
.dxeHyperlink_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #0072C6;
    text-decoration: none;
}
.dxeHyperlink_HassanJameel:visited
{
    color: #525252;
}
.dxeHyperlink_HassanJameel:hover
{
    text-decoration: underline;
}
/* -- ListBox -- */
.dxeListBox_HassanJameel
{
    background-color: white;
    width: 70px;
    height: 109px;
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #484848;
    border: 1px solid #DCDCDC;
}
.dxeListBox_HassanJameel div.dxlbd
{
    padding-top: 1px;
    padding-bottom: 1px;
    height: 107px;
}
.dxeListBoxFilter_HassanJameel
{
    padding: 6px;
    border-bottom: 1px solid #DCDCDC;
    background-color: #EEEEEE;
}
.dxeListBox_HassanJameel .dxeListBoxFilter_HassanJameel .dxeLBFEButtonSys,
.dxeListBox_HassanJameel .dxeListBoxFilter_HassanJameel .dxeLBShowFilterBtnSys
{
    background: none;
    border: none;
}
.dxeListBox_HassanJameel .dxeListBoxFilter_HassanJameel .dxeLBFEButtonSys
{
    background-color: transparent;
}
.dxeListBox_HassanJameel .dxeListBoxFilter_HassanJameel .dxeLBShowFilterBtnSys
{
    background-color: white;
}
.dxeListBox_HassanJameel .dxeListBoxFilter_HassanJameel .dxeButtonEditSys,
.dxeListBox_HassanJameel .dxeListBoxFilter_HassanJameel .dxeButtonEditSys .dxeEditAreaSys
{
    background-color: #EEEEEE;
    border-color: transparent;
}
.dxeListBox_HassanJameel .dxeListBoxFilter_HassanJameel .dxeLBShowFilterBtnSys
{
    width: auto;
    border-radius: 0;
    box-shadow: none;
}
.dxeListBox_HassanJameel .dxeListBoxFilter_HassanJameel .dxeLBShowFilterBtnSys .dxb
{
    padding: 0 12px;
}
.dxeListBox_HassanJameel .dxeListBoxFilter_HassanJameel .dxeLBShowFilterBtnSys.dxbButtonHover_HassanJameel
{
    background-color: #EEE;
}
.dxeListBox_HassanJameel.dx-acc-r .dxeListBoxFilter_HassanJameel .dxeLBShowFilterBtnSys .dxbf
{
    border-color: #FFFFFF;
}
.dxeListBox_HassanJameel .dxeListBoxFilter_HassanJameel .dxeLBFEButtonSys img
{
    margin-bottom: -2px;
}
.dxeListBox_HassanJameel .dxeListBoxFilter_HassanJameel .dxeLBShowFilterBtnSys img
{
    margin-top: 2px;
}
.dxeListBox_HassanJameel > tbody > tr > td > .dxeListBoxSelectAll_HassanJameel
{
    padding: 2px 0 4px 9px;
    border-bottom: 1px solid #DCDCDC;
    cursor: default;
    white-space: nowrap;
}
.dxeListBox_HassanJameel > tbody > tr > td > .dxeListBoxSelectAllHover_HassanJameel
{
    background-color: rgba(72,72,72,0.05);
}
.dxeListBox_HassanJameel > tbody > tr > td > .dxeListBoxSelectAllHover_HassanJameel .dxeBase_HassanJameel
{
    color: #484848;
}
*[dir="rtl"].dxeListBox_HassanJameel > tbody > tr > td > .dxeListBoxSelectAll_HassanJameel
{
    padding: 2px 9px 4px 0;
}
.dxeListBox_HassanJameel > tbody > tr > td > .dxeListBoxSelectAll_HassanJameel .dxichCellSys
{
    padding-left: 3px;
    padding-right: 4px;
}
*[dir="rtl"].dxeListBox_HassanJameel > tbody > tr > td > .dxeListBoxSelectAll_HassanJameel .dxichCellSys
{
    padding-left: 3px;
    padding-right: 3px;
}
.dxeListBox_HassanJameel .dxeHCC .dxeListBoxSelectAll_HassanJameel .dxichSys,
.dxeListBox_HassanJameel .dxeHCCR .dxeListBoxSelectAll_HassanJameel .dxichSys
{
    margin: 0;
}
.dxeListBox_HassanJameel .dxeHCCR .dxeListBoxSelectAll_HassanJameel .dxichCellSys
{
    padding: 2px 2px 2px 0;
}
.dxeListBox_HassanJameel .dxeHCCR .dxeListBoxSelectAll_HassanJameel input[type="checkbox"]
{
    margin: 3px 2px 3px 5px;
}
.dxeListBox_HassanJameel .dxeC input[type="checkbox"]
{
    margin-left: 4px !important;
    margin-right: 3px !important;
}
*[dir="rtl"].dxeListBox_HassanJameel .dxeCR input[type="checkbox"]
{
    margin-left: 3px !important;
    margin-right: 4px !important;
}
.dxeListBox_HassanJameel > tbody > tr > td > .dxeListBoxSelectAll_HassanJameel input[type="checkbox"]
{
    margin-left: 5px;
    margin-right: 6px;
    margin-top: 7px;
}
*[dir="rtl"].dxeListBox_HassanJameel > tbody > tr > td > .dxeListBoxSelectAll_HassanJameel input[type="checkbox"]
{
    margin-left: 5px;
    margin-right: 5px;
}
.dxeDisabled_HassanJameel .dxeListBoxSelectAll_HassanJameel .dxeBase_HassanJameel
{
    color: #bbbbbb;
}
.dxeListBoxItemRow_HassanJameel
{
    cursor: default;
}
.dxeListBoxItem_HassanJameel
{
    padding: 8px 10px 7px;
    white-space: nowrap;
    text-align: left;
}
.dxeListBoxItem_HassanJameel em
{
    background: #CFCFCF none repeat 0 0;
    color: #484848;
    font-weight: bold;
    font-style: normal;
}
.dxeListBox_HassanJameel td.dxeI,
.dxeListBox_HassanJameel td.dxeIM,
.dxeListBox_HassanJameel .dxeHIC,
.dxeListBox_HassanJameel td.dxeFTM,
.dxeListBox_HassanJameel td.dxeTM,
.dxeListBox_HassanJameel td.dxeC,
.dxeListBox_HassanJameel td.dxeCM,
.dxeListBox_HassanJameel td.dxeHCC,
.dxeListBox_HassanJameel td.dxeMI,
.dxeListBox_HassanJameel td.dxeMIM
{
    border-right-width: 0 !important;
}
.dxeListBox_HassanJameel td.dxeIR,
.dxeListBox_HassanJameel td.dxeIMR,
.dxeListBox_HassanJameel .dxeHICR,
.dxeListBox_HassanJameel td.dxeFTMR,
.dxeListBox_HassanJameel td.dxeTMR,
.dxeListBox_HassanJameel td.dxeCR,
.dxeListBox_HassanJameel td.dxeCMR,
.dxeListBox_HassanJameel td.dxeHCCR,
.dxeListBox_HassanJameel td.dxeMIR,
.dxeListBox_HassanJameel td.dxeMIMR
{
    border-left-width: 0 !important;
}
.dxeListBox_HassanJameel td.dxeCM,
.dxeListBox_HassanJameel td.dxeHCC,
.dxeListBox_HassanJameel td.dxeCMR,
.dxeListBox_HassanJameel td.dxeHCCR
{
    width: 43px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.dxeListBox_HassanJameel .dxeListBoxEllipsisSys td.dxeC,
.dxeListBox_HassanJameel .dxeListBoxEllipsisSys td.dxeCR
{
    width: 23px;
}
.dxeListBox_HassanJameel td.dxeIM,
.dxeListBox_HassanJameel td.dxeIMR
{
    width: 0;
}
.dxeListBox_HassanJameel td.dxeC > span,
.dxeListBox_HassanJameel td.dxeCM > span
{
    margin: 2px 2px 2px 3px;
}
.dxeListBox_HassanJameel td.dxeCR > span,
.dxeListBox_HassanJameel td.dxeCMR > span
{
    margin: 2px 3px 2px 2px;
}
.dxeListBox_HassanJameel td.dxeC
{
    padding-right: 10px !important;
}
.dxeListBox_HassanJameel td.dxeCR
{
    padding-left: 10px !important;
}
.dxeListBox_HassanJameel td.dxeT
{
    width: 100%;
    padding-left: 0 !important;
}
.dxeListBox_HassanJameel td.dxeTR
{
    width: 100%;
    padding-right: 0 !important;
}
.dxeListBox_HassanJameel td.dxeT,
.dxeListBox_HassanJameel td.dxeMI
{
    border-left-width: 0 !important;
}
.dxeListBox_HassanJameel td.dxeTR,
.dxeListBox_HassanJameel td.dxeMIR
{
    border-right-width: 0 !important;
}
.dxeListBox_HassanJameel td.dxeFTM,
.dxeListBox_HassanJameel td.dxeTM,
.dxeListBox_HassanJameel td.dxeLTM,
.dxeListBox_HassanJameel .dxeHFC,
.dxeListBox_HassanJameel .dxeHC,
.dxeListBox_HassanJameel .dxeHLC,
.dxeListBox_HassanJameel td.dxeFTMR,
.dxeListBox_HassanJameel td.dxeTMR,
.dxeListBox_HassanJameel td.dxeLTMR,
.dxeListBox_HassanJameel .dxeHFCR,
.dxeListBox_HassanJameel .dxeHCR,
.dxeListBox_HassanJameel .dxeHLCR
{
    overflow: hidden;
}
.dxeListBox_HassanJameel td.dxeFTM.dxeLTM
{
    border-left-width: 0 !important;
}
.dxeListBox_HassanJameel td.dxeFTM,
.dxeListBox_HassanJameel td.dxeTM,
.dxeListBox_HassanJameel .dxeHFC,
.dxeListBox_HassanJameel .dxeHC
{
    padding-right: 6px !important;
}
.dxeListBox_HassanJameel td.dxeFTMR,
.dxeListBox_HassanJameel td.dxeTMR,
.dxeListBox_HassanJameel .dxeHFCR,
.dxeListBox_HassanJameel .dxeHCR
{
    padding-left: 6px !important;
}
.dxeListBox_HassanJameel td.dxeLTM,
.dxeListBox_HassanJameel td.dxeTM,
.dxeListBox_HassanJameel .dxeHC,
.dxeListBox_HassanJameel .dxeHLC
{
    padding-left: 6px !important;
}
.dxeListBox_HassanJameel td.dxeLTMR,
.dxeListBox_HassanJameel td.dxeTMR,
.dxeListBox_HassanJameel .dxeHCR,
.dxeListBox_HassanJameel .dxeHLCR
{
    padding-right: 6px !important;
}
/* Ripple */
.dxeListBox_HassanJameel .dxlbd .dxeListBoxItemRow_HassanJameel::before,
.dxeListBox_HassanJameel .dxeListBoxSelectAll_HassanJameel::before,
.dxeListBox_HassanJameel .dxeHCCSA::before
{
    content: "dxRippleTarget";
    display: none;
}
.dxeListBox_HassanJameel .dxlbd .dxeListBoxItemRow_HassanJameel .dxeListBoxItemSelected_HassanJameel + .dxRippleContainer .dxRipple
{
    background-color: rgba(255,255,255,0.85);
}
.dxeListBox_HassanJameel .dxlbd .dxeListBoxItemRow_HassanJameel .dxRipple,
.dxeListBox_HassanJameel .dxeListBoxSelectAll_HassanJameel .dxRipple,
.dxeListBox_HassanJameel .dxeHCCSA .dxRipple
{
    background-color: rgba(255,255,255,0.85);
}
.dxeListBoxItemRow_HassanJameel.dx-ar > .dxeListBoxItem_HassanJameel,
.dxeListBoxItemRow_HassanJameel.dx-al > .dxeListBoxItem_HassanJameel
{
    float: inherit;
}
/*Grid lines*/
.dxeListBox_HassanJameel td.dxeLTM,
.dxeListBox_HassanJameel td.dxeTM,
.dxeListBox_HassanJameel td.dxeMIM
{
    border-left: 1px solid #cfcfcf !important;
}
.dxeListBox_HassanJameel td.dxeLTMR,
.dxeListBox_HassanJameel td.dxeTMR,
.dxeListBox_HassanJameel td.dxeMIMR
{
    border-right: 1px solid #cfcfcf !important;
}
.dxeListBox_HassanJameel td.dxeIM,
.dxeListBox_HassanJameel td.dxeFTM,
.dxeListBox_HassanJameel td.dxeTM,
.dxeListBox_HassanJameel td.dxeLTM,
.dxeListBox_HassanJameel td.dxeCM,
.dxeListBox_HassanJameel td.dxeMIM,
.dxeListBox_HassanJameel td.dxeIMR,
.dxeListBox_HassanJameel td.dxeFTMR,
.dxeListBox_HassanJameel td.dxeTMR,
.dxeListBox_HassanJameel td.dxeLTMR,
.dxeListBox_HassanJameel td.dxeCMR,
.dxeListBox_HassanJameel td.dxeMIMR
{
    border-bottom: 1px solid #cfcfcf;
}
.dxeListBoxItemSelected_HassanJameel
{
    color: #484848;
    background-color: rgba(72,72,72,0.1);
}
.dxeListBoxItemHover_HassanJameel
{
    color: #484848;
    background-color: rgba(72,72,72,0.05);
}
.dxeListBoxItemHover_HassanJameel.dxeListBoxItemSelected_HassanJameel
{
    color: #484848;
    background-color: rgba(72,72,72,0.2);
}
.dxeDisabled_HassanJameel.dxeListBox_HassanJameel .dxeListBoxItemSelected_HassanJameel
{
    background-color: #DDDDDD;
}
.dxeListBoxWithCustAppearanceSys .dxeListBoxItemSelected_HassanJameel
{
    color: #484848 !important;
    background-color: rgba(72,72,72,0.1) !important;
}
.dxeListBoxWithCustAppearanceSys .dxeListBoxItem_HassanJameel.dxeDisabled_HassanJameel
{
    color: #bbbbbb !important;
}
.dxeListBoxWithCustAppearanceSys .dxeListBoxItemHover_HassanJameel.dxeListBoxItemSelected_HassanJameel
{
    color: #484848 !important;
    background-color: rgba(72,72,72,0.2) !important;
}
.dxeListBoxWithCustAppearanceSys .dxeListBoxItemHover_HassanJameel
{
    color: #484848 !important;
    background-color: rgba(72,72,72,0.05) !important;
}
.dxeListBoxItemHover_HassanJameel em,
.dxeListBoxItemSelected_HassanJameel em
{
    background-image: none;
}
/*Header*/
.dxeListBox_HassanJameel .dxeHD
{
    border-bottom: 1px solid #DCDCDC;
    color: #8d8d8d;
}
.dxeListBox_HassanJameel .dxeHC,
.dxeListBox_HassanJameel .dxeHLC,
.dxeListBox_HassanJameel td.dxeHMIC
{
    border-left: 1px solid #DCDCDC;
}
.dxeListBox_HassanJameel .dxeHCR,
.dxeListBox_HassanJameel .dxeHLCR,
.dxeListBox_HassanJameel td.dxeHMICR
{
    border-right: 1px solid #A0A0A0;
    text-align: right;
}
.dxeListBox_HassanJameel .dxeHICR,
.dxeListBox_HassanJameel .dxeHFCR,
.dxeListBox_HassanJameel .dxeHCCR
{
    border-right: 1px solid #DCDCDC;
    text-align: right;
}
.dxeListBox_HassanJameel .dxeHFC,
.dxeListBox_HassanJameel .dxeHC,
.dxeListBox_HassanJameel .dxeHMIC
{
    border-right-width: 0;
}
.dxeListBox_HassanJameel .dxeHFCR,
.dxeListBox_HassanJameel .dxeHCR,
.dxeListBox_HassanJameel .dxeHMICR
{
    border-left-width: 0;
    text-align: right;
}
.dxeListBox_HassanJameel .dxeHLC,
.dxeListBox_HassanJameel .dxeLTM
{
    border-right: 1px solid #DCDCDC;
}
.dxeListBox_HassanJameel .dxeHLCR
{
    border-left: 1px solid #DCDCDC;
    text-align: right;
}
/* -- Calendar -- */
.dxeCalendar_HassanJameel
{
    background-color: White;
    color: #484848;
    font-weight: normal;
    font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    cursor: default;
    border: 1px solid #D9D9D9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    border-collapse: separate;
}
.dxeCalendarFooter_HassanJameel
{
    border-top: 1px solid #EAEAEA;
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr > td:first-child,
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > div.dxAC > div > table > tbody > tr > td:first-child
{
    font-size: 0.75em;
    text-align: right;
    padding: 15px 9px 15px 10px;
    color: #A1A1A1;
    background-color: #F1F1F1;
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr > td:nth-child(2)
{
    border-left: 6px solid transparent;
    background-clip: padding-box;
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table
{
    padding-right: 5px;
}
.dxeCalendar_HassanJameel td.dxMonthGrid > table
{
    padding-right: 9px;
    padding-left: 9px;
}
.dxeCalendar_HassanJameel td.dxMonthGrid_HassanJameel
{
    padding: 8px 20px;
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers,
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbersRtl
{
    min-width: 244px;
}
.dxeCalendarDayHeader_HassanJameel
{
    padding: 20px 4px 10px;
    font-size: 0.86em;
    text-transform: uppercase;
}
.dxeCalendarWeekNumber_HassanJameel
{
    font-size: 0.75em;
    text-align: right;
    padding: 15px 9px 15px 10px;
    color: #A1A1A1;
    background-color: #F1F1F1;
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td,
.dxeCalendar_HassanJameel td.dxMonthGrid > table > tbody > tr:last-child > td
{
    padding-bottom: 12px;
}
.dxIE.dxBrowserVersion-10 .dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td,
.dxIE.dxBrowserVersion-10 .dxeCalendar_HassanJameel td.dxMonthGrid > table > tbody > tr:last-child > td
{
    background-repeat: no-repeat;
    background-position: center -5px;
    background-size: 40px 58px;
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td:first-child
{
    padding-bottom: 12px;
}
.dxeCalendarWeekend_HassanJameel
{
    color: #FF3300;
}
.dxeCalendarOtherMonth_HassanJameel,
.dxeCalendarFastNavItem_HassanJameel.dxeCalendarFastNavItemOtherPeriod_HassanJameel
{
    opacity: 0.3;
}
.dxeCalendarOutOfRange_HassanJameel,
.dxeCalendarFastNavItem_HassanJameel.dxeCalendarOutOfRange_HassanJameel
{
    color: #d0d0d0;
}
.dxeCalendarDayDisabled_HassanJameel,
.dxeCalendarFastNavItem_HassanJameel.dxeCalendarDayDisabled_HassanJameel
{
    opacity: 1.0;
    background-color: #fcfcfc;
    color: #ececec !important;
}
.dxeCalendarDay_HassanJameel
{
    padding: 12px;
    text-align: center;
}
.dxeCalendarSelected_HassanJameel.dxeDayInRange,
.dxeCalendarDay_HassanJameel.dxeCalendarHover_HassanJameel:not(.dxeCalendarOutOfRange_HassanJameel):not(.dxeCalendarDayDisabled_HassanJameel):not(.dxeCalendarSelected_HassanJameel)
{
    color: #484848;
}
.dxeCalendarSelected_HassanJameel
{
    color: white;
}
.dxeCalendarSelected_HassanJameel,
.dxeCalendarHover_HassanJameel,
.dxeCalendarDay_HassanJameel.dxeCalendarToday_HassanJameel
{
    background-repeat: no-repeat;
    background-position: center 3px;
    background-size: 40px 40px;
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr > td:nth-child(2).dxeCalendarSelected_HassanJameel,
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr > td:nth-child(2).dxeCalendarToday_HassanJameel
{
    background-position: center 3px;
}
.dxeCalendar_HassanJameel td.dxMonthGrid > table > tbody > tr > td:nth-child(1).dxeCalendarSelected_HassanJameel,
.dxeCalendar_HassanJameel td.dxMonthGrid > table > tbody > tr > td:nth-child(1).dxeCalendarToday_HassanJameel
{
    background-position: center 2px !important;
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td.dxeCalendarWeekNumber_HassanJameel + .dxeCalendarSelected_HassanJameel,
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td.dxeCalendarWeekNumber_HassanJameel + .dxeCalendarToday_HassanJameel,
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td.dxeCalendarSelected_HassanJameel,
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td.dxeCalendarToday_HassanJameel
{
    background-position: center 3px;
}
.dxeCalendarFastNavItem_HassanJameel
{
    background-color: #ebebeb;
    outline: 1px white solid;
}
td.dxeCalendarFastNavItemArea_HassanJameel td.dxeCalendarFastNavItem_HassanJameel
{
    width: 25%;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.dxeCalendarFastNavItem_HassanJameel.dxeCalendarFastNavItemHover_HassanJameel:not(.dxeCalendarOutOfRange_HassanJameel):not(.dxeCalendarDayDisabled_HassanJameel):not(.dxeCalendarFastNavItemSelected_HassanJameel),
.dxeCalendarFastNavMonth_HassanJameel.dxeCalendarFastNavMonthHover_HassanJameel,
.dxeCalendarFastNavYear_HassanJameel.dxeCalendarFastNavYearHover_HassanJameel
{
    background-color: #b8b8b8;
    color: black;
}
.dxeCalendarFastNavItem_HassanJameel.dxeCalendarFastNavItemSelected_HassanJameel,
.dxeCalendarFastNavMonth_HassanJameel.dxeCalendarFastNavMonthSelected_HassanJameel,
.dxeCalendarFastNavYear_HassanJameel.dxeCalendarFastNavYearSelected_HassanJameel
{
    background-color: #FFFFFF;
    color: white;
}
.dxeCalendarFastNavItem_HassanJameel.dxeCalendarFastNavItemSelected_HassanJameel,
.dxeCalendarFastNavItem_HassanJameel.dxeCalendarFastNavItemOtherPeriod_HassanJameel.dxeCalendarFastNavItemSelected_HassanJameel
{
    color: white;
}
.dxeCalendarFastNavItem_HassanJameel.dxeCalendarToday_HassanJameel
{
    box-shadow: inset 0 0 0 2px #b8b8b8;
}
.dxeCalendarFastNavItem_HassanJameel.dxeCalendarFastNavItemSelected_HassanJameel.dxeCalendarToday_HassanJameel
{
    box-shadow: inset 0 0 0 2px #525252;
}
.dxeDayInRange.dxeCalendarFastNavItem_HassanJameel.dxeCalendarFastNavItemSelected_HassanJameel
{
    background-color: #b8b8b8;
    color: black;
}
.dxeDayInRange.dxeCalendarFastNavItem_HassanJameel.dxeCalendarFastNavItemSelected_HassanJameel.dxeCalendarToday_HassanJameel,
.dxeCalendarToday_HassanJameel.dxeCalendarFastNavItem_HassanJameel.dxeCalendarFastNavItemHover_HassanJameel:not(.dxeCalendarOutOfRange_HassanJameel):not(.dxeCalendarDayDisabled_HassanJameel):not(.dxeCalendarFastNavItemSelected_HassanJameel)
{
    box-shadow: inset 0 0 0 2px #858585;
}
.dxeCalendarDay_HassanJameel.dxeCalendarHover_HassanJameel:not(.dxeCalendarOutOfRange_HassanJameel):not(.dxeCalendarDayDisabled_HassanJameel):not(.dxeCalendarSelected_HassanJameel)
{
    background-color: #b8b8b8;
    color: black;
}
.dxeCalendarDay_HassanJameel.dxeCalendarSelected_HassanJameel
{
    background-color: #FFFFFF;
    color: white;
}
.dxeCalendarDay_HassanJameel.dxeCalendarToday_HassanJameel
{
    box-shadow: inset 0 0 0 1px #b8b8b8;
}
.dxeCalendarDay_HassanJameel.dxeCalendarSelected_HassanJameel.dxeCalendarToday_HassanJameel
{
    box-shadow: inset 0 0 0 1px #525252;
}
.dxeDayInRange.dxeCalendarSelected_HassanJameel
{
    background-color: #b8b8b8;
    color: black;
}
.dxeDayInRange.dxeCalendarSelected_HassanJameel.dxeCalendarToday_HassanJameel,
.dxeCalendarToday_HassanJameel.dxeCalendarDay_HassanJameel.dxeCalendarHover_HassanJameel:not(.dxeCalendarOutOfRange_HassanJameel):not(.dxeCalendarDayDisabled_HassanJameel):not(.dxeCalendarSelected_HassanJameel)
{
    box-shadow: inset 0 0 0 1px #858585;
}
.dxeCalendarDay_HassanJameel.dxeCalendarHover_HassanJameel:not(.dxeCalendarOutOfRange_HassanJameel):not(.dxeCalendarDayDisabled_HassanJameel):not(.dxeCalendarSelected_HassanJameel),
.dxeCalendarFastNavItem_HassanJameel.dxeCalendarFastNavItemHover_HassanJameel:not(.dxeCalendarOutOfRange_HassanJameel):not(.dxeCalendarDayDisabled_HassanJameel):not(.dxeCalendarFastNavItemSelected_HassanJameel),
.dxeCalendarSelected_HassanJameel.dxeCalendarOtherMonth_HassanJameel,
.dxeCalendarFastNavItemSelected_HassanJameel.dxeCalendarFastNavItemOtherPeriod_HassanJameel
{
    opacity: 1.0;
}
.dxeCalendarSelected_HassanJameel.dxeDisabled_HassanJameel
{
    background-color: #ffd5a6;
}
.dxeCalendarHeader_HassanJameel
{
    background-color: #FFFFFF;
    color: #0072C6;
    font-size: 1.15em;
    padding: 8px 8px 8px 8px;
    margin: 10px;
    text-transform: uppercase;
}
.dxeCalendarHeader_HassanJameel td.dxe
{
    text-align: center;
    cursor: pointer;
}
.dxeCalendarHeader_HassanJameel .dxeCHS
{
    min-width: 10px;
    *width: 10px;
}
.dxeCalendarHeader_HassanJameel span
{
    padding: 0 16px;
    white-space: nowrap !important;
}
.dxeCalendarFooter_HassanJameel
{
    padding: 8px 0;
    text-align: right;
}
.dxeCalendarFooter_HassanJameel > button + button
{
    margin-left: 8px;
}
.dxeCalendar_HassanJameel .dxeCalendarFooter_HassanJameel.dx-ac > *
{
    margin: 0 0 0 auto;
}
.dxeCalendar_HassanJameel:not([dir='rtl']) .dxeCalendarFooter_HassanJameel
{
    padding-right: 13px;
}
.dxeCalendar_HassanJameel[dir='rtl'] .dxeCalendarFooter_HassanJameel
{
    padding-left: 13px;
}
.dxeCalendar_HassanJameel.dxeFocused_HassanJameel .dxeCalendarFooter_HassanJameel
{
    border-color: #FFFFFF;
}
.dxeCalendarFastNav_HassanJameel
{
    color: Black;
    background: White none;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    padding: 12px 8px;
}
.dxFastNavGrid .dxeCalendarFastNav_HassanJameel
{
    background-color: transparent;
    border: none;
    padding: 0px;
}
.dxeCalendar_HassanJameel .dxYCVisibleByDefault
{
    width: 260px;
    height: 200px;
}
.dxeCalendarFastNavMonthArea_HassanJameel
{
    padding: 0px 9px;
}
.dxeCalendarFastNavItemArea_HassanJameel
{
    padding: 9px;
}
.dxeCalendarFastNavYearArea_HassanJameel
{
    padding-top: 8px;
}
.dxeCalendarFastNavHeader_HassanJameel
{
    color: #666666;
    background-color: #F1F1F1;
    padding: 8px;
    text-align: center;
    cursor: pointer;
}
.dxeCalendarFastNavHeader_HassanJameel > table > tbody > tr > td:last-child
{
    padding: 0 12px 0 0;
}
*[dir="rtl"].dxeCalendar .dxeCalendarFastNavHeader_HassanJameel > table > tbody > tr > td:last-child
{
    padding: 0 0 0 12px;
}
.dxeCalendarFastNavFooter_HassanJameel
{
    color: Black;
    padding: 8px 0px;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    background-color: white;
}
.dxeCalendarFastNavFooter_HassanJameel .dxeCFNFS
{
    min-width: 11px;
    *width: 11px;
}
.dxeCalendarFastNavItem_HassanJameel,
.dxeCalendarFastNavMonth_HassanJameel,
.dxeCalendarFastNavYear_HassanJameel
{
    color: #484848;
    padding: 3px 5px;
    text-align: center;
}
.dxeCalendarFastNavMonth_HassanJameel,
.dxeCalendarFastNavYear_HassanJameel
{
    cursor: pointer;
}
.dxeCalendarFastNavItem_HassanJameel
{
    cursor: default;
}
.dxeCalendarFastNavItem_HassanJameel:empty
{
    pointer-events: none;
}
.dxeCalendarFastNavMonth_HassanJameel
{
    padding: 6px;
}
.dxeCalendarFastNavItem_HassanJameel:before,
.dxeCalendarFastNavItem_HassanJameel:after
{
    content: "";
    display: block;
}
.dxeCalendarFastNavItem_HassanJameel:before
{
    padding-top: 6px;
}
.dxeCalendarFastNavItem_HassanJameel:after
{
    padding-bottom: 6px;
}
.dxeDateEditTimeEditCell_HassanJameel
{
    padding: 24px 74px 12px 93px;
    width: 90px;
}
.dxeDateEditClockCell_HassanJameel
{
    padding: 32px 48px 0 65px;
}
.dxeCalendarFooter_HassanJameel.dxeDETSF
{
    padding-left: 8px;
    padding-right: 8px;
}
.dxeCalendarButton_HassanJameel::before
{
    content: "dxRippleTarget";
    display: none;
}
.dxeCalendarButton_HassanJameel .dxRipple
{
    background-color: rgba(255,255,255,0.45);
}
.dxAndroidMobilePlatform .dxeCalendarButton_HassanJameel .dxRipple,
.dxMacOSMobilePlatform .dxeCalendarButton_HassanJameel .dxRipple
{
    background-color: rgba(255,255,255,0.5);
}
.dxeCalendarDay_HassanJameel::before
{
    content: "dxRippleTargetExternal";
    display: none;
}
.dxeCalendarDay_HassanJameel .dxRippleContainer
{
    padding: 12px;
    margin-left: -12px;
    margin-top: -12px;
}
.dxAndroidMobilePlatform .dxeCalendarDay_HassanJameel .dxRipple,
.dxMacOSMobilePlatform .dxeCalendarDay_HassanJameel .dxRipple
{
    background-color: rgba(0,0,0,0.25);
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td .dxRippleContainer,
.dxeCalendar_HassanJameel td.dxMonthGrid > table > tbody > tr:last-child > td .dxRippleContainer
{
    margin-top: -12px;
    margin-left: -5px;
    width: 47px !important;
    height: 47px !important;
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td .dxRippleContainer .dxRipple,
.dxeCalendar_HassanJameel td.dxMonthGrid > table > tbody > tr:last-child > td .dxRippleContainer .dxRipple
{
    margin-bottom: 10px;
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr > td:nth-child(2) .dxRippleContainer
{
    margin-left: -12px;
}
.dxeCalendar_HassanJameel td.dxMonthGridWithWeekNumbers > table > tbody > tr:last-child > td:nth-child(2) .dxRippleContainer
{
    margin-left: -2px;
}
/* Disabled */
.dxeDisabled_HassanJameel,
.dxeDisabled_HassanJameel td.dxe
{
    color: #bbbbbb;
    cursor: default;
}
.dxeEditArea_HassanJameel.dxeDisabled_HassanJameel
{
    color: #bbbbbb;
}
a.dxeDisabled_HassanJameel:hover
{
    color: #bbbbbb;
    text-decoration: none;
}
.dxeButtonDisabled_HassanJameel
{
    border-color: #bbbbbb;
    color: #bbbbbb;
    cursor: default;
}
/* -- Button -- */
.dxbButton_HassanJameel
{
    color: #0072C6;
    background-color: #FFFFFF;

    border-radius: 2px;
    padding: 1px;
    font: 14px 'Roboto Medium', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;

}
.dxbButton_HassanJameel.dxbTSys
{
    width: 96px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}
.dxbButton_HassanJameel.dxbDisabled_HassanJameel
{
    border-color: #DDDDDD;
    background-color: #DDDDDD;
    color: #A2A2A2;
    cursor: default;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.dxbButtonHover_HassanJameel
{
    color: #ffffff;
    background-color: #0074bd;
    border-radius:10px;
}
.dxbButtonChecked_HassanJameel
{
    color: #0072C6;
    background-color: #9E9E9E;
}
.dxbButtonPressed_HassanJameel
{
    color: #0072C6;
    background-color: #FFFFFF;

}
.dxbButton_HassanJameel div.dxb
{
    padding: 6px 13px 4px;
    border: 1px dotted transparent;
}
.dxbButton_HassanJameel div.dxbf
{
    border: 1px dotted;
}
div.dxbButton_HassanJameel::before
{
    content: "dxRippleTarget";
    display: none;
}
div.dxbButton_HassanJameel .dxRipple
{
    background-color: rgba(255,255,255,0.85);
}
.dxAndroidMobilePlatform div.dxbButton_HassanJameel .dxRipple,
.dxMacOSMobilePlatform div.dxbButton_HassanJameel .dxRipple
{
    background-color: rgba(255,255,255,0.9);
}
.dxbButton_HassanJameel .dxBadge
{
    background: white;
    color: #FFFFFF;
}
.dxbButton_HassanJameel.dxbButtonHover_HassanJameel .dxBadge,
.dxbButton_HassanJameel.dxbButtonPressed_HassanJameel .dxBadge
{
    color: #FFFFFF;
}
/* Button Link */
a.dxbButton_HassanJameel
{
    color: #FFFFFF;
    text-decoration: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
a.dxbButton_HassanJameel:hover
{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    text-decoration: underline;
}
/*a.dxbButton_HassanJameel:active
{
    background-color: #DDDDDD;
}*/
a.dxbButton_HassanJameel .dxBadge
{
    background: #FFFFFF;
    text-decoration: none;
    vertical-align: baseline;
    font-size: 14px;
    color: white;
}
a.dxbButton_HassanJameel:hover .dxBadge
{
    text-decoration: none;
}
/* Disabled */
.dxbDisabled_HassanJameel,
a.dxbButton_HassanJameel.dxbDisabled_HassanJameel
{
    color: #BBBBBB;
    cursor: default;
    text-decoration: none;
}
a.dxbButton_HassanJameel.dxbDisabled_HassanJameel
{
    background: none !important;
}
/* -- FilterControl -- */
.dxfcControl_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: Black;
    padding: 0 1em;
    padding-top: 14px;
}
.dxfcTable_HassanJameel
{
    border-collapse: separate !important;
}
.dxfcTable_HassanJameel td.dxfc
{
    padding: 0 0 0 3px;
}
.dxfcTable_HassanJameel td.dxfc > table
{
    margin: 1px 0 -1px;
}
a.dxfcPropertyName_HassanJameel
{
    white-space: nowrap !important;
    color: #0072C6 !important;
}
a.dxfcGroupType_HassanJameel
{
    white-space: nowrap !important;
    padding: 0 3px !important;
    color: #db3412 !important;
}
a.dxfcOperation_HassanJameel
{
    white-space: nowrap !important;
    color: #64B5F6 !important;
}
a.dxfcValue_HassanJameel
{
    white-space: nowrap !important;
    color: Gray !important;
    padding-right: 4px !important;
}
.dxeMaskHint_HassanJameel
{
    background: #ffffe1 none;
    border: 1px solid black;
    padding: 2px 5px 3px;
    color: Black;
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}
.dxfcControl_HassanJameel ul.dxfc-tree,
.dxfcControl_HassanJameel .dxfc-tree ul
{
    list-style-type: none;
    margin: 0;
    overflow-y: hidden;
    padding: 0;
}
.dxbButton_HassanJameel.dxb-secondary
{
    background: #ffffff;
    border-color: transparent;
    color: #666666;
}
.dxbButton_HassanJameel.dxb-secondary.dxbButtonHover_HassanJameel, .dxbButton_HassanJameel.dxb-secondary.dxbButtonPressed_HassanJameel
{
    background: #e6e6e6;
    border-color: transparent;
}
.dxbButton_HassanJameel.dxb-secondary.dxbDisabled_HassanJameel
{
    background: rgba(255,255,255,0.5);
    border-color: transparent;
    color: rgba(102,102,102,0.5);
}
.dxbButton_HassanJameel.dxb-secondary .dxBadge
{
    background: #FFFFFF;
    color: #ffffff;
}
.dxbButton_HassanJameel.dxb-secondary.dxbButtonHover_HassanJameel .dxBadge,
.dxbButton_HassanJameel.dxb-secondary.dxbButtonPressed_HassanJameel .dxBadge
{
    color: #ffffff;
}
.dxbButton_HassanJameel.dxb-outline
{
    background: #ffffff;
    border-color: #dbdbdb;
    color: #666666;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dxbButton_HassanJameel.dxb-outline.dxbButtonHover_HassanJameel, .dxbButton_HassanJameel.dxb-outline.dxbButtonPressed_HassanJameel
{
    background: #FFFFFF;
    color: #ffffff;
    border-color: transparent;
}
.dxbButton_HassanJameel.dxb-outline.dxbDisabled_HassanJameel
{
    background: rgba(255,255,255,0.5);
    border-color: rgba(219,219,219,0.5);
    color: rgba(102,102,102,0.5);
}
.dxbButton_HassanJameel.dxb-outline .dxBadge
{
    background: #FFFFFF;
    color: #ffffff;
}
.dxbButton_HassanJameel.dxb-outline.dxbButtonHover_HassanJameel .dxBadge,
.dxbButton_HassanJameel.dxb-outline.dxbButtonPressed_HassanJameel .dxBadge
{
    background: #ffffff;
    color: #FFFFFF;
}
.dxbButton_HassanJameel.dxb-danger
{
    background: #e81123;
    border-color: transparent;
    color: #ffffff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.dxbButton_HassanJameel.dxb-danger.dxbButtonHover_HassanJameel, .dxbButton_HassanJameel.dxb-danger.dxbButtonPressed_HassanJameel
{
    background: #f13b4b;
    border-color: transparent;
}
.dxbButton_HassanJameel.dxb-danger.dxbDisabled_HassanJameel
{
    background: rgba(232,17,35,0.5);
    border-color: transparent;
    color: rgba(255,255,255,0.5);
}
.dxbButton_HassanJameel.dxb-danger .dxBadge
{
    background: #ffffff;
    color: #e81123;
}
.dxbButton_HassanJameel.dxb-outline
{
    border-style: solid;
    border-width: 1px;
}
.dxfcControl_HassanJameel .dxfc-tree
{
    width: 100%;
}
.dxfcControl_HassanJameel .dxfc-subnd
{
    margin-left: 22px;
}
.dxfcControl_HassanJameel.dxfcRtl .dxfc-subnd
{
    margin-left: 0;
    margin-right: 22px;
}
.dxfcControl_HassanJameel .dxfc > li > table
{
    border-spacing: 0;
    border-collapse: collapse;
}
.dxfcControl_HassanJameel .dxfc-elb
{
    float: left;
    height: 21px;
    vertical-align: top;
    width: 21px;
}
.dxfcControl_HassanJameel.dxfcRtl .dxEditors_fcremove_HassanJameel
{
    margin-right: 2px;
}
.dxfcControl_HassanJameel .dxfc-clr
{
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
    width: 0;
}
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td
{
    vertical-align: top;
}
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td.dxfc-editorCell
{
    vertical-align: middle;
}
.dxEditors_fcremove_HassanJameel,
.dxEditors_fcadd_HassanJameel,
.dxEditors_fcoptypefield_HassanJameel,
.dxEditors_fcoptypevalue_HassanJameel
{
    margin-top: 8px;
}
.dxfcControl_HassanJameel .dxfc-nd
{
    cursor: pointer;
    display: block;
    float: left;
    outline: 0 none;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td > a,
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td > span,
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td > img,
.dxfcControl_HassanJameel .dxfc-editor
{
    vertical-align: middle;
}
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td
{
    height: 32px;
}
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td > img
{
    margin-left: 2px;
}
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td > a,
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td > td,
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td > span,
.dxfcControl_HassanJameel .dxfc-editor
{
    padding: 0 0 0 15px;
}
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td > a,
.dxfcControl_HassanJameel .dxfc-nd > tbody > tr > td > span
{
    line-height: 32px;
}
.dxfcControl_HassanJameel .dxfc-ln
{
    vertical-align: top;
}
.dxfcControl_HassanJameel .dxfc-memo textarea
{
    height: 80px;
    overflow: auto;
}
.dxfcControl_HassanJameel .dxfc-validationSummary
{
    padding: 2px 5px 4px 6px !important;
    list-style-type: none;
    margin: 0;
}
.dxfcControl_HassanJameel .dxfc-validationSummary li
{
    padding: 2px 0;
}
.dxfcControl_HassanJameel .dxfc-validationSummary li a
{
    color: red;
    text-decoration: none;
    border-bottom: 1px dashed #f70;
}
.dxfcControl_HassanJameel .dxfc-validationSummary li a:hover
{
    color: #f70;
}
/* -- ProgressBar -- */
.dxeProgressBar_HassanJameel
{
    background-color: #FFFFFF;
    color: #484848;
    font: 12px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    height: 26px;
    border: 1px solid #DCDCDC;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -o-border-radius: 1px;
    -khtml-border-radius: 1px;
    border-radius: 1px;
}
.dxeProgressBar_HassanJameel .dxePBMainCell,
.dxeProgressBar_HassanJameel td.dxe
{
    padding: 0;
    text-align: left !important;
}
.dxeProgressBar_HassanJameel[dir='rtl'] .dxePBMainCell,
.dxeProgressBar_HassanJameel[dir='rtl'] td.dxe
{
    padding: 0;
    text-align: right !important;
}
.dxeProgressBar_HassanJameel[dir='rtl'] td.dxe
{
    padding-right: 9px;
}
.dxeProgressBar_HassanJameel td.dxe
{
    padding-left: 9px;
    padding-top: 1px;
}
.dxeProgressBar_HassanJameel.dxeDisabled_HassanJameel td.dxe
{
    color: #484848;
}
.dxeProgressBarIndicator_HassanJameel
{
    background-color: #FFFFFF;
}
.dxeProgressBar_HassanJameel.dxeDisabled_HassanJameel .dxeProgressBarIndicator_HassanJameel
{
    background-color: #EBEBEB;
}
.dxeProgressBar_HassanJameel
{
    border-radius: 100vh;
    overflow: hidden;
}
.dxeProgressBarIndicator_HassanJameel
{
    border-bottom-left-radius: 100vh;
    border-top-left-radius: 100vh;
}
.dxeProgressBar_HassanJameel .dxpbVC
{
    border-radius: 100vh;
    padding-top: 2px;
    margin-left: -4px;
}
.dxIE .dxeProgressBar_HassanJameel .dxePBMainCell,
.dxEdge .dxeProgressBar_HassanJameel .dxePBMainCell
{
    overflow: hidden;
    border-radius: 100vh;
}
/* -- DropDownWindow -- */
.dxpcDropDown_HassanJameel,
.dxeDropDownWindow_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}
.dxeDropDownWindow_HassanJameel
{
    background-color: #FAFAFA;
    border: 1px solid #c0c0c0;
}
.dxpcDropDown_HassanJameel > .dxpc-shadow
{
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 8px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 8px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16), 0 2px 8px 0 rgba(0,0,0,0.12);
}
/*----------------- ColorTable -----------------*/
.dxeColorIndicator_HassanJameel
{
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 5px;
}
.dxeItemPicker_HassanJameel
{
    background-color: #ffffff;
    border: 1px solid #c0c0c0;
}
.dxeColorTable_HassanJameel td.dx
{
    padding: 4px;
}
.dxeColorTableCell_HassanJameel,
.dxeItemPickerCell_HassanJameel,
.dxeACICell_HassanJameel
{
    padding: 2px;
    cursor: pointer;
}
.dxeColorTableCellDiv_HassanJameel,
.dxeACICellDiv_HassanJameel
{
    border: 2px solid #FFFFFF;
    width: 22px;
    height: 22px;
    font-size: 0;
}
.dxeColorTableCellDiv_HassanJameel[style*="rgb(255, 255, 255)"],
.dxeColorTableCellDiv_HassanJameel:not([style*="background-color"]),
.dxeACICellDiv_HassanJameel[style*="#FFF"],
.dxeACICellDiv_HassanJameel:not([style*="background-color"])
{
    border: 1px solid #F0F0F0;
    width: 20px;
    height: 20px;
    margin-left: 2px;
}
.dxeColorTableCellDiv_HassanJameel:not([style*="background-color"]),
.dxeACICellDiv_HassanJameel:not([style*="background-color"])
{
    margin-bottom: 2px;
}
.dxeColorTableCellSelected_HassanJameel > .dxeColorTableCellDiv_HassanJameel,
.dxeACICellSelected_HassanJameel > .dxeACICellDiv_HassanJameel,
.dxeColorTableCellHover_HassanJameel.dxeColorTableCellSelected_HassanJameel > .dxeColorTableCellDiv_HassanJameel,
.dxeColorTableCellHover_HassanJameel.dxeACICellSelected_HassanJameel > .dxeACICellDiv_HassanJameel
{
    padding: 0px !important;
    border: 2px solid #FFFFFF;
}
.dxeColorTableCellHover_HassanJameel > .dxeColorTableCellDiv_HassanJameel,
.dxeItemPickerCellHover_HassanJameel,
.dxeAutomaticColorItemCellHover_HassanJameel > .dxeACICellDiv_HassanJameel
{
    padding: 0px !important;
    border: 2px solid #E0E0E0;
}
.dxeColorTableCellSelected_HassanJameel > .dxeColorTableCellDiv_HassanJameel[style*="rgb(255, 255, 255)"],
.dxeColorTableCellSelected_HassanJameel .dxeACICellDiv_HassanJameel[style*="#FFF"],
.dxeColorTableCellHover_HassanJameel .dxeColorTableCellDiv_HassanJameel[style*="rgb(255, 255, 255)"],
.dxeColorTableCellHover_HassanJameel .dxeACICellDiv_HassanJameel[style*="#FFF"]
{
    width: 22px;
    height: 22px;
    margin-left: 0px;
}
.dxeColorTableCellHover_HassanJameel .dxeColorTableCellDiv_HassanJameel:not([style*="background-color"]),
.dxeColorTableCellHover_HassanJameel .dxeACICellDiv_HassanJameel:not([style*="background-color"])
{
    width: 20px;
    height: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
}
/* -- Invalid Style -- */
/* -- Focused Style -- */
.dxeFocused_HassanJameel
{
    border: 1px solid #bdbdbd;
}
.dxeFocused_HassanJameel.dxeTrackBar_HassanJameel
{
    border: 0px;
}
/* -- Null Text Style -- */
.dxeNullText_HassanJameel .dxeEditArea_HassanJameel,
.dxeNullText_HassanJameel .dxeMemoEditArea_HassanJameel,
.dxFirefox .dxeNullText_HassanJameel .dxeEditArea_HassanJameel,
.dxFirefox .dxeNullText_HassanJameel .dxeMemoEditArea_HassanJameel
{
    color: #bdbdbd;
}
.dxeTextBox_HassanJameel .dxeFNTextSys, .dxeButtonEdit_HassanJameel .dxeFNTextSys, .dxeMemo_HassanJameel .dxeFNTextSys
{
    color: #bdbdbd;
}
.dxeNullText_HassanJameel input:-webkit-autofill
{
    -webkit-text-fill-color: #bdbdbd;
}
/* -- Captcha -- */
.dxcaControl_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
}
.dxcaControl_HassanJameel .dxca-imageDiv
{
    color: #FFFFFF;
}
.dxEditors_caRefresh_HassanJameel
{
    border-radius: 50%;
    -webkit-box-shadow: 0px 2px 2.82px 0.18px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 2px 2.82px 0.18px rgba(0,0,0,0.24);
    box-shadow: 0px 2px 2.82px 0.18px rgba(0,0,0,0.24);
}
.dxcaRefreshButton_HassanJameel
{
    text-decoration: none;
    color: #1e3695;
}
.dxcaDisabledRefreshButton_HassanJameel
{
    color: #acacac;
}
.dxcaRefreshButtonCell_HassanJameel
{
    padding-left: 4px;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    vertical-align: middle !important;
}
.dxcaRefreshButtonCell_HassanJameel img
{
    margin-right: 8px !important;
}
.dxcaTextBoxCellNoIndent_HassanJameel .dxeErrorCell_HassanJameel
{
    padding-left: 0px;
    padding-top: 4px;
    color: Red;
}
.dxcaTextBoxLabel_HassanJameel
{
    padding-bottom: 4px;
    display: block;
}
.dxcaLoadingPanel_HassanJameel
{
    background-color: white;
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #484848;
}
.dxcaLoadingPanel_HassanJameel td.dx
{
    font-size: 1.17em;
    white-space: nowrap;
    text-align: center;
    padding: 2px;
}
.dxcaLoadingPanel_HassanJameel .dxlp-loadingImage
{
    margin: 0px;
}
.dxpcLite_HassanJameel .dxHFBPS
{
    width: 6px;
}
.dxeTextBox_HassanJameel,
.dxeButtonEdit_HassanJameel,
.dxeIRadioButton_HassanJameel,
.dxeRadioButtonList_HassanJameel,
.dxeCheckBoxList_HassanJameel
{
    cursor: default;
}
/* Removes flicking in Material Safari*/
.dxeTrackBar_HassanJameel,
.dxeIRadioButton_HassanJameel,
.dxeButtonEdit_HassanJameel,
.dxeTextBox_HassanJameel,
.dxeRadioButtonList_HassanJameel,
.dxeCheckBoxList_HassanJameel,
.dxeMemo_HassanJameel,
.dxeListBox_HassanJameel,
.dxeCalendar_HassanJameel,
.dxeColorTable_HassanJameel
{
    -webkit-tap-highlight-color: transparent;
}
/* Layout Control */
.dxeLayoutConrtol_HassanJameel
{
    display: table;
}
.dxeLyGroupCell_HassanJameel
{
    padding: 5px;
}
.dxeLyCaptionCell_HassanJameel
{
    padding: 6px;
}
.dxeLyEditorCell_HassanJameel
{
    padding: 5px;
}
.dxeLyCaptionCell_HassanJameel
{
    color: #004184;
    font-weight: bold;
    white-space: nowrap;
}
.dxeLyEditorCell_HassanJameel
{
    width: 0;
}
.dxeLyGroupBox_HassanJameel
{
    border: 1px Solid #9F9F9F;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
}
.dxeLyGroupBoxCaption_HassanJameel > span
{
    background-color: White;
    padding-left: 5px;
    padding-right: 5px;
}
.dxeLyGroupBoxCaption_HassanJameel
{
    position: relative;
    margin-top: -21px;
}
.dxeLyGroup_HassanJameel
{
    width: 100%;
}
.dxeLayoutConrtol_HassanJameel .dxeLyVATSys > label
{
    margin-top: 4px;
    margin-bottom: 4px;
    display: block;
}
.dxeLyEditorCell_HassanJameel > .dxeMemoSys
{
    margin-top: 3px;
}
.dxeLyEditorCell_HassanJameel > label.dxeBase_HassanJameel
{
    display: block;
    white-space: nowrap;
}
/* ASPxCololrEdit */
.dxcpParametersCell_HassanJameel input
{
    padding: 2px 0px 1px 5px;
    color: #484848;
}
.dxcpParametersCellSys .dxcpWebColorInput_HassanJameel
{
    width: 67px;
    float: right;
    margin-top: 40px;
}
.dxcpColorParameterMainDiv_HassanJameel > label
{
    color: #484848;
    padding-right: 14px;
}
.dxcpColorParameterMainDiv_HassanJameel > input
{
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    width: 67px;
}
.dxcpColorParameterMainDiv_HassanJameel
{
    padding: 0px 0px 4px 0px;
    width: 123px;
    text-align: right;
}
.dxeCustomColorButton_HassanJameel
{
    margin: 3px 7px;
    cursor: pointer;
}
.dxeCustomColorButtonHover_HassanJameel
{
    box-shadow: 0px 8px 16px 1.2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 8px 16px 1.2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 8px 16px 1.2px rgba(0,0,0,0.2);
}
.dxeAutomaticColorItem_HassanJameel
{
    padding: 4px 4px 0px 4px;
}
.dxeAutomaticColorItem_HassanJameel > span
{
    display: inline-block;
    margin: 5px 5px 0;
    line-height: 20px;
}
.dxeAutomaticColorItem_HassanJameel .dxeACICellDiv_HassanJameel[style*="#FFF"],
.dxeAutomaticColorItem_HassanJameel .dxeACICellDiv_HassanJameel[style*="background-color:White;"],
.dxeAutomaticColorItem_HassanJameel .dxeACICellDiv_HassanJameel[style*="rgb(255, 255, 255)"],
.dxeAutomaticColorItem_HassanJameel .dxeACICellDiv_HassanJameel:not([style*="background-color"])
{
    width: 20px;
    height: 20px;
    border: 1px solid #E0E0E0;
    margin: 1px;
}
.dxeAutomaticColorItemCellHover_HassanJameel .dxeACICellDiv_HassanJameel[style*="#FFF"],
.dxeAutomaticColorItemCellHover_HassanJameel .dxeACICellDiv_HassanJameel[style*="background-color:White;"],
.dxeAutomaticColorItemCellHover_HassanJameel .dxeACICellDiv_HassanJameel[style*="rgb(255, 255, 255)"],
.dxeAutomaticColorItemCellHover_HassanJameel .dxeACICellDiv_HassanJameel:not([style*="background-color"])
{
    width: 20px;
    height: 20px;
    border: 2px solid #E0E0E0;
    padding: 0px !important;
    margin: 0px;
}
.dxcpCurrentColor_HassanJameel,
.dxcpSavedColor_HassanJameel
{
    height: 35px;
}
.dxcpCurrentAndSaved_HassanJameel
{
    width: 72px;
    margin: 34px 0px 0px 49px;
    cursor: pointer;
}
.dxeColorTablesMainDiv_HassanJameel,
.dxeColorSelectorMainDiv_HassanJameel
{
    background-color: #FFFFFF;
    border: 1px solid #E0E0E0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}
.dxeColorSelectorMainDiv_HassanJameel > table > tbody > tr > td:nth-child(2)
{
    padding-left: 1px;
}
.dxeColorSelectorMainDiv_HassanJameel > table
{
    padding: 10px 9px 0px 10px;
}
.dxeColorSelectorMainDiv_HassanJameel > div
{
    border-top: 1px solid #EAEAEA;
    padding: 11px 10px 10px 10px;
}
.dxcpColorArea_HassanJameel,
.dxcpHueAreaImage_HassanJameel,
.dxcpCurrentAndSaved_HassanJameel,
.dxeColorTablesMainDiv_HassanJameel,
.dxeColorSelectorMainDiv_HassanJameel,
.dxcpParametersCell_HassanJameel input
{
    border: 1px solid #DCDCDC;
}
.dxeButtonsPanelDiv_HassanJameel
{
    margin-top: 20px;
    text-align: right;
}
.dxeButtonsPanelDiv_HassanJameel input
{
    min-width: 60px;
    margin-left: 1px;
}
/* Ripple */
.dxeColorTablesMainDiv_HassanJameel .dxeCustomColorButton_HassanJameel::before
{
    content: "dxRippleTarget";
    display: none;
}
.dxeColorTablesMainDiv_HassanJameel .dxeCustomColorButtonHover_HassanJameel .dxRipple
{
    background-color: rgba(255,255,255,0.85);
}
.dxAndroidMobilePlatform .dxeColorTablesMainDiv_HassanJameel .dxeCustomColorButtonHover_HassanJameel .dxRipple,
.dxMacOSMobilePlatform .dxeColorTablesMainDiv_HassanJameel .dxeCustomColorButtonHover_HassanJameel .dxRipple
{
    background-color: rgba(255,255,255,0.9);
}
/* -- ASPxTokenBox -- */
.dxeButtonEdit_HassanJameel.dxeTokenBox
{
    padding-top: 0px;
}
.dxFirefox .dxeButtonEdit_HassanJameel.dxeTokenBox
{
    padding: 0px;
    padding-top: 0px;
}
input.dxeTokenBoxInput_HassanJameel[type="text"]
{
	display: inline-block;
	float: left;
	width: 30px;
	outline: none;
	margin: 2px 0 1px 2px;
	padding: 5px 2px 5px 3px;
}
.dxeToken_HassanJameel
{
    display: inline-block;
    background: #FFFFFF;
    color: #0072C6;
    float: left;
    min-width: 30px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    border-radius: 15px;
}
.dxeTokenText_HassanJameel, .dxeTokenRemoveButton_HassanJameel
{
    display: block;
    float: left;
}
.dxFirefox .dxeTokenText_HassanJameel
{
    padding: 4px 6px 4px 7px;
    margin-left: 1px;
}
.dxeTokenText_HassanJameel
{
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 2px 0px 4px;
    padding-right: 18px;
    padding: 5px 6px 4px 7px;
}
.dxeTokenRemoveButton_HassanJameel
{
    cursor: pointer;
    margin: 3px 3px 0 0;
    border-radius: 50%;
    background-color: #BBB;
}
*[dir="rtl"] .dxeTokenRemoveButton_HassanJameel
{
    margin: 3px 0 0 3px;
}
.dxFirefox .dxeButtonEdit_HassanJameel td.dxictb,
.dxeButtonEdit_HassanJameel td.dxictb
{
	padding: 0px;
	background: #FFFFFF;
}
.dxFirefox input.dxeTokenBoxInput_HassanJameel[type="text"]
{
    margin-bottom: 2px;
    margin-top: 1px;
}
.dxFirefox .dxeToken_HassanJameel
{
    padding-bottom: 0px;
}
.dxeDisabled_HassanJameel .dxeToken_HassanJameel
{
    background: #eee;
    color: #8F8F8F;
}
.dxeTokenBox.dxeDisabled_HassanJameel .dxictb
{
    cursor: default;
}
/* ASPxPictureEdit */
.dxpePreviewContainer_HassanJameel
{
    position: relative;
}
.dxpeCommandPanel_HassanJameel
{
    background-color: #484848;
    background-color: rgba(0,0,0,0.75);
    color: white;
    height: 32px;
    position: absolute;
}
.dxpeBottomCommandPanel_HassanJameel
{
    width: 100%;
    bottom: 0;
}
.dxpeTopCommandPanel_HassanJameel
{
    width: 100%;
    top: 0;
}
.dxpeCommandPanelDeleteButton_HassanJameel,
.dxpeCommandPanelOpenDialogButton_HassanJameel
{
    cursor: pointer;
    display: inline-block;
}
.dxpeCommandPanelButtonsWrapper_HassanJameel
{
    position: absolute;
}
.dxpeCommandPanelButtonsWrapperLeft_HassanJameel
{
    left: 0;
}
.dxpeCommandPanelButtonsWrapperCenter_HassanJameel
{
    left: 50%;
    margin-left: -32px;
}
.dxpeCommandPanelButtonsWrapperRight_HassanJameel
{
    right: 0;
}
.dxpeDropZone_HassanJameel
{
    background-color: gray;
}
.dxpePlaceHolder_HassanJameel
{
    background-color: lightgray;
    z-index: -1;
}
.dxpeTextPanelContainer_HassanJameel
{
    height: 100%;
    font-size: 200%;
    text-align: center;
    width: 100%;
}
.dxpeTextPanel_HassanJameel
{
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
/* Editor caption */
.dxeCaption_HassanJameel
{
    /* Bootstrap correction */
    font-weight: inherit;
}
.dxeCaptionCell_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    color: #333;
    white-space: nowrap;
    line-height: 16px;
    height: 100%;
}
.dxeCaptionCell_HassanJameel.dxeCLLSys,
[dir='rtl'] .dxeCaptionCell_HassanJameel.dxeCLRSys
{
    padding-left: 0px;
    padding-right: 16px;
}
[dir='rtl'] .dxeCaptionCell_HassanJameel.dxeCLLSys,
.dxeCaptionCell_HassanJameel.dxeCLRSys
{
    padding-right: 0px;
    padding-left: 16px;
}
.dxeCaptionCell_HassanJameel.dxeCLTSys,
.dxeCaptionCell_HassanJameel.dxeCLBSys
{
    padding: 13px 0;
}
.dxFirefox .dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeTextEditCTypeSys
{
    padding-top: 8px;
}
.dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeTextEditCTypeSys
{
    padding-top: 9px;
}
.dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeCheckBoxCTypeSys
{
    padding-top: 2px;
}
.dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeRadioButtonCTypeSys
{
    padding-top: 3px;
}
.dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeCheckBoxListCTypeSys
{
    padding-top: 19px;
}
.dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeRadioButtonListCTypeSys
{
    padding-top: 20px;
}
.dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeListBoxCTypeSys
{
    padding-top: 5px;
}
.dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeTrackBarCTypeSys
{
    padding-top: 8px;
}
.dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeProgressBarCTypeSys
{
    padding-top: 9px;
}
.dxIE .dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeMemoCTypeSys
{
    padding-top: 8px;
}
.dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeMemoCTypeSys
{
    padding-top: 9px;
}
.dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeCustomCTypeSys
{
    padding-top: 5px;
    padding-bottom: 5px;
}
/* Chrome */
.dxWebKitFamily .dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeCheckBoxCTypeSys
{
    padding-top: 3px;
}
.dxWebKitFamily .dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeRadioButtonCTypeSys
{
    padding-top: 4px;
}
.dxWebKitFamily .dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeCheckBoxListCTypeSys
{
    padding-top: 19px;
}
.dxWebKitFamily .dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeRadioButtonListCTypeSys
{
    padding-top: 20px;
}
/* Opera */
noindex:-o-prefocus, body:first-of-type .dxeTextEditCTypeSys.dxeCaptionVATSys.dxeCaptionCell_HassanJameel
{
    padding-top: 3px;
}
noindex:-o-prefocus, body:first-of-type .dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeCheckBoxCTypeSys
{
    padding-top: 4px;
}
noindex:-o-prefocus, body:first-of-type .dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeRadioButtonCTypeSys
{
    padding-top: 4px;
}
noindex:-o-prefocus, body:first-of-type .dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeCheckBoxListCTypeSys
{
    padding-top: 20px;
}
noindex:-o-prefocus, body:first-of-type .dxeCaptionCell_HassanJameel.dxeCaptionVATSys.dxeRadioButtonListCTypeSys
{
    padding-top: 21px;
}
/* Firefox */
.dxFirefox .dxeMemoCTypeSys.dxeCaptionVATSys.dxeCaptionCell_HassanJameel
{
    padding-top: 9px;
}
.dxeRequiredMark_HassanJameel
{
    color: green;
    font-style: normal;
}
.dxeOptionalMark_HassanJameel
{
    color: gray;
    font-style: normal;
}
/* Out of range warning*/
.dxeOutOfRWarn_HassanJameel
{
    font: 14px 'Roboto Regular', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;
    padding: 3px 8px 4px 8px;
    display: none;
    position: absolute;
    background-color: white;
    color: red;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    z-index: 41998;
    -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    border: 1px solid #A8A8A8;
}
.dxeOutOfRWarnRight_HassanJameel
{
    margin-left: 10px;
    margin-top: -2px;
}
.dxeOutOfRWarnBottom_HassanJameel
{
    margin-top: 10px;
}
/* Adaptive DropDown */
.dxpcDropDown_HassanJameel .dxdd-header
{
    padding: 16px 0 12px 0;
    border-bottom: 1px solid #ebebeb;
    background: white;
}
.dxpcDropDown_HassanJameel .dxdd-header .dxdd-caption
{
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.67;
    letter-spacing: normal;
    color: #444444;
}
.dxpcDropDown_HassanJameel .dxdd-header .dxbButton_HassanJameel
{
    padding: 0 14px;
}
.dxpcDropDown_HassanJameel .dxdd-header .dxdd-caption:first-child
{
    padding-left: 24px;
    text-align: left;
}
.dxpcDropDown_HassanJameel .dxdd-header .dxdd-caption:last-child
{
    padding-right: 24px;
}
.dxpcDropDown_HassanJameel .dxdd-cal .dxdd-caption:first-child
{
    padding-left: 16px;
}
.dxpcDropDown_HassanJameel .dxpc-mainDiv
{
    background-color: #ffffff;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel + .dxpcModalBackLite_HassanJameel,
.dxmodalSys.dxdd-root + .dxpcModalBackLite_HassanJameel
{
    background-color: #777777;
    opacity: 0.7;
    position: fixed;
    left: 0;
    top: 0;
    visibility: hidden;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel
{
    /* ComboBox Styles */
    /* Calendar Styles */
    /* ComboBox + Calendar */
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxeDropDownWindow_HassanJameel
{
    border: none;
    background: transparent;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-shadow
{
    box-shadow: 0px 4px 16px 0 rgba(0,0,0,0.32);
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-header
{
    background: transparent;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv
{
    border-radius: 8px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv:not(.dxdd-cal):not(.dxdd-dde):not(.dxdd-sp) .dxpc-content
{
    padding-bottom: 32px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-input
{
    margin-top: 20px;
    margin: 20px 24px 0 24px;
    border: solid 2px #FFFFFF;
    height: 50px;
    padding: 0 23px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-input > input
{
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 0.67;
    letter-spacing: normal;
    color: #FFFFFF;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-input .dxdd-clearbutton, .dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-input .dxdd-clearbutton:hover
{
    right: 17px;
    height: 20px;
    background: none;
    border-width: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-input .dxeFNTextSys
{
    color: #bdbdbd;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-help
{
    color: #999999;
    padding: 16px 24px 24px 24px;
    font-size: 0.85em;
    margin-bottom: -32px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-info
{
    margin: 10px 24px 15px 24px;
    font-size: 14px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-list .dxeListBox_HassanJameel
{
    margin: 18px 24px 0 24px;
    width: calc(100% - 48px) !important;
    border-color: #ebebeb;
    color: #999999;
    background-color: #fafafa;
    min-width: 250px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-list .dxeListBox_HassanJameel .dxeListBoxItemHover_HassanJameel
{
    background: rgba(0,0,0,0.08);
    color: #999999;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-list .dxeListBox_HassanJameel .dxlbd
{
    width: 100% !important;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-list .dxeListBox_HassanJameel .dxeListBoxItem_HassanJameel
{
    padding: 8px 10px 7px 23px;
    border: none;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-list .dxdd-input:not(.dxdd-readonly) ~ .dxeListBox_HassanJameel
{
    margin-top: 0;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-cal .dxeCalendar_HassanJameel
{
    border: none;
    background-color: transparent;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-cal .dxeCalendar_HassanJameel .dxeCalendarHeader_HassanJameel
{
    background-color: transparent;
    color: #666666;
    border-bottom: 1px solid #ebebeb;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-cal .dxeCalendar_HassanJameel .dxeCalendarFooter_HassanJameel
{
    text-align: center;
    padding: 0;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-cal .dxeCalendar_HassanJameel .dxeCalendarFooter_HassanJameel button
{
    margin-top: 8px;
    margin-bottom: 8px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-cal .dxeCalendar_HassanJameel .dxeDateEditTimeEditCell_HassanJameel
{
    padding: 20px 16px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-cal .dxeCalendar_HassanJameel ~ .dxdd-help
{
    padding: 16px 12px 16px 12px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-cal .dxeCalendarDETS.dxeCalendar_HassanJameel .dxeCalendarFooter_HassanJameel
{
    border-bottom: 1px solid #ebebeb;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-sp .dxScrollPicker_HassanJameel .dxsp-wgroup
{
    padding: 12px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-sp .dxScrollPicker_HassanJameel .dxsp-wheel + .dxsp-wheel
{
    margin-left: 4px;
}
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-dde .dxdd-help,
.dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxpc-mainDiv.dxdd-cal .dxdd-help
{
    margin-bottom: 0;
}
.dxeNullText_HassanJameel + .dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-input .dxeEditArea_HassanJameel,
.dxFirefox .dxeNullText_HassanJameel + .dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-input .dxeEditArea_HassanJameel
{
    color: #bdbdbd;
}
.dxeNullText_HassanJameel + .dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-input input:-webkit-autofill,
.dxFirefox .dxeNullText_HassanJameel + .dxmodalSys.dxdd-root .dxpcDropDown_HassanJameel .dxdd-input input:-webkit-autofill
{
    -webkit-text-fill-color: #bdbdbd;
}
.dxdd-root .dxdd-header > .dxbButtonSys.dxbDisabled_HassanJameel
{
    opacity: 0.4;
}
.dxScrollPicker_HassanJameel .dxsp-wgroup
{
    padding: 16px 24px 24px;
}
.dxScrollPicker_HassanJameel .dxsp-wgroup + .dxsp-wgroup
{
    border-top: 1px solid #ebebeb;
}
.dxScrollPicker_HassanJameel .dxsp-wheel + .dxsp-wheel
{
    margin-left: 16px;
}
.dxScrollPicker_HassanJameel .dxsp-caption
{
    text-align: center;
    font-size: 12px;
    color: rgba(153,153,153,0.5);
    margin-bottom: 16px;
}
.dxScrollPicker_HassanJameel .dxsp-wheel-hover .dxsp-frame,
.dxScrollPicker_HassanJameel .dxsp-wheel-touch .dxsp-frame
{
    border-color: #FFFFFF;
}
.dxScrollPicker_HassanJameel .dxsp-item-focused
{
    height: 51px;
    font-size: 18px;
    padding-top: 17px;
}
.dxScrollPicker_HassanJameel .dxsp-item
{
    color: #333;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}
.dxScrollPicker_HassanJameel .dxsp-item-focused
{
    height: 51px;
    font-size: 18px;
    font-style: normal;
    padding-top: 17px;
    color: #FFFFFF;
}
.dxScrollPicker_HassanJameel .dxsp-item-prev
{
    padding-bottom: 5px;
    padding-top: 15px;
}
.dxScrollPicker_HassanJameel .dxsp-item-prev + .dxsp-item-prev
{
    padding-bottom: 12px;
    padding-top: 8px;
}
.dxScrollPicker_HassanJameel .dxsp-item-focused + .dxsp-item
{
    padding-top: 12px;
    padding-bottom: 8px;
}
.dxScrollPicker_HassanJameel .dxsp-item-focused + .dxsp-item + .dxsp-item
{
    padding-top: 5px;
    padding-bottom: 15px;
}
.dxScrollPicker_HassanJameel .dxsp-item-focused + .dxsp-item + .dxsp-item + .dxsp-item
{
    padding-top: 0;
    padding-bottom: 20px;
}
.dxScrollPicker_HassanJameel .dxsp-list::after,
.dxScrollPicker_HassanJameel .dxsp-list::before
{
    height: 75px !important;
    line-height: 75px;
}
