.LoginFormInput {
    border: 1px solid #cccccc;
    background-color: #ffffff !important;
    color: #222222;
    border-radius: 3px !important;
    width: 100%;
    height: 30px !important;
    padding: 5px 0px !important;
    padding-left: 10px !important;
    box-shadow: 0 6px 4px -4px black !important;
}

.LoginButton {
    background-color: #ffa726 !important;
    color: #fff3e0;
    text-transform: none;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 30px;
    border-radius: 3px;
    margin: 0px;
    border: none;
    
}

    .LoginButton:hover {
        background-color: #ff923c !important;
        color: #ffffff;
        text-transform: none;
        font-size: 14px;
        font-weight: bold;
        padding: 5px 30px;
        border-radius: 3px;
        margin: 0px;
        border: none;
    }

.InputFormStyle {
    border: 1px solid #cccccc;
    box-shadow: 0px 2px 3px #cccccc;
    border-radius: 4px;
    background-color: #f2f2f2;
}

@font-face {
    font-family: myPoppinsRegularFont;
    src: url(../Font/Poppins-Regular.woff);
}



.OverViewTab-act {
    padding: 10px 30px;
    background-color: #595959;
    color: #ffffff;
    border-radius: 5px;
    margin: 0px 5px;
}

.OverViewTab-not-act {
    padding: 10px 30px;
    background-color: #ffa726;
    color: #ffffff;
    border-radius: 5px;
    margin: 0px 5px;
}

.SatusLeftBorder-not-act {
    height: 300px;
    width: 4px;
    background-color: #ffffff;
    opacity: 0.5;
    margin-bottom: 2px;
}

.SatusLeftBorder-act {
    height: 300px;
    width: 8px;
    background-color: #595959;
    margin-bottom: 2px;
}

.SatusLabel-not-act {
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    padding: 10px 10px;
    opacity: 0.5;
}

.SatusLabel-act {
    font-size: 14px;
    line-height: 14px;
    color: #595959;
    padding: 10px 10px
}

.OverviewBox {
    background-color: #f2f2f2;
    margin: 2px;
    box-shadow: 0px 2px 3px #cccccc;
}

.OverviewBoxProfile
{
    background-color: #595959;
    margin: 2px;
    box-shadow: 0px 2px 3px #cccccc;
}

.OverviewBoxGrey {
    background-image: url('img/pattern-orange.jpg');
    background-size: cover !important;
    color: #595959 !important;
    margin: 2px;
    box-shadow: 0px 2px 3px #cccccc;
}

.OverviewBoxOrange {
    background-image: url('img/pattern-orange.jpg');
    color: #595959 !important;
    margin: 2px;
    box-shadow: 0px 2px 3px #cccccc;
}


