﻿/*changes for FFM-693(proctor)*/

.FloatL{float:left;}
.w900px{width:900px !important;}
.w25p{width:25% !important;}
.w65p{width:65% !important;}
.h42px{height:42px;}
.w895px{width:895px !important;}
.w620px{width:620px !important;}
.w580px{width:580px !important;}
.manage-Instructor label {font-weight: 700;}
.w95p{width:95%;}
.w50p{width:50%;}
.w100p{width:100%;}
.previewresult {background: #FCFCFC;border: #ccc solid 1px; padding: 10px;}
.mR10px{margin-right:10px;}
.main_table_cont{width:100%;background-color: transparent;border-collapse: collapse; border-spacing: 0;max-width: 100%;}
.mTop20px{margin-top:20px;}
#formeditStatusMessage{width:100%; float:left;}
.modal-footer{float:left;margin-top:15px;width:100%;}
.mobileViewContentWidth{width:10%; }
.mobileVewButtonContent{width:25%; float:left;}
#classInstructorListMobile th{width:30%;float:left;}
#classInstructorListMobile tr td{width:50%;float:left;word-wrap: break-word;}
.main_table_cont th {
    background: #eaeaea none repeat scroll 0 0;
    border: 1px solid #d5d5d5;
    color: #333;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    text-align: left;
}
.main_table_cont td {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c1c1c1;
    font-size: 13px;
    padding: 10px;
}

     #classSearchInstructorsListMobile{display:none;}
     .main_table_cont.table_web{display:inline-table;}
     
     #classInstructorListMobile{display:none;}
     #tblclassInstructorsList tbody {display:table-row-group;}
     
     .linkDisable
     {
      text-decoration: none;   
     }
     
     .disable-anchor,.disable-anchor:hover {
    text-decoration:none !important;
    cursor: not-allowed;      
	background:#f2f2f2 !important;
	color:#989898 !important; text-shadow:none !important; filter:none !important;
}

.btn.pull-inline-block.clsbtnDeleteInstructor.c40100{padding:6px 12px !important; }
.btn.pull-inline-block.clsbtnEditInstructor.c40{width:auto;}


@media screen and (max-width: 1200px) 
{
    .btn.pull-inline-block.clsbtnDeleteInstructor.c40100{padding:6px 12px !important; width: 100%;
margin: 5px 0 0 0;}
.btn.pull-inline-block.clsbtnEditInstructor.c40{width: 100%;}
}
@media screen and (max-width: 990px) 
 {
   .btn.pull-inline-block.clsbtnEditInstructor.c40{width:100%;}
   }
   
   @media screen  and (max-width: 690px)
 {
     #classSearchInstructorsListMobile{display:block !important;}
     .main_table_cont.table_web{display:none !important;}
     
     #classInstructorListMobile{display:block !important;}
     #tblclassInstructorsList{display:none !important;}
     
     #classInstructorListMobile tbody {
    float: left;
    width: 100%;
}
     #classInstructorListMobile tr {
    float: left;
    width: 100%;
}
    #classInstructorListMobile th {
    float: left;
    width: 40%;
}
    #classInstructorListMobile tr td {
    float: left;
    width: 60%;
    word-wrap: break-word;
}
 }
 
 @media screen  and (max-width: 685px) 
 {
     #classSearchInstructorsListMobile{display:block !important;}
     .main_table_cont.table_web{display:none !important;}
     
     #classInstructorListMobile{display:block !important;}
     #tblclassInstructorsList{display:none !important;}
 }
 
 @media screen and (max-width: 420px) 
{
.c40{padding: 6px 12px !important; width:100%;}
.c10040{margin-top:6px; padding: 6px 12px !important; width: 100%;margin-left:0px !important;}
}
.btn.btn-default:focus{background-color:#8cc63f; color:White;}
.c40{padding: 6px 12px !important; width:40%; margin:0 5px 0 0;}
.InstrEmail{width:auto;}
@media screen and (max-width:900px)
{   
    .InstrEmail{width:120px;}
    .btn.pull-inline-block.clsbtnEditInstructor.c40100{padding: 6px 12px; width: 100%;}
    .btn.pull-inline-block.clsbtnDeleteInstructor.c40100{padding: 6px 12px; width: 100%;}
.c40{padding: 6px 12px !important; width:100%; margin: 0 0 5px;}
#desktoptable
{
display:table;
}
}

@media screen and (max-width: 800px) 
{ .btn.pull-inline-block.clsbtnEditInstructor.c40100{padding: 6px 12px; width:100%;}
    .btn.pull-inline-block.clsbtnDeleteInstructor.c40100{padding: 6px 12px ; width:100%;}

}

@media screen and (max-width: 700px) 
{ .btn.pull-inline-block.clsbtnEditInstructor.c40100{padding: 6px 12px; width:40%;}
    .btn.pull-inline-block.clsbtnDeleteInstructor.c40100{padding: 6px 12px !important; width:100%;}

}
@media screen and (max-width: 600px) 
{ #desktoptable {
    display: none;
} .btn.pull-inline-block.clsbtnEditInstructor.c40100{padding: 6px 12px; width: 40%;}
    .btn.pull-inline-block.clsbtnDeleteInstructor.c40100{padding: 6px 12px; width: 40%;}
.c40{padding: 6px 12px !important; width:40%;}
.c10040{margin-left:5px; padding: 6px 12px !important;}
}
 @media screen and (max-width: 479px) 
 {
.btn.pull-inline-block.clsbtnEditInstructor.c40100{padding: 6px 12px; width:100%;}
.btn.pull-inline-block.clsbtnDeleteInstructor.c40100{padding: 6px 12px; width:100%;}
}

