:root {
  --main-color: #ae1930;
  --main-font: 'Open Sans', sans-serif;
  --light-grey: #e1e1e1;
  --second-color:#edc8ce;
  --dark-grey:#222222;
}
body{font-family: var(--main-font);}
/* .showcols, .showrows{width:50%; float: left;} */
img{max-width: 100%;}
a{cursor: pointer; text-decoration: none; }
.btn {

    border:#666 1px solid;
    display: inline-block;
    font-size: 14px;
    margin: 0 5px 3px 0;
    cursor: pointer;
    color:#fff;
    background-color: #666;
    text-decoration: none;
    border-radius: 0;
    line-height: 1.3;
}
button.no-style{border: none;}
a.disabled{    pointer-events: none; color:#666;}
a.button-red:hover{color:#fff}
.maincolor{color: var(--main-color); }
.btn:hover, .btn.active{    color: #fff;    background-color: #ccc;    border:#ccc 1px solid;}
.white-btn{border: var(--light-grey) 1px solid; color: var(--main-color); background-color: #fff;     border-radius: 0.25rem;}
.white-btn:hover{background-color: var(--main-color); color:#fff;}
.animation-mode{  -webkit-transition: all 0.3s ease-out;  -moz-transition: all 0.3s ease-out;  -ms-transition: all 0.3s ease-out;  -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;  }

.overlay {    width: 100%;    background: rgba(0, 0, 0, 0.5);    position: fixed;    height: 100%;    top: 0;    left: 0;    z-index: 98;}
.popup{z-index: 99; max-height: 90%;    position: fixed;  overflow: scroll;  top: 50%;  left: 50%; background-color: #fff; width:80%; max-width: 1200px;     transform: translate(-50%, -50%); padding:50px; border-radius: 10px;}


.leftbar{    width: 300px;  float: left;  padding:50px 0;     height: calc(100vh - 50px);  background: #efeff3;  border-right: 1px solid #e1e1e1;}
.right-content{    width: calc(100% - 300px);  float: left;}


.menu-title{    font-weight: 600;  margin-bottom: 10px;  text-transform: uppercase;  color: #ccc;  font-size: 16px; padding: 5px 15px; }
.setting-page .tab{display: block;     font-size: 14px;  padding: 5px 15px;  border-bottom: #e1e1e1 solid 1px;}
.setting-page .tab.active{background-color: #fff;}
.setting-page .tab:first-child{border-top: #e1e1e1 solid 1px;}

.table {  display: table;  width: 100%;  border-collapse: collapse;  border-spacing: 0;}
.table .row {  display: table-row;}
.table .cell {  display: table-cell;  }
.cell:first-child {  border-left: none;}

.cell:last-child {  border-right: none;}

.table .row:last-child .cell {  border-bottom: none;}
.box-shadow{    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.hidden{display: none!important;}
.temp-hidden{display: none;}
.pim-padding{padding:10px;}
header{background-color: #222; width: 100%; height: 50px; color:#fff; position: fixed; z-index: 9; }
.top-bar { padding:20px; text-align:left; background-color:#fafafa;}
.app-container{padding: 10px 50px;}
.welcome_info{float: left;}
header a{ color:#fff}
.data_body{padding: 10px 50px;}
body .body-content{margin-top:50px;}
.announce{margin-top:20%;}

.icon-btn{ padding:10px; position: relative;}
.pimtable{  width:100% !important;  text-align: left; font-size: 12px;     border: #e1e1e1 solid 1px;  margin-bottom: 20px;}
/* .pimtable thead tr th{background: #efefef;}
.pimtable tbody tr:nth-child(even) td {background: #efefef;}
.pimtable tbody tr:nth-child(odd) td {background: #fff;} */
.pimtable tbody tr{border-bottom: 1px #efefef solid;}
.pimtable .img-cell{background: #fff;}
.pimtable .img-cell img{width:80px;}
.pimtable th[col="checkbox"]{width:30px;}
.pimtable td, .pimtable th{padding:5px 10px;}
.pimtable .tabledata{cursor: pointer;}
.pimtable .tabledata i{display: none;}
.pimtable .tabledata:hover i{display: block;}
.pagination{max-width: 100%; margin-top:20px; display: block; padding: 10px 30px 80px;}
.pagination a{margin-right:10px; float: left; cursor: pointer; font-size: 10px; }
.pagination a.active{font-weight: 600; color:#000;}
.list-table th{ position: sticky;   top: 0;   z-index: 1;   background: #efefef;   padding-top: 15px;    padding-bottom: 15px;     background: #fff !important;  box-shadow: inset 0 -1px 0 #e1e1e1, inset 0 1px 0 #e1e1e1, 0 2px 5px -1px rgba(0, 0, 0, 0.1);}
.list-table th[col="specifications"], .list-table th[col="description"]{min-width:400px;}
.pimtable tr th:nth-child(2), .pimtable tr td:nth-child(2){position: sticky; left: 31px; }  
.pimtable tr th[col="checkbox"], .pimtable tr td[col="checkbox"]{position: sticky; left:0; }  
.pimtable tr th:nth-child(2), .pimtable tr th[col="checkbox"]{z-index: 2;}
.list-table td, .list-table th{border-right:1px solid #fff; background-color: #fff;}
.list-table td img{width:50px;}
.list-table th:hover .sorting-btn{display: inline-block;}
.sorting-btn{padding:0; display: none;}
.sorting-btn span:first-child{padding-right:5px;}
.box-content { min-width: 50px;    display: none;    position: absolute;    top: 40px;    left: 0;    background-color: #fff;    padding: 5px 10px;    border: 1px solid #ccc;}
.sorting-btn:hover .box-content {    display: block; }
.editinput{width:100%;}
.nav-left-btn{    float: left;  font-size: 14px;  padding: 16px 10px 0; }
.searchbar-container{width:220px; display: inline-block;     position: relative;  padding: 5px 10px;     border-left: 1px solid #e1e1e1;}
.searchbar-container input{width:100%; float:left;     height: 35px;  }
.searchbar-container input:after{content: "\f002";    font-family: var(--fa-style-family, "Font Awesome 6 Free");  font-weight: var(--fa-style, 900);}
.searchbar-container a {position: absolute;  right: 20px;  top: 10px;}
.form-section{float: left; width:100%; margin-top: 20px;}
.form-section input[type="text"]{margin-left: 15px;}
.quote-links a{margin-right:15px;}
.quote-form input{margin-right:20px;}
.note-box{float: left;}
.note-box form{width:100%;}
.note-heading{width:100%;  float: left;   background: #efefef; padding:10px 15px}
.note-content{padding:10px 15px; float: left; width:100%;}
.note-edit, .note-edit textarea{width:100%}

.btn-right{float:right;}

.filter-form{margin-bottom: 10px;}
.filter-form label{font-size: 14px; margin-right: 15px;}
.filter-form select{margin-right: 30px;}
.filter-btn-container{margin-top: 20px;}
.inputnumber{width: 50px;    margin-right: 10px;}
.autocomplete-suggestions{  list-style: none;  max-height: 300px;  overflow: scroll;  background: #fff;  padding: 25px;}
.autocomplete-suggestions li input{margin-right:15px;}
.tools-container{padding:15px; margin-top:30px; margin-bottom: 30px; float: left; width: 100%;}
.right-button{float: right; margin-left:10px; font-size: 18px; color: #888;}
.right-button:hover{color:#999;}
.quote-page form{font-size:14px; float: left;}
.quote-page form input{margin-right: 20px; margin-left:10px;}
.quote-page table  img{width:100px;}
.menu-icon:hover {    cursor: pointer;    color: #DA203D;}
/* The side navigation menu */
.header-menu{width:100%;}
.header-menu a span{visibility: hidden;}
.header-menu img{width:100px;}
.header-search, .header-search-close{  z-index: 9; float: right;}
.header-search-close{display: none;}
#search-form{position: absolute;  width:90%;  padding:7px 100px; display: none;  background-color: #222; top:0px;  left:0px;}
#search-field{    width: calc(100% - 120px); height:32px; }
#search-form label{display:none;}
#search-form input{border-radius: 8px;font-size: 14px; border:none; padding: 4px 10px; color:#333;}
#search-form input[type="submit"] {  background-color: #333;   border: none;   color: white;  text-align: center;  cursor: pointer;  transition: background-color 0.3s;  width:100px;  margin-right:10px; height: 34px;}
#search-form input[type="submit"]:hover {  background-color: #555; }
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #222; 
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    text-align:left;
}



.sidenav .title {
    color:#efd09e;
    border-bottom: 1px solid #efd09e;
    padding: 20px 0px 8px 0px;
    margin: 0px 32px;
    font-size:12px;
    text-transform:uppercase;
}
  
  /* The navigation menu links */
  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 14px;
    color: #ccc;
    display: block;
    transition: 0.3s;
  }
  
  .sidenav .active {
    color:#ccccff;
  }
  
  /* When you mouse over the navigation links, change their color */
  .sidenav a:hover {
    color: #f1f1f1;
  }
  
  /* Position and style the close button (top right corner) */
  .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
  }

  /* topnav */
  .elevation {
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
 }

  .layout-drawer {
    background-color: #FFFFFF;
    box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14), 0 6px 30px 5px rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.2);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    left: 0;
    top: 0;
    transform: translateX(-296px);
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
    height: 100%;
    max-width: 280px;
    min-width: 280px;
    width: 280px;
    z-index: 11;
 }
  .layout-drawer.is-open {
    transform: translateX(0);
 }
  .layout-drawer * {
    flex-shrink: 0;
 }
  .layout-drawer .drawer-header {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    position: relative;
 }
  .layout-drawer .drawer-header.drawer-border {
    border-bottom: 1px solid #CCCCCC;
 }
  .layout-drawer .drawer-header.drawer-header-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
 }
  .layout-drawer .drawer-header .drawer-user {
    display: flex;
    flex-direction: column;
    position: relative;
 }
  .layout-drawer .drawer-header .drawer-user .drawer-avatar {
    box-sizing: border-box;
    background: #EEEEEE;
    border-radius: 50%;
    margin: 16px 0 8px 24px;
    height: 64px;
    width: 64px;
 }
  .layout-drawer .drawer-header .drawer-user .drawer-avatar img {
    border-radius: inherit;
    height: 100%;
    width: 100%;
 }
  .layout-drawer .drawer-header .drawer-user .drawer-meta {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    height: 56px;
 }
  .layout-drawer .drawer-header .drawer-user .drawer-meta .drawer-name, .layout-drawer .drawer-header .drawer-user .drawer-meta .drawer-email {
    padding-left: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
  .layout-drawer .drawer-header .drawer-user .drawer-meta .drawer-name {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
 }
  .layout-drawer .drawer-navigation {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
 }
  .layout-drawer .drawer-navigation.drawer-border {
    border-bottom: 1px solid #CCCCCC;
 }
  .layout-drawer .drawer-navigation .drawer-navigation {
    padding: 0;
 }
  .layout-drawer .drawer-navigation .drawer-navigation.drawer-border {
    border-bottom: none;
 }
  .layout-drawer .drawer-navigation .drawer-navigation .drawer-list-item {
    color: rgba(0,0,0,0.74);
    padding-left: 48px;
    height: 36px;
 }
  .layout-drawer .drawer-navigation .drawer-navigation .drawer-list-item:focus {
    color: rgba(0,0,0,0.87);
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle, .layout-drawer .drawer-navigation .drawer-list-item, .layout-drawer .drawer-navigation .drawer-subtitle {
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding-left: 24px;
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle, .layout-drawer .drawer-navigation .drawer-list-item {
    color: rgba(0,0,0,0.87);
    display: flex;
    align-items: center;
    position: relative;
    transition: background-color 0.3s cubic-bezier(0.4,0,0.2,1), color 0.3s cubic-bezier(0.4,0,0.2,1);
    height: 48px;
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle:focus, .layout-drawer .drawer-navigation .drawer-list-item:focus {
    background-color: #E0E0E0;
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle:focus .drawer-badge, .layout-drawer .drawer-navigation .drawer-list-item:focus .drawer-badge {
    background-color: rgba(0,0,0,0.87);
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle:focus .material-icons, .layout-drawer .drawer-navigation .drawer-list-item:focus .material-icons {
    color: rgba(0,0,0,0.87);
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle.is-active, .layout-drawer .drawer-navigation .drawer-list-item.is-active {
    color: #3B1A50;
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle.is-active .drawer-badge, .layout-drawer .drawer-navigation .drawer-list-item.is-active .drawer-badge {
    background-color: #3B1A50;
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle.is-active .material-icons, .layout-drawer .drawer-navigation .drawer-list-item.is-active .material-icons {
    color: inherit;
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle span, .layout-drawer .drawer-navigation .drawer-list-item span {
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle .material-icons, .layout-drawer .drawer-navigation .drawer-list-item .material-icons {
    color: rgba(0,0,0,0.54);
    margin-right: 24px !important;
    transition: color 0.3s cubic-bezier(0.4,0,0.2,1);
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle .drawer-badge, .layout-drawer .drawer-navigation .drawer-list-item .drawer-badge {
    background-color: rgba(0,0,0,0.54);
    border-radius: 2px;
    box-sizing: border-box;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin-right: 24px;
    padding: 0 4px;
    transition: background-color 0.3s cubic-bezier(0.4,0,0.2,1);
    height: 24px;
    min-width: 24px;
 }
  .layout-drawer .drawer-navigation .drawer-dropdown-toggle {
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin: 0;
    outline: 0;
    padding: 0 24px;
    text-align: left;
 }
  .layout-drawer .drawer-navigation .drawer-list-item {
    text-decoration: none;
 }
  .layout-drawer .drawer-navigation .drawer-subtitle {
    color: rgba(0,0,0,0.54);
    overflow: hidden;
    padding-top: 8px;
    text-overflow: ellipsis;
    height: 40px;
    white-space: nowrap;
 }
 .form-design.appro-update{width:100%}
  /* product page */
  .media-content .col-md-3{padding:15px; text-align: center;   }
  .media-content aside{ padding: 15px;    color: #fff;    background: #222;     position: absolute;    bottom: 0px;    width: 100%;     z-index: 1;}
  .img-border{border: 1px solid #e1e1e1;    position: relative;}

 .sirv360 .sirv-spin-container{ aspect-ratio: 1 / 1; height:unset!important;}
 .sirv360 .sirv-controls {    position: absolute;    bottom: 80px;    width: 100%;    padding: 0 70px;}
  .appro-form .col-md-3{margin-bottom: 20px;}
  .appro-form textarea, .appro-form input, .appro-form select{width:100%;}
  .appro-list td, .appro-list th{ padding:10px 15px;}
  .col-md-2.form-cell{    padding: 10px;}
  .form-cell{margin-bottom: 20px;}
  .item-row{margin-bottom:20px;}
  .upload-csv form{margin-top:25px;}

  .autofill{position: absolute;    background: #fff!important;  border-radius: 10px;    margin-top: 5px; box-shadow:0 0 10px -5px!important;   padding:20px 0;}
  .autofill ul{list-style: none; padding:0px; margin:0; max-height: 600px; overflow: scroll;}
  .autofill ul li{padding: 5px 20px; cursor: pointer;}
  .autofill ul li:hover{background-color: #e1e1e1; }
  .itemtable .firstrow{  font-weight: bold;  background-color: #f2f2f2;  color: #333;  border-bottom: 1px solid #ddd;}
  .itemtable .cell{border: 1px solid #ddd; width:20%; height:50px;     padding: 12px;}
  .itemtable .cell input{border:0; margin:0;}
  .itemtable .cell:nth-child(odd) {  background-color: #f9f9f9;}
  .editform{display: inline; padding: 0!important;}
  .editform button{border:none; background: none;     padding: 0 15px;}
  .itemtable{border:#e1e1e1 solid 1px;}
  .itemtable .editfield{display: inline-block; vertical-align: middle; padding-left:12px;}
  .appro-update .editform input, .appro-update .editform select{width:calc(100% - 50px); border: none;     height: 50px;}
  .appro-update .row>div{height:50px;     display: grid;    align-items: center;}
  .appro-update .itemtable .row>div{display: table-cell;}
  .appro-update .row .itemcell{height:unset;}
  .editfield a{margin-left: 20px;}
  .editfield:hover i{transform: rotate(-45deg);}
  .itemtable .inputcell{padding:0; }
  .dup-msg{font-size: 12px;     color: #ae1930;}
  .form-design .submit-btn.disabled{background-color: #999;}
  .appro-update .row .add-item-container{display: block; width:auto;}

  .comment-container{margin-top:50px;}
  .comment-container h2{font-size: 18px; font-weight: 600; margin-bottom: 15px;}
  .comment-box{background-color: #efefef; margin-bottom:15px}
  .comment-header{background-color: #e1e1e1; padding:10px 20px; float: left; width:100%;}
  .comment-user{float:left;}
  .comment-date{float:right;}
  .comment-content{padding: 60px 20px 10px;}
  .comment-form{width:100%;}
  .comment-form textarea{width:100%;}
  .comment-form button{margin-right:15px;}

  .repair-comment.producttable{font-size:12px; width:100%;}
  .repair-comment th{color:#fff;}
  .repair-comment th, .repair-comment td{padding: 20px;}
  .repair-comment th[col="id"], .repair-comment th[col="job_number"], .repair-comment td[col="id"], .repair-comment td[col="job_number"]{display: none;}

.itemtable .cell:hover {  background-color: #f0f0f0;}
  /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

  /* homepage */
  .list-table.pimtable { width: max-content; border:none; border-collapse: collapse;}
  .overflow-container{ overflow-x: scroll; width:100%; padding:0;}
  .saved-filter-container select{width:200px;}
  .table-responsive{    overflow-y: scroll; max-height:1200px;}
  .bottombar{position: fixed; bottom: 0;  background: #fff;   width: 100%;}



  .toolbar{ z-index: 1; width: 100%; background-color: #fff;  height:45px; text-align: right;}
  .right-slider-container{    padding: 100px 20px 20px;  position: fixed;    right: -400px;    top: 0;    width: 400px;    max-width: 90%;    height: 100%; z-index: 2; overflow-y: scroll;}
  .right-slider-container.is-open{right:0;}
  .close-right-slider{    position: absolute;    right: 20px;    margin-top: -30px;    font-size: 28px;    color: #333;}

  .col-cat{  float: left; width: 100%;}
  .cat-btn{border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;     width: 100%;    float: left;    padding: 5px 15px;}
  .cat-btn::before{   font-family: "Font Awesome 6 Free";   font-weight: 900;  content: "\f0d7";    font-size: 16px;    margin-right: 10px;}
  .cat-btn.active::before{content: "\f0d8"; }
  .col-btn{font-size: 14px; padding: 2px 15px;}
  .cat-cols{float: left; padding:15px 0; display: none; transition: all .5s ease-in-out;  }
  .cat-cols.show{display: block;}

  .filter-condition center{color:#ccc;}
  .right-slider-header{margin-bottom: 20px; color:#ccc; font-size: 28px; text-transform: uppercase;}
  .channel-condition{padding:20px;}
  .card{    padding: 15px 40px 15px 15px; margin:5px 0; color:#666;}
  .channel-condition .form-control{margin-top:5px;}
  .delete-icon{color: var(--main-color); top:0.5rem;}
  .delete-icon a{padding:0px; font-size: 28px; margin-right:10px;}
  .add-icon{    padding: 10px;    font-size: 24px;    right: 0px;    color: #222;    top: 0;}
  .delete-icon a:hover i{transform: rotate(360deg)}
  .page-btn, .pagination-container span{padding:10px 18px; color:var(--dark-grey);}
  .page-btn:hover, .page-btn.active{background-color: var(--light-grey);  color:var(--dark-grey);}
  .select-btn{border: 1px solid rgba(0, 0, 0, .125);  background-color: #fff;  border-radius: 0.25rem;  padding:5px 15px;     float: left;    margin-right: 5px;  font-size: 14px;  margin-top: 5px; cursor: pointer;}
  .select-btn label{cursor: pointer;}
  .select-btn.selected{background-color: #222; color:#fff;}
  select.card{appearance: none; cursor: pointer;}
  select.card+ i {display: block;     position: absolute;    margin-top: -40px;    padding: 0;    right: 35px;}

  .selectbox{    float: left;    padding: 0 10px;}
  .selectbox span{padding:10px; font-size:12px;}
  .add-condition i{position: absolute;    right: 15px;    font-size: 18px;}
  .err-box{border: var(--main-color) 1px solid;}
  .err-box::placeholder{color: var(--main-color); }

  .updatevideo .updated{display: none;}
  .updatevideo table{margin-top:30px; margin-top:30px;}
  .updatevideo td{padding: 5px 10px;}
  .info-bar{width: 100%; background: #f8e0e4; padding:5px 10px; color:#ae1930; font-size: 12px; border-bottom:#ae1930 1px solid; border-top:#ae1930 1px solid;}

  /* account page */

  .role-buttons{width:300px; max-width: 25%; float: left;}
  .tab-pane .tab-content{width: 75%; float: left;}
  /* .role-buttons .tab{display: block; border-bottom: 1px solid #e1e1e1;}
  .role-buttons .tab.active{font-weight: 600;} */
  .permission-form label{margin-left: 15px;}
  .fields-sec{padding:0 50px; margin-bottom: 50px;}


  @media (max-width: 767px)  {
    .pim-padding{padding:10px 20px;}
    #search-form{padding:7px 20px;}

  }
  @media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
  }
  .dataTables_filter input {display: inline-block !important;}