:root {
    --input-padding-x: .50rem;
    --input-padding-y: .50rem;
    --input-height: 2.5 rem;
}
html,
body {
    height: 100%;
    color: #2B3E4B;
    font-size: .9em;
}
html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
}
.footer {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*width: 100%;*/
    /* Set the fixed height of the footer here */
    /*    height: 50px;
        padding-left: 10px;
        line-height: 50px;
        background-color: #f5f5f5;*/
}
.bold{
    font-weight: bold;
}
.maincontainer{
    min-height: 95% !important;
}
.content{
    padding-top: 5px;
}
.text1{
    color:#0c5460;
}
.text2{
    color:#0056b3
}
.text3{
    color:#0062cc;
}
.text4{
    color: #2B3E4B;
}
.margin5{
    margin: 5px;
}
.ribbon{
    /*background-color:#034596;*/
    /*background-color:#436278;*/
    background-color:#2B3E4B;
    color: #fff;
    /*padding-bottom: 5px;*/
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}
.center{
    text-align: center;
}
.leftbar{
    color:#2B3E4B;
    /*font-size: .85em;*/
    padding: 20px 10px 20px 10px;
}
.skillset{
    text-align: left;
    padding: 10px 0 10px 0;
}
.progress-bar{
    background-color:#2B3E4B;
}
.progress{
    /*margin: 10px 0 10px 0;*/
    margin-bottom: 10px;
    height: 20px;
    color: #fff;
    font-weight: bold;
}

ul.tabs{
    /*margin: 0px !important;*/
    padding: 10px;
    list-style: none;
}
ul.tabs li{
    background:#ccc;
    border: 1px solid #ededed;
    color: #000;
    display: inline-block;
    /*padding: 10px 15px;*/
    padding: 5px;
    cursor: pointer;
    width: 110px;
    font-size: .8em;
    /*font-weight: bold;*/
    text-align: center;
}

ul.tabs li.current{
    color: #034596;
    font-weight: bold;
    background: none;
    border-bottom: none;
}

.tab-content{
    display: none;
    /*background: #ededed;*/
    padding: 15px;
}

.tab-content.current{
    display: inherit;
}
.card-text {
    /*font-size: .95em;*/
}
.card{
    margin: 5px;
}
.smallbox{
    border: 1px solid #034596;
    /*border-radius: 100%;*/
    padding: 5px;
    color: #fff;
    font-size: 0.9em;
    line-height: 40px;
    background-color :#2B3E4B;
    border-radius: 10px;
}
ul li{
    margin-left: -25px;
    /*line-height: 200%;*/
    /*padding: none!important;*/
    padding-bottom: 5px;
}