/* orange : #EF652E */
/* black charcoal : #313131 */
/* dark grey : #D4D0C8*/
/* grey : #ECECEC */
/* pale white : #F9F9F9 */

/** dark grey = #ececec*/
/** med grey #3e3e42 */
/** light grey = #686868 */
/** light blue = #EF652E aka #EF652E*/
/** whitesmoke **/



.bodyCMS {
    overflow-x: auto !important;
}

.sticky-top {
    position: fixed;
    width : 100%;
    /*left: 0px;*/
    top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    height: 0px;
    background-color: var(--color1);
    z-index: 30001;
    border-bottom: 1px solid var(--color3_o2);
}


.sticky-bottom-right {
    position: fixed;
    right: 0px;
    bottom: 60px;
    width: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    height: 60px;
    background-color: var(--color4);
    z-index: 30002;
    border-top: 1px solid var(--color3_o2);
    padding-top: var(--paddingParagraph);
    padding-left: var(--paddingParagraph);
}

.modal {
    display: none; /* Hidden by default */
    position: relative; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    border-radius: 10px 10px 10px 10px;
    padding-top: 10px;
}

/** MenuBar */

.menuBar {
    height: 55px;
    background-color: var(--color5);
    width: 100%;
    padding-top: 2px;
    clear: both !important;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 0px 0px 0 0;
    border-bottom: 1px solid var(--color3_o2)
}

.menuBar .buttonGroup
{
    position : relative;
    width : 100%;
}

.menuBar .dropDown {
    float: left;
    padding-top: 8px;
    padding-left: 5px;
}

.menuBar .buttonHome{
    float: left; 
    padding-left: 5px; 
    padding-top: 8px;
}

.menuBar .buttonSetting{
  float: right; 
  padding-right: 5px; 
  padding-top: 5px;
}

.menuBar .logo {
    height : 100%;
    width : auto;
    float : left;
    position : relative;
    padding : 0px;
}

    .menuBar .systemInfo {
        float: left;
        position: relative;
        padding-top: 0px;
        padding-right: 0px;
        height: inherit;
        width: auto;
        background : var(--color2);
    }

    .menuBar .systemInfo .title {
        color: var(--color1);
        font-weight: bold;
        text-align: left;
        height: 20px;
        border-bottom: 3px solid var(--color3);
        text-align : center;
        padding-right : 10px;
        padding-top : 7px;
    }

    .menuBar .systemInfo .version {
        color: var(--color2);
        font-weight: bold;
        text-align: left;
        height: 20px;
        background : var(--color1);
        text-align : center;
        padding-top : 5px;
    }
/** ul, lis **/
.listEntries ul li, .listSearchResults ul li { 
    float:left;
}

.listEntries ul, .listSearchResults ul {
    padding: 0;
    list-style-type: none;
}

.listItemSelectable {
    height: 20px;
    padding: 5px;
    margin: 5px;
    background-color: var(--color2);
    float: left;
    color: var(--color1);
    line-height: 20px !important;
    font-size: 14px;
}

.listItemSelectable:hover
    {
        background-color :var(--color3);
        cursor : pointer;
    }

.listItemSelectable-Remove {
    width: 20px;
    height : 20px;
    color: var(--color1);
    float : right;
    margin-left : 5px;
    cursor : pointer;
    content : '';
}

.listItemSelectable-Remove:before {
    font-family : var(--fontIconFamily);
    font-style: normal;
    font-weight: 900;
    font-size: var(--fontSizeLarge) !important;
    /** bars **/
    content: '\f2ed';
}

.listItemSelectable-Add {
    width: 20px;
    height: 20px;
    color: var(--color1);
    float: right;
    margin-left: 5px;
    cursor: pointer;
}

.listItemSelectable-Add:before {
    font-family : var(--fontIconFamily);
    font-style: normal;
    font-weight: 900;
    font-size: var(--fontSizeLarge) !important;
    /** bars **/
    content: '\f0fe';
}

.listSearchResults {
    clear: both;
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 30001;
    border-top : 1px dotted var(--color3);
    border-left : 3px solid var(--color3);
    border-right : 3px solid var(--color3);
    border-bottom :1px dotted var(--color3);
    background-color : var(--color1);
    display : none;
    max-width : 100%;
}

.listEntries {
    clear: both;
    float: left;
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 30002;
    min-height : 40px;
    border : 1px solid var(--color2);
    border-left : 3px solid var(--color2);
    display : inline-block;
    max-width : 100%;
    min-width : 100%;
    background-color : var(--color1);
    height : auto;
}

.inputKeywordSearch
{
    max-width : 500px;
    min-height : 25px;
    padding-top : 5px;
    padding-left : 5px;
    line-height : 25px;
    z-index: 30003;
    left : 0px;
    top : 0px;
    float : left;
    position : relative;
    border : 0;
    background-color : var(--color3);
}

.inputKeywordSearch:focus{
    /**border : 0px;
    background-color : var(--color3);
     -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;*/
}

.icon-exclamation:before {
    font-family: var(--fontIconFamily);
    font-style: normal;
    font-weight: 900;
    font-size: var(--fontSizeLarge) !important;
    /** bars **/
    content: var(--iconExclamation);
    color: var(--color2);
    height: 100px;
    width: auto;
    margin-left: 5px;
}

.icon-email:before {
    font-family: var(--fontIconFamily);
    font-style: normal;
    font-weight: 900;
    font-size: var(--fontSizeLarge) !important;
    /** bars **/
    content: var(--iconEmail);
    color: var(--color2);
    height: 100px;
    width: auto;
    margin-left : 5px;
}


.icon-medkit:before {
    font-family: var(--fontIconFamily);
    font-style: normal;
    font-weight: 900;
    font-size: var(--fontSizeLarge) !important;
    /** bars **/
    content: var(--iconMedkit);
    color: var(--color2);
    height: 100px;
    width: auto;
    margin-left: 5px;
}

.RadGrid input {
    font-family: var(--fontFamily);
}

.RadGrid_RRM {
  background-color: var(--color6);
  /*header*/
  /*rows*/
  /*footer*/
  /*status*/
  /*pager*/
  /*sorting, reordering*/
  /*filtering*/
  /*grouping*/
  /*editing*/
  /*hierarchy*/
  /*command row*/ }
  .RadGrid_RRM a {
    color: var(--color3) !important;
     }
  .RadGrid_RRM, .RadGrid_RRM input {
    color : var(--color3);
    background : var(--color1);
    border : 1px solid var(--color4);    
   }

    .RadGrid_RRM, .RadGrid_RRM input:focus {
    background : var(--color1);

   }

  .RadGrid_RRM,
  .RadGrid_RRM .rgMasterTable,
  .RadGrid_RRM .rgDetailTable,
  .RadGrid_RRM .rgGroupPanel table,
  .RadGrid_RRM .rgCommandRow table,
  .RadGrid_RRM .rgEditForm table,
  .RadGrid_RRM .rgPager table {
    /*font: $font-weight 16px/34px $font-family;*/
    font-size: var(--fontSize);
    background : var(--color5);
    /*color: rgb(118, 117, 117);*/
    }
  .RadGrid_RRM .rgHeader:first-child,
  .RadGrid_RRM th.rgResizeCol:first-child,
  .RadGrid_RRM .rgFilterRow > td:first-child,
  .RadGrid_RRM .rgRow > td:first-child,
  .RadGrid_RRM .rgAltRow > td:first-child {
    border-left-width: 0;
    /** edit column*/
    padding-left: 8px;    }
  .RadGrid_RRM .rgSave,
  .RadGrid_RRM .rgUpdate,
  .RadGrid_RRM .rgCancel,
  .RadGrid_RRM .rgEdit,
  .RadGrid_RRM .rgDel,
  .RadGrid_RRM .rgExpand,
  .RadGrid_RRM .rgCollapse,
  .RadGrid_RRM .rgFilter,
  .RadGrid_RRM .rgAdd,
  .RadGrid_RRM .rgRefresh,
  .RadGrid_RRM .rgSortAsc,
  .RadGrid_RRM .rgSortDesc,
  .RadGrid_RRM .rgUngroup,
  .RadGrid_RRM .rgPagePrev,
  .RadGrid_RRM .rgPageNext,
  .RadGrid_RRM .rgPageFirst,
  .RadGrid_RRM .rgPageLast {
    /*background-image: url('Common/radActionsSprite.png');*/
    width: 45px;
    height: 45px;
    vertical-align: middle;
    font-family: var(--defaultFontIconFamily);
  font-weight : 300;
  background-color : transparent;
  color : var(--color4);
  display: inline-block;
  margin-left : -5px;
  margin-top : 2px;
  text-align : center;
  width : 30px;
  }

  .RadGrid .rgRow, .RadGrid .rgAltRow{
    height : 40px !important;
    min-height : 40px !important;
}

