/***********Tooltips*********/
.modern.ui-tooltip.ui-widget {
    padding: 10px 20px;
    color: #004946;
    font: bold 12px "Helvetica Neue", Sans-Serif;
    box-shadow: 0 0 7px black;
    border-radius: 5px;
    box-shadow: 0px 0px 8px #d2d2d2;
    border: none;
    padding: 2px 5px
}


input[type="checkbox"]:disabled.modern + input[type="hidden"] + label,
input[type="radio"]:disabled.modern + input[type="hidden"] + label {
    opacity: 0.6;
}

    input[type="checkbox"]:disabled.modern + input[type="hidden"] + label:hover,
    input[type="radio"]:disabled.modern + input[type="hidden"] + label:hover {
        cursor: not-allowed;
        background: none;
    }


input[type="checkbox"].modern,
input[type="radio"].modern {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

    input[type="radio"].modern + label,
    input[type="checkbox"].modern + input[type="hidden"] + label {
        position: relative;
        display: inline-block;
        padding: 0 5px 0 2em;
        height: 2em;
        line-height: 2em;
        cursor: pointer;
        font-size: 1em;
        white-space: nowrap;
    }

        input[type="radio"].modern + label::before,
        input[type="checkbox"].modern + input[type="hidden"] + label::before,
        input[type="radio"].modern + label::after,
        input[type="checkbox"].modern + input[type="hidden"] + label::after {
            position: absolute;
            top: 0.22em;
            left: 0.25em;
            display: block;
            width: 1.25em;
            height: 1.25em;
            -webkit-transition: .25s all ease;
            -o-transition: .25s all ease;
            transition: .25s all ease;
        }

        input[type="radio"].modern + label::before,
        input[type="checkbox"].modern + input[type="hidden"] + label::before {
            content: " ";
            border: 2px solid #004946;
            border-radius: 20%;
        }
        /* Checkbox */
        input[type="checkbox"].modern + input[type="hidden"] + label::after {
            content: "\2714";
            color: #fff;
            /*line-height: 1.5;*/
            text-align: center;
            top: 0em;
            left: 0.35em;
            color: rgba(255, 255, 255, 0);
            display: none;
        }
        /* Radio */
        input[type="radio"].modern + label::before {
            border-radius: 50%;
        }


/* :checked */
input[type="checkbox"]:checked.modern + input[type="hidden"] + label::before,
input[type="radio"]:checked.modern + label::before {
    background: #00635f;
    border-color: rgba(0, 73, 70, 0.92);
}

input[type="radio"]:checked.modern + label::before {
    background: #00635f;
    border-color: rgba(0, 73, 70, 0.92);
    content: "\2714";
    text-align: center;
    line-height: 1.3;
}

input[type="checkbox"] + input[type="hidden"].modern + label::after,
input[type=radio].modern + label::after {
    /*-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);*/
    opacity: 0;
    color: white;
    display: none;
}

input[type="checkbox"]:checked.modern + input[type="hidden"] + label::after,
input[type=radio]:checked.modern + label::after {
    /*-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);*/
    opacity: 1;
    color: white;
    display: block;
}


input[type="radio"]:checked.modern + label {
    background: #00635f;
    color: #fff;
    border-radius: 5px;
    -webkit-transition: background-color 250ms linear;
    -ms-transition: background-color 250ms linear;
    transition: background-color 250ms linear;
}

    input[type="radio"]:checked.modern + label::before {
        border: 2px solid #fff;
        /*transform: .75s all ease;*/
    }

input[type="radio"]:not(:checked):hover.modern + label, input[type="checkbox"]:hover.modern + input[type="hidden"] + label {
    background: rgba(0,119,114,0.12);
    border-radius: 5px;
    -webkit-transition: background-color 100ms linear;
    -ms-transition: background-color 100ms linear;
    transition: background-color 100ms linear;
}

input[type="checkbox"]:not(:checked):hover.modern + input[type="hidden"] + label::after {
    opacity: 0;
    display: none;
}

input[type="radio"]:focus.modern + label, input[type="checkbox"]:focus.modern + input[type="hidden"] + label {
    box-shadow: rgb(118, 178, 239) 0px 0px 1px 1px;
    border-radius: 5px;
}

fieldset.modern {
    border: 1px solid rgb(169, 169, 169);
}

    fieldset.modern legend {
        width: 100%;
        /*background-color: #004946;*/
        background: rgba(0,73,71,1);
        background: -moz-linear-gradient(left, rgba(0,73,71,1) 0%, rgb(20, 87, 84) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,73,71,1)), color-stop(100%, rgb(20, 87, 84)));
        background: -webkit-linear-gradient(left, rgba(0,73,71,1) 0%, rgb(20, 87, 84) 100%);
        background: -o-linear-gradient(left, rgba(0,73,71,1) 0%, rgb(20, 87, 84) 100%);
        background: -ms-linear-gradient(left, rgba(0,73,71,1) 0%, rgb(20, 87, 84) 100%);
        background: linear-gradient(to right, rgba(0,73,71,1) 0%, rgb(20, 87, 84) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004947', endColorstr='#14574b', GradientType=1 );
        color: white;
        font-weight: 500;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        padding-left: 4px;
        position: relative;
        left: -4px;
        top: 1px;
        border: 1px solid #013c39;
        padding-top: 1px;
        padding-bottom: 1px;
    }

