/*************************
		Order tracking
*************************/

div#orderTracking {
    padding: 40px 10px;
}

div#orderTracking span.validationMessage {
    position:absolute;
	bottom:-7px;
	left:17px;
	font-size:12px;
}



.order-tracking input[type="text"] {
    width: 80%;
    float: left;
	 margin-bottom: 0;
    background: 0 0;
    border: none;
    border-bottom: 1px solid #cecece;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    font-size: 22px;
    color: #e20074;
    box-shadow: none;
    text-align: left;
}

.order-tracking label {
    width: 100%;
}

.order-tracking img {
	width:auto!important;
	box-shadow:none;
}

.order-tracking thead {
    background-color: #efefef;
}

.order-tracking .table-striped > tbody > tr {
    border-bottom:1px solid #eaeaea;
}

.order-tracking .table-striped > tbody > tr:nth-child(odd) {
    background-color: #fff;
}

.order-tracking .table-striped > tbody > tr:nth-child(even) {
    background-color: #f7f8fc;
}


.order-tracking  .table.order-status-table > thead > tr > th, .order-tracking  .table > tbody > tr > th, 
.order-tracking  .table.order-status-table > tfoot > tr > th, .order-tracking  .table > thead > tr > td, 
.order-tracking  .table.order-status-table > tbody > tr > td, .order-tracking  .table > tfoot > tr > td {
	padding: 7px 5px;	
	vertical-align:middle;
	font-size:20px;
	font-size: 15px;
}

.order-tracking  .table.order-status-table > thead > tr > th {
	text-transform:uppercase;
	font-weight:normal;
}

.order-tracking  .table.order-status-table tbody > tr td:nth-of-type(1) {
	color:#e20074;
    font-size: 18px;
}
.order-tracking  .table.order-status-table tbody > tr td:nth-of-type(2) {
	color:#eda95a;
	text-transform:uppercase;
}

.order-tracking  .table.order-status-table tbody > tr td:nth-of-type(3) {
	text-align:right;
}

img.order-status-img {
    vertical-align: middle;
    margin: 0px 10px 0px 0px;
}


/* Order details */

.order-tracking  .table.order-details-table  > thead > tr > th, .table.order-details-table  > tbody > tr > th, 
.order-tracking  .table.order-details-table  > tfoot > tr > th, .table.order-details-table  > thead > tr > td, 
.order-tracking  .table.order-details-table  > tbody > tr > td, .table.order-details-table  > tfoot > tr > td {
	padding: 7px 5px;	
	vertical-align:middle;
	font-size:20px;
	font-size: 15px;
	text-transform:uppercase;
}

.order-tracking .table.order-details-table tbody > tr td:nth-of-type(2) {
    color: #e20074;

}

.order-tracking .table.order-details-table tbody > tr:nth-of-type(3) td:nth-of-type(2) {
	color:#eda95a;
}

.order-tracking  .table.order-details-table {
    margin-top: 30px;
}

h2.order-det {
    display: inline-block!important;
    text-transform: uppercase;
    font-size: 19px!important;
    font-family: 'tele-groteskfetregular'!important;
    line-height: 1!important;
    border-bottom: 0px!Important;
}

span.order-numb {
    color: #e20074;
}


a.nazad-btn {
    margin-right: 10px;
}

p.info-box-orders {
	padding: 20px 45px;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #f2e0b6;
    background: #faf3e3 url('../images/info-icon.png') no-repeat left 10px center;	
    font-size: 14px;
}


span.mob-tel-order, span.fiks-tel-order {
    color: #515151;
}


/*tooltips*/