.RadGrid_RRM .rgAltRow {
    background-color: var(--color1);
}

  .RadGrid_RRM .rgAltRow .rgHoveredRow {
    background: var(--color3);
    color: var(--color1);
    border-bottom : 1px dotted var(--color3);
  }

  .RadGrid_RRM .rgRow .rgHoveredRow {
    background: var(--color3);
    color: var(--color1);
    border-bottom : 1px dotted var(--color3);
  }

  .RadGrid_RRM th.rgResizeCol
  {
    border: 0;
    border-bottom: 1px solid var(--color4);
    border-left: 1px solid var(--color4);
    color :var(--color1);
    background : var(--color3) !important;
     }
  .RadGrid_RRM .rgHeader,
  .RadGrid_RRM .rgMultiHeaderRow th.rgHeader  {
    border: 0;
    border-bottom: 1px solid var(--color4);
    border-left: 1px solid var(--color4);
    color :var(--color1) !important;
    background : var(--color2);
     }
    .RadGrid_RRM .rgHeader a {
    color : var(--color3) !important;
    background : var(--color1);
     }
  .RadGrid_RRM .rgHeaderWrapper,
  .RadGrid_RRM .rgMultiHeaderRow th.rgResizeCol {
    border: 0;
    border-bottom: 1px solid var(--color4);
    border-left: 1px solid var(--color4);
    color : var(--color1);
     }
  .RadGrid_RRM .rgHeaderDiv {
    border-right: 1px solid var(--color4); }
  .RadGrid_RRM .rgHeaderWrapper {
    border-bottom: 1px solid var(--color4); }
  .RadGrid_RRM th.rgSorted {
    background-color: var(--color3);
   }
    .RadGrid_RRM .rgRow td {
        background-color : var(--color1);
    }

  .RadGrid_RRM .rgAltRow td {
    background-color : var(--color5);
      /**border: 1px solid #F9F9F9; **/}


  .RadGrid_RRM .rgFooter td {
    border: 0; }
  .RadGrid_RRM .rgAltRow {
      /**row color Alt*/
    border-bottom : 1px dotted var(--color3);
    padding-bottom : 10px; 
    padding-top : 10px; 
    line-height : 15px;
  }
  .RadGrid_RRM .rgAltRow noBorder {
    background: var(--color1);
    padding-bottom : 20px; }
  .RadGrid_RRM .rgAltRow td {
    padding-bottom : 10px;
     }
  .RadGrid_RRM .rgMasterTable .rgSelectedCell,
  .RadGrid_RRM .rgSelectedRow {
    color: var(--color3);
    background: var(--color4) !important;
    border-bottom : 1px dotted var(--color4) !important;
  }
    .RadGrid_RRM .rgMasterTable .rgSelectedCell a,
    .RadGrid_RRM .rgSelectedRow a {
      color: var(--color6);
    }

    .RadGrid_RRM .rgMasterTable .rgSelectedCell td,
    .RadGrid_RRM .rgSelectedRow td {
      /** selected row color*/
        border-bottom: 1px dotted var(--color1) !important;
        background-color : var(--color3);
        color : var(--color1);        
    }

  .RadGrid_RRM .rgMasterTable .rgActiveCell,
  .RadGrid_RRM .rgActiveRow td {
    border-color: var(--color3) !important; }
  .RadGrid_RRM .rgHoveredRow {
    background: var(--color3) !important;
    color: var(--color1); }
    .RadGrid_RRM .rgHoveredRow td {
      background: var(--color3);
    }
    .RadGrid_RRM .rgHoveredRow a {
        background: var(--color3);
      color: var(--color6); }
  .RadGrid_RRM td.rgSorted {
    background: var(--color3);
    border-bottom : 1px dotted var(--color1);
    color: white; }
  .RadGrid_RRM .rgAltRow .rgSorted {
    background: var(--color3);
    border-color: var(--color3); }
  .RadGrid_RRM .rgEditRow {
    background: var(--color3); }
  .RadGrid_RRM .rgDrag {
    background-image: url('Grid/rgDrag.gif');
    width: 25px;
    height: 25px; }
  .RadGrid_RRM .rgFooter td,
  .RadGrid_RRM .rgFooterWrapper {
    border-top: 1px solid;
    border-color: var(--color4); }
  .RadGrid_RRM .rgPager .rgStatus {
    border: solid;
    border-color: var(--color4);
    border-width: 1px 0 0 0; }
  .RadGrid_RRM .rgStatus div {
    background-image: url('Common/loading_small.gif');
    width: 40px; }
  .RadGrid_RRM td.rgPagerCell {
    border-top: 1px solid var(--color4);
    background : var(--color5);
  }
  .RadGrid_RRM .rgPager > td > table {
    height: 50px; }
  .RadGrid_RRM .rgPager .riTextBox, * + html .RadGrid_RRM .rgPager .riSingle .riTextBox, * + html .RadForm.RadForm_RRM .RadGrid_RRM .rgPager .riSingle input[type='text'].rfdDecorated {
    height: 29px;
    line-height: 29px;
  }
 .RadGrid .rgPager .RadComboBox {
    margin: 0 0 0 0;
    vertical-align: top;
    min-width: 60px !important;
    background-color : transparent !important;
    border : none;
}

  .RadGrid .rgPager .RadComboBox {
    margin: 0 0 0 0;
    vertical-align: top;
    min-width: 60px !important;
    background-color : transparent !important;
    border : none;
}

  .RadGrid_RRM .rgPager .riSingle .riTextBox {
    height: 36px; }
  .RadGrid_RRM .rgInfoPart {
    color: var(--color2); }
  .RadGrid_RRM .rgInfoPart strong {
    color: var(--color2); }
  .RadGrid_RRM .rgWrap {
    line-height: 34px; }
  .RadGrid_RRM .rgPagePrev,
  .RadGrid_RRM .rgPageNext,
  .RadGrid_RRM .rgPageFirst,
  .RadGrid_RRM .rgPageLast {
    -webkit-border-radius: var(--cornerWidth);
    -moz-border-radius: var(--cornerWidth);
    border-radius: var(--cornerWidth);
    width: var(--buttonWidth)  !important;
    height: var(--buttonHeight) !important;
    border: 1px solid var(--color4);
    background-color: var(--color4); }
    .RadGrid_RRM .rgPagePrev:hover,
    .RadGrid_RRM .rgPageNext:hover,
    .RadGrid_RRM .rgPageFirst:hover,
    .RadGrid_RRM .rgPageLast:hover {
      background-color: var(--color3);
      border-color: var(--color3); }
    .RadGrid_RRM .rgPagePrev:active,
    .RadGrid_RRM .rgPageNext:active,
    .RadGrid_RRM .rgPageFirst:active,
    .RadGrid_RRM .rgPageLast:active {
      border-color: var(--color3);
      background-color: var(--color3); }
  .RadGrid_RRM .rgPageFirst {
    background-position: -11px -701px; }
  .RadGrid_RRM .rgPagePrev {
    background-position: -11px -101px; }
  .RadGrid_RRM .rgPageNext {
    background-position: -11px -151px; }
  .RadGrid_RRM .rgPageLast {
    background-position: -11px -751px; }
  .RadGrid_RRM .rgPager .rgPagerButton {
    border-color: var(--color5);
    background: var(--color7);
    color: var(--color6);
    height: var(--lineHeight);
    font-size: var(--fontSize);
    line-height: var(--lineHeight);
    }
  .RadGrid_RRM .rgNumPart a {
    border: 1px solid var(--color2);
    line-height: 28px;
    background : var(--color1);
    min-width: 28px;
    margin: 2px !important;
    color: white;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    text-align: center; }
    .RadGrid_RRM .rgNumPart a:hover {
      color : var(--color1) !important;
      border-color: var(--color3);
      background-color: var(--color3); }
    .RadGrid_RRM .rgNumPart a.rgCurrentPage, .RadGrid_RRM .rgNumPart a.rgCurrentPage:hover {
      color : var(--color1) !important;
      border-color: var(--color3);
      background-color: var(--color3); }
  .RadGrid_RRM .rgNumPart span {
    float: none;
    padding: 0; }
  .RadGrid_RRM .rgPager .riTextBox {
    vertical-align: top; }
  .RadGrid_RRM .rgHeader .rgSortAsc,
  .RadGrid_RRM .rgHeader .rgSortDesc {
    height: 10px;
    float: left;
    margin: 12px 2px 0 0; }
  .RadGrid_RRM .rgHeader .rgSortAsc {
    background-position: -20px -20px; }
  .RadGrid_RRM .rgHeader .rgSortDesc {
    background-position: -20px -70px; }
  .RadGrid_RRM .rgFilterRow td {
    border-bottom: 1px solid var(--color2); }
  .RadGrid_RRM .rgFilter {
    width: 36px;
    height: 36px;
    background-position: -7px -4507px;
    border: 1px solid var(--color2); }
  .RadGrid_RRM .rgFilterActive,
  .RadGrid_RRM .rgFilterActive:hover {
    background-position: -57px -4507px; }
  .RadGrid_RRM .rgFilterBox {
    border-color: var(--color4);
    background-color: var(--color1);
    font-weight: 100;
    font-size: 16px;
    line-height: 34px;
    color: var(--color2);
    height: 40px !important;
    padding-left : 5px !important;
  }
  .RadGrid_RRM .rgFilterRow .riSingle .riTextBox {
    height: 40px;
    vertical-align: top; }
  .RadGrid_RRM .rgGroupPanel {
    border: 0;
    border-bottom: 1px solid var(--color2);
    padding: 10px;
    height: 34px; }
  .RadGrid_RRM .rgGroupPanel td {
    border: 0;
    padding: 3px 4px; }
  .RadGrid_RRM .rgGroupPanel td td {
    padding: 0;
    color: var(--color3);
    line-height: 1px; }
  * + html .RadGrid_RRM .rgGroupPanel td td {
    line-height: 20px; }
  .RadGrid_RRM .rgGroupPanel .rgSortAsc {
    background-position: -14.5px -14.5px; }
  .RadGrid_RRM .rgGroupPanel .rgSortDesc {
    background-position: -14.5px -64.5px; }
  .RadGrid_RRM .rgUngroup {
    background-position: -14.5px -3364.5px; }
  .RadGrid_RRM .rgGroupItem {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid var(--color4);
    color: var(--color2);;
    padding: 5px 5px 5px 5px;
    background-color :var(--color1);
  }

  .RadGrid_RRM .rgGroupHeader {
    font-size: 1.1em;
    line-height: 34px;
    color: var(--color1);
    background-color : var(--color2);
  }

  .RadGrid table.rgMasterTable tr .rgGroupCol{
      padding-left : 5px !important;
  }

    .RadGrid_RRM .rgGroupHeader td {
      padding: 0;
      border-bottom: 1px solid var(--color3);
      background-color: var(--color4); }
  .RadGrid_RRM .rgExpand {
    background-position: -12px -168px; }
  
.RadGrid input[type=button] + .rgCollapse {
     font-family: var(--fontIconFamily);
  font-weight : 300;
  background-color : transparent;
  color : var(--color4);
  display: inline-block;
  margin-left : -5px;
  margin-top : 2px;
  text-align : center;
  width : 30px;
    color : var(--color5); 
    background-color :transparent; 
    content : "\f2ee";
}

