div.datetimepicker {
    font-size:13px;width: 20.6em;height:13.2em;
    border:1px #aaa solid;
    border-radius:3px;
    background-color:#fff;
    box-shadow: 0px 5px 15px -5px rgba(0, 0, 0, 0.506);
}

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

.datetimepicker table {
    font: 13px serif;
}

.datetimepicker .dtp table {
    width:16em;
}
.datetimepicker .dtp table td {
    width: 2em;
    cursor: pointer;
    text-align: right;
}

.datetimepicker th {
    cursor: default;
}

.datetimepicker table td:hover {
    background-color:rgb(240,240,250);
    padding:0px;
    border:1px solid rgb(160,160,160);
    border-radius: 2px;
        
}
.datetimepicker table td.other:hover {
    background-color:rgb(220,220,238);
}

.datetimepicker table td.other {
    background-color: rgb(250, 250, 250);
    color:rgb(130,130,130);
}

.datetimepicker table tr.buttons th {
    cursor: pointer;
    padding-left:0px;
    padding-right:0px;
    background-color: rgb(252,252,252);
}
.datetimepicker table.dtp th {
    cursor: default;
}
.datetimepicker table th.pointer {
    cursor:pointer;
}

.datetimepicker table th.nextMonth::before {
    content:"\25b6";
    font-size:15px;
}

.datetimepicker table th.prevMonth::before {
    content:"\25c0";
    font-size:15px;
}

.datetimepicker table th.down::before {
    content:"\25bc";
    font-size:15px;
}

.datetimepicker table th.up::before {
    content:"\25b2";
    font-size:15px;
}

.datetimepicker table td.disabled {
    color: rgb(230, 230, 230);
}

.datetimepicker table th.disabled {
    color: rgb(230, 230, 230);
}

.datetimepicker table .disabled {
    cursor: not-allowed !important;
}


.datetimepicker table td.selected {
    background-color: #0F9CE9;
    color: #fff;
}

.datetimepicker table td.selected:hover {
    padding: 0px;
    border: 1px solid #0F9CE9;
    border-radius: 2px;
    background-color: #B2D5F6;
}

.datetimepicker table td.disabled:hover {
    background-color: inherit;
    padding:1px;
    border:inherit;
    border-radius:inherit;
}


.hidden {
    display:none
}
.datetimepicker div.times {
    float:left;
    padding-left:0.5em;
}
.datetimepicker div.dtp {
    float:left;
}
.dtp table div.datetimepicker {
    display:inline-block;
}

.datetimepicker table.tp {
    width:4em;
}
.datetimepicker table.tp td {
    width: 4em;
    cursor: pointer;
    text-align: center;
}

@media only screen and (max-width:800px) {
div.datetimepicker {
    font-size:11px;
}

.datetimepicker table {
    font: 11px serif;
}

.datetimepicker table th.nextMonth::before {
    font-size:13px;
}

.datetimepicker table th.prevMonth::before {
    font-size:13px;
}

.datetimepicker table th.down::before {
    font-size:13px;
}

.datetimepicker table th.up::before {
    font-size:13px;
}


}



@media only screen and (max-width:512px) {
div.datetimepicker {
    font-size:10px;
}

.datetimepicker table {
    font: 10px serif;
}

.datetimepicker table th.nextMonth::before {
    font-size:12px;
}

.datetimepicker table th.prevMonth::before {
    font-size:12px;
}

.datetimepicker table th.down::before {
    font-size:12px;
}

.datetimepicker table th.up::before {
    font-size:12px;
}


}

}


/** Modal dialog */
.modal-form {
	min-width: 54px; 
	min-height: 24px; /* Рaзмеры дoлжны быть фиксирoвaны */
	border-radius: 3px;
	border: thin #aaa solid;
	background: #fff;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: -150px;
	margin-left: -150px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 1; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 15; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 2px 2px;
}

.modal-overlay {
	z-index:10; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#555; /* чернaя */
	opacity:0.2; /* нo немнoгo прoзрaчнa */
	-moz-opacity:0.2; /* фикс прозрачности для старых браузеров */
	filter:alpha(opacity=80);
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:default;
	display:none; /* в oбычнoм сoстoянии её нет) */
}

.modal-form .data-wrapper {
    overflow:auto;
    margin-top:20px; 
}
.modal-form .dialog-data {
    margin:0px;
    padding:0px;
    display:inline-block;
}

.modal-form .invisible {
    visibilty:hidden;
}

/** Tabbed component and tabbed window */
.data-window {
    position: absolute; 
    bottom:10px;
    right:10px;
    min-width:270px;
    min-height:270px;
    background: #FFF none repeat scroll 0% 0%;
    border:1px solid #aaa;
    border-radius: 3px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
    padding: 1px;
    text-align: left;
    pointer-events: all;
    box-sizing: border-box;
    cursor: auto;
    font: 12px/20px "Helvetica Neue",Arial,Helvetica,sans-serif;
    color: rgba(0, 0, 0, 0.75);
}  

.data-window  .data_popup_content {
    padding-top: 2px !important;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

/* Tabbed popups */
.data-window .tabs-ui {
    position: relative;
    min-height: 120px;
    min-width: 170px;
    clear: both;
    margin: 0px 0px;
}

.data-window  .leaflet-popup-content  {
    padding-top:2px ;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 3px;
}

.data-window  .tab {
  float:left; 
}

.data-window .tab label {
  background:#eee;
  padding:2px;
  border:1px solid #ccc;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;  
  margin-left:-1px;
  position:relative;
  left:1px;
  top:1px;
  cursor:pointer;
}

.data-window .tab label:hover {
  background:#f8f8f8;
}

.data-window  .tab [type=radio] {
  display:none;
}
  
.data-window .tab .content {
  background:white;
  position:absolute;
  top:20px;
  left:0;
  right:0;
  bottom:0;
  padding:2px;
  border:1px solid #ccc;
}

.data-window .tab [type=radio]:checked ~ label {
  background:white;
  border-bottom:1px solid white;
  z-index:2;
}

.data-window  .tab [type=radio]:checked ~ label ~ .content {
  z-index:1;
}  

.data-window .invisible {
    visibilty:hidden;
}

div.closebutton {
    font: 8px serif;
    width: 7px;
    height: 10px;
    border:1px #aaa solid;
    border-radius:2px;
    position:absolute;
    padding: 3px;
    top:1px;
    right:2px;
    cursor:pointer;
}


div.closebutton::before {
    content:'\2613';
}

div.closebutton:hover {
    background-color:rgb(240,240,250);
    padding:2px;
    border:2px solid rgb(160,160,160);
    border-radius: 2px;
        
}