/** Primary Filter Bar (OLD) RIVEDI  */
div.filter {
    width :100%;
    /* background: none repeat scroll 0 0 #FFD700; */
}
    
div.filter table{
    width: 100%;
}

div.filter form tr.first {
    background-color: #2DA8EB /** ImportantDelete */;
    display: table-row /** ImportantDelete */;
    color: #fff;
    font-size: 14px;
}

.filter-label {
    text-align: right;
}

.filter-value input, 
.filter-value select, 
.filter-value div {
    width: 100%;
}

.adv-search-area th {
    text-align: right;
    font-weight: normal;
}

.adv-search-area td input, 
.adv-search-area td select {
  width: 200px;
}

div.adv-search-area,
tr.adv-search-area {
    display: none;
}

div.filter form tr{
    color: #635858;
    font-size: 14px;
    padding: 10px 0;
    /*display: none;*/
}


div.filter form  td{
    padding: 2px 10px;
    /*text-align: right;*/
}

div.filter form .adv-search-area > td{
    padding: 10px;
    /*text-align: right;*/
}

/**  Primary Filter Bar (NEW) */
div.filter {
    color: #635858;
}

    div.filter .adv-search-area {
      text-transform: lowercase;
      border-bottom: 1px solid #E5E6E8;
      background: none repeat scroll 0 0 #F5F5F5;
    }
      
    
    div.filter .filter-container {
      background: #F9F9F9;
      height: 55px;
      text-transform: uppercase;
      border-bottom: 1px solid #E5E6E8;
    }
    
        div.filter .filter-container .filter-right, .filter-container .filter-left {
          max-height: 55px;
          min-height: 55px;
        }
            
        div.filter .filter-container .filter-left {
            float: left;
            padding-left: 25px;
        }
                
            div.filter .filter-container .filter-left input {
                height: 30px;
                margin-top: 3px;
                width: 200px;
            }
            
            div.filter .filter-container .filter-left > div {
                padding-right: 20px;
                padding-top: 10px;
            }
            
            
        div.filter .filter-container .filter-right {
            float: right;
        }
        
            div.filter .filter-container .filter-right a.advanced {
              background: none repeat scroll 0 0 #F8FAF9;
              display: inline-block;
              min-height: 54px;
              padding: 22px 20px 13px 25px;
              font-weight: normal;
              font-size: 14px;
              border-left: 1px solid #E5E6E8;
            }
                            
        div.filter .filter-container .filter-left > div,
        div.filter .filter-container .filter-right > div {
            float: left;
        }
        
            div.filter .filter-container label {
                margin: auto;
                padding: 0;
            }
            
            div.filter .filter-container button {
              border: medium none;
              height: 55px;
              margin: 0;
              text-transform: uppercase;
              color: #FFFFFF;
            }
            
            div.filter .filter-container .new-add,
            div.filter .filter-container .add,
            div.filter .filter-container .wand
            div.filter .filter-container .new-button {
              background: none repeat scroll 0 0 #FFD202;
            }

            
            div.filter .filter-container button.reset-button {
              background: none repeat scroll 0 0 #55B6FA;
            }
            
            div.filter .filter-container button.reset-button:hover {
              background: none repeat scroll 0 0 #2DA8EB;
            }

/**  Advanced search area */
.adv-search-area .ui-state-default {
  background: none repeat scroll 0 0 #B2B2B2; /*55B6FA;*/
  border: medium none;
  color: #FFFFFF;
  font-weight: normal;
}


/* Fix agent filter */

.agent-filter .select2-container .select2-choice,
div.filter .agent-filter .select2-container .select2-choice{
    width: 160px;
}
.agent-filter .select2-container .select2-choice > .select2-chosen,
div.filter .agent-filter .select2-container .select2-choice > .select2-chosen {
    font-size: 10px;
    letter-spacing: 0.5px;
}

.filter-left .agent-filter > div {
    display: inline-block;
}

.agent-filter input[type=checkbox] {
    display:none;
}

.agent-filter input[type=checkbox]:checked + label,
.agent-filter input[type=checkbox] + label {
    background: #ffffff;
    padding: 16px 16px;
    cursor: pointer;
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: top;
    background-size: contain;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    margin-left: 5px;
}

.agent-filter input[type=checkbox] + label {
    background-image: url("/img/icons/hierarchy.png");
}
.agent-filter input[type=checkbox]:checked + label {
    background-image: url("/img/icons/hierarchy-active.png");
}

/** Responsive */        
@media only screen and (max-width : 1280px) {
    
    #div-contr-reg div.filter .filter-container .select2-container .select2-choice {
      width: 150px;
    }
    
    #div-contr-reg div.filter .filter-container .filter-left input {
      width: 160px;
    }
    
    #div-contr-reg div.filter .filter-container,
    #div-contr-reg div.filter .filter-container .adv-search,
    #div-contr-reg div.filter .filter-container .reset-button .ui-button-text {
      font-size: 12px;
    }

}
   
/** END classes - Primary Filter Bar */