/* Green */
@-ms-viewport {
  width: device-width; }

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  box-sizing: inherit; }

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px; }
  .row.no-neg {
    margin-right: 0;
    margin-left: 0; }
  .row.gutters {
    margin-right: 10px;
    margin-left: 10px; }
.row.np{
	margin:0;
}
.row.np .col{
padding:0;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0; }

.no-gutters > .col {
  padding: 0; }

.lr-only > .col {
  padding-top: 0;
  padding-bottom: 0; }

.col {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding: 10px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%; }

.row.g-big.no-padding {
  margin-left: -12px;
  margin-right: -12px; }

.row.g-big .col {
  padding: 12px; }

.row.p-all .col {
  padding: 10px; }

.row.g6 {
  margin-right: -6px;
  margin-left: -6px; }
  .row.g6 .col {
    padding: 6px; }

.col.auto {
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

.col.xl1 {
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  max-width: 8.33333%; }

.col.xl2 {
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  max-width: 16.66667%; }

.col.xl3 {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%; }

.col.xl4 {
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  max-width: 33.33333%; }

.col.xl5 {
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  max-width: 41.66667%; }

.col.xl6 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%; }

.col.xl7 {
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  max-width: 58.33333%; }

.col.xl8 {
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  max-width: 66.66667%; }

.col.xl9 {
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%; }

.col.xl10 {
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  max-width: 83.33333%; }

.col.xl11 {
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  max-width: 91.66667%; }

.col.xl12 {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%; }

.order-first {
  -ms-flex-order: -1;
  order: -1; }

.order-1 {
  -ms-flex-order: 1;
  order: 1; }

.order-2 {
  -ms-flex-order: 2;
  order: 2; }

.order-3 {
  -ms-flex-order: 3;
  order: 3; }

.order-4 {
  -ms-flex-order: 4;
  order: 4; }

.order-5 {
  -ms-flex-order: 5;
  order: 5; }

.order-6 {
  -ms-flex-order: 6;
  order: 6; }

.order-7 {
  -ms-flex-order: 7;
  order: 7; }

.order-8 {
  -ms-flex-order: 8;
  order: 8; }

.order-9 {
  -ms-flex-order: 9;
  order: 9; }

.order-10 {
  -ms-flex-order: 10;
  order: 10; }

.order-11 {
  -ms-flex-order: 11;
  order: 11; }

.order-12 {
  -ms-flex-order: 12;
  order: 12; }

.order-last {
  -ms-flex-order: 13;
  order: 13; }

.offset-1 {
  margin-left: 8.33333%; }

.offset-2 {
  margin-left: 16.66667%; }

.offset-3 {
  margin-left: 25%; }

.offset-4 {
  margin-left: 33.33333%; }

.offset-5 {
  margin-left: 41.66667%; }

.offset-6 {
  margin-left: 50%; }

.offset-7 {
  margin-left: 58.33333%; }

.offset-8 {
  margin-left: 66.66667%; }

.offset-9 {
  margin-left: 75%; }

.offset-10 {
  margin-left: 83.33333%; }

.offset-11 {
  margin-left: 91.66667%; }

