.color-black {
    color: #000 !important;
}

.color-robowise-orange {
    color: #e94b59 !important;
}

.color-robowise-deep-deep-blue {
    color: #35459b !important;
}

.color-robowise-deep-blue {
    color: #3F51B5 !important;
}

.color-robowise-green {
    color: #8fc31e !important;
}

.color-yellow {
    color: yellow;
}

.color-robowise-blue {
    color: #2196F3 !important;
}

.color-robowise-red {
    color: #C02942 !important;
}

.color-little-white {
    color: #ddd !important;
}

.color-white {
    color: white !important;
}

.color-dark-orange {
    color: darkorange !important;
}

.color-robowise-light-orange {
    color: #dd8738 !important;
}


.color-robowise-orange {
    color: #d67231 !important;
}

.color-robowise-gray {
    color: #888888 !important;
}

.color-robowise-deep-gray {
    color: #666666 !important;
}

.color-robowise-deep-deep-gray {
    color: #444 !important;
}


.bg-robowise-orange {
    background-color: #d67231 !important;
}

.bg-robowise-blue-01 {
    background-color: rgba(27, 149, 211, 0.10) !important;
}

.bg-robowise-light-gray {
    background-color: #f8f8f8 !important;
}

.bg-robowise-light-gray {
    background-color: #f8f8f8 !important;
}

.bg-robowise-blue {
    background-color: #2196F3 !important;
}

.opacity-10 {
    opacity: 0.1;
}

.opacity-20 {
    opacity: 0.2;
}

.opacity-30 {
    opacity: 0.3;
}

