/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */



/* css by satyaban */

html body:not(.menu-expanded) .content {
    margin-left: 0 !important;
}

html body:not(.menu-expanded) .content.app-content {
    padding: 2rem !important;
    min-height: calc(100% - 1rem) !important;
        padding-top: 5.5rem !important;
}
thead tr td:empty {
    padding: 0 !important;
}
table#lora_network_data thead tr:nth-child(2) {
    display: none;
}
table.dataTable td {
    font-size: 0.910rem;
}

@media (min-width: 1200px) {
    .horizontal-layout.navbar-floating .header-navbar-shadow {
        top: 0;
    }
}

/*h2.brand-text {
    color: #7367f0;
    padding-left: 1rem;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 0.01rem;
    font-size: 1.45rem;
    -webkit-animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
    animation: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s normal forwards 1 fadein;
}

.navbar-expand-lg .navbar-nav,
.navbar-expand-lg .navbar-nav .nav-item {
    width: 100%;
}

.navbar-expand-lg .navbar-nav .nav-item a.navbar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0;
}
.navbar-header.d-xl-block.d-none.expanded {
    width: 100%;
    flex-basis: 100% !important;
}
.header-navbar .navbar-container {
    flex-basis: 0% !important;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navbar-header {
    display: none;
}

.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .main-menu-content {
    margin-top: 20px;
}*/

.table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th input {
    margin-top: 8px;
    height: 2.142rem;
    padding: 0.188rem 0.857rem;
    font-size: 0.857rem;
    line-height: 1;
    border-radius: 0.357rem;
    color: #181a47;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #d8d6de;
    border-radius: 0.357rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    width: 130px;
    display: block;
}

table.dataTable td:nth-child(7) {
    word-break: break-word;
    white-space: normal;
}

.table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th input:focus {
    color: #181a47;
    background-color: #fff;
    border-color: #95c11f;
    outline: 0;
    box-shadow: 0 3px 10px 0 rgb(34 41 47 / 10%);
}

table.dataTable td, table.dataTable th {
    /*padding: 0.72rem 0 0.72rem 1.5rem;*/
    padding: 0.72rem 0 0.72rem 1rem !important;
    vertical-align: top;
    font-size: 0.721rem !important;
    letter-spacing: 0.3px !important;
}

table.dataTable td:last-child, table.dataTable th:last-child {
    padding-right: 1.5rem;
}
table.dataTable td:last-child, table.dataTable td:last-child select.form-control {
    width: 130px;
}


.horizontal-menu .header-navbar.navbar-brand-center .navbar-header {
    left: calc(50% - 132px);
}



.daterangepicker td.in-range{
    background-color: #e6f4bd;
}

.daterangepicker td.active, .daterangepicker td.active:hover{
    background-color: #95c11f;
}

.inline_add_text{
    height:35px;
    width:100%;
}
tr#new_emp_add td[colspan="5"] {
    padding: 0;
}

.photoBtn{
    height:40px;
    min-width: 100px!important;
}

.custom-switch .custom-control-label::before{
    background-color: #ea5455;
}

.positive_sign,.negetive_sign{
    font-size:25px;
    
}

.negetive_sign{
    color: #ff0000;
    padding-right: 3px;
}

.positive_sign{
    color: #27AE60;
}

.customSwitch1_label{
    font-size: 14px;
    line-height:20px;
}

.reschedule_dropdown{
    display:inline-block;
    margin-right:15px;
    max-width:130px;
    cursor:pointer;
}

.reschedule_dropdown_close{
    color:red;cursor:pointer;
}

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.table#taskschedule_table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th input {
width: 60px!important;
}

.table#supervisor_dashboard:not(.table-dark):not(.table-light) thead:not(.thead-dark) th input {
    width: 100px!important;
    }
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    width: 90px;
}

.select2-container--default .select2-selection--multiple{
    width: 105px;
}

.select2-container--default .select2-selection--multiple{
    min-width: 100px;
}

table.dataTable th span {
    display: inline-block;
    min-height: 35px;
}

