/* font-face */
@font-face {
    font-family: 'shock_icon_accounting_freebie';
    src: url('Shock_icon_accounting_freebie.eot');
    src: url('Shock_icon_accounting_freebie.eot?#iefix') format('embedded-opentype'),
        url('Shock_icon_accounting_freebie.woff') format('woff'),
        url('Shock_icon_accounting_freebie.ttf') format('truetype'),
        url('Shock_icon_accounting_freebie.svg#shock_icon_accounting_freebie') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* global styles */
[class*="shock-act-"] {
    display: inline;
    width: auto;
    height: auto;
    line-height: inherit;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    font-size: 1.5em;
}

[class*="shock-act-"]:before {
    font-family: 'shock_icon_accounting_freebie', Fallback, sans-serif;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
}

/* icons */
.shock-act-abacus:before {
    content: "\f010";
}

.shock-act-atm-dollar:before {
    content: "\f011";
}

.shock-act-atm-euro:before {
    content: "\f012";
}

.shock-act-atm-pound:before {
    content: "\f013";
}

.shock-act-atm-yen:before {
    content: "\f014";
}

.shock-act-balance:before {
    content: "\f015";
}

.shock-act-bank-dollar:before {
    content: "\f016";
}

.shock-act-bank-euro:before {
    content: "\f017";
}

.shock-act-bank-euro2:before {
    content: "\f018";
}

.shock-act-bank-pound:before {
    content: "\f019";
}

.shock-act-bank-pound2:before {
    content: "\f01a";
}

.shock-act-bank-transaction:before {
    content: "\f01b";
}

.shock-act-bank-yen:before {
    content: "\f01c";
}

.shock-act-bank-yen2:before {
    content: "\f01d";
}

.shock-act-bank-dollar2:before {
    content: "\f01e";
}

.shock-act-barcode:before {
    content: "\f01f";
}

.shock-act-bill:before {
    content: "\f020";
}

.shock-act-bill2:before {
    content: "\f021";
}

.shock-act-cashbox:before {
    content: "\f022";
}

.shock-act-check:before {
    content: "\f023";
}

.shock-act-check2:before {
    content: "\f024";
}

.shock-act-coin-dollar:before {
    content: "\f025";
}

.shock-act-coin-euro:before {
    content: "\f026";
}

.shock-act-coin-luck:before {
    content: "\f027";
}

.shock-act-coin-pound:before {
    content: "\f028";
}

.shock-act-coin-silhouette:before {
    content: "\f029";
}

.shock-act-coin-yen:before {
    content: "\f02a";
}

.shock-act-coinstack:before {
    content: "\f02b";
}

.shock-act-company:before {
    content: "\f02c";
}

.shock-act-company2:before {
    content: "\f02d";
}

.shock-act-credit-card:before {
    content: "\f02e";
}

.shock-act-credit-card2:before {
    content: "\f02f";
}

.shock-act-currency:before {
    content: "\f030";
}

.shock-act-cur-baht:before {
    content: "\f031";
}

.shock-act-cur-denar:before {
    content: "\f032";
}

.shock-act-cur-dinar:before {
    content: "\f033";
}

.shock-act-cur-dollar:before {
    content: "\f034";
}

.shock-act-cur-dollar2:before {
    content: "\f035";
}

.shock-act-cur-euro:before {
    content: "\f036";
}

.shock-act-cur-peso:before {
    content: "\f037";
}

.shock-act-cur-pound:before {
    content: "\f038";
}

.shock-act-cur-rial:before {
    content: "\f039";
}

.shock-act-cur-ruble:before {
    content: "\f03a";
}

.shock-act-cur-rupee:before {
    content: "\f03b";
}

.shock-act-cur-yen:before {
    content: "\f03c";
}

.shock-act-cur-yen2:before {
    content: "\f03d";
}

.shock-act-cur-yuan:before {
    content: "\f03e";
}

.shock-act-debt:before {
    content: "\f03f";
}

.shock-act-debt2:before {
    content: "\f040";
}

.shock-act-deposit:before {
    content: "\f041";
}

.shock-act-dimensions:before {
    content: "\f042";
}

.shock-act-dispatch:before {
    content: "\f043";
}

.shock-act-dispatch-order:before {
    content: "\f044";
}

.shock-act-factory:before {
    content: "\f045";
}

.shock-act-fingerprint:before {
    content: "\f046";
}

.shock-act-fingerprint-reader:before {
    content: "\f047";
}

.shock-act-fingerprint-reader2:before {
    content: "\f048";
}

.shock-act-fingerprint2:before {
    content: "\f049";
}

.shock-act-gold:before {
    content: "\f04a";
}

.shock-act-gold-chem:before {
    content: "\f04b";
}

.shock-act-gold-alch:before {
    content: "\f04c";
}

.shock-act-gold2:before {
    content: "\f04d";
}

.shock-act-handshake:before {
    content: "\f04e";
}

.shock-act-height:before {
    content: "\f04f";
}

.shock-act-inventory:before {
    content: "\f050";
}

.shock-act-inventory-category:before {
    content: "\f051";
}

.shock-act-inventory-category2:before {
    content: "\f052";
}

.shock-act-inventory2:before {
    content: "\f053";
}

.shock-act-invoice:before {
    content: "\f054";
}

.shock-act-loan:before {
    content: "\f055";
}

.shock-act-location:before {
    content: "\f056";
}

.shock-act-mastercard:before {
    content: "\f057";
}

.shock-act-moneybag-dollar:before {
    content: "\f058";
}

.shock-act-moneybag-euro:before {
    content: "\f059";
}

.shock-act-moneybag-pound:before {
    content: "\f05a";
}

.shock-act-moneybag-yen:before {
    content: "\f05b";
}

.shock-act-operator:before {
    content: "\f05c";
}

.shock-act-operator2:before {
    content: "\f05d";
}

.shock-act-payment:before {
    content: "\f05e";
}

.shock-act-paypal:before {
    content: "\f05f";
}

.shock-act-piggy-bank:before {
    content: "\f060";
}

.shock-act-plane:before {
    content: "\f061";
}

.shock-act-product:before {
    content: "\f062";
}

.shock-act-product-progress:before {
    content: "\f063";
}

.shock-act-product-progress1:before {
    content: "\f064";
}

.shock-act-product-progress2:before {
    content: "\f065";
}

.shock-act-product-progress3:before {
    content: "\f066";
}

.shock-act-product-progress4:before {
    content: "\f067";
}

.shock-act-purchase:before {
    content: "\f068";
}

.shock-act-purse:before {
    content: "\f069";
}

.shock-act-raw-material:before {
    content: "\f06a";
}

.shock-act-refund:before {
    content: "\f06b";
}

.shock-act-refund2:before {
    content: "\f06c";
}

.shock-act-safety-box:before {
    content: "\f06d";
}

.shock-act-safety-box-open:before {
    content: "\f06e";
}

.shock-act-salary:before {
    content: "\f06f";
}

.shock-act-send-box:before {
    content: "\f070";
}

.shock-act-send-box2:before {
    content: "\f071";
}

.shock-act-send-container:before {
    content: "\f072";
}

.shock-act-send-crate:before {
    content: "\f073";
}

.shock-act-send-crate2:before {
    content: "\f074";
}

.shock-act-send-envelope:before {
    content: "\f075";
}

.shock-act-send-package:before {
    content: "\f076";
}

.shock-act-serial-number:before {
    content: "\f077";
}

.shock-act-shopping-cart:before {
    content: "\f078";
}

.shock-act-shopping-basket:before {
    content: "\f079";
}

.shock-act-silver:before {
    content: "\f07a";
}

.shock-act-silver-chem:before {
    content: "\f07b";
}

.shock-act-silver-alch:before {
    content: "\f07c";
}

.shock-act-silver2:before {
    content: "\f07d";
}

.shock-act-stamp:before {
    content: "\f07e";
}

.shock-act-stamped-paper:before {
    content: "\f07f";
}

.shock-act-tax:before {
    content: "\f080";
}

.shock-act-timeframe:before {
    content: "\f081";
}

.shock-act-treasure-chest:before {
    content: "\f082";
}

.shock-act-treasure-chest2:before {
    content: "\f083";
}

.shock-act-visa:before {
    content: "\f084";
}

.shock-act-wallet:before {
    content: "\f085";
}

.shock-act-wallet2:before {
    content: "\f086";
}

.shock-act-warehouse:before {
    content: "\f087";
}

.shock-act-watchman:before {
    content: "\f088";
}

.shock-act-weight:before {
    content: "\f089";
}

.shock-act-weight-gram:before {
    content: "\f08a";
}

.shock-act-weight-kilogram:before {
    content: "\f08b";
}

.shock-act-weight-ounce:before {
    content: "\f08c";
}

.shock-act-weight-pound:before {
    content: "\f08d";
}

.shock-act-weight2:before {
    content: "\f08e";
}

.shock-act-width:before {
    content: "\f08f";
}

.shock-act-wire-transfer:before {
    content: "\f090";
}

.shock-act-withdrawal:before {
    content: "\f091";
}

@media screen {

    .table.inventory thead tr>th,
    .table.inventory tbody tr>td>div>button,
    .inventory.input-group-addon.complete {
        background-color: #6d5cae !important;
        color: #fff;
    }

    .table.hrm thead tr>th,
    .table.hrm tbody tr>td>div>button,
    .hrm.input-group-addon.complete {
        background-color: #10cfbd !important;
        color: #fff;
    }

    .table.garage thead tr>th,
    .table.garage tbody tr>td>div>button,
    .garage.input-group-addon.complete {
        background-color: #0a7c71 !important;
        color: #fff;
    }

    .table.setting-table thead tr>th,
    .table.setting-table tbody tr>td>div>button,
    .setting-table.input-group-addon.complete {
        background-color: #616b74 !important;
        color: #fff !important;
    }

    .table.ringlet-table thead tr>th,
    .table.ringlet-table tbody tr>td>div>button,
    .ringlet-table.input-group-addon.complete {
        background-color: #fff;
        color: #090951;
    }

    .table.general-table thead tr>th,
    .table.general-table tbody tr>td>div>button,
    .general-table.input-group-addon.complete {
        background-color: #403768;
        color: #fff;
    }

    .table.stock thead tr>th,
    .table.stock tbody tr>td>div>button,
    .stock.input-group-addon.complete {
        background-color: #2b6a93;
        color: #fff;
    }

    .table.garage thead tr>th,
    .table.garage tbody tr>td>div>button,
    .garage.input-group-addon.complete {
        background-color: #267c70;
        color: #fff;
    }

    .table.maintenance-table thead tr>th,
    .table.maintenance-table tbody tr>td>div>button,
    .maintenance-table.input-group-addon.complete {
        background-color: #0da899;
        color: #fff;
    }

    .table.hrm thead tr>th,
    .table.hrm tbody tr>td>div>button,
    .hrm.input-group-addon.complete {
        background-color: #31cfbd;
        color: #fff;
    }

    .table.accounting thead tr>th,
    .table.accounting tbody tr>td>div>button,
    .accounting.input-group-addon.complete {
        background-color: #48b0f7;
        color: #fff;
    }
}

.bg-complete-dark {
    background-color: #3a8fc8 !important;
    color: #fff !important;
}

.w-50 {
    width: 50%;
}

.display-flex {
    display: flex;
}

/* The snackbar - position it at the bottom and in the middle of the screen */
.snackbar_reminder {
    visibility: hidden;
    /* Hidden by default. Visible on click */
    min-width: 350px;
    /* Set a default minimum width */
    margin-left: -175px;
    /* Divide value of min-width by 2 */
    background-color: red;
    /* Black background color */
    color: #fff;
    /* White text color */
    text-align: center;
    /* Centered text */
    border-radius: 2px;
    /* Rounded borders */
    padding: 16px;
    /* Padding */
    position: fixed;
    /* Sit on top of the screen */
    z-index: 1;
    /* Add a z-index if needed */
    left: 50%;
    /* Center the snackbar */
    top: 50%;
    /* Center in the bottom */
    opacity: 0.9;
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.snackbar_reminder.show {
    visibility: visible;
    /* Show the snackbar */
    opacity: 0.7;
}

#MainMenuPanelsContainer.ACC .panel {
    border: 1px solid #48b0f7;
}

#MainMenuPanelsContainer.Inventory .panel {
    border: 1px solid #6d5cae;
}

