/* Write your custom CSS here */

.form-group {
    font-size: 15px;
}

.toast-top-center {
    top: 50px;
    right: 0;
    width: 100%;
    height: 300px;
}

.btn {
    font-size: 15px;
}

.user-profile {
    margin-top: -70px;
}

.sidebar ol li, .sidebar ul li {
    font-size: 28px;
}

body {
    font-size: 15px;
}


.container {
    width: 90%;
}

.compact-menu:not(.small-sidebar) .menu.accordion-menu li a {
    text-align: center !important;
    font-size: 14px;
}

.compact-menu .horizontal-bar .accordion-menu li a p {
    display: inline;
    font-size: 15px;
}

.panel-primary .panel-heading {
    background: #1098ee;
    color: #fff;
}


.card {
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 25px 0;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 3px;
    color: rgba(0,0,0, 0.87);
    background: #fff;
}

    .card .card-height-indicator {
        margin-top: 100%;
    }

    .card .title {
        margin-top: 0;
        margin-bottom: 5px;
    }

    .card .card-image {
        height: 60%;
        position: relative;
        overflow: hidden;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: -30px;
        border-radius: 6px;
    }

        .card .card-image img {
            width: 100%;
            height: 100%;
            border-radius: 6px;
            pointer-events: none;
        }

        .card .card-image .card-title {
            position: absolute;
            bottom: 15px;
            left: 15px;
            color: #fff;
            font-size: 1.3em;
            text-shadow: 0 2px 5px rgba(33, 33, 33, 0.5);
        }

    .card .category:not([class*="text-"]) {
        color: #999999;
    }

    .card .card-content {
        padding: 15px 20px;
    }

        .card .card-content .category {
            margin-bottom: 0;
        }

    .card .card-header {
        box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
        margin: -20px 15px 0;
        border-radius: 3px;
        padding: 15px;
        background-color: #999999;
    }

        .card .card-header .title {
            color: #FFFFFF;
        }

        .card .card-header .category {
            margin-bottom: 0;
            color: rgba(255, 255, 255, 0.62);
        }

        .card .card-header.card-chart {
            padding: 0;
            min-height: 160px;
        }

            .card .card-header.card-chart + .content h4 {
                margin-top: 0;
            }

        .card .card-header .ct-label {
            color: rgba(255, 255, 255, 0.7);
        }

        .card .card-header .ct-grid {
            stroke: rgba(255, 255, 255, 0.2);
        }

        .card .card-header .ct-series-a .ct-point,
        .card .card-header .ct-series-a .ct-line,
        .card .card-header .ct-series-a .ct-bar,
        .card .card-header .ct-series-a .ct-slice-donut {
            stroke: rgba(255, 255, 255, 0.8);
        }

        .card .card-header .ct-series-a .ct-slice-pie,
        .card .card-header .ct-series-a .ct-area {
            fill: rgba(255, 255, 255, 0.4);
        }

    .card .chart-title {
        position: absolute;
        top: 25px;
        width: 100%;
        text-align: center;
    }

        .card .chart-title h3 {
            margin: 0;
            color: #FFFFFF;
        }

        .card .chart-title h6 {
            margin: 0;
            color: rgba(255, 255, 255, 0.4);
        }

    .card .card-footer {
        margin: 0 20px 10px;
        padding-top: 10px;
        border-top: 1px solid #eeeeee;
    }

        .card .card-footer .content {
            display: block;
        }

        .card .card-footer div {
            display: inline-block;
        }

        .card .card-footer .author {
            color: #999999;
        }

        .card .card-footer .stats {
            line-height: 22px;
            color: #999999;
            font-size: 12px;
        }

            .card .card-footer .stats .material-icons {
                position: relative;
                top: 4px;
                font-size: 16px;
            }

        .card .card-footer h6 {
            color: #999999;
        }

    .card img {
        width: 100%;
        height: auto;
    }

    .card .category .material-icons {
        position: relative;
        top: 6px;
        line-height: 0;
    }

    .card .category-social .fa {
        font-size: 24px;
        position: relative;
        margin-top: -4px;
        top: 2px;
        margin-right: 5px;
    }

    .card .author .avatar {
        width: 30px;
        height: 30px;
        overflow: hidden;
        border-radius: 50%;
        margin-right: 5px;
    }

    .card .author a {
        color: #3C4858;
        text-decoration: none;
    }

        .card .author a .ripple-container {
            display: none;
        }

    .card .table {
        margin-bottom: 0;
    }

        .card .table tr:first-child td {
            border-top: none;
        }

    .card [data-background-color="purple"] {
        background: linear-gradient(60deg, #ab47bc, #8e24aa);
        box-shadow: 0 12px 20px -10px rgba(156, 39, 176, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(156, 39, 176, 0.2);
    }

    .card [data-background-color="darkblue"] {
        background: linear-gradient(60deg, rgb(48, 139, 205), rgb(18, 113, 182));
        box-shadow: 0 12px 20px -10px rgba(18, 113, 182, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(48, 139, 205, 0.2);
    }

    .card [data-background-color="blue"] {
        background: linear-gradient(60deg, #26c6da, #00acc1);
        box-shadow: 0 12px 20px -10px rgba(0, 188, 212, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(0, 188, 212, 0.2);
    }

    .card [data-background-color="green"] {
        background: linear-gradient(60deg, #66bb6a, #43a047);
        box-shadow: 0 12px 20px -10px rgba(76, 175, 80, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(76, 175, 80, 0.2);
    }

    .card [data-background-color="orange"] {
        background: linear-gradient(60deg, #ffa726, #fb8c00);
        box-shadow: 0 12px 20px -10px rgba(255, 152, 0, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(255, 152, 0, 0.2);
    }

    .card [data-background-color="red"] {
        background: linear-gradient(60deg, #ef5350, #e53935);
        box-shadow: 0 12px 20px -10px rgba(244, 67, 54, 0.28), 0 4px 20px 0px rgba(0, 0, 0, 0.12), 0 7px 8px -5px rgba(244, 67, 54, 0.2);
    }

    .card [data-background-color] {
        color: #FFFFFF;
    }

        .card [data-background-color] a {
            color: #FFFFFF;
        }

.card-stats .title {
    margin: 0;
}

.card-stats .card-header {
    float: left;
    text-align: center;
}

    .card-stats .card-header i {
        font-size: 36px;
        line-height: 56px;
        width: 56px;
        height: 56px;
    }

.card-stats .card-content {
    text-align: right;
    padding-top: 10px;
}

.card-nav-tabs .header-raised {
    margin-top: -30px;
}

.card-nav-tabs .nav-tabs {
    background: transparent;
    padding: 0;
}

.card-nav-tabs .nav-tabs-title {
    float: left;
    padding: 10px 10px 10px 0;
    line-height: 24px;
}

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

    .card-plain .card-header {
        margin-left: 0;
        margin-right: 0;
    }

    .card-plain .content {
        padding-left: 5px;
        padding-right: 5px;
    }

    .card-plain .card-image {
        margin: 0;
        border-radius: 3px;
    }

        .card-plain .card-image img {
            border-radius: 3px;
        }

.alert alert-gray {
    background: rgba(255, 255, 255, 0.66);
}

/* RadComboBox Black skin */

/*global*/

.RadComboBox_Black,
.RadComboBox_Black .rcbInput,
.RadComboBoxDropDown_Black {
    font: 12px "Segoe UI", Arial, sans-serif;
    color: #fff;
}

    /* combobox */

    .RadComboBox_Black .rcbInputCellLeft,
    .RadComboBox_Black .rcbInputCellRight,
    .RadComboBox_Black .rcbArrowCellLeft,
    .RadComboBox_Black .rcbArrowCellRight {
        background-image: url('ComboBox/rcbSprite.png');
        _background-image: url('ComboBox/rcbSpriteIE6.png');
    }

    .RadComboBox_Black td.rcbInputCellLeft {
        background-position: 0 -154px;
    }

    .RadComboBox_Black td.rcbInputCellRight {
        background-position: 100% -154px;
    }

    .RadComboBox_Black .rcbHovered td.rcbInputCellLeft {
        background-position: 0 -154px;
    }

    .RadComboBox_Black .rcbHovered td.rcbInputCellRight {
        background-position: 100% -154px;
    }

    .RadComboBox_Black .rcbFocused td.rcbInputCellLeft {
        background-position: 0 -154px;
    }

    .RadComboBox_Black .rcbFocused td.rcbInputCellRight {
        background-position: 100% -154px;
    }

    .RadComboBox_Black .rcbReadOnly .rcbInputCellLeft {
        background-position: 0 0;
    }

    .RadComboBox_Black .rcbReadOnly .rcbInputCellRight {
        background-position: 100% 0;
    }

    .RadComboBox_Black .rcbHovered .rcbReadOnly td.rcbInputCellLeft {
        background-position: 0 -22px;
    }

    .RadComboBox_Black .rcbHovered .rcbReadOnly td.rcbInputCellRight {
        background-position: 100% -22px;
    }

    .RadComboBox_Black .rcbFocused .rcbReadOnly td.rcbInputCellLeft {
        background-position: 0 -44px;
    }

    .RadComboBox_Black .rcbFocused .rcbReadOnly td.rcbInputCellRight {
        background-position: 100% -44px;
    }

    .RadComboBox_Black .rcbInputCell .rcbEmptyMessage {
        color: #ccc;
    }

    .RadComboBox_Black .rcbHovered .rcbInputCell .rcbInput {
        color: #9eda29;
    }

    .RadComboBox_Black .rcbDisabled .rcbInputCell .rcbInput {
        color: #6f6f6f;
    }

    .RadComboBox_Black td.rcbArrowCellLeft {
        background-position: -18px -88px;
    }

    .RadComboBox_Black td.rcbArrowCellRight {
        background-position: 0 -88px;
    }

    .RadComboBox_Black .rcbHovered .rcbArrowCellLeft {
        background-position: -54px -88px;
    }

    .RadComboBox_Black .rcbHovered .rcbArrowCellRight {
        background-position: -36px -88px;
    }

    .RadComboBox_Black .rcbFocused .rcbArrowCellLeft {
        background-position: -90px -88px;
    }

    .RadComboBox_Black .rcbFocused .rcbArrowCellRight {
        background-position: -72px -88px;
    }

    .RadComboBox_Black td.rcbArrowCellHidden,
    .RadComboBox_Black .rcbHovered td.rcbArrowCellHidden,
    .RadComboBox_Black .rcbFocused td.rcbArrowCellHidden {
        background-position: 100% -154px;
    }

.RadComboBox_Black_rtl td.rcbArrowCellHidden,
.RadComboBox_Black_rtl .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_Black_rtl .rcbFocused td.rcbArrowCellHidden {
    background-position: 0 -154px;
}

/* Read-only styles */

.RadComboBox_Black .rcbReadOnly td.rcbArrowCellLeft {
    background-position: -18px -88px;
}

.RadComboBox_Black .rcbReadOnly td.rcbArrowCellRight {
    background-position: -2px -88px;
}

.RadComboBox_Black .rcbHovered .rcbReadOnly .rcbArrowCellLeft {
    background-position: -54px -88px;
}

.RadComboBox_Black .rcbHovered .rcbReadOnly .rcbArrowCellRight {
    background-position: -38px -88px;
}

.RadComboBox_Black .rcbFocused .rcbReadOnly .rcbArrowCellLeft {
    background-position: -90px -88px;
}

.RadComboBox_Black .rcbFocused .rcbReadOnly .rcbArrowCellRight {
    background-position: -74px -88px;
}

.RadComboBox_Black .rcbReadOnly td.rcbArrowCellHidden {
    background-position: -15px -88px;
}

.RadComboBox_Black .rcbHovered .rcbReadOnly td.rcbArrowCellHidden {
    background-position: -51px -88px;
}

.RadComboBox_Black .rcbFocused .rcbReadOnly td.rcbArrowCellHidden {
    background-position: -87px -88px;
}

.RadComboBox_Black_rtl .rcbReadOnly td.rcbArrowCellHidden {
    background-position: -18px -88px;
}

.RadComboBox_Black_rtl .rcbHovered .rcbReadOnly td.rcbArrowCellHidden {
    background-position: -54px -88px;
}

.RadComboBox_Black_rtl .rcbFocused .rcbReadOnly td.rcbArrowCellHidden {
    background-position: -90px -88px;
}

/* dropdown */

.RadComboBoxDropDown_Black .rcbHeader,
.RadComboBoxDropDown_Black .rcbFooter,
.RadComboBoxDropDown_Black .rcbMoreResults,
.RadComboBoxDropDown_Black .rcbMoreResults a {
    background-image: url('ComboBox/rcbSprite.png');
    _background-image: url('ComboBox/rcbSpriteIE6.png');
}

.RadComboBoxDropDown_Black {
    background: #464646;
    border-color: #080808;
    color: #d7d7d7;
}

    .RadComboBoxDropDown_Black .rcbHeader,
    .RadComboBoxDropDown_Black .rcbFooter {
        background-color: #f1f2f4;
        background-position: 0 -110px;
    }

    .RadComboBoxDropDown_Black .rcbHeader {
        border-bottom-color: #1a1a1a;
    }

    .RadComboBoxDropDown_Black .rcbFooter {
        border-top-color: #1a1a1a;
    }

    .RadComboBoxDropDown_Black .rcbItem em {
        background: #222;
    }

    .RadComboBoxDropDown_Black .rcbHovered {
        background: #2e2e2e;
        color: #9eda29;
    }

    .RadComboBoxDropDown_Black .rcbCheckAllItems,
    .RadComboBoxDropDown_Black .rcbCheckAllItemsHovered {
        color: #ffffff;
        background-color: #2e2e2e;
        background-position: 0 -20px;
    }

    .RadComboBoxDropDown_Black .rcbCheckAllItemsHovered {
        color: #9eda29;
        background-position: 0 -20px;
    }

    .RadComboBoxDropDown_Black .rcbSeparator {
        background: #2e2e2e;
        color: #fff;
    }

    .RadComboBox_Black .rcbDisabled .rcbInputCell .rcbInput,
    .RadComboBoxDropDown_Black .rcbDisabled {
        color: #999;
    }

.RadComboBox_Black .rcbDisabled td.rcbInputCellLeft {
    background-position: 0 -66px;
}

.RadComboBox_Black .rcbDisabled td.rcbInputCellRight {
    background-position: 100% -66px;
}

.RadComboBox_Black .rcbDisabled td.rcbArrowCellLeft {
    background-position: -126px -88px;
}

.RadComboBox_Black .rcbDisabled td.rcbArrowCellRight {
    background-position: -108px -88px;
}

.RadComboBox_Black .rcbDisabled .rcbReadOnly td.rcbArrowCellRight {
    background-position: -110px -88px;
}

.RadComboBox_Black table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_Black .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden {
    background-position: -123px -88px;
}

.RadComboBox_Black_rtl table.rcbDisabled td.rcbArrowCellHidden,
.RadComboBox_Black_rtl .rcbDisabled .rcbReadOnly td.rcbArrowCellHidden {
    background-position: 0 -66px;
}

.RadComboBoxDropDown_Black .rcbLoading {
    background: #f0f0f0;
}

.RadComboBoxDropDown_Black .rcbMoreResults {
    border-top-color: #3a3a3a;
    background-position: 0 -132px;
    background-color: #454545;
    color: #fff;
}

    .RadComboBoxDropDown_Black .rcbMoreResults a {
        background-position: -157px -94px;
    }