body 
{

}

.tblProductName
{
width:231px;
}

.tblVariant
{
width:171px;
}
.tblPrice
{
width:61px;
}
.tblQuantity
{
width:70px;
}
.tblLineTotal
{
width:71px;
}

table.dateSelectTable, table.dateSelectTable tr, table.dateSelectTable td
{
    background-color:#fff;
    padding: 0px;
 }

table.white
{
    background-color:#fff;
 }

#schoolReporting table, #schoolReporting th, #schoolReporting td
{
border-collapse:collapse;
background-color:#f5f5f5;
border:none;
}

#schoolReporting input[type="text"], #schoolReporting select
{
    margin-bottom: 0px;
}


#CustomerInformation textarea, #CustomerInformation input[type="text"],#CustomerInformation input[type="email"], #CustomerInformation select, #CustomerInformation .uneditable-input
{
    margin-bottom:0px;
 }

#tblProduct table, #tblProduct th, #tblProduct td
{
border-collapse:collapse;
}

#tblProduct td, #tblProduct th
{
    padding:10px;
    text-align:left;
    
}

#tblProduct th
{color:#fff;
        background-color:#0088cc;
}

#tblProduct select,
#tblProduct textarea,
#tblProduct input[type="text"],
#tblProduct .uneditable-input {
  margin-bottom: 0px;
}

#pnlAddStudents
{
    margin-bottom:10px;
}

.student-bulk {
width: 130px;
}


.orderQuantity {
width: 30px;
}

.orderPrice {
width: 50px;
}

.lineTotal {
width: 50px;
}

.studentId 
{
    width:30px;
}

.artworkId 
{
    width:80px;
}

.studentField 
{
    width:100px;
}

.teacherField 
{
    width:100px;
}

#navWrapper
{
    margin-top:25px;
}

.input-abmCustom {
  width: 125px;
}


.contentWrapper
{
  
  background-color:#fff;

   }
   .content
{
    padding:15px;

   }

.ccTabs {
    padding-top: 0 !important;
}
.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

.form-group {
    margin-bottom: 15px !important;
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: .5rem;
}
.emailCheck {
    margin-top: 7px;
}

/* Grid */
.results
{

 min-height:150px; 

}

#spinner {
	display: none;
	width:100px;
	height: 100px;
	position: fixed;
	top: 50%;
	left: 50%;
	background:url(../img/spinner.gif) no-repeat center;
	text-align:center;
	padding:10px;
	font:normal 16px Tahoma, Geneva, sans-serif;
	border:0px solid #666;
	margin-left: -50px;
	margin-top: -50px;
	z-index:2;
	overflow: auto;
}

#spinnerWrapper
{
    text-align:center;
}

#spinnerTop 
{ 
	display: none;
	width:100px;
	height: 100px;
	background:url(../img/spinner.gif) no-repeat center;
	text-align:center;
	padding-top:5px;
	overflow: auto;
	position: fixed;
left: 775px;
}

