@font-face {
  font-family: "MyFontnormal";
  src: url("../fonts/MyFont-normal.eot");
  src: url("../fonts/MyFont-normal.eot?#iefix") format("embedded-opentype"),
    url("../fonts/MyFont-normal.svg") format("svg"),
    url("../fonts/MyFont-normal.ttf") format("truetype"),
    url("../fonts/MyFont-normal.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "fontawesome-webfont";
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"),
    url("../fonts/fontawesome-webfont.svg") format("svg"),
    url("../fonts/fontawesome-webfont.ttf") format("truetype"),
    url("../fonts/fontawesome-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Eng111Ad";
	src: url('../fonts/Eng111Ad.TTF') format('truetype');
	src: url('../fonts/Eng111Ad.eot');
    src: url('../fonts/Eng111Ad.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: "HoboHollow";
  src: url("../fonts/HoboHollow.eot");
  src: url("../fonts/HoboHollow.eot?#iefix") format("embedded-opentype"),
    url("../fonts/HoboHollow.svg") format("svg"),
    url("../fonts/HoboHollow.ttf") format("truetype"),
    url("../fonts/HoboHollow.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "E111Psto";
	src: url('../fonts/E111Psto.TTF') format('truetype');
	src: url('../fonts/E111Psto.eot');
    src: url('../fonts/E111Psto.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: "GoodVibrationsScript";
	src: url('../fonts/GoodVibrationsScript.TTF') format('truetype');
	src: url('../fonts/GoodVibrationsScript.eot');
    src: url('../fonts/GoodVibrationsScript.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: "E111Viva";
	src: url('../fonts/E111Viva.TTF') format('truetype');
	src: url('../fonts/E111Viva.eot');
    src: url('../fonts/E111Viva.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'TIMES';
	src: url('../fonts/TIMES.TTF') format('truetype');
	src: url('../fonts/TIMES.eot');
    src: url('../fonts/TIMES.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'TT0362M';
	src: url('../fonts/TT0362M.TTF') format('truetype');
	src: url('../fonts/TT0362M.eot');
    src: url('../fonts/TT0362M.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Vivaldii';
	src: url('../fonts/Vivaldii.TTF') format('truetype');
	src: url('../fonts/Vivaldii.eot');
    src: url('../fonts/Vivaldii.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'Glyphter';
	src: url('../fonts/Glyphter.TTF') format('truetype');
	src: url('../fonts/Glyphter.eot');
    src: url('../fonts/Glyphter.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'FORTE';
	src: url('../fonts/FORTE.TTF') format('truetype');
	src: url('../fonts/FORTE.eot');
    src: url('../fonts/FORTE.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'AMAZE';
	src: url('../fonts/AMAZE.TTF') format('truetype');
	src: url('../fonts/AMAZE.eot');
    src: url('../fonts/AMAZE.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'AMAZEBOLD';
	src: url('../fonts/AMAZEBOLD.TTF') format('truetype');
	src: url('../fonts/AMAZEBOLD.eot');
    src: url('../fonts/AMAZEBOLD.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'VLADIMIR';
	src: url('../fonts/VLADIMIR.TTF') format('truetype');
	src: url('../fonts/VLADIMIR.eot');
    src: url('../fonts/VLADIMIR.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'SCRIPTBL';
	src: url('../fonts/SCRIPTBL.TTF') format('truetype');
	src: url('../fonts/SCRIPTBL.eot');
    src: url('../fonts/SCRIPTBL.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'arial';
	src: url('../fonts/arial.TTF') format('truetype');
	src: url('../fonts/arial.eot');
    src: url('../fonts/arial.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'MATURASC';
	src: url('../fonts/MATURASC.TTF') format('truetype');
	src: url('../fonts/MATURASC.eot');
    src: url('../fonts/MATURASC.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'MURYHILB';
	src: url('../fonts/MURYHILB.TTF') format('truetype');
	src: url('../fonts/MURYHILB.eot');
    src: url('../fonts/MURYHILB.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'TIRANTI';
	src: url('../fonts/TIRANTI.TTF') format('truetype');
	src: url('../fonts/TIRANTI.eot');
    src: url('../fonts/TIRANTI.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'BLOSSUM';
	src: url('../fonts/BLOSSUM.TTF') format('truetype');
	src: url('../fonts/BLOSSUM.eot');
    src: url('../fonts/BLOSSUM.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'ARBERKLEY';
	src: url('../fonts/ARBERKLEY.eot');
	src: url('../fonts/ARBERKLEY.TTF') format('truetype');
    src: url('../fonts/ARBERKLEY.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'AVGARDD';
	src: url('../fonts/AVGARDD.TTF') format('truetype');
	src: url('../fonts/AVGARDD.eot');
    src: url('../fonts/AVGARDD.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'MTCORSVA';
	src: url('../fonts/MTCORSVA.TTF') format('truetype');
	src: url('../fonts/MTCORSVA.eot');
    src: url('../fonts/MTCORSVA.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'KuenstlerScript-TwoBold';
	src: url('../fonts/KuenstlerScript-TwoBold.TTF') format('truetype');
	src: url('../fonts/KuenstlerScript-TwoBold.eot');
	src: url('../fonts/KuenstlerScript-TwoBold.svg') format('svg');
    src: url('../fonts/KuenstlerScript-TwoBold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'NuptialBT';
	src: url('../fonts/NuptialBT.TTF') format('truetype');
	src: url('../fonts/NuptialBT.eot');
    src: url('../fonts/NuptialBT.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family : 'INTERNATIONAL';
	src: url("../fonts/INTERNATIONAL/INTERNATIONAL.eot");
	src: url("../fonts/INTERNATIONAL/INTERNATIONAL.eot?#iefix") format("embedded-opentype");
    src : url("../fonts/INTERNATIONAL/INTERNATIONAL.svg");
    src : url("../fonts/INTERNATIONAL/INTERNATIONAL.TTF") format("truetype");
    src : url("../fonts/INTERNATIONAL/INTERNATIONAL.woff") format("woff");
	font-weight : normal;
	font-style : normal;
}
@font-face{
	font-family : 'DELTA';
	src: url("../fonts/DELTA/DELTA.eot");
	src: url("../fonts/DELTA/DELTA.eot?#iefix") format("embedded-opentype");
    src : url("../fonts/DELTA/DELTA.svg") format("svg");
    src : url("../fonts/DELTA/DELTA.TTF") format("truetype");
    src : url("../fonts/DELTA/DELTA.woff") format("woff");
	font-weight : normal;
	font-style : normal;
}
@font-face{
	font-family : 'ROMANO';
	src: url("../fonts/ROMANO/ROMANO.eot");
	src: url("../fonts/ROMANO/ROMANO.eot?#iefix") format("embedded-opentype");
    src : url("../fonts/ROMANO/ROMANO.svg") format("svg");
    src : url("../fonts/ROMANO/ROMANO.TTF") format("truetype");
    src : url("../fonts/ROMANO/ROMANO.woff") format("woff");
	font-weight : normal;
	font-style : normal;
}

body {
    background-color: #c0d3e2;
    background-image: none;
    font-family: 'Noto Sans',sans-serif;
}
/**********************************************************************/
/************************** COMMON ELEMENTS **************************/
/********************************************************************/
h1, h2, h3, h4, h5, h6 {
	color: #333333;
    font-family: 'Roboto Condensed',sans-serif;
}
p {
	line-height: 1.6;
	font-size: 16px;
}
a:focus {
    outline: none;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none;
}
/** Custom styles **/
.vis-hidden {
	visibility: hidden !important;
}
a {
	-webkit-transition: 0.25s;
	-moz-transition: 0.25s;
	-o-transition: 0.25s;
	transition: 0.25s;
}
h2.sectionTitle {
	color: #428BCA;
    font-size: 50px;
    margin-top: 0;
    text-align: center;
	font-weight: 700;
    margin-bottom: 50px;
}
h3.sectionTitle {
    text-align: center;
    margin-bottom: 50px;
    margin-top: -20px;
}
.altWrap {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background-color: #f7f7f7;
}

.contextMenu {
    position: absolute;
    z-index: 99999;
    border: solid 1px rgba(0,0,0,.33);
    background: rgba(255,255,255,.95);
    padding: 5px 0;
    margin: 0px;
    display: none;
    font: 12px/15px 'Lucida Sans', 'Lucida Grande', Helvetica, Verdana, sans-serif;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 2px 5px 10px rgba(0,0,0,.3);
    -webkit-box-shadow: 2px 5px 10px rgba(0,0,0,.3);
    box-shadow: 2px 5px 10px rgba(0,0,0,.3);
}

.contextMenu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.contextMenu a {
    -moz-user-select: none;
    -webkit-user-select: none;
    color: #222;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 20px;
    background-position: 6px center;
    background-repeat: no-repeat;
    outline: none;
    padding: 0px 15px 1px 20px;
}

.contextMenu .fa {
    margin: 4px 10px 0 5px;
    vertical-align: middle;
    float: left;
}
.contextMenu .shortcut {
    width: 100px;
    text-align: right;
    float: right;
}

.contextMenu li.hover a {
  background-color: #2e5dea;
  color: white;
  cursor: default;
}

/**********************************************************************/
/***************************** NAVBAR ********************************/
/********************************************************************/

.navbar {
	margin-bottom: 0;
}

.navbar-inverse {
	/**
	background: url(../assets/img/80.png);
	**/
	background: #5d7e7e;
	border: 0 none;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}
.navbar-brand {
	line-height: 1;
    height: 40px;
    margin-top: 14px;
    margin-bottom: 26px;
    padding: 0;
    width: 100%;
	font-size: 40px;
	letter-spacing: -2px;
	font-weight: 700;
}
.navbar-inverse .navbar-brand {
    color: #428BCA;
}
.navbar-inverse .navbar-brand .fa-stack {
	font-size: 28px;
}
.appiNav{
	border-bottom: 1px solid #703733;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.1);
    box-shadow: 0px 2px 0px 0px rgba(255, 255, 255, 0.1);
	padding-bottom: 5px;
    float: right;
}

.navbar-inverse .navbar-brand .title {
    color: #fff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    background: none;
    color: #428BCA;
}
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-nav {
	float: right;

}
.navbar-inverse .navbar-nav > li > a {
	height:55px;
	font-family: 'Roboto Condensed',sans-serif;
	color: #fff;
    display: block;
    font-size: 20px;
    font-weight: 400;
    padding: 30px 15px;
    text-shadow: none;

}
.navbar .nav > li > a:hover{
    color: #428BCA;
}
.navbar-inverse .navbar-toggle {
	background: #FFFFFF;
    border: 0 none;
	margin: 19px 15px 19px 0;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #eee;
}
.navbar-inverse .navbar-toggle .icon-bar {
	background: #333;
}
.title
{
height: auto;
width: fit-content;
display: inline-block;
font-size: 30px;

}

/**********************************************************************/
/************************** content ********************************/
/********************************************************************/

.content-wrapper, #imageSection{
	margin-top : 90px;
}
#imageSection{
	padding : 10px;
}
#imageSection .thumbnail>img {
    height: 100%;
}
.imgContainer{
	margin:2px;
}
#imageSection .thumbnail {
	margin:3px;
}
#imageSection .thumbnail:hover{
	background : #ccc;
	cursor : pointer;
}
#imageSection .thumbnail:active{
	background : #777;
	cursor : pointer;
}

#StandardModel img{
	height : 100%;
}
#StandardModel div.protoModel:hover{
	cursor : pointer;
	background: #aaa;
}
#StandardModel div.protoModel:active{
	cursor : pointer;
	background: #666;
}

#StandardModel{
	padding-right : 0px;
	padding-left : 0px;
}

.DelModel{
    position: absolute;
    top: -9px;
    right: -9px;
    width: 18px;
    height: 18px;
    cursor: pointer;
	background:white;
	border-radius:9px;
}

#imageSection .DelModel:hover{
	background : #ccc;
	cursor : pointer;
}

.content-wrapper .content-inner {
	height: 500px;
    width: 98%;
    margin: auto;
    margin-top: 6px;
    -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.4);
}
.content-wrapper .content-inner {
    -webkit-box-shadow: 0px 2px 40px 2px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 2px 40px 2px rgba(0, 0, 0, 0.8);
    border-radius: 4px;
	padding: 5px;
	left : 0px;
}

.wood-wrapper{
    background: #429c9d top left repeat;
    border-radius: 20px;
    padding: 30px;
    -webkit-box-shadow: inset 2px 2px 2px rgba(255,255,255,0.3), 0px 0px 20px 2px rgba(0,0,0,0.7);
    box-shadow: inset 2px 2px 2px rgba(255,255,255,0.3), 0px 0px 20px 2px rgba(0,0,0,0.7);
}

#width, #height, #textHeight, #fontFamily, #letters{
	text-align : center;
    margin : auto;
}

.protoModel{
	margin-top : 0px;
	margin-bottom : 3px;
}

.property .form-horizontal{
	margin-top:3px;
}

.property .form-group {
	margin-bottom: 0px;
}

.adjust-left{
	margin-left:30px;
}

.element, .tool-bar{
  	background-color: #f3eee7;
	border-top: none;
	border-radius: 4px;
	padding: 10px;
	-webkit-box-shadow: inset 2px 0px 2px 0px rgba(255, 255, 255, 0.5);
	box-shadow: inset 2px 0px 2px 0px rgba(255, 255, 255, 0.5);

	top : 0px;
	left : 0px;
	height:100%;
	overflow:auto;
}

.work-area{
	height : calc(100% - 115px);
	background-color : #f7fafd;
}

.nav-tabs > li.active {
    border-top: 3px solid #F3565D;
    margin-top: 0;
    position: relative;
}

.nav-tabs > li {
    margin-right: 2px;
    border-top: 2px solid transparent;
	font-size: 10px;
    font-weight: bold;
}

.nav-tabs > li > a{
	padding: 3px 5px;
}

.panels{
	height : 100%;
	background-color : #f7fafd;
}

.Marmo {
	/* display : none; */
}

.patternPanel{
	height : calc( 100vh - 220px );
    /* height : 300px; */
    overflow-y:scroll;
    overflow-x:hidden;
    padding : 0px;
}

.patternPanel > div{
	padding : 0px;
	/* height : 18%; */
    height : 15vh;
}

.serise {
	height : 35px !important;
    padding : 0px;
}
.serise label {
	font-size : 18px;
}
.previews .preview img {
    width: auto;
    height: 100%;
}

.work-area{
	position: relative;
}

.panels > div:hover {
  /* cursor: move;
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; */
}

.upload {
    margin-left : 10px;
}

.pagination {
    margin-left: calc( 50% - 97px );
	margin-top : 2px;
    margin-bottom : 2px;
}

.gu-mirror {
  margin: 2px;
  padding: 2px;
  background-color: rgba(0, 0, 0, 0.1);
  transition: opacity 0.4s ease-in-out;
  /* cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; */
}

.slack-join {
  position: absolute;
  font-weight: normal;
  font-size: 14px;
  right: 10px;
  top: 50%;
  margin-top: -8px;
  line-height: 16px;
}

.zoom-panel{
	position:absolute;
	z-index:1000;
	bottom: 10px;
	right: 25px;
}
.zoom-panel button span{
	font-size:15px;
}

.zoom-panel button:hover{
	color:#ff0000;
}

.zoom-panel button.red{
	color:#ff0000;
}

.zoom-panel button{
	/* padding : 2px 5px; */
}

#selectMarble:focus {
	color : #ff0000;
}

.property{
	height : 115px;
	padding : 3px;
}

.property label{
	margin-bottom : 0px;
}

.shadowed-bottom {
	-webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
    border: 1px solid #CECAC4;
    border-bottom: 1px solid #B2ACA4;
    border-radius: 4px;
	font-size : 12px;
}

.property>div{
	padding : 0px 3px;
	height : 100%;
}

.property .widget-content-blue-wrapper {
    border-radius: 8px;
    background-color: #e3f0fa;
    padding: 3px;
    -webkit-box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2), inset 0px 2px 2px 0px #fff, inset 0px -3px 0px 0px rgba(0,0,0,0.04);
    box-shadow: 0px 1px 15px 0px rgba(0,0,0,0.2), inset 0px 2px 2px 0px #fff, inset 0px -3px 0px 0px rgba(0,0,0,0.04);
    border: 1px solid #617c8c;
	height : 100%;
}

.widget-content-blue-wrapper .padded {
    padding: 5px 5px;
	height : 100%;
}
.widget-content-blue-wrapper .widget-content-blue-inner {
    background-color: #f7fafd;
    border: 1px solid #becfdc;
    -webkit-box-shadow: inset 2px 2px 4px 0px #becfdc, 0px 2px 3px 0px #fff;
    box-shadow: inset 2px 2px 4px 0px #becfdc, 0px 2px 3px 0px #fff;
    border-radius: 4px;
}
.pre-value-block {
    border-bottom: 1px solid #D8D7D2;
    -webkit-box-shadow: 0px 2px 0px 0px #ffffff;
    box-shadow: 0px 2px 0px 0px #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 3px;
}
.value-block{
	padding-left : 0px;
	padding-right : 0px;
}
.value-block *{
	font-size : 12px;
	font-weight : 100;
	margin-bottom : 0px;
	width: 80%;
}
.value-block button{
	width: 50%;
    margin: auto;
    background-color: #aaa;
}

.drawing-area{
	position:absolute;
}

.sceneTomb, .sceneTombstone{
	width:50%;
	display:table-cell;
}

#printArea{
	display : none;
	position : absolute;
	z-index : 10001;
	width : 100%;
	left : 0px;
	top : 0px;
}

#printArea > img{
	display : block;
	margin: auto;
}

#fullArea{
	display : none;
	position : absolute;
	z-index : 10001;
	width : 900px;
  height: 400px;
	left : 20px;
	top : 20px;
}

#fullArea > img{
	display : block;
	margin: auto;
  top : 20%;
}

/**************** modal **********************/
#priceModal .modal-body {
	max-height : 400px;
	overflow-x : auto;
}
#priceModal .modal-body > label{
	margin-left : 350px;

}
#priceModal tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
#priceModal tbody tr td{
    vertical-align: middle;
}
.extraPrice, .transport{
	width : 70px;
	text-align : center;
}

#ordinaModal .modal-dialog{
	width : 90%;
}

#ordinaModal .modal-dialog .modal-body{
	display : flex;
}

#ordinaModal .MARMO, #ordinaModal .PORCELLANA, #ordinaModal .BRONZO{
	border-left : solid 1px #e5e5e5;
	border-right : solid 1px #e5e5e5;
}

#ordinaModal div.modal-body .table tr {
    font-size: 10px;
}

