.theme-color-text 
{
    color: #336699;
}

.color-frame
{
    border: solid 1px #336699;
    background: #336699;
    height: 100vh;
}

.login-frame
{
    border: solid 1px #ffffff;
    background: #ffffff;
    height: 100vh;
}

/*Table CSS*/
.thead-dark
{
	background-color: #333;
	color: #ffffff;
}

.detail_box
{
    display: block;
    width: 100%;
    height: 35px;
    padding: 6px 12px;
    background-image: none;
    border-top-style: solid;
    border-top-width: 0px;
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-color: #333;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-style: solid;
    border-left-width: 0px;
    border-radius: 0px;
}

/*MOBILE VIEW .col-xs-*/
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 767px) 
{ 

    .color-frame
    {
        height: 100vh;
    }

    .login-frame
    {
        height: 100vh;
    }

    .row-reverse {
        display: flex; 
        flex-direction: column-reverse;
    }

}

/*Tablet/landscape VIEW .col-sm-/.col-md-*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1199px) 
{

    .color-frame
    {
        height: 100vh;
    }

    .login-frame
    {
        height: 800px;
    }

}