/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */
body {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
}

main {
   flex: 1 0 auto;
}

.b-color-1 {
   background-color:#01468B;
}
.b-color-2 {
   background-color:#0176B9;
}
.b-color-3 {
   background-color:#4caf50;
}
.b-color-4 {
   background-color:#ffc107;
}
.b-color-5 {
   background-color:#f44336;
}
.t-color-1 {
   color:#01468B;
}

.icon-block {
   padding: 0 15px;
}

.icon-block .material-icons {
	font-size: inherit;
}

.slider {
   max-width: 800px;
   margin: auto;
}

nav ul li.active {
   background-color: #01468B !important;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2)
}
.section {
   padding-top: 0;
}

nav ul li.active a {
   color:#FFF;
}

nav ul li ul li a.collapsible-header {
   padding-left:32px!important;
}

nav ul li ul li .collapsible-body ul li a {
   color:rgba(0, 0, 0, 0.87);
   padding-left:48px!important;
}

.section .breadcrumb-wrapper {
   padding: 0 15px;
}

nav i.material-icons {
   color:#FFF;
}

.material-icons {
   color:#FFC107;
}

.collection .collection-item.avatar i.circle {
   background-color: #FFC107;
}

nav .input-field label {
   top: -10px;
}

.row {
   margin-bottom:0;
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #FFC107;
  box-shadow: 0 1px 0 0 #FFC107;
}

input:not([type]):focus:not([readonly]) + label,
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: #FFC107;
}

put:not([type]):disabled,
input:not([type])[readonly="readonly"],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly="readonly"],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly="readonly"],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly="readonly"],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly="readonly"],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly="readonly"],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly="readonly"],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly="readonly"],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly="readonly"],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly="readonly"],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
   color: rgba(0, 0, 0, 0.60);
   border-bottom: 1px dotted rgba(0, 0, 0, 0.60);
}

.chips input:not(.browser-default):disabled {
   border-bottom:0;
}

.input-field .prefix.active,
.input-field input[type=text]:focus + label,
.input-field input[type=tel]:focus + label,
.input-field textarea.materialize-textarea:focus + label  {
  color: #0176B9;
}

.content {
   max-width: 1024px;
   margin-left: auto;
   margin-right: auto;
   margin-top:1rem;
}

.section .breadcrumb-wrapper {
   padding-bottom: 1rem;
}

.slider .indicators .indicator-item {
   background-color: #0176B9;
}

.slider .indicators .indicator-item.active {
   background-color: #FFC107;
}

ol {
   counter-reset: li; /* Initiate a counter */
   list-style: none; /* Remove default numbering */
   *list-style: decimal; /* Keep using default numbering for IE6/7 */
   font: 15px 'trebuchet MS', 'lucida sans';
   padding: 0;
   margin-bottom: 4em;
   text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

ol ol {
   margin: 0 0 0 2em; /* Add some left margin for inner lists */
}

.rounded-list span{
   position: relative;
   display: block;
   padding: .5em .5em .5em 2em;
   *padding: .5em;
   margin: .5em 0;
   background: #0176B9;
   color: #FFF;
   border-radius: .3em;
}


.rounded-list span:before{
   content: counter(li);
   counter-increment: li;
   position: absolute;
   left: -1.3em;
   top: 50%;
   margin-top: -1.5em;
   background: #FFC107;
   height: 3em;
   width: 3em;
   line-height: 2.7em;
   border: .3em solid #fff;
   text-align: center;
   font-weight: bold;
   border-radius: 2em;
}

.main-loader {
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   position: fixed;
   display: flex;
   align-items: center;
   justify-content: center;
   background-color: white;
   background-color: rgba(238, 238, 238, 0.5);
}


.input-field.col .dropdown-content [type="checkbox"] + label {
   top: -11px;
}

.intl-tel-input.allow-dropdown {
   width:calc(100% - 58px);
}

#map-container {
   height: 400px;
}

.iti-flag {background-image: url("../img/flags.png");}

.tabs .tab a:hover, .tabs .tab a, .tabs .tab a:hover, .tabs .tab a.active {
   color:#0176B9;
}

.tabs .indicator {
	background-color: #ffc107;
}

/** Bug Fixed checkbox editable in div **/
[type="checkbox"] + label,
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  pointer-events: auto;
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {background-image: url("../img/flags@2x.png");}
}


@media only screen and (min-width: 993px) {
   .side-nav {
      -webkit-transform: translateX(0px) !important;
              transform: translateX(0px) !important;
   }

   .side-nav li > a {
      height: 64px;
      line-height: 64px;
   }

   .container {
      margin-left: 300px;
      width: calc(100% - 300px);
      max-width: 100%;
      padding: 0 15px;
   }

   nav .brand-logo.right {
      right: 0;
   }

   .section {
      padding-top: 1rem;
   }

   .section .breadcrumb-wrapper {
      margin-left: 300px;
      width: calc(100% - 300px);
      max-width: 100%;
   }
}