body{
    background-color:black;
}

h3
{font-size: 3rem;
}

.onMobile
{
    display:block;
}

 .onDesktop
    {
        display:none;
    }


  .gradeStar5
  { color:black;
     background-image: url("../../assets/imgs/star5.png") ;
     float:left;
     width:100px;
     background-size: 100%;
  }
    
  .gradeStar4
  { color:black;
     background-image: url("../../assets/imgs/star4.png") ;
     float:left;
     width:100px;
     background-size: 100%;
  }
  
  
 .allOwnersList{
      float:right; 
      width:80% ;  
      min-width:350px ;
      margin-left:2%; 
      margin-right:2% ; 
      text-align:center; 
      font-size:xx-large; 
      float:right; 
      width:99%
    }
    
    .globalLessonListDiv
    {
       background-color:white; 
       float:right; 
       width:99% ;  
       min-width:350px ;
       margin-left:0%; 
       margin-right:2% ; 
       text-align:center; 
       font-size:2rem; 
    }
    
    
    .privateLessonListFullDIV
    {
      background-color:white; 
      float:right; 
      width:99% ; 
      min-width:350px ; 
      margin-left:auto; 
      margin-right:2% ; 
      text-align:center; 
      font-size:xx-large;  
    }
    
     #ownerListULDiv
       {
           float:right; 
           width:99%;
       }
    
    
    #ownerAdMobile
       {
           float:right; 
           width:90%;
           background-color: #f6f6f6 ; 
           padding-left: 0px; 
           padding-right: 10px;
           margin-left:auto; 
           margin-right:auto ; 
           position:fixed;
           bottom:50px;
           width:99%;
       }
       
     
       #messages_main_div_container_admin_enter ,  #studentsGetway
        {   float:right;
            width:90%;
            display:table;  
            margin-left:auto; 
            margin-right:auto ; 
            text-align:center;
            padding-left: 10px; 
            padding-right: 10px;
        }  



.message_container_1
{
    background-color:#BFEFFF ;/*#3399cc;*/
    background-size: 100% 100%;
    padding:20px; 
    width:100% ;
    min-width:250px ; 
    margin:auto; 
    text-align:right; 
    font-size:xx-large; 
    color:black;
    direction:rtl;
    vertical-align: middle; 
}

    .message_container_2
    {
        /* background-image: url("<?php echo base_url('/design/back_orange.jpg'); ?>"); */
        background-color:lightgray;
        background-size: 100% 100%;
        height:400px;
    }

    #messages_main_div
        {float:right;
         width:100%;
         display:table;  
         margin-left:auto; 
         margin-right:auto ; 
         text-align:center;
        


    }

    
    #messages_main_div_container_admin_enter ,  #studentsGetway
        {float:right;
         width:100%;
         display:table;  
         margin-left:auto; 
         margin-right:auto ; 
         text-align:center;
        


    }
    
    
