body {
  line-height: 24px;
  font-size: 14px;
  color: #000000;
  font-family: "Roboto", sans-serif;
    background-color: #F8F8F8;
}
.new-fonts{
  
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
label {
     margin-bottom: 0;
    font-weight: inherit;
    font-size: 13px;
}
input[type=radio] {    
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
}
input[type=radio] + label:before{
  content: "";
  display: inline-block;
  height: 17px;
  width: 17px;
  background-image: url(../img/radio.png);
  margin-right: 3px;
  background-size: 100% 100%;
  position: relative;
  top: 3px;
}
input[type=radio]:checked + label:before{
  background-image: url(../img/radio1.png);
}
input[type=checkbox] {    
    margin: 0;
    position: relative;
    left: 0;
    top: 3px;
    opacity: 1;
    width: 15px;
    height: 15px;
    margin-right: 3px;
}
input[type=checkbox] + label:before{
  /*content: "";*/
  display: inline-block;
  height: 17px;
  width: 17px;
  background-image: url(../img/check.png);
  margin-right: 3px;
  background-size: 100% 100%;
  position: relative;
  top: 3px;
}
input[type=checkbox]:checked + label:before{
  background-image: url(../img/checked.png);
}
img{
  max-width: 100%;
}
input[type="text"],.file-upload,select,textarea,input[type="password"],input[type="date"],input[type="number"]{
    border: 1px solid #d2d6de;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 14px;
    color: #000000;
    height: 30px;
    box-shadow: none;
    outline: none !important;
    font-family: "Roboto", sans-serif;
   -webkit-appearance: none;
}
select{
    background-image: url(../img/down.png);
    background-repeat: no-repeat;
    padding-right: 27px !important;
    background-position-x: 95%;
    background-position-y: 50%;
}
textarea{
  resize: none;
  height: 65px;
  width: 100%;
}
table select, table input[type="text"]{
  font-size: 12px;
  height: 23px;
  padding: 0 5px;
  border-radius: 0;
    background-color: transparent;
}
table select{
    min-width: auto;
}
.table-div .table>tbody>tr>td,
.table-div .table>tbody>tr>th{
      vertical-align: middle;
}
button {
    background-color: #00acb9;
    border: 1px solid #00acb9;
    box-shadow: none;
    color: #ffffff;
    padding: 2px 7px;
    border-radius: 5px;
    font-family: "Roboto", sans-serif;
    transition: .5s;
}
button:hover, button.btn-cmn:hover{
    transition: .5s;
    background-color: #367fa9;
    color: #fff;
}
button.green:hover{
    background-color: #198619 !important;
    border-color: #198619 !important;
    color: #fff !important;
}
button.no-hover:hover{
  background-color: #00acb9;
}
.btn-search{
    margin-left: 2px;
}
.form-group {
      margin-bottom: 0;
      display: inline-block;
      position: relative;
}
h1,h2,h3,h4,h5,h6 {
  margin: 0px !important;
  font-family: "Roboto", sans-serif;
    font-weight: 600;
}
p {
  margin: 0px !important;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
a,
a:active,
a:focus,
a:active {
  text-decoration: none !important;
  outline: none !important;
}
button {
    outline: none !important;
}
section{
  width: 100%;
  display: inline-block;
  float: left;
}
.container{
  padding: 0;
}
.file-upload{
    display: inline-block;
    width: 100%;
    padding-left: 2px;
    height: 35px;
    position: relative;
    overflow: hidden;
    float: left;
}
.upload input::file-selector-button,
.upload input::-webkit-file-upload-button  {
    position: absolute;
    top: 1px;
    left: 1px;
    background-image: url(../img/upload.png);
    border: none;
    font-size: 0;
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: transparent;
}
input[type=file]{
    height: 35px;
    outline: none !important;
    padding-left: 33px;
    padding-top: 4px;
}
.link_upload_bg {
    width: 35px;
    height: 35px;
    background-color: #0C2D48;
    display: inline-block;
    text-align: center;
    padding-top: 4px;
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-radius: 0 5px 5px 0;
}
.confirmation {
    background-color: #8B8B8B;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    position: absolute;
    right: 10px;
    bottom: 10px;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.confirmation:hover,
.confirmation:focus{
  background-color: #228B22;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
input[type="text"].add-ads-txt{
  padding-left: 25px;
}
.add-ads {
    bottom: 13px;
    position: absolute;
    left: 10px;
}
.select-cnfm{
      background-position-x: 81%;
}
.confirmation .fa{
    font-size: 15px;
    line-height: 25px;
    color: #ffffff;
}
/*sidebar css*/
#sidebar-container {
    min-height: 100vh;   
    background-color: #286385;
    padding: 0;
    display: inline-block;
    width: 70px;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sidebar-expanded span.submenu-icon.ml-auto.d-none {
    display: inline-block !important;
    max-width: 15px;
    float: right;
    position: relative;
    top: 4px;
}
.sidebar-collapsed li{
  position: relative;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sidebar-collapsed li:hover .menu-txt {
    display: inline-block;
    position: absolute;
    left: 80px;
    background-color: #367fa9;
    color: #ffffff;
    font-size: 14px;
    text-transform: capitalize;
    padding: 3px 12px;
    white-space: nowrap;
    top: 8px;
    border-radius: 4px;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sidebar-collapsed li:hover .menu-txt:before {
    content: '';
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 12px 15px 0;
    border-color: transparent #367fa9 transparent transparent;
    position: absolute;
    left: -11px;
    top: 0;
    border-radius: 2px;
}
#sidebar-container.sidebar-expanded {
    width: 230px;
}
/* Closed submenu icon */

.sidebar-expanded li a[aria-expanded="true"] .submenu-icon::after{
  transform: rotatex(180deg);
}
/* Opened submenu icon */
.sidebar-expanded li a[aria-expanded="true"] .submenu-icon::after,
.sidebar-expanded li a[aria-expanded="false"] .submenu-icon::after {
    font-family: FontAwesome;
    content: "\f107";
    display: inline;
    text-align: right;
    padding-left: 10px;
    font-size: 22px;
    color: #ffffff;
    position: relative;
    top: 1px;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;    
    float: right;
}
.menu-ul li .sub-icon .fa{
  display: none;
}
.sidebar-expanded .menu-ul li .sub-icon .fa{
    display: inline-block;
    float: right;
    vertical-align: middle;
}
.main-head {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.head-body {
    display: inline-block;
}
.fa-angle-right:before,.fa-angle-left:before{
  content: none;
}
.fa-angle-left img,.fa-angle-right img{
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.fa-angle-left img{
      transform: rotatey(180deg);
}
.main-head .sidebar-right-icon .sidebar-colapse-icon{
    width: 22px;
    height: 22px;
    background-color: #367fa9;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 20px;
    right: -10px;
}
.sidebar-colapse-icon span{
    font-size: 19px;
    color: #ffffff;
    line-height: 21px;
    display: inline-block;
    width: 100%;
}
.main-head .sidebar-right-icon{
    position: relative;
    padding: 0;
    width: auto;
}

.main-head .sidebar-right-icon:before {
    content: "";
    width: 3px;
    height: 62px;
    display: inline-block;
    background-color: #367fa9;
    position: absolute;
    right: 0;
}

.menu-ul li img {
    width: 30px;
}
.menu-ul li a {
    display: inline-block;
    text-align: center;
    width: 100%;
}
.logo {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 14px 0;
}
.logo a {
    display: inline-block;
    width: 100%;
}
.logo img{
    max-width: 40px;
}
.menu-txt{
    display: none;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sidebar-expanded .menu-txt{
  display: inline-block;
    font-size: 14px;
    color: #ffffff;
    height: 100%;
    padding-left: 10px;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sidebar-expanded .menu-ul li a{
      text-align: left;
}
.menu-ul li a{      
      padding: 7px 20px;
}

.menu-ul li a:focus{
  color: #ffffff;
}
.submenu-a {
    width: 100%;
    display: inline;
    padding: 5px 0;
    color: #ffffff;
}
/*.submenu-li.open-menu {
    background-color: #367fa9;
}*/

.sidebar-expanded li a[aria-expanded="true"],.sidebar-expanded .collapse.in{
  background-color: #367fa9;
}
.full-logo{
    visibility: hidden;
    width: 0;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sidebar-expanded .full-logo{
  visibility: visible;
  width: auto;
  max-width: 140px;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.small-logo{
    visibility: visible;
    width: auto;
}
.sidebar-expanded .small-logo{
  visibility: hidden;
  width: 0;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sidebar-expanded .logo {
    background-color: #E3E3E3;
    padding: 12px 0;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.menu-ul {
    padding: 0px 0;
    width: 100%;
    display: inline-block;
}
.sidebar-expanded ul li:first-child {
    padding-top: 0px;
} 
.sidebar-collapsed li.submenu-li{
  position: relative;
}
.sidebar-collapsed li.submenu-li .sidebar-submenu {
    /*height: 0;*/
    display: inline-block;
    position: absolute;
    background-color: #367fa9;
    width: 165px;
    padding:0px 0;
    left: 70px;
    top: 0px;
    transition-duration: 0.9s;
    visibility: hidden;
    opacity: 0;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sidebar-collapsed li.submenu-li:hover .sidebar-submenu{
    height: auto;
    visibility: visible;
    opacity: 1;
    transition-duration: 0.9s;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.sidebar-collapsed li.submenu-li:hover .sidebar-submenu a.submenu-a {
    background-color: #367fa9;
}
.sidebar-collapsed li.submenu-li:hover .sidebar-submenu a.submenu-a:hover{
      background-color: #0C2D48;
}
.sidebar-collapsed li.submenu-li .sidebar-submenu a {
    padding: 10px 15px;
    text-align: left;
}
li.submenu-li .sidebar-submenu a:hover{
    background-color: #055ca3;
    color: #ffffff;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.sidebar-collapsed li.submenu-li .sidebar-submenu a:last-child{
  padding-bottom: 15px;
}
.menu-ul li:hover {
    background-color: #367fa9;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
    
.sidebar-expanded .sidebar-submenu.sub-list {
    height: auto;
    
    visibility: visible;
}
.sidebar-expanded .sidebar-submenu a:last-child {
    border-bottom: 2px solid #367fa9;
}
.sidebar-collapsed .menu-ul li>a {
    padding-left: 0;
    padding-right: 0;
}
.menu-search ,.menu-search .form-group{
    width: 100%;
    display: inline-block;
    position: relative;
}
.menu-search {
    padding: 20px 10px 10px 10px;
    display: none;
}
.sidebar-expanded .menu-search {
    display: inline-block;
}
.menu-search input[type="text"]{
  width: 100%;
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}
.menu-search button{
  background-color: transparent;
  position: absolute;
  right: 2px;
  top: 0;
  border: none;
}
.menu-search input::placeholder {
  color: #ffffff
}

/*right section*/
.main-right{
    padding: 0 20px 0 90px;
    background-color: #F8F8F8;
    min-height: 100vh;
}
.top-bar {
    padding: 10px 10px;
    width: 100%;
    display: inline-block;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
h1{
  font-size: 20px;
  color: #367fa9;
  float: left;
}
h1#CompanyNameInLabel{
  font-size: 16px;
}

/*tab*/
.filter-section {
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    margin: 5px 0 20px 0;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 10px 5px;
}
.tabs {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: inline-block;
}
.tabs li {
  background: none;
  background-color: #CCE0EB;
  display: inline-block;
  padding: 6px 8px;
  cursor: pointer;
  float: left;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.tabs li:first-child{
    border-radius: 7px 0 0 0;
}
.tabs li:last-child{
    border-radius: 0 7px 0 0;
}
.tabs li a{
  color: #000000;
  display: inline-block;
  font-size: 13px;
  padding: 0;
  background-color: transparent !important;
}
.tabs li.current{
  background: #F5F5F5;
  color: #000000;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.tab-content {
  /*display: none;*/
  background-color: #F5F5F5;
  padding: 10px;
  width: 100%;
  float: left;  
  margin-top: -8px;
}
.tab-content.current {
  display: inherit;
}
.atoz-filter{
  display: inline-block;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #CBE1DF;
  padding-bottom: 10px;
}
.atoz-filter li{
    display: inline-block;
    margin: 0 5px;
}
.atoz-filter li a{
    display: inline-block;
    font-size: 14px;
    background-color: #367fa9;
    color: #ffffff !important;
    padding: 0;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    text-transform: uppercase;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.atoz-filter li a:hover,.atoz-filter li a:active{
  background-color: #0C2D48;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.filter-form {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding: 10px 0 0 0;
    float: left;
}
.filter-form .form-group{
  padding: 0;
}
.filter-form label {
    line-height: 30px;
}
.right-btn{
  float: right;
}
.filter-form .btn-cmn {
    min-width: 60px;
    margin-left: 1px;
}
.txt-search{
  width: 235px;
}
.filter-form label {
    margin-right: 5px;
}
.overview {
    width: 100%;
    display: inline-block;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 7px 7px;
    margin-bottom: 10px;
}
.overview-panel{
  display: inline-block;
  width: 100%;
    background-color: #367fa9;
    padding: 8px 20px;
}
.overview-panel a {
    font-size: 16px;
    color: #ffffff !important;
    width: 100%;
    display: inline-block;
}
.overview-panel a i {
    float: right;
    font-size: 25px;
    line-height: 25px;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.overview-panel a[aria-expanded="true"] i{
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: rotatex(180deg);
}
.company-box {
    width: 100%;
    display: inline-block;
    padding: 5px;
    float: left;
}
.tile {
    display: inline-block;
    width: 14.28%;
    padding: 5px 5px;
    text-align: center;
    float: left;
}
.tile a {
    font-size: 13px;
    color: #000000;
    display: inline-block;
    width: 100%;
    background-color: #CBE1DF;
    line-height: 36px;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.tile span {
    font-size: 12px;
    color: #000000;
    display: inline-block;
    width: 100%;
    font-family: "Roboto", sans-serif;
    background-color: #E6EFEE;
    border: 2px solid #CBE1DF;
    line-height: 26px;
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    font-weight: 900;
}
.tile:hover a{
  background-color: #367fa9;
  color: #ffffff;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.tile:hover span{
  border-color: #367fa9;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
/*table css*/
.show-entries {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}
.show-entries select {
    margin-right: 5px;
    width: 81px;
}
.show-entries label{
    font-size: 14px;
    color: #2B2A29;
}
.pagination-div{
  display: inline-block;
  width: 100%;
  text-align: center;
}
.pagination-div a{
  display: inline-block;
  width: 19px;
  height: 19px;
  background-color: #8B8B8B;
  text-align: center;
  color: #E4E4E4;
  border-radius: 100%;
  line-height: 19px;
  margin: 0 1px;
}
.pagination-div a:hover,
.pagination-div a.active{
  background-color: #0C2D48;
  color: #ffffff;
}
.page-left img {
    position: relative;
    top: 1px;
}
.pagination-div .page-left{
  background-color: #0C2D48;
  height: 23px;
  width: 23px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  top: -2px;
}
.pagination-div a:first-child {
    margin-right: 7px;
}
.pagination-div a:last-child {
    margin-left: 7px;
}
.pages{
  display: inline-block;
  width: 100%;
  padding: 30px 0 10px 0;
}
.showing{
  font-size: 12px;
  color: #8B8B8B;
    width: 100%;
    display: inline-block;
    text-align: center;
}
th {
    white-space: nowrap;
    font-weight: normal;
    background-color: #367fa9;
    color: #ffffff;
    text-align: center;
    text-transform: capitalize;
    position: relative;
}
td {
    white-space: nowrap;
    font-size: 14px;
    text-align: center;
    position: relative;
}
.table-div {
    display: inline-block;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    padding: 10px 5px;
    margin: 0px 0 5px 0;
}
.small-input{
  max-width: 80px;
}
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 16px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #8B8B8B;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.slider:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 1px;
  bottom: 1px;
  background-color: #ffffff;
   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
input:checked + .slider {
  background-color: #60a5cd;
}
input:focus + .slider {
  box-shadow: none;
}
input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
.slider.round {
  border-radius: 9px;
}
.slider.round:before {
  border-radius: 50%;
}
.table{
  margin-bottom: 0;
}
.one-row{
  background-color: #CBE1DF !important;
}
.one-row td{
    text-align: left;
    padding: 3px 10px !important;
}
.one-row td span{
      line-height: 28px;
}
.one-row a {
    float: right;
    background-color: #0C2D48;
    padding: 5px 5px;
    border-radius: 5px;
    text-align: center;
}

/*modal css*/
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 770px;
  height: 100%;
  -webkit-transform: translate3d(0%, 0, 0);
      -ms-transform: translate3d(0%, 0, 0);
       -o-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
}
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0px 20px;
} 
.modal-main .modal-title {
    font-size: 18px;
    color: #0C2D48;
}
.modal-main .modal-header {
    min-height: auto;
    padding: 9px 0;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 10px;
} 
.modal-main .modal-header .close {
    margin-top: 0;
    background-color: #0C2D48;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    opacity: 1;
    text-shadow: none;
    color: #fff;
    font-weight: 500;
    line-height: 25px;
    font-size: 25px;
}  
.modal-main .modal-body {
    padding: 0 0 50px 0;
}
.modal-backdrop.in {
    opacity: .3;
}
.label-full {
    font-size: 14px;
    width: 100%;
    display: inline-block;
    color: #2B2A29;
}
.form-group-full {
    width: 100%;
}
.form-group{
    display: inline-block;
    float: left;
    padding: 0px 5px 5px 5px;
}
.form-group-75{
    width: 66.66%;    
}
.form-group-25{
    width: 33.33%;    
}
.form-group-33{
    width: 33.33%;
}
.common-form input[type="text"],
.common-form select{
  width: 100%;
  height: 35px;
}
.form-group.right-btn {
    float: right;
    padding-right: 0;
}
.modal-main .po-form {
    display: inline-block;
    width: 100%;
}
.modal-main .po-form .common-form{
  display: inline-block;
  margin: 0 -5px;
}
.po-form .form-group-25 {
    text-align: right;
    padding-top: 54px;
}
.po-form button{
      padding: 4px 13px;
}
.swch-lbl {
    display: inline-block;
    font-size: 14px;
    color: #2B2A29;
    position: relative;
    top: -3px;
}
.switch-div {
    float: left;
    width: 100%;
    padding: 10px 0 5px 0;
}
/*Right*/
.modal.right.fade .modal-dialog {
  right: -320px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
     -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
       -o-transition: opacity 0.3s linear, right 0.3s ease-out;
          transition: opacity 0.3s linear, right 0.3s ease-out;
}
.modal.right.fade.in .modal-dialog {
  right: 0;
}
.title-strip {
    width: 100%;
    display: inline-block;
    background-color: #CBE1DF;
    padding: 6px 10px;
    margin: 10px 0;
}
.po-form .title-strip {
  margin-top: 0;
}
.title-strip span {
    color: #2B2A29;
}


.with-btn .form-group.right-btn {
    padding-bottom: 0;
}
.with-btn.top-bar{
  padding-top: 10px;
  padding-bottom: 10px; 
}
.with-btn h1 {
    line-height: 30px;
}
button.yellow {
    background-color: #DD9039;
    border-color: #DD9039;
}
button.yellow:hover {
    background-color: #d37307;
    border-color: #d37307;
}
.cmn-filter-textbox {
    width: 100%;
    float: left;
    display: inline-block;
}
.cmn-filter-textbox .form-group {
    width: 17%;
    padding-right: 10px;
}
.cmn-filter-textbox input,
.cmn-filter-textbox select{
  width: 100%;
}
.table-search {
    float: right;
}
.table-search .form-group {
    padding: 0;
}
.table-search input[type="text"]{
    width: 270px;
}
.table-search button {
    background-color: transparent;
    position: absolute;
    right: 2px;
    top: 0;
    border: none;
}
.action-td a{
  padding-right: 5px;
}
.red-btn{
  background-color: #DD4C39;
  border-color: #DD4C39;
}
.transfer-company select {
    background-position-x: 98%;
}
.transfer-company .right-btn {
    padding-top: 10px;
    padding-right: 5px;
}
.note {
    width: 100%;
    display: inline-block;
    background-color: #DCBFBB;
    font-size: 12.4px;
    padding: 3px 0 3px 8px;
    border-left: 3px solid #DD4C39;
    margin: 20px 0;
}

/*login page*/
.login-page {
    height: 100vh;
    display: flex;
    display: -webkit-flex;
    display:-moz-flex;
    justify-content: center;
}
.login-main {
    box-shadow: 0px 6px 22px rgba(0,0,0,0.5);
    width: 100%;
    margin: auto;
    max-height: 542px;
    max-width: 1270px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
}
.l-left{
  width: 57.9%;
  float: left;
}
.l-left img{
  width: 100%;
}
.r-left {
    float: left;
    width: 42.1%;
    padding: 0 133px;
    display: flex;
    display: -webkit-flex;
    display:-moz-flex;
    height: 511px;
}
.login-form{
    width: 100%;
    margin: auto;
    text-align: center;
}
.log-logo{
  max-width: 267px;
}
.r-left span {
    width: 100%;
    display: inline-block;
    margin: 10px 0 20px 0;
}
.r-left .form-group{
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
}
.r-left input{
  width: 100%;
  height: 35px;
}
.log-icon {
    position: absolute;
    right: 10px;
    top: 12px;
}
.unlock-lock{
  top: 5px;
}
.r-left button{
    padding: 5px 7px;
    width: 100%;
}
.unlock{
  display: none;
}
.unlock-lock.unlock-eye .lock {
    display: none;
}
.unlock-lock.unlock-eye .unlock {
    display: inline-block;
}
/*Quotation Log css*/
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    height: 30px;
}
.left-form-group {
    width: 66%;
    display: inline-block;
    float: left;
}
.sub-filter .form-group {
    width: 11.1%;
}
.sub-filter {
    padding-top: 10px;
    border-top: 1px solid #CBE1DF;
    display: inline-block;
    width: 100%;
    float: left;
    margin-top: 10px;
}
.sub-filter form {
    float: left;
    width: 100%;
}
.sub-filter .form-group.right-btn {
    width: 33.7%;
    padding-left: 5px;
}
.sub-filter .form-group.right-btn button.btn-cmn {
    font-size: 13px;
}
.sub-filter .form-group input, 
.sub-filter .form-group select {
    width: 95% !important;
    display: inline-block;
    font-size: 13px;
    padding-left: 7px;
}
.f-form{
  display: inline-block;
  width: 100%;
  float: left;
}
.tile1{
    width: 20%;
    display: inline-block;
    padding: 5px 5px;
    text-align: center;
    float: left;
}
.tile1-inner{
  float: left;
  width: 100%;
  background-color: #CBE1DF;
  position: relative;
  padding: 11px 30px 11px 10px;
}
.cmpn-title {
    background-color: transparent;
    font-size: 14px;
    font-weight: normal;
    float: left;
    width: 100%;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 195px;
}
.cmpn-txt {
    background-color: transparent;
    font-weight: normal;
    font-size: 12px;
    float: left;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.plus {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 25px;
    height: 40px;
    background-color: #E6EFEE;
    border-radius: 5px;
  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.plus:hover{
  background-color: #8ab1cf;
  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.plus img {
    padding: 14px 0;
}
.tile1.active .tile1-inner{
  background-color: #367fa9;
}
.tile1.active .cmpn-txt,
.tile1.active .cmpn-title {
  color: #ffffff;
}
.row-right {
    float: right;
}
.row-right a {
    height: 27px;
    width: 27px;
    padding: 4px 0;
    margin-left: 6px;
}
.row-right .park{
    padding-top: 5px;
}
.action-table {
    float: left;
    display: inline-block;
    width: 110px;
}
.action-table a {
    display: inline-block;
    padding: 0 2px;
}
.action-table a img {
    width: 22px;
}
.row-right span {
    float: right;
    margin-right: 10px;
}
/*only for safari*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    ::i-block-chrome, input[type="date"]::-webkit-inner-spin-button,
    ::i-block-chrome, input[type="date"]::-webkit-calendar-picker-indicator {
        opacity: 1;
        position: static;
    }
}

/*Quotation Main page css*/
.top-bar-qt-main {
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
}
.qt-title-left,
.qt-title,
.qt-title-right{
    float: left;
    width: 33.33%;
}
.qt-title-left {
    padding: 0 0 0 0;
}
.qt-title{
  text-align: center;
    padding: 0 0 0 0;
}
.qt-title h1 {
    width: 100%;
}
.qt-title span{
  width: 100%;
  float: left;
  color: #8B8B8B;
  font-weight: 500;
    font-size: 12px;
    line-height: 19px;
}
.qt-title span b{
  font-weight: 600;
}
.rm-fs {
  padding-left: 0;
}
.rm-fs input{
    width: 250px;
}
.rm-sn input{
    width: 90px;
}
.qt-title-right .form-group {
    width: 100%;
    text-align: right;
    padding-bottom: 6px;
    padding-right: 0;
}
.qt-title-right .score {
    width: auto;
    float: right;
    text-align: right;
}
.qt-title-right button {
    font-size: 12px;
    padding: 2px 8px 1px 8px;
}
.qt-title-right select {
    height: 30px;
    width: 190px;
    margin-right: 5px;
}
.score span {
    font-size: 12px;
    color: #ffffff;
    padding: 0px 6px;
    display: inline-block;
    float: left;
}
.score-main{
    background-color: #8B8B8B;
    border-radius: 5px 0 0 5px;
}
.score-ft{
  background-color: #07A389;
}
.score-sd{
  background-color: #0F7E6C;
}
.score-rd{
    background-color: #07A389;
    border-radius: 0 5px 5px 0;
}
.quotation-details {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.quotation-details .accordion {
    display: inline-block;
    float: left;
    width: 100%;
}
.quotation-details .accordion__body {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 7px 7px;
    margin-bottom: 0px;
    float: left;
}
.quotation-details .accordion__header {
    background-color: #367fa9;
    padding: 9px 15px;
    width: 100%;
    display: inline-block;
    float: left;
    margin-top: 10px;
}
.quotation-details .accordion__header h2{
  font-weight: normal;
  font-size: 16px;
  color: #ffffff;
  float: left;
}
.quotation-details .accordion__header img{
    float: right;
    padding-top: 6px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.quotation-details .accordion__header.is-active img{
    transform: rotatex(180deg);
     -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-bottom: 6px;
    padding-top: 0;
}
.quotation-details .accordion__body{
  opacity: 0;
  visibility: hidden;
  height: 0;
 -moz-transition: height 1s ease;
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
}
.quotation-details .accordion__body.is-active{
  opacity: 1;
  visibility: visible;
  height: auto;
 -moz-transition: height 1s ease;
  -webkit-transition: height 1s ease;
  -o-transition: height 1s ease;
  transition: height 1s ease;
  padding: 10px;
}
.form-group-25-2{
    width: 25%;
    padding: 10px;
}
.qd-form input[type="text"],.qd-form input[type="date"], .qd-form select {
    width: 100%;
    height: 35px;
}
.refresh,.add {
    background-color: #367fa9;
    border: none;
    border-radius: 0 5px 5px 0;
    position: absolute;
    right: 10px;
    top: 10px;
    height: 35px;
    width: 35px;
    text-align: center;
}
.with-add select{
  max-width: calc(100% - 33px);
  max-width: -webkit-calc(100% - 33px);
  max-width: -moz-calc(100% - 33px);
}
.form-group-50{
  width: 50%;
}
.radio-div{
  width: 100%;
  float: left;
  border: 1px solid #d2d6de;
  border-radius: 5px;
  padding-left: 10px;
  padding-top: 5px;
  height: 35px;
}
.radio-div .form-group {
    padding: 0;
}
.qd-form .with-padding{
  padding: 10px;
}
.form-group-100{
  width: 100%;
}
.swich-main{
    width: 100%;
    float: left;
    border: 1px solid #d2d6de;
    border-radius: 5px;
    padding: 10px;
}
.swich-main .switch{
  float: left;
}
.swich-inner .switch-text {
    line-height: 16px;
    float: left;
    margin-left: 5px;
}
.swich-inner {
    width: 16.66%;
    float: left;
    padding: 10px 0;
}
.clint-cmt{
  padding: 0 10px;
}
.clint-cmt textarea{
  height: 100px;
}
.form-group-20{
  width: 20%;
}
.form-group-40{
  width: 40%;
}
.flt-right{
  float: right;
  margin-left: 5px;
}
.flt-left{
  float: left;
  margin-right: 5px;
}
.qd-form .with-padding .btn-cmn {
    padding: 2px 10px;
}
.qd-form .with-padding.height-35 .btn-cmn{
  padding-top: 4px;
  padding-bottom: 4px;
}
.pdf-in-row {
    float: right;
}
.pdf-in-row select, 
.pdf-in-row input {
    width: 67px;
    height: 30px;
    margin-left: 15px;
    float: left;
}
.pdf-in-row span{
  color: #ffffff;
  float: left;
  margin-left: 15px;
  line-height: 30px;
}
.pdf-in-row button{
    text-transform: uppercase;
    margin-left: 10px;
    width: 43px;
    margin-right: 20px;
}
.quotation-details .accordion__header.acc-head-btn{
  padding-top: 5px;
  padding-bottom: 5px;
}
.quotation-details .accordion__header.acc-head-btn h2 {
    line-height: 30px;
}
.quotation-details .accordion__header.acc-head-btn img {
  padding-top: 12px;
}
.quotation-details .accordion__header.acc-head-btn.is-active img {
    padding-bottom: 10px;
}
.form-group-11 {
    width: 11%;
}
button.red{
    background-color: #DD4C39;
    border-color: #DD4C39;
}
button.red:hover{
  background-color: #b34d3f;
  border-color: #b34d3f;
}
.add-product .with-padding .btn-cmn{
    padding: 2px 10px;
    font-size: 14px;
}
button.blue{
    background-color: #367fa9;
    border-color: #367fa9;
}
button.blue:hover {
    background-color: #2c6c91;
    border-color: #2c6c91;
}
.previous-list .swich-main {
    width: auto;
    padding: 0;
    margin-top: 5px;
}
.previous-list .swich-main.three-swich{
  margin-right: 5px;
    padding: 0 5px;
}
.previous-list .swich-inner {
    width: auto;
    padding: 9px 4px;
      line-height: 16px;
}
.previous-list .three-swich .swich-inner{
    padding: 4px 6px;
    position: relative;
}
.table-color {
    float: right;
}
.t-clr-inner {
    float: left;
}
.with-padding.with-padding-right-0{
  padding-right: 0;
}
.with-padding.with-padding-left-0{
  padding-left: 0;
}
.t-clr-txt {
    font-size: 13px;
    float: left;
    line-height: 21px;
}
.t-clr.green {
    background-color: #00A65A;
    border-color: #166C45;
}
.t-clr.blue {
    background-color: #03679F;
    border-color: #003D60;
}
.t-clr.gray {
    background-color: #E4E4E4;
    border-color: #999999;
}
.t-clr {
    height: 20px;
    width: 20px;
    display: inline-block;
    border-radius: 100%;
    border: 2px solid;
    float: left;
    margin: 0 5px 0 8px;
}
.previous-list .table-color {
    padding-top: 18px;
}
.previous-list .show-entries {
    border-top: 1px solid #E4E4E4;
    padding: 20px 0 0px 0;
    margin-top: 14px;
}
.cat-cas-div {
    float: left;
    width: 100%;
    text-align: center;
}
.cas-no {
    background-color: #CBE1DF;
    display: inline-block;
    padding: 5px 5px;
    margin: 0 -2px;
      font-size: 12px;
}
.cat--div {
    margin-left: 8px;
    margin-top: 5px;
    display: inline-block;
}
.cas-no:first-child{
  border-right: 2px solid #0C2D48;
  border-radius: 5px 0 0 5px; 
}
.cas-no:last-child{
  border-radius: 0 5px 5px 0;
}
.paper-size{
  width: 20px;
  display: inline-block;
}
.table-div input[type="date"] {
    padding-left: 4px;
    height: auto;
}
.accordion__body .table-div {
    box-shadow: none;
    padding: 10px 0px 0px 0px;
    margin: 0;
}
.side-table {
    width: 100%;
    display: inline-block;
}
.po-form-main{
    display: inline-block;
    width: 100%;
}
.po-form-main .form-group {
    padding: 10px 5px;
}
.po-form-main input,
.po-form-main select{
  width: 100%;
}
.address-main {
    width: 100%;
    display: inline-block;
}
.bill-add {
    width: 50%;
    float: left;
}
.bill-add:first-child{
  padding-right: 10px;
}
.bill-add:last-child{
  padding-left: 10px;
}
.impurityd-sec-main{
  width: 100%;
  display: inline-block;
  float: left;
  padding: 5px 0 0 0;
}
.impurityd-sec-inner {
    float: left;
    width: 50%;
    padding: 0 5px;
}
.impurityd-sec-inner .form-group.form-group-100 {
    padding: 0;
}
.impurityd-sec-inner input{
  width: 100%;
}
.impurityd-sec-inner input{
  height: 35px;
}
.table-inputs {
    width: 100%;
    float: left;
    padding: 20px 0;
}
.table-inputs input{
    max-width: 113px;
}
.first-c{
    padding-left: 0;
    padding-right: 10px;
}
.sec-c{
    padding-right: 0;
    padding-left: 10px;
}
.impurityd-sec-inner label {
    color: #8B8B8B;
    font-size: 14px;
    padding: 3px 0;
    width: 100%;
    float: left;
}
.impurityd-sec-inner label span{
  color: #000000;
}
.table-batch {
    width: 100%;
    float: left;
}
label.mw-label {
    border: 1px solid #d2d6de;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 15px 0;
}
.pro-img{
  width: 100%;
  display: inline-block;
  text-align: center;
  border: 1px solid #d2d6de;
}
.pro-img img {
    max-height: 200px;
}
.synm-label {
    text-align: right;
}
.table-pack-size{
  width: 100%;
  display: inline-block;
  float: left;
  margin-bottom: 5px;
}
.table-add-product-list {
    width: 100%;
    float: left;
    padding: 10px 5px;
}
/*Quotation Dashboard*/
input.wdt-s {
    max-width: 70px;
}
.with-input input, .with-input select {
    width: 180px;
}
.qt-summary {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 10px 10px 10px 10px;
}
.quotation-dash .acc-head-btn .pdf-in-row select{
    width: 120px;
    height: 30px;
    margin-left: 0;
    float: left;
    margin-right: 15px;
}
.report-detail,.report-detail:focus {
    color: #000 !important;
    text-decoration: underline !important;
}
.report-form{
  display: inline-block;
  width: 100%;
  float: left;
  text-align: center;
  padding: 3px 10px 0 10px;
}
.report-form form {
    display: inline-block;
}
.report-line{
  width: 100%;
  display: inline-block;
  float: left;
  border-bottom: 1px solid #E4E4E4;
}
.report-form input[type="date"],
.report-form select{
  width: 170px;
}
.check-group{
  padding-top: 4px;
}
.check-group input[type=checkbox] + label:before{
    margin-right: 8px;
}
.modal-center .modal-dialog {
    max-width: 90%;
    width: 800px;
}
.modal-center .modal-content {
    padding: 10px 20px 0px 20px;
}
.modal-center .modal-body {
    display: inline-block;
    width: 100%;
    padding: 0;
}
.modal-center .qt-summary {
   padding: 10px 0px 10px 0px;
}
.todays-qut-btn {
    display: inline-block;
    width: 100%;
    float: left;
    border-top: 1px solid #E4E4E4;
    padding-top: 10px;
    margin-top: 10px;
    text-align: center;
}
.todays-qut-btn button {
    padding: 3px 8px;
    font-size: 14px;
}
.tab-content.current {
 -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.tab-content {
 -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.company-list-inner {
    width: 100%;
    margin-bottom: 10px;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
}
.company-list-main {
    padding-top: 5px;
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.l .company-list-inner {
    padding-left: 0;
}
.r .company-list-inner {
    padding-right: 0;
}
.l, .r {
    width: 50%;
    float: left;
}
.tabs-main {
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    float: left;
    width: 100%;
    border-radius: 0 0 7px 7px;
    text-align: center;
    padding: 10px 5px;
}
.tabs-main-inner{
  position: relative;
  width: 100%;
  float: left;
}
.tabs-main .tabs li {
    background-color: transparent;
    display: inline-block;
    padding: 0;   
}
.company-list-inner .nav-tabs {
    width: auto;
    display: inline-block;
    margin: 0 auto;
    border: none;
}
.company-list-inner .nav-tabs>li.active>a{
    background-color: #F5F5F5 !important;
    color: #000000;
} 
.company-list-inner .nav-tabs>li>a {
    display: block;
    padding: 6px 26px;
    font-size: 15px;
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    background-color: #CCE0EB !important;
    border-radius: 0;
    border: none !important;
    margin: 0;
    color: #000000;
    font-weight: normal;
}

.tabs-main .nav-tabs>li:last-child a{
    border-radius: 0 7px 0 0;
}
.tabs-main .nav-tabs>li:first-child a{
    border-radius: 7px 0 0 0;
}
.company-list-inner .tabs>.tab>[id^="tab"]:checked + label {
    top: 0;
    background: #F5F5F5;
    color: #000000;
}
.company-list-inner .tabs>.tab>[id^="tab"]:checked ~ [id^="tab-content"] {
    z-index: 1;   
    opacity: 1;
    transition: opacity 400ms ease-out;
}
.title-strip-das select {
    width: 120px;
    float: right;
}
.title-strip-das {
    width: 100%;
    float: left;
    font-size: 16px;
    background-color: #367fa9;
    color: #ffffff;
    text-align: left;
    padding: 4px 10px;
}
.title-strip-das span{
    line-height: 30px;
}
.domestic-cmpy {
    width: 100%;
    display: inline-block;
}
.tabs-main .domestic-cmpy li{
    width: 100%;
    display: inline-block;
    background-color: #ffffff;
    margin-bottom: 5px;
    text-align: left;
    padding: 3px 5px;
    border-radius: 0;
    position: relative;
}
.tabs-main .domestic-cmpy li label {
    font-size: 12px;
}
.domestic-cmpy input[type=checkbox] + label:before{
    margin-right: 7px;  
}
/*.domestic-cmpy li:first-child{
  background-color: transparent;
}*/
.tabs-main .domestic-cmpy li label a {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
}
.tabs-main .domestic-cmpy li a {
    font-size: 12px;
    margin: 0 5px 0px 0;
    font-weight: 700;
    color: #000;
}



/*project list*/
.sub-filter .form-group-100{
  width: 100%;
  text-align: right;
  padding-top: 10px;
}
.filter-form .swich-inner {
    width: auto;
}
.filter-form .swich-inner label {
    margin-right: 0px;
    float: left;
}
.filter-form .swich-inner {
    padding: 8px 0 0px 7px;
}
.filter-form .swich-inner .switch-text {
    line-height: 17px;
    margin-left: 3px;
    font-size: 13px;
}
.project-list .filter-form .btn-cmn {
    min-width: auto;
    margin-left: 2px;
}
.atoz-filter.current#atoz-fil {
    height: auto;
    visibility: visible;
    border-bottom: 1px solid #CBE1DF;
    padding-bottom: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 1;
}
#atoz-fil {
    height: 0;
    visibility: hidden;
    padding: 0;
    border: 0;
    float: left;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
}
.project-list .left-form-group {
    width: 100%;
}
.fix-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
.project-list .tabs li {
    padding: 2px 4px;
    border-radius: 8px !important;
    margin: 0 3px 10px 0;
}
.project-list .filter-form .sub-filter .form-group.form-group-100 {
    margin-top: -40px;
    padding-right: 10px;
}
.project-list .filter-form {
    padding-top: 0;
    padding-bottom: 12px;
}
.project-list .tabs li a {
   font-size: 12px;
}
.project-list .tabs li.current {
    background: #367fa9;
}
.project-list .tabs li.current a {
    color: #ffffff;
}
.t-clr.red {
    background-color: #DD4C39;
    border-color: #AB4B3F;
}
.t-clr.purple {
    background-color: #715664;
    border-color: #533D48;
}
.t-clr.light-yellow {
    background-color: #F8E6B6;
    border-color: #D9D2C0;
}
.t-clr.violet {
    background-color: #B692C2;
    border-color: #85758A;
}
.t-clr.light-blue{
    background-color: #C4F0FB;
    border-color: #8EB5BE;
}
.t-clr.light-pink {
    background-color: #F0A699;
    border-color: #D0B0AA;
}
.t-clr.red-sq {
    border: 3px solid #DD4C39;
    border-radius: 0;
}
.single-row-right {
    float: right;
    text-align: right;  
}
.single-row-right a {
    float: none;
    display: inline-block;
    width: 27px;
    height: 27px;
    text-align: center;
    margin-left: 5px;
    padding: 5px 0;
}
.table-search-icon{
    display: inline-block;
    width: 20px;
    margin-left: 7px;
}
.action-table-div a {
    display: inline-block;
    padding: 0 2px;
    min-width: 22px;
    max-width: 23px;
}
.switch-r-m {
    width: 100%;
    text-align: right;
    padding-top: 20px;
}
.switch-r-m .btn {
    position: relative;
    top: 0;
    width: 150px;
    margin: 0;
    overflow: hidden;
    height: 34px;
    border-radius: 5px;
}
.switch-r-m .btn-bg {
  width: 100%;
  background-color: #D9D9D9;
  transition: 0.3s ease all;
  z-index: 1;
}
.switch-r-m #button-10 .knob:after {
    content: "Moraiya";
    right: 0;
    color: #000;
    font-size: 14px;
    position: relative;
    padding: 0;
    font-weight: normal;
}
.switch-r-m #button-10 .knob span {
    display: inline-block;
    left: -37px;
    color: #fff;
    z-index: 1;
    position: relative !important;
    font-size: 14px;
    font-weight: normal;
    width: 75px;
    height: auto;
}
.switch-r-m #button-10 .knob:before {
    content: "";
    left: 0;
    background-color: #367fa9;
}
.switch-r-m #button-10 .knob:before, 
.switch-r-m #button-10 .knob:after, 
.switch-r-m #button-10 .knob span {
    position: absolute;
    top: 0;
    width: 75px;
    height: 32px;
    text-align: center;
    line-height: 1;
    padding: 9px 4px;
    border-radius: 2px;
    transition: 0.3s ease all;
}
.switch-r-m #button-10 .checkbox:checked + .knob:before {
  left: 72px;
}
.switch-r-m #button-10 .checkbox:checked + .knob span {
  color: #000000;
}
.switch-r-m #button-10 .checkbox:checked + .knob:after {
  color: #fff;
}
.switch-r-m .knob {
  z-index: 2;
}
.switch-r-m .checkbox {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  z-index: 3;
}
.switch-r-m .knob,
.switch-r-m .btn-bg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.project-list .pages {
    padding-top: 0;
}
.switch-div-border {
    display: inline-block;
    border: 1px solid #d2d6de;
    border-radius: 5px;
    width: 66.66%;
    padding-top: 9px;
    padding-bottom: 0px;
}
.switch-div-border .form-group {
    padding-right: 43px;
    padding-bottom: 0;
}
.project-list-modal .switch-div {
    padding: 0 0px 0 5px;
}

/*Dispatch List*/
.dispatch-page .tabs li{
  padding-left: 14px;
  padding-right: 14px;
}
.dispatch-status select{
    width: 180px;
    margin-left: 4px;
}
.dispatch-status{
  float: right;
}
.dispatch-page .pages{
  padding-top: 0;
}

/*purchase-page*/
.purchase-page .filter-form {
    padding-top: 0;
}
.purchase-filter select {
    width: 200px;
}
.purchase-list-modal input[type="date"] {
    width: 100%;
    margin-bottom: 7px;
}
.purchase-list-modal .form-group{
  padding-bottom: 10px;
}

/*product master page*/
.product-master-page h1 {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
}
.product-master-page .filter-form select {
    width: 230px;
}
.product-master-page .filter-form label {
    margin: 0 10px;
    font-size: 14px;
}
.product-master-page .top-bar {
    margin-bottom: 20px;
}
.mid-input{
  width: 170px;
}
.big-input{
  width: 250px;
}
.instock-slt {
    border-bottom: 1px solid #E4E4E4;
    padding-bottom: 10px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}
.product-master-page .table-div {
    padding-top: 10px;
}
.instock-slt select{
    width: 135px;
    margin-right: 2px;
}
.product-master-modal.modal-main .po-form .common-form {
    margin: 0 0 0 -5px;
    width: calc(100% + 10px);
    width: -moz-calc(100% + 10px);
    width: -webkit-calc(100% + 10px);
    width: -o-calc(100% + 10px);
    float: left;
    margin-bottom: 10px;
}
.product-master-modal .form-group {
    padding-bottom: 10px;
}
.difficulty-level {
    width: 100%;
    display: inline-block;
}
.product-master-modal .swich-inner {
    width: 33.33%;
}
.analytical-date .swich-inner {
    width: 25%;
}
.analytical-date a {
    float: left;
    max-width: 25px;
}
.analytical-date .swich-inner .switch-text{
    position: relative;
    top: 5px;
    font-size: 13px;
    margin-left: 3px;
}
.analytical-date .swich-main .switch {
    margin-left: 3px;
    position: relative;
    top: 4px;
}
.difficulty-level label {
    float: left;
}
.level-brdr{
    border: 1px solid #d2d6de;
    border-radius: 5px;
    padding-left: 10px;
    float: left;
    width: 100%;
}

.rate {
    float: left;
    height: auto;
    padding: 2px 0px 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    margin-right: 4px;
    font-size: 26px;
    color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
}
.important-lable{
  line-height: 35px;
}
.rate:not(:checked) > label:before {
    content: '★ ';
    height: auto;
    width: auto;
    background-image: none;
}
.rate input[type=radio]:checked + label:before{
  background-image: none;
}
.rate > input:checked ~ label {
    color: #0C2D48;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #0C2D48;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #0C2D48;
}


#bars {
  float: left;
  width: 61%;
  position: relative;
}
.difftext {
  position: relative;
  top: 10px;
  left: 10px;
}
.diffbar {
  background: lightgrey;
  width: 100%;
  height: 15px;
  position: relative;
  top: 10px;
  left: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden;
}
.difflvl {
  position: relative;
  right: 290px;
  background: darkgrey;
  width: auto;
  height: 15px;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-transition: right 1s, background 1s;
  -moz-transition: right 1s, background 1s;
  -0-transition: right 1s, background 1s;
  transition: right 1s, background 1s;
}
.diffbar-main .important-lable {
    margin-right: 10px;
}
.level-txt a {
    width: 20%;
    display: inline-block;
    line-height: 15px;
    color: #000000;
    float: left;
    text-align: center;
    z-index: 1;
}
.level-txt {
    position: absolute;
    left: 0;
    width: 100%;    
    top: 11px;
}
.diffbar:hover .difflvl {
  right: 0px;
}
.diffbar #lvl-1:target {
  background: #2eb101;
  right: 85%;
}
.diffbar #lvl-2:target {
  background: #cbff4c;
  right: 66%;
}
.diffbar #lvl-3:target {
  background: #ffff00;
  right: 45%;
}
.diffbar #lvl-4:target {
  background: #fea500;
  right: 25%;
}
.diffbar #lvl-5:target {
  background: #fd2901;
  right: 0;
}


/*COA page*/
.top-bar h2 {
    font-size: 16px;
    font-weight: normal;
    float: left;
    line-height: 30px;
}
.top-bar .form-group{
  padding-bottom: 0;
}
.coa-page .top-bar {
    float: left;
    margin-bottom: 10px;
}
.coa-main {
    width: 100%;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
}
.coa-form {
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    float: left;
    width: 100%;
    border-radius: 0 0 7px 7px;
    padding: 20px;
}
.coa-form .form-group {
    padding: 0 0 10px 0;
}
.coa-form form {
    float: left;
    width: 100%;
}
.coa-form .form-group-100 label,
.coa-form .form-group-100 input[type="text"]{
  width: 100%;
  font-size: 14px;
}
.p-image img{
    border-left: 2px solid #E4E4E4;
}
.chemical-detail{
  float: left;
  width: 65%;
}
.chemical-img{
    float: left;
    width: 35%;
    text-align: center;
    padding: 26px 0 0 0;
}
.chemical-detail label,
.chemical-detail input[type="text"]{
  width: 100%;
}
.chemical-detail .form-group {
    padding-right: 20px;
}
.coa-form input[type="text"],
.coa-form select{
  height: 35px;
}
.analytical-info-left{
  float: left;
  width: 50%;
  padding-right: 50px;
}
.analytical-info-left .form-group{
  width: 100%;
  padding-bottom: 20px;
}
.analytical-info-left input[type="text"] {
    width: 300px;
    float: right;
}
.analytical-info-left label {
    line-height: 35px;
    font-size: 14px;
}
.weight-loss {
    width: 300px;
    float: right;
}
.weight-loss select {
    width: 48%;
    float: left;
}
.weight-loss input[type="text"] {
    width: 48%;
    float: right;
}
.purity-txt select {
    width: 80px;
    margin-right: 10px;
}
.purity-txt input[type="text"]:nth-child(2)  {
    width: 65px;
    float: left;
}
.purity-txt input[type="text"]:last-child {
    width: 135px;
    float: right;
}
.wdt-40{
  width: 240px;
}
.wdt-50{
  width: 300px;
  float: right;
  position: relative;
  z-index: 1;
}
.equ-switch {
    float: left;
    padding: 9px 10px 0 0;
}
.theroretical-txt label{
  float: left;
  width: auto;
  margin-right: 5px;
}
.theroretical-txt input[type="text"]{
  float: left;
  width: 50px;
  margin-right: 9px;
}
.theroretical-txt input[type="text"]:last-child{
  margin: 0;
}
.mrg-t-0{
  margin-top: 0;
}
.coa-page textarea {
    height: 140px;
}
.coa-form .form-group-100 label.switch{
    width: 30px;
}
.coa-form .swich-inner {
    width: 12.5%;
}
.coa-form .form-group-25-2 input[type="text"],
.coa-form .form-group-25-2 label{
  width: 100%;
}
.coa-form .form-group-25-2 .swich-inner{
    width: 100%;    
    padding-top: 32px;
}
.coa-form .form-group-25-2 .swich-inner label{
  width: 30px;  
  margin-left: 5px;
}
.coa-form .form-group-25-2 {
    padding: 0 5px 10px 5px;
}
.text-right{
  text-align: right;
}
.coa-log {
    float: left;
    width: 100%;
    margin-bottom: 00px;
}
.coa-log-table{
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    float: left;
    width: 100%;
    border-radius: 0 0 7px 7px;
    padding: 10px;
        margin-bottom: 20px;
}
.coa-other-batches {
    width: 100%;
    display: inline-block;
}
.crt-by-main {
    float: right;
    text-align: right;
}
.crt-by-main .crt-by {
    float: right;
    width: 100%;
    line-height: 15px;
    font-size: 12px;
}
.crt-by span {
    line-height: inherit;
    font-weight: 600;
}
.equ-switch .swch-lbl {
    top: -10px;
}
.qt-title-right .form-group {
    padding-bottom: 0;
}
.coa-log-table .accordion__header tr {
    background-color: #CBE1DF !important;
    cursor: pointer;
}
.coa-log-table .accordion__header h2 {
    font-size: 14px;
    font-weight: normal;
    float: left;
    line-height: 22px;
}
.coa-log-table .accordion__header img {
    position: absolute;    
    left: 110px;
    top: 15px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.coa-log-table .accordion__header.is-active img {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: rotatex(180deg);
}
.coa-log-table .accordion__hide{
    height: 0;
    visibility: hidden;
    width: 0;
    display: none;
}
.coa-log-table .accordion__hide.is-active{
    height: auto;
    visibility: visible;
    width: auto;
    display: table-row-group;
}
.mrg-btm{
  margin-bottom: 5px;
}
table th input[type="text"]{
  background-color: #fff;
}
.wdt-100{
  width: 100%;
}
.table-add-product-list .table>thead>tr>th{
      vertical-align: middle;
}
.table-add-product-list td textarea{
  border-radius: 0;
}
.wdth-area{
  width: 140px;
}
.submission-main input[type="date"]{
  width: 100%;
  height: 35px;
}
.submission-main select {
    width: 300px;
    float: right;
}
.submission-main {
    width: 100%;
    display: inline-block;
    float: left;
    margin-bottom: 20px;
}
.submission-main .p-image img {
    border-left: 2px solid #E4E4E4;
    padding: 30px 0;
}
.submission-main .chemical-img {
    padding: 66px 0 0 0;
}
.additional-qus{
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
.additional-qus input[type="text"],
.additional-qus select {
    height: 23px;
    width: 100% !important;
}
.additional-qus table th:nth-child(2),
.additional-qus table td:nth-child(2),
.additional-qus table td:nth-child(5){
  text-align: left;
}
.additional-qus table th:last-child{
  width: 320px;
}
.additional-qus input[type=file]{
  height: 23px;
}
.additional-qus .upload input::file-selector-button,
.additional-qus .upload input::-webkit-file-upload-button  {
    position: absolute;
    top: 4px;
    left: 3px;
}
.additional-qus input[type="text"].small-input {
    max-width: 150px;
}
/*query-module page*/
.query-module .table-color{
    padding-top: 4px;
    padding-right: 5px;  
}
.query-module-modal.modal.right .modal-dialog {
    width: 1194px;
}
.query-module-modal .title-strip div {
    float: right;
}
.query-module-modal .title-strip div span{
    font-size: 13px;
} 
.query-module-modal .title-strip div b{
  font-weight: 600;
}
.qry-md-dtl {
    float: left;
    width: 100%;
    padding: 10px 0;
}
.qry-md-dtl h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px !important;
}
.qry-solution {
    width: 100%;
    float: left;
    margin-left: -5px;
}
.qry-pdt-left {
    float: left;
    width: 50%;
    padding-right: 5px;
}
.qry-pdt-structure {
    float: left;
    width: 50%;
    padding: 0 0 0 5px;
}
.qry-pdt-structure input[type="text"] {
    width: 100%;
    height: 35px;
}
.qry-solution-save {
    padding: 0 !important;
    margin-top: -30px;
    margin-bottom: 10px;
}
.qry-pdt-structure-img{
  display: inline-block;
  width: 100%;    
  padding: 10px 0 0 0;
  text-align: center;
}
.green-btn button{
  background-color: #00A65A;
  border-color: #00A65A;
}
.final-solution {
    width: 100%;
    float: left;
}
.final-solution .form-group {
    padding: 5px 0 0 0;
}
.final-solution-table{
  width: 100%;
  display: inline-block;
  float: left;
  margin-top: 10px;
  margin-bottom: 40px;
}
.final-solution-table th,
.final-solution-table td{
    text-align: left;
    white-space: inherit;
}
.final-solution-table td:last-child,
.final-solution-table td:nth-last-child(2){
  text-align: center;
}

.three-swich input[type="radio"] {
  opacity: 0;
  position: absolute;
}
.three-swich input[type=radio] + label:before{
  display: none;
}
.three-swich input[type="radio"]:not(:is(:checked)) + label img {
  opacity: 0.6;
}

  
.country-button {
    border: 1px solid #d2d6de;
    border-radius: 5px;
    padding: 0 10px 0 10px;
    font-size: 14px;
    color: #000000;
    height: 30px;
    box-shadow: none;
    outline: none !important;
    -webkit-appearance: none;
    width: 190px;
    text-align: left;
    background-color: transparent;
}
.country{
  float: left;
}
.country-button--active svg {
   transform: rotate(180deg);
}
.country-search input#js-search {
    width: 100% !important;
}
.country-button svg {
    height: 15px;
    width: 15px;
    float: right;
    position: relative;
    top: 5px;
}
.country-search {
   padding: 0 10px 10px 10px;
}
.country-options button.clear-btn {
    margin-right: 10px;
}
 .country-search input {
   padding: 0.5rem;
   width: 100%;
   border: 1px solid #d2d6de;
   border-radius: 5px;
}
 .country-search input::placeholder {
   color: var(--grey100);
}
 .country-options {
   display: none;
   margin: 5px 0 0;
   max-height: 350px;
   padding: 1rem 0;
   border-radius: 3px;
   box-shadow: 1px 3px 12px 1px #0000004f;
   overflow-y: scroll;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    max-width: 190px;
    left: 0;
    top: 35px;
}
 .country-options--opened {
   display: block;
}
 .country-list {
   margin: 0;
}
 .country-option {
   display: flex;
   align-items: center;
   padding: 0.5rem 1rem;
   cursor: pointer;
   font-size: 1.125rem;
   font-weight: 400;
   transition: ease 0.25s;
}
 .country-option:hover {
   background: var(--white);
}
 .country-option:hover .country-checkbox {
   background: var(--white);
}
 .country-option--selected .country-checkbox:before {
   position: relative;
   content: "\2714";
   font-size: 1rem;
}
 .country-option-headings {
   display: inline-block;
   margin: 1rem;
   padding: 0.685rem 1rem;
   background: var(--black);
   color: var(--white);
   font-size: 1rem;
   font-weight: 400;
   pointer-events: none;
   text-transform: uppercase;
}
.country-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 17px;
    margin-right: 10px;
    width: 17px;
    border: 2px solid #000;
    transition: ease 0.25s;
    border-radius: 3px;
}
.slide-container .fade{
  opacity: 1;
}
.modal-center.project-img-slider .modal-dialog {
    max-width: 700px;
}
.slide-container .prev, 
.slide-container .next {
    color: #ffffff;
    background-color: #0C2D48;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    margin: 10px 1px;
}
.slide-container {
    text-align: right;
}
/*Scientist Dashboard*/
.scientist-das-page .coa-log-table th:nth-child(2),
.scientist-das-page .coa-log-table td:nth-child(2){
  text-align: left;
  padding-left: 15px;
}
.scientist-das-page .coa-log-table {
    padding: 20px;
}
.scientist-das-page .snt-das-table th:nth-child(2),
.scientist-das-page .snt-das-table td:nth-child(2){
  text-align: center;
}
.scientist-das-page .snt-das-table th:first-child,
.scientist-das-page .snt-das-table td:first-child{
  text-align: left;
  padding-left: 15px;
}
.scientist-das-page .snt-das-table th, 
.scientist-das-page .snt-das-table td{
      padding: 10px 5px;
}
.scientist-das-page .coa-log-table.snt-das-table {
    padding: 13px 10px;
}
.time-track-main{
  float: left;
  width: 100%;
}
.time-track-left{
  width: 50%;
  float: left;
  padding-right: 10px;
}
.time-track-right{
  width: 50%;
  float: left;
  padding-left: 10px;
}
.scientist-das-page .top-bar{
  float: left;
  margin-bottom: 20px;
}
.t-clr.btl-green{
  background-color: #00acb9;
  border-color: #00acb9;
}
.scientist-das-page .time-track-right .coa-log-table {
      padding: 10px
}
.dashboard-box {
    width: 100%;
    display: inline-block;
}
.dashboard-box-inner {
    margin: 0 -10px;
}
.box-das {
    width: 14.28%;
    float: left;
    padding: 0 10px 15px 10px;
}
.box-das-in{
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    width: 100%;
    display: inline-block;
    background-image: linear-gradient(#00acb9, #0C2D48);
    height: 160px;
    border-radius: 0 0 7px 7px;
    padding: 10px 10px 10px 20px;
}
.box-das-in img {
    float: right;
}
.box-das h4 {
    font-size: 48px;
    color: #ffffff;
    width: 100%;
    display: inline-block;
    font-weight: 500;
}
.box-das p {
    font-size: 18px;
    color: #ffffff;
    width: 100%;
    display: inline-block;
    font-weight: 400;
}
.two-txt p{
  position: relative;
  top: -10px;
}
.two-txt h4{
  position: relative;
  top: -6px;
}
.scientist-das-page{
  margin-bottom: 40px;
}
.scientist-das-page .snt-das-table th:nth-child(2), 
.scientist-das-page .snt-das-table td:nth-child(2) {
    padding-left: 5px;
}
.quick-add .quick-cat{
  width: 250px;
}
.quick-btn {
    margin-top: 24px;
    min-width: 60px;
}
.quick-cat input,
.quick-cat select{
  width: 100%;
}

.quick-add table th:last-child,
.quick-add table td:last-child{
  text-align: center;
}
.quick-add .final-solution-table td:nth-last-child(2) {
    text-align: left;
}
.quick-add .right-btn .btn-cmn{
  min-width: 70px;
  margin-top: 24px;
}
.quick-add .final-solution-table {
      margin-bottom: 12px;
}
.quick-add .modal-body {
    display: inline-block;
    width: 100%;
}
/*Proforma Invoice*/
.performa-form {
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 7px 7px;
    margin-bottom: 0px;
    float: left;
    padding: 10px;
}
.performa-form select,
.performa-form input[type="text"]{
  height: 35px;
}   
.performa-form .add {
    right: 6px;
}
.coa-page .performa-form textarea {
    height: 80px;
    float: left;
}
.performa-form .title-strip {
    margin: 0;
}
.performa-form .bill-add:first-child {
    padding-right: 5px;
}
.performa-form .bill-add:last-child {
    padding-left: 5px;
}
.performa-form .radio-div input[type=radio] {
    width: auto;
}
.performa-form  .radio-div .form-group {
    padding: 0;
}

/*multiple select*/

.multiple-select .select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #ced4da !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.multiple-select .select2-container--bootstrap4 .select2-selection__clear{
    line-height: 16px;
    text-align: center;
    padding: 0;
    width: 15px;
    height: 15px;
    margin-top: 6px;
}
.multiple-select .form-group {
    width: 300px;
}
.multiple-select .select2-container--bootstrap4 .select2-selection--multiple .select2-search__field {
    padding-left: 5px;
}

.refresh i, .add i {
    font-size: 20px;
    padding-top: 6px;
}
.pdf-div .fa{
  font-size: 32px;
  color: #2B2A29;
}
.pdf-div{
  padding-top: 25px;
}
.pdf-div .fa-times {
    font-size: 15px;
    color: #0C2D48;
}
.close-fa {
    position: relative;
    top: -20px;
    left: -5px;
}
.pdf-inner {
    padding-top: 22px;
    float: left;
    padding-right: 15px;
}
.pdf-div .fa-file-image {
    padding-right: 8px;
    font-size: 34px;
}
.top-bar .form-group.right-btn .btn-cmn {
    font-size: 14px;
}
.tabs-main .domestic-cmpy li input[type=checkbox] {
    margin-top: 0;
}
/*.company-list-main .tab-content>.tab-pane ul:first-child li {
    background-color: transparent;
}*/
.company-list-main .tab-content{
    padding: 5px 5px 0 5px;
}
.company-list-main .tabs-main li:last-child {
    margin-bottom: 0;
}
.company-list-main .tabs-main {
    padding: 10px 5px 5px 5px;
}
.tabs-main .domestic-cmpy li a {
    padding-left: 23px;
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.tabs-main .domestic-cmpy li input[type=checkbox] {
    margin-top: 0;
    position: absolute;
    left: 5px;
    top: 24%;
}
.report-line .form-group.check-group label {
    margin-left: 5px;
}
ul.domestic-cmpy.company-select-all li{
    background-color: transparent;
    margin-bottom: 0;
    padding-left: 28px;
}
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after,
table.dataTable thead th.sorting:after {
    content: "\f0dc";
    font: normal normal normal 14px / 1 FontAwesome;
}
.accordion__body .qt-summary{
  padding: 0;
}
.accordion__body.creport-table .qt-summary {
    padding-top: 10px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #367fa9;
    border-color: #367fa9;
}
.pagination>li>a, .pagination>li>span{
      color: #367fa9;
}
.quotation-details .form-group-25-2 {
    padding: 5px;
}
.quotation-details .qd-form .with-padding {
    padding: 5px;
}
.quotation-details .refresh, .quotation-details .add{
    right: 5px;
    top: 5px;
}
.quotation-details .accordion__body.is-active{
    padding: 10px 5px;
}
div#multiimagediv .attachitems {
    padding: 5px 7px 5px 3px;
    background: #ececec;
    margin: 5px;
    border-radius: 6px;
    margin: 0 10px 0 0 !important;
    min-width: 59px;
}
div#multiimagediv .attachitems i.fa.fa-remove {
    position: relative;
    top: -6px;
}
.quotation-details .accordion__body .table-inputs input {
    height: 25px;
    width: 100% !important;
}
.quotation-details .accordion__body .table-inputs input {
    padding: 10px 0;
}
.quotation-details .clint-cmt {
    padding: 0 5px;
}
.qt-title-left-upload {
    margin-top: 10px;
    padding: 0;
    max-width: 250px;
}
button.btn-cmn.qt-title-left-dwn {
    font-size: 15px;
    margin-top: 10px;
    margin-left: 10px;
    height: 30px;
    width: 90px;
}

.upload-Sample-dwn {
    display: inline-block;
}
.upload-Sample-dwn .qt-title-left-upload input {
    height: 30px;
    max-width: 200px;
}
.upload-Sample-dwn button.btn-cmn.qt-title-left-dwn {
    font-size: 13px !important;
    margin-top: 0;
    height: 30px;
    margin-left: 5px !important;
}
.upload-Sample-dwn .upload input::file-selector-button,
.upload-Sample-dwn .upload input::-webkit-file-upload-button  {
    width: 28px;
    height: 28px;
}
.upload-Sample-dwn .qt-title-left-upload {
    margin-top: 0;
}
.upload-Sample-dwn .qt-title-left-upload .file-upload {
    height: 31px;
}
form.f-form.radio .checkbox + label, 
form.f-form.radio input[type=radio] + label{
    padding-left: 0px;
    margin-top: 0;
    margin-bottom: 0;
}
form.f-form.radio {
    margin-top: 5px;
    margin-bottom: 5px;
}
select#allddlexportdist {
    width: 100px;
}
form.f-form.radio input#allsearchbox {
    width: 136px;
}
.wdt-2 {
    min-width: 223px !important;
    max-width: 223px !important;
    white-space: inherit;
}
.wdt-1 {
    min-width: 90px !important;
    max-width: 90px !important;
    white-space: inherit;
}
.wdt-5 {
    min-width: 150px !important;
    max-width: 150px !important;
    white-space: inherit;
}
.wdt-4 {
    min-width: 200px !important;
    max-width: 200px !important;
    white-space: inherit;
}
.wdt-150{
  min-width: 150px;
}
.wdt-3 {
    min-width: 250px !important;
    max-width: 250px !important;
    white-space: inherit;
}
.wdt-6 {
    min-width: 350px !important;
    max-width: 350px !important;
    white-space: inherit;
}
td.group label.labeltext {
    padding: 0px 8px;
    height: auto;
}
.show-entries.with-color-table {
    padding-bottom: 5px;
}
.model21 {
    display: inline-block;
    width: 100%;
}
.accordion__body.previous-list .form-group.dispatch-status {
    padding-top: 5px;
}
.project-list .filter-form + .clearfix + br {
    display: none;
}
.dataTables_length {
    text-align: left;
}
div.dataTables_wrapper div.dataTables_info {
    text-align: left;
}
.qut-file-top-left {
    float: left;
}
.main-right.so_approval .dataTables_wrapper .col-sm-7 {
    padding-left: 0;
}
.fc-title .qd-form .with-padding .btn-cmn:hover{
      transition: .5s;
}
button.btn-cmn {
    transition: .5s;
}
.invoice-list-main .tab-content .tab-content {
    padding: 0;
}
.invoice-list-main form.f-form.radio {
    margin-top: 0;
}
.invoice-list-main .filter-form .datepicker {
    max-width: 90px;
    margin-right: 5px;
}
.invoice-list-main .radio label{
      padding-left: 3px;
}
.cmn-filter-textbox .form-group.dispatch-status.text-right {
    padding: 0;
}
.pro-master-list-main .filter-section{
  margin-bottom: 10px;
}
.pro-master-list-main .table-div .filter-section {
    box-shadow: none;
    padding: 0;
    margin: 0;
}
.pro-master-list-main .table-div th {
    white-space: inherit;
}
.quotation-details .accordion .swich-inner {
    width: auto;
    padding: 6px 15px 6px 0;
}
.quotation-details .accordion .swich-main {
    padding: 5px 8px;
}
.swich-main.swich-product-list {
    padding: 0;
    width: 100% !important;
    display: inline-block;
}
.swich-main.swich-product-list .swich-inner {
    width: auto;
    padding: 5px 10px 3px 5px;
}
.form-group.form-group-50.swich-main.three-swich+.form-group.form-group-50.swich-main .swich-inner {
    padding: 4px 4px;
}


/*dev's css*/
.country-button, .company-button {
    border: 1px solid #d2d6de;
    border-radius: 5px;
    padding: 0 10px 0 10px;
    font-size: 14px;
    color: #000000;
    height: 30px;
    box-shadow: none;
    outline: none !important;
    -webkit-appearance: none;
    width: 190px;
    text-align: left;
    background-color: transparent;
}
 
.country, .company {
    float: left;
}
 
.country-button--active svg, .company-button--active svg {
    transform: rotate(180deg);
}
 
.country-search input#js-search, .company-search input#js-search {
    width: 100% !important;
}
 
.country-button svg, .company-button svg {
    height: 15px;
    width: 15px;
    float: right;
    position: relative;
    top: 5px;
}
 
.country-search, .company-search {
    padding: 0 10px 10px 10px;
}
 
.country-options button.clear-btn, .company-options button.clear-btn {
    margin-right: 10px;
}
 
.country-search input, .company-search input {
    padding: 0.5rem;
    width: 100%;
    border: 1px solid #d2d6de;
    border-radius: 5px;
}
 
.country-search input::placeholder, .company-search input::placeholder {
    color: var(--grey100);
}
 
.country-options, .company-options {
    display: none;
    margin: 5px 0 0;
    max-height: 350px;
    padding: 1rem 0;
    border-radius: 3px;
    box-shadow: 1px 3px 12px 1px #0000004f;
    overflow-y: scroll;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    max-width: 190px;
    left: 0;
    top: 35px;
}
 
.country-options--opened, .company-options--opened {
    display: block;
}
 
.country-list, .company-list {
    margin: 0;
}
 
.country-option, .company-option {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 400;
    transition: ease 0.25s;
}
 
.country-option:hover, .company-option:hover {
background: var(--white);
}

.country-option:hover .country-checkbox, .company-option:hover .company-checkbox {
    background: var(--white);
}
 
.country-option--selected .country-checkbox:before, .company-option--selected .company-checkbox:before{
    position: relative;
    content: "\2714";
    font-size: 1rem;
}
 
.country-option-headings, .company-option-headings {
    display: inline-block;
    margin: 1rem;
    padding: 0.685rem 1rem;
    background: var(--black);
    color: var(--white);
    font-size: 1rem;
    font-weight: 400;
    pointer-events: none;
    text-transform: uppercase;
}
.country-checkbox, .company-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 17px;
    margin-right: 10px;
    width: 17px;
    border: 2px solid #000;
    transition: ease 0.25s;
    border-radius: 3px;
}
.country-options--opened {
   display: block;
}
.country-list, .company-list {
    margin: 0;
}
.country-option,.company-option {
   display: flex;
   align-items: center;
   padding: 0.5rem 1rem;
   cursor: pointer;
   font-size: 1.125rem;
   font-weight: 400;
   transition: ease 0.25s;
}
/*dev's css end*/
.form-group.form-group-50.swich-main.three-swich .swich-inner {
    padding: 0 3px;
}
.form-group.form-group-50.swich-main.three-swich {
    padding: 4px 4px;
}
.qt-title-right {
    float: right;
}
table .multiple-select .form-group {
    padding: 0;
}
table .select2-container--bootstrap4 .select2-selection--multiple {
    min-height: calc(1.5em + 0.75rem + 1px) !important;
    max-height: 23px;
}
table#priceTbl {
    margin-bottom: 3px;
}
.project-popup-new .col-md-12 {
    padding: 0 0 0px 0;
    overflow: scroll;
    max-height: 90vh;
}
.project-popup-new {
    display: inline-block;
    padding-bottom: 20px;
    width: 100%;
}
span#POTEXT b {
    color: #07a389 !important;
    font-size: 17px;
    width: 100%;
    display: inline-block;
    text-align: right;
    padding-bottom: 5px;
}
.title-strip.m-b-0 {
    margin-bottom: 0;
}
.impurityd-sec-inner label.mw-label b {
    margin-left: 5px;
}
#openAddProduct .table-inputs {
    padding: 10px 0;
}
#openAddProduct label.mw-label {
    margin: 0;
}
#openAddProduct .impurityd-sec-inner .form-group.form-group-50.first-c,
#openAddProduct .impurityd-sec-inner .form-group.form-group-50.sec-c {
    margin-bottom: 5px;
}
#openAddProduct .impurityd-sec-inner .form-group.form-group-50.first-c{
	padding-right: 5px;
}
#openAddProduct .impurityd-sec-inner .form-group.form-group-50.sec-c{
    padding-left: 5px;
}
.impurityd-sec-main .table-batchchange.col-md-4 .table-responsive {
    height: 219px;
    margin-bottom: 10px;
}
.impurityd-sec-inner label.line-h-small {
    line-height: 16px;
    padding-bottom: 0 !important;
}
#openAddProduct .table-batchchange.col-md-4 {
    margin-top: 10px;
}
#SomethingUnique {
    margin-right: 0;
    margin-left: 0;
    float: left;
    position: absolute;
    z-index: 999;
    right: 285px;
    top: 11px;
    width: auto !important;
    border: none;
}
#SomethingUnique .swich-inner .switch-text{
	color: #fff ;
}
.table-inputs-main-div {
    width: 65%;
    float: left;
}
#divProj .sub-filter .form-group-100 .form-group {
    text-align: left;
}
#invoiceQueryModal .modal-body {
    display: inline-block;
    width: 100%;
}
#tabtobedistributor .filter-form {
    padding: 0;
}
#tabtobedistributor .sub-filter .form-group.right-btn {
    text-align: right;
    margin-bottom: 5px;
}
#tabquotefollowup .tab-content {
    padding: 0;
}
#tabquotefollowup .filter-form select.form-control, 
#tabquotefollowup .filter-form input.form-control {
    border: 1px solid #d2d6de;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 14px;
    color: #000000;
    height: 30px;
    box-shadow: none;
    outline: none !important;
    padding: 0 0 0 5px;
}
#tabquotefollowup .sub-filter .radio .form-group {
    width: auto;
}
#tabquotefollowup .sub-filter .radio .form-group label {
    padding: 0 6px 0 0;
}
#tabquotefollowup .sub-filter .radio {
    margin: 0;
}
div#tblrfq_wrapper div#tblrfq_paginate,
div#tblinhouse_wrapper div#tblinhouse_paginate,
div#tblfollowup_wrapper div#tblfollowup_paginate,
div#tblauction_wrapper div#tblauction_paginate,
div#tblapproved_wrapper div#tblapproved_paginate,
div#tblpark_wrapper div#tblpark_paginate,
div#tblmaster_wrapper div#tblmaster_paginate,
div#tblpoforma_wrapper div#tblpoforma_paginate,
div#tblsapdata_wrapper div#tblsapdata_paginate,
div#tblTechnicalReport_wrapper div#tblTechnicalReport_paginate,
div#tblrfqquote_wrapper div#tblrfqquote_paginate {
    margin-left: 15px;
}

