﻿
/*!
 * Peppermint Default Alt Theme v 1.0.0.0
 * Copyright 2018 Peppermint Technology Ltd.
 * Based on Bootstrap v3.3.6, https://bootswatch.com/cosmo/
 * After uploading theme.css clear the cache using "/_services/about" and then do a hard refresh (CTRL + F5).
*/

/* -- BACKGROUND IMAGERY -------------------------------------------------*/
/* -----------------------------------------------------------------------*/
/* -- [ 1 ] HOME HERO-----------------------------------------------------*/
        /* Location: "/homehero.jpg" */
        /* Dimensions: "1900x575" */
        /* Format: ".jpg" */

/* -- [ 2 ] SEARCH HERO---------------------------------------------------*/
        /* Location: "/searchhero.jpg" */
        /* Dimensions: "1900x575" */
        /* Format: ".jpg" */

/* -- INDEX --------------------------------------------------------------*/
/* -----------------------------------------------------------------------*/
/* -- [ 1 ] NAV BARS -----------------------------------------------------*/
/* ---- [ 1.1 ] Main Nav Bar ---------------------------------------------*/
/* ---- [ 1.2 ] Primary Navigation ---------------------------------------*/
/* ---- [ 1.3 ] Footer ---------------------------------------------------*/

/* -- [ 2 ] BUTTONS ------------------------------------------------------*/
/* ---- [ 2.1 ] Primary Buttons ------------------------------------------*/
/* ---- [ 2.2 ] Default Buttons ------------------------------------------*/

/* -- [ 3 ] TYPOGRAPHY ---------------------------------------------------*/
/* ---- [ 3.1 ] Body Text ------------------------------------------------*/
/* ---- [ 3.2 ] Headings -------------------------------------------------*/
/* ---- [ 3.3 ] Panels ---------------------------------------------------*/
/* ---- [ 3.4 ] Emphasis Classes -----------------------------------------*/
/* ---- [ 3.5 ] Hyperlinks -----------------------------------------------*/

/* -- [ 4 ] TABLES -------------------------------------------------------*/
/* ---- [ 4.1 ] General --------------------------------------------------*/
/* ---- [ 4.2 ] Active ---------------------------------------------------*/
/* ---- [ 4.3 ] Success --------------------------------------------------*/
/* ---- [ 4.4 ] Info -----------------------------------------------------*/
/* ---- [ 4.5 ] Warning --------------------------------------------------*/
/* ---- [ 4.6 ] Danger ---------------------------------------------------*/

/* -- [ 5 ] FORMS --------------------------------------------------------*/
/* ---- [ 5.1 ] General --------------------------------------------------*/
/* ---- [ 5.2 ] Required -------------------------------------------------*/

/* -- [ 6 ] NAVS ---------------------------------------------------------*/
/* ---- [ 6.1 ] Tabs -----------------------------------------------------*/
/* ---- [ 6.2 ] Breadcrumbs ----------------------------------------------*/
/* ---- [ 6.3 ] Pills ----------------------------------------------------*/
/* ---- [ 6.4 ] Pagination -----------------------------------------------*/

/* -- [ 7 ] INDICATORS ---------------------------------------------------*/
/* ---- [ 7.1 ] Alerts ---------------------------------------------------*/
/* ---- [ 7.2 ] Badges ---------------------------------------------------*/

/* -- [ 8 ] PROGRESS -----------------------------------------------------*/
/* ---- [ 8.1 ] Basic ----------------------------------------------------*/
/* ---- [ 8.2 ] Contextual alternatives ----------------------------------*/
/* ---- [ 8.3 ] Striped --------------------------------------------------*/
/* ---- [ 8.4 ] Animated -------------------------------------------------*/

/* -- [ 9 ] CONTAINERS ---------------------------------------------------*/
/* ---- [ 9.1 ] List groups ----------------------------------------------*/
/* ---- [ 9.2 ] List tree ------------------------------------------------*/

/* -- [ 10 ] DIALOGS -----------------------------------------------------*/
/* ---- [ 10.1 ] Modals --------------------------------------------------*/
/* ---- [ 10.2 ] Popovers ------------------------------------------------*/

/* -- [ 11 ] ACTIVITY COMPONENT ------------------------------------------*/
/* ---- [ 11.1 ] General -------------------------------------------------*/
/* ---- [ 11.2 ] Position ------------------------------------------------*/


