body{
  max-height: 100vh;
  background-color: #f6f6f6;
}

table{
  background-color: white!important;
}

input, select, textarea{
	border:1px solid #25a6ed!important;
}
.card, .modal-content{
	background-color: #0984e3;
  color:white;
}
.grad{
	background: linear-gradient(180deg, rgba(9,132,227,1) 0%, rgba(5,196,107,1) 100%);
  color:white;
}
.modal-backdrop{
	background-color: white;
}

.modal-header{
	border-bottom: 1px solid #404142;
}
.modal-footer{
	border-top: 1px solid #404142;
}
.close{
	color: #656667!important;
}

.table-sm td{
	padding-bottom: .1rem;
}
#category-rows ul{
	margin-bottom: .2rem;
}
#custom-options, #custom-sales-options, #custom-balance-options, #custom-expense-options, #custom-receivable-options,
#custom-payable-options{
  background-color: white;
	border: 1px solid #d3d3d3;
	border-radius:5px;
}

#user-info .card #order-card:hover{
  box-shadow: none!important;
  background-color: #087cd5;
}

#features .card{
  border: 0px;
}

#features .card-body{
  position: relative;
}
#features .card-body:before {
  font-family: "Font Awesome 5 Free";
  left:65%;
  position:absolute;
/*   top:2%; */
  font-size: 75pt;
  opacity: 0.1;
  font-weight: 900;
}

.sibar{
  background-color: white;
  color: #0b6dbb;
  margin-right: 10px;
  transition: all 0.2s ease-in-out;
}

.sibar:active{
  background-color: #e1e1e1;
  transition: all 0.2s ease-in-out;
}

.arrow-hidden{
  display: none;
  transition: all 0.2s ease-in-out;
}

@media screen and (max-width: 450px){
  .navbar-brand{
    font-size: 1rem;
  }

  #right-toggle{
    display: none;
  }

  .sibar-opt{
    display: inline-block;
  }
}

@media screen and (min-width: 451px){
  .sibar-opt{
    display: none;
  }
}

.close{
  color:white;
}

/* 
----------------------------------
 Product Section
----------------------------------
*/
#features #product-icon{
  background-color:#0ba453;
  transition: all 0.5s ease-in-out;
}
#product-icon .btn-custom, #product-rows .btn-custom{
  background-color: #019346;
  border: 1px solid #16cb6b;
}
#features #product-icon:before{
  content: "\f187";
}
#add_product .modal-content, #edit_product .modal-content, #delete_product .modal-content, #stock_product .modal-content, #stock-history-modal .modal-content{
  background-color:#0ba453;
}
#add_product .btn-custom, #edit_product .btn-custom, #delete_product .btn-custom, #stock_product .btn-custom, #stock-history-modal .btn-custom{
  background-color: #019346;
  border: 1px solid #16cb6b;
}

#search_product .btn-custom{
  background-color: #e14111;
  border: 1px solid #aa2d07;
}

/* 
----------------------------------
 Sales Section
----------------------------------
*/
#features #sales-icon{
  background-color:#ee6407;
  transition: all 0.5s ease-in-out;
}
#sales-icon .btn-custom{
  background-color: #cd5403;
  border: 1px solid #fc9b59;
}
#features #sales-icon:before{
  content: "\f543";
}
#pro_details .modal-content, #invoice-edit .modal-content, #invoice_preview .modal-content{
  background-color:#ee6407;
}
#get_sales .btn-custom, #pro_details .btn-custom, #invoice-edit .btn-custom, #invoice_preview .btn-custom{
  background-color: #cd5403;
  border: 1px solid #fc9b59;
}

