/*=============================================================
    Authour URI: www.binarytheme.com
    License: Commons Attribution 3.0

    http://creativecommons.org/licenses/by/3.0/

    100% Free To use For Personal And Commercial Use.
    IN EXCHANGE JUST GIVE US CREDITS AND TELL YOUR FRIENDS ABOUT US
   
    ========================================================  */

 
/* =============================================================
   GENERAL STYLES
 ============================================================ */
	@font-face { 
	font-family: AvenirNextLTPro-Bold;
	src: url('../fonts/AvenirNextLTPro-Bold.otf') format("otf"), url('../fonts/AvenirNextLTPro-Bold.otf') format("opentype") ;
	}

	@font-face { 
	font-family: AvenirNextLTPro-Regular;
	src: url('../fonts/AvenirNextLTPro-Regular.otf') format("otf"), url('../fonts/AvenirNextLTPro-Regular.otf') format("opentype") ; 
	}  


	@font-face { 
	font-family: CocogooseTrial2;
	src: url('../fonts/Cocogoosetrial.otf') format("otf"), url('../fonts/Cocogoosetrial.otf') format("opentype") ;
	font-weight: normal;
    font-style: normal;  
	} 
 
 /* @font-face {
		font-family: myFirstFont;
		src : url ('../fonts/SansationLight.woff');	 
 }
  */
body {
	/* font-family: "AvenirNextLTPro-Regular", Open Sans, Arial, sans-serif; */
	   font-family: 'AvenirNextLTPro-Regular'; 
	   line-height:28px; 
}
h4 {
	letter-spacing:0.05em;

}

h5{
	letter-spacing:0.05em;
	line-height:25px;
	font-size:16px;
}
.btn-righty {text-align:right; position:relative; margin:10px;}
.set-radius-zero {
    border-radius:0px;
    -moz-border-radius:0px;
    -webkit-border-radius:0px;
} 

.table-responsive { margin-top:25px;} 
.table-responsive  thead { background : #f25a29; color:#fff; font-weight: !important;
    letter-spacing: 0.05em;  } 
.table-responsive  thead  tr th{ font-weight: 500 !important; } 
.table-responsive  tbody tr td {   
    letter-spacing: 0.05em;  } 	
	
	
.content-wrapper {
    padding-top: 20px;
    padding-bottom: 0px; 
    height: auto;
    /*background: #e1fcd2;*/
	background:#fff;
	min-height: 490px;
}
.header-line {
    font-weight:400; 
    text-transform: uppercase;
	font-size: 20pt;
    color: #000;
    letter-spacing: 0.05em;  
}
.header-line-top {
	font-weight:400; 
    text-transform: uppercase;
	font-size: 20pt;
    color: #000;
    letter-spacing: 0.05em; 
	border-left:1px solid #000;
	padding-left:15px;
	margin-left:190px;
}

.panel-heading { 
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; 
	margin:0px;
	padding:15px 20px;
	font-size:16pt;
	background: #70be42 !important;
}
.navbar-collapse { padding-left:90px;}
  