.offset-12 {
  margin-left: 100%; }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex {
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media all and (max-width: 1200px) {
  .col.lg-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col.lg1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col.lg2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col.lg3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col.lg4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col.lg5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col.lg6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col.lg7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col.lg8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col.lg9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col.lg10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col.lg11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col.lg12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    -ms-flex-order: -1;
    order: -1; }
  .order-lg1 {
    -ms-flex-order: 1;
    order: 1; }
  .order-lg2 {
    -ms-flex-order: 2;
    order: 2; }
  .order-lg3 {
    -ms-flex-order: 3;
    order: 3; }
  .order-lg4 {
    -ms-flex-order: 4;
    order: 4; }
  .order-lg5 {
    -ms-flex-order: 5;
    order: 5; }
  .order-lg6 {
    -ms-flex-order: 6;
    order: 6; }
  .order-lg7 {
    -ms-flex-order: 7;
    order: 7; }
  .order-lg8 {
    -ms-flex-order: 8;
    order: 8; }
  .order-lg9 {
    -ms-flex-order: 9;
    order: 9; }
  .order-lg10 {
    -ms-flex-order: 10;
    order: 10; }
  .order-lg11 {
    -ms-flex-order: 11;
    order: 11; }
  .order-lg12 {
    -ms-flex-order: 12;
    order: 12; }
  .order-lg-last {
    -ms-flex-order: 13;
    order: 13; }
  .offset-lg1 {
    margin-left: 8.33333%; }
  .offset-lg2 {
    margin-left: 16.66667%; }
  .offset-lg3 {
    margin-left: 25%; }
  .offset-lg4 {
    margin-left: 33.33333%; }
  .offset-lg5 {
    margin-left: 41.66667%; }
  .offset-lg6 {
    margin-left: 50%; }
  .offset-lg7 {
    margin-left: 58.33333%; }
  .offset-lg8 {
    margin-left: 66.66667%; }
  .offset-lg9 {
    margin-left: 75%; }
  .offset-lg10 {
    margin-left: 83.33333%; }
  .offset-lg11 {
    margin-left: 91.66667%; }
  .offset-lg12 {
    margin-left: 100%; }
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media all and (max-width: 992px) {
  .col.md-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col.md1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col.md2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col.md3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col.md4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col.md5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col.md6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col.md7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col.md8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col.md9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col.md10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col.md11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col.md12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    -ms-flex-order: -1;
    order: -1; }
  .order-md1 {
    -ms-flex-order: 1;
    order: 1; }
  .order-md2 {
    -ms-flex-order: 2;
    order: 2; }
  .order-md3 {
    -ms-flex-order: 3;
    order: 3; }
  .order-md4 {
    -ms-flex-order: 4;
    order: 4; }
  .order-md5 {
    -ms-flex-order: 5;
    order: 5; }
  .order-md6 {
    -ms-flex-order: 6;
    order: 6; }
  .order-md7 {
    -ms-flex-order: 7;
    order: 7; }
  .order-md8 {
    -ms-flex-order: 8;
    order: 8; }
  .order-md9 {
    -ms-flex-order: 9;
    order: 9; }
  .order-md10 {
    -ms-flex-order: 10;
    order: 10; }
  .order-md11 {
    -ms-flex-order: 11;
    order: 11; }
  .order-md12 {
    -ms-flex-order: 12;
    order: 12; }
  .order-md-last {
    -ms-flex-order: 13;
    order: 13; }
  .offset-md1 {
    margin-left: 8.33333%; }
  .offset-md2 {
    margin-left: 16.66667%; }
  .offset-md3 {
    margin-left: 25%; }
  .offset-md4 {
    margin-left: 33.33333%; }
  .offset-md5 {
    margin-left: 41.66667%; }
  .offset-md6 {
    margin-left: 50%; }
  .offset-md7 {
    margin-left: 58.33333%; }
  .offset-md8 {
    margin-left: 66.66667%; }
  .offset-md9 {
    margin-left: 75%; }
  .offset-md10 {
    margin-left: 83.33333%; }
  .offset-md11 {
    margin-left: 91.66667%; }
  .offset-md12 {
    margin-left: 100%; }
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media all and (max-width: 768px) {
  .col.sm-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col.sm1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col.sm2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col.sm3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col.sm4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col.sm5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col.sm6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col.sm7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col.sm8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col.sm9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col.sm10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col.sm11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col.sm12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    -ms-flex-order: -1;
    order: -1; }
  .order-sm1 {
    -ms-flex-order: 1;
    order: 1; }
  .order-sm2 {
    -ms-flex-order: 2;
    order: 2; }
  .order-sm3 {
    -ms-flex-order: 3;
    order: 3; }
  .order-sm4 {
    -ms-flex-order: 4;
    order: 4; }
  .order-sm5 {
    -ms-flex-order: 5;
    order: 5; }
  .order-sm6 {
    -ms-flex-order: 6;
    order: 6; }
  .order-sm7 {
    -ms-flex-order: 7;
    order: 7; }
  .order-sm8 {
    -ms-flex-order: 8;
    order: 8; }
  .order-sm9 {
    -ms-flex-order: 9;
    order: 9; }
  .order-sm10 {
    -ms-flex-order: 10;
    order: 10; }
  .order-sm11 {
    -ms-flex-order: 11;
    order: 11; }
  .order-sm12 {
    -ms-flex-order: 12;
    order: 12; }
  .order-sm-last {
    -ms-flex-order: 13;
    order: 13; }
  .offset-sm1 {
    margin-left: 8.33333%; }
  .offset-sm2 {
    margin-left: 16.66667%; }
  .offset-sm3 {
    margin-left: 25%; }
  .offset-sm4 {
    margin-left: 33.33333%; }
  .offset-sm5 {
    margin-left: 41.66667%; }
  .offset-sm6 {
    margin-left: 50%; }
  .offset-sm7 {
    margin-left: 58.33333%; }
  .offset-sm8 {
    margin-left: 66.66667%; }
  .offset-sm9 {
    margin-left: 75%; }
  .offset-sm10 {
    margin-left: 83.33333%; }
  .offset-sm11 {
    margin-left: 91.66667%; }
  .offset-sm12 {
    margin-left: 100%; }
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media all and (max-width: 576px) {
  .col.xs-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col.xs1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col.xs2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col.xs3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col.xs4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col.xs5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col.xs6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col.xs7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col.xs8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col.xs9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col.xs10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col.xs11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col.xs12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xs-first {
    -ms-flex-order: -1;
    order: -1; }
  .order-xs1 {
    -ms-flex-order: 1;
    order: 1; }
  .order-xs2 {
    -ms-flex-order: 2;
    order: 2; }
  .order-xs3 {
    -ms-flex-order: 3;
    order: 3; }
  .order-xs4 {
    -ms-flex-order: 4;
    order: 4; }
  .order-xs5 {
    -ms-flex-order: 5;
    order: 5; }
  .order-xs6 {
    -ms-flex-order: 6;
    order: 6; }
  .order-xs7 {
    -ms-flex-order: 7;
    order: 7; }
  .order-xs8 {
    -ms-flex-order: 8;
    order: 8; }
  .order-xs9 {
    -ms-flex-order: 9;
    order: 9; }
  .order-xs10 {
    -ms-flex-order: 10;
    order: 10; }
  .order-xs11 {
    -ms-flex-order: 11;
    order: 11; }
  .order-xs12 {
    -ms-flex-order: 12;
    order: 12; }
  .order-xs-last {
    -ms-flex-order: 13;
    order: 13; }
  .offset-xs1 {
    margin-left: 8.33333%; }
  .offset-xs2 {
    margin-left: 16.66667%; }
  .offset-xs3 {
    margin-left: 25%; }
  .offset-xs4 {
    margin-left: 33.33333%; }
  .offset-xs5 {
    margin-left: 41.66667%; }
  .offset-xs6 {
    margin-left: 50%; }
  .offset-xs7 {
    margin-left: 58.33333%; }
  .offset-xs8 {
    margin-left: 66.66667%; }
  .offset-xs9 {
    margin-left: 75%; }
  .offset-xs10 {
    margin-left: 83.33333%; }
  .offset-xs11 {
    margin-left: 91.66667%; }
  .offset-xs12 {
    margin-left: 100%; }
  .d-xs-none {
    display: none !important; }
  .d-xs-inline {
    display: inline !important; }
  .d-xs-inline-block {
    display: inline-block !important; }
  .d-xs-block {
    display: block !important; }
  .d-xs-table {
    display: table !important; }
  .d-xs-table-row {
    display: table-row !important; }
  .d-xs-table-cell {
    display: table-cell !important; }
  .d-xs-flex {
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xs-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !important; }
  .d-print-table {
    display: table !important; }
  .d-print-table-row {
    display: table-row !important; }
  .d-print-table-cell {
    display: table-cell !important; }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

.flex-row {
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.flex-column {
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

.flex-row-reverse {
  -ms-flex-direction: row-reverse !important;
  flex-direction: row-reverse !important; }

.flex-column-reverse {
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important; }

.flex-wrap {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important; }

.flex-nowrap {
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important; }

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.flex-fill {
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important; }

.flex-grow-0 {
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important; }

.flex-grow-1 {
  -ms-flex-positive: 1 !important;
  flex-grow: 1 !important; }

.flex-shrink-0 {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important; }

.flex-shrink-1 {
  -ms-flex-negative: 1 !important;
  flex-shrink: 1 !important; }

.justify-content-start {
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between {
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

.justify-content-around {
  -ms-flex-pack: distribute !important;
  justify-content: space-around !important; }

.align-items-start {
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-end {
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.align-items-center {
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

	.height-1,
.size-1 {
  height: 40px;
}
.height-2,
.size-2 {
  height: 80px;
}
.height-3,
.size-3 {
  height: 120px;
}
.height-4,
.size-4 {
  height: 160px;
}
.height-5,
.size-5 {
  height: 200px;
}
.height-6,
.size-6 {
  height: 240px;
}
.height-7,
.size-7 {
  height: 280px;
}
.height-8,
.size-8 {
  height: 320px;
}
.height-9,
.size-9 {
  height: 360px;
}
.height-10,
.size-10 {
  height: 400px;
}
.height-11,
.size-11 {
  height: 440px;
}
.height-12,
.size-12 {
  height: 480px;
}
input, select, textarea {
  border-radius: 0;
  background: #fff; }

*:focus {
  outline: none; }

* {
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, content {
  display: block; }

html, body, form {
  margin: 0;
  padding: 0;
  height: 100%;
  font: normal normal 400 14px/24px "Roboto", Arial, Helvetica, sans-serif;
  color: #444; 
}
		
.toast-title {
  font-weight: bold;
}
.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  line-height: 1;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
.rtl .toast-close-button {
  left: -0.3em;
  float: left;
  right: 0.3em;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  pointer-events: none;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container > div {
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
}
#toast-container > div.rtl {
  direction: rtl;
  padding: 15px 50px 15px 15px;
  background-position: right 15px center;
}
#toast-container > div:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  cursor: pointer;
}
#toast-container > .toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container > .toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container > .toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center > div,
#toast-container.toast-bottom-center > div {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  filter: alpha(opacity=40);
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container > div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container > div.rtl {
    padding: 8px 50px 8px 8px;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
  #toast-container .rtl .toast-close-button {
    left: -0.2em;
    right: 0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container > div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
  #toast-container > div.rtl {
    padding: 15px 50px 15px 15px;
  }
}

body{
background:#f5f5f5;
overflow-y:scroll;
		}
header{
display:block;
position:fixed;
top:0;
left:0;
right:0;
background:#333;
height:65px;	
z-index:10;
}
		
content{
padding-top:65px;		
}
		
.logo{
display:block;
float:left;
padding:20px 0 0 20px;
}
.logo.mobile{
display:none;
}

header .close{
display:block;
float:right;
padding:12px 17px 0 0;
width:40px;
height:40px;
line-height:40px;
text-decoration:none;
color:#777;
font-size:16px;
transition:0.3s;
}

header .close:hover{
color:#fff;
transition:0.3s;
}

.cc{
width:100%;
max-width:1524px;
padding:0 12px;
margin:auto;
}
.cc.small{
max-width:464px;
}
.cc.medium{
max-width:1060px;
}
.card{
display:block;
background:#fff;
border-radius:5px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
text-decoration:none;
}
.card-head{
padding:20px 24px;
background:#fafafa;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom:1px solid #eee;
}
.card-body{
padding:24px;
}
.card-footer{
	padding:10px 24px 18px 24px;	
}
.card-head h2{
margin:0;
padding:0;
font-size:20px;
line-height:22px;
color:#444;
font-weight:normal;
}
				
.input-group{
  position: relative;
  padding: 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 12px;
  min-height:52px}
.input-group label{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 4px;
    margin-left: 0;
    padding: 0 0 0 12px;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.2s ease-out;
    font-size: 11px;
    line-height: 17px; }
  .input-group input, .input-group select, .input-group textarea{
    background: none;
    border: none;
    background-clip: padding-box;
    border-radius: 5px;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 12px 11px;
	margin:0;
    word-break: normal;
    line-height: inherit;
    transition: all 0.2s ease-out;
    color: #333;
    font-size: 14px;
    line-height: 26px;
    font-family: "Roboto", Arial, Helvetica, sans-serif; }
.input-group input, .input-group select{
	height:50px;
	min-height:50px;
}
  .input-group.error,.input-group.has-error {
    border-color: #ff0000; }
    .input-group.error label, .input-group.has-error label{
      color: #ff0000; }
  .input-group.notempty label {
    transform: none;
    opacity: 0.8; }
  .input-group.notempty input, .input-group.notempty textarea{
    padding: 20px 11px 4px 11px; }
.input-group.lbl,.input-group.lbl-big  span{
display:block;
min-height:48px;
padding:20px 0 0 13px;
}

.chk-styled {
  position: relative; 
}
.chk-styled input {
    display: none; 
}
.chk-styled label {
    position: relative;
    display: block;
    padding-left: 23px;
    font-size: 14px;
    line-height: 25px;
    color: #444; 
}
.chk-styled label strong {
    font-weight: 500;
}
  .chk-styled label em {
    display: block;
    font-weight: 400;
    margin-top: -6px;
    opacity: 0.8;
    font-style: normal;
    padding-bottom: 4px; 
}
.chk-styled label::before {
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 0;
    background: #fff;
    color: #fff;
    line-height: 13px;
    text-align: center;
	border-radius:3px;
}
  .input-chk.error label, .input-chk.error label a,.input-chk.has-error label, .input-chk.has-error label a {
    color: #ff0000 !important; }
  .input-chk.error label::before, .input-chk.has-error label::before  {
    border-color: #ff0000; 
	
}
.chk-styled input[type=checkbox]:checked + label::before {
    content: '\f00c';
    font-family: "Font Awesome 5 Pro";
    font-size: 11px;
    border-color: #08c880;
    background: #08c880; }

.checkbox-styled, .input-chk, .input-checked {
  position: relative; 
}
.checkbox-styled input, .input-chk input, .input-checked input {
    display: none; 
}
.checkbox-styled span, .input-chk span, .input-chk label, .input-checked label {
    position: relative;
    display: block;
    padding-left: 23px;
    font-size: 14px;
    line-height: 25px;
    color: #444; 
}
.checkbox-styled span strong {
    font-weight: 500;
}
.checkbox-styled span em {
    display: block;
    font-weight: 400;
    margin-top: -6px;
    opacity: 0.8;
    font-style: normal;
    padding-bottom: 4px; 
}
.checkbox-styled span::before, .input-chk label::before, .input-checked label::before{
    content: '';
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #ccc;
    border-radius: 0;
    background: #fff;
    color: #fff;
    line-height: 13px;
    text-align: center;
	border-radius:3px;
}

.checkbox-styled input[type=checkbox]:checked + span::before, .input-chk input[type=checkbox]:checked + label::before, .input-checked input[type=checkbox]:checked + label::before,
.checkbox-styled input[type=radio]:checked + span::before, .input-chk input[type=radio]:checked + label::before, .input-checked input[type=tadio]:checked + label::before {
    content: '\f00c';
    font-family: "Font Awesome 5 Pro";
    font-size: 11px;
    border-color: #08c880;
    background: #08c880; }



.cta{
display:inline-block;
text-align:center;
padding:11px 14px;
min-width:100px;
font-size:14px;
line-height:26px;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color:#fff;
background:#08c880;
border:1px solid #08c880;
border-radius:11px;
position:relative;
}
.cta.nobg{
background:none;
border-color:#777;
color:#777;
}
.cta.red{
background:#e2211c;
border-color:#e2211c;
}
		
.txt-link{
color:#777;
}
a.cta+a.cta{
margin-left:20px;		
		}
.alert{
padding-bottom:10px;
} 
.alert.alert-danger{
color:#ff0000;
}

header.justify{
display:flex;
flex-wrap: nowrap;
justify-content:space-between;
}
header ul, header ul li{
list-style:none;
padding:0;
margin:0;
}

.header-nav-main ul{
display:block;
}
.header-nav-main li{
padding:0 20px;
display:block;
float:left;
}
.header-nav-main li a{
padding:16px 0;
border-bottom:3px solid transparent;
display:block;
font-size:14px;
line-height:30px;
font-weight:500;
text-transform:uppercase;
text-decoration:none;
transition:0.3s;
color:#999;
}
.header-nav-main li a.active{
color:#fff;	
border-bottom-color:#ff5b20;
}
.header-nav-options, .header-nav-profile, .header-nav-add{
display:block;
float:left;
}
.header-nav-options li{
display:block;
float:left;
}				
.header-nav-options li a{
padding-top:10px;
display:block;
font-size:14px;
line-height:45px;
text-decoration:none;
transition:0.3s;
color:#999;
width:45px;
text-align:center;
}
.header-nav-options li a:hover{
color:#fff;			
}
header li.dropdown{
position:relative;
}
header li.dropdown .dropdown-menu{
display:none;
position:absolute;
top:60px;
right:-10px;
background: #fff;
border-radius: 4px;
border:1px solid #d5d5d5;
list-style:none;
padding:0;
margin:0;
padding:10px;
min-width:100px;
}
header li.dropdown.hvr .dropdown-menu{
display:block;
opacity:0;
transition:0.3s;
}
header li.dropdown.hvr:hover .dropdown-menu{
opacity:1;
transition:0.3s;
}
header li.dropdown .dropdown-menu::before{
content:'';
display:block;
position:absolute;
top:-12px;
right:19px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 11.5px 12px 11.5px;
border-color: transparent transparent #d5d5d5 transparent;
}
header li.dropdown .dropdown-menu::after{
content:'';
display:block;
position:absolute;
top:-11px;
right:20px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10.5px 11px 10.5px;
border-color: transparent transparent #fff transparent;
}
header li.dropdown .dropdown-menu li{
list-style:none;
padding:0;
margin:0;
display:block;
line-height:20px;
font-size:14px;
color:#222;
font-weight:500;
white-space: nowrap;
}

header li.dropdown .dropdown-menu li a{
font-weight:normal;
display: block;
    white-space: nowrap;
    line-height: 22px;
    padding: 5px 0;
    color: #777;
    text-decoration: none;
    width: auto;
    min-width: 150px;
    text-align: left;
}
header li.dropdown .dropdown-menu li a .pull-right{
display:none;
}
.header-nav-profile{
padding:10px 10px 0 10px;
}
.header-nav-profile a.dropdown-toggle img{
	display:none;
}

.header-nav-profile a.dropdown-toggle{
	display:block;
	padding-left:18px;
	padding-right:25px;
	padding-top:10px;
	color:#fff;
	text-decoration:none;
	position:relative;
	font-size:12px;
	line-height:15px;
}
.header-nav-profile a.dropdown-toggle:hover:before{
}
.header-nav-profile a.dropdown-toggle:before{
	content:'\f007';
	font-family:"Font Awesome 5 Pro";
	font-weight:bold;
	display:block;
	position:absolute;
    top:0;
	left:0;
	line-height:45px;
	color:#999;
}
.header-nav-profile a.dropdown-toggle:hover:before{
	color:#fff;
}
.header-nav-profile a.dropdown-toggle:after{
	content:'\f078';
	font-family:"Font Awesome 5 Pro";
	display:block;
	position:absolute;
    right:0;
	top:0;
	line-height:45px;
	color:#999;
}
.header-nav-profile a.dropdown-toggle small{
	display:block;
	color:#999;
	font-size:10px;
	line-height:12px;
}
.header-nav-add{
padding-top:7px;
padding-right:12px;
}
.header-nav-add .cta{
min-width: 45px;
    padding: 8px;
    line-height: 27px;
    margin-top: 3px;
    border-radius: 5px;
}

#content{
padding-left:51px;
}
#content.no-menu{
padding-left:0;
}
#menu{
position:fixed;
top:65px;
left:0;
bottom:0;
width:50px;
background:#fff;
border-right:1px solid #e0e0e0;
z-index:1;
}
.section-header{
padding:40px 30px;
}

h1{
    margin: 0;
    padding: 0;
    line-height: 50px;
    font-size: 30px;
    color: #444;
    font-weight: normal;
}

.section-header h1{
margin:0;
padding:0;
line-height:50px;
font-size:30px;
color:#444;
font-weight:normal;
}

#menu a{
display:block;
width:50px;
height:50px;
border-bottom:1px solid #e0e0e0;
line-height:50px;
text-align:center;
position:relative;
font-size:16px;
color:#444;
text-decoration:none;
}
#menu a em{
font-size:12px;
font-style:normal;
}
#menu a.active{
color:#fff;
background:#ff5b20;
}
#menu a span{
display:block;
position:absolute;
left:54px;
top:0;
height:50px;
white-space:nowrap;
padding:10px 0px 10px 0px;
background:#444;
color:#fff;
border-radius:5px;
text-transform:uppercase;
font-size:12px;
line-height:30px;
text-align:left;
box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.4);
opacity:0;
width:0;
transition:0.3s;
transition-property: opacity;
overflow:hidden;
}
#menu a:hover span{
opacity:1;
width:auto;
padding:10px 36px 10px 14px;
transition:0.3s;
transition-property: opacity;
overflow:visible;
}
#menu a span em{
position:absolute;
top:10px;
right:14px;
font-size:12px;
color:#999;
font-style:normal;
}

#menu a span::after{
content:'';
display:block;
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 10.5px 11px 10.5px 0;
border-color: transparent #444444 transparent transparent;
top:14.5px;
left:-11px;
}

.pull-right{
float:right;
}
.btn-group.sort{
position:relative;
float:left;
z-index:1;
}
.btn-group.sort button,.btn-group .hdr-btn,.hdr-btn  {
background:#fff;
border-radius:5px;
border:1px solid #d5d5d5;
line-height:20px;
font-size:14px;
color:#777;
padding:14px 11px;
display:block;
min-width:50px;
font-size:16px;
text-align:center;
margin-left:8px;
}
.btn-group.sort .dropdown-menu{
display:none;
position:absolute;
top:60px;
right:0;
background: #fff;
min-width: 100%;
border-radius: 4px;
border:1px solid #d5d5d5;
list-style:none;
padding:0;
margin:0;
padding:10px;
}
.btn-group.sort .btn.dropdown-toggle{
font-size:14px;
			}
.btn-group.sort .dropdown-menu li{
list-style:none;
padding:0;
margin:0;
display:block;
line-height:20px;
font-size:14px;
color:#777;
}
.btn-group.sort .dropdown-menu li a{
display:block;
white-space:nowrap;
line-height:22px;
padding:5px 0;
color:#777;
text-decoration:none;
}
		
.btn-group.sort .dropdown-menu::before{
content:'';
display:block;
position:absolute;
top:-12px;
right:19px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 11.5px 12px 11.5px;
border-color: transparent transparent #d5d5d5 transparent;
}
.btn-group.sort .dropdown-menu::after{
content:'';
display:block;
position:absolute;
top:-11px;
right:20px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 10.5px 11px 10.5px;
border-color: transparent transparent #fff transparent;
}
.badge{
position: absolute;
    top: 16px;
    right: 3px;
    width: 14px;
    height: 14px;
    font-size: 10px;
    border-radius: 7px;
    background: #ff5b20;
    font-style: normal;
    vertical-align: baseline;
    display: block;
    line-height: 14px;
    color: #fff;
}

.view-select{
height:50px;
border:1px solid #d5d5d5;
border-radius:5px;
float:left;
background:#f5f5f5;
margin-left:10px;
overflow:hidden;
}
.view-select::after{
content:'';
display:block;
float:none;
clear:both;
}

.view-select a{
display:block;
line-height:48px;
width:48px;
font-size:16px;
text-align:center;
color:#777;
text-decoration:none;
float:left;
}

.btn-group.view-select a {
margin-top:0;
line-height:48px;
width:48px;
height:auto;
border:none;
background:none;
}
.view-select a:first-child{
border-right:1px solid #d5d5d5;
width:49px;
	
}
.view-select a.btn-default{
background:#fff;
color:#444;
}

.search-holder{
background:#fff;
border-top:1px solid #e0e0e0;
border-bottom:1px solid #e0e0e0;
}
.search-holder::after{
content:'';
display:block;
float:none;
clear:both;
}
.search{
display:flex;
width:100%;
}
.search-holder .search-left{
flex:0 0 32%;
border-right:1px solid #e0e0e0;
float:left;
padding:40px 40px 40px 0;
}

.search-holder .search-right{
flex:0 0 68%;
float:left;
padding:40px 0 40px 40px;
}
.search-holder .search-full{
flex:0 0 100%;
padding:40px 0 40px 0;
}
		
.search-holder h2{
margin:0;
padding:0 0 13px 0;
font-size:20px;
line-height:35px;
color:#444;
font-weight:500px;
text-transform:uppercase;
}

.search-holder .checkbox{
padding-bottom:10px;
}

.search-container{
margin:-7px;
margin-top:0;
}

.search-container .form-group{
padding:7px;
width:25%;
float:left;
}

.search-full .search-container .form-group{
padding:7px;
width:20%;
float:left;
}
.search-full.tasks .search-container .form-group{
padding:7px;
width:16.66%;
float:left;
}
.search .select2-container--default .select2-selection--single{
height:46px;
border-radius:3px;
border-color:#d5d5d5;
}
.search .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:44px;
}
.search .select2-container--default .select2-selection--single .select2-selection__arrow{
height:44px;
}

.form-input-holder{
width:100%;
border:1px solid #d5d5d5;
border-radius:3px;
height:46px;
position:relative;
background:#fff;
padding-right:44px;
}
.form-input-holder input{
border:none;
height:44px;
padding:0 0 0 10px;
line-height:44px;
}
.form-input-holder a{
position:absolute;
top:0px;
right:0px;
width:44px;
height:44px;
line-height:44px;
font-size:20px;
border-left:1px solid #d5d5d5;
background:#fafafa;
text-align:center;
color:#777;
}
.form-group.reset{
position:relative;
}
.form-group.reset .btn-reset{
display:none;
position:absolute;
top:7px;
right:7px;
width:46px;
height:46px;
line-height:44px;
font-size:20px;
border:1px solid #d5d5d5;
background:#fafafa;
text-align:center;
color:#777;
border-radius:3px;
}
.on .form-group.reset,.search-full.tasks .search-container.on .form-group.reset{
padding-right:58px;
}		
.on .form-group.reset .btn-reset{
display:block;
}

.list-header, .list-item{
display:none;
padding-left:105px;
position:relative;
border-bottom:1px solid #e0e0e0;
}
.list-header::after, .list-item::after{
content:'';
display:block;
float:none;
clear:both;
}

.offered-list-view .list-header, .offered-list-view .list-item{
display:flex;
align-items:center;
}
.card-item{
text-decoration:none;
color:#222;
}
						
.offered-list-view .card-item{
display:none;		
						}
.car-img-holder{
position:relative;
overflow:hidden;
border-top-left-radius:4px;
border-top-right-radius:4px;
}
.car-img-holder img{
display:block;
width:100%;
}
.band {
    position: absolute;
    top: 29px;
    left: -38px;
    background: #ff5b20;
    font: normal normal normal 11px/15px 'Roboto';
    color: #fff;
    padding: 5px 30px 5px 30px;
    transform: rotate(-45deg);
    text-transform: uppercase;
	z-index:1;
	min-width:160px;
	text-align:center;
}
.band.yellow{
	background:#f6d020;
	font-size:12px;
	color:#222;
}

.car-img-footer{
background:#222;
}
.car-img-footer:after{
content:'';
display:block;
float:none;
clear:both;
}
.tags {
    padding:5px;
    display: block;
    float: left;
}

.tags em, .tag{
display:block;
float:left;
font: normal normal normal 10px/22px 'Roboto',arial, sans;
color: #fff;
background:#999;
margin:0 5px 0 0;	
padding:0 10px 0 10px;
border-radius:7px;
}

.tags em.fuel, .tag.fuel{
background:#11a0a4
}

.tags em.fuel.yellow, .tag.fuel.yellow{
background:#ffe431;
color:#444;
}

.tags em.red, .tag.ref,.tag.red, .tag.vat.red {
background:#ff0000;
color:#fff;
}
.tags em.blue, .tag.blue, .tag.vat.blue{
background:#34549b;
color:#fff;
}
.vat.blue{
color:#34549b;
}
.vat.red{
color:#ff0000;
}
.car-img-footer .tools{
float:right;
}
.car-img-footer .offer{
display:block;
float:left;
color:#fff;
font-size:14px;
line-height:32px;
padding-right:10px;
}
.car-img-footer .btn-holder{
display:block;
float:right;
}
.car-img-footer .btn-red{
display:block;
color:#fff;
background:#ff0000;
font-size:18px;
line-height:32px;
width:32px;
text-align:center;
}
.car-description{
padding:20px 20px 0 20px;		
}
.car-specs{
padding:10px 20px 0 20px;		
}
				
.car-description .car-title{
    font-size: 18px;
    line-height: 25px;
    color: #222;
    font-weight: 500;
    text-transform: uppercase;		
}
.car-description .car-sub{
    font-size: 15px;
    line-height: 18px;
    color: #222;
    font-weight: 500;
    text-transform: uppercase;				
}
.car-footer{
border-top:1px solid #e0e0e0;
padding:0 20px;
}
.list-view-holder{
flex:0 0 100%;
display:flex;
    flex-wrap: wrap;
}
.offered-list-view .list-view-holder{
flex: auto;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
margin:10px;
display:block;
background:#fff;
}
@media all and (max-width:1250px)
{
.offered-list-view .list-view-holder{
box-shadow: none;
margin:0;
flex:0 0 100%;
display:flex;
flex-wrap: wrap;
background:none;	
}	
.offered-list-view .list-header, .offered-list-view .list-item{
display:none;
}
						
.offered-list-view .card-item{
display:block;		
						}
.view-select{
display:none;
}
}
.list-header{
background:#fafafa;
}

.list-col{
float:left;
padding-left:12px;
}

.list-col.c1{
position:absolute;
top:0;
left:0;
width:105px;
}

.list-item .list-col.c1{
padding:0;
}
.list-item .list-col.c1 img{
display:block;
width:100%;
}
.list-item {
text-decoration:none;
min-height:69px;
}
.list-item .list-col.c1 .band{
transform:none;
top:auto;
bottom:0;
left:0;
right:0;
min-width:0;
width:100%;
padding:5px 0;
}
.list-col{
font-size:12px;
line-height:16px;
color:#444;
}
.list-header .list-col{
line-height:40px;
font-size:11px;
color:#666;
}
.list-col.c2{
flex:0 0 8%;
}

.list-col.c3{
flex:0 0 10%;
}
.list-col.c3 em{
font-style:normal;
display:block;
font-size:12px;
line-height:14px;
color:#777;
}
.list-col.c4{
flex:0 0 12%;
}
.list-col.c5{
flex:0 0 7%;
}
.list-col.c6{
flex:0 0 9%;
}
.list-col.c7{
flex:0 0 10%;
}
.list-col.c8{
flex:0 0 10%;
}
.list-col.c9{
flex:0 0 10%;
}
.list-col.c10{
flex:0 0 8%;
}
.list-col.c11{
flex:0 0 8%;
}
.list-col.c12{
flex:0 0 8%;
}																		


.myoffered .list-col.c2{
flex:0 0 9%;
}

.myoffered .list-col.c3{
flex:0 0 11%;
}

.myoffered .list-col.c4{
flex:0 0 12%;
}
.myoffered .list-col.c5{
flex:0 0 7%;
}
.myoffered .list-col.c6{
flex:0 0 10%;
}
.myoffered .list-col.c7{
flex:0 0 11%;
}
.myoffered .list-col.c8{
flex:0 0 10%;
}
.myoffered .list-col.c9{
flex:0 0 10%;
}
.myoffered .list-col.c10{
flex:0 0 9%;
}
.myoffered .list-col.c11{
flex:0 0 11%;
}
			

.btn-group.like-field{
width:100%;
position:relative;
}

.form-group.wider .btn.dropdown-toggle{
width:100%;
background:#fff;
text-align: left;
text-transform:none;
}
.form-group.wider .btn.dropdown-toggle i{
float:right;
}
.hidden{
height:0;
overflow:hidden;
}

.btn-group.like-field .dropdown-toggle{
height: 46px;
border-radius: 3px;
border:1px solid #d5d5d5;
font-size:14px;
line-height:44px;
}
.btn-group.like-field .dropdown-toggle i{
line-height:44px;
color:#777;
}

.btn-group.like-field .dropdown-menu{
position:absolute;
display:none;
z-index:1;
border:1px solid #d5d5d5;
border-top:none;
top:46px;
left:0;
right:0;
background:#fff;
margin:0;
padding:0;
list-style:none;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
}
.btn-group.like-field .dropdown-menu li{
	padding:5px 10px;
}
.btn-group.like-field .dropdown-menu li.actions{
padding:5px 10px;
}
.btn-group.like-field .dropdown-menu li.actions .checkbox-styled span{
color:#777;
font-size:12px;
text-decoration:underline;
}
.open > .dropdown-menu.animation-expand {
    -webkit-animation: slide-down 0.3s ease-out;
    -moz-animation: slide-down 0.3s ease-out;
    -ms-animation: slide-down 0.3s ease-out;
    -o-animation: slide-down 0.3s ease-out;
    animation: slide-down 0.3s ease-out;
}
.btn-group.like-field.open .dropdown-menu {
    display: block;
}

@-webkit-keyframes slide-down {
  from {
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes slide-down {
  from {
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-o-keyframes slide-down {
  from {
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-ms-keyframes slide-down {
  from {
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes slide-down {
  from {
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    -o-transform: translate(0, -20px);
    transform: translate(0, -20px);
    opacity: 0;
  }
  to {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}
.modal{	
	display:block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.1);
    z-index: 1000;
    overflow-y: auto;
}
.modal-dialog{
    max-width: 440px;
    background: #fff;
    margin: auto;
    margin-top: 20vh;
	box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
	border-radius:5px;
}
.big .modal-dialog{
	max-width:940px;						
}
.modal-header{
	padding:30px 24px 23px 24px;
	position:relative;
}											
.modal-header h4, .modal-header h3{
margin:0;
padding:0;
line-height:28px;
font-size:20px;
color:#444;
font-weight:normal;
}
.modal-header .close{
background: none;
    border: none;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    font-size: 26px;
    color: #777;
    text-decoration:none;
}
.modal-body{
	padding:0 24px;
}
.modal-footer{
	padding:19px 12px 7px 12px;
	text-align:center;
	border-top:1px solid #ddd;
	margin-top:19px;
	
}
.modal-footer .btn,.modal-footer .btn.btn-nobg {
	display:inline-block;
	margin:0 12px 12px 12px;
	cursor:pointer;
	text-align:center;
	padding:11px 14px;
	min-width:100px;
	font-size:14px;
	line-height:26px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:#999;
	background:none;
	border:1px solid #999;
	border-radius:11px;
	position:relative;
	min-width:100px;
    
}
.modal-footer .btn.btn-success{
	color:#fff;
	border:1px solid #08c880;
    background:#08c880;					
}
.bordered{
overflow:hidden;
}
.bordered .row{
margin-left:-1px;
margin-right:-1px;
}
.bordered .row .col{
background:#fff;
border:1px solid #e0e0e0;
padding:0;
}
.bordered > .row::first-child{
border-top:1px solid #e0e0e0;
}
.bordered .row::last-child{
border-bottom:1px solid #e0e0e0;
}

.p-center{
padding:0 38px 10px 38px;
}
.p-right{
padding:0 118px 10px 38px;
}

.body-section .btn, .modal-body .btn.btn-grey {
border:1px solid #d5d5d5;
color:#999;
font-size:14px;
line-height:20px;
padding:14px 20px;
border-radius:14px;
display:inline-block;
cursor:pointer;
text-decoration:none;
text-transform:uppercase;
}
.body-section .btn.btn-success{
border-color:#08c880;
background:#08c880;
color:#fff;
}
.body-section .btn.btn-grey, .modal-body .btn.btn-grey{
border-color:#d5d5d5;
background:#f9f9f9;
}
.body-section .btn.btn-small, .body-section .card-head .btn, .modal-body .btn.btn-grey.btn-small{
padding:9px 17px;
border-radius:5px;
}
.body-section .card-head .btn{
margin-top:-8px;				
				}
.body-section .btn.smaller{
padding:8px 18px;
}
		
.body-section .btn.btn-icon i{
padding-right:6px;
}
.pull-left{
float:left;
}
.btn-row{
border-top:1px solid #e0e0e0;
padding-top:19px;
padding-bottom:19px;
}
.btn-row::after{
content:'';
display:block;
float:none;
clear:both;
}

.detail-title{
padding-top:40px;
padding-bottom:50px;
}
.detail-title .title{
display:block;
font-size:36px;
line-height:43px;
color:#444;
padding-bottom:26px;
}

.detail-title .title .smaller{
display:block;
font-size:22px;
line-height:27px;
}
.detail-title .tags{
float:none;
padding:0;
}
.detail-title .tags::after{
content:'';
display:block;
float:none;
clear:both;
}

.col-row{
border-top:1px solid #e0e0e0;
padding:24px 0 17px 0;
}
.col-row::after{
content:'';
display:block;
float:none;
clear:both;
}
.col-row .col-row-col{
display:block;
float:left;
padding-left:10px;
color:#444;
font-size:16px;
line-height:22px;	
}

.icon-rows .col-row{
position:relative;
padding-left:30px;
}
.icon-rows .col-row i.abs{
position:absolute;
font-size:20px;
line-height:30px;
color:#777;
top:25px;
left:0;
}
.col-row .col-row-col.c1{
width:45%
}
.col-row .col-row-col.c2{
width:26%
}
.col-row .col-row-col.c3{
width:29%;
text-align:right;
}

.col-row .col-row-col em{
display:block;
font-style:normal;
font-size:12px;
line-height:16px;
color:#999;
}
.col-row .col-row-col .icon{
line-height:40px;
font-size:10px;
color:#999;
width:28px;
text-align:center;
display:inline-block;
cursor:pointer;
}

.tab-pane{
display:none;
}
.tab-pane.active, .tab-pane.extra{
display:block;
}
				
.tab-title{
padding-top:40px;
padding-bottom:30px;
}
.tab-title::after{
content:'';
display:block;
float:none;
clear:both;
}
.tab-title h3{
margin:0;
padding:0;
float:left;
line-height:30px;
font-size:20px;
color:#444;
font-weight:500;
text-transform:uppercase;
}

.tools.nav a{
display:block;
float:left;
border:1px solid #d5d5d5;
color:#777;
background:#fff;
font-size:20px;
line-height:48px;
width:48px;
text-align:center;
border-radius:4px;
margin-left:10px;
}
div .counter{
color:#777;
font-size:15px;
border-right:1px solid #777;
padding:0 12px;
}
div span.counter:last-child{
border-right:none;
padding-right:0;
}
.counter i{
font-size:16px;
}
.tbl-bids{
padding-top:30px;
}
.tbl-bids table, .table.no-margin{
width:100%;
padding:0;
margin:0;
border-collapse: collapse;
}
.table.no-margin{
margin-top:-30px;
margin-bottom:20px;
}
.tbl-bids th, .table.no-margin th{
text-align:left;
line-height:22px;
font-weight:normal;
border-bottom:1px solid #e0e0e0;
font-size:12px;
color:#999;
}
.tbl-bids td{
text-align:left;
line-height:22px;
font-weight:normal;
border-bottom:1px solid #e0e0e0;
font-size:15px;
color:#444;
height:59px;
}
span.profit.green{
color:#08c880;
}
span.profit.red{
color:#e2211c;
}
.comment i{
color:#e2211c;
}
.comment i.fa-green{
color:#08c880;
}
	
.own-price, .partner-price, .community-price{
display:inline-block;
padding:0 5px;
font-size:10px;
line-height:22px;
color:#fff;
text-transform:uppercase;
border-radius:7px;
background:#9d9d9d;
text-decoration:none;
}
.own-price{
background:#3691d4;
}
.partner-price{
background:#e2b11c;
}

mobile-show{
display:none;
}
@media all and (max-width:400px){
mobile-hide{
display:none;
}	
mobile-show{
display:block;
}
}

.inner-card-head{
padding:23px 0 19px 0;
border-bottom:1px solid #eee;
margin-bottom:30px;
}
.inner-card-head h4{
padding:0;
margin:0;
font-size:16px;
line-height:20px;
color:#444;
font-weight:500;
text-transform:uppercase;
}
.inner-card-head h4 i{
color:#777;
padding-right:8px;
}

.p-small{
padding:23px;
}

.txt-note{
display:block;
font-weight:500;
color:#222;
padding-bottom:20px;
}
.txt-note ul{
padding:0 0 0 18px;
margin:0;
}

.note-small{
font-style:italic;
color:#777;
}

.modal .row{
margin:0 -2px;
}
.modal .row .col{
padding:0 2px;
}

.input-group.notempty .select2-container--default .select2-selection, .input-group.forced-filled .select2-container--default .select2-selection {
  padding: 21px 11px 5px 11px; }

.input-group .select2-container--default .select2-selection {
  border: none;
  padding: 12px 11px;
  height: auto;
  line-height: 26px; }

.input-group .select2-container--default .select2-selection .select2-selection__rendered {
  font-size: 14px;
  line-height: 22px;
  color: #333;
  font-family: "Roboto", sans-serif;
  padding: 0; }

.input-group .select2-container--default .select2-selection .select2-selection__arrow {
  position: absolute;
  top: 7px;
  right: 1px;
  height: auto;
  bottom: 7px;
  width: 40px;
  border-left: 1px solid #ddd; }
.car-img-thumbs {
margin-left:-1px;
}
.car-img-thumbs::after{
content:'';
display:block;
float:none;
clear:both;
}
.car-img-thumbs a{
display:block;
float:left;
width:20%;
padding:0 1px 1px 0;
}
.car-img-thumbs a img{
display:block;
width:100%;
}
.transformer-tabs{
background:#fafafa;
border-bottom:1px solid #e0e0e0;
}
.transformer-tabs::after{
content:'';
display:block;
float:none;
clear:both;
}
.transformer-tabs ul,.transformer-tabs ul li{
padding:0;
margin:0;
list-style:none;
}
.transformer-tabs ul li{
display:block;
float:left;
}
.transformer-tabs ul li a{
display:block;
padding:20px 19px 19px 19px;
line-height:20px;
font-size:12px;
color:#444;
font-weight:500;
text-decoration:none;
text-transform:uppercase;
border:1px solid #fafafa;
border-top:none;
}
.transformer-tabs ul li a.active{
background:#fff;
border:1px solid #e0e0e0;
border-top:none;
border-bottom:2px solid #fff;
margin-bottom:-1px;
}
.transformer-tabs ul li:first-child a{
border-left:none!important;
}
.transformer-tabs-header, .transformer-header{
padding:20px 19px 19px 19px;
line-height:20px;
font-size:12px;
color:#444;
font-weight:600;
text-decoration:none;
text-transform:uppercase;
border:1px solid #fafafa;
}

.mobile-show{
display:none;
}
@media all and (max-width:600px)
{
.mobile-show{
display:block;
}
}

.bordered .transformer-tabs-body .row .col, .bordered .transformer-tabs--body .row .col{
border:none;
padding:15px 20px;
}
.transformer-tabs-body .display-group, .transformer-tabs--body .display-group,.display-group {
padding-bottom:10px;
}
.transformer-tabs-body label, .transformer-tabs--body label,.display-group label{
font-size:12px;
color:#999;
}
.transformer-tabs-body .display-group div, .transformer-tabs--body .display-group div, ,.display-group div{
line-height:24px;
min-height:24px;
}
.transformer-tabs-body .display-group div a{
color:#444;
}
.tabs > div{
display:none;
}
.tabs > div.active{
display:block;
}
.bordered .transformer-tabs-body.options .row .col, .bordered .transformer-tabs--body.options .row .col{
border:none;
padding:0 20px;
}
.bordered .transformer-tabs-body.options h4{
margin:0;
line-height:30px;
font-size:16px;
font-weight:500;
padding:17px 0 0 0;
border-top:1px solid #ddd;
margin-top:17px;
}
.bordered .transformer-tabs-body.options .row .col:first-child h4{
border-top:none;
margin-top:0;
}		
.bordered .transformer-tabs-body.options .row .col{
line-height:24px;
}		
	
.damageCar{margin:40px auto 0 auto;width:271px;height:512px;position:relative;background:url(/images/damageCar.png) no-repeat center center;}
.damageCar a{display:block;position:absolute;width:30px;height:30px;background:rgba(0,0,0,0.5);border-radius:30px;font:normal normal 300 16px/30px 'Roboto',Arial,sans;color:#fff;text-align:center;margin-top:-20px;margin-left:-20px;}
.damageCar.hide-inactive a{display:none;}
.damageCar a:hover{text-decoration:none;}
.damageCar a.dark{background:#666;}
.damageCar a.active,.damageCar a.dark.active,.damageCar.hide-inactive a.active, .damageCar.hide-inactive a.dark.active{display:block;background:#f68620;color:#fff;}

.list.divider-full-bleed,.list.divider-full-bleed li {
padding:0;
margin:0;
list-style:none;
}
.list.divider-full-bleed{
padding:20px;
}
.list.divider-full-bleed li{
padding-bottom:10px;
}
.list.divider-full-bleed li::after{
content:'';
display:block;
float:none;
clear:both;
}
.list.divider-full-bleed li div{
float:left;
	color:#444;
text-decoration:none;
line-height:24px;
}
.list.divider-full-bleed li div.tile-icon{
color:#777;
font-size:18px;
padding-right:7px;
}

.chunk{
border:1px solid #ddd;
}
.chunk img{
display:block;
width:100%;
}
.chunk .chunk-head{
padding:12px;
}
.chunk .chunk-head header{
position:relative;
background:none;
color:#444;
height:auto;
}

.offer-title{
line-height:24px;
font-size:15px;
font-weight:500;
padding-bottom:10px;
color:#777;
}
.offer-holder{
line-height:34px;
font-size:30px;
color:#3b519b;
font-weight:500;
padding-bottom:20px;
}
.offer-holder .tags{
float:none;
padding:6px 0 0 0;
}
.offer-holder .tags::after{
content:'';
display:block;
float:none;
clear:both;
}

.inner-card-body .row{
margin:0;
margin-top:-10px;
}
.inner-card-body .row .col{
margin:0;
padding:0;
border:none;
}

.pull-right.icon{
margin-top:-20px;
}
.pull-right.icon a{
    line-height: 24px;
    font-size: 10px;
color:#777;
}

.border-top{
border-top:2px solid #e0e0e0;
margin:0 -38px;
padding:0 38px;
}

.car-img-main{
position:relative;
overflow:hidden;
}

.month-card{
font-size:16px;
font-weight:500;
text-transform:uppercase;
padding:12px 24px;
}
.month-card .tools{
float:right;
}

.toggle-form .edit-form{
display:none;
}

.toggle-form .display-form{
display:block;
}
		
.toggle-form.edit .edit-form{
display:block;
}

.toggle-form.edit .display-form{
display:none;
}
						
.toggle-form .edit-form.inline,.toggle-form.edit .edit-form.inline {
display:block;			
}
								
.toggle-form .edit-form .edit-control{
display:none;
transition:0.3s;
}

.toggle-form .edit-form  .display-control{
display:block;
transition:0.3s;
padding: 20px 10px 0 10px;
min-height:41px;
}
		
.toggle-form.edit .edit-form .edit-control{
display:block;
transition:0.3s;
}

.toggle-form.edit .edit-form .display-control{
display:none;
transition:0.3s;
}

.toggle-form .toggle-actions{
height:0;
overflow:hidden;
transition:0.3s;
}
.toggle-form.edit .toggle-actions{
height:57px;
overflow:hidden;
transition:0.3s;
}
.toggle-form .toggle-form-group{
position:relative;		
		}
.toggle-form .edit-form .toggle-form-group{
margin-bottom:13px;
}
.toggle-form.edit .toggle-form-group{
border: 1px solid #ddd;
border-radius: 3px;
}
.toggle-form  label{
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 1px;
    margin-left: 0;
    padding: 0 0 0 10px;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.2s ease-out;
    font-size: 11px;
    line-height: 17px;
}

.toggle-form .toggle-form-group label{
	transform: none;
    opacity: 0.8;	
				}
.toggle-form.edit .toggle-form-group label{
	-webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 0;	
				}
.toggle-form .toggle-form-group.notempty label{
	transform: none;
    opacity: 0.8;	
				}
.toggle-form .display-control{
line-height:21px;
font-size:14px;
}
.toggle-form-group input{
background: none;
    border: 1px transparent solid;
    background-clip: padding-box;
    border-radius: 5px;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 18px 10px 8px 10px;
    word-break: normal;
    line-height: inherit;
    transition: all 0.2s ease-out;
    color: #333;
    font-size: 14px;
    line-height: 22px;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}
		
.toggle-form .edit-control .select2-container--default .select2-selection--single,.toggle-form .edit-control .select2-container--default .select2-selection--multiple {
border:none;
padding:1px 0 1px 0;
height:28px;
}
.toggle-form .edit-control .select2-container .select2-selection--single .select2-selection__rendered, .toggle-form .edit-control .select2-container .select2-selection--multiple .select2-selection__rendered{
padding-left:0;		
}
.toggle-form.edit .toggle-form-group.notempty .select2-container--default .select2-selection {
  padding: 21px 11px 5px 11px; }

.toggle-form.edit .toggle-form-group .select2-container--default .select2-selection {
  border: 1px transparent solid;
  padding: 13px 11px;
  height: auto;
  line-height: 22px; }
.toggle-form.edit .toggle-form-group .select2-container--default .select2-selection.select2-selection--multiple {
padding-bottom:0;
		}

.toggle-form.edit .toggle-form-group .select2-container--default .select2-selection .select2-selection__rendered {
  font-size: 14px;
  line-height: 22px;
  color: #333;
  padding: 0; }

.toggle-form.edit .toggle-form-group .select2-container--default .select2-selection .select2-selection__arrow {
  position: absolute;
  top: 7px;
  right: 1px;
  height: auto;
  bottom: 7px;
  width: 40px;
  border-left: 1px solid #ddd; }	
								
.toggle-btn{
	display:inline-block;
margin:6px 12px 6px 0;
border:1px solid #ccc;
border-radius:3px;
color:#999;
padding:10px 16px;
font-size:14px;
line-height:23px;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
cursor:pointer;
}

.toggle-btn.confirm{
background:#08c880;
border-color:#08c880;
color:#fff;
}
.toggle-btn.cancel{
background:#fff;
border-color:#d5d5d5;
color:#999;
}

.card.card-underline{
margin-bottom:20px;
}
.card-head h2{
display:inline-block;
}
.card-head h2 i{
width: 1.5em;
    text-align: left;
}

.card-head .tools{
	padding-right: 16px;
    float: right;
}

.card-head .tools .btn.flat{
border:none;
    padding-left: 20px;
    padding-right: 6px;
}

a.small-list-item{
position:relative;
display:block;
padding:15px 24px;
font-size:14px;
line-height:19px;
border-bottom:1px solid #eee;
color:#444;
text-decoration:none;
}
a.small-list-item:hover{
text-decoration:none;
background:#eee;
}

a.small-list-item i{
position:absolute;
top:18px;
right:24px;
}

.chk-styled{
padding:0;

}
.card-body.no-padding .chk-styled{
padding:0 0 0 24px;
border-bottom:1px solid #eee;
}

.chk-styled input{
display:none;

}

.chk-styled label{
display:block;
position:relative;
padding:8px 8px 8px 28px;
font-size:14px;
line-height:23px;
color:#444;
margin-bottom:0;
}
.card-body.no-padding .chk-styled label{
padding:13px 13px 13px 28px;
}


.chk-styled label::before{
content:'';
display:block;
position:absolute;
top:11px;
left:0;
width:15px;
height:15px;
border:1px solid #999;
border-radius:3px;
}
.chk-styled input[type=radio]+label::before{
border-radius:50%;
}
.card-body.no-padding .chk-styled label::before{
	top:18px;
}

.chk-styled input[type=checkbox]:checked+label::before, .chk-styled input[type=radio]:checked+label::before{
    content: '\f00c';
    font-family: "Font Awesome 5 Pro";
    font-size: 11px;
	line-height:15px;
    border-color: #00c980;
    background: #00c980;
	color:#fff;
	text-align:center;
}

.chk-styled .approval{
    padding:0 0 15px 28px;
    display: block;
    margin-top: -20px;
}
.sub-chk-list{
padding-left:20px;
    border-bottom: 1px solid #eee;
	border-top: 1px solid #fff;
margin-top:-1px;
}
.card-body.no-padding .sub-chk-list .chk-styled{
border:none;
}
.card-body.no-padding .sub-chk-list .chk-styled label{
padding-top:0;
}
.card-body.no-padding .sub-chk-list .chk-styled label:before{
top:4px;
}

.upload-item{
	position:relative;
	padding:7px 24px;
	border-bottom:1px solid #eee;
}
.upload-item a{
	color:#444;
text-decoration:none;
}
.upload-item .upload-text{
	padding:7px 0 7px 29px;
	font-size:14px;
	line-height:21px;
	color:#444;
text-decoration:none;
}

.upload-item .upload-icon{
	position:absolute;
	top:14px;
	left:24px;
	line-height:21px;
	font-size:16px;
}

.upload-item .upload-btn-holder{
	position:absolute;
	top:7px;
	right:24px;		
		}
.upload-item .upload-btn-holder .upload-btn{
display:inline-block;
border:1px solid #ccc;
border-radius:3px;
color:#999;
padding:5px 13px;
font-size:14px;
line-height:23px;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
cursor:pointer;
background:#fff;
}		
.fa-success{
color:#08c880;
}
.fa-warning{
color:#ebbe1c;
}

.export .logo{
display:block;
margin:0 0 20px 0;
}
.export .logo img{
display:block;
max-width:100%;
}
.fixed-group span{
    display: block;
	position:relative;
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
    line-height: 21px;
    padding: 7px 0;
    margin-bottom: 20px;
		}

.fixed-group span::after{
display:block;
position:absolute;
top:7px;
right:0;
 content: '\f30d';
 font-family: "Font Awesome 5 Pro";
color:#ccc;
}

.card-body.no-padding{
padding:0;
}
.hdnFields{
display:none;
}

.btn.flat{
color:#777;
font-size:18px;
cursor:pointer;
}
.btn.flat i.pen{
font-size:16px;
}
.row.plr{
margin:0 -2px;
}
.row.plr .col{
padding:0 2px;
}
.export .logo {
    display: block;
    margin: 0 0 20px 0;
	float:none;
	padding:0;
}
.input-group.txt-percentage::after{
content:'%';
display:block;
position: absolute;
top: 7px;
right: 1px;
height: auto;
bottom: 7px;
width: 40px;
border-left: 1px solid #ddd;
text-align:center;
font-size:16px;
line-height:40px;
color:#777;
}
.input-group.txt-euro::after{
content:'€';
display:block;
position: absolute;
top: 7px;
right: 1px;
height: auto;
bottom: 7px;
width: 40px;
border-left: 1px solid #ddd;
text-align:center;
font-size:16px;
line-height:40px;
color:#777;
}
									
.btn-header{
display: block;
    line-height: 48px;
    width: 48px;
    font-size: 16px;
    text-align: center;
    color: #777;
    text-decoration: none;
    float: left;
border: 1px solid #d5d5d5;
border-radius:5px;
margin-left:5px;
cursor:pointer;
}
.section-header.np{
padding-left:0;
padding-right:0;
}

.list-results {
    margin-bottom: 24px;
    margin-top: 1px;
    border-left: 1px solid #f3f2f2;
}
.list-results .hbox-xs {
    cursor: pointer;
}
.list-results > div {
    padding: 20px 10px;
    margin-top: -1px;
    border-top: 1px solid #f3f2f2;
    border-right: 1px solid #f3f2f2;
    border-bottom: 1px solid #f3f2f2;
    background: inherit;
    color: inherit;
    text-decoration: none;
}
.hbox-xs {
    display: table;
    table-layout: fixed;
    padding: 0;
}
.hbox-xs .hbox-column {
    display: table-cell;
}
.v-top, .v-inline-top {
    float: none!important;
    display: table-cell;
    vertical-align: top;
}

.text-lg {
    font-size: 125%;
}
.text-medium, strong {
    font-weight: 500;
}
.margin-bottom-lg {
    margin-bottom: 5px;
}
.opacity-75 {
    opacity: 0.75;
    filter: alpha(opacity=75);
	color:#000;
}

.toggle-form .new-form-group label {
    position: relative;
    opacity: 1;
    top: auto;
    transform: none;
    padding-left: 0;
    font-size: 13px;
    color: #999;
}
.toggle-form .new-form-group .chk-styled label{
	font-size:14px;
	padding-left:24px;
	color:#444;
	pointer-events:initial;
}
.hbox-column{
padding:12px;
}
.hbox-column a{
text-decoration:none;
color:#444;
}
.card-body .list{
margin:0;
padding:0;
}
.card-body .list .tile{
color:#444;
border-bottom: 1px solid #f3f2f2;
padding:20px 24px;
margin:0;
list-style:none;
}

.tile-content{
display:block;
position:relative;
padding-left:30px;
color:#444;
text-decoration:none;
}
.tile-content small{
display:block;
color:#777;
}
.tile-icon{
display:block;
position:absolute;
top:10px;
font-size:16px;
left:0;
color:#777;
}
.text-success{
color:#08c880;
}

#steps span{
display:none;
}
#steps span.active{
display:inline;
}

.input-group .input-group-btn {
    position: absolute;
    top: 7px;
    right: 1px;
    height: auto;
    bottom: 7px;
    width: 40px;
    border-left: 1px solid #ddd;
	text-align: center;
    line-height: 38px;
    color: #777;
}

.search-bar-holder{
background:#f3f2f2;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
margin-top:-24px;
margin-left:-24px;
margin-right:-24px;
margin-bottom:24px;
text-align:center;
padding:23px 10px 23px 10px;
}
.search-bar{
	display:block;
	max-width:850px;
	margin:auto;
}
.search-bar::after{
	content:'';
	display:block;
	float:none;
	clear:both;
}
.search-input{
display:block;
box-sizing:border-box;
float:left;
width:100%;
max-width:360px;
height:50px;
border:1px solid #ccc;
background:#fff;
border-radius:4px;
overflow:hidden;
}
.search-input input{
padding:12px 12px 20px 12px;
border:none;
box-sizing:border-box;
width:100%;
font-size:16px;
line-height:24px;
text-transform:uppercase;
}
.search-separator{
float:left;
height:50px;
width:38px;
text-align:center;
line-height:50px;
text-transform:uppercase;
font-size:14px;
}

.search-input.plate{
padding-left:66px;
max-width:280px;
position:relative;
}
.search-input{
position:relative;
text-align:left;
}
.search-input label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 4px;
    margin-left: 0;
    padding: 0 0 0 12px;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    pointer-events: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    transition: all 0.2s ease-out;
    font-size: 11px;
    line-height: 17px;
}
.search-input.plate label{
left:66px;
}
.search-input.notempty label {
    transform: none;
    opacity: 0.8;
}
.search-input.notempty input{
    padding: 21px 11px 5px 11px;
}
.search-input.plate .select2-container{
position:absolute;
top:0;
left:0;
width:66px!important;
}

.search-input.plate .select2-container--default .select2-selection--single{
border:none;
border-radius:0;
height:48px;
border-right:1px solid #ccc;
}

.search-input.plate .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:48px;
font-size:16px;
font-weight:500;
}

.search-input.plate .select2-container--default .select2-selection--single .select2-selection__arrow{
height:48px;
line-height:48px;
}

.search-btn{
display:block;
float:left;
margin-left:20px;
}
.search-btn a{
display:block;
background:#ff5722;
color:#fff;
line-height:24px;
padding:13px 20px 13px 20px;
text-decoration:none;
text-transform:uppercase;
border-radius:4px;
font-size:16px;
cursor:pointer;
}

.search-btn a i{
padding-right:7px;
}

.input-group.suffix{
padding-right:40px;
}
.input-group.suffix div.suffix{
position: absolute;
    top: 7px;
    right: 1px;
    height: auto;
    bottom: 7px;
    width: 40px;
    border-left: 1px solid #ddd;
	text-align: center;
    line-height: 38px;
    color: #777;
	font-size:12px;
}
.input-group.suffix div.suffix a{
	color:#777;	
		}
.btn-group::after{
content:'';
display:block;
float:none;
clear:both;
}

.btn-group .btn-default-bright{
height:40px;
min-width:40px;
margin-top:-7px;
border:1px solid #ededed;
border-radius:3px;
background:#fff;
display:block;
float:left;
font: normal normal 400 14px/40px "Roboto", Arial, Helvetica, sans-serif;
padding:0 15px;
}
.btn-group .btn-default-bright.disabled{
background:#ededed;
color:#999;
}
.btn-group .btn-default-bright:first-child:not(:last-child):not(.dropdown-toggle){
border-right:none;
border-top-right-radius:0;
border-bottom-right-radius:0;
}
.btn-group .btn-default-bright:last-child:not(:first-child):not(.dropdown-toggle){
border-left:none;
	border-top-left-radius:0;
border-bottom-left-radius:0;
}

.btn-group .btn-default-bright:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}


.card-content-head h3{
padding: 10px 24px;
    margin: 0 -24px 12px -24px;
    border-bottom: 1px solid #eee;
    font-weight: normal;
}

.options .input-chk{
margin-bottom:10px;
}

h2.small{
margin-top:5px;
font-size:16px;
font-weight:normal;
}
ul.upload-images{
padding:0;
margin:0;
}


.upload-images li{
position:relative;
display:block;
list-style:none;
padding:0;
margin:0 1px 1px 0;
box-sizing:border-box;
float:left;
width:120px;
height:80px;		
}
.upload-images li img{
display:block;
width:100%;
				}
.upload-images li.icon{
background-color:#f6f6f6;
background-repeat:no-repeat;
background-position:center center;
}
.upload-images li.icon.error{
border:1px solid #ff0000;
}
.upload-images li.i1{
		background-image:url(/images/icon1.png);
		}
.upload-images li.i2{
		background-image:url(/images/icon2.png);
		}
.upload-images li.i3{
		background-image:url(/images/icon3.png);
		}
.upload-images li.i4{
		background-image:url(/images/icon4.png);
		}
.upload-images li.i5{
		background-image:url(/images/icon5.png);
		}
.upload-images li.i6{
		background-image:url(/images/icon6.png);
		}
.upload-images li.i7{
		background-image:url(/images/icon7.png);
		}
.upload-images li.i8{
		background-image:url(/images/icon8.png);
		}
.upload-images li.i9{
		background-image:url(/images/icon9.png);
		}
.upload-images li.i10{
		background-image:url(/images/icon10.png);
		}
.upload-images li.i11{
		background-image:url(/images/icon11.png);
		}
.upload-images li.i12{
		background-image:url(/images/icon12.png);
		}
.upload-images li.i13{
		background-image:url(/images/icon13.png);
		}
.upload-images li.i14{
		background-image:url(/images/icon14.png);
		}
.upload-images li.i15{
		background-image:url(/images/icon15.png);
		}
.col-reset, .clear{
	float:none;
	clear:both;
		}
li.icon.iExtra::after {
	display:block;
    content: '+';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    font-size: 60px;
    font-weight: 300;
    color: #999;
}
.upload-images li img{
position:relative;
}
.upload-images li i{
display:block;
opacity:0;
color:rgba(255,255,255,0.5);
position:absolute;
top:50%;
transform:translateY(-50%);
width:100%;
text-align:center;
font-size:70px;
transition:0.2s;
}
.upload-images li:hover i{
opacity:1;
transition:0.2s;
}
#fileupload-btn input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transform: translate(-300px, 0) scale(4);
  font-size: 23px;
  direction: ltr;
  cursor: pointer;
}
.progress {
    overflow: hidden;
    height: 24px;
    margin-bottom: 24px;
    background-color: #f5f5f5;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
    transition: width 0.3s ease;
}
.progress-bar-success {
    background-color: #4caf50;
}
.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    background-color: #ff5722;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
#progress{
display:none;
}

.damageCar{margin:40px auto 0 auto;width:271px;height:512px;position:relative;background:url(/images/damageCar.png) no-repeat center center;}
.damageCar a{display:block;position:absolute;width:30px;height:30px;text-decoration:none;background:rgba(0,0,0,0.5);border-radius:30px;font:normal normal 300 16px/30px 'Roboto',Arial,sans;color:#fff;text-align:center;margin-top:-20px;margin-left:-20px;}
.damageCar.hide-inactive a{display:none;}
.damageCar a:hover{text-decoration:none;}
.damageCar a.dark{background:#666;}
.damageCar a.active,.damageCar a.dark.active,.damageCar.hide-inactive a.active, .damageCar.hide-inactive a.dark.active{display:block;background:#f68620;color:#fff;}

.dr .form-group {
    padding-top: 16px;
    position: relative;
    margin-bottom: 19px;
}
.dr select {
    width: 100%;
    line-height: 22px;
    padding: 10px;
    border-radius: 3px;
    border-color: #ddd;
    font-family: Roboto;
}

.dr span.circle{
display: block;
    width: 45px;
    height: 45px;
    border-radius: 40px;
    background: #f68620;
    font: normal normal normal 16px/45px 'Roboto',sans-serif;
    color: #fff;
    text-align: center;
}
	
.dr .col-sm-2{
	width: 69px;
    position: absolute;
    top: 15px;
    left: 0;
}

.dr .col-sm-6{
	padding-left: 69px;
    width: 100%;
    padding-right: 180px;
}
.dr .col-sm-3{
	width: 136px;
    position: absolute;
    top: 0;
    right: 40px;
}
.dr .col-sm-1{
    width: 45px;
    position: absolute;
    right: 0;
    top: 0;
}


.fileinput-button {
    display: block;
    overflow: hidden;
    position: relative;
    float: left;
    width: 112px;
    height: 75px;
    margin: 0;
	border:1px solid #e2e2e2;
    background: url(http://static.yourdailydrive.com/assets/images/crm/nopic.png) no-repeat center center;
}

.has-error .fileinput-button{
	border-color:#ff0000;
}

.fileinput-button input {
    position: absolute;
    top: 0px;
    right: 0px;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0px) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.remove-damage{
font:normal normal 400 20px/22px 'Roboto',sans-serif;
color:#777;
text-align:left;
float:right;
}
.remove-damage:hover{
text-decoration:none;
}

.input-group .select2-container--default .select2-selection--multiple .select2-selection__choice{
    margin-top: 0;
    margin-bottom: 1px;
}

.input-group .select2-container--default .select2-selection--multiple .select2-selection__rendered{
       display: block;
}
.input-group .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none;
	padding-top:2px;
}
.input-group .select2-container--default .select2-search--inline .select2-search__field{
width:auto!important;
margin-top:0;
line-height: 20px;
						}
.input-group.notempty .select2-container--default .select2-selection.select2-selection--multiple{
padding-bottom:0;
}
.pb-extra{
padding-bottom:40px;
}

.loaderHolder{
display:none;
position:fixed;
z-index:10000;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(255,255,255,0.4);
	}

.loader {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-24px;
  margin-left:-24px;
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #3498db;
  width: 40px;
  height: 40px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.alert.alert-callout {
    position: relative;
    padding:15px 15px 15px 20px!important;
    color: #353231!important;
    border-radius: 3px;
    border: 1px solid #dedede;
	margin-bottom:8px;
}

.card .alert.alert-callout .pull-right {
    position: absolute;
    right: 10px;
    top: 0;
}
		
.alert.alert-callout::before {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    left: -1px;
    top: -1px;
    bottom: -1px;
    background: red;
}
svg text {
  font-family: 'Roboto'!important;
	font-weight:normal!important;
}

.alert-callout.alert-orange-1::before{background:#ffcc00;}
.orange-1,.text-orange-1{color:#ffcc00;}
.alert-callout.alert-orange-2::before{background:#ffb900;}
.orange-2,.text-orange-2{color:#ffb900;}
.alert-callout.alert-orange-3::before{background:#ffa700;}
.orange-3,.text-orange-3{color:#ffa700;}
.alert-callout.alert-orange-4::before{background:#ff9400;}
.orange-4,.text-orange-4{color:#ff9400;}
.alert-callout.alert-orange-5::before{background:#ff8200;}
.orange-5,.text-orange-5{color:#ff8200;}
.alert-callout.alert-orange-6::before{background:#ff6f00;}
.orange-6,.text-orange-6{color:#ff6f00;}
.alert-callout.alert-orange-7::before{background:#ff5d00;}
.orange-7,.text-orange-7{color:#ff5d00;}
.alert-callout.alert-orange-8::before{background:#ff4a00;}
.orange-8,.text-orange-8{color:#ff4a00;}
.alert-callout.alert-orange-9::before{background:#ff3800;}
.orange-9,.text-orange-9{color:#ff3800;}
.alert-callout.alert-orange-10::before{background:#ff2500;}
.orange-10,.text-orange-10{color:#ff2500;}
.alert-callout.alert-orange-11::before{background:#ff1300;}
.orange-11,.text-orange-11{color:#ff1300;}
.alert-callout.alert-orange-12::before{background:#ff0000;}
.orange-12,.text-orange-12{color:#ff0000;}

.alert-callout.alert-blue-1::before{background:#00aeef;}
.blue-1,.text-blue-1{color:#00aeef;}
.alert-callout.alert-blue-2::before{background:#01a7e9;}
.blue-2,.text-blue-2{color:#01a7e9;}
.alert-callout.alert-blue-3::before{background:#019fe3;}
.blue-3,.text-blue-3{color:#019fe3;}
.alert-callout.alert-blue-4::before{background:#0298dd;}
.blue-4,.text-blue-4{color:#0298dd;}
.alert-callout.alert-blue-5::before{background:#0290d7;}
.blue-5,.text-blue-5{color:#0290d7;}
.alert-callout.alert-blue-6::before{background:#0389d1;}
.blue-6,.text-blue-6{color:#0389d1;}
.alert-callout.alert-blue-7::before{background:#0381ca;}
.blue-7,.text-blue-7{color:#0381ca;}
.alert-callout.alert-blue-8::before{background:#047ac4;}
.blue-8,.text-blue-8{color:#047ac4;}
.alert-callout.alert-blue-9::before{background:#0472be;}
.blue-9,.text-blue-9{color:#0472be;}
.alert-callout.alert-blue-10::before{background:#056bb8;}
.blue-10,.text-blue-10{color:#056bb8;}
.alert-callout.alert-blue-11::before{background:#0563b2;}
.blue-11,.text-blue-11{color:#0563b2;}
.alert-callout.alert-blue-12::before{background:#065cac;}
.blue-12,.text-blue-12{color:#065cac;}

.alert-callout.alert-green-1::before{background:#8dc63f;}
.green-1,.text-green-1{color:#8dc63f;}
.alert-callout.alert-green-2::before{background:#87bf3b;}
.green-2,.text-green-2{color:#87bf3b;}
.alert-callout.alert-green-3::before{background:#81b836;}
.green-3,.text-green-3{color:#81b836;}
.alert-callout.alert-green-4::before{background:#7bb132;}
.green-4,.text-green-4{color:#7bb132;}
.alert-callout.alert-green-5::before{background:#75aa2d;}
.green-5,.text-green-5{color:#75aa2d;}
.alert-callout.alert-green-6::before{background:#6fa329;}
.green-6,.text-green-6{color:#6fa329;}
.alert-callout.alert-green-7::before{background:#6a9c24;}
.green-7,.text-green-7{color:#6a9c24;}
.alert-callout.alert-green-8::before{background:#649520;}
.green-8,.text-green-8{color:#649520;}
.alert-callout.alert-green-9::before{background:#5e8e1b;}
.green-9,.text-green-9{color:#5e8e1b;}
.alert-callout.alert-green-10::before{background:#588717;}
.green-10,.text-green-10{color:#588717;}
.alert-callout.alert-green-11::before{background:#528012;}
.green-11,.text-green-11{color:#528012;}
.alert-callout.alert-green-12::before{background:#4c790e;}
.green-12,.text-green-12{color:#4c790e;}

.alert-callout.alert-red-1::before{background:#ed145b;}
.red-1,.text-red-1{color:#ed145b;}
.alert-callout.alert-red-2::before{background:#e11356;}
.red-2,.text-red-2{color:#e11356;}
.alert-callout.alert-red-3::before{background:#d61152;}
.red-3,.text-red-3{color:#d61152;}
.alert-callout.alert-red-4::before{background:#ca104d;}
.red-4,.text-red-4{color:#ca104d;}
.alert-callout.alert-red-5::before{background:#bf0f48;}
.red-5,.text-red-5{color:#bf0f48;}
.alert-callout.alert-red-6::before{background:#b30e44;}
.red-6,.text-red-6{color:#b30e44;}
.alert-callout.alert-red-7::before{background:#a80c3f;}
.red-7,.text-red-7{color:#a80c3f;}
.alert-callout.alert-red-8::before{background:#9c0b3b;}
.red-8,.text-red-8{color:#9c0b3b;}
.alert-callout.alert-red-9::before{background:#910a36;}
.red-9,.text-red-9{color:#910a36;}
.alert-callout.alert-red-10::before{background:#850931;}
.red-10,.text-red-10{color:#850931;}
.alert-callout.alert-red-11::before{background:#7a072d;}
.red-11,.text-red-11{color:#7a072d;}
.alert-callout.alert-red-12::before{background:#6e0628;}
.red-12,.text-red-12{color:#6e0628;}

.alert-callout.alert-brown-1::before{background:#c4a67a;}
.brown-1,.text-brown-1{color:#c4a67a;}
.alert-callout.alert-brown-2::before{background:#bb9d70;}
.brown-2,.text-brown-2{color:#bb9d70;}
.alert-callout.alert-brown-3::before{background:#b39365;}
.brown-3,.text-brown-3{color:#b39365;}
.alert-callout.alert-brown-4::before{background:#aa8a5b;}
.brown-4,.text-brown-4{color:#aa8a5b;}
.alert-callout.alert-brown-5::before{background:#a28151;}
.brown-5,.text-brown-5{color:#a28151;}
.alert-callout.alert-brown-6::before{background:#997847;}
.brown-6,.text-brown-6{color:#997847;}
.alert-callout.alert-brown-7::before{background:#916e3c;}
.brown-7,.text-brown-7{color:#916e3c;}
.alert-callout.alert-brown-8::before{background:#886532;}
.brown-8,.text-brown-8{color:#886532;}
.alert-callout.alert-brown-9::before{background:#805c28;}
.brown-9,.text-brown-9{color:#805c28;}
.alert-callout.alert-brown-10::before{background:#77531e;}
.brown-10,.text-brown-10{color:#77531e;}
.alert-callout.alert-brown-11::before{background:#6f4913;}
.brown-11,.text-brown-11{color:#6f4913;}
.alert-callout.alert-brown-12::before{background:#664009;}
.brown-12,.text-brown-12{color:#664009;}

.alert .zmdi-hc-3x{
line-height:70px;
}
.alert .fa-3x{
line-height:70px;
}
a.card{
display:block;
}
a.card:hover{
text-decoration:none;
			}
.alert.alert-callout::before{
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}

.euro-icon{
    font-weight: 500;
    font-size: 35px;
line-height:70px;
}

.cup {
    display: inline-block;
    height: 30px;
    width: 32px;
    font: normal normal normal 13px/18px 'Roboto';
    text-align: center;
    margin-top: 0px;
}
.cup-1{
background:url('/images/cup-1.png') no-repeat center top;
color:#fff;
}
.cup-2{
background:url('/images/cup-2.png') no-repeat center top;
color:#fff;
}
.cup-3{
background:url('/images/cup-3.png') no-repeat center top;
color:#fff;
}

.text-xl {
    font-size: 180%;
}
.text-medium, strong {
    font-weight: 500;
}
.opacity-50 {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.alert span.opacity-50 {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.text-danger {
    color: #f44336;
}

.stick-bottom-left-right {
    right: 0;
}
.stick-top-left, .stick-bottom-left, .stick-top-left-right, .stick-bottom-left-right {
    left: 0;
}
.stick-bottom-left, .stick-bottom-right, .stick-bottom-left-right {
    position: absolute;
    bottom: 0;
}

.progress {
    overflow: hidden;
    height: 24px;
    margin-bottom: 24px;
    background-color: #f5f5f5;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-thin {
    height: 5px;
    border-radius: 0;
    margin-bottom: -1px !important;
}
.no-margin {
    margin: 0 !important;
}

.space-lr{
padding:0 24px;
}

.card-head .tools > div {
    display: inline-block;
}
.btn-group{
position:relative;
}	
.card-head .dropdown-menu {
    position: absolute;
    top: 110%;
    left: 0;
    z-index: 1000;
    display: none;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #d5d5d5;
    list-style: none;
    padding: 0;
    margin: 0;
    padding: 10px;
    min-width: 100px;
}
.card-head .dropdown-menu::before {
    content: '';
    display: block;
    position: absolute;
    top: -12px;
    right: 19px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 11.5px 12px 11.5px;
    border-color: transparent transparent #d5d5d5 transparent;
}
.card-head .dropdown-menu::after {
    content: '';
    display: block;
    position: absolute;
    top: -11px;
    right: 20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10.5px 11px 10.5px;
    border-color: transparent transparent #fff transparent;
}
.card-head .dropdown-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    line-height: 20px;
    font-size: 14px;
    color: #222;
    font-weight: 500;
    white-space: nowrap;
}
.card-head .dropdown-menu li a {
    font-weight: normal;
    display: block;
    white-space: nowrap;
    line-height: 22px;
    padding: 5px 0;
    color: #777;
    text-decoration: none;
    width: auto;
    min-width: 150px;
    text-align: left;
}

.btn-group .btn-default-bright.active{
background:#eee;
}


.list.divider-full-bleed li div.tile-content{
float:none;
padding:0;
display:block;
}
.list.divider-full-bleed li div.tile-content div:last-child{
float:right;
}

#topsaleslist .tile-icon{
position:relative;
top:auto;
}
.tabs.mobile-hide{
overflow:hidden;
margin-top:-1px;
}
@media all and (max-width:1400px)
		{
	
	.mobile-hide .transformer-tabs{
		display:none;
		}
			.tabs.mobile-hide > div, .transformer-tabs-header.mobile-show, .transformer-header.mobile-show{
display:block;
}
.transformer-tabs-header.mobile-show, .transformer-header.mobile-show{
border-color:#dadada;
border-left:none;
border-right:none;
}


		}

.inner-card-body{
padding-bottom:28px;
}

.transformer-tabs-body .list.divider-full-bleed li div.tile-icon{
top:0;
}

.clear{
display:block;
height:0px;
clear:both;
float:none;
}
.header-left{
display:block;
float:left;
}
.mob-mnu-btn{
    padding-top: 10px;
    display: none;
	float:left;
    font-size: 24px;
    line-height: 45px;
    text-decoration: none;
    transition: 0.3s;
    color: #999;
    width: 55px;
    text-align: center;
}
.mob-mnu-btn .open{
display:none;
}
.mob-mnu-btn.open .open{
display:inline-block;
}
.mob-mnu-btn.open .closed{
display:none;
}
.mob-mnu ul,.mob-mnu ul li{
list-style:none;
padding:0;
margin:0;

} 
.mob-mnu a{
display:block;
}
.mob-mnu{
display:none;
position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom:0;
    overflow-y: auto;
background:#333;
z-index:10;
transition:0.3s;
}
.mob-mnu ul li.main{
display:block;
padding:0;
margin:0;
}
.mob-mnu ul li.main a,.mob-mnu ul li.main.settings {
display:block;
font-size:14px;
line-height:29px;
padding:15px 18px;
border-bottom:1px solid #444;
color:#777;
text-transform:uppercase;
text-decoration:none;
position:relative;
}
.mob-mnu ul li.main.settings {
cursor:pointer;
}
.mob-mnu ul li.main a i{
display:none;		
						}
.mob-mnu ul li.main ul.submenu{
display:none;		
						}

.mob-mnu ul li.main a.active{
padding-bottom:13px;
border-bottom:3px solid #ff5b20;
color:#fff;
}

.mob-mnu ul li.main.settings::after{
display:block;
content:'\f078';
font-family:"Font Awesome 5 Pro";
float:left;
line-height:59px;
position:absolute;
top:0;
right:0;
padding-right:15px;
}
.mob-mnu ul li.main ul.submenu{
padding-left:45px;
}
.mob-mnu ul li.main ul.submenu a{
	padding:8px 0;
	text-transform:none;
}
.mob-mnu ul li.main ul.submenu a.active{
border-bottom:1px solid #444;
color:#fff;
}
.mob-mnu .header-nav-profile a.dropdown-toggle{
display:none;
}
header .mob-mnu li.dropdown .dropdown-menu{
position:relative;
top:auto;
left:auto;
right:auto;
    display: block;
    border: none;
    background: none;
padding:0;
}
header .mob-mnu li.dropdown .dropdown-menu::before, header .mob-mnu li.dropdown .dropdown-menu::after{
display:none;			
			}
.mob-mnu .header-nav-profile{
padding:0;
width:100%;
}
.mob-mnu .header-nav-profile li.dropdown{
width:100%;
}
.mob-mnu .header-nav-profile li.dropdown a{
font-size:14px;
line-height:29px;
border-bottom:1px solid #444;
color:#777;
text-decoration:none;
position:relative;
padding: 8px 0;
text-transform: none;
}

#menu a.menu-toggle{
display:none;
}
.mob-search, .btn-group.sort button.mob-sort, .mob-filter, .close-search, .mobile-title{
display:none;
}

@media all and (max-width:1370px)
{
	
	header{
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
	z-index:100;
	}
	.header-center{
	display:none;
}
header .mobile-hide {
    display: none;
}
			
.logo{
display:none;
}
.logo.mobile{
display:block;
padding-left:12px;
}
.mob-mnu-btn{
display:block;
}
header.justify{
display:block;
}
.headerbar-right{
float:right;
}

header{
height:60px;
}
#menu{
				top:60px;
}
content {
    padding-top: 60px;
}
.header-nav-add{
	padding-top:15px;
	padding-right:13px;
}
.header-nav-add .cta {
    min-width: 30px;
	width:30px;
	height:30px;
	line-height:30px;
	border-radius:2px;
	padding:0;
	margin-left:10px;
	    margin-top: 0;
}
.header-nav-add .cta i{
line-height:30px;
}
.dekstop-title{
display:none;
}
.mobile-title{
display: block;
    font-size: 14px;
    line-height: 29px;
    padding: 15px 18px;
    border-bottom: 1px solid #444;
    color: #777;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}
.mobile-title::after {
    display: block;
    content: '\f078';
    font-family: "Font Awesome 5 Pro";
    float: left;
    line-height: 59px;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 15px;
}
.mob-mnu ul.dropdown-menu{
padding-left: 45px;
display:none;
}
}
@media all and (max-width:770px)
{		
.header-nav-profile a.dropdown-toggle{
padding-left:8px;
}
.header-nav-profile a.dropdown-toggle .profile-info{
		display:none;
						}
header .mobile-hide{
display:none;
}

#content{
				padding-left:16px;
			}
			.header-center{
				display:none;
			}
			#menu{
				top:60px;
				width:16px;
				bottom:auto;
				border:none;
				border-top-right-radius:5px;
				border-bottom-right-radius:5px;
				box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
				transition:0.3s;
}
			#menu a{
				font-size:12px;
				width:auto;
				
			}
.main-sub{
overflow:hidden;
pointer-events:none;
}
.open .main-sub{
pointer-events:initial;			
}
#menu a span{
position: initial;
    display: inline-block;
    top: auto;
    left: auto;
    opacity: 1;
    background: none;
    box-shadow: none;
	color:#444;
	padding:10px 36px 10px 16px;
	width:auto;
	    overflow: initial;
}
#menu a.active span, #menu a.active span em{
color:#fff;
}
#menu.open a em{
	display:inline-block;
}
#menu.open a span{
padding-left:8px;
}
#menu a span::after{
display:none;
}
			#menu a em{
				display:none;
			}
#menu.open{
width:80%;
transition:0.3s;
}

#menu.open a{
font-size:14px;
text-align:left;
padding-left:20px;
min-width:90%;
}
#menu a.menu-toggle{
display:block;
margin-right:-8px;
background:#f5f5f5;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.5);
border-top-right-radius:5px;
border-bottom-right-radius:5px;
position:relative;
padding:5px 0;
height:60px;
}
#menu a.menu-toggle i{
position:absolute;
top:25px;
right:10px;
transition:0.3s;
}

.open .menu-toggle i{
transform:rotate(180deg);
transition:0.3s;
}
.section-header{
padding-top:5px;
padding-bottom:5px;
}
}

@media all and (max-width:1000px){
.mob-search{
display:block;
}
.search-full,.search-left,.search-right {
display:none;
}
.section-header{
	padding:0 18px;
			}
.section-header h1{
line-height:60px;
padding-top:0;
padding-bottom:0;
}
.section-header h1 .mobile-newline{
	display:block;
	float:none;
	height:50px;
	margin:0 -6px 12px -6px;
}
.section-header h1 .mobile-newline .btn-holder{
display:block;
}
.section-header h1 .mobile-newline::after{
content:'';
display:block;
float:none;
clear:both;
}
.mob-search, .mob-filter{
display:block;
float:left;
margin-left:0;
margin-right:6px;
} 
.btn-group.sort {
float:left;
}
.mobile-right{
display:block;
float:right;
}
.btn-group.sort button.mob-sort{
display:block;
float:left;
}
.btn-group.sort button.desk-sort{
display:none;
}
.tools.pull-right .tools.nav{
	    display: flex;
    justify-content: center;
}
<!--.tools.pull-right .tools.nav a {
width:calc(33.33% - 12px);
margin:0 6px;
}-->
<!--.tools.pull-right .tools.nav a:first-child {
width:calc(33.33% - 6px);
margin:0 6px 0 0;
}-->
<!--.tools.pull-right .tools.nav a:last-child {
width:calc(33.33% - 6px);
margin:0 0 0 6px;
}-->
.search-holder{
position:relative;
}
.search-holder, .search{
border:none;
display:block;
}
.search-holder .search-full,.search-holder .search-left,.search-holder .search-right{
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    padding: 0 12px;
    position: absolute;
    top: 60px;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 2;
    padding-top: 70px;
	padding-bottom:40px;
}

.search-full .search-container .form-group, .search-holder .search-right .search-container .form-group, .search-full.tasks .search-container .form-group{
width:100%;
float:none;
}
.close-search{
display:block;
}
.close-search a{
color:#444;
}
}

@media all and (min-width:1001px){
.search-full,.search-left,.search-right {
display:block!important;
}
}


.info-icons{
    position: absolute;
    top: 38px;
    right: 0;
	background:#eee;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px;
    overflow:hidden;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}

.info-icons a{
	display:block;
    width:58px;
	height:50px;
    line-height:50px;
    text-align:center;
    text-decoration:none;
    color:#777;
	font-size:20px;
    
}
.info-icons a.active{
color:#fff;
background:#08c880
}
.info-icons a.active i{
font-weight:900;
	}

.card-light .card-head{
background:#fff;
border-bottom:none;
}
.card-light .search-bar-holder{
background:#fff;
border-top:none;
border-bottom:1px solid #e0e0e0;
padding:50px 24px;
}
.card-light .search-bar{
max-width:9999px;
position:relative;
}
.card-light .search-bar .search-input{
height:60px;
border-radius:9px;
}
.card-light .search-bar .search-input input{
padding: 17px 12px 17px 12px;
}
.card-light .search-bar .search-input.vin{
width:48.8%;
max-width:100%;
}
.card-light .search-bar .search-separator{
width:7%;
max-width:100%;
line-height:60px;
}
.card-light .search-bar .search-input.plate{
width:24.7%;
max-width:100%;
}
.card-light .search-bar .search-input.plate .select2-container--default .select2-selection--single{
height:58px;
}
.card-light .search-bar .search-input.plate .select2-container--default .select2-selection--single .select2-selection__rendered{
line-height:58px;
}
.card-light .search-bar .select2-container--default .select2-selection--single .select2-selection__arrow b{
margin-top:2px;
}

.card-light .search-bar .search-btn{
width:19.5%;
max-width:100%;
margin:0;
padding-left:20px;
}
.card-light .search-bar .search-btn a{
border-radius:9px;
padding: 18px 10px;
background:#08c880;
}
.padding-bar-bottom{
padding-bottom:100px;
}
.bar-bottom{
position:fixed;
bottom:0;
left:0;
right:0;
background:#fff;
border-top:1px solid #ccc;
padding:19px 0;
z-index:50;
}

.bar-bottom .cta.nobg{
color:#999;
border-color:#d5d5d5;
}

@media all and (max-width:825px)
{
.card-light .search-bar .search-input.vin, .card-light .search-bar .search-separator, .card-light .search-bar .search-input.plate, .card-light .search-bar .search-btn{
width:100%;
float:none;
}
.card-light .search-bar .search-btn{
padding-left:0;
padding-top:12px;
					}
}
				
@media all and (max-width:400px)
{
.bar-bottom .cta.nobg{
	width: 50px;
    min-width: 50px;
    height: 50px;
    overflow: hidden;
	color: transparent;
	font-size:0;
    line-height:0;
}	
.bar-bottom .cta.nobg i{
	color:#999;
	font-size: 18px;
    line-height: 26px;
									}							
}

#confirm-img{
display:block;
width:100%;
}

.pagination{
flex:0 0 100%;
text-align:center;
padding:10px 0 20px 0;
}

.pagination ul{
margin:0;
padding:0;
display:inline-block;
}
.pagination ul::after{
content:'';
display:block;
float:none;
clear:both;
}
.pagination ul li{
margin:0;
list-style:none;
padding:0 3px;
display:block;
float:left;
}
.pagination ul li a,.pagination ul li strong {
display:block;
width:40px;
height:40px;
border-radius:3px;
text-align:center;
color:#333;
background:#fff;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
text-decoration:none;
line-height:40px;
}
	
	.pagination ul li strong{
    color: #fff;
    background: #ff5b20;
}

.to-top{
position:fixed;
z-index:10;
display:none;
right:20px;
bottom:20px;
background:#fff;
width:40px;
height:40px;
border-radius:20px;
color:#555;
line-height:40px;
text-align:center;
text-decoration:none;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
.to-upper{
text-transform:uppercase;
}

.list-col .btn-overlay{
    position: absolute;
    top: 0;
    right: 5px;
    color: #ff0000;
}

.input-chk .txt-percentage{
display:inline-block;
position:relative;
border: 1px solid #ddd;
border-radius: 3px;
padding-right:20px;
padding-left:0;
}
.input-chk .txt-percentage.has-error{
border-color:#ff0000;
}
.input-chk .txt-percentage::after{
content:'%';
display:block;
position:absolute;
text-align:center;
line-height:30px;
color:#777;
    top: 0;
    right: 0;
    width: 20px;
}

.input-chk .txt-percentage input{
display:block;
padding:5px;
border:none;
line-height:20px;
width:50px;
text-align:right;
}
.input-chk.has-error label{
color:#fff;
}

.help-block.blue,.help-block.blue a {
color:#34549b;
text-decoration:none;
}

.help-block.red,.help-block.red a {
color:#ff0000;
text-decoration:none;
}
.help-block.blue, .help-block.red{
    margin-top: -10px;
    padding-left: 3px;
    line-height: 20px;
    font-size: 12px;
}

.btn.btn-nobg{
color: #777;
    text-decoration: none;
    border: 1px solid #777;
    padding: 5px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 20px;
}

.select2-selection.select2-selection--multiple::after {
    content: '\f0d7';
    position: absolute;
    top: 5px;
    right: 0;
    width: 40px;
    bottom: 5px;
    border-left: 1px solid #ddd;
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    text-align: center;
    line-height: 42px;
    color: #888;
}


.inner-card{
border: 1px solid #e0e0e0;
border-radius: 5px;
padding: 11px;
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
margin-bottom: 12px;
}

.inner-card-header{
    font-size: 16px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 22px;
    padding: 4px 0 8px 0;
}
.inner-card-header .nr{
    color: #f68620;
}

.damage-images{
    margin: 0 -2px;
}
.damage-images::after {
    content: '';
    float: none;
    clear: both;
    display: block;
}
.damage-img {
    float: left;
    border: 1px solid #e2e2e2;
    margin: 4px;
    position: relative;
}
.damage-img img {
    display: block;
    width: 100%;
}		
.damage-img a.del-img {
    position: absolute;
    top: 4px;
    right: 4px;
    color: #fff;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 22px;
    font-size: 16px;
    background: rgba(0,0,0,0.7);
    border-radius: 10px;
}

.fileinput-button.multi {
    float: none;
    display: inline-block;
    background: #fafafa;
    border-color: #d5d5d5;
    border-radius: 10px;
    width: auto;
    height: auto;
    padding: 11px 25px;
    line-height: 22px;
    font-size: 14px;
    color: #999;
    font-family: 'Roboto';
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 10px;
}

.damage-images.display .damage-img {
    width: 25%;
    margin: 0;
    padding: 4px;
    border: none;
}

.input-group.form-6 {
    width: 50%;
    float: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

div.input-group.form-6 + div.input-group.form-6 {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.p-center .inner-card {
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

.input-info{

    font-size: 12px;
    color: #999;
    line-height: 16px;
    margin-top: -8px;
    margin-bottom: 10px;
    padding-left: 3px;
}

.body-section td .btn{
white-space:nowrap;
}

@media all and (max-width:1360px)
{
	#damages .col.xl4,#damages .col.xl8 {
		flex:0 0 50%;
		max-width: 50%;
	}
}
@media all and (max-width:990px)
{
	#damages .col.xl4 {
		flex:0 0 40%;
		max-width: 40%;
	}
	#damages .col.xl8 {
		flex:0 0 60%;
		max-width: 60%;
	}
}

@media all and (max-width:750px)
{
	#damages .col.xl4 {
		flex:0 0 50%;
		max-width: 50%;
	}
	#damages .col.xl8 {
		flex:0 0 50%;
		max-width: 50%;
	}
}

@media all and (max-width:600px)
{
	#damages .col.xl4,#damages .col.xl8 {
		flex:0 0 100%;
		max-width: 100%;
	}
}

@media all and (max-width: 576px){
.bordered .transformer-tabs-body .row .col, .bordered .transformer-tabs--body .row .col{
padding-top:0;
padding-bottom:0;
}
.bordered .transformer-tabs-body .row .col:first-child, .bordered .transformer-tabs--body .row .col:first-child{
padding-top:15px;
}
.bordered .transformer-tabs-body .row .col:last-child, .bordered .transformer-tabs--body .row .col:last-child{
padding-bottom:15px;
}
}

.more-info{
cursor:pointer;
}

.validation-error{
color:#ff0000;
margin-top:-10px;
padding-left:3px;
display:none;
}

.has-error .fileinput-button.multi{
border-color:#ff0000;
color:#ff0000;
}

.list-col.c12 .fal{
display:none;
}

@media all and (max-width:500px)
{
.p-right{
padding-right:70px;
padding-left:19px;
}
.tab-content .btn-row{
	padding-bottom:9px;
	min-height:38px;
	
}
.p-right .tab-content .btn-row{
margin-right:-51px;
}
.tab-content .btn-row .pull-right{
float:none;
}
.tab-content .btn-row .btn {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.table-responsive .mobile-hide-s{
display:none;
}
.p-right .table-responsive{
margin-right:-51px;
}
}
.form .txt-link {
    color: #777;
    text-align: right;
    display: block;
    padding-top: 8px;
    line-height: 23px;
}

@media all and (max-width: 768px){
.form .txt-link {
  text-align: left;
}
}


.select2-container--default .select2-search--inline .select2-search__field{
min-width:200px;
}

.input-group textarea {
    min-height: 100px;
}


h3.p-small{
padding:0;
margin:0;
font-weight:normal;
font-size:18px;
line-height:26px;
padding-bottom:24px;
}
h3.p-small p{
padding:0;
margin:0;
}

.card-body p{
margin:0;
padding-bottom:20px;
}
.row.rl-only .col{
padding-top:0;
padding-bottom:0;
}
			
.ui-datepicker {
  width: 320px;
  padding: 0;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3); }

.ui-datepicker td {
  border: 0;
  padding: 0;
  width: 14.28%; }

.ui-datepicker td span, .ui-datepicker td a {
  width: 36px;
  margin: 2px auto;
  height: 36px;
  line-height: 36px;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  border-radius: 18px;
  text-align: center;
  padding: 0;
  font-size: 15px; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: none;
  background: none;
  color: #222; }

.ui-state-default, .ui-widget-content .ui-state-default:hover {
  background: #eee;
  transition: 0.3s; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background: #ff5b20 !important;
  color: #fff !important; }

.ui-datepicker th {
  padding: 0;
  text-align: center;
  color: #999;
  font: normal normal 500 12px/35px "Roboto", sans-serif;
  border-bottom: 1px solid #999; }

.ui-datepicker .ui-datepicker-header {
  padding: 25px 0 11px;
  border: none;
  background: none; }

.ui-datepicker .ui-datepicker-title {
  font: normal normal normal 16px/27px "Roboto", sans-serif;
  margin: 0 54px;
  color: #222; }

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  top: 25px;
  width: 40px;
  height: 27px;
  border: none;
  background: none;
  font-family: "Roboto", sans-serif;
  font-weight: normal; }

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: none; }

.ui-datepicker .ui-datepicker-prev::before {
  content: '\f0a8';
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  display: block;
  text-align: right;
  color: #ff5b20; }

.ui-datepicker .ui-datepicker-next::before {
  content: '\f0a9';
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  font-size: 20px;
  line-height: 27px;
  display: block;
  text-align: left;
  color: #ff5b20; }

.ui-datepicker .ui-datepicker-prev:hover::before, .ui-datepicker .ui-datepicker-next:hover::before {
  color: #222; }

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
  font-size: 16px;
  padding-left: 6px;
  line-height: 25px;
  font-weight: normal;
  font-family: "Roboto", sans-serif;
  border: 1px solid #d1d1d1; }

.ui-datepicker select.ui-datepicker-month {
  border-right: none;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px; }

.ui-datepicker select.ui-datepicker-year {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.3; }

.transformer-tabs-body.options{
padding-bottom:24px;
}

.mobile-holder{
	position:relative;
}
.mobile-holder-btn{
	display:none;
}

@media all and (max-width:910px)
{
	
	.mobile-holder-btn{
		display:inline-block;
		height: 40px;
		min-width: 40px;
		margin-top: -7px;
		border: 1px solid #ededed;
		border-radius: 3px;
		background: #fff;
		display: block;
		float: left;
		font: normal normal 400 14px/40px "Roboto", Arial, Helvetica, sans-serif;
		color:#333;
		text-align:center;
		
	}
	
	.btn-group.mob-dll{
		position:absolute;
		top:0;
		right:0;
		display:none;
		background:#fff;
		border: 1px solid #ededed;
		border-radius: 3px;
	}
	.btn-group.mob-dll .btn-default-bright{
		display:block;
		float:none;
		margin-top:0;
		border: none;
		min-width: 100px;
		text-align: left;
	}
}

@media all and (max-width:710px){
	.mob-head {
	padding-bottom:0;
}
	.mob-head .btn-group, .mob-head .mobile-holder{
		margin-right:10px;
		margin-bottom:10px;
}
	.mob-head .btn-group .btn-default-bright, .mobile-holder-btn{
		margin-top:0;
	}
	.mob-head h2{ display:block;}
	.card-head.mob-head  .tools{
	   float:none;
	   padding-right:0;
	   padding-top:10px;
	}
}

h1.text-primary{
position:relative;
padding-right:60px
}

h1.text-primary .pull-right{
position:absolute;
top:8px;
right:0;
}
.card-head .tools{
padding-right:0;
}
		
.pull-right.toggle-btn{
margin-right:0;
}
.input-group.force-label{
padding:10px 0 3px 0;
}
.toggle-form.edit .toggle-form-group.force-label label, .input-group.force-label label{
    transform: none;
    opacity: 0.8;
}
.toggle-form.edit .toggle-form-group .input-box.StripeElement, .input-group .input-box.StripeElement{
padding: 12px 0 0 12px;
}
@media all and (min-width:600px)
		{
	.form-4{
width:40%;
padding-right:3px;
float:left;
}
.form-8{
width:60%;
padding-left:3px;
float:left;
}
.input-group.form-4{
border-right:none;
border-top-right-radius:0;
border-bottom-right-radius:0;
}
.input-group.form-8{
border-top-left-radius:0;
border-bottom-left-radius:0;
}
}
.modal-footer::after {
    content: '';
    display: block;
    float: none;
    clear: both;
}

.table tr td{
position:relative;
}
.clicker{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}

.form-error{
    color: #ff0000;
    padding-bottom: 10px;
}

.toggle-form.edit .toggle-form-group.has-error{
	border-color:#ff0000;
}
.toggle-form.edit .toggle-form-group.has-error label{
color:#ff0000;
}

.stick-top-right{
position:absolute;
top:12px;
right:12px;
}

.form-intro{
font-style:italic;
font-size:13px;
}

.input-group .val{
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    line-height: 50px;
	color:#999;
}
.input-group .val.icon-ok, .input-group .val.icon-error{
display:none;
}
.input-group.has-error .val.icon-nok,.input-group.has-error .val.icon-ok, .input-group.validated .val.icon-nok,.input-group.validated .val.icon-error{
display:none;
}
.input-group.has-error .val.icon-error{
display:block;
color:#ff1a00;
}

.input-group.validated .val.icon-ok{
display:block;
color:#08c880;
}

.card-head .tools .btn-group .btn{
    display: inline-block;
    width: 32px;
    height: 32px;
    border: 1px solid #ddd;
    border-radius: 3px;
    line-height: 30px;
    text-align: center;
    background: #fefefe;
    color: #333;
    margin-top: -3px;
}
.card-head .tools .btn-group .btn.flat{
width:auto;
height:auto;
margin-top:0;
border:none;
background:none;
}

.disabled{
position:relative;
}
.disabled .disable-overlay{
position:absolute;
z-index:10;
top:0;
left:0;
right:0;
bottom:0;
background:rgba(255,255,255,0.5)}






/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */