/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1/jun/2017, 18:01:10
    Author     : Milu
*/

md-tabs-wrapper{
    display:none;
}
a.blue_but{
    background: #004b6c;
    color: #fff;
    font-weight: 400;
    margin: 22px 0;
    height: 44px;
    border-radius: 12px;
    line-height: 44px;
}
a.blue_but:hover{
    background-color: rgba(0, 75, 108, 0.8);
}
.registration_page_container {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    /*    padding-bottom: 30px;*/
}
.registration_page_mega_middleline {
    background: #26cad3;
    height: 2px;
    margin: auto;
}
.registration_page_mega_title {
    font-size: 22px;
    text-transform: uppercase;
    padding: 0 18px;
    color: #004b6c;
}
.registration_tab_title {
    color: #004b6c;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
}
.registration_tab_icon_img {
    width: 25%;
    padding-bottom: 25%;
    margin: 20px auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.registration_tab_icon_text {
    color: #004b6c;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
}
.green_color {
    color: #26cad3;
}

/* SECOND TAB */
.registration_tab_icon_small_img {
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 6px auto;
}
md-content.registration_tab.registration_tab_second md-radio-group {
    margin: 20px 0;
}
md-content.registration_tab.registration_tab_second md-radio-group md-radio-button {
    margin: 0;
    width: 200px;
}
md-content.registration_tab.registration_tab_second md-radio-group md-radio-button .md-container {
    position: relative;
    display: block;
    margin: 6px auto;
    height: 20px;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
md-content.registration_tab.registration_tab_second md-radio-group md-radio-button .md-label {
    margin: 0;
    text-align: center;
    display: block;
    color: #004b6c;
    text-transform: uppercase;
    font-size: 14px;
}
md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
    border-color: rgba(0, 75, 108, 0.4);
}
md-radio-group.md-default-theme.md-focused:not(:empty) .md-checked .md-container:before, md-radio-group.md-focused:not(:empty) .md-checked .md-container:before {
    background-color: rgba(0, 75, 108, 0.3);
}
md-radio-button.md-default-theme .md-off, md-radio-button .md-off {
    border-color: rgba(0, 75, 108, 1);
}
md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: rgb(0, 75, 108);
}


.registration_page_mega_middleline_tab {
    background: #004b6c;
    height: 2px;
    margin: auto;
    width: 100%;
}
.registration_tab_wrapper {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.registration_tab_input_name {
    text-align: center;
    color: #004b6c;
    text-transform: uppercase;
    margin: 20px 0 6px;
}
.login_tab_input_container input {
    font-size: 16px;
    line-height: 18px;
    padding: 12px 6px;
    border-radius: 12px;
    border: 1px solid #004b6c;
    outline: none;
    text-align: center;
}
.login_tab_input_container button {
    background: #004b6c;
    color: #fff;
    font-weight: 400;
    margin: 22px 0;
    height: 44px;
    border-radius: 12px;
}
.md-button.md-default-theme:not([disabled]).md-focused, .md-button:not([disabled]).md-focused, .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    background-color: rgba(0, 75, 108, 0.8);
}
.registration_tab_checkboxes_container md-checkbox {
    margin: 18px 0 0;
}
.registration_tab_checkboxes_container md-checkbox .md-label {
    width: 100%;
    margin: 0;
    text-align: left;
    color: #004b6c;
    text-transform: uppercase;
}
md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
    color: rgb(0, 75, 108);
}
md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
    background-color: rgb(0, 75, 108);
}
md-checkbox.md-default-theme:not(.md-checked) .md-icon, md-checkbox:not(.md-checked) .md-icon {
    border-color: rgb(0, 75, 108);
}
md-checkbox.md-default-theme.md-checked .md-icon:after, md-checkbox.md-checked .md-icon:after {
    border-color: transparent;
}
.registration_tab_checkboxes_container md-checkbox .md-container .md-icon {
    border-radius: 50%;
}

