@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');


html, body {
    font-family: 'Poppins', sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Poppins', sans-serif !important;
}
.white-bg-login .form-control {
    height: 50px;
    padding: 15px 15px;
    border-radius: 7px !important;
    border-color: rgb(211, 211, 211) !important;
    font-size: 14px !important;
    line-height: 1.428571429 !important;
    color: #1f224d !important;
    background-color: #fff;
   
}

.white-bg-login .btn.btn-block:hover, .white-bg-login .btn.btn-block:active, .white-bg-login .btn.btn-block.hover {
    color: #fff;
    background-color: #c77700 !important;
    border-color: #c77700 !important;
}
.white-bg-login .btn.btn-block {
    color: #fff;
    background-color: #FF9800 !important;
    border-color: #FF9800 !important;
    padding: 10px !important;
    font-size: 14px !important;
    font-weight: 600;
    margin: 25px 0px 25px 0px !important;
    border-radius: 4px;
}
#login-box input.form-control:hover {
    border-color: #1f224d !important;
}
.white-bg-login .marg h4 {
    margin-left: 20px;
    font-size: 22px;
    font-weight: 700;
    color: #ffff;
    margin-top: 10px;
}
.white-bg-login .marg {
    margin-bottom: 50px;
    margin-top: 120px !important;
    display: flex ;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-right: 35px !important;
}
.white-bg-login .marg img {
    width: 70px !important;
    height: 70px !important;
}
.white-bg-login {
    background: rgb(2,0,36);
    background: linear-gradient(360deg, rgb(39,15,72) 60%, rgb(48,24,83) 60%)  !important;
    height: 100vh;

}
.user-menu:hover ul.dropdown-menu {
    display: block;
}
.signup-box{
    width: 700px !important;
}
#login-box {
    width: 350px;
    margin: 260px auto 0 auto !important;
    background: #ffff;
    border-radius: 7px;
}
#login-box .header {
    background: #ffff !important;
    border: none !important;
    color: #212121 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-align: left !important;
    padding: 32px 32px 10px 32px !important;
    box-shadow: none !important;
}

.form-box .body, .form-box .footer {
    padding: 5px 32px;
}
#login-box > .header {
    margin-top: 0px !important;
}
.recover_pass_label span {
    font-size: 14px;
    color: black !important;
    font-weight: 400;
}
.recover_pass_label {
    margin-top: 15px;
    line-height: 20px !important;
}

.checkbox.pass {
    text-align: center;
    margin-bottom: 25px !important;
}
input.form-control:focus {
    color: #1f224d !important;
}

input.form-control:focus::-webkit-input-placeholder {
    color: #1f224d !important;;
}
.checkbox.pass span label a {
    font-size: 14px;
    color: #212121 !important;
    text-decoration: underline;
}
.form-group {
    position: relative;
    width: 100%;
  }
  .toggle {
    background: none;
    border: none;
    color: #270F48;
    font-size: 22px;
    font-weight: 600;
    position: absolute;
    right: 5px ;
    top: 10px;
    z-index: 9;
}


/* Home */

/*header.header {
    background: #301754 !important;
}*/
.skin-blue .logo {
    background-color: transparent !important;
    color: #ffff !important;
}

.skin-blue .sidebar > .sidebar-menu > li:first-of-type > a {
    border: none !important;
}
.skin-blue .sidebar > .sidebar-menu > li > a:hover, .skin-blue .sidebar > .sidebar-menu > li.active > a {
    color: #f6f6f6;
    background: transparent !important;
}
.sidebar .sidebar-menu > li > a {
    font-size: 14px;
    padding: 15px 0px 15px 10px !important;
    color: #9fa0b1;
}

ul.sidebar-menu {
    background: #270F48 !important;
    padding: 25px 20px 0px 20px !important;
}

.user-panel, aside.left-side.sidebar-offcanvas {
    background: #270F48 !important;
}