/* -- CSS START-----------------------------------------------------------*/
/* -----------------------------------------------------------------------*/
/* -- [ 1 ] NAV BARS -----------------------------------------------------*/
/* ---- [ 1.1 ] Main Nav Bar ---------------------------------------------*/

        .navbar-static-top.navbar-inverse {
            background-color: #4f81BD;
        }

        .navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
            border-left: 1px solid #4F81BD;
        }

        /*
        
        .navbar-fixed-top.navbar .menu-bar > .navbar-nav > li > a {
            font-family: "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-size: 1em;
            font-weight: bold;
        }

        */

/* ---- [ 1.2 ] Main Nav Bar Branding ------------------------------------*/

        /*.navbar-custombrand a, .navbar-custombrand a:hover, .navbar-custombrand a:visited {
            color: #FFFFFF;
            text-decoration: none;
        }

/* ---- [ 1.3 ] Primary Navigation ---------------------------------------*/

        /*.navbar-inverse .navbar-nav > li > a {
            color: #fff;
        }*/

        .navbar-inverse .navbar-nav > .active > a,
        .navbar-inverse .navbar-nav > .active > a:hover,
        .navbar-inverse .navbar-nav > .active > a:focus {
            /*color: #fff;*/
            background-color: #4F81BD;
        }

        .navbar-inverse .navbar-nav > .open > a,
        .navbar-inverse .navbar-nav > .open > a:hover,
        .navbar-inverse .navbar-nav > .open > a:focus {
            /*color: #fff;*/
            background-color: #4F81BD;
        }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #d7d9d8;
        }

        .navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
            font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-weight: normal;
        }

        .navbar-inverse .navbar-toggle:hover,
        .navbar-inverse .navbar-toggle:focus {
            background-color: #AFB1B0;
        }

        /*.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #373737;
            background-color: #d7d9d8;
        }*/

        @media(max-width:1199px) {
            .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
                border-color: #AFB1B0;
            }

            .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
                background-color: #AFB1B0;
            }

            .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
                color: #FFFFFF;
            }

                .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
                .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
                    color: #373737;
                    background-color: #AFB1B0;
                }

            .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
            .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
            .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
                color: #373737;
                background-color: #AFB1B0;
            }

            .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
            .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
            .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
                color: #444;
                background-color: transparent;
            }
        }

        .navbar .container {
            padding-bottom:15px;
            position:relative;
        }

   
/* ---- [ 1.4 ] Footer ---------------------------------------------------*/
        
        /*footer {
            color: #D7D9D8;
            padding-top: 100px;
        }*/

        footer .footer-top {
            background-color: #6F9ACD;
        }

        footer .footer-bottom {
            background-color: #4F81BD;
        }


/* -- [ 2 ] BUTTONS ------------------------------------------------------*/
/* ---- [ 2.1 ] Primary Buttons ------------------------------------------*/

        /*
            .btn-primary {
                color: #fff;
                background-color: #4f81bd;
                border-color: #4f81bd;
            }

                .btn-primary:focus,
                .btn-primary.focus {
                    color: #fff;
                    background-color: #7ac142;
                    border-color: #7ac142;
                }

                .btn-primary:hover {
                    color: #fff;
                    background-color: #7ac142;
                    border-color: #7ac142;
                }

                .btn-primary:active,
                .btn-primary.active,
                .open > .btn-primary.dropdown-toggle {
                    color: #fff;
                    background-color: #7ac142;
                    border-color: #7ac142;
                }

                    .btn-primary:active:hover,
                    .btn-primary:active:focus,
                    .btn-primary:active.focus,
                    .btn-primary.active:hover,
                    .btn-primary.active:focus,
                    .btn-primary.active.focus,
                    .open > .btn-primary.dropdown-toggle:hover,
                    .open > .btn-primary.dropdown-toggle:focus,
                    .open > .btn-primary.dropdown-toggle.focus {
                        color: #fff;
                        background-color: #4f81bd;
                        border-color: #afb1b0;
                    }
            /*

/* ---- [ 2.2 ] Default Buttons ------------------------------------------*/

        .btn-default {
            color: #373737;
            background-color: #fff;
            border-color: #afb1b0;
        }

            .btn-default:focus,
            .btn-default.focus {
                color: #373737;
                background-color: #fff;
                border-color: #afb1b0;
            }

            .btn-default:hover {
                color: #7AC142;
                background-color: #fff;
                border-color: #afb1b0;
            }

            .btn-default:active,
            .btn-default.active,
            .open > .btn-default.dropdown-toggle {
                color: #7AC142;
                background-color: #fff;
                border-color: #afb1b0;
            }

                .btn-default:active:hover,
                .btn-default:active:focus,
                .btn-default:active.focus,
                .btn-default.active:hover,
                .btn-default.active:focus,
                .btn-default.active.focus,
                .open > .btn-default.dropdown-toggle:hover,
                .open > .btn-default.dropdown-toggle:focus,
                .open > .btn-default.dropdown-toggle.focus {
                    color: #7AC142;
                    background-color: #fff;
                    border-color: #afb1b0;
                }