button.modern {
    background-color: #004946;
    background: #004946;
    border-color: #004946;
    border-radius: 4px;
    color: white;
    font-weight: 600;
    padding: 4px 8px 4px 8px;
    margin: 4px 4px;
}

    button.modern.danger {
        background-color: #dc143c;
        background: #dc143c;
        border-color: #b20c2d;
        border-radius: 4px;
        color: white;
        font-weight: 600;
    }

    button.modern:disabled,
    button.modern[disabled] {
        background-color: #c4c4c4;
        background: #c4c4c4;
        border-color: #959595;
        border-radius: 4px;
        color: #5b5b5b;
        font-weight: 600;
    }

        button.modern:disabled:hover,
        button.modern[disabled]:hover {
            cursor: not-allowed;
        }

    button.modern:not(:disabled):hover, button.modern:not([disabled]):hover {
        background-color: #007772;
        background: #007772;
        border-color: #004946;
        border-radius: 4px;
        color: white;
    }

    button.modern:not([disabled]):active, button.modern:not(:disabled):active {
        background-color: #fdfdfd;
        background: #fdfdfd;
        border-color: #004946;
        border-radius: 4px;
        color: #004946;
    }

    button.modern:disabled {
        background-color: #e3e3e3;
        background: #e3e3e3;
        border-color: #cccccc;
        border-radius: 4px;
        color: silver;
        font-weight: 600;
        cursor: not-allowed;
    }

        button.modern:disabled, button.modern[disabled], button.modern:disabled:active, button.modern[disabled]:active {
            background-color: #b2b2b2;
            background: #b2b2b2;
            border-color: #6f6f6f;
            color: #737373 !important;
            cursor: not-allowed;
        }


    button.modern > span.modernIcon16 {
        margin: 0px 4px 0px 0px;
    }
    button.modern > span.modernIcon16+span {
        margin: 0px 4px 0px 2px;
        font-size: 14px;
    }

    button.modern > span.modernIcon24 {
        margin: 0px 4px 0px 2px;
    }

        button.modern > span.modernIcon24 + span {
            margin: 2px 4px 2px 4px;
            font-size: 16px;
        }

    button.modern > span.modernIcon32 {
        margin: 0px 4px 0px 4px;
    }

        button.modern > span.modernIcon32 + span {
            margin: 0px 8px 0px 8px;
            font-size: 16px;
        }


    button.modern .modernIcon32, button.modern .modernIcon24, button.modern .modernIcon16 {
        background-image: url("../Images/Icons/ModernIcons/iconsWhite.png");
    }

    button.modern:hover .modernIcon32, button.modern:hover .modernIcon24, button.modern:hover .modernIcon16 {
        background-image: url("../Images/Icons/ModernIcons/iconsWhite.png");
    }

    button.modern.danger:hover {
        background: #e35d78;
        border-color: crimson;
    }

    button.modern.danger:active {
        background: white;
        border-color: crimson;
        color: crimson;
    }

        button.modern.danger:active span.modernIcon16, button.modern.danger:active span.modernIcon24, button.modern.danger:active span.modernIcon32, span.modernIcon32.danger, span.modernIcon24.danger, span.modernIcon16.danger {
            background-image: url("../Images/Icons/ModernIcons/iconsRed.png");
        }

    button.modern:not(:disabled):active .modernIcon32, button.modern:not(:disabled):active .modernIcon24, button.modern:not(:disabled):active .modernIcon16 {
        background-image: url("../Images/Icons/ModernIcons/iconsSAP.png");
    }

    button.modern.rounded {
        border-radius: 32px;
    }


    /*********Round buttons***************/
    button.modern.round, button.modern.round:hover, button.modern.round:active {
        height: 60px;
        width: 60px;
        border-radius: 100px;
        box-shadow: 3px 3px 4px #8e8e8e;
        border-width: 2px;
        border-style: solid;
        position: fixed;
        bottom: 5px;
        right: 8px;
    }

        button.modern.round > span, button.modern.round:hover > span, button.modern.round:active > span {
            margin: 0px;
        }


