.crystal {
    color: #155aaa
}

.spacer {
    margin-right: 10px
}

.no-wrap {
    white-space: nowrap
}

.display-block {
    display: block
}

.pointer {
    cursor: pointer
}

.inline-block {
    display: inline-block
}

.display-table {
    display: table
}

.table-col {
    display: inline-block;
    vertical-align: middle;
    float: none!important
}

.bold {
    font-weight: 700
}

.no-wrap {
    white-space: nowrap
}

.underline {
    text-decoration: underline
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.as-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-r-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.btn-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.as-row-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.flex-col-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-col-auto {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-r-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.as-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.space-around {
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.center-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.align-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.align-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-auto {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.loader-div {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, .5);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 14;
    color: #000
}

.loader-div .loader-child {
    text-align: center
}

.loader-div .loader-child img {
    position: absolute;
    height: 25px
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px)
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1)
    }
    25% {
        -webkit-transform: scale(0.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3)
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
}

@-webkit-keyframes flash {
    0% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translateY(0)
    }
    20% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px)
    }
    50% {
        -webkit-transform: translateY(0)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
    80% {
        -webkit-transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translateX(0)
    }
    10% {
        -webkit-transform: translateX(-10px)
    }
    20% {
        -webkit-transform: translateX(10px)
    }
    30% {
        -webkit-transform: translateX(-10px)
    }
    40% {
        -webkit-transform: translateX(10px)
    }
    50% {
        -webkit-transform: translateX(-10px)
    }
    60% {
        -webkit-transform: translateX(10px)
    }
    70% {
        -webkit-transform: translateX(-10px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    90% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -webkit-transform: rotate(200deg);
        opacity: 0
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1)
    }
    10% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg)
    }
    30% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    40% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
    50% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    60% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
    70% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg)
    }
    90% {
        -webkit-transform: scale(1.1) rotate(3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0)
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-ms-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-ms-keyframes fadeInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(-20px)
    }
}

@-ms-keyframes fadeInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(20px)
    }
}

@-ms-keyframes fadeInRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(-20px)
    }
}

@-ms-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(20px)
    }
}

@-ms-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(-2000px)
    }
}

@-ms-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -ms-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -ms-transform: translateY(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }
}

@-ms-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }
}

@-ms-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -ms-transform: translateX(0)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }
}

@-ms-keyframes bounceIn {
    0% {
        opacity: 0;
        -ms-transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -ms-transform: scale(1.05)
    }
    70% {
        -ms-transform: scale(0.9)
    }
    100% {
        -ms-transform: scale(1)
    }
}

