body,html {
    height:100%;
    width:100%;
    overflow: hidden;
}

:focus {
    outline:none;
}

.container {
    height:41px;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
}

#map-div {
    height:100%;
    width:100%;
    overflow: hidden;
    position:absolute;
    top:0px;
    left:0px;

    /*width: 29.7cm;
    height: 21cm;*/
}

@page  {
    /* Установка альбомной ориентации */
    /*size: 11.69in 8.27in;*/
    /*size: 20.5cm 29.5cm;*/
    margin:.1in .1in .1in .1in; 
    mso-header-margin:.1in; 
    mso-footer-margin:.1in; 
    mso-paper-source:0;
}

#topbar-main {
    display: none;
    font-family: 'Montserrat'!important;
}

.m2GISItem {
    color: #89cdf2;
    font-size: 65%;
    padding-right: 5px;
}

.mOSMItem {
    font-size: 65%;
    color: #0f0;
    padding-right: 5px;
}

.mGItem {
    font-size: 145%;
    color: blue;
    padding-right: 5px;
}

.mYItem {
    font-size: 140%;
    color: red;
    padding-right: 5px;
}

.mBItem {
    font-size: 170%;
    color: #007FC6;
    padding-right: 5px;
}

.mVCItem {
    font-size: 125%;
    color: blue;
    padding-right: 5px;
    font-weight: bold;
}

.menuSelect {
    color: #fff !important;
    font-weight: bold;
}

#showMenuBtn {
    display: none;
    position: absolute;
    top: 5px;
    width: 35px;
    height: 19px;
    background-color: #222;
    color: white;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
    background-image: -moz-linear-gradient(top, #333333, #222222);
    background-image: -ms-linear-gradient(top, #333333, #222222);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
    background-image: -webkit-linear-gradient(top, #333333, #222222);
    background-image: -o-linear-gradient(top, #333333, #222222);
    background-image: linear-gradient(top, #333333, #222222);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25),inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    z-index: 9999;
}

#hideMenuBtn {
    margin-left: 3px;
    margin-top: 1px;
    position: absolute;
    color: #ddd;
    font-size:120%;
    font-weight: bold;
}

#hideMenuBtn:hover{
    color: red;
    text-decoration: none;
}

#mapLayerMenu .mGItem {
    font-size: 120% !important;
}
#mapLayerMenu .mYItem {
    font-size: 120% !important;
}
#mapLayerMenu .mBItem {
    font-size: 120% !important;
}
#loading
{
    z-index:99999 !important;
    position: fixed;
    /*width: 24px;
    height: 24px;*/
    width: 41px;
    height: 32px;
    top: 50% !important;
    left: 50%;
    margin-left: -12px;
    margin-top: -12px;
    background: url(../img/loader.gif) 0px 0px;
    cursor: progress;
    display: block;
}

#search {
    width: 370px;
    float:left;
    max-width: 530px;
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgb(41, 42, 46);
    box-shadow:none;
}

.contextMenu {
    display: none;
}

#cmRefHide,#cmRefExport,#cmDocHide,#cmDocExport,#cmMyDocHide,
#cmMyDocExport,#cmHide,#cmClear,#cmDTImport,#cmDocRWrenchHide,
#cmDocRWSaveGpx,.cmPGall,#cmCTAll,#cmCRMExport,
#cmRRPrint_Map, #cmRPrint_Map, #cmDPrint_Map, #cmUnBindComps_Back, #cmCSDel, #cmUnBindComps_BackSP,
#cmRefDeliveryGroups, #cmWParams
{
    border-top-color:#0073EA!important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.cmTL {
    border-top:2px solid #0073EA!important;
}

#cmDTImport:first-letter,#cmDocRWExport:first-letter {
    color:red
}

.olControlPanel div {
    transition: background-color 0.5s ease-in-out;
    -webkit-transition: background-color 0.5s ease-in-out;
    -moz-transition: background-color 0.5s ease-in-out;
    -o-transition: background-color 0.5s ease-in-out;
}

#tools {
    height:fit-content;
    /*height:76px!important;
    border-bottom: 2px solid #0073EA;
    margin-bottom: 1px;*/
}

#toggleTools {
    height:fit-content;
    /*height:101px!important;
    border-bottom: 2px solid #0073EA;
    margin-bottom: 1px;*/
}

#propTool {
    background-position: -144px 0px;
}

#pointsTool {
    background-position: -24px 0px;
}

#zonesTool {
    background-position: -48px 0px;
}

#actionTools {
    height:fit-content;
}

.olControlPanel {
    left:3px;
    top:45px;
    width:25px;
    /* height:200px!important;*/
    /*z-index:99999 !important;*/
}

.olControlPanel div {
    display:block;
    width:  24px;
    height: 22px;
    background-repeat: no-repeat;
    margin: 1px;
    cursor: pointer;
    border-radius: 3px;
    background-image: url("../img/tools.png");
    background-color: #eee;
}

.toolBox {
    position:absolute;
    width:108px;
    display:none;
    border:1px solid red;
    z-index:10001;
    background-color: #EEE;
    height: 24px;
    border-radius: 3px;
    border-color: rgba(82, 168, 236, 0.9);
}

.toolBox:hover {
    outline: 0;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.7);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.7);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.7);
}

.toolBox div {
    display:inline-block;
}

.toolBox .nextVal {
    background-color: gold;
}

.toolBox .prevVal {
    background-color: rgba(255, 215, 0, 0.35);
    -webkit-transition: background-color 3s ease-in-out;
    -moz-transition: background-color 3s ease-in-out;
    -o-transition: background-color 3s ease-in-out;
    transition: background-color 3s ease-in-out;
}

.toolBox div:hover {
    background-color: gold;
}

.toolBoxRed {
    background-position: -528px 0px!important;
}

.toolBoxGreen {
    background-position: -552px 0px!important;
}

.toolBoxBlue {
    background-position: -576px 0px!important;
}

.toolBoxRoute {
    background-position: -600px 0px!important;
}

.olControlPanel .olControlNavigationItemActive {
    background-position: -24px 0px;
    background-color: gold;
}
.olControlPanel .olControlNavigationItemInactive {
    background-position: -24px 0px;
}
.olControlPanel .olControlZoomBoxItemActive {
    background-position: -48px 0px;
    background-color: gold;
}
.olControlPanel .olControlZoomBoxItemInactive {
    background-position: -48px 0px;
}
.olControlPanel .olControlDrawFeaturePointItemActive {
    background-position: -72px 0px;
    background-color: gold;
}
.olControlPanel .olControlDrawFeaturePointItemInactive {
    background-position: -72px 0px;
}
.olControlPanel .olControlDrawFeaturePathItemActive {
    background-position: -96px 0px;
    background-color: gold;
}
.olControlPanel .olControlDrawFeaturePathItemInactive {
    background-position: -96px 0px;
}

.olControlPanel .olControlDragFeatureItemActive {
    background-position: -120px 0px;
    background-color: gold;
}
.olControlPanel .olControlDragFeatureItemInactive {
    background-position: -120px 0px;
}
.olControlPanel .olControlPropertyItemActive {
    background-position: -144px 0px;
    background-color: gold;
}
.olControlPanel .olControlPropertyItemInactive {
    background-position: -144px 0px;
}
.olControlPanel .olControlSelectBoxItemActive {
    background-position: -168px 0px;
    background-color: gold;
}
.olControlPanel .olControlSelectBoxItemInactive {
    background-position: -168px 0px;
}
.olControlPanel .olControlDrawFeaturePolygonItemActive {
}
.olControlPanel .olControlDrawFeaturePolygonItemInactive {
}
.ActionPanel {
    left:3px;
    top:50px;
    width:28px;
    /*height:175px;*/
    z-index:9999 !important;
    position:fixed;
    display: none;
    /*border: 1px red solid;*/

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.7);
}

.ActionPanel div {
    display:block;
    width:  24px;
    height: 24px;
    background-repeat: no-repeat;
    margin: 1px;
    cursor: pointer;

    outline: 0;
    border-color: rgba(82, 168, 236, 0.9);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.7);
}

.ActionPanel:hover {
    outline: 0;
    border-color: #0073EA;
    /*box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px  #0073EA;*/
}

.ActionPanel div[data-original-title]:hover, .ActionPanel .f-bi:hover {
    outline: 0;
    border-color: #0073EA;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px  #0073EA;
    transform: scale(1.07);
}

.ActionPanel #atHD {
    cursor: move;
    height: 12px;
    margin-bottom: 3px;
    outline: 0;
    border-color: #595959;
    background-color: #595959;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.0), 0 0 8px #595959;
    border-radius: 5px 5px 0px 0px;
}

.ActionPanel:hover #atHD {
    background: #595959;
}

.ActionPanel .quick {
    position: absolute;
    top: 14px;
    left: 26px;
    height: fit-content;
    width: fit-content;

    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.7);
}

.ActionPanel .quick div {
    background-image: url("../img/tools.png");
    background-color: #eee;
    border-radius: 3px;
}

.ActionPanel .quick [name=req_import] {
    background-position: -768px 0px!important;
}

.ActionPanel .quick [name=bind_comps] {
    background-position: -792px 0px!important;
}

.ActionPanel .quick [name=req_calc] {
    background-position: -840px 1px!important;

}

.ActionPanel .quick [name=req_clear] {
    background-position: -815px 0px!important;
}

.ActionPanel .quick [name=route_clear] {
    background-position: -864px 0px!important;
}

.ActionPanel .quick [name=calc_setting] {
    background-position: -888px 0px!important;
}

.ActionPanel .quick [name=show_auto] {
    background-position: -912px 0px!important;
}

.ActionPanel .quick [name=bi] {
    background-position: -936px 0px!important;
}

.ActionPanel .quick [name=setting] {
    background-position: -960px 0px!important;
}

.ActionPanel .quick [name=calc_log] {
    background-position: -984px 0px!important;
}

.ActionPanel .quick [name=refresh_qty] {
    background-position: -1007px 0px!important;
}

.ActionPanel .quick [name=sms] {
    background-position: -1031px 0px!important;
}

.ActionPanel .quick [name=route_export] {
    background-position: -1055px -1px!important;
}

#calcRouteTool {
    background-image: url("../img/tools.png");
    background-position: -192px 0px;
}

#removeFeaturesTool {
    background-image: url("../img/tools.png");
    background-position: -216px 0px;
}

#showRoadsTool {
    background-image: url("../img/tools.png");
    background-position: -240px 0px;
}

#helpLink {
    background-image: url("../img/tools.png");
    background-position: -624px 0px!important;
}

#chVersionTool {
    background-image: url("../img/tools.png");
    background-position: -696px 0px;
}

.toolDisable {
    background-image: url("../img/tools.png");
    background-position: 0px 0px;
}

.toolEnable {
    background-image: url("../img/tools.png");
    background-position: 0px 0px;
    background-color: gold!important;
}
/*  Так же GOLD в #routeAnim.active */

.popover h3 {
    cursor: move;
}

#crtDIV label a {
    color: black;
}

#srtDIV label a {
    color: black;
}

#rftDIV label a {
    color: black;
}

#feature-prop.alert-message p {
    max-height: 600px;
    overflow-y: auto;
}

#feature-prop.alert-message p::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
#feature-prop.alert-message p::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

/* Handle */
#feature-prop.alert-message p::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #00c6ff;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
/*
#feature-prop.alert-message p::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,73,234,0.4);
}*/

#feature-prop h5 {
    color: #fff;
    cursor: move;
}
.f-tool .ui-icon {
    cursor: pointer;
}
.f-tool .ui-icon:hover {
    box-shadow:0px 0px 40px #ccc;
    -o-transform:scale(1.2);
    -o-box-shadow:0px 0px 40px #ccc;
    -moz-transform:scale(1.2);
    -moz-box-shadow:0px 0px 40px #ccc;
    -webkit-transform:scale(1.2);
    -webkit-box-shadow:0px 0px 40px #ccc;
}

#feature-prop .ui-state-active {
    margin-top: 0px;
    height: 16px;
}

#feature-prop th {
    padding: 2px;
    text-align: center;
}
#feature-prop td {
    padding: 2px;
    font-size: 90%;
    /*white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 118px;
    width: 118px;*/
}
#feature-prop .v {
    /*text-align: center;*/
    vertical-align: middle;
}

#feature-prop .ex-txt {
    line-height: 11px;
    font-size: 11px;
}

#feature-prop .close {
    margin-top: 2px;
}

#feature-prop table{width:100%;padding:0;border-collapse:separate;border-collapse:collapse;font-size:12px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
#feature-prop table th+th{border-left:1px solid #ddd;}
#feature-prop table th{border-bottom: 1px solid #ddd;}
#feature-prop table td+td{border-left:1px solid #ddd;}
#feature-prop table tr+tr td{border-top:1px solid #ddd;}
#feature-prop table tbody tr:first-child td:first-child{-webkit-border-radius:4px 0 0 0;-moz-border-radius:4px 0 0 0;border-radius:4px 0 0 0;}
#feature-prop table tbody tr:first-child td:last-child{-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0;}
#feature-prop table tbody tr:last-child td:first-child{-webkit-border-radius:0 0 0 4px;-moz-border-radius:0 0 0 4px;border-radius:0 0 0 4px;}
#feature-prop table tbody tr:last-child td:last-child{-webkit-border-radius:0 0 4px 0;-moz-border-radius:0 0 4px 0;border-radius:0 0 4px 0;}

.prop-lnk {
    color:#fff;
    text-decoration: underline;
    cursor: pointer;
}

.prop-lnk:hover {
    color: #fff;
    font-weight: bold;
}

.al-grid-table .prop-lnk {
    color: #000;
}

.al-grid-table .ui-state-highlight .prop-lnk {
    color: #fff;
}

.cr-gray .prop-lnk {
    color: #ccc;
}

.ui-jqdialog {
    z-index:99999 !important;
}

.rt-btn-hover, .l-anim-tools span:hover {
    box-shadow:0px 0px 40px #ccc;
    -o-transform:scale(1.2);
    -o-box-shadow:0px 0px 40px #ccc;
    -moz-transform:scale(1.2);
    -moz-box-shadow:0px 0px 40px #ccc;
    -webkit-transform:scale(1.2);
    -webkit-box-shadow:0px 0px 40px #ccc;
    cursor: pointer;
}

.rt-btn-enable {
    outline: 0;
    border-color: rgba(236, 0, 0, 0.9);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 0, 0, 0.7);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 0, 0, 0.7);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 0, 0, 0.7);
}

