.BlueRight{
     height:19px;
     width:13px;
     margin-top: 2px; 
     margin-right: 5px;
     background-image: url( '../../images/ReportsImages/BlueRight.svg' );  
     background-size: 100% 100%;
 }




 




/*---------------------------------- Start Mobile Size  --------------------------------------------------------*/
@media only screen and (max-width: 744px) {



.LoginFormControl, .loginBtn{
    width: 95% !important;
}

.WelcomeSchool{
    font-size: 44px !important;
}
.WelcomeSubSchool{
    font-size: 16px !important;
}

.WelcomeBody1{
    width: 100%;
    padding-left: 40px;
    height: 680px;
}
.WelcomeBody2{
    width: 60%;
     background-image: url( '../../dist/img/WelcomeBodyRight.png' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     display: none;
}
.WelcomeBodyLeft{
     background-image: url( '../../dist/img/WelcomeBodyLeft.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 122px !important;
     width: 45% !important;
     margin-left: 1%;
} 



.WelcomeFooter{
    position: absolute;
    top: 770px;
    height: 210px !important;
    padding-top: 20px !important;
    bottom: 0 !important;
}

.WelcomeFooter2{
     width: 90%;
    position: absolute;
    top: 110px ;
}


.WelcomeFooter2_1{
    width: 90%;
}
.WelcomeFooter2_2{
    width: 30%;
    display: block;
    position: absolute;
    top: 30px;
}
.WelcomeFooter2_3{
    width: 90%;
    text-align: left !important;
    position: absolute;
    top: 65px;
}

.WelcomeFooterLeft{
     background-image: url( '../../dist/img/WelcomeFooterLeft.png' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 68px !important;
     width: 490px !important;

} 

.WelcomeFooterRight1{
     background-image: url( '../../dist/img/WelcomeFooterRight1.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 130px !important;
     width: 130px !important;
     position: absolute;
     right: 23px;
     top: 20px;
     display: none;
} 

.WelcomeFooterRight2{
      background-image: url( '../../dist/img/WelcomeFooterRight2.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 65px !important;
     width: 280px !important;
     position: absolute;
     right: 25px;
     top: 140px;
     display: none;
} 


}


/*---------------------------------- Start Tablet Size  --------------------------------------------------------*/
@media only screen and (min-width: 744px) {


.loginBtn{
    margin-left: -1px !important;
}
.LoginFormControl, .loginBtn{
    width: 95% !important;
}
.WelcomeSchool{
    font-size: 35px !important;
    padding-top: 0px;

}
.WelcomeSubSchool{
    font-size: 14px !important;
    padding-top: 0px;
}
.WelcomeBody1{
    width: 80%;
    padding-left: 25%;
    height: 730px;
}
.WelcomeBody2{
    width: 55%;
     background-image: url( '../../dist/img/WelcomeBodyRight.png' );  
     background-size: 100% 80% ;
     background-repeat: no-repeat;
     display: none;
}
.WelcomeBodyLeft{
     background-image: url( '../../dist/img/WelcomeBodyLeft.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 85px !important;
     width: 420px !important;
     margin-left: -105px;
} 



.WelcomeFooter{
    position: absolute;
    top: 675px;
    height: 350px !important;
    padding-top: 20px !important;
}

.WelcomeFooter2{
     width: 96%;
    position: absolute;
    top: 300px ;
}


.WelcomeFooter2_1{
    width: 50%;
}
.WelcomeFooter2_2{
    width: 0%;
    display: none;
}
.WelcomeFooter2_3{
    width: 50%; 
    padding-right: 20px;

}

.WelcomeFooterLeft{
     background-image: url( '../../dist/img/WelcomeFooterLeft.png' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 68px !important;
     width: 490px !important;
} 

.WelcomeFooterRight1{
     background-image: url( '../../dist/img/WelcomeFooterRight1.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 150px !important;
     width: 150px !important;
     position: absolute;
     right: 17px;
} 

.WelcomeFooterRight2{
      background-image: url( '../../dist/img/WelcomeFooterRight2.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 75px !important;
     width: 300px !important;
     position: absolute;
     right: 25px;
     top: 170px;
} 

}








/*---------------------------------- Start Small Desktop --------------------------------------------------------*/
@media only screen and (min-width: 1280px) {



.LoginFormControl, .loginBtn{
    width: 85% !important;
}
.WelcomeSchool{
    font-size: 45px !important;
    padding-top: 20px;
}
.WelcomeSubSchool{
    font-size: 20px !important;
    padding-top: 10px;
}


.WelcomeBody1{
    width: 40%;
    padding-left: 120px;
    height: 680px;
}
.WelcomeBody2{
    width: 60%;
     background-image: url( '../../dist/img/WelcomeBodyRight.png' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     display: block;
}
.WelcomeBodyLeft{
     background-image: url( '../../dist/img/WelcomeBodyLeft.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 122px !important;
     width: 590px !important;
     margin-left: -150px;
} 



.WelcomeFooter{
    position: absolute;
    top: 770px;
    height: 350px !important;
    padding-top: 20px !important;
}

.WelcomeFooter2{
     width: 96%;
    position: absolute;
    top: 300px ;
}


.WelcomeFooter2_1{
    width: 35%;
}
.WelcomeFooter2_2{
    width: 30%;
    display: block;
}
.WelcomeFooter2_3{
    width: 35%;

}

.WelcomeFooterLeft{
     background-image: url( '../../dist/img/WelcomeFooterLeft.png' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 68px !important;
     width: 490px !important;
} 

.WelcomeFooterRight1{
     background-image: url( '../../dist/img/WelcomeFooterRight1.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 150px !important;
     width: 150px !important;
     position: absolute;
     right: 17px;
} 

.WelcomeFooterRight2{
      background-image: url( '../../dist/img/WelcomeFooterRight2.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 75px !important;
     width: 300px !important;
     position: absolute;
     right: 25px;
     top: 170px;
} 


}
/*---------------------------------- End Small Desktop --------------------------------------------------------*/









/*---------------------------------- start Big Desktop --------------------------------------------------------*/
@media only screen and (min-width: 1920px) {

 
.LoginFormControl, .loginBtn{
    width: 60% !important;
}

.WelcomeSubSchool{
    font-size: 26px !important;
}


.WelcomeBody1{
    width: 40%;
    padding-left: 120px;
    height: 680px;
}
.WelcomeBody2{
    width: 60%;
     background-image: url( '../../dist/img/WelcomeBodyRight.png' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
}
.WelcomeBodyLeft{
     background-image: url( '../../dist/img/WelcomeBodyLeft.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 122px !important;
     width: 590px !important;
     margin-left: -150px;
} 



.WelcomeFooter{
    position: absolute;
    top: 770px;
    height: 350px !important;
    padding-top: 20px !important;
}

.WelcomeFooter2{
     width: 96%;
    position: absolute;
    top: 300px ;
}


.WelcomeFooter2_1{
    width: 35%;
}
.WelcomeFooter2_2{
    width: 30%;
    display: block;
}
.WelcomeFooter2_3{
    width: 35%;

}

.WelcomeFooterLeft{
     background-image: url( '../../dist/img/WelcomeFooterLeft.png' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 68px !important;
     width: 490px !important;
} 

.WelcomeFooterRight1{
     background-image: url( '../../dist/img/WelcomeFooterRight1.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 150px !important;
     width: 150px !important;
     position: absolute;
     right: 17px;
} 

.WelcomeFooterRight2{
      background-image: url( '../../dist/img/WelcomeFooterRight2.svg' );  
     background-size: 100% 100% ;
     background-repeat: no-repeat;
     height: 75px !important;
     width: 300px !important;
     position: absolute;
     right: 25px;
     top: 170px;
} 

}
 /*---------------------------------- End Big Desktop --------------------------------------------------------*/