/*start Dashboard*/
@media(min-width: 1281px){
.company-list-inner .tab-content>.tab-pane {
    display: inline-block;
    opacity: 1;
    width: 50%;
    padding: 0 3px;
    float: left;
}
.company-list-main .company-list-inner .tab-content {
    padding: 5px 3px 0 2px;
}
.tabs-main .domestic-cmpy li label a {
    display: inline;
}
.tabs-main .domestic-cmpy li label {
    display: inline;
}
.tabs-main .domestic-cmpy li input[type=checkbox] {
    left: 4px;
    top: 6px;
}
.tabs-main .domestic-cmpy li {
    padding: 1px 2px;
}
.company-list-main .company-list-inner .nav-tabs > li > a {
    background-color: #CCE0EB !important;
    color: #000000;
    border-radius: 7px 7px 0 0 !important;
    width: 114px;
    display: inline-block;
}
.company-list-inner .nav-tabs {
    width: 100%;
}
.company-list-inner .nav-tabs>li{
    width: 50%;
    text-align: center;
}
}
/*end Dashboard*/

.qt-title-left .file-upload {
    height: 30px;
    margin-top: 10px !important;
}
.qt-title-left .upload input::file-selector-button,
.qt-title-left .upload input::-webkit-file-upload-button  {
    width: 26px;
    height: 26px;
}
.qt-title-left .upload input[type=file] {
    padding-top: 2px;
    padding-left: 28px;
    color: #797575;
}
.impurityd-sec-inner1 {
    width: 50%;
    float: left;
}
.impurityd-sec-inner1 .form-group.form-group-50 {
    width: 100%;
    padding: 0 10px 5px 0 !important;
}
.pdf-in-row-1 {
    position: absolute;
    right: 35px;
    top: 15px;
}
.tabs-main .domestic-cmpy li label img {
    width: 15px;
    cursor: pointer;
}
form#dvPreviousProductList .dataTables_filter input.form-control.input-sm {
    width: 230px;
}
.qt-title h1 span {
    width: auto;
    float: none;
    font-size: 14px;
    font-weight: 600;
    padding-left: 2px;
}
div.single-row-right1 a,
div.single-row-right1 span {
    width: 16px;
    float: left;
    height: auto;
    padding: 0;
    line-height: 14px;
    margin: 5px 6px 0 10px;
}
div.single-row-right1 a img {
    width: 100%;
    float: left;
}
button.add:hover, button.refresh:hover {
    background-color: #286090;
}
/*start technical report*/
.technical-report {
    display: inline-block;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    padding: 10px 5px;
    margin: 0px 0 5px 0;
}
.technical-report-inner {
    width: 100%;
    display: inline-block;
}
.tec-row {
    width: 16.66%;
    float: left;
    padding: 5px 5px;
}
.tec-row ul {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 10px 10px;
}
.tec-row-details {
    float: left;
    width: 100%;
    background-color: #CBE1DF;
    border: 1px solid #CBE1DF;
    transition: 0.5s;
}
.tec-row-img {
    float: left;
    width: 100%;
    background-color: #fff;
    padding: 10px 0;
    transition: 0.5s;
    position: relative;
}
.tec-row-img img{
  transition: 0.5s;
}
.tec-row-details:hover .tec-row-img img{
    transform: scale(1.1);
    transition: 0.5s;
}
.tec-row-details .tec-row-nm {
    width: 100%;
    float: left;
    padding: 3px 10px;
    color: #0c2d48;
    transition: 0.5s;
    font-weight: 500;
}
.tec-row-details:hover .tec-row-nm {
    background-color: #367fa9;
    transition: 0.5s;
    color: #fff;
    text-decoration: underline !important;
}
.tec-row-details:hover{
  border-color: #367fa9;
  transition: 0.5s;
}
.tec-row ul li span{
  color: #0c2d48;
}
.tec-row ul li span:first-child{
  width: 55%;
  font-weight: 500;
}
.tec-row ul li span:last-child{
  width: 45%;
}
.tec-row ul li{
  display: flex;
}
.tec-details-eye {
    position: absolute;
    right: 0;
    bottom: -27px;
    max-width: 35px;
    background-color: #CBE1DF;
    padding: 1px 5px 0 5px;
    left: 0;
    margin: auto;
    transition: 0.5s;
    opacity: 0;
    border-radius: 5px 5px 0 0;
}
.tec-row-details:hover .tec-details-eye{
  opacity: 1;
  bottom: 0;
  transition: 0.5s;
}
.tec-row-details .tec-details-eye img{
    transform: inherit !important;
}
.more-details-btn {
    display: inline-block;
    width: 100%;
    text-align: center;
}
.more-details-btn a {
    display: inline-block;
    width: 30px;
    background-color: #367fa9;
    padding: 2px 5px 0 5px;
    height: 30px;
    margin: 0 2px 5px 2px;
    border-radius: 5px;
    transition: 0.5s;
}
.more-details-btn a:hover{
  transition: 0.5s;
  background-color: #265875;
}
.more-details-btn .person-cn{
  padding: 2px 6px 0 6px;
}
input[type="text"].form-control:focus {
    box-shadow: none;
    border-color: #d2d6de;
}
td.olasals{
      white-space: normal !important;
}
div#example1_wrapper .col-sm-12 {
    width: 100%;
    overflow: auto;
    height: 90vh;
}
section.content.dispatchtab-1 .tab-content {
    padding: 5px;
}
input#allsearchbox {
    width: 250px;
}
.accordion__body .radio-div label {
    font-size: 14px;
}
span.isconversionreport{
  width: 15px;
    height: 15px;
    background-color: #fc1d1e;
    color: #fff;
    display: inline-block;
    border-radius: 50%;
    line-height: 15px;
    font-weight: 600;
}
#buttonx:hover,#buttonx:active {
    background-color: #286d93 !important;
}
a#buttonx::after {
    content: "\f106";
    font-size: 32px;
}
div#back-down a#buttony::after {
    content: "\f107";
    font-size: 32px;
}
/*start Controlled Sub*/
.project-list-modal-cs input[type="text"] {
    width: 100%;
}
.project-list-modal-cs input[type="date"]{
  width: 100%;
}
.project-list-modal-cs input[type="text"]{
  height: 30px;
}
.project-list-modal-cs .form-group.form-group-33 {
    padding-bottom: 10px;
}
.project-list-modal-cs .form-group-100 {
    padding: 0 0 10px 0;
}
.project-list-cs table input[type="date"] {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
}
.project-list-modal-cs {
    width: 100%;
    float: left;
}
.upload-url-modal .po-form .common-form {
    margin: 0;
    width: 100%;
}
.upload-url-modal .form-group-50{
  padding: 0;
}
.document-table {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.project-list-cs td.wdt-3 input[type="text"]{
  width: 100%;
}
.project-list-cs table select{
  min-width: 100%;
}
#tabcontrolledsubstance .country.form-group {
    padding-right: 5px;
}
#tabcontrolledsubstance .country.form-group button.country-button {
    background-color: #fff;
    max-width: 100%;
}
#tabcontrolledsubstance .country.form-group button.clear-btn {
    margin-left: 10px;
}
#tabcontrolledsubstance .country.form-group .btn-group {
    padding-left: 10px;
}
/*end Controlled Sub*/
.cvinput {
    border-color: #d2d6de !important;
}
div#TABTECHNICALREPORT .sub-filter .form-group.right-btn button.btn-cmn,
div#all .sub-filter .form-group.right-btn button.btn-cmn{
    margin: 0 0 10px 5px !important;
}
.filter-form.filter-form-cm-l span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
.filter-form.filter-form-cm-l select#ftldomExp {
    height: 28px;
    padding-top: 4px;
    border: 1px solid #aaa;
    box-shadow: none;
    width: 100% !important;
}
.form-group.flt-right {
    float: right;
}
.show-entries.with-color-table.show-entries-left {
    text-align: left;
}
.purchase-in-r .tab-content {
    padding: 10px 5px;
}
div#invoiceQueryModal .box .form-group input#txtmg, div#invoiceQueryModal .box .form-group input#txtcalculationresult {
    border: 1px solid #d2d6de !important;
    border-radius: 4px;
    height: 30px;
}
div#myModalForQuery form.transfer-company .qry-solution .qry-pdt-left select {
    height: 34px;
}
.clstags { 
  margin: 0 3px; 
}
div#coaInformation {
    padding: 0;
}
/*start user access css*/
.user-access-nm select {
    width: 190px;
    margin-left: 3px;
}
.user-access-nm button.btn-cmn {
    min-width: 65px;
    margin-left: 5px;
}
.access-page-name select {
    float: right;
    height: 26px;
    padding: 0 8px;
    width: 110px;
}
.user-access-nm label {
    font-size: 15px;
    line-height: 30px;
    font-weight: 600;
}
.user-access-nm label span{
  font-weight: normal;
}
.access-page-name h4 {
    font-size: 16px;
    color: #fff;
    padding-left: 5px;
    float: left;
    position: relative;
    top: 5px;
}
.user-access-main {
    width: 100%;
    float: left;
}
.user-access-pages {
    float: left;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 7px 7px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.access-page-name {
    float: left;
    width: 100%;
    background-color: #367fa9;
    padding: 8px 9px;
}
.page-tab-nm label {
    font-size: 14px;
    color: #000;
}
.page-tab-nm {
    float: left;
    width: 14%;
    padding: 10px 0 0px 10px;
}
.access-page-name input[type="checkbox"] {
    float: left;
    width: 20px;
    height: 20px;
    position: relative;
    top: 0;
}
.top-bar.with-btn.user-access-nm {
    float: left;
    margin-bottom: 10px;
}
.page-tab-nm.page-tab-nm-25 {
    width: 28%;
}
/*end user access css*/
.box-body.form-horizontal.DivsolutionPro .row {
    margin: 0;
}
.box-body.form-horizontal.DivsolutionPro .row .col-md-6.col-sm-12 {
    padding: 0;
}
.box-body.form-horizontal.DivsolutionPro .row .col-md-6.col-sm-12 input#CreditNote {
    float: left;
    margin-right: 6px;
}
.swalwide .sa-button-container,
.sa-button-container {
    width: 100%;
    display: inline-block;
}
.qt-lock {
    text-align: right;
}
.qt-lock b {
    color: #367fa9;
    font-size: 17px;
}
.qt-lock button.btn-cmnx {
    padding: 0px 4px 0 5px;
    background-color: transparent !important;
    border: none !important;
    position: relative;
    top: -3px;
}
table#example1 textarea.select2-search__field {
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
}
table#example1 li.select2-selection__choice{
  border: none !important;
    position: relative;
    top: 3px;
}
table#example1 li.select2-selection__choice button {
    color: #fff;
    height: auto;
    padding: 0 2px;
    line-height: 15px;
    border-radius: 3px;
    margin-right: 5px;
}
table#example1 .select2-container--bootstrap4 .select2-selection--multiple{
  max-height: inherit;
}
.CircleCompany{
    border-radius: 5px;
    margin: 0px 4px;
    border: 1px solid #ffffff;
    font-size: 18px;
    display: inline-block;
    line-height: 21px;
    width: 20px;
    text-align: center;
    padding-top: 2px;
}
.dashboard-box1 .box-das {
    width: auto;
}
.dashboard-box1 .box-das-in {
  height: auto;
}
.quotation-details .accordion__body.is-active .pdf-in-row{
    position: absolute;
    top: -35px;
    right: 25px;
}
.quotation-details .accordion__body.is-active{
    position: relative;
}
.quotation-details .accordion__body .pdf-in-row select{
    width: 120px;
    height: 30px;
    margin-left: 0;
    float: left;
    margin-right: 15px;
    padding-top: 2px;
}
select.input-sm {
    line-height: 22px;
}

