@charset "UTF-8"; 


/* Large desktop */
@media (min-width: 1201px){
    .dialogoLogin{width: 30%;margin-left: 35%;}
}

@media (min-width: 960px) and (max-width:1200px){
    .dialogoLogin{width: 30%;margin-left: 35%;}
    .Responsive{width:33.3%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:50%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}
} 

@media (min-width: 640px) and (max-width: 960px) {
    .container, .container-fluid {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .dialogoLogin{width: 50% !important;margin-left: 25%;}
    .Container110{ width:110%; float:left; padding:5px;}
    .Container105{ width:105%; float:left; padding:5px;}
    .Container100{ width:100%; float:left; padding:5px;}
    .Container96{ width:96%; float:left; padding:5px;}
    .Container90{ width:90%; float:left; padding:5px;}
    .Container85{ width:85%; float:left; padding:5px;}
    .Container80{ width:80%; float:left; padding:5px;}
    .Container75{ width:75%; float:left; padding:5px;}
    .Container70{ width:70%; float:left; padding:5px;}
    .Container60{ width:60%; float:left; padding:5px;}
    .Container50{ width:50%; float:left; padding:5px;}
    .Container40{ width:40%; float:left; padding:5px;}
    .Container33{ width:33.3%; float:left; padding:5px;}
    .Container30{ width:30%; float:left; padding:5px;}
    .Container25{ width:25%; float:left; padding:5px;}
    .Container20{ width:20%; float:left; padding:5px;}
    .Container10{ width:10%; float:left; padding:5px;}
    .Container5{ width:5%; float:left; padding:5px;}
    .NoIndent{display:block; margin:0px auto; padding:0px;}
    .Responsive{width:50%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}
    .Fs14{font-size:13px !important;} 
    .Fs15{font-size:14px !important;} 
    .Fs16{font-size:15px !important;} 
    .Fs17{font-size:16px !important;} 
    .Fs18{font-size:16px !important;} 
    .Fs19{font-size:16px !important;} 
    .Fs20{font-size:18px !important;} 
    .Fs21{font-size:18px !important;} 
    .Fs22{font-size:20px !important;} 
    .Fs23{font-size:20px !important;} 
    .Fs24{font-size:22px !important;} 
    .Fs25{font-size:22px !important;} 
    .Fs26{font-size:24px !important;} 
    .Fs27{font-size:24px !important;} 
    .Fs28{font-size:26px !important;} 
    .Fs29{font-size:26px !important;} 
    .Fs30{font-size:28px !important;}
    .Fs40{font-size:30px !important;}
    .Fs50{font-size:35px !important;}
    .Fs60{font-size:40px !important;}
    .Fs100{font-size:60px !important;}
    .Fs130{font-size:70px !important;}
}


/* Landscape phone to portrait tablet */
@media (min-width:480px) and (max-width: 640px) {
    .dialogoLogin{width: 60% !important;margin-left: 20%;}
    .Container100{ width:100%; float:left; padding:5px; }
    .Container96{ width:96%; float:left; padding:5px; }
    .Container90{ width:90%; float:left; padding:5px; }
    .Container85{ width:85%; float:left; padding:5px; }
    .Container80{ width:80%; float:left; padding:5px; }
    .Container75{ width:75%; float:left; padding:5px; }
    .Container70{ width:70%; float:left; padding:5px; }
    .Container60{ width:60%; float:left; padding:5px; }
    .Container50{ width:50%; float:left; padding:5px; }
    .Container40{ width:40%; float:left; padding:5px; }
    .Container33{ width:33.3%; float:left; padding:5px; }
    .Container30{ width:30%; float:left; padding:5px; }
    .Container25{ width:25%; float:left; padding:5px; }
    .Container20{ width:20%; float:left; padding:5px; }
    .Container10{ width:10%; float:left; padding:5px; }
    .Container5{ width:5%; float:left; padding:5px; }
    .NoIndent{display:block; margin:0px auto; padding:0px;}
    .Responsive{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important; min-height:50px !important;}
    .Fs12{font-size:12px !important;} 
    .Fs13{font-size:12px !important;} 
    .Fs14{font-size:13px !important;} 
    .Fs15{font-size:13px !important;} 
    .Fs16{font-size:13px !important;} 
    .Fs17{font-size:14px !important;} 
    .Fs18{font-size:15px !important;} 
    .Fs19{font-size:17px !important;} 
    .Fs20{font-size:17px !important;} 
    .Fs21{font-size:18px !important;} 
    .Fs22{font-size:18px !important;} 
    .Fs23{font-size:20px !important;} 
    .Fs24{font-size:21px !important;} 
    .Fs25{font-size:22px !important;} 
    .Fs26{font-size:23px !important;} 
    .Fs27{font-size:23px !important;} 
    .Fs28{font-size:25px !important;} 
    .Fs29{font-size:25px !important;} 
    .Fs30{font-size:26px !important;}
    .Fs40{font-size:30px !important;}
    .Fs50{font-size:32px !important;}
    .Fs60{font-size:35px !important;}
    .Fs100{font-size:40px !important;}
    .Fs130{font-size:50px !important;}
}


/* Portrait phones and down */
@media (min-width:0px) and (max-width: 480px) {
    .dialogoLogin{width: 80% !important;margin-left: 10%;}
    .Container100{ width:100%; float:left; padding:5px; }
    .Container96{ width:96%; float:left; padding:5px; }
    .Container90{ width:90%; float:left; padding:5px; }
    .Container85{ width:85%; float:left; padding:5px; }
    .Container80{ width:80%; float:left; padding:5px; }
    .Container75{ width:75%; float:left; padding:5px; }
    .Container70{ width:70%; float:left; padding:5px; }
    .Container60{ width:60%; float:left; padding:5px; }
    .Container50{ width:50%; float:left; padding:5px; }
    .Container40{ width:40%; float:left; padding:5px; }
    .Container33{ width:33.3%; float:left; padding:5px; }
    .Container30{ width:30%; float:left; padding:5px; }
    .Container25{ width:25%; float:left; padding:5px; }
    .Container20{ width:20%; float:left; padding:5px; }
    .Container10{ width:10%; float:left; padding:5px; }
    .Container5{ width:5%; float:left; padding:5px; }
    .NoIndent{display:block; margin:0px auto; padding:0px;}
    .Responsive{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive50{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .Responsive100{width:100%; float:left; margin-left:0px !important; margin-right:0px !important;}
    .WidAutoOnMobile{width:auto !important;}
    .HeiAutoOnMobile{height:auto !important;}
    .Fs12{font-size:12px !important;} 
    .Fs13{font-size:12px !important;} 
    .Fs14{font-size:13px !important;} 
    .Fs15{font-size:13px !important;} 
    .Fs16{font-size:13px !important;} 
    .Fs17{font-size:14px !important;} 
    .Fs18{font-size:15px !important;} 
    .Fs19{font-size:17px !important;} 
    .Fs20{font-size:17px !important;} 
    .Fs21{font-size:18px !important;} 
    .Fs22{font-size:18px !important;} 
    .Fs23{font-size:20px !important;} 
    .Fs24{font-size:21px !important;} 
    .Fs25{font-size:22px !important;} 
    .Fs26{font-size:23px !important;} 
    .Fs27{font-size:23px !important;} 
    .Fs28{font-size:25px !important;} 
    .Fs29{font-size:25px !important;} 
    .Fs30{font-size:25px !important;}
    .Fs40{font-size:28px !important;}
    .Fs50{font-size:30px !important;}
    .Fs60{font-size:32px !important;}
    .Fs100{font-size:35px !important;}
    .Fs130{font-size:40px !important;}
    #layout-portlets-cover {padding: 0rem 0rem 2rem 0rem;}
}

/* clearfix for Container */
.Container:before,.Container:after, .NoIndent:before,.NoIndent:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.Container:after, .NoIndent:after  {
    clear: both; 
}