.cont-justify {
    display: flex;
    justify-content: space-between;
}
.cont-justify ul:last-child li a {
    margin-right: 0 !important;
    background: transparent !important;
    color: #181a47 !important;
    box-shadow: 0px 0px 6px 1px #f2f2f2 !important;
}
.cont-justify ul:last-child li a svg {
    margin-right: 0 !important;
}

.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4), .input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu), .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.hide_div{
    display:none;
}


@media (max-width: 767px) {
	.horizontal-menu .header-navbar.navbar-brand-center .navbar-header {
	    left: calc(50% - 112px);
	    display: block !important;
	}

	.vertical-overlay-menu .header-navbar .navbar-header {
	    display: block !important;
	}

	.vertical-overlay-menu .header-navbar .navbar-header {
	    position: absolute;
	    left: calc(50% - 132px);
	    padding: 0;
	    z-index: 1000;
	}
	table.dataTable td, table.dataTable th {
	    vertical-align: top;
	}
	table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
	    line-height: 1.15em;
	    background-color: #181a47;
	}
	table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
	    background-color: #95c11f;
	}
	table.dataTable.dt-column-search > thead > tr:last-child td{
	    padding: 0 !important;
	}
	.page-item .page-link {
		padding: 0.4rem 0.3rem;
		min-width: 2rem;
	}
    .drag-target {
        width: 6px;
    }
    .content-body section div.col-12 {
        padding: 0 0.5rem;
    }
    html body:not(.menu-expanded) .content.app-content {
        padding: 1.5rem 1.1rem !important;
        padding-top: 5.2rem !important;
    }
    table.dataTable td {
        font-size: 0.75rem;
        /*word-break: break-word;*/
    }
    table.dataTable td, table.dataTable th {
        padding: 0.72rem 0 0.72rem 1.1rem;
        font-size: 0.77rem;
        color: #000000;
        text-transform: capitalize;
    }
    table.dataTable td:last-child span a {
        display: inline-block;
        margin-top: 8px;
    }
    /*.table:not(.table-dark):not(.table-light) thead:not(.thead-dark) th input {
        width: 115px;
        display: none;
    }*/
    table.dataTable td:last-child button {
        font-size: 0.80rem;
        padding: 0.73rem 0.74rem;
    }
    table.dataTable td:last-child, table.dataTable th:last-child {
        padding-right: 0rem;
    }

    /*table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before {
        left: 0.1rem;
        right: auto;
    }
    table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after {
        left: 0.1rem;
        right: auto;
    }*/

    .filter-sec {
        margin-top: 1rem;
    }

    .filter-sec .mb-02 {
        margin-bottom: 1.2rem;
    }

    .filter-sec .text-right {
        text-align: left !important;
    }

    .filter-sec select.form-control {
        width: 100%;
    }
    .cont-justify {
        display: block !important;
        justify-content: space-between;
    }

    .main-menu.menu-light .navigation > li.open:not(.menu-item-closing) > a, .main-menu.menu-light .navigation > li.sidebar-group-active > a {
        background: linear-gradient(118deg, #95c11f , #b3df3a) !important;
        box-shadow: 0px 0px 6px 1px #d5ed91 !important;
        color: #fff;
        border-radius: 6px;
    }
    .cont-justify ul:last-child li a svg {
        margin-right: 14px !important;
    }
    .main-menu.menu-light .navigation li.nav-item a:hover > * {
        transition: transform 0.25s ease;
        transform: translateX(0);
    }
    .cont-justify ul:last-child li a {
        margin-right: 15px !important;
        box-shadow: none !important;
    }
    .main-menu.menu-light .navigation span.hide_div {display: inline-block;}
    tr#new_machine_add span:last-child {
        margin-left: 10px !important;
    }
    /*.card-body {
        padding: 0 0.5rem;
    }
    .card {
        margin-bottom: 0rem;
    }*/
    footer.footer.footer-light span {
        text-align: center;
    }
    .card-header.border-bottom h4 {
        margin-bottom: 20px !important;
    }
    table.dataTable td:last-child, table.dataTable td:last-child select.form-control {
        white-space: nowrap;
        width: auto!important;
    }
    .main-menu.menu-light .navigation > li.active > a {
        background: linear-gradient(118deg, #95c11f , #b3df3a) !important;
        box-shadow: 0px 0px 6px 1px #d5ed91 !important;
        color: #fff;
        font-weight: 400;
        border-radius: 4px;
        display: block !important;
    }
    .main-menu .navbar-header .modern-nav-toggle .text-primary {
        color: #20224e !important;
    }
    .form-group .text-right {text-align: left !important;}
    .navigation li {
        margin-bottom: 20px !important;
    }
    .badge.badge-up {
        top: -7px;
        right: 10px;
        font-size: 0.9rem;
    }
}




