
.my-widget {
    margin: 0 0 0 0px !important;
}

/*.mselect-rounded .mselect-title, .mselect-rounded */
.mselect-inner {font-size: 1em; overflow-x: hidden;overflow-y: scroll;height: auto;
    max-height: 170px;box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);}
.mselect-n {display:none ;}/*!important*/
.ui-widget-content { background: none repeat scroll 0 0 #D2E2FF; border: 1px solid #3AADDD; color: #003399;}
.ui-widget-content { color: #003399;}
.ui-mselect-header, .ui-mselect-content { padding: 0px;}

.uc-mselect:hover  {    background-color: #007D9A;    color: #FFFF00;cursor :pointer;} 
.ui-mselect:hover {    background: #FFF0F5;    color: #007D9A;cursor: default;}
div.ui-mselect {   
/*background: -moz-linear-gradient(center top , #B5C6D0 11%, #D8E1E7 15%, #E0EFF9 17%, #F2F6F8 100%) repeat scroll 0 0 transparent;*/
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #B5C6D0 !important;
    color: #00008B;
    font-size: 1em;
    padding: 7px 0 0 20px;	
    height: 25px;
}
div.ui-mselect {   
background:#E0EFF9;
background: -moz-linear-gradient(center top , #B5C6D0 11%, #D8E1E7 15%, #E0EFF9 17%, #F2F6F8 100%) repeat scroll 0 0 transparent;/* FF3.6+ */
background: -webkit-linear-gradient(center top , #B5C6D0 11%, #D8E1E7 15%, #E0EFF9 17%, #F2F6F8 100%) repeat scroll 0 0 transparent;/* Chrome10+,Safari5.1+ */
background: linear-gradient(center top , #B5C6D0 11%, #D8E1E7 15%, #E0EFF9 17%, #F2F6F8 100%) repeat scroll 0 0 transparent;/* W3C */
background: -ms-linear-gradient(center top , #B5C6D0 11%, #D8E1E7 15%, #E0EFF9 17%, #F2F6F8 100%) repeat scroll 0 0 transparent;/* IE10+ */
background: -o-linear-gradient(center top , #B5C6D0 11%, #D8E1E7 15%, #E0EFF9 17%, #F2F6F8 100%) repeat scroll 0 0 transparent;/* Opera 11.10+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#B5C6D0), color-stop(50%,#D8E1E7), color-stop(51%,#E0EFF9), color-stop(100%,#F2F6F8)); /* Chrome,Safari4+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B5C6D0', endColorstr='#F2F6F8',GradientType=1 ); /* IE6-8 */
}
div.uc-mselect {  /*background-color: #B5C6D0;    color: #00008B;*/
background-color: #007D9A;    
color: #FFFFFF;
box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
    border-bottom: 1px solid #B5C6D0 !important;
    font-size: 1em;
    padding: 7px 0 0 0;
	font-weight: bold;
    height: 25px;
}
span.uc-mselect { float:left;  height:1px; font-size:15px; padding: 0px 3px;
 text-align:top; line-height:0.8;cursor :pointer;
 }
.ui-mselect  a :hover{background-color: #111111;    color: #FFFFFF;}
.ui-mselect  a {text-decoration: none;width:100%;  float:left;}

.ui-widget {
    font-family: arial,verdana,sans-serif;
    font-size: 13px;
    font-weight: bold;
}
/*body {    font: 70% "Trebuchet MS",sans-serif;}*/

.msbutt:hover {    background-color: #111111;    color: #FFFFFF;}
/**/
.msbutt:active {    top: 2px;}

.small.msbutt, .small.msbutt:visited {    font-size: 8px;}
.msbutt, .msbutt:visited, .medium.msbutt, .medium.msbutt:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
/*	content:"¡";*/
}
.msbutt, .msbutt:visited {
    background: url("/images/alert-overlay.png") repeat-x scroll 0 0 #222222;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25)  !important;
    /*border-radius: 5px 5px 5px 5px  !important;*/
    /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);*/
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    /*position: relative;*/
    text-decoration: none;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    /*padding: 5px 2px 4px;*/
    padding: 1px 0px;	
	margin-left: -7px;/*-2px;*/
	height: 35px !important;
	width: 35px;
	float:right;
}
.blue.msbutt, .blue.msbutt:visited {    background-color: #00B0DD;}
.blue.msbutt:hover {    background-color: #007D9A;}
.red.msbutt, .red.msbutt:visited {    background-color: #E33100;}
.red.msbutt:hover {    background-color: #872300;}

/*-------------------------*/
/*background: #b5c6d0; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
.mselinp{
padding-left: 10px;
border-radius: 3px 3px 3px 3px;
border-style: solid;
border-width: 1px;
/*border-top:1px solid #24702a !important;
border-left:1px solid #24702a !important;
color: #0F0FBF;*/
background: -moz-linear-gradient(top,  #b5c6d0 5%, #d8e1e7 5%, #FFFFFF 17%, #f2f6f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#b5c6d0), color-stop(5%,#d8e1e7), color-stop(17%,#FFFFFF), color-stop(100%,#f2f6f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5c6d0 5%,#d8e1e7 5%,#FFFFFF 17%,#f2f6f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5c6d0 5%,#d8e1e7 5%,#FFFFFF 17%,#f2f6f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5c6d0 5%,#d8e1e7 5%,#FFFFFF 17%,#f2f6f8 100%); /* IE10+ */
background: linear-gradient(top,  #b5c6d0 5%,#d8e1e7 5%,#FFFFFF 17%,#f2f6f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c6d0', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-8 */
}


#tuda_do, #tuda_ot, #do_nazad, #ot_nazad {
    font: 11px geneva,verdana,arial,sans-serif;
    width: 160px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    border: 1px solid #3AADDD;
    font-family: geneva,verdana,arial,sans-serif;
    font-size: 11px;
}

.uicontent_mselect {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    height: auto;
    overflow: hidden;
    width: auto;}
	
/*.uicontent_mselect*/.b1-7.b1-7-bg {
    background: none repeat scroll 0 0 rgb(250, 255, 189) !important;
}
.b1-8-bg, .b1-7-bg, .b1-dp {
    background: none repeat scroll 0 0 rgb(250, 255, 189) !important;
    border: 1px solid #f5a36b !important;
}
.b1-7 {
 /*   background: none repeat scroll 0 0 #ffffff !important; */
    border: 1px solid #3aaddd;
    border-radius: 5px;
    display: inline-block;
    height: 30px;
    overflow: hidden;
    width: 173px;
}
.b1-8 {
    background: none repeat scroll 0 0 #ffffff !important;
    border: 1px solid #3aaddd;
    border-radius: 5px;
    display: inline-block;
    height: 30px;
    overflow: hidden;
    width: 173px;
}



.wrap_mselect {
    display: block;
    overflow: hidden;
    width: 190px;
}


#cont-city1, #cont-city2, #ottd_nazad {
    float: left;
    overflow: hidden;
    width: 171px !important;
}
.msel_wrap {
    color: #0f0fbf;
    display: block;
    margin-bottom: 5px;
    margin-top: 3px;
    padding: 0;
    width: 100% !important;
}

#city1, #city2, #do_nazad, #ot_nazad {
    border: medium none;
}
#city1, #city2, #do_nazad, #ot_nazad {
    color: background;
	float: left;
    font: 15px arial,sans-serif;
    letter-spacing: 0.5px;
    padding: 7px 0 0 23px;
    position: relative;
    text-align: left;
    width: 165px !important;
}
.ms-inp-color-def {
    color: #000 !important;
}
.mselinp {
    background: none repeat scroll 0 0 transparent;
    border-color: -moz-use-text-color !important;
    border-style: none !important;
    border-width: medium !important;
    color: #0f0fbf;
}


.blue.msbutt, .blue.msbutt:visited {
  /* background-color: transparent;
    color: black;*/ 
    height: 100%;
    padding: 3px 0;
	border-radius: 25px;
}
.small.msbutt, .small.msbutt:visited {
    font-size: 8px;
}
.ui-mselect-header, .ui-mselect-content {
    padding: 0;
}
.mselect-inner {
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5);
    font-size: 1em;
    height: auto;
    max-height: 170px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.er-mselect {
    background: none repeat scroll 0 0 red;
    color: black;
    display: block;
    height: 17px;
    margin-left: 0;
    padding-top: 4px;
    position: absolute;
    width: 172px;
}

.in-mselect {
    background: none repeat scroll 0 0 transparent;
    color: #99cccc;
    display: block;
    font: 11px geneva,verdana,arial,sans-serif;
    height: 17px;
    margin-left: 0;
    padding-left: 5px;
    padding-top: 1px;
    position: absolute;
    text-align: left;
    width: 150px;
}

.in-mselect-l {
    background: none repeat scroll 0 0 transparent;
    color: brown;
    display: block;
    float: left;
    font: bolder 11px geneva,verdana,arial,sans-serif;
    height: 17px;
    letter-spacing: 0.5px;
    margin-left: 0;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    text-align: left;
}

.in-mselect-r {
    background: none repeat scroll 0 0 transparent;
    color: #99b0cc;
    display: block;
    font: bolder 11px geneva,verdana,arial,sans-serif;
    height: 17px;
    letter-spacing: 0.5px;
    margin-left: 0;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    text-align: left;
}


.uicontent_mselect img.ui-datepicker-trigger {
   float: right !important;
    margin-bottom: -3px !important;
    width: 21px !important;
/*}
.uicontent_mselect img {*/
    margin: 10px 8px 0 -7px !important;
}

div.uicontent_mselect.b1-9 input
/*#datepicker_tuda, #datepicker_nazad*/ {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: background !important;
    float: left !important;
    font: 11px geneva,verdana,arial,sans-serif !important;
    margin: 10px 0 0 7px;
    width: 65px !important;
}

.mselect-msbutt .ui-icon.ui-icon-refresh:hover {    background-color: #872300;}

/*#datepicker_nazad{background-image: url("http://localhost/kuda-edu/deu/picts/shadeform.gif");*/
#datepicker_tuda, #datepicker_nazad {
    font: 12px arial,sans-serif !important;
    width: 65px;}


 
 /*   
#tuda_ot, #tuda_do, #nazad_sities_1, #nazad_sities_2  { font:11px geneva,verdana,arial,sans-serif; width :200px;}
#datepicker_tuda, #datepicker_nazad { font:11px geneva,verdana,arial,sans-serif; width :70px;}*/
#info_tabl {margin-top: 20px; padding: 0pt 0.7em; border: 1px solid #fed22f; background: #6495c4; color: #363636;}

#datepicker_tuda, #datepicker_nazad { 
/*   border-left: 1px solid #24702A !important;
   border-top: 1px solid #24702A !important;
color: #0F0FBF; */
background: -moz-linear-gradient(top,  #b5c6d0 5%, #d8e1e7 5%, #FFFFFF 17%, #f2f6f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#b5c6d0), color-stop(5%,#d8e1e7), color-stop(17%,#FFFFFF), color-stop(100%,#f2f6f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b5c6d0 5%,#d8e1e7 5%,#FFFFFF 17%,#f2f6f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b5c6d0 5%,#d8e1e7 5%,#FFFFFF 17%,#f2f6f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b5c6d0 5%,#d8e1e7 5%,#FFFFFF 17%,#f2f6f8 100%); /* IE10+ */
background: linear-gradient(top,  #b5c6d0 5%,#d8e1e7 5%,#FFFFFF 17%,#f2f6f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5c6d0', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-8 */
background: none repeat scroll 0 0 transparent;
}
.mselect-rt {color: brown !important;}
.mselect-ro {color: yellow !important;}
.mselect-rf {color: green !important;}
.mselect-rtl {color: grey !important;}
.mselect-rol {color: grey !important;}
.mselect-rfl {color: grey !important;}






#labcity1, #labcity2{
	color: grey !important;
	text-transform: lowercase;
	margin: 0 0 0 25px
}
.ui-widget-header {
    border-bottom: 0px solid #3aaddd !important;
	background: #ffffff !important;
	}
	
.ui-widget {
    font-family: arial,verdana,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: grey !important;
}
#egang{
    color: #1c94c4  !important;
	position: relative;
    top: 25px;
    left: 12px;
}
.ui-widget-content {
    color: #777777 !important;
 	border: 0px solid #A7DDED !important;
	}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 0px solid #A7DDED !important;
	background: #fff !important;
	}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 0px solid #3aaddd !important;
    background: #ffffff;
	}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    font-size: 17px;
    font-weight: normal;
	color: #1c94c4 !important;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #73bfe6 !important;
    text-decoration: none;
    font-size: 12px;
}
.ui-helper-reset {
    margin: 0 30px 0 17px !important;
}
.ui-corner-top {
    border-radius: 4px !important;
}
.ui-tabs .ui-tabs-nav li {
    border: 0 !important; 
	background: #fff !important;
}

#valuta1{
	border:0;
	color: #1c94c4;
	top: -3px;
    position: relative;
	width: 45px !important;
}

#tabs-coB {
 	position: absolute;
    top: 5px;
	left: 520px;
}

/*#info_tab1{
    border: 1px solid #9dd8f1 !important;
    padding: 10px !important;
    border-radius: 24px;
    font-family: arial;
    font-weight: normal !important;
}*/
.ui-tabs {
    position: relative;
    padding: .0em;
    zoom: 1;
    border: 1px solid #A7DDED !important;
    border-radius: 25px !important;
}
.ui-datepicker.ui-datepicker-multi {
    left: 50% !important;
margin-right: 50% !important;
transform: translate(-50%, -50%);
    border: 1px solid #9dd8f1 !important;
}
.ui-icon-refresh {
    opacity: 0;
}

.mselect-rt {
    color: #1c94c4;
	position: absolute;
    margin: 0 0 0 -86px;
	border-radius: 20px;
	width: 30px;
    height: 30px !important;
}
.mselect-rtl {
    color: grey !important;
	position: absolute;
    margin: 43px 0 0 46px;
}
.mselect-ro {
    color: yellow !important;
    position: absolute;
    margin: -5px 0 0 180px;
	width: 30px;
    height: 30px !important;
}
.mselect-rol {
    color: grey !important;
    position: absolute;
    margin: -3px 0 0 196px;
}
.mselect-rf {
    color: green !important;
    position: absolute;
    margin: -5px 0 0 315px;
	width: 30px;
    height: 30px !important;
}
.mselect-rfl {
    color: grey !important;
    position: absolute;
    margin: -3px 0 0 337px;
}


input[type=radio]:not(checked) + label {
  padding: 0 0 0 15px;
}
input[type=radio]:not(checked) + label  {
  cursor: pointer;
}
input[type=radio]:not(checked) + label:before {
  content: '';
  position: absolute;
  top: -3px;
  left: -17px;
  width: 22px;
  height: 22px;
  border: 2px solid #3aaddd;
  border-radius: 50%;
  background: #FFF;
}
input[type=radio]:not(checked) + label:after {
  content: '';
  position: absolute;
  top: 2px;
  left: -12px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #9FD468;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
  opacity: 0;
  transition: all .3s;

}
input[type=radio]:checked + label:after {
  opacity: 1;

}
input[type=radio]:focus + label:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.5);
}
input[type=radio]:not(checked) {
  position: absolute;
  opacity: 0;
}



.b1-7 {
    /* background: none repeat scroll 0 0 #ffffff !important; */
    border: 2px solid #3aaddd;
    border-radius: 25px;
    display: inline-block;
    height: 40px;
    overflow: hidden;
    width: 230px !important;
}
.in-mselect {
    background: none repeat scroll 0 0 transparent;
    color: #99cccc;
    display: block;
    font: 11px geneva,verdana,arial,sans-serif;
    height: 35px;
    margin-left: 0;
    padding-left: 5px;
    padding-top: 1px;
    position: absolute;
    text-align: left;
    width: 190px !important;
}
.wrap_mselect {
    display: block;
    overflow: hidden;
    width: 245px !important;
}
#cont-city1, #cont-city2, #ottd_nazad {
    float: left;
    overflow: hidden;
    width: 227px !important;
}

#city1-db{
    margin-top: 35px !important;
    max-height:230px !important;
    width: 237px !important;
}
#city2-db{
    margin-top: 35px !important;
    max-height:230px !important;  
    width: 237px !important;
}
.b1-9 {
    background: none repeat scroll 0 0 #ffffff;
    border: 0px solid #3aaddd;
    border-radius: 25px;
    display: inline-block;
    height: 40px;
    left: 282px;
    overflow: hidden;
    width: 100%;
	opacity: 0.7;
}

.ui-icon-enter{
	opacity: 0 !important;
}

.b1-8-bg, .b1-7-bg, .b1-dp {
    background: none repeat scroll 0 0 rgb(250, 255, 189) !important;
    border: 2px solid #ff6027 !important;
	box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.3);
    border-radius: 25px !important;
    display: inline-block;
    height: 40px;
    left: 282px;
    overflow: hidden;
    width: 100%;
	opacity: 1;
	cursor: pointer;
}

.bt-png {
    background: #fff !important;
    border: 0px solid rgb(142, 179, 210) !important;
    margin-left: -14px;
    margin-top: 0 !important;
    color: #3aaddd;
	text-decoration: underline;
    padding-right: 8px;
    position: absolute;
    width: 25px;
    letter-spacing: 0.1em;
}

.ui-tabs-all-b {
    box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.4);
}
.img-opl-info {
    height: 25px !important;
    position: relative !important;
    top: 0px  !important;
    left: 220px;
    width: 25px;
}
.ui-tabs .ui-tabs-nav {
    margin: 3px 35px !important;
    padding: 0 10px 0px 0;
}