.opacity-40 {
    opacity: 0.4;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-60 {
    opacity: 0.6;
}

.opacity-70 {
    opacity: 0.7;
}

.opacity-80 {
    opacity: 0.8;
}

.opacity-90 {
    opacity: 0.9;
}

.opacity-100 {
    opacity: 1.0;
}

.margin-10 {
    margin: 10px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-50 {
    margin: 50px !important;
}

.margin-60 {
    margin: 60px !important;
}

.margin-70 {
    margin: 70px !important;
}

.margin-80 {
    margin: 80px !important;
}

.margin-90 {
    margin: 90px !important;
}

.margin-100 {
    margin: 100px !important;
}

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

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

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-bottom-90 {
    margin-bottom: 90px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

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

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

.margin-left--15 {
    margin-left: -15px !important;
}

.margin-left--20 {
    margin-left: -20px !important;
}


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


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

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-60 {
    margin-left: 60px !important;
}

.margin-left-70 {
    margin-left: 70px !important;
}

.margin-left-80 {
    margin-left: 80px !important;
}

.margin-left-90 {
    margin-left: 90px !important;
}

.margin-left-100 {
    margin-left: 100px !important;
}


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

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

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

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-60 {
    margin-right: 60px !important;
}

.margin-right-70 {
    margin-right: 70px !important;
}

.margin-right-80 {
    margin-right: 80px !important;
}

.margin-right-90 {
    margin-right: 90px !important;
}

.margin-right-100 {
    margin-right: 100px !important;
}

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

.margin-top-6 {
    margin-top: 6px !important;
}

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

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.margin-top-90 {
    margin-top: 90px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}


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

.margin-top--20 {
    margin-top: -20px !important;
}

.margin-top--30 {
    margin-top: -30px !important;
}

.margin-top--40 {
    margin-top: -40px !important;
}

.margin-top--50 {
    margin-top: -50px !important;
}

.margin-top--60 {
    margin-top: -60px !important;
}

.margin-top--70 {
    margin-top: -70px !important;
}

.margin-top--80 {
    margin-top: -80px !important;
}

.margin-top--90 {
    margin-top: -90px !important;
}

.margin-top--100 {
    margin-top: -100px !important;
}


.width-5p {
    width: 5% !important;
}

.width-10p {
    width: 10% !important;
}

.width-15p {
    width: 15% !important;
}

.width-20p {
    width: 20% !important;
}

.width-25p {
    width: 25% !important;
}

.width-30p {
    width: 30% !important;
}

.width-40p {
    width: 40% !important;
}

.width-50p {
    width: 50% !important;
}


.width-60p {
    width: 60% !important;
}

.max-width-700px {
    max-width: 700px !important;
}

.width-700px {
    width: 700px !important;
}


.width-70p {
    width: 70% !important;
}


.width-80p {
    width: 80% !important;
}

.width-90p {
    width: 90% !important;
}

.width-100p {
    width: 100% !important;
}

.width-120p {
    width: 120% !important;
}


.padding-10 {
    padding: 10px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-70 {
    padding: 70px !important;
}

.padding-80 {
    padding: 80px !important;
}

.padding-90 {
    padding: 90px !important;
}

.padding-100 {
    padding: 100px !important;
}


.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}

.padding-bottom-70 {
    padding-bottom: 70px !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.padding-bottom-90 {
    padding-bottom: 90px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.padding-left-60 {
    padding-left: 60px !important;
}

.padding-left-70 {
    padding-left: 70px !important;
}

.padding-left-80 {
    padding-left: 80px !important;
}

.padding-left-90 {
    padding-left: 90px !important;
}

.padding-left-100 {
    padding-left: 100px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.padding-right-60 {
    padding-right: 60px !important;
}

.padding-right-70 {
    padding-right: 70px !important;
}

.padding-right-80 {
    padding-right: 80px !important;
}

.padding-right-90 {
    padding-right: 90px !important;
}

.padding-right-100 {
    padding-right: 100px !important;
}


.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.padding-top-70 {
    padding-top: 70px !important;
}

.padding-top-80 {
    padding-top: 80px !important;
}

.padding-top-90 {
    padding-top: 90px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}


.padding-top--10 {
    padding-top: -10px !important;
}

.padding-top--20 {
    padding-top: -20px !important;
}

.padding-top--30 {
    padding-top: -30px !important;
}

.padding-top--40 {
    padding-top: -40px !important;
}

.padding-top--50 {
    padding-top: -50px !important;
}

.padding-top--60 {
    padding-top: -60px !important;
}

.padding-top--70 {
    padding-top: -70px !important;
}

.padding-top--80 {
    padding-top: -80px !important;
}

.padding-top--90 {
    padding-top: -90px !important;
}

.padding-top--100 {
    padding-top: -100px !important;
}

.border-top-gray-1 {
    border-top: rgba(170, 170, 170, 0.51) solid 1px !important;
}

.border-top-black-1 {
    border-top: #000 solid 1px !important;
}

.border-top-black-2 {
    border-top: #000 solid 2px !important;
}

.border-top-black-3 {
    border-top: #000 solid 3px !important;
}


.border-gray {
    border-top: rgba(170, 170, 170, 0.51) solid 1px !important;
    border-left: rgba(170, 170, 170, 0.51) solid 1px !important;
    border-right: rgba(170, 170, 170, 0.51) solid 1px !important;
    border-bottom: rgba(170, 170, 170, 0.51) solid 1px !important;
}

.border-blue {
    border-top: #2196F3 solid 1px !important;
    border-left: #2196F3 solid 1px !important;
    border-right: #2196F3 solid 1px !important;
    border-bottom: #2196F3 solid 1px !important;
}

.border-bottom-light-gray-1 {
    border-bottom: rgba(230, 230, 230, 0.51) solid 1px !important;
}

.border-solid {
    border-style: solid;
}

.border-dotted {
    border-style: dotted;
}

.border-dashed {
    border-style: dashed !important;
}

.border-bottom-dashed {
    border-bottom-style: dashed !important;
}

.border-bottom-light-gray-2 {
    border-bottom: rgba(230, 230, 230, 0.51) solid 2px;
}

.border-radius-1 {
    border-radius: 1px;
}

.border-radius-2 {
    border-radius: 2px;
}

.border-radius-3 {
    border-radius: 3px;
}

.border-radius-4 {
    border-radius: 4px;
}

.border-radius-5 {
    border-radius: 5px;
}

.border-bottom-gray-1 {
    border-bottom: rgba(170, 170, 170, 0.51) solid 1px;
}

.border-bottom-robowise-deep-blue-1 {
    border-bottom: #3F51B5 solid 1px;
}

.border-bottom-robowise-deep-blue-2 {
    border-bottom: #3F51B5 solid 2px;
}

.border-bottom-black-1 {
    border-bottom: #000 solid 1px;
}

.border-bottom-white-1 {
    border-bottom: #fff solid 1px;
}

.border-light-gray {
    border-color: #f8f8f8 !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border {
    border: 1px solid #ddd;
}

.border-5 {
    border-width: 5px !important;
}

.height-600px {
    height: 600px !important;
}
.height-700px {
    height: 700px !important;
}
.height-800px {
    height: 800px !important;
}

.height-100p {
    height: 100% !important;
}

.line-height-1 {
    line-height: 1;
}

.line-height-1-2 {
    line-height: 1.2;
}

.font-size-10 {
    font-size: 10px !important;
}

.font-size-12 {
    font-size: 12px !important;
}

.font-size-14 {
    font-size: 14px !important;
}

.font-size-15 {
    font-size: 15px !important;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-18 {
    font-size: 18px !important;
}

.font-size-20 {
    font-size: 20px !important;
}

.font-size-24 {
    font-size: 24px !important;
}

.font-size-26 {
    font-size: 26px !important;
}

.font-size-28 {
    font-size: 28px !important;
}

.font-size-30{
    font-size: 30px !important;
}

.font-size-32{
    font-size: 32px !important;
}

.font-size-34 {
    font-size: 34px !important;
}

.font-size-36{
    font-size: 36px !important;
}

.font-size-38{
    font-size: 38px !important;
}

.font-size-40 {
    font-size: 40px !important;
}

.font-size-42 {
    font-size: 42px !important;
}

.font-size-44 {
    font-size: 44px !important;
}


.font-size-1-1-em {
    font-size: 1.1em !important;
}

.font-size-1-2-em {
    font-size: 1.2em !important;
}

.font-size-1-3-em {
    font-size: 1.3em !important;
}

.font-size-1-4-em {
    font-size: 1.4em !important;
}

.font-size-1-5-em {
    font-size: 1.5em !important;
}

.font-size-1-6-em {
    font-size: 1.6em !important;
}

.font-size-1-7-em {
    font-size: 1.7em !important;
}

.font-size-1-8-em {
    font-size: 1.8em !important;
}

.font-size-1-9-em {
    font-size: 1.9em !important;
}

.font-size-30 {
    font-size: 30px !important;
}

.font-size-40 {
    font-size: 40px !important;
}

.font-size-50 {
    font-size: 50px !important;
}

.font-size-60 {
    font-size: 60px !important;
}

.font-size-70 {
    font-size: 70px !important;
}

.font-size-80 {
    font-size: 80px !important;
}

.font-size-90 {
    font-size: 90px !important;
}

.font-size-100 {
    font-size: 100px !important;
}

.btn-light-dark {
    color: #000;
    background-color: #444;
    border-color: #444;
}

.btn-outline-light-dark {
    border: 1px solid #eaeaea !important;
}

.btn-light-blue {
    color: #fff;
    background-color: rgb(69, 211, 255);;
    border-color: rgb(69, 211, 255);;
}

.list-style-none {
    list-style-type: none !important;
}

ul.my-page-list {
    margin-top: 5px;
}

ul.my-page-list li:before {
    margin-left: 10px;
    content: '- ';
}


.light-grey #top-bar, #top-bar.light-grey {
    border-bottom-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(200, 200, 200, 0.25);
}

#top-bar.light {
    background-color: transparent !important;
    border-bottom-color: transparent !important;
}

#top-bar.light li a {
    color: white !important;
}

#top-bar.light li:hover {
    background-color: transparent !important;
}

.no-input-style {

}

.z-index-1 {
    z-index: 1 !important;
}

.z-index-2 {
    z-index: 2 !important;
}

.z-index-3 {
    z-index: 3 !important;
}

.z-index-4 {
    z-index: 4 !important;
}

.z-index-5 {
    z-index: 5 !important;
}

.z-index-6 {
    z-index: 6 !important;
}

.z-index-7 {
    z-index: 7 !important;
}

.z-index-8 {
    z-index: 8 !important;
}

.z-index-9 {
    z-index: 9 !important;
}

.z-index-10 {
    z-index: 10 !important;
}

.z-index-11 {
    z-index: 11 !important;
}

.z-index-12 {
    z-index: 12 !important;
}

.z-index-13 {
    z-index: 13 !important;
}

.z-index-14 {
    z-index: 14 !important;
}

.z-index-15 {
    z-index: 15 !important;
}

.z-index-16 {
    z-index: 16 !important;
}

.z-index-17 {
    z-index: 17 !important;
}

.z-index-18 {
    z-index: 18 !important;
}

.z-index-19 {
    z-index: 19 !important;
}

.z-index-20 {
    z-index: 20 !important;
}

.z-index-21 {
    z-index: 21 !important;
}

.z-index-22 {
    z-index: 22 !important;
}

.z-index-23 {
    z-index: 23 !important;
}

.z-index-24 {
    z-index: 24 !important;
}

.z-index-25 {
    z-index: 25 !important;
}

.z-index-26 {
    z-index: 26 !important;
}

.z-index-27 {
    z-index: 27 !important;
}

.z-index-28 {
    z-index: 28 !important;
}

.z-index-29 {
    z-index: 29 !important;
}

.z-index-30 {
    z-index: 30 !important;
}

.overlay-white:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    opacity: 0.6;
    background-color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 6px;
}


.overlay-white.little-white:after {
    opacity: 0.4 !important;
}

.overlay-white.very-white:after {
    opacity: 0.8 !important;
}


.overlay-black:after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    opacity: 0.6;
    background-color: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 6px;
}



.overlay-black.very-little-black:after {
    opacity: 0.3 !important;
}

.overlay-black.little-black:after {
    opacity: 0.4 !important;
}

.overlay-black.very-black:after {
    opacity: 0.8 !important;
}

.hover-active {
    color:#000;
}

.hover-active > p {
    color: #666666 !important;
}

.hover-active:hover {
    color: #3F51B5 !important;
}



@media (min-width: 468px) {
    .hidden-sm {
        display: none !important;
    }
}
@media (max-width: 468px) {
    .visible-xs {
        display: inline !important;
        visibility: visible !important;
    }

    .padding-left-50-xs {
        padding-left: 50px !important;
    }

    .margin-right-30-xs {
        margin-right: 30px !important;
    }

    .font-size-30-xs {
        font-size: 30px !important;
    }

    .font-size-36-xs {
        font-size: 36px !important;
    }

    .hidden-xs {
        display: none !important;
    }

    .margin-top-30-xs {
        margin-top: 30px !important;
    }


    .no-margin-top-xs {
        margin-top: 0px !important;
    }

    .margin-bottom-20-xs {
        margin-bottom: 20px !important;
    }


    .no-margin-bottom-xs {
        margin-bottom: 0px !important;
    }

    .no-padding-xs {
        padding: 0px !important;

    }
    .font-size-24-xs {
        font-size: 24px !important;
    }

    .font-size-28-xs {
        font-size: 28px !important;
    }

    .small-input-xs {
        width: 100px;
    }
}