/* tableFiltering */

.tableFiltering{ float:right; margin-top: 10px; display: inline-block;border-top: 2px solid #ffcd32; border-bottom: 2px solid #ffcd32; margin-bottom: 19px; width: 100%;padding-bottom: 0; position:relative;}
.filters{list-style: none; padding: 0; margin: 0; margin-right: 5px;}
.smallDropDown{margin-right: -6px}
.filters>li{ border-right: 0;float: right; width: auto;  background: white; z-index: 200;position: relative;  border: 1px solid #fff; height:25px;}
.filterCategory{padding-top: 7px; padding-right: 15px;cursor: pointer; position: relative; z-index: 100;  padding-bottom: 5px; padding-left:38px;}
.filterCategory:after{  content: ""; background: url(/_layouts/15/TlvSP2013PublicSite/images/eventsView/selectArrowDown.png); background-repeat: no-repeat; background-position: center center; background-size: 9px 9px; display: inline-block;  width: 15px; height: 10px;}
.filterCategory.smallDD_open:after{background-image: url(/_layouts/15/TlvSP2013PublicSite/images/selectArrowUp.png);}
.filterCategory:focus { border: 1px solid #3c3c3c; }
.filterCategory h3 { font-size: 15px !important; font-weight: bold !important; font-family: 'BlenderLight', Arial, sans-serif !important; display: inline !important; }
.tableFiltering.open{margin-bottom: 34px}
.selectFilters{font-family: 'BlenderLight', Arial, sans-serif; font-size: 13px; display: inline; }
.selectFilters_open{ font-weight: bold;}
.selectFilters .filterBold{ font-weight: bold;}
.filterArrowDown_open{}
.searchFilter{float: left; margin-left: 10px; margin-top: 3px; line-height:10px; margin-bottom:3px;}
.searchFilterIcon{color: #646464;font-size: 24px; cursor: pointer;   height: 34px;}
.searchFilterIcon i:before{content: "g";font-family: 'tlv';font-style: normal;}
.searchFilterIcon:focus i:before, .searchFilterIcon:hover i:before{outline: 1px #0072C1 solid!important;}
.searchFilterIcon.keyPress i:before{content: "w";font-family: 'tlv'; font-size: 12px; color: #646464; line-height: 4.2}
.dropCheckboxFilters{list-style: none; height: auto; overflow: auto; padding-top: 60px; margin-bottom: 30px;  padding-right: 30px; background: white; z-index: 30; width: 100%; position: absolute; border: 1px solid #d0d0d0; border-top: 0; box-shadow: 0px -1px 2px 2px rgba(0,0,0,0.1); top: 0;}
.dropCheckboxFilters li{margin: 0 0 15px 6px;}
.dropCheckboxFilters li:focus { border: 1px solid #3c3c3c; }
.focused{ border: 1px solid #3c3c3c; }
.filterCheckBox{opacity: 0; position: absolute; z-index: 3; width:13px; height:13px;  }
.filterCheckBox, .filterLabel{ display: inline-block; vertical-align: middle; margin: 2px; cursor: pointer;}
.filterLabel { position: relative; font-family: 'BlenderLight', Arial, sans-serif; font-size: 14px;}
.filterCheckBox + .filterLabel:before{content: ''; background: #fff;border: 1px solid #3c3c3c; display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin-left: 8px;}
.filterCheckBox:checked + .filterLabel:before{background: #3c3c3c;}
.filterCheckBox:checked + .filterLabel{font-family: 'BlenderBold', Arial, sans-serif; font-size: 14px}
.serachFilterMobile{padding-top: 16px !important;float: right; border:0 !important; font-family: 'BlenderRegular', Arial, sans-serif; font-size: 21px; color: #3c3c3c; padding-right: 15px !important; height:30px; display: none;}

::-webkit-input-placeholder { /* WebKit browsers */ color:    #3c3c3c;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:    #3c3c3c; opacity:  1; }
::-moz-placeholder { /* Mozilla Firefox 19+ */  color:    #3c3c3c; opacity:  1; }
:-ms-input-placeholder { /* Internet Explorer 10+ */  color:    #3c3c3c; }
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
    -webkit-appearance: none;
    -moz-appearance: none;
}

label.filterLabel { font-weight: normal; }
label.filterLabel:hover, label.filterLabel:focus { font-weight: bold; text-decoration:underline;}

#txtEventSearch::-ms-clear {
    display: none;
}
#txtBenefitSearch::-ms-clear {
    display: none;
}

.searchFilterDesktop input{  padding-left: 22px;width: 150px;height: 25px; border-radius: 4px; border: 1px solid #d0d0d0; font-family: 'BlenderRegular', Arial, sans-serif; font-size: 15px; color: #3c3c3c; padding-right: 15px; padding-top: 0; padding-bottom: 0; box-shadow:none;}

@media (min-width: 768px) {
    .tableFiltering{margin-bottom: 35px;}
    .filters{ margin-right: 0; position: relative; z-index:41;  margin-top:1px;margin-bottom:1px;}
    .filters>li{position: relative}
    .smallDropDown{margin-right: -1px}
    .selectFilters{ font-size: 15px; background-position-x: 30px; background-position-y: 5px; background-size: 8px;}
    .filterCheck span{ font-size: 13px; padding: 0}
    .searchFilter{ margin-left: 0;}
    .searchFilterIcon{  position: absolute; font-size: 16px; line-height: 50px; cursor: pointer; top: -11px; left: 6px; z-index: 2; color: #ffcd32; margin-top: 0}
    .searchFilterIcon.keyPress:before{font-size: 12px; color: #646464; line-height: 4.2}
    .searchFilterDesktop{position: relative; padding-top: 1px;}
    
    .searchFilterDesktop input:focus { border: 1px solid #3c3c3c; }
    .filterCategory{padding-top: 5px; padding-left:24px;padding-right: 30px;}

    /* tableFiltering - Big */
    .dropCheckboxFiltersBig{ width: 650px; height: auto; border: 1px solid #d0d0d0;  position: absolute; z-index: 40; background: white;  display: none;  margin-top: 35px;  box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.1); top: -1px;}
    .bigDropDown.active {border: 1px solid #d0d0d0; border-bottom-color:#ffffff; box-shadow: 0px -2px 1px 1px rgba(0,0,0,0.1); }

    #filtersCarousel{   padding-top: 30px; padding-right: 60px; padding-left: 20px;}
    #filtersCarousel .col-md-4{ padding: 0;}
    .carousel-control{background: transparent!important; opacity: 1!important;  width: auto!important;}

    .filterSpliter{ width: 95%; border: 1px solid #d0d0d0; float: right; margin-top: 30px;  margin-bottom: 30px; border-bottom: 0;  margin-right: -15px;}
    .categoryHeader{font-family: 'BlenderBold', Arial, sans-serif; font-size: 20px; color: #646464;}
    .ul_checkBoxs{ list-style: none; padding: 0; margin-bottom: 20px; margin-top: -11px}
    .ul_checkBoxs li{ margin-top: 15px}
    .filterCategory.active{ padding-bottom: 7px; display: block;}
    .filterLeftArrow{background:url(../img/filterArrowLeft.png) no-repeat;left: 0;background-position-x: -45px;}
    .filterLeftArrow:hover{background-position-x: 0;}
    .filterRightArrow{background:url(../img/filterArrowRight.png) no-repeat;right: 0;}
    .filterRightArrow:hover{background-position-x: -45px;}
    .filterLeftArrow,.filterRightArrow{width: 37px;height: 37px;position: absolute; cursor: pointer; top: 175px; z-index: 300;}
}

@media (min-width:992px) {
    .dropCheckboxFiltersBig{width: 650px;}
}

@media (min-width: 1200px) {
    .dropCheckboxFiltersBig{width: 797px;}
}

@media (max-width: 768px) {
    .tableFiltering { float: none; }
    .searchFilter{ margin-left: 0; }
}

@media (max-width: 480px) {
    /*tableFiltering  lobby_digital*/

    .filters > li.calendar_filter{position:absolute; right:45%; Z-INDEX:200; font-size:13px; margin-top:-1px; border:0}
    .filters > li.calendar_filter .icon-calendar:before{position:relative; top:3px}

    /*end tableFiltering  lobby_digital*/

    .filterCategory{padding-top: 2px; padding-right: 5px; padding-bottom: 3px; padding-left:5px; width:100%;}
}

.icon-calendar:before  {content: "\e075"; font-family: 'Simple-Line-Icons'}

/*tableFiltering blue*/
.tableFiltering.blue {border-bottom:2px #0072C1 solid; border-top:2px #0072C1 solid;}
.tableFiltering.blue span.searchFilterIcon{color: #0072C1;}
/*end tableFiltering blue*/

/*tableFiltering green*/
.tableFiltering.green {border-bottom:2px #00ac4e solid; border-top:2px #00ac4e solid;}
.tableFiltering.green span.searchFilterIcon{color: #00ac4e;}
/*end tableFiltering green*/

/*tableFiltering red*/
.tableFiltering.red {border-bottom:2px #ef4230 solid; border-top:2px #ef4230 solid;}
.tableFiltering.red span.searchFilterIcon{color: #ef4230;}
/*end tableFiltering red*/

/*tableFiltering yellow*/
.tableFiltering.yellow,
.tableFiltering.yellow span.searchFilterIcon {border-bottom:2px #FFCD32 solid; border-top:2px #FFCD32 solid;}
/*end tableFiltering yellow*/


/*tableFiltering event page*/
.tableFiltering li.free_select{padding-top:2px; margin-top:4px;}
/*end tableFiltering event page*/

/*tableFiltering  lobby_digital*/
#table_filtering a{color:#3C3C3C; letter-spacing: 0.0pt; FONT-SIZE:1.6EM; text-decoration: none!important }
#table_filtering a:hover,
#table_filtering a:focus{ font-weight:bold; letter-spacing: 0; color:#3c3c3c;  text-decoration: none!important}
#table_filtering a:hover span, #table_filtering  a:focus span{ text-decoration: none!important}
#table_filtering a:before{width:auto; font-size:13px;  color:#636363;   position: relative!important; top: 2px; left: -5px; text-decoration: none;  margin-left:2px}
#table_filtering a:hover:before,
#table_filtering a:focus:before,
#table_filtering a:hover:before,
#table_filtering a:focus:before{color:#3c3c3c; text-decoration: none!important}
#table_filtering a.icon-grid:before{  font-size:12px; margin-left:10px}
#table_filtering.searchFilterDesktop input{line-height:25px; padding-top:0}

.filterCheckBox.checked_ok + .filterLabel:before{content: ''; background: #fff;border: none; display: inline-block; vertical-align: middle; width: 10px; height: 10px; margin-left: 8px;}
.filterCheckBox.checked_ok:checked + .filterLabel:before{background: #fff url(/_layouts/15/TlvSP2013PublicSite/images/icon_checked.png)no-repeat; background-position:0 0; background-size: 12px 10px; }
.filterCheckBox.checked_ok:checked + .filterLabel{font-family: 'BlenderBold', Arial, sans-serif; font-size: 14px}

#event_scroller #carousel-event-primary-v1.event_calendar{margin-top:80px}
.open_calendar a{text-align:left; width:100%; position:absolute; z-index:1000;  background:#f0f2f5; top:-32px; color:#3c3c3c; padding:15px 0 18px 15px; font-size:16px; font-weight: bold; }
.open_calendar span.icon-calendar:before{padding-left:4px; font-size:14px; font-weight: normal; position:relative; top:1px }
/*end tableFiltering  lobby_digital*/

@media (max-width: 480px) {
    /*tableFiltering  lobby_digital*/
    .filters > li.calendar_filter{position:absolute; right:45%; Z-INDEX:200; font-size:13px; margin-top:-1px; border:0}
    .filters > li.calendar_filter .icon-calendar:before{position:relative; top:3px}
    /*end tableFiltering  lobby_digital*/
}