html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
line-height:1;
}
html,body{height:100%;margin:0;padding:0;}
body{background: #f1f1f1;margin:0;padding:0;font-size:17px;color: #444;font-family:'Exo Ul';min-width:320px;}
/*#bbe080*/
#addControls{display: block;box-sizing: border-box;padding-left: 10px;margin-top: -7px;margin-bottom: 10px;}
#addControls a{display: inline-block;margin-right: 5px;font-size: 15px;font-family:'Exo R';color: #444;margin-right: 10px;text-decoration: none;}
#addControls a:hover{text-decoration: underline;}
#addControls a.active{color: #f05342;text-decoration: underline;}


#total_n_day_info{height: 24px;width: calc(100% - 180px);position: fixed;bottom:0;left: 180px;background:#1e1e1e;}

#total_info{text-align: right;position: absolute;top: 0;дуае: 0;height: 24px;color: #fff;}
#total_info .total_label{display: inline-block;font-family: 'Exo Bold';height: 24px;line-height: 24px;background:#515151;text-align: center;padding: 0 7px;font-size: 13px;}

#day_info{text-align: right;position: absolute;top: 0;right: 0;height: 24px;color: #fff;}
#day_info .day_label{display: inline-block;font-family: 'Exo Bold';height: 24px;line-height: 24px;background:#515151;text-align: center;padding: 0 7px;font-size: 13px;}
#total_n_day_info .info_label{display: inline-block;font-family: 'Exo Bold';height: 24px;line-height: 24px;text-align: center;font-size: 13px;}
#total_n_day_info .info_label_t{display: inline-block;height: 24px;line-height: 24px;text-align: center;font-size: 13px;}
#total_n_day_info .info_val{display: inline-block;font-family: 'Exo Bold';height: 24px;line-height: 24px;text-align: center;font-size: 13px;}

#gotoConstructor {
display: inline-block;
background: none;
color: #f05342;
font-family: 'Exo Bold';
box-shadow: 0 0 8px rgba(0,0,0,0.1);
position: relative;
vertical-align: top;
float: right;
border: 1px solid #f05342;
margin-right: 10px;

}

