/*muuri base css*/
.grid {
    position: relative;
}

.item {
    display: block;
    position: absolute;
    margin: 5px;
    z-index: 1;
    background: #000;
    color: #fff;
}

.item.muuri-item-dragging {
    z-index: 3;
}

.item.muuri-item-releasing {
    z-index: 2;
}

.item.muuri-item-hidden {
    z-index: 0;
}

.item-content {
    position: relative;
    width: 100%;
    height: 100%;
}

/*custom css*/
.item {
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    color: #1c5e86 !important;
}

.item > div {
    border-radius: 3px;
    font-weight: 400;
    display: block;
    margin-bottom: 23px;
    width: auto;
    height: 140px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.18);
    box-shadow: 3px 3px 6px 0px rgba(0,0,0,0.18);
    position: relative;
    background: rgb(237,237,237);
    background: -moz-linear-gradient(45deg, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%);
    background: linear-gradient(45deg, rgba(237,237,237,1) 0%,rgba(246,246,246,1) 53%,rgba(255,255,255,1) 100%);
}

.muuri-item {
    width: 32%;
}

.item > div:hover {
    /*border: 1px solid #dddfe2;*/
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.28);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.28);
    box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.28);
    cursor: pointer;
}

.bg_image_holder {
    padding: 12px;
    background-repeat: no-repeat;
    background-position: right;
    background-position-y: 16px;
    background-position-x: 104%;
    height: 100%;
}

/*
21 evenly spaced colors for 21 organ systems...

b0e133 (light green)
fa79fb(pinkish)
000000 (black)
ffffff (white)
5232bd (blueish)
f7dfa9 (peach)
bfd265 (greenish)
fdf13d (yellow)
7d75ba (purple)
0d6d75 (greenish)
f85f34 (orange)
8c347d (purpleish)
e04892 (pinkish)
8cd9d4 (blueish)
708f64 (greenish)
eca46b (tan)
1f6bd9 (blue)
c83842 (red)
654636 (brown)
2aaeb7 (blueish)
dca6c9 (pinkish)


*/

.breast:hover {
    border: 2px solid #fa79fb;
}

.bronchus_and_lung:hover {
    border: 2px solid #b0e133;
}

.central_nervous_system:hover {
    border: 2px solid #000000;
}

.head_and_neck:hover {
    border: 2px solid #ffffff;
}

.intestine:hover {
    border: 2px solid #5232bd;
}

.kidney:hover {
    border: 2px solid #f7dfa9;
}

.liver:hover {
    border: 2px solid #bfd265;
}

.ovary:hover {
    border: 2px solid #fdf13d;
}

.pancreas:hover {
    border: 2px solid #7d75ba;
}

.stomach:hover {
    border: 2px solid #f85f34;
}

.uterus:hover {
    border: 2px solid #0d6d75;
}

.block_jurisdiction {
    display: block;
    background-repeat: no-repeat;
    background-position: right bottom;
    margin-top: -6px;   
}

.jurisdiction-label{
    visibility: hidden;
}

.jurisdiction-flag {
    height: 23px;
    width: 46px;
    float: right;
    margin-top: -17px;
    margin-left: 1px;
}

.block_jurisdiction > span:nth-child(3) {
    display: block;
}

.block_project {
    padding-bottom: 6px;
}

.block_system {
    padding-bottom: 6px;
}

.block_jurisdiction {
    background-size: auto 26px;
    padding-bottom: 6px;
}

.block_project span:nth-child(3), .block_system span:nth-child(3), .block_jurisdiction span:nth-child(3) {
    display: block;
}

.block_project > span, .block_system > span, .block_jurisdiction > span {
    padding-bottom: 4px;
    line-height: 18px;
}

.block_system > span:first-child
,.block_jurisdiction > span:first-child {
    visibility: hidden;
}

.main-content select {
    height: 2.4375rem;
    margin-top: 8px;
    padding: .5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    font-family: inherit;
    font-size: 1rem;
    line-height: normal;
    color: #0a0a0a;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
    padding-right: 1.5rem;
    -webkit-transition: border-color .25s ease-in-out,-webkit-box-shadow .5s;
    transition: box-shadow .5s,border-color .25s ease-in-out;
}


.main-content input[type="text"]
, .main-content input[type="password"]
, .main-content input[type="date"]
, .main-content input[type="datetime"]
, .main-content input[type="datetime-local"]
, .main-content input[type="month"]
, .main-content input[type="week"]
, .main-content input[type="email"]
, .main-content input[type="number"]
, .main-content input[type="search"]
, .main-content input[type="tel"]
, .main-content input[type="time"]
, .main-content input[type="url"]
, .main-content textarea {    
    margin-top: 8px;
    width: 100%;
    height: 2.4375rem;
    padding: 0.5rem;
    border: 1px solid #cacaca;
    border-radius: 0;
    background-color: #fefefe;
    -webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
    font-family: inherit;
    font-size: 1.22rem;
    font-weight: normal;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media only screen and (max-width: 1065px) {
    .muuri-item {
        width: 48% !important;
    }

    .muuri-item > div {
        width: 100% !important;
    }

    .bg_image_holder {
        background-position-x: 100%;
    }
}