/***************/
/*  Variables  */
/***************/
/************/
/*  Mixins  */
/************/
.center {
  text-align: center;
}
.clickable {
  cursor: pointer;
}
.clr,
.clear {
  clear: both;
}
.col,
.col-2_5,
.col-5,
.col-10,
.col-15,
.col-20,
.col-25,
.col-30,
.col-33,
.col-35,
.col-39,
.col-40,
.col-45,
.col-50,
.col-55,
.col-58,
.col-60,
.col-67,
.col-70,
.col-75,
.col-80,
.col-85,
.col-90 {
  float: left;
}
.rcol {
  float: right;
}
.col-2_5 {
  width: 2.5%;
}
.col-5 {
  width: 4.9%;
}
.col-10 {
  width: 9.9%;
}
.col-15 {
  width: 14.9%;
}
.col-20 {
  width: 19.9%;
}
.col-25 {
  width: 25%;
}
.col-30 {
  width: 30%;
}
.col-33 {
  width: 33%;
}
.col-35 {
  width: 35%;
}
.col-39 {
  width: 39%;
}
.col-40 {
  width: 40%;
}
.col-45 {
  width: 44.9%;
}
.col-50 {
  width: 49.9%;
}
.col-55 {
  width: 55%;
}
.col-58 {
  width: 58%;
}
.col-60 {
  width: 59.9%;
}
.col-67 {
  width: 66.9%;
}
.col-70 {
  width: 69.9%;
}
.col-75 {
  width: 74.9%;
}
.col-80 {
  width: 79.9%;
}
.col-85 {
  width: 84.9%;
}
.col-90 {
  width: 89.9%;
}
.hidden {
  display: none;
}
.inline {
  display: inline-block;
}
.right {
  text-align: right;
}
/* LESS Mixins */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .clearfix {
  display: block;
}
* html .clearfix {
  height: 1%;
}
/*
.clearfix {
  zoom: 1; // IE < 8

  &:before, &:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
  }

  &:after {
    clear: both;
  }
}
*/
.faux-active:hover {
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  -webkit-opacity: 0.9;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.faux-active:active {
  position: relative;
  top: 1px;
}
.ditki-input {
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  padding: 5px;
}
.offset-left-5 {
  margin-left: 5%;
}
.offset-left-10 {
  margin-left: 10%;
}
.offset-left-15 {
  margin-left: 15%;
}
.dialog-form {
  margin: 10px auto 0 auto;
  width: 90%;
}
.dialog-form a.add-control {
  border-bottom: 1px dotted #2d8dbe;
  color: #2d8dbe;
  font-size: 12px;
  float: right;
  margin-top: 5px;
}
.dialog-form label {
  display: block;
  font-weight: bold;
  margin-top: 5px;
}
.dialog-form input {
  padding: 5px;
  width: 96%;
}
.dialog-form input.error-input {
  background-color: #FFDDDD;
  border: 1px dotted #CC0000;
}
.dialog-form input.error-input ::-webkit-input-placeholder {
  color: "#CC0000";
  font-family: "inherit";
  font-size: "inherit";
  font-style: "normal";
  line-height: "inherit";
}
.dialog-form input.error-input :-moz-placeholder {
  /* Firefox 18- */

  color: "#CC0000";
  font-family: "inherit";
  font-size: "inherit";
  font-style: "normal";
  line-height: "inherit";
}
.dialog-form input.error-input ::-moz-placeholder {
  /* Firefox 19+ */

  color: "#CC0000";
  font-family: "inherit";
  font-size: "inherit";
  font-style: "normal";
  line-height: "inherit";
}
.dialog-form input.error-input :-ms-input-placeholder {
  color: "#CC0000";
  font-family: "inherit";
  font-size: "inherit";
  font-style: "normal";
  line-height: "inherit";
}
.password-dialog {
  min-height: 50px !important;
}
.password-dialog.error label {
  font-color: #CC0000;
}
.password-dialog label {
  display: block;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.password-dialog input[type='password'] {
  outline: none;
  padding: 5px;
  width: 95%;
}
.saved-drawing {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  float: left;
  margin-bottom: 10px;
  padding: 10px;
  padding-bottom: 5px;
  position: relative;
}
.saved-drawing a {
  cursor: pointer;
}
.saved-drawing .delete-control {
  background: url('/images/v3/close.png') no-repeat;
  cursor: pointer;
  display: none;
  height: 15px;
  position: absolute;
  right: 10px;
  text-indent: -9999px;
  top: 10px;
  width: 15px;
  z-index: 2;
}
.saved-drawing:hover .delete-control {
  display: block;
}
.saved-drawing:nth-child(odd) {
  margin-right: 15px;
}
.saved-drawing img {
  display: block;
}
.saved-drawing span {
  color: #999999;
  display: block;
  font-size: 11px;
  margin-top: 5px;
  text-align: center;
}
.ui-widget-overlay {
  background: rgba(35, 35, 36, 0.9);
}
.ui-dialog {
  background: #f8f8f8;
  font-family: 'Roboto';
  padding: 0;
  border: 0;
  box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.3);
}
.ui-dialog * {
  font-family: 'Roboto';
}
.ui-dialog h1 {
  font-size: 20px;
  position: relative;
  text-align: center;
  top: -10px;
}
.ui-dialog input ::-webkit-input-placeholder {
  color: "#CCCCCC";
  font-family: "Roboto";
  font-size: "12px";
  font-style: "normal";
  line-height: "12px";
}
.ui-dialog input :-moz-placeholder {
  /* Firefox 18- */

  color: "#CCCCCC";
  font-family: "Roboto";
  font-size: "12px";
  font-style: "normal";
  line-height: "12px";
}
.ui-dialog input ::-moz-placeholder {
  /* Firefox 19+ */

  color: "#CCCCCC";
  font-family: "Roboto";
  font-size: "12px";
  font-style: "normal";
  line-height: "12px";
}
.ui-dialog input :-ms-input-placeholder {
  color: "#CCCCCC";
  font-family: "Roboto";
  font-size: "12px";
  font-style: "normal";
  line-height: "12px";
}
.ui-dialog .ui-dialog-titlebar {
  display: none;
}
.ui-dialog .ui-dialog-content {
  padding: 0;
}
.modal-heading,
.modal-body {
  padding: 20px;
}
.modal-heading {
  background: #2d8dbe;
  padding: 10px 20px;
}
.modal-heading h2 {
  color: #ffffff;
}
.ui-dialog-buttonpane {
  background-color: #DDDDDF;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ui-dialog-buttonset .ui-button {
  background: #ebebeb;
  color: #5f5f5f;
  border: 0;
  font-weight: normal;
  outline: none;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.3);
  line-height: 100%;
}
.ui-dialog-buttonset .ui-button span {
  line-height: 100%;
  padding: 0.6em 1em;
}
.ui-dialog-buttonset .ui-button:hover {
  color: #3c3c3c;
  border-color: rgba(0, 0, 0, 0.4);
}
.ui-dialog-buttonset .ui-button:active {
  background: rgba(51, 51, 51, 0.1);
  color: #2d2d2d;
  border-color: rgba(0, 0, 0, 0.5);
}
.ui-dialog-buttonset .ui-button:first-child {
  background: #2d8dbe;
  color: white;
}
.ui-dialog-buttonset .ui-button:first-child:hover {
  background: #359bcf;
}
.ui-dialog-buttonset .ui-button:first-child:active {
  background: #236e95;
}
/* Institutional section modals =============== */
.ui-dialog,
.ui-dialog-content,
.modal-dialog,
#invite-course-director-dialog {
  position: relative;
  border: 0;
  padding: 0;
  overflow: visible;
  zoom: 1;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.modal-heading {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}