.bg-danger, .bg-success {
    padding: 0 5px;
}

a {
    color: #EF1F2F;
    text-decoration: none;
}
.fv-popover-button-menu{
    margin-top:-10px;
    margin-bottom:-10px;
    margin-left:-15px;
    margin-right:-15px;
}
.fv_error_with_border{
    margin: 10px;
}
.AjaxJsonClick{
    cursor: pointer;
}

.ActionByClick{
    cursor: pointer;
}

.AjaxJsonChange{
    cursor: pointer;
}



#fv_messages{
    padding-left: 5px;
    padding-right: 5px;
}
#content_login_form{
    width: 450px;
    height: 420px;
    background-color: #D7D7D7;
    margin-left:auto;
    margin-right:auto;
    margin-top: 100px;
    border: 1px solid #396382;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    height: auto;
}
.login-headline{
    margin-bottom:10px;
}
.login-headline h2 {
    background: transparent url("../../images/login_key.png") no-repeat scroll 12px 8px;
    background-color: #396382;
    color: #fff;
    font-size: 12px;
    line-height: 24px;
    margin: 0;
    padding: 5px 12px 5px 40px;
    border: 1px solid #396382;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.login-content{
    padding:15px;
    height: 170px;
}
.login-copy{
    padding-left:15px;
    padding-right:15px;
    padding-bottom:10px;
}
.login-content input{
    line-height: 16px;
    margin-bottom: 15px;
    padding: 9px 25px 9px 10px;
    width: 315px;
    border: 1px solid #396382;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#login-loader{
    background: rgba( 255, 255, 255, .8 )
    url('images/ajax_loader.gif')
    50% 50%
    no-repeat;
    width: 330px;
    padding:10px;

    height: 180px;
}
/** Border Radius für Input Felder**/
.form-group input {
    border: 1px solid #D2D6DE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.form-group select.form-control{
    border: 1px solid #D2D6DE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.form-group input:focus {
    background-color: lightyellow;
    border: 1px solid green;
}
.form-group textarea {
    border: 1px solid #D2D6DE;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.form-group textarea:focus {
    background-color: lightyellow;
    border: 1px solid green;
}
.typeahead { z-index: 1051; }
.input-group .input-group-addon {
    border-top: 1px solid #D2D6DE;
    border-bottom: 1px solid #D2D6DE;
    border-left: 1px solid #D2D6DE;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.input-group .input-group-addon:last-child {
    border-top: 1px solid #D2D6DE;
    border-bottom: 1px solid #D2D6DE;
    border-left: 0px;
    border-right: 1px solid #D2D6DE;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-bottom-left-radius: 0px;

}
.input-group-btn > .btn {
    border-top: 1px solid #D2D6DE;
    border-bottom: 1px solid #D2D6DE;
    border-left: 1px solid #D2D6DE;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}



.tabs-left, .tabs-right {
    border-bottom: none;
    padding-top: 2px;
}
.tabs-left {
    border-right: 1px solid #ddd;
}
.tabs-right {
    border-left: 1px solid #ddd;
}
.tabs-left>li, .tabs-right>li {
    float: none;
    margin-bottom: 2px;
}
.tabs-left>li {
    margin-right: -1px;
}
.tabs-right>li {
    margin-left: -1px;
}
.tabs-left>li.active>a,
.tabs-left>li.active>a:hover,
.tabs-left>li.active>a:focus {
    border-bottom-color: #ddd;
    border-right-color: transparent;
}

.tabs-right>li.active>a,
.tabs-right>li.active>a:hover,
.tabs-right>li.active>a:focus {
    border-bottom: 1px solid #ddd;
    border-left-color: transparent;
}
.tabs-left>li>a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display:block;
}
.tabs-right>li>a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
}
.vertical-text {
    margin-top:50px;
    border: none;
    position: relative;
}
.vertical-text>li {
    height: 20px;
    width: 120px;
    margin-bottom: 100px;

}
.vertical-text>li>a {
    border-bottom: 1px solid #ddd;
    border-right-color: transparent;
    text-align: center;
    border-radius: 4px 4px 0px 0px;
    color: #444444;
}
.vertical-text>li>a,
.vertical-text>li>a:focus {
    border-bottom-color: transparent;
    border-right-color: #ddd;
    border-left-color: #ddd;
    border-top-color: #ddd;
    background-color:#FFFFFF;
    color: #777;
}
.vertical-text>li>a:hover{
    border-bottom-color: transparent;
    border-right-color: #ddd;
    border-left-color: #ddd;
    border-top-color: #ddd;
    background-color:#396382;
    color: #FFFFFF;
}
.vertical-text>li.active>a,
.vertical-text>li.active>a:hover,
.vertical-text>li.active>a:focus {
    border-bottom-color: transparent;
    border-right-color: #396382;
    border-left-color: #396382;
    background-color:#396382;
    color: #ffffff;
}
.vertical-text.tabs-left {
    left: -50px;
}
.vertical-text.tabs-right {
    right: -50px;
}
.vertical-text.tabs-right>li {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.vertical-text.tabs-left>li {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.fv_fibu_table{
    max-height: calc(100vh - 380px);
    overflow-y: auto;
}

.fv_scroll_table{
    max-height: calc(100vh - 380px);
    overflow-y: auto;
}
/******************** Turnament Schedule*****************************/
.fv-turnament-schedule-table {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    /*width: 100%;*/
}
.fv-turnament-schedule-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #cecece;
    color: black;
}
.fv-turnament-schedule-table tr.headline {
    height: 40px;
}
.fv-turnament-schedule-table td.fv-turnament-schedule-data-col {
    min-width: 180px;
}
.fv-turnament-schedule-table td.fv-turnament-schedule-zero-col{
    width: 20px;
}
.fv-turnament-schedule-table td {
    height: 40px;
}

.fv-turnaments-popover-class{
    min-width: 400px;
}

.btn-fc365{
    color: #FFF;
}
.btn-fc365:hover,
.btn-fc365:active,
.btn-fc365.hover {
    color:#FFF;
}
.btn-fc365 {
    background-color: #396382;
    border-color: #396382;
}
.btn-fc365:hover,
.btn-fc365:active,
.btn-fc365.hover {
    background-color: #367fa9;
}
.col-md-offset-3 {
    margin-left: 25%;
}


.box.box-fc365 {
    border-top-color: #396382;
}
.box.box-solid.box-fc365 {
    border: 1px solid #396382;
}
.box.box-solid.box-fc365 > .box-header {
    color: #ffffff;
    background: #396382;
    background-color: #396382;
}
.box.box-solid.box-fc365 > .box-header a,
.box.box-solid.box-fc365 > .box-header .btn {
    color: #ffffff;
}
.fv_table{
    max-height: calc(100vh - 380px);
    overflow-y: auto;
}

.fv_table2{
    max-height: calc(100vh - 345px);
    overflow-y: auto;
}

.fv_table3{
    max-height: calc(100vh - 380px);
    min-height: 200px;
    overflow-y: auto;
}

.fv_select_list, .fv_select_list_overlay, .fv_select_list_overlayID{
    cursor: pointer;
}

.nav-tabs-custom > .nav-tabs365 {
    margin: 0;
    border-bottom-color: #f4f4f4;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.nav-tabs-custom > .nav-tabs365 > li {
    border-top: 3px solid transparent;
    margin-bottom: -2px;
    margin-right: 5px;
}
.nav-tabs-custom > .nav-tabs365 > li.disabled > a {
    color: #777;
}
.nav-tabs-custom > .nav-tabs365 > li > a {
    color: #444;
    border-radius: 0;
}
.nav-tabs-custom > .nav-tabs365 > li > a.text-muted {
    color: #999;
}
.nav-tabs-custom > .nav-tabs365 > li > a,
.nav-tabs-custom > .nav-tabs365 > li > a:hover {
    background: transparent;
    margin: 0;
}
.nav-tabs-custom > .nav-tabs365 > li > a:hover {
    color: #999;
}
.nav-tabs-custom > .nav-tabs365 > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs365 > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs365 > li:not(.active) > a:active {
    border-color: transparent;
}
.nav-tabs-custom > .nav-tabs365 > li.active {
    border-top-color: #396382;
}
.nav-tabs-custom > .nav-tabs365 > li.active > a,
.nav-tabs-custom > .nav-tabs365 > li.active:hover > a {
    background-color: #fff;
    color: #444;
}
.nav-tabs-custom > .nav-tabs365 > li.active > a {
    border-top-color: transparent;
    border-left-color: #f4f4f4;
    border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs365 > li:first-of-type {
    margin-left: 0;
}
.nav-tabs-custom > .nav-tabs365 > li:first-of-type.active > a {
    border-left-color: transparent;
}
.fv-login-form-div{
    margin: auto; max-width: 400px;
}
.fv-login-logo{
    margin: auto;
    text-align: center;
    margin-top:10px;
    margin-bottom: 10px;
}

.fv-crop-img-container img{
    max-width: 100%;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'FontAwesome';  /* essential for enabling glyphicon */
    content: "\f068";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";    /* adjust as needed, taken from bootstrap.css */
}

.pointer{
    cursor: pointer;
}

/*Dialiog Overlay*/
.modal > .overlay,
.overlay-wrapper > .overlay,
.modal > .loading-img,
.overlay-wrapper > .loading-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal .overlay,
.overlay-wrapper .overlay {
    z-index: 50;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
}
.modal .overlay > .fa,
.overlay-wrapper .overlay > .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    color: #000;
    font-size: 30px;
}
.modal .overlay.dark,
.overlay-wrapper .overlay.dark {
    background: rgba(0, 0, 0, 0.5);
}

/*Autocomplete */
table.table-autocomplete {
    width: 100%;
}
table.table-autocomplete thead tr {
    border-bottom: solid 1px #B6B6B6;
}
table.table-autocomplete thead tr th {
    padding: 5px;
}
table.table-autocomplete .ui-menu-item td {
    border-left: solid 1px #B6B6B6;
    padding: 5px;
}

/*Autocomplete */

.fancytree-container {
    border: none !important;
}
.fancytree-treefocus {
    outline: none;
}

span.drag-source {
    border: 1px solid grey;
    border-radius: 3px;
    padding: 2px;
    background-color: silver;
}

#draggableSample, #droppableSample {
    height:100px;
    padding:0.5em;
    width:150px;
    border:1px solid #AAAAAA;
}
#draggableSample {
    background-color: silver;
    color:#222222;
}
#droppableSample {
    background-color: maroon;
    color: white;
}
#droppableSample.drophover {
    border: 1px solid green;
}

