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;