#refsTools {
    position: absolute;
    z-index:9999 !important;
    width: 282px;
    float: right;
    font-size: 90%;
    display:none;
    border: solid #0073EA 0px;
    border-left-width: 2px!important;
    border-left-color: #0073EA!important;
    background:white;
}

#refsTools span {
    cursor: pointer;
}

#refsTools .refsCnt {
    overflow: hidden;
}

#refsTools .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {
    border: 1px solid #4169E1;
    background: #4169E1;
    color: #fff;
}

#refsTools h3 {
    height:25px;
}

#refsTools .rdiv {
    display: inline;
    position: absolute;
    top: 0px;
    float:right;
    width:282px;
    height:27px;
    left: 0px;
}

#refsTools .idiv {
    display: inline;
    position: relative;
    float:right;
}

#refsTools .idiv span {
    margin-right: 3px;
    float:right;
}

#refsTools .idiv .ui-icon {
    vertical-align: middle;
    position: relative;
    left: 0;
    top: 4px;
    margin-top: 0;
}

#refsTools #m_rdiv {
    display:none;
}

#rtRefsMenu {
    top: 4px;
    left: 4px;
    cursor: pointer;
    position: absolute;
}

#rtRefsMenuName {
    top: 4px;
    left: 22px;
    position: absolute;
}

#rtRefsMenuName:hover {
    text-decoration: underline;
}

.ui-accordion .ui-accordion-content {
    padding: 0;
    overflow:hidden;
}

.ui-jqdialog-content input[type="text"] {
    height: 15px;
    width:90%;
}

.ui-jqdialog-content .CaptionTD {
    vertical-align: middle;
    text-align: right;
    width:15%;
}

.ui-jqdialog-content .CaptionTD {
    vertical-align: middle;
}

.twipsy {
    z-index: 99999;
}

.popover {
    z-index: 10000;
    box-shadow: 0px 0px 1px 0px #0000001F;
    font-family: 'Montserrat'!important;
}

.popover.below .arrow {
    top: 1px;
}

.refsFilter {
    width:100%;
}

.rf-icon-div {
    height:16px;
    float:left;
    padding-top:2px;
}

.rf-icon-div span {
    float:left;
    margin-left: 2px;
}

.refsSDiv {
    height:16px;
    float:left;
}

#refsSearch,#docsSearch,#dgpSearch,#pntSearch,#autoSearch,#abtSearch,.al-doc-search,#fldSearch {
    height:8px;
    font-size:95%;
    margin-left:2px;
    margin-top:1px;
}

.refsSearchFilter {
    height:21px;
}

.date {
    height:10px;
    margin-left:2px;
    width:68px;
    color:#0073EA;
}

.time {
    height:10px;
    margin-left:2px;
    width:35px;
    color:#0073EA;
}

div.ui-datepicker {
    font-size: 80%;
}

#docsTools {
    position: absolute;
    display:none;
    z-index:9999 !important;
    width: 282px;
    height: 900px;
    left: 0px;
    float: left;
    font-size: 90%;
    border: solid #0073EA 0px;
    border-right-width: 2px!important;
    border-right-color: #0073EA!important;
    background:white;
}

#docsTools span {
    cursor: pointer;
}

#docsTools .docsCnt {
    overflow: hidden;
}

/*#docsTools */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {
    border: 1px solid #4169E1;
    background: #4169E1!important;
    color: #fff;
}

#docsTools h3 {
    height:25px;
}

#docsTools .rdiv {
    display: inline;
    position: absolute;
    top: 0px;
    float:right;
    width:282px;
    height:27px;
    left: 0px;
}

#docsTools .idiv {
    display: inline;
    position: relative;
    float:right;
}

#docsTools .idiv span {
    margin-right: 3px;
    float:right;
}

#docsTools .idiv .ui-icon {
    vertical-align: middle;
    position: relative;
    left: 0;
    top: 4px;
    margin-top: 0;
}

#docsTools #m_rdiv {
    display:none;
}

/*#docsTools*/
.toolbar{
    height:21px;
}

/*#docsTools */
.toolbar span {
    float:left;
    padding-right: 2px;
    margin-top: 2px;
}

#dtDocsMenu {
    top: 4px;
    left: 4px;
    cursor: pointer;
    position: absolute;
}

#dtDocsMenuName {
    top: 4px;
    left: 22px;
    position: absolute;
}

#dtDocsMenuName:hover {
    text-decoration: underline;
}

#dtDocsMenuName b.ver {
    color: red;
    padding-left: 5px;
}

#docsTools #drContainer {
    height:300px;
    border: solid #0073EA 0px;
    border-bottom-width: 2px!important;
    border-bottom-color: #0073EA!important;
}

#docsTools .ddpSearch {
    height: 8px;
    width:180px;
    font-size: 95%;
    margin-top: 1px;
}

#docsTools .ddpSDiv {
    float:right;
    height:21px;
}

#docsTools .ddpSDiv span {
    float:right;
}

.docDate {
    height: 12px;
    width:88px;
    margin-top: 3px;
    color:#0073EA;
    margin-right: 2px;
    background-image: url(../img/clndr.png);
    background-repeat: no-repeat;
    background-position: 75px 1px;
}

.docTime {
    height: 12px;
    color: #0073EA;
    width: 35px;
    text-align: center;
}

.filedrag
{
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    padding: 165px 0;
    margin: 10px 0;
    color: #555;
    border: 2px dashed #555;
    border-radius: 7px;
    cursor: default;
}
.filedrag.hover
{
    color: #f00;
    border-color: #f00;
    border-style: solid;
    box-shadow: inset 0 3px 4px #888;
}
.filedrag .warning {
    font-size: 30px;
}
.filedrag .success {
    font-size: 20px;
}

.docsCnt .tabs {
    margin: 0 0 0px;
}

/*
#ddp-graph-tab .ui-state-highlight , #del-spread-auto-table .ui-state-highlight {
    color:black;
    background: white;
    border: 0px solid #DDD;
}*/

#fDeliveriesSpread {
    width:900px;
    margin-left: -450px;
    margin-top: -320px;
}

#fDeliveriesSpread .modal-body {
    padding: 3px;
    display: flex;
    flex-direction: row;
}

#fDeliveriesSpread .modal-footer .btn {
    margin-top: 7px;
}

#fDeliveriesSpread .modal-footer label {
    font-size: 90%;
}

#reqDate {
    margin-top:7px;
    margin-left: 7px;
}

#tspOption {
    width:105px;
    margin-left: 15px;
}

#sdReq {
    width:560px;
    height:500px;
    border: 1px solid gray;
    float:left;
    overflow: hidden;
}

#sdAuto{
    width:328px;
    height:500px;
    border: 1px solid gray;
    float:right;
    overflow: hidden;
}

.sdm {
    display:none;
    font-size:85%;
    font-weight: bold;
}
.sda.sdac {
    display: inline;
    float: right;
    padding-right: 10px;
}

.sdr {
    float:right;
    margin-right:10px;
}
.sda {
    margin-left:10px;
}

/* выравнивание в заявких табов */
/*#ddp-all-tab,#ddp-graph-tab .al-grid-container {
    margin-top: 21px;
}*/

/* выравнивание гридов в табах для FF */
.pill-content .al-grid-container {
    display: inline-block;
    width: 100%;
}

.al-grid-dlg .pill-content {
    overflow-y: auto;
    max-height: 360px;
}

.ddp-pnt-lbl {
    color:black;
    font-weight: normal;
    margin-left: 2px;
}

#ddp-pnt-count {
    font-weight: bold;
}

#asRegion,#asCountry {
    width: 280px;
}

#adv_srch {
    float: right;
    margin-top: 2px;
    cursor:pointer;
    margin-left: 10px;
    opacity: 0.7;
}

#adv_srch:hover, #adv_srch.enabled {
    opacity: 1;
}

.adv-srch {
    width: 24px;
    height: 24px;
}

.adv-srch:hover {
    background-color: rgba(255,255,255,0.05);
    border-radius: 3px;
}

.adv-srch.enabled.g {
    background-position: -264px 0px;
}
.adv-srch.enabled.o {
    background-position: -288px 0px;
}
.adv-srch.enabled.y {
    background-position: -312px 0px;
}
.adv-srch.enabled.v {
    background-position: -336px 0px;
}
.adv-srch.enabled.l {
    background-position: -384px 0px;
}
.adv-srch.enabled.d {
    background-position: -648px 0px;
}
.adv-srch.enabled.dg {
    background-position: -721px 0px;
}

.adv-srch.disabled.g {
    background-position: -408px 0px;
}
.adv-srch.disabled.o {
    background-position: -432px 0px;
}
.adv-srch.disabled.y {
    background-position: -456px 0px;
}
.adv-srch.disabled.v {
    background-position: -480px 0px;
}
.adv-srch.disabled.l {
    background-position: -504px 0px;
}
.adv-srch.disabled.d {
    background-position: -672px 0px;
}
.adv-srch.disabled.dg {
    background-position: -745px 0px;
}

.social_div a {
    background-image:url(../img/social.png);
    background-repeat: no-repeat;
    width:32px;
    height:32px;
    float: left;
    padding: 0 2px;
    cursor: pointer;
}
.social_div a:hover {
    opacity:0.7;
}
.share_twitter {
    background-position: 0px 0px;
}
.share_facebook {
    background-position: 0px -32px;
}
.share_vk {
    background-position: 0px -64px;
}
.share_odnoklassniki_ru {
    background-position: 0px -96px;
}
.share_google_plusone {
    background-position: 0px -128px;
}
.share_google {
    background-position: 0px -160px;
}
.share_evernote {
    background-position: 0px -192px;
}
.share_livejournal {
    background-position: 0px -224px;
}
.share_mailto {
    background-position: 0px -256px;
}
#share {
    float: left;
    width: 24px;
    height: 24px;
    cursor:pointer;
    margin-right: 4px;
    margin-top: 9px;
    opacity: 0.7;
    margin-right: 10px;
}

#share:hover {
    background-color: rgba(255,255,255,0.05);
    border-radius: 3px;
    opacity: 1;
}

.al-search {
    padding:2px 2px 2px 2px;
    -webkit-box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index:999999;
    position:absolute;
    top:42px;
    background:white;
    font-size:11px;
    border-color: rgba(82, 168, 236, 0.9);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.7);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.7);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.7);
    display:none;
    background-repeat: no-repeat;
    padding-bottom: 7px;
}

.al-search .ahClose {
    color:red;
    float:right;
}

.al-search .alClose {
    color:red;
    float:right;
    position: absolute;
    bottom: -3px;
    right: 2px;
    font-size: 11px;
}

.al-search a.alClose:active{
    position: absolute!important;
    top:auto!important;
}

.als-gc-test {
    font-weight: bold;
    margin: 95px 180px;
    position: absolute;
}

.al-search a.als-gc-test:active{
    position: absolute!important;
    top:auto!important;
}

.al-search:hover {
    outline: 0;
    border-color: rgba(82, 255, 236, 09);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 82, 236, 0.7);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 82, 236, 0.7);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 82, 236, 0.7);
}

.al-search-data li {
    list-style: none;
    cursor: pointer;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding:3px;
    color:black;
}

.al-search-data-sel, .al-search-data li:hover {
    background: #0073EA;
    color: white!important;
    text-shadow: 1px 1px #000,1px 1px #000;
}

.al-search-data .ui-icon {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);

    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;

    float:right;
    background-image: url(../plugin/jquery-ui/css/flick/images/ui-icons_ffffff_256x240.png);
}

.al-search-data .ui-icon:hover {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.al-search-data {
    /*border: 1px solid blue;*/
    float:left;
    margin: 0 0 0 2px;
}

.al-search-menu {
    width:20px;
    float:left;
    margin:0;
    background: #F0F0F0;
}

.al-search-menu li {
    list-style: none;
    cursor: pointer;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding:3px;
    border-right: 1px solid #ddd;
    font-weight:bold;
    font-size:15px;
    background: #F0F0F0;
}

.al-search-menu-sel {
    border: 1px solid #ddd;
    border-right-color: transparent!important;
    color:black;
    background: white!important;
    color:red;
}

.al-search-menu li:hover {
    background: #ddd;
}

.al-search-menu li:last-child {
    background: #f0f0f0!important;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    cursor:default;
}

.olPopup {
    text-shadow: 1px 1px #fff,1px 1px #666;
    -webkit-box-shadow: inset 0 10px 20px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 0px rgba(255, 255, 255, 0.25);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index:9999;
    border: 1px solid gray!important;
    padding-left: 1px;
    color: blue;
    white-space: nowrap;
}

.olPopup .close {
    margin-top: 1px;
}

#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color: #1E222D;
    position:absolute;
    width:210px;
    z-index:10001;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 26.5px;
    right: 0px;
    margin-top:5px;
    margin-right: 0px;
    color:#789;
    font-size:11px;
    height: 232px;
    box-shadow: 0px 0px 11px 0px #0000001F;
    right: 78px;
}

#signin_demo{
    margin-top: 10px;
    margin-left: 45px;
}
#signin_menu label {
    float:none;
    color:#fff!important;
}
#pass, #user {
    display:block;
    border-radius:4px;
    border:1px solid #B2B2B2;
    font-size:13px;
    margin:4px 0 5px;
    background-color: #1E222D;
    color: #E3E3E3;
}

input[type=password] {
    /*background-image: url(../img/pass.gif);
    background-repeat: no-repeat;
    background-position: 192px 8px;*/
    width:183px;
    padding-right: 22px;
}
input[type=email] {
    /*background-image: url(../img/email.png);
    background-repeat: no-repeat;
    background-position: 191px 8px;*/
    width:183px;
    padding-right: 22px;
}

#signin_menu a {
    color: #0492D9;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:8px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color: #0492D9!important;
}
#signin_submit.enter {
    font-size:13px;
    font-weight:bold;
    background: #0492D9;
    color:#fff;
    width: 155px;
    height: 33px;
    border-radius: 8px;
    border: 1px solid #0492D9;
    text-shadow: none;
    margin-bottom: 8px;
}

#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}
a.signin {
    text-shadow: 0px 0px 0px;
    color:white;
    height:10px;
}

a.signin.logout {
    font-weight:bold;
    color:white;
    display:none;
}

a.signin:after{
    width: 0;
    height: 0;
    display: inline-block;
    content: "↓";
    text-indent: -99999px;
    vertical-align: top;
    margin-top: 8px;
    margin-left: 4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid white;
    filter: alpha(opacity=50);
    -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
}

a.logout:after {
    content: ""!important;
}

