﻿
/* Login */
.login-background{background:url(../../images/landingPage/login-bg.jpg) repeat;}
.login-logo{height:220px;width:100%;background:url(../../images/landingPage/backendv3.jpg) bottom center no-repeat;}
.login-form{height:250px;width:100%;padding-top:45px;}
.login-form .login-input{width:325px;height:223px;text-align:center;}
input.login{
width:325px;
height:35px;
background-color:#272a2c;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 0 3px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 1px 1px 0 #1b1d1f,white 1px 1px 0 rgba(255, 255, 255, 0.1);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow;
color:#8f8f8f;
padding-left:10px;
font-size:14px;
margin-bottom:20px;
}

/*Button Sprites*/
.back-sprite{background:transparent url(../../images/landingPage/backend-sprite.png) top left no-repeat;display:block;width:500px;height:500px;margin:0px;padding:0px;text-indent:-999px;border:none;outline:none}
.back-sprite.login-btn{width:82px;height:39px;background-position:-0px -0px;}
.back-sprite.login-btn:hover{width:82px;height:39px;background-position:-0px -39px;}
.back-sprite.login-btn:active{position:relative;top:1px;}
.back-sprite.dc-logo{width:33px;height:26px;background-position:-468px -0px;}
.back-sprite.noti-fi{width:16px;height:16px;background-position:-0px -79px;}
.back-sprite.noti-fi:hover{width:16px;height:16px;background-position:-19px -79px;}

.back-sprite1{background:transparent url(../../images/landingPage/backend-sprite6.png) top left no-repeat;display:block;width:132px;height:264px;margin:0px;padding:0px;text-indent:-999px;border:none;outline:none}

.back-sprite1.machinedesign{width:80px;height:80px;background-position:2px 1px;}
.back-sprite1.machinedesign:hover{width:80px;height:80px;background-position:-77px 1px;}

.back-sprite1.designcomponents{width:80px;height:80px;background-position:2px -93px;}
.back-sprite1.designcomponents:hover{width:80px;height:80px;background-position:-76px -93px;}

.back-sprite1.course{width:69px;height:58px;background-position:0px -186px;}
.back-sprite1.course:hover{width:69px;height:58px;background-position:-79px -186px;}

.back-sprite1.assignments{width:76px;height:60px;background-position:0px -260px;}
.back-sprite1.assignments:hover{width:76px;height:60px;background-position:-78px -260px;}

.back-sprite1.group{width:67px;height:57px;background-position:3px -330px;}
.back-sprite1.group:hover{width:67px;height:57px;background-position:-78px -330px;}

.back-sprite1.forum{width:71px;height:69px;background-position:4px -390px;}
.back-sprite1.forum:hover{width:71px;height:69px;background-position:-79px -390px;}

.back-sprite1.dashboard{width:72px;height:64px;background-position:-1px -470px;}
.back-sprite1.dashboard:hover{width:72px;height:64px;background-position:-85px -470px;}




.back-sprite.newassign-icon{width:18px;height:18px;background-position:0px -385px;}
.back-sprite.newtutor-icon{width:18px;height:18px;background-position:0px -404px;}

/*----backup for old image - 5th sep 2014
.back-sprite1{background:transparent url(../../images/landingPage/backend-sprite4.png) top left no-repeat;display:block;width:132px;height:264px;margin:0px;padding:0px;text-indent:-999px;border:none;outline:none}

.back-sprite1.machinedesign{width:40px;height:52px;background-position:0px 3px;}
.back-sprite1.machinedesign:hover{width:40px;height:52px;background-position:-41px 2px;}

.back-sprite1.course{width:62px;height:51px;background-position:0px -52px;}
.back-sprite1.course:hover{width:62px;height:51px;background-position:-65px -52px;}

.back-sprite1.assignments{width:35px;height:31px;background-position:0px -117px;}
.back-sprite1.assignments:hover{width:35px;height:31px;background-position:-34px -117px;}

.back-sprite1.group{width:49px;height:34px;background-position:0px -167px;}
.back-sprite1.group:hover{width:49px;height:34px;background-position:-52px -167px;}

.back-sprite1.forum{width:60px;height:46px;background-position:0px -217px;}
.back-sprite1.forum:hover{width:60px;height:46px;background-position:-59px -217px;}

.back-sprite1.dashboard{width:60px;height:46px;background-position:0px -217px;}
.back-sprite1.dashboard:hover{width:60px;height:46px;background-position:-59px -217px;}




.back-sprite.newassign-icon{width:18px;height:18px;background-position:0px -385px;}
.back-sprite.newtutor-icon{width:18px;height:18px;background-position:0px -404px;}
----*/


