/* Edit Popup  */
.modal-open {overflow: hidden;}
.modal { position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;}
.modal.fade .modal-dialog {-webkit-transition: -webkit-transform .3s ease-out;-o-transition: -o-transform .3s ease-out;transition: transform .3s ease-out;-webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%); -o-transform: translate(0, -25%);transform: translate(0, -25%); }
.modal.in .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0); }
.modal-open .modal {overflow-x: hidden;overflow-y: auto;background: #242a30c9;}
.modal-dialog {position: relative;width: auto; margin: 10px;}
.modal-content {position: relative;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border-radius: 3px;outline: 0;}
.modal-backdrop {position: absolute;top: 0;right: 0;left: 0;background-color: #000;}
.modal-backdrop.fade {filter: alpha(opacity=0);opacity: 0; }
.modal-backdrop.in {filter: alpha(opacity=50); opacity: .5;}
.modal-header {min-height: 16.42857143px;padding: 15px;border-bottom: 1px solid #e5e5e5;}
.modal-header .close { margin-top: -2px;display:none;}
.modal-title {margin: 0;line-height: 1.42857143;}
.modal-body {position: relative;padding: 15px;font-family:'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 12px;padding-top: 60px;padding-bottom: 25px;margin-top: 20px;}
.modal-body > h4 {font-size: 12px;padding: 11px 15px 0px;position: absolute;width: 100%;background: #242a30;left: 0;top: 0;color: #fff;height: 40px;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.modal-body .tab-content .tab-pane {display:none;}
.modal-body .tab-content .tab-pane.active {display:block;}
.modal-body .tab-content .form-group {}
.modal-body .tab-content .form-group.col-lg-12 {width: 100%;clear:both;}
.modal-body .tab-content .form-group label { margin-bottom: 5px; width: 24%;font-weight: 700;text-align:right;padding-right:20px;}
.modal-body .tab-content .form-group .form-control {width: 65%;border: 1px solid #ccd0d4;font-size: 12px;font-family: 'Open Sans';display: inline-block;}
.tab-content .form-group .form-control.input-white:focus {box-shadow: none;-webkit-box-shadow: none}
.tab-content .form-group .form-control[disabled]{background: #e5e9ed;opacity: .6;filter: alpha(opacity=60)}
.tab-content .form-group .form-control[disabled]:focus{box-shadow: none;-webkit-box-shadow: none;border: 1px solid #ccd0d4;}
.tab-content .form-group .form-control:focus {border-color: #9fa2a5;-webkit-box-shadow: none;box-shadow: none}
.modal-body .nav-tabs {padding: 0px 15px;margin-left: 23%;display:none;}
.modal-body .nav-tabs li {display: inline-block;padding: 5px 20px;border: 1px solid #2fa2e0;background: #2fa2e0;margin: 12px 0px;border-radius: 4px;}
.modal-body .nav-tabs li:active {background-color: #2386ca;}
.modal-body .nav-tabs li.active {background-color: #2476a2;}
.modal-body .nav-tabs li a {color:#fff;font-size:12px;}
.modal-body .btn-success {display: inline-block;padding: 5px 20px;border: 1px solid #2fa2e0;background: #2fa2e0;margin-top: 10px;color: #fff;font-size: 16px;cursor: pointer;}
.modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;}
.modal-footer .btn + .btn {margin-bottom: 0;margin-left: 5px;}
.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
.modal-footer .btn-block + .btn-block { margin-left: 0;}
.modal-scrollbar-measure { position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}
.modal-body .input-group-btn {position: absolute;margin-left: -79px;margin-top: 1px;}
.modal-body .btn.green, .modal-body .btn.blue {display: inline-block;padding: 2px 7px;margin-bottom: 0;font-size: 14px;font-weight: normal;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;margin-left: -3.5px;line-height: 1.05;}
.modal-body .green.btn {background-color: #26a69a;border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.modal-body .green.btn:active, .modal-body .green.btn.active {background-color: #1b746c;}
.modal-body .green.btn:active:hover, .modal-body .green.btn.active:hover {background-color: #1c7d74;}
.modal-body .blue.btn {background-color: #ffc500;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.modal-body .blue.btn:hover,.modal-body .blue.btn:focus, .modal-body .blue.btn:active, .modal-body .blue.btn.active {background-color: #eab80c;}
.modal-body .btn.green:before {content: '\e937';font-family:'icomoon';font-size: 25px;color: #fff;}
.modal-body .btn.blue:before {content:'\e921';font-family:'icomoon';font-size: 25px;color: #fff;}
.modal-body .form-group .btn-primary:hover {border-color:#2fa2e0;background:#2fa2e0;color:#fff;cursor:pointer;}
.modal-footer .btn {display: inline-block; padding: 10px 20px; border: 1px solid #2fa2e0; background: #2fa2e0; margin-top: 10px; color: #fff;font-size: 18px; cursor: pointer;}
.modal-body .tab-content .formCheckbox {margin-left: 23.09%;display:none;}
.modal-body .tab-content .formRoller {display:none;}
.modal-body .tab-content .formCheckbox label {width: 24%;display: inline-block;text-align:left;}
.modal-body .tab-content .check-box-form label {font-size: 12px;display: inline;position: relative;top: -2px;margin-left: 3px;}
.modal-body .tab-content .check-box-form {}    
.modal-body .tab-content .check-box-form input {float: left;display: inline-block;}
.modal-body .modal-savebtn {padding: 0px 15px 10px;margin-left: 23%;}
.modal-body .tab-content .form-group .input-group {display:inline;}
.modal-body .tab-content .formRoller .form-group:nth-child(2) {width:65%;display:inline-block;padding:0;margin-left:-1px;}
.modal-body .tab-content .formRoller .form-group:nth-child(3) {margin-left:24.5%;display:inline-block;padding:0;}
.modal-body .tab-content .formRoller .form-group:nth-child(2) label {text-align:left;}
.modal-body .tab-content .formRoller .form-group:nth-child(3) label {text-align:left;}
/* Edit Popup  */

/* Edit Page  */
div[data-contentid] .edit-container {position:absolute;border: 1px solid #d3d3d3;width:100%;background-color: rgba(193, 193, 193, 0.66);height:73%;top:0px;left:-25px;transition: all 0.5s linear;opacity:0;}
div[data-contentid]:hover .edit-container{left:0px;opacity:1;z-index: 9;}
div[data-contentid] button.edit-button {border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;width:auto;}
div[data-imageid] .edit-container {position:absolute;border: 1px solid #d3d3d3;width:100%;background-color: rgba(193, 193, 193, 0.66);height:73%;top:0px;left:-25px;transition: all 0.5s linear;opacity:0;}
div[data-imageid]:hover .edit-container{left:0px;opacity:1;z-index: 9;}
div[data-imageid] button.edit-button-image {border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;width:auto;}
div[data-parentid] .edit-container {position:absolute;width:100%;top:0px;transition: all 0.5s linear;}
div[data-parentid] button.create-button {border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;top:-14px!important;width:auto;}
div[data-deleteid] button.delete-button{border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;left:-25px;transition: all 0.5s linear;opacity:0;top:20px!important;left:20px!important;width:auto;}
div[data-deleteid]:hover .delete-button{left:0px;opacity:1;}
div[image-contentid] .edit-container {position:absolute;width:100%;top:0px;left:-25px;transition: all 0.5s linear;opacity:0;}
div[image-contentid]:hover .edit-container{left:0px;opacity:1;z-index: 9;}
div[image-contentid] button.edit-button-image {border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;width:auto;}
div[map-contentid] .edit-container {position:absolute;border: 1px solid #d3d3d3;width:100%;background-color: rgba(193, 193, 193, 0.66);height:73%;top:0px;left:-25px;transition: all 0.5s linear;opacity:0;}
div[map-contentid]:hover .edit-container {left:0px;opacity:1;z-index: 9;}
div[map-contentid] button.edit-button-map {border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;width:auto;}
[data-contentid] .edit-container {position:absolute;border: 1px solid #d3d3d3;width:100%;background-color: rgba(193, 193, 193, 0.66);height:73%;top:0px;left:-25px;transition: all 0.5s linear;opacity:0;}
[data-contentid]:hover .edit-container{left:0px;opacity:1;z-index: 9;}
[data-contentid] button.edit-button {border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;width:auto;}
[data-imageid] .edit-container {position:absolute;border: 1px solid #d3d3d3;width:100%;background-color: rgba(193, 193, 193, 0.66);height:73%;top:0px;left:-25px;transition: all 0.5s linear;opacity:0;}
[data-imageid]:hover .edit-container{left:0px;opacity:1;z-index: 9;}
[data-imageid] button.edit-button-image {border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;width:auto;}
[data-parentid] .edit-container {position:absolute;width:100%;top:0px;transition: all 0.5s linear;}
[data-parentid] button.create-button {border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;top:-14px!important;}
[data-deleteid] button.delete-button{border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;left:-25px;transition: all 0.5s linear;opacity:0;top:20px!important;left:20px!important;}
[data-deleteid]:hover .delete-button{left:0px;opacity:1;}
[image-contentid] .edit-container {position:absolute;width:100%;top:0px;left:-25px;transition: all 0.5s linear;opacity:0;}
[image-contentid]:hover .edit-container{left:0px;opacity:1;z-index: 9;}
[image-contentid] button.edit-button-image {border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;width:auto;}
[map-contentid] .edit-container {position:absolute;border: 1px solid #d3d3d3;width:100%;background-color: rgba(193, 193, 193, 0.66);height:73%;top:0px;left:-25px;transition: all 0.5s linear;opacity:0;}
[map-contentid]:hover .edit-container {left:0px;opacity:1;z-index: 9;}
[map-contentid] button.edit-button-map {border:1px solid #53585a;background-color:#53585a;color:#fff;padding:5px 20px;font-family:'Greta Sans Pro Lt';font-size:12px;cursor:pointer;width:auto;}
[data-parentid] button.create-button:before,
[data-parentid] button.create-button:after,
[data-deleteid] button.delete-button:after,
[data-deleteid] button.delete-button:before,
[data-contentid] button.edit-button:after,
[data-contentid] button.edit-button:before{content:'';display:none;clear:both;}
.project-list[data-parentid] button.create-button{top: 10px!important; right: 116px!important;}
.acc-content-inside[data-parentid] button.create-button{top: 10px!important;}
/*Edit Page */
.acc-content-inside .xeditablehtml {min-height:100px;}
.formCheckbox.ShowImage {display:block!important;}
.formCheckbox.IsVideo {display:block!important;}

@media (min-width: 768px) {
.modal-dialog {width: 540px;margin: 5px auto;}
.modal-content {}
.modal-sm {width: 300px;}
}

@media (min-width: 992px) {
.modal-lg {width: 574px;}
}

@media screen and (min-width: 768px) {
.modal-footer:before,
.modal-footer:after {display: table;content: " ";}
.modal-footer:after {clear: both;}
}
