@font-face {font-family: 'icomoon';src:  url('fonts/icomoon.eot?499bx');src:  url('fonts/icomoon.eot?499bx#iefix') format('embedded-opentype'),url('fonts/icomoon.ttf?499bx') format('truetype'),url('fonts/icomoon.woff?499bx') format('woff'),url('fonts/icomoon.svg?499bx#icomoon') format('svg');font-weight: normal;font-style: normal;font-display: block;}
[class^="icon-"], [class*=" icon-"] {font-family: 'icomoon' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-dou-signal-stream:before {content: "\e901";}
.icon-dou-upload-cloud:before {content: "\e902";}
.icon-dou-files:before {content: "\e903";}
.icon-dou-file-lines:before {content: "\e904";}
.icon-dou-link:before {content: "\e905";}
.icon-dou-add-link:before {content: "\e906";}
.icon-dou-lightbulb-b:before {content: "\e907";}
.icon-dou-lightbulb-a:before {content: "\e908";}
.icon-dou-search:before {content: "\e909";}
.icon-dou-filter:before {content: "\e90a";}
.icon-dou-s-start:before {content: "\e90b";}
.icon-dou-s-initiated:before {content: "\e90c";}
.icon-dou-s-filled:before {content: "\e90d";}
.icon-dou-comments:before {content: "\e90e";}
.icon-dou-paper-plane:before {content: "\e90f";}
.icon-dou-calendar:before {content: "\e953";}
.icon-dou-study:before {content: "\e900";}
.icon-time:before {content: "\e910";}
.icon-bell:before {content: "\e911";}

:root {
    --white: #FDFDFD;
    --white2: #FFFFFF;
    --grey: #D4D4D4;
    --grey2: #EFEFEF;
    --grey3: #E5E5E5;
    --grey4: #B4B4B4;
    --grey5: #f6f6f6;
    --grey6: #efefef;
    --black: #333333;
    --black2: #8D8D8D;
    --black3: #7D7D7D;
    --black4: #444444;
    --blue: #0E5581;
    --blue2: #0d4470;
    --blue3: #e7f1f7;
    --blue4: #E5F6FF;
    --blue5: #9bc2d9;
    --orange: #F5831F;
    --orange2: #F4720E;
    --green: #10B981;
    --green2: #21CAC2;
    --green3: #19D74E;
    --cyan: #48FFF4;
    --b00: #b00;
    --red: #EF4444;
    --red2: #DE3333;
    --orange-light: #fef3e7;
}

.bg-white {background: var(--white);}
.bg-grey6 {background: var(--grey6);}
.bg-white2 {background: var(--white2);}
.bg-grey3 {background: var(--grey3)!important;}
.bg-grey2 {background: var(--grey2)!important;}
.bg-blue {background: var(--blue); border: 1px solid var(--blue2); color: var(--white)}
.bg-blue:hover {color: var(--white)}
.bg-blue:focus {color: var(--white)}
.bg-blue3 {background: var(--blue3);}
.bg-black {background: var(--black); border: 1px solid var(--black); color: var(--white)}
.bg-orange {background: var(--orange); border: 1px solid var(--orange2);}
.bg-green {background: var(--green); border: 1px solid var(--green2);}
.bg-grey5 {background: var(--grey5);}
.bg-orange-light {background: var(--orange-light);}
.bg-red{background: var(--red); border: 1px solid var(--red2);}
.bg-black{background: var(--black);}
.f-black {color: var(--black);}
.f-black2 {color: var(--black2);}
.f-black3 {color: var(--black3);}
.f-black4 {color: var(--black4);}
.f-white {color: var(--white);}
.f-cyan {color: var(--cyan);}
.f-blue {color: var(--blue)!important;}
.f-orange {color: var(--orange);}
.f-grey3 {color: var(--grey3);}
.f-grey4 {color: var(--grey4);}
.f-green {color: var(--green);}
.f-green3 {color: var(--green3);}
.f-red {color: var(--b00);}
.f-red2 {color: var(--red2);}
.f-orange {color: var(--orange);}
.f-presenter {color: #10B981;} /* Green Emerald */
.f-notification {color: #F5831F;} /* Orange Gold */
.f-notification-subtle {color: #b8860b;} /* Dark Goldenrod - More subtle */

.b00{color: var(--b00);}
.o-8 {opacity: 0.8;}
.o-5 {opacity: 0.5;}
.n-outline {outline: none!important;}

.btn-effect:hover {opacity: 0.9;} 
.btn-effect:active {box-shadow: inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .4);}

.i-effect:hover {opacity: 0.9;}
.i-effect:active {opacity: 0.7;}

main {font-size: 16px !important;}
.f-8 {font-size: 0.5em !important;}
.f-10 {font-size: 0.625em !important;}
.f-11 {font-size: 0.6875em !important;}
.f-12 {font-size: 0.75em !important;}
.f-13 {font-size: 0.8125em !important;}
.f-14 {font-size: 0.875em !important;}
.f-16 {font-size: 1em !important;}
.f-18 {font-size: 1.125em !important;}
.f-20 {font-size: 1.25em !important;}
.f-22 {font-size: 1.375em !important;}
.f-24 {font-size: 1.5em !important;}
.f-26 {font-size: 1.625em !important;}
.f-28 {font-size: 1.75em !important;}
.f-30 {font-size: 1.875em !important;}
.f-36 {font-size: 2.25em !important;}
.f-40 {font-size: 2.5em !important;}
.f-50 {font-size: 3.125em !important;}
.f-60 {font-size: 3.75em !important;}
.f-80 {font-size: 5em !important;}
.f-100 {font-size: 6.25em !important;}

.f-400 {font-weight: 400;}
.f-600 {font-weight: 600;}
.f-700 {font-weight: 700!important;}

.v-hidden {visibility: hidden;}
.v-visible {visibility: visible!important;}

.p-center {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}
.padre {display: flex; align-items: center;}
.padre2 {display: flex; align-items: center; justify-content: center;}
.padre3 {display: flex; align-items: top;}
.space-between {justify-content: space-between;}
.flex-start {justify-content: flex-start;}
.flex-end {justify-content: flex-end;}
.align-bottom {align-self: flex-end; align-items: bottom;}
.flex-wrap {flex-wrap: wrap;}
.d-f-column {flex-direction: column;}
.d-j-center {justify-content: center;}
.d-none{display: none;}
.d-all{display: block!important;}
.d-flex{display: flex!important;}
.i-center {align-items: center;}
.d-none2{display: none!important;}
.v-align-middle {vertical-align: middle!important;}

.d-block {display: block;}
.d-grid{display: grid!important;}
.grid-auto-130 {grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));}
.grid-1 {grid-template-columns: 1fr;}
.grid-1_5-3 {grid-template-columns: 2fr repeat(3, minmax(0, 1fr));}
.grid-2-1 {grid-template-columns: 3.4fr 1fr;}
.grid-1-025 {grid-template-columns: 1fr 0.35fr;}
.grid-05-1 {grid-template-columns: minmax(0, 0.5fr) minmax(0, 1fr);}
.grid-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.grid-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.grid-3-1 {grid-template-columns: 3fr 1fr;}
.grid-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.grid-4-2 {grid-template-columns: 4fr 2fr;}
.grid-4-2-1 {grid-template-columns: 4fr 2fr 1fr;}
.grid-3-1-1 {grid-template-columns: 2fr 1fr 1fr;}
.grid-4-1 {grid-template-columns: 4fr 1fr;}
.grid-3-025{grid-template-columns: repeat(3, 1fr) 0.25fr;}
.grid-4-025{grid-template-columns: repeat(4, 1fr) 0.25fr;}
.grid-5-025{grid-template-columns: repeat(2, 1fr) repeat(2, 0.80fr) 1fr 0.25fr; transition: all 0s ease 2s;}
.grid-6-025{grid-template-columns: repeat(2, 1fr) repeat(4, 0.80fr) 0.25fr; transition: all 0s ease 2s;}
.grid-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}
.grid-4-22 {grid-template-columns: repeat(4, minmax(0, 1fr)) 2fr;}
.grid-10 {grid-template-columns: repeat(11, minmax(0, 1fr));}
.grid-m-20 {grid-gap: 20px;}
.grid-m-10 {grid-gap: 10px;}
.grid-m-5 {grid-gap: 5px;}

