body {
    background-color: #fdfdfd;
}

.body-content {
    width: 100%;
    margin: auto;
}

.checkfix-just {
    margin-left: 20px;
    margin-top: 14px;
}
.checkfix-span {
    cursor: pointer !important;
    margin-top: 37px;
    margin-left: 15px;
}

.checkfix-span-modal {
    cursor: pointer !important;
    margin-left: 15px;
}
.checkfix-just-modal {
    margin-left: 20px;
}



.loginContainer {
    width: 400px;
    left: 50%;
    margin: auto;
    margin-top: 200px;
    margin-bottom: 200px;
    border: 1px solid #CCC;
    overflow: hidden;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.6);
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.6);
    box-shadow: 1px 1px 1px rgba(0,0,0,.6);
}

    .loginContainer .login-actions {
        width: auto;
        padding: 12px 15px;
        border-top: 1px dotted #CCC;
        text-align: center;
    }

#login .login-actions .btn {
    width: 95%;
    margin: auto;
}

.pagetitle {
    width: 100%;
    text-align: center;
    padding: 20px;
}

.form {
    margin-top: 25px;
}

label {
    font-weight: bold;
    font-size: medium;
}

.tooltip {
    z-index: 9999 !important;
}

.flotTip {
    z-index: 9999 !important;
}

.panel-report {
    margin-top: 50px;
}

.customcollapse, .customcollapse label {
    color: black;
    font-weight: bold;
    cursor: pointer;
}

    .customcollapse:hover {
        border-width: 1px;
        border-style: solid;
        border-color: #ddd;
        background-color: #f9f9f9;
    }

@keyframes notification {
    0% {
        opacity: 1
    }

    90% {
        opacity: 1
    }

    100% {
        display: none;
        opacity: 0;
    }
}

.alert-now {
    animation-name: notification;
    animation-duration: 5s;
    animation-fill-mode: forwards;
    position: fixed;
    right: 0px;
    top: 65px;
}

.hidden {
    display: none;
}

.user-menu-bar {
    color: #fff !important;
    margin-left: 20px;
    cursor: pointer;
}
.user-menu-bar:hover {
    opacity:0.7;
}
    .user-menu-bar:hover, .user-menu-bar:focus, .user-menu-bar:visited {
        text-decoration: none;
        color: rgba(255, 255, 255, 0.75);
    }

.loading-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .7 ) url('../../images/loading.gif') 50% 50% no-repeat;
    background-size: 50px 50px;
}

body.loading .loading-modal {
    overflow: hidden;
}

body.loading .loading-modal {
    display: block;
}

.btn-print {
    float: right;
    margin-top: -20px;
}

.btn-collapseAll {
    margin-top: 8px;
}

    .btn-collapseAll button {
        height: 22px;
        padding-top: 0px;
    }

.select2-selection__rendered {
    max-height: 95px;
    overflow-y: auto !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    margin-right: 0px !important;
}

.select2-container .select2-selection--single {
    height: 38px !important;
}
    .wraptext {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
}


    .container input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
    border: 1px solid #000;
}

.container:hover input ~ .checkmark {
    border: 2px solid #000;
}
.container input:disabled ~ .checkmark {
    background-color: #eee;
    border: 1px solid #aaa;
}

.checkmark:disabled {
    background-color: #eee;
    border: 1px solid #aaa;
}

