/*
Project: GOMAP
Author: Farida Oruj(coding & design)
*/ 

html ,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}
.ui-content {
    padding: 0;/*margin-top:auto;*/
}
.ui-footer {
    text-align: center;
    padding: 5px 0;
}
.portrait, .portrait #mappage {
    min-height: 0;
}

#mappage, #mappage .ui-content, #map {
    width: 100%;
    height: 100%;
}
.loading {
    background-image: url("../img/map_mobile/ajax-loader.gif");
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
}
.olControlAttribution {
    font-size: 0px;
    bottom: 75px;
    right: 5px;
    color:#26446C
}

.olControlAttribution a {
    color:#26446C
}
#infolist {
    /*position: absolute;
    z-index: 1000;*/
    margin: 5px 5px 5px 50px;
    /*background: #8B8B88;*/
}
/*#infolist ul {
   display:inline-flex; 
   padding: 0px;
}
#infolist li {
 width:60px !important; 
 display: inline; 
 border-right: 1px solid #FFFFFF;
}*/

#infolist .ui-btn-inner {
    padding: 0px;
}

.info_icons {
    background: #8B8B88;
    width: inherit;
    border-radius: 12px;
    border: 1px solid #3D3D3D;
}
#sharecontent{
    height: 100px; 
    background: #F9F9F9; 
    padding:3px;
}
#navigation { 
    position: absolute;
    bottom: 75px;
    left: 10px;
    z-index: 1000;
}
#navigation .ui-btn-icon-notext{
    background: url(../img/map_mobile/navibar_bg.png);
    display: block;
    padding: 7px 6px 7px 8px;
}
#title, #tags, #shortdesc {
    display: none;
}
.ui-icon-check {
    opacity: 0.3;
}
.checked .ui-icon-check {
    opacity: 1;
}

.ui-content .ui-listview-inset, #search_results, #routeslist, #nearlist, #faqlist {
    margin: 0.5em;
}
.ui-content .ui-listview {
    margin: 0;
}
#details-list li{
	padding:15px 10px;
	overflow:hidden;
    margin-right: 45px;
}

#popup #details-list li {
    margin-right: 0;
    overflow: hidden;
    padding: 12px 10px;
}

#popup #busstopslist li , #detailspanel{
    margin-right: 0;
    overflow: hidden;
    padding: 9px 15px;
}

#detailspanel {
    box-shadow: 2px -3px 4px rgba(0,0,0,.3);

}

#popup .ui-icon-delete{margin:2px 3px!important}


.header_m{
    background: url("../img/map_mobile/navibar_bg.png") repeat scroll 0 0 transparent;
}
.header_title{text-align: center; width: 95%; font-family: Lucida Bright, Arial, Helvetica, sans-serif; font-size:22px; text-shadow:none}
#routesdivpage a, #catalogdivpage a, #neardivpage a, #busdivpage a, #feedbackdivpage a, #addobjectdivpage a, #layerdivpage a, #faqdivpage a, #reportdivpage a, #wialondivpage a, #busroutedivpage a{
    background: inherit;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    margin: 0 -5px;
}
#routesdivpage .ui-btn-inner, #catalogdivpage .ui-btn-inner, #neardivpage .ui-btn-inner, #busdivpage .ui-btn-inner, #feedbackdivpage .ui-btn-inner, #addobjectdivpage .ui-btn-inner, #layerdivpage .ui-btn-inner, #faqdivpage .ui-btn-inner, #wialondivpage .ui-btn-inner, #reportdivpage .ui-btn-inner, #busroutedivpage .ui-btn-inner {background: url(../img/map_mobile/bg_btn.png) repeat; border-radius: 4px; border: 1px solid #404143; height: 20px; margin: -2px 3px 0; padding: 5px;}
#catalogpage .header_m, #nearpage .header_m{background: #707070;}
#nearpage .ui-field-contain{margin: 1em 0.5em;}
#buspage .ui-content{ margin:0 5px}
#routesdivpage, #searchdivpage, #catalogdivpage, #neardivpage, #busdivpage, #feedbackdivpage, #addobjectdivpage, #layerdivpage, #faqdivpage, #reportdivpage, #wialondivpage, #busroutedivpage {margin: 0px 8px;}
#searchdivpage .two_a{width: 50px; float: left;}
#searchdivpage .two_a1{width: 40px;  float: right;}
#searchdivpage .two_input{margin: 0 40px; padding: 0 10px;}
#searchdivpage .ui-collapsible-content {padding: 1px 16px;}
/*#searchdivpage .ui-input-text{border-radius:0; border-width: 3px 2px 2px 2px; border-image: url(../img/map_mobile/input.png) 3 2 2 2 repeat;}*/
#searchdivpage a{background: inherit; border: medium none; border-radius: 0; box-shadow: none; margin:0 -5px}	
#searchdivpage a span{border:none;}
#searchdivpage .ui-btn-inner{background: url(../img/map_mobile/bg_btn.png) repeat; border-radius: 4px; border: 1px solid #404143; height: 20px; margin: 2px 3px 0; padding: 5px;}