.rectangle { max-width:271px; min-height:116px; color:#fff; padding:20px 25px; } 
  /* 
	.rectangleOrg { background:#f25a29; }
	.rectangleBrn { background:#db9913; } 
	.rectangleSky { background:#1e8db1; } 
	.rectanglePnk { background:#d62497; } 
 */
 
.carousel-inner > .item > img  { width: 600px; }
 
.carousel-control { display:none; }
.sliderTags { position:absolute; background:#2D2B2A; color:#fff; padding:10px; height:100%; width:160px; right:0; font-size:12pt;}

.rectangleOrg, .rectangleBrn, .rectangleSky, .rectanglePnk { background:#70bf42; 
    transition:all .15s ease-in-out;
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;
	-ms-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;} 
.rectangleOrg:hover, .rectangleBrn:hover, .rectangleSky:hover, .rectanglePnk:hover { background:#f25a29; cursor:pointer; } 

.rechtangeicon { display:inline-block; vertical-align:middle;  width:24%; color:#fff; }
.rechtangeContent { display:inline-block; vertical-align:middle; width:73%; padding-left:15px; 
                    color:#fff !important; border-left:1px solid #fff; min-height: 76px;
                  }
.rechtangeContent h4  { font-size: 18pt;
    letter-spacing: 0.05em;
    font-variant: inherit;
    text-align: center;}
.rechtangeContent h3  {  letter-spacing: 0.05em;
    font-variant: inherit;   font-size: 10pt;  margin-top: 10px;  text-transform: uppercase; text-align: center;}

	 .ProductTab{ 
 		height:40px;
		padding:0px;
		letter-spacing: 0.05em;
        font-variant: inherit; 
 	 }
	 .ProductTab li { 
		float:left;
		list-style-type:none;
		list-style-position:inside;   
		border-left:1px solid #fff; 
  	 }
	    
#newTab2 .ProductTab li a{ 
		 padding:6px 25px 6px 25px !important;	 
  }		
		
 .ProductTab li a{
		 /* padding: 6px 33px 6px 34px !important; */
		 padding:6px 26.5px 6px 26px !important;	
	 	 font-size:10pt;
		 text-transform: uppercase;
		 font-family:inherit;
		 text-decoration: none;
		 letter-spacing: 0.05em;
         font-variant: inherit;
		 color:#000;
		 display:block;
		 background:#f2f2f2; 
  }
	 .ProductTab li .active{
		background: #6fbf41;
		color:#FFF;
	  }
	 .ProductTab li a:hover{
		 padding: 6px 26.5px 6px 26px !important ;  
	 	 font-size:10pt;
		 text-transform: uppercase;
		 color:#fff;
		 font-family:inherit;
		 text-decoration: none;
		 background: #6fbf41;
  	 }

	 .img-class{
 	    display: inline-block;
  		line-height: 1.42857143;
		background-color: #fff;
		border: 1px solid #ddd;
 		-webkit-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
 		width:190px;
		height:160px;
		padding:13px;
		border-radius:none !important;
 	}
	
	.browserInput
	{
	 background: #f2f2f2;
    	width: 190px; 
    padding: 10px;
    font-size: 9pt;
	}
	 
.pad-botm {
   /* padding-bottom:20px;*/
}
a { color:; font-weight: ; font-size: 10pt; cursor:pointer; letter-spacing:0.05em; }
.back { color:#FFF; font-weight: ; font-size: 10pt; }
.back:hover { color:#000; font-weight: ; font-size: 10pt; }
.checkbox-inline{
    font-weight: normal !important;
}
a:hover { text-decoration: none; color:#df0005; }

.logomain { width: 156px; padding-top:5px;  padding-bottom:0px; position:absolute; display:block;  } 
.navbar-nav > li { 
	background:#70BE44;
	 
}
.dropdown-menu > li { background:#70bf42;}
 
.nav > li > a:hover { background:#70bf42 }

.blukNumbering { 
    padding: 0;
    margin: 0px;
    text-align: center;
    width: 30px;
    height: 16px;
    border: 2px solid #5cb85c;
    border-radius: 50%;
    display: inline-table;
    font-size: 10pt;
    position: relative;
	}
	
.blukdeta { 
	margin:5px 15px 5px 35px;
	}

/*-------------main--------------------------------------------------*/

.logo { width:200px; margin:0px auto;}
.logomain { margin : 0px auto; }
.deshboard  .alert { padding : 5px !important; }
.loginborder .logomain { width:200px; margin:0px auto;}
.panel { /* border: 10px solid rgba(0, 0, 0, 0.10); */ border-radius: 0px; box-shadow:0px 0px 0px #a8a8a8;margin:auto; }
.panel-body { padding:0px;}

input[type*='file']{
	 border: 0px;
	 border-color: #fff;
	 margin: 0px;
	 padding: 0px;
	 height: 28px; 
 } 
   
input[class*="checkboxClick"] {  
	 border: 2px solid #000 !important;
     border-radius: 50%;  
     width: 20px;
     height: 20px;  
	 vertical-align: top;  
	 display:inline-block;
} 

input[input*="checkbox"]:before { margin-left:125px; content:""; }
 
.normal_button  { border:0; min-width:120px; color:white; padding:10px; margin-top:10px; border-radius: 0px; }  
.remove_button { border:0; /*width:120px;*/ color:#ff0000; background:;  /*margin-top:32px;*/ font-size:10pt; }
.remove_button:hover { border:0; color:#ff0000;  } 
.remove_button button { border:0; width:120px; color:white; background:#e10c0c;  margin-top:32px; }
.remove_button button:hover { border:0; width:120px; color:white; background:#e10c0c; } 
.add_button button  { border:0;  width:120px; color:white; background:#0c923f; margin-top:32px; display: inline-block; } 
.add_button button:hover  {  border:0;  width:120px; color:white; background:#0c923f;} 
.orgline {  width:100%; height:2px; background:#F05A29; margin-top:5px; }

.loginborder {
	padding: 0px;
    background: #fff;
    max-width: 380px; 
    margin:80px auto 0;
	/* border: 5px solid #e15d41; */
	box-shadow: 0px 0px 0px #000;  
}
  
.loginborder .panel { margin-bottom:0px;}

#RegisteredForm > select::placeholder {  
			letter-spacing: 0.05em !important;
			font-size: 50pt !important;	 }

	
input, textarea, select {  
			letter-spacing: 0.05em !important;
			font-size: 11pt !important;	
			font-weight:normal;
			}		
			
.signup-form  input::placeholder {  
			letter-spacing: 0.05em;
			font-size: 11pt !important;	 }

	#signup-demo {
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 10000;
		background: rgba(0,0,0,.6);
		padding: 6px;
		border-radius: 3px;
	}
	#signup-demo img { cursor: pointer; height: 40px; }
	#signup-demo img:hover { opacity: .5; }
	#signup-demo div {
		color: #fff;
		font-size: 10px;
		font-weight: 600;
		padding-bottom: 6px;
	}
	#page-signup-bg
	{
		z-index:-2;
	}
	
	.bg-primary { 
		border-radius: 0px;  
		background-color: #000 !important;
	    border: none;
		border-radius:5px; 
		line-height: 16px;
		outline: 0!important; 
		text-align: center;
		width: 100%;
		max-width:180px;
		margin:0px auto;
		-webkit-transition: all .3s;
		transition: all .3s;
		letter-spacing: 0.05em;
		font-size: 13pt !important;	
		padding:10px;
	   }
		
	 
.SignInBtn , .SignUpBtn { width:49.0% !important; display:inline-block; font-size:12pt !important; }

.SignInBtn
{
	border-radius: 5px;
	margin-left: 0px;  
	background: #70BE44;
	color: #FFF;
    letter-spacing: 0.05em;
    font-size: 13pt !important;	
 
}
 .SignUpBtn
 {
        border-radius: 5px;
        margin-left: 0px;  
        color: #000;
		letter-spacing: 0.05em;
		font-size: 13pt !important;	
	   
	   
}
.btnOut { background:#71bf44; color:#fff;}
.btninside { background:#71bf44; color:#fff;}
.btnOut:hover, .btninside:hover { background:#010101; color:#fff;}

.form-actions { width: 100%;
		max-width:180px;
		margin:0px auto; }
		
		
label {     
    font-size: 11pt;
    letter-spacing: 0.05em;
    font-variant: inherit; }
.user-img
{
	position: relative;
}

.user-img input
{
    position: absolute;
    width: 120px;
    height: 120px;
    display: block;
    top: 0;
    left: 0;
}

.page-signup .form-group.w-icon .signup-form-icon {
    border-right: 1px solid #d6d6d6;
    bottom: 9px;
    color: #d6d6d6;
    display: block;
    font-size: 14px;
    left: 0;
    line-height: 27px;
    position: absolute;
    text-align: center;
    top: 9px;
    width: 40px;
    z-index: 1002;
    -webkit-transition: all .3s;
    transition: all .3s;
} 
#company .form-control { max-width:380px;} 
 textarea.form-control { height: 120px; }


/*-------------End main--------------------------------------------------*/


/* =============================================================
   NAVBAR & MENU STYLES
 ============================================================ */

.right-div {
    float: right; 
   /* padding: 20px; */
  
}


.right-div .btn {
    float: right; 
   /* padding: 20px; */
   border-top:0px; border-radius: 0px;
  
}
#menu-top a {
    color:#fff;
    text-decoration:none;
    font-weight:500;
	font-family: CocogooseTrial2;
    padding: 10px 29px;  /* padding: 25px 15px 25px 15px; */
    text-transform:uppercase;
	 -webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;
	-ms-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
    
}
.dropdown-menu { 
	    background: #FFF;
	    -webkit-transition:all .15s ease-in-out;
    	-moz-transition:all .15s ease-in-out;
	    -ms-transition:all .15s ease-in-out;
	    -o-transition:all .15s ease-in-out;
		}
.dropdown-menu li a:hover { 
	background: #70bf42 ;  
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;
	-ms-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	}
 
  
 
.menu-section {
	/* background-color: #f7f7f7; */
     /*  border-bottom:10px solid #f2f2f2; */
     width:100%;
	 margin-top:-20px;
}
.menu-top-active {
    background-color:#70bf42;
    color:#fff !important;
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;
	-ms-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	font-family: CocogooseTrial;
}

.menu-top-active:hover {
    background-color:#70bf42  !important;
    color:#fff !important;
	transition:all .15s ease-in-out;
	-webkit-transition:all .15s ease-in-out;
	-moz-transition:all .15s ease-in-out;
	-ms-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	font-family: CocogooseTrial;
}
  
.navbar-inverse {
background-color: #FFF;
border-color: rgba(155, 153, 153, 0.0);

}

.navbar {
    min-height: 80px;
    margin-bottom: 0px; 
    border-top: 0px solid #f15b2a;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color:transparent;
}
.navbar-toggle {
background-color: black;
border: 1px solid black;
}

    /* =============================================================
   DASHBOARD STYLES
 ============================================================ */

.img-comments {
   border: 3px double #e1e1e1;
height: 60px;

}

.chat-widget-main {
    max-height:300px;
    overflow:auto;
	padding:5px 25px; 
	border-left:2px solid #000;
	border-right:2px solid #000;
 }
 

.slide-bdr {
   /* border:5px solid #9170E4 */
}
.chat-widget-left:after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color: #F70E62;
    border-width: 15px;
    margin-left: -15px;
	 font-size:12px;
    letter-spacing: 0.05em;
}

.chat-widget-left {
    width: 100%;
    height: auto;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #F70E62;
    font-size:12px;
    letter-spacing: 0.05em;
}
.chat-widget-right:after {
    top: 100%;
    right: 10%;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color: #5AA8CC;
    border-width: 15px;
    margin-left: -15px;
	 font-size:12px;
    letter-spacing: 0.05em;

	}

.chat-widget-right {
    width: 100%;
    height: auto;
    padding: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    border: 1px solid #5AA8CC;
     font-size:12px;
    letter-spacing: 0.05em;
}

.chat-widget-name-left {
   color: #808080;
    margin-top: 30px;
    margin-left: 40px;
    text-align:left;
   font-size:12px;
    letter-spacing: 0.05em;
} 
    .img-left-chat {
       
        float:left;
        margin-right:15px;
		margin-top: -15px;
    }
     .img-right-chat {
        /* border:3px double #e1e1e1; */
        float:right;
        margin-left:15px;
		margin-top: -15px;
    }
     .chat-widget-main img-right {
        border:3px double #e1e1e1;
        float:left;
    }
.chat-widget-name-left h4 {
    font-weight:normal;
    font-size:11px;
    
}
.chat-widget-name-left h5 {
    font-weight:normal;
    font-size:10px;
}
.chat-widget-name-right h4 {
    font-weight:normal;
    font-size:11px;
}
.chat-widget-name-right h5 {
    font-weight:normal;
    font-size:10px;
}
.chat-widget-name-right {
    color: #808080;
    margin-top: 40px;
    margin-right: 40px;
    text-align:right;
	 font-size:12px;
    letter-spacing: 0.05em;
}

.recent-users-sec img {
    max-height:80px;
    margin:15px;
}

.back-widget-set {
    background-color:transparent;
}

/* =============================================================
      FOOTER SECTION STYLES  
 ============================================================ */
.redError {
	padding:10px 5px 30px 5px;
	color:#f00;
	font-family: 'CocogooseTrial', Open Sans, Arial, sans-serif;
	line-height:24px;
	letter-spacing:1px;
 }
 
#RemoveProduct { 
	border: 0;
    min-width: 100px;
    color: white;
    padding: 6px 5px;
    margin-top: 10px;
    border-radius: 0px;
	background:#f33a3a;
} 
.btn-remove { float:right; vertical-align:top; display:inline; }
 
.footer-section {
    padding: 15px 60px 8px 60px;
    color: #fff;
    font-size: 13px; 
    /* background-color: #444; */
    text-align: center;
    /* border-top: 10px solid #fff; */
}

.footer-section a, .footer-section a:hover {
     color:#fff;   
}

.mmenus { width:80%; margin:0px auto; }

@media screen and ( max-width:767px ) {
    .logomain { width:90px; padding:0px; margin:5px 15px }      
    .SignInBtn , .SignUpBtn {font-size:10pt !important; }    
    .remove_button button , .add_button button {  margin-top:0px;  }  
	.header-line-top { 
		padding-left:5px; margin-left:5px; margin-top:40px;
	}
 
	.mmenus { width:100%; margin:30px 0px 0px; }
	.rectangleOrg { width:100%;  min-width:180px !important; margin-bottom:5px; display:inline-block !important; vertical-align:top !important; }
	.navbar-collapse {
    padding-left: 10px;
	padding-right: 10px;
		}
    .collapse.in {
		display: block; 
	}
	.navbar-nav {	 
	   width:100%;
	   margin:0px auto 0px;		
}
   /* .right-div .btn {
        float: right; 
        border-top:1px solid #ccc !important; border-bottom:0px; border-radius: 0px; 
        
    } */
    .navbar-header > button { background-color:#0c923f; border:0px; top:50px; right:-6px; position: absolute; border-radius:0px;}
    
    .menu-section [class*='col-']{ padding: 0px !important; }
    
}
.loader {
    vertical-align: center;
    top: 40%;
    left: 45%;
    position: absolute;
    z-index: 9999;
    display: none;
}

.overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    z-index: 9998;
    opacity: 0.7;
    height: 100%;
    position: fixed;
    display: none;
}
.require {
    background: none repeat scroll 0 0 #dd4d3b;
    color: #fff;
    display: inline-block;
    margin: 0;
    padding: 2px 5px;
}
.btnCls
{
	border :1px solid !important;
	display:inline;
	width:45%;
	min-width:80px;
}
.btnClsGreen
{
	border :1px solid #119545 !important;
	padding:2px 15px;
	background:#119545;
}
#MainImageView
{
	position:relative;
}
.MainImageView
{
	position:relative;
}
.closeImg{
position:absolute;display:block;right:10;top:0;color:#FF0000;cursor:pointer;
}

.red {
    color: #dd4d3b;
    display: inline-block;
    margin: 0;
    padding: 2px 5px;
}
.UpdateQuantityBtn{
	
}
.SaveQuantityBtn{
	font-size:11px;
	padding:2px 5px;
	background:#5cb85c;
	color:#fff;
	font-weight:bold;
}

 .alert-error{
	color:#ff0000;
	letter-spacing:0.1em;
	display:none;
	font-size:13px;
 }
 #forgot_password a{
	color:#ff0000;
	letter-spacing: 0.03em;
	font-size: 12px ;	
	font-weight:normal;
 }
 .forgotPaswdText{
	color:#ff0000;
	letter-spacing: 0.05em;
	font-size: 14px ;	
	font-weight:500;
	text-align:center;
	padding-bottom:10px;
 }
 .OTPScreentxt{
	color:#000;
	letter-spacing: 0.05em;
	font-size: 14px ;	
	font-weight:500;
	text-align:center;
	padding-bottom:10px;

 }
 
 .successMsg{
	padding:3px;
	letter-spacing: 0.05em;
	font-size: 10px ;	
	font-weight:500;
	text-align:center;
 }
 .imgBox {
	position:relative; display:block; width:200px;
 }
	
 .lang-list-footer li input {
	color:#000;
	font-size:13px !important;
	background-color:Transparent; border: none;
	letter-spacing:0.05em;
 }
 
 
 /*------------------------	Bulk Student Creation Start	--------------*/

 .bulk-student-container-outer {
	background: none repeat scroll 0 0 #fff;
	padding: 20px 20px;
	width: 100% auto;
	height: 100%;
}

.file-upload-container-outer {
	background: none repeat scroll 0 0 #F1F2F3;
}

.file-upload-left-container {
	background: none repeat scroll 0 0 #F6F7F8;
	padding:  5%; 
	border-right: 1px solid #e3e5e7;
	color: #777;    
}

.file-upload-right-container {
	background: none repeat scroll 0 0 #F1F2F3;
	padding: 30px 2%; /*30px 2% 100px;*/
	width: 63.85%;
	color: #777;
	position: relative;
}

.file-upload-left-container .dropzone {
	padding: 10px;
	border: 1px dashed #e3e5e7;
	background-color: #fff;
	text-align: center;
	position: relative;
}

.file-btn {
	border-radius: 2px;
    font-size: 13px;
    line-height: 1.54;
    padding: 6px 12px;
	background-color: #5cb85c;
    border-color: #5cb85c;
    color: #e3f2fd;
	margin: 10px auto;
	cursor: pointer;
    display: inline-block;
}

.file-btn input{
	left: 0;
	height: 100%;
	width: 100%;
    position: absolute;
    top: 0;
    /*visibility: hidden;
	display: none;*/
	opacity: 0;
}

.file-upload-right-container .table {
	border: 1px solid #e3e5e7;
	background-color: #fff;
	margin-bottom: 20px;
    max-width: 100%;
    width: 100%;
}

.file-upload-right-container .table thead tr {
	padding: 0;
}

.file-upload-right-container .table thead th, .file-upload-right-container .table tbody td{
	padding: 8px 15px;
	text-align: left;
}

.file-upload-right-container .table tbody td {
	border-top: 1px solid #eeeff1;
}

.text-success {
	color: #95B75D;
}

.text-warning {
	color: #FEA223;
}

.text-danger {
	color: #B64645;
}

.download-template {
	padding: 30px 0;
 
}

.file-btn-container {
	margin-top: 30px;
}

.flow-btn {
	display: inline-block;
    font-size: 14px;
	font-family: 'Source Sans Pro';
	padding: 3px 12px;
    text-align: center;
	border: 1px solid transparent;
	cursor: pointer;
	margin: 0 auto !important;
}

.btn-info {
    background-color: #2772ee;
    border-color: #2772ee;
    color: #fff !important;
}

.btn-default {
    background-color: #fff;
    border-color: #e3e5e7;
	color: #777 !important;
}

.flow-btn i {
	border-radius: 0;
    /*float: left;
    height: 32px;*/
    left: -1px;
    line-height: 34px;
    margin: -7px 10px -8px -14px;
    position: relative;
    text-align: center;
    width: 36px;
}

.btn-info i {
	background-color: #1261e4;
    border: 1px solid #1261e4;
}

.btn-default i {
	background-color: #f0f0f0;
    border: 1px solid #d3d6d9;
}

.disabled-ok {
	background-color: #5cb85c;
    border-color: #5cb85c;
	box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}

.disabled-cancel {
	background-color: #fff;
    border-color: #ccc;
	box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
	color: #777 !important;
}

.bulk-student-overlay {
	background: none repeat scroll 0 0 rgba(256,256,256,0.4);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

.bulk-student-overlay .bulk-student-overlay-loader {
	background: url("../images/loading.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 25px;
    position: absolute;
    left: 45%;
    text-align: left;
    top: 75px;
    width: 25px;
    z-index: 999;
}

.respon { margin: 0;
  padding: 0;}
		
 .respon table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.respon table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
  text-transform: ;
}

.respon table tr {
  background: #f8f8f8;
  border: 0 solid #ddd;
  padding: .35em;    
 
}

.respon [type="checkbox"] { 
	width: 25px;
    font-size: 50px;
    height: 25px;
    border-radius: 50% !important;
    background: black; 
}
.respon table th{text-transform: ;}
.respon table td { font-size:11pt; }  
  
.respon table th,
.respon table td {
  padding: .625em;
  text-align: left;
}
.respon table th {
  font-size: 11pt;
  letter-spacing: .1em;
  text-transform: ;
}
@media screen and (max-width: 600px) {
  .respon table {
	border: 0;
  }
 .respon  table caption {
	font-size: 11pt;
  }
  .respon table thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
  }
 .respon  table tr {
	border-bottom: 3px solid #ddd;
	display: block;
	margin-bottom: .625em;
  }
 .respon  table td {
	border-bottom: 1px solid #ddd;
	display: block;
	font-size: 11pt;
	text-align: right;
  }
  .respon table td:before {
	/*
	* aria-label has no advantage, it won't be read inside a table
	content: attr(aria-label);
	*/
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: ;
  }
  
 }
#VariantContainer {
    border: 1px solid #CCC;
    max-width: 87%;
    width: 100%;
    margin: 0px auto;
    background: #FFF;
    padding: 20px;
    position: fixed;
    overflow: none;
	max-height:500px;
	z-index: 9991;
	top: 10%;
	
}
.LoginContainer .close {
    margin-top: -18px;
    margin-right: -12px;
    font-size: 13pt;
}

.overlay2 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    z-index: 999;
    opacity: 0.7;
    height: 100%;
    position: fixed;
	display:none;
}
.variantTable{
	border:1px #ccc solid;
	
}
.variantTable tr td{
border-color:#ccc;
padding:3px;
text-align:center;
}
.variantTable tr:first-child{
font-weight:bold;
}
.innerCheckbox {
display:inline-block;min-width:200px;
}