md-content.registration_tab.registration_tab_second md-radio-group md-radio-button.owner_color .md-label {
    color: rgba(38, 202, 211, 1);
}
md-radio-button.owner_color.md-default-theme.md-checked .md-off, md-radio-button.owner_color.md-checked .md-off {
    border-color: rgba(38, 202, 211, 0.4);
}
md-radio-group.md-default-theme.md-focused:not(:empty) .owner_color.md-checked .md-container:before, md-radio-group.md-focused:not(:empty) .owner_color.md-checked .md-container:before {
    background-color: rgba(38, 202, 211, 0.3);
}
md-radio-button.owner_color.md-default-theme .md-off, md-radio-button.owner_color .md-off {
    border-color: rgba(38, 202, 211, 1);
}
md-radio-button.owner_color.md-default-theme .md-on, md-radio-button.owner_color .md-on {
    background-color: rgba(38, 202, 211, 1);
}



/* LOGIN */
.login_fields_container {
    width: 100%;
    padding: 0 24px;
    min-width: 570px;
}
.login_copyright_container md-icon {
    width: inherit;
    max-width: 150px;
    height: 20px;
    min-height: inherit;
}
.login_copyright_text {
    color: #004b6c;
    font-size: 10px;
}
.login_copyright_container {
    padding: 0 8px 8px;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.svg_logo_horiz {
    width: 100px;
    height: 100%;
    min-height: 20px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
}



/* PET REGISTRATION */
.login_tab_input_container.light_blue button {
    background: #26cad3;
}
.login_tab_input_container.light_blue button:hover {
    background: rgba(38, 202, 211, 0.85);
}
.registration_tab_title.light_blue{
    color: #26cad3;
}
.registration_page_mega_middleline_tab.light_blue{
    background: #26cad3;
}
.animal_registration_picture{
    height:250px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position-x: center;
    margin-top: 45px;
}
.registration_tab_input_name.light_blue{
    color: #26cad3;
}
.login_tab_input_container.light_blue input{
    border: 1px solid #26cad3;
}

.login_tab_input_container.light_blue select{
    border: 1px solid #26cad3;
    font-size: 16px;
    line-height: 20px;
    padding: 12px 6px;
    border-radius: 12px;
    outline: none;  
    width:100%;
    color: #26cad3;
    text-transform: uppercase;  
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance: none;    
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: right 50px center;


}

.registration_tab_required_field{
    color: #26cad3;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    text-align:center;
    margin-top:20px;
    font-weigh:100;
}

.registration_tab_input_phone{
    width:97%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type='number'] {
    -moz-appearance:textfield;
}

md-select md-option.register_option{

    text-align: center;


}


md-select.md-default-theme[disabled] .md-select-value, md-select[disabled] .md-select-value {
    background-image: none;
}
.login_tab_input_container md-select {
    border: 1px solid #004b6c;
    border-radius: 12px;
    padding: 6px 0px;
}

md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value {
    border-bottom-color: rgba(38, 202, 211, 0);
    color: #004b6c;
}
.md-checkbox-enabled.md-default-theme[selected] .md-icon, .md-checkbox-enabled[selected] .md-icon {
    background-color: rgb(0, 75, 108);
}
md-select-menu.md-default-theme md-content md-option[selected], md-select-menu md-content md-option[selected] {
    color: rgb(0, 75, 108);
}
.login_tab_input_container md-select .md-select-value .md-text {
    color: #004b6c;
    font-size: 14px;
}
.login_tab_input_container md-select md-select-value {
    text-align: center;
}


md-option{
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 22px;
}
md-option:checked { 
    background-color: rgba(38,202,211,0.2); 

}

/* Animal Medical File and Animal Data */ 

.registration_medicalfile_small_icon {
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 6px auto;
}

.registration_medicalfile_divider {
    background: #26cad3;
    height: 2px;
    margin: auto;
    width: 100%;
}

.registration_input_option.light_blue {
    position: relative;
    color: #26cad3;
    top: 40px;
    text-transform: uppercase;
}

.registration_vaccine_type_container > registration_type > md-select {
    color: #26cad3;
}

.registration_vaccine_type_container > md-select {
    color: #26cad3;
}


.registration_page_small_middleline_tab.light_blue {
    height: 2px;
    margin: auto;
    width: 55%;
    background: #26cad3;
}

.registration_vaccines_tab_container.light_blue {
    position: relative;
    text-transform: uppercase;
}



.choose_option_vaccines > md-radio-group {
    position: relative;
    display: inline-flex;
    margin: 0 auto !important;
    left: 25px;
    text-transform: uppercase;
}

.registration_vaccine_type_container {
    position: relative;
    margin-top: 75px;
    display: -webkit-inline-box;
    text-align: center;
    text-transform: uppercase;
}

.registration_vaccines_type_container {

    /*display: -webkit-inline-box;*/
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
/*
.registration_add_vaccine {
    position: relative;
    margin-top: 150px;
    right: 210px;
    text-transform: uppercase;
}*/
.add_vaccine{
    padding-right:40px;
    background-repeat: no-repeat;
    background-position: center right;
    text-align:center;
    height:40px;
    background-size: contain;
    line-height:40px;
}

.registration_subtab_title.light_blue{
    color: #26cad3;
    margin-bottom: 5px;
    margin-top: 20px;
    text-align: center;
}

.registration_medicalfile_title {
    color: #26cad3;
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
}
.registration_subtabtab_title.light_blue {
    color: #26cad3;
    position: relative;
    top: 35px;
    right: 15px;
}

.registration_tab_icon_plus_img {
    width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 6px auto;
    position: relative;
    left: 90px;
}


/*
.date_registration {
    position: relative;
    left: 75px;
}*/

input.reg_date {
    font-size: 15px;
    line-height: 22px;
    border-radius: 12px;
    border: 1px solid #32cdd5;
    outline: none;
    text-decoration: none;
    width: 100%;
    height: 44px;
    text-align: center;
}
.registration_vaccines_type_container > div {
    margin: 0 6px;
}

input.reg_policy {
    font-size: 15px;
    width: 83%;
    line-height: 15px;
    padding: 14px 11px;
    border-radius: 12px;
    border: 1px solid #32cdd5;
    outline: none;
    text-decoration: none;
}
.registration_tab_title.warning {
    font-size: 10px;
}

.vaccine_registration md-select {
    font-size: 15px;
    width: 100%;
    line-height: 15px;
    padding: 7px 0px;
    border-radius: 12px;
    border: 1px solid #32cdd5;
    outline: none;
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    background-position: right 20px center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

input.allergy_field {
    font-size: 15px;
    width: 43%;
    line-height: 15px;
    padding: 7px 20px;
    border-radius: 12px;
    border: 1px solid #32cdd5;
    outline: none;
    text-decoration: none;
    position: relative;
    left: 120px;
    top: 25px;
}

.login_tab_input_container.light_blue.layout-column > button {
    position: relative;
    margin-top: 55px;
    width: 100%;
    /* left: 50px; */
}
.allergy_registration {
    position: relative;
    margin-top: 30px;
}
.login_tab_input_container_animaldata input {
    font-size: 16px;
    line-height: 18px;
    padding: 12px 6px;
    border-radius: 12px;
    border: 1px solid #30ccd5;
    outline: none;
    text-align: center;
    width: calc(100% - 14px);
}

.login_tab_input_container_animaldata.light_blue select {
    font-size: 16px;
    line-height: 18px;
    padding: 12px 6px;
    border-radius: 12px;
    border: 1px solid #42d0d8;
    outline: none;
    text-align: center;
    width: 100%;
}

.mark {
    /* position: relative; */
    /* left: 60px; */
    font-size: 15px;
    width: calc(100% - 12px);
    line-height: 15px;
    padding: 13px 6px;
    border-radius: 12px;
    border: 1px solid #32cdd5;
    outline: none;
}
.login_tab_input_container.light_blue md-select {
    border: 1px solid #26cad3;
}
md-select.md-default-theme .md-select-icon, md-select .md-select-icon {
    color: rgb(38, 202, 211);
}
.login_tab_input_container md-select md-select-value span {
    color: #26cad3;
}
.login_tab_input_container.light_blue md-select .md-select-value .md-text {
    color: #26cad3;
    font-size: 16px;
}
md-select.chronic_disease {
    margin: 24px 0;
}
.allergy_registration textarea.vettask_textarea {
    width: 100%;
    border-color: #26cad3;
}
.allergy_registration textarea.vettask_textarea[disabled] {
    background: #fff;
    opacity: 0.3;
}
input[disabled] {
    background: #fff;
    opacity: .3;
}
input[disabled] + * {
    opacity: .3;
}


.step_underline{
    text-decoration:underline;
    -moz-text-decoration-color: #26cad3; /* Code for Firefox */
    text-decoration-color: #26cad3;
    font-weight: bold;
    margin-bottom: 30px;
}
.small_text_blue{
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin-top: 20px;
    color:#004b6c;
}
.registration_tab_input_container.input_small select{
    padding-right: 20px;
    background-repeat: no-repeat;
    font-size: 12px;

}

.w98{
    width:98%;
}

.login_tab_input_container_option.light_blue select {
    font-size: 12px;
    line-height: 18px;
    padding: 12px 6px;
    border-radius: 12px;
    border: 1px solid #42d0d8;
    outline: none;
    text-align: center;
    background-position: right 10px center;
}

.parecer_buttons_wrapper > div {
    margin: 0 3px;
}

.text-input{
    color: #26cad3;
    font-size: 16px;
}
cancel_but{
    margin-top:10px;
    color:#fff;
    background-color: #b5002c;
    border-radius: 6px;
}
.normal_but{
        margin-top:10px;
        background-color: #004b6c;
        color:#fff;
        border-radius: 6px;
    }
@media screen and (max-width: 600px) {
    md-content.registration_tab.registration_tab_second._md {
        padding: 0 20px;
    }
    md-dialog-content.create_animal{
        margin:10px;
    } 
    .cancel_but{
        margin-top:10px;
        background-color: #b5002c;
        color:#fff;
        border-radius: 6px;
    }
    .normal_but{
        margin-top:10px;
        background-color: #004b6c;
        color:#fff;
        border-radius: 6px;
    }
}
@media screen and (max-width: 960px) {
    
    md-dialog-content.create_animal{
        margin:10px;
        background-color: #b5002c;
    } 
    md-select-value#select_value_label_10 {
        font-size: 10px;
        padding: 0;
        margin: 0 9px;
    }
    span.md-select-icon {
        margin: 0 !important;
        width: 15px !important;
    }
    md-select-value#select_value_label_11 {
        font-size: 9px;
        padding: 0;
        margin: 0px 5px;
    }
    md-dialog-content.create_animal{
        margin:10px;
        background-color: #b5002c;
    }
}
@media screen and (max-width: 960px) {
    md-content.registration_tab.registration_tab_second._md {
        padding: 0 20px;
    }
/*    md-select-value#select_value_label_10 {
        font-size: 13px;
        padding: 0;
        margin: 0 10px;
    }*/
    span.md-select-icon {
        margin: 0 !important;
        width: 15px !important;
    }
/*    md-select-value#select_value_label_11 {
        font-size: 13px;
        padding: 0;
        margin: 0px 10px;
    }*/
    
    .cancel_but{
        margin-top:10px;
        background-color: #b5002c;
        color:#fff;
        border-radius: 6px;
    }
    .normal_but{
        margin-top:10px;
        background-color: #004b6c;
        color:#fff;
        border-radius: 6px;
    }
}