<style>
    .ellipsis {
        white-space: nowrap;
        overflow: hidden;        
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

  .container { padding-right: 10px; padding-left: 10px; }
  @media (min-width: 1200px) {
    .container { min-width:100%; max-width:100%; padding-right:20px; width: 100%; }
    td, th { padding: 5px; }

  }
  @media (max-width: 600px) {
    .container { min-width:100%; max-width:100%; padding-right:5px; }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
      /* padding-right: 5px;*/
      /* padding-left: 5px; */
    }
  }

/* loading na stronie rejestracja */
#loading { 
	position: absolute;  background-color: #787878; width: 100%;  height: 100%;
	opacity: 0.9;  z-index: 303;  margin: auto;  top: 0px;  padding: 0;  transition:1s;
	display: none;  bottom: 0;  left: 0; right: 0;
}
/* loading na stronie rejestracja - dodaj placowke  */
#loadingdp { 
	position: absolute;  background-color: #787878; width: 100%;  height: 100%;
	opacity: 0.9;  z-index: 303;  margin: auto;  top: 0px;  padding: 0;  transition:1s;
	display: none;  bottom: 0;  left: 0; right: 0;
}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
}

#success {
position: absolute;	background-color: #787878;	width: 100%;	height: 100%;
opacity: 0.9;	z-index: 203;	margin: auto;	top: 0px;	padding: 0;	transition:1s;
display: none; 	bottom: 0;	left: 0;	right: 0;
}


  .ui-progressbar { background: #f9f9f9;
            border: 1px solid #DDDDDD;
            color: #881111;
            font-weight: bold;
            height: 10px;
  }

  /* wypelnienie progress-bar'a */
  .ui-widget-header { background: #22dd22;  }

.meter {
	height: 5px;  /* Can be anything */
	position: relative;
	background: #e1e1e1;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* padding: 10px; */
	box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
  display: block;
  height: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  background-color: rgb(43,194,83);
  background-image: linear-gradient(
    center bottom,
    rgb(43,194,83) 37%,
    rgb(84,240,84) 69%
  );
  box-shadow:
    inset 0 2px 9px  rgba(255,255,255,0.3),
    inset 0 -2px 6px rgba(0,0,0,0.4);
  position: relative;
  overflow: hidden;
}

    .mj-card {
        font-size: 14px;
    }
    .mj-forma-nazwa {
        font-size: 18px;
    }
    .mj-forma-opis {
        font-size: 12px;
        padding: 5px 10px !important;
    }

    .mj-stan {
        font-size: 12px;
        border-left: 5px solid red !important;
    }
    .mj-stan-nab {
        background-color: #ffff33; 
    }
    .mj-stan-trw {
        background-color: #B0E0E6;
    }
    .mj-stan-zak {
        background-color: #F4A460;
    }
    .mj-stan-roz {
        background-color: #99FF66;
    }
    .mj-stan-anu {
        background-color: #ff3f3f;
    }
    
    .mj-forma-edytuj {
        background-color: #f49f2b;
    }
    .mj-forma-right {
        
    }
    .mj-right-border {
        border-right: 2px solid rgba(29, 27, 27, 0.29);
    }
    .mj-left-border {
        border-left: 2px solid rgba(29, 27, 27, 0.29);
    }
    .mj-top-border {
        border-top: 2px solid rgba(29, 27, 27, 0.29);
    }
    .mj-br {
        padding-top: 5px;
    }
    .mj-organizator {
        font-size: 55px;
    }
    .mj-forma-notavail {
        border-left: 10px solid red;
        padding: 5px 0px 0px 0px;
    }
    .mj-forma-niedostepna { 
        text-decoration: line-through; 
    }
    .mj-buttons {
        float: right;
    }
    .mj-divider {
        border-top: 2px solid rgba(29, 27, 27, 0.29);
        margin-top: 10px;
        padding-bottom: 10px;
    }
    .mj-schedule {
        font-size: 12px !important;
    }
    .mj-trow0 { background-color: #fbfbfb; }
    .mj-trow1 { background-color: #f3f3f3; }
    .mj-trow_border_top { border-top-style: dotted; border-top-width: 1px; border-top-color: #888888; }
    .mj-center { text-align: center; }
    .mj-pad2  { padding: 2px; }
    .mj-pad5  { padding: 5px; }
    
    /* Overrides */
    dl {
        margin-bottom: 10px !important;
    }
    .dl-horizontal dt {
        text-align: left !important;
    }
    .dl-horizontal dd {
        margin-left: 160px !important;
    }
    blockquote{
        border-left: 5px solid #5bc0de !important;
        margin: 0 0 10px !important;
    }
    
#dane-plac-form { background-color: #f0f0f0; }
#dane-nabywcy-form { background-color: #f8f8f8; }

div.error { background-color: #e95050; padding: 5px 5px 5px 5px; }
sok_content { }
sok_hidden { display:none; }

/* Obsluga strony rejestracji - kontrola zlozonosci hasla */
/* The message box is shown when the user clicks on the password field */
#password_message {
  display:block;
  color: #000;
  position: relative;
  padding: 0px;
  margin-top: 3px;
}

#password_message p {
}
/* Add a green text color and a checkmark when the requirements are right */
.pass_valid {
  color: green;
}
.pass_valid:before {
  position: relative;
  left: 50px;
}
/* Add a red text color and an "x" icon when the requirements are wrong */
.pass_invalid {
  color: red;
}
.pass_invalid:before {
  position: relative;
  left: 50px;
}
</style>
