*:focus, *:active { box-shadow: none !important; outline: none; }
a { color: #f7941d; }
.pics_echeck{ width: 100%; border-bottom: 1px solid #f7e6d7; display: inline-block;}
.label_pics_echeck { margin-bottom: 1.5rem; width: 15%; }
.label_pics_echeck img { width: 100%;}
.uploaded-p { margin: 20px;}
.navbar, .navbar:active {  background-color: #08090b; border-bottom: 2px solid #08090b; padding: 0; 
                        -webkit-box-shadow: 0px 0px 20px 0px rgba(8, 9, 1, 1) !important;
                        -moz-box-shadow:    0px 0px 20px 0px rgba(8, 9, 1, 1) !important;
                        box-shadow:         0px 0px 20px 0px rgba(8, 9, 1, 1) !important; }
.navbar-light .navbar-toggler { color: #FFF; border: none; outline:none;}
/* .navbar-light .navbar-toggler .fa-closeicon:before, .fa-closeicon:after { background-color: #FFF; } */
.navbar-brand { padding-top: 0rem; padding-bottom: .5rem;}
.user-dropdown i { font-size: 22px;}
ul { list-style: none;}
.c { display: block !important;}
.c:after { content: ''; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; color: transparent; font-size: 0;}
body > .progress { display: none; position: fixed; top: 0; z-index: 10001; width: 100%;}
.progress .progress-bar { transition: all 500ms ease;}
label{ margin-bottom: 0;}
.radio-buttons { cursor: default;}
.radio-buttons label { margin: 5px 10px; cursor: pointer;}
.radio-buttons label input[type=radio] { visibility: hidden; opacity: 0; position: absolute;}
.radio-buttons label input[type=radio] + span { display: inline-block; line-height: 20px; padding: 5px 10px; border-radius: 3px;}
.radio-buttons label:hover input[type=radio] + span { background: #EFEFEF;}
.radio-buttons label input[type=radio]:checked + span { background: #17a2b8; color: #FFF;}
.radio-buttons label input[type=radio] + span span { margin-left: 3px;}
.alerts { background: rgba(255, 255, 255, 0.9); position: fixed; top:0; right:0; bottom:0; left:0; transition: all 300ms ease; line-height: 100vh; text-align: center; visibility: hidden; opacity: 0; z-index: -1;}
.alerts.show { z-index: 10001; visibility: visible; opacity: 1;}
.alerts > * { display: inline-block; vertical-align: middle; min-width: 40%; max-width: 60%; line-height: normal;}
.alerts .alert { width: 100%;}
.filter-inline.form-control { width: auto; display: inline-block;}
/* rewrite bootstrap START */
a:hover { color: #08090b; }
#login-body .btn-primary { color: #08090b; background-color: #faa002; border-color: #faa002; }
.ui-keyboard[data-ui-keyboard-layout="num"] { bottom: 0 !important; top: auto !important;}
header .nav > .nav-item > .nav-link { color: #FFF; padding: 1.5rem 1rem;}
.dropdown-menu {  left: unset; color: #FFF; background-color: #08090b; border: none; border-top: none; border-radius: 0;}
.dropdown-item { color: #FFF;}
.dropdown-item:focus, .dropdown-item:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #CCC; text-decoration: none; background-color: transparent;}
.dropdown-item.active, .dropdown-item:active { text-decoration: none; background-color: #08090b; color: #faa002; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link { color: #faa002;}
/* primary button */
.btn-primary { color: #ffffff; background-color: #f9a004; border-color: #f9a004;}
.btn-primary.disabled, .btn-primary:disabled { opacity: 0.6; }
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #FFF; background-color: rgba(249, 160, 4, 0.8); border-color: #f9a004;}
.badge-success { color: #733426; background-color: #F2DCC9;}
/* danger button */
.btn-danger { color: #fff; background-color: #75443d; border-color: #733426;}
.btn-danger:hover { color: #fff; background-color: #501911;border-color: #733426;}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle { color: #fff; background-color: #500b00; border-color: #733426;}
.form-control:focus { border-color: #733426;}
.btn:not(.btn-defsize):not(.def) { padding: 1rem 2rem;}
.btn.btn-defsize { padding: 0rem 0.5rem;}
a.icon:not(.def) { padding: 1rem 1.5rem;}
.form-control:not(.def), .form-signin .form-control:not(.def) { padding: .75rem 1.50rem;}
select.form-control:not([size]):not([multiple]) { height: auto;}
.ui-keyboard-button { padding: 0 1.5em; height: 3.5em;}
.form-control:not(.def) { line-height: 3.3;}
input[type=text], input[type=date], input[type=number] { text-indent: 5px;}
.form-button-fixed { padding-bottom: 3rem;}
.form-button-fixed button[type=submit] { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; border-radius: 0; padding: 0.5rem;}
.dropdown > .btn { padding: 1.5rem 1rem;}
.btn-fa { cursor: pointer; font-size: 24px; display: inline-block; vertical-align: -2px;}
.anim { transition: all 200ms ease;}
.highlight { outline: 2px solid #D6000D; color: #D6000D;}
.jumbotron.small { padding: 1rem 2rem;}
.jumbotron.full-width { width: 100%;}
.modal-max { max-width: 90%;}
input.no-bg { background: transparent; border-color: transparent; width: 100%; cursor: unset;}
input.width-auto { width: auto;}
.border-success { border-color: #28a745;}
.modal-header { font-size: 1.5em;} 
/* rewrite bootstrap END */
.display-block{ display: block}
.display-inlineblock{ display: inline-block}
.new_qst{ margin: 10px; padding: 5px;}
.checkbox-show tr td { transition: all 200ms linear;}
.checkbox-show tr.text-success td { background: #dff0d8; }
.checkbox-show tr.text-danger td { background: #f2dede; }
.checkbox.maximize { position: relative;}
.checkbox.maximize label { position: absolute; top:0; right: 0; bottom: 0; left: 0; display: block; text-align: center; cursor: pointer; }
th.checkbox.maximize label { position: static; display: inline-block; margin-left: 10px; vertical-align: middle; }
.checkbox.maximize label input { opacity: 0.01; }
.checkbox.maximize label span.fa-check-square { font-size: 22px; position: absolute; top: 50%; margin-top: -11px; opacity: 0.2; vertical-align: middle; }
th.checkbox.maximize label span.fa-check-square { position: static; top: auto; }
.checkbox.maximize label:hover span.fa-check-square { opacity: 0.5; }
.checkbox.maximize label input:checked ~ span.fa-check-square { opacity: 1; }
td.day { padding: 3px 6px; }
.btn { cursor: pointer; }
.loader, .alternative-loader { display: none; width: 100%; height: 100%; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,0.7); z-index: 10000; }
.alternative-loader { display: block; }
.loader img, .alternative-loader img { position: fixed; top: 50%; left: 50%; margin-top: -181px; margin-left: -181px;}
.rounded-10 { border-radius: 10px;}
.noresult_msg { font-size: 18px; color: #f7941d; text-align: center;}
.loader p, .alternative-loader p { position: absolute; top: 50%; width: 100%; left: 0; right: 0; text-align: center; margin-top: 32px; }
header { position: relative; }
header .nav-item.home img { display: block; height: 24px; }
.list-group-item label { margin: 0; display: block; }
.icon { display: block; text-align: center; font-size: 20px; }
.form-signin { max-width: 500px;padding: 15px;margin: 0 auto;}
.form-signin .form-signin-heading,
.form-signin .checkbox {margin-bottom: 10px;}
.form-signin .checkbox {font-weight: normal;}
.form-signin .form-control {position: relative;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 16px;}
.form-signin .form-control:focus {z-index: 2;}
.form-signin input[type="text"] {margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.form-signin input[type="password"] {margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}
.form-signin .custom-checkbox {margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}
td.filter { padding: 0; background: #d8d8d8; }
td.filter input { width: 100%; border: none; border-radius: 0; background-color: #d8d8d8 !important; }
form.filters.check_search[action="e-check"] { float: none; }
tbody.content td { position: relative; height: 30px; padding-left: 5px; padding-right: 5px; }
tbody.content input[type=text] { border: none; background: inherit; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; text-indent: 10px; }
.comments { font-size: 1em; width: 250px; overflow: hidden; height: 200px; position: relative; }
.comments ul { margin-bottom: 0; }
.comments ul li + li { margin-top: 5px; }
.comments .scroll { height: 80%; overflow-y: auto; width: 100%; }
.comments .new-comment { position: absolute; bottom: 0; }
.comments .card { width: 90%; position: relative; }
.comments .new-comment > * { padding-top: 2px; padding-bottom: 2px; }
.comments .new-comment input { width: 80%; font-size: 12px; padding-left: 5px; padding-right: 5px; }
.comments .new-comment button { width: 20%; }
.comments .icon { font-size: 16px; }
.comments .card-body { padding: 5px; }
.comments .show-all { padding: 0; }
.comments .card-subtitle { display: none; position: absolute; background: rgba(0,0,0,0.6); padding: 2px 4px; color: #FFF; font-size: 12px; border-radius: 4px; top: 11px; left: 7px; border-radius: 3px; }
.comments .card:hover .card-subtitle { display: block; }
#tasks { font-size: 14px; }
#tasks span.status { padding: 3px 5px; border-radius: 4px; }
#taskform label.radios { text-align: left; width:55%; }
#taskform label.radios:hover{ background: rgba(167, 166, 166, 0.1); }
#taskform label.radios input { float: right; width: auto; margin: 2px; }
.modal .scroll-comments li + li { margin-top: 10px; } 
.modal .scroll-comments .card { width: 90%; }
.modal .card-subtitle { display: none; position: absolute; background: rgba(0,0,0,0.6); padding: 2px 4px; color: #FFF; font-size: 12px; border-radius: 4px; top: 11px; left: 7px; border-radius: 3px; }
.modal .card:hover .card-subtitle { display: block; }
.modal .card.bg-dark:hover .card-subtitle { background: rgba(255,255,255,0.5); }
.output { position: relative; }
.output .scrollh { overflow-y: auto; position: absolute; top: 0; bottom: 0; }
.output .scrollh.pull-left { left: 0; }
.output .scrollh.pull-right { right: 0; }
.ui-sortable-handle { cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; }
.ui-sortable-handle:hover { background: #EFEFEF; }
.ui-sortable-handle.ui-sortable-helper { background: #EFEFEF; cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; }
.daily-schedule form button { position: fixed; border-radius: 0; bottom: 0; left: 0; right: 0; width: 100%; padding: 0.5em 0; }
.autocomplete-holder { position: relative; }
.autocomplete-container { position: absolute; z-index: 1050; overflow: auto; }
.autocomplete-container li:hover { background: #EEE; }
.autocomplete-container li.active { background: #DDD; color: #000; border-color: #DDD; }
.autocomplete-container li.list-group-item { cursor: pointer; padding-top: .20rem; padding-bottom: .20rem; }
.notifications .radio-buttons label input.load-dtp { visibility: hidden; }
.notifications .radio-buttons label input[type=radio]:checked ~ input.load-dtp { visibility: visible; }
.schedule form[action=schedule] { white-space: nowrap; }
.schedule form[action=schedule] input.load-dtp { display: inline-block; width: 50px; }
.floating-new-tasks { padding: .7em 2em; font-size: 1.1em; position: absolute; top: 2%; left: 50%; margin-left: -75px; width: 150px; text-align: center; opacity: 1; cursor: pointer; animation: floating-new-tasks-anim 1s infinite; /* IE 10+, Fx 29+ */}
.required-star { color: #e60000; font-size: 30px;  display: contents; }
.scrollbar{ float: right; width: 100%;overflow-y: auto; margin-bottom: 25px; padding: 20px; border-left: 1px solid #c3c3c3;}
.force-overflow{min-height: auto;}
#style-1::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
#style-1::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
#style-1::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #555;}
.add_photoinput{margin-bottom: 5px;display: block;font-size: 50px;border: 1px solid;padding: 25px;text-align: center;}
.add_photoinput_photos{margin-bottom:10px; display: block;border: 1px solid;padding: 18px;text-align: center;}
.photos_desc_input input { width: 100%; }
.moreinputs label{width:100%; text-align: center;}
.moreinputs input{width:100%;}
.fontAwesome { font-family: 'Helvetica', FontAwesome, sans-serif;}
.add_photo { cursor: pointer; -moz-box-shadow: 0px 10px 14px -7px #276873; box-shadow: 0px 7px 20px -7px #969696; -moz-border-radius: 8px; border-radius: 8px; display: inline-block; padding: 10px 20px;}
.add_photo:hover { background: -o-linear-gradient(top, #408c99 5%, #599bb3 100%); background: -ms-linear-gradient(top, #408c99 5%, #599bb3 100%); background: linear-gradient(to bottom, #c3c3c3 5%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0); }
.bullelements span { font-weight: bold; font-size: 20px; }
.remove_photoinput{ -webkit-appearance: none; }
.edit{ display:block; cursor: pointer; position: relative;left: 100px; }
.e-check-cont{width: 100%; border: 1px solid #f2dcc9; padding: 20px;}
.lbl-cam{ width: 120px; }
.lbl-cam img, .lbl-cam label {width: 100%}
.page-navigator{width: 100%; text-align: center; margin: 5px 0; }
.page-nav { margin: 5px; line-height: 30px; border-radius: 4px; color: #f2dcc9; text-transform: uppercase; font-weight: 700; display: inline-block; padding: 0 15px; transition: all .5s cubic-bezier(0.4, 0, 1, 1); }
.current-page { color: #000; background-color: #f2dcc9; }
.current-page:hover{ text-decoration: none; color: #a24b00!important }
.page-navigator a:not(.current-page):hover { color: #a24b00; border-bottom: 2px solid #f2dcc9; border-radius:0px; text-decoration: none; }
.checkstable .verticalmiddle { vertical-align: middle!important }
/*progressbar*/
.progress-box { transition: .7s ease; border-radius: 30px;}
.progress-box .bar { border-radius: 30px; position: relative; width: 100%; height: 7px; background-color: #d4d4d4;}
.progress-box .bar-inner { position: relative; display: block; border-radius: 30px; width: 0%; height: 7px; background-color: rgb(0, 143, 255); -webkit-transition: all 1500ms ease; -ms-transition: all 1500ms ease; -o-transition: all 1500ms ease; -moz-transition: all 1500ms ease; transition: all 1500ms ease;}
.progress-box .bar-inner.counted .count-text { opacity: 1;}
.progress-box .count-text { position: absolute; text-align: center; right: -20px; bottom: -7px; line-height: 40px; font-size: 14px; font-weight: 700; opacity: 0; -webkit-transition: all 1000ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; -moz-transition: all 1000ms ease; transition: all 1000ms ease;}
.mob-menu {display:none}
table.mobile tbody { border-bottom: solid #dbbda3 2px; }
table.mobile tr td:first-child { font-weight: bold; }
#poll fieldset { box-shadow:#ccc 5px 10px 25px 1px;width: 40%; margin: 30px auto; padding: 8px 15px 15px 15px; border: 2px solid #dbbda3;; border-radius: 20px; display: block; text-align: center;}
#poll legend { font-size: 19px; padding: 4px 6px 4px 6px; color: black; font-weight: 600;}
#poll fieldset label {font-size: 25px; color: black; }
.toggle {position: relative; padding-left: 35px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.toggle input { opacity: 0; cursor: pointer;}
.checkmark { position: absolute; top: 16%; left: 10%; height: 25px; width: 25px; background-color: #cacaca; border-radius: 50%;}
.toggle:hover input ~ .checkmark {background-color: #ccc;}
.toggle input:checked ~ .checkmark { background-color: #7e352f;}
.checkmark:after {content: ""; position: absolute; display: none;}
.toggle input:checked ~ .checkmark:after { display: block;}
.toggle .checkmark:after {top: 9px;left: 9px;width: 8px;height: 8px;border-radius: 50%;background: white;}
#divLoading { margin: 0px; display: none; padding: 0px; position: absolute; right: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(255, 255, 255); z-index: 30001; opacity: 0.8;}
#loading {margin-top: -145px;margin-left: -220px; position: fixed; color: White; top: 50%; left: 50%; }
.e-check .list-group .list-group-item { background-color: #f1f1f1 !important}
.modalwidth { width: 40% }
.photocheck_comment { max-width: 80% !important; min-width: 80% !important }
.photocheck_standart { max-width: 80% !important; min-width: 80% !important }
.force-overflow label { padding: 10px;line-height: 16px }
.force-overflow label input { vertical-align: middle; }
.force-overflow label span { vertical-align: middle; }
.standartfilters { text-align: center; margin-top:2.5rem; }
.historyfilter { margin-bottom: 1rem;}
input[type=checkbox]:not(.is_required) { width: 30px; height: 20px;}
#cboxOverlay { display: block; position: fixed; width: 100%; height: 100%; background: #FFF; left: 0; top: 0; z-index: 100; }
#colorbox { z-index: 101; }
#cboxPrevious { cursor: pointer; height: 100px; width: 100px; background-color: rgba(0, 0, 0, 0.5); position: absolute; left: 1px; top: 50%;margin-top: -50px; border: 0px; border-radius: 15px; }
#cboxNext {cursor: pointer; width: 100px; height: 100px; background-color: rgba(0, 0, 0, 0.5); position: absolute; right: 1px; top: 50%; margin-top: -50px; border: 0px; border-radius: 15px;}
#cboxClose{ cursor: pointer; width: 70px; height: 70px; background-color: rgba(0, 0, 0, 0.5); position: absolute; right: 1px; top: 0%; border: 0px; border-radius: 15px;}
#cboxContent .fa-caret-left,.fa-caret-right { font-size: 100px; color: #fff;}
#cboxContent .fa-times { font-size: 30px; color: #fff;}
.invalid { background-color: #ffdddd; }
.tab { display: none; }
.prevnext-buttons button { border: none; background: #7e352f; margin: 10px 0; color: #ffffff; }
#prevBtn { background-color: #bbbbbb; }
.step { height: 15px; width: 15px; margin: 0 2px; background-color: #bbbbbb; border: none; border-radius: 50%; display: inline-block; opacity: 0.5; }
.step.active { opacity: 1;}
.step.finish { background-color: #75443d;}
.fa-closeicon { position: relative; right: -7px; top: 9px; width: 32px; height: 32px; }
.fa-closeicon:before, .fa-closeicon:after { position: absolute; left: 15px; content: ' '; height: 17px; width: 2px; background-color: #FFF; }
.fa-closeicon:before { transform: rotate(45deg); }
.fa-closeicon:after { transform: rotate(-45deg); }
.ph_exist { display: block; position: absolute; bottom: 0px; right: -35px; margin: 0px; font-size: 10px; border: 0; }
.ph_exist .fa-check { width: 7.86px; }
.sin-filters {
    max-width: 40%;
}



.footer { position: fixed; bottom: 0; left: 0; right: 0; background: #FFF; padding: 10px 20px; border-top: 1px solid #999; font-size: 14px; }
.footer p { margin-bottom: 5px; }
.footer img { height: 100px; }
main { padding-bottom: 150px; }
.welcome { text-align: center; position: fixed; top: 50%; margin-top: -11px; width: 100%; }
.welcome p { margin-bottom: 0; line-height: 22px; font-size: 22px; }


@media only screen and (max-width: 767px) {
    header { z-index: 2; }
    header + main { z-index: 1; }
    header + main + footer { z-index: 0; }
    main { padding-bottom: 50px; }
    .footer { position: relative; }
    .footer > div { display: none; }
    .footer img { height: 50px; }

    .nav-item.dropdown.show > .nav-link.dropdown-toggle { padding-bottom: 0; }
    .dropdown-item { padding: .5rem 1.5rem; }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    #cboxPrevious {width: 70px; height: 70px; position: absolute; left: 1px; top: 50%; margin-top: -100px; }
    #cboxNext {width: 70px; height: 70px; position: absolute; right: 1px; top: 50%;margin-top: -100px; }
    #cboxClose {width: 70px; height: 70px; position: absolute; right: 1px; top: 0%;margin-top: -100px; }
    #cboxContent .fa-caret-left,.fa-caret-right { font-size: 55px; color: #fff; }
    #cboxContent .fa-times { font-size: 30px; color: #fff; }
    .dropdown-menu { border: transparent; }
    .dropdown-menu a {margin-left: 15px;}
    .taskform-holder { max-width: 90%; }
    #taskform label.radios { text-align: center; width: 55%; }
    .modalwidth { width: 100%; margin: auto; }
    .sin-filters { max-width: 35%; }
    .photos_desc_input { width: 60%; max-width: 100%; }
    .user-dropdown { float: right;}
    #poll fieldset { width: 100%; }


}

@media only screen and (max-width: 767px) {
    #cboxPrevious {width: 50px; height: 50px; position: absolute; left: 1px; top: 50%;margin-top: -25px; }
    #cboxNext {width: 50px; height: 50px; position: absolute; right: 1px; top: 50%;margin-top: -25px; }
    #cboxClose {width: 50px; height: 50px; position: absolute; right: 1px; top: 0%; }
    #cboxContent .fa-caret-left,.fa-caret-right { font-size: 45px; color: #fff; }
    #cboxContent .fa-times { font-size: 20px; color: #fff; }
    #button_open_envelope { font-size: 15px; }
    .message { display: none; }
    .dropdown-menu {border: none; }
    .label_pics_echeck { width: 20%; margin-bottom: 0; }
    #poll fieldset { width: 100%; }
    .table td, .table th { padding: 0.2rem; font-size: 12px; }
    .icon { text-align: unset; font-size: 15px; }
    .dropdown-menu a {margin-left: 15px;}
    .modalwidth { width: 100%; margin: auto; }
    #taskform label.radios{ width: 100%; }
    .photos_desc_input { width: 90%; }
}


@media screen and (max-width: 2000px) and (min-width: 1024px) {
}