/* -----------------------------------------
:: Typography
----------------------------------------- */
small { font-size: 80%; }

/* -----------------------------------------
:: Badge
----------------------------------------- */
.badge { display: inline-block; min-width: 10px; padding: 1px 3px 3px 3px;font-size: 10px; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; background-color: #999999; border-radius: 10px; vertical-align: top; }

/* -----------------------------------------
:: Thumbnail
----------------------------------------- */
.thumbnail { margin-bottom: 15px; display: inline-block; display: block; height: auto; max-width: 100%; padding: 4px; line-height: 1.428571429; background-color: #e1e8f4; border: 0px none; border-radius: 4px;}
.thumbnail .caption { padding: 9px; }

/* -----------------------------------------
:: Form
----------------------------------------- */
.orderform input,
.orderform textarea,
.orderform select { border: 1px solid #999; width: 240px; float: none; margin: 3px 3px 8px 0px;}
.orderform input[type="radio"],
.orderform input[type="checkbox"] { width:auto; float: left;}
.orderform button { padding: 8px; }
.orderform fieldset { border: 0px none; }
.orderform legend { color: #00519e; font-size: 12px; font-weight: bold; margin-bottom: 10px; line-height: 16px;  }
.orderform fieldset + fieldset { margin-top: 30px}
.orderform label { font-size: inherit;  color: inherit;  margin: 0px;  display: inline;  float: none;  width: auto;  height: auto;  text-align: left;  padding: 2px;  background: transparent; }
.orderform label.radio, .orderform label.checkbox { display: table; vertical-align: baseline; padding: 0; margin:0; }



.collapse { display: none; } /* collapse input type "radio"*/
.collapse.in { display: block; }

/* -----------------------------------------
:: Collapsed
----------------------------------------- */
.collapse-grey fieldset { background: #eff3f9; padding:10px 20px 20px 20px; border-radius: 4px; }
.collapse-grey fieldset input, .collapse-grey fieldset textarea, .collapse-grey fieldset select { border: 1px solid #cccccc; }
.collapse-grey fieldset legend {  margin-top: 15px; margin-bottom: 15px;}

/* -----------------------------------------
:: Validation
----------------------------------------- */
.help-block ul { margin-left: 0px !important; list-style-type: none; }
.control-group.error input, .control-group.error select, .control-group.error textarea,
.control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #b94a48; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; }
.control-group.error .help-block, .control-group.warning .help-block { color: #b94a48; }

span.required {
    color: #d9534f;
}


/* -----------------------------------------
:: Alert
----------------------------------------- */
.alert { padding: 15px; margin-top: 8px; margin-bottom: 15px; border: 1px solid transparent; border-radius: 4px; display: inline-block; font-size: 95%; padding: 5px 10px 5px 10px; display: block;}
.alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; }
.alert p { margin-bottom: 0px !important; }
.alert-message { font-size: 11px;}
.alert-success { color: #3c733d; background-color: #dff0f8; border-color: #d6e9c6;}
.alert-success h4.alert-title { color: #3c733d; }
.alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1;}
.alert-danger h4.alert-title { color: #a94442; }



/* -----------------------------------------
:: Listen
----------------------------------------- */
dl { margin-bottom: 20px;}
dt,
dd { line-height: 1.428571429;}
dt { font-weight: bold;}
dd { margin-left: 0;}

@media (min-width: 768px) {
    .dl-horizontal dt { float: left; width: 130px; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis;  white-space: nowrap;}
    .dl-horizontal dd { margin-left: 140px; }
    .dl-horizontal dd:before,
    .dl-horizontal dd:after { display: table; content: " "; }
    .dl-horizontal dd:after { clear: both;  }
    .dl-horizontal dd:before,
    .dl-horizontal dd:after { display: table; content: " "; }
    .dl-horizontal dd:after { clear: both; }
}

/* -----------------------------------------
:: Typo3 Messages
----------------------------------------- */
.typo3-messages { margin-bottom: 20px;}
.typo3-message { margin-bottom: 10px;}
.typo3-messages .message-header {
    font-weight:bold;
}

/* -----------------------------------------
:: Breadcrumb in Order http://css-tricks.com/triangle-breadcrumbs/
----------------------------------------- */

@media (min-width: 768px) { 
    .breadcrumb { list-style: none; overflow: hidden; }
    .breadcrumb li {  float: left; }
    .breadcrumb li a { color: white; text-decoration: none;  padding: 10px 0 10px 55px; background: #c3c3c3;  position: relative;  display: block; float: left;}
    .breadcrumb li a:after { content: " "; display: block; width: 0;  height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid #c3c3c3; position: absolute; top: 50%; margin-top: -50px;  left: 100%; z-index: 2; }	
    .breadcrumb li a:before {  content: " ";  display: block;  width: 0; height: 0; border-top: 50px solid transparent;border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute;top: 50%;margin-top: -50px;  margin-left: 5px; /* width of white spacer */ left: 100%; z-index: 1; }	
    .breadcrumb li:first-child a { padding-left: 10px;}
    .breadcrumb li a:hover { background: #00519e; }
    .breadcrumb li a:hover:after { border-left-color: #00519e !important; }

    /*Add PMF*/
    .breadcrumb { margin-left: 0px !important; }
    .breadcrumb li a:link,
    .breadcrumb li a:visited {color: white !important;}
    .breadcrumb li a:hover {font-weight: normal !important;}
    .breadcrumb .active a { background: #00519e; cursor: default; pointer-events: none; }
    .breadcrumb .active a:after { border-left-color: #00519e; }	
    .breadcrumb .active a:hover{ background: #00519e; }
    .breadcrumb li.passive a { cursor: default; pointer-events: none; }
}

/*.breadcrumb { list-style-type: none; overflow: hidden; width: 100%; padding-left: 0px; margin-top: 20px; }
.breadcrumb li { clear: both; overflow: hidden; padding-right: 40px; margin-bottom: 7px; }
.breadcrumb a { background: #ededed; padding: .7em .7em; float: left; text-decoration: none; color: #777; position: relative;}
.breadcrumb a:hover{ background: #00519e; color: #ffffff !important; transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out;}
.breadcrumb .active a { background: #c3c3c3; color: #ffffff !important; cursor: default; pointer-events: none; } 
.breadcrumb .active a:hover{ background: #00519e; color: #ffffff !important; }
.breadcrumb li.passive a { cursor: default; pointer-events: none; }  
.breadcrumb li.passive a:hover { background: #ededed; color: #777777; }*/

/* -----------------------------------------
:: Buttons
----------------------------------------- */
.btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; text-decoration: none; }
.btn:hover { font-weight: normal !important; }
.btn-primary { background-color: #00519e; border-color: #00519e; }
.btn-primary:hover { background-color: #4b74b4 ; border-color: #4b74b4 ; }

#content a:link.btn-primary ,
#content a:visited.btn-primary  { color:#ffffff; }

.btn-default {color: #ffffff; background-color: #474949; border-color: #474949;}
.btn-warning { background-color: #f0ad4e; border-color: #f0ad4e; }
.btn-default:hover, .btn-warning:hover { color: #ffffff; background-color: #19b2fe; border-color: #19b2fe; }
button[disabled].btn-default, .btn-default.disabled {color: #333333; }
.btn-grey { color: #000000; background-color: #ededed; border-color: #ededed; }
.btn-grey:hover { color: #ffffff; background-color: #474949; border-color: #474949; }
.btn-white { color: #000000; background-color: #ffffff; border-color: #cccccc; }
.btn-white:hover { color: #ffffff !important; background-color: #00519e; border-color: #00519e; }