/*



*/
/* ========================================================*/
a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #0000ff;
    text-decoration: none;
}

a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #0000ff;
    text-decoration: none;
}

a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #0000ff;
    text-decoration: none;
}

a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #ff0000;
    text-decoration: underline;
}

.orangeButton {
	background-color: orange;
	font-weight: bold;
}

/* ========================================================*/
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    background-image: url(../_IMAGES/Grid12.gif);
    background-repeat: repeat;
}

table {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

/* ========================================================*/
.subject_title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.comp_title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.login_title {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000000;
}

.subject_subtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.comp_subtitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

/* ========================================================*/
.sales_background {
    background-color: #7EA3DA
}

/* ========================================================*/

.bottom_border_1_gray {
    border-bottom: solid #333333 1px;
}

.top_border_1_gray {
    border-top: solid #333333 1px;
}

.right_border_1_gray {
    border-right: solid #333333 1px;
}

.left_border_1_gray {
    border-left: solid #333333 1px;
}

.border_1_gray {
    border: solid #333333 1px;
}

/* ========================================================*/

.bottom_border_1_black {
    border-bottom: solid #000000 1px;
}

.top_border_2_black {
    border-top: solid #000000 2px;
}

.right_border_2_black {
    border-right: solid #000000 2px;
}

.left_border_2_black {
    border-left: solid #000000 2px;
}

.bottom_border_2_black {
    border-bottom: solid #000000 2px;
}


.border_2_black {
    border: solid #000000 2px;
}

.border_1_black {
    border: solid #000000 1px;
}

/* ========================================================*/

.gray_text_10 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #dddddd;
}


.gray_text_11 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #bbbbbb;
}

.black_text_11 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
}

.black_text_12 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

.dkgray_text_10 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #555555;
}



.padding_2 {
    padding: 2px;
}

.sub_box {
    background-color: #ccc;
    border: solid 1px #000;
    padding-top: 5px;
    padding-bottom: 5px;
}


.cma-big-red-18 {
    font-size: 18px;
    font-weight: bold;
    color: red;
}

.cma-big-red-16 {
    font-size: 16px;
    font-weight: bold;
    color: red;
}


.quetitleheader td span {
    cursor: pointer;
    text-decoration: underline;
}

div.payment_info_wrapper {
    position: relative;
}

div.payment_info_wrapper div.payment_info_container {
    width: 400px;
    height: auto;
    padding: 10px;
    background-color: #FFF;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
    border-radius: 3px;
    transform: translate(0, 70px);
    position: absolute;
    right: 30%;
    top: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

div.payment_info_wrapper div.payment_info_container.active {
    opacity: 1;
    visibility: visible;
    transform: translate(0, 30px);
}

div.payment_info_wrapper div.payment_info_container div.payment_info_content {
    text-align: left;
}

.payment_info_close {
    display: flex;
    justify-content: flex-end;
}

span.payment_info {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #000;
    color: #FFF;
    transition: all 0.3s ease-in-out;
    border: 1px solid #000;
    cursor: pointer;
}

span.payment_info:hover {
    background-color: #FFF;
    color: #000;
}

.payment_info_trigger {
    color: blue;
    font-weight: bold;
}

.payment_info_trigger:hover {
    cursor: pointer;
}

.flex {
    display: flex;
}

.justify_content_between {
    justify-content: space-between;
}
.yellow_background {
    background-color: yellow;
}