/*** SCROLL BAR ***/
.cntmap::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.cntchart::-webkit-scrollbar,
.cnttableedit::-webkit-scrollbar,
.cntetbl::-webkit-scrollbar,
.content::-webkit-scrollbar,
.cntfromto::-webkit-scrollbar,
.cntmaprally::-webkit-scrollbar,
.cntedit::-webkit-scrollbar,
.cntreport::-webkit-scrollbar,
.cntsel::-webkit-scrollbar,
.cnttextedit::-webkit-scrollbar,
.cntcontent::-webkit-scrollbar {
/*
  width: 4px;
  height: 2px;
*/
}
.cntchart::-webkit-scrollbar-track-piece,
.cnttableedit::-webkit-scrollbar-track-piece,
.cntetbl::-webkit-scrollbar-track-piece,
.content::-webkit-scrollbar-track-piece,
.cntfromto::-webkit-scrollbar-track-piece,
.cntmaprally::-webkit-scrollbar-track-piece,
.cntedit::-webkit-scrollbar-track-piece,
.cntreport::-webkit-scrollbar-track-piece,
.cntsel::-webkit-scrollbar-track-piece,
.cnttextedit::-webkit-scrollbar-track-piece,
.cntcontent::-webkit-scrollbar-track-piece {
    background-color: #fff;
    -webkit-border-radius: 1px;
}
.cntchart::-webkit-scrollbar-thumb:vertical,
.cnttableedit::-webkit-scrollbar-thumb:vertical,
.cntetbl::-webkit-scrollbar-thumb:vertical,
.cnttableedit::-webkit-scrollbar-thumb:horizontal,
.cntetbl::-webkit-scrollbar-thumb:horizontal,
.content::-webkit-scrollbar-thumb:vertical,
.content::-webkit-scrollbar-thumb:horizontal,
.cntfromto::-webkit-scrollbar-thumb:vertical,
.cntmaprally::-webkit-scrollbar-thumb:vertical,
.cntedit::-webkit-scrollbar-thumb:vertical,
.cntreport::-webkit-scrollbar-thumb:vertical,
.cntsel::-webkit-scrollbar-thumb:vertical,
.cnttextedit::-webkit-scrollbar-thumb:vertical,
.cntfromto::-webkit-scrollbar-thumb:horizontal,
.cntmaprally::-webkit-scrollbar-thumb:horizontal,
.cntedit::-webkit-scrollbar-thumb:horizontal,
.cntreport::-webkit-scrollbar-thumb:horizontal,
.cntsel::-webkit-scrollbar-thumb:horizontal,
.cnttextedit::-webkit-scrollbar-thumb:horizontal,
.cntcontent::-webkit-scrollbar-thumb:horizontal,
.cntcontent::-webkit-scrollbar-thumb:vertical {
    background-color: #aaa;
    -webkit-border-radius: 0px;
}

/*************************** Анимация кнопок ******************************/
.image.first,
.image.second,
.image.sonar {
    margin:0;
    padding:0;
    position:absolute;
}
.image.first {
    opacity: 1;
    display: block;
    z-index: 100;
    transition-duration: 0.24s;
    -webkit-transition-duration: 0.24s;
    -moz-transition-duration: 0.24s;
    -o-transition-duration: 0.24s;
    -ms-transition-duration: 0.24s;
}
.image.second {
    z-index: 99;
    opacity: 0;
    transition-duration: 0.24s;
    -webkit-transition-duration: 0.24s;
    -moz-transition-duration: 0.24s;
    -o-transition-duration: 0.24s;
    -ms-transition-duration: 0.24s;
}
.image.sonar {
    z-index: 98;
    opacity: 0;
}

.hoverimagemenu:hover .image.first,
.rbtninfotableedit:hover .image.first,
.rbtninfoetbl:hover .image.first,
.lbtntableedit:hover .image.first,
.lbtnetbl:hover .image.first,
.rbtninfofromto:hover .image.first,
.rbtninfochart:hover .image.first {
    opacity: 0;
}
.hoverimagemenu:hover .image.second,
.rbtninfotableedit:hover .image.second,
.rbtninfoetbl:hover .image.second,
.lbtntableedit:hover .image.second,
.lbtnetbl:hover .image.second,
.rbtninfofromto:hover .image.second,
.rbtninfochart:hover .image.second {
    opacity: 1;
}
.sellangmenu:hover .image.firstlang {
    opacity: 0;
}
.sellangmenu:hover .image.secondlang {
    opacity: 1;
}

/*************************** Анимация кнопок от парента  ******************************/
.dskpointermain img.image.first,
.dskpointermain img.image.second{
    margin:0;
    padding:0;
}
.dskpointermain img.image.first{
    opacity:1;
    display:block;
    position:absolute;
/*    z-index:100; */
    transition-duration:0.24s;
    -webkit-transition-duration:0.24s;
    -moz-transition-duration:0.24s;
    -o-transition-duration:0.24s;
    -ms-transition-duration:0.24s;
}
.dskpointermain:hover img.image.first {
    opacity: 0.00;
}
.dskpointermain:hover img.image.second {
    opacity: 1;
}