#MainMenuPanelsContainer.HRM .panel {
    border: 1px solid #10cfbd;
}

#MainMenuPanelsContainer.Production .panel {
    border: 1px solid #f55753;
}

#MainMenuPanelsContainer.nizam .panel {
    border: 1px solid #3d92ce;
}

#MainMenuPanelsContainer.Stock .panel {
    border: 1px solid #2b6a94;
}

#MainMenuPanelsContainer.Garage .panel {
    border: 1px solid #0a7c71;
}

#MainMenuPanelsContainer.Settings .panel {
    border: 1px solid #626c75;
}

#MainMenuPanelsContainer.Maintenance .panel {
    border: 1px solid #0da899;
}

.bg-info-light {
    background-color: #626c75 !important;
}

h1,
h4,
h6 {
    color: #090951;

}

.tab-style.bordered {

    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 15px;
    box-shadow: 2px -2px 10px 5px rgba(0, 0, 0, .125);

    /*    min-height:520px ;*/
}

.tab-style div.tab-pane {

    /*    padding-right:10px;*/
    /*    padding-left:10px;*/
}

.list-group-style {
    /*border:1px solid rgba(0,0,0,.125);*/
    border: none;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 2px -2px 10px 5px rgba(0, 0, 0, .125);
    /*    min-height:520px ;*/
    width: 95%;
    /*    height:650px ; */

}