/* aside.left-side.sidebar-offcanvas {
    background: #270F48 !important;
} */

.left-side ul.sidebar-menu li {
    cursor: pointer;
    margin: 6px 0 !important;
    padding: 0 !important;
    position: relative;
    transition: .4s !important;
    border-radius: 6px !important;
}

.left-side ul.sidebar-menu li a span {
    padding-left: 15px;
}
.left-side .sidebar-menu li a {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
}
.skin-blue .sidebar > .sidebar-menu > li > .treeview-menu {
    background: #270F48 !important;
}
.sidebar .sidebar-menu .treeview-menu>li>a:hover {
    background-color: transparent !important;
}
.sidebar .sidebar-menu .treeview-menu > li {
    background-color: transparent !important;
}
.left-side .sidebar .user-panel {
	margin-top: 15px;
	border-bottom: solid 1px #301754;
}
body > .header .logo {
	font-size: 20px !important;
	font-family: 'Poppins', sans-serif !important;
	font-weight: 700;
}
.user-panel > .info > p {
	font-weight: 400 !important;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-footer {
	background-color: #301754 !important;
}
.pace .pace-progress {
	background: #301754 !important;
}
.main-footer strong {
	font-weight: 500 !important;
	letter-spacing: 0.5px;
}


/* Deshbord */
.box .box-header {
    background-color: #301754 !important;
}
.select2-search input {
    border-color: #301754 !important;
}
.drop-marg {
    border: 1px solid #301754 !important;
}
.page-header>a {
    font-size: 16px !important;
    border-bottom: 1px solid #301754 !important;
    color: #301754 !important;
}
.nav-tabs-custom > .nav-tabs > li.active {
    border-bottom-color: #270F48 !important;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
    border-left-color: #270F48;
    border-right-color: #270F48;
    font-size: 14px !important;
    color: #270F48 !important;
}
.select2-results .select2-highlighted {
    color: #212121 !important;
    background-color: #F5F5F5 !important;
}

.select2-chosen, .select2-choice > span:first-child, .select2-container .select2-choices .select2-search-field input {
    padding: 8px 12px !important;
    font-size: 14px;
}
.select2-container-active .select2-choice, .select2-container-multi.select2-container-active .select2-choices {
    border: none !important;
}
.select2-results {
    max-height: 250px !important;
    padding: 10px 10px 10px 10px !important;
}

.select2-results li {
    padding: 10px 10px !important;
}
a.select2-choice {
    border: none !important;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
    background-color: #f5f5f5 !important;
    color: #212121 !important;
}
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
    background-color: #f5f5f5 !important;
    border: 1px solid #212121 !important;
}
button.dt-button, div.dt-button, a.dt-button {
   width: 120px ;
    margin-right: 30px !important;
    padding: 8px 30px !important;
    border: 1px solid #212121 !important;
    font-size: 12px !important;
    color: #212121 !important;
	text-align: center;
}
a.dt-button:focus, a.dt-button:hover {
    border: 1px solid #270F48 !important;
	background: #270F48 !important;
}
a.dt-button:focus span, a.dt-button:hover span  {
	color: #fff !important;
}
a.dt-button:hover:not(.disabled) {
	background: #270F48 !important;
	border: 1px solid #270F48 !important;
	text-shadow: 0 1px 0 #fff;
}
div.dt-buttons {
    margin-bottom: 30px !important;
    margin-top: 20px !important;
} 
table.dataTable {
    margin-bottom: 30px !important;
}

ul.nav.nav-tabs {
    margin-top: 30px;
}

div.dataTables_filter input {
    border: 1px solid #270F48 !important;
    padding: 15px 12px !important;
    width: 15em !important;
    margin-left: 10px;
}
div.dataTables_filter input:focus {
    border: 1px solid #270F48 !important;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    border-color: #270F48 !important;
    background-color: #270F48 !important;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
    color: #270F48 !important;

}

