﻿

.maindiv {
    margin-right: 10px;
    margin-top: 10px;
}

maindiv:hover .listimg {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.dropdownsize {
    height: inherit !important;
    padding:4px !important;
}

.zoom_img img {
    width: 100px;
    max-height: unset !important;
    padding: 0px !important;
    border-radius: 1px;
    -moz-transition: -moz-transform 0.1s ease-in;
    -webkit-transition: -webkit-transform 0.1s ease-in;
    -o-transition: -o-transform 0.1s ease-in;
    z-index: 9999;
    display: block;
}

    .zoom_img img:hover {
        -moz-transform: scale(3) !important;
        -webkit-transform: scale(3) !important;
        -o-transform: scale(3) !important;
        z-index: 9999 !important;
        cursor: none !important;
    }

#map {
    border: 4px solid rgba(255,255,255,.2);
    border-radius: 3px;
    box-shadow: 0 0 1px rgba(255,255,255,.8), 0 0 3px rgba(0,0,0,.8), 1px 1px 0 rgba(0,0,0,.8) inset, -1px -1px 0 rgba(0,0,0,.8) inset;
}

/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
    height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

#description {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
}

#infowindow-content .title {
    font-weight: bold;
}

#infowindow-content {
    display: none;
}

#map #infowindow-content {
    display: inline;
}

.pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto;
}

#pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
}

.pac-controls {
    display: inline-block;
    padding: 5px 11px;
}

    .pac-controls label {
        font-family: Roboto;
        font-size: 13px;
        font-weight: 300;
    }

#pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

    #pac-input:focus {
        border-color: #4d90fe;
    }

#title {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
}

#target {
    width: 345px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

textarea {
    min-height: 170px;
}

/*.control-label {
    direction: ltr !important;
}*/

#sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 60%;
}

    #sortable li {
        margin: 0 3px 3px 3px;
        padding: 0.4em;
        padding-left: 1.5em;
        font-size: 1.4em;
        height: 18px;
    }

        #sortable li span {
            position: absolute;
            margin-left: -1.3em;
        }

.Movecursor {
    cursor: move;
}

    .Movecursor:hover {
        border: 1px dashed blue;
    }

.card {
    width: 99%;
}

.file-zoom-dialog {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    height: auto !important;
}

.krajee-default.file-preview-frame .kv-file-content {
    width: auto !important;
}

.ImageListCard {
    height: 160px;
    overflow: hidden;
}

.carddelete {
    top: 0;
    right: 0;
    position: absolute;
}

.close.kv-error-close
{
    display:none !important;
}


ul.gj-list-bootstrap li [data-role=wrapper] {
      position: relative;
    border: none;
    top: 5px;
    left: -10px;
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li {
    border: 0;
    color: #333;
    display: block;
    width: 100%;
    clear: both;
}

.gj-tree-bootstrap-3 ul.gj-list-bootstrap li {
    margin-left:0;
}

.GrabCursor{
    cursor:grab; 
    cursor:-webkit-grab;
}

.GrabCursor :active
{
     cursor:-webkit-grabbing;
}
.unread{
        border: 2px solid green;
}

#CommentsDiv .container-fluid{
   border-left: 5px solid red !important;
    border: 1px solid #9e876c;
    border-radius: 10px;
}

.input-validation-error{
     border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
}
   