.list-group-style .list-group-item {
    /*border-radius:10px;*/
}

.list-group-style .list-group-item.active {
    box-shadow: 3px 3px 5px 6px #ccc;
    border-color: #25de8c;
    background-color: #25de8c;
    /*    background-color:#33cc99;*/
    color: #fff !important;
}

.list-group-style .list-group-item-action {
    color: #090951 !important;
    font-size: 0.95rem;
    font-weight: 400 !important;
    line-height: 1.5;
}

.menu-wrapper {
    position: relative;
    max-width: 1000px;
    margin: 1em auto;
    /*
    overflow-x: hidden;
    overflow-y: hidden;
    */
}

.main_menu {
    height: 210px;
    box-sizing: border-box;
    white-space: nowrap;
    /*    overflow-x: hidden;*/
    /*    overflow-y: hidden;*/
    -webkit-overflow-scrolling: touch;

}

.item {

    cursor: pointer;
    border: 2px solid #8786c1;
    /*    box-shadow: 10px 10px 24px 10px #aaaaaa;*/
    /*    padding: 1em;   */
    /*    background-color:#c02f2f;*/

    border-radius: 30px;
    color: white;
    position: relative;

    /*    flex: 0 0 23%;*/
}

.item_parent .item {
    background-color: #2b2a77;
}

