/*
Opti-podpis generator CSS
*/
/*@font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica'), url('http://boost19.delavec.si/email-signature/Helvetica.woff') format('woff');
}*/
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap&subset=cyrillic');
/* font-family: 'Source Sans Pro', sans-serif; */

body {background:#1D2D38; width:100%;}
.ow_forms h2, .ow_forms h3 , .copy_title{
  height: 20px;
  width: 100%;
  opacity: 0.5;
  color: #FFFFFF;
  font-family: "Source Sans Pro";
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}
.copy_title{

   margin-bottom: 16px;
}
.copy_paste_signature{
  margin-top: 24px;
}
.container {max-width:383px; margin:0 auto; width:100%;}
.hidden-container {max-width:600px; margin:0 auto; width:100%;}

.ow_forms .input_field {transition:all 0.15s ease-out;	margin-bottom: 24px;    padding: 16px 24px;    background: white;    border: 1px solid #cfd3d6;    width: 100%;    height: 55px;    font-family: 'Source Sans Pro', sans-serif;    font-size: 18px;    color: #3B4852;    -webkit-border-radius: 2px;    -moz-border-radius: 2px;    border-radius: 2px;}
.ow_forms .input_label {box-sizing: border-box; transition:all 0.15s ease-out;	margin-bottom: 24px; width: 100%; height: 37px; font-family: 'Source Sans Pro', sans-serif; font-size: 15px; color: white; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display:block;padding-top:8px;	position:relative;}
.ow_forms .input_label input {position:absolute;	right:0px;	height: 15px;    width: 15px;}
.ow_forms .input_label::selection {  background: transparent; }
.ow_forms .input_label::-moz-selection {  background: transparent; }
.ow_forms .hidden_field {visibility:hidden; opacity:0; height:1px;}

.ow_forms .ow_button {
   transition:all 0.15s ease-out;
   width: 100%;
   height: 56px;
   border: 1px solid #15AECF;
   background-color: #1D2D38;
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 16px;
   color: #15AECF;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   padding: 18px 165px;
   font-weight: bold;
}

.ow_forms .ow_button:hover { opacity:0.7; cursor:pointer;}
.ow_forms .input_label:hover {cursor:pointer;}
.ow_forms #file_upload {	width: 0.1px;	height: 0.1px;	opacity: 0;	overflow: hidden;	position: absolute;	z-index: -1;}
.ow_forms .msg {font-family: 'Source Sans Pro', sans-serif; font-size:14px;}
#copy-target {
  overflow:auto; 
  background:white;     
  min-height: 115px; 
  padding-left: 24px; 
  padding-bottom: 32px; 
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
.copy-button {
   margin-top: 24px;
   transition:all 0.15s ease-out;
   outline:none;
   background-color: #15AECF;
   border: 0;
   width: 100%;
   height: 55px;
   font-family: 'Source Sans Pro', sans-serif;
   font-size: 16px;
   color: black;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   font-weight: bold;
   background-image: url("./img/icon-copy.svg");
   background-repeat: no-repeat;
    background-position: 22% 48%;
}
.copy-button:hover { opacity:0.7; cursor:pointer;}
.hidden_div {display:none;
margin-top: 55px;
padding-bottom: 75px;
}
/*pravilna pozicija logota*/
.ow_forms > p {
  margin-top: 24px;
  margin-bottom: 90px;
}
/*obarvanje placeholderja*/
.ow_forms .input_field::placeholder{
  color: rgba(59, 72, 82,0.7);
}
.make-it-bigger{
    width: 600px!important;
    margin-left: -108px;
}

/*pravilna poravnava po designu*/
.first-tutorial{
  margin-top: 32px;
  margin-bottom: 50px;
  line-height: 20px;
}

/*pravilna poravnava po designu*/
.second-tutorial{
  margin-bottom: 50px;
  line-height: 20px;
}

/* signature copied text */
.signature-copied{
  display: none;
  color: #FED63B;	
  font-family: "Source Sans Pro";	
  font-size: 14px;	
  line-height: 18px;
  text-align: center;
}