body {
    background: url(/ui/images/bodyBg.gif) repeat-x top left white; font-family: Arial, Helvetica, 'sans serif';
	/*border-style:solid;
	border-width:1px;
	 border-radius:15px; 
	box-shadow:1px 1px 1px #F8F8F8 ;
	border-top-left-radius: 20px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 0;
	}*/ 
	margin:0;
	padding:0;
	font-size:20px;
	text-align: center;
	
	
}
form {
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
	text-align: center;
}
td{
	margin:0;
	padding:3;
	font-family:Arial;
	font-size:12px;
}
th{
	margin:0;
	padding:3;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
}
input{
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
}
select{
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:12px;
}

table,th,td {
	border: 1px solid; 
	padding: 3px;
	
} 
table{
	 border-collapse: collapse;
    border-spacing: 0; 
}

h1 {
	margin:0;
	padding:0;
	font-family:Arial;
	font-size:14px;
}

a {
	color:#83B2C3;text-decoration: none;
 }
a:hover {
	text-decoration: underline;
	}
.clear {
	clear: both; height: 0px;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}
.align-center {
	text-align: center;
	}

#login {
	padding-top: 20px;
    margin: auto;
    overflow: hidden;
    width: 300px;
	padding-bottom: 100px;
}

#pselector {
	padding-top: 20px;
    margin: auto;
    overflow: hidden;
    width: 600px;
	padding-bottom: 100px;
	text-align: center;
}


#pselector a img
{
	border: 1px solid #FFFFFF;
}
#pselector a:hover img
{
	border: 1px solid #6699cc;
}
	
#container {
	padding-top: 20px;
    margin: auto;
    overflow: hidden;
    width: 1350px;
    height:770px;
}
.container {margin: auto; overflow: hidden; width: 1100px;}
#header {width: 968px; padding: 0 0 0 32px; background: url(/ui/images/toprightGraphic.gif) no-repeat top right; height: 59px;margin-top: 0%}
#logo {float: left; height: 100px; width: 200px;}

#headBtn {float: right; padding: 19px 100px 0 0;}
#headBtn li {display: block; float: left; padding: 0 5px 0 0; text-transform: uppercase;}
#headBtn li.orange a {background: #f07155;}
#headBtn li.orange a:hover {background: #c45c45; text-decoration: underline;}
#headBtn li a {font-size: 10px; color: white; text-align: center; display: block; padding: 5px 16px;}
#headBtn li.disabled a {background: #c45c45; text-decoration: none;font-size: 10px; color: white; text-align: center; display: block; padding: 5px 16px;cursor:default;}
#headBtn li.disabled a:hover {background: #c45c45; text-decoration: none;cursor:default;}

#navBtn { padding: 19px 100px 0px 135px; width: 880px; display: table-row;}
#navBtn li {display: block; float: left; padding: 0 5px 0 0; text-transform: uppercase;}
#navBtn li.gray a {background: #666666;}
#navBtn li.gray a:hover {background: #999999; text-decoration: underline;}
#navBtn li a {font-size: 10px; color: white; text-align: center; display: block; padding: 6px 5px;}
#navBtn li.disabled a {background: #c45c45; text-decoration: none;font-size: 10px; color: white; text-align: center; display: block; padding: 5px 16px;cursor:default;}
#navBtn li.disabled a:hover {background: #c45c45; text-decoration: none;cursor:default;}

#footer {
	position: relative;
	overflow: hidden;
    width: 80%; 
    margin: auto;
    zoom:1;
    padding :4px;
     
   /*  max-height: 500px; */
    }
#footer p {color: #8d8d8d; font-size: 11px; zoom:1;}
#footer img {float: right;}

#error {color: #be0000;}


