/* Panel login */
.container-login .panel-login{
 margin-right:0px;
 margin-top:0px;
 margin-bottom:0px;
 max-width:50%;
 min-height:100vh;
 border-radius:0px;
}

/* Info login */
.container-login .panel-login .info-login{
 padding-left:50px;
 position:fixed;
 bottom:0px;
 right:0px;
 top:auto;
 left:auto;
}

/* Login content */
.container-login .panel-login .login-content{
 position:relative;
 background-color: var(--panel-background);
 bottom:auto !important;
 right:auto !important;
 height:706px;
}

.page-link {
    border: 1px solid var(--border-page-navigation);
}

.tab-pane
{
    border: 1px solid var(--tab-active-border-color) !important;
}

/* Right Panel */

.right-panel .container-part {
	box-shadow: 0px 0px 90px 100px var(--template-box-shadown);
}
.right-panel[style="display: block;"]::before {
    background-color: var(--color-overlay) !important;
}

/***** BTN APP *****/

.btn-app {
    border-radius: 10px;
    position: relative;
    padding: 15px 10px;
    margin: 0 0 10px 10px;
    min-width: 120px;
    height: 75px;
    text-align: center;
    display: inline-block;
    
}
.btn-app > span > .fa,
.btn-app > span > .fab,
.btn-app > span > .far,
.btn-app > span > .fas,
.btn-app > span > .glyphicon,
.btn-app > span > .ion {
    font-size: 20px !important;
    display: block;
    margin-bottom: 7px;
}
.btn-app > .badge {
    position: absolute;
    top: -3px;
    right: -10px;
    font-size: 10px;
    font-weight: 400;
}

.bg-app {
    border: 1px solid var(--btnapp-border-color) !important;
    color: var(--btnapp-color) !important;
    background: var(--btnapp-background) !important;
}
.bg-app:hover,.bg-app:active {
    color: var(--btnapp-color-hover) !important;
    background: var(--btnapp-background-hover) !important;
}
.bg-app:active,
.bg-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/***********/
/* DevTool */
/***********/

.devtool_container {
    display: contents;
}

/* modo dark *

.devtool_dark {
    color: #dedede;
}
.devtool_dark .card.panel {
    background: #212a31;
    border: 1px solid var(--gray-dark);
}
.devtool_dark .card.panel .panel-title {
    color: #dedede !important;
}
.devtool_dark .card-header {
    background: var(--gray-dark);
}

/* Barra de rolagem */

