.list-group-item {
    background-color: #3498db;
    margin-bottom: 10px;
}

a.list-group-item {
    color: #ffffff;
}

.body-container {
    margin-top: 60px;
}

.top-bar {
    border-radius: 0px;
    min-height: 40px;
    background-color: #1777b0;
    border-color: transparent;
    position: fixed;
    width: 100%;
    z-index: 5000;
}

.top-logo > a > label {
    cursor: pointer;
}

.top-logo > a > label:nth-child(1) {
    font-size: 25px;
    color: #f89d0d;
}

.top-logo > a > label:nth-child(2) {
    font-size: 29px;
    color: white;
}

.top-logo label {
    margin-bottom: 0px;
}

/*.nav-link {
    background-color: #e6e6e6;
}*/
.nav-tabs li {
    margin-right: 10px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #ffffff;
    border: 1px solid #ecf0f1;
    margin-right: -1px;
    border-radius: 6px;
}

.nav-tabs {
    border-bottom: 1px solid #e6e6e6;
    margin-right: 25px;
}

    .nav-tabs a {
        color: black;
    }


.panel-body {
    padding: 10px;
    background-color: #d3d3d3;
    margin-right: 25px;
    border: 1px solid #e6e6e6;
}

    .panel-body .btn-module {
        width: 160px;
        height: 100px;
        margin: 5px;
        padding: 17px 7px;
    }

    .panel-body a {
        font-size: 13px;
    }

.comments-textarea {
    width: 100%;
    min-height: 8em;
    margin-bottom: 15px;
    resize: none;
    border-radius: 4px;
    box-shadow: 1px 1px grey;
    background-color: rgba(0, 0, 0, 0.016);
    border:1px solid lightgray;
}

.glyphicon-lg {
    font-size: 35px;
    margin-bottom: 10px;
}

.background-white {
    background: white;
}

.background-black {
    background-color: black;
}

.background-green {
    background-color: #008000;
}

.background-red {
    background-color: #FF0000;
}

.background-orange {
    background-color: #FFA500;
}

.background-amber {
    background-color: #f7941d;
}

.background-lightgreen {
    background-color: #ADFF2F;
}


.background-green {
    background-color: #32CD32;
}

.section {
    margin-bottom: 40px;
}

/*Custom button style*/
.btn-production {
    color: #ffffff;
    background-color: #581845;
    border-color: #581845;
}

    .btn-production:focus,
    .btn-production.focus {
        color: #ffffff;
        background-color: #440f34;
        border-color: #440f34;
    }

    .btn-production:hover {
        color: #ffffff;
        background-color: #440f34;
        border-color: #440f34;
    }

    .btn-production:active,
    .btn-production.active,
    .open > .dropdown-toggle.btn-production {
        color: #ffffff;
        background-color: #440f34;
        border-color: #440f34;
    }

        .btn-production:active:hover,
        .btn-production.active:hover,
        .open > .dropdown-toggle.btn-production:hover,
        .btn-production:active:focus,
        .btn-production.active:focus,
        .open > .dropdown-toggle.btn-production:focus,
        .btn-production:active.focus,
        .btn-production.active.focus,
        .open > .dropdown-toggle.btn-production.focus {
            color: #ffffff;
            background-color: #4f133d;
            border-color: #440f34;
        }

    .btn-production:active,
    .btn-production.active,
    .open > .dropdown-toggle.btn-production {
        background-image: none;
    }

    .btn-production.disabled:hover,
    .btn-production[disabled]:hover,
    fieldset[disabled] .btn-production:hover,
    .btn-production.disabled:focus,
    .btn-production[disabled]:focus,
    fieldset[disabled] .btn-production:focus,
    .btn-production.disabled.focus,
    .btn-production[disabled].focus,
    fieldset[disabled] .btn-production.focus {
        background-color: #581845;
        border-color: #581845;
    }

    .btn-production .badge {
        color: #581845;
        background-color: #ffffff;
    }