.order-tracking .tool-fix-w {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.order-tracking .mag1-qmark {
    display: inline-block;
}


.order-tracking .mag1-qmark {
    overflow: hidden;
    position: absolute;
}

.order-tracking .mag1-qmark img {
    width: 22px;
    margin-left: 15px;
    margin-top: 15px;
}

.order-tracking .mytool {
    color: white;
    background-color: rgb(66, 65, 66);
    padding: 10px;
    width: 220px;
    margin-top: 10px;
    border-radius: 3px;
    position: relative;
    opacity: 0;
    transition: all ease-in-out 0.3s;
    width: 0;
    height: 0;
}

.order-tracking .mag1-qmark:hover .mytool {
    opacity: 1;
    width: 200px;
    height: auto;
}

.order-tracking .mytool img {
    position: absolute;
    top: -29px;
    left: 0px;
}

input#provjerite-narudzbu {
    margin-top: 20px;
	    margin-bottom: 20px;
}

table.table.order-details-table p {
    margin: 0px;
}


.isHidden
{
    display: none;
    }
.loader-check img {
         border-width: 0px;
    height: 60px;
    width: 60px;
    position: absolute;
    margin-left: 45%;
    margin-top: 10%;
    box-shadow: none;

}

.img-cc-loading{

     border-width: 0px;
    height: 60px;
    width: 60px !important;
    position: absolute;
    margin-left: 45%;
    margin-top: 10%;
    box-shadow: none;

}

.loader-check {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.64);
}


