
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../../fonts/opensans/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../../fonts/opensans/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../../fonts/opensans/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

body{ background: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 13px; margin: 0;
        -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

/*----------------------------------------------------
    PADDINGS
------------------------------------------------------*/
.nopadding { padding: 0;}
.pd-0 { padding: 0 !important;}
.pd-5 { padding: 5px;}
.pd-10 { padding: 10px;}
.pd-15 { padding: 15px;}
.pd-20 { padding: 20px;}
.pd-25 { padding: 25px;}
.pd-30 { padding: 30px;}
.pd-40 { padding: 40px;}

.pd-l-0 { padding-left: 0px !important;}
.pd-l-10 { padding-left: 10px;}
.pd-l-15 { padding-left: 15px;}
.pd-l-30 { padding-left: 30px;}

.pd-lr-5 { padding: 0 5px;}
.pd-lr-10 { padding: 0 10px;}
.pd-lr-15 { padding: 0 15px;}
.pd-lr-20 { padding: 0 20px;}
.pd-lr-25 { padding: 0 25px;}
.pd-lr-30 { padding: 0 30px;}
.pd-lr-40 { padding: 0 40px;}

.pd-b-10 { padding-bottom: 10px;}
.pd-b-15 { padding-bottom: 15px;}
.pd-b-20 { padding-bottom: 20px;}
.pd-b-30 { padding-bottom: 30px;}

.pd-t-5 { padding-top: 5px;}
.pd-t-10 { padding-top: 10px;}
.pd-t-15 { padding-top: 15px;}
.pd-t-20 { padding-top: 20px;}
.pd-t-30 { padding-top: 30px;}

.pd-tb-5  { padding-top: 5px; padding-bottom: 5px;}
.pd-tb-10 { padding-top: 10px; padding-bottom: 10px;}
.pd-tb-15 { padding-top: 15px; padding-bottom: 15px;}
.pd-tb-50 { padding-top: 50px; padding-bottom: 50px;}

/*----------------------------------------------------
    MARGINS
------------------------------------------------------*/
.mg-0       { margin: 0px !important;}
.mg-r-5     { margin-right: 5px !important;}
.mg-r-10    { margin-right: 10px !important;}
.mg-r-15    { margin-right: 15px !important;}
.mg-l-5     { margin-left: 5px !important;}
.mg-l-10    { margin-left: 10px !important;}
.mg-l-15    { margin-left: 15px !important;}
.mg-t-5     { margin-top: 5px !important; }
.mg-t-0     { margin-top: 0px !important; }
.mg-t-10    { margin-top: 10px !important; }
.mg-t-15    { margin-top: 15px !important; }
.mg-t-20    { margin-top: 20px !important; }
.mg-t-30    { margin-top: 30px !important; }
.mg-t-40    { margin-top: 40px !important; }
.mg-b-0     { margin-bottom: 0px !important; }
.mg-b-5     { margin-bottom: 5px !important; }
.mg-b-10    { margin-bottom: 10px !important; }
.mg-b-15    { margin-bottom: 15px !important; }
.mg-b-20    { margin-bottom: 20px !important; }
.mg-b-30    { margin-bottom: 30px !important; }

/*----------------------------------------------------
    BORDERS
------------------------------------------------------*/
.noborders{ border: none !important; }
.border-bottom{ border-bottom: 1px solid #ddd; }
.borders{border: #aaa solid 1px;}
.bordersGray{border: #ccc solid 1px;}
.bordersLightGray{border: #eee solid 1px;}
.bordersRed{border: #c00 solid 1px;}
/*----------------------------------------------------
    BACKGROUND COLORS
------------------------------------------------------*/
.greyBG{background-color: #ddd;}
.lightGreyBG{background-color: #eee;}
/*----------------------------------------------------
    FONTS
------------------------------------------------------*/
.font11 {font-size:11px !important;}
.font12 {font-size:12px !important;}
.font13 {font-size:13px !important;}
.font14 {font-size:14px !important;}
.font15 {font-size:15px !important;}
.font16 {font-size:16px !important;}
.font17 {font-size:17px !important;}
.font18 {font-size:18px !important;}
.font19 {font-size:19px !important;}
.font20 {font-size:20px !important;}
.font21 {font-size:21px !important;}
.font22 {font-size:22px !important;}
.font25 {font-size:25px !important;}
.font30 {font-size:30px !important;}

.light      { font-weight: 300 }
.normal     { font-weight: 400 }
.semi-bold  { font-weight: 500 }
.bold       { font-weight: bold }

/*----------------------------------------------------
    OTHERES
------------------------------------------------------*/
a{color:#03f; text-decoration: none;}
a:hover{color:#06f;}
table{width:100%;}
td,div{vertical-align: top;}
.divBlock{display:inline-block;}
.hidden{display:none;}
.alignRight{text-align:right;}
.alignLeft{text-align:Left;}
.alignCenter{text-align:center;}
.alignTop{vertical-align:top;}
.alignMiddle{vertical-align:middle;}
.alignBottom{vertical-align:bottom;}
.text-danger{color:#e00;}
/*----------------------------------------------------
    INPUTS
------------------------------------------------------*/
input,textarea,select{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
select,input,button{
    padding: 0 10px;
    width:auto;
    height: 38px;
    line-height: 38px;
    text-align: center;
}
input[type=radio],input[type=checkbox]{
    width: auto;
    height: auto;
    line-height: 1;
}

select.small,input.small,button.small{
    height: 30px;
    line-height: 30px;
}
select,input{
    text-align: left;
}

/*----------------------------------------------------
    TABLE
------------------------------------------------------*/
table {border-spacing: 0;border-collapse: separate;}
table th{font-weight:bold;}
table.dataTable th, table.dataTable td{padding:10px;}
table.dataTable thead th{border-bottom:#ddd solid 1px;background: #eee;}
table.dataTable tbody,table tfoot{background: #fff;}
table.dataTable tbody td{background: #fff;}
table.dataTable select,input,button{
    width:100%;
}
.apiDocWidget{
    padding: 15px;
    background: #fcfcfc;
    border: #ddd solid 1px;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.apiDocWidget h3{
    font-size:21px;
    margin: 0;
}
.apiDocWidget .endpoint{
    font-size:15px;
    color:#03f;
}
.apiDocWidget .description{
    font-size:15px;
    color:#999;
}