@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../../statics/fonts/opensans/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../../statics/fonts/opensans/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../../statics/fonts/opensans/xjAJXh38I15wypJXxuGMBifE9Gpc2xZQgtwyMvPhThE.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(../../statics/fonts/opensans/PRmiXeptR36kaC0GEAetxjpEpsbGv0WCalYSBSSLSDI.woff) format('woff');
}

@media (min-width: 1200px){
    .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
        width: 1040px;
    }
}

.navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
    width: 1040px;
}

#main {
    width: 1024px;
    margin-left: auto;
    margin-right: auto;
}

body {
    margin: 0;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

header {
    height: 100px;
}

footer {
    margin-top: 20px;
    background-color: #333;
    color: #fff;
}

nav {
    background-color: #DD975B;
    width: 1024px;
    height: 30px;
}

h1, h2, h3, h4, h5 {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
}

/* core */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border-radius: 0;
}

input[type=file] {
    display: none !important;
}

.dropdown-menu {
    /*margin: 25px -160px 0;*/
}

.dropdown-menu a {
    color: #B34B41 !important;
}

.dd-btn i {
    margin-top: 2px;
}

.dd-btn {
    background-color: #B34B41;
    border: 1px solid #B34B41;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    width: auto;
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
    text-align: center;
}

.dd-btn .caret {
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    margin-top: 12px;
    margin-left: 8px;
}

.dd-btn-small {
    padding: 2px;
    height: 15px;
    width: 15px;
    line-height: normal;
}

a.dd-btn:hover {
    color: #fff;
}

a.dd-btn-link:hover {
    color: #B34B41;
}

.dd-btn:hover, .dd-btn.disabled {
    background-color: #962422;
}

.dd-btn-success {
    background-color: #939932;
    border: 1px solid #939932;
}

.dd-btn-success:hover {
    background-color: #868c33;
    border: 1px solid #8f9534;
}

.dd-btn .content {
    display: inline-block;
    vertical-align: middle;
}

.dd-btn-link {
    border-color: transparent;
    color: #B34B41;
    border-radius: 0;
    text-shadow: none;
    background: none;
}

.favorite, .unfavorite {
    cursor: pointer;
}

div[id*='favorite_'] {
    line-height: 24px;
}

.favorite > span {
    color: #B34B41;
}

.favorite > span:hover {
    color: #962422;
}

.unfavorite > span {
    color: #167400;
}

.unfavorite > span:hover {
    color: #0f4e00;
}

.dd-btn-content {
    background-color: transparent;
    color: #B34B41;
    padding: 0;
}

.dd-btn-content div {
    display: inline-block;
}

.dd-btn-content .dd-btn-content-icon {
    width: 26px;
    height: 100%;
    margin: 0;
}

a {
    color: #B34B41;
}

.dd-btn-link:hover, a:hover {
    text-decoration: none;
    color: #962422;
    background: none;
}