@-ms-keyframes bounceInDown {
    0% {
        opacity: 0;
        -ms-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -ms-transform: translateY(30px)
    }
    80% {
        -ms-transform: translateY(-10px)
    }
    100% {
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes bounceInUp {
    0% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -ms-transform: translateY(-30px)
    }
    80% {
        -ms-transform: translateY(10px)
    }
    100% {
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes bounceInRight {
    0% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -ms-transform: translateX(-30px)
    }
    80% {
        -ms-transform: translateX(10px)
    }
    100% {
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -ms-transform: translateX(30px)
    }
    80% {
        -ms-transform: translateX(-10px)
    }
    100% {
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes bounceOut {
    0% {
        -ms-transform: scale(1)
    }
    25% {
        -ms-transform: scale(0.95)
    }
    50% {
        opacity: 1;
        -ms-transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -ms-transform: scale(0.3)
    }
}

@-ms-keyframes bounceOutUp {
    0% {
        -ms-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(-2000px)
    }
}

@-ms-keyframes bounceOutDown {
    0% {
        -ms-transform: translateY(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateY(2000px)
    }
}

@-ms-keyframes bounceOutLeft {
    0% {
        -ms-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(-2000px)
    }
}

@-ms-keyframes bounceOutRight {
    0% {
        -ms-transform: translateX(0)
    }
    20% {
        opacity: 1;
        -ms-transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(2000px)
    }
}

@-ms-keyframes flash {
    0% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-ms-keyframes bounce {
    0% {
        -ms-transform: translateY(0)
    }
    20% {
        -ms-transform: translateY(0)
    }
    40% {
        -ms-transform: translateY(-30px)
    }
    50% {
        -ms-transform: translateY(0)
    }
    60% {
        -ms-transform: translateY(-15px)
    }
    80% {
        -ms-transform: translateY(0)
    }
    100% {
        -ms-transform: translateY(0)
    }
}

@-ms-keyframes shake {
    0% {
        -ms-transform: translateX(0)
    }
    10% {
        -ms-transform: translateX(-10px)
    }
    20% {
        -ms-transform: translateX(10px)
    }
    30% {
        -ms-transform: translateX(-10px)
    }
    40% {
        -ms-transform: translateX(10px)
    }
    50% {
        -ms-transform: translateX(-10px)
    }
    60% {
        -ms-transform: translateX(10px)
    }
    70% {
        -ms-transform: translateX(-10px)
    }
    80% {
        -ms-transform: translateX(10px)
    }
    90% {
        -ms-transform: translateX(-10px)
    }
    100% {
        -ms-transform: translateX(0)
    }
}

@-ms-keyframes rotateInDownLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateInUpLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateInUpRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateInDownRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateOutDownLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOutUpLeft {
    0% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
    100% {
        -ms-transform-origin: left bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOutDownRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(-90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateOutUpRight {
    0% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(0);
        opacity: 1
    }
    100% {
        -ms-transform-origin: right bottom;
        -ms-transform: rotate(90deg);
        opacity: 0
    }
}

@-ms-keyframes rotateIn {
    0% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(0);
        opacity: 1
    }
}

@-ms-keyframes rotateOut {
    0% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(0);
        opacity: 1
    }
    100% {
        -ms-transform-origin: center center;
        -ms-transform: rotate(200deg);
        opacity: 0
    }
}

@-ms-keyframes tada {
    0% {
        -ms-transform: scale(1)
    }
    10% {
        -ms-transform: scale(0.9) rotate(-3deg)
    }
    20% {
        -ms-transform: scale(0.9) rotate(-3deg)
    }
    30% {
        -ms-transform: scale(1.1) rotate(3deg)
    }
    40% {
        -ms-transform: scale(1.1) rotate(-3deg)
    }
    50% {
        -ms-transform: scale(1.1) rotate(3deg)
    }
    60% {
        -ms-transform: scale(1.1) rotate(-3deg)
    }
    70% {
        -ms-transform: scale(1.1) rotate(3deg)
    }
    80% {
        -ms-transform: scale(1.1) rotate(-3deg)
    }
    90% {
        -ms-transform: scale(1.1) rotate(3deg)
    }
    100% {
        -ms-transform: scale(1) rotate(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes flash {
    0% {
        opacity: 1
    }
    25% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    75% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    50% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    30% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    40% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg)
    }
    30% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    50% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    60% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    70% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@font-face {
    font-family: open-sans-regular;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-bold;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Bold.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-italic;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Italic.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-semibold;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Semibold.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-light;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Light.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

.crystal {
    color: #155aaa
}

.spacer {
    margin-right: 10px
}

.no-wrap {
    white-space: nowrap
}

.display-block {
    display: block
}

.pointer {
    cursor: pointer
}

.inline-block {
    display: inline-block
}

.display-table {
    display: table
}

.table-col {
    display: inline-block;
    vertical-align: middle;
    float: none!important
}

.bold {
    font-weight: 700
}

.no-wrap {
    white-space: nowrap
}

.underline {
    text-decoration: underline
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.as-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-r-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.btn-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.as-row-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.flex-col-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-col-auto {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-r-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.as-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.space-around {
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.center-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.align-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.align-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-auto {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.modal-header {
    font-size: 22px;
    background: 0 0;
    border: 0;
    border-radius: 0;
    background-clip: padding-box;
    padding: 8px 20px;
    font-weight: 200
}

.modal-header .close {
    margin-top: 7px
}

.modal-content {
    padding: 0 1.3em
}

.navbar .divider-vertical {
    border-right: 1px solid #606974
}

@media (max-width:767px) {
    .navbar-collapse .nav>.divider-vertical {
        display: none
    }
}

.bs-callout {
    margin: 10px 0;
    padding: 5px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-bottom-width: 2px;
    border-radius: 3px;
    background-color: #fff
}

.bs-callout-info {
    border-left-color: #1b809e!important
}

.bs-callout-info h4 {
    color: #1b809e
}

.bs-callout-danger {
    border-color: #d9534f
}

.bs-callout p:last-child {
    margin-bottom: 0
}

.bs-callout-danger h4 {
    color: #d9534f
}

.aside-custom {
    width: 80%
}

.am-fade-and-slide-right {
    -webkit-animation-delay: .3s;
    -ms-animation-delay: .3s;
    -khtml-animation-delay: .3s;
    animation-delay: .3s
}

.aside {
    max-width: 500px;
    min-width: 450px;
    background-color: #f5f5f5
}

.aside .aside-header {
    background-color: #0e334c!important;
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 19px!important;
    color: #fff
}

.aside .aside-body {
    padding-top: 0!important
}

.aside .aside-title {
    margin: 5px 0
}

#site-info .header-row {
    color: #fff
}

#commentary-aside {
    min-width: 200px;
    width: 350px;
    height: 550px;
    border-radius: 5px 5px 0 0;
    box-shadow: 1px 1px 2px 1px #C4BFBC;
    top: auto
}

#commentary-aside .aside-dialog {
    height: 500px;
    overflow: auto
}

#commentary-aside .aside-header {
    padding: 0;
    margin: 0;
    background-color: transparent!important;
    color: inherit
}

#commentary-aside .aside-body {
    padding: 0 3px
}

#commentary-aside .aside-body hr {
    border-top: 2px dotted rgba(92, 92, 92, .24)
}

#commentary-aside .bs-callout {
    margin-top: 0!important;
    padding: 5px
}

#commentary-aside .bs-callout-info>h4 {
    margin: 0 0 3px!important;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 18px
}

#commentary-aside .bs-callout-info span {
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: maroon
}

#commentary-aside .aside-footer {
    padding: 10px
}

#commentary-aside .aside-footer .btn-mute {
    width: 95px;
    margin-bottom: 7px
}

@font-face {
    font-family: open-sans-regular;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-bold;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Bold.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-italic;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Italic.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-semibold;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Semibold.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-light;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Light.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

.crystal {
    color: #155aaa
}

.spacer {
    margin-right: 10px
}

.no-wrap {
    white-space: nowrap
}

.display-block {
    display: block
}

.pointer {
    cursor: pointer
}

.inline-block {
    display: inline-block
}

.display-table {
    display: table
}

.table-col {
    display: inline-block;
    vertical-align: middle;
    float: none!important
}

.bold {
    font-weight: 700
}

.no-wrap {
    white-space: nowrap
}

.underline {
    text-decoration: underline
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.as-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-r-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.btn-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.as-row-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.flex-col-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-col-auto {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-r-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.as-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.space-around {
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.center-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.align-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.align-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-auto {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.btn,
.btn:focus,
.btn:active:focus,
.close {
    outline: 0!important
}

button[jw-btn-loader] .fa-spinner {
    color: #fff!important
}

.btn-raised {
    z-index: 1;
    position: relative;
    overflow: hidden;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .33);
    -webkit-transition: box-shadow .4s cubic-bezier(0.25, x0 .8, .25, 1), background-color .4s cubic-bezier(0.25, .8, .25, 1);
    transition: box-shadow .4s cubic-bezier(0.25, x0 .8, .25, 1), background-color .4s cubic-bezier(0.25, .8, .25, 1)
}

.btn-raised:hover {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .38)
}

.btn-raised:active {
    box-shadow: inset 6px 5px 5px rgba(0, 0, 0, .125)
}

.btn-raised.active {
    box-shadow: inset 6px 5px 5px rgba(0, 0, 0, .125)
}

.btn-raised.disabled,
.btn-raised[disabled] {
    box-shadow: none
}

.btn-raised.btn-mute {
    text-shadow: 0 0 1px #595858
}

.btn-inverse {
    border: 0;
    box-shadow: 0 1px #24292e;
    border-radius: 4px
}

.btn-hero {
    color: #fff;
    background-color: #9c27b0;
    border-color: #9c27b0
}

.btn-hero:hover {
    background-color: #9c27b0;
    color: #fff
}

.btn-hero:focus {
    color: #fff;
    background-color: #9c27b0
}

.btn-neg {
    color: #fff;
    background-color: #ff7043;
    border-color: #ff7043
}

.btn-neg:hover {
    background-color: #ff7043;
    color: #fff
}

.btn-neg:focus {
    color: #fff;
    background-color: #ff7043
}

.btn-mute {
    color: #fff;
    background-color: #90a4ae;
    border-color: #90a4ae
}

.btn-mute:hover {
    background-color: #90a4ae;
    color: #fff
}

.btn-mute:focus {
    color: #fff;
    background-color: #90a4ae
}

.btn-grid {
    color: #fff;
    background-color: #00796b;
    border-color: #00796b
}

.btn-grid:hover {
    background-color: #00796b;
    color: #fff
}

.btn-grid:focus {
    color: #fff;
    background-color: #00796b
}

.btn-usafp {
    text-shadow: 0 1px 2px #070707;
    border-radius: 0;
    background-color: #4990e2;
    color: #fff
}

.btn-usafp:hover {
    background-color: #396496;
    color: #fff
}

.btn-usafp:focus {
    color: #fff;
    background-color: #396496
}

.btn-usafp2 {
    text-shadow: 0 1px 2px #070707;
    border-radius: 0;
    background-color: #63E877;
    color: #fff
}

.btn-usafp2:hover {
    background-color: #24CC0E;
    color: #fff
}

.btn-usafp2:focus {
    color: #fff;
    background-color: #24CC0E
}

.btn-usafp3 {
    text-shadow: 0 1px 2px #070707;
    border-radius: 0;
    background-color: #BF5FFF;
    color: #fff
}

.btn-usafp3:hover {
    background-color: #A020F0;
    color: #fff
}

.btn-usafp3:focus {
    color: #fff;
    background-color: #A020F0
}

.btn-usafp3:disabled {
    color: #fff;
    background-color: #A020F0;
    opacity: .5
}

.btn-usafp3:disabled:hover {
    color: #fff;
    background-color: #A020F0
}

.btn-usafp4 {
    text-shadow: 0 1px 2px #070707;
    border-radius: 0;
    background-color: #A7A7A7;
    color: #fff
}

.btn-usafp4:hover {
    background-color: #7A7A7A;
    color: #fff
}

.btn-usafp4:focus {
    color: #fff;
    background-color: #7A7A7A
}

.btn-usafp5 {
    text-shadow: 0 1px 2px #070707;
    border-radius: 3px;
    background-color: #DA5A6E;
    color: #fff;
    border-bottom: 1px solid #9A161A
}

.btn-usafp5:hover {
    background-color: #CC3950;
    color: #fff
}

.btn-usafp5:focus {
    color: #fff;
    background-color: #CC3950
}

.btn-sub {
    background: #6DBF13;
    padding: 20px;
    color: #fff;
    line-height: 20px;
    border: 0;
    border-radius: 4px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNTA4ODc3IiB5MT0iLTAuMDA4NTczIiB4Mj0iMC40OTExMjMiIHkyPSIxLjAwODU3MyI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-linear-gradient(269deg, rgba(255, 255, 255, .25) 0, rgba(0, 0, 0, .25) 100%);
    background-image: linear-gradient(-179deg, rgba(255, 255, 255, .25) 0, rgba(0, 0, 0, .25) 100%);
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.btn-sub:hover {
    background-color: #5EA510;
    color: #fff
}

.btn-sub:focus {
    color: #fff
}

.btn-judge {
    padding: 15px;
    background: #4A90E2;
    color: #fff;
    line-height: 20px;
    border: 0;
    border-radius: 4px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNTA4ODc3IiB5MT0iLTAuMDA4NTczIiB4Mj0iMC40OTExMjMiIHkyPSIxLjAwODU3MyI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-linear-gradient(269deg, rgba(255, 255, 255, .25) 0, rgba(0, 0, 0, .25) 100%);
    background-image: linear-gradient(-179deg, rgba(255, 255, 255, .25) 0, rgba(0, 0, 0, .25) 100%);
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .5)
}

.btn-judge:hover {
    background-color: #396496;
    color: #fff
}

.btn-judge:focus {
    color: #fff
}

.btn-flat {
    border-width: 1px 1px 2px;
    border-radius: 3px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.btn-ion {
    border-width: 1px
}

.btn-ion.btn-default:hover {
    color: #fff;
    border-color: transparent;
    background-color: #ccc
}

.btn-ion.btn-default:focus {
    color: #fff;
    border-color: transparent;
    background-color: #ccc
}

.btn-ion.btn-default:active {
    color: #fff;
    border-color: transparent;
    background-color: #ccc
}

.btn-ion.btn-default>.caret {
    border-top-color: #333
}

.btn-ion.btn-primary {
    background-color: #fff!important;
    color: #3498db!important;
    border-color: #3498db!important
}

.btn-ion.btn-primary:hover {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #3498db!important
}

.btn-ion.btn-primary:focus {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #3498db!important
}

.btn-ion.btn-primary:active {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #3498db!important
}

.btn-ion.btn-primary>.caret {
    border-top-color: #3498db!important
}

.btn-ion.btn-success {
    background-color: #fff!important;
    color: #2ecc71!important;
    border-color: #2ecc71!important
}

.btn-ion.btn-success:hover {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #2ecc71!important
}

.btn-ion.btn-success:focus {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #2ecc71!important
}

.btn-ion.btn-success:active {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #2ecc71!important
}

.btn-ion.btn-success>.caret {
    border-top-color: #2ecc71!important
}

.btn-ion.btn-success.active {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #2ecc71!important
}

.btn-ion.btn-info {
    background-color: #fff!important;
    color: #5bc0de!important;
    border-color: #5bc0de!important
}

.btn-ion.btn-info:hover {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #5bc0de!important
}

.btn-ion.btn-info:focus {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #5bc0de!important
}

.btn-ion.btn-info:active {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #5bc0de!important
}

.btn-ion.btn-info>.caret {
    border-top-color: #5bc0de
}

.btn-ion.btn-warning {
    background-color: #fff!important;
    color: #f39c12!important;
    border-color: #f39c12!important
}

.btn-ion.btn-warning:hover {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #f39c12!important
}

.btn-ion.btn-warning:focus {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #f39c12!important
}

.btn-ion.btn-warning:active {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #f39c12!important
}

.btn-ion.btn-warning>.caret {
    border-top-color: #f39c12!important
}

.btn-ion.btn-danger {
    background-color: #fff!important;
    color: #e74c3c!important;
    border-color: #e74c3c!important
}

.btn-ion.btn-danger:hover {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #e74c3c!important
}

.btn-ion.btn-danger:focus {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #e74c3c!important
}

.btn-ion.btn-danger:active {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #e74c3c!important
}

.btn-ion.btn-danger>.caret {
    border-top-color: #e74c3c!important
}

.btn-ion.btn-alt {
    background-color: #fff!important;
    color: #A020F0!important;
    border-color: #A020F0!important
}

.btn-ion.btn-alt:hover {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #A020F0!important
}

.btn-ion.btn-alt:focus {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #A020F0!important
}

.btn-ion.btn-alt:active {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #A020F0!important
}

.btn-ion.btn-alt>.caret {
    border-top-color: #A020F0!important
}

.btn-ion.btn-asphalt {
    background-color: #fff!important;
    color: #34495e!important;
    border-color: #34495e!important
}

.btn-ion.btn-asphalt:hover {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #34495e!important
}

.btn-ion.btn-asphalt:focus {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #34495e!important
}

.btn-ion.btn-asphalt:active {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #34495e!important
}

.btn-ion.btn-asphalt>.caret {
    border-top-color: #34495e!important
}

.btn-ion.btn-turq {
    color: #34DDDD!important;
    background-color: #fff!important;
    border-color: #34DDDD!important
}

.btn-ion.btn-turq:hover {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #34DDDD!important
}

.btn-ion.btn-turq:focus {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #34DDDD!important
}

.btn-ion.btn-turq:active {
    color: #fff!important;
    border-color: transparent!important;
    background-color: #34DDDD!important
}

.btn-ion.btn-turq>.caret {
    border-top-color: #34DDDD!important
}

.btn-ion:hover .caret,
.btn-ion:focus .caret,
.btn-ion:active .caret {
    border-top-color: #fff!important
}

.loader-div {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, .5);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 14;
    color: #000
}

.loader-div .loader-child {
    text-align: center
}

.loader-div .loader-child img {
    position: absolute;
    height: 25px
}

@font-face {
    font-family: open-sans-regular;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-bold;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Bold.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-italic;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Italic.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-semibold;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Semibold.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: open-sans-light;
    src: url(/client/manage/assets/fonts/Open_Sans/OpenSans-Light.ttf);
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

.crystal {
    color: #155aaa
}

.spacer {
    margin-right: 10px
}

.no-wrap {
    white-space: nowrap
}

.display-block {
    display: block
}

.pointer {
    cursor: pointer
}

.inline-block {
    display: inline-block
}

.display-table {
    display: table
}

.table-col {
    display: inline-block;
    vertical-align: middle;
    float: none!important
}

.bold {
    font-weight: 700
}

.no-wrap {
    white-space: nowrap
}

.underline {
    text-decoration: underline
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.as-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-r-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.btn-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.as-row-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.flex-col-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-col-auto {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-r-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.as-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.space-around {
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.center-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.align-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.align-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-auto {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dropdown-menu .divider {
    height: 1px;
    margin: 7px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dropdown>a {
    text-decoration: none
}

:focus,
.focus {
    outline: 0!important
}

.caret {
    margin-left: 8px;
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    line-height: normal!important
}

a {
    cursor: pointer
}

.guide-text {
    color: #000;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

.guide-bold {
    color: #000;
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

.guide-italic {
    color: #000;
    font-family: open-sans-italic, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

.red-italic {
    color: #b4172a
}

.red-text {
    color: #b4172a
}

.blue-text {
    color: #4a90e2
}

.close,
.close:focus,
.close:active:focus {
    outline: 0
}

.alert.alert-success {
    opacity: .8;
    color: #fff;
    background-color: #2ecc71;
    text-shadow: 0 1px 6px #070707;
    border-radius: 13px;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 24px
}


body .popover-content {
    padding: 0
}

body .modal-dialog {
    max-width: 1000px!important;
    margin-top: 60px
}

body .modal-body {
    overflow-y: scroll;
    max-height: 550px
}

body .modal-content {
    padding: 0
}

body .modal-content .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

body .modal-content .modal-header>h4 {
    color: #555;
    text-align: center;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 17px
}

body .modal-content .modal-header .close {
    margin: 0
}

body .modal-content .btn-usafp {
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    width: 132px
}

body .modal-content .btn-usafp4 {
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    width: 132px
}

body .modal-content .modal-footer .form-group {
    margin-bottom: 0
}

body .modal-content .modal-footer .col-sm-11 {
    padding-right: 0
}

body .modal-content .error-msg {
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt;
    color: #b4172a;
    margin-bottom: 0
}

body .modal-content .error-group {
    min-height: 22px
}

body .modal-content .forgot-link {
    display: inline-block
}

body a:focus {
    outline: 0
}

.porton {
    background-color: #E8ECEB
}

.porton .main {
    width: 100%
}

.porton #o-header,
.porton .foot-row {
    display: none
}

.porton .main>.flex-col-1 {
    width: 100%;
    max-width: 100%
}

#o-header .show-header {
    background: url(/client/manage/assets/img/v2/header_bg.png) no-repeat center center;
    background-size: cover
}

#o-header .head-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .3)
}

#o-header .head-row>h1 {
    cursor: pointer;
    margin: 15px 0;
    color: #fff;
    text-shadow: 0 1px 2px #070707;
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 46px
}

.foot-row {
    background-color: #4a4a4a;
    padding: 12px 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.foot-row .foot-logo {
    width: 28px;
    height: 32px;
    margin-right: 4px
}

.foot-row .foot-text {
    color: #b2b7b7;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0
}

.foot-row .foot-name {
    color: #fff;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0
}

@media print {
    .consent-form {
        background-color: #fff;
        padding: 40px 35px
    }
    .consent {
        color: #000;
        text-align: center
    }
    .signatures {
        margin: 10px 0;
        padding: 20px;
        border: 1px solid #000
    }
    .guide-text {
        font-size: 10px;
        color: #000
    }
    .underline {
        text-decoration: underline
    }
    .pull-right {
        overflow: hidden
    }
}

.crystal {
    color: #155aaa
}

.spacer {
    margin-right: 10px
}

.no-wrap {
    white-space: nowrap
}

.display-block {
    display: block
}

.pointer {
    cursor: pointer
}

.inline-block {
    display: inline-block
}

.display-table {
    display: table
}

.table-col {
    display: inline-block;
    vertical-align: middle;
    float: none!important
}

.bold {
    font-weight: 700
}

.no-wrap {
    white-space: nowrap
}

.underline {
    text-decoration: underline
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-row-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.as-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex-r-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.btn-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.as-row-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.flex-col-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-col-auto {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.flex-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-r-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.as-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column
}

.align-stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

.space-around {
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around
}

.center-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.align-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-self-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.align-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flex-auto {
    -webkit-box-flex: auto;
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.alert-container {
    width: 370px;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1100
}

.alert-container .alert {
    outline: 0
}

.alert-container .alert-info {
    color: #fff;
    border-color: #c2cbd2;
    background-color: #00A300;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 16px
}

.alert-container .alert-danger {
    color: #fff;
    border-color: #F3C0C5;
    background-color: #F05655
}

#info {
    background-color: #fff
}

#info .flex-col-1.main-content {
    background-color: #fff
}

#madigan .info-item {
    padding: 10px;
    margin-left: 20px
}

#madigan .info-item .guide-bold {
    margin-bottom: 0
}

#madigan .info-item .guide-text {
    margin-bottom: 0
}

#judges .judge-list-row {
    margin: 20px 0;
    background-color: #f6f6f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

#judges .judge-list-row .photo-item {
    margin-left: 20px;
    padding: 10px
}

#judges .judge-list-row .photo-item>img {
    height: 150px;
    width: 150px
}

#judges .judge-list-row .info-item {
    padding: 10px;
    margin-left: 20px
}

#judges .judge-list-row .info-item .guide-bold {
    margin-bottom: 0
}

#judges .judge-list-row .info-item .guide-text {
    margin-bottom: 0
}

#judges .additional-members {
    color: #000;
    margin: 0
}

#judges .judge-listing {
    background-color: #fff
}

#grants .bullet {
    margin-left: 15px
}

#survey .bullet {
    margin-left: 15px
}