/*start product submition form*/
.product-sub-new {
    width: 100%;
    float: left;
}
.psf-inner-div {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}
.product-sub-new .coa-form {
    padding: 10px 10px 0 10px;
}
.psf-inner-div label {
    width: 100%;
}
.psf-inner-div .form-group.form-group-20 {
    padding-right: 10px;
}
.psf-inner-div input[type="text"], .psf-inner-div select {
    width: 100%;
    height: 30px;
}
.psf-inner-div .form-group.form-group-20:nth-child(5n){
  padding-right: 0;
}
.product-sub-new {
    margin-bottom: 15px;
}
.psf-inner-div .additional-qus table td:nth-child(2),
.psf-inner-div .additional-qus table th:nth-child(2){
  text-align: center;
}
.first-left table td:first-child,
.first-left table th:first-child{
  text-align: left;
}
.wdt-500{
    min-width: 500px !important;
    max-width: 500px !important;
    white-space: inherit;
}
.psf-inner-div .title-strip {
    margin-top: 0;
}
.psf-inner-div .additional-qus{
  margin-bottom: 0;
}
.psf-inner-div .additional-qus.secnd-left table td:nth-child(2), 
.psf-inner-div .additional-qus.secnd-left table th:nth-child(2) {
    text-align: left;
}
.psf-inner-div .additional-qus.secnd-left table td:nth-child(5), 
.psf-inner-div .additional-qus.secnd-left table th:nth-child(5) {
    text-align: center;
}
.psf-inner-div .form-group.with-padding.upload {
    padding: 0;
    float: none;
}
.psf-inner-div .upload input::file-selector-button,
.psf-inner-div .upload input::-webkit-file-upload-button  {
  width: 25px;
  height: 25px;
  top: 1px;
}
.psf-inner-div .file-upload{
    height: auto;
    border: none;
}
td.upload-td {
    padding-top: 5px !important;
    padding-bottom: 0 !important;
}
.psf-inner-div input[type=file] {
    width: 130px;
}
.psf-inner-div .additional-qus input[type=radio] + label:before{
    background-image: url(../img/check.png);
}
.psf-inner-div .additional-qus input[type=radio]:checked + label:before {
    background-image: url(../img/checked.png);
}
/*end product submition form*/
li.click-menu {
    position: static !important;
}
.submenu-click {
    position: absolute;
    background-color: #fff;
    display: inline-block;
    width: 0;
    left: 70px;
    top: 0;
    bottom: 0;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .24), 0 16px 24px 2px rgb(0 0 0 / 5%), 0 6px 30px 5px rgb(0 0 0 / 6%), 0 8px 10px -5px rgba(0, 0, 0, .1);
}
.submenu-click.mystyle{
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
    width: 250px;
}

