/*.clearfix {
  clear: both; ??? this brakes the clearfix
}*/

.table-wrap{ margin:0 0 0 20px; width:880px;  }

#blackout {
  background: url(/partypro/assets/img/transp.png);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
}
#blackout .lightbox {
  padding: 20px 13px;
  width: 908px;
  margin: 100px auto;
  background: url(/partypro/assets/images/bg.png);
  border-radius: 7px;
  position: relative;
}
#blackout .lightbox div.loading-lightbox {
  background: url(/partypro/assets/img/loading.gif) 50% 50% no-repeat;
  text-align: center;
  height: 660px;
}
#viewfeedback {
  margin-left: auto;
  margin-right: auto;
  width: 907px;
}
#viewfeedback .fv-header {
  height: 45px;
  margin-bottom: 15px; position:relative;
}

.fv-header .message{ display:block; width:24px; height:16px; background: url('../img/message.png') no-repeat; position:absolute; right: 100px; top: 14px;  }



#viewfeedback .fv-header h2 {
  float: left;
  font-size: 20px;
  padding: 12px 15px 0 5px;
  color: #35a7cc;
  text-shadow: 0 1px 0 #fff;
}
#viewfeedback .fv-header .feedback-info {
  float: left;
    height: 44px;
    line-height: 44px;
    padding: 0 5px;
    text-align: center;
    width: 601px; background:url('../img/data-shadow.png') no-repeat
}
#viewfeedback .fv-header .feedback-info span {
  font-size: 13px;
  margin: 0 10px; text-shadow:0 1px #f7f7f7; color:#707070;
}
#viewfeedback .fv-header .feedback-info span strong{ font-weight:400 !important;  }

#viewfeedback .fv-header .close-me {
  float: right;
  width: 35px;
  height: 36px;
  background: url(/partypro/assets/img/close.png) no-repeat;
  cursor: pointer;
}
#viewfeedback .fv-header .close-me:hover {
  opacity: 0.8;
}
#viewfeedback .left {
  float: left;
  width: 474px;
  background: white;
  border: 1px solid #d5d5d5; height:502px
}

#view_details ul li{ margin:0 0 9px; font-size:13px }
#view_details ul li strong{ display:inline-block; *display:inline; zoom:1;  width:175px }
#view_details ul li span{ display:inline-block; *display:inline; zoom:1;  }
#view_details ul .address strong{ float:left }
#view_details ul .address br{ display:none; }
#view_details ul li input{ background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #DDDDDD;
    color: #666666;
    font-family: arial;
    font-size: 12px;
    height: 21px; line-height:21px;
    padding: 0 4px;
    width: 224px; }
#user-details-non-edit ul  li{ margin:0 0 15px;  }
#viewfeedback .left ul.tabs {
  float: left;
  width: 474px;
  height: 41px;
  background: #cdcbcc;
}
#viewfeedback .left ul.tabs li {
  float: left;
  width: 236px;
  height: 28px;
  margin-left: 1px;
  background: #e2e2e2;
  cursor: pointer;
  color: #7d7b7c;
  text-align: center;
  padding: 12px 0 0 0;
}
#viewfeedback .left ul.tabs li:first-child {
  margin-left: 0;
  width: 237px;
}
#viewfeedback .left ul.tabs li:hover {
  background: #eaeaea;
  color: #4a4849;
}
#viewfeedback .left ul.tabs li.current {
  background: #fff;
  height: 29px;
  color: #302f30;
}

#viewfeedback .left ul.tabs li.threetab {
  width: 157px;
}
#viewfeedback .left ul.tabs li.threetab:first-child {
  width: 158px;
}

#viewfeedback .left .tabview {
  display: none;
  margin: 15px 10px 10px 10px;
  padding: 0 7px 4px;
}
#viewfeedback .left .tabview.current {
  display: block;
  overflow-y:auto;
  max-height: 430px;
}