#survey .crystal-city {
    color: #155aaa;
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 14pt
}

#survey .other-uses {
    margin-bottom: 0;
    color: #000;
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 13pt
}

#home .item-head {
    background: url(/client/manage/assets/img/v2/header_bg.png) no-repeat center center;
    background-size: cover;
    -webkit-box-flex: 0 0 455px;
    -webkit-flex: 0 0 455px;
    -moz-flex: 0 0 455px;
    -ms-flex: 0 0 455px;
    flex: 0 0 455px
}

#home .item-btn {
    background-color: #e9e8ed;
    -webkit-box-flex: 0 0 255px;
    -webkit-flex: 0 0 255px;
    -moz-flex: 0 0 255px;
    -ms-flex: 0 0 255px;
    flex: 0 0 255px
}

#home .item-icon {
    background: url(/client/manage/assets/img/v2/capitol_bg.jpg) no-repeat center center;
    background-size: cover;
    min-height: 320px
}

#home .row-one {
    background-color: rgba(0, 0, 0, .3);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

#home .row-one>h1 {
    margin: 15px 0;
    color: #fff;
    text-shadow: 0 1px 2px #070707;
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 46px
}

#home .row-two {
    padding: 25px 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

#home .row-two .img-responsive {
    height: 77px;
    width: 71px
}

#home .row-two .row-three {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

#home .row-two .col-three {
    margin-left: 15px
}

#home .row-two .col-three>h1 {
    margin-bottom: 0;
    color: #fff;
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 46px;
    text-shadow: 0 1px 2px #070707
}

#home .row-two .col-three>h2 {
    margin-top: -12px;
    margin-bottom: 0;
    color: #fff;
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    text-shadow: 0 1px 2px #070707
}

#home .row-two .city {
    margin-top: 18px;
    margin-bottom: 0;
    color: #fff;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    text-shadow: 0 1px 2px #070707
}

#home .row-two .march {
    margin-bottom: 0;
    color: #fff;
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    text-shadow: 0 1px 2px #070707
}

#home .row-two .col-four {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end
}

#home .row-two .col-four .call {
    margin-top: 7px;
    margin-bottom: 2px;
    color: #fff;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    text-shadow: 0 1px 2px #070707
}

#home .row-two .col-four .open {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 7px;
    margin-bottom: -14px;
    color: #fff;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    text-shadow: 0 1px 2px #070707
}

#home .row-two .col-four .open .open-bold {
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 36px
}

#home .row-two .col-four .deadline-box {
    width: 90%
}

#home .row-two .col-four .deadline-box>h5 {
    text-align: center;
    margin-bottom: 1px;
    background-color: rgba(0, 0, 0, .9);
    color: #7f807a;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 13px
}

#home .row-two .col-four .deadline-box .september {
    background-color: rgba(0, 0, 0, .4)
}

#home .row-two .col-four .deadline-box .september>h2 {
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    text-shadow: 0 1px 2px #070707
}

#home .row-two .col-four .btn-usafp {
    margin-top: 10px;
    width: 47%;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px
}

#home .nav-row {
    padding: 40px 60px;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

#home .nav-row .anchor {
    color: #fff!important;
    width: 270px;
    height: 165px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    border-radius: 13px;
    text-shadow: 0 1px 2px #070707;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    -webkit-transition: border 150ms ease-out, text-decoration 150ms ease-out, box-shadow 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: border 150ms ease-out, text-decoration 150ms ease-out, box-shadow 150ms ease-out, transform 150ms ease-out
}

#home .nav-row .anchor:hover {
    border: 2px outset silver;
    text-decoration: none;
    box-shadow: 0 3px 12px #000;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

#home .nav-row .grants-anchor {
    background: url(/client/manage/assets/img/v2/buttons/capitol_building.png) no-repeat center center;
    background-size: cover
}

#home .nav-row .tools-anchor {
    background: url(/client/manage/assets/img/v2/buttons/supreme_court.png) no-repeat center center;
    background-size: cover
}

#home .nav-row .judges-anchor {
    background: url(/client/manage/assets/img/v2/buttons/monument.png) no-repeat center center;
    background-size: cover
}

#home .icon-row {
    padding: 50px 20px;
    -webkit-box-pack: space-around;
    -ms-flex-pack: space-around;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

#home .icon-row .btn-usafp {
    height: 135px;
    width: 139px;
    text-shadow: none;
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11pt
}

#home .icon-row .btn-usafp .btn-icon {
    padding: 10px 0;
    color: #fff
}

#home .icon-row .btn-usafp .btn-small-text {
    margin-top: 15px;
    color: #AEB8E7;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 10px
}

#home .browser-text {
    padding: 10px;
    color: red;
    text-shadow: 0 1px 2px #070707
}

#portal {
    background-color: #E8ECEB;
    width: 100%
}

#portal a:focus {
    outline: 0
}

#portal .container.portal-container {
    width: 100%
}

#portal .btn-flat {
    border-width: 1px 1px 2px;
    border-radius: 3px
}

#portal .admin-header {
    -webkit-box-flex: 0 0 55px;
    -webkit-flex: 0 0 55px;
    -moz-flex: 0 0 55px;
    -ms-flex: 0 0 55px;
    flex: 0 0 55px;
    padding: 2px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background-color: #3693cf;
    border-bottom: 4px solid silver
}

#portal .admin-header .btn-wrapper {
    margin-right: 75px
}

#portal .head-text {
    margin-bottom: 0;
    margin-left: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    text-shadow: 0 1px 2px #070707
}

#portal .nav-logo {
    padding: 5px;
    -webkit-box-flex: .01;
    -webkit-flex-grow: .01;
    -moz-flex-grow: .01;
    -ms-flex-positive: .01;
    flex-grow: .01;
    width: 35px;
    height: 50px
}

#portal .bold {
    font-weight: 700
}

#portal .grid {
    min-height: 400px;
    border: 1px solid #eee
}

#portal .nav-row {
    background-color: #f6f6f8;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

#portal .nav-row .nav {
    margin-right: 20px
}

#portal .panel-body {
    padding: 0
}

#portal .flex-row-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    background-color: #3693cf;
    border-radius: 0 4px 0 0;
    border: 1px solid #3693cf;
    height: 50px;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

#portal .svc-found {
    color: rgba(51, 54, 63, .8);
    font-weight: 700;
    margin: 10px 0
}

#portal .portal-body {
    padding: 20px
}

#portal .nav-tabs {
    border-bottom: 1px solid transparent;
    margin-bottom: 0
}

#portal .nav-tabs>li {
    margin-bottom: -2px
}

#portal .nav-tabs>li>a {
    background: #f4f7f9;
    padding: 15px 30px;
    color: rgba(51, 54, 63, .8);
    border-radius: 4px 4px 0 0;
    margin-right: 2px;
    line-height: 1.42857;
    border: 1px solid #dde2e6;
    font-size: 16px
}

#portal .nav-tabs>li>a.active {
    color: #fff;
    border-bottom-color: transparent;
    background-color: #3693cf
}

#portal .nav-tabs>li>a.active:hover {
    border-bottom-color: transparent;
    color: #fff
}

#portal .nav-tabs>li>a:hover {
    color: #3693cf
}

#portal .content {
    background-color: #fff;
    border-left: 1px solid #dde2e6;
    border-right: 1px solid #dde2e6;
    border-bottom: 1px solid #dde2e6;
    border-radius: 4px;
    position: relative;
    z-index: 100;
    box-shadow: 0 -1px 5px 0 #ccc
}

#portal .nav-pills {
    padding: 5px
}

#portal .nav-pills>li>a {
    font-size: 13px;
    font-weight: 700;
    color: #fff
}

#portal .nav-pills>li>a:hover {
    background-color: #fff;
    color: #3693cf
}

#portal .nav-pills>li.active>a {
    background-color: #fff;
    color: #3693cf
}

#portal .v2-view {
    background-color: #fff;
    box-shadow: 0 -7px 8px -5px #3A3A3A;
    border-radius: 0 0 4px 4px;
    padding: 20px;
    -webkit-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

#portal .flex-row-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    min-height: 50px;
    -webkit-box-flex: 0 0 50px;
    -webkit-flex: 0 0 50px;
    -moz-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

#portal .nav-tabs>li.selector {
    top: 52px;
    -webkit-transition: top .2s linear;
    transition: top .2s linear
}

#portal .nav-tabs>li.selector.show>a.active {
    background-color: #3693cf;
    color: #fff;
    text-shadow: 0 1px 2px #070707;
    font-weight: 700
}

