html, body, span, p, h1, h2, h3, h4, h5, a, li, select, table, input, label { font-family: 'Lato','Open Sans',sans-serif; margin: 0px; padding: 0px; } html { height: 100%; } html, body { min-height: 100%; } h1,h2 { margin-bottom: 10px; font-size: 25px; } body { font-size: 14px; color: #465157; position: relative; } iframe#iframecatalog { position: relative; margin-bottom: 150px; margin-top: 24px; min-height: 250px; } .clear { clear: both; overflow: hidden; content: "."; } /*Общие стили*/ button:focus, button, input, select { outline: 0 !important; } ol, ul { list-style: none; } a { outline: none !important; transition: all .2s; } select { min-width: 90px; } a:hover { text-decoration: none; } .wrapper { padding-bottom: 140px; /*position: relative;*/ } @font-face { font-family: 'latothin'; src: url('/css/NewTemplate/fonts/lato-thin.eot'); src: url('/css/NewTemplate/fonts/lato-thin.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-thin.woff') format('woff'), url('/css/NewTemplate/fonts/lato-thin.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('/css/NewTemplate/fonts/lato-light.eot'); src: url('/css/NewTemplate/fonts/lato-light.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-light.woff') format('woff'), url('/css/NewTemplate/fonts/lato-light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('/css/NewTemplate/fonts/lato-regular.eot'); src: url('/css/NewTemplate/fonts/lato-regular.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-regular.woff') format('woff'), url('/css/NewTemplate/fonts/lato-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latomedium'; src: url('/css/NewTemplate/fonts/lato-medium.eot'); src: url('/css/NewTemplate/fonts/lato-medium.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-medium.woff') format('woff'), url('/css/NewTemplate/fonts/lato-medium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latosemibold'; src: url('/css/NewTemplate/fonts/lato-semibold.eot'); src: url('/css/NewTemplate/fonts/lato-semibold.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-semibold.woff') format('woff'), url('/css/NewTemplate/fonts/lato-semibold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('/css/NewTemplate/fonts/lato-bold.eot'); src: url('/css/NewTemplate/fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-bold.woff') format('woff'), url('/css/NewTemplate/fonts/lato-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoheavy'; src: url('/css/NewTemplate/fonts/lato-heavy.eot'); src: url('/css/NewTemplate/fonts/lato-heavy.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-heavy.woff') format('woff'), url('/css/NewTemplate/fonts/lato-heavy.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoblack'; src: url('/css/NewTemplate/fonts/lato-black.eot'); src: url('/css/NewTemplate/fonts/lato-black.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-black.woff') format('woff'), url('/css/NewTemplate/fonts/lato-black.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latothin_italic'; src: url('/css/NewTemplate/fonts/lato-thinitalic.eot'); src: url('/css/NewTemplate/fonts/lato-thinitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-thinitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-thinitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight_italic'; src: url('/css/NewTemplate/fonts/lato-lightitalic.eot'); src: url('/css/NewTemplate/fonts/lato-lightitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-lightitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-lightitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoitalic'; src: url('/css/NewTemplate/fonts/lato-italic.eot'); src: url('/css/NewTemplate/fonts/lato-italic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-italic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latomedium_italic'; src: url('/css/NewTemplate/fonts/lato-mediumitalic.eot'); src: url('/css/NewTemplate/fonts/lato-mediumitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-mediumitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-mediumitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latosemibold_italic'; src: url('/css/NewTemplate/fonts/lato-semibolditalic.eot'); src: url('/css/NewTemplate/fonts/lato-semibolditalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-semibolditalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-semibolditalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold_italic'; src: url('/css/NewTemplate/fonts/lato-bolditalic.eot'); src: url('/css/NewTemplate/fonts/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-bolditalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-bolditalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoheavy_italic'; src: url('/css/NewTemplate/fonts/lato-heavyitalic.eot'); src: url('/css/NewTemplate/fonts/lato-heavyitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-heavyitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-heavyitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoblack_italic'; src: url('/css/NewTemplate/fonts/lato-blackitalic.eot'); src: url('/css/NewTemplate/fonts/lato-blackitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-blackitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-blackitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latohairline'; src: url('/css/NewTemplate/fonts/lato-hairline.eot'); src: url('/css/NewTemplate/fonts/lato-hairline.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-hairline.woff') format('woff'), url('/css/NewTemplate/fonts/lato-hairline.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latohairline_italic'; src: url('/css/NewTemplate/fonts/lato-hairlineitalic.eot'); src: url('/css/NewTemplate/fonts/lato-hairlineitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-hairlineitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-hairlineitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Glyphicons Halflings'; src: url('/css/NewTemplate/fonts/glyphicons-halflings-regular.eot'); src: url('/css/NewTemplate/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/css/NewTemplate/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/css/NewTemplate/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/css/NewTemplate/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } } .main_cont { min-height: 800px; } a { } a:hover { } a:active { } .row { margin: 0px !important; } /* headers header_site */ header { padding: 0px !important; border-bottom: 1px solid #e9eaea !important; background-color: #394350; background: transparent linear-gradient(to bottom, #5B6B7F 0%, #394350 100%) repeat scroll 0% 0% !important; } .order { /*background: transparent linear-gradient(to bottom, #5B6B7F 0%, #394350 100%) repeat scroll 0% 0% !important;*/ } .reg-head { background: transparent linear-gradient(to bottom, #5B6B7F 0%, #394350 100%) repeat scroll 0% 0% !important; } /* end of headers -----------------------------------------------------------------------------------*/ /* top bar in order_view -----------------------------------------------------------------------------------*/ #top-bar { font-size: 14px; background: transparent linear-gradient(to bottom, #c7c7c7 0%, #e7e7e7 10%, #e7e7e7 100%) repeat scroll 0% 0%; height: 50px; } .top-bar-list { margin-left: 85px; } .top-bar-list li { list-style: none; float: left; } .top-bar-list-1 { color: #465257; } .top-bar-list-2 { color: #e08f03; } .top-bar-list-3 { color: #465257; } .top-bar-list-4 { color: #51a010; } .top-bar-list-5 { color: #465257; } .top-bar-list-6 { color: #fc5a5a; } .top-bar-list li span { text-decoration: underline; } #top-bar .close-top-bar { cursor: pointer; margin-left: 60px; } /* end of top bar in order_view -----------------------------------------------------------------------------------*/ /* main content in header cont_head -----------------------------------------------------------------------------------*/ #logo img { margin-top: 30px; } #login-out a:not(#login) { color: #FFF; text-decoration: underline; display: block; padding-right: 0; padding-left: 0; } #login-out a:hover { } #login-out ul li { list-style: none; float: left; } #login-out ul li:first-child { padding-top: 45px; padding-left: 14px; } #login-out ul li { padding-left: 10px; padding-top: 43px; padding-bottom: 0px; } #login { position: relative; color: transparent !important; } img.hover { position: absolute; visibility: hidden; left: 0px; } #login:hover img.hover { } #login:hover img { } #login img:not(.hover) { } .user { font-size: 13px; color: #f1ae20; padding-top: 0px !important; text-transform: uppercase; } .user_id { font-size: 14px; color: #fff; float: right; padding-top: 0px !important; } .user_block { margin-top: 10px; max-width: 150px; } .login-nav-761 { margin-left: -37px } .login-nav-761 li { list-style: none; } .login-nav-761 li:first-child { margin-bottom: -36px; margin-top: 19px; } .login-nav-761 a { width: 40px !important; } .login-nav-761 a:hover { color: #f1ae20 !important; } .navbar-toggle { background-color: #e2e3e4; position: relative; float: right; /*top: 55px;*/ margin-right: 15px; padding: 9px 10px; margin-bottom: 8px; border: 1px solid transparent; border-radius: 4px; } .navbar-nav { font-size: 18px; padding-left: 0px; } .navbar-default { background-color: transparent; border-color: transparent; } .nav-menu-top { margin-left: 164px; margin-top: 14px; } .top-menu img { padding-left: 12px; padding-bottom: 5px; } .navbar { position: relative; min-height: 0px; margin-bottom: 0px; border: 0px solid transparent; } /* .navbar-default a { height: 70px; text-align: center; display: table-caption !important; text-transform: uppercase; color: #CDD0D4; font-size: 14px; }*/ .top-menu.active a { color: #f1ae20; } .navbar-nav a:hover { display: table-captionfo !important; color: #f1ae20; background: none; } .navbar-nav span:not(.reg-text) { padding-top: 36px; display: block; -ms-word-wrap: break-word; word-wrap: break-word; } .navbar-nav img { display: block; } .navbar-nav #menu-orders { text-align: center; } /* .navbar-nav #menu-clients { padding-left: 29px; } .navbar-nav #menu-message { padding-left: 21px; } .navbar-nav #menu-control{ margin-left: 6px; } .navbar-nav #menu-trash { padding-left: 31px; }*/ .dropdown-menu { margin-top: -10px !important; border: 1px solid #dbdbdb !important; } .dropdown-menu:after { content: ''; position: absolute; width: 0; height: 0; border: 9px solid; border-bottom-color: #fff; top: -18px; left: 44%; margin-left: -15px; color: transparent } .dropdown-menu a { color: #000 !important; } .circle_m { display: inline-block; width: 15px; height: 15px; border-radius: 50px; background-color: #ededed; margin-right: 10px; padding-top: 5px; } .circle_m.not-filled { background-color: #ffcccc; } /* end of main content in header -----------------------------------------------------------------------------------*/ select /* main setting for select */ { border-radius: 5px; background-color: #fff; background: url(../../images/NewTemplate/select_btn.png) no-repeat right #fff; border: 1px solid #e7e7e7; } select:not(.form-control) { -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; } /* ico for menu ico_for_menu -----------------------------------------------------------------------------------*/ .navbar-nav > li:first-child { /*padding-left: 65px;*/ } .navbar-nav > li { float: left; margin-top: -11px; padding-left: 16px; padding-bottom: 28px; } .top-menu .icon { background-image: url('../../images/NewTemplate/sprite_icon_menu.png'); background-repeat: no-repeat; width: 28px; height: 28px; display: block; margin: 0 auto; position: relative; top: 27px; } .top-menu span { padding-top: 35px !important; } .src-trash { background-position: -30px 1px; } .top-menu a:hover .src-trash, .top-menu.active .src-trash { background-position: -30px -26px !important; } .src-trash-link:hover .count-trash { background-color: #f1ae20 !important; } .top-menu.active .count-trash { background-color: #f1ae20 !important; } .src-search { background-position: 0 0px; } .top-menu a:hover .src-search, .top-menu.active .src-search { background-position: 0 -28px !important; padding-top: 1px; } .src-orders { background-position: -63px 1px; } .top-menu a:hover .src-orders, .top-menu.active .src-orders { background-position: -62px -27px !important; /* left: -1px; */ width: 30px; } .src-clients { background-position: -96px 1px; } .top-menu a:hover .src-clients, .top-menu.active .src-clients { background-position: -96px -26px !important; } .src-retail { width: 37px !important; background-position: -202px 1px; } .top-menu a:hover .src-retail, .top-menu.active .src-retail { background-position: -202px -27px !important; } .src-message { background-position: -131px 1px; width: 37px !important; } .top-menu a:hover .src-message, .top-menu.active .src-message { background-position: -131px -26px !important; } .top-menu a:hover .count-message, .top-menu.active .count-message { background-color: #f1ae20 !important; } .top-menu.active .count-message { background-color: #f1ae20 !important; } .src-control { background-position: -171px 0px; width: 29px !important; } .top-menu a:hover .src-control, .top-menu.active .src-control { background-position: -171px -28px !important; } .src-company { background-position: 0px -56px; background-image: url('../../images/NewTemplate/sprite_icon_menu2.png') !important; width: 35px !important; } .top-menu a:hover .src-company, .top-menu.active .src-company { background-position: 0 -91px; } .src-people { background-position: -45px -56px; width: 48px !important; background-image: url('../../images/NewTemplate/sprite_icon_menu2.png') !important; } .top-menu a:hover .src-people, .top-menu.active .src-people { background-position: -45px -92px; } .src-air { background-position: -99px -56px; background-image: url('../../images/NewTemplate/sprite_icon_menu2.png') !important; } .top-menu a:hover .src-air { background-position: -99px -91px; } .src-car { background-position: -137px -56px; width: 52px !important; background-image: url('../../images/NewTemplate/sprite_icon_menu2.png') !important; } .top-menu a:hover .src-car { background-position: -137px -90px; } .count-trash { background-color: #FFF !important; width: 25px; height: 25px; border: 2px solid #3A4451; border-radius: 50%; margin-top: -68px; margin-left: 32px; color: #5f6874; line-height: 22px; position: absolute; z-index: 2; font-size: 12px; text-align: center; } .count-message { background-color: #FFF !important; width: 25px; height: 25px; border: 2px solid #3A4451; border-radius: 50%; margin-top: -68px; margin-left: 52px; color: #5f6874; position: absolute; z-index: 2; font-size: 12px; text-align: center; line-height: 22px; } /* end of ico for menu -----------------------------------------------------------------------------------*/ /* search block search_block -----------------------------------------------------------------------------------*/ .search .search-form { border: 1px solid #e9eaea; border-radius: 5px; height: 74px; background: transparent linear-gradient(to bottom, #5b6b80 0%, #38424f 100%) repeat scroll 0% 0%; margin-bottom: 10px; } /* .scrolled .search-form-sticky { margin-top: 0 !important; position:fixed; width: 1259px; z-index: 99999; top:0; } */ .search-up { display: none; } .scrolled .search-up { /*margin-top: 0 !important;*/ /*position: fixed;*/ /*width: 100%;*/ /*display: block;*/ /*height: 112px;*/ /*z-index: 13;*/ /*top: 0px;*/ } body.scrolled { padding-top: 60px; } .search-form .dropdown-menu:after { top: -18px; } .search-form .dropdown-menu { margin-top: 12px !important; } .control-label { padding-top: 28px; /*padding-left: 45px;*/ font-size: 15px; /* color: #fff;*/ } .search-form-input { margin-top: -8px; margin-left: 20%; } .search-form-input > input[type="text"] { padding-left: 13px !important; float: left; } .form-control { display: inline-block; width: 70%; height: 39px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; /*padding: 0px !important;*/ } form[name='orders'] .form-control { border-radius: 0; box-shadow: none; border: 1px solid #eceff1; } .form-control.long { width: 87%; } .form-control-order { /*margin-top: 35px;*/ margin-left: 115px; display: inline-block; width: 70%; height: 43px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; padding: 0px !important; } .form-control-main-reg { display: inline-block; width: 80%; height: 39px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; padding: 0px !important; margin-left: 40px; } .search-form-input button:not(.s_ye):not(.s_ye-order):not(.s_ye-main-reg) { background-color: #F3F3F3; font-size: 13px; color: #465257; height: 39px; border: 0px none; padding: 5px 9px 8px 9px; margin-left: -8px; top: 2px; position: relative; } .s_ye { width: 10%; background: url("../../images/NewTemplate/button_serach.png") no-repeat 0 0; border: 0px none; min-width: 81px ; border-radius: 2px; height: 43px; top: -1px; position: relative; left: -9px; z-index: 10; } .s_ye-order { z-index: 1; width: 8%; background: #F1AE20 url('../../images/NewTemplate/button_serach.png') no-repeat 0 0 !important; border: 0px none; border-radius: 2px; height: 44px; margin-left: -7px; } .s_ye-main-reg { z-index: 1; width: 8%; background-color: #F1AE20; border: 0px none; border-radius: 2px; height: 39px; margin-left: -7px; } .input-group-btn { display: inline; } .history_search { border-bottom: 1px dotted #000; padding-bottom: 1px; font-size: 16px; display: inline-block !important; margin-left: 26px; } .dropdown-menu { margin: 17px 0px 0px; } /* end of search block -----------------------------------------------------------------------------------*/ /* all table settings -----------------------------------------------------------------------------------*/ table { width: 100%; border-collapse: collapse; } .top-table { background-color: #f3f3f3; border-bottom: 2px solid #f1ae20; } .top-table td:nth-of-type(1) span { padding-left: 10px; } .table-units td:nth-of-type(1) span { margin-left: 10px; font-weight: bold; } .top_table ~ span { cursor: pointer; } .table-brend { background-color: #fffaf2 !important; } .middle-table { height: 80px; border-bottom: 2px solid #c6c6c6; background-color: #fff !important; } .middle-tab { width: 85% !important; } .bottom-tab { width: 86% !important; } .analogy { vertical-align: bottom !important; color: #f22525; } .all-offers { text-align: right; } .all-offers span:not(#price) { border-bottom: 1px dashed; color: #2875c4; } .all-offers #price { color: #000 !important; margin-right: 223px; font-weight: bold; border-bottom: 1px dashed #2875c4; } .top-table span { /*padding: 10px 0px;*/ line-height: 12px; } .order3_cur, .order4_cur, .order5_cur, .order6_cur, .order7_cur, .order8_cur, .count_all_order_cur { text-align: center; } .sup_order_1_cur { padding-left: 8px !important; } .top-table img { margin-left: 5px; } .top-table td { cursor: pointer; } .top-table td:hover { background-color: #e7e7e7; } .top-table td.active { background-color: #e7e7e7; } .table-units td:not(.brend-units) { font-size: 14px; padding-top: 15px !important; padding-bottom: 15px !important; } .full-ico { margin-left: 11px; } .half-ico { margin-left: 11px; } .ok-ico { margin-left: 10px; } .info-ico { margin-left: 5px; } .time-ico { display: inline-block; margin-left: 5px; } .time { text-align: left; display: none; position: absolute; background-color: #feffff; width: 272px; height: 90px; color: #000; border: 1px solid #e9e9e9; -webkit-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); -moz-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); margin-top: -35px; margin-left: 78px; z-index: 999; } .time .timer { padding-left: 19px; } .time .time_title { font-style: italic; font-size: 15px; display: block; padding-left: 20px; padding-top: 15px; margin-bottom: 5px; color: #465257; border-bottom: none; font-weight: normal; } .time .timer > div { display: inline-block; font-weight: normal; } .time .timer .item { width: 42px; height: 34px; background: url("../../images/NewTemplate/timer.png") no-repeat 0 0; letter-spacing: 9px; line-height: 36px; font-size: 20px; padding-left: 5px; } .time .timer .text { position: relative; top: -2px; } .time .days { font-style: italic; font-size: 15px; color: #465257; } .time .sep_time { font-size: 15px; color: #465257; margin-right: 5px; } .time { font-weight: bold; } .days { margin-right: 10px !important; } .time span:not(.time_title):not( .sep_time):not(.days) { color: #30322e; background: transparent linear-gradient(to bottom, #f8f8f8 0%, #e2e2e2 50%, #fff 51%, #fff 100%) repeat scroll 0% 0% !important; padding: 5px 2px; border: 1px solid #b8b8b8; border-radius: 5px; } .time span:not(.day1):not(.time_title):not( .sep_time):not(.days) { margin-left: -4px; } .day1 { margin-left: 20px; } .time:after { content: ''; color: transparent; position: absolute; width: 0; height: 0; border: 11px solid; border-right-color: #fff; top: 17%; left: -8%; margin-left: 0px; -webkit-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); -moz-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); z-index: 991; } .time:before { content: ''; color: transparent; position: absolute; width: 0; height: 0; border: 13px solid; border-right-color: #d8dfe2; top: 13px; left: -25px; margin-left: 0px; -webkit-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); -moz-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); z-index: 991; } .time .time_title:before { content: ""; width: 5px; height: 30px; background: #fff; position: absolute; z-index: 999; display: block; margin-left: -20px; margin-top: -5px; } .buy { transition: all .2s; float: right; background-color: #f2f2f2; padding: 6px; border-radius: 7px; border: 1px solid #d4d4d4; cursor: pointer; margin-right: 10px; } .buy:hover { background-color: #ffffff; color: #f1ae20; border: 1px solid #f1ae20; } .main-reg-table { margin-top: 30px; width: 86%; margin-left: 114px; } .main-search-table { width: 86%; margin-left: 114px; } .brend { width: 200px !important; padding-left: 100px !important; } .main-reg-cur { color: #337bc4; padding-left: 0px !important; width: 89px; } .main-reg-cur span { border-bottom: 1px dashed; } .count { border-radius: 5px; border-top: 1px solid #cacaca; border: 1px solid #ededed; padding: 6px; display: inline-block; } .brends { padding-right: 100px !important; } .brends { text-align: center; } .brends-table { width: 211px; min-height: 200px; background-color: #fffaf2 !important; border: 1px solid #e0e1e2; position: absolute; margin-left: 58px; text-align: center; } .brends-table a { text-decoration: none; font-weight: bold; } .brends-table td { border: 0px solid #fff !important; } .table-brend tr td:nth-of-type(1) { text-align: left; } .brends-title { color: #2875c4; border-bottom: 1px dashed; } .brends-title:hover { color: #3D82C9 !important; border-bottom: none; } .brends-prise { font-weight: bold; color: #000 !important; } .brends-prise a { color: #000 !important; font-weight: bold; } .brend_cur:not(.main-reg-cur) { padding-left: 43px !important; color: #337bc4; text-decoration: underline; text-decoration-style: dashed; } .num-spare_cur:not(.main-reg-num-cur) { color: #337bc4; text-decoration: underline; font-weight: bold; } .num-spare_cur:not(.main-reg-num-cur) span { margin-left: 11px !important; } .main-reg-num-cur { width: 14%; color: #337bc4; text-decoration: underline; } .main-reg-num-cur span { } .stock_cur img { margin-top: -3px; } .stock_cur span { margin-left: 5px; vertical-align: bottom !important; } .main-reg-stock-cur { width: 10%; } .date_cur:not(.main-reg-date-cur) { color: #337bc4; } .date_cur:not(.main-reg-date-cur) span { margin-left: 11px !important; border-bottom: 1px dashed; } .main-reg-date-cur span { border-bottom: 1px dashed; } .main-reg-date-cur { width: 9%; color: #337bc4; } .main-reg-date-cur span { } .supplier_cur:not(.main-reg-sup-cur) { color: #9b9b9b; } .supplier_cur:not(.main-reg-sup-cur) span { margin-left: 11px !important; } .main-reg-sup-cur { width: 12%; color: #9b9b9b; } .main-reg-sup-cur span { } .info_spare_cur:not(.main-reg-info-cur) { color: #4e5a5e; } .info_spare_cur:not(.main-reg-info-cur) span { margin-left: 11px !important; } .main-reg-num-cur { width: 300px; } .main-reg-info-cur { width: 300px; } .main-reg-info-cur span { } .price_cur:not(.main-reg-price-cur) { color: #0f0f0f; } .price_cur:not(.main-reg-price-cur) span { font-weight: bold; margin-left: 11px !important; } .main-reg-price-cur { font-weight: bold; color: #0f0f0f; } .main-reg-val-cur { float: left; } .main-reg-price-cur span { } /* end of all table settings -----------------------------------------------------------------------------------*/ /* cat of main -----------------------------------------------------------------------------------*/ .cat { margin-top: 124px; } .cat-main { vertical-align: top; display: inline-block; } .cat-main a { color: #767D80 !important; } .cat-main li { background: transparent url("../../images/NewTemplate/li-dote.png") no-repeat scroll 0px 10px; padding-left: 10px; } .cat-main a:hover { border-bottom: 1px solid #767D80; } .cat-main li { list-style: none; padding-top: 3px; } .cat span { color: #faaa38; text-transform: uppercase; font-weight: bold; font-size: 13px; } .cat ul { padding-left: 0; margin-left: 110px; } .cat ul:first-child { margin-left: 0; } /* .oil { margin-left: 58px; padding-left: 0; } .electro { margin-left: 90px; } .tyre { margin-left: 96px; } .acces { margin-left: 84px; } .other { margin-left: 83px; }*/ /* end of cat of main -----------------------------------------------------------------------------------*/ /* banner & search -----------------------------------------------------------------------------------*/ .under-cat { /*margin-top: 111px;*/ } .second-search { min-width:630px; } .fill-to { cursor: pointer; } /*.banner {*/ /*float: left;*/ /*width: 45%;*/ /*}*/ /*.second-search {*/ /*float: right;*/ /*}*/ .banner img { /*width: 100%;*/ /*height: 189px;*/ } .search-form-2nd { margin-top: 24px; } .second-search { background-color: #f99f03; height: 188px; } .second-search span:not(.title) { display: inline-block; color: #675e4f; } .second-search .title { color: #fff; text-transform: uppercase; display: block; margin-left: 42px; margin-top: 25px; padding-bottom: 5px; } .second-search .column-left { float: left; width: 58%; padding-left: 60px; } .second-search .column-right { float: right; width: 47%; } .second-search .vin { width: 260px; height: 36px; margin-bottom: 8px; } .vin-block input[type="text"] { padding-left: 13px !important; } .vin-block { margin-left: 23px; background: transparent url("../../images/NewTemplate/separator.png") no-repeat scroll 94% 0px; padding-left: 20px !important; width: 50% !important; } .vin-block span:last-child { margin-left: 4px; display: inline-block; text-decoration: underline; text-decoration-style: dashed; color: #465257; } .select-model { padding-left: 5px; width: 286px; height: 33px; margin-left: 29px; } .model-block { left: -79px; position: relative; width: 38% !important; } .model-block select { width: 260px; } .model-block span { margin-left: 30px } /* end of banner & search -----------------------------------------------------------------------------------*/ .filter input[type="text"] { padding-left: 13px !important; } .search-form-input-order input[type="text"] { padding-left: 13px !important; } /* footer -----------------------------------------------------------------------------------*/ .footer { padding-top: 10px; background: #394350 none repeat scroll 0% 0%; height: 140px; position: absolute; bottom: 0; width: 100%; } .footer ul:not(.social) { display: inline-block; } .social-block { float: right; margin-top: -60px; } .footer ul li { list-style: none; margin-bottom: 8px; } .footer ul li a { color: #fff; font-size: 12px; outline: none; } .footer ul li a:hover { color: #f99f03; } .site-map-1st { margin-left: 0; padding-left: 0; } .site-map-2nd { margin-left: 32px } .site-map-3rd { margin-left: 40px; } .site-map-4th { margin-left: 45px; } .footer-logo { color: #fff; font-size: 14px; /*padding-left: 8px;*/ } .footer li.active a { color: #f99f03; border-bottom: 1px solid #f99f03; } .social { margin-left: -10px; } .social li { list-style: none; float: left; padding-right: 2px; } /* end of footer -----------------------------------------------------------------------------------*/ .search_up { visibility: hidden; top: 79px; left: 132px; background-color: #fff; position: absolute; width: 61%; border: 1px solid #c9caca; color: #465257; padding: 5px; z-index: 10; -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75); } .search-form-input-order { position: relative; } .search_up table tr td:nth-of-type(1) { text-align: right; padding-right: 20px; } .search_up table tr { cursor: pointer; } .search_up table tr:hover td:nth-of-type(4) { visibility: visible; } .search_up table tr:hover { background-color: #f3f3f3; } .search_up table tr td:nth-of-type(2) { padding-left: 20px; } .search_up table tr td:nth-of-type(3) { padding-left: 20px; } .search_up table tr td:nth-of-type(4) { cursor: pointer; visibility: hidden; text-align: right; } .search_up table tr td:nth-of-type(4) span { text-decoration: underline; color: #2875c4; padding-left: 10px; padding-right: 10px; } .search_up table tr td:nth-of-type(4) span:last-child { padding-right: 30px; } .search_up table tr td:nth-of-type(4) span:first-child { padding-right: 10px; padding-left: 0px; text-decoration: none !important; color: #adadad !important; } /* filter of orders -----------------------------------------------------------------------------------*/ #input_sp { font-style: italic; } .content { margin: 0 auto; max-width: 1260px; min-width: 600px; } .page-content { padding-top: 30px; } .filter { background-color: #f3f3f3; /*height: 150px;*/ margin: 10px 0px; padding: 10px 20px 15px 20px; } .wrap-calendar { padding-left: 32px; } .wrap-calendar span.sep { position: relative; left: -2px; } .filter label { font-weight: normal; margin-left: 16px; cursor: pointer; } .filter label span { color: #2875c4; border-bottom: 1px dashed #2875c4; } .filter label.error span { color: #ff0000; border-bottom: 1px dashed #ff0000; } .filter label input[type="checkbox"] { display: none; } .filter label.active { cursor: default; margin-right: -10px; } .filter .filter_one.active:before { content: ""; display: inline-block; width: 7px; height: 34px; background: url("../../images/NewTemplate/button/button_left.png") no-repeat 0 0; position: relative; top: 13px; } .filter .filter_one.active:after { content: ""; display: inline-block; width: 7px; height: 34px; background: url("../../images/NewTemplate/button/button_right.png") no-repeat 0 0; position: relative; top: 13px; left: -2px; } .filter .filter_one.active span { background: url("../../images/NewTemplate/button/button_center.png") repeat-x 0 0; padding: 10px 10px; border: none; } .filter .filter_two.active:before { content: ""; display: inline-block; width: 7px; height: 34px; background: url("../../images/NewTemplate/button/button2_left.png") no-repeat 0 0; position: relative; top: 13px; } .filter .filter_two.active:after { content: ""; display: inline-block; width: 7px; height: 34px; background: url("../../images/NewTemplate/button/button2_right.png") no-repeat 0 0; position: relative; top: 13px; left: -2px; } .filter .filter_two.active span { background: url("../../images/NewTemplate/button/button2_center.png") repeat-x 0 0; padding: 10px 10px; border: none; } .search_trash { border: 1px solid #eceff1; width: 83%; font-style: italic; height: 37px; margin-top: 10px; } .search_btn { display: inline-block; padding-left: 3px; cursor: pointer; position: relative; top: 2px; } .search_btn img { margin-top: -4px; } .filter_users { margin-top: 15px; margin-left: 2px; color: #82888b; display: inline-block; } .filter_users ~ span:not(.filter_state) { cursor: pointer; color: #2875c4; padding: 5px; text-decoration: underline; text-decoration-style: dashed; } .filter_users + span { padding-left: 10px; } .filter_users ~ span:not(.filter_state):hover { border-radius: 3px; color: #465257; text-decoration: none; background-color: #fff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); -moz-box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); } .filter_users ~ span.active { border-radius: 3px; color: #465257; text-decoration: none; background-color: #fff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); -moz-box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); } .filter_state { margin-top: 10px; margin-left: 2px; color: #82888b !important; display: inline-block; } /* .filter_state ~ span { cursor: pointer; color: #2875c4; padding: 5px; text-decoration: underline; text-decoration-style: dashed; } .filter_state ~ span:last-child { color: #ff0000 !important; } */ /* .filter_state ~ span:hover { background-color: #fcfcca !important; color: #465257 !important; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(d3, d3, a9, 0.5) !important; -moz-box-shadow: inset 0px 1px 1px 0px rgba(d3, d3, a9, 0.5) !important; box-shadow: inset 0px 1px 1px 0px rgba(d3, d3, a9, 0.5) !important; } */ .filter_select { border: 1px solid #e7e7e7; width: 150px; margin-left: 5px; padding: 5px; } /* end of filter -----------------------------------------------------------------------------------*/ /* calendar & time selector -----------------------------------------------------------------------------------*/ .title_time_select { display: inline-block; color: #465257; float: right; } .title_time_select.left { float: left; } .time_select { padding: 3px 0px; color: #465257; border: 1px solid #e7e7e7; width: 150px; padding: 5px; } .time_select option { font-weight: normal; color: inherit; border: none; box-shadow: none; } .new-calendar { /* cursor: pointer; margin-top: 10px; height: 40px; width: 200px; background: url(../../images/NewTemplate/cal.png) no-repeat 178px center; border: 1px solid #e4eaee; background-color: #fff;*/ cursor: pointer; margin-top: 10px; height: 40px; width: 140px; background: url(../../images/NewTemplate/cal.png); background-repeat: no-repeat; background-position: 110px center; border: 1px solid #e4eaee; background-color: #fff; } .calendar { /* cursor: pointer; margin-top: 10px; height: 40px; width: 200px; background: url(../../images/NewTemplate/cal.png) no-repeat 178px center; border: 1px solid #e4eaee; background-color: #fff;*/ cursor: pointer; margin-top: 10px; height: 40px; width: 140px; background: url(../../images/NewTemplate/cal.png); background-repeat: no-repeat; background-position: 110px center; border: 1px solid #e4eaee; background-color: #fff; } .calendar:nth-of-type(2) { margin-left: 10px !important; } .calendar:nth-of-type(1) { margin-right: 20px !important; } .ok_cal { background-color: #2875c4; color: #fff; margin-left: 3px; padding: 9px 12px; border: none; } .ui-corner-all { width: 225px !important; } .ui-widget-header { width: 209px !important; } /* end of calendar & time selector -----------------------------------------------------------------------------------*/ /* nav div, paginator & export|import -----------------------------------------------------------------------------------*/ .nav_table { margin: 20px 20px 14px 20px; } .table-striped tr:last-child { border-bottom: 1px solid #dddddd; } .nav_page_table { color: #4181c8; border-bottom: 1px dashed; text-decoration: none; } .nav_page_table:hover { border-bottom: none; } .count_rec { color: #465257; border-right: 1px solid #828282; padding-right: 5px; margin-left: -20px; } .ctrl { display: inline-block; color: #a1a1a1; background: url(../../images/NewTemplate/arrow.png) no-repeat 32px 6px; width: 55px !important; padding-left: 8px; } .ex-im { cursor: pointer; float: right; color: #2875c4; margin-right: 0px; } .orders .ex-im { margin-top: 41px; } .ex-im a { border-bottom: 1px dashed; margin-left: 35px; } .ex-im span { margin-left: 4px; } .ex-im span:first-child { margin-right: 10px !important; } .ex-im img { padding-bottom: 4px; margin-top: -4px; } /*end of nav div, paginator & export|import -----------------------------------------------------------------------------------*/ /* checkbox setting -----------------------------------------------------------------------------------*/ input[type=checkbox] { /*visibility: hidden;*/ overflow: hidden; } input[type=checkbox].labeled { visibility: hidden; overflow: hidden; } .check_box_trash { padding: 9px 0px 0px 0px !important; width: 25px; } input[type="checkbox"] + label { background: url(../../images/NewTemplate/chekbox_no.png) 0 0 no-repeat; width: 12px; height: 12px; position: absolute; margin-left: 6px; margin-top: 10px; } input[type="checkbox"]:checked + label { background: url(../../images/NewTemplate/chekbox_yes.png) 0 0 no-repeat; } .check_box_trash { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .check_box_trash_cur { padding: 9px 0px 0px 0px !important; width: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .check_box_trash_cur input[type="checkbox"] + label { background: url(../../images/NewTemplate/chekbox_no.png) 0 0 no-repeat; width: 12px; margin-left: -2px; height: 12px; } .check_box_trash_cur input[type="checkbox"]:checked + label { background: url(../../images/NewTemplate/chekbox_yes.png) 0 0 no-repeat; color:#439fff; } /* checkbox setting -----------------------------------------------------------------------------------*/ /* table for trash -----------------------------------------------------------------------------------*/ .date_trash { width: 110px; padding-left: 17px !important; } .client_trash { width: 150px; padding-left: 17px !important; } .meneger { width: 165px; } .spare_trash { width: 223px; } .state_trash { width: 115px; } .date_deliver_trash { width: 150px; } .price_trash { width: 115px; } .number_trash { width: 115px } .date_trash_cur span { padding-left: 10px; display: block; } .date_trash_cur span:first-child { text-align: left; color: #596267; } .date_trash_cur span:last-child { text-align: left; font-size: 14px; color: #b8b8b8; } .client_trash_cur span { padding-left: 10px; display: block; text-align: left; color: #b8b8b8; } .meneger_cur span { display: block; text-align: left; color: #b8b8b8; } .spare_trash_cur span:first-child { border-bottom: none; color: #465257 !important; margin-right: 5px; font-weight: bold; } .spare_trash_cur span:last-child { border-bottom: none; display: block; color: #999999 !important; } .spare_trash_cur a { color: #4181c8; border-bottom: 1px dashed; text-decoration: none; } .date_deliver_trash_cur { text-align: left; } .date_deliver_trash_cur span { color: #2875c4; border-bottom: 1px dashed; } .price_trash_cur { color: #000; margin-left: 11px; font-weight: 500; } .number_trash_cur { margin-left: 11px; color: #788083; } .number_trash_cur span { margin-left: 9px; } .count_all_cur { margin-left: 11px; } .count_all_cur img { float: right; } .table_trash { background-color: #f3f3f3 !important; } .table_trash_units .comment { width: 200px; } .table_trash_units .comment img { float: right; } .table-striped .count_all { } .table-striped .top-table td { padding: 17px 8px 0px 8px !important; line-height: 0; } .table-striped .top-table .check_box_trash { width: 45px; } .table-striped .top-table label { position: relative; top: -19px; margin-left: 6px; } .table-striped .top-table.table_order label, .table-striped.basket_table_new .top-table label { position:absolute; top:auto; margin-left: -2px; margin-top: 0px; } .table_trash td { cursor: pointer; } .check_box_trash:hover { background-color: #f3f3f3 !important; } .table_trash td:hover { background-color: #e7e7e7; } .table_trash td span img { margin-left: 8px; } /* end of table for trash -----------------------------------------------------------------------------------*/ /* bottom counter of lines -----------------------------------------------------------------------------------*/ .line_on_page { float: right; margin-right: -20px; } .line_on_page li:last-child { border: none; } .line_on_page li:first-child a { color: #596267 !important; border: none !important; } .line_on_page a { color: #2875c4 !important; border-bottom: 1px dashed; text-decoration: none; } .line_on_page a:hover { border-bottom: none; } .line_on_page li { border-right: 1px solid #828282; padding-left: 5px; padding-right: 8px; display: inline-block; height: 13px; line-height: 12px; } /* end of bottom counter of lines -----------------------------------------------------------------------------------*/ /* reg html */ .reg { background: #f3f3f3; border: 1px solid #e9eaea; border-radius: 3px; display: flex; margin-bottom: 60px; padding-top: 40px; padding-left: 60px; padding-right: 130px; padding-bottom: 40px; } .reg-block { display: block; } .reg_full { width: 1000px; margin: 0 auto; padding-left: 100px; padding-right: 100px; } .reg .dropdown_select { padding: 12px 20px; height: 45px; margin-top: -4px; margin-left: -3px; width: 96%; } .reg .button_down { width: 45px; height: 40px; background-size: 98%; } .reg p, .reg label { color: #6b7477 !important; } .reg .control-label { color: #6b7477 !important; padding-right: 20px; } .reg_h { width: 100%; padding-bottom: 10px; } .reg_h p { padding-top: 15px; } .reg_h > label { text-transform: uppercase; } .reg_check { width: 13%; height: 34px; /*display: block;*/ position: relative; text-align: center; margin-left: 9px; } .reg_check input { display: none; } .reg_check span { background: url("../../images/NewTemplate/button/reg/default.png") repeat-x 0 0; padding: 10px 0; } .reg_check span:before { content: ""; display: inline-block; height: 35px; width: 10px; background: url("../../images/NewTemplate/button/reg/default_left.png") no-repeat 0 0; top: 14px; position: relative; left: -6px; } .reg_check span:after { content: ""; display: inline-block; height: 35px; width: 10px; background: url("../../images/NewTemplate/button/reg/center2.png") no-repeat 0 0; top: 14px; position: relative; left: 6px; } .reg_check input[type="radio"]:checked + span { background: url("../../images/NewTemplate/button/reg/active.png") repeat-x 0 0; } .reg_check input[type="radio"]:checked + span:before { content: ""; display: inline-block; height: 35px; width: 10px; background: url("../../images/NewTemplate/button/reg/active_left.png") no-repeat 0 0; top: 14px; position: relative; left: -6px; } .reg_check input[type="radio"]:checked + span:after { content: ""; display: inline-block; height: 35px; width: 10px; background: url("../../images/NewTemplate/button/reg/center.png") no-repeat 0 0; top: 14px; position: relative; left: 6px; } .reg_check_2 input { display: none; } .reg_check_2 span:after { content: ""; display: inline-block; height: 35px; width: 10px; background: url("../../images/NewTemplate/button/reg/default_right.png") no-repeat 0 0; top: 14px; position: relative; left: 6px; } .reg_check_2 span { background: url("../../images/NewTemplate/button/reg/default.png") repeat-x 0 0; padding: 10px 1px 10px 12px; left: -5px; position: relative; } .reg_check_2 input[type="radio"]:checked + span { background: url("../../images/NewTemplate/button/reg/active.png") repeat-x 0 0; } .reg_check_2 input[type="radio"]:checked + span:after { background: url("../../images/NewTemplate/button/reg/active_right.png") repeat-x 0 0; position: relative; width: 7px; } .reg_b1 { width: 50%; padding-right: 60px; float: left; } .reg_b1 input { width: 96%; padding: 0 10px !important; } .reg_b1 label { font-weight: bold; } .reg .form-control, .reg .form-control { border-radius: 0px; } .form-control.small { height: 31px; width: 108px; } .line_b { white-space: nowrap; overflow: hidden; text-transform: uppercase; } .line_b:after { display: inline-block; width: 100%; content: ''; border-bottom: 1px solid #999; margin-bottom: 3px; margin-left: 20px; } .reg_b2 { float: left; width: 50%; /*background-color: red;*/ /*padding-right: 70px;*/ } .reg_b2 input { width: 96%; padding: 0 10px !important; } .reg_b2 select { width: 96%; padding: 0 10px !important; } .reg_f { clear: both; } .reg_f input { float: right; width: 32%; } .line_bf { white-space: nowrap; overflow: hidden; } .line_bf:before { display: inline-block; width: 60%; content: ''; border-top: 1px solid #e1e8ed; border-bottom: 1px solid #fff; } .btn-reg { text-align: center; background-color: #2875c4; color: white; border: 0; height: 34px; } /*.reg_b1 > form .form-group{ display: inline-flex; width: 50%; }*/ .border_grad_1 { /*margin: 50px auto;*/ /*width: 250px;*/ /*height: 250px;*/ /*padding-left: 3px;*/ /*padding-right: 60px;*/ /*border-radius: 4px;*/ border-top: 1px solid #e7e7e7; border-bottom: 1px solid #FFFFFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 3px 100%; -moz-background-size: 3px 100%; background-size: 3px 100%; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=); background-image: -webkit-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%), -webkit-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%), -moz-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%), -o-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%); background-image: linear-gradient(to bottom, #e7e7e7 0%, #FFFFFF 100%), linear-gradient(to bottom, #e7e7e7 0%, #FFFFFF 100%); } .history_search_reg { font-style: italic; cursor: pointer; margin-left: 27%; margin-right: 15px; padding-right: 10px; color: #a1a1a1; text-decoration: underline; border-right: 1px dotted #a1a1a1; } .history_search_reg + span { font-style: italic; cursor: pointer; color: #a1a1a1; text-decoration: underline; } /* graf */ span.p75 { position: absolute; top: 45px; left: 69px; color: #c0c0c0; } span.p50 { position: absolute; top: 118px; left: 69px; color: #c0c0c0; } span.p25 { position: absolute; top: 189px; left: 69px; color: #c0c0c0; } .days_g { position: absolute; color: #c0c0c0; top: 285px; } .day1_g { left: 150px; } .day2_g { left: 227px; } .day3_g { left: 298px; } .day4_g { left: 370px; } .day5_g { left: 443px; } .day6_g { left: 515px; } .day7_g { left: 588px; } .stat_p { color: #8bbc23; text-transform: uppercase; } .refresh_p { color: #465257; float: right; } .col_graf { margin: 0px 20%; position: absolute; width: 661px; height: 400px; } .usl_p { cursor: pointer; position: absolute; bottom: 0px; left: 100px; background-color: #2875c4; padding: 5px 10px; color: #fff; text-decoration: underline; text-decoration-style: dashed; border-radius: 5px; } .gar_date { color: #dc552b; position: absolute; bottom: 5px; right: 150px; } .gar_days { position: absolute; bottom: 5px; right: 100px; } .col_graf_1 { width: 627px; } /*Стили_2*/ /* main table of orders -----------------------------------------------------------------------------------*/ .table_order td { text-align: left; padding: 10px 0px !important; color: #465257; } /* top table orders -----------------------------------------------------------------------------------*/ .check_box_trash { width: 29px; } .date_order { width: 192px; } .sup_order_1 { width: 99px; } .date_deliver_order { width: 98px; } .gar_date_order { } /* table of units order -----------------------------------------------------------------------------------*/ .table_order_units td { padding: 10px 0px !important; } .order-table td { padding: 8px !important; } /* units of table orders -----------------------------------------------------------------------------------*/ .date_order_cur { } .date_order_cur div { margin-left: 5px; } .date_order_cur div > span { color: #596267; line-height: 20px; display: block; } .date_order_cur div:last-child { margin-left: 50px; margin-top: -40px; width: 100px; text-align: center; } .date_order_cur_hide_block { } .date_order_cur_hide_block div { margin-left: 5px; } .date_order_cur_hide_block div > span { color: #596267; line-height: 20px; display: block; } .date_order_cur_hide_block div:last-child { margin-left: 50px; margin-top: -40px; width: 100px; display: none; text-align: center; } .item_name_cur span, .spare_trash_cur .model{ color: #4181c8 !important; } .spare_trash_cur .model{ cursor:pointer; } .item_name_cur span:first-child { font-weight: bold; text-decoration: none !important; color: #465257 !important; margin-right: 5px; } .item_name_cur span:last-child { display: block; text-decoration: none !important; color: #999999 !important; } .order3_cur, .order5_cur, .order7_cur, .order9_cur { background: rgba(0, 0, 0, 0.03); } .order3_cur span { color: #465257; } .order4_cur span { color: #465257; } .order5_cur span { color: #465257; } .order6_cur span { color: #465257; } .order7_cur span { color: #465257; } .order8_cur span { color: #465257; } .order9_cur span { color: #465257; } .order10_cur span { color: #465257; } .price_order_cur { color: #465257; } .count_all_order_cur span { color: #465257; } .count_all_order_cur.red span { color: rgb(211, 0, 0); } .count_all_order_cur.green span { color: #499F02; } .sup_order_1_cur span { color: #999999; } .gar_date_order_cur img { float: right; padding-right: 15px; } /* end of units of table orders -----------------------------------------------------------------------------------*/ /* states fo orders -----------------------------------------------------------------------------------*/ .state3_order { cursor: pointer; display: inline-block; color: #465257 !important; border: 1px solid #465257; } .state4_order_1 { padding: 2px 4px; cursor: pointer; background-color: #f1ae20; color: #fff !important; } .state4_order_2 { padding: 2px 4px; background-color: #2875c4; cursor: pointer; color: #fff !important; } .state4_order_3 { padding: 2px 4px; background-color: #8e5f1c; cursor: pointer; color: #fff !important; } .state4_order_7 { padding: 2px 4px; background-color: #9DB6CF; cursor: pointer; color: #fff !important; } .state4_order_error { padding: 2px 4px; background-color: #f3565e; cursor: pointer; color: #fff !important; } .state4_order_return { padding: 2px 4px; background-color: #465257; cursor: pointer; color: #fff !important; } .state4_order_buy { padding: 2px 4px; background-color: #7fb94a; cursor: pointer; color: #fff !important; } .order_1 { background-color: #fef7e8 !important; } .order_2 { background-color: #f0fbe6 !important; } .order_3 { background-color: #f3efe8 !important; } .error_order { background-color: #feeeef !important; } .return { background-color: #f3f3f3 !important; } .buy_order { background-color: #f2f9fd !important; } /* table finance -----------------------------------------------------------------------------------*/ .modal_f { width: 60%; position: absolute; background-color: #fff; z-index: 5; top: 31%; left: 19%; padding: 28px; display: none; } .modal_border { display: none; width: 62%; position: absolute; background-color: #000; z-index: 5; top: 29%; left: 18%; opacity: 0.3; } .modal_title img { margin-right: 5px; margin-top: -3px; } .modal_title span:nth-of-type(odd) { color: #465257; } .modal_title span:nth-of-type(even) { color: #999999; margin-right: 10px; } .modal_title span:nth-of-type(2) { text-decoration: underline; } .modal_top { text-transform: uppercase; color: #465257; margin-top: 15px; } .modal_top tr td:nth-of-type(1) { width: 43%; } .modal_top tr td:nth-of-type(2) { width: 32%; } .modal_bottom span { color: #465257; } .modal_bottom { margin-top: 15px; } .modal_bottom tr td:nth-of-type(1) span { display: block; } .modal_bottom tr td:nth-of-type(1) { width: 15%; } .modal_bottom tr td:nth-of-type(2) { vertical-align: top; width: 28%; } .modal_bottom tr td:nth-of-type(3) { vertical-align: top; width: 21%; } .modal_bottom tr td:nth-of-type(4) { vertical-align: top; } .modal_bottom tr td:nth-of-type(5) { vertical-align: top; } .modal_bottom tr td:nth-of-type(3) span { display: block; } .modal_bottom tr td:nth-of-type(1) span:first-child { font-weight: bold; } .modal_bottom tr td:nth-of-type(3) span:first-child { font-weight: bold; } .modal_bottom tr td:last-child span { display: block; } .modal_bottom tr td:last-child { width: 235px; } .modal_bottom tr td:last-child span:first-child { font-weight: bold; } .animate_modal { background-color: #2875c4; padding: 5px 0px; width: 100%; margin-right: -58px; } .animate_modal span { font-weight: normal !important; text-align: center; color: #fff !important; display: block; } .all_history { display: inline-block; margin-top: 20px; color: #2875c4; text-decoration: underline; text-decoration-style: dashed; } .postavka { color: #465257; display: inline-block; margin-top: 20px; text-transform: uppercase; } .work_days { margin-top: 10px; display: inline-block; color: #465257; } .overlay { position: absolute; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; min-height: 100%; min-width: 100%; z-index: 999; } .row_fu-1 { background-color: #fffaf2 !important; } .row_fu-2 { background-color: #fff !important; } .table_finance { box-shadow: 0px 0px 0px 0px #DCDCDC !important; } .table-finance-main tr > td:last-child { text-align: right; } .table-finance-main tr > td:nth-of-type(5) { text-align: right; } .table-finance-main tr > td:nth-of-type(6) { text-align: right; } .table-finance-main tr > td:nth-of-type(1) { color: #868d8f; } .table-finance-main tr > td:nth-of-type(2) { color: #868d8f; } .table-finance-main tr > td:nth-of-type(3) { color: #868d8f; } .table-finance-main tr:not(:first-child) > td:nth-of-type(3) { color: #868d8f; text-decoration: underline; } .table-finance-main tr > td:nth-of-type(4) { color: #868d8f; } .debit_cur, .red { color: #d30000 !important; } .credit_cur, .green { color: #3f8c00 !important; } .com_fin_cur { width: 582px; } .saldo span { color: #868d8f; font-weight: bold; } .saldo_final span { color: #3f8c00; } .more { color: #2875c4; cursor: pointer; text-decoration: underline; margin-left: 5px; font-size: 12px; float: right; } .more:hover { color: #2875c4; } /* end table finance -----------------------------------------------------------------------------------*/ /* finance -----------------------------------------------------------------------------------*/ /* .discount { cursor: pointer; display: inline-block; margin-top: 10px; margin-left: 20px; padding: 10px 10px 11px 10px; text-decoration: capitalize; color: #4181c8; text-decoration: underline; text-decoration-style: dashed; position: relative; } .discount:hover { padding: 9px 9px 11px 9px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #e9eaea; border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; color: #465257 !important; text-decoration: none; background-color: #f3f3f3; } .discount:hover:after { content: ''; position: absolute; margin-left: -80px; border-bottom: 1px solid #f3f3f3; width: 100%; top: 99%; z-index: 50; } .balance { cursor: pointer; display: inline-block; margin-top: 10px; padding: 10px 10px 11px 10px; text-decoration: capitalize; color: #4181c8; text-decoration: underline; text-decoration-style: dashed; position: relative; }*/ .balance:hover { /*padding: 9px 9px 11px 9px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #e9eaea; border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; color: #465257 !important; text-decoration: none; background-color: #f3f3f3;*/ } .balance:hover:after { /*content: ''; position: absolute; margin-left: -73px; border-bottom: 1px solid #f3f3f3; width: 100%; top: 99%; z-index: 50;*/ } .active_btn { padding: 9px 9px 11px 9px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #e9eaea; border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; color: #465257 !important; text-decoration: none; background-color: #f3f3f3; } .active_btn:after { content: ''; position: absolute; margin-left: -73px; border-bottom: 1px solid #f3f3f3; width: 100%; top: 99%; z-index: 50; } .detail_balance { position: relative; width: 81% !important; margin-left: 20px; color: #82888b; margin-top: 20px; } .detail_balance tr:last-child { position: relative; } .detail_balance tr:last-child:after { padding-bottom: 20px; content: ""; position: absolute; margin-left: 0px; border-bottom: 1px solid #D3D3D3; width: 100%; top: 100%; z-index: 50; left: 0px; } .detail_balance:after { padding-bottom: 21px; content: ''; position: absolute; margin-left: 0px; border-bottom: 1px solid #fff; width: 100%; top: 100%; z-index: 50; } .right { text-align: right; } .finance { display: none; background-color: #f3f3f3; border: 1px solid #e9eaea; } .calendar_block { width: 81%; color: #82888B !important; margin-top: 30px; margin-left: 20px; } .uslovie { color: #465257; margin-top: 20px; } .uslovie_table { width: 101%; margin-left: 43px; } .uslovie_text { margin-left: 42px; margin-top: 20px; display: block; margin-right: 65px; font-size: 16px; } /*end of finance -----------------------------------------------------------------------------------*/ /* discount -----------------------------------------------------------------------------------*/ .discount_1 { display: none; background-color: #f3f3f3; border: 1px solid #e9eaea; height: 250px; } .discount_title { color: #465257; display: inline-block; margin-top: 25px; margin-bottom: 50px; margin-left: 20px; } .circle_gray { width: 12px; height: 12px; background-color: #d3d3d3; border-radius: 50px; z-index: 20; } .circle_cur { position: absolute; width: 12px; height: 12px; background-color: #465257; border-radius: 50px; z-index: 20; margin-top: -6px; } .discount_table { color: #465257; width: 80%; margin-left: 13%; } .discount_table tr:nth-of-type(2) > td { position: relative; } .discount_table tr:first-child > td:last-child > span:first-child { font-weight: 600; } .discount_table tr:first-child > td:last-child > span:last-child { color: #999999; } .discount_table tr:nth-of-type(3) > td:last-child { font-weight: 600; } .discount_table tr:nth-of-type(4) > td:last-child { font-weight: 600; } .discount_table tr:nth-of-type(2) > td:after { content: ""; position: absolute; margin-left: -45%; border-bottom: 1px solid #d3d3d3; width: 116%; height: 0px; top: 41%; left: 0%; z-index: 0; } /* end of discount -----------------------------------------------------------------------------------*/ /* mail -----------------------------------------------------------------------------------*/ .mail_bar { /*margin-top: 60px;*/ padding: 0px; background-color: #f3f3f3 !important; border: 1px solid #e9eaea; padding: 5px 0 5px 0; border: 1px solid #e9e9e9; background-color: #f3f3f3; box-shadow: 0 2px 7px rgba(0, 0, 0, .04); border-radius: 3px; } .mail_sidebar { padding: 0px; margin-top: -1px; padding-right: 20px; } .mail_button { margin-top: 16px; margin-bottom: 19px; } .mail_button ul li { cursor: pointer; margin-right: 20px; color: #465257; background-color: #fff; padding: 5px 7px 5px 7px; list-style: none; float: left; } label.file { top: -42px; position: relative; margin-left: 10px; } label.file input { display: none; } label.file span { color: #d30000; font-size: 14px; font-weight: normal; cursor: pointer; } .mail_button ul li:nth-of-type(1) { padding-left: 27px; background: #fff url(../../images/NewTemplate/write.png) no-repeat 5px 6px; } .mail_button ul li:nth-of-type(2) { color: #2875c4; padding-left: 27px; background: #fff url(../../images/NewTemplate/refresh.png) no-repeat 5px 9px; } .mail_button ul li:nth-of-type(3) { padding-left: 27px; background: #fff url(../../images/NewTemplate/archive.png) no-repeat 5px 6px; } .mail_button ul li:nth-of-type(4) { padding-left: 27px; background: #fff url(../../images/NewTemplate/delete.png) no-repeat 5px 6px; } .mail_button ul li:nth-of-type(5) { padding-left: 27px; background: #fff url(../../images/NewTemplate/recall.png) no-repeat 5px 6px; } .mail_button ul li:nth-of-type(6) { padding-left: 27px; background: #fff url(../../images/NewTemplate/eye.png) no-repeat 5px 7px; } .mail_search { margin-top: 16px; } .search_mail { border: 1px solid #ededed; position: absolute; width: 150px; z-index: 50; top: 5px; left: 0.5%; } .search_input { padding-left: 10px; height: 34px; border: 1px solid #e1e8ed; background: #fff url(../../images/NewTemplate/search_gray.png) 495px 8px no-repeat; width: 520px; } .mail_search input { background: #fff url(../../images/NewTemplate/search_gray.png) 460px 8px no-repeat !important; width: 490px !important; } .mail_sidebar table tr td:nth-of-type(odd) { cursor: pointer; padding-left: 30px; } .top_side_menu { font-size: 15px; padding: 0px; background-color: #fafafa; border: 1px solid #e9eaea; } .top_side_menu table:not(.custom_table) { } .top_side_menu table:not(.custom_table) tr td { color: #465257; } .num_mail { text-align: right; padding-right: 25px; } .top_side_menu table:not(.custom_table) tr td { padding-bottom: 15px !important; } .top_side_menu table:not(.custom_table) tr:first-child td { padding-top: 25px; } .top_side_menu table:not(.custom_table) tr:nth-of-type(1) td { color: #fe6969 !important; } .top_side_menu table:not(.custom_table) tr:nth-of-type(2) td:nth-of-type(1) { padding-left: 55px; } .top_side_menu table:not(.custom_table) tr:nth-of-type(2) { font-weight: bold; } .bottom_side_menu { padding: 0px; font-size: 14px; background-color: #f3f3f3; border: 1px solid #e9eaea; } .bottom_side_menu table tr td a { text-decoration: underline; font-size: 14px; display: block; width: 100%; padding: 9px 0 6px 30px; } .table_side { margin-top: 17px; } .bottom_side_menu table tr { width: 100%; } .bottom_side_menu tr td { padding-top: 9px; padding-bottom: 9px; } .bottom_side_menu table tr:hover { /*background-color: ;*/ } .bottom_side_menu table tr.item:hover td, .bottom_side_menu table tr.active td { font-weight: bold; color: #f1ae20; background: #f9f9f9; font-weight: bold; } .mail_from td:nth-of-type(odd) { padding-top: 45px; } .bottom_side_menu table tr.item:hover td:first-child:before, .bottom_side_menu table tr.active td:first-child:before { content: ""; width: 5px; height: 35px; background: #f9f9f9 url(../../images/NewTemplate/side_menu.png) no-repeat left 0; display: block; position: absolute; margin-top: -9px; margin-left: -30px; } .bottom_side_menu table tr.item a:hover, .bottom_side_menu table .active a { text-decoration: none; color: #f1ae20; font-family: 'latoblack','Open Sans',sans-serif; } /* menu mail */ .menu_mail { padding: 0px; } .check_box_mail { margin-top: 20px; margin-right: 10px; display: inline-block !important; margin-left: -5px; margin-bottom: 13px; } .menu_mail .nav_table { margin-top: 25px; display: inline-block; float: right; margin: 20px 0px 0px 0px; } .menu_mail + .line_on_page { float: left; padding-left: 14px; } .menu_mail ~ .nav_table { margin: 20px 0px 0px 0px; } .mail_table tr td:first-child input { margin-left: 9px; } .mail_table tr td { padding: 0px !important; } .mail_table tr td label { margin-left: -14px; } .mail_table tr td { display: inline-grid; padding-top: 13px !important; } .mail_table tr td:nth-of-type(1) { /*-webkit-user-select: none; !* Chrome all / Safari all *!*/ /*-moz-user-select: none; !* Firefox all *!*/ /*-ms-user-select: none; !* IE 10+ *!*/ /*user-select: none; !* Likely future *!*/ /*width: 38px;*/ width: 100%; } .mail_table tr td:nth-of-type(2) { width: 424px; } .mail_table tr td:nth-of-type(3) { width: 613px; } .mail_table tr td:nth-of-type(3) img { margin-right: 8px; } .mail_table tr td:nth-of-type(3) span:nth-of-type(odd) { color: #465257; } .mail_table tr td:nth-of-type(3) span:nth-of-type(even) { color: #999999; margin-right: 10px; } .mail_table tr td:nth-of-type(3) span:nth-of-type(2) { text-decoration: underline; } .mail_table tr.root { transition: all .2s; cursor: pointer; } .mail_table tr.root:hover { background: #E8E8E8; } .mail_table .message-answer .header { transition: all .2s; cursor: pointer; } .mail_table .message-answer .header:hover { background: #E8E8E8; } .mail_table tr.unread td:nth-of-type(3) span:last-child { font-weight: bold; } .mail_table tr td:nth-of-type(3) span:last-child { display: block; } .mail_table tr.unread td:nth-of-type(2) span:nth-of-type(1) { color: #2875c4; font-weight: bold; } .mail_table tr td:nth-of-type(2) span:nth-of-type(1) { display: inline-block; margin-left: 10px; color: #4181c8; } .mail_table tr td:nth-of-type(2) span:nth-of-type(2) { display: block; margin-left: 21px; } .mail_table tr td:nth-of-type(4) { color: #999999; width: 130px; font-size: 11px; padding-right: 10px; text-align: left; } .mail_info:first-child { background-color: #f3f3f3; border-bottom: 2px solid #f99f03; } .mail_info:last-child { background-color: #ffffcc; } .mail_info:last-child td:nth-of-type(6) span { padding: 4px 5px; background-color: #f99f03; color: #fff; } .mail_info:last-child td:nth-of-type(4) span:first-child { font-weight: bold; color: #465257; } .mail_info:last-child td:nth-of-type(4) span:last-child { color: #2875c4; text-decoration: underline; } .mail_info:last-child td:last-child { font-weight: bold; } .mail_cur .title { color: #465257; font-size: 14px; text-transform: uppercase; padding-left: 9px; padding-bottom: 9px; } .mail_cur_table { margin-bottom: 0px; } .hide_text { display: block; height: 0px; } .from_to { background-color: #fafafa; } .from_to tr td:nth-of-type(2) { width: 74%; cursor: pointer; } .from_to tr > td:nth-of-type(2) { overflow: hidden; } .from_to tr td:last-child img { margin-right: 16px; } .from_to tr td:last-child { text-align: right; } .from_to tr td:first-child span:first-child { color: #2875c4; } .from_to tr td:nth-of-type(2) span { color: #a1a1a1; } .from_to tr td:nth-of-type(3) span { color: #a1a1a1; } .from_what { display: inline-block; /*padding-left: 10px;*/ } .from_what span:first-child { color: #2875c4; } .from_when { display: inline-block; float: right; padding-right: 7px; color: #a1a1a1; } .from_when img { padding-right: 22px; } .text_mail { display: block; margin-left: -2px; margin-top: 8px; margin-bottom: 10px; } .full_text_mail { /*border-bottom: 1px solid #e2e3e4;*/ padding: 10px; } .reply_mail { margin-top: 17px; border: 1px solid #e2e3e4; border-radius: 5px; padding: 20px; } .reply_mail span { display: inline-block; color: #b6b6b6; } .reply_mail > select { margin-left: 15px; width: 170px; border: 1px solid #e7e7e7; } .reply_mail textarea { position: relative; display: block; height: 150px; display: block; padding: 10px; padding-top: 5px; /*margin-top: 29px;*/ width: 100%; resize: none; outline: none; -moz-appearance: none; border: 1px solid #e9eaea; } .send, .vhod { cursor: pointer; /*margin-left: 17px;*/ margin-top: 14px; padding-left: 12px !important; margin-bottom: 19px; color: #fff !important; background-color: #2875c4; padding: 8px 14px !important; text-align: center; vertical-align: middle; border-radius: 5px; } .send-button { cursor: pointer; padding-left: 12px !important; margin-top: 19px; color: #fff !important; background-color: #2875c4; padding: 8px 14px !important; text-align: center; vertical-align: middle; border-radius: 5px; } /* div.upload { width: 95px; height: 41px; background:url('/css/images/NewTemplate/download.png'); overflow: hidden; } div.upload input { display: block !important; width: 157px !important; height: 57px !important; opacity: 0 !important; overflow: hidden !important; } */ .cencel { cursor: pointer; color: #465257 !important; display: inline-block; margin-left: 10px; } /* end menu mail */ /* client */ .client_sidebar { padding: 0px; } .client_sidebar > .top_side_menu { background-color: #f3f3f3; } .client_sidebar > .top_side_menu > select { border: 1px solid #e7e7e7; margin-top: 10px; margin-bottom: 10px; height: 30px; margin-left: 15px; width: 90%; } .client_sidebar > .bottom_side_menu { min-height: 710px; font-size: 16px; } .client_sidebar > .bottom_side_menu > .search_input_c { padding-left: 10px !important; margin-top: 10px; margin-left: 17px; width: 89%; background: #fff url(../../images/NewTemplate/search_gray.png) 95% 8px no-repeat; border: 1px solid #e1e8ed; min-height: 33px; padding-top: 3px; } .client_sidebar > .bottom_side_menu > table tr td { cursor: pointer; } .mail_bar .add_client { cursor: pointer; color: #465257; margin-top: 11px; border-radius: 3px; padding: 5px 10px 4px 27px; background: #fff url(../../images/NewTemplate/add_client.png) no-repeat 5px 8px; list-style: none; float: left; margin-left: 16px; border: 1px solid #f9f9f9; background-color: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, .04); color: #465157; font-size: 14px; } .mail_bar .add_client:hover { text-decoration: none; } .mail_bar .client_button_2 .add_client { background: #fff; padding: 5px 12px 4px 12px; } .client_button .dropdown_select { width: 163px; } .client_button_2 .dropdown_select { float: right; width: 163px; } .client_button_2 ul { margin: 0 0 0 85px; overflow: hidden; } .client_button_2 ul li { float: left !important; } .client_button > select { border: 1px solid #eaeaea; width: 170px; margin-left: 15px; } .client_button_2 > select { margin-top: 10px; border: 1px solid #eaeaea; width: 150px; margin-left: 15px; } .more_client { width: 100px; } .menu_client { padding: 0px; } .menu_client > div { padding: 20px 0px 0px 20px !important; } .menu_client span { display: block; color: #465257; font-family: "Lato",'Open Sans',sans-serif; font-size: 14px; } .menu_client span:not(:first-child) { margin-top: 30px; } .menu_client .fiz { color: #b0b0b0; display: inline-block; } .over_price { color: #2875c4 !important; } .menu_client span:first-child { position: relative; } .menu_client span.adress_client { margin-top: 0; } .menu_client a { font-family: "Lato",'Open Sans',sans-serif; font-size: 14px; color: #2875c4; } .menu_client a:hover { color: #2875c4; } .menu_client a:hover { text-decoration: none; } .menu_client .add_money { margin-top: 50px; } .menu_client .add_money a { width: 145px; text-align: center; color: #465157; font-family: "Lato",'Open Sans',sans-serif; font-size: 14px; outline: none; } .add_money label input { display: none !important; } .menu_client .add_money input[type="radio"]:checked + span { border: 1px solid #f3f3f3; background-color: #fffcdb; box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1); } .menu_client .add_money span { width: 145px; text-align: center; color: #465157; font-family: "Lato",'Open Sans',sans-serif; font-size: 14px; font-weight: normal; } .menu_client .add_money span { cursor: pointer; display: inline-block; background-color: #fcfcfc; padding: 6px 20px; border: 1px solid #e7e7e7; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .take_cash_label span { border-radius: 0 5px 5px 0 !important; } .clients { position: relative; } .balance_c { text-transform: uppercase; } .balance_c:after { content: ''; position: absolute; border-bottom: 1px solid #999999; width: 60%; top: 50%; left: 40%; } .rulle_c { text-transform: uppercase; padding-top: 55px; } .rulle_c:after { content: ''; position: absolute; border-bottom: 1px solid #999999; width: 59%; top: 67%; left: 35%; } .rulles { padding: 0px; margin-top: 20px; } .rulles li { padding-left: 25px; list-style: none; background: url(../../images/NewTemplate/line.png) no-repeat 0px 10px; text-transform: none; color: #465157; font-family: "Lato",'Open Sans',sans-serif; font-size: 14px; } .group_c { display: inline-block !important; } .add_group { display: inline !important; margin: 0px !important; color: #2875c4 !important; cursor: pointer; } .balance_block .table_b { margin-top: 25px; } .balance_block .table_b tr td { padding: 5px 0px 5px 0px; } .balance_block .table_b tr td:first-child { width: 65%; } .balance_block .table_b tr td span { font-weight: normal !important; } .balance_block .table_b tr:nth-of-type(1) td span:first-child { font-weight: bold !important; } .balance_block .table_b tr:last-child td span:first-child { color: #2875c4 !important; } .put_cash { cursor: pointer; display: inline-block; background-color: #fcfcfc; padding: 6px 20px; border: 1px solid #e7e7e7; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .take_cash { cursor: pointer; padding: 6px 40px; display: inline-block; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #f3f3f3; background: #e7e7e7; /* Old browsers */ background: -moz-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(3%, #f9f9f9), color-stop(9%, #ffffff), color-stop(91%, #f4f4f4), color-stop(97%, #ededed), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ } .menu_client .add_money .take_cash:hover { background: #fffcdb; border: 1px solid #f3f3f3; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; } .put_cash:hover { background-color: #fffddb; } .take_cash:hover { background-color: #fffddb; } .active_btn_balance { border: 1px solid #f3f3f3; background-color: #fffcdb; box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1); } .sum { margin-top: 10px; margin-bottom: 5px; display: block !important; font-weight: bold; } .sum_enter { border: 1px solid #e7ecf0; padding: 10px 0 10px 10px; width: 289px; color: #465157; font-family: "Lato",'Open Sans',sans-serif; font-size: 14px; } .com { margin-top: 10px; margin-bottom: 5px; display: block !important; font-weight: bold; } .com_enter { border: 1px solid #e7ecf0; padding: 10px 0 10px 10px; width: 289px; color: #465157; font-family: "Lato",'Open Sans',sans-serif; font-size: 14px; } .menu_client .yes_no { margin-top: 18px; } .conferm { display: inline-block; width: 145px; padding-left: 12px !important; color: #fff !important; background-color: #2875c4; padding: 8px 8px !important; text-align: center; vertical-align: middle; border-radius: 5px; } .menu_client .cancel_balance { display: inline-block; margin-left: 25px; color: #465257; } .dropdown_select { border: 1px solid #f3f3f3; background: #e7e7e7; /* Old browsers */ background: -moz-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(3%, #f9f9f9), color-stop(9%, #ffffff), color-stop(91%, #f4f4f4), color-stop(97%, #ededed), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ padding: 5px 0px 5px 11px; color: #465257; cursor: pointer; border-radius: 5px; position: relative; display: inline-block; height: 35px; width: 90%; margin: 10px 16px; box-shadow: inset 0 0 3px rgba(158, 158, 158, .2); position: relative; } .button_down { background: url("../../images/NewTemplate/select_btn.png") #FFF; background-position: right center; background-repeat: no-repeat; position: absolute; width: 33px; height: 30px; right: 0; top: 1px; } .dropdown_select ul { list-style: none; padding: 0; margin: 0; position: absolute; top: 37px; left: 0px; z-index: 5; color: #465257; width: 100%; background-color: #fff; display: none; } .dropdown_select li { list-style: none; padding: 0; margin: 0; padding: 5px 5px; } .dropdown_select li table tr td:nth-of-type(2) { text-align: right; padding-right: 10px; } .dropdown_select li table tr td:nth-of-type(1) { padding-left: 10px; } .dropdown_select li.selected { display: none; } .dropdown_select li:hover { color: #f2b43c; } .dropdown_select.open { color: #465257; } .dropdown_select.open ul { color: #465257; border: 1px solid #e7e7e7; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .14); border-radius: 5px; } .selected { padding-right: 2px; color: #465157; /*font-family: 'latosemibold';*/ font-size: 14px; } .nav-menu-top { margin-left: 0px; } .nav-menu-top a { outline: none; color: #fff; font-size: 12px; text-transform: uppercase; } .navbar-collapse { padding-right: 10px; } .table-striped tr.active td { background: #FFC !important; } .wrap-table-search { height: 40px; background-color: #f3f3f3; border-bottom: 2px solid #f1ae20; } .wrap-table-search tr img { margin-left: 5px; } .wrap-table-search tr td { cursor: pointer; border-top: none !important; } .wrap-table-search tr td:hover { background-color: #e7e7e7; } .wrap-table-search tr td.active { background-color: #e7e7e7; } .wrap-table-search tr td:nth-of-type(1) span { padding-left: 10px; } .wrap-table-search tr span { /*padding: 10px 0px;*/ line-height: 24px; } .content_left_search { width: 80%; float: left; } .content_left_search .bottom-tab { width: 95% !important; } .content_left_search .middle-tab { width: 95% !important; } .content_left_search .date_cur:hover .time { display: block !important; } .content_left_search td, .content_left_search .number_cur { border-top: none; } .content_left_search tr { border-top: 1px solid #dddddd; } .content_left_search tr { background: #fff !important; } .content_left_search tr.a { background: #f0fbe6 !important; } .content_left_search tr.b { background: #f2f9fd !important; } .content_left_search tr.c { background: #fffaf2 !important; } .content_left_search .table-units td:not(.brend-units) { padding-top: 0px !important; padding-bottom: 0px !important; } .content_left_search tr .buy { position: relative; top: -6px; padding: 4px 14px; } .content_left_search .analogy { padding-left: 20px; border-top: none; } .content_left_search .middle-table, .content_left_search .all-offers { border-top: none; } .content_left_search .brend_cur { padding-left: 10px !important; } .wrap-table-search.fixed { position: fixed; width: 100%; height: 40px; z-index: 999; top: 0; } .content.fixed { position: fixed; height: 40px; z-index: 999; top: 0; margin: 0 auto; left: 0; right: 0; } .content_right_search { width: 232px; border: 2px solid #e2e3e4; float: right; margin-top: 20px; } .content_right_search td { border-top: none !important; } .content_right_search .table { margin-bottom: 0; } .content_right_search { padding: 10px 20px; background: #fffaf2; } .order-form .form-control-order { height: 38px; margin-top: 39px; } .order-form .s_ye-order { position: absolute; margin-top: 37px; min-width:80px; } header.order_view { margin-top: -20px; overflow: hidden; width: 100%; } header.order_view img { height: 65px; top: 7px; position: relative; } header.order_view .search-form-input-order input[type="text"] { width: 80%; } .custom-top-bar { height: 40px; background: #e7e7e7; position: relative; z-index: 9; margin-top: -10px; } .custom-top-bar li { margin-top: 8px; margin-left: 40px; } .custom-top-bar li:first-child { margin-left: 0; } .custom-top-bar .top-bar-list { margin-left: -40px; } .custom-top-bar a.close { background: url("../../images/NewTemplate/close.png") no-repeat 0 0; width: 19px; height: 20px; opacity: 1; float: right; margin-top: 8px; } .custom-top-bar a.close:hover { opacity: .5; } /* home */ .form-home .btn-group button { padding: 10px 30px 8px 30px !important; border-radius: 0 !important; } .form-home .btn-group button span:not(.caret) { border-bottom: 1px dotted #465257; } .form-home .btn-group { position: relative; top: -2px; float: left; } .form-home .control-label { padding-left: 35px; line-height: 24px; top: 21px; color: #fff; position: relative; padding-top: 0; } .table_finance .num_doc_fin { width: 122px; } .table_finance .type_op { width: 130px; } .table-finance-main .table_finance td { padding: 17px 8px 14px 8px !important; } .custom-tab { width: 100% !important; } #tabs { position: relative; } #tabs.custom-tab ul { width: 100% !important; padding-left: 0; } #tabs.custom-tab ul li { float: left; } .custom-tab .ui-tabs-panel { background: #f3f3f3; clear: both; padding: 25px 10px; border-radius: 5px; border: 1px solid #e9eaea; } #tabs.custom-tab li.ui-tabs-active { border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #e9eaea; border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; color: #465257 !important; text-decoration: none; background-color: #f3f3f3; } #tabs.custom-tab .ui-tabs-active a, #tabs.custom-tab .ui-tabs-active span { color: #465257 !important; text-decoration: none; border-bottom: none; } #tabs.custom-tab li { border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #e9eaea; border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; cursor: pointer; display: inline-block; margin-top: 10px; text-transform: capitalize; color: #4181c8; text-decoration-style: dashed; position: relative; } #tabs.custom-tab li:first-child { margin-left: 20px; } #tabs.custom-tab li a { text-decoration: none !important; display: block; padding: 11px 16px 11px 16px; } #tabs.custom-tab li span { color: #2875c4; border-bottom: 1px dashed #2875c4; } #tabs.custom-tab li:hover span { border-bottom: none; } #tabs.custom-tab .column-left { width: 47%; float: left; } #tabs.custom-tab .column-right { width: 50%; float: right; border-left: 1px solid rgba(255, 255, 255, 0.7); padding-left: 25px; } #tabs.custom-tab .column-right:before { content: ''; position: absolute; margin-left: -25px; border-left: 1px solid #d3d3d3; height: 250px; z-index: 98; width: 1px; display: block; } .custom-tab .ex-im { padding-top: 20px; } .wrap-list-date .item-date > div { color: #465257; font-size: 14px; } .item-date-today { position: absolute; top: -20px; color: #999; font-weight: normal; } .wrap-list-date { padding: 60px 30px 10px 30px; } .wrap-list-date:before { content: ""; border-bottom: 1px solid #d3d3d3; width: 100%; top: 30px; display: block; position: relative; } .wrap-list-date:after { /*content: "";*/ /*border-bottom: 1px solid #fff;*/ /*width: 100%;*/ /*top: -53px;*/ /*display: block;*/ /*position: relative;*/ } .wrap-list-date .item-date > div span { color: #999; font-weight: normal; } .wrap-list-date .item-date.active > div { font-weight: bold; } .wrap-list-date .item-date.active .circle { background: #465257; } .wrap-list-date .item-date { width: 140px; display: inline-block; margin-left: 90px; position: relative; } .wrap-list-date .date { } .wrap-list-date .circle { background: #d3d3d3; width: 11px; height: 11px; border-radius: 50%; margin-top: 4px; margin-bottom: 8px; position: relative; z-index: 2; } .balance_1 span.title { padding-left: 32px; color: #465257; font-size: 14px; } .debit { width: 120px; } .credit { width: 120px; } .count_all_finance { width: 120px; } .num_doc_fin { width: 130px; } #goTop { background: url("../../images/NewTemplate/up.png") no-repeat 0 0; width: 80px; height: 80px; position: fixed; bottom: -100px; right: 10px; text-indent: -5500px; cursor: pointer; border-radius: 4px; } #input_sp-order { width: 80%; } #result-search { background: #fff; width: 810px; position: absolute; z-index: 888; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); border: 1px solid #c9caca; margin-left: 128px; display: none; } #result-search ul { padding-left: 0; } #result-search li { padding: 5px 0; } #result-search li span { padding: 0 30px; } #result-search li a { color: #2875c4; border-bottom: 1px solid #2875c4; } #result-search .product { width: 330px; } #result-search .name { width: 110px; text-align: right; } #result-search li a:hover { border-bottom: none; } #result-search li > div { display: inline-block; } #result-search .app { display: none; } #result-search li:hover { background: #f3f3f3; } #result-search li:hover > .app { display: inline-block; } .order-form:hover #result-search { display: block; } .table td { padding: 7px 8px !important; } .content_left_search .middle-table { border-bottom: none !important; } .content_left_search .middle-tab { margin-bottom: 0; } header.search-up { margin-top: -17px; } .search_table_products { width: 100%; } .search_table_products .col-product input { width: 40px; border-radius: 4px; border: 1px solid #e7e7e7; height: 22px; } .column_left_product { width: 90%; } .column_left_product tr td { padding-top: 10px !important; padding-bottom: 10px !important; margin-bottom: -16px; } .column_left_product tr .buy { top: -5px; position: relative; } .column_left_product .main-reg-info-cur { width: 22%; opacity: 0; border-top: none !important; } .column_left_product .main-reg-price-cur { width: 61px; } .column_left_product .num-spare_cur { opacity: 0; border-top: none !important; } .column_left_product .brend_cur { opacity: 0; border-top: none !important; } .column_left_product tr { background-color: #fff !important; } .oreder-view-search .info_spare { width: 159px !important; } .oreder-view-search .custom { width: 88px; opacity: 0; } .client_sidebar > .bottom_side_menu > table tr td:before { left: 30px; /* margin-top: 45px; */ position: relative; background: url(../../images/NewTemplate/side_menu.png) repeat 0 0 !important; margin-top: 0px !important; } .client_sidebar .bottom_side_menu tr td { padding-top: 0; padding-bottom: 0; } .client_sidebar > .bottom_side_menu > table tr:hover td { color: #f1ae20; font-family: 'latoblack','Open Sans',sans-serif; background: #f9f9f9; font-weight: bold; } .client_sidebar > .bottom_side_menu > table tr:hover a { text-decoration: none; color: #f1ae20; font-family: 'latoblack','Open Sans',sans-serif; } .client_sidebar > .bottom_side_menu > table tr:hover td:before { content: ""; width: 5px; height: 35px; background: #f9f9f9 url(../../images/NewTemplate/side_menu.png) no-repeat left 0; display: block; position: absolute; margin-top: -9px; margin-left: -30px; } .sort-search { margin-left: 555px; } .sort-search a { color: #2875c4; border-bottom: 1px dotted #2875c4; font-weight: bold; } .sort-search a:hover { border-bottom: none; } .sort-search span { color: #000; font-weight: bold; } .content-link-search { position: relative; top: -7px; padding-bottom: 40px; } .content-link-search ul { padding-left: 0; } .content-link-search li { display: inline-block; padding: 0 13px; height: 10px; line-height: 9px; } .content-link-search li:first-child { border-right: 1px dotted #a1a1a1; padding-left: 270px; } .content-link-search a { color: #a1a1a1; border-bottom: 1px solid #a1a1a1; } .content-link-search a:hover { border-bottom: none; } /* */ .popup_finance { width: 950px; height: 520px; border: 10px solid rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 9999; } .popup.login .popup_finance { width: 423px; height: 340px; } .popup.small .popup_finance { text-align: center; width: 423px; height: 340px; } .popup.login input[type="checkbox"] { top: 3px; position: relative; } .popup.login .zab_pass { display: inline-block; width: 86px; position: relative; top: 10px; left: 10px; } .popup.login .reg_link, #form_auth .reg_link { margin-left: 10px; } .popup.login .form-control { padding-left: 10px; } .popup_finance .wrap-content { background: #fff; padding: 30px 35px; width: 100%; height: 100%; } .popup_finance .top-content .element span a { color: #999999; } .popup_finance .top-content .element span { padding-left: 19px; } .popup_finance .top-content .element span.first { padding-left: 5px; } .popup_finance .top-content .element span.first a { border-bottom: 1px solid #999999; } .popup_finance .top-content .element span a:hover { border-bottom: none; } .popup_finance .top-content { padding-bottom: 30px; } .popup_finance .bottom-content { margin-top: 40px; } .popup_finance .content-center .one { width: 305px; } .popup_finance .content-center .two { width: 295px; padding-left: 60px; } .popup_finance .content-center .three { width: 250px; padding-left: 65px; } .popup_finance .content-center .item { display: inline-block; float: left; } .popup_finance .content-center .line_b { margin-bottom: 23px; } .popup_finance .content-center .one .name { padding-right: 28px; } .popup_finance .content-center .one .name span { display: block; font-weight: bold; } .popup_finance .content-center .one tr { margin-bottom: 19px; display: block; } .popup_finance .content-center .two tr { margin-bottom: 14px; display: block; } .popup_finance .content-center .two .name span { font-weight: bold; display: block; } .popup_finance .content-center .two tr td:last-child { padding-left: 80px; } .popup_finance .content-center .three .active.item { background: #2875c4; color: #fff; text-transform: uppercase; text-align: center; width: 100%; padding: 5px 0; margin-bottom: 20px; } .popup_finance .content-center .three .item-content { padding-bottom: 16px; } .popup_finance .content-center .three .item-content span { font-weight: bold; display: block; } .popup_finance .all-history { position: relative; top: -15px; margin-bottom: -30px; } .popup_finance .all-history a { color: #2875c4; border-bottom: 1px dotted #2875c4; } .popup_finance .all-history a:hover { border-bottom: none; } .user_reg { padding-top: 47px !important; padding-left: 0 !important; padding-right: 30px !important; } .noauthr { padding-top: 8px; } .user_reg a { text-decoration: none !important; } .user_reg span { border-bottom: 1px solid #fff; padding-top: 5px !important; line-height: 15px !important; } .user_reg a:hover span { border-bottom: none; } .amount_rows { font: 11px/27px arial; color: #9A9A9A; text-align: right; } .amount_rows a { margin-left: 14px; color: #444444; text-decoration: underline; } .amount_rows a:hover { text-decoration: none; } .amount_rows SPAN { margin-left: 14px; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li > a:hover, .nav > li > a:focus { background: none !important; } .dropdown-toggle { cursor: pointer; } .basket, .basket_top2 { } .top5 { margin-top: 5px !important; } .top7 { margin-top: 7px !important; } .top10 { margin-top: 10px !important; } .top15 { margin-top: 15px !important; } .top17 { margin-top: 17px !important; } .top20 { margin-top: 20px !important; } .top30 { margin-top: 30px !important; } /*partner.php*/ .form-group input[type="checkbox"] { top: 2px; margin-right: 10px; position: relative; } .basket .basket_table TABLE { border-collapse: separate; border-spacing: 0px; margin: 12px 0 0; overflow: hidden; width: 100%; } .basket .basket_table TABLE TH { border-bottom: 2px solid #f1ae20; background: none; border-left: 0px; border-top: 0px; padding: 0 4px; font: 12px/23px "Lato",'Open Sans',sans-serif; color: #868d8f; text-align: left; white-space: nowrap; } .basket .basket_table TABLE TH A { display: inline-block; color: #868d8f; text-decoration: underline; } .basket .basket_table TABLE TH A:hover { text-decoration: none; } .clients .clietns_table TABLE TH A { color: #868d8f; } .basket_table td:first-child, .basket_table tr:first-child { border-left: solid 1px white; } .basket_table th { font-size: 12px; border-right: solid 1px white !important; } .basket_table td { border-bottom: solid 1px white !important; } .basket_table th { padding: 10px 8px !important; border-right: none !important; } .warrants_table TABLE { border-collapse: separate; border-spacing: 0px; margin: 12px 0 0; overflow: hidden; width: 100%; } .warrants_table table th { border-top: 1px solid #dddddd; text-decoration: none; padding: 17px 8px 17px 17px; font-size: 14px; font-family: 'Lato','Open Sans',sans-serif; font-weight: normal; background-color: rgb(243, 243, 243); border-bottom: 2px solid rgb(241, 174, 32); } .warrants_table table td { border-top: 1px solid #dddddd; text-decoration: none; padding: 17px 8px 17px 17px; font-size: 14px; font-family: 'Lato','Open Sans',sans-serif; font-weight: normal; } .warrants_table table tr:nth-child(2n+1) td { background-color: rgb(247, 247, 247); } .warrants_table TABLE TH A:hover { text-decoration: none; } .warrants_table TABLE TH A { color: black; } .warrants_table a.sort_up-down { padding-right: 16px; background: url(/images/NewTemplate/up-down.png) no-repeat 100% 0; } .warrants_table a.sort_up_green { padding-right: 16px; background: url(/images/NewTemplate/down.png) no-repeat 100% 0; background-position-y: 7px; } .warrants_table a.sort_down_green { padding-right: 16px; background: url(/images/NewTemplate/up_sort.png) no-repeat 100% 100%; background-position-y: 1px; } .basket_table td:first-child, .basket_table tr:first-child { border-left: solid 1px white; } .basket_table th { font-size: 12px; border-right: solid 1px white !important; } .basket_table td { border-bottom: solid 1px white !important; } .basket_table th { padding: 10px 8px !important; border-right: none !important; } .zero-clients { font-size: 16px !important; font-weight: bold; padding-top: 22px; } /*end partner.php*/ #search-by-bin { } /* .sumbit-in-input { width: 30px; left: 270px; height: 30px; top: 23px; position: absolute; border: none; padding: 0; background: url("../../images/NewTemplate/button_serach.png") no-repeat -26px -6px; }*/ .sumbit-in-input { width: 30px; left: -37px; height: 30px; cursor: pointer; top: 11px; position: relative; border: none; padding: 0; display: inline-block; background: url("../../images/NewTemplate/button_serach.png") no-repeat -26px -6px; left: 270px; position: absolute; top: 23px; } .sumbit-in-input:hover{ opacity: .9; } /*search*/ .select-currency { width: 64px; } .pointer { cursor: pointer; } /*end search*/ .country-phone-selector { top: 8px; position: relative; } .add_to_basket_show_shadow { display: none; } .scrollUp { position: fixed; right: 40px; bottom: 40px; width: 81px; height: 81px; border-radius: 6px; cursor: pointer; opacity: .9; z-index: 1; background: url('/css/images/NewTemplate/up.png'); } .scrollUp:hover { opacity: 1; } .modal .modal_box { margin: 160px auto; position: fixed; background: white; border: solid 1px #C2C2C2; border-radius: 6px; box-shadow: 0 0 12px #BCBBBB; left: 50%; margin-left: -266px; top: 50%; margin-top: -272px; } .col-color-1 .col-color-status strong { color: gray !important; display: block; background-color: #fff !important; } .col-color-3 .col-color-status strong { color: white !important; display: block; background-color: #f1ae20 !important; } .col-color-4 .col-color-status strong { color: white !important; display: block; background-color: #8e5f1c !important; } .col-color-5 .col-color-status strong { color: white !important; display: block; background-color: #7fb94a !important; } .col-color-6 .col-color-status strong { color: white !important; display: block; background-color: #2875c4 !important; } .col-color-7 .col-color-status strong { color: white !important; display: block; background-color: #9DB6CF !important; } .col-color-8 .col-color-status strong { color: white !important; display: block; background-color: #f3565e !important; } .col-color-9 .col-color-status strong { color: white !important; display: block; background-color: #465257 !important; } .col-color-10 .col-color-status strong { color: white !important; display: block; background-color: #465257 !important; } .col-color-1 td { background-color: #fff; } .col-color-3 td { background-color: #fef7e8; } .col-color-4 td { background-color: #f3efe8; } .col-color-5 td { background-color: #f0fbe6; } .col-color-6 td { background-color: #f2f9fd; } .col-color-7 td { background-color: #f2f9fd; } .col-color-8 td { background-color: #feeeef; } .col-color-9 td { background-color: #f3f3f3; } .col-color-10 td { background-color: #f3f3f3; } .required { color: red; } .filled .required { color: gray; } .hidden-menu { z-index:2; display:none; } .hidden-menu ul, .hover-menu ul { padding:0 !important; } .hidden-menu ul li, .hover-menu ul li{ list-style:none; } .hidden-menu ul li a, .hover-menu ul li a { padding: 10px; cursor: pointer; background-color: white; border: 1px #ddd solid; margin-top: -1px; width:100%; display:block; } .hidden-menu ul li:hover, .hidden-menu ul li:hover a, .hover-menu ul li:hover, .hover-menu ul li:hover a { background-color: #ddd; color: #2a6496; } .hover-menu .tt-m{ padding: 0; height: 0; } .hover-menu .tt-m{ animation-name: opacityAnim; animation-duration: .1s; } .showmenu:hover { color: #2a6496; } .showmenu { cursor:pointer; } .showmenu .hidden-menu { transition: all .2s; display: block; position: absolute; margin-left: 97px; margin-top: -20px; text-transform: none; max-width: 300px; border-radius: 0; font-size: 14px; opacity: 0.95; } .hidden-info { display: none; } .getRetailClientInfo:hover .hidden-info, .hidden-info:hover{ display: block; position: absolute; width: 370px; /*height: 270px;*/ background: white; margin-left: 52px; z-index: 1; margin-top: 10px; padding: 10px; border: 1px solid #eee; /*overflow-y: scroll;*/ } .getRetailClientInfo { border-bottom: 1px dashed darkgrey; cursor:pointer; } .getRetailClientInfo:hover { color:#428bca; border-bottom: 1px dashed #428bca; } .getRetailClientInfo * { color:black; } .eezap-tooltip:hover .tooltip-message, .tooltip-message:hover { transition: all .2s; width: 325px; display: block; position: absolute; left: 31px; top: -2px; text-transform: none; border-radius: 0; border: 1px solid #dbdbdb; font-size: 14px; padding: 10px; opacity: 0.95; background-color: white; } /* .eezap-tooltip:hover .tooltip-message:after { content: ''; position: absolute; width: 0; height: 0; border: 9px solid; border-right-color: #fff; top: 3px; margin-left: -221px; color: transparent; } */ .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #f1ae20; } .payments { position: relative; } #tabs.ui-widget-content { border: none; background: none; } #tabs.ui-state-active, #tabs.ui-widget-content .ui-state-active, #tabs.ui-widget-header .ui-state-active { border: none; background: none; border-bottom: #f3f3f3; } #tabs.ui-state-default, #tabs.ui-widget-content .ui-state-default, #tabs.ui-widget-header .ui-state-default { background: none; border-bottom: none; } [name='show_order'] input[type='text'] { width: 120px; background: url("../../images/NewTemplate/cal.png") no-repeat 98px center; background-color: white; border: 1px solid; padding: 3px; } [name='show_order'] { width: 600px; } .ui-datepicker, .ui-corner-all { width: inherit !important; } .markspay { border: 1px solid orange; color: black; background-color: red; border-radius: 50%; height: 20px; width: 20px; position: absolute; top: -10px; right: 0px; font-size: 15px; font-weight: bold; text-align: center; padding-left: 0px; } .dropdown:hover > .dropdown-menu { display: block; } .word-image { background: url(/images/word.png) no-repeat center; width: 64px; vertical-align: middle; height: 64px; display: inline-block; } .word-get-text { color: #6b7477; font-size: 15px; padding-left: 15px; } .basket_import { padding: 20px 0; } /*preloader*/ .scrolled #loadingDiv { margin-top: -60px; } #loadingDiv { width: 100%; height: 100%; background-color: rgba(255, 255, 255, .7); position: fixed; z-index: 14; } .windows8 { position: relative; width: 78px; top: 45%; height: 78px; margin: auto; } .windows8 .wBall { position: absolute; width: 74px; height: 74px; opacity: 0; transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); animation: orbit 6.96s infinite; -o-animation: orbit 6.96s infinite; -ms-animation: orbit 6.96s infinite; -webkit-animation: orbit 6.96s infinite; -moz-animation: orbit 6.96s infinite; } .windows8 .wBall .wInnerBall { position: absolute; width: 10px; height: 10px; background: #f1ae20; left: 0px; top: 0px; border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .windows8 #wBall_1 { animation-delay: 1.52s; -o-animation-delay: 1.52s; -ms-animation-delay: 1.52s; -webkit-animation-delay: 1.52s; -moz-animation-delay: 1.52s; } .windows8 #wBall_2 { animation-delay: 0.3s; -o-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; } .windows8 #wBall_3 { animation-delay: 0.61s; -o-animation-delay: 0.61s; -ms-animation-delay: 0.61s; -webkit-animation-delay: 0.61s; -moz-animation-delay: 0.61s; } .windows8 #wBall_4 { animation-delay: 0.91s; -o-animation-delay: 0.91s; -ms-animation-delay: 0.91s; -webkit-animation-delay: 0.91s; -moz-animation-delay: 0.91s; } .windows8 #wBall_5 { animation-delay: 1.22s; -o-animation-delay: 1.22s; -ms-animation-delay: 1.22s; -webkit-animation-delay: 1.22s; -moz-animation-delay: 1.22s; } @keyframes orbit { 0% { opacity: 1; z-index: 99; transform: rotate(180deg); animation-timing-function: ease-out; } 7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin: 0%; } 30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; origin: 7%; } 39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin: 30%; } 70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin: 39%; } 75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin: 70%; } 76% { opacity: 0; transform: rotate(900deg); } 100% { opacity: 0; transform: rotate(900deg); } } @-o-keyframes orbit { 0% { opacity: 1; z-index: 99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; } 7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin: 0%; } 30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin: 7%; } 39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin: 30%; } 70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin: 39%; } 75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin: 70%; } 76% { opacity: 0; -o-transform: rotate(900deg); } 100% { opacity: 0; -o-transform: rotate(900deg); } } @-ms-keyframes orbit { 0% { opacity: 1; z-index: 99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; } 7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin: 0%; } 30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin: 7%; } 39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin: 30%; } 70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin: 39%; } 75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin: 70%; } 76% { opacity: 0; -ms-transform: rotate(900deg); } 100% { opacity: 0; -ms-transform: rotate(900deg); } } @-webkit-keyframes orbit { 0% { opacity: 1; z-index: 99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; } 7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin: 0%; } 30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin: 7%; } 39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin: 30%; } 70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 39%; } 75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 70%; } 76% { opacity: 0; -webkit-transform: rotate(900deg); } 100% { opacity: 0; -webkit-transform: rotate(900deg); } } @-moz-keyframes orbit { 0% { opacity: 1; z-index: 99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; } 7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin: 0%; } 30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin: 7%; } 39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin: 30%; } 70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin: 39%; } 75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin: 70%; } 76% { opacity: 0; -moz-transform: rotate(900deg); } 100% { opacity: 0; -moz-transform: rotate(900deg); } } /*end preloader*/ .tooltip { opacity: 1; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #29d; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .full-message { display: none; } .full .full-message { display: table-row; } .full .short-message { display: none !important; } .mail_table .message-answer tr:not(.full-message) td { padding-bottom: 22px !important; border-top: 1px solid #dddddd; } .mail_table .message-answer:first-child tr:not(.full-message) td { padding-bottom: 22px !important; border: none; } .mail_table .message-answer:last-child .full_text_mail { border-bottom: 1px solid #dddddd !important; } .table > tbody + tbody.message-answer { border: none !important; } .full-message td { border: none !important; } .message-answer.full { background: #eeeeee; } #new-question-files, #new-answer-files { padding-left: 10px; } .message-answer:not(.is_read) { font-weight: bold; } .applyFilter:hover, .applyFilter.active { color: #2875c4; } .no-messages { padding: 10px; display: block; width: 100%; text-align: center; } .backgrid-paginator ul { padding: 0; margin: 0; } .mail_cur_table tr td { padding: 7px 8px !important; } .mail_cur_table tr td:nth-of-type(2) { width: 175px; color: rgb(70, 82, 87); } .mail_cur_table tr td:nth-of-type(3) { width: 223px; } .mail_cur_table tr td:nth-of-type(4) { color: rgb(70, 82, 87); width: 167px; font-size: 14px; padding-right: 10px; text-align: left; } .mail_cur_table tr td:nth-of-type(2) span:nth-of-type(1) { color: rgb(70, 82, 87); } .mail_cur_table tr:last-child td:nth-of-type(6) span { padding: 4px 5px; background-color: #f99f03; color: #fff; } /*в работе - белый*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='1'] { padding: 4px 5px; background-color: #fff; color: rgb(70, 82, 87); } /*заказно - оранжевый*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='3'] { padding: 4px 5px; background-color: #f99f03; color: #fff; } /*выкуплено - коричневый*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='4'] { padding: 4px 5px; background-color: #8e5f1c; color: #fff; } /*в пути - зеленый*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='5'] { padding: 4px 5px; background-color: #7fb94a; color: #fff; } /*пришло - синий*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='6'] { padding: 4px 5px; background-color: #2875c4; color: #fff; } /*отказ - красный*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='8'] { padding: 4px 5px; background-color: #f3565e; color: #fff; } /*возврат - серый*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='10'] { padding: 4px 5px; background-color: #465257; color: #fff; } .mail_button ul li:hover { color: #f1ae20; } .check_box_trash input[type=checkbox], .check_box_trash_cur input[type=checkbox] { visibility: hidden; overflow: hidden; position:absolute; } .check_box_trash_cur input[type=checkbox] { width: 0; } .state3_order { cursor: pointer; display: inline-block; color: #465257 !important; border: 1px solid #465257; } .table_order_units td { } .date_trash { width: 110px; padding-left: 17px !important; } .client_trash { width: 150px; padding-left: 17px !important; } .meneger { width: 165px; } .spare_trash { width: 223px; } .state_trash { width: 115px; } .date_deliver_trash { width: 150px; } .price_trash { width: 115px; } .number_trash { width: 115px } .date_trash_cur span { padding-left: 10px; display: block; } .date_trash_cur span:first-child { text-align: left; color: #596267; } .date_trash_cur span:last-child { text-align: left; font-size: 14px; color: #b8b8b8; } .client_trash_cur span { padding-left: 10px; display: block; text-align: left; color: #b8b8b8; } .meneger_cur span { display: block; text-align: left; color: #b8b8b8; } .spare_trash_cur span:first-child { border-bottom: none; color: #465257 !important; margin-right: 5px; font-weight: bold; } .spare_trash_cur span:last-child { border-bottom: none; display: block; color: #999999 !important; } .spare_trash_cur a { color: #4181c8; border-bottom: 1px dashed; text-decoration: none; } .date_deliver_trash_cur { text-align: left; } .date_deliver_trash_cur span { color: #2875c4; border-bottom: 1px dashed; } .price_trash_cur { color: #000; margin-left: 11px; font-weight: 500; } .number_trash_cur { margin-left: 11px; color: #788083; } .number_trash_cur span { margin-left: 9px; } .count_all_cur { margin-left: 11px; } .count_all_cur img { float: right; } .state0 { background-color: #fff; padding: 5px 7px 5px 7px; color: #222; width: 100%; border:1px solid #222; margin-top: 8px; } .state1 { background-color: #dfb949; padding: 5px 7px 5px 7px; color: #fff; width: 100%; margin-top: 8px; } .state4,.state2 { padding: 5px 7px 5px 7px; background-color: #45b6af; color: #fff; width: 100%; margin-top: 8px; } .state3 { background-color: #dfb949; padding: 5px 7px 5px 7px; color: #fff; width: 100%; margin-top: 8px; } .state5,.state6 { background-color: #f3565e; padding: 5px 7px 5px 7px; color: #fff; width: 100%; margin-top: 8px; } .table_trash { background-color: #f3f3f3 !important; } .table_trash_units .comment { width: 200px; } .table_trash_units .comment img { float: right; } .table-striped .count_all { width: 120px; } .table-striped .top-table td { padding: 17px 8px 0px 8px !important; line-height: 0; } .table-striped .top-table label { position: relative; top: -19px; margin-left: 6px; } .table_trash td { cursor: pointer; } .check_box_trash:hover { background-color: #f3f3f3 !important; } .table_trash td:hover { background-color: #e7e7e7; } .table_trash td span img { margin-left: 8px; } .order-table { margin-bottom: 0 !important; } .order-table * { font-size: 14px; } .basket_table_new * { font-size: 14px; } .order-table td { padding: 11px 8px !important; text-align: left; } .order3_cur, .order4_cur, .order5_cur, .order6_cur, .order7_cur, .order8_cur, .order9_cur, .order10_cur, .date_deliver_order, .count_all_order_cur { text-align: center !important; } .price_order_cur, .price_order, .count_all_order, .count_all_order_cur{ text-align: right !important; } .date_order { width: 192px; } .order4_cur.red span { color: #f3565e !important; } .align-left { text-align: left; } .question-link { background: url(/images/sprite_questions.png) no-repeat; background-position: -44px 0; width: 22px; display: block; margin:0 auto; height: 18px; } .question-link.exists { background-position: -22px 0; width: 22px; height: 18px; } .question-link:hover { background-position: 0 0; width: 22px; height: 18px; } td.item_name { width: 270px; } .marks-container { transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; opacity:1; position: absolute; margin-left: 246px; margin-top: 112px; width: 230px; margin-bottom: 10px; /*background: rgba(255,255,255,.7);*/ } .marks-container.hidden-marks-container { opacity:0; } .marks-container .send_to_archive { transition: all .3s; cursor:pointer; width:100px; margin-bottom:4px; margin-right:8px; color:white; text-align:center; display:inline-block; padding:2px; background-color:#2875c4; } .marks-container .send_to_archive.cancel { background-color:#999; } .marks-container .send_to_archive:hover{ background-color:#428bca; } .ex-im span{ color: rgb(66, 139, 202); cursor: pointer; display: inline; font-size: 16px; } .ex-im a{ text-decoration: none !important; border:none; } .paging .page { font-size:16px; } .paging { float:left; margin: 10px 0; } .rows-count-paging { font-size: 16px; float:right; margin: 10px 0; } .rows-count-paging a, .rows-count-paging span { font-size: 16px; margin-left:2px; margin-right: 5px; } .rows-count-paging a, .page.ajax-link-content:not(.arrow), .ex-im span{ border-bottom: dashed 1px rgb(66, 139, 202); } .check_box_trash { height: 50px; } .table_order_units:not(.read) { background-color: rgba(0, 0, 0, .1) !important; } .table_order_units:not(.read) td:not(.date_order_cur) * { color:gray !important; } .orders-top-menu .dropdown-menu{ left:-19px; } .table-striped > tbody > tr:first-child{ height:48px; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } .btn-default { transition: all .2s; background-color: #e6e6e6 !important; border: none; text-decoration:none; color:#555; } .btn-default:hover { background-color: #efefef !important; color:#555; } .btn-primary { transition: all .2s; background-color: #f2ae22 !important; border: none; color:white; } .btn-primary:hover { background-color: #f8d182 !important; color:white; } .btn-info { transition: all .2s; background-color: #2974c9 !important; border: none; color:white; } .btn-info:hover { background-color: #2b6bbc !important; color:white; } .btn-danger { transition: all .2s; background-color: #E34646 !important; border: none; color:white; } .btn-danger:hover { background-color: #c90d08 !important; color:white; } .btn-success { transition: all .2s; background-color: #16984d !important; border: none; color:white; } .btn-success:hover { background-color: #297e31 !important; color: #fff; } #tooltip { margin-left:10px; border:1px solid #555; padding:5px; z-index:2; background:rgba(255,255,255,.8); position: fixed !important; } .top-menu .count-trash.error { background-color: #E50000 !important; color: white; } .quant_val { text-align:center; } .date_deliver_trash, .date_deliver_trash_cur { text-align:center; } .total_sum { font-weight:bold; } .basket_sticky_right-container { position: absolute; overflow:visible !important; } .basket_sticky_right { /*position: fixed;*/ margin-top: -18px; margin-left:16px; } body.scrolled-basket .basket_sticky_right { position: fixed; top: 34px; } body.scrolled-basket .basket_sticky_right @media (max-width: 995px) { body.scrolled-basket .basket_sticky_right { right:0; position: fixed !important; } } .basket_sticky_right a { width:100%; } .basket_sticky_right ul { padding: 0; } .basket_sticky_right ul li{ margin-bottom:0px; } .col-no-style.basket-buttons { /*width:76px;*/ } .col-no-style.basket-buttons:hover { background:#f3f3f3; } .basket_sticky_right ul li span, .basket_sticky_right ul li a{ width:40px; height:40px; padding: 10px; background:#2974c9; display:block; } .basket_sticky_right ul li a.link_4 { transition: all .2s; background-color:#5cb85c; } .basket_sticky_right ul li a.link_4:hover { background-color:#3bb83b; transition: all .2s; } .basket_sticky_right ul li a.link_3 { transition: all .2s; background-color:#d9534f; } .basket_sticky_right ul li a.link_3:hover { background-color:#d90701; transition: all .2s; } .basket_sticky_right ul li a.link_2 { transition: all .2s; background-color:#2974c9; } .basket_sticky_right ul li a.link_2:hover { background-color:#0561c9; transition: all .2s; } .basket_sticky_right ul li a.link_1 { transition: all .2s; background-color:#999; } .basket_sticky_right ul li a.link_1:hover { background-color:#888; transition: all .2s; } .basket_sticky_right ul li a.link_5 { transition: all .2s; background-color:#750080; } .basket_sticky_right ul li a.link_5 .image { background-position: 2px -83px !important; } .basket_sticky_right ul li a.link_5:hover { background-color:#800080; transition: all .2s; } .basket_comment_reference { transition: border-color .2s; height: 37px; margin-right: 23px; resize: none; width: 153px; border-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); padding: 4px; outline: none; font-size: 11px; } .basket_comment_reference:hover, .basket_comment_reference:active { border-color: #ddd; transition: border-color .2s; } .count_all { } .supplier_quant span, .supplier_quant { font-size:12px; } .number_trash_cur span { margin-left:4px; } .alert { text-align:center; } .alert .close-alert { float:right; cursor:pointer; } .saldo_final.red span b{ color:#d30000; } /**/ .line_on_page { margin-top:10px; } .line_on_page a.active { border-bottom:none; color:black !important; } #count-message{ margin-left:46px; } /**/ .sweet-alert .sa-input-error { top: 22px !important; right: 10px !important; } /**/ .editable { transition: all .2s; border-bottom:1px dashed #222; cursor:pointer; } .editable:hover { color:#439fff; border-bottom:1px dashed #439fff; } /**/ /**/ .TB_overlayBG { background: rgb(35, 35, 35); } #TB_window, #TB_title, #TB_closeAjaxWindow { border:none; border-radius:5px; } #TB_title { background: none; } .tab_content,.tab_container { border:none; } .basket_edit td,.search_form td{ padding:3px; font-size:14px; } .basket_edit td input[type='text'], .basket_edit td input[type='number'], .search_form input[type='text'], .search_form input[type='number'] { padding: 5px; width: 250px; border: 1px solid #eee; } ul.remarks { padding:0; margin: 0; } ul.remarks li { display: inline-block; width: 60px; height: 33px; position: relative; } ul.remarks li:first-child { width: 50px; } ul.remarks li:first-child label { margin-left: 0px; } ul.remarks li label { display: block; padding-left:18px; } .manager-field td { color:green; } #basket_form_data .select2-choice { width:100%; min-width:250px; border-radius:0; padding: 2px 5px; height:30px; border: 1px solid #eee; } .full-screen { width: 100%; left:auto; top: 100px; } .full-screen .modal-dialog { width: 70%; } .full-screen .modal-body { height: 70%; overflow-y: scroll; } .add-retail-order-form .control-label { padding-right: 20px; } .add-retail-order-form .form-control { border-radius: 0px; } .add-retail-order-form .select2-container .select2-choice{ border:none; } #add-new-client-form,#add-new-client-auto-form { border-top:1px solid #eee; padding:10px 0; margin-bottom:10px; } #add-new-client-form .row:last-child .form-group{ margin-bottom:0; } #add-new-client-auto-form .row:last-child .form-group{ margin-bottom:0; } .btn-mid { height: 39px; padding-top: 9px; } .icon-add-truck, .icon-add-user{ background: url(/images/NewTemplate/sprites_add.png) no-repeat; width: 38px; height: 38px; } .icon-add-truck{ background-position: 3px 3px; } .icon-add-user{ background-position: -35px 4px; } #add-new-client-form-toggle.open,#add-new-client-auto-form-toggle.open { background-color: #ccc !important; } /**/ /**/ /**/ .top-table.table_trash th { font-weight:normal; } .search_client_orders { width: 85px; border:none !important; height:43px; position: relative; top:15px; background: url("../../images/search_btn.png") no-repeat 0 0; } .search_client_orders_input { width: 200px; font-style: italic; height: 37px; margin-top: 10px; } /**/ .orders_table .table-striped .order3,.orders_table .order3_cur, .orders_table .table-striped .order4,.orders_table .order4_cur, .orders_table .table-striped .order5,.orders_table .order5_cur, .orders_table .table-striped .order6,.orders_table .order6_cur, .orders_table .table-striped .order7,.orders_table .order7_cur, .orders_table .table-striped .order8,.orders_table .order8_cur, .orders_table .table-striped .order9,.orders_table .order9_cur, .orders_table .table-striped .order10,.orders_table .order10_cur { padding:17px 2px !important; } /**/ .yii-form .row { width:50%; overflow: hidden; padding:10px; } .yii-form .row:nth-child(2n):not(.h3) { background-color:#eee; } .yii-form .row:nth-child(2n+1):not(.h3) { background: #dedede; } .yii-form .row label { display: block; width: 40%; float: left; font-size: 16px; line-height: 33px; } .yii-form h3{ text-align: left; font-size: 18px; font-family: 'trebuchet ms',verdana,arial; height: 18px; line-height: 19px; padding-top:10px; } .yii-form .row input:not(.country-phone-search), .yii-form .row select, .yii-form .row textarea { width: 60%; float: left; display: inline-block; height: 39px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; padding:5px; } .yii-form .row input[type='submit'], .new_style_submit { width:100%; cursor: pointer; padding-left: 12px !important; color: #fff !important; background-color: #2875c4; padding: 8px 14px !important; text-align: center; vertical-align: middle; border-radius: 5px; } .yii-form .row input[type='checkbox'] { width:25px; height:25px; } .yii-form .row .disabled { background-color:#eee !important; } .yii-form .row .phonecode-val { width:114px !important; } .yii-form .row .country-phone-search-label{ display:none; } .yii-form .row .country-phone-selected{ margin-top:10px; } .yii-form .row .country-phone-options{ position: absolute; left: 580px; } .round-cancel, .round-ok{ display: inline-block; opacity: .5; cursor:pointer; transition: all 0.15s ease-in-out 0s; width: 32px; height: 32px; background: url(/images/NewTemplate/sprite-round-buttons.png) no-repeat; } .round-cancel:hover, .round-ok:hover{ opacity: 1; } .round-cancel{ background-position: -31px 0; } .round-ok{ background-position: 0 0; } .small-select-cgridview { min-width: 56px; background: none; text-align: center; } .grid-view input { border-radius: 4px; } /**/ /**/ .tt-c { position: relative; cursor: pointer; } .tt-m { display:none; width: 325px; padding: 10px; font-size: 14px; left: 10px; top: 10px; } .tt-m.tt-sm { width: 106px; text-align: center; font-size: 10px; padding: 3px; left: 35px; top: 16px; } .tt-m.tt-micro { width: 70px; text-align: center; font-size: 10px; padding: 3px; left: 30px; top: 10px; } .tt-c:hover .tt-m, .tt-m:hover { display: block; position: absolute; text-transform: none; border-radius: 0; border: 1px solid #dbdbdb; z-index: 1; opacity: 1; background-color: white; } /**/ .MsoNormal { line-height: 20px; } .retail-client-info { margin: 0; padding: 0; } .retail-status { display: block; text-align: center; width: 40px; } .retail-status.status-0{ /*border: 1px solid #ccc;*/ } .retail-status.status-1{ background-color: white; border: 1px solid #777; } .retail-status.status-3{ background-color: #f1ae20; border: 1px solid #777; } .retail-status.status-4{ background-color: #8e5f1c; border: 1px solid #777; color: #fff !important; } .retail-status.status-5{ background-color: #7fb94a; border: 1px solid #777; } .retail-status.status-6{ background-color: #2875c4; border: 1px solid #777; color: #fff !important; } .retail-status.status-7{ background-color: #9DB6CF !important; border: 1px solid #777; color: #fff !important; font-weight:normal !important; } .retail-status.status-8 { background-color: #f3565e !important; cursor: pointer; color: #fff !important; } .vin-input,.vin-submit { position: relative; display: inline-block; } .wo-margin { color:red; } html, body, span, p, h1, h2, h3, h4, h5, a, li, select, table, input, label { font-family: 'Lato','Open Sans',sans-serif; margin: 0px; padding: 0px; } html { height: 100%; } html, body { min-height: 100%; } h1 { margin-bottom: 10px; } body { font-size: 14px; color: #465157; position: relative; } iframe#iframecatalog { position: relative; margin-bottom: 150px; margin-top: 24px; min-height: 324px; } .clear { clear: both; overflow: hidden; content: "."; } /*Общие стили*/ button:focus, button, input, select { outline: 0 !important; } ol, ul { list-style: none; } a { outline: none !important; } select { min-width: 90px; } a:hover { text-decoration: none; } .wrapper { padding-bottom: 140px; /*position: relative;*/ } @font-face { font-family: 'latothin'; src: url('/css/NewTemplate/fonts/lato-thin.eot'); src: url('/css/NewTemplate/fonts/lato-thin.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-thin.woff') format('woff'), url('/css/NewTemplate/fonts/lato-thin.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight'; src: url('/css/NewTemplate/fonts/lato-light.eot'); src: url('/css/NewTemplate/fonts/lato-light.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-light.woff') format('woff'), url('/css/NewTemplate/fonts/lato-light.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('/css/NewTemplate/fonts/lato-regular.eot'); src: url('/css/NewTemplate/fonts/lato-regular.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-regular.woff') format('woff'), url('/css/NewTemplate/fonts/lato-regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latomedium'; src: url('/css/NewTemplate/fonts/lato-medium.eot'); src: url('/css/NewTemplate/fonts/lato-medium.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-medium.woff') format('woff'), url('/css/NewTemplate/fonts/lato-medium.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latosemibold'; src: url('/css/NewTemplate/fonts/lato-semibold.eot'); src: url('/css/NewTemplate/fonts/lato-semibold.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-semibold.woff') format('woff'), url('/css/NewTemplate/fonts/lato-semibold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold'; src: url('/css/NewTemplate/fonts/lato-bold.eot'); src: url('/css/NewTemplate/fonts/lato-bold.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-bold.woff') format('woff'), url('/css/NewTemplate/fonts/lato-bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoheavy'; src: url('/css/NewTemplate/fonts/lato-heavy.eot'); src: url('/css/NewTemplate/fonts/lato-heavy.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-heavy.woff') format('woff'), url('/css/NewTemplate/fonts/lato-heavy.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoblack'; src: url('/css/NewTemplate/fonts/lato-black.eot'); src: url('/css/NewTemplate/fonts/lato-black.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-black.woff') format('woff'), url('/css/NewTemplate/fonts/lato-black.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latothin_italic'; src: url('/css/NewTemplate/fonts/lato-thinitalic.eot'); src: url('/css/NewTemplate/fonts/lato-thinitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-thinitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-thinitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latolight_italic'; src: url('/css/NewTemplate/fonts/lato-lightitalic.eot'); src: url('/css/NewTemplate/fonts/lato-lightitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-lightitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-lightitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoitalic'; src: url('/css/NewTemplate/fonts/lato-italic.eot'); src: url('/css/NewTemplate/fonts/lato-italic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-italic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latomedium_italic'; src: url('/css/NewTemplate/fonts/lato-mediumitalic.eot'); src: url('/css/NewTemplate/fonts/lato-mediumitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-mediumitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-mediumitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latosemibold_italic'; src: url('/css/NewTemplate/fonts/lato-semibolditalic.eot'); src: url('/css/NewTemplate/fonts/lato-semibolditalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-semibolditalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-semibolditalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latobold_italic'; src: url('/css/NewTemplate/fonts/lato-bolditalic.eot'); src: url('/css/NewTemplate/fonts/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-bolditalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-bolditalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoheavy_italic'; src: url('/css/NewTemplate/fonts/lato-heavyitalic.eot'); src: url('/css/NewTemplate/fonts/lato-heavyitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-heavyitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-heavyitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latoblack_italic'; src: url('/css/NewTemplate/fonts/lato-blackitalic.eot'); src: url('/css/NewTemplate/fonts/lato-blackitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-blackitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-blackitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latohairline'; src: url('/css/NewTemplate/fonts/lato-hairline.eot'); src: url('/css/NewTemplate/fonts/lato-hairline.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-hairline.woff') format('woff'), url('/css/NewTemplate/fonts/lato-hairline.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'latohairline_italic'; src: url('/css/NewTemplate/fonts/lato-hairlineitalic.eot'); src: url('/css/NewTemplate/fonts/lato-hairlineitalic.eot?#iefix') format('embedded-opentype'), url('/css/NewTemplate/fonts/lato-hairlineitalic.woff') format('woff'), url('/css/NewTemplate/fonts/lato-hairlineitalic.ttf') format('truetype'); font-weight: normal; font-style: normal; } .main_cont { min-height: 800px; } a { } a:hover { } a:active { } .row { margin: 0px !important; } /* headers header_site */ header { padding: 0px !important; border-bottom: 1px solid #e9eaea !important; background: transparent linear-gradient(to bottom, #5B6B7F 0%, #394350 100%) repeat scroll 0% 0% !important; } .order { /*background: transparent linear-gradient(to bottom, #5B6B7F 0%, #394350 100%) repeat scroll 0% 0% !important;*/ } .reg-head { background: transparent linear-gradient(to bottom, #5B6B7F 0%, #394350 100%) repeat scroll 0% 0% !important; } /* end of headers -----------------------------------------------------------------------------------*/ /* top bar in order_view -----------------------------------------------------------------------------------*/ #top-bar { font-size: 14px; background: transparent linear-gradient(to bottom, #c7c7c7 0%, #e7e7e7 10%, #e7e7e7 100%) repeat scroll 0% 0%; height: 50px; } .top-bar-list { margin-left: 85px; } .top-bar-list li { list-style: none; float: left; } .top-bar-list-1 { color: #465257; } .top-bar-list-2 { color: #e08f03; } .top-bar-list-3 { color: #465257; } .top-bar-list-4 { color: #51a010; } .top-bar-list-5 { color: #465257; } .top-bar-list-6 { color: #fc5a5a; } .top-bar-list li span { text-decoration: underline; } #top-bar .close-top-bar { cursor: pointer; margin-left: 60px; } /* end of top bar in order_view -----------------------------------------------------------------------------------*/ /* main content in header cont_head -----------------------------------------------------------------------------------*/ #logo img { margin-top: 30px; } #login-out a:not(#login) { color: #FFF; text-decoration: underline; display: block; padding-right: 0; padding-left: 0; } #login-out a:hover { } #login-out ul li { list-style: none; float: left; } #login-out ul li:first-child { padding-top: 45px; padding-left: 14px; } #login-out ul li { padding-left: 10px; padding-top: 43px; padding-bottom: 0px; } #login { position: relative; color: transparent !important; } img.hover { position: absolute; visibility: hidden; left: 0px; } #login:hover img.hover { } #login:hover img { } #login img:not(.hover) { } .login-nav-761 { margin-left: -37px } .login-nav-761 li { list-style: none; } .login-nav-761 li:first-child { margin-bottom: -36px; margin-top: 19px; } .login-nav-761 a { width: 40px !important; } .login-nav-761 a:hover { color: #f1ae20 !important; } .navbar-toggle { background-color: #e2e3e4; position: relative; float: right; /*top: 55px;*/ margin-right: 15px; padding: 9px 10px; margin-bottom: 8px; border: 1px solid transparent; border-radius: 4px; } .navbar-nav { font-size: 18px; padding-left: 0px; } .navbar-default { background-color: transparent; border-color: transparent; } .nav-menu-top { margin-left: 164px; margin-top: 14px; } .top-menu img { padding-left: 12px; padding-bottom: 5px; } .navbar { position: relative; min-height: 0px; margin-bottom: 0px; border: 0px solid transparent; } /* .navbar-default a { height: 70px; text-align: center; display: table-caption !important; text-transform: uppercase; color: #CDD0D4; font-size: 14px; }*/ .top-menu.active a { color: #f1ae20; } .navbar-nav a:hover { display: table-captionfo !important; color: #f1ae20; background: none; } .navbar-nav span:not(.reg-text) { padding-top: 36px; display: block; } .navbar-nav img { display: block; } .navbar-nav #menu-orders { text-align: center; } /* .navbar-nav #menu-clients { padding-left: 29px; } .navbar-nav #menu-message { padding-left: 21px; } .navbar-nav #menu-control{ margin-left: 6px; } .navbar-nav #menu-trash { padding-left: 31px; }*/ .dropdown-menu { margin-top: -10px !important; border: 1px solid #dbdbdb !important; } .dropdown-menu:after { content: ''; position: absolute; width: 0; height: 0; border: 9px solid; border-bottom-color: #fff; top: -18px; left: 44%; margin-left: -15px; color: transparent } .dropdown-menu a { color: #000 !important; } .circle_m { display: inline-block; width: 15px; height: 15px; border-radius: 50px; background-color: #ededed; margin-right: 10px; padding-top: 5px; } .circle_m.not-filled { background-color: #ffcccc; } /* end of main content in header -----------------------------------------------------------------------------------*/ select /* main setting for select */ { border-radius: 5px; background-color: #fff; background: url(../../images/NewTemplate/select_btn.png) no-repeat right #fff; border: 1px solid #e7e7e7; } select:not(.form-control) { -moz-appearance: none !important; -webkit-appearance: none !important; appearance: none !important; } /* ico for menu ico_for_menu -----------------------------------------------------------------------------------*/ .navbar-nav > li:first-child { /*padding-left: 65px;*/ } .navbar-nav > li { float: left; margin-top: -11px; padding-left: 16px; padding-bottom: 28px; } .top-menu .icon { background-image: url('../../images/NewTemplate/sprite_icon_menu.png'); background-repeat: no-repeat; width: 28px; height: 28px; display: block; margin: 0 auto; position: relative; top: 27px; } .top-menu span { padding-top: 35px !important; } .src-trash { background-position: -30px 1px; } .top-menu a:hover .src-trash, .top-menu.active .src-trash { background-position: -30px -26px !important; } .src-trash-link:hover .count-trash { background-color: #f1ae20 !important; } .top-menu.active .count-trash { background-color: #f1ae20 !important; } .src-search { background-position: 0 0px; } .top-menu a:hover .src-search, .top-menu.active .src-search { background-position: 0 -28px !important; padding-top: 1px; } .src-orders { background-position: -63px 1px; } .top-menu a:hover .src-orders, .top-menu.active .src-orders { background-position: -62px -27px !important; /* left: -1px; */ width: 30px; } .src-clients { background-position: -96px 1px; } .top-menu a:hover .src-clients, .top-menu.active .src-clients { background-position: -96px -26px !important; } .src-retail { width: 37px !important; background-position: -202px 1px; } .top-menu a:hover .src-retail, .top-menu.active .src-retail { background-position: -202px -27px !important; } .src-message { background-position: -131px 1px; width: 37px !important; } .top-menu a:hover .src-message, .top-menu.active .src-message { background-position: -131px -26px !important; } .top-menu a:hover .count-message, .top-menu.active .count-message { background-color: #f1ae20 !important; } .top-menu.active .count-message { background-color: #f1ae20 !important; } .src-control { background-position: -171px 0px; width: 29px !important; } .top-menu a:hover .src-control, .top-menu.active .src-control { background-position: -171px -28px !important; } .src-company { background-position: 0px -56px; background-image: url('../../images/NewTemplate/sprite_icon_menu2.png') !important; width: 35px !important; } .top-menu a:hover .src-company, .top-menu.active .src-company { background-position: 0 -91px; } .src-people { background-position: -45px -56px; width: 48px !important; background-image: url('../../images/NewTemplate/sprite_icon_menu2.png') !important; } .top-menu a:hover .src-people, .top-menu.active .src-people { background-position: -45px -92px; } .src-air { background-position: -99px -56px; background-image: url('../../images/NewTemplate/sprite_icon_menu2.png') !important; } .top-menu a:hover .src-air { background-position: -99px -91px; } .src-car { background-position: -137px -56px; width: 52px !important; background-image: url('../../images/NewTemplate/sprite_icon_menu2.png') !important; } .top-menu a:hover .src-car { background-position: -137px -90px; } .count-trash { background-color: #FFF !important; width: 25px; height: 25px; border: 2px solid #3A4451; border-radius: 50%; margin-top: -68px; margin-left: 32px; color: #5f6874; line-height: 22px; position: absolute; z-index: 2; font-size: 12px; text-align: center; } .count-message { background-color: #FFF !important; width: 25px; height: 25px; border: 2px solid #3A4451; border-radius: 50%; margin-top: -68px; margin-left: 52px; color: #5f6874; position: absolute; z-index: 2; font-size: 12px; text-align: center; line-height: 22px; } /* end of ico for menu -----------------------------------------------------------------------------------*/ /* search block search_block -----------------------------------------------------------------------------------*/ .search .search-form { border: 1px solid #e9eaea; border-radius: 5px; height: 74px; background: transparent linear-gradient(to bottom, #5b6b80 0%, #38424f 100%) repeat scroll 0% 0%; margin-bottom: 10px; } /* .scrolled .search-form-sticky { margin-top: 0 !important; position:fixed; width: 1259px; z-index: 99999; top:0; } */ .search-up { display: none; } body.scrolled { padding-top: 60px; } .search-form .dropdown-menu:after { top: -18px; } .search-form .dropdown-menu { margin-top: 12px !important; } .control-label { padding-top: 28px; /*padding-left: 45px;*/ font-size: 15px; /* color: #fff;*/ } .search-form-input { margin-top: -8px; margin-left: 20%; } .search-form-input > input[type="text"] { padding-left: 13px !important; float: left; } .form-control { display: inline-block; width: 70%; height: 39px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; /*padding: 0px !important;*/ } form[name='orders'] .form-control { border-radius: 0; box-shadow: none; border: 1px solid #eceff1; } .form-control.long { width: 87%; } .form-control-order { /*margin-top: 35px;*/ margin-left: 115px; display: inline-block; width: 70%; height: 43px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; padding: 0px !important; } .form-control-main-reg { display: inline-block; width: 80%; height: 39px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; padding: 0px !important; margin-left: 40px; } .search-form-input button:not(.s_ye):not(.s_ye-order):not(.s_ye-main-reg) { background-color: #F3F3F3; font-size: 13px; color: #465257; height: 39px; border: 0px none; padding: 5px 9px 8px 9px; margin-left: -8px; top: 2px; position: relative; } .s_ye { width: 10%; background: url("../../images/NewTemplate/button_serach.png") no-repeat 0 0; border: 0px none; min-width: 81px ; border-radius: 2px; height: 43px; top: -1px; position: relative; left: -9px; z-index: 10; } .s_ye-order { z-index: 1; width: 8%; background: #F1AE20 url('../../images/NewTemplate/button_serach.png') no-repeat 0 0 !important; border: 0px none; border-radius: 2px; height: 44px; margin-left: -7px; } .s_ye-main-reg { z-index: 1; width: 8%; background-color: #F1AE20; border: 0px none; border-radius: 2px; height: 39px; margin-left: -7px; } .input-group-btn { display: inline; } .history_search { border-bottom: 1px dotted #000; padding-bottom: 1px; font-size: 16px; display: inline-block !important; margin-left: 26px; } .dropdown-menu { margin: 17px 0px 0px; } /* end of search block -----------------------------------------------------------------------------------*/ /* all table settings -----------------------------------------------------------------------------------*/ table { width: 100%; border-collapse: collapse; } .top-table { background-color: #f3f3f3; border-bottom: 2px solid #f1ae20; } .top-table td:nth-of-type(1) span { padding-left: 10px; } .table-units td:nth-of-type(1) span { margin-left: 10px; font-weight: bold; } .top_table ~ span { cursor: pointer; } .table-brend { background-color: #fffaf2 !important; } .middle-table { height: 80px; border-bottom: 2px solid #c6c6c6; background-color: #fff !important; } .middle-tab { width: 85% !important; } .bottom-tab { width: 86% !important; } .analogy { vertical-align: bottom !important; color: #f22525; } .all-offers { text-align: right; } .all-offers span:not(#price) { border-bottom: 1px dashed; color: #2875c4; } .all-offers #price { color: #000 !important; margin-right: 223px; font-weight: bold; border-bottom: 1px dashed #2875c4; } .top-table span { /*padding: 10px 0px;*/ line-height: 12px; } .order3_cur, .order4_cur, .order5_cur, .order6_cur, .order7_cur, .order8_cur, .count_all_order_cur { text-align: center; } .sup_order_1_cur { padding-left: 8px !important; } .top-table img { margin-left: 5px; } .top-table td { cursor: pointer; } .top-table td:hover { background-color: #e7e7e7; } .top-table td.active { background-color: #e7e7e7; } .table-units td:not(.brend-units) { font-size: 14px; padding-top: 15px !important; padding-bottom: 15px !important; } .full-ico { margin-left: 11px; } .half-ico { margin-left: 11px; } .ok-ico { margin-left: 10px; } .info-ico { margin-left: 5px; } .time-ico { display: inline-block; margin-left: 5px; } .time { text-align: left; display: none; position: absolute; background-color: #feffff; width: 272px; height: 90px; color: #000; border: 1px solid #e9e9e9; -webkit-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); -moz-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); margin-top: -35px; margin-left: 78px; z-index: 999; } .time .timer { padding-left: 19px; } .time .time_title { font-style: italic; font-size: 15px; display: block; padding-left: 20px; padding-top: 15px; margin-bottom: 5px; color: #465257; border-bottom: none; font-weight: normal; } .time .timer > div { display: inline-block; font-weight: normal; } .time .timer .item { width: 42px; height: 34px; background: url("../../images/NewTemplate/timer.png") no-repeat 0 0; letter-spacing: 9px; line-height: 36px; font-size: 20px; padding-left: 5px; } .time .timer .text { position: relative; top: -2px; } .time .days { font-style: italic; font-size: 15px; color: #465257; } .time .sep_time { font-size: 15px; color: #465257; margin-right: 5px; } .time { font-weight: bold; } .days { margin-right: 10px !important; } .time span:not(.time_title):not( .sep_time):not(.days) { color: #30322e; background: transparent linear-gradient(to bottom, #f8f8f8 0%, #e2e2e2 50%, #fff 51%, #fff 100%) repeat scroll 0% 0% !important; padding: 5px 2px; border: 1px solid #b8b8b8; border-radius: 5px; } .time span:not(.day1):not(.time_title):not( .sep_time):not(.days) { margin-left: -4px; } .day1 { margin-left: 20px; } .time:after { content: ''; color: transparent; position: absolute; width: 0; height: 0; border: 11px solid; border-right-color: #fff; top: 17%; left: -8%; margin-left: 0px; -webkit-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); -moz-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); z-index: 991; } .time:before { content: ''; color: transparent; position: absolute; width: 0; height: 0; border: 13px solid; border-right-color: #d8dfe2; top: 13px; left: -25px; margin-left: 0px; -webkit-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); -moz-box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); box-shadow: 1px 1px 2px 0px rgba(e9, e9, e9, 0.47); z-index: 991; } .time .time_title:before { content: ""; width: 5px; height: 30px; background: #fff; position: absolute; z-index: 999; display: block; margin-left: -20px; margin-top: -5px; } .buy { float: right; background-color: #f2f2f2; padding: 6px; border-radius: 7px; border: 1px solid #d4d4d4; cursor: pointer; } .buy:hover { background-color: #ffffff; color: #f1ae20; border: 1px solid #f1ae20; } .main-reg-table { margin-top: 30px; width: 86%; margin-left: 114px; } .main-search-table { width: 86%; margin-left: 114px; } .brend { width: 200px !important; padding-left: 100px !important; } .main-reg-cur { color: #337bc4; padding-left: 0px !important; width: 89px; } .main-reg-cur span { border-bottom: 1px dashed; } .count { border-radius: 5px; border-top: 1px solid #cacaca; border: 1px solid #ededed; padding: 6px; display: inline-block; } .brends { padding-right: 100px !important; } .brends-table { width: 211px; min-height: 200px; background-color: #fffaf2 !important; border: 1px solid #e0e1e2; position: absolute; margin-left: 58px; text-align: center; } .brends-table a { text-decoration: none; font-weight: bold; } .brends-table td { border: 0px solid #fff !important; } .table-brend tr td:nth-of-type(1) { text-align: left; } .brends-title { color: #2875c4; border-bottom: 1px dashed; } .brends-prise { font-weight: bold; color: #000 !important; } .brends-prise a { color: #000 !important; font-weight: bold; } .brend_cur:not(.main-reg-cur) { padding-left: 43px !important; color: #337bc4; text-decoration: underline; text-decoration-style: dashed; } .num-spare_cur:not(.main-reg-num-cur) { color: #337bc4; text-decoration: underline; font-weight: bold; } .num-spare_cur:not(.main-reg-num-cur) span { margin-left: 11px !important; } .main-reg-num-cur { width: 14%; color: #337bc4; text-decoration: underline; } .main-reg-num-cur span { } .stock_cur img { margin-top: -3px; } .stock_cur span { margin-left: 5px; vertical-align: bottom !important; } .main-reg-stock-cur { width: 10%; } .date_cur:not(.main-reg-date-cur) { color: #337bc4; } .date_cur:not(.main-reg-date-cur) span { margin-left: 11px !important; border-bottom: 1px dashed; } .main-reg-date-cur span { border-bottom: 1px dashed; } .main-reg-date-cur { width: 9%; color: #337bc4; } .main-reg-date-cur span { } .supplier_cur:not(.main-reg-sup-cur) { color: #9b9b9b; } .supplier_cur:not(.main-reg-sup-cur) span { margin-left: 11px !important; } .main-reg-sup-cur { width: 12%; color: #9b9b9b; } .main-reg-sup-cur span { } .info_spare_cur:not(.main-reg-info-cur) { color: #4e5a5e; } .info_spare_cur:not(.main-reg-info-cur) span { margin-left: 11px !important; } .main-reg-info-cur { width: 24%; } .main-reg-info-cur span { } .price_cur:not(.main-reg-price-cur) { color: #0f0f0f; } .price_cur:not(.main-reg-price-cur) span { font-weight: bold; margin-left: 11px !important; } .main-reg-price-cur { width: 10%; font-weight: bold; color: #0f0f0f; } .main-reg-val-cur { float: left; } .main-reg-price-cur span { } /* end of all table settings -----------------------------------------------------------------------------------*/ /* cat of main -----------------------------------------------------------------------------------*/ .cat { margin-top: 124px; } .cat-main { vertical-align: top; display: inline-block; } .cat-main a { color: #767D80 !important; } .cat-main li { background: transparent url("../../images/NewTemplate/li-dote.png") no-repeat scroll 0px 10px; padding-left: 10px; } .cat-main a:hover { border-bottom: 1px solid #767D80; } .cat-main li { list-style: none; padding-top: 3px; } .cat span { color: #faaa38; text-transform: uppercase; font-weight: bold; font-size: 13px; } .cat ul { padding-left: 0; margin-left: 110px; } .cat ul:first-child { margin-left: 0; } /* .oil { margin-left: 58px; padding-left: 0; } .electro { margin-left: 90px; } .tyre { margin-left: 96px; } .acces { margin-left: 84px; } .other { margin-left: 83px; }*/ /* end of cat of main -----------------------------------------------------------------------------------*/ /* banner & search -----------------------------------------------------------------------------------*/ .under-cat { /*margin-top: 111px;*/ } .second-search { min-width:630px; } .article { padding: 100px 0 100px 0; } .fill-to { cursor: pointer; } .banner { padding-bottom:30px; } /*.second-search {*/ /*float: right;*/ /*}*/ .banner img { /*width: 100%;*/ /*height: 189px;*/ } .search-form-2nd { margin-top: 24px; } .second-search { background-color: #f99f03; height: 188px; } .second-search span:not(.title) { display: inline-block; color: #675e4f; } .second-search .title { color: #fff; text-transform: uppercase; display: block; margin-left: 42px; margin-top: 25px; padding-bottom: 5px; } .second-search .column-left { float: left; width: 58%; padding-left: 60px; } .second-search .column-right { float: right; width: 47%; } .second-search .vin { width: 260px; height: 36px; margin-bottom: 8px; } .vin-block input[type="text"] { padding-left: 13px !important; } .vin-block { margin-left: 23px; background: transparent url("../../images/NewTemplate/separator.png") no-repeat scroll 94% 0px; padding-left: 20px !important; width: 50% !important; } .vin-block span:last-child { margin-left: 4px; display: inline-block; text-decoration: underline; text-decoration-style: dashed; color: #465257; } .select-model { padding-left: 5px; width: 286px; height: 33px; margin-left: 29px; } .model-block { left: -79px; position: relative; width: 38% !important; } .model-block select { width: 260px; } .model-block span { margin-left: 30px } /* end of banner & search -----------------------------------------------------------------------------------*/ .filter input[type="text"] { padding-left: 13px !important; } .search-form-input-order input[type="text"] { padding-left: 13px !important; } /* footer -----------------------------------------------------------------------------------*/ .footer ul:not(.social) { display: inline-block; } .social-block { float: right; margin-top: -60px; } .footer ul li { list-style: none; margin-bottom: 8px; } .footer ul li a { color: #fff; font-size: 12px; font-family: 'Open sans'; outline: none; } .footer ul li a:hover { color: #f99f03; } .site-map-1st { margin-left: 0; padding-left: 0; } .site-map-2nd { margin-left: 32px } .site-map-3rd { margin-left: 40px; } .site-map-4th { margin-left: 45px; } .footer li.active a { color: #f99f03; border-bottom: 1px solid #f99f03; } .social { margin-left: -10px; } .social li { list-style: none; float: left; padding-right: 2px; } /* end of footer -----------------------------------------------------------------------------------*/ .search_up { visibility: hidden; top: 79px; left: 132px; background-color: #fff; position: absolute; width: 61%; border: 1px solid #c9caca; color: #465257; padding: 5px; z-index: 10; -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75); } .search-form-input-order { position: relative; } .search_up table tr td:nth-of-type(1) { text-align: right; padding-right: 20px; } .search_up table tr { cursor: pointer; } .search_up table tr:hover td:nth-of-type(4) { visibility: visible; } .search_up table tr:hover { background-color: #f3f3f3; } .search_up table tr td:nth-of-type(2) { padding-left: 20px; } .search_up table tr td:nth-of-type(3) { padding-left: 20px; } .search_up table tr td:nth-of-type(4) { cursor: pointer; visibility: hidden; text-align: right; } .search_up table tr td:nth-of-type(4) span { text-decoration: underline; color: #2875c4; padding-left: 10px; padding-right: 10px; } .search_up table tr td:nth-of-type(4) span:last-child { padding-right: 30px; } .search_up table tr td:nth-of-type(4) span:first-child { padding-right: 10px; padding-left: 0px; text-decoration: none !important; color: #adadad !important; } /* filter of orders -----------------------------------------------------------------------------------*/ #input_sp { font-style: italic; } .content { margin: 0 auto; max-width: 1260px; /*min-width: 666px;*/ } .page-content { padding-top: 30px; } .filter { background-color: #f3f3f3; /*height: 150px;*/ margin: 10px 0px; padding: 10px 20px 15px 20px; } .wrap-calendar { padding-left: 32px; } .wrap-calendar span.sep { position: relative; left: -2px; } .filter label { font-weight: normal; margin-left: 16px; cursor: pointer; } .filter label span { color: #2875c4; border-bottom: 1px dashed #2875c4; } .filter label.error span { color: #ff0000; border-bottom: 1px dashed #ff0000; } .filter label input[type="checkbox"] { display: none; } .filter label.active { cursor: default; margin-right: -10px; } .filter .filter_one.active:before { content: ""; display: inline-block; width: 7px; height: 34px; background: url("../../images/NewTemplate/button/button_left.png") no-repeat 0 0; position: relative; top: 13px; } .filter .filter_one.active:after { content: ""; display: inline-block; width: 7px; height: 34px; background: url("../../images/NewTemplate/button/button_right.png") no-repeat 0 0; position: relative; top: 13px; left: -2px; } .filter .filter_one.active span { background: url("../../images/NewTemplate/button/button_center.png") repeat-x 0 0; padding: 10px 10px; border: none; } .filter .filter_two.active:before { content: ""; display: inline-block; width: 7px; height: 34px; background: url("../../images/NewTemplate/button/button2_left.png") no-repeat 0 0; position: relative; top: 13px; } .filter .filter_two.active:after { content: ""; display: inline-block; width: 7px; height: 34px; background: url("../../images/NewTemplate/button/button2_right.png") no-repeat 0 0; position: relative; top: 13px; left: -2px; } .filter .filter_two.active span { background: url("../../images/NewTemplate/button/button2_center.png") repeat-x 0 0; padding: 10px 10px; border: none; } .search_trash { border: 1px solid #eceff1; width: 83%; font-style: italic; height: 37px; margin-top: 10px; } .search_btn { display: inline-block; padding-left: 3px; cursor: pointer; position: relative; top: 2px; } .search_btn img { margin-top: -4px; } .filter_users { margin-top: 15px; margin-left: 2px; color: #82888b; display: inline-block; } .filter_users ~ span:not(.filter_state) { cursor: pointer; color: #2875c4; padding: 5px; text-decoration: underline; text-decoration-style: dashed; } .filter_users + span { padding-left: 10px; } .filter_users ~ span:not(.filter_state):hover { border-radius: 3px; color: #465257; text-decoration: none; background-color: #fff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); -moz-box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); } .filter_users ~ span.active { border-radius: 3px; color: #465257; text-decoration: none; background-color: #fff; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); -moz-box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); box-shadow: inset 0px 1px 1px 0px rgba(c8, c8, c8, 0.5); } .filter_state { margin-top: 10px; margin-left: 2px; color: #82888b !important; display: inline-block; } /* .filter_state ~ span { cursor: pointer; color: #2875c4; padding: 5px; text-decoration: underline; text-decoration-style: dashed; } .filter_state ~ span:last-child { color: #ff0000 !important; } */ /* .filter_state ~ span:hover { background-color: #fcfcca !important; color: #465257 !important; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(d3, d3, a9, 0.5) !important; -moz-box-shadow: inset 0px 1px 1px 0px rgba(d3, d3, a9, 0.5) !important; box-shadow: inset 0px 1px 1px 0px rgba(d3, d3, a9, 0.5) !important; } */ .filter_select { border: 1px solid #e7e7e7; width: 150px; margin-left: 5px; padding: 5px; } /* end of filter -----------------------------------------------------------------------------------*/ /* calendar & time selector -----------------------------------------------------------------------------------*/ .title_time_select { display: inline-block; color: #465257; float: right; } .title_time_select.left { float: left; } .time_select { padding: 3px 0px; color: #465257; border: 1px solid #e7e7e7; width: 150px; padding: 5px; } .time_select option { font-weight: normal; color: inherit; border: none; box-shadow: none; } .new-calendar { /* cursor: pointer; margin-top: 10px; height: 40px; width: 200px; background: url(../../images/NewTemplate/cal.png) no-repeat 178px center; border: 1px solid #e4eaee; background-color: #fff;*/ cursor: pointer; margin-top: 10px; height: 40px; width: 140px; background: url(../../images/NewTemplate/cal.png); background-repeat: no-repeat; background-position: 110px center; border: 1px solid #e4eaee; background-color: #fff; } .calendar { /* cursor: pointer; margin-top: 10px; height: 40px; width: 200px; background: url(../../images/NewTemplate/cal.png) no-repeat 178px center; border: 1px solid #e4eaee; background-color: #fff;*/ cursor: pointer; margin-top: 10px; height: 40px; width: 140px; background: url(../../images/NewTemplate/cal.png); background-repeat: no-repeat; background-position: 110px center; border: 1px solid #e4eaee; background-color: #fff; } .calendar:nth-of-type(2) { margin-left: 10px !important; } .calendar:nth-of-type(1) { margin-right: 20px !important; } .ok_cal { background-color: #2875c4; color: #fff; margin-left: 3px; padding: 9px 12px; border: none; } .ui-corner-all { width: 225px !important; } .ui-widget-header { width: 209px !important; } /* end of calendar & time selector -----------------------------------------------------------------------------------*/ /* nav div, paginator & export|import -----------------------------------------------------------------------------------*/ .nav_table { margin: 20px 20px 14px 20px; } .table-striped tr:last-child { border-bottom: 1px solid #dddddd; } .nav_page_table { color: #4181c8; border-bottom: 1px dashed; text-decoration: none; } .nav_page_table:hover { border-bottom: none; } .count_rec { color: #465257; border-right: 1px solid #828282; padding-right: 5px; margin-left: -20px; } .ctrl { display: inline-block; color: #a1a1a1; background: url(../../images/NewTemplate/arrow.png) no-repeat 32px 6px; width: 55px !important; padding-left: 8px; } .ex-im { cursor: pointer; float: right; color: #2875c4; margin-right: 0px; } .orders .ex-im { margin-top: 41px; } .ex-im a { border-bottom: 1px dashed; margin-left: 35px; } .ex-im span { margin-left: 4px; } .ex-im span:first-child { margin-right: 10px !important; } .ex-im img { padding-bottom: 4px; margin-top: -4px; } /*end of nav div, paginator & export|import -----------------------------------------------------------------------------------*/ /* checkbox setting -----------------------------------------------------------------------------------*/ input[type=checkbox] { /*visibility: hidden;*/ overflow: hidden; } input[type=checkbox].labeled { visibility: hidden; overflow: hidden; } .check_box_trash { padding: 9px 0px 0px 0px !important; width: 25px; } input[type="checkbox"] + label { background: url(../../images/NewTemplate/chekbox_no.png) 0 0 no-repeat; width: 12px; height: 12px; position: absolute; margin-left: 6px; margin-top: 10px; } input[type="checkbox"]:checked + label { background: url(../../images/NewTemplate/chekbox_yes.png) 0 0 no-repeat; } .check_box_trash { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .check_box_trash_cur { padding: 9px 0px 0px 0px !important; width: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .check_box_trash_cur input[type="checkbox"] + label { background: url(../../images/NewTemplate/chekbox_no.png) 0 0 no-repeat; width: 12px; margin-left: -2px; height: 12px; } .check_box_trash_cur input[type="checkbox"]:checked + label { background: url(../../images/NewTemplate/chekbox_yes.png) 0 0 no-repeat; color:#439fff; } /* checkbox setting -----------------------------------------------------------------------------------*/ /* table for trash -----------------------------------------------------------------------------------*/ .date_trash { width: 110px; padding-left: 17px !important; } .client_trash { width: 150px; padding-left: 17px !important; } .meneger { width: 165px; } .spare_trash { width: 223px; } .state_trash { width: 115px; } .date_deliver_trash { width: 150px; } .price_trash { width: 115px; } .number_trash { width: 115px } .date_trash_cur span { padding-left: 10px; display: block; } .date_trash_cur span:first-child { text-align: left; color: #596267; } .date_trash_cur span:last-child { text-align: left; font-size: 14px; color: #b8b8b8; } .client_trash_cur span { padding-left: 10px; display: block; text-align: left; color: #b8b8b8; } .meneger_cur span { display: block; text-align: left; color: #b8b8b8; } .spare_trash_cur span:first-child { border-bottom: none; color: #465257 !important; margin-right: 5px; font-weight: bold; } .spare_trash_cur span:last-child { border-bottom: none; display: block; color: #999999 !important; } .spare_trash_cur a { color: #4181c8; border-bottom: 1px dashed; text-decoration: none; } .date_deliver_trash_cur { text-align: left; } .date_deliver_trash_cur span { color: #2875c4; border-bottom: 1px dashed; } .price_trash_cur { color: #000; margin-left: 11px; font-weight: 500; } .number_trash_cur { margin-left: 11px; color: #788083; } .number_trash_cur span { margin-left: 9px; } .count_all_cur { margin-left: 11px; } .count_all_cur img { float: right; } .table_trash { background-color: #f3f3f3 !important; } .table_trash_units .comment { width: 200px; } .table_trash_units .comment img { float: right; } .table-striped .count_all { } .table-striped .top-table td { padding: 17px 8px 0px 8px !important; line-height: 0; } .table-striped .top-table .check_box_trash { width: 45px; } .table-striped .top-table label { position: relative; top: -19px; margin-left: 6px; } .table-striped .top-table.table_order label, .table-striped.basket_table_new .top-table label { position:absolute; top:auto; margin-left: -2px; margin-top: 0px; } .table_trash td { cursor: pointer; } .check_box_trash:hover { background-color: #f3f3f3 !important; } .table_trash td:hover { background-color: #e7e7e7; } .table_trash td span img { margin-left: 8px; } /* end of table for trash -----------------------------------------------------------------------------------*/ /* bottom counter of lines -----------------------------------------------------------------------------------*/ .line_on_page { float: right; margin-right: -20px; } .line_on_page li:last-child { border: none; } .line_on_page li:first-child a { color: #596267 !important; border: none !important; } .line_on_page a { color: #2875c4 !important; border-bottom: 1px dashed; text-decoration: none; } .line_on_page a:hover { border-bottom: none; } .line_on_page li { border-right: 1px solid #828282; padding-left: 5px; padding-right: 8px; display: inline-block; height: 13px; line-height: 12px; } /* end of bottom counter of lines -----------------------------------------------------------------------------------*/ /* reg html */ .reg { background: #f3f3f3; border: 1px solid #e9eaea; border-radius: 3px; display: flex; margin-bottom: 60px; padding-top: 40px; padding-left: 60px; padding-right: 130px; padding-bottom: 40px; } .reg-block { display: block; } .reg_full { width: 1000px; margin: 0 auto; padding-left: 100px; padding-right: 100px; } .reg .dropdown_select { padding: 12px 20px; height: 45px; margin-top: -4px; margin-left: -3px; width: 96%; } .reg .button_down { width: 45px; height: 40px; background-size: 98%; } .reg p, .reg label { color: #6b7477 !important; } .reg .control-label { color: #6b7477 !important; padding-right: 20px; } .reg_h { width: 100%; padding-bottom: 10px; } .reg_h p { padding-top: 15px; } .reg_h > label { text-transform: uppercase; } .reg_check { width: 13%; height: 34px; /*display: block;*/ position: relative; text-align: center; margin-left: 9px; } .reg_check input { display: none; } .reg_check span { background: url("../../images/NewTemplate/button/reg/default.png") repeat-x 0 0; padding: 10px 0; } .reg_check span:before { content: ""; display: inline-block; height: 35px; width: 10px; background: url("../../images/NewTemplate/button/reg/default_left.png") no-repeat 0 0; top: 14px; position: relative; left: -6px; } .reg_check span:after { content: ""; display: inline-block; height: 35px; width: 10px; background: url("../../images/NewTemplate/button/reg/center2.png") no-repeat 0 0; top: 14px; position: relative; left: 6px; } .reg_check input[type="radio"]:checked + span { background: url("../../images/NewTemplate/button/reg/active.png") repeat-x 0 0; } .reg_check input[type="radio"]:checked + span:before { content: ""; display: inline-block; height: 35px; width: 10px; background: url("../../images/NewTemplate/button/reg/active_left.png") no-repeat 0 0; top: 14px; position: relative; left: -6px; } .reg_check input[type="radio"]:checked + span:after { content: ""; display: inline-block; height: 35px; width: 10px; background: url("../../images/NewTemplate/button/reg/center.png") no-repeat 0 0; top: 14px; position: relative; left: 6px; } .reg_check_2 input { display: none; } .reg_check_2 span:after { content: ""; display: inline-block; height: 35px; width: 10px; background: url("../../images/NewTemplate/button/reg/default_right.png") no-repeat 0 0; top: 14px; position: relative; left: 6px; } .reg_check_2 span { background: url("../../images/NewTemplate/button/reg/default.png") repeat-x 0 0; padding: 10px 1px 10px 12px; left: -5px; position: relative; } .reg_check_2 input[type="radio"]:checked + span { background: url("../../images/NewTemplate/button/reg/active.png") repeat-x 0 0; } .reg_check_2 input[type="radio"]:checked + span:after { background: url("../../images/NewTemplate/button/reg/active_right.png") repeat-x 0 0; position: relative; width: 7px; } .reg_b1 { width: 50%; padding-right: 60px; float: left; } .reg_b1 input { width: 96%; padding: 0 10px !important; } .reg_b1 label { font-weight: bold; } .reg .col-sm-8 .form-control { width: 350px; } .reg .form-control, .reg .form-control { border-radius: 0px; } .form-control.small { height: 31px; width: 108px; } .line_b { white-space: nowrap; overflow: hidden; text-transform: uppercase; } .line_b:after { display: inline-block; width: 100%; content: ''; border-bottom: 1px solid #999; margin-bottom: 3px; margin-left: 20px; } .reg_b2 { float: left; width: 50%; /*background-color: red;*/ /*padding-right: 70px;*/ } .reg_b2 input { width: 96%; padding: 0 10px !important; } .reg_b2 select { width: 96%; padding: 0 10px !important; } .reg_f { clear: both; } .reg_f input { float: right; width: 32%; } .line_bf { white-space: nowrap; overflow: hidden; } .line_bf:before { display: inline-block; width: 60%; content: ''; border-top: 1px solid #e1e8ed; border-bottom: 1px solid #fff; } .btn-reg { text-align: center; background-color: #2875c4; color: white; border: 0; height: 34px; } /*.reg_b1 > form .form-group{ display: inline-flex; width: 50%; }*/ .border_grad_1 { /*margin: 50px auto;*/ /*width: 250px;*/ /*height: 250px;*/ /*padding-left: 3px;*/ /*padding-right: 60px;*/ /*border-radius: 4px;*/ border-top: 1px solid #e7e7e7; border-bottom: 1px solid #FFFFFF; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-background-size: 3px 100%; -moz-background-size: 3px 100%; background-size: 3px 100%; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYWNmZDUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNhNGVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=); background-image: -webkit-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%), -webkit-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%), -moz-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%); background-image: -o-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%), -o-linear-gradient(top, #e7e7e7 0%, #FFFFFF 100%); background-image: linear-gradient(to bottom, #e7e7e7 0%, #FFFFFF 100%), linear-gradient(to bottom, #e7e7e7 0%, #FFFFFF 100%); } .history_search_reg { font-style: italic; cursor: pointer; margin-left: 27%; margin-right: 15px; padding-right: 10px; color: #a1a1a1; text-decoration: underline; border-right: 1px dotted #a1a1a1; } .history_search_reg + span { font-style: italic; cursor: pointer; color: #a1a1a1; text-decoration: underline; } /* graf */ span.p75 { position: absolute; top: 45px; left: 69px; color: #c0c0c0; } span.p50 { position: absolute; top: 118px; left: 69px; color: #c0c0c0; } span.p25 { position: absolute; top: 189px; left: 69px; color: #c0c0c0; } .days_g { position: absolute; color: #c0c0c0; top: 285px; } .day1_g { left: 150px; } .day2_g { left: 227px; } .day3_g { left: 298px; } .day4_g { left: 370px; } .day5_g { left: 443px; } .day6_g { left: 515px; } .day7_g { left: 588px; } .stat_p { color: #8bbc23; text-transform: uppercase; } .refresh_p { color: #465257; float: right; } .col_graf { margin: 0px 20%; position: absolute; width: 661px; height: 400px; } .usl_p { cursor: pointer; position: absolute; bottom: 0px; left: 100px; background-color: #2875c4; padding: 5px 10px; color: #fff; text-decoration: underline; text-decoration-style: dashed; border-radius: 5px; } .gar_date { color: #dc552b; position: absolute; bottom: 5px; right: 150px; } .gar_days { position: absolute; bottom: 5px; right: 100px; } .col_graf_1 { width: 627px; } /*Стили_2*/ /* main table of orders -----------------------------------------------------------------------------------*/ .table_order td { text-align: left; padding: 10px 0px !important; color: #465257; } /* top table orders -----------------------------------------------------------------------------------*/ .check_box_trash { width: 29px; } .date_order { width: 192px; } .sup_order_1 { width: 99px; } .date_deliver_order { width: 98px; } .gar_date_order { } /* table of units order -----------------------------------------------------------------------------------*/ .table_order_units td { padding: 10px 0px !important; } .order-table td { padding: 8px !important; } /* units of table orders -----------------------------------------------------------------------------------*/ .date_order_cur { } .date_order_cur div { margin-left: 5px; } .date_order_cur div > span { color: #596267; line-height: 20px; display: block; } .date_order_cur div:last-child { margin-left: 50px; margin-top: -40px; width: 100px; text-align: center; } .date_order_cur_hide_block { } .date_order_cur_hide_block div { margin-left: 5px; } .date_order_cur_hide_block div > span { color: #596267; line-height: 20px; display: block; } .date_order_cur_hide_block div:last-child { margin-left: 50px; margin-top: -40px; width: 100px; display: none; text-align: center; } .item_name_cur span, .spare_trash_cur .model{ color: #4181c8 !important; } .spare_trash_cur .model{ cursor:pointer; } .item_name_cur span:first-child { font-weight: bold; text-decoration: none !important; color: #465257 !important; margin-right: 5px; } .item_name_cur span:last-child { display: block; text-decoration: none !important; color: #999999 !important; } .order3_cur, .order5_cur, .order7_cur, .order9_cur { background: rgba(0, 0, 0, 0.03); } .order3_cur span { color: #465257; } .order4_cur span { color: #465257; } .order5_cur span { color: #465257; } .order6_cur span { color: #465257; } .order7_cur span { color: #465257; } .order8_cur span { color: #465257; } .order9_cur span { color: #465257; } .order10_cur span { color: #465257; } .price_order_cur { color: #465257; } .count_all_order_cur span { color: #465257; } .count_all_order_cur.red span { color: rgb(211, 0, 0); } .count_all_order_cur.green span { color: #499F02; } .sup_order_1_cur span { color: #999999; } .gar_date_order_cur img { float: right; padding-right: 15px; } /* end of units of table orders -----------------------------------------------------------------------------------*/ /* states fo orders -----------------------------------------------------------------------------------*/ .state3_order { cursor: pointer; display: inline-block; color: #465257 !important; border: 1px solid #465257; } .state4_order_1 { padding: 2px 4px; cursor: pointer; background-color: #f1ae20; color: #fff !important; } .state4_order_2 { padding: 2px 4px; background-color: #2875c4; cursor: pointer; color: #fff !important; } .state4_order_3 { padding: 2px 4px; background-color: #8e5f1c; cursor: pointer; color: #fff !important; } .state4_order_7 { padding: 2px 4px; background-color: #9DB6CF; cursor: pointer; color: #fff !important; } .state4_order_error { padding: 2px 4px; background-color: #f3565e; cursor: pointer; color: #fff !important; } .state4_order_return { padding: 2px 4px; background-color: #465257; cursor: pointer; color: #fff !important; } .state4_order_buy { padding: 2px 4px; background-color: #7fb94a; cursor: pointer; color: #fff !important; } .order_1 { background-color: #fef7e8 !important; } .order_2 { background-color: #f0fbe6 !important; } .order_3 { background-color: #f3efe8 !important; } .error_order { background-color: #feeeef !important; } .return { background-color: #f3f3f3 !important; } .buy_order { background-color: #f2f9fd !important; } /* table finance -----------------------------------------------------------------------------------*/ .modal_f { width: 60%; position: absolute; background-color: #fff; z-index: 5; top: 31%; left: 19%; padding: 28px; display: none; } .modal_border { display: none; width: 62%; position: absolute; background-color: #000; z-index: 5; top: 29%; left: 18%; opacity: 0.3; } .modal_title img { margin-right: 5px; margin-top: -3px; } .modal_title span:nth-of-type(odd) { color: #465257; } .modal_title span:nth-of-type(even) { color: #999999; margin-right: 10px; } .modal_title span:nth-of-type(2) { text-decoration: underline; } .modal_top { text-transform: uppercase; color: #465257; margin-top: 15px; } .modal_top tr td:nth-of-type(1) { width: 43%; } .modal_top tr td:nth-of-type(2) { width: 32%; } .modal_bottom span { color: #465257; } .modal_bottom { margin-top: 15px; } .modal_bottom tr td:nth-of-type(1) span { display: block; } .modal_bottom tr td:nth-of-type(1) { width: 15%; } .modal_bottom tr td:nth-of-type(2) { vertical-align: top; width: 28%; } .modal_bottom tr td:nth-of-type(3) { vertical-align: top; width: 21%; } .modal_bottom tr td:nth-of-type(4) { vertical-align: top; } .modal_bottom tr td:nth-of-type(5) { vertical-align: top; } .modal_bottom tr td:nth-of-type(3) span { display: block; } .modal_bottom tr td:nth-of-type(1) span:first-child { font-weight: bold; } .modal_bottom tr td:nth-of-type(3) span:first-child { font-weight: bold; } .modal_bottom tr td:last-child span { display: block; } .modal_bottom tr td:last-child { width: 235px; } .modal_bottom tr td:last-child span:first-child { font-weight: bold; } .animate_modal { background-color: #2875c4; padding: 5px 0px; width: 100%; margin-right: -58px; } .animate_modal span { font-weight: normal !important; text-align: center; color: #fff !important; display: block; } .all_history { display: inline-block; margin-top: 20px; color: #2875c4; text-decoration: underline; text-decoration-style: dashed; } .postavka { color: #465257; display: inline-block; margin-top: 20px; text-transform: uppercase; } .work_days { margin-top: 10px; display: inline-block; color: #465257; } .overlay { position: absolute; background: rgba(0, 0, 0, 0.3); top: 0; left: 0; min-height: 100%; min-width: 100%; z-index: 999; } .row_fu-1 { background-color: #fffaf2 !important; } .row_fu-2 { background-color: #fff !important; } .table_finance { box-shadow: 0px 0px 0px 0px #DCDCDC !important; } .table-finance-main tr > td:last-child { text-align: right; } .table-finance-main tr > td:nth-of-type(5) { text-align: right; } .table-finance-main tr > td:nth-of-type(6) { text-align: right; } .table-finance-main tr > td:nth-of-type(1) { color: #868d8f; } .table-finance-main tr > td:nth-of-type(2) { color: #868d8f; } .table-finance-main tr > td:nth-of-type(3) { color: #868d8f; } .table-finance-main tr:not(:first-child) > td:nth-of-type(3) { color: #868d8f; text-decoration: underline; } .table-finance-main tr > td:nth-of-type(4) { color: #868d8f; } .debit_cur, .red { color: #d30000 !important; } .credit_cur, .green { color: #3f8c00 !important; } .com_fin_cur { width: 582px; } .saldo span { color: #868d8f; font-weight: bold; } .saldo_final span { color: #3f8c00; } .more { color: #2875c4; cursor: pointer; text-decoration: underline; margin-left: 5px; font-size: 12px; float: right; } .more:hover { color: #2875c4; } /* end table finance -----------------------------------------------------------------------------------*/ /* finance -----------------------------------------------------------------------------------*/ /* .discount { cursor: pointer; display: inline-block; margin-top: 10px; margin-left: 20px; padding: 10px 10px 11px 10px; text-decoration: capitalize; color: #4181c8; text-decoration: underline; text-decoration-style: dashed; position: relative; } .discount:hover { padding: 9px 9px 11px 9px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #e9eaea; border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; color: #465257 !important; text-decoration: none; background-color: #f3f3f3; } .discount:hover:after { content: ''; position: absolute; margin-left: -80px; border-bottom: 1px solid #f3f3f3; width: 100%; top: 99%; z-index: 50; } .balance { cursor: pointer; display: inline-block; margin-top: 10px; padding: 10px 10px 11px 10px; text-decoration: capitalize; color: #4181c8; text-decoration: underline; text-decoration-style: dashed; position: relative; }*/ .balance:hover { /*padding: 9px 9px 11px 9px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #e9eaea; border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; color: #465257 !important; text-decoration: none; background-color: #f3f3f3;*/ } .balance:hover:after { /*content: ''; position: absolute; margin-left: -73px; border-bottom: 1px solid #f3f3f3; width: 100%; top: 99%; z-index: 50;*/ } .active_btn { padding: 9px 9px 11px 9px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #e9eaea; border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; color: #465257 !important; text-decoration: none; background-color: #f3f3f3; } .active_btn:after { content: ''; position: absolute; margin-left: -73px; border-bottom: 1px solid #f3f3f3; width: 100%; top: 99%; z-index: 50; } .detail_balance { position: relative; width: 81% !important; margin-left: 20px; color: #82888b; margin-top: 20px; } .detail_balance tr:last-child { position: relative; } .detail_balance tr:last-child:after { padding-bottom: 20px; content: ""; position: absolute; margin-left: 0px; border-bottom: 1px solid #D3D3D3; width: 100%; top: 100%; z-index: 50; left: 0px; } .detail_balance:after { padding-bottom: 21px; content: ''; position: absolute; margin-left: 0px; border-bottom: 1px solid #fff; width: 100%; top: 100%; z-index: 50; } .right { text-align: right; } .finance { display: none; background-color: #f3f3f3; border: 1px solid #e9eaea; } .calendar_block { width: 81%; color: #82888B !important; margin-top: 30px; margin-left: 20px; } .uslovie { color: #465257; margin-top: 20px; } .uslovie_table { width: 101%; margin-left: 43px; } .uslovie_text { margin-left: 42px; margin-top: 20px; display: block; margin-right: 65px; font-size: 16px; } /*end of finance -----------------------------------------------------------------------------------*/ /* discount -----------------------------------------------------------------------------------*/ .discount_1 { display: none; background-color: #f3f3f3; border: 1px solid #e9eaea; height: 250px; } .discount_title { color: #465257; display: inline-block; margin-top: 25px; margin-bottom: 50px; margin-left: 20px; } .circle_gray { width: 12px; height: 12px; background-color: #d3d3d3; border-radius: 50px; z-index: 20; } .circle_cur { position: absolute; width: 12px; height: 12px; background-color: #465257; border-radius: 50px; z-index: 20; margin-top: -6px; } .discount_table { color: #465257; width: 80%; margin-left: 13%; } .discount_table tr:nth-of-type(2) > td { position: relative; } .discount_table tr:first-child > td:last-child > span:first-child { font-weight: 600; } .discount_table tr:first-child > td:last-child > span:last-child { color: #999999; } .discount_table tr:nth-of-type(3) > td:last-child { font-weight: 600; } .discount_table tr:nth-of-type(4) > td:last-child { font-weight: 600; } .discount_table tr:nth-of-type(2) > td:after { content: ""; position: absolute; margin-left: -45%; border-bottom: 1px solid #d3d3d3; width: 116%; height: 0px; top: 41%; left: 0%; z-index: 0; } /* end of discount -----------------------------------------------------------------------------------*/ /* mail -----------------------------------------------------------------------------------*/ .mail_bar { /*margin-top: 60px;*/ padding: 0px; background-color: #f3f3f3 !important; border: 1px solid #e9eaea; padding: 5px 0 5px 0; border: 1px solid #e9e9e9; background-color: #f3f3f3; box-shadow: 0 2px 7px rgba(0, 0, 0, .04); border-radius: 3px; } .mail_sidebar { padding: 0px; margin-top: -1px; padding-right: 20px; } .mail_button { margin-top: 16px; margin-bottom: 19px; } .mail_button ul li { cursor: pointer; margin-right: 20px; color: #465257; background-color: #fff; padding: 5px 7px 5px 7px; list-style: none; float: left; } label.file { top: -42px; position: relative; margin-left: 10px; } label.file input { display: none; } label.file span { color: #d30000; font-size: 14px; font-weight: normal; cursor: pointer; } .mail_button ul li:nth-of-type(1) { padding-left: 27px; background: #fff url(../../images/NewTemplate/write.png) no-repeat 5px 6px; } .mail_button ul li:nth-of-type(2) { color: #2875c4; padding-left: 27px; background: #fff url(../../images/NewTemplate/refresh.png) no-repeat 5px 9px; } .mail_button ul li:nth-of-type(3) { padding-left: 27px; background: #fff url(../../images/NewTemplate/archive.png) no-repeat 5px 6px; } .mail_button ul li:nth-of-type(4) { padding-left: 27px; background: #fff url(../../images/NewTemplate/delete.png) no-repeat 5px 6px; } .mail_button ul li:nth-of-type(5) { padding-left: 27px; background: #fff url(../../images/NewTemplate/recall.png) no-repeat 5px 6px; } .mail_button ul li:nth-of-type(6) { padding-left: 27px; background: #fff url(../../images/NewTemplate/eye.png) no-repeat 5px 7px; } .mail_search { margin-top: 16px; } .search_mail { border: 1px solid #ededed; position: absolute; width: 150px; z-index: 50; top: 5px; left: 0.5%; } .search_input { padding-left: 10px; height: 34px; border: 1px solid #e1e8ed; background: #fff url(../../images/NewTemplate/search_gray.png) 495px 8px no-repeat; width: 520px; } .mail_search input { background: #fff url(../../images/NewTemplate/search_gray.png) 460px 8px no-repeat !important; width: 490px !important; } .mail_sidebar table tr td:nth-of-type(odd) { cursor: pointer; padding-left: 30px; } .top_side_menu { font-size: 15px; padding: 0px; background-color: #fafafa; border: 1px solid #e9eaea; } .top_side_menu table:not(.custom_table) { } .top_side_menu table:not(.custom_table) tr td { color: #465257; } .num_mail { text-align: right; padding-right: 25px; } .top_side_menu table:not(.custom_table) tr td { padding-bottom: 15px !important; } .top_side_menu table:not(.custom_table) tr:first-child td { padding-top: 25px; } .top_side_menu table:not(.custom_table) tr:nth-of-type(1) td { color: #fe6969 !important; } .top_side_menu table:not(.custom_table) tr:nth-of-type(2) td:nth-of-type(1) { padding-left: 55px; } .top_side_menu table:not(.custom_table) tr:nth-of-type(2) { font-weight: bold; } .bottom_side_menu { padding: 0px; font-size: 14px; background-color: #f3f3f3; border: 1px solid #e9eaea; } .bottom_side_menu table tr td a { text-decoration: underline; font-size: 14px; display: block; width: 100%; padding: 9px 0 6px 30px; } .table_side { margin-top: 17px; } .bottom_side_menu table tr { width: 100%; } .bottom_side_menu tr td { padding-top: 9px; padding-bottom: 9px; } .bottom_side_menu table tr:hover { /*background-color: ;*/ } .bottom_side_menu table tr.item:hover td, .bottom_side_menu table tr.active td { font-weight: bold; color: #f1ae20; background: #f9f9f9; font-weight: bold; } .mail_from td:nth-of-type(odd) { padding-top: 45px; } .bottom_side_menu table tr.item:hover td:first-child:before, .bottom_side_menu table tr.active td:first-child:before { content: ""; width: 5px; height: 35px; background: #f9f9f9 url(../../images/NewTemplate/side_menu.png) no-repeat left 0; display: block; position: absolute; margin-top: -9px; margin-left: -30px; } .bottom_side_menu table tr.item a:hover, .bottom_side_menu table .active a { text-decoration: none; color: #f1ae20; font-family: 'latoblack'; } /* menu mail */ .menu_mail { padding: 0px; } .check_box_mail { margin-top: 20px; margin-right: 10px; display: inline-block !important; margin-left: -5px; margin-bottom: 13px; } .menu_mail .nav_table { margin-top: 25px; display: inline-block; float: right; margin: 20px 0px 0px 0px; } .menu_mail + .line_on_page { float: left; padding-left: 14px; } .menu_mail ~ .nav_table { margin: 20px 0px 0px 0px; } .mail_table tr td:first-child input { margin-left: 9px; } .mail_table tr td { padding: 0px !important; } .mail_table tr td label { margin-left: -14px; } .mail_table tr td { display: inline-grid; padding-top: 13px !important; } .mail_table tr td:nth-of-type(1) { /*-webkit-user-select: none; !* Chrome all / Safari all *!*/ /*-moz-user-select: none; !* Firefox all *!*/ /*-ms-user-select: none; !* IE 10+ *!*/ /*user-select: none; !* Likely future *!*/ /*width: 38px;*/ width: 100%; } .mail_table tr td:nth-of-type(2) { width: 424px; } .mail_table tr td:nth-of-type(3) { width: 613px; } .mail_table tr td:nth-of-type(3) img { margin-right: 8px; } .mail_table tr td:nth-of-type(3) span:nth-of-type(odd) { color: #465257; } .mail_table tr td:nth-of-type(3) span:nth-of-type(even) { color: #999999; margin-right: 10px; } .mail_table tr td:nth-of-type(3) span:nth-of-type(2) { text-decoration: underline; } .mail_table tr.root { transition: all .2s; cursor: pointer; } .mail_table tr.root:hover { background: #E8E8E8; } .mail_table .message-answer .header { transition: all .2s; cursor: pointer; } .mail_table .message-answer .header:hover { background: #E8E8E8; } .mail_table tr.unread td:nth-of-type(3) span:last-child { font-weight: bold; } .mail_table tr td:nth-of-type(3) span:last-child { display: block; } .mail_table tr.unread td:nth-of-type(2) span:nth-of-type(1) { color: #2875c4; font-weight: bold; } .mail_table tr td:nth-of-type(2) span:nth-of-type(1) { display: inline-block; margin-left: 10px; color: #4181c8; } .mail_table tr td:nth-of-type(2) span:nth-of-type(2) { display: block; margin-left: 21px; } .mail_table tr td:nth-of-type(4) { color: #999999; width: 130px; font-size: 11px; padding-right: 10px; text-align: left; } .mail_info:first-child { background-color: #f3f3f3; border-bottom: 2px solid #f99f03; } .mail_info:last-child { background-color: #ffffcc; } .mail_info:last-child td:nth-of-type(6) span { padding: 4px 5px; background-color: #f99f03; color: #fff; } .mail_info:last-child td:nth-of-type(4) span:first-child { font-weight: bold; color: #465257; } .mail_info:last-child td:nth-of-type(4) span:last-child { color: #2875c4; text-decoration: underline; } .mail_info:last-child td:last-child { font-weight: bold; } .mail_cur .title { color: #465257; font-size: 14px; text-transform: uppercase; padding-left: 9px; padding-bottom: 9px; } .mail_cur_table { margin-bottom: 0px; } .hide_text { display: block; height: 0px; } .from_to { background-color: #fafafa; } .from_to tr td:nth-of-type(2) { width: 74%; cursor: pointer; } .from_to tr > td:nth-of-type(2) { overflow: hidden; } .from_to tr td:last-child img { margin-right: 16px; } .from_to tr td:last-child { text-align: right; } .from_to tr td:first-child span:first-child { color: #2875c4; } .from_to tr td:nth-of-type(2) span { color: #a1a1a1; } .from_to tr td:nth-of-type(3) span { color: #a1a1a1; } .from_what { display: inline-block; /*padding-left: 10px;*/ } .from_what span:first-child { color: #2875c4; } .from_when { display: inline-block; float: right; padding-right: 7px; color: #a1a1a1; } .from_when img { padding-right: 22px; } .text_mail { display: block; margin-left: -2px; margin-top: 8px; margin-bottom: 10px; } .full_text_mail { /*border-bottom: 1px solid #e2e3e4;*/ padding: 10px; } .reply_mail { margin-top: 17px; border: 1px solid #e2e3e4; border-radius: 5px; padding: 20px; } .reply_mail span { display: inline-block; color: #b6b6b6; } .reply_mail > select { margin-left: 15px; width: 170px; border: 1px solid #e7e7e7; } .reply_mail textarea { position: relative; display: block; height: 150px; display: block; padding: 10px; padding-top: 5px; /*margin-top: 29px;*/ width: 100%; resize: none; outline: none; -moz-appearance: none; border: 1px solid #e9eaea; } .send, .vhod { cursor: pointer; /*margin-left: 17px;*/ margin-top: 14px; padding-left: 12px !important; margin-bottom: 19px; color: #fff !important; background-color: #2875c4; padding: 8px 14px !important; text-align: center; vertical-align: middle; border-radius: 5px; } .send-button { cursor: pointer; padding-left: 12px !important; margin-top: 19px; color: #fff !important; background-color: #2875c4; padding: 8px 14px !important; text-align: center; vertical-align: middle; border-radius: 5px; } /* div.upload { width: 95px; height: 41px; background:url('/css/images/NewTemplate/download.png'); overflow: hidden; } div.upload input { display: block !important; width: 157px !important; height: 57px !important; opacity: 0 !important; overflow: hidden !important; } */ .cencel { cursor: pointer; color: #465257 !important; display: inline-block; margin-left: 10px; } /* end menu mail */ /* client */ .client_sidebar { padding: 0px; } .client_sidebar > .top_side_menu { background-color: #f3f3f3; } .client_sidebar > .top_side_menu > select { border: 1px solid #e7e7e7; margin-top: 10px; margin-bottom: 10px; height: 30px; margin-left: 15px; width: 90%; } .client_sidebar > .bottom_side_menu { min-height: 710px; font-size: 16px; } .client_sidebar > .bottom_side_menu > .search_input_c { padding-left: 10px !important; margin-top: 10px; margin-left: 17px; width: 89%; background: #fff url(../../images/NewTemplate/search_gray.png) 95% 8px no-repeat; border: 1px solid #e1e8ed; min-height: 33px; padding-top: 3px; } .client_sidebar > .bottom_side_menu > table tr td { cursor: pointer; } .mail_bar .add_client { cursor: pointer; color: #465257; margin-top: 11px; border-radius: 3px; padding: 5px 10px 4px 27px; background: #fff url(../../images/NewTemplate/add_client.png) no-repeat 5px 8px; list-style: none; float: left; margin-left: 16px; border: 1px solid #f9f9f9; background-color: #fff; box-shadow: 0 2px 3px rgba(0, 0, 0, .04); color: #465157; font-size: 14px; } .mail_bar .add_client:hover { text-decoration: none; } .mail_bar .client_button_2 .add_client { background: #fff; padding: 5px 12px 4px 12px; } .client_button .dropdown_select { width: 163px; } .client_button_2 .dropdown_select { float: right; width: 163px; } .client_button_2 ul { margin: 0 0 0 85px; overflow: hidden; } .client_button_2 ul li { float: left !important; } .client_button > select { border: 1px solid #eaeaea; width: 170px; margin-left: 15px; } .client_button_2 > select { margin-top: 10px; border: 1px solid #eaeaea; width: 150px; margin-left: 15px; } .more_client { width: 100px; } .menu_client { padding: 0px; } .menu_client > div { padding: 20px 0px 0px 20px !important; } .menu_client span { display: block; color: #465257; font-family: "Lato"; font-size: 14px; } .menu_client span:not(:first-child) { margin-top: 30px; } .menu_client .fiz { color: #b0b0b0; display: inline-block; } .over_price { color: #2875c4 !important; } .menu_client span:first-child { position: relative; } .menu_client span.adress_client { margin-top: 0; } .menu_client a { font-family: "Lato"; font-size: 14px; color: #2875c4; } .menu_client a:hover { color: #2875c4; } .menu_client a:hover { text-decoration: none; } .menu_client .add_money { margin-top: 50px; } .menu_client .add_money a { width: 145px; text-align: center; color: #465157; font-family: "Lato"; font-size: 14px; outline: none; } .add_money label input { display: none !important; } .menu_client .add_money input[type="radio"]:checked + span { border: 1px solid #f3f3f3; background-color: #fffcdb; box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1); } .menu_client .add_money span { width: 145px; text-align: center; color: #465157; font-family: "Lato"; font-size: 14px; font-weight: normal; } .menu_client .add_money span { cursor: pointer; display: inline-block; background-color: #fcfcfc; padding: 6px 20px; border: 1px solid #e7e7e7; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .take_cash_label span { border-radius: 0 5px 5px 0 !important; } .clients { position: relative; } .balance_c { text-transform: uppercase; } .balance_c:after { content: ''; position: absolute; border-bottom: 1px solid #999999; width: 60%; top: 50%; left: 40%; } .rulle_c { text-transform: uppercase; padding-top: 55px; } .rulle_c:after { content: ''; position: absolute; border-bottom: 1px solid #999999; width: 59%; top: 67%; left: 35%; } .rulles { padding: 0px; margin-top: 20px; } .rulles li { padding-left: 25px; list-style: none; background: url(../../images/NewTemplate/line.png) no-repeat 0px 10px; text-transform: none; color: #465157; font-family: "Lato"; font-size: 14px; } .group_c { display: inline-block !important; } .add_group { display: inline !important; margin: 0px !important; color: #2875c4 !important; cursor: pointer; } .balance_block .table_b { margin-top: 25px; } .balance_block .table_b tr td { padding: 5px 0px 5px 0px; } .balance_block .table_b tr td:first-child { width: 65%; } .balance_block .table_b tr td span { font-weight: normal !important; } .balance_block .table_b tr:nth-of-type(1) td span:first-child { font-weight: bold !important; } .balance_block .table_b tr:last-child td span:first-child { color: #2875c4 !important; } .put_cash { cursor: pointer; display: inline-block; background-color: #fcfcfc; padding: 6px 20px; border: 1px solid #e7e7e7; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .take_cash { cursor: pointer; padding: 6px 40px; display: inline-block; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #f3f3f3; background: #e7e7e7; /* Old browsers */ background: -moz-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(3%, #f9f9f9), color-stop(9%, #ffffff), color-stop(91%, #f4f4f4), color-stop(97%, #ededed), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ } .menu_client .add_money .take_cash:hover { background: #fffcdb; border: 1px solid #f3f3f3; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset; } .put_cash:hover { background-color: #fffddb; } .take_cash:hover { background-color: #fffddb; } .active_btn_balance { border: 1px solid #f3f3f3; background-color: #fffcdb; box-shadow: inset 0 1px 5px rgba(0, 0, 0, .1); } .sum { margin-top: 10px; margin-bottom: 5px; display: block !important; font-weight: bold; } .sum_enter { border: 1px solid #e7ecf0; padding: 10px 0 10px 10px; width: 289px; color: #465157; font-family: "Lato"; font-size: 14px; } .com { margin-top: 10px; margin-bottom: 5px; display: block !important; font-weight: bold; } .com_enter { border: 1px solid #e7ecf0; padding: 10px 0 10px 10px; width: 289px; color: #465157; font-family: "Lato"; font-size: 14px; } .menu_client .yes_no { margin-top: 18px; } .conferm { display: inline-block; width: 145px; padding-left: 12px !important; color: #fff !important; background-color: #2875c4; padding: 8px 8px !important; text-align: center; vertical-align: middle; border-radius: 5px; } .menu_client .cancel_balance { display: inline-block; margin-left: 25px; color: #465257; } .dropdown_select { border: 1px solid #f3f3f3; background: #e7e7e7; /* Old browsers */ background: -moz-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e7e7e7), color-stop(3%, #f9f9f9), color-stop(9%, #ffffff), color-stop(91%, #f4f4f4), color-stop(97%, #ededed), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #e7e7e7 0%, #f9f9f9 3%, #ffffff 9%, #f4f4f4 91%, #ededed 97%, #ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=0); /* IE6-9 */ padding: 5px 0px 5px 11px; color: #465257; cursor: pointer; border-radius: 5px; position: relative; display: inline-block; height: 35px; width: 90%; margin: 10px 16px; box-shadow: inset 0 0 3px rgba(158, 158, 158, .2); position: relative; } .button_down { background: url("../../images/NewTemplate/select_btn.png") #FFF; background-position: right center; background-repeat: no-repeat; position: absolute; width: 33px; height: 30px; right: 0; top: 1px; } .dropdown_select ul { list-style: none; padding: 0; margin: 0; position: absolute; top: 37px; left: 0px; z-index: 5; color: #465257; width: 100%; background-color: #fff; display: none; } .dropdown_select li { list-style: none; padding: 0; margin: 0; padding: 5px 5px; } .dropdown_select li table tr td:nth-of-type(2) { text-align: right; padding-right: 10px; } .dropdown_select li table tr td:nth-of-type(1) { padding-left: 10px; } .dropdown_select li.selected { display: none; } .dropdown_select li:hover { color: #f2b43c; } .dropdown_select.open { color: #465257; } .dropdown_select.open ul { color: #465257; border: 1px solid #e7e7e7; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .14); border-radius: 5px; } .selected { padding-right: 2px; color: #465157; /*font-family: 'latosemibold';*/ font-size: 14px; } .nav-menu-top { margin-left: 0px; } .nav-menu-top a { outline: none; color: #fff; font-size: 12px; text-transform: uppercase; } .navbar-collapse { padding-right: 10px; } .table-striped tr.active td { background: #FFC !important; } .wrap-table-search { height: 40px; background-color: #f3f3f3; border-bottom: 2px solid #f1ae20; } .wrap-table-search tr img { margin-left: 5px; } .wrap-table-search tr td { cursor: pointer; border-top: none !important; } .wrap-table-search tr td:hover { background-color: #e7e7e7; } .wrap-table-search tr td.active { background-color: #e7e7e7; } .wrap-table-search tr td:nth-of-type(1) span { padding-left: 10px; } .wrap-table-search tr span { /*padding: 10px 0px;*/ line-height: 24px; } .content_left_search { width: 80%; float: left; } .content_left_search .bottom-tab { width: 95% !important; } .content_left_search .middle-tab { width: 95% !important; } .content_left_search .date_cur:hover .time { display: block !important; } .content_left_search td, .content_left_search .number_cur { border-top: none; } .content_left_search tr { border-top: 1px solid #dddddd; } .content_left_search tr { background: #fff !important; } .content_left_search tr.a { background: #f0fbe6 !important; } .content_left_search tr.b { background: #f2f9fd !important; } .content_left_search tr.c { background: #fffaf2 !important; } .content_left_search .table-units td:not(.brend-units) { padding-top: 0px !important; padding-bottom: 0px !important; } .content_left_search tr .buy { position: relative; top: -6px; padding: 4px 14px; } .content_left_search .analogy { padding-left: 20px; border-top: none; } .content_left_search .middle-table, .content_left_search .all-offers { border-top: none; } .content_left_search .brend_cur { padding-left: 10px !important; } .wrap-table-search.fixed { position: fixed; width: 100%; height: 40px; z-index: 999; top: 0; } .content.fixed { position: fixed; height: 40px; z-index: 999; top: 0; margin: 0 auto; left: 0; right: 0; } .content_right_search { width: 257px; border: 2px solid #e2e3e4; float: right; margin-top: 60px; } .content_right_search td { border-top: none !important; } .content_right_search .table { margin-bottom: 0; } .content_right_search { padding: 10px 20px; background: #fffaf2; } .order-form .form-control-order { height: 38px; margin-top: 39px; } .order-form .s_ye-order { position: absolute; margin-top: 37px; min-width:80px; } header.order_view { margin-top: -20px; overflow: hidden; width: 100%; } header.order_view img { height: 65px; top: 7px; position: relative; } header.order_view .search-form-input-order input[type="text"] { width: 80%; } .custom-top-bar { height: 40px; background: #e7e7e7; position: relative; z-index: 9; margin-top: -10px; } .custom-top-bar li { margin-top: 8px; margin-left: 40px; } .custom-top-bar li:first-child { margin-left: 0; } .custom-top-bar .top-bar-list { margin-left: -40px; } .custom-top-bar a.close { background: url("../../images/NewTemplate/close.png") no-repeat 0 0; width: 19px; height: 20px; opacity: 1; float: right; margin-top: 8px; } .custom-top-bar a.close:hover { opacity: .5; } /* home */ .form-home .btn-group button { padding: 10px 30px 8px 30px !important; border-radius: 0 !important; } .form-home .btn-group button span:not(.caret) { border-bottom: 1px dotted #465257; } .form-home .btn-group { position: relative; top: -2px; float: left; } .form-home .control-label { padding-left: 35px; line-height: 24px; top: 21px; color: #fff; position: relative; padding-top: 0; } .table_finance .num_doc_fin { width: 122px; } .table_finance .type_op { width: 130px; } .table-finance-main .table_finance td { padding: 17px 8px 14px 8px !important; } .custom-tab { width: 100% !important; } #tabs { position: relative; } #tabs.custom-tab ul { width: 100% !important; padding-left: 0; } #tabs.custom-tab ul li { float: left; } .custom-tab .ui-tabs-panel { background: #f3f3f3; clear: both; padding: 25px 10px; border-radius: 5px; border: 1px solid #e9eaea; } #tabs.custom-tab li.ui-tabs-active { border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #e9eaea; border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; color: #465257 !important; text-decoration: none; background-color: #f3f3f3; } #tabs.custom-tab .ui-tabs-active a, #tabs.custom-tab .ui-tabs-active span { color: #465257 !important; text-decoration: none; border-bottom: none; } #tabs.custom-tab li { border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #e9eaea; border-left: 1px solid #e9eaea; border-right: 1px solid #e9eaea; cursor: pointer; display: inline-block; margin-top: 10px; text-transform: capitalize; color: #4181c8; text-decoration-style: dashed; position: relative; } #tabs.custom-tab li:first-child { margin-left: 20px; } #tabs.custom-tab li a { text-decoration: none !important; display: block; padding: 11px 16px 11px 16px; } #tabs.custom-tab li span { color: #2875c4; border-bottom: 1px dashed #2875c4; } #tabs.custom-tab li:hover span { border-bottom: none; } #tabs.custom-tab .column-left { width: 47%; float: left; } #tabs.custom-tab .column-right { width: 50%; float: right; border-left: 1px solid rgba(255, 255, 255, 0.7); padding-left: 25px; } #tabs.custom-tab .column-right:before { content: ''; position: absolute; margin-left: -25px; border-left: 1px solid #d3d3d3; height: 250px; z-index: 98; width: 1px; display: block; } .custom-tab .ex-im { padding-top: 20px; } .wrap-list-date .item-date > div { color: #465257; font-size: 14px; } .item-date-today { position: absolute; top: -20px; color: #999; font-weight: normal; } .wrap-list-date { padding: 60px 30px 10px 30px; } .wrap-list-date:before { content: ""; border-bottom: 1px solid #d3d3d3; width: 100%; top: 30px; display: block; position: relative; } .wrap-list-date:after { /*content: "";*/ /*border-bottom: 1px solid #fff;*/ /*width: 100%;*/ /*top: -53px;*/ /*display: block;*/ /*position: relative;*/ } .wrap-list-date .item-date > div span { color: #999; font-weight: normal; } .wrap-list-date .item-date.active > div { font-weight: bold; } .wrap-list-date .item-date.active .circle { background: #465257; } .wrap-list-date .item-date { width: 140px; display: inline-block; margin-left: 90px; position: relative; } .wrap-list-date .date { } .wrap-list-date .circle { background: #d3d3d3; width: 11px; height: 11px; border-radius: 50%; margin-top: 4px; margin-bottom: 8px; position: relative; z-index: 2; } .balance_1 span.title { padding-left: 32px; color: #465257; font-size: 14px; } .debit { width: 120px; } .credit { width: 120px; } .count_all_finance { width: 120px; } .num_doc_fin { width: 130px; } #goTop { background: url("../../images/NewTemplate/up.png") no-repeat 0 0; width: 80px; height: 80px; position: fixed; bottom: -100px; right: 10px; text-indent: -5500px; cursor: pointer; border-radius: 4px; } #input_sp-order { width: 80%; } #result-search { background: #fff; width: 810px; position: absolute; z-index: 888; box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15); border: 1px solid #c9caca; margin-left: 128px; display: none; } #result-search ul { padding-left: 0; } #result-search li { padding: 5px 0; } #result-search li span { padding: 0 30px; } #result-search li a { color: #2875c4; border-bottom: 1px solid #2875c4; } #result-search .product { width: 330px; } #result-search .name { width: 110px; text-align: right; } #result-search li a:hover { border-bottom: none; } #result-search li > div { display: inline-block; } #result-search .app { display: none; } #result-search li:hover { background: #f3f3f3; } #result-search li:hover > .app { display: inline-block; } .order-form:hover #result-search { display: block; } .table td { padding: 7px 8px !important; } .content_left_search .middle-table { border-bottom: none !important; } .content_left_search .middle-tab { margin-bottom: 0; } header.search-up { margin-top: -17px; } .search_table_products { width: 100%; } .search_table_products .col-product input { width: 40px; border-radius: 4px; border: 1px solid #e7e7e7; height: 22px; } .column_left_product { width: 90%; } .column_left_product tr td { padding-top: 10px !important; padding-bottom: 10px !important; margin-bottom: -16px; } .column_left_product tr .buy { top: -5px; position: relative; } .column_left_product .main-reg-info-cur { width: 22%; opacity: 0; border-top: none !important; } .column_left_product .main-reg-price-cur { width: 61px; } .column_left_product .num-spare_cur { opacity: 0; border-top: none !important; } .column_left_product .brend_cur { opacity: 0; border-top: none !important; } .column_left_product tr { background-color: #fff !important; } .oreder-view-search .info_spare { width: 213px !important; } .oreder-view-search .custom { width: 88px; opacity: 0; } .client_sidebar > .bottom_side_menu > table tr td:before { left: 30px; /* margin-top: 45px; */ position: relative; background: url(../../images/NewTemplate/side_menu.png) repeat 0 0 !important; margin-top: 0px !important; } .client_sidebar .bottom_side_menu tr td { padding-top: 0; padding-bottom: 0; } .client_sidebar > .bottom_side_menu > table tr:hover td { color: #f1ae20; font-family: 'latoblack','Open Sans',sans-serif; background: #f9f9f9; font-weight: bold; } .client_sidebar > .bottom_side_menu > table tr:hover a { text-decoration: none; color: #f1ae20; font-family: 'latoblack','Open Sans',sans-serif; } .client_sidebar > .bottom_side_menu > table tr:hover td:before { content: ""; width: 5px; height: 35px; background: #f9f9f9 url(../../images/NewTemplate/side_menu.png) no-repeat left 0; display: block; position: absolute; margin-top: -9px; margin-left: -30px; } .sort-search { margin-left: 555px; } .sort-search a { color: #2875c4; border-bottom: 1px dotted #2875c4; font-weight: bold; } .sort-search a:hover { border-bottom: none; } .sort-search span { color: #000; font-weight: bold; } .content-link-search { position: relative; top: -7px; padding-bottom: 40px; } .content-link-search ul { padding-left: 0; } .content-link-search li { display: inline-block; padding: 0 13px; height: 10px; line-height: 9px; } .content-link-search li:first-child { border-right: 1px dotted #a1a1a1; padding-left: 270px; } .content-link-search a { color: #a1a1a1; border-bottom: 1px solid #a1a1a1; } .content-link-search a:hover { border-bottom: none; } /* */ .popup_finance { width: 950px; height: 520px; border: 10px solid rgba(0, 0, 0, 0.2); position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; z-index: 9999; } .popup.login .popup_finance { width: 423px; height: 340px; } .popup.small .popup_finance { text-align: center; width: 423px; height: 340px; } .popup.login input[type="checkbox"] { top: 3px; position: relative; } .popup.login .zab_pass { display: inline-block; width: 86px; position: relative; top: 10px; left: 10px; } .popup.login .reg_link, #form_auth .reg_link { margin-left: 10px; } .popup.login .form-control { padding-left: 10px; } .popup_finance .wrap-content { background: #fff; padding: 30px 35px; width: 100%; height: 100%; } .popup_finance .top-content .element span a { color: #999999; } .popup_finance .top-content .element span { padding-left: 19px; } .popup_finance .top-content .element span.first { padding-left: 5px; } .popup_finance .top-content .element span.first a { border-bottom: 1px solid #999999; } .popup_finance .top-content .element span a:hover { border-bottom: none; } .popup_finance .top-content { padding-bottom: 30px; } .popup_finance .bottom-content { margin-top: 40px; } .popup_finance .content-center .one { width: 305px; } .popup_finance .content-center .two { width: 295px; padding-left: 60px; } .popup_finance .content-center .three { width: 250px; padding-left: 65px; } .popup_finance .content-center .item { display: inline-block; float: left; } .popup_finance .content-center .line_b { margin-bottom: 23px; } .popup_finance .content-center .one .name { padding-right: 28px; } .popup_finance .content-center .one .name span { display: block; font-weight: bold; } .popup_finance .content-center .one tr { margin-bottom: 19px; display: block; } .popup_finance .content-center .two tr { margin-bottom: 14px; display: block; } .popup_finance .content-center .two .name span { font-weight: bold; display: block; } .popup_finance .content-center .two tr td:last-child { padding-left: 80px; } .popup_finance .content-center .three .active.item { background: #2875c4; color: #fff; text-transform: uppercase; text-align: center; width: 100%; padding: 5px 0; margin-bottom: 20px; } .popup_finance .content-center .three .item-content { padding-bottom: 16px; } .popup_finance .content-center .three .item-content span { font-weight: bold; display: block; } .popup_finance .all-history { position: relative; top: -15px; margin-bottom: -30px; } .popup_finance .all-history a { color: #2875c4; border-bottom: 1px dotted #2875c4; } .popup_finance .all-history a:hover { border-bottom: none; } .user_reg { padding-top: 47px !important; padding-left: 0 !important; padding-right: 30px !important; } .noauthr { padding-top: 8px; } .user_reg a { text-decoration: none !important; } .user_reg span { border-bottom: 1px solid #fff; padding-top: 5px !important; line-height: 15px !important; } .user_reg a:hover span { border-bottom: none; } .amount_rows { font: 11px/27px arial; color: #9A9A9A; text-align: right; } .amount_rows a { margin-left: 14px; color: #444444; text-decoration: underline; } .amount_rows a:hover { text-decoration: none; } .amount_rows SPAN { margin-left: 14px; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li > a:hover, .nav > li > a:focus { background: none !important; } .dropdown-toggle { cursor: pointer; } .basket, .basket_top2 { } .top5 { margin-top: 5px !important; } .top7 { margin-top: 7px !important; } .top10 { margin-top: 10px !important; } .top15 { margin-top: 15px !important; } .top17 { margin-top: 17px !important; } .top20 { margin-top: 20px !important; } .top30 { margin-top: 30px !important; } /*partner.php*/ .form-group input[type="checkbox"] { top: 2px; margin-right: 10px; position: relative; } .basket .basket_table TABLE { border-collapse: separate; border-spacing: 0px; margin: 12px 0 0; overflow: hidden; width: 100%; } .basket .basket_table TABLE TH { border-bottom: 2px solid #f1ae20; background: none; border-left: 0px; border-top: 0px; padding: 0 4px; font: 12px/23px "Lato",'Open Sans',sans-serif; color: #868d8f; text-align: left; white-space: nowrap; } .basket .basket_table TABLE TH A { display: inline-block; color: #868d8f; text-decoration: underline; } .basket .basket_table TABLE TH A:hover { text-decoration: none; } .clients .clietns_table TABLE TH A { color: #868d8f; } .basket_table td:first-child, .basket_table tr:first-child { border-left: solid 1px white; } .basket_table th { font-size: 12px; border-right: solid 1px white !important; } .basket_table td { border-bottom: solid 1px white !important; } .basket_table th { padding: 10px 8px !important; border-right: none !important; } .warrants_table TABLE { border-collapse: separate; border-spacing: 0px; margin: 12px 0 0; overflow: hidden; width: 100%; } .warrants_table table th { border-top: 1px solid #dddddd; text-decoration: none; padding: 17px 8px 17px 17px; font-size: 14px; font-family: 'Lato','Open Sans',sans-serif; font-weight: normal; background-color: rgb(243, 243, 243); border-bottom: 2px solid rgb(241, 174, 32); } .warrants_table table td { border-top: 1px solid #dddddd; text-decoration: none; padding: 17px 8px 17px 17px; font-size: 14px; font-family: 'Lato','Open Sans',sans-serif; font-weight: normal; } .warrants_table table tr:nth-child(2n+1) td { background-color: rgb(247, 247, 247); } .warrants_table TABLE TH A:hover { text-decoration: none; } .warrants_table TABLE TH A { color: black; } .warrants_table a.sort_up-down { padding-right: 16px; background: url(/images/NewTemplate/up-down.png) no-repeat 100% 0; } .warrants_table a.sort_up_green { padding-right: 16px; background: url(/images/NewTemplate/down.png) no-repeat 100% 0; background-position-y: 7px; } .warrants_table a.sort_down_green { padding-right: 16px; background: url(/images/NewTemplate/up_sort.png) no-repeat 100% 100%; background-position-y: 1px; } .basket_table td:first-child, .basket_table tr:first-child { border-left: solid 1px white; } .basket_table th { font-size: 12px; border-right: solid 1px white !important; } .basket_table td { border-bottom: solid 1px white !important; } .basket_table th { padding: 10px 8px !important; border-right: none !important; } .zero-clients { font-size: 16px !important; font-weight: bold; padding-top: 22px; } /*end partner.php*/ #search-by-bin { } /* .sumbit-in-input { width: 30px; left: 270px; height: 30px; top: 23px; position: absolute; border: none; padding: 0; background: url("../../images/NewTemplate/button_serach.png") no-repeat -26px -6px; }*/ .sumbit-in-input { width: 30px; left: -37px; height: 30px; cursor: pointer; top: 11px; position: relative; border: none; padding: 0; display: inline-block; background: url("../../images/NewTemplate/button_serach.png") no-repeat -26px -6px; left: 270px; position: absolute; top: 23px; } .sumbit-in-input:hover{ opacity: .9; } /*search*/ .select-currency { width: 64px; } .pointer { cursor: pointer; } /*end search*/ .country-phone-selector { top: 8px; position: relative; } .add_to_basket_show_shadow { display: none; } .scrollUp { position: fixed; right: 40px; bottom: 40px; width: 81px; height: 81px; border-radius: 6px; cursor: pointer; opacity: .9; z-index: 1; background: url('/css/images/NewTemplate/up.png'); } .scrollUp:hover { opacity: 1; } .col-color-1 .col-color-status strong { color: gray !important; display: block; background-color: #fff !important; } .col-color-3 .col-color-status strong { color: white !important; display: block; background-color: #f1ae20 !important; } .col-color-4 .col-color-status strong { color: white !important; display: block; background-color: #8e5f1c !important; } .col-color-5 .col-color-status strong { color: white !important; display: block; background-color: #7fb94a !important; } .col-color-6 .col-color-status strong { color: white !important; display: block; background-color: #2875c4 !important; } .col-color-7 .col-color-status strong { color: white !important; display: block; background-color: #9DB6CF !important; } .col-color-8 .col-color-status strong { color: white !important; display: block; background-color: #f3565e !important; } .col-color-9 .col-color-status strong { color: white !important; display: block; background-color: #465257 !important; } .col-color-10 .col-color-status strong { color: white !important; display: block; background-color: #465257 !important; } .col-color-1 td { background-color: #fff; } .col-color-3 td { background-color: #fef7e8; } .col-color-4 td { background-color: #f3efe8; } .col-color-5 td { background-color: #f0fbe6; } .col-color-6 td { background-color: #f2f9fd; } .col-color-7 td { background-color: #f2f9fd; } .col-color-8 td { background-color: #feeeef; } .col-color-9 td { background-color: #f3f3f3; } .col-color-10 td { background-color: #f3f3f3; } .required { color: red; } .filled .required { color: gray; } .tooltip-message, .simple-tooltip-message { position: absolute; transition: all .1s; margin-top: 17px; max-width: 300px; border: 1px solid #dbdbdb; padding: 10px; display: none; opacity: 0; } .simple-tooltip:hover { cursor: pointer; } .simple-tooltip:hover .simple-tooltip-message, .simple-tooltip-message:hover{ display: block; position: absolute; /*margin-left: 20px;*/ margin-top: 17px; text-transform: none; border-radius: 0; font-size: 14px; z-index:1; opacity: 0.95; background-color: white; animation-name: opacityAnim; animation-duration: .3s; } .dropdown-menu{ animation-name: opacityAnim; animation-duration: .1s; } @keyframes opacityAnim { from { transform: scaleX(.5) scaleY(.5); opacity: 0;} to { transform: scaleX(1)scaleY(1); opacity: 1; } } .hidden-menu { z-index:2; display:none; } .hidden-menu ul { padding:0 !important; } .hidden-menu ul li{ list-style:none; } .hidden-menu ul li a { padding: 10px; cursor: pointer; background-color: white; border: 1px #ddd solid; margin-top: -1px; width:100%; display:block; } .hidden-menu ul li:hover, .hidden-menu ul li:hover a { background-color: #ddd; color: #2a6496; } .showmenu:hover { color: #2a6496; } .showmenu { cursor:pointer; } .showmenu .hidden-menu { transition: all .2s; display: block; position: absolute; margin-left: 97px; margin-top: -20px; text-transform: none; max-width: 300px; border-radius: 0; font-size: 14px; opacity: 0.95; } .hidden-info { display: none; } /*.open-hidden-info .hidden-info{*/ /*display: block;*/ /*position: absolute;*/ /*width: 370px;*/ /*/!*height: 270px;*!/*/ /*background: white;*/ /*margin-left: 52px;*/ /*z-index: 1;*/ /*margin-top: 10px;*/ /*padding: 10px;*/ /*border: 1px solid #eee;*/ /*/!*overflow-y: scroll;*!/*/ /*}*/ .getRetailClientInfo { border-bottom: 1px dashed darkgrey; cursor:pointer; } .getRetailClientInfo:hover { color:#428bca; border-bottom: 1px dashed #428bca; } .getRetailClientInfo * { color:black; } .eezap-tooltip:hover .tooltip-message, .tooltip-message:hover { transition: all .2s; width: 325px; display: block; position: absolute; left: 31px; top: -2px; text-transform: none; border-radius: 0; border: 1px solid #dbdbdb; font-size: 14px; padding: 10px; opacity: 0.95; background-color: white; } /* .eezap-tooltip:hover .tooltip-message:after { content: ''; position: absolute; width: 0; height: 0; border: 9px solid; border-right-color: #fff; top: 3px; margin-left: -221px; color: transparent; } */ .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #f1ae20; } .payments { position: relative; } #tabs.ui-widget-content { border: none; background: none; } #tabs.ui-state-active, #tabs.ui-widget-content .ui-state-active, #tabs.ui-widget-header .ui-state-active { border: none; background: none; border-bottom: #f3f3f3; } #tabs.ui-state-default, #tabs.ui-widget-content .ui-state-default, #tabs.ui-widget-header .ui-state-default { background: none; border-bottom: none; } [name='show_order'] input[type='text'] { width: 120px; background: url("../../images/NewTemplate/cal.png") no-repeat 98px center; background-color: white; border: 1px solid; padding: 3px; } [name='show_order'] { width: 600px; } .ui-datepicker, .ui-corner-all { width: inherit !important; } .markspay { border: 1px solid orange; color: black; background-color: red; border-radius: 50%; height: 20px; width: 20px; position: absolute; top: -10px; right: 0px; font-size: 15px; font-weight: bold; text-align: center; padding-left: 0px; } .dropdown:hover > .dropdown-menu { display: block; } .word-image { background: url(/images/word.png) no-repeat center; width: 64px; vertical-align: middle; height: 64px; display: inline-block; } .word-get-text { color: #6b7477; font-size: 15px; padding-left: 15px; } .basket_import { padding: 20px 0; } /*preloader*/ .scrolled #loadingDiv { margin-top: -60px; } #loadingDiv { width: 100%; height: 100%; background-color: rgba(255, 255, 255, .7); position: fixed; z-index: 14; } .windows8 { position: relative; width: 78px; top: 45%; height: 78px; margin: auto; } .windows8 .wBall { position: absolute; width: 74px; height: 74px; opacity: 0; transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); animation: orbit 6.96s infinite; -o-animation: orbit 6.96s infinite; -ms-animation: orbit 6.96s infinite; -webkit-animation: orbit 6.96s infinite; -moz-animation: orbit 6.96s infinite; } .windows8 .wBall .wInnerBall { position: absolute; width: 10px; height: 10px; background: #f1ae20; left: 0px; top: 0px; border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } .windows8 #wBall_1 { animation-delay: 1.52s; -o-animation-delay: 1.52s; -ms-animation-delay: 1.52s; -webkit-animation-delay: 1.52s; -moz-animation-delay: 1.52s; } .windows8 #wBall_2 { animation-delay: 0.3s; -o-animation-delay: 0.3s; -ms-animation-delay: 0.3s; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; } .windows8 #wBall_3 { animation-delay: 0.61s; -o-animation-delay: 0.61s; -ms-animation-delay: 0.61s; -webkit-animation-delay: 0.61s; -moz-animation-delay: 0.61s; } .windows8 #wBall_4 { animation-delay: 0.91s; -o-animation-delay: 0.91s; -ms-animation-delay: 0.91s; -webkit-animation-delay: 0.91s; -moz-animation-delay: 0.91s; } .windows8 #wBall_5 { animation-delay: 1.22s; -o-animation-delay: 1.22s; -ms-animation-delay: 1.22s; -webkit-animation-delay: 1.22s; -moz-animation-delay: 1.22s; } @keyframes orbit { 0% { opacity: 1; z-index: 99; transform: rotate(180deg); animation-timing-function: ease-out; } 7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin: 0%; } 30% { opacity: 1; transform: rotate(410deg); animation-timing-function: ease-in-out; origin: 7%; } 39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin: 30%; } 70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin: 39%; } 75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin: 70%; } 76% { opacity: 0; transform: rotate(900deg); } 100% { opacity: 0; transform: rotate(900deg); } } @-o-keyframes orbit { 0% { opacity: 1; z-index: 99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; } 7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin: 0%; } 30% { opacity: 1; -o-transform: rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin: 7%; } 39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin: 30%; } 70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin: 39%; } 75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin: 70%; } 76% { opacity: 0; -o-transform: rotate(900deg); } 100% { opacity: 0; -o-transform: rotate(900deg); } } @-ms-keyframes orbit { 0% { opacity: 1; z-index: 99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; } 7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin: 0%; } 30% { opacity: 1; -ms-transform: rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin: 7%; } 39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin: 30%; } 70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin: 39%; } 75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin: 70%; } 76% { opacity: 0; -ms-transform: rotate(900deg); } 100% { opacity: 0; -ms-transform: rotate(900deg); } } @-webkit-keyframes orbit { 0% { opacity: 1; z-index: 99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; } 7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin: 0%; } 30% { opacity: 1; -webkit-transform: rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin: 7%; } 39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin: 30%; } 70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 39%; } 75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin: 70%; } 76% { opacity: 0; -webkit-transform: rotate(900deg); } 100% { opacity: 0; -webkit-transform: rotate(900deg); } } @-moz-keyframes orbit { 0% { opacity: 1; z-index: 99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; } 7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin: 0%; } 30% { opacity: 1; -moz-transform: rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin: 7%; } 39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin: 30%; } 70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin: 39%; } 75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin: 70%; } 76% { opacity: 0; -moz-transform: rotate(900deg); } 100% { opacity: 0; -moz-transform: rotate(900deg); } } /*end preloader*/ .tooltip { opacity: 1; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #29d; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .full-message { display: none; } .full .full-message { display: table-row; } .full .short-message { display: none !important; } .mail_table .message-answer tr:not(.full-message) td { padding-bottom: 22px !important; border-top: 1px solid #dddddd; } .mail_table .message-answer:first-child tr:not(.full-message) td { padding-bottom: 22px !important; border: none; } .mail_table .message-answer:last-child .full_text_mail { border-bottom: 1px solid #dddddd !important; } .table > tbody + tbody.message-answer { border: none !important; } .full-message td { border: none !important; } .message-answer.full { background: #eeeeee; } #new-question-files, #new-answer-files { padding-left: 10px; } .message-answer:not(.is_read) { font-weight: bold; } .applyFilter:hover, .applyFilter.active { color: #2875c4; } .no-messages { padding: 10px; display: block; width: 100%; text-align: center; } .backgrid-paginator ul { padding: 0; margin: 0; } .mail_cur_table tr td { padding: 7px 8px !important; } .mail_cur_table tr td:nth-of-type(2) { width: 175px; color: rgb(70, 82, 87); } .mail_cur_table tr td:nth-of-type(3) { width: 223px; } .mail_cur_table tr td:nth-of-type(4) { color: rgb(70, 82, 87); width: 167px; font-size: 14px; padding-right: 10px; text-align: left; } .mail_cur_table tr td:nth-of-type(2) span:nth-of-type(1) { color: rgb(70, 82, 87); } .mail_cur_table tr:last-child td:nth-of-type(6) span { padding: 4px 5px; background-color: #f99f03; color: #fff; } /*в работе - белый*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='1'] { padding: 4px 5px; background-color: #fff; color: rgb(70, 82, 87); } /*заказно - оранжевый*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='3'] { padding: 4px 5px; background-color: #f99f03; color: #fff; } /*выкуплено - коричневый*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='4'] { padding: 4px 5px; background-color: #8e5f1c; color: #fff; } /*в пути - зеленый*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='5'] { padding: 4px 5px; background-color: #7fb94a; color: #fff; } /*пришло - синий*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='6'] { padding: 4px 5px; background-color: #2875c4; color: #fff; } /*отказ - красный*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='8'] { padding: 4px 5px; background-color: #f3565e; color: #fff; } /*возврат - серый*/ .mail_cur_table tr:last-child td:nth-of-type(6) span[data-status-id='10'] { padding: 4px 5px; background-color: #465257; color: #fff; } .mail_button ul li:hover { color: #f1ae20; } .check_box_trash input[type=checkbox], .check_box_trash_cur input[type=checkbox] { visibility: hidden; overflow: hidden; position:absolute; } .check_box_trash_cur input[type=checkbox] { width: 0; } .state3_order { cursor: pointer; display: inline-block; color: #465257 !important; border: 1px solid #465257; } .table_order_units td { } .date_trash { width: 110px; padding-left: 17px !important; } .client_trash { width: 150px; padding-left: 17px !important; } .meneger { width: 165px; } .spare_trash { width: 223px; } .state_trash { width: 115px; } .date_deliver_trash { width: 150px; } .price_trash { width: 115px; } .number_trash { width: 115px } .date_trash_cur span { padding-left: 10px; display: block; } .date_trash_cur span:first-child { text-align: left; color: #596267; } .date_trash_cur span:last-child { text-align: left; font-size: 14px; color: #b8b8b8; } .client_trash_cur span { padding-left: 10px; display: block; text-align: left; color: #b8b8b8; } .meneger_cur span { display: block; text-align: left; color: #b8b8b8; } .spare_trash_cur span:first-child { border-bottom: none; color: #465257 !important; margin-right: 5px; font-weight: bold; } .spare_trash_cur span:last-child { border-bottom: none; display: block; color: #999999 !important; } .spare_trash_cur a { color: #4181c8; border-bottom: 1px dashed; text-decoration: none; } .date_deliver_trash_cur { text-align: left; } .date_deliver_trash_cur span { color: #2875c4; border-bottom: 1px dashed; } .price_trash_cur { color: #000; margin-left: 11px; font-weight: 500; } .number_trash_cur { margin-left: 11px; color: #788083; } .number_trash_cur span { margin-left: 9px; } .count_all_cur { margin-left: 11px; } .count_all_cur img { float: right; } .state0 { background-color: #fff; padding: 5px 7px 5px 7px; color: #222; width: 100%; border:1px solid #222; margin-top: 8px; } .state1 { background-color: #dfb949; padding: 5px 7px 5px 7px; color: #fff; width: 100%; margin-top: 8px; } .state4,.state2 { padding: 5px 7px 5px 7px; background-color: #45b6af; color: #fff; width: 100%; margin-top: 8px; } .state3 { background-color: #dfb949; padding: 5px 7px 5px 7px; color: #fff; width: 100%; margin-top: 8px; } .state5,.state6 { background-color: #f3565e; padding: 5px 7px 5px 7px; color: #fff; width: 100%; margin-top: 8px; } .table_trash { background-color: #f3f3f3 !important; } .table_trash_units .comment { width: 200px; } .table_trash_units .comment img { float: right; } .table-striped .count_all { width: 120px; } .table-striped .top-table td { padding: 17px 8px 0px 8px !important; line-height: 0; } .table-striped .top-table label { position: relative; top: -19px; margin-left: 6px; } .table_trash td { cursor: pointer; } .check_box_trash:hover { background-color: #f3f3f3 !important; } .table_trash td:hover { background-color: #e7e7e7; } .table_trash td span img { margin-left: 8px; } .order-table { margin-bottom: 0 !important; } .order-table * { font-size: 14px; } .basket_table_new * { font-size: 14px; } .order-table td { padding: 11px 8px !important; text-align: left; } .order3_cur, .order4_cur, .order5_cur, .order6_cur, .order7_cur, .order8_cur, .order9_cur, .order10_cur, .date_deliver_order, .count_all_order_cur { text-align: center !important; } .price_order_cur, .price_order, .count_all_order, .count_all_order_cur{ text-align: right !important; } .date_order { width: 192px; } .order4_cur.red span { color: #f3565e !important; } .align-left { text-align: left; } .question-link { background: url(/images/sprite_questions.png) no-repeat; background-position: -44px 0; width: 22px; display: block; margin:0 auto; height: 18px; } .question-link.exists { background-position: -22px 0; width: 22px; height: 18px; } .question-link:hover { background-position: 0 0; width: 22px; height: 18px; } td.item_name { width: 270px; } .marks-container { transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -webkit-transition: opacity .2s ease-in-out; opacity:1; position: absolute; margin-left: 246px; margin-top: 112px; width: 230px; margin-bottom: 10px; /*background: rgba(255,255,255,.7);*/ } .marks-container.hidden-marks-container { opacity:0; } .marks-container .send_to_archive { transition: all .3s; cursor:pointer; width:100px; margin-bottom:4px; margin-right:8px; color:white; text-align:center; display:inline-block; padding:2px; background-color:#2875c4; } .marks-container .send_to_archive.cancel { background-color:#999; } .marks-container .send_to_archive:hover{ background-color:#428bca; } .ex-im span{ color: rgb(66, 139, 202); cursor: pointer; display: inline; font-size: 16px; } .ex-im a{ text-decoration: none !important; border:none; } .paging .page { font-size:16px; } .paging { float:left; margin: 10px 0; } .rows-count-paging { font-size: 16px; float:right; margin: 10px 0; } .rows-count-paging a, .rows-count-paging span { font-size: 16px; margin-left:2px; margin-right: 5px; } .rows-count-paging a, .page.ajax-link-content:not(.arrow), .ex-im span{ border-bottom: dashed 1px rgb(66, 139, 202); } .check_box_trash { height: 50px; } .table_order_units:not(.read) { background-color: rgba(0, 0, 0, .1) !important; } .table_order_units:not(.read) td:not(.date_order_cur) * { color:gray !important; } .orders-top-menu .dropdown-menu{ left:-19px; } .table-striped > tbody > tr:first-child{ height:48px; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block; } .btn-default { transition: all .2s; background-color: #e6e6e6 !important; border: none; text-decoration:none; color:#555; } .btn-default:hover { background-color: #efefef !important; color:#555; } .btn-primary { transition: all .2s; background-color: #f2ae22 !important; border: none; color:white; } .btn-primary:hover { background-color: #f8d182 !important; color:white; } .btn-info { transition: all .2s; background-color: #2974c9 !important; border: none; color:white; } .btn-info:hover { background-color: #2b6bbc !important; color:white; } .btn-danger { transition: all .2s; background-color: #E34646 !important; border: none; color:white; } .btn-danger:hover { background-color: #c90d08 !important; color:white; } .btn-success { transition: all .2s; background-color: #16984d !important; border: none; color:white; } .btn-success:hover { background-color: #297e31 !important; color: #fff; } #tooltip { margin-left:10px; border:1px solid #555; padding:5px; z-index:2; background:rgba(255,255,255,.8); position: fixed !important; } .top-menu .count-trash.error { background-color: #E50000 !important; color: white; } .quant_val { text-align:center; } .date_deliver_trash, .date_deliver_trash_cur { text-align:center; } .total_sum { font-weight:bold; } .basket_sticky_right-container { position: absolute; overflow:visible !important; } .basket_sticky_right { /*position: fixed;*/ margin-top: -18px; margin-left:16px; } body.scrolled-basket .basket_sticky_right { position: fixed; top: 34px; } @media (max-width: 995px) { body.scrolled-basket .basket_sticky_right { right:0; position: fixed !important; } } .basket_sticky_right a { width:100%; } .basket_sticky_right ul { padding: 0; } .basket_sticky_right ul li{ margin-bottom:0px; } .col-no-style.basket-buttons { /*width:76px;*/ } .col-no-style.basket-buttons:hover { background:#f3f3f3; } .basket_sticky_right ul li span, .basket_sticky_right ul li a{ width:40px; height:40px; padding: 10px; background:#2974c9; display:block; } .basket_sticky_right ul li a.link_4 { transition: all .2s; background-color:#5cb85c; } .basket_sticky_right ul li a.link_4:hover { background-color:#3bb83b; transition: all .2s; } .basket_sticky_right ul li a.link_3 { transition: all .2s; background-color:#d9534f; } .basket_sticky_right ul li a.link_3:hover { background-color:#d90701; transition: all .2s; } .basket_sticky_right ul li a.link_2 { transition: all .2s; background-color:#2974c9; } .basket_sticky_right ul li a.link_2:hover { background-color:#0561c9; transition: all .2s; } .basket_sticky_right ul li a.link_1 { transition: all .2s; background-color:#999; } .basket_sticky_right ul li a.link_1:hover { background-color:#888; transition: all .2s; } .basket_sticky_right ul li a.link_5 { transition: all .2s; background-color:#750080; } .basket_sticky_right ul li a.link_5 .image { background-position: 2px -83px !important; } .basket_sticky_right ul li a.link_5:hover { background-color:#800080; transition: all .2s; } .basket_comment_reference { transition: border-color .2s; height: 37px; margin-right: 23px; resize: none; width: 153px; border-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); padding: 4px; outline: none; font-size: 11px; } .basket_comment_reference:hover, .basket_comment_reference:active { border-color: #ddd; transition: border-color .2s; } .count_all { } .supplier_quant span, .supplier_quant { font-size:12px; } .number_trash_cur span { margin-left:4px; } .alert { text-align:center; } .alert .close-alert { float:right; cursor:pointer; } .saldo_final.red span b{ color:#d30000; } /**/ .line_on_page { margin-top:10px; } .line_on_page a.active { border-bottom:none; color:black !important; } #count-message{ margin-left:46px; } /**/ .sweet-alert .sa-input-error { top: 22px !important; right: 10px !important; } /**/ .editable { transition: all .2s; border-bottom:1px dashed #222; cursor:pointer; } .editable:hover { color:#439fff; border-bottom:1px dashed #439fff; } /**/ /**/ .TB_overlayBG { background: rgb(35, 35, 35); } #TB_window, #TB_title, #TB_closeAjaxWindow { border:none; border-radius:5px; } #TB_title { background: none; } .tab_content,.tab_container { border:none; } .basket_edit td,.search_form td{ padding:3px; font-size:14px; } .basket_edit td input[type='text'], .basket_edit td input[type='number'], .search_form input[type='text'], .search_form input[type='number'] { padding: 5px; width: 250px; border: 1px solid #eee; } ul.remarks { padding:0; margin: 0; } ul.remarks li { display: inline-block; width: 60px; height: 33px; position: relative; } ul.remarks li:first-child { width: 50px; } ul.remarks li:first-child label { margin-left: 0px; } ul.remarks li label { display: block; padding-left:18px; } .manager-field td { color:green; } #basket_form_data .select2-choice { width:100%; min-width:250px; border-radius:0; padding: 2px 5px; height:30px; border: 1px solid #eee; } .full-screen { width: 100%; left:auto; top: 100px; } .full-screen .modal-dialog { width: 70%; } .full-screen .modal-body { height: 70%; overflow-y: scroll; } .add-retail-order-form .control-label { padding-right: 20px; } .add-retail-order-form .form-control { border-radius: 0px; } .add-retail-order-form .select2-container .select2-choice{ border:none; } #add-new-client-form,#add-new-client-auto-form { border-top:1px solid #eee; padding:10px 0; margin-bottom:10px; } #add-new-client-form .row:last-child .form-group{ margin-bottom:0; } #add-new-client-auto-form .row:last-child .form-group{ margin-bottom:0; } .btn-mid { height: 39px; padding-top: 9px; } .icon-add-truck, .icon-add-user, .icon-user-bank-data{ background: url(/images/NewTemplate/sprites_add.png) no-repeat; width: 38px; height: 38px; } .icon-add-truck{ background-position: 3px 3px; } .icon-add-user{ background-position: -35px 4px; } .icon-user-bank-data{ background-position: -72px 4px; } #add-new-client-form-toggle.open,#add-new-client-auto-form-toggle.open { background-color: #ccc !important; } /**/ /**/ /**/ .top-table.table_trash th { font-weight:normal; } .search_client_orders { width: 85px; border:none !important; height:43px; position: relative; top:15px; background: url("../../images/search_btn.png") no-repeat 0 0; } .search_client_orders_input { width: 200px; font-style: italic; height: 37px; margin-top: 10px; } /**/ .orders_table .table-striped .order3,.orders_table .order3_cur, .orders_table .table-striped .order4,.orders_table .order4_cur, .orders_table .table-striped .order5,.orders_table .order5_cur, .orders_table .table-striped .order6,.orders_table .order6_cur, .orders_table .table-striped .order7,.orders_table .order7_cur, .orders_table .table-striped .order8,.orders_table .order8_cur, .orders_table .table-striped .order9,.orders_table .order9_cur, .orders_table .table-striped .order10,.orders_table .order10_cur { padding:17px 2px !important; } /**/ .yii-form .row { width:50%; overflow: hidden; padding:10px; } .yii-form .row:nth-child(2n):not(.h3) { background-color:#eee; } .yii-form .row:nth-child(2n+1):not(.h3) { background: #dedede; } .yii-form .row label { display: block; width: 40%; float: left; font-size: 16px; line-height: 33px; } .yii-form h3{ text-align: left; font-size: 18px; font-family: 'trebuchet ms',verdana,arial; height: 18px; line-height: 19px; padding-top:10px; } .yii-form .row input:not(.country-phone-search), .yii-form .row select, .yii-form .row textarea { width: 60%; float: left; display: inline-block; height: 39px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #FFF; background-image: none; border: 1px solid #CCC; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; padding:5px; } .yii-form .row input[type='submit'], .new_style_submit { width:100%; cursor: pointer; padding-left: 12px !important; color: #fff !important; background-color: #2875c4; padding: 8px 14px !important; text-align: center; vertical-align: middle; border-radius: 5px; } .yii-form .row input[type='checkbox'] { width:25px; height:25px; } .yii-form .row .disabled { background-color:#eee !important; } .yii-form .row .phonecode-val { width:114px !important; } .yii-form .row .country-phone-search-label{ display:none; } .yii-form .row .country-phone-selected{ margin-top:10px; } .yii-form .row .country-phone-options{ position: absolute; left: 580px; } .round-cancel, .round-ok, .round-read, .round-ring{ display: inline-block; opacity: .5; cursor:pointer; transition: all 0.15s ease-in-out 0s; width: 32px; height: 32px; background: url(/images/NewTemplate/sprite-round-buttons.png) no-repeat; } .round-cancel:hover, .round-ok:hover, .round-read:hover{ opacity: 1; } .round-read{ background-position: -62px 0; } .round-ring{ background-position: -128px 0; } .round-cancel{ background-position: -31px 0; } .round-ok{ background-position: 0 0; } .small-select-cgridview { min-width: 56px; background: none; text-align: center; } .grid-view input { border-radius: 4px; } /**/ /**/ .tt-c { position: relative; cursor: pointer; } .tt-m { display:none; width: 325px; padding: 10px; font-size: 14px; left: 10px; top: 10px; } .tt-m.tt-sm { width: 106px; text-align: center; font-size: 10px; padding: 3px; left: 35px; top: 16px; } .tt-m.tt-micro { width: 70px; text-align: center; font-size: 10px; padding: 3px; left: 30px; top: 10px; } .tt-c:hover .tt-m, .tt-m:hover { display: block; position: absolute; text-transform: none; border-radius: 0; border: 1px solid #dbdbdb; z-index: 1; opacity: 1; background-color: white; } /**/ .MsoNormal { line-height: 20px; } .retail-client-info { margin: 0; padding: 0; } .retail-status { display: block; text-align: center; width: 40px; } .retail-status.status-0{ /*border: 1px solid #ccc;*/ } .retail-status.status-1{ background-color: white; border: 1px solid #777; } .retail-status.status-3{ background-color: #f1ae20; border: 1px solid #777; } .retail-status.status-4{ background-color: #8e5f1c; border: 1px solid #777; color: #fff !important; } .retail-status.status-5{ background-color: #7fb94a; border: 1px solid #777; } .retail-status.status-6{ background-color: #2875c4; border: 1px solid #777; color: #fff !important; } .retail-status.status-7{ background-color: #9DB6CF; border: 1px solid #777; color: #fff !important; } .retail-status.status-10,.retail-status.status-8 { background-color: #f3565e; cursor: pointer; color: #fff !important; } .vin-input,.vin-submit { position: relative; display: inline-block; } .wo-margin { color:red; } .gray-filter *{ color:#ddd; border-color:#ddd; user-select: none; } .onoff-checkbox { display: none; } .onoff-checkbox-label { margin-top: 4px !important; margin-left: 0px !important; position: relative !important; } .checkbox-label-centered { top:7px; position: relative; } .news_block p { margin-top:10px; } .checkbox-label-centered2 { background-position: 1px 3px !important; margin-top: 0px !important; } .nav.navbar-nav.menu-top.pantner_block_status { margin-right: 70px; } /*fixed-top-header*/ .fixed-top-header header { transition: all .2s ; position: fixed; width: 100%; top: 0; z-index: 100; border: none !important; } .wrap-table-search { width: 100%; left:0; } .fixed-top-header.scrolled-header .wrap-table-search { top: 66px; width: 100%; z-index: 99; position: fixed; display:block; } .fixed-top-header .wrapper { padding-top: 100px; transition: all .2s ; } .fixed-top-header .order-form .form-control-order { height: 38px; margin-top: 14px; transition: all .2s ; } .fixed-top-header .s_ye-order { margin-top: 7px; height: 30px; margin-left: -10px; transition: all .2s ; min-width: 84px; margin-top: 3px; background-position: 0px -6px !important; } .fixed-top-header.scrolled-header #top-nav-bar-mini .s_ye { margin-top: 7px; height: 41px; margin-left: -10px; transition: all .2s ; min-width: 84px; position: absolute; left: 181px; margin-top: 3px; top: -6px; background-position: 0px 0px !important; } .user { transition: all .2s ; } .fixed-top-header.scrolled-header .user { font-size:11px; } .fixed-top-header.scrolled-header .search-up { display:none; } .fixed-top-header.scrolled-header #top-nav-bar { display: none; } #top-nav-bar-mini { display: none; } .fixed-top-header.scrolled-header #top-nav-bar-mini { display: block; -webkit-animation: animation-grow 1000ms linear both; animation: animation-grow 1000ms linear both; } #top-nav-bar-mini .navbar-toggle { transition: all .3s ; } #logo img, .nav-menu-top, .search-up, #login-out, .navbar-nav, { transition: all .2s ; } .fixed-top-header.scrolled-header .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } .fixed-top-header.scrolled-header #logo img { margin-top: 9px ; } .fixed-top-header.scrolled-header .navbar-nav > li { padding-bottom: 4px; margin-top: 0; } .fixed-top-header.scrolled-header .nav-menu-top { margin-top: 0px ; } .fixed-top-header.scrolled-header .nav.navbar-nav.menu-top.pantner_block_status { margin-top: -10px; transition: all .2s ; } .fixed-top-header.scrolled-header #mini-search { position: absolute; top: 6px; left: 45px; } .fixed-top-header.scrolled-header #mini-search .form-control { height: 34px; } .fixed-top-header.scrolled-header header.main-menu { /*min-height:111px;*/ transition: all .2s; } .fixed-top-header.scrolled-header .form-control-order { height:25px; transition: .2s all; } .fixed-top-header #input_sp-order { margin:5px; transition:all .2s; } .fixed-top-header .search-form-input-order { opacity:0; transition: all .2s; } .fixed-top-header.scrolled-header .search-form-input-order { opacity:1; transition: opacity .2s; } /*.fixed-top-header.scrolled-header .dropdown-menu{*/ /*top:70px;*/ /*left: 61px;*/ /*}*/ .navbar-toggle[aria-expanded="false"] .collapsing { display: none; } @media (min-width: 1072px) { .fixed-top-header.scrolled-header #login-out { margin-top: -30px; height:96px; } .fixed-top-header.scrolled-header #logo { height:0px; } #result-search { margin-top:-7px; } } @media (max-width: 1072px) { #result-search li, #result-search { display:none !important; } .fixed-top-header.scrolled-header .wrap-table-search{ top: 56px; } .fixed-top-header.scrolled-header #mini-search{ top:-51px; } .fixed-top-header.scrolled-header .dropdown-menu{ top:12px; left: 61px; } .fixed-top-header .s_ye-order { margin-top: 7px !important; } /*.fixed-top-header.scrolled-header .collapse.in .navbar-nav {*/ /*/!*background: #394350;*!/*/ /*margin-top: 24px !important;*/ /*}*/ .fixed-top-header.scrolled-header #logo img { margin-top: 0px; } .fixed-top-header.scrolled-header .search-up { top:69px; height: 41px; } .fixed-top-header.scrolled-header header.main-menu { /*min-height:83px;*/ height:auto; transition: all .2s; } } .collapse { transition: height 0.01s; } .collapsing, .in,.nav-menu-top * { -webkit-transition: none !important; transition: none !important; } #top-nav-bar-mini .navbar-collapse.collapse { display: none !important; } #top-nav-bar-mini .navbar-collapse.collapse.in { display: block !important; } #top-nav-bar-mini .navbar-header .collapse, #top-nav-bar-mini .navbar-toggle { display:block !important; } #top-nav-bar-mini .navbar-toggle{ float:left !important; top: 6px; } #top-nav-bar-mini .navbar-header { float:none; } #top-nav-bar-mini .navbar-nav { float: none !important; margin: 0px; } #top-nav-bar-mini .nav > li > a { position: relative; display: block; padding: 10px 15px; } #top-nav-bar-mini .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; } #top-nav-bar-mini .nav { padding-left: 0px; margin-bottom: 0px; list-style: outside none none; } /*fixed-top-header*/ .centered { text-align: center; } #retail-clients-grid .status-total{ font-weight: bold; background-color: rgba(221,221,221,.7); } #retail-clients-grid .status-1{ background-color: rgba(238,238,238,.7); } #retail-clients-grid .status-3{ background-color: rgba(242, 174, 34, .5); } #retail-clients-grid .status-5{ background-color: lightgreen; background-color: rgba(220, 245, 220, 1); } #retail-clients-grid .status-6{ background-color: rgba(40, 117, 196, .5); color:white; } #retail-clients-grid .status-7{ font-weight: bold; background-color: rgba(255, 255, 255, 1); } #retail-clients-grid .status-8{ font-weight: bold; color:red; background-color: rgba(255, 181, 193, .5); } #retail-clients-grid .status-10{ color:white; background-color: rgba(50, 50, 50, .5); } .modal.history-order { position: fixed; margin: 0; top: 50%; margin-top: -300px; } .history-order .status-1 .status{ padding: 2px 4px; border: 1px solid #222; /*background-color: #efefef;*/ /*color: #fff !important;*/ } .history-order .status-3 .status{ padding: 2px 4px; background-color: #f1ae20; color: #fff !important; } .history-order .status-6 .status, .history-order .status-11 .status { padding: 2px 4px; background-color: #2875c4; cursor: pointer; color: #fff !important; } .history-order .status-4 .status { padding: 2px 4px; background-color: #8e5f1c; color: #fff !important; } .history-order .status-7 .status { padding: 2px 4px; background-color: #9DB6CF; cursor: pointer; color: #fff !important; } .history-order .status-8 .status { padding: 2px 4px; background-color: #f3565e; color: #fff !important; } .history-order .status-10 .status { padding: 2px 4px; background-color: #465257; cursor: pointer; color: #fff !important; } .history-order .status-5 .status { padding: 2px 4px; background-color: #7fb94a; color: #fff !important; } .history-order .status { width: 70px; display: inline-block; text-align: center; } .history-order .terms { padding: 0 10px; } .history-order .term1 { float: right; } .get-dir-info:hover { cursor:pointer; } .animation-target-grow { -webkit-animation: animation-grow 1000ms linear both; animation: animation-grow 1000ms linear both; } /* Generated with Bounce.js. Edit at http://goo.gl/22XFqC */ @-webkit-keyframes animation-grow { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -20, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -20, 0, 1); } 4.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.015, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.015, 0, 1); } 8.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.318, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.318, 0, 1); } 12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.643, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.643, 0, 1); } 16.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.266, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.266, 0, 1); } 27.73% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.257, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.257, 0, 1); } 38.84% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.051, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.051, 0, 1); } 61.06% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.002, 0, 1); } 83.28% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } @keyframes animation-grow { 0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -20, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -20, 0, 1); } 4.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.015, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -9.015, 0, 1); } 8.31% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.318, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -2.318, 0, 1); } 12.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.643, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.643, 0, 1); } 16.62% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.266, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 1.266, 0, 1); } 27.73% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.257, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.257, 0, 1); } 38.84% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.051, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.051, 0, 1); } 61.06% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.002, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0.002, 0, 1); } 83.28% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } } /*search cols*/ .main-reg-brend { padding-left: 0!important; padding-right: 0!important; width: 98px !important; padding-left: 0px !important; } .table-units td:not(.brend-units) { padding-left: 0px !important; padding-right: 0!important; } .num-spare { width: 148px !important; } .info_spare { width: 110px !important; } .stock { width: 90px !important; } .date { width: 90px !important; } .supplier { width: 90px !important; } .price { width: 90px !important; } .number { width: 90px !important; } /*end search cols*/ .expand-search-results { padding: 10px 0px 10px 10px !important; display: inline-block; float: right; } .expand-search-results .table_link { transition: all .2s ; background-color: #f2f2f2; padding: 6px; border-radius: 7px; border: 1px solid #d4d4d4; cursor: pointer; float: right; margin-right: 10px; margin-left: 10px; text-transform: uppercase; font-weight: bold; } .expand-search-results .table_link:hover { background-color: #ffffff; color: #f1ae20; border: 1px solid #f1ae20; } .expand-text { line-height: 34px; font-weight: bold; } .neon-glow-blue { -webkit-animation: neon2 .2s ease-in-out infinite alternate; -moz-animation: neon2 .2s ease-in-out infinite alternate; animation: neon2 .2s ease-in-out infinite alternate; } .count-error-glow{ -webkit-animation: count-error-glow 1s ease-in-out infinite alternate; -moz-animation: count-error-glow 1s ease-in-out infinite alternate; animation: count-error-glow 1s ease-in-out infinite alternate; } @keyframes neon2 { from { opacity:1; } to { opacity:0; } } @keyframes count-error-glow { from { opacity:1; } to { opacity:.5; } } .js-ring-retail-order.is_ring { opacity: 1; } .phone-header{ position: absolute; color: #fff; font-weight: bold; top: 38px; left: 169px; font-size: 14px; /*background: #394350;*/ border-radius: 6px; width: 137px; z-index: 999999; padding: 3px 9px 1px 9px; /*box-shadow: 0px 0px 3px rgba(255,255,255,.2);*/ } .phone-header a{ color:white; text-decoration: none; font-family:'Open Sans'; } .scrolled-header .phone-header{ top:20px; left:531px; } .is_ring.sms-ok { -webkit-filter: brightness(1.65); filter: brightness(1.65); } .max-500 { max-width:500px; } .retail-client-type-3{ background-color:rgba(255,153,153,1); color:black; } .retail-client-type-2 { background-color:rgba(255,204,153,1); color:black; } .retail-client-type-4 { background-color:rgba(153,255,153,1); color:black; } .retail-client-type-1 { background-color:rgba(153,153,255,1); color:black; } .js-update-subclient-balance { cursor:pointer; opacity: .7; transition: all .2s; } .js-update-subclient-balance:hover { opacity: 1; } .footer .verified-container { text-align: center; width:100%; } .footer .verified { text-align: center; width:284px; margin:0 auto; border-radius:5px; background-color: #eee; } .basket-control-top ul{ margin: 15px 0px; padding: 0; } .basket-control-top ul li{ display:inline-block; padding: 0 5px; margin-right: 5px; border-radius: 3px; } .basket-control-top ul li a{ color: white !important; } .basket-control-top .link_2 { background-color: #2974c9; transition: all .2s; } .basket-control-top .link_2:hover { background-color: #0561c9; } .basket-control-top .link_4 { transition: all .2s; background-color: #5cb85c; } .basket-control-top .link_4:hover { transition: all .2s; } .basket-control-top .link_3 { background-color: #d9534f; transition: all .2s; } .basket-control-top .link_3:hover { background-color: #d90701; } .basket-control-top .link_1 { background-color: #3bb83b; background-color: #999; } .basket-control-top .link_1:hover { background-color: #888; } .basket-control-top { /*display: none;*/ } .banner-container { } .special { background: #f1ae21; width: 32px; height: 126px; top: 101px; position: absolute; line-height: 17px; padding-top: 8px; text-align: center; z-index: 1000000; left: -70px; font-weight: bold; cursor: pointer; transition: .2s background; transition: .3s height; transition-timing-function: ease; } .special:hover { background: #fa9e04; height:134px !important; } .special a { display: block; transition: .3s all; } .special a:hover { margin-top: 8px; } .special:hover:before { top: 116px; } .scrolled-header .special { top: 56px; } .special * { color: white !important; } .special:after { content: ' '; position: absolute; width: 0; height: 0; left: 32px; top: 0px; border-width: 5px 2px; border-style: solid; border-color: transparent transparent #f9d491 #f9d491; } .special:before { transition: .3s all; content: ' '; position: absolute; width: 0; height: 0; left: 0px; top: 108px; border-width: 9px 16px; border-style: solid; border-color: transparent transparent #fff transparent; } .get-dir-info{ transition: .3s all; } .get-dir-info:hover { background-color:#ddd !important; } .promo-basket-quant { text-align: center; width: 60px; height:33px; } .add-class-on-click { transition: all .2s ease; } .clicked-search { opacity: .95; } .balance-positive{ text-align: right; color: darkgreen; font-weight: bold; } .balance-negative{ text-align: right; color: darkred; font-weight: bold; } .hover-blue { transition: .4s all; cursor:pointer; } .hover-blue:hover { color:deepskyblue; } .image-position-layer-container { margin-bottom: 480px; position: relative; } .image-position-layer { position:absolute; user-select:none; -webkit-user-select:none; } .ipl-l2 { transition: all .5s; cursor: pointer; width: 210px; top: 140px; height: 80px; left: 480px; display: block; z-index: 1; } .ipl-l2:hover { background: rgba(255,255,255,.3); border-radius: 4px; } .ipl-l2.active { transition: all .5s; width: 1070px; top: 9px; border-radius: 4px; height: 552px; left: 110px; background: url(/images/rozn_entry.png); } #table-retail-all-op .summary { display: none; } #table-retail-all-op .pos, #table-retail-all-op .neg { text-align: right; font-weight: bold; } #table-retail-all-op .pos { color: #008800; } #table-retail-all-op .neg { /*text-align: right;*/ color: #8b0000; } #table-retail-all-op thead th { text-align: center; } .retail-all-op-sum { text-align: center; font-weight: bold; } .balance_ok .odd, .balance_ok .even { background-color: rgba(0,255,0,.1) !important; } .showSweetAlert.register .confirm { background-color: #f8aa23 !important; box-shadow:none !important; } .showSweetAlert.register .cancel { background-color: #f8aa23 !important; box-shadow:none !important; } .showSweetAlert.register .confirm:hover, .showSweetAlert.register .confirm:active, .showSweetAlert.register .confirm:visited { background-color: #fa9e04 !important; box-shadow:none !important; } .showSweetAlert.register .cancel:hover, .showSweetAlert.register .confirm:active, .showSweetAlert.register .confirm:visited { background-color: #fa9e04 !important; box-shadow:none !important; } .choose-r-o { background: #f8aa23; border-radius: 4px; padding: 23px 1px; color: white; cursor: pointer; font-size: 19px; transform: scale(.9); transition: .2s all; } .choose-r-o:hover { box-shadow: 0px 11px 17px #ddd; background: #fa9e04; transform: scale(1); } .sweet-alert[data-custom-class="register"] { } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 30px !important; } .choose-retail { } .choose-opt { } .turn-off-format { transition: all .2s; user-select: none; -webkit-user-select: none; cursor:pointer; border-bottom: 1px dashed gray; color: #f1ae21; } .turn-off-format:hover { color: #fa9e04; border-bottom: 1px dashed #f1ae21; } .turn-off-format:active { color: #eee; border-bottom: 1px dashed #eee; } .phone-header { display:none; } #sort-header[data-sort="sortByTimeAsc"] .date:after, #sort-header[data-sort="sortByPriceAsc"] .price:after, #sort-header[data-sort="sortByPrice"] .price:after { content:' ↑'; } #sort-header[data-sort="sortByTimeDesc"] .date:after, #sort-header[data-sort="sortByPriceDesc"] .price:after{ content:' ↓'; } #sort-header[data-sort="sortByTimeAsc"] .date, #sort-header[data-sort="sortByPrice"] .price, #sort-header[data-sort="sortByPriceAsc"] .price, #sort-header[data-sort="sortByNumAsc"] .number, #sort-header[data-sort="sortByTimeDesc"] .date, #sort-header[data-sort="sortByPriceDesc"] .price{ background-color: #ddd !important; } #sort-header .sort_up-down.allow { transition: all .2s; transition-timing-function: ease; } #sort-header .sort_up-down.allow:hover { background-color: #fa9e04 !important; } .footer-phone { color:white; font-size:14px; text-align:right; margin-top: -21px; display: block; width: 263px; } .footer-phone .phones{ margin-top: -31px; } .footer-phone .phone-val{ color: orange; float: right; } .footer-phone .phone-label{ float: left; } .footer-phone ul.phones{ margin: 0; list-style: none; padding: 0; } #search_results .head { margin-bottom: 9px; } .footer { font-family:'Lato','Open Sans',sans-serif; } .best-price td{ background-color: rgba(255,157,3,.4) !important; } .best-term td{ background-color: rgba(157,255,157,.4) !important; } tr.best-price:before{ content:'Лучшая цена'; background-color: rgba(255,157,3,1) !important; position: absolute; margin-top: 46px; margin-left: 0px; padding: 3px 18px; border-radius: 0px 28px 0px 0; } tr.best-term:before{ content:'Лучшая срок'; background-color: rgba(157,255,157,1) !important; position: absolute; margin-top: 46px; margin-left: 0px; padding: 3px 18px; border-radius: 0px 28px 0px 0; } #search_results { min-width: 1200px; } .color_5 { color: red; font-weight: bold; } .test { position: relative; top: 6px; display: inline-block; font-size: 22px; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; color: red; } .test:before { content: "\e086"; } .color-values-box { display: inline-block; } .color-values-box .c-row-inner { display: inline-block; margin-left: 40px; } .color-values-box .c-row { padding: 3px 31px; margin-right: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .color-values-box .c-row.diller-ico { background: #c9f4af; } .color-values-box .c-row.distr-ico { background: #acd5f7; } .color-values-box .c-row.emir-ico { background: #f3f7a3; } .color-values-box .c-row.trust-ico { background: #ffa67d; }