/*ipad media query end*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
{
/*menu styles*/

.wrapper{ max-width:950px !important; margin:0 auto;position:relative !important;}


#generic-tabs ul li{ display:inline-table; width:13.89%; background:#f1f1f2}
#generic-tabs ul { overflow: hidden; margin:0;}

#generic-tabs ul li a {text-align:center; display:block; text-decoration: none; color:#BBBBBB;padding-top:15px !important; padding-bottom:15px !important}


#generic-tabs ul li.active {background:#ffffff;border-top-left-radius: 15px;border-top-right-radius: 15px;}

#generic-tabs .tab-content
{ 
background:#FFFFFF;
padding-left:40px !important;
padding-right:40px !important;
}

#top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select
{
-webkit-appearance: menulist !important;
-moz-appearance:menulist !important;
    border-radius: 0px !important;
     background-image: none !important; 
    background-position: unset !important; 
     background-repeat: no-repeat !important;  
    
margin-left:5px !important;
margin-right:5px !important;


}
/*menu styles*/


/*custom css for design*/

.nomarres
{
margin-bottom: 15px !important;
margin-top:15px !important
}

.resheatr
{
font-size:25px !important;
color:#5e5e5e !important;
display: inline-block;
margin-top:30px !important

}

.custmreslogo
{

display: inline-block !important;
vertical-align: bottom !important;


}
.custmreshed
{
float:right !important;

}
.restext
{
font-size:25px !important;
color:#5e5e5e !important;
display: inline-block;
margin-bottom:9px !important;

}
.imgblocktext
{
font-size: 14px !important;
color: #5e5e5e !important;
padding-top: 3px !important;
margin: 0 !important;
line-height: 1.3 !important;
font-weight: 400 !important;

}
.martop
{
padding-top:  70px !important;
padding-bottom: 70px !important;
background: #f1f1f2 !important;

}
.custmreslogoleft
{
width:50%;
display:inline-block;
}
.custmreslogoright
{
width: 50% ;

position: relative;
float: right;
text-align: right;
}
.reslabelleftaudit {
    font-size: 14px ;
    font-weight: 600 ;
    color: #5e5e5e ;
    width: 26% ;
    display: inline-block ;
}

/*design for profile view*/


.headinglabel
                 {
                 font-size:20px !important;
                 font-weight:600 !important;
                 color:#000 !important;
                 width:100% !important;
                 
                 }
.firstrowdata
{
font-size:22px !important;
color:#00b2e0 !important;
padding-top:30px !important;
padding-bottom:30px !important;
}

.reslebelfull
{
font-size:14px !important;
color:#5e5e5e !important;
display:inline-block;
width:15% !important;
font-weight:600 !important;


}

.restextfieldfull
{


width:84% !important;
float:right !important

}

.marzero
{
margin-bottom:0 !important
}

.reshalfdesign
{
width:49% !important;
display:inline-block !important
}
.reslebelfullhalf
{
font-size:14px !important;
color:#5e5e5e !important;
display:inline-block;
width:22% !important;
font-weight:600 !important;


}

.restextfieldfullhalf
{


width:67.3% !important;
float:right !important;
}

.reslabelemail
{
font-size:14px !important;
color:#5e5e5e !important;
display:inline-block;
width:14% !important;
font-weight:600 !important;

}
.restextemail

{

width:84% !important;
float:right !important;
}

.reslabelleft
{
font-size:16px !important;
font-weight:600 !important;
color:#000 !important;
width:26% !important;
display:inline-block !important
}

.reslabelright
{
color:#000 !important;
width:74% !important;

float:right !important
}

.restextfield
{
width:75% !important;
display:inline-block !important
}

.resbtnallpage
{

background: #dd8a2e !important;
font-size: 20px !important;
border-radius: 20px!important;
padding: 10px 90px!important;
margin-bottom:40px !important
}

/*design for profile view*/

/*design for certificate view*/

.rescerleft
{
width:59% !important;
margin-bottom:20px !important;
display:inline-block !important;

}
.rescerright
{
width:39%  !important;
margin-bottom:20px !important;
display:inline-block !important;
}
.leftfirsttext
{
font-size:18px !important;
font-weight:600 !important;
color:#5e5e5e !important;
line-height:1.3 !important
}
.leftsecondtext
{

font-size:14px !important;
font-weight:400 !important;
color:#5e5e5e !important;
line-height:1.3 !important
}