#searchdiv .two_a{width: 50px; float: left;}
#searchdiv .two_a1{width: 40px;  float: right;}
#searchdiv .two_input{margin: 0 40px; padding: 0 10px;}
#searchdiv .ui-collapsible-content {padding: 1px 16px;}
/*#searchdiv .ui-input-text{border-radius:0; border-width: 3px 2px 2px 2px; border-image: url(../img/map_mobile/input.png) 3 2 2 2 repeat;}*/
#searchdiv .ui-input-text, #searchdivpage .ui-input-text{border-radius:6px; border:1px solid #404143; background:#fff; color:#404143; text-shadow:none;  box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5) inset;}
#searchdiv a{background: inherit; border: medium none; border-radius: 0; box-shadow: none; margin:0 -5px}	
#searchdiv a span{border:none;}
#searchdiv .ui-btn-inner{background: url(../img/map_mobile/bg_btn.png) repeat; border-radius: 4px; border: 1px solid #404143; height: 20px; margin: 10px 3px 0; padding: 5px;}
#direction .route_label{width: 10px; float: left;}
#direction .route_label label{margin: 8px 0;}
#direction #direction_btn, #direction #direction_btn1{width: 80px;  float: right;}
#direction #direction_btn{margin-top:4px}
#direction #direction_btn .ui-btn-inner, #direction #direction_btn1 .ui-btn-inner{background: url(../img/map_mobile/bg_btn.png) repeat-x; border-radius: 4px; border: 1px solid #404143; height: 18px; padding: 5px;}
#direction #direction_btn a, #direction #direction_btn1 a{background: inherit; border: medium none; border-radius: 0;	box-shadow: none;}
#direction #direction_btn a span, #direction #direction_btn1 a span{border:none;}
#direction .route_input{margin: 0 78px 10px 10px; padding: 0 10px;}
#direction .ui-body-a{border-radius:6px; border:1px solid #404143; background:#fff; color:#404143; text-shadow:none;  box-shadow: 0px 1px 16px rgba(0, 0, 0, 0.5) inset;}
#direction fieldset{ margin:0 0 0 20px; }
/*#direction fieldset.ui-controlgroup .ui-btn-inner{background: url(../img/map_mobile/bg_btn.png) repeat-x; border-radius: 4px; border: 1px solid #404143; height: 18px; padding: 5px; width: 50px;}*/
#direction fieldset.ui-controlgroup .ui-btn-inner{ height: 18px; padding: 5px; width: 45px;}
#direction fieldset.ui-controlgroup .ui-btn-up-a:focus {background: none;border: none;color: #FFFFFF;text-shadow: none;box-shadow:none}
#getroute{margin:-28px 10px 0 0px; /*margin-left:7px;*/box-shadow: none; float:right}

#getroute .ui-btn-inner {
    background: url("../img/map_mobile/bg_btn.png") repeat-x;
    border: 1px solid #404143;
    border-radius: 4px 4px 4px 4px;
    height: 16px;
    padding: 5px;
	width:56px;
	
}
#direction .ui-btn-up-a, #direction .ui-btn-hover-a{border:none}

#getroute .ui-btn-active,#getroute .ui-btn:focus{ 
	border:1px solid #111111;
	box-shadow:none
}
#getroute .ui-icon,#getroute  .ui-icon-ok{
    background: url(../img/map_mobile/btn_go.PNG) no-repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    border-radius: 9px 9px 9px 9px;
    margin: -12px 17px;
	width:22px; 
	height:22px;
}
#direction fieldset.ui-controlgroup .ui-btn-active{
    /*background: url("../img/map_mobile/bg_btn_dwn.png") repeat-x;*/
	background: #001000;
}
/*~~~~~~~mojno pomenat cvet ili border pri active buttona~~~~~~~~~~*/
/*#direction fieldset.ui-controlgroup .ui-btn-hover-a,#direction fieldset.ui-controlgroup .ui-btn-up-a:visited,#direction fieldset.ui-controlgroup  .ui-btn-active{
    background: none;
	box-shadow:none
}
*/
body { -moz-user-select: -moz-none;  -webkit-user-select: none; -khtml-user-select: none; user-select: none; }

