﻿
/*------------------------------------------- Validation-Rtl ---------------------------------------------*/
.validation-success { -ms-opacity: 1; opacity: 1; display: block; position: absolute; left: 0.8px; bottom: 0.8px; font-size: 18.8px; width: 36px; height: 36px; line-height: 36px; text-align: center; -ms-border-radius: 36px; border-radius: 36px; color: #449187; -webkit-transition: all ease-out 0.32s; -moz-transition: all ease-out 0.32s; -ms-transition: all ease-out 0.32s; -o-transition: all ease-out 0.32s; transition: all ease-out 0.32s; }
.validation-success:after { display: block; content: '\e013'; font-family: 'Glyphicons Halflings'; }
    .validation-success.ng-hide { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition: all ease-out 0.12s; -moz-transition: all ease-out 0.12s; -ms-transition: all ease-out 0.12s; -o-transition: all ease-out 0.12s; transition: all ease-out 0.12s; -ms-opacity: 0; opacity: 0; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.ng-hide-remove li { -ms-opacity: 0; opacity: 0; }
.validation { color: #fff; margin: 0; position: relative; font-size: 14px; overflow: visible; background: #c00640; }
    .validation ul { display: block; overflow: hidden; }
    .validation li { display: block; line-height: 1; background: #c00640; position: absolute; left: -4px; top: -10px; text-align: center; font-weight: bold; padding: 2px 10px; color: #fff; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s; -ms-transition: all ease-in 0.2s; -o-transition: all ease-in 0.2s; transition: all ease-in 0.2s; -ms-opacity: 1; opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -ms-border-radius: 2px; border-radius: 2px; }
.validation li.ng-enter { -ms-opacity: 0; opacity: 0; top: 0; }
        .validation li.ng-leave { -webkit-transition: all ease-in 0s; -moz-transition: all ease-in 0s; -ms-transition: all ease-in 0s; -o-transition: all ease-in 0s; transition: all ease-in 0s; -ms-opacity: 0; opacity: 0; }
        
*:focus + .validation li { background-color: #63bff8 !important; }
input.ng-touched.ng-invalid:not(.ng-valid), textarea.ng-touched.ng-invalid:not(.ng-valid), select.ng-touched.ng-invalid:not(.ng-valid) { border-color: #c00640; }
input:focus, input:focus.ng-touched.ng-invalid:not(.ng-valid), textarea:focus, textarea:focus.ng-touched.ng-invalid:not(.ng-valid), select:focus, select:focus.ng-touched.ng-invalid:not(.ng-valid) { border-color: #63bff8; }
input.ng-valid-required.ng-valid:not(.ng-invalid), textarea.ng-valid-required.ng-valid:not(.ng-invalid), select.ng-valid-required.ng-valid:not(.ng-invalid) { border-color: #449187; }
form[class*="ng-invalid"] button.btn { /*background: #63bff8;*/ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
form button.btn { -webkit-transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; -ms-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s; transition: all ease-in 0.5s; }
/*# sourceMappingURL=a7b0c7e7-d612-46ff-bae6-3c2271a0a69d.css.map *
/*----------------------------------------------------------------------------------------------------*/

/*------------------------------------------- Validation-Ltr ---------------------------------------------*/
.validation-success-ltr { -ms-opacity: 1; opacity: 1; display: block; position: absolute; right: 0.8px; bottom: 0.8px; font-size: 18.8px; width: 36px; height: 36px; line-height: 36px; text-align: center; -ms-border-radius: 36px; border-radius: 36px; color: #449187; -webkit-transition: all ease-out 0.32s; -moz-transition: all ease-out 0.32s; -ms-transition: all ease-out 0.32s; -o-transition: all ease-out 0.32s; transition: all ease-out 0.32s; }
.validation-success-ltr:after { display: block; content: '\e013'; font-family: 'Glyphicons Halflings'; }
    .validation-success-ltr.ng-hide { -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -webkit-transition: all ease-out 0.12s; -moz-transition: all ease-out 0.12s; -ms-transition: all ease-out 0.12s; -o-transition: all ease-out 0.12s; transition: all ease-out 0.12s; -ms-opacity: 0; opacity: 0; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
.ng-hide-remove li { -ms-opacity: 0; opacity: 0; }
.validation-ltr { color: #fff; margin: 0; position: relative; font-size: 14px; overflow: visible; background: #c00640; }
    .validation-ltr ul { display: block; overflow: hidden; }
    .validation-ltr li { display: block; line-height: 1; background: #c00640; position: absolute; right: -4px; top: -10px; text-align: center; font-weight: bold; padding: 2px 10px; color: #fff; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s; -ms-transition: all ease-in 0.2s; -o-transition: all ease-in 0.2s; transition: all ease-in 0.2s; -ms-opacity: 1; opacity: 1; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -ms-border-radius: 2px; border-radius: 2px; }
.validation-ltr li.ng-enter { -ms-opacity: 0; opacity: 0; top: 0; }
        .validation-ltr li.ng-leave { -webkit-transition: all ease-in 0s; -moz-transition: all ease-in 0s; -ms-transition: all ease-in 0s; -o-transition: all ease-in 0s; transition: all ease-in 0s; -ms-opacity: 0; opacity: 0; }
        
*:focus + .validation-ltr li { background-color: #63bff8 !important; }
input.ng-touched.ng-invalid:not(.ng-valid), textarea.ng-touched.ng-invalid:not(.ng-valid), select.ng-touched.ng-invalid:not(.ng-valid) { border-color: #c00640; }
input:focus, input:focus.ng-touched.ng-invalid:not(.ng-valid), textarea:focus, textarea:focus.ng-touched.ng-invalid:not(.ng-valid), select:focus, select:focus.ng-touched.ng-invalid:not(.ng-valid) { border-color: #63bff8; }
input.ng-valid-required.ng-valid:not(.ng-invalid), textarea.ng-valid-required.ng-valid:not(.ng-invalid), select.ng-valid-required.ng-valid:not(.ng-invalid) { border-color: #449187; }
form[class*="ng-invalid"] button.btn { /*background: #63bff8;*/ -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
form button.btn { -webkit-transition: all ease-in 0.5s; -moz-transition: all ease-in 0.5s; -ms-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s; transition: all ease-in 0.5s;  }
/*# sourceMappingURL=a7b0c7e7-d612-46ff-bae6-3c2271a0a69d.css.map *
/*----------------------------------------------------------------------------------------------------*/

/*-------------------------------------------- Validation-Group --------------------------------------*/
.validation-group{left: 8px;top: 34px;}
.validation-ltr-group{right: 8px;top: 34px;}
.validation-success-group{ left: -8.2px; bottom: -1.2px;}
.validation-success-ltr-group{ right: -8.2px; bottom: -1.2px;}
/*----------------------------------------------------------------------------------------------------*/
