body {
    padding-top: 30px;
    padding-bottom: 40px;
}

.container {
    max-width:600px;
}

#header .logo {
    background: url("../images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    /*float: left;*/
    height: 102px;
    margin: 0 22px 0 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 133px;
    display:block;
    margin-bottom:40px;
}
h3 {
    font-weight:normal;
}
.ingress {
    background:#eeeeee;
    padding:15px;
    border-radius:5px;
    display:block;
}

form dd {
    margin-bottom:5px;
}

.bg-danger {
    padding:15px;
}

.form-title {
    margin-top:40px;
}
.table-no-border tbody tr td {
    border:none;
    padding-left:0;
}
.table-no-border tbody tr td:first-child {
    width:40%;
}

.time,.date {
    max-width:150px;
    display:inline-block;
max-width:100px;
display:block;
}
.time {
/*margin-top:37px;*/
max-width:50px;
}
dd .description {
margin-top:2px;
margin-bottom:0px;
}
.addfavourite,
.removefavourite {
font-size:13px;
}
.tooltip {
    position:static !important;
    opacity:1 !important;
}

.dropdown-menu {
     min-width: 100px;
}

.strong {
    font-weight:bold;
}

.btn-order {
    margin-top:10px;
}

#form-wrapper-homeaddress {
    display:none;
}
.navbar-fixed-top {
    z-index:996 !important;
}
.loading h2 {
    margin-top:10px;
}
/* Loading layer */
#loading {
   display:none !important;
}


#static-map {
    display:none;
}

img.logo {
    display:none;
}

/* Feedback css */
#notifications-sub .desc {
    font-style:italic;
    margin-left:3px;
}

#notifications {
    left:0;
    overflow:visible;
    position:fixed;
    top:0;
    width:100%;
    z-index:1060;
}

.notification-bar {
    color:purple;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    font-size:1.5em;
    color:#333333;
    text-align:center;
}
.notification-bar-bkg {
    background-color:purple;
    opacity:0.95;
    filter:alpha(opacity=95);
    position:static;
    display: block; 
    min-height: 65px;
    width:100%
}

* html .notification-bar-bkg {
    height:65px;
}
#notifications .message {
    padding:20px 40px;
    color:#fff;
}

/* nav a when disabled show normal cursor */
ul a.disabled {
    cursor:default;
}

.ui_tpicker_time_label,
.ui_tpicker_hour_label,
.ui_tpicker_minute_label,
.ui_tpicker_time{
    font-weight:normal !important;
    line-height:1em !important;
    font-size:13px !important;
}
#settings-label,
#hidden-label,

#hidden-element,
#attributes-label {
    display:none;
}
dl {
    margin:0;
}
#tarjoustiedot-element {
margin-bottom:0;
}

.label-text,
.label-checkbox,
.label-textarea,
.label-select,
.label-radio {
    margin-top:20px;
}
div.input-text label {
margin-top:10px;
}
#merkkinro-element,
#rekno-element,
#valmisteno-element,
#mallinro-element {
display:inline-block;
width:48%;
}
#valmisteno-element,
#mallinro-element {
float:right;
}

#rekisterissa-label,
#rakenne-label {
margin-top:0px;
}
/*
#merkkinro-label,
#merkkinro-element {
width:45%;
float:left;
}
#merkkinro-element {
clear:left;
}
#mallinro-label,
#mallinro-element {
width:45%;
float:right;
} 
#mallinro-element {
clear:right;
}
#vari-label {
clear:both;
}
*/
.input-hidden {
    display:none;:
}

.blockUI {
    z-index:10000 !important;
}

.info-table .col-label {
    font-weight:bold;
    width:200px;
}

.input-radio br {
     display: none;
}

.input-radio label {
    font-weight:normal;
    margin-right:8px;
}
.input-radio label input {
    margin-right:3px;
}

