@font-face {
    font-family: 'Circe';
    src: url("../fonts/Circe-Light.eot");
    src: url("../fonts/Circe-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Circe-Light.woff") format("woff"), url("../fonts/Circe-Light.svg#custom_font") format("svg");
    font-style: normal;
}

@font-face {
    font-family: 'Circe';
    src: url("../fonts/Circe-Regular.eot");
    src: url("../fonts/Circe-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Circe-Regular.woff") format("woff"), url("../fonts/Circe-Regular.svg#custom_font") format("svg");
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Circe';
    src: url("../fonts/Circe-Bold.eot");
    src: url("../fonts/Circe-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Circe-Bold.woff") format("woff"), url("../fonts/Circe-Bold.svg#custom_font") format("svg");
    font-weight: bold;
    font-style: normal;
}

html { 
    height: 100%;
    zzz-overflow-y: scroll;
}

body    {
    font-family: "Circe", Helvetica, Arial, sans-serif;
    font-size: 14px;
    height: 100%;
    margin: 0;
    padding: 0;
    color: #363636;
    background: #f5f5f5;
}

.clickable {cursor: pointer }
.wbr {word-wrap:break-word}
td .wbr {word-wrap:anywhere}
.nobr {white-space: nowrap;}

.asterisk { font-family: sans serif, helvetica, arial;}

