.resumeDiv{
    font-family: Barlow;
}
/*
html,
body {
    height: 100%;
     The html and body elements cannot have any padding or margin.
}

 wrap for page content to push down footer
#wrap {
    min-height: 100% !important;
    height: auto !important;
    height: 100% !important;
     Negative indent footer by it's height
    margin: 0 auto -60px !important;
}

 Set the fixed height of the footer here
#push,
#footer {
    height: 60px;
}
#footer {
    background-color: #f5f5f5;
    margin-bottom: 1px;
}

 Lastly, apply responsive CSS fixes as necessary
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}*/
.courseDesc {
    cursor: pointer;
}

.beauty{
    background-color: rgba(255,255,255,0.6);
    height: 100%;
    margin-top: 5%;
    text-indent: -0.5em;
    /*    display: inline-block;
    vertical-align: middle;
    float: none;*/
    /*    text-align: center;   align the inline(-block) elements horizontally
        font: 0/0 a;          remove the gap between inline(-block) elements */
}

#bg { position: fixed; top: 0; left: 0; }
.bgwidth { width: 100%; margin: 0 auto; }
.bgheight { height: 100%; margin: 0 auto; }

html, body {
    height: 100%;
}
footer {
    color: #666;
    background: #222;
    padding: 0 0 0 0;
//height: auto;
}

#push {
    height: 10px;
    margin-bottom: 1px;
    padding-top: 10px;  //17px
border-radius: 0px;
}


#footer {
    height: 40px;
    margin-bottom: 1px;
    padding-top: 10px;
    border-radius: 0px;
}

footer a {
    color: #999;
}
footer a:hover {
    color: #efefef;
}
.wrap {
    min-height: 100% ;
    height: auto !important;
    height: 100% ;
    margin: 0 auto -40px ;
    padding-bottom: 40px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f1f1f1; /*#EAEAEC;  #D8D4CE*/
    /*     IE10 Consumer Preview
        background-image: -ms-linear-gradient(top, #EAEAEC 22%, #ABABAD 100%);

         Mozilla Firefox
        background-image: -moz-linear-gradient(top, #EAEAEC 22%, #ABABAD 100%);

         Opera
        background-image: -o-linear-gradient(top, #EAEAEC 22%, #ABABAD 100%);

         Webkit (Safari/Chrome 10)
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(.22, #EAEAEC), color-stop(1, #ABABAD));

         Webkit (Chrome 11+)
        background-image: -webkit-linear-gradient(top, #EAEAEC 22%, #ABABAD 100%);

         W3C Markup, IE10 Release Preview
        background-image: linear-gradient(to bottom, #EAEAEC 22%, #ABABAD 100%);*/
}
.push {
    height: 50px;
}
/* not required for sticky footer; just pushes hero down a bit */
.wrap > .container {
//padding-top: 60px;
}
.newsletter {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-rule: 0px outset #BDBDBD; /* Chrome, Safari, Opera */
    -moz-column-rule: 0px outset #BDBDBD; /* Firefox */
    column-rule: 0px outset #BDBDBD;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    font-size:12px;
}

.newsletter_for_pathway_plan {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-rule: 0px outset #BDBDBD; /* Chrome, Safari, Opera */
    -moz-column-rule: 0px outset #BDBDBD; /* Firefox */
    column-rule: 0px outset #BDBDBD;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;
    font-size:12px;
    margin-left: 20px;
}

@media (max-width: 766px) {

    .nav-pills > li + li{
        margin-left: 0px;

    }

    .nav-pills > li{
        margin-left: 0px;

    }

    .navbar-nav > li > a {
        line-height: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    body {
        padding-right: 0px;
        padding-left: 0px;
    }
    #footer {
        height: auto;
        margin-bottom: 1px;
        border: 0px !important;
    }
    .container {
        margin-right: 0px ;
        margin-left: 0px ;
        padding-left: 0px;
        padding-right: 0px;
    }
    .panel-body {
        padding: 0px;
    }
    .panel {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .panel-default > .panel-body {
        padding: 15px;
    }


    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5 !important;
        border-color: #dddddd !important;
    }

    footer, .wrap {
        padding-left: 5px;
        padding-right: 5px;
        border: 0px !important;
    }
    .newsletter {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
        font-size:12px;
    }

    .newsletter_for_pathway_plan {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
        font-size:12px;
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: normal;
    }



}



/*        .container {
            max-width: 940px;
        }*/

.panel{
    margin-bottom: 3px !important;
    outline: none;
    border:none !important;
    box-shadow:none !important;
    background-color: transparent;
}

.panel-default > .panel-heading {
    color: #00406e;
   background-color: rgba(29, 154, 242, .00) !important;   /* #f5f5f5 !important;*/
    border-color: #dddddd !important;
    font-size: 18px;
}