.w-100 {width: 100%!important;}
.w-30 {width: 30%!important;}
.w-40 {width: 40%!important;}
.w-50 {width: 50%!important;}
.h-100 {height: 100%!important;}
.h-90 {height: 90%!important;}
.w-90 {width: 90%!important;}
.w-80 {width: 80%!important;}
.h-33 {height: 33px!important;}
.w-30px {width: 30px;}
.w-40px {width: 40px;}
.w-60px {width: 60px;}
.w-100px {width: 100px;}
.w-200px {width: 200px;}
.w-300px {width: 300px;}
.w-400px {width: 400px;}
.w-modal-80 {width: 80vw;}


.h-3px {height: 3px;}
.h-5px {height: 5px;}
.h-10px {height: 10px;}
.h-25px {height: 25px!important;}
.h-30px {height: 30px!important;}
.h-35px {height: 35px;}
.h-40px {height: 40px;}
.h-80px {height: 80px;}
.h-110px {height: 110px;}
.h-120px {height: 120px;}
.h-140px {height: 140px;}
.h-350px {height: 350px;}
.h-400px {height: 400px;}
.h-450px {height: 450px;}
.h-500px {height: 500px;}
.h-550px {height: 550px;}

.aspect-ratio-1 {aspect-ratio: 1 / 1;}
.aspect-ratio-1-5 {aspect-ratio: 1 / 0.55;}
.aspect-ratio-1-8 {aspect-ratio: 1 / 0.80;}
.aspect-ratio-16-9 {aspect-ratio: 16 / 9;}