.img-over-btn {
    background-color: #B34B41;
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    position: absolute;
    text-align: center;
    width: 100%;
    line-height: 22px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.dd-progress {
    border: 1px solid #999999;
    height: 20px;
    left: 13%;
    position: absolute;
    top: 40%;
    width: 80%;
    display: none;
    background-color: #fff;
}

.dd-bar {
    background-color: #B34B41;
    height: 20px;
    width: 0;
    background-image: linear-gradient(to bottom, #B34B41, #962422);
    background-repeat: repeat-x;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
}

.dd-close-btn {
    background-color: #333333;
    color: #FFFFFF;
    cursor: pointer;

    font-weight: bold;
    height: 20px;
    text-align: center;
    width: 20px;
    position: absolute;
    top: -12px;
    right: -12px;
    border: 2px solid #ffffff;
    border-radius: 15px;
    text-align: center;
}

.dd-close-btn-transparent {
    color: #333;
    background: #fff;
    border-color: #333;
}

.dd-upload-file-btn {
    width: 374px;
    font-size: 15px;
    position: relative;
    padding: 0;
}

.dd-btn-content-loader {
    width: 16px;
    height: 16px;
    background: url("./../../images/btn-ajax-loader.gif") no-repeat;
    margin: 5px auto auto;
    display: inline-block;
}

/* icon */

.dd-icon {
    display: inline-block;
    /*width: 18px;*/
    /*height: 14px;*/
}

.dd-ny-menu-icon {
    background: url("../../statics/icon/ny_menu.png") no-repeat;
    width: 26px;
    height: 24px;
}

/*.raiting {*/
/*float:right;*/
/*}*/

.dd-icon-camera {
    width: 26px;
    height: 20px;
    background: url("../../statics/icon/_camera.png") no-repeat;
}

.dd-icon-like {
    width: 19px;
    height: 16px;
    background: url("../../statics/icon/_like.png") no-repeat;
    cursor: pointer;
}

.dd-icon-like:hover {
    background: url("../../statics/icon/_like_hover.png") no-repeat;
}

.dd-icon-star {
    width: 19px;
    height: 18px;
    background: url("../../statics/icon/_star.png") no-repeat;
    cursor: pointer;
}

.dd-icon-star:hover {
    background: url("../../statics/icon/_star_hover.png") no-repeat;
}

.dd-icon-star-green {
    width: 19px;
    height: 18px;
    background: url("../../statics/icon/_star_green.png") no-repeat;
    cursor: pointer;
}

.dd-icon-star-green:hover {
    background: url("../../statics/icon/_star_green_hover.png") no-repeat;
}

.dd-icon-like-small {
    width: 15px;
    height: 13px;
    background: url("../../statics/icon/_like_small.png") no-repeat;
    cursor: pointer;
}

.dd-icon-like-small:hover {
    background: url("../../statics/icon/_like_small_hover.png") no-repeat;
}

.dd-icon-unlike {
    cursor: pointer;
    width: 19px;
    height: 16px;
    background: url("../../statics/icon/_like_green.png") no-repeat;
}

.dd-icon-unlike:hover {
    background: url("../../statics/icon/_like_green_hover.png") no-repeat;
}

.dd-icon-unlike-small {
    cursor: pointer;
    width: 15px;
    height: 13px;
    background: url("../../statics/icon/_like_green_small.png") no-repeat;
}

.dd-icon-unlike-small:hover {
    background: url("../../statics/icon/_like_green_small_hover.png") no-repeat;
}

.dd-icon-upload {
    background: url("../../statics/icon/w_upload_18.png") no-repeat;
}

.dd-icon-view {
    background: url("../../statics/icon/_eye_open.png") no-repeat;
    width: 15px;
    height: 8px;
}

.dd_icon_view_big {
    background: url("../../statics/icon/_eye_open_big.png") no-repeat;
    width: 20px;
    height: 11px;
}

.dd_icon_view_big_white {
    background: url("../../statics/icon/_eye_open_big_white.png") no-repeat;
    width: 20px;
    height: 11px;
}

.dd-icon-star {
    cursor: pointer;
    background: url("../../statics/icon/_star.png") no-repeat;
    width: 19px;
    height: 18px;
}

.dd-icon-star:hover {
    background: url("../../statics/icon/_star_hover.png") no-repeat;
}

.dd-icon-search:hover {
    background: url("../../statics/icon/_search_hover.png") no-repeat;
}

.dd-icon-search {
    width: 18px;
    height: 18px;
    background: url("../../statics/icon/_search.png") no-repeat;
}

.dd-icon-bell {
    width: 18px;
    height: 18px;
    background: url("../../statics/icon/_bell.png") no-repeat;
}

.dd-icon-ban {
    width: 18px;
    height: 18px;
    background: url("../../statics/icon/ban.png") no-repeat;
}

.dd-icon-refresh {
    width: 18px;
    height: 19px;
    background: url("../../statics/icon/_refresh.png") no-repeat;
}

.dd-icon-refresh:hover{
    background: url("../../statics/icon/_refresh_hover.png") no-repeat;
}

.dd-icon-volume-up {
    width: 18px;
    height: 19px;
    background: url("../../statics/icon/_volume_up.png") no-repeat;
}

.dd-icon-volume-up:hover{
    background: url("../../statics/icon/_volume_up_hover.png") no-repeat;
}

.dd-icon-help {
    width: 18px;
    height: 18px;
    background: url("../../statics/icon/_circle_question_mark.png") no-repeat;
}

.dd-icon-help:hover {
    background: url("../../statics/icon/_circle_question_mark_hover.png") no-repeat;
}

/* user panel*/

#u-info {
    margin-left: 20px;
    margin-top: 10px;
    position: absolute;
    top: 2px;
    right: 0;
}

#top-control-panel {
    background-color: #333333;
    height: 30px;
    width: 100%;
    color: #fff;
    position: relative;
}

