/* ======================================================================== */
/* ================= DO NOT CHANGE ANYTHING!   ==================++++++++++== */ 
/* ================= IF SOMETHING HERE DOES NOT WORK FOR YOU,   ============= */ 
/* ================= THEN ADD IT  =========================================== */ 
/* ======================================================================== */

/* ======================================================================== */
/* ================= Table/Grid related stuff  - SCW - June  2020 ==================== */ 
/* ======================================================================== */

.w4a_table {
    border-collapse: collapse !important;
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: none;
}

.w4a_tableLarge {
    border-collapse: collapse !important;
    width: 120%;
    max-width: 120%;
    margin-bottom: 20px;
    border: none;
}

.w4a_tableHalf {
    border-collapse: collapse !important;
    width: 50%;
    max-width: 50%;
    margin-bottom: 20px;
    border: none;
}

th {
    background-color: #eaeaea;
}

tr:nth-child(even) {
    background-color: #f3f3f3;
}

.row_height_175 {
    line-height: 1.75;
}

/* all grids using this style sheet will have the same font size */
.pb-grid {
font-size: 1.2em;
}

.textAreaLarge{
  height:15em;
  width: 90%;
}

.textAreaXL{
  height:15em;
  width: 125%;
}

.noResize{
   resize: none;
}

/* ======================================================================== */
/* ================ Inline Blocks and padding  - SCW - June  2020 =================== */ 
/* ======================================================================== */

 .display-inline-block {
    display: inline-block;
    vertical-align: top;
    padding-right: 100px;
}

 .border {
  border-style: groove;
  border-width: thin;
  border-color: black;
  border-radius: 5px;
}

.display-inline-block-labels {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}

.pad_top {
   padding-top: 1em;   
}

.pad_top2 {
   padding-top: 2em;   
}

.pad_top3 {
   padding-top: 3em;   
}

.pad_top4 {
   padding-top: 4em;   
}

.pad_bottom1 {
   padding-bottom: 1em;   
}

.pad_bottom2 {
   padding-bottom: 2em;   
}

.pad_right500 {
   padding-right: 500px;   
}

.pad_left1 {
   padding-left: 1em;   
}

/* ======================================================================== */
/* ======= Various widths to be used in the Label Style field  - SCW - June  2020 ========= */ 
/* ======================================================================== */

.w4a_label_width5 {
   width:5%;
}

.w4a_label_width10 {
   width:10%;
}

.w4a_label_width15 {
   width:15%;
}

.w4a_label_width20 {
   width:20%;
}

.w4a_label_width25 {
   width:25%;
}

.w4a_label_width30 {
   width:30%;
}

.w4a_label_width35 {
   width:35%;
}

.w4a_label_width40 {
   width:40%;
}

.w4a_label_width45 {
   width:40%;
}

.w4a_label_width50 {
   width:50%;
}

.w4a_label_width60 {
   width:60%;
}

.w4a_label_width70 {
   width:70%;
}

.w4a_label_width80 {
   width:80%;
}

.w4a_label_width90 {
   width:90%;
}

.w4a_label_width95 {
   width:95%;
}

.w4a_width120px {
  width:120px;
}

/* ======================================================================== */
/* ========== Various fonts to be used in the Style field  - SCW - June  2020 ============ */ 
/* ======================================================================== */

.w4a_boldBlue  {
    color: blue !important;
    font-weight: bold !important;
}

.w4a_boldBlueLarge  {
    color: blue;
    font-weight: bold;
    font-size: large;
}

.w4a_boldRed  {
    color: red;
    font-weight: bold;
}

.w4a_red  {
    color: red;
}

.w4a_bold  {
    font-weight: bold;
}

.w4a_bold14px  {
    font-weight: bold;
    font-size: 14px
}

.w4a_boldLarge  {
    font-weight: bold;
    font-size: large;
}

/* ======================================================================== */
/* ======= Various alignments to be used in the Style field  - SCW - June  2020 ========== */ 
/* ======================================================================== */

.w4a_left {
   text-align:left;
 }

.w4a_center {
   text-align:center;
 }

.w4a_right {
   text-align:right;
   padding-right: 10px;
 }

.w4a_button_bar {
   display: inline;
   width:20%;
}

.w4a_inline {
  display: inline;
}

.w4a_disabled_input {
  pointer-events:none;
  background-color: rgba(239, 239, 239, 0.3);
}


/* ======================================================================== */
/* ================= Sean - button related things  =============================== */ 
/* ======================================================================== */

.groove_border {
   border-style: groove;
   cursor: pointer
}

.pointer {
   cursor: pointer
}

.radio {
   class="radio"
}

/* ===============for  horizontal line ================*/
.horizontal-line{
width: 100%;
height: 1px;
margin-top: 1%;
background-color: rgb(122, 121, 121);
}

/*=========== currency formatting=================*/
.currSign:before {
            content: '$';
}

/*=============== display inline items ================*/
 .display-inline {
    display: inline;
    padding-right: 50px;
}