.ui-footer {
    text-align: center;
    background: url(../img/map_mobile/navibar_bg.png);
	margin-top: -70px;
    padding: 0;
    position: relative;
    text-align: center;
    z-index: 1000;
    
}
.ui-footer .ui-btn-up-a,.ui-footer .ui-btn-hover-a,.ui-footer .ui-btn-up-a:visited{
    background: none;
	border:1px solid #FFF
}
.ui-footer  .ui-focus,.ui-footer .ui-btn:focus{box-shadow: none}
.ui-footer  .ui-btn-inner{border-top:none;}
.ui-footer  .ui-icon-mysearch  {background:  url(../img/map_mobile/search_footer.png)}
.ui-footer  .ui-icon-myroute   {background:  url(../img/map_mobile/route.png) }
.ui-footer  .ui-icon-mycataloq {background:  url(../img/map_mobile/cataloq.png) }
.ui-footer  .ui-icon-mynearby  {background:  url(../img/map_mobile/nearme.png) }
.ui-footer  .ui-icon-mybus     {background:  url(../img/map_mobile/bus.png)}

.ui-icon-mysearch,.ui-icon-myroute ,.ui-icon-mycataloq, .ui-icon-mynearby, .ui-icon-mybus {
	border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
	width:70px;
	height:47px;
	margin: -5px 0;
}
/*.ui-footer  .ui-btn-icon-top .ui-btn-inner .ui-icon,.ui-footer .ui-btn-icon-bottom .ui-btn-inner .ui-icon {
    left: 50%;
    margin-left: -35px;
    position: absolute;
}
.ui-footer .ui-navbar li .ui-btn-icon-top .ui-btn-inner {
    padding-bottom: 4px;
    padding-top: 47px;
}
*/
#locate img, #feedback img, #addobject img, #layers img{padding-left: 21px; width: 47px;}
#faq img{padding-left: 22px; width: 47px;}
#catalogpage .ui-listview,#catalogpage .ui-li { border-radius:0}

#wialonpage .ui-field-contain, #wialonpage .ui-mobile fieldset.ui-field-contain,
#busroutepage .ui-field-contain, #busroutepage .ui-mobile fieldset.ui-field-contain,
#feedbackpage .ui-field-contain,#feedbackpage .ui-mobile fieldset.ui-field-contain,
#addobjectpage .ui-field-contain,#addobjectpage .ui-mobile fieldset.ui-field-contain,
#reportpage .ui-field-contain, #reportpage .ui-mobile fieldset.ui-field-contain
{margin: 1em 9px; padding: 0;}

#wialonpage input.ui-input-text, #wialonpage textarea.ui-input-text,
#busroutepage input.ui-input-text, #busroutepage textarea.ui-input-text,
#feedbackpage input.ui-input-text, #feedbackpage textarea.ui-input-text,
#addobjectpage input.ui-input-text, #addobjectpage textarea.ui-input-text,
#reportpage input.ui-input-text, #reportpage textarea.ui-input-text
{margin: 6px -1px; border-radius: 5px; color: #404143;}

#wialonpage .ui-field-contain label.ui-input-text, 
#busroutepage .ui-field-contain label.ui-input-text, 
#feedbackpage .ui-field-contain label.ui-input-text, 
#addobjectpage .ui-field-contain label.ui-input-text,
#reportpage .ui-field-contain label.ui-input-text
{width:auto;}

#feedbackpage .cols_2b .ui-btn, 
#addobjectpage .cols_2b .ui-btn, #addobjectpage #addobj_map_btn.ui-btn,
#reportpage .cols_2b .ui-btn
{border-radius:5px; border:1px solid #AAAAAA}

#feedbackpage .ui-focus,#feedbackpage .ui-btn:focus, 
#addobjectpage .ui-focus,#addobjectpage .ui-btn:focus, 
#reportpage .ui-focus, #reportpage .ui-btn:focus 
{ box-shadow: none;}

#feedbackpage .cols_2a, #addobjectpage .cols_2a, #reportpage .cols_2a{float: left; width: 125px; margin-top:3px}
#feedbackpage .cols_2b, #addobjectpage .cols_2b, #reportpage .cols_2b{float: right;width: 60px; margin-top:2px}
#feedbackpage .cols_2c, #addobjectpage .cols_2c, #reportpage .cols_2c{margin: 0px 65px 0 120px; padding: 0 10px;}

#faqtext {margin: 0.5em;}
#faqtext i{ font-style: italic;}

/*#infopanel{z-index: 1000; margin: 2=10px; position: absolute; width: 98%; border-radius: 14px 14px 14px 14px; background: url("../img/map_mobile/navibar_bg.png") repeat scroll 0px 0px transparent; color: white; text-shadow: none; border: 1px solid rgb(85, 85, 85); padding: 23px 0px;}*/

#infopanel {
    background: url("../img/map_mobile/navibar_bg.png") repeat scroll 0 0 transparent;
    border: 1px solid #555555;
    border-radius: 20px 20px 20px 20px;
    color: white;
    margin-top: 2px;
    margin-left: 1%;
    padding: 4px 0;
    position: absolute;
    text-shadow: none;
    text-align: center;
    font-size: 13px;
    width: 98%;
    z-index: 1000;
}

#infopopup #infopopuplist li {
    margin-right: 0;
    overflow: hidden;
    padding: 15px 10px;
}
#infopopup  .ui-icon-delete{margin:2px 3px!important}