.m-t-auto {margin-top: auto}
.m-b-auto {margin-bottom: auto}
.m-0 {margin: 0!important;}
.m-5 {margin: 5px;}
.m-t-5 {margin-top: 5px;}
.m-l-5 {margin-left: 5px;}
.m-r-5 {margin-right: 5px;}
.m-b-5 {margin-bottom: 5px;}
.m-10 {margin: 10px;}
.m-t-10 {margin-top: 10px;}
.m-l-10 {margin-left: 10px;}
.m-r-10 {margin-right: 10px;}
.m-b-10 {margin-bottom: 10px;}
.m-15 {margin: 15px;}
.m-t-15 {margin-top: 15px;}
.m-l-15 {margin-left: 15px;}
.m-r-15 {margin-right: 15px;}
.m-b-15 {margin-bottom: 15px;}
.m-20 {margin: 20px;}
.m-t-20 {margin-top: 20px;}
.m-l-20 {margin-left: 20px;}
.m-r-20 {margin-right: 20px;}
.m-b-20 {margin-bottom: 20px;}
.m-25 {margin: 25px;}
.m-t-25 {margin-top: 25px;}
.m-l-25 {margin-left: 25px;}
.m-r-25 {margin-right: 25px;}
.m-b-25 {margin-bottom: 25px;}
.m-30 {margin: 30px;}
.m-t-30 {margin-top: 30px;}
.m-l-30 {margin-left: 30px;}
.m-r-30 {margin-right: 30px;}
.m-b-30 {margin-bottom: 30px;}
.m-35 {margin: 35px;}
.m-t-35 {margin-top: 35px;}
.m-l-35 {margin-left: 35px;}
.m-r-35 {margin-right: 35px;}
.m-b-35 {margin-bottom: 35px;}

.p-0 {padding: 0!important;}
.p-t-0 {padding-top: 0!important;}
.p-l-0 {padding-left: 0!important;}
.p-r-0 {padding-right: 0!important;}
.p-b-0 {padding-bottom: 0!important;}
.p-5 {padding: 5px;}
.p-t-5 {padding-top: 5px;}
.p-l-5 {padding-left: 5px;}
.p-r-5 {padding-right: 5px;}
.p-b-5 {padding-bottom: 5px;}
.p-10 {padding: 10px;}
.p-t-10 {padding-top: 10px;}
.p-l-10 {padding-left: 10px;}
.p-r-10 {padding-right: 10px;}
.p-b-10 {padding-bottom: 10px;}
.p-15 {padding: 15px;}
.p-t-15 {padding-top: 15px;}
.p-l-15 {padding-left: 15px;}
.p-r-15 {padding-right: 15px;}
.p-b-15 {padding-bottom: 15px;}
.p-20 {padding: 20px;}
.p-t-20 {padding-top: 20px;}
.p-l-20 {padding-left: 20px;}
.p-r-20 {padding-right: 20px;}
.p-b-20 {padding-bottom: 20px;}
.p-25 {padding: 25px;}
.p-t-25 {padding-top: 25px;}
.p-l-25 {padding-left: 25px;}
.p-r-25 {padding-right: 25px;}
.p-b-25 {padding-bottom: 25px;}
.p-30 {padding: 30px;}
.p-t-30 {padding-top: 30px;}
.p-l-30 {padding-left: 30px;}
.p-r-30 {padding-right: 30px;}
.p-b-30 {padding-bottom: 30px;}
.p-35 {padding: 35px;}
.p-t-35 {padding-top: 35px;}
.p-l-35 {padding-left: 35px;}
.p-r-35 {padding-right: 35px;}
.p-b-35 {padding-bottom: 35px;}
.p-40 {padding: 40px;}
.p-t-40 {padding-top: 40px;}
.p-l-40 {padding-left: 40px;}
.p-r-40 {padding-right: 40px;}
.p-b-40 {padding-bottom: 40px;}

.p-relative {position: relative;}
.p-absolute {position: absolute;}
.pull-left {float:left!important;}
.pull-right {float:right!important;}
.t-0 {top: 0px;}
.b-0 {bottom: 0px;}
.l-0 {left: 0px;}
.r-0 {right: 0px;}

