﻿h4.qr
{
    color: #FFF;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 -15px 15px -15px;
}

.version
{
    position: absolute;
    right: 20px;
    bottom: 16px;
    font-size: 12px;
    color: #888;
}

/* Buttons */
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus,
.btn:focus
{
    box-shadow: none;
}

.btn:hover
{
    opacity: 0.9;
}

/* Brown Provita - old */
.btn-primary.brown:not(:disabled):not(.disabled).active, .btn-primary.brown:not(:disabled):not(.disabled):active, .show > .btn-primary.brown.dropdown-toggle,
.btn.brown,
.brown
{
    background-color: #903;
    border-color: #903;
}

/* Dark violet Novogyn */
.btn-primary.dark_violet:not(:disabled):not(.disabled).active, .btn-primary.dark_violet:not(:disabled):not(.disabled):active, .show > .btn-primary.dark_violet.dropdown-toggle,
.btn.dark_violet,
.dark_violet
{
    background-color: #8b508b;
    border-color: #8b508b;
}

/* Lavander Psihiatrie Sibiu */
.btn-primary.lavander:not(:disabled):not(.disabled).active, .btn-primary.lavander:not(:disabled):not(.disabled):active, .show > .btn-primary.lavander.dropdown-toggle,
.btn.lavander,
.lavander
{
    background-color: #9187C4;
    border-color: #9187C4;
}

/* Green Psihiatrie Sibiu */
.btn-primary.green:not(:disabled):not(.disabled).active, .btn-primary.green:not(:disabled):not(.disabled):active, .show > .btn-primary.green.dropdown-toggle,
.btn.green,
.green
{
    background-color: #7CBA3D;
    border-color: #7CBA3D;
}

/* Turquoise */
.btn-primary.turquoise:not(:disabled):not(.disabled).active, .btn-primary.turquoise:not(:disabled):not(.disabled):active, .show > .btn-primary.turquoise.dropdown-toggle,
.btn.turquoise,
.turquoise
{
    background-color: #67c9e0;
    border-color: #67c9e0;
}

/* Blue */
.btn-primary.blue:not(:disabled):not(.disabled).active, .btn-primary.blue:not(:disabled):not(.disabled):active, .show > .btn-primary.blue.dropdown-toggle,
.btn.blue,
.blue
{
    background-color: #4a8aae;
    border-color: #4a8aae;
}

/* Light blue Judetean Sibiu */
.btn-primary.light-blue:not(:disabled):not(.disabled).active, .btn-primary.light-blue:not(:disabled):not(.disabled):active, .show > .btn-primary.light-blue.dropdown-toggle,
.btn.light-blue,
.light-blue
{
    background-color: #42B3E5;
    border-color: #42B3E5;
}

/* Red Misanmed */
.btn-primary.red:not(:disabled):not(.disabled).active, .btn-primary.red:not(:disabled):not(.disabled):active, .show > .btn-primary.red.dropdown-toggle,
.btn.red,
.red
{
    background-color: #d71a20;
    border-color: #d71a20;
}

/* Blue red - new Provita */
.btn-primary.blue_red:not(:disabled):not(.disabled).active, .btn-primary.blue_red:not(:disabled):not(.disabled):active, .show > .btn-primary.blue_red.dropdown-toggle,
.btn.blue_red,
.blue_red
{
    background-color: #d6001c;
    border-color: #d6001c;
}

/* Blue contrast */
.btn-primary.blue_contrast:not(:disabled):not(.disabled).active, .btn-primary.blue_contrast:not(:disabled):not(.disabled):active, .show > .btn-primary.blue_contrast.dropdown-toggle,
.btn.blue_contrast,
.blue_contrast
{
    background-color: #053485;
    border-color: #053485;
}

/* Yellow - CMT */
.btn-primary.yellow:not(:disabled):not(.disabled).active, .btn-primary.yellow:not(:disabled):not(.disabled):active, .show > .btn-primary.yellow.dropdown-toggle,
.btn.yellow,
.yellow
{
    background-color: #ffcf27;
    border-color: #ffcf27;
    color: #000;
    font-weight: 500;
}

/* Pink - Umana */
.btn-primary.pink:not(:disabled):not(.disabled).active, .btn-primary.pink:not(:disabled):not(.disabled):active, .show > .btn-primary.pink.dropdown-toggle,
.btn.pink,
.pink
{
    background-color: #ff407c;
    border-color: #ff407c;
    color: #FFF;
    font-weight: 500;
}

/* Green medical - Emerald */
.btn-primary.green_medical:not(:disabled):not(.disabled).active, .btn-primary.green_medical:not(:disabled):not(.disabled):active, .show > .btn-primary.green_medical.dropdown-toggle,
.btn.green_medical,
.green_medical
{
    background-color: #06B598;
    border-color: #06B598;
    color: #FFF;
    font-weight: 500;
}

/* Green blue - Aria */
.btn-primary.green_blue:not(:disabled):not(.disabled).active, .btn-primary.green_blue:not(:disabled):not(.disabled):active, .show > .btn-primary.green_blue.dropdown-toggle,
.btn.green_blue,
.green_blue
{
    background-color: #002c5d;
    border-color: #002c5d;
    color: #FFF;
    font-weight: 500;
}

.btn-success
{
    color: #fff!important;
    background-color: #28a745!important;
    border-color: #28a745!important;
}

/* attachements */
.attachements
{
    display: block;
}

    .attachements table
    {
        width: auto;
        float: left;
        border: 0;
    }

        .attachements table td,
        .attachements table th
        {
            border: none;
            text-align: left;
            padding: 5px;
        }

    .attachements .filename
    {
        padding-right: 70px;
    }

    .attachements .panel_cell_header
    {
        display: none;
    }

    .attachements .panel_cell_impar:hover
    {
        background: #FFF!important;
    }

.pdf
{
    height: 800px;
}

    .pdf.mobile
    {
        height: 420px;
    }
.file-name {
	word-break: break-all;
}

/* Responsive */
@media (max-width: 576px)
{
    .attachements table td, .attachements table th
    {
        width: 100%;
        display: block;
    }

    .attachements input[type="submit"]
    {
        float: left!important;
    }

    .file-name
    {
        width: 100%!important;
    }

    #detailsPnl input[type="submit"]
    {
        padding: 14px 22px!important;
        font-size: 14px!important;
    }
    .version
    {
        position: initial;
        padding-top: 15px;
    }
}

@media (min-width: 992px)
{
    .container, .container-lg, .container-md, .container-sm
    {
        max-width: 1170px;
    }
}

@media (min-width: 768px)
{
    .w-md-50
    {
        width: 50%;
    }
    .container, .container-lg, .container-md, .container-sm
    {
        max-width: 1170px;
    }
}
