body {
  height: calc(100vh - 40px);
  background: #f5f8fa;
  padding: 0px 40px;
}
.content {
  width: 100%;
  min-height: calc(100vh - 215px);
  background: #fff;
  padding: 10px;
  box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
  border-radius: 0.625rem;
}

.login-bg {
  background-image: url(img/login-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.login-form {
  margin-top: 15vh;
  padding: 25px 60px;
  max-width: 500px;
  background: #fff;
  box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
  border-radius: 0.625rem;
}

@media (max-width: 1200px) {
  .login-form {
    margin-top: 5vh;
  }
}

.login-form h1{
  font-size: 2rem;
  color: black;
  text-align: center;
}

.login-form .form-horizontal{
  margin: 40px 0;
}


.login-form .form-horizontal .control-group label{
  display: block;
  width: 100%;
  text-align: start;
  font-size: 16px;
  padding-left: 3px;
  padding-bottom: 4px;
}

.login-form .form-horizontal .controls{
  width: 100%;
  display: block;
  margin-left: 0;
  /* background: red; */
}

.login-form .form-horizontal .controls .form-control{
  width: 100%;
  padding: 22px 13px;
  font-size: 16px;
  border: 1px solid #E1E3EA;
}

.login-form .form-horizontal .controls .checkbox{
  margin-left: 18px;
  margin-bottom: 20px;
}

.login-form .form-horizontal .controls .btn{
  width: 100%;
  background: #009ef7;
  color: white;
  outline: none;
  border: none;
  padding: 11px 20px;
  font-size: 18px;
}

.footer {
  border-top: 1px solid #ddd;
  padding: 15px 0;
  margin-top: 15px;
  clear: both;
  display: block; 
}

.bottomFix {
  position: fixed;
  bottom: 0;
  width: 100%;
}

.tab-content {
  overflow: visible;
}

.tablewrapper .tab-content {
  display: inline-block !important;
}

table.mlp_livestock td{
  padding-bottom: 10px;
  padding-right: 20px;
}

.labeled-chart-container {
  display: inline-block;
  position: relative;
  overflow: auto;
  height: auto;
  width: auto;
}
.canvas-holder {
  float: left;
  display: inline-block;
  position: relative;
}
.doughnut-legend {
	display: inline-block;
	width: auto;
	margin-left: 50px;
  list-style: none;
}
.doughnut-legend li {
  display: block;
  padding-left: 30px;
  position: relative;
  margin-bottom: 4px;
  border-radius: 5px;
  padding: 2px 8px 2px 28px;
  /*font-size: 14px;*/
  cursor: pointer;
  -webkit-transition: background-color 200ms ease-in-out;
  -moz-transition: background-color 200ms ease-in-out;
  -o-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
}
.doughnut-legend li:hover,
.doughnut-legend li:focus {
	background: #ddd;
}
.doughnut-legend li span {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 25px;
  height: 23px;
  border-radius: 5px;
}
.doughnut-legend-text {
  position: relative;
  z-index: -10;
}
.sortable {
  cursor: pointer;
}
.sortable.active {
  background: #ddd;
}
.dropdown-menu .divider {
  height: 2px;
}
.text-right {
  text-align: right !important;
}
#Zone-Caption {
  margin-top: 5px;
  display: block;
}
.company-lock-toggle {
  margin-top: -13px;
}
.crop-indicator {
  display: inline-block !important; 
  margin-top: -10px; 
  width: 15px; 
  height: 17px;
}
@media(min-width: 550px) {
  .eqp-remove,
  .crop-remove {
    display: inline-block; 
    visibility:hidden; 
    margin-top: -3px;
    margin-left: 10px;
    position: absolute;
  }
}

.equipment-row:hover .eqp-remove,
.crops-table tr:hover .crop-remove {
  visibility: visible;
}
.comment-actions {
  margin-top: 5px;
}
.datepicker.dropdown-menu {
  z-index: 1051;
}
.negative,
.negative td {
  background-color: #fb0000 !important;
  color: #fff;
}
.negative .table-input,
.negative .editable {
  color: #fb0000 !important;
}

@media(max-width:1322px) {
  /*.span6 {*/
  /*  display: block !important;*/
  /*  width: 100% !important;*/
  /*  clear: both !important;*/
  /*  margin-left: 0 !important;*/
  /*}*/
}

.risk-row {
  overflow: auto;
}

.risk-row,
.family-members input,
.family-income input,
.client-reputation input,
.supply-row input,
.risk-row input {
  margin-bottom: 5px;
}

.family-members-row .remove,
.family-income-row .remove,
.client-reputation .remove,
.level2data .remove,
.mgr-emails .remove {
  position: absolute;
  margin-top: 1px;
  visibility: hidden;
}

.risk-row:hover .remove,
.family-members-row:hover .remove,
.family-income-row:hover .remove,
.client-reputation:hover .remove,
.level2data:hover .remove,
.mgr-emails p:hover .remove {
  visibility: visible;
}

.risk-row .span6.last {
  margin-left: 4px;
}

.supply-row,
.risk-row,
.lh-row {
  background-color: #f9f9f9;
  border-top: 1px solid #ddd;
  padding: 5px 0;
  overflow: auto;
}
.supply-row:first-child,
.lh-row:first-child,
.risk-row:first-child{
  border-top: none;
}

.eqp-info {
  display: none;
}
.detail-view th {
  width: 35%;
}

.web-hidden {
  display: none;
}

.input-append .add-on, .input-prepend .add-on {
  height: inherit;
  width: 32px;
}

.input-append .btn,
.input-prepend .btn {
  height: 29px;
}

.file-label {
  cursor: pointer;
  border: #ddd 1px solid;
  height: 29px;
  line-height: 29px;
}

input[type="file"].file {
  /*z-index: -1;*/
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}


@media(max-width: 1024px) {
  #loan_history .lh-row > div {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  
}

@media(max-width: 979px) {
  .dropdown-submenu:hover > .dropdown-menu {
    display: none;
  }
  .dropdown-submenu.open > .dropdown-menu {
    display: block !important;
  }
  .dropdown-submenu.active a{
    color: #fff;
  }
  
  .dropdown-toggle-collapsed{
    display: inline-block;
    padding: 5px;
    color: #fff !important;
    border: 1px solid #fff;
  }
}

.modal-wide,
.modal-medium {
  height: 80%;
  width:100%;
  left:0%;
  right:0%;
  margin-left: auto;
  margin-right: auto;
}

.modal-medium .modal-body {
  max-height: 100%;
  height: 100%;
}

@media(min-width: 769px) {
  .modal-wide {
    width: 80%;
    left:10%;
    right:10%;
    width: 60%;
    left: 20%;
    right: 20%;
  }
  .modal-wide .modal-body {
    height: 90%;
    top: 0;
    bottom: 10%;
  }
  .modal-medium {
    width: 60%;
    left: 20%;
    right: 20%;
    height: 60%;
  }
}

.excel-data-preview .highlight td {
  background: #ddd;
}

#add-herd .nav-tabs a i {
  display: none;
}

