/*
@author suxoza <suxoza@gmail.com>
*/

*{outline: none}
body{min-height: 1000px}
.new_child_menu{background: #ccc;text-align: center;cursor: pointer;font-size: 9px;border-radius: 3px; margin-top:10px;}
.general_menu{display: none}
.general_menu ul .left_menu_ul{display: none}
.general_menu ul ul li{cursor: pointer}
.general_menu ul ul li ul li{cursor: pointer}
.general_menu ul ul li ul li{cursor: pointer}
.general_menu ul .left_menu_ul li ul{margin-left: 10px;border: 1px solid #ccc }
.lines_li{position: relative}

#language_container{
    position: relative;
    background: url("/img/backgrounds/dark.png") no-repeat; 
}

#_central_page{
    width :230px;
    background: #47869E;
    text-align: center;
    -moz-border-radius: 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    border-radius: 5px 5px 0px 0px;    
    list-style-type: none;
    padding: 5px;
    margin-left: 5px;
    font-size: 14px;
    padding-top: 15px;
    position: relative;
    margin-top: 20px;
    overflow: hidden;
    height: 1px
}

#_central_page ._parms_text{
    text-align: center;
    margin-top: -3px;
    font-weight: bold;
    cursor: pointer;
    color:white
}

#for_border{
    width: 230px;
    border: 2px dotted black;
    margin-left: 10px;
    margin-top: 20px
}

#_central_page_2{
    width :230px;
    overflow: hidden;
    background: #47869E;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    list-style-type: none;
    padding: 5px;
    margin-left: 5px;
    font-size: 14px;
    padding-top: 15px
}

#_central_page_2 div{
    margin-top: -24px;
    font-weight: bold;
    cursor: pointer;
    color:white   
}

#central_page_second,#central_page_third{
    width:225px;
    margin-left: 7px;
    margin-top: 7px;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 13px;
    border-radius: 3px;
    border: 1px solid #b3bead;
    color: black
}

#central_page_third{
    background: url(/img/elements/forms/spinner_bottom.png) no-repeat;
    background-size: 22px 22px;
    background-position: 98% 80%;
    cursor: pointer
}

ul#central_page_third_ul{
    width:225px;
    margin-left: 7px;
    margin-top: 0px;
    display: none;
    text-align: left;
    margin-bottom: 10px
}
ul#central_page_third_ul li{
    padding: 3px;
    margin-left: 7px;
    border: 0.1px solid #b3bead;
    border-radius: 3px
    
}

.central_page_third_down{
     background: url(/img/elements/forms/spinner_top.png) no-repeat !important;
     background-size: 22px 22px !important;
     background-position: 98% 10% !important;
     cursor: pointer   
}

#central_page_first{
    width:225px;
    margin-left: 7px;
    margin-top: 10px;
    text-align: center;
    padding: 5px;
    background: url("/img/drop_search.png") no-repeat;
    background-position: 195px 20px;
    background-size: 45px 47px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #b3bead;  
}

#central_page_first .select{
    margin-top: 3px;
    border-radius: 5px;
    width: 190px !important;
    margin-right: 35px;
}

#central_page_first ul{
    text-align: left;
    margin-top: -5px;
    position: relative;
    display: none;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 235px
}
#central_page_first ul li{
    margin: 2px;
    padding: 2px;
    border: 1px dotted black;
    padding-left: 5px;
}

.li_back_func(@url: "/img/weather.gif"){
    background: url(@url) no-repeat;
    background-position: 95% 20%;
    background-size: 22px 22px;
}
#central_page_third_ul li:first-child{
 .li_back_func();
}
#central_page_third_ul li:last-child{
 .li_back_func("/img/calendar.png");
}
#central_page_third_ul li._second{
 .li_back_func("/img/Bank_service.png");
}

#central_page_first ul li:hover{color: red}

#language_container select{
    width:100px;
    height: 43px;
    font-size: 14px;
    background: black;
    text-align: center;
    padding-top: 10px;
    margin-right: 20px;
}
#_temebi {
    background: #363636;
    text-align: center;
    border-radius: 5px;
    margin: 1px;
    padding: 10px;
    margin-right: 5px;
    color: white;
    cursor: pointer
}
#_temebi:hover{background: black;color: red}

#language_container div{
    position: absolute;
    top:15px;
    right: 2px;
    width: 15px;
    height: 15px;
    background: url('/img/config.png') no-repeat;
    background-size: 15px 15px;
    cursor: pointer
}

.clicker,.clicker_2{
    width:17px; 
    position: absolute;
    top: 5px;
    right: 5px;
    height: 17px;
    background: url('/img/drag_icon.png') no-repeat;
    background-size:100% 100%;
    cursor: crosshair
}

