// http://ionicframework.com/docs/theming/
@import "~@ionic/angular/css/core.css";
@import "~@ionic/angular/css/normalize.css";
@import "~@ionic/angular/css/structure.css";
@import "~@ionic/angular/css/typography.css";

@import "~@ionic/angular/css/padding.css";
@import "~@ionic/angular/css/float-elements.css";
@import "~@ionic/angular/css/text-alignment.css";
@import "~@ionic/angular/css/text-transformation.css";
@import "~@ionic/angular/css/flex-utils.css";

.ios, .md {
    ion-select{            
        padding-left: 0px;
    }
    ion-card-header{
        padding-bottom: 0px;
    }
    ion-item-group {
        form-group{
            ion-label, .select-text {
                margin-left: 0px;
            }
        }
    }
    .margin-left-0 {
        margin-left: 0px
    }
    ion-select{
        &.full-width { width: 100%!important; max-width: 100%!important; } 
    }
    form-group{
         .swiper-slide {
            display: block;
        }
        ion-label, .select-text {
            margin-left: 10px;
        }
        ion-input, ion-select, ion-textarea, ion-datetime {
            padding: 5px 0px;
        }
        .has-default {
            ion-item {   
                margin-top: -10px;
                ion-input, ion-select, ion-textarea, ion-datetime {
                    margin-bottom: 10px;
                    border-bottom: 1px solid var(--ion-color-primary);
                }
                p {
                    width: 100%;
                    margin-top: 0px;
                    font-size: 0.8em;
                    color: var(--ion-color-primary);
                }
            }
        }
        .has-error {
            ion-item {                
                margin-top: -10px;
                ion-input, ion-select, ion-textarea, ion-datetime {
                    border-bottom: 1px solid var(--ion-color-danger);
                }
                p {
                    width: 100%;
                    margin-top: 0px;
                    font-size: 0.8em;
                    color: var(--ion-color-danger);
                }
            }
        }
    }
    .readonly_content{
        .has-default {
            ion-item {   
                ion-input, ion-select, ion-textarea, ion-datetime {
                    margin-bottom: 10px;
                    border-bottom: 1px solid var(--ion-color-light);
                }
                p {
                    margin-top: 0px;
                    font-size: 0.8em;
                    color: var(--ion-color-light);
                }
            }
        }
    }
}