/**
 * LFO common style sheet
 * Created by: Carl Burnstein
 * 
 * Generic theme color palette:
 * 
 * LFO Green #7BC950
 * LFO Blue #348AA7
 * Accent Purple #525174
 * Accent Mint #91F5AD
 * Accent Neon #C2E812
 * Text white #FFFFFF
 * Light gray #E5E5E5
 * Dark gray #606060
 * Darker gray #282828
 * 
 */

html,body{
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Nunito', sans-serif;
    font-weight:700;
}
.container-fluid{
    padding-right:0px;
    padding-left:0px;
}
.navbar{
	/*background-color:#bce784;*/
	/*background-color:#5dd39e;*/
	background-color:#7BC950;
	height:60px;
}
.navbar-brand{
	padding:10px 15px;	
}
.navbar-brand img{
	/*background-image:url("/-/linguafolio/common/images/LFO-header-new-white.png");*/
	/*background-repeat:no-repeat;*/
	/* background-position: 50px 10px; */ 
	/*width:170px;*/
	height:41px;
}
.navbar-inverse {
	border:none;
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a{
	color:#ffffff;
	font-size:16px;
	border-right:2px;
}
.navbar-right > .dropdown{
	height: 45px;
}

.navbar-nav > .dropdown > .dropdown-toggle > b{
    display:none;
} 
.navbar-nav > .dropdown > .dropdown-toggle{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    font-size:25px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.navbar-nav > .dropdown > .dropdown-toggle:before{
    content: "\e236";
}
.navbar-nav > .dropdown.no-toggle > .dropdown-toggle > .caret{
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid \9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	display:inline-block;
}
.navbar-nav > .dropdown > .dropdown-toggle > .caret{
	border:none;
	display:inline;
}
.navbar-nav > .dropdown.no-toggle > .dropdown-toggle{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size:16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.navbar-nav > .dropdown.no-toggle > .dropdown-toggle:before{
    content: "";
}
.dropdown-menu > .active > a{
	color:#348AA7 !important;
	background-color:#7BC950;
}
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{
	color:#ffffff !important;
	background-color:#348AA7;
}
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus{
	color:#348AA7 !important;
	background-color:inherit !important;
}

.navbar-nav > li > .dropdown-menu{
	background-color:#7BC950;
	margin-top: 5px;
	border-top:none;
}
.navbar-nav > li > .dropdown-menu > li > a{
	color:#ffffff;
	font-size:16px;
}
.navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-nav > li > .dropdown-menu > li > a:focus{
	background-color:#348AA7;
	color:#ffffff !important;
}
.navbar-right{
	margin-top:10px;
	height:100%;
} 
.navbar-inverse .navbar-nav > li > a{
	/*border-radius:10px 10px 0px 0px;*/
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus{
	background-color:#7BC950;
	color:#348AA7;
	font-weight:bold;
}
#mainBackground{
	/*background-color:#b2c8a9;*/
}
#mainContainer{
	margin-top:50px;
	padding:0px;
	/*padding-right:60px;
	padding-left:100px;
	padding-top:20px;*/
	min-height:768px;
	background-color:#ffffff;
}
#leftMenu{
    padding:0px;
	position:fixed;
	top:300px;
	left:0;
	z-index:200;
	max-width:60px;
	min-width:60px;
    /*background-color:#bce784;*/
   /*background-color:#5dd39e;*/
   background-color:#bfbfbf;
}
#leftMenuCareerEvidence{
    padding:1em;
	position:fixed;
	top:300px;
	left:0;
	z-index:200;
	max-width:200px;
	min-width:60px;
    /*background-color:#bce784;*/
   /*background-color:#5dd39e;*/
   background-color:#dadada;
}
.footer{
    position:relative;
    z-index:10
}
.mainNav{
	max-width:400px;
}

.mainNav li,
.mainNav li a{
	height:50px;
}

.mainNav li a{
	padding:10px;
	font-size:18px;
	text-align:center;
	color:#000000;
	border-radius:0px;
	/*border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	margin-right:15px;*/
	border-bottom:2px solid rgb(233,233,233);
}
.mainNav > li > .tooltip > .tooltip-inner{
    white-space: nowrap;
}

.nav-stacked > li + li{
    margin-top:0px;
}
.mainNav > li.active > a, 
.mainNav > li.active > a:hover, 
.mainNav > li.active > a:focus{
	color: #fff;
	background-color: #666666;
	border-right:6px solid #5dd39e;
}

.mainNav > li > a:hover, 
.mainNav > li > a:focus{
	text-decoration: none;
	cursor:pointer;
	color:#fff;
	background-color: #348AA7;
}
.wrap > .container{
	padding: 110px 15px 20px !important;
}
.navbar-nav > li > a{
    padding-top:10px;
    padding-bottom:10px;
}

.btn-theme{
    color:#fff;
    background-color:#7BC950;
    border-color:#61b036;
}
.btn-theme:hover, 
.btn-theme:focus, 
.btn-theme:active, 
.btn-theme.active,
.btn-theme:active:hover, 
.btn-theme.active:hover{
    background-color:#7BC950;
}
.btn-lfo{
	color: #000;
	background-color: #C9D8C3;
	border-color: #b2c8a9;
}
.btn-lfo:hover, 
.btn-lfo:focus, 
.btn-lfo:active, 
.btn-lfo.active,
.btn-lfo:active:hover, 
.btn-lfo.active:hover
{
	background-color:#b2c8a9 !important;
	border-color:#b2c8a9;
	color:#000000;
}

.btn-st{
	color: #ffffff;
	background-color: #87B0C7;
	border-color: #97A5AC;
}
.btn-st:hover, 
.btn-st:focus, 
.btn-st:active, 
.btn-st.active,
.btn-st:active:hover, 
.btn-st.active:hover
{
	background-color:#7A9EB3 !important;
	border-color:#97A5AC;
	color:#ffffff;
}

.btn-ospi{
	color: #ffffff;
	background-color: #944D94;
	border-color: #660066;
}
.btn-ospi:hover, 
.btn-ospi:focus, 
.btn-ospi:active, 
.btn-ospi.active,
.btn-ospi:active:hover, 
.btn-ospi.active:hover
{
	background-color:#660066 !important;
	border-color:#660066;
	color:#ffffff;
}

.btn-sc{
	color: #ffffff;
	background-color: #0272a7;
	border-color: #013953;
}
.btn-sc:hover, 
.btn-sc:focus, 
.btn-sc:active, 
.btn-sc.active,
.btn-sc:active:hover, 
.btn-sc.active:hover
{
	background-color:#80B8D3 !important;
	border-color:#013953;
	color:#ffffff;
}

