/*!
 * 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 ---------------------------------------------*/

.sidebar {
    display: none;
}

/* @media (min-width: 768px) {
    .sidebar {
        position: absolute;
        top:-16px;
        bottom: 0;
        left: 0;
        z-index: 1;
        display: block;
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        border-right: 1px solid #eee;
        width: 180px;
    }
} */
.page-copy {
    padding-right: 10px;
    padding-left: 10px
}
.clearfix.cell {
    padding-right: 10px;
    padding-left: 10px !important;
}
.sidebar {
    display: block;
    width: 20%;
    float: left;
}

.content {
    width: 80%;
    float: left;
}

/* CSS for tablet and smaller devices */
@media only screen and (max-width: 768px) {
    .sidebar {
        display: none;
    }

    .content {
        width: 100%;
    }
}

#tees-side-img {
    position: -webkit-fixed;
    position: fixed;
    top:100px;
    bottom: 0;
    left: 20px;
}


    @media (min-width: 768px) {
        .main {
        padding-right: 40px;
        padding-left: 220px; /* 180 + 40 */
        }
    }
@media (max-width: 530px) {
        .breadcrumb, .page-header {
          display: none !important;
      
        }
      }
    
      @media (max-width: 530px) {
        #caseprogress-header {
          margin-top: 40px;
          padding: 15px;
      
        }
      }