#top-control-panel #top-main {
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
    height: 100%;
}

#top-control-panel #top-main #u-info {
    float: right;
    cursor: pointer;
}

#top-control-panel #top-main #u-info .u-name {
    vertical-align: middle;
    display: inline-block;
}

#top-control-panel #top-main #u-info {
    display: inline-block;
    height: 24px;
    width: 24px;
}

#top-control-panel #top-main #u-menu ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
}

#top-control-panel #top-main #u-menu {
    height: 32px;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 32px;
}

#top-control-panel #top-main a {
    font-family: "Open Sans", Arial, sans-serif;
}

#top-control-panel #top-main #u-menu ul li {
    margin-left: 0;
    padding: 3px 15px;
    list-style: none;
    display: inline;
    font-family: "Open Sans", Arial, sans-serif;
}

/* single recipe*/
#recipe-left-panel, #recipe-center-panel, #recipe-right-panel {
    display: inline-block;
    vertical-align: top;
}

#recipe-left-panel {
    width: 150px;
}

#recipe-center-panel {
    width: 775px;
}

#recipe-right-panel {
    width: 245px;
    float: right;
}

#recipe-right-panel ul {
    margin: 0;
    padding: 0;
}

#recipe-right-panel li {
    margin: 0;
    list-style: none;
}

/* add recipe */
#recipe-head-photo {
    overflow: hidden;
    position: relative;
}

#recipe-img-upload-list {
    margin: 0;
    padding: 10px 0 0;
}

#recipe-img-upload-list li {
    display: inline-block;
    list-style: none;
    position: relative;
    margin: 10px 10px 10px 0;
}

.recipe-upload-photo {
    width: 190px;
    height: 113px;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

#recipe-ingredient-list li div {
    display: inline-block;
}

#recipe-ingredient-list li div div:first-child {
    margin-right: 5px;
}

#recipe-ingredient-list li .dd-btn {
    vertical-align: top;
}

/*recipes*/
.user_link {
    color: #B34B41 !important;
    font-weight: bold;
    font-size: 12px;
}

#all_recipes {
}

#all_recipes .recipe {
    width: 488px;
    padding: 10px;
    overflow-y: auto;
    margin: 0;
    background: #ffffff;

}

#all_recipes, #all_recipes .recipe_info {
    display: inline-block;
}

.recipe .recipe_info {
    width: 230px;
    float: left;
    padding: 0 0 0 10px;
}

#all_recipes .recipe .recipe_pic, #all_recipes .recipe .recipe_pic img {
    vertical-align: top;
    width: 245px;
    display: inline-block;
    float: left;
}

#all_recipes .recipe .recipe_pic img {
    height: 163px;
}

#all_recipes .recipe_ingredients > div > ol :nth-child(even) {
    background-color: #E5E5E5;
}

/* add recipe */
#recipe-ingredient-list {
    /*width: 557px;*/
}