a.signin.menu-open {
    font-weight: normal;
    border-top-color: gray;
    border-top-width: 1px;
    border-top-style: solid;

    border-left-color: gray;
    border-left-width: 1px;
    border-left-style: solid;

    border-right-color: gray;
    border-right-width: 1px;
    border-right-style: solid;
}

.pf-li .menu-dropdown {
    max-width: 300px;
}

.dArea {
    white-space: nowrap;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
}

.topbar a {
    outline: none;
}

.topbar-cd-1 {
    width:160px
}

.topbar-cd-2 {
    display: flex;
    justify-content: center;
    flex-grow: 2;
}

.topbar-cd-3 {
    display: flex;
    justify-content: flex-end;
    margin-right:70px
}

.topbar-cd-3 .secondary-nav {
    float: right!important;
    margin-left: 2px!important;
}

.uas-lbl {
    float: none;
    font-weight: normal!important;
    padding-top: 1px!important;
}

.uas-lbl::before {
    display: none!important;
}

/***** AL - GRID *****/
.al-grid {
    font-size: 11px;
    table-layout: fixed;
    border-collapse: separate;
}

.al-grid tr {
    height: 21px!important;
}

.al-grid tr[onclick] {
    cursor: pointer;
}

.al-grid tr[onclick]:hover {
    text-decoration: underline;
}

.al-grid th {
    /*border-right: 3px solid blue;*/
    overflow: hidden;
    cursor: pointer;

    /* Закрепить заголок */
    position: sticky;
    top: 0;
    background: #eee;

    z-index: 1;
}

.al-grid th.fsr {
    border-right: 2px;
    border-right-color: #DDD;
    border-right-style: solid;
    width:35px;
    text-align:center;
}

.al-grid td {
    text-align: left;
    border-right-width: 2px;
    border-right-color: #ddd;
    border-right-style: solid;

    font-weight: normal;
    vertical-align: middle;
    overflow: hidden;
    overflow-x: hidden;
    white-space: pre;

    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
    border-bottom-style: solid;

    text-overflow: clip;
}

.al-grid td[disabled] {
    color: transparent;
    text-shadow: 0 0 5px rgb(0 0 0 / 50%);
    opacity: 0.75;
}

.al-grid tbody tr:hover {
    border: 1px solid #0073ea;
    background: #0073ea;
    color: #fff;
}

.al-grid th:hover {
    text-decoration: underline;
}

.al-grid-sort {
    float:right;
}

.al-grid th .ui-resizable-handle {
    cursor: col-resize;
    background-color: #0073EA;
}

.al-grid th .ui-resizable-resizing .ui-resizable-handle {
    background-color: red;
}

.al-grid .ui-resizable-resizing {
    color:red;
}

.al-grid th .ui-resizable-e {
    /*right: -5px; */
}

.al-grid-name {
    padding-left: 2px;
    overflow: hidden;
}

.al-grid-table {
    overflow-y: auto;
    width:100%;
    /*float:left;*/
}

.al-grid-table .warn-lt {
    text-decoration: line-through;
}

.al-grid-table .r-info {
    background-image: url(../img/r-info.png);
    background-repeat: no-repeat;
    background-position: 17px;
}

.al-grid-table .warn {
    background-image: url(../img/routewarn3.png);
    background-repeat: no-repeat;
    background-position: 17px;
}

.al-grid-table .wait {
    background-image: url(../img/routewait.png);
    background-repeat: no-repeat;
    background-position: 17px;
}

.al-grid-table .late {
    background-image: url(../img/routelate.png);
    background-repeat: no-repeat;
    background-position: 17px;
}

.al-grid-table .no-visit {
    background-image: url(../img/dg_w3.png);
    background-repeat: no-repeat;
    background-position: 17px;
}

.al-grid-table .left-before {
    background-image: url(../img/dg_w3.png);
    background-repeat: no-repeat;
    background-position: 17px;
}

.al-grid-table .calc {
    background-image: url(../img/calc.gif)!important;
    background-repeat: no-repeat!important;
    background-position: 17px!important;
}

.al-grid-table .unprofit {
    background-image: url(../img/routeunprofit.png);
    background-repeat: no-repeat;
    background-position: 18px;
}

.al-grid-table .ui-state-highlight .calc {
    background-image: url(../img/calc-hl.gif)!important;
    background-repeat: no-repeat;
    background-position: 17px;
}

.al-grid-table .ui-state-highlight a, .al-grid-table tr:hover a {
    color: #fff;
}

.al-grid-table tr:hover .calc {
    background-image: url(../img/calc-hl.gif)!important;
    background-repeat: no-repeat;
    background-position: 17px;
}

.al-grid-table .dg-prepare {
    background-image: url(../img/dg_w1.png);
    background-repeat: no-repeat;
    background-position: 25px;
}

.al-grid-table .dg-success {
    background-image: url(../img/dg_w2.png);
    background-repeat: no-repeat;
    background-position: 25px;
}

.al-grid-table .dg-error {
    background-image: url(../img/dg_w3_3.png);
    background-repeat: no-repeat;
    background-position: 17px;
}

.req-warn {
    background-image: url(../img/dg_w3.png);
    background-repeat: no-repeat;
    background-position: 1px 3px;
}

.docsCnt .tabs .req-warn {
    padding-left: 17px!important;
}

.req-auto-warn {
    background-image: url(../img/excl.png);
    border-right-color: rgb(221, 221, 221);
    background-position: 0px 0px;
    background-repeat: no-repeat no-repeat;
}

.mq-warn {
    background-image: url(../img/dg_w3.png);
    background-repeat: no-repeat;
    background-position: 0px 1px;
    padding-left: 15px;
}

.al-grid-pager {
    /*border: 1px solid red;*/
    height:20px;
}

.al-grid-pager span {
    float:left;
    margin: 1px;
    padding: 1px;
    cursor: pointer;
}

.al-grid-pager .ui-icon:hover {
    background-color: #0073EA;
    background-image: url(../plugin/jquery-ui/css/flick/images/ui-icons_ffffff_256x240.png);
    color:#fff;
}

.al-grid-pager .ui-state-disabled {
    color:gray;
}

.al-grid-pager .pg-info {
    font-size: 11px;
}

.al-grid-rsn {
    background:white;
    color:black;
    font-weight: bold;
}

.al-grid-rsn-hide {
    display:none;
}

.al-edit-form .required {
    border-left: 3px solid red;
    border-radius: 6px;
}

.al-edit-form .required input {
    border-left: none;
}

.al-edit-form input.xlarge, .al-edit-form textarea.xlarge {
    width: 360px;
}

.al-edit-form select.xlarge {
    width: 370px;
}

.al-edit-form select.xlarge[size] {
    width: 350px;
}

.al-edit-form .tabs {
    height: 38px;
    float: none;
}

.al-edit-form sup.ver {
    color: red;
    font-weight: bold;
    font-size: 81%;
}

.al-edit-form sup.ufld {
    color: blue;
    font-weight: bold;
    font-size: 81%;
}

.editform sup.new {
    color: red;
    font-weight: bold;
    font-size: 81%;
}

.al-edit-form [disabled] {
    color: transparent;
    text-shadow: 0 0 5px rgba(0,0,0,0.25);
}

.al-edit-form input, .al-edit-form select {
    margin-right: 2px;
}

.al-edit-form .input label {
    /*font-weight: bold;*/
    width: auto;
}

.al-edit-form input[type="range"] {
    box-shadow: none;
    height: 18px;
}

.al-edit-title {
    cursor: move;
}

.editform .modal-footer .ui-icon {
    float: left;
    margin-top: 7px;
    cursor: pointer;
}

.editform .modal-footer .ui-icon:hover {
    background-color: #0073EA;
    background-image: url(../plugin/jquery-ui/css/flick/images/ui-icons_ffffff_256x240.png);
    color:#fff;
}

.al-grid-selid {
    text-decoration: underline;
    cursor:pointer;
}

.al-grid-snp {
    padding-left: 7px!important;
}

.al-grid-snp:hover {
    text-decoration: underline;
    cursor:pointer;
}

.al-grid-sni {
    background-repeat: no-repeat;
    background-position: -2px -2px;
    background-image: url(../img/star_red.png);
}
.al-grid-sel-clm {
    background: #0073EA;
    color: white;
}

td[data-field=Pos_Id].al-grid-spl-sel {
    background-repeat: no-repeat;
    background-position: 31px 0px;
    background-image: url(../img/star_red.png);
}

td[data-field=Ext_Code].al-grid-spl-sel {
    background-repeat: no-repeat;
    background-position: 45px 0px;
    background-image: url(../img/star_red.png);
}

#places-table .al-grid-spl-sel {
    background-position: 40px 0px;
}

#serviceComps-table .al-grid-spl-sel {
    background-position: 35px 0px;
}

#warehouses-table .al-grid-spl-sel {
    background-position: 35px 0px;
}

.al-grid-adr-sel {
    border-bottom: red 2px solid;
}
/***** AL - GRID *****/

form .clearfix {
    margin-bottom: 4px;
}

/*.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.1;
}*/

/*Отключение на картах Google кипирайта*/
.olLayerGooglePoweredBy { display: none; visibility:hidden; }

#fDeliveriesSpread .modal-header h3 {
    cursor: move;
}

#ant {
    position: fixed;
    bottom: -300px;
    width:56px;
    height:125px;
    background-position: 0px;
    /*background: url(https://lh5.googleusercontent.com/-KN4L9jiutKY/UVRZHh9y6LI/AAAAAAAACI8/Tkclcsoz40E/w3330-h250/ant_tired.png);
    background-size: 1665px 125px;*/
    background: url(https://lh4.googleusercontent.com/-XfnBdVL9AN8/UVRZGjGZOsI/AAAAAAAACIg/aKNdVFUeUuM/w1322-h250/ant_hello.png);
    background-size: 666px 125px;
    z-index: 9999999;
    opacity: 0;
    display: none;
}

.ch-req {
    float:right;
    margin-top:2px;
    margin-right:2px
}

.ch-req a {
    font-size:11px;
    margin-left: 1px;
    margin-right: 1px;
    cursor: pointer;
}

.ch-req a.default {
    color:#0073EA;
}

.ch-req a.active {
    color:red;
}

#refsTools #atCont, #refsTools #pgTCont {
    height:400px;
    border: solid #0073EA 0px;
    border-bottom-width: 2px!important;
    border-bottom-color: #0073EA!important;
}

#refsTools #dgtCont {
    height:400px;
    border: solid #0073EA 0px;
    border-bottom-width: 2px!important;
    border-bottom-color: #0073EA!important;
}

#abCont .tabs > li > a, .docsCnt .tabs > li > a {
    line-height: 20px;
    padding-left: 4px;
    padding-right: 4px;

}

/*#dgbCont .tabs > li > a {*/
.refsCnt .tabs > li > a {
    line-height: 20px;
    padding: 0px 3px 0px 3px;
}

.refsCnt .tabs, .pills {
    margin: 0;
}

#dgbCont .tabs {
    margin: 0 0 2px;
}

#cmDTEdit span {
    background-image: url(../plugin/jquery-ui/css/flick/images/ui-icons_454545_256x240.png);
    background-position: -64px -112px;
    width: 16px;
    height: 16px;
    border: 0px solid white;
}

#fParamModal {
    width: 980px;
    margin: -250px 0 0 -375px;
}

#fImportModal h3,#fParamModal h3 {
    cursor: move;
}

#fImportModal .modal-footer .btn {
    margin-top: 7px;
}

#fImportModal .al-grid-container {
    margin-bottom: 6px;
}

#cArrow {
    position: absolute;
    z-index: 10000;
    left:50%;
    top: 50%;
    width: 48px;
    height: 48px;
    cursor: pointer;
    display:none;
}

.arrow1 {
    background-image: url(../img/arrow.png);
}

.arrow2 {
    background-image: url(../img/arrow3.png);
}

.waitLogin {
    text-decoration: line-through!important;
}

.slAnc {
    cursor:pointer;
}

#shareLink {
    padding: 6px;
    margin: 6px;
    margin-right: 16px;
}

#slWidth {
    margin-top:2px;
    margin-right:3px;
}

#slHeight {
    margin-top:2px;
}

#CP_hourcont {
    padding: 0px;
    position:absolute;
    display:none;
    z-index:999999;
}

#CP_minutecont {
    padding: 0px;
    position:absolute;
    width:45px;
    display:none;
    z-index:999999;
}

.floatleft {
    float:left;
}

.CP_hour {
    padding:1px;
    font-size:11px;
    font-weight:bold;
    text-align: center;
    white-space:nowrap;
    cursor:pointer;
    width:35px;
    margin:1px;
}

.CP_minute {
    padding:1px;
    font-size:11px;
    font-weight:bold;
    text-align: center;
    white-space:nowrap;
    cursor:pointer;
    width:auto;
    margin:1px;
}

.CP_over {
    background-color: #ffc;
}

.ant-help-footer {
    border-top: 1px solid gray;
    height: 15px;
    margin-top: 5px;
}

.ws-lnk {
    font-size: 11px;
}
.ws-stat {
    width: 8px;
    height: 8px;
    background-color: red;
    border-radius: 5px;
    margin-right: 5px;
    display: inline-block;
    cursor:pointer;
}

.twipsy-inner a {
    cursor:pointer;
}

.ant-help-footer a {
    color: #BFBFBF;
    font-weight: bold;
    cursor: pointer;
}

.ant-help-footer span {
    color: gray;
}

.ant-help-footer a:hover {
    color: #fff;
}

.ah-tip {
    background: #F8833C url('../img/plus.png') 4px 4px no-repeat;
    /*background: whiteSmoke url('../img/plus.png') -20px 4px no-repeat;*/
    border-radius: 15px;
    position: absolute;
    z-index: 9999999;
    cursor: pointer;
    width: 19px;
    height: 19px;
    display: block;
    opacity:0.9;
}

.ah-tip-tw {
    border: 1px solid #F0C36D;
    background-color: #F9EDBE;
    color: black;
}

#profile-menu {
    padding: 0;
    height: 40px;
    display: flex;
    flex-direction: row;
}

#profile-menu svg {
    margin-top: 11px;
    padding: 5px;
}

#profile-menu:after {
    display: none;
}

#profile-menu .pm-cont {
    display: flex;
    flex-direction: column;
    font-size: 95%;
    height: 36px;
    font-weight: bold;
    place-content: flex-end;
}

#profile-menu .pm-cont-nick {
    height:14px;
    font-weight: normal;
}

#profile-menu .pm-cont-tariff {
    height:18px;
}

#profile-menu a:first-letter {
    color:red;
}

