.vcenter {vertical-align: middle !important;}
.pull-center {float:inherit;margin: 0 auto;}
.vertical-align {display: flex;align-items: center;}
.img-modal{cursor: pointer !important;}
.label-as-badge {border-radius: 1em;}

.disabled-link {
    pointer-events: none;
}
.game-img-td {
    padding: 0!important;
    text-align: center!important;
    vertical-align: middle!important;
}
.tooltip-inner {
    max-width: 350px!important;
}
.tooltip.in {
    opacity: 1!important;
}

.game-img-td.editable-unsaved {
    background-color: #cccccc !important;
}

.td-unsaved {
    background-color: #cccccc !important;
}

.image-upload-div-btn
{
    overflow: hidden;
    position: relative;
}

.image-upload-input
{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    opacity: 0.01;
    z-index: -1;
}

/*input-spinner*/
.input-spinner {
    /*width: 100px;*/
}
.input-spinner input {
    text-align: right;
}
.input-spinner-vertical {
    position: relative;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
    display: table-cell;
}
.input-spinner-vertical > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 8px;
    margin-left: -1px;
    position: relative;
    border-radius: 0;
}
.input-spinner-vertical > .btn:first-child {
    border-top-right-radius: 4px;
}
.input-spinner-vertical > .btn:last-child {
    margin-top: -2px;
    border-bottom-right-radius: 4px;
}
.input-spinner-vertical i{
    position: absolute;
    top: 0;
    left: 4px;
}

/*table-no-border*/
.table-no-border{
    border: 0px solid transparent !important;
    border-style: none !important;
}
.table-no-border > tbody>tr>td {
    border: 0px solid transparent !important;
    border-style: none !important;
}

/*btn-div*/
.btn-div {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline: inherit !important;
    outline-offset: -2px;
    text-decoration: none;
    background-image: none !important;
    outline: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    cursor: default !important;
}

/*btn-div-success*/
.btn-div-success,
.btn-div-success:hover,
.btn-div-success:focus,
.btn-div-success:active,
.btn-div-success.active,
.open .dropdown-toggle.btn-div-success,
.btn-div-success:active,
.btn-div-success.active,
.open .dropdown-toggle.btn-div-success,
.btn-div-success.disabled,
.btn-div-success[disabled],
fieldset[disabled] .btn-div-success,
.btn-div-success.disabled:hover,
.btn-div-success[disabled]:hover,
fieldset[disabled] .btn-div-success:hover,
.btn-div-success.disabled:focus,
.btn-div-success[disabled]:focus,
fieldset[disabled] .btn-div-success:focus,
.btn-div-success.disabled:active,
.btn-div-success[disabled]:active,
fieldset[disabled] .btn-div-success:active,
.btn-div-success.disabled.active,
.btn-div-success[disabled].active,
fieldset[disabled] .btn-div-success.active{
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;

}
.btn-div-success .badge {
    color: #5cb85c;
    background-color: #fff;
}