#viewfeedback .left .tabview.current .booking-details {
  margin-top: 20px
}
#viewfeedback .left .tabview.current .booking-details h2 {
    color: #35A7CC;
    text-align:center;
}
#viewfeedback .left .tabview .feedbackcomments {
 background: url("../img/quotes.png") no-repeat scroll 10px 25px #FAFAFA;
    border: 1px solid #D5D5D5;
    border-radius: 3px 3px 3px 3px;
    color: #7D7F7F;
    font-size: 13px;
    height: 189px;
    line-height: 23px;
    padding: 21px 0 16px 42px;
}
#viewfeedback .left .tabview .feedbackcomments .scroll {
  padding-right: 10px;
  overflow-y: scroll;
  height: 189px;
}
#viewfeedback .left .tabview .feedbackratings {
  margin: 15px 0 0 0;
  height: 173px;
  box-shadow: 0 1px 7px -1px #AAAAAA inset;
  border-radius: 7px;
  border-collapse: collapse; background:#fafafa;
}
#viewfeedback .left .tabview .feedbackratings td {
  width: 108px;
  height: 65px;
  border: 1px solid #d5d5d5; text-align:center; color:#34a8cc; font-size:26px; font-family: 'PTSansBold';
}

#viewfeedback .left .tabview .feedbackratings td img{ display:block; margin:0 auto 7px; }


#viewfeedback .right {
  float: right;
  width: 417px;
}
#viewfeedback .right .rightheader {
  height: 44px;
}
#viewfeedback .right .notes {
  height: 267px;
  background: url('../img/right-bg.png') no-repeat;
  padding: 20px 2px 20px 8px;
}
#viewfeedback .right .notes .scroll {
  overflow-y: scroll;
  height: 266px;
  padding-right: 7px;
}
#viewfeedback .right .notes .scroll .note {
  padding: 10px;
  margin-bottom: 20px;
}
#viewfeedback .right .notes .scroll .note .message {
  color: #193d6d;
  margin-bottom: 10px; font-size:13px
}
#viewfeedback .right .notes .scroll .note .added_by {
  float: left;
}
#viewfeedback .right .notes .scroll .note .date {
  float: right;
}
#viewfeedback .right .notes .scroll .note .added_by,
#viewfeedback .right .notes .scroll .note .date {
  font-size: 11px;
  color: #555;
}
#viewfeedback .right textarea {
  border: 1px solid #D5D5D5;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 0 #CCCCCC;
    font-family: 'PTSansRegular';
    font-size: 13px;
    height: 69px;
    margin: 12px 0;
    padding: 10px;
    width: 395px;
}



.sort-table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}
.sort-table thead tr {
  background: url(/partypro/assets/images/rcloud/table_title_gradient.png);
}
.sort-table thead tr th {
  border: 1px solid #d5d5d5;
  height: 48px;
  font-weight:normal;
}
.sort-table thead tr th,
.sort-table thead tr a {
  color: #444;
  text-decoration: none;
  font-size: 14px;
}
.sort-table thead tr th.headerSortUp, .sort-table thead tr th.headerSortDown {
    background: #A2E3E6;
}
.sort-table tbody tr.on, .sort-table tbody tr.even {
  background: #f9f9f9;
}
.sort-table tbody tr.off, .sort-table tbody tr.odd {
  background: #fff;
}
.sort-table tbody tr.overdue {
    background: #ff958c !important;
}
.sort-table tbody tr.closed {
  background: #cecfd0;
}
.sort-table tbody tr td {
  border: 1px solid #d5d5d5;
  padding: 5px;
  text-align: center;
  color: #444;
  text-decoration: none;
  font-size: 13px;
  padding: 9px 7px;
}
.feedbackRow {
    cursor:pointer;
}
.filterbox {
  background: #d8dee1;
  border: 1px solid #d5d5d5;
}
#search-feedback {
  height: 210px;
  padding: 30px 20px; width:545px;  float:left;
}

#leaguetable  tr td:nth-child(2){ text-align:left;  }
#leaguetable  tr th:nth-child(2){ text-align:left; padding-left:10px;   }

#search-feedback .drop{ display:inline-block; *display:inline; zoom:1;  width:169px; margin-left:10px;  }
#search-feedback div:first-child{ margin-left:0;  }
#search-feedback div label{ float:left; width:100%; color:#424444; font-family:'PTSansBold'; font-size:16px; margin:0 0 10px;     }
#search-feedback div .small{ font-family:'PTSansRegular'; font-size:13px;   }
#search-feedback .drop select{ float:left; width:170px;   }

