input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="date"], input[type="time"], input[type="file"], input[type="number"], textarea { 
    padding: 2px 1px 2px 1px; 
    border: 1px solid rgba(44, 62, 80, 0.7); 
    border-radius: 3px; 
    -o-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s;
    -ms-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s;
    -moz-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s;
    -webkit-transition: box-shadow 0.3s, border 0.3s, background-color 0.3s;
    transition: box-shadow 0.3s, border 0.3s, background-color 0.3s;
    vertical-align: middle;
    height: 26px;
    background-repeat: no-repeat;
    background-image: url(../icons/tpicons24.png);
    background-position: 0 calc(1 * 24px);
    padding-left: 28px;
}

input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, input[type="search"]:disabled, input[type="date"]:disabled, input[type="time"]:disabled, input[type="file"]:disabled, input[type="number"]:disabled, textarea:disabled {
     padding: 2px 1px 2px 1px; 
     border: solid 1px rgba(44, 62, 80, 0.6); 
     background-color: rgba(189, 195, 199, 0.2); 
     vertical-align: middle;
     padding-left: 28px;

}

input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, input[type="search"]:hover, input[type="date"]:hover, input[type="time"]:hover, input[type="file"]:hover, input[type="number"]:hover textarea:hover { 
    border: solid 1px rgba(44, 62, 80, 0.8); 
    -webkit-box-shadow: 0 0 3px 1px rgba(52, 73, 94, 0.25); 
    -moz-box-shadow: 0 0 3px 1px rgba(52, 73, 94, 0.25); 
    box-shadow: 0 0 3px 1px rgba(52, 73, 94, 0.25);
}

input[type="text"]:hover:disabled, input[type="password"]:hover:disabled, input[type="email"]:hover:disabled, input[type="search"]:hover:disabled, input[type="date"]:hover:disabled, input[type="time"]:hover:disabled, input[type="file"]:hover:disabled, input[type="number"]:hover:disabled, textarea:hover:disabled { 
    border: solid 1px rgba(192, 57, 43, 0.3); 
    background-color: rgba(192, 57, 43, 0.2);
}

input[type="checkbox"] {
    border: 1px solid rgba(44, 62, 80, 0.7);
    border-radius: 2px;
    background-color: black;
}

/*#region Textarea*/

textarea {
    background-image: linear-gradient( to right, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 1.0)), url(../icons/tpicons24.png);
    background-repeat: no-repeat;
    padding-left: 28px;
    resize: none;
    overflow: auto;
}

textarea:disabled {
    background-image: linear-gradient( to right, rgba(236, 240, 241, 1.0), rgba(236, 240, 241, 0.2)), url(../icons/tpicons24.png);
    background-repeat: no-repeat;
    background-color: rgba(236, 240, 241, 1.0);
    padding-left: 28px;
}

textarea.remarks { background-position: 0 26px, 0 calc(9 * -24px); }
textarea.remarks:disabled { background-position: 0 26px, 0 calc(9 * -24px); }

textarea.container { background-position: 0 26px, 0 calc(20 * -24px); }
textarea.container:disabled { background-position: 0 26px, 0 calc(20 * -24px); }

textarea.containerreference { background-position: 0 26px, 0 calc(55 * -24px); }
textarea.containerreference:disabled { background-position: 0 26px, 0 calc(55 * -24px); }

/*#endregion*/

/*#region Input*/

input.undecided { background-color: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0);  }
input.correct { background-color: rgba(39, 174, 96, 1.0); color: rgba(255, 255, 255, 1.0); }
input.wrong { background-color: rgba(231, 76, 60, 1.0); color: rgba(255, 255, 255, 1.0); }

input.user { background-position: 0 calc(18 * -24px); }
input.password { background-position: 0 calc(13 * -24px); }
input.search { background-position: 0 calc(14 * -24px); }
input.datepicker { background-position: 0 calc(5 * -24px); width: 105px; line-height: 22px; }
input.id { background-position: 0 calc(22 * -24px); padding: 0 5px 0 28px; width: 75px; text-align: right;}
input.container { background-position: 0 calc(20 * -24px); }
input.pencil { background-position: 0 calc(9 * -24px); }
input.documents { background-position: 0 calc(19 * -24px); }
input.website { background-position: 0 calc(28 * -24px); }
input.phone { background-position: 0 calc(27 * -24px); }
input.city { background-position: 0 calc(25 * -24px); }
input.country { background-position: 0 calc(26 * -24px); }
input.address { background-position: 0 calc(24 * -24px); }
input.name { background-position: 0 calc(29 * -24px); }
input.postalcode { background-position: 0 calc(30 * -24px); }
input.mail { background-position: 0 calc(34 * -24px); }
input.mobile { background-position: 0 calc(37 * -24px); }
input.customer { background-position: 0 calc(35 * -24px); }
input.driver { background-position: 0 calc(38 * -24px); }
input.license { background-position: 0 calc(44 * -24px); }
input.currency { background-position: 0 calc(46 * -24px); width: 100px; }
input.reference { background-position: 0 calc(44 * -24px); }
input.remark { background-position: 0 calc(9 * -24px); }
input.shipping {  background-position: 0 calc(49 * -24px); }
input.port { background-position: 0 calc(51 * -24px); }
input.timepicker {  background-position: 0 calc(45 * -24px); width: 80px; }
input.docs { background-position: 0 calc(19 * -24px); background-color: #ffffff; width:250px }
input.temperature { background-position: 0 calc(48 * -24px); width: 70px; }
input.weight { background-position: 0 calc(47 * -24px); }
input.shippingcompany { background-position: 0 calc(50 * -24px); }
input.customerreference { background-position: 0 calc(52 * -24px); }
input.location { background-position: 0 calc(23 * -24px); }
input.locationreference { background-position: 0 calc(54 * -24px); }
input.docsreference { background-position: 0 calc(56 * -24px); }
input.seal { background-position: 0 calc(59 * -24px); }
input.internalreference { background-position: 0 calc(57 * -24px); }
input.containerreference { background-position: 0 calc(55 * -24px); }
input.fax { background-position: 0 calc(66 * -24px); }
input.connection { background-position: 0 calc(65 * -24px); }
input.financial { background-position: 0 calc(68 * -24px); }

/*#endregion*/