.btn-ccisd{
	color: #ffffff;
	background-color: #65aae1;
	border-color: #0f489b;
}
.btn-ccisd:hover, 
.btn-ccisd:focus, 
.btn-ccisd:active, 
.btn-ccisd.active,
.btn-ccisd:active:hover, 
.btn-ccisd.active:hover
{
	background-color:#0f489b !important;
	border-color:#0f489b;
	color:#ffffff;
}

.btn-xl{
	padding:50px 20px;
	border:2px dashed gray;
	color:gray;
	font-size:16px;
	min-width:200px;
	text-align:left;
}
.btn-xl span{
	font-size:40px;
	margin-right:5px;
	vertical-align:middle;
}

#rectangles{
	width:410px;
	height:410px;
	margin-right:auto;
	margin-left:auto;
}
#rectangles > a{
	text-decoration:none;
}
#rectangles > a > div{
	width:300px;
	height:150px;
	font-size:28px;
	margin-right:auto;
	margin-left:auto;
}

#squares{
	width:410px;
	height:410px;
	margin-right:auto;
	margin-left:auto;
}
#squares > div,
#squares > a > div{
	width:200px;
	height:200px;
	display:block;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

#customLFOButton{
	color:#000;
	text-decoration:none;
}

.sectionPopover{
	width:200px;
}

.userProfilePic{
		
}
#profilePicWrapper{
	width:150px;
	cursor:pointer;
}
#profilePicWrapper:hover,
#profilePicWrapper:focus,
#profilePicWrapper:active{
	
}
#profilePicWrapper > #editPic{
	background-color:#ddd;
	width:60px;
	text-align:center;
	font-weight:bold;
	position:relative;
	left:90px;
	bottom:20px;
}



/** Style for activity feed **/
#activityFeedContainer{
    /* width:50%; */
    /* margin:0px auto; */
    margin-bottom:30px;
}
.activityCard{
    background-color:#fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    -webkit-border-radius: 3px;
    margin:10px 10px 0px 10px;
    padding:10px;
}
.activityUser{
    font-size:14px;
}
.activityCard p{
    font-size:14px;
    padding:0px;
}
.activityCard a,
.existingComment a{
    font-weight:bold;
    /*color: #3b5998;*/
    cursor: pointer;
    text-decoration: none;
}
.activityCard h6{
    padding:0px 0px 5px 0px;
    display:inline;
    font-size:12px;
}
.activityCard img{
    max-width:450px;
    max-height:450px;
}
.activityCommentCard .reviewButton{
    position:relative;
    top:-30px;
   /* left:89%; */
    
}
.activityCommentCard .rateButton{
    margin-bottom:0px;
    padding-bottom:0px;
    line-height:1em;
    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
}
.activityCommentCard{
    /*background-color:#f6f7f8;*/
    /*border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;*/
    -webkit-border-bottom-radius: 3px;
    border-top:none;
    margin:0px 10px;
    padding:10px;
    /* min-height:60px; */
}
.newCommentWrapper {
    /* height:auto; */
}
.activityCommentCard input,
.activityCommentCard textarea{
    margin-left:6%;
    max-width:50%;
    height:40px;
}
.activityCommentCard textarea{
    
}
.activityCommentCard select{
    max-width:26%;
    position:relative;
    top:-33px;
    right:3%;
}
.activityCommentCard .userProfilePic,
.newCommentWrapper .userProfilePic{
    margin-top:3px;
    width:25px !important;
    height:25px !important;
    float: left;
}
.existingComment a{
    margin-left:10px;
}
.existingCommentWrapper .userProfilePic{
    width:50px !important;
    height:50px !important;
    float:left;
    margin-right:10px;
}
#activityFeedFilterContainer{
    margin-top:10px;
    margin-left:20px;
    /*border: 1px solid black;
    min-height:250px;*/
    position:fixed;
}
@media screen and (max-width: 992px) {
    #activityFeedFilterContainer{
        position:relative;
    }
}
#activityFeedFilterContainer h4{
    font-size:14px;
}
#activityFeedFilterContainer a{
    font-size:12px;
    font-weight:600;
}
#activityFeedFilterContainer .well{
    
}
.sectionFilter{
    /*padding:5px;*/
}
.activityCard .popover,
.displayedStudents .popover{
    width:600px;
    max-width:600px;
    /*max-height:400px;*/
    /*overflow:scroll;*/
}
.activityCard .popover-content,
.displayedStudents .popover-content{
    /* width:550px; */
    max-width:600px;
}

#activityFeedPassport .passportModalMainGroup{
    width:100%;
    float:none;
    z-index:1000;
}
#activityFeedPassport .modal-content{
    min-width:720px;
}
.evidenceModalButton{
    
}
#activityFeedEvidenceListPopoverContent{
    z-index:1000;
}
#recentEvidenceButton,
#recentEvidenceButton:hover,
#recentEvidenceButton:active{
    text-decoration:none !important;
    color:#ffffff !important;
    font-size: 18px !important;
    font-weight: normal !important;
}
.evidenceImg{
    max-width:550px;
}

.recentEvidencePopover{
	z-index:inherit;
	max-width:350px;
}

#dashboardWrapper{
	min-height:300px;
	margin-left: 20px;
}
#uploadEvidence{
    background-color:#666666;
}

#uploadEvidence h3{
	color:#ffffff;
}

#evidenceResults	{
	min-height: 824px;
}

#profileDiv{
	padding:20px;
}
#profilePicWrapper{
	margin-right:15px;
}
#profileLangs{
	max-width:200px;
	margin-left:165px;
	max-height:100px;
	overflow:scroll;
}
#langListWrapper{
	border:1px solid black;
	margin-left:165px;
	padding:5px;
	max-width:225px;
}
.langList{
	margin-left:25px;
}
#profileActivityFeedWrapper{
	margin-top:20px;
	margin-bottom:40px;
	padding:0px 0px 10px 0px;
}
#profileActivityFeedWrapper .panel-body{
	max-height:600px;
	overflow:scroll;
}

/*** Buttons ***/
.evidenceButton{
	/*width:200px;*/
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808;
}
.lfo-btn{
    background-color:#7BC950;
    color:#ffffff !important;
    border-color:#569c30;
    text-docaration:none;
}
.lfo-btn:hover, 
.lfo-btn:focus, 
.lfo-btn:active, 
.lfo-btn.active
{
    background-color:#569c30;
    border-color:#569c30;
    color:#ffffff;
}
.lfo-btn-burgundy{
    background-color:#561d25;
    color:#ffffff !important;
    border-color:#45171E;
    text-docaration:none;
}
.lfo-btn-burgundy:hover, 
.lfo-btn-burgundy:focus, 
.lfo-btn-burgundy:active, 
.lfo-btn-burgundy.active
{
    background-color:#4f121a;
    border-color:#45171E;
    color:#ffffff;
}