.navbar-static-top.navbar-inverse {
    background-color: #ffffff
     } 
     
    
     .navbar-static-top.navbar .menu-bar > .navbar-nav > .divider-vertical {
        /* border-left: 1px solid #4F81BD;*/
         border-left: 1px solid #ffffff;
     }
    
     /*
     
     .navbar-fixed-top.navbar .menu-bar > .navbar-nav > li > a {
         font-family:"Source Serif 4 Light", "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-size: 1em;
         font-weight: bold;
         background-color: #ffffff
     }
    
     */
    
    /* ---- [ 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: #ffeb00;
     }
    
     .navbar-inverse .navbar-nav > .open > a,
     .navbar-inverse .navbar-nav > .open > a:hover,
     .navbar-inverse .navbar-nav > .open > a:focus {
         /*color: #fff;*/
         background-color: #ffeb00;
     }
    
     .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: "Source Serif 4 Light", "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
         font-weight: normal;
         color: #000;
         font-weight: bold;
     }
    
     .navbar-inverse .navbar-toggle:hover,
     .navbar-inverse .navbar-toggle:focus {
         background-color: #AFB1B0 !important;
     }
    #mobilenav {
        background-color: #000 !important;
        border-radius: 10px !important;

     }
    
     /*.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: #000;
         }
    
             .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:30px;
             position:relative;
         

     }
    /* ---- [ Tim Ward Addition - Tees Banner & Background] ---------------------------------------------------*/        
     /*.section-landing 
     { 
         background-image: url("teesbanner.jpg"); 
        height: 450px;
     }
     .section-form-landing {
        background-image: url("teesformbanner.jpg");
        height: 450px;
     }
    */
    .responsive {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 50%;
      }
    #homeheader {
        position: -webkit-fixed;
        position: fixed;
        z-index: -1;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-top: 250px;
    }
    #profileheader{
        z-index: -1;
        position: -webkit-fixed;
        position: fixed;
        left: 7%;
        transform: translate(-50%, -50%);
        top: 160px;
    }

    #home-content-header {
        padding-top: 35px;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
    }
    #tees-site-btn {
        color: #003534;
        background:  #ffeb00;
        border-radius: 30px;
    }
    #tees-site-btn:hover {
    color: #331d31;
    background-color: #fff;
    border: 2px solid #ffeb00;
    }
    .page-heading {
     padding-top: 0px
    ; 
    }
    .center {
      margin-left: auto;
      margin-right: auto;
    }
    
     .form-area
     {
         background-color: #fff
         /*border-radius: 50px;*/
     }
    
    
    .page_section p 
    {
         border-top: solid #373737 0px;
         padding-top: 5px;
    }
    
    .page_section .btn {
        margin-top: 0px !important ;
margin-right: 30px;
    }
    /*
    #homeheader {
        padding-top: 12px !important;
        padding-bottom: 5px !important;
    }
    */
    .breadcrumb {
        background-color:  #fff
    }
    
    /* ---- [ 1.4 ] Footer ---------------------------------------------------*/
     
     footer {
         padding-top: 25px;
     }
    
     /*footer .footer-top {
         background-color: #313335;
     }*/
    
     footer .footer-bottom {
         background-color: #000000;
         color: #fff;
     }
     .link-area #social-links{
        width:40px;
        height:40px;
        border-radius:50%;
        border:solid 1px #fff;
        list-style-type:none;
        margin:5px;
        display:inline-block;
        -webkit-box-shadow: 0 10px 6px -6px #777;
             -moz-box-shadow: 0 10px 6px -6px #777;
             box-shadow: 0 10px 6px -6px #777;
             border-radius: 10px;
             font-weight: bold;
             font-size: 18px;
     }

     .link-area #social-links:hover,
     .link-area #social-links.hover,
     .link-area #social-links:focus,
     .link-area #social-links.focus
     {
        color:rgba(49, 51, 53, 0.5);
     }
     .footer-bs {
        background-color: #313335;
        padding: 60px 40px;
        color: rgba(255,255,255,1.00);
    }
    .footer-nonuser{
        background-color: #ffffff;
        color:#313335;
        padding: 36px 0px;
margin-left: 36px;
        margin-right: 36px;
        
    }
    #nonuser-border{
        border-top: #ffeb00 3px solid;
        padding-bottom: 20px;
    }
    .footer-description {
        padding-top: 40px;
    }
    .footer-bottom-nonuser{
        font-family: "Source Serif 4 Light", "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
        padding-top: 40px
    }
    .footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 5px; }
    .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
    .footer-bs .footer-brand h2 { margin:0px 0px 10px; }
    .footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); }
    
    .footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
    .footer-bs .footer-nav ul.pages li { padding:5px 0px;}
    .footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
    .footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
    .footer-bs .footer-nav h4 {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom:10px;
    }
    
    .footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
    .footer-bs .footer-nav ul.list li { padding:5px 0px;}
    .footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
    .footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }
    
    .footer-bs .footer-social ul { list-style:none; padding:0px; }
    .footer-bs .footer-social h4 {
        font-family: "Source Serif 4 Light", "Segoe UI","Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
        color: rgba(255,255,255,1.00);
    }
    .footer-bs .footer-social li { padding:5px 4px;}
    .footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
    .footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
    
    .footer-bs .footer-ns h4 {
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom:10px;
        
    }
    .footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); }
    
    /* @media (min-width: 768px) {
        .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
    }
    */
    /* -- [ 2 ] BUTTONS ------------------------------------------------------*/
    /* ---- [ 2.1 ] Primary Buttons ------------------------------------------*/
    
     
         .btn-primary {

         color: #fff;
        background-color: #000;
             -webkit-box-shadow: 0 10px 6px -6px #777;
             -moz-box-shadow: 0 10px 6px -6px #777;
             box-shadow: 0 10px 6px -6px #777;
             border-radius: 10px;
             font-weight: bold;
             font-size: 18px;
    
         }
    
             .btn-primary:focus,
             .btn-primary.focus {
                 color: #000;
                 background-color: #ffeb00;
                 background:  #ffeb00;
                
             }
    
             .btn-primary:hover {
                 color: #000;
             background-color: #fff;
             border: 2px solid #ffeb00;
             }
    
             .btn-primary:active,
             .btn-primary.active,
             .open > .btn-primary.dropdown-toggle {
                 color: #000;
             background-color: #fff;
             }
    
                 .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: #000;
             background-color: #fff;
                 }
         
    
    /* ---- [ 2.2 ] Default Buttons ------------------------------*/
    
    .btn-default {
    color: #fff;
    background-color: #000;
    border-radius: 10px;
    -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;
    font-weight: bold;
    /*font-size: 18px;*/
    
    }
    
    .btn-default:focus,
    .btn-default.focus {
     color: #000;
                 background-color: #ffeb00;
                 background:  #ffeb00;
                 border: 2px solid #ffeb00;
    }
    
    .btn-default:hover {
     color: #000;
             background-color: #fff;
             border: 2px solid #ffeb00;
    }
    
    .btn-default:active,
    .btn-default.active,
    .open > .btn-default.dropdown-toggle {
    color: #000;
             background-color: #fff;
             border: 2px solid #ffeb00;
    }
    
     .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: #000;
             background-color: #fff;
             border: 2px solid #ffeb00;
     }

     /* ---- [ 2.1 ] Tees Sucess Buttons ------------------------------------------*/
     .btn-success {
        color: #000;
        background-color: #ffeb00;
        -webkit-box-shadow: 0 10px 6px -6px #777;
        -moz-box-shadow: 0 10px 6px -6px #777;
        box-shadow: 0 10px 6px -6px #777;
        border-radius: 10px;
margin-bottom: 5px;
        border: 2px solid #000;
     }
     .btn-success:hover {
        color: #000;
    background-color: #fff;
    border: 2px solid #ffeb00;
     }

    
    /* -- [ 3 ] TYPOGRAPHY ---------------------------------------------------*/
    /* ---- [ 3.1 ] Body Text ------------------------------------------------*/
    
     
    
     body {
         font-family: "Source Serif 4 Light", "Helvetica Neue", Helvetica, Arial, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-size: 15px;
    line-height: 1.4285;
    color: #373737;
    background-color: #fff;
     }
    
     
    
    
    
    /* ---- [ 3.2 ] Headings -------------------------------------------------*/
   
  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

     
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
    font-family: "Source Serif 4 Light", "Helvetica Neue", Helvetica, Arial, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    font-weight: 300;
    line-height: 1.1;
    color: #373737
     }
    #myteesnavlbl{
        font-family: 'Roboto', "Source Serif 4 Light", "Helvetica Neue", Helvetica, Arial, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
        font-weight: 500;
        color: #ffeb00;
