/* Ribbon */
#ribbon{height:10px;background-color:#D13636;background-color:rgba(221, 60, 77, .95);background-image:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #E75239), color-stop(12.5%, #E75239), color-stop(12.5%, #FF961C), color-stop(25%, #FF961C), color-stop(25%, #FFCC27), color-stop(37.5%, #FFCC27), color-stop(37.5%, #FCE62F), color-stop(50%, #FCE62F), color-stop(50%, #CDE35B), color-stop(62.5%, #CDE35B), color-stop(62.5%, #82CC33), color-stop(75%, #82CC33), color-stop(75%, #41BECE), color-stop(87.5%, #41BECE), color-stop(87.5%, #049CDB), color-stop(100%, #049CDB));background-image:-webkit-linear-gradient(left, #E75239 0%, #E75239 12.5%, #FF961C 12.5%, #FF961C 25%, #FFCC27 25%, #FFCC27 37.5%, #FCE62F 37.5%, #FCE62F 50%, #CDE35B 50%, #CDE35B 62.5%, #82CC33 62.5%, #82CC33 75%, #41BECE 75%, #41BECE 87.5%, #049CDB 87.5%, #049CDB 100%);background-image:-moz-linear-gradient(left, #E75239 0%, #E75239 12.5%, #FF961C 12.5%, #FF961C 25%, #FFCC27 25%, #FFCC27 37.5%, #FCE62F 37.5%, #FCE62F 50%, #CDE35B 50%, #CDE35B 62.5%, #82CC33 62.5%, #82CC33 75%, #41BECE 75%, #41BECE 87.5%, #049CDB 87.5%, #049CDB 100%);background-image:-o-linear-gradient(left, #E75239 0%, #E75239 12.5%, #FF961C 12.5%, #FF961C 25%, #FFCC27 25%, #FFCC27 37.5%, #FCE62F 37.5%, #FCE62F 50%, #CDE35B 50%, #CDE35B 62.5%, #82CC33 62.5%, #82CC33 75%, #41BECE 75%, #41BECE 87.5%, #049CDB 87.5%, #049CDB 100%);background-image:linear-gradient(left, #E75239 0%, #E75239 12.5%, #FF961C 12.5%, #FF961C 25%, #FFCC27 25%, #FFCC27 37.5%, #FCE62F 37.5%, #FCE62F 50%, #CDE35B 50%, #CDE35B 62.5%, #82CC33 62.5%, #82CC33 75%, #41BECE 75%, #41BECE 87.5%, #049CDB 87.5%, #049CDB 100%);background-position:50% 0;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.0625) inset;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.0625) inset;box-shadow:0 1px 2px rgba(0, 0, 0, 0.0625) inset}

.d-none { display: none !important;}
.pull-right{float:right}
.pull-left{float:left}