.item_parent {
    display: inline-block;
    width: 23%;
    height: 100%;
}

.item_parent {
    transition: all .2s ease-in-out;
}

.item_parent:hover {
    transform: scale(1.1);
}

/*
.item.course-item{
flex:none!important;
}
*/

@media (max-width: 576px) {
    .item_parent {
        width: 60%;
        /*        flex: 0 0 60%;*/
    }

    .list-group-style {
        width: 100% !important;
    }
}

@media (min-width: 576px) and (max-width:768px) {
    .item_parent {
        width: 50%;
        /*        flex: 0 0 50%;*/
    }

    .list-group-style {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width:1000px) {
    .item_parent {
        width: 60%;
        /*        flex: 0 0 60%;*/
    }
}

.item_tab_data {
    /* cursor: pointer; */
    border: 4px solid #fff;
    box-shadow: 5px 5px 12px 5px #aaaaaa;
    padding: 1.5em;
    /* background-color: #ffce3b; */
    margin-right: 21px;
    border-radius: 30px;
    color: white;
    min-height: 145px;
}

.item_tab_title {
    font-size: 1.4em;
    padding: 17px 0px;
}

.item_data {
    text-align: center;
    padding: 1em;
}

.item_data h3,
.item_tab_data h3 {
    color: white;
    line-height: 1.2 !important;
}

.item_tab_data h3 {
    font-size: 1rem !important;
    white-space: normal;
}

.paddle {
    position: absolute;
    top: 200px;
}

.left-paddle {
    left: 0;
    border: 0;
}

.right-paddle {
    right: 0;
    border: 0;
}

.menu-wrapper h1 {
    text-align: center;
}

.main_menu .item h3 {
    color: white;
    font-size: 17px;
}

.table tbody tr td {
    border-top: none;
}

.cursor-pointer {
    cursor: pointer;
}

.hidden {
    display: none !important;
}

.btn-main {
    background-color: #33cc99 !important;
    color: white !important;
}

.btn-main-two {
    background-color: #363661 !important;
    color: white !important;
}

.btn-main-three {
    background-color: #ffbf00 !important;
    color: white !important;
}

.modal .modal-footer .btn-main,
.modal .modal-footer .btn-default {
    width: 130px;
}

.modal .fa.fa-plus-circle,
.clone_rows .fa.fa-plus-circle,
.objective_root .fa.fa-plus-circle.add_question,
.objective_root_question .far fa-edit {
    color: #ffbf00;
    cursor: pointer;
}

.objective_root .fa.fa-plus-circle.add_resource {
    color: #33cc99;
    cursor: pointer;
}

.objective_root_question .fa.fa-comment.question_comment,
.evaluation_main_comment,
.objective_root .fa.fa-upload.import_resource {
    cursor: pointer;
}

.modal .fa.fa-times-circle,
.clone_rows .fa.fa-times-circle,
.objective_root_question .fa.fa-times-circle {
    color: red;
    cursor: pointer;
}

.select2-container-multi .select2-choices {
    border-radius: 0.5rem !important;
}

.dropdown-menu>li>a {
    padding: 0 10px !important;
    line-height: 40px !important;

}

.dropdown-menu>li:last-child {
    padding-bottom: 0px !important;
}

.dropdown-menu>li:first-child {
    padding-top: 0px !important;
}

.dropdown-menu {
    border-radius: 0.5rem;
}

.profile-dropdown li:last-child {
    margin-top: 0px !important;
}

ul.profile-dropdown li.bg-master-lighter {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

.main-color,
textarea,
textarea:focus {
    color: #090951;
}

.modal-header .close {
    padding: 1rem 1rem !important;
    margin: -1rem -1rem auto !important;
}

.clone_rows {
    background-color: rgba(61, 100, 255, 0.1);
    border-radius: 0.5rem;
    padding: 5px;

}

.clone_rows:not(:first-child) {
    margin-top: 5px;
}

.details_clone_div .detail-row:not(:first-child) {
    margin-top: 5px;
}

.container {
    /*    margin-bottom:20px !important;*/
    margin-top: 0px !important;
}

#curriculum_main_div label {
    margin-bottom: 0px !important;
}

.form-control,
.select2-container .select2-choice {
    height: 30px !important;
}

#curriculum_main_div .clone_rows .row.form-group:first-child {
    margin-bottom: 5px !important;
}