.RadGrid input[type=button] + .rgCollapse:before {
    color: var(--color5);
    background-color: transparent;
    content: "\f2ee";
}


  .RadGrid_RRM .rgEditForm {
    border-bottom: 1px solid var(--color2); }
  .RadGrid_RRM .rgUpdate {
    background-position: -12px -2612px; }
    .RadGrid_RRM .rgUpdate:active {
      background-position: -62px -2612px; }
  .RadGrid_RRM .rgCancel {
    background-position: -12px -2812px; }
    .RadGrid_RRM .rgCancel:active {
      background-position: -62px -2812px; }
  .RadGrid_RRM .rgDetailTable {
    border-color: var(--color2); }
  .RadGrid_RRM .rgCommandRow,
  .RadGrid_RRM .rgCommandRow a {
    text-decoration: none;
    background-color : var(--color1);
  }
  .RadGrid_RRM .rgCommandCell {
    border: 0;
    border-bottom: 1px solid var(--color2);
    }
  .RadGrid_RRM tfoot .rgCommandCell,
  .RadGrid_RRM .rgMasterTable > tbody > tr.rgCommandRow .rgCommandCell {
    border-top: 1px solid var(--color2);
    border-bottom: 0; }
  .RadGrid_RRM .rgCommandTable td {
    border: 0;
    padding: 2px 7px; }
  .RadGrid_RRM .rgCommandTable {
    border: 0; }
  .RadGrid_RRM .rgAdd,
  .RadGrid_RRM .rgRefresh {
    vertical-align: middle; }
  .RadGrid_RRM input.rgAdd,
  .RadGrid_RRM input.rgRefresh,
  .RadGrid_RRM .rgSave,
  .RadGrid_RRM .rgCommandRow .rgCancel {
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    border: 1px solid white;
    margin-right: 3px;
    width: 28px;
    height: 28px; }
    .RadGrid_RRM input.rgAdd:hover, .RadGrid_RRM input.rgAdd:active,
    .RadGrid_RRM input.rgRefresh:hover,
    .RadGrid_RRM input.rgRefresh:active,
    .RadGrid_RRM .rgSave:hover,
    .RadGrid_RRM .rgSave:active,
    .RadGrid_RRM .rgCommandRow .rgCancel:hover,
    .RadGrid_RRM .rgCommandRow .rgCancel:active {
      border: 1px solid var(--color3); }
  .RadGrid_RRM input.rgAdd {
    background-position: -12px -3012px; }
    .RadGrid_RRM input.rgAdd:hover, .RadGrid_RRM input.rgAdd:active {
      background-position: -62px -3012px; }
  .RadGrid_RRM input.rgRefresh {
    background-position: -12px -1312px; }
    .RadGrid_RRM input.rgRefresh:hover, .RadGrid_RRM input.rgRefresh:active {
      background-position: -62px -1312px; }
  .RadGrid_RRM .rgSave {
    background-position: icon-save(26px, 26px, 1); }
    .RadGrid_RRM .rgSave:hover, .RadGrid_RRM .rgSave:active {
      background-position: icon-save(26px, 26px, 2); }
  .RadGrid_RRM .rgCommandRow .rgCancel {
    background-position: -12px -2812px; }
    .RadGrid_RRM .rgCommandRow .rgCancel:hover, .RadGrid_RRM .rgCommandRow .rgCancel:active {
      background-position: -62px -2812px; }
  .RadGrid_RRM .rgEdit {
    margin-right: 3px;
    background-position: -12px -3112px; }
  .RadGrid_RRM .rgDel {
    margin-right: 3px;
    background-position: -12px -3312px; }
  .RadGrid_RRM .rgExpXLS,
  .RadGrid_RRM .rgExpDOC,
  .RadGrid_RRM .rgExpPDF,
  .RadGrid_RRM .rgExpCSV {
    background-image: url('../Common/Grid/export.gif'); }
  .RadGrid_RRM .rgExpXLS {
    background-position: 0 0; }
  .RadGrid_RRM .rgExpDOC {
    background-position: 0 -50px; }
  .RadGrid_RRM .rgExpPDF {
    background-position: 0 -100px; }
  .RadGrid_RRM .rgExpCSV {
    background-position: 0 -150px; }

/*filter context menu*/
.RadMenu_RRM .rgHCMClear,
.RadMenu_RRM .rgHCMFilter {
  border-color: var(--color4);
  background: var(--color3);
  color: var(--color1);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0; }

.RadMenu_RRM .rgHCMClear:hover,
.RadMenu_RRM .rgHCMFilter:hover {
  border-color: var(--color3);
  background-color: var(--color3);
  color: var(--color2); }

.RadGrid input[type="image"] {
    cursor: pointer;
    background-color: var(--color4);
}

.RadGrid input[type="image"]:hover {
    cursor: pointer;
    background-color: var(--color3);
}
/*context menu*/
.GridContextMenu_RRM .rmLeftImage {
  background-image: url('../Common/Grid/contextMenu.gif'); }
.GridContextMenu_RRM .rgHCMSortAsc .rmLeftImage {
  background-position: 0 -20px; }
.GridContextMenu_RRM .rgHCMSortDesc .rmLeftImage {
  background-position: 0 -60px; }
.GridContextMenu_RRM .rgHCMUnsort .rmLeftImage {
  background-position: 0 -100px; }
.GridContextMenu_RRM .rgHCMGroup .rmLeftImage {
  background-position: 0 -140px; }
.GridContextMenu_RRM .rgHCMUngroup .rmLeftImage {
  background-position: 0 -180px; }
.GridContextMenu_RRM .rgHCMCols .rmLeftImage {
  background-position: 0 -220px; }
.GridContextMenu_RRM .rgHCMFilter .rmLeftImage {
  background-position: 0 -260px; }
.GridContextMenu_RRM .rgHCMUnfilter .rmLeftImage {
  background-position: 0 -300px; }

.GridReorderTop_RRM,
.GridReorderBottom_RRM {
  width: 1px;
  height: 30px;
  margin: 24px 0 0 -2px;
  border-right: 1px solid var(--color4);
  border-left: 1px solid var(--color4);
  border-color: var(--color2_o5);
  background: var(--color1) !important; }

.GridReorderBottom_RRM {
  margin: -24px 0 0 -2px; }

.GridReorderBottom_RRM:after,
.GridReorderTop_RRM:before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  margin-left: -5px;
  margin-top: -6px;
  background: white;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  border: 1px solid var(--color4);
  border-bottom-width: 0;
  border-color: rgba(255, 255, 255, 0.5); }

.GridReorderBottom_RRM:after {
  border-top-width: 0;
  border-bottom-width: 1px;
  margin-top: 29px; }

/*multirow select*/
.rgCellSelectorArea_RRM,
.GridRowSelector_RRM {
  background: var(--color3); }

/*row drag n drop*/
.GridItemDropIndicator_RRM {
  border-top: 1px dashed var(--color3); }

/*tooltip*/
.GridToolTip_RRM {
  border: 1px solid var(--color4);
  padding: 3px;
  background: var(--color3);
  color: var(--color2); }

/*rtl*/
.RadGridRTL_RRM .rgHeader:first-child,
.RadGridRTL_RRM th.rgResizeCol:first-child,
.RadGridRTL_RRM .rgFilterRow > td:first-child,
.RadGridRTL_RRM .rgRow > td:first-child,
.RadGridRTL_RRM .rgAltRow > td:first-child {
  border-left-width: 1px;
  padding-left: 7px; }
.RadGridRTL_RRM .rgPageFirst {
  background-position: -111px -761px; }
.RadGridRTL_RRM .rgPageFirst:active {
  background-position: -11px -761px; }
.RadGridRTL_RRM .rgPagePrev {
  background-position: -111px -161px; }
.RadGridRTL_RRM .rgPagePrev:active {
  background-position: -11px -161px; }
.RadGridRTL_RRM .rgPageNext {
  background-position: -111px -111px; }
.RadGridRTL_RRM .rgPageNext:active {
  background-position: -11px -111px; }
.RadGridRTL_RRM .rgPageLast {
  background-position: -111px -711px; }
.RadGridRTL_RRM .rgPageLast:active {
  background-position: -11px -711px; }
.RadGridRTL_RRM .rgExpand {
  background-position: -112px -112px; }

.RadGrid .rgHeader, .RadGrid th.rgResizeCol
{
   background-color : var(--color1) !important;
}

.RadGrid .rgNumPart span
{
    text-align : right !important;
    float: left;
    line-height: 22px;
    margin: 10px;
    text-decoration: none;
}

.RadGrid .rgPagerLabel {
    vertical-align: middle !important;
    font-size: var(--fontSize);
    padding-top: 50px;
    padding-right: 10px;
}

/** START CSS RadCalendar_RRM **/

.RadCalendar .t-font-icon::before {
    display: block;
    font-size : var(--fontSize);
    font-family : var(--fontIconFamily);
    font-family: var(--fontIconFamily);
  font-weight : 900;
  font-size : 1.5em;
  content : "\f209";
}

.RadCalendar_RRM {
    background: var(--color5);
    font-size: var(--fontSize);
    min-width: 330px;
}

.RadCalendar .rcTitlebar .rcPrev, .RadCalendar .rcTitlebar .rcNext, .RadCalendar .rcTitlebar .rcFastPrev, .RadCalendar .rcTitlebar .rcFastNext {
    display: block;
    width: 15px;
    height: 15px;
    overflow: hidden;
    margin: 0px !important;
    background-color: transparent;
    background-repeat: no-repeat;
    text-indent: -2222px;
    text-decoration: none;
    font-family: var(--fontIconFamily);
    font-weight : 300;
    font-size : 1.5em;
}

.RadCalendar_RRM .rcTitlebar {
    padding: 0;
    border-color: var(--color2);
    background-color: var(--color1);
    color: var(--color2);
    border-radius: var(--borderRadius) var(--borderRadius) 0 0;
}

.RadCalendar_RRM .rcTitlebar table {
    font-size: var(--fontSize);
}

.RadCalendar .rcTitlebar {
    width: auto !important;
}

.RadCalendar span.rcTitle {
    margin-top: 10px !important;
}

.RadCalendar_RRM .rcTitlebar .rcPrev, .RadCalendar_RRM .rcTitlebar .rcNext, .RadCalendar_RRM .rcTitlebar .rcFastPrev, .RadCalendar_RRM .rcTitlebar .rcFastNext {
    margin: 5px;
    width: var(--heightLine) !important;
    height: var(--heightLine) !important;
    text-indent: 0px !important;
    border: 1px solid transparent;
    border-radius: var(--borderRadius);
    /** replace by FontAwesome */
    /** background-image: url('Common/radActionsSprite.pngX');*/
    font-size: 1.5em;
    color: var(--color3);
    font-family: var(--fontIconFamily);
    font-weight: 300;
    font-size: 2em;
    padding-top: 5px !important;
}