#portal .nav-tabs>li.selector.show {
    top: 0
}

#portal .ui-grid-cell-contents {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

#portal .ui-grid-cell-contents>span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#portal .ui-grid-cell-contents.centered>.as-row-align {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    height: 80%;
    width: 60%
}

#portal .ui-grid-row-selected .ui-grid-cell {
    background-color: #D6F3F9!important
}

#portal .ui-grid-row-header-cell>.ui-grid-cell-contents {
    color: #007088!important
}

#portal .label {
    font-size: 100%!important
}

#portal .ui-grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    min-width: 0
}

#portal .ui-grid-cell-contents.centered {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

#portal .dropdown-menu {
    min-width: 160px
}

#portal .as-row.end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

#portal .score-sheet-bg,
#portal .statistician-bg {
    white-space: normal;
    background: #4A90E2;
    color: #fff;
    height: 95%;
    width: 95%;
    border-radius: 2px;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNTA4ODc3IiB5MT0iLTAuMDA4NTczIiB4Mj0iMC40OTExMjMiIHkyPSIxLjAwODU3MyI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
    background-size: 100%;
    background-image: -webkit-linear-gradient(269deg, rgba(255, 255, 255, .25) 0, rgba(0, 0, 0, .06) 100%);
    background-image: linear-gradient(-179deg, rgba(255, 255, 255, .25) 0, rgba(0, 0, 0, .06) 100%);
    text-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    cursor: pointer
}

#portal .score-sheet-bg:hover,
#portal .statistician-bg:hover {
    background-color: #396496;
    color: #fff
}

#portal .score-sheet-bg:focus,
#portal .statistician-bg:focus {
    color: #fff
}

#portal .score-sheet-bg.inactive {
    display: none
}

#portal .statistician-bg.inactive {
    display: none
}

#portal .statistician-bg {
    padding: 8px 10px 10px 3px;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 8px
}

#portal .score-sheet-bg {
    padding: 4px 10px 10px;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 9px
}

#portal .search-wrapper {
    margin-right: 10px
}

#portal .ui-grid-viewport {
    background-color: #fff
}

#portal-abstracts .search-wrapper .form-control {
    width: 250px;
    margin-left: 20px
}

#portal-abstracts .search-wrapper .btn-usafp5 {
    width: 80px
}

#portal-written,
#portal-abstracts,
#portal-stat {
    height: 100%
}

#portal-written .fa-file-text-o,
#portal-abstracts .fa-file-text-o,
#portal-stat .fa-file-text-o {
    font-size: 19px
}

#portal-written .fa-eye,
#portal-abstracts .fa-eye,
#portal-stat .fa-eye {
    font-size: 14px
}

#portal-written .ui-grid-cell-contents.total-score,
#portal-abstracts .ui-grid-cell-contents.total-score,
#portal-stat .ui-grid-cell-contents.total-score {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

#portal-written .ui-grid-cell-contents.total-score>span,
#portal-abstracts .ui-grid-cell-contents.total-score>span,
#portal-stat .ui-grid-cell-contents.total-score>span {
    color: maroon;
    font-size: 20px
}

#portal-written .flex-row-1,
#portal-abstracts .flex-row-1,
#portal-stat .flex-row-1 {
    -webkit-box-flex: 0 0 50px;
    -webkit-flex: 0 0 50px;
    -moz-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

#portal-written .no-display,
#portal-abstracts .no-display,
#portal-stat .no-display {
    display: hidden
}

#portal-written .ui-grid-cell-contents.centered.action-cell,
#portal-abstracts .ui-grid-cell-contents.centered.action-cell,
#portal-stat .ui-grid-cell-contents.centered.action-cell {
    padding: 0
}

#portal-written .ui-grid-cell-contents.centered.action-cell>.flex-1,
#portal-abstracts .ui-grid-cell-contents.centered.action-cell>.flex-1,
#portal-stat .ui-grid-cell-contents.centered.action-cell>.flex-1 {
    height: 100%
}

#recuse-modal .close {
    color: #000!important
}

#recuse-modal .modal-body {
    padding: 4px 15px
}

#recuse-modal .modal-footer>.btn-flat {
    margin-left: 8px
}

#recuse-modal .alert-danger {
    margin-bottom: 0!important
}

#portal-posters,
#portal-podium,
#portal-abstracts {
    height: 100%
}

#portal-posters .flex-row-1,
#portal-podium .flex-row-1,
#portal-abstracts .flex-row-1 {
    -webkit-box-flex: 0 0 50px;
    -webkit-flex: 0 0 50px;
    -moz-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

#portal-posters .ui-grid-cell-contents.icon-header,
#portal-podium .ui-grid-cell-contents.icon-header,
#portal-abstracts .ui-grid-cell-contents.icon-header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

#portal-posters .ui-grid-cell-contents.centered.action-cell,
#portal-podium .ui-grid-cell-contents.centered.action-cell,
#portal-abstracts .ui-grid-cell-contents.centered.action-cell {
    padding: 2px
}

#portal-posters .ui-grid-cell-contents.centered.action-cell>.flex-1,
#portal-podium .ui-grid-cell-contents.centered.action-cell>.flex-1,
#portal-abstracts .ui-grid-cell-contents.centered.action-cell>.flex-1 {
    height: 100%
}

#portal-posters .no-display,
#portal-podium .no-display,
#portal-abstracts .no-display {
    display: hidden
}

#portal-posters .ui-grid-cell-contents.total-score,
#portal-podium .ui-grid-cell-contents.total-score,
#portal-abstracts .ui-grid-cell-contents.total-score {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

#portal-posters .ui-grid-cell-contents.total-score>span,
#portal-podium .ui-grid-cell-contents.total-score>span,
#portal-abstracts .ui-grid-cell-contents.total-score>span {
    color: maroon;
    font-size: 20px
}

#portal-posters .ui-grid-cell-contents,
#portal-podium .ui-grid-cell-contents,
#portal-abstracts .ui-grid-cell-contents {
    cursor: pointer
}

#portal-posters .ui-grid-cell-contents>.score-submission,
#portal-podium .ui-grid-cell-contents>.score-submission,
#portal-abstracts .ui-grid-cell-contents>.score-submission {
    height: 100%;
    text-align: center;
    width: 100%;
    color: #00A300;
    background-color: transparent
}

#portal-posters .ui-grid-cell-contents>.full-view,
#portal-podium .ui-grid-cell-contents>.full-view,
#portal-abstracts .ui-grid-cell-contents>.full-view {
    height: 100%;
    text-align: center;
    width: 100%;
    color: #8e8e8e;
    background-color: transparent
}

#portal-posters .ui-grid-cell-contents>.poster-file,
#portal-podium .ui-grid-cell-contents>.poster-file,
#portal-abstracts .ui-grid-cell-contents>.poster-file {
    height: 100%;
    text-align: center;
    width: 100%;
    color: #ff7043;
    background-color: transparent
}

#portal-posters .ui-grid-cell-contents>.written-file,
#portal-podium .ui-grid-cell-contents>.written-file,
#portal-abstracts .ui-grid-cell-contents>.written-file {
    height: 100%;
    text-align: center;
    width: 100%;
    color: #ff4848;
    background-color: transparent
}

#portal-posters .ui-grid-cell-contents>.statistician-comments,
#portal-podium .ui-grid-cell-contents>.statistician-comments,
#portal-abstracts .ui-grid-cell-contents>.statistician-comments {
    height: 100%;
    text-align: center;
    width: 100%;
    color: navy;
    background-color: transparent
}

#portal-posters .ui-grid-cell-contents>.score-sheet-cell,
#portal-podium .ui-grid-cell-contents>.score-sheet-cell,
#portal-abstracts .ui-grid-cell-contents>.score-sheet-cell {
    height: 100%;
    text-align: center;
    width: 100%;
    color: #00796b;
    background-color: transparent
}

#portal-posters .ui-grid-cell-contents>.wpss-cell,
#portal-podium .ui-grid-cell-contents>.wpss-cell,
#portal-abstracts .ui-grid-cell-contents>.wpss-cell {
    height: 100%;
    text-align: center;
    width: 100%;
    color: #5bc0de;
    background-color: transparent
}

#portal-posters .ui-grid-cell-contents.action-cell,
#portal-podium .ui-grid-cell-contents.action-cell,
#portal-abstracts .ui-grid-cell-contents.action-cell {
    font-size: 19px
}

#portal-posters .ui-grid-cell-contents.action-cell>.score-submission:hover,
#portal-podium .ui-grid-cell-contents.action-cell>.score-submission:hover,
#portal-abstracts .ui-grid-cell-contents.action-cell>.score-submission:hover {
    color: #fff;
    background-color: #00A300
}

#portal-posters .ui-grid-cell-contents.action-cell>.full-view:hover,
#portal-podium .ui-grid-cell-contents.action-cell>.full-view:hover,
#portal-abstracts .ui-grid-cell-contents.action-cell>.full-view:hover {
    color: #fff;
    background-color: #8e8e8e
}

#portal-posters .ui-grid-cell-contents.action-cell>.poster-file:hover,
#portal-podium .ui-grid-cell-contents.action-cell>.poster-file:hover,
#portal-abstracts .ui-grid-cell-contents.action-cell>.poster-file:hover {
    color: #fff;
    background-color: #ff7043
}

#portal-posters .ui-grid-cell-contents.action-cell>.written-file:hover,
#portal-podium .ui-grid-cell-contents.action-cell>.written-file:hover,
#portal-abstracts .ui-grid-cell-contents.action-cell>.written-file:hover {
    color: #fff;
    background-color: #ff4848
}

#portal-posters .ui-grid-cell-contents.action-cell>.statistician-comments:hover,
#portal-podium .ui-grid-cell-contents.action-cell>.statistician-comments:hover,
#portal-abstracts .ui-grid-cell-contents.action-cell>.statistician-comments:hover {
    color: #fff;
    background-color: navy
}

#portal-posters .ui-grid-cell-contents.action-cell>.score-sheet-cell:hover,
#portal-podium .ui-grid-cell-contents.action-cell>.score-sheet-cell:hover,
#portal-abstracts .ui-grid-cell-contents.action-cell>.score-sheet-cell:hover {
    color: #fff;
    background-color: #00796b
}

#portal-posters .ui-grid-cell-contents.action-cell>.wpss-cell:hover,
#portal-podium .ui-grid-cell-contents.action-cell>.wpss-cell:hover,
#portal-abstracts .ui-grid-cell-contents.action-cell>.wpss-cell:hover {
    color: #fff;
    background-color: #5bc0de
}

#portal-posters .icon-header.score,
#portal-podium .icon-header.score,
#portal-abstracts .icon-header.score {
    text-align: center;
    background-color: #00A300
}

#portal-posters .icon-header.poster,
#portal-podium .icon-header.poster,
#portal-abstracts .icon-header.poster {
    text-align: center;
    background-color: #ff7043
}

#portal-posters .icon-header.comments,
#portal-podium .icon-header.comments,
#portal-abstracts .icon-header.comments {
    text-align: center;
    background-color: navy
}

#portal-posters .icon-header.score-sheet,
#portal-podium .icon-header.score-sheet,
#portal-abstracts .icon-header.score-sheet {
    text-align: center;
    background-color: #00796b
}

#portal-posters .icon-header.wpss,
#portal-podium .icon-header.wpss,
#portal-abstracts .icon-header.wpss {
    text-align: center;
    background-color: #5bc0de
}

#portal-posters .icon-header.written,
#portal-podium .icon-header.written,
#portal-abstracts .icon-header.written {
    text-align: center;
    background-color: #ff4848
}

#portal-posters .icon-header.view,
#portal-podium .icon-header.view,
#portal-abstracts .icon-header.view {
    text-align: center;
    background-color: #8e8e8e
}

