body{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

.container-fluid { padding: 0 10px !important; }
.page-titles {padding: 5px 10px; margin: 0 -20px 10px !important;}
.page-titles .breadcrumb{float: left;}
.page-titles .d-none{display: initial !important;}
.sidebar-nav>ul>li{margin: 0;}
.sidebar-nav>ul>li.active>a {background: #343a400a;}
.sidebar-nav ul li a:hover {background: #343a400a}
.title_head{
    width: 100%; margin-bottom: 10px; background: #8d8f90; color:#fff; padding: 8px;
}
.skin-blue-dark .page-titles .breadcrumb .breadcrumb-item.active{color: #3c3c3c !important; background:transparent !important;}
/*input field required */
.required:after {
    content:"*";
    color: red;
}
.modal-header{background: #32fdff;color: #fff;}
.form-group{margin-bottom: 20px;}
.invalid-feedback{display: block !important;}
.table-responsive{min-height: 175px;padding-top: 15px;overflow-x: inherit;}
@media (max-width: 768px) {
    .table-responsive{overflow-x:scroll ;}
     .hidden-xs{display: none;}
}
.table-responsive .container-fluid{overflow: inherit !important;}
.sidebar-nav ul li ul{padding-left: 18px;}

.sticky-conent{  position: sticky;
    position: -webkit-sticky;
    top: 70px; }
/*custom switch*/
table .custom-switch label {
    margin: -8px auto;
}
.label-ready-ship{background:#b8109e;}
.select2{width: 100% !important;}

.modal{z-index: 999999 !important;}
.select2-container{z-index: 999999 !important;}
.image_size{font-size: 12px;color: red;}
.upload-info{color:red;font-size: 12px;}
.border{border: 1px solid #e8e8e8;}
.floating-labels .form-control{font-size: 12px;font-weight: inherit;}
.drag-drop-info{color: black;
    background: #ffffc9;
    width: 100%;
    padding: 8px;
    display: inline-block;
    margin: 0;}
.note-toolbar{z-index: inherit !important;}

.ajaxError{font-size: 14px; color: red;}
table .dropdown-item {padding: .3rem .7rem !important}
.custom-control.custom-switch{margin: 0 -10px 0px 15px;}
.head-label .custom-control-label::before {
    left: -3.25rem;
    height: 2rem;
    width: 3.75rem;
    pointer-events: all;
    border-radius: .5rem;
}
.status-btn .custom-control-label{padding: 0px 15px !important;}
dd, h1, h2, h3, h4, h5, h6, label{margin-bottom: 0;}
.head-label{margin: 7px 30px 25px !important}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
    background-color: #fff;
    padding: 5px;
    content: '';
    transform: translateX(1.75rem);
}
.custom-switch .custom-control-label::after {
    top: calc(.15625rem + 2px);
    left: calc(-3.25rem + 2px);
    width: calc(2rem - 4px) ;
    height: calc(2rem - 5px);
    background-color: #adb5bd;
    content: 'OFF';
    font-size: 12px;
    padding: 4px 2px;
    color: white;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
   
    border-color: #fb9678;
    background-color: #fb9678;
}

.custom-switch .custom-control-label::before {
    left: -3.25rem;
    height: 2rem;
    width: 3.75rem;
    padding: 5px;
    content: 'ON';
    pointer-events: all;
    border-radius: .5rem;
}
/*end custom switch*/

.custom-control{padding-left: 2rem}

/*parsly*/

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
  color: #468847;
  background-color: #DFF0D8;
  border: 1px solid #D6E9C6;
}
.parsley-equalto,
input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.parsley-required, .parsley-type, .invalid-feedback , .parsley-length{
color:#e3342f;
}
/*end parsly*/


.table td, .table th {
    vertical-align: middle;
    padding: 2px 2px;line-height: normal;
    text-align: center;
}
.navbar-collapse {
    background: #0000FF;
}
.skin-blue .page-titles .breadcrumb .breadcrumb-item.active, .skin-blue .sidebar-nav ul li a.active, .skin-blue .sidebar-nav ul li a.active i, .skin-blue .sidebar-nav ul li a:hover, .skin-blue .sidebar-nav ul li a:hover i, .skin-blue .sidebar-nav>ul>li.active>a, .skin-blue .sidebar-nav>ul>li.active>a i, .skin-blue-dark .page-titles .breadcrumb .breadcrumb-item.active, .skin-blue-dark .sidebar-nav ul li a.active, .skin-blue-dark .sidebar-nav ul li a.active i, .skin-blue-dark .sidebar-nav ul li a:hover, .skin-blue-dark .sidebar-nav ul li a:hover i, .skin-blue-dark .sidebar-nav>ul>li.active>a i {
    color: #ddd;
    background: #000fff;
}
form label, table th {
    font-weight: bold;
    font-size: 16px;
}
a {
    color: #0000ff;
}

p {
    font-weight: 600;
}
.col-md-12 {
    padding-bottom: 20px;
}

h4 {
    font-weight: 500;
    color: #0000ff;
    font-size: 18px;
}

i.icon-menu:hover {
    color: yellow;
}
i.icon-menu {
    color: #FBFBFB;
}
h4.form-group-sub {
    border: 2px solid #9bccad;
    width: 55%;
    padding: 3px 5px;
    text-align: center;
    border-radius: 3px;
}
svg.w-5.h-5 {
    width: 4%;
    height: auto;
}
.dropdown-divider {
    overflow: hidden;
    height: 0;
    margin: 0.5rem 0;
    border-top: 1px solid #e9ecef;
}

span.relative.z-0.inline-flex.shadow-sm.rounded-md {
    display: none;
}