/* -- [ 3 ] TYPOGRAPHY ---------------------------------------------------*/
/* ---- [ 3.1 ] Body Text ------------------------------------------------*/

        /*

        body {
            font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 15px;
            line-height: 1.4285;
            color: #373737;
            background-color: #fff;
        }

        */



/* ---- [ 3.2 ] Headings -------------------------------------------------*/

        /*

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6 {
            font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
            font-weight: 300;
            line-height: 1.1;
            color: #373737
        }

        */
        
/* ---- [ 3.3 ] Panels ---------------------------------------------------*/

        .panel-default > .panel-heading {
            background-color: #7AC142;
        }

        .panel-default > .panel-heading h4 {
            color: #FFFFFF;
        }

/* ---- [ 3.4 ] Emphasis Classes -----------------------------------------*/

        /*
            
        .text-success {
            color: #7ac142;
        }

        a.text-success:hover,
        a.text-success:focus {
            color: #7ac142
        }

        .text-info {
            color: #4f81bd;
        }

        a.text-info:hover,
        a.text-info:focus {
            color: #4f81bd;
        }

        .text-warning {
            color: #D07201;
        }

        a.text-warning:hover,
        a.text-warning:focus {
            color: #D07201;
        }

        .text-danger {
            color: #C0172A;
        }

        a.text-danger:hover,
        a.text-danger:focus {
            color: #C0172A
        }

        .bg-primary {
            color: #fff
        }

        .bg-primary {
            background-color: #d7d9d8;
        }

        a.bg-primary:hover,
        a.bg-primary:focus {
            background-color: #373737;
        }

        .bg-success {
            background-color: #e2efd5;
        }

        a.bg-success:hover,
        a.bg-success:focus {
            background-color: #7ac142;
        }

        .bg-info {
            background-color: #d5ddf0;
        }

        a.bg-info:hover,
        a.bg-info:focus {
            background-color: #4f81bd;
        }

        .bg-warning {
            background-color: #f1dbc6;
        }

        a.bg-warning:hover,
        a.bg-warning:focus {
            background-color: #d07201;
        }

        .bg-danger {
            background-color: #eccbbe;
        }

        a.bg-danger:hover,
        a.bg-danger:focus {
            background-color: #C0172a;
        }

        */

/* ---- [ 3.5 ] Hyperlinks -----------------------------------------------*/

        /*
            
        a {
            color: #4f81bd;
            text-decoration: none
        }

            a:hover,
            a:focus {
                text-decoration: underline
            }

            a:focus {
                outline: thin dotted;
                outline: 5px auto -webkit-focus-ring-color;
                outline-offset: -2px
            }*/

/* -- [ 4 ] TABLES -------------------------------------------------------*/
/* ---- [ 4.1 ] General --------------------------------------------------*/

        /*

        .table .table {
            background-color: #fff;
        }
        
        .table > tbody + tbody {
            border-top: 2px solid #d7d9d8;
        }

        th a {
            color: #373737;
        }

        .table > thead > tr > th,
        .table > thead > tr > td,
        .table > tbody > tr > th,
        .table > tbody > tr > td,
        .table > tfoot > tr > th,
        .table > tfoot > tr > td {
            padding: 8px;
            line-height: 1.42857;
            border-top: 1px solid #d7d9d8;
        }

        .table > thead > tr > th {
            vertical-align: bottom;
            border-bottom: 2px solid #d7d9d8;
            font-weight: bold;
        }

        .table-bordered {
            border: 1px solid #d7d9d8;
        }

            .table-bordered > thead > tr > th,
            .table-bordered > thead > tr > td,
            .table-bordered > tbody > tr > th,
            .table-bordered > tbody > tr > td,
            .table-bordered > tfoot > tr > th,
            .table-bordered > tfoot > tr > td {
                border: 1px solid #d7d9d8;
            }

            .table-bordered > thead > tr > th,
            .table-bordered > thead > tr > td {
                border-bottom-width: 2px;
            }

        .table-striped > tbody > tr:nth-of-type(odd) {
            background-color: #f7f8f8;
        }

        .table-hover > tbody > tr:hover {
            background-color: #f7f8f8;
        }

        */

