.country_modal{
    display: none;                    
}

.ui-dialog.country_modal{
    border-top: 9px solid rgba(0,0,0,0);
    position: fixed;
    background-color: #fff;
    z-index: 15000;
    border-radius: 10px;
    padding: 25px;
    display: none;
    top: calc(50% - 220px);
}


/*
.ui-dialog.country_modal .ui-dialog-titlebar-close
{
    z-index: 999999;
    position: absolute;
    top: 5px;
    right: 9px;
    border: 0px solid transparent;
    background-color: transparent;
    background-size: 100%;
    cursor: pointer;
    padding: 15px;
}

.ui-dialog.country_modal .ui-button-icon.ui-icon.ui-icon-closethick {
    background-image: url(../imgs/close.png);
    width: 16px;
    height: 16px;
    border: 0px solid transparent;
    background-color: transparent;
    background-size: 100%;
    cursor: pointer;
    display: block;
}

.ui-dialog.country_modal .ui-dialog-titlebar-close:focus-visible {
    outline: 0px solid transparent;
    background: transparent;
}
*/


.ui-dialog.country_modal .ui-dialog-title{
    display: block;
    font-weight: bold;
    font-size: 1.3rem;
    width: 100%;

}

.ui-widget-overlay.ui-front {
    background: rgba(0, 0, 0, 0.5);
    opacity: 0.75;
    -moz-opacity:0.75;
    filter: alpha(opacity=75);
    width:100%;
    height:100%;
    z-index:1001;
    position: fixed;
}                

.selectContainer{
    background-color: #EDEDED;
}


.shippingCountryText{
    padding-top: 17px;  
    margin-left: 20px;
    color: #808080;
    font: normal 14px/22px Roboto;
    letter-spacing: 0.14px;
}

#dialogText{
    font: normal 14px/19px Roboto;
    letter-spacing: 0;
    color: #707070;
}

#dialogSelect, .dialogButtonClass, .ui-dialog.country_modal .ui-dialog-title, #dialogText {
    margin: 20px 40px 20px 50px;
}

div[role="option"] {
    height: 50px;
    margin: 20px 0px 20px 5px;
    background-color: #ddd;
   
}

/*
.ui-selectmenu-menu ul{
    list-style-type: none;
}
*/

#dialogSelect {
    padding-left: 15px;
    border: 1px solid #ddd;
    width: 94%;
    height: 50px;
    margin: 3px 0px 20px 15px;    
}



.ui-dialog.country_modal .ui-dialog-buttonpane {
    text-align: -webkit-center;
}

.ui-dialog.country_modal .dialogButtonClass{
    display: block;
    font: 400 14px/16px Roboto;
    letter-spacing: 1.4px;
    color: #000000;
    text-transform: uppercase;
    background-color: #fff;
    width: 480px;
    max-width: 100%;
    height: 56px;
    padding: 18px;
    margin: 20px 5px 20px 5px;
}