#recipe-ingredient-list > div {
    display: inline-block;
}

#recipe-ingredient-list .ing {
    font-weight: bold;
}

#recipe-ingredient-list input {
    /*width: 100px !important;
    height: 19px;*/
}

.recipe_ingredients ol {
    padding: 0 0 0 20px;
    margin: 0px;
}

/* search */
#recipe_search {
    background-color: #a5aa4e;
    width: 600px;
    padding: 7px;
}

#recipe_search input[type=text] {
    width: 550px;
    display: inline-block;
}

#recipe_search input[type=submit] {
    background: #fff;
    width: 20px;
    height: 29px;
    margin-top: -11px;
}

.slide-more-info {
    width: 245px;
    height: 163px;
    background: #952422;
    position: relative;
    margin-top: -15px;
    text-align: center;
    vertical-align: middle;
    display: none;
    z-index: 3;
}

.slide-more-info h2 {
    color: #fff;
    border-bottom: 1px solid;
}

.slide-more-info .user_avatar, .slide-more-info .user_avatar_personal {
    border-radius: 50% 50% 50% 50%;
    height: 64px;
    left: 82px;
    overflow: hidden;
    position: absolute;
    /*top: -32px;*/
    width: 64px;
    bottom: -100px;
    z-index: 2;
    /*display: none;*/
}

.slide-more-info .user_avatar img, .slide-more-info .user_avatar_personal img {
    width: 64px !important;
    height: 64px !important;
}

/* popover */

.popup {
    position: absolute;
    max-width: 400px;
    height: 130px;
    width: 300px;
    /*border: 1px solid #71653a;*/
    /*border-radius: 5px;*/
    padding: 5px;
    /*color: #71653a;*/
    background-color: #FAF8F5;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    top: -65px;
    right: 0px;
}

.popup.left:before {
    border-left: 10px solid #71653a;
    border-top: 10px solid rgba(113, 101, 58, 0);
    border-bottom: 10px solid rgba(113, 101, 58, 0);
    right: -10px;
    top: 20px;
}

.popup.left:after {
    border-left: 10px solid #FAF8F5;
    border-top: 10px solid rgba(255, 241, 190, 0);
    border-bottom: 10px solid rgba(255, 241, 190, 0);
    right: -9px;
    top: 20px;
}

.popup.right:before {
    border-right: 10px solid #71653a;
    border-top: 10px solid rgba(113, 101, 58, 0);
    border-bottom: 10px solid rgba(113, 101, 58, 0);
    left: -10px;
    top: 20px;
}

.popup.right:after {
    border-right: 10px solid #FAF8F5;
    border-top: 10px solid rgba(255, 241, 190, 0);
    border-bottom: 10px solid rgba(255, 241, 190, 0);
    left: -9px;
    top: 20px;
}

.popup.top:before {
    border-left: 10px solid rgba(113, 101, 58, 0);
    border-right: 10px solid rgba(113, 101, 58, 0);
    border-top: 10px solid #71653a;
    left: 20px;
    bottom: -10px;
}

.popup.top:after {
    border-left: 10px solid rgba(255, 241, 190, 0);
    border-right: 10px solid rgba(255, 241, 190, 0);
    border-top: 10px solid #FAF8F5;
    left: 20px;
    bottom: -9px;
}

.popup.bottom:before {
    border-left: 10px solid rgba(113, 101, 58, 0);
    border-right: 10px solid rgba(113, 101, 58, 0);
    border-bottom: 10px solid #71653a;
    left: 20px;
    top: -10px;
}

.popup.bottom:after {
    border-left: 10px solid rgba(255, 241, 190, 0);
    border-right: 10px solid rgba(255, 241, 190, 0);
    border-bottom: 10px solid #FAF8F5;
    left: 20px;
    top: -9px;
}

.selected_ing, .selected_no_ing {
    background-color: #B34B41;
    color: #FFFFFF;
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 1px 8px 2px;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
    font-size: 12px;
}