#search-feedback .date-search{ height:37px; line-height:37px; border-top:1px solid #cdd4d8; margin: 20px 0 0 !important; padding:28px 0 0;   }
#search-feedback .date-search label{ width:auto; margin:0 7px 0 0; line-height:34px   }
#search-feedback .date-search .input-date{ background:url("../img/cal.png") no-repeat scroll 112px 4px #FFFFFF; height:30px; line-height:30px; padding:0 0 0 12px; border:1px solid #cfd0d0; font-size:11px; color:#666666; float:left; margin:0 26px 0 0; width:125px;    }

.date-search button{ position:absolute; left:433px; }
.date-search button.first{ left:258px !important; }

#search-feedback .date-search button{ background:url("../img/ddmmyy.png") no-repeat scroll left 0; height:32px; line-height:30px; border:0; font-size:11px; color:#666666; float:left; margin:0 12px 0 0; width:142px; text-indent:-9999em   }

#search-feedback .date-search .input-text{ background:#fff; height:35px; line-height:35px; padding:0 0 0 12px; border:1px solid #cfd0d0; font-size:11px; color:#666666; float:left; margin:0 12px 0 0; width:418px; !width:385px;   }


.feedback-table{ margin:30px 0 0; }
.feedback-table tbody tr  td{  color: #34A8CC; font-family: 'PTSansBold';  font-size: 26px; }
.feedback-table tbody tr th{ vertical-align:bottom; }

form#feedback-add {margin: 0 0 0 20px; width: 881px;}
form#feedback-add fieldset {
  margin: 20px 0;
  border: 1px solid #d5d5d5;
  padding: 30px 19px 40px; background:#fff
}
form#feedback-add fieldset h2 {
  font-size: 22px;
  margin: 0 0 39px 0;
  font-weight: normal;
  color: #46A0C2;
}
form#feedback-add fieldset .formRow {
  margin: 20px 0;
}
form#feedback-add fieldset .inside{ position:relative; float:left; width:420px; margin:0 0 10px; }
form#feedback-add fieldset .inside label.error{ position:absolute; top:44px; left:33px; }

form#feedback-add fieldset .formRow label, form#feedback-add fieldset .form-row label {float: left;
    font-size: 15px;
    height: 27px;
    line-height: 18px;
    margin-left: 39px;
    margin-right: 10px;
    padding: 5px 0 0;
    width: 32%;
}

form#feedback-add fieldset .formRow textarea{ background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    font-family: 'PTSansRegular';
    font-size: 15px;
    padding: 10px;
    width: 476px; height:160px; margin:0 0 0 15px; }


#feedback-add .blue-button{ float: right;  font-size: 19px;  margin: 0 0 50px; padding: 0 30px;  }

.left-details{ float:left; width:400px; }
.right-details{ float:right; width:400px; }
.right-details div, .left-details div{ position:relative; }
form#feedback-add fieldset label.error{  color: red; font-family: Arial,Helvetica,sans-serif; font-size: 11px;  font-weight: bold; margin: -15px 0 3px 149px; width: 200px !important;  }

.left-details input, .right-details input{ float:right; }
.left-details label, .right-details label{ width:100px !important }
.left-details input, .right-details input{ margin:0 0 14px; }

form#feedback-add fieldset .formRow input[type='text'], form#feedback-add fieldset .form-row input[type='text']  {
  background: url("../img/input-bg.png") repeat-x scroll 0 0 transparent;
  border: 1px solid #DDDDDD;
  border-radius: 2px 2px 2px 2px;
  color: #777777;
  font-family: 'PTSansRegular';
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 4px; float:left; width:217px;
}
form#feedback-add fieldset .formRow select {
  float: left;
  width: 54.27%;
}
form#feedback-add fieldset .formRow .half-selects select {
  width: 104px;
}
form#feedback-add fieldset .formRow .half-selects select:first-child {
  margin-right: 5%;
}

form#feedback-add fieldset .form-row label[for=opt-out] {
    width: 130px !important;
}

form#feedback-add fieldset .form-row input#opt-out {
    float: left;
    margin-top: 7px;
}

#leaguetable tbody tr.company td {
  color:#34a8cc; font-weight:bold; background:url('../img/stripes.png') repeat;
}

