.form-control{

    color: #6f6f6f;

}

table tr th,

table tr td{

    vertical-align: middle !important;

}

a.logo{

    margin: 14px 0 0 10px !important;

}

.req {

    color: red;

    margin: 0 2px 0 4px;

    display: inline-block;

}

.profile-photo {

    width: 150px;

    height: 150px;

    background-size: cover;

    margin: 0 auto;

    border-radius: 50%;

    background-position: center;

    border: 4px solid #ccc;

    position: relative;

    display: table;

}

.profile-photo span.name-initial{

    text-align: center;

    vertical-align: middle;

    font-size: 64px;

    font-weight: 600;

    color: #ccc;

    display: table-cell;

}

.profile-photo .ico-edit {

    display: table-cell;

    background-color: #00b3e5;

    border: 1px solid #00b3e5;

    border-radius: 50%;

    color: #fff;

    width: 32px;

    height: 32px;

    text-align: center;

    float: right;

    padding-top: 6px;

    font-size: 16px;

    cursor: pointer;

    position: absolute;

    right: 5px;

}

.uploader p {

    font-size: 11px;

    text-align: center;

    margin: 6px 0;

    color: #8d8d8d;

}

.btn-browse {

    display: none !important;

}

.img-viewer img{

    width: 100%;

}

.list-thumb {

    background-size: cover;

    background-position: center center;

    width: 32px;

    height: 32px;

}

.radio, .checkbox{

    padding-left: 0 !important;

}

.panel-heading{

    font-size: 16px !important;

}

.pwd-caption {

    font-size: 10px !important;

    text-align: right;

    display: block;

    margin: 2px;

}

.sec-search{

    margin-bottom: 15px;

}

.list-actions a{

    text-decoration: none;

    margin: 0 3px;

}

.list-actions a i{

    /* color: #1fb5ad; */
    color: #97b325;

    font-size: 19px;

}

.pagination{

    margin: 0 0 15px 0;

}

.pagination li a:hover, 

.pagination li a.current_page {

    background: none repeat scroll 0 0 #2eb4ad;

    border: 1px solid #2eb4ad;

    color: #fff;

    text-decoration: none;

}

.modal-header .close{

    margin-top: -17px !important;

}

table.tbl-view tr:first-child th,

table.tbl-view tr:first-child td{

    border: none;

}



/*+=================

Common Classes

================+**/

.w-50{

    width: 50px;

}

.w-75{

    width: 75px;

}

.w-100{

    width: 150px;

}

.w-150{

    width: 200px;

}

.d-none{

    display: none;

}

.font-weight-bold{

    font-weight: bold;

}

.th-bg{

    background-color: #f6f6f6;

}

/* wizard user form */

#wizard-vertical{

    position: relative;

}

#wizard-vertical .sec-1{

    position: relative !important;

}

#wizard-vertical > .content{

    min-height: 30em !important;

}

#wizard-vertical > .actions{

    float: none !important;

    text-align: left !important;

    margin: 0 !important;

    position: absolute;

    left: 56px;

    top: 360px;

}



.media-gal .item img{

    height: auto;

    max-height: 200px;

}