/*
* Custom CLARA icons
*/
.icon-cow {
  background: url('img/icons/icon-cow.png') no-repeat center;
  background-size: contain;
}

.icon-bull {
  background: url('img/icons/icon-bull.png') no-repeat center;
  background-size: contain;
}

.icon-sheep {
  background: url('img/icons/icon-sheep.png') no-repeat center;
  background-size: contain;
}

.icon-goat {
  background: url('img/icons/icon-goat.png') no-repeat center;
  background-size: contain;
}

.icon-broiler {
  background: url('img/icons/icon-broiler.png') no-repeat center;
  background-size: contain;
}

.icon-chicken {
  background: url('img/icons/icon-chicken.png') no-repeat center;
  background-size: contain;
}

.icon-turkey {
  background: url('img/icons/icon-turkey.png') no-repeat center;
  background-size: contain;
}

.icon-yak {
  background: url('img/icons/icon-yak.png') no-repeat center;
  background-size: contain;
}

@media (max-width: 480px) {
  #add-herd {
    max-width: 100%;
  }
  
  #add-herd .nav-tabs a span {
    display: none;
  }
  
  #add-herd .nav-tabs a i {
    display: block;
  }

  #add-herd .nav-tabs a i {
    padding: 15px;
  }
  
  .tabs-left>.nav-tabs>li>a, 
  .tabs-right>.nav-tabs>li>a {
    min-width: 56px;
  }
}

input.editable-input {
  display: none;
}

.cows-accordion,
.cows-accordion .accordion-group {
  border: none;
}

.table-quests tfoot th,
.table-changes tfoot th{
  line-height: 14px;
}