#league-tables{ float:right; background:#fff; border:1px solid #d7d7d7; border-radius:2px; width:250px; }
#league-tables h2{ color:#34a8cc; float:left;  }
#league-tables .title{ margin:17px 12px 12px; border-bottom:1px solid #d9d9d9; padding:0 0 15px; width:226px;   }
#league-tables .title a{ color:#949494; text-decoration:none; font-size:12px; float:right;    }

#league-tables h3{ color:#34a8cc; }
#league-tables h3 span{ color:#949494; font-size:13px; font-weight:200;   }
#league-tables ul li:nth-child(even){ background:#f9f9f9;  }
#league-tables ul li{ height:42px; line-height:42px; padding:0 22px; position:relative;   }
#league-tables ul li .rating{ position:absolute; top:1px; right:16px;  }

.export{ float:right;  }
.export a{ margin:15px 0 20px 20px;  }

ul.tabs {
  height: 41px;
    float:left;
}
#leaguetabs {
    float:none;
}
ul.tabs li {
  float: left;
}
ul.tabs li a {
  display: block;
  border-right:1px solid #d6d8d7; border-top:1px solid #d6d8d7;
  background: #f0f1f3;
  height: 28px;
  color: #666;
  text-decoration: none;
  padding: 12px 19px 0 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px; font-size:15px;   border-bottom: 0;
}

ul.tabs li:first-child a{ border-left:1px solid #d6d8d7;  }

ul.tabs li.current a {
  background: #d8dee1;

  height: 28px;
  font-weight: bold;
}
#leaguetabs {
  margin-top: 40px; margin:20px 0 0 0px;
}
#leaguefilter {
  height: 80px;
  border-bottom: 0; line-height:76px;
}

#leaguefilter form{ margin:0 0 0 18px;  }


#leaguefilter label{ margin:0 10px; color:#555;   }
#leaguefilter input{
background: url("../img/input-bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #DDDDDD;
    border-radius: 2px 2px 2px 2px;
    color: #777777;
    font-family: 'PTSansRegular';
    font-size: 12px;
    height: 31px;
    line-height: 31px;
    padding: 0 4px;  width:198px;}

.call-info{ background:url('../img/call-symbols.png') no-repeat right; height:52px; line-height:52px;   }
.call-info p{ display:inline; }
.feedback-top{ margin:33px 0 45px; width:100%; }


/* temp */
.fileshare-wrap{  color:#707070; margin: 0 0 0 20px; width: 882px;  }
.header-links{ margin: 0 0 0 20px;;  width: 869px; border: 1px solid #D5D5D5; padding: 7px 5px; -webkit-border-radius: 4px; background: -webkit-linear-gradient(top, white 0%,#EEE 100%); }
.section_partypro .header-links{ margin: 0 0 0 298px; width: 612px;}
.header-links h1{ margin:4px 0 0; }
.section_training .header-links {margin: 0 0 0 22px; width: 877px; }
#actiondropdown {
  width: 318px;
  margin-left: 10px;
}

/* Thumbs up on feedback details: */
#thumbs{ float:left;  }
#actiondropdown{ float:left;  }
#outcome-action-form .blue-button{ float:left;  padding:0 7px; height:30px; line-height:30px; margin:0 0 0 7px;  }
.thumb {
  float: left;
  width: 16px;
  height: 16px;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}
.thumb.up {
  margin-top: 3px;
  background: url(/rcloud/assets/img/thumb-up.png) no-repeat;
}
.thumb.down {
  margin-top: 9px;
  background: url(/rcloud/assets/img/thumb-down.png) no-repeat;
}
.thumb:hover {
  opacity: 0.7;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  cursor: pointer;
}
.thumb.selected {
  opacity: 1.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
}
#thumbs .glass {
  height: 30px;
  width: 35px;
  float: left;
  position: relative;
  margin-left: -35px;
  z-index: 5;
}


