/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Jan 14, 2019, 3:50:49 PM
    Author     : crosstechno
*/

body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;}



a {
    color: #000;
    text-decoration: none;
}

.card {
  /* Add shadows to create the "card" effect */
  /* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); */
  transition: 0.3s;
  /* padding: 16px; */
}

.input-container {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  width: 100%;
  margin-bottom: 15px;
  position: relative;
}

.btn-primary-custom{
    background: #FFD200;
    color:black;
}

.ion-label {
  border-radius: 50%;
  border: 3px solid white;
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 46px;
  z-index: 9;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}


.icon {
  padding: 10px;
  background: #FFD200;
  color: white;
  min-width: 50px;
  text-align: center;
}

.input-field {
  height: 46px;
  width: 100%;
  display: block;
  box-sizing: border-box;
  padding-left: 50px;
  outline: none;
  vertical-align: middle;
}

input[type=text] {
  outline: none!important;
  outline-style: none!important;
  border: none;
  box-shadow: -8px 10px 0px -8px #CCC, 8px 10px 0px -8px #CCC;
}
input[type=password] {
  outline: none!important;
  outline-style: none!important;
  border: none;
  box-shadow: -8px 10px 0px -8px #CCC, 8px 10px 0px -8px #CCC;
}
input[type=number] {
  outline: none!important;
  outline-style: none!important;
  border: none;
  box-shadow: -8px 10px 0px -8px #CCC, 8px 10px 0px -8px #CCC;
}

.custominput{
  outline: none!important;
  outline-style: none!important;
  border: none;
  box-shadow: -8px 10px 0px -8px #CCC, 8px 10px 0px -8px #CCC;
}

.custominput:focus{
  outline: none;
  outline-style: none;
  box-shadow: -8px 10px 0px -8px #FFD200, 8px 10px 0px -8px #FFD200;
}


input[type=text]:focus {
  outline: none;
  outline-style: none;
  box-shadow: -8px 10px 0px -8px #FFD200, 8px 10px 0px -8px #FFD200;
}

input[type=number]:focus {
  outline: none;
  outline-style: none;
  box-shadow: -8px 10px 0px -8px #FFD200, 8px 10px 0px -8px #FFD200;
}

input[type=password]:focus {
  outline: none;
  outline-style: none;
  box-shadow: -8px 10px 0px -8px #FFD200, 8px 10px 0px -8px #FFD200;
}

textarea:focus, input:focus{
    outline: none!important;
    outline-style: none;
}

.text-muted {
    word-wrap: break-word;
}

.ukuran-option-banner li {
    padding: 0px 10px 0px 10px;
}