/* ---- [ 4.2 ] Active ---------------------------------------------------*/

        /*

        .table > thead > tr > td.active,
        .table > thead > tr > th.active,
        .table > thead > tr.active > td,
        .table > thead > tr.active > th,
        .table > tbody > tr > td.active,
        .table > tbody > tr > th.active,
        .table > tbody > tr.active > td,
        .table > tbody > tr.active > th,
        .table > tfoot > tr > td.active,
        .table > tfoot > tr > th.active,
        .table > tfoot > tr.active > td,
        .table > tfoot > tr.active > th {
            background-color: #d7d9d8;
        }

        .table-hover > tbody > tr > td.active:hover,
        .table-hover > tbody > tr > th.active:hover,
        .table-hover > tbody > tr.active:hover > td,
        .table-hover > tbody > tr:hover > .active,
        .table-hover > tbody > tr.active:hover > th {
            background-color: #afb1b0;
        }

        */

/* ---- [ 4.3 ] Success --------------------------------------------------*/

        /*
            
        .table > thead > tr > td.success,
        .table > thead > tr > th.success,
        .table > thead > tr.success > td,
        .table > thead > tr.success > th,
        .table > tbody > tr > td.success,
        .table > tbody > tr > th.success,
        .table > tbody > tr.success > td,
        .table > tbody > tr.success > th,
        .table > tfoot > tr > td.success,
        .table > tfoot > tr > th.success,
        .table > tfoot > tr.success > td,
        .table > tfoot > tr.success > th {
            background-color: #e2efd5;
        }

        .table-hover > tbody > tr > td.success:hover,
        .table-hover > tbody > tr > th.success:hover,
        .table-hover > tbody > tr.success:hover > td,
        .table-hover > tbody > tr:hover > .success,
        .table-hover > tbody > tr.success:hover > th {
            background-color: #C9E3B4;
        }

        */

/* ---- [ 4.4 ] Info -----------------------------------------------------*/

        /*
    
        .table > thead > tr > td.info,
        .table > thead > tr > th.info,
        .table > thead > tr.info > td,
        .table > thead > tr.info > th,
        .table > tbody > tr > td.info,
        .table > tbody > tr > th.info,
        .table > tbody > tr.info > td,
        .table > tbody > tr.info > th,
        .table > tfoot > tr > td.info,
        .table > tfoot > tr > th.info,
        .table > tfoot > tr.info > td,
        .table > tfoot > tr.info > th {
            background-color: #d5ddf0;
        }

        .table-hover > tbody > tr > td.info:hover,
        .table-hover > tbody > tr > th.info:hover,
        .table-hover > tbody > tr.info:hover > td,
        .table-hover > tbody > tr:hover > .info,
        .table-hover > tbody > tr.info:hover > th {
            background-color: #B8CCE5;
        }

        */

/* ---- [ 4.5 ] Warning --------------------------------------------------*/

        /*
            
        .table > thead > tr > td.warning,
        .table > thead > tr > th.warning,
        .table > thead > tr.warning > td,
        .table > thead > tr.warning > th,
        .table > tbody > tr > td.warning,
        .table > tbody > tr > th.warning,
        .table > tbody > tr.warning > td,
        .table > tbody > tr.warning > th,
        .table > tfoot > tr > td.warning,
        .table > tfoot > tr > th.warning,
        .table > tfoot > tr.warning > td,
        .table > tfoot > tr.warning > th {
            background-color: #f1dbc6;
        }

        .table-hover > tbody > tr > td.warning:hover,
        .table-hover > tbody > tr > th.warning:hover,
        .table-hover > tbody > tr.warning:hover > td,
        .table-hover > tbody > tr:hover > .warning,
        .table-hover > tbody > tr.warning:hover > th {
            background-color: #eabf8c;
        }

        */