.ah-tip:hover {
    background: white url('../img/plus.png') -20px 4px no-repeat;
    opacity:1;
}

#ant-demo {

}

#ant-deny {

}
/*
#mapLayerMenu, #srv-menu, .signin {
    height:10px;
}

#mapLayerMenu:hover, #srv-menu:hover, .signin:hover {
    border-bottom: solid 2px #ddd;
}

.signin {
    border-bottom: solid 2px rgba(255,0,0,1);
}

.signin.logout {
    border-bottom: solid 0px black;
}
*/

#stop-pnt-cnt {
    width: 235px;
}

.al-edit-form input[type="checkbox"]:not(.al-grid-checkbox),
#asForm input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label {
    color: #444;
    cursor: pointer;
    float:none;
}
input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0 5px 0 0;
    background-image: url(../img/cb.png);
    background-repeat: no-repeat;
}
input[type="checkbox"] + label::before {
    background-position: -37px 3px;
}
input[type="checkbox"]:checked + label::before {
    background-position: -113px 3px;
}
input[type="checkbox"]:disabled + label::before {
    background-position: -152px 3px;
}
input[type="checkbox"]:checked:disabled + label::before {
    background-position: -171px 3px;
}

/*
input[type="radio"] {
    display:none;
}
input[type="radio"] + label {
  font: 18px bold;
  color: #444;
  cursor: pointer;
  float:none;
}
input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0 5px 0 0;
    background-image: url(../img/cb.png);
    background-repeat: no-repeat;
}
input[type="radio"] + label::before {
    background-position: 0px -19px;
}
input[type="radio"]:checked + label::before {
    background-position: -108px -19px;
}
input[type="radio"]:disabled + label::before {
    background-position: -144px -19px;
}
input[type="radio"]:checked:disabled + label::before {
    background-position: -162px -19px;
}
​*/

.demo-cursor {
    position: absolute;
    z-index:999999 !important;
    width: 24px;
    height: 24px;
    background: url(../img/cursor.png) 0px 0px;
}

.demo-cursor-red {
    background: url(../img/cursor_red.png) 0px 0px;
}


.olMapViewport
{
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

/*.olLayerDiv svg * {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}*/

.olLayerGrid .olTileImage {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.olLayerDiv img {
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

img.olTileImage {
    max-width: none;
}

.olTileImage.olTileReplacing {
    display: none;
}

/*.olTileImage {
    border: 1px solid red;
}*/

@media (-webkit-transform-3d) {
    img.olTileImage {
        -webkit-transform: none;
    }
}

/*
https://github.com/openlayers/openlayers/issues/1181
Моргает карта
*/
svg {
    -webkit-transform: none !important;
}
.olTileImage {
    -webkit-backface-visibility: visible !important;
    -webkit-transform: none !important;
}

/*
#docsTools, #refsTools, #map-div {
    position:relative;
}
#map-div {
    display:inline-block;
}
*/

#Dex_DBType_Id {
    height:29px;
    width:323px;
}

#Etl_Pass {
    width: 132px;
    background-position: 140px 8px;
}

#Etl_Test {
    margin-left:210px;
}

#Etl_Save {
    display: inline-block;
}

.etldata {
    display: none;
}

.routes-total {
    color: black!important;
}

.routes-total:hover {
    color: red!important;
}

#docsRoutesTotal, #scheduleTotal {
    font-weight: normal;
    overflow: hidden;
}

#docsRoutesTotal span, #scheduleTotal span {
    display: none;
    cursor:default;
}

.exec-message {
    position: absolute;
    width:575px;
    height:80px;
    top: 50%;
    left: 50%;
    margin-left: -287px;
    margin-top: -40px;
    background: rgba(0,0,0,0.8);
    z-index: 9999999;
    /*opacity: 0;*/
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
    background: #fff;
    background: -moz-linear-gradient(#fff, #ccc);
    background: -webkit-linear-gradient(#fff, #ccc);
    background: -o-linear-gradient(#fff, #ccc);
    text-shadow: 0 1px 0 #fff;
    border-radius: 10px;

    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 200;
    cursor: progress;
}

.exec-message h2 {
    text-align: center;
}

.exec-message p {
    padding: 10px;
}

.logo-b {
    position:absolute;
    height:1px;
    border-bottom:2px solid red;
    top:35px;
    z-index:99999;
}

.logo-p {
    position:absolute;
    top:28px;
    z-index:999999;
    font-size: 9px;
    color:white;
}

.fakeLineThrough {
    background-image: url(../img/red-dot.gif);
    background-repeat: repeat-x;
    background-position: center left;
}

.ui-state-disabled {
    color: transparent;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    opacity: 0.75;
}

a:active{
    position: relative;
    top: 1px;
}

#load-res {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999999;
}

#load-res div {
    position: absolute;
}

#load-res .wrap {
    width: 263px;
    height: 138px;
    top: 50%;
    left: 50%;
    margin-top: -200px;
    margin-left: -131px;
}

#load-res .lr1 {
    width: 120px;
    height: 129px;
    background: url('../img/load_cog_bg.png');
    bottom: 0;
    left: 149px;
}

#load-res .lr2 {
    width: 99px;
    height: 104px;
    background: url('../img/load_cogs.gif') no-repeat;
    top: 26px;
    left: 160px;
}

#load-res .lr3 {
    width: 193px;
    height: 138px;
    background:url('../img/load_cloud.png');
}

#lr-progress {
    background-color: black;
    border-radius: 13px;
    padding: 5px;
    width: 252px;
    margin-top: 5px;
    left:5px; top:135px;
}

#lr-progress div {
    background-color: red;
    width: 0%;
    height: 6px;
    border-radius: 10px;
    position: relative;
}

#fAbout li {
    color: black;
}

.tariff {
    position: absolute;
    color: #fff;
    display: none;
    padding: 5px;
    overflow: hidden;
    font-family: Arial, sans-serif;
    font-weight: 900;
    z-index:999999;
    width: 70px;
    height: 32px;
    left: 10px;
    cursor:pointer;
} 

.tariff p span {
    position: absolute;
    display: inline-block;
    right: -25px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
    text-align: center;
    text-transform: uppercase;
    top: 6px;
    width: 100px;
    padding: 3px 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
}


.tariff p span.red {
    background: #d93131;    
    font-weight: bold;
}
.tf-clr-red {
    color: #d93131;
}
.tariff p span.green {
    background: #31b931;    
}
.tf-clr-green {
    color: #31b931;
}
.tariff p span.blue {
    background: #3131b9;        
}
.tf-clr-blue {
    color: #3131b9;
}
#abCont .tabs > li > a {
    line-height: 20px;
    padding: 0 2px 0 2px;
}
#abCont .tabs {
    margin: 0 0 0px;
}

/*To target IE 9 and 10*/
@media screen and (min-width:0\0) {
    input {
        border: 0;
    }

    #user {
        background-image: url(../img/email.png);
        background-repeat: no-repeat;
        background-position: 191px 9px;
        width:183px;
        padding-right: 22px;
    }
} 

#hlDIV div {
    display: inline-block;
    background-image: url(../img/help_doc.png);
    background-repeat: no-repeat;
    height:35px;
    margin-left: 5px;
    width:100px;
}

#hlDIV a {
    text-decoration: none;
}

#hlDIV .online {
    background-position: 2px 0px;
    margin:0px 10px 0px 14px;
}

#hlDIV .online:hover {
    background-position: -93px 0px;
}

#hlDIV .offline {
    background-position: 2px -32px;
}

#hlDIV .offline:hover {
    background-position: -93px -32px;
}

#hlDIV .hlyt {
    margin-top: 10px;
    margin-left: 70px;
}

/*
#docsTools {
        width: 282px;
        float:left;
        
    border: solid #0073EA 0px;
    border-right-width: 2px!important;
    border-right-color: #0073EA!important;
    background:gold;
}
#refsTools {
    width: 282px;
        float: right;
    
    border: solid #0073EA 0px;
    border-left-width: 2px!important;
    border-left-color: #0073EA!important;
    background:green;
}
#map-div {
        margin: 0 284px 0 284px; 

        color:white;
        background: gray;
        display: block;
}

#main {
        overflow: hidden;
        
}

#main div {
        height: 100%;
        position: static;
}*/


/*#copiny-widget-tab {*/
#reformal_tab {
    top: 1px!important;
    margin-top: 0px!important;
    border: 1px solid #fff!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
    padding-left: 10px!important;
    width: 20px;
    border-right: 0!important;
}

/*.widget-img {*/
#reformal_tab img {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);

    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

/*.widget-img:hover {*/
#reformal_tab img:hover {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

.td-min-info {
    float:right;
    color:red;
    font-size:76%;
    margin-top:0px
}

.td-min-info:hover {
    color:white;
    font-size:78%;
}

.ui-state-highlight .td-min-info {
    color:white;
}

.al-grid tbody tr:hover .td-min-info {
    color:white;
}

.route-color {
    background-image: url(../img/colorized.png);
    width: 16px;
    height: 16px;
    display: none;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}
.route-color:hover {
    box-shadow:0px 0px 40px #ccc;
    -o-transform:scale(1.2);
    -o-box-shadow:0px 0px 40px #ccc;
    -moz-transform:scale(1.2);
    -moz-box-shadow:0px 0px 40px #ccc;
    -webkit-transform:scale(1.2);
    -webkit-box-shadow:0px 0px 40px #ccc;
}

.xaddress {
    width: 350px;
}
.addr-bound {
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 10px;
    position: absolute;
    margin: 9px 4px;
}

.addr-bound.dis {
    background: red;
    border: 2px solid red;
}

.addr-bound.en {
    background: green;
    border: 2px solid green;
}

.ah-icon {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    background-image: url(../plugin/jquery-ui/css/flick/images/ui-icons_0073ea_256x240.png);
}

#fQuestionModal form .input {
    margin-left: 90px;
}

#fQuestionModal label {
    width: 80px;
}

#fQuestionModal {
    width: 660px;
}

.cm-btn {
    background-image: url(../img/m_btn.png);
    width: 16px;
    height: 16px;
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 2px 0px;
}

.cm-btn:hover {
    background-position: -17px 0px;
}

.anythingSlider {
    z-index: 10002;
    top:5%;
}

.anythingWindow {
    border: none!important;
}

.anythingSlider .panel {
    -moz-box-shadow: 0px 0px 2em rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 0px 2em rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 2em rgba(0, 0, 0, .2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* in file E:\Projects\Sources\NetBeansProjects\AntLogistics\web\plugin\slider\css\theme-metallic.css */
/*#fastStart {
    width: 900px;
    height: 600px;
}*/

.slide {
    -moz-box-shadow: 0px 0px 2em rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 0px 2em rgba(0, 0, 0, .2);
    box-shadow: 0px 0px 2em rgba(0, 0, 0, .2);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: white;
    /*width: 800px!important;
    height: 600px!important;*/
}

.slide .t-top {
    width:100%;
    height:18%;

    cursor: move;

    border-bottom: 1px solid #558199;
    background-color: #B5DCF1;
    background-image: -moz-linear-gradient(top, #B5DCF1, #83B0C9);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #B5DCF1),color-stop(1, #83B0C9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#B5DCF1', EndColorStr='#83B0C9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#B5DCF1', EndColorStr='#83B0C9')";
    color: #313131;
    text-shadow: 0px 1px 1px #CAE9F9;
    -moz-box-shadow: 0px 1px 0px #fff;
    -webkit-box-shadow: 0px 1px 0px #fff;
    box-shadow: 0px 1px 0px #fff;

}

.slide .t-top h1 {
    margin-bottom: 14px!important;
}

.slide .t-top span {
    font-size: 15px;
}

.slide .t-top-cnt {
    padding: 15px 15px 0px 15px; 
}

.slide .t-top-cnt h1, .slide .t-top-cnt span {
    color: black!important;
    text-shadow: 0px 1px 1px #CAE9F9
}

.slide .close {
    font-size: 25px;
    padding: 10px;
}

.slide .t-cnt {
    width:100%;
    height:72%;
    background-color: white;

}
.slide .t-cnt input {
    font-size: 25px;
    height: 40px;
}

.slide .t-cnt select {
    font-size: 25px;
    height: 50px;
}

.slide .t-cnt input.xlarge {
    width:530px;
}

.slide .t-cnt input.xaddress {
    width:530px;
}
.slide .t-cnt label {
    font-size: 20px;
    padding-top: 15px;
}

.slide.sl-1 .clearfix {
    padding: 1px!important;
}

.slide.sl-1 #eRegName {
    padding-right: 0px;
    padding-left: 22px;
    background-position: 3px 16px;
    background-image: url(../img/em_driver.png);
    background-repeat: no-repeat;
    background-size: 15px;
}

.slide.sl-1 #eRegPhone {
    padding-right: 0px;
    padding-left: 22px;
    background-position: 5px 15px;
    background-image: url(../img/tel.gif);
    background-repeat: no-repeat;
}


.slide.sl-1 form {
    padding-top: 80px;
}

.slide.sl-1-1 h2 {
    text-align: center;
    color: #000;
}

.slide.sl-1-1 form {
    width: 100%;
    height: 100%;
}

.slide.sl-1-1.step-2 h2 {
    font-size: 23px;
}

.slide.sl-2 form {
    padding-top: 70px;
}

.slide.sl-3 form {
    padding-top: 50px;
}

.slide.sl-3 form .input {
    margin-left: 185px;
}

.slide.sl-3 form label {
    width: 170px;
}

.slide.sl-6 form {
    padding-top: 50px;
}

.slide.sl-6 form fieldset legend {
    padding-left: 50px;
}

.slide.sl-6 form .input {
    margin-left: 80px;
}

.slide.sl-6 .t-cnt label {
    font-size: 15px;
    padding-top: 0px;
}

.slide.sl-6 .t-cnt input {
    font-size: 15px;
    height: 14px;
    box-shadow: none;
}

.slide.sl-6 fieldset {
    padding-top: 0px;
}

.slide .t-cnt iframe {
    width: 100%;
    height: 100%;
}

.slide .t-cnt form .clearfix {
    margin-bottom: 10px;
    padding: 10px;
    border-left: 4px solid white;
}

.slide.sl-2 .clearfix {
    padding-left: 30px!important;
}

.slide.sl-3 .clearfix {
    margin-bottom: 0px!important;
    padding: 5px!important;
    padding-left: 30px!important;
}

.slide .clearfix.focused {
    background-color: #f5f6f7;
    border-left: 4px solid #83b0c9!important;
}


.slide .t-cnt form .clearfix:hover {
    background-color: #f6f7f8;
}

.slide .t-cnt form .addr-bound {
    margin-top: 19px;
}

.slide .t-cnt form input[type=email] {
    padding-right: 0px;
    padding-left: 22px;
    background-position: 4px 19px;
}

.slide .t-cnt form input[type=password] {
    padding-right: 0px;
    padding-left: 22px;
    background-position: 4px 19px;
}

.slide .t-btm {
    width:100%;
    height:10%;
    background-color: #f5f6f7;
    border-top: 1px solid #ddd;
}   

.t-btm-cnt {
    padding: 15px;
    float:right;
    padding-right: 25px!important;
}

#news .t-btm-cnt {
    /*width: 920px;*/
    width: 96%;
}

