/*This is common.css file*/
/********************************************************/

/*                 MM-FLEX-LAYOUT                       */

/********************************************************/

.mm-layout-flex-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.mm-layout-flex-row-without-wrap {
    display: flex;
    flex-direction: row;
}

.mm-layout-flex-column {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.mm-layout-flex-row-reverse {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.mm-layout-flex-column-reverse {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap;
}

/********************************************************/

/*                  MM-ALIGNMENT                        */

/********************************************************/

.mm-vertical-align-top {
    align-items: flex-start;
}

.mm-vertical-align-middle {
    align-items: center;
}

.mm-vertical-align-bottom {
    align-items: flex-end;
}

.mm-align-items-baseline {
    align-items: baseline;
}

.mm-horizontal-align-left {
    justify-content: flex-start;
}

.mm-horizontal-align-center {
    justify-content: center;
}

.mm-horizontal-align-right {
    justify-content: flex-end;
}


/********************************************************/

/*                      MM-MARGINS                      */

/********************************************************/

.mm-m-all-auto {
    margin: auto;
}

.mm-m-all-0 {
    margin: 0px !important;
}

.mm-mt-0 {
    margin-top: 0px !important;
}

.mm-mr-0 {
    margin-right: 0px !important;
}

.mm-mb-0 {
    margin-bottom: 0px !important;
}

.mm-ml-0 {
    margin-left: 0px !important;
}

.mm-m-lr-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mm-m-tb-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.mm-m-all-5 {
    margin: 5px !important;
}

.mm-mt-5 {
    margin-top: 5px !important;
}

.mm-mr-5 {
    margin-right: 5px !important;
}

.mm-mb-5 {
    margin-bottom: 5px !important;
}

.mm-ml-5 {
    margin-left: 5px !important;
}

.mm-m-lr-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}


.mm-m-tb-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}




.mm-m-all-10 {
    margin: 10px !important;
}

.mm-mt-10 {
    margin-top: 10px !important;
}

.mm-mr-10 {
    margin-right: 10px !important;
}

.mm-mb-10 {
    margin-bottom: 10px !important;
}

.mm-ml-10 {
    margin-left: 10px !important;
}

.mm-m-lr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}


.mm-m-tb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}


/********************************************************/

/*                      MM-PADDING                      */

/********************************************************/


.mm-p-all-0 {
    padding: 0px !important;
}

.mm-pt-0 {
    padding-top: 0px !important;
}

.mm-pr-0 {
    padding-right: 0px !important;
}

.mm-pb-0 {
    padding-bottom: 0px !important;
}

.mm-pl-0 {
    padding-left: 0px !important;
}

.mm-p-lr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.mm-p-tb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.mm-p-all-5 {
    padding: 5px !important;
}

.mm-pt-5 {
    padding-top: 5px !important;
}

.mm-pr-5 {
    padding-right: 5px !important;
}

.mm-pb-5 {
    padding-bottom: 5px !important;
}

.mm-pl-5 {
    padding-left: 5px !important;
}

.mm-p-lr-5 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.mm-p-tb-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}


/********************************************************/

/*                   MM-TEXT-DESING                     */

/********************************************************/

.text-overflow-ellipsis {
    margin: auto 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*CHECKBOX AND RADIO BUTTON LABEL*/
.not-active-label {
    color: #777777;
}

.checked-not-active-label {
    color: #f17879 !important;
}



/********************************************************/

/*DIV INNER BORDER */

/*******************************************************/
.div-default-inner-border {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.div-inner-right-border-gray {
    border-right: 5px solid #636466;
}

.div-inner-right-border-red {
    border-right: 5px solid #f00;
}

/********************************************************/

/*WIDTH*/

/*******************************************************/

.eighty-percent-width {
    width: 80%;
}

.full-width {
    width: 100%;
}

.hundrend-and-twenty-width {
    width: 120%;
}


/********************************************************/

/* CONTENT SEPARATOR*/

/*******************************************************/

.mm-default-content-separator-container {
    padding: 0px;
}

.mm-content-separator {
    width: 100%;
    border-color: rgba(99,100,102,0.5);
}

.mm-agenda-content-separator-container {
    padding: 10px 25px;
}

/********************************************************/

/* WORKFLOW STATE CSS*/

/*******************************************************/
.mm-running {
    background-color: #ffbd2e69 !important;
}

.mm-created {
    background-color: #8080804f !important;
}

.mm-approved {
    background-color: #0080009e !important;
}

.mm-rejected {
    background-color: #f98383 !important;
}

.mm-running:hover {
    background-color: #ffcc5d69 !important;
}

.mm-created:hover {
    background-color: #8080802b !important;
}

.mm-approved:hover {
    background-color: #86ff869e !important;
}

.mm-rejected:hover {
    background-color: #f983837d !important;
}

.mm-meeting-details-structure-section {
    background-color: white !important;
    border: 2px solid #636466 !important;
}


/********************************************************/

/* WORKFLOW STATE CSS*/

/*******************************************************/
.mm-running {
    background-color: #ffbd2e69 !important;
}

.mm-created {
    background-color: #8080804f !important;
}

.mm-approved {
    background-color: #0080009e !important;
}

.mm-rejected {
    background-color: #f98383 !important;
}

.mm-running:hover {
    background-color: #ffcc5d69 !important;
}

.mm-created:hover {
    background-color: #8080802b !important;
}

.mm-approved:hover {
    background-color: #86ff869e !important;
}

.mm-rejected:hover {
    background-color: #f983837d !important;
}

.mm-meeting-details-structure-section {
    background-color: white !important;
    border: 2px solid #636466 !important;
}

/********************************************************/

/* MM-VISIBILITY */

/*******************************************************/

.mm-visibility-hidden {
    visibility: hidden !important;
}

.mm-visibility-visible {
    visibility: visible !important;
}

/* Tooltip */
.mm-tooltip {
    text-decoration-line: underline;
    text-decoration-style: dotted;
}