.lfo-btn-orange{
    background-color:#f46036;
    color:#ffffff !important;
    border-color:#C34D2B;
    text-docaration:none;
}
.lfo-btn-orange:hover, 
.lfo-btn-orange:focus, 
.lfo-btn-orange:active, 
.lfo-btn-orange.active
{
    background-color:#e8491c;
    border-color:#C34D2B;
    color:#ffffff;
}

.lfo-btn-yellow{
    background-color:#f9c80e;
    color:#000000 !important;
    border-color:#C7A00B;
    text-docaration:none;
}
.lfo-btn-yellow:hover, 
.lfo-btn-yellow:focus, 
.lfo-btn-yellow:active, 
.lfo-btn-yellow.active
{
    background-color:#e7b700;
    border-color:#C7A00B;
    color:#000000;
}

.lfo-btn-purple{
    background-color:#5f5aa2;
    color:#ffffff !important;
    border-color:#4C4882;
    text-docaration:none;
}
.lfo-btn-purple:hover, 
.lfo-btn-purple:focus, 
.lfo-btn-purple:active, 
.lfo-btn-purple.active
{
    background-color:#484393;
    border-color:#4C4882;
    color:#ffffff;
}

.lfo-btn-magenta{
    background-color:#d54160;
    color:#ffffff !important;
    border-color:#AA344D;
    text-docaration:none;
}
.lfo-btn-magenta:hover, 
.lfo-btn-magenta:focus, 
.lfo-btn-magenta:active, 
.lfo-btn-magenta.active
{
    background-color:#c82a4b;
    border-color:#AA344D;
    color:#ffffff;
}

.lfo-btn-forrestGreen{
    background-color:#455707;
    color:#ffffff !important;
    border-color:#374606;
    text-docaration:none;
}
.lfo-btn-forrestGreen:hover, 
.lfo-btn-forrestGreen:focus, 
.lfo-btn-forrestGreen:active, 
.lfo-btn-forrestGreen.active
{
    background-color:#334300;
    border-color:#374606;
    color:#ffffff;
}

.lfo-btn-deepPurple{
    background-color:#45062e;
    color:#ffffff !important;
    border-color:#370525;
    text-docaration:none;
}
.lfo-btn-deepPurple:hover, 
.lfo-btn-deepPurple:focus, 
.lfo-btn-deepPurple:active, 
.lfo-btn-deepPurple.active
{
    background-color:#2b001b;
    border-color:#370525;
    color:#ffffff;
}
.lfo-btn-brightPurple{
    background-color:#a6069e;
    color:#ffffff !important;
    border-color:#85057E;
    text-docaration:none;
}
.lfo-btn-brightPurple:hover, 
.lfo-btn-brightPurple:focus, 
.lfo-btn-brightPurple:active, 
.lfo-btn-brightPurple.active
{
    background-color:#6f0269;
    border-color:#85057E;
    color:#ffffff;
}
.lfo-btn-pastelYellow{
    background-color:#fffd82;
    color:#000000 !important;
    border-color:#CCCA68;
    text-docaration:none;
}
.lfo-btn-pastelYellow:hover, 
.lfo-btn-pastelYellow:focus, 
.lfo-btn-pastelYellow:active, 
.lfo-btn-pastelYellow.active
{
    background-color:#e8e651;
    border-color:#CCCA68;
    color:#000000;
}
.lfo-btn-pastelGreen{
    background-color:#acfdc7;
    color:#000000 !important;
    border-color:#8ACA9F;
    text-docaration:none;
}
.lfo-btn-pastelGreen:hover, 
.lfo-btn-pastelGreen:focus, 
.lfo-btn-pastelGreen:active, 
.lfo-btn-pastelGreen.active
{
    background-color:#7de6a0;
    border-color:#8ACA9F;
    color:#000000;
}

.lfo-btn-darkBlue{
    background-color:#0D3B66;
    color:#000000 !important;
    border-color:#092744;
    text-docaration:none;
}
.lfo-btn-darkBlue:hover, 
.lfo-btn-pdarkBlue:focus, 
.lfo-btn-darkBlue:active, 
.lfo-btn-darkBlue.active
{
    background-color:#0D3B66;
    border-color:#092744;
    color:#000000;
}

/** Evidence Upload Form **/
	
.evidenceUploadForm{
	display:none;
	/*min-height:580px;*/
	padding:10px;
}
.evidenceUploadForm h3{
	margin-top:0px;
}
#evidence-modes-levels{
	min-height:500px;
}
.round-button {
	width:25%;
	float:left;
	margin:20px;
}
.round-button-circle {
	width: 160px;
	height:0;
	padding-bottom: 100%;
    border-radius:180px;
	border:10px solid #cfdcec;
    overflow:hidden;
    
    background: #4679BD; 
    box-shadow: 0 0 3px gray;
}
.round-button-circle:hover,
.level-selected {
	background:#30588e;
}
.round-button a {
    display:block;
	float:left;
	position:relative;
	left:-20px;
	top:5px;
	width:100%;
	padding-top:40%;
    padding-bottom:50%;
	line-height:1em;
	margin-top:-0.5em;
    
	text-align:center;
	color:#e2eaf3;
    font-family:Verdana;
    font-size:1.0em;
    font-weight:bold;
    text-decoration:none;
}
.pill-button {
	width:160px;
	padding-bottom: 40%;
	padding-top:0px;
	border:5px solid #cfdcec;
}
.pill-button a{
	padding:12%;
}
.mlPill{
	margin-right:10px;
}
#levelButtons{
	display:none;
}
.langButton{
    width:150px;
    margin-bottom:10px;
}
.candoDropdownButton{
    width:100px;
}
.login_cando{
    margin-bottom:20px;
}

#joinCodeWrapper,
.joinCodeWrapper{
    padding:30px;
    border:2px dashed black;
    border-radius:10px;
}
.joinCodeGreen{
    background-color:rgb(182,215,168);
}
.joinCodeOrange{
    background-color:#f9cb9c;
}
#joinCodeWrapper .form-group,
#joinCodeWrapper p{
    margin-bottom:0px;   
}