position: absolute;
        width: 300px;
        left: 211px;
        top: -13px;
    }
    #myteesmobilenavlbl{
        font-family: 'Roboto', "Source Serif 4 Light", "Helvetica Neue", Helvetica, Arial, BlinkMacSystemFont, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
        font-weight: 400;
        color: #ffeb00; 
        margin-left: 30px; 
    }
     
     
    /* ---- [ 3.3 ] Panels ---------------------------------------------------*/
    
    .panel-default > .panel-heading {
    background-color: #fbcd0c;
    }
    
    .panel-default > .panel-heading h4 {
    color: #373737;
    }
    
    /* ---- [ 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: 2px solid #ffeb00;
         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: #000;
             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);
         }
    
         /*Additional CSS added by Tim Ward*/
         #tees_conveyancing_enquiry_label {
            border: 2px solid #ffeb00;
            margin-left: 10px;
            padding: 5px;
         }
    
         #tees_sis_submitconfirmation_label {
            border: 2px solid #ffeb00;
            margin-left: 10px;
            padding: 5px;
         }
    
         input[type=checkbox]
    {
      /* Double-sized Checkboxes */
      -ms-transform: scale(2); /* IE */
      -moz-transform: scale(2); /* FF */
      -webkit-transform: scale(2); /* Safari and Chrome */
      -o-transform: scale(2); /* Opera */
      transform: scale(2);
      padding: 10px;
      border: solid 2px #ffeb00;
    }
     
    
    /* ---- [ 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;
         }.pagination>.active>a
    
     */
    
    /* ---- [ 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: #000;
         background-color: rgba(55,55,55,0.7);
         z-index: 999;
         font-size: 1.5em;
     }
     .activityComponent a {
         color: #000;
     }
    
         .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)
     }
     #activity-title{
        position: absolute;
        bottom: -30px;
        right: 123px;  
        font-weight: bold;
    }
    
    
    /* ---- [ 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)
     }
    
     */