#news .t-btm-cnt a {
    float:right;
}
.slide button.error {
    margin-left: 15px;
}

.slide a.success {
    margin-left: 15px;
}

.slide ul.tabs {
    margin: 0 0 2px;
}

.fs-poi-tab {
    width: 550px;
    padding: 90px 130px 40px;
    font-size: 27px;
    line-height: 34px;
}

.tabs .active a {
    color: black;
}

.im-msg {
    float:right;
    /*margin-top: 13px;*/
    display: none;
    background-repeat: no-repeat;
    padding-left: 17px;
    font-weight: bold;
}

.im-msg.im-err {
    background-image: url(../img/dg_w3.png);
    color: red;
    display: inline-block;
}

.im-msg.im-ok {
    background-image: url(../img/dg_w2.png);
    color: green;
    display: inline-block;
}

#fsEnter {
    float: right;
    margin: 10px 25px 0px 0px;
    padding: 15px;
    font-weight: bold;
}

#fsCarMany, #fsWHMany {
    /*float: right;*/
    margin-left: 10px;
    margin-top: 2px;
}

.fsYT {
    width: 32px;
    height: 32px;
    background-image: url(../img/youtube1.png);
    background-repeat: no-repeat;
    float: right;
    display: inline-block;
    cursor: pointer;
}

.lamp {
    position: absolute;
    left: 50%;
    top: 25px;
    margin-left: -36px;
    width: 72px;
    height: 72px;
    background-image: url(../img/lamp.png);
    cursor: pointer;
    display: none;
    z-index: 1;

    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);

    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.lamp:hover {
    top: 36px;
}

.lamp.left {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -moz-transform: rotate(10deg);   
}

.lamp.right {
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);   
}

.slide.sl-8 .social-button {
    width: 100px;
    height: 90px;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 7px;
    border-radius: 60px;
    background-color: #fa875b;
    -webkit-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    display: inline-block;
}

.slide.sl-8 .social-div {
    text-align: center;
    vertical-align: middle;
    padding-top: 100px;
}

.slide.sl-8 .social-div h1 {
    margin-bottom: 50px;
}

.slide.sl-8 .social-button img{
    padding-top: 20px;
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1);

    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.slide.sl-8 .social-button img:hover{

    transform: scale(1.5,1.5);
    -webkit-transform: scale(1.5,1.5);
    -o-transform: scale(1.5,1.5);
    -moz-transform: scale(1.5,1.5);

    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
}

.slide.sl-8 .tel {
    margin-top: 35px;
    font-size: 24px;
    line-height: 35px;
    color: #000;
}

#fsRegCont {
    display: none;
}

#fsReg {
    padding: 14px;
    font-size: 24px;
    margin: -3px 40%;
    text-decoration: underline;
}

#news .t-top {
    /*height: 8%;*/
    height: 45px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

/*
#news .t-cnt {
    background-repeat: no-repeat;
    background-image:url(../img/loader2.gif);
    background-position: 49% 49%;
}*/

#news .t-btm {
    height: 45px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#news .t-btm-cnt {
    padding: 7px;
}

#news .slide .t-top-cnt {
    padding: 5px 5px 0px 5px;
}

.form-ps {
    margin-left: 170px;
    width: 555px;
}

.form-ps span {
    color: red;
}

#LongRoute,#Pendulum_Route,#UsePostponed,#UseGeoAreas,#ProfitCalc,#UseDocTime,#UseAssignAuto,#Time_Balance,#ShowAdvSetBeforeStart,#Add_ExistingRoutes {
    display: none;
}

.al-grid-table td input {
    border: none;
    padding: 0;
    color:black;
}

.al-grid-table td input:not(:focus) {
    text-align: right;
}

.al-grid-table td input:focus {
    padding-left: 2px;
}

/* Убирает вниз/вверх для type=number */
.al-grid-table input[type=number]::-webkit-outer-spin-button,
.al-grid-table input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.al-grid-table input[type=number] {
    -moz-appearance:textfield;
}

.prod-group {
    margin-left: 1px;
    margin-right: 1px;
    width: 16px;
    height: 16px;
    text-align: center;
    font-size: 11px;
    padding-left: 1px;
    color: black;
}

.prod-group:hover {
    -o-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -webkit-transform:scale(1.2);
}

.doc-btn {
    padding: 5px;

    position:fixed;
    width:25px;
    border:2px solid #fff;
    background-color: #F05A00 !important;

    -moz-box-shadow: -1px 0 2px #888;
    -webkit-box-shadow: -1px 0 2px #888;
    box-shadow: -1px 0 2px #888;

    cursor: pointer;

    font-weight: bold;
    font-size: 13px;
    color: #fff;
}

.doc-bottom {
    bottom: -5px;
    width: 100px;
    line-height: 12px;
    font-family: Montserrat,sans-serif;
    left:50%;
    margin-left: -50px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    text-align: center;
}

.doc-bottom a {
    color: white;
    text-decoration: none;    
}

.doc-bottom:hover {
    bottom: -2px;
}

.doc-btn div {
    height: 12px;
    line-height: 12px;
    font-family: Montserrat,sans-serif;
}

.doc-btn div.f {
    margin-top: 15px;
}

.doc-left {
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    height:195px;
    left:-8px;
    top:60%;
}

.doc-left:hover {
    left:-3px;
}

.doc-left div {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.doc-right {
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    height:175px;
    right:-8px;
    top:60%;
}
.doc-right:hover {
    right:-3px;
}

.doc-right div {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.fsIndicator {
    float:left;
    width: 255px;
    margin: 20px 0px 20px 10px;
}


.fsIndicator a {
    font-size: 85%;
}

.fsProgress {
    border-radius: 60px;
    background-color: gray;
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 3px;
    cursor: pointer;
}

.fsPerform {
    background-color: #0d0;
}

.fsPerform.r {
    background-color: #f00!important;
}

.img-blog {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/blogger.png");
    margin-right: 5px;
    background-size: 14px 14px;
}

.img-like {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/like.png");
    margin-right: 5px;
}

.img-dont-like {
    display: inline-block;
    width: 14px;
    height: 15px;
    line-height: 15px;
    vertical-align: text-top;
    background-image: url("../img/like_dont.png");
    margin-right: 5px;
}

#AntShowTool {
    width: 24px;
    height: 24px;
    background-image: url("../img/favicon.png");
    background-size: 24px;
}

#fParamModal .actions {
    display: inline-block;
    height: 255px;
    padding: 0;
    margin: 0;
}

#fParamModal .actions {
    overflow: hidden;
    border: 1px solid #ddd;
    height: 402px;
}

#fParamModal .actions.grid {
    width: 450px;
}

#fParamModal .actions .a-top {
    height: 315px;
    width: 500px;
}

#fParamModal .actions .a-btm {
    height: 84px;
    width: 500px;
    text-align: center;
    border-top: 1px dashed #ddd;
}

#fParamModal .actions .at-null-note {
    padding: 70px;
    color: #ddd;
    font-size: 24px;
    text-align: center;
}

#fParamModal .actions .at-note {
    color: #111;
    font-size: 16px;
    padding: 25px;
    text-align: center;
}

#fParamModal .actions .a-btm a {
    padding: 15px;
    margin-top: 15px;
    font-size: 20px;
    font-weight: bold;
}

#cmRRMyRoute, #cmRRMode0 {
    border-top: 2px solid #0073ea !important;
}


#doc-real-routes-table .plan-fact tr:nth-child(odd) {
    color: #00d;
}

#doc-real-routes-table .plan-fact tr:nth-child(even) {
    color: #d00;
    text-align: right;
    border-bottom: 2px dotted #0073ea;
}
#doc-real-routes-table .plan-fact tr:nth-child(even) td {
    text-align: right;
    border-bottom: 1px dotted #0073ea;
}

#doc-real-routes-table .plan-fact tr.ui-state-highlight {
    background: white!important;
}

#doc-real-routes-table .plan-fact tr.ui-state-highlight [rowspan="2"] {
    color: white;
    background: #4169E1;
}

#doc-real-routes-table .plan-fact td[rowspan="2"] {
    border-right: 2px dotted #4169E1;
}

#doc-real-routes-table .plan-fact tr:hover {
    background: white!important;
}

#doc-real-routes-table .plan-fact td:hover {
    color: white;
    background: #4169E1;
}

#jqContextMenu a {
    color: black;
    text-decoration: none;
}

#jqContextMenu a:hover {
    color: white;
}

.export-item, .import-item {
    font-size:85%;
}

.editform .modal-body {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

.prop-lock {
    display: inline-block;
    background-position: -192px -96px;
    width: 16px;
    height: 16px;
    background-image: url(../plugin/jquery-ui/css/flick/images/ui-icons_454545_256x240.png);
    cursor: pointer;
    float: right;
    margin-right: 5px;
}

.prop-lock:hover {
    background-color: #0073EA;
    background-image: url(../plugin/jquery-ui/css/flick/images/ui-icons_ffffff_256x240.png);
    color:#fff;
}

.prop-h5 {
    display: inline-block;
    padding-left:90px;
    cursor:move;
}

.prop-lock.en {
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 255, 255, 0.7);
}

.not-bound {
    text-decoration: line-through;
    font-weight: bold!important;
    color: red;
    cursor: pointer;
}

.al-grid-warn {
    width: 16px;
    height: 16px;
}

.img-deny {
    width:48px;
    height:48px;
    float: left;
    padding-right: 5px;
    background-image: url(../img/deny.png);
    background-repeat: no-repeat;
}

.alert-message.error p a {
    /*text-shadow: 0 1px 0 rgba(200, 200, 200, 0.65);*/
    color: #fff;
    font-weight: bold;
    text-shadow: none;
    text-decoration: underline;
}

.as-mc {
    color: #F8833C!important;
}

.hidden_msg {
    display: none;
}

.gps-state {
    border-radius: 10px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 1px;
}
.gps-state.off {
    border: 4px solid red;
}
.gps-state.warn {
    border: 4px solid orange;
}
.gps-state.on {
    border: 4px solid lime;
}

.l-anim {
    position: absolute;
    height:65px;

    display: none;

    background: rgba(0,0,0,0.8);
    z-index: 9999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
    background: #fff;
    background: -moz-linear-gradient(#fff, #ccc);
    background: -webkit-linear-gradient(#fff, #ccc);
    background: -o-linear-gradient(#fff, #ccc);
    text-shadow: 0 1px 0 #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    bottom: 0px;
    left: 300px;
}

.l-anim-slider {
    height: 4px;
    bottom: 17px;
    position: absolute;
    width: 99.2%;
    margin-left: 2px;
}

.l-anim .ui-slider { cursor: pointer; background: #d7d7d7; }
.l-anim .ui-slider { box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset; }
.l-anim .ui-slider .ui-slider-range { background: #000;}

.l-anim .ui-slider .ui-slider-handle {
    background: black;
    width: 6px;
    height: 21px;
    cursor: pointer;
    border: 0;
    border-bottom: 4px solid #0073ea;
    border-radius: 0;
    margin: 0;
    z-index: 10;
    outline: none;
}

.l-anim .ui-slider .ui-slider-handle:nth-child(2) {
    border-bottom: 4px solid limegreen;
}

.l-anim .ui-slider .ui-slider-handle.ui-state-hover {
    cursor: pointer;
}

.l-anim .tick {
    z-index: 6;
    background: #000;
    height: 5px;
    width: 1px;
    position: absolute;
    top: -5px;
}

.l-anim .tick:hover {
    width: 3px;
    margin-left: -1px;
}

.l-anim .comp {
    z-index: 5;
    background: #91448c;
    height: 17px;
    width: 2px;
    position: absolute;
    top: -17px;
}

.l-anim .c-txt {
    font-size: 10px;
    color: #fff;
    text-shadow: none;
    margin-top: -3px;
    display: block;
    text-align: center;
}

.l-anim .comp-dist {
    z-index: 5;
    top: 5px;
    font-size: 75%;
    position: absolute;
}

.l-anim .comp-time {
    z-index: 5;
    top: -35px;
    font-size: 75%;
    position: absolute;
}

.l-anim .comp.stock {
    background:#0073ea;
    width:4px;
}

.l-anim .comp.service {
    background:brown;
    width:3px;
}

.l-anim .comp:hover {
    background: red;
}

.l-anim .comp.service:hover {
    background: red;
}

.l-anim .comp.stock:hover {
    background: red;
}

.l-anim .current {
    /*border-radius:50px;
    background: red;
    height: 10px;
    width: 9px;
    */

    background: url(../img/scar.png);
    background-repeat: no-repeat;
    height: 9px;
    width: 14px;    
    margin-top: -3px;

    position: absolute;
    top: -3px;
    z-index: 17;
}
/*
.l-anim .current:hover {
    height: 12px;
    width: 11px;
    margin-top: -1px;
    margin-left: -1px;
}*/

.l-anim-tools {  
    margin: 4px 0px;
}

.l-anim-tools .ui-icon {
    display: inline-block;
}

.l-anim-tools span {
    margin-right: -5px;
}

#routeAnim {
    /*background: url(../img/ranim.png);
    background-repeat: no-repeat;*/
    background-position: -1104px 0px!important;
}
#routeAnim.active {
    background-color: gold!important;
}

/*
#routeAnim:hover {
    background: url(../img/ranim.gif);
}

#routeAnim.active {
    background-position: -24px 0px;
}

#routeAnim.active:hover {
    background: url(../img/ranim_active.gif);
}*/

.al-grid-total {
    background: #FFC!important;
    color: #000!important;
}

.al-grid-total td {
    font-weight: bold;
}

.al-grid-total:hover {
    color: #000!important;
}

.ds-search {
    width: 230px;
    float: right;
    display:none;
    margin-top: 2px;
}

#settings label {
    width: 240px;
}

#settings .input {
    margin-left: 250px;
}

.ui-state-highlight-multy  {
    border: 1px solid #4169E1;
    background: #6188ff; /* #4169E1; */
    color: #fff;
}

.ui-filter{
    width:16px;
    height:16px;
    background-image:url(../img/filter.png);
    background-position-x:0
}

.ui-filter.set{
    background-position-x:16px
}

.ui-filter.plus{
    background-position-x:32px
}

.ui-filter.minus{
    background-position-x:48px
}

.r-drp-fix {
    opacity:0.5;
}

.fm-pos-id-lnk {
    text-decoration: underline;
}
.tw-top {
    z-index: 999999;
}

.tabs > li > a {
    outline: none;
}

#cmRefDeliveryGroups, #cmRefSchedule {
    color: #008000!important;
}

