﻿/* Mixin */
.min-h-100 {
  min-height: 100px;
}
.min-h-200 {
  min-height: 200px;
}
.h20p {
  height: 20px !important;
}
.h40p {
  height: 40px !important;
}
.h50p {
  height: 50px !important;
}
.h60p {
  height: 60px !important;
}
.h100p {
  height: 100px !important;
}
.h140p {
  height: 140px !important;
}
.h170p {
  height: 170px !important;
}
.h200p {
  height: 200px !important;
}
.h400p {
  height: 400px !important;
}
.h600p {
  height: 600px !important;
}
.height-100 {
  height: 100%;
}
.width-10 {
  width: 10%;
}
.width-imp-10 {
  width: 10% !important;
}
.width-15 {
  width: 15%;
}
.width-imp-22 {
  width: 22% !important;
}
.width-20 {
  width: 20%;
}
.width-imp-20 {
  width: 20% !important;
}
.width-25 {
  width: 25%;
}
.width-29 {
  width: 29%;
}
.width-30 {
  width: 30%;
}
.width-imp-30 {
  width: 30% !important;
}
.width-33 {
  width: 33%;
}
.width-imp-35 {
  width: 35% !important;
}
.width-imp-38 {
    width: 38% !important;
}
.width-39 {
  width: 39%;
}
.width-40 {
  width: 40%;
}
.width-42 {
  width: 42%;
}
.width-45 {
  width: 45%;
}
.width-48 {
  width: 48%;
}
.width-49 {
  width: 49%;
}
.width-49d5 {
  width: 49.5%;
}
.width-imp-49d5 {
  width: 49.5% !important;
}
.width-50 {
  width: 50%;
}
.width-imp-50 {
    width: 50% !important;
}
.width-imp-53 {
  width: 53% !important;
}
.width-53-half {
    width: 53.5%;
}
.width-imp-54-half {
    width: 54.5% !important;
}
.width-56 {
  width: 56%;
}
.width-58 {
  width: 58%;
}
.width-60 {
  width: 60%;
}
.width-imp-60 {
  width: 60% !important;
}
.width-imp-66 {
  width: 66.6% !important;
}
.width-imp-65 {
  width: 65% !important;
}
.width-imp-68 {
  width: 68% !important;
}
.width-70 {
  width: 70%;
}
.width-imp-70 {
  width: 70% !important;
}
.width-imp-75 {
  width: 75% !important;
}
.width-73 {
  width: 73%;
}
.width-imp-74 {
  width: 74% !important;
}
.width-74 {
  width: 74%;
}
.width-75 {
  width: 75%;
}
.width-imp-76 {
  width: 76% !important;
}
.width-78 {
  width: 78%;
}
.width-imp-78-half {
    width: 78.5% !important;
}
.width-79 {
  width: 79%;
}
.width-imp-79-half {
    width: 79.5% !important;
}
.width-80 {
  width: 80%;
}
.width-84 {
  width: 84%;
}
.width-85 {
  width: 85%;
}
.width-imp-85 {
  width: 85% !important;
}
.width-89 {
  width: 89%;
}
.width-90 {
  width: 90%;
}
.width-imp-90 {
  width: 90% !important;
}
.width-97d5 {
  width: 97.5%;
}
.width-imp-98 {
  width: 98% !important;
}
.width-98 {
  width: 98%;
}
.width-99d5 {
  width: 99.5%;
}
.width-100 {
  width: 100%;
}
.width-imp-100 {
  width: 100% !important;
}
.w20p {
  width: 20px !important;
}
.w60p {
  width: 60px !important;
}
.w80p {
  width: 80px !important;
}
.w90p {
  width: 90px !important;
}
.w100p {
  width: 100px !important;
}
.w125p {
  width: 125px !important;
}
.w150p {
  width: 150px !important;
}
.w180p {
  width: 180px !important;
}
.w200p {
  width: 200px !important;
}
.w225p {
  width: 225px !important;
}
.w250p {
  width: 250px !important;
}
.w300p {
  width: 300px !important;
}
.w310p {
  width: 310px !important;
}
.w320p {
  width: 320px !important;
}
.w380p {
  width: 380px !important;
}
.w400p {
  width: 400px !important;
}
.w410p {
  width: 410px !important;
}
.w435p {
  width: 435px !important;
}
.w500p {
  width: 500px !important;
}
.w510p {
  width: 510px !important;
}
.w520p {
  width: 520px !important;
}
.w600p {
  width: 600px !important;
}
.w610p {
  width: 610px !important;
}
.w620p {
  width: 620px !important;
}
.w760p {
  width: 760px !important;
}
.w1000p {
  width: 1000px !important;
}
.left {
  float: left;
}
.right {
  float: right;
}
.left-imp {
  float: left !important;
}
.right-imp {
  float: right !important;
}
.interspace-top-1p {
  margin-top: 1% !important;
}
.interspace-top-5 {
  margin-top: 5px !important;
}
.interspace-top-10 {
  margin-top: 10px !important;
}
.interspace-top-20 {
  margin-top: 20px !important;
}
.interspace-top-30 {
  margin-top: 30px !important;
}
.interspace-top-40 {
  margin-top: 40px !important;
}
.interspace-bottom-1p {
  margin-bottom: 1% !important;
}
.interspace-bottom-5 {
  margin-bottom: 5px !important;
}
.interspace-bottom-10 {
  margin-bottom: 10px !important;
}
.interspace-bottom-20 {
  margin-bottom: 20px !important;
}
.interspace-bottom-30 {
  margin-bottom: 30px !important;
}
.interspace-bottom-40 {
  margin-bottom: 40px !important;
}
.top-10p {
    top: 10% !important;
}
.padding-1 {
  padding: 1% !important;
}
.interspace-p-top-10 {
  padding-top: 10px !important;
}
.interspace-left-0d6 {
  margin-left: 0.6% !important;
}
.interspace-left-1p {
  margin-left: 1% !important;
}
.interspace-left-2p {
  margin-left: 2% !important;
}
.interspace-left-3p {
    margin-left: 3% !important;
}
.interspace-left-3-halfp {
    margin-left: 3.5% !important;
}
.interspace-left-4p {
    margin-left: 4% !important;
}
.interspace-left-5p {
    margin-left: 5% !important;
}
.interspace-left-13p {
    margin-left: 13% !important;
}
.interspace-right-2p {
  margin-right: 2% !important;
}
.interspace-right-1p {
  margin-right: 1% !important;
}
.margin-tb-5 {
  margin: 5px 0 !important;
}
.margin-b-5 {
  margin: 0 0 5px 0 !important;
}
.margin-l-r-1p-imp {
  margin: 0 1%;
}
.margin-l-r-1p {
  margin: 0 1%;
}
.text-justify {
  text-align: justify !important;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-underline {
  text-decoration: underline;
}
.italic {
  font-style: italic;
}
.margin-less {
  margin: 0;
}
.margin-less-important {
  margin: 0 !important;
}
.padding-less {
  padding: 0;
}
.overflow-protect {
  overflow: hidden;
}
.text-red {
  color: red !important;
}
.text-green {
  color: #45a52e;
}
.text-gray {
  color: #808080 !important;
}
.text-bold {
  font-weight: bold;
}
.hidden {
  display: none;
}
.t-button {
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  min-width: 74px;
  font-size: 12px;
  color: #fff;
  margin: 0 1px;
  padding: 4px 10px;
  border: 1px solid #27baff;
  background: #08a7f1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.t-button:hover {
  background: #808080;
  border: 1px solid #808080;
}
.gray {
  background: #808080;
  border: 1px solid #808080;
}
.gray:hover {
  color: #efefef;
}
button.txt-button {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}
.txt-align-right {
  text-align: right;
}
.t-image-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  width: 100px;
  margin: 5px 10px;
  padding: 4px 10px;
  border: 1px solid rgba(229, 229, 229, 0.82);
  background: rgba(229, 229, 229, 0.32);
}
.t-image-button span {
  float: left;
  width: 100%;
  height: 60px;
}
.t-image-button span.d-q {
  background: url('../../Images/usb-ico.png') no-repeat center;
}
.t-image-button span.epuap {
  background: url('../../Images/fingerprint.png') no-repeat center;
}
.t-image-button p {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #808080;
  height: 2em;
}
.t-image-button:hover {
  background: #efefef;
}
.bg-none {
    background: none !important;
}
.bg-default {
  background: #FAFAFA !important;
}
.bg-red {
  background: #d81a1a !important;
}
.bg-yellow {
  background: #ffd200 !important;
}
.bg-green {
  background: #7fdd10 !important;
}
.bg-gold {
  background: #bf9d2d !important;
}
/* STYLE PANELI ORAZ GRIDÓW NA SZCZEGÓŁACH/EDYCJI W STUDENTACH, KURSACH , DANYCH OSK*/
.input-10 .t-dropdown {
  width: 12.3% !important;
}
.input-10 .t-numerictextbox {
  width: 10% !important;
}
input.input-10 {
  width: 10% !important;
}
input[type="checkbox"].input-10 {
  width: 8% !important;
}
.input-20 .t-dropdown {
  width: 21% !important;
}
.input-20 .t-numerictextbox {
  width: 20% !important;
}
input.input-20 {
  width: 20% !important;
}
input.input-30 {
  width: 30% !important;
}
.input-30 input,
.input-30 .t-datepicker {
  width: 30% !important;
}
.input-30 .t-datepicker input {
  width: 96% !important;
}
div.input-validation-error,
input.input-validation-error,
textarea.input-validation-error {
  background: rgba(255, 180, 180, 0.7) !important;
}
/* TabStrip DetailsFromXml*/
.t-tabstrip {
  float: left;
  width: 100%;
  background: none;
  border: none;
}
.t-tabstrip .t-tabstrip-items {
  background: none;
  padding-left: 0;
}
.t-tabstrip .t-tabstrip-items .t-item {
  background: #f9f9f9;
}
.t-tabstrip .t-tabstrip-items .t-item a {
  color: #828282;
}
.t-tabstrip .t-tabstrip-items .t-item.t-state-active {
  background: #828282;
}
.t-tabstrip .t-tabstrip-items .t-item.t-state-active a {
  color: #fff;
}
.t-tabstrip .t-content {
  float: left;
  padding: 0;
  margin: 0;
  width: 99.8%;
  border: none;
  background: #FAFAFA;
}
table.telerik-less-form {
  float: left;
  width: 100%;
  border-spacing: 5px;
}
table.telerik-less-form td {
  width: 100%;
  margin: 0;
  padding: 1px 0;
  background: #EEE;
}
table.telerik-less-form tr.no-bcolor td {
  background: none !important;
}
table.telerik-less-form label {
  float: right;
  padding: 4px;
  margin-right: 3px;
  font: 12px/22px Arial, Helvetica, sans-serif;
}
table.telerik-less-form .t-numerictextbox.w52 {
  width: 52%;
}
table.telerik-less-form .t-numerictextbox.w53 {
  width: 53%;
}
table.telerik-less-form .t-numerictextbox.w22 {
  width: 22%;
}
table.telerik-less-form select {
  width: 53%;
  padding: 6px 1%;
}
table.telerik-less-form .t-dropdown {
  float: right;
  width: 52%;
  padding: 0;
  background: #fff;
  color: black;
}
table.telerik-less-form .t-dropdown .t-dropdown-wrap .t-arrow-down {
  margin-top: 5px;
}
table.telerik-less-form .t-dropdown .t-state-focused {
  color: black;
  background: none;
}
table.telerik-less-form .t-combobox {
  float: right;
  width: 52%;
  padding: 0;
  margin: 0;
  background: #fff;
  color: black;
}
table.telerik-less-form .t-combobox .t-dropdown-wrap {
  border: none;
  padding: 0;
}
table.telerik-less-form .t-combobox .t-dropdown-wrap .t-arrow-down {
  margin-top: 5px;
}
table.telerik-less-form .t-combobox .t-input {
  width: 97%;
}
table.telerik-less-form .t-datepicker,
table.telerik-less-form .t-timepicker,
table.telerik-less-form .t-datetimepicker {
  float: right;
  width: 52.5%;
  padding: 0 1px;
}
table.telerik-less-form .t-datepicker .t-picker-wrap,
table.telerik-less-form .t-timepicker .t-picker-wrap,
table.telerik-less-form .t-datetimepicker .t-picker-wrap {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
table.telerik-less-form .t-datepicker .t-picker-wrap input,
table.telerik-less-form .t-timepicker .t-picker-wrap input,
table.telerik-less-form .t-datetimepicker .t-picker-wrap input {
  float: left;
  width: 96%;
  padding: 6px 4px;
}
table.telerik-less-form .t-datepicker .t-picker-wrap span,
table.telerik-less-form .t-timepicker .t-picker-wrap span,
table.telerik-less-form .t-datetimepicker .t-picker-wrap span {
  float: right;
  margin: 3px 2px 0 0;
}
table.telerik-less-form.td-2 td {
  width: 50% !important;
}
table.telerik-less-form.td-3 td {
  width: 33.3% !important;
}
table.telerik-less-form.td-4 td {
  width: 25% !important;
}
table.telerik-less-form.td-5 td {
  width: 20% !important;
}
table.telerik-less-form.td-6 td {
  width: 16.5% !important;
}
table.telerik-less-form.td-auto td {
  width: auto;
}
.telerik-less-form.m-categories .m-space {
  float: left;
  width: 100%;
  height: 5px;
  border-top: 2px solid #1aa4eb;
  background: url('../../Images/a-down4.png') no-repeat 0 -2px;
}
.telerik-less-form.m-categories th {
  width: 26.3%;
}
.telerik-less-form.m-categories th.cat {
  width: 7% !important;
}
.telerik-less-form.m-categories td .t-datepicker,
.telerik-less-form.m-categories td input {
  width: 100% !important;
}
.telerik-less-custom-header {
    font-weight: bold !important;
    background: none !important;
    border-bottom: 2px solid !important;
    border-bottom-color: #009688 !important;
}
/* Fieldset */
fieldset.telerik-less {
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
  border: none;
}
fieldset.telerik-less legend {
  font-weight: bold;
  width: 99.5%;
  position: relative;
  margin: 0 0 10px;
  border-bottom: 2px solid #009688;
}
fieldset.telerik-less legend span {
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 10px;
  height: 7px;
  background: url('../../Images/a-down4.png') no-repeat;
}
/* Grid */
.standalone .t-grid {
  float: left;
  width: 99.5%;
  padding: 0;
}
.standalone .t-grid .t-toolbar {
  background: #fff;
  border: none;
  padding: 5px 0;
}
.standalone .t-grid .t-toolbar .t-button {
  margin-left: 5px;
}
.standalone .t-grid table {
  float: left;
  width: 100%;
  border: 0;
  border-spacing: 1px;
  background: #CFD8DC;
}
.standalone .t-grid table .t-alt {
  background: #fbfbfb;
}
.standalone .t-grid table th {
  background: #828282;
  padding-top: 5px;
  padding-bottom: 5px;
}
.standalone .t-grid table th a,
.standalone .t-grid table th span {
  color: #fff;
}
.standalone .t-grid .t-grid-pager {
  float: left;
  width: 99.5%;
  border: none;
  background: #FAFAFA;
  padding: 15px 0 0 1px;
}
.standalone .t-grid .t-grid-pager .t-status {
  display: none;
}
.standalone .t-grid .t-grid-pager #SelectSize {
  display: none;
  float: left;
  width: 55px;
  margin: -2px 5px 0 0;
  font: 12px/24px Arial, Tahoma, sans-serif;
  color: #333;
  padding: 3px 3px;
  border: 1px solid #d3d3d3;
  background: #fff;
}
.standalone .t-grid .t-grid-pager .t-numeric .t-state-active {
  font-weight: bold;
  border: none;
}
/* PANEL */
ul.t-panelbar {
  float: left;
  width: 100%;
  border: 1px solid #d3d3d3;
  background: #FAFAFA;
}
ul.t-panelbar li.t-item .t-link.t-header {
  float: left;
  font-size: 14px;
  font-weight: bold;
  width: 98%;
  background: #009688;
  color: #fff;
  padding: 3px 1%;
  border: none;
  margin-bottom: 2px;
}
ul.t-panelbar li.t-item .t-link.t-header .t-icon {
  position: relative;
  top: -1px;
  left: 5px;
  width: 14px;
  height: 8px;
  border: 0;
  background: url('../../Images/a-panelbar.png') no-repeat;
}
ul.t-panelbar li.t-item .t-content {
  float: left;
  width: 99.7%;
  border: none;
  background: #FAFAFA;
}
ul.t-panelbar li.t-item .t-content #detailspanel {
  float: left;
}
ul.t-panelbar li.t-item .t-content #detailspanel #user-image {
  float: left;
  width: 12%;
}
ul.t-panelbar li.t-item .t-content #detailspanel #user-image img {
  margin: 2px;
}
ul.t-panelbar li.t-item .t-content #detailspanel #Language,
ul.t-panelbar li.t-item .t-content #detailspanel #DocumentTypeId {
  width: 53%;
}
ul.t-panelbar li.t-item .t-content fieldset#after-user-image {
  float: right;
  width: 87%;
}
ul.t-panelbar li.t-item .t-content fieldset {
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
  border: none;
}
ul.t-panelbar li.t-item .t-content fieldset legend {
  font-weight: bold;
  width: 99.5%;
  position: relative;
  margin: 0 0 10px;
  border-bottom: 2px solid #009688;
}
ul.t-panelbar li.t-item .t-content fieldset legend span {
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 10px;
  height: 7px;
  background: url('../../Images/a-down4.png') no-repeat;
}
ul.t-panelbar li.t-item .t-content fieldset table.form {
  float: left;
  width: 100%;
  border-spacing: 5px;
}
ul.t-panelbar li.t-item .t-content fieldset table.form td {
  width: 100%;
  margin: 0;
  padding: 1px 0;
  background: #CFD8DC;
}
ul.t-panelbar li.t-item .t-content fieldset table.form label {
  float: right;
  padding: 4px;
  margin-right: 3px;
  font: 12px/22px Arial, Helvetica, sans-serif;
}
ul.t-panelbar li.t-item .t-content fieldset table.form input[type="text"],
ul.t-panelbar li.t-item .t-content fieldset table.form input[type="password"],
ul.t-panelbar li.t-item .t-content fieldset table.form select,
ul.t-panelbar li.t-item .t-content fieldset table.form textarea {
  float: right;
  width: 50%;
  margin: 0;
  padding: 6px 1%;
}
ul.t-panelbar li.t-item .t-content fieldset table.form input[type="checkbox"] {
  float: right;
  margin: 0;
  border: 1px solid #d3d3d3;
  padding: 5px 1%;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-numerictextbox {
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-numerictextbox input {
  float: left;
  width: 98% !important;
  padding: 6px 0;
  border: 2px inset;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-numerictextbox.w52 {
  width: 52%;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-numerictextbox.w22 {
  width: 22%;
}
ul.t-panelbar li.t-item .t-content fieldset table.form select {
  width: 52.3%;
  padding: 6px 1%;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-datepicker,
ul.t-panelbar li.t-item .t-content fieldset table.form t-timepicker,
ul.t-panelbar li.t-item .t-content fieldset table.form .t-datetimepicker {
  float: right;
  width: 52.5%;
  padding: 0 1px;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-datepicker .t-picker-wrap,
ul.t-panelbar li.t-item .t-content fieldset table.form t-timepicker .t-picker-wrap,
ul.t-panelbar li.t-item .t-content fieldset table.form .t-datetimepicker .t-picker-wrap {
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-datepicker .t-picker-wrap input,
ul.t-panelbar li.t-item .t-content fieldset table.form t-timepicker .t-picker-wrap input,
ul.t-panelbar li.t-item .t-content fieldset table.form .t-datetimepicker .t-picker-wrap input {
  float: left;
  width: 98%;
  padding: 7px 1%;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-datepicker .t-picker-wrap span,
ul.t-panelbar li.t-item .t-content fieldset table.form t-timepicker .t-picker-wrap span,
ul.t-panelbar li.t-item .t-content fieldset table.form .t-datetimepicker .t-picker-wrap span {
  float: right;
  margin: 3px 2px 0 0;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-dropdown {
  float: right;
  width: 52%;
  padding: 0;
  background: #fff;
  color: black;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-dropdown .t-dropdown-wrap .t-arrow-down {
  margin-top: 5px;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-dropdown .t-state-focused {
  color: black;
  background: none;
}
ul.t-panelbar li.t-item .t-content fieldset table.form .t-datetimepicker {
  width: 60%;
}
ul.t-panelbar li.t-item .t-content fieldset table.form input[type="text"]:focus {
  border: 1px solid #d3d3d3;
}
ul.t-panelbar li.t-item .t-content fieldset table.form input[readonly="readonly"] {
  color: #777;
}
ul.t-panelbar li.t-item .t-content fieldset table.td-2 td {
  width: 50% !important;
}
ul.t-panelbar li.t-item .t-content fieldset table.td-3 td {
  width: 33.3% !important;
}
ul.t-panelbar li.t-item .t-content fieldset table.td-4 td {
  width: 25% !important;
}
ul.t-panelbar li.t-item .t-content fieldset table.td-5 td {
  width: 20% !important;
}
ul.t-panelbar li.t-item .t-content fieldset table.td-6 td {
  width: 16.5% !important;
}
ul.t-panelbar li.t-item .t-content fieldset table.td-auto td {
  width: auto;
}
ul.t-panelbar li.t-item .t-content .t-grid {
  float: left;
  width: 100%;
  padding: 0 0 15px 0;
}
ul.t-panelbar li.t-item .t-content .t-grid .t-toolbar {
  background: #fff;
  border: none;
  padding: 5px 0;
}
ul.t-panelbar li.t-item .t-content .t-grid .t-toolbar .t-button {
  margin-left: 5px;
}
ul.t-panelbar li.t-item .t-content .t-grid table {
  float: left;
  width: 100%;
  border: 0;
  border-spacing: 1px;
  background: #efefef;
}
ul.t-panelbar li.t-item .t-content .t-grid table .t-alt {
  background: #CFD8DC;
}
ul.t-panelbar li.t-item .t-content .t-grid table th {
  background: #00796B;
  padding-top: 5px;
  padding-bottom: 5px;
}
ul.t-panelbar li.t-item .t-content .t-grid table th a,
ul.t-panelbar li.t-item .t-content .t-grid table th span {
  color: #fff;
}
ul.t-panelbar li.t-item .t-content .t-grid table th a.t-link:hover {
  background: #009688 !important;
}
ul.t-panelbar li.t-item .t-content .t-grid table th:hover {
  background: #009688;
}
ul.t-panelbar li.t-item .t-content .t-grid .t-grid-pager {
  float: left;
  width: 99.5%;
  border: none;
  background: #fff;
  padding: 15px 0 0 1px;
}
ul.t-panelbar li.t-item .t-content .t-grid .t-grid-pager .t-status {
  display: none;
}
ul.t-panelbar li.t-item .t-content .t-grid .t-grid-pager #SelectSize {
  display: none;
  float: left;
  width: 55px;
  margin: -2px 5px 0 0;
  font: 12px/24px Arial, Tahoma, sans-serif;
  color: #333;
  padding: 3px 3px;
  border: 1px solid #d3d3d3;
  background: #fff;
}
ul.t-panelbar li.t-item .t-content .t-grid .t-grid-pager .t-numeric .t-state-active {
  font-weight: bold;
  border: none;
}
#course-categories .check button.t-button:disabled,
#enrollment-categories .check button.t-button:disabled {
  border-color: transparent;
}
#student-form .validation-summary-errors,
#course-form .validation-summary-errors,
form[name="myform"] .validation-summary-errors {
  float: left;
  width: 100%;
  background: rgba(255, 0, 0, 0.7);
}
#student-form .validation-summary-errors ul,
#course-form .validation-summary-errors ul,
form[name="myform"] .validation-summary-errors ul {
  float: left;
  width: 96%;
  font-weight: bold;
  list-style: square;
  padding: 2px 2%;
  color: #fff;
}
.m-zakres .check {
  width: 55px;
  height: 40px;
  padding: 0 0 0 20px;
}
.history #GridStatus {
  border: 1px solid #d3d3d3;
}
.history table {
  width: 100%;
  border: none;
}
.history .t-header {
  display: none;
}
.history .t-status {
  display: none;
}
.history .InfoPanel {
  width: 98%;
  float: left;
  padding: 5px 1%;
  text-align: justify;
}
.history .t-grid-bottom {
  border: none;
}
.history .t-grid-bottom .t-pager {
  padding-top: 5px;
}
/* Progress bar */
#course-bar-container {
  float: left;
  width: 100%;
  background: none;
}
#course-bar-container progress[value] {
  border: none;
  width: 100%;
  height: 22px;
  background-color: whiteSmoke;
  border-radius: 5px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3) inset;
  color: royalblue;
  position: relative;
}
#course-bar-container progress[value]::-webkit-progress-bar {
  background-color: whiteSmoke;
  border-radius: 3px;
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.3) inset;
}
#course-bar-container progress[value]::-webkit-progress-value {
  position: relative;
  background-size: 35px 22px, 100% 100%, 100% 100%;
  border-radius: 3px;
}
#course-bar-container progress::-webkit-progress-value {
  background-image: -webkit-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -webkit-linear-gradient(left, #09c, #f44);
}
#course-bar-container progress[value]::-moz-progress-bar {
  background-image: -moz-linear-gradient(135deg, transparent, transparent 33%, rgba(0, 0, 0, 0.1) 33%, rgba(0, 0, 0, 0.1) 66%, transparent 66%), -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.2)), -moz-linear-gradient(left, #09c, #f44);
  background-size: 35px 22px, 100% 100%, 100% 100%;
  border-radius: 3px;
}
/* STYLE DLA PORÓWNYWARKI*/
.comparator {
  float: left;
  width: 98%;
  margin: 0 1%;
}
.comparator fieldset {
  float: left;
  padding: 0;
  margin: 0;
  width: 100%;
  border: none;
}
.comparator fieldset legend {
  font-weight: bold;
  width: 99.5%;
  position: relative;
  margin: 0 0 10px;
  border-bottom: 2px solid #009688;
}
.comparator fieldset legend span {
  position: absolute;
  bottom: -7px;
  left: 0;
  width: 10px;
  height: 7px;
  background: url('../../Images/a-down4.png') no-repeat;
}
.comparator fieldset .t-grid {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 5px;
}
.comparator fieldset .t-grid table {
  float: left;
  width: 100%;
  border: 0;
  border-spacing: 1px;
  background: #efefef;
}
.comparator fieldset .t-grid table .t-alt {
  background: #fbfbfb;
}
.comparator fieldset .t-grid table th {
  background: #828282;
  padding-top: 5px;
  padding-bottom: 5px;
}
.comparator fieldset .t-grid table th a,
.comparator fieldset .t-grid table th span {
  color: #fff;
}
.comparator fieldset .t-grid table tr td:last-child {
  width: auto;
}
.comparator fieldset .t-grid .t-grid-pager {
  display: none;
}
.inline-category {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #efefef !important;
}
.inline-category label {
  float: left;
  font-size: 10px !important;
}
.inline-category input {
  margin: 8px 2px 0 0 !important;
  float: right;
}
.t-widget.t-grid {
  border: 0;
  width: 100%;
}
.t-widget.t-grid th.t-header {
  background: #00796B;
}
.t-widget.t-grid th.t-header a:hover {
  background: #009688;
}
.t-toolbar.t-grid-toolbar.t-grid-top,
#ManageUsersGrid {
  background: #fafafa;
}
#helping-course input#Profile_IsFirstHelpingCourse {
  margin: 1.5% 50% 0 0;
}