.evidenceButtonGroup{
	
}
.evidenceButtonGroup > .btn{
	font-size:18px;
	padding:25px 24px;
	border:none;
	border-right:2px dashed gray;
}
.evidenceButtonGroup span{
	font-size:30px;
	vertical-align: middle;
}

.evidenceButtonWrapper{
	width:100%;
	text-align:center;
	margin-bottom:40px;
}
.btn-evidence{
	font-size:32px;
	/*padding:25px 24px;*/
	width:100px;
	height:100px;
	color:#ffffff;
	border-radius:50%;
	border:none;
	text-align:center;
	/*margin-right:20px;*/
	margin:0px 5px;
}
.btn-evidence > span{
	font-size:38px;
	line-height:2.2;
}
.btn-evidence > span.lfo-glyph-evidence1,
.btn-evidence > span.lfo-glyph-evidence2,
.btn-evidence > span.lfo-glyph-evidence3{
    position: relative;
    top: -20px;
}
.btn-evidence > span.lfo-glyph-evidence1{
    left:-5px;
}

@media screen and (max-width: 768px) {
	.btn-evidence{
    	width:70px;
    	height:70px;
    	padding:12px 20px;
    }
    .btn-evidence > span{
    	font-size:32px;
    	line-height:1.2;
    }
    #searchTypes > .btn-evidence > span{
    	line-height:2.2;
    }
}

#myProficiency{
	min-height:300px;
	background-color:#f2f2f2;
	padding-bottom:50px;
}

#myAssignments{
	min-height:300px;
	background-color:#d9d9d9;
}

#myTargets{
	min-height:300px;
	background-color:#d9d9d9;
}
#reflection{
	min-height:300px;
	background-color:#EAEAEA;
}
#candoTypes{
	min-height:80px;
	background-color:#e5e5e5;
}
.modal-content{
	text-align:left;
}
.canDoProgressBar{
    width:200px;
    margin-top:15px;
}
.canDoProgressBar div{

}
.cando-status{
    display:inline;
    margin-right:5px;
}
.cando-status-career{
    display:inline;
    /* margin-right:5px; */
}
.cando-status-sidebar	{
	margin-top: -1em;
}
.uploadBodyWrapper{
    min-height: 480px;
}
.progressWrapper{
    /*position: fixed;
    width: 90%;
    bottom: 10px;  */ 
}
/** Circle styles for mode buttons **/

