﻿/*table.dataTable thead tr th.sorting {
    background: url('/Content/images/sort_both.png') no-repeat center right;
}

table.dataTable thead tr th.sorting_asc {
    background: url('/Content/images/sort_asc.png') no-repeat center right;
}

table.dataTable thead tr th.sorting_desc {
    background: url('/Content/images/sort_desc.png') no-repeat center right;
}

table.dataTable thead tr th.sorting_asc_disabled {
    background: url('/Content/images/sort_asc_disabled.png') no-repeat center right;
}

table.dataTable thead tr th.sorting_desc_disabled {
    background: url('/Content/images/sort_desc_disabled.png') no-repeat center right;
}*/

/*.btn-info {
    background-color: #3c8dbc !important;
    border-color: #3c8dbc !important;
}*/

/*@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}
body {
    font-family: RobotoCondensed-Regular !important;
}*/

/*.header .navbar-brand .navbar-logo {
    background-image: url('../images/logo-small.png') !important;
    width: 20px;
    height: 20px;
}*/

.modal-content {
    border: none !important;
}

div .bootstrap-select .btn.btn-light, div .bootstrap-select .btn.btn-white {
    /*color: #111 !important;*/
    background-color: #fff !important;
    border: 1px solid #d5dbe0 !important;
}

div.filter-option-inner-inner {
    font-weight: 400 !important;
    color: #2d353c !important;
}

.text-primary {
    margin-left: 10px;
}

#header {
    background-color: #2d353c;
}

#sidebar {
    background-color: #2d353c;
}

.text-red {
    color: #e32;
}

/*html, body { height: auto }*/

/* On Invalid */
.selectpicker.parsley-error ~ .dropdown-toggle {
    /*border-color: #dc3545 !important;
        color: #dc3545 !important;
        outline: none !important;*/
    /*background: #fff!important;*/
    border-color: #ff5b57 !important;
    color: #2d353c !important;
}

    .selectpicker.parsley-error ~ .dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
    }

/* On valid */
.selectpicker.parsley-success ~ .dropdown-toggle {
    /*border-color: #28a745 !important;
        color: #28a745 !important;
        outline: none !important;*/
    background: #fff !important;
    border-color: #00acac !important;
    color: #2d353c !important;
}

    .selectpicker.parsley-success ~ .dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
    }
/*AUTOCOMPLETE WITH LOADER*/

.ui-autocomplete {
    max-height: 400px;
    /*overflow-y: auto;*/
    /* prevent horizontal scrollbar */
    /*overflow-x: hidden;*/
    overflow: auto;
    max-width: 80%;
    /*position: absolute;
    left: 0;
    top: 100%;*/
    /*background: #fff;
    text-align: left;*/
}

* html .ui-autocomplete {
    /*height: 400px;
    width: 300px !important;*/
}
/*.ui-autocomplete-input {   
    width: 300px !important;
}*/
.ui-autocomplete-loading {
    background: url('../images/loader.gif') no-repeat right center
}

/*END AUTOCOMPLETE WITH LOADER*/

/*TOAST MESSAGES*/
/*#toast-container {
    position: sticky;
    z-index: 1055;
    top: 0
}

#toast-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px
}

#toast-container > #toast-wrapper > .toast {
    min-width: 150px
}

    #toast-container > #toast-wrapper > .toast > .toast-header strong {
        padding-right: 20px
    }*/
/*.bootoast-container {
    width:75% !important;
    margin-top: 100px !important;
}*/

/*#toast-container {
    width: 100%;
    position: center;
    top: 0px;
    z-index: 100000;
    padding: 0;
    font-size: 15px;
}*/

.alert.alert-success {
    background-color: #00a65a !important;
    color: #fff !important;
}

.alert.alert-danger {
    background-color: #dd4b39 !important;
    color: #fff !important;
}

.alert.alert-warning {
    background-color: #f39c12 !important;
    color: #fff !important;
}

.alert.alert-info {
    background-color: #00c0ef !important;
    color: #fff !important;
}

/*END TOAST MESSAGES*/

/*SWEET ALERT*/
.swal-icon.swal-error {
    border-color: #f27474 !important;
}

.swal-footer {
    text-align: center;
}

/*END SWEET ALERT*/


/*DATA TABLES DELETE SORTING */

.fa-edit, .fa-trash {
    font-size: 15px !important;
}