.rightfirsttext
{
font-size:16px !important;
font-weight:600 !important;
color:#5e5e5e !important;
line-height:1.3 !important
}
.rightsecondtext
{
font-size:16px !important;
font-weight:600 !important;
color:#5e5e5e !important;
line-height:1.3 !important
}
.linkcolor
{
font-size:14px !important;
font-weight:400 !important;
color:#00b2e0 !important;
line-height:1.3 !important

}
.lastfourtypad
{
padding-bottom:40px !important
}
/*design for certificate view*/



/*design for audit view*/


.restextfield1
{
width: 87% !important;
display: inline-block !important;
}
.documeaudit
{
font-size:20px !important;
font-weight:600 !important;
padding-top:30px !important;
padding-bottom:30px !important;

}

th
{
background:#f1f1f2 !important;
border-color:transparent !important;
font-size:16px !important;
color:#5e5e5e !important;
}



.tablefirst
{
font-size:16px !important;
color:#e59013  !important;
font-weight:400 !important;

}

.tablesecond
{
font-size:16px !important;
color:#5e5e5e  !important;
font-weight:400 !important;

}
.tablethree
{
font-size:16px !important;
color:#5e5e5e !important;
font-weight:400 !important;

}


/*design for status */


/*design for media (for datatable)*/

#example_info
{
font-size:14px !important
}
#example_paginate
{
font-size:14px !important
}


#example_length
{
padding:10px !important;
padding-right:10px !important;
font-size:14px !important;


}


.dataTables_wrapper .dataTables_paginate .paginate_button {
box-sizing: border-box;
display: inline-block;
min-width: 1.5em;
margin-left: 2px;
text-align: center;
text-decoration: none !important;
cursor: pointer;
color: #333 !important;
border: 1px solid #e48f25 !important;
border-radius: 2px;
}

.datatable1text
{
font-size:16px !important;
color:#00b2e0 !important
}
.datatable2text
{
font-size:16px !important;
color:#5e5e5e !important
}



/*code for login and registration*/
.header-content {
    position: relative;
    width: 100%;
   
    text-align: center;
font-size:34px !important;
color:#222222 !important
}
.resbtnallpagelogin {
   background: #d72727 !important;
    font-size: 14px !important;
    border-radius: 20px!important;
    padding: 15px 40px!important;
    margin-bottom: 10px !important;
    font-weight: 600;
}

.loginbtnhalf
{
width:49% !important;
display:inline-block;
text-align:center !important
}
.loginwrapper 
{
    max-width: 600 !important;
    margin: 0 auto;
    position: relative !important;
}
.resbtntwoallpageleft
{
background: #e89137 !important;
font-size: 14px !important;
border-radius: 10px!important;
    padding: 15px 88px!important;
  
    font-weight: 600;
}
.resbtntwoallpageright
{
background: #cccccc !important;
font-size: 14px !important;
border-radius: 10px!important;
    padding: 11px 77px!important;
   
    font-weight: 600;
}
.checkboxlabel
{
      font-size: 14px ;
    color: #222222 ;
    font-weight: 400 ;
    display: inline-block;
height:15px ;
   vertical-align: bottom;
    
    line-height: 0;
    padding-left: 5px;
}
.loginlabel
{
font-size:14px !important;
color:#222222 !important;
font-weight:600 !important
}

.forgotpasstext
{
font-size:14px !important;
text-align:center !important;
font-weight:400 !important;
color:#5e5e5e !important
}
.resli
{
width:32.9% !important;
display:inline-block !important
}

