@import url('https://fonts.googleapis.com/css?family=Didact+Gothic');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
html { font-size: 15px; }
body { font-family: 'Didact Gothic', sans-serif; font-family: 'Open Sans', sans-serif; color: #010101; background: #F3F3F3; }
a, .btn, input, input[type="search"], input[type="submit"] { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
.table td, .table th {/* padding: .7rem .7rem; */ }
.table thead th { border-bottom: none;/* border-top: none; */ white-space: nowrap; }
header ul, footer ul, aside ul { margin-bottom: 0px; list-style-type: none; padding: 0px; }
a, small { color: inherit; }
a:hover, a:focus { text-decoration: none; outline: none;/* color: #017baa; */ }
header a:hover, a:hover, a:focus, .dropdown-item:focus, .dropdown-item:hover { color: #ed6207; }
.btn { padding: 0.6rem 2rem; text-transform: capitalize; outline: none; border-radius: 4px; background: #ED6207; color: #fff; font-size: 1.1rem; font-weight: 600; }
.btn:not(:last-child) { margin-right: 7px; }
.btn:hover, .btn:focus { color: #fff; background: #161616; }
.btn-custom { background: none; color: #040404; border: 1px solid #000000; }
.btn-light { background-color: #f8f9fa; color: #212529; }
.btn-light:hover { color: #212529; background-color: #e2e6ea; }
.btn-dark { background-color: #343a40; }
.btn-dark:hover { background-color: #23272b; }
.btn-black { background-color: #010101; }
.btn-black:hover { background-color: #ED6207; }
.btn-primary { background-color: #007bff; }
.btn-primary:hover { background-color: #0069d9; }
.btn-danger { background-color: #dc3545; }
.btn-danger:hover { background-color: #c82333; }
.btn-secondary { background-color: #6c757d; }
.btn-secondary:hover { background-color: #5a6268; }
.btn-success { border-color: #28a745; }
.btn-success:hover { background-color: #218838; }
.btn-warning { color: #212529; background-color: #ffc107; }
.btn-warning:hover { background-color: #e0a800; color: #212529; }
.btn-group-sm>.btn, .btn-sm { padding: .5rem 1.4rem; border-radius: .2rem; }
.btn-group-lg>.btn, .btn-lg { padding: .9rem 1.7rem; font-size: 1.3rem; }
.btn-custom:hover, .btn-custom:focus { background: #000000; color: #ffffff; }
.btn-without-bg {border-color: #ed6207;color: #ed6207;background: none;}
.btn-without-bg:hover { background: #ed6207; color: #fff; }
.custom-input-group { background: #fff; border: 1px solid #efefef; }
.custom-input-group .form-control, .custom-input-group .form-control:focus { border-color: transparent; border: none; padding-left: 1.3rem; }
.custom-input-group .input-group-text { padding: 7px 1rem !important; margin-bottom: 0; font-size: 1.25rem; font-weight: 400; line-height: 1; color: #0e3946; background: none; border: none; border-radius: .25rem; outline: none; }
input[type="text"], input[type="search"], input[type="email"], select { box-shadow: none; font-size: inherit; color: inherit; }
.form-control, input.form-control, select.form-control { min-height: 40px; }
.form-control-lg, input.form-control-lg, select.form-control-lg { min-height: 50px; font-size: 1.1rem; }
.form-control-sm, input.form-control-sm, select.form-control-sm { min-height: 34px }
.form-control:focus { color: #000000; border-color: #ed6207; outline: 0; box-shadow: none; }
.form-control::-webkit-input-placeholder { color: #aeaeae; }
.form-control::-moz-placeholder { color: #aeaeae; }
.form-control:-ms-input-placeholder { color: #aeaeae; }
.form-control::-ms-input-placeholder { color: #aeaeae; }
.form-control::placeholder { color: #aeaeae; }
.font-weight-semibold { font-weight: 600; }
.theme-color { color: #ED6207 }
.theme-bg { background: #ED6207 }
.modal-header { padding: 0; border-bottom: none; display: block; }
.modal-title { line-height: 1.3; padding: 0.7rem 1rem; border-bottom: 1px solid #e9ecef; text-align: center; font-weight: 600; text-transform: capitalize; }
.modal-header .close { width: 30px; background: #000000; line-height: 30px; color: #fff; opacity: 1; border-radius: 100%; position: absolute; padding: 0 0px 0px; right: -15px; outline: none; top: -15px; margin: 0px; font-size: 1.75rem; }
.font-5 { font-size: 0.5rem; }
.font-75 { font-size: 0.75rem; }
.font-85 { font-size: 0.85rem; }
.font-9 { font-size: 0.9rem; }
header { background: #fff; }
.header-row1 { padding: 15px 0px 12px; border-bottom: 1px solid #f3f3f3; }
.header-top-left {/* padding:1rem 15px */ }
.logo { max-width: 36%; }
.dashboard-title { font-size: 2rem; }
.cloudtext span { font-size: 2.5rem; line-height: 1; }
.cloudtext span sup { margin-left: 3px; }
.main-content { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }
.userlinks > ul > li.nav-item { margin-left: 1rem; }
.userlinks > ul > li.nav-item > a.nav-link { color: #DCDCDC; font-size: 1.6rem; border: 1px solid #ECEBF3; line-height: 3.7rem; width: 3.7rem; padding: 0px; text-align: center; border-radius: 4px; }
.userlinks > ul > li.nav-item > a.nav-link:hover, .setting-links .nav-item .nav-link[aria-expanded="true"] { border-color: #ed6207 }
.userlinks > ul > li.nav-item > .dropdown-toggle::after { display: none; }
.userlinks > ul > li.nav-item > a.nav-link:after { display: block; content: ''; position: absolute; width: 12px; height: 12px; background: coral; border: 1.7px solid #fff; border-radius: 100px; top: 50%; margin-left: 3px; margin-top: -15px; bottom: auto; left: 50%; }
.userlinks > ul > li.nav-item > a.nav-link.profilelink { border-left: 1px solid #2b91b8; padding-left: 1rem; padding-right: 0rem; }
.nav-link:focus, .nav-link:hover { text-decoration: none; color: #ed6207; }
.userlinks > ul > li.nav-item.prof-dropdown { margin-left: 4rem; }
.profileimg { max-width: 4rem; }
.ntifction-dropdown .dropdown-menu { min-width: 19rem; }
.userlist .dropdown-menu, .setting-menu { padding: 13px;/* border: none; */ border-radius: 0px; top: 100% !important; transform: inherit !important; right: 0px !important; left: auto !important; font-size: 1rem; margin-top: 0rem; font-size: 0.9rem;/* box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4); */ margin-top: 15px; }
.dropdown-title { font-size: 1.1rem; font-weight: 600; color: #B1B1B1; padding-bottom: 13px; border-bottom: 1px solid rgba(51, 51, 51, 0.07); }
.userlist .dropdown-menu:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 11px solid rgba(0, 0, 0, 0.76); right: 13px; top: -11px; }
.userlist .dropdown-menu:after { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 11px solid white; right: 13px; top: -11px; }
.userdropdown ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.07); margin-bottom: 1rem; padding-bottom: 1rem; }
.userdropdown ul li figure { margin-top: 1.2rem; width: 25px; }
.userdropdown ul li figure img { width: 100%; }
.notf-desc { color: #B1B1B1; }
.notific-time { font-size: 0.8rem; line-height: 1.1; margin-bottom: 7px; }
.notf-desc h5 { color: #B1B1B1; font-size: 0.97rem; margin-bottom: 3px; }
.notf-desc h5 strong { font-weight: bold; color: #323232; }
.notif-text { font-size: 0.8rem; }
.viewall-link { color: #ED6207; }
.header-links ul li { margin-right: 1.5rem; }
.header-links ul li a { color: #D1D2D6; font-size: 2rem; display: block; border: 1px solid transparent; line-height: 3.8rem; padding-bottom: 0.1rem; width: 4rem; text-align: center; position: relative; }
.header-links ul li a:after { content: ''; position: absolute; width: 7px; height: 7px; background: transparent; border-radius: 100px; bottom: 5px; left: 50%; margin-left: -3.5px; }
.header-links ul li a:hover { color: #000; border-color: #000; }
.header-links ul li a:hover:after { background: #ed6207; }
.header-row2 { padding-top: 12px; padding-bottom: 12px; }
.setting-links .nav-item { margin-left: 1rem; }
.setting-links .nav-item .nav-link { color: #D1D2D6; font-size: 2rem; padding: 0px 9px; }
.setting-links .nav-item.logout .nav-link, .setting-links .nav-item .nav-link:hover, .setting-links .nav-link[aria-expanded="true"] { color: #ed6207 }
.setting-links .nav-item > .dropdown-toggle::after { display: none; }
.setting-menu {    /* width: 12rem; */
padding: 0px; margin-top: 12px; }
.dropdown-menu { padding: 0rem 0; border-radius: 0rem; box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4); border: none; }
.dropdown-item { padding: 0.7rem 1rem; background-color: transparent; border-bottom: 1px solid #f3f3f3; color: #323232; font-size: 1rem; font-weight: 600; }
.dropdown-item:focus, .dropdown-item:hover { background: #ed6207; color: #fff; }
.setting-menu .dropdown-item em { margin-right: 2px; }
.plan-page { background: #F3F3F3; }
.plantitle h1 { font-size: 2.8rem; }
.plantitle p { font-size: 1.64rem; }
.menulink a {/* margin-bottom:30px; */box-shadow: 0px 0px 10px 0px rgba(112, 112, 112, 0.5); }
.menulink a img { max-height: 200px; }
.menulink span { color: #010101; font-size: 1.5rem; }
.wrapper { padding: 15px 20px; }
.categdropdown { position: relative }
.selectdropdown { background-color: #ffffff; padding: 8px 12px; font-size: 1rem; font-weight: bold; color: #B2B2B2 !important; line-height: 30px; border: 1px solid #E4E4E4; border-radius: 3px; }
.selectdropdown:after, .selectemployee:after { font-family: FontAwesome; content: ''; content: "\f107"; float: right; }
.selectdropdown[aria-expanded="true"]:after, .selectemployee[aria-expanded="true"]:after { content: "\f106"; }
.mutliSelect { position: absolute; top: 100%; width: 100%; background: #fff; margin-top: 5px; border: 1px solid #E4E4E4; z-index: 10; }
.categorylist { padding: 14px; }
.categorylist .custom-input-group { border-radius: 50px; border: 2px solid #e1e1e1; overflow: hidden; margin-right: 10px; }
.categorylist .custom-input-group .input-group-text { padding: 8px 15px 8px 10px; }
.addCatIcon { font-size: 1.5rem; color: #ed6207; }
.categorylist ul li:not(:last-child) { border-bottom: 1px solid #E4E4E4; margin-bottom: 10px; padding-bottom: 10px; }
.colorpicker-element { line-height: 1; }
.colorpicker-element .add-on i, .colorpicker-element .input-group-addon i, .positionColors { height: 20px; width: 20px; border-radius: 20px; }
.shedule-right .btn { padding-top: 0.7rem; padding-bottom: 0.7rem; }
.shedule-right .btn em { line-height: inherit; }
.boxShadow { box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
.sh-tr-left a { border: 1px solid #E4E4E4; font-size: 13px; color: #969697; }
.sh-tr-left a:hover, .sh-tr-center a:hover em.fa { border-color: #ed6207; color: #ed6207; }
.sh-tr-center em.fa { border: 2px solid #000000; width: 37px; text-align: center; line-height: 33px; font-size: 2rem; }
.sh-tr-title { font-size: 1.7rem; }
.sh-tr-right .nav-tabs { border-bottom: none; }
.sh-tr-right .nav-tabs li:not(:last-child) { margin-right: 5px; }
.sh-tr-right .nav li a { border-top-left-radius: 0; border-top-right-radius: 0; border: 1px solid #E4E4E4 !important; padding: 7px 15px; font-weight: 600; text-transform: uppercase; font-size: 13px; }
.sh-tr-right .nav li:first-child a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.sh-tr-right .nav li:last-child a { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.sh-tr-right .nav-tabs .nav-link.active, .sh-tr-right .nav-tabs .nav-link:hover { color: #ffffff; background-color: #ed6207; border-color: transparent; }
.presets-row { border-top: 1px solid rgba(51, 51, 51, 0.08); }
.presets span { color: #969697;/* font-size: 14px; */ }
#presetsList .presestSh { font-size: 0.9rem; line-height: 1.4; margin-right:0.7rem }
.presestSh {color: #ffffff;}
.table-bordered, .table-bordered td, .table-bordered th { border: 1px solid #efefef; }
.timeTable thead tr th { font-size: 1.2rem; font-weight: 600; }
.timeTable tbody tr td { padding: 7px; vertical-align: middle; text-align: center; }
.timeTable tbody tr td > div:not(:last-child) { margin-bottom:7px }
.all-employees .dropdown-menu { margin-top: .75rem; }
.srch-employees { }
.searchicon { color: rgba(0, 0, 0, 0.3); }
.plusicon { color: #ed6207; }
.srch-employees .fa { margin-left: 15px; font-size: 1.3rem; }
a.selectemployee.d-block { font-size: 1.2rem; color: #B1B1B1; }
.emply-col { padding-left: 10px; }
.emp-disignation { color: #B1B1B1; font-size: 0.9rem; font-weight: 600; text-transform: capitalize; }
.emplytime {line-height: 1.2;position: relative;}
.timeTable tbody tr td .presestSh {line-height: 1.2;position: relative;padding-bottom: 1rem !important;padding-top: 1rem !important;}
.emplytime-onhover { opacity: 0; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; padding: 10px 10px 10px 8px; color: #fff; }
.emplytime-onhover:hover { opacity: 1; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all  0.2s linear; }
.emplytime-onhover a { color: #fff; }
.emply-left-icon .fa { font-size: 1.1rem; }
.emply-left-icon .fa:not(:last-child) { margin-right: 7px; }
.hourscount { font-size: 2rem; font-weight: bold; line-height: 1; }
.dayoff { min-height: 62px; }
.notif-list li figure { width: 100px; }
.notif-list li .notf-desc h5 { font-size: 1.25rem; margin-bottom: 3px; }
.notif-list li .notf-desc h5, .notif-list li .notf-desc h5 a { color: #B1B1B1; }
.notif-list li .notif-text { font-size: 0.9rem; font-weight: 600; }
.notif-list li .notif-color { color: #1ABC9C; }
.notif-list li .notific-time { color: #B1B1B1; font-size: 0.75rem; }
.search-radius { border-radius: 50px; border: 1px solid #e4e4e4; overflow: hidden; }
.edit-ctg { color: #ED6207; border: 1px solid #ED6207; padding: 6px 2.1rem; border-radius: 40px; line-height: 1; font-size: 0.9rem; }
.edit-ctg:hover { color: #ffffff; background: #ED6207; }
.dragableIcon { color: #B2B2B2 }
.ctgDeleteIcon { font-size: 1.5rem; }
.ctg-list-table tr th, .ctg-list-table tr td { padding: .9rem .75rem; }
.emplyimg { max-width: 48px; }
.customSwitch .custom-control-label { line-height: 28px; padding-left: 65px; }
.custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #010101; background-color: #010101; }
.custom-radio .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #ed6207; background-color: #ed6207; }
.customSwitch .custom-control-label::before { top: 0; left: -48px; left: 0px; width: 52px; height: 28px; background-color: #e02525; border-radius: 50px; }
.customSwitch .custom-control-input:checked~ .customSwitch .custom-control-label::before { color: #fff; border-color: #007bff; background-color: #007bff; }
.customSwitch .custom-control-label::after { top: 1px; left: -47px; left: 1px; width: 26px; height: 26px; background-color: #fff; border-radius: 100%; }
.custom-switch .custom-control-input:checked~.custom-control-label::after { -webkit-transform: translateX(24px); transform: translateX(24px); }
.positionColors { height: 28px; width: 28px; border-radius: 100%; }
.tabsRow { background: #E4E4E4; margin-top: -15px; }
.accounting-tabs { padding: 1.333rem 3rem; }
.accounting-tabs .nav-item { margin-bottom: 0px; margin: 0px 3.5rem 0px 0px; }
.accounting-tabs .nav-link { border: none; font-size: 1.333rem; color: rgba(1, 1, 1, 0.5); font-weight: 600; padding: 0px 2px; }
.accounting-tabs .nav-item.show .nav-link, .accounting-tabs .nav-link.active, .accounting-tabs .nav-link:hover { color: #ED6207; background: none; }
.pricingPlanbg { border-top-left-radius: 7px; border-top-right-radius: 7px; overflow: hidden; }
.account-price { font-size: 1.2rem; }
.transaction-no { font-size: 1.1rem; }
.active-text { opacity: 0; margin-left: -1rem; margin-right: -1rem; }
.active-plan .active-text, .upgrade-plan .active-text { background: #1abc9c; opacity: 1; }
.pr-header { border-bottom: 1px solid rgba(51, 51, 51, 0.15) }
.pr-header h5 { font-size: 1.1rem; }
.pricingDesc h6 { font-size: 1.1rem; }
.plan-price { font-size: 2.7rem; }
.actived-timing { font-size: 14px; }
.pricing-list:not(:first-child) { border-top: 1px solid #e0e0e0; padding-top: 1rem; margin-top: 1rem; }
.active-plan .btn { border-color: #ed6207; color: #ed6207 }
.active-plan .btn:hover { color: #ffffff; background: #ed6207; }
.upgrade-table { }
.act-billing-table td, .act-billing-table th { white-space: nowrap; }
.tDnD_whileDrag { background: #F3F3F3; }
.messages-users-col { position: fixed; top: 230px; bottom: 15px; z-index: 100; }
.messages-users-col > div { border-radius: 6px; overflow: hidden; }
.messages-search { border-bottom: 1px solid rgba(51, 51, 51, 0.1) }
.messages-search .custom-input-group .form-control { padding-left: 5px; }
.messagelist { overflow-x: auto; height: 90%; padding-bottom: 40px; }
.messages-search .custom-input-group .input-group-text { font-size: 1.2rem; }
.messagelist .emply-col .empl-name { margin-right: 7px; width: 100%; overflow: hidden; }
span.msg-desc { font-size: 0.8rem; color: #B1B1B1; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.message-status { width: 8px; height: 8px; border-radius: 100%; position: absolute; bottom: 2px; right: 3px; }
.m-prof-img { max-width: 42px; width: 100%; }
.m-prof-img figure { position: relative;/* max-width: 42px; */ width: 42px; }
.messages-count span { width: 15px; line-height: 15px; background: #323232; font-size: 11px; }
.messages-box-col { position: fixed; top: 230px; bottom: 15px; z-index: 100; left: 24%; padding-left: 30px; }
.username h3 { border-bottom: 1px solid rgba(51, 51, 51, 0.1); }
.usermessages-bx { overflow-y: auto; padding-right: 20px; }
.messages-box-col .username h3 { font-size: 2rem; line-height: 1; }
.userstatus { width: 20px; height: 20px; border-radius: 100%; }
usermessages-bx { overflow-x: auto; }
.recieverRow, .senderRow { margin-bottom: 2.3rem; }
.senderCol .row:not(:first-child) { margin-top: 15px; }
.sender-img { max-width: 48px; width: 100%; }
.sender-textbox > div, .reciever-textbox > div { padding: 12px 20px;/* border-radius: 30px; */ border-radius: 230px; color: #B1B1B1; position: relative; font-size: 0.95rem; }
.sender-textbox > div:before, .reciever-textbox > div:before { content: ''; position: absolute; border-bottom: 8px solid transparent; border-top: 8px solid transparent; top: 50%; margin-top: -8px; }
.sender-textbox > div:before { border-right: 10px solid #fff; left: -9px; }
.reciever-textbox > div:before { border-left: 10px solid #343a40; right: -8px; top: 50%; margin-top: -8px; }
.message-area .form-control { min-height: 46px; }
.message-area .input-group-text { width: 30px; line-height: 30px; background: #000; color: #fff; padding: 0px; margin-right: 10px; font-size: 1.3rem; }
.eventstimeCol { box-shadow: 0px 0px 4px 0px #ccc; }
.eventTitle { font-size: 0.9rem; }
.eventTime { font-size: 0.8rem; white-space: nowrap; }
.eventName { font-size: 0.8rem; }
.eventCount { min-width: 18px; line-height: 18px; font-size: 8px; }
.eventLeftBg { padding: 15px; border: 1px solid #efefef; }
.eventLeft ul { padding: 10px 15px; }
.eventLeft ul li { padding-top: 18px; padding-bottom: 18px; }
.eventLeft .custom-checkbox label { font-size: 1.15rem; line-height: 1.3; }
.add-employ-prof figure { max-width: 150px; width: 100%; }
.add-employ-prof figure span { background-repeat: no-repeat; background-size: cover; padding-top: 100%; }
.imgNote { color: #B4B4B4; font-size: 0.9rem; }
.add-employ-prof .btn { border-radius: 50px; }
.acccess-check-list li { border-top: 1px solid #E4E4E4; padding-bottom: 27px; padding-top: 27px; }
.custom-checkbox-right { padding-left: 0px; padding-right: 1.1rem; }
.custom-checkbox-right .custom-control-label::before { left: auto; right: -1.5rem; }
.custom-checkbox-right .custom-control-label::after { left: auto; right: -1.5rem; }
.virtual-col { color: #707070; }
.virtual-col .app-access-title { color: #707070; padding-bottom: 0.75rem; padding-top: 0.75rem; border-bottom: 1px solid #E4E4E4; }
span.appAccessNote { font-size: 10px; line-height: 1.1; }
.appAccessMessage  textarea { border: #B2B2B2; }
.dailylog-tr-left h4, .dailylog-tr-center .sh-tr-title { font-size: 1.4rem; }
.dailylog-tr-center em.fa { border: 1px solid #000000; width: 32px; line-height: 30px; font-size: 1.8rem; }
.dailylog-tr-right .calendaricon { font-size: 1.6rem }
.dailylog-submit .addfields { font-size: 1.1rem }
.dailylogfield label { font-size: 1.2rem; }
.pantryTable table tbody td input, .pantryTable table tbody td select { padding: 2px 5px; width: 70px; text-align: center; height: 32px; border: 1px solid #ececec; }
.pantryTable table tbody td, .pantryTable table thead th { vertical-align: middle; }
.pantryTable table tbody td .btn { font-size: 0.85rem; }
.orderLinks {/* position: relative; */margin-right: 1px; width: 80px; }
.orderLinks li { position: relative; padding-left: 80px; }
.orderLinks li:first-child { top: 203px; }
.orderLinks li:nth-child(2) { top: 406px; }
.orderLinks li a { text-transform: uppercase; position: absolute; top: 100%; left: 0; transform-origin: 0 0; transform: rotate(-90deg); background: #ffffff; color: #B2B2B2; padding: 10px 10px; line-height: 60px; width: 203px; text-align: center; display: block; font-size: 1.5rem; border-top-left-radius: .5rem !important; border-top-right-radius: .5rem !important; }
.orderLinks li.active a { text-transform: uppercase; position: absolute; top: 100%; left: 0; transform-origin: 0 0; transform: rotate(-90deg); background: #ED6207; color: #fff; padding: 10px 10px; line-height: 60px; width: 203px; text-align: center; display: block; font-size: 1.5rem; border-top-left-radius: .5rem !important; border-top-right-radius: .5rem !important; }
.pantryTableCol, .ordringTableCol { width: calc(100% - 80px); }
.pantry-right-col .sh-tr-center em.fa { width: 26px; line-height: 24px; border-width: 1px; font-size: 20px; }
.clndr-Icon { font-size: 1.7rem; color: #ed6207 }
.pantry-right-list li { line-height: 1; }
.pantry-right-list li a.fa { font-size: 1.5rem; line-height: 1; }
.sh-tr-center .gj-datepicker.input-group input { visibility: hidden; height: 0px; width: 0px; position: absolute; padding: 0px; }
.sh-tr-center  span.input-group-append { padding: 0px; }
.sh-tr-center button.btn { padding: 0px;    /* height: 39px; */ width: auto; background: none; border: none; color: #ed6207; line-height: 1; }
.sh-tr-center .gj-datepicker-bootstrap button .gj-icon { position: static !important; top: 0px; left: 0px; font-size: 1.8rem !important; }
.sh-tr-center button.btn:not(:disabled):not(.disabled).active, .sh-tr-center button.btn:not(:disabled):not(.disabled):active { color: #ed6207; background-color: transparent; border-color: transparent; }
.vendorPlusIcon { font-size: 1.5rem }
.ordringtabletitle { width: 5rem; position: relative; background: #DCDCDC; }
.ordringtabletitle > div { max-width: 100%; }
.ordringtabletitle > div span { white-space: nowrap;    /* position: absolute; */ top: 0%; transform-origin: 4 0; transform: rotate(-90deg); font-size: 1.3rem; }
.save-btn .btn { padding: 0.6rem 7rem; text-transform: uppercase; }
.personal-detail, .change-password h5, .profile-radio-btn {    /* border-bottom: 1px solid #ced4da; */ }
.personal-detail h2 { font-weight: 600; }
.profileSwitch  .custom-control-label { position: relative; padding-left: 0px; padding-right: 60px; color: #B2B2B2; }
.profileSwitch .custom-control-input:checked~.custom-control-label::before { color: #fff; border-color: #1abc9c; background-color: #1abc9c; }
.profileSwitch .custom-control-label::before { right: 0; left: auto; background-color: #e02525; border-radius: 50px; }
.profileSwitch .custom-control-label::after { right: 25px; left: auto; }

.private-profile .profileSwitch .custom-control-label {
    padding-right: 70px;
}
.private-profile .profileSwitch .custom-control-label {
    color: inherit;
}
.alert-preference {color: #B2B2B2; font-weight: 600;}
.sms-email .profileSwitch .custom-control-label {
    padding-right: 52px;
    min-height: 28px;

}

.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

.selectcarddetail { font-size: 1.4rem; }
.selectcarddetail .table td, .selectcarddetail .table th {padding: 10px 0px;}
.selectcarddetail .table tr td:last-child span { font-size: 1.6rem; }
.selectcardoptoin .custom-radio {}
.selectcardoptoin .custom-control-label {
    line-height: 1.2;
}
.selectcardoptoin .custom-control-label::before {
top: 50%;
left: auto;
right: 0rem;
margin-top: -7px;
}

.payment-total {
    font-size: 1.8rem;
}
.payment-paynow .btn { padding-top: 0.7rem; padding-bottom: 0.7rem; }

.savecheckbox .custom-control {
    padding-left: 2rem;
}
.savecheckbox label {font-size: 1.2rem; color:#B2B2B2}


.savecheckbox .custom-control-label::after, .savecheckbox .custom-control-label::before {
    width: 1.5rem;
    height: 1.5rem;
    left: -2rem;
}
.confirm-detail-btn {  padding-top: 0.8rem;
    padding-bottom: 0.8rem;}


.strip-bg, .strip-bg .emplytime-onhover{
    background-image: url(assets/img/strip-bg.png);
}



@media (min-width:1600px) {
	html { font-size: 18px; }
	.messages-box-col, .messages-users-col { top: 260px; }
}
@media (max-width:1199px) {
	html { font-size: 13.8px; }
	body { }
	.header-row1 { padding: 13px 0px 12px; border-bottom: 1px solid #f3f3f3; }
	.weatherImg { max-width: 4rem; }
	.dashboard-title { font-size: 1.8rem; }
	.menulink a img { max-height: 150px; }
	.header-links ul li { margin-right: 1rem; }
	.header-links ul li a { font-size: 1.8rem; line-height: 3.3rem; padding-bottom: 0.1rem; width: 3.5rem; }
	.timeTable thead tr th { font-size: 1rem; font-weight: 600; }
	.sh-tr-left a { font-size: 11px; }
	.srch-employees .fa { margin-left: 10px; font-size: 1rem; }
	a.selectemployee.d-block { font-size: 1rem; }
	.sh-tr-center em.fa { border: 1px solid #000000; width: 22px; line-height: 20px; font-size: 1.5rem; }
	.sh-tr-title { font-size: 1.4rem; }
	.sh-tr-right .nav li a { padding: 7px 12px; font-size: 11px; }
	.timeTable tbody tr td { padding: 5px; }
	.emply-col { padding-left: 7px; border-left-width: 3px !important; min-width: 140px; }
	.emply-col figure { max-width: 35px }
	.emplytime { border-left-width: 2px !important; }
	.emplytime-onhover { padding: 7px 6px; }
	.emply-left-icon .fa { font-size: 1rem; }
	.emply-left-icon .fa:not(:last-child) { margin-right: 3px; }
	.messages-box-col, .messages-users-col { top: 205px; }
	.eventLeft ul li { padding-top: 12px; padding-bottom: 12px; }
	.dailylogfield label { font-size: 1rem; }
}
@media  (max-width:991px) {
	html { font-size: 13px; }
	.table td, .table th { padding: 0.65rem; }
	.btn { padding: .6rem 1.8rem; border-radius: 5px; }
	input:not([type="radio"]):not([type="checkbox"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="search"]), select {/* min-height: 37px; */ }
	.form-control, input.form-control, select.form-control { min-height: 37px; }
	.form-control-lg, input.form-control-lg, select.form-control-lg { min-height: 42px; font-size: 1.1rem; }
	.dashboard-title { font-size: 1.5rem; }
	.userlinks > ul > li.nav-item.prof-dropdown { margin-left: 2rem; }
	.header-links ul li a { font-size: 1.5rem; line-height: 3.2rem; padding-bottom: 0.1rem; width: 3.3rem; }
	.header-links ul li a:after { width: 5px; height: 5px; bottom: 4px; left: 50%; margin-left: -2.5px; }
	.menulink a img { max-height: 100px; }
	.menulink span { font-size: 1.25rem; }
	.timeTable thead tr th { font-size: 1rem; }
	.sh-tr-left a { font-size: 11px; }
	.srch-employees .fa { margin-left: 10px; font-size: 1rem; }
	a.selectemployee.d-block { font-size: 1rem; }
	.sh-tr-center em.fa { border: 1px solid #000000; width: 22px; line-height: 20px; font-size: 1.5rem; }
	.sh-tr-title { font-size: 1.1rem; }
	.sh-tr-right .nav li a { padding: 7px 12px; font-size: 11px; }
	.timeTable tbody tr td { padding: 5px; }
	.emply-col { padding-left: 7px; border-left-width: 3px !important; min-width: 132px; }
	.emply-col figure { max-width: 35px }
	.emplytime { border-left-width: 2px !important; }
	.emplytime-onhover { padding: 7px 6px; }
	.emply-left-icon .fa { font-size: 1rem; }
	.emply-left-icon .fa:not(:last-child) { margin-right: 3px; }
	.accounting-tabs { padding: 1.2rem 2.5rem; }
	.accounting-tabs .nav-item { margin-bottom: 0px; margin: 0px 2rem 0px 0px; }
	.accounting-tabs .nav-link { font-size: 1.2rem; }
	.plan-price { font-size: 2.25rem; }
	.messages-box-col, .messages-users-col { top: 190px; }
	.messages-box-col { left: 33.333%; padding-left: 15px; }
	.messages-box-col .username h3 { font-size: 1.75rem; }
	.userstatus { width: 15px; height: 15px; }
	.sender-textbox > div, .reciever-textbox > div { padding: 10px 20px; font-size: 0.97rem; }
	.sender-img { max-width: 35px; width: 100%; }
	.add-employ-prof-fields { padding-left: 5px; }
	.add-employ-prof-fields > .row { margin-left: -10px; margin-right: -10px; }
	.profile-inp-fields { padding-left: 10px; padding-right: 10px; }
	span.appAccessNote { font-size: 8.25px; }
	.dailylog-tr-left h4, .dailylog-tr-center .sh-tr-title { font-size: 1.1rem; }
	.dailylog-tr-center em.fa { width: 24px; line-height: 22px; font-size: 1.3rem; }
	.dailylogfield label {    /* font-size: 0.9rem; */ }
	.dl-st-btn { font-size: 1rem }
	.orderLinks li.active a { line-height: 50px; }
	.orderLinks { width: 70px; }
	.pantryTableCol { width: calc(100% - 70px); }
	.selectdropdown { line-height: 25px; }
	.custom-input-group .form-control, .custom-input-group .form-control:focus { padding-left: 1rem; }
}

.highlight{
    background-color: rgb(237, 98, 7, 0.1);
    color: black;
}

.unpublished{
    background: repeating-linear-gradient(45deg,#ff5c28,#ff5c28 10px,#eb4814 10px,#eb4814 20px);
    border-left: 4px solid #eb4814 !important;
    color: white !important;
}

.today_highlight {
    background-color: rgba(234, 124, 45, 0.09);
}

.etIcon span {
    width: 24px;
    line-height: 24px;
}

.deleteEventField {
    cursor: pointer;
    position: absolute;
    right: 64px;
    color: #e41717;
    padding: 11px 0;
}