/*!
 * Bootstrap v4 (http://getbootstrap.com)
 * Copyright 2011-2018 Twitter, Inc.
 */

/* Form Control */
.form-control { border-radius: 4px; padding: 10px 14px; height: auto; font-size: 18px; }
.form-control:focus { border-color: #4d6b80; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.btn { border-radius: 4px; padding: 10px 28px; border: 1px solid #555; font-size: 18px; font-weight: 300;
    -webkit-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 1px 0px rgba(0,0,0,0.1);
}

/* Button Primary */
.btn-primary:focus,
.btn-primary.focus,
.btn-primary { color: #000; background-color: transparent; transition: .3s; }

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus, .btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary,
.btn-primary:hover { color: #4d6b80; border-color: #4d6b80; background-color: transparent; background-color: #FFF; }

/* Button Default */
.btn-default:focus,
.btn-default.focus,
.btn-default { color: #FFF; background-color: #4d6b80; transition: .3s; }

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus, .btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default,
.btn-default:hover { color: #FFF; border-color: #4d6b80; background-color: #5c788b; }

/* Modal */
.modal-dialog .modal-content { border-radius: 0px; }
.modal-dialog .modal-content .close { position: absolute; right: 0px; top: 0px; z-index: 1; background-color: #666; color: #FFF; transition: .3s; padding: 0px 5px 3px 5px; }
.modal-dialog .modal-content .close span { line-height: 0px; }
.modal-backdrop.in { filter: alpha(opacity=80); opacity: .8; }

/* Container */
@media (min-width: 1320px) {
    .container { width: 100%; max-width: 1320px; }
}

/* Input Group */
.input-group { width: 100%; }

/* Form Group */
select.form-control { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url(/assets/images/icon-arrow-gray.png); background-repeat: no-repeat; background-position: right 10px top 18px; color: #111; }
select.form-control::-ms-expand { display: none; }
select.form-control:focus { background-image: url(/Assets/images/icon-arrow-blue.png); }
.dropdown-autocomplete i { padding: 18px 12px; }
.component-message { position: absolute; right: 12px; top: 7px; z-index: 3; }

/* Container */
.container-form { padding-top: 15px; padding-left: 15px; padding-right: 15px; }
.container-form-loading { position: absolute; width: 100%; height: 100%; z-index: 999; padding: 50px; font-size: 20px; text-align: center; background-color: #FFF; }

/* Component Message */
.component-message.yellow { color: #cb8d34; }
.component-message.red { color: #CC0000; }
.component-message.green { color: #1c7025; }

/* Label */
label { font-weight: 300; }

/* List Unstyled */
.list-unstyled { margin: 0px; }

/* ToolTip */
.tooltip-inner { color: #fff; background-color: #000; }
.tooltip.top .tooltip-arrow { border-top-color: #000; }
.tooltip.top-left .tooltip-arrow { border-top-color: #000; }
.tooltip.top-right .tooltip-arrow { border-top-color: #000; }
.tooltip.right .tooltip-arrow { border-right-color: #000; }
.tooltip.left .tooltip-arrow { border-left-color: #000; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #000; }
.tooltip.bottom-left .tooltip-arrow { border-bottom-color: #000; }
.tooltip.bottom-right .tooltip-arrow { border-bottom-color: #000; }

/* Components */
textarea { resize: none; }

/* Input Group Addon */
.input-group-addon { transition: 0.3s; cursor: pointer; border-radius: 0px; }
.input-group-addon:hover { background-color: #999; color: #FFF; }

/* Button Toolbar */
.btn-toolbar { margin-left: 0px; /*background-color: #F9F9F9;*/ padding: 10px 15px; }
.btn-toolbar .btn { float: none; display: inline-block; }
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group { margin-left: 0px; margin-right: 5px; }

/* Modal */
.modal-content { border-radius: 0px; }
.modal-header { border-top: 7px solid #3498db; }
.modal-backdrop.in { filter: alpha(opacity=20); opacity: 0.2; }
.modal-content { border: 0px; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }

/* Tab */
.tab-content > .tab-pane { display: block; overflow: hidden; height: 0px; padding: 0px !important; }
.tab-content > .active { display: block; overflow: inherit; height: auto; padding: 40px 0px !important; }

/* Datepicker */
.ui-datepicker { z-index: 999999999999 !important; }
.ui-datepicker .ui-widget-content { border-color: #ccc; }
.ui-datepicker .ui-widget-header { border: 0px; background: #ebebeb; }
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default { border: 0px; background: #f3f3f3; }
.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-widget-content .ui-state-highlight,
.ui-datepicker .ui-widget-header .ui-state-highlight { background: #dddcdc; }
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active { background: #5186b3; color: #FFF; }

/* Dropdown Autocomplete */
.dropdown-autocomplete { position: relative; }
.dropdown-autocomplete input { position: relative; z-index: 2; font-style: normal; }
.dropdown-autocomplete .not-select { font-style: italic; }
.dropdown-autocomplete > i { position: absolute; text-align: center; padding: 12px; display: inline-block; top: 0px; right: 0px; z-index: 3; color: #ccc; font-size: 18px; }
.dropdown-autocomplete select { display: none; }
.dropdown-autocomplete .autocomplete-menu { position: absolute; background-color: #FFF; border-radius: 6px; width: 150%; margin-top: -1px; z-index: 100; overflow: auto; max-height: 161px; display: none;
    -webkit-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.16);
    box-shadow: 3px 3px 0px 0px rgba(0,0,0,0.16);
}
.dropdown-autocomplete .autocomplete-menu ul li { display: block; padding: 3px 8px; background-color: #FFF; color: #111; text-decoration: none; white-space: nowrap; }
.dropdown-autocomplete .autocomplete-menu ul li.active,
.dropdown-autocomplete .autocomplete-menu ul li:hover { background-color: #ff9a00; color: #FFF; }
.dropdown-autocomplete .autocomplete-menu ul li i { width: 20px; text-align: center; margin-right: 6px; }
.search-smart .dropdown-autocomplete .autocomplete-menu { max-height: 110px; }

/* Checkbox */
.check-box { cursor: pointer; padding: 9px 12px; color: #555; background-color: #fff; border: 0px; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.check-box:hover { outline: 0; -webkit-box-shadow: none; box-shadow: none; }
.check-box label { margin-bottom: 1px; margin-left: 5px; color: #555; cursor: pointer; }
.check-box i { float: left; padding: 3px; margin-right: 5px; color: #4d6b80; width: 16px; text-align: center; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; display: inline-block; }
.check-box-default { display: inline-block; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 5px 0px; }
.check-box-default:hover { border-color: transparent; }
.check-box-default i { width: 30px; padding-top: 6px; padding-bottom: 6px; }
.check-box-default label { margin-top: 3px; }

/* Checkbox List */
.check-box-list { padding: 28px 12px 7px 12px; color: #555; background-color: #fff; border: 0px; border-bottom: 1px solid #ccc; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
.check-box-list > label { display: block; }
.check-box-list .check-box { margin-right: 20px; }
.check-box-list.form-group-small { padding: 21px 9px 4px 9px; }
.check-box-list.form-group-small .check-box { margin-right: 10px; }
.check-box-list.form-group-small .check-box i { margin-right: 2px; }
.check-box-list .check-box-list-body { overflow: auto; }
.check-box-list .check-box-list-body.check-box-list-vertical .check-box { display: block; }
.check-box-list .check-box-list-body.check-box-list-vertical .check-box:last-child { margin-bottom: 4px; }