.circle-container{
    width:100%;
    /*height:400px;*/
    /*border: 1px dashed black;
    border-radius:50%;*/
   /*margin-bottom:200px;*/
   text-align:center;
   position:relative;
}
.circle-container a{
    width:80px;
    height:80px;
    /*border:1px solid black;*/
   text-align:center;
}
.mode-button{
	margin:5px;
	padding-right:75px;
	border-radius:10px;
}
.mode-button.selected{
    background-color:#d9d9d9;
}
#modeSelected{
    position:relative;
    text-align:center;
    top:50%;
}
.m1{
    position:absolute;
    top:5%;
    right:30%;
}
.m2{
    position:absolute;
    top:40%;
    right:15%; 
}
.m3{
    position:absolute;
    bottom:15%;
    right:45%;
}
.m4{
    position:absolute;
    top:40%;
    left:10%;
}
.m5{
    position:absolute;
    top:5%;
    left:25%;
}
.levelToggleContainer{
    width:100%;
    margin-bottom: 80px;
}
.levelToggleContainer{
    /*display:inline-block;
    width:20%;
    height:60px;
    border:1px solid black;
    text-align:center;
    padding-top:20px;
    background-color:#ffffff;*/
}
.level-toggle{
    /*width:30% !important;*/
    position:relative;
    z-index:50;
    height:80px;
    text-align:center;
    padding-top:15px;
    margin:0px auto;
    font-size:18px;
    font-weight:500;
    /*border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius:10px;
    border-bottom-left-radius:10px;
    background-color:#8bd52a !important;*/
}
#assignCandoLevels > div{
	margin-right:5px;
	margin-bottom:5px;	
}
#assignCandoLevels > div > .level-toggle{
	font-size:15px;
	height:40px;
	padding-top:8px;
}
#assignCandoLevels > div > .level-toggle.active,
#assignCandoLevels > div > .level-toggle:hover,
#assignCandoLevels > div > .level-toggle:focus,
#assignCandoLevels > div > .level-toggle:active{
	color:#ffffff;
	background-color:#000000;
}
#searchPageWrapper{
	background-color:#EAEAEA;
}
#searchModes{
	padding:0px;
}
#searchLevels{
	padding:0px;
}
#searchLevels > .level-toggle{
	/*width:31%;*/
	margin-right:0px;
	margin-bottom:10px;
	padding:18px 6px;
	font-size:16px;
	text-align:center;
	border-style:solid;
	border-width:2px;
	color:#000000;
	background-color:#ffffff;
	border-radius:10px;
	cursor:pointer;
	height:60px;
}
#searchLevels > .level-toggle.active,
#searchLevels > .level-toggle:hover,
#searchLevels > .level-toggle:focus,
#searchLevels > .level-toggle:active{
	color:#ffffff;
	background-color:#000000;
}
#searchTypes{
	padding:0px;
}
#searchTypes > .evidenceButton{
	width:50px;
	height:50px;
	padding:0px;
	margin-bottom:5px;
	font-size:12px;
	text-align:center;
	line-height:1;
}
#searchTypes > .evidenceButton > span{
	font-size:22px;
}
#searchTypes > .evidenceButton.active{
	/*border:2px solid #000;*/
}
#spinnerTarget{
	width:100px;
	height:100px;
	position:realtive;
	margin:0px auto;
}
#showEvidenceButtons{
	cursor:pointer;
	font-size:22px;
	position:relative;
	top:-10px;
	left:-10px;
}
#searchPageEvidenceButtons{
	display:none;
}
#searchPageEvidenceButtons > .evidenceButtonWrapper > .evidenceButton{
	width:70px;
	height:70px;
	padding:0px;
	margin-bottom:5px;
	font-size:12px;
	text-align:center;
	line-height:1;
}
#searchPageEvidenceButtons > .evidenceButtonWrapper > .evidenceButton > span{
	font-size:30px;
}
.subLevelContainer{
	/*display:none;*/
	width: 100%;
	display:block;
	margin-top:10px;
	text-align:center;
}
.next-level-right,
.next-level-left{
	display:none;
	height:60px;
	padding-top:20px;
}
#novice_button,
.novice_button{
	border:2px solid #86E253;
	border-radius:10px;
	color:#86E253;
}
#novice_button:hover,
#novice_button:active,
#novice_button:focus,
#novice_button.selected,
#noviceLevel .level-low:hover,
#noviceLevel .level-low:active,
#noviceLevel .level-low:focus,
#noviceLevel .level-low.selected,
#noviceLevel .level-mid:hover,
#noviceLevel .level-mid:active,
#noviceLevel .level-mid:focus,
#noviceLevel .level-mid.selected,
#noviceLevel .level-high:hover,
#noviceLevel .level-high:active,
#noviceLevel .level-high:focus,
#noviceLevel .level-high.selected,
.novice_level,
#novice_button.active,
.novice_button:hover,
.novice_button:active,
.novice_button:focus,
.novice_button.active,
.indv-level-toggle-button.novice_button.selected{
	background-color:#86E253 !important;
	color:#ffffff;
	cursor: pointer;
}
#noviceLevel .level-low,
#noviceLevel .level-mid,
#noviceLevel .level-high{
	border:2px solid #86E253;
	color:#86E253;
}
#intermediate_button,
.intermediate_button{
	border:2px solid #15AF65;
	border-radius:10px;
	color:#15AF65;
}
#intermediate_button:hover,
#intermediate_button:active,
#intermediate_button:focus,
#intermediate_button.selected,
#intermediateLevel .level-low:hover,
#intermediateLevel .level-low:active,
#intermediateLevel .level-low:focus,
#intermediateLevel .level-low.selected,
#intermediateLevel .level-mid:hover,
#intermediateLevel .level-mid:active,
#intermediateLevel .level-mid:focus,
#intermediateLevel .level-mid.selected,
#intermediateLevel .level-high:hover,
#intermediateLevel .level-high:active,
#intermediateLevel .level-high:focus,
#intermediateLevel .level-high.selected,
.intermediate_level,
#intermediate_button.active,
.intermediate_button:hover,
.intermediate_button:active,
.intermediate_button:focus,
.intermediate_button.active,
.indv-level-toggle-button.intermediate_button.selected{
	background-color:#15AF65 !important;
	color:#ffffff;
	cursor: pointer;
}
#intermediateLevel .level-low,
#intermediateLevel .level-mid,
#intermediateLevel .level-high{
	border:2px solid #15AF65;
	color:#15AF65;
}
#advanced_button,
.advanced_button{
	border:2px solid #007B9E;
	border-radius:10px;
	color:#007B9E;
}
#advanced_button:hover,
#advanced_button:active,
#advanced_button:focus,
#advanced_button.selected,
#advancedLevel .level-low:hover,
#advancedLevel .level-low:active,
#advancedLevel .level-low:focus,
#advancedLevel .level-low.selected,
#advancedLevel .level-mid:hover,
#advancedLevel .level-mid:active,
#advancedLevel .level-mid:focus,
#advancedLevel .level-mid.selected,
#advancedLevel .level-high:hover,
#advancedLevel .level-high:active,
#advancedLevel .level-high:focus,
#advancedLevel .level-high.selected,
.advanced_level,
#advanced_button.active,
.advanced_button:hover,
.advanced_button:active,
.advanced_button:focus,
.advanced_button.active,
.indv-level-toggle-button.advanced_button.selected{
	background-color:#007B9E !important;
	color:#ffffff;
	cursor: pointer;
}
#advancedLevel .level-low,
#advancedLevel .level-mid,
#advancedLevel .level-high{
	border:2px solid #007B9E;
	color:#007B9E;
}
#superior_button,
.superior_button{
	border:2px solid #412ECC;
	border-radius:10px;
	color:#412ECC;
}
#superior_button:hover,
#superior_button:active,
#superior_button:focus,
#superior_button.selected,
.superior_level,
#superior_button.active,
.superior_button:hover,
.superior_button:active,
.superior_button:focus,
.superior_button.active,
.indv-level-toggle-button.superior_button.selected{
	background-color:#412ECC !important;
	color:#ffffff;
	cursor: pointer;
}
#distinguished_button,
.distinguished_button,
#professionalPractice_button,
.professionalPractice_button{
	border:2px solid #8C1E5C;
	border-radius:10px;
	color:#8C1E5C;
}
#distinguished_button:hover,
#distinguished_button:active,
#distinguished_button:focus,
#distinguished_button.selected,
.distinguished_level,
#distinguished_button.active,
.distinguished_button:hover,
.distinguished_button:active,
.distinguished_button:focus,
.distinguished_button.active,
#professionalPractice_button:hover,
#professionalPractice_button:active,
#professionalPractice_button:focus,
#professionalPractice_button.selected,
#professionalPractice_button.active,
.professionalPractice_button:hover,
.professionalPractice_button:active,
.professionalPractice_button:focus,
.professionalPractice_button.active,
.indv-level-toggle-button.distinguished_button.selected,
.indv-level-toggle-button.professionalPractice_button.selected{
	background-color:#8C1E5C !important;
	color:#ffffff;
	cursor: pointer;
}
.level-toggle-button{
    /*border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor:pointer;*/
    display:inline-block;
    width:20% !important;
    position:relative;
    z-index:50;
    height:60px;
    text-align:center;
    padding-top:15px;
    margin:0px auto;
    font-size:18px;
    font-weight:500;
    border-radius:10px;
}
.level-toggle-button:hover{
    /*border:1px solid blue !important;*/
}
.level-toggle > div{
	font-size: 13px;
	line-height: 1;
	padding:5px;
}
.level-toggle > span,
.level-toggle-button > span{
    position: absolute;
    top: 5px;
    right: 5px;
}
.level-low{
    /*z-index:30;
    position:relative;
    left:-25px;*/
    /*background-color:#e8f7d4;*/
}
.level-mid{
    /*z-index:20;
    position:relative;
    left:-50px;*/
    /*background-color:#dcf2bf;*/
}
.level-high{
    /*z-index:10;
    position:relative;
    left:-75px;*/
    /*background-color:#c5ea95;*/
}
.level-dashed{
    border:1px dashed black !important;
}
#mainIndicatorsWrapper{
    display:none;
    margin-top: 40px;
}
#levelLabel{
      text-align:center;
}
#mainIndicators{
    min-height:200px;
    padding:20px;
    font-size:16px;
}
#mainIndicators li{
	margin-bottom:10px;
}
#mainIndicators p{
    margin-bottom:20px;
}
#selectableCando{
    min-height:200px;
    max-height:450px;
    overflow:scroll;
    margin: 0px 20px;
    border:2px solid black;
    border-radius:10px;
}
#selectableCando::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
#selectableCando::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.levelDropDownButton{
    color:#282828;
    border:2px solid #282828;
    border-radius:10px;
    width:240px;
}
.levelDropDownButton:hover,
.levelDropDownButton:active,
.levelDropDownButton:focus{
    color:#282828;
    border:2px solid #282828;
    border-radius:10px;
}
.modeDropDownButton{
    color:#282828;
    border:2px solid #282828;
    border-radius:10px;
    min-width:240px;
}
.modeDropDownButton:hover,
.modeDropDownButton:active,
.modeDropDownButton:focus{
    color:#282828;
    border:2px solid #282828;
    border-radius:10px;
}
.languageDropDownButton{
    color:#6184D8;
    /*border:2px dashed #6184D8;*/
    /*border-radius:10px;*/
    /*width:220px;*/
    font-size:18px;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 13px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
}
.languageDropDownButton:hover,
.languageDropDownButton:active,
.languageDropDownButton:focus{
    color:#6184D8;
    /*border:2px dashed #6184D8;*/
    /*border-radius:10px;*/
}