#tree ul.fancytree-container {
    float: left;
}

span.fancytree-node.fancytree-drag-source {
    outline: 1px dotted grey;
}
span.fancytree-node.fancytree-drop-accept {
    outline: 1px dotted green;
}
span.fancytree-node.fancytree-drop-reject {
    outline: 1px dotted red;
}

span.trashcan {
    border: 1px solid #f5c6cb;
    background-color: #f8d7da;
    color: #721c24;
    padding: 1px 3px;
}

.crop-text-1 {
    -webkit-line-clamp: 1;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.crop-text-2 {
    -webkit-line-clamp: 2;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.scroll-wrap {
    max-height: 50vh;
    overflow-y: auto;
}

.border-1 {
    border-width:1px !important;
}
.border-2 {
    border-width:2px !important;
}
.border-3{
    border-width:3px !important;
}

.hidden{
    display: none !important;
}


.nav-tabs .fv-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:not(.active) {
    border-color: transparent !important;
}
.nav-tabs .fv-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background: rgba(0,0,0,0.03);

}

.fv-toast{
    min-width: 250px;
}

.card-scroll {
    max-height: 100px;
    overflow-y: auto;
}

.table-scroll {
    min-height: 180px;
    max-height: calc(100vh - 420px);
    overflow-y: auto;
}
.table-scroll-med {
    min-height: 180px;
    max-height: calc(100vh - 320px);
    overflow-y: auto;
}
.table-scroll-big {
    min-height: 180px;
    max-height: calc(100vh - 270px);
    overflow-y: auto;
}

.table-scroll-over {
    min-height: 180px;
    max-height: calc(100vh);
    overflow-y: auto;
}
/* active tab color */
.datepicker,
.table-condensed {
    width: 100%;
    height: 100%;
}

.select2-container--bootstrap{
    width: 150px !important;
}

.popover-footer {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    background-color: #F7F7F7;
    border-bottom: 1px solid #EBEBEB;
    border-radius:  0 0 5px 5px;
}

.fv-dropzone {
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
    min-height: 100px;
    margin: 2px;
    padding: 2px;
}
.fv-dropzone .dz-message {
    font-weight: 400;
}
.fv-dropzone .dz-message .note {
    font-size: 0.8em;
    font-weight: 200;
    display: block;
    margin-top: 1.4rem;
}
.fv-sticky-div {
    position:-webkit-sticky;
    position:sticky;
    top:0;
}
.demo-icon
{
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: never;


    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .6em;

    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .6em;

    /* You can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.fv-dragable:hover {
    cursor:move;
}

.btn-app-fv{
    border-radius:3px;
    background-color:#f8f9fa;
    border:1px solid #ddd;
    color:#6c757d;
    font-size:14px;
    height:70px;
    margin:0 0 10px 10px;
    min-width:100px;
    padding:15px 5px;
    position:relative;
    text-align:center
}
.btn-app-fv>.fa,.btn-app-fv>.fas,.btn-app-fv>.far,.btn-app-fv>.fab,.btn-app-fv>.glyphicon,.btn-app-fv>.ion{
    display:block;
    font-size:25px
}
.btn-app-fv:hover{
    background:#f8f9fa;
    border-color:#aaa;
    color:#444
}
.btn-app-fv:active,.btn-app:focus{
    box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
}
.btn-app-fv>.badge{
    font-size:10px;
    font-weight:400;
    position:absolute;
    right:-10px;top:-3px
}