.__ddsoo_styles .-flex {    display:flex;}
.__ddsoo_styles .-justify-center {    justify-content:center ;}
.__ddsoo_styles .-items-center {    align-items:center ;}
.__ddsoo_styles a{
    color:#2a7fff;
}
.__ddsoo_styles .-transition{
    transition:all 0.2s ease;
}
.__ddsoo_styles .-shadow-sm{
    box-shadow:0px 2px 4px rgba(0,0,0,0.05);
}
.__ddsoo_styles .-shadow-md{
    box-shadow:0px 2px 6px rgba(0,0,0,0.1);
}
.__ddsoo_styles .-btn-sm{
    background-color:#0066ff; padding:0.5rem 1.25rem; border-radius:100px; color:#ffffff; display:inline-block; cursor:pointer;
}
.__ddsoo_styles .-link-sm{
    background-color:rgba(0, 102, 255,0.05); padding:0.5rem 1.25rem; border-radius:100px; color:#0066ff; display:inline-block; cursor:pointer;
}
.__ddsoo_styles .-link-display-sm{
    color:rgba(0,0,0,0.5); display:inline-block; 
}

.__ddsoo_styles .-hidden{display:none; }
.__ddsoo_styles .-flex{display:flex; }
.__ddsoo_styles .-title1{    font-size:0.9rem; color:#aaaaaa;  margin-bottom:0.5rem; }
.__ddsoo_styles .-title2{    font-size:1.2rem; color:#333333; font-weight:600;  }
.__ddsoo_styles .-title3{    font-size:1.2rem; color:#333333; font-weight:600;  }
.__ddsoo_styles .-sub-title{    font-size:0.9rem; margin-top:0.8rem;  }
.__ddsoo_styles .-head{display:flex; align-items:center; margin-bottom: 3rem;}
.__ddsoo_styles .-head2{display:flex; align-items:center;}
.__ddsoo_styles .-head .-head-left,
.__ddsoo_styles .-head2 .-head-left{flex-grow:1;}


.__ddsoo_styles select,
.__ddsoo_styles textarea,
.__ddsoo_styles input[type="number"],
.__ddsoo_styles input[type="text"]{border:0px; font-size:1rem; font-weight:600;}

.__ddsoo_styles select:hover,
.__ddsoo_styles textarea:hover,
.__ddsoo_styles input[type="number"]:hover,
.__ddsoo_styles input[type="text"]:hover{background-color:rgba(0,0,0,0.03); }

.__ddsoo_styles textarea{font-size:1rem;}


.__ddsoo_styles select{max-width:18rem; width:100%;}
.__ddsoo_styles input[type="text"],
.__ddsoo_styles input[type="number"],
.__ddsoo_styles textarea
{max-width:18rem; width:100%;}

.__ddsoo_styles #submit{background-color:#0066ff;  border-radius:100px; padding:0.2rem 3rem; font-size:1.2rem; font-weight:600; border:0px; box-shadow:0px 4px 8px -4px  rgba(0,0,0,0.2);}
.__ddsoo_styles #submit:hover{box-shadow:0px 8px 12px -4px  rgba(0,0,0,0.2);}
.__ddsoo_styles #submit:active{box-shadow:0px 2px 3px 0px  rgba(0,0,0,0.2);}


.__ddsoo_styles .__btn{background-color:#e7f0ff; color:#0066ff;  border-radius:100px; padding:0.5rem 1rem; font-size:0.9rem; 
font-weight:500; border:0px; box-shadow:0px 4px 4px -4px  rgba(0,0,0,0.2); cursor:pointer;}
.__ddsoo_styles .__btn:hover{box-shadow:0px 6px 8px -4px  rgba(0,0,0,0.2);}
.__ddsoo_styles .__btn:active{box-shadow:0px 1px 2px 0px  rgba(0,0,0,0.2);}

.__ddsoo_styles .DDSOO_settings_header img,
.__ddsoo_styles .-main img{    width:100%;    height:auto; vertical-align:top;}



#DDSOO_settings .__dd_error{color:red;}
#DDSOO_settings .__dd_input_error{border-color:red;}
#DDSOO_settings .__dd_input_error{border:1px solid red;}

body.toplevel_page_doordash {
    background-color:#fefbfc;
}
.DDSOO_settings_header{
    background-color:#ffffff;    
    padding:10px 10px;
    align-items:center ; justify-content:space-between;
}
.DDSOO_settings_header .--left{
   display:flex; flex-direction:column;  
}
.DDSOO_settings_header .--title{    margin-left:2.3rem; font-size:1rem; font-weight:500;line-height:1;}
.DDSOO_settings_header .--logo{     font-weight:600; width:150px; display:flex; max-width:260px;}
.DDSOO_settings_header .--nav a{     margin-left:1em;}



#DDSOO_settings .-notifications{    max-width:65%;}
#DDSOO_settings .-left{    padding:1rem;   }
#DDSOO_settings .-right{    padding:1rem;    }



/* PROPERTIES */
.-settings{}
.-settings .---left{flex-grow:1;}
.DDSOO_properties tbody{    display:flex; flex-wrap:wrap;}

.-settings .--advanced-settings{margin-top:2rem; margin-bottom:2rem;}

.DDSOO_properties .--prop.publish{
    background-color:#ffffff;  margin-bottom:0.7rem; box-shadow:0px 2px 8px rgba(0,0,0,0.05), 0px 12px 12px -12px rgba(0,0,0,0.1); border-radius:4px; width:100%;   
    display:flex; align-items:center; 
}
.DDSOO_properties .--prop.publish.-hide{
     display:none;
}
.DDSOO_properties .--prop.publish:hover{    background-color:#f2f7ff; }
.DDSOO_properties .--prop th{     padding:1rem; width:30%; color:rgba(0,0,0,0.5); font-weight:600;}
.DDSOO_properties .--prop td{     padding:0.5re width:70%; margin-bottom: 0px;}

.DDSOO_properties .--prop th .-settings-title-info{ display: flex; align-items: center; position: relative;  }
.DDSOO_properties .--prop th .-settings-title-info .-settings-tooltip-wrapper .-tooltip-description{ visibility: hidden; position: absolute; width: 100%; background-color: #555; color: #fff; text-align: center; padding: 5px; border-radius: 6px; z-index: 1; opacity: 0; transition: opacity .6s; top: 24px; font-size: 12px; margin-left: -30px; }
.DDSOO_properties .--prop th .-settings-title-info .-settings-tooltip-wrapper .-tooltip-description::after{  content: ""; position: absolute; bottom: 98%;  left: 11%;  margin-left: -18px; border-width: 5px; border-style: solid; border-color: transparent transparent #555 transparent; }
.DDSOO_properties .--prop th .-settings-title-info .-settings-tooltip-wrapper:hover .-tooltip-description{ visibility: visible; opacity: 1; }
.DDSOO_properties .--prop th .-settings-title-info .-settings-tooltip-wrapper .-settings-img-info{ width: 16px; margin-right: 10px; cursor: pointer; }

.DDSOO_properties .input-prepend{display:flex; align-items:center;}
.DDSOO_properties .input-prepend .add-on{margin-right:0.5rem; display:flex; align-items:center;}

.DDSOO_properties .--prop.--color .--color-picker{ width:1.5rem; height:1.5rem; display:flex; align-items:center; justify-content:center; box-shadow:0px 2px 4px rgba(0,0,0,0.3); cursor:pointer; border-radius:50px; padding:0.2rem;}
.DDSOO_properties .--prop.--color .--color-picker:hover{box-shadow:0px 4px 8px -4px rgba(0,0,0,0.3); transform:scale(1.05);}
.DDSOO_properties .--prop.--color .--color-picker:active{box-shadow:0px 2px 2px 0px rgba(0,0,0,0.3); transform:scale(0.95);}
.DDSOO_properties .--prop.--color .--color-img{border-radius:50px; border:2px solid #ffffff; display:block;}

.DDSOO_properties .--prop.--color .--color-picker.--has-value .--color-img{display:none;}


/* ADD/REMOVE PROPERTIES */
.DDSOO_settings_properties{  background-color:#f5f5f7; position: fixed;   padding:2rem; padding-top:4rem; left: 0px;    right: 0px;    top: 0px;    bottom: 0px; overflow:auto; }


.DDSOO_settings_properties .--props{    background-color:#ffffff; border-radius: 10px; padding: 0.5rem 0rem;}
.DDSOO_settings_properties .--prop{ cursor:default; padding:0.8rem 1.2rem; border-bottom:1px solid #eeeeee;transition:all 0.1s ease; display: flex;
    flex-direction: column;    justify-content: center;    align-items: center;}
.DDSOO_settings_properties .--prop:last-child{ border-bottom:0px;}
.DDSOO_settings_properties .--prop:hover{  background-color:#f2f7ff; transform:translateY(-2px); box-shadow:0px 4px 8px -4px rgba(0,0,0,0.1); position:relative; z-index:12; }
.DDSOO_settings_properties .--prop-title{  font-size:1rem; font-weight:600; margin-bottom:0.5rem; text-align:center; }
.DDSOO_settings_properties .--prop-action{  width:6rem; text-align:center;}
.DDSOO_settings_properties .--prop .--prop-remove{ display:none;}
.DDSOO_settings_properties .--prop .--prop-add{ display:block;}
.DDSOO_settings_properties .--prop.--published .--prop-remove{ display:block;}
.DDSOO_settings_properties .--prop.--published .--prop-add{ display:none;}

.DDSOO_settings_properties .--prop{ padding:0.8rem 1.2rem;  flex-direction: row;  justify-content:space-between; align-items:center;}
.DDSOO_settings_properties .--prop-title{   margin-bottom:0rem; }


.DDSOO_settings_properties .--props{}

.DDSOO_settings_properties .--head{display:flex; margin-bottom: 3rem;}
.DDSOO_settings_properties .---left{flex-grow:1;}


@media (min-width: 768px) {
    .__ddsoo_styles .-md-hidden{display:none; }
    .__ddsoo_styles .-md-block{display:block; }
    .__ddsoo_styles .-title1{    font-size:1rem; }
    .__ddsoo_styles .-title2{    font-size:1.5rem; }

    .DDSOO_settings_header{    padding:20px 40px;}
    .DDSOO_settings_header .--logo{  width:auto; }
    .DDSOO_settings_header .--title{    margin-left:4.75rem; font-size:1.5rem;}
}
@media (min-width: 782px) {
    .DDSOO_settings_properties{  left: 36px; }
}
@media (min-width: 961px) {
    .DDSOO_settings_properties{  left: 160px; }
}

  
@media (min-width: 1200px) {
    .__ddsoo_styles .-lg-hidden{display:none; }
    .__ddsoo_styles .-lg-block{display:block; }
    
    .__ddsoo_styles select,
    .__ddsoo_styles textarea,
	.__ddsoo_styles input[type="number"],
    .__ddsoo_styles input[type="text"]{font-size:1.2rem; font-weight:600;}

     #DDSOO_settings .-main{    display:flex;    flex-direction:row;}
    #DDSOO_settings .-left{    width:65%;    padding:2rem;   }
    #DDSOO_settings .-right{    width:35%;    padding:2rem;    }

    .-settings{max-width:600px;}

    .DDSOO_settings_properties{  left: 0px; }
    .DDSOO_settings_properties{ position:relative;  background-color:transparent; padding:0rem; padding-top:0rem; overflow: visible;}
    .DDSOO_settings_properties .--props{max-height:500px; overflow:auto;}

    

}
@media (min-width: 1600px) {
    #DDSOO_settings .-left{  padding:4rem;     }
    #DDSOO_settings .-right{  padding:4rem;        }
}