label.error, span.help-block.error{
    color: red;
    font-weight: 700;
    display: inherit;
}
/*body, body * {
    font-family: 'Source Sans Pro', sans-serif;

}*/
body, body * {
  font-family: 'Roboto Black', arial;

}
.el-form--label-top .el-form-item--small .el-form-item__label{
    margin-bottom: 5px;
    line-height: 24px;
    padding: 0;
}

.el-form-item__error {
    font-weight: 600;
    margin: 0;
    padding: 4px 0px 0px !important;
}
.el-date-editor .el-range-separator {
    padding: 0 5px;
    width: 10%;
    color: #303133;
}
.el-date-editor--daterange.el-input__inner{
    width: 100%;
}
.left-side-menu {
     background: #313a46;
}

.fa, .fas {
  font-weight: 600;
}

.el-message{
  left: unset;
  right: 0;
  -webkit-transform: translateX(00%);
  transform: translateX(0%);
}

.el-table-column--selection{
    text-align: center !important;
}
.el-table--mini .el-table-column--selection {
    text-align: center !important;
    padding: 5px 0px 0px !important;
}
button.el-button.action_button.el-button--mini {
    padding: 5px;
    margin: 0;
    font-size: 12px;
}

a.action_button {
    padding: 2px 5px;
    margin: 0;
    font-size: 12px
}
td.el-table__expand-column .el-table__expand-icon {
    display: none;
  }
  .el-button--mini, .el-button--mini.is-round {
    padding: 7px 10px;
}

.el-table__expand-column {
    border: 0 !important;
}
.el-table--mini th{
    padding-top: 0;
    text-transform: capitalize;
    padding-bottom: 0;
}





/* #__nuxt {
    min-height: 1200px
}

#__nuxt .wrapper .left-side-menu {
    position: absolute;
    padding-top: 0;
    width: 70px;
    z-index: 5;
    padding-top: 70px
}

#__nuxt .wrapper .left-side-menu .slimScrollDiv,
#__nuxt .wrapper .left-side-menu .slimscroll-menu {
    overflow: inherit!important;
    height: auto!important
}

#__nuxt .wrapper .left-side-menu .slimScrollBar {
    visibility: hidden
}

#__nuxt .wrapper .left-side-menu .logo {
    width: 70px;
    z-index: 1;
    background: #313a46
}

#__nuxt .wrapper .help-box {
    display: none
}

#__nuxt .wrapper .content-page {
    margin-left: 70px
}

#__nuxt .wrapper .footer,
#__nuxt .wrapper .navbar-custom {
    left: 70px
}

#__nuxt .side-nav .badge,
#__nuxt .side-nav .collapse.in,
#__nuxt .side-nav .menu-arrow,
#__nuxt .side-nav .mm-collapse,
#__nuxt .side-nav .side-nav-title {
    display: none!important
}

#__nuxt .side-nav .nav.collapse {
    height: inherit!important
}

#__nuxt .side-nav .side-nav-item {
    position: relative;
    white-space: nowrap
}

#__nuxt .side-nav .side-nav-item .side-nav-link {
    padding: 15px 20px;
    min-height: 56px;
    -webkit-transition: none;
    transition: none
}

#__nuxt .side-nav .side-nav-item .side-nav-link:active,
#__nuxt .side-nav .side-nav-item .side-nav-link:focus,
#__nuxt .side-nav .side-nav-item .side-nav-link:hover {
    color: #fff
}

#__nuxt .side-nav .side-nav-item .side-nav-link i {
    font-size: 1.125rem;
    margin-right: 20px;
    margin-left: 6px
}

#__nuxt .side-nav .side-nav-item .side-nav-link span {
    display: none;
    padding-left: 10px
}

#__nuxt .side-nav .side-nav-item:hover .side-nav-link {
    position: relative;
    width: 260px;
    color: #fff;
    background: #727bf5
}

#__nuxt .side-nav .side-nav-item:hover .side-nav-link span {
    display: inline
}

#__nuxt .side-nav .side-nav-item:hover>ul {
    display: block!important;
    left: 70px;
    position: absolute;
    width: 190px;
    height: auto!important;
    padding: 5px 0;
    z-index: 9999;
    background: rgb(49, 58, 70)
}

#__nuxt .side-nav .side-nav-item:hover>ul a {
    padding: 8px 20px;
    position: relative;
    width: 190px
}

#__nuxt .side-nav .side-nav-item:hover>ul a:hover {
    color: #fff
}

#__nuxt .side-nav .side-nav-item:hover>ul ul {
    left: 190px;
    top: 0
} */
/* .metismenu ul {
    padding: 0;
    display: none;
} */

/* @media (max-width:767.98px) {
    #__nuxt .left-side-menu {
        margin-left: -70px
    }
} */

.side-nav-link{
    cursor: pointer;
}

.nav-user {
    padding: calc(20px / 2) 20px calc(20px / 2) 57px!important;
    min-height: 50px;
}

.navbar-custom {

    min-height: 50px;
}
.notification-list .noti-icon {
    line-height: 50px;
}

