.swapImg img:last-child {
    display: none;
}

.swapImg:hover img:first-child {
    display: none;
}

.swapImg:hover img:last-child {
    display: inline-block;
}

.overflow {
    overflow: auto !important;
}

.overflow-x {
    overflow-x: auto !important;
}

.overflow-y {
    overflow-y: auto !important;
}

.resize-none {
    resize: none !important;
}

.resize-x {
    resize: horizontal !important;
}

.resize-y {
    resize: vertical !important;
}

.word-break {
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    word-break: break-all;
}

.nowrap {
    white-space: nowrap;
}

.text-red {
    color: red !important;
}

.text-green {
    color: green !important;
}

.text-blue {
    color: blue !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.text-justify {
    text-align: justify !important;
}

.border-no {
    border-width: 0 !important;
}

.border-no-top {
    border-top-width: 0 !important;
}

.border-no-bottom {
    border-bottom-width: 0 !important;
}

.border-no-left {
    border-left-width: 0 !important;
}

.border-no-right {
    border-right-width: 0 !important;
}

.valign-top, tr.valign-top > td, tr.valign-top > th {
    vertical-align: top !important;
}

.valign-middle, tr.valign-middle > td, tr.valign-middle > th {
    vertical-align: middle !important;
}

.valign-bottom, tr.valign-bottom > td, tr.valign-bottom > th {
    vertical-align: bottom !important;
}

.ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
}





.i-am-centered
{
    margin: auto;
    width: 20%;
}

.i-am-centered-3
{
    margin: auto;
    width: 60%;
}
.i-am-centered-4
{
    margin: auto;
    width: 80%;
}


.newrow {
    display: flex;
    flex-wrap: wrap;
    padding-top: 25px;
}

.board_box {
    text-align: center;
    float: left;
    width: 185px;
    height: 300px;
}

.img-rounded {
    height: 170px;
    width: 170px;
}

.img-rounded-modal {
    height: 170px;
    width: 170px;
}

.emp-data .img-thumbnail {
    width: 170px;
    height: 170px;
    border-width: 0;
}

.modal .emp-detail-title {
    color: #00aff0;
    font-weight: bold;
}

@media only screen and (max-width: 1079px) {
    .i-am-centered {
        margin: auto;
        width: 100%;
    }

    .i-am-centered-3 {
        margin: auto;
        width: 100%;
    }

    .img-rounded {
        height: 250px;
        width: 250px;
    }

    .board_box {
        text-align: center;
        width: 100%;
        height: 370px;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
    }
}