.text-red{
    color: #dd4b39;
}
.text-green{
    color: #00a65a;
}

.card .card-header {
    padding: 20px 20px 0px 20px !important;
}
.card .card-header a {
    color: white;
    float: right;
    font-size: 14px !important;   
}

.text-v-middle {
    vertical-align: middle !important;
}
.md-modal{
    z-index: 11111111111 !important;
}
.md-overlay{
    z-index: 1111111111 !important
}

.pcoded-datetime {
    color: #ddd;
    padding: 12px 12px 0px 12px;
    font-weight: bold;
}
.pcoded-timer {
    font-size: 40px;
}

select.form-control, select.form-control:focus, select.form-control:hover {
    border: 1px solid #ccc;
}
select.form-control:not([size]):not([multiple]) {
    height: auto;
}
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #FFF url('../images/select-arrow.png') no-repeat right 12px top 15px;
    padding-right: 20px !important;
    text-overflow: ellipsis;
}

.set_card_main_container{
    border: 2px dashed #ccc;
}
.set_card_container{
    cursor: all-scroll;
    padding: 5px;
}
.set_card_img_container{
    position: relative;
    width: 100%;
}
.set_card_img{
    width: 100%;
    height: 100%;
}
.set_card_name{
    padding: 2px 4px;
    font-size: 12px;
    margin-top: 8px;
    margin-bottom: 5px;
}

.checkbox-zoom.zoom-warning{
    width: 100%;
    text-align: center;
}
.checkbox-zoom label{
    line-height: 16px !important;
    cursor: pointer;
    margin-bottom: 0px !important;
}
.cr{
    margin-right: 5px !important;
    height: 16px !important;
    width: 16px !important;
}

fieldset.stars {
    display: inline-block;
    margin: 0 auto;
}
input.star { display: none; }
label.star {
    float: right;
    padding: 1px;
    font-size: 14px;
    color: #444;
    transition: all .2s;
}
input.star:checked ~ label.star:before {
    content: '\f005';
    color: #FD4;
    transition: all .25s;
}
label.star:hover { transform: rotate(-15deg) scale(1.3); }
label.star:before {
    content: '\f006';
    font-family: FontAwesome;
}

.card_action_add{
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    color: white;
    cursor: pointer;
    padding: 1px 4px;
}
.card_action_update{
    position: absolute;
    top: 0;
    right: 0;
    background: blue;
    color: white;
    cursor: pointer;
    padding: 1px 4px;
}
.check_switch{
    margin: 0px auto 8px;
}

.set_dot{
    position: absolute;
    left: 5px;
    top: 5px;
}
.dot_active {
    height: 10px;
    width: 10px;
    background-color: #00ff00;
    border-radius: 50%;
    display: inline-block;
}
.dot_inactive {
    height: 10px;
    width: 10px;
    background-color: #ff0000;
    border-radius: 50%;
    display: inline-block;
}

.img_card_list {
    width: 45px;
    height: 60px;
    background-size: cover;
    background-position: center;
    float: left;
    margin: 4px 2px 0px 2px;
    border: 3px #fff solid;
    border-radius: 3px;
}
.golden_card{
    border: 3px #FFDF00 solid;
}
.hide{
    display: none;
}

#user-view tr td{white-space: normal;}
#user-view tr .td-title{width: 200px;}
.login-img img{max-width: 250px;}
.update_rewards_pts #rewards_pts{
    display: inline-block;
    width: 120px;
    text-align: center;
}

.update_rewards_pts .div-reward{display: inline-block;}
.update_rewards_pts .div-btn{display: inline-block;vertical-align: top;}
.update_rewards_pts #btn_update_points{
    padding: 5px 10px 5px 10px;
    margin: 0;
    vertical-align: initial;
}
.update_rewards_pts .text-danger{font-size: 11px;}
.form-control:focus {
    box-shadow: none !important;
}
.div_print_btn{position: absolute;top: 10px;right: 20px;}
.div_print_btn a{padding: 5px 10px 5px 10px;}
.fld-password{position: relative;}
.fld-password .refresh-pass{
	position: absolute;
	top: 0px;
	right: 15px;
	background: #263544;
	padding: 6px 10px 6px 10px;
	cursor: pointer;
}
.fld-password .refresh-pass .feather{color: white;}
.text-v-middle.text-wrap{white-space: normal;}