/*@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600&display=swap');*/

body { outline: none; font-family: 'Montserrat', sans-serif; font-weight:400; font-size:18px; }
/*.defs * { max-width:100%; }*/
p, p *, .sans, .sans *, button, .btn, ul.nav-tabs a.nav-link, ::placeholder, table thead th, .form-group label.form-control-label { outline: none; font-family: 'Montserrat', sans-serif; }
body h2 { color:black; }
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; color: #2f477f; line-height: 115%; }
h1, h2, h3 { font-weight:400 !important; }
h5 { font-size:1rem; }
a:hover, .hovr:hover { color: #3fa5ff !important; transition: 0.3s; }
a.btn:not(.btn-outline-default):hover { color:white !important; }
a.page-link:hover { color:white !important; }
main a { font-weight:500; }
table, .table { max-width:100% !important; word-break:break-word; }
.site-menubar, .site-menubar-unfold .site-menu > .site-menu-item > a .site-menu-title, .site-menu .site-menu-sub, .maintext li { font-size: 1.1rem; font-family: 'Montserrat', sans-serif; font-weight:400; }
.rb3, .rb5 { border-radius:6px !important; ovrflow:hidden; }
.rb9 { border-radius:9px !important; ovrflow:hidden; }
label { font-family:'Montserrat', sans-serif; }
label.form-control-label { font-size:16px; }
.o1 { opacity:0.1; } .o1:active { opacity:0.2; }
.o15 { opacity:0.15; } .o15:active { opacity:0.25; }
.o2 { opacity:0.2; } .o2:active { opacity:0.3; }
.o25 { opacity:0.25; } .o25:active { opacity:0.35; }
.text-decoration-none { text-decoration:none !important; }
.badge-pill { min-width:20px; margin-left:-7px; }
.badge-info { background-color: #136bd4; }
.breadcrmbs { font-family:'Montserrat'; }
.hyde { display:none; }

.fw-300 { font-weight:300 !important; }
.nobr	{ white-space:nowrap; }
.ohover { transition:0.2s; } .ohover:hover { opacity:1; }
#forum { font-family: 'Montserrat', sans-serif; font-weight:400; }
.mw-tt { width:65%; }
.form-control { font-weight:500; }
.mgl--1 { margin-left:-1px; }
p.lead { font-weight: 500; }
b, .bold, h4 { font-weight: 600; }
strong { font-weight: 700; }

.greymode .site-menubar { background: #313131; }
.darkmode .site-menubar, .darkmode .mega, .greymode .mega { background:#1e2332; }
.lightmode .site-menubar .site-menu, .lightmode .site-menubar-body { background: #f1f1f1; }
.lightmode .site-menubar a { color:#222; }
.greymode .site-menubar a { color: #849aab; }
.lightmode .site-menubar a:active { background: #d5f38f; }
.greymode .site-menubar a:active { background: #749c18; }
.darkmode .site-menubar a:active { background: #455d0e; }
.greymode .form-bg { background: #fff8ec; }

.greymode a.nocolor { color:#222; }
.darkmode a.nocolor { color:#bbb; }
.lightmode a.nocolor { color:#444; }

.btn-default { border:0 !important; }

.lightmode .form-bg { box-shadow:3px 3px 12px rgba(50,50,50, 0.1); background:white; }
.panel { box-shadow:3px 3px 6px rgba(50,50,50, 0.05); }
.greymode .form-bg b { color: #727783; }
.darkmode .form-bg b { color:#dde; }

.bgs-1 td { background-color:rgba(16,136,255, .15); }
.bgs-2 td { background-color:rgba(58,51,245, .1); }
.bgs-3 td { background-color:rgba(20,120,0, .13); }
.bgs-4 td { background-color:rgba(250,167,0, .1); }
.bgs-5 td { background-color:rgba(230,71,20, .1); }
.bgs-6 td { background-color: rgb(20,223,230, .1 ); }

.greymode .mega .table { color:#999; }
.greymode .mega .table th, .greymode .mega .table td { border-color: #2e3a49 !important; }
.greymode .mega .table tr.hovr:hover, .darkmode .mega .table tr.hovr:hover { background-color: rgb(38, 43, 111) !important; }
.lightmode .mega .table tr.hovr:hover { background-color: rgba(79, 111, 25, 0.13) !important; }

.darkmode .pricing-table [class*="pricing-column"] { background-color: #232630; border: 1px solid #20232c; }
.darkmode .pricing-table [class*="pricing-column"].featured { background-color: #2b405c; border: 1px solid #23354b; }
.darkmode .pricing-table .pricing-header { border-bottom: 1px solid #304d68; }
.darkmode .bootstrap-select button.dropdown-toggle { background: #222; }
.darkmode input[type=button].form-control { background: #222; border-color:#222; color:grey; padding-left:10px; }
.darkmode input[type=text].form-control { background:#1a1a1a; border-color:#1a1a1a; color:grey; padding-left:10px; }
.darkmode input[type=text].form-control:focus, .darkmode input[type=text].form-control.focus { background: #1f1f1f; border-color: #0d478e; color: #85afcb; padding-left:10px; box-shadow:inset 0 0 12px #072952; }
.darkmode .switchery small { background-color:#1f1f1f !important; }
.darkmode .input-group-text { background-color: #333 !important; border-color:#333 !important; }
.darkmode .panel-group-continuous .panel + .panel { border-top: 2px solid #222; }

.bg-darkblue { background: #11396a; }
.darkmode .yellow-purple { color:#FAA700; }
.greymode .yellow-purple, .lightmode .yellow-purple { color:#A57AFA; }

.border-1 { border-bottom:2px dotted rgba(255, 34, 122, 0.5); }

.lightmode .page { background: #f6f8fa; }
.lightmode:not(.ultra) .navbar-header, .lightmode:not(.ultra) .site-navbar .navbar-container { background: #2b699f; color:white; }
.lightmode:not(.ultra) .navbar-default .navbar-toolbar .nav-link { color:white; }
.lightmode.ultra .navbar-header, .lightmode.ultra .site-navbar .navbar-container { background: whitesmoke; }
.lightmode:not(.ultra) .navbar-default .navbar-toolbar .nav-link:hover, .lightmode:not(.ultra) .navbar-default .navbar-toolbar .nav-link:focus { background-color:rgba(0,0,0, .2); color:white !important; }
.lightmode:not(.ultra) .navbar-default .hamburger:before, .lightmode:not(.ultra) .navbar-default
.hamburger .hamburger-bar, .lightmode:not(.ultra) .navbar-default .hamburger:after { background:white !important; }
.lightmode .site-menubar .site-menu .site-menu-item.active { background: rgba(175, 215, 255, 0.5); }
.lightmode:not(.ultra) .site-menubar-light .site-menu>.site-menu-item.active>a { color: #3e8ef7; }
.lightmode .site-menubar .site-menu .site-menu-item:hover { background: rgba(213, 232, 255, 0.4); }
.lightmode .site-menubar .site-menu .site-menu-item:hover a { color:black !important; }

.off { color:grey; opacity:0.7; border-color:grey; background:transparent !important; cursor:not-allowed !important; }
.switchery.switchery-small { vertical-align:-5px; }
.controls small { vertical-align:6px; }

.darkmode .btn-outline-default, .darkmode .btn-outline.btn-default { border-color: #2f3132; }
.darkmode .btn-outline-primary, .darkmode .btn-outline.btn-primary { border-color: #1d3f6c; }
.darkmode a { color:#4e86e5; }
.darkmode .ck { color:#333; }
.darkmode .btn-primary { background: #273462; }
.darkmode .form-bg { background:#222121; }

.panel .panel-body .mb-00 { margin-bottom:0 !important; }
.footer-menu .rightpart, .footer-menu .leftpart { text-align:left !important; margin:0 !important; }
blockquote.mailbc:hover { border-color:orangered !important; }
.greymode .nav-tabs-line.nav-tabs .nav-link:hover { color:white !important; }
thead { opacity:0.55; }
.dataTables_info { font-size:14px; font-weight:600; color:grey; opacity:0.5; }
.ul-sep li { margin-bottom: 12px; line-height: 1.2; }

.form-material.has-success .form-control.focus, .form-material.has-success .form-control:focus, .form-material.has-success .form-control:not(.empty) {
    background-image: linear-gradient(#11c26d,#11c26d),linear-gradient(#e4eaec,#e4eaec) !important;
}

.greymode .list-group-item { background:#eae8e5; }
.darkmode .list-group-item { background:#242323; }
.darkmode .list-group-item:hover { background:#2e3246; }
.darkmode a.list-group-item:focus,.darkmode a.list-group-item:active { color: #5b8da9; text-decoration: none; background-color: #1a3f5d; }

.list-btm .icon { width:26px; }
.lightmode tr.table-featured td { background:rgba(255,252,100,0.19) }
.greymode tr.table-featured td { background:rgba(255,203,100,0.19) }
.darkmode tr.table-featured td { background:rgba(29,77,118,0.19) }

.mw-30 { min-width:30px; }
.mw-35 { min-width:35px; }
.mw-40 { min-width:40px; }
.mw-45 { min-width:45px; }
.mw-50 { min-width:50px; }

.bgc, body div .bgc0 { background-color:#2b699f; }
.def1.lightmode:not(.ultra) .navbar-header, .def1.lightmode:not(.ultra) .site-navbar .navbar-container, .def1 .bgc, .bgc1 { background-color: #167362; }
.def2.lightmode:not(.ultra) .navbar-header, .def2.lightmode:not(.ultra) .site-navbar .navbar-container, .def2 .bgc, .bgc2 { background-color: #599323; }
.def3.lightmode:not(.ultra) .navbar-header, .def3.lightmode:not(.ultra) .site-navbar .navbar-container, .def3 .bgc, .bgc3 { background-color: #734e16; }
.def4.lightmode:not(.ultra) .navbar-header, .def4.lightmode:not(.ultra) .site-navbar .navbar-container, .def4 .bgc, .bgc4 { background-color: #73162f; }
.def5.lightmode:not(.ultra) .navbar-header, .def5.lightmode:not(.ultra) .site-navbar .navbar-container, .def5 .bgc, .bgc5 { background-color: #541d80; }
.def6.lightmode:not(.ultra) .navbar-header, .def6.lightmode:not(.ultra) .site-navbar .navbar-container, .def6 .bgc, .bgc6 { background-color: #2f3d93; }

.def1 .btn-outline-primary, .def1 .btn-outline.btn-primary { color: #167362; border-color: #167362; } .def1 .btn-outline-primary:hover, .def1 .btn-outline.btn-primary:hover { background:#167362; color:white; }
.def2 .btn-outline-primary, .def2 .btn-outline.btn-primary { color: #599323; border-color: #599323; } .def2 .btn-outline-primary:hover, .def2 .btn-outline.btn-primary:hover { background:#599323; color:white; }
.def3 .btn-outline-primary, .def3 .btn-outline.btn-primary { color: #734e16; border-color: #734e16; } .def3 .btn-outline-primary:hover, .def3 .btn-outline.btn-primary:hover { background:#734e16; color:white; }
.def4 .btn-outline-primary, .def4 .btn-outline.btn-primary { color: #73162f; border-color: #73162f; } .def4 .btn-outline-primary:hover, .def4 .btn-outline.btn-primary:hover { background:#73162f; color:white; }
.def5 .btn-outline-primary, .def5 .btn-outline.btn-primary { color: #541d80; border-color: #541d80; } .def5 .btn-outline-primary:hover, .def5 .btn-outline.btn-primary:hover { background:#541d80; color:white; }
.def6 .btn-outline-primary, .def6 .btn-outline.btn-primary { color: #2f3d93; border-color: #2f3d93; } .def6 .btn-outline-primary:hover, .def6 .btn-outline.btn-primary:hover { background:#2f3d93; color:white; }

.def1.lightmode:not(.ultra) .site-menubar-light .site-menu>.site-menu-item.active>a { color: #167362; } .def1.lightmode .site-menubar .site-menu .site-menu-item.active { background: rgba(22, 115, 98, 0.2); } .def1.lightmode .site-menubar .site-menu .site-menu-item:hover { background: rgba(22, 115, 98, 0.1); }
.def2.lightmode:not(.ultra) .site-menubar-light .site-menu>.site-menu-item.active>a { color: #599323; } .def2.lightmode .site-menubar .site-menu .site-menu-item.active { background: rgba(89, 147, 35, .2); } .def2.lightmode .site-menubar .site-menu .site-menu-item:hover { background: rgba(89, 147, 35, 0.1); }
.def3.lightmode:not(.ultra) .site-menubar-light .site-menu>.site-menu-item.active>a { color: #734e16; } .def3.lightmode .site-menubar .site-menu .site-menu-item.active { background: rgba(115, 78, 22, .2); } .def3.lightmode .site-menubar .site-menu .site-menu-item:hover { background: rgba(115, 78, 22, 0.1); }
.def4.lightmode:not(.ultra) .site-menubar-light .site-menu>.site-menu-item.active>a { color: #73162f; } .def4.lightmode .site-menubar .site-menu .site-menu-item.active { background: rgba(115, 22, 47, .2); } .def4.lightmode .site-menubar .site-menu .site-menu-item:hover { background: rgba(115, 22, 47, 0.1); }
.def5.lightmode:not(.ultra) .site-menubar-light .site-menu>.site-menu-item.active>a { color: #541d80; } .def5.lightmode .site-menubar .site-menu .site-menu-item.active { background: rgba(84, 29, 128, .2); } .def5.lightmode .site-menubar .site-menu .site-menu-item:hover { background: rgba(84, 29, 128, 0.1); }
.def6.lightmode:not(.ultra) .site-menubar-light .site-menu>.site-menu-item.active>a { color: #2f3d93; } .def6.lightmode .site-menubar .site-menu .site-menu-item.active { background: rgba(47, 61, 147, .2); } .def6.lightmode .site-menubar .site-menu .site-menu-item:hover { background: rgba(47, 61, 147, 0.1); }

.the-color { color:#007bff; }
.def1 li.site-menu-category.blue-500, .def1 .panel-line.panel-primary .panel-title, .def1 .the-color { color:#167362 !important; }
.def2 li.site-menu-category.blue-500, .def2 .panel-line.panel-primary .panel-title, .def2 .the-color { color:#599323 !important; }
.def3 li.site-menu-category.blue-500, .def3 .panel-line.panel-primary .panel-title, .def3 .the-color { color:#734e16 !important; }
.def4 li.site-menu-category.blue-500, .def4 .panel-line.panel-primary .panel-title, .def4 .the-color { color:#73162f !important; }
.def5 li.site-menu-category.blue-500, .def5 .panel-line.panel-primary .panel-title, .def5 .the-color { color:#541d80 !important; }
.def6 li.site-menu-category.blue-500, .def6 .panel-line.panel-primary .panel-title, .def6 .the-color { color:#2f3d93 !important; }

.def1 .panel-line.panel-primary .panel-heading { color: #167362; border-top-color: #167362; }
.def2 .panel-line.panel-primary .panel-heading { color: #599323; border-top-color: #599323; }
.def3 .panel-line.panel-primary .panel-heading { color: #734e16; border-top-color: #734e16; }
.def4 .panel-line.panel-primary .panel-heading { color: #73162f; border-top-color: #73162f; }
.def5 .panel-line.panel-primary .panel-heading { color: #541d80; border-top-color: #541d80; }
.def6 .panel-line.panel-primary .panel-heading { color: #2f3d93; border-top-color: #2f3d93; }

.def1 a:hover, .def1 .hovr:hover { color: #1a9a82 !important; }
.def2 a:hover, .def2 .hovr:hover { color: #80966b !important; }
.def3 a:hover, .def3 .hovr:hover { color: #85550d !important; }
.def4 a:hover, .def4 .hovr:hover { color: #8a1131 !important; }
.def5 a:hover, .def5 .hovr:hover { color: #60189a !important; }
.def6 a:hover, .def6 .hovr:hover { color: #273cbb !important; }

.greymode.def1 .site-menu a:hover { color: #43b7a2 !important; }
.greymode.def2 .site-menu a:hover { color: #a1cc78 !important; }
.greymode.def3 .site-menu a:hover { color: #be8631 !important; }
.greymode.def4 .site-menu a:hover { color: #c2375c !important; }
.greymode.def5 .site-menu a:hover { color: #8d40cb !important; }
.greymode.def6 .site-menu a:hover { color: #4d62de !important; }

.cursor-not-allowed { cursor:not-allowed; }
.rangeUi-tip { max-width:none; }
.rangeUi-pointer { top:-15px !important; width:30px !important; height:30px !important; }
.txsh { text-shadow:0 0 5px rgba(0,0,0, 0.1); }

.image-style-side { float:right; max-width:45%; margin:0 0 20px 20px; }
.image-style-side ima { border-radius:6px; }

@media screen and (max-width: 519.99px){
    .site-footer { padding: 10px 15px; }
    .image-style-side { float:none; width:100%; max-width:100%; margin:0 0 20px; }
}

.h-1 { height:1px !important; }
.note-editor output.note-status-output { margin:5px calc(50% - 10px); }
.note-toolbar-wrapper.panel-default { height:42px !important; }
.note-editor.note-frame .note-editing-area .note-codable { font-family:'Anonymous Pro', monospace !important; font-size:18px !important; background-color:darkslategrey !important; color: #b2d3cf !important; }
.note-fontname { display:none; }
.note-editor .modal input[type=checkbox] { margin-right:10px !important; }
.note-editor.note-frame.panel { background:grey !important; z-index:1689; }
.note-toolbar.panel-heading { z-index:1690; }
.lightmode main .note-toolbar.panel-heading { background-color:#e4ebef !important; }
.greymode main .note-toolbar.panel-heading { background-color:#d2cfcf !important; }
.darkmode main .note-toolbar.panel-heading { background-color:#3b4143 !important; }
.darkmode .note-editor.note-frame, .greymode .note-editor.note-frame { border:0; }
.lightmode .note-editor.note-frame { border: 1px solid #e4eaec; }
.greymode .site-menu li hr { border-color:#4e5963; }

span.switchery.switchery-default, span.switchery.switchery-small { background-color:rgba(128,128,128, 0.2) !important; border-color:rgba(128,128,128, 0.2) !important; }
#exampleZoomGallery img { margin:0 3px 6px 0; }

.gal img { height:260px !important; margin-right:25px; margin-bottom:25px; max-width:100% !important; width:auto; box-shadow:0 0 5px 5px rgba(0,0,0,.1); cursor:pointer; }

main ul li, main ol li { margin-bottom:10px; }
.nav-tabs .nav-link > .icon { color: #3280c4; transition:all 333ms; }
.nav-tabs .nav-link:hover > .icon { color:#8fc7f6; opacity:1; }

a.list-group-item { color: #496056; }