.layout-sidebar-large .sidebar-left-secondary {z-index:98 !important}
.ml-20{margin-left:20px !important;}
.mr-20{margin-right:20px !important;}
.pt-10{padding-top:10px !important;}
.pl-10{padding-left:10px !important;}
.pr-10{padding-right:10px !important;}
.main-content-wrap{margin-top: 60px;}
.nav-item{position: relative;}
ul.childNav {display: none;position: fixed;max-width: 120px;}
.nav-item:hover ul.childNav {display: block;position: absolute;left: 118px;background: #fff;min-width: 220px;width: 100%;padding: 0px;top: 0;insert:0 auto auto 0;z-index: 9;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.childNav .nav-item{padding: 9px 10px;}
.pointer {cursor: pointer;}
.card-img-preview-thumbnail {width:40px; height: 40px;object-fit: cover;}
/**/
.markerSoftblue { background: #54a2dd !important; }.markerRed { background: #ff1616 !important; }.markerLime { background: #7ed957 !important; }.markerViolet { background: #8c52ff !important; }.markerOrange { background: #ff914d !important; }.markerBlack { background: #000000 !important; }
.livestock_nav_tabs.nav-justified .nav-item .nav-link span.tab_title {order: 2;}
.livestock_nav_tabs.nav-justified .nav-item .nav-link span.badge {
    background-color: transparent;color: #367c2b;font-size: 26px;font-weight: 900;
}
.livestock_nav_tabs.nav-justified .nav-item .nav-link {
    border-bottom: 2px solid #367c2b;display: flex;
    flex-direction: column;align-items: center;padding: 10px 10px;height: 100%;border-radius: 0;border-top: 2px solid #fff;transition: all 0.5s ease;
}
.livestock_nav_tabs.nav-justified .nav-item .nav-link.active {
    background-color: #e5eaf1;border-bottom: 2px solid #e5eaf1;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #367c2b;border-top: 2px solid #367c2b;border-left: 2px solid #367c2b;border-right: 2px solid #367c2b;
}
.livestock_nav_tabs.nav-justified .nav-item .nav-link.active span.badge {background-color: transparent;}
/**/
.card-img-overlay .card-footer {left: 8px;}
.nav-tabs .nav-item .nav-link {border: 0;padding: 11px;}
.header-part-right .header-icon-a {padding: 0 0px;}
.header-part-right .header-icon-a img {max-width: 20px !important;height: 25px !important;}
input.disabled{pointer-events: none;cursor: not-allowed !important;}
.validation-errors{width:100%;margin-top:0.25rem;font-size:80%;color:#f44336;}
.invalid-field{border:1px solid #f44336;}
.auth-header{height:60px;box-shadow:0 1px 15px rgba(0, 0, 0, .04), 0 1px 6px rgba(0, 0, 0, .04);background:#fff;z-index:100;width:100%;}
.auth-header .logo, .main-header .logo{font-size:22px;color:#367C2B;}
.auth-header .logo span, .main-header .logo span{font-weight:700;}
.auth-layout-wrap .auth-custom-content{max-width:660px;}
.auth-register-content{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.bg-light-custom{background-color:#f5f5f5;}
.parsley-errors-list{margin:0;padding:0;}
.loading{text-align:center;position:fixed;width:100%;left:0;right:0;margin:auto;top:0;height:100vh;background:rgba(255, 255, 255, 0.75);z-index:1050;}
.loading .loader{position:absolute;top:calc(50vh - 50px);left:0;right:0;margin:auto;}
.parsley-errors-list>li{font-size:12px;list-style:none;color:#ec536c;margin-top:5px;}
.sw-theme-dots>ul.step-anchor>li.active>a:after{background:#FFDE00 !important;}
.btn-yellow{color:#47404f;background-color:#FFDE00;border-color:#FFDE00;}
.btn-yellow:hover{background:#FFDE00;box-shadow:0 8px 25px -8px #FFDE00;border-color:#FFDE00;}
.profile-img-container{position:relative;width:100%;max-width:80px;margin-top:5px;}
.profile-img-container .remove-profile-icon, .remove-image{position:absolute;top:0%;left:100%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);color:#ec536c;font-size:16px;}
.cptch-container{max-width:250px;}
.span-flex{display:flex;}
.table-yellow{background-color: #FFDE00;color: #47404f;}
.layout-sidebar-large .main-header .record-group{width: 15%;}
.disable{cursor: not-allowed;pointer-events: none;color: #c0c0c0 !important;}
a.morelink {text-decoration:none;outline: none;}
.morecontent span {display: none;}
input.error {border-color: #f44336;}select.error {border-color: #f44336;}label.error{color: #f44336 !important;}
.select2-container--default .select2-selection--single {background-color: #fff;border: 1px solid #aaa;border-radius: 4px;background: #f8f9fa;border: 1px solid #ced4da;font-size: .813rem;}
.addNewProduct:hover{box-shadow: none!important;color: black!important;}
.addNewProduct:focus{color: #665c70!important;background-color: #fff!important;border-color: #337c2bd1!important;outline: 0!important;box-shadow: 0 0 0 0.2rem #4caf5042!important;}
.addNewProduct{border-radius: 0px 4px 4px 0px !important;}
.layout-sidebar-large .sidebar-left .navigation-left {margin-bottom: 45px !important;}
/*.datepicker .datepicker-days {padding: 0px 5px; }.datepicker .table-condensed{width: 250px; height: 250px;}*/
.separator-breadcrumb {margin-bottom: 1rem !important;}
.layout-sidebar-large .sidebar-left-secondary, .layout-sidebar-large .sidebar-left {height: calc(100vh - 80px);overflow-y: auto;overflow-x: hidden;}
.layout-sidebar-large .sidebar-left-secondary, .layout-sidebar-large .sidebar-left::-webkit-scrollbar-track {border-radius: 10px;background-color: #dfdfdf;overflow-x: auto}
.layout-sidebar-large .sidebar-left-secondary, .layout-sidebar-large .sidebar-left::-webkit-scrollbar {width: 6px;height: 6px;background-color: #F5F5F5;overflow-x: auto;}
.layout-sidebar-large .sidebar-left-secondary, .layout-sidebar-large .sidebar-left::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: rgb(207, 207, 207);overflow-x: auto;}

.select2-selection--multiple:before {content: "";position: absolute;right: 7px;top: 42%;border-top: 5px solid #888;border-left: 4px solid transparent;border-right: 4px solid transparent;}
.select2-container .select2-selection--single { height: 34px !important; }.select2-selection__arrow { height: 34px !important; }select.form-control { -webkit-appearance: auto !important; }
.layout-sidebar-large .main-header .header-part-right .user img{min-width: 36px;max-width: 36px;width: 100%;}

.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text{display: contents;}
/* .layout-sidebar-large .sidebar-left .navigation-left .nav-item:last-child{padding-bottom: 30px;} */
.layout-sidebar-large .side-content-wrap .sidebar-left .ps__rail-y{display: none !important;}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .feather, .layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon{display: contents;}
.layout-sidebar-large .sidebar-left .navigation-left{text-align:left !important;margin-left: 8px;}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon {font-size:24px;}
.nav-item-hold img{width: 24px;margin: 0 auto 11px;}
.nav-item-hold img{margin: 0 auto 6px !important;}
.childNav .nav-item a img{width: 25px !important;}.nav-item a img{width: 30px;}

button:disabled {cursor: not-allowed;pointer-events: all !important;}select:disabled {cursor: not-allowed;pointer-events: all !important;}
@media (max-width:991px){.auth-header .navbar-toggler-icon{display:block;width:25px;height:2px;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%;margin-top:4px;background:#52495a;}
.auth-header .navbar .navbar-collapse{background-color:#fff;width:100%;margin:12px -16px 0;box-shadow:0px 7px 10px 0px rgb(0 0 0/0.25);}
.auth-header .navbar>.container{max-width:100%;}
.auth-header .navbar button.navbar-toggler:focus{outline:none;}
.auth-header .navbar .navbar-collapse ul.navbar-nav li.nav-item a{padding:8px 16px;text-align:left;}
.main-content-wrap .vertical-menu{
	margin-bottom: 20px;
    width: 100%;
}
}
@media (max-width:1320px){
	.main-content-wrap .vertical-menu{width: 100%;}
}
@media (max-width:576px){.main-header .logo{width:80px !important;font-size:18px;padding-left:0px !important;}
#customers_table_filter, #records_table_filter{text-align:left !important;}.layout-sidebar-large .main-header .record-group{width: 35%;}
.main-content-wrap { margin-top: 110px;}.record-group{position: absolute;top: 60px;width: 96% !important;}.record-group-left{position: absolute;top: 95px;width: 50%;background-color: #fff;box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);}.record-group-right{position: absolute;top: 95px;width: 50%;margin-left: 187px;background-color: #fff;box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);}.record-group lable{ display: none;}
	.record-group-wrap{box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);top: 98px;position: absolute;width: 96%;background-color: #fff;}
	.record-group-right,.record-group-left{box-shadow: none;width: 128px;position: unset;margin-left: inherit;}.record-group {top: 61px;}.record-group span.select2-container {width: 100% !important;}

	.layout-sidebar-large .main-header .record-group{
		position: relative;
		top: -5px;
	}
	.sidebar-left, .sidebar-left-secondary{top: 130px!important;}
	.dashboard-tabs.d-flex {flex-wrap: wrap;gap: 10px;flex-direction: column-reverse;}
    .dashboard-tabs.d-flex .nav-tabs .nav-item .nav-link{padding: 0 1rem 10px 0.5rem;}
    .dashboard-tabs.d-flex .btn{margin-top: 10px;}
    .layout-sidebar-large .sidebar-left, .layout-sidebar-large .sidebar-left-secondary{top:60px !important;}
    .layout-sidebar-large .sidebar-left.open{top: 130px!important}
    .order2{order: 2}
    .order1{order: 1}
}
@media (max-width:445px){.layout-sidebar-large .main-header{padding: 0 0.5rem;}.layout-sidebar-large .main-header .record-group{width: 25%;}.layout-sidebar-large .main-header font{margin: 2px 5px!important;position: absolute;top: 0;}
	/*.layout-sidebar-large .main-header select{margin-top: 25px;}	*/
	.navigation-left li a i, .navigation-left li a img{display: none !important;}
    .layout-sidebar-large .sidebar-left .navigation-left {text-align: initial !important;}
	.navigation-left li span {padding-left: 10px;}
	.layout-sidebar-large .sidebar-left .navigation-left .nav-item{line-height: 30px;}
	.layout-sidebar-large .sidebar-left.open, .layout-sidebar-large .sidebar-left-secondary{top:126px !important;}

    .record-details-card{min-height: auto !important}
    .layout-sidebar-large .sidebar-left-secondary, .layout-sidebar-large .sidebar-left {height: calc(100vh - 110px);}
}
@media (max-width:320px){.main-header .logo{width: 60px!important;}.main-header .menu-toggle{width: 20px!important;}.layout-sidebar-large .main-header .record-group{width: 20%!important;}}
@media (max-width:360px){.main-header .logo{width: 70px!important;}.layout-sidebar-large .main-header .record-group{width: 25%;}
.main-header .logo {width: 60px!important;}.layout-sidebar-large .main-header .record-group {width: 96%!important;}
}

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: portrait) {
    .nav-item a img {
        width: 30px !important;
    }
}

@media only screen and (min-width: 820px) and (max-width: 1180px) and (orientation: landscape) {
    .nav-item a img {
        width: 30px !important;
    }
}

@media (max-width:768px){.nav-item a img{width: 30px; } .childNav .nav-item{padding: 11px 10px;}}
@media only screen and (max-width: 1024px){
.layout-sidebar-large .main-header .menu-toggle{width: 28px;margin: 0 5px !important;}.layout-sidebar-large .main-header .record-group{flex-wrap: initial !important;}.layout-sidebar-large .main-header .header-part-right .user{margin: 0 !important;}
.layout-sidebar-large .main-header .record-group .select2.select2-container {width: initial !important;}

}
/*@media (min-width:576px){.auth-register-content{max-width:540px;}.layout-sidebar-large .main-header .record-group{width: 25%;}
}*/
@media (min-width:991px){.auth-register-content{max-width:990px;}.layout-sidebar-large .main-header .record-group{width: 20%;}
}
@media only screen and (max-width: 768px){
            .layout-sidebar-large .main-header .record-group .select2.select2-container{
                width: 100% !important;
            }
            .layout-sidebar-large .main-header .record-group{
                width: 100%;
                flex-wrap: unset !important;
                margin-top: 5px;
                margin-bottom: 5px;
            }
            .layout-sidebar-large .main-header .record-group lable{
                display: none;
            }
            .layout-sidebar-large .main-header{
                height: auto;
                padding-bottom: 5px;
                padding-left: 10px;
                padding-right: 10px;
            }
            .layout-sidebar-large .main-header .logo.pl-4 {
                padding-left: 0 !important;
            }
        }
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    .layout-sidebar-large .sidebar-left .navigation-left{
        width: 124px;
    }
    .nav-item a img {
        width: 30px !important;
    }
    .modal.show .modal-dialog{
		max-width: 90% !important;
	}
}
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
    .nav-item a img {
        width: 30px !important;
    }
    .layout-sidebar-large .sidebar-left .navigation-left{
        width: 130px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
/*	.record-group-wrap{width: 128px;}.layout-sidebar-large .main-header .header-part-right .user{padding: 0 5px;}.record-group-right, .record-group-left {margin: 0;}.layout-sidebar-large .main-header .record-group {width: 28%;}.layout-sidebar-large .main-header .record-group .select2-container{width: 165px !important;max-height: 70px;overflow: auto;}*/
	.record-group-wrap{width: 128px;}.layout-sidebar-large .main-header .header-part-right .user{padding: 0 5px;}.record-group-right, .record-group-left {margin: 0;}.layout-sidebar-large .main-header .record-group .select2-container{width: 165px !important;max-height: 70px;overflow: auto;}
    .record-details-card{min-height: auto;}
}
@media only screen and (max-width: 1366px){
	.table-repsonsive .table td .form-control, .table-repsonsive .table th .form-control{width: 150px;}.table-repsonsive {overflow-x: auto;}
    .manage_widget_modal_dialog{max-width: 60% !important}
}
@media (min-width:991px){#main-menu{padding-left:15px;}.layout-sidebar-large .main-header .record-group{width: 18%;}
}
@media (min-width:992px){.auth-register-content{max-width:960px;}.layout-sidebar-large .main-header .record-group{width: 18%;}
}
/**/
@media only screen and (max-width: 991.5px) {
    .list-group.collapse.show {
        display: block !important;
        background: #ffffff;
        box-shadow: inset 0px 10px 40px 0px rgb(0 0 0 / 0.1);
    }
    .livestock_nav_tabs {flex-direction: column;}
    .livestock_nav_tabs.nav-justified .nav-item {margin-bottom: 0;}
    .livestock_nav_tabs.nav-justified .nav-item .nav-link {
        display: block;
        padding: 12px 10px;
        text-align: left;
        border-top: none;
    }
    .livestock_nav_tabs.nav-justified .nav-item .nav-link.active {
        background-color: #367c2b;
        border: none;
        border-radius: 0;
        color: #fff;
        text-align: left;
    }
    .livestock_nav_tabs.nav-justified .nav-item .nav-link.active span.badge {background-color: #fff;color: #2b3a4a;}
    .livestock_nav_tabs.nav-justified .nav-item .nav-link span.badge {background-color: #2b3a4a;color: #fff;font-size: 75%;}
}
/**/
@media (min-width:1024px){.auth-layout-wrap.medium-block .auth-custom-content{min-width:460px;max-width:460px;} .layout-sidebar-large .main-header .record-group{width: 30%;}
}
@media (min-width:1200px){.auth-register-content{max-width:1140px;}
	.sidebar-left, .sidebar-left-secondary{top: 80px!important;}
    .navigation-left .nav-item:nth-child(1n + 14) ul.childNav{top: auto;bottom: 0;}
}

@media (max-width: 776px){
	.sidebar-left, .sidebar-left-secondary {
	    top: 65px!important;
	}
}

@media only screen and (max-width: 991.98px){
	.navigation-left .nav-item:nth-child(1n + 11) ul.childNav{
		top: auto;
		bottom: 0;
	}
}

@media only screen and (max-width: 580px){
	.modal.show .modal-dialog{
		max-width: 100% !important;
	}
}