.contact_container
        {
         width:60%; 
         min-width:200px ; 
         margin:auto;  
         text-align:right; 
         font-size:xx-large; 
         direction:rtl;
         display:none;
        }

 .studentGetway_container
        {
         width:60%; 
         min-width:200px ; 
         margin:auto;  
         text-align:right; 
         font-size:xx-large; 
         direction:rtl;
        }       
        
        
        
 .message_container_0
        {height:400px ; 
         line-height: 400px ; 
         text-align: center; 
       
         border-radius:10px;
         padding:0px; 
         width:100% ;
         min-width:550px ;         
         margin:auto ;  
         text-align:center; 
         font-size:xx-large; direction:rtl;
/*         background-color:#B48A00; */
         background-color:#BFEFFF;
         vertical-align: bottom;
        }

        .vertical_spacer
        {   clear:both;
            height:20px;
        }

        .multi_logo_container1
        {  display:none;
        }
        
        .multi_logo_container2
        {  width:95%;
           min-width:250px ;
           margin-left:auto;
           margin-right:auto;
           float:right;
           background-color:white;
          
        }
        
        #messages_main_div_container_admin_enter
        {
            float:right;
            width:100%;
            cursor:pointer;
        }
        
         #messages_image_main_container
        {
            height:auto; 
//            line-height:400px;
            width:97% ;
            background-color:#BFEFFF; ; 
            float:right;
            display: table-cell; 
            vertical-align: middle;       
        }       
        
        #messages_main_container
        {
//            min-height:400px;
            width:95%;
            background-color:#BFEFFF; ; 
            float:right;  
            direction:rtl;
            text-align:right; 
            font-size:xx-large; 
            padding-right:20px;
            padding-left:0px; 
        }

        .font_messages_main_container
        {
            font-size:xx-large;
        }
        
        #messages_main_div_container
        {
           width:100%;
           display:table;  
           margin-left:auto; 
           margin-right:auto ; 
           text-align:right;  
        }
        
      .vertical_spacer_response  
        {
            clear:Both ; height:0px
        }  
    
        #mobile_tabs_open_div
        {
            display:table;
            float:right;
            background-color:white;
            position:absolute;
         top:55px;
          left:30px;
        }

        
        .mobile_header_admin_tabs_open_div
        {
            display:table;
            float:right;
            background-color:white;
  
        }
        
        
      #all_header_contanier
        {
            background-color:white;
        }  
        
    .studentGateway_container
        {float:right;
         width:100%; 
         min-width:200px ; 
         margin-left:20px;  
         text-align:right; 
         font-size:xx-large; 
         direction:rtl;
         display:table;
        }        

        
    .ownerListLI , .globalLessonListLI , .privateLessonListIL 
   {    
        cursor:pointer; 
        padding-right:30px;
        direction:rtl; 
        background-color:lightgray;
        color:black;
        border-style:outset;
        font-size: 3rem;
        height: auto;
        padding-top:0.75rem !important;
        padding-bottom:0.75rem  !important;
   }
   
    .ownerListLI:hover ,  .globalLessonListLI:hover , .privateLessonListIL:hover 
   {    background-color:gray;
   }
        
        
   .listTitle{
       font-size:2.2rem;
       text-align:right;
       padding-left:30px;
   }    
       
   .ownerListLIDIV{
       background-color:gray;
       color: white;
//       border:2px solid blue;
//       border-radius:20px; 
       font-size:2.5rem; 
       font-weight: bold; 
       text-align:center; 
       height:19rem ; 
       width:100% ; 
       display:online;  
       word-break:break-all ;  
       word-wrap:break-word ;
       padding-right:10px; 
       padding-left:10px;
   } 
   
   .ownerInfo
   {
       font-size:2rem; 
       font-weight: normal; 
       text-align:center;  
       width:400px ; 
       display:inline;  
       word-break:break-all ;  
       word-wrap:break-word ;
       padding-right:10px; 
       padding-left:10px;
   }
   
   
   .studentID
   {
      width: 350px; 
      height:auto; 
      font-size: 2.5rem ; 
      padding-top:0.2rem; 
      padding-bottom:0.2rem; 
   } 
     
   
   #sendCustomerID
   {
       height:auto; 
       font-size:2.5rem; 
       padding-top:0.2rem; 
       padding-bottom:0.2rem ; 
       font-weight:bold;
   }
   
   
  .lessonInfoFieldName
        {    padding-right:50px;
             float:right; width:200px ; 
             margin-left:auto; 
             margin-right:auto ; 
             text-align:right; 
             font-size:2.5rem; 
             direction:rtl;
        } 
   
    #opinionButton
   {
       font-size:2.5rem ; 
       font-weight:bold; 
       width:100px;
   }
   
  .lessonInfoFieldBody
  {
    float:right; 
    width:60% ; 
    margin-left:auto; 
    margin-right:auto ; 
    text-align:right; 
    font-size:2.5rem;
  }
   
   #selectedOwnerName
  {
      font-size: 2.5rem;
  }
   
  .iconImage
  {
      height: 80px;
      width:auto;
      margin-bottom: -30px;
  }
  
  .headerTitle
  { font-size: 2.5rem;
    font-weight:bold;
  }
  
