.page-login-v3:before {
    background: #1c0233;

    /*background: #2b363c;*/
}

.site-navbar, .site-footer {
    background: #1c0233 !important;
}

.site-footer-legal {
    color: #ddd !important;
}

.site-menubar {
    background: #6716B1 !important;
}

.site-menu > .site-menu-item.active {
    background: #791fcc !important;
}

.site-menu > .site-menu-item > a {
    color: #ddd !important;
}

.page-login-v3 .panel {
    background: none !important;
    border-radius: 20px;
    box-shadow: none;
    border: 0;
}

.page-login-v3 .panel .panel-body {
    padding: 15px;
}

.page-login-v3 form {
    margin: 20px 0 30px;
}

.page-login-v3 .brand-img {
    width: 170px;
    max-width: 170px; 
}

.page {
    background: #41106e !important;
}

.site-footer {
    background: #1b2227;
    border: 0;
}

.navbar-container.container-fluid {
    padding: 0;
}

.credit-money {
    float: right;
    top: 4px;
    position: relative;
}

.credit-money i {
    color: #3eb343;
    font-size: 20px;
    position: relative;
    top: 2px;
    left: -5px;
}

.nav.navbar-toolbar,
.nav.navbar-toolbar .dropdown,
.nav.navbar-toolbar .dropdown .navbar-avatar {
    width: 100%;
}

.page-header {
    padding: 25px 10px 15px 10px;
}

.page-title {
    font-size: 20px;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 100;
    text-shadow: none;
}

.panel {
	/*background: rgba(255, 255, 255, 0.05);*/
    background: none;
	border-radius: 0;
    box-shadow: none;
    border: 0;
    margin-bottom: 0;
}

.panel-apuesta {
    margin-top: -10px;
    margin-bottom: 10px;
}

.panel-apuesta .panel-body {
    padding: 0;
}

.panel-apuesta .panel-body strong {
    float: right;
}

.panel-apuesta .panel-body .list-group-item {
    background: #1b2227;
    padding: 5px 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    color: #d5d8d9;
}

.panel-apuesta .panel-body .list-group-item:first-child {
    border-top: 0 !important;
}

.panel-title {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

h4 {
    color: #eaeae5;
    text-align: center;
}

.panel-body {
    padding-top: 5px;
}

.table-responsive {
    border: 0 !important;
}

.table {
    border: 0 !important;
}

.table th {
    background: #2e0650 !important;
    font-size: 14px;
    color: #fff !important;
}

.table td {
    background: #6716B1 !important;
    color: #ddd !important;
}

.title-status {
    text-shadow: none;
    color: #fff
}

.table-bordered, 
.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th {
    border: 1px solid #2f0c50 !important;
}

.table-hover>tbody>tr:hover, 
.table>tbody>tr.active>td, 
.table>tbody>tr.active>th, 
.table>tbody>tr>td.active, 
.table>tbody>tr>th.active, 
.table>tfoot>tr.active>td, 
.table>tfoot>tr.active>th, 
.table>tfoot>tr>td.active, 
.table>tfoot>tr>th.active, 
.table>thead>tr.active>td, 
.table>thead>tr.active>th, 
.table>thead>tr>td.active, 
.table>thead>tr>th.active {
    background: none;
}

.input-code {
    height: auto !important;
    padding: 7px 14px !important;
    font-size: 19px !important;
    border: none !important;
}

.buttonSearch {
    font-size: 16px;
}

hr {
    margin-top: 11px;
    margin-bottom: 11px;
    border-top: 1px solid #1c0233;
    width: 99%;
}

.site-menubar-body,
.scrollable-content {
    height: 100% !important;
}

.site-menubar-body hr {
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #41106e;
    width: 100%;
}

.site-menu-item a {
    line-height: normal !important;
    padding: 15px !important;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 15px;
}

.site-menu-item a > i {
    font-size: 18px;
}

.site-menubar-unfold .site-menu-icon {
    margin-right: 12px;
    position: relative;
    top: -1px;
}

.site-menubar-footer > a {
    display: flex;
    float: left;
    width: 50%;
    height: 78px;
    padding: 0;
    color: #76838f;
    text-align: center;
    background-color: #21292e;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.site-menubar-footer > a .site-menu-title {
    font-size: 11px;
    margin-top: 8px;
}

.form-material .form-control.focus~.floating-label, 
.form-material .form-control:focus~.floating-label {
    color: #ffffff;
}

.form-material .form-control, 
.form-material .form-control.focus, 
.form-material .form-control:focus {
    background-image: -webkit-gradient(linear, left top, left bottom,
    					from(#fff),
    					to(#fff)
    				  ),
    				  -webkit-gradient(linear, left top, left bottom,
    					from(#e4eaec),
    					to(#e4eaec)
    				  );
    				  
    background-image: -webkit-linear-gradient(#fff, #fff), 
					  -webkit-linear-gradient(#e4eaec,#e4eaec);
					  
    background-image: -o-linear-gradient(#fff,#fff),
    				  -o-linear-gradient(#e4eaec,#e4eaec);
    				  
    background-image: linear-gradient(#fff,#fff),
    				  linear-gradient(#e4eaec,#e4eaec);
}

.loading {
    animation: loading-rotate 1s infinite linear;
}

@keyframes loading-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}