.notification-list .noti-icon-badge {

    top: 15px;
    right: 17px;

}

.nav-user .account-user-avatar {

    top: calc(23px / 2);

}

.el-table th.is-leaf{
    background-color: #909399;
    color: #fff;
    font-weight: 600;
}

.file_wrapper{
    position: relative;
}
.file_wrapper a.del_file:hover {
    color: #fff;
}
.file_wrapper a.del_file {
    position: absolute;
    right: 0;
    background: #f95c7c;
    color: #fff;
    top: 0;
    line-height: 24px;
    width: 24px;
    text-align: center;
    height: 24px;
    z-index: 30;
    cursor: pointer;
}
.cursor_pointer{
    cursor: pointer;
}
.el-table th:last-child {
    text-align: right;
    padding-right: 10px;
}
.el-table th,.el-table td{
font-size: 14px;
text-transform: capitalize;
}
.el-table td{
    color: #444;
}
.el-button--primary {
    -webkit-box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
    box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5)
}

.el-button--secondary {
    -webkit-box-shadow: 0 2px 6px 0 rgba(108, 117, 125, .5);
    box-shadow: 0 2px 6px 0 rgba(108, 117, 125, .5)
}

.el-button--success {
    -webkit-box-shadow: 0 2px 6px 0 rgba(10, 207, 151, .5);
    box-shadow: 0 2px 6px 0 rgba(10, 207, 151, .5)
}

.el-button--info {
    -webkit-box-shadow: 0 2px 6px 0 rgba(57, 175, 209, .5);
    box-shadow: 0 2px 6px 0 rgba(57, 175, 209, .5)
}

.el-button--warning {
    -webkit-box-shadow: 0 2px 6px 0 rgba(255, 188, 0, .5);
    box-shadow: 0 2px 6px 0 rgba(255, 188, 0, .5)
}

.el-button--danger {
    -webkit-box-shadow: 0 2px 6px 0 rgba(250, 92, 124, .5);
    box-shadow: 0 2px 6px 0 rgba(250, 92, 124, .5)
}

.el-button--light {
    -webkit-box-shadow: 0 2px 6px 0 rgba(238, 242, 247, .5);
    box-shadow: 0 2px 6px 0 rgba(238, 242, 247, .5)
}

.el-button--dark {
    -webkit-box-shadow: 0 2px 6px 0 rgba(49, 58, 70, .5);
    box-shadow: 0 2px 6px 0 rgba(49, 58, 70, .5)
}
.logo {
    line-height: 55px;
    background: #737df5;
    border-bottom: 1px solid #737df5;
}
.side-nav .side-nav-link {
     padding: 10px 0px 10px 15px;
}
.el-form-item__error, .el-form-item__label{
    text-transform: capitalize;
}

.side-nav-second-level li a{
    padding: 8px 30px 8px 45px;
}

.el-message .el-message__icon, .el-message .el-message__closeBtn{
    color: #fff !important;
}
.el-message .el-message__icon.el-icon-warning, .el-message.el-message--warning .el-message__closeBtn{
    color: #000 !important;
}
.el-message--info {
    color: #fff;
}
.el-message--info .el-message__content {
    background-color: #6770dd;
}

.el-message--info .el-message__content {
    color: #fff
}

.el-message--success {
    background-color: #0ACF97;
    border-color: #0ACF97;
    color: #fff
}

.el-message--success .el-message__content {
    color: #fff
}

.el-message--warning {
    background-color: #ffbc00;
    border-color: #ffbc00;
    color: #333
}

.el-message--warning .el-message__content {
    color: #333
}

.el-message--error {
    background-color: #e15370;
    border-color: #e15370;
    color: #fff
}

.el-message--error .el-message__content {
    color: #fff
}

.card.d-block {
    border: 1px solid #727cf54f;
}

.navbar-custom {
    background-color: #737df5;
    -webkit-box-shadow:none;
    box-shadow: none;
    left: 240px;
}

.nav-user {

    background-color: #737df5;
    border: 1px solid #8890f1;

}
.navbar-custom .topbar-right-menu .nav-link, .navbar-custom .topbar-right-menu li.show .nav-link {
    color: #efefef;
}
.card-title {
    margin-bottom: .75rem;
    margin-top: 0 !important;
    line-height: 28px;
    font-size: 20px;
    font-weight: 600 !important;
    text-transform: capitalize;
    color: #666;
}
.card-title a i{
    font-weight: 400 !important;
}
.left-side-menu {
    padding-top: 60px;
}
body[data-leftbar-compact-mode=scrollable] .left-side-menu {
    min-width: 240px;
    max-width: 240px;
}

.el-table th>.cell, .el-table .cell{
    padding-left: 5px;
    padding-right: 5px;
}
.el-table-column--selection .cell {
    padding-left: 5px;
    padding-right: 5px;
}
.action_button {
    padding: 3px 4px !important;
    line-height: 16px;
    vertical-align: top;
}
.action_button i {
    font-size: 15px;
}
.content-page {
    margin-left: 240px;
}