input[type=checkbox].chkExport
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  padding: 10px;
}

.candoCheckbox {
    display:none;
}
 
.candoCheckbox + span
{
    /*background: #999;*/
    background:url("/-/linguafolio/common/images/uncheck.png");
    height: 22px;
    width: 22px;
    display:inline-block;
    padding: 0 0 0 0px;
    vertical-align: middle;
}
.candoCheckbox:checked + span
{
    /*background: #0080FF;*/
    background:url("/-/linguafolio/common/images/check.png");
    height: 22px;
    width: 22px;
    display:inline-block;
    padding: 0 0 0 0px;
}

#spinnerLocation,
#spinnerLocationFinal{
    width:100px;
    height:100px;
    margin:0px auto;
}

.cando-slider{
    
}
.cando-slider-wrapper{
	margin-top:20px;
    margin-bottom:10px;
    margin-right:auto;
    margin-left:auto;
    width:90%;
}
.slider-selection.tick-slider-selection{
	background:#5DD39E;
}
.slider-tick.in-selection{
	background:#c3efdb;
}
.slider-handle{
	background:#4bce93;
}

.btn-purple,
.mode1,
.mode9{
	color:#FF4451;
}
.btn-darkBlue,
.mode10{
	color:#0D3B66;
}
.mode1bg{
	background-color:#FF4451;
}
.btn-inverse-purple,
.btn-indigo,
.mode2{
	color:#F68D0A;
}
.mode2bg{
	background-color:#F68D0A;
}
.btn-teal,
.mode3{
	color:#06D6A0;
}
.mode3bg{
	background-color:#06D6A0;
}
.btn-green,
.mode4{
	color:#118AB2;
}
.mode4bg{
	background-color:#118AB2;
}
.btn-yellow,
.mode6{
	color:#F0F465;
}
.btn-orange,
.mode5{
	color:#77477B;
}
.mode5bg{
	background-color:#77477B;
}
.btn-darkpurple,
.mode6,
.mode7,
.mode8{
    color:#525174;
}
.mode6bg,
.mode7bg,
.mode8bg{
    background-color:#525174;
}
.text-white{
	color:#ffffff;
}
.mode-description{
	display:none;
	margin-top:40px;
}
.mode-description h4{
	text-align:center;
	margin-bottom:20px;
}
.cando-wrapper{
	/*border:1px solid black;
	border-radius:10px;*/
	padding: 15px 20px 0px 20px;
	/*margin-bottom: 20px;*/
}
.cando-statement{
	font-size:16px;
	font-weight:500;
}

/*fixes body scroll jump when a modal is opened */
body.modal-open {
    overflow: visible;
}
.modal {
    -webkit-overflow-scrolling: auto
}

.file-drop-zone{
	border: 2px dashed #5DD39E;
	background-color:#F2F2F2;
}
.file-drop-zone-title{
	color:#513B56;
}

/** Password Reset modal styles **/
    
#resetStudentPasswordModal{
    
}
#resetStudentPasswordModal .modal-body{
    min-height:350px;
}

/** Evidence modal styles **/
#uploadEvidenceModal{
	z-index:1000000;
}
#uploadEvidenceModal .modal-header{
	border:none;
	padding-bottom:0px;
	padding-left:25px;
	padding-right:20px;
}
#uploadEvidenceModal .modal-body{
	padding-top:0px;
}
#evidenceModalTitle{
	margin-top:10px;	
}

.candoContent{
	background-color:#348AA7;
	padding:10px;
	color:#ffffff;
}
#tagline{
	background-color:#E5E5E5;
	color:#282828;
	padding:20px;
	text-align:center;
	border-radius:10px;
	width:90%;
	margin:0px auto 20px auto;
}
#tagline hr{
    border-top: 1px solid #282828;
}
.panel-cando{
	
}
.panel-cando > .panel-heading{
	/*background-color:#50C5B7;
	color:#fff;*/
	padding:15px 20px;
}
.panel-cando > .panel-heading > .panel-title{
	font-size:18px;
}
.panel-cando .popover,
.panel-cando .popover-content{
	width:600px;
	max-width: 600px;
}
.panel-cando .btn-evidence{
    	width:70px;
    	height:70px;
    	padding:12px 20px;
    }
.panel-cando .btn-evidence > span{
    	font-size:32px;
    	line-height:1.2;
    }
.candoAndEvidenceWrapper{
    /*border:2px dashed #348AA7;*/
    border-radius:10px;
    padding:10px;
    margin-bottom:30px;
    background-color:#F9FAFD;
}

.evidenceCardWrapper{
	/*border:1px solid black;*/
	margin:3px 10px 20px 10px;
	padding: 20px 5% 20px 20px;
	background-color:#ffffff;
	position:relative;
}
.archivedBar{
    background-color:lightgray;
    float:right;
    height:100%;
    position:absolute;
    top:0px;
    bottom:0px;
    right:0px;
    left:96%;
}
.archivedBar h5{
    position:absolute;
    top: 50%;
    left: 50%;
    font-size:18px;
    font-weight:400;
    color:#ffffff;
    /*margin-top:200px;*/
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform:  translateX(-50%) translateY(-50%) rotate(-90deg);
}

#dashboardLanguageWrapper {
	/*padding-top:20px;*/
	/*text-align:center;*/
}
#dashboardLanguageWrapper .languageDropDownButton,
#dashboardCandoTypeWrapper .candoTypeDropDownButton{
	/*color:#606060;*/
	font-size:30px;
}
.candoTypeUl,
.languageUl{
	z-index:1001;
}
#profilePage{
	margin-top:20px;
}