.modernIcon32.white, .modernIcon24.white, .modernIcon16.white {
    background-image: url("../Images/Icons/ModernIcons/iconsWhite.png");
}

.modernIcon32.green, .modernIcon24.green, .modernIcon16.green {
    background-image: url("../Images/Icons/ModernIcons/iconsSAP.png");
}

.modernIcon32.black, .modernIcon24.black, .modernIcon16.black {
    background-image: url("../Images/Icons/ModernIcons/iconsBlack.png");
}

.modernIcon32 {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    background-size: 980px 1228px;
}

.modernIcon24 {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-size: 735px 921px;
}

.modernIcon16 {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-size: 490px 614px;
}

.modernIcon32.f1 {
    background-position-y: 3px;
}

.modernIcon32.f2 {
    background-position-y: -47px;
}

.modernIcon32.f3 {
    background-position-y: -97px;
}

.modernIcon32.f4 {
    background-position-y: -147px;
}

.modernIcon32.f5 {
    background-position-y: -197px;
}

.modernIcon32.f6 {
    background-position-y: -247px;
}

.modernIcon32.f7 {
    background-position-y: -297px;
}

.modernIcon32.f8 {
    background-position-y: -347px;
}

.modernIcon32.f9 {
    background-position-y: -397px;
}

.modernIcon32.f10 {
    background-position-y: -447px;
}

.modernIcon32.f11 {
    background-position-y: -497px;
}

.modernIcon32.f12 {
    background-position-y: -547px;
}

.modernIcon32.f13 {
    background-position-y: -597px;
}

.modernIcon32.f14 {
    background-position-y: -647px;
}

.modernIcon32.f15 {
    background-position-y: -697px;
}

.modernIcon32.f16 {
    background-position-y: -747px;
}

.modernIcon32.f17 {
    background-position-y: -797px;
}

.modernIcon32.f18 {
    background-position-y: -847px;
}

.modernIcon32.f19 {
    background-position-y: -897px;
}

.modernIcon32.f20 {
    background-position-y: -947px;
}

.modernIcon32.f21 {
    background-position-y: -997px;
}

.modernIcon32.f22 {
    background-position-y: -1047px;
}

.modernIcon32.f23 {
    background-position-y: -1097px;
}

.modernIcon32.f24 {
    background-position-y: -1147px;
}