#setting_main_div label {
    color: #090951 !important;
}

#setting_main_div label.error {
    color: #f55753 !important;
}

.display-grid {
    display: grid !important;
}

.folder-color {
    color: #FFE9A2 !important;
}

.p-15 {
    padding: 15px;
}

#menu-wrapper .outer {
    /*float: left;*/
    width: 100%;
    max-width: 900px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    /*padding-right:10px;*/
    /*    display:flex;*/

}

#menu-wrapper .inner {
    /*    height: 210px;*/
    margin: 20px 20px 20px 20px;
    /*    display:flex;*/

}

#menu-wrapper .inner .item h3 {
    color: white !important;
    font-size: 16px;
    /*    white-space: nowrap;*/
    overflow: hidden;
    /*    overflow:hidden;*/
    /*
    white-space: normal;
    word-spacing: normal;
    */
}


#menu-wrapper .left-button,
#menu-wrapper .right-button {
    z-index: 1;
    cursor: pointer;
    padding: 8px 10px;
    color: #fff;
    font-weight: bold;
    transition: background-color 0.6s ease;
    top: 80px;
    position: absolute;
    font-size: 26px;
    background-color: #141350;
    border-radius: 100%;
}

#menu-wrapper .left-button {
    right: 4%;
}

#menu-wrapper .right-button {
    left: 4%;
}

