.navbar-laravel{
   	background: linear-gradient(to right, #007bff, #4586fe);
}
.navbar-light .navbar-nav .nav-link {
    color: white;
    font-weight: 900;
}
.padding-lr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.navbar {
    position: fixed;
    width: 100%;
    z-index: 11;
    height: 60px;
}
.container {
    width: 80% !important;
    min-width: 80% !important;
    margin-left: 20% !important;
    min-height: 90vh;
    overflow-y: auto;
}
#app {
    padding-top: 60px;
}
.container > .row {
    padding-top: 15px;
}
.overwrite-container {
    width: 100% !important;
    margin-left: auto !important;
    overflow: hidden;
    max-height: unset;
}
.update-container {
    width: 100% !important;
    margin-left: auto !important;
    overflow: hidden;
    max-height: unset;
    padding-bottom: 30px;
}
.theme-btn {
    color: #fff;
    background-color: #3063ce;
    border-color: #3063ce;
}
.blue-btn, .blue-btn:hover{
  	color: #fff;
  	background-color: #4582fe;
}
.user-icon{
	font-size: 40px !important;
    background: #30436f;
    color: white;
    padding: 9px 15px;
    border-radius: 50px;
}
.mtop-10 {
    margin-top: 10px;
}
.admin-dash {
    padding: 20px;
    color: grey;
    padding-top: 80px;
    border-bottom: 1px solid #dddddd;
}
.view_password {
    position: absolute;
    float: right;
    right: 26px;
    top: 48px;
    cursor: pointer;
}
body{
	background-color: white;
}


/******** Theme Pages CSS ********/
.card-search-icon {
    position: relative;
    top: -30px;
    left: 11px;
}.right-30 {
    padding-right: 30px;
}
.left-30 {
    padding-left: 30px;
}
.card-search-close-icon {
    position: absolute;
    top: 15px;
    right: 30px;
    color: grey;
    cursor: pointer;
}

.backlink {
    color: #212529;
}

/************** user enable switch **************/
.switch {
  	position: relative;
  	display: inline-block;
  	width: 60px;
  	height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  	position: absolute;
  	cursor: pointer;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	background-color: #4584fd54;
  	-webkit-transition: .4s;
  	transition: .4s;
}

.slider:before {
  	position: absolute;
  	content: "";
  	height: 26px;
  	width: 26px;
  	left: 4px;
  	bottom: 4px;
  	background-color: white;
  	-webkit-transition: .4s;
  	transition: .4s;
}

input:checked + .slider {
  	background-color: #4583fe;
}

input:focus + .slider {
  	box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  	-webkit-transform: translateX(26px);
  	-ms-transform: translateX(26px);
  	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  	border-radius: 34px;
}

.slider.round:before {
 	border-radius: 50%;
}
.label-status {
    padding: 16px 10px;
    font-size: 16px;
    font-weight: bold;
}
.mtop-12 {
    margin-top: 12px;
}

.inline {
    display: -webkit-box;
}
.top-15 {
    padding-top: 15px !important;
}

/************** user enable switch end **************/

.seperate-line {
    border-bottom: 1px solid #dddddd;
    margin-top: 10px;
}
.top10 {
    margin-top: 10px;
}


/************** Table Style **************/

.black-head{
    background-color: #4582fe;
    padding: 5px
}
.header-btn, .header-btn:hover{
  	border:1px solid #dcdcdc;
  	color: white
}
.p0{
  	padding: 0px
}
.b0{
  	margin-bottom: 0px !important
}
.table-x-scroll{
  	width: 100%;
  	overflow-x:auto;
}


.table-x-scroll::-webkit-scrollbar {
    width:1px;
    height: 7px
}
/* Track */
.table-x-scroll::-webkit-scrollbar-track {
  	background: #457eff52; 
}

/* Handle */
.table-x-scroll::-webkit-scrollbar-thumb {
  	background: #698ce1; 
}