.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background-color: #F5F5F5 !important;
}
.nav-tabs-custom > .nav-tabs {
    background-color: #F5F5F5 !important;
    border-bottom-color: #F5F5F5 !important;
    padding: 10px 0px;
}
.nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover {
    color: #301754 !important;
    font-weight: 500;
}
.content {
    background: #F5F5F5 !important;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #F5F5F5 !important;
    color: #270F48;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>td {
    font-size: 13px !important;
}
button.btn.btn-success {
    background-color: #4E2787 !important;
    border-color: #4E2787 !important;
    padding: 10px 20px;
}

button.btn.btn-success:hover, button.btn.btn-success:active, button.btn.btn-success.hover {
    background-color: #301754 !important;
    border-color: #301754 !important;
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
}
.right-side .bg-purple-light {
    background-color: #7678ed !important;
    color: #fff !important;
  }
  
  .right-side .bg-pink-light {
    background-color: #06D6A0 !important;
    color: #fff !important;
  }
  
  .right-side .bg-teal-light {
    background-color: #FFD166 !important;
    color: #fff !important;
  }

 .right-side  .bg-orange-dark {
    background-color: #EF476F !important;
    color: #fff !important;
  }
  .right-side  .bg-maroon-light {
    background-color: #301754 !important;
    color: #fff !important;
}
.right-side  .bg-maroon-light a {
	margin-top: 10px;
}

#calendar .fc-center h2 {
    color: #270F48 !important;
}

.ui-widget-header {
    background: #270F48 !important;
    padding: 3px 0px !important;
    color: #ffff !important;
    font-weight: bold;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #270F48 !important;
    font-weight: bold;
    background: #270F48 !important;
    color: #fff;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 1px solid #7678ED !important;
	color: #ffff !important;
	background: #7678ED !important;
	text-transform: capitalize;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    border: 1px solid #270F48 !important;
   color: #ffff !important;
    background: #270F48 !important;
}
.ui-widget-header a {
    color: #ffff !important;
}
button.fc-prev-button.ui-button.ui-state-default, button.fc-next-button.ui-button.ui-state-default {
    background: #ffff !important;
    border-color: #3A81B4 !important;
}
.box-body .text-black {
    color: #ffff !important;
}
input.btn.btn-success{
    background-color: #4E2787 !important;
    border-color: #4E2787 !important;
    padding: 10px 20px;
}
.btn.btn-success.image-preview-input {
    background-color: #4E2787 !important;
    border-color: #4E2787 !important;
    padding: 6px 20px;
}
input.btn.btn-success:hover, input.btn.btn-success:active, input.btn.btn-success.hover, .btn.btn-success.image-preview-input:hover{
    background-color: #301754 !important;
    border-color: #301754 !important;
    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
}

.setting-legend {
    font-size: 15px !important;
    color: #270F48 !important;
}
.select2-container.form-control.select2 .select2-choice{
    border-color: #e2e7eb;
    outline: none;
    border: 1px solid #E2E7EB !important;
}
#datatables_buttons_info {
    border-color: #270F48 !important;
}

#datatables_buttons_info h2 {
    color: #270F48 !important;
    font-size: 20px !important;
}
.box-body ul li.backendThemeMainWidht a {
	margin-bottom: 10px;
}

.month_get_value {
    width: 100%;
}
.month_get_value .col-sm-3 {
    float: right;
}
.wdttotal_commission {
    font-size: 14px;
    font-weight: bold;
    opacity: 0;
}




@media (min-width: 1200px){
.drop-marg{
    width: 20.666667% !important;
    padding: 5px !important;
}
}


@media (max-width: 990px){
    #login-box {
        margin: 60px auto 0 auto !important;
    }
}

@media (max-width: 767px){
    ul.nav.nav-tabs {
        margin-top: 50px;
    }
}

@media (min-width: 800px){
    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
        padding: 15px !important;
    }
}

@media (max-width: 550px){
    #calendar .fc-center h2 {
        margin-top: 20px;
    }
}