﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
    /*background-image: url(../Content/images/triangle-background.png);
    background-size:   cover;                      
    background-repeat: no-repeat;
    background-position: center center;*/      
}

.body-background {
    background-image: url(../Content/images/triangle-background.png);
    background-size:   cover;                      
    background-repeat: no-repeat;
    background-position: center center;  
}

.body-no-background {
    background: none;
    background-color: white;
}

.div-no-background {
    background: none;
    background-color: white;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

footer.navbar-default.navbar-fixed-bottom
 {
      /*background:gray;*/
      /*color:black;*/
      padding:1em 0;
 }
 footer.navbar-default.navbar-fixed-bottom p
 {
      margin:0;
 }

.edit_action_link {
     background: url(Images/edit.png) no-repeat top left;
     display: block;
     text-indent: -9999px; /* hides the link text */
     width: 24px;
     height: 24px;
}

.delete_action_link {
     background: url(Images/delete24.png) no-repeat top left;
     display: block;
     text-indent: -9999px; /* hides the link text */
     width: 24px;
     height: 24px;
}

.kartice_action_link {
     background: url(Images/kartice24.png) no-repeat top left;
     display: block;
     text-indent: -9999px; /* hides the link text */
     width: 24px;
     height: 24px;
}

.roles_action_link {
     background: url(Images/role24.png) no-repeat top left;
     display: block;
     text-indent: -9999px; /* hides the link text */
     width: 24px;
     height: 24px;
}

.blacklist_action_link {
     background: url(Images/lock.png) no-repeat top left;
     display: block;
     text-indent: -9999px; /* hides the link text */
     width: 24px;
     height: 24px;
}

.family_action_link {
     background: url(Images/Family24.png) no-repeat top left;
     display: block;
     text-indent: -9999px; /* hides the link text */
     width: 24px;
     height: 24px;
}

.nocard_action_link {
     background: url(Images/nocard48.png) no-repeat top left;
     display: block;
     text-indent: -9999px; /* hides the link text */
     width: 48px;
     height: 48px;
     float: right;
}

.selectuser_action_link {
     background: url(Images/selectuser24.png) no-repeat top left;
     display: block;
     text-indent: -9999px; /* hides the link text */
     width: 24px;
     height: 24px;     
}

.showreport_action_link {
     background: url(Images/pregled48.png) no-repeat top left;
     display: block;
     text-indent: -9999px; /* hides the link text */
     width: 24px;
     height: 24px;     
}

.info_action_link {
     background: url(~/Content/Images/info_128.png) no-repeat top left;
     display: block;
     text-indent: -9999px; /* hides the link text */
     width: 24px;
     height: 24px;     
}

.space_between_action_links {
    display:inline;
    float: left;
    margin-left: 20px;
}

tr.TDgroup,
tr.TDgroup:hover {
    background-color: #ddd !important;
}

.navbar-nav > li > a {padding-top:5px !important; padding-bottom:5px !important;}
.navbar {
    min-height:24px !important;
    margin-bottom: 0 !important;
}

.cursor_hand_over_anchor {
    cursor: pointer;       
}

.space_between_buttons {
    float: left; 
    margin-right: 20px; 
    clear: both;
}

.podjelaAI_action_link {
    background: url(Images/addevent48.png) no-repeat top left;
    display: block;
    text-indent: -9999px; /* hides the link text */
    width: 48px;
    height: 48px;
    float: right;
}

.dataTables_wrapper table thead{
    display:normal;
}

table.no-border {
/*margin: 0 auto;
width: 100%;
clear: both;*/
border-collapse: collapse;
/*table-layout: fixed; /***********add this  */
/*word-wrap:break-word; /***********and this   */

}


/*.map_canvas img {
    max-width: none;
}
    
.infoDiv {
        height: 200px;
        width: 300px;
        -webkit-user-select: none;
        background-color: white;
    }*/

/*.gm-style img {
    max-width: inherit; none
  }*/

/*.gm-style label {
    width: auto; display:inline;
  }

.gm-labels { 
    color: black; 
    background-color: #FF8075; 
    font-family: Arial; 
    font-size: 11px; 
    font-weight: bold; 
    text-align: center; 
    width: 12px; 
}*/

#map_container {
    margin: 0;
    padding: 0;
    height: 400px;
    max-width: none;
}
#map_container img {
    max-width: none !important;
}




.gm-style-iw {
    width: 350px !important;
    top: 15px !important;
    left: 0px !important;
    background-color: #fff;
    box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);
    border: 1px solid rgba(72, 181, 233, 0.6);
    border-radius: 2px 2px 10px 10px;
}
#iw-container {
    margin-bottom: 10px;
}
#iw-container .iw-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 10px;
    background-color: #48b5e9;
    color: white;
    margin: 0;
    border-radius: 2px 2px 0 0;
}
#iw-container .iw-content {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    margin-right: 1px;
    padding: 15px 5px 20px 15px;
    max-height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}
.iw-content img {
    float: right;
    margin: 0 5px 5px 10px; 
}
.iw-subTitle {
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0;
}
.iw-bottom-gradient {
    position: absolute;
    width: 326px;
    height: 25px;
    bottom: 10px;
    right: 18px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}


/*.dropdown-menu > li > a {
color:          blue;
background:     yellow;
border-bottom:  2px solid green;
}*/

/*Custom combo boxes*/

 /*.custom-combobox {
position: relative;
display: inline-block;
height: 24px;

}
.custom-combobox-toggle {
position: absolute;
top: 0px!important;

margin-left: -1px;
padding: 0;
}
.custom-combobox-input {
margin: 0;
padding: 5px 10px;
width:151px!important;
}
.custom-combobox a 
{
    position: absolute;
    top: 0px;
}
.ui-autocomplete {
max-height: 400px;
overflow-y: auto;
overflow-x: hidden;
}*/
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
/** html .ui-autocomplete {
height: 400px;
}*/