.btn-green {
    color: #ffffff;
    background-color: green;
    border-color: green;
}

    .btn-green:focus,
    .btn-green.focus {
        color: #ffffff;
        background-color: #0d620d;
        border-color: #0d620d;
    }

    .btn-green:hover {
        color: #ffffff;
        background-color: #0d620d;
        border-color: #0d620d;
    }

    .btn-green:active,
    .btn-green.active,
    .open > .dropdown-toggle.btn-green {
        color: #ffffff;
        background-color: #0d620d;
        border-color: #0d620d;
    }

        .btn-green:active:hover,
        .btn-green.active:hover,
        .open > .dropdown-toggle.btn-green:hover,
        .btn-green:active:focus,
        .btn-green.active:focus,
        .open > .dropdown-toggle.btn-green:focus,
        .btn-green:active.focus,
        .btn-green.active.focus,
        .open > .dropdown-toggle.btn-green.focus {
            color: #ffffff;
            background-color: #4f133d;
            border-color: #0d620d;
        }

    .btn-green:active,
    .btn-green.active,
    .open > .dropdown-toggle.btn-green {
        background-image: none;
    }

    .btn-green.disabled:hover,
    .btn-green[disabled]:hover,
    fieldset[disabled] .btn-green:hover,
    .btn-green.disabled:focus,
    .btn-green[disabled]:focus,
    fieldset[disabled] .btn-green:focus,
    .btn-green.disabled.focus,
    .btn-green[disabled].focus,
    fieldset[disabled] .btn-green.focus {
        background-color: green;
        border-color: green;
    }

    .btn-green .badge {
        color: green;
        background-color: #ffffff;
    }

.btn-purple {
    color: #ffffff;
    background-color: purple;
    border-color: purple;
}

    .btn-purple:focus,
    .btn-purple.focus {
        color: #ffffff;
        background-color: #5f0c5f;
        border-color: #5f0c5f;
    }

    .btn-purple:hover {
        color: #ffffff;
        background-color: #5f0c5f;
        border-color: #5f0c5f;
    }

    .btn-purple:active,
    .btn-purple.active,
    .open > .dropdown-toggle.btn-purple {
        color: #ffffff;
        background-color: #5f0c5f;
        border-color: #5f0c5f;
    }

        .btn-purple:active:hover,
        .btn-purple.active:hover,
        .open > .dropdown-toggle.btn-purple:hover,
        .btn-purple:active:focus,
        .btn-purple.active:focus,
        .open > .dropdown-toggle.btn-purple:focus,
        .btn-purple:active.focus,
        .btn-purple.active.focus,
        .open > .dropdown-toggle.btn-purple.focus {
            color: #ffffff;
            background-color: #4f133d;
            border-color: #5f0c5f;
        }

    .btn-purple:active,
    .btn-purple.active,
    .open > .dropdown-toggle.btn-purple {
        background-image: none;
    }

    .btn-purple.disabled:hover,
    .btn-purple[disabled]:hover,
    fieldset[disabled] .btn-purple:hover,
    .btn-purple.disabled:focus,
    .btn-purple[disabled]:focus,
    fieldset[disabled] .btn-purple:focus,
    .btn-purple.disabled.focus,
    .btn-purple[disabled].focus,
    fieldset[disabled] .btn-purple.focus {
        background-color: purple;
        border-color: purple;
    }

    .btn-purple .badge {
        color: purple;
        background-color: #ffffff;
    }

.btn-red {
    color: #ffffff;
    background-color: red;
    border-color: red;
}

    .btn-red:focus,
    .btn-red.focus {
        color: #ffffff;
        background-color: #d60202;
        border-color: #d60202;
    }

    .btn-red:hover {
        color: #ffffff;
        background-color: #d60202;
        border-color: #d60202;
    }

    .btn-red:active,
    .btn-red.active,
    .open > .dropdown-toggle.btn-red {
        color: #ffffff;
        background-color: #d60202;
        border-color: #d60202;
    }

        .btn-red:active:hover,
        .btn-red.active:hover,
        .open > .dropdown-toggle.btn-red:hover,
        .btn-red:active:focus,
        .btn-red.active:focus,
        .open > .dropdown-toggle.btn-red:focus,
        .btn-red:active.focus,
        .btn-red.active.focus,
        .open > .dropdown-toggle.btn-red.focus {
            color: #ffffff;
            background-color: #4f133d;
            border-color: #d60202;
        }

    .btn-red:active,
    .btn-red.active,
    .open > .dropdown-toggle.btn-red {
        background-image: none;
    }

    .btn-red.disabled:hover,
    .btn-red[disabled]:hover,
    fieldset[disabled] .btn-red:hover,
    .btn-red.disabled:focus,
    .btn-red[disabled]:focus,
    fieldset[disabled] .btn-red:focus,
    .btn-red.disabled.focus,
    .btn-red[disabled].focus,
    fieldset[disabled] .btn-red.focus {
        background-color: red;
        border-color: red;
    }

    .btn-red .badge {
        color: red;
        background-color: #ffffff;
    }

