@charset "utf-8";
/* CSS Document */



@import url("ui-login.css?nocache=22");
@import url("ui-console.css");
@import url("menu.css");
@import url("ui-formkit.css");

@import url("family.css");
@import url("chiclet.css");



@font-face 
{
	font-family: "Calibri";
	src: url("./fonts/Calibril.ttf");       
}

@font-face 
{
	font-family: "Calibri";
	font-weight:bold;
	src: url("./fonts/Calibri Bold.ttf");       
}



/**/


body { 
	background-color: #fff; 
	font-family: "Calibri", Arial, sans-serif; 
	font-size:16px;
	line-height:1.4;
    color:#000;
    padding:0px 0px 0px 0px;
    margin:0px;
}



/**/



.hidden {display:none;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}


.red {color:#cc0000;}
.orange {color:#FF9933;}
.green {color:#009900;}
.yellow {color:#FC3;}
.blue {color:#09C;}
.pink {color:#F99;}
.grey {color:#aaa;}
.gray {color:#666;}



.highlight {background-color:#FF0;}
.hilite {background-color:#FF0;}
.markup {background-color:#FF0;}
.redlight {background-color:#fdd !important;}

.small {font-size:10px;line-height:12px;}
.smaller {font-size:8px;line-height:10px;}
.center {text-align:center;}
.bold {font-weight:bold;}

.uppercase {text-transform:uppercase;}

a {color:#03F;text-decoration:underline;}
a:visited { color:#03F; }
a:hover { color:#03F; }
a:active { color:#ff0000; }


a.hidden { color:inherit; text-decoration:none; }
a.hidden:hover { color:inherit; text-decoration:underline; }

a.concealed { color:inherit; text-decoration:none; }
a.concealed:hover { color:inherit; text-decoration:underline; }


/*

h1,h2,h3,h4,h5,h6{
	font-family: "Gotham", Helvetica, Arial, sans-serif;
	font-weight:normal;
	margin-top:5px;
}

h2{	margin:5px 0px 20px 0px; }
h3{	margin:2px 0px 15px 0px; }
h4{	margin:0px 0px 10px 0px; }


h1 {font-size:24px; line-height:16px;}
h2 {font-size:18px; line-height:16px;}
h3 {font-size:14px; line-height:16px;}
h4 {font-size:14px; line-height:16px;}
h5 {font-size:14px; line-height:16px;}
h6 {font-size:14px; line-height:16px;}



/**/

.nav-sticky {

    /*position:fixed;*/
    min-height:40px;
    width:100vw;
    background:#eeeeee;
    border-bottom:1px solid #fff;  
    overflow:hidden;
    top:0px; 
    z-index:999;
    padding:10px 60px;
}


.btn {

    padding:11px 30px 11px 30px;
    font-size:14px;
    line-height:16px;
    border:1px solid #000;
    text-transform:uppercase;
    letter-spacing:1px;
    border-radius:5px;

}




.box-padded {

    padding:60px 60px;
    min-height:100vh;
    background-color: #eeeeee;


}


.scheme-blueorange {
    color:#999;
    background-color: #fafbfd;

    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#22aadd+0,dd6633+100 * /
    background: #22aadd; /* Old browsers * /
    background: -moz-linear-gradient(-45deg,  #22aadd 0%, #dd6633 100%); /* FF3.6-15 * /
    background: -webkit-linear-gradient(-45deg,  #22aadd 0%,#dd6633 100%); /* Chrome10-25,Safari5.1-6 * /
    background: linear-gradient(135deg,  #22aadd 0%,#dd6633 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ * /
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22aadd', endColorstr='#dd6633',GradientType=1 ); /* IE6-9 fallback on horizontal gradient * /
    */
}

.scheme-blueorange .btn { border-color:#fff; color:#fff; background:transparent;}

.scheme-blueorange .btn:hover { background:rgba(255,255,255,0.3);}










.scheme-footer {

    height:50px;
    padding:10px;
    background:#eeeeee;
    border:1px solid #999999;
    border-width:1px 0px 0px 0px;
    line-height:30px;
 
}










@media (max-width: 768px) {
   

    .box-padded {
        padding:90px 30px 30px 30px;
        height:auto;
        min-height:auto;
    }


}


div.container-fluid .row
{
    margin:0px -15px;
}



@media print {
	
    body > header {
        display:none !important;
    } 
    
    body > footer {
        display:none !important;
    }

    .nav-sticky {
        display:none;
    }

	.box-padded {
        padding:0px;
    }

 
}