div.ost_list{}

h1 {font-size:22px;}

div.ost_ork {margin-bottom:5px}
div.letter_links {margin-bottom:10px;margin-left:5px}
div.letter_links a {display:inline-block;margin:0px 10px 10px 0px;font-size:18px;font-weight:500;color:#0d5900}

div.letter {margin:10px 5px;font-weight:bold;font-size:20px;}

a.ost_link {
    font-size:16px;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color:#00404b;
    display:inline-block;
    text-decoration:none;
    padding:3px 12px 2px 12px;
    margin:0px 6px 7px 0px;
    background:#f4fdff;
    border:1px solid #a0c4c7;
    border-radius:5px;
}
a.ost_link:hover {background: #e2ffdf;border:1px solid #57974c;}
a.ost_link span.ost_city {font-size:14px;color:#999;padding-left:3px}




div.ork_checked {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-family: "Trebuchet MS", Helvetica, sans-serif;display:inline-block;cursor:pointer;margin:2px 10px 10px 0px;color:#888;border:1px solid #bbb; border-radius:5px;padding:5px 8px}
div.ork_checked:hover {border-color:#aaaaaa;box-shadow: 0px 0px 3px #00000044;}
div.ork_checked span {color:#000}
div.ork_checked span::after {display:inline-block;float:right;width:10px;height:10px;padding-left:10px;content: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%3Cpath%20fill%3D%22%23888888%22%20d%3D%22M0.5%2C7.8L0.5%2C7.8%0A%09c-0.6%2C0.6-0.6%2C1.7%2C0%2C2.3l13.2%2C13.7c1.2%2C1.3%2C3.3%2C1.3%2C4.5%2C0L31.5%2C10c0.6-0.6%2C0.6-1.7%2C0-2.3c-0.6-0.7-1.6-0.7-2.3%2C0L17.1%2C20.3%0A%09c-0.6%2C0.6-1.6%2C0.6-2.3%2C0L2.7%2C7.8C2.1%2C7.1%2C1.1%2C7.1%2C0.5%2C7.8%22%2F%3E%0A%3C%2Fsvg%3E");  }

div.modal_back {position:fixed;z-index:20;top:0px;right:0px;bottom:0px;left:0px;background: #00000033}

div.ork_check_modal {display:none;overflow:auto;border-radius:20px;position:fixed;z-index:21;left:50%;top:50%;margin:-300px auto auto -200px;width:400px;box-shadow: 0px 0px 5px #000000aa;cursor:default}
div.ork_check_modal div.modal_header {background:linear-gradient(to top,#bedfba, #ecffe9);border-radius:20px 20px 0px 0px;font-weight: 500;font-size: 20px;padding: 13px 20px 13px 20px;color: #0b4b00;border:1px solid #849f7e}
div.ork_check_modal div.modal_content {max-height:450px;color: #858d83;background:#f9fdf9;border-radius:0px 0px 20px 20px;overflow: auto;padding: 15px 20px 15px 20px;border:1px solid #849f7e;border-top:0px;}
div.ork_check_modal div.modal_content div {margin:0px 0px 6px 0px;}
div.ork_check_modal div.modal_content span {font-size:18px}
div.ork_check_modal div.modal_content a {color: #0b4b00;font-size:18px}
div.ork_check_modal div.modal_content a.checked {font-weight:500}

div.ork_check_modal div.modal_header div.close_modal {float:right;cursor:pointer;padding:3px 3px;border-radius: 5px;background: linear-gradient(to top, #90b986, #4d7943);box-shadow: inset 0px 1px 7px #00000044;}
div.ork_check_modal div.modal_header div.close_modal div {background-image: url(/img/close.svg);width:18px;height:18px;}
div.ork_check_modal div.modal_header div.close_modal:hover {background: #c57647;}

div.show_more {color:#333;text-align:center;cursor:pointer;padding:3px;margin-top:2px;border:1px solid #ddd;border-radius: 5px 5px 5px 5px}
div.show_more div {display:inline-block;}
div.show_more div::before {display:inline-block;width:10px;height:10px;padding-right:10px;content: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%3Cpath%20fill%3D%22%23888888%22%20d%3D%22M0.5%2C7.8L0.5%2C7.8%0A%09c-0.6%2C0.6-0.6%2C1.7%2C0%2C2.3l13.2%2C13.7c1.2%2C1.3%2C3.3%2C1.3%2C4.5%2C0L31.5%2C10c0.6-0.6%2C0.6-1.7%2C0-2.3c-0.6-0.7-1.6-0.7-2.3%2C0L17.1%2C20.3%0A%09c-0.6%2C0.6-1.6%2C0.6-2.3%2C0L2.7%2C7.8C2.1%2C7.1%2C1.1%2C7.1%2C0.5%2C7.8%22%2F%3E%0A%3C%2Fsvg%3E");  }
div.show_more:hover {color:#000;background:#fcfcfc;border-color:#ccc;}


@media only screen and (max-width: 830px), 
            screen and (max-height: 600px) {            
    div.ork_check_modal {border-radius:0px}
    div.ork_check_modal div.modal_header {position:fixed;top:0px;left:0px;right:0px;z-index:201;border-radius:0px;box-shadow: 0px 0px 4px #000000;font-size: 22px;}
    div.ork_check_modal div.modal_content div {margin:0px 0px 12px 0px}
    div.ork_check_modal div.modal_content {max-height:none;position:fixed;top:55px;bottom:0px;left:0px;right:0px;overflow:auto;height:auto;z-index:1000}

}
@media only screen and (max-width: 600px) {
    div.ork_checked {display:block;}
    div.ost_ork {margin-bottom:15px}
}