.del_selected_ing, .del_selected_no_ing {
    font-size: 16px;
    cursor: pointer;
    margin-left: 10px;
}

.accordion {
    margin-bottom: 0;
}

.accordion-group {
    margin-bottom: 0 !important;
    border: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.icon_bar_mini {
    display: block;
    width: 5px;
    height: 3px;
    background-color: #4c4c4c;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin-top: 2px;
    vertical-align: top;
    cursor: pointer;
}

.modal {
    border-radius: 3px;
}

.new_subscribe > a {
    background-color: #96BD51;
    color: #fff !important;
}

.new_subscribe > a:hover {
    background-color: rgba(150, 189, 81, 0.7) !important;
}

div.input_error {
    height: 18px;
    z-index: 10;
    padding: 6px;
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
    border-radius: 4px 4px 4px 4px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    font-size: 12px;
    display: table !important;
}

.disabled, .disabled:hover {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.alphabet {
    margin: 0 15px;
}

.alphabet ul li {
    background-color: #ffffff;
    float: left;
    margin: 3px;
    list-style-type: none;
    padding: 5px;
}

.alphabet ul li a {
    font-weight: bold;
}

.alphabet ul li.active {
    background-color: #B94A48;
    cursor: default;
}

.alphabet ul li.active a {
    color: #ffffff;
    cursor: default;
}

#full_page_loader {
    background: rgba(255, 255, 255, 0.63);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    display: none;
}

#full_page_loader_element {
    position: absolute;
    top: 45%;
    left: 49%;
    cursor: default;
}

.is_draft {
    border: 1px solid #167400 !important;
    box-shadow: 0 0 10px rgba(22, 116, 0, 0.5);
    margin: 0 18px 20px 0 !important;
}

form {
    margin: 0;
}

.user_menu_counter {
    float: right;
    font-size: 12px;
    font-weight: normal;
    margin-top: 1px;
}

.nav-list > li > a, .nav-list .nav-header {
    text-shadow: none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: inherit;
}

.dropdown-menu {
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.popover.top h3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
}

.popover.top .popover-content {
    padding: 5px;
}

.popover.top .popover-content p {
    margin: 0;
}

.popover.top .popover-title {
    -webkit-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.popover.top .arrow {
    left: 14%;
}

#social_links {
    margin: 0 100px 10px 0;
}

#social_links .nav-list .nav-header {
    color: #fff;
}

#social_links .nav-list li a {
    color: #999;
}

#social_links .nav-list li a:hover {
    background: none !important;
}

#social_links .nav-list li a {
    font-weight: normal;
}

#social_links .nav-list li a img {
    padding-right: 10px;
    margin-top: -2px;
}

/* tooltip */
.tooltip {
    font-weight: bold;
    opacity: 0.8 !important;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #4c4c4c;
}

.tooltip.top .tooltip-inner {
    background-color: #4c4c4c;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    font-size: 10px !important;
}

.modal-backdrop {
    background-color: #ffffff !important;
}

.alert {
    border-radius: 2px;
}

.alert a {
    font-weight: bold;
}

.alert-error {
    border-color: #CEB5B9;
}

.not_modal {
    padding: 0 !important;
    width: 510px !important;
}

.not_modal .modal-header span {
    margin-top: -10px;
    color: #B0B0B0
}

.not_modal .modal-body {
    overflow: hidden;
    max-height: none
}

.not_modal .modal-body h3 {
    font-weight: bold;
}

.not_modal .modal-body .control-label, .not_modal .modal-body .checkbox {
    font-size: 12px !important;
}

.not_modal .modal-header h2 {
    margin-bottom: 10px;
}

.popover-title:empty {
    display: none;
}

.popover {
    width: auto;
    border-radius: 2px;
}

.popover-content > p {
    margin: 0;
}

.centered_text {
    text-align: center
}