#ordinaModal .modal-body tbody tr.success{
	text-align : right;
}
/*****************/
.widget {
    background:#fff;
    clear: both;
    margin-bottom: 20px;
    margin-top: 0;
    -webkit-box-shadow: 0 0px 5px #ddd;
    -moz-box-shadow: 0 0px 5px #ddd;
    box-shadow: 0 0px 5px #ddd;
}

.widget-title {
    background: #f2f2f2;
    background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
    /*background-image: -linear-gradient(top, #ffffff 0%, #f2f2f2 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
    height: 36px;
    border-bottom: 1px solid #fff;
}

.widget-title > h4 {
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 12px 11px 10px 15px;
    line-height: 12px;
    margin: 0;
}

.widget-title > h4 i {
    font-size: 14px;
    margin-right: 2px;
}

.widget-title span.tools {
    border-left: 1px solid #E0DEDE;
    float: right;
    margin: 2px 0 0;
    padding: 6px 5px 6px 10px;
}

.widget-title span.tools > a {
    display: inline-block;
    margin-right: 5px;
    color: #979797;
    font-size: 14px;
    text-decoration: none;
}

.widget-title span.tools > a:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: .6;
}

.widget-title .btn-group {
    margin-right:5px;
    margin-top: -2px;
}

.widget-title .btn-group .caret {
    margin-top: 8px;
    margin-left: 3px;
}

.widget-body {
    padding: 15px 15px;
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}


.accordion-group a {
    text-decoration: none;
}

.accordion-group {
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
	margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
}
.accordion-group a {
    text-decoration: none;
}
.accordion-toggle {
    cursor: pointer;
}
a, a:hover {
    text-shadow: none !important;
    color: #22878E;
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5;
	width:100% !important;
}

.accordion-body .adding{
	text-align : right;
	margin : 15px;
}

.accordion-body .section{
	display: flex;
	margin-top:15px;
}

.modal-dialog{
	margin-top:100px;
}


/********************** pattern******************/
#selectPattens .carousel{
	height: 18% !important;
}
.previews, .preview {
	height: 100% !important;
}
#selectPattens > div{
	padding-left : 2px;
	padding-right : 2px;
}
.preview{
	margin-bottom : 0px;
}

