.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.topanchor{position: absolute;top:-9999px;left:-9999px;width:0;height:0;float:left}

.page-sidebar-menu{min-width:250px;max-width:250px;border-right:solid 1px #e4e8f0}
.page-sidebar-menu .sidebar-header{padding:20px;text-align:left}
.page-sidebar-menu .sidebar-header button{height:40px;border:none;margin:0;padding:12px 10px!important}
.page-sidebar-menu .sidebar-header button:not(:disabled):not(.disabled):active{background:transparent}
.page-sidebar-menu ul.components{padding:20px 0}
.page-sidebar-menu ul li{margin:0;text-align:left}
.page-sidebar-menu ul li > a{padding:17px 10px 17px 23.5px;font-size:1em;line-height:1.35em;display:block;position:relative}
.page-sidebar-menu ul li > a i{font-size:1.35em;margin-right:8px;width:32px;text-align:center;display:inline-block}
.page-sidebar-menu ul li > a span{display:inline-block;line-height:1.35em}
.page-sidebar-menu a[data-toggle="collapse"]{position:relative}

.page-sidebar-menu.active{min-width:80px;max-width:80px;text-align:center}
.page-sidebar-menu.active ul li > a{text-align:center}
.page-sidebar-menu.active ul li > a i{margin-right:0;display:block}
.page-sidebar-menu.active ul li > a span{display:none}
.page-sidebar-menu ul li.active>a:before{display:block;content:'';width:3px;height:100%;position:absolute;left:0;top:0}

.page-sidebar-menu .dropdown-toggle::after{display:block;position:absolute;top:50%;right:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.page-sidebar-menu.active .dropdown-toggle::after{right:10px}
.page-sidebar-menu .dropdown-menu{font-size:0.9em;padding:3px;border-radius:0;-webkit-box-shadow:5px 5px rgba(48,48,48,.2);box-shadow:5px 5px rgba(48,48,48,.2);border:none;margin-left:0}
.page-sidebar-menu .dropdown-menu a{display:block;margin:0;padding:10px;padding:9px 15px;background:transparent;text-decoration:none;font-weight:300}

.page-sidebar-menu .user-area{font-size:1em;line-height:1em;opacity:1}
.page-sidebar-menu .user-area .logged-in{display:block;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%}
.page-sidebar-menu .user-area .logged-in figure{display:inline-block;width:32px;height:32px;overflow:hidden;margin:0 10px 0 0}
.page-sidebar-menu .user-area .logged-in figure img{width:100%;height:auto;display:block;border-radius:5px}
.page-sidebar-menu .user-area .logged-in div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.page-sidebar-menu .user-area .logged-in span{display:block}
.page-sidebar-menu .user-area .logged-in em{font-style:normal;display:block}
.page-sidebar-menu.active .user-area{opacity:0;white-space:nowrap}

.content-area{float:left;clear:both;width:calc(100% - 80px);min-height:100vh;position:relative}
.content-area.with-footer{padding-bottom:30px}
/*.content-area .sticky-wrapper{width:calc(100% - 80px)}*/
.page-sidebar-menu-open .content-area/*,.page-sidebar-menu-open .content-area .sticky-wrapper*/{width:calc(100% - 250px)}
.header .navbar>.container-fluid,.content-area .inner-content-container>.container-fluid,.breadcrumbs-container,.footer{padding-left:40px;padding-right:40px}
.content-area .inner-content-container{float:left;clear:both;width:100%;padding-top:40px;padding-bottom:40px}
.sticky-wrapper:not(.is-sticky){height:auto!important}
.sticky-wrapper{position:absolute;top:0;right:0;width:100%}

.header{float:left;clear:both;width:100%;font-size:1em;will-change:transform;-webkit-transition:-webkit-transform 200ms linear;transition:-webkit-transform 200ms linear;-o-transition:transform 200ms linear;transition:transform 200ms linear;transition:transform 200ms linear, -webkit-transform 200ms linear;position:relative;z-index:999;border-bottom:solid 1px #e4e8f0}
.header .navbar{clear:both;width:100%;float:left;margin:0;padding:0;background:transparent;border:none;min-height:80px}
.header .navbar .navbar-brand{display:block;width:73px;height:24px;background:url(../images/base-logo.png) no-repeat left center;background-size:contain;text-align:left;text-indent:-9999px;text-transform:capitalize;margin:0;text-align:left}

.header .navbar-nav{padding:0}
.header .navbar-nav .nav-item{margin:0 2px;padding:0;position:relative;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .navbar-nav .nav-item:first-child{margin-left:0}.header .navbar-nav .nav-item:last-child{margin-right:0}
.header .navbar-nav .nav-item .nav-link{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 10px;height:100%;line-height:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .navbar-nav .icon-only .nav-link{font-size:1.6em;padding:0 12px}
.header .navbar-nav .icon-only [class^="icon-"]:before,.header .navbar-nav .icon-only [class*=" icon-"]:before{margin:0}

.header .navbar-nav .nav-item .nav-link .notif{width:9px;height:9px;display:block;border-radius:50%;border:solid 2px #fff;position:absolute;right:7px;top:39%;-webkit-transform:translateY(-39%);-ms-transform:translateY(-39%);transform:translateY(-39%)}

.dropdown-menu-default{border-radius:0;padding:0;margin:-6px 0 0;-webkit-box-shadow:5px 5px rgba(102,102,102,.1);box-shadow:5px 5px rgba(102,102,102,.1);min-width:175px;border:1px solid #eee}
.dropdown-with-header{width:275px}
.dropdown-menu-default:before{border-bottom-color:#e4e8ee}
.dropdown-menu-default:before{position:absolute;top:-7px;left:9px;right:auto;display:inline-block !important;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.2);border-left:7px solid transparent;content:''}
.dropdown-menu-default.dropdown-menu-right:before{right:9px;left:auto}
.dropdown-menu-default:after{position:absolute;top:-6px;left:10px;right:auto;display:inline-block !important;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent;content:''}
.dropdown-menu-default.dropdown-menu-right:after{right:10px;left:auto}
.dropdown-menu-default-noarrow:before,.dropdown-menu-default-noarrow:after{display:none!important}

.dropdown-menu-default .dropdown-item{font-weight:300;padding:8px 16px;font-size:0.9em;line-height:1.25em;white-space:nowrap;cursor:pointer}
.dropdown-menu-default .dropdown-item>i{position:relative;top:1px;display:inline-block;margin-right:9px;width:15px;font-size:1.05em}
.dropdown-menu-default .dropdown-divider{margin:0}

.dropdown-menu-default .dropdown-header{display:block;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;padding:15px;letter-spacing:.5px;line-height:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.dropdown-menu-default .dropdown-header>h3{display:inline-block;margin:0 15px 0 0;padding:0;font-weight:300;font-size:0.94em;line-height:1em}
.dropdown-menu-default .dropdown-header>a{display:inline-block;font-weight:300;font-size:0.94em;line-height:1em;opacity:.5}
.dropdown-menu-default .dropdown-header>a:hover,.dropdown-menu-default .dropdown-header>a:active{opacity:1}

.dropdown-max-height{overflow:auto;max-height:300px}

.dropdown-header-simple,.dropdown-menu-default .dropdown-header-simple{padding:10px 15px 5px;font-size:0.75em}

.header .navbar-nav .dropdown-user .nav-link{padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .navbar-nav .dropdown-user .nav-link img{display:inline-block;border-radius:50%;height:36px;width:auto}
.header .navbar-nav .dropdown-user .nav-link .username{display:inline-block;font-weight:400;margin-left:10px}
.header .navbar-nav .icon-only .dropdown-toggle::after,.header .navbar-nav .dropdown-user .dropdown-toggle::after{display:none}

.dropdown-menu-content .msg-snippet{display:-webkit-box;display:-ms-flexbox;display:flex;clear:both;padding:16px 15px 18px;text-shadow:none;font-weight:300;font-size:.85em;line-height:1.5em;border-bottom:1px solid #EFF2F6}
.dropdown-menu-content .msg-snippet figure{display:block;width:34px;height:34px;overflow:hidden}
.dropdown-menu-content .msg-snippet figure img{width:100%;height:auto;border-radius:50%}
.dropdown-menu-content .msg-snippet .msg{width:calc(100% - 34px);padding:0 0 0 6px}
.dropdown-menu-content .msg-snippet .msg .subject{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.dropdown-menu-content .msg-snippet .msg .subject .from{font-weight:500;font-size:1em}
.dropdown-menu-content .msg-snippet .msg .subject .time{font-size:0.9em;font-weight:400;opacity:.5;filter:alpha(opacity=50)}
.dropdown-menu-content .msg-snippet .msg .message{display:block;font-size:0.9em;line-height:1.3em}

.dropdown-menu-content .notification-item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;clear:both;-ms-flex-align:center;padding:16px 15px 18px;border-bottom:1px solid #EFF2F6;text-shadow:none;white-space:normal;font-weight:300;font-size:.85em;line-height:1.5em;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:flex-start;-ms-flex-align:start;align-items:flex-start}
.dropdown-menu-content .notification-item .time{padding:1px 5px;max-width:75px;text-align:right;white-space:nowrap;font-weight:400;font-size:11px;opacity:.7;filter:alpha(opacity=70)}
.dropdown-menu-content .notification-item .details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden}
.dropdown-menu-content .notification-item .details .badge{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:5px;padding:4px 2.5px;height:auto;border-radius:0;text-align:center;font-size:1em;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.dropdown-menu-content .notification-item .details .badge i{display:inline-block;margin-right:2px;margin-left:1px;width:1em;text-align:center;font-size:12px;line-height:1em}
.dropdown-menu-content .notification-item .details .notification{display:inline-block}

.header .navbar .navbar-toggle{border:none;margin:4px 0 0}

.page-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;clear:both;width:100%;padding:0 0 15px}
.page-header h1,.page-header h2{font-size:1.9em;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.page-header small{font-size:15px;line-height:1em;display:inline-block;margin:0 10px}
.page-header .btn{font-weight:500}
.page-header .btn:not(.btn-lg):not(.btn-sm):not(.btn-xs),.page-header a.btn:not(.btn-lg):not(.btn-sm):not(.btn-xs){padding-left:15px;padding-right:15px}


.breadcrumbs-container{clear:both;width:100%;padding-top:15px}
.breadcrumbs-container .breadcrumb{margin:0;padding:0;background:transparent;font-size:0.85em;font-weight:500;text-transform:uppercase}
.breadcrumbs-container .breadcrumb li{margin:0;line-height:normal}

.portlet{clear:both;padding:35px 30px;margin:0 0 60px;width:100%;border:solid 1px;border-radius:5px;-webkit-box-shadow:0px 10px 20px 0px rgba(150, 150, 150, 0.07);box-shadow:0px 10px 20px 0px rgba(150, 150, 150, 0.07)}
.portlet::before,.portlet::after,.portlet .portlet-body::before,.portlet .portlet-body::after{display:table;content:" "}
.portlet::after,.portlet .portlet-body::before,.portlet .portlet-body::after,.portlet .portlet-body::before,.portlet .portlet-header::after{clear:both}
.portlet.tabbable{padding-top:12px}

.portlet .portlet-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 0 15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.portlet .portlet-header .title,.modal-title{letter-spacing:0.1em;font-size:0.9em}
.portlet .portlet-header .actions .dropdown-toggle::after{display:none}
.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}

.portlet .portlet-header .actions .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:2px 12px;height:30px;font-size:0.75em;line-height:1em;font-weight:400}
.portlet .portlet-header .actions .btn-icon-only{padding-left:6px;padding-right:6px}

.portlet .portlet-header .actions .input-group-sm .form-control{height:30px}

.portlet .portlet-header.tabbable-line{border-bottom:1px solid #eee;padding:0;margin-bottom:30px}
.portlet .portlet-header.tabbable-line .nav-tabs{font-size:0.9em;letter-spacing:0.1em;text-transform:uppercase}
.portlet .portlet-header.tabbable-line .nav-tabs .nav-link{padding-top:15px;padding-bottom:15px}

.portlet-collapse .portlet-header{padding:0}
.portlet .portlet-header .arrow-toggle [class^="icon-"]:before, .portlet .portlet-header .arrow-toggle [class*=" icon-"]{content:'\e80b'}
.portlet .portlet-header .arrow-toggle.collapsed [class^="icon-"]:before, .portlet .portlet-header .arrow-toggle.collapsed [class*=" icon-"]{content:'\e805'}

.portlet .portlet-header-toggle{cursor:pointer}
.portlet .portlet-header-toggle .arrow-toggle [class^="icon-"]:before, .portlet .portlet-header .arrow-toggle [class*=" icon-"]{content:'\e80b'}
.portlet .portlet-header-toggle.collapsed .arrow-toggle [class^="icon-"]:before, .portlet .portlet-header .arrow-toggle.collapsed [class*=" icon-"]{content:'\e805'}

.portlet .portlet-body{padding:5px 0 0}
.portlet-collapse .panel-collapse{padding:30px 0 0}
.portlet .portlet-body p{padding-top:0}
.portlet .portlet-body h1.block ~ h1.block,.portlet .portlet-body h2.block ~ h2.block,.portlet .portlet-body h3.block ~ h3.block,.portlet .portlet-body h4.block ~ h4.block,.portlet .portlet-body h5.block ~ h5.block,.portlet .portlet-body h6 ~ h6.block{margin-top:30px}

.nav-tabs .nav-link:hover:not(.active){border-color:transparent}
.tabbable-container{width:100%}
.tabbable-line .nav-tabs{margin:0;border:none}
.tabbable-line .nav-tabs .nav-item{margin:0;border:none;position:relative}
.tabbable-line .nav-tabs .nav-item .nav-link{background:0 0;border:0;border-bottom:4px solid transparent;margin:0;padding-left:15px;padding-right:15px}

.note{margin:0 0 20px;padding:15px 30px 15px 15px;border-left:5px solid #eee;border-radius:0 5px 5px 0}
.note h1,.note h2,.note h3,.note h4,.note h5,.note h6{padding:10px 0}
.note p{padding:0;font-size:0.9em}

.badge-status{width:10px;height:10px;display:inline-block;padding:0;margin-right:10px}
.badge-status:empty{display:inline-block}

.modal-header .modal-title{font-weight:300;padding:0}
.modal-footer .btn{padding-left:15px;padding-right:15px}
.modal-header-tabbed{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:1rem 0 0;border:none}
.modal-header-tabbed .modal-title{width:100%;padding:0 1rem 1rem}
.modal-header-tabbed .nav-tabs{padding:0 1rem;margin:0;width:100%}

.util-btn-group-margin-bottom-5 .btn{margin-bottom:5px!important}

.table-listing-style{border-collapse:separate;border-spacing:0 10px}
.table-listing-style thead tr th{font-size:12px;font-weight:500;border:none;padding:5px 20px;text-transform:uppercase;background:transparent}
.table-listing-style thead tr{background:transparent}
.table-listing-style tr td,.table-listing-style-draggable.cdk-drag-preview td{padding:20px;border:1px solid transparent;vertical-align:middle}
.table-listing-style tr td:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}
.table-listing-style tr td:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}

.draggable{cursor:move}
.table .cdk-drag-placeholder{background:#fdf7e5!important}
.table-listing-style-draggable.cdk-drag-preview{background:#fff;display:inline-table;vertical-align:middle;}

.nav-tabbable-lines{margin:0;border:none}
.nav-tabbable-lines .nav-item{position:relative;margin:0;border:none;border-radius:0;background:0 0;line-height:1em}
.nav-tabbable-lines .nav-item .nav-link{margin:0;padding-right:15px;padding-left:15px;border:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-radius:0;background:0 0;line-height:1em}
.nav-tabbable-lines .nav-item .nav-link.active{border:0;border-top:4px solid transparent;border-bottom:4px solid}
.nav-tabbable-lines .nav-item .nav-link:hover{border-top:4px solid transparent;border-bottom:4px solid;background:0 0}

.static-info{margin-bottom:10px}
.static-info .name{font-size:1em}
.static-info .value{font-weight:500;font-size:1em}

.login{min-height:100vh;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}
.login>.row{width:100%;margin:0}
.login .login-container{padding:0}
.login .login-content{padding:40px;width:100%}
.login .login-content .logo{display:block;width:73px;height:24px;background:url(../images/base-logo.png) no-repeat left center;background-size:contain;text-align:left;text-indent:-9999px;text-transform:capitalize;margin:0;text-align:left;margin:0 0 40px}
.login .login-content h1{font-size:2.27em;padding:0 0 30px}
.login .login-content h1 small{display:block;font-size:15px}
.login .login-content .notice{text-align:center}

.login .login-img{background-repeat:no-repeat;background-position:center;background-size:cover;padding:0}

.bootstrap-datetimepicker-widget .list-unstyled li{margin:0}
.bootstrap-datetimepicker-widget table th{border-top:none}
.bootstrap-datetimepicker-widget a[data-action]{padding:0 6px!important;height:auto!important}
.bootstrap-datetimepicker-widget button[data-action]{padding:6px!important}
.bootstrap-datetimepicker-widget .picker-switch a[data-action]{padding:6px 0!important}
.bootstrap-datetimepicker-widget table td span{margin:0}

.backtotop{width:40px;height:40px;text-align:center;font-size:1em;position:fixed;right:50px;bottom:30px;z-index:999;-webkit-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;transition: opacity 0.2s ease-out;opacity:0;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.backtotop:hover,.backtotop:focus{text-decoration:none}
.backtotop.show{opacity:1;display:-webkit-box;display:-ms-flexbox;display:flex!important}

.timepicker-custom-widget{border-radius:0.25rem;padding:0 10px;border:solid 1px;width:auto;float:left}
.timepicker-custom-widget .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.timepicker-custom-widget .times{height:200px;overflow-y:scroll;padding:0 5px;scrollbar-color:darkgrey transparent;border:solid 1px}
.timepicker-custom-widget .times .time,.timepicker-custom-widget .arrow{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:bold;font-size:1.2em;height:44px;cursor:pointer;border-radius:0.25rem;padding:5px}
.timepicker-custom-widget .times .time{width:110px}
.timepicker-custom-widget .arrow{width:100%}
.timepicker-custom-widget .times::-webkit-scrollbar{width:5px}
.timepicker-custom-widget .times::-webkit-scrollbar-track{-webkit-box-shadow:none;box-shadow:none}
.timepicker-custom-widget .times::-webkit-scrollbar-thumb{background-color:darkgrey;outline:none}

ul.pagination{margin:0}
.pagination li{line-height:normal;margin:0}
.page-item .page-link{cursor:pointer}

.media-add-modal .modal-content{height:90vh}
.media-add-modal .modal-header{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.media-add-modal .modal-footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.media-manager,.media-manager .tab-content,.media-manager .tab-pane.active{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}
.media-manager .tab-pane.show{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}
.media-manager .media-images{width:70%;overflow:auto;padding:10px}
.media-manager .media-sidebar{width:30%;background:#f3f3f3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.media-manager .media-sidebar .media-details{padding:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.media-manager .media-sidebar .media-properties{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:15px;overflow:auto}

.media-add-modal .modal-content .drop-area-notice{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;top:0;left:0;width:100%;height:100%;color:#fff;font-size:2em;font-weight:700;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(237,201,64,.7);z-index:99;border:dashed 4px #fff;text-shadow:0 0 1px rgba(0,0,0,.1);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute}
.media-add-modal.uploading .modal-content .drop-area-notice{opacity:1}

.media-images__images{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.media-images__images .image{padding:8px;margin:0;-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;position:relative}
.media-images__images .image .thumb{cursor:pointer}
.media-images__images .image .thumb img{width:100%;height:auto;display:block}
.media-images__images .image-upload .trigger{cursor:pointer;padding-top:100%;position:relative;background:#e0e0e0;color:#a5a5a5;font-size:2em}
.media-images__images .image-upload .trigger:hover{background:#ccc;color:#999}
.media-images__images .image-upload .trigger i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.media-images__images .image-upload .trigger .fileinput{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer}

.media-manager .tab-pane-media-upload,.media-manager .tab-pane-media-upload .upload-info,.media-manager .tab-pane-media-upload .upload-info .fileinput{cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.media-manager .tab-pane-media-upload .upload-info,.media-manager .tab-pane-media-upload .upload-info .fileinput{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}
.media-manager .tab-pane-media-upload .upload-info i{font-size:2em;color:#a5a5a5}
.media-manager .tab-pane-media-upload .upload-info .label-style{margin:15px 0 0}
.media-manager .tab-pane-media-upload:hover i,.media-manager .tab-pane-media-upload:hover label{color:#999}

.media-images__images .image__selected{-webkit-box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 7px #000;box-shadow:inset 0 0 0 3px #fff, inset 0 0 0 7px #000}
.media-images__images .image .check{display:none;height:24px;width:24px;padding:0;border:0;position:absolute;z-index:10;top:0;right:0;outline:0;background:#eee;cursor:pointer;-webkit-box-shadow:0 0 0 1px #fff, 0 0 0 2px rgba(0,0,0,.15);box-shadow:0 0 0 1px #fff, 0 0 0 2px rgba(0,0,0,.15)}
.media-images__images .image__selected .check{background-color:#000;-webkit-box-shadow:0 0 0 1px #fff, 0 0 0 2px #000;box-shadow:0 0 0 1px #fff, 0 0 0 2px #000;display:block}
.media-images__images .image__selected .check:hover .icon-ok:before{content:'\e921'}

/******GALLEY DRAG DROP******/
.image-gallery-dragdrop{clear:both;width:100%;position:relative}
.image-gallery-dragdrop .media-images{margin:0 -8px}
.image-gallery-dragdrop .drop-area-notice{display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0;top:0;left:0;width:100%;height:100%;color:#fff;font-size:2em;font-weight:700;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:rgba(237,201,64,.7);z-index:99;border:dashed 4px #e5e1e9;text-shadow:0 0 1px rgba(0,0,0,.1);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;position:absolute;z-index:0}
.uploading .image-gallery-dragdrop .drop-area-notice{opacity:1;z-index:3}
.image-gallery-dragdrop .media-images__images{padding:0;margin:0;list-style:none;position:relative;z-index:2}
.image-gallery-dragdrop .media-images__images .image{-webkit-box-flex: 0;-ms-flex: 0 0 10%;flex: 0 0 10%;max-width: 10%}
.image-gallery-dragdrop .media-images__images .image .thumb{cursor:move;position:relative}
.media-images__images .image .thumb .options{background:rgba(0,0,0,.5);color:#fff;font-size:20px;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}
.media-images__images .image .thumb:hover .options,.media-images__images .image .thumb:focus .options{opacity:1}
.media-images__images .image .thumb .options a{padding:5px;cursor:pointer}
.media-images__images .image .thumb .options a,.media-images__images .image .thumb .options a i{color:#fff;display:inline-block}

.media-images .cdk-drag-placeholder{opacity:0}
.media-images .cdk-drag-animating{-webkit-transition:-webkit-transform 250ms cubic-bezier(0, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0, 0, 0.2, 1);-o-transition:transform 250ms cubic-bezier(0, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.2, 1)}
.media-images .cdk-drop-list-dragging .image:not(.cdk-drag-placeholder){-webkit-transition:-webkit-transform 250ms cubic-bezier(0, 0, 0.2, 1);transition:-webkit-transform 250ms cubic-bezier(0, 0, 0.2, 1);-o-transition:transform 250ms cubic-bezier(0, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0, 0, 0.2, 1);transition:transform 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.2, 1)}
.image.cdk-drag-preview{line-height:1em;margin:0;padding:0;overflow:hidden;list-style:none}
.image.cdk-drag-preview img{display:block;width:100%;height:auto;border-radius:4px;-webkit-box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)}
.image.cdk-drag-preview .thumb .options{display:none}
/******END-GALLEY DRAG DROP******/

.media-manager .media-sidebar .media-details h6{text-transform:uppercase;font-weight:500;text-transform:uppercase;color:#8798ad;padding:0 0 15px}
.media-manager .media-sidebar .media-details .media-details__info{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 0 10px;border-bottom:solid 1px #ddd}
.media-manager .media-sidebar .media-details .thumb{width:45%;padding-right:10px}
.media-manager .media-sidebar .media-details .thumb img{width:100%;height:auto;display:block}
.media-manager .media-sidebar .media-details .info{font-size:.8em;line-height:1.5em;width:55%;overflow:hidden}
.media-manager .media-sidebar .media-details .info .stat:not(.filename){color:#555}
.media-manager .media-sidebar .media-details .info .filename{font-weight:500}
.media-manager .media-sidebar .media-details .info .btn{text-align:left;display:block;margin:5px 0 1px}

.media-manager .media-sidebar .media-properties .form-group{margin-bottom:15px}

.img-thumb-preview{border-radius:5px;width:100%;max-width:150px;text-align:left;overflow:hidden;margin:10px 0;padding:4px;position:relative}
.img-thumb-preview .preview{display:block;background:#f1f1f1}
.img-thumb-preview img{width:100%;height:auto;display:block}
.img-thumb-preview .btn-trigger-image-manager{width:100%;border-radius:0}
.img-thumb-preview .remove{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;border:solid 2px;width:24px;height:24px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:0 5px 0 0;position:absolute;top:2px;right:2px;cursor:pointer;font-size:.9em;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:1}
.img-thumb-preview .remove:hover{opacity:.8}

.img-thumb-preview .no-image{cursor:pointer;padding-top:100%;position:relative;background:#e0e0e0;color:#a5a5a5;font-size:2em}
.img-thumb-preview .no-image:hover{background:#ccc;color:#999}
.img-thumb-preview .no-image i{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

.empty-state-info{margin-top:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:30vh;min-height:300px}
.portlet .empty-state-info{margin:0;height:auto;min-height:100px}
.empty-state-info>.inner{padding:0 30%;width:100%}

.input-group-copied-to-clipboard .form-control,.input-group-copied-to-clipboard .btn,.input-group-copied-to-clipboard .input-group-text{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;border-color:#ddd!important}
.transition{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.clipboard-toggle .btn,.clipboard-toggle .form-control,tr.clipboard-toggle,.clipboard-toggle .input-group-text{background:#f5ebc8!important}

.profile-img-listing{display:block;width:32px;height:auto}

.navigation-menu-items-container .navigation-menu-item-indent1{padding-left:30px}
.navigation-menu-items-container .navigation-menu-item-indent2{padding-left:60px}
.navigation-menu-items-container .navigation-menu-item-indent3{padding-left:90px}
.navigation-menu-items-container .panel-menu-item{border:solid 1px;margin-bottom:5px}
.navigation-menu-items-container .panel-menu-item>.panel-heading .panel-title{display:block;margin:0;padding:0;width:100%;font-weight:500;font-size:1em;line-height:1em}
.navigation-menu-items-container .panel-menu-item>.panel-heading .panel-title>a{display:block;padding:20px 15px;width:100%}
.navigation-menu-items-container .panel-menu-item>.panel-heading .panel-title .accordion-icon{display:block;float:right;margin-right:.2em;margin-left:.2em;width:1em;text-align:center;text-decoration:inherit;text-transform:none;font-weight:normal;font-style:normal;font-variant:normal;font-family:"icn_jscsaas";line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.navigation-menu-items-container .panel-menu-item>.panel-heading .panel-title .collapsed .accordion-icon:before{content:'\f004'}
.navigation-menu-items-container .panel-menu-item>.panel-heading .panel-title .accordion-icon:before{content:'\f005'}
.navigation-menu-items-container .panel-menu-item>.panel-heading+.panel-collapse>.panel-body{border-top:solid 1px;padding:15px}
.navigation-menu-items-container .panel-menu-item>.panel-heading+.panel-collapse>.panel-body .form-group:last-child{margin-bottom:0}
.navigation-menu-items-container .panel-menu-item>.panel-heading+.panel-collapse>.panel-footer{border-top:solid 1px;padding:10px 15px}

.publish-bar-footer{position:fixed;z-index:999;background:transparent;width:100%;bottom:0;left:0}
.publish-bar-footer .publish-bar-details{padding:20px 15px;background:#fff}
.publish-bar-footer .publish-bar-details .col-12{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.publish-bar-footer .publish-bar-details .page-header{padding:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.publish-bar-footer .publish-bar-details .page-header h1{font-size:1.2em;line-height:1.2em}
.publish-bar-footer .publish-bar-details .page-header small{font-size:12px;margin:5px 0 0}
.publish-bar-footer .publish-bar-details .page-header .badge{font-size:10px;margin:0 5px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:0}
.publish-bar-footer.success .publish-bar-details .page-header .badge{opacity:1}
.publish-bar-footer .publish-bar-details .actions{text-align:right;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}

.meter{position:relative;background:#f3f3f3}
.meter > .indicator{display:block;height:4px;position:relative;overflow:hidden;-webkit-transition:background-color .3s;-o-transition:background-color .3s;transition:background-color .3s}
.meter > .indicator:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:-o-linear-gradient( 135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );background-image:linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );z-index:1;background-size:50px 50px;-webkit-animation:move 3s linear infinite;-moz-animation:move 3s linear infinite;overflow:hidden}

.success .meter > .indicator{-webkit-animation:meter-success 2s;animation:meter-success 2s}
.success .meter > .indicator:after{display:none}

.fr-box{width:100%}

.footer{font-size:.8em;font-weight:500;text-transform:uppercase;clear:both;padding-top:5px;padding-bottom:5px}
.content-area.with-footer .footer{position:absolute;bottom:0;left:0}
.footer .jsc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}
.footer .jsc .logo{display:inline-block;width:49px;height:16px;background:url(../images/base-logo.png) no-repeat left center;background-size:contain;text-align:left;text-indent:-9999px;text-transform:capitalize;margin:0;text-align:left;margin-left:5px;opacity:.7}
.footer .jsc .logo:hover,.footer .jsc .logo:focus{opacity:1}

/*Fix for Bootstrap button dropdown inside responsive table not visible because of scroll*/
/*@media (max-width: 767px) {
   .table-responsive .dropdown-menu {
       position: static !important;
   }
}
@media (min-width: 768px) {
   .table-responsive {
       overflow: inherit;
   }
}*/

.repeater-container+.repeater-container{margin-top:40px}
.repeater-row-container{padding:30px 30px 0 30px;border-bottom:solid 1px #dcdcdc;background:rgba(244,250,250,.5);margin:0 -30px}
.repeater-row-container:nth-child(even){background:rgba(220,220,220,.1)}


@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
}

@media only screen and (min-width: 1200px) {
}

@media screen and (min-width: 768px){
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
body{overflow-x:hidden}

.media-images__images .image{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.image-gallery-dragdrop .media-images__images .image{-webkit-box-flex: 0;-ms-flex: 0 0 15%;flex: 0 0 15%;max-width: 15%}

.empty-state-info>.inner{padding:0 15%}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
body{overflow-x:hidden}
.checker{float:right}

.page-header{display:block}
.page-header .actions{width:100%;padding:20px 0 0}

.media-add-modal .modal-header{padding-top:3px;padding-bottom:3px}
.media-add-modal .modal-footer{padding-top:5px;padding-bottom:5px}

.media-manager .media-sidebar .media-details .media-details__info{max-height:25vh;overflow:auto}
.media-manager .media-sidebar .media-details .media-details__info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.media-manager .media-sidebar .media-details .thumb{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;padding:0 0 10px}
.media-manager .media-sidebar .media-details .thumb img{height:50px;width:auto}
.media-manager .media-sidebar .media-details .info{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%}

.media-manager .media-images{width:55%}
.media-manager .media-sidebar{width:45%}
.media-images__images .image{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.image-gallery-dragdrop .media-images__images .image{-webkit-box-flex: 0;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%}

.empty-state-info>.inner{padding:0 10%}
}

/* Mobile All Sizes Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
body{overflow-x:hidden}
.checker{float:none}

.page-sidebar-menu .sidebar-header button{opacity:0;visibility:hidden}
.page-sidebar-menu:not(.active){min-width:80px;max-width:80px;text-align:center}
.page-sidebar-menu:not(.active) ul li > a{text-align:center}
.page-sidebar-menu:not(.active) ul li > a i{margin-right:0;display:block}
.page-sidebar-menu:not(.active) ul li > a span{display:none}
.page-sidebar-menu:not(.active) ul li.active>a:before{display:block;content:'';width:3px;height:100%;position:absolute;left:0;top:0}
.page-sidebar-menu:not(.active) .dropdown-toggle::after{right:10px}
.page-sidebar-menu:not(.active) .user-area{opacity:0;white-space:nowrap}

.page-sidebar-menu-open .content-area/*,.page-sidebar-menu-open .content-area .sticky-wrapper*/{width:calc(100% - 80px)}

.content-area.with-footer{padding-bottom:40px}

.header .navbar-toggler{-webkit-box-shadow:none!important;box-shadow:none!important;outline:0!important}
.header .navbar>.container-fluid{padding-top:20px;padding-bottom:20px}
.header .navbar .navbar-collapse{margin-top:15px;border:none;text-align:center}
.header .navbar-collapse.in{overflow:visible}

.header .navbar-nav{padding:0;margin-top:0;margin-bottom:0}
.header .navbar-nav .nav-item{margin:0;padding:0;border-bottom:solid 1px rgba(0,0,0,.1);width:100%;clear:both;height:auto;display:block}
.header .navbar-nav .nav-item:last-child{border-bottom:none}
.header .navbar .navbar-nav>li>a:focus,.header .navbar .navbar-nav>li>a:hover,.header .navbar-nav .nav-item.current{text-shadow:none}
.header .navbar-nav .nav-item .nav-link{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px}
.header .navbar-nav .nav-item .nav-link .notif{right:auto;left:calc(50% + 7px)}

.header .dropdown-with-header{width:100%}
.header .dropdown-menu-default{-webkit-box-shadow:none;box-shadow:none;border:none}
.header .dropdown-menu-default:before,.header .dropdown-menu-default:after{display:none!important}

.login>.row{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.login .login-content h1{font-size:1.8em}
.login .login-img{height:50vh}

.header .navbar>.container-fluid, .content-area .inner-content-container>.container-fluid,.breadcrumbs-container,.footer{padding-left:20px;padding-right:20px}

.page-header{display:block}
.page-header .actions{width:100%;padding:20px 0 0}

.media-add-modal .modal-header{padding-top:3px;padding-bottom:3px}
.media-add-modal .modal-footer{padding-top:5px;padding-bottom:5px}

.media-manager .media-images{width:55%}
.media-manager .media-sidebar{width:45%}
.media-images__images .image{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.image-gallery-dragdrop .media-images__images .image{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%}

.media-manager .media-sidebar .media-details .media-details__info{max-height:25vh;overflow:auto}
.media-manager .media-sidebar .media-details .media-details__info{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.media-manager .media-sidebar .media-details .thumb{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%;padding:0 0 10px}
.media-manager .media-sidebar .media-details .thumb img{height:50px;width:auto}
.media-manager .media-sidebar .media-details .info{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;width:100%}

.empty-state-info>.inner{padding:0}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 577px) and (max-width: 767px) {

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 576px) {
.header .navbar>.container-fluid, .content-area .inner-content-container>.container-fluid,.breadcrumbs-container,.footer{padding-left:15px;padding-right:15px}

.portlet .portlet-header{display:block}
.portlet .portlet-header .actions{width:100%;padding:20px 0 0}

.media-manager .media-images{width:50%}
.media-manager .media-sidebar{width:50%}
.media-images__images .image{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}

.media-manager .media-sidebar .media-details .media-details__info{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.media-manager .media-sidebar .media-details .thumb img{height:auto;width:100%}
.media-manager .media-sidebar .media-details .thumb{-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%;width:30%;padding:0 5px 0 0}
.media-manager .media-sidebar .media-details .info{-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%;width:70%}
}

@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

@-webkit-keyframes blink {50% { color: transparent }}

@keyframes blink {50% { color: transparent }}
.loader__dot { -webkit-animation: 1s blink infinite; animation: 1s blink infinite }
.loader__dot:nth-child(2) { -webkit-animation-delay: 250ms; animation-delay: 250ms }
.loader__dot:nth-child(3) { -webkit-animation-delay: 500ms; animation-delay: 500ms }