#portal-posters .icon-header.view .full-view,
#portal-podium .icon-header.view .full-view,
#portal-abstracts .icon-header.view .full-view {
    color: #fff
}

#portal-posters .icon-header .score-sheet-cell,
#portal-posters .icon-header .statistician-comments,
#portal-posters .icon-header .score-submission,
#portal-posters .icon-header .poster-file,
#portal-posters .icon-header .written-file,
#portal-posters .icon-header .wpss-cell,
#portal-podium .icon-header .score-sheet-cell,
#portal-podium .icon-header .statistician-comments,
#portal-podium .icon-header .score-submission,
#portal-podium .icon-header .poster-file,
#portal-podium .icon-header .written-file,
#portal-podium .icon-header .wpss-cell,
#portal-abstracts .icon-header .score-sheet-cell,
#portal-abstracts .icon-header .statistician-comments,
#portal-abstracts .icon-header .score-submission,
#portal-abstracts .icon-header .poster-file,
#portal-abstracts .icon-header .written-file,
#portal-abstracts .icon-header .wpss-cell {
    color: #fff
}

#score-poster .abs-info-row,
#score-podium .abs-info-row,
#stat-comments .abs-info-row,
#score-written .abs-info-row,
#score-abstract .abs-info-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-flex: 0 0 54px;
    -webkit-flex: 0 0 54px;
    -moz-flex: 0 0 54px;
    -ms-flex: 0 0 54px;
    flex: 0 0 54px
}

#score-poster .abs-info-row>div,
#score-podium .abs-info-row>div,
#stat-comments .abs-info-row>div,
#score-written .abs-info-row>div,
#score-abstract .abs-info-row>div {
    padding: 5px;
    border: 2px inset grey;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#score-poster .abs-info-row.title>div,
#score-podium .abs-info-row.title>div,
#stat-comments .abs-info-row.title>div,
#score-written .abs-info-row.title>div,
#score-abstract .abs-info-row.title>div {
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    border: 1px solid;
    margin-bottom: 0!important
}

#score-poster .abs-info-row.title>div>span,
#score-podium .abs-info-row.title>div>span,
#stat-comments .abs-info-row.title>div>span,
#score-written .abs-info-row.title>div>span,
#score-abstract .abs-info-row.title>div>span {
    margin-right: 10px
}

#score-poster .btn-wrapper,
#score-podium .btn-wrapper,
#stat-comments .btn-wrapper,
#score-written .btn-wrapper,
#score-abstract .btn-wrapper {
    margin-right: 5px
}

#score-poster .score-actions,
#score-podium .score-actions,
#stat-comments .score-actions,
#score-written .score-actions,
#score-abstract .score-actions {
    -webkit-box-flex: 0 0 50px;
    -webkit-flex: 0 0 50px;
    -moz-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background-color: #3693cf
}

#score-poster .score-actions .btn,
#score-podium .score-actions .btn,
#stat-comments .score-actions .btn,
#score-written .score-actions .btn,
#score-abstract .score-actions .btn {
    min-width: 83px
}

#score-poster .score-col,
#score-poster .content-col,
#score-podium .score-col,
#score-podium .content-col,
#stat-comments .score-col,
#stat-comments .content-col,
#score-written .score-col,
#score-written .content-col,
#score-abstract .score-col,
#score-abstract .content-col {
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    background: #fff
}

#score-poster .content-col,
#score-podium .content-col,
#stat-comments .content-col,
#score-written .content-col,
#score-abstract .content-col {
    border-left: 3px solid maroon
}

#score-poster .content-border,
#score-podium .content-border,
#stat-comments .content-border,
#score-written .content-border,
#score-abstract .content-border {
    padding: 20px
}

#score-poster .score-col,
#score-podium .score-col,
#stat-comments .score-col,
#score-written .score-col,
#score-abstract .score-col {
    margin: 0 10px 0 0
}

#score-poster .score-border,
#score-podium .score-border,
#stat-comments .score-border,
#score-written .score-border,
#score-abstract .score-border {
    padding: 0
}

#score-poster .btn-margin,
#score-podium .btn-margin,
#stat-comments .btn-margin,
#score-written .btn-margin,
#score-abstract .btn-margin {
    margin-bottom: 5px
}

#score-poster .ss-total>div,
#score-podium .ss-total>div,
#stat-comments .ss-total>div,
#score-written .ss-total>div,
#score-abstract .ss-total>div {
    margin-left: 20px;
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    text-shadow: 0 1px 2px #070707
}

#score-poster #dual-score .guide-text,
#score-poster #case-score .guide-text,
#score-podium #dual-score .guide-text,
#score-podium #case-score .guide-text,
#stat-comments #dual-score .guide-text,
#stat-comments #case-score .guide-text,
#score-written #dual-score .guide-text,
#score-written #case-score .guide-text,
#score-abstract #dual-score .guide-text,
#score-abstract #case-score .guide-text {
    color: #000;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 10pt
}

#score-poster #dual-score .wrapper,
#score-poster #case-score .wrapper,
#score-podium #dual-score .wrapper,
#score-podium #case-score .wrapper,
#stat-comments #dual-score .wrapper,
#stat-comments #case-score .wrapper,
#score-written #dual-score .wrapper,
#score-written #case-score .wrapper,
#score-abstract #dual-score .wrapper,
#score-abstract #case-score .wrapper {
    margin: 5px 0
}

#score-poster #dual-score .wrapper>h4,
#score-poster #case-score .wrapper>h4,
#score-podium #dual-score .wrapper>h4,
#score-podium #case-score .wrapper>h4,
#stat-comments #dual-score .wrapper>h4,
#stat-comments #case-score .wrapper>h4,
#score-written #dual-score .wrapper>h4,
#score-written #case-score .wrapper>h4,
#score-abstract #dual-score .wrapper>h4,
#score-abstract #case-score .wrapper>h4 {
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 14pt;
    color: #000;
    margin: 0
}

#score-poster #dual-score .table-bordered,
#score-poster #case-score .table-bordered,
#score-podium #dual-score .table-bordered,
#score-podium #case-score .table-bordered,
#stat-comments #dual-score .table-bordered,
#stat-comments #case-score .table-bordered,
#score-written #dual-score .table-bordered,
#score-written #case-score .table-bordered,
#score-abstract #dual-score .table-bordered,
#score-abstract #case-score .table-bordered {
    font-size: 10px
}

#score-poster #dual-score .row,
#score-poster #case-score .row,
#score-podium #dual-score .row,
#score-podium #case-score .row,
#stat-comments #dual-score .row,
#stat-comments #case-score .row,
#score-written #dual-score .row,
#score-written #case-score .row,
#score-abstract #dual-score .row,
#score-abstract #case-score .row {
    margin: 0!important
}

#score-poster #dual-score .col-sm-12,
#score-poster #case-score .col-sm-12,
#score-podium #dual-score .col-sm-12,
#score-podium #case-score .col-sm-12,
#stat-comments #dual-score .col-sm-12,
#stat-comments #case-score .col-sm-12,
#score-written #dual-score .col-sm-12,
#score-written #case-score .col-sm-12,
#score-abstract #dual-score .col-sm-12,
#score-abstract #case-score .col-sm-12 {
    padding: 0!important
}

#score-poster #dual-score .col-sm-12.instructions,
#score-poster #case-score .col-sm-12.instructions,
#score-podium #dual-score .col-sm-12.instructions,
#score-podium #case-score .col-sm-12.instructions,
#stat-comments #dual-score .col-sm-12.instructions,
#stat-comments #case-score .col-sm-12.instructions,
#score-written #dual-score .col-sm-12.instructions,
#score-written #case-score .col-sm-12.instructions,
#score-abstract #dual-score .col-sm-12.instructions,
#score-abstract #case-score .col-sm-12.instructions {
    margin-bottom: 10px
}

#score-written .alert-success,
#score-podium .alert-success,
#score-poster .alert-success {
    opacity: 1;
    color: #34495e;
    background-color: transparent;
    text-shadow: 0 1px 1px rgba(7, 7, 7, .36);
    border-radius: 0;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0;
    width: 100%;
    text-align: left;
    text-decoration: underline
}

#score-written .as-column.content-col>.wrapper,
#score-podium .as-column.content-col>.wrapper,
#score-poster .as-column.content-col>.wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

#score-written .as-column.content-col>.wrapper>iframe,
#score-podium .as-column.content-col>.wrapper>iframe,
#score-poster .as-column.content-col>.wrapper>iframe {
    width: 100%
}

#score-written .ss-total>div,
#score-podium .ss-total>div,
#score-poster .ss-total>div {
    margin-left: 20px;
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #fff;
    text-shadow: 0 1px 2px #070707
}

#score-written .score-col,
#score-written .content-col,
#score-podium .score-col,
#score-podium .content-col,
#score-poster .score-col,
#score-poster .content-col {
    -webkit-transition: -webkit-box-flex .1s linear;
    -webkit-transition: -webkit-flex .1s linear;
    transition: -webkit-box-flex .1s linear;
    transition: -ms-flex .1s linear;
    transition: flex .1s linear
}

#score-written .score-col .assigned-score,
#score-written .content-col .assigned-score,
#score-podium .score-col .assigned-score,
#score-podium .content-col .assigned-score,
#score-poster .score-col .assigned-score,
#score-poster .content-col .assigned-score {
    padding: 0!important
}

#score-written .score-col.shrink,
#score-podium .score-col.shrink,
#score-poster .score-col.shrink {
    -webkit-box-flex: .4;
    -webkit-flex: .4;
    -moz-flex: .4;
    -ms-flex: .4;
    flex: .4
}

#score-written .score-col.shrink .rating-header,
#score-podium .score-col.shrink .rating-header,
#score-poster .score-col.shrink .rating-header {
    font-size: 11px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#score-written .score-col.shrink .score-description,
#score-podium .score-col.shrink .score-description,
#score-poster .score-col.shrink .score-description {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

#score-written .score-col.shrink .assigned-score,
#score-podium .score-col.shrink .assigned-score,
#score-poster .score-col.shrink .assigned-score {
    font-size: 211%
}

#score-written .score-col.shrink .btn.btn-ion.btn-success,
#score-podium .score-col.shrink .btn.btn-ion.btn-success,
#score-poster .score-col.shrink .btn.btn-ion.btn-success {
    font-size: 11px
}

#score-written .score-col,
#score-podium .score-col,
#score-poster .score-col {
    margin: 0
}

#ss-written-dual,
#ss-written-case,
#ss-abstracts-case,
#ss-abstracts-dual,
#dual-score,
#case-score {
    padding: 5px
}

#ss-written-dual .panel-group .panel,
#ss-written-case .panel-group .panel,
#ss-abstracts-case .panel-group .panel,
#ss-abstracts-dual .panel-group .panel,
#dual-score .panel-group .panel,
#case-score .panel-group .panel {
    border-radius: 0
}

#ss-written-dual .panel-group .panel+.panel,
#ss-written-case .panel-group .panel+.panel,
#ss-abstracts-case .panel-group .panel+.panel,
#ss-abstracts-dual .panel-group .panel+.panel,
#dual-score .panel-group .panel+.panel,
#case-score .panel-group .panel+.panel {
    margin-top: 0!important
}

#ss-written-dual .panel-heading,
#ss-written-case .panel-heading,
#ss-abstracts-case .panel-heading,
#ss-abstracts-dual .panel-heading,
#dual-score .panel-heading,
#case-score .panel-heading {
    border-radius: 0;
    padding: 0
}

#ss-written-dual .accordion-toggle,
#ss-written-case .accordion-toggle,
#ss-abstracts-case .accordion-toggle,
#ss-abstracts-dual .accordion-toggle,
#dual-score .accordion-toggle,
#case-score .accordion-toggle {
    text-decoration: none
}