.resincreblock
{

background:#ccc !important;
border:1px solid #ccc !important;
width:100% !important;
height:27px !important;
display:inline-block !important
}
.restext
{
font-size:15px !important
}
.borderlileft
{
border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.borderliright
{
border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.loginbtnfull
{
 background: #e59013 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    padding: 15px 80px!important;
    margin-bottom: 10px !important;
    font-weight: 600;
margin-top:20px !important
}
.reslebelfullreg {
    font-size: 14px !important;
    color: #5e5e5e !important;
    display: inline-block;
    width: 20% !important;
    font-weight: 600 !important;
   
}

.restextfieldfullreg {
    
    width: 78% !important;
    float: right !important;

}
.restextfieldreg1{
    width: 78% !important;
    display: inline-block !important;
}
.margintop
{
margin-top:60px !important
}

.Search {
  position: relative;
  display: flex;
  font-weight: 300;
 
  color: #555;
}

.Search-box {
  flex: 1 0 auto;
  margin: 0 12px;

  padding: 8px 40px 8px 8px !important;
  height: 35px;
  border: 0;
  
}


.Search-label {
     position: absolute !important;
    top: 7px !important;
    right: 13px !important; 
 font-size: 22px !important;
    color: #38b0dd !important;
  
}
.rescertlabel
{
font-size:16px !important;
font-weight:400 !important;
color:#5e5e5e !important;
}
.rescertlabelcheckbox {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #5e5e5e !important;
}

.rescertleftcheck
{
width:75% !important;
display:inline-block !important

}
.rescertrightcheck
{
width:24% !important;
display:inline-block !important;
vertical-align: top;
}
.leftcer
{
display:inline-block !important;
vertical-align:top !important
}
.rightcer
{

display:inline-block ;
width:81%
}
.checkreslabel
{
font-size:20px !important;
line-height:1px !important;


}
.leftcer1
{
display:inline-block !important;
vertical-align:top !important;
width:5% !important; 
}
.rightcer1
{
display:inline-block !important;
width:94% !important; 
}
.loginbtnfull1
{
 background: #e59013 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    padding: 15px 40px!important;
    margin-bottom: 10px !important;
    font-weight: 600;
    margin-top:20px !important;
    border: none !important;
    cursor: pointer;
}

input[type="checkbox"]
{
  width: 15px; 
  height: 15px; 
margin:0 !important
}

/*code for login and registration*/


/*code for instructor and directory*/

.dirtextleft
{
text-align:left !important
}
.dirheadinghr
{
max-width: 60px;
    border-color: #e59013 !important;
    border-width: 1.5px;
    margin: 0 !important;
}


.dirsearchleft
{

 width: 54% !important;
    display: inline-block !important;
}


.dirsearchright
{
 
    display: inline-block !important;
}

.guirestextfield {
   
    display: inline-block !important;
}
.guiloginbtnfull {
    background: #e59013 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    padding: 10px 80px!important;
    margin-bottom: 10px !important;
    font-weight: 600;
    
display:inline-block
}

.guichckboxgroup
{
width:100% !important;
display:inline-block !important
}
.disinliblock
{
display:inline-block !important;
margin:3px !important
}
.guireslebelfullreg {
    font-size: 18px !important;
    color: #5e5e5e !important;
    display: inline-block;
    width: 100% !important;
    font-weight: 600 !important;
    ;
}
.guisrchchrstlbl
{
font-size: 14px !important;
    font-weight: 400 !important;
    color: #5e5e5e !important;
    line-height: 1.3 !important;
}
.guiborderclass
{
border:1px solid #ccc !important;
padding:10px !important;
}


.guileftblock
{
width:20% !important;
display:inline-block !important;
margin-right:5px !important;

align-items: center;
}
.guicenterblock
{
width:44% !important;
display:inline-block !important;
border-right:1px solid #ccc !important;
}
.guirightblock
{
width:31% !important;
display:inline-block !important;
}

  .reswidthtext {
    width: 90%;
}
.imgalignblock
{


    display: inline-block !important;
    vertical-align: bottom !important;
    


}
.textalignblock
{

font-size: 12px !important;
    color: #5e5e5e !important;
    display: inline-block;
    margin-bottom: 9px !important;

} 

.ressidebarclass
{
width:25% !important;margin-top:70px !important;display:  inline-block;
}

.guiresfont
{
display:inline-block !important;
font-size: 16px !important;
    color: #e69013;
    margin-right: 10px !important;

}
.guiresfonttext {
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #222 !important;
    /* padding-bottom: 10px !important; */
}
.textheadbold
{
display:inline-block !important;
font-size:18px !important;
font-weight:600 !important;
color:#222 !important;
padding-bottom:15px !important
}
.vertialignlogo
{
display: flex;
align-items: center;
}
.textdisplay
{
display:block !important
}


.block {
  background: red;
  height: 100px;
}

.inner {
  display: inline-block;
  vertical-align: middle;
 
  
}
.fontalign
{
display:inline-block ;
vertical-align: top ;
width:7% ;

}
.guileftcerti12
{
width:48% !important;
display:inline-block !important;
text-align:left !important
}
.guirightcerti12
{
width:49% !important;
display:inline-block !important;
text-align:left !important;
padding-left:20px !important;
}
.samedate
{
color:#d72727 !important
}
.guimartop
{
margin-top:40px !important 
}

#pagination {

text-align:right !important

}
#pagination a {

padding:5px 7px !important;
margin:5px !important;
background:#ede7e4 !important

}
.restextguitd
{

font-size:18px !important;
font-weight:600 !important;
color:#222 !important;
padding-bottom:5px !important
}
.restextguitd1
{

font-size:14px !important;
font-weight:400 !important;
color:#222 !important;
padding-bottom:15px !important
}
#instructortable td:first-child 
{
width:60% !important;
border-right: 1px solid #ccc !important

}