.RadCalendar_RRM .rcTitlebar .rcPrev:hover, .RadCalendar_RRM .rcTitlebar .rcNext:hover, .RadCalendar_RRM .rcTitlebar .rcFastPrev:hover, .RadCalendar_RRM .rcTitlebar .rcFastNext:hover {
    color : var(--color1);
    border-color: var(--color3);
    background-color: var(--color3);
    height : var(--heightLine) !important;
}

.RadCalendar .rcTitlebar .rcPrev, .RadCalendar .rcTitlebar .rcNext, .RadCalendar .rcTitlebar .rcFastPrev, .RadCalendar .rcTitlebar .rcFastNext {
    margin-left : 5px !important;
    margin-top : 5px !important;
    content : "" !important;
}

.RadCalendar_RRM .rcTitlebar .rcFastPrev::before {
    position : relative;
    top : 0px;
    left : 5px;
    content : "\f100";
}

.RadCalendar_RRM .rcTitlebar .rcPrev::before {
    position : relative;
    top : 0px;
    left : 5px;
    content : "\f104";
}

.RadCalendar_RRM .rcTitlebar .rcNext::before {
    position : relative;
    top : 0px;
    left : 5px;
    content : "\f105";
}

.RadCalendar_RRM .rcTitlebar .rcFastNext::before {
    position : relative;
    top : 0px;
    left : 5px;
    content : "\f101";
}

.RadCalendar_RRM .rcMain {
    border-color: var(--color4);
    border-radius: 0 0 4px 4px;
}

.RadCalendar_RRM .rcMainTable {
    font: var(--fontSize) var(--fontFamily);
}

.RadCalendar_RRM .rcCalendars > .rcMainTable {
    border-collapse: collapse;
}

.RadCalendar_RRM .rcHeader, .RadCalendar_RRM .rcFooter {
    border-color: var(--color4);
}

.RadCalendar_RRM th.rcViewSel {
    padding: 6px 14px;
    width: 6px;
    background: var(--color6);
    border-right: 1px solid var(--color5);
}

.RadCalendar .rcWeek th {
    padding: 5px !important;
}

.RadCalendar_RRM .rcWeek th {
    padding: 5px;
    color: var(--color1) !important;
    background-color : var(--color4) !important;
    text-align: center !important;
}

.RadCalendar_RRM .rcRow th {
    border-right: 1px solid var(--color4);
    background-color: var(--color4);
    padding : 5px !important;
}

.RadCalendar_RRM .rcRow td {
    border-color: transparent;
}

.RadCalendar_RRM .rcMain .rcRow a, .RadCalendar_RRM .rcMain .rcRow span {
    padding: 0;
    width: 32px;
    height: 32px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: var(--color3);
    text-align: center;
    line-height: 2.3;
}

.RadCalendar_RRM .rcRow .rcToday a {
    background: var(--color6);
    border-color: var(--color4);
    box-shadow: 0 0 6px 1px var(--color4);
}

.RadCalendar_RRM .rcRow th, .RadCalendar_RRM .rcMain .rcOtherMonth a, .RadCalendar_RRM .rcMain .rcOutOfRange span {
    color: var(--color1);
}

.RadCalendar_RRM .rcMain .rcWeekend a {
    color: var(--color4);
}

.RadCalendar_RRM .rcMain .rcRow .rcSelected a {
    border-color: var(--color3);
    background: var(--color3);
    color: var(--color1);
}

.RadCalendar_RRM .rcRow .rcHover a {
    color : var(--color1);
    border-color: var(--color3);
    background-color: var(--color3);
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);
}

.RadCalendarMultiView_RRM .rcTitlebar {
    padding: 0;
    border-bottom: 0 none;
    background: var(--color6);
}

.RadCalendarMultiView_RRM .rcMain {
    border-color: var(--color6);
    border-radius: 0 0 4px 4px;
    border-width: 0 1px 1px 0;
}

.RadCalendarMultiView_RRM .rcCalendar {
    border-color: var(--color1);
    border-width: 1px 0 0 1px;
}

.RadCalendarMultiView_RRM .rcMainTable .rcTitle {
    border-color: var(--color1);
    background: var(--color6);
    color: var(--color2);
    line-height: 35px;
}

.RadCalendarMonthView_RRM {
    width: 240px;
    font-family: var(--fontFamily);
    font-size: var(--fontSize);
    border-radius: var(--borderRadius);
    border-color: var(--color1);
    background: var(--color5);
    color: var(--color2);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}

.RadCalendarMonthView_RRM tr td {
    padding: 0 0 0 3px;
}

.RadCalendarMonthView_RRM #rcMView_Feb, .RadCalendarMonthView_RRM #rcMView_Apr, .RadCalendarMonthView_RRM #rcMView_Jun, .RadCalendarMonthView_RRM #rcMView_Aug, .RadCalendarMonthView_RRM #rcMView_Oct, .RadCalendarMonthView_RRM #rcMView_Dec {
    border-right: 1px solid var(--color1);
}

.RadCalendarMonthView_RRM a {
    margin: 1px;
    padding: 0;
    width: 50px;
    height: 25px;
    line-height: 25px;
    color: var(--color2);
    border-radius: 4px;
}

    .RadCalendarMonthView_RRM a:hover {
        background-color: var(--color3);
    }

.RadCalendarMonthView_RRM .rcSelected a {
    margin: 0;
    padding: 0;
    border-radius: 4px;
    border: 0 none;
    background-color: var(--color3);
    color: var(--color6);
}

.RadCalendarMonthView_RRM #rcMView_PrevY a, .RadCalendarMonthView_RRM #rcMView_NextY a {
    text-indent: 0;
}

.RadCalendarMonthView_RRM #rcMView_PrevY a:hover, .RadCalendarMonthView_RRM #rcMView_NextY a:hover {
    background-color: var(--color3);
}

.RadCalendarMonthView_RRM .rcButtons {
    padding: 7px 0 7px 1px;
    width: auto;
}

.RadCalendarMonthView_RRM .rcButtons input {
    margin: 0 5px 5px;
    height: 34px;
    float: left;
    font-family: var(--fontFamily);
    font-size: var(--fontSize);
    color: var(--color2);
    border: 1px solid var(--color1);
    border-radius: 4px;
    background: var(--color5);
}

.RadCalendarMonthView_RRM .rcButtons input:hover {
    background: var(--color3);
    border-color: var(--color1);
    color: var(--color2);
}

.RadCalendarMonthView_RRM #rcMView_Today {
    margin: 0 11px 0 5px;
    width: 65px;
}

.RadCalendarMonthView_RRM #rcMView_OK {
    margin: 0 5px 0 0;
    width: 62px;
    background: var(--color3);
    color: var(--color5);
}

.RadCalendarMonthView_RRM #rcMView_Cancel {
    margin: 0;
    width: 62px;
}

table.RadCalendarTimeView_RRM {
    border-color: var(--color1);
    border-radius: 4px;
    background: var(--color6);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}

.RadCalendarTimeView_RRM th {
    line-height: 35px;
    border-bottom: 1px solid var(--color1);
    background: var(--color5);
    border-radius: 4px 4px 0 0;
}

table.RadCalendarTimeView_RRM td {
    padding: 2px 5px;
    width: 70px;
    border-color: var(--color1);
}

.RadCalendarTimeView_RRM a {
    padding: 1px;
    white-space: nowrap;
    border-radius: 4px;
    color: var(--color2);
}

.RadCalendarTimeView_RRM td.rcSelected a {
    padding: 0;
    background: var(--color3);
    color: var(--color6);
    border: 0;
}

.RadCalendarTimeView_RRM td.rcHover a {
    background: var(--color5);
    border: 0;
    padding: 0;
}

.RadCalendarTimeView_RRM .rcFooter {
    border-color: var(--color1);
}

.RadPicker_RRM.RadDateTimePicker .rcCalPopup {
    margin-left: -1px;
    margin-right: 0;
    border-radius: 0;
}

.RadPicker_RRM td input.riTextBox {
    border-radius: 4px 0 0 4px;
}

.RadPicker .rcCalPopup, .RadPicker .rcTimePopup, .RadPicker_RRM .rcCalPopup, .RadPicker_RRM .rcTimePopup {
    width: var(--heightButton) !important;
    height: var(--heightButton) !important;
    border: 1px solid var(--color1);
    /**background-image: url('Common/radActionsSprite.pngx');*/
    background-color: var(--color5);
}

    .RadPicker_RRM .rcCalPopup:hover, .RadPicker_RRM .rcTimePopup:hover {
        background-color: var(--color3) !important;
    }

.RadPicker_RRM .rcCalPopup {
    height: 25px !important;
    width: 25px !important;
    background-color: var(--color5);
    -webkit-mask: url(../svg/calendar.svg) no-repeat 50% 50%;
    mask: url(../svg/calendar.svg) no-repeat 50% 50%;
    /*  background-size: 25px 25px;*/
    position: relative;
    padding-left : 5px;
    top: 5px;
    left: 0px;
}

.RadPicker_RRM .rcTimePopup {
    height: 25px !important;
    width: 25px !important;
    background-color: var(--color5);
    -webkit-mask: url(../svg/clock-solid.svg) no-repeat 50% 50%;
    mask: url(../svg/clock-solid.svg) no-repeat 50% 50%;
    /*  background-size: 25px 25px;*/
    position: relative;
    top: 5px;
    padding-left : 5px;
    left: 0px;
}

    .RadPicker_RRM .rcTimePopup:hover {
        background-position: -105px -4255px;
    }

.RadCalendarPopup .RadCalendar_RRM {
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    border-radius: 4px;
}

.RadCalendarRTL_RRM .rcTitlebar .rcFastPrev {
    background-position: -59px -959px;
}

.RadCalendarRTL_RRM .rcTitlebar a.rcFastPrev:hover {
    background-position: -59px -959px;
}

.RadCalendarRTL_RRM .rcTitlebar .rcPrev {
    background-position: -9px -159px;
}

.RadCalendarRTL_RRM .rcTitlebar a.rcPrev:hover {
    background-position: -59px -159px;
}

