﻿tags-input {
    display: block
}

    tags-input *,
    tags-input :after,
    tags-input :before {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    tags-input .host {
        position: relative;
        height: 100%
    }

        tags-input .host:active {
            outline: 0
        }

    tags-input .tags {
        -moz-appearance: textfield;
        webkit-appearance: textfield;
        padding: 6px 12px;
        overflow: hidden;
        word-wrap: break-word;
        cursor: pointer;
        background-color: #fff;
        border: 1px solid #cccccc;
        /* box-shadow: 1px 1px 1px 0 #d3d3d3 inset; */
        height: 100%;
        border-radius: 2px;
    }

        tags-input .tags.focused {
            outline: 0;
            -webkit-box-shadow: 0 0 3px 1px rgba(5, 139, 242, .6);
            -moz-box-shadow: 0 0 3px 1px rgba(5, 139, 242, .6);
            box-shadow: 0 0 3px 1px rgba(5, 139, 242, .6)
        }

        tags-input .tags .tag-list {
            margin: 0;
            padding: 0;
            list-style-type: none
        }

        tags-input .tags .tag-item {
            margin: 3px;
            padding: 0 5px;
            display: inline-block;
            float: left;
            font: 14px "Allianz Sans Regular", sans-serif !important;
            height: 26px;
            line-height: 27px!important;
            /*border: 1px solid #acacac;*/
            border-radius: 5px;
            background: #005399;
            color: white;
            /*background: -webkit-linear-gradient(top, #f0f9ff 0, #cbebff 47%, #a1dbff 100%);*/
            /*background: linear-gradient(to bottom, #f0f9ff 0, #cbebff 47%, #a1dbff 100%)*/
        }

            tags-input .tags .tag-item.selected {
                /*background: -webkit-linear-gradient(top, #febbbb 0, #fe9090 45%, #ff5c5c 100%);
                background: linear-gradient(to bottom, #febbbb 0, #fe9090 45%, #ff5c5c 100%)*/
                background: #A8A8A8;
            }

            tags-input .tags .tag-item .remove-button {
                margin: 0 0 0 5px;
                padding: 0;
                border: none;
                background: 0 0;
                cursor: pointer;
                vertical-align: middle;
                font: 700 16px Arial, sans-serif;
                color: white;
            }

                tags-input .tags .input.invalid-tag,
                tags-input .tags .tag-item .remove-button:active {
                    color: red
                }

        tags-input .tags .input {
            border: 0;
            outline: 0;
            margin: 0px;
            padding: 0 0 0 0px;
            float: left;
            height: 26px;
            font: 1em "Allianz Sans Regular", sans-serif !important;
        }

            tags-input .tags .input::-ms-clear {
                display: none
            }

    tags-input.ng-invalid .tags {
        -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, .6);
        -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, .6);
        box-shadow: 0 0 3px 1px rgba(255, 0, 0, .6)
    }

    tags-input[disabled] .host:focus {
        outline: 0
    }

    tags-input[disabled] .tags {
        background-color: #eee;
        cursor: default
    }

        tags-input[disabled] .tags .tag-item {
            opacity: .65;
            background: -webkit-linear-gradient(top, #f0f9ff 0, rgba(203, 235, 255, .75) 47%, rgba(161, 219, 255, .62) 100%);
            background: linear-gradient(to bottom, #f0f9ff 0, rgba(203, 235, 255, .75) 47%, rgba(161, 219, 255, .62) 100%)
        }

            tags-input[disabled] .tags .tag-item .remove-button {
                cursor: default
            }

                tags-input[disabled] .tags .tag-item .remove-button:active {
                    color: #585858
                }

        tags-input[disabled] .tags .input {
            background-color: #eee;
            cursor: default
        }

    tags-input .autocomplete {
        margin-top: 5px;
        position: absolute;
        padding: 5px 0;
        z-index: 999;
        width: 100%;
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
    }

        tags-input .autocomplete .suggestion-list {
            margin: 0;
            padding: 0;
            list-style-type: none;
            max-height: 280px;
            overflow-y: auto;
            position: relative
        }

        tags-input .autocomplete .suggestion-item {
            padding: 5px 10px;
            cursor: pointer;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font: 16px "Allianz Sans Regular", sans-serif !important;
            color: #000;
            background-color: #fff
        }

            tags-input .autocomplete .suggestion-item.selected,
            tags-input .autocomplete .suggestion-item.selected em {
                color: #fff;
                background-color: #005399
            }

            tags-input .autocomplete .suggestion-item em {
                font: normal 700 16px "Allianz Sans Regular", sans-serif !important;
                color: #000;
                background-color: #fff
            }

<!--Ajustes feito por Roberta-->
.resumo label, .motor label {font-size:0.9em!important}
.input {font-family: "Allianz Sans Regular", sans-serif !important;}

@media (max-width: 768px){
	label{margin-top:20px;}
	tags-input .tags {margin: 15px;}
}

@media (min-width: 769px){
	.col-sm-7.u-paddingLeft-2 {margin-left: -15px; width: 60%;}
	.col-sm-7.u-paddingLeft-2 input {font-size:0.95em!important;}
	.btn--cotar {margin-left: -15px;}
}
::-webkit-input-placeholder {
    color: #999999;
}

.msg.msg-error {
    color: red;
}
/*Tirar o placeholder do input quando clicado*/

input:focus::-webkit-input-placeholder {
   color: transparent;
}
input:focus:-moz-placeholder { /* Firefox 18- */
   color: transparent;  
}
input:focus::-moz-placeholder {  /* Firefox 19+ */
   color: transparent;  
}
input:focus:-ms-input-placeholder {  
   color: transparent;  
}

/*Span 40 anos*/
.popover-content small {
    display: none;
}