.submenu-click li a {
    text-align: left;
    padding: 10px 20px !important;
    font-size: 16px;
    color: #000;
    transition: 0.3s;
}
.submenu-click li a .fa {
    margin-right: 8px;
    position: relative;
    top: 3px;
    font-size: 20px;
}
.submenu-click li a:hover{
  color: #fff;
  transition: 0.3s;
}
#sidebar-container.sidebar-expanded .submenu-click.mystyle {
    left: 229px;
}
/*start chat*/
.chat-section{
  float: right;
}
.chatpopup {
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0;
    transition: 0.5s;
}
.chat-section {
    float: right;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9;
}
.chatpopup.primary-text {
    opacity: 1;
    width: auto;
    visibility: visible;
    height: auto;
    transition: 0.5s;
}
.form-container {
    width: 300px;
    height: 400px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 16px;
    overflow: hidden;
}
a.openbutton {
    width: 64px;
    height: 64px;
    background: rgb(54 127 169);
    border-radius: 16px;
    cursor: pointer;
    border: none;
    display: inline-block;
    padding: 14px;
}
.chat-title {
    display: inline-block;
    width: 100%;
    background-color: #00acb9;
    padding: 10px 15px;
}
.chat-title h1 {
    color: #fff;
    font-size: 18px;
    float: left;
    line-height: 24px;
}
a.closebtn {
    float: right;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}