/* ================================================ */   
        
@media screen and (min-width: 1200px) 
{
    body{
    background-color:white;
    }
    
    h3
    {font-size: 1.5rem;
    }

    
    .onMobile
    {
        display:none;
    }
    
     .onDesktop
    {
        display:block;
    }
    
    #messages_main_div_container_admin_enter
        {
            float:right;
            width:35%;
            cursor:pointer;
        }
    
    
     .allOwnersList{
      float:right; width:35% ;  
      min-width:350px ;
      margin-left:5%; 
      margin-right:10% ; 
      text-align:center; 
      font-size:xx-large;
      float:right; 
      width:90%
    }
    
    .globalLessonListDiv
    {
       background-color:white; 
       float:right; width:40% ;  
       min-width:350px ;
       margin-left:5%; 
       margin-right:10% ; 
       text-align:center; 
       font-size:1.5rem; 
    }
    
    
    .privateLessonListFullDIV
    {
      background-color:white; 
      float:right; width:35% ; 
      min-width:350px ; 
      margin-left:auto; 
      margin-right:5% ; 
      text-align:center; 
      font-size:xx-large;  
    }
    
    
    
    
    
    
    
    
    
    
    .contact_container
        {float:right;
         width:25%; 
         min-width:200px ; 
         margin-left:20px;  
         text-align:right; 
         font-size:xx-large; 
         direction:rtl;
         display:table;
        }

    .studentGateway_container
        {float:right;
         width:35%; 
         min-width:200px ; 
         margin-left:20px;  
         text-align:right; 
         font-size:xx-large; 
         direction:rtl;
         display:table;
        }    
        
        
    .message_container_0
        {height:400px ; 
         line-height: 400px ; 
         text-align: center; 
         
         border-radius:0px;
         padding:0px;
         float:right; 
         width:66% ;
         min-width:550px ; 
         margin-left:22px; 
         margin-right:auto ; 
 
         text-align:center; 
         font-size:xx-large; direction:rtl;
/*         background-color:#B48A00; */
         background-color:#BFEFFF;
         vertical-align: middle;
        }
    .vertical_spacer
        {  clear:none;
           height:0px;
          
        }
  
     .message_container_1
        {   float:right;
            background-color:#3399cc;
            background-size: 100% 100%;
            padding:20px; 
            width:25.5% ;
            min-width:250px ; 
            margin-left:30px; 
            text-align:right; 
            font-size:large;
            color:white;
            direction:rtl;
       }
  .helper 
        {
            display: inline-block;
            height: 100%;
            vertical-align: middle;  
        }
     .multi_logo_container1
        {  display:table;
        }   
   
       
       .multi_logo_container2
        {  width:45% ; 
           min-width:250px ; 
            margin-left:0px; 
            margin-right:0px ;
            float:right;
            background-color:white;
        }    
        
        #messages_image_main_container
        {
            height:450px; 
//            line-height:400px;
            width:95% ;
            background-color:#BFEFFF; ; 
            float:right;
            display: table-cell; 
            vertical-align: middle;       
        }       
    
       #messages_main_container
        {
//            min-height:400px;
            width:100%;
            background-color:#BFEFFF; ; 
            float:right;  
            direction:rtl;
            text-align:center; 
            font-size:2.5rem; 
            padding-right:20px;
        } 
        
        #messages_main_div
         {  float:right;
             width:98%;
             display:table;  
             margin-left:auto; 
             margin-right:auto ; 
             text-align:center;
             margin-left:20px ;

        } 
        
        
       #ownerListULDiv
       {
           float:right; 
           width:50%;
       }
        
      
        #ownerAd
       {
           float:right; 
           width:40%;
           background-color: #f6f6f6 ; 
           padding-left: 10px; 
           padding-right: 10px;
           margin-top:00px;
           position:relative;
       
       }
       
       
        
       #messages_main_div_container_admin_enter ,  #studentsGetway
        {   float:right;
            width:35%;
            display:table;  
            margin-left:auto; 
            margin-right:auto ; 
            text-align:center;
        } 
        
        
        
        
   .font_messages_main_container
        {
            font-size:large;
        }  
        
  #messages_main_div_container
  {
     width:100%;
     display:table; 
     margin-left:auto; 
     margin-right:auto ; 
     text-align:right; 
     float:right;
  }
   
    .vertical_spacer_response  
    {
        clear:Both ; height:30px
    }
  
    
    #mobile_tabs_open_div
    {
        display:none;
    }
    
    .mobile_header_admin_tabs_open_div
    {
        display:none;
    }
    
    #all_header_contanier
    {
        background-color:black;
    }
    
    
     .ownerListLI , .globalLessonListLI , .privateLessonListIL 
   {    
        cursor:pointer; 
        padding-right:10px;
        direction:rtl; 
         background-color:lightgray;
         color:black;
         border-style:outset;
         font-size: 1.3rem;
         height: auto;
         padding-top:0.75rem !important;
          padding-bottom:0.75rem  !important;
   }
   
    .ownerListLI:hover ,  .globalLessonListLI:hover , .privateLessonListIL:hover 
   {    background-color:gray;
   }
   
    .listTitle{
       font-size:1.2rem;
   }    
    
   
   .ownerListLIDIV111{
/*       
       background-color:lightgray;
       color:black;
       border:2px solid blue;
       border-radius:20px; 
*/ 
       background-color:transparent;
       color:white;
       background-image: url("../../assets/imgs/boxArrowGray.png") ;
       background-size: 100% 13rem;
       background-repeat: no-repeat;
       
       font-size:1.5rem; 
       font-weight: normal; 
       text-align:center; 
       height:13rem ; 
       width:100% ; 
       display:online;  
       word-break:break-all ;  
       word-wrap:break-word ;
       padding-right:10px; 
       padding-left:10px;
   } 
   
    .ownerListLIDIV{
       
       background-color:white;
       color:black; 
       border:4px solid gray;
/*       border-radius:20px; */

/*       background-color:transparent;
       color:white;*/
/*       background-image: url("../../assets/imgs/boxArrowGray.png") ; */
       background-size: 100% 13rem;
       background-repeat: no-repeat;
       
       font-size:1.5rem; 
       font-weight: normal; 
       text-align:center; 
       height:13rem ; 
       width:100% ; 
       display:online;  
       word-break:break-all ;  
       word-wrap:break-word ;
       padding-right:10px; 
       padding-left:10px;
   } 
   
   
   .ownerInfo
   {
       font-size:2rem; 
       font-weight: normal; 
       text-align:center;  
       width:400px ; 
       display:inline;  
       word-break:break-all ;  
       word-wrap:break-word ;
       padding-right:10px; 
       padding-left:10px;
   }
   
   
   .studentID
   {
      width: 250px; 
      height:auto; 
      font-size: 1.3rem ; 
      padding-top:0.2rem; 
      padding-bottom:0.2rem; 
   } 
     
   
   #sendCustomerID
   {
       height:auto; 
       font-size:1.3rem; 
       padding-top:0.2rem; 
       padding-bottom:0.2rem ; 
       font-weight:bold;
   }
   
   
  .lessonInfoFieldName
        {    padding-right:50px;
             float:right; width:200px ; 
             margin-left:auto; 
             margin-right:auto ; 
             text-align:right; 
             font-size:1.3rem; 
             direction:rtl;
        } 
   
   
   #opinionButton
   {
       font-size:1.2rem ; 
       font-weight:bold; 
       width:100px;
   }
   
    .lessonInfoFieldBody
  {
    float:right; 
    width:60% ; 
    margin-left:auto; 
    margin-right:auto ; 
    text-align:right; 
    font-size:1.2rem;
  }
   
  #selectedOwnerName
  {
      font-size: 1.2rem
  }
  
  
   .iconImage
  {
      height: 40px;
      width:auto;
      margin-bottom: -15px;
  }
  
   .headerTitle
  { font-size: 2.0rem;
    font-weight:bold;
  }
  
}