input[type="text"] {
     width: 100%; 
     box-sizing: border-box;
     -webkit-box-sizing:border-box;
     -moz-box-sizing: border-box;
}
textarea {
    border: none;
    width: 98%;
    resize:none;
   }
   
   #generatedkeytbl{
   width: 58%;
   }
    #copyfrom{
 
    width: 36%;
    position: absolute;
    z-index: 500;

  	} 
   #copyfromdiv{
   width: 36%;
   width: 50%;
   z-index: 1500;
    position: absolute;
    background-color: white;
    margin-bottom: 3%;
     margin-left: 3%;
   }
   .copyTextarea{
   position: absolute;
    margin-bottom: 4%;
    margin-left: 5%;
   }
   #previousBatches{
   	width:77%;
   	overflow: auto;
   	border:0px solid;
   	max-height: 491px;
   	display: block;
   }
   .mainSearchContainer{display: none;width: 100%;}
   #LtiSearchH1{padding-top: 0.5em; margin-top: 1em; margin-bottom: 1em;}
   #LTISearchTable{text-align: center; margin-bottom: 10px;}
    #searchTableDiv{display: none;} 
   #searchKeyTbl{text-align: center; width: 100%; max-height: 573px;}
   #searchTable{display: none;width: 99%; overflow-y: auto; overflow-x: auto; border: 0px solid; max-height: 573px; margin-top: 1%;}
   #noResultFound{display: none; width: 100%;}
   #key_and_url{padding-top: 2%; padding: 15px; margin: 20px; display: none;}
   
   #previousBatchesTable tr:nth-child(even){background: #E8E8E8}
  #previousBatchesTable tr:nth-child(odd){background: #FFF}
  #summaryTable tr:nth-child(even){background: #E8E8E8}
  #summaryTable tr:nth-child(odd){background: #FFF}
  #searchKeyResult tr:nth-child(even){background: #E8E8E8}
  #searchKeyResult tr:nth-child(odd){background: #FFF}
   #searchResultForClasses tr:nth-child(even){background: #E8E8E8}
  #searchResultForClasses tr:nth-child(odd){background: #FFF} 
  #searchResultforInstitution tr:nth-child(even){background: #E8E8E8}
  #searchResultforInstitution tr:nth-child(odd){background: #FFF}
  #searchResultForUsers tr:nth-child(even){background: #E8E8E8}
  #searchResultForUsers tr:nth-child(odd){background: #FFF}
  #searchResultFordeleteUsers tr:nth-child(even){background: #E8E8E8}
  #searchResultFordeleteUsers tr:nth-child(odd){background: #FFF}
  #searchKeyTbl tr:nth-child(even){background:#E8E8E8}
  #searchKeyTbl tr:nth-child(odd){background: #FFF}
  #regSummeryTable tr:nth-child(even){background: #E8E8E8}
  #regSummeryTable tr:nth-child(odd){background: #FFF}
  #regSummeryTable{
    width: 280px;
    overflow: auto;
    max-height: 526px;
    display: block;
    border: 0px solid;
    padding:0px;
  }
  #searchKeyResultDiv{
    width: 78%;
    overflow: auto;
    max-height: 504px;
    display: block;
    border: 0px solid; 
  }
  #searchResultClassesDiv{
  width: 78%;
    overflow: auto;
    max-height: 526px;
    display: block;
     border: 0px solid;
  }
   #searchResultForUsersDiv{
   width: 90%;
    overflow: auto;
    max-height: 516px;
    display: block; 
    border: 0px solid;
  }
  #DeleteuserDiv{
    width: 90%;
    overflow: auto;
    max-height: 516px;
    display: none; 
    border: 0px solid;
  }
  #searchResultforInstitutionDiv{
  width: 48%;
    overflow: auto;
    max-height: 504px;
    display: block;
    border: 0px solid;
  }
 