.b-r-b-5 {border-radius: 0 0 5px 5px;}
.b-r-5 {border-radius: 5px;}
.b-r-15 {border-radius: 15px!important;}
.b-r-10 {border-radius: 10px;}
.b-r-50 {border-radius: 50px;}
.b-r-500 {border-radius: 500px;}
.o-none {overflow: hidden}
.o-auto {overflow: auto}
.bor-none {border: none!important;}
.bor {border:1px solid var(--grey);}
.bor-t {border-top:1px solid var(--grey);}
.bor-b {border-bottom:1px solid var(--grey);}
.bor-l {border-left:1px solid var(--grey);}
.bor-r {border-right:1px solid var(--grey);}
.bor2 {border:1px solid var(--grey2);}
.bor2-t {border-top:1px solid var(--grey2);}
.bor2-b {border-bottom:1px solid var(--grey2);}
.bor2-l {border-left:1px solid var(--grey2);}
.bor2-r {border-right:1px solid var(--grey2);}

.l-h-7 {line-height: 7px!important;}
.l-h-8 {line-height: 8px!important;}
.l-h-9 {line-height: 9px!important;}
.l-h-10 {line-height: 10px!important;}
.l-h-12 {line-height: 12px!important;}
.l-h-16 {line-height: 16px!important;}
.l-h-18 {line-height: 18px!important;}
.l-h-22 {line-height: 22px!important;}
.l-h-26 {line-height: 26px!important;}
.l-h-28 {line-height: 28px!important;}
.l-h-30 {line-height: 30px!important;}
.l-h-40 {line-height: 40px!important;}

.c-p{cursor: pointer!important;}
.c-n{cursor: not-allowed!important;}
.p-none{pointer-events: none!important;}

.uppercase {text-transform: uppercase;}
.capitalize {text-transform: capitalize;}
.text-ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.scroll-style::-webkit-scrollbar {width: 5px;}
.scroll-style::-webkit-scrollbar-track {background: var(--grey2);}
.scroll-style::-webkit-scrollbar-thumb {background: var(--grey); border-radius: 5px;}
.scroll-style:hover::-webkit-scrollbar-thumb {background: var(--grey4); border-radius: 5px;}
.scroll-style::-webkit-scrollbar-thumb:hover {background: var(--grey4);}

.cdr-input-icon {width: 34px; height: 34px; border-radius: 0 4px 4px 0;}
.input-icon > .cdr-input-icon {top:0; right:0; color: var(--black2);}
.input-icon > input {padding-right:30px; border:1px solid var(--grey); border-radius: 4px;}
.input-icon > input:focus ~ .cdr-input-icon {text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);}
.input-icon > input:focus ~ .cdr-input-icon-effect { border-color: #33bbff!important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 136, 204, 0.3);}

.table-bordered2 {border-collapse: separate;border-spacing: 0;}
.table-bordered2 {border-radius: 4px; border:1px solid var(--grey);}
.table-bordered2 th, .table-bordered2 td {border-right: 1px solid var(--grey);}
.table-bordered2 th:last-child, .table-bordered2 td:last-child {border-right: none;}

.link:link {text-decoration: underline;}
.index-1 {z-index: 1;}
.index-2 {z-index: 2;}

.table-hover:hover { background: rgba(239, 239, 239, 0.6)!important; }

.fade-animation {transition: 0.5s linear all;}
.fade-animation.ng-enter {opacity: 0;}
.fade-animation.ng-enter-active {opacity: 1;}
.fade-animation.ng-leave {opacity: 1;}
.fade-animation.ng-leave-active {opacity: 0;}

.slide-animation {height: auto; transition: max-height 0s ease-out, opacity 0.5s ease-out, max-height 0.5s ease-in;}
.slide-animation.ng-enter {max-height: 0;}
.slide-animation.ng-enter-active {max-height: 1000px;}
.slide-animation.ng-leave {max-height: 1000px;}
.slide-animation.ng-leave-active {max-height: 0;opacity: 0;}

.scale-animation {transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;}
.scale-animation.ng-enter {transform: scale(0); opacity: 0;}
.scale-animation.ng-enter-active {transform: scale(1); opacity: 1;}
.scale-animation.ng-leave {transform: scale(1); opacity: 1;}
.scale-animation.ng-leave-active {transform: scale(0); opacity: 0;}

.fade-slide-animation {transition: opacity 0.5s ease, transform 0.5s ease;}
.fade-slide-animation.ng-enter {opacity: 0; transform: translateY(20px);}
.fade-slide-animation.ng-enter-active {opacity: 1; transform: translateY(0);}
.fade-slide-animation.ng-leave {opacity: 1; transform: translateY(0);}
.fade-slide-animation.ng-leave-active {opacity: 0; transform: translateY(-20px);}


.form-control:focus { border-color: #33bbff!important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 136, 204, 0.3);}