body {
    background:#ffffff !important;
    padding-top: 45px;
}
.logo{
    margin: 0px 30px 10px 0px;

}
.nav-panel-bgcolor{
    background-color: transparent;
    border-color: #272727;
    /*    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#000000), to(#383838));
        background-image: -webkit-linear-gradient(top, #525252, 0%, #000000, 100%);
        background-image: -moz-linear-gradient(top, #525252 0%, #000000 100%);
        background-image: linear-gradient(to bottom, #525252 0%, #000000 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff525252', endColorstr='#ff000000', GradientType=0);*/



    border-radius:0px;
    border: 0px;
    padding-top: 3px;
    margin-left: 1px;
    margin-bottom: -2px;
}
.nav-panel-bgcolor > .active > a,
.nav-panel-bgcolor> .active > a:hover,.nav-panel-bgcolor> li > a:hover {

    background-color: #fff !important;
    color: rgba(0,0,0,1) !important;
    font-weight: bolder;
    border-bottom: 0px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(185,185,185,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(185,185,185,1);
    box-shadow: 0px 0px 0px 0px rgba(185,185,185,1);
    border-width: 1px !important;
    border-color: #ddd !important;
    /*//bottom:-2px;*/
    /*//z-index:1;*/

}


.nav-panel-bgcolor> li > a{
    /*background-color: #e0e0e0 !important;*/
    color: #4A4A4A !important;
    border-bottom-left-radius:0px;
    border-bottom-right-radius:0px;
}
.top-panel-display{
    padding-left: 0px;
    padding-right: 0px;
}




.nav-pills > li > a{
    border-radius: 0px;
    margin-left: 0px;
}

.navbar-inverse { background-color: #000000 !important

}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { background-color: #888888}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #888888}
.dropdown-menu { background-color: #ffffff}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #428bca}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #888888}
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #ffffff}
.navbar-inverse .navbar-nav>li>a { color: #ffffff}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #ffffff}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #ffffff}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #ffffff}
.dropdown-menu>li>a { color: #333333}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #ffffff}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #ffffff}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #ffffff}

.reflectionTB tr:hover td{
    background-color: rgba(255, 248, 24, 0.29);
    color:#000;
}
.reflectionTB{
    border-bottom: 2px solid #ddd;
}


.reflectionTB th.no-sort {
    cursor:pointer;
    background-color: #f5f5f5;
    text-align:left;
    border-width:0px 0px 0px 0px !important;
    font-size:13px;
    font-family: 'Signika', sans-serif !important;
    font-weight:bold;
    color:#3c3c3c;
    vertical-align:top;
}
.reflectionTB th.sort-header::-moz-selection { background:transparent; }
.reflectionTB th.sort-header::selection      { background:transparent; }
.reflectionTB th.sort-header {
    cursor:pointer;
    background-color:#f5f5f5;
    text-align:left;
    border-width:0px 0px 0px 0px !important;
    font-size:13px;
    font-family: 'Signika', sans-serif !important;
    font-weight:bold;
    color:#000;
    vertical-align:top;
}
.reflectionTB th.sort-header::-moz-selection,
.reflectionTB th.sort-header::selection {
    background:transparent;
}
.reflectionTB  th.sort-header:after {
    content:'';
    float:right;
    margin-top:7px;
    border-width:0 6px 6px;
    border-style:solid;
    border-color:#000 transparent;
    visibility:visible;
    opacity:0.3;
    vertical-align:top;
}
.reflectionTB  th.sort-header:hover:after {
    visibility:visible;
}
.reflectionTB  th.sort-up:after,
.reflectionTB  th.sort-down:after,
.reflectionTB  th.sort-down:hover:after {
    visibility:visible;
    opacity:0.8;
}
.reflectionTB  th.sort-up:after {
    border-bottom:none;
    border-width:6px 6px 0;
}
.reflectionTB tr:nth-child(odd){ background-color:#fff; }
.reflectionTB tr:nth-child(even)    { background-color: #fbfbfb; }
.reflectionTB td{
    vertical-align:top;
    /*border:1px solid #d3d3d3;*/
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:2px;
    font-size:12px;
    font-family: 'Signika', sans-serif !important;
    font-weight:normal;
    color:#000000;
    border-bottom: 2px solid #ddd;
}


.reflectionTBDark tr:hover td{
    background-color: rgba(255, 248, 24, 0.29);
    color:#000;
}
.reflectionTBDark{
    border-bottom: 2px solid #ddd;
}


.reflectionTBDark th.no-sort {
    cursor:pointer;
    background-color: #ccc;
    text-align:left;
    border-width:0px 0px 0px 0px !important;
    font-size:13px;
    font-family: 'Signika', sans-serif !important;
    font-weight:bold;
    color:#3c3c3c;
    vertical-align:top;
}
.reflectionTBDark th.sort-header::-moz-selection { background:transparent; }
.reflectionTBDark th.sort-header::selection      { background:transparent; }
.reflectionTBDark th.sort-header {
    cursor:pointer;
    background-color:#f5f5f5;
    text-align:left;
    border-width:0px 0px 0px 0px !important;
    font-size:13px;
    font-family: 'Signika', sans-serif !important;
    font-weight:bold;
    color:#000;
    vertical-align:top;
}
.reflectionTBDark th.sort-header::-moz-selection,
.reflectionTBDark th.sort-header::selection {
    background:transparent;
}
.reflectionTBDark  th.sort-header:after {
    content:'';
    float:right;
    margin-top:7px;
    border-width:0 6px 6px;
    border-style:solid;
    border-color:#000 transparent;
    visibility:visible;
    opacity:0.3;
    vertical-align:top;
}
.reflectionTBDark  th.sort-header:hover:after {
    visibility:visible;
}
.reflectionTBDark  th.sort-up:after,
.reflectionTBDark  th.sort-down:after,
.reflectionTBDark  th.sort-down:hover:after {
    visibility:visible;
    opacity:0.8;
}
.reflectionTBDark  th.sort-up:after {
    border-bottom:none;
    border-width:6px 6px 0;
}
.reflectionTBDark tr:nth-child(odd){ background-color:#fff; }
.reflectionTBDark tr:nth-child(even)    { background-color: #fbfbfb; }
.reflectionTBDark td{
    vertical-align:top;
    /*border:1px solid #d3d3d3;*/
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:2px;
    font-size:12px;
    font-family: 'Signika', sans-serif !important;
    font-weight:normal;
    color:#000000;
    border-bottom: 2px solid #ddd;
}

/*.reflectionTB {*/
/*margin:0px;padding:0px;*/
/*width:100%;*/
/*border:1px solid #d3d3d3;*/

/*-moz-border-radius-bottomleft:0px;*/
/*-webkit-border-bottom-left-radius:0px;*/
/*border-bottom-left-radius:0px;*/

/*-moz-border-radius-bottomright:0px;*/
/*-webkit-border-bottom-right-radius:0px;*/
/*border-bottom-right-radius:0px;*/

/*-moz-border-radius-topright:0px;*/
/*-webkit-border-top-right-radius:0px;*/
/*border-top-right-radius:0px;*/

/*-moz-border-radius-topleft:0px;*/
/*-webkit-border-top-left-radius:0px;*/
/*border-top-left-radius:0px;*/
/*}.reflectionTB table{*/
/*border-collapse: collapse;*/
/*border-spacing: 0;*/
/*width:100%;*/
/*height:100%;*/
/*margin:0px;padding:0px;*/
/*}.reflectionTB tr:last-child td:last-child {*/
/*-moz-border-radius-bottomright:0px;*/
/*-webkit-border-bottom-right-radius:0px;*/
/*border-bottom-right-radius:0px;*/
/*}*/
/*.reflectionTB table tr:first-child td:first-child {*/
/*-moz-border-radius-topleft:0px;*/
/*-webkit-border-top-left-radius:0px;*/
/*border-top-left-radius:0px;*/
/*}*/
/*.reflectionTB table tr:first-child td:last-child {*/
/*-moz-border-radius-topright:0px;*/
/*-webkit-border-top-right-radius:0px;*/
/*border-top-right-radius:0px;*/
/*}.reflectionTB tr:last-child td:first-child{*/
/*-moz-border-radius-bottomleft:0px;*/
/*-webkit-border-bottom-left-radius:0px;*/
/*border-bottom-left-radius:0px;*/
/*}.reflectionTB tr:hover td{*/
/*background-color:#ccc;*/
/*color:#000;*/
/*}*/

/*.reflectionTB td{*/
/*vertical-align:middle;*/
/*border:1px solid #d3d3d3;*/
/*border-width:0px 1px 1px 0px;*/
/*text-align:left;*/
/*padding:2px;*/
/*font-size:13px;*/
/*font-family: 'Signika', sans-serif !important*/
/*font-weight:normal;*/
/*color:#000000;*/
/*}*/
/*.reflectionTB tr:last-child td{*/
/*border-width:0px 1px 0px 0px;*/
/*}.reflectionTB tr td:last-child{*/
/*border-width:0px 0px 1px 0px;*/
/*}.reflectionTB tr:last-child td:last-child{*/
/*border-width:0px 0px 0px 0px;*/
/*}*/
/*.reflectionTB tr:first-child td{*/
/*/!*    background:-o-linear-gradient(bottom, #666666 5%, #666666 100%);*/
/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #666666) );*/
/*background:-moz-linear-gradient( center top, #666666 5%, #666666 100% );*/
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#666666");*/
/*background: -o-linear-gradient(top,#666666,666666);*!/*/

/*background-color:rgba(42,62,76,0.8);*/
/*border:0px solid #d3d3d3;*/
/*text-align:left;*/
/*border-width:0px 0px 1px 1px;*/
/*font-size:14px;*/
/*font-family: 'Signika', sans-serif !important;*/
/*font-weight:bold;*/
/*color:#ffffff;*/
/*}*/
/*.reflectionTB tr:first-child:hover td{*/
/*/!*    background:-o-linear-gradient(bottom, #666666 5%, #666666 100%);*/
/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #666666) );*/
/*background:-moz-linear-gradient( center top, #666666 5%, #666666 100% );*/
/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#666666");*/
/*background: -o-linear-gradient(top,#666666,666666);*/

/*background-color:#666666;*!/*/
/*}*/
/*.reflectionTB tr:first-child td:first-child{*/
/*border-width:0px 0px 1px 0px;*/
/*}*/
/*.reflectionTB tr:first-child td:last-child{*/
/*border-width:0px 0px 1px 1px;*/
/*}*/



.dataDisplayTB {
    margin:0px;padding:0px;
    width:100%;
    border:1px solid #d3d3d3;

    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;

    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;

    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;

    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.dataDisplayTB table{
     border-collapse: collapse;
     border-spacing: 0;
     width:100%;
     height:100%;
     margin:0px;padding:0px;
 }.dataDisplayTB tr:last-child td:last-child {
      -moz-border-radius-bottomright:0px;
      -webkit-border-bottom-right-radius:0px;
      border-bottom-right-radius:0px;
  }
.dataDisplayTB table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.dataDisplayTB table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.dataDisplayTB tr:last-child td:first-child{
     -moz-border-radius-bottomleft:0px;
     -webkit-border-bottom-left-radius:0px;
     border-bottom-left-radius:0px;
 }.dataDisplayTB tr:hover td{
      background-color:#c77100;
      color:#fff;
  }
.dataDisplayTB tr:nth-child(odd){ background-color:#e5e5e5; }
.dataDisplayTB tr:nth-child(even)    { background-color:#ffffff; }
.dataDisplayTB tr:last-child td{
    border-width:0px 1px 0px 0px;
}.dataDisplayTB tr td:last-child{
     border-width:0px 0px 1px 0px;
 }.dataDisplayTB tr:last-child td:last-child{
      border-width:0px 0px 0px 0px;
  }
.dataDisplayTB tr:first-child td{
    /*    background:-o-linear-gradient(bottom, #666666 5%, #666666 100%);
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #666666) );
        background:-moz-linear-gradient( center top, #666666 5%, #666666 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#666666");
        background: -o-linear-gradient(top,#666666,666666);*/

    background-color:rgba(42,62,76,0.8);
    border:0px solid #d3d3d3;
    text-align:left;
    border-width:0px 0px 1px 1px;
    font-size:13px;
    font-family: 'Signika', sans-serif !important;
    font-weight:bold;
    color:#ffffff;
}
.dataDisplayTB tr:first-child:hover td{
    /*    background:-o-linear-gradient(bottom, #666666 5%, #666666 100%);
        background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #666666) );
        background:-moz-linear-gradient( center top, #666666 5%, #666666 100% );
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#666666");
        background: -o-linear-gradient(top,#666666,666666);

        background-color:#666666;*/
}
.dataDisplayTB tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.dataDisplayTB tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}

/*.nav > li > a:hover, .nav > li > a:focus,*/
/*.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus*/
/*{*/
/*background:none;*/
/*border: solid;*/
/*border-bottom-width: 0px;*/
/*border-top-width: 1px;*/
/*border-right-width: 1px;*/
/*border-left-width: 1px;*/
/*}*/

.navbar-custom {
    background-color: #191919;
    border-color: rgba(219, 219, 219, 1);
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#000000), to(#191919));
    background-image: -webkit-linear-gradient(top, #000000 0%, #191919 100%);
    background-image: -moz-linear-gradient(top, #000000 0%, #191919 100%);
    background-image: linear-gradient(to bottom, #000000 0%, #191919 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff000000', endColorstr='#ff000000', GradientType=0);

}
.navbar-custom .navbar-brand {
    color: #ffffff;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: #e6e6e6;
    background-color: transparent;
}
.navbar-custom .navbar-text {
    color: #ffffff;
}
.navbar-custom .navbar-nav > li:last-child > a {
    border-right: 0px solid #272727;
    color: #D8D4CE;
}
.navbar-custom .navbar-nav > li:last-child > a:hover {
    color: #FF0000;
}
.navbar-custom .navbar-nav > li > a {
    color: #ffffff;
    border-left: 0px solid #272727;
    padding-left: 10px;
    padding-right: 10px;
}


.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: #ebebeb;
    background-color: transparent;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
    color: #ebebeb;
    border-bottom-color:transparent !important;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#A0A0A0), to(#9a9a9a));
    background-image: -webkit-linear-gradient(top, #A0A0A0 0%, #9a9a9a 100%);
    background-image: -moz-linear-gradient(top, #A0A0A0 0%, #9a9a9a 100%);
    background-image: linear-gradient(to bottom, #000 0%, #9a9a9a 6%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffA0A0A0', endColorstr='#ff9a9a9a', GradientType=0);

}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}
.navbar-custom .navbar-toggle {
    /*border-color: #dddddd;*/

}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: #000;
}
.navbar-custom .navbar-toggle .icon-bar {
    background-color: #fff;
    border-color: #000;
    color: #000;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
    border-color: #262626;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #ebebeb;
    border-bottom-color: #ebebeb;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
    background-color: #272727;
    color: #ebebeb;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
    border-top-color: #ebebeb;
    border-bottom-color: #ebebeb;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}
@media (max-width: 1007px) {

    .hide5PercentPaddingOnResumePrint{
        padding-right: 5%;
        padding-left: 5%;
    }

    /*.nav-panel-bgcolor > .active > a,*/
    /*.nav-panel-bgcolor> .active > a:hover,.nav-panel-bgcolor> li > a:hover {*/

    /*background-color: transparent !important;*/
    /*color: rgba(0,0,0,1) !important;*/
    /*font-weight: bolder;*/
    /*border-bottom: 0px;*/
    /*-webkit-box-shadow: 0px 1px 1px 1px rgba(211,211,211,1);*/
    /*-moz-box-shadow: 0px 1px 1px 1px rgba(211,211,211,1);*/
    /*box-shadow: 0px 1px 1px 1px rgba(211,211,211,1);*/


    /*}*/

    .nav-panel-bgcolor > .active > a,
    .nav-panel-bgcolor> .active > a:hover,.nav-panel-bgcolor> li > a:hover {

        background-color: #337ab7 !important;
        color: rgb(255, 255, 255) !important;
        font-weight: bolder;
        border-bottom: 0px;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(185,185,185,1);
        -moz-box-shadow: 0px 0px 0px 0px rgba(185,185,185,1);
        box-shadow: 0px 0px 0px 0px rgba(185,185,185,1);
        border-width: 1px;
        border-color: #ddd;
        /*//bottom:-2px;*/
        /*//z-index:1;*/

    }



    .well-mobile {
        border-top: 2px solid #337ab7 !important;
    }


    .nav-panel-bgcolor> li > a{
        /*background-color: #e0e0e0 !important;*/
        color: #4A4A4A !important;
        border-bottom-left-radius:0px;
        border-bottom-right-radius:0px;
    }

    .panel-body {

    }



    .panel-default > .panel-heading {
        color: #333333;
        background-color: #f5f5f5 !important;
        border-color: #dddddd !important;
    }

    .nav-panel-bgcolor> li > a {
        color: #337ab7 !important;
    }
    .nav-pills > li {
        float:none;
        margin-left: 0px;
        /*margin-right: 12px;*/
        background-color: #ddd;
        border-left-color: #337ab7;
        border-left-style: solid;
        border-left-width: 1px;

    }
    .nav-pills > li.active > a{
        border:none;
    }
    .nav > li > a:hover, .nav > li > a:focus,
    .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
    {
        /*background:none;*/
        /*border: solid;*/
    }
    .pull-left {
        padding-left: 0;
    }

    .bottom-well-display {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        /*border-top-left-radius: 0px;*/
        /*border-top-right-radius: 0px;*/
        /*background-color: #fff;*/
        /*-webkit-box-shadow: 0px 0px 0px 0px rgba(211,211,211,1) !important;*/
        /*-moz-box-shadow: 0px 0px 0px 0px rgba(211,211,211,1) !important;*/
        /*box-shadow: 0px 0px 0px 0px rgba(211,211,211,1) !important;*/

        border-right: 2px solid #f5f5f5;
        border-left: 2px solid #f5f5f5;
        border-top: 1px solid #fff;
        border-bottom: 2px solid #f5f5f5;
        -webkit-box-shadow: 0px 1px 0.25px 0px  rgba(0,0,0,.3);
        -moz-box-shadow: 0px 1px 0.25px 0px  rgba(0,0,0,.3);
        box-shadow: 0px 1px 0px 0px  rgba(0,0,0,.3) !important;
    }

    .logo{
        margin: 0px 30px 10px 0px;
    }
    .navbar-toggle{
        margin-right: 40px;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu  {
        color: #333;
        background-color: #fff;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
        background-color: #fff;
    }
    .navbar-custom .navbar-nav > li > a {
        color: #ffffff;
        border-left: 1px solid #272727;
        padding-left: 50px;
        padding-right: 50px;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header{
        padding-left: 60px;
        padding-right: 50px;

    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #ebebeb;
        background-color: #337ab7;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ebebeb;
        background-color: #505050;
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}
.navbar-custom .navbar-link {
    color: #ffffff;
}
.navbar-custom .navbar-link:hover {
    color: #ebebeb;
}


textarea:focus,
input[type="select"]:focus,
input[type="file"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    /*    padding:6px;font-size:15px !important;*/
    /*    border:1px solid #ccc !important;
        background: white !important;*/
    /*    padding: 5px !important;
        width:280px;
        margin-bottom: 10px !important;
        border-radius: 4px !important;*/
    /*    -webkit-transition: 0.5s ease-in-out all;
        -moz-transition: 0.5s ease-in-out all;
        -ms-transition: 0.5s ease-in-out all;
        -o-transition: 0.5s ease-in-out all;
        transition: 0.5s ease-in-out all;*/
}

textarea:focus,
input[type="select"]:focus,
input[type="file"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus{
    border-color:white !important;
    -moz-box-shadow: 0px 0px 14px #dfdfdf !important;
    -webkit-box-shadow: 0px 0px 14px #dfdfdf !important;
    box-shadow: 0px 0px 14px #dfdfdf !important;
}


.change-focus-from-blue:focus {
    border-color:white !important;
    -moz-box-shadow: 0px 0px 14px #dfdfdf !important;
    -webkit-box-shadow: 0px 0px 14px #dfdfdf !important;
    box-shadow: 0px 0px 14px #dfdfdf !important;
}

.spinner {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -62px; /* half width of the spinner gif */
    margin-top: -64px; /* half height of the spinner gif */
    text-align:center;
    z-index:1234;
    overflow: auto;
    width: 124px; /* width of the spinner gif */
    height: 128px; /*hight of the spinner gif +2px to fix IE8 issue */
}

.modal-header {
    padding:9px 15px;
    border-bottom:1px solid #eee;
    color: #ffffff !important;
    background-color: #383838;
    border-color: #272727;
    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#525252), to(#000000));
    background-image: -webkit-linear-gradient(top, #525252 0%, #000000 100%);
    background-image: -moz-linear-gradient(top, #525252 0%, #000000 100%);
    background-image: linear-gradient(to bottom, #525252 0%, #000000 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff525252', endColorstr='#ff000000', GradientType=0);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header .close {
    float: right !important;
    margin-right: 0px !important;
    margin-top: -3px !important;
    background-color: white !important;
    border-radius: 15px !important;
    width: 30px !important;
    height: 30px !important;
    opacity: 1 !important;
}

@media all {
    .page-break	{ display: none; }
}

@media print {
    .panel-body{
        padding: 0px;
    }

    @page :footer {color: #fff }
    @page :header {color: #fff}

    div.page-break	{
        display: block;
        page-break-after: always;
        page-break-inside: avoid;
        -webkit-region-break-after: always;
        -webkit-region-break-inside: avoid;
        position:relative;
    }

    #yellow_top_large{display:none;}
    #yellow_top{display:none;}
    /*@page {size: landscape}*/
    #footer{display:none;}
    .yellow_top_large{display:none;}
    body {

        margin: 0;
        padding: 0;
        line-height: 1.4em;
        word-spacing: 1px;
        letter-spacing: 0.2px;
        font: 13px Arial, Helvetica,"Lucida Grande", serif;
        color: #000;
    }
    .well {
        border:none !important;
        margin: 0;
        padding: 0;
        line-height: 1.4em;
        word-spacing: 1px;
        letter-spacing: 0.2px;
        font: 13px Arial, Helvetica,"Lucida Grande", serif;
        color: #000;
        box-shadow: 0px 0px 0px 0px rgba(185,185,185,0) !important;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(185,185,185,0) !important;
    }
    .bottom-well-display{
        margin: 0 !important;
        padding: 0 !important;
    }
    .hide5PercentPaddingOnResumePrint{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .panel {
        border:none !important;
        margin: 0;
        padding: 0;
        line-height: 1.4em;
        word-spacing: 1px;
        letter-spacing: 0.2px;
        font: 13px Arial, Helvetica,"Lucida Grande", serif;
        color: #000;
        background-color: #ffffff;
        box-shadow: 0px 0px 0px 0px rgba(185,185,185,0) !important;
        -webkit-box-shadow: 0px 0px 0px 0px rgba(185,185,185,0) !important;
    }

    /*    .col-sm-1, .col-md-1, .col-lg-1, .col-sm-2, .col-md-2, .col-lg-2,  .col-sm-3, .col-md-3, .col-lg-3, .col-sm-4, .col-md-4, .col-lg-4, .col-sm-5, .col-md-5, .col-lg-5, .col-sm-6, .col-md-6, .col-lg-6,  .col-sm-7, .col-md-7, .col-lg-7,  .col-sm-8, .col-md-8, .col-lg-8, .col-sm-9, .col-md-9, .col-lg-9,  .col-sm-10, .col-md-10, .col-lg-10,  .col-sm-11, .col-md-11, .col-lg-11,  .col-sm-12, .col-md-12, .col-lg-12{
            padding-right: 10px;
            padding-left: 10px;
        }*/
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left;
    }
    .col-md-12 {
        width: 100%;
    }
    .col-md-11 {
        width: 91.66666666666666%;
    }
    .col-md-10 {
        width: 83.33333333333334%;
    }
    .col-md-9 {
        width: 75%;
    }
    .col-md-8 {
        width: 66.66666666666666%;
    }
    .col-md-7 {
        width: 58.333333333333336%;
    }
    .col-md-6 {
        width: 50%;
    }
    .col-md-5 {
        width: 41.66666666666667%;
    }
    .col-md-4 {
        width: 33.33333333333333%;
    }
    .col-md-3 {
        width: 25%;
    }
    .col-md-2 {
        width: 16.666666666666664%;
    }
    .col-md-1 {
        width: 8.333333333333332%;
    }
    .col-md-pull-12 {
        right: 100%;
    }
    .col-md-pull-11 {
        right: 91.66666666666666%;
    }
    .col-md-pull-10 {
        right: 83.33333333333334%;
    }
    .col-md-pull-9 {
        right: 75%;
    }
    .col-md-pull-8 {
        right: 66.66666666666666%;
    }
    .col-md-pull-7 {
        right: 58.333333333333336%;
    }
    .col-md-pull-6 {
        right: 50%;
    }
    .col-md-pull-5 {
        right: 41.66666666666667%;
    }
    .col-md-pull-4 {
        right: 33.33333333333333%;
    }
    .col-md-pull-3 {
        right: 25%;
    }
    .col-md-pull-2 {
        right: 16.666666666666664%;
    }
    .col-md-pull-1 {
        right: 8.333333333333332%;
    }
    .col-md-pull-0 {
        right: 0;
    }
    .col-md-push-12 {
        left: 100%;
    }
    .col-md-push-11 {
        left: 91.66666666666666%;
    }
    .col-md-push-10 {
        left: 83.33333333333334%;
    }
    .col-md-push-9 {
        left: 75%;
    }
    .col-md-push-8 {
        left: 66.66666666666666%;
    }
    .col-md-push-7 {
        left: 58.333333333333336%;
    }
    .col-md-push-6 {
        left: 50%;
    }
    .col-md-push-5 {
        left: 41.66666666666667%;
    }
    .col-md-push-4 {
        left: 33.33333333333333%;
    }
    .col-md-push-3 {
        left: 25%;
    }
    .col-md-push-2 {
        left: 16.666666666666664%;
    }
    .col-md-push-1 {
        left: 8.333333333333332%;
    }
    .col-md-push-0 {
        left: 0;
    }
    .col-md-offset-12 {
        margin-left: 100%;
    }
    .col-md-offset-11 {
        margin-left: 91.66666666666666%;
    }
    .col-md-offset-10 {
        margin-left: 83.33333333333334%;
    }
    .col-md-offset-9 {
        margin-left: 75%;
    }
    .col-md-offset-8 {
        margin-left: 66.66666666666666%;
    }
    .col-md-offset-7 {
        margin-left: 58.333333333333336%;
    }
    .col-md-offset-6 {
        margin-left: 50%;
    }
    .col-md-offset-5 {
        margin-left: 41.66666666666667%;
    }
    .col-md-offset-4 {
        margin-left: 33.33333333333333%;
    }
    .col-md-offset-3 {
        margin-left: 25%;
    }
    .col-md-offset-2 {
        margin-left: 16.666666666666664%;
    }
    .col-md-offset-1 {
        margin-left: 8.333333333333332%;
    }
    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 400px) and (max-width: 767px) {
    .container {
        padding:0px;
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }



}

/*@media (min-width: 768px) and (max-width: 1007px) {
    .navbar-collapse.collapse{
        display: none !important;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 15px;
        padding: 9px 10px;
        //.navbar-vertical-align(34px);
        background-color: transparent;
        background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
        border: 1px solid transparent;
        border-radius: 4px;

        // We remove the `outline` here, but later compensate by attaching `:hover`
        // styles to `:focus`.
                &:focus {
                    outline: 0;
                }

    }
    .navbar-toggle{
        margin-right: 40px;
        display: block !important;
    }
    .navbar-header {
        margin:0px;
    }
        .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
            display: none !important;
        }
    button, html input[type="button"], input[type="reset"], input[type="submit"]{
        -webkit-appearance: button;
        cursor: pointer;
    }
}*/
@media (min-width: 1008px) {

    .hide5PercentPaddingOnResumePrint{
        padding-right: 5%;
        padding-left: 5%;
    }

    .flex-row > div {
        /*
          1/3  - 3 columns per row
          10px - spacing between columns
        */
        box-sizing: border-box;
        margin-bottom: 15px;
        width: calc(1/3*100% - (1 - 1/3)*10px);
    }


    #filters.fixed {
        position: fixed;
        top: 16px;
        width: 200px;
        /*        color: #500000;*/
    }
    #departments.fixed {
        /*        color: #fff;
                box-shadow:0 2px 4px rgba(0, 0, 0, .5);
                background-color: #500000;
                border: black;*/
    }
    #credits.fixed {
        /*        color: #fff;
                box-shadow:0 2px 4px rgba(0, 0, 0, .5);
                background-color: #500000;
                border: black;*/
    }
    #other.fixed {
        /*        color: #fff;
                box-shadow:0 2px 4px rgba(0, 0, 0, .5);
                background-color: #500000;
                border: black;*/
    }
    #filtersWrapper.absolute {
        position: fixed;
        width: 232px;
        height: 500px;
        margin-top: 13px;
        margin-left: -13px;
        top: 51px;
        /*                color: #500000;
                        background-color: #000;*/
    }
}
@media (min-width: 767px) and (max-width: 1007px) {

    .hide5PercentPaddingOnResumePrint{
        padding-right: 5%;
        padding-left: 5%;
    }

    .nav-pills > li + li{
        margin-left: 13px;

    }

    .nav-pills > li{
        margin-left: 13px;

    }

    .navbar-nav > li > a {
        line-height: 12px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{
        left: 15px !important;
    }
    .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
        width: 100%;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none !important;

    }
    .navbar-collapse.in {
        display: block !important;
        overflow-x: visible;
        overflow-y: visible;
    }
    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-toggle {
        position: relative;
        float: right;
        margin-right: 15px;
        padding: 9px 10px;
    //.navbar-vertical-align(34px);
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .focus {
        outline: 0;
    }
    .collapse{
        /*display: block;*/  /* commented out to allow display of pathway plan*/
    }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
    max-height: 340px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Signika', sans-serif !important;
    font-weight: normal;
}

.has-feedback .form-control {
    padding-right: 0px;
}

.footer{
    color: #f1f1f1;
    background-color: #000;
    border-bottom-color:transparent !important;
    /*    background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ABABAD), to(#000));
        background-image: -webkit-linear-gradient(top, #ABABAD, 0%, #000, 100%);
        background-image: -moz-linear-gradient(top, #ABABAD 0%, #000 100%);
        background-image: linear-gradient(to bottom, #ABABAD 0%, #000 100%);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9a9a9a', endColorstr='#ff525252', GradientType=0);*/
}

/*.col-sm-1, .col-md-1, .col-lg-1, .col-sm-2, .col-md-2, .col-lg-2,  .col-sm-3, .col-md-3, .col-lg-3, .col-sm-4, .col-md-4, .col-lg-4, .col-sm-5, .col-md-5, .col-lg-5, .col-sm-6, .col-md-6, .col-lg-6,  .col-sm-7, .col-md-7, .col-lg-7,  .col-sm-8, .col-md-8, .col-lg-8, .col-sm-9, .col-md-9, .col-lg-9,  .col-sm-10, .col-md-10, .col-lg-10,  .col-sm-11, .col-md-11, .col-lg-11,  .col-sm-12, .col-md-12, .col-lg-12{
    padding-right: 10px;
    padding-left: 10px;
}*/

/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4,  .col-xs-5, .col-xs-6, .col-xs-7,  .col-xs-8, .col-xs-9,   .col-xs-10,   .col-xs-11,   .col-xs-12 {
    padding-right: 2px !important;
    padding-left: 2px !important;
}*/

.bottom-well-display{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(185,185,185,1);
    -moz-box-shadow: 0px 0px 0px 0px rgba(185,185,185,1);
    box-shadow: 0px 0px 0px 0px rgba(185,185,185,1);
    border-width: 1px;

    /*border-color: #ddd;*/
}
#push, #footer{
    border: 0px !important;

}

/*.isLabel {
    padding: 3px 4px 3px;
    font-size: 9px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #FF9591;
}*/

.is-red {
    padding: 1px 2px 1px 2px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    background-color: #FF211A;
    text-shadow: 2px 2px 5px #000;
}
.is-blue {
    padding: 1px 2px 1px 2px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    background-color: #6483BB;
    text-shadow: 2px 2px 5px #000;
}
.is-green{
    padding: 1px 2px 1px 2px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    background-color: #00C946;
    text-shadow: 2px 2px 5px #000;
}
.is-black{
    padding: 1px 2px 1px 2px;
    font-size: 11px;
    font-weight: bold;
    color: #999;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    background-color: #F1EBEB;
    text-shadow: 2px 2px 5px #000;
}

.is-lt-red {
    padding: 1px 2px 1px 2px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    background-color: rgba(255,33,26,.95);
    text-shadow: 2px 2px 5px #000;
}
.is-lt-blue {
    padding: 1px 2px 1px 2px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    background-color: rgba(100,131,187,.95);
    text-shadow: 2px 2px 5px #000;
}
.is-lt-green{
    padding: 1px 2px 1px 2px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 6px;
    background-color: rgba(0,201,70,.95);
    text-shadow: 2px 2px 5px #000;
}


.studentListTB {
    margin:0px;padding:0px;
    width:100%;
    border:1px solid #d3d3d3;

    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;

    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;

    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;

    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.studentListTB table{
     border-collapse: collapse;
     border-spacing: 0;
     width:100%;
     height:100%;
     margin:0px;padding:0px;
 }.studentListTB tr:last-child td:last-child {
      -moz-border-radius-bottomright:0px;
      -webkit-border-bottom-right-radius:0px;
      border-bottom-right-radius:0px;
  }
.studentListTB table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.studentListTB table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.studentListTB tr:last-child td:first-child{
     -moz-border-radius-bottomleft:0px;
     -webkit-border-bottom-left-radius:0px;
     border-bottom-left-radius:0px;
 }.studentListTB tr:hover td{

  }
.studentListTB tr:nth-child(odd){ background-color:#e5e5e5; }
.studentListTB tr:nth-child(even)    { background-color:#ffffff; }.studentListTB td{
                                                                      vertical-align:middle;


                                                                      border:1px solid #d3d3d3;
                                                                      border-width:0px 1px 1px 0px;
                                                                      text-align:left;
                                                                      padding:2px;
                                                                      font-size:11px;
                                                                      font-family:Arial;
                                                                      font-weight:normal;
                                                                      color:#000000;
                                                                  }.studentListTB tr:last-child td{
                                                                       border-width:0px 1px 0px 0px;
                                                                   }.studentListTB tr td:last-child{
                                                                        border-width:0px 0px 1px 0px;
                                                                    }.studentListTB tr:last-child td:last-child{
                                                                         border-width:0px 0px 0px 0px;
                                                                     }
.studentListTB tr:first-child td{
    background:-o-linear-gradient(bottom, #666666 5%, #666666 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #666666) );
    background:-moz-linear-gradient(top, #666666 5%, #666666 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#666666");
    background: -o-linear-gradient(top,#666666,#666666);

    background-color:#666666;
    border:0px solid #d3d3d3;
    text-align:left;
    border-width:0px 0px 1px 1px;
    font-size:12px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
}
.studentListTB tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #666666 5%, #666666 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #666666) );
    background:-moz-linear-gradient(top, #666666 5%, #666666 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#666666", endColorstr="#666666");
    background: -o-linear-gradient(top,#666666,#666666);

    background-color:#666666;
}
.studentListTB tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.studentListTB tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}

.studentListTB .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 4px;
}

.btn-danger{
    background-color: #009ffb;
    border-color: #ccc;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger{
    background-color: #009ffb;
    border-color: #000;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning{
    background-color: #f0ad4e;
}

.btn-warning {
    background-color: #ec971f;
}

input[type="radio"], input[type="checkbox"] {
    margin-top: 3px;
    vertical-align: top !important;
}

#diplomaReport_red {
    vertical-align:top;
    font-family: 'Signika', sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #fff;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius:0px;
    background-color: #C51F1A;
    text-align: left;
    line-height: 1em;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
}
#diplomaReport_green {
    vertical-align:top;
    font-family: 'Signika', sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #fff;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius:0px;
    background-color: #16843D;
    text-align: left;
    line-height: 1em;
    padding-top: 0px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
}
#diplomaReport_black {
    vertical-align:top;
    font-family: 'Signika', sans-serif;
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius:0px;
    background-color: #000;
    text-align: left;
    line-height: 1em;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
}
.diplomaReport_table tr:nth-child(odd){ background-color:#e5e5e5; }
.diplomaReport_table tr:nth-child(even)    { background-color:#ccc; }


.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    *background-color: #222222;
    background-image: -moz-linear-gradient(top, #444444, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
    background-image: -webkit-linear-gradient(top, #444444, #222222);
    background-image: -o-linear-gradient(top, #444444, #222222);
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    color: #ffffff;
    background-color: #222222;
    *background-color: #151515;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-inverse:active,
.btn-inverse.active {
    background-color: #080808 \9;
}

.filterListText {
    display: block;
    margin-top: -20px;
    margin-left: 18px;
    margin-bottom: -5px;
    margin-right: 10px;
}

.delete_Glyphicon_Button {
    border-width: 0px;
    background-color: transparent;
    padding: 0px;
}
.faint{
    border-width: 0px;
    background-color: #fff;
    padding: 0px;
    vertical-align:middle;
    font-family: 'Signika', sans-serif;
    font-size: .75em;
    font-weight: normal;
    color: #ccc;
}

#checkBox_label {
    display: block;
    padding-left: 30px;
    text-indent: -16px;
    font-weight: normal;
}
#checkBox_inputtt {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}



hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(216, 212, 206, 0.75), rgba(0, 0, 0, 0));
}

.modal-body {
    max-height: calc(100vh - 190px);
    overflow-y: auto;
}

.navbar-nav > li > a {
    font-size: 12.5px;
}

.dropdown-menu > li > a {
    font-size: 12.5px;
}

.nav-pills > li > a {
    font-size: 12.5px;
}



/*.navbar-nav > li > .dropdown-menu {*/
/*background-color: #767676;*/
/*}*/


.type_toolbar li {
    display:table-cell !important;
    margin-left: 0px;
}

.well {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ddd;
    /*-webkit-box-shadow: 1px 1px 0.25px 0.25px  rgba(0,0,0,.3);*/
    /*-moz-box-shadow: 1px 1px 0.25px 0.25px  rgba(0,0,0,.3);*/
    /*box-shadow: 1px 1px 0.25px 0.25px  rgba(0,0,0,.3);*/
}

.list-group-item-header {
    color: #fff;
    background-color: #325d88;
    font-size: .9em;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
}

.mentorship-count-header {
    color: #000;
    background-color: #f5f5f5;
    line-height: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.list-group-item-header-black {
    color: #fff;
    background-color: #000;
    font-size: .9em;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
}

.list-group-item-header-black-staff {
    color: #fff;
    background-color: #000;
    font-size: .9em;
    line-height: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

a.list-group-item-yellow-staff,
button.list-group-item-yellow-staff {
    color: #000000;
}

a.list-group-item-yellow-staff:hover,
button.list-group-item-yellow-staff:hover,
a.list-group-item-yellow-staff:focus,
button.list-group-item-yellow-staff:focus {
    color: #fff;
    background-color: #767676;
}


.list-group-item-header-blue {
    color: #fff;
    background-color: #325d88;
    font-size: .9em;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
}

.list-group-item-yellow {
    color: #fff;
    background-color: #f1c50e;
    font-size: .9em;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
}
.list-group-item-yellow-staff {
    color: #325d88;
    background-color: #f1c50e;
    font-size: .9em;
    line-height: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

a.list-group-item-yellow,
button.list-group-item-yellow {
    color: #fff;
}
a.list-group-item-yellow .list-group-item-heading,
button.list-group-item-yellow .list-group-item-heading {
    color: inherit;
}
a.list-group-item-yellow:hover,
button.list-group-item-yellow:hover,
a.list-group-item-yellow:focus,
button.list-group-item-yellow:focus {
    color: #fff;
    background-color: #000000;
}

.list-group-item-blue {
    color: #fff;
    background-color: #29abe0;
    font-size: .9em;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
}
a.list-group-item-blue,
button.list-group-item-blue {
    color: #ffffff;
}
a.list-group-item-blue .list-group-item-heading,
button.list-group-item-blue .list-group-item-heading {
    color: inherit;
}
a.list-group-item-blue:hover,
button.list-group-item-blue:hover,
a.list-group-item-blue:focus,
button.list-group-item-blue:focus {
    color: #fff;
    background-color: #000000;
}

.list-group-item-black {
    color: #fff;
    background-color: #325d88;
    font-size: .9em;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
}
a.list-group-item-black,
button.list-group-item-black {
    color: #ffffff;
}
a.list-group-item-black .list-group-item-heading,
button.list-group-item-black .list-group-item-heading {
    color: inherit;
}
a.list-group-item-black:hover,
button.list-group-item-black:hover,
a.list-group-item-black:focus,
button.list-group-item-black:focus {
    color: #fff;
    background-color: #000;
}


.list-group-item-red {
    color: #fff;
    background-color: #d9534f;
    font-size: .9em;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
}
a.list-group-item-blue.active,
button.list-group-item-blue.active,
a.list-group-item-blue.active:hover,
button.list-group-item-blue.active:hover,
a.list-group-item-blue.active:focus,
button.list-group-item-blue.active:focus {
    color: #fff;
    background-color: #9aff62;
    border-color: #fff;
}
a.list-group-item-red,
button.list-group-item-red {
    color: #ffffff;
}
a.list-group-item-red .list-group-item-heading,
button.list-group-item-red .list-group-item-heading {
    color: inherit;
}
a.list-group-item-red:hover,
button.list-group-item-red:hover,
a.list-group-item-red:focus,
button.list-group-item-red:focus {
    color: #fff;
    background-color: #000000;
}


.list-group-item-green {
    color: #fff;
    background-color: #93c54b;
    font-size: .9em;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
}
a.list-group-item-blue.active,
button.list-group-item-blue.active,
a.list-group-item-blue.active:hover,
button.list-group-item-blue.active:hover,
a.list-group-item-blue.active:focus,
button.list-group-item-blue.active:focus {
    color: #fff;
    background-color: #9aff62;
    border-color: #fff;
}
a.list-group-item-green,
button.list-group-item-green {
    color: #ffffff;
}
a.list-group-item-green .list-group-item-heading,
button.list-group-item-green .list-group-item-heading {
    color: inherit;
}
a.list-group-item-green:hover,
button.list-group-item-green:hover,
a.list-group-item-green:focus,
button.list-group-item-green:focus {
    color: #fff;
    background-color: #000000;
}


.list-group-item-darkBlue {
    color: #fff;
    background-color: #2963e0;
    font-size: .9em;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
}
a.list-group-item-darkBlue,
button.list-group-item-darkBlue {
    color: #ffffff;
}
a.list-group-item-darkBlue .list-group-item-heading,
button.list-group-item-darkBlue .list-group-item-heading {
    color: inherit;
}
a.list-group-item-darkBlue:hover,
button.list-group-item-darkBlue:hover,
a.list-group-item-darkBlue:focus,
button.list-group-item-darkBlue:focus {
    color: #fff;
    background-color: #000000;
}
.list-group-item-orange {
    color: #fff;
    background-color: #f47c3c;
    font-size: .9em;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
}
a.list-group-item-orange,
button.list-group-item-orange {
    color: #ffffff;
}
a.list-group-item-orange .list-group-item-heading,
button.list-group-item-orange .list-group-item-heading {
    color: inherit;
}
a.list-group-item-orange:hover,
button.list-group-item-orange:hover,
a.list-group-item-orange:focus,
button.list-group-item-orange:focus {
    color: #fff;
    background-color: #000000;
}
a.list-group-item-blue.active,
button.list-group-item-blue.active,
a.list-group-item-blue.active:hover,
button.list-group-item-blue.active:hover,
a.list-group-item-blue.active:focus,
button.list-group-item-blue.active:focus {
    color: #fff;
    background-color: #9aff62;
    border-color: #fff;
}
a.list-group-item-orange,
button.list-group-item-orange {
    color: #ffffff;
}
a.list-group-item-orange .list-group-item-heading,
button.list-group-item-orange .list-group-item-heading {
    color: inherit;
}
a.list-group-item-orange:hover,
button.list-group-item-orange:hover,
a.list-group-item-orange:focus,
button.list-group-item-orange:focus {
    color: #fff;
    background-color: #000000;
}

.list-group-item-gray {
    color: #fff;
    background-color: #95a5a5;
    font-size: .9em;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
}
a.list-group-item-blue.active,
button.list-group-item-blue.active,
a.list-group-item-blue.active:hover,
button.list-group-item-blue.active:hover,
a.list-group-item-blue.active:focus,
button.list-group-item-blue.active:focus {
    color: #fff;
    background-color: #9aff62;
    border-color: #fff;
}
a.list-group-item-gray,
button.list-group-item-gray {
    color: #ffffff;
}
a.list-group-item-gray .list-group-item-heading,
button.list-group-item-gray .list-group-item-heading {
    color: inherit;
}
a.list-group-item-gray:hover,
button.list-group-item-gray:hover,
a.list-group-item-gray:focus,
button.list-group-item-gray:focus {
    color: #fff;
    background-color: #000000;
}

.list-group-black-header {
    color: #000;
    background-color: #f5f5f5;
    line-height: 100%;
    margin-left: -10px;
    margin-right: -10px;
    font-size: .9em;
    border-top-color: #fff;
}

.red_key {
    padding: 1px 2px 1px 2px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #C51F1A;
}

.container  * {
    border-radius: 0px !important;
}

.green_key {
    padding: 1px 2px 1px 2px;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: #16843D;
}

.container  * {
    border-radius: 0px !important;
}

.messagesDisplay {
    background-color: rgb(90, 147, 221);
    color:#fff;
    font-size: 13px;
    -webkit-box-shadow: 1px 1px 0.25px 0.25px  rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 0.25px 0.25px  rgba(0,0,0,.3);
    box-shadow: 0px 0px 0px 0px  rgba(0,0,0,0);

}


.messagesDisplay a:link { color: #ffea00;
}
.messagesDisplay a:visited { color: #ffea00;
}
.messagesDisplay a:hover { color: #ffffff;
}
.messagesDisplay a:active { color: #ffea00;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #F44336;
}




.uppercase { text-transform: uppercase; }

.collapsing {
    transition: height 0.1s;
}

.liCSS {
    list-style-type: decimal;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}

.label-nice-blue {
    background-color: #1d9af2 !important;
}

.button-remove-link {
    border: 0;
    padding: 0;
    display: inline;
    background: none;
    text-decoration: none;
    color: #fff;
   font-size: 8px;
}

label {
    cursor: pointer;
}

/*.panel-default > .panel-heading-blue {*/
    /*color: #fff;*/
    /*background-color: #1d9af2 !important;*/
    /*border-color: #1d9af2 !important;*/
/*}*/

@media (min-width: 992px) {
    .container {
        width: 982px;
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media (min-width: 1100px) {
    .container {
        width: 1090px;
        padding-right: 0px;
        padding-left: 0px;
    }
}


@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}



@media (min-width: 1300px) {
    .container {
        width: 1270px;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1470px;
    }
}

.fill-well {
    min-height: 65vh;

}


/*.select2-container--default .select2-search--inline .select2-search__field {*/
    /*width: auto !important;*/
/*}*/

.select2-selection {
    display: block!important;
    height: 34px!important;
    white-space: nowrap!important;
    line-height: 26px!important;
    padding-top: 4px;
    background-image: none;
    font-size: 14px;
    border: 1px solid #ccc !important;
    -moz-box-shadow: 0px 1px 1px #dfdfdf !important;
    -webkit-box-shadow: 0px 1px 1px #dfdfdf !important;
    box-shadow: 0px 1px 1px #dfdfdf !important;
    overflow: hidden;
}
.select2-results__option {
    font-size: 14px;
}

.select2 {
    width: 100% !important;
}

.select2-selection__rendered {
    white-space: normal !important;
    word-break: break-all;
}


    .flex-row.row {
        display: flex;
        flex-wrap: wrap;
        padding: 20px;

        justify-content: space-around;
    }
    .flex-row.row > [class*='col-'] {
        display: flex;
        flex-direction: column;
        padding: 20px;
    }
    .flex-row.row:after,
    .flex-row.row:before {
        display: flex;
    }


.label-kogBlue {
    background-color: #1d9af2;
}



/* === card component ======
 * Variation of the panel component
 * version 2018.10.30
 * https://codepen.io/jstneg/pen/EVKYZj
 */
.card{ background-color: #fff; border: 1px solid transparent; border-radius: 6px; }
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{ border-radius: 6px 6px 0 0; }
.card .card-img{
    /*position: relative;*/
    /*padding: 0;*/
    display: table;
    /*display: block;*/
    margin-left: auto;
    margin-right: auto;
}
.card .card-img .card-caption{
    position: absolute;
    right: 0;
    bottom: 16px;
    left: 0;
}
.card .card-body{position: relative; display: table; width: 100%; padding: 12px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child,
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3,
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

@media( min-width: 768px ){
    .card .card-left{ float: left; padding: 0 8px 0 0; }
    .card .card-right{ float: left; padding: 0 0 0 8px; }

    .card .card-4-8 .card-left{ width: 33.33333333%; }
    .card .card-4-8 .card-right{ width: 66.66666667%; }

    .card .card-5-7 .card-left{ width: 41.66666667%; }
    .card .card-5-7 .card-right{ width: 58.33333333%; }

    .card .card-6-6 .card-left{ width: 50%; }
    .card .card-6-6 .card-right{ width: 50%; }

    .card .card-7-5 .card-left{ width: 58.33333333%; }
    .card .card-7-5 .card-right{ width: 41.66666667%; }

    .card .card-8-4 .card-left{ width: 66.66666667%; }
    .card .card-8-4 .card-right{ width: 33.33333333%; }
}

/* -- default theme ------ */
.card-default{
    border-color: #ddd;
    background-color: #fff;
    margin-bottom: 24px;
}
.card-default > .card-header,
.card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-body{  }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default > .card-right{ padding-left: 4px; }
.card-default p:last-child{ margin-bottom: 0; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }


/* -- price theme ------ */
.card-price{ border-color: #999; background-color: #ededed; margin-bottom: 24px; }
.card-price > .card-heading,
.card-price > .card-footer{ color: #333; background-color: #fdfdfd; }
.card-price > .card-heading{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-price > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-price > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-price > .card-left{ padding-right: 4px; }
.card-price > .card-right{ padding-left: 4px; }
.card-price .card-caption { color: #fff; text-align: center; text-transform: uppercase; }
.card-price p:last-child{ margin-bottom: 0; }

.card-price .price{
    text-align: center;
    color: #337ab7;
    font-size: 3em;
    text-transform: uppercase;
    line-height: 0.7em;
    margin: 24px 0 16px;
}
.card-price .price small{ font-size: 0.4em; color: #66a5da; }
.card-price .details{ list-style: none; margin-bottom: 24px; padding: 0 18px; }
.card-price .details li{ text-align: center; margin-bottom: 8px; }
.card-price .buy-now{ text-transform: uppercase; }
.card-price table .price{ font-size: 1.2em; font-weight: 700; text-align: left; }
.card-price table .note{ color: #666; font-size: 0.8em; }



#internPrompt a:link { color: #fff664; }
#internPrompt a:visited { color: #fff664; }
#internPrompt a:hover { color: #fff664; }
#internPrompt a:active { color: #fff664; }

#reflectionPrompt a:link { color: #fff664; }
#reflectionPrompt a:visited { color: #fff664; }
#reflectionPrompt a:hover { color: #fff664; }
#reflectionPrompt a:active { color: #fff664; }


.panel-plan-portfolio-link:hover {
    background-color: rgba(29, 154, 242, .1) !important;
}

.panel-plan-portfolio-link {
    background-color: #fff !important;
    box-shadow: 2px 3px 4px 0px #cccccc;
    margin-bottom: 8px;
    color: #9d0008;
}

.resumeTextHeader{
    font-size: 3.7vmin;
}

.resumeTextBody{
    font-size: 2.2vmin;
}

.resumeTextBodyBullets{
    font-size: 1.9vmin;
}

.resumeSkillsTwoCols {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-width: 300px;
    -moz-column-width: 300px;
    column-width: 300px;
    -webkit-column-rule: 0px outset #BDBDBD; /* Chrome, Safari, Opera */
    -moz-column-rule: 0px outset #BDBDBD; /* Firefox */
    column-rule: 0px outset #BDBDBD;
    -webkit-column-gap: 30px; /* Chrome, Safari, Opera */
    -moz-column-gap: 30px; /* Firefox */
    column-gap: 30px;

}