.btn-orange {
    color: #ffffff;
    background-color: #fa8914;
    border-color: #fa8914;
}

    .btn-orange:focus,
    .btn-orange.focus {
        color: #ffffff;
        background-color: #f57e03;
        border-color: #f57e03;
    }

    .btn-orange:hover {
        color: #ffffff;
        background-color: #f57e03;
        border-color: #f57e03;
    }

    .btn-orange:active,
    .btn-orange.active,
    .open > .dropdown-toggle.btn-orange {
        color: #ffffff;
        background-color: #f57e03;
        border-color: #f57e03;
    }

        .btn-orange:active:hover,
        .btn-orange.active:hover,
        .open > .dropdown-toggle.btn-orange:hover,
        .btn-orange:active:focus,
        .btn-orange.active:focus,
        .open > .dropdown-toggle.btn-orange:focus,
        .btn-orange:active.focus,
        .btn-orange.active.focus,
        .open > .dropdown-toggle.btn-orange.focus {
            color: #ffffff;
            background-color: #da7309;
            border-color: #f57e03;
        }

    .btn-orange:active,
    .btn-orange.active,
    .open > .dropdown-toggle.btn-orange {
        background-image: none;
    }

    .btn-orange.disabled:hover,
    .btn-orange[disabled]:hover,
    fieldset[disabled] .btn-orange:hover,
    .btn-orange.disabled:focus,
    .btn-orange[disabled]:focus,
    fieldset[disabled] .btn-orange:focus,
    .btn-orange.disabled.focus,
    .btn-orange[disabled].focus,
    fieldset[disabled] .btn-orange.focus {
        background-color: #3939ed;
        border-color: #3939ed;
    }

    .btn-orange .badge {
        color: #3939ed;
        background-color: #ffffff;
    }

.btn-blue {
    color: #ffffff;
    background-color: #3939ed;
    border-color: #3939ed;
}

    .btn-blue:focus,
    .btn-blue.focus {
        color: #ffffff;
        background-color: #3030c8;
        border-color: #3030c8;
    }

    .btn-blue:hover {
        color: #ffffff;
        background-color: #3030c8;
        border-color: #3030c8;
    }

    .btn-blue:active,
    .btn-blue.active,
    .open > .dropdown-toggle.btn-blue {
        color: #ffffff;
        background-color: #3030c8;
        border-color: #3030c8;
    }

        .btn-blue:active:hover,
        .btn-blue.active:hover,
        .open > .dropdown-toggle.btn-blue:hover,
        .btn-blue:active:focus,
        .btn-blue.active:focus,
        .open > .dropdown-toggle.btn-blue:focus,
        .btn-blue:active.focus,
        .btn-blue.active.focus,
        .open > .dropdown-toggle.btn-blue.focus {
            color: #ffffff;
            background-color: #4f133d;
            border-color: #3030c8;
        }

    .btn-blue:active,
    .btn-blue.active,
    .open > .dropdown-toggle.btn-blue {
        background-image: none;
    }

    .btn-blue.disabled:hover,
    .btn-blue[disabled]:hover,
    fieldset[disabled] .btn-blue:hover,
    .btn-blue.disabled:focus,
    .btn-blue[disabled]:focus,
    fieldset[disabled] .btn-blue:focus,
    .btn-blue.disabled.focus,
    .btn-blue[disabled].focus,
    fieldset[disabled] .btn-blue.focus {
        background-color: #3939ed;
        border-color: #3939ed;
    }

    .btn-blue .badge {
        color: #3939ed;
        background-color: #ffffff;
    }


.btn-blue-gray {
    color: #ffffff;
    background-color: #4a7489;
    border-color: #4a7489;
}