#jqContextMenu li {
    line-height: 13px;
}

#jqContextMenu li.hide {
    display: none!important;
}

.debts-top-msg {
    top: 41px;
    left: 284px;
    position: absolute;
    z-index: 1 !important;
    color: #fff;
    font-weight: bold;
    border-radius: 0 0 5px 5px;
    transition: opacity .15s linear;
    background-color: #c43c35;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear,left top,left bottom,from(#ee5f5b),to(#c43c35));
    background-image: -moz-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: -ms-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ee5f5b),color-stop(100%,#c43c35));
    background-image: -webkit-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: -o-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: linear-gradient(top,#ee5f5b,#c43c35);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b',endColorstr='#c43c35',GradientType=0);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    border-color: #c43c35 #c43c35 #882a25;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    padding: 3px 6px;
    border-width: 1px;
    border-style: solid;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
    text-align: center;
}

.doc-bottom.akcia-btn {
    background-image: url(../../img/favicon.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position-x: 2px;
    background-position-y: 2px;
    left: 40%!important;
    background-color: #f00!important;
}

.akcia-img {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    cursor: pointer;
}
/* .akcia-img - landscape */
@media screen and (max-width: 99999px) and (orientation: landscape) {
    .akcia-img {
        /*background-image: url(../img/ny/a1024x768.png);*/
        background-image: url(../intro/img/ny/1024x768.png);
        width: 908px;
        height: 447px;
        margin-left: -454px;
        margin-top: -223px;
    }
}
@media screen and (max-width: 800px) and (orientation: landscape) {
    .akcia-img {
        /*background-image: url(../img/ny/a800x600.png);*/
        background-image: url(../intro/img/ny/800x600.png);
        width: 720px;
        height: 354px;
        margin-left: -360px;
        margin-top: -177px;
    }
}
@media screen and (max-width: 724px) and (orientation: landscape) {
    .akcia-img {
        /*background-image: url(../img/ny/a732x412.png);*/
        background-image: url(../intro/img/ny/732x412.png);
        width: 659px;
        height: 324px;
        margin-left: -330px;
        margin-top: -162px;
    }
}
@media screen and (max-width: 640px) and (orientation: landscape) {
    .akcia-img {
        /*background-image: url(../img/ny/a640x360.png);*/
        background-image: url(../intro/img/ny/640x360.png);
        width: 576px;
        height: 283px;
        margin-left: -288px;
        margin-top: -142px;
    }
}
/* .akcia-img - portrait */
@media screen and (max-width: 99999px) and (orientation: portrait) {
    .akcia-img {
        /*background-image: url(../img/ny/p768x1024.png);*/
        background-image: url(../intro/img/ny/768x1024.png);
        width: 624px;
        height: 922px;
        margin-left: -312px;
        margin-top: -461px;
    }
}
@media screen and (max-width: 800px) and (orientation: portrait) {
    .akcia-img {
        /*background-image: url(../img/ny/p600x800.png);*/
        background-image: url(../intro/img/ny/600x800.png);
        width: 488px;
        height: 721px;
        margin-left:-244px;
        margin-top: -360px ;
    }
}
@media screen and (max-width: 724px) and (orientation: portrait) {
    .akcia-img {
        /*background-image: url(../img/ny/p412x732.png);*/
        background-image: url(../intro/img/ny/412x732.png);
        width: 335px;
        height: 495px;
        margin-left: -167px;
        margin-top: -247px;
    }
}
@media screen and (max-width: 640px) and (orientation: portrait) {
    .akcia-img {
        /*background-image: url(../img/ny/p360x640.png);*/
        background-image: url(../intro/img/ny/360x640.png);
        width: 292px;
        height: 431px;
        margin-left: -146px;
        margin-top: -215px;
    }
}
.ta-clear {
    outline: none;
    margin-left: -14px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    opacity: 0.7;
    color: #0073ea;
}

.ta-clear:hover {
    color: #0073ea;
    text-decoration: none;
}

sup.pf-bi {
    color: red;
    left: 0.2em;
}

#gg-trackers-table .ui-state-disabled {
    color: inherit;
}

#gg-trackers-table .ui-state-highlight .ui-state-disabled {
    color: #fff!important;
}

#gg-trackers-table tbody tr:hover td {
    color: #fff!important;
}

.g-traff-on {
    color: aqua!important;
}

.etl-set {
    margin-left: 5px;
}

.ui-autocomplete {
    height: 280px;
    overflow: auto;
}

#advSet {
    float:left;
    margin-left:1px;
    text-align: center;
    width: 110px;
}

.fm-dlg .clearfix > label {
    width: 240px;
}

.fm-dlg .clearfix .input {
    margin-left: 250px;
}

.ui-range-img {
    padding-top: 6px;
    margin-left: 5px;
    width: 16px;
    height: 16px;
}

.ui-range-lbl {
    padding-top: 7px;
    padding-left: 5px;
    font-size: 14px;
}

.callback {
    background: url(../img/callback.png);
    background-size: 96px;
    width: 96px;
    height: 96px;
    position: absolute;
    right: 20px;
    bottom: 40px;
    z-index: 99999999;
    cursor: pointer;
}

.callback:hover {
    transform: scale(1.2);
}

.cb-part {
    float: left;
    font-weight: bold;
    font-size: 18px;
    text-decoration: underline;
}

.al-icon {
    background-image: url(../img/icons.png);
    width: 16px;
    height: 16px;
}

.al-icon-gray {
    background-image: url(../img/icons-gray.png);
    width: 16px;
    height: 16px;
}

.al-icon-gray:hover {
    background-image: url(../img/icons-gray-white.png);
    background-color: #0073EA;
    color: #fff;
}

/*span.al-icon:active {
    top: 1px;
    position: relative;
}*/

.al-icon-sp-view {
    background-position: -214px 0px;
}

.al-icon-clock {
    background-position: -46px -22px;
}

.al-icon-rt-edit {
    background-position: -88px -64px;
}

.al-icon-checked {
    background-position: -141px -71px;
}

.al-icon-eye {
    background-position: -94px -118px;
}

.al-icon-archive {
    background-position: -431px 16px;
}

.al-icon-menu {
    background-position: -262px 1px;
}

.al-icon-menu ul {
    width: 125px;
    height: 200px;
    overflow: auto;
    font-size: 12px;
}

.al-icon-menu li {
    height: 14px;
}

.al-icon-menu a {
    height: 14px;
    padding: 1px 12px;
}

.al-icon-cancel {
    background-position: -214px -94px;
}

.al-icon-refresh {
    background-position: -239px -22px;
}

.al-icon-go {
    background-position: -118px -70px;
}
.al-icon-2 {
    background-image: url(../img/glyphicons-16x.png);
    width: 16px;
    height: 16px;
}

.al-icon-2-all-req {
    background-position: -215px -743px;
}

.al-icon-2-flake {
    background-position: -23px -46px;
    scale: 0.8;
}

#auto-gr.al-icon-menu ul {
    height: 120px;
    font-size: 11px;
    top: 542px;
}

#auto-gr li {
    overflow: hidden;
}

.multiple-edit {
    width: 20px;
    display: inline-block;
    margin-left: 2px;
}

.multiple-edit .ui-icon {
    outline: none!important;
    padding-bottom: 2px;
    background-image: url(../plugin/jquery-ui/css/flick/images/ui-icons_454545_256x240.png);
}

.multiple-edit .ui-icon:hover {
    background-color: #0073EA;
    background-image: url(../plugin/jquery-ui/css/flick/images/ui-icons_ffffff_256x240.png);
    color: #fff;
    cursor: pointer;
}

#doc-real-routes-pnt-plan-table .dg-prepare {
    background-position: 18px!important;
}


.mlft5 {
    margin-left: 5px;
}

.cre-token {
    position: absolute;
    padding: 7px;
}

.row-prop, .fbi-prop {
    border: 2px solid rgb(0, 115, 234);
    background: white;
    z-index: 9999 !important;
    padding-top: 0px;
    border-radius: 4px;
    z-index:10000!important;
    position: absolute;
}

.row-prop .prop-h5 {
    color: #000;
    text-shadow: none;
}

ol.slide-info {
    padding: 100px;
}

.slide-info li {
    font-size: 28px;
    color: #000;
    line-height: 56px;
    font-weight: bold;
}

.m-icon {
    margin: 15px;
    width: 72px;
    height: 72px;
    outline: none!important;
    cursor: pointer;
    float: left;
    padding: 15px;
    margin-left: 45px;
    background-repeat: round;
    color: black;
    text-align: center;
}

.m-icon:hover {
    transform: scale(1.2);
    transition: 250ms;
}

.m-itxt {
    height: 32px;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 2px solid blue;
    font-size: 14px;
    font-weight: bold;
}

.m-itxt:hover {
    transform: scale(1);
}

.m-add {
    background-image: url(../img/m_add.png);
}

.m-edit {
    background-image: url(../img/m_edit.png);
}

.m-del {
    background-image: url(../img/m_del.png);
}

.m-copy {
    background-image: url(../img/m_copy.png);
}

.anythingSlider {
    z-index: 999 !important;
}

.m-bnt-shine {
    outline: 0;
    border-color: rgba(236, 0, 0, 0.9);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 0, 0, 0.7);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 0, 0, 0.7);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 0, 0, 0.7);
}

.m-our-contacts {
    list-style: none;
    padding: 25px 25px 25px 225px;
}

.m-our-contacts li {
    line-height: 42px;
    font-size: 23px;
}

.m-our-contacts li img {
    position: absolute;
    padding-top: 10px;
    margin-left: -36px;
}

.m-social {
    height: 64px;
    float: right;
    width: 64px;
    margin: -24px 4px;
    cursor: pointer;
}

.m-social:hover {
    transform: scale(1.1);
    transition: 100ms;
}

.m-social.yt {
    background: url(../img/yt64.png);
}

.m-social.fb {
    background: url(../img/fb64.png);
}

.m-social.li {
    background: url(../img/li64.png);
}

.m-features i {
    text-decoration: underline;
}

.m-features h1 {
    font-size: 24px;
}

.sl-9.m-features h1, .sl-11.m-features h1 {
    font-size: 22px!important;
}

.m-features img {
    cursor: pointer;
    width: 100%;
    height: 100%
}

.m-minmax {
    float: right;
    color: #000;
    font-weight: bold;
    line-height: 13.5px;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    font-size: 25px;
    outline: none;
}

.m-minmax:hover {
    color: #000;
    text-decoration: none;
    opacity: .4;
}

.md-url-type {
    padding: 7px;
    text-decoration: underline;
}

altab {
    width:100%;
    display:table;
    white-space:normal;
    text-align: left;
}

altr {
    display: flex;
}

altr altd:first-child {
    width: 80%;
}

.nw-nfy {
    width: 14px!important;
    height: 14px!important;
    border: 1px solid #eee;
    position: absolute;
    z-index: 10;
    margin-left: 18px;
    margin-top: -4px;
    font-size: 10px;
    color: #fff;
    background: orangered;
    border-radius: 10px;
}

.nw-nfy b {
    position: absolute;
    top: -1px;
    width: 14px;
    height: 14px;
    text-align: center;
    left: -0.2px;
}

.chat-btn {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 9px;
    z-index: 9999999999;
    right: 6px;
    cursor: pointer;
}

.chat-btn:hover {
    background-color: rgba(255,255,255,0.05);
    border-radius: 3px;
}

.chat-btn svg {
    opacity: 0.7;
}

.chat-btn svg:hover {
    opacity: 1;
}

.help-center-btn {
    position: absolute;
    width: 26px;
    height: 26px;
    top: 9px;
    right: 40px;
    z-index: 9999999999;
    cursor: pointer;
}

.help-center-btn svg {
    opacity: 0.7;
}

.help-center-btn svg:hover {
    opacity: 1;
}

.help-center-btn:hover {
    background-color: rgba(255,255,255,0.05);
    border-radius: 3px;
}

.help-center-btn div {
    width: 8px;
    height: 8px;
    background: #30FF6A;
    float: right;
    border-radius: 5px;
    position: absolute;
    left: 16px;
}

.hc-menu {
    position: absolute!important;
    right: 200px!important;
    left: auto!important;
}

#ptdWHouse {
    background: url(../img/map/house.svg);
    background-size: 24px;
}
#ptdService {
    background: url(../img/repair.png);
    background-size: 24px;
}

.depositDlg #ePaidByDate, [for="ePaidByDate"] {
    font-weight: bold;
    color: blue;
    font-size: 13px;
}

.depositDlg [for="eBalance"] {
    font-weight: bold;
    font-size: 18px;
}

.depositDlg #eBalance {
    font-size: 18px;
}

.fsSupLabel {
    padding-left: 150px;
    font-weight: bold;
    color: red;
    font-size: 11px;
}

.fsSup {
    color: red;
    font-weight: bold;
    font-size: 81%;
    font-size: 12px;
}

#traffic {
    background-position: -1080px 0px!important;
    /*width: 24px;
    height: 24px;
    background-image: url(../img/traffic.png);
    background-size: 24px;*/
}

