ul, h1, h2, h3, h4, h5, h6, p, article, figure{
    padding: 0;
    margin: 0;
}
body{
    background-color: #f7f7f7;
    font-family: Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;
    font-size: 1rem;
}
html{
    font-size: 1rem !important;
}
header {
    height: 90px;
    width: 100%;
    border-bottom: 1px solid #dededf;
    background-color: #fff;
    position: relative;
    z-index: 99;
}
::placeholder{
    color: #111;
}
label.label_extra {
    margin-bottom: 0px !important;
}
select.select_extra {
    margin-top: 7px !important;
}
.btn{
    min-width: 128px;
    height: 40px;
    color: #fff !important;
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #f2711c;
}
.custom-container{
    width: 100%;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
}
/* custom-checkbox */
.custom-checkbox .checkmark{
    width: 24px;
    height: 24px;
    border:1px solid #f2711c;
    display: inline-block;
    position: relative;
    margin-right: 15px;
}
.custom-checkbox .checkmark:after {
    content: '\f00c';
    display: block;
    background-color: transparent;
    width: 16px;
    position: absolute;
    left: 3px;
    top: -1px;
    opacity: 0;
    font-family: fontawesome;
    color: #f2711c;
}
.custom-checkbox input:checked ~ .checkmark:after{
    opacity: 1;
}
.custom-checkbox input{
    display: none;
}
.custom-checkbox{
    display: flex;
    user-select: none;
    cursor: pointer;
    font-size: 18px;
}
.menu-left li{
    display: inline-block;
    float: left;
}
.menu-left li a {
    padding: 1.142857em 1.5em;
    display: block;
    border: 1px solid rgba(34,36,38,.15);
    /*border-bottom: 0;*/
    /*    border-right: 0;*/
    /*min-width: 145px;*/
    color: #111;
    font-size: 1rem;
    text-align: center;
    position: relative;
    line-height: 1.5;
}

.menu-left li:first-child  a{
    padding-left: 2em;
    border-radius: .28571429rem 0 0 .28571429rem;
}
.menu-left li.active a{
    background-color:#f3f4f5;
}
.menu-left li:last-child a{
    border-right: 1px solid rgba(34,36,38,.15);
    border-radius: 0 .28571429rem .28571429rem 0;
}

.menu-left li a:after {
    /*display: none;*/
    position: absolute;
    z-index: 2;
    content: '';
    top: 50%;
    right: 0;
    border: medium none;
    background-color: #fff;
    width: 1.14285714em;
    height: 1.14285714em;
    border-style: solid;
    border-color: rgba(34,36,38,.15);
    border-width: 0 1px 1px 0;
    -webkit-transition: background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
    transition: background-color .1s ease,opacity .1s ease,color .1s ease,-webkit-box-shadow .1s ease;
    transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease;
    transition: background-color .1s ease,opacity .1s ease,color .1s ease,box-shadow .1s ease,-webkit-box-shadow .1s ease;
    -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
    transform: translateY(-50%) translateX(50%) rotate(-45deg);
}
.menu-left li:last-child a:after{
    display: none;
}
.menu-left li.active a:after{
    background-color: #f3f4f5;
}
.submenu li a:after{
    display: none;
}
.submenu li:last-child a{
    /*    border-right: 0;*/
}
/*before login submenu*/
.menu-item{
    position: relative;
}
.menu-item:hover .submenu {
    display: block;
    z-index: 9;
}
.menu-item .submenu a{
    display: block;
    border: 1px solid rgba(34,36,38,.15);
}
.menu-item .submenu li:first-child a {
    padding-left: 2em;
    border-radius: .28571429rem 0 0 .28571429rem;
}
.menu-item .submenu li:last-child a {
    border-right: 1px solid rgba(34,36,38,.15);
    border-radius: 0 .28571429rem .28571429rem 0;
}
/**/
.profile-menu{
    float: right;
    margin-right: 10px;
    min-width: 60px;
    position: relative;
    z-index: 9;
}
.profile-menu button {
    border: none;
    border-left: 1px solid rgba(34,36,38,.15);
    border-right: 1px solid rgba(34,36,38,.15);
    border-bottom: 1px solid rgba(34,36,38,.15);
    min-height: 55px;
    width: 51px;
    font-size: 28px;
    color: #f2711c;
    background: #fff;
    float:right;
    cursor: pointer;
}
.profile-menu button:focus{
    outline: 0;
}
.profile-wrap {
    float: left;
    width: 179px;
    box-shadow: hsl(0, 0%, 80%) 0 0 16px;
    position: absolute;
    top: 100%;
    right: 0;
}
.profile-wrap a{
    display: block;
    background-color: #fff;
    padding: 15px 20px;
    color: #111;
    font-size: 18px;
}
.profile-wrap a.active, .profile-wrap a:hover{
    display: block;
    background-color: #f7f7f7;
}
.main-form{
    width: 100%;
    float: left;
}
#results_JS th {
    min-width: 82px !important;
}
/* Submenu */
.menu-left li{
    position: relative;
}
.submenu{
    min-width: 180px;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
}
.disabled_menu_item, .disabled_menu_item:hover, .disabled_menu_item:visited {
    text-decoration: none;
    color: #acacac;
    cursor: default;

}
.menu-left li:hover  .submenu{
    display: block;
}
.submenu li {
    display: block;
    float: none;
    border-radius: 0;
}
.submenu li a {
    border-radius: 0 !important;
    padding: 5px 15px !important;
    background-color: #f7f7f7;
}