.table-quests .search-col,
.table-changes .search-col {
  text-align: right !important;
}

.table-quests .pager-col span.pages-compact,
.table-changes .pager-col span.pages-compact {
  display: none !important;
}

@media (max-width: 767px) {
  .table-quests .pager-col span.pages-full,
  .table-changes .pager-col span.pages-full {
    display: inline !important;
  }
  .table-quests .search-col,
  .table-changes .search-col {
    padding-top: 10px !important;
    text-align: left !important;
  }
  .table-quests .process-col,
  .table-changes .process-col {
    display: none !important;
  }
}

@media (max-width: 425px) {
  .table-quests .pager-col span.pages-full,
  .table-changes .pager-col span.pages-full {
    display: none !important;
  }
  .table-quests .pager-col span.pages-compact,
  .table-changes .pager-col span.pages-compact {
    display: inline !important;
  }
}

.table-quests span.productions img {
    width: 16px;
    margin-left: 2px;
    text-decoration: none;
}

.table-changes {
  width: 100%;
}
.table-changes .changes-col {
  max-width: 400px;
  max-height: 400px;
}

.table-changes .changes-col .changes-col-content {
  width: 100%;
  max-height: 400px;
  overflow-y: scroll;
  word-break: break-word;
}

.table-mini,
.table-mini td,
.table-mini th {
  padding: 0;
  margin: 0;
}

.table-center * {
  text-align: center;
}
.text-wrap {
  white-space: normal !important;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}

.text-bold {
  font-weight: bold !important;
}

.padding {
  padding: 5px 10px !important;
}

.w-auto {
  width: auto !important;
}
.w-130 {
  width: 130px !important;
}
.w-80 {
  width: 80px !important;
}
.h-30 {
  height: 30px !important;
}

/**
 * Margin and padding classes
 */
.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
}

@media print {
  #cssmenu {
    display: none !important;
  }
  a[href]:after {
    display: none;
    visibility: hidden;
  }
}

.balance-table {
  display: flex;
  position: relative;
}

.balance-table .description {
  height: 40px;
  display: inline-block;
  flex-grow: 1;
  padding-right: 10px;
}

.balance-table .year0,
.balance-table .year1 {
  height: 40px;
  display: inline-block;
  width: 100px;
}

.balance-table .brow-delete {
  display: none;
  width: 30px;
  position: absolute;
  top: -3px;
  right: -30px;
}

.balance-table:hover .brow-delete {
  display: block;
}

@media(max-width: 500px) {
  .balance-table {
    display: block;
  }
  .balance-table .description {
    display: block;
    width: 100%;
  }

  .balance-table .brow-delete {
    top: 44px;
    left: 210px;
    right: inherit;
    display: block;
  }

}

.quest-fish-row {
  display: inline-block;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding-bottom: 10px;
}

.alert-default {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.loan-details {
  width: auto;
}
.loan-details th,
.loan-details td {
  text-align: center;
  overflow-wrap: anywhere;
  max-width: 150px;
}
.loan-details td:first-child {
  max-width: 240px;
  width: 240px;
  text-align: left;
}

.crop-extra-options-list li {
  margin-right: 7px;
}

.crop-extra-options-list label {
  font-weight: bold;
}

.quest-form .accordion {
  margin-bottom: 0;
}

#header {
  background-color: #fff;
  padding-left: 0;
  margin-bottom: 30px;
  box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
  border-radius: 0 0 0.625rem 0.625rem;
}
#header .burger_menu {
  display: none;
  background: white;
}
#header .nav_links {
  padding: 0;
  display: flex;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  justify-content: space-between;
}
#header .nav_links ul {
  padding: 0px 20px;
  margin: 0;
  display: flex;
  align-items: center;
}
#header .nav_links ul .link {
  position: relative;
  list-style: none;
  font-weight: 600;
}
#header .nav_links ul .link a,
#header .nav_links ul .link span{
  display: flex;
  transition: color 0.2s ease;
  padding: 0.775rem;
  font-weight: 400;
  color: #7e8299;
  border-radius: 0.475rem;
  cursor: pointer;
  margin-right: 6.5px;
}
#header .nav_links ul .link span:hover,
#header .nav_links ul .link a:hover
{
  color: #009ef7;
  text-decoration: none;
  transition: color 0.2s ease;
  background-color: #f9f9f9;
}
#header .dropdown_icon{
  width: 12px;
  margin-left: 5px;
  transform: translateY(1.5px) rotateZ(90deg);
}