/* 
----------------------------------
 Attendance Section
----------------------------------
*/
#features #attendance-icon{
  background-color:#3c3f81;
  transition: all 0.5s ease-in-out;
}
#attendance-icon .btn-custom{
  background-color: #2b2d6a;
  border: 1px solid #6366ac;
}
#features #attendance-icon:before{
  content: "\f2c1";
}
#add_attendance .modal-content, #edit_attendance .modal-content, #delete_attendance .modal-content{
  background-color:#3c3f81;
}
#add_attendance .btn-custom, #edit_attendance .btn-custom, #delete_attendance .btn-custom, #attendance-rows .btn-custom{
  background-color: #2b2d6a;
  border: 1px solid #6366ac;
}

/* 
----------------------------------
 Category Section
----------------------------------
*/
#features #category-icon{
  background-color:#EA2027;
  transition: all 0.5s ease-in-out;
}
#category-icon .btn-custom{
  background-color: #d7050d;
  border: 1px solid #fe5056;
}
#features #category-icon:before{
  content: "\f542";
}
#add_category .modal-content, #edit_category .modal-content, #delete_category .modal-content{
  background-color:#EA2027;
}
#add_category .btn-custom, #edit_category .btn-custom, #delete_category .btn-custom, #category-rows .btn-custom{
  background-color: #d7050d;
  border: 1px solid #fe5056;
}

/* 
----------------------------------
 Brand Section
----------------------------------
*/
#features #brand-icon{
  background-color:#ffa801;
  transition: all 0.5s ease-in-out;
}
#brand-icon .btn-custom{
  background-color: #d58c00;
  border: 1px solid #ffe0a4;
}
#features #brand-icon:before{
  content: "\f1f9";
}
#add_brand .modal-content, #edit_brand .modal-content, #delete_brand .modal-content{
  background-color:#ffa801;
}
#add_brand .btn-custom, #edit_brand .btn-custom, #delete_brand .btn-custom, #brand-rows .btn-custom{
  background-color: #d58c00;
  border: 1px solid #ffe0a4;
}

/* 
----------------------------------
 Vendor Section
----------------------------------
*/
#features #vendor-icon{
  background-color: #009688;
  transition: all 0.5s ease-in-out;
}
#vendor-icon .btn-custom{
  background-color: #028376;
  border: 1px solid  #02baa7;
}
#features #vendor-icon:before{
  content: "\f1b3";
}
#add_vendor .modal-content, #edit_vendor .modal-content, #delete_vendor .modal-content{
  background-color:#009688;
}
#add_vendor .btn-custom, #edit_vendor .btn-custom, #delete_vendor .btn-custom, #vendor-rows .btn-custom{
  background-color: #028376;
  border: 1px solid #02baa7;
}

/* 
----------------------------------
 Balance Section
----------------------------------
*/
#features #balance-icon{
  background-color:#006266;
  transition: all 0.5s ease-in-out;
}
#balance-icon .btn-custom{
  background-color: #00494c;
  border: 1px solid #01989e;
}
#features #balance-icon:before{
  content: "\f4b9";
}


/* 
----------------------------------
 Expense Section
----------------------------------
*/
#features #expense-icon{
  background-color:#853066;
  transition: all 0.5s ease-in-out;
}
#expense-icon .btn-custom{
  background-color: #6F1E51;
  border: 1px solid #ae4688;
}
#features #expense-icon:before{
  content: "\f155";
}
#add_expense .modal-content, #edit_expense .modal-content, #delete_expense .modal-content{
  background-color:#853066;
}
#add_expense .btn-custom, #edit_expense .btn-custom, #delete_expense .btn-custom, #get_expense .btn-custom{
  background-color: #6F1E51;
  border: 1px solid #ae4688;
}

/* 
----------------------------------
 Receivable Section
----------------------------------
*/
#features #receivable-icon{
  background-color:#1863ec;
  transition: all 0.5s ease-in-out;
}
#receivable-icon .btn-custom{
  background-color: #0249cb;
  border: 1px solid #6697f0;
}
#features #receivable-icon:before{
  content: "\f4c0";
}
#add_receivable .modal-content, #edit_receivable .modal-content, #delete_receivable .modal-content{
  background-color:#1863ec;
}
#add_receivable .btn-custom, #edit_receivable .btn-custom, #delete_receivable .btn-custom, #get_receivable .btn-custom{
  background-color: #0249cb;
  border: 1px solid #6697f0;
}