/* ---- [ 4.6 ] Danger ---------------------------------------------------*/

        /*

        .table > thead > tr > td.danger,
        .table > thead > tr > th.danger,
        .table > thead > tr.danger > td,
        .table > thead > tr.danger > th,
        .table > tbody > tr > td.danger,
        .table > tbody > tr > th.danger,
        .table > tbody > tr.danger > td,
        .table > tbody > tr.danger > th,
        .table > tfoot > tr > td.danger,
        .table > tfoot > tr > th.danger,
        .table > tfoot > tr.danger > td,
        .table > tfoot > tr.danger > th {
            background-color: #ECCBBE;
        }

        .table-hover > tbody > tr > td.danger:hover,
        .table-hover > tbody > tr > th.danger:hover,
        .table-hover > tbody > tr.danger:hover > td,
        .table-hover > tbody > tr:hover > .danger,
        .table-hover > tbody > tr.danger:hover > th {
            background-color: #e396a0;
        }

        */

/* -- [ 5 ] FORMS --------------------------------------------------------*/
/* ---- [ 5.1 ] General --------------------------------------------------*/

        /*
            
        label {
            display: inline-block;
            max-width: 100%;
            margin-bottom: 5px;
            font-weight: bold;
        }

        .form-control {
            width: 100%;
            height: 35px;
            padding: 6px 12px;
            font-size: 15px;
            line-height: 1.4285;
            color: #373737;
            background-color: #fff;
            background-image: none;
            border: 1px solid #ccc;
            border-radius: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075);
            -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }

            .form-control:focus {
                border-color: #4f81bd;
                outline: 0;
                -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
                box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(102,175,233,0.6);
            }

        */

/* ---- [ 5.2 ] Required -----------------------------------------------*/

        /*
            
        .crmEntityFormView .cell div.info div.validators {
            color: #c0172a;
        }

        */

/* -- [ 6 ] NAVS ---------------------------------------------------------*/
/* ---- [ 6.1 ] Tabs -----------------------------------------------------*/

        /*.nav-tabs {
            border-bottom: 1px solid #d7d9d8;
        }

            .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
                color: #373737;
                background-color: #fff;
                border: 1px solid #d7d9d8;
                border-bottom-color: transparent;
                cursor: default;
            }

            .nav-tabs > li > a {

            }*/

/* ---- [ 6.2 ] Breadcrumbs ----------------------------------------------*/

/*
        
        .breadcrumb > li a {
            text-decoration: none;
            color: #373737;
        }

            .breadcrumb > li a:hover {
                text-decoration: none;
                color: #4F81BD;
            }

            .breadcrumb > .active {
                font-weight: bold;
            }

        */

/* ---- [ 6.3 ] Pills ----------------------------------------------------*/
/* ---- [ 6.4 ] Pagination -----------------------------------------------*/

        /*

        .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
            border-color: transparent;
            border-radius: 50%;
        }
            .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
                z-index: 3;
                color: #fff;
                background-color: #7ac142;
                border-color: #7ac142;
                cursor: default;
            }
            
        .pagination > li > a, .pagination > li > span {
            background-color: transparent;
            border: 0px;
            margin-left: 10px;
            width: 40px;
            height: 40px;
            text-align: center;
        }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.4285;
            text-decoration: none;
            color: #373737;
            background-color: #fff;
            border: 1px solid #d7d9d8;
            margin-left: -1px;
        }

        */

/* -- [ 7 ] INDICATORS ---------------------------------------------------*/
/* ---- [ 7.1 ] Alerts ---------------------------------------------------*/

        /*
            
        .alert-success {
            background-color: #e2efd5;
            border-color: #e2efd5;
            color: #7ac142
        }

            .alert-success hr {
                border-top-color: #7ac142;
            }

            .alert-success .alert-link {
                color: #373737
            }

        .alert-info {
            background-color: #D5DDF0;
            border-color: #D5DDF0;
            color: #4f81bd;
        }

            .alert-info hr {
                border-top-color: #4f81bd;
            }

            .alert-info .alert-link {
                color: #373737
            }

        .alert-warning {
            background-color: #f1dbc6;
            border-color: #f1dbc6;
            color: #D07201
        }

            .alert-warning hr {
                border-top-color: #D07201;
            }

            .alert-warning .alert-link {
                color: #373737
            }

        .alert-danger {
            background-color: #eccbbe;
            border-color: #eccbbe;
            color: #c0172a;
        }

            .alert-danger hr {
                border-top-color: #c0172a;
            }

            .alert-danger .alert-link {
                color: #373737
            }

        */

