/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.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.  */
@media (max-width: 1023px)
{
	.modal .modal-full {
		max-width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.modal-body{    padding: 1.3rem 0.5rem;}
	.dataTable.table th,.dataTable.table td{    padding: 0.8rem 0.5rem;font-size:10pt}
	.invoice-list-wrapper .dataTables_wrapper .invoice-data-table thead th{font-size:8pt!important}

}

.modal.w-100{padding-right: 0px!important;    padding-left: 0px!important;}
.table-responsive td.control,.table-responsive th.control{display:none}
.invoice-data-table .even{background:#fbfbfb}

.dt-button{display: inline-block;
    font-weight: 400;
    color: #727E8C;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 0 solid transparent;
    padding: 0.467rem 1.5rem;
    font-size: 1rem;
    line-height: 1.6rem;
    border-radius: 0.267rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

  box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0.5) !important;
border-color: #2c6de9 !important;
    background-color: #99acd0 !important;
    color: #fff;
}

a.nav-link-expand{padding:0.567rem 1.33rem!important}

.btn-group-toggle .active{font-weight: bold;}
.btn-group-toggle  .btn:not(.active):hover{font-weight: normal;color:#000;opacity: 0.6;}
.btn-group-toggle .btn:not(.active){    opacity: 0.3; color: #000;cursor:pointer}
.modal-body .app-content.content{margin-left:0}
.modal-body .app-content .content-wrapper{margin-top:0!important;padding:0!important}



.btn-warning.force-active{
    color: #324356!important;
    background-color: #fc960f!important;
    border-color: #fc9003!important;
}
html body{background:#f7f7f7}
html body .content.app-content {
    overflow: initial;
}
html body.navbar-sticky .app-content .content-wrapper{padding-top:0}
html body .content.app-content .content-area-wrapper{margin:calc(4rem) 2.2rem 0}
a {
    color: #000
}
.text-primary {
    color: #000!important;
}

.btn-primary {
    border-color: #45484e !important;
    background-color: #000000 !important;
    color: #fff;
}


.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
		.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
		.autocomplete-selected { background: #F0F0F0; }
		.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
		.autocomplete-group { padding: 2px 5px; }
		.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
		
		
		
		html body .content.app-content .content-area-wrapper .content-wrapper {
    width: 100%;
}
.main-menu.menu-dark .navigation li a {color:#fff}
.main-menu .navbar-header .navbar-brand .brand-logo {
    background:none;
    height: 27px;
    width: 178px;
}
.main-menu .navbar-header .navbar-brand .brand-logo img {
max-width:100%}
.main-menu.menu-dark .navigation > li.nav-item.open.has-sub.open{margin-top:10px;margin-bottom:10px}

body.semi-dark-layout .main-menu {
    background-color: #000 !important;
}
body.semi-dark-layout .main-menu-content .navigation-main .nav-item .menu-content .active .menu-item {
    color: #ffffff !important;
}
.menu-content .menu-livicon{width:24px!important}
body.vertical-layout.vertical-menu-modern .main-menu .navigation .menu-content > li > a > i {
    margin-right: 0.3rem;
}


.main-menu .navbar-header .navbar-brand .brand-logo{margin-top:2px}
.main-menu .navbar-header .navbar-brand,.main-menu .navbar-header{padding-top:0;margin-top:0}
body.semi-dark-layout .main-menu-content .navigation-main{margin-top:20px}
body.semi-dark-layout .main-menu .navbar-header{background:#fff;height:4rem}
.nav-link .primary{color:#000!important}

body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navbar-header{    margin: 0;
    padding: 7px 0 7px;

    width: auto;
}
body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navbar-header{    margin: 0;
    padding: 3px 0 7px;

    width: auto;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navbar-header{   
      margin: 0;padding: 3px 0 7px;width:auto;
}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navbar-header .navbar-brand{margin: 0;padding:0;width:auto;}
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu:not(.expanded) .navbar-header .brand-logo{margin: 0;width:auto;}


@media (max-width: 1023px)
{
	.dataTable.table th, .dataTable.table td {
		padding: 1%;
		font-size: 10pt;
	}
}


@media (max-width: 575.98px)
{
	.content.app-content .content-area-wrapper {
		margin-left: 0.4rem !important;
		margin-right: 0.4rem !important;
	}

}

@media (min-width: 992px)
{
	body.vertical-layout.vertical-menu-modern .main-menu.menu-dark {border-right:0px}
}


.btn-outline-success.disabled, .btn-outline-success:disabled {
    border: 1px solid #ccc;
    color: #ccc!important;
}