/* width *
*::-webkit-scrollbar {
  width: 8px;
}

/* Right Panel *

.devtool_dark .right-panel {
	background: #212a31;
	border-right: 1px solid #222a31;
	box-shadow: 0px 0px 90px 100px rgba(0, 0, 0, 0.534);
}
.devtool_dark .right-panel .container-part,
.container-part.devtool_dark  {
	background: #212a31 !important;
	border-left: 1px solid #222a31 !important;
	box-shadow: -25px 10px 50px 0px rgba(0, 0, 0, 0.34);
}

/* Tables *

.devtool_dark table {
	color: #c9cfd5;
}
.devtool_dark .table td, .devtool_dark .table th {
    border-top: 1px solid #627c8b;
}
.devtool_dark .table thead tr th,
.devtool_dark .table>thead>tr>th.tdatagrid_col, .devtool_dark .table>thead>tr>th.tdatagrid_action {
    border-bottom: 1px solid #627c8b;
}
.devtool_dark .table-striped tbody tr:nth-of-type(even),
.devtool_dark table.dataTable tbody tr {
    background-color: #242d33;
}
.devtool_dark .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.15);
}
.devtool_dark .table-hover tbody tr:hover {
    color: #fdfdfd;
    background-color: rgba(0,0,0,.175);
}
.devtool_dark .table tbody tr td, .devtool_dark .table tbody tr th {
    border-top: 1px solid #2f3b43;
    border-bottom: 1px solid #2f3b43;
}

.devtool_dark table .row-selected {
	background: #20455b !important;
}

.devtool_dark table.dataTable > tbody > tr.child ul li {
	border-bottom: 1px solid #374249;
}

.devtool_dark .table-bordered,
.devtool_dark .table-bordered thead tr th,
.devtool_dark .table-bordered tbody tr td, .devtool_dark .table-bordered tbody tr th {
	border: 1px solid #384249;
}
.devtool_dark .table-active, .devtool_dark .table-active>td, .devtool_dark .table-active>th {
    background-color: #384249;
}

/* Buttons *

.devtool_dark .btn-default,
.devtool_dark .bg-app {
    color: #c9cfd5;
    background-color: #374249;
    border: 1px solid #374249;
}
.devtool_dark .btn-default:hover, .devtool_dark .btn-default:focus,
.devtool_dark .bg-app:hover, .devtool_dark .bg-app:focus {
    color: #555;
    background-color: #e3e3e3;
}
.devtool_dark .btn-group .btn.btn-default,
.devtool_dark .bg-app {
	border: 1px solid #374249;
}

.devtool_dark .dropdown-menu {
	color: #c9cfd5;
    background-color: #384249;
}
.devtool_dark .dropdown-menu .header,
.devtool_dark .dropdown-menu ul.menu li {
	border-bottom: 1px solid #242d33;
}
.devtool_dark .dropdown-menu ul.menu .menu-info h4 {
	color: #cbcbcb;
}
.devtool_dark .dropdown-menu > li > a,
.devtool_dark .dropdown-menu li a span {
	color: #c9cfd5;
}
.devtool_dark .dropdown-menu ul.menu li a:hover,
.devtool_dark .dropdown-menu > li > a:hover {
    background-color: rgba(0, 0, 0, 0.175);
}
.devtool_dark .dropdown-menu li.footer a {
	color: #c9cfd5 !important;
}
.devtool_dark .dropdown-menu .footer a {
	border-top: 1px solid #607584;
}

/* BTN App *

.devtool_dark .bg-app {
    color: #c9cfd5;
    background-color: #374249;
    border: 1px solid #374249;
}
.devtool_dark .bg-app:hover, .devtool_dark .bg-app:focus {
    color: #555;
    background-color: #e3e3e3;
}

/* Forms *

.devtool_dark .panel form[type="bootstrap"] select[widget="tcombo"], .devtool_dark .panel form[type="bootstrap"] textarea, .devtool_dark .panel form[type="bootstrap"] input {
	color: #e6ebed;
}
.devtool_dark .form-control {
    color: #e6ebed;
    background-color: #242d33;
    border: 1px solid #242d33;
}
.devtool_dark .form-group .form-line {
    border-bottom: 1px solid #627c8b;
}

.devtool_dark .tfield_disabled, .devtool_dark .panel form[type="bootstrap"] input.tfield_disabled {
	background: #374249 !important;
}

.devtool_dark .tfield_block_events, .devtool_dark .tfield_block_events label, .devtool_dark .tfield_block_events input {
    color: gray;
}

.devtool_dark .select2-dropdown,
.devtool_dark .select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #627c8b;
}
.devtool_dark .select2-dropdown,
.devtool_dark .select2-container--default .select2-selection--multiple,
.devtool_dark .select2-container--default .select2-selection--single {
	background-color: #242d33;
}
.devtool_dark .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #e6ebed;
}
.devtool_dark .select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: #242d33;
	border: 1px solid #374249;
	color: #e6ebed;
}
.devtool_dark .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #374249;
}
.devtool_dark .select2-disable {
    background: #384249;
}

.devtool_dark .tfield {}
.inplace_field,
.devtool_dark .header-actions form input,
.devtool_dark .panel table.tfieldlist .tfield, .devtool_dark .panel table.tfieldlist .tcombo, .devtool_dark .panel table.tfieldlist .select2-selection__rendered {
    border-bottom: 1px solid #5e7684 !important;
    border: 0;
}
.devtool_dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #384249;
    border: 1px solid #6d757d;
}
.devtool_dark .tfield, .inplace_field,
.devtool_dark .header-actions form input {
	background-color: #242d33;
	color: #e6ebed !important;
}

.devtool_dark .panel form[type="bootstrap"] .ttd {}
.devtool_dark .form-group .col-form-label label,
.devtool_dark .form-group .control-label label {
	color: #a1a1a1 !important;
}

/*************/