#header .dropdown_icon path{
  fill: #7e8299;
}

#header .nav_links ul .link .nav_links_menu {
  width: 250px;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  flex-direction: column;
  align-items: start;
  border-radius: 0.475rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  padding: 7px;
  z-index: -1 !important;
  opacity: 0;
  transition: 0.4s;
}
#header .nav_links .nav_links_right .link .nav_links_menu{
  right: 0;
  left: auto;
  width: 150px;
}
#header .nav_links ul .link .nav_links_menu li {
  width: 100%;
  list-style: none;
  position: relative;
}
#header .nav_links ul .link .nav_links_menu li span {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8.5px 13px;
  font-weight: 400;
  border-radius: 0.475rem;
  cursor: pointer;
  transition: color 0.2s ease;
  color: #7e8299;
}
#header .nav_links ul .link .nav_links_menu li span svg path {
  fill: #7e8299;
}
#header .nav_links ul .link .nav_links_menu li span a {
  color: #7e8299;
  text-decoration: none;
  transition: color 0.2s ease;
}
#header .nav_links ul .link .nav_links_menu li span:hover {
  color: #009ef7;
  transition: color 0.2s ease;
  background-color: #f9f9f9;
}
#header .nav_links ul .link .nav_links_menu li span:hover svg path {
  fill: #009ef7;
}
#header .nav_links ul .link .nav_links_menu li span:hover a {
  color: #009ef7;
}
#header .nav_links ul .link .nav_links_menu li svg {
  height: 9px;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_top_btn_active {
  color: #009ef7;
  transition: color 0.2s ease;
  background-color: #f9f9f9;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_top_btn_active svg path {
  fill: #009ef7;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_top_btn_active a {
  color: #009ef7;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in {
  width: 300px;
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  flex-direction: column;
  align-items: start;
  border-radius: 0.475rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  padding: 7px;
  z-index: -1 !important;
  opacity: 1;
  transition: 0.2s;
  transform: translateY(15px);
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 8.5px 13px;
  border-radius: 0.475rem;
  cursor: pointer;
  transition: color 0.2s ease;
  text-decoration: none;
  color: #5e6278;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in a .list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in a .dot {
  width: 4px;
  height: 4px;
  margin-right: 0.5rem;
  background-color: #a1a5b7;
  border-radius: 50%;
  padding: 0;
  display: none;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in a .messeges_number {
  display: inline-flex;
  align-items: center;
  color: #50cd89;
  background-color: #e8fff3;
  padding: 4.2px 5.6px;
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1;
  border-radius: 0.425rem;
  margin-bottom: 0;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in a svg path {
  fill: #7e8299;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in a:hover {
  color: #009ef7;
  background-color: #f9f9f9;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in a:hover svg path {
  fill: #009ef7;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .nav_links_menu_in_list {
  width: 225px;
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  flex-direction: column;
  align-items: start;
  border-radius: 0.475rem;
  background-color: #ffffff;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  padding: 7px;
  z-index: -1;
  opacity: 0;
  transition: 0.2s;
  transform: translateY(15px);
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .nav_links_menu_in_list::-webkit-scrollbar,
.dropdown-menu .inner::-webkit-scrollbar,
.modal .modal-body::-webkit-scrollbar
{
  width: 3px;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .nav_links_menu_in_list::-webkit-scrollbar-track,
.dropdown-menu .inner::-webkit-scrollbar-track,
modal .modal-body::-webkit-scrollbar-track
{
  background: transparent;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .nav_links_menu_in_list::-webkit-scrollbar-thumb,
.dropdown-menu .inner::-webkit-scrollbar-thumb,
.modal .modal-body::-webkit-scrollbar-thumb
{
  background: rgb(182, 180, 180);
  height: 100px !important;
  border-radius: 10px;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .nav_links_menu_in_list_active {
  display: flex;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .accardion_wrapper {
  display: flex;
  flex-direction: column;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .accardion_btn {
  width: 100%;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .accardion_btn svg {
  transform: rotate(90deg);
  transition: 0.2s;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .accardion_btn_active svg {
  transform: rotate(-90deg);
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .accardion_btn_active svg path {
  fill: #009ef7;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .accardion_body {
  width: 100%;
  height: 0;
  max-height: 0%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 0 0.5rem;
  transition: 0.5s;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .accardion_body_active {
  height: auto;
  max-height: 100%;
}
#header .nav_links ul .link .nav_links_menu li .nav_links_menu_in_active {
  display: flex;
  opacity: 1;
  z-index: 1 !important;
  transform: translateY(0);
}
#header .nav_links ul .link .nav_links_menu_active {
  display: flex;
  opacity: 1;
  z-index: 1 !important;
}

#header .nav_links .close_menu{
  display: none;
}


#header .burger_menu .logotip img{
  height: 25px;
}

#header .burger_menu .bars{
  height: 25px;
  cursor: pointer;
}

#header .burger_menu .bars path{
  fill: gray;
}

#header .nav_links .link .logotip {
  display: inline-block;
  padding: 0;
  margin: 10px 20px;

}
#header .nav_links .link .logotip img{
  height: 25px;
}

#header .nav_links ul .link a{
  padding: 8.5px 13px;
  margin-right: 0;
  font-weight: 400;
}

#header li.nav_links_menu_top.mlp,
#header li.nav_links_menu_top.edit {
  background-color: #ffffcc;
}

#header li.nav_links_menu_top.mlp>a,
#header li.nav_links_menu_top.edit>a>span {
  font-weight: bold !important;
}

#header .nav_links ul .link .nav_links_menu li{
  border-bottom: 1px solid rgb(219 219 219 / 60%);
}
.dark #header .nav_links ul .link .nav_links_menu li{
  border-color: #444444;
}
#header .nav_links ul .link .nav_links_menu li a,
#header .nav_links ul .link .nav_links_menu li span{
  border-radius: 0 !important;
}
#header .nav_links ul .link .nav_links_menu li:last-child{
  border-bottom: none;
}