/**************** Подключение шрифтов **************************/
.dleft{
    position:relative;
    top:0px;
    left:0px;
    width:200px;
    height:100%;
    background:#ffffff;
    overflow-y:scroll;
    overflow-x:hidden;
}
    .dleft::-webkit-scrollbar {
	width: 0px;
    }


.leftaside,
.leftasidemove {
    top:5px;

    left:-160px;
    bottom:0px;
    width:200px;
    position:absolute;
    overflow:hidden;
    z-index:10000;

    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.leftasidemove:hover {
    left:0px;
    border: 1px solid #c6c6c6;
    opacity: 1;
}
/*.leftasidemove:hover .dskpointer {
    background: #000000;
}*/
.dcont{
    /*margin-top: 60px;*/
    position:absolute;
    top:1px;
    left:1px;
    bottom:1px;
    right:1px;
/*
    overflow-y:scroll;
    overflow-x:scroll;
*/
}
.content{
    overflow-y: auto;
    overflow-x: auto;
    top:3px;
    left:41px;
    bottom:0px;
/*    right:41px;*/
    right:0px;
    position:absolute;
    border-right: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    background-color: #ffffff;
    /*background: url("images/content-bg.png") repeat scroll 0 0 transparent;*/
}

.dright{
    position: relative;
    top: 0px;
    right: 0px;
    width: 41px;
    height: 100%;
    background: #FFFFFF;
    overflow-y: scroll;
    overflow-x: hidden;
}
.rightaside{
    position: absolute;
    overflow: hidden;
    top: 40px;
    right: 0px;
    bottom: 0px;
    width: 41px;
    z-index: 100;
}

.dskpointermain {
    position: relative;
/*    height: 40px;
    width: 200px;
    margin: 1px 0px 1px 0px; 
    background-repeat: no-repeat;
    background: #f5f5f5;
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    cursor: pointer; */
}

.dskpointer {
    position: relative;
    height: 40px;
    width: 40px;
    margin: 1px 0px 1px 2px;
    background-repeat: no-repeat;
    /*background: #f5f5f5;*/
    /*border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;*/
    cursor: pointer;
    float: left;
}

/*.dskpointer:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f0f0f0);
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
}*/

.dskpointerhint {
    position: relative;
    height: 40px;
    width: 158px;
    /*margin: 1px 0px 1px 0px;*/
    background-repeat: no-repeat;
    /*background: #f5f5f5;
    border-right: 1px solid #c6c6c6;*/
    /*border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;*/
    cursor: pointer;
    float: left;
    /*font-family: OpenSans-Semibold, Arial;*/
    text-align: right;
    font-size: 12px;
    color: #000000;
    /*background: #f5f5f5;*/
}
.dskpointermain:hover .dskpointerhint {
    color: #ff3333;
}
.dskpointermain:hover .dskpointer {
/*    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
*/    background: -moz-linear-gradient(top,  #f8f8f8,  #f0f0f0);
/*
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
*/
}
.tlspointer{
    position:relative;
    height:40px;
    width:40px;
    margin:1px 0px 1px 0px;
    background-repeat:no-repeat;
    background:#f5f5f5;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
}
.tlspointer:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
    background: -moz-linear-gradient(top,  #f8f8f8,  #f0f0f0);
    border-top: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
}
/****подложка под модуль****/
.modulchart,
.modulfromto,
.modulmap,
.modulmaprally,
.moduledit,
.modulreport,
.modulsel,
.modultableedit,
.moduletbl,
.modultextedit,
.modulcontent {
    position:relative;
    margin:1px 1px 0px 0px;
    background:#FFFFFF;
    float:left;
    cssFloat:left;
    styleFloat:left;
    border: 1px solid #c5c5c5;
/*    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-top-right-radius:5px;*/
}

/*верхняя панель модуля сверху на подложке*/
.panelchart,
.panelfromto,
.panelmap,
.panelmaprally,
.paneledit,
.panelreport,
.panelsel,
.paneltableedit,
.paneletbl,
.paneltextedit,
.panelcontent {
    position: relative;
    top: 0px;
    left: 0px;
    height: 25px;
    width: 100%;
    background: #ffffff;
/*
    background-image: url(images/loadingline.png);
*/
    background-repeat: repeat-x;
    background-position: left bottom;
/*
    padding-bottom: 5px;
*/
/*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
*/
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom: 1px solid #c5c5c5;
}

/*левая кнопка сверху на панели модуля*/
.lbtnchart,
.lbtnfromto,
.lbtnmap,
.lbtnmaprally,
.lbtnedit,
.lbtnreport,
.lbtnsel,
.lbtntableedit,
.lbtnetbl,
.lbtntextedit,
.lbtncontent {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 25px;
    width: 25px;
    float: left;
    cssFloat: left;
    styleFloat: left;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-top-right-radius:5px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    /*display: none;*/
    cursor:pointer;
}
/*
.lbtntableedit:hover {
    background-image: url(images/btlefto.svg);
    border-right: 1px solid #c5c5c5;
}
.rbtntableedit:hover {
    background-image: url(images/btrighto.svg);
    border-left: 1px solid #c5c5c5;
}
.rbtn2tableedit:hover {
    background-image: url(images/btinfominio.svg);
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5;
}
*/
/*междукнопие сверху на панели модуля*/
.headchart,
.headfromto,
.headmap,
.headmaprally,
.headedit,
.headreport,
.headsel,
.headtableedit,
.headetbl,
.headtextedit,
.headcontent {
    position: absolute;
    top: 0px;
    left: 32px;
    height: 100%;
    right: 64px;
    float: left;
    font: 17px/28px HelveticaNeueCyr-Light, Arial, Tahoma, Verdana, sans-serif;
    color: #ff3333;
    -webkit-text-size-adjust: none;
    text-align: center;
    word-wrap: break-word;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-top-right-radius: 5px;
}
/*правая кнопка (закрыть) сверху на панели модуля*/
.rbtnclosechart,
.rbtnclosefromto,
.rbtnclosemap,
.rbtnclosemaprally,
.rbtncloseedit,
.rbtnclosereport,
.rbtnclosesel,
.rbtnclosetableedit,
.rbtncloseetbl,
.rbtnclosetextedit{
    position: absolute;
    top: 0px;
    height: 25px;
    width: 25px;
    right: 0px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    /*display: none;*/
    cursor:pointer;

}

/*правая кнопка (информация) сверху на панели модуля*/
.rbtninfochart,
.rbtninfofromto,
.rbtninfomap,
.rbtninfomaprally,
.rbtninfoedit,
.rbtninforeport,
.rbtninfosel,
.rbtninfotableedit,
.rbtninfoetbl,
.rbtninfotextedit,
.rbtninfocontent {
    position: absolute;
    top: 0px;
    height: 25px;
    width: 25px;
    right: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-top-right-radius: 5px;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    /*display: none;*/
    cursor:pointer;
}

/*правая кнопка (крутилка запроса) сверху на панели модуля*/
.rbtnworkchart,
.rbtnworkfromto,
.rbtnworkmap,
.rbtnworkmaprally,
.rbtnworkedit,
.rbtnworkreport,
.rbtnworksel,
.rbtnworktableedit,
.rbtnworketbl,
.rbtnworktextedit,
.rbtnworkcontent {
    position: absolute;
    top: 0px;
    height: 25px;
    width: 25px;
    right: 60px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-top-right-radius: 5px;
/*
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
*/

    /*display: none;*/
    cursor:pointer;
}

/*контент модуля*/
.cntchart,
.cntfromto,
.cntmap,
.cntmaprally,
.cntedit,
.cntreport,
.cntsel,
.cnttableedit,
.cntetbl,
.cnttextedit,
.cntcontent {
    position:absolute;
    top: 26px;
    left:0px;
    right:0px;
    bottom:0px;
    /*background:#fafafa;*/
/*    overflow:scroll;*/
    overflow:auto;
/*
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-top-right-radius:5px;
*/
    
}
.cntcontent {
    overflow: hidden;
}


.szchart,
.szfromto,
.szmap,
.szmaprally,
.szedit,
.szreport,
.szsel,
.sztableedit,
.szetbl,
.sztextedit{
    position:absolute;
    background:#c5c5c5;
    width:5px;
    height:5px;
    bottom:0px;
    right:0px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-bottom-right-radius:5px;
    cursor:pointer;
    z-index:100;
}
/**************** Переопределение только для Firefox **************************/
@-moz-document url-prefix()
{
    .leftaside{
	left:-160px;
    }

    .dleft{
	width:216px;
    }

    .dright{
	width: 57px;
    }

    .rightaside{
	width: 57px;
    }
}
.worked img {
    -webkit-animation-name: worked;
    -webkit-animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    /*-webkit-animation-timing-function: cubic-bezier(0,0.5,0.5,0);*/
    -webkit-animation-iteration-count: 100000;
    -webkit-animation-play-state: running;
    opacity: 1;
}
    @-webkit-keyframes worked {
        0% {-webkit-transform: rotate(0deg);}
        100% {-webkit-transform: rotate(360deg);}
    }
.stopped img {
    -webkit-animation-play-state: paused;
    opacity: 0 !important;
}





/*************************************** CONTENT *****************************/
iframe {
    border: none;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
/*******daoimon 29 june 2016 example ******

    div.moduletbl.abubariba{
    width: 500px !important;
}
.abubariba  td:nth-child(5){
    background:#222222 !important;
}


@media all and (max-width:1477px){
div.moduletbl.vehicleedit{

	width: 200px !important;
	height: 200px !important;
	}
    }
*/