.OverviewBoxGradient {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004c7c+0,484848+100 */
    background: #004c7c; /* Old browsers */
    background: -moz-linear-gradient(left, #004c7c 0%, #484848 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #004c7c 0%,#484848 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #004c7c 0%,#484848 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004c7c', endColorstr='#484848',GradientType=1 ); /* IE6-9 */
    color: #cccccc !important;
    margin: 2px;
    box-shadow: 0px 2px 3px #cccccc;
}
.OverviewBoxImage {
    background-image: url('img/pattern-white.jpg');
    color: #ffffff !important;
    margin: 2px;
    box-shadow: 0px 2px 3px #cccccc;
}

.OverviewBoxSolidBlue {
    background-color: #004c7c;
    color: #ffffff !important;
    margin: 2px;
    box-shadow: 0px 2px 3px #cccccc;
}

.OverviewBox-dashed {
    background-color: #f2f2f2;
    color: #484848 !important;
    margin: 2px;
    border: 1px dashed #cccccc
    /*box-shadow: 0px 2px 3px #cccccc;*/
}

.OverviewBox-border-left {
    background-color: #f2f2f2;
    color: #484848 !important;
    margin: 2px;
    border-right: 10px solid #004c7c
    /*box-shadow: 0px 2px 3px #cccccc;*/
}

.OverviewBoxGrey-50 {
    background-color: #909090;
    color: #ffffff !important;
    margin: 2px;
    box-shadow: 0px 2px 3px #cccccc;
}

.OverviewBoxGrey-10 {
    background-color: #cccccc;
    color: #484848 !important;
    margin: 2px;
    box-shadow: 0px 2px 3px #cccccc;
}


.StepButton-act {
    padding: 5px 30px;
    background-color: #004c7c;
    color: #ffffff;
    border-radius: 5px;
}

.StepButton-not-act {
    padding: 5px 30px;
    background-color: #cccccc;
    color: #f1f1f1;
    border-radius: 5px;
}

.StepButton-cancel {
    padding: 5px 30px;
    background-color: #fa0000;
    color: #f1f1f1;
    border-radius: 5px;
}

.YesNotSureButton-act {
    background-color: #004c7c;
    color: #ffffff;
    border-radius: 5px;
}

.YesNotSureButton-not-act {
    background-color: #cccccc;
    color: #f1f1f1;
    border-radius: 5px;
}

.InnovationLever-act {
    font-size: 14px;
    line-height: 14px;
    color: #ffffff;
    text-align: center;
    padding: 5px;
    background-color: #ff923c;
}

.InnovationLever-not-act {
    font-size: 14px;
    line-height: 14px;
    color: #595959;
    text-align: center;
    padding: 5px;
    background-color: #f2f2f2;
}

.AddMoreItem-act {
    padding: 0px 20px;
    background-color: #eeeeee;
    color: #484848;
    border-radius: 5px;
    box-shadow: 0px 2px 3px #cccccc;
}

.ItemDisabled {
    pointer-events: none;
    cursor: default;
}

md-input-container:not(.md-input-invalid).md-input-has-value label {
    font-size: 20px !important;
    color: #484848 !important;
}

.LabelGradienet {
    background: rgb(255,255,255);
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(0,76,124,1) 100%, rgba(9,9,121,1) 100%, rgba(0,212,255,1) 100%);
}

.KillProject {
    background-image: url('../img/kill.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.MakeScrollBarHide {
    overflow-y: scroll; /* Add the ability to scroll */
}

    /* Hide scrollbar for Chrome, Safari and Opera */
    .MakeScrollBarHide::-webkit-scrollbar {
        width: 5px;
        display: none;
    }

div.rn-carousel-indicator span {
    cursor: pointer;
    color: #cccccc;
    text-decoration: none;
}

    div.rn-carousel-indicator span.active {
        color: #ff923c;
        text-decoration: none;
    }

.not-active {
    pointer-events: none;
    cursor: default;
    opacity:0.3;
}

.NotificationUnRead {
    background-color: #ff923c;
    color:#595959;
}

/* Hide scrollbar for IE and Edge */
.MakeScrollBarHide {
    width: 5px;
    -ms-overflow-style: none;
}

* {
    font-family: myPoppinsRegularFont;
}

.NeedButton-act
{
    background-color: #ff923c !important;
    color:#f2f2f2 !important;
}

.NeedButton-not-act
{
    background-color: #f2f2f2 !important;
    color:#595959 !important;
}

md-dialog.md-default-theme, md-dialog {
    border-radius: 4px;
    background-color: rgb(255,243,224);
    color: rgba(89,89,89,1);
}

.md-button.md-default-theme.md-primary, .md-button.md-primary {
    color: rgb(89,89,89);
    
}

#red-slider .md-thumb:after, #red-slider .md-track{
    background-color: #ff923c !important;
    border-color: #ff923c !important;
}

.CreateInnovationButton {
    
    line-height: 112px !important;
    min-width: 0;
    width: 112px !important;
    height: 112px !important;
    
}

.InnovationTile
{
    cursor: pointer; background-color: #f2f2f2;
}

.InnovationTile:hover
{
    -webkit-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.75);
transition: box-shadow 0.8s ease-in-out;
}