.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #ffffff;
    border-color: #c8c7cc;
    color: #8e8e93;

    transition: all 0.3s ease 0s !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative;
    border-radius: 2px;
    -webkit-transform: translateZ(0);

}

.bgcolor-grey { background-color: #e0e0e0; }
.bgcolor-yellow { background-color: #faf2cc; }

.lp-control-container-outer { width: 100%; }
.lp-control-container { display: table; width: 95%; margin: 0 auto; width: 40%; margin-top: 10%; }
.lp-control-row { display: table-row; }
.lp-control-cell-1 { display: table-cell; width: 50%; padding: 10px; }
.lp-control-cell-2 { display: table-cell; width: 50%; padding: 10px; }

.lp-div-outer { width: 100%; }

.lp-div-outer-ctj { width: 95%; padding-top: 15px; padding-left: 8px; padding-right: 8px; display: table; margin: 0 auto; }

.lp-div-inner-row-1 { width: 100%; display: table; background-color: #FED77C; height: 20%; }
.lp-div-inner-row-1-ctj { width: 100%; background-color: #FED77C; height: 20%; display: table-row; }
.lp-div-inner-row-2 { width: 100%; display: table; height: 80%; }

.lp-div-inner-row-1-cell { display: table-cell; vertical-align: middle; text-align: center; }
.lp-div-inner-row-1-cell-ctj { display: table-cell; vertical-align: middle; text-align: center; padding: 10px; }
.lp-div-inner-row-2-cell { display: table-cell; vertical-align: middle;  text-align: center; }

.lp-div-outer-completed-jobs { text-align: center; }

.panel-button-layout-table { width: 95%; margin: 0 auto; padding: 7px; }
.panel-button-layout-table-cell { text-align: center; }

.row-table-separator { padding-bottom: 15px; }

.width-20-pc { width: 20%; }
.width-30-pc { width: 30%; }
.width-35-pc { width: 35%; }
.width-40-pc { width: 40%; }
.width-50-pc { width: 50%; }
.width-70-pc { width: 70%; }

.font-style-1 { font-family: "Raleway", sans-serif; font-size: 28px; }
.font-style-1b { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 28px; }
.font-style-2 { font-family: "Raleway", sans-serif; font-size: 22px; }
.font-style-2b { font-family: "Raleway", sans-serif; font-weight: bold; font-size: 22px; }

.ea-select-1 {
    font-size: 20px;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    margin: 0 auto;
    width: 100%; }

.list-div { padding: 10px; }

.margin-left-10px { margin-left: 10px; }

.textarea-1 { width:100%; font-size: 22px; }

.textbox-1 {
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-family: "Raleway", sans-serif;
    padding: 10px;
    background-color: #edf0f4;
    color: #000;
    border: 1px solid #000;
    width: 100%;
}

.button-1 {
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    font-family: "Raleway", sans-serif;
    font-weight: bold;
    padding: 10px;
    background-color: #edf0f4;
    color: #000;
    border: 1px solid #000;
    width: 100%;
}

.general-modal-bgcolor-green {background-color: #c3ed84;}
.general-modal-bgcolor-red {background-color: #ebcccc;}
.general-modal-text-align-center {text-align: center;}
.general-modal-row-content-div-1 {padding: 4px;}

.general-modal-border-s1-lower {
    border-bottom-style: solid;
    color: #000;
    border-bottom-width: 1px;
}

.general-modal-border-s1-upper {
    border-top-style: solid;
    color: #000;
    border-top-width: 1px;
}

.general-modal-border-s1-l {
    border-left-style: solid;
    color: #000;
    border-left-width: 1px;
}

.general-modal-border-s1-r {
    border-right-style: solid;
    color: #000;
    border-right-width: 1px;
}

.mobile-image-size-1 {height: 40px; width: auto; }

.modal-title-container { font-weight: bold; }

.warning-red {background-color: #ffe6e6;}

td.hover-cell:hover {
    background-color: #add8e6;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

div.hover-cell:hover {
    background-color: #add8e6;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.url-modal-launcher {cursor: url('/images/cursors/modal-icon-v4.png'),auto; }

.pointer { cursor: pointer; }