/*Button Sprites ends*/

.footer{position:absolute;bottom:0;width:100%;text-align:center;margin-bottom:20px;}

.green-font{color:#060;}
.orange-font{color:#F60;}
.red-font{color:#C00;}
.blue-font{color:#09F;}
.pink-font{color:#F39;}
.magenta-font{color:#90F;}
.maroon-font{color:#8c0303;}
.font14bold{font-size:14px;font-weight:bold;}


/**Dashboard Left Menu**/
img.rounded{-webkit-border-radius: 5px;border-radius: 5px;}
.round-edge-border{-webkit-border-radius: 9px;border-radius: 9px;border:1px solid #e3e3e3;}
/*ul.nostyle li{line-height:35px !important;}
ul.nostyle a:hover{background:none !important;outline:none;}
ul.nostyle li a{margin-top:0 !important;padding:0 !important;}*/

/*.dash-heading {padding:8px 0 0 14px;}*/

.dash-heading {/*height:70px;*/ padding:8px 0 0 0px;}
.dash-heading a{font-size:12px;color:#000;/*#818181*/text-align:center;padding:5px 0 0 0;margin:0px;}
.dash-heading a:hover{text-decoration:none;}

div.alert-noti {
	background: #C00;
	width: 18px;
	height: 18px;
	font-size: 11px;
	font-weight: 600;
	color: white;
	text-align: center;
	line-height: 18px;
	display: block;
	border-radius: 100px;
	position: absolute;
	margin:-10px 0 0 5px;
	z-index: 100;
	/*left: 386px;*/
	outline: none;
	border:3px solid #FFF;
	-webkit-box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.2);
            box-shadow:  0px 0px 5px 3px rgba(0, 0, 0, 0.2);
}

.dash-heading:hover{ cursor:pointer;}

.dash-pic{max-width:80px;margin-top:-7px;}


/*statistics*/
.statistics{width:100%; height:100px; position:relative;}

.stats
{
border-right:#e3e3e3 1px solid;
float:left;
height:100px;
border-top:#e3e3e3 1px solid;
border-bottom:#e3e3e3 1px solid; 
text-align:center; width:80px;
/*padding-left:5px;
padding-right:15px;*/
}

.last{/*width:160px;*/ border-right:none;}/*Commented width to resolve Total Groups width in tutor index page*/
.last h2.head2{width:150px; color:Red;}
.stats h1{font-size:2.7em;font-weight:bold;color:#444444;line-height:40px;}
.boldDigit{font-size:2.7em;font-weight:bold;color:#444444;line-height:40px;}
.stats h2{font-size:12px;font-weight:normal;color:#444444;line-height:15px; word-wrap:break-word; display:inline-block;width:78px;}

.statistics a.desCret{position:absolute; left:0; background-color:red; top:0 ; height:100px; width:78px; opacity:0.0;
filter:alpha(opacity=00); /* For IE8 and earlier */}

/*Added by dnyaneshwar g on 25 Feb 2015 for displaying handouts count on index page*/
.statistics a.handoutsIndex{position:absolute; left:80px; background-color:blue; top:0 ; height:100px; width:80px; opacity:0.0;
filter:alpha(opacity=00); /* For IE8 and earlier */}
/**************/

.statistics a.assCom{position:absolute; left:162px; background-color:yellow; top:0 ; height:100px; width:80px; opacity:0.0;
filter:alpha(opacity=00); /* For IE8 and earlier */}

/*Following class added by Dnyaneshwar G for individual student/ industry individual link area*/
.statistics a.assComInd{position:absolute; left:79px; background-color:yellow; top:0 ; height:100px; width:80px; opacity:0.0;
filter:alpha(opacity=00); /* For IE8 and earlier */}
/**/
.statistics a.forPost{position:absolute; left:244px; background-color:pink; top:0 ; height:100px; width:79px; opacity:0.0;
filter:alpha(opacity=00); /* For IE8 and earlier */}

.statistics a.totGroup{position:absolute; left:326px; background-color:black; top:0 ; height:100px; width:77px; opacity:0.0;
filter:alpha(opacity=00); /* For IE8 and earlier */}

.statistics a.dayAss{position:absolute; left:407px; background-color:orange; top:0 ; height:100px; width:86px; opacity:0.0;
filter:alpha(opacity=00); border:1px solid red; /* For IE8 and earlier */}

.statistics a.dayRem{position:absolute; left:493px; background-color:maroon; top:0 ; height:100px; width:80px; opacity:0.0;
filter:alpha(opacity=00); border:1px solid red; /* For IE8 and earlier */}

/*open-assignment*/
.open-assignment{width:100%;height:auto;margin:15px 0;display:inline-block; overflow:hidden;}
.open-assignment h2{font-size:1.5em;float:left;}
.open-assignment .notif-icon{
	margin:3px 0 0 15px;
	width:35px;
	height:20px;
	-webkit-border-radius: 5px;
    border-radius: 5px;
	padding:5px 5px 5px 5px;
	background:#00a2ff;
	float:left;
	font-size:16px;
	color:white;
	text-align:center;
	font-weight:bold;
	-webkit-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.3);
            box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.3);
}

/*Assignment List*/
/*.assignment-list{width:100%;height:auto;padding:0;margin:0;}*/

.assignment-list {
    border: 1px solid #e3e3e3;
    height: 277px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.assignment-listScroll {
    border: 1px solid #e3e3e3;
    height: 277px;
    margin: 0;   
    padding: 0;
    width: 100%;
   overflow-y:scroll;
}

.assignment-list ul{list-style:none; padding:0 !important; margin:13px 0 0 0 !important; height:100%;}
.assignment-list ul li{width:215px; height:250px; -webkit-border-radius:5px; border-radius:5px; background:#FFF; border:1px solid #e3e3e3; float:left; margin:0 10px 12px 12px;}
.assignment-listScroll ul{list-style:none; padding:0 !important; margin:13px 0 0 0 !important; height:100%;}
.assignment-listScroll ul li{width:215px; height:250px; -webkit-border-radius:5px; border-radius:5px; background:#FFF; border:1px solid #e3e3e3; float:left; margin:0 10px 12px 12px;}


.new-assignment{}
.new-assignment h1{
height:40px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #e3e3e3;
font-size:16px;
font-weight:normal;color:#76a7e0;
padding-left:15px;
margin-top:3px;
}
.new-assignment .new-status{
	-webkit-border-radius: 100px;
    border-radius: 100px;
	height:14px;
	width:14px;
	margin:12px 10px 0 0;
	background: #72ace4; /* Old browsers */
background: -moz-linear-gradient(top,  #72ace4 0%, #66a3e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72ace4), color-stop(100%,#66a3e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #72ace4 0%,#66a3e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #72ace4 0%,#66a3e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #72ace4 0%,#66a3e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #72ace4 0%,#66a3e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72ace4', endColorstr='#66a3e0',GradientType=0 ); /* IE6-9 */
}
.new-assignment .detail-area{width:195px;height:122px;padding:10px;}
.new-assignment .detail-area h2{font-size:13px;font-weight:bold;line-height:16px;text-wrap:normal;color:#444444;margin-bottom:5px;width:214px;}
/*Kaustubh ***************************************************************************************/
.new-assignment .detail-area label{font-size:13px;font-weight:bold;line-height:16px;text-wrap:normal;color:#444444;margin-bottom:5px;width:214px;}
/*************************************************************************************************/
.new-assignment .detail-area p{font-size:12px;font-weight:300;line-height:15px;text-wrap:normal;color:#848484;letter-spacing:normal; height:77px; overflow:auto}

.new-assignment .date-area{float:left;width:66px;border-right:1px solid #e3e3e3;padding:0 30px 0 10px;}
.new-assignment .date-area.last{border-right:none;}
.new-assignment .date-area h2{font-size:14px;line-height:30px;font-weight:bold;color:#444444; width:80px}
.new-assignment .date-area p{font-size:12px;line-height:15px;font-weight:300;color:#848484;text-transform:uppercase;}


/*Tutor List*/
.tutor-list{width:100%;height:auto;padding:0;margin:0;}
.tutor-list ul{list-style:none;padding:0 !important;margin:25px 0 0 0 !important;}
.tutor-list ul li{width:215px;height:119px;-webkit-border-radius: 5px;border-radius: 5px;background:#FFF;border:1px solid #e3e3e3;float:left;margin:0 20px 20px 0;}
.new-tutor{}
.new-tutor h1{
height:40px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f8f8f8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f8f8f8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f8f8f8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); /* IE6-9 */
border-bottom:1px solid #e3e3e3;
font-size:16px;
font-weight:normal;color:#76a7e0;
padding-left:15px;
margin-top:3px;
}
.new-tutor .new-status{
	-webkit-border-radius: 100px;
    border-radius: 100px;
	height:14px;
	width:14px;
	margin:12px 10px 0 0;
	background: #72ace4; /* Old browsers */
background: -moz-linear-gradient(top,  #72ace4 0%, #66a3e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72ace4), color-stop(100%,#66a3e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #72ace4 0%,#66a3e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #72ace4 0%,#66a3e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #72ace4 0%,#66a3e0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #72ace4 0%,#66a3e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72ace4', endColorstr='#66a3e0',GradientType=0 ); /* IE6-9 */
}
.new-tutor .detail-area{width:195px;height:97px;padding:10px;}
.new-tutor .detail-area h2{font-size:13px;font-weight:bold;line-height:16px;text-wrap:normal;color:#444444;margin-bottom:5px;width:214px;}
.new-tutor .detail-area p{font-size:12px;font-weight:300;line-height:15px;text-wrap:normal;color:#848484;letter-spacing:normal;}


/*Right side*/
.requests{/*height:40px;*/ margin-bottom:14px;-webkit-border-radius: 5px;border-radius: 5px;background:#FFF;border:1px solid #e3e3e3;padding:3px; overflow:hidden;}
.requests h2{font-size:13px; float:left;margin:2px 0 0 5px;font-weight:400; display:inline-block;}
.requests .notifi-icon{
	margin:7px 6px 0 16px;
	width:25px;
	/*height:15px;*/
	-webkit-border-radius: 5px;
    border-radius: 5px;
	padding:2px 0 1px;
	font-size:12px;
	color:white;
	text-align:center;
	font-weight:bold;
	-webkit-box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.3);
            box-shadow: inset 2px 2px 5px 2px rgba(0, 0, 0, 0.3);
			float:right;
			display:inline;
			padding-left:0;
}
.blue-bg{background:#00a2ff;}
.red-bg{background:#ff0000;}
.green-bg{background:green;}
.orange-bg{background:#F60;}
.pink-bg{background:#F39;}
.magenta-bg{background:#90F;}
.maroon-bg{background:#8c0303;}


.calender{margin-bottom:15px;}

.news{height:280px; -webkit-border-radius: 5px; border-radius: 5px; background:#FFF; border:1px solid #e3e3e3; padding:5px; margin-bottom:14px;}
.news h1{font-size:16px;margin:0;padding:0;line-height:22px;}
/*.news ul{list-style:none;margin:5px 0px; padding-top:auto; overflow:auto;height:230px;}*/
.news ul{list-style:none;margin:5px 0px; padding-top:auto; height:265px;}
.news ul li{padding:3px;margin:0;border-top:1px solid #e3e3e3;}
.newsHead{font-size:13px;font-weight:bold;color:#3d3d3d;text-wrap:none;text-overflow: ellipsis; padding:1px 0;}
.newsDate{font-size:11px;font-weight:200;color:#a3a2a2; padding:3px 0;}
.newsDetails{font-size:12px; color:#000;}
/*.news ul li p{font-size:11px;font-weight:normal;color:#4f4f4f;line-height:13px;margin-top:5px;}*/


/*Tag Group Name CSS*/
.tag-list-rhs-styles{overflow-x:scroll; overflow-y:none !important; height:500px;background-color:#f8f8f8;border:1px solid #dadada;-webkit-border-radius: 5px;border-radius:5px;padding:7px;}

.checkboxlist td {padding:2px 0;}
.checkboxlist td input[type="checkbox"]{float:left;outline:none;border:none;}
.checkboxlist td label{float:left;clear:right;margin:0 0 0 5px;width:80%;text-transform:capitalize;}

.Qbtn {
    background: none repeat scroll 0 0 #3BA4E0;
    border: 1px solid #E6E6E6;
    border-radius: 6px  !important;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    margin: 0 0 15px;
    padding: 6px 12px;
    width: auto;
}

.Qbtn a{color:#FFFFFF;}

table .staticTable{width:100%; border:1px solid #f2f2f2;}


/*form elements "Focus" css added by chitra on 9th 2014 */
textarea:focus, 
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus,
select:focus,
 .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: 0 none;
}
/*End "Focus css" */