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

/* Form Control */
.form-control { border-radius: 3px; padding: 5px 16px; }
.form-control:focus { border-color: #00ac8c; outline: 0; -webkit-box-shadow: none; box-shadow: none; }

/* Label */
label { text-align: left; font-weight: normal; display: block; margin-bottom: 10px !important; font-size: 13px !important }

/* Button */
.btn { display: inline-block; border-radius: 5px; background-color: #00e7bc; color: #ffffff; padding: 20px 40px; font-size: 18px; border: none; box-shadow: none; margin-top: 10px; cursor: pointer; line-height: 1em; width: 100%; }

/* Button Primary */
.btn-primary:focus,
.btn-primary.focus,
.btn-primary { color: #FFF; background-color: #235289; border-color: #235289; 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: #235289; background-color: #FFF; border-color: #FFF; }

/* Button Default */
.btn-default:focus,
.btn-default.focus,
.btn-default { 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; background-color: #00ac8c; }

/* 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: 1200px) {
    .container { width: 100%; max-width: 1170px; }
}

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

/* Form Group */
select.form-control { color: #a5a5a5; -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 13px; }
select.form-control::-ms-expand { display: none; }
select.form-control:focus { background-image: url(/Assets/images/icon-arrow-blue.png); }
select.form-control option { color: #111; }
select.form-control option:first-child { color: #a5a5a5; }
.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; }

/* Tabs */
.tab-content { background-color: #FFF; /*border: 1px solid #ddd;*/ border-top: 0px; }
.nav-tabs { background-color: #f5f5f5; }
.nav-tabs > li > a { border-radius: 0px; }
.nav-tabs > li:first-child > a,
.nav-tabs > li:first-child.active > a:hover { border-left-color: #FFF !important; }

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

/* 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; }
.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); }