h2 {
    margin-top: 0px;
    display: inline;
}
.invalid {
    border: 2px solid #e41515 !important;
    border-radius: 10px !important;
}
dt {
    color: black;
    text-align: left;
}
.rembtn:hover {
    background-color: #7e05ad;
    color: #fff;
}
.lockbtn:hover {
    background-color: #646868;
    color: #fff;
}
.unlockbtn:hover {
    background-color: #1b8e0b;
    color: #fff;
}
.rembtn {
    background-color: #ae08f2;
    color: #fff;
}
.lockbtn {
    background-color: #818686;
    margin-left: 7px;
    margin-right: 7px;
    color: #fff;
}
.unlockbtn {
    background-color: #24c610;
    margin-left: 7px;
    margin-right: 7px;
    color: #fff;
}
.my-date {
    outline: none;
    border: none;
    background: inherit;
}

.content_PO_Landscape {
    height: 18.5cm;
    width: 24.5cm;
}

.content_PO_Portrait {
    height: 24.5cm;
    width: 18.5cm;
}

.all-copy {
    -webkit-user-select: all; /* Chrome all / Safari all */
    -moz-user-select: all; /* Firefox all */
    -ms-user-select: all; /* IE 10+ */
    user-select: all; /* Likely future */
}

.panel {
    display: inline-block;
    min-width: 680px;
    margin: 10px;
}

.table {
    min-width: 680px;
}

.buttons button {
    margin: 5px;
}

.required:after {
    color: #A94442;
    content: ' *';
    display: inline;
}

/*use for the salesforce connect button*/

.group {
    width: 180px;
    height: 113px;
}

    .group:hover {
        cursor: pointer;
    }

.btn-toolbar {
    height: 34px;
}

input:required:invalid, input:focus:invalid {
    background-image: url(/images/invalid.png);
    background-position: 97%;
    background-repeat: no-repeat;
    background-size: 15px;
}

input:required:valid {
    background-image: url(/images/valid.png);
    background-position: 97%;
    background-repeat: no-repeat;
    background-size: 15px;
}

select:required:invalid, select:focus:invalid {
    background-image: url(/images/invalid.png);
    background-position: 97%;
    background-repeat: no-repeat;
    background-size: 15px;
}

select:required:valid {
    background-image: url(/images/valid.png);
    background-position: 97%;
    background-repeat: no-repeat;
    background-size: 15px;
}

.date-picker {
    background-color: #fff;
}

    .date-pickerlimit {
        background-color: #fff !important;
    }

.date-pickermonthyear {
    background-color: #fff !important;
}



.btn-default
{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:hover {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default.active {
        color: #fff;
        background-color: #222d32;
        border-color: #ccc;
    }

        .btn-default.active:hover {
            color: #fff;
            background-color: #222d32;
            border-color: #ccc;
        }



@font-face {
    font-family: "Raleway";
    src: url(~/Raleway-Black.ttf) format("truetype");
}

.customfont {
    font-family: "Raleway", Verdana, Tahoma;
}

.exportopt{
    position: fixed;
    bottom: 10px;
    right: 100px;
}
select option:disabled {
    color: #ff0000;
    background-color:gainsboro
}

.date-picker-monthyearonly {
    display: none;
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ecc91f !important;
    /* border-color: #d58512; */
}
.btn-secondary 
{
    color: white;
    background-color: grey;
}

.btn-secondary:hover {
    color: white;
    background-color: dimgrey;
}
.special-span {
    cursor: pointer;
}

.special-a {
    position: relative;
    overflow: hidden;
}

.special-span:hover a {
    color: red;
}

.special-a + input {
    position: absolute;
    top: 73px;
    left: 100px;
    opacity: 0;
}
.special-am + input {
    position: absolute;
    top: 73px;
    left: 105px;
    opacity: 0;
    /* width: 10px; */
    max-width: 59px;
}

.border-left {
    border-left: 1px solid grey;
}

.border-right{
    border-right: 1px solid grey;
}