/* 
----------------------------------
 Payable Section
----------------------------------
*/
#features #payable-icon{
  background-color:#db4464;
  transition: all 0.5s ease-in-out;
}
#payable-icon .btn-custom{
  background-color: #c53050;
  border: 1px solid #f492a7;
}
#features #payable-icon:before{
  content: "\f53d";
}
#add_payable .modal-content, #payable-edit .modal-content, #delete_payable .modal-content{
  background-color:#db4464;
}
#add_payable .btn-custom, #payable-edit .btn-custom, #delete_payable .btn-custom, #get_payable .btn-custom{
  background-color: #c53050;
  border: 1px solid #f492a7;
}

/* 
----------------------------------
 Vendor Return Section
----------------------------------
*/
#features #return-icon{
  background-color:#22a6b3;
  transition: all 0.5s ease-in-out;
}
#return-icon .btn-custom{
  background-color: #168691;
  border: 1px solid #55cfdb;
}
#features #return-icon:before{
  content: "\f362";
}
#add_return .modal-content, #edit_return .modal-content, #delete_return .modal-content{
  background-color:#22a6b3;
}
#add_return .btn-custom, #edit_return .btn-custom, #delete_return .btn-custom, #return-rows .btn-custom{
  background-color: #168691;
  border: 1px solid #55cfdb;
}


/* 
----------------------------------
 User Section
----------------------------------
*/
#features #user-icon{
  background-color:#be2edd;
  transition: all 0.5s ease-in-out;
}
#user-icon .btn-custom{
  background-color: #9f17bd;
  border: 1px solid #d76cee;
}
#features #user-icon:before{
  content: "\f0c0";
}
#add_user .modal-content, #edit_user .modal-content, #delete_user .modal-content{
  background-color:#be2edd;
}
#add_user .btn-custom, #edit_user .btn-custom, #delete_user .btn-custom, #user-rows .btn-custom{
  background-color: #9f17bd;
  border: 1px solid #d76cee;
}

/* 
----------------------------------
 Insight Section
----------------------------------
*/
#features #insight-icon{
  background-color:#6ab04c;
  transition: all 0.5s ease-in-out;
}
#insight-icon .btn-custom{
  background-color: #528f38;
  border: 1px solid #94d777;
}
#features #insight-icon:before{
  content: "\f1da";
}


#order-icon:before{
  content: "\f108";
  font-family: "Font Awesome 5 Free";
  left:65%;
  position:absolute;
 /*   top:2%; */
  font-size: 75pt;
  opacity: 0.1;
  font-weight: 900;
}


/* 
----------------------------------
 Warranty Section
----------------------------------
*/
#features #warranty-icon{
  background-color: #ff5722;
  transition: all 0.5s ease-in-out;
}

#warranty-icon .btn-custom{
  background-color: #e14111;
  border: 1px solid #aa2d07;
}

#search_product .modal-content{
  background-color: #ff5722;
}

#search_product .table{
  color: black;
}


/* 
----------------------------------
 Shop Settings Section
----------------------------------
*/
.btn-settings{
  color: white;
  background-color: #0062cc;
  border: 1px solid #409fff;
  transition: all 0.2s ease;
}


/* ************* Loader rotate ************* */
.custom-spin {
	font-size: 10pt;
    animation: rotation 2s infinite linear;
}

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

#new-ord-card{
  min-height:410px;
}
#user-info .card:hover, #features .card:hover{
	box-shadow: 0 0 0 0.1rem #fff!important;
	transition: all 0.4s ease;
}

#order_form_details .card:hover{
	box-shadow: none!important;
}

