.imgbtn{
    height:12px;
  

}

.ddlinputLogin {
    height: 4em;
    width: 100%;
    /*border-radius: 10px;*/
    border: none;
    border-bottom: solid;
    border-width: thin;
    border-bottom-color: mediumblue;
    font: 2em;
    background-color: aliceblue;
}



.LoginButton1 {
   height:4em;
    background-color: mediumblue;
    color: white;
    width:100%;
    border-radius:10px;
}

.divMainLogin {
   
    background-color: white;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.TabLinks {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s
}

.TabLinksActive {
    background-color: #ccc;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s
}

.TabLinks:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
  

.divMain {
    width:100%;
    background-color:white;
    margin:auto;
    display :flex ;
    flex-direction:column;
}  


.handle {
    width: 20px;
    height: 20px;
    background-color: black;
}

.resizable {
    padding: 0px;
    border-style: solid;
    border-width: 2px;
    border-color: red;
    cursor: se-resize;
}

.appformdivSearch {
    display:flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-bottom: 5px;
    /*padding-left:15px;*/
    padding-right: 5px;
}




.LoginScreen {
    width: 100%;
    height: auto;
    background-color:#f2f2f2;
}






.LoginButton,.RegisterButton{
    width:50%;
    height:3em;

}

.LoginButton:hover{
    background-color: mediumblue;
        Color:white;
    border:none;

}

    .RegisterButton:hover {
        background-color: mediumblue;
        Color: white;
        border: none;

    }

.ddlSearch {
    height: 40px;
    width: 100%;
    font: x-large;
    border: none;
    border-bottom: solid;
    border-width: thin;
    border-bottom-color: mediumblue;
    font: large;
    background-color: aliceblue;
}


.MenuLink2 {
    /*  border: solid;
    display: inline-block;
    border-width: thin;*/
    /*border-radius:15%;*/
    /*background-color:white;*/
    /*  text-decoration:none;*/
    color: white;
}

.SmallFont{
    font-size :small;
}

.MenuLink {
    display: inline-flex;
    font-style: normal;
    text-decoration: none;
    color: white;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 10px;
    border: none;
    flex-wrap: wrap;

}

.MenuLinkWithChild {
    display: inline-flex;
    font-style: normal;
    text-decoration: none;
    color: white;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 10px;
    border: none;
    flex-wrap: wrap;
}

.MenuLinkHighlighted {
    display: inline-flex;
    font-style: normal;
    text-decoration:underline;
    color: white;
    padding-bottom: 3px;
    padding-top: 3px;
    padding-left: 10px;
    /*border: none;*/
    flex-wrap: wrap;
    border-color: black;
    background-color :transparent;
    border: none;
    /*border-radius: 25%;*/
    /*border-top-left-radius: 25%;*/
}

.btn {
   /*' display: inline-block;*/
    font-style: normal;
    text-decoration: none;
    color: white;
    padding-bottom: 3px;
    padding-top: 3px;
    /*padding-left: 10px;*/
    border: none;
    background-color: green;
    width:auto
       
}

.btnCancel {
    /*' display: inline-block;*/
    font-style: normal;
    text-decoration: none;
    color: white;
    padding-bottom: 3px;
    padding-top: 3px;
    /*padding-left: 10px;*/
    border: none;
    background-color: darkgray;
    /*background-color:*/
    width: auto
}

.LoginStatus:hover, .btn:hover, .LoginStatusWeb:hover {
    background-color: darkgreen;
    border-color:white
}
    /*.MenuLink:link {
        color: black;
    }*/

.btnCancel:hover {
    border-color: white;
    background-color:black;


}
.MenuLink:hover {
    color: white;
   
    background-color: black;
    /*border-radius: 25%;*/
}

.MenuLinkWithChild:hover {
    color: white;
    border-color: white;
    background-color: black;
    /*border-radius: 25%;*/
    text-decoration:underline;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=100);
    opacity: 1;
}

.modalBackground_Transparent {
    background-color: Gray;
    filter: alpha(opacity=85);
  
    opacity: 0.85;
}

.modalPopup {
    background-color: white;
    width:auto;
    color:black;
   max-width:500px;
}

.modalPopupForm {
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    /*width: 100px;*/
}