.m-0 { margin: 0 !important;}
.m-1 { margin: 0.25rem !important;}
.m-2 { margin: 0.5rem !important;}
.m-3 { margin: 1rem !important;}
.m-4 { margin: 1.5rem !important;}
.m-5 { margin: 3rem !important;}
.m-auto { margin: auto !important;}
.mx-0 { margin-right: 0 !important;  margin-left: 0 !important;}
.mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important;}
.mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important;}
.mx-3 { margin-right: 1rem !important; margin-left: 1rem !important;}
.mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important;}
.mx-5 { margin-right: 3rem !important; margin-left: 3rem !important;}
.mx-auto { margin-right: auto !important; margin-left: auto !important;}
.my-0 { margin-top: 0 !important; margin-bottom: 0 !important;}
.my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important;}
.my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important;}
.my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important;}
.my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important;}
.my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important;}
.my-auto { margin-top: auto !important; margin-bottom: auto !important;}
.mt-0 { margin-top: 0 !important;}
.mt-1 { margin-top: 0.25rem !important;}
.mt-2 { margin-top: 0.5rem !important;}
.mt-3 { margin-top: 1rem !important;}
.mt-4 { margin-top: 1.5rem !important;}
.mt-5 { margin-top: 3rem !important;}
.mt-auto { margin-top: auto !important;}
.me-0 { margin-right: 0 !important;}
.me-1 { margin-right: 0.25rem !important;}
.me-2 { margin-right: 0.5rem !important;}
.me-3 { margin-right: 1rem !important;}
.me-4 { margin-right: 1.5rem !important;}
.me-5 { margin-right: 3rem !important;}
.me-auto { margin-right: auto !important;}
.mb-0 { margin-bottom: 0 !important;}
.mb-1 { margin-bottom: 0.25rem !important;}
.mb-2 { margin-bottom: 0.5rem !important;}
.mb-3 { margin-bottom: 1rem !important;}
.mb-4 { margin-bottom: 1.5rem !important;}
.mb-5 { margin-bottom: 3rem !important;}
.mb-auto { margin-bottom: auto !important;}
.ms-0 { margin-left: 0 !important;}
.ms-1 { margin-left: 0.25rem !important;}
.ms-2 { margin-left: 0.5rem !important;}
.ms-3 { margin-left: 1rem !important;}
.ms-4 { margin-left: 1.5rem !important;}
.ms-5 { margin-left: 3rem !important;}
.ms-auto { margin-left: auto !important;}
.p-0 { padding: 0 !important;}
.p-1 { padding: 0.25rem !important;}
.p-2 { padding: 0.5rem !important;}
.p-3 { padding: 1rem !important;}
.p-4 { padding: 1.5rem !important;}
.p-5 { padding: 3rem !important;}
.px-0 { padding-right: 0 !important;  padding-left: 0 !important;}
.px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important;}
.px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important;}
.px-3 { padding-right: 1rem !important; padding-left: 1rem !important;}
.px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important;}
.px-5 { padding-right: 3rem !important; padding-left: 3rem !important;}
.py-0 { padding-top: 0 !important; padding-bottom: 0 !important;}
.py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;}
.py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important;}
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important;}
.py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important;}
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important;}
.pt-0 { padding-top: 0 !important;}
.pt-1 { padding-top: 0.25rem !important;}
.pt-2 { padding-top: 0.5rem !important;}
.pt-3 { padding-top: 1rem !important;}
.pt-4 { padding-top: 1.5rem !important;}
.pt-5 { padding-top: 3rem !important;}
.pe-0 { padding-right: 0 !important;}
.pe-1 { padding-right: 0.25rem !important;}
.pe-2 { padding-right: 0.5rem !important;}
.pe-3 { padding-right: 1rem !important;}
.pe-4 { padding-right: 1.5rem !important;}
.pe-5 { padding-right: 3rem !important;}
.pb-0 { padding-bottom: 0 !important;}
.pb-1 { padding-bottom: 0.25rem !important;}
.pb-2 { padding-bottom: 0.5rem !important;}
.pb-3 { padding-bottom: 1rem !important;}
.pb-4 { padding-bottom: 1.5rem !important;}
.pb-5 { padding-bottom: 3rem !important;}
.ps-0 { padding-left: 0 !important;}
.ps-1 { padding-left: 0.25rem !important;}
.ps-2 { padding-left: 0.5rem !important;}
.ps-3 { padding-left: 1rem !important;}
.ps-4 { padding-left: 1.5rem !important;}
.ps-5 { padding-left: 3rem !important;}