@media (max-width: 1070px) {
  #header .burger_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  #header .burger_menu img{
    cursor: pointer;
  }
  #header .nav_links {
    width: 350px !important;
    height: 100vh;
    position: fixed;
    top: 0;
    left: -100%;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    padding: 15px 6px 15px 30px;
    z-index: 110;
    transition: 0.3s;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
  #header .nav_links .close_menu{
    display: block;
    position: absolute;
    left: 315px;
    top: 20px;
    cursor: pointer;
    z-index: 3;
  }
  #header .nav_links ul {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    width: 100%;
  }
  #header .nav_links ul .link {
    width: 100%;
  }
  #header .nav_links ul .link .apps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 0;
  }
  #header .nav_links ul .link .apps svg {
    width: 9px;
    fill: #7e8299;
    transform: rotate(90deg);
    transition: 0.4s;
  }
  #header .nav_links ul .link .nav_links_menu {
    background-color: #ffffff;
    box-shadow: none;
    padding: 0 20px 0 10px;
    width: 100%;
  }
  #header .nav_links ul .link .nav_links_menu .nav_links_menu_top .nav_links_menu_top_btn svg {
    transform: rotate(90deg);
    transition: 0.4s;
  }
  #header .nav_links ul .link .nav_links_menu .nav_links_menu_top .nav_links_menu_top_btn_active svg {
    transform: rotate(-90deg);
  }
  #header .nav_links ul .link .nav_links_menu .nav_links_menu_top .nav_links_menu_in {
    position: relative !important;
    left: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
    box-shadow: none;
  }
  #header .nav_links ul .link .nav_links_menu .nav_links_menu_top .nav_links_menu_in .nav_links_menu_top_in_btn svg {
    transform: rotate(90deg);
    transition: 0.4s;
  }
  #header .nav_links ul .link .nav_links_menu .nav_links_menu_top .nav_links_menu_in .nav_links_menu_top_in_btn_active svg {
    transform: rotate(-90deg);
  }
  #header .nav_links ul .link .nav_links_menu .nav_links_menu_top .nav_links_menu_in li {
    flex-direction: column;
  }
  #header .nav_links ul .link .nav_links_menu .nav_links_menu_top .nav_links_menu_in .nav_links_menu_in_list {
    position: relative !important;
    left: 0;
    background-color: transparent;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 18px;
  }
  #header .nav_links ul .apps_btn_active .apps svg {
    fill: #009ef7;
    transform: rotate(-90deg);
  }
  #header .header_menu_active {
    left: 0;
  }
  #header .blur_menu {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0%;
    bottom: 0;
    right: 0;
    overflow: hidden;
    z-index: 109;
    transition: 0.3s;
    display: none;
  }
  #header .blur_menu_active {
    display: block;
  }
  #header .nav_links .nav_links_right .link .nav_links_menu{
    right: auto;
    left: 0;
  }
}

