button{margin-right: 1px}

#Div_canvas{
    position: absolute;
    left:10px;
    top:30px;
    bottom: 100px;
    z-index:97;
}

#Operation{
    position:absolute;
    left: 10px;
    top:720px;
    height: 200px;
    width: 800px;
    background: cadetblue;
    /*overflow-y:scroll;*/
}

#Div_Set_Simu_Task{
    position:absolute;
}

input{
    border: 1px solid #ccc;
    padding: 3px 0px;
    border-radius: 3px;
    padding-left:5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}


.tier1,.tier2,.tier3,.tier4 {
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-left: 40px;
}

.tier label{
    display: block;
    height: 40px;
    width: 60px;
    line-height: 40px;
    font-size: 20px;
    font-family: SimHei;
    cursor: pointer;
}

.tier input{
    z-index: 3;
    position: absolute;
    top:0;
    bottom: 0;
    left: -20px;
    margin: auto;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#map_Canvas{
    position: absolute;
    left: 0px;
    top: 0px;
}

#barrierNodes_Canvas{
    position: absolute;
    left: 0px;
    top: 0px;
    background: transparent;
}

#mapInfo_Canvas{
    position: absolute;
    left: 0px;
    top: 0px;
    background: transparent;
}

#cargo_Canvas{
    position: absolute;
    left: 0px;
    top: 0px;
    background: transparent;
}

#Vehicles_Canvas{
    position: absolute;
    left: 0px;
    top: 0px;
    background: transparent;
}

#Path_Canvas{
    position: absolute;
    left: 0px;
    top: 0px;
    background: transparent;
}

#Div_test_operation{
    position: absolute;
    top:0px;
    left: 0px;
    width: 370px;
    height: 470px;
    background-color: cornflowerblue;
}

#Div_grid_switch{
    position:absolute;
    left: 40px;
    top:110px;
    width: 250px;
}

#Div_test_task{
    position: absolute;
    left: 5px;
    top: 405px;
    width: 250px;
}

#test_delete{
    position:absolute;
    left: 5px;
    top:155px;
    width: 250px;
}

#Set_Vehicle_Cargo{
	position:absolute;
    left: 5px;
    top:225px;
    width: 240px;
}

#test_change_state{
    position:absolute;
    left: 5px;
    top:285px;
}

#Set_Cargo{
    position:absolute;
    left: 5px;
    top: 345px;
}

#Div_operation{
    position: absolute;
    top:480px;
    left: 0px;
    width: 370px;
    height: 1300px;
    background-color: #9fda55;
}

#Select_Block{
    position:absolute;
    left: 5px;
    top: 10px;
}

#Set_Park{
    position: absolute;
    left: 5px;
    top: 140px;
}

select {
    width                    : 5em;
    height                   : 2em;
    padding                  : 0.1em 0.2em 0.1em 0.2em;
    vertical-align           : middle;
    border                   : 1px solid #94c1e7;
    -moz-border-radius       : 0.1em;
    -webkit-border-radius    : 0.1em;
    border-radius            : 0.1em;
    -webkit-appearance       : none;
    -moz-appearance          : none;
    appearance               : none;
    background               : #ffffff;
    font-family              : SimHei;
    font-size                : 1em;
    color                    : rgba(0, 0, 0, 0.7);
    cursor                   : pointer;
}

input:focus{
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}

#Div_Vehicles_operation{
    position: absolute;
    top:70px;
    left: 40px;
}

#Vehicle_inf{
    position: absolute;
    top: 60px;
}

#update{
    position: relative;
    bottom: 0px;
}

#all_path_switch_button{
    position: absolute;
    top: 35px;
    left: 40px;
}

#path_switch_button{
    position: absolute;
    top: 60px;
    left: 40px;
}

#collision_switch_button{
    position: absolute;
    top: 85px;
    left: 40px;
}

#grid_switch_button{
    position: absolute;
    top: -5px;
    left: 10px;
}

#path_node_switch_button{
    position: absolute;
    top: 70px;
    left: 40px;
}

#finish_vehicle_task{
    position:absolute;
    left: 5px;
    top:190px;
    width: 250px;
}

#opretionIcon{
    /*right: 10%;*/
    /*bottom: 10%;*/
    z-index: 99;
    cursor: pointer;
    position: fixed;
}

#OperationTable{
    width: 500px;
    height: 100%;
    background: #0c1B2E;
    color: white;
    z-index: 98;
    position: fixed;
    display: none;
}

