/**
  * =========================================
  * GLOBAL
  * =========================================
  * boje:
  * border:#797a7e;
  * body: background: #58585a;
  * #fff
  */
@font-face {
  font-family: 'neosansregular';
  src: url("../fonts/neosans-webfont.eot");
  src: url("../fonts/neosans-webfont.eot") format("embedded-opentype"), url("../fonts/neosans-webfont.woff") format("woff"), url("../fonts/neosans-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'neosansbold';
  src: url("../fonts/neosans-bold-webfont.eot");
  src: url("../fonts/neosans-bold-webfont.eot") format("embedded-opentype"), url("../fonts/neosans-bold-webfont.woff") format("woff"), url("../fonts/neosans-bold-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'neotechregular';
  src: url("../fonts/neotech-webfont.eot");
  src: url("../fonts/neotech-webfont.eot") format("embedded-opentype"), url("../fonts/neotech-webfont.woff") format("woff"), url("../fonts/neotech-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

  html{
 
    min-height: 100%;
    width:100%;
    font-size: 62.5%;
    /*background: rgba(0,0,0,0.8);*/
  }

::-webkit-scrollbar
{
  width: 12px;  /* for vertical scrollbars */
  height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
}

  body{
    width:100%;
    padding: 0px;
    margin: 0px;
    font-size: 1.4rem; /* =14px */
    font-family: 'neosansregular';
    /*text-transform: uppercase;*/
    font-weight: normal;

    background: rgba(0,0,0,0.8);/*#58585a;rgba(0,0,0,0.5);*/
    background: -webkit-radial-gradient(top right,#eee 0%,rgba(0,0,0,0.7) 30% );
    background: -moz-radial-gradient(top right,#eee 0%,rgba(0,0,0,0.7) 30% );
    background: -o-radial-gradient(top right,#eee 0%,rgba(0,0,0,0.7) 30% );
    background: -ms-radial-gradient(top right,#eee 0%,rgba(0,0,0,0.7) 30% );
    /*background-repeat:no-repeat; */

    /*DISABLE USER TEXT SELECTION*/
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
  }


  h1   { font-size: 2.4rem; } /* =24px */
  ul{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
  }
/** svim elemntima sirina bordera ne ulazi u njihovu sirinu */
  * {  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; 
  }


input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px #cccccc inset; /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #333;
} 


/** =============
TABLICA OPCENITO
============== */
table {
  position:relative;
  width:100%;
  table-layout: fixed;
  margin: 0px auto;
  margin-bottom: 1.2rem;

  text-align:center;
  
  border-collapse: collapse;

  background: rgba(121,122,126,0.6);/*#797a7e;*/
  -moz-border-radius:5px; 
  -webkit-border-radius:5px; 
  border-radius:5px; 

  -webkit-box-shadow: 5px 5px 4px rgba(0,0,0,0.75);
  -moz-box-shadow:      5px 5px 4px rgba(0,0,0,0.75);
  box-shadow:           5px 5px 4px rgba(0,0,0,0.75);
}


/** ========= tHead ========== */
thead {
    background-color: #444444;
    color: #ffffff;
    text-align: center;
}
  thead th{
    position: relative;
    text-shadow: 3px 2px 2px #000;
    padding-top:8px;
    padding-bottom:4px;
  }
  thead tr:first-child th{
    padding: 10px 5px 10px 5px;
    font-size: 24px;
    font-size: 2.3rem;
    line-height: 2.4rem;
  }
  thead tr{
    position: relative;
  }
/** tHead done */

/** ========= tbody ========= */
    tbody td{
      color: #ffffff;
      font-size: 1.4rem;
      border-bottom: 2px solid #444444;
    }
      tbody tr:last-child td{
        border-bottom: none;
      }

      tbody td img{
        width:80px;
        height:40px;
      }

      tbody tr:hover td{
        background: rgba(0,0,0,0.5);
      }
/** tBody done */



/**
 * tr okvir bordera (border radius )- kao da smo na tablicu stavili b.radius, al ima nekih bugova
 * , ovo je KAO bolje 
 */
    table tr:first-child th:first-child {
        -moz-border-radius-topleft:5px;
        -webkit-border-top-left-radius:5px;
        border-top-left-radius:5px
    }

    table tr:first-child th:last-child {
        -moz-border-radius-topright:5px;
        -webkit-border-top-right-radius:5px;
        border-top-right-radius:5px
    }
    table tr:last-child td:first-child {
        -moz-border-radius-bottomleft:5px;
        -webkit-border-bottom-left-radius:5px;
        border-bottom-left-radius:5px
    }

    table tr:last-child td:last-child {
        -moz-border-radius-bottomright:5px;
        -webkit-border-bottom-right-radius:5px;
        border-bottom-right-radius:5px
    }
/** GOTOV OKVIR BORDERA */



/**
 * =====================================================
 * NAV BUTTON - i drop down - onaj s tri crtice u sebi
 * =====================================================
 */
/* close buton */
a.menuClose{
    /*position:relative;
    float:right;
    padding:0px;
    margin-top:-15px;
    margin-right:-15px;
    cursor:pointer;
    color: rgb(71, 71, 71);
    border: 2px solid rgb(71, 71, 71);
    border-radius: 100%;
    width: 30px;
    height:30px;
    background: #ffffff;
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;*/

    
    /*padding: 11px 3px; */ 
    /*z-index: 999;  */ 
}
.showMoreBtn{
	font-size: 1.2rem;
	padding: 2px;
	color: rgb(121, 122, 126);
	position: absolute;
	top:0px;
	left:0px;
	text-shadow: 1px 1px #000;
	cursor: pointer;
}
.menuClose:hover{
	border-color:#ffffff;
}
/* ----------------------- */
/****** NEM MAIN MENU ******/






#primary_nav_wrap .first-ul{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	z-index:5;
	/*background: rgb(71, 71, 71);*/
}
#primary_nav_wrap .first-ul .second-ul{
	position:absolute;
	top:100%;
	left:0;
	text-align:center;
	padding:0;
	background: rgb(71, 71, 71);
}
#primary_nav_wrap .first-ul .second-ul hr{
	margin: 0;
	padding: 0;
}
/* SHADOW*/
#primary_nav_wrap .second-ul, #primary_nav_wrap .third-ul{
	-webkit-box-shadow: 0px 0px 5px 4px rgba(255,255,255, 1);
	-moz-box-shadow:    0px 0px 5px 4px rgba(255,255,255, 1);
	box-shadow:         0px 0px 5px 4px rgba(255,255,255, 1);
}
#primary_nav_wrap .first-ul li img{
	display:inline-block;
	margin-right:10px;
	width:70px;
	max-width:100%;
	max-height:100%;
	margin-top: 0px;
}
#primary_nav_wrap .second-ul a, #primary_nav_wrap .third-ul a{
	display:block;
	text-align: center;
	text-decoration:none;
	font-weight:700;
	font-size:.8em;
	padding:.8em 1em;
	color:#797a7e;
	transition:all 0.5s ease;
	clear: both;
}

#primary_nav_wrap .second-ul a:hover, #primary_nav_wrap .third-ul a:hover{
	background: rgb(23,23,23);
	color:#fff;
}
#primary_nav_wrap .third-ul{
	display:none;
	text-align:center;
	padding:0;
	background: rgb(71, 71, 71);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