/* Feedback outcomes: */
#outcomes-table {
  box-shadow: 0px 1px 2px #ccc;
}
#outcomes-table .outcome-header {
  background: url(/partypro/assets/images/rcloud/table_title_gradient.png);
  font-size: 17px;
  height: 48px;
  padding: 0 20px;
}
#outcomes-table .count {
  font-size: 35px;
  font-weight: bold; color:#61B7D7
}
#outcomes-table .label {
  margin-top: 10px;
}
#outcomes-table td {
  width: 20%;
  background: #fff;
}


/* Ribbon on top left of feedback view: */
.ribbon {
  height: 11px;
  width: 70px;
  font-size: 10px;
  float: left;
  text-align: center;
  padding: 3px;
  font-weight: bold;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #fff;
  box-shadow: inset 0px -1px 4px rgba(0, 0, 0, 0.3),
              inset -1px 0px 2px rgba(0, 0, 0, 0.3),
              inset 1px  0px 2px rgba(0, 0, 0, 0.3);
  text-shadow: 0 1px 1px #000;
  position:absolute; left:18px; top:0;
  padding-bottom: 5px;
  font-family: Arial, sans-serif;
}
.ribbon.closed {
  background: #A94A4A;
}
.ribbon.open {
  background: #42835A;
}

.header-links h1 div{ /*margin:0 0 0 -45px;*/ }


/* Extra value field: */
#extravaluefield {
    display: block;
    visibility: hidden;
    float:left;
    background: none repeat scroll 0 0 #FEFEFE;
    border: 1px solid #DDD;
    color: #666;
    font-family: arial;
    font-size: 12px;
    height: 23px;
    line-height: 21px;
    padding: 3px 4px;
}
#extravaluefield input {
    border:none;
    width: 100px
}
.extravaluefield {
  width: 145px !important;}

.outcome-wrap{ margin:0 0 0 20px; width:880px;  }
.outcome-wrap #leaguefilter form{ margin:0 0 0 17px;   }
.training-links{ float: right;}

.section_home .block, .section_home .full_block {
  position:relative;
}
.section_home .block .overlay {
  position: absolute;;
  height: 100%;
  width: 100%;
  background: url(/partypro/assets/css/transparent.png);
  z-index: 9999;
  left:0;
  top:0;
}
.section_home .full_block .overlay {
  position: absolute;;
  height: 100%;
  width: 859px;
  background: url(/partypro/assets/css/transparent.png);
  z-index: 9999;
  left:0;
  margin: 0 0 20px 20px;
  top:0;
}
.section_home .block .overlay img, .section_home .full_block .overlay img  {
  position:absolute;
  top:50%;
  left:50%;
  margin-left: -104px;
  margin-top:-5px;
}

.section_home .block .refresh {
  display:block;
  position:absolute;
  right:10px;
  top:18px;
  width: 21px;
  height: 21px;
  background: url(../img/refresh.png) no-repeat;
}

.section_training #wrapper .videoblock {
  margin:22px !important;
  padding: 5px !important;
  border: #D8D8D8 solid 1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius:5px;
  width: 877px !important;
}

#errors {
  background: #FC8686;
  padding: 20px;
  border: 1px solid #E04444;
  margin-top: 20px;
}
#errors h2 {
  margin-bottom: 10px;
}
#errors li {
  font-size: 13px;
  list-style: square;
  margin-left: 15px;
}

.fileshare-list li a {
    font-size: 14px;
}
.dayViewEdit {
    text-align:center;
}
.dayViewEdit a {
    display:block;
    margin-bottom:10px

}