.itcblkad{
	font-family: ITCBLKAD;
}

.gu-mirror{
	height : auto !important;
}
#uploadedImg{
    margin-top: 10px;
}
/************************ color picker ********************************/
.palette-color-picker-button{
	width : 28px;
	display : flex;
	margin : auto;
}

.palette-color-picker-bubble{
	width : 220px;
	z-index : 2000;
}

input[name="color"]{
	display: none;
}

/*********************   Loading *******************/
.modal-backdrop{
	opacity:0.5;
}

.modal-backdrop img{
	margin-top: calc(50vh - 64px);
    margin-left: calc(50% - 64px);
}


/**********************************************************************/
/************************* FOOTER ************************************/
/********************************************************************/
footer {
	background: #444;
	padding: 40px 0;
}
footer p {
	color: #ddd;
    font-weight: 300;
    margin: 0 0 20px 0;
	font-size: 16px;
}
footer .social {
	margin: 0;
}
footer .social a {
	color: #DDDDDD;
	text-decoration: none;
}
footer .social a:hover {
	color: #fff;
}
footer .social a .fa-inverse {
	color: #444;
}

/**********************************************************************/
/****************** MEDIA QUERIES ************************************/
/********************************************************************/
@media(max-width:1200px){
	.jumbotron .mobile {
		margin-left: -164px;
	}

	.tool-bar ul > li{
		font-size: 10px;
	}

	.navbar-nav {
		float: left;
	}

	.content-wrapper, #imageSection{
		margin-top : 75px;
	}

	.navbar-collapse {
		float: right;
	}
	.navbar-inverse .navbar-nav > li > a {
		font-size: 16px;
		padding: 25px 12px;
	}
	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		font-size: 28px;
		float: left;
		margin: 15px 0;
		width: auto;
	}
	.navbar-inverse .navbar-brand .fa-stack {
		font-size: 22px;
	}

	.shadowed-bottom{
		font-size : 10px;
	}

	.protoModel {
		margin-top: 1px;
		margin-bottom : 0px;
	}
}

@media (max-width:970px){
	.table-condensed>thead>tr>th {
		padding: 0px;
	}
}

@media (max-width:1170px){
	#ordinaModal, #ordinaModal .modal-dialog{
		width : 100%;
		padding-left : 0px !important;
	}

	.modal-body, .modal-body div{
		padding-left : 1px;
		padding-right : 1px;
	}

	.table-condensed>thead>tr>th {
		padding: 2px;
	}


}
@media (max-width: 767px) {
	.navbar-collapse {
		float: none;
	}
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
		float: left;
		margin: 15px 0 15px 15px;
	}
	.navbar-inverse .navbar-nav > li > a {
		font-size: 14px;
		padding: 12px 15px;
		height : 30px;
	}

}