.modernIcon32.f25 {
    background-position-y: -1197px;
}

.modernIcon32.c1 {
    background-position-x: 2px;
}

.modernIcon32.c2 {
    background-position-x: -48px;
}

.modernIcon32.c3 {
    background-position-x: -98px;
}

.modernIcon32.c4 {
    background-position-x: -148px;
}

.modernIcon32.c5 {
    background-position-x: -198px;
}

.modernIcon32.c6 {
    background-position-x: -248px;
}

.modernIcon32.c7 {
    background-position-x: -298px;
}

.modernIcon32.c8 {
    background-position-x: -348px;
}

.modernIcon32.c9 {
    background-position-x: -398px;
}

.modernIcon32.c10 {
    background-position-x: -448px;
}

.modernIcon32.c11 {
    background-position-x: -498px;
}

.modernIcon32.c12 {
    background-position-x: -548px;
}

.modernIcon32.c13 {
    background-position-x: -598px;
}

.modernIcon32.c14 {
    background-position-x: -648px;
}

.modernIcon32.c15 {
    background-position-x: -698px;
}

.modernIcon32.c16 {
    background-position-x: -748px;
}

.modernIcon32.c17 {
    background-position-x: -798px;
}

.modernIcon32.c18 {
    background-position-x: -848px;
}

.modernIcon32.c19 {
    background-position-x: -898px;
}

.modernIcon32.c20 {
    background-position-x: -948px;
}

.modernIcon24.f1 {
    background-position-y: 2.25px;
}

.modernIcon24.f2 {
    background-position-y: -35.25px;
}

.modernIcon24.f3 {
    background-position-y: -72.75px;
}

.modernIcon24.f4 {
    background-position-y: -110.25px;
}

.modernIcon24.f5 {
    background-position-y: -147.75px;
}

.modernIcon24.f6 {
    background-position-y: -185.25px;
}

.modernIcon24.f7 {
    background-position-y: -222.75px;
}

.modernIcon24.f8 {
    background-position-y: -260.25px;
}

.modernIcon24.f9 {
    background-position-y: -297.75px;
}

.modernIcon24.f10 {
    background-position-y: -335.25px;
}

.modernIcon24.f11 {
    background-position-y: -372.75px;
}

.modernIcon24.f12 {
    background-position-y: -410.25px;
}

.modernIcon24.f13 {
    background-position-y: -447.75px;
}

.modernIcon24.f14 {
    background-position-y: -485.25px;
}

.modernIcon24.f15 {
    background-position-y: -522.75px;
}

.modernIcon24.f16 {
    background-position-y: -560.25px;
}

.modernIcon24.f17 {
    background-position-y: -597.75px;
}

.modernIcon24.f18 {
    background-position-y: -635.25px;
}

.modernIcon24.f19 {
    background-position-y: -672.75px;
}

.modernIcon24.f20 {
    background-position-y: -710.25px;
}

.modernIcon24.f21 {
    background-position-y: -747.75px;
}

.modernIcon24.f22 {
    background-position-y: -785.25px;
}

.modernIcon24.f23 {
    background-position-y: -822.75px;
}

.modernIcon24.f24 {
    background-position-y: -860.25px;
}

.modernIcon24.f25 {
    background-position-y: -897.75px;
}

.modernIcon24.c1 {
    background-position-x: 1.5px;
}

.modernIcon24.c2 {
    background-position-x: -36px;
}

.modernIcon24.c3 {
    background-position-x: -73.5px;
}

.modernIcon24.c4 {
    background-position-x: -111px;
}

.modernIcon24.c5 {
    background-position-x: -148.5px;
}

.modernIcon24.c6 {
    background-position-x: -186px;
}

.modernIcon24.c7 {
    background-position-x: -223.5px;
}

.modernIcon24.c8 {
    background-position-x: -261px;
}

.modernIcon24.c9 {
    background-position-x: -298.5px;
}

.modernIcon24.c10 {
    background-position-x: -336px;
}

