.ui-dialog {
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.5);
    -webkit-border-radius: 0.3rem;
    box-shadow: 0 1px 10px rgba(0,0,0,0.5);
    border-radius:0.3rem;
    max-width:94%;
}
.ui-dialog .ui-dialog-title {
    line-height: 125%;
    font-size: 1.5rem;
    text-align: center;
    background: #FFFFFF;
    color: #FB8B0F;
    font-weight: 700;
    -webkit-border-radius: 0.3rem;
    border-radius:0.3rem;
}
.ui-dialog .ui-dialog-title h3 {
    padding:0.5rem 0;
    /*width: 94%;
    margin-left: 3%;*/
    margin: 0 1rem 0 1rem;
    border-bottom: 2px solid #FB8B0F;
}

.ui-dialog .ui-dialog-close {
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    -webkit-border-radius: 0.3rem;
    border-radius:0.3rem;
}


.ui-icon {
    background: url("/static/img/icon/close@2x.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    display: inline-block;
}
.ui-icon-delete {
    text-indent: -1000em;
}

.ui-dialog .ui-dialog-close-hover {
    background-color: rgba(255,255,255,0.4)
}

.ui-dialog .ui-dialog-content {
    padding: 1rem;
    position: relative;
    color:#000000;
    font-size: 1.2rem;
}

.ui-dialog .ui-dialog-content p {
    width:100%;
}

.ui-dialog .ui-dialog-content p.center{
    text-align: center;
}

.ui-dialog-btns {
    text-align: center;
    margin: 1rem 0;
    width: 100%;
    cursor: pointer;
}

.ui-dialog-btns .ui-btn {
    font-size: 1.3rem;
    line-height: 2.5rem;
    width: 8rem;
    display: inline-block;
    text-align: center;
    height: 2.5rem;
    color: #FFFFFF;
    background-color: #F39800;
    text-shadow: -1px -1px 1px #b4560c;
    border-radius: 0.2rem;
    margin: 0 1rem;
    font-weight: bold;
    /*
    --border-width: 1px;
    --border-style: solid;
    --background: -webkit-gradient(linear,0 0,0 100%,from(#ff9541),to(#fd7601));
    --border-color: #feb242 #feb242 #f2730a #f2730a;
    */
}

.ui-dialog-btns a[data-key='cancel'] {
    background-color: #898989;
    text-shadow: none;
    /*
    --background: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f6f6f6));
    --border-color: #fff #fff #e5e1d5 #fff;
    --color: #b18c5f;
    */
}
.ui-dialog-btns .ui-btn.ui-state-hover {
    background-color: #feb242;
    /*background-color: #e2e2e2;*/
}

.ui-dialog-btns a[data-key='cancel'].ui-btn.ui-state-hover {
    background-color: #f2f2f2;
    /*background-color: #f6f6f6;*/
}

@media all and (min-device-width: 768px) and (max-device-width: 1024px) {
    .ui-dialog {
        min-width: 500px
    }
    .ui-dialog .ui-dialog-title {
        min-height: 1.1em
    }
}

.ui-dialog .ui-dialog-footer {
    line-height: 150%;
    font-size: 16px;
    text-align: center;
}


/*
.ui-dialog{background:#fcf6ea;-webkit-box-shadow:0 1px 10px rgba(0,0,0,0.5);-webkit-border-radius:3px}
.ui-dialog .ui-dialog-title{
        height:50px;line-height:50px;font-size:16px;text-align:center;
        background:#ffe1bb;color:#fe4f00;font-weight:700;-webkit-border-radius:3px 3px 0 0;
    
}
.ui-dialog .ui-dialog-close{cursor:pointer;border-width:0;display:inline-block;padding:7px 9px;margin:2px;line-height:1;-webkit-border-radius:3px}
.ui-dialog .ui-dialog-close-hover{background-color:rgba(255,255,255,0.4)}
.ui-dialog .ui-dialog-content{padding:20px;position:relative}
.ui-dialog-btns{text-align:center;margin:10px 0;width:100%;cursor:pointer;}
.ui-dialog-btns .ui-btn{font-size:18px;line-height:44px;width:120px;display:inline-block;text-align:center;height:44px;color:#fff;border-width:1px;border-style:solid;background:-webkit-gradient(linear,0 0,0 100%,from(#ff9541),to(#fd7601));border-color:#feb242 #feb242 #f2730a #f2730a;text-shadow:-1px -1px 1px #b4560c;border-radius:6px;margin:0 5px;font-weight:bold}
.ui-dialog-btns a[data-key='cancel']{background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f6f6f6));border-color:#fff #fff #e5e1d5 #fff;text-shadow:none;color:#b18c5f}
.ui-dialog-btns .ui-btn.ui-state-hover{background-color:#e2e2e2}
@media all and (min-device-width:768px) and (max-device-width:1024px){
	.ui-dialog{min-width:500px}
	.ui-dialog .ui-dialog-title{min-height:1.1em}
}

.ui-dialog .ui-dialog-footer{line-height:150%;font-size:16px;text-align:center;}
*/