/*

    DEMO STYLE

*/

@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";





body {

    font-family: Poppins;

    background: #fafafa;

	font-size:13px;

	color:#3f4047;

}

.fixed-top{

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1030;

}

a {

    color: #f3d909;

    text-decoration: none;

}

a:hover{

    color: #d0b900;

}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover,

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover{

	color: #014278 !important;

	background:none !important

}

label{

	padding-bottom:4px;

	font-weight:normal;

}

.form-control{height: 40px;}

.btn{

	border-radius:60px;

	height:40px;

}

.btn-low-radius
{
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    /* border-radius: 8px 8px 8px 8px; */
}
.btn-low-radius-primary
{
    border-bottom-left-radius: 8px !important;
    border-top-left-radius: 8px !important;
    /* border-radius: 8px 8px 8px 8px; */
}

.btn-warning {

    color: #014278 !important;

	background: #ffe50e;

	background: -moz-linear-gradient(bottom, #ffe50e 0%, #dbc300 100%); 

	background: -webkit-linear-gradient(bottom, #ffe50e 0%,#dbc300 100%);

	background: linear-gradient(to bottom, #ffe50e 0%,#dbc300 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe50e', endColorstr='#dbc300',GradientType=1 ); 

    border: none;

}

.btn-warning:hover{

    color: #014278 !important;

	background: #ffd105;

	background: -moz-linear-gradient(bottom, #ffd105 0%, #c29a00 100%); 

	background: -webkit-linear-gradient(bottom, #ffd105 0%,#c29a00 100%);

	background: linear-gradient(to bottom, #ffd105 0%,#c29a00 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd105', endColorstr='#c29a00',GradientType=1 ); 

}

.btn-success {

    color: #fff !important;

	background: #17a114;

	background: -moz-linear-gradient(bottom, #17a114 0%, #238627 100%); 

	background: -webkit-linear-gradient(bottom, #17a114 0%,#238627 100%);

	background: linear-gradient(to bottom, #17a114 0%,#238627 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17a114', endColorstr='#238627',GradientType=1 ); 

    border: none;

}

.btn-success:hover{

    color: #fff !important;

	background: #149012;

	background: -moz-linear-gradient(bottom, #149012 0%, #135e17 100%); 

	background: -webkit-linear-gradient(bottom, #149012 0%,#135e17 100%);

	background: linear-gradient(to bottom, #149012 0%,#135e17 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#149012', endColorstr='#135e17',GradientType=1 ); 

}



.btn-danger {

    color: #fff !important;

	background: #d43f3a;

	background: -moz-linear-gradient(bottom, #d43f3a 0%, #a32521 100%); 

	background: -webkit-linear-gradient(bottom, #d43f3a 0%,#a32521 100%);

	background: linear-gradient(to bottom, #d43f3a 0%,#a32521 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d43f3a', endColorstr='#a32521',GradientType=1 ); 

    border: none;

}

.btn-danger:hover{

    color: #fff !important;

	background: #a32521;

	background: -moz-linear-gradient(bottom, #a32521 0%, #801916 100%); 

	background: -webkit-linear-gradient(bottom, #a32521 0%,#801916 100%);

	background: linear-gradient(to bottom, #a32521 0%,#801916 100%); 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a32521', endColorstr='#801916',GradientType=1 ); 

}

.btn-dark{

    color: #fff;

    background-color: #19272d;

    border-color: #19272d;

}

.btn-dark:hover{

    color: #fff;

    background-color: #000;

    border-color: #000;

}

.navbar-inverse {

	color:#fff;

	background:none;

    border:none;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{

	font-weight:normal;

}

.dropdown-menu.animated {

  /* Speed up animations */

  -webkit-animation-duration: 0.30s !important;

  animation-duration: 0.30s !important;



}

.label-warning{

    background-color:#f67b3d;

}

.label{

    font-weight: normal;

}

.toast {

   opacity: 1 !important;

}



#toast-container > div {

   opacity: 1 !important;

}



.modal .input-group .input-group-addon,

.content .input-group .input-group-addon{

	border-radius:0px 60px 60px 0px;

}

.modal fieldset{

	position:relative;

	margin-bottom:20px;

}

.modal fieldset .add-fields {

    position: absolute;

    font-size: 12px;

    right: 10px;

    top: -4px;

    height: 28px;

}



.modal-body {

    position: relative;

    padding: 15px;

    max-height: calc(100vh - 188px) !important;

    overflow: auto;

}

/* sidebar nav */



.sidebar .nav li a {

    color: #fff;

    font-size: 13px;

    padding: 17px 10px !important;

	background:none !important;

}

.sidebar .nav li a:hover{

	color:#f0d708;

	background:none;

}

.sidebar .nav li.active a {

    background: #0d61b2 !important;

    border-left: solid 8px #f0d708;

    color: #f0d708;

}

.sidebar .nav li a  span{

	float:right;

	margin-right:2px;

}

.sidebar .nav li.active a i{

    color: #f0d708;

}

.sidebar .nav li a[aria-expanded="true"] i.fa-chevron-right:before {

    content: "\F078" !important;

}

@media screen and (max-width: 768px) {

.sidebar .nav li a{

	font-size:10px

}

.content {

    padding: 20px 5px 20px 39px;

}

}

/* ---------------------------------------------------

    TEXT-COLOR

----------------------------------------------------- */

.text-warning {

    color: #bda900;

}

.text-danger {

    color: #de0703;

}

.text-primary {

    color: #329ffb;

}

.text-success {

    color: #38bb3a;

}

/* ---------------------------------------------------

    HEADER STYLE

----------------------------------------------------- */

header.fixed-top{

	position:absolute;

	border-radius:0px;

	width:100%;

	height:70px;

	padding-left: 0;

	margin-bottom:0px;

	border:none !important;

	background: #448fc7;

}

header.fixed-top a {

    padding: 11px 0px !important;

    display: inline-block;

    color: #fff;

}

/* ---------------------------------------------------

    SIDEBAR STYLE

----------------------------------------------------- */



.wrapper {

    display: flex;

    width: 100%;

    align-items: stretch;

    perspective: 1500px;

}

.sidebar{

	position:relative;

	width:300px;

	margin-left: -255px;

	transition: all 0.2s cubic-bezier(0.945, 0.020, 0.270, 0.665);

	transform-origin: bottom left;

}

.sidebar div{

	vertical-align:top;

}

.top-sidebar{

	display:inline-block;

	height: 70px;

	width:100%;

	background: #448fc7;

	box-shadow: 0px 0px 20px #00000052;

}

.sidebar .sidebar-content{

	position:relative;

	height:100%;

	background:url('../img/bg-login.jpg');

	color: #9d9d9d;

	/* box-shadow: inset 0px 10px 20px rgba(0, 0, 0, 0.55); */

}

.sidebar .navbar-brand{

    line-height: 0;

	margin-right: -10px;

	float:right;

	overflow:hidden;

	width: 41px;

	height: 57px;

	transition: all 0.2s;

}



.sidebar .navbar-brand img{

    margin-top:0;

}

.sidebar .navbar-brand img{

	display:none

}

.sidebar.active .navbar-brand img{

	display:block;

    margin-top:-5px;

    z-index: 2;

    position: relative;

    height: 42px;

}

.sidebar.active .navbar-brand{

	margin-right:0;

	float:none;

	overflow:visible;

	width:auto;

	height:auto;

}



.sidebar hr{

	border-color:#515e68;

}

.sidebar.active {

    margin-left:0px;

/*     transform: rotateY(100deg); */

}

.sidebar .sidebar-header {

    padding: 20px;

}



.sidebar ul.components {

    padding: 20px 0;

}



.sidebar ul p {

    color: #fff;

    padding: 10px;

}

.sidebar ul li {

	width:100%;

	border-bottom: solid 1px #3578bb;

	background: #1f5286c7;

}

.sidebar ul li a {

    padding: 10px;

    display: block;
	
	

}

.sidebar ul li a:hover {

    color: #7386D5;

    background: #fff;

}



.sidebar .sidebarCollapse {

    width: 60px;

    height: 50px;

    background: none;

    cursor: pointer;

    position: absolute;

    right: 0;

    top: 10px;

    z-index: 1;

    border-radius: inherit;

    box-shadow: none;

    padding: 0px;

}



.sidebar .sidebarCollapse span {

    width: 28%;

    height: 2px;

    margin: 0 auto;

    display: block;

    background: #dbe211;

    transition: all 0.5s cubic-bezier(0.810, -0.330, 0.345, 1.375);

    margin-left: 35px;

}



.sidebar.active  .sidebarCollapse span:first-of-type {

    transform: rotate(45deg) translate(2px, 2px);

}

.sidebar.active  .sidebarCollapse span:nth-of-type(2) {

    opacity: 0;

}

.sidebar.active  .sidebarCollapse span:last-of-type {

    transform: rotate(-45deg) translate(1px, -1px);

}

.sidebar.active .sidebarCollapse span {

    margin-top: 0px;

}



.sidebar .sidebarCollapse span {

    transform: none;

    opacity: 1;

    margin-top: 5px;

}



.sidebar .bg-dark p{

	color:#fff;

}



.sidebar fieldset {

    border: 1px solid #515e68;

    margin: 10px 2px;

    padding: 0.35em 0.625em 0.75em;

    color: #9d9d9d;

}

.sidebar fieldset legend {

    border: 0;

    padding: 0 10px;

    color: #9d9d9d;

    font-size: 13px;

	 margin: 0px;

}

.sidebar fieldset .form-group{

	margin-bottom:5px;

}

.sidebar .panel-default{

    border: solid 1px #878994;

	background: #19272d;

}

.sidebar .panel-default .panel-heading {

	color:#000;

    background: #878994;

    border-bottom: solid 1px #878994;

}

.sidebar .panel-default ul li{

    background-color: #19272d;

    border: 1px solid #878994;

}

.sidebar .panel-default ul li i{

	font-size:22px;

}

.sidebar .text-default{

	color:#3f4047

}

.sidebar .icon-legenda{

    border-radius: 60px;

    height: 30px;

    width: 30px;

    padding: 4px;

    background: #dcdcdc;

    text-align: center;

}

.sidebar .panel-default .panel-heading label{

	font-size:11px;

}

.sidebar .panel-default ul li small{

	display:block;

}

.sidebar .panel-default ul{

	max-height:400px;

	overflow:auto;

}

/* .sidebar  .nav-tabs>li.active>a,.sidebar  .nav-tabs>li.active>a:focus, .sidebar  .nav-tabs>li.active>a:hover{

	background: #f84458;

    background: -moz-linear-gradient(left, #f84458 0%, #f67b3d 100%);

    background: -webkit-linear-gradient(left, #f84458 0%,#f67b3d 100%);

    background: linear-gradient(to right, #f84458 0%,#f67b3d 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f84458', endColorstr='#f67b3d',GradientType=1 );

} */



.sidebar .sidebar-container{

	display:inline-block;

	width:100%;

	box-shadow: inset 0px 10px 20px rgba(0, 0, 0, 0.55); 

}

.sidebar  .user-info .thumb{

	margin-right:10px;

	display: block;

	overflow:hidden;

	width:70px;

	height:70px;

	border-radius:90px;

	background:red;

	margin: auto;

}

.sidebar  .user-info .user-content{

	/* display: -webkit-box; */

	width: 100%;

}

.sidebar  .user-info .user-content h1{

    font-size: 16px;

    color: #fff;

    margin-bottom: 4px;

    text-align: center;

    width: 100%;

    display: inline-block;

}

.sidebar  .user-info .user-content h2{

    font-size: 13px;

    margin: 0px;

    color: #fff;

    font-weight: normal;

    display: inline-block;

    width: 100%;

    text-align: center;

}

.sidebar  .user-info .user-content a{

    color: #fff;

    margin-top: 20px;

    display: inline-block;

    width: 100%;

    text-align: center;

}

.sidebar  .user-info .btn{

	width:100%;

}

.sidebar h2 .fa-user{

	color:#47a032;

}

.sidebar .show-active{

	display:none;

}

.sidebar.active .show-active{

	display:inline-block;

}

/* ---------------------------------------------------

    CONTENT STYLE

----------------------------------------------------- */



.content {

	position:relative;

	width: 100%;

	padding: 20px 20px 20px 20px;

	min-height: calc( 100vh);

	transition: all 0.3s;

	z-index:-2;

	padding-top: 89px;

	/* padding-right: 54px; */

}

.content .well-content{

    margin: 0px;

    color: #19272d;

    box-shadow: 0px 0px 20px rgba(0,0,0, 0.1);

    background: #fff;

    border: none;

}

.content .well-content i{

	font-size:25px;

	margin:0px 10px 0px 0px;

}

.content .well-content small{

	display:block;

}

.content .navbar-inverse{

	padding: 8px 15px;

	margin-bottom:0px;

}

.content .navbar-inverse .fas.fa-plus{

	font-size:11px;

	margin-left: -2px;

}

.row.no-gutters {

  margin-right: 0;

  margin-left: 0;

}

.row.no-gutters > [class^="col-"],

.row.no-gutters > [class*=" col-"] {

  padding-right: 0;

  padding-left: 0;

}

.container-telapadrao{

    position: relative;

    margin-top: 20px;

    padding: 10px 20px;

    border-radius: 4px;

    box-shadow: 0px 0px 20px rgba(0,0,0, 0.1);
    
    background-size:cover;

    overflow: auto;
    
    width:50%;

}

@media (max-width: 900px) 
{
	.container-telapadrao
    {
        float: right;
        width:100%;
	}
}


.container-wizard{

    position: relative;

    margin-top: 20px;

    padding: 10px 20px;

    border-radius: 4px;

    box-shadow: 0px 0px 20px rgba(0,0,0, 0.1);

    background: url('../img/bg-wizard.jpg');

	background-size:cover;

    overflow: auto;

}

.container-wizard .left-cont {

	padding:100px 10px;

	text-align:center;

}



.container-wizard .left-cont img{

    width:100%;

}

.container-wizard .left-cont .page-item .page-link {

    color: #000;

    margin-right: 5px;

    border-radius: 60px !important;

}

.container-wizard .left-cont .pagination{

	margin-top:15px;

}

.container-wizard .right-cont {

	padding:100px 10px;

}

.container-wizard .right-cont h1 {

	font-size:25px;

	text-transform:uppercase;

    font-weight: bold;

    color: #1c4468;

	margin-bottom:0px;

}

.container-wizard .right-cont h2 {

	text-transform:uppercase;

	font-size:25px;

	margin-top:0px;

    font-weight: bold;

    color: #448fc7;

}

.container-wizard .right-cont p{

	color:#8d8c8c;

}

.container-wizard .right-cont .btn{

	height:50px;

	font-size:20px !important;

}



.foot-wizard{

	display:flex;

}

.foot-wizard p{

	text-align:right;

	margin-right:10px;

}

.foot-wizard i{

	color:#8d8c8c;

	margin:0px 10px;

}

@media (max-width: 768px) {

.container-wizard .right-cont  .btn{

	min-width:auto !important;

	width:100%;

}

.container-wizard .right-cont  .mobile{

	margin-top:10px;

	width:100%;

}

.container-wizard .right-cont  .mobile-button{

	text-align:center;

}

.container-wizard .left-cont ,

.container-wizard .right-cont{

    padding: 10px 10px;

}

.container-wizard .right-cont h1,

.container-wizard .right-cont h2 {

	display:block;

	text-align:center;

    font-size: 17px;

}

.container-wizard .right-cont p{

	text-align:center;

}

.foot-wizard{

	display:block;

}

.foot-wizard i{

	display:none;

}

.foot-wizard p{

	border-top:solid 1px #ccc;

	padding-top:10px;

	margin-top:10px;

	text-align:center;

}

.foot-wizard .btn{

	width:100%;

	min-width:none !important;

}

}

/* ---------------------------------------------------

    TICKET

----------------------------------------------------- */

.content .ticket-group{

/* 	border-right:solid 1px #ddd; */

}

.content .ticket-group.last .ticket-box{

	width:100%;

	border:none !important;

}

.content .ticket-box{

	float:left;

	width:50%;

	height: 55px;

	border-bottom:dashed 1px #ddd;

}

.content .ticket-box strong{

	display:block;

    font-size: 15px;

    font-weight: 600;

}

.content .ticket-box h4{margin:0px;}

/* ---------------------------------------------------

    PAGINATION

----------------------------------------------------- */

.pagination{

	margin: 0px 0;

}

.page-item.active .page-link,

.page-item.active .page-link:hover {

    background-color: #448fc7;

    border-color: #448fc7;

    color: #fff !important;

}

.page-item .page-link{

	color:#000;

}

.page-item .page-link:hover{

	color:#e84c3d;

	

}

/* ---------------------------------------------------

    DROPDOWN

----------------------------------------------------- */

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{

	background-color: #257cbf;

}

.bs-searchbox input.form-control {

    height: 27px !important;

}

/* ---------------------------------------------------

    DATEPICKER

----------------------------------------------------- */

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover{

	color: #ffffff !important;

	background-color: #2b8dda !important;

	border-color: #2b8dda !important;

}

.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover{

	background-color: #000000 !important;

    border-color: #000000 !important;

}

/* ---------------------------------------------------

    BS-CALLOUT

----------------------------------------------------- */

.bs-callout {

	display:flex;

	padding: 5px 20px;

	margin: 0px 0;

	border: 1px solid #eee;

	border-left-width: 5px;

	border-radius: 3px;

	background:#fff;

	height: 57px;

	border-left-color: #e75d50;

    box-shadow: 0px 0px 20px rgba(0,0,0, 0.1);

}

.bs-callout h4{

	padding-top: 0px;

	font-size: 12px;

}



.bs-callout i{

	color:#e75d50;

	font-size: 25px;

	margin: 8px 10px 0px 0px;

}

/* ---------------------------------------------------

    PANELS STYLE

----------------------------------------------------- */

.panel-default {

	position:relative;

	margin-top:20px;

	margin-bottom:0px;

    border-radius: 4px;

    box-shadow: 0px 0px 20px rgba(0,0,0, 0.1);

    background: #fff;

	border:none;

}

.panel-default .panel-heading{

	font-size: 15px;

    background: #ffffff;

    padding: 13px 20px;

    border-bottom: solid 1px #dddddd;

}

.panel-success {

    border-color: #eee;

}

.panel-success>.panel-heading {

    color: #14181b;

    background-color: #eee;

    border-color: #eee;

}

.panel-default .panel-footer {

    background-color: #ffffff;

}

/* ---------------------------------------------------

    TABLE STYLE

----------------------------------------------------- */

.table-scroll{

	overflow:auto;

}

.filter-table{

    border-bottom: solid 1px #dddddd;

    padding: 0px 0px 0px 10px;

    display: inline-block;

    width: 100%;

    margin-bottom: 20px;

}

.filter-table .expand-filter a{

	margin-bottom:20px;

	display:block;

	font-size:15px;

	color:#6e7b8e;

	margin-top: 10px;

}

.table-responsive{

	position:relative;

	margin-top:20px;

    padding: 10px 20px;

    border-radius: 4px;

    box-shadow: 0px 0px 20px rgba(0,0,0, 0.1);

    background: #fff;

	overflow:visible;

}

.modal .table-responsive{

	height:auto;

    box-shadow:none;

    border: solid 1px #eee !important;

}



.table-responsive .title-tabela{

    display: block;

    /* top: 0px; */

    /* left: 0px; */

    width: 100%;

    background: #ffffff;

    padding: 13px 20px;

    border-bottom: solid 1px #dddddd;

    height: 59px;

}

.title-tabela i ,

.panel-default .panel-heading i{

	float:left;

	margin: 4px 4px 0px 0px;

	font-size: 24px;

	color:#b2b2b2;

}

.table-responsive .title-tabela  h4,

.panel-default .panel-heading h4{

    float: left;

    margin: 7px 0px 13px 8px;

    font-size: 15px;

}

.table-responsive table thead th{

	border-top:0px !important;

}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {

    padding:5px 8px !important;

	vertical-align: middle;

	text-align:center;

}

table th, table td {

	height:36px;

    border-bottom:none !important;

}

table th.text-left, table td.text-left {

	text-align:left !important;

}

table.dataTable.no-footer,

.dataTables_wrapper.no-footer .dataTables_scrollBody{

	border-color:#ddd !important;

}

.dataTables_length{

	display:none;

}

.dataTables_wrapper .dataTables_filter{

	margin-top: 5px;

	margin-bottom:15px;

}

.dataTables_wrapper .dataTables_filter input {

    margin-left: 0.5em;

    padding: 7px;

    border: solid 1px #ddd;

    background: #fafafa;

    border-radius: 4px;

    text-indent: 25px;

}

.dataTables_filter label {

    position: relative;

}

.dataTables_filter label:before{

    content: "\f002";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

    position: absolute;

    left: 17px;

    top: 6px;

    color: #737373;

}

.dataTables_wrapper .dataTables_paginate {

    padding: 18px 0px !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{

	color:#fff !important;

	background: #448fc7 !important;

	border-color: #448fc7 !important;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active,

.dataTables_wrapper .dataTables_paginate .paginate_button {

    position: relative !important;

    color: #000 !important;

    text-decoration: none !important;

    background-color: #fff !important;

    border: 1px solid #ddd !important;

}

.dataTables_scrollBody thead {visibility: hidden;}

table.dataTable,

table.dataTable th,

table.dataTable td {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

table.dataTable>tbody>tr.child ul.dtr-details {

	display:block !important;

	background: #fbfbfba3;

	width: 100% !important;

	text-align: left  !important;

}

table.dataTable tbody tr.child, table.dataTable tbody td.child{

	padding:0px !important;

}

table.dataTable>tbody>tr.child ul.dtr-details>li{

	border-color:#d8d8d8 !important;

	padding:10px !important;

}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{

	top: 13px !important;

}

table.dataTable>tbody>tr.child span.dtr-title{

	display:none !important;

}

table.dataTable>tbody>tr.child ul.dtr-details table th,

table.dataTable>tbody>tr.child ul.dtr-details table td{

	padding: 0px !important;

	text-align:center !important;

}

table.dataTable>tbody>tr.child ul.dtr-details table tr{

	background:none !important;

}

table.dataTable>tbody>tr.child ul.dtr-details table tbody tr{



	border-top: solid 1px #d6d6d6;

}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{

    left: 7px !important;

}

.table-responsive h1{

	margin:0px;

}

.table-responsive{

	color:#6e7b8e;

}

.table-responsive  td .btn{

	height:32px;

}



/* ---------------------------------------------------

    HACK DRODOWN MULTNIVEL STYLE

----------------------------------------------------- */

.dropdown-submenu {

    position:relative;

}

.dropdown-submenu>.dropdown-menu {

    top:0;

    left:100%;

    margin-top:-6px;

    margin-left:-1px;

    -webkit-border-radius:0 6px 6px 6px;

    -moz-border-radius:0 6px 6px 6px;

    border-radius:0 6px 6px 6px;

}

.dropdown-submenu>a:after {

    display:block;

    content:" ";

    float:right;

    width:0;

    height:0;

    border-color:transparent;

    border-style:solid;

    border-width:5px 0 5px 5px;

    border-left-color:#cccccc;

    margin-top:5px;

    margin-right:-10px;

}

.dropdown-submenu:hover>a:after {

    border-left-color:#555;

}

.dropdown-submenu.pull-left {

    float:none;

}

.dropdown-submenu.pull-left>.dropdown-menu {

    left:-100%;

    margin-left:10px;

    -webkit-border-radius:6px 0 6px 6px;

    -moz-border-radius:6px 0 6px 6px;

    border-radius:6px 0 6px 6px;

}

.dropdown-submenu:hover>.dropdown-menu {

    display: block;

}

/* ---------------------------------------------------

    COLORS

----------------------------------------------------- */

.color-primary{

	color: #716aca!important;

}

.color-danger{

	color: #f4516c!important

}

.color-success{

	color: #34bfa3!important;

}

.color-info{

	color: #00c5dc!important;

}

.color-secundary{

    color: #36a3f7!important;

}

.color-warning{

	color: #ffb822!important;

}

/* ---------------------------------------------------

    RELOGIO

----------------------------------------------------- */

#date{

  color: #fff;

  font-family: "Open Sans", sas-serif;

  font-size: 11px;

  text-align: center;

  left: calc(50% - 100px);

  position: absolute;

  top: calc(50% - 22px);

  width: 200px;

}

#clock{

  align-items: center;

  -webkit-align-items: center;

  display: flex;

  display: -webkit-flex;

  height: 130px;

  justify-content: space-around;

  -webkit-justify-content: space-around;

  left: calc(50% - 50px);

  position: absolute;

  top: calc(50% - 55px);

  width: 100px;

}

#clock i{

    font-size: 20px;

    color: #fff;

    float: left;

    margin: -8px 4px 0px 0px;

}

.unit{

  color: #fff;

  font-family: "Open Sans", sans-serif;

  font-size: 22px;

  font-weight:bold;

  text-align: center;

}

.unit.point:after{

	content:":";

	padding:0px 2px;

}

/* ---------------------------------------------------

    ESTILO DO CHECKBOX  & RADIO

----------------------------------------------------- */

*:focus {

    outline-color:#014278;

}

.styled-checkbox {

  position: absolute;

  opacity: 0;

}

.styled-checkbox + label {

  color:#fff;

  font-size:15px;

  position: relative;

  cursor: pointer;

  padding: 0;

}

.styled-checkbox + label:before {

  content: "";

  margin-right: 10px;

  display: inline-block;

  vertical-align: text-top;

  width: 25px;

  height: 25px;

  border-radius:4px;

  border: solid 1px #5598cc;

  background: #ffffff;

}

.styled-checkbox:hover + label:before {

  background: #;

}

.styled-checkbox:focus + label:before {

  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);

}

.styled-checkbox:checked + label:before {

  background: #;

}

.styled-checkbox:disabled + label {

  color: #b8b8b8;

  cursor: auto;

}

.styled-checkbox:disabled + label:before {

  box-shadow: none;

  background: #ddd;

}

.styled-checkbox:checked + label:after {

  content: "";

  position: absolute;

  left: 7px;

  top: 10px;

  background: #225d99;

  width: 3px;

  height: 3px;

  box-shadow: 2px 0 0 #225d99, 4px 0 0 #225d99, 4px -2px 0 #225d99, 4px -4px 0 #225d99, 4px -6px 0 #225d99, 4px -8px 0 #225d99;

  transform: rotate(45deg);

}



.styled-radio {

    position: absolute;

    opacity: 0;

    z-index: 99999999;

}



.styled-radio + label {

position: relative;

cursor: pointer;

padding: 0;

font-weight:600;

}



.styled-radio + label:before {

content: "";

margin-right: 10px;

display: inline-block;

vertical-align: text-top;

width: 20px;

height: 20px;

border-radius: 60px;

background: #ddd;

}



.styled-radio:hover + label:before {

background: #013d6e;

}



.styled-radio:focus + label:before {

box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);

}



.styled-radio:checked + label:before {background: #777777;}



.styled-radio:disabled + label {

color: #b8b8b8;

cursor: auto;

}



.styled-radio:disabled + label:before {

box-shadow: none;

background: #ddd;

}



.styled-radio:checked + label:after {

    content: "";

    position: absolute;

    left: 4px;

    top: 4px;

    background: white;

    width: 12px;

    height: 12px;

    /* box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; */

    /* transform: rotate(45deg); */

    border-radius: 60px;

}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
  }
  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
    pointer-events: none;
    filter: none;
    opacity: 0.65;
  }

  .btn-outline-primary {
    color: #448FC7;
    border-color: #3d8cc9;
    background: transparent;
  }
  .btn-outline-primary:hover {
    color: #fff;
    background-color: #1c669e;
    border-color: #1c669e;
    box-shadow: 0 0.125rem 0.25rem 0 rgba(46, 102, 187, 0.4);
    transform: translateY(-1px);
  }
  .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    color: #fff;
    background-color: #1c669e;
    border-color: #1c669e;
    box-shadow: none;
    transform: translateY(0);
  }
  .btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: #448FC7;
    border-color: #448FC7;
  }
  .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: none;
  }
  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
    box-shadow: none;
  }
  
  .btn-outline-primary .badge {
    background: #696cff;
    border-color: #696cff;
    color: #fff;
  }
  
  .btn-outline-primary:hover .badge,
  .btn-outline-primary:focus:hover .badge,
  .btn-outline-primary:active .badge,
  .btn-outline-primary.active .badge,
  .show > .btn-outline-primary.dropdown-toggle .badge {
    background: #fff;
    border-color: #fff;
    color: #3d8cc9;
  }
/* ---------------------------------------------------

    charts tela inicial

----------------------------------------------------- */

#chartDonaut {
    min-width: 350px;
    /* margin: 35px auto;
    opacity: 0.9; */
  }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid #d9dee3;
    border-radius: 0.5rem;
  }
.card-header {
    padding: 0rem 1.5rem;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0 solid #d9dee3;
}

.card-body {
    flex: 1 1 auto;
    padding: 1.5rem 1.5rem;
  }

.card-title {
    margin-bottom: 0.875rem;
    font-size: 20px;
}

.titulo-relatorio {
    font-weight: 600 !important;
    font-size: 25px !important;
}

.d-md-flex {
    display: flex !important;
  }
  .d-flex2 {
    display: flex !important;
  }  

.avatar {
    position: relative;
    width: 2.375rem;
    height: 2.375rem;
    cursor: pointer;
    margin-bottom: 15px !important;
  }
  .avatar img {
    width: 100%;
    height: 100%;
  }

  .flex-shrink-0 {
    flex-shrink: 0 !important;
  }

.rounded {
  border-radius: 0.375rem !important;
  width: 38px !important; 
  height: 38px !important;
}

.margin-0 
{
    margin: 0px !important;
}

.fw-semibold {
    font-size: 17px;
    font-weight: 600 !important;
  }

.fw-semibold-sub {
    font-size: 13px;
    font-weight: 600 !important;
  }

  .justify-content-between {
    justify-content: space-between !important;
  }

  .align-items-center {
    align-items: center !important;
  }

  .flex-column {
    flex-direction: column !important;
  }

  .gap-1 {
    gap: 0.25rem !important;
  }
  .mb-2 {
    margin-bottom: 0.5rem !important;
  }

  .h-100 {
    height: 100% !important;
  }

  .p-0 {
    padding: 0 !important;
  }
  .style-none-li
  {
    list-style: none;
  }
  .w-100 {
    width: 100% !important;
  }
  .color-user{
    background-color: #f3f3f3;
    border-radius: 10px;
    padding: 0 10px;
  }
  .mb-4 {
    margin-bottom: 1.5rem !important;
  }

  .font-card
  {
    font-size:16px !important;
  }
  /* .gap-2 {
    gap: 0.5rem !important;
  } */
  /*
  
  .pb-1 {
    padding-bottom: 0.25rem !important;
  }
  
  .flex-wrap {
    flex-wrap: wrap !important;
  }
  
  .text-muted {
    --bs-text-opacity: 1;
    color: #a1acb8 !important;
  }
  .d-md-block {
    display: block !important;
  }
  .mb-1 {
    margin-bottom: 0.25rem !important;
  }

  .mb-0 {
    margin-bottom: 0 !important;
  } */

/* ---------------------------------------------------

    scrollbar

----------------------------------------------------- */

::-webkit-scrollbar {

  width: 5px;

  height:5px;

}

 

::-webkit-scrollbar-track {

  background: #e6eaeb ;

  border-radius:4px;

}

 

::-webkit-scrollbar-thumb { 

  background: #c6c6c6;

  border-radius:4px;  

}

/* ---------------------------------------------------

    MEDIAQUERIES

----------------------------------------------------- */

@media (max-width: 1366px) {

	.bs-callout h4{

		font-size:11px !important;

	}

	table  th, table  td{

		font-size:11px;

	}

	.content .ticket-box{

		width:100%;

	}

}

@media (max-width: 1000px) {

	header .navbar-light span.breadcrumbs{

		display:none;

	}

@media (max-width: 768px) {

	

.content {

    padding: 89px 5px 20px 39px;

}

	.pace .pace-activity {

	  width: 150px !important;

	  height: 150px !important;

	}

	.pace .pace-activity::before {



		bottom: 20px !important;

		left:100px !important;

		width: 30px !important;

		height: 30px !important;

	}

	.pace .pace-activity::after {

				display:none !important;

		bottom: 10px !important;

		width: 20px !important;

		height: 20px !important;

	}

	.content .navbar-inverse {

		padding:0px;

		border: none;

	}

	.content .navbar-inverse h5{

		margin: 0px !important;

		width: 100%;

		text-align: center;

		border-bottom: solid 1px #444242;

		padding: 10px;

		background: #19272d;

		color: #fff;

	}

	.content .navbar-inverse .navbar-nav{

		width:100%;

	}

	.nav-stacked{

		text-align:center;

	}

	.nav-stacked>li {

		display: inline-block;

		float: none;

	}

	.nav.nav.nav-pills a span{

		display:none;

	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

		border-color: #101010;

		background: #19272d;

		z-index: 1;

		position: relative;

	}

	.paginate_button.next,

	.paginate_button.previous{

		display:none !important;

	}

	.table-responsive{

		overflow:visible;

	}

	.dataTables_wrapper{

		margin-top: 60px;

	}

	.dataTables_filter{

		display:none !important;

	}

	.box-login{

		width: 90%;

	}

	.navbar-brand>img {

		height: 40px;

	}

	.sidebar.active .navbar-brand>img {

		height: 30px;

	}

.sidebar .user-info .btn {

    font-size: 11px;

}

	#clock,

	#date{

		display:none;

	}



    .sidebar{

		position:absolute;

		margin-left: -162px;

		height:100%;

		width: 200px;

		}

    .sidebar .nav.nav.nav-pills a{

		margin-bottom:10px;

	    font-size: 11px;

		 background: #cccccc;

    }

    .sidebar  .nav.nav.nav-pills{

		margin-top:0px;

    }

    .sidebar .sidebar-content{

		position:relative;

		padding-bottom:50px;

    }

	.dropdown-menu .divider {

		display:none

	}

    .sidebar.active{

        margin-left:0px;



    }

}