body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}q{quotes:none}img{border:none}table{border-collapse:collapse;border-spacing:0}textarea{font-family:sans-serif}pre,code,kbd,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}form{margin:0}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;font-family: 'arial';}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}textarea{overflow:auto;vertical-align:top} input[type="text"]:disabled{background-color:white;} html {font-size:100%; background:#2b2d2e; height: 100%; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; text-size-adjust: none; } body {color: #fff; font:13px Arial; height: 100%;} a {color:#fff; } a:hover, a:focus, a:active {text-decoration:none; outline: none;} .gray { color: #757677 !important; } h1 {font-size: 20px; margin: 10px 0;} h2 {font-size: 18px; margin: 10px 0;} h3 {font-size: 16px; margin: 10px 0;} h4 {font-size: 14px; margin: 10px 0;} h5 {font-size: 13px; margin: 10px 0;} h6 {font-size: 11px; margin: 10px 0;} h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, pre:first-child {margin-top: 0;} h1, h2, h3, h4, h5, h6 {color: #f7b507; font-weight: normal;} p, pre {margin: 10px 0; line-height: 20px;} a, div, b, i, span, p, img { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .box-ov {overflow: hidden;} .clear {clear: both;} .color-black {color: #000;} .color-g {color: #2b2d2e;} .color-grey {color: #757677;} .fll {float: left;} .flr {float: right;} .dis-b {display: block !important; width: 100%;} .dis-h {display: inline-block; width: 47%;} .dis-b2 {display: block !important;} .dis-i {display: inline-block;} .dis-ibw45 {display: inline-block; width: 40%;} .fwb {font-weight: bold;} .tac {text-align: center; position: relative;} .tal {text-align: left;} .tar {text-align: right;} .fz13 {font-size: 13px !important; font-weight: normal !important;} #wrapper-holder {width: 100%; max-width: 400px; margin: 0 auto; position: relative; overflow: hidden;} #wrapper {min-width: 320px; max-width: 400px; margin: 0 auto; position: relative;} /*menu*/ #menu { position: fixed; top: 0; bottom: 0; left: -270px; width: 270px; background-color: #2b2d2e; opacity: 0; z-index: -1000; overflow: hidden; } .menu-shadow { -webkit-box-shadow: 0 0 20px #000; -moz-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; } .menu-ul {list-style: none; margin: 0; padding: 0;} .menu-ul > li {display: block;} .menu-ul > li:first-child > a {border: none;} .menu-ul > li > a {display: block; padding: 11px 15px 10px 15px; min-width: 220px; color: #fff; text-decoration: none; font-size: 18px; line-height: 32px; overflow: hidden; position: relative; margin-right: 10px;} .menu-ul > li > a:after {content: ''; position: absolute; left: 0; top: 0; right: 0; height: 1px; background-color: #414243;} .menu-ul > li > a:active {background-color: #131415;} .menu-ul ul a:active {background-color: #000;} .menu-ul > li.active > a {background-color: #131415; cursor: default; color: #ffb508;} .menu-ul > li.lihover > a {background-color: #131415; color: #ffb508;} .menu-ul > li > a i {float: left; margin-right: 15px; width: 32px; height: 32px;} .menu-ul ul {list-style: none; display: none; margin: 0 10px 0 0; padding: 0; background-color: #131415; border-top: 1px solid #2b2c2d;} .menu-ul ul a {display: block; height: 56px; line-height: 56px; color: #fff; font-size: 17px; padding-left: 68px; text-decoration: none; padding-left: 68px; position: relative;} .menu-ul ul a:after {content: ''; position: absolute; height: 1px; left: 68px; right: 0; top: 0; background-color: #2b2c2d;} .menu-ul ul li:first-child > a:after {display: none;} .menu-slide {position: fixed; top: 23px; bottom: 0; left: 0; overflow-x: hidden; overflow-y: auto; width: 280px;} i.icon-stopwatch {background: url('../img/system/icons.png') 0 0 no-repeat;} i.icon-phone {background: url('../img/system/icons.png') -32px 0 no-repeat;} i.icon-setting {background: url('../img/system/icons.png') -64px 0 no-repeat;} i.icon-info {background: url('../img/system/icons.png') -96px 0 no-repeat;} i.icon-exit {background: url('../img/system/icons.png') -128px 0 no-repeat;} i.icon-user {background: url('../img/system/icons.png') -32px -32px no-repeat;} i.icon-loop {background: url('../img/system/icons.png') -64px -32px no-repeat;} i.icon-foots {background: url('../img/system/icons.png') 0 -64px no-repeat;} i.icon-pepper {background: url('../img/system/icons.png') -32px -64px no-repeat;} i.icon-mails {background: url('../img/system/icons.png') -96px -64px no-repeat;} i.icon-girl {background: url('../img/system/icons.png') -128px -64px no-repeat;} #header {position: fixed; top: 0; left: 0; right: 0; z-index: 90; min-width: 320px;} .box-wave { padding: 10px 8px; position: relative; z-index: 10; background: #57595d; background: -webkit-linear-gradient(to bottom, #57595d, #3c3e41); background: -moz-linear-gradient(to bottom, #57595d, #3c3e41); background: linear-gradient(to bottom, #57595d, #3c3e41); } .box-wave:before { content: ""; display: block; height: 5px; position: absolute; left: 0; right: 0; bottom: -5px; background: url('../img/system/wave.png') 0 0 repeat-x; z-index: -1; } .box-wave:after { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-shadow: 0 0 15px rgba(0,0,0,1); -moz-box-shadow: 0 0 15px rgba(0,0,0,1); box-shadow: 0 0 15px rgba(0,0,0,1); z-index: -2; } .box-line-info { position: relative; background: #2b2d2e; background: -webkit-linear-gradient(to bottom, #2b2d2e, #222425); background: -moz-linear-gradient(to bottom, #2b2d2e, #222425); background: linear-gradient(to bottom, #2b2d2e, #222425); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.8); z-index: 9; } .box-line-info2 { position: relative; background: #2b2d2e; background: -webkit-linear-gradient(to bottom, #2b2d2e, #222425); background: -moz-linear-gradient(to bottom, #2b2d2e, #222425); background: linear-gradient(to bottom, #2b2d2e, #222425); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.8); z-index: 20; } /*btns*/ .btn-menu { width: 32px; height: 32px; border: 2px solid #131415; cursor: pointer; margin-right: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; background-image: url('../img/system/icons.png'), -webkit-linear-gradient(to bottom, rgba(30,31,30,0.2), rgba(30,31,30,1)); background-image: url('../img/system/icons.png'), -moz-linear-gradient(to bottom, rgba(30,31,30,0.2), rgba(30,31,30,1)); background-image: url('../img/system/icons.png'), linear-gradient(to bottom, rgba(30,31,30,0.2), rgba(30,31,30,1)); background-position: 0 -32px; background-repeat: no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-menu:active { background-image: url('../img/system/icons.png'), -webkit-linear-gradient(to bottom, rgba(30,31,30,1), rgba(30,31,30,0.2)); background-image: url('../img/system/icons.png'), -moz-linear-gradient(to bottom, rgba(30,31,30,1), rgba(30,31,30,0.2)); background-image: url('../img/system/icons.png'), linear-gradient(to bottom, rgba(30,31,30,1), rgba(30,31,30,0.2)); } .btn-search { width: 32px; height: 32px; border: 2px solid #131415; cursor: pointer; margin-left: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; background-image: url('../img/system/icons.png'), -webkit-linear-gradient(to bottom, rgba(30,31,30,0.2), rgba(30,31,30,1)); background-image: url('../img/system/icons.png'), -moz-linear-gradient(to bottom, rgba(30,31,30,0.2), rgba(30,31,30,1)); background-image: url('../img/system/icons.png'), linear-gradient(to bottom, rgba(30,31,30,0.2), rgba(30,31,30,1)); background-position: -64px -32px; background-repeat: no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-search:active { background-image: url('../img/system/icons.png'), -webkit-linear-gradient(to bottom, rgba(30,31,30,1), rgba(30,31,30,0.2)); background-image: url('../img/system/icons.png'), -moz-linear-gradient(to bottom, rgba(30,31,30,1), rgba(30,31,30,0.2)); background-image: url('../img/system/icons.png'), linear-gradient(to bottom, rgba(30,31,30,1), rgba(30,31,30,0.2)); } .btn-search + a {margin-left: 9px !important;} .btn-search + a + a {margin-left: 9px !important;} .btn-back { display: inline-block; width: 72px; height: 36px; background: url('../img/system/btn-back.png') 0 0 no-repeat; font-size: 16px; font-weight: bold; text-align: center; color: #d1d1d1; text-decoration: none; line-height: 36px; -webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.5); -moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.5); text-shadow: 1px 1px 0 rgba(0,0,0,0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-back:active { background-position: 0 -36px; } .btn-task {display: inline-block; width: 36px; height: 37px; background: url('../img/system/btn-task.png') 0 0 no-repeat;} .btn-middle {text-align: center; display: inline-block; font-size: 16px; padding: 10px 15px; line-height: 1; text-decoration: none;} .btn-mini {text-align: center; display: inline-block; font-size: 13px; padding: 10px 15px; line-height: 1; text-decoration: none;} .btn-grey { margin-left: 10px; position: relative; border-bottom: 1px solid #232424; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fff; background: -webkit-linear-gradient(to bottom, #fff, #ababab); background: -moz-linear-gradient(to bottom, #fff, #ababab); background: linear-gradient(to bottom, #fff, #ababab); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-grey:active {background: #ababab;} .btn-black { position: relative; border: 2px solid #131415; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; background: #4c4e51; background: -webkit-linear-gradient(to bottom, #6a6b6f, #313234); background: -moz-linear-gradient(to bottom, #6a6b6f, #313234); background: linear-gradient(to bottom, #6a6b6f, #313234); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-black:active { background: #313234; } .btn-green { position: relative; border: none; border-bottom: 1px solid #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #7fce55; background: -webkit-linear-gradient(to bottom, #7fce55, #368b24); background: -moz-linear-gradient(to bottom, #7fce55, #368b24); background: linear-gradient(to bottom, #7fce55, #368b24); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-green:active {background: #368b24;} .btn-red { position: relative; border: none; border-bottom: 1px solid #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #e7333a; background: -webkit-linear-gradient(to bottom, #e7333a, #931214); background: -moz-linear-gradient(to bottom, #e7333a, #931214); background: linear-gradient(to bottom, #e7333a, #931214) -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0);; } .btn-red:active {background: #931214;} .btn-delete { display: inline-block; width: 36px; height: 36px; border: none; border-bottom: 1px solid #000; text-align: center; line-height: 36px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #e7333a; background: -webkit-linear-gradient(to bottom, #e7333a, #931214); background: -moz-linear-gradient(to bottom, #e7333a, #931214); background: linear-gradient(to bottom, #e7333a, #931214); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-delete img {display: inline-block; vertical-align: middle;} .btn-color-grey { color: #1a1917; -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.8); -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.8); text-shadow: 0 1px 0 rgba(255,255,255,0.8); } .btn-color-gr { color: #c5c6c6; -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.8); -moz-text-shadow: 0 1px 0 rgba(0,0,0,0.8); text-shadow: 0 1px 0 rgba(0,0,0,0.8); } .btn-color-white { color: #fff; -webkit-text-shadow: 1px 1px 0 rgba(0,0,0,0.2); -moz-text-shadow: 1px 1px 0 rgba(0,0,0,0.2); text-shadow: 1px 1px 0 rgba(0,0,0,0.2); } .btn-info-sup { position: absolute; right: -9px; top: -9px; width: 23px; height: 23px; text-align: center; line-height: 23px; color: #fff; font-style: normal; font-weight: bold; font-size: 12px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #e52b32; background: -webkit-linear-gradient(to bottom, #e52b32, #a10202); background: -moz-linear-gradient(to bottom, #e52b32, #a10202); background: linear-gradient(to bottom, #e52b32, #a10202); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3); box-shadow: 1px 1px 2px rgba(0,0,0,0.3); text-shadow: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } /*main*/ #main {max-width: 400px; margin: 0 auto;} .box-info-text {padding: 15px 8px 10px 8px; color: #fff; font-size: 16px; text-align: center;} .note {padding: 17px 17px 13px 17px; font-size: 12px; color: #fff;} .note span {display: block; margin-bottom: 4px;} .list-rooms {padding: 19px 8px; text-align:justify; text-justify:newspaper; zoom:1; text-align-last:justify;} .list-rooms:after {width:100%; height:0; visibility:hidden; content:''; display:inline-block; } .btn-room { position: relative; cursor: pointer; text-align:left; display:inline-block; //display:inline; //zoom:1; vertical-align: top; width: 46%; margin-bottom: 18px; -webkit-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.8); -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.8); box-shadow: 0 2px 3px rgba(0,0,0,0.8); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-room > div {padding: 7px; min-height: 82px;} .room-name {overflow: hidden; font-size: 14px; color: #1a1917;} .room-time {float: right; font-size: 14px; color: #fff; margin: 0 0 0 8px;} .time-info {font-size: 11px; color: #fff; text-align: center; margin: 5px 0;} .time-info > span {display: block; font-size: 12px; line-height: 1;} .time-info > span b {font-size: 27px;} .room-clear { background-image: #dcecd2; background-image: url('../img/system/hand.png'), -webkit-linear-gradient(to bottom, #dcecd2, #abcf99); background-image: url('../img/system/hand.png'), -moz-linear-gradient(to bottom, #dcecd2, #abcf99); background-image: url('../img/system/hand.png'), linear-gradient(to bottom, #dcecd2, #abcf99); background-position: 50% 50%; background-repeat: no-repeat; } .room-green { background: #7fce55; background: -webkit-linear-gradient(to bottom, #7fce55, #388c25); background: -moz-linear-gradient(to bottom, #7fce55, #388c25); background: linear-gradient(to bottom, #7fce55, #388c25); } .room-green:after {content: ''; position: absolute; left: 6px; bottom: 6px; padding: 0; width: 16px; height: 17px; background: url('../img/system/time-green.png') 0 0 no-repeat;} .room-red { background: #e7333a; background: -webkit-linear-gradient(to bottom, #e7333a, #931214); background: -moz-linear-gradient(to bottom, #e7333a, #931214); background: linear-gradient(to bottom, #e7333a, #931214); } .room-red:after {content: ''; position: absolute; left: 6px; bottom: 6px; padding: 0; width: 16px; height: 17px; background: url('../img/system/time-red.png') 0 0 no-repeat;} .room-green .room-name, .room-red .room-name {color: #fff;} .box-text {padding: 18px;} .form-phone {padding: 13px 6px; display: block;} .box-btn {margin-bottom: 11px; overflow: hidden;} .box-btn a {display: block;} .box-btn > div {width: 48%; float: left;} .box-btn > div + div {float: right;} .change-pass {padding: 22px 18px 0 18px;} .change-pass > div {margin-bottom: 15px;} .change-pass > div span {display: block; font-weight: bold; font-size: 13px; margin-bottom: 5px;} .input-white { padding: 0 10px; border: 1px solid #000; position: relative; background: #fff; background: -webkit-linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); background: -moz-linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); background: linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .input-white input[type="text"], .input-white input[type="tel"], .input-white input[type="password"], .input-white textarea {resize: none; padding: 9px 0; font-size: 20px; color: #2b2d2e; font-weight: bold; background: none; border: none; width: 100%; outline: none; text-align: center;} .input-white.roommasseur {float:left; width: 140px; margin-left:10px;} .input-white.roommasseur.small {width: 100%; margin-left:5px; font-size: 10px; padding-left: 2px; padding-right:2px;} .input-white.roommasseur.centered {margin-left: 50px} .btn-delete-input { position: absolute; right: 7px; top: 50%; margin-top: -11px; width: 28px; height: 22px; background: url('../img/system/btn-delete.png') 0 0 no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .numbers {margin: 6px auto 6px auto; width: 215px; text-align:center; text-justify:center; zoom:1; text-align-last:center;} .numbers:after {width:100%; height:0; visibility:hidden; content:''; display:inline-block; } .numbers > div { width: 40px; height: 40px; border: 2px solid #131415; margin: 4px 12px 3px; text-align: center; font-size: 24px; color: #fff; line-height: 40px; display:inline-block; //display:inline; //zoom:1; vertical-align: middle; cursor: pointer; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .numbers > div img {display: inline-block; margin-top: 10px;} .hide-btn {opacity: 0;} .list-searchs {font-size: 12px; color: #f7b507;} .list-searchs > div { border-bottom: 1px solid #414243; padding: 15px 40px 15px 49px; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .list-searchs > div > div {opacity: 0.4;} .list-searchs > div:after {content: ''; position: absolute; right: 18px; top: 50%; width: 6px; height: 10px; margin-top: -5px; background: url('../img/system/str-white.png') 0 0 no-repeat;} .list-searchs > div:before {content: '?'; position: absolute; left: 18px; top: 17px; color: #8c8d8d; font-size: 16px; line-height: 1; font-weight: bold;} .list-searchs span {display: block; font-size: 19px; line-height: 1; color: #fff; margin-bottom: 5px;} .list-searchs > div.active > div {opacity: 1;} .list-searchs > div.active:before {content: ''; position: absolute; left: 18px; top: 25px; width: 14px; height: 11px; margin-top: -5px; background: url('../img/system/check.png') 0 0 no-repeat;} .list-searchs > div:active {background-color: #131415;} .list-searchs .note {padding: 3px 0 0 0; color: #f7b507;} .phone-client {font-size: 20px; color: #fff; line-height: 36px; margin-right: 9px;} .form-add-comment {padding: 15px 18px 12px 18px;} .form-add-comment .input-white {margin-bottom: 0;} .form-add-comment .box-task {margin-bottom: 0;} .form-add-comment-title {text-align: center; font-size: 14px; color: #fff; line-height: 1;} .smiles {text-align: center; margin: 0 auto;} .smiles .form-add-comment-title {margin-bottom: 8px;} .n-smiles {border-right: 1px solid #131415; width: 25%; float: left;} .n-smiles .form-add-comment-title {padding-right: 8px;} .t-smiles .form-add-comment-title {padding-left: 8px;} .n-smiles .btn-sm {margin: 0 8px 0 0 !important;} .t-smiles {border-left: 1px solid #4b4c4d; overflow: hidden; margin: 0 !important;} .t-smiles .btn-sm {margin: 0 0 0 8px !important;} .smiles .btn-sm { text-align: center; display: inline-block; border-bottom: 1px solid #1e1f20; font-size: 13px; cursor: pointer; margin-left: 5px; min-width: 59px; font-weight: bold; color: #4f4f4f; background: #414344; background: -webkit-linear-gradient(to bottom, #414344, #222324); background: -moz-linear-gradient(to bottom, #414344, #222324); background: linear-gradient(to bottom, #414344, #222324); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; } .smiles .btn-sm > div {padding: 53px 0 10px 0; position: relative;} .smiles .btn-sm > div:after { content: ''; position: absolute; left: 50%; top: 10px; margin-left: -18px; width: 37px; height: 38px; padding: 0; background: url('../img/system/smile-normal-big.png') 0 0 no-repeat; } .smiles .normally.active { color: #fff; -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.3); -moz-text-shadow: 0 1px 0 rgba(0,0,0,0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.3); background: none; -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; -moz-box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; } .smiles .normally.active > div:after { background-position: 0 -38px; } .smiles .bad {} .smiles .bad > div:after { content: ''; position: absolute; left: 50%; top: 10px; margin-left: -18px; width: 37px; height: 38px; padding: 0; background: url('../img/system/smile-bad-big.png') 0 0 no-repeat; } .smiles .bad.active > div:after {background-position: 0 -38px;} .smiles .bad.active { color: #da2429; -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.3); -moz-text-shadow: 0 1px 0 rgba(0,0,0,0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.3); background: none; -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; -moz-box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; } .smiles .dinamo {} .smiles .dinamo > div:after { content: ''; position: absolute; left: 50%; top: 10px; margin-left: -18px; width: 37px; height: 38px; padding: 0; background: url('../img/system/smile-dinamo-big.png') 0 0 no-repeat; } .smiles .dinamo.active > div:after {background-position: 0 -38px;} .smiles .dinamo.active { color: #2e5b99; -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.3); -moz-text-shadow: 0 1px 0 rgba(0,0,0,0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.3); background: none; -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; -moz-box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; } .smiles .good {} .smiles .good > div:after { content: ''; position: absolute; left: 50%; top: 10px; margin-left: -18px; width: 37px; height: 38px; padding: 0; background: url('../img/system/smile-good-big.png') 0 0 no-repeat; } .smiles .good.active > div:after {background-position: 0 -38px;} .smiles .good.active { color: #5a942f; -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.3); -moz-text-shadow: 0 1px 0 rgba(0,0,0,0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.3); background: none; -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; -moz-box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; box-shadow: 0 0 25px rgba(0,0,0,0.7) inset, 0 1px 0 #1a1b1c inset, 0 -1px 0 #575859 inset; } .btn-estimate { display: block; width: 86px; height: 86px; overflow: hidden; border: 2px solid #000; color: #fff; font-size: 13px; font-weight: bold; margin: 10px auto 15px auto; vertical-align: 86px; line-height: 86px; text-decoration: none; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset; } .btn-estimate-small { display: block; width: 74px; height: 74px; overflow: hidden; cursor:pointer; font-size: 11px; line-height: 10px; border: 2px solid #000; color: #fff; vertical-align: 86px; text-decoration: none; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset; } .btn-estimate span {height: 26px; display: inline-block; vertical-align: middle; width: 86px; line-height: 14px; text-align: center;} .btn-estimate:focus { background: -webkit-linear-gradient(to bottom, rgba(30,31,30,0.45), rgba(255,255,255,0.1)); background: -moz-linear-gradient(to bottom, rgba(30,31,30,0.45), rgba(255,255,255,0.1)); background: linear-gradient(to bottom, rgba(30,31,30,0.45), rgba(255,255,255,0.1)); } .btn-estimate i {display: inline-block; width: 86px; height: 53px; font-style: normal; font-weight: bold; line-height: 1; vertical-align: middle; text-align: center; font-size: 11px;} .btn-estimate i s {height: 38px; display: block; margin-bottom: 5px;} .btn-estimate.btn-marker-00 i:after {content: 'Не остался'; font-weight: bold;} .btn-estimate.btn-marker-00 s {background: url('../img/system/smile-exitl-big.png') 60% 0 no-repeat;} .btn-estimate.btn-marker-01 i:after {content: 'Не пустили'; color: #fff; font-weight: bold;} .btn-estimate.btn-marker-01 s {background: url('../img/system/smile-brick-big.png') 50% 0 no-repeat;} .btn-estimate.btn-marker-02 i:after {content: 'Динамо'; color: #fff; font-weight: bold;} .btn-estimate.btn-marker-02 s {background: url('../img/system/smile-dinamo-big.png') 50% -38px no-repeat;} .btn-estimate.btn-marker-03 i:after {content: 'Плохо!'; color: #da2429; font-weight: bold;} .btn-estimate.btn-marker-03 s {background: url('../img/system/smile-bad-big.png') 50% -38px no-repeat;} .btn-estimate.btn-marker-04 i:after {content: 'Норм'; color: #fff; font-weight: bold;} .btn-estimate.btn-marker-04 s {background: url('../img/system/smile-normal-big.png') 50% -38px no-repeat;} .btn-estimate.btn-marker-05 i:after {content: 'Класс!'; color: #5a942f; font-weight: bold;} .btn-estimate.btn-marker-05 s {background: url('../img/system/smile-good-big.png') 50% -38px no-repeat;} .btn-form-add-comment {} .btn-form-add-comment > div {width: 44%; float: left; margin-right: 10px;} .btn-form-add-comment > div + div {width: 36px; margin: 0 0 0 10px; float: right;} .btn-form-add-comment > div + div + div {width: auto; float: none; overflow: hidden;} .btn-form-add-comment > div + div + div a {margin-left: 0;} .box-info-ff {padding: 15px 8px 12px 8px;} #tabs {padding-top: 3px;} .tabs-nav {height: 36px; padding: 0 8px; position: relative; z-index: 11;} .tabs-nav a { float: left; width: 100%; text-align: center; font-size: 13px; color: #6f7071; text-decoration: none; width: 99px; margin-left: 3px; line-height: 36px; background: #18191a; background: -webkit-linear-gradient(to bottom, #18191a, #252627, #252627, #121313); background: -moz-linear-gradient(to bottom, #18191a, #252627, #252627, #121313); background: linear-gradient(to bottom, #18191a, #252627, #252627, #121313); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .tabs-nav a.active { color: #fff; border-bottom: 1px solid #2b2d2e; background: #1a1c1c; background: -webkit-linear-gradient(to bottom, #1a1c1c, #2b2d2e, #2b2d2e); background: -moz-linear-gradient(to bottom, #1a1c1c, #2b2d2e, #2b2d2e); background: linear-gradient(to bottom, #1a1c1c, #2b2d2e, #2b2d2e); z-index: 10; } .tabs-nav a:first-child {margin-left: 0;} .tabs-block { position: relative; box-shadow: 0 0 25px #000; } .tabs-block > div {display: none; background-color: #2b2d2e; border-top: 1px solid #414243;} .tabs-block > div.active {display: block; padding-bottom: 10px;} .list-reviews {} .list-reviews > div { position: relative; border-bottom: 1px solid #414243; padding: 12px 37px 12px 18px; overflow: hidden; min-height: 24px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .list-reviews > div:after {content: ''; position: absolute; right: 18px; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url('../img/system/str-white.png') 0 0 no-repeat;} .list-reviews > div.noarrow:after {background: none;} .list-reviews > div:active {background-color: #131415;} .list-reviews .slide-block {text-align: center;} .list-reviews table {width: 100%; font-size: 13px;} .list-reviews td {vertical-align: middle !important;} .list-reviews .block-salon {font-size: 12px; color: #757677;} .list-reviews .block-salon span {display: block; color: #757677; font-size: 16px; margin-top: 3px;} .list-reviews .btn-smile {margin-top: -7px;} .list-estimates {} .list-estimates > div { border-bottom: 1px solid #414243; padding: 10px 37px 10px 8px; overflow: hidden; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .list-estimates > div:after {content: ''; position: absolute; right: 18px; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url('../img/system/str-white.png') 0 0 no-repeat;} .list-estimates > div.noarrow:after {background: none;} .list-estimates > div:active {background-color: #131415;} .list-estimates .data {font-size: 12px; color: #757677; line-height: 16px;} .list-estimates .phone {font-size: 16px; color: #fff; line-height: 1; position: relative;} .list-estimates .des {margin-top: 4px; font-size: 13px; color: #f7b507;} .list-estimates table td {vertical-align: middle !important;} .btn-smile {width: 40px; height: 40px; float: left; margin: 0 10px 6px 0;} .btn-smile span {display: block; width: 40px; height: 40px; position: relative;} .btn-smile span.bad {background: url('../img/system/smile-bad-mini.png') 50% 50% no-repeat;} .btn-smile span.bad:after {content: 'Плохо'; position: absolute; left: 50%; width: 60px; margin-left: -30px; top: 36px; text-align: center; font-size: 9px; height: 9px; line-height: 1; color: #757677; white-space: nowrap;} .btn-smile span.good {background: url('../img/system/smile-good-mini.png') 50% 50% no-repeat;} .btn-smile span.good:after {content: 'Класс!'; position: absolute; left: 50%; width: 60px; margin-left: -30px; top: 36px; text-align: center; font-size: 9px; height: 9px; line-height: 1; color: #757677; white-space: nowrap;} .btn-smile span.normal {background: url('../img/system/smile-normal-mini.png') 50% 50% no-repeat;} .btn-smile span.normal:after {content: 'Норм'; position: absolute; left: 50%; width: 60px; margin-left: -30px; top: 36px; text-align: center; font-size: 9px; height: 9px; line-height: 1; color: #757677; white-space: nowrap;} .btn-smile span.dinamo {background: url('../img/system/smile-dinamo-mini.png') 50% 50% no-repeat;} .btn-smile span.dinamo:after {content: 'Динамо'; position: absolute; left: 50%; width: 60px; margin-left: -30px; top: 36px; text-align: center; font-size: 9px; height: 9px; line-height: 1; color: #757677; white-space: nowrap;} .btn-smile span.nophone {background: url('../img/system/icon-phone-mn.png') 50% 50% no-repeat;} .btn-smile span.exit {background: url('../img/system/smile-exitl-big-mini.png') 50% 50% no-repeat;} .btn-smile span.exit:after {content: 'Не остался'; position: absolute; left: 50%; width: 60px; margin-left: -30px; top: 36px; text-align: center; font-size: 9px; height: 9px; line-height: 1; color: #757677; white-space: nowrap;} .btn-smile span.noallowed {background: url('../img/system/smile-brick-big-mini.png') 50% 50% no-repeat;} .btn-smile span.noallowed:after {content: 'Не пустили'; position: absolute; left: 50%; width: 60px; margin-left: -30px; top: 36px; text-align: center; font-size: 9px; height: 9px; line-height: 1; color: #757677; white-space: nowrap;} .btn-smile.active { cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; background: #414344; background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(30,31,30,0.3)); background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(30,31,30,0.3)); background: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(30,31,30,0.3)); } .search-result {padding: 14px 8px 0 8px; text-align: center; font-size: 24px;} .search-result > span {display: block; font-size: 27px; font-weight: bold; margin: 0px 0 15px 0;} .search-result > span i {display: block; line-height: 1; font-size: 12px; color: #f7b507; font-style: normal; font-weight: normal; margin-top: 4px;} .search-result .smile {width: 37px; height: 38px; margin: 0 auto 15px auto;} .search-result .smile-bad {background: url('../img/system/smile-bad-big.png') 0 0 no-repeat;} .rating {font-size: 13px; font-weight: bold; text-align: left; margin-top: 15px;} .rating > .box-ov {margin-top: 5px;} .btn-more-r { float: right; width: 32px; height: 32px; margin: 0 0 0 20px; border: 2px solid #131415; position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; background: #4c4e51; background: -webkit-linear-gradient(to bottom, #6a6b6f, #313234); background: -moz-linear-gradient(to bottom, #6a6b6f, #313234); background: linear-gradient(to bottom, #6a6b6f, #313234); } .btn-more-r:before {content: ''; width: 10px; height: 13px; background: url('../img/system/str-btn.png') 0 0 no-repeat; position: absolute; left: 50%; top: 50%; margin: -6px 0 0 -4px;} .n-reviews {float: right; width: 50px; font-size: 24px; line-height: 34px; padding-right: 26px; margin-left: 10px; position: relative; cursor: pointer; text-align: right;} .n-reviews:before {content: ''; width: 23px; height: 21px; background: url('../img/system/task.png') 0 0 no-repeat; position: absolute; right: 0; top: 0;} .box-bar { height: 32px; border: 2px solid #131415; position: relative; text-align: center; line-height: 32px; color: #2b2d2e; font-weight: bold; overflow: hidden; background: #fff; background: -webkit-linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); background: -moz-linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); background: linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .box-bar span {position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; z-index: 2;} .box-bar i { position: absolute; left: 0; top: 0; bottom: 0; border-top: 1px solid #000; border-bottom: 1px solid #000; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px 5px rgba(0,0,0,0.2); } .box-bar i.gr-red { border-top-color: #f05157; border-bottom-color: #7d0b10; background: #e7333a; background: -webkit-linear-gradient(to bottom, #e7333a, #931214); background: -moz-linear-gradient(to bottom, #e7333a, #931214); background: linear-gradient(to bottom, #e7333a, #931214); } .box-bar i.gr-yellow { border-top-color: #ffe827; border-bottom-color: #ff7202; background: #ffd30b; background: -webkit-linear-gradient(to bottom, #ffd30b, #ffa006); background: -moz-linear-gradient(to bottom, #ffd30b, #ffa006); background: linear-gradient(to bottom, #ffd30b, #ffa006); } .box-bar i.gr-green { border-top-color: #9fe47a; border-bottom-color: #3f7820; background: #7fce55; background: -webkit-linear-gradient(to bottom, #7fce55, #368b24); background: -moz-linear-gradient(to bottom, #7fce55, #368b24); background: linear-gradient(to bottom, #7fce55, #368b24); } .info-about-client {margin: 25px 0; line-height: 25px; font-size: 13px; font-weight: bold; text-align: left; vertical-align: middle;} .info-about-client img {float: left; margin-right: 5px;} .name-client {overflow: hidden; padding-left: 20px; color: #fff; font-size: 15px; line-height: 18px;} .name-client span {display: block; font-size: 16px; color: #f7b507;} .menu-setttings {font-size: 19px;} .menu-setttings > div { border-top: 1px solid #414243; padding: 14px 17px 14px 20px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .menu-setttings > div:active {background-color: #131415;} .menu-setttings > div .box-ov {line-height: 38px;} .menu-setttings > div a {text-decoration: none; position: relative; display: block;} .menu-setttings > div a:after {content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url('../img/system/str-white.png') 0 0 no-repeat;} .box-select {float: right; width: 72px; margin: 0 0 0 20px;} .box-select-01 {float: right; width: 110px; margin: 0;} .select-00 { border: 1px solid #000; font-size: 23px; color: #2b2d2e; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; } .select-00:after {content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; border-left: 1px solid #000; background-color: #2b2d2e; z-index: 1;} .select-00:before { content: ''; position: absolute; right: 8px; top: 14px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #d1d1d1; z-index: 2; } .select-00 select {position: absolute; left: 0; top: 0; bottom: 0; width: 100%; opacity: 0; cursor: pointer; z-index: 3;} .select-00 span {display: block; padding: 0 42px 0 10px; font-size: 23px; color: #2b2d2e; line-height: 36px;} .box-text-copy-base-sett {padding: 18px 18px 0 18px; font-size: 17px;} .box-text-copy-base-sett p {line-height: 23px;} .box-text-copy-base-sett span {display: block; text-align: center; font-size: 34px; margin-bottom: 5px;} .box-text-copy-base-sett i {display: block; text-align: center; font-size: 12px; color: #757677; font-style: normal; margin-bottom: 20px;} .popup-send-mail {font-size: 20px; line-height: 28px; color: #757677; text-align: center;} .popup-send-mail span {display: block; color: #2b2d2e;} .popup-send-mail > img {display: block; margin: 20px auto 10px auto; } .popup-save-review {} .popup-save-review > img {display: block; margin: 15px auto 15px auto; } .div-des {font-size: 13px;} .div-des > div {position: relative; padding-left: 35px; line-height: 20px; color: #757677; margin-bottom: 20px;} .div-des > div b {display: block; color: #da2429;} .div-des > div > img {position: absolute; left: 0; top: 3px;} .popup-delete {font-size: 20px; color: #757677; text-align: center; line-height: 28px; background: white; border-radius: 15px; width: 320px;} .popup-delete > div { padding: 20px; background: #fff; background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0.2), rgba(30,31,31,0.2)); background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0.2), rgba(30,31,31,0.2)); background: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0.2), rgba(30,31,31,0.2)); } .popup-delete span {display: block; color: #2b2d2e; margin: 3px 0;} .popup-delete .box-btn {margin: 25px 0 0 0;} .popup-delete .btn-color-grey {margin: 0;} .white-box { width: 284px; background: #fff; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; z-index: 300; } .white-box > div {padding: 20px;} .pod-white { background: #fff; background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0.2), rgba(30,31,31,0.2)); background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0.2), rgba(30,31,31,0.2)); background: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0.2), rgba(30,31,31,0.2)); } #timer {padding: 15px 18px 0 18px; margin: 0 auto; width: 284px;} #timer > b {display: block; font-size: 13px; text-align: center; margin-bottom: 15px;} .box-btn-time {overflow: auto; margin-bottom: 20px;} .box-btn-time > div {float: left; width: 49%;} .box-btn-time > div:first-child a {margin-right: 10px;} .box-btn-time > div + div a {margin: 0 0 0 10px;} .box-btn-time > div + div {float: right; text-align: right;} .box-btn-time a { display: inline-block; width: 36px; height: 35px; border-bottom: 1px solid #0b0b0c; border-top: 1px solid #454647; line-height: 35px; text-align: center; text-decoration: none; font-weight: bold; background: -webkit-linear-gradient(to bottom, #252627, #18191a); background: -moz-linear-gradient(to bottom, #252627, #18191a); background: linear-gradient(to bottom, #252627, #18191a); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-shadow: 0 0 1px rgba(0,0,0,0.8); } .c-blue {font-size: 17px; color: #2b78e4;} .c-cblue {font-size: 14px; color: #6fa8dc;} .c-ccblue {font-size: 12px; color: #a2c4c9;} .c-orange {font-size: 17px; color: #ff9900;} .c-corange {font-size: 14px; color: #f6b26b;} .c-ccorange {font-size: 12px; color: #ffe599;} .marker-sms.b-orange {background: orange;} .box-hours {position: relative; margin: 25px 0; height: 123px;} .box-hours i {position: absolute; font-style: normal; text-align: center; font-size: 12px; color: #fff; left: 0; right: 0; top: 75px; line-height: 21px;} .box-hours > div { width: 108px; float: left; border: 2px solid #131415; height: 118px; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .box-hours > div:after {content: 'ч'; position: absolute; left: 0; right: 0; text-align: center; top: 80px; color: #fff; font-size: 13px;} .box-hours > div + div {float: right;} .box-hours > div + div:after {content: 'мин';} .box-hours > div a { position: absolute; left: 50%; margin-left: -19px; width: 36px; height: 36px; border: 2px solid #131415; background: #47494a; background: -webkit-linear-gradient(to bottom, #47494a, #18191a); background: -moz-linear-gradient(to bottom, #47494a, #18191a); background: linear-gradient(to bottom, #47494a, #18191a); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .box-hours > div input[type="text"] { font-size: 27px; color: #000; width: 52px; border: 1px solid #000; text-align: center; margin: 25px auto 0 auto; display: block; padding: 10px 0 9px 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; background: -webkit-linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); background: -moz-linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); background: linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); } .plus {top: -19px;} .plus:after {content: '+'; font-size: 44px; color: #d1d1d1; font-weight: bold; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; line-height: 36px;} .minus {bottom: -19px;} .minus:after {content: '–'; font-size: 44px; color: #d1d1d1; font-weight: bold; position: absolute; left: 0; top: 0; right: 0; bottom: 0; text-align: center; line-height: 32px;} .table-app {width: 100%; height: 100%;} .table-app td {vertical-align: top;} .last-td {padding: 0 18px; padding-bottom: 10px; height: 40px;} /*media*/ /*@media (min-width: 480px) and (max-width: 800px) { .btn-room {width: 31%;} }*/ @media (min-width: 360px) and (max-width: 375px) { .numbers {width: 260px;} .numbers > div {width: 50px; height: 50px; line-height: 50px;} .numbers > div img {margin-top: 16px;} .form-add-comment-title {font-size: 16px;} } @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) { .numbers {width: auto; padding-top: 0px;} .numbers > div {width: 56px; height: 56px; line-height: 56px; margin: 8px; font-size: 28px;} .numbers > div img {margin-top: 16px;} } @media (min-width: 375px) and (max-width: 800px) { .numbers {width: 265px; padding-top: 20px;} .numbers > div {width: 60px; height: 60px; line-height: 60px; font-size: 30px; margin: 10px;} .numbers > div img {margin-top: 16px;} .form-add-comment-title {font-size: 18px;} } /*new css*/ .popup-calendar {} .popup-calendar > div > span {font-size: 20px; font-weight: bold; line-height: 25px;} .popup-calendar .block-calendar {margin: 10px 0;} .color-white {color: #fff;} .btn-data { width: 36px; height: 36px; border-bottom: 1px solid #060707; color: #1a1917; font-size: 10px; text-decoration: none; text-align: center; margin-left: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #fff; background: -webkit-linear-gradient(to bottom, #fff, #fff, #fff, #9a9a9a); background: -moz-linear-gradient(to bottom, #fff, #fff, #fff, #9a9a9a); background: linear-gradient(to bottom, #fff, #fff, #fff, #9a9a9a); } .btn-data b {display: block; font-size: 16px; height: 16px; color: #da2429; margin-top: 3px;} .box-info-guest {padding: 10px 8px; } .box-info-guest a.btn-middle {width: 40%;} .num-guest {padding-left: 20px; line-height: 37px; color: #f7b507; font-size: 20px; background: url('../img/system/icon-user.png') 0 50% no-repeat; margin-right: 15px;} .num-dinamo {padding-left: 28px; line-height: 37px; color: #f7b507; font-size: 20px; background: url('../img/system/icon-dinamo.png') 0 50% no-repeat;} .box-info-guest .num-guest {margin-right: 20px;} .box-line-info + .box-line-info {z-index: 2;} .box-info-smena {font-size: 13px; color: #757677; text-align: center; padding: 10px 8px; overflow: hidden; max-width: 360px; margin: 0 auto;} .box-info-smena span {font-size: 20px; display: block; position: relative; padding-top: 18px; overflow: hidden;} .box-info-smena span:after { content: url('../img/system/smena-p.png'); position: absolute; left: 50%; margin-left: -53px; top: 1px; color: #757677; font-size: 13px; } .box-info-smena.this-smena span:after { content: url('../img/system/smena.png'); position: absolute; left: 50%; margin-left: -53px; top: 1px; color: #757677; font-size: 13px; } .box-info-smena > a { width: 32px; height: 32px; border: 2px solid #131415; cursor: pointer; margin-top: 3px; cursor: pointer; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; background: #4c4e51; } a.prev { margin-left: 10px; background-image: url('../img/system/str-left.png'), -webkit-linear-gradient(to bottom, #6a6b6f, #313234); background-image: url('../img/system/str-left.png'), -moz-linear-gradient(to bottom, #6a6b6f, #313234); background-image: url('../img/system/str-left.png'), linear-gradient(to bottom, #6a6b6f, #313234); background-position: 50% 50%; background-repeat: no-repeat; } a.next { margin-right: 10px; background-image: url('../img/system/str-right.png'), -webkit-linear-gradient(to bottom, #6a6b6f, #313234); background-image: url('../img/system/str-right.png'), -moz-linear-gradient(to bottom, #6a6b6f, #313234); background-image: url('../img/system/str-right.png'), linear-gradient(to bottom, #6a6b6f, #313234); background-position: 50% 50%; background-repeat: no-repeat; } .box-info-smena.active {display: none;} .box-info-smena.active > a {display: none;} .box-info-smena.active {font-size: 12px; padding-top: 15px;} .box-info-smena.active > span {display: inline-block; font-size: 12px; margin-left: 15px; position: relative; padding-top: 0;} .box-info-smena.active span:after {left: -60px; top: -1px; color: #757677; font-size: 13px;} .td-num {color: #757677; font-size: 16px; text-align: right; padding-right: 10px;} .list-estimates > div table {width: 100%;} .smena {color: #fff; font-size: 13px; text-align: center; line-height: 37px; display: none;} .smena.active {display: block; cursor: pointer;} /*new css*/ .btn-middle2 {text-align: center; display: inline-block; font-size: 16px; padding: 10px 30px; line-height: 1; text-decoration: none;} .mb20 {margin-bottom: 20px;} .box-line-t {border-top: 1px solid #4b4c4d; padding: 13px 15px; position: relative;} .box-line-t:after {content: ''; position: absolute; left: 0; top: -2px; right: 0; height: 1px; background-color: #131415;} .box-line-t h2 {text-align:center; color: white;} .block-stat {margin-top: 10px;} .block-percent {float: left; margin: 0; text-align: center; font-size: 12px;} .block-percent p {margin-top: 10px;} .block-percent .lowdata { color: #757677; margin-top: 25px; line-height: 1; font-size: 13px; } .btn-more-reviews {background: url('../img/system/btn-next.png') 0 0 no-repeat; float: right; width: 54px; height: 46px; color: #fff; font-size: 12px; margin: 22px 0 0 5px; text-decoration: none; text-align: center; vertical-align: middle; line-height: 46px; -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.5); text-shadow: 1px 1px 1px rgba(0,0,0,0.5); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-more-reviews i {display: inline-block; margin-top: 8px; font-style: normal; padding: 0 5px; line-height: 15px; margin-right: 7px;} .btn-more-reviews:active {background-position: 0 -46px;} .lisr-reviews {color: #757677; font-size: 11px; padding-top: 10px; text-align: center;} .lisr-reviews > div {width: 29px; margin-left: 6px; text-align: center; padding-top: 31px; position: relative; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;} .lisr-reviews > div:after { content: ''; position: absolute; left: 50%; top: 0; margin-left: -12px; width: 24px; height: 24px; background: #1b1c1d; background: -webkit-linear-gradient(to bottom, #1b1c1d, #262728); background: -mozlinear-gradient(to bottom, #1b1c1d, #262728); background: linear-gradient(to bottom, #1b1c1d, #262728); -webkit-box-shadow: 1px 1px 1px #363839; -moz-box-shadow: 1px 1px 1px #363839; box-shadow: 1px 1px 1px #363839; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .lisr-reviews > div:first-child {margin-left: 0;} .lisr-reviews .smilen-green {background: url('../img/system/smile-good-mini.png') 50% 0 no-repeat;} .lisr-reviews .smilen-green:after {display: none;} .lisr-reviews .smilen-red {background: url('../img/system/smile-bad-mini.png') 50% 0 no-repeat;} .lisr-reviews .smilen-red:after {display: none;} .lisr-reviews .smilen-dinamo {background: url('../img/system/smile-dinamo-mini.png') 50% 0 no-repeat;} .lisr-reviews .smilen-dinamo:after {display: none;} .lisr-reviews .smilen-white {background: url('../img/system/smile-normal-mini.png') 50% 0 no-repeat;} .lisr-reviews .smilen-white:after {display: none;} .lisr-reviews .smilen-exit {background: url('../img/system/smile-exitl-big-mini.png') 50% 0 no-repeat;} .lisr-reviews .smilen-exit:after {display: none;} .lisr-reviews .smilen-noallowed {background: url('../img/system/smile-brick-big-mini.png') 50% 0 no-repeat;} .lisr-reviews .smilen-noallowed:after {display: none;} .block-info-grey {text-align: center; color: #757677; font-size: 19px; line-height: 27px; padding: 10px 0;} .list-estimates .notfound, .card-history .notfound, .list-card .notfound { border-bottom: 0px; margin-top: 10px; padding: 5px; } .list-estimates > div.notfound::after { background: none; } /*new css 28.01.2015*/ i.icon-bonus {background: url('../img/system/icons.png') -96px -32px no-repeat;} i.icon-sert {background: url('../img/system/icons.png') -128px -32px no-repeat;} .input-readonly {padding: 0 10px; position: relative; margin-top: 10px;} .input-readonly input[type="text"] {resize: none; border: none; padding: 0; font-size: 23px; color: #f7b507; font-weight: bold; background: none; text-align: center; width: 100%;} .box-phone-info {font-size: 12px; color: #757677; text-align: center; margin: 3px 0 10px 0;} .btn-card { float: right; width: 50px; height: 36px; margin-right: 15px; background-image: url('../img/system/icon-big-card.png'), -webkit-linear-gradient(to bottom, #ffd30b, #ff9705); background-image: url('../img/system/icon-big-card.png'), -moz-linear-gradient(to bottom, #ffd30b, #ff9705); background-image: url('../img/system/icon-big-card.png'), linear-gradient(to bottom, #ffd30b, #ff9705); background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-card:active { background-image: url('../img/system/icon-big-card.png'), -webkit-linear-gradient(to bottom, #ff9705, #ffd30b); background-image: url('../img/system/icon-big-card.png'), -moz-linear-gradient(to bottom, #ff9705, #ffd30b); background-image: url('../img/system/icon-big-card.png'), linear-gradient(to bottom, #ff9705, #ffd30b); } .btn-qw { float: right; width: 35px; height: 35px; border-top: 1px solid #454647; border-bottom: 1px solid #0b0b0c; color: #d1d1d1; font-size: 19px; line-height: 35px; text-align: center; background: -webkit-linear-gradient(to bottom, #222324, #18191a); background: -moz-linear-gradient(to bottom, #222324, #18191a); background: linear-gradient(to bottom, #222324, #18191a); background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-qw:active { background: -webkit-linear-gradient(to bottom, #18191a, #222324); background: -moz-linear-gradient(to bottom, #18191a, #222324); background: linear-gradient(to bottom, #18191a, #222324); } .btn-light { border-top: 1px solid #454647; border-bottom: 1px solid #0b0b0c; color: #d1d1d1; font-size: 13px; margin: 0 10px; background: -webkit-linear-gradient(to bottom, #252627, #0b0b0c); background: -moz-linear-gradient(to bottom, #252627, #0b0b0c); background: linear-gradient(to bottom, #252627, #0b0b0c); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .btn-light.hover { background: -webkit-linear-gradient(to bottom, #0b0b0c, #252627); background: -moz-linear-gradient(to bottom, #0b0b0c, #252627); background: linear-gradient(to bottom, #0b0b0c, #252627); } .box-green-btn {overflow: hidden; padding: 15px 18px 10px 18px; text-align: center;} .list-card {font-size: 12px; color: #757677; float: 17px; margin-bottom: 10px;} .list-card > div { border-bottom: 1px solid #414243; padding: 10px 46px 10px 18px; overflow: hidden; cursor: pointer; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .list-card > div:after {content: ''; position: absolute; right: 18px; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url('../img/system/str-white.png') 100% 50% no-repeat;} .list-card > div.noarrow:after {background: none;} .list-card > div > div {float: left; width: 25%; margin: 0 10px 0 0;} .list-card > div > div + div {float: right; width: 65%; margin: 0 0 0 10px; text-align: right;} .list-card > div > div + div + div {float: none; margin: 0; width: auto; text-align: left;} .list-card > div:active {background-color: #131415;} .list-card b {color: #fff; font-size: 19px; display: inline-block; line-height: 28px;} .list-card table {width: 100%;} .list-card td {vertical-align: middle !important;} .list-card table .certificateaction { width: auto; position: relative; float: none; line-height: 28px; top: 0; left: 0; text-align: right; } .card-info {} .card-info > div {border-bottom: 1px solid #414243; padding: 15px 18px;} .card-info b {font-size: 13px;} .box-input-info {margin-top: 13px;} .box-input-info:first-child {margin-top: 0;} .box-input-info > div {float: left; width: 100px; line-height: 38px;} .box-input-info > div + div {float: none; width: auto;} .box-input-info2 {margin-top: 13px;} .box-input-info2:first-child {margin-top: 0;} .box-input-info2 > div {float: left; width: 180px; line-height: 38px;} .box-input-info2 > div + div {float: none; width: auto;} .box-select-02 {width: 100%; } .box-select-02 span {font-size: 13px !important; font-weight: bold;} .box-select-02 select {font-size: 13px; font-weight: bold;} .fz16 input {font-size: 16px !important;} .fz12 {font-size: 12px;} .box-base-info {display: inline-block; margin-top: 10px; text-align: left;} .box-base-info span {display: inline-block; line-height: 37px; width: 54px; float: left;} .d-mini { width: 35px; height: 35px; float: left; margin-right: 40px; border-top: 1px solid #454647; border-bottom: 1px solid #0b0b0c; color: #ff9900; font-size: 16px; font-weight: bold; line-height: 35px; text-align: center; background: -webkit-linear-gradient(to bottom, #222324, #18191a); background: -moz-linear-gradient(to bottom, #222324, #18191a); background: linear-gradient(to bottom, #222324, #18191a); background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .d-maxi { width: 97px; height: 35px; float: left; border-top: 1px solid #454647; border-bottom: 1px solid #0b0b0c; color: #ff9900; font-size: 16px; font-weight: bold; line-height: 35px; text-align: center; background: -webkit-linear-gradient(to bottom, #222324, #18191a); background: -moz-linear-gradient(to bottom, #222324, #18191a); background: linear-gradient(to bottom, #222324, #18191a); background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .card-client {font-size: 16px; color: #fff; line-height: 36px; margin-right: 9px; text-align: center;} .name-card {overflow: hidden;} .name-card span {font-size: 13px; color: #757677; float: right; text-align: right; width: 45px; margin-right: 10px; line-height: 18px;} .name-card .box-ov {text-align: center; font-size: 16px; font-weight: bold; line-height: 36px;} .card-history {margin-bottom: 10px; padding-top: 5px;} .card-history > div {border-bottom: 1px solid #414243; padding: 10px; padding-right: 20px; overflow: hidden; position: relative;} #cardscontainer > div::after {content: ''; position: absolute; right: 2px; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url('../img/system/str-white.png') 100% 50% no-repeat;} .card-history .data-info {font-size: 12px; color: #757677;} .card-history .data-info span {font-size: 11px; display: block; margin-top: 4px; font-weight: bold;} .marker-info {float: left; width: 47px; text-align: center; padding-top: 25px; position: relative; font-size: 12px; color: #757677;} .m-deposit {background: url('../img/system/icon-mini-00.png') 50% 3px no-repeat;} .m-deposit:after {content: 'депозит';} .m-point {background: url('../img/system/icon-mini-02.png') 50% 3px no-repeat;} .m-point:after {content: 'баллы';} .m-vizit {background: url('../img/system/icon-mini-01.png') 50% 3px no-repeat;} .m-vizit:after {content: 'визиты';} .m-status {background: url('../img/system/icon-mini-03.png') 50% 3px no-repeat;} .m-status:after {content: 'статус';} .m-clock {background: url('../img/system/icon-mini-04.png') 50% 3px no-repeat;} .m-clock:after {content: 'часы';} .status {text-align: right; overflow: hidden; font-size: 16px; line-height: 18px;} .status img {display: inline-block; vertical-align: baseline;} .deposit {float: right;} .deposit > div {font-size: 16px; color: #fff; font-weight: bold; line-height: 18px; float: right; width: 70px; text-align: right;} .deposit > div + div {font-size: 12px; font-weight: bold; float: right; width: auto; line-height: 36px;} .points {float: right;} .points > div {font-size: 16px; color: #fff; font-weight: bold; line-height: 18px; float: right; width: 70px; text-align: right;} .points > div + div {font-size: 12px; font-weight: bold; float: right; width: auto; line-height: 36px;} .p-up {color: #427722 !important;} .p-down {color: #da2429 !important;} .vizits {overflow: hidden; text-align: right;} .vizits span {display: inline-block; line-height: 36px; font-size: 20px; font-weight: bold; color: #fff;} .vizits span i {font-style: normal; margin-right: 15px; min-width: 23px; display: inline-block; position: relative;} .vizits span i + i {margin: 0 0 0 15px;} .v-down span i + i:after {content: ''; width: 12px; height: 8px; position: absolute; left: -19px; top: 50%; margin-top: -4px; background: url('../img/system/v-down.png') 50% 50% no-repeat;} .v-up span i + i:after {content: ''; width: 12px; height: 8px; position: absolute; left: -19px; top: 50%; margin-top: -4px; background: url('../img/system/v-up.png') 50% 50% no-repeat;} .time-c {overflow: hidden; text-align: right;} .time-c span {display: inline-block; line-height: 36px; font-size: 20px; font-weight: bold; color: #fff;} .time-c span i {font-style: normal; margin-right: 15px; min-width: 23px; display: inline-block; position: relative;} .time-c span i + i {margin: 0 0 0 15px;} .b-down span i + i:after {content: ''; width: 12px; height: 12px; position: absolute; left: -20px; top: 50%; margin-top: -6px; background: url('../img/system/b-down.png') 50% 50% no-repeat;} .b-up span i + i:after {content: ''; width: 12px; height: 12px; position: absolute; left: -20px; top: 50%; margin-top: -6px; background: url('../img/system/b-up.png') 50% 50% no-repeat;} .color-red {color: #da2429 !important;} .color-green {color: #44982d !important;} .sert-info {padding: 15px 18px 0 18px;} .sert-info > div {margin-bottom: 20px;} .inp-otp {margin-top: 5px;} .inp-otp input {font-weight: normal !important; font-size: 12px !important; text-align: left !important;} .card-client-change {text-align: center; overflow: hidden; font-size: 12px; color: #757677; line-height: 16px; padding-top: 5px;} .card-client-change span {display: block; font-size: 16px; color: #fff; font-weight: bold;} .check-00 {font-size: 19px; line-height: 22px; color: #fff; font-weight: bold; overflow: hidden; margin-bottom: 8px;} .check-00 input[type="checkbox"] {display: none;} .check-00 label {display: block; padding-left: 28px; position: relative;} .check-00 label:after {content: ''; width: 22px; height: 22px; position: absolute; left: 0; top: 0; background: url('../img/system/checkbox.png') 0 0 no-repeat;} .check-00 input[type="checkbox"] + label::after {background-position: 0 0;} .check-00 input[type="checkbox"]:checked + label::after {background-position: 0 -22px;} .list-rezult-bonus-card {} .list-rezult-bonus-card > div { border-bottom: 1px solid #414243; padding: 15px 40px 15px 48px; font-size: 13px; color: #757677; line-height: 20px; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .list-rezult-bonus-card > div:after {content: ''; position: absolute; width: 6px; height: 10px; background: url('../img/system/str-white.png') 0 0 no-repeat; right: 18px; top: 50%; margin-top: -5px; z-index: 3;} .list-rezult-bonus-card > div:before {content: ''; position: absolute; width: 19px; height: 16px; background: url('../img/system/icon-card.png') 0 0 no-repeat; left: 16px; top: 50%; margin-top: -8px; z-index: 3;} .list-rezult-bonus-card > div:active {background-color: #131415;} .list-rezult-bonus-card > div span {float: left; width: 60px; font-size: 20px; color: #fff;} .list-rezult-sert {} .list-rezult-sert > div { border-bottom: 1px solid #414243; padding: 10px 40px 10px 48px; font-size: 13px; color: #757677; line-height: 17px; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .list-rezult-sert > div:after {content: ''; position: absolute; width: 6px; height: 10px; background: url('../img/system/str-white.png') 0 0 no-repeat; right: 18px; top: 50%; margin-top: -5px; z-index: 3;} .list-rezult-sert > div:before {content: ''; position: absolute; width: 15px; height: 20px; background: url('../img/system/icon-sert.png') 0 -20px no-repeat; left: 18px; top: 50%; margin-top: -10px; z-index: 3;} .list-rezult-sert > div:active {background-color: #131415;} .list-rezult-sert > div > span {float: left; width: 60px; font-size: 20px; color: #fff; line-height: 34px;} .list-rezult-sert .box-ov span {display: block; color: #da2429;} .list-rezult-sert > div.active .box-ov span {color: #427722;} .list-rezult-sert > div.active:before {background-position: 0 0;} .form-change-00 {padding: 15px 18px;} .list-deposit {font-size: 12px; color: #757677; line-height: 17px; margin-bottom: 10px;} .list-deposit > div {border-bottom: 1px solid #414243; padding: 10px 15px; overflow: hidden;} .list-deposit > div > div {float: left; width: 80px;} .list-deposit > div > div + div {width: 85px;} .list-deposit > div > div + div + div {float: right; width: auto;} .name-item {font-size: 12px; color: #757677; float: left; margin-bottom: 15px; line-height: 24px; width: 105px;} .name-item > span {display: block; font-size: 20px; color: #fff; font-weight: bold;} .name-item > div {} .name-item > div span {font-size: 20px; color: #f7b507; font-weight: bold;} .box-radio-i {margin: 7px 0 15px 0;} .box-radio-i input[type="text"] {padding: 8px 0 5px 0;} .box-radio-i-nav { float: left; width: 69px; border: 2px solid #131415; height: 34px; margin-right: 10px; color: #fff; font-size: 41px; font-weight: bold; position: relative; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: -webkit-linear-gradient(to bottom, #47494a, #1f2121); background: -moz-linear-gradient(to bottom, #47494a, #1f2121); background: linear-gradient(to bottom, #47494a, #1f2121); } .box-radio-i-nav:after {content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background-color: #131415;} .box-radio-i-nav label {display: block; float: left; width: 50%; height: 34px; position: relative; overflow: hidden; text-align: center; line-height: 34px; z-index: 100;} .box-radio-i-nav input[type="radio"] {position: absolute; left: -100px; opacity: 0;} .box-radio-i-nav > div { cursor: pointer; position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .box-radio-i-nav > div.pluss label:after {content: '+'; font-size: 40px; color: #d1d1d1; font-weight: bold; position: absolute; left: 2px; top: 0; right: 0; bottom: 0; text-align: center; line-height: 34px; } .box-radio-i-nav > div.minuss label:after {content: '–'; font-size: 40px; color: #d1d1d1; font-weight: bold; position: absolute; left: 0; top: -2px; right: 0; bottom: 0; text-align: center; line-height: 32px; } .box-radio-i-nav > div:active { background: -webkit-linear-gradient(to bottom, #1f2121, #47494a); background: -moz-linear-gradient(to bottom, #1f2121, #47494a); background: linear-gradient(to bottom, #1f2121, #47494a); } .box-radio-i-nav input[type="radio"] + label {} .box-radio-i-nav input[type="radio"]:checked + label { background: -webkit-linear-gradient(to bottom, #1f2121, #47494a); background: -moz-linear-gradient(to bottom, #1f2121, #47494a); background: linear-gradient(to bottom, #1f2121, #47494a); } .box-btn-center {text-align: center;} .box-btn-center > a {margin: 0 2px 0 0;} .box-btn-center > a + a {margin: 0 0 0 2px; } .freedom { float: right; margin: 2px 0 5px 5px; display: inline-block; background-color: #3fa324; color: #fff; padding: 0 3px; line-height: 13px; font-size: 9px; vertical-align: middle; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .freedom + .room-name {overflow: inherit;} /*login css*/ #login-box { max-width: 540px; margin: 5% auto 0px auto; } #login-box > div { margin: 0 20px; overflow: hidden; -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.75); box-shadow: 0 0 25px rgba(0,0,0,0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .login-box-body { background: url('../img/system/bg-grey.jpg') 0 100% repeat-x; padding: 60px 40px 50px 40px; color: #9c9da0; font-size: 20px; line-height: 27px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .login-box-title { color: #fff; font-size: 40px; line-height: 88px; padding: 0 50px; font-weight: bold; border-top: 1px solid #aeb1b6; border-bottom: 1px solid #111112; -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.3); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background: #878a92; background: -webkit-linear-gradient(to bottom, #878a92, #595c61); background: -moz-linear-gradient(to bottom, #878a92, #595c61); background: linear-gradient(to bottom, #878a92, #595c61); } .input-b { padding: 0 30px; margin-bottom: 40px; background: #000; background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); -webkit-box-shadow: 0 0 25px #000 inset, 1px 1px 1px rgba(255,255,255,0.3); -moz-box-shadow: 0 0 25px #000 inset, 1px 1px 1px rgba(255,255,255,0.3); box-shadow: 0 0 25px #000 inset, 1px 1px 1px rgba(255,255,255,0.3); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } .input-b input[type="text"], .input-b input[type="password"], .input-b textarea {padding: 15px 0 14px 0; resize: none; width: 100%; border: none; background: none; outline: none; font-size: 27px; color: #fff;} .btn-big { background: #fff; margin: 0 0 35px 0; font-size: 40px; color: #323232; text-decoration: none; line-height: 80px; font-weight: bold; -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,0.3); -moz-text-shadow: 1px 1px 1px rgba(0,0,0,0.3); text-shadow: 1px 1px 1px rgba(0,0,0,0.3); } .btn-block {display: block; width: 100%; margin-bottom: 35px; text-align: center;} @media (min-width: 1020px) and (max-width: 1060px) { } @media (min-width: 900px) and (max-width: 1020px) { } @media (min-width: 650px) and (max-width: 900px) { } @media (min-width: 400px) and (max-width: 900px) { .login-box-body {padding: 40px 20px 30px 20px; color: #9c9da0; font-size: 13px; line-height: 18px;} #login-box {max-width: 360px;} } @media (max-width: 900px) { #login-box .login-box-title { font-size: 20px; line-height: 50px; padding: 0 20px; } #login-box .btn-big {font-size: 24px; line-height: 50px; margin: 0 0 15px 0;} #login-box .btn-big i.iconn-b { width: 16px; height: 16px; margin-top: -2px; margin-right: 5px; display: inline-block; line-height: 16px; vertical-align: middle; background-image: url("../img/system/icons-mini.png"); background-position: 0 0; background-repeat: no-repeat; background-position: 0 -32px; } #login-box .input-b {padding: 0 15px; margin-bottom: 15px;} #login-box .input-b input {padding: 11px 0; font-size: 15px;} #login-box > div { margin: 0 20px; overflow: hidden; -webkit-box-shadow: 0 0 25px rgba(0,0,0,0.75); -moz-box-shadow: 0 0 25px rgba(0,0,0,0.75); box-shadow: 0 0 25px rgba(0,0,0,0.75); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .login-box-body { padding: 25px 20px; color: #9c9da0; font-size: 14px; line-height: 18px; } } .box-shadow-data-smena { display: none; text-align: center; color: #757677; font-size: 12px; padding: 10px 18px 5px 18px; position: relative; background: -webkit-linear-gradient(to bottom, #2b2d2e, #222425); background: -moz-linear-gradient(to bottom, #2b2d2e, #222425); background: linear-gradient(to bottom, #2b2d2e, #222425); -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8); box-shadow: 0 0 20px rgba(0,0,0,0.8); } .box-shadow-data-smena.active {display: block;} .marker-smena { font-size: 12px; color: #fff; padding: 0 5px; height: 15px; line-height: 15px; vertical-align: middle; margin-right: 7px; background: -webkit-linear-gradient(to bottom, #b86200, #ef8000); background: -moz-linear-gradient(to bottom, #b86200, #ef8000); background: linear-gradient(to bottom, #b86200, #ef8000); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .btn-grey-all { float: right; width: 68px; height: 33px; margin: 2px 0 0 0; font-size: 12px; color: #1a1917; text-align: center; text-decoration: none; line-height: 32px; background: url('../img/system/btn-grey-all.png') 0 0 no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-grey-all:active {background-position: 0 -33px;} .input-name-guest {padding: 15px 16px 12px 16px;} .input-name-guest .input-white {display: none;} .input-name-guest.active .input-white {display: block;} .input-name-guest.active .approved-name {display: none;} .name-guest {font-size: 12px; color: #fff; float: left; width: 85px; line-height: 37px; white-space: nowrap;} .approved-name {overflow: hidden; text-align: center;} .approved-name .box-ov {font-size: 16px; padding-top: 14px; color: #fbda83; text-align: center;} .btn-pen { display: block; float: right; width: 36px; height: 36px; border: 2px solid #131415; cursor: pointer; margin-left: 9px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; background-image: url('../img/system/pen.png'), -webkit-linear-gradient(to bottom, #414445, #191b1c); background-image: url('../img/system/pen.png'), -moz-linear-gradient(to bottom, #414445, #191b1c); background-image: url('../img/system/pen.png'), linear-gradient(to bottom, #414445, #191b1c); background-position: 0 0; background-repeat: no-repeat; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .btn-pen:active { background-image: url('../img/system/pen.png'), -webkit-linear-gradient(to bottom, #191b1c, #414445); background-image: url('../img/system/pen.png'), -moz-linear-gradient(to bottom, #191b1c, #414445); background-image: url('../img/system/pen.png'), linear-gradient(to bottom, #191b1c, #414445); } .tabs-block .morereviews { margin-top: 10px; display: block; } .tabs-block .morereviews a { text-decoration: none; } .timeoutscircle { position: absolute; right: -5px; top: -5px; color: #fff; width: 20px; height: 20px; font-size: 11px; text-align: center; line-height: 20px; background: #e7333a; background: -webkit-linear-gradient(to bottom, #e7333a, #931214); background: -moz-linear-gradient(to bottom, #e7333a, #931214); background: linear-gradient(to bottom, #e7333a, #931214); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5); box-shadow: 1px 1px 2px rgba(0,0,0,0.5); } .searchspan { position: absolute; top: 5px; left: 50%; margin-left: -18px; width: 36px; height: 36px; text-align: center; line-height: 36px; font-weight: bold; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .block-percent {position: relative; margin-top: -25px;} .percentholder {color: #757677; font-size: 13px;} .percentdigits { position: absolute; left: 0; width: 56px; top: 0; height: 56px; text-align: center; line-height: 56px; } #overlay, .simplemodal-overlay {position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); z-index: 299;} ._form-height {display: table; height: 100%; vertical-align: top;} .pod-div {max-width: 400px; margin: 0 auto;} .search-fphone {padding: 15px 9px 10px 9px; overflow: hidden;} .search-fphone input[type="submit"] { float: right; margin-left: 10px; outline: none; height: 44px; width: 44px; border: 2px solid #000; background-image: url('../img/system/icon-loop.png'), -webkit-linear-gradient(to bottom, #83d157, #328721); background-image: url('../img/system/icon-loop.png'), -moz-linear-gradient(to bottom, #83d157, #328721); background-image: url('../img/system/icon-loop.png'), linear-gradient(to bottom, #83d157, #328721); background-position: 50% 50%; background-repeat: no-repeat; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.5) inset; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: -2px; } .search-fphone input[type="submit"]:focus { background-image: url('../img/system/icon-loop.png'), -webkit-linear-gradient(to bottom, #328721, #83d157); background-image: url('../img/system/icon-loop.png'), -moz-linear-gradient(to bottom, #328721, #83d157); background-image: url('../img/system/icon-loop.png'), linear-gradient(to bottom, #328721, #83d157); } .box-ov-white { height: 40px; background-color: #fff; padding: 0 9px; overflow: hidden; margin-top: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 0 1px #a9a9a9 inset; -moz-box-shadow: 0 0 0 1px #a9a9a9 inset; box-shadow: 0 0 0 1px #a9a9a9 inset; } .box-ov-white input[type="text"], .box-ov-white input[type="tel"] {border: none; outline: none; background: none; font-size: 21px; color: #000; font-weight: bold; padding: 8px 0;} .box-ov-white ::-webkit-input-placeholder {font-weight: normal;} .box-ov-white ::-moz-placeholder {font-weight: normal;} .box-ov-white :-moz-placeholder {font-weight: normal;} .box-ov-white :-ms-input-placeholder {font-weight: normal;} .box-ov-white a { margin-top: 9px; margin-left: 9px; display: block; float: right; width: 18px; height: 18px; background-color: #fff; border: 2px solid #f79591; color: #f79591; text-decoration: none; text-align: center; line-height: 20px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .box-ov-white a:focus {background-color: #f79591; color: #fff;} .box-slide-n {display: none;} .link-slide-n {color: #f7b507; text-decoration: underline; cursor: pointer;} .link-slide-n.active {text-decoration: none;} .transparent { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } .link-blue {color: #13c5ff; text-decoration: none; display: inline-block; white-space: nowrap; border-bottom: 1px dotted #13c5ff;} .link-blue:hover {border-color: transparent;} .line-info-top {height: 23px; font-size: 13px; color: #2b2d2e; font-weight: bold; background-color: #fff; line-height: 23px; position: fixed; left: 0; right: 0; display: none; overflow: hidden; z-index: 1001;} .line-info-top .fll {margin-left: 8px; /*max-width: 47%;*/ overflow: hidden; text-align: left;} .line-info-top .flr {margin-right: 8px; max-width: 47%; overflow: hidden; text-align: right;} .data-info div {line-height: 1; margin-top: 4px;} .change-st {text-align: right; font-size: 16px; color: #fff; line-height: 18px; padding-right: 16px; background: url('../img/system/iconn-str-wt.png') 100% 50% no-repeat;font-weight: bold; padding-left: 5px;} .change-st span {color: #757677; white-space: nowrap;} .change-st div {white-space: nowrap;} .change-ft {width: 55px; text-align: left; font-size: 12px; line-height: 36px; padding-left: 5px;} .jackpot.green .change-st {background: url('../img/system/iconn-str-green.png') 100% 50% no-repeat; font-weight: bold;} .jackpot.green .change-ft {color: #427722; font-weight: bold;} .jackpot.red .change-st {background: url('../img/system/iconn-str-red.png') 100% 50% no-repeat; font-weight: bold;} .jackpot.red .change-ft {color: #da2429; font-weight: bold;} .jackpot.none .change-st {background: none; font-weight: bold;} .card-history table {width: 100%;} .card-history td {vertical-align: middle;} .card-history td + td {text-align: right;} #collectings_value::-webkit-input-placeholder {font-size: 12px; line-height: 24px;} #collectings_value::-moz-placeholder {font-size: 12px; line-height: 24px;}/* Firefox 19+ */ #collectings_value:-moz-placeholder {font-size: 12px; line-height: 24px;}/* Firefox 18- */ #collectings_value:-ms-input-placeholder {font-size: 12px; line-height: 24px;} #phoneeditor {width: 100%;} #phoneeditor::-webkit-input-placeholder {font-size: 14px; line-height: 24px;} #phoneeditor::-moz-placeholder {font-size: 14px; line-height: 24px;}/* Firefox 19+ */ #phoneeditor:-moz-placeholder {font-size: 14px; line-height: 24px;}/* Firefox 18- */ #phoneeditor:-ms-input-placeholder {font-size: 14px; line-height: 24px;} .certificateaction { float: left; font-size: 16px; line-height: 30px; top: 10px; left: 120px; width: 120px; text-align: left; } .list-salons {} .list-salons-item {border-bottom: 1px solid #414243; padding: 13px 37px 13px 8px; position: relative;} .list-salons-item:after {content: ''; position: absolute; width: 6px; height: 10px; background: url('../img/system/str-white.png') 0 0 no-repeat; right: 18px; top: 50%; margin-top: -5px; z-index: 3;} .list-salons-item table {width: 100%;} .list-salons-item td {vertical-align: middle; padding-left: 5px;} .list-salons-item td:first-child {padding-left: 0;} .salon-name {font-size: 15px; font-weight: bold; } .salon-data {font-size: 11px; color: #757677;} .salon-guest-num {font-size: 20px; padding-left: 25px; background: url('../img/system/icon-user.png') 0 50% no-repeat; line-height: 19px; color: #ffb508; text-align: left; display: inline-block;} /*22.06.2015*/ .wrapper1200 #wrapper-holder {max-width: 1200px !important;} .wrapper1200 #wrapper-holder #wrapper {max-width: 1200px !important;} .wrapper1200 #wrapper-holder #main {max-width: 1200px !important;} .wrapper1200 #wrapper-holder .pod-div {max-width: 1200px !important;} .wrapper1200 .line-info-top .pod-div {max-width: 1200px !important;} .menu-btns {float: right; height: 34px; margin-top: 1px;} .menu-btns > div {margin-left: 10px; float: left; position: relative; width: 101px;} .menu-btns > div:first-child {margin-left: 0;} .menu-btns > div > a { display: block; text-align: center; text-decoration: none; height: 34px; line-height: 34px; font-size: 12px; font-weight: bold; color: #1a1917; padding: 0 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff; background: -webkit-linear-gradient(to bottom, #fff, #aaa); background: -moz-linear-gradient(to bottom, #fff, #aaa); background: linear-gradient(to bottom, #fff, #aaa); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(30,31,30,.85); -moz-box-shadow: 0 1px 0 rgba(30,31,30,.85); box-shadow: 0 1px 0 rgba(30,31,30,.85); } .menu-btns > div > a.active { background: #aaa; background: -webkit-linear-gradient(to bottom, #aaa, #fff); background: -moz-linear-gradient(to bottom, #aaa, #fff); background: linear-gradient(to bottom, #aaa, #fff); } .menu-btns > div.btn-active {} .menu-btns > div.btn-active > a { height: 44px; background: #fff; background: -webkit-linear-gradient(to bottom, #fff, #eaeaea); background: -moz-linear-gradient(to bottom, #fff, #eaeaea); background: linear-gradient(to bottom, #fff, #eaeaea); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .menu-btns > div.btn-active .menu-btns-podmenu {display: block;} .menu-btns-podmenu { position: absolute; left: 0; top: 44px; width: 197px; overflow: hidden; display: none; background: #e9e9e9; background: -webkit-linear-gradient(to bottom, #e9e9e9, #aaa); background: -moz-linear-gradient(to bottom, #e9e9e9, #aaa); background: linear-gradient(to bottom, #e9e9e9, #aaa); -webkit-border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; -webkit-box-shadow: 0 1px 0 rgba(30,31,30,.85); -moz-box-shadow: 0 1px 0 rgba(30,31,30,.85); box-shadow: 0 1px 0 rgba(30,31,30,.85); } .menu-btns-podmenu a {display: block; padding: 10px 12px; border-top: 1px solid #fff; position: relative; color: #1a1917; text-decoration: none; font-weight: bold; font-size: 16px;} .menu-btns-podmenu a:after {content: ''; position: absolute; left: 0; top: -2px; right: 0; height: 1px; background-color: #9f9f9f;} .menu-btns-podmenu a:first-child {border: none;} .menu-btns-podmenu a:first-child:after {display: none;} .menu-btns-podmenu a:focus {background-color: #9d9d9d;} .marker-sms { position: absolute; width: 23px; height: 23px; line-height: 23px; text-align: center; color: #fff; font-size: 13px; font-weight: bold; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #e62d34; background: -webkit-linear-gradient(to bottom, #e62d34, #a10202); background: -moz-linear-gradient(to bottom, #e62d34, #a10202); background: linear-gradient(to bottom, #e62d34, #a10202); -webkit-box-shadow: 0 1px 4px rgba(30,31,30,.55); -moz-box-shadow: 0 1px 4px rgba(30,31,30,.55); box-shadow: 0 1px 4px rgba(30,31,30,.55); margin-left: 160px; margin-top: -45px; } .marker-sms.mainmenumode {margin-left: 20px; margin-top:-10px;} .menu-btns-n {padding: 15px 6px 0 6px; height: 48px; text-align: center;} .menu-btns-n a { display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; height: 36px; line-height: 36px; text-align: center; color: #6d6e6f; font-size: 13px; font-weight: bold; text-decoration: none; width: 24%; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .menu-btns-n a.active, .menu-btns-n a:focus { color: #fff; background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); } .menu-btns-n a.active {cursor: default;} .info-girs-anket {font-size: 16px; color: #fff; padding: 13px 8px; text-align: center; font-weight: bold; text-align: center;} .girls-ankets {margin-bottom: 10px; border-top: 1px solid #4b4c4d; padding: 20px 8px 0 8px;} .girls-ankets:before {content: ''; position: absolute; left: 0; top: -2px; right: 0; height: 1px; background-color: #131415;} .girls-ankets-item {position: relative; padding: 10px 8px; position: relative; margin-bottom: 20px; background-color: rgba(0,0,0,0.3);} .girls-ankets-boximg {margin: 0 10px 0 0; width: 35%; float: left;} .girls-ankets-img {margin-bottom: 10px; position: relative; height: 150px; overflow: hidden;} .girls-ankets-img a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; background-color: rgba(0,0,0,0);} .girls-ankets-img img {display: block; width: 100%;} .girls-ankets-redline {line-height: 1; background-color: rgba(218,36,41,0.7); text-align: center; font-size: 9px; position: absolute; left: 0; right: 0; top: 23%; padding: 5px;} .girls-ankets-redline div {max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .girls-ankets-info {color: #757677; font-size: 9px; line-height: 13px; text-align: center; position: absolute; left: 0; bottom: 0; right: 0; padding: 8px 5px; background-color: rgba(0,0,0,0.75);} .girls-ankets-info b {color: #fff; display: block; font-size: 12px; margin-bottom: 1px;} .girls-ankets-addphoto { font-size: 12px; color: #f7b507; text-decoration: none;-webkit-border-radius: 4px; padding: 13px 0; text-align: center; display: block; line-height: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .girls-ankets-addphoto:focus { background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); } .girls-ankets-table {font-size: 12px; color: #757677; margin-bottom: 21px;} .girls-ankets-table-item {padding: 10px 0; border-bottom: 1px solid #343536; overflow: hidden; line-height: 21px;} .girls-ankets-table-item:first-child {padding-top: 0;} .girls-ankets-table-item .flr {color: #fff;} .girls-ankets-name {font-size: 19px; color: #fff; text-decoration: none; line-height: 1;} .marker-face {width: 23px; height: 23px; float: right;} .marker-face-all {background: url('../img/system/marker-face-all.png') 0 0 no-repeat;} .marker-face-eyesnose {background: url('../img/system/marker-face-eyesnose.png') 0 0 no-repeat;} .marker-face-eyesnosemouth {background: url('../img/system/marker-face-eyesnosemouth.png') 0 0 no-repeat;} .girls-ankets-linkblue {color: #5496d6; font-size: 12px;} .girls-ankets-linkblue.flr.gray {color: gray;} .girls-ankets-varning {float: right; margin-top:2px; margin-left: 13px; width: 17px; height: 17px; background: url('../img/system/girls-ankets-varning.png') 0 0 no-repeat;} .girls-ankets-check {float: right; margin-top:2px; margin-left: 13px; width: 17px; height: 17px; background: url('../img/system/girls-ankets-check.png') 0 0 no-repeat;} .girls-ankets-cross {float: right; margin-top:2px; margin-left: 13px; width: 17px; height: 17px; background: url('../img/system/girls-ankets-cross.png') 0 0 no-repeat;} i.icon-img {width: 16px; height: 16px; line-height: 16px; vertical-align: text-top; margin-top: -2px; display: inline-block; vertical-align: middle; background: url('../img/system/icons-mini.png') 0 -80px no-repeat;} .photo-grops {margin-bottom: 10px; border-top: 1px solid #4b4c4d; padding: 20px 8px 0 8px; border-top: 1px solid #4b4c4d;} .photo-grops:before {content: ''; position: absolute; left: 0; top: -2px; right: 0; height: 1px; background-color: #131415;} .photo-grops-item {position: relative; padding: 10px 8px; position: relative; background-color: rgba(0,0,0,0.2); margin-bottom: 20px; } .photo-grops-boximg {margin: 0 10px 0 0; width: 35%; float: left;} .photo-grops-img {margin-bottom: 10px; position: relative; height: 150px; overflow: hidden;} .photo-grops-img a {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; background-color: rgba(0,0,0,0);} .photo-grops-img img {display: block; width: 100%;} .photo-grops-redline {line-height: 1; background-color: rgba(218,36,41,0.7); text-align: center; font-size: 9px; position: absolute; left: 0; right: 0; top: 23%; padding: 5px;} .photo-grops-redline div {max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .photo-grops-info {color: #757677; font-size: 9px; line-height: 13px; text-align: center; position: absolute; left: 0; bottom: 0; right: 0; padding: 8px 5px; background-color: rgba(0,0,0,0.75); z-index: 4;} .photo-grops-info b {color: #fff; display: block; font-size: 12px; margin-bottom: 1px;} .photo-grops-addphoto { font-size: 12px; color: #f7b507; text-decoration: none;-webkit-border-radius: 4px; padding: 13px 0; text-align: center; display: block; line-height: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .photo-grops-addphoto:focus { background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); } .photo-grops-name {font-size: 19px; color: #fff; text-decoration: none; line-height: 1;} .menu-btns-mini {padding: 15px 6px 0 6px; height: 48px; margin-left: -2px; text-align: center;} .menu-btns-mini a { display: inline-block; padding: 0 6px; vertical-align: top; height: 36px; line-height: 36px; text-align: center; color: #6d6e6f; font-size: 13px; font-weight: bold; text-decoration: none; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .menu-btns-mini a.active { color: #fff; background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); } .menu-btns-mini a.active {cursor: default;} .menu-btns-mini-folder {padding: 15px 6px 0 6px; height: 48px; margin-left: -2px; text-align: center;} .menu-btns-mini-folder a { display: inline-block; padding: 0 24px; vertical-align: top; height: 36px; line-height: 36px; text-align: center; color: #6d6e6f; font-size: 13px; font-weight: bold; text-decoration: none; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .menu-btns-mini-folder a.active { color: #fff; background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); } .menu-btns-mini-folder a.active {cursor: default;} .form-anketa {padding: 13px 8px; max-width: 500px; margin: 0 auto;} .form-anketa table {width: 100%;} .form-anketa td {padding-bottom: 14px; padding-left: 5px;} .form-anketa td:first-child {padding-left: 0;} .form-anketa .managernotices {border-top: 1px solid #4b4c4d; padding-top: 15px;} .form-anketa-label {font-size: 13px; color: #fff; font-weight: bold; line-height: 1; margin-bottom: 9px;} .form-anketa-label sup {color: #da2429; font-size: 12px; top: -1px;} .form-anketa-label.margined {margin-top: 15px; margin-bottom: 0px; text-align: left; padding-bottom: 10px;} .form-anketa-input { border: 1px solid #000; background: #fff; padding: 0 10px; -webkit-box-shadow: 0 5px 5px rgba(30,31,30,.45) inset; -moz-box-shadow: 0 5px 5px rgba(30,31,30,.45) inset; box-shadow: 0 5px 5px rgba(30,31,30,.45) inset; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .form-anketa-input input[type="text"], .form-anketa-input textarea {width: 100%; outline: none; resize: none; font-size: 12px; color: #000; border: none; background: none; padding: 11px 0;} .form-anketa-info {text-align: center; font-size: 12px; color: #fff; font-weight: bold; position: relative; padding: 15px 8px 0 8px; border-top: 1px solid #4b4c4d; margin: 0 -8px 15px -8px;} .form-anketa-info:after {content: ''; position: absolute; left: 0; right: 0; top: -2px; background-color: #131415; height: 1px;} .form-anketa-info > div {border-bottom: 1px solid #131415; position: relative; padding-bottom: 15px; margin: 0 -8px 0 -8px;} .form-anketa-info > div:after {content: ''; position: absolute; left: 0; right: 0; bottom: -2px; background-color: #4b4c4d; height: 1px;} .form-anketa-title {font-size: 16px; line-height: 20px; margin-bottom: 15px;} .form-anketa-status-bar {text-align: center; font-size: 12px; color: #757677; margin-bottom: 20px; line-height: 1;} .form-anketa-list {height: 50px; text-align:justify; text-justify:newspaper; zoom:1; text-align-last:justify; max-width: 400px; margin: 0 auto;} .form-anketa-list:after {width:100%; height:0; visibility:hidden; content:''; display:inline-block; } .form-anketa-list > div {display:inline-block; //display:inline; //zoom:1; vertical-align: top; padding: 0 5px;} .form-anketa-list img {display: block; margin: 0 auto 10px auto;} .form-anketa .select-00 span {font-size: 13px; font-weight: bold;} .form-anketa .select-00 select {font-size: 13px;} .form-anketa-list-service {} .form-anketa-list-service-item {} .form-anketa-list-service table {width: 100%;} .form-anketa-list-service td {vertical-align: middle !important;} .form-anketa-list-service-boxleft {height: 36px;} .form-anketa-list-service-a {width: 36px; height: 36px; float: left; position: relative;} .form-anketa-list-service-a label { display: block; height: 36px; width: 36px; position: relative; overflow: hidden; cursor: pointer; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .form-anketa-list-service-a label:after {content: ''; width: 25px; height: 25px; position: absolute; left: 6px; top: 7px; background: url('../img/system/radio-service.png') 0 0 no-repeat;} .form-anketa-list-service-a input[type="radio"] {position: absolute; left: -10px; top: -10px; opacity: 0;} .form-anketa-list-service-a input[type="radio"]:checked + label { background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); } .form-anketa-list-service-a input[type="radio"]:checked + label:after {background-position: 0 -25px;} .form-anketa-list-service-b {width: 36px; height: 36px; float: left; margin-left: 10px; position: relative;} .form-anketa-list-service-b label { display: block; height: 36px; width: 36px; position: relative; overflow: hidden; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .form-anketa-list-service-b label:after {content: ''; width: 25px; height: 25px; position: absolute; left: 6px; top: 6px; background: url('../img/system/radio-service.png') -25px 0 no-repeat;} .form-anketa-list-service-b input[type="radio"] {position: absolute; left: -10px; top: -10px; opacity: 0;} .form-anketa-list-service-b input[type="radio"]:checked + label { background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); } .form-anketa-list-service-b input[type="radio"]:checked + label:after {background-position: -25px -25px;} .form-anketa-list-service-c {width: 36px; height: 36px; float: left; margin-left: 10px; position: relative;} .form-anketa-list-service-c label { display: block; height: 36px; width: 36px; position: relative; overflow: hidden; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .form-anketa-list-service-c label:after {content: ''; width: 25px; height: 25px; position: absolute; left: 5px; top: 6px; background: url('../img/system/radio-service.png') -50px 0 no-repeat;} .form-anketa-list-service-c input[type="radio"] {position: absolute; left: -10px; top: -10px; opacity: 0;} .form-anketa-list-service-c input[type="radio"]:checked + label { background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); box-shadow: 0 1px 0 rgba(0,0,0,0.75) inset, 0 1px 0 rgba(255,255,255,0.15); } .form-anketa-list-service-c input[type="radio"]:checked + label:after {background-position: -50px -25px;} .form-anketa-list-service-name {font-size: 13px; color: #757677; font-weight: bold; line-height: 17px;} .form-anketa-block-f-slide {font-size: 12px; color: #757677; text-align: center;} .form-anketa-block-f-slide a { text-decoration: none; text-align: center; display: block; margin-bottom: 10px; height: 36px; line-height: 36px; font-size: 13px; color: #fff; font-weight: bold; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .form-anketa-block-f-slide span {display: inline-block; position: relative; padding-left: 23px;} .form-anketa-block-f-slide span:after { content: ''; position: absolute; left: 0; top: 14px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; } .tr-slide {display: none;} .ml0 {margin-left: 0 !important;} .ml10 {margin-left: 10px !important;} .btn-form-anketa {height: 36px;} .btn-form-anketa a { display: inline-block; text-align: center; text-decoration: none; height: 36px; line-height: 36px; font-size: 16px; font-weight: bold; color: #1a1917; padding: 0 12px; float: right;width: 123px; background: #fff; background: -webkit-linear-gradient(to bottom, #fff, #aaa); background: -moz-linear-gradient(to bottom, #fff, #aaa); background: linear-gradient(to bottom, #fff, #aaa); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(30,31,30,.85); -moz-box-shadow: 0 1px 0 rgba(30,31,30,.85); box-shadow: 0 1px 0 rgba(30,31,30,.85); } .btn-form-anketa a span {display: inline-block; line-height: 1; padding-left: 23px; position: relative;} .btn-form-anketa a span:after {content: ''; position: absolute; left: 0; top: 0; width: 17px; height: 19px; background: url('../img/system/str-grey.png') 0 0 no-repeat;} .btn-form-anketa a:focus { background: #aaa; background: -webkit-linear-gradient(to bottom, #aaa, #fff); background: -moz-linear-gradient(to bottom, #aaa, #fff); background: linear-gradient(to bottom, #aaa, #fff); } .btn-form-anketa input[type="submit"] { font-size: 16px; color: #fff; text-decoration: none; height: 36px; line-height: 36px; text-align: center; display: block; line-height: 1; border: none; font-weight: bold; float: right; width: 147px; outline: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #7fce55; background: -webkit-linear-gradient(to bottom, #7fce55, #368b24); background: -moz-linear-gradient(to bottom, #7fce55, #368b24); background: linear-gradient(to bottom, #7fce55, #368b24); -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,1); -moz-box-shadow: 0 1px 0 rgba(0,0,0,1); box-shadow: 0 1px 0 rgba(0,0,0,1); -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.15); -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.15); text-shadow: 0 -1px 0 rgba(0,0,0,0.15); } .btn-form-anketa input[type="submit"]:focus { background: #368b24; background: -webkit-linear-gradient(to bottom, #368b24, #7fce55); background: -moz-linear-gradient(to bottom, #368b24, #7fce55); background: linear-gradient(to bottom, #368b24, #7fce55); } .photo-list {padding: 0 8px 0 8px; position: relative; margin: 15px 0 0 -7px;} .photo-list-item {display:inline-block; //display:inline; //zoom:1; vertical-align: top; text-align: center; width: 30%; position: relative; margin-top: 7px; margin-left: 7px; background-color: rgba(0,0,0,0.3);} .photo-list-item input[type="checkbox"] {position: absolute; left: -20px; top: 0; opacity: 0;} .photo-list-item input[type="checkbox"]:checked + label .photo-list-shadow {display: block;} .photo-list-item label {display: block; position: relative; padding: 5px;} .photo-list-social {position: absolute; left:0px; bottom: 0px; height: 32px; width: 32px; background: url('/img/social/forsocial.png');} .photo-list-shadow {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; background: rgba(0,0,0,0.5) url('../img/system/form-anketa-list-01.png') 50% 50% no-repeat; display: none;} .photo-list-img {display: block; vertical-align: middle; line-height: 88px; text-align: center; position: relative; margin-bottom: 4px; overflow: hidden; height: 88px;} .photo-list-img img {display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .photo-list-item a {display: block; font-size: 9px; color: #5496d6; margin-bottom: 5px;} .photo-list-info {font-size: 9px; color: #757677;} .photo-list-redline {position: absolute; left: 0; right: 0; top: 50%; margin-top: -10px; line-height: 19px; padding: 0 5px; background-color: rgba(218,36,41,0.6); color: #fff; font-size: 9px; font-weight: bold; font-style: normal;} .files-stutus {font-size: 12px; color: #fff; padding: 0 8px; margin-bottom: 5px;} .files-stutus a {font-size: 11px; display: inline-block; margin-left: 20px; color: #5496d6;} .box-action-files {font-size: 14px; color: #fff; font-weight: bold; position: relative; padding: 15px 0 0 0; border-top: 1px solid #4b4c4d; margin: 0 -8px 15px -8px;} .box-action-files:after {content: ''; position: absolute; left: 0; right: 0; top: -2px; background-color: #131415; height: 1px;} .box-action-files > div {border-bottom: 1px solid #131415; position: relative; padding-bottom: 15px; margin: 0 -8px 0 -8px; padding-left: 24px; padding-right: 24px;} .box-action-files > div:after {content: ''; position: absolute; left: 0; right: 0; bottom: -2px; background-color: #4b4c4d; height: 1px;} .box-action-files > div > div {max-width: 500px; margin: 0 auto;} .box-action-files b {display: block; margin-bottom: 10px;} .box-action-files .select-00 span {color: #2b2d2e; font-size: 13px; font-weight: bold;} .box-action-files select {color: #2b2d2e; font-size: 13px; font-weight: bold;} .box-action-files a { float: right; width: 20%; color: #fff; text-decoration: none; text-align: center; margin-left: 10px; line-height: 37px; font-size: 13px; color: #fff; font-weight: bold; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .box-action-files a:focus { background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); } .box-inner-files {margin: 20px auto; padding: 0 18px; font-size: 16px; color: #757677; font-weight: bold; line-height: 21px; text-align: center;} .box-inner-files > div { border: 3px dashed #737475; padding: 25px 23px; color: #f7b507; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .box-inner-files a { font-size: 13px; color: #fff; text-decoration: none; text-align: center; display: block; margin-top: 15px; height: 36px; line-height: 36px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .box-inner-files a:focus { background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); } .anket-note {padding: 15px 8px; max-width: 500px; margin: 0 auto;} .anket-note-title {font-size: 16px; color: #fff; font-weight: bold; line-height: 21px; margin-bottom: 8px; text-align: center;} .anket-note-title.photomode {margin-top:25px; margin-bottom: 0px;} .anket-note > span {display: block; margin-bottom: 10px; font-weight: bold; font-size: 13px;} .anket-note-varning {font-size: 12px; color: #ff3a3a; line-height: 17px; padding-top: 13px;} .hideface {margin: 0 auto 15px auto; width: 300px; height: 127px;} .hideface-00 { width: 95px; height: 127px; font-size: 11px; text-align: center; color: #757677; float: left; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .hideface-00 > div {padding: 10px;} .hideface-00 img {display: block; margin-top: 8px;} .hideface-00 + .hideface-00 {margin: 0 0 0 8px;} .hideface-00.active + .hideface-00 {margin: 0 0 0 6px;} .hideface-00 + .hideface-00.active {margin-left: 6px;} .hideface-01 { width: 95px; height: 127px; font-size: 11px; text-align: center; color: #757677; float: right; background: rgba(0,0,0,0); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6)); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-text-shadow: 0 -1px 0 #000; -moz-text-shadow: 0 -1px 0 #000; text-shadow: 0 -1px 0 #000; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; box-shadow: 0 1px 0 rgba(0,0,0,0.75), 0 1px 0 rgba(255,255,255,0.15) inset; } .hideface-01 > div {padding: 10px;} .hideface-img {width: 75px; height: 75px; margin-top: 8px; margin-left: auto; margin-right: auto; overflow: hidden;} .hideface-00.active { border: 2px solid #44982d; margin-left: -2px; margin-top: -2px; color: #fff; background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); } .hideface-00.active .hideface-img {background-position: 0 -75px;} .hideface-01.active { border: 2px solid #44982d; margin-right: -2px; margin-top: -2px; color: #fff; background: rgba(0,0,0,0.6); background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0)); } .hideface-01.active .hideface-img {background-position: -150px -75px;} .hideface-00 .hideface-img {background: url('../img/system/hideface.png') 0 0 no-repeat;} .hideface-00 + .hideface-00 .hideface-img {background: url('../img/system/hideface.png') -75px 0 no-repeat;} .hideface-00 + .hideface-00.active .hideface-img {background: url('../img/system/hideface.png') -75px -75px no-repeat;} .hideface-01 .hideface-img {background: url('../img/system/hideface.png') -150px 0 no-repeat;} .photo-edit-checkbox {background-color: #2b2d2e; padding: 19px 18px; font-size: 12px; line-height: 16px; color: #757677; max-width: 500px; margin: 0 auto;} .photo-edit-checkbox > div {margin-bottom: 10px; position: relative; overflow: hidden;} .photo-edit-checkbox input[type="checkbox"] {position: absolute; left: 0; top: 0; opacity: 0;} .photo-edit-checkbox label {display: block; padding-left: 27px; font-size: 13px; color: #fff; line-height: 17px; overflow: hidden; font-weight: bold; position: relative; padding-top: 3px;} .photo-edit-checkbox label:after {content: ''; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background: url('../img/system/checkbox.png') 0 0 no-repeat;} .photo-edit-checkbox input[type="checkbox"]:checked + label:after {background-position: 0 -22px;} .box-photo-edit-items {padding: 15px 8px; margin: 0 auto 10px auto;} .box-photo-edit-items > div {margin: 0 auto;} .box-photo-edit-items-i {width: 45%; float: left; text-align: center; padding: 10px 5px; background-color: rgba(0,0,0,0.3);} .box-photo-edit-items-i + .box-photo-edit-items-i {float: right;} .box-photo-edit-items span {display: block; font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 10px;} .box-photo-edit-items i {display: block; font-size: 9px; color: #757677; margin-bottom: 10px; line-height: 1; font-style: normal;} .box-photo-edit-items img {display: block; width: 100%;} .a-img {display: block; height: 198px; margin: 5px auto 5px auto; width: 100%; overflow: hidden;} .add-photo-edit-times { font-size: 13px; color: #fff; text-decoration: none;-webkit-border-radius: 4px; padding: 13px 0; text-align: center; display: block; line-height: 1; font-weight: bold; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #7fce55; background: -webkit-linear-gradient(to bottom, #7fce55, #368b24); background: -moz-linear-gradient(to bottom, #7fce55, #368b24); background: linear-gradient(to bottom, #7fce55, #368b24); -webkit-tap-highlight-color: rgba(0,0,0,0); -moz-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,1); -moz-box-shadow: 0 1px 0 rgba(0,0,0,1); box-shadow: 0 1px 0 rgba(0,0,0,1); -webkit-text-shadow: 0 -1px 0 rgba(0,0,0,0.15); -moz-text-shadow: 0 -1px 0 rgba(0,0,0,0.15); text-shadow: 0 -1px 0 rgba(0,0,0,0.15); } .add-photo-edit-times:focus { background: #368b24; background: -webkit-linear-gradient(to bottom, #368b24, #7fce55); background: -moz-linear-gradient(to bottom, #368b24, #7fce55); background: linear-gradient(to bottom, #368b24, #7fce55); } .size-photo {display: block; margin-bottom: 10px; font-size: 14px; text-align: center; color: #5496d6;} .photo-list-arhive {padding: 0 8px 0 8px; position: relative; margin-left: -7px;} .photo-list-arhiv-item {width: 30%; position: relative; margin: 0 0 7px 7px; display:inline-block; //display:inline; //zoom:1; vertical-align: top;} .photo-list-arhiv-img {display: block; vertical-align: middle; line-height: 88px; text-align: center; position: relative; margin-bottom: 4px; overflow: hidden; height: 88px;} .photo-list-arhiv-img img {display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .photo-list-arhiv-item a {display: block; font-size: 10px; color: #5496d6; margin-bottom: 5px;} .photo-list-arhiv-info {font-size: 9px; color: #757677;} .photo-list-arhiv-redline {position: absolute; left: 0; right: 0; top: 50%; margin-top: -10px; line-height: 19px; padding: 0 5px; background-color: rgba(218,36,41,0.6); color: #fff; font-size: 9px; font-weight: bold; font-style: normal;} .list-links-photo {font-size: 10px; color: #757677; text-align: center; padding: 0 8px;} .list-links-photo > div { height: 130px; overflow-x: hidden; overflow-y: auto; border: 1px solid #000; background: #fff; padding: 10px; font-size: 12px; text-align: left; margin-top: 10px; -webkit-box-shadow: 0 5px 5px rgba(30,31,30,.45) inset; -moz-box-shadow: 0 5px 5px rgba(30,31,30,.45) inset; box-shadow: 0 5px 5px rgba(30,31,30,.45) inset; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .list-links-photo > div a {color: #5496d6; display: block; margin-bottom: 10px;} .tabs-photoedit-item {position: relative; border-top: 1px solid #4b4c4d;} .tabs-photoedit-item:after {content: ''; position: absolute; left: 0; top: -2px; right: 0; height: 1px; background-color: #131415;} .tabs-photoedit-item.active .tabs-photoedit-body {display: block;} .tabs-photoedit-body {padding-bottom: 10px; display: none;} .tabs-photoedit-title {font-size: 14px; font-weight: bold; text-align: center; padding: 14px 0; line-height: 1;} .tabs-photoedit-title a {display: inline-block; position: relative; padding-left: 20px;} .tabs-photoedit-title a:after { content: ''; position: absolute; left: 0; top: 0; width: 0; height: 0; border-top: 7px solid transparent; border-left: 7px solid #fff; border-bottom: 7px solid transparent; } .tabs-photoedit-item.active .tabs-photoedit-title a:after { top: 4px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; } .big-link-wit {font-size: 19px; color: #5496d6; display: block; text-align: center; margin-bottom: 15px;} .photo-edit-slide {max-width: 500px; margin: 0 auto;} #popup-info-photo { display: none; position: fixed; left: 0; top: 0; bottom: 0; right: 0; padding: 20px; overflow-x: auto; overflow-y: scroll; z-index: 300; } #popup-info-photo > div { height: auto; opacity: 1; position: relative; overflow: visible; margin: 0 auto; z-index: 301; background-color: #fff; border: 1px solid #000; overflow: hidden; font-size: 14px; color: #757677; max-width: 400px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .popup-info-photo-title { height: 44px; color: #fff; font-size: 16px; font-weight: bold; padding: 0 10px; line-height: 44px; background: #2b2d2e; background: -webkit-linear-gradient(to bottom, #2b2d2e, #222425); background: -moz-linear-gradient(to bottom, #2b2d2e, #222425); background: linear-gradient(to bottom, #2b2d2e, #222425); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.8); box-shadow: 0 0 10px rgba(0,0,0,0.8); } .popup-info-photo-close {position: absolute; right: 13px; top: 13px; width: 16px; height: 16px; background: url('../img/system/icons-mini.png') -32px -16px no-repeat;} .popup-info-photo-body {padding: 10px;} .popup-info-photo-body b {font-size: 14px; color: #2b2d2e; line-height: 20px;} .popup-info-photo-body span {display: block; font-size: 18px; color: #2b2d2e; margin-bottom: 15px; text-align: center; font-weight: bold;} .popup-info-photo-body img {display: block; margin: 0 auto 15px auto; width: 60%;} .line {height: 1px; background-color: #c4c4c4; margin: 15px -10px 15px -10px;} .popup-info-photo-close2 { font-size: 16px; color: #1a1917; height: 36px; line-height: 36px; display: inline-block; font-weight: bold; text-align: center; padding: 0 20px; text-decoration: none; background: #e9e9e9; background: -webkit-linear-gradient(to bottom, #e9e9e9, #aaa); background: -moz-linear-gradient(to bottom, #e9e9e9, #aaa); background: linear-gradient(to bottom, #e9e9e9, #aaa); -webkit-border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; -webkit-box-shadow: 0 1px 0 rgba(30,31,30,.85); -moz-box-shadow: 0 1px 0 rgba(30,31,30,.85); box-shadow: 0 1px 0 rgba(30,31,30,.85); } .chat {padding: 15px 8px; max-width: 500px; margin: 0 auto;} .chat-title {font-size: 16px; color: #fff; font-weight: bold; margin-bottom: 15px; line-height: 21px; text-align: center;} .chat-list {padding: 15px 8px; margin-top: 15px; border-top: 1px solid #4b4c4d; position: relative; margin-left: -8px; margin-right: -8px;} .chat-list:after {content: ''; position: absolute; left: 0; top: -2px; right: 0; height: 1px; background: #131415;} .chat-list-admin {margin-bottom: 15px;} .chat-list-admin-name {font-size: 12px; color: #757677; margin-bottom: 5px; line-height: 1; /*background: url('../img/system/icon-user-yellow.png') 9px 50% no-repeat;*/} .chat-list-guest .notread, .chat-list-admin .notread {color: white; background: red; padding: 4px 5px 2px 4px; border-radius: 3px; margin-left: 10px; margin-right: 10px; font-weight: bold;} .chat-list-admin-body {float: left; padding-top: 6px; max-width: 75%;} .chat-list-admin-body > div { color: #151617; line-height: 19px; padding: 9px; position: relative; background: #d1d1d1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .chat-list-admin-body > div:after { content: ''; position: absolute; left: 40px; top: -6px; width: 0; height: 0; border-bottom: 6px solid #d1d1d1; border-right: 6px solid transparent; } .chat-list-admin-data {float: left; margin-left: 7px; font-size: 12px; color: #757677; line-height: 18px; padding-top: 8px;} .chat-list-guest {margin-bottom: 15px;} .chat-list-guest-name {text-align: right; font-size: 12px; color: #757677; margin-bottom: 5px; margin-right: 0px; line-height: 1; /*background: url('../img/system/icon-user-yellow.png') 100% 50% no-repeat;*/ } .chat-list-guest-body {float: right; padding-top: 6px; max-width: 75%;} .chat-list-guest-body > div { color: #151617; line-height: 19px; padding: 9px; position: relative; min-width: 37px; background: #a9caea; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .chat-list-guest-body > div:after { content: ''; position: absolute; right: 40px; top: -6px; width: 0; height: 0; border-bottom: 6px solid #a9caea; border-right: 6px solid transparent; } .chat-list-guest-data {float: right; margin-right: 7px; font-size: 12px; color: #757677; line-height: 18px; padding-top: 8px; text-align: right;} .pseudo {padding-top: 0; border: none;} .pseudo:after {display: none !important;} .pseudo-mini {padding-top: 0; border: none; padding-bottom: 0; margin-top: 0;} .pseudo-mini:after {display: none !important;} .razr {font-size: 9px; color: #757677;} .menu-phone {float: right; width: 37%; position: relative; height: 37px;} .menu-phone.pmadd {width: auto; float: none ;clear:both; width: 120px; display: inline-block; margin-left: 20px;} .menu-phone > a { display: block; height: 37px; color: #fff; text-align: center; font-size: 16px; line-height: 37px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,1); -moz-box-shadow: 0 1px 0 rgba(0,0,0,1); box-shadow: 0 1px 0 rgba(0,0,0,1); background: #7fce55; background: -webkit-linear-gradient(to bottom, #7fce55, #368b24); background: -moz-linear-gradient(to bottom, #7fce55, #368b24); background: linear-gradient(to bottom, #7fce55, #368b24); } .menu-phone.active > a { height: 44px; color: #000; font-weight: bold; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; background: #fff; background: -webkit-linear-gradient(to bottom, #fff, #e7e7e7); background: -moz-linear-gradient(to bottom, #fff, #e7e7e7); background: linear-gradient(to bottom, #fff, #e7e7e7); } .menu-phone > div { position: absolute; right: 0; top: 44px; overflow: hidden; width: 280px; display: none; background: #e6e6e6; background: -webkit-linear-gradient(to bottom, #e6e6e6, #aaaaaa); background: -moz-linear-gradient(to bottom, #e6e6e6, #aaaaaa); background: linear-gradient(to bottom, #e6e6e6, #aaaaaa); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,1); -moz-box-shadow: 0 1px 0 rgba(0,0,0,1); box-shadow: 0 1px 0 rgba(0,0,0,1); -webkit-border-radius: 4px 0 4px 4px; -moz-border-radius: 4px 0 4px 4px; border-radius: 4px 0 4px 4px; } .menu-phone.active > div {display: block;} .menu-phone > div > a {color: #1a1917; display: block; border-top: 1px solid rgba(255,255,255,0.4); position: relative; padding: 15px 12px 15px 45px; font-size: 16px; text-decoration: none; margin-top: 1px; font-weight: bold;} .menu-phone > div > a:first-child {border-color: transparent; margin-top: 0;} .menu-phone > div > a:first-child:after {display: none;} .menu-phone > div > a:after {content: ''; position: absolute; top: -2px; left: 0; right: 0; height: 1px; background-color: rgba(0,0,0,0.5);} .menu-phone > div > a img {position: absolute; left: 14px; top: 10px;} .phone-m {float: left; padding-left: 20px; line-height: 37px; font-size: 16px; color: #757677; position: relative; margin-left: 5px; background: url('../img/system/icon-phone-nn.png') 0 5px no-repeat;} .phone-mn {float: left; padding-left: 20px; line-height: 37px; font-size: 16px; color: #757677; position: relative; margin-left: 15px; background: url('../img/system/icon-phone-mn.png') 0 7px no-repeat;} .box-window-delete {text-align: center; color: #fff; padding: 25px 8px;} .box-window-delete b {display: block; font-size: 21px;} .box-window-delete img {display: block; margin: 15px auto;} .box-window-delete span {display: block; font-size: 13px; font-weight: bold; color: #f7b507;} .box-window-delete span a {color: #5496d6;} .popup-estimate { width: 284px; border: 1px solid #000; background-color: #2b2d2e; position: fixed; left: 50%; margin-left: -143px; height: 332px; top: 50%; margin-top: -167px; z-index: 2000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .popup-estimate-box-btns {padding: 15px 25px 20px 25px;} .popup-estimate-box-btns > span {display: block; text-align: center; font-size: 16px; font-weight: bold; margin-bottom: 10px;} .popup-estimate-line {padding: 0; height: 1px; position: relative; background-color: #4b4c4d; border-top: 1px solid #131415;} .popup-estimate-btn-back { display: block; height: 36px; line-height: 36px; text-align: center; text-decoration: none; color: #1a1917; font-size: 16px; font-weight: bold; margin: 0 25px 0 25px; background: #fff; background: -webkit-linear-gradient(to bottom, #fff, #ababab); background: -moz-linear-gradient(to bottom, #fff, #ababab); background: linear-gradient(to bottom, #fff, #ababab); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,1); -moz-box-shadow: 0 1px 0 rgba(0,0,0,1); box-shadow: 0 1px 0 rgba(0,0,0,1); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .popup-estimate-btn-back:focus { background: #ababab; background: -webkit-linear-gradient(to bottom, #ababab, #fff); background: -moz-linear-gradient(to bottom, #ababab, #fff); background: linear-gradient(to bottom, #ababab, #fff); } .popup-estimate-list-btns {height: 73px;} .popup-estimate-btn { display: block; width: 69px; height: 73px; margin-left: 13px; float: left; overflow: hidden; color: #fff; font-size: 13px; font-weight: bold; vertical-align: middle; line-height: 73px; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); background: -moz-linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); background: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset, 0 -1px 0 0 rgba(0,0,0,0.8) inset; box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset, 0 -1px 0 0 rgba(0,0,0,0.8) inset; box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset, 0 -1px 0 0 rgba(0,0,0,0.8) inset; } .popup-estimate-btn:first-child {margin-left: 0;} .popup-estimate-btn:focus, .popup-estimate-btn.active { background: -webkit-linear-gradient(to bottom, rgba(30,31,30,0.45), rgba(255,255,255,0.1)); background: -moz-linear-gradient(to bottom, rgba(30,31,30,0.45), rgba(255,255,255,0.1)); background: linear-gradient(to bottom, rgba(30,31,30,0.45), rgba(255,255,255,0.1)); box-shadow: 0 -1px 0 0 rgba(255,255,255,0.15) inset, 0 1px 0 0 rgba(0,0,0,0.8) inset; box-shadow: 0 -1px 0 0 rgba(255,255,255,0.15) inset, 0 1px 0 0 rgba(0,0,0,0.8) inset; box-shadow: 0 -1px 0 0 rgba(255,255,255,0.15) inset, 0 1px 0 0 rgba(0,0,0,0.8) inset; } .popup-estimate-btn i {display: inline-block; width: 69px; height: 53px; font-style: normal; font-weight: bold; line-height: 1; vertical-align: middle; text-align: center; font-size: 10px;} .popup-estimate-btn i s {height: 38px; display: block; margin-bottom: 5px;} .popup-estimate-btn.btn-marker-00 i:after {content: 'Не остался'; font-weight: bold; white-space: nowrap;} .popup-estimate-btn.btn-marker-00 s {background: url('../img/system/smile-exitl-big.png') 60% 0 no-repeat;} .popup-estimate-btn.btn-marker-01 i:after {content: 'Не пустили'; color: #fff; font-weight: bold;} .popup-estimate-btn.btn-marker-01 s {background: url('../img/system/smile-brick-big.png') 50% 0 no-repeat;} .popup-estimate-btn.btn-marker-02 i:after {content: 'Динамо'; color: #fff; font-weight: bold;} .popup-estimate-btn.btn-marker-02 s {background: url('../img/system/smile-dinamo-big.png') 50% -38px no-repeat;} .popup-estimate-btn.btn-marker-03 i:after {content: 'Плохо!'; color: #da2429; font-weight: bold; font-size: 13px;} .popup-estimate-btn.btn-marker-03 s {background: url('../img/system/smile-bad-big.png') 50% -38px no-repeat;} .popup-estimate-btn.btn-marker-04 i:after {content: 'Норм'; color: #fff; font-weight: bold; font-size: 13px;} .popup-estimate-btn.btn-marker-04 s {background: url('../img/system/smile-normal-big.png') 50% -38px no-repeat;} .popup-estimate-btn.btn-marker-05 i:after {content: 'Класс!'; color: #5a942f; font-weight: bold; font-size: 13px;} .popup-estimate-btn.btn-marker-05 s {background: url('../img/system/smile-good-big.png') 50% -38px no-repeat;} .list-salon-n {} .list-salon-n-item {border-bottom: 1px solid #414243; padding: 6px 38px 6px 17px; position: relative;} .list-salon-n-item:after {content: ''; position: absolute; right: 18px; top: 50%; margin-top: -5px; width: 6px; height: 10px; background: url('../img/system/str-white.png') 0 0 no-repeat;} .list-salon-n table {width: 100%;} .list-salon-n td {vertical-align: middle !important; padding: 8px 0;} .list-salon-n tr:first-child td {border-bottom: 1px dashed #3a3c3d;} .list-salon-n-name {font-size: 16px; font-weight: bold; color: #fff;} .list-salon-n-manager {font-size: 13px; font-style: italic; color: #757677;} .list-salon-n-time {font-size: 13px; color: #757677; text-align: center;} .list-salon-n-persons {font-size: 20px; color: #f7b507; display: inline-block; padding-left: 17px; background: url('../img/system/icon-user.png') 0 50% no-repeat; line-height: 23px;} .list-salon-n-indikator {} .list-salon-n-indikator i { float: left; width: 11px; height: 11px; background-color: #757677; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; margin: 2px 0 2px 4px; } .list-salon-n-indikator span { float: left; height: 100%; line-height: 100%; margin-right: 3px; margin-top: 2px; color: #757677; font-size: 11px; } .list-salon-n-indikator i.indikator-green {background-color: #5a942f;} .list-salon-n-indikator i.indikator-red {background-color: #942f2f;} .box-photo-edit-items .razr {font-size: 14px !important;} .btn-num-guest { line-height: 37px; height: 37px; border: 2px solid #131415; cursor: pointer; padding: 0 12px 0 10px; float: left; margin-top: -2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; -moz-box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; box-shadow: -1px 1px 0 0 rgba(255,255,255,0.1) inset; background: #303134; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -moz-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .list-statictics {margin-bottom: 10px;} .list-statictics-item {padding: 15px 15px 15px 8px; border-bottom: 1px solid #414243;} .list-statictics-item table {width: 100%;} .list-statictics-item th {vertical-align: middle; text-align: left; font-size: 16px;} .list-statictics-item th span {color: #f7b507; font-size: 18px;} .list-statictics-item th:last-child {text-align: right;} .list-statictics-item td {vertical-align: middle; padding-top: 8px;} .list-statictics-item td:last-child {text-align: right;} .list-statictics-item td b {color: #757677;} .statictics-smile {font-size: 13px; color: #fff; line-height: 1; line-height: 24px; vertical-align: middle; margin-left: 10px;} .statictics-smile span {vertical-align: middle; display: inline-block; max-height: 24px; max-width: 80px; line-height: 1; color: #757677;} .statictics-smile-div {width: 26px; height: 27px; display: inline-block; margin: 0 5px 0 0; vertical-align: middle; line-height: 1;} .statictics-smile.marker-smile-00 .statictics-smile-div {background: url('../img/system/smile-normal-mini.png') 50% 50% no-repeat;} .statictics-smile.marker-smile-00 span:after {content: 'Норм';} .statictics-smile.marker-smile-01 .statictics-smile-div {background: url('../img/system/smile-good-mini.png') 50% 50% no-repeat;} .statictics-smile.marker-smile-01 span:after {content: 'Класс!';} .statictics-smile.marker-smile-02 .statictics-smile-div {background: url('../img/system/smile-bad-mini.png') 50% 50% no-repeat;} .statictics-smile.marker-smile-02 span:after {content: 'Плохо';} .statictics-smile.marker-smile-03 .statictics-smile-div {background: url('../img/system/icon-phone-mn.png') 50% 50% no-repeat;} .statictics-smile.marker-smile-03 span:after {content: 'Телефон неизвестен';} .statictics-smile.marker-smile-04 .statictics-smile-div {background: url('../img/system/smile-dinamo-mini.png') 50% 50% no-repeat;} .statictics-smile.marker-smile-04 span:after {content: 'Динамо';} .statictics-smile.marker-smile-05 .statictics-smile-div {background: url('../img/system/smile-exitl-big-mini.png') 50% 50% no-repeat;} .statictics-smile.marker-smile-05 span:after {content: 'Не остался';} .statictics-smile.marker-smile-06 .statictics-smile-div {background: url('../img/system/smile-brick-big-mini.png') 50% 50% no-repeat;} .statictics-smile.marker-smile-06 span:after {content: 'Не пустили';} /*расписание*/ .btn-mail { float: right; margin: 0 0 0 10px; width: 32px; height: 32px; border: 2px solid #000; background-image: url('../img/system/icons.png'), -webkit-linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); background-image: url('../img/system/icons.png'), -moz-linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); background-image: url('../img/system/icons.png'), linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(30,31,30,0.45)); background-position: -64px -64px; background-repeat: no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .btn-mail .marker-sms {top: 0; right: 0;} .timetable {margin-bottom: 15px;} .timetable-item {padding: 0 17px; position: relative; border-bottom: 1px solid #131415;} /*.timetable-item:hover {background-color: #fff; background-color: #131415;}*/ .timetable-item:after {content: ''; position: absolute; left: 0; bottom: -2px; right: 0; height: 1px; background-color: #4b4c4d;} .timetable-item td {vertical-align: top !important; padding: 10px 0 8px 0;} .timetable-item td + td {border-left: 1px solid transparent;} .timetable-item td + td + td {border-left: 1px solid #4b4c4d;} .timetable-item .td-hide {display: none;} .timetable-name { font-size: 16px; color: #5496d6; font-weight: bold; display: block; padding-right: 10px; line-height: 25px; overflow: hidden; text-overflow: clip; max-width: 86px; } .day-status {height: 41px; text-align: center; color: #fff; font-size: 9px; width: 46px; position: relative;} .day-status i { display: block; width: 23px; height: 23px; overflow: hidden; display: block; margin: 0 auto 5px auto; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .work .day-status i { border: 2px solid #131415; background: #7cbd41; background: -webkit-linear-gradient(to bottom, #7cbd41, #407521); background: -moz-linear-gradient(to bottom, #7cbd41, #407521); background: linear-gradient(to bottom, #7cbd41, #407521); } .work .day-status span {display: none;} .nowork .day-status i { background: #4b4c4d; border: 2px solid #131415; } .nowork .day-status span {display: none;} .workhalf .day-status i { border: 2px solid #131415; position: relative; background: #fff; } .workhalf .day-status i:after { content:''; position: absolute; right: 0; bottom: 0; top: 0; left: 11px; width: 14px; background: #7cbd41; background: -webkit-linear-gradient(to bottom, #7cbd41, #407521); background: -moz-linear-gradient(to bottom, #7cbd41, #407521); background: linear-gradient(to bottom, #7cbd41, #407521); } .timetable {} .timetable .today {background-color: #131415; border-color: #131415;} .timetable .nonactive {opacity: 0.3; cursor: default;} .timetable .today + td {border-color: transparent;} .timetable .today + td + td {border-color: #4b4c4d;} .table-timetable {padding: 0 17px 0 17px;} .table-timetable table {color: #fff; font-size: 13px; font-weight: bold;} .table-timetable td {height: 43px; vertical-align: bottom; padding-bottom: 7px;} .table-timetable td + td {text-align: center;} .table-timetable td + td + td {border-left: 1px solid transparent;} .table-timetable .td-hide {display: none;} .table-timetable td.active {color: #f7b507;} .box-btns-table {text-align: center;} .box-btns-table a { display: inline-block; height: 36px; color: #6d6e6f; font-size: 11px; text-decoration: none; width: 47%; font-weight: bold; line-height: 36px; float: left; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.5)); background: -moz-linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.5)); background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.5)); -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset, 0 -1px 0 0 rgba(0,0,0,0.8) inset; -moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset, 0 -1px 0 0 rgba(0,0,0,0.8) inset; box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset, 0 -1px 0 0 rgba(0,0,0,0.8) inset; } .box-btns-table a:after {content: ''; position: absolute; left: 50%; margin-left: 9px; top: 50%; height: 1px; background-color: #6d6e6f; width: 5px;} .box-btns-table a + a {float: right;} .box-btns-table a span {display: inline-block; vertical-align: middle; line-height: 13px;} .box-btns-table a.active { color: #fff; background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(255,255,255,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(255,255,255,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(255,255,255,0)); -webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.15) inset, 0 1px 0 0 rgba(0,0,0,0.8) inset; -moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.15) inset, 0 1px 0 0 rgba(0,0,0,0.8) inset; box-shadow: 0 -1px 0 0 rgba(255,255,255,0.15) inset, 0 1px 0 0 rgba(0,0,0,0.8) inset; } .box-btns-table a.active:after {background-color: #fff;} .input-white-mini { padding: 0 9px; border: 1px solid #000; position: relative; background: #fff; background: -webkit-linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); background: -moz-linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); background: linear-gradient(to bottom, #9a9a9a, #fff, #fff, #fff); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .input-white-mini input[type="text"], .input-white-mini input[type="tel"], .input-white-mini input[type="password"], .input-white-mini textarea {resize: none; padding: 9px 0 8px 0; font-size: 16px; color: #2b2d2e; font-weight: bold; background: none; border: none; width: 100%; outline: none; text-align: left;} .div-btn-mini {width: 34px; margin-left: 10px; float: right;} .div-btn-middle {margin-left: 10px; float: right; width: 117px;} .timetable-some {padding-top: 10px;} .timetable-some-item {padding: 8px 17px; position: relative; border-bottom: 1px solid #131415;} .timetable-some-item.today {background:#131415;} .timetable-some-item:after {content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 1px; background-color: #4b4c4d;} .timetable-some-item table {width: 100%;} .timetable-some-item td {vertical-align: middle !important;} .timetable-some-data {font-size: 13px; color: #fff; font-weight: bold;} .timetable-some-data.weekend {color: #da2429;} .ch-time { height: 38px; position: relative;} .ch-time:after {content: ''; position: absolute; left: 50%; margin-left: -3px; top: 19px; width: 6px; height: 2px; background-color: #fff;} .ch-time-item { border: 1px solid #000; background-color: #fff; width: 45%; height: 36px; float: left; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .ch-time-item > a {display: block; height: 36px; line-height: 36px; font-size: 13px; font-weight: bold; text-decoration: none; padding: 0 31px 0 10px; color: #2b2d2e; position: relative;} .ch-time-item > a:after {content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; border-left: 1px solid #000; background-color: #2b2d2e; z-index: 1;} .ch-time-item > a:before { content: ''; position: absolute; right: 8px; top: 16px; width: 0; height: 0; z-index: 2; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #d1d1d1; } .ch-time-item + .ch-time-item {float: right;} .ch-time-item.active { border-bottom-color: transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .ch-time-item.active .ch-time-item-podmenu {display: block;} .ch-time-item-podmenu { position: absolute; right: -1px; top: 36px; background-color: #fff; border: 1px solid #000; width: 64px; border-top: none; display: none; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; z-index: 5; } .ch-time-item-podmenu a {display: block; color: #2b2d2e; font-size: 14px; line-height: 27px; padding: 0 0 0 10px; height: 23px; font-weight: bold; text-decoration: none; overflow: hidden; line-height: 23px;} .ch-time-item-podmenu a.active {color: #fff; background-color: #131415;} .timetable-some-block > div {display: none;} .timetable-some-block > div.active {display: block;} .timetable-some-select { border: 1px solid #000; background-color: #fff; height: 36px; float: left; position: relative; margin-right: 10px; min-width: 66px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .timetable-some-select > a {display: block; height: 36px; line-height: 36px; font-size: 13px; font-weight: bold; text-decoration: none; padding: 0 31px 0 4px; color: #2b2d2e; position: relative;} .timetable-some-select > a:after {content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; border-left: 1px solid #000; background-color: #2b2d2e; z-index: 1;} .timetable-some-select > a:before { content: ''; position: absolute; right: 8px; top: 16px; width: 0; height: 0; z-index: 2; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #d1d1d1; } .timetable-some-select > a span { float: left; width: 23px; height: 23px; border: 2px solid #000; float: left; position: relative; overflow: hidden; margin: 5px 0 0 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .timetable-some-select.active > a:before { content: ''; position: absolute; right: 8px; top: 16px; width: 0; height: 0; z-index: 2; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #d1d1d1; border-top: none; } .timetable-some-select.select-podmenu-down.active { border-bottom-color: transparent; -webkit-border-radius: 4px 4px 4px 0; -moz-border-radius: 4px 4px 4px 0; border-radius: 4px 4px 4px 0; } .timetable-some-select.select-podmenu-up.active { border-top-color: transparent; -webkit-border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; } .timetable-some-select-podmenu { position: absolute; left: -1px; background-color: #fff; border: 1px solid #000; width: 180px; display: none; z-index: 5; } .timetable-some-select.select-podmenu-down .timetable-some-select-podmenu { border-top: none; -webkit-border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; border-radius: 0 4px 4px 4px; } .timetable-some-select.select-podmenu-up .timetable-some-select-podmenu { top: -112px; border-bottom: none; -webkit-border-radius: 4px 4px 4px 0; -moz-border-radius: 4px 4px 4px 0; border-radius: 4px 4px 4px 0; } .timetable-some-select.active .timetable-some-select-podmenu {display: block;} .timetable-some-select-podmenu a {display: block; color: #757677; font-size: 14px; line-height: 27px; padding: 5px 0 5px 5px; font-weight: bold; text-decoration: none; overflow: hidden;} .timetable-some-select-podmenu span { width: 23px; height: 23px; border: 2px solid #000; float: left; margin: 0 5px 0 0; position: relative; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .timetable-some-select-podmenu a.active {background-color: #131415; color: #fff;} .timetable-some-select-podmenu a:focus {background-color: #131415; color: #fff;} .timetable-some-select-podmenu span.work, .timetable-some-select > a span.work { background: #7cbd41; background: -webkit-linear-gradient(to bottom, #7cbd41, #407521); background: -moz-linear-gradient(to bottom, #7cbd41, #407521); background: linear-gradient(to bottom, #7cbd41, #407521); } .timetable-some-select-podmenu span.nowork, .timetable-some-select > a span.nowork {background: #4b4c4d;} .timetable-some-select-podmenu span.workhalf:after, .timetable-some-select > a span.workhalf:after { content:''; position: absolute; right: 0; bottom: 0; top: 0; left: 11px; width: 14px; background: #7cbd41; background: -webkit-linear-gradient(to bottom, #7cbd41, #407521); background: -moz-linear-gradient(to bottom, #7cbd41, #407521); background: linear-gradient(to bottom, #7cbd41, #407521); } .timetable-some-orange {color: #f7b507; font-size: 16px; font-weight: bold;} .timetable-some-grey {color: #6d6e6f; font-size: 16px; font-weight: bold;} .todayitem {background-color: #131415;} .box-btn-timetable {padding: 15px 17px 0 17px;} .box-btn-timetable a {max-width: 400px;} .box-sm-ms {font-size: 10px; color: #6d6e6f; width: 96px; overflow: hidden; position: relative; text-align: left !important; display: none;} .box-sm-ms:after { content: ''; position: absolute; left: 0; top: 12px; width: 96px; height: 1px; background-color: #6d6e6f; -webkit-transform: rotate(9deg); -moz-transform: rotate(9deg); transform: rotate(9deg); } .box-sm-ms .sessionstitle {float: right; margin-top: 2px;} .box-sm-ms .masseurstitle {float: left; margin-top: 2px;} /*01.08.2015*/ .cc-time { height: 38px; position: relative;} /*.cc-time:after {content: ''; position: absolute; left: 50%; margin-left: -3px; top: 19px; width: 6px; height: 2px; background-color: #fff;}*/ .cc-time > div {float: left; width: 45%;} .cc-time > div + div {float: right;} .cc-time-select { border: 1px solid #000; background-color: #fff; width: 45%; height: 36px; float: left; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .cc-time-select span {display: block; height: 36px; line-height: 36px; font-size: 13px; font-weight: bold; text-decoration: none; padding: 0 31px 0 10px; color: #2b2d2e; position: relative;} .cc-time-select span:after {content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 30px; border-left: 1px solid #000; background-color: #2b2d2e; z-index: 1;} .cc-time-select span:before { content: ''; position: absolute; right: 8px; top: 16px; width: 0; height: 0; z-index: 2; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #d1d1d1; } .cc-time-select select {position: absolute; left: 0; top: 0; width: 100%; height: 36px; opacity: 0; z-index: 2000;} #checkphotos_container {text-align: center;} @media (min-width: 458px) { .box-btns-table {display: none;} .box-sm-ms {display: block;} .table-timetable .td-hide {display: table-cell !important;} .table-timetable .td-show {display: table-cell !important;} .timetable-item .td-hide {display: table-cell !important;} .timetable-item .td-show {display: table-cell !important;} } .table-timetable .sunday { border-right: 1px solid #4b4c4d; } @media (min-width: 321px) and (max-width: 600px) { .menu-btns-mini a {float: left; margin-left: 3px;} .menu-btns-mini a:first-child {margin-left: 0;} .menu-btns-mini-folder a {float: left; margin-left: 3px;} .menu-btns-mini-folder a:first-child {margin-left: 0;} } @media (min-width: 383px) { .menu-btns > div {width: auto;} .menu-btns > div > a {padding: 0 14px; font-size: 16px;} } @media (min-width: 600px) and (max-width: 900px) { .girls-ankets {position: relative; text-align: center; margin: 0 0 0 -10px;} .girls-ankets-item {width: 45%; margin: 0 0 20px 10px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; text-align: left;} .girls-ankets-img {height: 136px;} .photo-grops {position: relative; text-align: center; margin: 0 0 0 -10px;} .photo-grops-item {width: 45%; margin: 0 0 20px 10px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; text-align: left;} .photo-grops-img {height: 136px;} .menu-btns-mini a {width: 100px; font-size: 14px;} .menu-btns-mini-folder a {width: 100px; font-size: 14px;} .photo-list {margin: 15px 0 0 -15px;} .photo-list-item {width: 22%; margin: 0 0 15px 15px;} .photo-list-img {height: 150px; line-height: 150px;} .photo-list-arhive {margin: 0 0 0 -15px;} .photo-list-arhiv-item {width: 30%; margin: 0 0 15px 15px;} .photo-list-arhiv-img {height: 150px; line-height: 150px;} .photo-list-item .photo-list-info {font-size: 13px;} .wrapper1200 .last-td a {width: 170px; margin: 0 auto; font-size: 15px;} .menu-btns-n a {width: 110px; font-size: 14px;} .girls-ankets-redline {font-size: 10px;} .girls-ankets-addphoto {font-size: 13px;} .girls-ankets-table {font-size: 13px;} .girls-ankets-linkblue {font-size: 13px;} .girls-ankets-table-item .fll {max-width: 50%;} .form-anketa-block-f-slide a {max-width: 270px; margin: 0 auto 10px auto;} .box-inner-files a {width: 250px; margin: 15px auto 0 auto;} .files-stutus {font-size: 14px;} .files-stutus a {font-size: 13px;} .box-inner-files a {font-size: 14px;} .photo-list-redline {font-size: 10px;} .box-action-files a {font-size: 14px;} .box-photo-edit-items i {font-size: 11px;} .box-inner-files > div {font-size: 18px;} .form-anketa .select-00 select {font-size: 16px;} .form-anketa .select-00 span {font-size: 16px;} .form-anketa-input input[type="text"], .form-anketa-input textarea {font-size: 14px;} .select-00 select {font-size: 15px;} .select-00 span {font-size: 15px !important;} .razr {font-size: 10px;} .box-photo-edit-items .razr {font-size: 14px;} .photo-list-item a {font-size: 10px;} } @media (min-width: 900px) { .girls-ankets {position: relative; text-align: center; margin: 0 0 0 -20px;} .girls-ankets-item {width: 28%; margin: 0 0 25px 20px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; text-align: left;} .girls-ankets-img {height: 142px;} .photo-grops {position: relative; text-align: center; margin: 0 0 0 -20px;} .photo-grops-item {width: 28%; margin: 0 0 25px 20px; display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; text-align: left;} .photo-grops-img {height: 142px;} .photo-grops-redline {font-size: 10px;} .photo-grops-addphoto {font-size: 13px;} .photo-grops-table {font-size: 13px;} .photo-grops-linkblue {font-size: 13px;} .photo-grops-info {font-size: 11px;} .photo-grops-info b {font-size: 13px;} .menu-btns-mini a {width: 13%; font-size: 15px;} .menu-btns-mini-folder a {width: 13%; font-size: 15px;} .photo-list {margin: 15px 0 0 -15px; text-align: center;} .photo-list-item {width: 17.5%; margin: 0 0 15px 15px;} .photo-list-img {height: 90px; line-height: 90px;} .photo-list-info {font-size: 13px;} .photo-list-item .fll {font-size: 10px;} .photo-list-item .razr {font-size: 10px;} #checkphotos_container .photo-list-item {width: 21%;} .box-inner-files a {width: 60%; margin-left: auto; margin-right: auto;} .photo-list-arhive {margin: 0 0 0 -15px;} .photo-list-arhiv-item {width: 30%; margin: 0 0 15px 15px;} .photo-list-arhiv-img {height: 150px; line-height: 150px;} .photo-list-arhiv-item a {font-size: 13px;} .photo-list-arhiv-info {font-size: 12px;} .list-links-photo {font-size: 12px;} .wrapper1200 .last-td a {width: 170px; margin: 0 auto; font-size: 16px;} .menu-btns-n a {width: 120px; font-size: 15px;} .girls-ankets-redline {font-size: 10px;} .girls-ankets-addphoto {font-size: 13px;} .girls-ankets-table {font-size: 13px;} .girls-ankets-linkblue {font-size: 13px;} .girls-ankets-info {font-size: 11px;} .girls-ankets-info b {font-size: 13px;} .files-stutus {font-size: 14px;} .files-stutus a {font-size: 13px;} .box-inner-files a {width: 250px; margin: 15px auto 0 auto;} .photo-list-redline {font-size: 10px;} .box-action-files a {font-size: 15px;} .box-photo-edit-items i {font-size: 12px;} .box-inner-files > div {font-size: 20px;} .form-anketa .select-00 select {font-size: 18px;} .form-anketa .select-00 span {font-size: 18px;} .form-anketa-input input[type="text"], .form-anketa-input textarea {font-size: 16px;} .select-00 select {font-size: 17px;} .select-00 span {font-size: 17px !important;} .box-photo-edit-items .razr {font-size: 14px;} } #photo_uploader_filelist, #photo_uploader_filelist2, #photo_uploader_filelist3 { color: white; } .phone .visitscounter { position:absolute; left: 50%; margin-left: 71px; margin-top: -8px; display:inline-block; background: none; border: 1px solid lightgray; width: 16px; height: 16px; border-radius: 8px; line-height: 16px; text-align: center; color: white; font-size: 11px; } .phone .visitscounter.orangecounter { border: 1px solid orange; color: orange; } .table-timetable .timetabletd {font-size: 11px; color:lightgray; padding: 0px; color:#4B4C4D; background: url(/img/timetable/line.png) 0px 5px no-repeat;} .table-timetable .timetabletd .sessionstitle {position:absolute; margin-left: 55px; margin-top:-40px;} .table-timetable .timetabletd .masseurstitle {position:absolute; margin-top: -15px;} .lastmarks {color: #757677; margin-left: 104px;} .btn-room .masseurname { float: right; font-size: 11px; } .headersalon { font-size: 22px; color: #f7b507; } #masseurtitle { font-size: 26px; color: white; text-align: center; padding-top: 3px; } .copytimetable { position: absolute; top: 43px; z-index: 10; cursor: pointer; } .btn-color-grey.timetablebutton {font-size: 16px; padding-left: 7px; padding-right: 7px; margin-left: 5px;} .box-ov-white.timetableinput { height: 32px; width: 60px; font-size: 18px; } .salonwidget { position: fixed; bottom: 0px; right: 0px; font-size: 16px; height: 30px; background: url(/img/changesalon.png) no-repeat 5px 2px; background-size: 24px; } .salonwidget .backg { background: black; opacity: 0.5; position: absolute; width: 100%; height: 100%; } .salonwidget .salonname { color: white; margin: 5px; margin-left: 35px; margin-right: 10px; position: relative; } .salonwidget a {color: white; text-decoration: none;} .timetable-item td + td + td:active, .timetable-item td + td + td:hover {background-color: #5496d6; cursor: pointer;} .overflow-nn {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 8; background-color: rgba(0,0,0,0.5); display: none;} .popup-timetable {position: absolute; left: 0; right: 0; top: 20px; z-index: 501; display: none;} .popup-timetable > div { margin: 0 10px; background-color: #2b2d2e; padding: 10px; max-width: 483px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.9); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.9); box-shadow: 0 0 10px rgba(0,0,0,0.9); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); } .popup-timetable .pimp-n { content: ''; position: absolute; left: 0; top: -15px; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #2b2d2e; } .popup-timetable .pimp-n:after { content: ''; position: absolute; left: 50%; margin: 0 0 0 -15px; top: 7px; width: 30px; height: 30px; z-index: -2; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.9); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.9); box-shadow: 0 0 10px rgba(0,0,0,0.9); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .timetable-name {color: #fff; text-decoration: none; cursor: default;} .box-btns-timetable-nn { overflow: hidden; } .box-btns-timetable-nn div {width: 33%; float: left; margin-left: 1px;} .box-btns-timetable-nn div:first-child {margin-left: 0;} .box-btns-timetable-nn a { display: block; text-align: center; text-decoration: none; height: 34px; line-height: 34px; font-size: 12px; font-weight: bold; color: #1a1917; padding: 0; overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; background: #fff; background: -webkit-linear-gradient(to bottom, #fff, #aaa); background: -moz-linear-gradient(to bottom, #fff, #aaa); background: linear-gradient(to bottom, #fff, #aaa); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(30,31,30,.85); -moz-box-shadow: 0 1px 0 rgba(30,31,30,.85); box-shadow: 0 1px 0 rgba(30,31,30,.85); } .box-btns-timetable-nn a.active { background: #8cc6ff; } .box-btns-timetable-nn a span {display: inline-block; position: relative; padding-left: 18px; } .box-btns-timetable-nn a span:after {position: absolute; left: 2px; top: 50%; } .btns-timetable-nn-rest span:after { content: ''; width: 12px; height: 12px; margin-top: -6px; background-color: #4b4c4d; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .btns-timetable-nn-fullday span:after { content: ''; width: 12px; height: 12px; margin-top: -6px; background-color: #407521; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .btns-timetable-nn-halfday span:before { content: ''; position: absolute; left: 2px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background-color: #fff; z-index: 2; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } .btns-timetable-nn-halfday span:after { content: ''; width: 6px; height: 12px; margin-top: -6px; background-color: #407521; left: 8px !important; z-index: 3; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .box-input-timetable-nn {border-top: 1px solid rgba(255,255,255,0.2); margin-top: 10px; padding-top: 10px; display: none;} .box-input-timetable-nn table {width: 100%;} .box-input-timetable-nn table td {padding: 0 2px;} .box-input-timetable-nn table td:first-child {padding-left: 0;} .box-input-timetable-nn table td:last-child {padding-right: 0;} .box-input-timetable-nn div { border: 2px solid #000; background-color: #fff; padding: 0 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .box-input-timetable-nn div input {width: 100%; padding: 9px 0; font-size: 13px; color: #000; font-weight: bold; outline: none; border: none; background: none;} .box-input-timetable-nn ::-webkit-input-placeholder {color:#aaa; font-weight: normal;} .box-input-timetable-nn ::-moz-placeholder {color:#aaa; font-weight: normal;} .box-input-timetable-nn :-moz-placeholder {color:#aaa; font-weight: normal;} .box-input-timetable-nn :-ms-input-placeholder {color:#aaa; font-weight: normal;} .box-input-timetable-nn .btn-12 { display: block; height: 36px; color: #fff; font-size: 11px; text-align: center; text-decoration: none; width: 100%; font-weight: bold; line-height: 36px; float: left; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.5)); background: -moz-linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.5)); background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,0.5)); -webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset, 0 -1px 0 0 rgba(0,0,0,0.8) inset; -moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset, 0 -1px 0 0 rgba(0,0,0,0.8) inset; box-shadow: 0 1px 0 0 rgba(255,255,255,0.15) inset, 0 -1px 0 0 rgba(0,0,0,0.8) inset; } .box-input-timetable-nn .btn-12:active { color: #fff; background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(255,255,255,0)); background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(255,255,255,0)); background: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(255,255,255,0)); -webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.15) inset, 0 1px 0 0 rgba(0,0,0,0.8) inset; -moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,0.15) inset, 0 1px 0 0 rgba(0,0,0,0.8) inset; box-shadow: 0 -1px 0 0 rgba(255,255,255,0.15) inset, 0 1px 0 0 rgba(0,0,0,0.8) inset; } .box-halfday-active {text-align: center; margin-top: 10px; display: none;} .box-halfday-active a { display: inline-block; text-align: center; text-decoration: none; height: 34px; line-height: 34px; font-size: 12px; font-weight: bold; color: #1a1917; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; background: #fff; background: -webkit-linear-gradient(to bottom, #fff, #aaa); background: -moz-linear-gradient(to bottom, #fff, #aaa); background: linear-gradient(to bottom, #fff, #aaa); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(30,31,30,.85); -moz-box-shadow: 0 1px 0 rgba(30,31,30,.85); box-shadow: 0 1px 0 rgba(30,31,30,.85); } .timetable {padding-bottom: 200px;} .td-active-n {background-color: #5496d6 !important;} /*02.09.2015*/ .title-admins-list {overflow: hidden; font-size: 20px; font-weight: bold; color: #fff; padding-top: 7px;} .title-create-admin {overflow: hidden; font-size: 16px; font-weight: bold; color: #fff; padding: 11px 0 0 10px;} .list-admins {font-size: 13px; color: #fff;} .list-admins-item {padding: 15px 40px 15px 47px; position: relative; border-bottom: 1px solid #414243; cursor: pointer;} .list-admins-item:active {background-color: #131415;} .list-admins-item:after {content: ''; width: 6px; height: 10px; position: absolute; right: 15px; top: 50%; margin-top: -5px; background: url('../img/system/str-white.png') 0 0 no-repeat;} .list-admins-item:before {content: ''; width: 12px; height: 15px; position: absolute; left: 16px; top: 50%; margin-top: -9px; background: url('../img/system/icon-lock.png') 0 0 no-repeat;} .list-admins-item.lock:before {background-position: 0 -15px;} .list-admins-item.lock {color: #757677;} .tal {text-align: left !important;} i.icon-timetable {background: url('../img/system/icons.png') 0 -96px no-repeat;}