.RadCalendarRTL_RRM .rcTitlebar .rcNext {
    background-position: -9px -109px;
}

.RadCalendarRTL_RRM .rcTitlebar a.rcNext:hover {
    background-position: -59px -109px;
}

.RadCalendarRTL_RRM .rcTitlebar .rcFastNext {
    background-position: -9px -909px;
}

.RadCalendarRTL_RRM .rcTitlebar a.rcFastNext:hover {
    background-position: -59px -909px;
}

/** override **/
.RadPicker .rcCalPopup, .RadPicker .rcTimePopup {
    background-color: var(--color4) !important;
     left: 10px;
    top: 0px;
}

/** END CSS RadCalendar_RRM **/

/** START CSS RadCombobox_RRM **/

.RadComboBox_RRM {
    color: var(--color4);
    background-color: var(--color1);
    border: 1px solid var(--color4);
}

    .RadComboBox_RRM table {
        background-color: var(--color1);
    }

    .RadComboBox_RRM .rcbInputCell,
    .RadComboBox_RRM .rcbArrowCell {
        border: 1px solid;
    }

    .RadComboBox_RRM .rcbInputCell {
        border-color: var(--color2);
        color: var(--color7);
        background-color: var(--color1);
    }

    .RadComboBox_RRM .rcbInputCellLeft {
        border-right: 0;
    }

    .RadComboBox_RRM .rcbInputCellRight {
        border-left: 0;
    }

    .RadComboBox_RRM .rcbInput {
        color: var(--color7);
        font-size: var(--fontSize);
        line-height: 22px;
    }

    .RadComboBox_RRM .rcbEmptyMessage {
        color: var(--color2);
        font-style: italic;
    }

    .RadComboBox_RRM .rcbArrowCell {
        border-color: var(--color2);
        color: var(--color1);
        background-color: var(--color2);
    }

    .RadComboBox_RRM .rcbArrowCellLeft.rcbArrowCellHidden,
    .RadComboBox_RRM .rcbArrowCellRight.rcbArrowCellHidden {
        border-color: var(--color2);
        color: var(--color1);
        background-color: var(--color2);
        background-image: none;
    }

    .RadComboBox_RRM .rcbArrowCellLeft.rcbArrowCellHidden {
        border-right: 0;
    }

    .RadComboBox_RRM .rcbArrowCellRight.rcbArrowCellHidden {
        border-left: 0;
    }

    .RadComboBox_RRM .rcbHovered .rcbInputCell {
        border-color: var(--color2);
        color: var(--color2);
        background-color: var(--color1);
    }

    .RadComboBox_RRM .rcbHovered .rcbInput {
        color: var(--color2);
        background-color : var(--color1);
    }

    .RadComboBox_RRM .rcbHovered .rcbArrowCell {
        border-color: var(--color4);
        color: var(--color4);
        background-color: var(--color3);
    }

    .RadComboBox .rcbHovered .rcbArrowCellRight {
    background-color: var(--color3) !important;
}

    .RadComboBox_RRM .rcbHovered .rcbArrowCellLeft.rcbArrowCellHidden,
    .RadComboBox_RRM .rcbHovered .rcbArrowCellRight.rcbArrowCellHidden {
        border-color: var(--color2);
        color: var(--color2);
        background-color: var(--color3) !important;
    }

    .RadComboBox_RRM .rcbFocused .rcbInputCell {
        border-color: var(--color4);
        color: var(--color2);
        background-color: var(--color5);
    }

    .RadComboBox_RRM .rcbFocused .rcbInput {
        color: var(--color7);
        /* border around input on focus, turn off for combobox */
        border-radius: 0px;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
    }

    .RadComboBox_RRM .rcbFocused .rcbArrowCell {
        border-color: var(--color4);
        color: var(--color7);
        background-color: var(--color2);
    }

    .RadComboBox_RRM .rcbFocused .rcbArrowCellLeft.rcbArrowCellHidden,
    .RadComboBox_RRM .rcbFocused .rcbArrowCellRight.rcbArrowCellHidden {
        border-color: var(--color5);
        color: var(--color2);
        background-color: var(--color5);
    }

    .RadComboBox_RRM .rcbDisabled {
        border-color: var(--color1);
        color: var(--color4);
        background-color: var(--color5);
    }

        .RadComboBox_RRM .rcbDisabled .rcbInput {
            color: var(--color4);
        }

        .RadComboBox_RRM .rcbDisabled .rcbArrowCell {
            border-color: var(--color2);
            color: var(--color4);
            background-color: var(--color5);
            background-position: -61px 50%;
        }

        .RadComboBox_RRM .rcbDisabled .rcbArrowCellLeft.rcbArrowCellHidden,
        .RadComboBox_RRM .rcbDisabled .rcbArrowCellRight.rcbArrowCellHidden {
            border-color: var(--color4);
            color: var(--color4);
            background-color: var(--color5);
        }

    .RadComboBox_RRM .rcbReadOnly .rcbInputCell {
        border-color: var(--color2);
        color: var(--color2);
        background-color: var(--color1);
        min-width : 50px !important;
    }

    .RadComboBox_RRM .rcbReadOnly .rcbInput {
        color: var(--color3);
    }

    .RadComboBox_RRM .rcbReadOnly .rcbArrowCell {
        background-position: -2px 50%;
    }

    .RadComboBox_RRM .rcbReadOnly .rcbArrowCellLeft {
        border-right: 0;
    }

    .RadComboBox_RRM .rcbReadOnly .rcbArrowCellRight {
        border-left: 0;
    }

        .RadComboBox_RRM .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden,
        .RadComboBox_RRM .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
            border-color: var(--color6);
            color: var(--color7);
            background-color: var(--color6);
        }

    .RadComboBox_RRM .rcbHovered .rcbReadOnly .rcbInputCell {
        border-color: var(--color4);
        color: var(--color7);
        background-color: var(--color1);
    }

    .RadComboBox_RRM .rcbHovered .rcbReadOnly .rcbInput {
        color: var(--color7);
    }

    .RadComboBox_RRM .rcbHovered .rcbReadOnly .rcbArrowCell {
        /**background-position: -22px 50%;*/
    }

    .RadComboBox_RRM .rcbHovered .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden,
    .RadComboBox_RRM .rcbHovered .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
        border-color: var(--color2);
        color: var(--color7);
        background-color: var(--color2);
    }

    .RadComboBox_RRM .rcbFocused .rcbReadOnly .rcbInputCell {
        border-color: var(--color5);
        color: var(--color2);
        background-color: var(--color5);
    }

    .RadComboBox_RRM .rcbFocused .rcbReadOnly .rcbInput {
        color: var(--color2);
    }

    .RadComboBox_RRM .rcbFocused .rcbReadOnly .rcbArrowCell {
        background-position: -42px 50%;
    }

    .RadComboBox_RRM .rcbFocused .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden,
    .RadComboBox_RRM .rcbFocused .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
        border-color: var(--color5);
        color: var(--color2);
        background-color: var(--color5);
    }

    .RadComboBox_RRM .rcbDisabled .rcbReadOnly .rcbInputCell {
        border-color: var(--color5);
        color: var(--color4);
        background-color: var(--color5);
    }

    .RadComboBox_RRM .rcbDisabled .rcbReadOnly .rcbInput {
        color: var(--color4);
    }

    .RadComboBox_RRM .rcbDisabled .rcbReadOnly .rcbArrowCell {
        background-position: -62px 50%;
    }

    .RadComboBox_RRM .rcbDisabled .rcbReadOnly .rcbArrowCellLeft.rcbArrowCellHidden,
    .RadComboBox_RRM .rcbDisabled .rcbReadOnly .rcbArrowCellRight.rcbArrowCellHidden {
        border-color: var(--color6);
        color: var(--color2);
        background-color: var(--color1);
    }

.RadComboBoxDropDown_RRM {
    border-color: var(--color4);
    color: var(--color4);
    background: var(--color1);
    /** drop down background color*/
    font-size: 12px;
    line-height: 20px;
    height: 140px;
}

    .RadComboBoxDropDown_RRM .rcbHeader,
    .RadComboBoxDropDown_RRM .rcbFooter {
        color: var(--color7);
        background-color: var(--color1);
        background-image: url('ComboBox/comboarrowdown.gif');
        background-position: 0 -500px;
    }

    .RadComboBoxDropDown_RRM .rcbHeader {
        border-bottom-color: var(--color1);
    }

    .RadComboBoxDropDown_RRM .rcbFooter {
        border-top-color: var(--color1);
    }

    .RadComboBoxDropDown_RRM .rcbHovered {
        color: var(--color1);
        background: var(--color3);
    }

    .RadComboBoxDropDown_RRM .rcbDisabled {
        color: var(--color5);
        background-color: var(--color1);
    }

    .RadComboBoxDropDown_RRM .rcbLoading {
        color: var(--color3);
        background: var(--color1);
    }

    .RadComboBoxDropDown_RRM .rcbItem em,
    .RadComboBoxDropDown_RRM .rcbHovered em {
        color: var(--color1);
        background: var(--color3);
    }

    .RadComboBoxDropDown_RRM .rcbCheckAllItems {
        color: var(--color3);
        background-color: var(--color1);
    }

    .RadComboBoxDropDown_RRM .rcbCheckAllItemsHovered {
        color: var(--color3);
        background-color: var(--color1);
    }

    .RadComboBoxDropDown_RRM .rcbMoreResults {
        border-top-color: var(--color5);
        color: var(--color3);
        background-color: var(--color4);
    }

        .RadComboBoxDropDown_RRM .rcbMoreResults a {
            width: 26px !important;
            height: 26px !important;
            background-color: var(--color1);
            -webkit-mask: url(/asset/svg/angle-double-down.svg) no-repeat 50% 50%;
            mask: url(/asset/svg/angle-double-down.svg) no-repeat 50% 50%;
            background-size: 25px 25px;
        }

    .RadComboBoxDropDown_RRM .rcbSeparator {
        color: var(--color4);
        background: var(--color5);
    }


.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered {
    /**padding: 10px 0px 0px 5px !important;*/
    padding: 0px 0px 0px 0px !important;
    min-height: 30px !important;
    background-repeat: repeat-x;
    font-size: var(--fontSize);
    font-family: var(--fontFamily);
    padding-left: 5px !important;
    line-height : 30px;
    /**line-height : var(--heightButton);*/
    /** height of combobox*/
}

