Dialogs color padding and margins

Template/css/app.original.less

@@ -3,7 +3,7 @@
 @color-toolbar : #315C7B;
 @color-primary : #0ce3ac;
 
-@color-secondary-text : #696969;
+@color-secondary-text : #d1d1d1;
 @color-third-text : #2e2e2e;
 @color-light-text : #b6b6b6;
 
@@ -12,6 +12,8 @@
 
 @color-background : #222222;
 
+@color-background-inputs : #5e5e5e;
+
 @color-yellow: #ffffd5;
 
 /* BYE BYE LESS */
@@ -26,12 +28,12 @@
 .color-cyan {
   border-left: 5px solid @color-primary !important;
 }
-::placeholder {
-  /* Chrome, Firefox, Opera, Safari 10.1+ */
-  color: @color-toolbar !important;
-  opacity: 1;
-  /* Firefox */
-}
+// ::placeholder {
+//   /* Chrome, Firefox, Opera, Safari 10.1+ */
+//   color: @color-toolbar !important;
+//   opacity: 1;
+//   /* Firefox */
+// }
 .task-summary-container.color-yellow{
   background-color: @color-yellow;
   border-color: @color-yellow;
@@ -94,7 +96,7 @@ ul.no-bullet li {
   vertical-align: bottom;
 }
 a {
-  color: @color-primary;
+  color: @color-toolbar;
   border: none;
 }
 a:focus {
@@ -115,7 +117,7 @@ h1,
 h2,
 h3 {
   font-weight: normal;
-  color:@color-third-text;
+  color:@color-secondary-text;
 }
 h1 {
   font-size: 1.5em;
@@ -688,7 +690,8 @@ input[type="text"]:not(.input-addon-field) {
   font-family: sans-serif;
   -webkit-appearance: none;
   -moz-appearance: none;
-  background-color: @color-background;
+  background-color: @color-background-inputs;
+  border-radius: 5px;
 }
 input[type="number"]::-webkit-input-placeholder,
 input[type="date"]::-webkit-input-placeholder,
@@ -696,6 +699,8 @@ input[type="email"]::-webkit-input-placeholder,
 input[type="password"]::-webkit-input-placeholder,
 input[type="text"]:not(.input-addon-field)::-webkit-input-placeholder {
   color: @color-primary;
+  background-color: @color-background-inputs;
+  border-radius: 5px;
 }
 input[type="number"]::-moz-placeholder,
 input[type="date"]::-moz-placeholder,
@@ -703,6 +708,8 @@ input[type="email"]::-moz-placeholder,
 input[type="password"]::-moz-placeholder,
 input[type="text"]:not(.input-addon-field)::-moz-placeholder {
   color: @color-primary;
+  background-color: @color-background-inputs;
+  border-radius: 5px;
 }
 input[type="number"]:-ms-input-placeholder,
 input[type="date"]:-ms-input-placeholder,
@@ -710,6 +717,8 @@ input[type="email"]:-ms-input-placeholder,
 input[type="password"]:-ms-input-placeholder,
 input[type="text"]:not(.input-addon-field):-ms-input-placeholder {
   color: @color-primary;
+  background-color: @color-background-inputs;
+  border-radius: 5px;
 }
 input[type="number"]:focus,
 input[type="date"]:focus,
@@ -720,32 +729,40 @@ input[type="text"]:focus {
   border-color: @color-primary;
   outline: 0;
   box-shadow: 0 0 8px @color-primary;
+  background-color: @color-background-inputs;
+  border-radius: 5px;
 }
 input[type="number"] {
   width: 70px;
+  border-radius: 5px;
 }
 input[type="text"]:not(.input-addon-field).form-numeric {
   width: 70px;
-  background-color: @color-secondary-text;
+  background-color: @color-background-inputs;
+  border-radius: 5px;
 }
 input[type="text"]:not(.input-addon-field).form-datetime,
 input[type="text"]:not(.input-addon-field).form-date {
   width: 150px;
-  background-color: @color-secondary-text;
+  background-color: @color-background-inputs;
+  border-radius: 5px;
 }
 input[type="text"]:not(.input-addon-field).form-input-large {
   width: 400px;
-  background-color: @color-secondary-text;
+  background-color: @color-background-inputs;
+  border-radius: 5px;
 }
 input[type="text"]:not(.input-addon-field).form-input-small {
   width: 150px;
-  background-color: @color-secondary-text;
+  background-color: @color-background-inputs;
+  border-radius: 5px;
 }
 textarea:focus {
   color: @color-primary;
   border-color: @color-primary;
   outline: 0;
   box-shadow: 0 0 8px @color-primary;
+  border-radius: 5px;
 }
 textarea {
   padding: 4px;
@@ -755,15 +772,19 @@ textarea {
   height: 200px;
   font-family: sans-serif;
   font-size: 1em;
+  border-radius: 5px;
 }
 textarea::-webkit-input-placeholder {
   color: @color-secondary-text;
+  border-radius: 5px;
 }
 textarea::-moz-placeholder {
   color: @color-secondary-text;
+  border-radius: 5px;
 }
 textarea:-ms-input-placeholder {
   color: @color-secondary-text;
+  border-radius: 5px;
 }
 select {
   font-size: 1em;
@@ -1230,21 +1251,19 @@ td a.dropdown-menu:hover i {
 .select-dropdown-menu-item:last-child {
   border: none;
 }
+input[type=number] .select-dropdown-input{
+  background-color: @color-primary !important;
+}
 .select-dropdown-input-container {
   position: relative;
-  border-bottom: 1px solid @color-primary;
-  border-right: 0px;
-  border-left: 0px;
-  border-top: 0px;
-  border-radius: 5px;
-  background-color: @color-primary;
-  color: @color-toolbar;
+  background-color: transparent;
+  border: none;
 }
 .select-dropdown-input-container input.select-dropdown-input {
   margin: 0 0 0 5px;
   border: none;
   height: 23px;
-  background-color: @color-primary;
+  background-color: @color-primary !important;
 }
 .select-dropdown-input-container input.select-dropdown-input:focus {
   border: none;
@@ -1254,7 +1273,7 @@ td a.dropdown-menu:hover i {
   color: @color-toolbar;
   position: absolute;
   top: 4px;
-  right: 5px;
+  right: 11px;
   cursor: pointer;
 }
 .select-dropdown-input-container .select-loading-icon {
@@ -1312,6 +1331,8 @@ td a.dropdown-menu:hover i {
   background: #3F3F3F;
   overflow: auto;
   border-radius: 5px;
+  margin: 30px;
+  padding: 10px;
 }
 #modal-content {
   padding: 0 5px 5px;