.container input:checked ~ .checkmark {
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmark:after {
    display: block;
}

.container .checkmark:after {
    left: 10px;
    top: 7px;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*New styles */

.col-amber .navbar .navbar-brand, .col-amber .navbar .navbar-brand:hover, .col-amber .navbar .navbar-brand:active, .col-amber .navbar .navbar-brand:focus {
    color: #fff
}

.col-amber .navbar .nav > li > a:hover, .col-amber .navbar .nav > li > a:focus, .col-amber .navbar .nav .open > a, .col-amber .navbar .nav .open > a:hover, .col-amber .navbar .nav .open > a:focus {
    background-color: rgba(0,0,0,0.05)
}

.col-amber .navbar .nav > li > a {
    color: #fff
}

.col-amber .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-amber .navbar .bars:hover {
        background-color: rgba(0,0,0,0.08)
    }

.col-amber {
    color: #FFC107 !important
}

.l-parpl {
    background: linear-gradient(45deg, #a890d3, #edbae7) !important;
    color: #fff !important
}

.social_widget2 .name .progress-container .progress-badge {
    color: #fff
}

.social_widget2 .name .progress-container .progress {
    background: rgba(255,255,255,0.3)
}

    .social_widget2 .name .progress-container .progress .progress-bar {
        background-color: #fff
    }

    .social_widget2 .name .progress-container .progress .progress-value {
        color: #fff
    }

.social_widget2 .name h5 {
    color: #fff
}

.progress-container {
    position: relative
}

    .progress-container + .progress-container, .progress-container ~ .progress-container {
        margin-top: 15px
    }

    .progress-container .progress-badge {
        color: #888;
        font-size: .8571em;
        text-transform: uppercase
    }

    .progress-container .progress {
        height: 1px;
        border-radius: 0;
        box-shadow: none;
        background: rgba(222,222,222,0.8);
        margin-top: 14px
    }

        .progress-container .progress .progress-bar {
            box-shadow: none;
            background-color: #888
        }

        .progress-container .progress .progress-value {
            position: absolute;
            top: 6px;
            right: 0;
            color: #888;
            font-size: .8571em
        }

    .progress-container.progress-neutral .progress {
        background: rgba(255,255,255,0.3)
    }

    .progress-container.progress-neutral .progress-bar {
        background: #fff
    }

    .progress-container.progress-neutral .progress-value, .progress-container.progress-neutral .progress-badge {
        color: #fff
    }

    .progress-container.progress-primary .progress {
        background: rgba(249,99,50,0.3)
    }

    .progress-container.progress-primary .progress-bar {
        background: #f96332
    }

    .progress-container.progress-primary .progress-value, .progress-container.progress-primary .progress-badge {
        color: #f96332
    }

    .progress-container.progress-info .progress {
        background: rgba(44,168,255,0.3)
    }

    .progress-container.progress-info .progress-bar {
        background: #2CA8FF
    }

    .progress-container.progress-info .progress-value, .progress-container.progress-info .progress-badge {
        color: #2CA8FF
    }

    .progress-container.progress-success .progress {
        background: rgba(24,206,15,0.3)
    }

    .progress-container.progress-success .progress-bar {
        background: #18ce0f
    }

    .progress-container.progress-success .progress-value, .progress-container.progress-success .progress-badge {
        color: #18ce0f
    }

    .progress-container.progress-warning .progress {
        background: rgba(255,178,54,0.3)
    }

    .progress-container.progress-warning .progress-bar {
        background: #FFB236
    }

    .progress-container.progress-warning .progress-value, .progress-container.progress-warning .progress-badge {
        color: #FFB236
    }

    .progress-container.progress-danger .progress {
        background: rgba(255,54,54,0.3)
    }

    .progress-container.progress-danger .progress-bar {
        background: #FF3636
    }

    .progress-container.progress-danger .progress-value, .progress-container.progress-danger .progress-badge {
        color: #FF3636
    }


.sidebar .menu .progress-container {
    margin: 12px
}

.taskboard .progress_task .dd-handle::before {
    background: #ff9800 !important
}

.list-widget .list-group-item {
    padding: 20px 20px;
    border: 1px solid rgba(0,0,0,0.07);
    color:black;
}

    .list-widget .list-group-item:hover {
        background-color: #ddd;
        border: 1px solid rgba(0, 0, 0, 0.125);
        box-shadow: none;
    }
    .list-widget .list-group-item:visited {
        background-color: #ddd;
        border: 1px solid rgba(0, 0, 0, 0.125);
        box-shadow: none;
    }
    .list-widget .list-group-item:active {
        background-color: #ddd;
        border: 1px solid rgba(0, 0, 0, 0.125);
        box-shadow: none;
    }

    .list-widget .list-group-item:focus {
        background-color: #ddd;
        border: 1px solid rgba(0, 0, 0, 0.125);
        box-shadow: none;
    }

    .list-widget .list-group-item.focus {
        background-color: #ddd;
        border: 1px solid rgba(0, 0, 0, 0.125);
        box-shadow: none;
    }

    .list-widget .list-group-item i {
        width: 30px
    }

.list-widget .badge {
    float: right
}

.badge {
    font-size: .7142em;
    background-color: rgba(0,0,0,0);
    border: 1px solid;
    border-radius: .875rem;
    padding: 4px 8px;
    text-transform: uppercase;
    line-height: 12px
}

.badge-icon {
    padding: 0.4em 0.55em
}

    .badge-icon i {
        font-size: 0.8em
    }

.badge-default {
    border-color: #888;
    color: #888
}

.bg-green {
    background-color: #50d38a !important;
    color: #fff
}

    .bg-green .content .text, .bg-green .content .number {
        color: #fff !important
    }

.col-blush .navbar .navbar-brand, .col-blush .navbar .navbar-brand:hover, .col-blush .navbar .navbar-brand:active, .col-blush .navbar .navbar-brand:focus {
    color: #fff
}

.col-blush .navbar .nav > li > a:hover, .col-blush .navbar .nav > li > a:focus, .col-blush .navbar .nav .open > a, .col-blush .navbar .nav .open > a:hover, .col-blush .navbar .nav .open > a:focus {
    background-color: rgba(0,0,0,0.05)
}

.col-blush {
    color: #ff758e !important
}

.l-blush {
    background: linear-gradient(45deg, #dd5e89, #f7bb97) !important;
    color: #fff !important
}

.panel-group .panel-col-blush {
    border: 1px solid #ff758e
}

    .panel-group .panel-col-blush .panel-title {
        background-color: #ff758e !important;
        color: #fff;
        margin: 0
    }

    .panel-group .panel-col-blush .panel-body {
        border-top-color: transparent !important
    }

.full-body .panel-col-blush .panel-body {
    border-top-color: #fff !important;
    background-color: #ff758e;
    color: #fff
}

.list-group .pl-blush {
    stroke: #ff758e
}

@media screen and (max-width: 640px) {
    .block-header h2 {
        margin-bottom: 5px
    }

        .block-header h2 small {
            display: inline-block !important
        }

}


.col-blush .navbar .nav > li > a {
    color: #fff
}

.col-blush .navbar .bars {
    float: left;
    padding: 10px 20px;
    font-size: 22px;
    color: #fff;
    margin-right: 10px;
    margin-left: -10px;
    margin-top: 4px
}

    .col-blush .navbar .bars:hover {
        background-color: rgba(0,0,0,0.08)
    }

.list-group .list-group-bg-green {
    background-color: #50d38a;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus {
        background-color: #50d38a;
        color: #fff;
        opacity: 0.8
    }

.badge-primary {
    border-color: #f96332;
    color: #f96332
}

.badge-info {
    border-color: #2CA8FF;
    color: #2CA8FF
}

.badge-success {
    border-color: #18ce0f;
    color: #18ce0f
}

.badge-warning {
    border-color: #FFB236;
    color: #FFB236
}

.badge-danger {
    border-color: #FF3636;
    color: #FF3636
}

.badge-neutral {
    border-color: #fff;
    color: #fff
}

.progress {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    height: 10px
}

    .progress .progress-bar {
        line-height: 8px;
        background-color: #2196f3
    }

    .progress .progress-bar-success {
        background-color: #4caf50
    }

    .progress .progress-bar-info {
        background-color: #03a9f4
    }

    .progress .progress-bar-warning {
        background-color: #ffc107
    }

    .progress .progress-bar-danger {
        background-color: #f44336
    }

.product-report .counter {
    font-weight: normal
}

.product-report .icon {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    line-height: 50px;
    float: left;
    width: 50px
}

.l-amber, .w_calender span + span, .w_calender em {
    background: linear-gradient(45deg, #fda582, #f7cf68) !important;
    color: #fff !important
}


.panel-group .panel-col-amber {
    border: 1px solid #FFC107
}

    .panel-group .panel-col-amber .panel-title {
        background-color: #FFC107 !important;
        color: #fff;
        margin: 0
    }

    .panel-group .panel-col-amber .panel-body {
        border-top-color: transparent !important
    }


.list-group .pl-amber {
    stroke: #FFC107
}


.full-body .panel-col-amber .panel-body {
    border-top-color: #fff !important;
    background-color: #FFC107;
    color: #fff
}


.authentication .card-plain {
    border-radius: .55rem;
    padding-bottom: .7rem;
    max-width: 330px;
    padding: 20px;
    background: #191f28;
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.3)
}

    .authentication .card-plain .btn-wd {
        min-width: 180px
    }

    .authentication .card-plain .logo-container {
        width: 80px;
        margin: 0 auto;
        margin-bottom: 20px !important;
        margin-top: -50px;
        border-radius: .55rem;
        padding: 20px;
        background: #fff
    }

        .authentication .card-plain .logo-container img {
            width: 100%
        }

    .authentication .card-plain.card-plain {
        margin: 0 auto
    }

        .authentication .card-plain.card-plain .form-control::-moz-placeholder {
            color: #ebebeb;
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .authentication .card-plain.card-plain .form-control:-moz-placeholder {
            color: #ebebeb;
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .authentication .card-plain.card-plain .form-control::-webkit-input-placeholder {
            color: #ebebeb;
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .authentication .card-plain.card-plain .form-control:-ms-input-placeholder {
            color: #ebebeb;
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .authentication .card-plain.card-plain .form-control {
            border-color: rgba(255,255,255,0.5);
            color: #fff
        }

            .authentication .card-plain.card-plain .form-control:focus {
                border-color: #fff;
                background-color: rgba(0,0,0,0);
                color: #fff
            }

        .authentication .card-plain.card-plain .has-success:after, .authentication .card-plain.card-plain .has-danger:after {
            color: #fff
        }

        .authentication .card-plain.card-plain .has-danger .form-control {
            background-color: rgba(0,0,0,0)
        }

        .authentication .card-plain.card-plain .input-group-addon {
            background-color: rgba(0,0,0,0);
            border-color: rgba(255,255,255,0.5);
            color: #fff
        }

        .authentication .card-plain.card-plain .input-group-focus .input-group-addon {
            background-color: rgba(0,0,0,0);
            border-color: #fff;
            color: #fff
        }

        .authentication .card-plain.card-plain .form-group.form-group-no-border .form-control, .authentication .card-plain.card-plain .input-group.form-group-no-border .form-control {
            background-color: rgba(255,255,255,0.2);
            color: #fff
        }

            .authentication .card-plain.card-plain .form-group.form-group-no-border .form-control:focus, .authentication .card-plain.card-plain .form-group.form-group-no-border .form-control:active, .authentication .card-plain.card-plain .form-group.form-group-no-border .form-control:active, .authentication .card-plain.card-plain .input-group.form-group-no-border .form-control:focus, .authentication .card-plain.card-plain .input-group.form-group-no-border .form-control:active, .authentication .card-plain.card-plain .input-group.form-group-no-border .form-control:active {
                background-color: rgba(255,255,255,0.2);
                color: #fff
            }

            .authentication .card-plain.card-plain .form-group.form-group-no-border .form-control + .input-group-addon, .authentication .card-plain.card-plain .input-group.form-group-no-border .form-control + .input-group-addon {
                background-color: rgba(255,255,255,0.2)
            }

                .authentication .card-plain.card-plain .form-group.form-group-no-border .form-control + .input-group-addon:focus, .authentication .card-plain.card-plain .form-group.form-group-no-border .form-control + .input-group-addon:active, .authentication .card-plain.card-plain .form-group.form-group-no-border .form-control + .input-group-addon:active, .authentication .card-plain.card-plain .input-group.form-group-no-border .form-control + .input-group-addon:focus, .authentication .card-plain.card-plain .input-group.form-group-no-border .form-control + .input-group-addon:active, .authentication .card-plain.card-plain .input-group.form-group-no-border .form-control + .input-group-addon:active {
                    background-color: rgba(255,255,255,0.2);
                    color: #fff
                }

            .authentication .card-plain.card-plain .form-group.form-group-no-border .form-control:focus + .input-group-addon, .authentication .card-plain.card-plain .input-group.form-group-no-border .form-control:focus + .input-group-addon {
                background-color: rgba(255,255,255,0.2);
                color: #fff
            }

        .authentication .card-plain.card-plain .form-group.form-group-no-border .input-group-addon, .authentication .card-plain.card-plain .input-group.form-group-no-border .input-group-addon {
            background-color: rgba(255,255,255,0.2);
            border: none;
            color: #fff
        }

        .authentication .card-plain.card-plain .form-group.form-group-no-border.input-group-focus .input-group-addon, .authentication .card-plain.card-plain .input-group.form-group-no-border.input-group-focus .input-group-addon {
            background-color: rgba(255,255,255,0.2);
            color: #fff
        }


@media screen and (max-width: 767px) {
    .member-card .s-profile {
        text-align: center
    }

    .profile_state li {
        border-bottom: 1px solid #eee
    }

        .profile_state li:last-child {
            border: none
        }

    .card-group .card + .card {
        border-left: none
    }

    .chat-wrapper {
        right: 30px;
        width: 310px
    }

    #project-progress .progress {
        display: none
    }
}


.card-group .card + .card {
    border-left: 1px solid #bdbdbd
}


.member-card .header {
    min-height: 150px;
    border-radius: .55rem .55rem 0 0
}

.member-card .member-img {
    position: relative;
    margin-top: -70px
}

    .member-card .member-img img {
        width: 150px;
        border: 3px solid #fff;
        box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.3)
    }

.member-card .social-links li a {
    padding: 5px 10px
}

.card {
    background: #fff;
    border-radius: .55rem;
    margin-bottom: 30px;
    transition: .5s;
    border: 0;
    position: relative;
    width: 100%;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1)
}

    .card .card-inside-title {
        color: #000
    }

        .card .card-inside-title small {
            color: #9e9e9e
        }

            .card .card-inside-title small a {
                color: #757575;
                font-weight: 700
            }

    .card .bg-red, .card .bg-pink, .card .bg-purple, .card .bg-deep-purple, .card .bg-indigo, .card .bg-blue, .card .bg-light-blue, .card .bg-cyan, .card .bg-teal, .card .bg-green, .card .bg-light-green, .card .bg-lime, .card .bg-yellow, .card .bg-amber, .card .bg-orange, .card .bg-deep-orange, .card .bg-brown, .card .bg-grey, .card .bg-blue-grey, .card .bg-blush, .card .bg-black {
        color: #fff !important
    }

        .card .bg-red h2, .card .bg-red small, .card .bg-pink h2, .card .bg-pink small, .card .bg-purple h2, .card .bg-purple small, .card .bg-deep-purple h2, .card .bg-deep-purple small, .card .bg-indigo h2, .card .bg-indigo small, .card .bg-blue h2, .card .bg-blue small, .card .bg-light-blue h2, .card .bg-light-blue small, .card .bg-cyan h2, .card .bg-cyan small, .card .bg-teal h2, .card .bg-teal small, .card .bg-green h2, .card .bg-green small, .card .bg-light-green h2, .card .bg-light-green small, .card .bg-lime h2, .card .bg-lime small, .card .bg-yellow h2, .card .bg-yellow small, .card .bg-amber h2, .card .bg-amber small, .card .bg-orange h2, .card .bg-orange small, .card .bg-deep-orange h2, .card .bg-deep-orange small, .card .bg-brown h2, .card .bg-brown small, .card .bg-grey h2, .card .bg-grey small, .card .bg-blue-grey h2, .card .bg-blue-grey small, .card .bg-blush h2, .card .bg-blush small, .card .bg-black h2, .card .bg-black small {
            color: #fff !important
        }

        .card .bg-red .badge, .card .bg-pink .badge, .card .bg-purple .badge, .card .bg-deep-purple .badge, .card .bg-indigo .badge, .card .bg-blue .badge, .card .bg-light-blue .badge, .card .bg-cyan .badge, .card .bg-teal .badge, .card .bg-green .badge, .card .bg-light-green .badge, .card .bg-lime .badge, .card .bg-yellow .badge, .card .bg-amber .badge, .card .bg-orange .badge, .card .bg-deep-orange .badge, .card .bg-brown .badge, .card .bg-grey .badge, .card .bg-blue-grey .badge, .card .bg-blush .badge, .card .bg-black .badge {
            background-color: #fff;
            color: #424242
        }

    .card.bg-dark {
        background: #191f28 !important
    }

        .card.bg-dark .table td, .card.bg-dark .table th {
            border-top: 1px solid #232b38;
            color: #9e9e9e
        }

        .card.bg-dark .btn-neutral {
            background-color: transparent;
            color: #fff
        }

            .card.bg-dark .btn-neutral:focus {
                background-color: transparent
            }

    .card .header {
        color: #424242;
        padding: 20px;
        position: relative;
        box-shadow: none
    }

        .card .header .header-dropdown {
            position: absolute;
            top: 14px;
            right: 20px;
            list-style: none
        }

            .card .header .header-dropdown li a {
                padding: 5px 10px
            }

            .card .header .header-dropdown li .dropdown-menu {
                border-radius: .55rem;
                overflow: hidden
            }

                .card .header .header-dropdown li .dropdown-menu li {
                    display: block !important
                }

                    .card .header .header-dropdown li .dropdown-menu li a {
                        padding: 10px;
                        border-radius: .1875rem
                    }

            .card .header .header-dropdown i {
                -moz-transition: all 0.5s;
                -o-transition: all 0.5s;
                -webkit-transition: all 0.5s;
                transition: all 0.5s;
                color: #9e9e9e
            }

                .card .header .header-dropdown i:hover {
                    color: #000
                }

        .card .header h2 {
            color: #757575;
            position: relative
        }

            .card .header h2::before {
                position: absolute;
                width: 20px;
                height: 1px;
                left: 0;
                top: -20px;
                content: ''
            }

            .card .header h2 small {
                color: #757575;
                line-height: 15px
            }

                .card .header h2 small a {
                    font-weight: 700;
                    color: #757575
                }

    .card .p-15 {
        padding: 15px !important
    }

    .card .body {
        font-weight: 400;
        color: #424242;
        padding: 20px
    }



    .padding-0, .footer ul, .navbar-header .navbar-brand, .navbar-nav.navbar-left .dropdown-menu, .right-sidebar .nav-tabs + .tab-content, .right_chat .media .status, .card .header .header-dropdown, .dropdown-menu, .dropdown-menu .footer, .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr td.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr th.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr td.fc-agenda-gutter, .chat-app .list_btn, .chat .chat-history ul, .authentication .navbar .navbar-brand, .chat-widget, .os-percentages, .os-percentages li, .follow_us .media .status, .profile_state, .profile_state li, .w_calender ul, .profile-page .profile-sub-header ul.box-list, .file_manager .file, .overlay_menu .social p a {
        padding: 0 !important
    }

.font-6 {
    font-size: 6px
}

.font-7 {
    font-size: 7px
}

.font-8, .online, .offline, .me {
    font-size: 8px
}

.font-9 {
    font-size: 9px
}

.font-10, .label-count {
    font-size: 10px
}

.font-11, .sidebar .menu .list .header, .card .card-inside-title small, .page-calendar .event-name h4 span, .page-calendar .event-name address, .weather .days li h5 {
    font-size: 11px
}

    .font-12, .alert strong, .navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body .name .time, .sidebar .menu .list .ml-menu li a:before, .right-sidebar .card h6, .wizard .content .body label.error, .dropdown-menu ul.menu .menu-info p, .page-calendar .event-name address i, .fc .fc-view-container .fc-event, .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr th.fc-widget-header, .fc .fc-view-container .fc-view.fc-basic-view > table > thead tr td.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr th.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda > table > thead tr td.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-axis, .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr th, .dataTables_wrapper input[type="search"], .chat-widget li .datetime, .project_widget .pw_content .pw_header small, .inbox-widget .inbox-inner .inbox-item-info .inbox-date, .overlay_menu .links ul li a:before {
        font-size: 12px
    }

        .font-13, .navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body .message, .right_chat .media .message, .card .header h2 small, .info-box .content .text, .list-group .active .list-group-item-text, .dropdown-menu .header, .dropdown-menu ul.menu .menu-info p i, .event-control, .dataTables_wrapper .dt-buttons a.dt-button, .people-list .status, .follow_us .media .message, .overlay_menu .social p {
            font-size: 13px
        }

.font-14, .card .body, .info-box-2 .content .text, .bootstrap-select .btn.btn-round.btn-simple .filter-option, .media .media-body, .dropdown-menu ul.menu .menu-info h4, .dropdown-menu > li > a, .inbox-widget .inbox-inner .inbox-item-info .author, .profile-page #timeline .timeline {
    font-size: 14px
}

.font-15, .right_chat .media .name, .card .card-inside-title, .card .header h2, .wizard .steps .number, .fc .fc-view-container .fc-view.fc-basic-view > table tbody tr td.fc-day-number, .fc .fc-view-container .fc-view.fc-agenda > table tbody tr td.fc-day-number, .people-list .chat-list li .name, .chat .chat-history .message-data, .activity li a .info h4, .user_activity .b-accent .sl-item .sl-content h5, .feeds_widget li .feeds-body .title, .follow_us .media .name, .w_calender ul li, .c_list address i, .contact .c_list address i {
    font-size: 15px
}

    .font-16, .sidebar .menu .list a i, .panel-group .panel .panel-title, .panel-group .panel-primary .panel-title, .media .media-body .media-heading, .search_result_page .title, .chat .chat-header .chat-with, .chat .chat-history .message-data .message-data-name, .chat .chat-history .message, .chat .chat-message .fa-file-o, .chat .chat-message .fa-file-image-o {
        font-size: 16px
    }

.font-17, .sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before, .list-group .list-group-item .list-group-item-heading, .agent .agent-content .agent-name h4 {
    font-size: 17px
}

.font-18, .navbar-header .navbar-brand, .right-sidebar .choose-skin li.active:after, .dropdown-menu ul.menu .icon-circle i, .feeds_widget li .feeds-left, .agent .agent-content .agent-contact-details li i, .agent .agent-content .agent-contact-details li span, .social_widget2 .name h5, .w_calender span + span, .list-widget .list-group-item i, .sprice2 .name h5 {
    font-size: 18px
}

.font-19 {
    font-size: 19px
}

.font-20, .alert i.fa, .alert i.now-ui-icons, .navbar-nav > li > a i, .sidebar .user-info .detail h4, .menu_sm .sidebar .list a i, .card .header .header-dropdown i, .bootstrap-select .bs-searchbox:after, .dropdown-menu > li > a i.material-icons, .fc .fc-toolbar h2 {
    font-size: 20px
}


.inlineblock, .footer nav, .footer ul li, .navbar-header, .navbar-nav.navbar-left, .navbar-nav.navbar-left > li, .navbar-nav > li > a, .sidebar, .right-sidebar .choose-skin li, .right-sidebar .choose-skin li div, .right-sidebar .theme-light-dark li, .right_chat .media .message, .right_chat .media .status, .right_chat .chat_list li a, .card, .card .header .header-dropdown li, .wizard .actions ul, .dropdown-menu ul.menu .icon-circle, .dropdown-menu ul.menu .menu-info, .authentication .n_logo, .team-info li, .chat-widget li.left .chat-info, .chat-widget li.right .chat-info, .weather .days li, .agent .agent-content .agent-contact-details li span, .agent .agent-content .social-icons li, .agent .agent-content .social-icons li a, .follow_us .media .message, .follow_us .media .status, .member-card .social-links li, .social_icon, .w_calender span + span, .w_calender ul li, .c_list .c_name, .contact .c_list .checkbox, .contact .c_list .c_name, .overlay_menu .social .icon {
    display: inline-block
}

    .displayblock, .alert .alert-icon, .navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body .name, .navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body .message, .sidebar .menu .list a, .menu_sm .sidebar .list li:hover .ml-menu a::before, .menu_sm .sidebar .list li:hover .ml-menu a::after, .right_chat .media .name, .block-header h2 small, .card .card-inside-title, .card .card-inside-title small, .card .header .header-dropdown li a, .card .header h2 small, .wizard .actions, .wizard .actions a, .wizard .actions a:hover, .wizard .actions a:active, .wizard .steps, .wizard .steps a, .wizard .steps a:hover, .wizard .steps a:active, .dropdown-menu ul.menu li a, .dropdown-menu .footer a, .dropdown-menu > li > a, .page-calendar .event-name h4 span, .page-calendar .event-name p, .fc .fc-view-container .fc-event:focus .fc-overlay, .fc .fc-view-container .fc-event:hover .fc-overlay, .fc .fc-view-container .fc-event:active .fc-overlay, .activity li a, .user_activity .b-accent .sl-item .sl-content small, .chat-widget li .message, .project_widget .pw_img:before, .project_widget .pw_content .pw_meta small, .project_widget .pw_content .pw_meta span, .twitter-feed p, .weather .days li .degrees, .feeds_widget li .feeds-body, .feeds_widget li .feeds-body > small, .agent .agent-avatar a, .agent .agent-content .agent-contact-details, .follow_us .media .name, .inbox-widget .inbox-inner:hover .hover_action, .inbox-widget .inbox-inner .inbox-item-info .inbox-message, .member-card .text-pink, .social_media_table .list-name, .new_friend_list li .join_date, .w_calender span, .profile-page .profile-header .job_post, .sprice li, .sprice2 .data li, .file_manager .file .file-name small, .overlay_menu .links ul li a {
        display: block
    }

    .displaynone, .overlay, .sidebar .menu .list .ml-menu, .menu_sm .sidebar .list li.header, .menu_sm .sidebar .list .detail, .menu_sm .sidebar .list a::before, .menu_sm .sidebar .list a::after, .menu_sm .sidebar .list a span {
        display: none
    }




    .align-center, .modal.modal-mini p, .modal.modal-mini .modal-profile, .card-signup .text-divider, .card-signup .social-line, .sidebar .user-info, .sidebar .menu .list a i, .menu_sm .sidebar .list a, .info-box .icon, .dropdown-menu ul.menu .icon-circle, .dt-button-info, .chat-app .list_btn, .authentication .footer, .activity li a i, .weather .days li, .os-percentages li, .product-report .icon, .member-card, .profile_state li, .social_icon, .new_friend_list li, .w_calender.days, .w_calender ul li, .top_counter .icon, .c_list address i, .contact .c_list address i, .file_manager .file .icon, .overlay_menu .social, .overlay_menu .social .icon {
        text-align: center
    }


.m-l-0, .card-plain .header, .ls-toggle-menu section.content, .ls-closed section.content, .overlay-open .sidebar {
    margin-left: 0px
}

.m-t-0, .sidebar .user-info .detail h4, .page-calendar .event-name h4, .activity li a .info h4, .weather .city, .weather .city h3, .product-report .counter, .contact .c_list .checkbox, .profile-page #timeline .timeline .timeline-item .item-content, .sprice h4, .sprice2 h4 {
    margin-top: 0px
}

.m-r-0, .card-plain .header, .c_list .fancy-checkbox {
    margin-right: 0px
}

.m-b-0, .checkbox label, .radio label, .card-signup .text-divider, .footer ul, .navbar-nav.navbar-left .dropdown-menu ul.menu .media, .sidebar .user-info .detail h4, .right-sidebar .card, .right-sidebar .card ul, .block-header .breadcrumb, .card .header, .collapse .well, .collapse.in .well, .collapsing .well, .page-calendar .event-name h6, .page-calendar .event-name h4, .page-calendar .event-name p, .page-calendar .event-name address, .authentication .card-plain .header h5, .authentication .footer h5, .activity li a .info h4, .weather .city h3, .os-percentages li .os, .inbox-widget .inbox-inner .inbox-item-info .inbox-date, .inbox-widget .inbox-inner .inbox-item-info .author, .inbox-widget .inbox-inner .inbox-item-info .inbox-message, .members_profiles .table, .profile_state li h4, .social_media_table .table, .new_friend_list, .new_friend_list li .users_name, .top_counter .content .number, .todo_list .checkbox, .c_list .fancy-checkbox, .c_list .c_name, .c_list address, .contact .action_bar .delete_all, .contact .c_list .checkbox, .contact .c_list .c_name, .contact .c_list address, .profile-page .profile-sub-header, .profile-page #timeline .timeline .timeline-item {
    margin-bottom: 0px
}

.m-l-5, .badge, .wizard .actions a {
    margin-left: 5px
}

.m-t-5, .card .card-inside-title small, .card .header h2 small, .page-calendar .event-name address, .team-info, .new_friend_list li .users_name {
    margin-top: 5px
}

    .m-r-5, .badge, .page-calendar .event-name address i {
        margin-right: 5px
    }

.m-b-5, .weather .days li img, .os-percentages .os-percentage {
    margin-bottom: 5px
}

.m-l-10, .c_list .c_name, .contact .c_list .c_name {
    margin-left: 10px
}

.m-t-10, .chat-widget li.left .chat-info, .member-card .social-links, .profile_state li h4, .w_calender span + span {
    margin-top: 10px
}

.m-r-10, .ls-closed .bars:after, .ls-closed .bars:before, .right_chat .media .media-object, .follow_us .media .media-object, .top_counter .icon {
    margin-right: 10px
}

.m-b-10, .card-signup .footer, .sidebar .user-info .detail, .chat .chat-message textarea, .project_widget .pw_content .pw_header, .w_calender ul:nth-of-type(6), .profile-page .profile-header .job_post {
    margin-bottom: 10px
}

.m-l-15, .navbar-nav.navbar-left .dropdown-menu ul.menu .media .media-body, .user_activity .b-accent {
    margin-left: 15px
}

.m-t-15, .sidebar .menu .list .header {
    margin-top: 15px
}

.m-r-15, .alert .alert-icon, .authentication .navbar-nav li a, .product-report .icon {
    margin-right: 15px
}

.m-b-15, .right-sidebar .card h6, .right_chat .chat_list li a, .card .card-inside-title, .activity li a, .new_friend_list li {
    margin-bottom: 15px
}

.m-l-20, .card-signup .header, .media.mright .media-right {
    margin-left: 20px
}

.m-t-20, .card-signup .checkbox, .w_calender ul:nth-of-type(2), .w_calender ul:nth-of-type(3), .w_calender ul:nth-of-type(4), .w_calender ul:nth-of-type(5), .w_calender ul:nth-of-type(6), .overlay_menu .links h6 {
    margin-top: 20px
}

.m-r-20, .card-signup .header, .media.mleft .media-left, .bs-example .media .media-left {
    margin-right: 20px
}

.m-b-20, .media, .user_activity .b-accent .sl-item .sl-content, .chat-widget li, .w_calender ul:nth-of-type(5) {
    margin-bottom: 20px
}

.m-l-25, .user_activity .b-accent .sl-item .sl-content {
    margin-left: 25px
}

.m-t-25, .card .card-inside-title {
    margin-top: 25px
}

.m-r-25, .social_widget2 .data, .sprice2 .data {
    margin-right: 25px
}

.m-b-25 {
    margin-bottom: 25px
}

.m-l-30, .ls-closed .navbar-brand, .social_widget2 .name, .sprice2 .name {
    margin-left: 30px
}

.m-t-30, .card-signup .text-divider, .social_widget2 .name, .sprice2 .name {
    margin-top: 30px
}

.m-r-30 {
    margin-right: 30px
}

.m-b-30, .chat .chat-history .message, .weather .city {
    margin-bottom: 30px
}

.m-l-35 {
    margin-left: 35px
}

.m-t-35 {
    margin-top: 35px
}

.m-r-35 {
    margin-right: 35px
}

.m-b-35 {
    margin-bottom: 35px
}

.m-l-40 {
    margin-left: 40px
}

.m-t-40 {
    margin-top: 40px
}

.m-r-40 {
    margin-right: 40px
}

.m-b-40 {
    margin-bottom: 40px
}

.m-l-45 {
    margin-left: 45px
}

.m-t-45 {
    margin-top: 45px
}

.m-r-45 {
    margin-right: 45px
}

.m-b-45 {
    margin-bottom: 45px
}

.m-l-50 {
    margin-left: 50px
}

.m-t-50 {
    margin-top: 50px
}

.m-r-50 {
    margin-right: 50px
}

.m-b-50 {
    margin-bottom: 50px
}

.m-l-55 {
    margin-left: 55px
}

.m-t-55 {
    margin-top: 55px
}

.m-r-55 {
    margin-right: 55px
}

.m-b-55 {
    margin-bottom: 55px
}

.m-l-60 {
    margin-left: 60px
}

.m-t-60 {
    margin-top: 60px
}

.m-r-60 {
    margin-right: 60px
}

.m-b-60 {
    margin-bottom: 60px
}

.m-l-65 {
    margin-left: 65px
}

.m-t-65 {
    margin-top: 65px
}

.m-r-65 {
    margin-right: 65px
}

.m-b-65 {
    margin-bottom: 65px
}

.m-l-70 {
    margin-left: 70px
}

.m-t-70 {
    margin-top: 70px
}

.m-r-70 {
    margin-right: 70px
}

.m-b-70 {
    margin-bottom: 70px
}

.m-l-75 {
    margin-left: 75px
}

.m-t-75 {
    margin-top: 75px
}

.m-r-75 {
    margin-right: 75px
}

.m-b-75 {
    margin-bottom: 75px
}

.m-l-80 {
    margin-left: 80px
}

.m-t-80 {
    margin-top: 80px
}

.m-r-80 {
    margin-right: 80px
}

.m-b-80 {
    margin-bottom: 80px
}

.m-l-85 {
    margin-left: 85px
}

.m-t-85 {
    margin-top: 85px
}

.m-r-85 {
    margin-right: 85px
}

.m-b-85 {
    margin-bottom: 85px
}

.m-l-90 {
    margin-left: 90px
}

.m-t-90 {
    margin-top: 90px
}

.m-r-90 {
    margin-right: 90px
}

.m-b-90 {
    margin-bottom: 90px
}

.m-l-95 {
    margin-left: 95px
}

.m-t-95 {
    margin-top: 95px
}

.m-r-95 {
    margin-right: 95px
}

.m-b-95 {
    margin-bottom: 95px
}

.m-l-100 {
    margin-left: 100px
}

.m-t-100 {
    margin-top: 100px
}

.m-r-100 {
    margin-right: 100px
}

.m-b-100 {
    margin-bottom: 100px
}

.m-l-105 {
    margin-left: 105px
}

.m-t-105 {
    margin-top: 105px
}

.m-r-105 {
    margin-right: 105px
}

.m-b-105 {
    margin-bottom: 105px
}

.m-l-110 {
    margin-left: 110px
}

.m-t-110 {
    margin-top: 110px
}

.m-r-110 {
    margin-right: 110px
}

.m-b-110 {
    margin-bottom: 110px
}

.m-l-115 {
    margin-left: 115px
}

.m-t-115 {
    margin-top: 115px
}

.m-r-115 {
    margin-right: 115px
}

.m-b-115 {
    margin-bottom: 115px
}

.m-l-120 {
    margin-left: 120px
}

.m-t-120 {
    margin-top: 120px
}

.m-r-120 {
    margin-right: 120px
}

.m-b-120 {
    margin-bottom: 120px
}

.m-l-125 {
    margin-left: 125px
}

.m-t-125 {
    margin-top: 125px
}

.m-r-125 {
    margin-right: 125px
}

.m-b-125 {
    margin-bottom: 125px
}

.margin-0, .right_chat .media .name, .card .header .header-dropdown, .card .header h2, .bootstrap-select .btn, .panel-group .panel .panel-title, .panel-group .panel-primary .panel-title, .media .media-body .media-heading, .wizard .content, .wizard .content .body label.error, .wizard .steps > ul > li:last-child a, .wizard.vertical > .content, .wizard.vertical > .actions, .dropdown-menu ul.menu .menu-info h4, .dropdown-menu ul.menu .menu-info p, .fc-overlay.left, .fc-overlay.right, .fc .fc-toolbar, .fc .fc-toolbar .fc-button, .fc .fc-toolbar h2, .search_result_page .title, .authentication .navbar .navbar-brand, .project_widget .pw_content .pw_header h6, .os-percentages, .feeds_widget li .feeds-body .title, .agent .agent-content .agent-name h4, .agent .agent-content .agent-contact-details, .agent .agent-content .social-icons, .follow_us .media .name, .inbox-widget, .inbox-widget .inbox-inner .hover_action .btn, .social_widget2 .name h5, .profile_state, .c_list tr td .btn, .contact .action_bar .btn, .contact .action_bar .search, .contact .c_list tr td .btn, .profile-page .profile-sub-header ul.box-list, .profile-page .profile-sub-header ul.box-list li p, .sprice2 .name h5, .overlay_menu .btn, .overlay_menu .social p, .overlay_menu .social p a {
    margin: 0 !important
}

.p-l-0, .card-plain .content, .sidebar .menu .list .ml-menu, .dropdown-menu ul.menu, .invoice .nav-tabs {
    padding-left: 0px
}

.p-t-0, .card-signup .card-body, .inbox-widget .inbox-inner:first-child {
    padding-top: 0px
}

.p-r-0, .card-plain .content, .invoice .nav-tabs {
    padding-right: 0px
}

.p-b-0, .card-signup .card-body, .authentication .card-plain .footer, .inbox-widget .inbox-inner:last-child {
    padding-bottom: 0px
}

.p-l-5 {
    padding-left: 5px
}

.p-t-5 {
    padding-top: 5px
}

.p-r-5, .right-sidebar .choose-skin li, .wizard.vertical > .steps {
    padding-right: 5px
}

.p-b-5, .right-sidebar .card h6 {
    padding-bottom: 5px
}

.p-l-10, .chat .chat-header .chat-about {
    padding-left: 10px
}

.p-t-10, .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr th, .os-percentages li .os, .sprice li, .sprice2 .data li {
    padding-top: 10px
}

.p-r-10 {
    padding-right: 10px
}

.p-b-10, .sidebar .menu .list .ml-menu, .social_widget2 .name, .sprice li, .sprice2 .data li, .sprice2 .name {
    padding-bottom: 10px
}

.p-l-15, .navbar-header, .sidebar .menu .list {
    padding-left: 15px
}

.p-t-15, .right-sidebar .slim_scroll {
    padding-top: 15px
}

.p-r-15, .sidebar .menu .list {
    padding-right: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.p-l-20 {
    padding-left: 20px
}

.p-t-20, .right_chat .chat_list {
    padding-top: 20px
}

.p-r-20 {
    padding-right: 20px
}

.p-b-20, .authentication .card-plain .header {
    padding-bottom: 20px
}

.p-l-25 {
    padding-left: 25px
}

.p-t-25 {
    padding-top: 25px
}

.p-r-25 {
    padding-right: 25px
}

.p-b-25 {
    padding-bottom: 25px
}

.p-l-30, .social_widget2 .name, .sprice2 .name {
    padding-left: 30px
}

.p-t-30 {
    padding-top: 30px
}

.p-r-30, .social_widget2 .name, .sprice2 .name {
    padding-right: 30px
}

.p-b-30 {
    padding-bottom: 30px
}

.p-l-35 {
    padding-left: 35px
}

.p-t-35 {
    padding-top: 35px
}

.p-r-35 {
    padding-right: 35px
}

.p-b-35 {
    padding-bottom: 35px
}

.p-l-40 {
    padding-left: 40px
}

.p-t-40, .w_calender.days, .w_calender span {
    padding-top: 40px
}

.p-r-40 {
    padding-right: 40px
}

.p-b-40 {
    padding-bottom: 40px
}

.p-l-45 {
    padding-left: 45px
}

.p-t-45 {
    padding-top: 45px
}

.p-r-45 {
    padding-right: 45px
}

.p-b-45 {
    padding-bottom: 45px
}

.p-l-50 {
    padding-left: 50px
}

.p-t-50, .social_widget2 .name {
    padding-top: 50px
}

.p-r-50 {
    padding-right: 50px
}

.p-b-50 {
    padding-bottom: 50px
}

.p-l-55 {
    padding-left: 55px
}

.p-t-55 {
    padding-top: 55px
}

.p-r-55 {
    padding-right: 55px
}

.p-b-55 {
    padding-bottom: 55px
}

.p-l-60 {
    padding-left: 60px
}

.p-t-60 {
    padding-top: 60px
}

.p-r-60 {
    padding-right: 60px
}

.p-b-60 {
    padding-bottom: 60px
}

.p-l-65 {
    padding-left: 65px
}

.p-t-65 {
    padding-top: 65px
}

.p-r-65 {
    padding-right: 65px
}

.p-b-65 {
    padding-bottom: 65px
}

.p-l-70 {
    padding-left: 70px
}

.p-t-70 {
    padding-top: 70px
}

.p-r-70 {
    padding-right: 70px
}

.p-b-70 {
    padding-bottom: 70px
}

.p-l-75 {
    padding-left: 75px
}

.p-t-75 {
    padding-top: 75px
}

.p-r-75 {
    padding-right: 75px
}

.p-b-75 {
    padding-bottom: 75px
}

.p-l-80 {
    padding-left: 80px
}

.p-t-80 {
    padding-top: 80px
}

.p-r-80 {
    padding-right: 80px
}

.p-b-80 {
    padding-bottom: 80px
}

.p-l-85 {
    padding-left: 85px
}

.p-t-85 {
    padding-top: 85px
}

.p-r-85 {
    padding-right: 85px
}

.p-b-85 {
    padding-bottom: 85px
}

.p-l-90 {
    padding-left: 90px
}

.p-t-90 {
    padding-top: 90px
}

.p-r-90 {
    padding-right: 90px
}

.p-b-90 {
    padding-bottom: 90px
}

.p-l-95 {
    padding-left: 95px
}

.p-t-95 {
    padding-top: 95px
}

.p-r-95 {
    padding-right: 95px
}

.p-b-95 {
    padding-bottom: 95px
}

.p-l-100 {
    padding-left: 100px
}

.p-t-100 {
    padding-top: 100px
}

.p-r-100 {
    padding-right: 100px
}

.p-b-100 {
    padding-bottom: 100px
}

.p-l-105 {
    padding-left: 105px
}

.p-t-105 {
    padding-top: 105px
}

.p-r-105 {
    padding-right: 105px
}

.p-b-105 {
    padding-bottom: 105px
}

.p-l-110 {
    padding-left: 110px
}

.p-t-110 {
    padding-top: 110px
}

.p-r-110 {
    padding-right: 110px
}

.p-b-110 {
    padding-bottom: 110px
}

.p-l-115 {
    padding-left: 115px
}

.p-t-115 {
    padding-top: 115px
}

.p-r-115 {
    padding-right: 115px
}

.p-b-115 {
    padding-bottom: 115px
}

.p-l-120 {
    padding-left: 120px
}

.p-t-120 {
    padding-top: 120px
}

.p-r-120 {
    padding-right: 120px
}

.p-b-120 {
    padding-bottom: 120px
}

.p-l-125 {
    padding-left: 125px
}

.p-t-125 {
    padding-top: 125px
}

.p-r-125 {
    padding-right: 125px
}

.p-b-125 {
    padding-bottom: 125px
}

.font-21 {
    font-size: 21px
}

.font-22 {
    font-size: 22px
}

.font-23 {
    font-size: 23px
}


.right-sidebar {
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
    -ms-box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
    box-shadow: -2px 2px 5px rgba(0,0,0,0.1);
    background: #fff;
    width: 280px;
    height: calc(100vh - 0px);
    position: fixed;
    right: -300px;
    top: 0px;
    z-index: 13 !important;
    overflow: hidden
}

    .right-sidebar.open {
        right: 0
    }

    .right-sidebar .card {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none;
        padding: 10px 20px
    }

        .right-sidebar .card h6 {
            border-bottom: 1px solid #eee
        }


.card-signup {
    max-width: 350px;
    margin: 0 auto
}

    .card-signup .header {
        padding: 30px 0
    }

    .card-signup .card-body {
        min-height: auto
    }

    .card-signup .checkbox label {
        margin-left: 17px
    }

    .card-signup .checkbox .checkbox-material {
        padding-right: 12px
    }

    .card-signup .social-line {
        margin-top: 20px
    }

        .card-signup .social-line .btn.btn-icon, .card-signup .social-line .btn.btn-icon .btn-icon -mini {
            margin-left: 5px;
            margin-right: 5px;
            box-shadow: 0px 5px 50px 0px rgba(0,0,0,0.2)
        }

    .card-signup .footer {
        margin-top: 24px
    }

.card-plain {
    background: transparent;
    box-shadow: none
}


.description, .card-description, .footer-big p {
    color: #9A9A9A;
    font-weight: 300
}


.list-group-item {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.list-group .active {
    background-color: #2196F3;
    border-color: #2196F3
}

    .list-group .active:hover, .list-group .active:focus, .list-group .active:active {
        background-color: #2196F3;
        border-color: #2196F3
    }

    .list-group .active .list-group-item-text {
        color: #dfe9f1
    }

        .list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus {
            color: #dfe9f1
        }

.list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text {
    color: #dfe9f1
}

.list-group .list-group-item:first-child, .list-group .list-group-item:last-child {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    color: black
}

.list-group .list-group-item .list-group-item-heading {
    font-weight: 700
}

.list-group .list-group-item-success {
    background-color: #4caf50;
    border: none;
    color: #fff
}

    .list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus {
        background-color: #4caf50;
        color: #fff;
        opacity: 0.8
    }

.list-group .list-group-item-info {
    background-color: #42a5f5;
    border: none;
    color: #fff
}

    .list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus {
        background-color: #42a5f5;
        color: #fff;
        opacity: 0.8
    }

.list-group .list-group-item-warning {
    background-color: #ffa726;
    border: none;
    color: #fff
}

    .list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus {
        background-color: #ffa726;
        color: #fff;
        opacity: 0.8
    }

.list-group .list-group-item-danger {
    background-color: #ef5350;
    border: none;
    color: #fff
}

    .list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus {
        background-color: #ef5350;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-red {
    stroke: #ec3b57
}

.list-group .list-group-bg-red {
    background-color: #ec3b57;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus {
        background-color: #ec3b57;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-pink {
    stroke: #E91E63
}

.list-group .list-group-bg-pink {
    background-color: #E91E63;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus {
        background-color: #E91E63;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-purple {
    stroke: #9744be
}

.list-group .list-group-bg-purple {
    background-color: #9744be;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus {
        background-color: #9744be;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-deep-purple {
    stroke: #673AB7
}

.list-group .list-group-bg-deep-purple {
    background-color: #673AB7;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-deep-purple:hover, .list-group .list-group-bg-deep-purple:focus {
        background-color: #673AB7;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-blue {
    stroke: #60bafd
}

.list-group .list-group-bg-blue {
    background-color: #60bafd;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus {
        background-color: #60bafd;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-cyan {
    stroke: #49c5b6
}

.list-group .list-group-bg-cyan {
    background-color: #49c5b6;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus {
        background-color: #49c5b6;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-green {
    stroke: #50d38a
}


.list-group .pl-light-green {
    stroke: #8BC34A
}

.list-group .list-group-bg-light-green {
    background-color: #8BC34A;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-light-green:hover, .list-group .list-group-bg-light-green:focus {
        background-color: #8BC34A;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-yellow {
    stroke: #ffe821
}

.list-group .list-group-bg-yellow {
    background-color: #ffe821;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus {
        background-color: #ffe821;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-orange {
    stroke: #ffc323
}

.list-group .list-group-bg-orange {
    background-color: #ffc323;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus {
        background-color: #ffc323;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-deep-orange {
    stroke: #f83600
}

.list-group .list-group-bg-deep-orange {
    background-color: #f83600;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-deep-orange:hover, .list-group .list-group-bg-deep-orange:focus {
        background-color: #f83600;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-grey {
    stroke: #9E9E9E
}

.list-group .list-group-bg-grey {
    background-color: #9E9E9E;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-grey:hover, .list-group .list-group-bg-grey:focus {
        background-color: #9E9E9E;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-blue-grey {
    stroke: #607D8B
}

.list-group .list-group-bg-blue-grey {
    background-color: #607D8B;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-blue-grey:hover, .list-group .list-group-bg-blue-grey:focus {
        background-color: #607D8B;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-indigo {
    stroke: #3F51B5
}

.list-group .list-group-bg-indigo {
    background-color: #3F51B5;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus {
        background-color: #3F51B5;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-light-blue {
    stroke: #03A9F4
}

.list-group .list-group-bg-light-blue {
    background-color: #03A9F4;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-light-blue:hover, .list-group .list-group-bg-light-blue:focus {
        background-color: #03A9F4;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-teal {
    stroke: #009688
}

.list-group .list-group-bg-teal {
    background-color: #009688;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus {
        background-color: #009688;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-lime {
    stroke: #CDDC39
}

.list-group .list-group-bg-lime {
    background-color: #CDDC39;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-lime:hover, .list-group .list-group-bg-lime:focus {
        background-color: #CDDC39;
        color: #fff;
        opacity: 0.8
    }


.list-group .list-group-bg-amber {
    background-color: #FFC107;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-amber:hover, .list-group .list-group-bg-amber:focus {
        background-color: #FFC107;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-brown {
    stroke: #795548
}

.list-group .list-group-bg-brown {
    background-color: #795548;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-brown:hover, .list-group .list-group-bg-brown:focus {
        background-color: #795548;
        color: #fff;
        opacity: 0.8
    }


.list-group .list-group-bg-blush {
    background-color: #ff758e;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-blush:hover, .list-group .list-group-bg-blush:focus {
        background-color: #ff758e;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-black {
    stroke: #000
}

.list-group .list-group-bg-black {
    background-color: #000;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-black:hover, .list-group .list-group-bg-black:focus {
        background-color: #000;
        color: #fff;
        opacity: 0.8
    }

.list-group .pl-white {
    stroke: #fff
}

.list-group .list-group-bg-white {
    background-color: #fff;
    border: none;
    color: #fff
}

    .list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus {
        background-color: #fff;
        color: #fff;
        opacity: 0.8
    }


.badge {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px
}


.block-header {
    padding: 25px 15px
}

    .block-header h2 {
        margin: 0 !important;
        font-size: 20px
    }

        .block-header h2 small {
            margin-top: 8px;
            color: #616161;
            font-size: 13px
        }

    .block-header .breadcrumb {
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        border-radius: 50px;
        background: rgba(255,255,255,0.3) !important
    }


@media only screen and (max-width: 767px) {
    .block-header h2 small {
        display: none !important
    }

    .block-header .breadcrumb {
        padding-left: 0;
        padding-bottom: 0
    }
}


.logo-he {
    height: 32px;
    margin-left: 50px;
}


/* Table Tasks */

.action-mobile {
    display: none;
}

@media  (max-width: 767px) {
    .action-mobile {
        display: table-cell;
    }

    .action-desktop {
        display: none;
    }
}