@font-face {
    font-family: 'Glyphter';
    src: url("../fonts/glyphter/Glyphter.eot");
    src: url("../fonts/glyphter/glyphterGlyphter.eot?#iefix") format('embedded-opentype'),
         url("../fonts/glyphter/Glyphter.woff") format('woff'),
         url("../fonts/glyphter/Glyphter.ttf") format('truetype'),
         url("../fonts/glyphter/Glyphter.svg#Glyphter") format('svg');
    font-weight: normal;
    font-style: normal;
}
.icon {
    display: inline-block;
    font: normal normal normal 14px/1 Glyphter;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-bio:before{content:'\0041';}
.icon-cold:before{content:'\0042';}
.icon-fish:before{content:'\0043';}
.icon-goat:before{content:'\0044';}
.icon-icpu:before{content:'\0045';}
.icon-poultry:before{content:'\0046';}
.icon-seed:before{content:'\0047';}
.icon-trellis:before{content:'\0048';}
.icon-broiler-unit:before{content:'\0049';}
.icon-goat-unit:before{content:'\004a';}

.tableFixHead { overflow-y: auto; height: 500px; }
.tableFixHead .table{
    border-collapse: separate;
    border-spacing: 0px;
  }
  .tableFixHead thead {
          position: sticky;
          top: 0;
          z-index: 1;
  }
  .tableFixHead thead th{
    border-top: 0.1px solid #fff;
  }
  
table .custom-table {
    display: table;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.custom-table td, .custom-table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.custom-table tr:nth-child(even){background-color: #f2f2f2;}

.custom-table tr:hover {background-color: #ddd;}

.custom-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #27649D;
    color: white;
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.disableddiv {
    pointer-events: none;
    opacity: 0.4;
}
.fileinput{
	width:150px;
	text-align:center;
}

.left-col {
    float: left;
    width: 25%;
}
 
.center-col {
    float: left;
    width: 50%;
}
 
.right-col {
    float: left;
    width: 25%;
}
.nav-main .nav-main-heading {
	padding: 3px 18px 2px 18px;
	background: #0a2b55;
	color: #fff;
}
.nav-main a {
  position: relative;
  display: block;
  padding: 6px 18px 6px 40px;
  font-weight: 600;
  color: rgba(87,87,87,.9);
}

.content-side {
  padding: 0px 18px 1px;
}

.disable{
        pointer-events: none;
        opacity: 0.5;
}
select[readonly] {
    pointer-events: none;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}
select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow,
select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}