@font-face {
    font-family: 'FrenchScriptMT';
    src: url('/static/fonts/frenchscriptmt.eot');
    src: url('/static/fonts/frenchscriptmt.eot?#iefix') format('embedded-opentype'),
         url('/static/fonts/frenchscriptmt.woff') format('woff'),
         url('/static/fonts/frenchscriptmt.ttf') format('truetype'),
         url('/static/fonts/frenchscriptmt.svg#frenchscriptmt') format('svg');
    font-weight: normal;
    font-style: normal;
}

html{
    /*background: #f5f5f5 url('/static/images/backs/green_dust_scratch.png') top left;*/
     background-color: white !important;
     background-image: none;/*url(/static/images/ev_bg.jpg);    
     background-image: -webkit-gradient(linear, left top, right top, from(#C3DF70), to(#528036)) !important;
     background-image: -moz-linear-gradient(left, #c3df70, #528036) !important;
     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#c3df70, endColorstr=#528036);
    */
}
body {
    background: none !important;
    position:relative;
}
#carousel, #homepage #load-carousel {
    width: 830px !important;
    float: left;
}
#homepage-sidebar{
    width: 100px;
    margin-left: 10px;
    float: left;
    height: 450px;
    margin-top: -10px;
}
.teachers-sidebar {
    width: 100px;
    float:right;
    margin-top: -10px;
    margin-right: 7px;
    /*position:fixed;
    top: 40%;
    left:80%;*/
}
.teachers-sidebar div {
    background: #F15A22;
    margin-top: 10px;
    color: white;
    text-align: center;
    display: table;
    cursor: pointer;
    padding: 10px;
}
.teachers-sidebar div p a{
    color: white !important;
}
#send-mail-modal .control-group.control {
    overflow: hidden;
}
#send-mail-modal .controls {
    overflow: hidden;
    /*padding-left: 55px;*/
}
#send-mail-modal img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 10px;
}
#send-mail-modal label {
    float: left;
    font-family: "PlutoCondRegular" !important;
    font-size: 14px !important;
}
.modal .header {
    overflow: hidden;
    background: rgba(241, 90, 34, 0.8);
    padding: 10px;
}
.modal .header p {
    float: left;
    color: white;
    font-size: large;
}
#students-form {
    border: 0px !important;
    clear: none !important;
    padding: 0px !important;
    margin: 0px;
}
.recommendations form {
    border: 0px !important;
    clear: none !important;
    padding: 0px !important;
}
#login_modal_container #login-signup-form {
    padding:0px !important;
    border:0px !important;
    margin: 0px !important;
}
#edit-timings-modal {
    width: 300px !important;
    left: 60% !important;
}
.attendance_form {
    clear: both;
    display: block;
    overflow-y: auto !important;
    max-height: 450px;
}
.modal form {
    padding: 25px 10px 10px;
    clear: both;
    overflow: hidden;
    border: 1px solid #333;
    border-top: 0px;
    margin: -1px;
}
#send-mail-modal a.btn {
    width: 115px;
    height: 20px;
    line-height: 20px;
    font-size: medium;
    float: right;
    margin-right: 28px;
}
#send-mail-modal input, #send-mail-modal textarea {
    width: 90% !important;
    float:left;
}
#homepage-sidebar div {
    background: #F15A22;
    height: 100px;
    margin-top: 10px;
    color: white;
    text-align: center;
    display: table;
    cursor: pointer;
}
#homepage-sidebar  div > p {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
}
#homepage-sidebar  div:hover {
    background: rgba(241,90,34,0.8);
    -moz-transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}
div#content {
    padding-bottom: 0px !important;
}
div#evd-notification {
    position: fixed;
    width: 380px;
    margin-left: -190px;
    left: 50%;
    top: 50%;
    margin-top: -64px;
    padding: 0px;
    border: 1px solid 
    white;
    background-image: url('/static/images/blackslate.png');
    z-index: 2000;
    height: 126px;
    display: table !important;
}
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 18px;
    color: #C09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