.btn-blue-gray:focus,
.btn-blue-gray.focus {
    color: #ffffff;
    background-color: #4a7489;
    border-color: #4a7489;
}

.btn-blue-gray:hover {
    color: #ffffff;
    background-color: #4a7489;
    border-color: #4a7489;
}

.btn-blue-gray:active,
.btn-blue-gray.active,
.open > .dropdown-toggle.btn-blue-gray {
    color: #ffffff;
    background-color: #4a7489;
    border-color: #4a7489;
}

    .btn-blue-gray:active:hover,
    .btn-blue-gray.active:hover,
    .open > .dropdown-toggle.btn-blue-gray:hover,
    .btn-blue-gray:active:focus,
    .btn-blue-gray.active:focus,
    .open > .dropdown-toggle.btn-blue-gray:focus,
    .btn-blue-gray:active.focus,
    .btn-blue-gray.active.focus,
    .open > .dropdown-toggle.btn-blue-gray.focus {
        color: #ffffff;
        background-color: #345666;
        border-color: #4a7489;
    }

.btn-blue-gray:active,
.btn-blue-gray.active,
.open > .dropdown-toggle.btn-blue-gray {
    background-image: none;
}

.btn-blue-gray.disabled:hover,
.btn-blue-gray[disabled]:hover,
fieldset[disabled] .btn-blue-gray:hover,
.btn-blue-gray.disabled:focus,
.btn-blue-gray[disabled]:focus,
fieldset[disabled] .btn-blue-gray:focus,
.btn-blue-gray.disabled.focus,
.btn-blue-gray[disabled].focus,
fieldset[disabled] .btn-blue-gray.focus {
    background-color: #345666;
    border-color: #4a7489;
}

.btn-blue-gray .badge {
    color: #345666;
    background-color: #ffffff;
}


.background-light-blue {
    background: #abcce1
}

/*body {
    background: #f4f4f4;
    font-size: 13px;
}*/

table {
    background: white;
}

.sub-table > thead > tr > th {
    background-color: #f6f6f6;
}

.action-column {
    width: 8%;
    text-align: center;
}

.btn-group-vertical {
    width: 90%;
}

.fixed-width {
    width: 165px !important;
}

.left-panel {
    float: left;
    width: 16%;
}

    .left-panel .btn-group-vertical {
        background: #1777b0;
    }

        .left-panel .btn-group-vertical a {
            color: white;
            border: 1px solid white;
            border-radius: 0px !important;
        }

            .left-panel .btn-group-vertical a.active {
                box-shadow: none;
                color: #ffb135;
            }

.right-panel {
    float: left;
    width: 84%;
}

.text-left {
    text-align: left;
}

.bordered-groove {
    border: 1px groove;
    padding: 15px 0px;
}



.edit, .edit:hover {
    color: orange;
    cursor: pointer;
}

.delete, .delete:hover {
    color: red;
    cursor: pointer;
}

.glyphicon-lg {
    font-size: 35px;
    margin-bottom: 10px;
}

/*homepage CSS */
.page-container .homepage {
    background: #EEF2FB;
    padding-left: 0px;
    padding-right: 0px;
}
.homepage .main-image-wrapper {
    width: 100%;

    position: relative;
}

.homepage .btnx {
    position: absolute;
    top: 36%;
    left: 1120px;
}

.homepage .btnx2 {
    position: absolute;
    top: calc(36% + 47px);
    left: 1120px;
}

.homepage .btnx3 {
    position: absolute;
    top: calc(36% + 100px);
    left: 1120px;
}

.homepage .btnx4 {
    position: absolute;
    top: calc(36% + 176px);
    left: 1120px;
}
.homepage .btnx5 {
    position: absolute;
    top: calc(36% + 265px);
    left: 1120px;
}
.homepage .btnx6 {
    position: absolute;
    top: calc(36% + 350px);
    left: 1120px;
}

/*CSS for general used*/
body {
    line-height: 1.2em;
}
.inline-block {
    display: inline-block;
}

.page-container {
    display: flex;
    width: 100%;
}

.hide {
    display: none!important;
}

.pointer {
    cursor: pointer;
}