/* ---- [ 7.2 ] Badges ---------------------------------------------------*/

/*
            
        .badge {
            display: inline-block;
            min-width: 10px;
            padding: 3px 7px;
            font-size: 13px;
            font-weight: bold;
            color: #fff;
            line-height: 1;
            vertical-align: middle;
            white-space: nowrap;
            text-align: center;
            background-color: #777;
            border-radius: 10px
        }

        a.badge:hover,
        a.badge:focus {
            color: #fff;
            text-decoration: none;
            cursor: pointer
        }

        .btn-default .badge {
            color: #fff;
            background-color: #4f81bd;
        }

        .btn-primary .badge {
            color: #fff;
            background-color: #7ac142;
        }

        .btn-success .badge {
            color: #fff;
            background-color: #7ac142;
        }

        .btn-info .badge {
            color: #fff;
            background-color: #4f81bd;
        }

        .btn-warning .badge {
            color: #fff;
            background-color: #d07201;
        }

        .btn-danger .badge {
            color: #fff;
            background-color: #c0172a;
        }

        .btn-lg-home {
            padding: 20px 40px;
            font-size: 15px;
        }

            .btn-info-home {
                color: #fff;
                border-color: #fff;
                background: transparent;
            }
                .btn-info-home:hover {
                    color: #373737;
                    border-color: #373737;
                    background: #fff;
                }
                .btn-info-home:active {
                    color: #373737;
                    border-color: #373737;
                    background: #fff;
                }
                .btn-info-home:focus {
                    color: #373737;
                    border-color: #373737;
                    background: #fff;
                }

        .panel-default > .panel-heading .badge {
            color: #fff;
            background-color: #4f81bd;
        }

        .panel-primary > .panel-heading .badge {
            color: #fff;
            background-color: #7ac142;
        }

        .panel-success > .panel-heading .badge {
            color: #fff;
            background-color: #7ac142;
        }

        .panel-info > .panel-heading .badge {
            color: #fff;
            background-color: #4f81bd;
        }

        .panel-warning > .panel-heading .badge {
            color: #fff;
            background-color: #d07201;
        }

        .panel-danger > .panel-heading .badge {
            color: #fff;
            background-color: #c0172a;
        }

        */

/* -- [ 8 ] PROGRESS -----------------------------------------------------*/
/* ---- [ 8.1 ] Basic ----------------------------------------------------*/
    
        .progress-bar {
            background-color: #D07201;
            /*float: left;
                width: 0%;
                height: 100%;
                font-size: 13px;
                line-height: 21px;
                color: #fff;
                text-align: center;
                background-color: #7ac142;
                -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
                box-shadow: inset 0px -1px 0px rgba(0,0,0,0.15);
                -webkit-transition: width .6s ease;
                -o-transition: width .6s ease;
                transition: width .6s ease;*/
        }


/* ---- [ 8.2 ] Poll -----------------------------------------------------*/

        /*
        
        .poll-resultspanel {

        }

        .poll-results {

        }

        .poll-result {

        }

        .poll-option {

        }

        .poll-percentage {

        }

        .poll-progress {

        }

        .poll-result {

        }

        .poll {
            height: 400px;
            background-color: #d7d9d8;
            border-top: 7px solid #4f81bd;
            position: relative;
            padding-left: 15px;
            padding-right: 15px;
        }

            .poll .poll-header {
                display: flex;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -webkit-box-align: center;
                align-items: center;
                justify-content: space-between;
                border-bottom: 1px solid #bcbcbc;
                padding-bottom: 5px;
            }
                    .poll .poll-content .poll-buttons .btn-default {
                        color: #373737;
                        border-color: #373737;
                    }
                        .poll .poll-content .poll-buttons .btn-default:hover {
                            color: #373737;
                            border-color: #373737;
                        }

                .poll .poll-tags .tag {
                    display: inline-block;
                    background-color: #e1e1e1;
                    color: #373737;
                    padding: 5px 14px;
                    margin: 5px 0px;
                    text-transform: uppercase;
                    font-size: 13px;
                }
        */

