.pb-10-px {
    padding-bottom: 10px;
}

.pr-10-px {
    padding-right: 10px;
}

.pl-10-px {
    padding-left: 10px;
}

.pr-15-px {
    padding-right: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pr-20-px {
    padding-right: 20px;
}

.pr-22-px {
    padding-right: 22px;
}

.pl-22-px {
    padding-left: 22px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pt-30-px {
    padding-top: 30px;
}

.pt-7-px {
    padding-top: 7px;
}

.pt-50 {
    padding-top: 50px;
}

/* Margins - START */

.mt-6-px {
    margin-top: 6px;
}
.mr-10-px {
    margin-right: 10px;
}
.mb-0-px {
    margin-bottom: 0;
}
.mb-20-px{
    margin-bottom: 20px;
}
.mb-5-px {
    margin-bottom: 5px;
}
/* Margins - END */

/* Directions - START */
.pull-right {
    float: right;
}

.pull-left {
    float: right;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

/* Directions - END */

/* Font sizes - START */

.font-22-px {
    font-size: 22px;
}

/* Font sizes - END */

.display-flex {
    display: flex;
}

/* Colors - START */
.text-accent-color {
    color: var(--accent-color);
}

.normal-text-color {
    color: #1c3237
}

/* Colors - END */

/* flex classes - START */
.flex-container {
    display: flex;
}

.flex-flow-row-nowrap {
    flex-flow: row nowrap;
}

.flex-1 {
    flex: 1;
}

.flex-justify-content-space-between {
    justify-content: space-between;
}

/* flex classes - END */

.hide {
    display: none;
}

.transparent {
    opacity: 0.5;
}

.cursor-pointer {
    cursor: pointer;
}

.border-0-px {
    border: 0px;
}

.visibility-hidden {
    visibility: hidden;
}

/*PAW-4551 Reduced the size of the datepicker for Court Docket subscription form */
.duration-container .ui-datepicker {
    width: 13.5em !important;
    padding: .2em .2em 0 !important;
    display: none;
}
.duration-container .ui-datepicker table {
    width: 100% !important;
    font-size: .7em !important;
    border-collapse: collapse;
    margin:0 0 .4em;
}
.duration-container .ui-datepicker th {
    padding: 0.3em 0.3em !important;
}

.duration-container .ui-state-default, .duration-container .ui-widget-content a.ui-state-default {
    width: 24px !important;
    height: 24px !important;
    padding-top: 3px !important;
}

.duration-container .ui-datepicker-title {
    margin: 0 2em !important;
}

.duration-container .ui-datepicker td {
  padding: 0px !important;
}