.modernIcon24.c11 {
    background-position-x: -373.5px;
}

.modernIcon24.c12 {
    background-position-x: -411px;
}

.modernIcon24.c13 {
    background-position-x: -448.5px;
}

.modernIcon24.c14 {
    background-position-x: -486px;
}

.modernIcon24.c15 {
    background-position-x: -523.5px;
}

.modernIcon24.c16 {
    background-position-x: -561px;
}

.modernIcon24.c17 {
    background-position-x: -598.5px;
}

.modernIcon24.c18 {
    background-position-x: -636px;
}

.modernIcon24.c19 {
    background-position-x: -673.5px;
}

.modernIcon24.c20 {
    background-position-x: -711px;
}

.modernIcon16.f1 {
    background-position-y: 1.5px;
}

.modernIcon16.f2 {
    background-position-y: -23.5px;
}

.modernIcon16.f3 {
    background-position-y: -48.5px;
}

.modernIcon16.f4 {
    background-position-y: -73.5px;
}

.modernIcon16.f5 {
    background-position-y: -98.5px;
}

.modernIcon16.f6 {
    background-position-y: -123.5px;
}

.modernIcon16.f7 {
    background-position-y: -148.5px;
}

.modernIcon16.f8 {
    background-position-y: -173.5px;
}

.modernIcon16.f9 {
    background-position-y: -198.5px;
}

.modernIcon16.f10 {
    background-position-y: -223.5px;
}

.modernIcon16.f11 {
    background-position-y: -248.5px;
}

.modernIcon16.f12 {
    background-position-y: -273.5px;
}

.modernIcon16.f13 {
    background-position-y: -298.5px;
}

.modernIcon16.f14 {
    background-position-y: -323.5px;
}

.modernIcon16.f15 {
    background-position-y: -348.5px;
}

.modernIcon16.f16 {
    background-position-y: -373.5px;
}

.modernIcon16.f17 {
    background-position-y: -398.5px;
}

.modernIcon16.f18 {
    background-position-y: -423.5px;
}

.modernIcon16.f19 {
    background-position-y: -448.5px;
}

.modernIcon16.f20 {
    background-position-y: -473.5px;
}

.modernIcon16.f21 {
    background-position-y: -498.5px;
}

.modernIcon16.f22 {
    background-position-y: -523.5px;
}

.modernIcon16.f23 {
    background-position-y: -548.5px;
}

.modernIcon16.f24 {
    background-position-y: -573.5px;
}

.modernIcon16.f25 {
    background-position-y: -598.5px;
}

.modernIcon16.c1 {
    background-position-x: 1px;
}

.modernIcon16.c2 {
    background-position-x: -24px;
}

.modernIcon16.c3 {
    background-position-x: -49px;
}

.modernIcon16.c4 {
    background-position-x: -74px;
}

.modernIcon16.c5 {
    background-position-x: -99px;
}

.modernIcon16.c6 {
    background-position-x: -124px;
}

.modernIcon16.c7 {
    background-position-x: -149px;
}

.modernIcon16.c8 {
    background-position-x: -174px;
}

.modernIcon16.c9 {
    background-position-x: -199px;
}

.modernIcon16.c10 {
    background-position-x: -224px;
}

.modernIcon16.c11 {
    background-position-x: -249px;
}

.modernIcon16.c12 {
    background-position-x: -274px;
}

.modernIcon16.c13 {
    background-position-x: -299px;
}

.modernIcon16.c14 {
    background-position-x: -324px;
}

.modernIcon16.c15 {
    background-position-x: -349px;
}

.modernIcon16.c16 {
    background-position-x: -374px;
}

.modernIcon16.c17 {
    background-position-x: -399px;
}

.modernIcon16.c18 {
    background-position-x: -424px;
}

.modernIcon16.c19 {
    background-position-x: -449px;
}

.modernIcon16.c20 {
    background-position-x: -474px;
}