/* ==========================================================================
   Project:     TWD CMS 7
   Date:        10/15/19 - File created
   Created by:  Third Wave Digital (www.thirdwavedigital.com)
   ========================================================================== */
 
html {scroll-behavior: smooth;scroll-padding-top: 20px;}

/* ==========================================================================
	Fonts
========================================================================== */

@font-face {font-family: Roboto;font-weight: 200;src: local(Roboto Thin),url(/admin/assets/css/roboto/Roboto-Thin.eot);src: url(/admin/assets/css//admin/assets/css/roboto/Roboto-Thin.eot) format("embedded-opentype"),url(/admin/assets/css//admin/assets/css/roboto/Roboto-Thin.woff2) format("woff2"),url(/admin/assets/css/roboto/Roboto-Thin.woff) format("woff"),url(/admin/assets/css/roboto/Roboto-Thin.ttf) format("truetype")}
@font-face {font-family: Roboto;font-weight: 300;src: local(Roboto Light),url(/admin/assets/css/roboto/Roboto-Light.eot);src: url(/admin/assets/css//admin/assets/css/roboto/Roboto-Light.eot) format("embedded-opentype"),url(/admin/assets/css//admin/assets/css/roboto/Roboto-Light.woff2) format("woff2"),url(/admin/assets/css/roboto/Roboto-Light.woff) format("woff"),url(/admin/assets/css/roboto/Roboto-Light.ttf) format("truetype")}
@font-face {font-family: Roboto;font-weight: 400;src: local(Roboto Regular),url(/admin/assets/css/roboto/Roboto-Regular.eot);src: url(/admin/assets/css//admin/assets/css/roboto/Roboto-Regular.eot) format("embedded-opentype"),url(/admin/assets/css//admin/assets/css/roboto/Roboto-Regular.woff2) format("woff2"),url(/admin/assets/css/roboto/Roboto-Regular.woff) format("woff"),url(/admin/assets/css/roboto/Roboto-Regular.ttf) format("truetype")}
@font-face {font-family: Roboto;font-weight: 500;src: url(/admin/assets/css/roboto/Roboto-Medium.eot);src: url(/admin/assets/css//admin/assets/css/roboto/Roboto-Medium.eot) format("embedded-opentype"),url(/admin/assets/css//admin/assets/css/roboto/Roboto-Medium.woff2) format("woff2"),url(/admin/assets/css/roboto/Roboto-Medium.woff) format("woff"),url(/admin/assets/css/roboto/Roboto-Medium.ttf) format("truetype")}
@font-face {font-family: Roboto;font-weight: 700;src: url(/admin/assets/css/roboto/Roboto-Bold.eot);src: url(/admin/assets/css//admin/assets/css/roboto/Roboto-Bold.eot) format("embedded-opentype"),url(/admin/assets/css//admin/assets/css/roboto/Roboto-Bold.woff2) format("woff2"),url(/admin/assets/css/roboto/Roboto-Bold.woff) format("woff"),url(/admin/assets/css/roboto/Roboto-Bold.ttf) format("truetype")}
@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(/admin/assets/css/materialicons/MaterialIcons-Regular.eot);src:local('Material Icons'),local('MaterialIcons-Regular'),url(/admin/assets/css/materialicons/MaterialIcons-Regular.woff2) format('woff2'),url(/admin/assets/css/materialicons/MaterialIcons-Regular.woff) format('woff'),url(/admin/assets/css/materialicons/MaterialIcons-Regular.ttf) format('truetype')}
.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga'}

/* ==========================================================================
	Main menu
========================================================================== */
   
.cms-mainmenu {overflow:hidden;position: fixed; top: 0px; left: 0px; z-index:999;height:100vh; padding-top:55px; transition: background-color 100ms ease, width 500ms ease; white-space: nowrap;font-family: Roboto,sans-serif; font-weight: 300;font-size: 1rem;}
	.cms-mainmenu .list-inline:first-child {margin: 0px 5px 0px 15px;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
	.cms-mainmenu .list-inline:first-child li:last-child {margin-left: auto}
	.cms-mainmenu .list-inline:first-child span {transition: transform 250ms ease 400ms;}
	.cms-mainmenu nav {overflow:auto; position: absolute; top: 90px;left: 0px; width: 100%; height: calc(100vh - 135px);}
	.cms-mainmenu nav::-webkit-scrollbar {width: 5px;}
	.cms-mainmenu nav::-webkit-scrollbar-thumb { border-radius: 3px}
	.cms-mainmenu a {display: block;text-decoration:none; font-weight: 400;font-family: Roboto,sans-serif;}
	.cms-mainmenu .list-unstyled a, .cms-mainmenu .btn-link {width: 100%;transition: background 100ms ease;line-height:1}
	.cms-mainmenu a:hover, .cms-mainmenu a:focus, .cms-mainmenu .btn-link:hover, .cms-mainmenu .btn-link:focus {text-decoration:none; }
	.cms-mainmenu .btn-link {padding: 7px 0px 7px 15px; text-align: left;position:relative;font-weight: 600;font-size: .85rem; border-radius: 0px;margin:0px; text-transform: uppercase;font-weight: 700;font-family: Roboto,sans-serif;}
	.cms-mainmenu .btn-link span:first-child {margin-right: 5px;color: #fff; background: #007bff; padding: 5px; border-radius: .15rem; width: 30px;text-align:center}
	.cms-mainmenu .btn-link span:last-child {position: absolute; top: 50%; margin-top: -8px; right: 10px;width: 20px; transition: transform 250ms ease;}
	.cms-mainmenu li {position: relative;}
	.cms-mainmenu .active .btn-link span:last-child {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
	.cms-mainmenu span:first-child {transition: color 250ms}
	.cms-mainmenu .cms-dropdown {max-height: 0px; overflow:hidden; font-size: .8rem;transition: max-height 500ms ease, background-color 100ms ease}
	.cms-mainmenu .active .cms-dropdown {max-height:400px; position: relative;}
	.cms-mainmenu .cms-dropdown p {margin: 10px 0px 10px 20px;transition: opacity 250ms ease;font-size: .8rem}
	.cms-mainmenu .cms-dropdown p:nth-of-type(2) {margin-top: 15px}
	.cms-mainmenu .cms-dropdown span {margin-right: 10px}
	.cms-mainmenu .cms-dropdown .list-unstyled {margin: 10px 0px}
	.cms-mainmenu .cms-dropdown .list-unstyled a {padding: 7px 0px 7px 20px;}
	.cms-mainmenu .cms-dropdown .active a, .cms-mainmenu .cms-dropdown .active span, .cms-mainmenu .cms-dropdown .active a:focus {background:#6c757d;color: #fff}
	.cms-mainmenu .cms-dropdown .active a:hover, .cms-mainmenu .cms-dropdown .active a:focus {background:#6c757d;}
	.cms-mainmenu .cms-dropdown .active a:hover span, .cms-mainmenu .cms-dropdown .active a:focus span {color: #fff}
	.cms-mainmenu .cms-dropdown .content-view a {font-weight: 700}
	.cms-mainmenu .cms-dropdown .content-view .active a, .cms-mainmenu .cms-dropdown .content-view .active span {background: #007bff;}
	.cms-mainmenu .quicklinks {position: fixed;bottom: 0px;left: 0px; padding: 0px 0px 0px 15px;height: 38px;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items: center;overflow:hidden}
	.cms-mainmenu .quicklinks li:not(:last-child) {margin-right: 15px;}
	.cms-mainmenu .btn-transparent {background:none; border:none; padding:0px 5px; color: #212121}
	.cms-mainmenu .btn-transparent:hover, .cms-mainmenu .btn-transparent:focus {cursor: pointer;}
	.cms-mainmenu .btn-transparent span, .cms-mainmenu .btn-transparent span {transition: color 250ms ease}

	/* Lightmode */
	.cms-mainmenu {color: #444; background: url(/admin/assets/img/twd-cms-logo-secondary-dark.svg) 15px 15px no-repeat #f1f1f1; background-size: 140px}
	.cms-mainmenu nav::-webkit-scrollbar-thumb {background-color: #ccc;border-color: #fff;}
	.cms-mainmenu .list-unstyled a, .cms-mainmenu .btn-link {color: #000;}
	.cms-mainmenu .btn-link:hover, .cms-mainmenu .btn-link:focus, .cms-mainmenu .active .btn-link {background: rgba(0,0,0,.8);color: #fff}
	.cms-mainmenu .active .cms-dropdown {background: #f9f9f9}
	.cms-mainmenu .active .btn-link span:first-child {color:#fff}
	.cms-mainmenu .cms-dropdown a:hover, .cms-mainmenu a:focus {background: rgba(0,0,0,.05)}
	.cms-mainmenu .cms-dropdown a:hover span, .cms-mainmenu a:focus span {color: #000}
	.cms-mainmenu .quicklinks {background: #cdcdcd; transition: all 500ms ease}
	.cms-mainmenu .quicklinks span {color: #333}
	.cms-mainmenu .btn-transparent:hover span, .cms-mainmenu .btn-transparent:focus span, .cms-mainmenu .list-inline a:hover span, .cms-mainmenu .list-inline a:focus span {color: #212121}
	.cms-mainmenu .fa-fw {font-size: .9rem}

	/* Darkmode */
	.cms-darkmode .cms-mainmenu {color: #aaa; background: url(/admin/assets/img/twd-cms-logo-secondary-light.svg) center 15px no-repeat #1a1a1a; background-size: 140px}
	.cms-darkmode .cms-mainmenu nav::-webkit-scrollbar-thumb {background-color: #888;border-color: #1a1a1a;}
	.cms-darkmode .cms-mainmenu .list-unstyled a, .cms-darkmode .cms-mainmenu .btn-link {color: #fff;}
	.cms-darkmode .cms-mainmenu .btn-link:hover, .cms-darkmode .cms-mainmenu .btn-link:focus, .cms-darkmode .cms-mainmenu .active .btn-link {background:#000;}
	.cms-darkmode .cms-mainmenu .active .cms-dropdown {background: #252525}
	.cms-darkmode .cms-mainmenu .cms-dropdown a:hover, .cms-darkmode .cms-mainmenu a:focus {background: rgba(255,255,255,.05)}
	.cms-darkmode .cms-mainmenu .cms-dropdown a:hover span, .cms-darkmode .cms-mainmenu a:focus span {color: #fff}
	.cms-darkmode .cms-mainmenu .cms-dropdown .active a:hover, .cms-darkmode .cms-mainmenu .cms-dropdown .active a:focus {background:#6c757d;color: #fff}
	.cms-darkmode .cms-mainmenu .quicklinks {background: rgba(0,0,0,.8);}
	.cms-darkmode .cms-mainmenu .quicklinks span, .cms-darkmode .cms-mainmenu .list-inline span {color: #aaa}
	.cms-darkmode .cms-mainmenu .btn-transparent:hover span, .cms-darkmode .cms-mainmenu .btn-transparent:focus span, .cms-darkmode .cms-mainmenu .list-inline a:hover span, .cms-darkmode .cms-mainmenu .list-inline a:focus span {color: #fff}
	.cms-mainmenu-minimized.cms-darkmode .cms-mainmenu .content-view {background: rgba(255,255,255,.175);}

	/* Minimized */
	.cms-mainmenu-minimized .cms-mainmenu {width: 55px;background: url(/admin/assets/img/twd-cms-logo-logomark.svg) center 10px no-repeat #f1f1f1; background-size:35px; padding-top: 63px;}
	.cms-darkmode.cms-mainmenu-minimized .cms-mainmenu {background: url(/admin/assets/img/twd-cms-logo-logomark.svg) center 10px no-repeat #1a1a1a; background-size:32px;}
	.cms-mainmenu-minimized .cms-mainmenu nav { height: calc(100vh - 192px);}
	.cms-mainmenu-minimized .cms-mainmenu .list-inline:first-child {width: calc(100% - 2px);margin:0px;justify-content: center;}
	.cms-mainmenu-minimized .cms-mainmenu .list-inline:first-child li {margin:0px; width: 100%}
	.cms-mainmenu-minimized .cms-mainmenu .list-inline:first-child li:first-child {display:none}
	.cms-mainmenu-minimized .cms-mainmenu .list-inline:first-child li .btn-transparent {width: 100%;}
	.cms-mainmenu-minimized .cms-mainmenu .list-inline:first-child span {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
	.cms-mainmenu-minimized .cms-mainmenu .btn-link {padding: 10px 0px; text-align:center}
	.cms-mainmenu-minimized .cms-mainmenu .content-view span, .cms-mainmenu-minimized .cms-mainmenu .cms-menutext, .cms-mainmenu-minimized .cms-mainmenu p, .cms-mainmenu-minimized .cms-mainmenu .btn-link span:last-child  {display:none}
	.cms-mainmenu-minimized .cms-mainmenu .cms-dropdown { padding: 0px}
	.cms-mainmenu-minimized .cms-mainmenu .cms-dropdown .list-unstyled a {padding: 7px 0px 7px 0px; text-align:center}
	.cms-mainmenu-minimized .cms-mainmenu .cms-dropdown span, .cms-mainmenu-minimized .cms-mainmenu .btn-link span:first-child {margin-right:0px}
	.cms-mainmenu-minimized .cms-mainmenu .quicklinks {width: 55px; height: 165px; flex-direction: column;  text-align:center; justify-content: center; padding: 0px}	
	.cms-mainmenu-minimized .cms-mainmenu .quicklinks li {margin: 0px 0px 13px 0px; width: 100%}
	.cms-mainmenu-minimized .cms-mainmenu .quicklinks li:last-child {margin: 0px}
	.cms-mainmenu-minimized .cms-mainmenu .quicklinks .btn-transparent {width: 100%}
	.cms-mainmenu-minimized 	.cms-mainmenu .content-view {background: rgba(0,0,0,.075);}

/* ==========================================================================
	Components
========================================================================== */

/* Pagination */
.cms .pagination .page-item.active .page-link {color:#fff;background-color:#6c757d;border-radius:.125rem;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);transition:all .2s linear}
.cms .pagination .page-item.active .page-link:hover{background-color:#6c757d}
.cms .pagination .page-item.disabled .page-link{color:#868e96}
.cms .pagination .page-item .page-link{color:#212529;background-color:transparent;border:0;outline:0;transition:all .3s linear}
.cms .pagination .page-item .page-link:hover{background-color:#eee;border-radius:.125rem;transition:all .3s linear}
.cms .pagination .page-item .page-link:focus{color:#fff;background-color:#6c757d;box-shadow:none}
.cms .pagination .pagination-lg .page-item .page-link{font-size:1rem}
.cms .pagination .pagination-sm .page-item .page-link{font-size:.8rem}
.cms .pagination.pagination-circle .page-item .page-link{margin-right:2px;margin-left:2px;border-radius:50%}
.cms .pagination.pagination-circle .page-item .page-link:hover{border-radius:50%}
.cms .pagination.pagination-circle .page-item.active .page-link{border-radius:50%}
.cms .pagination a {text-decoration: none;font-weight: 400 !important;font-size: .85rem}

/* Sortable lists */
.cms-sortable {}
.cms-sortable a:not(.btn) {color: #212529}
.cms-sortable .btn-transparent span {padding: 0px 5px}
.cms-sortable li {border-top: 1px solid #dee2e6;}
.cms-sortable .d-flex:hover a:not(.btn) {color: #007bff;}
.cms-sortable > li:first-child {border-top: none}
.cms-sortable > li:nth-child(odd):not(.inactive) {background:#f1f1f1}
.cms-sortable li.placeholder {position: relative;list-style:none; height: 40px; border:2px dashed #007bff}
.cms-sortable li.placeholder:before {position: absolute;content: "";width: 0;height: 0;left: -15px;top: 10px;border: 8px solid transparent;border-left-color: #007bff;border-right: none;}
.cms-sortable ul li {padding-left: 1rem}
.cms-sortable .btn-reorder {color: #6c757d; padding: .25rem .75rem; background:none;border:none}
.cms-sortable .btn-reorder:hover {cursor:move}
.cms-sortable .btn-toggle-submenu {transition: transform 250ms ease;}
.cms-sortable .btn-toggle-submenu.active {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}
.cms-sortable-btns {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: .25rem; align-items: center;}
.cms-sortable .disabled {opacity:.5;}
.cms-sortable .inactive, .cms-sortable .inactive li {background: repeating-linear-gradient(45deg,rgba(0,0,0,.01),rgba(0,0,0,.01) 2px,rgba(0,0,0,.04) 2px,rgba(0,0,0,.04) 4px);}
.cms-sortable .inactive .cms-sortable-btns, .cms-sortable .locked .custom-control {position: relative;}
.cms-sortable .custom-control-input:checked~.custom-control-label::before {background: #999;border-color:#999}
.cms-sortable .fa-eye-slash, .cms-sortable .fa-lock {font-size: .8rem; opacity: .9;}
.cms-sortable .dropped {position: relative;}
.cms-sortable .dropped::before {content:"\f00c"; color: #155724; background:#d4edda; width: 20px; height: 20px; border-radius: 50%; font-size: .6rem; display:flex; align-items: center; justify-content:center; font-family: "Font Awesome 5 Free"; font-weight:900; position: absolute; top: 50%; left: -20px; margin-top: -10px; -webkit-animation: 200ms ease-out 1s fadeOut forwards; animation: 200ms ease-out 1s fadeOut forwards;}
.cms-sortable ul .dropped::before {left: -10px;}
@-webkit-keyframes fadeOut {0% {opacity:1} 100% {opacity:0}}
@keyframes fadeOut {0% {opacity:1} 100% {opacity:0}}
body.dragging {cursor: move !important; overflow:hidden}
.dragged {position: absolute;opacity: 0.5;z-index: 99;}

/* Main wrappers */
.admin .page-wrapper, .cms-wrapper  {transition: all 500ms ease;}
.cms-wrapper {background: url(/admin/assets/img/bg-light2.png) #f9f9f9;height: 100%; min-height: 100vh;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
.cms-tool {background: #fff; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);max-width: 1200px; margin-left: auto; margin-right:auto;padding: 30px;width: 100%}

/* Transitions on load */
.disable-transitions .cms-mainmenu, .disable-transitions .cms-mainmenu *, .disable-transitions .cms-tool, .disable-transitions .page-wrapper, .disable-transitions .cms-wrapper, .disable-transitions .cms-nav-tabs .nav-link, .disable-transitions header {transition: none !important}

/* Typography */
.cms {font-family: Roboto,sans-serif;}
.cms h1 {background: #f1f1f1; color: #1a1a1a;padding: 10px 30px;margin: -30px -30px 30px -30px;font-weight: 400;font-size: 1.3rem;transition: all 500ms ease}
.cms-darkmode .cms h1 {background: #1a1a1a;color: #fff;}
.cms h1, .cms h2, .cms h3, .cms h4, .cms h5, .cms h6, .cms .h1, .cms .h2, .cms .h3, .cms .h4, .cms .h5, .cms .h6 {text-transform: none; font-weight: 500; font-family: Roboto,sans-serif;}

/* Contentmenu */
.cms-contentmenu {position: relative;z-index:1;margin: 0 .5rem .5rem .5rem;text-align:left; }
	.cms-contentmenu small {font-size: .75rem;text-shadow:none;}
     .cms-contentmenu .btn-primary {background-color: #007bff !important; border-color: #007bff !important}
     .cms-contentmenu .btn-primary:hover, .cms-contentmenu .btn-primary:focus {background-color: #0062cc !important; border-color: #0062cc !important}
     .cms-contentmenu .text-primary {color: #0062cc !important}
     .container .cms-contentmenu, .container-fluid .cms-contentmenu {margin-left: 0px; margin-right: 0px;}

/* Btns */
.cms .btn, .modal-footer .btn {font-family: Roboto,sans-serif;text-transform: uppercase; border-radius: .125rem; text-decoration:none; padding: .4561rem 1.25rem;font-size: .81rem;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)}
.cms .btn-lg {box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19); padding: .5rem 1.4rem;font-size: 1rem}
.cms .btn-sm {padding: .3rem .8rem; font-size: .8rem;}
.cms .btn-transparent {background:none; border:none; padding:0px}
.cms .btn-cms {box-shadow:none;font-size: .8rem;line-height:1; background: #fff; text-decoration:none; text-shadow:none; box-shadow:none;margin: .1rem; padding: 0px; border: 1px solid #ced4da;min-width: 30px;min-height: 30px;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;align-items: center;justify-content: center;}
.cms .btn-cms:hover, .cms .btn-cms:focus {color: #212529 !important; text-decoration: none; }
.cms .btn-cms:last-child {margin-right:0}
.cms .btn-cms-content {background:#007bff; color: #fff; font-weight:700; border-radius: 50%; text-align:center; line-height: 30px; margin: 0px !important; width: 30px !important; height: 30px !important; padding: 0px;font-size:0.688rem;position: relative;z-index: 0}
.cms .btn-cms-content span:nth-child(2) {display:none}
.cms .btn-cms-content:hover, .cms .btn-cms-content:focus, .cms .btn-cms-content.active {background: #0069d9; color: #fff}
.cms .btn-cms-content.active span:nth-child(1) {display:none}
.cms .btn-cms-content.active span:nth-child(2) {display:block}
.cms .btn-unpromoted-content::before {content:""; position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f382"; color: #fff;top: -12px; right: -6px; width: 18px; height: 18px; line-height: 18px; background: #dc3545; font-size: 0.5rem; border-radius: 50%;}
.cms .btn-disabled {opacity: .5}
.cms .btn-link {box-shadow:none; border-radius: 0; text-transform: none; padding: 0px;}
.cms .btn[data-toggle="collapse"] {font-size: 1rem}

.cms-darkmode .cms .btn-cms-content {background: #252525}

/* Dropdown */
.cms .cms-dropdown {white-space: nowrap; min-width: 180px; display: inline-block;position: absolute; top: 100%; left: 0px; border-radius: 3px;background: #007bff; padding: 0px !important; margin: 0px !important; z-index:0; opacity: 0; visibility: hidden; transition: opacity 300ms ease, top 250ms ease}
.cms-contentmenu.active {z-index: 2;}
.cms-contentmenu button + ul + div + script + button + .cms-dropdown {left: 45px}
.cms .cms-dropdown.active {opacity: 1; visibility: visible; top: calc(100% + 5px); }
.cms .cms-dropdown.active.dropup {bottom: 35px; top:auto}
.cms .cms-dropdown li {border-bottom: 1px solid #0069d9; margin: 0px !important}
.cms .cms-dropdown li:last-child {border-bottom:none}
.cms .cms-dropdown li:first-child a {border-radius: 3px 3px 0px 0px;}
.cms .cms-dropdown li:last-child a {border-radius: 0px 0px 3px 3px;}
.cms .cms-dropdown a {text-decoration: none; color: #fff; padding: 2.5px 15px 2.5px 10px;display:block; font-size: 0.75rem !important;font-weight:400!important; letter-spacing: 0px !important}
.cms .cms-dropdown a:hover, .cms .cms-dropdown a:focus {background: #0069d9;color: #fff !important;}
.cms .cms-dropdown .cms-content-type {background: #f9f9f9; color: #666; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; border-radius: 3px 3px 0px 0px; text-align:center; padding: 3px;font-weight: 500}
.cms .cms-dropdown li+.cms-content-type {border-radius: 0px}
.cms .cms-dropdown .badge {padding: 5px; border-radius: 3px; font-size: 0.75rem; font-weight: 700; text-transform: none;font-family: Roboto,sans-serif;}
.cms .cms-dropdown .bg-red-circle {background: #fff; border-radius: 50%; height: 20px; width: 20px; line-height: 20px;font-size: 0.625rem; color: #fff; background: #dc3545}

.cms-darkmode .cms .cms-dropdown {background: #252525}
.cms-darkmode .cms .cms-dropdown li {border-bottom: 1px solid #000}
.cms-darkmode .cms .cms-dropdown .badge-dark {color: #343a40; background: #fff}

/* Forms */
.cms label, .cms .label {font-size: .85rem; }
.cms .form-group label:not(.form-check-label):not(.custom-control-label), .cms .label {font-weight: 500;display:block}
.cms .form-control, .cms .input-group-text, .cms .card, .cms .custom-file-label { border-radius:0px}
.cms .form-control, .cms .input-group-text {font-weight:300; }
.cms .custom-file-label {padding: .4rem .75rem}
.cms .custom-file-label::after {border-radius: 0px;}
.cms .input-group-append .dropdown-menu .btn {margin-left: 0px}
.cms .input-group-append .btn {border-radius: 0 .125rem .125rem 0; padding: .4rem 1.6rem;}
.cms .input-group-prepend .far {display:flex}
.cms .input-group .custom-select {height:calc(1.5em + .75rem + 4px)}
.cms .card-header {padding: .25rem}
.cms .form-control-underline {border: none; border-bottom: 1px solid #ced4da; height: auto; border-radius: 0px;padding: .6rem 0 .4rem 0}
.cms .form-control-underline:focus, .cms .form-control-underline.is-invalid, .cms .was-validated .form-control-underline:invalid, .cms .form-control-underline.is-invalid:focus, .cms .was-validated .form-control-underline:invalid:focus {box-shadow:none; border-bottom: 1px solid #007bff}
.cms .custom-select {border-radius: .125rem;font-size: .9rem;}
.cms .custom-select-lg {height: 37px;}
.cms .custom-select-xl {height: 38px;}
.cms .custom-control-label {padding-top: 2px}
.cms ::placeholder {color: #6c757d}
.cms :-ms-input-placeholder {color: #6c757d}
.cms ::-ms-input-placeholder {color: #6c757d}
.cms .checkbox-lg .custom-control-label::before, .cms .checkbox-lg .custom-control-label::after {top: .8rem;width: 1.55rem;height: 1.55rem;}
.cms .checkbox-lg .custom-control-label {padding-top: 13px; padding-left: 6px;}
.cms .form-control-width-1 {width: 35px}
.cms .form-control-width-2 {width: 50px}
.cms .form-control-width-3 {width: 75px}
.cms .form-control-width-4 {width: 100px}
.cms .form-control-width-5 {width: 125px}
.cms .form-control-width-6 {width: 150px}
.cms .form-control-width-7 {width: 175px}
.cms .form-control-width-8 {width: 200px}
.cms .form-control-width-9 {width: 225px}
.cms .form-control-width-10 {width: 250px}

/* Datatables */
.cms table thead th {border-bottom: 1px solid #dee2e6;border-top: none;font-weight:500}
.cms table thead th:last-child {text-align:right}
.cms table tbody td {vertical-align: middle; border-top:none}
.cms .dataTables_info {font-size: .8rem}
.dt-rowReorder-noOverflow .btn-reorder {background:none; border:none; padding:0px}
table.dataTable thead > tr > th {padding-left: 1.5rem !important;padding-right: initial !important;}
table.dataTable thead > tr > th.sorting_disabled {padding-left: .75rem !important}
table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before {top: 11px !important; left: 0px !important;right: auto !important;}
table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after {top:11px !important; left: 8px !important;right: auto !important;}
.table-sm.dataTable thead .sorting:before,.table-sm.dataTable thead .sorting_asc:before,.table-sm.dataTable thead .sorting_desc:before {top: 3px !important;}
.table-sm.dataTable thead .sorting:after,.table-sm.dataTable thead .sorting_asc:after,.table-sm.dataTable thead .sorting_desc:after {top:3px !important;}
.table-sm, .table-sm .custom-control-label {font-size: .9rem}

/* Tooltips */
.cms-mainmenu-tooltip.bs-tooltip-right {margin-left: 5px}

.cms-tool-tooltip { top: 0;}
.cms-tool-tooltip.bs-tooltip-top {margin-bottom: 5px}

.cms-contentmenu-tooltip {margin-bottom: 5px;}

.cms-tooltip .tooltip-inner {background-color: #343a40;font-size: .75rem}
.cms-tooltip.bs-tooltip-right .arrow:before {border-right-color: #343a40 !important;}
.cms-tooltip.bs-tooltip-left .arrow:before {border-left-color: #343a40 !important;}
.cms-tooltip.bs-tooltip-bottom .arrow:before {border-bottom-color: #343a40 !important;}
.cms-tooltip.bs-tooltip-top .arrow:before {border-top-color: #343a40 !important;}

/* Modals */
.modal-title, .modal-content {font-family: Roboto,sans-serif;}
.modal-title {font-weight: 500; text-transform:none}
.modal-content {border-radius:.125rem;}


/* Backgrounds */
.cms .bg-light {background:#f9f9f9 !important}
.cms .bg-yellow {background: #FFFF99 !important}

/* Alerts */
.cms .alert {border-radius: 0px; letter-spacing: 1px; text-transform: uppercase;font-weight: 400;font-size: .8rem}
	.cms .alert .close {font-size: 1.25rem}

/* Accordions */
.cms .accordion button[data-toggle] span {transition: transform 250ms ease;}
.cms .accordion button[data-toggle].active span {-webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);transform: rotate(-180deg);}

/* Dropdowns */
.cms .dropdown-menu {border-radius:.125rem;font-size:.875rem}
	.cms .dropdown-menu .dropdown-item {padding: .25rem .5rem}

/* Maxlength */
.bootstrap-maxlength {font-size: 80%; font-weight: 400; height:25px; }

/* Tabs */
.cms-nav-tabs {position: relative; z-index:1; padding:.5rem;margin: 0; font-size: .81rem; text-transform: uppercase; background-color:#6c757d;border:0;border-radius:.125rem;box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)}
.cms-nav-tabs .nav-item+.nav-item {margin-left:0}
.cms-nav-tabs .nav-item.disabled {pointer-events:none!important}
.cms-nav-tabs .nav-item.disabled .nav-link {color:#6c757d}
.cms-nav-tabs .nav-link{ color:#fff;border:0;transition:all .4s;}
.cms-nav-tabs .nav-link:hover, .cms-nav-tabs .nav-link:focus {background-color:rgba(0,0,0,.1);border-radius:.125rem;}
.cms-nav-tabs .nav-item.open .nav-link,.cms-nav-tabs .nav-link.active {color:#fff;background-color:rgba(0,0,0,.25);border-radius:.125rem;transition:all 1s}
.cms-nav-tabs .nav-item.show .nav-link {color:#fff;background-color:#6c757d;border-radius:.125rem;transition:all 1s}
.cms-nav-tabs .nav-item.show .nav-link.dropdown-toggle {background-color:rgba(0,0,0,.2)}
.cms-tab-content {padding: 1rem 0}
.cms-tab-content.vertical {padding-top:0}

/* CKEditor */
form[name="EditContent"] {margin-left: .5rem; margin-right: .5rem;overflow:hidden}
.container form[name="EditContent"], .container-fluid form[name="EditContent"]  {margin-left: 0px; margin-right: 0px}
.cke_button__cmsclasses_label, .cke_button__cmschat_icon {display:inline !important;padding-left: 5px !important}
.cke_button__cmschat_icon {width: 80px !important; background-size: contain !important;}
.cke_button__cmsclasses.cke_button_disabled {opacity: .3 !important}
.cke_dialog_contents a {text-decoration:none;}
.cke_dialog_title, .cke_dialog_footer {font-family: Roboto,sans-serif;}
.cke_dialog .ImagePreviewBox img {max-width: 100%}
.cke_dialog .ImagePreviewBox img[style] {max-width: none}
.cke_combopanel {width: 220px !important;  height:330px !important}

/* New Form Addition */
form[name="NewForm"] {margin-left: .5rem; margin-right: .5rem;overflow:hidden}

/* Breadcrumb */
.cms-breadcrumb {background-color: #f9f9f9; border-radius: 0px;font-size: .875rem; padding: .5rem 1rem;font-weight: 400}
     .cms-breadcrumb a {color: #0062cc !important}


/* Password Microsoft Visiblity Toggle */
.current-password::-ms-reveal, .new-password::-ms-reveal {display: none;}
/* ==========================================================================
	Media Queries
========================================================================== */

@media (min-width: 0px) {
     .cms-mainmenu + .cms-wrapper {padding:0px 0px 30px 170px; }
     .cms-mainmenu-minimized .cms-mainmenu + .cms-wrapper {padding: 0px 0px 30px 55px}
     .cms-mainmenu, .cms-mainmenu .quicklinks  {width: 170px}
     .cms-mainmenu + .cms-wrapper .cms-tool {min-width: 768px;}
     .admin .page-wrapper {padding: 0px 0px 0px 170px; }
     .cms-mainmenu-minimized.admin .page-wrapper  {padding-left: 55px;}
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
     .cms-mainmenu + .cms-wrapper .cms-tool {min-width: 0px;}
}

@media (min-width: 992px) {
     .cms-mainmenu + .cms-wrapper { padding: 30px 30px 30px 260px }
     .cms-mainmenu-minimized .cms-mainmenu + .cms-wrapper {padding: 30px 30px 30px 85px}
     .cms-mainmenu, .cms-mainmenu .quicklinks  {width: 225px}
    
     .admin .page-wrapper {padding: 0px 0px 0px 225px; }
}

@media (min-width: 1400px) {

}