#instructortable td:last-child

{
padding-left:20px !important;

}

#instructortable tr:nth-child(odd)
{
background:#fbfbfb !important;
padding:10px !important
}

.respaggination
{
    /* padding: 4px 9px !important; */
    background: #ede7e4;
    /* margin: 4px; */
    font-size: 14px;
    text-align: center;
}
.guiinstmar
{
  margin-top:30px !important; margin-bottom:0 !important
}
.marbotfifteen
{
  margin-bottom:15px !important
}
.guileftpadres
{
padding-left:5px !important
}
.headdirlabel
{
    font-size: 30px;
    line-height: 1.1em;
    margin-bottom: 14px;
}



.customwidth
{
width: 75% !important;
    margin-left: 0px !important;
}
.sidebar_left .inner_sidebar
{
margin-right:20px !important;

}

/*code for instructor and directory*/

.resbtntwoallpageleftregister {
   background: #e59013 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    padding: 15px 67px!important;
    margin-bottom: 10px !important;
    font-weight: 600;
    margin-top: 30px !important;
    color: #fff !important;
}
.resbtntwoallpagerightregister {
    background: #e59013 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
     padding: 15px 82px!important;
    margin-bottom: 10px !important;
    font-weight: 600;
    margin-top: 30px !important;
    color: #fff !important;



}
.resbtntwoallpagerightregistersubmit {
    background: #e59013 !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    padding: 16px 73px!important;
    margin-bottom: 10px !important;
    font-weight: 600;
    margin-top: 30px !important;
    color: #fff !important;

}
.modalDialog {
    position: fixed;
   
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}
.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}
.modalDialog > div {
    width: 400px;
    position: relative;
    margin: 10% auto;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #fff);
    background: -webkit-linear-gradient(#fff, #fff);
    background: -o-linear-gradient(#fff, #fff);
}
.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
.close:hover
 {
    background: #00d9ff;
}
.guirightcertiinstr12 {
   width: 31% !important;
    display: inline-block !important;
    text-align: left !important;
    padding-left: 0px !important;
}

.guileftcertiinstr12 {
    width: 33% !important;
    display: inline-block !important;
    text-align: left !important;
}
 .border-custom-left{
    border-left:1px solid #ccc;
    padding-left: 20px;
}
#top #main .sidebar_left .sidebar
{
    border-right:0 ;
}
.units
{
    margin-left:0;
    
}

.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu {
    height: auto;
}


.resimaheaderclass
{
    height:80px !important;
}

.resaudittextfieldres
{
 width: 31.7%; float: left; margin-right: 10px;   
}

.resaudittextfieldres1
{
    width: 31.7%;float: left;margin-right: 10px;
}

.resaudittextfieldres2
{
   width: 31.7%;float: left; 
}

.resauditlabelres
{
    width: 31.7%; float: left; margin-right: 10px;
}
.resauditlabelres1
{
    width: 31.7%;float: left;margin-right: 10px;
    
}

.resauditlabelres2
{
    width: 31.7%;float: left;
}
.rightblockres
{
        width: 59% !important;
    display: inline-block !important;
}
.leftblockres
{
        width: 40% !important;
    display: inline-block !important;
    vertical-align:top !important;
}

.reslabellefttextaudit
{
font-size: 16px !important;
    font-weight: 600 !important;
    color: #000 !important;
    width: 46% !important;
    display: inline-block !important;
}
.restextfieldaudit
{
width: 66% !important;
    display: inline-block !important;
}
.reslabelrightaudit
{
color: #000 !important;
    width: 54% !important;
    display: inline-block !important;
    float: right !important;
}

}