.carbonads {


  border-radius: .25rem;


  border: 1px solid #ccc;


  font-size: .875rem;


  overflow: hidden;


  padding: 1rem;


}





.carbon-wrap {


  overflow: hidden;


}





.carbon-img {


  clear: left;


  display: block;


  float: left;


}





.carbon-text,


.carbon-poweredby {


  display: block;


  margin-left: 140px;


}





.carbon-text,


.carbon-text:hover,


.carbon-text:focus {


  color: #fff;


  text-decoration: none;


}





.carbon-poweredby,


.carbon-poweredby:hover,


.carbon-poweredby:focus {


  color: #ddd;


  text-decoration: none;


}





@media (min-width: 768px) {


  .carbonads {


    float: right;


    margin-bottom: -1rem;


    margin-top: -1rem;


    max-width: 360px;


  }


}





.footer {


  font-size: .875rem;


  overflow: hidden;


}





.heart {


  color: #ddd;


  display: block;


  height: 2rem;


  line-height: 2rem;


  margin-bottom: 0;


  margin-top: 1rem;


  position: relative;


  text-align: center;


  width: 100%;


}





.heart:hover {


  color: #ff4136;


}





.heart::before {


  border-top: 1px solid #eee;


  content: " ";


  display: block;


  height: 0;


  left: 0;


  position: absolute;


  right: 0;


  top: 50%;


}





.heart::after {


  background-color: #fff;


  content: "♥";


  padding-left: .5rem;


  padding-right: .5rem;


  position: relative;


  z-index: 1;


}





.img-container,


.img-preview {


  background-color: #f7f7f7;


  text-align: center;


  width: 100%;


}





.img-container {


  margin-bottom: 1rem;


  max-height: 497px;


  min-height: 200px;


}





@media (min-width: 768px) {


  .img-container {


    min-height: 497px;


  }


}





.img-container > img {


  max-width: 100%;


}





.docs-preview {


  margin-right: -1rem;


}





.img-preview {


  float: left;


  margin-bottom: .5rem;


  margin-right: .5rem;


  overflow: hidden;


}





.img-preview > img {


  max-width: 100%;


}





.preview-lg {


  height:150px;


  width: 150px;


}





.preview-md {


  height: 4.5rem;


  width: 8rem;


}





.preview-sm {


  height: 2.25rem;


  width: 4rem;


}





.preview-xs {


  height: 1.125rem;


  margin-right: 0;


  width: 2rem;


}





.docs-data > .input-group {


  margin-bottom: .5rem;


}





.docs-data .input-group-prepend .input-group-text {


  min-width: 4rem;


}





.docs-data .input-group-append .input-group-text {


  min-width: 3rem;


}





.img-container + .docs-buttons  { text-align:center; padding-top:10px;}


.img-container + .docs-buttons .btn-group { margin-bottom:5px; }


.img-container + .docs-buttons.docs-buttons .site-button { padding:10px 15px; background:none; color:#555; border:2px solid transparent;  }


.img-container + .docs-buttons.docs-buttons .site-button:hover { border-color:#555; border:2px solid #ccc;  }


.docs-preview-buttons .site-button.outline.green { border:none; border-bottom:2px solid transparent; padding:0px 0px 5px; color:#999; background:none; font-size:16px; font-weight:600; }


.docs-preview-buttons .site-button.outline.green i { display:block; font-size:30px; margin-bottom:10px; }


.docs-preview-buttons .site-button.outline.green:hover { border-bottom:2px solid #ccc; }








.img-container + .cover-buttons { text-align:center; padding-top:10px;}


.img-container + .cover-buttons .site-button { padding:10px 15px; background:none; color:#555; border:2px solid transparent;  }


.img-container + .cover-buttons .site-button:hover { border-color:#555; border:2px solid #ccc;  }





.docs-preview-buttons { padding-top:20px; text-align:center;}


.docs-preview-buttons .site-button { padding:5px 10px; }


.docs-preview-buttons .site-button.sf-member-saveimg { padding:7px 10px; } 








.docs-options .dropdown-menu {


  width: 100%;


}





.docs-options .dropdown-menu > li {


  font-size: .875rem;


  padding: .125rem 1rem;


}





.docs-options .dropdown-menu .form-check-label {


  display: block;


}





.docs-cropped .modal-body {


  text-align: center;


}





.docs-cropped .modal-body > img,


.docs-cropped .modal-body > canvas {


  max-width: 100%;


}








.crop-img-right .docs-preview .img-preview { float:none; border-radius:5px; -webkit-border-radius:5px; box-shadow:0 0 16px rgb(0, 0, 0,0.3); -webkit-box-shadow:0 0 16px rgb(0, 0, 0,0.3);}





.crop-img-right .sf-preview-placeholder canvas { max-width:100%; padding:15px; border:1px dashed #666; }


.sf-preview-placeholder img { padding:15px; border:1px dashed #666; }





.docs-preview + .docs-data:after { content:""; clear:both; display:table; }


.docs-preview + .docs-data { margin:20px -15px; }


.docs-preview + .docs-data .input-group .form-control { border-radius:5px; -webkit-border-radius:5px; }





.crop-img-left { padding:30px; border-right:2px dashed #ccc; padding-bottom:30px; }





.sf-dimension-wrap { display:table; width:100%; text-align:left;  border-radius:5px; -webkit-border-radius:5px; }


.sf-dimension-wrap .docs-preview,


.sf-dimension-wrap .docs-data { display:table-cell; vertical-align:top; padding:30px; margin:0px; } 


.sf-dimension-wrap .docs-preview { width:150px; padding-right:0px; padding-left:0px; } 


.sf-dimension-wrap .docs-preview img { box-shadow:none; -webkit-box-shadow:none; } 


.crop-img-right .docs-preview .img-preview { margin:auto; float:none; border-radius:2px; -webkit-border-radius:2px; box-shadow:none; -webkit-box-shadow:none;}





.docs-preview + .docs-data .input-group { width:auto; float:none; display:block; margin-bottom:40px; }


.crop-img-right .docs-preview .img-preview { margin:0px; }