/* -- [ 9 ] CONTAINERS ---------------------------------------------------*/
/* ---- [ 9.1 ] List groups ----------------------------------------------*/

        /*
            
        .list-group-item {
            background-color: #fff;
            border: 1px solid #d7d9d8
        }

            .list-group-item:first-child {
                border-top-right-radius: 0;
                border-top-left-radius: 0
            }

            .list-group-item:last-child {
                margin-bottom: 0;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0
            }

        a.list-group-item,
        button.list-group-item {
            color: #373737
        }

            a.list-group-item .list-group-item-heading,
            button.list-group-item .list-group-item-heading {
                color: #373737
            }

            a.list-group-item:hover,
            a.list-group-item:focus,
            button.list-group-item:hover,
            button.list-group-item:focus {
                text-decoration: none;
                color: #373737;
                background-color: #d7d9d8
            }


        .list-group-item.disabled,
        .list-group-item.disabled:hover,
        .list-group-item.disabled:focus {
            background-color: #d7d9d8;
            color: #777;
            cursor: not-allowed
        }

            .list-group-item.disabled .list-group-item-heading,
            .list-group-item.disabled:hover .list-group-item-heading,
            .list-group-item.disabled:focus .list-group-item-heading {
                color: inherit
            }

            .list-group-item.disabled .list-group-item-text,
            .list-group-item.disabled:hover .list-group-item-text,
            .list-group-item.disabled:focus .list-group-item-text {
                color: #777
            }

        .list-group-item.active,
        .list-group-item.active:hover,
        .list-group-item.active:focus {
            z-index: 2;
            color: #fff;
            background-color: #7ac142;
            border-color: #7ac142
        }

            .list-group-item.active .list-group-item-text,
            .list-group-item.active:hover .list-group-item-text,
            .list-group-item.active:focus .list-group-item-text {
                color: #fff
            }

        .list-group-item-success {
            color: #373737;
            background-color: #e2efd5;
        }

        a.list-group-item-success,
        button.list-group-item-success {
            color: #373737
        }

            a.list-group-item-success:hover,
            a.list-group-item-success:focus,
            button.list-group-item-success:hover,
            button.list-group-item-success:focus {
                color: #373737;
                background-color: #e2efd5;
            }

            a.list-group-item-success.active,
            a.list-group-item-success.active:hover,
            a.list-group-item-success.active:focus,
            button.list-group-item-success.active,
            button.list-group-item-success.active:hover,
            button.list-group-item-success.active:focus {
                color: #fff;
                background-color: #373737;
                border-color: #373737
            }

        .list-group-item-info {
            color: #373737;
            background-color: #cfdce2;
        }

        a.list-group-item-info,
        button.list-group-item-info {
            color: #373737
        }

            a.list-group-item-info:hover,
            a.list-group-item-info:focus,
            button.list-group-item-info:hover,
            button.list-group-item-info:focus {
                color: #373737;
                background-color: #cfdce2;
            }

            a.list-group-item-info.active,
            a.list-group-item-info.active:hover,
            a.list-group-item-info.active:focus,
            button.list-group-item-info.active,
            button.list-group-item-info.active:hover,
            button.list-group-item-info.active:focus {
                color: #fff;
                background-color: #373737;
                border-color: #373737
            }

        .list-group-item-warning {
            color: #373737;
            background-color: #f1dbc6;
        }

        a.list-group-item-warning,
        button.list-group-item-warning {
            color: #373737
        }

            a.list-group-item-warning:hover,
            a.list-group-item-warning:focus,
            button.list-group-item-warning:hover,
            button.list-group-item-warning:focus {
                color: #373737;
                background-color: #f1dbc6;
            }

        .list-group-item-danger {
            color: #373737;
            background-color: #eccbbe;
        }

        a.list-group-item-danger,
        button.list-group-item-danger {
            color: #373737
        }

            a.list-group-item-danger:hover,
            a.list-group-item-danger:focus,
            button.list-group-item-danger:hover,
            button.list-group-item-danger:focus {
                color: #373737;
                background-color: #eccbbe;
            }

        */