.underline {
    border-bottom: 1px solid #d0d0d0;
}

.dym360-form-content .form-group {
    margin-bottom: 5px;
}

.title-wrapper {
    margin-bottom: 20px;
    width: calc(80% - 10px);
}

.action-column-top {
    width: 20%;
    text-align: right;
    vertical-align: top;
}

.action-column-top .btn {
    width: 30px;
    height: 20px;
}

.default-page-content {
    margin: 30px 80px 20px 40px;
}

.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    z-index: 2000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.page-container a:hover,
.page-container a:visited {
    text-decoration: none;
}

a.btn-delete {
    color: red;
}

.error-message,
.error-message-email{
    color: red;
    font-size: 0.8em;
    margin-bottom: 10px;
}

.error-message.inline-block {
    margin-bottom: 0;
}

.required:before {
    content: "* ";
    color: red;
    font-size: 0.95em;
}
.important-info-label {
    font-size: 14px;
    font-style: italic;
    color: red;
    margin-top: 15px;
}

.action-icon {
    width: 30px;
    height: auto;
}

/*side menu*/
#sidebar {
    width: 20%;
    max-width: 160px;
    min-width: 140px;
    position: fixed;
    top: 66px;
    left: 0;
    z-index: 999;
    background: #616161;
    color: #fff;
    transition: all 0.3s;
    padding: 10px 10px 0 10px;
    display: inline-block;
}

#sidebar nav {
    height: 100vh;
    display: inline-block;
    width: 100%;
    background: #616161; /* to be removed after remove materialize css**/
    box-shadow: none; /* to be removed after remove materialize css**/
}

.dym360-page-content {
    width: calc(100% - 160px);
    padding: 20px 20px;
    min-height: 80%;
    transition: all 0.3s;
    position: absolute;
    top: 66px;
    right: 0;
}

.dym360-page-content.active {
    width: 100%;
    padding-left: 40px;
}

#sidebar .sidebar-icons-wrapper {
    text-align: right;
    position: relative;
}

#sidebar .menu-wrapper ul {
    text-align: center;
    font-size: 15px;
    margin-top: 20px;
}

#sidebar .menu-wrapper ul li {
    margin-bottom: 20px;
    line-height: 1.2em;
}
    #sidebar .menu-wrapper ul .icon-wrapper {

        vertical-align: top;
    }

#sidebar .menu-wrapper ul img {
    width: 20px;
    height: auto;

}

#sidebar .menu-wrapper ul .link-label {
    width: calc(100% - 30px);
       text-align: left;
       margin-left: 5px;
}

    #sidebar .menu-wrapper ul li a:hover {
        color: #21e600;
        text-decoration: none;
        padding-left: 0; /* to be removed after remove materialize css**/
        padding-right: 0; /* to be removed after remove materialize css**/
        background: none; /* to be removed after remove materialize css**/
    }

    #sidebar .menu-wrapper ul li a:visited,
    #sidebar .menu-wrapper ul li a {
        color: #FFFFFF;
        text-decoration: none;
        padding-left: 0; /* to be removed after remove materialize css**/
        padding-right: 0; /* to be removed after remove materialize css**/
        background: none; /* to be removed after remove materialize css**/
    }

#sidebar .menu-wrapper ul li.active a {
    color: #21e600;
}

/* form input */
.form-control,
.form-control:focus,
input[type=text].form-control:focus,
.form-control:disabled, 
.form-control[readonly]{
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #000000;
    border: 1px solid #eee;
    background: #f6f6f6;
}

.underline .form-control,
.underline .form-control:focus,
.underline input[type=text].form-control:focus,
.underline .form-control:disabled,
.underline .form-control[readonly] {
    border: none;
}

.form-control:disabled,
.form-control[readonly] {
    background: #e9ecef !important;
}

.form-control:disabled:hover,
.form-control[readonly]:hover {
    cursor: not-allowed
}

.btn:focus,
button:focus,
.page-link:focus,
.form-control-plaintext {
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}

.dym360-form-content .col-form-label {
    font-size: 15px;
}

.dym360-form-content fieldset {
    padding: 5px 10px 10px 10px;
}

.dym360-form-content fieldset legend {
    font-size: 15px;
}