#menu-wrapper .right-button:hover,
#menu-wrapper .left-button:hover {
    background-color: #9b9bb0;
}

#menu-wrapper a {
    text-decoration: none;
    font-weight: bolder;
    color: red;
}

/*    #inner:first-child {
margin-left: 0;
}*/

#menu-wrapper label {
    margin-left: 10px;
}

#menu-wrapper .hide {
    display: none;
}

#menu-wrapper {
    position: relative;
    text-align: center !important;
}

#menu-wrapper .arrow {
    /*margin: 50px; demo spacing */
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    color: inherit;
}

#menu-wrapper .arrow-right {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid;
}

#menu-wrapper .arrow-left {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid;
}

@media (max-width:419px) {
    #menu-wrapper .outer {
        width: 65%;
        max-width: 300px;
    }

    .item_parent {
        width: 100%;
        /*        flex: 0 0 100%;*/
    }

    #menu-wrapper .left-button {
        right: -4%;
    }

    #menu-wrapper .right-button {
        left: -4%;
    }
}

@media (min-width: 420px) and (max-width:575px) {
    #menu-wrapper .outer {
        width: 80%;
        max-width: 300px;
    }

    .item_parent {
        width: 100%;
        /*        flex: 0 0 100%;*/
    }

    #menu-wrapper .left-button {
        right: 7%;
    }

    #menu-wrapper .right-button {
        left: 7%;
    }
}

@media (min-width: 576px) and (max-width:768px) {
    .item_parent {
        width: 48%;
        /*        flex: 0 0 48%;*/
    }

    #menu-wrapper .left-button {
        right: -11%;
    }

    #menu-wrapper .right-button {
        left: -11%;
    }
}

@media (min-width: 768px) and (max-width:900px) {
    .item_parent {
        width: 31.5%;
        /*        flex: 0 0 31.5%;*/
    }

    #menu-wrapper .left-button {
        right: -8%;
    }

    #menu-wrapper .right-button {
        left: -8%;
    }
}

@media (min-width: 901px) and (max-width:1200px) {
    .item_parent {
        width: 32%;
        /*        flex: 0 0 32%;*/
    }

    #menu-wrapper .left-button {
        right: -8%;
    }

    #menu-wrapper .right-button {
        left: -8%;
    }
}