.callmanager-list{ margin:0 0 0 -12px; height: 263px; overflow-y:auto; overflow-x:hidden; width: 420px;}
.callmanager-list li{ height:52px; line-height:58px; font-weight:bold; color:#454545; border-bottom: 1px solid #f4f4f4; padding-left:12px; width:408px; }
.callmanager-list li:nth-child(even){ background-color:#f9f9f9;  }
.callmanager-list li a{ display:block; position:relative; }
.callmanager-list li span{ position:absolute; right:0; top:0; }
.callmanager-title {  height:54px; line-height:54px; color:#424444; border-bottom:1px solid #dfdfdf; font-size:22px; margin:0 0 0 0; width:420px; border:1px solid #E0E0E0    }
#callmanager_box .call-date {
  margin-left: -12px;
    width: 420px;
    margin-top:0px;
}

span.auth-fallback {
  color: #bb0909;
}

a.pinchPoints {
    color: #46A0C4;
    font-weight:bold;
    float:right;
    margin-top: 8px; }




/* ------//\\ campaign calender \\//---------------------- */
#campaign-calender{ margin:0 0 20px; display:none;   }
#campaign-calender table{ border-spacing:0; border-collapse:collapse }
#campaign-calender table td{ background:#fff; border:1px solid #dad9d9; padding:9px;min-width:71px;  }
#campaign-calender table td ul li{ font-size:11px; padding-left:14px; margin:0 0 5px  }
#campaign-calender table td ul li.green{ background:url('/partypro/assets/images/cc_green.png') no-repeat left 1px }
#campaign-calender table td ul li.blue{ background:url('/partypro/assets/images/cc_blue.png') no-repeat left 1px }
#campaign-calender table td ul li.red{ background:url('/partypro/assets/images/cc_red.png') no-repeat left 1px }
#campaign-calender table td ul li.grey{ background:url('/partypro/assets/images/cc_grey.png') no-repeat left 1px }

#campaign-calender table td .day{ color:#cacaca; font-size:16px; padding:0 0 10px;  }


#campaign-calender table td.active:hover{ background: #80c0d8; /* Old browsers */
background: -moz-linear-gradient(top, #80c0d8 0%, #8dd0e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80c0d8), color-stop(100%,#8dd0e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #80c0d8 0%,#8dd0e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #80c0d8 0%,#8dd0e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #80c0d8 0%,#8dd0e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #80c0d8 0%,#8dd0e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80c0d8', endColorstr='#8dd0e5',GradientType=0 ); /* IE6-9 */
cursor:pointer; }
#campaign-calender table td.active{ background: #87c5dd }
#campaign-calender table td.active .day, #campaign-calender table td.current .day { color:#414649;  }
#campaign-calender table td.current{ background: url('/partypro/assets/images/day-active2.png') repeat }


#campaign-calender.full table tr{ display:table-row !important; }
#campaign-calender table .search{ height:73px; display:none  }
#campaign-calender table .search .btn{ display:block; float:left; height:39px; width:37px; background: url('/partypro/assets/images/btn-prev.png') no-repeat }
#campaign-calender table .search .btn.next{ background: url('/partypro/assets/images/btn-next.png') no-repeat; width:38px;  }
#campaign-calender table .search select{ margin:0 0 0 11px; height:39px; line-height:39px; width:213px; float:left; background:#fcfcfc; padding:8px 5px 8px 4px;    }
#campaign-calender table .search input{ float:left; border:1px solid #d5d5d5; border-radius:2px; height:39px; line-height:39px; padding:0 5px; color:#979797; font-size:12px; margin:0 0 0 11px;    }


#campaign-calender table th{ height:50px; color:#424444; font-family:Arial, Helvetica, sans-serif; font-size:12px; border:1px solid #cdcbcb  }

#campaign-calender table .week-row td{ background:#efefef; height:40px; padding:0 10px;    }
#campaign-calender table .week-row td p{ float:left; font-weight:bold; color:#777; font-size:12px }
#campaign-calender table .week-row td a{ float:right; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a8a8a8; text-decoration:none  }


/* ------//\\ campaign calender popup \\//---------------------- */
.fancybox-skin{ padding:0 !important; background: url('/partypro/assets/images/bg.png') repeat !important; }
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{ border-radius:10px;  }
/*.fancybox-close{ background: url('/partypro/assets/images/close-fancy.png') no-repeat !important; width:33px; height:33px; right: 21px !important; top: 20px !important;  }*/
.ie7 #data{ background: url('/partypro/assets/images/bg.png') repeat !important;  }
#data{ width:730px;  }
#data h4{ margin:0 0 11px; }
#data p{ margin:0 0 13px; font-size:14px; line-height:20px;  }
#data a{ color:#7d7f7f; }
#data h1{ color: #34A8CC; font-family: 'PTSansRegular'; font-size: 29px; margin: 20px 0 20px 15px; text-shadow: 0 1px #FFFFFF; }


.info dt{ border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; padding:0 0 0 20px; color:#6b6b6b; text-shadow:0 1px #fff; height:50px; line-height:50px;cursor:pointer; font-family:'PTSansBold'; font-size:18px; margin-top:-1px;      }
.info dt.active{ color:#34a8cc;  }

.info dt span.green{ background: url('/partypro/assets/images/dt_green.png') no-repeat left 6px; padding-left:20px;  }
.info .edit-event h5.green{ background: url('/partypro/assets/images/dt_green.png') no-repeat left -18px; padding-left:29px; }

.info dt span.red{ background: url('/partypro/assets/images/dt_red.png') no-repeat left 6px; padding-left:20px;  }
.info .edit-event h5.red{ background: url('/partypro/assets/images/dt_red.png') no-repeat left -18px; padding-left:29px; }

.info dt span.blue{ background: url('/partypro/assets/images/dt_blue.png') no-repeat left 6px; padding-left:20px;  }
.info .edit-event h5.blue{ background: url('/partypro/assets/images/dt_blue.png') no-repeat left -18px; padding-left:29px; }

.info dd{ padding:0 8px 20px;  }

.edit-event{ background:url('/partypro/assets/images/edit-event.png') no-repeat; height:44px; line-height:44px; padding:0 20px 0 15px; font-size:14px; margin:22px auto; width:659px;     }
.edit-event h5{ float:left; color:#7b7b7b;   }
.edit-event a{ float:right; color:#7b7b7b;   }

.description{ float:left; width:462px;  }
.description div{ border:1px solid #dadada; border-radius:3px; padding:15px; height:225px; background:#fff; overflow-y:scroll   }

.related-files{ float:right; width:236px;   }
#data .fileshare-list{ margin:0; border:1px solid #dbdbdb;   }
#data .fileshare-list li{ width:auto; background-color:#f9f9f9; height:50px; line-height:50px;overflow:hidden; }
#data .fileshare-list li:nth-child(odd){ background-color:#fff;  }
#data .fileshare-list li a{ text-decoration:none  }
#data .fileshare-list li a:hover{ text-decoration:underline;  }



/* ------//\\ index calender \\//---------------------- */
#campaign-calender.index-calender{ display:block !important; margin: 0 0 20px 20px;  }


/*body.body{
	min-width: 1300px;
}*/


#feedback-pager {
  margin: 0;
  padding: 0;
  float: right;
  height: 20px;
}
#feedback-pager select {
  float: left;
  width: 50px;
  margin-left: 10px;
}
#feedback-pager input {
  float: left;
  width: 50px;
  background: none;
  border: 0;
  text-align: center;
  padding-top: 4px;
}
#feedback-pager img {
  float: left;
  padding-top: 6px;
}

.index-calender table {
    width: 859px;
}

div.errors {
    border: #b31117 solid 1px;
}
.feedback-manager-key {
    float:right;
    margin-top:14px;
}

.feedback-manager-key li {
    float:left;
    line-height: 25px;
    margin-left: 10px;
}

.feedback-manager-key li span {
    display:block;
    float:left;
    width: 17px;
    height:17px;
    -moz-border-radius:100px;
    -webkit-border-radius:100px;
    border-radius:100px;
    border: #FFF solid 2px;
    margin-right:5px;
}

.feedback-manager-key li.closed span {
    background: #d7dcdf;
}


.feedback-manager-key li.overdue span {
    background: #FF4040;
}


.feedbackRow td a {
    color: #444;
    text-decoration:underline;
}

.feedbackRow td:hover a {
    color: rgb(0, 0, 238);
}

@media only screen and (max-device-width : 599px){

 #blackout {
  background: url(/partypro/assets/img/transp.png);
  width: 100%;
  height: 100%;
  position: absolute;
  top: -9px;
}

#blackout .lightbox {
  padding: 20px 13px;
  position: relative;
  top: 350px
}

}

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    .scroll{
	    overflow: visible !important;
    }
    #viewfeedback {
    	width:auto !important;
        margin:0 !important;
    }
    #viewfeedback .right .notes {
    	background:none !important;
    }
    #main_content_area #viewfeedback .left,
    #main_content_area #viewfeedback .right {
    	float:none !important;
        width:100% !important;
    }
    #viewfeedback .left .tabview {
    	display:block !important;
        width:100% !important;
    }


}


