body { 
    margin-top: 0px;
}

@media print {
    a[href]:after { content: none !important; }
    img[src]:after { content: none !important; }
}


@media screen {
    .pg-break { page-break-after: always; }
} 

.beta{
    float: right;
    color: #e8a64a;
    margin: 20px 20px 20px 20px;
    font-weight: 600;
}

.required-field {
	color: #fff;
	background-color: #f48a3e;
}

.warning-text {
    color: #e8a64a;
}

.alert-warning {
	color: #fff;
	background-color: #e8a64a;
	border-color: #faebcc;
}

.navbar-nav > li > a {
	padding-top: 5px;
	padding-bottom: 3px;
}

.body-header {
    padding-bottom: 10px;
    padding-top: 15px;
    background: #fafafa;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);   
}

.panel-heading {
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);   
}

.panel-body {
    padding-bottom: 10px;
    background: #fafafa; 
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);   
}

.navbar {
	font-size: 12px !important;
	line-height: 1.42857143 !important;
	letter-spacing: 1px;
	font-family: Montserrat, sans-serif;
}


.navbar-nav.navbar-center {
    position: relative;
    left: 50%;
    transform: translatex(-50%);
}


.nav-edit-state, .nav-sort-drafts {
    position: relative;
}

.nav-tabs>li>a {
    color: black;
}

.nav-tabs>li.active>a {
    color: black;
    font-weight: bolder;
}

.nav-sort-drafts-active {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-bottom: 0px;
    font-weight: bolder;
}

.manufacturer-row{
    clear:both;
    color: #adadad;
    text-align: right;
    margin-right: 30px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    padding: 20px;
}


/* Sivun yläosa */
.top-container {
    padding-left: 0px;
}

/* Päävalikko - Tiedosto */
.m-file-li {
    padding: 5px 0;
}
.m-file-li-margin {
    display: inline-block;
    width: 25px;
}

.body {
	font-size: 12px !important;
	line-height: 1.42857143 !important;
	letter-spacing: 1px;
	font-family: Montserrat, sans-serif;
}


/* Draft pagination */
.pagination > li > a
{
    background-color: white;
    color: #999999;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #5a5a5a;
    background-color: #eee;
    border-color: #999999;
}

.pagination > .active > a
{
    color: white;
    background-color: #999999 !Important;
    border: solid 1px #999999 !Important;
}

.pagination > .active > a:hover
{
    background-color: #ddd !Important;
    border: solid 1px #ddd;
}


.text-bold { font-weight: bold; }
.only-print  { display:none; }


.btn-trans {
    background-color: Transparent;
    background-repeat: no-repeat;
    border: 1px solid grey;
    border-radius: 12px;
    overflow: hidden;
    outline: none;
}

.btn-trans-bolder {
    border: 3px solid grey;
}




/* Upload btn */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.btn-round {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.btn-round.btn-lg {
    width: 48px;
    height: 48px;
}
.btn-round.btn-sm {
    width: 34px;
    height: 34px;
}
.btn-round.btn-xs {
    width: 24px;
    height: 24px;
}


.btn-navbar {

    background-color: Transparent;
    background-repeat: no-repeat;
    border: 0px solid grey;
    border-radius: 12px;
    overflow: hidden;
    outline: none;

}


#btn-to-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    opacity: 0.5;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: grey;
    color: white;
    cursor: pointer;
}


.jumbotron {
    background-color: #f5f5f5;
}



.cursor-pointer {
    cursor: pointer;
}

.ui-datepicker{ z-index:1151 !important; }




.modal-body {
    padding: 20px 20px 20px 20px;
    border: 0px solid #d8d8a8;
    background-color: #f5f5f5;
    color: #222222;
    
}
.modal-header {
    padding: 5px 10px 5px 10px;
    border: 0px solid #272727;
    background-color: #e8e8e8;
    color: #000;
    font-size: 18px;
    font-weight: bold;
}


.welcome {
    text-align: center;
    font-family: 'Times New Roman', cursive;
    color: white;
    text-shadow: 0px 1px 2px #444;
    margin-top: 0.1em;
    margin-bottom: 0.6em;
}

.stedit-h1, .stedit-h2, .stedit-h3 {
    text-align: center;
    font-family: 'Times New Roman', cursive;
    font-size: 100px;
    color: white;
    text-shadow: 0px 1px 2px #444;
    margin-top: 50px;
    margin-bottom: 20px;
}
.stedit-h2 {
    margin-top: 25px;
    margin-bottom: 30px;        
    font-size: 50px;
}

.stedit-h3 {
    margin-top: 15px;
    margin-bottom: 30px;          
    font-size: 25px;
}



.scaled {
    -ms-transform: scale(0.7,0.7); /* IE 9 */
    -webkit-transform: scale(0.7,0.7); /* Safari */
    transform: scale(0.7,0.7); /* Standard syntax */
}


.row-draftlist-btns {
    margin-top: 20px;
    margin-bottom: 20px;
}


/* 3d näyttökuvaa varten */
.s-cont {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.kirjoitus, .ornament, .orn-on-img {
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;    
	white-space: nowrap;

}

.orn-on-img {
    cursor: pointer;
} 





/* ColorPicker editorissa */

.color-picker-row {
    clear: both;
}
.color-picker-btn-row {
    text-align: center;
    clear: both;
}
.color-picker-cell{
    float: left;
    width: 18px;
    height: 18px;
    border: solid 1px #ffffff;
    text-align: center;
    cursor: pointer;
}
#color-picker-preview {
    float: left;
    margin-top: 10px;
    margin-right: 20px;
    width: 50px;
    height: 50px;
    border: 1px solid #333;
}
#color-picker-hex-div {
    margin-top: 40px;
    color:#666666;
}




/* Hakulaatikko tilauksissa */
#search-bar {
    position: relative;
    top: 50px;
    right: 0px;
}

#xai-menu {
    color: black;
    background-color: #d8d8a8;
    text-shadow: 0px 1px 1px #ccc;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.6);
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);        
}


#ai-menu {
    font-size: 17px;
    background-color: #5f5f5f;
    color: white;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31); 
}
#ai-menu a:link {color: #000;}
#ai-menu a:visited, #ai-menu a:hover,
#ai-menua:active {
    color: #000;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a,.navbar-default .navbar-nav .open .dropdown-menu {
    color: black;
}


.hs-list {

    cursor: pointer;
    color: black;
    background: #eeeeee url(./hsd-list-bg.png) 50% 50% repeat-x;
    border: 1px;
    border-style: solid #272727;
    padding: 10px;
    position: relative;
    z-index: 999;

}

.hs-list A:link {text-decoration: none; color: black;  }
.hs-list A:visited {text-decoration: none; color: black; }
.hs-list A:active {text-decoration: none; color: yellow; }
.hs-list A:hover {text-decoration: none; color: white;}

.hs-list :hover {
    color: #d58512;
}


.hs-panel-body {
	padding: 20px 20px 20px 20px;
	border: 1px solid #d8d8a8;
	background: #d8d8a8 url(./hs-panel-body-bg.png) 50% 2% repeat-x;
	color: #222222;
        cursor: pointer;
}
.hs-panel-heading {
	padding: 5px 10px 5px 10px;
	border: 1px solid #272727;
	background: #272727 url(./hs-panel-heading-bg.png) 50% 50% repeat-x;
	color: #fff;
	font-weight: bold;
}





.row-anchor{
    position: relative;
    top: -50px;
}





a:link {
    text-decoration: none;
    color: black;
}
a:visited {
    color: #404040;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
	color: #fff;
	background-color: #464545;
}

.trash {
    color: #f60808;
}