body {
    font-family: 'Poppins', sans-serif;
    background: #fafafa;
}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active
{
    outline:0px !important;
    -webkit-appearance:none;
    box-shadow: none !important;
}

.btn-info{
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.navbar {
    width: 100%;
    z-index: 1;
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.main {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    color: #fff;
    transition: all 0.3s;
    height: 100vh;
    background: #13407E;
    z-index: 2;
}

.table-responsive{height: calc(100vh - 70px); overflow-y: scroll;scroll-behavior: smooth;}
.table-title-top-space{height: calc(100vh - 127px);}

.custom-btn{
    font-size: 15px;
    font-family: 'Red Hat Text', sans-serif;
    font-weight: 500;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 25px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    line-height: 1;
    color: #ffffff;
}

.bg-color{background: #13407E;}

.button-color, button{
    background:#4087ea;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: transparent;
}

#sidebar ul.components {
    padding: 20px 0;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
    color:#fff;
    text-decoration: none;
}

#sidebar ul li a:hover {
    color: #fff;
    background:rgba(255, 255, 255, 0.15);
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: rgba(255, 255, 255, 0.15);
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    height: 100vh;
    transition: all 0.3s;
    overflow-y: hidden;
}

.table-wrapper {
    width: 100%;
    margin: 0px auto;
    background: #fff;
    padding: 20px;  
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.table-title {
    position: relative;
    width: 100%;
    padding: 12px 15px;
    background-color: #ffffff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    z-index: 1;
}
.table-title h2 {
    margin: 6px 0 0;
    font-size: 22px;
}
.table-title .add-new i {
    margin-right: 4px;
    font-size: 13px;
}

table.table {
    table-layout: fixed;
}
table.table tr th, table.table tr td {
    border-color: #e9e9e9;
}
table.table th i {
    font-size: 13px;
    margin: 0 5px;
    cursor: pointer;
}
table.table th:last-child {
    /* width: 100px; */
}
table.table td a {
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    min-width: 24px;
}    
table.table td a.add {
    color: #27C46B;
}
table.table td a.edit {
    color: #FFC107;
}
table.table td a.delete,table.table th a.delete {
    color: #E34724;
}
table.table td i {
    /* font-size: 14px; */
}
table.table td a.add i {
    font-size: 24px;
    margin-right: -1px;
    position: relative;
    top: 3px;
}    

table.table .form-control.error {
    border-color: #f50000;
}
table.table td .add {
    display: none;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}
input.form-control{
    border-radius:5px;background:white;height:36px;outline:none !important;
}
.form-control:disabled, .form-control[readonly]{background:inherit;}
.form-control.search{max-width: 250px;margin-right: 15px;}
.master_form input{outline:none;}
.master_form .bootstrap-select>.dropdown-toggle{box-shadow:0 0 1px 0 rgba(0,0,0,0.5)!important;background:white !important;border-radius:5px; border:none !important;outline:none !important;}

table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

table caption {
  font-size: 1.5em;
  margin: 0.5em 0 0.75em;
}

table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: 0.35em;
}

table th,
table td {
  padding: 0.625em;
  text-align: center;
}

table th {
  font-size: 0.85em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */


/*view report */

.createReport{
}

table#machine tr th,  table#machine tr td{width:auto;}
#sidebarCollapse span{display:block !important;}
.view_report #details .btn-group{display:none !important;}
.view_report .textarea{width:100%;height:150px;border:1px solid lightgray;}
.view_report #fileList1,.view_report #fileList2{padding-top:10px;white-space: nowrap;overflow-y: scroll;max-height:200px;font-weight:bold;}
.view_report #fileList1 span, .view_report #fileList2 span{margin-left:10px;color:red;cursor:pointer;}
.view_report .textarea{height:150px;}
.view_report .table-responsive {height: 100vh;}
.disabledachor{pointer-events:none;cursor:not-allowed !important;}
.view_reports table.table tr th, .view_reports table.table tr td{width:100px;}

table .nice-select{padding-left: 10px;padding-right: 22px; right: 0;min-width: 100%;}
.navbar .btn.btn-dark{    
    color: #fff;
    background-color: #476ce7;
    border-color: #476ce7;
}
.navbar .fas.fa-align-justify::before{
    content: '\f007'; 
    font-family: FontAwesome;
    font-style: normal;

}
.master_form .btn-info{
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.siteLogo{
    width: 160px;
    height: 160px;
    background-color: #ffffff;
    border-radius: 50%;
    padding: 15px;
    margin: auto;
}

.siteLogo img{
    max-width: 100px;
    margin: auto;
    display: block;
}
#sidebarCollapse.custom-btn{
    padding: 8px 10px;
    border-radius: 3px;
    font-size: 20px;
}
#login-btn{
    font-size: 18px;
    color: #2e2e2e;
    font-weight: 600;
    text-decoration: none !important;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

#login-btn:hover{
    color: #476CE7;
}
.table thead th{border-bottom: 1px solid #dee2e6;}

button[title='Remove Current Row'] .fas.fa-times, button[title='Insert Row Above'] .fas.fa-reply{width: 36px;height: 36px;background-image: url(../img/delete.png);background-repeat: no-repeat;background-size: 100%;border-radius: 50%;font-size: 0;}
button[title='Insert Row Above'] .fas.fa-reply{background-image: url(../img/insert-above-row.png);}

.btn-group-sm>button[title='Remove Current Row'], .btn-group-sm>button[title='Insert Row Above']{
    padding: 0;
    font-size: 0;
    line-height: 1;
    border-radius: 0;
    border: none;
}
.btn-group-sm>button[title='Insert Row Above']{margin-right: 6px;}
.btn-group-sm>button[title='Insert Row Above']:not(:disabled):not(.disabled).active, .btn-group-sm>button[title='Insert Row Above']:not(:disabled):not(.disabled):active{
    background-color: transparent !important;
    border-color: transparent !important;
}

.btn-group-sm>button[title='Remove Current Row'].btn-outline-secondary:hover, .btn-group-sm>button[title='Insert Row Above'].btn-outline-secondary:hover{background-color: transparent !important}
.table-sm td, .table-sm th{padding: 10px 6px;}
.btn-group-sm>button[title='Remove Last Row']{display: none;}

.btn-group-sm>button[title='Append Row'].btn.btn-outline-secondary{
    font-size: 15px;
    font-family: 'Red Hat Text', sans-serif;
    font-weight: 500;
    padding: 10px 20px;
    display: inline-block;
    border-radius: 25px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    line-height: 1;
    color: #ffffff;
    background: #13407E;
} 
.btn-group-sm>button[title='Append Row'].btn.btn-outline-secondary i{margin-right: 6px; font-size: 12px;}
.btn-group-sm>button[title='Append Row'].btn.btn-outline-secondary:after {
    content: "add row";
}
.nice-select .list{width: 100%;}

/* popup code start */

.modal-title{color:#000000; text-transform:uppercase;}
.modal-header{border-bottom:0;padding-bottom: 0;}
.modal-header .close {color: #000000;text-shadow: none;opacity: 1 !important;position: absolute;top: 0;right: 0;background-color: #ffffff;width: 36px;height: 36px;padding: 0;line-height: 36px;text-align: center;border-radius: 50%;font-weight:normal;font-size:28px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.3) !important;z-index: 1;}
.modal-dialog{max-width: 500px;    padding: 10px;}
.modal-content{border-radius:15px;border: none;    padding: 5px 12px;}
.modal-header .close{padding: 0;}
button.close{background-color: rgba(255,255,255,0.9);}
/* popup code end */
table.dataTable{border: 1px solid #dee2e6;}
table.dataTable th{border-bottom: 1px solid #dee2e6;}
table.dataTable td{background: #ffffff;}
.page-item.active .page-link{
    background-color: #13407e;
    border-color: #13407e;
}
table.dataTable>tbody>tr.child ul.dtr-details{
    width: 100%;
    text-align: left;
}
table.dataTable>tbody>tr.child ul.dtr-details>li{
    border-bottom: none;
}
table.dataTable>tbody>tr.child ul.dtr-details>li span{
    display: block;
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control:before{left: 10px;}
table.dataTable>tbody>tr.child span.dtr-title{
    padding-right: 15px;
}
table th, table td{font-size: 14px;}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th.dtr-control{padding-right: 30px;}
table.dataTable thead th:first-child{
    padding-left: 30px;
}
.dropdown-toggle{
    border-radius: 5px;
    background: white;
    height: 36px;
    outline: none !important;
    border: 1px solid #ced4da;
    padding-right: 30px;
}
.dropdown-toggle::after{
    right: 10px;
}
.bootstrap-select .dropdown-toggle:focus, .bootstrap-select>select.mobile-device:focus+.dropdown-toggle{outline: none !important;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle, .btn-light:hover{
    background-color: #ececec;
    border-color: #ececec;
}
.bootstrap-select .dropdown-menu li a span.text{white-space: normal;line-height: 1.4;}
.dropdown-header span{
    font-weight: bold;
    color: #406ab0;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.dropdown-item, .dropdown-header{padding: .25rem 1rem;}
.bootstrap-select .dropdown-menu li a.opt{padding-left: 1rem;}

#fileList1 ul li, #fileList1 ul li a, #fileList2 ul li, #fileList2 ul li a, #fileList3 ul li, #fileList3 ul li a{    word-break: break-all;
    font-weight: 600 !important;}

/* login page */
#login_page{width: 100%;background-color: #0a3374;min-height: 100vh;padding: 30px 0;}
#login_box{max-width: 420px;width: 100%;margin: auto;padding: 25px 20px;border-radius: 18px;background-color: #ececec;}
#login_page .loginLogo{
    max-width: 110px;
    max-height: 90px;
    margin: auto;
    margin-bottom: 10px;
}
#login_page .loginLogo img{display: block;margin: auto;}
#login_page h2{color: #2e2e2e;font-weight: 600;text-align: center;}
#login_page label{display: block;color: #9a9a9a;line-height: 1.2;font-weight: 500;font-size: 18px;    text-align: left;}
#login_page .form-control, #login_page input{
    width: 100%;
    border: none;
    background-color: #ffffff;
    box-shadow: 0px 1px 5px rgb(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 1px 5px rgb(0, 0, 0, 0.15);
    border-radius: 0;
    padding: 6px 15px;
    font-size: 18px;
    border-radius: 10px;
}
#login_page .form-control:focus, #login_page .form-control:hover, #login_page input:focus, #login_page input:hover, #login_page .custom-btn:focus, #login_page .custom-btn:hover{
    outline: 0px !important;
    -webkit-appearance: none;
    box-shadow: 0px 1px 5px rgba(59, 42, 42, 0.15) !important;
    -webkit-box-shadow: 0px 1px 5px rgb(0, 0, 0, 0.15) !important;
}
#login_page .custom-btn, #login_page input[type = 'submit']{
    font-size: 20px;
    color: #ffffff;
    font-family: 'Red Hat Text', sans-serif;
    font-weight: 500;
    padding: 10px 40px;
    display: inline-block;
    border-radius: 25px;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 1;
    border: none;
    background-color: #0a3374;
    width: auto;
    margin: auto;
    display: block;
    margin-top: 30px;
}

#login_page .errorlist{list-style-type: none;padding: 0;margin-top: 20px;margin-bottom: 0;}
#login_page .errorlist li{color: #ff0000;font-size: 15px;text-align: center;}