#ss-written-dual .accordion-toggle:hover,
#ss-written-case .accordion-toggle:hover,
#ss-abstracts-case .accordion-toggle:hover,
#ss-abstracts-dual .accordion-toggle:hover,
#dual-score .accordion-toggle:hover,
#case-score .accordion-toggle:hover {
    text-decoration: none
}

#ss-written-dual .score-sheet-head,
#ss-written-case .score-sheet-head,
#ss-abstracts-case .score-sheet-head,
#ss-abstracts-dual .score-sheet-head,
#dual-score .score-sheet-head,
#case-score .score-sheet-head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

#ss-written-dual .score-sheet-head>.as-row-align,
#ss-written-case .score-sheet-head>.as-row-align,
#ss-abstracts-case .score-sheet-head>.as-row-align,
#ss-abstracts-dual .score-sheet-head>.as-row-align,
#dual-score .score-sheet-head>.as-row-align,
#case-score .score-sheet-head>.as-row-align {
    padding: 10px 0
}

#ss-written-dual .area-title,
#ss-written-case .area-title,
#ss-abstracts-case .area-title,
#ss-abstracts-dual .area-title,
#dual-score .area-title,
#case-score .area-title {
    font-weight: 400;
    font-size: 20px
}

#ss-written-dual .fa-arrow-circle-down,
#ss-written-case .fa-arrow-circle-down,
#ss-abstracts-case .fa-arrow-circle-down,
#ss-abstracts-dual .fa-arrow-circle-down,
#dual-score .fa-arrow-circle-down,
#case-score .fa-arrow-circle-down {
    font-size: 30px;
    margin-left: 5px;
    -webkit-transition: -webkit-transform .2s linear, color .2s linear;
    transition: transform .2s linear, color .2s linear
}

#ss-written-dual .as-row-align.fa-rotate .fa-arrow-circle-down,
#ss-written-case .as-row-align.fa-rotate .fa-arrow-circle-down,
#ss-abstracts-case .as-row-align.fa-rotate .fa-arrow-circle-down,
#ss-abstracts-dual .as-row-align.fa-rotate .fa-arrow-circle-down,
#dual-score .as-row-align.fa-rotate .fa-arrow-circle-down,
#case-score .as-row-align.fa-rotate .fa-arrow-circle-down {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #2ecc71
}

#ss-written-dual .title-desc,
#ss-written-case .title-desc,
#ss-abstracts-case .title-desc,
#ss-abstracts-dual .title-desc,
#dual-score .title-desc,
#case-score .title-desc {
    font-weight: 300;
    font-size: 14px
}

#ss-written-dual .rating-header,
#ss-written-case .rating-header,
#ss-abstracts-case .rating-header,
#ss-abstracts-dual .rating-header,
#dual-score .rating-header,
#case-score .rating-header {
    font-weight: 700;
    padding: 10px;
    text-align: center;
    border: 1px solid silver;
    -webkit-transition: font-size .2s linear;
    transition: font-size .2s linear;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#ss-written-dual .score-description,
#ss-written-case .score-description,
#ss-abstracts-case .score-description,
#ss-abstracts-dual .score-description,
#dual-score .score-description,
#case-score .score-description {
    padding: 5px;
    border: 1px solid silver;
    font-size: 13px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#ss-written-dual .assigned-score,
#ss-written-case .assigned-score,
#ss-abstracts-case .assigned-score,
#ss-abstracts-dual .assigned-score,
#dual-score .assigned-score,
#case-score .assigned-score {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    font-size: 340%;
    padding-top: 7px;
    width: 13%;
    color: #fff;
    background-color: #2ecc71;
    text-align: center
}

#ss-written-dual .section-head,
#ss-written-case .section-head,
#ss-abstracts-case .section-head,
#ss-abstracts-dual .section-head,
#dual-score .section-head,
#case-score .section-head {
    margin-left: 20px
}

#ss-written-dual .btn-ion,
#ss-written-case .btn-ion,
#ss-abstracts-case .btn-ion,
#ss-abstracts-dual .btn-ion,
#dual-score .btn-ion,
#case-score .btn-ion {
    border-width: 1px!important;
    border-radius: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#ss-written-dual .btn.btn-ion.btn-success.active,
#ss-written-dual .btn.btn-ion.btn-success:active,
#ss-written-case .btn.btn-ion.btn-success.active,
#ss-written-case .btn.btn-ion.btn-success:active,
#ss-abstracts-case .btn.btn-ion.btn-success.active,
#ss-abstracts-case .btn.btn-ion.btn-success:active,
#ss-abstracts-dual .btn.btn-ion.btn-success.active,
#ss-abstracts-dual .btn.btn-ion.btn-success:active,
#dual-score .btn.btn-ion.btn-success.active,
#dual-score .btn.btn-ion.btn-success:active,
#case-score .btn.btn-ion.btn-success.active,
#case-score .btn.btn-ion.btn-success:active {
    box-shadow: inset 7px 8px 8px rgba(0, 0, 0, .125)
}

#ss-written-dual .section-body>.as-row,
#ss-written-case .section-body>.as-row,
#ss-abstracts-case .section-body>.as-row,
#ss-abstracts-dual .section-body>.as-row,
#dual-score .section-body>.as-row,
#case-score .section-body>.as-row {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch
}

@media (max-width:1100px) {
    #ss-written-dual .rating-header,
    #ss-written-case .rating-header,
    #ss-abstracts-case .rating-header,
    #ss-abstracts-dual .rating-header,
    #dual-score .rating-header,
    #case-score .rating-header {
        font-size: 10px
    }
    #ss-written-dual .score-description,
    #ss-written-case .score-description,
    #ss-abstracts-case .score-description,
    #ss-abstracts-dual .score-description,
    #dual-score .score-description,
    #case-score .score-description {
        font-size: 12px
    }
    #ss-written-dual .title-desc,
    #ss-written-case .title-desc,
    #ss-abstracts-case .title-desc,
    #ss-abstracts-dual .title-desc,
    #dual-score .title-desc,
    #case-score .title-desc {
        font-size: 12px
    }
}

#score-abstract .alert-success {
    opacity: 1;
    color: #34495e;
    background-color: transparent;
    text-shadow: 0 1px 1px rgba(7, 7, 7, .36);
    border-radius: 0;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    margin-bottom: 0;
    width: 100%;
    text-align: left;
    text-decoration: underline
}

#portal-view,
#comments {
    padding: 20px
}

#portal-view .alert-success,
#comments .alert-success {
    opacity: 1;
    color: #fff;
    background-color: #2ecc71;
    text-shadow: 0 1px 3px rgba(7, 7, 7, .68);
    border-radius: 13px;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    margin-bottom: 15px
}

#portal-view .actions,
#comments .actions {
    height: 50px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    background-color: #3693cf;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

#portal-view .btn-wrapper,
#comments .btn-wrapper {
    margin-right: 5px
}

#portal-view .btn-wrapper .btn-flat.btn-success,
#comments .btn-wrapper .btn-flat.btn-success {
    min-width: 80px
}

#portal-view .flex-1,
#comments .flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#portal-view .flex-3,
#comments .flex-3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -moz-flex: 3;
    -ms-flex: 3;
    flex: 3
}

#portal-view .wrapper,
#comments .wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center
}

#portal-view .wrapper>iframe,
#comments .wrapper>iframe {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#portal-view .content-row,
#comments .content-row {
    padding: 20px
}

#portal-view .fa-thumbs-o-up,
#comments .fa-thumbs-o-up {
    color: #fff;
    font-size: 14px;
    margin-left: 3px
}

#portal-view .comments-section,
#comments .comments-section {
    margin-right: 10px
}

#portal-view .comments-content,
#comments .comments-content {
    padding-left: 10px;
    border-left: 2px solid #000
}

#stat-comments .alert.alert-success,
#portal-stat .alert.alert-success {
    opacity: 1;
    color: #fff;
    background-color: #34495e;
    text-shadow: 0 1px 6px #070707;
    border-radius: 13px;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 15px
}

#stat-comments .as-column.content-col>.wrapper,
#portal-stat .as-column.content-col>.wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

#stat-comments .as-column.content-col>.wrapper>iframe,
#portal-stat .as-column.content-col>.wrapper>iframe {
    width: 100%
}

#stat-comments .score-col,
#portal-stat .score-col {
    margin: 0
}

#stat-comments .flex-mod,
#portal-stat .flex-mod {
    -webkit-box-flex: .5;
    -webkit-flex: .5;
    -moz-flex: .5;
    -ms-flex: .5;
    flex: .5
}

#stat-comments .btn-raised,
#portal-stat .btn-raised {
    margin-right: 10px
}

.ui-grid-cell-contents.vetted {
    background-color: #4169e1;
    font-weight: 700;
    color: #fff
}

.ui-grid-cell-contents.check-mate {
    padding: 0
}

.ui-grid-cell-contents.check-mate .oh-my-goodness {
    text-align: center;
    width: 100%;
    background-color: rgba(0, 128, 17, .69)
}

.ui-grid-cell-contents.check-mate .fa-check {
    color: #fff;
    font-size: 30px
}

#mentors-toolbox {
    padding: 0 30px
}

#mentors-toolbox .main-content {
    background-color: #fff
}

#mentors-toolbox .toolbox-li {
    margin: 10px 0;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11pt
}

#research-tools {
    padding: 0 30px
}

#research-tools .main-content {
    background-color: #fff
}

#research-tools .form-pad>.as-row {
    padding: 0 35px
}

#research-tools .panel-usafp {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    height: 430px;
    border: 1px solid #395067;
    border-radius: 0
}

#research-tools .panel-usafp.left {
    margin-right: 15px
}

#research-tools .panel-usafp.right {
    margin-left: 15px
}

#research-tools .panel-usafp .panel-heading {
    background-color: #395067;
    border-radius: 0;
    -webkit-box-flex: 0 0 53px;
    -webkit-flex: 0 0 53px;
    -moz-flex: 0 0 53px;
    -ms-flex: 0 0 53px;
    flex: 0 0 53px
}

#research-tools .panel-usafp .panel-title {
    padding: 5px;
    text-align: center;
    color: #fff;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

#research-tools .panel-usafp .flex-row.section {
    padding: 5px 10px;
    background-color: #dbdbdb;
    color: #395077;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11pt
}

#research-tools .panel-usafp .panel-body {
    padding: 0;
    position: relative;
    overflow: auto
}

#research-tools .panel-usafp .toolbox-li {
    margin: 10px 0;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11pt
}

#research-tools .journal-links {
    opacity: 1;
    height: 300px;
    -webkit-transition: linear .1s all;
    transition: linear .1s all
}

#research-tools .journal-links.ng-hide-add,
#research-tools .journal-links.ng-hide-remove {
    display: block!important;
    height: 0;
    opacity: 0
}

#research-tools .journal-links.ng-hide-remove.ng-hide-remove-active {
    opacity: 0;
    height: 300px
}

#research-tools .journal-links.ng-hide-add {
    opacity: 1;
    height: 300px
}

#research-tools .journal-links.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    height: 0
}

#repository {
    padding: 0 30px
}

#repository .main-content {
    background-color: #fff
}

#repository .panel-usafp {
    border: 1px solid #b4172a;
    border-radius: 0
}

#repository .panel-usafp .panel-heading {
    background-color: #b4172a;
    border-radius: 0
}

#repository .panel-usafp .panel-title {
    padding: 5px;
    text-align: center;
    color: #fff;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

#repository .panel-usafp .flex-row {
    padding: 0 10px;
    background-color: #dbdbdb
}

#repository .panel-usafp .flex-row>p {
    color: #395077;
    margin: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11pt
}

#repository .panel-body {
    padding: 0
}

#repository .toolbox-li {
    margin: 10px 0;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11pt
}

#repository .repo-panel {
    opacity: 1;
    height: 300px;
    -webkit-transition: linear .3s all;
    transition: linear .3s all
}

#repository .repo-panel.ng-hide-add,
#repository .repo-panel.ng-hide-remove {
    display: block!important;
    height: 0;
    opacity: 0
}

#repository .repo-panel.ng-hide-remove.ng-hide-remove-active {
    opacity: 0;
    height: 300px
}

#repository .repo-panel.ng-hide-add {
    opacity: 1;
    height: 300px
}

#repository .repo-panel.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    height: 0
}

#criteria,
#examples {
    background-color: #fff
}

#guidelines {
    padding: 0
}

#guidelines .main-content {
    background-color: #fff
}

#guidelines .criteria-column {
    padding: 35px;
    background-color: #fff
}

#guidelines .comp-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    padding: 40px 0;
    background-color: #fff
}

#guidelines .comp-row .non-published {
    -webkit-box-flex: 1 0 0;
    -webkit-flex: 1 0 0;
    -moz-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    padding: 0 35px;
    border-right: 1px solid #ced5db
}

#guidelines .comp-row .prev-published {
    -webkit-box-flex: 1 0 0;
    -webkit-flex: 1 0 0;
    -moz-flex: 1 0 0;
    -ms-flex: 1 0 0;
    flex: 1 0 0;
    padding: 0 35px
}

#guidelines .red-rover {
    color: #b4172a;
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

#case-consent {
    padding: 0 30px
}

#case-consent .gen-header {
    -webkit-box-flex: 0 0 50px;
    -webkit-flex: 0 0 50px;
    -moz-flex: 0 0 50px;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px
}

#case-consent .main-content {
    background-color: #fff
}

#case-consent .consent-form {
    padding: 40px 35px;
    background-color: #fff
}

#case-consent .consent {
    color: #000
}

#case-consent .signatures {
    margin: 10px 0;
    padding: 20px;
    border: 1px solid #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

#case-guidelines .main-content,
#clinical-guidelines .main-content,
#educational-guidelines .main-content,
#case-example .main-content,
#clinical-example .main-content,
#educational-example .main-content,
#case-judge .main-content,
#clinical-judge .main-content,
#educational-judge .main-content,
#good .main-content,
#statistical .main-content {
    background-color: #fff
}

.ln-more {
    font-family: open-sans-italic, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

.btn-crumbs {
    padding-left: 0
}

.gen-header {
    background-color: #f6f6f8;
    min-height: 156px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.gen-header .btn-link {
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px
}

.gen-header .btn-link:hover {
    text-decoration: none
}

.gen-header .nav-row {
    padding: 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-flex: 0 0 45px;
    -webkit-flex: 0 0 45px;
    -moz-flex: 0 0 45px;
    -ms-flex: 0 0 45px;
    flex: 0 0 45px
}

.gen-header .view-name {
    padding: 0 10px;
    background-color: #4a90e2;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-flex: 0 0 70px;
    -webkit-flex: 0 0 70px;
    -moz-flex: 0 0 70px;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px
}

.gen-header .view-name>h1 {
    padding: 16px 0;
    margin-bottom: 0;
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 29px;
    color: #fff;
    text-shadow: 0 1px 2px #070707
}

.gen-header .sub-head {
    padding: 5px 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.gen-header .sub-head>h3 {
    padding: 10px 0;
    margin-bottom: 0;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #4a4a4a
}

.sub-head-two {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

.sub-head-two>h3 {
    padding: 10px 5px;
    margin-bottom: 0;
    color: #4a4a4a;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 17px
}

.ul-guideline {
    margin-bottom: 20px
}

.form-pad {
    padding: 40px 35px
}

.example-column {
    margin: 20px;
    padding: 20px;
    border: 1px solid grey
}

.preview-column {
    margin: 0;
    padding: 0
}

.judge-thead>th {
    padding: 5px
}

.judge-tr>td {
    padding: 10px
}

.td-bold {
    font-weight: 700
}

.indent {
    margin-left: 40px
}

.other-header {
    font-family: open-sans-light, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    color: #000
}

.form-pad {
    background-color: #fff
}

.example-column {
    background-color: #fff
}

#submit-abstracts {
    background-color: #fff
}

#submit-abstracts .gen-header .view-name {
    background-color: #113a72!important
}

#submit-abstracts .gen-header .btn-link {
    font-weight: 700;
    color: #77bd1e
}

#submit-abstracts .gen-header .btn-link:hover {
    text-decoration: none
}

#submit-abstracts .gen-header .fa-long-arrow-left {
    margin-right: 10px;
    font-size: 24px;
    position: relative;
    top: 2px
}

#submit-abstracts .radio-inline {
    color: #000;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11pt
}

#submit-abstracts .main-content {
    background-color: #fff
}

#submit-abstracts .selection {
    color: #000;
    font-family: open-sans-italic, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 13pt
}

#submit-abstracts .select-bold {
    color: #000;
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 13pt
}

#submit-abstracts .new-logo {
    height: 450px;
    width: 450px;
    margin-bottom: 20px
}

.abs-bold {
    color: #b4172a;
    margin-bottom: 0;
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 14pt
}

.padded-form {
    padding: 30px
}

.padded-text {
    padding: 4px 15px
}

hr.submit-hr {
    padding: 0;
    border: 0;
    border-top: medium double #333;
    color: #333;
    text-align: center
}

.flex-row-input.col-sm-3 {
    padding-left: 0
}

.flex-column-input.col-sm-3 {
    padding-left: 0
}

.program-row {
    padding: 10px 0
}

.base-class {
    background-color: #fff;
    color: #4a90e2;
    padding: 10px;
    border: 1px solid #4a90e2;
    border-radius: 4px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.base-class.my-class {
    background-color: #b4172a;
    color: #fff;
    text-shadow: 0 1px 2px #070707
}

.poster-display {
    margin: 0 40px 10px;
    padding: 15px;
    background-color: #f6f6f8;
    border: 1px solid #ced5db;
    border-radius: 10px
}

.podium-display {
    margin: 0 40px 10px;
    padding: 15px;
    border: 1px solid #ced5db;
    background-color: #f6f6f8;
    border-radius: 10px
}

.residency-column {
    margin: 5px 0
}

.hide-overflow {
    overflow: hidden
}

ul.leaders {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    overflow-x: hidden;
    list-style: none
}

ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    color: #b5b5b5;
    content: ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "
}

ul.leaders span:first-child {
    color: #000;
    padding-right: .33em;
    background: #fff;
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

ul.leaders span+span {
    float: right;
    padding-left: .33em;
    background: #fff
}

ul.leaders span .radio-inline {
    padding-top: 0
}

.text-wrapper-one {
    padding-right: 30px
}

.post-wrapper {
    padding-left: 75px
}

.podium-wrapper {
    padding-left: 23px
}

hr.form-hr {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999
}

.usafp-input {
    border-radius: 2px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .27)
}

.alert:focus {
    outline: 0
}

.switch-container {
    position: relative;
    background: transparent
}

.pad-text {
    margin: 0 20px
}

.preview-btn {
    padding: 0 20px
}

.hide-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

.usafp-popover {
    color: #b4172a;
    background-color: #ebebeb;
    text-shadow: 0 1px 2px #070707;
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

.app-alert {
    border: 1px outset #b4172a;
    background-color: #f6f6f8;
    width: 100%;
    border-radius: 0
}

.app-alert>p {
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11pt;
    color: #b4172a
}

.app-alert .checkbox .alert-strong {
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11pt;
    color: #b4172a
}

#incomplete-alert {
    min-height: 115px
}

.required:after {
    color: red;
    content: " *"
}

#precursor {
    background-color: #fff;
    padding: 0 35px 40px
}

#precursor .collapsed-well {
    margin: 2px 0
}

#precursor input.highlight.ng-invalid {
    border: 2px solid red;
    box-shadow: 0 0 2px 1px red
}

#precursor .btn-group.highlight.ng-invalid {
    border: 2px solid red;
    box-shadow: 0 0 2px 1px red
}

#precursor .leaders {
    margin: 20px 0
}

#precursor .pre-row {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between
}

#precursor .pre-row .aafp-input {
    width: 25%
}

#precursor .guide-bold.text-center.application {
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 18pt
}

#about {
    background-color: #fff;
    padding: 40px 35px
}

#about .popover {
    max-width: 420px!important
}

#about .published-info {
    margin-bottom: 10px
}

#about .position-italic {
    color: #555;
    font-family: open-sans-italic, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11pt
}

#about .row-spacer {
    margin-bottom: 20px
}

#about .residency-row {
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

#about .residency-row .guide-text {
    width: 11%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

#about .residency-row .usafp-input {
    width: 50%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

#about .yes-program {
    margin-left: 30px
}

#about input.highlight.ng-invalid {
    border: 2px solid red;
    box-shadow: 0 0 2px 1px red
}

#about .btn-group.highlight.ng-invalid {
    border: 2px solid red;
    box-shadow: 0 0 2px 1px red
}

#about select.highlight.ng-invalid {
    border: 2px solid red;
    box-shadow: 0 0 2px 1px red
}

#about .leaders {
    margin: 20px 0
}

#about .flex-column-input {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

#about .btn-wrapper {
    margin: 20px 0
}

#dual-submission {
    background-color: #fff;
    padding: 0 35px 40px
}

#dual-submission .submission-row {
    padding: 10px 0;
    margin-top: 15px
}

#dual-submission .btn-sub {
    width: 304px
}

#dual-submission .app-alert {
    margin-bottom: 0
}

#dual-submission .base-class.affix {
    bottom: 0;
    margin: 0 0 5px;
    font-size: 17px;
    right: 50%
}

#dual-submission .affix-row {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

#dual-submission .abstract-text {
    margin: 15px 0 15px 6px;
    color: #000;
    background-color: #fff;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 17px
}

#dual-submission .abstract-text.first-born {
    margin: 0 0 15px 6px
}

#step-three .purge {
    padding: 20px 0 0
}

#step-three .purge>.flex-row>.guide-bold.padded-text {
    -webkit-box-flex: 0 0 240px;
    -webkit-flex: 0 0 240px;
    -moz-flex: 0 0 240px;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px
}

#step-three hr {
    margin-bottom: 0
}

.app-alert-two {
    border: 1px outset #155aaa;
    background-color: #f6f6f8;
    width: 100%;
    border-radius: 0;
    color: #155aaa;
    font-family: open-sans-semibold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 11pt;
    margin-bottom: 0
}

#account {
    background-color: #fff
}

#account .row {
    margin: 0!important
}

#account #account-login {
    padding: 20px
}

#account #account-login .well {
    height: 120px
}

#account #account-login .btn-primary {
    margin-top: 15px
}

#account #account-feedback {
    background-color: #fff;
    height: 100%
}

#account #account-feedback .score-tables {
    background-color: #f5f5f5;
    margin: 10px 0
}

#account #account-feedback .score-tables h3 {
    color: #000
}

#account #account-feedback .feedback {
    padding: 5px;
    margin: 5px 0;
    min-height: 200px
}

#account #account-feedback .form-hr {
    margin: 50px 0
}

#account #account-feedback .sub-head.title {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    margin-left: 15px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#account #account-feedback .form-pad {
    padding-top: 0!important
}

#account #account-feedback .bump-top {
    margin-top: 20px
}

#account #account-feedback .no-margin {
    margin: 0
}

#account .red-rover {
    color: #b4172a;
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 17pt;
    text-decoration: underline
}

#options a {
    font-size: 17px
}

#options ul {
    padding-left: 20px
}

#options .red-rover {
    color: #b4172a;
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 14pt;
    text-decoration: underline
}

#view-scores label.radio {
    left: 15px!important
}

#written {
    background-color: #fff;
    height: 100%;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

#written .flex-column {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

#written .poster-body {
    opacity: 1;
    height: 128px;
    -webkit-transition: ease-in-out .2s all;
    transition: ease-in-out .2s all
}