.text-red{color:#dd4b39 !important}
.text-yellow{color:#f39c12 !important}
.text-aqua{color:#00c0ef !important}
.text-blue{color:#0073b7 !important}
.text-black{color:#111 !important}
.text-light-blue{color:#3c8dbc !important}
.text-green{color:#00a65a !important}
.text-gray{color:#d2d6de !important}
.text-navy{color:#001F3F !important}
.text-teal{color:#39CCCC !important}
.text-olive{color:#3D9970 !important}
.text-lime{color:#01FF70 !important}
.text-orange{color:#FF851B !important}
.text-fuchsia{color:#F012BE !important}
.text-purple{color:#605ca8 !important}
.text-maroon{color:#D81B60 !important}

/*button*/
button {cursor:pointer;background-color:transparent;}
.blink {animation:blink 0.8s ease-in-out infinite alternate;}
.bttn {display:inline-block;padding:0.4em 1.5em;font-size:0.9rem;font-weight:400;text-align:center;transition:0.3s;}
.bttn.bold {font-weight:500;}
.bttn.text {display:inline-block;padding:0.1em;font-size:1.1rem;font-weight:400;}
.bttn.text.blue {color:#4990E2;}
.bttn.text.orange {color:#FB9653;}
.bttn.text {display:inline-block;padding:0.1em;font-size:1.1rem;font-weight:400;}
.bttn.text {display:inline-block;padding:0.1em;font-size:1.1rem;font-weight:400;}
.bttn.tiny {padding:1px 3px;font-size:0.8rem;}
.bttn.small {padding:0.1em 0.3em;}
.bttn.big {padding:0.6em 2em;font-size:1.1rem;}
.bttn.huge {padding:0.8em 3em;font-size:1.2rem;}
.bttn.wide {padding-left:4em;padding-right:4em;}
.bttn.tiny.wide {padding-left:2em;padding-right:2em;}
.bttn.small.wide {padding-left:3em;padding-right:3em;}
.bttn.big.wide {padding-left:6em;padding-right:6em;}
.bttn.huge.wide {padding-left:8em;padding-right:8em;}
.bttn.fill {color:#fff;background-color:#333;border:1px solid #333;}
.bttn.fill.gray {background-color:#777;border:1px solid #777;}
.bttn.fill.blue {background-color:#4990E2;border:1px solid #4990E2;}
.bttn.fill.red {background-color:#d00;border:1px solid #d00;}
.bttn.fill.sky {color:#111;background-color:#EBF5FF;border:1px solid #dBe5eF;}
.bttn.fill.pink {color:#111;background-color:#FFEBEB;border:1px solid #eFdBdB;}
.bttn.fill.orange {background-color:#FB9653;border:1px solid #FB9653;}
.bttn.fill.white {color:#111;background-color:#fff;}
.bttn.border {color:#111;background-color:#fafafa;border:1px solid #ddd;}
.bttn.border.blue {color:#4990E2;border:1px solid #4990E2;}
.bttn.border.red {color:#d00;border:1px solid #d00;}
.bttn.border.orange {color:#FB9653;border:1px solid #FB9653;}
.bttn.border.white {color:#fff;border:1px solid #fff;}
.bttn.w100 {width:100%;} .bttn.w50 {width:50%;} .bttn.w45 {width:45%;} .bttn.w33 {width:33.3333%;} .bttn.w32 {width:32%;} .bttn.w31 {width:31%;} .bttn.w30 {width:30%;} .bttn.w25 {width:25%;} .bttn.w24 {width:24%;} .bttn.w23 {width:23%;} .bttn.w22 {width:22%;} .bttn.w20 {width:20%;} .bttn.w19 {width:19%;} .bttn.w18 {width:18%;} .bttn.w15 {width:15%;}
.bttnArea {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;}
.bttnArea.left {justify-content:flex-start;}
.bttnArea.right {justify-content:flex-end;}
.bttnArea.around {justify-content:space-around;}
.bttnArea.between {justify-content:space-between;}

div#right-sidebar{
    position:absolute;
    top:700px;
    right:10px;
    /*left:1500px;*/
    width:80px;
    height:100%;
   }
   @media screen{
    body>div#right-sidebar{
     position:fixed;
    }
   }
   * html body{ overflow:hidden; } 
   * html div#content{  height:100%;  overflow:auto; }