@charset "utf-8";
/* CSS Document */
/* FORM FIELDS */

.cv-position-fixed {
    position: fixed;
    width: 15%;
}

.cv-image {
    background-position: center top;
    background-size: 200px;
    border: 1px solid #ccc;
    background-repeat: no-repeat;
    width: 200px !important;
    height: 200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.color-warning {
    background-color: orangered;
    color:white;
    font-weight:bold;
}
.color-red {
    font-weight:bold;
    color:#fff;
    background-color:red
}
.color-azure {
    font-weight: bold;
    color:darkblue;
    background-color:azure;
}
.color-green {
    font-weight: bold;
    color: #fff;
    background-color: forestgreen
}
.color-orange {
    font-weight: bold;
    color: #fff;
    background-color: coral
}
.color-yellow {
    font-weight: bold;
    color: saddlebrown;
    background-color: yellow;
}
.rowOdd {
    background-color: #b7b6b6;
}
.tableCol {
    padding: 5px;
    font-size: 11px;
    border-left: 1px #222 solid;
}

.tableColEnd {
    border-right: 1px #222 solid;
}

.tableColGrid {
    /*padding-left: 5px;
    padding-right: 5px;*/
    padding:5px;
}
.tableColGridRight {
    padding-left: 5px;
    padding-right: 5px;
    text-align:right;
}

.tableColGrid a {
    color:#FFF;
    text-decoration:none;
    font-weight:bold;
}

.tableRow {
    border-bottom: 1px solid #222;
    min-height: 36px;
    font-size: 11px;
}

.tableHead {
    font-weight:800;
    font-size:11px;

}
.tableHead a{
    color:#fff;
    text-decoration:none;
}

.tableHeadRow {
    background-color: darkgreen;
    border-bottom: 2px solid #222;
    min-height: 26px;
    font-weight: 800;
    font-size: 11px;
    color: #fff;
}

.tableHeadRow2 {
    background-color: #716558;
    border-bottom: 2px solid #222;
    min-height: 26px;
    font-weight: 800;
    font-size: 11px;
    color: #fff;
}

.tableHeadRow3 {
    background-color: #585450;
    border-bottom: 2px solid #222;
    min-height: 26px;
    font-weight: 800;
    font-size: 11px;
    color: #fff;
}
.rowList [class*="col-"] {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

.rowList {
    overflow: hidden;
}

.tableHeadRowRound1 {
    background-color: darkgreen;
    border-bottom: 2px solid #222;
    min-height: 26px;
    font-weight: 800;
    font-size: 11px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: left bottom;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.tableHeadRowRound2 {
    background-color: coral;
    border-bottom: 2px solid #222;
    min-height: 26px;
    font-weight: 800;
    font-size: 11px;
    color: #fff;
    background-repeat: no-repeat;
    background-position: left bottom;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btn-link:hover, .btn-link:focus {
    color: #ff6a00 !important;
 
}

@media screen and (max-width: 1600px) {

    .cv-position-fixed {
        width: 14%;
    }

    .cv-image {
        background-size: 120px;
        width: 170px !important;
        height: 170px !important;
    }
}

@media screen and (max-width: 1200px) {

    .cv-position-fixed {
        width: 22%;
    }

    .cv-image {
        background-size: 150px;
        width: 200px !important;
        height: 200px !important;
    }
}

@media screen and (max-width: 992px) {

    .cv-position-fixed {
        width: 30%;
    }

    .cv-image {
        background-size: 150px;
        width: 200px !important;
        height: 200px !important;
    }

}

@media screen and (max-width: 768px) {
    .cv-position-fixed {
        position:unset;
        width: 100%
    }

}