style.css

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}body,html{margin:0;padding:0}body{background-image:url(images/background.png);background-color:#000;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:50% 100%;color:#111;font-size:14px;font-family:Source Sans Pro,Verdana}body.sidebar_open{overflow:hidden}body a:focus,body a:hover{text-decoration:none}body .btn,body a,body button{-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}body hr{border-color:#ddd}body .btn.active,body .btn:active,body .btn:active:focus,body .btn:focus,body button.active,body button:active,body button:active:focus,body button:focus{outline:0}body label{font-weight:400}body .panel.panel-default{border-radius:0;border-color:#ccc;background-color:#f5f5f5}body .panel.panel-default .panel-heading{background-color:#ddd;border-color:#ccc;border-radius:0}@media only screen and (max-width:1530px){html body #content{padding-right:70px}html body #content #top_menu{margin-right:-70px;padding-right:70px}}header{margin:4px auto;max-width:1400px;cursor:default}header .logo{height:60px;width:auto}header .page_title{font-size:28px;font-weight:700;text-transform:uppercase;color:#f9b200;text-shadow:-1px 2px 0 rgba(90,0,0,.6);display:inline-block;margin-left:15px;position:relative;top:7px}@media only screen and (max-width:991px){header{padding-left:10px}header .logo{height:50px}header .page_title{font-size:20px}}#sidebar_backdrop{position:fixed;top:0;left:0;width:0;height:0%;z-index:9;background-color:rgba(0,0,0,0);cursor:pointer;-webkit-transition:background-color .4s;-moz-transition:background-color .4s;-ms-transition:background-color .4s;-o-transition:background-color .4s;transition:background-color .4s}#sidebar_backdrop.open{width:100%;height:100%;background-color:rgba(0,0,0,.5)}#sidebar{width:450px;height:100%;position:fixed;top:0;right:-450px;z-index:10;background-color:#f0f0f0;border-left:1px solid #aaa;box-sizing:border-box;-webkit-transition:right .2s;-moz-transition:right .2s;-ms-transition:right .2s;-o-transition:right .2s;transition:right .2s}@media only screen and (max-width:991px){#sidebar{width:0}#sidebar.open{width:90%}#sidebar.open .sb_buttons{right:100%}}#sidebar.open{right:0;box-shadow:-2px 0 4px rgba(0,0,0,.2)}#sidebar.open .sb_buttons{padding-right:0}#sidebar.open .sb_buttons li{margin-right:0;border-radius:6px 0 0 6px;position:relative;right:-7px;border-right:0;box-shadow:-2px 0 2px rgba(0,0,0,.05) inset}#sidebar.open .sb_buttons li.active{right:0;border-left-width:4px;background-color:#f0f0f0}#sidebar.open .sb_buttons li:not(.active){box-shadow:-10px 0 4px rgba(0,0,0,.15) inset}#sidebar.open .sb_content .sb_section.active{display:block}#sidebar .sb_buttons{position:absolute;right:450px;margin:0;padding:10px;margin-top:48px;list-style:none;overflow:hidden}#sidebar .sb_buttons li{background-color:#ddd;border:1px solid #aaa;box-shadow:0 2px 2px rgba(0,0,0,.55);color:#333;margin:0;padding:0;margin-top:15px;width:50px;height:50px;border-radius:6px;cursor:pointer;font-size:24px;padding:7px 13px;box-sizing:border-box;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}#sidebar .sb_buttons li:hover{background-color:#eee}#sidebar .sb_content{overflow-y:scroll;overflow-x:hidden;position:absolute;top:0;bottom:0;left:0;right:-17px}#sidebar .sb_content .sb_section{display:none}#sidebar .sb_content .sb_section.panel{border:0;border-radius:0;box-shadow:none;background-color:transparent}#sidebar .sb_content .sb_section.panel .panel-body{padding-right:20px}#sidebar .sb_content .sb_section.panel .panel-heading{border-color:#ccc;background-color:#ddd;padding:15px;padding-right:20px;position:relative;border-radius:0}#sidebar .sb_content .sb_section.panel .panel-heading .panel-title{font-weight:700;margin-left:48px}#sidebar .sb_content .sb_section.panel .panel-heading .back{position:absolute;top:0;left:0;width:48px;height:48px;background-color:transparent;color:#aaa;font-size:22px;padding:9px 13px;cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}#sidebar .sb_content .sb_section.panel .panel-heading .back:hover{background-color:#ccc}#sb_cropinfo .filter label{margin-right:8px}#sb_cropinfo .filter .search{margin-top:5px}#sb_cropinfo .crops_container{position:absolute;top:180px;bottom:0;left:0;right:-17px;padding:15px;overflow-y:scroll;overflow-x:hidden;border-top:1px solid #ddd;min-height:250px}#sb_cropinfo .crops_container .crops thead th{cursor:pointer}#sb_cropinfo .crops_container .crops tbody tr{cursor:pointer}#sb_cropinfo .crops_container .crops tbody tr td{-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}#sb_cropinfo .crops_container .crops tbody tr:hover td{background-color:#fff}#sb_cropinfo .crop_info .ci_header{margin-bottom:20px}#sb_cropinfo .crop_info .ci_header:after,#sb_cropinfo .crop_info .ci_header:before{content:" ";display:table}#sb_cropinfo .crop_info .ci_header:after{clear:both}#sb_cropinfo .crop_info .ci_header img{float:left;margin-right:15px}#sb_cropinfo .crop_info .ci_header .ci_name{font-size:18px;font-weight:700}#sb_cropinfo .crop_info .ci_header .ci_seasons{color:#777;text-transform:capitalize}#sb_cropinfo .crop_info table tr:first-child td,#sb_cropinfo .crop_info table tr:first-child th{border-top-width:2px}#sb_cropinfo .crop_info table .fa{color:#888;font-size:13px;margin-right:5px}#sb_settings .farm_professions button{margin-top:5px;margin-right:5px}#sb_settings .farm_professions .btn-success{opacity:1}#sb_settings .farm_professions .btn-default{opacity:.6}#sb_settings .farm_level{overflow:hidden}#sb_settings .farm_level label{width:100%}#sb_settings .farm_level .chance_scale{height:25px;border:1px solid #888;border-radius:0}#sb_settings .farm_level .chance_scale:after,#sb_settings .farm_level .chance_scale:before{content:" ";display:table}#sb_settings .farm_level .chance_scale:after{clear:both}#sb_settings .farm_level .chance_scale>div{height:100%;float:left;position:relative;box-sizing:border-box}#sb_settings .farm_level .chance_scale>div:not(:last-child){border-right:1px solid #aaa}#sb_settings .farm_level .chance_scale>div.regular{background-color:#bf8550}#sb_settings .farm_level .chance_scale>div.silver{background-color:silver;background:linear-gradient(135deg,#f2f6f8 0,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);box-shadow:0 0 1px 1px rgba(255,255,255,.45) inset}#sb_settings .farm_level .chance_scale>div.silver .name{left:-28px}#sb_settings .farm_level .chance_scale>div.gold{background-color:gold;background:linear-gradient(135deg,#e6f0a3 0,#d2e638 50%,#c3d825 51%,#dbf043 100%);box-shadow:0 0 1px 1px rgba(255,255,255,.45) inset}#sb_settings .farm_level .chance_scale>div .percent{font-size:12px;padding:2px 2px;overflow:hidden}#sb_settings .farm_level .chance_scale>div .name{position:absolute;bottom:-20px;left:0;color:#777;font-size:12px}#content{background-color:#eee;border:1px solid #aaa;padding:15px;margin-bottom:10px;max-width:1400px;width:auto;min-height:845px}#content .loading{font-size:20px;text-align:center;color:#444}#content .loading .fa{display:block;font-size:32px}.license{text-align:center;color:#fff;font-size:13px;text-shadow:0 1px 1px #000;width:100%;margin:5px 0}.license a{color:#b3d0ea}.license a:focus,.license a:hover{color:#eff5fa;text-decoration:underline}#top_menu{margin-top:-15px;margin-bottom:10px;padding-top:15px;background-color:#e3e3e3;border-bottom:1px solid #ccc;position:relative}#top_menu>div{margin-bottom:15px;padding:0 15px}#top_menu .year_navigation:after,#top_menu .year_navigation:before{content:" ";display:table}#top_menu .year_navigation:after{clear:both}#top_menu .year_navigation>div{float:left;margin-right:8px}#top_menu .year_navigation .sn_arrows .btn{padding:12px 10px}#top_menu .year_navigation .farm_picker .btn{padding:6px}#top_menu .year_navigation .year_info .yi_name{font-size:18px;font-weight:700}#top_menu .year_navigation .year_info .yi_farmtype{font-size:16px;color:#777;text-transform:capitalize}#top_menu .season_stats{position:relative;font-size:12px;background-color:#f0f0f0;border:1px solid #ccc;border-right-width:3px;border-left-width:3px}#top_menu .season_stats .table{margin-bottom:0;border-top:0}#top_menu .season_stats .table tr:first-child td,#top_menu .season_stats .table tr:first-child th{border-top:0}#top_menu .season_stats .asc_icon{margin:0 5px;color:#777}#top_menu .clear_buttons .btn-block+.btn-block{margin-top:2px}#season_picker{overflow:hidden;margin:0}#season_picker .season{height:40px;padding:2px 12px;padding-bottom:4px;background-color:#DDD1B2;border:2px solid #5E360C;border-bottom:0;opacity:.5;cursor:pointer;position:relative;bottom:-6px;-webkit-transition:all .1s;-moz-transition:all .1s;-ms-transition:all .1s;-o-transition:all .1s;transition:all .1s}#season_picker .season:hover{opacity:.65}#season_picker .season.active{opacity:1;bottom:-2px}#season_picker .season .image{position:absolute;left:0;top:0;height:16px;width:auto;margin:10px 8px;border:1px solid #777}#season_picker .season .name{font-size:18px;margin-left:28px;margin-top:2px;text-transform:capitalize}@media only screen and (max-width:767px){#season_picker .season .image{display:none}#season_picker .season .name{margin-left:0}}#season_picker .season .profit{position:absolute;top:5px;right:26px;font-size:12px;line-height:11px}#season_picker .season .profit.min{top:9px;right:12px;font-size:13px}#season_picker .season .profit .asc_icon{position:absolute;top:5px;right:-20px;font-size:14px;color:#777}@media only screen and (max-width:991px){#season_picker .season{font-size:18px}}#calendar{background-color:#FBEBC2;border:3px solid #5E360C}#calendar .day_names:after,#calendar .day_names:before{content:" ";display:table}#calendar .day_names:after{clear:both}#calendar .day_names .day_name{width:14.28571429%;float:left;box-sizing:border-box;text-align:center;font-size:22px;padding:4px}@media only screen and (max-width:767px){#calendar .day_names .day_name{display:none}}#calendar .day_container:after,#calendar .day_container:before{content:" ";display:table}#calendar .day_container:after{clear:both}#calendar .day_container .day{width:14.28571429%;height:160px;float:left;box-sizing:border-box;padding:4px;position:relative;border-right:2px solid #5E360C;border-top:2px solid #5E360C;background-color:#DDD1B2;cursor:pointer;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}#calendar .day_container .day:after,#calendar .day_container .day:before{content:" ";display:table}#calendar .day_container .day:after{clear:both}#calendar .day_container .day:nth-child(7n){border-right:0}#calendar .day_container .day:hover{background-color:#d2c299}@media only screen and (max-width:991px){#calendar .day_container .day{height:135px}}@media only screen and (max-width:767px){#calendar .day_container .day{width:50%;border-right:2px solid #5E360C!important;padding-top:30px}#calendar .day_container .day:nth-child(1),#calendar .day_container .day:nth-child(2){border-top:0}#calendar .day_container .day:nth-child(2n){border-right:0!important}#calendar .day_container .day .date_top{height:31px!important;padding:4px 8px;background-color:#FBEBC2;border-bottom:1px solid rgba(0,0,0,.4);position:absolute!important;top:0;left:0;width:100%;overflow:hidden}#calendar .day_container .day .date_top:after,#calendar .day_container .day .date_top:before{content:" ";display:table}#calendar .day_container .day .date_top:after{clear:both}#calendar .day_container .day .date_top .date{position:static!important;float:left}#calendar .day_container .day .date_top .event{text-align:right;top:6px!important;width:55%!important;left:auto!important;right:10px!important}}#calendar .day_container .day .date_top{height:26px;position:relative}#calendar .day_container .day .date_top .date{position:absolute;top:0;left:4px;font-size:18px}@media only screen and (max-width:991px){#calendar .day_container .day .date_top .date{left:2px;font-size:16px}}#calendar .day_container .day .date_top .event{position:absolute;top:3px;left:30px;right:0;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#555}#calendar .day_container .day .date_top .event img{width:16px;height:auto;image-rendering:pixelated}#calendar .day_container .day .harvesting,#calendar .day_container .day .planting{padding-bottom:11px}#calendar .day_container .day .harvesting:after,#calendar .day_container .day .harvesting:before,#calendar .day_container .day .planting:after,#calendar .day_container .day .planting:before{content:" ";display:table}#calendar .day_container .day .harvesting:after,#calendar .day_container .day .planting:after{clear:both}#calendar .day_container .day .harvesting .plan,#calendar .day_container .day .planting .plan{float:left;position:relative;margin-right:10px}#calendar .day_container .day .harvesting .plan img,#calendar .day_container .day .planting .plan img{width:24px;height:auto}#calendar .day_container .day .harvesting .plan .amount,#calendar .day_container .day .planting .plan .amount{position:absolute;bottom:-9px;right:-8px;color:#000;font-size:12px;line-height:10px}@media only screen and (max-width:991px){#calendar .day_container .day .harvesting .plan .amount,#calendar .day_container .day .planting .plan .amount{font-size:10px}}@media only screen and (max-width:991px){#calendar .day_container .day .harvesting .plan,#calendar .day_container .day .planting .plan{margin-right:4px}#calendar .day_container .day .harvesting .plan img,#calendar .day_container .day .planting .plan img{width:14px}#calendar .day_container .day .harvesting .plan .amount,#calendar .day_container .day .planting .plan .amount{bottom:-7px;right:-6px}}#calendar .day_container .day .more{font-size:13px;color:#777;margin-top:-6px}#calendar .day_container .day .profit{position:absolute;left:13px;bottom:-3px;margin:5px;font-size:12px;line-height:12px;font-weight:700}#calendar .day_container .day .profit.min{left:0;bottom:3px;font-size:13px}#calendar .day_container .day .profit .asc_icon{position:absolute;bottom:4px;left:-16px;font-size:14px;color:#777}#crop_info .crops,#crop_planner .crops,#sb_cropinfo .crops{margin-bottom:0}#crop_info .crops .crop td,#crop_planner .crops .crop td,#sb_cropinfo .crops .crop td{vertical-align:middle;position:relative}#crop_info .crops .crop img,#crop_planner .crops .crop img,#sb_cropinfo .crops .crop img{width:32px;height:auto}#crop_info .crops .crop.error td,#crop_planner .crops .crop.error td,#sb_cropinfo .crops .crop.error td{background-color:#f88}#crop_info .crops .crop .compare,#crop_planner .crops .crop .compare,#sb_cropinfo .crops .crop .compare{color:#aaa;font-size:13px;margin:0 2px}#crop_info .crops .crop .form-control,#crop_planner .crops .crop .form-control,#sb_cropinfo .crops .crop .form-control{display:inline-block;width:auto;padding:6px}#crop_info th{cursor:pointer}#crop_info .seasons{border-bottom:2px solid #ccc}#crop_info .seasons .season{padding:6px 0;cursor:pointer;text-align:center;border-radius:4px 4px 0 0;border:1px solid transparent;border-bottom:0;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}#crop_info .seasons .season:hover{background-color:#ddd}#crop_info .seasons .season.active{border-color:#ccc;background-color:#fff}#crop_info .crops_container .name{position:relative}#crop_info .crops_container .name .note{position:absolute;font-size:10px;color:#777;bottom:0;left:15px}#player_settings .settings{margin-bottom:20px}#player_settings .settings .btn-success{opacity:1}#player_settings .settings .btn-default{opacity:.5}#player_settings .statistics{overflow:hidden}#player_settings .statistics .chance_scale{height:25px;border:1px solid #888;border-radius:2px;margin-bottom:38px}#player_settings .statistics .chance_scale:after,#player_settings .statistics .chance_scale:before{content:" ";display:table}#player_settings .statistics .chance_scale:after{clear:both}#player_settings .statistics .chance_scale>div{height:100%;float:left;position:relative;box-sizing:border-box}#player_settings .statistics .chance_scale>div:not(:last-child){border-right:1px solid #aaa}#player_settings .statistics .chance_scale>div.regular{background-color:#bf8550}#player_settings .statistics .chance_scale>div.silver{background-color:silver;background:linear-gradient(135deg,#f2f6f8 0,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);box-shadow:0 0 1px 1px rgba(255,255,255,.45) inset}#player_settings .statistics .chance_scale>div.silver .name{left:-28px}#player_settings .statistics .chance_scale>div.gold{background-color:gold;background:linear-gradient(135deg,#e6f0a3 0,#d2e638 50%,#c3d825 51%,#dbf043 100%);box-shadow:0 0 1px 1px rgba(255,255,255,.45) inset}#player_settings .statistics .chance_scale>div .percent{font-size:12px;padding:2px 2px;overflow:hidden}#player_settings .statistics .chance_scale>div .name{position:absolute;bottom:-20px;left:0;color:#777;font-size:12px}.modal{padding-right:0!important}.modal .modal-dialog{width:auto;min-width:400px;max-width:1000px}.modal .modal-dialog .modal-content{background-color:#f0f0f0;border-radius:0}.modal .modal-dialog .modal-content .modal-header{background-color:#ddd}.modal .modal-dialog .modal-content .modal-header .modal-title{text-align:center;font-weight:700}.modal .modal-dialog .modal-content .modal-body label{width:100%}.modal .modal-dialog .modal-content .modal-footer{background-color:#ddd}.modal .modal-dialog .modal-content .modal-body,.modal .modal-dialog .modal-content .modal-footer,.modal .modal-dialog .modal-content .modal-header{border-color:#ccc}