.OneyIconContainer span::before {
    font-size: 1.4em;
    color: #fff;
}

.OneyActionsWrapper .OneyIconContainer span::before {
    color: #88bd30;
    font-size: 3.7em;
}

.OneyIconLegend {
    margin-top: 3%;
    margin-left: 1%;
}

.CallAditionalInformationContainer { 
    font-size: 0.85em;
}

@media (min-width: 320px) and (max-width: 768px) { 

    .CallAditionalInformationContainer {
        font-size: 0.72em !important;
    }

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

    .IconInfo {
        display: block !important;
    } 

    .Login__Logo {
        text-align: center !important;
    }

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

    .OneyIconContainer {
        display: block;
    }

    .ActionContent {
        text-align: center;
    }

    .Size22.Text_green.Bold {
        font-size: 0.95em;
        word-break: break-word;
    }

     input[type="text"], 
     input[type="password"], 
     input[type="datetime"], 
     input[type="datetime-local"], 
     input[type="date"], 
     input[type="month"], 
     input[type="time"], 
     input[type="week"], 
     input[type="number"], 
     input[type="email"], 
     input[type="url"], 
     input[type="search"], 
     input[type="tel"], 
     input[type="color"] {
        width: 100%;
        font-size: 0.7em;
        padding-left: 8px;
        -webkit-appearance: none;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        line-height: normal;
    }

    .ActionsLeftWrapper {
        top: 41%;
        width: 37px;
    }

    .ActionIcon {
        font-size: 19px;
        padding: 9px 0;
        width: 35px;
    }

   
    .ActionContent {
        left: 69px;
        top: 22px;
        width: 240px;
        padding: 19px;
    }
    
    .Login_Action_Phone_Container_Title, .Login_Action_Mail_Container_Title {
        text-align: center;
        margin-top: 10px;
    }

    .ActionsLeftWrapper .close {
        right: 9px;
        top: 8px;

    }

     .ActionsLeftWrapper .close:before, .ActionsLeftWrapper .close:after {
        height: 20px;
    
    }   
    
    .phone .Login_Box .Login__Form > div {
        margin-top: 9px !important;
    }

    .Button.ButtonDefault {
        word-break: break-all !important;
        font-size: 0.8em;
    }
    
}

@media (min-device-width: 768px) and (max-device-width: 1024px) { 
    .Login__Logo {
        text-align: center !important;
    }
    
     input[type="text"], 
     input[type="password"], 
     input[type="datetime"], 
     input[type="datetime-local"], 
     input[type="date"], 
     input[type="month"], 
     input[type="time"], 
     input[type="week"], 
     input[type="number"], 
     input[type="email"], 
     input[type="url"], 
     input[type="search"], 
     input[type="tel"], 
     input[type="color"] {
        width: 100%;
        font-size: 0.7em;
        padding-left: 8px;
        -webkit-appearance: none;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        line-height: normal;
    }
    
}

/*------Hide Password IE------*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
    input[type=password]::-ms-reveal,
    input[type=password]::-ms-clear
    {
    display: none;
    }
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}