*{box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; }
@font-face { font-family:'varelaround-regular'; src: url('fonts/varelaround-regular-webfont.eot'); src: url('fonts/varelaround-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/varelaround-regular-webfont.woff2') format('woff2'), url('fonts/varelaround-regular-webfont.woff') format('woff'), url('fonts/varelaround-regular-webfont.ttf') format('truetype'), url('fonts/varelaround-regular-webfont.svg#latobold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family:'comingsoon-regular'; src: url('fonts/ComingSoon.eot'); src: url('fonts/ComingSoon.eot?#iefix') format('embedded-opentype'), url('fonts/ComingSoon.woff2') format('woff2'), url('fonts/ComingSoon.woff') format('woff'), url('fonts/ComingSoon.ttf') format('truetype'), url('fonts/ComingSoon.svg#latobold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family:'NotoColorEmoji'; src: url('fonts/NotoColorEmoji-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; }
td{vertical-align:top;}
h1, h2, h3,input,span, form{ padding:0px; margin:0px; }
html{margin: 0 !important;overflow-y: scroll !important;}
body{width:100%;padding:0px;margin:0px;background:#1D1D1B;font-family:'varelaround-regular',sans-serif,arial,helvetica;font-size:14px;font-weight:normal;color:#181714; }
.clear{ clear:both; padding:0px; margin:0px; }
img{ border:none; padding:0px; margin:0px;max-width:100%;}
ul{padding:0;margin:0px; }
.left{float:left;}
.right{ float:right; }
.clear{ clear:both;overflow:hidden; }
hr{border-top: 1px solid #eeeeee;margin: 12px 0;border-bottom: 0;}
fieldset{border: 1px solid #dddddd;line-height: 1.5;}
legend{padding: 4px 10px;font-weight: bold;border: 1px solid #dddddd;background: #f6f6f6;}
#mainContainer{ width:100%;overflow:hidden;background:#ffffff; }
#page{ overflow:hidden;background:#f9f9f9; } 
#siteContainer, .logoAndSignOut, .notification, .headerMenu, .footerContent{ max-width:1319px;width:100%;margin:0 auto;}
#siteContainer{margin:0 auto 50px;overflow:hidden;}
#mainCol{ width:100%; }
#rightCol{ width:auto;float:left; }
#leftCol{ width:auto;float:left; }
#mainColFullWidth{/* overflow:hidden;*/min-height:500px;width:100%; }
#header{ height:auto;overflow:hidden; }
#footer{overflow: hidden;border: 0;padding: 0;margin: 0;text-align: inherit;opacity: 1;}
a{ font-size:inherit;font-family:inherit;color:#181714;text-decoration:underline; }
a:hover{ color:#181714;text-decoration:none; }
h1{ font-family:inherit;color:#181714;font-size:29px;;margin:40px 0 25px;text-align:left;font-weight:bold;line-height:1; }
li{margin:0;}
.hlt{ font-size:12px;color:#FF0000;margin:0; }
.prevMilestones{padding:10px;background:#dbdbdb;}
#contentBlock{margin-top:25px;}
.normalText p,.normalText div,#contentBlock p,#contentBlock div{ margin:0 0 25px 0;line-height:1.7; }
.normalText img{height:auto !important;}
.cursorHand{ cursor:pointer;cursor:hand; }
.loginBox,.formContainer{ max-width:450px;width:100%;margin:50px auto 10px;text-align:left;border-radius:10px;padding:25px;border:1px solid #d8d8d8; }
.formContainer{padding:35px 25px;margin:100px auto 10px;}
.formContainer .fieldInput select{width:99%;-moz-appearance: none;-webkit-appearance:none;appearance:none;background: #ffffff url("../images/down_arrow.png") no-repeat scroll 98% center;}
.popup{ display:none;}
.successMsg{color:#358704;}
.errorMsg{color:#ff0000;}
.formElement{ clear:both;overflow:hidden;padding-bottom:17px; }
.stepformElement { margin-bottom: 45px;}
.searchHolder { border: 1px solid #d8d8d8; padding: 25px; border-radius: 10px; width: 100%; margin-bottom: 45px;}
.nextStepFormContainer { border: 1px solid #d8d8d8; padding: 25px; border-radius: 10px; width: 100%; margin-bottom:25px;}
.nextStepText { font-weight: bold;  float: left;  margin-right: 35px;margin-top: 7px;}
.nextStepText span {font-weight: normal;}
.btnChildNextStep{ padding: 5px 30px; font-weight: bold;}
.nextstep{float:left;width:62%;}
.nextstepStatus{float:left;width:19%;}
.nextstepStatus input{margin:4px;}
#divFrmChildEdit form .formElement{width:42%;}
.fieldTitle{ width:35%;float:left;margin-top:6px; }
.fieldTitle em{ font-size:11px;color:#B22020; }
.fieldInput{ width:65%;float:left; }
.fieldInput input{ width:100%;height:35px;border:1px solid #828282;padding:0 2%; }
.fieldInput input[type='file']{ width:94%; }
.fieldInput textarea{ width:100%;height:90px;border:1px solid #828282;padding:2%; }
.fieldInput select{width:100%;height:35px;border:1px solid #828282; } 
.fieldInput input.btnSubmit{ background:url('../images/bg_button.png') repeat-x;height:40px;border:0;max-width:196px;width:70%;text-transform:uppercase;border-radius:6px;cursor:pointer;font-weight:bold; }
.fieldInput input.btnSubmit:hover{ background:url('../images/bg_button_hover.png') repeat-x;height:40px;border:0;max-width:196px;width:70%;text-transform:uppercase;border-radius:6px;cursor:pointer;font-weight:bold; }
.submitButton{ float:left;width:50%;margin-right:1%; }
.cancelButton{ float:left;width:49%; }
.headerTop{ background:#F2CC07 url('../images/bg_header.png') repeat-x;overflow:hidden;min-height:121px; }
.backToLink{overflow:hidden;clear:both;}
.backToLink > div{padding:8px 0 12px;}
.backToLink > div a{background:url('../images/icon_back_arrow.png') no-repeat 0 4px;padding-left: 15px;font-size:11px;}
.logoAndSignOut{overflow:hidden;}
.logo{ margin:27px 0 0;float:left; }
.spamImageLogin{ width:40%;float:left; }
.loginInput{ width:60%;float:left; }
.loginInput input{ width:100%;height:35px; }
.footerContent{color:#ffffff;font-size:11px;padding:20px 0 70px;overflow:hidden;}
.footerContent a,.footerContent a:hover{ color:#EFD607; }
.loginBox .heading{ background: #d8d8d8;border-radius: 6px;font-weight: bold;margin-bottom: 30px;padding: 20px;line-height:1.5; }
.userAndSignOut{ float:right;margin-top:32px; }
.userAndSignOut .user{ float:right;background:url('../images/icon_logged_user.png') no-repeat 0 0;padding:9px 0 10px 56px;font-size: 16px; }
.userAndSignOut .signOut{ float:right;margin-left:45px; }
.userAndSignOut .signOut a,.userAndSignOut .signOut a:hover{ background:#231F20;color:#ffffff;font-size:16px;padding: 11px 23px;border-radius:20px;text-decoration:none;display:block; }
.headerMenuBar{ background:url('../images/bg_menu.png') repeat-x #eeeeee;height:88px; }
.headerMenu{overflow:hidden;box-sizing:border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.headerMenu ul{ margin:0;padding:0;list-style:none; }
.headerMenu ul li{float:left;}
.headerMenu ul li a{ display:block;padding:31px 43px 27px;/*padding:31px 50.7px 27px;*/font-size:16px;text-decoration:none; }
.headerMenu ul li.sep{ background:url('../images/menu_sep.png') no-repeat;height:87px;width:2px; }
.headerMenu ul li.profile a span{ background:url('../images/icon_profile.png') no-repeat;display:block;padding: 6px 0 4px 34px;}
.headerMenu ul li.notes a span{ background:url('../images/icon_note.png') no-repeat;display: block;padding: 6px 0 4px 34px; }
.headerMenu ul li.album a span{ background:url('../images/icon_artwork.png') no-repeat;display: block;padding: 6px 0 4px 34px; }
.headerMenu ul li.news a span{ background:url('../images/icon_news.png') no-repeat;display: block;padding: 6px 0 4px 34px; }
.headerMenu ul li.groupProfile a span{ background:url('../images/icon_group_profile.png') no-repeat;display: block;padding: 6px 0 4px 34px; }
.headerMenu ul li a:hover,.headerMenu ul li a.active{ background:url('../images/bg_menu_active.png') repeat-x;/*height:88px;*/ }
.imgCover{ background:url('../images/image_transparent_cover.png') no-repeat;position:absolute;margin:-200px 0 0;height:200px;width:200px; }
.profileBlock .left img{ border-radius:50%;border:4px solid #F8D905; }
.profileBlock{ margin:50px 0 0 0px; }
.profileBlock .row,.keyworkerBlock .row,.albumBlock .row{ border-bottom:1px solid #E7E6E6;overflow:hidden;padding-bottom:45px; }
.profileBlock .left{ float:left;width:200px;margin-right:42px; }
.profileBlock .right{ float:left; }
.profileBlock .item{ clear:both;overflow:hidden;padding-bottom:8px; }
.profileBlock .fullName{ background:url('../images/bg_block_heading.png') repeat-x #FADD05;overflow:hidden;max-width:824px;width:100%;border-radius:22px; }
.profileBlock .fullName .title{ background:url('../images/icon_logged_user_small.png') no-repeat;font-size:24px;margin: 15px 0 0 10px;padding: 0 0 10px 37px;width:303px;float:left; }
.profileBlock .item .value{ float:left;font-size:32px;/*margin-top:10px;*/margin-top:12px;margin-left:20px;width:686px; }
.profileBlock .item .fullName .value{ float:left;font-size:32px;margin-top:10px;margin-left:20px;width:445px; }
.profileBlock .jobTitle .title,.profileBlock .nursery .title,.profileBlock .manager .title,.profileBlock .room .title,.profileBlock .parent .title,.profileBlock .locationManager .title,.profileBlock .reports .title{ background:url('../images/bg_block_heading.png') repeat-x #FADD05;min-height:57px;border-radius:22px;float:left; }
.profileBlock .jobTitle .title span,.profileBlock .locationManager .title span,.profileBlock .reports .title span{ background:url('../images/icon_job_title.png') no-repeat;font-size:24px;padding: 0 0 10px 39px;margin: 15px 0 0 10px;width: 301px;display:block; }
.profileBlock .reports .title span{ background:url('../images/icon_reports.png') no-repeat; }
.profileBlock .nursery,.profileBlock .room{ margin-bottom:70px;overflow:hidden; }
.profileBlock .nursery .title span{ background:url('../images/icon_nursery.png') no-repeat;font-size:24px;padding:3px 0 10px 39px;margin: 13px 0 0 10px;width: 301px;display:block; }
.profileBlock .manager .title span{ background:url('../images/icon_manager.png') no-repeat;font-size:24px;padding:3px 0 10px 39px;margin: 13px 0 0 10px;width: 301px;display:block; }
.profileBlock .room .title span{ background:url('../images/icon_star.png') no-repeat;font-size:24px;padding:3px 0 10px 39px;margin: 13px 0 0 10px;width: 301px;display:block; }
.profileBlock .parent .title span{ background:url('../images/icon_logged_user_small.png') no-repeat;font-size:24px;padding:3px 0 10px 39px;margin: 13px 0 0 10px;width: 301px;display:block; }
.childItem{ border-bottom: 1px solid #e7e6e6;overflow: hidden;clear:both;padding-bottom: 45px;margin-bottom:45px; }
.childItemLast{ overflow: hidden;clear:both; }
.albumBlock .childName,.notesBlock .childName{font-weight: bold;margin: 20px 0 25px;font-size: 18px;background: #e7e7e7;padding: 12px 48px;border-radius: 16px;}
.blockHead{ margin-bottom:10px;overflow:hidden; }
.blockHeading{ background:url('../images/bg_block_heading.png') repeat-x #FADD05;min-height:57px;overflow:hidden;width:100%;margin-top:45px;border-radius: 22px;  }
.blockHeading > div{ background:url('../images/icon_logged_user_small.png') no-repeat;font-size:24px;margin: 15px 0 0 10px;padding: 0 0 10px 37px;float:left;}
.infoEditButton .loginInfo{ float:left;margin-top:15px; }
.infoEditButton .userInfo{ float:left;margin-top:15px;margin-left:40px; }
.button a{ background:url('../images/bg_button.png') repeat-x #B5B5B5;border:0;text-transform:uppercase;border-radius:25px;cursor:pointer;display: block;font-size: 24px;padding: 13px 30px;text-decoration:none; }
.button a:hover{ background:url('../images/bg_button_hover.png') repeat-x #E2E2E2;border:0;text-transform:uppercase;border-radius:25px;font-size: 24px;padding: 13px 30px;text-decoration:none;cursor:pointer; }
.mediumButton{width:357px;}
.smallButton{width:176px;}
#divListChild .mediumButton{width:auto;}
.smallButton a,.mediumButton a{background:url('../images/bg_button.png') repeat-x #B5B5B5;border:0;text-transform:uppercase;border-radius:15px;cursor:pointer;display: block;font-size:13px;/*padding:10px 20px;*/padding:10px;text-decoration:none; }
.smallButton a:hover,.mediumButton a:hover{background:url('../images/bg_button_hover.png') repeat-x #E2E2E2;border:0;text-transform:uppercase;border-radius:15px;font-size:10px;padding:10px;/*padding:10px 20px;*/text-decoration:none;cursor:pointer;}
#divListChild .mediumButton a,#divListChild .mediumButton a{/*font-size:11px;*/font-size:10px;}
#divFrmLoginInfoEdit,#divFrmDailyDiaryEdit,#divFrmUserInfoEdit,#divFrmKeyWorkerEdit,#divFrmObservationNoteEdit,#divFrmArtworkAlbumImageStatusEdit,#divFrmChildEdit,#divFrmParentEdit,#divFrmChildSessionEdit,#divFrmArtworkAlbumEdit,.ajaxform{ border: 1px solid #d8d8d8;padding: 25px;border-radius: 10px;margin-top: 40px; }
.artworkAlbumImage{ border: 1px solid #d8d8d8;padding: 25px;border-radius: 10px; }
#divFrmLoginInfoEdit form,#divFrmUserInfoEdit form,#divFrmKeyWorkerEdit form,#divFrmArtworkAlbumImageEdit form,#divFrmParentEdit form,.contentArea,.artworkAlbumImage form,#divFrmChildSessionEdit form,#divChildReportEdit form,.ajaxform form{ width:42%; }
select.small{ border: 1px solid #828282;height: 35px;width:25%; }
select.large{ border: 1px solid #828282;height: 35px;width:38%; }
select.larger{ border: 1px solid #828282;height: 35px;width:100%; }
select.medium{ border: 1px solid #828282;height: 35px;width:34%; }
#divFrmChildEdit select.small{ border: 1px solid #828282;height: 35px;width:25%; }
#divFrmChildEdit select.large{ border: 1px solid #828282;height: 35px;width:38%; }
#divFrmChildEdit select.larger{ border: 1px solid #828282;height: 35px;width:100%; }
#divFrmChildEdit select.medium{ border: 1px solid #828282;height: 35px;width:34%; }
#divFrmArtworkAlbumImageStatusEdit form{ width:100%; }
#divFrmUserCookieConfirm{position:fixed;width:100%;background:url(../images/bg_blc_transparent.png) repeat-y scroll center center transparent;bottom:0px;z-index:1000;padding:10px;display:none;}
#divCookieConfirm{display:block;}
.albumBlock .fieldInput,.notesBlock .fieldInput{ width:100%;float:none; }
.notesBlock .contentArea .fieldInput, .albumBlock .artworkAlbumImage .fieldInput{ float:left;width:64%; }
.albumBlock .fieldInput > div,.notesBlock .fieldInput > div{ margin: 0 auto;overflow: hidden;text-align: center;width: 35%; }
.albumBlock .fieldInput > div.submitButton,.albumBlock .fieldInput > div.cancelButton{ width:50%; }
.profileBlock .fieldInput input.btnSubmit,.keyworkerBlock .fieldInput input.btnSubmit,.notesBlock .fieldInput input.btnSubmit,.albumBlock .fieldInput input.btnSubmit,.childBlock .fieldInput input.btnSubmit, #divChildReportEdit .fieldInput input.btnSubmit{ background:url('../images/bg_button.png') repeat-x;height:57px;border:0;max-width:170px;width:95%;text-transform:uppercase;border-radius:16px;cursor:pointer;font-size: 24px;font-weight:normal; }
.profileBlock .fieldInput input.btnSubmit:hover,.keyworkerBlock .fieldInput input.btnSubmit:hover, .notesBlock .fieldInput input.btnSubmit:hover,.albumBlock .fieldInput input.btnSubmit:hover,.childBlock .fieldInput input.btnSubmit:hover, #divChildReportEdit .fieldInput input.btnSubmit:hover{ background:url('../images/bg_button_hover.png') repeat-x;height:57px;border:0;max-width:170px;width:95%;text-transform:uppercase;border-radius:16px;cursor:pointer;font-size: 24px;font-weight:normal; }
.asterik{ color:red; }
.headerSticky {display: block;position: fixed;top: 0;width: 100%;z-index:1000;}
.keyworkerBlock .blockHeading, .childBlock .blockHeading{ width:82%;float:left; }
.btnAddNew{ float:right;background:url('../images/bg_button.png') repeat-x #B5B5B5;border:0;text-transform:uppercase;border-radius:25px;cursor:pointer;display: block;font-size: 24px;padding: 13px 30px;text-decoration:none;margin-top:45px; }
.btnAddNew:hover{ float:right;background:url('../images/bg_button_hover.png') repeat-x #E2E2E2;border:0;text-transform:uppercase;border-radius:25px;cursor:pointer;display: block;font-size: 24px;padding: 13px 30px;text-decoration:none;margin-top:45px; }
.btnAddNew::before{content:"+";margin-right:5px;}
.footerTop{ width:780px;margin:100px auto 0;padding: 35px 50px 40px;overflow:hidden;border-top: 1px solid #e7e6e6; }
.footerTop .sep{ /*width:90px;*/width:82px; }
.footerBottom{ height:auto;background:#1D1D1B;overflow:hidden; }
.footerTop ul{ list-style:none;margin:0;padding:0; }
.footerTop ul li{ display:inline-block; }
.footerTop ul li a.profile{ background:url('../images/menu_large_icons.png') no-repeat 0 -1px;display:block;width:61px;height:75px; }
.footerTop ul li a.profile:hover,.footerTop ul li a.profileActive{ background:url('../images/menu_large_icons.png') no-repeat -61px -1px;display:block;width:61px;height:75px; }
.footerTop ul li a.notes{ background:url('../images/menu_large_icons.png') no-repeat -122px -1px;display:block;width:58px;height:75px; }
.footerTop ul li a.notes:hover, .footerTop ul li a.notesActive{ background:url('../images/menu_large_icons.png') no-repeat -180px -1px;display:block;width:58px;height:75px; }
.footerTop ul li a.album{ background:url('../images/menu_large_icons.png') no-repeat -238px 0;display:block;width:54px;height:78px; }
.footerTop ul li a.album:hover, .footerTop ul li a.albumActive{ background:url('../images/menu_large_icons.png') no-repeat -292px 0;display:block;width:54px;height:78px; }
.footerTop ul li a.news{ background:url('../images/menu_large_icons.png') no-repeat -343px 0;display:block;width:72px;height:79px; }
.footerTop ul li a.news:hover, .footerTop ul li a.newActive{ background:url('../images/menu_large_icons.png') no-repeat -415px 0;display:block;width:72px;height:79px; }
.footerTop ul li a.groupProfile{ background:url('../images/menu_large_icons.png') no-repeat -487px 0;display:block;width:71px;height:79px; }
.footerTop ul li a.groupProfile:hover, .footerTop ul li a.groupProfileActive{ background:url('../images/menu_large_icons.png') no-repeat -559px 0;display:block;width:71px;height:79px; }
.listTable{ background:#C9C9C9;width:100%; }
.listTable td{ padding:12px; }
.listTrHead{ background:url('../images/bg_list_heading.png') repeat-x #C9C9C9;height:55px; }
.listTrHead td{ border-right:1px solid #CCCCCC;box-shadow:1px 0 0 0 #F9F9F9;vertical-align:middle;/*font-size:19px;*/font-size:17px; }
.listTrHead td.last{ box-shadow:0 0 0 0;vertical-align:middle; }
.listTr{ background:#ffffff; }
.trList{ background:#ffffff;border:1px solid #eeeeee; }
.btnEdit,.downloadBtn,.btnDownloadSheet{cursor:pointer;background:url('../images/bg_block_heading.png') repeat-x;padding:4px 19px;width:68px;text-decoration:none;display:block;border-radius:15px;text-align: center;}
#divListActivityLog .btnEdit,.downloadBtn,.btnDownloadSheet{width:auto;text-align: center;}
.downloadBtn{/*width:78px;*/width:120px;}
.btnDownloadSheet{width:199px;}
.btnDelete{ background:url('../images/bg_block_heading.png') repeat-x;padding:7px 30px;/*width:54px;*/width:103px;text-decoration:none;display:block;border-radius:15px; }
.notesBlock .blockHeading > div{ background:url('../images/icon_note.png') no-repeat; }
.albumBlock .blockHeading > div{ background:url('../images/icon_artwork.png') no-repeat; }
.newsBlock .blockHeading > div{ background:url('../images/icon_news.png') no-repeat; }
.iconTickInactive, .iconTickActive{background: #7d8079 url("../images/bg_grey_button.png") repeat-x scroll 0 0;border-radius: 15px;display: inline-block;padding: 2px 6px;text-decoration: none;width: 140px;}
.noteDeleteBtn{display: inline-block;margin-top: 11px;position: absolute;}
.noteDeleteBtn a{display: inline-block;margin-left: 7px;}
.iconTickActive span{background: url("../images/icon_tick.png") no-repeat scroll 0 0;line-height:1;display: block;font-size: 12px;height: 23px;padding-left: 25px;padding-top: 7px;text-transform: uppercase;}
.iconTickInactive span{background: url("../images/icon_tick.png") no-repeat scroll 0 -46px;line-height:1;display: block;font-size: 12px;height: 23px;padding-left: 25px;padding-top: 7px;text-transform: uppercase;}
.inactiveText{ font-size:20px;display:block; }
#divFrmKeywordAndDateSrch form{ margin-bottom:40px; }
#divFrmKeywordAndDateSrch table{ border:1px solid #d8d8d8;padding:25px;border-radius:10px;width:100%; }
#divFrmKeywordAndDateSrch table input{ border: 1px solid #828282;height: 35px;padding: 0 6px;width:12%; }
#divFrmKeywordAndDateSrch table input.btnSearch,input.btnSearch{background:url("../images/bg_button.png") repeat-x;border: 0 none;border-radius: 16px;cursor: pointer;font-size:18px;font-weight: normal;height:40px;max-width:135px;text-transform: uppercase;width:70%; }
#divFrmKeywordAndDateSrch table input.btnSearch:hover,input.btnSearch:hover{ background:url('../images/bg_button_hover.png') repeat-x;border: 0 none;border-radius: 16px;cursor: pointer;font-size:18px;font-weight: normal;height:40px;max-width:135px;text-transform: uppercase;width:70%; }
#divFrmKeywordAndDateSrch table select.small{ border: 1px solid #828282;height: 35px;width:4%; }
#divFrmKeywordAndDateSrch table select.large{ border: 1px solid #828282;height: 35px;width:7%; }
#divFrmKeywordAndDateSrch table select.larger{ border: 1px solid #828282;height: 35px;width:15%; }
#divFrmKeywordAndDateSrch table select.largest{border: 1px solid #828282;height: 35px;width:38%;}
#divFrmKeywordAndDateSrch table select.medium{ border: 1px solid #828282;height: 35px;width:5%; }
#divFrmArtworkAlbumImageStatusEdit table th{ padding:10px;font-size:14px;font-weight:normal;text-align:left;background: #c5c5c5; }
#divFrmArtworkAlbumImageStatusEdit table td{ padding:10px;text-align:left;vertical-align:top; }
.newsItem{ margin-bottom:50px;border: 1px solid #d8d8d8;border-radius: 10px;padding: 25px; }
.newsItem ul{ list-style:none;margin:0;padding:0; }
.newsItem ul li{ margin-bottom:15px; }
.newsItem .title{ font-size:22px;margin:0 0 15px; }
.newsItem .content{ line-height:1.7; }
.albumBlock .btnAddNew,.albumBlock .btnAddNew:hover{ margin-bottom:0; }
.innerBlock{ padding:20px 15px;background:#f5f5f5; }
.lightbox{ display:table-cell;border:1px solid #dddddd;border-radius:4px;padding:4px;text-align:center;width:160px;vertical-align:middle;}
.lightbox:hover{ border:1px solid #F3CD06; }
.albumImage{ width:160px;float:left;margin-right:5.4%; }
.albumImageLast{ width:160px;float:left;margin-right:0; }
.btnDownload{ margin:10px 0 0; }
.btnDownload a{ background:url('../images/bg_block_heading.png') repeat-x;padding:7px 0px;text-decoration:none;display:block;border-radius:15px;text-align:center; }
.albumBlock .separator{ margin:40px 0;border-top:1px solid #e7e6e6; }
.notesBlock .blockHead .observationNote,.albumBlock .blockHead .artworkAlbum{ width:82%;float:left; }
.blockSep{ margin:60px 0 0;border-bottom:1px solid #E7E6E6;overflow:hidden;padding-bottom:10px; }
.childBlock .childName{ float:left;width:100px;margin-right:10px;font-size:12px; }
.childBlock .childNameLast{ float:left;width:100px;font-size:12px; }
.iconHeaderMenu{ display:none; }
.emergencyContactBtn{ width:69%;float:right; }
.btnAddParent{float:right;width:66%;margin-top:10px;}
.emergencyContactBtn input,.btnAddParent > div{  background:url("../images/bg_button.png") repeat-x;background-color:#adadad;border:0;border-radius: 16px;cursor: pointer;font-size: 14px;max-width: 230px;width: 100%; }
.btnAddParent > div{padding:8px;text-align:center;}
.emergencyContactBtn input:hover{  background:url('../images/bg_button_hover.png') repeat-x;border:0;border-radius: 16px;cursor: pointer;font-size: 14px;max-width: 230px;width: 100%; }
.notification .message{margin:30px auto 10px;overflow:hidden;padding:13px 15px 10px 35px;box-sizing:border-box;background:url(../images/notification_img.png) no-repeat 12px 9px;border:1px solid #dddddd;font-size:11px;color:#ff0000;border-radius:4px;line-height:1.1; }
.occupancyBlock{width:42%;}
.btnBack{ float:right;background:url('../images/bg_button.png') repeat-x #B5B5B5;border:0;text-transform:uppercase;cursor:pointer;display: block;text-decoration:none;border-radius: 14px;font-size: 15px;margin-bottom: 8px;margin-top: 0;padding: 6px 18px; }
.btnBack:hover{ float:right;background:url('../images/bg_button_hover.png') repeat-x #E2E2E2;border:0;text-transform:uppercase;border-radius:14px;cursor:pointer;display: block;font-size:15px;padding:6px 18px;text-decoration:none;margin-top:0;margin-bottom:8px; }
.btnBack a{text-decoration:none;}
.smallText{font-size:11px;font-weight:normal;margin-top:8px;}
.mediumText{font-size:12px;}
.childBlock .btnBack,.childBlock .btnBack:hover{margin-top:0;margin-bottom: 8px;padding: 6px 18px;font-size:15px;border-radius:14px;}
.notifyText{font-size:10px;color:#ff0000;margin-top:8px;font-weight:lighter;}
.childReport .blockHeading{width:100%;}
.formBorder{border: 1px solid #d8d8d8;border-radius: 10px;padding: 25px;}
.childReport .blockHeading > div{ background:url('../images/icon_reports.png') no-repeat;}
.fieldInput input.small{width:15%;}
.fieldInput input.medium{width:35%;}
#divChildReportEdit .inline{width:15%;}
#divChildReportEdit .fieldTitle{font-weight:bold;}
#divChildReportEdit .contentArea{width:29%;margin-top:20px;}
#divChildReportEdit img,.content img{height:auto !important;width:auto !important; }
.feedbackForm{max-width:600px;box-sizing: border-box;width: 97%;margin:55px auto;border:1px solid #525252;overflow:hidden;border-radius:6px;padding:30px 25px;}
.feedbackForm .heading{font:22px varelaround-regular;color:#ffffff;margin-bottom: 30px;}
.feedbackForm .fieldTitle{color:#ffffff;}
.feedbackForm select{background:#ffffff url(../images/down_arrow.png) no-repeat 98% center;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:99.5%;}
.feedbackForm textarea{height: 140px;resize:none;}
.feedbackForm #contentBlock{margin-top:0;}
.feedbackForm #contentBlock p, .feedbackForm #contentBlock div{line-height:1.3;}
.goToLink{margin:200px auto;max-width: 1319px;width: 100%;text-align:center;}
.fieldInput input[type='checkbox']{width:5%;border:0;height:auto;padding:0;width:auto;}
input[readonly],textarea[readonly],select[readonly]{background:#e3e3e3;}
#divParents{background: #e3e3e3 none repeat scroll 0 0;border-radius: 6px;border: 1px solid #cccccc;margin-bottom: 15px;padding: 17px 17px 0;}
.gridView .listTable{background:#fff;}
.gridView .listTable td{border:1px solid #c9c9c9;display:inline-block;}
.childInfo{background: #EEEEEE;line-height: 1.8;padding: 5px;}
.childMenu{position:relative;cursor:pointer;}
.childMenu > ul{ display: none;list-style:none;margin:0;padding:0;position: absolute;top: 100%;z-index:50;width:100%;left:0;text-align:left;}
.childMenu ul .menutop{background:linear-gradient(#6A727F, #010F2B) repeat;height:30px;}
.childMenu ul .menumid{background: #0d1734 none repeat scroll 0 0;padding: 0 5px;overflow:hidden;}
.childMenu ul .menumid ul{border-radius: 6px;background: #fff;}
.childMenu ul .menubtm{background:#0D1734;height:8px;}
.childMenu ul li a{background:url(../images/menu_right_arrow.jpg) no-repeat 95% center;padding:8px;display:block;width:100%;border-bottom:1px solid #e3e3e3;text-decoration:none;}
.childMenu ul li a:hover{background:#047CEF url(../images/menu_right_arrow.png) no-repeat 95% center;color:#ffffff;}
.childMenu:hover ul{display:block;}
.image-source-link{color: #98C3D1;}
.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity: 0;-webkit-backface-visibility: hidden;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.mfp-with-zoom.mfp-ready .mfp-container{opacity: 1;}
.mfp-with-zoom.mfp-ready.mfp-bg{opacity: 0.8;}
.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity: 0;}	
.albumImage .btns,.albumImageLast .btns{background: #f2cc07 none repeat scroll 0 0;border-radius: 15px;margin-top: 15px;overflow: hidden;padding: 8px 15px 0;}
.albumImage .btns .left,.albumImageLast .btns .left{float:left;margin:0;}
.albumImage .btns .right,.albumImageLast .btns .right{float:right;margin:0;}
#divFrmArtworkAlbumImageEdit{margin-top:35px;}
.parentDetail .listTr .leftCell{width:30%;}
.notesBlock .indivItem{background: #fff none repeat scroll 0 0;border: 1px solid #d8d8d8;border-radius: 10px;padding: 15px;margin-bottom:50px;clear:both;overflow:hidden;}
.notesBlock .indivItem .image{border: 1px solid #d8d8d8;width: 16%;float:left;}
.notesBlock .indivItem .desc{line-height: 1.7;margin-left: 3%;width: 81%;float:left;}
.notesBlock .indivItem .dateTime{background:#f4f4f4;padding:10px 10px 16px;}
.notesBlock .media,.media{margin:20px 0;}
.newsBlock .heading{background: #e7e7e7 none repeat scroll 0 0;border-radius: 16px;font-size: 18px;font-weight: bold;margin:55px 0 25px;padding: 12px 48px;}
.modalObservationNote {display: none;position: fixed;z-index: 1;padding-top: 100px;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);}
.modalObservationNote.finishDate{padding-top:200px;}
#divFrmMilestoneFinishDateEdit .modalContent{width:25%;}
.modalContent {background-color: #fefefe;margin: auto;padding: 20px;border: 1px solid #888;width: 80%;overflow: hidden;}
.close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;margin-top:-10px;}
.close:hover,.close:focus {color: #000;text-decoration: none;cursor: pointer;}
#divObservationNote{margin-right: 15px;}
.antiSpam{transform: scale(0.85);-ms-transform: scale(0.85);-webkit-transform: scale(0.85);-moz-transform: scale(0.85);-o-transform: scale(0.85);transform-origin: 0 0 0;width: 285px;}
.modalContent .dateTime{padding:10px 0;}
.modalContent .desc{line-height:1.6;}
.activityLog{margin-top:40px;}
.activityLog #divFrmKeywordAndDateSrch{margin-top:10px;}
#divFrmChildEdit .fieldInput input[type='checkbox']{margin-top: 9px;margin-left: 3px;}
#btnNoteEdit,#btnNoteAssignment{display:inline;}
#frmFeedback .fieldTitle.gdpr{width:70%;margin-right:5%;margin-top: 0;}
#frmFeedback .fieldTitle.gdpr a{color:#fff;}
#frmFeedback .fieldInput.gdpr{width:25%;}
#divFrmObservationNoteAssignmentEdit .modalContent,#divFrmDailyDiaryAssignmentEdit .modalContent{width:65%;}
.notesBlock .blockHeading{/*width: 65%;*/width: 49%;float: left;}
.notesBlock .btnAddNew a{text-decoration: none;}
.listItems{list-style: none;margin: 0;padding: 0;}
.listItems li{width:25%;float: left;}
#divListActivityLog .listTr .heading{font-weight: bold;background:#eeeeee;}
#divListActivityLog .searchBox{font-weight:normal;padding:10px 0;font-weight:normal;}
#divListActivityLog .searchBox div{width:10%;margin-right:0;}
.listTable td td{padding:6px;}
.notesBlock .blockHeading.fullWidth{width:100%;}
.handwritten{font-family:comingsoon-regular;font-size:15px;}
#divListChildOccupancyLevels .trList .downloadBtn{width: 140px;}
#divListObservationNotePortfolio .indivItem .iconTickInactive, #divListObservationNotePortfolio .indivItem .iconTickActive{margin-top: 8px;margin-left:5px;}
.elementBlock{border: 1px solid #cccccc;background: #e3e3e3;padding: 10px;border-radius: 6px;margin-bottom: 15px;}
.elementBlock b,.formElement b{font-weight:bold;}
.iconTickActive.report,.iconTickInactive.report{width:222px;}
.nextStepBtn .submitButton {float: left;width: auto !important;}
.nextStepBtn .cancelButton { float: left; width: auto !important; padding-left: 20px;}
.nextStepBtn .btnSubmit{padding: 0 20px !important;font-size: 18px !important;height: 40px !important;}
.nextStepBtn .btnSubmit:hover{padding: 0 20px;font-size: 18px !important;height: 40px !important;}
#divVwMyDetailBtns{text-align: center;margin:10px auto 0;width: 100%;border: 1px solid #d8d8d8;border-radius: 10px;padding: 15px 0;}
.infoEditButton .loginInfo{float:none;display: inline-block;margin:5px;}
.infoEditButton .userInfo{float:none;display: inline-block;margin:5px 0 5px 40px;}
.childBlock #divVwMyDetailBtns{margin: 0 auto;}
.btnAddNew a{text-decoration: none;}
.albumBlock .separator{background:#eeeeee;height: 1px;padding: 0;width:100%;}
.btnAddNew.dailyDiary{margin-right: 10px;}
.listTr th{text-align: left;padding: 12px;background: #eee;}
.noRecords{border: 1px solid #d8d8d8;padding: 15px;border-radius: 10px;background: #eee;}
.childMenu div img{max-height: 230px;}
.parentChild .childMenu{cursor: auto;}
.parentChild .viewButton{margin: 9px 0;overflow: hidden;}
.parentChild .viewButton a{background-color: #f8d905;padding: 6px;border-radius: 6px;text-decoration: none;display: block;width: 60%;}
.dailyDairyBlock .childItem{border-bottom: 0;clear: both;padding-bottom: 0;margin-bottom: 0;overflow: hidden;}
.childItem .separator{padding: 15px;}
.fieldTitle.parentComment{position: relative;background: url(../images/info_icon.png) no-repeat;background-position: 106px center;}
.fieldTitle.parentComment .tooltiptext {display: none;width:600px;background-color:#626161;color:#fff;text-align: left;border-radius: 6px;padding: 4px 13px;position: absolute;z-index: 22;opacity: 0;top: -13px;left: 124px;font-size: 11px;margin-bottom: 23px;overflow: hidden;}
.fieldTitle.parentComment:hover .tooltiptext {display: block;opacity: 1;}
.dailyDairyBlock .fieldInput > div,.commentBox .fieldInput > div{text-align: left;}
.commentBox{border: 1px solid #d8d8d8;margin-bottom:20px;font-size:12px;padding: 4px;}
.commentBox .author{background-color: #e8e8e8;padding: 10px;overflow: hidden;}
.commentBox .text{padding: 10px;background-color: #f7f7f7;margin-top: 3px;}
.commentBox .fieldInput input.btnSubmit,.commentBox .fieldInput input.btncommentBoxSubmit:hover{height: 49px !important;border: 0 !important;max-width: 140px !important;width: 73% !important;}
.commentBox.reply{margin:16px 5px 10px 5px;border:1px solid #f9f5f5;}
.replyButton{margin: 10px 0 18px 5px;}
.commentReplyForm{margin: 0 5px;}
.replyButton a,.replyButton a:hover{background-color: #FADD05;padding: 6px 21px;text-decoration: none;border-radius: 3px;font-size: 14px;}
.popupMessageBox{position: fixed;top: 50%;left: 0;background-color: rgb(210, 240, 202);border: 1px solid #0ac104;padding: 15px;border-radius: 4px;right: 0;max-width: 389px;width:81%;margin: 0 auto;}
.formElement .fieldInput label{width:auto;}
.bodyTxt h2{margin:0 0 18px 0;}
.bodyTxt h3{margin:0 0 12px 0;font-size:15px;}
.bodyTxt ul{padding: 0 0 0 17px;margin: auto;}
.bodyTxt ul li{line-height:1.5;}
#nextStepBx table .heading{font-weight:bold;padding-bottom:15px;}
#nextStepBx .normal{vertical-align: middle;}
.milestoneBlock{border:1px solid #d8d8d8;background-color:#fff;border-radius: 10px;padding: 15px;margin-top:30px;}
.milestoneBlock .heading{background-color:#EEEEEE;padding:10px;margin-bottom:15px;}
.milestoneBlock ul{list-style: none;padding: 0;margin: 0;}
.milestoneBlock ul li{margin:12px 0;}
.milestoneBlock ul li.parent{font-weight:bold;}
.milestoneBlock ul li.subItem{list-style: circle;margin-left: 17px;}
.milestoneBlock ul li.subItem em,.milestoneBlock ul li label em{font-size:11px;color:#b30808;}
.milestoneBlock .hlt ul{list-style:inherit;}
.reportTemplate table{background-color:#eeeeee;width:100%;}
.reportTemplate table th,.reportTemplate table td{padding:8px;}
.reportTemplate input{width:100%;height:35px;border:1px solid #828282;padding:0 2%;}
.reportTemplate select{border:1px solid #828282;height:35px;width:100%;}
.kbw-signature{display: inline-block;border: 1px solid #a0a0a0;-ms-touch-action: none;width:500px;height:200px;max-width:100%;}
.kbw-signature-disabled{opacity: 0.35;}
.kbw-signature canvas{width:100% !important;height:auto;}
#nextStepBx .container{overflow:hidden;width:100%;}
#nextStepBx .container .left{float:left;width:65%;}
#nextStepBx .container .right{float:left;width:35%;}
.briefcaseBtn{max-width:300px;width:100%;margin-bottom:22px;display:inline-block;}
.reportTemplateEditForm{background-color:#eeeeee;width:100%;padding:6px;}
.reportTemplateEditForm .itemsblock{width:100%;overflow:hidden;}
.reportTemplateEditForm .itemsblock.head{width:100%;overflow:hidden;font-weight:bold;}
.reportTemplateEditForm .itemsblock .item{float:left;padding:7px;}
.reportTemplateEditForm .itemsblock .item.w35{width:35%;}
.reportTemplateEditForm .itemsblock .item.w36{width:36%;}
.reportTemplateEditForm .itemsblock .item.w12{width:12%;}
.reportTemplateEditForm .itemsblock .item.w5{width:5%;}
.reportTemplateEditForm .removeBlock{cursor:pointer;}
.signature{width:500px;height:auto;max-width:100%;border:1px solid #a0a0a0;color:black;background-color:#ffffff;}
.clearSignature{margin-top:5px;}
.formLocation{opacity:0;position:absolute;left:-6000px;}
@media only screen and (min-width:980px) and (max-width:1024px){
	.logoAndSignOut,.footerContent,#siteContainer,.notification{ width: 98%; }
	.profileBlock .left{ margin-right: 3%;width: 27%;}
	.profileBlock .right{ width:70%; }
	.profileBlock .fullName{ width:100%; }
	.profileBlock .fullName .title{ width: 36%;font-size:21px;letter-spacing:-1px; }
	.profileBlock .item .fullName .value{ width:51%;font-size:22px;margin-top: 15px;letter-spacing:-1px; }
	.profileBlock .jobTitle .title, .profileBlock .nursery .title, .profileBlock .manager .title, .profileBlock .room .title, .profileBlock .parent .title, .profileBlock .locationManager .title{ width:45%; }
	.profileBlock .jobTitle .title span, .profileBlock .locationManager .title span,.profileBlock .nursery .title span,.profileBlock .room .title span,.profileBlock .manager .title span,.profileBlock .parent .title span{ width:auto;font-size:21px;letter-spacing:-1px; }
	.profileBlock .item .value{ margin-left: 1%;width: 49%;font-size:22px; }
	.keyworkerBlock .blockHeading, .notesBlock .blockHeading .childBlock .blockHeading,.notesBlock .blockHead .observationNote,.albumBlock .blockHead .artworkAlbum{ width: 78%; }
	.albumImage,.albumImageLast{ margin-bottom:4%; }
	.albumBlock .separator{ margin: 0 0 4%; }
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 8.7% 27px;font-size:16px;display:block; }
}
@media only screen and (min-width:768px) and (max-width:780px){
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 5% 27px;font-size: 13px;display:block; }
}
@media only screen and (min-width:780px) and (max-width:800px){
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 6% 27px;font-size: 13px;display:block; }
}
@media only screen and (min-width:800px) and (max-width:820px){
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 7% 27px;font-size: 13px;display:block; }
}
@media only screen and (min-width:820px) and (max-width:850px){
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 7.8% 27px;font-size: 13px;display:block; }
}
@media only screen and (min-width:850px) and (max-width:880px){
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 7% 27px;font-size: 14px;display:block; }
}
@media only screen and (min-width:880px) and (max-width:900px){
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 8% 27px;font-size: 14px;display:block; }
}
@media only screen and (min-width:768px) and (max-width:980px){
	.profileBlock .left{margin-right: 4%;width: 21%;}
	.profileBlock .right{width: 75%;}
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 13% 27px;font-size:14.4px;display:block; }
	.btnAddNew,.btnAddNew:hover{ padding: 16px 2%;font-size: 19px;}
	.headerMenu ul li.profile{width:15.3%;}
	.headerMenu ul li.notes{width:22%;}
	.headerMenu ul li.album{width:18.3%;}
	.headerMenu ul li.news{width:26%;}
	.headerMenu ul li.groupProfile{width:17%;}	
	#divFrmChildEdit select.small{width: 25% !important;}
	#divFrmChildEdit select.large{width: 30% !important;}
	#divFrmChildEdit select.medium{width: 34% !important;}
}
@media only screen and (min-width:900px) and (max-width:950px){
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 9% 27px;font-size: 14px;display:block; }
}
@media only screen and (min-width:1010px) and (max-width:1024px){
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 10% 27px;display:block; }
	.headerMenu ul li.profile{width:15%;}
	.headerMenu ul li.notes{width:20%;}
	.headerMenu ul li.album{width:18%;}
	.headerMenu ul li.news{width:22.9%;}
	.headerMenu ul li.groupProfile{width:22.9%;}
	.headerMenu ul li a, .headerMenu ul li a:hover, .headerMenu ul li a.active{font-size:13px;}
}
@media only screen and (min-width:769px) and (max-width: 1010px){
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 10% 27px;display:block; }
	.headerMenu ul li.profile{width:15%;}
	.headerMenu ul li.notes{width:20%;}
	.headerMenu ul li.album{width:18%;}
	.headerMenu ul li.news{width:22.8%;}
	.headerMenu ul li.groupProfile{width:22.8%;}
	.headerMenu ul li a, .headerMenu ul li a:hover, .headerMenu ul li a.active{font-size:13px;}
	}
@media only screen and (min-width:1024px) and (max-width:1280px){
	.logoAndSignOut,.footerContent,#siteContainer,.notification{ width: 98%; }	
}
@media only screen and (min-width:1270px) and (max-width:1300px){
	.headerMenu ul li a,.headerMenu ul li a:hover,.headerMenu ul li a.active{ padding: 31px 20% 27px;display:block;}
	.headerMenu ul li.profile{width:15.5%;}
	.headerMenu ul li.notes{width:22%;}
	.headerMenu ul li.album{width:18.3%;}
	.headerMenu ul li.news{width:26%;}
	.headerMenu ul li.groupProfile{width:17%;}
}
@media only screen and (min-width:320px) and (max-width: 768px){
	.fieldTitle.parentComment{width:100%;}
	.fieldTitle.parentComment .tooltiptext{width:60%;}
	.btnAddParent{width: 80%;}
	.fieldTitle{word-break: break-word;}
	.iconTickInactive span{height: auto;}
	.antiSpam{transform: scale(0.49);-ms-transform: scale(0.49);-webkit-transform: scale(0.49);-moz-transform: scale(0.49);-o-transform: scale(0.49);transform-origin: 0 0 0;}
	.logoAndSignOut,.footerContent,#siteContainer{ width: 96%; }
	.footerContent,#siteContainer,.notification{ width:90%; }
	.loginBox{ width:84%; }
	.logo{width:55%;}
	.iconTickActive.report,.iconTickInactive.report{width:100%;}
	.userAndSignOut{ width:43%; }
	.footerContent .left,.footerContent .right{float:none;text-align:center;}
	.footerContent .right{padding-top:10px;}
	.userAndSignOut .user{ font-size: 10px;padding: 1px 0 10px 20px;background-size:20% auto; }
	.userAndSignOut .signOut{margin-left: 10px;margin-top:-5px;}
	.userAndSignOut .signOut a, .userAndSignOut .signOut a:hover{font-size: 10px;padding: 4px 6px;}
	.imgCover{background-size:79% auto;margin:-150px 0 0 -1px;}
	.profileBlock .fullName .title{ font-size:14px;/*width:36%;*/width: 55%; }
	.profileBlock .item{background: #FADD05;border-radius: 22px;margin-bottom:8px;}
	.profileBlock .item .fullName .value{font-size:14px;margin-left: 8px;/*width:58%;*/width:auto;margin-top:15px;}	
	.profileBlock .jobTitle .title span, .profileBlock .locationManager .title span, .profileBlock .nursery .title span, .profileBlock .room .title span, .profileBlock .manager .title span, .profileBlock .parent .title span,.profileBlock .item .value{font-size:14px;/*width:58%;*/width: auto;}
	.button a,.button a:hover,.btnAddNew,.btnAddNew:hover{font-size:12px;}
	.infoEditButton .userInfo{ margin-left:0; }
	#divFrmLoginInfoEdit form, #divFrmUserInfoEdit form, #divFrmKeyWorkerEdit form, #divFrmChildEdit form, #divFrmArtworkAlbumImageEdit form, #divFrmParentEdit form, .contentArea, .artworkAlbumImage form,#divFrmChildSessionEdit form,.ajaxForm form{ width:97%; }
	.blockHeading > div{ font-size:22px; }
	.btnAddNew,.btnAddNew:hover{ /*margin-top:54px;*/margin-top:10px; }
	.keyworkerBlock .blockHeading, .notesBlock .blockHeading, .childBlock .blockHeading, .notesBlock .blockHead .observationNote,.albumBlock .blockHead .artworkAlbum{ width:100%; }
	.iconHeaderMenu{display:block;background:#e2e2e2;overflow:hidden;padding:12px 0; }
	.headerMenu{display:none; }
	.headerMenuBar{height:auto;text-align:center;}
	.iconHeaderMenu ul{ list-style:none;padding:0;margin:0 auto;overflow: hidden;width: 96%;text-align:center; }
	.iconHeaderMenu ul li{ display:inline-block; }
	.iconHeaderMenu ul li.sep, .footerTop .sep{ /*width:10%;*/width:4%; }
	.iconHeaderMenu ul li a.profile{ background:url('../images/menu_large_icons.png') no-repeat 0 -1px;display:block;width:61px;height:75px; }
	.iconHeaderMenu ul li a.profile:hover,.iconHeaderMenu ul li a.profileActive{ background:url('../images/menu_large_icons.png') no-repeat -61px -1px;display:block;width:61px;height:75px; }
	.iconHeaderMenu ul li a.notes{ background:url('../images/menu_large_icons.png') no-repeat -122px -1px;display:block;width:58px;height:75px; }
	.iconHeaderMenu ul li a.notes:hover, .iconHeaderMenu ul li a.notesActive{ background:url('../images/menu_large_icons.png') no-repeat -180px -1px;display:block;width:58px;height:75px; }
	.iconHeaderMenu ul li a.album{ background:url('../images/menu_large_icons.png') no-repeat -238px 0;display:block;width:54px;height:78px; }
	.iconHeaderMenu ul li a.album:hover, .iconHeaderMenu ul li a.albumActive{ background:url('../images/menu_large_icons.png') no-repeat -292px 0;display:block;width:54px;height:78px; }
	.iconHeaderMenu ul li a.news{ background:url('../images/menu_large_icons.png') no-repeat -346px 0;display:block;width:72px;height:79px; }
	.iconHeaderMenu ul li a.news:hover, .iconHeaderMenu ul li a.newActive{ background:url('../images/menu_large_icons.png') no-repeat -418px 0;display:block;width:72px;height:79px; }
	.iconHeaderMenu ul li a.groupProfile{ background:url('../images/menu_large_icons.png') no-repeat -490px 0;display:block;width:71px;height:79px; }
	.iconHeaderMenu ul li a.groupProfile:hover, .iconHeaderMenu ul li a.groupProfileActive{ background:url('../images/menu_large_icons.png') no-repeat -562px 0;display:block;width:71px;height:79px; }
	.btnEdit,.btnDelete,.downloadBtn,.btnDownloadSheet{ padding:4px 11px;font-size:11px;}	
	.inactiveText{font-size:17px;}
	#divFrmKeywordAndDateSrch table select.small{ width:8%; }
	#divFrmKeywordAndDateSrch table select.large{ width: 17%; }
	#divFrmKeywordAndDateSrch table select.medium{ width:12%; }
	#divFrmKeywordAndDateSrch table select.larger{ width:23%; }	
	.albumBlock .fieldInput > div, .notesBlock .fieldInput > div{/*width: 65%;*/width:84%;}
	.footerTop{width: 100%;box-sizing: border-box;padding: 35px 2% 40px;text-align: center;}
	.innerBlock {padding: 60px 15px 20px;}
	.albumBlock .btnAddNew, .albumBlock .btnAddNew:hover{}
	.albumBlock .innerBlock .fieldInput .btnSubmit,.albumBlock .innerBlock .fieldInput .btnSubmit:hover{font-size:13px;}
	.profileBlock .left {float: none;margin-bottom: 20px;/*margin-right: 2%;*/width:100%;text-align:center;}		
	.profileBlock .fullName,.occupancyBlock,.emergencyContactBtn,.profileBlock .right{width:100%;}
	.profileBlock .jobTitle .title, .profileBlock .nursery .title, .profileBlock .manager .title, .profileBlock .room .title, .profileBlock .parent .title, .profileBlock .locationManager .title, .profileBlock .reports .title{background:none;min-height:auto;/*width:36%;*/width:55%;}
	.profileBlock .nursery, .profileBlock .room{margin-bottom:10px;}
	#divChildReportEdit .inline{width:50%;}
	#divChildReportEdit .contentArea{width: 84%;}	
	.fieldInput input.small{width:35%;}	
	.profileBlock .fieldInput input.btnSubmit,.keyworkerBlock .fieldInput input.btnSubmit,.notesBlock .fieldInput input.btnSubmit,.albumBlock .fieldInput input.btnSubmit,.childBlock .fieldInput input.btnSubmit, #divChildReportEdit .fieldInput input.btnSubmit,.profileBlock .fieldInput input.btnSubmit:hover,.keyworkerBlock .fieldInput input.btnSubmit:hover, .notesBlock .fieldInput input.btnSubmit:hover,.albumBlock .fieldInput input.btnSubmit:hover,.childBlock .fieldInput input.btnSubmit:hover, #divChildReportEdit .fieldInput input.btnSubmit:hover{font-size:17px;height:48px;}	
	.albumImage,.albumImageLast{float: none;margin-bottom:30px;width: 45%;margin-right: 10%;display: inline-block;}	
	.albumImageLast,.albumImage:nth-child(2n){margin-right:0;}		
	table.listTable, .listTable thead, .listTable tbody,.listTable th,.listTable td,.listTable tr {display: block;}			
	tr.listTrHead {left: -9999px;position: absolute;top: -9999px;}	
	.listTable tr.listTr { border: 1px solid #ccc; }	
	.listTable .listTr td {border: none;border-bottom:1px solid #eee;position:relative;padding-left:54%;padding-top:10px;padding-bottom:10px;}	
	.listTable .listTr td:before {position:absolute;top:10px;left:10px;width:45%;padding-right:10px;white-space:nowrap;}		
	#divListChild .listTable .listTr td:nth-of-type(1):before {content:"Date";}
	#divListChild .listTable .listTr td:nth-of-type(2):before {content:"Child";}
	#divListChild .listTable .listTr td:nth-of-type(3):before {content:"Nursery";}
	#divListChild .listTable .listTr td:nth-of-type(4):before {content:"Room";}
	#divListChild .listTable .listTr td:nth-of-type(5):before {content:"Parent/Guardian";}
	#divListChild .listTable .listTr td:nth-of-type(6):before {content:"Edit";}
	#divListChild .listTable .listTr td:nth-of-type(7):before {content:"Status";}
	#divListChild .listTable .listTr td:nth-of-type(8):before {content:"Actions"; }	
	#divListChild .listChildForManager .listTable .listTr td:nth-of-type(1):before { content: "Date"; }
	#divListChild .listChildForManager .listTable .listTr td:nth-of-type(2):before { content: "Child"; }
	#divListChild .listChildForManager .listTable .listTr td:nth-of-type(3):before { content: "Nursery"; }
	#divListChild .listChildForManager .listTable .listTr td:nth-of-type(4):before { content: "Room"; }
	#divListChild .listChildForManager .listTable .listTr td:nth-of-type(5):before { content: "Keyworker/s"; }
	#divListChild .listChildForManager .listTable .listTr td:nth-of-type(6):before { content: "Parent/Guardian"; }
	#divListChild .listChildForManager .listTable .listTr td:nth-of-type(7):before { content: "Edit"; }
	#divListChild .listChildForManager .listTable .listTr td:nth-of-type(8):before { content: "Status"; }
	#divListChild .listChildForManager .listTable .listTr td:nth-of-type(9):before { content: "Actions"; }	
	#divListParent .listTable .listTr td:nth-of-type(1):before { content: "Date"; }
	#divListParent .listTable .listTr td:nth-of-type(2):before { content: "Parent/Guardian"; }
	#divListParent .listTable .listTr td:nth-of-type(3):before { content: "Nursery"; }
	#divListParent .listTable .listTr td:nth-of-type(4):before { content: "Room/s"; }
	#divListParent .listTable .listTr td:nth-of-type(5):before { content: "Child/ren"; }
	#divListParent .listTable .listTr td:nth-of-type(6):before { content: "Edit"; }
	#divListParent .listTable .listTr td:nth-of-type(7):before { content: "Status"; }	
	#divListParent .listTable .listTr td:nth-of-type(8):before { content: "Action/s"; }	
	#divListActivityLog .listTable .listTr td:nth-of-type(1):before { content: "Date"; }
	#divListActivityLog .listTable .listTr td:nth-of-type(2):before { content: "Name"; }
	#divListActivityLog .listTable .listTr td:nth-of-type(3):before { content: "User Type"; }
	#divListActivityLog .listTable .listTr td:nth-of-type(4):before { content: "System Changes"; }	
	#divListActivityLog .listTable .listTr td:nth-of-type(5):before { content: "Link"; }	
	#divListActivityLog .listTable .listTr td:nth-of-type(6):before { content: "Approve"; }	
	#divListObservationNote .listTable .listTr td:nth-of-type(1):before { content: "Date"; }
	#divListObservationNote .listTable .listTr td:nth-of-type(2):before { content: "Child"; }
	#divListObservationNote .listTable .listTr td:nth-of-type(3):before { content: "Room"; }
	#divListObservationNote .listTable .listTr td:nth-of-type(4):before { content: "Comments"; }
	#divListObservationNote .listTable .listTr td:nth-of-type(5):before { content: "Edit"; }
	#divListObservationNote .listTable .listTr td:nth-of-type(6):before { content: "Status"; }	
	#divListObservationNote .notesListForManager .listTable .listTr td:nth-of-type(1):before { content: "Date"; }
	#divListObservationNote .notesListForManager .listTable .listTr td:nth-of-type(2):before { content: "Keyworker"; }
	#divListObservationNote .notesListForManager .listTable .listTr td:nth-of-type(3):before { content: "Child"; }
	#divListObservationNote .notesListForManager .listTable .listTr td:nth-of-type(4):before { content: "Room"; }
	#divListObservationNote .notesListForManager .listTable .listTr td:nth-of-type(5):before { content: "Comments"; }
	#divListObservationNote .notesListForManager .listTable .listTr td:nth-of-type(6):before { content: "Edit"; }			
	#divListObservationNote .notesListForManager .listTable .listTr td:nth-of-type(7):before { content: "Status"; }			
	#divListObservationNote .notesListForParent .listTable .listTr td:nth-of-type(1):before { content: "Date"; }
	#divListObservationNote .notesListForParent .listTable .listTr td:nth-of-type(2):before { content: "Child"; }
	#divListObservationNote .notesListForParent .listTable .listTr td:nth-of-type(3):before { content: "Keyworker"; }
	#divListObservationNote .notesListForParent .listTable .listTr td:nth-of-type(4):before { content: "Comments"; }	
	#divListChildSession .listTable .listTr td:nth-of-type(1):before { content: "Child"; }
	#divListChildSession .listTable .listTr td:nth-of-type(2):before { content: "Date of Birth"; }
	#divListChildSession .listTable .listTr td:nth-of-type(3):before { content: "Day"; }
	#divListChildSession .listTable .listTr td:nth-of-type(4):before { content: "Session"; }
	#divListChildSession .listTable .listTr td:nth-of-type(5):before { content: "Start"; }
	#divListChildSession .listTable .listTr td:nth-of-type(6):before { content: "End"; }
	#divListChildSession .listTable .listTr td:nth-of-type(7):before { content: "Actions"; }	
	#divListChildReport .listTable .listTr td:nth-of-type(1):before { content: "Created On"; }
	#divListChildReport .listTable .listTr td:nth-of-type(2):before { content: "Created By"; }
	#divListChildReport .listTable .listTr td:nth-of-type(3):before { content: "Last Updated On"; }
	#divListChildReport .listTable .listTr td:nth-of-type(4):before { content: "Last Updated By"; }
	#divListChildReport .listTable .listTr td:nth-of-type(5):before { content: "Child Name"; }
	#divListChildReport .listTable .listTr td:nth-of-type(6):before { content: "Report Template"; }
	#divListChildReport .listTable .listTr td:nth-of-type(7):before { content: "Actions"; }		
	#divListKeyWorker .listTable .listTr td:nth-of-type(1):before { content: "Date"; }
	#divListKeyWorker .listTable .listTr td:nth-of-type(2):before { content: "Name"; }
	#divListKeyWorker .listTable .listTr td:nth-of-type(3):before { content: "Nursery"; }
	#divListKeyWorker .listTable .listTr td:nth-of-type(4):before { content: "Room"; }
	#divListKeyWorker .listTable .listTr td:nth-of-type(5):before { content: "Edit"; }
	#divListKeyWorker .listTable .listTr td:nth-of-type(6):before { content: "Status"; }	
	#divListChildOccupancyLevels .listTable .listTr td:nth-of-type(1):before {content: "Name";}
	#divListChildOccupancyLevels .listTable .listTr td:nth-of-type(2):before {content: "Date of Birth";}
	#divListChildOccupancyLevels .listTable .listTr td:nth-of-type(3):before {content: "Nursery";}
	#divListChildOccupancyLevels .listTable .listTr td:nth-of-type(4):before {content: "Room";}
	#divListChildOccupancyLevels .listTable .listTr td:nth-of-type(5):before {content: "Keyworker/s";}
	#divListChildOccupancyLevels .listTable .listTr td:nth-of-type(6):before {content: "Parents/Guardians";}
	.gridView .listTable .listTr td{padding-left:12px;width:auto;}
	.gridView .listTable tr.listTr{border:0;}
	.gridView{border:1px solid #cccccc;}
	#frmChildOccupancy .listTable .listTr td:nth-of-type(1):before { content: "Tick/Untick"; }
	#frmChildOccupancy .listTable .listTr td:nth-of-type(2):before { content: "Keyworker"; }
	#frmChildOccupancy .listTable .listTr td:nth-of-type(3):before { content: "Child Name"; }
	#frmChildOccupancy .listTable .listTr td:nth-of-type(4):before { content: "Age (months)"; }
	#frmChildOccupancy .listTable .listTr td:nth-of-type(5):before { content: "Current Room"; }
	#frmChildOccupancy .listTable .listTr td:nth-of-type(6):before { content: "To Be Moved To"; }
	#frmChildOccupancy .listTable .listTr td:nth-of-type(7):before { content: "To Be Moved On"; }
	#divListChildRequirement .listTable .listTr td:nth-of-type(1):before { content: "Created On"; }
	#divListChildRequirement .listTable .listTr td:nth-of-type(2):before { content: "Created By"; }
	#divListChildRequirement .listTable .listTr td:nth-of-type(3):before { content: "Child Name"; }
	#divListChildRequirement .listTable .listTr td:nth-of-type(4):before { content: "Feeding Req"; }
	#divListChildRequirement .listTable .listTr td:nth-of-type(5):before { content: "Nappy Req"; }
	#divListChildRequirement .listTable .listTr td:nth-of-type(6):before { content: "Nap Times"; }
	#divListChildRequirement .listTable .listTr td:nth-of-type(7):before { content: "Medicines"; }
	#divListChildRequirement .listTable .listTr td:nth-of-type(8):before { content: "Other Info"; }	
	#divListChildRequirement .listTable .listTr td:nth-of-type(9):before { content: "Actions"; }	
	.nextSteps .listTable .listTr td:nth-of-type(1):before {content: "Child Name";}
	.nextSteps .listTable .listTr td:nth-of-type(2):before {content: "Current Next Step";}
	.nextSteps .listTable .listTr td:nth-of-type(3):before {content: "Date Created";}
	.nextSteps .listTable .listTr td:nth-of-type(4):before {content: "Go To Child Observations";}
	.childNextStep .listTable .listTr td:nth-of-type(1):before {content: "Next Step";}
	.childNextStep .listTable .listTr td:nth-of-type(2):before {content: "Status";}
	.childNextStep .listTable .listTr td:nth-of-type(3):before {content: "Created By";}
	.childNextStep .listTable .listTr td:nth-of-type(4):before {content: "Created Date";}
	.childNextStep .listTable .listTr td:nth-of-type(5):before {content: "Finished Date";}
	.parentDetail .listTr td{padding-left:2%;}
	.parentDetail .listTr .rightCell{width:70%;}
	.parentDetail td, .parentDetail tr{display:flex;}
	.parentDetail tr.listTrHead{left:0;position:relative;top:0;}
	.parentDetail .listTrHead td{border-right:0;box-shadow:0 0 0 0;}
	.notesBlock .indivItem .image{width:auto;float:none;text-align:center;}
	.notesBlock .indivItem .desc{margin-left:0;width:auto;float:none;}	
	#divFrmObservationNoteAssignmentEdit .modalContent{width:80%;}
	.gridView .listTable{text-align: center;}
	#divFrmKeywordAndDateSrch table input,
	#divFrmKeywordAndDateSrch table select.medium,
	#divFrmKeywordAndDateSrch table select.large,
	#divFrmKeywordAndDateSrch table select.small,
	#divFrmKeywordAndDateSrch table select.larger,
	#divFrmKeywordAndDateSrch table select.largest{width: 100%;}
	.nextstep,.nextstepStatus{float:none;width:100%;}
	.btnSearch{margin-top:15px;}
	.mediumButton,.gridView .listTable td,select.small,select.large,select.medium{width:100% !important;}		
	.smallButton a,.mediumButton a,.smallButton a:hover,.mediumButton a:hover{font-size:12px;}
	#divListChild .listTable td,#divFrmChildEdit form .formElement{width:100%;}
	#nextStepBx .container .left{float:none;width:100%;}
	#nextStepBx .container .right{float:none;width:100%;}
	.reportTemplateEditForm .itemsblock.head{display:none;}
	.reportTemplateEditForm .itemsblock .item.w35{width:100%;margin-bottom:10px;}
	.reportTemplateEditForm .itemsblock .item.w12,.reportTemplateEditForm .itemsblock .item.w36,.reportTemplateEditForm .itemsblock .item.w5{width:100%;}
	.reportTemplateEditForm .itemsblock .item{float:none;}
	.reportTemplateEditForm .itemsblock{border:1px solid #bfbfbf;margin-bottom:7px;}
	.reportTemplateEditForm .itemsblock .item.w12:before{content:"Editable By:";display:block;margin-bottom:7px;font-weight:bold;}
	.reportTemplateEditForm .itemsblock .item.w12.w13:before{content:"Field Type:";display:block;margin-bottom:7px;font-weight:bold;}
	.reportTemplateEditForm .itemsblock .item.w35:before{content:"New Title:";display:block;margin-bottom:7px;font-weight:bold;}
	.reportTemplateEditForm .itemsblock .item.w36:before{content:"Previous Title:";display:block;margin-bottom:7px;font-weight:bold;}
}
@media only screen and (min-width:320px) and (max-width:414px){
	.iconHeaderMenu ul li.sep,.footerTop .sep{ width:1%; }
	.headerMenuBar{height:auto;}
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
	#divFrmKeywordAndDateSrch table select.large,
	#divFrmKeywordAndDateSrch table select.medium,
	#divFrmKeywordAndDateSrch table select.small,
	#divFrmKeywordAndDateSrch table input,
	#divFrmKeywordAndDateSrch table select.larger,
	#divFrmKeywordAndDateSrch table select.largest{width: 100%;}
	.keyworkerBlock .blockHeading, .childBlock .blockHeading{width:79%;}
	.notesBlock .blockHeading{width: 57%;}
}
@media (max-width: 575px) {
    div[style*='box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 3px;'] {
      left: 0 !important;
    }
}