/*Product Selector*/
.view-product-selector table, .view-product-selector tr, .view-product-selector td, .view-product-selector th {
  border:1px solid #ddd;
  color: #333;
}
.view-product-selector table a {
  color: #333;
}
.view-product-selector table tr {
  height: 40px;
}
.view-product-selector table tr td {
  vertical-align: middle;
}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
.table>tbody>tr>td, .table>tfoot>tr>td {
    padding: 12px;
}

label[for=edit-field-applications-tid], label[for=edit-field-product-category-tid],
label[for=edit-field-product-input-tid], label[for=edit-field-product-output-tid]{
  width:100%;
  height:40px;
  vertical-align: middle;
  margin-bottom:0px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding-left:10px;
  padding-top:7px;
}

.view-product-selector table thead, label[for=edit-field-applications-tid], label[for=edit-field-product-category-tid],
label[for=edit-field-product-input-tid], label[for=edit-field-product-output-tid]{
  background-color: #eee;
  background: -moz-linear-gradient(90deg, rgb(238, 238,238) 0%, rgb(221, 221, 221) 100%);
  background: -webkit-linear-gradient(90deg, rgb(238, 238,238) 0%, rgb(221, 221, 221) 100%);
  background: -o-linear-gradient(90deg, rgb(238, 238,238) 0%, rgb(221, 221, 221) 100%);
  background: -ms-linear-gradient(90deg, rgb(238, 238,238) 0%, rgb(221, 221, 221) 100%);
  background: linear-gradient(180deg, rgb(238, 238,238) 0%, rgb(221, 221, 221) 100%);
  color: #888;
}
.view-product-selector table thead th.active {
  background: -moz-linear-gradient(90deg, rgb(222, 222,222) 0%, rgb(195, 195, 195) 100%);
  background: -webkit-linear-gradient(90deg, rgb(222, 222,222) 0%, rgb(195, 195, 195) 100%);
  background: -o-linear-gradient(90deg, rgb(222, 222,222) 0%, rgb(195, 195, 195) 100%);
  background: -ms-linear-gradient(90deg, rgb(222, 222,222) 0%, rgb(195, 195, 195) 100%);
  background: linear-gradient(180deg, rgb(222, 222,222) 0%, rgb(195, 195, 195) 100%);
}
.view-product-selector table thead tr th {
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  /*text-align:center;*/
}
.view-product-selector table thead tr th img{
  padding-bottom: 3px;
  padding-left: 3px;
}

.bef-checkboxes,
.bef-select-as-radios .form-radios {
  /*
   * Setting the height and overflow creates a scrollable <div> for the radio/checkbox elements.
   * The border is just for looks -- adjust or remove as needed.
   */
  height: 150px;
  overflow-x: auto;
  overflow-y:hidden;
  border: 1px solid #999;
}
/* Line up multi-line options nicely */
.bef-checkboxes .form-item,
.bef-select-as-radios .form-radios .form-item {
  text-indent: -24px;
  margin-left: 24px;
}
.views-exposed-widget {
  float:left;
  width:100%;
}

#edit-field-applications-tid,
#edit-field-product-category-tid,
#edit-field-product-input-tid,
#edit-field-product-output-tid{
    float:left;
    border: 1px solid #ddd;
    width: 100%;
    height: 145px;
    overflow-x: auto;
    overflow-y:hidden;
    white-space: nowrap;
}
#edit-field-product-input-tid,
#edit-field-product-output-tid{
    height: 55px;
}

.form-item-field-applications-tid,
.form-item-field-product-category-tid,
.form-item-field-product-input-tid,
.form-item-field-product-output-tid {
    display: inline-block;
    border-right: 1px solid #ddd;
    width: 210px;
    height: 145px;
    margin-left:-5px;
}
.form-item-field-product-input-tid,
.form-item-field-product-output-tid{
    width: 107px;
    height: 55px;
    white-space:normal;
}
.form-item-field-applications-tid:hover,
.form-item-field-product-category-tid:hover,
.form-item-field-product-input-tid:hover,
.form-item-field-product-output-tid:hover{
  background-color: #cba596;
}
.item_selected {
  background-color: #b6826d;
  	background-image: url('selected_carrot.png');
	background-position: center bottom;
	background-size: 20px 10px;
	background-repeat: no-repeat;
}

.views-exposed-form .views-exposed-widget {
 	 padding:0px;
}

#edit-field-applications-tid .radio,
#edit-field-product-category-tid .radio,
#edit-field-product-input-tid .radio,
#edit-field-product-output-tid .radio
{
	padding-left: 0px;
	text-align: center;
	margin-top:0px
}

#edit-field-applications-tid input, 
#edit-field-product-category-tid input,
#edit-field-product-input-tid input,
#edit-field-product-output-tid input {
  display:none;
}
#edit-field-applications-tid label, 
#edit-field-product-category-tid label,
#edit-field-product-input-tid label,
#edit-field-product-output-tid label {
  white-space: normal;
}



#edit-field-applications-tid img, #edit-field-product-category-tid img {
    display: block;
    margin: 0 auto;
}
/*
#edit-field-applications-tid {
	background: url(brown_carrot.png) no-repeat;
	background-size: 10px 20px;
	background-position: right center;
}*/

/*
div.form-type-radio.form-item-field-applications-tid.form-item.radio
text-align: center;*/

#loading {  
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1000;
    background-color:grey;
    opacity: .8;
    color:white;
  text-align: center;
  padding-top:130px;
 }
.glyphicon-refresh-animate {
   -webkit-animation-name: rotateThis;
   -webkit-animation-duration: .5s;
   -webkit-animation-iteration-count: infinite;
   -webkit-animation-timing-function: linear;
}

@-webkit-keyframes "rotateThis" {
 from { 
        -webkit-transform: rotate( 0deg );  
    }
 to  { 
        -webkit-transform: rotate( 360deg ); 
    }
}
@-moz-keyframes spin
{
    from
    {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to
    {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin
{
    from
    {
        -wekbit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.spin{
     -webkit-transform-origin: 50% 50%;
     transform-origin:50% 50%;
     -ms-transform-origin:50% 50%; /* IE 9 */
     -webkit-animation: spin .7s infinite linear;
     -moz-animation: spin .7s infinite linear;
     -o-animation: spin .7s infinite linear;
     animation: spin .7s infinite linear;
}

.glyphicon {
  color:white;
  font-size: 30px;
}

/* IE 11 fix - images inside lables are not clickable*/
label{
    display: inline-block;
}
label img{
    pointer-events: none;
}

/* Make selections without any image all clickable */
#edit-field-applications-tid .form-type-radio label[for="edit-field-applications-tid-all"],
#edit-field-product-category-tid .form-type-radio label[for="edit-field-product-category-tid-all"] {
  padding-bottom: 115px;
  padding-left: 80px;
  padding-right: 80px;
}
#edit-field-product-input-tid .form-type-radio label,
#edit-field-product-output-tid .form-type-radio label {
  padding-bottom: 40px;
  padding-left: 25px;
  padding-right: 25px;
}