.text-box-chat {
    /*position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;*/
    padding: 10px 25px 10px 10px;
    display: flex;
    gap: 15px;
    background-color: #fff;
    border-radius: 28px;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.2);
}
.text-box-chat input[type="text"] {
    width: 100%;
    border: 0;
}
.plane{
  cursor: pointer;
}
.plane i.fa.fa-paper-plane-o {
    font-size: 20px;
    line-height: 29px;
}
.modal-body.project-chat {
    position: static;
    padding: 0 15px;
    height: 81vh;
    overflow-y: auto;
}
.modal.right .modal-content.project-chat-content{
  padding: 0;
  background-color: #f4f4f4;
}
.modal-main .modal-header.chat-header {
    display: inline-block;
    width: 100%;
    background-color: #00acb9;
    padding: 10px 15px;
}
.modal-header.chat-header .modal-title {
    color: #ffffff;
}
.modal-main .modal-header.chat-header .close {
    background-color: transparent;
    float: right;
    font-size: 24px;
    color: #fff;
    cursor: pointer;
}
.msg-box {
    width: auto;
    float: left;
    display: flex;
    gap: 4px;
    background-color: #cbe1df;
    padding: 4px 8px;
    border-radius: 4px;
    margin-bottom: 4px;
    align-items: end;
    clear: both;
    position: relative;
}
.add-dlt i.fa.fa-trash-o {
    font-size: 16px;
    margin-right: 5px;
}
.add-dlt {
    position: absolute;
    right: 0;
    top: 3px;
    transition: 0.2s;
    visibility: hidden;
    opacity: 0;
    height: 0;
}
.msg-box:hover .add-dlt{
    right: -12px;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
    height: auto;
    top: 4px;
}
.add-dlt a{
  transition: 0.5s;
}
.add-dlt a:hover{
  transition: 0.5s;
}
span.msg-txt {
    color: #292929;
}
span.msg-time {
    font-size: 12px;
    color: #898989;
    min-width: 53px;
    height: 19px;
    margin-left: 5px;
}
.cmt-nm {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #0071b2;
    line-height: 18px;
    font-weight: 500;
}
/*end chat*/
.sidebar-collapsed li.submenu-li .sidebar-submenu.sidebar-submenu-sub{
    left: 165px;
    visibility: hidden;
}
.sub-submenu-a i.fa.fa-angle-right {
    float: right;
    position: relative;
    top: 6px;
}
.sidebar-collapsed li.submenu-li .sub-submenu-a:hover .sidebar-submenu.sidebar-submenu-sub{
  visibility: visible;
}
.sub-submenu-a {
    position: relative;
}
.add-product.add-product-service-invoice .with-padding .btn-cmn {
    padding: 2px 11px;
    font-size: 14px;
    font-weight: 500;
} 
.add-product.add-product-service-invoice .with-padding.right-btn .btn-cmn{
  font-weight: normal;
}
.add-product-service-invoice table td:last-child,
.add-product-service-invoice table th:last-child{
  text-align: right;
}