.crud_table .checkbox{
    margin: 0;
}
.crud_table tr td:last-child, .crud_table tr th:last-child{
    text-align: right;
}
.crud_table tr td:first-child, .crud_table tr th:first-child{
    /* text-align: center;
    width: 30px; */
}
.crud_table tr td:first-child input, .crud_table tr th:first-child input{
    margin-left: -15px;
}
.crud_table .is_sort{
padding-right: 25px;
}

.crud_table .is_sort:after{
    opacity: 0.2;
    content: "\e150";
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';

}
.crud_table .is_sort.asc_sort:after{
    content: "\e155";
    opacity: 0.5;
}
.crud_table .is_sort.desc_sort:after{
    opacity: 0.5;
    content: "\e156"
}
.crud_table .is_sort{
    position: relative;
    cursor: pointer;
}
.crud_table tr td:last-child a{
    margin-left: 3px;
    width: 23px;
    height: 23px;
    line-height: 20px;
    border: 0px !important;
    font-size: 11px;
}
.left-side-menu {
    width: 240px;
}
body[data-leftbar-theme=dark] .left-side-menu .logo {
    background: #737df5!important;
}

.crud_table tr td{
    font-size: 0.8rem;
}
.crud_table tr td:last-child a {
    margin-left: 3px;
    width: 24px;
    height: 24px;
    line-height: 25px;
    border: 0px !important;
    font-size: 11px;
    color: #fff;
    padding: 0px;
}

.filter_control_wrapper .form-group {
    margin-bottom: 0rem;
}

.filter_control_wrapper .control-label{
    display: none !important;
}




.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}

.pagination a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #313a46;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.pagination a:hover {
    z-index: 2;
    color: #313a46;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.pagination  li:first-child a {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.pagination  li:last-child a {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.pagination  li.active a {
    z-index: 1;
    color: #fff;
    background-color: #727cf5;
    border-color: #727cf5;
}


.crud_table .is_sort:after {
    opacity: 0.75;
    font-family: unicons;
    font-style: normal;
    font-weight: 400;

    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 0.8em;
    -webkit-font-smoothing: antialiased;
    content: '\eb80';
    top: 14px;
}
.crud_table .is_sort.asc_sort:after {
    content: '\eb7e';
    opacity: 0.75;
}
.crud_table .is_sort.desc_sort:after {
    content: '\eb7f';
    opacity: 0.75;
}
.jvectormap-label {
    display: none;
}

.school_index_class .crud_table tr td:first-child, .school_index_class .crud_table tr th:first-child {
    text-align: center;
    width: 100px;
}

.class_index_class .crud_table tr td:first-child, .class_index_class .crud_table tr th:first-child {
    text-align: center;
    width: 100px;
}

.game_index_class .crud_table tr td:first-child, .game_index_class .crud_table tr th:first-child {
    text-align: center;
    width: 100px;
}

.package_index_class .crud_table tr td:first-child, .package_index_class .crud_table tr th:first-child {
    text-align: center;
    width: 120px;
}

.crud_table tr td:last-child, .crud_table tr th:last-child {
    text-align: right;
    max-width: 80px !important;
}
.crud_table th {
    background-color: #727cf526;
    color: #333;
    font-weight: 600;
}

label.switch.gridswich {
    margin: 0;
}

.filter_control_wrapper label.error{
    display: none;
}
.crud_table tr td:last-child a i{
    font-weight: 400;
}

.filter_control_wrapper .select2-selection__rendered {
    line-height: 27px !important;
    font-size: 12px;
}
.filter_control_wrapper .select2-container .select2-selection--single {
    height: 31px !important;
}
.filter_control_wrapper .select2-selection__arrow {
    height: 30px !important;
}
.filter_control_wrapper input.form-control {
    height: calc(1.8725rem + 2px);
    padding: .28rem .8rem;
    font-size:  12px !important;
    line-height: 1.5;
    border-radius: .2rem;
}
.filter_control_wrapper a {
    font-size: 12px !important;
    padding: 5px 10px;
}
.index_footer {
    font-size: 12px;
}


.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: 7px 10px;
}



.gridswich {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 28px;
    margin:-3px 0px -5px;
}

.gridswich input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
  background-color: #8BC34A;
}

input:focus + .slider {
  box-shadow: 0 0 1px #8BC34A;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}



	.page_loader {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(255, 255, 255, 0.5);
		z-index: 10001;
	}

	.page_loader.show_loader {
		display: block;
	}

	.loader {
		margin: 45vh auto 0;
		text-align: center;
		font-size: 20px;
		color: #333;
	}

    @media (max-width: 767.98px){

        .navbar-custom {
            left: 0;
            padding: 0 10px;
            margin: -5px -10px 0;
        }
    }

    button.button-menu-mobile.open-left.disable-btn.ng-scope {
        color: #fff;
    }


    .crud_table span.badge {
        font-size: 11px !important;
        font-weight: 600 !important;
        padding: 4px 5px !important;
        border-radius: 5px !important;
    }

    .custom_action_btn {
        padding: 5px !important;
        line-height: 1;
        margin: 0px 2px;
    }