/* label focus color */

 .input-field input[type=text]:focus+label {
     color: #2196F3 !important;
 }

 .input-field textarea:focus+label {
     color: #2196F3 !important;
 }

 .input-field input[type=password]:focus+label {
     color: #2196F3 !important;
 }

 ul.dropdown-content.select-dropdown li span {
     color: #2196F3;
 }

 /* label underline focus color */

 .input-field input[type=text]:focus {
     border-bottom: 1px solid #2196F3 !important;
     box-shadow: 0 1px 0 0 #2196F3 !important;
 }

 .input-field textarea:focus {
     border-bottom: 1px solid #2196F3 !important;
     box-shadow: 0 1px 0 0 #2196F3 !important;
 }

 .input-field input[type=password]:focus {
     border-bottom: 1px solid #2196F3;
     box-shadow: 0 1px 0 0 #2196F3;
 }

 /* icon underline focus color */

 .input-field .prefix.active {
     color: #2196F3 !important;
 }

 .modal-header {
     background-color: #5c6bc0;
     width: 100%;
     height: 55px;
     margin-top: -8px;
     color: #FFFFFF;
     padding: 15px;
 }

 .modal-header h6 {
     font-size: 18px
 }

 .picker__date-display {
     background-color: #5c6bc0;
 }

 .picker__weekday-display {
     background-color: #5c6bc0;
 }

 .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
     background-color: #5c6bc0;
 }

 .picker__clear {
     color: #5c6bc0
 }

 .picker__close, .picker__today, .picker__clear {
     color: #5c6bc0
 }

 .picker__day.picker__day--today {
     color: #5c6bc0
 }

 .field input {
     background: #eaeaea !important;
     border: 1px solid #c6c6c6 !important;
     border-radius: 4px !important;
     padding: 0px 15px !important;
     width: 95% !important;
     font-size: 16px !important;
     color: #777777 !important;
 }

 .field input:focus {
     border-bottom: 1px solid #2196F3 !important;
     box-shadow: 0 1px 0 0 #2196F3 !important;
 }

 .field textarea {
     background: #eaeaea !important;
     border: 1px solid #c6c6c6 !important;
     border-radius: 4px !important;
     padding: 10px 15px !important;
     width: 95% !important;
     font-size: 16px !important;
     color: #777777 !important;
     height: 55px;
 }

 .field textarea:focus {
     border-bottom: 1px solid #2196F3 !important;
     box-shadow: 0 1px 0 0 #2196F3 !important;
 }

 .field .character-counter {
     margin-top: -20px
 }

 .field label {
     margin-left: 10px
 }

 .input-field label.active {
     font-size: 16px;
     font-weight: bold;
     margin-top: -10px
 }

 ::placeholder {
     color: #a2a2a2;
     opacity: 1;
     /* Firefox */
 }

 :-ms-input-placeholder {
     /* Internet Explorer 10-11 */
     color: #a2a2a2;
 }

 ::-ms-input-placeholder {
     /* Microsoft Edge */
     color: #a2a2a2;
 }

 @media (min-width: 1367px) {
     .tickets_details {
         height: 360px !important;
     }
 }