/*.syn-log-search{
    width: 100%;
    display: inline-block;
}
.syn-log-card{
    width: 100%;
    display: inline-block;
}
.syn-log-card-inner{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 0;
}
.syn-log-card-inner .card{
    width: 20%;
    border: 0;
    padding: 10px;
    border-radius: 0;
    height: auto;
    background-color: #fff;
}

#tabsynthesislogNew .table-div {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}
#tabsynthesislogNew .card img.card-img-top {
    width: 100% !important;
    margin: 0 !important;
}
#tabsynthesislogNew .card {
    width: 100% !important;
    background-color: #fff;
    border-radius: 8px !important;
    padding: 0 0 15px 0 !important;
    max-height: inherit ! important;
}
#tabsynthesislogNew div#cardContainer{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    margin-bottom: 30px;
}
#tabsynthesislogNew .card-body {
    text-align: center;
    width: 100%;
    display: inline-block;
}
#tabsynthesislogNew .card-body button#FindMeHere {
    float: none !important;
    margin: 0 !important;
}*/
/*chat box*/
.project-chat-content.quote-chat {
    position: relative;
    /*padding: 0 0 65px 10px;*/
}
.quote-chat .project-chat {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 500px;
    overflow-y: auto;
}
/*.quote-chat span.msg-time {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-left: 5px;
}*/
/*.quote-chat .msg-txt {
    color: #292929;
    background-color: #e6e6e6;
    padding: 6px 11px;
    border-radius: 11px;
}*/
.quote-chat .msg-box{
  background-color: transparent;
    padding:0;
}
.user-img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #f3f3f3;
    text-align: center;
    line-height: 27px;
    opacity: 0;
}
.msg-box.for-first-msg .user-img{
  opacity: 1;
}
.user-name-ltr {
    font-weight: 800;
    text-transform: uppercase;
    color: #347ba3;
}