table.ticketsTable{width: 100%;border-collapse: collapse;}
table.ticketsTable th, table.ticketsTable td{padding: 5px 5px;text-align: center;vertical-align: middle;font-size: 13px;}
table.ticketsTable td{padding: 3px 5px;height: 36px;font-family:'Exo R';}
table.ticketsTable td.tkPrice{white-space: nowrap;}
table.ticketsTable td a{color: #f05342;text-decoration: none;}
table.ticketsTable td a:hover{text-decoration: underline;}
.ticketsHeaders{font-size: 17px;font-family:'Exo Bold';color: #1e1e1e;border-bottom: 1px solid #1e1e1e;}
.ticketData{border-bottom: 1px solid #ddd;}
table.ticketsTable td.nothing{padding: 20px 0;}
.delDERec.of_input{top: 5px;margin-left: 5px;}

#c_sel_actions{position: absolute;top: 10px;left: 10px;z-index: 999999;padding: 10px;background:#fff;border: 1px solid #ddd;display: none;}
#c_sel_actions .checkBlock{display: block;margin: 0;margin-bottom: 10px;}


#c_sel_time{position: absolute;top: 0;left: 0;z-index: 999999;padding: 5px 5px;background:#fff;border: 1px solid #ddd;padding-bottom: 0;display: none;}
#c_sel_time div{font-size: 15px;font-family:'Exo Bold';color: #000;padding: 5px;border: 1px solid #ddd;margin-bottom: 5px;cursor: pointer;}
#c_sel_time div:hover{background: #f05342;color: #fff;}

.tck_visits.no_v:hover,
.tck_month_price.no_m:hover,
.tck_validity:hover,
.ticket_active_actions:hover,
.t_active:hover,
.tck_time:hover
{background: #f05342;color: #fff;cursor: pointer;}

.table_col{display: inline-block;width: 20%;vertical-align: top;margin: 0 10px;border: 1px solid #ddd;padding: 10px;position: relative;box-sizing: border-box;}
.table_col_title{color: #555;font-size: 17px;font-family: 'Exo Bold';color: #f05342;margin-bottom: 10px;}

.cons_save{display: inline-block;background: #f05342;color: #fff;font-family: 'Exo Bold';box-shadow: 0 0 8px rgba(0,0,0,0.1);position: relative;vertical-align: top;}
.save_c_table{margin-top: 10px;text-align: right;position: absolute;bottom: 10px;right: 10px;box-sizing: border-box;}
.add_in_c_table{display: inline-block;background: #f05342;color: #fff;padding: 5px 5px;border-radius: 6px;cursor: pointer;}
.cons_save:hover, .add_in_c_table:hover{background:#1e1e1e;}

.blockFull.center{text-align: center;}

.tck_validity input,
.possible_time,
.possible_months,
.tck_title input,
.tck_visits input,
.action_percent,
.action_title,
.tck_month_price_input
{border: 1px solid #ddd;padding: 5px;font-family: 'Exo R';font-size: 15px;}
.tck_title input{width: 100%;box-sizing: border-box;}

.tck_validity input, .possible_time, .action_percent, .action_title, .tck_month_price_input{width: 100px;text-align: center;}
.action_title{width: 200px;text-align: left;}
.possible_months, .tck_visits input, .action_percent{width: 50px;text-align: center;}
.ticket_active_actions span{display: block;}

#side_add_tkt{width: 200px;position: absolute;top:104px;right: 20px;}
#sat_ttl{font-family: 'Exo Bold';color: #1e1e1e;font-size: 15px;margin-bottom: 5px;}
#sat_sbm{display:block;background: #f05342;color: #fff;font-family: 'Exo Bold';position: relative;vertical-align: top;text-align: center;}
#sat_sbm:hover {background: #1e1e1e;}

#selectedOldClient.frnd{border: 1px solid orange;color:orange !important;}
#selectedOldClient.frnd div{color:orange !important;}
#selectedOldClient.free{border: 1px solid #4671d5;color:#4671d5 !important;}
#selectedOldClient.free div{color:#4671d5 !important;}

#clientTypeSelect{margin-bottom: 10px;}
#clientTypeSelect span{display: inline-block;font-size: 15px;padding: 0 10px;box-sizing: border-box;border: 1px solid #777;color: #777;cursor: pointer;margin-right: 5px;border-radius: 4px;font-family:'Exo Bold';height: 24px;line-height: 22px;}
#clientTypeSelect span:hover{border: 1px solid #f05342;}
#clientTypeSelect span.active{border: 1px solid #f05342;background:#f05342;color: #fff;}

#infoTotal{position: fixed;bottom: 0;right: 20px;width:auto;height: 24px;background:#1e1e1e;border-top-left-radius: 5px;border-top-right-radius: 5px;padding: 0 20px;box-sizing: border-box;}
#infoTotal span{display: inline-block;height: 24px;line-height: 24px;color: #fff;font-size: 15px;margin: 0 20px;}
#ceOverlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.2);z-index: 999998;display: none;}
#ceForm{position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);background:#fff;width: 50%;min-width: 400px;border-radius: 10px;overflow-y: auto;display: none;z-index: 999999;}
#ceForm input.wrong{border: 1px solid red;}
#ceForm input:focus{outline: none;}
#ceTitle{font-family:'Exo Bold';color: #f05342;font-size: 21px;box-sizing: border-box;padding: 20px;border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;}
#ceContent{box-sizing: border-box;padding: 20px;}
#ceClose{width: 80px;height: 100%;position: absolute;top: 0;right: 0;background: url(images/close.png) center center no-repeat;background-size: 20px;cursor: pointer;}
#ceClose:hover{background:#f05342 url(images/closew.png) center center no-repeat;background-size: 20px;}
#ceActionForm input{display: block;background:#fff;border: 1px solid #ddd;height:25px;width:100%;box-sizing: border-box;padding-left:5px;font-family:'Exo R';font-size: 15px;line-height: 25px;color: #555;margin-bottom: 10px;}
#personForm #PFForm input{height:25px;padding-left:5px;font-size: 15px;line-height: 25px;color: #555;margin-bottom: 10px;}

.clientLink{position: relative;display: inline-block;}
.clientLink b{font-weight: normal;}
.clientLink .clcEdit{display: inline-block;color: #fff;padding:3px 5px;margin-left: 5px;display: none;}
.clientLink:hover .clcEdit{display: inline-block;background:#f05342;border-radius: 3px;}
.clientLink .clcEdit:hover{text-decoration: underline;}

#loading{position: fixed;top:0;left: 0;width: 100%;height: 100%;background:rgba(255,255,255,0.5) url(images/loading.gif) center center no-repeat;background-size: 50px;z-index: 999999;display: none;}
.hidingByType{display: none;}
.notEditable{display: block;margin-bottom: 10px;}
.ticketType.wrong{color: red;border: none;}
.ticketType.wrong .switchLabel{color: red;border: none;}
#crtfSearch{width: 400px;display: none;}
#crtfChecked{padding: 10px 15px;border: 1px solid #1e1e1e;font-size: 17px;font-family:'Exo Bold';color: #1e1e1e;position: absolute;top:3px;left: 100%;width: 200px;margin-left: 10px;}
#newCrtf{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
#newCrtf p{font-family:'Exo R';font-size: 21px;margin-bottom: 30px;}
#newCrtf p span{color: #f05342;font-size: 31px;}
#newCrtf a{display: inline-block;background: #f05342;color:#fff;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);width: 100px;}

.ticketType .switchBtn{width: 20px;height: 20px;margin-right: 2px;}
.ticketType .switchLabel{font-family:'Exo R';font-size: 15px;top: 3px;}
.ticketType .switchBtn span{width: 12px;height: 12px;}
#byTime, #byVisits, #month_unchange{font-family:'Exo R';font-size: 15px;}
#typeSelect .inputSwitch{margin-right: 10px;margin-bottom: 10px;}
#typeSelect{margin-bottom: 10px;}
#specials{border-top: 1px solid #ddd;padding-top: 10px;}
#crtfs{padding-top: 10px;}


.popupLoading{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:#fff url(images/loading.gif) center center no-repeat;background-size: 50px;display: none;}

#typeSelect{border-bottom: 1px solid #ddd;}

.ofDates, .ofDays, .ofUser{display: inline-block;vertical-align: top;}
.ofDates{width: 200px;}
.ofDays{width: 70px;}
#payment{position: relative;}
#firstVisitPaymentCover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(255,255,255,0.6);display: none;}

#clientInfo{text-align: center;font-size: 15px;line-height: 1.3;}
#clientInfo b{font-weight: normal;font-family:'Exo Bold';}
#statSearchClient{margin-left: 10px;}
.searchBlock#statSearchClient{width: 210px;}
#pagination{position: absolute;top: 15px;right:10px;}
#pagePrev, #pageNext{display: inline-block;width: 20px;height: 20px;vertical-align: top;}
#pagePrev{background:url(images/trarrowRL.png) center center no-repeat;background-size: 20px;}
#pageNext{background:url(images/trarrowRR.png) center center no-repeat;background-size: 20px;}
#pagination span{font-size: 17px;display: inline-block;line-height: 20px;vertical-align: top;margin: 0 5px;}


table#statAllClients{width:100%;border-collapse: collapse;margin: 0 auto;margin-top: 20px;margin-bottom: 100px;font-size: 13px;font-family:'Exo R';}
table#statAllClients th, table#statAllClients td{border: 1px solid #f05342;padding: 10px;text-align: center;vertical-align: middle;}
table#statAllClients th{font-family:'Exo Bold';color: #f05342;}
table#statAllClients th a{color: #f05342; text-decoration: underline;}
table#statAllClients td{color: #444;}
table#statAllClients tr.clientRow{cursor: pointer;}
table#statAllClients tr:hover td{background:#fff7e7;color: #000;}

#statLoading{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #fff url(images/loading.gif) center center no-repeat;background-size: 50px;z-index: 99999;}

.detailsTitle, #detailsTitle{font-family:'Exo Bold';color: #f05342;margin: 20px 0;font-size: 19px;text-align: center;}
table.details, table.details{width: 96%;border-collapse: collapse;margin: 0 auto;margin-top: 20px;margin-bottom: 100px;font-size: 13px;font-family:'Exo R';}
table.details.nomargin{margin-bottom: 20px;}
table.details th, table.details td{border: 1px solid #f05342;padding: 10px;text-align: center;vertical-align: middle;}
table.details th{font-family:'Exo Bold';color: #f05342;}
table.details td{color: #444;}
table.details td b{font-weight: normal;font-family:'Exo Bold';color: #f05342;}
table.details td.statDetailTotal{font-size: 19px;text-align: right;}
table.details td.statDetailTotal b{font-weight: normal;font-family:'Exo Bold';color: #f05342;}
table.details a{color: #f05342;text-decoration: none;}
table.details a:hover{text-decoration: underline;}

table.details tr:hover td{background:#fff7e7;color: #000;}

#statBlock{width: 100%;overflow-x: scroll;height: 2000px;}

#statContent{width: 3200px;white-space: nowrap;padding-left: 330px;height: 1043px;}
#headersColumn{width: 330px;display: inline-block;vertical-align: top;position: absolute;top: 69px;left: 5px;background:#fff;}
.monthColumn{display: inline-block;white-space: nowrap;width: auto;vertical-align: top;}
.monthColumn:hover{background:#fff7e7;}
.monthDate, .statHeader{width: 100%;font-family:'Exo Bold';color: #f05342;border-bottom: 1px solid #f05342;padding: 10px;text-align: left;box-sizing: border-box;}
.statResult, .statTitle{display: block;width: 100%;padding: 10px;font-family:'Exo R';text-align: left;border-bottom:1px solid #ddd;box-sizing: border-box;}
.statResult{text-align: center;}
.statResult.interval{color: rgba(0,0,0,0);border-bottom: 1px solid #f05342;}
.statResult a{color: #444;text-decoration: none;}
.statResult a:hover{text-decoration: underline;color: #f05342;}
.statTitle span{font-family:'Exo R';color: #777;font-size: 11px;}
.statResult.allSum{height: 55px;line-height: 35px;}

#statSearchClientsResult, #ticketSearchClientsResult{position: absolute;top: 30px;left: 0;width: 300px;height:auto;max-height:400px;border: 1px solid #ddd;z-index: 9999;background:#fff;overflow-y: scroll;display: none;}



.flr{float: right;}

#bdNotice{position: absolute;top: -5px;right: 20px;width: 40px;height: 40px;border-radius: 60px;background: #fff url(images/bd2.png) center center no-repeat;background-size: 24px;box-shadow: 0 0 8px rgba(0,0,0,0.1);cursor: pointer;}
#bdNotice:hover{background: #f05342 url(images/bd.png) center center no-repeat;background-size: 24px;}
#bdNotice span{display: block;position: absolute;bottom: -5px;left: -5px;width: 18px;height: 18px;border-radius: 18px;background:#f05342;color: #fff;text-align: center;line-height: 17px;font-family:'Exo R';font-size: 12px;}
#bdNotice:hover span {background:#1e1e1e;}

.tradesQueryLabel{font-family:'Exo Bold';color: #1e1e1e;font-size:15px;margin-top:30px;margin-bottom: 10px;}

table#tradesQuery{border-collapse: collapse;width: 100%;}
table#tradesQuery th, table#tradesQuery td{padding: 7px 5px;text-align: center;vertical-align: middle;font-size: 15px;font-family:'Exo R';}
table#tradesQuery #tqCatID, table#tradesQuery .tqCatID{display: none;}
table#tradesQuery tr.tqHeaders{font-size: 15px;font-family:'Exo Bold';color: #f05342;border-bottom: 1px solid #f05342;}
.delTq{display:inline-block;width: 24px;height: 24px;margin:0;cursor: pointer;border-radius: 20px;vertical-align: top;opacity: 0.7;background: url(images/delete.png) 0 0 no-repeat;background-size:contain;}
.delTq:hover{opacity: 1;}
#queryForm{display: none;}


.bdsMark{width: 34px;height: 34px;position: absolute;top: 0;right: 0;background: #f05342 url(images/bd.png) 70% 30% no-repeat;background-size: 16px;border-bottom-left-radius:34px;transition:all 0.2s;}
.bdsMark div{display: none;}
.bdsMark:hover{background: #f05342 url(images/bd.png) 70% 30% no-repeat;background-size: 32px;width: 68px;height: 68px;border-bottom-left-radius:68px;}

.red{color: #f05342;}
#wrongShiftsHide, #latingsHide{display: none;}
.btnSlOptions{position: absolute;top: 100%;right: 0;width: 100%;background:#fff;box-shadow:0 0 4px rgba(0,0,0,0.2);border-radius: 5px;margin-top: 5px;display: none;z-index: 9999;}
.btnSlOptions.long{max-height: 300px;overflow-y: scroll;}
.btnSlLink, .btnSlOption{display: block;padding: 10px 20px;border-radius: 5px;text-decoration: none;color: #444;}
.btnSlOptions.long .btnSlOption{padding: 10px 10px;}
.btnSlLink:hover, .btnSlOption:hover{background:#1e1e1e;color: #fff;}

#periodCompare{display: inline-block;float: left;}

.controlSelect, #periodSelectStatB, #periodSelectStatA, #periodSelectDay, #periodSelectMonth, #periodSelectYear{display: inline-block;background: #fff;color:#555;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;padding-left: 10px;padding-right: 30px;vertical-align: top;float: left;margin-left:5px;}
.sectionSelect{background: #f05342;color: #fff;}
.controlSelect:after, #periodSelectStatB:after, #periodSelectStatA:after, #periodSelectDay:after, #periodSelectMonth:after, #periodSelectYear:after{content:"";position: absolute;top: 0;right: 10px;height: 100%;width: 10px;background: url(images/trarrowGD.png) center center no-repeat;background-size: 10px;}
.sectionSelect:after{background: url(images/trarrowWD.png) center center no-repeat;background-size: 10px;}
.controlSelect, #periodSelectStatA, #periodSelectStatB{width: 120px;float: left;}
#periodSelectStatB{margin-right:10px;width: 200px;}
#periodSelectDay{width: 40px;}
#periodSelectMonth{width: 80px;}
#periodSelectYear{width: 34px;}

table#debtorsTable{width: 100%;border-collapse: collapse;}
table#debtorsTable th{padding: 10px 2px;}
table#debtorsTable th, table#debtorsTable td{padding: 5px 2px;text-align: center;vertical-align: middle;}
table#debtorsTable td{font-family:'Exo R';font-size: 13px;}
#debtorsHeaders{font-size: 13px;font-family:'Exo Bold';color: #f05342;border-bottom: 1px solid #f05342;}
table#debtorsTable td.invTitle, table#debtorsTable th#invTitle{text-align: left;}
.debtData{border-bottom: 1px solid #ddd;}
.debtData:hover{background:#fff7e7;}
.debtData.selectedForDelete{background:#ffefc9;}
table#debtorsTable td.invActions{width: 140px;padding: 15px 0;}
table#debtorsTable td.nothing{padding: 20px 0;}
.debtData#forRepay{background:#ffefc9;}



table#inventoryTable{width: 100%;border-collapse: collapse;}
table#inventoryTable th, table#inventoryTable td{padding: 5px 10px;text-align: center;vertical-align: middle;}
table#inventoryTable td{font-family:'Exo R';font-size: 13px;}
#inventoryHeaders{font-size: 13px;font-family:'Exo Bold';color: #f05342;border-bottom: 1px solid #f05342;}
table#inventoryTable td.invTitle, table#inventoryTable th#invTitle{text-align: left;}
.invData{border-bottom: 1px solid #ddd;}
.invData:hover{background:#fff7e7;}
.invData.selectedForDelete{background:#ffefc9;}
table#inventoryTable td.invActions{width: 140px;padding: 15px 0;}

#categorySelect{display: inline-block;background: #fff;color:#555;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;padding-right: 100px;vertical-align: top;float: left;min-width: 130px;margin-right: 10px;}
#categorySelect:after{content:"";position: absolute;top: 0;right: 75px;height: 100%;width: 10px;background: url(images/trarrowGD.png) center center no-repeat;background-size: 10px;}
#categorySelect div#addCat{position: absolute;top: 0;right: 0;height: 100%;width: 60px;background:#f05342 url(images/plus.png) center center no-repeat;background-size:16px;border-radius:0 5px 5px 0;}
#categorySelect div#addCat:hover{background:#1e1e1e url(images/plus.png) center center no-repeat;background-size:16px;}

#catOptions{position: absolute;top: 43px;left: 0;min-width: 100%;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.1);z-index: 999;display: none;}
.catOption{display: block;box-sizing: border-box;padding: 0 10px;padding-right: 105px;height: 48px;line-height: 48px;font-family:'Exo R';white-space: nowrap;text-decoration: none;color: #555;position: relative;}
.catOption:hover{background:#ddd;color: #000;}

.editCat, .delCat{display:inline-block;width: 24px;height: 24px;margin:0;cursor: pointer;border-radius: 20px;vertical-align: top;position: absolute;top: 12px;opacity: 0.7;}
.editCat:hover, .delCat:hover{opacity: 1;}
.editCat{background: url(images/edit.png) 0 0 no-repeat;background-size:contain;right:40px;}
.delCat{background: url(images/delete.png) 0 0 no-repeat;background-size:contain;right: 10px;}

#invSearchTitle{margin-right: 10px;}

#basicStat{border-collapse: collapse;min-width:400px;margin-bottom: 100px;}
#basicStat tr.bsHeader th{font-family:'Exo Bold';color: #f05342;border-bottom: 1px solid #f05342;padding: 10px;vertical-align: middle;text-align: center;}
#basicStat tr.bsHeader th:first-child{text-align: left;}
#basicStat tr{border-bottom: 1px solid #ddd;}
#basicStat td{border: none;padding: 10px;font-family:'Exo R';vertical-align: middle;text-align: center;}
#basicStat td:first-child{text-align: left;}
#basicStat tr.bsData:hover{background:#eee;color: #000;}

#basicStatShifts{border-collapse: collapse;min-width:400px;margin-bottom: 100px;}
#basicStatShifts tr.bsHeader th{font-family:'Exo Bold';color: #f05342;border-bottom: 1px solid #f05342;padding: 10px;vertical-align: middle;text-align: center;}
#basicStatShifts tr.bsHeader th:first-child{text-align: left;}
#basicStatShifts tr{border-bottom: 1px solid #ddd;}
#basicStatShifts td{border: none;padding: 10px;font-family:'Exo R';vertical-align: middle;text-align: center;}
#basicStatShifts td:first-child{text-align: left;}
#basicStatShifts tr.bsData:hover{background:#eee;color: #000;}

.bigTitle{font-size: 17px;font-family:'Exo Bold';color: #f05342;margin-bottom:10px;}
.bigTitle span{font-size: 13px;font-family:'Exo R';color: #777;}
#seeAndMod{border-collapse:collapse; width: 90%;margin: 0 auto;margin-top: 20px;}
#seeAndMod td{border: 1px solid #000;padding: 10px;}
body.noScroll{overflow-y: hidden;}
#transOverlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:rgba(255,255,255,0.1);z-index:999999;display: none;}
#transQPopup{width:40%;min-width: 300px;background:#313131;border-radius: 6px;margin: 0 auto;margin-top: 50px;box-shadow:0 0 8px rgba(0,0,0,0.2);box-sizing: border-box;padding: 20px;color: #fff;text-align: center;font-family:'Exo R';}
#transQPopup span{display: block;margin-bottom: 20px;}
#transCancel, #transYes{display: inline-block;width: 150px;text-transform: uppercase;padding: 10px 0;cursor: pointer;color: #fff;}
#transCancel:hover, #transYes:hover{text-decoration: underline;}
#transYes{background:#f05342;}
#transCancel{background:#000;}


table#usersTable{width: 100%;border-collapse: collapse;}
table#usersTable th, table#usersTable td{padding: 5px 3px;text-align: center;vertical-align: middle;font-size: 13px;}
table#usersTable td{font-family:'Exo R';}
#usersHeaders{font-size: 13px;font-family:'Exo Bold';color: #f05342;border-bottom: 1px solid #f05342;}
.userData{border-bottom: 1px solid #ddd;}
.userData:hover{background:#fff7e7;}
.userData.selectedForDelete{background:#ffefc9;}
table#usersTable td.prsActions{width: 50px;padding: 5px 0;}
table#usersTable td.userActive.chngbl{cursor: pointer;}
table#usersTable td.userActive.chngbl:hover{background: #f05342;color: #fff;}

.toCheck{padding: 0 10px;height:30px;line-height:30px;display: inline-block;color: #fff;font-family:'Exo Bold';background: #888;border-radius: 3px;font-size: 15px;cursor: wait}
.toCheck i{display: none;}
.toCheck.avail{background: #f05342;cursor: pointer;}
.toCheck.avail:hover{background:#1e1e1e;}
.toCheck.avail:active{transform:scale(0.8);}
#checkOut{display: inline-block;background: none;color:#f05342;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;vertical-align: top;float: right;border: 1px solid #f05342;margin-right: 10px;display: none;}
#checkOut.fixed{position: fixed;top: 10px;left: 50%;margin-left: -63px;z-index: 998;background:#f05342;box-shadow: 0 0 8px rgba(0,0,0,0.3);color: #fff;}
#checkOut:hover{background:#ffefc9;color: #f05342;}
#checkOutLoading{float: right;height: 52px;position: relative;top: -5px;margin-right: 20px;display: none;}

#clearCheck{float: right;display: inline-block;color: #fff;font-family:'Exo Bold';background: #f05342;border-radius: 6px;}
#clearCheck:hover{background:#1e1e1e;}

#controlSwitches{display: block;float:left;width: auto;padding:0;margin-right:10px;box-sizing: border-box;height:30px;line-height:25px;}
#controlSwitches.stat{min-height:30px;height: auto;float: none;}
#controlSwitches .csLabel, #controlSwitches a{display: inline-block;margin-right: 5px;font-size: 13px;font-family:'Exo R';}
#controlSwitches a{color: #f05342;}
#controlSwitches a:hover{color: #1e1e1e;}

#statPeriodEnd, #statPeriodStart{float: left;}
#statPeriodStart{margin-right: 10px;}
.searchBlock#statPeriodStart input{width: 292px;}
.textBlock p{font-family:'Exo R';line-height: 1.5;}
.textTitle{font-family:'Exo Bold';color: #000;margin-bottom: 10px;}

#allWrapper{position: relative;min-height: 100%;}
#sidebar{background:#1e1e1e;position: absolute;top: 0;left: 0;z-index: 999;min-height: 100%;width: 180px;transition:all 0.5s;}
#logoAndName{color: #fff;font-size: 13px;width: 100%;box-sizing: border-box;padding:20px 10px;border-bottom: 1px solid rgba(0,0,0,0.2);position: relative;height: 74px;white-space: nowrap;transition:all 0.5s;}
#logoAndName img{width: 110px;/*position: relative;top:7px;*/margin-bottom:0;}
#logoAndName b{font-family:'Exo Bold';font-weight: normal;color: #bbe9ff;}
#logoAndName span{position: relative;top: 0;left: 0;transition:all 0.5s;}
#sideBarToggle{width: 35px;height: 74px;position: absolute;top: 0;right: 0;background: url(images/arrowLeft.png) center center no-repeat;background-size:16px;cursor: pointer;z-index: 999;}
#sideBarToggle:hover{background: rgba(255,255,255,0.1) url(images/arrowLeft.png) center center no-repeat;background-size:16px;}

#sections{margin-top: 40px;}
#sections a{display: block;color: #fff;text-decoration: none;box-sizing: border-box;padding: 0 10px;height: 30px;line-height: 30px;border-bottom: 1px solid rgba(255,255,255,0.05);transition:all 0.5s;position: relative;overflow: hidden;font-size: 13px;}
#sections a img{width: 18px;height: 18px;vertical-align: top;position: relative;top:6px;margin-right: 10px;}
#sections a:hover{color: #fff;background:#111;}
#sections a.active{background:#111;color: #fff;}
#sections a.active:after{content:"";position: absolute;top: 0;right: 15px;height: 100%;width: 10px;background: url(images/trarrowR.png) center center no-repeat;background-size: 10px;}

#sidebar.closed{width: 35px;overflow: hidden;}
#sidebar.closed #logoAndName span{left: -200px;}
#sidebar.closed #sideBarToggle{transform:rotate(180deg);}
#sidebar.closed #sections a{padding-left: 8px;white-space: nowrap;}
#sidebar.closed #sections a span{display: none;}
#sidebar.closed #sections a.active:after{display: none;}

#content{width: auto;height: 100%;margin-left: 180px;transition:all 0.5s;}
#content.wide{margin-left: 35px;}

#header{background:#fff;margin-bottom: 15px;box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;}
#pageTitle{color: #555;width: 100%;box-sizing: border-box;padding:20px 30px;position: relative;height: 74px;font-size: 17px;}
#pageTitle b{font-family:'Exo Bold';font-weight: normal;color: #f05342;}
#currentDate{font-size: 15px;position: absolute;top: 9px;right:150px;text-align: right;line-height: 18px;}
#currentUser{font-size: 15px;font-family:'Exo Bold';color: #f05342;}
#currentDate b{font-family:'Exo Bold';font-weight: normal;}

#logout{display: block;position: absolute;top: 17px;right: 30px;background:#f05342;color: #fff;text-transform: uppercase;text-decoration: none;padding:0 20px;height: 40px;line-height: 40px;border-radius: 5px;}
#logout:hover{background:#1e1e1e;}

#contentWrapper{width: 100%;box-sizing: border-box;padding: 0;padding-bottom: 50px;}
.blockFull, #blockFull{background:#fff;width: 100%;min-height:300px;box-sizing: border-box;padding: 5px;box-shadow:0 0 8px rgba(0,0,0,0.1);margin-bottom: 20px;position: relative;}



.info{margin-bottom: 20px;margin-left: 10px;margin-top: 10px;}
.info a{font-family:'Exo Bold';color: #f05342;text-decoration: underline;margin-right: 10px;}
input.infoInput{display:inline-block;background:#fff;border: 1px solid #ddd;height:30px;width:300px;box-sizing: border-box;padding-left:10px;font-family:'Exo R';font-size: 13px;line-height: 32px;color: #555;margin-bottom: 10px;}
.kindColor{display: inline-block;height: 30px;width: 60px;vertical-align: top;box-sizing: border-box;border: 1px solid #ddd;margin-left: -1px;cursor: pointer;}
#colorpicker{margin-bottom: 10px;}
#colorOk, #colorCancel{display: inline-block;background: #f05342;color:#fff;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;vertical-align: top;}
#colorOk:hover, #colorCancel:hover{background:#1e1e1e;}
#colorOk{margin-right:5px;}
#clpSpacer{height: 20px;}
#addPlace, #addKind{height: 30px;width: 60px;background:#f05342 url(images/plus.png) center center no-repeat;background-size:16px;border-radius:3px;cursor: pointer;margin-bottom: 20px;}
#addPlace:hover, #addKind:hover{background:#1e1e1e url(images/plus.png) center center no-repeat;background-size:16px;}
#savePlacesSubmit, #saveKindsSubmit{display: inline-block;background: #f05342;color:#fff;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;vertical-align: top;}
#savePlacesSubmit:hover, #saveKindsSubmit:hover{background:#1e1e1e;}
.delAddedPlace, .delPlace, .delKind, .delAddedKind{display:inline-block;width: 20px;height: 20px;margin:0;margin-left:5px;cursor: pointer;border-radius: 10px;transition: all 0.2s;position:relative;top:2px;vertical-align: top;background: url(images/delete.png) 0 0 no-repeat;background-size:contain;position: relative;top: 5px;}
#saveKinds, #savePlaces{display: none;}
.bigTotal{font-family:'Exo Bold';color: #f05342;margin-bottom: 20px;}
.trCover{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:rgba(255,255,255,0.7);}
.trCover.coverSelected{background:rgba(255,255,255,0);}
#paymentConfirm{position: absolute;top: 0;right: 0;width: 200px;height: 100%;background:#fff;}
#paymentYes, #paymentCancel{position: absolute;left: 0;width: 100%;height: 50%;text-align: center;color: #fff;cursor: pointer;}
#paymentYes:hover, #paymentCancel:hover{text-decoration: underline;}
#paymentYes{top: 0;text-align: center;background:#f05342;}
#paymentCancel{top: 50%;background:#1e1e1e;}

#sellingTrades{width: 100%;border-collapse: collapse;font-size: 15px;}
#sellingHeaders th{font-family:'Exo Bold';color: #f05342;border-bottom: 1px solid #f05342;padding: 10px;vertical-align: middle;text-align: center;}
#sellingHeaders th:nth-child(2){text-align: left;}
/*#sellingTrades td.sellID{display: none;}*/
#sellingTrades td{padding:10px;vertical-align: middle;text-align: center;font-family:'Exo R';}
#sellingTrades td.sellTitle{text-align: left;}
#sellingTrades td.sellSummary{font-family:'Exo Bold';}
#sellingTrades td.sellPrice{font-family:'Exo Bold';}
.sellData{border-bottom: 1px solid #1e1e1e;}
.sellData:hover{background:#eee;}
.sellData:last-child{border-bottom: 2px solid #1e1e1e;}
#PFForm #sellingTrades td input{display: inline;width: 100px;padding: 0;margin: 0;text-align: center;}
#PFForm #sellingTrades td.sellQty input{width: 40px;}
#sellingTotal{width:100%;box-sizing: border-box;padding: 10px;text-align: right;font-family:'Exo Bold';margin-bottom: 10px;}
.sellDel img{height: 25px;cursor: pointer;opacity:0.7;}
.sellDel img:hover{opacity:1;}

table#tradingTable{width: 100%;border-collapse: collapse;}
table#tradingTable th, table#tradingTable td{padding: 5px 5px;text-align: center;vertical-align: middle;font-size: 13px;}
table#tradingTable td{font-family:'Exo R';padding: 5px 3px;line-height: 1.3;}
table#tradingTable td.cbComment b{font-weight: normal;font-family:'Exo Bold';color: #f05342;}
/*table#tradingTable td, table#tradingTable th{border: 1px solid #000;}*/
#tradingHeaders{font-size: 13px;font-family:'Exo Bold';color: #1e1e1e;border-bottom: 1px solid #1e1e1e;}
.tradeData{border-bottom: 1px solid #ddd;}
.tradeData:hover{background:#fff7e7;color:#000;}
.tradeData.selectedTrade{background:#fff151;}
.tradeData.selectedForDelete{background:#ffefc9;}

table#tradingTable .emptyTable td{padding: 20px 0;}

#unselectAll, #sellTrades, #addTrade{display: inline-block;background: #f05342;color:#fff;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;vertical-align: top;float: right;}
#unselectAll:hover, #sellTrades:hover, #addTrade:hover{background:#1e1e1e;}
#unselectAll, #sellTrades{display: none;}
#unselectAll{margin-right: 10px;}

#toCashbox, #fromCashbox{display: inline-block;background: #f05342;color:#fff;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;vertical-align: top;float: left;margin-right: 10px;}
#toCashbox:hover, #fromCashbox:hover{background:#1e1e1e;}
#cashboxPeriod{float: right;}

table#cashboxTable{width: 100%;border-collapse: collapse;}
table#cashboxTable th, table#cashboxTable td{padding: 5px 5px;text-align: center;vertical-align: middle;font-size: 13px;}
table#cashboxTable td{font-family:'Exo R';padding: 10px 3px;line-height: 1.3;}
table#cashboxTable td.cbComment b{font-weight: normal;font-family:'Exo Bold';color: #f05342;}
table#cashboxTable td a{color: #f05342;text-decoration: none;}
table#cashboxTable td a:hover{text-decoration: underline;}

#cashboxHeaders{font-size: 17px;font-family:'Exo Bold';color: #1e1e1e;border-bottom: 1px solid #1e1e1e;}
.cashboxData{border-bottom: 1px solid #ddd;}
.cashboxData.editable{cursor:pointer;}
.cashboxData:hover{background:#fff7e7;color:#000;}



#shift{position: absolute;top: 0;left:50%;margin-left: -80px;background:#313131;color: #fff;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;padding: 10px 0;width: 180px;text-align: center;cursor: pointer;}
#shift.clsdShift{background:#f05342;}
#shift b{font-weight: normal;font-family:'Exo Bold';}
#shift:hover{background:#1e1e1e;}
#shiftForm{display: none;}

#loginWarning{position: absolute;top: 50px;left: 0;width: 100%;text-align: center;color: #f05342;font-family:'Exo R';font-size: 15px;}
#login{width: 300px;margin: 0 auto;padding-top:150px;box-sizing: border-box;}
#loginLogo{width: 100%;margin-bottom:5px;}
#loginLogo img{width: 100%;}
#loginCaption{text-align: center;margin-bottom:30px;font-size: 16px;font-family:'Exo R';}
#login input{display: block;background:#fff;border: 1px solid #ddd;padding:5px;width:100%;box-sizing: border-box;padding-left:10px;font-family:'Exo R';font-size: 15px;line-height: 32px;color: #555;margin-bottom: 20px;}
#login input[type="submit"]#loginBtn{background: #f05342;color:#fff;font-family:'Exo R';width: 100px;text-align: center;margin: 0 auto;border: none;padding: 0;}
#login input#loginBtn:hover{background:#1e1e1e;}

.checkBlock{display: inline-block;margin-bottom: 20px;margin-right: 20px;cursor: pointer;}
.checkBtn{width: 24px;height: 24px;border: 1px solid #f05342;box-sizing: border-box;display: inline-block;vertical-align: top;margin-right: 2px;border-radius: 3px;position: relative;}
.checkBtn span{position: absolute;top:2px;left:2px;width: 18px;height: 18px;background:#f05342 url(images/check.png) center center no-repeat;border-radius: 2px;display: none;background-size: 16px;}
.checkLabel{font-family:'Exo Bold';color: #333;font-size:15px;display: inline-block;vertical-align: top;position: relative;top:4.5px;}
.checkBlock.checked span{display: block;}


#DEAddVisit{display: inline-block;background:#f05342;color: #fff;position: absolute;top: 90px;right: 20px;}
#DEAddVisit:hover{background:#222;}

.wrong{border: 1px solid red;}
.inputCol-2{display: inline-block;width:48%;vertical-align: top;margin-right: 5px;}
.inputCol-2.short{width: 200px;}
.inputCol-3{display: inline-block;width: 31%;vertical-align: top;margin-right: 5px;}
.smallSpace{height: 10px;}
.midSpace{height: 30px;}

.selectBlock{position: relative;margin-bottom: 20px;}
.selectedField{width: 100%;height: 44px;line-height: 44px;box-sizing: border-box;padding-left:10px;padding-right: 40px;border: 1px solid #ddd;font-family:'Exo R';font-size: 15px;color: #555;background:#fff url(images/trarrowBD.png) right 15px center no-repeat;background-size: 10px;cursor: pointer;}
.selectedField.wrong{border: 1px solid #f05342;}
.selectedField span.sfNotSelected{color: #aaa;}
.options{position: absolute;top: 43px;left: 0;width: 100%;max-height:200px;border: 1px solid #ddd;box-sizing: border-box;z-index: 9999;background:#fff;overflow-y: auto;display: none;}
.user, .fTrainer, .optNotSel{width: 100%;box-sizing: border-box;padding:10px;color: #222;font-family:'Exo R';font-size: 15px;cursor: pointer;}
.fTrainer span{display: none;}
.optNotSel{font-style: italic;color: #555;}
.user:hover, .fTrainer:hover, .optNotSel:hover{background:#fff7e7;}

#paytypeLabel, #paytype{display: none;}

.searchAndSelect{position: relative;}
.searchAndSelect#ticketSearchAndSelect{position: relative;/*width: 300px;*/}
#PFForm input#ticketSearchInput, #PFForm input#oldClientSearchInput{height: 44px;line-height: 44px;padding-right: 120px;}
#PFForm input#ticketSearchInput.wrong, #PFForm input#oldClientSearchInput.wrong{border: 1px solid red;}

.searchAndSelectBtn{position: absolute;top: 0;right: 0;height:44px;width: 100px;background:#1e1e1e;color: #fff;line-height: 44px;text-align: center;cursor: pointer;}
.searchAndSelectBtn:hover{background:#f05342;}
.searchAndSelectResult{position: absolute;top: 43px;left: 0;width: 100%;max-height:200px;border: 1px solid #ddd;box-sizing: border-box;z-index: 9999;background:#fff;overflow-y: auto;display: none;}
.tsClFound, .sasResultCancel, .foundTrade, .foundClient, .foundTicket{width: 100%;box-sizing: border-box;padding:10px;color: #222;font-family:'Exo R';font-size: 15px;cursor: pointer;}
.foundTicket.expired{color: red;}
.foundTrade div, .foundTicket div, .foundClient div{display: inline-block;margin-right: 5px;}
.foundClient div{margin-right:0;}
.foundTicket div{margin-right: 15px;}
.foundTicket div.tkCldateStart{margin-right:0;}
.foundClient div.fnClID{display: none;}
.foundTrade div.ftID, .foundTrade div.ftBuyPrice, .foundTrade div.ftSellPrice, .foundTrade div.ftCategory{display: none;}
.tsClFound:hover, .foundTrade:hover, .foundTicket:hover, .sasResultCancel:hover, .foundClient:hover{background:#fff7e7;}
.sasResultCancel{font-style: italic;color: #555;}
#selectedOldClient{margin-bottom: 20px;padding: 10px 15px;border: 1px solid #1e1e1e;display: none;}
#selectedOldClient div{display: inline-block;font-size: 17px;font-family:'Exo Bold';color: #1e1e1e;}
#selectedOldClient div.fnClID{margin-right: 5px;}
#selectedOldClient div:first-child{margin-right: 0;}

#selectedTicket{margin-bottom: 20px;padding: 10px 15px;border: 1px solid #1e1e1e;display: none;}
#selectedTicket div{display: inline-block;margin-right: 10px;font-size: 17px;font-family:'Exo Bold';color: #1e1e1e;}
#selectedTicket div:first-child{margin-right: 10px;}
#selectedTicket div:nth-child(2){margin-right: 0;}


.searchBlock{height: 30px;width: 250px;border-radius: 3px;background:#fff;float: left;box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;}
.searchBlock#fromDateSearch, .searchBlock#toDateSearch, .searchBlock#percentSet, .searchBlock#hourSet{width: 130px;}
.searchBlock input{background:#fff;border: 1px solid #ddd;height: 24px;padding: 0;box-sizing: border-box;position: absolute;top: 3px;left: 3px;width: 204px;padding-left:5px;font-family:'Exo R';font-size: 15px;line-height: 32px;color: #555;}
.searchConfirm{position: absolute;top:0;right:0;height: 30px;width: 40px;box-sizing: border-box;background:#f05342 url(images/search.png) center center no-repeat;background-size:16px;border-radius: 3px;border-top-left-radius:0;border-bottom-left-radius:0;cursor: pointer;}
.searchConfirm:hover{background:#1e1e1e url(images/search.png) center center no-repeat;background-size:16px;}
#ticketSearch{margin-right: 10px;}
#personSearchName{margin-right: 10px;}
#personSearchPhone{margin-right: 10px;}
#fromDateSearch, #toDateSearch, #percentSet{margin-right: 20px;}
.searchBlock#fromDateSearch input, .searchBlock#toDateSearch input, .searchBlock#percentSet input, .searchBlock#hourSet input{width: 122px;}

.searchBlock#invSearchTitle, .searchBlock#invSearchNumber{width: 250px;}

#resetInvSearch, #resetSearch{display: inline-block;margin-right:10px;background: #1e1e1e;color:#fff;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;vertical-align: top;float:left;display: none;}
#resetSearch{display: inline-block;}
#resetInvSearch:hover, #resetSearch:hover{background:#f05342;}
#resetInvSearch{display: inline-block;margin-left: 10px;}
#resetSearch.nothid{display: inline-block;margin-left: 10px;}
#statClientBack, #addEntry, #showPeriod, #addTicket, #addPerson{display: inline-block;background: #f05342;color:#fff;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;vertical-align: top;float:right;}
#statClientBack:hover, #addEntry:hover, #showPeriod:hover, #addTicket:hover, #addPerson:hover{background:#1e1e1e;}
#statClientBack{float: none;position: absolute;top: 20px;right:20px;}


table#ticketsTable{width: 100%;border-collapse: collapse;}
table#ticketsTable th, table#ticketsTable td{padding: 5px 5px;text-align: center;vertical-align: middle;font-size: 13px;}
table#ticketsTable td{padding: 3px 5px;height: 36px;font-family:'Exo R';}
table#ticketsTable td.tkPrice{white-space: nowrap;}
table#ticketsTable td a{color: #f05342;text-decoration: none;}
table#ticketsTable td a:hover{text-decoration: underline;}
#ticketsHeaders{font-size: 17px;font-family:'Exo Bold';color: #1e1e1e;border-bottom: 1px solid #1e1e1e;}
.ticketData{border-bottom: 1px solid #ddd;}
.ticketData.expired td{color: #f05342;}
.ticketData:hover{background:#fff7e7;color:#000;}
.ticketData.selectedForDelete{background:#ffefc9;}
table#ticketsTable td.tkFreezed span{color:#4671d5;}

table#ticketsTable td.tkActions{width: 140px;padding: 1px 0;}
table#ticketsTable td.nothing{padding: 20px 0;}

table#personsTable{width: 100%;border-collapse: collapse;}
table#personsTable th, table#personsTable td{padding: 5px 10px;text-align: center;vertical-align: middle;}
table#personsTable td{font-family:'Exo R';font-size: 13px;}
#personsHeaders{font-size: 13px;font-family:'Exo R';color: #f05342;border-bottom: 1px solid #f05342;}
.personData{border-bottom: 1px solid #ddd;}
.personData:hover{background:#fff7e7;}
.personData.selectedForDelete{background:#ffefc9;}
table#personsTable td.prsActions{width: 140px;padding: 5px 0;}
table#personsTable td.nothing{padding: 20px 0;}
table#personsTable td a{color: #f05342;text-decoration: none;}
table#personsTable td a:hover{text-decoration: underline;}





#helper1{position: absolute;bottom: 0;right: 0;width: 40px;height: 400px;background:orange;}

.btnA, .btnSl{text-decoration: none;padding:0 10px;height: 30px;line-height: 30px;border-radius: 3px;cursor: pointer;font-size: 15px;}



#confirmOverlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:rgba(255,255,255,0.75);z-index:99999;text-align: center;display: none;}
#question{font-size: 21px;color: 555px;font-family:'Exo Bold';box-sizing: border-box;padding-top: 200px;margin-bottom: 40px;}
.confirmYes, .confirmNo, .confirmCancel{display: inline-block;}
.confirmYes{background:#f05342;color: #fff;width: 100px;margin-right: 10px;}
.confirmNo{background:#f16055;color: #fff;width: 100px;margin-left: 10px;}
.confirmCancel{background:#1e1e1e;color: #fff;width: 100px;margin-top: 10px;}
.confirmYes#delClientYes{margin-right: 0;}
.confirmYes#delTrainerYes{margin-right: 0;}
.confirmYes#delTicketYes{margin-right: 0;}
.confirmYes#ignorePayYes{margin-right: 0;}
.confirmNo#ignorePayNo{display: none;}
.confirmYes#shiftYes{margin-right: 0;}
.confirmNo#shiftNo{display: none;}

.popupContent, .popupWindow, #secondOverlay, #popupOverlay, .popupWindowA, .popupWindowB, .popupWindowC{display: none;}
#nearestBDs{display: none;}
#dayBDs{display: none;}

#secondOverlay, #popupOverlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.1);z-index: 999;}
#secondOverlay{z-index: 9999;background:rgba(0,0,0,0.1);}
.popupWindow, .popupWindowC, .popupWindowB, .popupWindowA{width:98%;height: 90%;position: fixed;top: 3%;left:1%;background:#fff;box-shadow:0 0 8px rgba(0,0,0,0.3);transition:all 0.2s;box-sizing: border-box;border-radius: 8px;z-index: 999;overflow-y: auto;}
.popupWindowC, .popupWindowB{z-index: 9999;}
.popupWindowA.showedPopup{top: 1%;}

.popupWindowA#personForm{width: 50%;left: 25%;}
.popupWindowA#cashForm{width: 60%;left: 20%;}
.popupWindowB#cashEditForm{width: 60%;left: 20%;}
.popupWindowA#sellingForm{width: 40%;left: 30%;}
.popupWindowA#ticketForm.crtfTable{width: 40%;left: 30%;}
.popupWindowB#addingForm{width: 40%;left: 30%;}
.popupWindowA#uniForm{width: 60%;left: 20%;}
.popupWindowC#addingCategory{width: 60%;left: 20%;}
.popupClose, #popupCloseC, #popupCloseB, #popupClose{width: 80px;height: 100%;position: absolute;top: 0;right: 0;background: url(images/close.png) center center no-repeat;background-size: 20px;cursor: pointer;}
.popupClose:hover, #popupCloseC:hover, #popupCloseB:hover, #popupClose:hover{background:#f05342 url(images/closew.png) center center no-repeat;background-size: 20px;}
#PFFormC input, #PFFormB input, #PFForm input{display: block;background:#fff;border: 1px solid #ddd;padding:5px;width:100%;box-sizing: border-box;padding-left:10px;font-family:'Exo R';font-size: 15px;line-height: 32px;color: #555;margin-bottom: 20px;}
#PFFormC input.wrong, #PFFormB input.wrong, #PFForm input.wrong{border: 1px solid red;}
#PFFormC input.short, #PFFormB input.short, #PFForm input.short{width: 200px;}
#PFForm #PFComment{width: 100%;padding:10px;width:100%;height: 200px;box-sizing: border-box;background:#fff;border: 1px solid #ddd;color: #555;margin-bottom: 20px;font-family:'Exo R';font-size: 15px;}
#PFForm #PFComment.wrong{border: 1px solid red;}
.formFixedValue{font-family:'Exo Bold';margin-bottom: 20px;}
.PFTitle{font-family:'Exo Bold';color: #f05342;font-size:15px;margin-bottom:20px;border-bottom: 1px solid #f05342;padding-bottom: 5px;font-size: 17px;}
.inputSwitch{display: inline-block;margin-bottom: 20px;margin-right: 20px;cursor: pointer;}
.switchBtn{width: 24px;height: 24px;border: 1px solid #f05342;box-sizing: border-box;display: inline-block;vertical-align: top;margin-right: 5px;border-radius: 12px;position: relative;}
.switchBtn span{position: absolute;top:3px;left:3px;width: 16px;height: 16px;background:#f05342;border-radius: 50%;display: none;}
.switchLabel{font-family:'Exo Bold';color: #333;font-size:15px;display: inline-block;vertical-align: top;position: relative;top:4px;}
.inputSwitch.selected span{display: block;}
.inputLabel{font-family:'Exo Bold';color: #1e1e1e;font-size:15px;margin-bottom: 5px;}
.inputLabel span{font-family:'Exo R';font-size: 13px;color: #555;}
.formSubmit{display: inline-block;background: #f05342;color:#fff;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;vertical-align: top;}
.formSubmit:hover{background:#1e1e1e;}
.PFHidden{display: none;}
.formTwoColumn{display: inline-block;width: 46%;vertical-align: top;margin-left: 3%;}
.formTwoColumn:first-child{margin-left: 0;}
.PFSpaceA{height:9px;}


.popupTitle, #DEDateC, #DEDateB, #DEDate{font-family:'Exo Bold';color: #f05342;font-size: 21px;box-sizing: border-box;padding: 20px;border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;}
#DEDateC span, #DEDateB span, #DEDate span{font-family:'Exo R';color: #555;font-size: 17px;}
.popupContent, #DEContentC, #DEContentB, #DEContent{box-sizing: border-box;padding: 20px;}
#DEContent.wTable{padding:20px 0;}
#DETotal{color: #1e1e1e;font-family:'Exo Bold';font-size: 17px;margin-bottom: 15px;box-sizing: border-box;}
#DEContent.wTable #DETotal{padding-left: 20px;}
#DETotal i{font-style: normal;margin: 0 10px;}
#DELoading{position: absolute;top: 200px;left: 0;width: 100%;height: 100px;background:url(images/loading.gif) center center no-repeat;background-size: 50px;}

table#showDayTableHds{border-collapse: collapse;width: 100%;}
table#showDayTableHds th{padding: 7px 2px;text-align: center;vertical-align: middle;}
#DEHeaders{font-size:13px;font-family:'Exo Bold';color: #f05342;border-bottom: 1px solid #f05342;}
table#showDayTableHds th#DEActionsHd{width: 50px;padding:0 5px;}

table.popupTable{border-collapse: collapse;width: 100%;font-family:'Exo R';}
table.popupTable th{padding: 15px 5px;text-align: center;vertical-align: middle;font-size: 15px;font-family:'Exo Bold';color: #f05342;border-bottom: 1px solid #f05342;}
table.popupTable td{padding: 15px 5px;text-align: center;vertical-align: middle;line-height: 1.3;}
table.popupTable tr.ptTR{border-bottom: 1px solid rgba(57,82,98,0.4);font-size: 15px;position: relative;}
table.popupTable tr.ptTR:hover{background:#eee;color: #000;}
table.popupTable tr.ptTR:last-child{border-bottom: none;}

#showDayTableWrap{overflow-y: auto;width: 100%;height:600px;overflow-x: hidden;}
table#showDayTable{border-collapse: collapse;width: 100%;font-family:'Exo R';font-weight: normal;}
/*#DEIdHd, .DEId{display: none;}*/
.DEId{color: #888;width:60px;}
.DEClient{width: 300px;}
.DEClient a{color: #f16055;text-decoration: none;}
.DEClient a:hover{text-decoration: underline;}
.DERecord{border-bottom: 1px solid #ddd;outline: 1px solid transparent;position: relative;}
table#showDayTable td{padding: 0 2px;height: 36px;text-align: center;font-size: 13px;vertical-align: middle;line-height:1.3;}
table#showDayTable td.tExpr{color:red;}
table#showDayTable td.DEActions{color:red;padding:0 5px;width:50px;white-space:nowrap;}
.DERecord:hover{background:#fff7e7;color: #000;outline: 1px solid #ddd;}
.DERecord:last-child{border-bottom: none;}
.DERecord.selectedForDelete{background:#ffefc9;}
.DERecord.selectedForPayment{background:#ffefc9;}

.freezeTicket, .editDERec, .delDERec{display:inline-block;width: 20px;height: 20px;margin:0;cursor: pointer;border-radius: 10px;transition: all 0.2s;position:relative;top:2px;}
.freezeTicket:hover, .editDERec:hover, .delDERec:hover{transform:scale(1.5);}
.freezeTicket{background: url(images/freeze.png) 0 0 no-repeat;background-size:contain;margin-right:5px;}
.editDERec{background: url(images/edit.png) 0 0 no-repeat;background-size:contain;margin-right:5px;}
.delDERec{background: url(images/delete.png) 0 0 no-repeat;background-size:contain;}
.DEPayed.notPayed{color:#f16055;font-family:'Exo Bold';cursor:pointer;}
.DEPayed.notPayed:hover{background:#f05342;color: #fff;}
.DEPayed.cancelable{cursor: pointer;}
.DEPayed.cancelable:hover{background:#f05342;color: #fff;}
.DEPayed.payed{font-family:'Exo Bold';}







table#calendar{width: 100%;border-collapse: collapse;table-layout:fixed;}
table#calendar th{border: 1px solid #ddd;text-align: center;padding: 10px;color: #777;}
table#calendar td.calDay{border: 1px solid #ddd;text-align: center;padding: 0;height:200px;position: relative;width: 14.28%;vertical-align: top;cursor: pointer;}
.totalDayRecs{color: #000;font-family:'Exo Bold';font-size: 15px;background:#ffada4;padding: 5px 0;}
table#calendar td.actDay .tdContent{border: 2px solid #fff;width: 100%;height: 100%;box-sizing: border-box;}
table#calendar td.calDay.calCurrentDay .tdContent{border: 2px solid #f05342;width: 100%;height: 100%;box-sizing: border-box;}
table#calendar td.actDay:hover .tdContent{border: 2px solid #1e1e1e;}
table#calendar td.calDay.prevMonthDay .dNum, table#calendar td.calDay.nextMonthDay .dNum{color: #bbb;}
.dNum{display: block;text-align: left;padding: 5px;font-family:'Exo Bold';font-size: 15px;color: #1e1e1e;position: absolute;top: 0;left: 0;}
table#calendar td.calDay.calCurrentDay .dNum{color: #1e1e1e;}


table#week{width: 100%;border-collapse: collapse;table-layout:fixed;font-family:'Exo R';font-size: 13px;}
table#week .totalDayRecs{color: #000;font-family:'Exo Bold';font-size: 15px;background:#f3eb8d;padding: 5px 0;/**/padding:0;height:0;overflow:hidden;}
table#week tr.currentHour{background:#fff7e7;}
table#week td, table#week th{border: 1px solid #ddd;text-align: center;padding:0;color: #777;vertical-align: middle;}
table#week td{vertical-align: top;}
table#week th.dayDateH, table#week td.dayTime{padding:0;width: 90px;}
table#week th.dayDateH{width:50px;}
table#week th.dayAndDate{height: 40px;line-height:1.3;position: relative;}
table#week th.dayAndDate span.curDaySpan{position:absolute;top:0;left:0;width: 100%;height: 100%;box-sizing: border-box;background:#fff7e7;z-index: 0;}
table#week th.dayAndDate span.ddText{position:relative;z-index: 10;}
table#week td.dayTime{height: 44px;vertical-align: middle;}
table#week td.weekDay{position:relative;cursor:pointer;height:44px;}
table#week td.weekDay .tdContent{border: 2px solid #fff;width: 100%;height: 100%;box-sizing: border-box;}
table#week td.weekDay.curDayClass .tdContent{background:#fff7e7;}
table#week td.weekDay:hover .tdContent{border: 2px solid #1e1e1e;}
/*table#week td.weekDay:hover::before{content:"";position:absolute;top:-2px;left:-2px;width:100%;height:100%;border: 2px solid #1e1e1e;z-index: 2000;}*/


.dayRecs{width:100%;height:156px;overflow-y: auto;overflow-x: hidden;}
table#week td .dayRecs{width:100%;height:40px;overflow-y: auto;overflow-x: hidden;}
.dayRec{background:#313131;font-size: 11px;height: 20px;line-height: 20px;position: relative;text-align: left;box-sizing: border-box;padding-left: 3px;color: #dfdfdf;white-space: nowrap;width: 100%;overflow-x: hidden;overflow-y: hidden;font-family:'Exo R';border-bottom: 1px solid rgba(0,0,0,0.2);}
.dayRec b{font-family:'Exo Bold';font-weight: normal;}
.dayRec span{position: absolute;top: 7px;right:7px;width: 6px;height: 6px;background:#dfdfdf;border-radius: 50%;}
.dayRec:nth-child(even){background:#111;}

#controlButtons{padding: 0 5px;margin-bottom: 15px;height: 30px;position: relative;}
#controlButtons.stat{height: auto;min-height: 30px;}
#cashSumm{display: none;}
.cashTotal, #cashTotal, #restoreCurrentMonth, #restoreCurrentWeek, #monthSelect, #selectedWeek{display: inline-block;background: #fff;color:#555;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;vertical-align: top;float: left;margin-right:25px;text-align:center;}
#cashTotal{margin-right:10px;}
.cashTotal{margin-right:10px;}
#monthSelect{width: 110px;margin-right:10px;}
#selectedWeek{width: 160px;margin-right:10px;}
#selectedWeek:hover, #monthSelect:hover, #restoreCurrentMonth:hover, #restoreCurrentWeek:hover{color: #fff;background:#f05342;}
/*#monthSelect:after{content:"";position: absolute;top: 0;right: 15px;height: 100%;width: 10px;background: url(images/trarrowGD.png) center center no-repeat;background-size: 10px;}*/
#restoreCurrentWeek, #restoreCurrentMonth{vertical-align: top;float: left;margin-right:0;margin-left: 10px;}


table#calendar td.calDay.otherMonth{cursor: default;}
table#calendar td.calDay.otherMonth:after{content:"";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#eee;}
table#calendar td.calDay.otherMonth:hover:after{content:"";border: none;}


/*week*/
#weekSelect{float:right;}
#prevWeekBtn, #nextWeekBtn, #prevMonthBtn, #nextMonthBtn{display: inline-block;width: 40px;padding: 0;height: 30px;float: left;box-shadow:0 0 8px rgba(0,0,0,0.1);}
#prevWeekBtn, #prevMonthBtn{background:#fff url(images/trarrowGL.png) center center no-repeat;background-size: 10px;margin-right: 10px;}
#prevWeekBtn:hover, #prevMonthBtn:hover{background:#f05342 url(images/trarrowGLw.png) center center no-repeat;background-size: 10px;}
#nextWeekBtn, #nextMonthBtn{background:#fff url(images/trarrowGR.png) center center no-repeat;background-size: 10px;}
#nextWeekBtn:hover, #nextMonthBtn:hover{background:#f05342 url(images/trarrowGRw.png) center center no-repeat;background-size: 10px;}


.timeLineSwitch{text-decoration: none;padding:0 10px;height: 30px;line-height: 30px;border-radius: 3px;cursor: pointer;font-size: 15px;background: #fff;color:#555;}
#showMonth{margin-right:10px;}
#showWeek, #showMonth{display: inline-block;font-family:'Exo Bold';box-shadow:0 0 8px rgba(0,0,0,0.1);position: relative;vertical-align: top;}
.timeLineSwitch:hover, .timeLineSwitch.active{background:#f05342;color: #fff;}

#showMonth{margin-left:10px;}