/* Comment photo video slider css */

.main-slider {
  position: relative;
  width: 100%;
  height: 19vw;
  min-height: 10vw;
  margin-bottom: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all 1.2s ease;
}
.main-slider.slick-initialized {
  opacity: 1;
  visibility: visible;
}
.main-slider .slick-slide {
  position: relative;
  height: 18.5vw;
}
.main-slider .slick-slide video {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
}
.main-slider .slick-slide .slide-image {
  opacity: 0;
  height: auto;
  background-size: cover;
  background-position: center;
  transition: all 0.8s ease;
}
.main-slider .slick-slide .slide-image.show {
  opacity: 1;
}
.main-slider .slick-slide .image-entity {
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.main-slider .slick-slide .loading {
  position: absolute;
  top: 44%;
  left: 0;
  width: 100%;
}
.main-slider .slick-slide.slick-active {
  z-index: 1;
}
.slick-prev, .slick-next {
    top: 48%;
    z-index: 99;
}
.slick-prev {
    left: 0;
}
.slick-next{
    right: 0;
}
.slick-prev:before, .slick-next:before {
  color: red;

}
.slick-dots li button:before {
    display: none;
}


.main-slider .slick-dots {
  text-align: center;
  padding-top: 15px;
}
.main-slider .slick-dots li {
  display: inline-block;
  vertical-align: top;
  margin: 0 8px;
}
.main-slider .slick-dots li button {
    width: 16px;
    height: 16px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    border: 2px solid #010001;
    box-shadow: 0 0 0 0 transparent;
    vertical-align: middle;
    color: #010001;
    background-color: #010001;
    transition: all 0.3s ease;
    opacity: 0.4;
}
.main-slider .slick-dots li button:focus {
  outline: none;
}
.main-slider .slick-dots li button:hover {
  opacity: 1;
}
.main-slider .slick-dots li.slick-active button {
  border-color: #2d3042;
  box-shadow: 0 0 0 2px #fff;
  opacity: 1;
}

.wrap-modal-slider {
  /*padding: 0 30px;*/
  opacity: 0;
  transition: all 0.3s;
}

.wrap-modal-slider.open {
  opacity: 1;
}

@-webkit-keyframes slideIn {
  from {
    filter: blur(15px);
  }
  to {
    filter: blur(0);
  }
}

@keyframes slideIn {
  from {
    filter: blur(15px);
  }
  to {
    filter: blur(0);
  }
}
@-webkit-keyframes slideOut {
  from {
    filter: blur(0);
  }
  to {
    filter: blur(15px);
  }
}
@keyframes slideOut {
  from {
    filter: blur(0);
  }
  to {
    filter: blur(15px);
  }
}

/* Comment photo video slider css */

.flex-direction-nav a:before {
    font-size: 30px !important;
}
.flex-direction-nav .flex-prev {
    left: 10px !important;
}
.flex-direction-nav .flex-next {
    right: 10px !important;
    text-align: right;
}
/*.flex-direction-nav a {
    opacity: 0 !important;
}*/
.flexslider {
    margin: 0 0 50px;
}

tr.out_of_range{
    background-color: #F5B7B1!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -5px;
    margin-top: 5px;
    padding-right: initial !important;
}

.amc .select2-container--default .select2-selection--multiple {
    width: 100%!important;
}

input#AMCNoOfDays, input#AMCHour {
    padding: 0.438rem 0.2rem !important;
}