div#evd-notification a.close {
    right: 0px;
    top: -6px;
    color: #ddd;
    position: absolute;
    cursor: pointer;
}
.alert .close {
    position: relative;
    top: -2px;
    right: -21px;
    line-height: 18px;
}
.close {
    padding-top: 14px;
    padding-right: 10px;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: black;
    text-shadow: 0 1px 0 white;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
.alert {
    color: #C09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
div#evd-notification p {
    font-weight: normal;
    color: white;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 28px;
    width:360px;
    height:126px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
}
div#evd-notification.hide {
    display: none !important;
}
div#evd-notification div {
    position:relative;
    width:380px;
    height:126px;
}
.dashboard-breadcrumb {
  /*padding: 8px 15px;*/
  margin: 0 0 20px;
  list-style: none;
  /*background-color: rgba(119,118,118,0.8);*/
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  border: 1px solid #eee;
}

.dashboard-breadcrumb li {
  display: inline-block;
  /*text-shadow: 0 1px 0 #ffffff;*/
  zoom: 1;
  cursor:pointer;
}

.dashboard-breadcrumb > li {
    padding:8px 0px;
}
.dashboard-breadcrumb > li a {
}
.dashboard-breadcrumb > li > a {
    text-shadow: 0px 1px 0px #eee;
    font-weight: normal;
    color: #555 !important;

}
.dashboard-breadcrumb > li.header > a{
}
.dashboard-breadcrumb > li.header {
    padding-left:15px;
}
.dashboard-breadcrumb .divider {
  padding: 0 2px;
  color: #ccc;
}

.dashboard-breadcrumb .active {
  color: #999999;
}
.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle {
  margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
  outline: 0;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: -10px;
  z-index: 1000;
  display: none;
  float: left;
  padding: 5px 0;
  list-style: none;
  background-color: #FFEBCD;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  /*-webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;*/
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px !important;
  color: #333333;
  white-space: nowrap;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #f15a22;
  /*background-color: #0088cc;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);*/
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
  background-color: #0081c2;
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-repeat: repeat-x;
  outline: 0;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
  color: #999999;
}

.dropdown-menu .disabled > a:hover {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}

.open {
  *z-index: 1000;
}

.open > .dropdown-menu {
  display: block;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "\2191";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown .dropdown-menu .nav-header {
  padding-right: 20px;
  padding-left: 20px;
}
.dropdown-menu {
    overflow:hidden !important;
}
.dropdown-menu li {
    width:100% !important;
}
.dropdown-menu li a {
    color:black !important;
}
.dashboard-breadcrumb li a {
    /*color:white;*/
    text-decoration: none !important;
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  padding: 5px; 
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: visible;
}

.tooltip.in {
  opacity: 0.8; 
  filter: alpha(opacity=80);
}

.tooltip.top {
  margin-top: -3px;
}

.tooltip.right {
  margin-left: 3px; 
}

.tooltip.bottom {
  margin-top: 3px; 
}

.tooltip.left {
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px; 
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-color: #000000;
  border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-right-color: #000000;
  border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-left-color: #000000;
  border-width: 5px 0 5px 5px;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #000000;
  border-width: 0 5px 5px;
}
.evd.nav-tabs {
    border-bottom: 1px solid #DDD;
}
.evd.nav {
  background: rgba(241, 90, 34, 0.8);
  /*margin-bottom: 20px;*/
  margin-left: 0;
  list-style: none;
  padding: 5px;
}
.evd.nav-tabs > li {
  margin-bottom: -1px;
}
.evd.nav-tabs > li, .evd.nav-pills > li {
  float: left;
}
.evd.nav-tabs > li {
  line-height: 20px;
}
.evd.nav-tabs > .active > a, .evd.nav-tabs > .active > a:hover {
  cursor: default;
  color: white;
  /*background-color: white;
  color: #555;
  border: 1px solid #DDD;*/
  border-bottom-color: transparent;
}
.evd.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.evd.nav-tabs > li > a, .evd.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}
.evd.nav > li > a {
  display: block;
}
.evd.nav-tabs::before, .evd.nav-pills::before, .evd.nav-tabs::after, .evd.nav-pills::after {
  display: table;
  line-height: 0;
  content: "";
}
.evd.nav-tabs::after, .evd.nav-pills::after {
  clear: both;
}
.evd.nav-tabs::before, .evd.nav-pills::before, .evd.nav-tabs::after, .evd.nav-pills::after {
  display: table;
  line-height: 0;
  content: "";
}
.evd.tab-content {
  overflow: auto;
  padding:10px;
}
.evd.tab-content > .tab-pane, .evd.pill-content > .pill-pane {
  display: none;
}
.evd.tab-content > .active, .evd.pill-content > .active {
  display: block;
}