.modalPopupError {
    background-color: black;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    /*width: 100px;*/
}

.modalPopup2 {
    background-color: mediumblue;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    /*width: 100px;*/
}

.subjectsPopUp {
    width: 300px;
    height: 300px;
    background:lightyellow;





}

.appformdiv {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /*padding-bottom: 0.1em;*/
    /*padding-left:15px;*/
    padding-right: 0.1em;
    height: 6em;
    width:100%;
}

.appformdivrow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 10px;
    /*padding-left:15px;*/
    padding-right: 15px;
}

.divHidden{
    display :none;
}

.divVisible {
    display:flex;
}

.InputdivLogin {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /*padding-bottom: 0.5em;*/
    width: 100%;
    height: 6em;
    /*margin:auto;
    width:50%;*/
    /*padding-left:15px;*/
}

.inputtextLogin {
    height: 2.5em;
    width: 100%;
    font: 2em;
    /*border-radius: 10px;*/
    border: none;
    border-bottom: solid;
    background-color: #f2f2f2;
    border-width: thin;
    border-bottom-color: mediumblue;
}

.appformdivrow {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-bottom: 0.1em;
    /*padding-left:15px;*/
    padding-right: 5px;
    width:100%;
}

.Inputdiv {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-bottom: 0.1em;
    width: 100%;
    height: 6em;
    /*margin:auto;
    width:50%;*/
    /*padding-left:15px;*/
}

.inputtextReadOnly {
    height: 2.5em;
    width: 100%;
    font: 2em;
    border: none;
    border-bottom: solid;
    background-color: lightgrey;
    border-width: thin;
    border-bottom-color: mediumblue;
    color: black;
}



.inputtext {
    height: 2.5em;
    width: 100%;
    font: 2em;
    border: none;
    border-bottom: solid;
    background-color: aliceblue;
    border-width: thin;
    border-bottom-color: mediumblue;
}

.inputtextGrid {
 
    width: 100%;
    font: 2em;
    border: none;

    background-color: #FFFFCC;
    border-bottom-color: black;
}

.ddlinput {
    height: 2em;
    width: 100%;
    font: 0.8em;
    border: none;
    border-bottom: solid;
    border-width: thin;
    border-bottom-color: mediumblue;
    font: large;
    background-color: aliceblue;

   
}

.ddlinputGrid {
  
    font: 2em;
    border: none;
 
    background-color: #FFFFCC;
    width: 100%;
}

.SideBarWidth{
    width:15%;
}

.CheckListFont {
    font-size: 0.8em;
   color :black
}

.searchtextdiv {
    height: 3em;
    width: 100%;
    float:left;
    /*font: 2em;
    border: none;
    border-bottom: solid;
    background-color: aliceblue;
    border-width: thin;
    border-bottom-color: #5D7B9D;*/
}

.searchtext {
    height: 2.5em;
    border: none;
    border-bottom: solid;
    background-color: aliceblue;
    border-width: thin;
    border-bottom-color: #5D7B9D;
}



.divMenu {
    border-bottom: solid;
    border-top: none;
    padding-top: 0.5em;
    padding-left: 0.3em;
    padding-right: 0.1em;
    border-bottom-color: black;
    border-width: thin;
    background-color: mediumblue;
    /*width: 100%;*/
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
     
}

.divMenu2 {
    border-bottom: solid;
    border-top: none;
    padding-top: 0.5em;
    padding-left: 0.3em;
    padding-right: 0.1em;
    border-bottom-color: black;
    border-width: thin;
    background-color: mediumblue;
    /*width: 100%;*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    visibility:hidden;
      height:0;
}



.ToogleImage{
   display:inline;
   height:auto;
   

}

.divMenuDropDown {
    border-bottom: solid;
    border-top: none;
    padding-top: 0.5em;
    padding-left: 0.3em;
    padding-right: 0.1em;
    border-bottom-color: black;
    border-width: thin;
    background-color: mediumblue;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.divMenuLoginMaster {
    border-bottom: none;
    border-top: none;
    padding-left: 0.3em;
    padding-right: 0.1em;
    border-bottom-color: black;
    border-width: thin;
    /*background-color: mediumblue;*/
    width: 100%;
    height: 2em;
}