.al-traffic {
    position: absolute;
    width: 380px;
    height: 60px;
    background: rgba(0,0,0,0.8);
    z-index: 9999;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    box-shadow: 0 3px 20px rgba(0,0,0,0.9);
    background: #fff;
    background: -moz-linear-gradient(#fff, #ccc);
    background: -webkit-linear-gradient(#fff, #ccc);
    background: -o-linear-gradient(#fff, #ccc);
    text-shadow: 0 1px 0 #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    bottom: 0px;
    left: 50%;
    margin-left: -200px;
    color: #000;
}

.al-traffic-menu {
    display: flex;
    padding: 8px;
    margin-top: 8px;
}

.alt-h-ticks {
    height: 10px;
    padding-top: 8px;
    cursor: pointer;
}

.alt-h-ticks div {
    position: absolute;
    width: 1px;
    height: 5px;
    display: inline-block;
    vertical-align: top;
    background-color: #aaa;
}

.alt-h-ticks div:hover {
    width: 2px;
}

.alt-h-ticks div:nth-child(even) {
    height: 10px;
}

.alt-h-time div {
    position: absolute;
    cursor: default;
    display: inline-block;
    width: 40px;
    margin-left: -20px;
    text-align: center;
    font-size: 9px;
    color: black;
}

.alt-h-time div:hover {
    text-decoration: underline;
    cursor: pointer;
}

.alt-slider {
    height: 2px;
    background: #0073EA;
    cursor: pointer;
}

.alt-slider .ui-slider-range {
    background: #0073EA;
}

.al-traffic-hour {
    display: inline-block;
    width: 180px;
    height: 40px;
    margin: 2px;
    position: relative;
}

.al-traffic-week {
    display: inline-block;
    width: 180px;
    height: 40px;
    margin: 2px;
    position: relative;
}

.al-traffic .current {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 7px 0 7px;
    border-color: #0073EA transparent transparent transparent;
    margin-top: -6px;
    cursor: pointer;
}

.al-traffic .current:hover {
    border-color: #4400ea transparent transparent transparent;
}

.alt-w-legend {
    margin-top: 3px;
}

.alt-w-legend div {
    width: 10px;
    height: 7px;
    display: inline-block;
}

.alt-w-legend div:hover {
    border: 1px solid #000!important;
    cursor: pointer;
}

.alt-w-legend span {
    font-size: 11px;
    margin-left: 2px;
}

.alt-w-days span {
    font-size: 13px;
    text-shadow: none;
    padding: 2px;
}

.alt-w-days span.active {
    color: white;
    background: #0073EA;
}

.alt-w-days span:hover {
    color: white;
    background: #0073EA;
    cursor: pointer;
}

.al-traffic-time {
    position: absolute;
    top: -2px;
    font-size: 11px;
    left: 186px;
    color: #0073EA;
}

.news-list {
    overflow-y: scroll;
    height: 450px;
}

.news-item {
    display: flex;
    border-bottom: #ddd solid 1px;
    min-height: 55px;
}

.news-item a {
    outline: none;
}

.news-vote {
    width: 40px;
    display: flex;
    flex-direction: column;
    border-right: #ddd solid 1px;
}

.news-vote a {
    margin-left: 12px;
}

.news-vote a:first-child {
    margin-top: 70px;
}

.news-vote span {
    width: 40px;
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
    font-size: 12px;
}

.news-title {
    padding: 8px 0px 0px 8px;
    width: 100%;
    line-height: 16px;
}

.news-title img {
    padding: 10px;
}

.news-comment {
    background-image: url("../img/comment.png");
    width: 32px;
    height: 32px;
    background-size: 32px;
    margin-right: 7px;
    float: right;
}

.news-comm-plus {
    float: right;
    margin-right: 7px;
}

.news-title-cap {
    font-size: 22px;
}

.news-date {
    text-transform: capitalize;
    padding: 8px;
    width: 55px;
    border-left: #ccc solid 1px;
}

.news-new {
    float: right;
    padding: 9px 14px 8px 7px;
    right: 94px;
    font-size: 9px;
    color: red;
}

.news-footer {
    line-height: 32px;
    margin-top: 22px;
    padding: 2px;
    border-radius: 3px;
    border: solid 2px white;
}

.adv-set-calc, .adv-set-calc:active {
    font-size: 11px;
    text-decoration: underline;
    outline: none;
    top: auto;
}

.r-90 {
    transition: all .8s ease-in;
    transform: rotate3d(0, 1, 0, 3.142rad);
}

.cm-fix-clear {
    position: sticky!important;
    bottom: 0px!important;
    background: #fff!important;
}

.cm-fix-all {
    position: sticky!important;
    bottom: 42px!important;
    background: #fff!important;
}

.cm-fix-advsch {
    position: sticky!important;
    bottom: 21px!important;
    background: #fff!important;
    color: #0073ea!important;
}

.al-multiple {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: center;
    overflow: hidden;
    width: 349px;
    height: 24px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 3px 0px 0px 3px;
    padding: 1px;
    font-size: 13px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    user-select: none;
}

.al-multiple-btn {
    width: 16px;
    height: 24px;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0px 3px 3px 0px;
    padding: 1px;
    opacity: .8;
    cursor: pointer;
    text-align: center;
}

.al-multiple-btn:hover {
    opacity: 1;
}

.al-multiple-btn svg {
    rotate: 180deg;
    translate: 0px 6px;
}

.al-ml-show svg {
    rotate: 0deg;
    translate: 0px 0px;
}

.al-multiple-item {
    display: flex;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 2px;
    font-size: 12px;
    margin-right: 1px;
}

.al-multiple-item .al-mi-label {
    max-width: 54px;
    text-overflow: clip;
    overflow: hidden;
    white-space:nowrap;
    line-height: 17px;
    cursor: grab;
    padding: 1px;
}

.al-multiple-item .al-mi-close {
    width: 10px;
    font-weight: bold;
    color: #c43c35;
    float: right;
    font-size: 15px;
    padding: 3px;
}

.al-multiple-item .al-mi-close:hover {
    color: red;
    cursor: pointer;
}

.al-multiple-form {
    position: absolute;
    width: 368px;
    height: 165px;
    z-index: 12000;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;

    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    margin-top: 167px;
}

.al-multiple-form input[type="checkbox"] {
    outline: none;
    border: none;
    width: 16px;
    height: 16px!important;
    margin-left: 5px;
}

.al-mf-hdr {
    display: flex;
    height: 28px;
    width: 100%;
    padding: 1px;
}

.al-mf-hdr input[type="checkbox"] {
    margin-left: 8px!important;
    margin-top: 5px!important;
    display: block!important;
}

.al-mf-hdr input[type="search"] {
    height: 16px!important;
    width: 322px;
    margin-left: 5px;
}

.al-mf-hdr .btn {
    height: 13px;
    float: right;
    margin: 0px 2px 0px 0px;
}

.al-mf-hdr .btn div {
    width: 16px;
    height: 16px;
    background-image: url(../img/icons.png);
}

.al-mf-hdr .btn div.sel {
    background-position: 181px 0px, 188px 0px;
    background-image: url(../img/icons.png), url(../img/icons.png);
    width: 24px;
}

.al-mf-hdr .btn div.uns {
    background-position: 159px 0px;
}

.al-mf-hdr .btn div.up {
    background-position: 182px 62px;
}

.al-mf-list {
    height: 100%;
    width: 100%;
    overflow: auto;
}

.al-mfl-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: center;
    padding-left: 3px;
    padding-right: 3px;
    border-bottom: 1px solid #eee;
}

.al-mfli-cb {

}

.al-mfli-text {
    margin-left: 5px;
    cursor: pointer;
}

.url-lnk {
    margin-top: 8px;
    display: flex;
}

.al-survey {
    display: flex;
    flex-direction: row;
}

.al-survey .ali-ant {
    background: url(https://lh4.googleusercontent.com/-XfnBdVL9AN8/UVRZGjGZOsI/AAAAAAAACIg/aKNdVFUeUuM/w1322-h250/ant_hello.png);
    background-position: 0px;
    width: 118px;
    height: 250px;
}

.al-survey .ali-ctrl {
    display: flex;
    flex-direction: column;
    width: 350px;
    flex-grow: 1;
}

.al-survey .ali-ctrl-txt {
    padding: 30px;
    height: 115px!important;
}

.al-survey .ali-ctrl-btn {
    margin-left: 45px;
}

.al-survey .ali-ctrl-btn .btn {
    padding: 10px;
}

.al-survey .ali-ctrl-btn .btn.success {
    width: 210px;
    padding: 20px;
    text-decoration: underline;
     text-align: center;
     font-size: 24px;
     margin-left: 20px;
}

#jqContextMenu li {
    cursor: pointer!important;
}

.import-opts {
    float:left;
    border-right: 2px solid #ddd;
    width: 185px;
    margin-right: 10px;
}

.import-opts input[type=checkbox] {
    display: none;
}

.al-grid-td-lnk {
    margin-top: 2px;
    min-width: 16px;
    background-image: url(../plugin/jquery-ui/css/flick/images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .al-grid-td-lnk,.al-grid-td-lnk:hover {
    background-image: url(../plugin/jquery-ui/css/flick/images/ui-icons_ffffff_256x240.png);
}

.al-grid-td-txt {
    margin-top: 5px;
}

.dc-95 {
    background: #DC143C!important;
    color: #fff;
}

.dc-95 .td-min-info {
    color: yellow;
}

.ui-state-highlight .dc-95 {
    background: #4169E1!important;
}

.al-grid-total .dc-95, .ui-state-highlight .al-grid-total .dc-95 {
    background: #FFC!important;
    color: #000!important;
}

.al-grid-find td {
    font-weight: bold;
}
.al-grid-find td b {
    background: yellow;
}
.al-grid-from-v0 {
    color: #57a957;
}

.ui-state-highlight.al-grid-from-v0 {
    color: #fff;
}

span[type="crm-archive"].al-icon-archive {
    margin-top: 3px;
}

.rc-cstatus-1 {
    background-color: #ffff0080;
}

.rc-cstatus-2 {
    background-color: #c43c3580;
}

.rc-cstatus-3 {
    background: #ffa50080;
}

#dlgRCalc h3 {
    cursor: move;
}

.rc-oper-r, .rc-oper-l {
    font-size: 12px;
}

.break {
    min-height: 18px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0px;
    border: solid 1px #ff5e00;
    z-index: 999999999999;
    background: #ff5e00;
    color: white;
    font-weight: bold;
}

.break a {
    padding: 4px;
    cursor: pointer;
}

.cr-gray {
    color: #ccc;
}

.fbi-head {
    height: 12px;
    background: rgb(0, 115, 234);
    cursor: move;
}

.fbi-head .close {
    font-size: 18px;
    margin: 1px 1px;
    opacity: 0.65;
    line-height: 11.5px;
    color: #000;
    outline: 0;
}

.fbi-body {
    height: 99%;
}

.fbi-body .tabs {
    margin: 0px;
    height: 20px;
    font-size: 13px;
    /*direction: rtl;
    overflow: auto;*/
}

.fbi-body .tabs li {
    line-height: 16px;
}

.fbi-body .pill-content > div {
    height: 100%;
}

.fbi-body .tabs a {
    line-height: 15px;
    padding: 0 1px;
}

.fbi-body .tabs .dropdown-menu a {
    padding: 4px 15px;
    line-height: 18px;
}

.fbi-body .tabs .dropdown-toggle:after {
    margin-top: 6px;
    margin-left: 1px;
}

.fbi-body .tabs .dropdown-menu {
    top: 16px;
}

.fbi-btn {
    position: absolute;
    display: flex;
    right: 1px;
    top: 11px;
}

.fbi-dd-cb {
    margin: 5px 1px!important;
}

.fbi-search {
    height: 10px;
    margin-top: 1px;
    width: 100px;
    margin-right: 5px;
}

.fbi-dd {
    height: 10px;
    margin-top: 1px;
}

.f-bi {
    background-position: -1128px 0px!important;
}

.fbi-error {
    width: 100%;
    text-align: center;
    top: 50%;
    position: absolute;
}

.fbi-btn .al-icon {
    cursor: pointer;
    display: inline-block;
    margin-top: 3px;
    outline: 0;
}

.fbi-btn .al-icon:hover {
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 10%), 0 0 8px rgb(82 168 236 / 60%);
}

.fbi-name {
    box-shadow: inset 0 1px 3px rgb(0 0 0 / 10%), 0 0 8px rgb(82 168 236 / 60%);
    position: absolute;
    bottom: 4px;
    right: 14px;
    padding: 0px 3px 0px 3px;
    font-size: 11px;
    font-style: italic;
}

.fbi-filter {
    background-image: url(../img/filter.png);
    margin-right: 3px;
}

.fbi-filter.en {
    background-color: bisque;
}

.al-icon-fields {
    background-position: -24px -47px;
    float: right;
    cursor: pointer;
}

.add-fields ul {
    min-width: 200px;
    width: 250px;
    height: 250px;
    overflow: auto;
}

.add-fields ul a {
    padding: 1px 15px;
}

.add-fields:hover {
    outline: 0;
    border-color: rgba(236, 0, 0, 0.9);
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 0, 0, 0.7);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 0, 0, 0.7);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(236, 0, 0, 0.7);
    border-radius: 3px;
}

.ef-content {
    float: left;
    margin: 0px 0px 0px 10px!important;
}

#hde-container, #hde-chat-container {
    height: 600px;
}

.ui-icon:hover, .ui-filter:hover, .al-icon:hover, .al-icon-2:hover {
    transform: scale(1.08);
    cursor: pointer!important;
}

.ui-icon.open:hover, .al-icon.open:hover, .al-icon-2.open:hover {
    transform: none;
}

input, textarea, select, .uneditable-input {
    color: #040404;
}

.dlg-grid-search {
    height: 12px;
    font-size: 95%;
    margin-bottom: 3px;
    margin-left: 4px;
}

 /* checkbox tumbler */
 /* https://snipp.ru/html-css/checkbox-toggle */