/* Breadcrumb */
nav[aria-label="breadcrumb"] {
    width: 100%;
    float: left;
    margin-top: 15px;
}
.breadcrumb {
    background-color: #f2711c;
    padding: 2px 15px;
    width: auto;
    float: none;
    max-width: max-content;
}
.breadcrumb-item{
    color: #fff;
}
.breadcrumb li a{
    color: #fff;
}
.breadcrumb li.active{
    color: #212529;
    padding-left: 2px;
}

.breadcrumb-item+.breadcrumb-item::before {
    padding: 0 9px;
    color: #fff;
    content: '\BB';
    font-size: 16px;
}

h2.ingredient-title, h2.feed-title {
    margin-bottom: 30px;
    font-size: 22px;
    color: #111;
}
h2.ingredient-title:after, h2.feed-title:after {
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    background-color: #f2711c;
    margin-top: 20px;
}
/* Form */

.main-form form h2{
    margin-bottom: 30px;
    font-size: 22px;
    color: #111;
}
.main-form form h2:after{
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    background-color: #f2711c;
    margin-top: 20px;
}
.main-form form legend{
    font-size: 22px;
    color: #111;
}
.main-form form legend:after{
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    background-color: #f2711c;
    margin-top: 20px;
}
.main-form form{
    /*    max-width: 650px;*/
    margin-left: auto;
    margin-right: auto;
    box-shadow: rgba(0, 0, 0, .1) 0 0 16px;
    padding: 45px 30px;
    border-radius: 20px;
    background-color: #fff;
}

.form-control{
    border-color: #dbdbdb;
    border-radius: 0;
}
.main-form form input, .main-form form select{
    color: #111;
    font-size: 18px;
}

/* Profile */
.verify  .outer-card{
    margin-top: 50px;
}
.outer-card{
    max-width: 832px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: rgba(0, 0, 0, .1) 0 0 16px;
    padding: 45px 30px;
    border-radius: 20px;
    background-color: #fff;

}
.outer-card  h2{
    margin-bottom: 30px;
    font-size: 22px;
    color: #111;
}
.outer-card  h2:after{
    content: '';
    display: block;
    width: 80px;
    height: 2px;
    background-color: #f2711c;
    margin-top: 20px;
}
.profile article p{
    font-size: 18px;
}
.profile article p label{
    display: inline-block;
    width: 145px;
    font-weight: 600;
}
.profile .row > div:first-child article{
    border-right: 4px solid #d1d1d1;
}
.profile .row > div:last-child article{
    padding-left: 30px;
}
/* Table */
.custum-table{
    padding: 0 30px;
}
.custum-table table{
    /*border-radius: 30px;*/
    overflow: hidden;
}
th.composition {
    background-color: #00CCFF !important;
}
th.testing {
    background-color: #66FF00 !important;
}
.sky_blue {
    background: #CCFFFF;
}
.cls_green {
    background: #99FF00;
}
/*td{
    min-width: 200px;
}*/
table .button{
    height: 26px;
    line-height: 26px;
    background-color: #eeeeee;
    border-radius: 26px;
    display: inline-block;
    padding: 0 20px;
    cursor: pointer;
    border:0;
    color: #212529;
}
table .button:hover{
    text-decoration: none;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dbdbdb;
    /*word-break: break-word;
    white-space: initial;*/
}
thead tr{
    background-color: #e8e8e8;
}
.table-bordered {
    /*border: 1px solid #dbdbdb !important;*/
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fff;
}
.table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #dbdbdb;
}
.pagination{
    float: right;
    margin-top: 30px;
}
/* Status Mesage */
.status-msg{
    padding: 7px 15px;
    border:1px solid #ccc;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    border-radius: 4px;
}
.error{
    border:1px solid red;
    color: red;
}
.success{
    border:1px solid green;
    color: green;
}
p.help-block {
    color: red;
    font-size: 12px;
    line-height: normal;
    margin-top: 2px;
}
.verify-msg{
    color: green;
    margin-bottom: 10px;
}
/* Organisation Detail */
.org_users_sep {
    width: 100%;
    float: left;
    padding: 20px 30px;
    font-size: 22px;
    color: #111;
    border-top: 1px solid #f2711c;
    margin-top: 50px;
}