.mainContainer{
	width: 1400px;
    border: 1px solid;
    border-color: #989898;
    box-shadow: 5px 5px 16px #989898;
}
.footerForLTI{margin-top: 10%;}
.mainCreateKeyContainer{height: 60%;}
.mainSearchContainer{height: 60%;}
#searchResultForClasses{width: 100%;}
#searchKeyResult{width: 100%;}
.header_44{background:linear-gradient(to right, #F8FAFC 0%, #0094d7 100%);}
.header_19{background:linear-gradient(to right, #F8FAFC 0%, #103246 100%);}
.header_39{background:linear-gradient(to right, #28C67C 10%, green 90%);}
.header_31{background:linear-gradient(to right, #F8FAFC 0%, black 100%);}
.header_33{background:linear-gradient(to right, #F8FAFC 0%, #008bcc 100%);}
.header_23{background:linear-gradient(to right, #F8FAFC 0%, #60BDDE 100%);}
.header_5{background:linear-gradient(to right, #F8FAFC 0%, #0B2F44 100%);}
.header_7{background:linear-gradient(to right, #F8FAFC 0%, black 100%);}
.header_17{background:linear-gradient(to right, #F8FAFC 0%, #0683CB 100%);}
.header_21{background:linear-gradient(to right, #F8FAFC 0%, #0683CB 100%);}
.header_46{background:linear-gradient(to right, #F8FAFC 0%, #f07155 100%);}
.header_43{background:linear-gradient(to right, #F8FAFC 0%, black 100%);}
.header_45{background:linear-gradient(to right, #F8FAFC 0%, black 100%);}
.header_15{background:linear-gradient(to right, #F8FAFC 0%, #329CDA 100%);}
.header_25{background:linear-gradient(to right, #e85f10 0%, #df235c 100%);}
.header_13{background:linear-gradient(to right, #F8FAFC 0%, #148BD0 100%);}
.header_9{background:linear-gradient(to right, #F8FAFC 0%, #987998 100%);}
.header_11{background:linear-gradient(to right, #F8FAFC 0%, #F3F781 100%);}
.header_29{background:linear-gradient(to right, #F8FAFC 0%, #707577 100%);}
.header_37{background:linear-gradient(to right, #F8FAFC 0%, #4F5050 100%);}
.header_1{background:linear-gradient(to right, #F8FAFC 0%, #f07155 100%);}
.header_47{background:linear-gradient(to right, #e85f10 0%, #df235c 100%);}
.header_27{background:linear-gradient(to right, #F8FAFC 0%, #f07155 100%);}
.header_2{background:linear-gradient(to right, #e85f10 0%, #f07155 100%);}
/* .header_48{background-color:} */
.header_41{background:linear-gradient(to right, #F8FAFC 0%, #BC95BC 100%);}
.header_35{background:linear-gradient(to right, #e85f10 0%, #634993 100%);}
.quarterlyReportTable{
	
	margin-top: 2%;
	}
#reportTableId{
 
    overflow-y: auto;
    overflow-x: auto;
    border: 0px solid;
    max-height: 573px;
    margin-top: 1%;
    display: inline-block;
	  }
	  #reportTableId tr:nth-child(even){background: #E8E8E8}
  #reportTableId tr:nth-child(odd){background: #FFF}
  span.label {
  vertical-align: top;
  }
  .text_red {
    color: red;
    border-color: black;
  }
 textarea#copyFrom {
    height: 0px;
    width: 0px;
}
   /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
	body.loading {
	    overflow: hidden;   
	}	
	/* Anytime the body has the loading class, our modal element will be visible */
	body.loading .modal {
	    display: block;
	}
	.modal {
	    display:    none;
	    position:   fixed;
	    z-index:    1000;
	    top:        0;
	    left:       0;
	    height:     100%;
	    width:      100%;
	    background: rgba( 255, 255, 255, .8 ) 
	                url('/ui/images/new_loader.gif') 
	                50% 50% 
	                no-repeat;
       text-align: center;
	   font-family: inherit;
	   font-size: 30px;
	                
	}
	
#configForm{
	display:none;	
	margin:10px;
}	
.configButtons{
	margin-left: 30px;
    background: #d2c8d685;
    font-family: sans-serif;
    font-weight: 1000;
    cursor: pointer;
}

#features{
    background: #b8c1ca;
    font-weight: bold;
    font-size: 14px;
    text-transform: capitalize;
}
#savebutton{
	background-color: #989898;
    border: none;
    color: white;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 12px;
    margin: 22px;
    width: 100px;
}
td.label {
    text-transform: capitalize;
    padding: 4px 4px;
}
.featuresClass{
	 text-transform: capitalize;
	 margin-right:10px
}
th.lableValue {
	width:50%;
}
#featuresTable{
	width:100%;
}
.config-table-container {
    max-height: 520px; 
    max-width: 625px; 
    overflow-y: auto;
    border-bottom: 1px solid black; 
}

.loaderText{
	height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: -110px;
}
#urlLink{
color: blueviolet;
}

#summaryTable tr:nth-child(odd) {
    background: #FFF;
}
.books_titles{
	border-style: groove;
	height: 28px;
}
#summaryTable td{
	vertical-align: middle;
}
#bookDropDown{
	display:none;
}
#booksConfig{
	background: #b8c1ca;
    font-weight: bold;
    font-size: 14px;
    text-transform: capitalize;
}

#classAssignment{
	display:none;
}
#classAssignmentForm{
	display:none;	
	margin:10px;
}

#saveClassAssignmentButton{
	background-color: #989898;
    border: none;
    color: white;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 12px;
    margin: 22px;
    width: 100px;
}

#classAssignmentArea{
	text-align: justify;
	font-size: 16px;	
	 max-height: 600px; 
    overflow-y: auto;
    border-bottom: 1px solid black; 
}

  #searchCustomerTableDiv{display: none;} 
   #searchCustomerKeyTbl{text-align: center; width: 100%; max-height: 573px;}
   #searchCustomerTable{display: none;width: 96%; overflow-y: auto; overflow-x: auto; border: 0px solid; max-height: 573px; margin-top: 1%;}