.abmLoader {
    display:    none;
    position:   fixed;
    z-index:    99999999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../img/spinner.gif') 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}


body.loading .abmLoader {
    display: block;
}

#ContentWrapper
{
    position:relative;
}

.abmStatus
{

}









.fade {
    opacity: 1;
    -webkit-transition: opacity 0.15s linear;
    -moz-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
}
.fade.in {
    opacity: 0;
}



.hidden
{
    display:none !important;	
}

.fruitGrid { 
    /* structure */
    width: 610px; 
    padding: 5px; 
}

.fruitGrid .headColumn { 
    /* structure */
    padding: 10px; 
    
    /* skin */
    color: White;
    background-color: #888;
    text-align: left;

}

.fruitGrid .row:nth-child(even) { 
    /* skin */
    background-color:#eee; 
}

.fruitGrid .rowItem { 
    /* structure */
    padding: 10px; 

}

.fruitGrid .rowItem .read   { 
    /* structure */
    display: block;
}

.fruitGrid .rowItem .schoolId   { 
    width:30px;
}

.fruitGrid .rowItem .schoolState   { 
    width:110px;
}

.fruitGrid .rowItem .schoolState   { 
    width:110px;
}

.fruitGrid .tools { 
    /* skin */
    width:135px;
    background-color:#ffffff;
    padding: 5px;
}


.artGrid { 
    /* structure */
    width: 610px; 
    padding: 5px; 
}

.artGrid .headColumn { 
    /* structure */
    padding: 10px; 
    
    /* skin */
    color: White;
    background-color: #888;
    text-align: left;

}

.artGrid .row:nth-child(even) { 
    /* skin */
    background-color:#eee; 
}

.artGrid .rowItem { 
    /* structure */
    padding: 10px; 

}

.artGrid .rowItem .read   { 
    /* structure */
    display: block;
}

.artGrid .rowItem .schoolId   { 
    width:30px;
}

.artGrid .rowItem .schoolState   { 
    width:110px;
}

.artGrid .rowItem .schoolState   { 
    width:110px;
}

.artGrid .tools { 
    /* skin */
    width:60px;
    padding: 5px;
}


.classroomGrid { 
    /* structure */
    width: 610px; 
    padding: 5px; 
}

.classroomGrid .headColumn { 
    /* structure */
    padding: 10px; 
    
    /* skin */
    color: White;
    background-color: #888;
    text-align: left;

}

.classroomGrid .row:nth-child(even) { 
    /* skin */
    background-color:#eee; 
}

.classroomGrid .rowItem { 
    /* structure */
    padding: 10px; 

}

.classroomGrid .rowItem .read   { 
    /* structure */
    display: block;
}

.classroomGrid .rowItem .schoolId   { 
    width:30px;
}

.classroomGrid .rowItem .schoolState   { 
    width:110px;
}

.classroomGrid .rowItem .schoolState   { 
    width:110px;
}

.classroomGrid .tools { 
    /* skin */
    width:60px;
    padding: 5px;
}

.studentGrid { 
    /* structure */
    width: 610px; 
    padding: 5px; 
}

.studentGrid .headColumn { 
    /* structure */
    padding: 10px; 
    
    /* skin */
    color: White;
    background-color: #888;
    text-align: left;

}

.studentGrid .row:nth-child(even) { 
    /* skin */
    background-color:#eee; 
}

.studentGrid .rowItem { 
    /* structure */
    padding: 10px; 

}

.studentGrid .rowItem .read   { 
    /* structure */
    display: block;
}

.studentGrid .rowItem .schoolId   { 
    width:30px;
}

.studentGrid .rowItem .schoolState   { 
    width:110px;
}

.studentGrid .rowItem .schoolState   { 
    width:110px;
}

.studentGrid .tools { 
    /* skin */
    width:60px;
    padding: 5px;
}

/* Buttons */

.button {
    /* structure */
    padding: 8px 12px;
    
    /* skin */
    border: 1px solid gainsboro;
    cursor: pointer;  
    text-decoration: none; 
}

.addNewButton {
    /* skin */
    background-color: #FB8F3D;   
    background-image: -webkit-linear-gradient(top, #FDA352, #FB8F3D);
    background-image: -moz-linear-gradient(top, #FDA352, #FB8F3D);
    background-image: -ms-linear-gradient(top, #FDA352, #FB8F3D);
    background-image: -o-linear-gradient(top, #FDA352, #FB8F3D);
    background-image: linear-gradient(top, #FDA352, #FB8F3D);
    color: White;
}

.toolButton {
    /* skin */
    background-color: #F9F9F9;
    background-image: -webkit-linear-gradient(top, white, #F9F9F9);
    background-image: -moz-linear-gradient(top, white, #F9F9F9);
    background-image: -ms-linear-gradient(top, white, #F9F9F9);
    background-image: -o-linear-gradient(top, white, #F9F9F9);
    background-image: linear-gradient(top, white, #F9F9F9);
    color: #444;
}

/*----------------- @Columns --------------------------------*/
.one_half, .one_third, .one_fourth, .one_fifth, .one_sixth,
.two_third, .three_fourth, .four_fifth, .five_sixth, .two_fifth, .three_fifth{
   float          :left;
   margin-right   :4%;
   position       :relative;
   height         :auto !important;
   min-height     :1px;
   margin-bottom  :5px;
}

.one_half{       width:48%;        }
.one_third{      width:30.667%;    }
.one_fourth{     width:22%;        }
.one_fifth{      width:16.8%;      }
.one_sixth{      width:13.3334%;   }
.two_third{      width:65.3334%;   }
.two_fifth{      width:33.6%;      }
.three_fifth{    width: 58.4%;     }
.three_fourth{   width:74%;        }
.four_fifth{     width:79.2%;      }
.five_sixth{     width:82.667%;    }
.last{           margin-right:0 !important; clear:right; }

/*----------------- @banner notifications --------------------------------*/
#message {
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:105;
    text-align:center;
    padding:3px 0px 3px 0px;
}
#message span {
    text-align: center;
    width: 95%;
    float:left;
}

.close-notify {
    white-space: nowrap;
    float:right;
    margin-right:10px;
    color:#fff;
    text-decoration:none;
    padding-left:3px;
    padding-right:3px
}

.close-notify a {
    color: #fff;
}

.abmTxt {
    width: 100% !important;
}

.abmSelect {
    width: 100% !important;
}

/*----------------- @V2.0 Styles --------------------------------*/

.schoolInnerTable {
    margin: 0px !important;
}