.b-b-main {
    border-bottom: 1px solid #090951;
}

#image_upload_profile {
    display: none;
}

/*
#profile_image{
cursor: pointer;
}
*/

#profile-container {
    width: 70px;
    height: 75px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}

#profile-container img {
    width: 70px;
    height: 75px;
}

span.form-control {
    padding: 6px 12px !important;
}

.select2-container .select2-choice .select2-arrow b:before,
.select2-search-choice-close:before {
    color: #090951 !important;
    font-size: 16px;
}

#current_class_title h5,
#current_course_title h5 {
    color: #7b7d82;
}

.w-600 {
    font-weight: 600 !important;
}

.main_title {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.is_full_bg.main_title {
    color: #fff !important;
}

.h-labels,
.modal-header .fa-times,
.modal-header-labels,
.evaluation_subcourse_name {
    color: #33cc99;
}

input:focus,
table tr td {
    color: #08083a !important;
}

.table-bordered {
    border: none !important;
}

tr.used_objectives td {
    color: #7b7d82 !important;
}

.success-class {
    background-color: #10cfbd !important;
    color: white !important;
    border-color: #10cfbd !important;
}

.yellow-class {
    background-color: #f9d06e !important;
    border-color: #f9d06e !important;
    color: white !important;
}

.green-class {
    background-color: #25de8c !important;
    border-color: #25de8c !important;
    color: white !important;
}

.purple-class {
    background-color: #7149ea !important;
    border-color: #7149ea !important;
    color: white !important;
}

.wrong-answer,
.red-class {
    background-color: #f55753 !important;
    border-color: #f55753 !important;
    color: white !important;
}

.red-color {
    color: #f55753 !important;
}

.green-color {
    color: #25de8c !important;
}

.action-plan-orange {
    color: #ff6600 !important;
}

.action-plan-green {
    color: #25de8c !important;
}

.action-plan-yellow {
    color: #f7f700 !important;
}

.action-plan-yellow-orange {
    color: #f8c241 !important;
}

.action-plan-red {
    color: #f50816 !important;
}

.action-plan-gray {
    color: #808080 !important;
}

.notification-list {
    color: white;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px)and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

.main_color {
    color: #090951;
}

#evaluation_form .calendar_btn,
#question_modal .calendar_btn,
#objective_time_modal .calendar_btn {
    color: white;
    background-color: #090951;
}

.w-60 {
    width: 60%;
}

.cover_photo_img {
    width: 12%;
    margin: 0 auto;
}

.div_main_icon {
    margin-top: 0px;
}

.div_main_actions {
    margin-top: 0px;
    margin-bottom: 0px;
}

.div_main_actions span.fa {
    font-size: 1.3em;
}

.div_main_actions span {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.item_tab_data:hover>.div_main_actions span,
.eval-card:hover>.div_main_actions span {
    opacity: 1;
    visibility: visible;
}

.notification-panel .notification-body .notification-item .heading span i.fa {
    font-size: 1.4em !important;
}

.activity-box,
.notification-box {
    padding: 10px 35px !important;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 1.5em;
    box-shadow: 2px -2px 10px 5px rgba(0, 0, 0, .125);
    margin-bottom: 30px;
    font-size: 15px;

}

.activity-box h4,
.notification-box h4 {
    color: #090951;
    font-weight: 500;
}

#notification_main_div .profile-name {
    font-size: 24px;
    padding: 34px 21px;
}

.notification-box .main_notify_div {
    font-size: 18px;
}

.bg-lightgray {
    background-color: lightgray;
}

.notification-panel .notification-body .notification-item .notification_time {
    margin-top: -15px;
    margin-bottom: -10px;
}

.notification-panel .notification-body .notification-item .notify-tab .notification_statment {
    line-height: 30px;
}

.color-green {
    color: #4acc8b !important;
}