/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

/* css for time_slots widget */
div.timing-wrapper {
    overflow: hidden;
}
div.timing-wrapper select, div.time-wrapper a.btn{
    float: left;
}
div.timing-wrapper a.btn {
    line-height: 0px;
    width: 23px;
    height: 23px;
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    cursor: pointer;
}
div.timing-wrapper a.btn > span{
   padding-top: 11px;
}

/* calendar css */
#calendar {
    margin-bottom: 20px;
}
#students-table {
    font-size:15px !important;
}

/* tooltip */
.tooltip{
    z-index: 1500;
}
.tooltip.red > .tooltip-arrow, .tooltip.red > .tooltip-inner{
    background: #A00000;
}

/* form */
#login-signup-form small {
    margin-bottom: 20px;
    margin-top: -5px;
    color: #777;
}
small {
    display: block;
    clear: both;
}
#login-signup-form small.hide {
    display: none;
}

#login-modal {
    top: 50px;
}

.show-ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ui-widget-content .ui-icon {
    background-image:url("/static/images/ui-icons_222222_256x240.png") !important;
}
ul.submenu{
    border-top: 0px !important;
    top:70% !important;
    left:-1px !important;
}
.submenu li{
    margin: 0px !important;
    padding: 5px 0px !important;
    display: table-cell;
    vertical-align: middle;
    height: 20px !important;
    line-height: 20px !important;
    width:100%;
}
.submenu li:hover {
    //background:#f15a22;
}
.submenu li a{
    background:transparent !important;
    padding:0px 10px !important;
    width:100%;
}
li#logout {
    float:right;
    padding-right:15px;
}
.dashboard-notifications-container, .dashboard-calendar-container {
    padding-bottom:20px;
}
iframe.youtube-video-player {
    border: 1px solid #333 !important;
    box-shadow: 0px 2px 3px #333;
    -moz-box-shadow: 0px 2px 3px #333;
    -o-box-shadow: 0px 2px 3px #333;
    -webkit-box-shadow: 0px 2px 3px #333;
}
.select-box .icon {
    left:4px !important;
}
.select-box .custom-select li {
    padding:5px 0px 5px 20px !important;
}
ul.custom-select > li > span.dropdown {
    display: none;
}
ul.custom-select > li.focus-f > span.dropdown {
    display: inline;
}
#filter-top .select-box {
    margin-left:7px;
}
#filter-top{
    padding-top:10px;
}
#mystudents .select-box .custom-select li {
    width:459px !important;
}
#mystudents .select-box .dropdown {
    width:479px !important;
    height: 300px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}
#mystudents .select-box .dropdown a:hover {
    width:470px !important;
}
#mystudents .dk_options a, #mystudents .select-box .dropdown a {
    width:459px !important;
    padding:0px 0px 0px 10px;
}
.current_session_table .add-timing {
    height: 20px;
    line-height: 20px;
    cursor: pointer;
}
table.current_session_table {
    width:99%;
}
table.current_session_table thead tr {
    border-bottom: 1px solid #ccc;
}
table.current_session_table tr th, table.current_session_table tr td {
    text-align: center;
    padding-bottom:5px;
    font-size: 15px !important;
}
table.current_session_table tr td {
    padding-bottom:20px;
}
table.current_session_table tr:first-child td {
    padding-top:5px;
}
#mystudents {
    width: 750px !important;
    left:42% !important;
    top: 45% !important;
}
#mystudents a.btn {
    width:110px;
    height:25px;
    line-height:27px;
    font-size:15px;
    cursor:pointer;
    margin-bottom:10px;
    margin-right:20px;
}
#mystudents input {
    width:150px;
}