.change_theme:hover{
  background: transparent !important;
  cursor: pointer;
}

.change_theme svg{
  width: 10px;
  transform: scale(1.2);
}

.change_theme i{
  transform: scale(1.5);
  display: none;
}

.change_theme_active svg{
  display: none;
}

.change_theme_active i{
  display: block;
}

:root{
  --dark_bg1: #151521;
  --dark_bg2: #1e1e2d;
  --dark_bg3: #2b2b40;
  --dark_bg4: #38384e;
  --dark_bg5: #47474a;
  --bs-text-gray-700: #92929F;
  --bs-gray-700: #92929F;
  --bs-gray-800: #CDCDDE;
}

.dark{
  background: var(--dark_bg1);
  color: var(--bs-text-gray-700);
}

.dark #header{
  background: var(--dark_bg2);
}

.dark #header .nav_links ul .link a, 
.dark #header .nav_links ul .link span{
  color: var(--bs-gray-700);
}

.dark #header .nav_links ul .link a:hover,
.dark #header .nav_links ul .link span:hover{
  color: var(--bs-gray-800);
  background: inherit;
}

/* .dark #header .nav_links .link .logotip,
.dark #header .burger_menu .logotip
{
  background: rgb(243, 237, 237);
} */

.dark #header .nav_links .link .logotip:hover,
.dark #header .burger_menu .logotip:hover{
  background: var(--dark_bg2) !important;
}

.dark pre {
  color: var(--bs-gray-700);
  background-color: var(--dark_bg2);
}

.dark #header .burger_menu .logotip{
  padding: 10px 20px;
  border-radius: 10px;
}

#header .nav_links .close_menu_white{
  display: none;
}

@media (max-width: 1070px){
  .dark #header .nav_links .close_menu_white{
    display: block;
  }
}


.dark #header .nav_links .link .logotip:hover,
.dark #header .burger_menu .logotip:hover
{
  background: rgb(243, 237, 237);
}

.dark #header .burger_menu,
.dark #header .nav_links
{
  background: var(--dark_bg2);
  border-radius: 0 0 0.625rem 0.625rem;
  border-color: transparent !important;
}

.dark #header .nav_links ul .link .nav_links_menu,
.dark #header .nav_links ul .link .nav_links_menu li .nav_links_menu_in,
.dark #header .nav_links ul .link .nav_links_menu li .nav_links_menu_in .nav_links_menu_in_list
{
  background: var(--dark_bg3)
}

.dark #header .nav_links ul .link .nav_links_menu li span,
.dark #header .nav_links ul .link .nav_links_menu li .nav_links_menu_in a
{
  color: var(--bs-text-gray-700);
}

.dark #header .nav_links ul .link .nav_links_menu li span:hover,
.dark #header .nav_links ul .link .nav_links_menu li .nav_links_menu_top_btn_active,
.dark #header .nav_links ul .link .nav_links_menu li .nav_links_menu_in a:hover
{
  background: transparent;
  color: var(--bs-gray-800);
}

.dark #cssmenu{
  border: transparent;
}

.dark #cssmenu ul,
.dark #css menu ul li
{
  background: var(--dark_bg2) !important;
  color: white !important;
  border: transparent !important;
}

.dark #cssmenu ul li a{
  color: white;
}

.dark .content{
  background: var(--dark_bg2);
  color: var(--bs-text-gray-700);
}

.dark .btn-group .dropdown-toggle,
.dark table thead th ul li a,
.dark table thead th input,
.dark .datepicker.dropdown-menu,
.dark table thead .span6 a,
.dark table tfoot th  .pagination ul,
.dark table tfoot th  .pagination ul li,
.dark table tfoot th  .pagination ul li a,
.dark table tfoot th .input-small
{
  background: var(--dark_bg4) !important;
  color: var(--bs-text-gray-700) !important;
  border: none !important;
}

.dark table thead th .input-append .btn i{
  color: var(--bs-text-gray-700);
}

.dark .open ul,
.dark .open ul li,
.dark .open ul li a{
  background: var(--dark_bg4) !important;
  color: var(--bs-text-gray-700) !important;
}