.btn-custom {
    color: white;
    background-color: #0062cc;
    border: 1px solid #409fff;
    transition: all 0.2s ease;
    margin-bottom: 5px;
}
.btn-custom:hover{
	background-color: #0062cc;
	transition: all 0.2s ease;
	color:white;
}
.btn-custom:focus{
	box-shadow: 0 0 0 0.2rem rgba(0,0,0,.5);
}
.btn-custom:active{
	background-color: #0062cc;
	box-shadow: 0 0 0 0.1rem #0062cc;
}


/* ****************************** Topbar CSS ****************************** */
.bg-top{
	background: linear-gradient(90deg, rgba(9,132,227,1) 0%, rgba(5,196,107,1) 100%);
	color:white;
	border-bottom: 2px solid #1b96da;
}


/* ****************************** Sidebar CSS ****************************** */
#sbar{
  overflow: hidden;
}
#sbar:hover{
  overflow-y: scroll;
}
.bar-hidden{
	width:0px;
	transition: all 0.5s ease;
	overflow-x:hidden;
	position:fixed;
	z-index: 999;
	background-color:#333333;
  color: #aaabae;
	top: 55px;
	bottom: 0;
}

.sidebar-menu {
	transition: all 0.5s ease;
	width:230px;
  position: fixed;
  float: left;
  top: 55px;
  left: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(9,132,227,1) 0%, rgba(5,196,107,1) 100%);;
  color: #aaabae;
  box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
	-o-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
	-webkit-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
	-moz-box-shadow: 0px 0px 10px 0px rgb(58, 41, 31);
  z-index: 999;
}

.page-container.sidebar-collapsed .sidebar-menu {
  width: 65px;
  transition: all 100ms ease-in-out;
  transition-delay: 300ms;
}
.page-container.sidebar-collapsed-back .sidebar-menu {
  width: 230px;
  transition: all 100ms ease-in-out;
}
.page-container.sidebar-collapsed .sidebar-icon {
   transform: rotate(90deg);
   transition: all 300ms ease-in-out;
   margin-right: 0em;
    margin-top: -8px;
	color: #fff;
    background: #1b93e1;
    border-radius: 0;
}
.page-container.sidebar-collapsed-back .sidebar-icon {
  transform: rotate(0deg);
  transition: all 300ms ease-in-out;
}
.page-container.sidebar-collapsed .logo {
  padding: 21px 0;
  height: 63px;
  box-sizing: border-box;
  transition: all 100ms ease-in-out;
  transition-delay: 300ms;
}
.page-container.sidebar-collapsed #logo {
    opacity: 0;
    transition: all 200ms ease-in-out;
    display: none;
}
.page-container.sidebar-collapsed .down {
    display: none;
}
.page-container.sidebar-collapsed-back #logo {
  opacity: 1;
  transition: all 200ms ease-in-out;
  transition-delay: 300ms;;
}
.page-container.sidebar-collapsed #menu span {
  opacity: 0;
  transition: all 50ms linear;
}
.page-container.sidebar-collapsed-back #menu span {
  opacity: 1;
  transition: all 200ms linear;
  transition-delay: 300ms;
}

.sidebar-icon {
    margin-top: -2px;
    border: 1px solid #1b93e1;
    text-align: right;
    line-height: 1;
    font-size: 19px;
    padding: 5px 10px;
    border-radius: 0px;
    color: #1b93e1;
    background: #fff;
    float: none;
}

.page-container.sidebar-collapsed-back .sidebar-icon {
  transform: rotate(0deg);
  transition: all 300ms ease-in-out;
}

.menu {
    text-align: left;
}

.page-container.sidebar-collapsed-back #menu span.fa.fa-angle-right{
	position: absolute;
    top: 0px;
    right: 20px;
}

#menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
#menu li {
  position: relative;
  margin: 0;
  border-bottom:1px ridge rgba(255, 255, 255, 0.04);
  padding: 0;
  padding: 0;
}
#menu li ul {
  opacity: 0;
  height: 0px;
}
#menu li a {
	font-style: normal;
    font-weight: 400;
    position: relative;
    display: block;
    padding: 13px 20px;
    color: #fff;
    white-space: nowrap;
    z-index: 2;
    font-size:0.9em;
    font-family: 'Roboto', sans-serif;
	border:none;
	border-left: 4px solid black;
	text-decoration:none;
}
#menu li a:hover {
  color: #ffffff;
  background-color:#292929;
  transition: color 250ms ease-in-out, background-color 250ms ease-in-out;
   border-left: 4px solid #5c5c5c;
}
#menu li.active > a {
  background-color: #2b303a;
  color: #ffffff;
}
#menu ul li {
    background-color: #333333;
}
#menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu li ul {
  position: absolute;
  visibility: hidden;
  left: 100%;
  top: -1px;
  background-color: #2b303a;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: opacity 0.1s linear;
  border-top: 1px solid rgba(69, 74, 84, 0.7);
}
#menu li:hover > ul {
  visibility: visible;
  opacity: 1;
}
li#menu-mensagens,li#menu-arquivos {
background-color:#00C6D7!important;
}
#menu li li ul {
  visibility: hidden;
  top: -1px;
  opacity: 0;
  transition: opacity 0.1s linear;
}
#menu li li:hover ul {
  visibility: visible;
  opacity: 1;
}

#menu .fa { margin-right: 5px; }

ul#menu i {
    font-size: 1.1em;
    margin-right: 6px;
    width: 10%;
    float: left;
    padding-top: 2px;
}

#pro_details .modal-dialog{
  max-width:90%;
}

.left-content {
    float: right;
    width: 87%;
}

.page-container.sidebar-collapsed .left-content {
   float: right;
   width: 97%;
}

.page-container.sidebar-collapsed-back .left-content {
  transition: all 100ms linear;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
	float: right;
    width:87%;
	padding: 0 2em;
}

 .left-content {
    width:87%;
	padding: 0 2em;
}

#sum-calc .form-group {
  margin-bottom: 0.43rem!important;
}

.modal-header{
  border-bottom:0px;
}
.modal-footer{
  border-top:0px;
}

.del-listed-item{
  cursor: pointer;
}

#dashboard-contents{
  min-height:80vh;
}

.close {
  color: #ffffff!important;
}

#footer{
  background: linear-gradient(90deg, rgba(5,196,107,1) 0%, rgba(9,132,227,1) 100%);
}
/* Insights Seciton */
.bg-thmb {
  background-color: white;
  text-align: center;
  color: #2f9633;
  padding: 80px 30px;
  border-radius: 5px;
  border-top: 5px solid green;
  margin-top: 10px;
  margin-bottom: 30px;
  min-height: 250px;
}

#order_form_details .form-group{
  margin-bottom:0px;
}


@media (max-width:1600px){
	.left-content {
		float: right;
		width: 86%;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 86%;
	}
	.page-container.sidebar-collapsed .left-content {
		float: right;
		width: 96%;
	}
}
/*---responsive 1440px-----*/
@media (max-width:1440px){
	.left-content {
		float: right;
		width: 84%;
	}
	.stay-left {
		float: left;
		width: 74%;
	}
	.page-container.sidebar-collapsed-back .left-content {
		float: right;
		width: 84%;
	}
}

/* Order Pause Section */
ul#pause-list{
  padding-left: 0px;
}
ul#pause-list li{
  list-style: none;
  padding: 10px 0px 10px 20px;
  background-color: #4cb9f5;
  border-radius: 5px;
  margin:10px 0px;
}

ul#pause-list li .pause-set{
  display: none;
  cursor: pointer;
}

ul#pause-list li:hover .pause-set{
  display: inline-block;
}

/* loader Spinner */
.loader {
  font-size: 8px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 8em;
  height: 8em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #0984e3;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}