/* OVERRIDES MATERIALIZE LIKE STYLE*/
body {background-color: #fff;}
div.mate {position: relative; min-height: 1px; display: inline-block;}
label.mate {position: absolute; /*top: 30px;*/ font-size: 11pt; font-weight: normal; transition: all .3s;-webkit-transition: all .3s; color: #999;}
label.mate.active {transition: all .3s;-webkit-transition: all .3s; top:0px; transform: translateX(-10px) scale(.8); color: cadetblue}


input.form-control,select.form-control, span.select2 {margin: 30px 0 20px 0;}
input[type=file].form-control {margin:0;}
.mate-file {position: relative; min-height: 1px; border-bottom: 1px solid #9e9e9e;}
.mate-file > input[type=file] {position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0;border-bottom: 1px solid #9e9e9e;}
.mate-file > span {line-height: 1.2}
/*.mate-file > label {font-weight: normal;}*/
.mate-file > label + span {display: none;}
.mate-file > a { cursor:pointer;}
/*.mate-file > input[type=file].file-upload{border-bottom:0!important}*/

.col-lg-1.mate-file, .col-lg-10.mate-file, .col-lg-11.mate-file, .col-lg-12.mate-file, .col-lg-2.mate-file, .col-lg-3.mate-file, .col-lg-4.mate-file,
.col-lg-5.mate-file, .col-lg-6.mate-file, .col-lg-7.mate-file, .col-lg-8.mate-file, .col-lg-9.mate-file, .col-md-1.mate-file, .col-md-10.mate-file,
.col-md-11.mate-file, .col-md-12.mate-file, .col-md-2.mate-file, .col-md-3.mate-file, .col-md-4.mate-file, .col-md-5.mate-file, .col-md-6.mate-file,
.col-md-7.mate-file, .col-md-8.mate-file, .col-md-9.mate-file, .col-sm-1.mate-file, .col-sm-10.mate-file, .col-sm-11.mate-file, .col-sm-12.mate-file,
.col-sm-2.mate-file, .col-sm-3.mate-file, .col-sm-4.mate-file, .col-sm-5.mate-file, .col-sm-6.mate-file, .col-sm-7.mate-file, .col-sm-8.mate-file,
.col-sm-9.mate-file, .col-xs-1.mate-file, .col-xs-10.mate-file, .col-xs-11.mate-file, .col-xs-12.mate-file, .col-xs-2.mate-file, .col-xs-3.mate-file,
.col-xs-4.mate-file, .col-xs-5.mate-file, .col-xs-6.mate-file, .col-xs-7.mate-file, .col-xs-8.mate-file, .col-xs-9.mate-file
{margin-left:20px; padding-left:0;}

input.form-control, select.form-control,
span.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field,
span.select2-container--bootstrap.select2-container--focus .select2-selection, span.select2-container--bootstrap.select2-container--open .select2-selection,
span.select2.select2-container .select2-container--bootstrap .select2-container--above,
.daterangepicker_input>input.form-control, .daterangepicker_input>input.form-control.active
 { background-color: transparent; border: none; border-bottom: 1px solid #9e9e9e; border-radius: 0; outline: none; margin-bottom:1px;
    height: 3rem; width: 100%; font-size: 15px; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: content-box; box-sizing: content-box;
    -webkit-transition: all 0.3s; transition: all 0.3s;}

input.form-control:focus, select.form-control:focus, .daterangepicker_input>input.form-control:focus,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field:focus {border-color: cadetblue; border-bottom-width:2px; box-shadow: none; margin-bottom:0px;}

.select2-selection__clear {z-index: 999; font-size: 10pt;}
.daterangepicker_input>input.form-control, .daterangepicker_input>input.form-control.active {padding-left: 28px !important; width: calc(99% - 28px);}

label>input[type=radio] {width:20px;}
label>input[type=checkbox], input[type='checkbox'] {width:0;margin:0;padding:0}
textarea {width:100%;height: 100px;resize: vertical;overflow: auto;font-size:.7em; display:block; clear:both}
.labW {padding-left:20px; }
input[type=radio]::before {background: #fff; display: inline-block; width: 16px; height: 16px; content: ''; border-radius: 8px; position: relative; top: -3px; left: 0px; border:2px solid #222;}
input[type=radio]::after { display: inline-block; border-radius: 1px; background: #fff; height: 1px; width: 1px; content: ''; position: relative; top: -25px; left: 8px; transition: all .3s; }
input[type=radio]:checked::before {opacity:0; transition: all .3s;}
input[type=radio]:checked::after {display: inline-block; border-radius: 8px; background: #26a69a; height: 16px; width: 16px; content: ''; position: relative; top: -22px; left: 0px; transition: all .3s; border:none;}

input[type=checkbox]::after {display: inline-block; width: 16px; height: 16px;
                            position: relative; top:-2px; left:-5px; background: #fff; border:2px solid #222;
                            transition: all .2s; content:'';}
input[type=checkbox]:checked::after { display: inline-block; width: 10px; height: 19px; font-weight: bold; content: ""; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
                                     transform: rotate(40deg); top: -6px; position: relative; left: -2px; transition: all .1s; background-color: transparent;
                                     border-bottom: 2px solid #26a69a; border-right: 2px solid #26a69a; border-top: 0; border-left: 0;
}
.col-sm-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 98%;
    -ms-flex: 0 0 98%;
    flex: 0 0 98%;
    max-width: 98%;
}
span.field-validation-error {font-size:11px!important}