.loader-cc {
  font-size: 8px;
  margin: 150px auto;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: 40px;
  -webkit-animation: load4 1.3s infinite linear;
  animation: load4 1.3s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loader-cc p {
    position: absolute;
    width: 200px;
    top: 45px;
    right: -90px;
    color: #e20074;
}

@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em #e20074, 2em -2em 0 0em #e20074, 3em 0 0 -1em #e20074, 2em 2em 0 -1em #e20074, 0 3em 0 -1em #e20074, -2em 2em 0 -1em #e20074, -3em 0 0 -1em #e20074, -2em -2em 0 0 #e20074;
  }
  12.5% {
    box-shadow: 0 -3em 0 0 #e20074, 2em -2em 0 0.2em #e20074, 3em 0 0 0 #e20074, 2em 2em 0 -1em #e20074, 0 3em 0 -1em #e20074, -2em 2em 0 -1em #e20074, -3em 0 0 -1em #e20074, -2em -2em 0 -1em #e20074;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em #e20074, 2em -2em 0 0 #e20074, 3em 0 0 0.2em #e20074, 2em 2em 0 0 #e20074, 0 3em 0 -1em #e20074, -2em 2em 0 -1em #e20074, -3em 0 0 -1em #e20074, -2em -2em 0 -1em #e20074;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em #e20074, 2em -2em 0 -1em #e20074, 3em 0em 0 0 #e20074, 2em 2em 0 0.2em #e20074, 0 3em 0 0em #e20074, -2em 2em 0 -1em #e20074, -3em 0em 0 -1em #e20074, -2em -2em 0 -1em #e20074;
  }
  50% {
    box-shadow: 0 -3em 0 -1em #e20074, 2em -2em 0 -1em #e20074, 3em 0 0 -1em #e20074, 2em 2em 0 0em #e20074, 0 3em 0 0.2em #e20074, -2em 2em 0 0 #e20074, -3em 0em 0 -1em #e20074, -2em -2em 0 -1em #e20074;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em #e20074, 2em -2em 0 -1em #e20074, 3em 0 0 -1em #e20074, 2em 2em 0 -1em #e20074, 0 3em 0 0 #e20074, -2em 2em 0 0.2em #e20074, -3em 0 0 0 #e20074, -2em -2em 0 -1em #e20074;
  }
  75% {
    box-shadow: 0em -3em 0 -1em #e20074, 2em -2em 0 -1em #e20074, 3em 0em 0 -1em #e20074, 2em 2em 0 -1em #e20074, 0 3em 0 -1em #e20074, -2em 2em 0 0 #e20074, -3em 0em 0 0.2em #e20074, -2em -2em 0 0 #e20074;
  }
  87.5% {
    box-shadow: 0em -3em 0 0 #e20074, 2em -2em 0 -1em #e20074, 3em 0 0 -1em #e20074, 2em 2em 0 -1em #e20074, 0 3em 0 -1em #e20074, -2em 2em 0 0 #e20074, -3em 0em 0 0 #e20074, -2em -2em 0 0.2em #e20074;
  }
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em #e20074, 2em -2em 0 0em #e20074, 3em 0 0 -1em #e20074, 2em 2em 0 -1em #e20074, 0 3em 0 -1em #e20074, -2em 2em 0 -1em #e20074, -3em 0 0 -1em #e20074, -2em -2em 0 0 #e20074;
  }
  12.5% {
    box-shadow: 0 -3em 0 0 #e20074, 2em -2em 0 0.2em #e20074, 3em 0 0 0 #e20074, 2em 2em 0 -1em #e20074, 0 3em 0 -1em #e20074, -2em 2em 0 -1em #e20074, -3em 0 0 -1em #e20074, -2em -2em 0 -1em #e20074;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em #e20074, 2em -2em 0 0 #e20074, 3em 0 0 0.2em #e20074, 2em 2em 0 0 #e20074, 0 3em 0 -1em #e20074, -2em 2em 0 -1em #e20074, -3em 0 0 -1em #e20074, -2em -2em 0 -1em #e20074;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em #e20074, 2em -2em 0 -1em #e20074, 3em 0em 0 0 #e20074, 2em 2em 0 0.2em #e20074, 0 3em 0 0em #e20074, -2em 2em 0 -1em #e20074, -3em 0em 0 -1em #e20074, -2em -2em 0 -1em #e20074;
  }
  50% {
    box-shadow: 0 -3em 0 -1em #e20074, 2em -2em 0 -1em #e20074, 3em 0 0 -1em #e20074, 2em 2em 0 0em #e20074, 0 3em 0 0.2em #e20074, -2em 2em 0 0 #e20074, -3em 0em 0 -1em #e20074, -2em -2em 0 -1em #e20074;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em #e20074, 2em -2em 0 -1em #e20074, 3em 0 0 -1em #e20074, 2em 2em 0 -1em #e20074, 0 3em 0 0 #e20074, -2em 2em 0 0.2em #e20074, -3em 0 0 0 #e20074, -2em -2em 0 -1em #e20074;
  }
  75% {
    box-shadow: 0em -3em 0 -1em #e20074, 2em -2em 0 -1em #e20074, 3em 0em 0 -1em #e20074, 2em 2em 0 -1em #e20074, 0 3em 0 -1em #e20074, -2em 2em 0 0 #e20074, -3em 0em 0 0.2em #e20074, -2em -2em 0 0 #e20074;
  }
  87.5% {
    box-shadow: 0em -3em 0 0 #e20074, 2em -2em 0 -1em #e20074, 3em 0 0 -1em #e20074, 2em 2em 0 -1em #e20074, 0 3em 0 -1em #e20074, -2em 2em 0 0 #e20074, -3em 0em 0 0 #e20074, -2em -2em 0 0.2em #e20074;
  }
}


@media (max-width: 767px) {
        .credit-check-div {
        margin-left: 0;
    }
        .loader-cc p {
            display: none;
        }
		
		.pre-post-paid-form
	{
	height: initial;
	}
		
}

/************** Order tracking end****************/



/*** order tracking naslovna ****/

@media (min-width: 768px) {
    .four-bottom-boxes .col-lg-3 {
        width: 20%;
    }
}


.bordered {
    border: 1px solid #D0D0D0;
}


.icon-land.online-provjera-icon {
    background-image: url(../../content/images/piktogrami/online-provjera-narudzbi.png);
}

.home-icon-wrapper:hover .icon-land.online-provjera-icon {
    background-image: url(../../content/images/piktogrami/online-provjera-narudzbi.png);
    background-position: center 0;
}



.bordered .online-narudzbi h4 {
    color: #e20074;
}

img.novonovonajnovo {
    position: absolute;
    top: 0;
    left: 0;
}

.home-boxes-bottom .icon-land {
    margin-top: 20px;
    height: 80px;
}

/**** order tracking naslovna end ****/

