.menu-list{
    border:none !important;
}

a {
    text-decoration: underline !important;
}
.menuLink {
    text-decoration: none !important;
    font-size:1.2em !important;
}



.input {
    width: 350px ;
}

textarea.input {
    height: 5em;
}


.required::before {
    content: "*";
    color: hsl(348deg 90% 45%);
}

.zeroHeight{
   height:0px;
}
/* items going down in columns */
.two-column-container {
    column-count: 2;
    column-gap: 5px;
    width: 100%
}


.three-column-container {
    column-count: 3;
    column-gap: 0px;
}
.multi-column-item {
    display: inline-block;
    width: 90%;
    line-height:32px;
}


.showcase-multi-column-item {
    flex: 1 1 45%
}
.showcase-two-column-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 15px;
}



/* Cute background icons. */
.planback:before {
    content: "\f1b3";
    font-family: FontAwesome;
    font-size: 150px;
    color: #428bca;
    position: relative;
    left: 45px;
    z-index: 2;
}

.planbacknew:before {
    content: "\f1b3";
    font-family: FontAwesome;
    font-size: 60px;
    color: #428bca;
    position: relative;
    left: 20px;
    z-index: 2;
}

.hourglassback:before {
    content: "\f252";
    font-family: FontAwesome;
    font-size: 150px;
    color: hsl(18deg 100% 70%); /*;#F24800  */
    position: relative;
    left: 20%;
    z-index: 2;
}
.hourglassbacknew:before {
    content: "\f252";
    font-family: FontAwesome;
    font-size: 60px;
    color: #F24800;
    position: relative;
    left: 20px;
    z-index: 2;
}
.boxicon {
    font-size: 70px;
    position:relative; top:0px
}

.purchaseback:before {
    content: "\f07a";
    font-family: FontAwesome;
    font-size: 170px;
    color: hsl(35deg 100% 70%); /* #F28C00 ;*/
    position: relative;
    top: 20px;
    left: 70px;
    z-index: 2;
}

.purchasebacknew:before {
    content: "\f07a";
    font-family: FontAwesome;
    font-size: 70px;
    color: #F28C00;
    position: relative;
    left: 20px;
    z-index: 2;
}

/*http://paletton.com/#uid=70g0u0kw0unhHVLllMQVfh0+0c4*/
.cogback:before {
    content: "\f013";
    font-family: FontAwesome;
    position: relative;
    font-size: 200px;
    color: #428bca;
    top: 48px;
    left: 50px;
    z-index: 2;
}

.calendarback:before {
    content: "\f073";
    font-family: FontAwesome;
    position: relative;
    font-size: 150px;
    color: #F28C00;
    top: 130px;
    left: 50px;
    z-index: 2;
}



.bringForward {
    position: relative;
    z-index: 5;
}
.handshakeback:before {
    content: "\f2b5";
    font-family: FontAwesome;
    font-size: 150px;
    color:  hsl(207deg 39% 80%);
    position: relative;
    left: 50px;
    z-index: 2;
}

.handshakebacknew:before {
    content: "\f2b5";
    font-family: FontAwesome;
    font-size: 70px;
    color: #00A562;
    position: relative;
    left: 20px;
    z-index: 2;
}

.dollarsback:before {
    content: "\f155";
    font-family: FontAwesome;
    font-size: 120px;
    color: #00A562;
    position: relative;
    top: 50px;
    left: 83px;
}
.dollarsbacknew:before {
    content: "\f155";
    font-family: FontAwesome;
    font-size: 65px;
    color: #00A562;
    position: relative; 
    left: 20px;
}

.groupback:before {
    content: "\f0c0";
    font-family: FontAwesome;
    font-size: 150px;
    color: #F28C00;
    position: relative;
    top: 80px;
    left: 150px;
    z-index: 2;
}
.groupbacknew:before {
    content: "\f0c0";
    font-family: FontAwesome;
    font-size: 62px;
    color: #F28C00;
    position: relative;
    left: 20px;
    z-index: 2;
}

.carback:before {
    content: "\f1b9";
    font-family: FontAwesome;
    font-size: 150px;
    color: #00223E;
    position: relative;
    top: 50px;
    left: 175px;
}

.matrixback:before {
    content: "\f0ce";
    font-family: FontAwesome;
    font-size: 150px;
    color: #428bca;
    position: relative;
    top: 50px;
    left: 175px;
    z-index: 2;
}

.matrixbacknew:before {
    content: "\f0ce";
    font-family: FontAwesome;
    font-size: 62px;
    color: #428bca;
    position: relative;
    left: 20px;
    z-index: 2;
}

.letterback:before {
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 150px;
    color: #F3C416;
    position: relative;
    top: 20px;
    left: 105px;
    z-index: 2;
}


@media screen and (max-width: 800px) {
    .input {
        width: 100%;
    }
    /* items going down in columns */
    .two-column-container {
        column-count: 1;
        width: 100%
    }

    .three-column-container {
        column-count: 1;
        column-gap: 0px;
    }

}

@media print {
    #menuColumn {
        display: none;
        width: 0px;
    }
    .headerTools {
        display: none;
    }
}