body{
    background  : #EFEFEF;
    direction   : ltr;
    font-size   : 14px;
    line-height : 1.4286;
    margin      : 0;
    padding     : 0;
    font-family : roboto,'Noto Sans Myanmar UI',arial,sans-serif !important;
}

.LogoLogin{
    width  : 450px;
    height : 150px;
    margin : 0 auto;
}

    .logo{
        width             : 280px;
        height            : 80px;
        position          : relative;
        top               : calc(50% - 40px);
        margin            : 0 auto;
        font-size         : 14px;
        text-align        : center;
        background        : url(../images/logo.png?v1);
        background-repeat : no-repeat;
        background-size   : 100% auto;
    }

.DivLogin{
    width         : 100%;
    max-width     : 450px;
    height        : auto;
    min-height    : 275px;
    padding       : 48px 40px 36px;
    background    : #fff;
    border        : 1px solid #DDD;
    border-radius : 8px;
    margin        : 0 auto;
    box-shadow    : 2px 2px 3px #CCC;
    overflow      : hidden;
}
    #ContentForm{
        width              : 100%;
        height             : 100%;
        animation-duration : .3s;
        animation-name     : slideout;
        overflow           : hidden;
    }
        @keyframes slideout {
            from {margin-left : -100%; }
            to {margin-left : 0; }
        }

        .win-btn {
            float            : left;
            width : 100% !important; /*calc(100% - 20px) !important;*/
            padding          : 2px;
            vertical-align   : top;
            background-color : rgba(0,0,0,0);
            cursor           : auto

        }
            .win-btn:hover {
                background-color : #FFF !important;
            }


            .win-btn > button {
                float            : right;
                width            : 50%;
                cursor           : pointer;
                font-size        : 11px;
                background-color : #2e8ccb;
                color            : #FFF;
                font-size        : 14px;
                border-radius    : 5px;
            }


#logicalcloud{
    position : relative;
    width    : 450px;
    height   : auto;
    margin   : 0 auto;
}
    .terminos{
        font-size   : 14px;
        text-align  : right;
        color       : #888;
        font-weight : normal;
        padding     : 15px 0 20px 0;
    }

    .terminos a{
        color           : #888;
        text-decoration : none;
    }

    .logoLogicalCloud{
        width             : 280px;
        height            : 80px;
        position          : relative;
        top               : calc(50% - 40px);
        margin            : 10px auto;
        font-size         : 14px;
        text-align        : center;
        background        : url(https://cloud.logicalsoft.co/images/login/logo_cloud.png);
        background-repeat : no-repeat;
        background-size   : 100% auto;
    }

   .CloudInfo{
        margin : 10px auto;
   }

    .CloudInfo a{
        font-size       : 10px;
        color           : #888;
        text-decoration : none;
    }

   .CloudInfo p{
        font-size       : 10px;
        font-weight     : normal;
        text-align-last : auto;
        text-align      : justify;
        color           : #999;

    }
    .CloudInfo span{
        font-size   : 10px;
        font-weight : bold;
        color       : #999;
    }

#SeleccionesPropiedad{
    width              :100%;
    height             : 250px;
    background         : #FFF;
    animation-duration : .3s;
    animation-name     : slidein;
    overflow           : hidden;
}

    @keyframes slidein {
        from {margin-left : 100%; }
        to {margin-left : 0; }
    }

    #SeleccionesPropiedad .titulo{
        width         : 100%;
        text-align    : center;
        font-size     : 16px;
        color         : #2a80b9;
        margin-bottom : 40px;
        overflow      : hidden;
        white-space   : nowrap;
        text-overflow : ellipsis;
    }


.labelEmpresa{
    border-radius : 20px;
    height        : 33px;
    width         : calc(100% - 60px);
    max-width     : 100%;
    padding       : 6px 0 5px 15px;
    border        : 1px solid #CCC;
    box-shadow    : 1px 1px 3px #ccc;
    margin        : 13px 0 10px 30px;
    float         : left;
}

    .labelEmpresa .text{
        float         : left;
        width         : calc(100% - 60px);
        overflow      : hidden;
        white-space   : nowrap;
        text-overflow : ellipsis;
        color         : #888;
    }

    .labelEmpresa .icono{
        float : left;
        width : 30px;
        }
            .labelEmpresa .icono .material-icons{
                top    : 0;
                margin : -3px 0 0 0;
                cursor : pointer;
            }

    .labelEmpresa .iconoBefore{
        float : left;
        width : 30px;
        }
            .labelEmpresa .iconoBefore .material-icons{
                top    : 0;
                margin : -3px 0 0 0;
                cursor : pointer;
                color  : #2e8ccb;
            }

    .labelEmpresa .iconoBeforeUser{
        float      : left;
        width      : 30px;
        margin-top : -3px;
    }
        .labelEmpresa .iconoBeforeUser .imgUserIcons{
            width         : 24px;
            height        : 24px;
            border-radius : 12px;
        }

.imgUserSuccess{
    width         : 100px;
    height        : 100px;
    border-radius : 50px;
}            

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #333;
  -webkit-text-fill-color: #333;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

@media only screen and (max-width: 600px) {
    body{
        width : 100%;
        height: 100%;
        background  : #FFF;
    }

    .LogoLogin{
        width  : 100%;
        max-width: 450px;
        height : 100px;
        margin : 0 auto;
    }

    .DivLogin{
        border     : none;
        padding    : 10px 20px;
        box-shadow : none;
        min-height : 210px;
    }

    #logicalcloud{
        position  : relative;
        width     : 100%;
        max-width : 450px;
        height    : auto;
        margin    : 0;
        padding   : 30px;
    }

    .win-btn button[os=android] {
        width     : 50% !important;
        font-size : 14px !important;
    }

    .win-btn button[os=ios] {
        width     : 50% !important;
        font-size : 14px !important;
    }

}