.LoginStatus {
    display: inline-block;
    font-style: normal;
    text-decoration: none;
    color: white;
    padding-bottom: 0px;
    padding-top: 0.25em;
    border: none;
    /*float:right;*/
    background-color: green;
    height: auto;
    float: none;
    padding-right:0.4em;
    margin-left:0.5em;
}

.LoginStatusWeb {
    font-style: normal;
    text-decoration: none;
    color: white;
    padding-bottom: 0px;
    padding-top: 0.25em;
    border: none;
    /*float:right;*/
    background-color: green;
    height: auto;
    padding-right: 0.4em;
    margin-left: 0.5em;
    visibility:visible;
}

.LoaderStyle {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999;
}

.SidePanelAlign {
    display:flex;
    flex-direction:column;
    width:100%;
    vertical-align :central;

          
}

.SidePanelAlignMoblie {
    display:flex;
    flex-direction:column;
    vertical-align:central;

        
} 

.contentWidth{
    width:100%;
}

.contentDisplay {
    display:flex;
    flex-direction:column;
      width:100%;
}

.searchgridDiv{
    float:left;
    width:100%;
}
 
.logoSize {
    margin-left: 0px;
    height:45px;
}

.divReport{
    width:100%;
    display:flex ;
    flex-direction:column;
    flex-wrap:wrap;
}

.divReportPage {
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
}

.divOtherReports {
   width:100%;
   flex-direction:row;
   flex-wrap:wrap
}

.RevoContainer{
    width:100%;
}

@media only screen and (min-width: 768px) {


    div.searchgridDiv{
        width:53%;
        float:right;
    }
    div.contentWidth{
        width:100%;
    }
    .SidePanelAlign {
        width: 10%;
        padding-top: 4em;
    }

    div.contentDisplay {
        flex-direction: row;
        flex-wrap: nowrap;
    }

    div .CheckListFont{
        color:red;
    }
    div .inputtextLogin {
        width: 100%;
    }

    div.divMainLogin {
        width: 30%;
        margin: auto
    }

    div.ddlinputLogin {
        width: 50%;
    }

    div.LoginButton1 {
        width: 50%;
        margin: auto
    }

    div.divMain {
        width:50%;
    }

    div.SideBarWidth{
       width: 20%
    }

 
    
    div.LoginStatus{
        float:right;
        height:auto;

    }

    div.LoginStatusWeb {
        /*display: inline-block;
        font-style: normal;
        text-decoration: none;
        color: white;
        padding-bottom: 0px;
        padding-top: 0.25em;
        border: none;
        /*float:right;*/
        /*background-color: green;
        height: 1.6em;
        float: none;
        padding-right: 0.4em;
        margin-left: 0.5em;*/
        visibility: hidden;
    }

    div.divMenu{
        display:inline-block;
        float:right;
        flex-wrap:nowrap;
        width:100%;

 
         
    }

    div.divMenu3 {
       visibility:hidden;
       height:0;
    }

    div.ToogleImage{
 visibility:hidden;
 height:0;
    }

    div.divMenu2{
        visibility:visible;
        height:auto;
    }



    div.ddlinput{
        width:50%;
    }

    div.searchtextdiv{
        width:50%;
    }


    div.divReport {
        width: 50%;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin:auto;
    }

    div.divReportPage {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    div.divOtherReports {
       width:25%;
       flex-direction:column;
       flex-wrap:wrap
    }


  
    }



@media (min-width: 576px) {
    .RevoContainer {
        width: 100%;
        /*    max-width: 540px;
    margin-right: auto;
    margin-left: auto;*/
    }

    /* .modal.save-discard-project-popup .modal-dialog {
    max-width: 530px
  } */
}

@media (min-width: 768px) {
    .RevoContainer {
        width: 100%;
        /*    max-width: 720px;
    margin-right: auto;
    margin-left: auto;*/
    }

    .product-card .col.config-col {
        border-right: 1px solid rgba(0,0,0,.125);
    }
}

@media (min-width: 992px) {
    .RevoContainer {
        /*max-width: 960px;*/
        max-width: 1250px;
        margin-right: auto;
        margin-left: auto;
    }
}