#mySectionsWrapper{
    background-color:#7BC950;
   /* color:#ffffff; */
   /* min-height:200px; */
    padding-top:20px;
}
#mySections{
    overflow-x:auto;
    white-space:nowrap;
    max-height:300px;
    min-height:20px;
}
#mySections .section{
    width:250px;
    height:130px;
    border:2px solid black;
    border-radius:10px;
    padding:10px;
    display:inline-table;
    margin-right:20px;
    background-color:#ffffff;
    color:#000000;
    position: relative;
    top: -10px;
}
#mySections .section h4{
    white-space: normal;
    position:relative;
}
.sectionClickZone{
    width:80%;
    cursor:pointer;
    height:100%;
    position:absolute;
}
#mySections .section.active{
	background-color:#00A5E1;
	color:#ffffff;
}
#mySections .glyphicon-menu-down{
    cursor:pointer;
}
#mySections > .section > h4{
    text-align: center;
    padding-top:25px;
}
#mySections > .section > .sectionClickZone > small{
	position:absolute;
	bottom:15px;
}

#mySections > .addNewSection,
#mySections > .joinExistingSection{
    background:none;
    color:#ffffff;
    border-color:#ffffff;
    border-style:dashed;
    cursor:pointer;
    position:relative;
    top:5px;
}

#sectionMembersWrapper{
	background-color:#EAEAEA;
	min-height:100px;
}

.instructor,
.student{
	width:140px;
	height:140px;
	border:2px solid #7BC950;
	border-radius:10px;
	background-color:#ffffff;
	display:inline-block;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	text-align:center;
	padding:10px;
	position:relative;
}
.instructor p,
.student p{
	margin-top: 45px;
}
.instructor-add,
.student-add{
    cursor:pointer;
	border-style:dashed;
}
.instructor-add p,
.student-add p{
	margin-top:10px;
}
.student{
	border-color:#535353;
}
.student p{
	font-size:12px;
}
.student small{
	position:absolute;
	width:100%;
	bottom:5px;
	left:0px;
	right:0px;
	text-align:center;
	font-size:10px;
}
.student .lfo-icon-learner,
.instructor .lfo-icon-teacher{
	position:absolute;
	top:5px;
	left:5px;
	float:left;
}
.instructor .lfo-icon-teacher{
	font-size:18px;
}
.student  .lfo-icon-learner{
	font-size:24px;
}
.student .glyphicon-menu-down{
	position:absolute;
	top:5px;
	right:5px;
	float:right;
	cursor:pointer;
}
.student .dropdown{
	position:absolute;
	top:5px;
	right:5px;
	float:right;
}

.student .dropdown .dropdown-menu{
	top: 15px;
	left: -20px;
}

ul.ui-autocomplete {
    z-index: 1100;
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.625em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.625em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.popover > .close{
	margin-top: 5px;
	margin-right: 10px;
}

#themeSpecificLogo{
	width:150px;
	height:150px;
	border:1px solid #E5E5E5;
	background-color:#ffffff;
	position:fixed;
	bottom:60px;
	left:0px;
	z-index: 1000;
	text-align:center;
}
#themeSpecificLogo img{
	margin:0px auto;
	/*width:120px;
	height:120px;*/
}
#logoToggleLeft{
	/*border:1px solid black;*/
	background-color:#E5E5E5;
	position:absolute;
	top:0px;
	right:0px;
	padding:5px;
	cursor:pointer;
}
#logoToggleRight{
	display:none;
	/*border:1px solid black;*/
	background-color:#E5E5E5;
	position:absolute;
	top:0px;
	right:-25px;
	padding:5px;
	cursor:pointer;
}
.level-anchor{
	display: block;
    position: relative;
    top: -380px;
    visibility: hidden;
}
#returnedCandos{
	height:inherit;
	overflow:scroll;
}
#modeLevelAffix{
	z-index: 1000;
	background-color:#ffffff;
}
.customLearningTarget{
    min-width:150px;
}
.myGroups label{
    min-width:200px;
}
#ui-datepicker-div{
    z-index:10000 !important;
}

#form-editCandoClusterInfo{
    border:1px solid lightgray;
    padding:10px 10px 10px 10px;
    border-radius:5px;
}

/** Landing Page Styles **/
#landingPage1{
	margin-top:10px;
	min-height:500px;
	background-color:#7BC950;
}
#landingPage2{
	min-height:500px;
	background-color:#ffffff;
	padding-top:20px;
}
#landingPage3{
	min-height:500px;
	background-color:#7BC950;
	padding-top:20px;
}
#landingPage4{
	min-height:400px;
	background-color:#ffffff;
	/*background-image:url("/-/linguafolio/common/images/landing-page/BG-LeafPattern-Full.png");
	background-size:100%;
	background-repeat:no-repeat;*/
}
#landingPage5{
	min-height:300px;
	background-color:#e5e5e5;
	padding-top:20px;	
}
#quickSignupName,
#quickSignupEmail{
	border-color:#7BC950;
}
#quickSignupName,
#quickSignupEmail,
#signupButton3{
    margin-right:10px;
    margin-top:20px;
}
.infoDiv{
	min-height:130px;
}
.infoDiv img{
	margin-top:5px;
	width:70px;
}
.infoDiv p{
	padding:5px 0px 5px 90px;
	font-size:24px;
	line-height:1;
}
#landingPage5 a{
	color:#595959;
}
#carousel-example-generic{
    background:#ffffff;
    max-width:700px;
    margin:0px auto 30px auto;   
}
.carousel-indicators{
    bottom:-30px;
}
.carousel-indicators li{
    border:1px solid #000000;
    background-color:#ffffff;
}
.carousel-indicators .active{
    background-color:#000000;    
} 

/** Assignment Styles **/
.assignmentWrapper{
	border:2px solid gray;
	border-radius:5px;
	/*width:250px;
	height:150px;
	padding:10px; */
	float:left;
	margin:10px;
	text-align:center;
	background-color:#f9f9f9;
	max-width:350px;
	min-width:350px;
	min-height:220px;
}

