@import "common.css";

.no-focus, .no-focus:focus {
	box-shadow: none !important;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #000; opacity: .25; /* Firefox */ }

body {
	background: #343a40;
}

img.icon_file {
	max-width: 64px !important;
}

.x_panel {
	border-radius: 20px !important;
}

.right_col {
	background-image: url('../images/bg_ibox.png') !important;
}

.btn {
	border-radius: 20px;
}

.form-control {
	border-radius: 20px;
}

.input-group > .form-control {
	border-radius: 20px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.tagsinput {
	border-radius: 20px !important;
}

.tagsinput .tag {
	border-radius: 20px !important;
}

.form-control:focus {
	border-color: #dada00; 
	background-color: #ffff00
}

.text-blue { color: #cc3333; }

.left_col {
	background: #343a40;
}

.nav_title {
	background: #343a40;
}

.nav-sm .navbar.nav_title div span {
  display: none;
}

.sidebar-footer {
	background: #343a40;
	z-index: 1;
}

.sidebar-footer a {
	background: #FFFFFF;
	color: #000;
}

.sidebar-footer a:hover {
	background: #cc3333;
	color: #fff;
}

.profile_info span {
	color: #000;
}

.nav.side-menu>li.active>a {
	/*background: linear-gradient(180deg, rgb(0 158 225) 0%, rgb(52 155 199) 100%)*/
	background: linear-gradient(180deg, #cc3333 0%, #cc3333 100%);
	border-radius: 20px;
}

.nav.side-menu>li>a:hover {
	color: #edff00 !important;
}

.nav.side-menu>li.current-page {
	/*border-right: 5px solid #edff00;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;*/
	border-right: none;
}

.nav.side-menu>li.active {
	/*border-right: 5px solid #edff00;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;*/
	border-right: none;
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
    border-right: none;
}

.nav li.current-page {
	/*background: rgba(255,255,255,0.2);*/
	border-radius: 20px;
}

.nav-sm ul.nav.child_menu {
	background: linear-gradient(90deg, rgba(139,197,64,1) 0%, rgba(37,169,223,1) 100%);
}

.nav.child_menu li.active {
	/*background-color: #cc3333;*/
}

/*.nav.child_menu li:hover, */
.nav.child_menu li {
	border-radius: 20px;
}

.nav.side-menu>li>a:hover, .nav.side-menu>li>a:focus, .nav.child_menu>li>a:hover, .nav.child_menu>li>a:focus {
	background-color: transparent;
	color: #edff00;
}

.nav.side-menu>li>a, .nav.child_menu>li>a {
	font-weight: bolder;
}

/* customização  */

.nav.side-menu ul.nav.child_menu li a {
    font-size: 14px;
}

.nav.side-menu ul.nav.child_menu li.sub_menu:hover {
	border-radius: 20px;
}

.nav.side-menu ul.nav.child_menu > li > ul.nav.child_menu li {
	padding-left: 18px;
}

.nav.side-menu ul.nav.child_menu > li > ul.nav.child_menu li:hover,
.nav.side-menu ul.nav.child_menu > li > ul.nav.child_menu li.active {
    background-color: #cc3333;
}

.nav.side-menu ul.nav.child_menu > li > ul.nav.child_menu li.current-page {
    background-color: #cc3333;
}

.nav.side-menu ul.nav.child_menu > li > ul.nav.child_menu li:before {
    left: 10px;
    width: 8px;
}

.nav.side-menu ul.nav.child_menu > li > ul.nav.child_menu li:after {
    left: 14px;
}

.nav.side-menu ul.nav.child_menu > li > ul.nav.child_menu>li>a:hover,
.nav.side-menu ul.nav.child_menu > li > ul.nav.child_menu>li>a:focus {
    color: #edff00;
}

.nav-sm .nav.side-menu ul.nav.child_menu li a {
    font-size: 16px;
}

.nav-sm ul.nav.child_menu ul, .nav-sm .nav.side-menu li.active-sm ul ul {
    width: 230px;
}

.nav-sm .nav.child_menu li.active {
    padding-bottom: 10px;
}

/*.nav.side-menu ul.nav.child_menu > li > ul.nav.child_menu {
    background-color: #4b5054;
}*/

/* customização  */

@media (max-width: 767px) {
	.info-number .badge {
		right: initial;
		top: 9px;
	}
}

ul.msg_list li a .message {
	width: 190px;
}

ul.msg_list li a .time {
	right: 8px;
}

ul.bar_tabs {
     height: initial; 
     padding-left: initial;
}

ul.bar_tabs.nav-tabs .nav-item {
	margin-bottom: initial;
}

ul.bar_tabs>li {
     margin-top: initial; 
}

.tag-cfe {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
	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;
	color: #212529;
	background-color: #ffc107;
}

.tag-nfe {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
	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;
	color: #fff;
	background-color: #007bff;
}

table#datatable-responsive.table.table-hover.table-striped.table-bordered.dt-responsive.nowrap tbody tr td {
	font-weight: bold !important;
	padding-top: 4px !important;
	padding-bottom: 6px !important;
}

.page-item.active .page-link {
    color: #fff;
    background-color: #cc3333;
    border-color: #cc3333;
    font-size: 20px;
}

.page-link {
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #cc3333;
}

.page-link:hover {
    color: #b30000;
}

#paymentMethodTab a.nav-link div {
	height: 70px;
    	width: 100px;
	background-size: contain;
	background-repeat: no-repeat;
	display: inline-block;
}
#paymentMethodTab.nav-pills .nav-link.active, #paymentMethodTab.nav-pills .show>.nav-link { background-color: transparent; color: #000 }
#paymentMethodTabContent input.jp-card-valid { color: #26b99a !important; }

#form-checkout_card .form-control:focus, #form-checkout_pix .form-control:focus { border-color: inherit; background-color: #fff; }

#paymentMethodTab a.nav-link div[data-value="card"] { background-image: url('../images/icons/card.png'); }
#paymentMethodTab a.nav-link.active div[data-value="card"] { background-image: url('../images/icons/card-a.png'); }
#paymentMethodTab a.nav-link div[data-value="pix"] { background-image: url('../images/icons/pix.png'); }
#paymentMethodTab a.nav-link.active div[data-value="pix"] { background-image: url('../images/icons/pix-a.png'); }

.tables a img {
	transform:scale(0.9);
	transition: all .5s;
}
.tables a:hover img {
	transform:scale(1.2);
	transition: all .5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.tables:hover {
	background-color: yellow;
}

.star-flag {
	 width: 17px !important;
	 font-size: 15px !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    margin-right: 0.5em;
    display: inline-block;
    /*content: "►";*/
    top: 9px;
    left: 4px;
    height: 20px;
    width: 20px;
    color: #fff !important;
    border: 2px solid white;
    border-radius: 14px;
    box-shadow: 0 0 3px #444;
    box-sizing: content-box;
    text-align: center;
    font-family: 'Courier New', Courier, monospace;
    line-height: 20px;
    background-color: #337ab7;
}