body { display: table; margin: 0px; font-family: Segoe UI; width: 100%; height: 100%; position: initial; color: #232323; background-color: #eee; font-size: 16px; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px white inset; -moz-box-shadow: 0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset; }

.absolute-center { background: #f5f5f5; bottom: 0; height: 430px; left: 0; margin: auto; position: absolute; top: 0; right: 0; width: 400px; }

.btnCls { border: 1px solid #ccc; padding: 5px 10px 5px 10px; height: 35px; color: #f5f5f5; background: #30a3e6; text-transform: uppercase; cursor: pointer; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 16px; font-family: Segoe UI !important; min-width: 9em; }

    .btnCls:active, .btnCls::selection { border: 2px solid #ccc; }
    .btnCls:focus { color: #30a3e6; background: #f5f5f5; font-weight: 600; border: 2px solid #30a3e6; outline: none; }

    .btnCls[data-icon]::before { font: normal normal normal 16px/1 FontAwesome; padding-right: 7px; }

.clsRequired:after { color: #DC143C; content: "*"; }

.btncnt { float: right; position: relative; overflow: hidden; height: 36px; margin: 2px; }

.No-Margin { margin: 0; }

.No-Padding { padding: 0; }

.smlbtncnt { float: right; position: relative; overflow: hidden; height: 36px; margin-right: 5px; }

.smlbtnCls { border: 1px solid #ccc; padding: 2px 4px 2px 4px; height: 30px; color: #f5f5f5; background: #4CAF50; text-transform: uppercase; cursor: pointer; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: inherit; font: inherit; min-width: 6em; }

    .smlbtnCls:active, .smlbtncls::selection { border-width: 2px; }

    .smlbtnCls[data-icon]::before { font: normal normal normal 16px/1 FontAwesome; padding-right: 7px; }


    .minbtncnt { float: left; position: relative; overflow: hidden; height: 36px; margin-right: 5px; }

.minbtncnt { border: 1px solid #ccc; padding: 2px 4px 2px 4px; height: 30px; color: #f5f5f5; background: #4CAF50; text-transform: uppercase; cursor: pointer; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: inherit; font: inherit; min-width: 3em; }

    .minbtncnt:active, .minbtncnt::selection { border-width: 2px; }

    .minbtncnt[data-icon]::before { font: normal normal normal 16px/1 FontAwesome; padding-right: 7px; }