.dark .open ul .divider{
  border-color: var(--dark_bg2);
}

.dark .datepicker-switch:hover,
.dark tr .prev:hover,
.dark tr .next:hover,
.dark tr .clear:hover,
.dark .open ul li a:hover
{
  background: var(--dark_bg3) !important;
}

.dark .open{
  background: var(--dark_bg4) !important;
}
.dark table th{
  border: none !important
}

.dark table tbody tr td{
  border: none !important;
}

.dark table tbody tr:nth-child(odd) td{
  background: var(--dark_bg3) !important;
}

.dark table tbody tr:nth-child(even) td{
  background: transparent !important;
}

.dark .footer{
  border: transparent;
}

.dark table.financial thead tr,
.dark table .highlight-header th{
  background: var(--dark_bg4);
}

.dark .mlp-table-wrapper table
{
  border: none;
}

.dark .financial tbody tr:nth-child(even){
  background: var(--dark_bg4) !important;
}

.dark .editable{
  color: black !important;
}


.dark #mlp tbody tr td a i{
  opacity: 1;
  -webkit-filter: invert(0.8);
  filter: invert(0.8);
}

.dark input,
.dark select
{
  background: var(--dark_bg3) !important;
  color: var(--bs-text-gray-700);
  border-color: var(--dark_bg5);
}

.dark .add-on,
.dark .content .span5 .form-horizontal .form-actions{
  background: var(--dark_bg3);
  border-color: var(--dark_bg5);
}

.dark #quest-form .quest-form.nav-tabs{
  border-bottom: 1px solid var(--dark_bg5);
}

.dark #quest-form .quest-form li a{
  color: var(--bs-gray-700);
}

.dark #quest-form .quest-form .active > a{
  background: var(--dark_bg3);
  color: var(--bs-text-gray-700);
  border: 1px solid var(--dark_bg5);
  border-bottom: 1px solid transparent;
}

.dark #quest-form .quest-form li:not(.active) a:hover{
  background: var(--dark_bg3);
  color: var(--bs-text-gray-700);
  border-color: var(--dark_bg5);
}

.dark .span6 .controls input,
.dark .span6 .controls select,
.dark .span6 .controls textarea
{
  background: var(--dark_bg4);
  color: var(--bs-text-gray-700);
  border-color: var(--dark_bg5);
}

.dark .table-condensed .month:hover,
.dark .table-condensed .active
{
  background: var(--dark_bg4) !important;
}

.dark .span7 .bs3 button{
  background: var(--dark_bg3);
  color: var(--bs-text-gray-700);
  border-color: var(--dark_bg5);
}

.dark .span7 .bs3 .bs-searchbox .form-control{
  background: var(--dark_bg4);
  color: var(--bs-text-gray-700);
}

.dark .crops-table tbody input{
  background: var(--dark_bg4);
  border-color: var(--dark_bg5);
  color: var(--bs-text-gray-700);
}

.dark .bs3 button{
  background: var(--dark_bg3);
  color: var(--bs-text-gray-700);
  border-color: var(--dark_bg5);
}

.dark .bs3 .dropdown-menu .bs-searchbox input{
  background: var(--dark_bg4);
  color: var(--bs-text-gray-700);
  border-color: var(--dark_bg5);
}

.dark #edit_mlp_livestock .livestock-form .active a{
  background: var(--dark_bg5);
  color: var(--bs-text-gray-700);
  border-color: var(--dark_bg5);
}

.dark #edit_mlp_livestock .livestock-form li a:hover{
  background: var(--dark_bg5);
  color: var(--bs-text-gray-700);
  border-color: var(--dark_bg5);
}

.dark #bulls tbody input{
  background: var(--dark_bg4);
  color: var(--bs-text-gray-700);
  border-color: var(--dark_bg5);
}

.dark #Cows .span12 hr{
  border-top: 1px solid var(--dark_bg5);
  border-bottom: 1px solid var(--dark_bg5);
}
.dark #cows  table tbody tr:nth-child(odd) td{
  background: transparent !important;
}

.dark #turkeys tbody td,
.dark #broilers tbody td,
.dark #chickens tbody td,
.dark #bulls tbody td,
.dark #cows tbody td,
.dark #lamb tbody td,
.dark #ram tbody td,
.dark #Fishery .quest-fish-row table tbody tr td
{
  background: var(--dark_bg2) !important;
}
.dark #Fishery .span7 hr,
.dark #Fishery .quest-fish-row {
  border-color: var(--dark_bg4);
}

