/*
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 : 06/11/2015, 22:44:35
    Author     : bondcs
*/

body {
    background-color: #ffffff;
}

#modal-mapa{
    overflow: visible;

}

#modal-mapa .modal-body-scroller{
    overflow:scroll !important;
}

#modal-mapa .modal-body, #modal-mapa .modal-header{
    padding: 10px;
}

#modal-mapa.container{
    padding-left: 0px;
    padding-right: 0px;
}

.modal-footer-mapa{
    padding: 10px;
    margin-top: 0px;
    text-align: left;
}

.modal-footer-mapa h4{
    margin-bottom: 0px;
    margin-top: 5px;
    line-height: 30px;
}

#modal-setor .modal-body{
    padding: 15px;
}

#mapa{
    /*margin: 0 auto;*/
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;

    /*
      Introduced in IE 10.
      See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
    */
    -ms-user-select: none;
    user-select: none;
}

#mapa .setor, #mapa .mapeamento{
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    /*z-index: 99999;*/
}

#mapa .setor{
    text-align: center;
    font-weight: bold;
}

#mapa .mapeamento{
    text-align: center;
    overflow: hidden;
    font-weight: bold;
}

#mapa .mapeamento span{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

#mapa .mapeamento:hover{
    opacity: 0.9;
}

.mapa-header{
    background-color: #fff;
    cursor: pointer;
}

.mapa-header h3{
    margin: 0px;
    padding: 3px;
    border: 1px solid #ddd;
}

.mapa-header .btn{
    padding: 0px 5px;
}

#info-setor-valor{
    font-weight: bold;
    font-size: 15px;
}

#info-setor-nome{
    margin-bottom: 5px;
    margin-top: 0px;
    font-size: 20px;
}

.bg-setor-0.indisponivel{
    background-color: #F44336 !important;
}

.bg-setor-0.selecionado{
    background-color: #9CCC65 !important;
}

.bg-setor-1{
    background-color: transparent !important;
    background-image: url(../images/IconeSetor/1.png);
}

.bg-setor-1.selecionado{
    background-image: url(../images/IconeSetor/1-selecionado.png) !important;
}

.bg-setor-1.indisponivel{
    background-image: url(../images/IconeSetor/1-indisponivel.png);
}

.bg-setor-2{
    background-image: url(../images/IconeSetor/2.png);
}

.bg-setor-2.selecionado{
    background-image: url(../images/IconeSetor/2-selecionado.png) !important;
}

.bg-setor-2.indisponivel{
    background-image: url(../images/IconeSetor/2-indisponivel.png);
}

.bg-setor-3{
    background-image: url(../images/IconeSetor/3.png);
}

.bg-setor-3.selecionado{
    background-image: url(../images/IconeSetor/3-selecionado.png) !important;
}

.bg-setor-3.indisponivel{
    background-image: url(../images/IconeSetor/3-indisponivel.png);
}

.bg-setor-4{
    background-image: url(../images/IconeSetor/4.png);
}

.bg-setor-4.selecionado{
    background-image: url(../images/IconeSetor/4-selecionado.png) !important;
}

.bg-setor-4.indisponivel{
    background-image: url(../images/IconeSetor/4-indisponivel.png);
}

.bg-setor-5{
    background-image: url(../images/IconeSetor/5.png);
}

.bg-setor-5.selecionado{
    background-image: url(../images/IconeSetor/5-selecionado.png) !important;
}

.bg-setor-5.indisponivel{
    background-image: url(../images/IconeSetor/5-indisponivel.png);
}

#combo-setor-list{
    list-style: none;
    padding: 0px;
    margin-bottom: 0px;
}

#combo-setor-list li{
    width: 200px;
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 5px;
}

#combo-setor-list li select{
    width: 100%;
}

@media screen and (max-width: 476px){
    #combo-setor-list li, #back-setor-btn {
        width: 100%;
    }
}

#back-setor-btn{
    /*position: absolute;*/
    /*top: 7px;*/
    /*left: 7px;*/
    /*z-index: 10;*/
    display: none;
    margin-bottom: 5px;
}

.hide{
    display: none;
}

.form-error {
    color: red;
}