/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

 .spacento-meta-box-container,
 .spacento-meta-box-container *{
     box-sizing: border-box;
 }
 .spacento-meta-box-heading{
     width: 100%;
     position: relative;
 }
 .spacento-meta-box-heading>h3{
     padding: 10px 40px 10px 20px;
     background: rgba(235,235,235,1.00);
     margin: 0;
     cursor: pointer;
 }
 .spacento-meta-box-heading span{
     position: absolute;
     top: 10px;
     right: 20px;
     display: inline-block;
     cursor: pointer;
 }
 .spacento-meta-box-heading-content{
     background: rgba(230,230,230,1.00);
     padding: 20px;
 }
 .spacento-meta-box-heading-content h3{
     margin: 0 0 0.5em 0;
     cursor: pointer;
 }
 .spacento-meta-box-content{
     width: 100%;
     position: relative;
     padding: 36px;
     background: rgba(244,244,244,1.00);
     min-height: 300px;
 }
 .spacento-property-feature-list,
 .spacento-meta-box-gallery-items{
     margin: 2.0em 0 2.0em 0;
     width: 100%;
     border: 1px dotted rgba(0,0,0,1.00);
     padding: 2.0em;
     position: relative;
     min-height: 300px;
 }
 .spacento-meta-box-overlay{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background: rgba(244,244,244,1.00);
     z-index: 10;
 }
 .spacento-meta-box-overlay-content{
     position: absolute;
     width: 100%;
     top: 50px;
 }
 .spacento-meta-box-overlay-content p{
     text-align: center;
 }
 .spacento-meta-box-overlay-content>p>span{
       border: 6px solid #000000; /* Light grey */
      border-top: 6px solid #007cba; /* Blue */
       border-radius: 50%;
       width: 36px;
      height: 36px;
       animation: spacento-spinner-icon 2s linear infinite;
     display: inline-block;
     margin: 0 0 0 0.5em;
 }
 @keyframes spacento-spinner-icon {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
 
 .spacento-property-feature-list-content-source,
 .spacento-meta-box-gallery-item-source{
     display: none;
 }
 .spacento-property-feature-list-content{
     width: 100%;
     min-height: 300px;
 }
 
 .spacento-property-feature-list-item{
     width: 100%;
     padding: 0.5em 4.0em 0.5em 0.5em;
     background: rgba(250,250,250,1.00);
     position: relative;
     overflow: auto;
     margin: 0 0 20px 0;
 }
 .spacento-property-feature-list-item>.spacento-delete{
     position: absolute;
     display: inline-block;
     top: 1.0em;
     right: 0.5em;
     cursor: pointer;
     z-index: 4;
     background: rgba(250,250,250,1.00);
 }
 .spacento-property-feature-list-item>.spacento-delete-spinner{
       border: 4px solid #000000; /* Light grey */
      border-top: 4px solid #007cba; /* Blue */
       border-radius: 50%;
       width: 24px;
      height: 24px;
       animation: spacento-delete-spinner-icon 2s linear infinite;
     display: inline-block;
     margin: 0 0 0 0.5em;
     z-index: 3;
     position: absolute;
     top: 1.3em;
     right: 0.8em;	
 }
 @keyframes spacento-delete-spinner-icon {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
 .spacento-property-feature-list-item>.spacento-delete-error{
     position: absolute;
     display: none;
     top: 1.0em;
     right: 4.5em;
     cursor: pointer;
     z-index: 4;
     padding: 10px 20px;
     background: rgba(235,235,235,1.00);
 }
 
 
 .spacento-property-feature-list-item p{
     width: 100%;
     float: left;
     padding: 0 0.5em;
 }
 .spacento-property-feature-list-item p span{
     width: 100%;
     padding: 0 0 10px 0;
     display: block;
 }
 
 .spacento-property-feature-list-content>span{
     display: none;
 }
 .spacento-add,
 .spacento-add-image{
     display: inline-block;
     padding: 0.6em 3.0em;
     background: #007cba;
     color: rgba(255,255,255,1.00);
     -webkit-border-radius: 1.2em;
     -moz-border-radius: 1.2em;
     border-radius: 1.2em;
     font-size: 1.0rem;
     cursor: pointer;
 }
 
 .spacento-meta-box-gallery-content{
     display: none;
 }
 .spacento-meta-box-gallery-items{
     overflow: auto;
 }
 .spacento-meta-box-gallery-items>span{
     display: none;
 }
 .spacento-meta-box-gallery-item{
     float: left;
     width: 100%;
     position: relative;
 }
 .spacento-meta-box-gallery-item img{
     display: inline-block;
     max-width: 100%;
     height: auto;
 }
 .spacento-meta-box-gallery-item .spacento-delete{
     position: absolute;
     display: inline-block;
     top: 1.0em;
     right: 0.5em;
     cursor: pointer;
     z-index: 4;
     background: rgba(67,67,67,1.00);
 }
 
 .spacento-admin-widget-settings{
     width: 100%;
     position: relative;
     min-height: 200px;
 }
 .spacento-admin-widget-settings-overlay{
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(240,240,240,1.00);
     z-index: 10;
     padding: 32px 0 0 0;
     display: none;
 }
 .spacento-admin-widget-settings-overlay p{
     width: 100%;
     margin: 0 0 10px 0;
     text-align: center;
 }
 .spacento-admin-widget-settings-overlay span{
       border: 6px solid #000000; /* Light grey */
      border-top: 6px solid #DA4B4D; /* Blue */
       border-radius: 50%;
       width: 20px;
      height: 20px;
       animation: spacento-widget-settings-spinner-icon 2s linear infinite;
     display: inline-block;
     margin: 8px 0 0 0;
 }
 @keyframes spacento-widget-settings-spinner-icon {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
 
 .spacento-meta-box-price-content{
     display: none;
 }
 
 .spacento-property-price-item{
     width: 100%;
     padding: 0.5em 4.0em 0.5em 0.5em;
     background: rgba(250,250,250,1.00);
     overflow: auto;
 }
 .spacento-property-price-item p{
     width: 100%;
     float: left;
     padding: 0 0.5em;
 }
 .spacento-property-price-item p span{
     width: 100%;
     padding: 0 0 10px 0;
     display: block;
 }
 
 .spacento-widget-property-location{
     display: none;
 }
 .spacento-widget-property{
     display: none;
 }
 
 /* styles for less than 400px */
 @media screen
 and (max-width : 399px) {
 
 
 
 }
 
 /* styles for 400px - 600px */
 @media screen
 and (min-width : 400px) 
 and (max-width : 599px) {
     
 
 }
 
 /* styles for 600px - 900px */
 @media screen 
 and (min-width : 600px) 
 and (max-width : 900px) {
 
 
 
 }
 
 /* styles for 901px - 1200px */
 @media screen
 and (min-width : 901px) {
     
 
 }
 
 
 
 @media screen
 and (min-width : 900px)
 and (max-width : 1200px) {
 
 
 }
 
 @media screen 
 and (min-width : 1201px)
 and (max-width : 1400px) {	
 
 
 }
 
 @media screen 
 and (min-width : 1201px)
 and (max-width : 1600px) {
 
 
 }
 
 
 
 @media screen 
 and (min-width : 1201px) {
 
     .spacento-meta-box-container{
         padding: 24px;
     }
     .spacento-meta-box-heading{
         width: 100%;
         position: relative;
         padding: 0;
         background: none;
     }
     .spacento-meta-box-heading>h3{
         display: none;
     }
     .spacento-meta-box-heading span{
         display: none;
     }
     .spacento-meta-box-heading-content{
         background: rgba(230,230,230,1.00);
         padding: 20px 20px 0 20px;
     }
     .spacento-meta-box-heading-content h3{
         margin: 0;
         display: inline-block;
         padding: 0.8em 1.4em 0.8em 1.4em;
     }
     .spacento-meta-box-heading-content h3.spacento-active{
         background: rgba(244,244,244,1.00);
         -webkit-border-radius: 6px 6px 0 0;
         -moz-border-radius: 6px 6px 0 0;
         border-radius: 6px 6px 0 0;		
     }
     .spacento-property-feature-list{
         width: 60%;
     }
     .spacento-property-feature-list-item p{
         width: 50%;
     }
     .spacento-property-price-item{
         width: 60%;
     }
     .spacento-property-price-item p{
         width: 50%;
     }
     
     .spacento-meta-box-gallery-item{
         width: 30%;
         margin: 0 5% 2% 0;
     }
     .spacento-meta-box-gallery-item:nth-child(3n){
         margin: 0 0 2% 0;
     }
     .spacento-meta-box-gallery-item:nth-child(3n+1){
         clear: both;
         float: left;
     }	
 
 }
 
 
 
 @media screen 
 and (min-width : 1401px) {
 
 
 }
 
 
 
 @media screen 
 and (min-width : 1601px) {
 
 
 }
 
 @media screen 
 and (min-width : 2401px) {
 
 
 }