:root { 
                --primary: #960000;
                --secondary: #005192;
                --logo: url(images/cloudagent.svg);
                --fav: url(images/cloudagent_marker.png);
            }
 body {
        font-family: 'Nunito Sans';
        font-size: 18px;
        /*overflow-x: hidden;*/

        }
        *{
        	font-family: 'Nunito Sans';
        	/*font-size: 18px;*/
        }
            
           /* img.logo-img {
 *                 height: 100px;
 *                             }*/
            img.portals {
                width: 128px;
                height: 128px;
            }
            div.portal {
                cursor: pointer;
            }
            .card {
                border: 0 none !important;
                text-transform: uppercase;
                width: 200px;
            }
            .card-header {
                 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.20) !important;
                 background-color: transparent !important; 
		 height: 130px;
            }
            .card-img-top {
                width: 50% !important;
                height: 100% !important;
            }
            .card-body {
		     
                padding-top: 1px !important;
                padding-left: 0 !important;
                padding-right: 0 !important;
            }
            .btn-primary {
               
                background-color: var(--primary) !important;
                border-color: var(--primary) !important;
                color: #fff !important;
                border-radius: 4 !important;
                font-size: 14px;
                font-weight: 600;
                
            }
            .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
                
                background-color: var(--primary) !important;
                border-color: var(--primary) !important;
                color: #fff !important;
                font-size: 14px;
                font-weight: 600;
                
            }
            
            .card-body .btn-primary {
                width: 100% !important;
            }
            .site-footer {
                font-size: 80% !important;
            }

           
            .flex-container{
                text-align: center;
                margin-top:20px;
                /*margin-bottom:10px;*/
            }

            .account{
                margin-top:31px;
                color:#4a4a4a;
            }
            .demo{
                margin-top: 31px;
                border-radius: 5px;
                background-color: #f8f8f8;
                border: 1px solid #4a4a4a;
                color: #4a4a4a;
                font-size: 14px;
                padding: 3px 13px;
            }
          .br-bottom{
          	border-bottom:1px solid rgba(0,0,0,.1)
          }
          @media (min-width:320px){
          	.card{
          		width: 100%;
          	}
          }
          .navbar-brand img {
    width: 174px !important;
    /*margin:-16px;*/
}
.navbar-brand {
    margin: 24px !important;
    height: 32px !important;
}
.pd-top{
    padding: 21px 10px !important;
}
.free_demo {
    border-radius: 5px !important;
    background-color: #f8f8f8 !important;
    border: 1px solid #4a4a4a !important;
    color: #4a4a4a !important;
    font-size: 14px !important;
    padding: 3px 13px !important;
}
.account {
    font-size: 17px;
    color: #4a4a4a !important;
    padding-right: 20px;
}
.br-bottom{
	border-bottom:1px solid #ccc;
}