.extra-info-listing {
  font-style: italic;
  font-size: 10px;
  margin-top: 10px;
}

.add-deposit-popup .deposit-popup-log {
  float:left;
  width: 410px;
}

.add-deposit-popup .deposit-popup-add {
  float:left;
  width: 350px;
}

.react-loading {
    display: block;
    width: 100%;
}
.react-loading i, .react-loading img {
    font-size: 80px;
    text-align: center;
    margin: 0 auto;
    display: block;
}
#partypro_targets .react-loading img {
  max-height: 60px;
  margin-top: -10px;
}
.react-loading img {
  font-size: 80px;
  text-align: center;
  margin: 0 auto;
  display: block;
  /*max-width: 100%;*/
  max-height: 300px;
}

.plu-container .plu-actions {
  display: none;
}

.plu-container:hover .plu-actions {
  display: inline-block;
}

.plu-container .plu-type {
  display: inline-block;
}

.plu-container:hover .plu-type {
  display: none;
}

.mt-0 {
  margin-top: 0!important;
}

.mt-20 {
  margin-top: 20px;
}

.w-100 {
  width: 100%;
}

.stock_link_reports .group-id {
  border: 1px solid lightgrey;
  padding:1px 3px;
  color: lightslategray;
  margin-left: 10px;
}