.dym360-form-content .fieldset-wrapper {
    margin-top: 10px;
}


.dym360-form-content .multiple-value .form-control-plaintext {
    padding: 0 0;
}

.dym360-form-content .form-control-plaintext {
    font-size: .875rem;
}
/*tab css */
.tab-content {
    margin: 30px 80px 20px 40px;
}

input.highlight-input {
    background: rgba(255,0,0,0.05)!important;
}

/* table listing */
.table-hover tbody tr:hover + td.dataTables_empty {
    background: none;
}

.dym360-page-content .dym360-table.min-height {
    min-height: 450px;
}

.pagination-entries,
.pagination-footer {
    font-size: 14px;
    color: #18B1F5;
}

.pagination-footer {
    border-top: 1px solid #dee2e6
}

.pagination-footer .row{
    margin-top: 20px;
}

.pagination-footer .page-link {
    padding: 2px 8px 2px 8px;
    border: none;
}

.pagination-footer .page-item.active .page-link {
    background: #18B1F5;
    border: 1px solid #18B1F5;
}

.pagination-footer .page-item.disabled .page-link {
    border: none;
}

.pagination-footer .pagination li {
    font-size: 15px;
    padding: 0 0;
}

.dym360-table td {
    font-size: 13px;
}

.dym360-table .thead-light th {
    font-size: 13px;

    border-right: 2px solid #FFF;
}


.dym360-table .search .form-control {
    border: 1px solid #ddd;
    background: none;
    font-size: 13px;
}

.dym360-table .search select.form-control {
    width: 90%;
}

.btn-search-reset {
    background: #F8F8F8;
    font-size: 13px;

    border: solid 1px #ddd;
}

.dym360-table small {
    color: forestgreen;
}

.table-listing td .btn {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1em;
}
/*Modal*/
.dym360-modal .modal-title {
    text-transform: capitalize;
}

.dym360-modal .modal-header {
    background: #F0EDC9;
    color: #494401;
    box-shadow: 0 1px 0 #EEEAB1;
    -moz-box-shadow: 0 1px 0 #EEEAB1;
    -webkit-box-shadow: 0 1px 0 #EEEAB1;
}

.dym360-modal .modal-header .close {
    color: maroon;
}

.dym360-modal .modal-body.no-left-right-margin {
    padding: 10px 0 0 0;
    margin-left: 0;
    margin-right: 0;
}

.dym360-modal .modal-body {
    min-height: 350px;
    margin-left: 15px;
    margin-right: 15px;
}

.dym360-modal .modal-no-height {
    min-height: 0px;
}

.dym360-modal .tab-content {
    margin-right: 40px;
}

.dym360-modal.modal-full-page {
    padding-left: 16px;
}

.dym360-modal.modal-full-page .modal-xl {
    max-width: 100% !important;
}



.dataTable > tbody > tr.disabled,
.dataTable > tbody > tr.disabled > td > .btn-enable {
    color: rgba(0,0,0,0.2);
}

/* Switch Toggle */
.switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 28px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    text-align:center;
    font-size: 12px;
    background: #EEEEEE;
    color: #FFF;
    border-radius: 4px;
}

.slider:before {
    position: absolute;
    content: "OFF";
    height: 20px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: red;
    -webkit-transition: .4s;
    transition: .4s;
    width: 34px;
    border-radius: 4px;
}

/*input:checked + .slider {
    background-color: #4CAF50;
}

input:focus + .slider {
    box-shadow: 0 0 1px #4CAF50;
}*/

input:checked + .slider:before {
    -webkit-transform: translateX(36px);
    -ms-transform: translateX(36px);
    transform: translateX(36px);
    content: "ON";
    background-color: green;
    border-radius: 4px;
}

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

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

/* multiple selection box listing */
.selection-listing-container {
    box-shadow: 2px 2px 7px #ccc;
    padding-top: 10px;
    height: 300px;
    overflow-y: auto;
}

/*Icon styling*/
.btn-add {
    font-size: 1.50em;
    color: blue;
    margin-bottom: 0.4em;
}

svg.bi {
    font-size: 0.95em !important;
}

.btn-enable {
    color: #5cb85c;
}

.btn-edit {
    color:blue;
}

.btn-delete {
    color:red;
}