input[type="submit"],input[type="button"]{
    background:#CF3A58;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    border:1px solid #b02e4a;
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:13px;
    font-weight:normal;
    padding:4px 6px;
    height:30px;
    font-family:dejavu;
    text-decoration:none;
    cursor:pointer; 

}
input[type="text"]{
    width: 220px
}

.sub_menu {
    width:17px;
    height:17px; 
    position:absolute; 
    top:4px;
    right:27px;
    
}
.sub_menu_b:after {content:"→";font-size:20px; cursor: s-resize}
.sub_menu_a:after {content:"↓";font-size:20px; cursor :e-resize}
#saves_info{
    width:150px;
    font-size: 15px;
    color:white;
    padding: 10px
}

#_mtavari_gverdi_title{float: left;margin-left: 25px}

#saves_info{
    position: relative;
    background: #363636;
    text-align: center;
    top:2px;
    border-radius: 5px;
}
#saves_info span{
    cursor:pointer;
    margin-left: 10px
}
#saves_info span.gauqmeba{
    width:17px; 
    height: 17px;
    position: absolute;
    top: 12px;
    right: 10px;
    height: 17px;
    background: url('/img/go-back-icon.png') no-repeat;
    background-size:100% 100%;
}
#saves_info span:hover{
    color: red;
}

#menu_window{
    position: absolute;
    top:0;
    left:0;
    z-index: 99999;
    border: 1px outset;
    border-radius: 4px;
    padding: 10px;
    background: #edeed8
}
#menu_window tr td{
    padding: 4px;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid #ccc
}
#menu_window tr td:hover{
    color:blue
}


#payt2,#payt3 {display: none;}
[for="payt2"],[for="payt3"] {
  position: relative;
  display: block;
  width: 90px;
  height: 10px;
  padding: 15px;
  border-radius: 50px;
  line-height: 10px;
  color: #31b3ff;
  text-shadow: 1px 1px 0px rgba(255,255,255,.15);
  background: rgb(71, 71, 71);
  box-shadow:
       0 1px 0 rgba(255,255,255,.2),
       inset 0 0 0 5px rgb(60, 60, 60),
       inset 0 6px 6px rgba(0,0,0,.5),
       inset 0 -6px 1px rgba(255,255,255,.2);
  cursor: pointer;
}
[for="payt2"]:before,[for="payt3"]:before {
  content: "არა";
  position: absolute;
  right: 15px;
  color: #000;
}
[for="payt2"]:after,[for="payt3"]:after {
  content: "";
  position: absolute;
  left: 5px; top: 5px;
  display: block;
  width: 50px;
  height: 30px;
  border-radius: 50px;
  background: #ccc linear-gradient(#fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  transition: .5s;
}
#payt2:checked ~ [for="payt2"]:after {
  left: 65px;
}
#payt3:checked ~ [for="payt3"]:after {
  left: 65px;
}
option{
padding: 10px
    
}
select{
    padding: 5px
}

.rounded-corners (@left: -25px,@top: 20px) {
    content: attr(data-title);
    position: absolute; 
    left: @left; 
    top: @top; 
    z-index: 1; 
    background: rgb(235,241,246);
    background: rgb(184,225,252);
    background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,1) 10%, rgba(144,186,228,1) 25%, rgba(144,188,234,1) 37%, rgba(144,191,240,1) 50%, rgba(107,168,229,1) 51%, rgba(162,218,245,1) 83%, rgba(189,243,253,1) 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,1)), color-stop(25%,rgba(144,186,228,1)), color-stop(37%,rgba(144,188,234,1)), color-stop(50%,rgba(144,191,240,1)), color-stop(51%,rgba(107,168,229,1)), color-stop(83%,rgba(162,218,245,1)), color-stop(100%,rgba(189,243,253,1)));
    background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); 
    background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%); 
    background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
    background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,1) 10%,rgba(144,186,228,1) 25%,rgba(144,188,234,1) 37%,rgba(144,191,240,1) 50%,rgba(107,168,229,1) 51%,rgba(162,218,245,1) 83%,rgba(189,243,253,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 );
    color: black;
    font-family: Arial, sans-serif; 
    font-size: 11px; 
    padding: 5px 10px;
    border-radius: 5px
}


.has_title:hover::after{
 .rounded-corners();
}

.has_title_2:hover::after {
 .rounded-corners(5px,30px);
}

.has_title_3:hover::after {
 .rounded-corners(-20px,55px);
 width: 100px
} 

.has_title_4:hover::after {
 .rounded-corners(0,30px);
 width: 230px
}


.has_title_5:hover::after {
 .rounded-corners(0,0);
 width: 230px
}

.has_title_6:hover::after {
 .rounded-corners(70px,50px);
 width: 230px;
}

.has_title_7:hover::after {
 .rounded-corners(400px,100px);
 width: 230px;
}