html {
    min-height: 100%;
}

label {
    margin-top: 10px;
}

.form-control {
    margin-top: 5px;
}

a, a:active, a:focus {
    color: #fff;
    font-weight: bold;
    font-style: italic;
}

    a:hover {
        color: #ddd;
    }

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
    min-height: 100%;
    /*background: url(/Content/bg-pattern.png), linear-gradient(to bottom, #ddd, #ddd);*/
    background-color: #333;
    color: #fff;
    font-family: Roboto, Arial;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    /*max-width: 280px;*/
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
}

.modal-content {
    color: #000;
}

.AttachementList {
    padding: 0px;
}

    .AttachementList li {
        background-color: #ff6a00;
        padding: 5px;
        border-radius: 10px;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        margin: 5px;
        list-style-type: circle;
        width: auto;
    }

.AttachmentDelete {
    color: #f00;
    display: inline-block;
    background-color: #ffffff;
    padding: 3px;
    margin-left: 10px;
    border-radius: 40px;
    cursor: pointer;
    width: 20px;
}

.RessourceList {
    padding: 0px;
}

    .RessourceList li {
        background-color: #ff6a00;
        padding: 5px;
        border-radius: 10px;
        font-weight: bold;
        text-align: center;
        display: inline-block;
        margin: 5px;
        list-style-type: circle;
        width: auto;
    }

.btn-inbox {
    color: #fff;
    background-color: #4285F4;
    border-color: #4285F4;
}

    .btn-inbox:hover {
        color: #fff;
        background-color: #4266f4;
        border-color: #4266f4;
    }

.signfield {
    border: 2px solid #000;
    width: 570px;
    height: 300px;
    margin-left: 5px;
    border-radius: 10px;
}

legend {
    color: #fff;
}

fieldset {
    margin-top: 30px;
}

div.circle {
    border-radius: 50%;
    width: 6px;
    height: 6px;
    margin: auto;
    display: inline-block;
}


    div.circle.red div.circle.status6 {
        background: red;
        box-shadow: 0px 0px 10px 10px #f00;
    }

    div.circle.green div.circle.status5 {
        background: #4cff00;
        box-shadow: 0px 0px 10px 10px #4cff00;
    }


    div.circle.orange div.circle.status2 {
        background: #ff6a00;
        box-shadow: 0px 0px 10px 10px #ff6a00;
    }

    div.circle.blue div.circle.status4 {
        background: #0000ff;
        box-shadow: 0px 0px 10px 10px #0000ff;
    }

    div.circle.white div.circle.status1 {
        background: #fff;
        box-shadow: 0px 0px 10px 10px #fff;
    }

    div.circle.gray div.circle.status3 {
        background: #838383;
        box-shadow: 0px 0px 10px 10px #838383;
    }

    .status6 {
        background: red;
        box-shadow: 0px 0px 10px 10px #f00;
    }

    .status5 {
        background: #4cff00;
        box-shadow: 0px 0px 10px 10px #4cff00;
    }

    .status2 {
        background: #ff6a00;
        box-shadow: 0px 0px 10px 10px #ff6a00;
    }

    .status4 {
        background: #0000ff;
        box-shadow: 0px 0px 10px 10px #0000ff;
    }

    .status1 {
        background: #ffffff;
        box-shadow: 0px 0px 10px 10px #fff;
    }

    .status3 {
        background: #838383;
        box-shadow: 0px 0px 10px 10px #838383;
    }
.status9 {
    background: #E20074;
    box-shadow: 0px 0px 10px 10px #E20074;
}
.status7 {
    background: #000000;
    box-shadow: 0px 0px 10px 10px #000000;
}
.status8 {
    background: #49CC90;
    box-shadow: 0px 0px 10px 10px #49CC90;
}



div.OptionsTag {
    border-radius: 5px;
    margin: 7px 5px;
    padding: 2px 5px;
    text-align: center;
    white-space: nowrap;
    width: 29px;
    display: inline-block;
    font-weight: bold;
}

    div.OptionsTag.green {
        box-shadow: 0px 0px 3px 3px #2b8f00;
    }

    div.OptionsTag.red {
        box-shadow: 0px 0px 3px 3px #f00;
    }

div.eStatus {
    border-radius: 30%;
    display: inline-block;
    padding: 1px 5px;
    margin-right: 10px;
    font-weight: bold;
    margin: 0px 10px 7px 0px;
    border: 1px solid #fff;
}

    div.eStatus.originals {
        background: #707070;
        /*box-shadow: 0px 0px 1px 1px #707070;*/
    }

    div.eStatus.prints {
        background: #f00;
        /*box-shadow: 0px 0px 1px 1px #f00;*/
    }

    div.eStatus.printed {
        background: #000000;
        /*box-shadow: 0px 0px 1px 1px #f00;*/
    }

    div.eStatus.downloads {
        background: #fc00ff;
        /*box-shadow: 0px 0px 1px 1px #fc00ff;*/
    }

    div.eStatus.galleryDownloads {
        background: #ff6a00;
        /*box-shadow: 0px 0px 1px 1px #ff6a00;*/
    }

    div.eStatus.email {
        background: #4285F4;
        /*box-shadow: 0px 0px 1px 1px #4285F4;*/
    }

    div.eStatus.whatsapp {
        background: #09D261;
        /*box-shadow: 0px 0px 1px 1px #09D261;*/
    }

    div.eStatus.facebook {
        background: #3B5998;
        /*box-shadow: 0px 0px 1px 1px #3B5998;*/
    }

    div.eStatus.url {
        background: #00570c;
        /*box-shadow: 0px 0px 1px 1px #00570c;*/
    }

    div.eStatus.impressions {
        background: #ffd800;
        color: #2A2A2A;
        /*box-shadow: 0px 0px 1px 1px #00570c;*/
    }

.textRed {
    color: red;
}

.textGreen {
    color: lawngreen;
}