/* ---- [ 9.1 ] List tree ------------------------------------------------*/

        /*
        
        ul.tree, ol.tree {
            color: #373737;
        }

        .tree ul, .tree ol, .tree ul ul, .tree ol ul, .tree ol ol ul, .tree ol ul ul, .tree ul ol ul, .tree ul ul ul {
            list-style-type: disc;
            color: #5f6160;
        }

        */


/* -- [ 10 ] DIALOGS -----------------------------------------------------*/
/* ---- [ 10.1 ] Modals --------------------------------------------------*/

        /*

        .modal-backdrop {
            background-color: #373737
        }

        .modal-header {
            padding: 15px;
            border-bottom: 1px solid #d7d9d8
        }

        .modal-footer {
            padding: 15px;
            text-align: right;
            border-top: 1px solid #d7d9d8
        }

        */


/* ---- [ 10.2 ] Popovers ------------------------------------------------*/

        /*
            
        .form-control[disabled],
        .form-control[readonly],
        fieldset[disabled] .form-control {
            background-color: #f7f8f8;
            opacity: 1
        }

        .popover {
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: 1060;
            display: none;
            max-width: 276px;
            padding: 1px;
            font-family: "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
            font-style: normal;
            font-weight: normal;
            letter-spacing: normal;
            line-break: auto;
            line-height: 1.4285;
            text-align: left;
            text-align: start;
            text-decoration: none;
            text-shadow: none;
            text-transform: none;
            white-space: normal;
            word-break: normal;
            word-spacing: normal;
            word-wrap: normal;
            font-size: 15px;
            background-color: #fff;
            background-clip: padding-box;
            border: 1px solid #ccc;
            border: 1px solid rgba(0, 0, 0, .2);
            border-radius: 0;
            -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
            box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
        }

        */


/* -- [ 11 ] ACTIVITY COMPONENT ------------------------------------------*/
/* ---- [ 11.1 ] General -------------------------------------------------*/

        /*

        .activityComponent {
            width: 85px;
            height: 40px;
            color: #fff;
            background-color: rgba(55,55,55,0.7)
            z-index: 999;
            font-size: 1.5em;
        }
        .activityComponent a {
            color: #fff;
        }

            .activityComponent a:hover, .activityComponent a:active, .activityComponent a:focus, .activityComponent a:visited {
                color: #fff;
            }

        .activityComponentButton {
            width:100%;
            cursor:pointer;
        }

        .activityComponentIcon {
            width: 25%;
            float:left;
            margin:7% 5% 0% 10%
        }

        .activityComponentValue {
            width:55%;
            text-align:center;
            float:left;
            margin: 3% 5% 0% 0%;
        }

        */

/* ---- [ 11.2 ] Position - Top Left -------------------------------------*/

        /*     

        .activityComponentPosition {
            position: absolute;
            bottom: -40px;
            left: 15px;
        }

        .activityComponentPosition.outstandingActivities {
            background-color: rgba(192,23,42,0.7)
        }

        .section-landing .row > div .section-landing-heading {
            margin-top:50px;
        }

        */        

/* ---- [ 11.2 ] Position - Top Centre -----------------------------------*/

        /*

        .activityComponentPosition {
            position: absolute;
            bottom: -40px;
            left: 48%;
        }

        .activityComponentPosition.outstandingActivities {
            background-color: rgba(192,23,42,0.7)
        }

        */

/* ---- [ 11.2 ] Position - Top Right Default ----------------------------*/

        /*
    
        .activityComponentPosition {
            position: absolute;
            bottom: -40px;
            right: 15px;
        }

        .activityComponentPosition.outstandingActivities {
            background-color: rgba(192,23,42,0.7)
        }

        */

/* ---- [ 11.2 ] Position - Fixed Centre Left ----------------------------*/

        /*

        .activityComponentPosition {
            position: fixed;
            top: 50%;
            left: 0px;
        }

        .activityComponentPosition.outstandingActivities {
            background-color: rgba(192,23,42,0.7)
        }

        */

/* ---- [ 11.2 ] Position - Fixed Centre Right --------------------------*/

        /*
        
        .activityComponentPosition {
            position: fixed;
            top: 50%;
            right: 0px;
            width:100px;
            padding-right:15px;
        }

        .activityComponentPosition.outstandingActivities {
            background-color: rgba(192,23,42,0.7)
        }

        */

        
        
