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



@import url("chiclet.css");
@import url("ui-login.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;
}

div.layout_main {

    width:auto;
    background:#fff;
    color:#000;
    /*margin:0px 30px;*/
    padding:10px 10px 100px 10px;

}



.nav-sticky {

    position:fixed;
    height:60px;
    width:100vw;
    background:#22aadd;
    border-bottom:1px solid #fff;  
    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;

}
.btn:hover{ }



.box-padded {

    padding:120px 60px;    
    min-height:500px;
    background-color: #eeeeee;

}


.red {color:#cc0000;}
.green {color: #669933;}
.grey {color: #cccccc;}
.gray {color: #999999;}


.bold {font-weight:bold;}

td.red {background:#cc000008;}
td.green {background: #66993308;}
td.gray {background: #66666608;}



.scheme-blueorange {
    color:#fff;

    /* 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);}




form.theme input {

    padding:10px 10px 10px 10px;    
    line-height:16px;
    background:#fff;
    border-radius:4px;
    border-width:0px;

    -webkit-box-shadow: 0px 0px 32px -16px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 32px -16px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 32px -16px rgba(0,0,0,0.5);

}

form.theme input[type="submit"] {

    padding:13px 30px 11px 30px;
    font-size:14px;
    line-height:16px;
    border:0px;
    text-transform:uppercase;
    letter-spacing:1px;
    border-radius:5px;
    background:#dd6633;
    color:#fff;

}









@media (max-width: 768px) {
   

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


}


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