.planner{margin-left: 20px;}

.planner .addbutton{display: inline-block; background-color: #1B6DFF; color: #fff; padding: 10px 20px; font-size: 18px; cursor: pointer; text-align: center; border-radius: 5px; margin-top: 5px; text-decoration: none; display: inline-block;}
.planner .addbutton:hover{background-color: #1159b7;color: #fff;transition: 0.3s;text-shadow: none;}

.planner input[type="text"]{width: 50%; border: 1px solid #ccc; padding: 10px; font-size: 16px; border-radius: 5px;}
.planner input[type="date"]{width: 30%; border: 1px solid #ccc; padding: 10px; font-size: 16px; border-radius: 5px;}
.planner textarea{width: 50%; border: 1px solid #ccc; padding: 10px; font-size: 16px; border-radius: 5px;}

.planner .pdatenav{}
.planner .pdatenav .pdndays a{display: inline-block; font-size: 16px; padding: 10px; margin-right: 5x; border-radius: 5px; border: 1px solid #333; text-decoration: none; color: #333;}
.planner .pdatenav .pdndays .curday{background-color: #62A600!important; color: #fff!important;}
.planner .pdatenav .pdndays .pdnselectdate{background-color: none!important; border: 0!important; text-decoration: underline!important;}

.recipesplanner{}
.recipesplanner .rpdayname{font-size: 20px; background-image: linear-gradient(to top right, rgb(255, 227, 204), rgb(255, 228, 199), rgb(255, 229, 195), rgb(255, 230, 190), rgb(255, 231, 186), rgb(255, 232, 181), rgb(255, 227, 185), rgb(255, 223, 189), rgb(255, 218, 193), rgb(255, 213, 196), rgb(255, 209, 200), rgb(255, 204, 204)); padding: 10px 2%; margin-top: 50px; width: 94%; border-radius: 5px; color: #333; border: 1px solid #ccc;}


/* Вывод рецептов */
 .recblockwide {position: relative; width: 90%; overflow: hidden; margin: 20px 0; border: 2px solid #fff; box-shadow: 0 0 30px #ccc; border-radius: 3px;}
 .recblockwide:hover {border: 2px solid #ccc; transition: 0.3s;}

 .recblockwide .recblockwideleft{width: 250px; float: left;}
 .recblockwide .recblockwideleft .preimage {width: 100%;}

 .recblockwide .recblockwideleft .addtofavorit{background-color: #C3D906; margin: 20px 0 0 0; text-align: left; padding: 10px 10px 10px 15px; color: #000; font-size: 16px; cursor: pointer;}
 .recblockwide .recblockwideleft .addtofavorit:hover{background-color: #FFBF19; transition: 0.3s;}

 .recblockwide .recblockwideleft .openrecipe{display: block; background-color: #223B7E; margin: 2px 0 0 0; text-align: left; padding: 10px 10px 10px 15px; color: #fff; font-size: 16px; cursor: pointer; text-decoration: none;}
 .recblockwide .recblockwideleft .openrecipe:hover{background-color: #2D4FAC; transition: 0.3s;}

 .recblockwide .info {width: 330px; margin: 0 0 0 20px; float: left;}
 .recblockwide .info .header {margin: 20px 0 5px 0;}
 .recblockwide .info .header a{font-size: 20px; color: #000; text-decoration:  none; line-height: 24px; text-align: center;}
 .recblockwide .info .header a:hover{text-decoration: underline;}
 .recblockwide .info .description{font-size: 14px; line-height: 18px; margin-top: 15px; color: #555; text-shadow: 1px 1px 2px #fff;}
 .recblockwide .info .ingredients{margin-top: 20px; color: #777; line-height: 12px; font-size: 11px;}
 .recblockwide .info .ingredients p{ margin: 2px 0;}
 .recblockwide .info .ingredients strong{font-weight: normal;}
 .recblockwide .info .ingredients h3{font: bold 12px sans-serif; margin: 0;}
.ingrlistclick{color: #000; font-size: 12px;}

.recblockwideadv{width: 653px; margin: 5px 0 5px 40px; float: left;}
 .recblockwide .video {position: absolute; top: 10px; right: 10px;}
 .recblockwide .rbwbottom{position: relative; border-top: 1px solid #f2f2f2; width: 95%; height: 60px; margin: 20px auto 0 auto; font-size: 14px;}

 .recblockwide .rbwbottom .recipetype {float: left; margin: 20px 5px 0 5px;  width: 20px; height: 20px; font-size: 11px; border-radius: 2px; text-shadow: 1px 1px 1px #3f7612;}
 .recblockwide .rbwbottom .recipevideo {color: #fff; background: url('/images/video-version-32.png') 5px center no-repeat; background-size: 20px 20px; width: 30px; margin-left: -2px;}
 .recblockwide .rbwbottom .rtvegetarian{color: #fff; background: #aebc12 url('/images/vegan-icon.png') 5px center no-repeat; background-size: 12px;}
 .recblockwide .rbwbottom .rtvegan{color: #fff; background: #40a608 url('/images/vegan-icon.png') 5px center no-repeat; background-size: 12px;}
 .recblockwide .rbwbottom .rtraw{color: #fff; background: #03b961 url('/images/vegan-icon.png') 5px center no-repeat; background-size: 12px;}

 .recblockwide .rbwbottom .recipedifficult {float: left;  margin: 20px 5px 0 5px; width: 20px; height: 20px; font-size: 11px; border-radius: 2px; text-shadow: 1px 1px 1px #3f7612;}
 .recblockwide .rbwbottom .rd1{color: #fff; background: #5ea22b url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
 .recblockwide .rbwbottom .rd2{color: #fff; background: #92a928 url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
 .recblockwide .rbwbottom .rd3{color: #fff; background: #d1c500 url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
 .recblockwide .rbwbottom .rd4{color: #fff; background: #c2891a url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}
 .recblockwide .rbwbottom .rd4{color: #fff; background: #d93d00 url('/images/difficult-icon.png') 5px center no-repeat; background-size: 10px;}

 .recblockwide .rbwbottom .energy{background:url('/images/energy-icon-32-black.png') left center no-repeat; background-size: 16px 16px; float: left; height: 20px; margin: 20px 5px 0 25px;; padding: 0 0 0 27px;}
 .recblockwide .rbwbottom .time{background:url('/images/time-icon-32-black.png') left center no-repeat; background-size: 16px 16px; float: left; height: 20px; margin: 20px 5px 0 25px;; padding: 0 0 0 27px;}
 .recblockwide .rbwbottom .comments{background:url('/images/comments-icon-32-black.png') left center no-repeat; background-size: 16px 16px; float: left; height: 20px; margin: 20px 5px 0 25px;; padding: 0 0 0 27px;}
 .recblockwide .rbwbottom .favorits{background:url('/images/favorit/recipebook-64.png') left center no-repeat; background-size: 16px 16px; float: left; height: 20px; margin: 20px 5px 0 25px;; padding: 0 0 0 27px; }

 .recblockwide .rbwbottom .author{position: absolute; top: 22px; right: 10px; display: inline-block; text-align: left; font-size: 14px; color: #333; background: url('/images/chef-icon-black-32.png') left 2px no-repeat; background-size: 12px 12px; padding: 0 0 0 18px;}

/*Блоки с новинкой*/
 .rbwnew{background-color:#F6FFD1; border: 2px solid #fff; box-shadow: 0 0 30px #698104;}
.newrecipesheader{font-size: 28px;}
 .rbwnew .rbwnewlaber{ position: absolute; left: 8px; top: 8px; box-shadow: 0 0 5px #000; padding: 5px; font-size: 16px; width: 100px; text-align: center; background-color: red; color: #fff;}







.custom-datepicker {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border: none;
    border-radius: 5px;
    box-shadow: 0 10px 10px #333;
}

.custom-datepicker .ui-datepicker-header {
    background: transparent;
    border: none;
    color: white;
    font-weight: bold;
}

.custom-datepicker .ui-datepicker-title {
    padding: 5px 0 0 0; width: 100%; margin: 0 auto;
}

.custom-datepicker .ui-datepicker-title select{
	font-size: 12px; border-radius: 5px; color: #000; padding: 5px; width: 40%; margin-right: 2%;
}

.custom-datepicker .ui-datepicker-calendar {
    background: white;
    border-radius: 5px;
    margin-top: 10px;
}

.custom-datepicker .ui-datepicker-calendar th {
    background: #f8f9fa;
    color: #6c757d;
    font-weight: 600;
    font-size: 16px;
}

.custom-datepicker .ui-datepicker-calendar td{
	padding: 5px;
}

.custom-datepicker .ui-datepicker-calendar td a {
    color: #495057;
    display: inline-block;
    text-align: center;
    font-size: 16px; width: 20px; height: 20px; padding: 5px; text-decoration: none;
}


.custom-datepicker .ui-datepicker-prev, 
.custom-datepicker .ui-datepicker-next {
    display: none !important;
}

.custom-datepicker .highlighted-date a {
    background: #ff6b6b !important;
    color: white !important;
    border-radius: 5px!important;
}

.authb{text-decoration: underline; color: blue;}



