/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
.nav-link {
    padding: 0em,0em,0em,1em;
}
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    padding-left: 2em;
}

/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}

/*.btn-primary {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}*/
.btn-primary {
    color: #fff;
    background-color: #00A773;
    border-radius: 15px;
    border-style: none;
    overflow: hidden;
    height: 40px;
    width: 70px;
}
.btn-primary:focus {
    background-color: #0DAAAC;
    border-style: none;
    outline: 0;
    box-shadow: none;
}
.btn-primary:hover {
    background-color: #0DAAAC;
}

.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #0DAAAC;
}

.login {
        height: 40px;
        width: 70px;
    }

.sendMessage {
    height: 60px;
    width: 150px;
}

    /*.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: none;
    }*/

/*.nav-link dropdown {
    padding: 0;
    color: #0366d6;
}

a.nav-link.dropdown-toggle {
    vertical-align: top;
    margin: 0px;
    padding-top: 0;
}*/


.form-control {
        width:15em;
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: #1b6ec2;
        border-color: #1861ac;
    }

/* Sticky footer styles
-------------------------------------------------- */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.border-top {
  border-top: 1px solid #e5e5e5;
}
.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
  font-size: 1rem;
  line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px; /* Vertically center the text there */
}


/* Popup dialogs*/
.ui-dialog-content {
    font-size: 14px;
}
.ui-widget {
    font-size: 14px;
}
.ui-widget-content {
    background: #F9F9F9;
    border: 1px solid #00A773;
    color: #0DAAAC;
}

.ui-widget-header {
    background: #00A773;
    border: 0;
    color: #fff;
    font-weight: normal;
}

.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 2px !important;
}

.ui-dialog-titlebar-close {
    display: none;
}

.searchbutton {
    background: #00A773;
    border-style: none;
    border-radius: 4px;
    color: #fff;
    font-weight: normal;
    width:auto;
    padding: 0.5em;
    text-transform: none;
}

    /*.searchbutton::first-letter {
        text-transform: uppercase;
    }*/

input[type="checkbox"]:checked {
    color: #00A773;
}

.logout {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color: #777 !important;
    box-shadow: none;
    /*font: inherit;*/
    font-weight: normal;
    font-size: 0.85em;
    letter-spacing: 3px;
}

    .logout:hover {
        background-color: Transparent;
        background-repeat: no-repeat;
        border: none;
        cursor: pointer;
        overflow: hidden;
        outline: none;
        color: #777 !important;
        box-shadow: none;
        font-weight: normal;
        font-size: 0.85em;
        letter-spacing: 3px;
    }

#messageForm .error {
    color: red
}

.app-link {
    height: 18px;
    vertical-align: middle;
}

image-link {
    border:none;
}

img#img-logo > .col-6-medium {
    height:75px;
}

img#img-logo > .col-12-small {
    height: 50px;
}
/*
.grid-col {
    margin: 10px;
}

.grid-col td {
    width: auto;
    padding: 0.1em,0em,0.1em,0em;
}

.grid-item {
    margin:5px;
}
    */

* {
    box-sizing: border-box;
}

.grid {
   
}

    .grid:after {
        display: block;
        content: '';
        clear: both;
    }

.grid-col {
    float: left;
    width: 49%;
    margin-right: 2%;
   
}

.grid-col--4 {
    margin-right: 0;
}

/* hide two middle */
.grid-col--2, .grid-col--3 {
    display: none;
}

@media ( min-width: 768px ) {
    .grid-col {
        width: 32%;
    }

    .grid-col--2 {
        display: block;
    }
}

@media ( min-width: 1200px ) {
    .grid-col {
        width: 23.5%;
    }

    .grid-col--2, .grid-col--3 {
        display: block;
    }
}

.grid-item {
    height: auto !important;
    margin-bottom: 20px;
    background: white;
    -moz-box-shadow: 0 0 6px #777;
    -webkit-box-shadow: 0 0 6px #777;
    box-shadow: 0 0 6px #777;
   
}

.grid-item--a {
    height: 80px;
}

.grid-item--b {
    height: 140px;
}

.grid-item--c {
    height: 300px;
}


.grid-img {
    display: block;
    width: 100%;
    padding: 0px;

}
.grid-text{
    padding: 15px;
}