/*btn-div-default*/
.btn-div-default,
.btn-div-default:hover,
.btn-div-default:focus,
.btn-div-default:active,
.btn-div-default.active,
.open .dropdown-toggle.btn-div-default,
.btn-div-default:active,
.btn-div-default.active,
.open .dropdown-toggle.btn-div-default,
.btn-div-default.disabled,
.btn-div-default[disabled],
fieldset[disabled] .btn-div-default,
.btn-div-default.disabled:hover,
.btn-div-default[disabled]:hover,
fieldset[disabled] .btn-div-default:hover,
.btn-div-default.disabled:focus,
.btn-div-default[disabled]:focus,
fieldset[disabled] .btn-div-default:focus,
.btn-div-default.disabled:active,
.btn-div-default[disabled]:active,
fieldset[disabled] .btn-div-default:active,
.btn-div-default.disabled.active,
.btn-div-default[disabled].active,
fieldset[disabled] .btn-div-default.active
{
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
.btn-div-default .badge {
    color: #ffffff;
    background-color: #999999;
}

/*btn-div-primary*/
.btn-div-primary,
.btn-div-primary:hover,
.btn-div-primary:focus,
.btn-div-primary:active,
.btn-div-primary.active,
.open .dropdown-toggle.btn-div-primary,
.btn-div-primary:active,
.btn-div-primary.active,
.open .dropdown-toggle.btn-div-primary,
.btn-div-primary.disabled,
.btn-div-primary[disabled],
fieldset[disabled] .btn-div-primary,
.btn-div-primary.disabled:hover,
.btn-div-primary[disabled]:hover,
fieldset[disabled] .btn-div-primary:hover,
.btn-div-primary.disabled:focus,
.btn-div-primary[disabled]:focus,
fieldset[disabled] .btn-div-primary:focus,
.btn-div-primary.disabled:active,
.btn-div-primary[disabled]:active,
fieldset[disabled] .btn-div-primary:active,
.btn-div-primary.disabled.active,
.btn-div-primary[disabled].active,
fieldset[disabled] .btn-div-primary.active
{
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}
.btn-div-primary .badge {
    color: #428bca;
    background-color: #fff;
}

/*btn-div-danger*/
.btn-div-danger,
.btn-div-danger:hover,
.btn-div-danger:focus,
.btn-div-danger:active,
.btn-div-danger.active,
.open .dropdown-toggle.btn-div-danger,
.btn-div-danger:active,
.btn-div-danger.active,
.open .dropdown-toggle.btn-div-danger,
.btn-div-danger.disabled,
.btn-div-danger[disabled],
fieldset[disabled] .btn-div-danger,
.btn-div-danger.disabled:hover,
.btn-div-danger[disabled]:hover,
fieldset[disabled] .btn-div-danger:hover,
.btn-div-danger.disabled:focus,
.btn-div-danger[disabled]:focus,
fieldset[disabled] .btn-div-danger:focus,
.btn-div-danger.disabled:active,
.btn-div-danger[disabled]:active,
fieldset[disabled] .btn-div-danger:active,
.btn-div-danger.disabled.active,
.btn-div-danger[disabled].active,
fieldset[disabled] .btn-div-danger.active
{
    color: #ffffff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-div-danger .badge {
    color: #d9534f;
    background-color: #fff;
}

/*btn-div-info*/
.btn-div-info,
.btn-div-info:hover,
.btn-div-info:focus,
.btn-div-info:active,
.btn-div-info.active,
.open .dropdown-toggle.btn-div-info,
.btn-div-info:active,
.btn-div-info.active,
.open .dropdown-toggle.btn-div-info,
.btn-div-info.disabled,
.btn-div-info[disabled],
fieldset[disabled] .btn-div-info,
.btn-div-info.disabled:hover,
.btn-div-info[disabled]:hover,
fieldset[disabled] .btn-div-info:hover,
.btn-div-info.disabled:focus,
.btn-div-info[disabled]:focus,
fieldset[disabled] .btn-div-info:focus,
.btn-div-info.disabled:active,
.btn-div-info[disabled]:active,
fieldset[disabled] .btn-div-info:active,
.btn-div-info.disabled.active,
.btn-div-info[disabled].active,
fieldset[disabled] .btn-div-info.active
{
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-div-info .badge {
    color: #5bc0de;
    background-color: #fff;
}

/*btn-div-warning*/
.btn-div-warning,
.btn-div-warning:hover,
.btn-div-warning:focus,
.btn-div-warning:active,
.btn-div-warning.active,
.open .dropdown-toggle.btn-div-warning,
.btn-div-warning:active,
.btn-div-warning.active,
.open .dropdown-toggle.btn-div-warning,
.btn-div-warning.disabled,
.btn-div-warning[disabled],
fieldset[disabled] .btn-div-warning,
.btn-div-warning.disabled:hover,
.btn-div-warning[disabled]:hover,
fieldset[disabled] .btn-div-warning:hover,
.btn-div-warning.disabled:focus,
.btn-div-warning[disabled]:focus,
fieldset[disabled] .btn-div-warning:focus,
.btn-div-warning.disabled:active,
.btn-div-warning[disabled]:active,
fieldset[disabled] .btn-div-warning:active,
.btn-div-warning.disabled.active,
.btn-div-warning[disabled].active,
fieldset[disabled] .btn-div-warning.active
{
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236
}
.btn-div-warning .badge {
    color: #f0ad4e;
    background-color: #fff;
}

.auto-wrapping-text{
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    word-wrap: break-word;      /* IE 5+ */
    white-space: -hp-pre-wrap;  /* HP Printers */
    white-space: -pre-wrap;     /* Opera 4-6 */
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}