.notification-icon {
    position: absolute;
    top: 0px;
    background-color: red;
    width: 20px;
    height: 20px;
    border: 2px Solid #8786c1;
    border-radius: inherit;
}

.matching_div {
    border: 1px Solid #090951;
    padding-right: 0px !important;
    padding-left: 0px !important;
    font-size: 12px;
}

.matching_left_row,
.matching_right_row {
    padding: 1em;
    border-bottom: 1px Solid #090951;
}

.matching_div .matching_right_row:last-child,
.matching_div .matching_left_row:last-child {
    border-bottom: none !important;
}

.secondary-color {
    color: #151450;
}

.thunderbird-color {
    color: #af1717;
}

.dodger-blue-color {
    color: #2486FE;
}

.jade-color {
    color: #05C673;
}

.gamboge-color {
    color: #d6920b;
}

.bay-many-color {
    color: #293895;
}

.flamingo-color {
    color: #F34E42;
}

.royal-blue-color {
    color: #7149ea;
}

.shamrock-color {
    color: #25DE8C;
}

.casablanca-color {
    color: #F8C241;
}

.tia-maria-color {
    color: #CC5210;
}

.surfie-green-color {
    color: #0a7c71;
}

.apple-color {
    color: #4BB543;
}

.abbey-color {
    color: #4A4D54;
}

.forest-green-color {
    color: #23A31F;
}

.indigo-color {
    color: #3C70BA;
}

/* start top blocks */
.top-block-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.top-block-group>.top-block-btn {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.5em 1.3em;
}

.top-block-group>.top-block-btn:hover {
    z-index: 1;
}

.top-block-group>.top-bloc-btnk:focus,
.top-block-group>.top-block-btn:active,
.top-block-group>.top-block-btn.top-block-btn-active {
    z-index: 1;
    background-color: #363661;
}

.top-block-btn-primary {
    color: #fff;
    background-color: #9b9bb0;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
    border-radius: 10px;
}

#menu-wrapper.top_block_menu {
    overflow: auto;
}

.eval_feedb_active {
    font-size: 18px;
    color: #363661;
}

.eval_feedb_active:hover,
.eval_feedb_active:active {
    color: #363661;
}

ul.breadcrumb:not(.is_full_bg) {
    display: flex;
}

ul.breadcrumb.is_full_bg li+li:before,
ul.breadcrumb.is_full_bg li a,
ul.breadcrumb.is_full_bg li a:hover {
    color: #fff !important;
}

/* end top blocks */
/* Tooltip container */
.shortcut_tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.shortcut_tooltip .shortcut_tooltip_text {
    visibility: hidden;
    width: 140px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
    margin-left: 10px;

}

/* Show the tooltip text when you mouse over the tooltip container */
.shortcut_tooltip:hover .shortcut_tooltip_text {
    visibility: visible;
}

.center-div {
    justify-content: center;
    display: flex;
}

.delete_eval_proceed {
    font-size: 15px !important;
}

.print-show {
    display: none;
}

@media print {
    .tab-style.bordered {
        border: none !important;
        box-shadow: none !important;
        padding: 0px !important;
    }

    .print-show {
        display: block;
    }
}

.yellow-class.confidence-red-class {
    background-color: red !important;
    border-color: red !important;
}

.yellow-class.confidence-yellow-class {
    background-color: #f9d06e !important;
    border-color: #f9d06e !important;
}

.yellow-class.confidence-green-class {
    background-color: #05c373 !important;
    border-color: #05c373 !important;
}

.top_header_profile_img {
    border-radius: 100%;
}

.label-cancelled {
    color: #f55753;
    border: 1px Solid #f55753;
    background-color: #fff;
}

.cancelled-session {
    text-decoration: line-through !important;
}

.selected-fdbk {
    border: 2px dashed red;
}

.text-red {
    color: red !important;
}

.margin-auto {
    margin: auto;
}