#add-course-modal {
    top: 40% !important;
}
#add-course-modal ul li {
    margin: 10px 0px;
    clear:both;
    overflow:hidden;
}
#add-course-modal ul li p {
    float:left;
    width:160px;
    padding-right: 15px;
}
.modify-btn {
    width: 120px;
    height: 25px;
    line-height: 25px;
    font-size: 18px;
    margin-right: 5px;
    float:right;
}
#select-center {
    width: 520px;
    margin: 20px 0px 20px 20px;
    text-align: center;
}
#mytopics-list {
    margin-left:50px;
    margin-bottom: 10px;
    list-style-type: square !important;
}
#mytopics-list a:hover {
    color: #f15a22 !important;
}
#mytopics-list a {
    color: #505050 !important;
}
.date-header {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}
.date-header > p {
    margin-left: 16px;
    font-size: 15px;
}
div.session {
    border-bottom: 1px solid #ccc;
    padding: 0px 10px;
    overflow: hidden;
}
div.session p.event-name {
    font-size: 13px;
    line-height: 1.35em;
}
.session a.tag {
    width: 116px;
    height: 10px;
    line-height: 10px;
    float: left;
    margin-left: 10px !important;
    background: #f36f3f !important;
    color: white !important;
    border-radius: 2px !important;
    padding: 3px !important;
    font-size: 12px !important;
}
.session a.tag:hover {
    color: white !important;
}
div.session a:hover {
    color: #f15a22 !important;
}
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
}
.ellipsis.multiline {
    white-space: normal;
}
/*.label, .badge {
    font-size: 10.998px;
    font-weight: bold;
    line-height: 14px;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    cursor: pointer;
}*/
.label {
    padding: 1px 4px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*{% if not is_teacher %}display:none {% endif %}*/
}
.label-success, .badge-success {
    background-color: #468847;
}
.label-success.disabled, .badge-success.disabled {
    background-color: #97C997;
    cursor: text;
}
.label-success.disabled {
    color:#505050;
}
.generalinfo p {
    padding-top:5px;
    font-size:13px;
}
.generalinfo p.title {
    color: #f15a22;
    float:left;
    width:115px;
}
div.general-information > p, div.preferences > p{
    font-size: 12px;
    margin: 5px 0px;
}
div.general-information {
    padding: 0px 10px;
    float: left;
    width: 340px;
}
div.user-block textarea {
    width: 350px !important;
    border-radius: 0px !important;
    font-size: 12px !important;
    margin-bottom: 0px !important;
}
div.user-block div.info {
    overflow: hidden;
    clear:both;
    width: 440px;
    /*text-align: center;*/
    padding: 10px 10px 0px 0px;
}
div.user-block div.general_info {
    width: 440px;
    overflow:hidden;
    padding: 0px 10px;
}
div.user-block div.info > p.email {
    font-size:14px;
    width:265px;
}
div.user-block div.info > p.phone {
    width: 170px;
    font-size:14px;
}
div.user-block div.info > p.email label, div.user-block div.info > p.phone label {
    font-size: 14px !important;
}
div.user-block div.info > p {
    width: 200px;
    float:left;
    word-wrap:break-word;
}
div.general-information > p {
    width: 150px;
    word-wrap: break-word;
    float: left;
}
div.general-information > p.username {
    width: 180px;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0px 0px 0px;
    color: #f15a22;
}
div.user-block label {
    font-family: 'PlutoCondRegular' !important;
    display: inline;
    color: #f15a02;
    font-weight: normal;
}
div.user-block > div {
    background: white;
}
.tooltip-inner {
    word-wrap: break-word !important;
}
.make-admin {
    border-radius: 7px;
    background: white;
}
.preferences h3, .current-courses p {
    color: #f15a22;
}
.note-box h3 {
    color: #f15a22;
    font-size: 14px;
}
.note-box a:hover, #calendar a:hover {
    color: #f15a22 !important;
    text-decoration: underline !important;
}
.note-box a.tag:hover, #calendar a.tag:hover {
    color: white !important;
    text-decoration: none !important;
}
.request-sent-btn:hover {
    background-color: #f15a22;
    color: white !important;
    cursor: pointer;
}