﻿.validation_error{ position: fixed; bottom: 20px; width: 80%; height: auto; text-align: center; left: 0px; right: 0px; margin-left: auto; margin-right: auto; background: #ee2e24; z-index: 10001; color: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 2px 4px 39px #333; transition: all 0.45s; transform: translateY(100px);}
.validation_error.active{ transform: translateY(0px);}
.success-message{position: fixed; bottom: 20px; width: 80%; height: auto; text-align: center; left: 0px; right: 0px; margin-left: auto; margin-right: auto; background: #4caf50; z-index: 10001; color: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 2px 4px 39px #333; transition: all 0.45s; transform: translateY(100px);}
.success-message.active{ transform: translateY(0px);}

/*.loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/loader.gif) 50% 50% no-repeat rgba(245,245,245,.85); z-index: 1000000; display:none;}*/
.loader {
    position: fixed;
    inset: 0; /* replaces top/left/width/height */
    background: rgba(245, 245, 245, 0.85);
    background-image: url("../images/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px !important; /* adjust size here */
    z-index: 1000000;
    display: none;
}

.modal-open {
    padding-right: 0px !important;
}

.modal-header{background: #ee2e24;
   color: #fff;}
   .close {
       color: #fff;
       opacity: 1;
}

/*//////////////File Uploader */
.upload-images-box{ border: dashed #ccc; width: 100%; height: auto; padding: 100px 0px; text-align: center; cursor: pointer;}
  
ul.image-instructions{ margin: 0px; margin-left: 150px;}
ul.image-instructions li{ list-style: none; position: relative; padding-left: 20px; text-align: left;}
ul.image-instructions li:before{ content: ''; position: absolute; left: 0px; top: 7px; width: 12px; height: 12px; background:none; border: 2px solid #EE2E24; border-radius: 50%;}

.upload-loader{ position: absolute; top:0%; left: 0%; width: 100%; height: 100%; background:rgba(0, 0, 0 ,0.7); color:#fff; cursor: pointer; text-align: center; font-size: 14px; padding-top: 20%;}

.img-upload-loader{ width: 25px; height: 25px; border: 3px solid #EE2E24; border-top:3px solid transparent; border-radius: 50%; animation: spinCicle 1s linear infinite; position: absolute; top: 36%; left: 0px; right: 0px; margin-left:auto; margin-right:auto;}
@keyframes spinCicle{
    0%{ transform: rotate(0);}
    100%{ transform: rotate(360deg);}
}

.post-property-iamges{ margin: 0px; padding: 0px; overflow: hidden;}
.post-property-iamges li{ list-style: none; float: left; width: 18%; height: 100px; position: relative; background-size:100% 100% !important; background-repeat: no-repeat !important; border:1px solid #ccc; margin: 1%;}
.post-property-iamges li .remove-picture{ position: absolute; bottom: 0px; right: 0px; width: 30px; height: 25px; background:rgba(0, 0, 0 ,0.7); color:#fff; padding: 7px; padding-top: 3px !important; cursor: pointer; text-align: center; font-size: 14px; z-index: 1;}

/*.post-property-iamges{ margin: 0px; padding: 0px; overflow: hidden;}
.post-property-iamges li{ list-style: none; float: left; width: 18%; margin: 1%; position: relative;}
.post-property-iamges li span{ position: absolute;
bottom: 5px;
right: 5px;
width: 30px;
height: 25px;
background: rgba(0, 0, 0 ,0.7);
color: #fff;
padding: 7px;
padding-top: 3px !important;
cursor: pointer;
text-align: center;
font-size: 12px;}
.post-property-iamges li img{ height:100px; width:100%;}*/
.add-more-photos{width: 100%;height: 100px;text-align: center;cursor: pointer;transition:all 0.45s;}
.add-more-photos h2{ font-size: 48px;}
.add-more-photos p{ font-size: 12px; color:#555;}
.add-more-photos:hover{ background:#fbfbfb;}

.static-modal-box{ overflow-y: auto; height: 400px;}

.table th {
background: #da241a; 
color:#fff;
}

.table td, .table th {
padding: 6px 12px;
}


.page-item.active .page-link {
    background-color: #f04239 !important;
    border-color: #f04239 !important;
}

.pagination-sm .page-link{cursor:pointer !important;}