/*.msg-box:before {
    content: "";
    position: absolute;
    left: -7px;
    top: 0px;
    width: 0;
    height: 0;
    border-top: 1px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 9px solid #dbe6e5;
    z-index: 999;
    opacity: 0;
}
.msg-box.for-first-msg:before{
  opacity: 1;
}

.right-side-msg .msg-box:before {
    left: inherit;
    right: -7px;
    transform: scaleX(-1);
}*/
.left-side-msg .user-text {
    background-color: #e9e9e9;
    display: flex;
    padding: 2px 9px;
    border-radius: 5px;
    align-items: end;
}
.right-side-msg .msg-box {
    float: inline-end;
}
.right-side-msg .user-text {
    background-color: #cbe1df;
    display: flex;
    padding: 2px 9px;
    border-radius: 5px;
    align-items: end;
}
.right-side-msg {
    width: 100%;
    display: inline-block;
    padding-right: 10px;
}
.quote-chat .project-chat {
    background-color: #ffffff;
    padding: 20px 10px 0px 20px;
    border-radius: 10px;
}
.project-chat-content.quote-chat {
    padding: 0px 260px;
}
#sidebar-container.sidebar-expanded a.menu-a .badge {
    left: 35px;
    top: 5px;
}
#sidebar-container li.submenu-li a.menu-a {
    position: relative;
}
.sidebar-collapsed li.submenu-li div#notifList {
    max-height: 406px;
    overflow-y: auto;
}



.purchase-summary .nav-tabs {
    text-align: center;
    border-bottom: none;
}
.purchase-summary .nav-tabs>li {
    float: none;
    display: inline-block;
    margin: 0 -2px;
}
.purchase-summary .tab-content {
  margin-top: 0;
    padding-bottom: 0;
}
.purchase-summary .nav-tabs>li.active>a{
  background-color: #F5F5F5;
}
.purchase-summary .nav-tabs>li>a {
    color: #000000 !important;
    font-size: 14px;
    border: none !important;
    background-color: #CCE0EB;
    margin: 0;
    text-transform: uppercase;
    border-radius: 0;
}
.purchase-summary .nav-tabs>li:first-child a{
  border-radius: 7px 0 0 0;
}
.purchase-summary .nav-tabs>li:last-child a{
  border-radius: 0 7px 0 0;
}
.earlier-section p {
    font-size: 14px;
    margin-bottom: 5px;
}
.quotation-card {
    display: flex;
    align-items: stretch;
    background: #ffffff;
    border-radius: 14px;
    padding: 10px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.05);
    gap: 20px;
    margin-bottom: 15px;
}
.product-name-line {
    width: 28%;
}
/* Product Section */
.product-section {
    display: flex;
    gap: 15px;
    position: relative;
    align-items: center;
}

.product-info h3 {
    font-size: 16px;
}
.product-section img {
    width: 180px;
    border-radius: 8px;
    height: auto;
}

.product-info p {
    font-size: 14px;
    margin-bottom: 5px;
}
.action-section textarea {
    height: 35px;
}
.badge {
    background: #e0f2fe;
    color: #0369a1;
    padding: 5px 8px;
    border-radius: 20px;
    font-size: 11px;
    margin-left: 6px;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* Quotation */
.quotation-section {
    width: 18%;
    font-size: 13px;
}

.quotation-section h4 {
    margin-bottom: 8px;
}

/* Earlier Purchase */
.earlier-main {
    width: 44%;
}
.earlier-section {
    width: 50%;
}
.earlier-inner {
    display: flex;
    flex-direction: row;
}
.earlier-section h4 {
    font-size: 15px;
    margin: 0px 0 2px 0;
}
.earlier-section.earlier-section2 {
    padding-left: 20px;
}
.quotation-card p strong {
    margin-right: 5px;
    font-weight: 600;
}
.product-name-line h3 {
    font-size: 16px;
}
.earlier-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}

.earlier-grid input {
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #d1d5db;
    font-size: 13px;
}

