/**
 *
 * Apply Here your Custom CSS
 *
*/

html, body{
	height: 100%;
  margin: 0;
  scroll-behavior: smooth;
	overflow-y: scroll;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

/* width */
::-webkit-scrollbar {
  width: 0px;
  display: none;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

[contenteditable] {
  outline: 0px solid transparent;
}

.full-height {
  height: 100%;
  background: yellow;
}

/* YOUR CUSTOM STYLES */
  .bg-skin-t {
    background-image: url('../images/hero-bg.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center center; 
    background-attachment: fixed;
  }

  a:not[href] {
    cursor:default;
  }

  .login-form {
    opacity: 0.3;
  }

  .login-form:hover {
    opacity: 0.8;
  }

  .navbar{
    background-color: transparent !important;
    border: none!important;
  }

  #canvas_container {
    width: 100%;
    height: 600px;
    overflow: auto;
  }

  #canvas_container {
    background: #333;
    text-align: center;
    border: solid 3px;
  }

  .squareFrame{
    background: url("../images/hero-bg.jpg");
    margin-left:auto;
    margin-right:auto;
    display:table-cell;
    position:relative;
    overflow:hidden;
    width:300px;
    box-shadow: inset 0 50px rgba(255,255,255,0.1),
           inset 2px -15px 30px rgba(0,0,0,0.4),
           2px 2px 5px rgba(0,0,0,0.3);
    padding: 25px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    vertical-align: middle;
    text-align:center;
}

.squareFrame img{
  width: 300px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}

.roundFrame{
  background: url("images/floral.jpg");
  margin-left:auto;
  margin-right:auto;
  display:table-cell;
  position:relative;
  overflow:hidden;
  width:300px;
  box-shadow: inset 0 50px rgba(255,255,255,0.1),
        inset 2px -15px 30px rgba(0,0,0,0.4),
        2px 2px 5px rgba(0,0,0,0.3);
  padding: 25px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  vertical-align: middle;
  text-align:center;
}

.roundFrame img{
  width: 300px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}

/*div {
  margin: 0;
  padding: 0;
  border: 1px dashed #666;
  font-family: Georgia;
  font-size: 20px;
  background: #C19E82;
  color: #592720;
  text-align: justify;
}

p:first-child:first-letter {
  float: left;
  ackground: #C19E82;
  color: #C19E82;
  padding: 8px 5px 5px 0;
  font-size: 75px;
  line-height: 60px;
  text-shadow: -1px -1px 1px #fff,
  1px 1px 1px #444;
}*/