thead.black-head tr th, tfoot.black-head tr td{
  	padding: 5px 0.75rem !important;
}
.f12{
  	font-size: 12px
}
.export-btn, .export-btn:hover{
    border: 1px solid grey;
    text-decoration: none;
    padding: 2px 10px;
    border-radius: 5px;
    color: grey;
}
.search-input{
    border: 1px solid #ced4da;
    margin-left: 5px;
}
.page-btn{
    position: relative;
    display: block;
    margin-left: 2px;
    line-height: 1.25;
    width: 30px;
    text-align: center;
    height: 30px;
    color: #dee2e6;
    background-color: #4582fe;
}
.page-btn.round{
    border-radius: 50px;
    border: 1px solid #dee2e6;
}
.page-btn.active{
    background: #39c6b2;
    border-radius: 50px;
    border: 1px solid #2fe7cd;
    color: white
}
ul.pagination{
  margin-bottom: 0px
}
.page-item select{
  	margin-left: 8px;
    height: 32px;
    background: #4582fe;
    color: white;
}
.f14{
  font-size: 14px !important
}
.link-description{
    float: right;
    padding-top: 8px;
}
.refresh-btn{
  	font-size: 18px;
  	color: white;
  	margin-left: 10px;
}
i.prev{
  	font-size: 16px !important;
  	position: relative;
  	top: 8px;
  	left: 2px;
  	transform: rotate(60deg);
}
i.next{
    font-size: 16px !important;
    position: relative;
    top: 6px;
    left: 2px;
}
i.first, i.last{
    font-size: 18px !important;
    position: relative;
    top: 5px;
}
.pages-item{
  	position: relative;
    display: block;
    margin-left: 2px;
    margin-right: 2px;
    line-height: 1.25;
    width: 30px;
    font-size: 14px;
    text-align: center;
    height: 30px;
}
.pages-item a.page-btn{
  	padding-top: 6px;
}
.top-2{
    position: relative;
    top: -2px;
}


.loader-div {
    top: 0%;
    right: 0%;
    position: fixed;
    background: #00000036;
    height: 100vh;
    width: 100%;
    color: white;
    z-index: 9999999;
}
.loader-img-div {
    position: absolute;
    top: 25%;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.tag{
    background: #36393f;
    color: white;
    width: fit-content;
    padding: 2px 6px;
    border-radius: 5px;
    margin-bottom: 3px;
}

.blue-bar{
  background-color: #4582fe;
  height: 32px;
  display: flex;
  overflow-x: auto;
}
.blue-bar div{ 
    color: white;
    font-size: 12px;
    padding: 6px 15px;
    position: relative;
    top: 3px;
    left: 5px;
}
.blue-bar div.active{
    background: #39c6b2;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.backf0f{
  	background-color: #f0f0f0
}
.w150{
  	width: 150px
}
.pointer{
  	cursor: pointer
}
.cmore{
    position: absolute;
    right: 25px;
    padding-top: 5px;
}
.filter-column-box{
    width: 200px;
    padding: 10px;
}
.cfilter-btn{
  	width: 48%;
  	margin-top: 10px
}
.bak4582fe{
  	background: #4582fe;
  	color: white;
}
.wauto{
  	width: auto;
}
.action-btn{
    position: absolute;
    right: 0px;
    margin-top: -25px;
    margin-right: 30px;
}
.cremove.dropdown-toggle:after { content: none }
.dropdown-toggle:hover,
.dropdown-toggle:active,
.dropdown-toggle:focus{
  /*color: white !important*/
  	text-decoration: none;
}
.permission-section{
  	margin-bottom: 0px
}
.ttc{
  	text-transform: capitalize;
}
.module-a{
  	padding: 0.5rem 1rem 0.5rem 4rem
}
.module-a i{
  	width: 0px !important
}
a[data-target="#submenu1"][aria-expanded=false] > i.fa-chevron-down {
   display: none;
}
a[data-target="#submenu1"][aria-expanded=true] > i.fa-chevron-right {
	display: none;
}
.table-x-scroll table thead tr th{
  	cursor: pointer
}
#listTable.JPadding > tbody > tr > td, 
#listTable.JPadding > tbody > tr > th{
  	padding: 0.75rem !important
}
.JColResizer {
    table-layout:unset !important;
}
.pagination{
  flex-flow:wrap;
}
.dashboard-icon{
    font-size: 50px !important;
    color: #455f92; 
}
.dashboard-text{
	font-size: 16px;
	color: grey;
	margin-top: 20px
}
.dashboard-icon.ce5{
	color: #ce5f92 !important
}
.dashboard-icon.bc8{
	color: #8bc41b !important
}
.dashboard-icon.c75{
  color: #dcaa5e !important
}
.dashboard-icon.dc6{
  color: #dc6f5e !important
}
.dashboard-border{
    border: 1px solid #e5e5e5;
    padding: 20px;
    border-radius: 5px;
    margin-bottom:25px;
}
.dashboard-border:hover{
	border:1px solid grey;
}
.dropify-wrapper .dropify-message span.file-icon {
    font-size: 30px !important;
    color: #CCC;
}
.licon{
    font-size: 20px !important;
    color: grey;
}
.inline-th{
  white-space: pre;
}
.wsp{
  white-space: pre;
}
.sku-action-btn {
    position: absolute;
    right: 0px;
    margin-top: 20px;
    margin-right: 30px;
}
.mb-0{
  margin-bottom:0px
}
.client_box{
    text-align: center;
    border: 1px solid #dfdfdf;
    padding: 30px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    cursor: pointer;
}
.client_box:hover{
  border-color: #3490dc
}
.client_box.active{
  background: #f9f9f9;
  border-color: darkgrey;
}
.oneline{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.mrml{
    margin-right: 0px !important;
    margin-left: 24px;
}