.dark .nav-tabs>.active>a,
.dark .nav-tabs>.active>a:hover,
.dark .nav-tabs>.active>a:focus {
  color: var(--bs-text-gray-700);
  background-color: var(--dark_bg3);
  border: 1px solid var(--dark_bg5);
  border-bottom-color: transparent;
}

.dark .nav-tabs>li>a:hover{
  color: var(--bs-text-gray-700);
  background-color: var(--dark_bg3);
  border: 1px solid var(--dark_bg5);
  border-bottom: 1px solid transparent!important;
}

.dark .mlp-table-wrapper table,
.dark .mlp-table-wrapper table td,
.dark .mlp-table-wrapper table th,
.dark #cropoper,
.dark #cropoper td,
.dark #cropoper th,
.dark #cropoper-cap thead,
.dark .financial td,
.dark .financial th,
.dark .table-condensed th,
.dark .table-condensed td
{
  border: 1px solid var(--dark_bg5) !important;
}

.dark .table-condensed{
  border: none;
  border-collapse: collapse;
}

.dark .nav-pills .active a,
.dark .nav-pills li a:hover
{
  background: var(--dark_bg3);
  color: var(--bs-text-gray-700);
}

.dark #cropoper-cap{
  background: var(--dark_bg2) !important;
}

.dark #cropoper thead,
.dark #cropoper-cap thead,
.dark .financial,
.dark .financial thead
{
  background: var(--dark_bg3) !important;
}

.dark .modal{
  background: var(--dark_bg2)
}

.dark .modal .modal-footer{
  background: var(--dark_bg4);
  border-color: var(--dark_bg5) !important;
}

.dark .modal-header .close{
  opacity: 1;
  text-shadow: none;
  color: lightgrey !important;
}

.dark .content #revenue-table a{
  background: var(--dark_bg4);
  border: none;
  text-shadow: none;
  color: var(--bs-text-gray-700);
}

.dark .btn{
  background: var(--dark_bg3);
  text-shadow: none;
  color: var(--bs-text-gray-700);
  border: none;
}

.dark #charTable,
.dark #charTable th,
.dark #charTable td
{
  border: 1px solid var(--dark_bg5) !important;
  border-collapse: collapse;
}

.dark #charTable .active{
  background: var(--dark_bg5);
}

.dark #new-ticket textarea{
  background: var(--dark_bg3);
}

.dark #edit_mlp_bs .btn{
  background: var(--dark_bg5);
  color: var(--bs-text-gray-700);
}

.dark .table-quests tbody tr td:nth-child(3) img{
  -webkit-filter: invert(0.8);
  filter: invert(0.8);
}

.dark i[class^="icon-"]:not(.icon-white){
  -webkit-filter: invert(0.5);
  filter: invert(0.5);
}

.dark .datepicker .table-condensed,
.dark .datepicker .table-condensed td,
.dark .datepicker .table-condensed th
{
  background: var(--dark_bg3) !important;
  border: none !important;
}

.dark .datepicker .datepicker-days .table-condensed thead tr:nth-child(2) th:hover,
.dark .datepicker .datepicker-days .table-condensed tbody td:hover,
.dark .datepicker .datepicker-days .table-condensed tfoot .clear:hover
{
  background: var(--dark_bg4) !important;
}

.dark .datepicker .datepicker-months .table-condensed thead tr:nth-child(2) th:hover,
.dark .datepicker .datepicker-months .table-condensed tbody td .month:hover,
.dark .datepicker .datepicker-months .table-condensed tbody td .focused,
.dark .datepicker .datepicker-months .table-condensed tfoot .clear:hover
{
  background: var(--dark_bg4) !important;
}

.dark .datepicker .datepicker-years .table-condensed thead tr:nth-child(2) th:hover,
.dark .datepicker .datepicker-years .table-condensed tbody td .year:hover,
.dark .datepicker .datepicker-years .table-condensed tbody td .focused,
.dark .datepicker .datepicker-years .table-condensed tfoot .clear:hover
{
  background: var(--dark_bg4) !important;
}

.dark table td .editable {
  background: #816233 !important;
  color: white !important;
}

.dark .content table tbody tr .negative{
  background: #5f1818 !important;
}

.loader_wrapper{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: gray;
}

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}