div.mb { width: 1142px; margin: 30px auto;}
div.mb.nogap { margin-top: 0; margin-bottom: 0}
div.mb.ungap { margin-top: -150px;}
div.mb.center, div.mb .center {text-align: center}
div.mb.cols2, div.mb.cols3 { display: table; }
div.mb.cols2 .col { display: table-cell; width: 50%; padding: 30px; }
div.mb.cols3 .col { display: table-cell; width: 33%; padding: 30px; }
div.mb.cols3 .col2 { display: table-cell; width: 66%; padding: 30px; }
div.mb .col.top, div.mb .col2.top {vertical-align:top}
div.mb .col.mid, div.mb .col2.mid {vertical-align:middle}
div.mb .faq {padding: 30px 60px; background-color:#fff}

div.mb .col.type1, .home .type1 {background-color: #FFFFFF}
div.mb .col.type2, .home .type2 {background-color: #D3d3d3}
div.mb .col.type3, .home .type3 {background-color: #C4262E; color: #ffffff}
div.mb .col.type4, .home .type4 {background-color: #363636; color: #ffffff}
div.mb .col.tbrd, div.mb .col2.tbrd {border-top: solid 1px #f5f5f5}
div.mb .col.lbrd {border-left: solid 1px #f5f5f5}
div.mb .col.rbrd {border-right: solid 1px #f5f5f5}


body.home {background-color: #f5f5f5;}
.home .topblock {background-color: #666666; color: #ffffff; background: #363636 url(../i/hbg2.jpg) no-repeat center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;  padding: 100px 0 200px}
.home h2 {font-size: 40px;}
.home h3 {font-size: 30px;}
.home .topblock p {font-size: 17px;}
.home .tgroup {background-color: #ffffff}
.home p {font-size: 15px}
.home .semiwidth {width: 750px; margin-left: auto; margin-right: auto}
.top-up.dlayer { padding: 192px 0; }
.dlayer { position: relative;  z-index: 50; }
.ulayer { position: relative; z-index: 100; }
div.mb.top-up, .top-up {  margin-top: -160px; }
.home p.client_signature {font-size: 11px; letter-spacing: 0.7px; text-transform: uppercase; color: #d3d3d3; text-align:right; margin:0; font-weight: bold}
.home p.client_signature a { text-decoration: none; color: #d3d3d3; }

.mb.how {height:535px;position:relative}
.mb.how .how_img { float: right;  margin-left: -45px; }
.mb.how h2 {text-align: center}
.mb.how li {font-size: 15px; line-height: 24px; }

.mb.how .pager { position:absolute; bottom:0; font-size: 18px; font-weight: bold; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none;  }
.mb.how .pager .pager_info { color: #bbbbbb; display: inline-block; padding:0 32px; min-width: 60px; text-align: center;}
.mb.how .pager .pager_button {display: inline-block;width: 16px;height: 16px; padding:10px ;cursor: pointer; background: #c4262e 50% 50% no-repeat; border: 1px solid#c4262e;border-radius:20px;vertical-align: middle;margin-top: -4px;}
.mb.how .pager .pager_button.left {background-image: url(../i/left_arr_wt.png);}
.mb.how .pager .pager_button.right {background-image: url(../i/right_arr_wt.png);}
.mb.how .pager .pager_button:hover {background-color: #a31c23; border-color:#a31c23}
.mb.how .pager .pager_button.inactive {opacity: 0.5; border-color:#ffffff; background-color: #383838; cursor: default;}

.home .topblock.partner {background-image: url(../i/pbg.jpg); background-position-y: 0;}
.home p.step_text {font-size: 24px; font-weight: bold;}
.home .step_no {display: inline-block; background: #c4262e; padding: 6px 17px 3px; font-size: 30px; font-weight: bold; border-radius: 26px;  width: 20px;}

a, a:visited {color: #363636}
a[onclick] {cursor: pointer}
a.red {color: #c4262e; text-decoration:none}
a.red:hover {text-decoration:underline}


div.path, h1 { margin-top: 4px; margin-bottom: 20px; font-size: 23px; font-weight: 500;}
div.page_container {min-width: 1260px;}
div.head {background-color: #ffffff; height: 85px; box-shadow: 0 0 10px rgba(20,20,20,0.3);}
div.head .logo {background: url(../i/logoi.png) no-repeat; display: inline-block; margin:0; float:left; width: 83px; height: 45px; padding: 20px 30px 20px 115px; font-size: 14px; font-weight: bold; line-height: 16px;}
div.head a.logout {background: url(../i/logout.png) no-repeat; width: 24px; height:24px; display: inline-block; float: right; margin: 0;}

div.head .user {color:#383838; width:290px; display: inline-block; float: right; height: 25px; margin: 0 0 0 45px; padding: 30px 0; font-size: 14px; font-weight: bold; position: relative}
div.head .user_lk_info {margin-top: -9px;}
div.head .user .balance { display: block; font-weight: normal; font-size: 12px; color: #a0a0a0;}
div.head .user.payable .email { display: block; max-width: 200px; overflow: hidden; white-space: nowrap;}
div.head .user.payable:hover .email {color: #c4262e}
div.head span.profile { border-radius: 23px; padding: 10px 14px 7px; background: none; min-width: 14px;text-align: center; border: solid 1px #e5e5e5;}

div.head .headmenu { float: right; }
div.head a.menu_item {color: #383838; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; padding: 36px 20px; line-height: 82px;}
div.head a.menu_item.active, div.head a.menu_item:hover {color:#c4262e}

@media screen and (max-width:1460px) {
    div.head a.menu_item.sec {display: none;}
    div.head a.menu_item {padding: 36px 11px;}
}

div.head .rbtn { float: right;  margin: 20px 10px 20px 45px; text-transform: uppercase; font-size: 15px; letter-spacing: 0.7px; }

div.head .popupmenu:hover span.profile {color: #ffffff; background-color: #c4262e;border-color: #c4262e; }

div.head .popupmenu .headitem {display: table; margin-bottom: -37px}
div.head .popupmenu .headitem > span {display: table-cell; vertical-align: middle;}
div.head .popupmenu .headitem > span:not(:first-child) {padding-left: 5px}
div.head .popupmenu .headitem > span:not(:last-child) {padding-right: 5px}
div.head .popupmenu .headitem a.menu_item  {padding-right: 5px}

div.head .popupmenu .menublock {top: 25px; left:190px;}
div.head .popupmenu.user .menublock {left:216px;}
div.head .popupmenu.user .menuitems {min-width:216px;}
div.head .popupmenu.help .menublock {left:213px;}
div.head .popupmenu .menuitems {min-width:189px; font-weight: bold}

div.head .popupmenu .menuitems div.tariff {font-weight: bold;color:#fff; margin-bottom:0;}
div.head .popupmenu .menuitems div.info {color: #E19296; font-size:11px; float: right; font-weight: normal; margin-top: 4px;}
div.head .popupmenu .menuitems div.hold_info {font-weight: normal; margin: 5px 0; padding-top:15px; color: #E19296; border-top: solid 1px #E19296}

.popupmenu .tg_icon {display:block; width: 17px; height: 9px; background: url(../i/pparr.png) no-repeat; }
.popupmenu:hover .tg_icon {background-position-y: -27px;}


div.head a.menu_item .beta { color: #c4262e; text-transform: none; position: relative; top: -10px; left: 3px; font-size: 10px;}

.popupmenu {position: relative; display: inline-block;}
.popupmenu .title {font-size:14px; font-weight:bold}
.popupmenu:hover .title {color:#c4262e;}

.popupmenu .menuitems div[onclick] { cursor: pointer; }

.popupmenu .menuitems div.red {background-color: #c4262e; color: #fff}
.popupmenu .menuitems div.red a.btn {color:#fff; display: block; margin: 15px 0 -7px; border: solid 1px #c4262e; border-top: solid 1px #E19296}
.popupmenu .menuitems div.red a.btn:hover {color:#fff;background-color: #c4262e;}

.popupmenu .menublock {display:none; position: absolute; top:4px;  padding-top:60px; z-index:100}
.popupmenu:hover .menublock {display: block}
.popupmenu .menuitems {box-shadow: 1px 6px 6px rgba(20,20,20,0.3); position: absolute; right: 0; white-space: nowrap; padding: 0px; background-color: #ffffff; font-size: 15px;}
.popupmenu .menublock hr { color: #606060; background-color:#606060; border:0 none; height:1px; margin:15px 0px;}
.popupmenu .menuitems > div {padding: 7px 15px;}
.popupmenu .menuitems > div:first-child {padding-top:15px}
.popupmenu .menuitems > div:last-child {padding-bottom:15px}
.popupmenu .menuitems a {color:#383838;text-decoration:none}
.popupmenu .menuitems a:hover {color:#c4262e;text-decoration:none}
.popupmenu .menuitems .clickable {cursor: pointer }

.popupmenu .menuitems .version { font-weight: normal; color: #9b9b9b; }
.popupmenu .menuitems a:hover .version { color: #c4262e; }

.buttons .popupmenu .menublock {top: -16px; right: 0;}
.buttons .popupmenu .tg_icon {display:inline-block; margin-left: 5px; margin-right: -15px }
.buttons .popupmenu .menuitems {font-weight: bold;}
.buttons .popupmenu .menublock {top: -16px; right: 0;}

.buttons .popupmenu.export .menublock {right:auto}
.buttons .popupmenu.export .menuitems {right:auto; left: 10px}


.popupmenu .menuitems.typed > div {margin-right:40px;}
.popupmenu .menuitems.typed .filetype {float: right;  margin-right: -40px; font-weight: normal; color: #9b9b9b;}
.popupmenu .menuitems.typed .filetype.rows2 { margin-top: -21px; }

div.footer {background-color: #363636; padding: 20px 60px}
div.footer .menu a {color: #fff; text-decoration: none; font-size: 11px; text-transform: uppercase; margin: 0 20px 0 0}
div.footer .menu a:hover, div.footer .submenu a:hover {color: #c4262e;}
div.footer .submenu a {color: #7d7d7d; margin: 0; text-decoration: none;}
div.footer .right a, .right span {margin: 0 0 0 20px}
div.footer .right {float: right}
div.footer .center {text-align: center;}
div.footer .left {float: left}
div.footer .left img {margin: -10px 15px -10px 0; vertical-align: middle;}

div.footer hr { color: #7d7d7d; background-color:#7d7d7d; border:0 none; height:2px; margin:15px 0px 20px;}
div.footer .copy { position: relative; top: -2px;}

div.main_container {padding: 15px 60px 45px;}
div.data_container {padding: 30px; background-color: #ffffff;}
div.data_container h2 {margin-top: 0; font-size: 30px; text-align:center}
div.data_container .subh2 {text-align:center}

div.semigap {height: 15px;}
div.gap {height: 30px;}
div.gap2 {height: 60px;}
div.gap3 {height: 90px;}
div.flright {float:right;}
div.flleft {float:left;}


.login_block{margin:-64px auto 0; height: 95vh; vertical-align:middle}


ul.htabs {border-bottom: solid 1px #e5e5e5; padding: 0; margin-top: 25px;margin-bottom: 0;}
ul.htabs.nogap {margin-top:0}
ul.htabs > li {list-style: none;display: inline-block;border-top: solid 1px #e5e5e5; padding: 22px 25px 19px 25px; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; text-transform: uppercase; font-size: 11px; font-weight: bold; letter-spacing: 1px; margin-left: -1px; background-color: #f7f7f7; cursor: pointer}
ul.htabs > li.current { border-bottom: solid 3px #c4262e; padding-bottom: 16px; background-color: #ffffff; cursor: default}
ul.htabs.backlinks > li {padding-left:14px; padding-right:14px;}

/*
ul.htabs > li.projects {background: #f7f7f7 url(../i/projects.png) no-repeat 20px 17px;}
ul.htabs > li.fetches {background: #f7f7f7 url(../i/fetches.png) no-repeat 20px 17px;}
ul.htabs > li.reports,
ul.htabs > li.text
    {background: #f7f7f7 url(../i/reports.png) no-repeat 20px 17px;}
ul.htabs > li.info {background: #f7f7f7 url(../i/info.png) no-repeat 20px 17px; margin-bottom: 0}
ul.htabs > li.links {background: #f7f7f7 url(../i/files.png) no-repeat 20px 17px; margin-bottom: 0}
ul.htabs > li.queries,
ul.htabs > li.needless
  {background: #f7f7f7 url(../i/queries.png) no-repeat 20px 17px;}
ul.htabs > li.stat  {background: #f7f7f7 url(../i/lists.png) no-repeat 20px 17px;}
ul.htabs > li.current.projects {background: #ffffff url(../i/projects_cr.png) no-repeat 20px 17px;}
ul.htabs > li.current.fetches {background: #ffffff url(../i/fetches_cr.png) no-repeat 20px 17px;}
ul.htabs > li.current.reports,
ul.htabs > li.current.text
     {background: url(../i/reports_cr.png) #ffffff no-repeat 20px 17px;}
ul.htabs > li.current.info {background: #ffffff url(../i/info_cr.png) no-repeat 20px 17px;}
ul.htabs > li.current.links {background: #ffffff url(../i/files_cr.png) no-repeat 20px 17px;}
ul.htabs > li.current.queries,
ul.htabs > li.current.needless
  {background: url(../i/queries_cr.png) #ffffff no-repeat 20px 17px;}
ul.htabs > li.current.stat {background: #ffffff url(../i/lists_cr.png) no-repeat 20px 17px;}
*/

ul.htabs > li a { text-decoration: none; padding: 22px 30px 19px 55px; margin: -22px -30px -19px -55px;  display: block; }


.lframe.lmenu {padding:0}
.lmenu ul.htabs {border-bottom: none; }
.lmenu ul.htabs {padding: 0; margin: 0;}
.lmenu ul.htabs > li { display: block;  border-right: none; border-top:none; border-bottom: solid 1px #e5e5e5;}
.lmenu ul.htabs > li.current { border-right: solid 3px #c4262e; border-bottom: solid 1px #e5e5e5; padding-bottom: 19px; }

.lmenu .buttons {padding:30px;  padding: 30px 80px 30px 20px;}
.lmenu .buttons .btn {text-align:center; width:100%;}

.lgtop_btn { float: right; width: 312px; margin-top: 40px; }
.rtop_btn { float: right; margin-right: 40px; }
.buttons_line {margin: 40px 0}

a.btn { padding: 10px 30px; background-color: #c4262e; text-decoration: none; color: #ffffff; font-size: 14px; font-weight: bold; display: inline-block; cursor:pointer}

.btn, a.btn {padding: 8px 32px; border: 2px solid #c4262e; background-color: #c4262e; color: #ffffff; cursor: pointer; font-weight: bold; font-size: 15px;appearance: none;-webkit-appearance: none;-moz-appearance: none; text-decoration:none; white-space: nowrap;}
.btn:hover {background-color: #a31c23; border-color:#a31c23}
.btn.secondary, .btn.sec {background: none; border-color: #dddddd; color: #383838;}
.btn.secondary:not([disabled]):hover, .btn.sec:not([disabled]):hover {color:#c4262e;border-color: #c4262e;}
.btn.small {padding: 10px 20px;}

.main_container > .flright .btn {margin-left: 10px}
.main_container > .flright .btn:first-child {margin-left: 0}

.rframe { width: 232px; float: right; padding: 37px 40px 0; border-left: solid 1px #e5e5e5;}
.lframe { width: 184px; float: left; padding: 37px 40px 0; border-right: solid 1px #e5e5e5; background-color: #ffffff}

.topborder {border-top: solid 1px #e5e5e5;}


.label, .dlg_ilabel {color: #9b9b9b;}
.label.flright {float:right;}

.fline .example, .dlg_input .example {color: #c0c0c0}
.fline, .dlg_input {margin-bottom: 15px;}
.fline.input, .dlg_input { padding-right: 32px; }
.fline.input .label, .dlg_input .dlg_ilabel { margin-right: -32px; display: block; }
.fline.checkbox, .fline.buttons, .fline, .dlg_checkbox {margin-top: 25px;}
.fline.checkbox, .dlg_checkbox { margin-left: 38px; text-indent: -38px; }
.fline.checkbox.flright  {margin-top:7px; margin-left: 80px}
.fline.checkbox.iv_align { margin-top: 31px;}
.fline.right {text-align:right}
.fline .ibtn.flright {float:right;margin-top: -6px;}
.fline.input .ibtn.flright {margin-right: -32px;}
.fline.input .ibtn_block.flright {margin-right: -32px; display:block; margin-top:-6px; float: right}
.fline.input .ibtn_block.flright .ibtn {margin-top: 0; margin-bottom: -4px}
.fline.flright {float:right; margin-left: 40px;}
.fline.flleft {float:left; margin-right: 40px;}
.fline.flleft.last {margin-right:0px;}
input[type="text"], input[type="password"], textarea { display: block; width: 100%;  padding: 10px 15px; margin-top:0; border: solid 1px #e5e5e5; font-family: Circe, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; }
textarea {height: 88px}
.fline.lngap {margin-top:21px;}
.large textarea {height: 197px}
.line2 textarea {height: 105px}
.middle textarea {height: 138px}
.line3 textarea {height: 190px}
.line4 textarea {height: 278px}
.huge textarea {height: 364px}
.fline_checkbox_block .fline.checkbox {display: inline-block;margin-right: 24px;}

.flgap {height: 26px}

.fline.fullwidth input {width:100%}

.fline .error {display: none; position: absolute; font-size: 12px; color:#c4262e;}
.fline.error .error {display: block;}
.fline.error {position: relative;}
.fline.error input[type="text"], .fline.error input[type="password"], .fline.error textarea, 
.dlg_main .dlg_error input[type="text"], .dlg_main .dlg_error input[type="password"], .dlg_main .dlg_error textarea 
    { border-color: #c4262e; background-color: #fbeeef }

.fline .error.example {font-size:14px}
.fline.error .error + .example { color: white; }

ul.flbltabs { padding: 0; margin-top: -8px; margin-bottom: 0; margin-left: 1px}
ul.flbltabs li {list-style: none; display: inline-block; border-top: solid 1px #e5e5e5; padding: 5px 25px 3px 10px; border-left: solid 1px #e5e5e5; border-right: solid 1px #e5e5e5; margin-left: -1px; background-color: #f7f7f7; cursor: pointer;}
ul.flbltabs li.with_hint {padding-right: 40px}
ul.flbltabs li.current { border-bottom: solid 2px #c4262e; padding-bottom: 1px;  background-color: #ffffff;  cursor: default; }


.dlg_main .dlg_input.select {position: relative}
.dlg_main .dlg_input.select ul { display: none; position: absolute; background-color: #ffffff; width: 361px; list-style-type: none; padding: 0; font-size: 15px; margin-top: -2px; box-shadow: 3px 3px 5px rgba(20,20,20,0.3);}
.wide .dlg_main .dlg_input.select ul {width: 463px;}
.dlg_main .dlg_input.select.open ul {display:block}
.dlg_main .dlg_input.select li {padding: 5px 17px; cursor:pointer}
.dlg_main .dlg_input.select li:hover {color:#c4262e;}
.dlg_main .dlg_input.select li.placeholder {color: #c0c0c0;}
.dlg_main .dlg_input.select input {background: #ffffff; cursor: default; color: #363636}
.dlg_main .dlg_input.select .tg_icon {position: absolute; top: 18px; right: 15px; display:block; width: 9px; height: 9px; background: url(../i/open_arr2.png) no-repeat; }
.dlg_main .dlg_input.select:hover .tg_icon {background-position-x: -9px;}

.dlg_opened_area {height: 100vh; overflow-x:hide; overflow-y:scroll
}

input[type="button"], input[type="submit"], label.file { font-family: Circe, Helvetica, Arial, sans-serif; padding: 8px 32px; background-color: #c4262e; color: #ffffff; font-size: 15px; font-weight: bold; border: solid 1px #ffffff; cursor: pointer; border: solid 2px #c4262e; }
input[type="button"]:hover {background-color: #a31c23; border-color: #a31c23;}
input[type="button"].sec:not([disabled]):hover, input[type="submit"].sec:not([disabled]):hover, label.sec.file {border-color: #c4262e; color: #c4262e}
input[type="button"].sec, input[type="submit"].sec, label.file.sec { background-color: #ffffff; color: #363636; border-color: #dddddd}
input[disabled].main, input[disabled].sec, input[disabled].btn, a.btn.disabled, .btn.sec.disabled:hover {background-color: #f7f7f7; border-color: #f7f7f7; color: #9b9b9b; cursor: default}
/* input[disabled].btn, a.btn.disabled {border: solid 1px #9c9c9c; background-color: #9c9c9c; color: #ffffff; cursor: default} */

label.file{display: inline-block}
label.file input[type="file"], label.ibtn input[type="file"], .fline label input[type="file"]{ display: none; }
.fline.joinup {margin-top: -5px;}
.search input[type="text"] { padding-left: 40px; background: url(../i/search.png) no-repeat 7px 8px;}
.fline.search { padding-right: 60px; }

.fline .ibtn {display:inline-block; width:24px; height:24px; margin:15px 2px 0; cursor:pointer}
.ibtn.details {background: url('../i/chk2.png') no-repeat 50% 50%;}
.ibtn.details:hover {background-image: url('../i/chk2_on.png')}
.ibtn.back {background: url('../i/back_garr2.png') no-repeat 50% 50%;}
.ibtn.back:hover {background-image: url('../i/back_garr.png')}
.ibtn.import {background: url('../i/import2.png') no-repeat 0 50%;}
.ibtn.import:hover {background-position-x: -24px}
.ibtn.export {background: url('../i/export2.png') no-repeat 0 50%;}
.ibtn.export:hover, .btn:hover .ibtn.export  {background-position-x: -24px}
.ibtn.aloader {background: url('../i/aloader.gif') no-repeat 50% 50%;}
.ibtn.rgnchk {background: url('../i/globus.png') no-repeat 0 50%;}
.ibtn.rgnchk:hover {background-position-x: -24px}
.ibtn.add {background: url('../i/plus2.png') no-repeat 0 50%;}
.ibtn.add:hover {background-position-x: -24px}
.ibtn.delete {background: url(../i/delete.png)}

.fline span.wgap {display:inline-block; width: 30px}

.fline.r_ibtn {position: relative}
.fline.r_ibtn .ibtn {position: absolute; top:13px; right:5px}
.ibtn.refresh { background: url(../i/refresh2.png); no-repeat 0 50%;}
.ibtn.refresh:hover, .btn:hover .ibtn.refresh { background-position-x: -24px }
.ibtn.inactive {cursor: default; opacity: 0.3}
.ibtn.refresh.inactive:hover { background-position-x: -0px }

.fline #queries, .fline #mqueries {white-space: pre;}
.subbtnblock { border-top: solid 1px #e5e5e5; }
#settings .subbtnblock {position: relative;}
#settings .subbtnblock .subinfo { position: absolute; right: 5px;  bottom: 75px; }
#settings .subbtnblock .subinfo a {text-decoration: underline}
#settings .runform {height: 510px;}

.rframe input[type="button"], .rframe input[type="submit"] {width:100%}

input[readonly], textarea[readonly], input[disabled], textarea[disabled], select[disabled] {background-color: #f7f7f7; color: #9b9b9b}

input[type="text"] + input[type="text"] {margin-top:-1px;}

input::-webkit-input-placeholder { color: #c0c0c0; }
input:-ms-input-placeholder {  color: #c0c0c0; }
input::-moz-placeholder { color: #c0c0c0; opacity: 1; }
input:-moz-placeholder { color: #c0c0c0; opacity: 1; }
textarea::-webkit-input-placeholder { color: #c0c0c0; }
textarea:-ms-input-placeholder {  color: #c0c0c0; }
textarea::-moz-placeholder { color: #c0c0c0; opacity: 1; }
textarea:-moz-placeholder { color: #c0c0c0; opacity: 1; }

.chk { display: inline-block; width: 24px; height: 24px; background: url(../i/chke.png); margin-bottom:-6px; margin-right: 15px; }
.red .chk {background-color: #fff;}
.chk.only {margin-right:0}
input + .label {color: #383838;}
input[disabled] + .label {color:  #9b9b9b;}
input:checked + .label, input[disabled]:checked + .dlg_checkbox label {color: #383838; font-weight: bold}
input:checked + .label .chk {  background-position-x: -24px; }
input[disabled]:checked + .label {color:  #9b9b9b;}
input[disabled] + .label .chk {  background-position-x: -48px; }
input[disabled]:checked + .label .chk {  background-position-x: -72px; }
input[type="checkbox"] { display:none; }
.fline.checkbox label + input + label {margin-left: 32px;}

.radio { display: inline-block; width: 26px; height: 26px; background: url(../i/rd.png); margin-bottom:-7px; margin-right: 14px; }
input:checked + .label .radio {  background-position-x: -26px; }
input[disabled] + .label .radio {  background-position-x: -52px; }
input[disabled]:checked + .label .radio {  background-position-x: -78px; }
input[type="radio"] { display:none; }

.grayed input:checked + .label {color: #9b9b9b;}


 select {padding: 9px 25px 10px 10px; border: solid 1px #e5e5e5 ; background: rgba(255,255,255,0) url(../i/slarr3.png) no-repeat scroll 100% 17px; font-family: Circe, Helvetica, Arial, sans-serif;  font-size: 14px; font-weight: bold;
 -moz-appearance: none;  -ms-appearance: none;  -webkit-appearance: none; appearance: none !important;}
/* select:hover {background-image: url(../i/slarr3_rd.png)} */
 select option {font-family: Circe, Helvetica, Arial, sans-serif;  font-size: 14px; font-weight: bold; color: #383838; font-style: normal}
 select.placeholder, select option.placeholder {color: #9b9b9b;}
 select option.spec {display: none}
 select option.city {font-weight: normal}

.fline select {width: 100%;}
.fline select option.secondary {color: #9b9b9b}

.fline.nogap {margin-top:0}
.fline.nobgap {margin-bottom:0}
.fline:last-child {margin-bottom: 0}
.fline.with_l_imgbtn {padding-right: 54px; position: relative}
.fline.with_l_imgbtn input[type="text"] {padding-left: 44px}
.fline.with_l_imgbtn input[type="image"] {position: absolute; left: 10px; top:9px}

.fline.exclchkbox .restore_btn { display:none }
.fline.exclchkbox .exclude_btn { display:none }
.fline.exclchkbox.exclude label {text-decoration: line-through;}
.fline.exclchkbox:hover .exclude_btn { display:block; float:right; margin-top:8px; width:16px; height:16px; background: url(../i/cross_cr.png) no-repeat 50% 50%; }
.fline.exclchkbox.exclude:hover .restore_btn { display:block; float:right; margin-top:8px; width:16px; height:16px; background: url(../i/plus_cr.png) no-repeat 50% 50%; }
.fline.exclchkbox.exclude:hover .exclude_btn { display:none }

.subordinate_profile .fline.checkbox {margin-top:53px}

hr {margin: 30px 0px; color: #e5e5e5; background-color:#e5e5e5; border:0 none; height:1px;}
hr.fline {margin: 40px -40px }
hr.line {margin: 0}

.cl {clear: both;}

.cframe {padding: 30px 40px}
.agap {margin: 30px 40px}
.tgap {margin-top: 30px}
.tgap2 {margin-top: 60px}
.bgap {margin-bottom: 30px}
.sgap {margin-top: 15px}
.rgap {margin-right: 30px}
.lgap {margin-left: 30px}

.ntgap {margin: 0px 40px 30px;}
.shadow { box-shadow: 0 0 30px rgba(20,20,20,0.3); }


.cframe.with_rframe {margin-right: 312px; border-right: solid 1px #e5e5e5;}
.cframe.with_lframe {margin-left: 264px; border-left: solid 1px #e5e5e5;}


.lframe ul.menu {padding: 0; margin: 0; font-weight: bold; text-transform: uppercase; font-size: 11px;}
.lframe ul.menu li {list-style: none; margin-bottom: 30px;}
.lframe ul.menu a {text-decoration: none; }
.lframe ul.menu .current {color: #c4262e}
.lframe ul.menu .lc {text-transform: none;font-size: 13px;}

.lframe .menublock{margin: 0 -40px; padding: 0 40px}
.lframe .menublock:not(:first-child) {margin-top: 40px; padding-top:30px; border-top: solid 1px #e5e5e5;}

.lframe .menublock .title span {position: relative; top: -41px; background: #ffffff; left: -10px; padding: 0 10px; display: inline-block; color: #9b9b9b;}
.lframe .menublock .title {height: 0}

.clist {width: 100%; border-collapse: collapse;}
.clist th {border-bottom: 2px solid #e5e5e5; text-align: left; padding-bottom: 10px; padding-right: 10px; font-weight: bold; text-transform: uppercase; font-size: 11px; color: #d3d3d3;}
.clist .tb2 {border-top: 2px solid #e5e5e5;}
.clist .lb {border-left: 1px solid #f5f5f5;}
.clist.low-th th {padding-top:5px; padding-bottom: 5px;}
.clist th.center, .clist td.center {text-align:center; padding-left: 5px; padding-right: 5px;}
.clist th a, .clist th a:visited { text-decoration: none; color: #d3d3d3; }
.clist th a.current {color: #383838}
.clist th a.uarr {padding-right: 13px; background: url(../i/suarr.png) no-repeat 100% 3px; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
.clist th a.darr {padding-right: 13px; background: url(../i/sdarr.png) no-repeat 100% 3px; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
.clist th a.uarr.current{background-image: url(../i/scuarr.png)}
.clist th a.darr.current{background-image: url(../i/scdarr.png)}


.clist td { padding: 15px 15px 15px 0; vertical-align: top; border-bottom: solid 1px #e5e5e5; }
.clist td.sec {font-weight: normal}
.clist td.sec .imp, .clist .imp, {font-weight: bold}
.clist td a, .clist td a:visited { text-decoration: none; color: #383838;}
.clist td a.hover:hover {text-decoration: underline}
.clist td.export a, .clist td.export a:visited { text-decoration: none; color: #9b9b9b; font-weight:normal}
.clist td.export a:hover {text-decoration: underline;}
.clist .inactive td, .clist .inactive td a, .clist .inactive td a:visited, .clist a.noname, .clist .noname {color: #9b9b9b;}
.clist td .comments {font-weight:normal; color: #9b9b9b;}
.clist .clickable {cursor: pointer }
.clist tr.hover:hover {background: url(../i/tdhbg.png); background-size: 100% 100%}
zzz.clist tr.pnt3 td:last-child {background: url(../i/td3.png) no-repeat 100% 50%;}
.clist tr.goto td:last-child { padding-right:25px; background: url(../i/gotoarr.png) no-repeat 100% 50%;}
.clist td:last-child {padding-right:0}
.clist td.right {text-align: right}
.clist td.main {font-weight: bold}
.clist .my {font-size:120%}

.clist td .change { position: absolute; color: #d3d3d3; display: inline-block; margin: -7px 0 0 4px; }
.clist td .change.nosup {margin-top:0}
.clist .sz td .change { position: relative; display: inline; top: -7px; }
.about sup.change {color: #d3d3d3;}
.clist td .change.minus {color: #c4262e;}

.clist .warn td a, .clist .warn td a:visited{color: #c4262e;}
.clist .disabled td a, .clist .disabled td a:visited{color: #a0a0a0;}

.clist .dotmenu:hover .dotmenu_body {height: 26px; background: white; top: -6px; padding: 5px 10px 5px 10px;}
.clist .dotmenu_body .dots {background: url(../i/td3.png) no-repeat 100% 50%; margin-right:3px; margin-left: 1px; width: 10px; display: inline-block; height: 22px;}

.clist td.row_index {width:0; padding-right: 5px}

.subclist {margin-top: 30px;}
div.subclist .label {color: #363636;font-weight: bold;}

.vlist th { color: #e5e5e5; white-space: nowrap; text-align: left;  padding-right: 15px; }
.vlist tr { vertical-align: top; }

.path a { color: #9b9b9b; text-decoration: none; }
.path a:hover{text-decoration: underline}
.path .point {color: #9b9b9b; font-size: 19px; font-weight: normal; padding: 0 5px;}


table.nobrdr {border-collapse: collapse;}
table.nobrdr td {border-collapse: collapse; padding:0}
table.cols2 {width:100%}
table.cols2 td {width: 50%; vertical-align: top}
table.cols2 td.gap {min-width: 40px;width: 0;}

table.cols2.cborder > tbody > tr >td:first-child{ border-right: solid 1px #e5e5e5;}
table.cols2.mid td {vertical-align: middle}

table.cols2 > tbody > tr > td.ntgap:first-child { padding-right: 20px; }
table.cols2 > tbody > tr > td.ntgap:last-child { padding-left: 20px; }
table.cols2.cborder > tbody > tr > td.ntgap:first-child { padding-right: 40px; }
table.cols2.cborder > tbody > tr > td.ntgap:last-child { padding-left: 40px; }


table.cols3 {width:100%}
table.cols3 td {width: 33%; vertical-align: top}
table.cols3 td.gap {min-width: 40px;width: 0;}
table.cols3 td.col2 {width: 64px}

table.cols3.cborder > tbody > tr >td:not(:last-child){ border-right: solid 1px #e5e5e5;}
table.cols3.mid td {vertical-align: middle}


table td.agap {padding: 30px 40px;}
table td.ntgap {padding: 0px 40px 30px;}
table td.lrgap {padding: 0 40px}
table td.lgap {padding-left: 40px}
table td.rgap {padding-right: 40px}
table td.lsgap, table td.lsgap_notfirst {padding-left: 20px}
table td[style*="none"] + td.lsgap_notfirst {padding-left: 0px}
table td.rsgap {padding-right: 20px}

table td.lbtngap {padding-left: 10px}



.tgframe {padding: 30px 40px; background-color: #f7f7f7;  border-bottom: solid 1px #e9e9e9; }
.lgap {margin-left: 40px;}
.action_hint {font-weight: 500;}


ul.steps { margin: 0; background: #f7f7f7; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; }
ul.steps li {display: inline-block; background: #f7f7f7; list-style-type: none; height: 62px; font-weight: bold; text-transform: uppercase; font-size: 11px; line-height: 62px; position: relative; padding-right:45px}
ul.steps .num { margin: 0 15px 0 40px; color: #e5e5e5; border: solid 2px #e5e5e5; border-radius: 15px; padding: 2px 9px; font-size: 14px}
ul.steps .arrow {display: block; width:16px; height: 64px; position: absolute; top: -1px; right: -16px; background: url(../i/step_u.png); z-index: 100;}
ul.steps li.active { background-color: #ffffff}
ul.steps li.active .arrow { background-image: url(../i/step_a.png) }
ul.steps li.active .num {color:#c4262e; border-color: #c4262e}
ul.steps li:first-child .num {margin-left: 40px}

.step_buttons { margin-top: 30px; }
.step_buttons input[type="button"] {width: 230px;}
.step_buttons input[type="button"].step_next {text-align:left; background-image: url(../i/next_rarr.png); background-repeat: no-repeat; background-position: 180px 50%; float: right;}
.step_buttons input[disabled].step_next { background-image: url(../i/next_barr.png);}
.step_buttons input[type="button"].step_back {text-align:right; background-image: url(../i/back_garr.png); background-repeat: no-repeat; background-position: 30px 50%; border: solid 1px #e5e5e5}
.step_buttons.first_step .step_back {display: none}
.step_buttons.last_step .next_back {display: none}
ul.steps.last_step {background-color: #ffffff}

.for_manual {display: none}
.has_manual .for_manual {display: block}
.has_manual td.for_manual {display: table-cell;}
.has_not_manual .for_manual, .has_not_manual td.for_manual {display: none;}


.step_ctrl > * {display:none}
.step_ctrl.step1 > table.step1 {display:table; width:100%}
.step_ctrl.step2 > table.step2 {display:table; width:100%}
.step_ctrl.step3 > table.step3 {display:table; width:100%}
.step_ctrl.step4 > table.step4 {display:table; width:100%}
.step_ctrl.step1 > div.step1 {display: block}
.step_ctrl.step2 > div.step2 {display: block}
.step_ctrl.step3 > div.step3 {display: block}
.step_ctrl.step4 > div.step4 {display: block}

textarea.step_fullh {height:400px}
textarea.step_fullh-1 {height:306px}
textarea.step_fullh-2 {height:212px}

.lsubmenu { width: 232px; float: left; border-right: solid 1px #e5e5e5; background-color: #ffffff}
.with_lsubmenu {margin-left: 232px; border-left: solid 1px #e5e5e5; background-color: #ffffff}

.rsubmenu { width: 232px; float: right; border-left: solid 1px #e5e5e5; background-color: #ffffff}
.with_rsubmenu {margin-right: 232px; border-right: solid 1px #e5e5e5; background-color: #ffffff}

.lsubmenu ul.submenu {padding: 0; margin: -1px 0 0 -1px; font-weight: bold; text-transform: uppercase; font-size: 11px;}
.lsubmenu ul.submenu li {list-style: none; border-bottom: solid 1px #e5e5e5; background-color: #f7f7f7; padding: 23px 10px 20px 56px; cursor:pointer}
.lsubmenu ul.submenu a {text-decoration: none; }
.lsubmenu ul.submenu .current { background-color: #ffffff; border-right: #c4262e solid 3px; margin-right: -1px;}

ul.submenu > li.projects {background: #f7f7f7 url(../i/projects.png) no-repeat 20px 17px;}
ul.submenu > li.fetches {background: #f7f7f7 url(../i/fetches.png) no-repeat 20px 17px;}
ul.submenu > li.files {background: #f7f7f7 url(../i/files.png) no-repeat 20px 17px;}
ul.submenu > li.lists {background: #f7f7f7 url(../i/lists.png) no-repeat 20px 17px;}

ul.submenu > li.current.projects {background: url(../i/projects_cr.png) no-repeat 20px 17px;}
ul.submenu > li.current.fetches {background: url(../i/fetches_cr.png) no-repeat 20px 17px;}
ul.submenu > li.current.files {background: url(../i/files_cr.png) no-repeat 20px 17px;}
ul.submenu > li.current.lists {background: url(../i/lists_cr.png) no-repeat 20px 17px;}

.info {font-size: 18px; font-weight: bold; margin-bottom: 30px;}
.comment {margin-bottom: 30px;}

.header .path {margin: 0}
.header .subheader_info { margin: 25px 0; }
.header .subheader_info span {margin-right: 30px; display: inline-block;}
.header .subheader_info span.right {float:right}
.header .subheader_info span a {cursor:pointer}
.header .subheader_info span a:hover {text-decoration: underline}
.header .subheader_info span.important {font-weight: bold}

.header .blocks {display: table; width: 100%;}
.header .blocks > div {display: table-cell; vertical-align: top;}
.header .blocks > div.path { width: 100%; }
.header .blocks > div.buttons {white-space: nowrap;}

.buttons a .ibtn  {display:inline-block; width:24px; height:24px; margin: 0px 10px -7px -15px;  cursor:pointer}

.header .blocks .dotmenu {margin-top:9px}
.header .blocks .dotmenu:hover .dotmenu_body {height: 26px; background: white; top: -6px; padding: 5px 10px 5px 10px;}
.header .blocks .dotmenu_body .dots {background: url(../i/td3.png) no-repeat 100% 50%; margin-right:3px; margin-left: 1px; width: 10px; display: inline-block; height: 22px;}

.header .buttons .btn {margin-left: 10px;}

#qsrc_container { padding-top: 30px; padding-bottom: 30px; padding-left:30px; min-height: 430px;}
#qsrc_container div.btns {text-align:center}

#qsrc_querylist {width: 45%;float: right;height: 430px;overflow-y: scroll;overflow-x: hidden; border: solid 1px #e5e5e5; background-color: #f7f7f7;margin-right: 40px; margin-left:30px}
#qsrc_querylist li { list-style-type: none; white-space: nowrap }
#qsrc_querylist ul { padding-left: 15px; margin: 15px 0; }

#dlg_shadow { background-color: #0a0a0a; width:100vw; height:100vh; position:fixed; top:0; left:0; opacity:0.9; z-index:2000; }
#dlg_form { position: absolute;  width: 562px; left:50%; margin: 0 0 0 -281px; background-color: #f5f5f5; z-index:3000}
#dlg_form.wide {width: 1200px; margin-left: -600px;}
#dlg_form .subheader_info {margin-top: -25px; color: #9b9b9b}
#dlg_form .subheader_info span {margin-right: 30px; display: inline-block}
#dlg_form .subheader_info span.important {font-weight: bold}
#dlg_form .close {position: absolute; top: -28px; right: -28px; width:20px; height:20px; cursor:pointer; background: url('../i/dlg_close.png') no-repeat 50% 50%;}

.dlg_main { margin: 0; padding: 30px 40px; background-color: #ffffff;}
.dlg_main h2 { font-size: 24px }
.dlb_btn_block {margin-top:32px; min-height: 40px;}
.dlb_btn_block input.main {float: right}

.dlg_subblock_header {font-size: 20px; font-weight: bold; margin-top: 60px; padding-bottom:10px; border-bottom: solid 1px #e5e5e5;}

#dlg_form ul.htabs {padding-left:0}

#dlg_form option.other {color:#c9c9c9}

#dlg_form .scroll {height:50vh; overflow: auto}
#dlg_form .mscroll {max-height:50vh; overflow: auto}

.dlg_main .btn.sec, .dlg_main .btn.secondary {float:right}
.dlg_main .btn_link { float: right; cursor: pointer; font-weight: bold; text-transform: uppercase; letter-spacing: 0.7px;  font-size: 11px; color: #c4262e; padding: 10px 0;}

.dlg_main .submiting .btn {border-color: #dddddd; background-color: #dddddd; color: #ffffff;}
.dlg_main .submiting .btn.sec {border-color: #ffffff; background-color: #ffffff; color: #dddddd;}

.dlg_main .dlg_scroll { max-height: 50vh;  overflow: auto; }

.dlg_message .example.h2 { font-size: 110%; font-weight: bold; }
.dlg_message .example.h3 { font-weight: bold; padding-left: 15px; }
.dlg_message .example.h4 { padding-left: 30px; }

.optional > .option {display: none}
.optional > .option.current {display: block}

.warn, .warn a, .warn a:visited, .dlg_err_msg{color: #c4262e;}
.nohl {color: #a0a0a0}
.crp {color: #bbb; margin-left: 2px;}
.dlg_main .dlg_err_msg {display: none}
.dlg_main .dlg_error .dlg_err_msg, .dlg_main .dlg_error.dlg_err_msg {display:block;}

.disabled {color: #a0a0a0;}

#qsrc_querylist .notfound {font-weight: bold; color: #c4262e;}
#qsrc_querylist .noserps { color: #c4262e;}
#qsrc_querylist img[src="i/aloader.gif"] {padding:15px}

.dlg_container {max-height:250px; overflow-y: auto;}

#qlst_container { padding: 0px 40px; height: 450px; overflow-y: auto; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
.qlst_dlg .qlst_stat {margin: 15px 352px 30px 40px;}
.qlst_dlg .qlst_stat div { float: left; margin-right: 40px; margin-bottom: 30px;}

.dlg_rfilters_frames > tbody > tr > td:last-child { width: 200px; padding-left: 30px; border-left: solid 1px #e5e5e5; vertical-align: top; }
.dlg_rfilters_frames > tbody > tr > td:first-child { width: 100%; vertical-align: top;}
.dlg_rfilters_frames { border-collapse: collapse;}
.dlg_rfilters_frames > tbody > tr > td:last-child input[type="button"] {width:100%}


.aview_dlg.dlg_container { height:580px; max-height:580px; padding: 30px 0 0}
.aview_dlg.dlg_container .checklist {border: solid 1px #e5e5e5; padding: 10px; height: 349px;overflow-y: auto;}
.aview_dlg.dlg_container .checklist.short {height: 170px;}
.aview_dlg.dlg_container .dlg_container_scroll_block { overflow-y: auto; max-height: 490px; height: 490px; padding-top: 30px; padding-right:30px}
.aview_dlg.dlg_container .dlg_rfilters_frames {margin: -30px 0;}

#current_aview_restart_btn {  margin-left: 20px; }

.aview_dlg .v1 .v2 {display:none;}
.aview_dlg .v2 .v1 {display:none;}

.aview_dlg .fline.flleft.stat {margin-top: 11px;}


.rlist tr.has, .rlist tr.has a, .rlist tr.has a:visited {color: #c0c0c0}
.rlist tr.none, .rlist tr.none a, .rlist tr.none a:visited {color: #c0c0c0}
.rlist tr.hi, .rlist tr.hi a, .rlist tr.hi a:visited {color: red}
.rlist tr.low a, .rlist tr.low a:visited{color: black}
.rlist tr.critical, .rlist tr.critical a, .rlist tr.critical a:visited {color: red}


.save_report_block { float: right; margin-top: 7px;}
.save_report_block .subheader_info {tetx-align:right}

#current_aview_top_btns_block .info { margin-top: 10px; margin-bottom: 0; }

.rtth_dlg.dlg_container {height:400px; max-height:400px}
.rtth_dlg.dlg_container img {max-width:100%}

.dotmenu { width: 10px; float: right; height: 24px; background: url(../i/td3.png) no-repeat 50% 50%; cursor: default; margin-left:10px; position:relative}
.path .dotmenu { margin-top: 8px }

.dotmenu .dotmenu_body {display: none; position: absolute; right: -10px; top: -12px; padding: 5px 30px 5px 10px; box-shadow: 0 0 30px rgba(20,20,20,0.3); }
.dotmenu:hover .dotmenu_body {display: block; white-space: nowrap; height: 38px}
.dotmenu .dotmenu_body a.ibtn {width: 24px; height: 24px; padding:0; cursor:pointer; display: inline-block}
.dotmenu .dotmenu_body a.edit {background: url(../i/edit.png)}
.dotmenu .dotmenu_body a.delete {background: url(../i/delete.png)}
.dotmenu .dotmenu_body a.refresh {background: url(../i/refresh2.png)}
.path .dotmenu .dotmenu_body a.ibtn {margin-top:7px}

.export_link a {padding-left: 20px; background: url(../i/export.png) no-repeat; display: inline-block; height: 20px; cursor: pointer }

.qb .navigation, .qb .export_link, .qb .expand_block, .qb br {display:none}

.qb_group { margin-bottom: 30px; }

.qb_details, .qb_details_open { margin: 10px 0 30px 0}
.qb_details .qb_details_button { cursor: pointer; color: #e0e0e0;}
.qb_details .qb_details_button span:hover {color: #c4262e;}

.qb_details table{display:none}
.qb_details .close{display:none}

.qb_details_open .open{display:none}
.qb_details_open .close span, .qb_details .open span { color: #a0a0a0; cursor: pointer;}
.group_id {font-weight:bold; font-size:20px; padding-right: 20px;}
.group_elink.same a, .group_elink.same a:visited { color: #d0d0d0 }
.mg_list {padding-left:30px; color:#909090}
.qb_details div.close  {margin-bottom: 10px}
.minor {color:#909090}
.qb_group .classify{padding-left:30px; color:#909090; text-align:left;}
.qb_group .iclass{padding-left:10px; color:#909090; text-align:center;}
.qb_group .cats{padding-left:30px; color:#909090; text-align:left;}
.qb span.classify{padding-left:10px;}

.qb_group td {vertical-align:top;line-height: 14px;padding-bottom: 10px;}
.qb_group .cats pre {margin: 0 0 20px;}
.tg_button {cursor:pointer}
.tg_closed .tg_hide {display:none}
.qb_group .cats .tg_hide {color:#e0e0e0;}

.qbth td { color: #e5e5e5 !important; font-size: 11px; text-align: left !important;  font-weight: bold; padding-bottom: 5px; text-transform: uppercase;}
.qbth td .small { font-weight: normal;  font-size: 9px;  color: #d0d0d0; margin-bottom: -10px; }

.qb_group .es_tagrets .pname { font-weight: bold; font-size: 11px; }

.qp > tbody > tr > td { padding: 30px 40px; }
.qp {margin: 30px auto;  min-width: 1000px;}
.qp .navigation, .qp .export_link {display: none;}
.qp .navigation + br {display:none}

.qp .list .main {background: #f0f0f0; font-weight:bold;}
.qp .list .unknown {color: #a0a0a0; font-style:italic;}
.qp .list .warn {color: #808080;}
.qp .list .unknown.warn {color: #ffa0a0;}
.qp .list tr:hover {background: #f8f8f8}

.qp .list th a[order] {cursor:pointer; color: #808080}
.qp .list th a.current {color: #383838}
.qp .list th a.uarr {padding-right: 13px; background: url(../i/suarr2.png) no-repeat 100% 3px; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
.qp .list th a.darr {padding-right: 13px; background: url(../i/sdarr2.png) no-repeat 100% 3px; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
.qp .list th a.uarr.current{background-image: url(../i/scuarr2.png)}
.qp .list th a.darr.current{background-image: url(../i/scdarr2.png)}

.qp .list td:not(:first-child) {text-align:center}

.qp_ct .label {position:relative; top: 3px}
.qp_ct .label .chk {margin:0}
.qp_ct .not_perspective {background: #f0f0f0}
.qp_ct .spec_perspective {background: #F08080}

.qp_ct tr:hover {background: #f8f8f8}
.qp_ct tr.not_perspective:hover  {background: #e8e8e8}
.qp_ct tr.spec_perspective:hover  {background: #F06060}

.qp_ct select.spec_type {background: #F06060}
.qp_ct select.spec_type option {background: #ffffff}
.qp_ct select.corrected_value {font-style: italic; font-weight: normal}
.qp_ct select.corrected_value option {font-style: normal}
.qp_ct option.assessed_value {font-weight: bold}

.qp_ct select option {font-weight: normal}
.qp_ct select {margin: 0 -8px; padding-top: 2px; padding-bottom: 2px; background-position-y: 10px}
.qp_ct .list td {padding: 2px 10px; height: 30px}

.bb > tbody > tr > td { padding: 30px 40px; }
.bb {margin: 30px auto;  min-width: 1000px; width: 1000px}
.bb .list {width:100%}

.bb .risk3 .risk_value, .bb .risk4 .risk_value {font-weight:bold}
.bb .risk4, .bb .risk5, .bb .risk4 a, .bb .risk5 a {color: #c4262e}
.bb .risk5 {font-weight:bold}


.yandex_gradient_0             {background-color: #FFFFFF; }
.yandex_gradient_1             {background-color: #FEF8F1; }
.yandex_gradient_2             {background-color: #FDEDDD; }
.yandex_gradient_3             {background-color: #FCE1C6; }
.yandex_gradient_4             {background-color: #FBD3AC; }
.yandex_gradient_5             {background-color: #FAC591; }
.yandex_gradient_6             {background-color: #F9B675; }
.yandex_gradient_7             {background-color: #F8A85B; }
.yandex_gradient_8             {background-color: #F79C44; }
.yandex_gradient_9             {background-color: #F69130; }

.google_gradient_0             {background-color: #FFFFFF; }
.google_gradient_1             {background-color: #FEF7FE; }
.google_gradient_2             {background-color: #FCECFC; }
.google_gradient_3             {background-color: #FACCFA; }
.google_gradient_4             {background-color: #F8BCF8; }
.google_gradient_5             {background-color: #F6ACF6; }
.google_gradient_6             {background-color: #F49CF4; }
.google_gradient_7             {background-color: #F28EF2; }
.google_gradient_8             {background-color: #F082F0; }
.google_gradient_9             {background-color: #ED7AED; }

.mail_gradient_0             {background-color: #FFFFFF; }
.mail_gradient_1             {background-color: #F7FEFE; }
.mail_gradient_2             {background-color: #ECFCFC; }
.mail_gradient_3             {background-color: #CCFAFA; }
.mail_gradient_4             {background-color: #BCF8F8; }
.mail_gradient_5             {background-color: #ACF6F6; }
.mail_gradient_6             {background-color: #9CF4F4; }
.mail_gradient_7             {background-color: #8EF2F2; }
.mail_gradient_8             {background-color: #82F0F0; }
.mail_gradient_9             {background-color: #7AEDED; }

.m_yandex_gradient_0             {background-color: #FFFFFF; }
.m_yandex_gradient_1             {background-color: #FEF8F1; }
.m_yandex_gradient_2             {background-color: #FDEDDD; }
.m_yandex_gradient_3             {background-color: #FCE1C6; }
.m_yandex_gradient_4             {background-color: #FBD3AC; }
.m_yandex_gradient_5             {background-color: #FAC591; }
.m_yandex_gradient_6             {background-color: #F9B675; }
.m_yandex_gradient_7             {background-color: #F8A85B; }
.m_yandex_gradient_8             {background-color: #F79C44; }
.m_yandex_gradient_9             {background-color: #F69130; }

.m_google_gradient_0             {background-color: #FFFFFF; }
.m_google_gradient_1             {background-color: #FEF7FE; }
.m_google_gradient_2             {background-color: #FCECFC; }
.m_google_gradient_3             {background-color: #FACCFA; }
.m_google_gradient_4             {background-color: #F8BCF8; }
.m_google_gradient_5             {background-color: #F6ACF6; }
.m_google_gradient_6             {background-color: #F49CF4; }
.m_google_gradient_7             {background-color: #F28EF2; }
.m_google_gradient_8             {background-color: #F082F0; }
.m_google_gradient_9             {background-color: #ED7AED; }


.elink_gradient_0             {background-color: #FFFFFF; }
.elink_gradient_1             {background-color: #FEFEF7; }
.elink_gradient_2             {background-color: #FCFCEC; }
.elink_gradient_3             {background-color: #FAFACC; }
.elink_gradient_4             {background-color: #F8F8BC; }
.elink_gradient_5             {background-color: #F6F6AC; }
.elink_gradient_6             {background-color: #F4F49C; }
.elink_gradient_7             {background-color: #F2F28E; }
.elink_gradient_8             {background-color: #F0F082; }
.elink_gradient_9             {background-color: #EDED7A; }

.site_gradient_0             {background-color: #FFFFFF; }
.site_gradient_1             {background-color: #F7FEFE; }
.site_gradient_2             {background-color: #ECFCFC; }
.site_gradient_3             {background-color: #CCFAFA; }
.site_gradient_4             {background-color: #BCF8F8; }
.site_gradient_5             {background-color: #ACF6F6; }
.site_gradient_6             {background-color: #9CF4F4; }
.site_gradient_7             {background-color: #8EF2F2; }
.site_gradient_8             {background-color: #82F0F0; }
.site_gradient_9             {background-color: #7AEDED; }

.antigradient_0             {background-color: #FFFFFF; }
.antigradient_1             {background-color: #F7F7FF; }
.antigradient_2             {background-color: #ECECFF; }
.antigradient_3             {background-color: #CCCCFF; }
.antigradient_4             {background-color: #BCBCFF; }
.antigradient_5             {background-color: #ACACFF; }
.antigradient_6             {background-color: #9C9CFF; }
.antigradient_7             {background-color: #8E8EFF; }
.antigradient_8             {background-color: #8282FF; }
.antigradient_9             {background-color: #7A7AFF; }

.red_gradient_0             {background-color: #FFFFFF; }
.red_gradient_1             {background-color: #FFF7F7; }
.red_gradient_2             {background-color: #FFECEC; }
.red_gradient_3             {background-color: #FFCCCC; }
.red_gradient_4             {background-color: #FFBCBC; }
.red_gradient_5             {background-color: #FFACAC; }
.red_gradient_6             {background-color: #FF9C9C; }
.red_gradient_7             {background-color: #FF8E8E; }
.red_gradient_8             {background-color: #FF8282; }
.red_gradient_9             {background-color: #FF7A7A; }

.green_gradient_0, .stat_gradient_0             {background-color: #FFFFFF; }
.green_gradient_1, .stat_gradient_1             {background-color: #F7FFF7; }
.green_gradient_2, .stat_gradient_2             {background-color: #ECFFEC; }
.green_gradient_3, .stat_gradient_3             {background-color: #CCFFCC; }
.green_gradient_4, .stat_gradient_4             {background-color: #BCFFBC; }
.green_gradient_5, .stat_gradient_5             {background-color: #ACFFAC; }
.green_gradient_6, .stat_gradient_6             {background-color: #9CFF9C; }
.green_gradient_7, .stat_gradient_7             {background-color: #8EFF8E; }
.green_gradient_8, .stat_gradient_8             {background-color: #82FF82; }
.green_gradient_9, .stat_gradient_9             {background-color: #7AFF7A; }


div.chart { width: 710px; height: 250px }
div.lchart { width: 900px; height: 500px }
div.subchart { width: 100%; height: 250px }
div.subchart_title {font-weight:bold; text-align:center;}

span.priority_9 {background: none; font-weight:bold;}
span.priority_5 {background: none; font-weight:bold;}

.hcol_tabs div {
    display: inline-block;
    min-width: 70px;
    cursor:pointer;     font-size: 12px;
    text-align: center;
    background-color: #cccccc;
    color: #222222;
    padding: 4px;
    border: 1px solid #888888;
    opacity: 0.2;
    margin: 2px;
}

.hcol_tabs {
    text-align: center;
    margin-bottom: 5px;
}

.row_control_buttons {
     margin: 10px 0 5px 0;
     height: 16px;
     display: inline-block;
     float: left;
}

div.results {padding:10px}

.results .list caption {height:65px}
.results .hcol_tabs div { margin-top:20px;}

.results .navigation {margin: 30px 0}
.results ._list:first-child {display:none}
.results ._list td:nth-child(8) { padding-right: 40px; }

.list { border-collapse:collapse; }

.list td {
    padding:2px;
    border:1px solid #888888;
}

.list td.num {
    white-space:nowrap;
    text-align:right;
}

.list th {
    font-size: 12px;
    text-align:middle;
    background-color:#cccccc;
    color:#222222;
    padding:4px;
    border:1px solid #888888;
}

.list .no_checked {background-color:#ccffcc;}
.list .all_checked {background-color:#e8e8e8;}
.list .part_checked {background-color:#f8e878;}
.list .odd {background-color:#f0f0f0;}
.list .tag_row {font-weight:bold;}
.list .selected, .list .selected_tag_row {font-weight:bold; font-style:italic;}
.list .invtag_row {font-weight:bold;color:#A00000}
.list .inv, .list .inv a {color:#A00000}
.list .selected_inv, .list .selected_invtag_row, .list .selected_inv a, .list .selected_invtag_row a {font-weight:bold; font-style:italic;color:#A00000}

.list .clickable {cursor: pointer }
.list tr.hover:hover {background: url(../i/tdhbg.png); background-size: 100% 100%}

.checklist .query { font-size: 120%;font-weight: bold; margin-bottom: 10px;}
.tabn { width: 25px; display: inline-block; }

.extendable .ext { display: none;}
.extendable.extshow .ext {display:block;}

.checklist .query_block { margin-bottom: 45px; }
.checklist .query_block .query .restore_btn { display:none }
.checklist .query_block .query  .exclude_btn { display:none }
.checklist .query_block.exclude .query  {text-decoration: line-through; color: #9b9b9b}
.checklist .query_block.exclude .fline.chkbox { display:none }
.checklist .query_block .query:hover .exclude_btn { display:block; float:right; margin-top:8px; width:16px; height:16px; background: url(../i/cross_cr.png) no-repeat 50% 50%; }
.checklist .query_block.exclude .query:hover .restore_btn { display:block; float:right; margin-top:8px; width:16px; height:16px; background: url(../i/plus_cr.png) no-repeat 50% 50%; }
.checklist .query_block.exclude .query:hover .exclude_btn { display:none }


@media screen and (max-width:1320px) {
    .subbtnblock.aq_url .fline.checkbox.flright {  margin-left: 67px; }
}

.aq_dlg.dlg_container { height:350px; max-height:350px; padding: 30px 0 0}
/* .hlp_subcontainer {height:350px; max-height:350px;overflow: auto;} */

.aq_text {font-size: 16px}
.aq_text .g {color: #02e878}
.aq_text .d {color: #02c048}
.aq_text .b {color: #709070}
.aq_text .m {color: #db8c73}
.aq_text .r, .aq_text .u {color: #ed1c24}
.aq_text .s, .aq_text .p {color: #c0c0c0}
.aq_text .q, .h {font-weight: bold}
.aq_text .f {text-decoration: underline}
.aq_text .s.f {text-decoration: none}
.aq_text .x {font-style: italic}
.aq_text .label {color: #a0a0a0}

.aq_text .cp.u7 {color: #8767a6}
.aq_text .cp.u6 {color: #02c378}
.aq_text .cp.u5 {color: #1cbbb4}
.aq_text .cp.u4 {color: #7687e2}
.aq_text .cp.u3 {color: #bf2bbc}
.aq_text .cp.u2 {color: #bfbd2c}
.aq_text .cp.u1 {color: #ed1c24}
.aq_text .cp {color: #a0a0a0}


table.legend { border-collapse: collapse; margin-bottom: 15px; width: 100%}
table.legend.active {cursor: pointer; }
.legend .bul {display: block; width: 17px; height: 19px; border-radius: 14px; padding: 1px 0 0 4px; border: solid 1px #d5d5d5;margin-top: -2px}
.legend td {padding: 5px;}
.legend td:first-child {width:0; vertical-align:top}
.legend td.right {text-align:right}
.aq_text .about {font-size:14px}
.aq_text .about p {margin-top: 0; margin-bottom: 5px}
.aq_text .about p:last-child {margin-bottom: 0}

.aq_text .bul.g {background-color: #02e878; border-color: #02e878;}
.aq_text .bul.d {background-color: #02c048; border-color: #02c048;}
.aq_text .bul.b {background-color: #709070; border-color: #709070;}
.aq_text .bul.m {background-color: #db8c73; border-color: #db8c73;}
.aq_text .bul.r {background-color: #ed1c24; border-color: #ed1c24;}
.aq_text .bul.s {background-color: #c0c0c0; border-color: #c0c0c0;}
.aq_text .bul.cp {background-color: #ed1c24; border-color: #ed1c24}

.aq_text .bul.u1 {background-color: #ed1c24; border-color: #ed1c24;}
.aq_text .bul.u2 {background-color: #bfbd2c; border-color: #bfbd2c;}
.aq_text .bul.u3 {background-color: #bf2bbc; border-color: #bf2bbc;}
.aq_text .bul.u4 {background-color: #7687e2; border-color: #7687e2;}
.aq_text .bul.u5 {background-color: #1cbbb4; border-color: #1cbbb4;}
.aq_text .bul.u6 {background-color: #02c378; border-color: #02c378;}
.aq_text .bul.u7 {background-color: #8767a6; border-color: #8767a6;}


.bul.warn {background-color: #c4262e;border-color: #c4262e;}
.bul.nohl {background-color: #a0a0a0;border-color: #a0a0a0;}
.bul.black {background-color: #363636;border-color: #363636;}

.clist td .aq_text a.s,  .clist td .aq_text a.s:visited {color: #c0c0c0;}
.clist td .aq_text a.label,  .clist td .aq_text a.label:visited {color: #a0a0a0;}

.hlp_subcontainer .about .ibtn.toggle { display: inline-block; width: 16px; height: 16px; background: url(../i/close.png) no-repeat; cursor: pointer;  margin-top: -16px; float: right;  margin-right: -16px; }
.hlp_subcontainer .about .ibtn.toggle:hover {background-position-y:-16px}
.hlp_subcontainer .about.closed .ibtn.toggle {background-image: url(../i/hrarr.png); background-position: -9px 0; width: 9px;}
.hlp_subcontainer .about.closed .ibtn.toggle:hover {background-position-x:-27px}
.about.closed > * { display: none; }
.hlp_subcontainer .data_container > div.about.closed { width: 0px; padding-left: 9px;}
.hlp_subcontainer .about.closed .float_col_double {display: none !important;}

#aqdlg_links_block .about .fline.checkbox { display: inline;  margin: 0 12px 0 0; line-height: 40px}
#aqdlg_links_block .about.closed .fline.checkbox { display: none; }
#aqdlg_links_block .hlp_subcontainer .data_container > div.about hr {height: 2px;  color: #d9d9d9; background-color: #d9d9d9; margin-top:8px}

.float_col_double {background: #fff}

.hl_s span.s, .hl_s .legend_row_s,
.hl_g .g, .hl_g .legend_row_g,
.hl_d .d, .hl_d .legend_row_d,
.hl_b .b, .hl_b .legend_row_b,
.hl_m .m, .hl_m .legend_row_m,
.hl_r .r, .hl_r .legend_row_r,
.hl_q .q, .hl_q .legend_row_q,
.hl_h .h, .hl_h .legend_row_h,
.hl_h .q, .hl_q .legend_row_h,
.hl_x .x, .hl_x .legend_row_x
{background: #f5f5f5}


.aq_bad_block {margin-top: 15px}
.aq_bb_link {font-weight: bold}
.aq_bb_warn {color: #c4262e;}

.hlp_subcontainer .data_container { display: table; padding: 0; width: 100%; }
.hlp_subcontainer .data_container > div {display: table-cell; vertical-align: top; padding: 30px;}
.hlp_subcontainer .data_container > div.about {background: #ebebeb;  width: 350px;}
.hlp_subcontainer .data_container > div.about .float_col_double {background: #ebebeb;}
.hlp_subcontainer .data_container > div.about hr {  margin: 15px 0px; color: #000; background-color: #000; }
.hlp_subcontainer .about .change {color: #a8a8a8;}
.about .node {font-family: Courier New;}


.prname {font-weight: bold}
.aq_text.prvalue {font-size: 14px}

.text_view { font-size: 16px; width: 900px;  margin: 0 auto; }

.url_content { font-weight: normal; font-size: 14px;  }
.url_content > div { margin-top: 7px; margin-left: 80px; }
.url_content > div > span:first-child {display: inline-block; width: 80px; margin-left: -80px;}



.hint {display: inline-block; position: relative; text-indent: 0;}
.hint .hint_icon {color: #d0d0d0; font-size: 8px; border: #d0d0d0 solid 1px; border-radius: 13px; padding: 0px 4px; position: relative; top: -5px; cursor: default; margin:0}
.hint .hint_text {display: none; color: #363636; position: absolute; width: 800px; background: #fff; padding: 10px 20px; box-shadow: 0 0 30px rgba(20,20,20,0.3); z-index: 100; font-weight: normal}
.hint.middle .hint_text { width: 400px;}
.hint.right .hint_text { right: 0}
.hint .hint_text p {margin: 10px 0;#363636}
.hint:hover .hint_text { display: block; }
.hint.right.inbtn { margin-left: 0px; top: -10px; margin-right: -2px;}



table.mainblock { border-collapse: collapse; width: 100%; }

.head_submenu {margin-bottom: 15px}
.head_submenu .right{float: right}
.head_submenu .btn {display: inline-block}
.head_submenu .back {cursor:pointer; font-size:11px; letter-spacing:0.7px ;text-transform: uppercase; font-weight: bold; display:inline-block}
.head_submenu .back .icon {display: inline-block;width: 17px;height: 17px; background: url(../i/harr.png) -39px -20px no-repeat;margin:12px 10px -5px 0;}
.head_submenu .back:hover {color:#c4262e;}
.head_submenu .back:hover .icon {background-position-x: -1px}
.head_submenu .back a {color: #363636}
.head_submenu .back a:hover {color:#c4262e;text-decoration:none}

.head_submenu .filters .checkbox { display: inline-block; padding-top: 10px; }
.head_submenu select {background-color: #f5f5f5}
.head_submenu select option {background-color: #fff; font-weight: normal;}

.dtflt {display: inline-block}
.dtflt .select, .flt .select { display: inline-block; position: relative; cursor: default}
.dtflt .select .value, .flt .select .value { display: inline-block; padding: 10px 15px; border: solid 1px #e5e5e5; font-size: 15px; width: 100px;  font-weight: bold}
.dtflt .select.wide .value, .flt .select.wide .value {  width: 170px; }
.dtflt .select .tg_icon, .flt .select .tg_icon {position: absolute; top: 18px; right: 15px; display:block; width: 9px; height: 9px; background: url(../i/open_arr2.png) no-repeat; }
/* .dtflt .select:hover .tg_icon, .flt .select:hover .tg_icon {background-position-x: -9px;} */
.dtflt .select .value.grayed, .flt .select .value.grayed {color: #9b9b9b}

.dtflt .select .popup, .flt .select .popup { position: absolute; top: 46px; background-color: #ffffff; width: 216px; list-style-type: none; padding: 0; font-size: 15px; margin-top: -2px; box-shadow: 3px 3px 5px rgba(20,20,20,0.3); display: block;}
.dtflt .select li, .flt .select li {padding: 5px 17px; cursor:pointer}
.dtflt .select li:hover, .flt .select li:hover {color:#c4262e;}
.dtflt .select li.placeholder, .flt .select li.placeholder {color: #c0c0c0;}

.dtflt #calendar td {padding: 0; font-size:11px; letter-spacing:0.7px ;text-transform: uppercase; font-weight: bold;}
.dtflt #calendar td span {padding: 5px; display: inline-block; min-width: 14px; text-align: center;}
.dtflt #calendar table {padding: 10px}
.dtflt #calendar .navygation td {text-align: center}
.dtflt #calendar .navygation td:first-child {text-align: left}
.dtflt #calendar .navygation td:last-child {text-align: right}
.dtflt #calendar .navygation a.prev span, .dtflt #calendar .navygation a.next span {display:none}
.dtflt #calendar .navygation a.prev {background: url(../i/harr.png) no-repeat -38px -19px; display:inline-block; width:19px; height: 19px; margin: 1px 3px;}
.dtflt #calendar .navygation a.next {background: url(../i/harr.png) no-repeat -38px 0; display:inline-block; width:19px; height: 19px; margin: 1px 3px;}
.dtflt #calendar .navygation a.prev:hover, .dtflt #calendar .navygation a.next:hover {background-position-x:0}
.dtflt #calendar .navygation span.prev {background: url(../i/harr.png) no-repeat -19px -19px; display:inline-block; width:19px; height: 19px; padding:0;margin: 1px 3px;}
.dtflt #calendar .navygation span.next {background: url(../i/harr.png) no-repeat -19px 0; display:inline-block; width:19px; height: 19px; padding:0;margin: 1px 3px;}

.dtflt #calendar .months td {text-align: center}
.dtflt #calendar .months td:first-child span {padding-right:1px}
.dtflt #calendar .months td:last-child span {padding-left:1px}

.dtflt #calendar a  {color: #363636; cursor: pointer}
.dtflt #calendar .inact, .dtflt #calendar .inact a  {color: #9c9c9c}
.dtflt #calendar a:hover, .dtflt #calendar .inact a:hover  {text-decoration: none; color: #c4262e;}
.dtflt #calendar .weekdays {color: #9b9b9b}
.dtflt #calendar .inactive {font-weight: normal}
.dtflt #calendar td.curr span {background: #c4262e;border-radius: 19px; color: #fff; padding: 5px 5px 3px;}


.filters_popup_form { position: absolute; background: #ffffff; padding: 15px; z-index: 200; box-shadow: 1px 6px 6px rgba(20,20,20,0.3);}
.filters_popup_form input[type="button"], .filters_popup_form input[type="submit"] {width:100%; text-alignt:center}
.filters_shadow { position: fixed; top: 0; left: 0;  width: 100vw;  height: 100vw; z-index: 199;}

span.vr {display:inline-block; width: 1px; height: 20px; margin: 0 20px -7px; border-left: 1px dotted #bebebe; }

.substat {margin: 20px 0 30px;}
.substat .stblock {font-size:11px; letter-spacing:0.7px ;text-transform: uppercase; font-weight: bold; color: #9b9b9b; float: left; margin-right: 20px}
.substat .stblock .value {text-transform: none; color: #363636}

.center_container { max-width: 1050px; margin: 0 auto; }

#scroll_container { margin: 20px 0 0; overflow:auto }
#scroll_container.nogap {margin:0;}
.cframe #scroll_container { margin-right: -40px; padding-right: 40px; }

.tariffs { font-size: 15px; }
.tariffs #lframe_container {border-right: solid 1px #d3d3d3; width: 365px; padding: 30px 20px;}
.tariffs .supheader, .pay .supheader {font-size:11px; letter-spacing:0.7px ;text-transform: uppercase; font-weight: bold; color: #d3d3d3; margin-bottom: 10px}
.tariffs .balance {font-size: 24px; font-weight:bold; margin-bottom:25px;}
.tariffs #lframe_container hr {margin: 30px -20px}
.tariffs .main.balance, .pay .main.balance {font-size: 30px;margin-bottom: 15px; font-weight:bold;}
.tariffs #lframe_container .btn { display: inline-block; margin-bottom: 20px;}
.tariffs #lframe_container .remains {margin-bottom:25px}
.tariffs #lframe_container .checkbox {margin-bottom:35px; margin-top:20px}
.precent_block {background: #FFF;border-radius: 5px;}
.precent_block span { display: block; height: 7px; background-color: #000; border-radius: 5px;}

.remains .days {text-align:right}
.precent_block.inverted {background-color: #000;}
.precent_block.inverted span {background-color: #FFF; margin-left:auto}

.dlg_main .precent_block { border: solid 1px #c4262e; margin-top: 15px; }
.dlg_main .precent_block span { background-color: #D3d3d3 }


.tariffs #main_container {overflow:auto;padding:0 30px}
.tariffs #main_container .main { font-size:18px }
.tariffs #lframe_container .btn { display: inline-block; margin-bottom: 20px; }

.tariffs .main { font-size: 27px; font-weight: bold; margin-bottom: 25px;}

.tariffs.mainblock .current {min-width:300px; background: #ffffff; box-shadow: 0 10px 10px rgba(20,20,20,0.3); padding: 20px;}
.tariffs.mainblock .current .red { background: #c4262e; padding: 30px 20px; margin: -20px -20px 20px; color: #fff; }
.tariffs.mainblock .current .label {color: #ffffff;}
.tariffs.mainblock .current .btn {  width: 232px;  text-align: center;  margin-bottom: 15px; }

.tgroup > div {  display: table-cell; padding:30px; vertical-align: top;}
.tgroup > div.lblock {width:30%}
.tgroup > div.rblock {width:35%}
.tgroup > div.cblock {width:35%; padding: 30px 0;}
.tgroup .lprice {margin-bottom:15px; font-weight: 500}
.tgroup { display: table; width: 100%;border: solid 1px #d3d3d3; margin: 0 auto -1px; max-width: 820px; background:#fff}
.tgroup:last-child { margin-bottom: 30px; }

.tgroup:hover {border-color:#c4262e; position: relative;}
.tgroup:hover:last-child{ margin-bottom: 30px; }
.tgroup:hover .main {color:#c4262e;}



.tgroup .flt .select {display:block}
.tgroup .flt .select .value {display:block; width:auto}
.tgroup .flt .select li {cursor: pointer}
.tgroup .flt .select .popup { width: 100%; }
.tgroup .rblock input { width: 100%; }
.tgroup .prolong_info {font-weight: bold; text-align:right}
.tgroup .prolong_info .subinfo {font-weight: normal; color:#9b9b9b}
.tgroup input.btn:not([disabled]) {color: #c4262e; background-color:#ffffff}
.tgroup:hover input.btn:not([disabled]) {color: #ffffff; background-color:#c4262e}

.scroll .tgroup > div.lblock, .scroll .tgroup > div.rblock, .scroll .tgroup > div.cblock { display: block; width: auto;}
.scroll .tgroups.container { width: 1144px; overflow: hidden; }
.scroll .tgroup { min-width: 284px; height: 390px; display: table-cell; }
.scroll .tgroups.slider {display: table; transition: margin-left 0.5s;}
.scroll .tgroup .main { margin-bottom: 0; }
.scroll .tgroup:hover { box-shadow: none; background: #ffffff; }
.scroll .tgroup .t_about { min-height: 85px; }
.scroll .tgroup .lblock { height: 70px; }
.scroll .tgroup .cblock { padding: 30px 30px 0 30px;min-height: 175px;}
.scroll .tgroup .rblock .fline { margin: 0 }
.tariffs .scroll .supheader {font-size: 10px}
.tglist.scroll { position: relative;}
.scroll .tgroup:hover {position: static}

.fullwidth .tgroup > div.lblock {padding-left:120px}
.fullwidth .tgroup > div.rblock {padding-right:140px}
.fullwidth .tgroup {max-width: none;}


.tgr_slide_btn {position: absolute; display: block; top: 185px; width: 16px;height: 16px; padding:10px ;cursor: pointer; background: #c4262e 50% 50% no-repeat; border: 1px solid#c4262e;border-radius:20px;vertical-align: middle;margin-top: -4px;}
.tgr_slide_btn.prev {background-image: url(../i/left_arr_wt.png);left: -20px;}
.tgr_slide_btn.next {background-image: url(../i/right_arr_wt.png);right: -20px;}
.tgr_slide_btn:hover {background-color: #a31c23; border-color:#a31c23}
.tgr_slide_btn.inactive {border-color:#ffffff; background-color: #d3d3d3; cursor: default;}


.rvw_slide_btn {position: absolute; display: block; top: 210px; width: 16px;height: 16px; padding:10px ;cursor: pointer; background: #c4262e 50% 50% no-repeat; border: 1px solid#c4262e;border-radius:20px;vertical-align: middle;margin-top: -4px;}
.rvw_slide_btn.prev {background-image: url(../i/left_arr_wt.png);left: -20px;}
.rvw_slide_btn.next {background-image: url(../i/right_arr_wt.png);right: -20px;}
.rvw_slide_btn:hover {background-color: #a31c23; border-color:#a31c23}
.rvw_slide_btn.inactive {border-color:#ffffff; background-color: #d3d3d3; cursor: default;}


.reviews.scroll { position: relative; }
.scroll .reviews_scroll_container { width: 1144px; overflow: hidden; }
.scroll .reviews_slider { display: table; transition: margin-left 0.5s;}
.scroll .review_block { display: table-cell; vertical-align: top; }
.scroll .review_block > .mb {margin-top:0 margin-bottom: 0}
.scroll .review_text { height: 285px; }
.scroll .review_block img { margin-right: -30px; }


.mainblock.pay {width: 460px; font-size: 15px; margin: 0 auto}
.pay .data_container .msg {margin-bottom: 30px}
.pay .btn { width: 100%; }

.pay .input input[type=text] {font-size:30px; font-weight: bold}
.pay .measured {position: relative}
.pay .measure {position: absolute; top: 32px; right: 17px; font-size: 30px; font-weight: bold;}

.pay .button2_view_default.button2_tone_default.button2_theme_action::before {background-color: #c4262e; font-size: 15px; font-weight: bold; color: #fff; padding:9px}
.pay .button2_view_default.button2_tone_default.button2_theme_action:not([aria-disabled="true"]):hover {color: #fff; background-color:#a31c23}

.help .contents { width: 340px; padding: 30px 30px 30px 0}
.help .contents .btn {width: 100%; background: #f5f5f5; margin-top: 30px; }
.help .data_container img {max-width:800px}
.help h2 {font-size: 45px; margin-top:0; text-align:left}
.help h3 {font-size: 30px; margin: 60px 0 30px;}
.help h4 {font-size: 24px;}
.help h5 {font-size: 16px;}
.help .data_container, .help .data_container .aq_text {font-size: 15px}



.help ul.helpmenu {list-style-type: none;padding: 0;margin-top: 0; line-height: 20px;}
.help ul.helpmenu > li > div > a {font-size:24px; font-weight:bold;}
.help ul.helpmenu > li > div {border-bottom: #d3d3d3 solid 1px; margin-top: 20px}
.help ul.helpmenu a {font-size:15px;  text-decoration: none; color: #2c2c2c; display: block; margin-bottom: 20px; margin-right:40px}
.help ul.helpmenu a:visited {color: #2c2c2c}
.help ul.helpmenu a:hover {color: #c4262e;}
.help ul.helpmenu ul {list-style-type: none;margin: 14px 0 32px -20px;padding: 14px 0 6px 32px; }
.help ul.helpmenu ul.lvl1 ul {margin-top:8px; margin-bottom:12px}

.help ul.helpmenu span.toggle_btn {display:block; float:right; background: url(../i/pparr.png) no-repeat 0 0; width:16px; height: 9px; margin: 7px 0 0 0; cursor: pointer;}
.help ul.helpmenu span.toggle_btn:hover {background-position-y: -18px;}

.help ul.helpmenu li.toggle > ul {display:none}
.help ul.helpmenu li.toggle.open > ul {display:block}
.help ul.helpmenu li.toggle.open > div > span.toggle_btn {background-position-y: -9px;}
.help ul.helpmenu li.toggle.open > div > span.toggle_btn:hover {background-position-y: -27px;;}

.help ul.helpmenu li.active > a {color: #c4262e;}

.faq .tglabel {font-weight:500; margin-bottom:20px; cursor: pointer}
.faq .open .tglabel {color: #c4262e;}
.faq .toggle {padding: 32px 0 0 0; margin: 32px 0; border-top: solid 2px #e8e8e8;}
.faq .tgbtn {text-align:right}
.faq .tglbl { font-size: 17px}

.faq .tglabel {display: table}
.faq .tglabel span {display: table-cell; width: 100%;}
.faq .tglabel:hover .tglbl {color: #c4262e;border-bottom-color: #ffffff;}
.toggle .tghidden {display:none}
.toggle.open .tgshowed {display:none}
.toggle.open tr.tghidden {display:table-row;}
.toggle.open .tghidden {display:block;}
.faq .toggle .tglabel .tghidden {display:none}
.faq .toggle.open .tglabel span.tghidden {display:table-cell;}
.faq hr {height: 2px}

.toggle .tgbtn {color: #c4262e; cursor: pointer; font-weight: bold}
.toggle .tgbtn:hover {color: #a31c23;}

.faq .feedback .btn {padding: 9px 60px; margin-top: 5px;}
.faq .feedback p {font-size: 22px; font-weight: bold;  margin: 0;}

.faq .goto a {font-size: 15px;   font-weight: bold;   text-decoration: none;   margin-top: 45px;  display: inline-block; }
.faq .goto .icon {display: inline-block; width: 10px; height:15px; background: url(../i/gtarr.png) no-repeat 0 0; margin-bottom: -3px; margin-left: 10px;}
.faq .goto a:hover {color: #c4262e;}
.faq .goto a:hover .icon {background-position-y: -15px;}


.partner #promo_field { width: 220px; display: inline-block; background: #fff; border-color: #fff; color: #363636;}
.partner .fline.promo {text-align:center; margin:30px}


table.tg_rows tr.tgr_parent .tg_icon span { display: block;  width: 17px; height: 9px;  background: url(../i/pparr.png) no-repeat; }
table.tg_rows tr.tgr_parent.open .tg_icon span {background-position-y: -9px;}
table.tg_rows tr.tgr_parent:hover .tg_icon span {background-position-y: -18px;}
table.tg_rows tr.tgr_parent.open:hover .tg_icon span {background-position-y: -27px;}
table.tg_rows tr.tgr_parent td.tg_icon {vertical-align:middle; width:0; padding-right: 5px}

table.tg_rows tr.tgr_parent {cursor:pointer}

table.tg_rows tr.tgr_children {display:none}
table.tg_rows tr.tgr_children.open {display:table-row; background-color:#f5f5f5}

td.w20p {width: 20%}

.outframe { margin-left: -90px;  background: white;  padding: 30px;  margin-top: -30px; box-shadow: 5px 5px 10px -2px rgba(20,20,20,0.3);}

.data_container.report h1 {font-weight: bold}

.data_container.report .subheader_info, .data_container.report .exclude_sites, .data_container.report .exclude_sites + br { display: none; }
.data_container.report .queries_info, .data_container.report .queries_info + br { display: none; }


div.data_container.report h2 {font-size: 20px;text-align: left; margin-top: 30px;}
.fline.rpuselect.flright {max-width: 325px}
.header .fline.flright.rpuselect { margin: 15px 20px 0 20px; }

div.data_container.report .help_link { float: right; text-decoration: none; color: #b6b6b6; font-size: 20px; margin: -15px; border: solid 1px #e5e5e5;  border-radius: 20px; padding: 3px 11px 0; }

div.chart.serial {height: 500px; margin-bottom: 30px; width:auto}
div.chart.pie {height: 350px; margin-bottom: 30px; width:auto}
.queries_list {margin-left: 13px;}
.queries_info {margin-left: 13px;}
.report > .warn {margin-left: 13px;}

.report div.query_report { border-color: #fcfcfc; background: #fcfcfc; }
.report div.query_report_full { border-color: #fcfcfc; background: #fcfcfc; }
.query_block_btns {display:none}
.query_report_btns .tg_icon {display: inline-block; width: 17px; height: 9px; background: url(../i/pparr.png) no-repeat;}
.query_report_btns:hover .tg_icon {background-position-y: -18px;}
.query_report_full .query_report_btns .tg_icon {display: inline-block; width: 17px; height: 9px; background: url(../i/pparr.png) no-repeat; background-position-y: -9px;}
.query_report_full .query_report_btns:hover .tg_icon {background-position-y: -27px;}
.query_report .query_report_btns .short {display:none}
.query_report_full .query_report_btns .full {display:none}
.report .query_report_full .query_report_btns .short,  .report .query_report .query_report_btns .full {color: #363636}
.report .query_report_full .query_report_btns:hover .short,  .report .query_report .query_report_btns:hover .full {color: #a31c23}
.report div.query_report_btns {opacity: 0.4; font-weight: bold; margin-top:15px}
.report div.query_report_btns:hover {opacity: 1}

.report .rlist tr.resume {font-size: 16px}


#rpdlg_stat_tbl .clickable:hover {color: #a31c23}

a.dtl_goto, a.dtl_goto:visited {font-weight:bold; text-decoration:none; color:#d3d3d3}
.dtl_goto .gt_icon {font-weight: normal;font-size: 18px;position: relative;bottom: -2px;}
a.dtl_goto:hover {color: #a31c23;}

.hor {width:100%; overflow:hidden;overflow-y:hidden;}  /* overflow:auto */
.hor_auto_container .hor {margin-bottom:0;}
.hor_auto_container {position:relative;}
.hor_auto_container .hor_r_grad {position:absolute; top:0; right:-1px; width:20px; background: rgba(255,255, 255, 0) url(/images/eltnewdesign/grad_w2.png) repeat 0 0;
background: linear-gradient(to right, rgba(255,255, 255, 0), #FFFFFF);}
.hor_auto_container .hor_l_grad {position:absolute; top:0; left:0; width:20px; background: rgba(255,255, 255, 0) url(/images/eltnewdesign/grad_w2l.png) repeat 0 0;
background: linear-gradient(to right, #FFFFFF, rgba(255,255, 255, 0));}
.report div.query_report .hor_auto_container .hor_r_grad { background: linear-gradient(to right, rgba(252,252, 252, 0), #FCFCFC); }
.report div.query_report .hor_auto_container .hor_l_grad { background: linear-gradient(to right, #FCFCFC, rgba(252,252, 252, 0)); }