/* Elanot © */

.horizontal_form {
	/* border: 1px solid red; */
	width: 100%;
	/* padding: 0.5em 0 0.5em 0; */
}

.horizontal_order {
	/* border: 1px solid red; */
	/* display:inline;  */
	display: inline-block;
	margin: 0 0.5em 0 0;
	padding: 0.5em 0 0 0;
}
/* INPUTS START*/
textarea { 
	height: auto;
	width: 100%;
	max-width: 100%;
	/* max-width: 400px; */
	font-size: 1.2em;
}
textarea:read-only {
	background: transparent;
	border: none;
    overflow: auto;
    outline: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input[type=date] { 
	text-align:center;
}
.readonly	{
	background-color:lightgray;
}

/* From www.sanwebe.com/2014/08/css-html-forms-designs */
.my_input {
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #C2C2C2;
    box-shadow: 1px 1px 4px #EBEBEB;
    -moz-box-shadow: 1px 1px 4px #EBEBEB;
    -webkit-box-shadow: 1px 1px 4px #EBEBEB;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px;
    outline: none;
}
.my_input:focus {
	-moz-box-shadow: 0 0 8px #88D5E9;
    -webkit-box-shadow: 0 0 8px #88D5E9;
    box-shadow: 0 0 8px #88D5E9;
    border: 1px solid #88D5E9;
}
.my_submit {
	border: none;
    padding: 8px 15px 8px 15px;
    background: #006680;
    color: #fff;
    box-shadow: 1px 1px 4px #DADADA;
    -moz-box-shadow: 1px 1px 4px #DADADA;
    -webkit-box-shadow: 1px 1px 4px #DADADA;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	margin: 0 0.5em 0 0.5em;
}
.my_submit:hover {
	background: #004e61;
    color: #fff;
}
.my_submit:disabled {
	background: #9D9FA2;
	/*background: #004e61;*/
    color: #fff;
}
.my_submit.disabled {
	background: #9D9FA2;
	pointer-events: none;
    color: #fff;
}
.my_submit.light {
	background: #007a99;
}
.my_submit.light:hover {
	background: #004e61;
}
a.my_submit {
  color: #fff;
  text-decoration: inherit; /* no underline */
  /*font-size: 0.7em;*/
}
.my_input.small, .my_submit.small {
	padding: 5px 10px 5px 10px;
}
.my_input.smaller, .my_submit.smaller {
	padding: 2px 10px 2px 10px;
}
/* @media (max-width:1300px ){ */
	/* .my_input { */
		/* font-size: 1em; */
	/* } */
/* } */
/*INPUT END */

/*IMG SUBMIT START*/
.submit20 {
	/* border: 1px solid cyan; */
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border: none;
	cursor: pointer;
	height: 20px;           
	padding-left: 20px;
}
.delete {
background-image: url(../images/submit/delete/delete20.png);
}
.delete:hover {
background-image: url(../images/submit/delete/delete_red20.png);
}
.edit {
background-image: url(../images/submit/edit/edit20.png);
}
.edit:hover {
background-image: url(../images/submit/edit/edit_red20.png);
}
.save {
background-image: url(../images/submit/save/save20.png);
}
.save:hover {
background-image: url(../images/submit/save/save_red20.png);
}
.logout {
background-image: url(../images/submit/logout/logout20.png);
}
.logout:hover {
background-image: url(../images/submit/logout/logout_red20.png);
}
.change_user {
background-image: url(../images/submit/change_user/change_user20.png);
}
.change_user:hover {
background-image: url(../images/submit/change_user/change_user_red20.png);
}

.submit15 {
background-color: transparent;
background-repeat: no-repeat;
background-position: 0px 0px;
border: none;        
cursor: pointer;
height: 15px;           
padding-left: 15px;
}
.delete15 {
background-image: url(../images/submit/delete/delete15.png);
}
.delete15:hover {
background-image: url(../images/submit/delete/delete_red15.png);
}
.edit15 {
background-image: url(../images/submit/edit/edit15.png);
}
.edit15:hover {
background-image: url(../images/submit/edit/edit_red15.png);
}
.cancel15{
background-image: url(../images/submit/cancel/cancel15.png); 
}
.cancel15:hover {
background-image: url(../images/submit/cancel/cancel_red15.png);
}
.arrow_up15{
background-image: url(../images/submit/arrow/arrow_up15.png); 
}
.arrow_up15:hover {
background-image: url(../images/submit/arrow/arrow_up_red15.png);
}
.arrow_down15{
background-image: url(../images/submit/arrow/arrow_down15.png); 
}
.arrow_down15:hover {
background-image: url(../images/submit/arrow/arrow_down_red15.png);
}
/*SUBMIT END*/
.autoresizeTextarea {
  width:250px;
  min-height:50px;
  height:auto;
  border:2px solid rgba(63,63,63,1);
}