#primary_nav_wrap .first-ul .second-ul li{
	width:150px;
	max-height: 2.3em;
}

#primary_nav_wrap .first-ul .packageName{
  text-align: left;
  padding:.34em 1em;
  color:#FFF;
  background-color: #000;
}

#primary_nav_wrap .second-ul li:hover > .third-ul{
	display: -webkit-flex;
	display: flex;
}

#primary_nav_wrap .third-ul{
	position:absolute;
	top:6.7em;
	left:140px;
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
#primary_nav_wrap ul li .menu-ul{
	background-color: none !important;
}
#primary_nav_wrap .icon{
	width: 30px;
    height: 41px;
    position: relative;
    vertical-align: top;
    display: inline-block;
}
#primary_nav_wrap .menu-title{
    height: 41px;
    position: relative;
    vertical-align: top;
    display: inline-block;
    padding: 0 6px 0 4px;
    color:#FFF;
    font-size: 1.4rem;
    line-height: 41px;
    text-transform: uppercase;
}
#primary_nav_wrap .icon .top{
	top:9px;
}
#primary_nav_wrap .icon .center{
	top:18px;
} 
#primary_nav_wrap .icon .bottom {
	top:27px;
}
#primary_nav_wrap ul li:hover > .icon .top{
  top:7px;
}
#primary_nav_wrap ul li:hover > .icon .bottom{
  top:29px;
}
#primary_nav_wrap .icon .top, #primary_nav_wrap .icon .center, #primary_nav_wrap .icon .bottom{
	left: 0;
  height: 4px;
  width: 30px;
  background: #fff;
  position: absolute;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
#primary_nav_wrap ul li{
	cursor: pointer;
}









/* ----------------------- */
#chMenu{
  position: relative;
  float:left;
  /*border: 2px solid #797a7e;*/
  border-radius:0px;
  height: 30px;
  line-height: 30px;
}

  #chMenu a{
    text-decoration: none;
    font-size: 14px;
    
    margin: 0px;
    padding: 0px;
    color:#797a7e;
    transition:all 0.5s ease;
  }
    #chMenu a:hover{
      color:#fff;
    }

#wrapMarketTitle{
  position:relative;
  /* height: 32px;*/
}
#marketTitle{
  /*position: absolute;*/
 /* width:100%;*/
  /*display: block;*/
 /* bottom:0px;*/
 
  font-size: 1.4rem;
  text-align: center;
  text-shadow: 3px 2px 2px #000;
  color:#fff;
  /*ertical-align: baseline;*/
}
#navHeader{padding-bottom: 0px;}
/**
 * =================   =================
 */

/**
 * PORUKE
 */
 .messageWrap{
    position: absolute;
    width:100%;
    top:0px;
    text-align: center;
    z-index: 15;
  }
  .messageBox{
    background-color: #fff;
    display: inline-block;
    min-width: 320px;
    max-width: 680px;
    width:100%;
    z-index: 15;

    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

   background-color: #d9534f;
  }
  .messageBox p{
 /*   color:#444444;*/
  }
  .overlay {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(0,0,0,0.5);
}
#primary_nav_wrap svg{
  -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

/*.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}*/
 .noticeWrap{
    position: absolute;
    width:100%;
    top:0px;
    text-align: center;
z-index: 9999999;
    display:none;

  }
  .noticeBox{
    display: inline-block;
    min-width: 320px;
    max-width: 680px;
    width:100%;
    z-index: 15;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-bottom-radius: 0px;

    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

    border:1px solid #d6e9c6;
    color: #3c763d;
    background-color: #dff0d8;
  }