﻿body { line-height: 24px; color: #212529;}
.navbar { padding: 0; }
.form-wrapper { width: 700px; margin: 0 auto; padding: 15px; background-color: #fff; border: 1px solid #ddd; }
.form-container .btn-active { color: #fff !important; background-color: #f59d00 !important; border-color: #f59d00 !important; }
.form-container { position: relative; }
.form-container h2 { font-family: 'Gudea', sans-serif; }
.form-container .custom-control { min-height: 1.5rem; padding-left: 1.5rem; }
/*.form-container .form-check { padding-left: 0; }*/
.form-container .custom-control-label::after { width: 1rem; height: 1rem; }
.form-container .custom-control-label::before { width: 1rem; height: 1rem;  background-color: #fff; border: 1px solid #ccc; }
.form-container .header-text { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 10px; }
.form-container .header-text h2 { margin-bottom: 5px; font-size: 25px; }
.form-container .header-text p { margin-bottom: 5px; }
.form-container ul li > div > label { font-size: 16px; }
.form-container ul li > div > div > div > label { font-size: 15px; }
.form-container .scalerating .number span{padding-left:4px;}
.form-container .starbox .star { display: inline-block !important; float: none !important; padding-right: 3px; width: 30px; height: 30px;font-size: 24px; cursor: pointer; line-height:20px;}
.form-container .starbox .star path { fill: #c7c7c7; }
.form-container .starbox .star.clicked path, .form-container .starbox .star:hover path { fill: #FFD954; }
.form-container .picture-container li { width: 212px; float: left; padding: 0 !important; margin: 5px 5px 10px 5px; }
.form-container .picture-container .single-pic { width: 212px; height: 212px; position: relative; }
.form-container .picture-container .single-pic img { max-height: 100%; max-width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.form-container .picture-container .custom-control { margin-top: 5px; }
.form-container .picture-container label { font-size: 14px !important; }
.form-container .no-form-field { text-align: center; border: 2px dashed #ddd; background-color: #f5f5f5; padding: 20px; border-radius: 4px; margin: 25px auto; }
.form-container .no-form-field p { font-size: 16px; }
.form-container .btnSubmit .btn { padding: .5rem 1rem; font-size: 1.5rem; }
.form-container .btnSubmit .btn-sm { padding: .375rem .75rem; font-size: 1rem; }
.form-container .btnSubmit .btn-lg { padding: .75rem 1.25rem; font-size: 2rem; }
.form-container .btnSubmit .btn-lg .spinner-border { width: 2.5rem; height: 2.5rem; }
.form-container .btnSubmit .btn-md .spinner-border { width: 1.5rem; height: 1.5rem; }
.form-container .btnSubmit .btn-sm .spinner-border { width: 1.2rem; height: 1.2rem; }
.form-container .btn-orange { color: #fff!important; background-color: #d85d00!important; border-color: #d85d00!important; }
.form-container .btn-orange:hover { color: #fff!important; background-color: #fc8d0f!important; border-color: #fc8d0f!important; }
.form-container .btn-light { color: #016476 !important; background-color: #ffffff !important; border-color: #dddddd !important; }
.form-container .btn-light:hover { color: #479ccf !important; background-color: #ffffff !important; border-color: #479ccf !important; }
.form-container .btn-warning:hover { color: #212529 !important; }
.form-container .btn-primary { color: #fff!important; background-color: #2482C5!important; border-color: #2482C5!important; border-color: transparent !important; }
.form-container .btn-primary:hover, .form-container .btn-primary:hover, .form-container .btn-primary:focus, .form-container .btn-primary:not(:disabled):not(.disabled):active { color: #fff!important; background-color: #2482C5!important; border-color: #2482C5!important; }
.form-container .btn-primary:focus, .form-container .btn-primary.focus, .form-container .btn-primary:not(:disabled):not(.disabled):active:focus, .form-container .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 105, 217, 0.44);
}
.form-container .sideBySide .custom-control-inline { display: inline-flex; margin-right: 1rem; margin-bottom: .5rem; }
.form-container .oneColumn .custom-control-inline { display: block; margin-right: 0; margin-bottom: .5rem; }
.form-container .twoColumns .custom-control-inline { display: inline-flex; margin-right: 1rem; width: 46%; margin-bottom: .5rem; }
.form-container .threeColumns .custom-control-inline { display: inline-flex; margin-right: 1rem; width: 30.8%; margin-bottom: .5rem; }
.form-container .small { width: 33.33%; float: left; font-size: 100%; }
.form-container .medium { width: 50%; float: left; font-size: 100%; }
.form-container .large { width: 100%; clear: both; }
.form-container .large.textarea, .form-container .medium.textarea, .form-container .small.textarea { width: 100% !important; }
.form-container .small.textarea textarea { height: 6.8em; }
.form-container .medium.textarea textarea { height: 12em; }
.form-container .large.textarea textarea { height: 18em; }
.form-container .custom-file { overflow: hidden; }
.form-container .custom-file .custom-file-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:none;}
.form-container .info { height: 14px; width: 14px; display: inline-block; margin-left: 5px; cursor: pointer; }
.form-container .error-icon { height: 15px; width: 15px; display: inline-block; }
.form-container .error-icon svg { margin-top: -5px; }
.form-container .helpText { color: #666666; font-size: 13px; display: none; color: #6c757d; margin-bottom: 2px; }
.form-container .custom-radio .custom-control-label, .form-container .custom-checkbox .custom-control-label { cursor: pointer; }
.form-container ::placeholder { color: #bdbdbd !important; opacity: 1; }
.form-container .btn.focus, .form-container .btn:focus, .form-container .btn-success:not(:disabled):not(.disabled).active:focus, .form-container .btn-success:not(:disabled):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus { outline: 0; box-shadow: none; }
.form-container .has-error input, .form-container .has-error select, .form-container .has-error textarea, .form-container .address .has-error input, .form-container .address .has-error select, .form-container .has-error .custom-control-label::before, .form-container .has-error .custom-file-label { /*background-color: transparent!important;*/ border-color: #dc3545; }
/*.has-error > div > label, .address .has-error label { color: #dc3545; }*/
.form-container .has-error .captcha .g-recaptcha { display: inline-block; background-color: #fff0f0; padding-left: 1px; padding-top: 1px; border: 1px solid #dc3545; }
.form-container .captcha .g-recaptcha { display: inline-block; padding-left: 1px; padding-top: 1px; }
/*.form-container .fa, .form-container .fas, .form-container .far { height: 70px; width: 70px; display: inline-block; }*/
.form-container .fa-check-solid { background-image: url(svg/check-solid.svg); }
.form-container .fa-check-square-solid { background-image: url(svg/check-square-solid.svg); width: 60px !important; }
.form-container .fa-check-square-regular { background-image: url(svg/check-square-regular.svg); width: 60px !important; }
.form-container .fa-check-circle-solid { background-image: url(svg/check-circle-solid.svg); }
.form-container .fa-check-circle-regular { background-image: url(svg/check-circle-regular.svg); }
.form-container .fa-check-double-solid { background-image: url(svg/check-double-solid.svg); }
.form-container .form-control{border-radius:4px;}

.form-success-msg{box-shadow: 0 2px 15px rgba(0,0,0,.07); border: none; margin-bottom: 1.5rem; background-color: #fff; border-radius: 4px;max-width: 720px; margin: 50px auto;padding:100px 50px;} 
.form-success-msg h3{font-size:38px;}
.form-success-msg p{font-size:16px}

.form-container .form-check.form-check-inline{display:inline-block!important;}

.form-container .form-control[type="file"] { min-height: calc(1.5em + 1rem + 2px); font-size: 1.25rem; padding: .38rem .75rem;line-height: 34px;}

label {margin-bottom: .25rem; } 
@media (max-width: 767px) {
.form-wrapper { width: 100% !important; border: 1px solid #ddd!important;}
.form-container .page-content iframe { height: 100% !important; }
.form-container .picture-container li { width: 31%;}
.form-container .picture-container .single-pic { height: 150px;}
}

@media (max-width: 575px) {
.form-wrapper { width: 100% !important; margin: 10px auto; padding: 15px; border: none; }
.form-container .medium, .form-container .small { width: 100% !important; float: none !important; }
.form-container .page-content iframe { height: 100% !important; }
.form-container .picture-container li { width: 46%;}
.form-container .picture-container .single-pic { height: 140px; }
}

@media (max-width: 320px) {
.form-container .picture-container li { width: 46%;}
.form-container .captcha .g-recaptcha div { width: 100% !important; border-right: 1px solid #ddd; height: 76px; }
.form-container .captcha .g-recaptcha div div iframe { width: 100% !important; }
.form-container .rc-anchor-normal-footer .rc-anchor-logo-portrait { margin: 10px 0 0 12px !important; }
.form-container .rc-anchor-normal-footer .rc-anchor-normal { width: 99% !important; }
}

/*!
* Datepicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.datepicker { top: 0; left: 0; padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.datepicker:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; left: 6px; }
.datepicker:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 7px; }
.datepicker > div { display: none; }
.datepicker table { width: 100%; margin: 0; }
.datepicker td,
.datepicker th { text-align: center; width: 35px; height: 35px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.datepicker td.day:hover { background: #eeeeee; cursor: pointer; }
.datepicker td.day.disabled { color: #eeeeee; }
.datepicker td.old,
.datepicker td.new { color: #999999; }
.datepicker td.active,
.datepicker td.active:hover { color: #ffffff; background-color: #006dcc; background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: linear-gradient(to bottom, #0088cc, #0044cc); /* Darken IE7 buttons by default so they stand out more given they won't have borders */ border-left-color: #0044cc; border-right-color: #0044cc; border-top-color: #0044cc; border-bottom-color: #002a80; }
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; }

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active { background-color: #003399 \9; }

.datepicker td span { display: block; width: 47px; height: 54px; line-height: 54px; float: left; margin: 2px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

.datepicker td span:hover { background: #eeeeee; }

.datepicker td span.active { color: #ffffff; background-color: #006dcc; background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: linear-gradient(to bottom, #0088cc, #0044cc); /* Darken IE7 buttons by default so they stand out more given they won't have borders */ border-left-color: #0044cc; border-right-color: #0044cc; border-top-color: #0044cc; border-bottom-color: #002a80; }

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] { color: #ffffff; background-color: #0044cc; *background-color: #003bb3; }

.datepicker td span.active:active,
.datepicker td span.active.active { background-color: #003399 \9; }

.datepicker td span.old { color: #999999; }

.datepicker th.switch { width: 145px; }

.datepicker th.next,
.datepicker th.prev { font-size: 21px; }

.datepicker thead tr:first-child th { cursor: pointer; }

.datepicker thead tr:first-child th:hover { background: #eeeeee; }

.datepicker { z-index:9999 !important; }
 

.input-append.date .add-on i,
.input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; height: 16px; }


.character-counter-indicator { float: right; margin: 0; padding: 5px 3px; display: inline-block; color: #666; font-size: 12px; }

.daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; }

.daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }

.daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; }

.daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; }

.daterangepicker.opensleft:before { right: 15px; }

.daterangepicker.opensleft:after { right: 16px; }

.daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }

.daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; }

.daterangepicker.opensright:before { left: 15px; }

.daterangepicker.opensright:after { left: 16px; }

.daterangepicker.drop-up { margin-top: -7px; }

.daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; }

.daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; }

.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar { float: none; }

.daterangepicker.single .drp-selected { display: none; }

.daterangepicker.show-calendar .drp-calendar { display: block; }

.daterangepicker.show-calendar .drp-buttons { display: block; }

.daterangepicker.auto-apply .drp-buttons { display: none; }

.daterangepicker .drp-calendar { display: none; max-width: 270px; }

.daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; }

.daterangepicker .drp-calendar.right { padding: 8px; }

.daterangepicker .drp-calendar.single .calendar-table { border: none; }

.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; }

.daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

.daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); }

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; }

.daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; }

.daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; }

.daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; }

.daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; }

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; }

.daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; }

.daterangepicker td.start-date { border-radius: 4px 0 0 4px; }

.daterangepicker td.end-date { border-radius: 0 4px 4px 0; }

.daterangepicker td.start-date.end-date { border-radius: 4px; }

.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; }

.daterangepicker th.month { width: auto; }

.daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; }

.daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; }

.daterangepicker select.monthselect { margin-right: 2%; width: 56%; }

.daterangepicker select.yearselect { width: 40%; }

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; }

.daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; }

.daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; }

.daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; }

.daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; }

.daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; }

.daterangepicker.show-ranges .drp-calendar.left { border-left: 1px solid #ddd; }

.daterangepicker .ranges { float: none; text-align: left; margin: 0; }

.daterangepicker.show-calendar .ranges { margin-top: 8px; }

.daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; }

.daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; }

.daterangepicker .ranges li:hover { background-color: #eee; }

.daterangepicker .ranges li.active { background-color: #08c; color: #fff; }


/*  Larger Screen Styling */
@media (min-width: 564px) {
.daterangepicker { width: auto; }

.daterangepicker .ranges ul { width: 140px; }

.daterangepicker.single .ranges ul { width: 100%; }

.daterangepicker.single .drp-calendar.left { clear: none; }

.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .drp-calendar { float: left; }

.daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .drp-calendar { float: right; }

.daterangepicker.ltr { direction: ltr; text-align: left; }

.daterangepicker.ltr .drp-calendar.left { clear: left; margin-right: 0; }

.daterangepicker.ltr .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.daterangepicker.ltr .drp-calendar.right { margin-left: 0; }

.daterangepicker.ltr .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.daterangepicker.ltr .drp-calendar.left .calendar-table { padding-right: 8px; }

.daterangepicker.ltr .ranges, .daterangepicker.ltr .drp-calendar { float: left; }

.daterangepicker.rtl { direction: rtl; text-align: right; }

.daterangepicker.rtl .drp-calendar.left { clear: right; margin-left: 0; }

.daterangepicker.rtl .drp-calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.daterangepicker.rtl .drp-calendar.right { margin-right: 0; }

.daterangepicker.rtl .drp-calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }

.daterangepicker.rtl .drp-calendar.left .calendar-table { padding-left: 12px; }

.daterangepicker.rtl .ranges, .daterangepicker.rtl .drp-calendar { text-align: right; float: right; }
}

@media (min-width: 730px) {
.daterangepicker .ranges { width: auto; }

.daterangepicker.ltr .ranges { float: left; }

.daterangepicker.rtl .ranges { float: right; }

.daterangepicker .drp-calendar.left { clear: none !important; }
}



/*!
* ClockPicker v{package.version} for Bootstrap (http://weareoutman.github.io/clockpicker/)
* Copyright 2014 Wang Shenwei.
* Licensed under MIT (https://github.com/weareoutman/clockpicker/blob/gh-pages/LICENSE)
*/

.clockpicker-popover{position:absolute;overflow: hidden;border-radius: 4px;}
.clockpicker-popover .btn{padding: 4px 8px!important;}
.clockpicker .input-group-addon { cursor: pointer; }
.clockpicker-moving { cursor: move; }
.clockpicker-align-left.popover > .arrow { left: 25px; }
.clockpicker-align-top.popover > .arrow { top: 17px; }
.clockpicker-align-right.popover > .arrow { left: auto; right: 25px; }
.clockpicker-align-bottom.popover > .arrow { top: auto; bottom: 6px; }
.clockpicker-popover .popover-title { background-color: #fff; color: #999; font-size: 24px; font-weight: 700; line-height: 30px; text-align: center; padding: 6px;border-bottom: 1px solid #ddd;}
.clockpicker-popover .popover-title span { cursor: pointer; }
.clockpicker-popover .popover-content { background-color: #f8f8f8; padding: 12px; }
.popover-content:last-child { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.clockpicker-plate {margin:auto; background-color: #fff; border: 1px solid #ccc; border-radius: 50%; width: 200px; height: 200px; overflow: visible; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.clockpicker-canvas, .clockpicker-dial { width: 200px; height: 200px; position: absolute; left: -1px; top: -1px; }
.clockpicker-minutes { visibility: hidden; }
.clockpicker-tick { border-radius: 50%; color: #666; line-height: 26px; text-align: center; width: 26px; height: 26px; position: absolute; cursor: pointer; }
.clockpicker-tick.active, .clockpicker-tick:hover { background-color: #c0e5f7; background-color: rgba(0,149,221,.25); }
.clockpicker-button { background-image: none; background-color: #fff; border-width: 1px 0 0; border-top-left-radius: 0; border-top-right-radius: 0; margin: 0; padding: 10px 0; }
.btn.clockpicker-button{padding:10px 5px!important;}
.clockpicker-button:hover { background-image: none; background-color: #ebebeb; }
.clockpicker-button:focus { outline: 0 !important; }
.clockpicker-dial { -webkit-transition: -webkit-transform 350ms,opacity 350ms; -moz-transition: -moz-transform 350ms,opacity 350ms; -ms-transition: -ms-transform 350ms,opacity 350ms; -o-transition: -o-transform 350ms,opacity 350ms; transition: transform 350ms,opacity 350ms; }
.clockpicker-dial-out { opacity: 0; }
.clockpicker-hours.clockpicker-dial-out { -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
.clockpicker-minutes.clockpicker-dial-out { -webkit-transform: scale(.8,.8); -moz-transform: scale(.8,.8); -ms-transform: scale(.8,.8); -o-transform: scale(.8,.8); transform: scale(.8,.8); }
.clockpicker-canvas { -webkit-transition: opacity 175ms; -moz-transition: opacity 175ms; -ms-transition: opacity 175ms; -o-transition: opacity 175ms; transition: opacity 175ms; }
.clockpicker-canvas-out { opacity: .25; }
.clockpicker-canvas-bearing, .clockpicker-canvas-fg { stroke: none; fill: #0095dd; }
.clockpicker-canvas-bg { stroke: none; fill: #c0e5f7; }
.clockpicker-canvas-bg-trans { fill: rgba(0,149,221,.25); }
.clockpicker-canvas line { stroke: #0095dd; stroke-width: 1; stroke-linecap: round; }
.clockpicker-button.am-button { margin: 1px; padding: 5px; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; }
.clockpicker-button.pm-button { margin: 1px 1px 1px 136px; padding: 5px; border: 1px solid rgba(0,0,0,.2); border-radius: 4px; }
.btn, .btn-default.active, .btn-default:active, .open .dropdown-toggle.btn-default { background-image: none; }
.form-container .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; white-space: normal; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); }
.form-container .popover.top { margin-top: -10px; }
.form-container .popover.right { margin-left: 10px; }
.form-container .popover.bottom { margin-top: 10px; }
.form-container .popover.left { margin-left: -10px; }
.form-container .popover-title { padding: 8px 14px; margin: 0; font-size: 14px; font-weight: 400; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }
.form-container .popover-content { padding: 9px 14px; }
.form-container .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; overflow: visible; margin: 0; padding: 0; z-index: auto; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; bottom: auto; left: auto; right: auto; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; }
.form-container .popover > .arrow { border-width: 11px; }
.form-container .popover > .arrow:after { content: ""; border-width: 10px; }
.form-container .popover.bottom > .arrow:after, .form-container .popover.left > .arrow:after, .form-container  .popover.right > .arrow:after, .form-container .popover.top > .arrow:after { content: " "; }
.form-container .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0,0,0,.25); border-bottom-width: 0; }
.form-container .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0; }
.form-container .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0,0,0,.25); border-left-width: 0; }
.form-container .popover.right > .arrow:after { bottom: -10px; left: 1px; border-right-color: #fff; border-left-width: 0; }
.form-container .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -111px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,.25); }
.form-container .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; }
.form-container .popover.left > .arrow { top: 50%; right: -11px; margin-top: -109px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,.25); }
.form-container .popover.left > .arrow:after { right: 1px; bottom: -10px; border-right-width: 0; border-left-color: #fff; }
.btn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.btn.active:focus, .btn:active:focus, .btn:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
.btn:focus, .btn:hover { text-decoration: none; }
.btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125); box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }
.btn-default { color: #333; background-color: #fff; border-color: #ccc; }
.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default { color: #333; background-color: #ebebeb; border-color: #adadad; }
.btn-block { display: block; width: 100%; }
.text-primary { color: #428bca; }


.has-error .invalid-tooltip { position: absolute; top: 97%; z-index: 1!important; display: block!important; max-width: 100%; padding: .15rem .5rem; margin-top: .1rem; font-size: .75rem; line-height: 1.5; color: #fff; background-color: rgba(221, 68, 82, 0.9); border-radius: .25rem;  } 
.invalid-tooltip:before{content:'';border-bottom:6px solid #e05663;border-top:6px solid transparent;border-left:6px solid transparent;border-right:6px solid transparent;bottom: 100%;position: absolute;left: 5px;}


/*Form error msg*/
.dynamic-form-error{text-align: center; margin-top: 15px;}
.dynamic-form-error h4{padding:6px 10px 7px 10px; margin: 10px;font-size: 16px;background-color: #fde0e0;}
.p-tb-150{padding:150px 0;}

.groupbox{padding: 10px;border: 1px solid #ddd;}
.groupbox h2{font-size: 20px; font-weight: 600;margin-bottom: 5px;}
.groupbox ul{margin:0 -6px 0 -6px;}
.groupbox ul li{padding:6px 6px;}
.groupbox ul li div.form-group{padding:0!important;}

.select-dropdown label{display:none;}
.select-dropdown .form-select{padding-top: 1rem!important;padding-bottom: 1rem!important;}
.select-dropdown.focus label{display:block;}
.select-dropdown.focus .form-select{padding-top: 1.625rem!important;padding-bottom: .625rem!important;}