@charset "utf-8";
/* CSS Document */
/* HTML5 reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ul {list-style: disc;}
ol{}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}



.left{float:left;}
.right{float:right;}

header {height:50px;background:#272727;border-bottom:1px solid #000;clear:both;position:relative;}


html, body {
    margin: 0px;
    padding: 0px;
    min-height: 100%;
    height: 100%;
    font-family: 'Lato', sans-serif;
    background:#eeeeee;
    font-size:16px;
    line-height:20px;
    min-width:1280px;
}
#mainwrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px; /* the bottom margin is the negative value of the headers's height + 50px for padding */
    padding-bottom:50px;
    position: relative
}

a { color: inherit; text-decoration:none;} 
a:hover{color:#fff;}
.strong{font-weight:700;}
.unstrong{font-weight:400;}
.italic{font-style: italic;}
.hide{display:none;}
.font10{font-size:10px;line-height:13px;}
.font11{font-size:11px;line-height:13px;}
.font12{font-size:12px;line-height:15px;}
.font13{font-size:13px;line-height:16px;}
.font14{font-size:14px;line-height:18px;}
.font16{font-size:16px;line-height:20px;}
.font18{font-size:18px;line-height:22px;}
.font20{font-size:20px;line-height:25px;}
.font22{font-size:22px;line-height:26px;}
.font24{font-size:24px;line-height:30px;}
.font26{font-size:26px;line-height:34px;}
.font36{font-size:36px;line-height:44px;}
.font48{font-size:48px;line-height:56px;}
.font60{font-size:60px;line-height:74px;}
.font80{font-size:80px;line-height:94px;}



.greenBut{background:#5cb85c;}
.orangeWarnBut{background:#f0ad4e;}
.amethystBut{background:#cd97eb;}
.darkGreenBut{background:#16a085;}
.dutchGreenBut{background:#1693a5;}
.blueBut{background:#337ab7;}
.blueLiteBut{background:#22beef;}
.redBut {background:#ff4a43;}
.darkredBut {background:#ac0802;}
.orangeBut{background:#ffc100;}
.slategrey{background:#3f4e62;}
.hotPink{background:#ff0066;}
.drank{background:#a40778;}
.straw{background:#9b861b;}
.purpleybut{background:#6D0DC3;}




.midhotPinkBut{background:#ff0066;float:left;color:#fafafa;border:none;cursor:pointer;}
.middrankBut {background:#a40778;float:left;color:#fafafa;border:none;cursor:pointer;}
.midslategreyBut {background:#3f4e62;float:left;color:#fafafa;border:none;cursor:pointer;}
.midhotPinkBut, .middrankBut, .midslategreyBut {padding:3px 6px;font-size:11px;margin:10px 10px 0 0;}

.lrgDefaultBut {background:#fff;float:left;padding:5px 9px;color:#626262;font-size:15px;margin-right:10px;border:none;cursor:pointer;border:1px solid #cdd3d7;}


.lrgDarkGreyBut {background:#333333;}
.lrgamethystBut {background:#cd97eb;}
.lrgdrankBut {background:#a40778;}
.lrghotPinkBut {background:#ff0066;}
.lrgslategreyBut {background:#3f4e62;}
.lrgInfoBut {background:#5bc0de;}
.lrgRedBut {background:#ff4a43;}
.lrgDarkRedBut {background:#ac0802;}
.lrgBlueBut{background:#337ab7;}
.lrgOrangeBut{background:#ffc100;}
.lrgDkGreenBut{background:#16a085;}
.lrgdutchGreenBut{background:#1693a5;}
.lrgstrawBut{background:#9b861b;}
.lrgpurpleybut{background:#6D0DC3;}

.buttonswrapnavbar{margin:25px 25px 0 0;}
.buttonswrapnavbar a {}
.buttonswrap{margin:25px 0 0 25px;}
.buttonswrap a {margin-bottom:10px;display:inline-block;}
.lrgstrawBut, .lrgDarkRedBut, .lrgdutchGreenBut, .lrgDkGreenBut, .lrgOrangeBut, .lrgBlueBut, .lrgRedBut, .lrgInfoBut, .lrgslategreyBut, .lrghotPinkBut, .lrgdrankBut, .lrgamethystBut, .lrgDarkGreyBut, .lrgpurpleybut {float:left;padding:6px 10px;color:#fafafa;font-size:13px;margin-right:10px;border:none;cursor:pointer;}

.button{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;color:#fff;
padding:5px 7px;}
.smallbutton{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;color:#fff;
padding:2px 3px;cursor:pointer;}

.redText{color:#ff4a43;}
.blackText{color:#000;}
.hotpinktext{color:#ff0066;}

.successMsg{background:#5cb85c url('../img/successmsg.png') left no-repeat;}
.failureMsg{background:#ff4a43 url('../img/failuremsg.png') left no-repeat;}
.successMsg, .failureMsg{padding:0 65px;line-height:36px;color:#fafafa;}

.aligntextright{text-align: right;}
.aligntextcenter{text-align: center;}


.width10{width:10px;}
.marRig25{margin-right:25px;}
.marRig10{margin-right:10px;}
.marRig5{margin-right:5px;}
.marLeft25{margin-left:25px;}
.marLeft5{margin-left:5px;}
.marLeft10{margin-left:10px;}
.marLeft15{margin-left:15px;}
.marg25{margin:25px}
.marg50{margin:50px}
.marg15{margin:15px}
.marg10{margin:10px}
.marg5_10{margin:5px 10px}
.marg5{margin:5px}
.margtop25{margin-top:25px;}
.margtop15{margin-top:15px;}
.margtop10{margin-top:10px;}
.margtop7{margin-top:7px;}
.margtop5{margin-top:5px;}
.margLeft5{margin-left:5px;}
.margBot5{margin-bottom:5px;}
.margBot10{margin-bottom:10px;}
.margBot25{margin-bottom:25px;}
.margBot15{margin-bottom:15px;}
.margBot50{margin-bottom:50px}
.margtopright10{margin:10px 10px 0 0;}
.margTopBot15{margin:15px 0;}
.margTopBot25{margin:25px 0;}
.margTopBot5{margin:5px 0;}

.padLeftRight10{padding:0 10px;}
.padLeftRight3{padding:0 3px;}

.borderbottom {border-bottom:1px solid #d4d4d4;}
.bordertop {border-bottom:1px solid #d4d4d4;}
.noborder{border:none;}

#greeting{float:right;color:#d3d3d3;margin:12px 25px 0 25px;font-size:12px;text-align:right;line-height:14px;}
#alerts{float:right;color:#fff;}
#alertvolunteer{background:url(../img/alertvolunteer.png) no-repeat 10px 15px;}
#alertoutcome{background:url(../img/alertoutcome.png) no-repeat 10px 15px;}
#alertsupervison{background:url(../img/alertsupervison.png) no-repeat 10px 15px;}
#alertclient{background:url(../img/alertclient.png) no-repeat 10px 15px;}
#alertactionplan{background:url(../img/alertactionplan.png) no-repeat 10px 15px;}

.headerselect{font-size:12px; margin:10px 10px 0 0;}

#alertvolunteer, #alertclient, #alertactionplan, #alertoutcome, #alertsupervison {padding:10px;float:left;}
#alertvolunteer div, #alertclient div, #alertactionplan div, #alertoutcome div,  #alertsupervison div {margin:0 0 25px 18px;background:#e05d6f;font-size:11px;width:16px;line-height:14px;text-align:center;font-weight:bold;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;}

.halfPage{width:50%;}
.thirdPage{width:32%;}

#sidebar{background:#363c47;width:250px;min-height:100%; position:absolute;top:0px;bottom:0px;left:0px;color:#d3d3d3;padding-top:30px;}
.sidebartop {font-weight: 900;margin-left:10px; cursor:pointer;}
.sidebartop img, .sidebartop div{float:left;display:inline-block;}
.sidebartop div {margin-left:15px;line-height:32px;}
#maincontent {margin-left:250px;color:#626262;}
.clients, .volunteers, .adminsettings, .matches, .reports, .groups {clear:both;margin-bottom:10px;}
.sidebarheadingsub{padding:6px 0 6px 20px;background:#272727;font-weight:bold;}
.sidebarsub{padding:6px 0 6px 20px;background:#272727;}
.sidebarheadingsub > .sidebarsub {padding:1px 0 1px 20px;background:#272727;}


#searchwrap {position:absolute; top:13px; left:250px;}
#searchClient, #searchVol, #searchGroup {margin:0 15px 0 0; display:inline-block;}


#searchClient input[type=text], #searchVol input[type=text], #searchGroup input[type=text] {border:none; padding:0 10px; background:#363c47; color:#fff; width:180px; line-height:26px; display:inline; height:26px; float:left;}

.searchSubButton {background:#363c47 url(../img/search.png) right no-repeat; border:none; width:26px; cursor:pointer; height:26px; display:inline-block; float:left; padding-left:5px;}



.datepickwrap{position:relative; margin:10px 15px; font-weight: normal; }
.datepickwrap input[type=text] {border:1px solid #dbe0e2;padding:5px 10px;color:#616f77;min-width:180px;}
.datepickwrap img {position:absolute; top:7px; right:6px;}
.searchDate{float:left;cursor:pointer;height:18px;line-height:18px;font-size:14px;margin-top:10px;}
.searchUser{float:left;cursor:pointer;height:18px;line-height:18px;font-size:14px;}
.interLogDate{line-height:35px;font-size:14px;}
div.ui-datepicker{font-size:12px;}
.fullwidth{min-width:900px;}
.actualfullwidth{min-width:900px;}
.wideModalTextarea{width:465px;}
.wideModalTextareaTall{width:465px;height:250px;}
.wideModal{}

#dialog{width:700px;}

#navbar{background:#fafafa;line-height:50px;border-bottom:1px solid #e0e0e0;padding:0 30px;font-size:18px;font-weight:700;color:#555555;}


.formWrap{border:1px solid #e0e0e0;width: calc(50% - 40px);margin-top:25px;}
.formWrapfullwidth{border:1px solid #e0e0e0;width: calc(100% - 40px);margin-top:25px;}
.formWrapNoBorder{width: calc(50% - 40px);margin-top:25px;}
.formWrapThreeQuart{border:1px solid #e0e0e0;width: calc(75% - 40px);margin-top:25px;}
.formWrapFifths{border:1px solid #e0e0e0;width: calc(20% - 40px);margin-top:25px;display:inline-block;}
.formWrapFullWidth{border:1px solid #e0e0e0;width: calc(100% - 50px);margin:25px 25px 0 25px;}
.rightform{margin-right:25px;float:right;}
.leftform{margin-left:25px;float:left;}
.formTitle{background:#fafafa;line-height:35px;border-bottom:1px solid #e0e0e0;padding:0 25px;}

.formTitlehotpink{background:#ff0066;line-height:35px;border-bottom:1px solid #e0e0e0;padding:0 25px;color:#fff;}
.formTitledrank{background:#a40778;line-height:35px;border-bottom:1px solid #e0e0e0;padding:0 25px;color:#fff;}
.formTitleslate{background:#3f4e62;line-height:35px;border-bottom:1px solid #e0e0e0;padding:0 25px;color:#fff;}

.formTitlegreen{background:#5cb85c;line-height:35px;border-bottom:1px solid #e0e0e0;padding:0 25px;color:#fff;}
.formTitleorange{background:#ffc100;line-height:35px;border-bottom:1px solid #e0e0e0;padding:0 25px;color:#fff;}
.formTitlewarning{background:#f0ad4e;line-height:35px;border-bottom:1px solid #e0e0e0;padding:0 25px;color:#fff;}
.formTitlered{background:#ff4a43;line-height:35px;border-bottom:1px solid #e0e0e0;padding:0 25px;color:#fff;}
.formTitlegreensea{background:#16a085;line-height:35px;border-bottom:1px solid #e0e0e0;padding:0 25px;color:#fff;}
.formTitledutch{background:#1693a5;line-height:35px;border-bottom:1px solid #e0e0e0;padding:0 25px;color:#fff;}
.SUcontact{margin:5px 0 15px 0;background:#fafafa;padding:10px;}
.SUcontactgreen{margin:5px 0 15px 0;background:#fafafa;padding:10px;border-left:4px solid #5cb85c;}
.SUcontactorange{margin:5px 0 15px 0;background:#fafafa;padding:10px;border-left:4px solid #ffc100;}
.SUcontactwarning{margin:5px 0 15px 0;background:#fafafa;padding:10px;border-left:4px solid #f0ad4e;}
.SUcontactred{margin:5px 0 15px 0;background:#fafafa;padding:10px;border-left:4px solid #ff4a43;}
.SUcontactgreensea{margin:5px 0 15px 0;background:#fafafa;padding:10px;border-left:4px solid #16a085;}
.SUcontactdutch{margin:5px 0 15px 0;background:#fafafa;padding:10px;border-left:4px solid #1693a5;}




.SUcontactDetails{border-left:5px solid #eeeeee;padding-left:15px;margin:5px 0;cursor:pointer;}
.showdetails{max-height:36px;overflow:hidden;}


.formContent{background:#fff;padding:25px 25px;padding-bottom:50px;}
.formContentminiTables{background:#fff;padding:0px;}
.formWrap input, .formWrap textarea , .formWrapfullwidth textarea, .formWrapfullwidth input {width:calc(100% - 32px);border:1px solid #e0e0e0;padding: 10px 15px;color:#4c4c4c;}
.formWrap input[type=radio], .formWrapfullwidth input[type=radio] {width:auto;border:none;margin:5px;color:#4c4c4c;}
input[type=checkbox]{width:auto;padding:0px;}
select {width:calc(100% - 0px);border:1px solid #e0e0e0;padding: 10px 15px;}
.returnReferralForm select {width:150px;border:1px solid #e0e0e0;padding: 5px;margin-left:25px;}
.returnReferralForm label {margin-left:25px;}
.dateme{width:calc(100% - 30px);border:1px solid #e0e0e0;padding: 10px 15px;}
.formWrap input[type=submit], .formWrapfullwidth input[type=submit], .allocateform input[type=submit] {border:none;padding:7px 15px;width:auto;margin:25px 0;border-radius: 3px;font-weight:700;color:#fff;cursor:pointer;}
.formWrap label, .formWrapfullwidth label {margin:10px 0 5px 0;display:block;}
.loginForm{margin:100px auto;width:500px;float:none;}
#forgotPassword{margin-top:25px;font-size:12px;}
.formWrap a:hover{color:#337ab7;}
.halfwidthInput{width:calc(50% - 13px); float:left;}
.halfwidthSpacer{width:26px;height:50px;float:left;}
.fifthwidthInput{width:calc(20% - 13px); float:left;}
.fifthwidthSpacer{width:10px;height:50px;float:left;}
.date select {float:left;width:29%;margin:0 2%;}
.datetime select {float:left;width:15%;margin:0 2%; padding:2px 0;}
.checkboxFull{float:left;margin:25px 0;width:calc(100% - 13px);}
.checkboxHalf{float:left;margin-top:25px;width:calc(50% - 13px);}
.checkboxQuart{float:left;margin-top:25px;width:calc(25% - 13px);}
.checkboxminimum{float:left;margin:0 0;width:100%;}
.formTitBut{margin:8px 0 0 10px;}
.emergiencies{padding:25px;}

.actions, .actionsvert, .groupactions{text-align: center;font-weight:700;color:#fff;font-size:12px;}
.actions a, .actionsvert a, .groupactions a {color:#fff;font-size:12px;}
.opener, .questionnaireopener {padding:0 2px;cursor:pointer;}

.tableWrap{border:1px solid #e0e0e0;margin:25px;float:left;}
.tableTitle{background:#fafafa;line-height:35px;border-bottom:1px solid #e0e0e0;padding:0 25px;}
.tableContent{background:#fff;padding:25px 25px;padding-bottom:50px;}
.tableWrap a:hover{color:#22beef;}
.padcells{padding:2px 5px 2px 0px;}

.groupactions {display:inline-block;margin:3px 5px;margin-left:15px;}
.groupactionsnoMarg {display:inline-block;margin:3px 5px;}
.actions a, .groupactions a {display:inline-block;margin-right:5px;-webkit-border-radius: 2px;padding:0 5px;
-moz-border-radius: 2px;
border-radius: 2px;}
.actionsvert a:hover, .actions a:hover {color:#fff;}

.actionsvert a {display:block;margin:5px 0 5px 0;-webkit-border-radius: 2px;padding:0 5px;
-moz-border-radius: 2px;
border-radius: 2px;white-space:nowrap;}


td, th {padding:5px 15px 5px 5px;vertical-align: top;}
.Availability td, .Availability th {padding:5px;width:calc(100%/8 - 10px;);}
.Availability table{width:100%; text-align:left;table-layout: fixed;}
.miniTables{float:left; margin:25px 0 0 25px;max-width:200px;}
.miniTables table {width:100%; text-align:left;}
th {font-weight:700; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#eeeeee));
background: -webkit-linear-gradient(#FFFFFF, #eeeeee);
background: -moz-linear-gradient(#FFFFFF, #eeeeee);
background: -ms-linear-gradient(#FFFFFF, #eeeeee);
background: -o-linear-gradient(#FFFFFF, #eeeeee);
background: linear-gradient(#FFFFFF, #eeeeee);border-bottom:1px solid #d4d4d4;}
table{border:1px solid #d4d4d4;text-align:left; }
.tableInBorder{border-right:1px solid #d4d4d4;}
.pagination{float:right;}
.paginationleft{float:left;}
.pagination a,  .disabled {padding:5px 10px;border:1px solid #e4e7e9;font-size:12px;}
.paginationleft a {padding:5px 10px;border:1px solid #e4e7e9;font-size:16px;}
.current{padding:5px 10px;background:#337ab7;border:1px solid #337ab7;font-size:12px; color:#fff;}
.pagination a:hover, .paginationleft a:hover {background:#f2f3f4;color:inherit;}

.innertable table {border:none; font-size:12px;width:100%;}
.innertable td {border:none; font-size:12px;vertical-align: top;padding:0px;padding-right:30px;}


#mainwrapper ::-webkit-input-placeholder {color: #757575;}
#mainwrapper :-moz-placeholder { /* Firefox 18- */ color: #757575; }
#mainwrapper ::-moz-placeholder {  /* Firefox 19+ */ color: #757575;  }
#mainwrapper :-ms-input-placeholder {color: #757575;}


.checkboxQuart input, .checkboxHalf input, .checkboxFull input{width:auto;border:none;padding:0;color:#4c4c4c;}

.address{width:auto;}
.userDetails{float:left;width:35%; word-wrap: break-word;}
.userDetails div, .gpDetails div, .marg8, .referenceItem table {margin:8px 0;}
#map-canvas{height:250px;float:right;width:calc(65% - 25px);}
.table{display: table;}
.tr{display: table-row;}
.td{display: table-cell;}

.gpDetails{margin:25px 0;}
.referenceItem {padding:0 20px 0 0;margin:0;}
.referenceItemWrap{float:left;padding-left:10px;background:#f5f5f5;margin:10px 0; width:calc(50% - 15px);}

.referenceItem table, .referenceItem td{padding:0 10px 0 0;border:none;}

.borderspacerverticle{border-top:1px solid #e4e7e9;height:20px;margin-top:40px;}


.dialog_style1 {color:#aaa;width:700px;}
.dialog_style1 .ui-dialog-title{}

#medicalTags{margin-bottom:15px;}
.tag{-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding:2px 3px;}
.tagdelete{display:inline-block;background:url(../img/tagdelete.png);color:#fff;height:10px;width:11px;margin-left:10px;}
.tagdeletegroupPage{display:inline-block;background:url(../img/tagdelete.png);color:#fff;height:10px;width:11px;margin:5px 0 0 10px;}



.noborder table{border:none;}

.statistic{margin:5px 0; line-height:20px; vertical-align: baseline; }
.statisticSub{font-size:12px;margin-left:8px;line-height:15px;}
.timings{font-size:14px; font-weight: 400; }
.timingsmall{font-size:12px; }
.total_active_time{font-size:12px;line-height:35px;}

.referrals{margin-left:600px;}
.statsPage{width:calc(100% - 50px);}
.spaceitalittle {max-width:580px;}
.spaceitalittle div{margin:5px 10px; }
.namelists{float:left; margin-right:25px;width:260px;}
.statnamelists{font-size:12px;margin-left:8px;line-height:16px;display:block;}
#graph{width:calc(100% - 580px);margin-left:580px;margin-top:50px;}
.graphitem{margin:10px 0px;}
/*.graphBarCount{white-space:nowrap;font-size:12px;color:#fff;min-width:50px;
background: #e59a9a; /
background: -moz-linear-gradient(top,  #e59a9a 0%, #db8282 40%, #d06868 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e59a9a), color-stop(40%,#db8282), color-stop(100%,#d06868)); 
background: -webkit-linear-gradient(top,  #e59a9a 0%,#db8282 40%,#d06868 100%); 
background: -o-linear-gradient(top,  #e59a9a 0%,#db8282 40%,#d06868 100%); 
background: -ms-linear-gradient(top,  #e59a9a 0%,#db8282 40%,#d06868 100%); 
background: linear-gradient(to bottom,  #e59a9a 0%,#db8282 40%,#d06868 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e59a9a', endColorstr='#d06868',GradientType=0 ); 
}*/
.graphBarCount{white-space:nowrap;font-size:12px;/*color:#fff;*/min-width:50px;
background: #f8e09a; /* Old browsers */
background: -moz-linear-gradient(top,  #f8e09a 0%, #f2d47a 40%, #edc95d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8e09a), color-stop(40%,#f2d47a), color-stop(100%,#edc95d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f8e09a 0%,#f2d47a 40%,#edc95d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f8e09a 0%,#f2d47a 40%,#edc95d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f8e09a 0%,#f2d47a 40%,#edc95d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f8e09a 0%,#f2d47a 40%,#edc95d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8e09a', endColorstr='#edc95d',GradientType=0 ); /* IE6-9 */
}
.graphBarDuration{white-space:nowrap;font-size:12px;/*color:#fff;*/min-width:50px;
background: #cee7fa; /* Old browsers */
background: -moz-linear-gradient(top,  #cee7fa 0%, #badaf3 40%, #a8cdeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cee7fa), color-stop(40%,#badaf3), color-stop(100%,#a8cdeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cee7fa 0%,#badaf3 40%,#a8cdeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cee7fa 0%,#badaf3 40%,#a8cdeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cee7fa 0%,#badaf3 40%,#a8cdeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cee7fa 0%,#badaf3 40%,#a8cdeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cee7fa', endColorstr='#a8cdeb',GradientType=0 ); /* IE6-9 */
}

.thirdwidth{width:26%;padding:3%;float:left;}
.thirdwidthWrap{background:#fff;}
.indent{margin-left:25px;}
.width500{width:500px;}

.starstable{clear:both;margin:25px 0;}
.starstable table {width:100%;border:none;}
.starstable table td {padding:15px 25px 25px 25px;}
.starstable textarea{width:100%;}

.actionPlanstable{clear:both;margin:0 0 0 0;}
.actionPlanstable table {width:100%;border:none;}
.actionPlanstable table td {padding:5px;border:1px solid #d4d4d4;}
.actionPlanstable table th {padding:5px;border:1px solid #d4d4d4;}
.actionPlanstable textarea{width:100%;}

.dashStats{margin-right:25px;width:calc(25% - 45px);float:left;color:#fff;padding:15px 10px;}
.dashVols{background:#16a085 url(../img/dashVols.png) no-repeat 10px 25px;}
.dashClients{background:#e05d6f url(../img/dashClients.png) no-repeat 10px 25px;}
.dashSocials{background:#418bca url(../img/dashSocials.png) no-repeat 10px 25px;}
.dashSerReqs{background:#3f4e62 url(../img/dashSerReqs.png) no-repeat 10px 25px;}

.dashScore{margin-left:100px;font-size:32px;line-height:70px;margin-top:5px;}
.dashTitle{margin-left:100px;margin-bottom:10px;font-size:12px;overflow:wrap;}
.superVisionAlerts{background:#3f4e62 url(../img/dashSuperVisssmall.png) no-repeat 25px 25px; width:calc(100% - 52px);min-height:90px;padding:1px; }
.outcomeAlerts{background:#1693a5 url(../img/dashOutssmall.png) no-repeat 25px 25px; width:calc(100% - 52px);min-height:90px;padding:1px; }
.volAlerts{background:#16a085 url(../img/dashVolssmall.png) no-repeat 25px 25px; width:calc(100% - 52px);min-height:90px;padding:1px; }
.clientAlerts{background:#e05d6f url(../img/dashClientssmall.png) no-repeat 25px 25px; width:calc(100% - 52px);min-height:90px;padding:1px; }
.actionPlanAlerts{background:#418bca url(../img/dashActPlanssmall.png) no-repeat 25px 25px; width:calc(100% - 52px);min-height:90px;padding:1px; }

#dash-canvas{width:calc(100% - 50px);margin:25px;}
.biggerMap{height:1000px;}
.smallerMap{height:400px;}

.AlertsInner{margin:25px 0 35px 150px;color:#fff;clear:both;}
.AlertsInner div {margin:5px;}


.backToClare{width:260px;font-size:28px;line-height:50px;color:#16a085;font-weight:bold;text-align:center;margin:100px auto;}
.astrix{font-size:20px;color:#ed1230;font-weight:bold;}



.sds{height:150px;position:relative;font-size:14px;color:#fff;border-bottom:1px solid #d8def0;border-right:1px solid #d8def0;}
.sdsdiv{position:relative;border-bottom:1px solid #16a085;padding:5px;}
.sdsbuttons{font-size:12px;float:right;}
.timeeeeeoday{background:#d8def0;}
#sdstable td {margin:0;padding:0;}
.inline{display:inline;}
.inlineblock{display:inline-block;}

.sdssmall{position:relative;font-size:11px;color:#fff;border-bottom:1px solid #d8def0;border-right:1px solid #d8def0;}


.print{display:none;}

.reportTitle{font-size:46px;line-height:56px;padding:25px;border-bottom:1px solid #e0e0e0;}
.reportSection{margin:25px;padding:15px;border:1px solid #e0e0e0;}
.reportSectionTitle{border-bottom:1px solid #e0e0e0;font-size:32px;padding:10px 0 20px 0;margin-bottom:25px;}
.reportSectionItem{font-size:22px;margin:10px 5px;}
.reportSectionItemsub{font-size:20px;margin:8px 15px;}
.reportindent{margin-left:25px;font-size:12px;line-height:15px;}

.dontwrapme{white-space:nowrap;}



tr.odd td {background-color:#e7e7e7;}
tr.even td {background-color:#f5f5f5;}



.vertheaders th.rotate {
  /* Something you can count on */
  height: 80px;
  white-space: nowrap;
}

.vertheaders th.rotate > div {
  writing-mode: sideways-lr;
  width: 20px;border:none;
}
.vertheaders th.rotate > div > span {
  width: 20px;
}

.innertablenopad table {border:none; font-size:12px;width:100%;}
.innertablenopad td {border:none; font-size:12px;padding:0px;border-right:1px solid #d4d4d4; vertical-align: middle;}
.innertablenopad th {padding:0px;border:none;}

.totals td {font-weight: bold; padding-top:10px;font-size:14px;border-top:1px solid #d4d4d4; }

.grouppiecharts {width:33%; height:250px; display:inline-block;}

.notes {max-height:100px;overflow: hidden;cursor:pointer;}



.selectwrap{display:inline-block;font-weight: normal; font-size:14px; width:200px;}
.groupsselect select {padding:0;margin:0;}

.piecharts{width:calc(100%/5);height:200px;display:inline-block;}

.fileswrap{
  margin-bottom:5px;
}
.files{
  font-size:11px;
  width:100%;
  text-align: left;
}
.files a {
  color:blue;
}


/* for TinyMCE output */
.SUcontactDetails ul{
  margin-left:15px;
}



@media print { 
    
    
 /* All your print styles go here */
 header, #sidebar, .dontprint, #navbar { display: none !important; } 
 #mainwrapper{width:100%;height:100%;margin:0;padding:0;font-size:22px;line-height:26px;}
 #maincontent{margin:0px;padding:0px;width:100%;}
 .font12, .font14 {font-size:22px;line-height:26px;}
 #sidebar{width:0px;}
 .print{display:block;}
 .showdetails{max-height:none;overflow:show;}
.reportindent{margin-left:25px;font-size:18px;line-height:24px;}
}



/* New styles march 2023 */
table#filetable {
  border:none !important;
  margin:25px;
}
table.filetable td {
  font-size:12px;
  border:none;

}
table.filetable tr {
  border:none;
}
.deleteFile {
  background: #ff4a43;
  padding: 5px;
  color: white;
  font-size:10px;
}