#nodeContextMenu {
    border: 1px solid #aaa;
    border-bottom: 0;
    background: #eee;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}

#nodeContextMenu li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #aaa;
    cursor: pointer;
}

#nodeContextMenu li a:hover {
    background: #fff;
}

#vehicleContextMenu {
    border: 1px solid #aaa;
    border-bottom: 0;
    background: #eee;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}

#vehicleContextMenu li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #aaa;
    cursor: pointer;
}

#vehicleContextMenu li a:hover {
    background: #fff;
}
#areaContextMenu {
    border: 1px solid #aaa;
    border-bottom: 0;
    background: #eee;
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    display: none;
}

#areaContextMenu li a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #aaa;
    cursor: pointer;
}

#areaContextMenu li a:hover {
    background: #fff;
}
#Vehicle_msg{
    color: white;
    position: absolute;
    /*left: 40%;*/
    /*bottom: 20px;*/
    width: 400px;
    height: 370px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 10px;
    border: 2px solid #206BF6;
    display: none;
    /*background: url(/rmds/static/image/head.png) no-repeat center top/100% 73px,*/
    /*url(/rmds/static/image/body.png) no-repeat center 73px/100% calc(100% - 73px - 69px),*/
    /*url(/rmds/static/image/foot.png) no-repeat center bottom/100% 69px;*/
}
#Vehicle_msg::before {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: 30px;
    width: calc(100% - 60px);
    content: "";
    border-top: 2px solid rgba(0,0,0,0.8);
    border-bottom: 2px solid rgba(0,0,0,0.8);
    z-index: 0;
}
#Vehicle_msg::after {
    position: absolute;
    top: 30px;
    right: -2px;
    left: -2px;
    height: calc(100% - 60px);
    content: "";
    border-right: 2px solid rgba(0,0,0,0.8);
    border-left: 2px solid rgba(0,0,0,0.8);
    z-index: 0;
}
#Node_msg{
    color: white;
    position: absolute;
    /*left: 40%;*/
    /*bottom: 20px;*/
    width: 450px;
    height: 200px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 10px;
    border: 2px solid #206BF6;
    display: none;
    /*background: url(/rmds/static/image/head.png) no-repeat center top/100% 73px,*/
    /*url(/rmds/static/image/body.png) no-repeat center 73px/100% calc(100% - 73px - 69px),*/
    /*url(/rmds/static/image/foot.png) no-repeat center bottom/100% 69px;*/
}
#Node_msg::before {
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: 30px;
    width: calc(100% - 60px);
    content: "";
    border-top: 2px solid rgba(0,0,0,0.8);
    border-bottom: 2px solid rgba(0,0,0,0.8);
    z-index: 0;
}
#Node_msg::after {
    position: absolute;
    top: 30px;
    right: -2px;
    left: -2px;
    height: calc(100% - 60px);
    content: "";
    border-right: 2px solid rgba(0,0,0,0.8);
    border-left: 2px solid rgba(0,0,0,0.8);
    z-index: 0;
}
#Charge_msg{
    color: white;
    position: absolute;
    /*left: 40%;*/
    /*bottom: 20px;*/
    width: 350px;
    height: 250px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 10px;
    border: 2px solid #206BF6;
    display: none;
    /*background: url(/rmds/static/image/head.png) no-repeat center top/100% 73px,*/
    /*url(/rmds/static/image/body.png) no-repeat center 73px/100% calc(100% - 73px - 69px),*/
    /*url(/rmds/static/image/foot.png) no-repeat center bottom/100% 69px;*/
}
#Charge_msg::before{
    position: absolute;
    top: -2px;
    bottom: -2px;
    left: 30px;
    width: calc(100% - 60px);
    content: "";
    border-top: 2px solid rgba(0,0,0,0.8);
    border-bottom: 2px solid rgba(0,0,0,0.8);
    z-index: 0;
}
#Charge_msg::after{
    position: absolute;
    top: 30px;
    right: -2px;
    left: -2px;
    height: calc(100% - 60px);
    content: "";
    border-right: 2px solid rgba(0,0,0,0.8);
    border-left: 2px solid rgba(0,0,0,0.8);
    z-index: 0;
}
body{
    background: url('../image/true.png');
    /*background-color: #d2dbd7;*/
}

.layui-form-item{
    margin-left: 10px;
}

.one img{
    position: absolute;
    width: 24px;
    height:24px;
}
.one {
    animation-name: cantoons1;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes cantoons1{
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.btnStyle{
    background-color: #999999;
}