.stock_link_reports ul {
  padding-left: 0;
  margin-bottom: 0;
}
.stock_link_reports li {
  margin: 3px;
  border: #cecece solid 1px;
  border-radius: 4px;
  padding: 3px;
  background: #fff;
  list-style-type: none;
}

.stock_link_reports li:hover {
  background: #d9edf7;
}

.stock_link_reports .list-group-item > .list-group-item {
  margin-top: 25px;
}

.stock_link_reports .list-group-item > .list-group-item ~ .list-group-item {
  margin-top: 0;
}

.c-pointer {
  cursor: pointer;
}

.c-not-allowed {
  cursor: not-allowed;
}

details {
  border: 1px solid #aaa;
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
}

summary {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}

details[open] {
  padding: 0.5em;
}

details[open] summary {
  border-bottom: 1px solid #aaa;
  margin-bottom: 0.5em;
}

pre.syntax {
  outline: 1px solid #ccc;
  padding: 5px;
  margin: 5px;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}
pre.syntax .string { color: green; }
pre.syntax .number { color: darkorange; }
pre.syntax .boolean { color: blue; }
pre.syntax .null { color: magenta; }
pre.syntax .key { color: red; }

.c-draggable {
  cursor: move;
}
@media (min-width:1200px){
  .auto-clear .col-lg-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-lg-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-lg-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-lg-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-lg-6:nth-child(odd){clear:left;}
}
@media (min-width:992px) and (max-width:1199px){
  .auto-clear .col-md-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-md-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-md-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-md-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-md-6:nth-child(odd){clear:left;}
}
@media (min-width:768px) and (max-width:991px){
  .auto-clear .col-sm-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-sm-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-sm-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-sm-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-sm-6:nth-child(odd){clear:left;}
}
@media (max-width:767px){
  .auto-clear .col-xs-1:nth-child(12n+1){clear:left;}
  .auto-clear .col-xs-2:nth-child(6n+1){clear:left;}
  .auto-clear .col-xs-3:nth-child(4n+1){clear:left;}
  .auto-clear .col-xs-4:nth-child(3n+1){clear:left;}
  .auto-clear .col-xs-6:nth-child(odd){clear:left;}
}

.modal-dxlg {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
.modal-cxlg {
   height: auto !important;
   min-height: 100% !important;
   border-radius: 0 !important;
}

input[type=number].no-spinner::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity-selector--icon {
  border: 1px solid #ccc;
  border-radius: 50%;
  margin: 0 10px;
  text-align: center;
  padding: 6px;
  color: darkgray;
  cursor: pointer;
  background: white;
}

.quantity-selector--number {
  border: 1px solid #ccc;
  margin: 0 10px;
  font-size: 16px;
  text-align: center;
  padding: 5px 10px;
  font-weight: bold;
  background: white;
}

.quantity-selector--disabled {
  cursor: not-allowed;
  background-color: #f4f4f4;
  color: #AAAAAA;
}