.RadComboBox .rcbArrowCellRight {
    background-color : var(--color4) !important;
}

.RadComboBox .rcbHovered .rcbArrowCellRight {
    background-color: red;
    color: var(--color3);
}

.RadComboBox .rcbArrowCell a {
    /* Right drop downbutton */
    width: var(--heightCombobox) !important;
    height: var(--heightCombobox) !important;
    /** this is the height of combobox*/
    background-color: var(--color1);
    -webkit-mask: url(/asset/svg/angle-double-down.svg) no-repeat 50% 50%;
    mask: url(/asset/svg/angle-double-down.svg) no-repeat 50% 50%;
    background-size: 45px 45px;
}

.RadComboBox .rcbLabel {
    display: inline-block;
    vertical-align: top;
    padding-right: 0px !important;
    margin-left: 10px !important;
    margin-right : -10px !important;
    line-height: var(--lineHeight);
    *zoom: 1;
}

/** END CSS RadCombo_RRM **/


/** START CSS RadListBox_RRM **/
.RadListBoxScrollable .rlbGroupLeft, .RadListBoxScrollable .rlbGroupRight, .RadListBoxScrollable .rlbGroupTop, .RadListBoxScrollable .rlbGroupBottom {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: var(--color1);
    border: 1px solid var(--color1);
}


/** END CSS RadListBox_RRM **/
.RadColorPicker_RRM {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}

.RadColorPicker ul li {
    margin: 0;
        margin-bottom: 0px;
    padding: 0;
    border: 0;
    list-style: none;
    height: auto;
    display: inline-block;
    float: left;
    width: 110px;
}

    .RadColorPicker_RRM .rcpTabs, .RadColorPicker_RRM .rcpHexInput, .RadColorPicker_RRM .rcpInput, .RadColorPicker_RRM label, .RadColorPicker_RRM .rcpButton, .RadColorPicker_RRM .rcpRecentColorsLabel {
        font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
    }

    .RadColorPicker_RRM.RadColorPicker {
        width: 51px;
    }

    .RadColorPicker_RRM div.rcpHeader .rcpImageButton, .RadColorPicker_RRM .rcpSlider div.rslTrack, .RadColorPicker_RRM .rcpSlider .rslTrack a.rslDraghandle, .RadColorPicker_RRM div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle {
        background-image: url('ColorPicker/rcpSprite.png');
    }

    .RadColorPicker_RRM div.rcpMillionColorsSlider div.rslVertical a.rslDraghandle {
        margin-left: 4px;
    }

    .RadColorPicker_RRM .rcpViews, .RadColorPicker_RRM .rcpHeader, .RadColorPicker_RRM .rcpPageView {
        background-color: var(--color1);
    }

    .RadColorPicker_RRM div.rcpHeader {
        background-color: var(--color5);
        border-bottom: 1px solid var(--color4);
        margin: 0 -7px 10px -7px;
        padding: 7px 8px 7px 10px;
        border-radius: 4px 4px 0 0;
    }

    .RadColorPicker_RRM div.rcpPalette {
        border: 1px solid var(--color1);
        background-color: var(--color1);
        padding: 0 7px 10px;
        border-radius: 4px;
        box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    }

        .RadColorPicker_RRM div.rcpPalette label, .RadColorPicker_RRM div.rcpRecentColorsLabel {
            line-height: 20px;
        }

    .RadColorPicker_RRM .rcpInputsWrapper li label {
        line-height: 37px;
        min-width : 15px;
    }

    .RadColorPicker_RRM div.rcpColorPreview {
        height: 32px;
        width: 65px;
        border: 1px solid var(--color1);
        margin: 0;
        border-radius: 4px 0 0 4px;
        box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
    }

    .RadColorPicker_RRM.RadColorPicker .rcpPalette input.rcpHexInput {
        width: 167px;
        height: 20px;
        line-height: 20px;
        padding: 6px 12px;
        margin: 0 0 0 -1px;
        border: 1px solid var(--color1);
        font-size: 14px;
        background-color: var(--color5);
        box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
    }

    .RadColorPicker_RRM div.rcpHeader .rcpImageButton {
        width: 32px;
        height: 32px;
        margin-left: -1px;
        border: 1px solid var(--color1);
        box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
    }

        .RadColorPicker_RRM div.rcpHeader .rcpImageButton:last-child {
            border-radius: 0 4px 4px 0;
        }

    .RadColorPicker_RRM div.rcpHeader .rcpEmptyColor {
        background-position: -50px -88px;
    }

    .RadColorPicker_RRM div.rcpHeader .rcpCustomColorButton {
        background-position: 0 -88px;
    }

    .RadColorPicker_RRM div.rcpHeader .rcpButton {
        width: 42px;
        height: 20px;
        padding: 6px 12px;
        color: var(--color1) !important;
        background-color: var(--color4);
        background-image: linear-gradient();
        border-radius: var(--radiusBorder)
    }

        .RadColorPicker_RRM div.rcpHeader .rcpButton:hover, .RadColorPicker_RRM div.rcpHeader .rcpButton:focus {
            border-color: var(--color1);
            color: var(--color2);
            background-color: var(--color3);
            background-image: linear-gradient();
            box-shadow: inset 0 0 1px var(--color5);
        }

        .RadColorPicker_RRM div.rcpHeader .rcpButton:focus {
            outline-width: thin;
            outline-offset: -2px;
            outline-color: var(--color1);
        }

        .RadColorPicker_RRM div.rcpHeader .rcpButton:active {
            border-color: var(--color1);
            color: var(--color2);
            background-color: var(--color1);
            background-image: linear-gradient();
            box-shadow: 0 3px 5px rgba(0,0,0,0.125) inset;
            color: var(--color2);
        }

        .RadColorPicker_RRM div.rcpHeader .rcpButton span {
            padding-left: 0;
        }

    .RadColorPicker_RRM .rcpColorPreview, .RadColorPicker_RRM .rcpInput, .RadColorPicker_RRM .rcpHexInput, .RadColorPicker_RRM .rcpMillionColorsPalette {
        border-color: var(--color1);
    }

    .RadColorPicker_RRM .rcpMillionColorsSlider div.rslTrack {
        border: 1px solid var(--color1);
    }

html.RadForm.rfdTextbox .RadColorPicker_RRM input.rcpInput, div.RadForm.rfdTextbox .RadColorPicker_RRM input.rcpInput {
    width: 26px;
}

.RadColorPicker_RRM .rcpPalette, .RadColorPicker_RRM input, .RadColorPicker_RRM a {
    color: var(--color2);
}

.RadColorPicker_RRM ul.rcpWebPalette li, .RadColorPicker_RRM .rcpColorBox, .RadColorPicker_RRM .rcpColorBox span, .RadColorPicker_RRM .rcpSelectedColor, .RadColorPicker_RRM .rcpSelectedColor span {
    *font-size: 1px;
}

    .RadColorPicker_RRM .rcpColorBox span {
        width: 18px;
        height: 18px;
    }

    .RadColorPicker_RRM .rcpSelectedColor span {
        width: 18px;
        height: 18px;
    }

.RadColorPicker_RRM div.rcpTabs {
    bottom: -43px;
    left: -1px;
}

    .RadColorPicker_RRM div.rcpTabs ul li, .RadColorPicker_RRM div.rcpTabs ul li.rcpSelectedTab {
        margin: -4px 2px 0 0;
    }

.RadColorPicker_RRM .rcpTabs a {
    height: 41px;
    background-color: var(--color5);
    border-width: 1px;
    border-style: solid;
    border-color: var(--color5);
    font-size: 14px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    border-radius: 0 0 4px 4px;
}

.RadColorPicker_RRM div.rcpTabs ul li a {
    padding: 0 8px 0 1px;
}

    .RadColorPicker_RRM div.rcpTabs ul li a span {
        line-height: 41px;
        color: var(--color3);
    }

.RadColorPicker_RRM .rcpTabs a:hover {
    height: 40px;
    background-color: var(--color1);
    border-color: transparent;
}

    .RadColorPicker_RRM .rcpTabs a:hover span {
        color: var(--color3);
    }

.RadColorPicker_RRM .rcpTabs a:active {
    background-color: var(--color1);
}

.RadColorPicker_RRM .rcpTabs li.rcpSelectedTab a, .RadColorPicker_RRM .rcpTabs li.rcpSelectedTab a:hover {
    height: 41px;
    background-color: var(--color5);
    border-color: var(--color3);
}

.RadColorPicker_RRM .rcpTabs .rcpSelectedTab a span, .RadColorPicker_RRM .rcpTabs .rcpSelectedTab:hover a span {
    color: var(--color2);
}

.RadColorPicker_RRM div.rcpRGBPageView ul li {
    width: 385px;
    height: 40px;
}

.RadColorPicker_RRM div.rcpRGBPageView .rcpInput {
    margin-top: -7px;
    margin-left: 19px;
}

.RadColorPicker_RRM .rcpPalette .rcpMillionColorsPalette {
    height: 230px;
    background-size: 100% 100%;
}

.RadColorPicker_RRM div.rcpHsvPageView .rcpMillionColorsPalette {
    width: 256px;
    background-size: 100%;
}

.RadColorPicker_RRM input.rcpInput {
    width: 42px;
    height: 20px;
    line-height: 20px;
    padding: 6px 12px;
    margin-top: 2px;
    border-radius: 4px;
    background-color: var(--color5);
    color: var(--color2);
    border-color: var(--color4);
    box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset;
}

    .RadColorPicker_RRM input.rcpInput:hover {
        background-color: var(--color3);
        color: var(--color2);
        border-color: var(--color4);
    }

    .RadColorPicker_RRM input.rcpInput:focus {
        background-color: var(--color3);
        color: var(--color2);
        border-color: var(--color3);
        box-shadow: 0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6);
        outline: 0 none;
    }

    .RadColorPicker_RRM input.rcpInput:active {
        background-color: var(--color3);
        color: var(--color2);
        border-color: var(--color1);
    }

