/*
* (c) 2014 Evangelisches Jugendwerk in Württemberg
*/

body {
    color: #333333;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 14px;
    line-height: 21px;
}

.shadow {box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.25);}
.clear {clear:both;}

h1, h2, h3, h4, h5, h6 {color: #333333;font-family: 'Roboto Condensed',sans-serif;font-weight: normal;line-height: 21px;margin: 10px 0;text-rendering: optimizelegibility;}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {color: #AAAAAA;font-weight: normal;line-height: 1;}
h1, h2, h3 {line-height: 42px;}

h1 {font-size: 35px;font-weight: normal;line-height: 52.5px;}
h1.page-title  {margin-top:25px;margin-bottom:40px;}
h1.page-title2 {margin-top:25px;margin-bottom:0px;}

h2 {font-size: 22px;line-height: 28px;margin-top: 20px;margin-bottom: 20px; padding-bottom: 15px;}
h2.page-title {margin-top:25px;}
h2.border {border-bottom: 1px dotted #AAAAAA;}

h3 {font-size: 18px;line-height: 26px;margin-top: 30px;margin-bottom: 20px;padding-bottom: 15px;}
h3.border {border-bottom: 1px solid #AAAAAA;}

h4 {font-size: 14px;font-weight: bold;line-height: 20px;}
h2.sportNav {margin:12px 0;padding:0;}
h3.sportNav {margin:0;padding:0;}

.blue {color: #0064CD;}
.white {color: #FFFFFF;}
.white > a {color: #FFFFFF;}
.italic {
    color: #999999;
    font-style: italic;
}
.page-header {
    border-bottom: 1px solid #F1F1F1;
    margin: 21px 0 32px;
    padding-bottom: 10px;
}
a {
    color: #D11D1E;
    font-style: inherit;
    text-decoration: none;
}
a:hover {
    color: #B40100;
}
[data-hovercursor^="true"]:hover {
    cursor: pointer;
}
.grayLink {
    font-size: 12px;
    margin-top: 0;
    padding-top: 0;
}
.grayLink i {
    margin-top: 0;
}
.blackLink {
    color: #000000;
}
.blackLink:hover {
    color: #0064CD;
}
a:focus {
    outline: medium none;
}
ul, ol {
    margin: 0 0 10px 25px;
    padding: 0;
}
ul ul, ul ol, ol ol, ol ul {
    margin-bottom: 0;
}
li {
    line-height: 21px;
}
ul.unstyled, ol.unstyled {
    list-style: none outside none;
    margin-left: 0;
}
ul.noListStyle {
    margin-left: 0;
}
ul.noListStyle li {
    list-style-type: none;
}

hr {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #999999 -moz-use-text-color #FFFFFF;
    border-image: none;
    border-left: 0 none;
    border-right: 0 none;
    border-style: dotted none solid;
    border-width: 1px 0;
    margin: 21px 0;
}


/*
* Custom Styles FE
*
*
*********************************************************************************************************************************************************************/
.doubleDivider {
    border-bottom: 1px dotted #AAAAAA;
    border-top: 1px dotted #AAAAAA;
    clear: both;
    margin-bottom: 15px;
    margin-top: 10px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.dividerHeadline {
    color: #999999;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

ol.sportMenu, ol.sportMenu ol {margin: 0 0 0 15px;padding: 0;list-style-type: none;}
ol.sportMenu {margin: 10px 0 0 0px}

.sportMenu li {margin: 5px 0 0 0;padding: 0;}
.sportMenu li div {font-size:14px;}
.sportMenu li div a {color:#333333;}
.sportMenu li div a.active {font-weight:bold;}

.disclose {cursor: pointer;width: 20px;display: inline-block;padding:3px 0;font-weight:bold;}
.sportMenu li.sportMenu-collapsed > ol {display: none;}
.sportMenu li.sportMenu-branch > div > .disclose {display: inline-block;}
.sportMenu li.sportMenu-collapsed > div > .disclose > span:before {
    content:"icon";
    text-indent:-999em;
    display:block;
    background:url(/img/icons-g/glyphicons_halflings_080_plus-sign.png) 0 4px no-repeat;
    margin:0;
}
.sportMenu li.sportMenu-expanded > div > .disclose > span:before {
    content:"icon";
    text-indent:-999em;
    display:block;
    background:url(/img/icons-g/glyphicons_halflings_081_minus-sign.png) 0 4px no-repeat;
    margin:0;
}


.breadcrumb {
    background-color: #F5F5F5;
    border-radius: 0 0 0 0;
    list-style: none outside none;
    margin: 0 0 21px;
    padding: 8px 15px;
}
.breadcrumb li {
    display: inline-block;
    text-shadow: 0 1px 0 #FFFFFF;
}
.breadcrumb .divider {
    color: #CCCCCC;
    padding: 0 5px;
}
.breadcrumb .active {
    color: #AAAAAA;
}
.breadcrumb {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px dotted #AAAAAA;
    border-radius: 0 0 0 0;
    color: #999999;
    font-style: italic;
    list-style: none outside none;
    margin-bottom: 15px;
    padding: 8px 0 10px;
}
.breadcrumb li {
    display: inline-block;
    font-size: 12px;
    text-shadow: none;
}
.breadcrumb .divider {
    padding: 0 5px;
}
.breadcrumb a {
    color: #999999;
}
.breadcrumb a:hover {
    text-decoration: underline;
}

table.eventTableFe th {background-color:#f1f1f1;font-size:14px;padding-top:20px;color:#333333}
table.eventTableFe th,td {border-color:#f1f1f1;}
table.eventTableFe td {border-color:#f1f1f1;padding:9px 5px;}
table.eventTableFe tr td:first-child {padding:5px;border-left-width: 0}
table.eventTableFe tr td:last-child {border-right-width: 0}
table.eventTableFe tr.odd   {background-color: #f5f5f5;}
table.eventTableFe tr.even  {background-color: #ffffff;}

table.eventTableFe td.regUnconfirmed{color:#aaa}

.rightContainer {margin:30px 0}

.tourneyHead        {background-color: #f5f5f5;padding:5px 10px;font-size:12px;font-family: 'Roboto Condensed',sans-serif}
.tourneyHead .left  {float:left;}
.tourneyHead .right {float:right;text-align:right;}
.tourneyContent     {margin:20px 0 30px 0}

.sportIcon {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 0px 5px 0 -1px;
    vertical-align: middle;
}
.sportIcon.icon1 {background: url("/img/icons/icon-fussball.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.sportIcon.icon2 {background: url("/img/icons/icon-handball.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.sportIcon.icon3 {background: url("/img/icons/icon-indiaca.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.sportIcon.icon4 {background: url("/img/icons/icon-volleyball.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}


.eventEventList {padding:3px 0}

/*
* Custom Styles
*
*
*********************************************************************************************************************************************************************/
/* fügt allen Bildern in service/index in der Klasse content-container die Attribute wie bei img-responsive zu */
.content-container img {
    display: block;
    height: auto;
    max-width: 100%;

}

/* Black HeaderBlock */
#headerBlock {background: none repeat scroll 0 0 #424242;height: 35px;}
#headerBlockWrap {position: relative;z-index: 10;}
#leftWrap {color:#838383;float: left;margin: 0 0 0 10px;padding: 6px 0 0 0}
#leftWrap a,#leftWrap a:hover,#leftWrap a:focus {font-style:italic;color:#D11D1E}

#userWrap {color:#bbbbbb;float: right;margin: 7px 20px 7px 0;padding: 0 10px 0 0;border-right:1px solid #999999}
#userWrap a {padding:0 5px;color:#bbbbbb;text-decoration: none}
#userWrap span.username {font-family: 'Roboto Condensed',sans-serif;font-size: 14px;vertical-align: bottom;line-height:16px;}

#rightWrap {color:#999999;float: right;margin: 0 8px 0 0;padding: 5px 0 0 0;font-size:12px;}
#rightWrap div {padding:2px 15px 0 0;vertical-align:top;float:left;text-decoration: none}

#linkWrap {float: left;margin: 7px 0px 7px 20px;padding: 0 0 0 10px;border-left:1px solid #999999}
#linkWrap a {padding:0 10px;}
#linkWrap a:hover {color:#999999;}

.eklogo1 {font-family: 'Roboto Condensed',sans-serif;font-size: 14px;color:#bbbbbb;}
.eklogo2 {font-family: 'Roboto Condensed',sans-serif;font-size: 14px;color:#bbbbbb;}


/* Header */
#headerMenuWrap {background: none repeat scroll 0 0 #FFFFFF;position: relative;z-index: 50;}
#logoWrap       {float: left;margin: 10px 0 0 30px;}
#menuWrap       {float: right;text-align: right;}
#laufteamWrap   {float: left;width:60px;padding:57px 0 0 28px}
#laufteamWrap img {width:60px;}


.headerLeft  {height: 120px;position: relative;z-index: 50;}
.headerLeft img {padding-top:26px}
.headerRight {height: 100px;position: relative;z-index: 50;text-align:right;}



#logoWrapFe {float: left;margin: 40px 0 0 0;}
#logoWrapFe h1 {margin:0}

/* Gray FooterBlock */
#footerBlock {background: none repeat scroll 0 0 #424242;color:#999999}
#footerBlock .container {margin-bottom: 0}
#footerBlock strong {color:#999999}

#footerMenuLeft {margin:30px 0;}
#footerMenuLeft a {padding-right:15px;font-style: italic}

/* Footer */
#footerBlock .spendenBtn {font-size: 0;position: absolute;right: 50px;top: -25px;}
.icon-spenden {background-position: -10px -10px;height: 100px;width: 209px;}
.spendenBtn {background: url("/img/spenden.png") no-repeat scroll left top transparent;}

.socialIconsMenu, .partnerLogoMenu {display: inline-block;margin: 10px 0;}
.partnerLogoMenu a {margin-right: 20px;}

.icon-partnerLogos {
    background: url("/img/ejw-partner-logos.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: inline-block;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
}
.icon-cvjm {
    background-position: -10px -10px;
    height: 43px;
    width: 50px;
}
.icon-cvjm:hover {
    background-position: -10px -63px;
    height: 43px;
    width: 50px;
}
.icon-landeskirche {
    background-position: -10px -116px;
    height: 43px;
    width: 100px;
}
.icon-landeskirche:hover {
    background-position: -10px -169px;
    height: 43px;
    width: 100px;
}
.icon-aej {
    background-position: -10px -222px;
    height: 41px;
    width: 73px;
}
.icon-aej:hover {
    background-position: -10px -273px;
    height: 41px;
    width: 73px;
}



/* Rotierter Text */

.text-vertical {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background: none;
    font-size:14px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.worldimgContainer {padding-top:10px;}
.worldimg {float:left;height:30px;padding-right:20px;}
.worldimg {
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);

    filter: url('/img/gray.svg#grayscale');
    filter: gray;
}
.worldimg:hover, .worldimg.active {
    -webkit-filter: none;
    filter: none;
}
.logoimg {padding:25px 0 0 25px}


/* Login Header */
#loginHeader    {background: none repeat scroll 0 0 #FFFFFF;position: relative;z-index: 50;width:500px;margin: 100px auto;padding:30px;}
#privacyHeader  {background: none repeat scroll 0 0 #FFFFFF;position: relative;z-index: 50;width:980px;margin: 100px auto;padding:30px;}

/* you can add any custom css code for any class, id, tags and anything here, it will be active.. */
#login-logo {max-width:35%; float:right;}
.inlineError{color:#a94442;padding-top:2px;}
#login-password {padding-left:100px;}


.grayBox {
    margin: 0 0 40px 0;
    padding:20px 20px 20px 20px;
    background: none repeat scroll 0 0 #F1F1F1;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
}

.txtsmall {font-size:9px;font-family: 'Roboto Condensed',sans-serif;}
.txtmedium {font-size:13px;font-family: 'Roboto Condensed',sans-serif;}

.row-inputStatus {margin-bottom:5px;margin-top:-15px;}

/* Menu
=========================================================*/
#menuWrap ul{ list-style-type:none; margin:0; padding:0;display:block;float:right;padding-top: 20px; }
#menuWrap li { padding:0; margin:0;border-left: 1px dotted #E5E5E5;}
#menuWrap li a {
    font-family: 'Roboto Condensed',sans-serif;
    display:block;
    text-align:center;
    color: #5E5E5E;
    line-height: 1;
    text-decoration:none;
    font-size: 16px;
    margin: 0 8px 5px;
    padding: 5px 0;
}
#menuWrap li a:hover {color:#000000;}
#menuWrap ul ul,#menuWrap ul ul ul {
    display:none;
    position:absolute;
    z-index:999;
    background: none repeat scroll 0 0 #F1F1F1;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.25);
    padding: 20px;
    margin: 0;
    border: 1px solid #ccc;
}
#menuWrap li li,#menuWrap li li li { border:none; }
#menuWrap li li a,#menuWrap li li li a {
    margin: 0 8px 4px;
    padding: 8px 0;
    color: #5E5E5E;
    text-align:left;
    height:auto;
    line-height:1;
    width:auto;
    border:none;
}
#menuWrap li li a:hover{color:#000000;border-width:0;}
#menuWrap a {background:none !important}

#menuWrap ul.nav li.dropdown:hover > ul.dropdown-menu { display: block;}

* html li li { display:inline; } /* IE6 Bugfix... */

/* Responsive Menu */
#menuWrap .responsiveMenu ul.navigation  {display:none;}
#menuWrap .responsiveMenu ul{ list-style-type:none; margin:0; padding:0;display:block;float:right;width:100%}
#menuWrap .responsiveMenu li {padding:0; margin:0;border: 1px dotted #E5E5E5;border-width:0 0 1px 0;float:none}
#menuWrap .responsiveMenu li:last-child {border-width:0px;}
#menuWrap .responsiveMenu li a:hover {color:#000000;border: 0px dotted #E5E5E5;}
#menuWrap .responsiveMenu li a {font-size: 21px; line-height: 31.5px;height:auto}

/* Pagination */
.pagination li a         {color:#333333;font-family: 'Roboto Condensed',sans-serif;font-size: 12px;letter-spacing: 1px;}


.pagination_info           {float:left;padding-top:5px;}
.pagination.recordsPerPage {float:left;}
.pagination.recordsPerPage li {margin:0px 0 0px 20px;float:left;}

/* This rule makes toplevel menu items clickable links and also displays dropdown menus on hover - WHOA! */
ul.nav li.dropdown:hover ul.dropdown-menu { display: block; margin:0;}
a.menu:after, .dropdown-toggle:after { content: none; }

nav > ul > li > ul {display:none}
nav > ul > li:hover ul {display:block}
nav > ul > li > ul > li > ul{display:none}
nav > ul > li > ul > li:hover ul {display:block}



/* 2nd Level Dropdown for Bootstrap */
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block !important;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.navbar-ek {margin-bottom:10px;}
.navbar-ek-fe {padding-top:65px;}
@media (min-width: 768px) {#menuWrap .navbar-ek-fe li a {margin: 0 5px 5px}}
@media (min-width: 992px) {#menuWrap .navbar-ek-fe li a {margin: 0 8px 5px;}}
@media (max-width: 767px) {
    .navbar-ek-fe {padding-top:0px;}
    #menuWrap {float:left;text-align: left;}
    .headerRight {height:auto;text-align: left;}
    .navbar-ek-fe .nav > li {float:left;}
}

@media (max-width: 440px) {
    .navbar-ek-fe .nav > li {float:none;display:block;position:relative}
    #menuWrap {float:none;text-align:center}
    #menuWrap ul {padding-top:0;float:none;}
    #menuWrap li {border-left:0px solid white;}
    .navbar {margin-bottom: 5px;}

    .hidden-xxs {display: none !important;}
}

/* Form Elements
=========================================================*/
.form-horizontal .checkbox-inline {
    padding-top:0;
}
input[type="checkbox"], input[type="radio"] {
    margin-top:0;
    padding-top:0;
}
input[type="text"].resultSmall {min-width:30px;width:100%;}

.form-horizontal .has-feedback .form-control-feedback {
    top:9px;
}



/* Ergebnismeldung und Management
=========================================================*/

.resultreportTable td {
    padding:5px;
    font-size:12px;
    font-family: 'Roboto Condensed',sans-serif;
    vertical-align: top;
}
.resultreportTable th {
    background-color:#eee;
    border-bottom-color:#999;
}

.resultreportTable a.felink {border-bottom:1px solid #999;color:#333333;}
.resultreportTable a.felink:hover, .resultreportTable a.felink:focus {border-bottom:1px solid #333;text-decoration: none;color:#333333;}

.resultreport-row1 td {border-bottom-color:#eee;}
.resultreport-row2 td {border-bottom-color:#999;}
.resultreport-row2 h3 {margin:0}

.resultreport-row1 td.score1 {font-size:16px;font-weight:bold;border-right-width:0;text-align:right;}
.resultreport-row1 td.score2 {font-size:16px;font-weight:bold;border-left-width:0;border-right-width:0;text-align:center;}
.resultreport-row1 td.score3 {font-size:16px;font-weight:bold;border-left-width:0;text-align:left;}

.resultreportTable .eventEventIcon {vertical-align: top;padding-top:5px;}


.modal-wait {
    font-size:32px;
    color:#cccccc;
    text-align: center;
    padding:40px;
}

.resultReportModal h3 {
    margin:0;
}

.resultReportModal table th {
    padding:3px;
}
.resultReportModal table td {
    padding:3px;
}

.reportLink {
    font-size:20px;
    border:2px solid #ccc;
    border-radius: 5px;
    width:80px;
    height:80px;
    padding:19px 10px 0 10px;
    text-align:center;
    text-transform: uppercase;
    color:#333 !important;
    text-decoration: none;
    display:inline-block;
    margin-top:5px;
}
.reportLink span {
    font-size: 12px;
    line-height: 1;
    text-align: left;
}

.reportRemoveLink {
    vertical-align: top;
    margin-top:5px;
    margin-right:20px;
}



.resultreportTableAdmin td {

}
.resultreportTableAdmin th {
    background-color:#eee;
    border-bottom-color:#999;
}

.resultreportTableAdmin a.felink {border-bottom:1px solid #999;color:#333333;}
.resultreportTableAdmin a.felink:hover, .resultreportTable a.felink:focus {border-bottom:1px solid #333;text-decoration: none;color:#333333;}

.scrollable-contest-pane{
    height:300px;
    overflow-y:scroll;
    background: white;
    border-radius: 0px;
    border: 1px solid #ccc;

}


/* Tabs
=========================================================*/

.tabControl             {border: 1px solid #F1F1F1;margin:0;border-bottom-width: 0;}
.tabControl li          {float:left;font-family: 'Roboto Condensed',sans-serif;font-weight: normal;font-size:14px;margin:0;position: relative;list-style: none}
.tabControlLink         {color:#333;padding:5px 20px;display:inline-block;border-right: 1px dotted #CCCCCC;margin:10px 0}
.tabControlLink.active  {background-color: #f1f1f1;margin:0;padding:15px 25px;border-right-width:0;}
.tabContent             {border: 1px solid #F1F1F1;}
.tabControl li.active   {background-color: #f1f1f1;border-right-width:0;}

.tabControlLinkFe         {color:#333;padding:5px 25px;display:inline-block;border-right: 1px dotted #CCCCCC;margin:10px 0}
.tabControlLinkFe.active  {background-color: #f1f1f1;margin:0;padding:15px 35px 15px 15px;border-right-width:0;text-decoration:none}

/* Table
=========================================================*/
table {
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
}
table th, table td {
    border: 1px solid #E5E5E5;
    padding: 11px;
}

table th {
    background-color: #F5F5F5;
    color:#555555;
    font-family: 'Roboto Condensed',sans-serif;font-weight: normal;font-size:16px;
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.75);
}

table th a {
    color: #333333;
    text-decoration: none;
}
table tr.disabled td {color:#bbbbbb;}


/* Privacy
=========================================================*/
.confirmation-row-box {
    background-color: #f1f1f1;
    margin: 15px 0;
    padding: 10px 0;
}

.float-right {
    float: right;
}

.ski-privacy-row {
    margin: 25px 0;
    padding: 15px;
    border: 1px solid red;
}

/* Controller Login ******************************************************/
.certBox    {float:right;}
.certBox table  {width:auto;}
.certBox td {border-width:0px;float:right;}
.certBox a {color:#ffffff !important}

/* Controller License ******************************************************/
.licenseNotFinished th      {background-color:#C49A51;color:#333333;border-color:#A88446;}
.licenseNotFinished td      {background-color:#FDF7D5;border-color:#E0DABE;}


/* Bootstrap Addons ************************************************************/
.form-control:focus {
    border-color:#ccc;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-control {
    border-radius: 0;
}

.form-control-sm {
    padding:2px;
    height:auto;
}

.pagination-info {
    vertical-align: top;
    margin:20px 0;
    padding:5px 15px;
    display:inline-block;
}
.inner-padding-20 {
    padding:20px;
}

.has-error .help-inline {
    color: #a94442;
}
.ortStrasseInfo {padding-top:7px}


.licenseStateBoxConnector {margin:5px 0 5px 39px;}
.licenseStateBox {
    background: none repeat scroll 0 0 #e1e1e1;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    line-height: 21px;
    margin: 5px 5px 5px 0;
    padding: 4px 3px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    border: 1px solid #CCCCCC;
    color: #333333;
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    width:75px;
}
.licenseStateBox.active, .licenseStateBox.hover:hover {
    background-color: #94B654;
    border-color: #84A644;
    color: #fff;
    text-shadow:none;
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}
#deleteBox {
    border: medium none;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.25);
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 13px;
    padding: 5px;
    margin-top:15px;
    width:160px;
}
.licensePreview {border:1px solid #f1f1f1;position:relative;background-color: #f1f1f1;padding:10px;height:340px}
.licensePreview.Handball.finished           {background-color: #F4FFDF;}
.licensePreview.Fussball.finished           {background-color: #E4F7FF;}
.licensePreview.Volleyball.finished         {background-color: #FDF7D5;}
.licensePreview.Handball.youth.finished     {background-color: #FFF1F2;}

.licensePreviewContent {font-family: 'Roboto Condensed',sans-serif;font-size: 20px;position:absolute;}

#licensePreview1 {top:15px;left:150px;font-size: 28px;font-weight:bold;}
#licensePreview2 {top:45px;left:190px;font-size: 22px;font-weight:bold;}
#licensePreview3 {top:100px;left:350px;}
#licensePreview31 {top:100px;left:80px;}
#licensePreview4 {top:130px;left:350px;}
#licensePreview5 {top:190px;left:350px;}
#licensePreview6 {top:240px;left:350px;}
#licensePreview7 {top:290px;left:350px;}
#licensePreview71 {top:240px;left:460px;}
#licensePreview8  {top:155px;left:350px;border-top:1px solid #aaaaaa;width:200px;font-size:13px;}
#licensePreview9  {top:215px;left:350px;border-top:1px solid #aaaaaa;width:200px;font-size:13px;}
#licensePreview10 {top:265px;left:350px;border-top:1px solid #aaaaaa;width:90px;font-size:13px;}
#licensePreview11 {top:265px;left:460px;border-top:1px solid #aaaaaa;width:90px;font-size:13px;}
#licensePreview12 {top:315px;left:350px;border-top:1px solid #aaaaaa;width:90px;font-size:13px;}




/* Controller Contact ******************************************************/
.oldAddressString {font-size:12px;color:#ee0000;margin-left:110px;font-family: 'Roboto Condensed',sans-serif;}
.ortStrasseInfoCss {display:inline-block;padding:3px 0;}
.inputsubline {font-size:12px;margin-bottom: 15px;margin-top: -12px;font-family: 'Roboto Condensed',sans-serif;}

.inputsubline.xl {margin-left:200px;}
.inputsubline.l {margin-left:152px;}
.inputsubline.lspecial1 {margin-left:116px;}

.addressList {}
.addressList tr.odd   {background-color: #f5f5f5;}
.addressList tr.even  {background-color: #ffffff;}
.addressList td {font-size:13px;font-family: 'Roboto Condensed',sans-serif;padding:2px;text-align: center;}

.errorBlob {
    background-color: #EE0000;
    border-radius: 14px 14px 14px 14px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    padding: 0 6px 2px;
    position: absolute;
    right: 13px;
    top: 7px;
}


/* Controller GameManagement ******************************************************/
.form-elements fieldset.gameday  .inlineError {padding-left:125px;}
.form-elements fieldset.gameday  label { min-width: 115px; }
.form-elements fieldset.gameday  input { width: 115px; }
.form-elements fieldset.gameday2 .inlineError {padding-left:125px;}
.form-elements fieldset.gameday2 label { display:block;text-align:left; }
.form-elements fieldset.gameday2 textarea { min-height:140px;width:420px;}
.gameday_select {width:296px;}


/* Controller GameManagement Gameday ******************************************************/
input.gamedayEventDate      {width:75px;}
input.gamedayEventTime      {width:40px;}
input.gamedayEventScore     {width:20px;}
input.gamedayEventComment   {width:100px;height:30px;}

#newTable   {}
#dateTable  {}
#eventTable {}

#new_targetCell_a  {background-color: #FFE0E0;}
#new_targetCell_b  {background-color: #FFE0E0;}
#edit_targetCell_a {background-color: #FFE0E0;}
#edit_targetCell_b {background-color: #FFE0E0;}

#moveHandler:hover {cursor:move;}
#moveGameclass {border: 1px solid #E5E5E5; padding:5px;}

.tdSlimL    {border-width:1px 1px 1px 0;padding-left:5px;}
.tdSlimR    {border-width:1px 0px 1px 1px;padding-right:5px;}
.tdSlimLR   {border-width:1px 0px 1px 0;padding-left:5px;padding-right:5px;}

.eventTable td {padding:5px;font-size:12px;font-family: 'Roboto Condensed',sans-serif;vertical-align: top;}
.eventTable a {color:#333333;text-decoration: underline;}
.eventTable a.btn-primary {color:#ffffff;text-decoration: none;}
.eventTable a.btn-danger {color:#ffffff;text-decoration: none;}
.eventTable a.btn-default {color:#333333;text-decoration: none;}

th.th-result {text-align: center}
td.td-result-a {border-right:none;text-align: right;font-size:14px}
td.td-result-vs {border-left:none;border-right:none;padding-left:0;padding-right:0;font-size:14px}
td.td-result-b {border-left:none;font-size:14px}
td.td-icon {padding-right:0;padding-left:3px}

.newEventTable td {padding:5px;font-size:12px;font-family: 'Roboto Condensed',sans-serif;vertical-align: top;}
.newDateTable td {padding:5px;font-size:12px;font-family: 'Roboto Condensed',sans-serif;vertical-align: top;}
.editGameTable td {border:0px solid white;vertical-align: top;}
.treeview {font-family: 'Roboto Condensed',sans-serif;}





.noMarginBottom {margin-bottom:-1px;}
.noMarginTop    {margin-top: 0;}

/* Controller gameclass **/
.leagueBox  {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#699FB6;color:#ffffff;width:60px;text-align:center;display:inline-block}
.seriesBox  {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#C98F92;color:#ffffff;width:60px;text-align:center;display:inline-block}
.tourneyBox {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#F6AF39;color:#ffffff;width:60px;text-align:center;display:inline-block}
.indiacaleagueBox {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#94B654;color:#ffffff;width:60px;text-align:center;display:inline-block}

.akBox {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#F6AF39;color:#ffffff;width:60px;text-align:center;display:inline-block}
.akBoxMini {font-size:10px;font-family: 'Roboto Condensed',sans-serif;padding:0px 5px;background-color:#F6AF39;color:#ffffff;text-align:center;display:inline-block}
.payedBox {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#94B654;color:#ffffff;width:70px;text-align:center;display:inline-block}
.nPayedBox {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#C98F92;color:#ffffff;width:70px;text-align:center;display:inline-block}
.positivePointsBox {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#94B654;color:#ffffff;width:60px;text-align:center;display:inline-block}
.negativePointsBox {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#C98F92;color:#ffffff;width:60px;text-align:center;display:inline-block}

.positivePointsBoxMini {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:0px;margin-left: 0.5em;background-color:#94B654;color:#ffffff;width:30px;text-align:center;display:inline-block}
.negativePointsBoxMini {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:0px;margin-left: 0.5em;background-color:#C98F92;color:#ffffff;width:30px;text-align:center;display:inline-block}


table.contest td {border-width:0px;padding:5px;}

.freeDateMatrix {}
.freeDateMatrix tr {}
.freeDateMatrix td {font-size:11px;font-family: 'Roboto Condensed',sans-serif;padding:0;text-align: center;width:15px;}
.freeDateMatrix td.teamCell {padding:10px 5px;text-align: left;}
.freeDateMatrix td.teamCell .contact {font-size: 14px;}

.freeDateMarker {background-color: #bee144;height:2px;width:17px;vertical-align: middle;}
.freeDateMarker.active {background-color: #b1312d;}

.freeDateMatrixLegend {margin:5px 0;}
.freeDateTable th {padding:11px 0}
.freeDateTable TH.text-vertical {padding: 11px 7px;}



/*
*
* R U N D E N P L A N E R
************************************************************************************************************************/

.planner-matrixTable {}
.planner-matrixTable tr {}
.planner-matrixTable th {
    border:1px solid #aaa;
    font-size:12px;
    font-family: 'Roboto Condensed',sans-serif;
    padding:0;
    text-align: center;
    width:15px;
    vertical-align:top;
    line-height:20px;
    background:#fff;
}
.planner-matrixTable td {
    border:1px solid #777;
    font-size:12px;
    line-height:12px;
    font-family: 'Roboto Condensed',sans-serif;
    text-align: center;
    vertical-align:top;
    width:15px;
    padding:0;
    min-height:30px;
}
.planner-matrixTable td.odd             {background-color:#eee}
.planner-matrixTable td.holiday         {background-color:#FFC9C9;color:#ffffff}
.planner-matrixTable td.freedate        {background-color:#b1312d;color:#ffffff}
.planner-matrixTable td.blocked         {background-color:#da70d6;color:#ffffff}

/* INNER */
.planner-matrixTable .first             {height:30px;}
.planner-matrixTable .inner             {width:100%;height:100%;}
.planner-matrixTable .inner.odd         {background-color:#eee}
.planner-matrixTable .inner.holiday     {background-color:#FFC9C9;color:#ffffff}
.planner-matrixTable .inner.freedate    {background-color:#b1312d;color:#ffffff}
.planner-matrixTable .inner.blocked     {background-color:#da70d6;color:#ffffff}

/* NEW */
.planner-matrixTable .innerFreeC        {}
.planner-matrixTable .innerGamedayC     {}
.planner-matrixTable .innerGameC        {}

/* Gameday */
.planner-matrixTable .innerGameday a        {display:block;height:15px;background-color:#C9ED57;color:#444444}
.planner-matrixTable .innerGameday.closed a {background-color:#000;color:#fff;}

/* Game */
.planner-matrixTable .innerGame             {width:100%;height:15px;}
.planner-matrixTable .innerGame.ui-draggable-dragging {width:20px;}
.planner-matrixTable .innerGame.highlight   {background-color: #c300a8;}
.planner-matrixTable .innerGame a           {color:#fff;display:block;width:100%;text-decoration: none;}
.planner-matrixTable .innerGame_H           {background-color:#00A953;color:#ffffff;font-weight:bold;}
.planner-matrixTable .innerGame_A           {background-color:#0292D9;color:#ffffff;font-weight:bold;}

/* Freedate */
.planner-matrixTable .innerFreeC .freedateMarkerContainer   {background-color:#b1312d;color:#ffffff;padding:4px 0}
.planner-matrixTable .innerFreeC .freeDateMarker            {background-color: #C9ED57;height:1px;width:100%;vertical-align: top;}
.planner-matrixTable .innerFreeC .freeDateMarker.active     {background-color: #602727;}

.planner-matrixTable td.dropContainer.drop-highlight   {border:2px solid #598ca4;}
.planner-matrixTable td.dropContainer.drop-hover       {border:2px solid black;}




.planner-teamTable {width:auto;}
.planner-teamTable th {
    border:1px solid #aaa;
    font-size:12px;
    line-height: 14px;
    font-family: 'Roboto Condensed',sans-serif;
    text-align: center;
    vertical-align:top;
    background:#fff;
    padding:10px 5px;
    color:#333;
}
.planner-teamTable td {
    border:1px solid #aaa;
    font-size:12px;
    line-height: 14px;
    font-family: 'Roboto Condensed',sans-serif;
    text-align: center;
    vertical-align:top;
    padding:10px 5px;
}
.planner-teamTable .invalid {background-color:#ddd}

.gamebox            {background-color:#eee;border:1px solid #aaa;width:25px;display:inline-block;}
.gamebox.assigned   {background-color:#00A953;color:#fff;font-weight:bold;}


.trashDrop {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px;
    width: 35px;
}
.trashDrop.drop-hover {
    border: 1px solid #000;
}

.legendUl {list-style: none;margin-left:0}
.legendBox {
    width:20px;
    height:10px;
    background-color:#ccc;
    display:inline-block;
}







/* Controller Management ******************************************************/
.dateOk a {background: #A1C442 !important;border: 1px solid #53A72D !important;}
.dateOk a:hover {border: 1px solid #458925 !important;}
.dateOk .ui-state-default {color:#000;}
.dateFree .ui-state-default {background: #FF8C90 !important;border: 1px solid #FF3D43 !important;color: #333;}
.dateAssigned .ui-state-default {background: #F6AF39 !important;border: 1px solid #E78F08 !important;color: #000;}
.dateNok .ui-state-default {color: #000;}

/* Controller Club ******************************************************/
.foreignWarning {background-color:#FF3D43;color:#ffffff;padding:5px 0;margin-top:20px;font-family: 'Roboto Condensed',sans-serif;text-align: center;}
.waitUserWarning {background-color:#FF3D43;color:#ffffff;padding:5px 0;margin-top:5px;margin-bottom:20px;font-family: 'Roboto Condensed',sans-serif;text-align: center;}

.clubHeaderSelect {float:right;font-size:13px;line-height:20px;margin-top:20px;}
.clubHeaderSelect form {margin-bottom:0}

.teamName1 {display:inline-block;margin-top:4px;vertical-align: top;}
.teamName2 {display:inline-block;}
.teamName2 select {float:left;min-width: 160px;width:160px;margin-top:0;  margin-left:5px; margin-right:5px;padding:5px;}
.teamName3 {display:inline-block;}
.teamName3 input[type="text"] {float:left;min-width:30px;width:30px;margin-top:0;}

.teamContactBox {margin: 0 0 0 13px;display:none}
.teamContactBox li {margin:0}

tr.teamInactive td {text-decoration: line-through;}

.clubPicture {margin-top:10px;}

.addLinkBox {background-color:#F5F5F5;border:1px solid #E1E1E1;padding:10px;margin:0 0 20px 0}
.contactTeamTable td {padding:5px 10px;}
.contactTeamRowTable td {border-width:0px;padding:5px 10px;}

.contactClubRowList {margin:0}
.contactClubRowList div a {float:right;}
.contactClubRowList div {margin:2px 0;}
.contactClubRowList div p a {float:none;}

.contactWait {color: #C98F92;}

.clubRegisterImg    {margin-top:17px;margin-right:5px;vertical-align:top}
.clubRegisterH3     {margin-top:10px;margin-bottom:0;display:inline-block;padding-bottom:0}

.registerDiv {float:left;width:20px;padding-top:5px;}

.registerTeamSelect     {width:250px;margin-top:20px !important;}
.registerContestSelect  {width:250px;margin-top:20px !important;}
#registerComment        {margin-top:20px;}
.commentBox {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#C49A51;color:#ffffff;width:60px;text-align:center;}


.registerStep11 {float:left;width:360px;}
.registerStep11 h3 {margin:0}
.registerStep22 {float:left;width:360px;}
.registerStep22 h3 {margin:0}
fieldset.venueS input[type="text"] {min-width:70px;width:70px;}
.registerVenueSelect     {width:350px;margin-top:20px !important;}

.freeDateContainer      {clear:both;margin:3px 0}
.freeDateTeamBox        {display:inline-block;font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#699FB6;color:#ffffff;width:18px;text-align:center;}
.freeDateSrBox          {display:inline-block;font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#94B654;color:#ffffff;width:18px;text-align:center;}
.freeDateContent        {display:inline-block;margin-left:10px;padding:2px 10px;font-size:14px;font-family: 'Roboto Condensed',sans-serif;}
.freeDateContent.teamActive     {background-color:#699FB6;color:#ffffff;}
.freeDateContent.refereeActive  {background-color:#94B654;color:#ffffff;}
.freeDateContent.teamActive a    {color:#ffffff;}
.freeDateContent.refereeActive a  {color:#ffffff;}

.srCalendar td          {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;}
.freeDateFree           {width:92%;display:block;background-color:#94B654;color: #F4FFDF;padding:0 4%;}
.freeDateBlocked        {width:92%;display:block;background-color: #C98F92;color: #FFF1F2;padding:0 4%;}
.freeDateAssigned       {width:92%;display:block;background-color: #C49A51;color: #FDF7D5;padding:0 4%;}
a.freeDateFree:hover, a.freeDateBlocked:hover {color:#ffffff;}

.freeDateInfoBox        {width:75%;float:right;font-size:14px;padding:0px 15px;}
.freeDateInfoBox2        {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;} /* In den Benutzereinstellungen verwendet */
.freeDateInfoBox.info,
.freeDateInfoBox2.info {background-color: #E4F7FF;color: #699FB6;background-image:none}
.freeDateInfoBox.notice,
.freeDateInfoBox2.notice{background-color: #FDF7D5;color: #C49A51;background-image:none}

/* Sonstiges */
.infoListIcon {margin-top:15px}
.infoListText h3 {margin-top:10px;margin-bottom: 0;padding-bottom: 5px;}
.infoListText p {font-family: 'Roboto Condensed',sans-serif;font-size:12px;}

/* Controller Tourney ******************************************************/

.tourneyCol {max-width:120px;}
.tourneyBorderCol {border-right:1px solid #333333}

/* Controller Tourney ******************************************************/

.penaltyTable {}
.penaltyTable tr.odd   {background-color: #f5f5f5;}
.penaltyTable tr.even  {background-color: #ffffff;}
.penaltyTable td {font-size:13px;font-family: 'Roboto Condensed',sans-serif;padding:4px;}


/* Controller Report ******************************************************/
.noBorderTable td {border:0px solid black;}

.reportPlayingSchedule {}
.reportPlayingSchedule a {color:#333333;text-decoration: underline;}
.reportPlayingSchedule tr.odd   {background-color: #f5f5f5;}
.reportPlayingSchedule tr.even  {background-color: #ffffff;}
.reportPlayingSchedule td {font-size:13px;font-family: 'Roboto Condensed',sans-serif;padding:2px;text-align: center;}
.reportPlayingSchedule td.noBorderL {border-width: 1px 1px 1px 0;}
.reportPlayingSchedule td.noBorderR {border-width: 1px 0 1px 1px;}
.reportPlayingSchedule td.noBorderLR {border-width: 1px 0 1px 0;}

/* Controller Frontend ******************************************************/
#menuNewContainer {padding:20px;}
.menuHelp {padding:20px;font-size:12px;font-family: 'Roboto Condensed',sans-serif;}


.sortable li.placeholder {outline: 1px dashed #4183C4;width:140px;margin-left:20px;}
.mjs-nestedSortable-error {background: #fbe3e4;border-color: transparent;}

ol.sortable, ol.sortable ol {margin: 0 0 0 15px;padding: 0;list-style-type: none;}
ol.sortable {margin: 10px 0 0 11px}

.sortable li {margin: 5px 0 0 0;padding: 0;}
.sortable li div {font-size:12px;font-family: 'Roboto Condensed',sans-serif;}

.sortable li div span.infoBlock {width:15px;padding:3px 0;display:inline-block;text-align:center;}
.sortable li div a.navtitle {padding:3px 3px;display:inline-block;background-color: #eeeeee;width:115px;color:#444444}
.sortable li div a.navtitle:hover {background-color: #dddddd;}
.sortable li div span.menu-info {background-color:#699FB6;color:#ffffff;}
.sortable li div span.menu-contest {background-color:#C98F92;color:#ffffff;}
.sortable li div span.menu-placeholder {background-color:#cccccc;color:#777777;}
.sortable li div span.menu-link {background-color:#94B654;color:#ffffff;}
.sortable li div span.menu-indiaca1 {background-color:#94B654;color:#ffffff;}
.sortable li div span.menu-start {background-color:#F6AF39;color:#ffffff;}

.sortable li.mjs-nestedSortable-branch div {}
.sortable li.mjs-nestedSortable-leaf div {}
li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {}

.disclose {cursor: pointer;width: 20px;display: inline-block;padding:3px 0;font-weight:bold;}
.sortable li.mjs-nestedSortable-collapsed > ol {display: none;}
.sortable li.mjs-nestedSortable-branch > div > .disclose {display: inline-block;}
.sortable li.mjs-nestedSortable-collapsed > div > .disclose > span:before {
    content:"icon";
    text-indent:-999em;
    display:block;
    background:url(/img/icons-g/glyphicons_halflings_080_plus-sign.png) 0 4px no-repeat;
    margin:0;
}
.sortable li.mjs-nestedSortable-expanded > div > .disclose > span:before {
    content:"icon";
    text-indent:-999em;
    display:block;
    background:url(/img/icons-g/glyphicons_halflings_081_minus-sign.png) 0 4px no-repeat;
    margin:0;
}

.margin20 {margin-bottom:20px;}
.margin40 {margin-bottom:40px;}
input[type="text"].pageTitle {font-size:24px;font-family: 'Roboto Condensed',sans-serif;margin-bottom: 20px;padding: 1%;width: 98%;}

/* Newsblöcke */
.newsBlock h4 {color: #999999;font-size: 12px;font-weight: normal;letter-spacing: 1px;text-transform: uppercase;}
.newsBlock img {max-height: 140px;border: 2px solid #FFFFFF;box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.25);}
.newsBlock h3 {margin: 8px 0 10px 0;font-size: 21px;line-height: 31.5px;padding:0;}
.newsBlock .isHighlight {background: url("/img/icons/isHighlight.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);display: inline-block;height: 24px;line-height: 24px;margin-bottom: -3px;width: 42px;}
.newsBlock .icon-linkArrow {
    background: url("/img/icons/linkArrow-internal.png") no-repeat scroll -8px -8px rgba(0, 0, 0, 0);
    height: 13px;
    width: 13px;
    display: inline-block;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
}
a:hover i.icon-linkArrow, a.externalLink:hover i.icon-linkArrow, .icon-linkArrow:hover {
    background-position: -28px -8px;
}
/* Sliderbox */
.grayBox, .b_grayBox {background: none repeat scroll 0 0 #f1f1f1;}
.b_boxBackgroundWrap > .row {margin: 0;}
.b_grayBoxHover .col-sm-6:hover,
.b_grayBoxHover .col-md-3:hover {background: none repeat scroll 0 0 #dadada;}
.b_grayBoxHover .col-sm-6 a,
.b_grayBoxHover .col-md-3 a {display: block;height: 100%;}

.grayBox.shadow, .b_grayBox.b_shadow {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25)
;}
.b_fourColumnLinkTeaser .b_teaserLinkWrap a {padding-bottom: 11px;padding-top: 11px;}
@media (min-width: 768px) {
    .b_fourColumnLinkTeaser .b_teaserLinkWrap a{padding-bottom:30px;padding-top:30px}
}
@media (min-width: 1020px) {
    .b_fourColumnLinkTeaser .b_teaserLinkWrap a{padding-bottom:15px;padding-top:15px}
}
.b_fourColumnLinkTeaser .b_teaserLinkWrap.b_firstItem a{height:86px!important;padding-top:30px}
@media (min-width: 768px) {
    .b_fourColumnLinkTeaser .b_teaserLinkWrap.b_firstItem a{height:175px!important}
}
@media (min-width: 1020px) {
    .b_fourColumnLinkTeaser .b_teaserLinkWrap.b_firstItem a{height:91px!important;padding-top:15px}
}
@media (min-width: 480px) {
    .b_fourColumnLinkTeaser .b_teaserLinkWrap.b_firstItem + .b_teaserLinkWrap a{padding-top:30px}
}
@media (min-width: 1020px) {
    .b_fourColumnLinkTeaser .b_teaserLinkWrap.b_firstItem + .b_teaserLinkWrap a{padding-top:15px}
}
@media (min-width: 480px) {
    .b_fourColumnLinkTeaser .b_teaserLinkWrap.b_firstItem + .b_teaserLinkWrap + .b_teaserLinkWrap a{padding-bottom:30px}
}
@media (min-width: 1020px) {
    .b_fourColumnLinkTeaser .b_teaserLinkWrap.b_firstItem + .b_teaserLinkWrap + .b_teaserLinkWrap a{padding-top:15px}
}
.b_fourColumnLinkTeaser .b_teaserLinkWrap.b_lastItem a{height:86px!important;padding-bottom:30px}
@media (min-width: 768px) {
    .b_fourColumnLinkTeaser .b_teaserLinkWrap.b_lastItem a{height:175px!important}
}
@media (min-width: 1020px) {
    .b_fourColumnLinkTeaser .b_teaserLinkWrap.b_lastItem a{height:91px!important}
}
@media (min-width: 768px) {
    .b_fourColumnLinkTeaser .b_teaserLinkWrap{padding-left:20px;padding-right:20px}
}
.b_fourColumnLinkTeaser.b_verticalDivider .b_teaserLinkWrap{border:medium none}
@media (min-width: 480px) {
    .b_fourColumnLinkTeaser.b_verticalDivider .b_teaserLinkWrap.b_firstItem{border-right:1px solid #ccc}
    .b_fourColumnLinkTeaser.b_verticalDivider .b_teaserLinkWrap.b_firstItem + .b_teaserLinkWrap{border-left:1px solid #fff}
    .b_fourColumnLinkTeaser.b_verticalDivider .b_teaserLinkWrap.b_firstItem + .b_teaserLinkWrap + .b_teaserLinkWrap{border-right:1px solid #ccc}
    .b_fourColumnLinkTeaser.b_verticalDivider .b_teaserLinkWrap.b_lastItem{border-left:1px solid #fff}
}
@media (min-width: 480px) and (min-width: 768px) {
    .b_fourColumnLinkTeaser.b_verticalDivider .b_teaserLinkWrap.b_firstItem + .b_teaserLinkWrap{border-right:1px solid #ccc}
    .b_fourColumnLinkTeaser.b_verticalDivider .b_teaserLinkWrap.b_firstItem + .b_teaserLinkWrap + .b_teaserLinkWrap{border-left:1px solid #fff}
}
.b_fourColumnLinkTeaser a.b_teaserLink{color:#333;height:67px!important}
@media (min-width: 480px) {
    .b_fourColumnLinkTeaser a.b_teaserLink{height:86px!important}
}
@media (min-width: 768px) {
    .b_fourColumnLinkTeaser a.b_teaserLink{height:175px!important}
}
@media (min-width: 1020px) {
    .b_fourColumnLinkTeaser a.b_teaserLink{height:91px!important}
}
html.b_no-touch .b_fourColumnLinkTeaser a.b_teaserLink:hover{color:#333;text-decoration:none}
.b_fourColumnLinkTeaser a.b_teaserLink img{float:left;margin-right:10px}
@media (min-width: 768px) {
    .b_fourColumnLinkTeaser a.b_teaserLink img{float:none}
}
@media (min-width: 1020px) {
    .b_fourColumnLinkTeaser a.b_teaserLink img{border:medium none;box-shadow:none;float:left}
}
.b_fourColumnLinkTeaser a.b_teaserLink p{height:50px;line-height:16px;overflow:hidden;text-overflow:ellipsis}
@media (min-width: 768px) {
    .b_fourColumnLinkTeaser a.b_teaserLink p{height:78px;padding-top:15px}
}
@media (min-width: 1020px) {
    .b_fourColumnLinkTeaser a.b_teaserLink p{padding-top:0}
}
@media (min-width: 768px) {
    .b_fourColumnLinkTeaser .b_teaserLink{height:91px}
}



.gameInfoBlock h3 {margin:0;padding-bottom:10px;}
.gameInfoBlock h3 span {display:inline-block;width:70px}


/* Alert Boxes ******************************************************/

.alert {margin-bottom: 19px;position: relative;}
.alert p {margin:0}
.error {padding: 12px 20px 12px 55px;background-color: #FFF1F2;background-image: url("../img/icons/error.png");background-position: 15px 50%;background-repeat: no-repeat;color: #C98F92;}
.success {padding: 12px 20px 12px 55px;background-color: #F4FFDF;background-image: url("../img/icons/success.png");background-position: 15px 50%;background-repeat: no-repeat;color: #94B654;}
.info {padding: 12px 20px 12px 55px;background-color: #E4F7FF;background-image: url("../img/icons/info.png");background-position: 15px 50%;background-repeat: no-repeat;color: #699FB6;}
.notice {padding: 12px 20px 12px 55px;background-color: #FDF7D5;background-image: url("../img/icons/notice.png");background-position: 15px 50%;background-repeat: no-repeat;color: #C49A51;}
.close {cursor: pointer;height: 18px;position: absolute;right: 15px;top: 15px;width: 18px;}
.error .close {background: url("../img/icons/error-close.png") no-repeat scroll 0 0 transparent;}
.success .close {background: url("../img/icons/success-close.png") no-repeat scroll 0 0 transparent;}
.info .close {background: url("../img/icons/info-close.png") no-repeat scroll 0 0 transparent;}
.notice .close {background: url("../img/icons/notice-close.png") no-repeat scroll 0 0 transparent;}

/* Icons */
* .icon {background: url("../img/icons/icons.png") no-repeat scroll 0 0 transparent;display: inline-block;margin: -2px 4px 0 0;vertical-align: middle;}
* .icon.gray {background: url("../img/icons/icons-gray.png") no-repeat scroll 0 0 transparent;}
* .icon.white {background: url("../img/icons/icons-white.png") no-repeat scroll 0 0 transparent;}


.warningBox {cleaR:both;background-color: #FFF1F2;background-position: 15px 50%;background-repeat: no-repeat;color: #C98F92;font-size:24px;font-family: 'Roboto Condensed',sans-serif;padding:20px;font-weight: bold;line-height: 40px;}

/*
@media screen and (orientation:portrait) and (max-width:480px) {
    #menuWrap ul.navigation {display:none}
    #menuWrap .responsiveMenu ul.navigation  {display:block}
    #ejwText {display:none;}

    table.eventTableFe th {background-color:#f1f1f1;font-size:14px;padding-top:20px;color:#333333}
    table.eventTableFe th,td {border-color:#f1f1f1;}
    table.eventTableFe td {border-color:#f1f1f1;padding:9px 5px;}
    table.eventTableFe tr td:first-child {padding:5px;border-left-width: 0}
    table.eventTableFe tr td:last-child {border-right-width: 0}
    table.eventTableFe tr.odd   {background-color: #f5f5f5;}
    table.eventTableFe tr.even  {background-color: #ffffff;}
}


@media screen and (orientation:portrait) and (max-width:480px) {
    #menuWrap ul.navigation {display:none}
    #menuWrap .responsiveMenu ul.navigation  {display:block}
    #ejwText {display:none;}

    table.eventTableFe th {font-size:12px;padding:9px 2px;}
    table.eventTableFe td {padding:9px 2px;}
    table.eventTableFe tr td:first-child {padding:2px;border-left-width: 0}
    table.eventTableFe tr td:last-child {border-right-width: 0}
    table.eventTableFe td:nth-child(3),
    table.eventTableFe th:nth-child(3) {display: none;}
}

/* Note: Design for a width of 480px */
/*
@media only screen and (min-width: 480px) and (max-width: 767px) {
    table.eventTableFe th {font-size:12px;padding:9px 2px;}
    table.eventTableFe td {padding:9px 2px;}
    table.eventTableFe tr td:first-child {padding:2px;border-left-width: 0}
    table.eventTableFe tr td:last-child {border-right-width: 0}
    table.eventTableFe td:nth-child(3),
    table.eventTableFe th:nth-child(3) {display: none;}
}
*/



/*
* laufteam
*
*
*********************************************************************************************************************************************************************/
.ltBox          {border:1px solid #e4e4e4; border-radius:5px;min-height:100px;padding:10px;}
.ltBox.manager {background-color: #FDF7D5;color: #C49A51;}

.ltProjektBox {
    font-family: 'Roboto Condensed',sans-serif;
    font-size: 14px;
    letter-spacing: 1px;
    margin:0 -10px 20px -10px;
    padding:10px;
    border-bottom:1px solid #e4e4e4;
}

.ltRow1 {font-weight:bold;}
.ltRow1 a {float:right;font-weight:normal}
.ltRow2 {font-size:12px;line-height: 16px;letter-spacing: 0;margin:10px 0;}
.ltRow3 {font-size:12px;line-height: 16px;letter-spacing: 0;}

.ltSupportBox {font-family: 'Roboto Condensed',sans-serif;font-size: 14px;letter-spacing: 1px;margin-bottom: 20px;}
.ltRunnerBox {font-family: 'Roboto Condensed',sans-serif;font-size: 14px;letter-spacing: 1px;margin-bottom: 20px;}

.ltRunnerSupportRow {font-size:14px;line-height: 16px;letter-spacing: 0px;font-weight:bold;margin:5px 0}
.ltRunnerSupportRow  small{font-weight:normal}

.ltRunnerSupportRow span {float:right;}

.ltSliderContainer              {vertical-align:bottom;display:inline-block;width:280px;margin:5px}
.ltSliderContainer  p           {margin:0 0 5px 20px;}
.ltSliderContainer .ltSlider    {width:200px;display:inline-block;margin:0px 20px;vertical-align:bottom;}
.ltMultiProject                 {display:none;}
.ltSelect {width:100%;}

.ltRunnerPicture {display:inline-block;width:100%;}

.ltStaffelContainer {border:1px solid lightgray;border-radius:5px;padding:10px;margin-bottom: 10px;vertical-align: bottom !important;}
.noMarginTop {margin-top: 0;}

.runnerEntity {height:105px;}

.imageCrop img { max-width: none !important; }
.imageCrop .cropMain {
    width:240px;
    height:280px;
}
.imageCrop .cropMain.project {
    width:520px;
    height:360px;
}
.imageCrop .cropMain.bewegt11 {
    width:460px;  /* + 80px auf End-Format (1140/380 (/3)) */
    height:138px; /* + 80px auf End-Format (175/58) (/3)*/
}
.imageCrop .cropMain.bewegt12 {
    width:524px;  /* + 80px auf End-Format (555/444) (*0,8) */
    height:242px; /* + 80px auf End-Format (202/162) (*0,8) */
}
.imageCrop .cropMain.bewegt13 {
    width:440px;  /* + 80px auf End-Format (360/360) */
    height:282px; /* + 80px auf End-Format (202/202) */
}
.imageCrop .cropMain.bewegt23 {
    width:455px;  /* + 80px auf End-Format (750/375) (/2) */
    height:181px; /* + 80px auf End-Format (202/101) (/2)*/
}
.imageCrop .cropMain.news {
    width:440px;  /* + 80px auf End-Format (360/360) */
    height:282px; /* + 80px auf End-Format (202/202) */
}

.clubPicture {display:inline-block}

.borderWithShadow {border: 2px solid #FFFFFF;box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.25);}
.ltImageLeft        {float:left;width:100px;padding-left:8px;}
.ltContentRight     {float:right;width:180px;}
.ltContentRight h3  {margin:0;padding-bottom:5px;}
.ltContentProject   {font-family: 'Roboto Condensed',sans-serif;font-size:11px;line-height: 14px;}
.ltContentSum       {font-family: 'Roboto Condensed',sans-serif;padding:5px 0;font-size:13px;}
.ltContentSupport   {font-family: 'Roboto Condensed',sans-serif;}

.ltLoginBox {border:1px solid lightgray; padding:10px; border-radius: 3px;display: none;}
.ltLoginBox h3 {margin:5px 0}

.ltSupportDonationContainer {cleaR:both;margin-bottom:10px;}
.ltSupportDonation1 {text-align:right;width:110px;float:left;padding-right:10px;padding-top:4px;}
.ltSupportDonation2 {width:80px;float:left;}
.ltSupportDonation3 {width:150px;float:left;padding-top:4px;}
.ltSupportDonation4 {width:200px;float:left;padding-top:4px;text-align:right;}

.ltSupportDonation5 {padding-left:125px;margin:20px 0}
.ltSupportDonation6 {padding-left:125px;margin:20px 0}
.ltSupportDonationTable {width:auto;}
.ltSupportDonationTable td {padding:2px 10px 2px 0;border:0px;}
.ltSupportDonationTable td.borderT {border-top:1px solid lightgray;font-weight:bold;}
.ltSupportDonationTable td.right {text-align: right;}


.lt-demobox {
    padding:10px;
    background:#eeeeee;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.25);
    margin-top:20px;
    margin-bottom:70px;
}
.lt-demobox h2 {margin-bottom:0;text-transform: uppercase}


/*
* F E   R E G I S T R A T I O N
*
*****************************************************************************************************************************************/
.registration-container {display:none;}
.registration-container-step1 {}
.registration-container-step2 {}
.registration-container-step3 {}


/*
* LAUFTEAM PROJECT EDIT
*
*********************************************************************************************************************************************************************/
.image-list {
    list-style: none;
    margin: 15px 0 30px 0;
}

.image-list-image {
    float:left;
    border: 2px solid #ffffff;
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.25);
    margin: 0 15px 15px 0;
}

.image-list-image img {
    width:160px
}




.paymentRow             {}
.paymentRow h2          {margin-bottom:0}
.paymentRow h3          {margin-bottom:0;margin-top:10px;}
.paymentRow h3 div      {display:inline-block;width:120px;}
.paymentBankBlock       {font-family: 'Roboto Condensed',sans-serif;font-size:14px;}
.paymentBankBlock div   {display:inline-block;width:120px;}
.paymentRunnerBlock     {margin:0 0 2px 20px;font-family: 'Roboto Condensed',sans-serif;font-size:12px;}

.projectBoxInactive {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#C98F92;color:#ffffff;width:60px;text-align:center;display:inline-block}
.projectBoxActive   {font-size:12px;font-family: 'Roboto Condensed',sans-serif;padding:2px;background-color:#94B654;color:#ffffff;width:60px;text-align:center;display:inline-block}
.projectTable       {}
.projectTable td    {padding:4px;}

.projectIndex       {margin-top: 40px;}
.projectIndex h3    {margin-bottom: 0;margin-top: 20px;}
.projectIndex h4    {margin-top: 0;font-weight: normal}
.projectIndex p     {margin-bottom: 10px}

.projectIndex .organisation {color:#AAAAAA}

.projectDetail h2 {margin-top:0;margin-bottom:0}
.projectDetail h3 {margin-top:10px;}
.projectDetail h4 {margin-top: 0;font-weight: normal}

.icon-linkArrow {background: url("/img/linkArrow-external.png") no-repeat scroll -8px -8px rgba(0, 0, 0, 0);height: 14px;width: 16px;display:inline-block;}
.icon-linkArrow:hover {background-position: -28px -8px;}


.messageTable               {}
.messageTable td            {border:none;}
.messageTable .fa-reply             {color:#6D4F84;}
.messageTable .fa-mail-reply        {color:#6D4F84;}
.messageTable .fa-mail-reply-all    {color:#6D4F84;}
.messageTable .fa-mail-forward      {color:#699FB6;}
.messageTable .td-icon      {min-width:65px;}
.messageTable .td-image     {}
.messageTable .td-message   {width:100%}
.messageTable .td-date      {min-width:110px;}
.messageTable .td-command   {min-width:140px;}
.messageTable .td-image a   {display:block;text-decoration:none;}
.messageTable .td-message a {display:block;text-decoration:none;color:#333333}

.linkTable .inactive {background-color: #c8c8c8  }

.addressValid   {background-color: #F4FFDF !important;}
.addressInvalid {background-color: #FFF1F2 !important;}


.content-sportturniere h4 {margin-top:10px;margin-bottom: 0}
.content-sportturniere h5 {margin-top:10px;margin-bottom: 0;text-transform: uppercase}

.content-sportturniere .register-gameclass-container {  margin: 0 15px 15px;  }
.content-sportturniere .register-gameclass-container > div {  background: #ffffff none repeat scroll 0 0;  }
.content-sportturniere .register-gameclass-container > div > div {  margin-bottom: 5px;  margin-top: 5px;  }
.content-sportturniere .register-gameclass-container h3 {  color: #555;  display: inline-block;  font-size: 18px;  margin: 10px 0 0;  }
.content-sportturniere .register-gameclass-container span {  color: #777;  display: inline-block;  font-size: 12px;  margin: 10px 0 0 10px;  }
.content-sportturniere .register-gameclass-container .register-gameclass-reg {  background: #ffffff none repeat scroll 0 0;  }
.content-sportturniere .register-gameclass-container .register-gameclass-reg div {  background: #ffffff none repeat scroll 0 0;  }
.content-sportturniere .register-gameclass-container .register-gameclass-reg .clubname {  float: left;  font-size: 14px;  margin-top: 12px;  }
.content-sportturniere .register-gameclass-container .register-gameclass-reg .clubnameStatic {  float: left;  font-size: 14px;  margin-top: 12px;  }
.content-sportturniere .register-gameclass-container select {margin:9px 0 0 0;}
.content-sportturniere .register-gameclass-label {  margin: 8px 0 20px;  }


.panel-content-edit .form-control {
    margin-bottom:5px;
}


.ekBadge    {padding: 2px 7px;margin-top:2px;vertical-align: top;background-color: #94B654;border-color: #94B654;color: #ffffff;}
.handle     {cursor:move}

.tag-icon       {padding:1px 15px;border-radius: 5px}
.tag-danger     {color:white;background-color:#a94442;}
.tag-success    {color:white;background-color:#5cb85c;}

.uploadContainer     {float:left;margin-right:10px;}
.uploadLoader        {margin-right:20px;}
.uploadError         {margin:5px 40px;display:none;}
.uploadProgress      {border:1px solid #94B654;margin-bottom: 4px;margin-top:4px;}
.uploadProgress .bar {background: #94B654;height:2px;}
.uploadText.error    {color: #B94A48;}

.fileinput-button {
    overflow: hidden;
    position: relative;
}
.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 200px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

@media screen {
    .fileinput-button input {
        font-size: 100%;
        height: 100%;
    }
}


/*
* R E P O R T
***********************************************************/

.report-log {margin-top:50px;}

.report-log th, .report-log td {font-size:12px;padding:3px !important;border-color:#bbb;}
.report-log th {
    font-weight:bold;
    font-size:12px;
    border: 1px solid #bbb !important;
    text-shadow: none !important;
    color:#333333;
}

.report-log td {}

.report-log-tab {margin-top:50px;}
.report-log-heading {margin-bottom:-50px;}





/*
* I N V O I C E
***********************************************************/

.invoiceTable td {
    padding:5px;
    font-size:12px;
    font-family: 'Roboto Condensed',sans-serif;
    vertical-align: top;
}
.invoiceTable th {
    background-color:#eee;
    border-bottom-color:#999;
}

.invoiceTable a.felink {border-bottom:1px solid #999;color:#333333;}
.invoiceTable a.felink:hover, .invoiceTable a.felink:focus {border-bottom:1px solid #333;text-decoration: none;color:#333333;}

.invoice-row1 td {border-bottom-color:#eee;}
.invoice-row2 td {border-bottom-color:#999;}
.invoice-row2 h3 {margin:0}

.invoice-row1 td.score1 {font-size:16px;font-weight:bold;border-right-width:0;text-align:right;}
.invoice-row1 td.score2 {font-size:16px;font-weight:bold;border-left-width:0;border-right-width:0;text-align:center;}
.invoice-row1 td.score3 {font-size:16px;font-weight:bold;border-left-width:0;text-align:left;}

.invoiceTable .eventEventIcon {vertical-align: top;padding-top:5px;}



/*
* R E G I S T E R
*
************************************************************************************************************************/
.modal-body-success {

}

.circle-loader {
    margin-bottom: 3.5em;
    border: 8px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
}

.checkmark {
    display: none;
}
.checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
}
.checkmark:after {
    opacity: 1;
    height: 3.5em;
    width: 1.75em;
    transform-origin: left top;
    border-right: 8px solid #5cb85c;
    border-top: 8px solid #5cb85c;
    content: '';
    left: 1.55em;
    top: 3.5em;
    position: absolute;
}

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 1.75em;
        opacity: 1;
    }
    40% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }
    100% {
        height: 3.5em;
        width: 1.75em;
        opacity: 1;
    }
}






/*
* T A B L E
*
************************************************************************************************************************/
.table .table-header,
.table .table-footer,
.table .table-sum,
.table .table-body {
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left:0;
    margin-right:0;
}

.table .table-header {
    padding-bottom:0;
}

.table .table-header > div {
    font-weight:bold;
    border-top:1px solid #cccccc;
    border-bottom:2px solid #cccccc;
    vertical-align: top;
    font-size:14px;
    padding:0.75rem 2px;
}

.table .table-body > div {
    padding: 0 2px;
}

.table .table-footer > div {
    font-weight:bold;
    vertical-align: top;
    font-size:14px;
    padding:0.75rem 2px;
}


.table .table-sum > div {
    font-weight:bold;
    border-bottom:1px solid #cccccc;
    vertical-align: top;
    padding:5px 2px;
}


.table .table-body:nth-child(even) {background: #ffffff}
.table .table-body:nth-child(odd) {background: #f3f3f3}

.table .table-body > div:first-child, .table .table-header > div:first-child {padding-left:0;}
.table .table-body > div:last-child, .table .table-header > div:last-child {padding-right:0;}

.table .bt-1 {border-top:1px solid #cccccc;}
.table .bt-2 {border-top:2px solid #cccccc;}



/* Bootstrap 4 Features
*************************************************************************/

.preserve-input-group-padding .input-group[class*="col-"] {
    padding-left:15px;
}

.m-0 {  margin: 0 !important;  }
.mt-0, .my-0 {  margin-top: 0 !important;  }
.mr-0, .mx-0 {  margin-right: 0 !important;  }
.mb-0, .my-0 {  margin-bottom: 0 !important;  }
.ml-0, .mx-0 {  margin-left: 0 !important;  }

.m-1 {  margin: 4px !important;  }
.mt-1, .my-1 {  margin-top: 4px !important;  }
.mr-1, .mx-1 {  margin-right: 4px !important;  }
.mb-1, .my-1 {  margin-bottom: 4px !important;  }
.ml-1, .mx-1 {  margin-left: 4px !important;  }

.m-2 {  margin: 8px !important;  }
.mt-2, .my-2 {  margin-top: 8px !important;  }
.mr-2, .mx-2 {  margin-right: 8px !important;  }
.mb-2, .my-2 {  margin-bottom: 8px !important;  }
.ml-2, .mx-2 {  margin-left: 8px !important;  }

.m-3 {  margin: 16px !important;  }
.mt-3, .my-3 {  margin-top: 16px !important;  }
.mr-3, .mx-3 {  margin-right: 16px !important;  }
.mb-3, .my-3 {  margin-bottom: 16px !important;  }
.ml-3, .mx-3 {  margin-left: 16px !important;  }

.m-4 {  margin: 24px !important;  }
.mt-4, .my-4 {  margin-top: 24px !important;  }
.mr-4, .mx-4 {  margin-right: 24px !important;  }
.mb-4, .my-4 {  margin-bottom: 24px !important;  }
.ml-4, .mx-4 {  margin-left: 24px !important;  }

.m-5 {  margin: 48px !important;  }
.mt-5, .my-5 {  margin-top: 48px !important;  }
.mr-5, .mx-5 {  margin-right: 48px !important;  }
.mb-5, .my-5 {  margin-bottom: 48px !important;  }
.ml-5, .mx-5 {  margin-left: 48px !important;  }

.p-0 {  padding: 0 !important;  }
.pt-0, .py-0 {  padding-top: 0 !important;  }
.pr-0, .px-0 {  padding-right: 0 !important;  }
.pb-0, .py-0 {  padding-bottom: 0 !important;  }
.pl-0, .px-0 {  padding-left: 0 !important;  }

.p-1 {  padding: 4px !important;  }
.pt-1, .py-1 {  padding-top: 4px !important;  }
.pr-1, .px-1 {  padding-right: 4px !important;  }
.pb-1, .py-1 {  padding-bottom: 4px !important;  }
.pl-1, .px-1 {  padding-left: 4px !important;  }

.p-2 {  padding: 8px !important;  }
.pt-2, .py-2 {  padding-top: 8px !important;  }
.pr-2, .px-2 {  padding-right: 8px !important;  }
.pb-2, .py-2 {  padding-bottom: 8px !important;  }
.pl-2, .px-2 {  padding-left: 8px !important;  }

.p-3 {  padding: 16px !important;  }
.pt-3, .py-3 {  padding-top: 16px !important;  }
.pr-3, .px-3 {  padding-right: 16px !important;  }
.pb-3, .py-3 {  padding-bottom: 16px !important;  }
.pl-3, .px-3 {  padding-left: 16px !important;  }

.p-4 {  padding: 24px !important;  }
.pt-4, .py-4 {  padding-top: 24px !important;  }
.pr-4, .px-4 {  padding-right: 24px !important;  }
.pb-4, .py-4 {  padding-bottom: 24px !important;  }
.pl-4, .px-4 {  padding-left: 24px !important;  }

.p-5 {  padding: 48px !important;  }
.pt-5, .py-5 {  padding-top: 48px !important;  }
.pr-5, .px-5 {  padding-right: 48px !important;  }
.pb-5, .py-5 {  padding-bottom: 48px !important;  }
.pl-5, .px-5 {  padding-left: 48px !important;  }

.m-auto {  margin: auto !important;  }
.mt-auto, .my-auto {  margin-top: auto !important;  }
.mr-auto, .mx-auto {  margin-right: auto !important;  }
.mb-auto, .my-auto {  margin-bottom: auto !important;  }
.ml-auto, .mx-auto {  margin-left: auto !important;  }

.font-weight-bold {font-weight:bold}

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