/* Component containers
----------------------------------*/
  /* Release 2.8.1 -- Modified to align with the new drop-down style */
        .sel-widget
        {
            font-family: 'SegoeUISemiBold';
            font-size: 14px !important;
            text-decoration:none !important;
        }
        .sel-widget .sel-widget
        {
             font-size: 14px !important;
             text-decoration:none !important;
        }
        .sel-widget input, .sel-widget select, .sel-widget textarea, .sel-widget button
        {
            font-family:'SegoeUISemiBold';
            font-size: 14px !important;
            text-decoration:none !important;
        }
        .sel-widget-content
        {
            border: 1px solid #d2d2d2;
            background: #FFFFFF;
            color: #808080;
            text-decoration:none !important;
        }

        .sel-widget-content a
        {
            color: #808080;
            text-decoration:none !important;
        }
        .sel-widget-header
        {
            border: 1px solid #008E2C;
            background: #808080;
            color: #ffffff;
            font-weight: bold;
              text-decoration:none !important;
        }
        .sel-widget-header a
        {
            color: #ffffff;
              text-decoration:none !important;
        }
        /* Interaction states
----------------------------------*/
.sel-state-default, .sel-widget-content .sel-state-default
        {
            border: 1px solid #d2d2d2;
            background: #FFFFFF url('/_layouts/15/images/bsp/dropdown_-arrow_-rest.png') right center no-repeat;
            /*font-weight: bold;*/
            color: #808080;
            outline: none;
            text-decoration:none !important;
        }

        .sel-state-default a, .sel-state-default a:link, .sel-state-default a:visited
        {
            color: #808080;
            text-decoration: none !important;
            outline: none;
        }
        .sel-state-hover, .sel-widget-content .sel-state-hover, .sel-state-focus, .sel-widget-content .sel-state-focus
        {
            /*border: 1px solid #008E2C !important;*/ 
            /*font-weight: bold;*/
            color:   #808080 !important;
            outline: none !important;
            text-decoration: none !important;
          
        }

        .sel-state-hover a, .sel-state-hover a:hover
        {
            /*background: #2EBC5C !important;*/
            color: #ffffff !important;
            text-decoration: none !important;
            outline: none !important;
        }

        .sel-state-active, .sel-widget-content .sel-state-active
        {
            border: 1px solid #d2d2d2 !important;
            background: #FFFFFF url('/_layouts/15/images/bsp/dropdown_arrow_active.png') right center no-repeat;
            /*font-weight: bold !important;*/
            color:   #808080 !important;
            outline: none !important;
            text-decoration:none !important;
          
        }

        .sel-state-active a, .sel-state-active a:link, .sel-state-active a:visited
        {
            color:  #808080 !important;
            outline: none !important;
            text-decoration: none !important;
        }
      
        .keyselect
        {
           background: #2ba6de !important;
           color: #ffffff !important;
           text-decoration: none !important;
            outline: none !important; 
        }
        /* Release 2.8.1 -- To override a hover black */
        a.sel-selectmenu.sel-widget.sel-state-default.sel-selectmenu-dropdown.sel-corner-all:hover {
           color: #808080 !important;
        }
        /* Release 2.8.1 ---- Register Panel drop-down fix  */
       #country1-button.sel-state-default, #country1-button.sel-widget-content .sel-state-default { 
            border: 1px solid #ccc;
            background: url("/_layouts/15/images/bsp/dropdown_green.png?ver=1") no-repeat scroll right center #ffffff;
        }

        #country1-button.sel-state-active, #country1-button.sel-widget-content .sel-state-active {
            background: url("/_layouts/15/images/bsp/dropdown_green.png?ver=1") no-repeat scroll right center #ffffff;;
            border: 1px solid #ccc !important;
        }
        #country1-menu.sel-widget-content
        {
            border: 1px solid #ccc !important; 
        }
         #country1-menu .keyselect
        {
           background: #008E2C !important;
           color: #ffffff !important;
           text-decoration: none !important;
            outline: none !important; 
        }

    /*R2.8.3 Slider UI Change Starts*/
    .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
    }
    .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
        border-bottom-left-radius: 0px;
    }
    .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
        border-top-right-radius: 0px;
    }
    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
        border-top-left-radius: 0px;
    }

    .ui-widget-content {
        background:#ffffff;
        border: 1px solid #d2d2d2;
        color: #222222;
        cursor:pointer;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        background: #0072C6;
        color: #555555;
        font-weight: normal;
        border:0;
        width:18px;
        height:18px;
        cursor:pointer;
    }

    a.ui-corner-all:hover {
        background:#0072C6;
        color: #fff;
    }

    .ui-slider-horizontal .ui-slider-handle {
        margin-left: -0.6em;
        top: -0.29em;
    }

    .ui-slider .ui-slider-handle{
        cursor:pointer;
    }
    /*R2.8.3 Slider UI Change Ends*/