.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 105px; padding: 3px 0; text-align:center;    
    background:#880000; border-bottom:1px solid #ddd;color:#fff;
        -moz-border-radius: 2px;
    border-radius: 2px;
    font-size:0.9em;
}
.qq-upload-button-hover {background:#cc0000;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:15px 35px; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;padding:0 20px;width:260px;}
.qq-upload-list li:first-child {
    padding-top:20px;
}
.qq-upload-list li:last-child {
    padding-bottom:20px;
}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("/Purple2/js/fileuploader/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

.qq-uploader {
    width:auto;
    float:left;
}
.qq-upload-button {
    background:#666;
}

.qq-upload-drop-area  {
    background:transparent;
        height:30px;
    min-height:30px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity:0.8;
    display:none;
}
.qq-upload-drop-area-active {
    background:black;
    display:block;
}

.qq-upload-list{
    position:absolute;
    background:#fff;
    list-style:none;
    z-index:2;
    margin:0;
}


.files-wrapper a {
  /*  display:block; */
}
.files-wrapper p {
    margin-bottom:2px; 
}

.modal-body .qq-uploader {
    margin:10px 0 0;
    float:none;
}

.dijitComboBoxMenuPopup {
    z-index:1050 !important;
}

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
  margin-bottom: 0;
}

.tt-dropdown-menu {
  min-width: 160px;
  margin-top: 2px;
  padding: 5px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.tt-suggestion {
  display: block;
  padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
  color: #fff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion.tt-is-under-cursor a {
  color: #fff;
}

.tt-suggestion p {
  margin: 0;
}

.tt-hint {
    display:none;
}

.twitter-typeahead {
    display:block !important;
}

.errors {
    list-style:none;
    color:red;
    margin:0;padding:0;
    
}
#tasklist1-label,
#tasklist2-label,
#tasklist3-label,
#tasklist4-label,
#tasklist5-label,
#tasklist6-label,
#tasklist7-label {
    height:0px;
}

.toggle-link {
    float:right;
    margin-left:10px;
}

.task-row .date {
    float:right;
    margin-left:10px;
}

.task-row td {
    vertical-align:top;
}

.date-auki {
    display:none;
}
.highlighted{
    color:red;
}
         
.panel-title {
    display:block;
}

.panel table {
    font-size:11px;
}
.panel-group .panel {
    border:none;
}

.panel-body {
    padding:0;
}
#remember-label,
#remember-element,
.forgot-password,
.register {
display:none;
}

td .glyphicon {
    padding:2px 0;
}
#mista-label,
.offer-form #maksaja-label,
#vastaanottaja-label,
#mihin-label {

    display:none;
}
#mista-element,
.offer-form #maksaja-element,
#vastaanottaja-element,
#edelleenveloitus-element,
#mihin-element { 
    background:#efefef;
    padding: 10px 20px 20px;
    display:none;
}
#mistakaikki-element,
#mistakaikki-label,
#mistafavourites-element,
#mistafavourites-label,
#mistamuut-element,
#mistamuut-label,
#vastaanottajakaikki-element,
#vastaanottajakaikki-label,
#vastaanottajafavourites-element,
#vastaanottajafavourites-label,
#vastaanottajamuut-element,
#vastaanottajamuut-label,
#mihinkaikki-element,
#mihinkaikki-label,
#mihinfavourites-element,
#mihinfavourites-label,
#mihinmuut-element,
#mihinmuut-label,
#mistanro2-label,
#vastaanottajanro2-label,
#mihinnro2-label,
#mistanro-label,
#vastaanottajanro-label,
#mihinnro-label,
#maksajakaikki-element,
#maksajakaikki-label,
#maksajafavourites-element,
#maksajafavourites-label,
#maksajamuut-element,
#maksajamuut-label,
#maksajanro2-label,
#maksajanro-label,
.input-hidden 
{
    display:none;
}
#mistanro_add-label,
#vastaanottajanro_add-label,

#mihinnro_add-label {
    float:left;
    margin-top:3px;
    margin-right:5px;
}
#add-label {
    float:left;
    margin-right:5px;
}
#mistanro_add-label label,
#vastaanottajanro_add-label label,
#mihinnro_add-label label {
    font-weight:normal;
}

#mistanro_add-element input,
#vastaanottajanro_add-element input,
#mihinnro_add-element input {
    margin-top:6px; 
}
#add-element input {
    margin-top:23px;
}
label .nav-pills {
    margin-left:20px;
    margin-top:-2px;
}
label .nav-pills li a {
    padding:5px;
    padding:5px 3px;
    font-size:0.8em;
}
#postitmp-element span {
font-size:0.9em;
margin-top:10px;
display:inline-block;
}
.ennapvm {
display:none;
}
.table-status-Enna .ennapvm {
display:table-row;
}
input:disabled {
    background-color: #ccc;
    border: 2px solid #ccc;
}

.table-status-PYY .edit-row {
display:none;
}
input.price {
text-align:right;
width:80px;
}
@media (max-width:1024px)  {

    .table-responsive {
        margin-bottom: 15px;
        overflow-x: scroll;
        overflow-y: hidden;
        width: 100%;
    }
}
@media (max-width:1199px) AND (min-width:768px){
    .container {
        width:100%;
    }
}
.btn-yellow { 
  color: #000000; 
  background-color: #FEE100; 
  border-color: #FEE100; 
} 
 
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  color: #000000; 
  background-color: #FFF100; 
  border-color: #FEE100; 
} 
 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-yellow.disabled, 
.btn-yellow[disabled], 
fieldset[disabled] .btn-yellow, 
.btn-yellow.disabled:hover, 
.btn-yellow[disabled]:hover, 
fieldset[disabled] .btn-yellow:hover, 
.btn-yellow.disabled:focus, 
.btn-yellow[disabled]:focus, 
fieldset[disabled] .btn-yellow:focus, 
.btn-yellow.disabled:active, 
.btn-yellow[disabled]:active, 
fieldset[disabled] .btn-yellow:active, 
.btn-yellow.disabled.active, 
.btn-yellow[disabled].active, 
fieldset[disabled] .btn-yellow.active { 
  background-color: #FEE100; 
  border-color: #FEE100; 
} 
 