/** Cando Cluster Styles **/
.clusterWrapper{
	border:2px solid gray;
	border-radius:5px;
	/*width:250px;
	height:150px;*/
	padding:10px;
	float:left;
	margin:10px;
	text-align:center;
	background-color:#f9f9f9;
	max-width:350px;
	min-width:350px;
	min-height:220px;
}
.clusterWrapperStudent{
	/*width:250px;*/
	width:100%;
	height:150px;
	cursor:pointer;
	position:relative;
	border-radius:10px;
}
.candoTile{
	border:2px solid gray;
	border-radius:5px;
	width:300px;
	height:500px;
	padding:10px;
	float:left;
	margin:10px;
	text-align:center;
	background-color:#ffffff;
	position:relative;
	cursor:pointer;
}
.candoAggTile{
	border:2px solid gray;
	border-radius:5px;
	width:auto;
	max-width:700px;
	height:auto;
	padding:10px;
	float:left;
	margin:10px;
	text-align:center;
	background-color:#ffffff;
	position:relative;
	cursor:pointer;
}
.candoTile p{
	font-size:18px;
	font-weight:500;
	margin-top:15px;
}
.clusterWrapperStudent .progress{
	position: absolute;
	top:70px;
	width:90%;
    /*bottom: -10px;*/
    /*right:10px;*/
    /*width: 40%;*/
}
.clusterWrapperStudent .startDate{
	position:absolute;
	bottom:18px;
	left:10px;
}
.clusterWrapperStudent .endDate{
	position:absolute;
	bottom:0px;
	left:10px;
}
.clusterWrapperStudent .glyphicon-edit{
	font-size:30px;
	position:absolute;
	right:10px;
	bottom: 10px;
	top: auto;
}
.clusterWrapperStudent h4{
	margin-top:20px;
}
.clusterLang{
	position:absolute;
	top:5px;
	left:10px;
}
.candoTile .progress{
	position: absolute;
    bottom: 0px;
    width: 93%;
}

.progress{
	background-color: #adaaaaee;
}
.candoTile .progress .progress-bar{
	
}
.candoTile .evidenceCount{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:0px;
}
.singleCandoReport{
	max-height:500px;
	overflow-y: scroll;
}
.tablesorter-header{
	background-image: url("/-/linguafolio/common/images/bg.gif"); 
	cursor: pointer; 
	font-weight: bold; 
	background-repeat: no-repeat; 
	background-position: center left; 
	padding-left: 20px !important; 
	border-right: 1px solid #dad9c7;
	margin-left: -1px; 
}
.tablesorter-header + .headerSortDown{
	background-image: url("/-/linguafolio/common/images/asc.gif");
}
.tablesorter-header + .headerSortUp{
	background-image: url("/-/linguafolio/common/images/desc.gif");
}
.assignedCandoCount{
	margin-right:60px;
}
#navBarNotification{
	font-size:30px;
	position:relative;
	top:5px;
	color:#ffffff;
	cursor:pointer;
}
#getHelp{
	font-size:20px;
	position:relative;
	top:12px;
	color:#ffffff;
	cursor:pointer;
}
#getHelp:hover{
	color:#348AA7;
}
#getHelpPulsar{
	font-size:20px;
	position:relative;
	top:12px;
	color:#ffffff;
	cursor:pointer;
}
#getHelpPulsar:hover{
	color:#19647e;
}
.notificationBadge{
	font-size:15px;
	color:red;
	background-color:#ffffff;
	border-radius:20px;
	position:absolute;
	top:5px;
	right:0px;
}
.notificationsPopover .popover-content{
	width:300px;
}
.notificationsPopover{
	max-width:300px;
}
.notificationFeedbackDiv{
	/*border:1px solid lightgray;*/
	padding:5px;
	margin:5px;
}
.notificationsPopover hr{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
}
.feedback-agree{
    width:45%;
	font-size:16px;
	margin-top:10px;
	margin-bottom:20px;
	/*margin-left:30px;*/
	cursor:pointer;
	border:1px solid #3c763d;
	padding:5px 15px 5px 5px;
	border-radius:30px;
	text-align:center;
}
.feedback-disagree{
    width:45%;
	font-size:16px;
	margin-top:10px;
	margin-bottom:20px;
	/*margin-right:30px;*/
	cursor:pointer;
	border:1px solid #a94442;
    padding:5px 15px 5px 5px;
    border-radius:30px;
    text-align:center;
}

.reviewEvidencePopover{
	max-width:1000px;
}
.reviewEvidencePopover .popover-content{
	width:100%;	
}

#reviewEvidenceModal .modal-body .slider-tick-label,
#reviewSingleEvidenceModal .modal-body .slider-tick-label{
	position:relative;
	top:55px;
	right:30px;
	-ms-transform: rotate(-60deg); /* IE 9 */
	-webkit-transform: rotate(-60deg); /* Chrome, Safari, Opera */
	transform: rotate(-60deg);
	text-align:right!important;
	width:150px;
}
#reviewEvidenceModal .modal-body .slider.slider-horizontal,
#reviewSingleEvidenceModal .modal-body .slider.slider-horizontal{
	margin-bottom:75px!important;
}
#reviewEvidenceModal hr{
	margin-top:40px;
}
.evidence-tile{
	width:100%;
	height:150px;
	margin:10px;
	border:1px solid black;
	border-radius:10px;
	text-align:center;
	padding:10px;
	background-color:#ffffff;
	cursor:pointer;
}

.notificationFeedbackDiv a{
    white-space:normal;    
}
.existingCommentWrapper{
    margin-bottom:20px;
}
.commentTextArea{
	height:100%;
}

.signupLogos{
    width:80%;
    margin:0px auto;
}
.signupLogos .radio-inline{
    /*height:70px;*/
    /*width:200px;*/
    margin-bottom:10px;
    margin-left:5px;
    margin-right:5px;
    padding-left:0px;
}
.signupLogos .radio-inline img{
    width:150px;
    border:1px solid black;
}
.signupLogos .radio-inline img:hover{
    border:4px solid black;
}
.partitionRadio{
    display:none;
}

.cluster-results{
	overflow:scroll; 
	max-height:600px; 
	display:hidden; 
	width:80%;
}

.cluster-agg-results{
	overflow:scroll; 
	max-height:600px;  
	width:100%;
}
#report-list{
	display:none;
}
.indv-level-toggle-button{
	width: 300px;
	height: 60px;
	border-radius: 30px;
	margin-bottom:20px;
	margin-right:auto;
	margin-left:auto;
	/* border: 1px solid black; */
	text-align: center;
	padding-top:15px;
	font-weight: bold;
	font-size:18px;
	cursor:pointer;
}
#evidenceModalTitle{
	color:black !important;
}
.levelButtonToggle{
	display:inline-block;
	width:200px;
	margin:5px;
}

#signup_pt3 .form-group label{
	width:200px;
}
#signup_pt3 .form-group input{
	width:250px;	
}

#managedSchoolsTable{
	border: 1px solid black;
}

#managedSchoolsTable th,
#managedSchoolsTable td{
	border: 1px solid black;
	text-align: center;
	padding: 5px;
}