/* heritage bootstrap */
.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


textarea.form-control {
    height:100px;
}
button, input {
    overflow: visible;
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
}

table {
    border-collapse: collapse;
    text-indent: initial;
    border-spacing: 2px;
}


.btn-tag, .btn {
    display: inline-block;
    position:relative;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #FFF;
    border: 1.5px #CCC solid;
    padding:8px 12px;
    border-radius:6px;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin:2px 2px;
}    



.tag-city svg { fill:#CCC; }

.tag-city {font-weight:bold;padding-right:7px;color:#CCC!important;border-color:#DDD;} 
.tag-category {font-weight:bold;color:#FFF;padding-right:8px;background-color: #CCC}

.tag-big {font-size:16px;height:40px;}

.tag-city.selected {border-color:#00A2E8;color:#00A2E8!important;background-color: #EEE;}
.tag-category.selected {border-color:#00A2E8;background-color:#00A2E8;}

.tag-city.selected svg {fill:#00A2E8;}
.btn-big svg {margin:-5px 10px 0px 0px!important;width:25px!important;height:25px!important;}


/*
.btn-primary {background-color:#00A2E8;border-color:#0088CC;}
.btn-primary:hover {background-color:#0088CC;}

.btn-primary {background-color:#00A2E8;border-color:#00A2E8;}
.btn-light {border-color:#DDD;}
.btn-light {color:#00A2E8;border-color:#DDD;}
*/
.btn-light {
    color: #212529;
}

.btn-blight {
    color: #BBB;
    font-weight: bold;
}

.btn-black {
    color: #FFF;
    background-color: #000;
}

.btn-black svg {fill:#FFF!important;}

.btn-red2 {
    color: #FFF;
    background-color: red;
}

.btn-red2 svg {fill:#FFF!important;}

.btn-white {
    border-color:#F8F8F8;
}

.btn-lgrey {
    background-color:#DDD;
    border-color:#EEE;
}

.btn-white2 {
    border-color:#EEE;
    background-color: #EEE
}

.btn-danger {
    background-color:#CC0000;
    font-weight:bold;
    color:#FFF;    
}

.btn-info {
    background-color:#00A2E8;
    font-weight:bold;
    color:#FFF;    
}

.btn-blue {
    background-color:#00A2E8;
    border-color:#00A2E8;
    color:#FFF;    
}

.btn-orange {
    background-color:darkOrange;
    border-color:darkOrange;
    color:#FFF;    
}

.btn-green {
    background-color:#409147;
    border-color:#409147;
    color:#FFF;    
}

.btn-grey {
    background-color:#888;
    border-color:#888;
    color:#FFF;    
}

.btn-grey svg {fill:#FFF!important;}

.btn-red3 {
    background-color:red;
    border-color:red;
    color:#FFF;    
}

.btn-yellow {
    background-color:#ffc90e;
    border-color:#ffc90e;    
}

.btn-yellow svg {
    fill:#000!important;;
}

.btn-green svg {
    fill:#FFF!important;
}

.btn-danger svg {
    fill:#FFF!important;
}


.btn-blue svg,.btn-red3 svg,.tag-category svg,.btn-info svg,.btn-orange svg {fill:#FFF!important;}

.btn svg {width:18px;height:18px;margin:-2px 7px 0px 0px;fill:#888;}
.btn-blight svg {fill: #BBB;}

.btn.btn-notext svg { margin:-2px 0px 0px 0px; }
.btn-empty svg {margin:-2px 0px 0px 0px;}

.btn-red.selected {color:#FFF!important;background-color: #CC0000}
.btn-red.selected svg {fill:#FFF;}
.btn-full {
    text-align:left;
    width:100%;
}

.btn-create {border:1.5px solid #888!important;font-weight:bold;}


.input-group { display: flex;}

.input-group .form-control {float:left;}
.input-group .input-group-prepend,.input-group .input-group-append {float:left;}

.input-group .input-group-prepend .input-group-text {border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;}
.input-group .input-group-append .input-group-text {border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;}

.btn-prepend {border-top-right-radius: 0!important;border-bottom-right-radius: 0!important;margin-right: 0px}
.btn-append {border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;margin-left: 0px}
.btn-center {border-radius: 0!important;margin-left: 0px;border-left: 0px #EEE solid;border-right: 0px #EEE solid;margin: 0px}


.input-group-text { display: flex;height:41px;padding:7px!important;}

.input-group-prepend .input-group-text { border-right:0px solid transparent;}
.input-group-append .input-group-text { border-left:0px solid transparent; }

.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>input:not(:last-child) 

{border-top-right-radius: 0;border-bottom-right-radius: 0;}

.input-group>input:not(:first-child) 
{border-top-left-radius: 0;border-bottom-left-radius: 0;}

.input-group .input-group-text.svg-plus {
    cursor:pointer;
}

.input-group .input-group-text.svg-plus.selected svg {
    fill:#FFF;
}    

.input-group .input-group-text.svg-plus.selected {
    background-color:#CC0000;
}    


.btn-red {
    color:red!important;
    background-color: #EEE!important;
    border-color:red;
}

.btn-red svg {fill:red!important;}

@media(hover: hover) and (pointer: fine) 
{
.tag-city:hover,.btn:hover {color:darkOrange!important;background-color:#EEE!important;border-color:darkOrange;}
.btn:hover svg {fill:darkOrange;}

.tag-city:hover svg {fill:darkOrange!important}

.btn-red.selected:hover {
    color:#000!important;
    background-color: #DDD!important;    
}

.btn-red.selected:hover svg {fill:#000;}

.input-group .input-group-text.svg-plus:hover svg {
    fill:darkOrange;
}
.input-group .input-group-text.svg-plus:hover {
    background-color:#DDD;
}

.tag-category:hover, .btn-info:hover, .btn-danger:hover {
    color:#FFF!important;
    background-color:darkOrange!important;   
    border-color:darkOrange!important; 
}

.tag-category:svg, .btn-info:hover svg {
    fill:#FFF!important;
}

.btn-black:hover,.btn-red:hover {
    color:#FFF!important;
    background-color: darkOrange!important;    
}
.btn-black:hover svg,.btn-red:hover svg {fill:#FFF!important;}


.btn.disabled:hover {color: darkOrange!important} /*background-color: darkOrange!important; */
}

.btn-plain {font-weight:400;}

.tab-pane {display:none;}
.tab-pane.show {display:block;}

.btn-swhite {border:0px #FFF solid;font-size:14px;}
.btn-swhite svg {margin-right:4px;}

.btn-100 {width: 100%}
.btn-left {text-align: left}

input:disabled {
    background-color: #EEE;
    color: #000;
}

.btn.disabled {background-color: #AAA;color: #FFF!important}