#written .poster-body.ng-hide-add,
#written .poster-body.ng-hide-remove {
    display: block!important;
    height: 0;
    opacity: 0
}

#written .poster-body.ng-hide-remove.ng-hide-remove-active {
    opacity: 0;
    height: 128px
}

#written .poster-body.ng-hide-add {
    opacity: 1;
    height: 128px
}

#written .poster-body.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    height: 0
}

#written .advance {
    padding: 25px 0
}

#written .advance .btn {
    width: 280px;
    margin-bottom: 40px
}

#written .sub-deadline {
    background-color: rgba(253, 116, 116, .12);
    outline: 2px inset #DB7A7A;
    outline-offset: 1px;
    padding: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-transition: outline .2s linear, background-color .2s linear;
    transition: outline .2s linear, background-color .2s linear
}

#written .sub-deadline .red-rover {
    margin-bottom: 0;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

#written .sub-deadline .checkbox {
    margin-right: 130px;
    color: #ff000a;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

#written .sub-deadline.go {
    outline: 2px groove green;
    background-color: rgba(123, 255, 0, .0902)
}

#written .sub-deadline.go .red-rover {
    color: green
}

#written .sub-deadline.go .checkbox {
    color: #29be29
}

#written .bordered {
    background-color: rgba(253, 116, 116, .12);
    outline: 2px inset #DB7A7A;
    outline-offset: 1px;
    padding: 4px;
    margin-bottom: 10px;
    -webkit-transition: outline .2s linear, color .2s linear, background-color .2s linear;
    transition: outline .2s linear, color .2s linear, background-color .2s linear
}

#written .bordered .checkbox {
    display: inline-block!important;
    margin-left: 30px;
    color: #ff000a;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

#written .bordered.go {
    outline: 2px groove green;
    color: green;
    background-color: rgba(123, 255, 0, .0902)
}

#written .bordered.go .checkbox {
    color: #29be29
}

#written .red-rover {
    color: #b4172a;
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

#written .red-rover.notify {
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

#written .red-rover.notify>a {
    color: #2fa4e7
}

#written .scoring-info {
    margin: 10px 0
}

#written .criteria,
#written .guidelines {
    background-color: #fff
}

#written .guide-bold.underline {
    margin-bottom: 20px
}

#written .submit-wrapper {
    height: 55px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

#written .flex-row.written-submissions {
    margin-right: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background-color: #AD65E7;
    height: 48px;
    padding: 10px;
    width: 60%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px #131313;
    outline: 2px inset #C291FF;
    outline-offset: 0
}

#written .mandatory .checkbox {
    margin-right: 80px
}

#written .red-rover.sub-deadline.notify {
    background-color: #fff
}

#written .jump-to {
    margin: 20px 0
}

#upload-column {
    padding: 20px 0
}

#upload-column .progress-bar-success {
    background-color: #21DA5C!important
}

#upload-column .drop-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    border-radius: 3px;
    background-color: #f6f6f8;
    width: 100%;
    height: 200px;
    border: 1px dashed grey;
    -webkit-transition: border .1s ease-in;
    transition: border .1s ease-in
}

#upload-column .drop-box.dragover,
#upload-column .drop-box.clean {
    border: 2px solid #21DA5C;
    background-color: rgba(33, 218, 92, .22)
}

#upload-column .drop-box.error {
    border: 2px dotted red
}

#upload-column .btn-sub {
    background: #21DA5C;
    width: 229px
}

#upload-column .btn-sub:hover {
    background: #1BBB4E
}

#upload-column .fa-file {
    font-size: 30px;
    color: #00f;
    margin: 0 3px
}

#upload-column .written-name {
    color: #00f;
    font-size: 26px;
    margin: 0 20px
}

#upload-column .success-row {
    height: 50px
}

#upload-column .success-row .flex-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

#upload-column .progress {
    margin: 20px 0
}

#upload-column .instructions {
    color: #000;
    text-align: center;
    padding: 25px;
    font-size: 18px
}

#upload-column .btn-default {
    background-image: none!important
}

#upload-column .alert-danger {
    color: red!important;
    border-color: red!important;
    width: 50%;
    margin-left: 25%;
    margin-bottom: 20px
}

#upload-column .page-header {
    margin: 0 0 20px
}

#conflict-form .form-group-one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 10px 0
}

#conflict-form .form-group-one>label {
    padding: 0 10px;
    width: 14%;
    text-align: right
}

#conflict-form .form-group-one>input {
    width: 70%;
    height: 34px!important
}

#conflict-form .checkbox {
    margin: 20px 0
}

#conflict-form .terms-agree {
    font-weight: 700;
    margin-bottom: 20px
}

#conflict-form h4,
#conflict-form h5 {
    margin-top: 20px
}

#conflict-form .form-group-one.form-sub {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}

#submit-papers,
#submit-posters {
    background-color: #fff
}

#submit-papers #upload-column,
#submit-posters #upload-column {
    min-height: 550px;
    background-color: #fff
}

#submit-papers .submission-col,
#submit-posters .submission-col {
    border-right: 1px solid #ccc
}

#submit-papers .flex-col.form-pad,
#submit-papers .poster-esubmit,
#submit-posters .flex-col.form-pad,
#submit-posters .poster-esubmit {
    background-color: #fff
}

#submit-papers .poster-esubmit,
#submit-posters .poster-esubmit {
    min-height: 400px
}

#submit-posters h6.underline {
    margin-top: 10px
}

#submit-confirm {
    background-color: #fff
}

#poster {
    background-color: #fff;
    height: 100%;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

#poster .flex-column {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

#poster .schedule-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    padding: 18px
}

#poster .schedule-flex .guide-text {
    margin-left: 10px;
    margin-right: 10px
}

#poster .poster-body {
    opacity: 1;
    height: 98px;
    -webkit-transition: ease-in-out .2s all;
    transition: ease-in-out .2s all
}

#poster .poster-body.ng-hide-add,
#poster .poster-body.ng-hide-remove {
    display: block!important;
    height: 0;
    opacity: 0
}

#poster .poster-body.ng-hide-remove.ng-hide-remove-active {
    opacity: 0;
    height: 98px
}

#poster .poster-body.ng-hide-add {
    opacity: 1;
    height: 98px
}

#poster .poster-body.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    height: 0
}

#poster .poster-body.schedule {
    opacity: 1;
    height: 400px;
    -webkit-transition: ease-in-out .2s all;
    transition: ease-in-out .2s all
}

#poster .poster-body.schedule.ng-hide-add,
#poster .poster-body.schedule.ng-hide-remove {
    display: block!important;
    height: 0;
    opacity: 0
}

#poster .poster-body.schedule.ng-hide-remove.ng-hide-remove-active {
    opacity: 0;
    height: 400px
}

#poster .poster-body.schedule.ng-hide-add {
    opacity: 1;
    height: 400px
}

#poster .poster-body.schedule.ng-hide-add.ng-hide-add-active {
    opacity: 0;
    height: 0
}

#poster .hide-column.schedule {
    width: 80%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

#poster .advance {
    padding: 25px 0
}

#poster .advance .btn {
    width: 280px;
    margin-bottom: 40px
}

#poster .sub-deadline {
    background-color: rgba(253, 116, 116, .12);
    outline: 2px inset #DB7A7A;
    outline-offset: 1px;
    padding: 10px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-transition: outline .2s linear, background-color .2s linear;
    transition: outline .2s linear, background-color .2s linear
}

#poster .sub-deadline .red-rover {
    margin-bottom: 0;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

#poster .sub-deadline .checkbox {
    margin-right: 39px;
    color: #ff000a;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

#poster .sub-deadline.go {
    outline: 2px groove green;
    background-color: rgba(123, 255, 0, .0902)
}

#poster .sub-deadline.go .red-rover {
    color: green
}

#poster .sub-deadline.go .checkbox {
    color: #29be29
}

#poster .bordered {
    background-color: rgba(253, 116, 116, .12);
    outline: 2px inset #DB7A7A;
    outline-offset: 1px;
    padding: 4px;
    margin-bottom: 10px;
    -webkit-transition: outline .2s linear, color .2s linear, background-color .2s linear;
    transition: outline .2s linear, color .2s linear, background-color .2s linear
}

#poster .bordered .checkbox {
    display: inline-block!important;
    margin-left: 30px;
    color: #ff000a;
    -webkit-transition: color .2s linear;
    transition: color .2s linear
}

#poster .bordered.go {
    outline: 2px groove green;
    color: green;
    background-color: rgba(123, 255, 0, .0902)
}

#poster .bordered.go .checkbox {
    color: #29be29
}

#poster .red-rover {
    color: #b4172a;
    font-family: open-sans-bold, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

#poster .red-rover.notify {
    font-family: open-sans-regular, Arial!important;
    font-style: normal;
    font-weight: 400;
    font-size: 12pt
}

#poster .red-rover.notify>a {
    color: #2fa4e7
}

#poster .scoring-info {
    margin: 10px 0
}

#poster .criteria,
#poster .guidelines {
    background-color: #fff
}

#poster .guide-bold.underline {
    margin-bottom: 20px
}

#poster .submit-wrapper {
    height: 55px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end
}

#poster .flex-row.written-submissions {
    margin-right: 3px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    background-color: #AD65E7;
    height: 48px;
    padding: 10px;
    width: 60%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px #131313;
    outline: 2px inset #C291FF;
    outline-offset: 0
}

#poster .mandatory .checkbox {
    margin-right: 80px
}

#poster .red-rover.sub-deadline.notify {
    background-color: #fff
}

#poster .jump-to {
    margin: 20px 0
}

#poster .presenters {
    border: 1px solid #000;
    padding: 5px;
    margin: 0 10px 10px
}

#poster .how-to {
    margin-top: 70px
}

#upload-column {
    padding: 20px 0
}

#upload-column .progress-bar-success {
    background-color: #21DA5C!important
}

#upload-column .drop-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    border-radius: 3px;
    background-color: #f6f6f8;
    width: 100%;
    height: 200px;
    border: 1px dashed grey;
    -webkit-transition: border .1s ease-in;
    transition: border .1s ease-in
}

#upload-column .drop-box.dragover,
#upload-column .drop-box.clean {
    border: 2px solid #21DA5C
}

#upload-column .drop-box.error {
    border: 2px dotted red
}

#upload-column .btn-sub {
    background: #21DA5C;
    width: 229px
}

#upload-column .btn-sub:hover {
    background: #1BBB4E
}

#upload-column .fa-file {
    font-size: 30px;
    color: #00f;
    margin: 0 3px
}

#upload-column .written-name {
    color: #00f;
    font-size: 26px;
    margin: 0 20px
}

#upload-column .success-row {
    height: 50px
}

#upload-column .success-row .flex-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap
}

#upload-column .progress {
    margin: 20px 0
}

#upload-column .instructions {
    color: #000;
    text-align: center;
    padding: 25px;
    font-size: 18px
}

#upload-column .btn-default {
    background-image: none!important
}

#upload-column .alert-danger {
    color: red!important;
    border-color: red!important;
    width: 50%;
    margin-left: 25%;
    margin-bottom: 20px
}

#upload-column .page-header {
    margin: 0 0 20px
}

#upload-column .red-rover {
    color: #b4172a
}

#conflict-form .form-group-one {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 10px 0
}

#conflict-form .form-group-one>label {
    padding: 0 10px;
    width: 14%;
    text-align: right
}

#conflict-form .form-group-one>input {
    width: 70%;
    height: 34px!important
}

#conflict-form .checkbox {
    margin: 20px 0
}

#conflict-form .terms-agree {
    font-weight: 700;
    margin-bottom: 20px
}

#conflict-form h4,
#conflict-form h5 {
    margin-top: 20px
}

#conflict-form .form-group-one.form-sub {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center
}