/* tabs */
.dym360-page-content .dym360-nav-tabs .nav-link.active,
#modal_user_setting .dym360-nav-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid slategrey;
}

.dym360-nav-tabs .nav-link,
.dym360-nav-tabs .nav-link:hover,
.dym360-nav-tabs .nav-link:focus
{
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: none;
}

/*admin holiday css*/

#admin_holiday_page div[id^='tblmonth'] {
    margin: 15px 15px;
    display: inline-block;
}

#admin_holiday_page .today {
    background-color: burlywood;
}

#admin_holiday_page #divYear {
    width: 70%;
    font: bold 24px arial,verdana;
    text-align: center;
}

#admin_holiday_page table[class^='tbl_day'] th {
    font: bold 10px arial;
    padding: 5px 15px;
}

#admin_holiday_page table[class^='tbl_day'] tr {
    border-bottom: 1px solid gray;
}

#admin_holiday_page td[id^='m'] {
    font: 10px arial;
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
}

#admin_holiday_page td[holiday] {
    background-color: cadetblue;
}

#admin_holiday_page td[id$='_d0'] {
    color: red;
}

#admin_holiday_page td:hover {
    background-color: lightgray;
}

#admin_holiday_page td[id$='_d6'] {
    color: red;
}

#admin_holiday_page table[id^='tbl_month'] td {
    padding: 5px 5px;
}

#admin_holiday_page #year {
    display: inline-block;
}

#admin_holiday_page #prev {
    margin: 10px 10px;
    cursor: pointer;
    display: inline-block;
    transition: transform .2s; /* Animation */
}

#admin_holiday_page #prev :hover {
    transform: scale(1.2);
}

#admin_holiday_page  #next :hover {
    transform: scale(1.2);
}

#admin_holiday_page #next {
    margin: 10px 10px;
    cursor: pointer;
    transition: transform .2s; /* Animation */
    display: inline-block;
}

#admin_holiday_page .month {
    text-align: center;
    color: blue;
}

#admin_holiday_page  #calcontainer {
    width: 800px;
    display: inline-block;
}

#admin_holiday_page #holidaycontainer {
    width: 200px;
    font: italic 15px arial;
    top: 150px;
    position: fixed;
    text-align: left;
    display: inline-block;
}
@media screen and (max-width: 960px) {
    #admin_holiday_page #holidaycontainer {
        display: none !important;
    }
    #admin_holiday_page #divYear {
        width: 100%;
    }
}
/*Department css*/
.dataTables_filter {
    visibility: hidden;
}

.selection-listing-container-team {
    box-shadow: 2px 2px 7px #ccc;
    padding-top: 10px;
    height: 300px;
}



    .divTeam :hover {
        box-shadow: 1px 3px 5px #888888;
        border-color: blanchedalmond;
    }

div[id^=divTeam_] {
    display: inline-block;
    margin-left: 30px;
    min-width: 180px;
    min-height: 150px;
    vertical-align: top;
    margin-top: 10px;
    font: italic 14px arial,verdana;
    padding: 5px 5px;
    height: auto;
    border-radius: 6px;
    border: 1px dashed gray;
}

div[id^=divUser_] {
    font: italic 14px arial,verdana;
}

.action {
    display: inline-block;
    transition: transform .2s; /* Animation */
}

    .action:hover {
        box-shadow: none;
        border-color: none;
        transform: scale(1.5);
    }

.teamlead {
    color: olive;
  
}

    .teamlead svg {
        fill: green;
    }

/*.teammember svg {
    color: black;
}*/

div[id^=divDept_] {
    height: auto;
    display: inline-block;
    font: italic 19px arial,verdana;
 
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 6px;
   /*// box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.1) inset;*/
    position: relative;
    padding: 10px !important;
}

.user-selection-list-table {
    width: 300px !important;
    text-align: left;
}

.dym360-page-content .row-card-wrapper {
    padding-left: 0px;
    padding-right: 5px;
}

div.dataTables_wrapper div.dataTables_processing {
    top: -10px;
    padding: 10px !important;
    background: #F5F8FA !important;
    color: blue !important;
    border: 2px dotted darkgrey;
    border-radius: 3px !important;

    opacity: 1 !important;

}