.table thead tr th {
    background-color: #808080; /*#555555*/
    color: #fff;
}

table.dataTable thead tr th.sorting:after {
    /*content: '\21C5' !important;*/
    font-weight: bold;
    color: #fff !important;
}

table.dataTable thead tr th.sorting_asc:after {
    /*content: '\2191' !important;*/
    font-weight: bold;
    color: #fff !important;
}

table.dataTable thead tr th.sorting_desc:after {
    /*content: '\2193' !important;*/
    font-weight: bold;
    color: #fff !important;
}

table.dataTable thead tr th.sorting:after,
table.dataTable thead tr th.sorting_asc:after,
table.dataTable thead tr th.sorting_desc:after {
    margin-left: 10px !important;
}

/*END DATA TABLES DELETE SORTING */

/*FIXED HEADER WITH VERTICAL SCROLL*/

.tblvscroll {
    max-height: 600px; /* Just for the demo          */
    overflow-y: auto; /* Trigger vertical scroll    */
    overflow-x: hidden;
}

/*END FIXED HEADER WITH VERTICAL SCROLL*/

div.dropdown-menu {
    /*transform: none !important;*/
    /*transform: translate3d(5px, 35px, 0px) !important;*/
}

/*.bootstrap-select {
    position: relative !important;
}*/

.bootstrap-select .dropdown-menu {
    /*right: 0 !important;*/
    transform: translate3d(0, 4px, 0px) !important;
}

/*.bootstrap-select .dropdown-menu li a span.text {
            white-space: initial !important;
        }*/
.disabledlink {
    opacity: .4;
    cursor: default !important;
    pointer-events: none;
}
/*05.07.21*/
.sidebar {
    background-color: #077a4e !important;
}

    .sidebar .nav > li.active > a, .sub-menu > li.active > a {
        background: #f89f32 !important;
    }

#header {
    background-color: #fff !important;
}

.sidebar .sidebar-minify-btn {
    background: none !important;
}

.table thead tr th {
    background-color: #077a4e !important;
}

.panel.panel-inverse > .panel-heading {
    background: navy !important;
}

.btn-success {
    background: #f89f32 !important;
}

.btn-back {
    background-color: #ff0080 !important;
    border-color: #ff0080 !important;
    color: #fff !important;
}

.dataTables_wrapper.dt-bootstrap .dataTables_paginate .pagination .paginate_button.active a, .dataTables_wrapper.dt-bootstrap4 .dataTables_paginate .pagination .paginate_button.active a {
    background: #f89f32 !important;
    border-color: #f89f32 !important;
}

.login.login-with-news-feed .news-feed {
    right: 430px !important; /*0 px*/
}

.login.login-with-news-feed .right-content {
    width: 436px !important;
    padding: 35px !important;
}

.login.login-with-news-feed .news-feed .news-caption {
    /*bottom:150px !important;*/
}

hr {
    /*color: #fff !important;
    border: 2px !important;*/
    background: #fff !important;
}

.login.login-with-news-feed .news-feed .news-caption {
    padding: 60px 317px 30px !important;
}

.dashboard-heading {
    border-bottom: 2px solid #111;
    background: navy;
    color: #fff;
    padding: 10px;
}

.form-control + .input-group-addon {
    color: #f89f32 !important;
}

.tick-success {
    color: #32a932;
    font-size: 28px;
}

.btn-custom-padding {
    padding: 8px !important;
}


.btn-radius {
    cursor: pointer;
    width: 70px !important;
    border-radius: 40px !important;
}

.btn-manage {
    cursor: pointer;
    width: 120px;
    height: auto;
    font-size: 10px !important;
    border-radius: 40px !important;
}

font-bold {
    font-weight: bold;
}

.exportSVG {
    display: none;
}

/*.modal-footer {
    justify-content: flex-start !important;
}*/

/*print GA ChickList Details*/

table {
    font-size: 12px !important;
}

.tblborder thead th, .tblborder tbody tr td {
    border-right: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
}

.tblborder {
    border-collapse: collapse;
    border-style: hidden;
}

.trborder {
    border: 1px solid !important;
}

.font-small {
    font-size: 10px;
}

.valigntop {
    vertical-align: top;
}

.no-padding {
    padding: 0px !important;
}

label {
    font-weight: 400;
}

h4 {
    margin-bottom: 3px;
    margin-left: 3px;
}
