* { margin: 0; padding: 0; outline: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { vertical-align: baseline; } body { overflow-x: hidden!important; } h1, h2, h3, h4, h5, h6 { white-space: normal } body .no-mg { margin-top: 0!important; margin-right: 0!important; margin-bottom: 0!important; margin-left: 0!important } body .no-pd { padding-top: 0!important; padding-right: 0!important; padding-bottom: 0!important; padding-left: 0!important } .hidden { display: none!important } .has-overlay { width: 100%; margin: auto; display: table; position: relative } .has-overlay > * { position: relative; z-index: 1 } .has-overlay::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(23, 21, 21, 0.6); z-index: 0 } .bttn-clean { background-color: transparent } .form-control-clean, .form-control-clean:focus { box-shadow: none; border-color: transparent; background-color: transparent!important; padding: 0 } .invisible-disabling:not(button) { background-color: transparent!important; } .invisible-disabling { opacity: 1!important; } li { max-width: 100%; } .breadcrumb.clearfix li { float: left; } /* Anchor as btn */ .bttn-group input:first-child, .bttn-group button:last-child, .bttn-group select:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; } .bttn-group input:last-child, .bttn-group button:last-child, .bttn-group select:last-child { border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn, .bttn {white-space: normal;} .bttn { border: 1px solid transparent; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; text-decoration: none!important; margin: auto; transition: all .3s ease; } .bttn:active:not(:disabled):not(.disabled) { box-shadow: inset 0 3px 5px rgba(0,0,0,.125); } .bttn.disabled, .bttn[disabled], ._btn.disabled, ._btn[disabled] { color: #afafaf!important; } .bttn.disabled, .bttn:disabled { color: #cac9c9; background-color: #f5f5f5 } .bttn:not(.bttn-block):not(.bttn-center) { display: inline-block; } .bttn-block { display: table; width: 100%; } .bttn-center { display: table; margin: auto } .bttn.bttn-no-transition { transition: none } .bttn-radius, .radius { border-radius: 4px } .bttn-radius-deep, .radius-deep { border-radius: 100%!important } /*bttn-primary*/ .bttn-primary:not(:hover) { color: #fff } .bttn-primary:hover { background-color: #fff } /*bttn-primary*/ .bttn-secondary:not(:hover) { background-color: #fff } .bttn-secondary:hover { color: #fff } .bttn i { padding-right: 10px; } /* Anchor as btn */ .has-transition { transition: all .3s ease!important } .text-ellipsis { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100% } .text-white { color: #FFFFFF!important } .text-shadow { text-shadow: 1px 0 3px #000 } .text-smoked { color: #757575!important } .bg-white { background-color: #FFFFFF } .dp-table { display: table!important;} .dp-block { display: block!important;} .mg-auto { margin: auto!important; } /* contexual-menu */ .contextual-menu-container { position: relative } .contextual-menu-container:not(.is-visible) .contextual-menu { display: none!important } .contextual-menu { position: absolute; right: 0; background-color: #fff; _border: 1px solid #d3d3d3; outline: none; box-shadow: 0 2px 4px rgba(0,0,0,.2); z-index: 99; text-align: left!important } .contextual-menu ul { list-style: none; padding: 10px 0; margin: inherit!important; } .contextual-menu ul li a { display: block; padding: 5px 30px 5px 15px; text-decoration: none; white-space: nowrap; min-width: 160px; } .contextual-menu a i { width: 20px; text-align: center; } li.divider { height: 1px; background-color: rgba(204, 204, 204, 0.39); margin: 5px 0 } .empty-val { font-style: italic; color: #ccc } .article-content ol, .article-content ul { margin-left: 15px } /* rgba(0, 0, 0, 0.298039) 0px 0px 20px; */ .unselectable, .contextual-menu { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none } .cursor-default { cursor: default; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text } /*.has-shadow { background: radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)); }*/ .has-inset-shadow { box-shadow: inset -10px 1px 12px #ccc } .has-shadow { box-shadow: -10px 1px 12px rgba(105, 104, 104, 0.68) } body [class^="col-"], body [class^=" col-"] { transition: all .3s ease-in-out; } .cell-container { display: table } .cell-container:not(.cell-container-breakwidth) { width: 100% } .cell-container-pull-right { text-align: right } .cell { display: table-cell!important; position: relative } .cell.cell-vtop { vertical-align: top } .cell:not(.cell-vtop) { vertical-align: middle } .cell.cell-use-space, [class^="cell-spacer"], [class*=" cell-spacer"] { width: 1%; white-space: nowrap } .cell-spacer, .cell-spacer-2 { padding: 0 1px } .cell-spacer-4 { padding: 0 2px } .cell-spacer-6 { padding: 0 3px } .cell-spacer-8 { padding: 0 4px } .cell-spacer-10 { padding: 0 5px } .cell-spacer-12 { padding: 0 6px } .cell-spacer-14 { padding: 0 7px } .cell-spacer-16 { padding: 0 8px } .cell-spacer-18 { padding: 0 9px } .cell-spacer-20 { padding: 0 10px } .cell-spacer-22 { padding: 0 11px } .cell-spacer-24 { padding: 0 12px } .cell-1{width: 1% !important;}.cell-2{width: 2% !important;}.cell-3{width: 3% !important;}.cell-4{width: 4% !important;}.cell-5{width: 5% !important;}.cell-6{width: 6% !important;}.cell-7{width: 7% !important;}.cell-8{width: 8% !important;}.cell-9{width: 9% !important;}.cell-10{width: 10% !important;}.cell-11{width: 11% !important;}.cell-12{width: 12% !important;}.cell-13{width: 13% !important;}.cell-14{width: 14% !important;}.cell-15{width: 15% !important;}.cell-16{width: 16% !important;}.cell-17{width: 17% !important;}.cell-18{width: 18% !important;}.cell-19{width: 19% !important;}.cell-20{width: 20% !important;}.cell-21{width: 21% !important;}.cell-22{width: 22% !important;}.cell-23{width: 23% !important;}.cell-24{width: 24% !important;}.cell-25{width: 25% !important;}.cell-26{width: 26% !important;}.cell-27{width: 27% !important;}.cell-28{width: 28% !important;}.cell-29{width: 29% !important;}.cell-30{width: 30% !important;}.cell-31{width: 31% !important;}.cell-32{width: 32% !important;}.cell-33{width: 33% !important;}.cell-34{width: 34% !important;}.cell-35{width: 35% !important;}.cell-36{width: 36% !important;}.cell-37{width: 37% !important;}.cell-38{width: 38% !important;}.cell-39{width: 39% !important;}.cell-40{width: 40% !important;}.cell-41{width: 41% !important;}.cell-42{width: 42% !important;}.cell-43{width: 43% !important;}.cell-44{width: 44% !important;}.cell-45{width: 45% !important;}.cell-46{width: 46% !important;}.cell-47{width: 47% !important;}.cell-48{width: 48% !important;}.cell-49{width: 49% !important;}.cell-50{width: 50% !important;}.cell-51{width: 51% !important;}.cell-52{width: 52% !important;}.cell-53{width: 53% !important;}.cell-54{width: 54% !important;}.cell-55{width: 55% !important;}.cell-56{width: 56% !important;}.cell-57{width: 57% !important;}.cell-58{width: 58% !important;}.cell-59{width: 59% !important;}.cell-60{width: 60% !important;}.cell-61{width: 61% !important;}.cell-62{width: 62% !important;}.cell-63{width: 63% !important;}.cell-64{width: 64% !important;}.cell-65{width: 65% !important;}.cell-66{width: 66% !important;}.cell-67{width: 67% !important;}.cell-68{width: 68% !important;}.cell-69{width: 69% !important;}.cell-70{width: 70% !important;}.cell-71{width: 71% !important;}.cell-72{width: 72% !important;}.cell-73{width: 73% !important;}.cell-74{width: 74% !important;}.cell-75{width: 75% !important;}.cell-76{width: 76% !important;}.cell-77{width: 77% !important;}.cell-78{width: 78% !important;}.cell-79{width: 79% !important;}.cell-80{width: 80% !important;}.cell-81{width: 81% !important;}.cell-82{width: 82% !important;}.cell-83{width: 83% !important;}.cell-84{width: 84% !important;}.cell-85{width: 85% !important;}.cell-86{width: 86% !important;}.cell-87{width: 87% !important;}.cell-88{width: 88% !important;}.cell-89{width: 89% !important;}.cell-90{width: 90% !important;}.cell-91{width: 91% !important;}.cell-92{width: 92% !important;}.cell-93{width: 93% !important;}.cell-94{width: 94% !important;}.cell-95{width: 95% !important;}.cell-96{width: 96% !important;}.cell-97{width: 97% !important;}.cell-98{width: 98% !important;}.cell-99{width: 99% !important;}.cell-100{width: 100% !important;} [class^="icon-"], [class*=" icon-"] { transition: all .3s ease } [class^="icon-"].hover-scale:hover, [class*=" icon-"].hover-scale:hover { transform: scale(1.1); } [class^="icon-"].hover-rotate:hover, [class*=" icon-"].hover-rotate:hover { transform: rotate(-30deg); } [class^="icon-"].hover-scale.hover-rotate:hover, [class*=" icon-"].hover-scale.hover-rotate:hover { transform: rotate(-30deg) scale(1.1); } [class^="icon-"].hover-opacity:hover, [class*=" icon-"].hover-opacity:hover { opacity: .8; } .icon-fb { background-color: #3b5998; } .icon-tw { background-color: #55acee; } .icon-gp { background-color: #c31919; } .icon-yt { background-color: #c4302b; } .icon-fb.hover-shadow:hover { box-shadow: 0 0 40px 10px #3b5998; } .icon-tw.hover-shadow:hover { box-shadow: 0 0 40px 10px #55acee; } .icon-gp.hover-shadow:hover { box-shadow: 0 0 40px 10px #c31919; } .icon-yt.hover-shadow:hover { box-shadow: 0 0 40px 10px #c4302b; } .img-thumb { padding: 2px; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; max-width: 100% } .pagination { display: table; width: 100% } .pagination span { display: inline-block; } .pagination a, .pagination .current { border: 1px solid rgb(238, 238, 238); padding: 5px 7px; text-decoration: none; color: #797979 } .pagination a:hover { background-color: #f5faff; } .pagination span:first-child a { border-radius: 3px 0 0 3px } .pagination .current { background-color: #337ab7; color: #fff; border-color: #2e6da4; font-weight: bold } .pagination span:last-child a { border-radius: 0 3px 3px 0 } body form .form-control-required { color: red!important; font-size: 1.3em!important; line-height: 0!important; padding-left: 3px!important; position: relative!important; top: 1px!important; } body .transformFileInputToButton { width: 35px; height: 35px; overflow: hidden; cursor: pointer; border-radius: 100%; border: 1px solid #286ba5; } body .transformFileInputToButton::before { font-family: FontAwesome; content: "\f030"; position: absolute; width: 35px; height: 35px; border-radius: 100%; background-color: #337ab7; text-align: center; line-height: 35px; color: #fff } body .transformFileInputToButton:hover::before { background-color: #266ca9; } body .transformFileInputToButton:active::before { background-color: #1d5d96; } body .md-visible, body .sm-visible, body .xs-visible { display: none!important; } .vam { top: 50%; position: absolute; transform: translateY(-50%); left: 0; right: 0; margin:auto } /*.vam { display: flex; justify-content: center; align-items: center; margin: auto; } .vam.vam--dir-col { flex-direction: column } .vam.vam--dir-row { flex-direction: row } .vam:not(.vam--h-auto) { height: 100%; }*/ html .pending { position: relative; } _html body.pending { height: 100vh!important; } html .pending.pending-transparent::before { background-color: transparent !important; } html .pending.pending-transparentless::before { background-color: #fff !important; } html .pending.pending-transparent::after { content: ""; position: fixed; width: 40px; height: 40px; background-color: white; top: 50%; left: 0; right: 0; margin-left: auto; margin-right: auto; transform: translateY(-50%); border-radius: 100%; z-index: 9999; box-shadow: 0 0 3px 5px #a9a9a9 } html .pending::before, html .frozen::before { content: ""; transition: all .3s ease; position: fixed; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 99999; } html body.pending::before { position: fixed; } html .pending-focus::before { position: absolute!important; } /* lg */ @media screen and (min-width: 1200px) { } /* md */ @media screen and (max-width: 1199px) { .md-pd-0 { padding-top: 0!important; padding-right: 0!important; padding-bottom: 0!important; padding-left: 0!important } .md-pd-0-15 { padding: 0 15px !important } .md-pd-0-30 { padding: 0 30px !important } .md-w-100 { width: 100%!important } .md-mg-0 { margin-top: 0!important; margin-right: 0!important; margin-bottom: 0!important; margin-left: 0!important } .md-mg-lr-0 { margin-left: 0!important; margin-right: 0!important; } .col-md-12--15, .col-md-12--30 { margin-top: 0!important; margin-right: 0!important; margin-bottom: 0!important; margin-left: 0!important; width: 100%!important } .col-md-12--15 { padding: 0 15px !important; } .col-md-12--30 { padding: 0 30px !important; } html body *.md-visible { display: inherit!important; } } /* sm */ @media screen and (max-width: 992px) { body .sm-pd-0 { padding-top: 0!important; padding-right: 0!important; padding-bottom: 0!important; padding-left: 0!important } body .sm-pt-0 { padding-top: 0!important } body .sm-pr-0 { padding-right: 0!important } body .sm-pb-0 { padding-bottom: 0!important } body .sm-pl-0 { padding-left: 0!important } body .sm-pd-0-15 { padding: 0 15px !important } body .sm-pd-0-30 { padding: 0 30px !important } body .sm-mt-0 { margin-top: 0!important; } body .sm-mb-0 { margin-bottom: 0!important; } body .sm-mg-0 { margin-top: 0!important; margin-right: 0!important; margin-bottom: 0!important; margin-left: 0!important } body .sm-w-100 { width: 100%!important } body .sm-mg-0 { margin-top: 0!important; margin-right: 0!important; margin-bottom: 0!important; margin-left: 0!important } body .sm-mg-lr-0 { margin-left: 0!important; margin-right: 0!important; } body .sm-mg-auto, body .cells-sm-broken, body .sm-center { margin: auto!important } body .cells-sm-auto > .cell { display: table!important; width: 100%!important; min-width: 100%!important; max-width: 100%!important; margin: auto!important } body .cells-sm-broken > .cell { display: table!important; width: 100%!important; min-width: 100%!important; max-width: 100%!important; padding-top: 7px; padding-bottom: 7px } /**:not(form[action]) [class^="cell-spacer-"], *:not(form[action]) [class*=" cell-spacer-"] { display: none!important }*/ body .sm-center { text-align: center!important; display: table!important; width: 100%!important; min-width: 100%!important; max-width: 100%!important; float:none!important } body .sm-hidden { display: none!important } body .sm-dp-table { display: table!important } body .sm-spacer-10 {height: 10px;} body .sm-spacer-15 {height: 15px;} body .sm-spacer-20 {height: 20px;} body .sm-spacer-25 {height: 25px;} body .sm-spacer-30 {height: 30px;} body .vam.vam-sm-broken { top: initial; position: initial; transform: initial; left: initial; right: initial; margin: initial } body *.sm-visible { display: inherit!important; } } /* xs */ @media screen and (max-width: 767px) { body .xs-pd-0 { padding-top: 0!important; padding-right: 0!important; padding-bottom: 0!important; padding-left: 0!important } body .xs-pt-0 { padding-top: 0!important } body .xs-pr-0 { padding-right: 0!important } body .xs-pb-0 { padding-bottom: 0!important } body .xs-pl-0 { padding-left: 0!important } body .xs-mg-0 { margin-top: 0!important; margin-right: 0!important; margin-bottom: 0!important; margin-left: 0!important } body .xs-pd-0-15 { padding: 0 15px !important } body .xs-pd-0-30 { padding: 0 30px !important } body .xs-w-100 { width: 100%!important } body .xs-mg-0 { margin-top: 0!important; margin-right: 0!important; margin-bottom: 0!important; margin-left: 0!important } body .xs-mg-lr-0 { margin-left: 0!important; margin-right: 0!important; } body .xs-mg-auto, body .cells-xs-broken, body .xs-center { margin: auto!important } body .cells-xs-auto > .cell { display: table!important; width: 100%!important; min-width: 100%!important; max-width: 100%!important; margin: auto!important } body .cells-xs-broken > .cell { display: table!important; width: 100%!important; min-width: 100%!important; max-width: 100%!important; padding-top: 7px; padding-bottom: 7px } body .xs-center { text-align: center!important; display: table!important; width: 100%!important; min-width: 100%!important; max-width: 100%!important; float:none!important } body .xs-hidden { display: none!important } body .xs-dp-table { display: table!important } body .xs-spacer-10 {height: 10px;} body .xs-spacer-15 {height: 15px;} body .xs-spacer-20 {height: 20px;} body .xs-spacer-25 {height: 25px;} body .xs-spacer-30 {height: 30px;} body .vam.vam-xs-broken { top: initial; position: initial; transform: initial; left: initial; right: initial; margin: initial } body *.xs-visible { display: inherit!important; } }