/*
    Linkred: #ed234f;
    Textgrey: #494c55;
    Codeblue: #2ca5eb;
*/

.text-link-red { color: #ed234f!important; }
.text-grey { color: #494c55!important; }
.text-code-blue { color: #2ca5eb!important; }
.text-green { color: #75C613!important; }
.text-white { color: white!important; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.text-left { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right { text-align: right!important; }
.text-justify { text-align: justify; }
.fr { float:right!important; }
.fl { float:left!important; }
._dib { display: inline-block; }

td.numeric { text-align: right; }
td.indent { text-indent: 1.5em; }
td.percent { text-align: right; }

body{font-family:signikaregular,serif;color:#494c55; background: #12151b url("../../images/app/bg.jpg") repeat-y top center; }

/* FORM STYLING */
.ci-form.white-theme {  }
.ci-form.white-theme a.regular { color: #a2a9b4; font-size: 1.7rem; }
.ci-form.white-theme textarea { resize: vertical; }
.ci-form.white-theme input[type='text'], .ci-form.white-theme input[type='password'], .ci-form.white-theme input[type='email'], .ci-form.white-theme textarea { -webkit-transition:border .2s ease-out;-moz-transition:border .2s ease-out;transition:border .2s ease-out; outline: none; width: 100%; background-color: #f0f4fb; border-radius: 5px; border: 1px solid #ebf1fa; padding-left: 30px; padding-top: 12px; padding-bottom: 12px; margin-bottom: 20px; font-family: Signika, serif; font-weight: 400; font-size: 1.8rem; color: #2b213c;}
.ci-form.white-theme input[type='text']::-webkit-input-placeholder, .ci-form.white-theme input[type='password']::-webkit-input-placeholder, .ci-form.white-theme input[type='email']::-webkit-input-placeholder, .ci-form.white-theme textarea::-webkit-input-placeholder,
.ci-form.white-theme input[type='text']::-moz-placeholder, .ci-form.white-theme input[type='password']::-moz-placeholder, .ci-form.white-theme input[type='email']::-moz-placeholder, .ci-form.white-theme textarea::-moz-placeholder,
.ci-form.white-theme input[type='text']:-ms-input-placeholder, .ci-form.white-theme input[type='password']:-ms-input-placeholder, .ci-form.white-theme input[type='email']:-ms-input-placeholder, .ci-form.white-theme textarea:-ms-input-placeholder
    { font-family: Signika, serif; font-weight: 400; font-size: 1.8rem; color: #a2a9b4; }
.ci-form.white-theme input[type='text']:focus, .ci-form.white-theme input[type='password']:focus, .ci-form.white-theme input[type='email']:focus, .ci-form.white-theme textarea:focus
    { border: 1px solid #00c1ff; }

.ci-form.white-theme label { font-size: 1.7rem; font-weight: 100; }
.ci-form.white-theme hr { border-radius: 10px; border-color: #ebf1fa; height:3px; background-color: #f0f3fb; margin: 10px 0 10px; }
.ci-form.white-theme hr + .button-shiny { margin-top: 0; }

a:active, a:focus { outline: none!important; }
.container { padding-left: 0; padding-right: 0; }
.menu-container { padding-right: 0; }
.documentation-container { font-family: allerregular,serif; color: #494c55; padding-top: 1.5rem; background-color: #12151b; padding-left: 5rem; }
.documentation-container h1,
.documentation-container h2,
.documentation-container h3,
.documentation-container h6 { font-size: 3rem; color: white; margin-bottom: 1.5rem; margin-top: 5rem; }
.documentation-container hr + h1,
.documentation-container hr + h2,
.documentation-container hr + h3,
.documentation-container hr + h6 { margin-top: 2rem; line-height: 3.5rem; }
.documentation-container h6 { font-size: 1.5rem; margin-top: 1rem; }
body.mainpage-view h1,
body.mainpage-view h2, 
body.mainpage-view h3, 
body.mainpage-view h4, 
body.mainpage-view h5, 
body.mainpage-view h6 { color: #2b213c; font-family: signikabold,serif; }

body.subpage-view h1 { font-size: 4rem; font-family: allerbold,serif; }
body.subpage-view h1 + h3.close-top { font-size: 3.1rem; font-family: allerbold,serif; margin-top: -10px; color: #ed234f; }

.documentation-container p { margin: 1.5rem 0; }
.documentation-container p, .documentation-container ul li, .documentation-container ul li a, .documentation-container table{ font-size: 1.63rem; }
.documentation-container hr { border:0; height:1px; background-color: #2a2c32; margin: 3.5rem 0; }
.documentation-container a, .documentation-container .important { color: #ed234f; }
.documentation-container h1 a { color: inherit!important; }
.documentation-container a.pre-link { font-family: "Consolas", serif; }
.documentation-container ul li { margin-bottom: 0.8rem; list-style-image: url("../../images/app/li_bullet.png"); }
.documentation-container ol li { margin-bottom: 2rem; font-size: 1.63rem; line-height: 2rem; }

.documentation-container table.zebra { width: 100%; }
.documentation-container table.zebra thead { font-family: allerregular,serif; font-weight: bold; font-size: 1.6rem; color: white; }
.documentation-container table.zebra td, .documentation-container table.zebra th { padding: 0.8rem 0; }
.documentation-container table.zebra tbody tr:nth-child(odd) { background-color: #24262d; }
.documentation-container table.zebra td.text-left:first-child, .documentation-container table.zebra th.text-left:first-child { padding-left: 3rem; }
.documentation-container table.zebra td.text-right:last-child, .documentation-container table.zebra th.text-right:last-child { padding-right: 3rem; }
.documentation-container table.zebra td { background: url("../../images/app/table_col_border.png") repeat-y top right; line-height: 2rem; }
.documentation-container table.zebra td:last-child { background-image: none; }
.documentation-container table.zebra td.row-selected { background-color: #ed234f; color: white; background-image: url("../../images/app/table_col_border_selected.png") }
.documentation-container table.zebra td.col-selected { background-color: #222730; color: white; background-image: url("../../images/app/table_col_border_selected.png") }
.documentation-container table.zebra.cols-wo-border td { background-image: none; }
.documentation-container table.zebra tr:nth-child(odd) td.col-selected { background-color: #3d3f48; }
.documentation-container table.zebra td.intersection { background-color: #2ca5eb!important; }

.changelog-row table.changelog { width: 100%; border-collapse: separate; border-spacing: 0 4px; }
.changelog-row table.changelog thead { font-family: allerregular,serif; font-size: 1.9rem; color: white; }
.changelog-row table.changelog tbody tr { border-radius: 5rem; }
.changelog-row table.changelog td { background-color: #232834; padding: 19px 0; color: white; font-size: 2rem; }
.changelog-row table.changelog tr td:first-child { border-top-left-radius: 10px; -moz-border-top-left-radius: 10px;  border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; width: 100px; }
.changelog-row table.changelog tr td:last-child { border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; }
.changelog-row table.changelog tr.crtical-status td:first-child { background: #232834 url("../../images/app/changelog-critical-icon.png") no-repeat center center; }
.changelog-row table.changelog tr.not-important-status td:first-child { background: #232834 url("../../images/app/changelog-not-important-icon.png") no-repeat center center; }
.changelog-row table.changelog tr.normal-status td:first-child { background: #232834 url("../../images/app/changelog-normal-icon.png") no-repeat center center; }
.changelog-row table.changelog tr td.plus-icon { background: #232834 url("../../images/app/changelog-plus.png") no-repeat center center; }
.changelog-row table.changelog tr td.plus-minus-icon { background: #232834 url("../../images/app/changelog-plus-minus.png") no-repeat center center; }
.changelog-row table.changelog tr td.minus-icon { background: #232834 url("../../images/app/changelog-minus.png") no-repeat center center; }
.changelog-row table.changelog tr.crtical-status td:nth-child(4) { color: #fc3963; }
.changelog-row table.changelog tr.not-important-status td:nth-child(4) { color: #75c613; }
.changelog-row table.changelog tr.normal-status td:nth-child(4) { color: #00abfb; }
.changelog-row .changelog-paginator {  }
.changelog-row .changelog-paginator li { display: inline-block; margin-left: 1rem; }
.changelog-row .changelog-paginator li + li { margin-left: 1rem; }
.changelog-row .changelog-paginator li a { font-size: 2rem; color: #313949; font-family: allerregular, serif; font-weight: bold; }
.changelog-row .changelog-paginator li a.active, .changelog-row .changelog-paginator li a:hover { color: white; text-decoration: none; }
.changelog-row .changelog-paginator li:first-child, .changelog-row .changelog-paginator li:last-child { background-color: #00abfb; border-radius: 5px; padding: 2px 9px 3px 11px; }
.changelog-row .changelog-paginator li:first-child { padding: 2px 11px 3px 9px; }
.changelog-row .changelog-paginator li:first-child a, .changelog-row .changelog-paginator li:last-child a { color: white; }
.changelog-row td.changelog-long-desc-col { font-size: 1.5rem!important; }

.documentation-container pre.syntax-colorify { background-color: #222730; border: none; padding: 3rem; border-radius: 1.5rem; }
.documentation-container pre.syntax-colorify > code { border-left: 1px solid #272c35; padding: 0 0 0 2rem; }

.documentation-container table.function-parameters-type { width: 100%; }
.documentation-container table.function-parameters-type h5 { font-size: 2rem; color: white; margin-bottom: 0.1rem; }
.documentation-container table.function-parameters-type h6 { font-family:alleritalic,serif; font-size: 1.8rem; color: #494c55; margin-top: 0; }
.documentation-container table.function-parameters-type span.key-value { color: #ed234f; font-family: aller_lightitalic,serif; }
.documentation-container table.function-parameters-type span.key-value + span { color: white; }
.documentation-container table.function-parameters-type tr > td:last-child { border-bottom: 1px solid #2a2c32; }
.documentation-container table.function-parameters-type tr:last-child > td { border: none!important; }
.documentation-container table.function-parameters-type td:last-child strong { color: white; font-weight: normal; }

.documentation-container table.key-value-type { width: 100%; }
.documentation-container table.key-value-type tr > td:first-child { font-family:alleritalic,serif; font-size: 2.3rem; color: #494c55; }
.documentation-container table.key-value-type tr > td:last-child { font-family:allerregular,serif; font-size: 2.3rem; color: #fff; }
.documentation-container table.key-value-type tr td { padding: 2.2rem 0; border-bottom: 1px solid #2a2c32; }
.documentation-container table.key-value-type tr:last-child td { border: none; }

.documentation-container table.function-parameters-type tr td:nth-child(2) a, .documentation-container table.key-value-type tr td:nth-child(2) a { font-family: "Consolas", serif; font-size: 14px; font-weight: bolder; display: block; }

.button-shiny,.button-shiny-pink, .button-shiny-orange{outline:none;background-color:#fc3963;border:medium none;border-radius:5px;color:#fff!important;display:inline-block;font-family:allerbold,sans-serif;font-size:1.3rem;line-height:1em;padding:1.3em 3rem 1.5em;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .2s ease-in;-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.45);-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.45);box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.45);}
.button-shiny:hover,.button-shiny-pink:hover, .button-shiny-orange:hover{color:#fff;text-decoration:none!important;box-shadow:0 0 30px 0 rgba(252,123,150,0.5);background-color:#fc7b96;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;transition:all .2s ease-out}
.button-shiny:hover:before {-webkit-animation: shine 0.5s 0s linear;-moz-animation: shine 0.5s 0s linear;animation: shine 0.4s 0s linear;}
.button-shiny:active {box-shadow: 0 0 0 0 transparent;-webkit-transition: box-shadow 0.15s ease-in;-moz-transition: box-shadow 0.15s ease-in;transition: box-shadow 0.15s ease-in;}
.button-shiny:before{content:'';display:block;width:0;height:86%;position:absolute;top:7%;left:0;opacity:0;background:#fff;box-shadow:0 0 15px 3px #fff;-webkit-transform:skewX(-20deg);-moz-transform:skewX(-20deg);-ms-transform:skewX(-20deg);-o-transform:skewX(-20deg);transform:skewX(-20deg)}
@-webkit-keyframes shine {from{opacity:0;left:0}50%{opacity:1}to{opacity:0;left:100%}}
@-moz-keyframes shine {from{opacity:0;left:0}50%{opacity:1}to{opacity:0;left:100%}}
@keyframes shine {from{opacity:0;left:0}50%{opacity:1}to{opacity:0;left:100%}}

.button-shiny-blue, .button-elastic-blue { background-color: #00ABFB; }
.button-shiny-blue:hover, .button-elastic-blue:hover { box-shadow: 0 0 30px 0 rgba(124, 211, 251, 0.5); background-color: #7cd3fb; }
.button-shiny-orange, .button-elastic-orange { background-color: #FF711F; }
.button-shiny-orange:hover, .button-elastic-orange:hover { box-shadow: 0 0 30px 0 rgba(255, 173, 125, 0.5); background-color: #ffad7d; }
.button-shiny-green, .button-elastic-green { background-color: #75C613; }
.button-shiny-green:hover, .button-elastic-green:hover { box-shadow: 0 0 30px 0 rgba(153, 198, 98, 0.5); background-color: #99c662; }
a.button-shiny + a.button-shiny, a.button-elastic + a.button-elastic { margin-left: 2rem; }

.button-shiny.no-shadow { box-shadow: 0 0 0 0 transparent!important; }

.button-elastic,.button-elastic-pink{background-color:#fc3963;border:medium none;border-radius:5px;color:#fff!important;display:inline-block;font-family:allerbold,sans-serif;font-size:1.3rem;line-height:1em;padding:1.3em 3rem 1.5em;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.45);-moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.45);box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.45);}
.button-elastic.wo-shadow { box-shadow: none; }
.button-elastic:hover,.button-elastic-pink:hover {background-color:#fc7b96; color:#fff;text-decoration:none!important; -webkit-animation: elastic 0.25s 0s ease-in;-moz-animation: elastic 0.3s 0s ease-in;animation: elastic 0.25s 0s ease-in;}
@keyframes elastic
{
    from{transform: scale(1);}
    40%{transform: scale(1.2);}
    60%{transform: scale(1);}
    80%{transform: scale(1.1);}
    to{transform: scale(1);}
}
@-moz-keyframes elastic
{
    from{transform: scale(1);}
    40%{transform: scale(1.2);}
    60%{transform: scale(1);}
    80%{transform: scale(1.1);}
    to{transform: scale(1);}
}
@-webkit-keyframes elastic
{
    from{transform: scale(1);}
    40%{transform: scale(1.2);}
    60%{transform: scale(1);}
    80%{transform: scale(1.1);}
    to{transform: scale(1);}
}

.swal2-modal .swal2-title { font-family: Signika, serif; font-weight: 700; }
.swal2-modal .swal2-content, .swal2-modal input[type='text'], .swal2-modal input[type='email'] { font-family: Signika, serif; font-weight: 300; }
.swal2-modal .swal2-validationerror { font-family: Signika, serif; font-weight: 400; }
.swal2-modal button { font-size: 1.5rem; min-width: 100px; }
.swal2-modal button ~ button { margin-left: 10px;  }
.swal2-modal :not(.swal2-styled).swal2-loading::after { width: 20px; height: 20px; border-bottom-color: white; border-top-color: white; border-left-color: white; vertical-align: -4px; }
.swal2-modal :not(.swal2-styled).swal2-loading, .swal2-modal :not(.swal2-styled).swal2-loading:hover { box-shadow:none; background-color: #ddd; transition: none; }


/* MAIN PAGE */
body.mainpage-view .documentation-container { color: #434750; padding-left:0; }