.RadColorPicker_RRM ul.rcpRecentColors {
    padding: 35px 1px 0;
}

    .RadColorPicker_RRM ul.rcpRecentColors li {
        width: 20px;
        height: 20px;
        margin: 0 3px 0 0;
    }

.RadColorPicker_RRM .rcpRecentColors .rcpColorBox {
    margin: -20px 0 0 0;
    width: 21px;
}

.RadColorPicker_RRM .rcpRecentColors span {
    height: 16px;
    width: 18px;
    border-width: 1px;
    border-style: solid;
    border-color: var(--color1);
}

.RadColorPicker_RRM div.rcpIcon {
    border-color: var(--color4);
    color: var(--color2);
    background-color: var(--color4);
    background-image: linear-gradient();
    width: 64px;
    height: 32px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
}

    .RadColorPicker_RRM div.rcpIcon:hover, .RadColorPicker_RRM div.rcpIcon:focus {
        border-color: var(--color1);
        color: var(--color2);
        background-color: var(--color1);
        background-image: linear-gradient();
        box-shadow: inset 0 0 1px var(--color5);
    }

    .RadColorPicker_RRM div.rcpIcon:focus {
        outline-width: thin;
        outline-offset: -2px;
        outline-color: var(--color1);
    }

    .RadColorPicker_RRM div.rcpIcon:active {
        border-color: var(--color1);
        color: var(--color2);
        background-color: var(--color1);
        background-image: linear-gradient();
        box-shadow: 0 3px 5px rgba(0,0,0,0.125) inset;
        color: var(--color2);
    }

    .RadColorPicker_RRM div.rcpIcon a {
        width: 31px;
        height: 32px;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: var(--color1);
        /*background-image: url('Common/radActionsSprite.png');*/
        background-position: -9.5px -59px;
        border-radius: 0 4px 4px 0;
        right: 0;
    }

        .RadColorPicker_RRM div.rcpIcon a:hover, .RadColorPicker_RRM div.rcpIcon a:focus {
            background-position: -9.5px -59px;
            border-color: var(--color1);
            color: var(--color2);
            background-color: var(--color1);
            background-image: linear-gradient();
            box-shadow: inset 0 0 1px var(--color5);
        }

        .RadColorPicker_RRM div.rcpIcon a:active {
            background-position: -9.5px -59px;
            border-color: var(--color1);
            color: var(--color2);
            background-color: var(--color1);
            background-image: linear-gradient();
            box-shadow: 0 3px 5px rgba(0,0,0,0.125) inset;
            color: var(--color2);
        }

    .RadColorPicker_RRM div.rcpIcon em {
        width: 32px;
        height: 32px;
        margin: 0;
    }

.RadColorPicker_RRM div.rcpMillionColorsPageView div.rcpInputsWrapper {
    width: 88px;
    margin: -2px 0 0 8px;
}

.RadColorPicker_RRM div.rcpHeader .rcpButton {
    margin-right: -1px;
}

.RadColorPicker_RRM .RadSlider_RRM.rcpSlider {
    width: 275px !important;
    padding: 0;
}

.RadColorPicker_RRM .RadSlider_RRM div.rslHorizontal div.rslTrack {
    width: 275px !important;
    background-image: url('ColorPicker/rcpSprite.png');
    background-color: transparent;
    box-shadow: none;
}

.RadColorPicker_RRM .RadSlider_RRM div.rslVertical .rslSelectedregion, .RadColorPicker_RRM .RadSlider_RRM div.rslHorizontal div.rslSelectedregion {
    background-image: none;
    background-color: transparent;
    border: 0 none;
}

.RadColorPicker_RRM .rcpSlider .rslHorizontal {
    width: 214px !important;
    margin: 0;
}

    .RadColorPicker_RRM .rcpSlider .rslHorizontal div.rslTrack {
        height: 12px;
        top: 4px;
        border: 0 none;
        border-radius: 4px;
    }

.RadColorPicker_RRM div.rcpRedSlider .rslHorizontal .rslTrack, .RadColorPicker_RRM div.rcpRedSlider .rslHorizontal .rslSelectedregion {
    background-position: center 0;
}

.RadColorPicker_RRM div.rcpGreenSlider .rslHorizontal .rslTrack, .RadColorPicker_RRM div.rcpGreenSlider .rslHorizontal .rslSelectedregion {
    background-position: center -27px !important;
}

.RadColorPicker_RRM div.rcpBlueSlider .rslHorizontal .rslTrack, .RadColorPicker_RRM div.rcpBlueSlider .rslHorizontal .rslSelectedregion {
    background-position: center -54px !important;
}

.RadColorPicker_RRM .rcpMillionColorsSlider .rslVertical {
    margin: 0;
}

.RadColorPicker_RRM div.rcpSlider div.rslHorizontal .rslTrack a.rslDraghandle, .RadColorPicker_RRM div.rcpMillionColorsSlider div.rslVertical div.rslTrack a.rslDraghandle {
    width: 14px;
    height: 14px;
    margin-top: 6px;
    background-image: url('ColorPicker/rcpSprite.png');
    background-position: -980px -106px;
    background-color: transparent;
    border: 0;
    box-shadow: none;
    filter: none;
    border-radius: 0;
}

.RadColorPicker_RRM div.rcpMillionColorsSlider {
    margin: 0 0 0 -5px;
}

    .RadColorPicker_RRM div.rcpMillionColorsSlider div.rslVertical div.rslTrack {
        width: 15px;
        height: 232px !important;
        background-size: 100% 100%;
        border: 0 none;
    }

        .RadColorPicker_RRM div.rcpMillionColorsSlider div.rslVertical div.rslTrack a.rslDraghandle {
            width: 14px;
            height: 14px;
            margin-top: 0;
            background-position: -950px -106px;
        }

.RadColorPicker_RRM li.rslItem span, .RadColorPicker_RRM li.rslLargeTick span {
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin-top: 9px;
}

div.RadColorPickerRTL_RRM div.rcpMillionColorsPageView div.rcpInputsWrapper {
    margin: 0;
}

div.RadColorPickerRTL_RRM .rslVertical {
    margin-right: 15px;
}

.RadColorPicker.RadColorPicker_RRM.rcpCustomColorWrapper {
    width: 377px;
}

/** TabStrip */

.RadTabStrip_RRM {
    color: #333;
}

    .RadTabStrip_RRM .rtsLevel1 {
        border-color: #dedede;
    }

        .RadTabStrip_RRM .rtsLevel1 .rtsLink {
            border-color: transparent;
            color: #337ab7;
        }

        .RadTabStrip_RRM .rtsLevel1 .rtsHovered .rtsLink {
            border-color: #e6e5e5;
            color: #22527b;
            background-color: #e6e5e5;
        }

        .RadTabStrip_RRM .rtsLevel1 .rtsSelected .rtsLink {
            border-color: #dedede;
            color: #333;
            background-color: #fff;
        }

        .RadTabStrip_RRM .rtsLevel1 .rtsFocused .rtsLink {
            border-color: #66afe9;
            box-shadow: inset 0 0 5px #66afe9;
        }

        .RadTabStrip_RRM .rtsLevel1 ~ .rtsLevel {
            border-color: #dedede;
            color: #333;
            background-color: #fff;
        }

            .RadTabStrip_RRM .rtsLevel1 ~ .rtsLevel .rtsLink {
                color: #337ab7;
            }

            .RadTabStrip_RRM .rtsLevel1 ~ .rtsLevel .rtsHovered .rtsLink {
                color: #22527b;
            }

            .RadTabStrip_RRM .rtsLevel1 ~ .rtsLevel .rtsSelected .rtsLink {
                color: inherit;
            }

            .RadTabStrip_RRM .rtsLevel1 ~ .rtsLevel .rtsFocused .rtsLink {
                border-color: #c4c4c4;
                box-shadow: inset 0 0 5px #c4c4c4;
            }

    .RadTabStrip_RRM .rtsGhostTab {
        border-color: #dedede;
        color: #333;
        background-color: #f5f5f5;
        border-radius: 4px;
    }

    .RadTabStrip_RRM.rtsTop .rtsLevel1 .rtsLink {
        border-radius: 4px 4px 0 0;
    }

    .RadTabStrip_RRM.rtsTop .rtsLevel1 .rtsSelected .rtsLink {
        border-bottom-color: transparent
    }

    .RadTabStrip_RRM.rtsBottom .rtsLevel1 .rtsLink {
        border-radius: 0 0 4px 4px;
    }

    .RadTabStrip_RRM.rtsBottom .rtsLevel1 .rtsSelected .rtsLink {
        border-top-color: transparent;
    }

    .RadTabStrip_RRM.rtsLeft .rtsLevel1 .rtsLink {
        border-radius: 4px 0 0 4px;
    }

    .RadTabStrip_RRM.rtsLeft .rtsLevel1 .rtsSelected .rtsLink {
        border-right-color: transparent;
    }

    .RadTabStrip_RRM.rtsRight .rtsLevel1 .rtsLink {
        border-radius: 0 4px 4px 0;
    }

    .RadTabStrip_RRM.rtsRight .rtsLevel1 .rtsSelected .rtsLink {
        border-left-color: transparent;
    }

.RadTabStrip .rtsLink {
    text-align: center;
    background: var(--color4);
    height: 30px;
    padding-top: 10px;
    border-radius: 10px 10px 0 0px;
    color: var(--color1) !important;
}

.RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink {
    padding-left: 9px;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    display: block;
}

.rtsSelected {
    background: var(--color3) !important;
    font-weight: bold;
}