#sharepopup  .ui-icon-delete{margin:2px 3px!important}

#nearlist .ui-li-desc a, #nearlist .ui-li-desc a:hover  {
    /*text-decoration:none;*/
    font-style:italic;
    color:#306080
}
#search_results .ui-li-desc a, #search_results .ui-li-desc a:hover  {
    /*text-decoration:none;*/
    font-style:italic;
    color:#306080
}
/*#nearlist .ui-li-desc {
   border: 1px dotted #999999;
   border-left:none;
   border-right:none;
   padding:10px 0;
}
#nearlist .ui-li-desc:last-child {
   border: none;
   padding:none;
}

#nearlist .ui-li-heading {
    margin: 0.6em 0 1em;
}*/
#popup #details-list a {
    /*text-decoration:none;*/
    font-style:italic;
    color:#306080
}

div.olLayerGooglePoweredBy.olLayerGoogleV3.gmnoprint,div.olLayerGoogleCopyright.olLayerGoogleV3 {visibility:hidden;}

#layerspage .ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {
    background-color: #306080;
}

.btn
{
    display: block;
    font-size: 12px;
    font-weight: normal;
    /* height:70px;
    width:320px;*/
    float: right;
    margin: -3.5em 0 0.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	background:-webkit-linear-gradient(top, #ffffff 1%,#D4D4D4 100%);
	background: -moz-linear-gradient(top, #ffffff, #D4D4D4);
    height: 25px;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    color: #000000;
}

#onmappoi 
{
	background:-webkit-linear-gradient(top, #E8E8E8 15%,#C6C6C6 63%);
	background: -moz-linear-gradient(top, #E8E8E8 15%, #C6C6C6 63%);
    border: 1px solid #909090;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    color: #000000;
    position: absolute;
    right: 7px;
    text-shadow: 0 1px 0 #EEEEEE;
    top: 4px;
}

#searchpage .ui-li-desc{ width:95%}


/*.ui-body-d, .ui-overlay-d*/
.mapAds 
{
    /*background: linear-gradient(#FFFFFF, #E8E8E8) repeat scroll 0 0 #FFFFFF;*/
    /*background: linear-gradient(#fefcea, #f1da36) repeat scroll 0 0 #FFFFFF;*/
    background: #FFFFE2;
    border: 1px solid #BBBBBB;
    color: #333333;
    text-shadow: 0 1px 0 #FFFFFF;
}
#detectuserlocation {
    display: block;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.4;
    margin: 0 0 0.3em;
}

.busdetails{
	background: url('../img/map_mobile/navibar_bg.png') repeat scroll 0 0 rgba(0, 0, 0, 0);
	padding:15px;
	text-align: center;
	color: #FFFFFF;
}

.adspanel{
	text-align: center;
}

@media screen and (min-width:200px) and (max-width:400px) {
	.adspanel img{width:90%}
}

#taxiadsdiv {
	background: #441e4e none repeat scroll 0 0;
    position: absolute;
    text-shadow: none;
    text-align: center;
    font-size: 15px;
	top:0px;
    width: 100%;
    z-index: 1000;
	color: white;
    padding-bottom: 8px;
}

#taxiadsdiv2 {
	background: #441e4e none repeat scroll 0 0;
    background-color: #242424;
    position: relative;
    text-shadow: none;
    text-align: center;
    font-size: 15px;
	top:9px;
    width: 100%;
    z-index: 1000;
	color: white;
}

.taxiadscontent {
    background-image: url("../img/map_mobile/taxi_phone.png");
    background-repeat: no-repeat;
    background-position: left center;
	padding-left:17px;
	color:#f4d128;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
}
#content {
    padding-top: 12px;
}

.infodown{
	top:38px;
}
input.button-add {
    background-image: url(../img/info_photos/routes.png); /* 16px x 16px */
    background-color: transparent; /* make the button transparent */
    background-repeat: no-repeat;  /* make the background image appear only once */
}

.sharebuttons{
display:inline-flex;
}