/* Action Section */
.action-section {
    width: 22%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.action-section input,
.action-section select,
.action-section textarea {
    border-radius: 6px;
    border: 1px solid #d1d5db;
    font-size: 13px;
    resize: none;
}

.btn-group1 {
    display: flex;
    gap: 8px;
    margin-top: 8px;
    flex-direction: row-reverse;
}

.save-btn1 {
    background: #16a34a;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    line-height: initial;
    display: inline-block;
}
.edit-btn1 {
    background: #00acb9;
    color: white;
    border: none;
    padding: 5px 10px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    line-height: initial;
}

.save-btn1:hover,
.edit-btn1:hover {
    opacity: 0.85;
}

/* Divider */
.divider {
    width: 1px;
    background: #e5e7eb;
}
.earlier-section-table {
    padding-top: 10px;
}
.earlier-section-table th, .earlier-section-table td {
    padding: 3px 7px !important;
}
.left-t {
    text-align: left;
}








/*responsive*/
@media (max-width: 1800px){
.add-product .with-padding .btn-cmn {
    padding: 2px 8px;
    font-size: 12px;
}
}
@media (max-width: 1600px){
.tec-row {
    width: 20%;
}
.add-product .with-padding .btn-cmn {
    padding: 1px 5px;
    font-size: 11px;
}
}
@media (max-width: 1367px){
.add-product .with-padding .btn-cmn {
    padding: 1px 4px;
    font-size: 11px;
}

section.content.dispatchtab-1 .tabs li a {
    font-size: 12px;
}
.todays-qut-btn button {
    font-size: 13px;
    padding: 2px 6px;
}
.top-bar .form-group.right-btn .btn-cmn {
    font-size: 12px;
}
}
@media (max-width: 1280px){
section.coa-page .top-bar h2 {
    line-height: 22px;
    font-size: 18px;
    padding-left: 32PX;
    padding-bottom: 10px;
}
.quotation-card-main {
    width: 100%;
    overflow-x: scroll;
    margin-bottom: 15px;
}
.quotation-card {
    width: 1200px;
    margin: 0;
}
.purchase-summary .nav-tabs>li>a {
    padding: 7px 10px;
    font-size: 13px;
}
.product-section img {
    width: 120px;
}
.product-section {
    gap: 5px;
 }
.qt-lock {
    text-align: center;
    line-height: 12px;
    padding-top: 10px;
}
h1#CompanyNameInLabel {
    font-size: 14px;
    padding-bottom: 0;
    line-height: 18px;
    padding-top: 6px;
}
.r-left {
    width: 42.1%;
    padding: 0 19px;
    height: 309px;
}
.login-main {
    max-width: 96%;
}
.project-list .filter-form .sub-filter .form-group.form-group-100 {
    margin-top: 0;
    width: 100%;
}
.tile {
    width: 25%;
}
.form-group.form-group-40.with-padding.kuchbhi a {
    position: absolute;
    right: 10px;
    top: 0;
    opacity: 0;
}
section.main-right.so_approval section.content > .row {
    margin: 0;
}
section.main-right.so_approval section.content > .row > .col-xs-12 {
    padding: 0;
}
.filter-section .tabs {
    display: flex;
    overflow-x: scroll;
    margin-bottom: 8px;
}
.filter-section .tabs li {
    padding: 6px 11px;
    white-space: nowrap;
}
.atoz-filter {
    display: flex;
    width: 100%;
    overflow-x: scroll;
}
.atoz-filter li {
    display: block;
    margin: 0 3px;
    float: left;
}
.left-form-group {
    width: 100%;
}
.sub-filter .form-group {
    width: 50%;
    padding-bottom: 6px;
}
.sub-filter .form-group.right-btn {
    width: 100%;
    padding-left: 0;
}
.tile1 {
    width: 33.33%;
}
.form-group-20,.form-group-40 {
    width: 50%;
}
.impurityd-sec-inner {
    width: 100% !important;
}
.form-group-25-2 {
    width: 50%;
    height: auto !important;
}
.qt-title span {
    width: auto;
    float: none;
    line-height: 13px;
    margin: 0 auto;
    display: inline-block;
}
.qt-title-right {
    text-align: center;
}
.qt-title-left .file-upload {
    margin-top: 5px !important;
}
.qt-title-right .score {
    width: auto;
    float: none;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    margin-top: 5px;
}
.qt-title-left {
    text-align: center;
}
.qt-title-right .score + .form-group {
    margin-top: 0 !important;
    text-align: center;
}
span#POTEXT b {
    font-size: 16px;
    text-align: center;
    padding: 0px 0 0px 0;
}
.qt-title-left .form-group.with-padding.upload {
    width: 200px !important;
    float: none;
    display: inline-flex;
}
button.btn-cmn.qt-title-left-dwn {
    margin-top: 0;
    margin-left: 6px;
    display: inline-block;
}
.qt-title-left .form-group.rm-sn {
    float: none;
    padding: 0;
}
.qt-title-left .form-group.rm-fs {
    float: none;
}
.qt-title-left .rm-fs input {
    width: 200px;
}
.qt-title {
    text-align: center;
    padding: 0 0 0 0;
    order: -1;
}
.qt-title-left, .qt-title, .qt-title-right {
    width: 100%;
}
.top-bar.top-bar-qt-main{
        display: grid;
}
.company-list-inner {
    padding: 0;
}
.modal.right .modal-dialog{
  max-width: 90%;
}
.logo img {
    max-width: 0;
}
#sidebar-container{
  width: 0;
}
.main-head .sidebar-right-icon .fa-angle-left:before {
    content: "×";
    line-height: 11px;
}
div#divresult div#tbldata_wrapper .row .col-sm-12 {
    overflow-x: auto;
    padding: 0;
}
.quotation-details.quotation-dash.company-list-innerx .report-form {
    padding: 0;
}
div#divresult div#tbldata_wrapper .row{
  margin: 0;
}
.company-list-main .l, 
.company-list-main .r {
    width: 100%;
}
.main-right {
    padding: 0 5px;
}
.top-bar h1 {
    line-height: 22px;
    font-size: 18px;
    padding-left: 32PX;
    padding-bottom: 10px;
}
.top-bar .form-group.right-btn .btn-cmn {
    margin-bottom: 5px;
}
.todays-qut-btn {
    margin-top: 5px;
}
.top-bar {
    padding: 5px 5px;
}
.main-head .sidebar-right-icon .sidebar-colapse-icon {
    width: auto;
    height: auto;
    background-color: #367fa9;
    border-radius: 6px;
    top: 9px;
    right: -37px;
    padding: 2px 5px;
    float: left;
}
.sidebar-colapse-icon span {
    font-size: 20px;
    line-height: normal;
    float: left;
}
.main-head .sidebar-right-icon .sidebar-colapse-icon .fa-angle-right:before {
    content: "\f0c9";
}
.tabs-main .domestic-cmpy li label a {
    display: inline;
}
.todays-qut-btn button {
    font-size: 12px;
    padding: 0px 6px;
    margin: 0 4px 4px 0 !important;
}
}
@media (max-width: 768px){
div.dataTables_wrapper div.dataTables_filter{
    text-align: center;
    margin-top: 5px;
}
div.dataTables_length {
    text-align: center;
}
}
@media (max-width: 767px){
.newcls .box-body.form-horizontal label.col-md-3 {
    width: 100% !important;
}
.submission-main .chemical-img {
    padding: 0px 0 0 0;
}
.submission-main .p-image img {
    border-left: 0px solid #E4E4E4;
    padding: 5px 0;
}
.coa-log .title-strip-das input#tableSearch {
    width: 160px;
}
.coa-form .form-group button.btn-cmn {
    margin-bottom: 5px;
}
.coa-form .form-group-25-2 .swich-inner {
    padding-top: 0;
}
.coa-form .form-group {
    padding: 0;
}
.analytical-info-left {
    width: 100%;
    padding-right: 0;
}
.analytical-info-left input[type="text"] {
    width: 100%;
}
.chemical-detail {
    width: 100%;
}
.analytical-info-left select {
    width: 100%;
    margin-bottom: 5px;
}
.weight-loss,
.weight-loss input[type="text"] {
    width: 100%;
}
.weight-loss.theroretical-txt.x2 {
    width: 100%;
}
.coa-form .swich-inner {
    width: 33.33%;
}
.analytical-info-left .form-group {
    padding-bottom: 5px;
}
.p-image img {
    border-left: none;
}
.coa-form{
    padding: 10px;
}
.chemical-img {
    width: 100%;
    padding: 5px 0 0 0;
}
.chemical-detail .form-group {
    padding-right: 0;
}
.qry-pdt-structure {
    width: 100%;
    padding: 0;
}
.qry-pdt-left {
    width: 100%;
    padding-right: 0;
}
.modal-body form.transfer-company .form-group {
    width: 100% !important;
}
.modal-content div#profrm .single-form-block .form-group.col-md-12.col-sm-12 {
    width: 100%;
}
.form-group.right-btn2.select-wdt span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
.modal-body form.transfer-company .form-group button#addeserd {
    margin: 0 !important;
}
.page-tab-nm {
    float: left;
    width: 25%;
    padding: 5px 0 5px 10px;
}
.page-tab-nm.page-tab-nm-25 {
    width: 50%;
}
form#formuploaddoc .form-group {
    width: 100%;
}
.modal-main .modal-body .common-form.common-formNew {
    width: 100% !important;
}
.modal.right .modal-content {
    padding: 0px 10px;
}
.common-form.common-formNew + .form-group.form-group-25,
.common-form.common-formNew + .form-group.form-group-25 + .form-group.form-group-25,
.common-form.common-formNew + .form-group.form-group-25 + .form-group.form-group-25 + .form-group.form-group-25{
    width: 100%;
}
.modal-main .modal-body .col-md-12 {
    padding: 0;
}
.select2-container--default .select2-selection--single span.select2-selection__arrow{
    right: 5%;
}
div#invoiceQueryModal .box .form-group select, div#invoiceQueryModal .box .form-group input {
    width: 49% !important;
    margin-bottom: 5px;
}
div#example1_wrapper .row:nth-child(3),
div#tblsapcode_wrapper .row:nth-child(3),
div#tblwithoutsapcode_wrapper .row:nth-child(3),
div#tblblockcompany_wrapper .row:nth-child(3){
    margin: 0;
}
section.coa-page .top-bar.with-btn .form-group input#txtSearch {
    width: 224px;
    margin-bottom: 5px;
}
.form-group.right-btn3.align-r.align-order {
    order: 1;
}
section.content.pro-master-list-main form.\@\*f-form1\*\@ {
    display: grid
;
}
.filter-form.filter-form-cm-l .form-group {
    width: 100%;
    margin-bottom: 5px;
    padding-right: 0;
}
section.content.pro-master-list-main form.\@\*f-form1\*\@ .form-group.right-btn3.align-r {
    text-align: right;
    margin-left: 0 !important;
}
.filter-form.filter-form-cm-l {
    padding-top: 0;
}
section.content.dispatchtab-1 div#TABTECHNICALREPORT .form-group.right-btn1.dispatch-status select,
section.content.dispatchtab-1 div#allexport .form-group.right-btn1.dispatch-status select,
section.content.dispatchtab-1 div#alldomestic .form-group.right-btn1.dispatch-status select,
section.content.dispatchtab-1 div#all .form-group.right-btn1.dispatch-status select {
    margin-top: 5px;
}
.form-group.right-btn3{
  width: 100% !important;
  margin-bottom: 5px;
}
.form-group.right-btn3 input,
.form-group.right-btn3 select{
  width: 100% !important;
  left: 0;
}
.form-group.right-btn3 select + span.select2.select2-container.select2-container--default + label {
    display: none;
}
.form-group.right-btn3 select + span.select2.select2-container.select2-container--default {
    width: 100% !important;
}
.form-group.right-btn3 input{
  max-width: 100% !important;
}
div#tabquotefollowup .left-form-group a {
    float: right !important;
    padding-right: 5px;
    margin-top: -8px;
}
#tabquotefollowup .sub-filter div.icons-1 {
    float: right;
    width: 100%;
    padding: 6px 0 0 0 !important;
}
#tabquotefollowup .sub-filter div.icons-1 i {
    margin: 0 0 0 -9px;
}
#tabquotefollowup .sub-filter .radio .form-group {
    min-width: auto;
}
.tabs-main .domestic-cmpy li label {
    font-size: 12px;
    line-height: 20px;
}
.top-bar.with-btn .table-color {
    width: 100%;
    text-align: right;
}
.cmn-filter-textbox .form-group.right-btn3{
    width: auto;
    padding-right: 0;
    float: right;
    margin-left: 5px;
}
.top-bar.with-btn .table-color .t-clr-inner {
    float: none;
    display: inline-block;
}
div#tabclose .cmn-filter-textbox .form-group.dispatch-status {
    width: auto;
    padding-right: 0;
}
.l-left, .r-left {
    width: 100%;
}
.login-main{
    max-height: inherit;
    margin: auto;
    display: inline-block;
}
.form-group.right-btn2 {
    width: 100%;
    padding-right: 0;
}
.login-page {
    height: 100vh;
    display: flex;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0;
}
.log-logo {
    max-width: 180px;
}
.r-left {
    padding: 20px 10px 0px 10px;
    display: inline-block;
    height: auto;
}
div#divQuotelog button#savebtn {
    margin-right: 0 !important;
}
div#tabdomestic div#divProj .table-div {
    padding-left: 0;
    padding-right: 0;
}
.mrg-b {
    margin-bottom: 5px;
}
.form-group.right-btn2.align-r {
    text-align: right;
}
.tile {
    width: 33.33%;
}
div#previousproducttable_info {
    white-space: normal;
}
div#previousproducttable_wrapper .col-sm-5, div#previousproducttable_wrapper .col-sm-7 {
    width: 100%;
    text-align: center;
    display: inline-block;
}
.form-group.wdt-rspv {
    width: 100%;
}
input#StartPrice, input#EndPrice, input#ProductCount, input#Percentage {
    width: 100% !important;
    margin-bottom: 5px !important;
    float: right;
    margin-right: 0 !important;
}
form.f-form.radio input#allsearchbox,
div#tabtobedistributor input#allsearchbox,
div#tabrfqquote  input#allsearchbox,
div#tabrfqquote select#allddlexportdist,
div#tabsapdata select#allddlexportdist,
div#divProj input#allsearchbox,
div#divProjss .form-group.right-btn1 input#allsearchbox{
      width: 100% !important;
      margin-bottom: 5px;
}
form.f-form.radio .form-group.right-btn,
div#tabtobedistributor .form-group.right-btn,
div#tabrfqquote .form-group.right-btn,
div#tabsapdata .form-group.right-btn,
div#divProj .form-group.right-btn1,
div#divProjss .form-group.right-btn1,
div#tabmaster .form-group.right-btn1{
    width: 100%;
    text-align: right;
}
div#tabquotefollowup .left-form-group .form-group {
    width: 100%;
}
div#tabquotefollowup input#followstartdate, div#tabquotefollowup input#followenddate {
    width: 100% !important;
    margin-left: 0 !important;
}
div#tabquotefollowup input#followenddate {
    margin: 5px 0;
}
#tabquotefollowup .filter-form select.form-control, 
#tabquotefollowup .filter-form input.form-control {
   width: 100% !important;
    margin: 0 0 5px 0 !important;
}
#tabquotefollowup select#CompanyId {
    width: 100% !important;
    margin: 0 0 5px 0 !important;
}
div#tabapproved div#tab-4 {
    padding-right: 0;
    padding-left: 0;
}
div#tabtobedistributor .form-group {
    padding-left: 0;
    padding-right: 0;
}
div#tabrfqquote div#divQuote {
    margin-top: 5px;
}
input#fltimpsapstartdate, input#fltimpsapenddate {
    width: 100% !important;
    margin-bottom: 5px !important;
}
.tile1 {
    width: 50%;
}
.with-btn .form-group.right-btn {
    padding-left: 0;
}
.with-btn.top-bar {
    padding-bottom: 5px;
}
form.qd-form .form-group.dispatch-status {
    text-align: center;
    width: 100%;
    padding-bottom: 0;
}
#openAddProduct .impurityd-sec-inner .form-group.form-group-50.first-c {
    padding-right: 0;
}
#openAddProduct .impurityd-sec-inner .form-group.form-group-50.sec-c {
    padding-left: 0;
}
div#PreviousProductList .table-color {
    padding-top: 10px;
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 !important;
}
div#PreviousProductList .table-color .t-clr-inner {
    float: left;
    margin: 0 10px 5px 0;
}
div#PreviousProductList .table-color span.t-clr {
    margin-left: 0;
}
.form-group.form-group-50.swich-main.three-swich {
    margin: 5px 0;
    width: 100%;
    text-align: center;
}
.form-group.form-group-50.swich-main.three-swich .swich-inner {
    float: none;
    display: inline-block;
}
#SomethingUnique .swich-inner {
    float: none;
    display: inline-block;
}
.quotation-details .accordion .qd-form .swich-main {
    width: 100%;
}
.quotation-details .qd-form .form-group-11 {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
form.qd-form .t-clr-inner input#txtcomqty {
    margin-left: 0 !important;
}
form.qd-form .t-clr-inner {
    width: 100%;
    text-align: center;
}
.cat--div {
    margin-left: 0;
    width: 100%;
    text-align: center;
}
div#previousproducttable_wrapper div {
    text-align: center;
}
div.table-responsive{
  border: none;
}
.form-group-20,.form-group-40 {
    width: 100%;
}
.quotation-details .accordion:nth-child(4) {
    text-align: center;
}
#SomethingUnique {
    margin-right: 0;
    margin-left: 0;
    float: none;
    right: 0;
    top: 50px;
    width: auto !important;
    border: none;
    left: 0;
    margin: 0 auto;
    z-index: 1;
}
div#dvTempProductList {
    padding-top: 75px;
}
.pdf-in-row-1 {
    position: absolute;
    right: 0;
    top: 86px;
    left: 0;
    margin: 0 auto;
}
.pdf-in-row select, .pdf-in-row input {
    margin-left: 5px;
    float: none;
    border: 1px solid #d2d6de;
    border-radius: 4px;
}
form.qd-form span.select2.select2-container.select2-container--default{
  float: left;
}
div#dvTempProductList form.qd-form .form-group.with-padding.right-btn{
  width: 100%;
}
.pdf-in-row span {
    color: #000;
    float: none;
    margin-left: 5px;
}
#SomethingUnique .swich-inner .switch-text {
    color: #000000;
}
.impurityd-sec-main .table-batchchange.col-md-4 .table-responsive {
    height: auto;
    max-height: 219px;
}
.impurityd-sec-inner1 {
    width: 100%;
}
.impurityd-sec-inner1 .form-group.form-group-50 {
    padding-right: 0 !important;
}
.impurityd-sec-inner .table-batch .table-responsive p {
    padding: 0 0 5px 5px;
}
div.table-responsive{
  margin-bottom: 0;
}
.impurityd-sec-main .table-inputs-main-div {
    width: 100%;
}
.impurityd-sec-main .table-batchchange.col-md-4 {
    width: 100% !important;
    padding: 0 !important;
}
.form-group-25-2 {
    width: 100% !important;
}
.radio-div .form-group.form-group-50 {
    width: 50%;
}
.qd-form .with-padding .btn-cmn {
    margin-bottom: 5px;
}
form.qd-form .flt-right {
    float: left;
    margin-left: 0;
    margin-right: 5px;
}
.form-group-50 {
    width: 100%;
}
input#filtertext {
    margin-bottom: 6px;
}
.top-bar.with-btn.with-input .form-group.right-btn{
  text-align: center;
}
.quotation-details.quotation-dash.company-list-innerx .report-form .form-group input[type="text"], .quotation-details.quotation-dash.company-list-innerx .report-form .form-group select {
    width: 200px;
    height: 30px;
}
.quotation-details.quotation-dash.company-list-innerx .report-form .form-group {
    padding: 0 10px 10px 0;
}
div.dataTables_wrapper div.dataTables_filter {
    text-align: center;
    margin-top: 5px;
}
div#tbldata_length {
    text-align: center;
}
.quotation-details .accordion__header {
    padding: 9px 5px;
}
.quotation-details .accordion__header h2{
    font-size: 14px;
}
.tabs-main .domestic-cmpy li label a {
    font-size: 12px;
    line-height: 12px;
}
.tabs-main .domestic-cmpy li input[type=checkbox] {
    top: 6px;
}
.tabs-main .domestic-cmpy li label img {
    width: 14px;
}
.title-strip-das {
    font-size: 14px;
}
.company-list-inner .nav-tabs>li>a{
    font-size: 14px;
}
.dataTables_wrapper .col-sm-5, .dataTables_info {
    width: 100%;
    text-align: center;
    padding: 0;
}
.modal-body .box-body.form-horizontal .transfer-company .form-group:last-child {
    margin: 0;
    padding: 0;
    width: 100%;
}
.modal-body .box-body.form-horizontal .transfer-company .form-group:last-child input#allquicksearchbox{
  width: 100% !important;
  margin-bottom: 5px;
}
section#ProjectContainer div#divProj .sub-filter .btn-cmn {
    margin-top: 5px;
}
#ProjectContainer .t-clr-inner {
    margin-bottom: 5px;
}
.modal-body .box-body.form-horizontal .transfer-company .form-group:last-child button.btn-cmn {
    float: right !important;
}
.tile a {
    font-size: 12px;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#ProjectContainer .form-group.dispatch-status {
    width: 100%;
    margin-top: 5px;
}
select#fltinstockprostatusItem {
    width: 100%;
    margin: 0 !important;
}
select#filpurchasestatus {
    width: 100%;
    margin: 5px 0 5px 0 !important;
}
select#filpurchaserfqstatus {
    width: 100%;
}
select#fltprostatusItem, select#fltprotypeItem, select#fltactivitystatusItem {
    margin: 0px 0 0px 0;
    width: 100%;
}
section.content.dispatchtab-1 div#all .sub-filter button.btn-cmn {
    margin: 0 0 5px 5px !important;
}
section.content.dispatchtab-1 div#divQuotelog .form-group.right-btn1 button.btn-cmn {
    float: right !important;
}
.form-group.txt-right{
    text-align: right;
}
}
@media (max-width: 568px){
.quotation-details.quotation-dash.company-list-innerx .report-form .form-group input[type="text"], 
.quotation-details.quotation-dash.company-list-innerx .report-form .form-group select {
    width: 140px;
}
.coa-form .swich-inner {
    width: 50%;
}
.theroretical-txt input[type="text"] {
    margin-bottom: 5px;
    width: 41% !important;
}
.page-tab-nm.page-tab-nm-25 {
    width: 100%;
}
.page-tab-nm {
    width: 50%;
    padding: 5px 0 0 10px;
}
.user-access-pages {
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.access-page-name {
    padding: 6px 6px;
}
.filter-section{
    margin-bottom: 5px;
}
.form-group.right-btn1-swich {
    margin-top: -30px;
}
div#exportdispatch button.btn-cmn {
    margin-bottom: 5px;
}
section.content.dispatchtab-1 .form-group.dispatch-status button.btn-cmn {
    margin-bottom: 5px;
}
section.content.dispatchtab-1 .show-entries.with-color-table .t-clr-inner {
    margin-bottom: 5px;
}
.project-list div#divProj .filter-form .btn-cmn {
    margin-right: 0 !important;
}
div#tabTechnicalReport select#allddlexportdist,
div#tabUNVERIFIED select#allddlexportdist,
div#tabVERIFIED select#allddlexportdist {
    width: 100%;
}
div#tabsapdata input#allsearchbox {
    margin: 0 0 5px 0 !important;
    width: 100% !important;
}
div#tabmaster div#divQuote {
    margin-top: 5px;
}
div#tabmaster input#allsearchbox {
    margin: 0 0 5px 0 !important;
    width: 100% !important;
}
select#allddlexportdist {
    margin: 0 0 5px 0 !important;
}
div#tabcontrolledsubstance .country.form-group button.country-button {
    width: 100%;
    margin-bottom: 5px;
}
div#tabcontrolledsubstance .country.form-group {
    width: 100%;
} 
select#fltprotypeItem, select#fltTimeDuration {
    width: 100%;
    margin-bottom: 0px;
}
#ProjectContainer div#tabexport .form-group.dispatch-status button.btn-cmn {
    float: right !important;
    margin: 0 0 0 5px !important;
}



div#divProj .form-group.right-btn1,
div#divProjss .form-group.right-btn1{
    margin-left: 0 !important;
}
#ProjectContainer .form-group.dispatch-status .form-group {
    width: 100%;
}
#ProjectContainer .form-group.dispatch-status select#fltactivity {
    width: 100%;
    margin-bottom: 5px;
    margin-left: 0;
}
#ProjectContainer .form-group.dispatch-status select#fltdomesticprostatusItem {
    width: 100%;
    margin-left: 0;
}
.tile {
    width: 50%;
}
section#ProjectContainer div#divProj .form-group.form-group-100 {
    padding: 0;
}

#ProjectContainer .form-group.dispatch-status input#fltestdate {
    width: 92%;
}
.sub-filter .form-group {
    width: 100%;
    min-width: 100%;
}
.overview.ovrw-with-plus {
    margin-top: 0 !important;
}
.sub-filter .form-group.right-btn button.btn-cmn {
    margin-bottom: 5px;
}
.sub-filter .form-group input, .sub-filter .form-group select {
    width: 100% !important;
}
input#CompanyFilterInCollaspe {
    max-width: 90%;
    margin: 10px 5px 0px 10px !important;
}
.tab-content {
    padding: 10px 5px;
 }
.tile1 {
    width: 100%;
    padding: 3px 0;
}
input#filtertext, select#compList {
    width: 220px !important;
}
.paginate_button.next a:after, .paginate_button.previous a:after {
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 22px;
    line-height: 25px;
    font-weight: 600;
}
}
@media (max-width: 414px) {
.qt-title span {
    width: 100%;
    float: left;
    line-height: 17px;
}
}
@media (max-width: 380px){
.top-bar.top-bar-qt-main .qt-title {
    min-height: 32px;
}
.theroretical-txt input[type="text"] {
    width: 39% !important;
}
}