.btn-yellow .badge { 
  color: #FEE100; 
  background-color: #000000; 
}
.btn-yellow { 
  color: #000000; 
  background-color: #FEE100; 
  border-color: #FEE100; 
} 
 
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  color: #000000; 
  background-color: #FFF100; 
  border-color: #FEE100; 
} 
 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-yellow.disabled, 
.btn-yellow[disabled], 
fieldset[disabled] .btn-yellow, 
.btn-yellow.disabled:hover, 
.btn-yellow[disabled]:hover, 
fieldset[disabled] .btn-yellow:hover, 
.btn-yellow.disabled:focus, 
.btn-yellow[disabled]:focus, 
fieldset[disabled] .btn-yellow:focus, 
.btn-yellow.disabled:active, 
.btn-yellow[disabled]:active, 
fieldset[disabled] .btn-yellow:active, 
.btn-yellow.disabled.active, 
.btn-yellow[disabled].active, 
fieldset[disabled] .btn-yellow.active { 
  background-color: #FEE100; 
  border-color: #FEE100; 
} 
 
.btn-yellow .badge { 
  color: #FEE100; 
  background-color: #000000; 
}

.errors li {
    margin-bottom:20px;
}

/*
.uusi-tilaus .unknown {
display:none;
}
*/
#kuljetusvalmisklo-label,
#toivottutoimitusklo-label,
#fieldset-ennalaivatiedot .legend,
#ennalaivatiedot-label,
#back-label,
#send2-label {
    display:none;
}
#back-element button {
float:right;
}
#fieldset-ennalaivatiedot {
padding-left:170px;
}
#toivottutoimituspvm-label {
clear:both;
margin-top:10px;
width:100%;
float:left;
}
input.upper { text-transform: uppercase; }


#toivottutoimitusklo-element,
#toivottutoimituspvm-element,
#kuljetusvalmisklo-element,
#Laivanlahtosatama-element,
#Laivanlahtopaiva-element,
#Laivannimi-element,
#kuljetusvalmispvm-element {
    float:left;
    margin-right:10px;
}
#ennalaivatiedot-element {
display:none;
}

#toivottutoimitusklo {
margin-left:-45px;
}
#prelaskutusviite-label,
#laskutusviite-label,
#info-label {
    float:left;
    clear:both;
}
#prelaskutusviite-element {
float:left;
width:auto;
clear:both;
}
#prelaskutusviite-element input {
width:auto;
}
/*
#laskutusviite-element {
float:left;
margin-left:10px;
}
*/

#lisatiedot-label {
clear:both;
float:left;
}
#edelleenveloitus-label,
#edelleenveloitus-element {
display:none;
}


.header-logo,
.profile {
    float:left;
max-width:310px;
}

.buttons {
    margin-top:20px;
    float:left;
}

.info-table {
    float:left;
    width:auto;
    margin-right:15px;
}
.info-table .col-label {
    display:none;
    
}

.info-table td {
    border:none !important;
    padding:0 !important;
}
#info-element {
    clear:both;
}
#send2-element {
    float:left;
    margin-left:20px;
margin-left:0;
}
#price-element {
    margin-right:20px;
}



#price-element {
    float:left;
}

#price-holder p {
    margin-top:10px;
    padding:10px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
background-color:#eb9316;
}
.nav-pills > li > a ,
a{
color:#eb9316;
    
}
@media (max-width:767px) {
    body {
    /*    padding-top:135px;*/
    }
label .nav-pills {
    margin-left:0px;
    margin-top:2px;
}
label .nav-pills li a {
    padding:5px 2px;
    font-size:11px;
    font-size:12px;
}
.form-wrap {
padding:12px 10px !important;
}
#order-form .nav-pills.pull-right {
float:left !important;
width:100%;
}
.date {
max-width:88px;
}
.time {
max-width:45px;
}

#toivottutoimitusklo-element,
#toivottutoimituspvm-element,
#kuljetusvalmispvm-element {
margin-right:0;
}
.table-shoppingcart {
max-width:100%;
overflow:hidden;
}
.table-shoppingcart table tr td:last-child {
margin-bottom:4px;
}
.table-shoppingcart table td {
font-size:0.9em;
vertical-align:top;
}
.table-shoppingcart .col-3 {
min-width:0 !important;
}
.table-shoppingcart .col-4 {
display:none;
}
.table-shoppingcart .col-1,
.table-shoppingcart .col-2 {
width:80px;
white-space:pre-wrap !important;
}
.form-wrap .open-close {
padding-left:5px !important;
padding-right:5px !important;
    width: 100%;
    overflow: hidden;
margin-bottom:15px !important;
}
#main .tab-content {
padding-top:0;
}

.form-wrap {
padding-top:0px !important;
}
        
}