.checkbox-ios {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	margin-right: 10px!important;
	width: 50px!important;
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	user-select: none;
	padding-top: 0px;
	scale: 0.8;
	margin-left: -8px;
}
.checkbox-ios .checkbox-ios-switch {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 42px;
	height: 22px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 25%/50%;
	vertical-align: top;
	background: #eee;
	transition: .2s;
	margin-top: 4px;
}
.checkbox-ios .checkbox-ios-switch:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: white;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	transition: .15s;
}
.checkbox-ios input[type=checkbox] {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.checkbox-ios input[type=checkbox]:not(:disabled):active + .checkbox-ios-switch:before {
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {
	background: #1a73e8;
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before {
	transform:translateX(21px);
}

/* Hover */
.checkbox-ios input[type="checkbox"]:not(:disabled) + .checkbox-ios-switch {
	cursor: pointer;
	border-color: rgba(0, 0, 0, .3);
}

/* Disabled */
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch {
	filter: grayscale(70%);
	border-color: rgba(0, 0, 0, .1);
}
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before {
	background: #eee;
}

/* Focus */
.checkbox-ios.focused .checkbox-ios-switch:before {
	box-shadow: inset 0px 0px 4px #ff5623;
}

.fx-btn {
    margin-left: -26px;
    margin-top: 26px;
    position: absolute;
    outline: none!important;
    padding: 3px 3px 3px 3px;
    font-size: 14px;
}

.fx-btn:active {
    position: absolute;
    top: inherit;
}

.fx-btn ul {
    min-width: 200px;
    width: 250px;
    height: 235px;
    overflow: auto;
    top: 22px;
}

.fx-btn ul a {
    padding: 1px 15px;
}

.binance-dep-msg {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

.binance-dep-msg span {
    color: red;
}

.binance-dep-msg b {
    text-decoration: underline;
}

.al-cb-options {
    position: absolute;
    height: 175px;
    background: white;
    box-shadow: rgb(0 0 0 / 24%) 0px 3px 8px;
    border-radius: 4px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.al-cbo-options .option {
    color: #000;
    line-height: 16px;
    height: 15px;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
    padding: 0px 2px 1px;
}

.al-cbo-options .option:hover {
    background: #4169E1!important;
    color: #fff;
}

.al-cbo-search {
    height: 22px;
    width: 100%;
}

.al-cbo-search input {
    height: 12px!important;
    margin: 1px;
    width: 96%;
}

.al-cbo-options {
    width: 100%;
    height: 100%;
    margin-top: 2px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*           AL - NEW - UI          */

.al-params .al-edit-form {
    display: flex;
    flex-direction: row;
}

.al-params .tabs li {
    color: white;
    border: 0;
    height: 44px;
}

.al-params .tabs li a {
    display: flex;
    align-items: center;
    padding-left: 50px;
    height: 44px;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    border-radius: 0px;
    color: white;
    border: 0;
    background: #000;
}

/*.al-params .tabs li:hover,*/
.al-params .tabs li a:hover {
    background: #464646;
    font-weight: bold;
}

/*.al-params .tabs li.active,*/
.al-params .tabs li.active>a {
    background: #464646;
    font-weight: bold;
}

.al-params .modal-body {
    padding: 0!important;
}

.al-params-tw {
    display: flex;
    flex-direction: column;
    background: #000;
    width: 300px;
    font-family: 'Montserrat';
}

.al-params-tw .tabs::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Track */
.al-params-tw .tabs::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* Handle */
.al-params-tw .tabs::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #bfbfbf;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.al-params-tw a {
    outline: none;
    color: white;
    border: 0;
    text-decoration: none;
}

.al-params-tw a:active {
    top: 0px;
}

.al-params-menu-header {
    display: flex;
    align-items: center;
    padding-left: 40px;
    height: 44px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    border-radius: 0px;
    color: white;
    border: 0;
}

.al-params-menu-header:has(a) {
    cursor: pointer;
}

.al-params-menu-header.active, .al-params-menu-header:has(a):hover {
    background: #464646;
}


.al-params-menu-header.apmh-main.active {
    background: #46464680;
}

.al-params .pill-content {
    padding-left: 100px;
    margin-top: 40px;
    width: 100%;
}

.al-params * {
    font-family: 'Montserrat'!important;
}

.al-params form {
    font-family: 'Montserrat'!important;
    font-style: normal;
    font-weight: 400;
}

.al-params form .clearfix {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.al-params form .clearfix[altype="label"] {
    margin-bottom: 10px;
}

.al-params form .clearfix[label-group] {
    margin-left: 20px;
    margin-bottom: 10px;
}

.al-params form .clearfix[label-group-last] {
    margin-bottom: 30px;
}

.al-params form .clearfix label {
    text-align: left;
    margin-left: 0px;
    width: 100%;
    padding-bottom: 5px;
    font-weight: 600;
    font-size: 14px;
}

.al-params form .clearfix .input {
    margin-left: 0px;
}

.al-params form .clearfix .input input {
    height: 20px;
    font-size: 14px;
    line-height: 16px;
}
.al-params form .clearfix .input select {
    height: 30px;
    font-size: 14px;
    line-height: 16px;
}

.al-params .pc-title {
    margin-bottom: 20px!important;
    font-weight: 700!important;
}

.al-params .pc-title label {
    font-size: 19px!important;
}

.al-params [altype="grid"] .al-grid-container {
    width: 90%;
    border: 1px #ccc solid;
}

.al-params .al-cbo-options {
    font-size: 14px;
    line-height: 16px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.al-params .al-cbo-options .option {
    padding-top: 1px;
}

.al-params-range {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.al-params .ui-range-lbl {
    padding-right: 20px;
    width: 150px;
}

.al-params input[type="checkbox"] {
    display: inline!important;
    outline: none;
    border: none;
    width: 16px;
    height: 16px!important;
    margin-left: 5px;
    box-shadow: none;
}

.al-params input[type="checkbox"] + label::before {
    display: none;
}

input[type="radio"] {
    width: 16px;
    height: 16px!important;
    margin-left: 25px;
    box-shadow: none;
    border: none;
    outline: none;
    display: block;
}

/* <div class="radio-container"><input type="radio"><span>Описание 1</span></div>
   <div class="radio-container"><input type="radio"><span>Описание 2</span></div> */
.radio-container {
    display: flex;
    margin-bottom: 10px;
}

.radio-container span {
    margin: 3px 5px;
    font-size: 16px;
}

.al-params .al-cb-options {
    background: #F4F4F4;
}

.al-params .url-lnk {
    font-size: 14px;
}

.al-params .al-params-close {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(56, 120, 221, 1);
    color: white;
    border: rgba(56, 120, 221, 1);
    top: auto!important;
}

.time-sep {
    display: inline-flex;
    width: 20px;
    border: 1px solid gray;
    margin-left: 12px;
    margin-right: 12px;
    height: 0px;
    margin-bottom: 4px;
}
/*
.al-params [altype="bool"] label {
    padding-top: 4px;
}*/

form .clearfix .input select {
    background: #F4F4F4;
}

#asForm .input {
    margin-left: 0px;
}

#asForm label {
    float: none;
    font-weight: bold;
}

#asForm .clearfix {
    margin-bottom: 6px;
}

.al-map-ch {
    position: fixed;
    height: 22px;
    bottom: 18px;
    right: 300px;
    z-index: 999;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #bbb;
    display: flex;
    font-weight: bold;
    cursor: pointer;
    flex-direction: row;
    box-shadow: 0px 0px 11px 0px #0000001F;
    font-family: 'Montserrat'!important;
    padding: 2px;
}

.al-map-ch .almch-img {
    width: 20px;
    padding: 3px 2px;
}

.al-map-ch .almch-txt {
    padding-top: 2px;
}

.al-map-ch .almch-arr {
    width: 19px;
    text-align: center;
    height: 14px;
    margin-top: 2px;
}

.al-map-ch:hover, .almch-menu:hover {
    border-color: rgba(82,168,236,0.8);
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1), 0 0 8px rgba(82,168,236,0.6);
}

.almch-menu {
    position: fixed;
    z-index: 999;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #bbb;
    font-weight: bold;
    flex-direction: column;
    box-shadow: 0px 0px 11px 0px #0000001F;
    font-family: 'Montserrat'!important;
    display: none;
    bottom: 30px;
    color: #000;
    padding: 5px 2px 5px 2px;
}

.almch-item {
    color: #000;
    line-height: 20px;
    text-align: center;
    list-style: none;
    padding: 2px;
    cursor: pointer;
}

.almch-item:hover {
    background: #eee;
    font-weight: bold!important;
}

.almch-menu .divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #eee;
    border-bottom: 1px solid #fff;
}

.al-logo {
    background: url(../img/nw/logo.svg);
    background-repeat: no-repeat;
    background-position: 0px 8px;
    width: 140px;
    height: 40px;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.al-logo:hover {
    transform: scale(1.05);
    transition: all .2s ease-in-out;
}

.menu-dropdown .li-title {
    font-size: 11px;
    padding: 4px 15px;
    color: #757882;
}

.topbar-inner {
    background: #111217;
}

.popover .input {
    margin-top: 4px;
}

label[for="remember"]:before {
    display: none!important;
}

label[for="remember"] {
    padding-top: 0px;
    padding-left: 4px;
}

#remember {
    width: 15px;
    height: 15px;
}

#logo {
    padding-left:3px;
    margin-left:0px;
    padding-right:15px
}

#shareForm .sf-cont {
    height: 128px;
    display: flex;
    flex-direction: column;
}

.sf-cont .sf-top {
    height: 70px;
    display:flex;
}

.sf-cont .sf-bottom {
    height: 44px;
    display:flex;
    padding-top: 15px;
}

.sf-cont .sf-bottom .btn {
    background: rgba(56, 120, 221, 1);
    color: white;
    border: rgba(56, 120, 221, 1);
    margin-top: 7px;
    height: 20px;
    width: 78px;
}

.sf-cont .sf-top .sf-item {
    display:flex;
    flex-direction: column;
    align-self: center;
    padding: 10px;
    width: 45px;
}

.sf-cont .sf-top .sf-item a {
    align-self: center;
}

.sf-cont .sf-top .sf-item span {
    align-self: center;
}

.sf-cont .sf-top .sf-item:hover {
    transform: scale(1.05);
    transition: all .2s ease-in-out;
}

.topbar form {
    margin-right: 20px;
}

.topbar input {
    background-color: transparent;
    background-color: rgba(255,255,255,0);
    border: 1px solid #292A2E;
    box-shadow: none!important;
    color: #ADADAD;
    text-shadow: none!important;
}

.topbar input:focus {
    color: #ADADAD!important;
}

.topbar input:hover {
    background-color: #292A2E;
    background-color: rgba(255,255,255,0.1);
    color: #ADADAD;
}

.topbar input:-moz-placeholder {
    color: #ADADAD;
}

.topbar input::-webkit-input-placeholder {
    color: #ADADAD;
}

.al-params-version {
    right: 10px;
    position: fixed;
    top: 48px;
    color: red;
}

.ws-cont {
    display: flex;
    position: absolute;
    bottom: 16px;
    left: 70px;
}

#import-refs-form .gdocs:hover {
    scale: 1.15;
    cursor: pointer;
}

.no-sort {
    text-decoration: none!important;
    cursor: default!important;
}

.ah-tw {
    opacity: 1!important;
}

.docDate[disabled] {
    color: #0073EA13;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}

/* BI CHART PROPS DIALOG*/
.fch-cont {
    height: 500px;
}

.fch-cont .al-grid-table input[type="checkbox"] {
    display: inherit;
}

.fch-but {
    width: 39px;
    height: 500px;
    float: left;
    overflow: hidden;
}

.fch-but .btn {
    width: 19px;
    padding: 4px;
    padding-left: 10px;
    margin-left: 2px;
    margin-bottom: 10px;
}

.fch-add {
    margin-top: 150px;
}

.fch-up {
    margin-top: 50px;
    transform: rotate(-90deg);
}

.fch-down {
    margin-top: 10px;
    transform: rotate(-90deg);
}

/* data mart field container */
.dmf-cont {
    width: 411px;
    height: 500px;
    border: 1px solid gray;
    float: left;
    overflow: hidden;
}

/* chart field container */
.cf-cont {
    width: 411px;
    height: 500px;
    border: 1px solid gray;
    float: left;
    overflow: hidden;
}

.f-btn {
    position: absolute;
    outline: none!important;
    padding: 3px 3px 3px 3px;
}

.f-btn:active {
    position: absolute;
    top: inherit;
}
.f-btn.dim {
    margin-left: -80px;
    margin-top: 26px;
}

.f-btn.mes {
    margin-left: -35px;
    margin-top: 51px;
}

.f-btn.fun {
    margin-left: -75px;
    margin-top: 76px;
}
.f-btn.fun.x {
    margin-left: -20px;
}

.f-btn ul {
    min-width: 116px;
    width: 100px;
    top: 22px;
}

.f-btn ul a {
    padding: 1px 15px;
}

.f-btn.dim ul, .f-btn.mes ul {
    min-width: 200px;
    width: 250px;
    height: 250px;
    overflow: auto;
}

.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
	display: block!important;
}

.dropdown-submenu > a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #cccccc;
	margin-top: 5px;
	margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
	border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
	float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}

#prod-tab .al-grid-container, #g-tab .al-grid-container, #wh-tab .al-grid-container,
#sp-tab .al-grid-container, #car-tab .al-grid-container, #cg-tab .al-grid-container,
#c-tab .al-grid-container {
    padding-top: 2px;
}

#cg-tab .al-grid-container {
    padding-top: 4px;
}

#prod-g-tab #pgTCont, #gg-tab #atCont, #car-tab #atCont {
    margin-top: 23px;
}

#testCalc {
    margin-top: -43px!important;
    float: left;
    margin-left: 151px;
    text-align: center;
    width: 80px;
}

.al-collapse {
    position: absolute !important;
    width: 20px;
    height: 20px;
    background: #fff;
    right: 2px;
    margin-top: 1px;
    cursor: pointer;
}

.al-collapse:hover {
    background: #eee;
}

.al-collapse-down {
    transform: rotate(180deg);
}

#row-prop-cars-to-table .fbi-head {
    height: 17px;
}

.fbi-head span {
    color: #fff;
}

.al-edit-form [altype="dialog"] .btn {
    height: 14px;
    margin-left: 1px;
    padding-left: 7px;
    padding-right: 6px;
}

#fbi-report:hover > .fbi-name {
    display: none;
}

.al-icon-svg {
    width: 16px;
    height: 16px;
}

.al-isvg-opt {
    background: url(../img/svg/paste.svg);
    background-repeat: no-repeat;
    background-position: 7px 7px;
    background-size: 29px;
}

/* Стили для редактируемого DIV, чтобы он был похож на textarea */
.editable-div {
  border: 1px solid #ccc;
  padding: 5px;
  min-height: 60px; /* Примерная высота, можно взять из textarea */
  white-space: pre-wrap; /* Сохраняет пробелы и переносы, переносит текст */
  word-wrap: break-word; /* Перенос длинных слов */
  font-family: monospace; /* Шрифт как у textarea */
  line-height: 1.4; /* Межстрочный интервал */
  background-color: white;
  color: black;
  display: inline-block; /* Чтобы ширина работала как у textarea */
  vertical-align: top; /* Выравнивание */
}
/* Стиль при фокусе */
.editable-div:focus {
  outline: 1px solid dodgerblue;
  border-color: dodgerblue;
}
/* Стиль для выделенных ключевых слов */
.editable-div b {
  /* font-weight: bold; уже есть по умолчанию у <b> */
  /* Можно добавить цвет или фон для большей наглядности */
   color: blue;
   /* Важно: не меняем display, чтобы не ломать поток текста */
   font-style: italic;
}

.al-ui-progress {
    cursor: progress!important;
}

image {
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.25));
}

image:hover {
    filter: drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.35));
}