#edit-ingredient form {
    max-width: 1200px;

}
@media screen and (max-width: 991px){
    header {
        height: auto;
        float: left;
    }
    .menu-left li a {
        border-right: 1px solid #dbdbdb;
        border-bottom: 1px solid #dbdbdb;
    }
    .menu-left{
        width: calc(100% - 185px);
        float: left;
    }
    .profile-menu{
        margin-right: 5px;
    }
    .profile-menu button {
        border-bottom: 1px solid #dbdbdb;
    }
}

@media screen and (max-width: 767px){
    .profile .row > div:last-child article {
        padding-left: 0;
    }
    .profile .row > div:first-child article {
        border-right: 0;
    }



}

/* ingredients page css */
.ui.message {
    padding: 15px 40px;
}
.modal-dialog {
    max-width: 1212px;
    margin: 50px auto;
}
.modal-body {
    padding: 0;
    border: 0;
}
.modal-open .modal {
    background: rgba(0,0,0,.6);
}
.modal-header {
    display: flex;
    justify-content: flex-end;
    border: 0;
    padding: 0;
    position: relative;
    z-index: 9;
    padding-right: 23px;
}
.modal-header button {
    position: absolute;
    top: 15px;
    border-radius: .28571429rem;
}
.row [class^="col"] {
    float: left;
    margin: 0.5rem 2%;
    min-height: 0.125rem;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.col-6 {
    max-width: 46%;
}
.col-12 {
    max-width: 96%;
}
.col-12.ui.segment {
    max-width: 96%;
    margin-left: 23px !important;
}
.modal-header button:before {
    content: "\f00d";
    font-family: fontawesome;
    color: #333;
    margin-right: 15px;
}
.ui.orange.label, .ui.orange.labels .label {
    margin-left: -1px;
}
.custom_modal_popup .ui.orange.label, .ui.orange.labels .label {
    margin-left: -24px;
}
.ui.button.cls_a55a{
    display: none;
}
/* Form */
tbody tr:nth-child(even){
    background-color: #f7f7f7 !important;
}
form{
    margin-bottom: 20px;
}
fieldset{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
form input, form select, form textarea{
    margin: 10px 0;
}
.ajax_table_listing{
    margin-top: 15px;
}
form .btn {
    min-width: 90px;
    height: 32px;
    color: #fff !important;
    font-size: 15px !important;
    text-transform: uppercase;
    background-color: #f2711c;
    padding-top: 0;
    padding-bottom: 0;
}
form .btn_disabled {
    background-color: #cccccc !important;
    color: #000 !important;
}
/* Form tab */
.form-tab {
    margin-top: 20px;
    padding: 0px;
    /* border: 1px solid #e2e2e2; */
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    background: #f7f7f7;
}
.main-form form{
    max-width: initial;
}
.custom-tab li{
    display: inline-block;
    margin-right: 0px;
    border-right: 1px solid #e2e2e2;
    float: left;
}
.custom-tab li a{
    background-color: #e2e2e2;
    padding: 10px 25px;
    display: block;
    font-size: 16px;
    position: relative;
    color: #333;
    border-right: 1px solid #fff;
}
.custom-tab li a.active{
    background-color: #f2711c;
    color: #fff;
}
/**/
.ui.steps .link.step:hover, .ui.steps .link.step:hover::after, .ui.steps a.step:hover, .ui.steps a.step:hover::after, .ui.steps .step.active:hover, .ui.steps .step.active, .ui.steps .step.active::after{
    background: #ffd4b8 !important;
    border-color: #f2711c !important;
}
.menu-left a.active, .menu-left a.active:hover, .menu-left a.active:hover::after, .menu-left a.active::after {
    background: #ffd4b8 !important;
    border-color: #f2711c !important;
}
.body-mt{
    margin-top: 0 !important;
    padding-top: 5px !important;
}
.dark-border{
    border-right: 2px solid #000;
}
#table_search {
    border-right: 1px solid #dededf;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom:10px;
    border-bottom-right-radius: 5px;
}
.ui.steps .step:after{
    right: -1px;
}


.menu-left li a:after{
    display:none;
}

.fa.logged_in {
    color: #f2711c;
}

.item-status {
    color: #146916;
    font-size: 15px;
    margin-left: 20px;
}

.main-form .two-col-box {
    /*    max-width: 650px;*/
    margin-left: auto;
    margin-right: auto;
    box-shadow: rgba(0, 0, 0, .1) 0 0 16px;
    padding: 45px 30px;
    border-radius: 20px;
    background-color: #fff;
}