/** START CSS RadMediaPlayer_RRM **/
.RadMediaPlayer_RRM {
    font: 14px/1.42857143 "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: var(--color2);
}

    .RadMediaPlayer_RRM .rmpTitleBar .rmpSocialShareBar {
        margin-left: -12px;
    }

    .RadMediaPlayer_RRM .rmpToolbarWrapper .rmpToolbar {
        color: var(--color2);
    }

    .RadMediaPlayer_RRM .rmpVolContrBarWrapper .rmpActionButton {
        bottom: 5px;
    }

    .RadMediaPlayer_RRM .rmpVolContr .rmpVolContrBar {
        margin: -1px;
        padding: 10px 10px 20px 8px;
        width: 23px;
    }

    .RadMediaPlayer_RRM div.rmpVolContrBar, .RadMediaPlayer_RRM .rmpToolbarWrapper .rmpToolbar {
        border: 1px solid var(--color1);
        border-radius: 4px;
        background: #e4e4e4;
        background-color: rgba(228,228,228,0.85);
    }

    .RadMediaPlayer_RRM div.rmpRightControlsSet {
        padding-top: 10px;
    }

    .RadMediaPlayer_RRM .RadSlider div.rslHorizontal .rslSelectedregion {
        top: 0;
    }

    * + html .RadMediaPlayer_RRM .RadSlider .rslVertical {
        margin: 0;
    }

    .RadMediaPlayer_RRM div.rslVertical a.rslDraghandle {
        right: 0;
    }

    .RadMediaPlayer_RRM div.rmpLoadProgressBar {
        background: var(--color1);
        height: 100%;
    }

    .RadMediaPlayer_RRM div.rslHorizontal div.rslSelectedregion {
        height: 100%;
    }

    .RadMediaPlayer_RRM .rmpSeekBar .rslHorizontal {
        margin: 0;
    }

    .RadMediaPlayer_RRM .rmpPlaylist {
        background: var(--color6);
        color: var(--color2);
    }

        .RadMediaPlayer_RRM .rmpPlaylist li a {
            background: var(--color6);
            color: var(--color2);
        }

            .RadMediaPlayer_RRM .rmpPlaylist li a:hover {
                background: var(--color1);
            }

        .RadMediaPlayer_RRM .rmpPlaylist li.rmpActive a {
            background: #337ab7;
            color: var(--color6);
        }

        .RadMediaPlayer_RRM .rmpPlaylist .rmpTitle {
            margin-right: 12px;
            text-transform: none;
        }

        .RadMediaPlayer_RRM .rmpPlaylist .rmpPlaylistPrevButton, .RadMediaPlayer_RRM .rmpPlaylist .rmpPlaylistNextButton {
            width: 100%;
            height: 100%;
            background: var(--color6);
            vertical-align: top;
        }

            .RadMediaPlayer_RRM .rmpPlaylist .rmpPlaylistPrevButton:hover, .RadMediaPlayer_RRM .rmpPlaylist .rmpPlaylistNextButton:hover {
                background: #e6e6e6;
            }

        .RadMediaPlayer_RRM .rmpPlaylist .rmpIcon {
            margin: 0;
            width: 28px;
            height: 28px;
        }

        .RadMediaPlayer_RRM .rmpPlaylist .rmpPlaylistNextIcon, .RadMediaPlayer_RRM .rmpPlaylist .rmpPlaylistPrevIcon {
            margin: 2px;
        }

    .RadMediaPlayer_RRM .rmpPlaylistVertical, .RadMediaPlayer_RRM .rmpPlaylistVerticalInside {
        border-color: var(--color1);
        border-style: solid;
        border-width: 0 1px;
    }

        .RadMediaPlayer_RRM .rmpPlaylistVertical li, .RadMediaPlayer_RRM .rmpPlaylistVerticalInside li {
            border-bottom: 1px solid var(--color1);
        }

            .RadMediaPlayer_RRM .rmpPlaylistVertical li a, .RadMediaPlayer_RRM .rmpPlaylistVerticalInside li a {
                padding: 15px;
            }

        .RadMediaPlayer_RRM .rmpPlaylistVertical .rmpPlaylistPrevButtonWrap, .RadMediaPlayer_RRM .rmpPlaylistVertical .rmpPlaylistNextButtonWrap, .RadMediaPlayer_RRM .rmpPlaylistVerticalInside .rmpPlaylistPrevButtonWrap, .RadMediaPlayer_RRM .rmpPlaylistVerticalInside .rmpPlaylistNextButtonWrap {
            border-width: 1px 0;
            border-color: var(--color1);
            border-style: solid;
        }

        .RadMediaPlayer_RRM .rmpPlaylistVertical.rmpPlaylistNavButtons ul, .RadMediaPlayer_RRM .rmpPlaylistVerticalInside.rmpPlaylistNavButtons ul {
            padding-top: 34px;
        }

        .RadMediaPlayer_RRM .rmpPlaylistVertical.rmpPlaylistNavButtons .rmpPlaylistPrevButtonWrap, .RadMediaPlayer_RRM .rmpPlaylistVertical.rmpPlaylistNavButtons .rmpPlaylistNextButtonWrap, .RadMediaPlayer_RRM .rmpPlaylistVerticalInside.rmpPlaylistNavButtons .rmpPlaylistPrevButtonWrap, .RadMediaPlayer_RRM .rmpPlaylistVerticalInside.rmpPlaylistNavButtons .rmpPlaylistNextButtonWrap {
            height: 34px;
        }

    .RadMediaPlayer_RRM .rmpPlaylistHorizontal {
        border-top: 1px solid var(--color1);
    }

        .RadMediaPlayer_RRM .rmpPlaylistHorizontal.rmpPlaylistNavButtons {
            border-bottom: 1px solid var(--color1);
        }

        .RadMediaPlayer_RRM .rmpPlaylistHorizontal li {
            border-right: 1px solid var(--color1);
        }

            .RadMediaPlayer_RRM .rmpPlaylistHorizontal li a {
                padding: .94em;
            }

            .RadMediaPlayer_RRM .rmpPlaylistHorizontal li .rmpTitle {
                padding-top: 7px;
                max-height: 45px;
                line-height: 15px;
            }

        .RadMediaPlayer_RRM .rmpPlaylistHorizontal .rmpPlaylistPrevButtonWrap, .RadMediaPlayer_RRM .rmpPlaylistHorizontal .rmpPlaylistNextButtonWrap {
            border-left: 1px solid var(--color1);
            border-right: 1px solid var(--color1);
        }

    .RadMediaPlayer_RRM .rmpBanner .rmpActionButton {
        background: var(--color6);
    }

    .RadMediaPlayer_RRM .rmpBigPlayButton, .RadMediaPlayer_RRM .rmpBigPauseButton {
        background: #e6e6e6;
        background-color: rgba(230,230,230,0.4);
    }

    .RadMediaPlayer_RRM .rmpIcon {
        /*background-image: url('Common/radActionsSprite.png');*/
    }

    .RadMediaPlayer_RRM .rmpToolTip, .RadMediaPlayer_RRM .rmpBigPlayIcon, .RadMediaPlayer_RRM .rmpBigPauseIcon {
        background-image: url('MediaPlayer/sprite.png');
    }

    .RadMediaPlayer_RRM .rmpBigPlayIcon {
        background-position: 6px -108px;
    }

    .RadMediaPlayer_RRM .rmpBigPauseIcon {
        background-position: -122px 4px;
    }

    .RadMediaPlayer_RRM .rmpToolTip {
        background-position: -123px -241px;
    }

    .RadMediaPlayer_RRM .rmpPlayIcon {
        background-position: -14px -5015px;
    }

    .RadMediaPlayer_RRM .rmpPauseIcon {
        background-position: -14px -5064px;
    }

    .RadMediaPlayer_RRM .rmpVolumeIcon {
        background-position: -14px -5114px;
    }

    .RadMediaPlayer_RRM .rmpMuteIcon {
        background-position: -14px -5164px;
    }

    .RadMediaPlayer_RRM .rmpHDIcon {
        background-position: -14px -5214px;
    }

    .RadMediaPlayer_RRM .rmpFullScrIcon {
        background-position: -14px -5265px;
    }

    .RadMediaPlayer_RRM .rmpExtFullScrIcon {
        background-position: -14px -5315px;
    }

    .RadMediaPlayer_RRM .rmpShareIcon {
        background-position: -114px -5364px;
    }

    .RadMediaPlayer_RRM .rmpClosePlaylistIcon {
        background-position: -16px -5565px;
    }

    .RadMediaPlayer_RRM .rmpOpenPlaylistIcon {
        background-position: -16px -5515px;
    }

    .RadMediaPlayer_RRM .rmpPlaylistVertical .rmpPlaylistPrevIcon, .RadMediaPlayer_RRM .rmpPlaylistVerticalInside .rmpPlaylistPrevIcon {
        background-position: -10px -5610px;
    }

    .RadMediaPlayer_RRM .rmpPlaylistVertical .rmpPlaylistNextIcon, .RadMediaPlayer_RRM .rmpPlaylistVerticalInside .rmpPlaylistNextIcon {
        background-position: -10px -5660px;
    }

    .RadMediaPlayer_RRM .rmpPlaylistHorizontal .rmpPlaylistPrevIcon {
        background-position: -10px -5710px;
    }

    .RadMediaPlayer_RRM .rmpPlaylistHorizontal .rmpPlaylistNextIcon {
        background-position: -10px -5760px;
    }

    .RadMediaPlayer_RRM .rmpActionButton:hover .rmpPlayIcon {
        background-position: -64px -5015px;
    }

    .RadMediaPlayer_RRM .rmpActionButton:hover .rmpPauseIcon {
        background-position: -64px -5064px;
    }

    .RadMediaPlayer_RRM .rmpActionButton:hover .rmpVolumeIcon {
        background-position: -64px -5114px;
    }

    .RadMediaPlayer_RRM .rmpActionButton:hover .rmpMuteIcon {
        background-position: -64px -5164px;
    }

    .RadMediaPlayer_RRM .rmpHDActiveIcon, .RadMediaPlayer_RRM .rmpActionButton:hover .rmpHDIcon {
        background-position: -64px -5214px;
    }

    .RadMediaPlayer_RRM .rmpActionButton:hover .rmpFullScrIcon {
        background-position: -64px -5265px;
    }

    .RadMediaPlayer_RRM .rmpActionButton:hover .rmpExtFullScrIcon {
        background-position: -64px -5315px;
    }

    .RadMediaPlayer_RRM .rmpCloseBannerIcon {
        background-position: -14px -1914px;
    }

        .RadMediaPlayer_RRM .rmpCloseBannerIcon:hover {
            background-position: -64px -1914px;
        }

    .RadMediaPlayer_RRM .rmpSubtitlesIcon {
        background-position: -14px -5814px;
    }

    .RadMediaPlayer_RRM .rmpSubtitlesActiveIcon, .RadMediaPlayer_RRM .rmpActionButton:hover .rmpSubtitlesIcon {
        background-position: -64px -5814px;
    }


    /** END CSS RadMediaPlayer_RRM **/