@import url("https://frostdesignsystem.learningmate.co/assets/css/base/icons.css");
@import url("https://frostdesignsystem-qa.learningmate.co/assets/css/components/button.css");


.overflow-hidden{
    overflow: hidden !important;
}
.overflow-visible{
    overflow: visible !important;
}
.dropdown-toggle:focus,
a:focus,
.btn:focus,
button.btn.btn-default:focus,
button.btn.btn-primary:focus,
button.btn.btn-secondary:focus,
button.btn:focus,
button:focus,
input[type=checkbox]:focus,
input[type=file]:focus,
input[type=radio]:focus,
.sweet-alert button:focus,
.cmn-toggle-round:focus +.switch-button-background{
    outline-offset: -2px;
    outline: #4d90fe auto 3px;
}
.btn-primary:focus,
.btn-secondary:focus{
	outline: 1px solid transparent !important;
	box-shadow: 0 0 0 0.25rem rgba(0,123,255,0.5) !important;
}
.form-control:focus {
    outline: 1px solid transparent;
}
.focus-heigh-contrast:focus {
    outline: 1px solid transparent !important;
}
.sweet-alert button:focus {
    outline: 1px solid transparent;
}
.pull-middle {
    overflow: inherit;
}

.sprite {
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
}

.sprite3 {
    background-image: url(../img/sprite3.png);
    background-repeat: no-repeat;
}

.header {
    height: auto;
    padding: 0 16px;
    background: #673ab7;
    z-index: 2;
    border-bottom: 0px solid #e1e1e1;
    position: inherit;
}

.logo {
    display: block;
    padding: 0;
    margin: 6px 20px 4px 0;
}

.logo a {
    text-indent: -999em;
    display: block;
    width: 120px;
    height: 39px;
    background: url(../img/logo.png) no-repeat 0 0px;
}

.login_row .logo {
    width: 132px;
    height: 76px;
    display: block;
    text-indent: -999em;
    margin: 70px auto 30px;
}

.login_row .logo a {
    text-indent: -999em;
    display: block;
    width: 132px;
    height: 76px;
    background: url(../img/logo-login.png) no-repeat 0 0px;
}

.login_avaterout {
    position: relative;
    width: 39px;
    height: 39px;
    margin-right: 5px;
}

.img-avater {
    width: 39px;
    height: 39px;
    border-radius: 50%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    overflow: hidden;
    display: block;
    margin-top: 0px;
}

.login_avater img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
}

.headerlinks {
    margin: 0 0;
    float: none;
    overflow: hidden;
}

.navbar-nav {
    float: none;
    margin: 0px;
    text-align: center;
    width: 100%;
}

.navbar-nav>li {
    float: left;
    display: inline-block;
    vertical-align: top;
    padding: 17px 12px 17px;
    cursor: pointer;
}

.headerlinks .navbar-collapse.collapse,
.headerlinks .navbar-default {
    padding: 0 !important;
    border: 0;
    background: none;
    margin: 0;
}

.headerlinks .navbar-default .navbar-nav>.active>a,
.headerlinks .navbar-default .navbar-nav>.active>a:hover,
.headerlinks .navbar-default .navbar-nav>.active>a:focus {
    background: none;
}

.headerlinks .navbar-nav>li>a {
    font-size: 14px;
    margin-left: -3px;
    color: #fff;
    padding: 0;
    text-transform: capitalize;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
}

.headerlinks .navbar-nav>li:last-child>a {
    border-right: 0px solid #dbcdc1;
}

.header .wel-area {
    position: relative;
    padding: 7px 0 0px 10px;
}

.wel-color {
    color: #000;
    padding: 5px 0 0 8px;
    font-size: 11px;
}

.wel-name {
    display: block;
    padding: 0px 40px 0 8px;
    line-height: 16px;
    font-size: 13px;
    color: #30506E;
    position: relative;
    width: 45px;
    height: 45px;
    float: left;
}

.arrow {
    background-position: -219px -2px;
    border: 0 none;
    cursor: pointer;
    height: 40px;
    width: 40px;
    left: 50%;
    top: 50%;
    position: absolute;
    z-index: 1;
    margin-left: -20px;
    margin-top: -25px;
}

.wel-area.open .arrow {
    background-position: -219px -2px;
}

.search-area {
    padding-top: 11px;
}

.page-title {
    font-size: 26px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ffffff;
    padding: 12px 19px;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 2;

}

.content {
    padding: 0px 0 0px 0;
    background: #efefef;
    overflow: visible;
}

.from-container {
    border-top: 1px solid #e7e7e7;
    border-radius: 0px;
    background: #efefef;
}

.from-container-row {
    padding: 20px 15px;
}

.from-container .dropdown .btn,
.dropdown .btn {
    width: 100%;
    text-align: left;
    position: relative;
}

.from-container .dropdown .btn .caret,
.dropdown .btn .caret {
    margin-top: -2px;
    position: absolute;
    right: 10px;
    top: 50%;
}

.from-container .dropdown .dropdown-menu {
    width: 100%;
}

.from-row-title {
    background: #eee;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px 15px;
}

.theme-col-1 {
    width: 25%;
    float: left;
    margin: 0 0 1%;
}

.theme-col-1.last {
    margin-right: 0;
}

.theme-box-col {
    padding-left: 15px;
    padding-right: 15px;
}

.box-theme {
    display: inline-block;
    width: 200px;
    border: 1px solid #dddddd;
    border-radius: 0px;
    overflow: hidden;
    padding: 0px;
    background: #fff;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    word-wrap: break-word;
}

.box-theme img {
    border-radius: 0px;
    cursor: pointer;
}

.box-theme:hover {
    border: 1px solid #dddddd;
    background: #fff;
}

.box-theme-title {
    padding: 10px 10px 2px;
    font-size: 16px;
    text-align: left;
    margin-bottom: 3px;
    height: 55px;
    overflow: hidden;
    color: #000;
    cursor: pointer;
}

.box-theme-title strong {
    font-weight: 600
}

.theme-preview-control {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    display: none;
}

.theme-preview-control .btn {
    margin: 0 1%;
}

.box-theme:hover .theme-preview-control {
    display: block;
    bottom: 20px;
}

.btn-group.first .btn {
    border-right: 0;
}

.footer {
    background: #bbb;
    text-align: center;
    padding: 10px 20px;
    font-size: 12px;
}

.from-container td.chapter1 {
    padding-left: 55px;
}

.from-container td.chapter2 {
    padding-left: 65px;
}

.from-container td.chapter3 {
    padding-left: 75px;
}

.from-container td.chapter4 {
    padding-left: 85px;
}

.from-container td,
.from-container th {
    padding: 5px 18px 5px 25px;
}

.from-container th {
    color: #666;
    font-size: 16px;
}

.open {
    color: #cf2a28 !important;
}

.inprogress {
    color: #ff9900 !important;
}

.completed {
    color: #009e11 !important;
}

.chepter-col {
    position: relative;
}

.edit-icon {
    height: 20px;
    width: 20px;
    position: absolute;
    left: -45px;
    top: 0px;
    background-position: -7px -7px;
    display: none;
}

.preview-icon {
    height: 20px;
    width: 20px;
    position: absolute;
    left: -24px;
    top: 0px;
    background-position: -50px -7px;
    display: none;
}

.edit-icon:hover {
    background-position: -7px -38px;
}

.preview-icon:hover {
    background-position: -50px -38px;
}

.from-container tr:hover .chepter-col .edit-icon {
    display: block;
}

.from-container tr:hover .chepter-col .preview-icon {
    display: block;
}

.from-container tr:hover td {
    background: #eee;
    position: relative;
    cursor: pointer;
}

.from-container tr:hover td:first-child {
    border-radius: 3px 0 0 3px;
}

.from-container tr:hover td:last-child {
    border-radius: 0px 3px 3px 0px;
}

.from-container .from-container th:first-child {
    padding-left: 0
}

.from-container .from-container th:last-child {
    padding-right: 0;
}

.main_container {
    height: calc(100% - 81px);
    background: #fff;
}
.main_container.login_section .wrapper{
    background: #673ab7;
}
.wrapper {
    position: relative;
    z-index: 1;
    padding: 0;
    height: 100%;
    background: #efefef;
}

.view-port-ft {
    position: relative;
    padding: 8px 10px 8px 10px;
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
}

.tools-view-port {
    height: 49px;
    width: 49px;
    cursor: pointer;
    position: relative;
}

.tools-view-icon {
    height: 49px;
    width: 49px;
    background-position: -87px -1px;
    cursor: pointer;
    position: relative;
}

.tools-view-icon:hover {
    background-position: -87px -52px;
}

.tools-view-port.active .tools-view-icon {
    background-position: -87px -52px;
}

.tooltip-view {
    background: #fff;
    border: 1px solid #cfcfd9;
    border-radius: 0 0 5px 5px;
    width: 140px;
    left: 50%;
    margin-left: -70px;
    top: 57px;
    position: absolute;
    z-index: 555;
    border-top: 0;
    overflow: hidden;
    display: none;
}

.tooltip-view li {
    padding: 10px 10px;
    border-bottom: 1px solid #e5e5e5;
}

.tooltip-view ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.tooltip-view li:hover,
.tooltip-view li.active {
    background: #f6f8f9;
}

.tools-view-port.active .tooltip-view {
    display: block;
}

.tooltip-view li:last-child {
    border: 0;
}

.desktop-view {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
    background-position: -98px -11px;
}

.tooltip-view li:hover .desktop-view,
.tooltip-view li.active .desktop-view {
    background-position: -98px -62px;
}

.tablet-view {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
    background-position: -18px -180px;
}

.tooltip-view li:hover .tablet-view,
.tooltip-view li.active .tablet-view {
    background-position: -18px -231px;
}

.small-tablet-view {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
    background-position: -18px -383px;
}

.tooltip-view li:hover .small-tablet-view,
.tooltip-view li.active .small-tablet-view {
    background-position: -18px -438px;
}

.iphone5-view {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
    background-position: -67px -432px;
}

.tooltip-view li:hover .iphone5-view,
.tooltip-view li.active .iphone5-view {
    background-position: -118px -432px;
}

.iphone-view {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
    background-position: -268px -431px;
}

.tooltip-view li:hover .iphone-view,
.tooltip-view li.active .iphone-view {
    background-position: -319px -431px;
}

.view-text {
    overflow: hidden;
    font-size: 14px;
    line-height: 15px;
}

.view-size {
    display: block;
    clear: both;
    font-size: 12px;
}

.selection-theme {
    width: 220px;
    padding: 16px 10px 0 0;
}

.selection-theme .dropdown .btn {
    width: 100%;
    text-align: left;
}

.selection-theme .dropdown .dropdown-menu {
    width: 100%;
}

.confirm-selection {
    padding: 12px 0px 0 10px;
}

.selection-remove {
    background: none;
}

.selection-remove span {
    font-size: 25px;
    color: #777;
}

.pt-page {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.pt-page-current,
.no-js .pt-page {
    visibility: visible;
    z-index: 1;
}

.no-js body {
    overflow: auto;
}

.pt-page-ontop {
    z-index: 999;
}

.pt-page-1 {
    background: #FFF;
}

.pt-page-2 {
    background: #FFF;
}

.pt-page-moveToLeft {
    -webkit-animation: moveToLeft .6s ease both;
    animation: moveToLeft .6s ease both;
}

.pt-page-moveFromLeft {
    -webkit-animation: moveFromLeft .6s ease both;
    animation: moveFromLeft .6s ease both;
}

.pt-page-moveToRight {
    -webkit-animation: moveToRight .6s ease both;
    animation: moveToRight .6s ease both;
}

.pt-page-moveFromRight {
    -webkit-animation: moveFromRight .6s ease both;
    animation: moveFromRight .6s ease both;
}

.pt-page-moveToTop {
    -webkit-animation: moveToTop .6s ease both;
    animation: moveToTop .6s ease both;
}

.pt-page-moveFromTop {
    -webkit-animation: moveFromTop .6s ease both;
    animation: moveFromTop .6s ease both;
}

.pt-page-moveToBottom {
    -webkit-animation: moveToBottom .6s ease both;
    animation: moveToBottom .6s ease both;
}

.pt-page-moveFromBottom {
    -webkit-animation: moveFromBottom .6s ease both;
    animation: moveFromBottom .6s ease both;
}

.pt-page-fade {
    -webkit-animation: fade .7s ease both;
    animation: fade .7s ease both;
}

.pt-page-moveToLeftFade {
    -webkit-animation: moveToLeftFade .7s ease both;
    animation: moveToLeftFade .7s ease both;
}

.pt-page-moveFromLeftFade {
    -webkit-animation: moveFromLeftFade .7s ease both;
    animation: moveFromLeftFade .7s ease both;
}

.pt-page-moveToRightFade {
    -webkit-animation: moveToRightFade .7s ease both;
    animation: moveToRightFade .7s ease both;
}

.pt-page-moveFromRightFade {
    -webkit-animation: moveFromRightFade .7s ease both;
    animation: moveFromRightFade .7s ease both;
}

.pt-page-moveToTopFade {
    -webkit-animation: moveToTopFade .7s ease both;
    animation: moveToTopFade .7s ease both;
}

.pt-page-moveFromTopFade {
    -webkit-animation: moveFromTopFade .7s ease both;
    animation: moveFromTopFade .7s ease both;
}

.pt-page-moveToBottomFade {
    -webkit-animation: moveToBottomFade .7s ease both;
    animation: moveToBottomFade .7s ease both;
}

.pt-page-moveFromBottomFade {
    -webkit-animation: moveFromBottomFade .7s ease both;
    animation: moveFromBottomFade .7s ease both;
}

#open-button {
    width: 40px;
    height: 40px;
    background-position: -159px -43px;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    cursor: pointer;
    margin-right: 15px;
}

.btn.search-text {
    border-radius: 20px 0 0 20px;
    border: 0;
}

.btn.search-toc {
    padding: 5px 0px;
    border: 0;
    border-right: 1px solid #ddd !important;
}

.ico-list {
    background-position: -172px -14px;
    width: 13px;
    height: 15px;
    display: inline-block;
    border: 0;
}

.search-frm {
    border: 0;
    height: 32px;
    box-shadow: none;
    border-left: 1px solid #e5e7e7;
}

.search-frm.form-control:focus {
    border-color: #e5e7e7;
}

.btn.btn-search {
    border-radius: 0 20px 20px 0px;
    border: 0;
    background-color: #fff !important;
}

.input-group-btn.button-dep .btn.search-toc {
    border-right: 1px solid #ddd !important;
}

.input-group-btn.button-dep button:hover {
    background: #fff;
}

.input-group-btn.button-dep button:focus,
.input-group-btn button:active {
    outline: none !important;
    background: #fff !important;
    box-shadow: none !important;
}

.input-group-btn.button-dep.open .dropdown-toggle.btn-default {
    outline: none !important;
    background: #fff !important;
    box-shadow: none !important;
}

.headerlinks .nav>li>a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    transform: translateY(-3px);
}

.headerlinks .nav>li>a:hover::after,
.headerlinks .nav>li>a:focus::after {
    height: 1px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.headerlinks .nav>li.active>a::after,
.headerlinks .nav>li.active>a::after {
    height: 1px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.user-notification {
    position: absolute;
    top: -2px;
    right: -8px;
    display: block;
    background: #ee0a75;
    line-height: 12px;
    font-weight: 300;
    padding: .3em .5em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 12px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5);
    color: #fff;
}

.btn-primary,
.btn-default,
.btn-default2 {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase
}

button.btn-danger {
    font-size: 13px;
    margin-left: 5px;
}

button.btn-primary {
    background: #2e6bc7;
    border: #2e6bc7 1px solid;
    text-transform: uppercase;
    font-weight: 600;
    outline: none;
    transition: all .2s ease-in-out;
    border-radius: 3px;
    font-size: 13px;
    color: #fff
}

.required,
.text-danger {
    color: #AD1457;
}

.lm-create-p .form-group {
    min-height: 80px
}

.container {
    width: 100%;
    padding: 0;
}

.headerlinks .navbar-nav>li.active {
    background-color: rgba(0, 0, 0, .12);
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .1);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, .1);
}

.list-panel {
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    font-size: 19px;
    line-height: 19px;
    padding: 7px 8px;
    vertical-align: middle;
}

.grid-panel {
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    line-height: 19px;
    padding: 7px 8px;
   vertical-align: middle;
}

.list-panel,
.grid-panel {
    color: #999;
    font-size: 14px;
}

.list-panel:hover,
.list-panel.active,
.list-panel:focus {
    color:  #0B71D8;
}

.grid-panel:hover,
.grid-panel.active,
.grid-panel:focus {
    color:  #0B71D8;
}

.input-group-btn.button-dep:first-child>.btn.search-text {
    margin: 0;
}

.theme-comments-control {
    padding: 5px 10px;
    background: #fff;
    border-top: 1px solid #f2f2f2;
    margin-top: 0px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    position: relative;
}

.comments,
.errors {
    padding-left: 25px;
    position: relative;
    margin-right: 10px;
    color: #666666;
    font-size: 13px;
    line-height: 23px;
    display: inline-block;
}

.cmts {
    width: 20px;
    height: 20px;
    display: block;
    background-position: 0px -253px;
    position: absolute;
    left: 0;
}

.ers {
    width: 20px;
    height: 20px;
    display: block;
    background-position: -73px -254px;
    position: absolute;
    left: 0;
}

.cmts:hover {
    background-position: 0px -304px;
}

.ers:hover {
    background-position: -73px -306px;
}

.input-group-btn.button-dep:hover .ico-list {
    background-position: -172px -143px;
}

.input-group-btn.button-dep.open .search-text {
    color: #3f51b5;
}

.preview-info,
.preview-edit,
.preview-delete {
    width: 30px;
    height: 30px;
    background: none;
    border: 0;
    padding: 3px 2px;
    color: #fff;
}

.prod-block .theme-box-col {
    padding: 0;
    text-align: center;
    margin: 10px;
}

.box-theme:hover img {
    opacity: 0.8;
}

.input-group-btn.button-dep button,
.input-group-btn .btn.btn-search {
    border: 0 !important;
    background-color: #fafafa;
}

.input-group-btn .btn.btn-search {
    padding: 7px 8px 7px 5px !important;
    height: 32px;
}

.box-theme figcaption {
    position: absolute;
    width: 100%;
    text-align: center;
}

.box-theme:hover figcaption {
    top: auto;
    bottom: 0;
    padding: 1em;
    height: 3.75em;
    background: none;
    color: #3c4a50;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.box-theme p.icon-links a {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
    display: inline-block;
}

.box-theme:hover figcaption,
.box-theme:hover p.icon-links a {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.box-theme:hover p.icon-links a:nth-child(1) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.box-theme:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.box-theme:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.toc-panel-container.new-editor1{
    background: white;
}

.toc-panel-container .live {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0px 0;
    overflow: visible;
}
.taxonomyMngt {
    height: calc( 100vh - 185px);
}
.toc-panel-container .drag-icn {
    text-align: center;
    margin-top: 0;
    opacity: .1;
    width: 24px;
    float: left;
    height: 37px;
    top: 0;
    padding-top: 3px;
    cursor: move;
}

.toc-panel-container .drag-icn:before {
    font-size: 9px;
    position: relative;
    top: 5px;
}

.toc-panel-container .btn.btn-sm {
    background: none;
    padding: 7px 5px;
    border: 1px solid #fff;
}

.toc-panel-container .btn.btn-sm .glyphicon {
    color: #f5f5f5;
    display: table-cell;
    height: 25px;
    top: -1px;
    vertical-align: middle;
    width: 25px;
    line-height: 25px;
}

.toc-panel-container .btn.btn-sm:hover .glyphicon {
    color: #880e4f;
}

.toc-panel-container .btn.btn-sm .glyphicon.glyphicon-plus-sign {
    color: #f5f5f5;
    display: table-cell;
    height: 25px;
    top: -1px;
    vertical-align: middle;
    width: 25px;
    line-height: 25px;
}

.toc-panel-container .btn:hover .glyphicon {
    color: #fff !important;
}

.main_container.login_section {
    margin-top: 0;
    background: #673ab7
}

.login_row h5 {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 18px;
    text-align: center;
}
.fullscreen .main_container {
    margin-top: 0px;
}

.fullscreen .main_container .from-container-row {
    padding: 0px 15px;
}

.dropdown.toc-plus a {
    display: block;
    padding: 4px 10px;
    border-bottom: 0px solid #ddd;
    color: #333333;
}

.dropdown.toc-plus a:hover {
    text-decoration: none;
    background: #f5f5f5;
}

.dropdown.toc-plus .last a {
    border-bottom: 0px solid #ddd;
}
.main_container {
    width: 100%;
    height: 100%;
}

.menu-wrap {
    color: #64697d;
}

.menu-wrap a {
    color: #b8b7ad;
}

.menu-wrap a:hover,
.menu-wrap a:focus {
    color: #c94e50;
}

.view-panel {
    padding-right: 27px;
}

.content-wrap {
    height: 100%;
}

.show-menu .overlay {
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    z-index: 2;
    display: block;
}

.overlay {
    display: none;
}

.main_container {
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    position: relative;
}

.menu-wrap::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0s 0.5s;
    transition: opacity 0.5s, transform 0s 0.5s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.menu-button {
    position: fixed;
    z-index: 1000;
    margin: 0.5em;
    padding: 0;
    border: none;
    font-size: 3em;
    color: #373a47;
    background: transparent;
}

.menu-button span {
    display: none;
}

.menu-button:hover,
.close-button:hover {
    opacity: 0.6;
}

.close-button {
    width: 1em;
    height: 1em;
    position: absolute;
    right: 1em;
    top: 1em;
    overflow: hidden;
    text-indent: 1em;
    border: none;
    background: transparent;
    color: transparent;
}

.close-button::before,
.close-button::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #bdc3c7;
}

.close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.menu-wrap {
    position: absolute;
    z-index: 1001;
    width: 50vw;
    height: 50vw;
    max-height: 80%;
    min-height: 360px;
    min-width: 320px;
    background: #fff;
    padding: 3em;
    overflow: hidden;
    -webkit-transform: translate3d(-100%, -100%, 0);
    transform: translate3d(-100%, -100%, 0);
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.menu-wrap[data-level="2"] {
    height: 30vw;
}

.menu {
    height: 100%;
}

.menu h2 {
    margin: 0 0 0.5em 0;
}

.menu h2 span {
    padding-right: 1em;
}

.menu h2 span:last-child {
    font-size: 0.5em;
    padding: 0.25em 0.5em;
    display: inline-block;
    vertical-align: middle;
    color: rgb(218, 73, 97);
    border: 2px solid black;
    border-color: initial;
}


.show-menu .menu-wrap[data-level="1"],
.show-submenu .menu-wrap[data-level="2"],
.show-menu .content::before,
.show-submenu .menu-wrap[data-level="1"]::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.show-submenu .menu-wrap[data-level="1"],
.show-menu .main_container {
    -webkit-transform: translate3d(40px, 40px, 0);
    transform: translate3d(40px, 40px, 0);
}

.show-submenu .main_container {
    -webkit-transform: translate3d(120px, 120px, 0);
    transform: translate3d(120px, 120px, 0);
}

.show-menu .content::before,
.show-submenu .menu-wrap[data-level="1"]::before {
    opacity: 0.5;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.show-submenu .content::before {
    opacity: 1;
}

.box-theme:hover .book-toc {
    display: block;
}

.book-toc {
    width: 35px;
    height: 35px;
    margin: -5px -10px;
    color: #666666;
}

.book-toc .dropdown-menu {
    min-width: 120px;
    border: 1px solid #cacaca;
}

.book-toc .dropdown-menu a {
    text-align: left;
}

.book-toc .dropdown-menu>li>a {
    display: block;
    padding: 3px 6px;
    font-size: 14px;
}

.book-toc-icon {
    width: 35px;
    height: 35px;
    background-position: -384px -245px;
    border: 0;
    background-color: transparent;
}

.book-toc.btn-group.open .dropdown-toggle {
    box-shadow: none;
}

.pattern-list-container {
    background: #fff;
    border: 1px solid #ddd;
}

.from-container .pattern-list-table th {
    border-bottom: 0px solid #e5e5e5;
    font-size: 13px;
    color: #262a2d;
    background: #f6f6f6;
    border-top: 0;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
    word-break: keep-all;
}

.pattern-list-table td {
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
    color: #333333;
    font-weight: normal;
    text-align: left;
    word-break: keep-all;
}
.pattern-list-table.lms-management-table tr:nth-last-child(2) td {
    border-bottom: 1px solid #e5e5e5;
}
.from-container .pattern-list-table.lms-management-table th.text-right, .from-container .pattern-list-table.lms-management-table td.text-right {
    text-align: right;
}

table th,
table td {
    word-break: keep-all;
}

.from-container .pattern-list-table th.hoverBG:hover {
    cursor: pointer;
}

th.hoverBG:hover {
    cursor: pointer;
}

.nav-tabs,
.nav-pills {
    position: relative;
}

.assesment-data .box-theme {
    display: inline-block;
    vertical-align: middle;
}

.assesment-data .box-theme-title {
    display: inline-block;
    vertical-align: middle;
}

.assesment-data .theme-col-1 {
    width: auto;
}

.listing-view-content {
    padding: 20px 30px 30px 30px;
}

.shorting_button .nav-tabs .dropdown-menu a {
    border: 0px solid #ebeef1;
    margin-left: 0;
}

.assesment-data thead th {
    background: #f6f6f6;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 8px;
    font-size: 14px;
    text-align: center;
    border-top: 0;
    font-weight: 500;
    word-break: keep-all;
}

.assesment-data td {
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 8px;
    text-align: center;
    word-break: keep-all;
}

.assesment-data td:nth-child(2),
.assesment-data th:nth-child(2) {
    text-align: left;
}

.pattern-list-table th:nth-child(1) {
    text-align: left;
}

.pattern-list-table tbody td:nth-child(1) {
   text-align: left !important;
}

.assesment-data .theme-comments-control {
    display: none;
}

.dropdown.tabdrop .dropdown-toggle {
    width: 30px;
    height: 30px;
    background-position: -305px -61px;
    background-color: #fff;
    position: relative;
}

.dropdown.tabdrop .dropdown-toggle .icon-align-justify {
    display: block;
    width: 30px;
    height: 5px;
    background-position: -299px -21px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -2.5px;
}

.dropdown.open.tabdrop .dropdown-toggle {
    background-color: #3f51b5;
}

.dropdown.open.tabdrop .dropdown-toggle .icon-align-justify {
    background-position: -299px -62px;
}

.dropdown.tabdrop .caret {
    border: 0;
}

.listing-view-content .view-panel {
    margin: 0;
    padding: 0 0 5px 0;
}

.filter-panel {
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    background-position: -458px -196px;
    cursor: pointer;
}

.pattern-list-table td{
	word-break:break-word;
}
.filter-panel:hover,
.filter-panel.active {
    background-position: -458px -247px;
}

.left-panel-navpanel {
    height: 100%;
    background: #ffffff;
    border-right: 1px solid #e5e5e5;
    padding: 0;
}

.right-panel-navpanel {
    height: 100%;
    background: #ffffff;
    border-left: 1px solid #e5e5e5;
    padding: 0;
}

.left-panel-navpanel h2 {
    color: #333333;
    font-size: 20px;
    margin-bottom: 15px;
    padding: 0 15px 0 15px;
}

.nav-list-block li {
    border-bottom: 1px solid #ececec;
    padding: 10px 15px 10px 40px;
    display: block;
    position: relative;
}

.nav-list-block li a {
    color: #666666;
    font-size: 14px;
    display: block;
}

.nav-list-block li li {
    border-bottom: 0px solid #ececec;
    padding-left: 25px;
}

.nav-list-block li li .arrow-lt {
    left: 0;
}

.nav-list-block {
    padding: 0;
}

.arrow-lt {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 15px;
    top: 10px;
    background-position: -347px -308px;
}

.nav-list-block li a:hover .arrow-lt {
    background-position: -398px -308px;
}

.nav-list-block li a:hover {
    color: #880e4f;
    text-decoration: none;
}

.nav-list-block ul.dropdown-menu {
    position: inherit;
    border: 0;
    background: none;
    width: 100%;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    float: none;
}

.nav-list-block .dropdown-menu>li>a {
    padding: 0;
}

.nav-list-block li .dropdown-toggle {
    text-decoration: none;
}

.nav-list-block li.open .dropdown-toggle .arrow-lt {
    background-position: -435px -309px;
}

.nav-list-block li.open .dropdown-toggle:hover .arrow-lt {
    background-position: -486px -309px;
}

.nav-list-block .dropdown-menu>li>a:hover {
    background: none;
}

.open .dropdown-menu {
    display: block;
    overflow: auto
}

.view-panel .bulk-actions-wrapper {
    float: left;
    z-index: 5;
}

.view-panel .input-group-btn {
    width: auto;
}

.view-panel .bulk-actions {
    z-index: 1;
}

.view-panel .bulk-actions .btn-default {
    margin-left: 0;
    padding: 4px 15px 4px;
}

.view-panel .input-group-btn.bulk-actions .btn-default {
    font-size: 13px;
    color: #666;
    padding: 4px 10px 4px 20px;
    margin-left: 0px;
    border: 1px solid #fff;
    border-radius: 20px !important;
    float: left;
    background: #fff;
    font-weight: 500;
}

.view-panel .input-group-btn {
    width: auto;
}

.view-panel button.btn,
.view-panel .action-buttons.nav.nav-tabs a {
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}

.btn {
    -webkit-transition: ease-in-out .15s;
    -o-transition: ease-in-out .15s;
    transition: ease-in-out .15s;
}

.bulk-actions .caret {
    color: #dedede;
    border-top: 7px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.btn-bulk-actions-go {
    display: block;
    z-index: 0;
    margin-left: -10px;
}

.btn-bulk-actions-go .btn-default {
    background: #f9fbfc;
    padding: 4px 12px 4px 30px;
}

.input-group-btn.btn-bulk-actions-go .btn.btn-default {
    line-height: 16px;
    padding: 6px 7px 4px 15px;
    border: 1px solid #aaaaaa;
    background: #aaaaaa;
    color: #fff;
}

.view-panel .input-group-btn.bulk-actions.open .dropdown-toggle .caret {
    border-top: 7px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.cross-icon {
    width: 30px;
    height: 30px;
    background-position: 7px -349px;
    display: block;
    opacity: 1;
}

.right-slide {
    opacity: 1;
}

.upload-data-path {
    font-size: 11px;
    color: #999999;
}

.right-panel-ct {
    padding: 15px;
}

.uploading-data .progress {
    margin: 7px 0 7px 0;
    height: 7px;
    border-radius: 20px;
}

.data-upload-name {
    padding: 10px 0;
    color: #666666;
}

.uploading-data .close {
    float: none;
    display: inline-block;
    background: #aaaaaa;
    color: #fafafa;
    opacity: 1;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    vertical-align: middle;
    font-weight: normal;
    font-size: 14px;
}

.uploading-data {
    margin-bottom: 20px;
}

.progress-bar {
    background-color: #213196;
}

.fpoint {
    width: 1px;
    height: 1px;
    position: absolute;
    margin-left: -1px;
}

.filterprogress-block {
    height: 6px;
    border-radius: 4px;
    width: 100%;
    position: relative;
}

.p1 {
    left: 0;
    margin-left: 0;
}

.p2 {
    left: 20%;
}

.p3 {
    left: 40%;
}

.p4 {
    left: 60%;
}

.p5 {
    left: 80%;
}

.p6 {
    left: 100%;
}

.pointscrore {
    width: 28px;
    height: 12px;
    position: absolute;
    top: 30px;
    margin-left: -14px;
    margin-top: -6px;
    font-size: 11px;
    color: #aaaaaa;
}

.p1 .pointscrore {
    margin-left: 0px;
    margin-top: -6px;
}

.p6 .pointscrore {
    margin-right: 0;
    margin-top: -6px;
    right: 0;
    text-align: right;
}

.pro-bar {
    background: #880e4f;
    position: absolute;
    height: 6px;
    border-radius: 4px;
}

.filter-slider {
    background: #880e4f;
    width: 16px;
    height: 16px;
    position: absolute;
    border-radius: 20px;
    margin-top: -5px;
    z-index: 5;
    cursor: pointer;
}

.type_fast {
    left: 0;
    margin-left: -8px;
}

.type_last {
    right: 0;
    margin-right: -8px;
}

.ckh-blk {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    background-position: -3px -408px;
    margin: 0 10px 0 5px;
}

.ckh-blk.active {
    background-position: -3px -458px;
}

.uploading-container {
    width: auto;
    right: 15px;
    position: fixed;
    bottom: 0;
    z-index: 555555;
    min-width: 460px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.uploading-content {
    background: #fff;
    max-height: 270px;
    overflow: auto;
    padding: 15px 20px 30px;
}

.uploading-container .page-title {
    background: #3f51b5;
    color: #fff;
    border-radius: 4px 4px 0 0;
    padding: 7px 20px;
}

.upload-status-icon {
    border-radius: 20px;
    background-color: #fff;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: relative;
}

.upload-text {
    color: #fff;
    font-size: 13px;
}

.error-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    background-position: -76px -403px;
    display: block;
    left: 50%;
    top: 50%;
}

.title-btn-area {
    float: right;
    padding-left: 20px;
    padding-right: 10px;
}

.caret.maximize {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -15px;
    padding: 2px 9px;
    cursor: pointer;
    margin-left: 0;
}

.caret.maximize:before {
    content: "\f068";
    font: normal normal normal 14px/1 FontAwesome;
}

.caret.manimize {
    line-height: 26px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 0;
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -15px;
    margin-left: 0;
    padding: 2px 9px;
    cursor: pointer;
}

.caret.manimize:before {
    content: "\f106";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 19px;
}

.uploading-data .play {
    float: none;
    display: inline-block;
    background: #aaa;
    color: #fafafa;
    opacity: 1;
    width: 18px;
    height: 18px;
    border-radius: 20px;
    vertical-align: middle;
    font-weight: normal;
    font-size: 14px;
    border: 0;
}

.play .glyphicon {
    left: 5px;
    font-size: 14px;
    top: 2px;
}

.play .glyphicon-play:before {
    font-size: 10px;
}

.loading-control {
    margin-right: 10px;
    float: left;
}

.loading-control-text {
    float: right;
}

.loading-control-text strong {
    margin-left: 25px;
    color: #666666;
    font-size: 14px;
    font-weight: normal;
}

.loading-control button:hover {
    background-color: #880e4f;
}

.uploading-data.error {
    color: #ff0000;
}

.uploading-data.error .progress-bar {
    background-color: #ff0000;
}

.uploading-data.error .upload-data-path {
    color: #ff0000;
}

.file-no,
.file-size {
    padding: 0 15px 0 0px;
    display: inline-block;
}

.input-group-btn.button-dep {
    border-right: 1px solid #e5e7e7;
}

.btn.all-btn-toc {
    padding: 7px 8px 7px 5px !important;
}

.btn.all-btn {
    padding: 8px 5px 9px 12px !important;
    font-size: 12px !important;
    color: #666666 !important;
}

.input-group-btn.button-dep:hover .btn.all-btn {
    color: #3f51b5 !important;
}

.btn.btn-search .glyphicon-search {
    color: #606F70;
}

.toc-panel-container .live ol {
    margin: 0;
}

.toc-panel-container .live .page-title {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    font-size: 20px
}

.toc-panel-right {
    width: 110px;
    float: right;
    height: 100%;
    background-color: #1c2227;
    position: relative;
    z-index: 9;
}

.toc-panel-left {
    border: 1px solid #dddddd;
    background-color: #fff;
    width: 100%;
    height: 100vh;
}

.tocmenu-block {
    color: #4a4c54;
    font-size: 10px;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

.tocmenu-icon {
    height: 34px;
    width: 34px;
    margin: 0 auto;
    padding: 0;
}

.tocmenu-name {
    display: inline-block;
    position: relative;
    padding-top: 8px;
    font-size: 10px;
    text-transform: uppercase;
    color: #cccccc;
}

.Edit-Project {
    background-position: -64px -450px;
}

.Manage-Assets {
    background-position: -153px -451px;
}

.Manage-Patterns {
    background-position: -247px -451px;
}

.Manage-Video {
    background-position: -430px -451px;
}

.Manage-Users {
    background-position: -337px -451px;
}

.Copy-Project {
    background-position: -430px -390px;
}

.Manage-classification {
    background-position: -429px -451px;
}

.Comments-Project {
    background-position: -337px -390px;
}

.Usage-Dashboard {
    background-position: -247px -390px;
}

.tocmenu-block:hover,
.tocmenu-block.active {
    background-color: #303f9f;
}

.tocmenu-block:hover .tocmenu-name,
.tocmenu-block.active .tocmenu-name {
    color: #fff;
}

.lirow .btn.btn-default {
    background-color: #fff;
    border-radius: 50%;
    display: table-cell;
    height: 25px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 25px;
}

.toc-outer.tocRowHover .btn.btn-default {
    background-color: #fff;
    border: 1px solid #ddd;
}

.lirow:hover .btn.btn-default {
    background-color: #fff;
    border: 1px solid #ddd;
}

.live .ui-sortable li {
    cursor: default !important;
}

.lirow:hover .btn.btn-default .glyphicon {
    color: #666;
}

.modal .toccontent-container .ui-sortable,
.modal .live .toccontent-container ol {
    background: none;
    position: relative;
}

.modal .toccontent-container .ui-sortable:before,
.modal .live .toccontent-container ol:before {
    left: 5px;
    content: "";
    background-color: #673ab7;
    width: 2px;
    height: 100%;
    position: absolute;
}

.modal .live .ui-sortable li {
    cursor: default !important;
    padding: 0 8px 0 0px;
}

.modal .live .ui-sortable li li {
    cursor: default !important;
    padding: 0 0px 0 10px;
}

.modal .live input,
.modal .live .shadow input {
    height: auto;
    margin: 4px 0 0;
}

.modal .toc-panel-left {
    border: 0;
}

.modal .toccontent-container {
    max-height: 300px;
    overflow: auto;
}

.modal .lirow {
    background: #eee;
    border: 1px solid #ddd;
    color: #000;
    padding: 5px;
}

.modal .lirow a {
    color: #000;
}

@-webkit-keyframes moveToLeft {
    from {}
    to {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes moveToLeft {
    from {}
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveToRight {
    from {}
    to {
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveToRight {
    from {}
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveFromRight {
    from {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes moveToTop {
    from {}
    to {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes moveToTop {
    from {}
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToBottom {
    from {}
    to {
        -webkit-transform: translateY(100%);
    }
}

@keyframes moveToBottom {
    from {}
    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
}

@keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-webkit-keyframes fade {
    from {}
    to {
        opacity: 0.3;
    }
}

@keyframes fade {
    from {}
    to {
        opacity: 0.3;
    }
}

@-webkit-keyframes moveToLeftFade {
    from {}
    to {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
    }
}

@keyframes moveToLeftFade {
    from {}
    to {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveFromLeftFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
    }
}

@keyframes moveFromLeftFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@-webkit-keyframes moveToRightFade {
    from {}
    to {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveToRightFade {
    from {}
    to {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes moveFromRightFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
    }
}

@keyframes moveFromRightFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@-webkit-keyframes moveToTopFade {
    from {}
    to {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
    }
}

@keyframes moveToTopFade {
    from {}
    to {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveFromTopFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
    }
}

@keyframes moveFromTopFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToBottomFade {
    from {}
    to {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
    }
}

@keyframes moveToBottomFade {
    from {}
    to {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-webkit-keyframes moveFromBottomFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
    }
}

@keyframes moveFromBottomFade {
    from {
        opacity: 0.3;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.pt-page-scaleDown {
    -webkit-animation: scaleDown .7s ease both;
    animation: scaleDown .7s ease both;
}

.pt-page-scaleUp {
    -webkit-animation: scaleUp .7s ease both;
    animation: scaleUp .7s ease both;
}

.pt-page-scaleUpDown {
    -webkit-animation: scaleUpDown .5s ease both;
    animation: scaleUpDown .5s ease both;
}

.pt-page-scaleDownUp {
    -webkit-animation: scaleDownUp .5s ease both;
    animation: scaleDownUp .5s ease both;
}

.pt-page-scaleDownCenter {
    -webkit-animation: scaleDownCenter .4s ease-in both;
    animation: scaleDownCenter .4s ease-in both;
}

.pt-page-scaleUpCenter {
    -webkit-animation: scaleUpCenter .4s ease-out both;
    animation: scaleUpCenter .4s ease-out both;
}

@-webkit-keyframes scaleDown {
    from {}
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@keyframes scaleDown {
    from {}
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}

@-webkit-keyframes scaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@keyframes scaleUp {
    from {
        opacity: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8);
    }
}

@-webkit-keyframes scaleUpDown {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2);
    }
}

@keyframes scaleUpDown {
    from {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-webkit-keyframes scaleDownUp {
    from {}
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
    }
}

@keyframes scaleDownUp {
    from {}
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-webkit-keyframes scaleDownCenter {
    from {}
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
    }
}

@keyframes scaleDownCenter {
    from {}
    to {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
}

@-webkit-keyframes scaleUpCenter {
    from {
        opacity: 0;
        -webkit-transform: scale(.7);
    }
}

@keyframes scaleUpCenter {
    from {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
}

.popup-boxes .group {
    position: relative;
}

.popup-boxes input {
    font-size: 14px;
}

.popup-boxes label {
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 35px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    display: none;
}
.popup-boxes label.sr-only {
    display: block;
}
.popup-boxes .adv-search label.form-fld-title {
    position: initial;
    font-weight: bold;
    display: block
}
.sub-title {
    background: #f6f6f6;
    border-bottom: 1px solid #eee;
    padding: 7px 15px;
    font-size: 13px;
}

.popup-boxes .group {
    padding: 10px 20px 10px;
}

.teacher-editable-area {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #eee;
}

.teacher-editable-area.no-border {
    border-bottom: 0;
}

.px-15 {
    padding: 0 15px;
}

.popup-boxes .teacher-editable-area .cmn-toggle+label {
    left: auto;
    top: auto;
    position: relative;
    display: block;
    pointer-events: auto;
    opacity: 1;
    width: 30px;
    height: 16px;
}

.header-m {
    background: #4D6BE8;
    color: #fff;
    font-size: 21px;
    border-radius: 4px 4px 0 0;
}
.header-m .modal-title {
    font-size: 21px;
}

.header-m .close {
    width: 35px;
    height: 35px;
    color: #fff;
    opacity: 1;
    font-size: 26px;
    FONT-WEIGHT: NORMAL;
}

.btn.btn-warning {
    background: #fff;
    color: #999999;
    border: 1px solid #999999;
    border-radius: 20px;
    text-transform: uppercase;
}

.btn.btn-warning:hover {
    background: #999999;
    color: #fff;
    border: 1px solid #999999;
}

.login_section .label-danger {
    border-radius: 0;
    font-size: 15px;
    text-shadow: inherit;
    font-weight: 400;
}

@-webkit-keyframes inputHighlighter {
    from {
        background: #3f51b5;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #3f51b5;
    }
    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #3f51b5;
    }
    to {
        width: 0;
        background: transparent;
    }
}

.from-container-bx {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 15px 15px;
}

.from-container-bx textarea.form-control {
    min-height: 108px;
    resize: none;
}

.form-tab-heading {
    position: relative;
    margin-bottom: 20px;
}

.verticle-hr {
    background: #b2b2b2;
    height: 1px;
    width: 100%;
    position: absolute;
    margin-top: -0.5px;
    top: 50%;
}

.tab-name {
    background: #fff;
    display: inline-block;
    position: relative;
    padding-right: 5px;
    font-family: 'Lato', sans-serif;
}

.form-group label {
    color: #222;
    font-weight: 400;
}

.add-from-container {
    padding-right: 40px;
    position: relative;
}

.add-from {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 0;
    background: none;
    border: 0;
}

.add-from .glyphicon-plus-sign:before {
    font-size: 24px;
    line-height: 30px;
    color: #bfc0c3;
}

.add-from:hover .glyphicon-plus-sign:before {
    color: #673ab7;
}

.btn.btn-default {
    border-radius: 3px;
    border-color: #ddd;
    color: #58666e;
    font-weight: 600;
    font-size: 13px;
    background: #fff;
    padding: 7px 12px;
}

.btn.btn-default:hover {
    background: #eee;
    color: #444;
    border-color: #bbb;
}

.btn.btn-default2 {
    border-radius: 3px;
    border-color: #ddd;
    color: #58666e;
    font-weight: 600;
    font-size: 11px;
    background: #fff;
    padding: 4px 12px;
    margin-top: 3px;
}

.btn.btn-default2:hover {
    background: #eee;
    color: #444;
    border-color: #bbb;
}

.from-container tr:hover td {
    background: #fcffcc;
    position: relative;
    cursor: default;
}

.from-container th {
    background: #efefef;
    border-bottom: 2px solid #e5e5e5;
    border-top: 1px solid #d7d7d7;
    color: #262a2d;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 25px;
}

.table-content {
    margin: 20px 0;
}

.from-container-bx td {
    padding: 5px 25px;
}

.right-alignment {
    text-align: center;
}

.from-container-bx tr:hover td:first-child {
    border-radius: 0px;
}

.product-inner {
    margin-bottom: inherit;
}

.live .glyphicon.glyphicon-expand:before {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #777;
    border-right: 5px solid transparent;
    content: "";
    display: block;
    position: relative;
    left: 2px;
}

.live .glyphicon.glyphicon-collapse-down:before {
    width: 0;
    height: 0;
    border-top: 5px solid #777;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    display: block;
    position: relative;
    top: 2px;
}

.toc-panel-container .live li {
    padding: 2px 0px 2px 18px;
    background: none;
}

.lirow {
    padding: 5px 0;
    border: 1px solid transparent;
    font-size: 13px
}

.toc-panel-container .live .ui-state-highlight {
    border: 1px dashed #b2b2b2;
    background: #fcffcc;
}

.toc-panel-container .live ol {
    background: #fff;
}

.lirow:hover .drag-icn {
    opacity: 1
}

.border {
    background: #e7e7e7;
    position: relative;
    margin: 0 -15px;
    height: 1px;
}

.info-img-dt {
    color: #999999;
    font-size: 12px;
    padding-bottom: 13px;
    padding-top: 5px;
}

.info-img-dt p {
    margin: 5px 0;
}

.info-img-dt strong {
    color: #333333;
}

.info-row .lebel1 {
    width: 55px;
    font-size: 14px;
    float: left;
    font-weight: normal;
    padding: 5px 0;
    margin: 0;
}

.info-row {
    padding: 7px 0;
}

.row-input {
    border: 1px solid #ececec;
    padding: 4px 3px;
    width: 100%;
    color: #999999;
}

.info-row-input {
    overflow: hidden;
}

.info-row .lebel2 {
    font-size: 14px;
    float: left;
    font-weight: normal;
    padding: 5px 0;
    margin: 0 12px 0 0;
}

.row-input2 {
    width: 46px;
    border: 1px solid #ececec;
    padding: 4px 3px;
    color: #999999;
    float: left;
}

.into-icon {
    padding: 5px 5px;
    text-align: center;
    color: #999999;
    font-size: 14px;
}

.date-picker {
    width: 30px;
    height: 30px;
    float: right;
    background-color: transparent;
    border: 0;
    background-position: -69px -349px;
}

.info-footer-option {
    text-align: right;
    padding: 12px 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, .1);
}

.right-panel-ct {
    max-height: 400px;
    overflow: auto;
}

.info-block-panel.general input {
    background: none;
    border: 0;
}

.fancy-input,
.fancy-select {
    padding-top: 20px;
    padding-bottom: 20px;
}

.fancy-input input {
    color: #666666;
    font-size: 14px;
    border-bottom: 1px solid #b2b2b2 !important;
    border: 0;
}

.fancy-select select {
    border-bottom: 1px solid #b2b2b2 !important;
    border: 0;
    padding: 4px 3px;
    width: 100%;
    color: #999999;
}

.filter-ps-title {
    font-size: 14px;
    color: #333333;
    line-height: 20px;
    padding: 5px 0;
    margin: 0;
}

.filterprogress {
    background: #e5e5e5;
    border-radius: 4px;
    height: 6px;
    width: 100%;
    margin: 16px 0 60px;
}

.filterprogress .point {
    width: 1px;
    height: 1px;
    margin-left: 10%;
    float: left;
}

.butoonbtn {
    font-family: 'Lato', sans-serif;
}

.update_profile_container {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #ffffff;
    padding: 20px;
}

.profile_heading {
    position: relative;
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.heading_line {
    height: 1px;
    background: #b2b2b2;
    width: 100%;
    position: absolute;
    margin-top: -0.5px;
    top: 50%;
    color: #333333;
}

.profile_heading span {
    background: #fff;
    padding-right: 7px;
    display: inline-block;
    position: relative;
}

.update_profile_form .form-group .col-md-6 {
    padding-left: 0;
}

.inputtype2 {
    margin-bottom: 19px;
}

.uploaded-photo {
    width: 100px;
    height: 100px;
    float: left;
    margin-right: 20px;
}

.uploaded-photo img {
    border: 3px solid #efefef;
}

.file-input {
    float: left;
    width: 40%;
}

.btn-default {
    border-radius: 20px;
    padding: 6px 20px 4px;
    text-transform: uppercase;
}

.uploaded-row {
    margin-bottom: 50px;
}

.fileinput-remove-button.btn.btn-default {
    border-radius: 5px;
    text-transform: none;
}

.btn.btn-primary.btn-file {
    background: #3f51b5;
    border: 1px solid #3f51b5;
    border-radius: 5px;
    font-size: 14px;
    text-transform: none;
}

.file-input {
    overflow-x: auto;
}

.file-loading {
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
    font-size: 999px;
    text-align: right;
    color: #fff;
    background: transparent url('../img/loading.gif') top left no-repeat;
    border: none;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    text-align: right;
    opacity: 0;
    filter: alpha(opacity=0);
    background: none repeat scroll 0 0 transparent;
    cursor: inherit;
    display: block;
}

.file-caption .glyphicon {
    display: inline-block;
    min-width: 18px;
    float: left;
    margin-top: 2px;
}

.file-caption-name {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.file-error-message {
    background-color: #f2dede;
    color: #a94442;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
}

.file-caption-disabled {
    background-color: #EEEEEE;
    cursor: not-allowed;
    opacity: 1;
}

.file-input .btn[disabled],
.file-input .btn .disabled {
    cursor: not-allowed;
}

.file-preview {
    border-radius: 5px;
    border: 1px solid #ddd;
    padding: 5px;
    width: 100%;
    margin-bottom: 5px;
}

.file-preview-frame {
    display: table;
    margin: 8px;
    height: 100px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 5px 0px #a2958a;
    padding: 6px;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.file-preview-frame:hover {
    background-color: #eee;
    box-shadow: 2px 2px 5px 0px #333;
}

.file-preview-image {
    height: 160px;
    vertical-align: text-center;
}

.file-preview-text {
    display: table-cell;
    width: 160px;
    height: 160px;
    color: #428bca;
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
}

.file-preview-other {
    display: table-cell;
    width: 160px;
    height: 160px;
    font-family: Monaco, Consolas, monospace;
    font-size: 11px;
    vertical-align: middle;
    text-align: center;
}

.file-input-new .file-preview,
.file-input-new .close,
.file-input-new .glyphicon-file,
.file-input-new .fileinput-remove-button,
.file-input-new .fileinput-upload-button {
    display: none;
}

.loading {
    background: transparent url('../img/loading.gif') no-repeat scroll center center content-box !important;
}

.wrap-indicator {
    font-weight: bold;
    color: #245269;
    cursor: pointer;
}

.settings-list {
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}

.settings-list li a {
    border-bottom: 2px solid #e5e5e5;
    font-size: 16px;
    color: #262a2d;
    font-weight: normal;
    background: #fff;
    border-top: 0;
    padding: 10px 20px;
    display: block;
    text-decoration: none;
}

.package_Drop_container {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
}

.drop-box-container {
    border: 5px dashed #e1e1e1;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 10px;
    min-height: 188px;
    position: relative;
}

.drop-hints {
    height: 100px;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-top: -50px;
    margin-left: -100px;
    width: 200px;
    font-size: 18px;
    color: #e0e0e0;
}

.upload-img {
    padding-top: 15px;
    width: 82px;
    height: 68px;
    position: absolute;
    left: 50%;
    top: 65%;
    margin-top: -34px;
    margin-left: -41px;
    background-position: -156px -350px;
}

.orclass {
    color: #880e4f;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}

.btn-green {
    background: rgba(26, 126, 60, 0.8);
    border: 1px solid #319e57;
    border-radius: 20px;
    padding: 6px 20px 4px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    margin-top: 130px;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
    color: #fff;
    background-color: #197e3c;
    border-color: #197e3c;
}

.btn-lightblue {
    background: #0d84b2;
    border: 1px solid #0d84b2;
    border-radius: 20px;
    padding: 6px 20px 4px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
}

.btn-lightblue:hover,
.btn-lightblue:focus,
.btn-lightblue:active,
.btn-lightblue.active {
    color: #fff;
    background-color: #096999;
    border-color: #096999;
}

.modal-content-container {
    padding: 20px 15px 0px;
}

.modal-content-container .box-theme-title {
    text-align: center;
    margin-bottom: 20px;
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
}
.upload-img .glyphicon.glyphicon-download {
    font-size: 40px;
}

.from-container-row.glossary_editor {
    padding: 0;
}
.editor-loader {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: #000;
    opacity: 0.8;
    z-index: 99
}

.editor-loader::before {
    content: "Initializing...";
    color: #FFF;
    font-size: 16px;
    line-height: 41;
    text-align: center;
    padding-left: 665px;
}

.package_Drop_container {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
}

.drop-box-container {
    border: 5px dashed #e1e1e1;
    max-width: 400px;
    margin: 0 auto;
    border-radius: 10px;
    min-height: 188px;
    position: relative;
}

.drop-hints {
    height: 100px;
    position: absolute;
    left: 50%;
    top: 40%;
    margin-top: -50px;
    margin-left: -100px;
    width: 200px;
    font-size: 18px;
    color: #e0e0e0;
}

.upload-img {
    padding-top: 15px;
    width: 82px;
    height: 68px;
    position: absolute;
    left: 50%;
    top: 65%;
    margin-top: -34px;
    margin-left: -41px;
    background-position: -156px -350px;
}

.orclass {
    color: #880e4f;
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}

.btn-green {
    background: rgba(26, 126, 60, 0.8);
    border: 1px solid #319e57;
    border-radius: 20px;
    padding: 6px 20px 4px;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    margin-top: 130px;
}

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active {
    color: #fff;
    background-color: #197e3c;
    border-color: #197e3c;
}
.modal-content-container {
    padding: 20px 15px 20px;
    background: #fff;
}

.modal-content-container .box-theme-title {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
}

.modal-header {
    padding: 15px 15px;
    border-bottom: 1px solid #eee;
}

.modal-header h3 {
    margin: 0;
    line-height: 30px;
}

.modal-content-container .box-theme:hover .images-select {
    display: block;
}

.box-theme.active .overlay {
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 5px;
}

@-moz-keyframes selectbxbtm {
    0% {
        height: 0;
    }
    100% {
        height: 10px;
    }
}

@-webkit-keyframes selectbxbtm {
    0% {
        height: 0;
    }
    100% {
        height: 10px;
    }
}

@keyframes selectbxbtm {
    0% {
        height: 0;
    }
    100% {
        height: 10px;
    }
}

@keyframes selectbxtop {
    0% {
        height: 0;
    }
    50% {
        height: 0;
    }
    100% {
        height: 20px;
    }
}

@-webkit-keyframes selectbxtop {
    0% {
        height: 0;
    }
    50% {
        height: 0;
    }
    100% {
        height: 20px;
    }
}

@-moz-keyframes selectbxtop {
    0% {
        height: 0;
    }
    50% {
        height: 0;
    }
    100% {
        height: 20px;
    }
}

.images-select {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
    margin-top: -10px;
    z-index: 55;
    display: block;
}

.images-select input[type=checkbox] {
    display: none;
}

.images-select .check-box {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 2px solid transparent;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
}

.images-select .check-box::before,
.images-select .check-box::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    height: 0;
    width: 3px;
    background-color: #34b93d;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-radius: 5px;
    content: ' ';
    -webkit-transition: opacity ease .5;
    -moz-transition: opacity ease .5;
    transition: opacity ease .5;
}

.images-select .check-box::before {
    top: 13px;
    left: 8px;
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.images-select .check-box::after {
    top: 6px;
    left: 1px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.box-theme.active .images-select .check-box.checked {
    border-color: #34b93d;
    background: #fff;
}

.box-theme.active .images-select .check-box.checked::after {
    height: 25px;
    -moz-animation: selectbxbtm 0.2s ease 0s forwards;
    -o-animation: selectbxbtm 0.2s ease 0s forwards;
    -webkit-animation: selectbxbtm 0.2s ease 0s forwards;
    animation: selectbxbtm 0.2s ease 0s forwards;
}

.box-theme.active .images-select .check-box.checked::before {
    height: 40px;
    -moz-animation: selectbxtop 0.4s ease 0s forwards;
    -o-animation: selectbxtop 0.4s ease 0s forwards;
    -webkit-animation: selectbxtop 0.4s ease 0s forwards;
    animation: selectbxtop 0.4s ease 0s forwards;
}

.upload-img .glyphicon.glyphicon-download {
    font-size: 40px;
}

.modal-content {
    border: 0;
    overflow: hidden;
}

.modal-content .inner-modal-content {
    background-color: #fff;
    padding: 20px 0;
}

.modal-footer {
    background: #fff;
    margin: 0;
    border-radius: 0 0 6px 6px;
}
.modal-footer.remove-before-after::before,
.modal-footer.remove-before-after::after {
    display: none;
}

.box-theme p.icon-links a:active,
.box-theme p.icon-links a.active {
    box-shadow: none;
}

.pattern-list-container .page-title {
    box-shadow: none;
    border-bottom: 1px solid #ddd;
}

.grid-view-asstes .from-container-row {
    border: 1px solid #ddd;
    border-top: 0;
}

.lists-view-asstes .from-container-row {
    background-color: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    padding: 0;
}

.search-area .input-group .input-group-btn .btn-search.advance-btn {
    background: none !important;
    border: 0 !important;
    text-transform: none;
    color: #fff;
}

.search-area .input-group .input-group-btn .btn.btn-search {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.adv-search-no {
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #39b54a;
    color: #fff;
    border-radius: 50%;
    font-weight: normal;
}

.from-container-row {
    padding: 20px 15px;
    overflow: hidden;
}

.sweet-alert button.confirm:focus {
    outline: 1px solid transparent !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(50 100 150 / 40%) !important;
}

.swal2-popup .swal2-styled:focus {
    outline: 1px solid transparent !important;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgb(50 100 150 / 40%);
}
.mcss-wrapper .panel-heading a {
    padding: 10px 15px;
    display: block;
}
.preview-popup .body-panel {
    background-color: #f7f9fa;
    overflow: auto;
    display: table;
    width: 100%;
}
.preview-popup .body-panel .left-container{
    background-color: #F7F9FA;
    display: table-cell;
    float: none;
    word-wrap: break-word;
    white-space: normal;
    vertical-align: top;
    padding-top: 50px;
}
.preview-popup .body-panel .right-container{
    display: table-cell;
    float: none;
    background-color: #fff;
    padding-left: 0;
}
.preview-popup .body-panel .left-container .panel-holder{ text-align: center;padding: 10px 0px;}
.preview-popup .body-panel .right-container .top-panel {
    overflow: auto;
    border-bottom: 1px solid #eeeeee;
}
.preview-popup .body-panel .right-container .content-inner-holder {
    border-left: 1px solid #eeeeee;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
    padding-left: 10px;
    height: 100%;
}
.preview-popup .body-panel .right-container .top-panel button {
    border: 0px;
    box-shadow: none;
    background: transparent;
    font-size: 20px;
    color: #616161;
    margin-top: 5px;
}
.preview-popup .body-panel .right-container .top-panel button i {
    margin-top: 3px;
    font-size: 32px;
}
.preview-popup .body-panel .right-container .top-panel button:hover i{color: #683AB7;}
.preview-popup .body-panel .right-container .top-panel button.disabled{color: #DCDCDC;}
.preview-popup .body-panel .right-container .top-right-div01{ margin-top: 10px;}
.preview-popup .body-panel .right-container .top-right-div01 button {
    border: 0px;
    background: transparent;
    color: #42526E;
}
.preview-popup .body-panel .right-container .top-right-div01 button:hover{color: #683AB7;}

.preview-popup .body-panel .right-container h2{color: #683AB7;clear: both; word-break: break-all;}
.preview-popup .body-panel .right-container .rc-inner{
margin-top: 20px;
    clear: both;
}
.preview-popup .body-panel .right-container .rc-inner p.title{ margin-bottom: 5px;}
.preview-popup .body-panel .right-container .rc-inner textarea{
    width: 100%;
    min-height: 70px;
    border: 1px solid #ddd;
    padding: 5px;
        resize: vertical;
}
.preview-popup .body-panel .right-container .rc-inner textarea.alt{
  height: 33px;
        min-height: 30px;
}
.preview-popup .body-panel .right-container h5{
    text-transform: uppercase;
    color: #683AB7;
    font-size: 16px;
    margin-top: 20px;
}
.preview-popup .body-panel .right-container .metadata-tab .nav.nav-tabs>li>a,
.preview-popup .body-panel .right-container .metadata-tab .nav-tabs>li.active>a:hover,
.preview-popup .body-panel .right-container .metadata-tab .nav.nav-tabs>li:hover a,
.preview-popup .body-panel .right-container .metadata-tab .nav.nav-tabs>li.active:hover a,
.preview-popup .body-panel .right-container .metadata-tab .nav.nav-tabs>li.active a,
.preview-popup .body-panel .right-container .metadata-tab .nav.nav-tabs>li.active:focus a{ text-transform: capitalize;}
.preview-popup .body-panel .right-container .metadata-tab > ul {
    padding: 0px;
    background: transparent;
    border-bottom: 1px solid #DCDCDC;
}
.preview-popup .body-panel .right-container .metadata-tab ul.nav.nav-tabs>li.active {
    border-bottom: 2px solid #683AB7;
}
.preview-popup .body-panel .right-container .metadata-tab ul.nav.nav-tabs>li.active a {
    color: #090909 !important;
}
.preview-popup .body-panel .right-container .metadata-tab ul.nav.nav-tabs>li {
    border-bottom: 0px;
}
.preview-popup .body-panel .right-container .metadata-tab ul.nav.nav-tabs>li:hover {
    border-bottom: 2px solid #683AB7;
}
.preview-popup .body-panel .right-container .metadata-tab ul.nav.nav-tabs>li:first-child a{padding-left: 0;}
.preview-popup .body-panel .right-container .metadata-tab ul li a {
    font-weight: bold;
    color: #616161 !important;
}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .tab-content-wrap{overflow: auto; margin-top: 10px;}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .tab-content-wrap > div{float: left;}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .tab-content-wrap > div:first-child{font-weight: bold;width: 140px;}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .kvp-div{ overflow: auto; margin: 10px 0px;}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .kvp-div .kvp-content {
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 30px 0px 10px;
    position: relative;
}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .kvp-div .kvp-content.success {
    background-color: #DBEED4;
    color: #3D744C;
}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .kvp-div .kvp-content .right-close {
    position: absolute;
    right: 9px;
    top: 9px;
    font-size: 14px;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    height: 24px;
    width: 25px;
}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .kvp-div .kvp-content .right-close i.material-icons{
    font-size: 14px;
    position: absolute;
    top: 5px;
    right: 6px;
}

.preview-popup .body-panel .right-container .metadata-tab .tab-content button.add{
    background: #006EFF;
    color: #fff;
    text-transform: capitalize;
    box-shadow: none;
    text-shadow: none;
    height: 26px;
    line-height: 10px;
    width: 50px;
}

.preview-popup .body-panel .right-container .metadata-tab .tab-content .kvp-field-outer{margin-bottom: 10px;}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .kvp-field-outer .kvp-field-inner{display: inline-block;}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .kvp-field-outer .kvp-field-inner select {
    width: 195px;
    margin-right: 10px;
    padding: 5px;
}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .kvp-field-outer .kvp-field-delete{display: inline-block;}
.preview-popup .body-panel .right-container .metadata-tab .tab-content .kvp-field-outer .kvp-field-delete button {
    color: #616161;
    font-size: 16px;
}
.preview-popup .body-panel .right-container .top-right-div01 button.cancel{
    background: #EAEFF1;
    color: #090909;
    font-size: 16px;
    text-transform: capitalize;
    margin-right: 10px;
}
.preview-popup .body-panel .right-container .top-right-div01 button.cancel:hover{color: #090909;}

.preview-popup .body-panel .right-container .top-right-div01 button.update{
    background: #006EFF;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
}
.preview-popup .body-panel .right-container .top-right-div01 button.update:hover{color: #fff;}

.preview-popup .body-panel .right-container .content-inner-holder button.replace{
    background: #4285F5;
    color: #fff;
    text-transform: capitalize;
    box-shadow: none;
    text-shadow: none;
}

.preview-popup .body-panel .right-container .content-inner-holder .file-upload {
    display: block;
    text-align: center;
        overflow: auto;
}
.preview-popup .body-panel .right-container .content-inner-holder .file-upload .file-select {
    display: block;
    height: 24px;
    line-height: 25px;
    text-align: left;
    position: relative;
}
.preview-popup .body-panel .right-container .content-inner-holder .file-upload .file-select .file-select-button {
    background: #4285F5;
    color: #fff;
    float: left;
    border-radius: 4px;
    width: 68px;
    line-height: 26px;
    text-align: center;
    height: 26px;
    margin-left: 20px;
        position: relative;
        overflow: hidden;
}
.preview-popup .body-panel .right-container .content-inner-holder .file-upload .file-select .file-select-name {
    color: #AFAFAF;
    float: left;
}
.preview-popup .body-panel .right-container .content-inner-holder .file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    left: inherit;
    opacity: 0;
    filter: alpha(opacity=0);
}
.preview-popup .body-panel .right-container .content-inner-holder .file-upload .file-select .custom-file-name{
    position: relative;
    float: left;
         padding: 4px;
    margin: 3px 10px 10px 5px;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.preview-popup .body-panel .right-container .content-inner-holder .file-upload .file-select .custom-file-name div{margin-right: 15px;}
 .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  margin-top: 20px;
}

.upload-btn-wrapper .uploadbtn {
    color: #090808;
    font-size: 13px;
    padding: 6px 12px;
    font-weight: bold;
    width: 103px;
    height: 26px;
    line-height: 12px;
    float: left;
    cursor: pointer;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.upload-btn-wrapper input[type=file] {
 font-size: 100%;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}

.upload-btn-wrapper .upload-text {
    color: #090808;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

.btn-newdelete{
    background: transparent !important;
    font-size: 16px;
    color: #616161;
}

.taxonomy-content{ margin: 20px 0px;}

.audio-description-holder {
    background: #fff;
    height: 100%;
    padding: 10px;
    color: #090808;
}
.audio-description-holder .audio-title{ font-size: 13px; color: #606060; margin-bottom: 0;}
.audio-description-holder .audio-tag {
    font-size: 22px;
    font-weight: bold;
    margin-top: 0;
    display: none;
}
.audio-description-holder .audio-content{font-size: 18px;}
.fs-11{font-size: 11px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}

.taxonomy_preview{position: relative;margin-bottom: 20px;}
.taxonomy_preview span:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #AEAEAE;
    left: 5px;
    top: 2px;
}
.taxonomy_preview > span {
    margin-left: 25px;
    display: block;
        margin-right: 22px;
}

.taxonomy_edit > .input-group-btn {
    position: absolute;
    right: 34px;
    top: 0;
}

.space-wrap{
   white-space: pre-wrap;
    word-break: break-word;
}
.from-container-row {
    padding: 5px 15px;
}
.adv-search .from-row-title {
    background: #eaeaea;
    border: 0 none;
    border-radius: 4px;
    font-size: 18px;
    margin-bottom: 25px;
    padding: 10px 20px 12px 10px;
}

.adv-search .form-group {
    position: relative;
}

.adv-search .from-row-title label {
    margin-bottom: 0;
    margin-top: 0;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
}

.filter-title {
    float: right;
    text-align: right;
}

.form-group.filter-title label {
    font-size: 13px;
    font-weight: 700;
}

.adv-search .display-block {
    display: block;
}

.form-fld-title {
    font-size: 15px;
    color: #333333;
    font-weight: 700;
}

.adv-search .input-group .form-control:last-child,
.adv-search .input-group .form-control:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.margin-bottom25 {
    margin-bottom: 25px;
}

.metadata-container {
    padding: 0 10px;
}

.ad-qtn {
    top: -2px;
    right: 10px;
}

.qtn-information {
    width: 30px;
    height: 30px;
    float: right;
    background-color: transparent;
    border: 0;
    text-indent: -999em;
    position: absolute;
    right: 4px;
    top: 2px;
}


.metad-data-cont .metadata-container label {
    font-weight: normal;
}

.qtn-row,
.form-group {
    position: relative;
}
.export-class{
    width: 100%;
}
.input-group-addon.adds-button {
    position: absolute;
    height: 37px;
    width: 36px;
    background-color: #30b55a;
    color: #fff;
    top: 22px;
    right: -32px;
    line-height: 27px;
    border: none;
    border-radius: 4px !important;
    cursor: pointer;
}

.input-group-addon.delete-button {
    position: absolute;
    height: 37px;
    width: 36px;
    background-color: #fd686b;
    color: #fff;
    top: 22px;
    right: -77px;
    z-index: 1000;
    line-height: 27px;
    border: none;
    border-radius: 4px !important;
    cursor: pointer;
}

.dropdown .btn {
    width: 100%;
}

.dropdown .btn-default {
    text-align: left;
}

.dropdown .caret {
    float: right;
    margin-top: 7px;
}

.advance-container .select2-container {
    width: 100%;
}

.info-block .form-group {
    margin-bottom: 0;
}

.advance-container .form-group label {
    font-weight: 700;
}

.advance-container button.btn.adv-btn-col {
    position: absolute;
    bottom: -2px;
    left: 50%;
    font-size: 13px;
    width: 90px;
    text-transform: none;
    border-radius: 4px 4px 0 0;
    padding: 4px 10px;
    background-color: #eee;
    margin-left: -45px;
}

.advance-container button.btn.adv-btn-col:hover {
    border-color: #ddd;
}

#project_preview .toc-panel-left.tc-cont .toccontent-container {
    margin-left: 0;
}

#project_preview .toc-panel-left.tc-cont .toccontent-container .lirow {
    padding: 0 0 0 20px;
}

#project_preview .toc-panel-left.tc-cont .toccontent-container .lirow .toggle {
    width: 20px;
    position: absolute;
    left: 0;
}

#project_preview .toc-panel-left.tc-cont .toccontent-container .toc-outer {
    position: relative;
    padding-left: 0px;
}

#project_preview .toc-panel-container .live li {
    padding-left: 0;
    background: none;
}

#project_preview .toc-panel-container .live li li {
    padding: 2px 0px 2px 10px;
    background: none;
}

.editassessment .dropdown-menu {
    position: relative;
}

.editassessment .dropdown-menu>li>a {
    white-space: normal;
    word-break: keep-all;
}

.editassessment .btn.btn-default {
    left: inherit;
    top: inherit;
    white-space: normal;
    word-break: keep-all;
}

#assessmentLoader pre {
    white-space: normal;
}

.editassessment li a {
    border-bottom: #e5e5e5 1px solid
}

.prediv {
    border: #e5e5e5 1px solid;
    background-color: #eee;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 7px 10px;
}

.editassessment li:last-child a {
    border-bottom: #e5e5e5 0px solid
}

.wordBreak {
    word-break: break-word;
    text-align: justify;
}



.btn-secondary {
    text-transform: uppercase;
    font-size: 13px;
    border-radius: 30px;
    padding: 6px 18px;
    background: #fff;
    border-color: #ddd;
    color: #555;
    margin-left: 7px;
}

.btn-secondary .glyphicon {
    font-size: 11px;
    left: -4px;
    color: #888;
}

.btn-secondary:hover {
    background: #eee
}

.footer-container {
    display: none;
}

.listing-page-wrapper-inner {
    border: 1px solid #dddddd;
    overflow: hidden;
}

.listing-page-wrapper-inner .page-title {
    margin-bottom: 8px;
}

.listing-page-wrapper-inner .assesment-data tr:hover td {
    background: #fcffcc;
    position: relative;
    cursor: pointer;
}

.listing-page-wrapper-inner .assesment-data .btn.btn-default {
    margin: 2px;
}

.listing-page-wrapper-inner .input-group.bulk-actions-wrapper {
    margin-left: 5px;
}

.grid-view-asstes .box-theme {
    margin: 5px;
}

.grid-view-asstes .theme-box-col {
    padding: 0;
}

.lirow .toc-plus.open .btn.btn-default,
.lirow .btn.btn-default:hover,
.lirow .btn.btn-default:focus {
    background-color: #0B71D8;
    border: 1px solid #0B71D8;
}

.btn.btn-default:hover .glyphicon.glyphicon-eye-open {
    top: -4px;
}

.sweet-alert button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px !important;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sweet-alert button.confirm {
    background: #455a65 !important;
    border: 1px solid #455a65 !important;
    padding: 5px 20px;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    padding: 7px 24px 8px;
    border-radius: 20px;
    outline: 0;
    transition: all ease-in-out 0.2s;
    font-family: 'Lato', sans-serif;
}

.sweet-alert button.confirm:hover,
.sweet-alert button.confirm:focus,
.sweet-alert button.confirm:active,
.sweet-alert button.confirm.active {
    color: #fff;
    background-color: #2e6bc7 !important;
    border-color: #2e6bc7 !important;
    outline: 1px solid transparent;
}

.sweet-alert button.cancel {
    background: #eaeeee !important;
    color: #384141 !important;
    border: 1px solid #eaeeee !important;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    padding: 7px 24px 8px !important;
    border-radius: 20px !important;
    outline: 0;
    font-family: 'Lato', sans-serif;
}


.sweet-alert button.cancel:hover,
.sweet-alert button.cancel:focus {
    background: #2e6BC714 !important;
    color: #2e6bc7 !important;
    border: 1px solid #2e6BC714 !important;
    outline: 1px solid transparent;
}
.sweet-alert button.cancel:focus-visible,
.sweet-alert button.cancel:focus:focus-visible{
    background-color: #2e6BC714 !important;
    border-color: #2e6bc7 !important;
    color: #2e6bc7 !important;
    outline: 1px solid transparent;
}

.sweet-alert.delete-node-exp button.confirm {
    border-radius: 50px !important;
    background: #455A65 !important;
    border-color: #455A65 !important;
    font-weight: bold;
    text-transform: capitalize !important;
    margin-bottom: 10px;
}

.sweet-alert.delete-node-exp button.confirm:hover, .sweet-alert.delete-node-exp button.confirm:focus {
    color: #fff !important;
    background-color: #2E6BC7 !important;
    border-color: #2E6BC7 !important;
    outline: 0 !important;
}

.sweet-alert.delete-node-exp button.cancel {
    border-radius: 50px !important;
    background: #EAEEEE !important;
    border-color: #EAEEEE !important;
    color: #455A65 !important;
    font-weight: bold;
    text-transform: capitalize !important;
    margin-bottom: 10px;
}

.sweet-alert.delete-node-exp button.cancel:hover,.sweet-alert.delete-node-exp button.cancel:focus  {
    background: #F8FAFA !important;
    border-color: #F8FAFA !important;
    color: #2E6BC7 !important;
    outline: 0 !important;
}
.sweet-alert.delete-node-exp button.cancel:focus {
    outline: 1px solid transparent !important;
}

.modal td .btn.btn-default {
    padding: 5px 18px 4px;
    font-size: 13px;
}
.modal .from-container td {
    padding: 5px 10px;
}

.modal .from-container th {
    padding: 10px 10px;
}

.modal .from-container-row {
    padding: 0 15px;
}

.modal .from-container {
    background: none repeat scroll 0 0 #fff;
    border-top: 0 none;
}

.modal .from-container td a:hover {
    text-decoration: none;
}

.page-user-footer {
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}

.btn-plus,
.btn-minus {
    border-radius: 4px;
    padding: 5px 10px;
    float: left;
    margin-right: 2px;
}

.page-user-body .from-container-row {
    padding: 15px 15px 0
}

.page-user-row [class*="col-"] {
    padding: 0 5px 0 0;
}

.btn-plus:before,
.btn-minus:before {
    font-size: 20px;
}

.tab-pane .ajax-content {
    position: inherit;
}

.tab-pane .from-container {
    border: 1px solid #e7e7e7;
    border-radius: 0px;
    background: #fff;
}

.toccontent-container {
    margin-right: 15px;
    position: relative;
    margin-left: 15px;
}

.toc-paginator {
    position: absolute;
    width: 100%;
    left: 0;
    top: 8px;
}

.drag_el.glyphicon:hover {
    color: #666;
    opacity: 1;
}

.uploading-container .page-title {
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
}

.uploading-container .glyphicon-remove {
    font-size: 12px;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 20px;
    line-height: 30px;
    text-align: center;
    top: 50%;
    margin-top: -15px;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

#showHideBtn {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 55px;
    line-height: 30px;
    text-align: center;
    top: 50%;
    margin-top: -15px;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

#showHideBtn:hover,
.uploading-container .glyphicon-remove:hover {
    background-color: rgba(0, 0, 0, 0.2)
}

#versionDropdown {
    width: auto;
    height: 53px;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 0px solid #ccc;
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
}

.btn.btn-primary[ng-click="addClass()"] {
    margin-right: 5px;
}

.created {
    padding: 2px 10px;
    font-size: 13px;
    text-align: left;
    color: #666666;
    min-height: 23px;
}

.type {
    position: absolute;
    top: -2px;
    right: 0;
    padding: 0;
    font-size: 13px;
    text-align: left;
    z-index: 1;
}

.type-code {
    background-color: #273238;
    color: #fff;
    padding: 2px 5px;
    font-size: 10px;
}


.box-theme p {
    margin-bottom: 5px;
}

.plmenu {
    text-align: left;
    border-top: 1px solid #f2f2f2;
    display: none;
    background: #f7f9f9;
}

.plmenu ul {
    margin-top: 10px;
    padding: 0;
}

.plmenu li a {
    padding: 5px 10px;
    display: block;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

.plmenu li:last-child a {
    border-bottom: 0;
}

.plmenu li .fa {
    padding-right: 5px;
    min-width: 16px;
    display: inline-block;
}

.box-theme.active .plmenu {
    display: block;
}

.box-theme.active .box-img-out {
    display: none;
}

.list-view .box-theme-title {
    overflow: inherit;
    height: auto;
    cursor: default;
}

.list-theme-title {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: normal;
    cursor: pointer;
}

.list-theme-title strong {
    font-weight: 500;
}

.list-theme-title:hover,
.grid-view .box-theme-title:hover,
.box-theme:hover .box-theme-title,
.list-view .theme-box-col:hover .list-theme-title,
.grid-view .box-theme-title:focus {
    color: #0B71D8;
}

.list-view .theme-box-col ul.list-btn {
    margin: 15px 0 0 0;
}

.admin-area {
    position: relative;
    padding: 0px 0 0px 10px;
    color: #fff !important;
    cursor: pointer;
}

.admin-area .admin-name {
    padding: 17px 0;
    color: #fff;
    display: inline-block;
}
.admin-area .admin-name:hover,
.admin-area .admin-name:focus{
    text-decoration: none;
}

.admin-area .dropdown-menu {
    background: #673ab7;
    border-color: rgba(0, 0, 0, .12);
    margin: 0;
    border-radius: 0 0 4px 4px;
    border-top: 0;
    top: 97%;
    right: -19px;
}

.admin-area .dropdown-menu li a {
    color: #eee;
    padding: 5px 10px;

}

.admin-area .dropdown-menu li a:hover,
.admin-area .dropdown-menu li a:focus {
    background-color: rgba(0, 0, 0, .20);
    color: #673ab7;
}

.block-img {
    width: 200px;
    height: 200px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    background: #fcfcfc;
    text-align: center;
}

.box-theme.active .book-toc-icon,
.book-toc-icon:hover {
    color: #673ab7;
}

.box-theme.active .box-theme-title{
    color: #273238;
}

.plmenu li a:hover,
.plmenu li a:focus {
    background-color: #fff;
    color: #673ab7;
}

.box-theme.active,
.box-theme:hover,
.list-view .theme-box-col:hover {
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
}

.admin-area .fa {
    margin-left: 5px;
}

.header div[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.notification {
    width: 48px;
    border: 0;
    background: none;
    height: 54px;
    font-size: 22px;
    color: #fff;
    border-left: 1px solid rgba(0, 0, 0, .30);
    border-right: 1px solid rgba(0, 0, 0, .30);
}

.admin {
    border-left: 1px solid rgba(0, 0, 0, .30);
}

.list-view .theme-box-col {
    background-color: #fff;
}

.list-view .theme-box-col div[class*="col-"],
.uploading-content .uploading-data div[class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}

.list-view .theme-box-col {
    padding: 0;
    height: 140px;
    box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
}

.list-view .theme-box-col .box-theme {
    display: block;
    box-shadow: none;
}

.list-create-name,
.list-create-date,
.list-create-tickets,
.list-create-comments {
    color: #666666;
    font-size: 14px;
}

.list-view .plmenu {
    display: block;
    background-color: #ffffff;
    height: 140px;
    box-shadow: inset 5px 0px 9px -6px rgba(0, 0, 0, 0.3);
}

.list-view .plmenu ul {
    list-style-type: none;
    display: block;
    margin-left: 5px;
}

.form-control.search-frm {
    border-radius: 3px 0 0 3px;
}

.admin-menu {
    display: inline-block;
    vertical-align: top;
    padding: 16px 12px 17px;
    cursor: pointer;
    border-left: 1px solid rgba(0, 0, 0, .30);
    margin-left: 10px;
}

.admin-menu.active {
    background-color: rgba(0, 0, 0, .12);
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, .1);
    box-shadow: inset 0 3px 7px rgba(0, 0, 0, .1);
}

.admin-menu a,
.admin-menu.active>a,
.admin-menu.active>a:hover,
.admin-menu.active>a:focus {
    color: #fff;
    position: relative;
    text-decoration: none;
}

.admin-menu a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    transform: translateY(-3px);
}

.admin-menu a:hover::after,
.admin-menu a:focus::after {
    height: 1px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.admin-menu.active>a::after,
.admin-menu.active>a::after {
    height: 1px;
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}

.list-create-description {
    margin-top: 10px;
    font-size: 14px;
}

.header,
.plmenu,
.created,
.list-create-name,
.list-create-date,
.list-create-tickets,
.list-create-comments,
.list-create-description,
.pause-btn,
.upload-cancel,
.upload-desc,
.uploaddetails,
.uploading-data {
    font-family: 'Lato', sans-serif !important;
}

.upload-desc {
    background-color: #f6f6f6;
    border-bottom: 1px solid #eeeeee;
    padding: 10px;
}

.pause-btn,
.upload-cancel {
    padding: 1px 5px;
    font-size: 13px;
    color: #1c2e92;
    text-transform: none;
    font-weight: bold;
    border: 0;
    background: none;
    text-shadow: none;
}

.play-btn,
.close-btn {
    background: none;
    border: 0;
}

.play-btn:hover,
.close-btn:hover {
    color: #fff;
}

.pause-btn:hover,
.upload-cancel:hover {
    color: #880e4f;
}

.uploaddetails {
    padding-right: 15px !important;
}

.grid-view-asstes .from-container-row {
    background-color: #fff;
}

.grid-view-asstes .list-create-name {
    text-align: left;
    padding: 1px 10px 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.asset-management-view .view-panel {
    padding: 0;
}

.asset-management-view .page-title {
    margin-bottom: 0;
}

.get-container .box-theme {
    width: 100%;
}

.get-container .modal-content-container div[class*="col-"] {
    width: 20%;
}

.get-container .box-theme-title {
    margin-bottom: 0;
    font-size: 14px;
}

.get-container {
    width: 150px;
    float: left;
    margin: 11px;
}

.box-img-out {
    height: 200px;
    overflow: hidden;
}

.lists-view-asstes .box-theme {
    width: 100px;
}

.lists-view-asstes .box-img-out {
    width: 98px;
    height: 100px;
    border: 0px solid #d1d9da;
    overflow: hidden;
}

.lists-view-asstes .box-theme .block-img {
    width: 100px;
    height: 100px;
}

.text-left {
    text-align: left !important;
}

.text-left .box-theme-title {
    padding-left: 0;
    font-size: 14px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    border-color: #2e6bc7;
    background-color: #2e6bc7;
    cursor: pointer;
}

.pagination>li>a,
.pagination>li>span {
    color: #606f70;
    padding: 6px 8px;
    cursor: pointer;
}

.info-row .info-row-input .lebel1 {
    width: auto;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    background: #f5f5f5;
    color: #2e6bc7;
    cursor: pointer;
    z-index: 1;
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover{
    opacity: .8;
}
.modal-dialog.modal-lg {
    min-width: 910px;
}

.list-view .list-create-description {
    padding: 0 15px 0 0 !important;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.margin-lt {
    margin-left: 5px;
}

.act-box {
    padding: 4px 15px;
}

.btn .fa-chevron-left {
    vertical-align: middle;
    margin-right: 5px;
}

.btn .fa-chevron-right {
    vertical-align: middle;
    margin-left: 5px;
}

.toc-panel-container.pattern-list-container,
.toc-panel-container.pattern-list-container>.live {
    overflow: auto;
}

.toc-panel-container.pattern-list-container>.live {
    padding: 30px 0;
}

.history_view .panel-default>.panel-heading {
    padding: 0;
    border: 0;
    border-bottom: 1px solid #ddd;
    background-color: #f6f8f8;
}

.history_view .panel-default>.panel-heading a {
    padding: 10px 15px;
    display: block;
    color: #333333;
    text-decoration: none;
}

.history_view .panel-group .panel+.panel {
    margin-top: 0px;
}

.history_view .panel-default {
    border: 0;
}

.history_view .panel-default>.panel-heading a.collapsed {
    background-color: #fff;
    color: #333;
}

.history_view .panel-default>.panel-heading a.collapsed .fa-plus-square {
    color: #333;
}

.history_view .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-bottom: 1px solid #ddd;
}

.history_view .panel-default>.panel-heading a.collapsed .fa-plus-square:before {
    content: "\f0fe";
}

.history_view .panel-default>.panel-heading a .fa-plus-square:before {
    content: "\f146";
}

.history_view .panel-default>.panel-heading a .fa-plus-square {
    color: #673ab7;
}

.history_view .panel-group .panel-collapse.in>.panel-body {
    border-bottom: 1px solid #673ab7;
}

.nested_with_tree {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 260px;
    background: #f5f5f5;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    z-index: 1;
    padding: 0;
    -webkit-transform: translateX(-260px);
    -moz-transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -o-transform: translateX(-260px);
    transform: translateX(-260px);
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
    border-right: 2px solid #dfdfdf;
}

.open .nested_with_tree {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0px);
    z-index: 11;
}

.open .nested_with_tree {
    visibility: visible;
    -webkit-transition: -webkit-transform 0.5s;
    -moz-transition: -moz-transform 0.5s;
    transition: transform 0.5s;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
}

.toc-btn .nested_with_tree .nested_with_switch {
    max-height: inherit;
    overflow: auto;
    width: 100%;
    border: 0;
    margin: 0;
    position: inherit;
    top: initial;
    height: calc(100% - 48px);
    background-color: #f5f5f5;
}

.toc-btn .nested_with_tree .expandToc {
    border: 0;
    position: absolute;
    left: 2px;
    color: #555555;
}

.nested_with_tree h2 {
    font-size: 24px;
    margin: 0;
    padding: 11px 15px 11px;
    color: #333;
    border-bottom: 1px solid #d5d5d5;
}

.nested_with_tree .close {
    opacity: 1;
    margin: 0;
    margin-top: -4px;
    color: #4285f4;
    font-size: 13px;
    border: 2px solid #4285f4;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    right: 10px;
    top: 7px;
}

.toc-btn .nested_with_tree .dropdown-menu li {
    position: relative;
    display: block;
    padding: 5px 0 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 20px;
    background-color: #fff;
    border-bottom: 1px solid #d5d5d5;
    border-top: 0px solid #d5d5d5;
}

.toc-btn .nested_with_tree .dropdown-menu li li {
    padding-right: 0;
}

.toc-btn .nested_with_tree .dropdown-menu li li {
    background-color: transparent;
    border: 0;
    padding-right: 0px;
}

.toc-btn .nested_with_tree ol {
    padding: 0;
    margin: 0;
}

.toc-btn .nested_with_tree .contPreview {
    margin: 0;
    border: 0;
    float: right;
    font-size: 11px;
    padding: 4px 10px 1px;
}

.toc-btn .nested_with_tree .contPreview:hover {
    color: #3877df
}

.lm-col-left .toc-btn {
    width: 44px;
    margin: 0 0 0 1px;
}

.lm-col-left .toc-btn>button {
    color: #4285f4;
    border: 2px solid #4285f4;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    margin: 0;
    padding: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.lm-col-left .toc-btn button span {
    position: relative;
    left: 0;
    opacity: 1;
}

header.lm .lm-col-left h1.pagename {
    margin-left: 55px;
}

.modal .modal-content .sub-title {
    background-color: #fff;
}

.nav-tabs li a {
    border: 0;
    color: #000;
    border-top: 3px solid transparent;
}

.nav-tabs li.active a {
    border-radius: 0;
    border-bottom: 0;
}

.drop-uploader {
    position: relative;
    min-height: 180px;
    border: 1px solid #f1f1f1;
    background-color: #f5f5f5;
}

.drop-uploader:before {
    position: absolute;
    content: "";
    width: 150px;
    height: 150px;
    left: 50%;
    top: 50%;
    margin: -75px 0 0 -75px;
    border: 0;
    background-color: #F9F9F9;
    border-radius: 50%;
    box-shadow: 0 0px 1px rgba(0, 0, 0, 0.1);
}

.drop-uploader>div {
    width: 150px;
    height: 150px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -75px 0 0 -75px;
    background: url(../img/file-upload.png) no-repeat center 25px;
    border-radius: 50%;
}

.drop-uploader>div .fileupload {
    height: 100%;
    width: 100%;
    margin: 0px auto;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f16b";
    position: absolute;
    left: 0;
    z-index: 5;
}

.fileupload input {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 0;
    width: 100%;
    height: 100%;
}

.upload-ins {
    height: 120px;
    width: 150px;
    display: table-cell;
    text-align: center;
    vertical-align: bottom;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    color: #666;
}
.loader {
    position: relative;
    width: 50px;
    height: 50px;
    float: left;
    user-select: none;
    box-sizing: border-box;
}

.loader-bg {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 5px solid rgb(239, 239, 239);
    box-sizing: border-box;
}

.spiner-holder-one {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 50%;
    height: 50%;
    background: transparent;
    box-sizing: border-box;
}

.spiner-holder-two {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: transparent;
    box-sizing: border-box;
}

.loader-spiner {
    width: 200%;
    height: 200%;
    border-radius: 50%;
    border: 5px solid #3F51B5;
    box-sizing: border-box;
}

.animate-0-25-a {
    transform: rotate(90deg);
    transform-origin: 100% 100%;
}

.animate-0-25-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}

.animate-25-50-a {
    transform: rotate(180deg);
    transform-origin: 100% 100%;
}

.animate-25-50-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}

.animate-50-75-a {
    transform: rotate(270deg);
    transform-origin: 100% 100%;
}

.animate-50-75-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}

.animate-75-100-a {
    transform: rotate(0deg);
    transform-origin: 100% 100%;
}

.animate-75-100-b {
    transform: rotate(-90deg);
    transform-origin: 100% 100%;
}

.text {
    font-size: 24px;
    position: absolute;
    top: 50%;
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #3F51B5;
    border-radius: 4px;
    left: 0;
    font-weight: bold;
}

.drop-uploader>div:hover {
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.2);
}

#img_modal .paginate {
    background: #fff;
    text-align: center;
}

#img_modal .images-select {
    top: 35%;
}

.modal-content-container {
    max-height: 290px;
    overflow-y: scroll;
    border: 0;
}

.modal-upload-container {
    height: 221px;
    border: 0;
    padding: 20px 15px 20px;
    background: #fff;
    text-align: center;
}

.nav-tabs li.active,
.nav-tabs li.active {
    border-bottom: 0;
}

#img_modal .modal-header.header-m {
    font-size: 21px;
    font-family: 'Lato', sans-serif;
    padding: 15px 15px;
}

#img_modal .modal-header.header-m .close {
    margin-top: -4px;
}

.nav-tabs {
    background: #efefef;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 0 15px;
}

.nav-tabs li a {
    border: 0;
    color: #880e4f;
    cursor: pointer;
}

.image-tab-content {
    min-height: 150px;
    background: #fff;
}

.img-options {
    margin-top: 24px;
}

.nav-tabs li.active>a:hover,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs.nav>li>a:hover,
.nav-tabs.nav>li>a:focus {
    color: #880e4f;
}

.nav-tabs>li.active,
.nav-tabs>li.active {
    border-bottom: 0;
}

.filter-area {
    padding: 0px 0px 0px 15px;
}

.filter-button-area .btn {
    box-shadow: none;
    background: #fff;
    color: #444;
    border-color: #bbb;
}

.filter-button-area .btn.active {
    background-color: #ccc;
}

.nav.nav-tabs>li>a,
.nav.nav-tabs>li>a:hover,
.nav-tabs>li.active>a:hover,
.nav.nav-tabs>li:hover a,
.nav.nav-tabs>li.active:hover a,
.nav.nav-tabs>li.active a,
.nav.nav-tabs>li.active:focus a {
    text-transform: uppercase;
    color: #273238;
    background: none;
    border: 0;
}

.nav.nav-tabs>li {
    border: 0;
    border-bottom: 3px solid transparent;
}

.modal-content .padding-top0 {
    padding-top: 0;
}

.select-theme-container h5 {
    background-color: #eee;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
    color: #673ab7;
    font-size: 16px;
}
.select-theme-container .section-heading {
    background-color: #eee;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
    color: #673ab7;
    font-size: 16px;
}

.theme-select {
    width: 120px;
    float: left;
}

.theme-select .box-img-out {
    height: 120px;
    width: 118px;
}

.theme-select .block-img {
    height: 120px;
    width: 120px;
}

.theme-select .block-img>div {
    max-width: 120px;
}

.select-theme-block {
    display: block;
    float: left;
    padding: 6px;
    border: 2px solid transparent;
}

.theme-select-body {
    padding: 5px 15px;
}

iframe {
    border: 0;
}

.paginate {
    text-align: center;
}

.advancemedia_search .form-control {
    height: 33px;
}

.group.inputfrom .input-group {
    margin-bottom: 5px;
}

.nav.nav-tabs>li.active:hover,
.nav.nav-tabs>li.active,
.nav.nav-tabs>li.active:focus {
    color: #273238;
    background-color: transparent !important;
    border: 0;
    border-bottom: 3px solid  #273238;
}

#video_thumb .group.inputfrom {
    padding-top: 0px;
}

.switch-tab .btn.btn-default {
    border-radius: 3px;
    top: 0;
    left: 0;
}

.filter-area.switch-tab {
    padding-left: 0;
    float: right;
}

.filter-area.switch-tab .btn-group {
    margin: 0;
}

.btn.clear_text {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.page-title2 {
    font-size: 15px;
    font-weight: 500;
    text-shadow: none;
    margin-bottom: 0px;
    border: 1px solid #e7e7e7;
    border-bottom: 0;
    border-top: 0;
    padding: 12px 15px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.select2-container .select2-choice {
    height: 34px;
    line-height: 34px;
}

button.btn.btn-default,
button.btn.btn-primary {
    display: inline-block;
    font-size: 13px;
    line-height: 21px;
    box-shadow: none;
}

.label-tt {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}

.select2-container-multi .select2-choices,
.form-control {
     border: 1px solid #87939a;
}

.ivh-treeview .glyphicon-book:before {
    content: "\e043";
    color: #888;
}

.modal .modal-content .sub-title.ng-binding {
    background: #f6f6f6;
}

.advancemedia_search button.btn.btn-default,
.advancemedia_search button.btn.btn-primary {
    display: inline-block;
    font-size: 12px;
    padding: 7px 12px;
}

.input-group-btn button.btn-danger {
    font-size: 14px;
}

.paginate .pagination {
    margin: 0px 0;
}

.search-area .input-group-btn .btn.btn-search {
    border: 1px solid #ccc !important;
    border-left: 0px solid #ccc !important;
    background-color: #fafafa;
}

.select-theme-block.active .box-theme {
    border: 1px solid #3877df;
}

.select-theme-block.active .theme-comments-control {
    background-color: #3877df;
    color: #fff;
}

.select-theme-block.active .book-toc {
    color: #fff;
}

.input-wrap {
    padding: 0px;
    border-bottom: 1px solid #eee;
}

.input-wrap input {
    display: inline-block;
    margin: 5px;
}

#verAccordion {
    height: calc(100% - (53px));
    overflow: auto;
    margin: 0;
}

#history_view {
    height: 100%;
}

#history_view>.history_view {
    height: 100%;
    position: relative;
}

.comp-footer {
    background-color: #ddd;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.db-ft-bk {
    border-bottom: 1px solid #ddd;
    padding: 35px 10px;
    float: left;
    width: 100%;
}

.db-blk {
    width: 20%;
    float: left;
    text-align: center;
    position: relative;
}

.db-blk-div {
    width: 1px;
    position: absolute;
    height: 100%;
    background-color: #ddd;
    right: 0;
    top: 0;
    margin-right: -0.5px;
}

.totaluser {
    background-color: #c62828;
    padding: 4px 10px;
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    text-shadow: none;
}

.user-number {
    font-size: 60px;
    font-weight: 300;
}

.totalassets {
    background-color: #4285f4;
    padding: 4px 10px;
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    text-shadow: none;
}

.totalwidgets {
    background-color: #4caf50;
    padding: 4px 10px;
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    text-shadow: none;
}

.totalpatterns {
    background-color: #ffeb3b;
    padding: 4px 10px;
    text-transform: uppercase;
    font-size: 11px;
    color: #80761e;
    display: inline-block;
    text-shadow: none;
}

.totalissues {
    background-color: #303f9f;
    padding: 4px 10px;
    text-transform: uppercase;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    text-shadow: none;
}

.label-type {
    padding: 2px 5px;
    text-transform: uppercase;
    font-size: 10px;
    display: inline-block;
    text-shadow: none;
    border-radius: 3px;
    font-weight: normal;
    margin: 0;
}

.db-ft-body {
    float: left;
    width: 100%;
    padding: 15px 0;
}

.db-ft-body .panel-heading {
    background-color: #cad3d6;
    font-size: 13px;
    text-transform: uppercase;
    color: #414c50;
    font-weight: bold;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px 10px;
}

.db-ft-body .panel-default {
    border-color: #cad3d6;
    border-radius: 0;
}

.db-ft-body thead th {
    background-color: #fff;
    font-weight: bold;
    color: #333333;
    border: 0 !important;
}

.a-img {
    background-color: #4285f4;
    color: #fff;
    min-width: 50px;
    text-align: center;
}

.a-vdo {
    background-color: #303f9f;
    color: #fff;
}

.w-img {
    background-color: #4caf50;
    color: #fff;
}

.w-vdo {
    background-color: #265828;
    color: #fff;
}

.p-img {
    background-color: #ffeb3b;
    color: #887e20;
}

.p-vdo {
    background-color: #80761e;
    color: #fff;
}

.db-action {
    text-transform: none;
}

.db-link {
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    padding: 1px 5px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
}

.from-container.list-view .box-theme {
    border: 0;
    border-right: 1px solid #dddddd;
    height: 140px;
    width: 100%;
}

.from-container.list-view .box-img-out {
    width: 100%;
    height: 140px;
}

.from-container.list-view .block-img {
    width: 100%;
    height: 140px;
    min-width: 163px;
    max-width: 163px;
}

.from-container.list-view .plmenu-ul li {
    width: 50%;
    float: left;
}

.from-container.list-view .from-container-row {
    padding: 20px 15px 0px;
}

.grid-view .prod-block .theme-box-col {
    margin: 0px 10px 10px;
}

.list-view .box-theme img {
    max-width: 65%;
}

.from-container.list-view .box-theme-title {
    padding: 15px !important;
}

.comment-textarea textarea {
    border-radius: 4px 4px 0 0 !important;
}

.form-group.comment-textarea {
    margin-bottom: 0;
}

.comment-button {
    padding: 5px 10px 5px 10px;
    border: 1px solid #ddd;
    border-top: 0;
    border-bottom: 0;
    border-radius: 0 0;
    background-color: #fff;
}

.reply_div .comment-button {
    border-radius: 0 0 4px 4px;
}

.comment-button .form-group>[class*='col-'] {
    padding: 0;
}

.comment-button .form-group {
    margin-bottom: 0;
}

.comment-button .form-group label {
    margin-top: 7px;
    font-weight: 500;
    font-size: 12px;
}

.comment-body {
    background-color: #e7e7e7;
    border-radius: 0 0 0 0;
    padding: 0 0px;
    border-top: 1px solid #ddd;
    margin-bottom: 3px;
}

.comment-wrapper .comment {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 0 10px;
    background-color: #f9f9f9;
    margin: 0px 0;
}

.comment-wrapper .comment h3 small {
    color: #673ab7;
    font-weight: 500;
    font-size: 13px;
}

.comment-wrapper .btn.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    text-transform: none;
}

.comment-wrapper .btn.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.comment-wrapper .comment .text-right p {
    margin: 5px 0 0;
}

.comment-wrapper .comment p {
    font-size: 12px;
    margin-bottom: 5px;
}

.comment-wrapper .comment .status {
    font-size: 11px;
    padding: 1px 5px;
    min-width: inherit;
    text-align: center;
    vertical-align: middle;
    padding-right: 5px;
    border-radius: 3px;
}

.comment-wrapper .comment-button .form-control {
    height: 30px;
    padding: 2px 12px;
}

.inner-comment-container .comment {
    background-color: #fff;
}

.comment-wrapper {
    margin-bottom: 30px;
}

.reply_div {
    margin-left: 0px;
    margin-bottom: 15px;
}

.reply_div ol,
.reply_div ul {
    margin: 0;
    margin-top: 0;
    padding: 0;
    list-style-type: none;
}

.comment-wrapper .comment h3 {
    margin: 5px 0;
    font-size: 12px;
}

.reply_div .comment-button {
    border-bottom: 1px solid #ddd;
}

.date-cmt {
    color: #888;
    font-size: 11px;
}

.cke_inner.cke_reset .dropdown .caret {
    float: none;
}

.cke_combo.cke_combo__format .cke_combo_button,
.cke_combo.cke_combo__format .cke_combo_button:focus {
    border: 1px solid #aaa !important;
}

.alocate-title {
    background-color: #f5f5f5;
    border-bottom: 1px solid #eee;
}

.Allocate-contanier .panel.panel-default {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}

.Allocate-contanier.panel-group {
    border: 1px solid #ddd;
}

.heading-alocate.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    border-top: 0;
}

.panel.panel-default.heading-alocate {
    border-top: 0;
}

.panel.panel-default.heading-alocate .panel-heading.act-box {
    padding: 6px 15px
}

.page-title5 {
    font-size: 15px;
    font-weight: 500;
    text-shadow: none;
    margin-bottom: 0px;
    border: 1px solid #ddd;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 12px 15px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.page-title5 .title {
    margin: 6px 0 0;
}

@media screen and (max-width:1300px) {
    .from-container.list-view .box-theme {
        border: 0;
        border-right: 1px solid #dddddd;
    }
    .from-container.list-view .type-code {
        font-size: 9px;
    }
    .list-view .plmenu {
        box-shadow: none;
        border-top: 1px solid #eee;
    }
    .list-view .box-theme-title {
        padding: 8px 15px !important;
    }
}

@media screen and (max-width:991px) {
    .list-view .theme-box-col {
        height: auto;
    }
}

@media screen and (max-width:768px) {
    .from-container.list-view .box-theme,
    .from-container.list-view .box-img-out,
    .from-container.list-view .block-img,
    .from-container.list-view .block-img>div {
        width: 100%;
        height: 100%;
        display: block;
    }
    .from-container.list-view .block-img{
        min-width: auto;
        max-width: none;
    }
}

.search-matadata-area {
    display: inline-block;
    width: inherit;
}

.toc-btn .nested_with_tree .contPreview {
    margin: 0;
    border: 0;
    float: right;
    font-size: 14px;
    padding: 4px 10px 1px 0;
    width: 100%;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.toc-btn .nested_with_tree .contPreview .fa {
    font-size: 10px;
    padding-top: 6px;
}

.toc-btn .nested_with_tree .expandToc .fa {
    padding-top: 5px;
}

.lirow .lirow-switch .switch-button-label {
    padding: 5px 8px;
}

.lirow .lirow-switch .switch-button-background {
    margin: 5px 1px;
}

.modal .popup-boxes .radio label,
.modal .popup-boxes .checkbox label {
    display: block;
    position: relative;
    left: inherit;
    top: inherit;
    pointer-events: inherit;
    transition: none 0s ease 0s;
}

.modal .popup-boxes .radio,
.modal .popup-boxes .checkbox {
    margin: 0;
}

.modal .popup-boxes .checkbox input[type="checkbox"],
.modal .popup-boxes .checkbox-inline input[type="checkbox"],
.modal .popup-boxes .radio input[type="radio"],
.modal .popup-boxes .radio-inline input[type="radio"] {
    left: 0;
    margin-left: 0;
    position: absolute;
    top: 3px;
}

.choice-point-block {
    margin-top: -15px;
    background-color: #fff;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}

.mcss-wrapper {
    padding: 15px 15px 0;
    background-color: #fff;
}

.mcss-wrapper .panel-heading {
    padding: 0;
    border-radius: 0px;
}

.mcss-wrapper .panel-heading span {
    padding: 10px 15px;
    display: block;
}

.mcss-wrapper.panel-group .panel {
    border-radius: 0px;
}

.mcss-wrapper label {
    color: #222;
    font-weight: 500;
    margin-bottom: 0;
}

.btn.btn-add-block {
    padding: 3px 5px 2px;
    background-color: #2e6bc7;
    border: #2e6bc7 1px solid;
    color: #fff;
    font-weight: 400;
    text-shadow: inherit;
    line-height: 1;
    vertical-align: middle;
    box-shadow: none;
    text-transform: none;
}

.btn.btn-add-block:hover {
    background: #2e6bc7;
    border-color: #2e6bc7;
    color: #fff;
}

.main_container .toggle.btn {
    min-width: 30px;
    height: 16px !important;
    background: #fff;
    border: 1px solid #ececec;
    min-height: inherit;
    border-radius: 30px;
    overflow: inherit;
}

.main_container .checkbox label .toggle,
.main_container .checkbox-inline .toggle {
    margin-left: -10px;
    margin-right: 0px;
}

.toggle.btn .toggle-group .btn.btn-default {
    padding: 1px 12px;
}

.toggle.btn .btn.toggle-off,
.toggle.btn-default.off {
    background-color: #fff;
    border-color: #ececec;
}

.toggle.btn .toggle-group .btn.btn-primary {
    padding: 1px 12px;
    box-shadow: none;
}

.toggle.btn.btn-primary {
    background: #993399 !important;
    border: #ececec 1px solid;
}

.toggle.off .toggle-handle {
    position: absolute;
    left: 21.5px;
}

.toggle .toggle-handle {
    position: absolute;
    left: 16.5px;
    width: 18px;
    height: 18px;
    padding: 0 !important;
    border-radius: 50%;
    top: -2px;
}

.toggle.btn .toggle-group>label {
    display: none;
}

.toggle-group .btn.toggle-on,
.toggle-group .btn.toggle-off {
    text-indent: -9999em;
}

.choice-well-section {
    margin-bottom: 0;
    border-radius: 4px 4px 0 0;
    border-bottom: 0;
    background: #fff;
    border: #eee 1px solid;
    box-shadow: none;
    padding-bottom: 0;
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
}

.choice-optionselect a {
    background-color: #2e6bc7;
    padding: 1px 15px;
    text-align: center;
    color: #fff;
    display: block;
    border-radius: 0 0 4px 4px;
    text-decoration: none;
    cursor: pointer;
}

.choice-optionselect a .fa {
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
}

.chice-drag {
    position: absolute;
    top: 0;
    margin: 0px;
    margin-top: 0;
    width: 40px;
    height: 100%;
    left: 0;
    border-radius: 4px 0 0 0;
    color: #000;
    background: #f6f6f6;
    border-right: 1px solid #eee;
    cursor: move;
    box-shadow: none !important
}

.chice-delete {
    position: absolute;
    top: 0;
    margin: 0px;
    margin-top: 0;
    width: 40px;
    height: 100%;
    right: 0;
    border-radius: 0 4px 0 0;
    color: #fff;
    background: #f6f6f6;
    border-left: 1px solid #eee;
    box-shadow: none !important
}

.chice-delete .fa {
    color: #cf335d;
    font-size: 20px;
}

.choice-optionselect {
    margin-top: -2px;
}

.chice-drag.active,
.chice-drag:active,
.chice-delete-drag.active,
.chice-delete-drag:active {
    box-shadow: none;
}

.hint-innerblock {
    margin-top: 15px;
}

.hint_inner .input-group-addon {
    padding: 6px 20px;
    position: relative;
}

.hint_inner .input-group-addon .chice-drag {
    border-radius: 4px 0 0 4px;
}

.hint_inner .input-group-addon .chice-delete {
    border-radius: 4px 4px 4px 0;
}

.mcss-wrapper textarea.form-control {
    height: 34px;
    resize: vertical;
}

.mcss-wrapper-container {
    max-width: 1024px;
    margin: 0 auto;
}

.get-container .block-img {
    height: 130px;
}

.assetImg {
    max-width: 130px !important;
    max-height: 130px;
}

.get-container .box-theme-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

.preview_iframe {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, .2), 0px 11px 25px rgba(0, 0, 0, .2);
    border-radius: 5px;
    overflow: hidden;
    display: none;
    margin: 0 auto 10px;
}
.ajax-content {
    width: 100%;
    height: 100%;
    position: absolute;
}

.multiselect ul,
.sortOption {
    list-style-type: none;
}

.multiselectParent {
    position: relative;
}

.multiselect {
    position: absolute;
    top: 35px;
    display: none;
    right: 0;
}

.multiselect.topPosition {
    position: absolute;
    top:inherit;
    bottom:27px;
}

.multiselect ul,
.sortOption {
    width: 180px;
    padding: 0;
    background: #fff;
    color: #444;
    border: 1px solid #bbb;
    font-size: 13px;
    border-radius: 3px;
    font-weight: 500;
}

.multiselect ul li {
    padding: 5px 10px;
    text-align: left;
    cursor: pointer;
}

.multiselect ul i, .multiselect ul li .fa-check {
    position: relative;
    right: 5px;
}

.multiselect ul li:hover {
    background: #4285f4;
    color: #fff;
}

.multiselectParent .sort {
    position: relative;
    left: 5px;
    bottom: 2px;
}

.assetFilter {
    text-transform: capitalize;
    margin-left: 0 !important;
}
.paddingZero {
    padding: 0;
}

.checkedIcon {
    float: left;
}

.sortingAsset label {
    font-weight: normal;
    font-size: 16px;
}

.selectedAsset {
    text-transform: capitalize;
    border-color: #bbb !important;
}

.sortingAsset {
    position: relative;
}

.sortOption {
    position: absolute;
    width: 141px;
    cursor: pointer;
    display: none;
}

.sortOption li {
    padding: 5px 10px;
}

.sortOption li:hover {
    background: #4285f4;
    color: #fff;
}

i.assetSortIcon {
    position: relative;
    bottom: 2px;
    left: 3px;
}

.nodeType {
    font-size: 10px;
    color: #999;
}

.localAssetSort {
    margin: 0 15px 0 0 !important;
}

.localAssetSort .selectedAsset {
    margin-left: 0 !important;
}

.asset_name {
    font-weight: 500;
    position: absolute;
    margin-left: 10px;
    font-size: 15px;
}

.asset_delete {
    padding: 23px 16px;
    float: right;
    border-radius: 0;
    color: #ff0000;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px
}

.asset_delete:hover {
    color: #ff0000;
}

.asset_type {
    position: relative;
    top: 13px;
    left: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
}

.asset_fig {
    border: 1px solid #ccc;
    border-radius: 2px;
}

.ext_res_group {
    height: 72px;
    border: 1px solid #ccc;
    margin: 0 20px;
    padding: 9px !important;
}

.ext_res_group img {
    padding: 0;
    width: 70px;
    height: 52px;
}

.select_assessment {
    border: 1px solid #ccc;
    padding: 10px 12px !important;
    width: 100%;
    display: inline-block;
}

.assessment_delete {
    padding: 8.5px 16px;
    border-radius: 0;
    color: #ff0000;
    position: absolute;
    top: 11px;
    right: 20px;
    font-size: 16px;
}

.assessment_source {
    position: relative;
    top: 35px;
    left: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
}

.assessment_name {
    font-weight: 500;
    font-size: 15px;
    display: block;
    width: 42em;
    word-break: break-word;
}
.select_assignment {
    border: 1px solid #ccc;
    padding: 10px 12px !important;
}

.assignment_delete {
    padding: 9.5px 16px;
    border-radius: 0;
    color: #ff0000;
    position: absolute;
    top: 11px;
    right: 21px;
    font-size: 16px;
}

.assignment_source {
    position: relative;
    top: 35px;
    left: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
}

.assignment_name {
    font-weight: 500;
    font-size: 15px;
    display: block;
    width: 42em;
    word-break: break-word;
}

.center-align-switch {
    margin: 0 auto;
}

.modalPreview {
    max-height: 290px;
    overflow-y: auto;
    border: 0;
    background-color: #fff;
}

.modalPreview label.wordBreak {
    width: 54em;
}

.modalPreview button.previewButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    padding: 5px 12px;
}

.modalPreview label input[type="radio"] {
    top: -1px !important;
}

.external-checkbox {
    width: 100% !important;
}
.result_filteration select {
    padding: 6px;
    border-radius: 5px;
}
@-moz-document url-prefix() {
    .get-container {
        width: 148px;
        float: left;
        margin: 11px;
    }
}
.page-user-row .btn{
    padding: 6px 11px;
}
.page-user-row .checkbox{
    margin-top: 8px;
}
.assesment_delete{padding: 5.5px 16px; border-radius: 0; color: #ff0000; position: absolute; top: -3px; right: 3px;font-size: 16px;}

.modal.modal-large .modal-dialog{width:740px !important;}
.bold{font-weight: bold;}
.bottom-paddin-none{ margin-bottom: 0px;}
.body-panel .custom-button{
    text-transform: capitalize;
    border: 0;
    box-shadow: none;
    text-shadow: none;
}
.body-panel .custom-button:hover{ background: none;}
.preview-popup{background-color: #fff; font-family: 'Lato', sans-serif; font-size: 13px;}
.body-panel {
    background-color: #f7f9fa;
    overflow: auto;
    display: table;
    width: 100%;
}
.body-panel .left-container{
    background-color: #F7F9FA;
    display: table-cell;
    vertical-align: middle;
    float: none;
}
.body-panel .right-container{
    display: table-cell;
    float: none;
    background-color: #fff;
    padding-left: 0;
}
.body-panel .left-container .panel-holder{ text-align: center;padding: 10px 0px;}
.body-panel .right-container .top-panel {
    overflow: auto;
    border-bottom: 1px solid #eeeeee;
}
.body-panel .right-container .content-inner-holder {
    border-left: 1px solid #eeeeee;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15);
    padding-left: 10px;
    height: 100%;
}
.body-panel .right-container .top-panel button {
    border: 0px;
    box-shadow: none;
    background: transparent;
    font-size: 20px;
    color: #616161;
    margin-top: 5px;
}
.body-panel .right-container .top-panel button i {
    margin-top: 3px;
    font-size: 32px;
}
.body-panel .right-container .top-panel button:hover i{color: #683AB7;}
.body-panel .right-container .top-panel button.disabled{color: #DCDCDC;}
.body-panel .right-container .top-right-div01{ margin-top: 10px;}
.body-panel .right-container .top-right-div01 button {
    border: 0px;
    background: transparent;
    color: #42526E;
}
.body-panel .right-container .top-right-div01 button:hover{color: #683AB7;}

.body-panel .right-container h2{color: #683AB7;clear: both;}
.body-panel .right-container .rc-inner{ margin-top: 20px;}
.body-panel .right-container .rc-inner p.title{ margin-bottom: 5px;}
.body-panel .right-container .rc-inner textarea{
    width: 100%;
    min-height: 70px;
    border: 1px solid #ddd;
    padding: 5px;
}
.body-panel .right-container .rc-inner textarea.alt{
  height: 33px;
    min-height: auto;
}
.body-panel .right-container h5{
    text-transform: uppercase;
    color: #683AB7;
    font-size: 16px;
    margin-top: 20px;
}
.body-panel .right-container .metadata-tab > ul {
    padding: 0px;
    background: transparent;
    border-bottom: 1px solid #DCDCDC;
}
.body-panel .right-container .metadata-tab ul.nav.nav-tabs>li.active {
    border-bottom: 2px solid #683AB7;
}
.body-panel .right-container .metadata-tab ul.nav.nav-tabs>li.active a {
    color: #090909 !important;
}
.body-panel .right-container .metadata-tab ul.nav.nav-tabs>li {
    border-bottom: 0px;
}
.body-panel .right-container .metadata-tab ul.nav.nav-tabs>li:hover {
    border-bottom: 2px solid #683AB7;
}
.body-panel .right-container .metadata-tab ul.nav.nav-tabs>li:first-child a{padding-left: 0;}
.body-panel .right-container .metadata-tab ul li a {
    font-weight: bold;
    color: #616161 !important;
}
.body-panel .right-container .metadata-tab .tab-content .tab-content-wrap{overflow: auto; margin-top: 10px;}
.body-panel .right-container .metadata-tab .tab-content .tab-content-wrap > div{float: left;}
.body-panel .right-container .metadata-tab .tab-content .tab-content-wrap > div:first-child{font-weight: bold;width: 140px;}
.body-panel .right-container .metadata-tab .tab-content .kvp-div{ overflow: auto; margin: 10px 0px;}
.body-panel .right-container .metadata-tab .tab-content .kvp-div .kvp-content {
    border-radius: 4px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    padding: 0px 30px 0px 10px;
    position: relative;
}
.body-panel .right-container .metadata-tab .tab-content .kvp-div .kvp-content.success {
    background-color: #DBEED4;
    color: #3D744C;
}
.body-panel .right-container .metadata-tab .tab-content .kvp-div .kvp-content .right-close {
    position: absolute;
    right: 9px;
    top: 9px;
    font-size: 14px;
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    height: 24px;
    width: 25px;
}
.body-panel .right-container .metadata-tab .tab-content .kvp-div .kvp-content .right-close i.material-icons{
    font-size: 14px;
    position: absolute;
    top: 5px;
    right: 6px;
}

.body-panel .right-container .metadata-tab .tab-content button.add{
    background: #006EFF;
    color: #fff;
    text-transform: capitalize;
    box-shadow: none;
    text-shadow: none;
    height: 26px;
    line-height: 10px;
    width: 50px;
}

.body-panel .right-container .metadata-tab .tab-content .kvp-field-outer{margin-bottom: 10px;}
.body-panel .right-container .metadata-tab .tab-content .kvp-field-outer .kvp-field-inner{display: inline-block;}
.body-panel .right-container .metadata-tab .tab-content .kvp-field-outer .kvp-field-inner select {
    width: 195px;
    margin-right: 10px;
    padding: 5px;
}
.body-panel .right-container .metadata-tab .tab-content .kvp-field-outer .kvp-field-delete{display: inline-block;}
.body-panel .right-container .metadata-tab .tab-content .kvp-field-outer .kvp-field-delete button {
    color: #616161;
    font-size: 16px;
}

.info-holder{margin-bottom: 20px;}
.info-holder table tr td:first-child {
    width: 220px;
    word-break: break-all;
}
.info-holder table tr td:last-child {
    word-break: break-all;
}


.body-panel .right-container .top-right-div01 button.cancel{
    background: #EAEFF1;
    color: #090909;
    font-size: 16px;
    text-transform: capitalize;
    margin-right: 10px;
}
.body-panel .right-container .top-right-div01 button.cancel:hover{color: #090909;}

.body-panel .right-container .top-right-div01 button.update{
    background: #006EFF;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
}
.body-panel .right-container .top-right-div01 button.update:hover{color: #fff;}

.body-panel .right-container .content-inner-holder button.replace{
    background: #4285F5;
    color: #fff;
    text-transform: capitalize;
    box-shadow: none;
    text-shadow: none;
}

.body-panel .right-container .content-inner-holder .file-upload {
    display: block;
    text-align: center;
        overflow: auto;
}
.body-panel .right-container .content-inner-holder .file-upload .file-select {
    display: block;
    height: 24px;
    line-height: 25px;
    text-align: left;
    position: relative;
}
.body-panel .right-container .content-inner-holder .file-upload .file-select .file-select-button {
    background: #4285F5;
    color: #fff;
    float: left;
    border-radius: 4px;
    width: 68px;
    line-height: 26px;
    text-align: center;
    height: 26px;
    margin-left: 20px;
        position: relative;
}
.body-panel .right-container .content-inner-holder .file-upload .file-select .file-select-name {
    color: #AFAFAF;
    float: left;
}
.body-panel .right-container .content-inner-holder .file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.body-panel .right-container .content-inner-holder .file-upload .file-select .custom-file-name{
    position: relative;
    float: left;
         padding: 4px;
    margin: 3px 10px 10px 5px;

    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaaaaa;

    border-radius: 3px;

    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.body-panel .right-container .content-inner-holder .file-upload .file-select .custom-file-name div{margin-right: 15px;}
 #taxonomyTab .keyLoop{
        display: block;
            margin-top: 15px;
    }
#taxonomyTab .loopValue em{
        display: block;
        font-style: normal;
    }
#taxonomyTab .keyLoop .loopValue ul {
    margin: 0 0 0 10px;
    padding: 0;
}
#taxonomyTab.keyLoop .loopValue ul li {
    list-style-type: none;
    position: relative;
    color: #666;
    font-size: 13px;
}
#taxonomyTab .keyLoop .loopValue ul li ul {
    margin-left: 30px;
}

#taxonomyTab .keyLoop .loopValue ul li span.twistie{position: absolute;color: #888;}
#taxonomyTab .keyLoop .loopValue ul li span.twistie-content{
    display: block;
    margin-left: 20px;
}

li {
    list-style-type: none;
        position: relative;
}
#taxonomyTab, #keyValuePairTab {
    margin-top: 20px;
}
.key-value {
        margin-top: 20px;
        margin-bottom: 15px;
        color: #666;
        font-size: 13px;
    }
.key-value-inner   {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
    .key-value .metadata-tag {
       margin-bottom: 5px;
       border: 1px solid #aaaaaa;
       margin-right: 5px;
       padding: 5px;
       text-align: left;
       border-radius: 3px;
           line-height: 13px;
       -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

    background-clip: padding-box;

    -webkit-touch-callout: none;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;

    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
    }
    .preview-key-value {
        margin-bottom: 20px;
    }
    .preview-key-value tr td {
    border: 1px solid #e5e5e5;
    padding: 5px;
        color: #666;
        font-size: 13px;
}
.preview-key-value tr td:first-child{ border-right: 1px solid transparent; font-weight:bold;}


.btn-newdelete{
        background: transparent;
    font-size: 16px;
    color: #616161;
}

.taxonomy-content{ margin: 20px 0px;}
.button-primary{background-color: #006EFF !important; color: #ffffff !important;border: 0;}
.button-secondary{ background-color: #EAEFF1 !important; color: #090808 !important;border: 0;}

a {
    cursor: pointer;
}

.taxonomy_icon_arrow{
    color: #606060;
    font-size: 8px !important;
}
.taxonomy_icon{
   margin-left: -5px;
}
.taxonomy-btn{
    text-align: right;
}
.taxonomy-btn .btn{
    margin-right: 10px;
}
.taxonomy-btn .btn:last-child{
    margin-right: 0;
}
.taxonomy-tree-wrap{
  padding: 15px 5px 15px 15px;
  background-color: #F7F9FA;
  border: 1px soild #EAEFF1;
  margin-top: 16px;
}
.taxonomy-tree{
    max-height: 200px;
    overflow-y: auto;
}
.block-img>.assetThumbImg {
    max-height:100%;
    height: inherit;
}
.popover .arrow {
    display: none;
}
.popover.top {
    top: -125px !important;
}
.popover-content {
    padding: 6px 1px !important;
}
.aud-des-wrap{
    padding: 10px;
    background: #fff;
    margin-bottom: 15px;
    border: 1px solid #EEEEEE;
    font-size: 18px;
    color: #090808;
}
.aud-title{
    color: #606060;
    font-size: 13px;

}
.disableclick{
    pointer-events: none;
}
.input-group[class*=col-].BBlock-search-area{
    padding-top: 0;
    padding-right: 15px;
}
.page-heading{
    font-size: 26px;
    font-weight: 400;
    margin: 0;
}
[size="c-lg-modal"] .modal-dialog{
    min-width: 1328px;
}
@media screen and (min-width: 1280px){
    [size="c-lg-modal"] .modal-dialog{
    width: 1328px;
    }
}
@media screen and (max-width: 1280px) and (min-width: 992px){
    [size="c-lg-modal"] .modal-dialog{
        min-width: 1000px;
    }
}
.header-right-panel .search-area{
    width: 50%;
    display: inline-block;
}
.header-right-panel .admin-area{
    float: right;
}
.sub-top-bar{
    border-bottom: 1px solid #ddd;
    padding: 12px 15px;
}
.pattern-list-container .sub-top-bar .page-title {
     border-bottom: 0;
     padding: 0;
}
.sub-top-bar .src-input-wrap{
    width: 17%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.cst-toc-panel-right>a:focus>.tocmenu-block{
    background-color: #303f9f;
}
.list-view .list-project-title{
    color: #000;
}
.list-view .list-project-title:hover,
.list-view .list-project-title:focus{
    color: #0B71D8;
    text-decoration: none;
}
.sub-top-bar .title {
    margin: 6px 0 0;
}
.sub-top-bar .search-area{
    padding-top: 0;
}
.grid-view  .plmenu.open ul.dropdown-menu {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    position: static;
    z-index: unset;
    float: unset;
    min-width: unset;
    text-align: unset;
    list-style: none;
    background-color: unset;
    -webkit-background-clip: unset;
    background-clip: unset;
    border: unset;
    border-radius: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}
.grid-view  .plmenu.open li a {
    padding: 5px 10px;
    display: block;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}
.grid-view  .plmenu.open li a:hover,
.grid-view  .plmenu.open li a:focus {
    background-color: #fff;
    color: #0B71D8;
    background-image: none;
}
@media (max-width: 767px){
    .header .logo-panel{
        position: absolute;
    }
    .header .navbar-toggle{
        border-color: #fff;
    }
    .header .navbar-toggle .icon-bar{
        background-color: #fff;
    }
    .header .navbar-toggle:focus,
    .header .navbar-toggle:hover{
        background: #fff;
    }
    .header .navbar-toggle:focus .icon-bar,
    .header .navbar-toggle:hover .icon-bar{
        background: #4b2a87;
    }
    .menu-panel{
        float: right !important;
        width: 100%;
    }
}
.login_row .login-sub-text {
    font-size: 22px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 18px;
    text-align: center;
}

#testPreviewModal .inner-modal-content{
    height: calc( 100vh - 61px) !important;
}

.tab-contents input[type="file"]{
    height: auto;
}
.f-show-records{
    font-size: 14px;
    color: #090808;
    font-weight: 500;
    padding-left:15px;
    line-height: 30px;
}
.inline-radio-wrap .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem;
}


.inline-radio-wrap .form-check-inline {

    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 1rem;
    float: left;
}
.inline-radio-wrap .form-check-inline .form-check-input {
    position: static;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
}
.inline-radio-wrap label {
    display: inline-block !important;
    position: static;
    margin-bottom: .5rem;
}
.inline-radio-wrap .form-check-label {
    margin-bottom: 0;
    pointer-events: unset !important;
}
.footer-act-btn-wrap button.btn.btn-default,
.footer-act-btn-wrap button.btn.btn-primary{
    display: inline-flex;
    float: left;
    margin-left: 10px;
}
.nav.nav-tabs > li:focus,
.nav.nav-tabs > li.active:focus{
    outline-offset: -1px;
    outline: #4d90fe auto 3px;
    border-color: transparent;
}
.new-create-assignment-page{
    border: 0;
}
.new-create-assignment-page .ext_res_group{
    margin: 15px 0 0;
    position: relative;

}
.new-create-assignment-page  .form-group {
    margin-bottom: 35px;
}
.new-create-forum-page{
    border: 0;
}
.new-create-forum-page .ext_res_group{
    margin: 15px 0 0;
    position: relative;

}
.new-create-forum-page  .form-group {
    margin-bottom: 35px;
}
.modal[size="cust-player-modal-size"] .modal-dialog{
    width: 96%;
}
.modal[size="cust-player-modal-size"] .inner-modal-content{
    padding: 20px;
    height: calc( 100vh - 140px);
}
.modal[size="cust-player-modal-size"] .inner-modal-content>iframe{
    width: 100%;
    height: 100%;
}
@media (min-width: 1367px){
    .modal[size="cust-player-modal-size"] .modal-dialog{
        width: 94%;
    }
}
.frost-browsing-wrapper {
    display: flex;
    min-height: 100vh;
    border-top: 1px solid rgba(0,0,0,.125);
    position: relative;
}
.dashboard-page-title{
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 99999 !important;
}
.frost-sub-wrapper {
    border-top: none;
    margin-top: 0;
    padding: 0 0 10px 8px;
    border-right: 1px solid rgba(0,0,0,.125);
    will-change: width;
    transition: width 20ms cubic-bezier(.2,0,0,1) 0s;
    overflow: hidden;
    margin-right: 10px;
    background: #fff;
    top: 59px;
    width: 383px;
    position: sticky;
    position: -webkit-sticky;
    z-index: 999999 !important;
    height: calc( 100vh - 59px );
}
.modal-open .frost-sub-wrapper{
    overflow: visible !important;
}
.frost-browsing-wrapper .frost-right-container {
    flex: 1;
    max-width: 100%;
}
.frost-browsing-wrapper .frost-right-container.sidebar-expend{
    max-width: calc( 100% - 392px );
}
.desc-flex-block{
    display: flex;
}
.desc-flex-block .list-create-name,
.desc-flex-block .list-create-date{
    margin-right: 30px;
    width: 235px;
}
.page-title-flex{
    display: flex;
}
.page-title-flex .page-heading-wrap{
    display: flex;
    flex: 1;
}
.page-title-flex .page-heading-wrap .b-toggle-btn{
    margin-right: 5px;
    transform: rotate(180deg);
    margin-top: -8px;
}
.b-toggle-btn .material-icons-outlined{
    font-size: 22px;
}
.page-title-flex .page-heading-wrap .b-toggle-btn:hover,
.page-title-flex .page-heading-wrap .b-toggle-btn:focus{
    color: #673AB7;
}
.search-area .input-group .form-control,
.search-area .input-group-btn:last-child>.btn{
    z-index: 1;
}
.from-container.list-view .box-theme{
    border-right: 0;
}
.list-view .theme-box-col{
    height: auto;
}
.list-view .list-create-description{
    white-space: normal;
    line-height: 18px;
}
.list-view .list-theme-title{
    margin-bottom: 5px;
}
.list-create-name,
.list-create-date,
.list-create-tickets,
.list-create-comments {
    font-size: 11px;
    line-height: 14px;
}
.list-view .plmenu{
    box-shadow: none;
}
.list-view .box-theme-title{
    border-left: 1px solid #dddddd;
    box-shadow: inset -5px 0px 9px -6px rgba(0, 0, 0, 0.3);
    margin-bottom: 0;
    min-height: 140px;
}
.main_container.login_section.N-LBranding{background: #fff;}
.N-LBranding .login_row .logo a{
        width: 231px;
        height: 95px;
        background: url(../img/NB-logo-login.png) no-repeat 0 0px;
}
.N-LBranding .login_row .logo{
    width: 231px;
    height: 95px;
}
.N-LBranding .account-wall{
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.N-LBranding .wrapper{
    background: #ffffff !important;
}
.N-LBranding .form-signin .form-control{
    background: #F8F8F8;
    border: 1px solid #D7DCDE;
    height: 57px;
    color:#6D767E;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    transition: all 1.5s;
}
.N-LBranding .form-signin .form-control:hover{
      background:#EBF8FF;
      border: 1px solid #AAE0FF;
}
.N-LBranding .form-signin .form-control:focus{
    box-shadow:none;
}
.N-LBranding .form-signin .form-control:focus:hover,
.N-LBranding .form-signin .form-control:active:hover {
    border: 1px solid #D7DCDE;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #D7DCDE !important;
  -webkit-text-fill-color: #6D767E !important;
  -webkit-box-shadow: 0 0 0px 1000px #F8F8F8 inset !important;
  transition: background-color 5000s ease-in-out 0s;
}


.N-LBranding .btn-login button{
    background: #455A64;
    border: 1px solid  #455A64;
    height: 56px;
    text-transform:capitalize;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    text-shadow: none;

}
.N-LBranding .btn-login button:hover{
    background: #27CB62;
    border: 1px solid  #27CB62;
}
.N-LBranding .btn-login button.active:focus,
.N-LBranding .btn-login button:active:focus {
    background: #339B59;
    border: 1px solid  #339B59;
    box-shadow: none;
}
.N-LBranding .btn-login button.disabled,
.N-LBranding .btn-login button[disabled],
.N-LBranding .btn-login fieldset[disabled] {
    cursor: not-allowed;
    background:#EAEFF1 ;
    border: 1px solid #EAEFF1;
    color:#B1B5B7;
}

.N-LBranding .btn-login button.disabled:hover ,
.N-LBranding .btn-login button[disabled]:hover ,
.N-LBranding .btn-login fieldset[disabled]:hover,
.N-LBranding .btn-login button.disabled:active ,
.N-LBranding .btn-login button[disabled]:active ,
.N-LBranding .btn-login fieldset[disabled]:active {
    cursor: not-allowed;
    background:#EAEFF1 ;
    border: 1px solid #455A64;
    color:#B1B5B7;
}
.N-LBranding .form-group a.forgotpass{
    color:#263238;
    font-size: 16px;
    text-decoration: underline;
    font-family: 'Lato', sans-serif;
}
.N-LBranding .form-group a.forgotpass:hover{
    color:#0B71D8;
}
.N-LBranding .login_row .help-block{
    color: #6D767E;
    font-size: 11px;
    margin: 20px 0 0;
    font-family: 'Lato', sans-serif;
}
.N-LBranding .login_row h5{
    color: #263238;
    font-family: 'Lato', sans-serif;
}
.N-LBranding .login_row .login-sub-text {
    color: #263238;

}
.N-LBranding .new-account{
    color: #263238;
    text-decoration: underline;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}
.N-LBranding .alert{
    font-family: 'Lato', sans-serif;
}
.N-HBranding {
    background: #fff;
    box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 2px;
    height:52px;
    font-family: 'Lato', sans-serif;
}
.page-title{
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    line-height: 24px;
}

.N-HBranding .frost-designer {
    float: left;
}

.N-HBranding .frost-lo-repository {
    width: 260px;
    float: left;
}

.N-HBranding  .dropdown-menu{
    background: #fff;
    border: 1px solid #EAEFF1;
    -webkit-box-shadow: 0 8px 10px rgba(0,0,0,.175);
     box-shadow: 0 8px 10px rgba(0,0,0,.175);
     border-radius: 1px;
     width: 125px;
    min-width: inherit;
    left: inherit;
    right: 0;
    margin-top: -8px;
}
.N-HBranding  .dropdown-menu.with-bp{
    width: 175px;
}

.N-HBranding  .dropdown-menu li a {
    color: #263238;
    padding: 10px 15px;
    white-space: normal;
    /* transition: all .5s; */
    font-family: 'Lato',sans-serif;
}
.N-HBranding .dropdown-menu>li>a:focus,
.N-HBranding .dropdown-menu>li>a:hover{
    background-color: #fff;
    background-image: none;
    color: #263238;
}
.N-HBranding .dropdown-menu>li>a.active:hover{
    background: #fff;
    color: #263238;
    cursor: default;
}
.N-HBranding .dropdown-menu>li>a:focus,
.N-HBranding .dropdown-menu>li>a.active:focus,
.N-HBranding .dropdown-menu>li>a.active:focus:hover{
    background: #fff;
    color: #263238;
    cursor: default;
    outline: 1px solid transparent;
    box-shadow: inset 0 0 0 2px #4d90fe;
}

.N-HBranding .dropdown-menu>.active>a{
    background-color: #fff;
    background-image: none;
}


.N-HBranding .dropdown-menu>.active>a:focus,
.N-HBranding .dropdown-menu>.active>a:hover {
    background-color:#27CB62;
    background-image: none;
}
.N-HBranding  .dropdown-menu li a span{
    display: none;
}
.N-HBranding  .dropdown-menu li a.active span{
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #4BE4EF;
    border-radius: 50%;
    float: left;
    position: absolute;
    top: 18px;
    left: 5px;
}
.N-HBranding .menu-list{
    width: 28px;
    height: 23px;
    position: relative;
    border-radius: 3px;
    top: 12px;
    left: 5px;
}
.N-HBranding .menu-list button{
    width: 28px;
    height: 23px;
    background: #F8F8F8;
    border: 1px solid #F8F8F8;
    border-radius: 3px;
}

.N-HBranding  .menu-list button:hover{
    background: #27CB62;
    border:1px solid  #27CB62;

}
.N-HBranding  .menu-list button:hover .down-arrow{
    color:#fff;
}

.N-HBranding  .menu-list button.active:focus,
.N-HBranding  .menu-list button:active:focus {
    background: #339B59;
    border: 1px solid  #339B59;
    box-shadow: none;
}
.N-HBranding  .menu-list button.disabled,
.N-HBranding  .menu-list button[disabled]{
    cursor: not-allowed;
    background:#EAEFF1 ;
    border: 1px solid #EAEFF1;
}

.N-HBranding  .menu-list button.disabled .down-arrow,
.N-HBranding  .menu-list button[disabled] .down-arrow{
    color:#B1B5B7;
}

.N-HBranding  .menu-list button.disabled:hover ,
.N-HBranding  .menu-list button[disabled]:hover ,
.N-HBranding  .menu-list button.disabled:active ,
.N-HBranding  .menu-list button[disabled]:active
{
    cursor: not-allowed;
    background:#EAEFF1 ;
    border: 1px solid #455A64;
    color:#B1B5B7;
}
.N-HBranding  .menu-list .dropdown-menu {
    left:0;
    right: inherit;
    top: 30px;
    max-height: calc(100vh - 48px);
    margin-top: -2px;
    width: 125px;
}

.N-HBranding .down-arrow{
    top: 6px;
    position: relative;
    font-size: 18px;
    color: #455A64;
}
.N-HBranding .menu-list .down-arrow{
    top: 6px;
    position: absolute;
    font-size: 18px;
    color: #455A64;
    left: 5px;
}
.N-HBranding .configurable-txt{
    font-size: 28px;
    color: #455A64;
    padding: 5px 0;
    font-weight: 300;
    font-family: 'Lato',sans-serif;
}

.N-HBranding .admin-area .admin-name{
    color:#263238;
    padding: 15px 0;
    font-family: 'Lato',sans-serif;
    font-size:14px;
}
.N-HBranding .navbar-nav {
    margin: 0px 0 1px 0;
    flex-direction: row;
}
.N-HBranding .navbar-nav>li{
    float:none;
    padding: 0;
    margin-right: 8px;
    margin-left: 0;
}

.N-HBranding .navbar-nav>li>a{
    color:#263238;
    font-size: 14px;
    text-shadow:inherit;
    padding: 16px 12px 16px;
    transition: .6s;
    font-family: 'Lato',sans-serif;

}
.N-HBranding .navbar-default .navbar-nav>li>a:hover,
.N-HBranding .navbar-default .navbar-nav>li>a:focus {
    color: #263238;

}
.N-HBranding .headerlinks .navbar-nav>li.active {
    background-color:#fff;
     -webkit-box-shadow: inherit;
     box-shadow:inherit;
}
.N-HBranding .navbar-default .navbar-nav>.active>a,
.N-HBranding .navbar-default .navbar-nav>.active>a:hover,
.N-HBranding .navbar-default .navbar-nav>.active>a:focus {
    color: #263238;
    font-weight: 700;
    box-shadow: inherit;
    background: #fff;
    outline: 1px solid #fff;
}
 .N-HBranding .headerlinks .nav>li>a::after{
    background:transparent;
}

.N-HBranding .admin-menu{
    border-left:none;
}

.N-PBranding .header-m {
    background: #fff;
    color: #263238;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    font-family: 'Lato', sans-serif;
}
.N-PBranding button.close {
    color: #263238;
    border-radius: 50%;
}
.N-PBranding button.close:hover {
    background-color: #27CB62;
    color: #fff;
    opacity: 1;
}
.N-PBranding .modal-content {
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
     box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.N-PBranding .modal-content .inner-modal-content {
    padding: 0 0 20px 0;
}

.N-DBranding .dashboard-page-title .search-area {
    width: 20%;
    padding-top: 0;
    padding-right: 35px;
}
.N-DBranding .search-frm.form-control:focus {
    border-color: #ccc;
}
.N-DBranding .form-control:focus{
    box-shadow:none;
}
.N-DBranding .btn-default{
    box-shadow:none;

}
.N-DBranding .search-area .input-group .input-group-btn .btn-search.advance-btn{
    color: #263238;
}
.search-area .input-group-focus .input-group-btn .btn-search-new {
    padding: 7px 8px;
    line-height: 18px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #ccc;
    border-left: 0 solid #ccc;
    height: 32px;
    background: #fff;
}
.N-DBranding .input-group:focus .form-control, .N-DBranding  .input-group:focus .input-group-btn .btn-search{
       box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.search-area .input-group-focus .form-control:focus {
    box-shadow: 0 0 0 .5px #4d6be8;
}
.search-area .input-group-focus .form-control:focus,
.search-area .input-group-focus .form-control:focus ~ .input-group-btn .btn-search-new {
    border-color: #4d6be8;
    background-color: #f5fbff;
}
.search-area .input-group-focus .form-control:focus ~ .input-group-btn .btn-search-new {
    box-shadow: .5px 0 0 .5px #4d6be8;
}
.N-Edtr-Branding img{
    width:85px;
    height:35px;
    margin-top:0 !important;

}
.N-HBranding .header-m{
    background: #fff;
    color: #263238;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.N-HBranding button.close:hover {
    background-color: #27CB62;
    color: #fff;
    opacity: 1;
}
.N-HBranding button.close{
    color: #263238;
    border-radius: 50%;
}
.N-HBranding .modal-content{
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.N-HBranding .modal-content .inner-modal-content{
    padding:0 0 20px 0;
}
.N-HBranding .nav.stroke  li a{
  position: relative;
}
.N-HBranding .nav.stroke  li a:after
 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 50% ;
  content: '.';
  color: transparent;
  background: #4BE4EF;
  height: 2px;
  transition: .3s;
  transform: inherit;
  opacity: 0;
}
.N-HBranding  .nav.stroke li a:focus:after,
.N-HBranding  .nav.stroke li a:hover:after,
.N-HBranding  .nav.stroke li.active a:after {
    height: 2px;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
}

.N-HBranding  .nav.stroke li.active a:after {
    outline: 1px solid transparent;
}

.N-HBranding .navbar-default .navbar-nav>.active>a:after{
    width: 100%;
}

  .N-HBranding .admin-area{
    padding: 0;
    height: max-content;
    margin-top: 3px;
  }
  .N-HBranding .tenant-switch-wrap{
    padding-right: 15px;
  }
.animate {
    animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }


@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform:translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}


@-webkit-keyframes slideIn {
  0% {
    -webkit-transform: transform;
    -webkit-opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    -webkit-opacity: 1;
  }
  0% {
    -webkit-transform: translateY(1rem);
    -webkit-opacity: 0;
  }
}

.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}
.N-CBranding .search-area{
    padding-top: 0;
    padding-right: 30px;
}
.popup-boxes .adv-search .bottom-space{
    margin-bottom: 32px;
}

.kvp-select-btn{
    background: #eaeff1;
    padding: 6px 15px;
    color: #090808;
    border: 1px solid #eaeff1;
    font-weight: 400;
    line-height: 18px;
    transition: all .2s ease-in-out;
    text-transform: capitalize;
    margin-left: 0;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    font-family: 'Source Sans Pro'!important;
}

@media screen and (max-width:1200px) {
    .headerlinks {
        width: 100%;
        border-top: 1px solid #4b2a87;
    }
}

@media screen and (max-width:1024px) {
    .headerlinks {
        width: 100%;
        border-top: 1px solid #4b2a87;
    }
}

@media screen and (max-width:800px) {
    .headerlinks {
        width: 100%;
        border-top: 1px solid #4b2a87;
    }
    .list-view .theme-box-col {
        height: auto !important;
    }
    .N-HBranding .headerlinks {
        border-top: 1px solid #ddd;
    }

    .N-HBranding{
        padding:0;
    }
    .N-HBranding .admin-area{
        padding: 0 15px 0 0;
    }
    .N-HBranding .LHeader-wrap {
        padding-left: 15px;
    }
}

@media screen and (max-width:767px) {
    .list-view .box-theme-title {
        padding: 10px !important;
        border-top: 1px solid #f2f2f2;
    }
    .list-view .theme-box-col .box-theme {
        width: 200px;
        margin: 0 auto;
        display: block;
        box-shadow: none;
        border: 0 !important;
    }
}

@media only screen and (max-width: 600px) {
    .metadata-container .form-control {
        width: 85%;
    }
    .dropdown .btn {
        width: 85%;
    }
    .input-group-addon.adds-button {
        right: 39px;
    }
    .input-group-addon.delete-button {
        right: -3px;
    }
    .qtn-information {
        right: 78px;
    }
}

@media only screen and (max-width: 400px) {
    .metadata-container .form-control {
        width: 75%;
    }
    .input-group-addon.adds-button {
        right: 39px;
    }
    .input-group-addon.delete-button {
        right: -3px;
    }
    .form-group.filter-title label {
        float: left;
        margin: 0;
        padding: 0;
    }
    .qtn-information {
        right: 68px;
    }
    .dropdown .btn {
        width: 76%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .sprite {
        background-image: url(../img/sprite_ratina.png);
        background-repeat: no-repeat;
        background-size: 500px 300px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
    .sprite {
        background-image: url(../img/sprite_ratina.png);
        background-repeat: no-repeat;
        background-size: 500px 500px;
    }
}
.select2-container .select2-choice {
    padding-top: 4px !important;
    padding-right: 16px !important;
    padding-bottom: 4px !important;
    padding-left: 16px !important;
    line-height: 24px !important;
    color: #6F6C6E !important;
    border: 1px solid #B1B5B7 !important;
    background-color: #ffffff;
    background-image: inherit;
    box-shadow: none;
}
  .select2-container .select2-choice:hover{
    border: 1px solid #B8D4F4 !important;
    background-color: #EBF5FF !important;
    background-image: none;
    cursor: pointer;
  }
  .select2-container .select2-choice .select2-arrow {
    background: #fff;
    border-radius: 0;
    background-image: inherit;
    border-left: 0;
    width: inherit;
}
  .select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background:inherit;
}
.select2-chosen:after {
    content: "keyboard_arrow_down";
    font-family: 'Material Icons';
    font-size: 22px;
    color: #5c5c5c;
    position: absolute;
    right: 10px;
}
.select2-search{
    margin-bottom: 8px;
}
.select2-drop{
    margin-top: 0;
    box-shadow: 0 8px 10px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 8px 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 8px 10px rgba(0,0,0,.3);
    border: 1px solid #EAEFF1 !important;
    border-radius:4px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #090808;
}
.select2-results .select2-highlighted {
    background: #EDF5FF !important;
    color: #090808;
}
.select2-results .select2-result-label {
    padding: 6px 16px 6px;
    cursor: pointer;
    min-height:inherit !important;
}
.select2-results{
    padding: 0;
    margin: 0;
}
.select2-dropdown-open .select2-choice{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container .select2-choice > .select2-chosen{
    color: #0A2032;
    font-size: 14px;
}
.required, .text-danger{
    color: #E71849;
}
.delete-wrap{
    position: relative;
}
.tooltip1 {
    padding: 5px;
    position: absolute;
    top: 32px;
    left: -31px;
    color: #090808;
    box-shadow: -2px 0px 5px  0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow:-2px 0px 5px  0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: -2px 0px 5px  0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    border: 1px solid #EAEFF1;
    background: #fff;
    width: 116px;
}
.tooltip1::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -24px;
    bottom: 10px;
    left: 83px;
    box-sizing: border-box;
    border: 10px solid #000;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(136deg);
    box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.2);

}
.selectfile {
    display: inline-flex;
    margin-right: 15px;
    float: left;
    top: 5px;
    position: relative;

}
.sweet-alert.global-object-div button.confirm {
    background: #EAEFF1 !important;
    padding:6px 15px;
    color: #090808 ;
    border: 1px  solid #EAEFF1 !important;
    font-weight: 400;
    line-height: 18px;
    transition: all .2s ease-in-out;
    text-transform: capitalize;
    margin-left: 0;
}

.sweet-alert.global-object-div button.confirm:hover,
.sweet-alert.global-object-div button.confirm:focus,
.sweet-alert.global-object-div button.confirm:active,
.sweet-alert.global-object-div button.confirm.active {
    background: #EDF5FF !important;
    border: 1px  solid #EDF5FF !important;
}

.sweet-alert.global-object-div button.cancel{
    background: #0267ED !important;
    padding:6px 15px !important;
    color: #fff !important;
    border: 1px  solid #0267ED !important;
    font-weight: 600;
    line-height: 18px;
    transition: all .2s ease-in-out;
    text-transform: capitalize !important;
    text-shadow: none;
    box-shadow: none;
}

.sweet-alert.global-object-div button.cancel:hover {
    background: #2E86FA !important;
    border: 1px  solid #2E86FA  !important;
}
.sweet-alert.global-object-div button.cancel:active{
    background: #042D64 !important;
    border: 1px  solid #042D64 !important;
}
.sweet-alert.global-object-div button.cancel:focus{
    box-shadow:0 0 0 0.2rem rgba(0,123,255,.25) !important;
    outline: 0 !important;
}
.sweet-alert.global-object-div hr{display: none;}

.usage-count-not0{
    color: #4285f4;
}
.d-flex{display:flex;}
.justify-content-between{justify-content: space-between;}
.align-items-center{align-items: center;}
.image-placeholde-box-1{
    margin-top: 0;
    max-width: 155px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-bottom: 5px;
    height: 88px;
}
.image-placeholde-box-1 img{
    max-height: 100%;
    margin: auto;
    display: block;
}
.bg-white{
    background: #fff;
}
.link-text{
    color:#0B71D8;
}
.position-absolute{position: absolute; right: 0;}
.lastModified{font-size:14px;}
.last-updated{text-align: right;}
.pading-none{padding:initial;}

.cont-text button span.fa-lock { color: #ff0000; }
.deleteButton{padding: 7px 12px !important;}
@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }
    100% {
        background-position: 468px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }
    100% {
        background-position: 468px 0
    }
}

.lm-animated-background {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #eeeeee;
    background: -webkit-gradient(linear, left top, right top, color-stop(10%, #eeeeee), color-stop(20%, #f7f9fa), color-stop(30%, #eeeeee));
    background: -webkit-linear-gradient(left, #eeeeee 10%,   #f7f9fa 20%, #eeeeee 30%);
    background: linear-gradient(to right,  #eeeeee 10%,   #f7f9fa 20%, #eeeeee 30%);
    background-size: 800px 104px;
    position: relative;
    border-radius: 4px;
}
.content-loader p{
    font-size: 13px;
    color: #ccc;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 8px;
}
.lm-loader-wrapper .lm-animated-background{
    width: 100%;
    height: 100%;
}
.lm-grid-view-loader .block-img{
    vertical-align: top;
    background: transparent;
}
.lm-grid-view-loader .box-img-out{
    height: 250px;
}
.block-img .lm-loader-wrapper{
    padding: 15px 15px 0 15px;
    height: 163px;
}
.lm-grid-view-loader .box-theme-title{
    padding: 15px;
    height: 65px;
}
.box-theme-title .lm-loader-wrapper{
   height: 100%;
}
.lm-list-view-loader .theme-box-col{
    padding: 15px;
}
.lm-list-view-loader .theme-box-col .lm-loader-wrapper{
    height: 125px;
}
.lm-grid-modal-assets-loader .get-container{
    width: inherit;
    float: inherit;
    margin: 0;
}
.lm-grid-modal-assets-loader .get-container .block-img{
    display: block;
    height: auto;
    background: #eeeeee;
    width: 100%;
}
.lm-grid-modal-assets-loader .lm-loader-wrapper{
    padding: 0;
}
.lm-grid-modal-assets-loader .box-theme{
    border: 1px solid transparent;
    box-shadow: none;
    padding: 20px;
}
.lm-grid-modal-assets-loader .box-theme:hover{
    border: 1px solid #95C4FF;
    border-radius: 8px;
    box-shadow: 0 0px 15px rgba(180, 207, 251, 0.8);
}
.lm-loader-wrapper.lm-toc-loader{
    padding: 32px 48px;
}
.lm-loader-wrapper.lm-toc-loader .lm-animated-background{
    width: 100%;
    height: 32px;
    margin-bottom: 10px;
}
.lm-loader-wrapper.lm-toc-loader .lm-animated-background:nth-child(1){
    width: 60%;
}
.lm-loader-wrapper.lm-toc-loader .lm-animated-background:nth-child(2){
    width: calc(100% - 48px);
    margin-left: 48px;
}
.lm-loader-wrapper.lm-toc-loader .lm-animated-background:nth-child(3){
    width: calc(100% - 96px);
    margin-left: 96px;
}
.lm-loader-wrapper.lm-empty-toc-loader{
    width: 350px;
    height: 250px;
    margin: 48px auto 0;
}
.table-tr-loader .lm-loader-wrapper{
    height: 64px;
}
.lm-loader-wrapper.lm-sidebar-toc-loader .lm-animated-background{
    width: 100%;
    height: 32px;
    margin-bottom: 10px;
}
.lm-loader-wrapper.lm-sidebar-toc-loader{
    padding: 4px 0px 2px 18px;
}
.lm-loader-wrapper.lm-sidebar-toc-loader .lm-animated-background:nth-child(1){
    width: 80%;
}
.lm-loader-wrapper.lm-sidebar-toc-loader .lm-animated-background:nth-child(2){
    width: calc(100% - 30px);
    margin-left: 30px;
}
.lm-loader-wrapper.lm-sidebar-toc-loader .lm-animated-background:nth-child(3){
    width: calc(100% - 60px);
    margin-left: 60px;
}
.toccontent-container-cont .lm-loader-wrapper,
.lm-content-loader.lm-loader-wrapper{
    height: 90px;
    width: 100%;
    margin: 8px auto;
}
.lm-container+.view-wrapper{
    box-shadow: none;
}
.lm-container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.lm-loader-wrapper.lm-toc-loader .lm-animated-background.Ccom-loaoder{
    width:100%;
    height:40px;
}
@media (min-width: 768px){
    .lm-container {
        width: 750px;
    }
}
@media (min-width: 1200px){
    .lm-container {
        width: 1170px;
    }
}

@media (min-width: 992px){
    .lm-container {
        width: 970px;
    }
}
.tagged-link{
    color: #333;
    font-size: 13px;
    text-decoration: underline;
 }

 .dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 221px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10;
    max-height: 110px;
    overflow-y: auto;
    left:inherit;
    padding: 10px;
    border-radius: 4px;
 }
 .dropdown-content .tag-dropdown li {
    display: flex;
    padding: 5px 0 !important;
    border-top: none !important;
 }
 .select2-container.select2-container--default{width: 250px !important;}
.select2-container--default .select2-selection--multiple{
    border: 1px solid #d7dcde;
    border-radius: 0;
    margin-bottom: 10px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #d7dcde;
    outline: 0;
    border-radius: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
    margin-bottom: 0;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    padding: 0;
}
.select2-container--default .select2-results__options .select2-results__option{
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background: transparent;
}
.select2-container--open .select2-dropdown--below{
    border-radius: 0;
}
.select2-container--open .select2-dropdown {

    padding: 5px 10px;
    border: none;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice{

    border: 1px solid #e2e8e8;
    border-radius: 2px;
    background-color: #e2e8e8;
    background-image: none;
    color: #090808;
    box-shadow: none;
    width: 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover
.select2-selection__choice__remove{
    display: block;

}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    position: absolute;
    right: 5px;
    width: 13px;
    height: 13px;
    background: #004ecb;
    border-radius: 50%;
    top: 4px;
    color: #fff;
    margin-right: 0;
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{
    color: #fff;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 9px;
    font-weight: bold;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e2e8e8;
}

.tag-users-label{
    font-size: 13px;
    padding: 4px 4px 0 4px;
    margin-bottom: 10px;
    display: inline-block;
    cursor: pointer;
 }
 .tag-users-label:hover{
     color: #3877df;
     text-decoration: underline;
 }
 .tag-users-pic {
    font-size: 13px!important;
    position: relative;
    top: 3px;
    color: #333;
    right: 0;
    }

.tag-dropdown { padding:0; }
.readytotest1{float:left;}
.readytotest{margin-right:3px;}
#ticket_attachment {
    margin: 0 0 8px 0;
}
.assign-user{
    float: right;
    display: flex;
    position:relative;
}
.userName{text-transform:none;     max-width: 90px;     word-break: break-word;}
.PO-UserName{display: flex;}
.dropdown-content.bottom{
    bottom:30px;
}

table th, table td{position: relative !important;}

.name-assignee {
    color: #333;
    font-size: 13px;
    word-break: break-word;
    text-transform:none;
    width:60%;
    margin-right:8px;
 }
 .name-designation {
    font-size: 12px;
    color: #999;
    word-break: break-word;
    text-transform: capitalize;
    width:40%;
 }
.Vupdate-popup {
    position: absolute;
    left: 50%;
    background: #2e7d32;
    padding: 10px 15px;
    color: #fff;
    font-weight: 300;
    min-width: 25%;
    margin-left: -12.5%;
    font-size: 14px;
}
.Vupdate-popup span:before{
  font-family: 'Material Icons';
  content:"done";
  padding: 0 6px 0 0;
}
.Vupdate-popup .close {
    font-size: 14px;
    border-radius: 50%;
    position: relative;
    top: 2px;
    padding: 3px;
    color: #fff !important;
    opacity: 1;
    font-weight: normal;
}
.Vupdate-popup .close:hover{
    background: #fff;
    color: #3d5afe !important;
    outline: none;
}
button.btn-newVersion {
    background: #fff9c4 !important;
    color: #333 !important;
    text-transform: capitalize !important;
    border: 1px solid #fff9c4 !important;
    text-decoration: underline !important;
    padding: 5px 18px;
    text-shadow:none;
    box-shadow:none !important;
}

.btn-newVersion .notify-icon{
    font-size: 11px;
    position: relative;
    top: 2px;
    right: 7px;
}
.TVersion-area .btn-secondary {
    background: #EAEFF1;
    padding: 6px 15px;
    color: #090808;
    border: 1px solid #EAEFF1;
    font-weight: 400;
    line-height: 18px;
    transition: all .2s ease-in-out;
    text-transform: capitalize;
    margin-left: 0;
    border-radius: 4px;
}
.TVersion-area .btn-secondary:hover{
    background: #EDF5FF;
    border: 1px  solid #EDF5FF;
}
.TVersion-area .btn-secondary:active{
    background: #EDF5FF;
    border: 1px  solid #EDF5FF;
}
.TVersion-area .btn-secondary:focus{
    box-shadow:0 0 0 0.2rem rgba(0,123,255,.25);
    outline: 0;
}
.TVersion-area .btn-secondary.disabled{
    background: #f8f8f8;
    border: 1px  solid #f8f8f8;
    color: #B1B5B7;
    box-shadow: none;
}
.right-space{
    margin-right: 5px;

}
.TVersion-area .btn-primary{
    background: #0267ED;
    padding:6px 15px;
    color: #fff;
    border: 1px  solid #0267ED;
    font-weight: 600;
    line-height: 18px;
    transition: all .2s ease-in-out;
    text-transform: capitalize;
    text-shadow: none;
    box-shadow: none;
}
.TVersion-area .btn-primary:hover{
    background: #2E86FA ;
    border: 1px  solid #2E86FA ;
}
.TVersion-area .btn-primary:active{
    background: #042D64;
    border: 1px  solid #042D64;
}
.TVersion-area .btn-primary:focus{
    box-shadow:0 0 0 0.2rem rgba(0,123,255,.25);
    outline: 0;
}
.TVersion-area .btn-primary.disabled{
    background: #f8f8f8;
    border: 1px  solid #f8f8f8;
    color: #B1B5B7;
    box-shadow: none;
}



button.btn-primary.lor-primary-btn{
    background: #fff;
    border: 1px solid #fff;
    box-shadow: none;
    color: #090808;
    padding: 6px 15px;
    font-size: 14px;
    font-weight: 400;
    text-shadow: inherit;
    text-transform: capitalize;
    display:inline-flex;
}
.icons-size {
    font-size: 18px;
    position: relative;
    top: 2px;
}
button.btn-primary.lor-primary-btn:hover{
    background-color: #edf5ff;
    border: 1px solid #edf5ff;
    color: #090808;
}
button.btn-primary.lor-primary-btn.active,
button.btn-primary.lor-primary-btn:active{
    background-color: #edf5ff;
    border: 1px solid #edf5ff;
    color: #090808;
}
.course-compo-wrap h4{
    font-size:18px;
    font-weight:500;
}

.data-block{
    padding: 15px 40px;
    border-bottom: 1px solid #ccc
}
.course-compo-wrap h4{
    font-size:18px;
    font-weight:500;
}
.data-block table th{
    padding: 0;
    background: transparent;
    border: 0;
}
.data-block table td{
    padding: 0;
    font-size: 24px;

}
.chart-report{
    padding: 10px;
}
.from-container .data-block table tr:hover td{
    background: transparent;
}
.undo-icon {
    position: absolute;
    left: -24px;
    font-size: 16px !important;
    top: 0;
    display: none !important;
}
.undo-icon.show{
    display: inline-block !important;
}

.table.listView{
    table-layout: fixed;
    margin-bottom: 50px;
}
.table.listView thead th {
    padding: 10px 15px;
    border-top: 0;
    border-bottom: 0;
    vertical-align: middle;
    text-align: left;
    background: transparent;
    font-weight: 500;
}
.table.listView tr {
    border-bottom: 1px solid #cbcbcb;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.table.listView tbody tr td {
    padding: 8px 15px;
    border-top: 0;
    border-bottom: 0;
    vertical-align: top;
    position: relative;
    word-break: break-word;
}
.table.listView tbody tr:hover td{
    background: transparent;
    border-top: 1px solid #95c4ff;
    cursor: pointer;
    color: #0267ed;
}
.table.listView tbody tr.noLink.noHover:hover{
    box-shadow: NONE;
    border-bottom: 1px solid #cbcbcb;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;

}

.table.listView tbody tr.noLink:hover td{
    cursor:default;

}
.table.listView tbody tr.noLink:hover td{
    color: #333;
}
.table.listView tbody tr.noLink.bold:hover td{
    color:#333;
}
.table.listView.table-fixed tr.noLink{
    cursor:default;
}



.table.listView tbody tr:hover {
    border-radius: 0;
    box-shadow: 0 0 10px rgba(180,207,251,.8);
    border: 1px solid #95c4ff;
}
.table.listView tbody tr.disabled{
    border-bottom: 1px solid rgba(203,203,203,0.5);
    color: rgba(0,3,51,0.3);
}
.table.listView tbody tr.disabled:hover {
    box-shadow: 0 0 10px rgba(180,207,251,.8);
    border: 1px solid #95c4ff;
}
.table.listView tbody tr.disabled.noLink:hover  td{
    color: rgba(0,3,51,0.3);
}

.table.listView.table-fixed tr {
    display: block;
    border-top: 1px solid transparent;
    cursor:pointer;
}
.table-fixed th, .table-fixed td {
    width: 200px;
}
.table-fixed tbody {
    display: block;
    width: 100%;
    overflow-y: scroll;
    max-height: 650px;
}
.table.listView.table-fixed tbody tr:hover td{
    border-top: 0;
}

.btm-more-btn{margin-right: 25px;}
.paginate {display:inline-flex; line-height: 30px;}
.paginate .pagination li a{
    border: none;
    line-height: 36px;
    color: #090808;
    padding:0 10px;
}

.paginate .pagination li a:hover{
    text-decoration: none;
    background-color: #e9ecef;
    color: #090808;
}
.paginate .pagination li a:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    border-radius: 4px;
}
.paginate .pagination li.active a{
    background-color: transparent;
    border-color: transparent;
    color: #007bff;
    text-decoration: underline;
}
.paginate .pagination li.active a:hover{
    background-color: transparent;
    color: #007bff;
}
.paginate .pagination li.prev a,
 .paginate .pagination li.next a{
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
}
.paginate .pagination li.prev a::before{
    content: "keyboard_arrow_left";
    font-family: 'Material Icons';
    position: relative;
    left: -6px;
    top: 12px;
    font-size: 32px;
    line-height: 18px;
    border-radius: 50%;
}


.paginate .pagination li.next a::after{
    content: "keyboard_arrow_right";
    font-family: 'Material Icons';
    position: relative;
    left: -5px;
    top: 10px;
    font-size: 32px;
    line-height: 18px;

}
.paginate .pagination li.prev a:hover,
.paginate .pagination li.next a:hover{
    background-color: #EDF5FF;
    color: #0267ED;
    border-radius: 50%;
}
.paginate .pagination li.prev.disabled a:hover,
.paginate .pagination li.next.disabled a:hover{
    background-color:transparent;
    color: #B1B5B7;
}
.paginate .pagination li.prev a:focus,
.paginate .pagination li.next a:focus{
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);

}
.paginate .pagination li.prev.disabled a:focus,
.paginate .pagination li.next.disabled a:focus{
    box-shadow: none;
    outline: 0;
}
.paginate .pagination li.prev.disabled a::before,
.paginate .pagination li.next.disabled a::after{
    color: #B1B5B7;
    cursor: not-allowed;
}
.paginate .pagination li.next.top-space a,
.paginate .pagination li.prev.top-space a{
    top:-4px;
}
.table.listView tbody tr.disabled .global-icons{
    color:rgba(92,92,92, 0.2)
}
.global-icons {
    font-size: 18px !important;
    color: #5c5c5c !important;
    padding: 8px !important;
    border-radius: 50% !important;
    border: 1px solid transparent;
    display: inline-block;
    transition: all .3s ease 0s;
    border-color:none;
    border-color:transparent !important;

}
.Global-table .global-icons{
    line-height: 14px!important;
    background: transparent !important;
}
.Global-table .global-icons:hover{
    background-color:transparent !important;
}

.global-icons .material-icons{font-size:18px;}
.global-icons.size-big{
    padding: 10px !important;
}
.global-icons:hover {
    background-color: #edf5ff !important;
    color: #0267ed !important;
}
.global-icons.size-big {
    padding: 10px;
}
.global-icons:focus {
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
}
.global-icons:active {
    background-color: #edf5ff !important;
    color: #042d64 !important;
    border: 1px solid #b8d4f4;
    box-shadow: none;
}
.moreBtn{position:relative;}
.moreBtn .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    float: left;
    min-width:170px;
    padding-top: 16px;
    padding-bottom: 16px;
    box-shadow: 0 8px 10px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 8px 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 8px 10px rgba(0,0,0,.3);
    border-radius: 4px;
    font-size: 1rem;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #eaeff1;
    display:none;

}
.moreBtn .dropdown-menu.open{
    display:block;
}
.moreBtn .dropdown-menu a.font-link{
    padding: 6px 14px;
    line-height: 20px;
    font-size: 14px;
    color: #090808;
    display: block;
    text-decoration: none;
}
.moreBtn .dropdown-menu a.font-link:hover{
    background-color: #edf5ff;
    background-image: none;
}

.RG-date {
    font-weight: 500;
    font-size: 14px;
    float: right;
    color: #090808;
}
.assignment_name.rubricName {
    width: inherit;
    padding-right: 40px;
}
input[type=number] {
  -moz-appearance: textfield;
}
.trashIcon-mid {
    bottom: 2px !important;
    top: inherit !important;
    left: 50%;
    width: 20px;
    height: 25px;
    margin-left: -10px;

}
.trashIcon-mid .fa-trash{
    position: absolute;
    left: 3px;
    top: 3px;
}
.addIcon-mid {
    bottom: 5px !important;
    left: 41%;
    width: 20px;
    height: 18px;
    margin-left: -10px;

}
.addIcon-mid .fa-plus-circle{
    position: absolute;
    left: 1px;
}
.char-limit{
    font-size: 10px;
    position: relative;
    top: -5px;
    padding-bottom: 2px;
    display: inline-block;
}
.ext_res_group.height-min{
    min-height:72px;
    height:inherit;
    display:inline-flex;
}
.ext_res_group.height-min .asset_name{
    position: relative;
    word-break: break-word;
    margin-left: 0;
}
.height-min .wrap-txt{
    position: relative;
    margin-right: 61px;
    margin-left: 10px;
}
.height-min .asset_type{
    left:inherit;
    top:inherit;
    padding:10px 0;
    display:block;
}
.file-width{
    word-break: break-word;
    margin-right: 45px;
}
.spaceRight{
    margin-right: 10px;
    margin-bottom:0;
}
.dropdown-menu.change-style>li>a{
    padding: 5px 10px;
    font-size:13px;
    white-space: inherit;
    word-break: break-word;
}
#link_modal .dropdown.link-dropdown .dropdown-menu.change-style{
    max-height:110px;
}
#widget_copy_modal .dropdown.link-dropdown .dropdown-menu{
     width:100%;
    max-height: 150px;
    overflow: auto;}
.epub-assessment-modal .paginate .pagination li a{
    float: none;
}
.epub-assessment-modal .paginate .pagination li.prev a::before{
    top: 12px;
}
.epub-assessment-modal .paginate .pagination li.next a::after{
    top: 12px;
    left: 2px;
}
.epub-assessment-modal .paginate .pagination li.next.disabled a:hover,
.epub-assessment-modal .paginate .pagination li.prev.disabled a:hover,
.epub-assessment-modal .paginate .pagination li.next.disabled a,
.epub-assessment-modal .paginate .pagination li.prev.disabled a {
    background-color: transparent;
    color: #b1b5b7;
}
.epub-assessment-modal .prediv,
.course-assessment-modal .prediv{
    padding: 5px 10px;
}
.epub-assessment-modal .prediv .radio,
.course-assessment-modal .prediv .radio{
    display: flex;
    align-items: flex-start;
}
.epub-assessment-modal .prediv .radio>.wordBreak,
.course-assessment-modal .prediv .radio>.wordBreak{
    flex: 1;
}
.epub-assessment-modal .prediv .prevbtn,
.course-assessment-modal .prediv .prevbtn{
    margin-left: 15px;
}
.link-disabled{
    color: #333333;
    text-decoration: initial;
    pointer-events: none;
}
.N-HBranding .admin-area .admin-name {
    color: #263238;
    padding: 10px 15px;
    font-family: 'Lato', sans-serif;
    background: #fff;
    margin-top: 0;
    float: right;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;


}
.N-HBranding .admin-area .admin-name:hover{
    background: #f0efef;
}
.N-HBranding .down-arrow {
    top: 5px;
    position: relative;
    font-size: 18px;
    color: #455A64;
}
.popup-newdesign .header-m {
    background: #fff;
    color: #0A2032;
    font-size: 23px;
    border-radius: 0;
    font-family: 'Lato', sans-serif !important;
    padding: 15px 20px 15px 31px;
    padding-right: 40px;
}
.popup-newdesign .header-m .close{
    color: #5c5c5c;
    padding: 4px;
    border-radius: 50%;
    border: 1px solid transparent;
    display: inline-block;
    transition: all 0.3s ease 0s;
    line-height: 19px;
    position: absolute;
    top: 20px;
    right: 15px;
}
.popup-newdesign .header-m .close .material-icons{
    font-size: 22px;
}
.popup-newdesign .header-m .close:hover {
    background-color: #EDF5FF;
    color: #0267ED;
}
.popup-newdesign .header-m .close:active {
    background-color: #EDF5FF;
    color: #042D64;
    border: 1px solid #B8D4F4;
}
.popup-newdesign .header-m .close:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    outline: none;
}
.popup-newdesign .header-m .close.disabled {
    background-color: transparent;
    color: #B1B5B7;
    cursor: not-allowed;
}
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    color: #b1b5b7;
    box-shadow: none;
}
.lm-cl-width{
    max-width: 80%;
}
.cke_combo_open,
.cke_combo_arrow,
.cke_combo_text,
.cke_combo_button{
    cursor: pointer !important;
}
.cke_combo.cke_combo__format .cke_combo_button{
    border:0 !important;
    background: transparent;
    margin-top: -1px !important;
    padding: 0;
}
.cke_combo.cke_combo__format .cke_combo_button:focus,
.cke_combo.cke_combo__format .cke_combo_button.focus,
.cke_combo.cke_combo__format .cke_combo_button:active,
.cke_combo.cke_combo__format .cke_combo_button.active{
    background: #F5FBFF;
    box-shadow: 0  !important;
    border: 0 !important;

}
.cke_combo.cke_combo__format a.cke_combo_button:hover,
.cke_combo.cke_combo__format a.cke_combo_button:focus {
    background: transparent !important;
    background-image: none !important;
    outline: 1px solid transparent !important;
    border:0 !important;
}
.cke_combo_off a.cke_combo_button:focus {
    outline: 1px solid transparent !important;
}
.cke_combopanel{
    height: 220px !important;
    width: 185px !important;
}
.cke_toolbox .dropdown.meta-dropdown,
.cke_toolbox .dropdown.epub-dropdown{
    font-family: 'Lato', sans-serif !important;

}
.cke_toolbox .dropdown.meta-dropdown .btn.btn-default:disabled,
.cke_toolbox .dropdown.epub-dropdown .btn.btn-default:disabled{
    cursor: default;
}
.cke_toolbox .dropdown.meta-dropdown .btn.btn-default,
.cke_toolbox .dropdown.meta-dropdown .btn.btn-default:hover,
.cke_toolbox .dropdown.meta-dropdown .btn.btn-default:focus,
.cke_toolbox .dropdown.epub-dropdown .btn.btn-default,
.cke_toolbox .dropdown.epub-dropdown .btn.btn-default:hover,
.cke_toolbox .dropdown.epub-dropdown .btn.btn-default:focus{
    background: transparent;
    border-color: transparent;
    outline: 0;
     box-shadow:none;
}
.cke_toolbox .dropdown.meta-dropdown .dropdown-menu>li:first-child>a:hover,
.cke_toolbox .dropdown-menu>li:first-child>a:focus {
    border-radius:0;
}
.cke_toolbox .dropdown.meta-dropdown .dropdown-menu>li:last-child>a:hover,
.cke_toolbox .dropdown-menu>li:last-child>a:focus {
    border-radius: 0;
}
.cke_toolbox .dropdown.meta-dropdown li,
.cke_toolbox .dropdown.epub-dropdown li{
    padding:0 2px;
}


.cke_toolbox .dropdown.meta-dropdown .dropdown-menu>li>a,
.cke_toolbox .dropdown.epub-dropdown .dropdown-menu>li>a {
    font: unset;
    font-family: 'Lato', sans-serif !important;
    padding:3px 18px  !important;
    cursor: pointer;
    font-size: 16px;
    line-height: 19px;
    border: 0;
    color: #131a1c;
    white-space: normal;
    border-radius: 0;
    margin: 6px 0;
}
.cke_toolbox .dropdown.meta-dropdown.open .dropdown-menu,
.cke_toolbox .dropdown.epub-dropdown.open .dropdown-menu{
    max-height: 350px !important;
    max-width: 600px;
    min-width: 220px;
    padding: .5rem 0;
    margin: .125rem 0 0;
    overflow-y: auto;
    box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.29);
    border: 1px solid transparent;
    border-radius: 0;
}

.cke_toolbox .dropdown.meta-dropdown .dropdown-menu>li>a:hover,
.cke_toolbox .dropdown.epub-dropdown .dropdown-menu>li>a:hover{
    background-color: #f5fbff;
}


.cke_toolbox .dropdown.meta-dropdown .dropdown-menu>li>a:focus,
.cke_toolbox .dropdown.meta-dropdown .dropdown-menu>li>a:active,
.cke_toolbox .dropdown.epub-dropdown .dropdown-menu>li>a:hover,
.cke_toolbox .dropdown.epub-dropdown .dropdown-menu>li>a:focus,
.cke_toolbox .dropdown.epub-dropdown .dropdown-menu>li>a:active,
.cke_toolbox .dropdown.epub-dropdown .dropdown-menu>li.active>a{
    border-color: transparent;
    color: #333;
    background-color: #f5fbff;
    border:0;
    outline: none;
    box-shadow: 0 0 0 2px #4d6be8;
}

.cke_toolbox .dropdown.meta-dropdown .dropdown-menu>li>a:focus,
.cke_toolbox .dropdown.meta-dropdown .dropdown-menu>li>a:active,
.cke_toolbox .dropdown.meta-dropdown .dropdown-menu>li.active>a {
    background-color: #F5FBFF;
    outline: 0;
    border-radius: 0;
    color: #131a1c;
}
.lm-editor-header-right .btn{
    font-weight: 400;
    color: #131a1c;
    padding: 12px 20px;
    font-size: 18px;
    line-height: 22px;
    border-radius: 6px;
    transition: border-color .5s ease-in-out,background-color .5s ease-in-out;
}
.lm-editor-header-right .btn-high-emphasis-small{
    padding: 6px 18px;
    font-size: 14px;
    line-height: 17px;
    border-radius: 14px;

}
.lm-editor-header-right .btn-high-emphasis {
    color: #fff;
    background: #455a65;
    border: 1px solid transparent;
}
.lm-editor-header-right .btn-high-emphasis.focus,
.lm-editor-header-right .btn-high-emphasis:focus,
.lm-editor-header-right .btn-high-emphasis:hover {
    color: #fff;
    background: #26a056;
    border: 1px solid transparent;
    box-shadow: none;
    outline: 0 !important;
}
.lm-editor-header-right .clickable-icon-btn,
.clickable-icon-btn{
    background-color: transparent;
    outline: none;
    color: #455A65;
    line-height: 1;
    padding: 8px;
    border-radius: 100%;
    border: 1px solid transparent;
}
.clickable-icon-btn .lm-icon{
    font-size: 16px;
    line-height: 1;
    color: #455A65;
    vertical-align: middle;
}
.clickable-icon-btn:not([disabled]):hover,
.clickable-icon-btn:not([disabled]):focus{
    background: transparent;
    box-shadow: 0 0 0px 1px #455A65;
    outline: 1px solid transparent;
}
.page-header-section{
    border-bottom: 1px solid #ffffff;
    padding: 8px 19px 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.page-title-lock-container{
    position: relative;
}
.lm-page-title{
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    margin: 0;
    padding: 8px 0;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-header-section+.page-title{
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.clickable-icon-btn.lm-lock-unlock-btn{
    position: absolute;
    top: 4px;
    right: -78px;
}
.lm-editor-header{
    background: #fff;
    border-bottom: 1px solid #ccc;
    display: flex;
    align-items: center;
}
.lm-col-md-3{
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 15px;
    padding-left: 15px;
}
.lm-col-md-6{
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 15px;
    padding-left: 15px;
}
.short-logo{
    display: inline-block;
}
.lm-editor-header-right{
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
}
.lm-editor-header-right .btn:last-child{
    margin-left: 50px;
}
.lm-editor-header .page-header-section{
    padding: 8px 0 12px;
    box-shadow: none;
}
.lm-editor-header .clickable-icon-btn .lm-icon{
    margin-top:  0;
    margin-bottom: 0;
}
.lm-temp-lm-page-title-wrap .page-header-section{
    border-bottom: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    display: flex;
    justify-content: center;
    z-index: unset;
    height: 50px;
}
.lm-temp-lm-page-title-wrap .clickable-icon-btn .lm-icon{
    margin-top: 0;
    margin-bottom: 0;
}
header.lm  .lm-temp-lm-page-title-wrap h1.pagename{
    margin-left: 0;
    max-width: calc(50vw - 280px);
    width: auto;
}
.frost-toc-panel-left{
    width: 100%;
    border: none;
}
.frost-toc-title{
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    font-family: 'Lato',sans-serif;
    box-shadow: none!important;
    color: #111011;
    min-height: 55px!important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.frost-toc-lock-btn{
    border-radius: 100%;
    padding: 0;
    width: 30px;
    height: 30px;
    position: relative;
    left: 80px;
}
.frost-toc-lock-btn:hover {
    box-shadow: 0 0 0 1px #455a65;
}
.frost-toc-lock-btn:focus {
    outline: 0!important;
}
.frost-toc-lock-btn .lm-toc-icon{
    font-size: 18px;
    line-height: 21px;
    vertical-align: middle;
    color: #455a65;
    margin: auto 0;
}
.frost-toc-actions {
    border-bottom: 1px solid #e0e0e0;
}
.frost-toc-actions .padL-0{ padding-left: 0;}
.frost-toc-actions .padR-0{padding-right: 0;}
.frost-toc-container{
    margin-left: 15px!important;
}
.frost-toc-actions-wrap{
    padding: 3px 20px;
    display: flex;
    justify-content: flex-end;
}
.frost-toc-actions-wrap .cust-mr-25{
    margin-right: 25px;
}

.frost-toc-action-mob{
    display: none;
}

@media(max-width: 767px){
    .d-mob-none{
        display: none;
    }
    .frost-toc-action-mob{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        border-top: 1px solid #e0e0e0;
    }
}
.user-group .nav-tabs{
    background: #fff;
    padding: 0;
}

.user-group .nav.nav-tabs>li>a,
.user-group .nav.nav-tabs>li>a:hover,
.user-group .nav-tabs>li.active>a:hover,
.user-group .nav.nav-tabs>li:hover a,
.user-group .nav.nav-tabs>li.active:hover a,
.user-group .nav.nav-tabs>li.active a,
.user-group .nav.nav-tabs>li.active:focus a {
    text-transform: capitalize;
    font-size: 16px;
}
.user-group .page-title5{
    padding: 0;
    border:0;
}
.user-group .title{
    display:none;
}
.user-group .create-new-user{
    padding: 12px 15px;
}
.user-group .tab-pane .from-container{
    border:0;
}
.Group-list-container{
    padding:12px 15px;
}
.group-list{
    padding-top: 20px;
}
.btn-secondary {
    color: #131A1C;
    background-color: #fff;
    border-color: #87939A;
    font-size:14px;
    font-weight: 700;
    font-family: Lato,sans-serif;
    text-transform: capitalize;
    margin:0;
}
.unified-style.btn-secondary:hover,
.unified-style.btn-secondary:not(:disabled):not(.disabled).active,
.unified-style.btn-secondary:not(:disabled):not(.disabled):active {
    color: #131A1C;
    background-color: #F7F7F7;
    border-color: #87939A;
}

.unified-style.btn-secondary.focus,
.unified-style.btn-secondary:focus,
.unified-style.btn-secondary:not(:disabled):not(.disabled).active:focus,
.unified-style.btn-secondary:not(:disabled):not(.disabled):active:focus {
    color: #131A1C;
    background-color: #fff;
    border-color: #455A65;
    box-shadow: inset 0 0 0 1px #455A65 !important;
}
:root {
    --tertiary-darkest:#131A1C;
    --tertiary-darker:#455A65;
    --white: #ffffff;
  }
.unified-Fontcolor{
    color: var(--tertiary-darkest);
}
.unified-iconcolor{
    color: var(--tertiary-darker);
}
.font-16{
    font-size:16px;
}
.font-14{
    font-size:14px;
}
.rounded-30x {
    border-radius: 30px;
}
.btn-sm {
    padding: 3px 14px;
}
.btn-sm .overflow-hidden {
    overflow: hidden;
}
.pr-2{margin-right:.5rem;}
.pl-10{
    margin-left:10px;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}

.avtar{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e2fdff;
    color: #000;
    font-size: 1.75rem;
    line-height: 2.125;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .625rem;
}
.avtar.avtar-new {
    flex: 0 0 40px;
}
.lm-icon
{font-size: 18px;
line-height: 21px;
}
.avtar.single-user {
    background: #fde597;
}
.avtar .FL-name {
    font-size: 1rem;
    font-family: Lato,sans-serif;
    font-weight: 400;
}
.unified-form-control::placeholder {
    font-style: italic;
    color: #455a65;
    font-family: Lato,sans-serif;
    font-size: 16px;
    line-height: 19px;
}
.unified-form-control{
    height: calc(2.5rem + 2px);
    padding: .625rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
    color: #131a1c;
    background-color: #f7f7f7;
    border: 1px solid #87939a;
    transition: border-color .2s ease-in-out,background-color .2s ease-in-out;
    border-radius: .25rem;
    width: 100%;
    display: block;
}
.unified-form-control:focus,
.unified-form-control:hover {
    color: #131a1c;
    background-color: #f5fbff;
    border-color: #4d6be8;
    outline: 1px solid transparent;
    box-shadow: inset 0 0 0 0.5px #4d6be8;
}

.insert-link{
    color: #4d6be8;
    text-decoration: underline;
    font-size: 14px;
    line-height: 17px;
    display: inline-block;
}
.insert-link.active,
.insert-link:active,
.insert-link:focus,
.insert-link:hover {
    color: #4d6be8;
    text-decoration: none;
}
.insert-link.mt-2{
    margin-top: 8px;
}
.rubrics-swal-popup button.confirm{
    border-radius: 3px;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    border:1px solid #ddd !important;
    color: #58666e;
    font-weight: 600;
    font-size: 13px;
    background: #fff !important;
    padding: 7px 12px;
}

.rubrics-swal-popup button.confirm:hover{
    background: #eee !important;
    color: #444 !important;
    border-color: #bbb !important;
}


.rubrics-swal-popup button.confirm:focus{
    outline-offset: 0;
    outline: #4d90fe auto 3px;
    background: #fff !important;
    color: #58666e !important;
}

.lm-global-icon-btn {
   display: flex;
    align-items: center;
    background: transparent;
    border: 0;
	padding:0;
	cursor:move;
}

.lm-global-icon-btn .lm-global-icon {
    font-size: 16px;
    color: #455a65;
}
.s-btn-group {
    display: inline-flex;
}

.s-btn-group > div {
    margin-left: 4px;
}
a.cke_button.cke_button_off  {
    padding: 3px;
    border:1px solid transparent;
}
a.cke_button.cke_button_off:hover,
a.cke_button.cke_button_off:focus,
a.cke_button.cke_button_off:active{
    padding:3px;
}

a.cke_button.cke_button_off:focus {
    outline: 1px solid transparent;
}
a.cke_button.cke_button_on {
    padding: 3px !important;
}

a.cke_button_disabled{
    padding: 3px !important;
    border:1px solid transparent !important;
}

.cke_button__source_label{display: none !important;}
#forum_preview_content b,
#forum_preview_content strong{
    -webkit-font-smoothing: antialiased;
}
.lm-editor-container-inner .inter-page-container {
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;

    border: 1px solid #E0E0E0;
    height: calc( 100vh - 136px);
    box-shadow: none;
    border-bottom: 0;

}
* {
    scrollbar-width: thin;
}

@-moz-document url-prefix() {
    .cke_combo_button .cke_combo_open {
        margin-left: 7px;
        margin-right: 7px;
    }
}

.modal .from-container .keyvalueModal td,
.modal .from-container .keyvalueModal th{
    padding: 4px 16px !important;
}
.modal .from-container .keyvalueModal td .global-icons{
    padding: 4px !important;
}
.modal .from-container .keyvalueModal td .global-icons .edit-btn,
.modal .from-container .keyvalueModal td .global-icons .delete-btn {
    font-size: 14px;
}

.cke_dialog_ui_vbox_child #fontawesome {
    height:calc(100vh - 330px) !important;
}
.cke_combo.cke_combo__font{display: none;}
.cke_combo.cke_combo__fontsize  .cke_combo_button,
.cke_combo.cke_combo__font .cke_combo_button,
.cke_combo.cke_combo__lineheight .cke_combo_button{
    border: 0 !important;
    background: transparent;
    margin-top: -1px !important;
    padding: 0;
    box-shadow: none;
}
.cke_combo.cke_combo__fontsize a.cke_combo_button:hover,
.cke_combo.cke_combo__font .cke_combo_button:hover,
.cke_combo.cke_combo__lineheight .cke_combo_button:hover,
.cke_combo.cke_combo__fontsize a.cke_combo_button:focus,
.cke_combo.cke_combo__font .cke_combo_button:focus,
.cke_combo.cke_combo__lineheight .cke_combo_button:focus {
    background: transparent !important;
    background-image: none !important;
    outline: 0;
    border: 0 !important;
}
/* UF-55252 - start for Stemscope ALI */
/* #cke_editor1 .cke_combo.cke_combo__font {
    display: block;
} */
.global-template-main-editor #cke_editor1 .cke_combo.cke_combo__font{display: none;}
.cke_combo.cke_combo__font a.cke_combo_button,
.cke_combo.cke_combo__lineheight a.cke_combo_button {
    padding:0 !important;
    margin-left: 0 !important;
}
.cke_combo.cke_combo__font a.cke_combo_button:hover,
.cke_combo.cke_combo__font a.cke_combo_button:focus,
.cke_combo.cke_combo__lineheight a.cke_combo_button:hover,
.cke_combo.cke_combo__lineheight a.cke_combo_button:focus {
    background: transparent !important;
    background-image: none !important;
    outline: 1px solid transparent !important;
    border: 0 !important;
    margin-left: 0 !important;
}
/* UF-55252 - end for Stemscope ALI */
/*========== UF-14526 start ==========*/
@media (max-height: 540px){
    .cke_dialog_contents_body {
        height: auto !important;
    }
}
@media (max-width: 1300px){
    .dashboard-container.add-scroll {
        display: flex;
        flex-wrap: wrap;
    }
    .grid-view .prod-block .theme-box-col {
        margin: 0px 0px 10px;
    }
    .add-scroll .box-theme{
        max-width: 200px;
        width: 190px !important;
    }
    .add-scroll .block-img {
        max-width: 200px;
    }
    .list-view .box-theme-title{
        min-height: 163px;
    }

}


@media (max-width: 1200px){
    .N-DBranding .dashboard-page-title .search-area{
        width: 23%;
    }
    .headerlinks {
        border-top: none !important;
    }
    .lm-search-area{
        display: flex;
        justify-content: space-between;
    }
    .lm-search-area .btn-search{
        margin-top:-2px;
    }
    .lm-display-flex{display:flex;}
}

@media (max-width: 1023px){
    .main-wrapper{
        min-width: 1023px;
        height: 100%;
    }
    .wrapper{
        min-width:1023px;
    }
    .setting-page .sm-mr-15 {
        margin-right: 15px;
    }
    .wrapper.sm-right-scroll-30 {
        padding-right: 30px;
    }

    body{
        overflow-x: auto !important;
    }

    .ajax-content{
        min-width: 1023px;
     }

    .modal-open .modal{
        overflow-x: auto !important;
    }
    .modal-open .modal .modal-content{
        margin: 30px;
    }

    #testPreviewModal .modal-content{
        margin:0;
        border: 0;
    }
    .popup-boxes.global-frost-modal .modal-footer{
        width:850px;

    }
    .advance-container>div{
        overflow-y: auto;
        overflow-x: hidden;
    }

    .course-global-popup .modal-dialog.modal-lg,
    .frost-popup .modal-dialog.modal-lg
    {
        min-width: inherit !important;
        width: 910px !important;

    }
    .modal.modal-large .modal-dialog{
        min-width: inherit !important;
        width: 740px !important;
    }
    #testPreviewModal .modal-dialog{
        min-width: inherit !important;
        width: 1023px !important;
        margin:0 auto !important;
    }
    .modal-dialog.modal-lg,
    .epub-global-popup .modal-dialog.modal-lg{
        min-width: inherit !important;
        width: 910px  !important;
        margin: 30px auto;
    }

    .modal-dialog.modal-medium{
        min-width: inherit !important;
        width: 650px !important;
        margin: 30px auto;
    }
    .modal-dialog.modal-small{
        min-width: inherit !important;
        width: 450px !important;
        margin: 30px auto;
    }
    .modal-small{
        min-width: inherit !important;
        width: 450px !important;
        margin: 30px auto;
    }

    header.lm .lm-temp-lm-page-title-wrap h1.pagename{
        max-width: calc(50vw - 60px);
    }

    .wrapper-row.flexbox-style{
        display: flex;
        flex-wrap: wrap;
    }

}
@media (max-width: 1199px){

    body.modal-open,
    body.lm-widgets-modal-open,
    body.lm-frost-picker-modal-open,
    body.lm-frost-save-modal-open{
        overflow: hidden !important;
    }

    body.lm-widgets-modal-open .modal-dialog,
    body.lm-widgets-modal-open .modal-dialog.modal-lg,
    body.lm-frost-picker-modal-open .modal-dialog,
    body.lm-frost-picker-modal-open .modal-dialog.modal-lg{
        min-width: auto !important;
        width: 100% !important;
        margin: 0 !important;
    }

    body.lm-widgets-modal-open .lm-uf-modal .modal-content{
        min-height: 100vh;
    }
}
@media (max-width: 767px){
        .header .navbar-toggle {
            display: none;
        }
        .headerlinks .navbar-collapse.collapse{
            display: block;
        }
        .input-group.lm-edupub-typ-edropdown{
            z-index: 0;
            margin-top: 10px;
        }
}
@media (max-width: 800px){
    .dropdown.link-dropdown .btn.btn-default{
        display: flex;
        position:relative;
    }
    .dropdown.link-dropdown .btn{
        width:100%;
    }

}
@media (max-width: 600px){
    .from-container .dropdown .btn .caret, .dropdown .btn .caret{
        right:-5px;
    }
}
@media (max-width: 400px){
    .from-container .dropdown .btn .caret, .dropdown .btn .caret{
        right:-12px;
    }
}

#EditWidget .modal-content{
  background: #fff;
}
body.new-editor-expand{
    overflow-y: hidden !important;
}
.lm-toc-height{
    overflow-y: auto;
    overflow-x: hidden;
}
#editor .cke_contents{
    border:1px solid  #d1d1d1;
}
#editor .cke_chrome{border:none;}
.new-header-1.lm {
    height: 50px;
    width: 100%;
    min-width: 1024px;
    background: #fff;
    position: relative;
}
.new-editor-pnw {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.new-editor-pnc {
    font-family: 'Lato', sans-serif;
    color: #131A1C;
    margin-right: 20px;
    max-width: 85%;
}
.new-editor-pnc .new-editor-pn {
    font-size: 12px;
    line-height: 1.3;
    margin-top: 5px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.new-editor-pnc .new-editor-nn {
    font-size: 16px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.new-header-1.lm, section.lm-pattern, section.lm-sidebar, .header-1.lm h1, button.btn {
    font-family: 'Lato', sans-serif;
}
.new-ce-right-sec {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.new-ce-left-sec{
    display: flex;
    align-items: center;
}
.new-ce-center-sec {
    display: flex;
    align-items: center;
    justify-content: center;
}
.new-header-1.lm>div {
    height: 100%;
}
.lm-editor-toc-top {
    text-align: right;
    border-bottom: 1px solid #ccc;
    padding: 6px 0;
    position: relative;
}
.bs3-4-tab {
    display: flex;
    background: transparent;
    padding-left: 0;
    border: 0;
}
.bs3-4-tab.nav-tabs>li.active:hover,
.bs3-4-tab.nav-tabs>li.active,
.bs3-4-tab.nav-tabs>li.active:focus {
    border-bottom: 0;
}
.bs3-4-tab.nav-tabs>li.active:hover button,
.bs3-4-tab.nav-tabs>li.active button,
.bs3-4-tab.nav-tabs>li.active:focus button {
    background-color: rgba(46, 107, 199, 0.08);
}
.lm-editor-toc-top .clickable-icon-btn {
    padding: 4px;
}
.lm-editor-toc-collapse-btn {
    margin: 0 15px;
    transform: rotate(-90deg);
}
.lm-new-editor-open .lm-toc-panel.lm-editor-toc-collapse {
    width: 0;
}
.lm-editor-toc-collapse .lm-editor-toc-top {
    max-width: 0;
}
.lm-editor-toc-collapse .l-tab {
    display: none;
}
.lm-editor-toc-collapse .lm-editor-toc-collapse-btn{
    transform: rotate(90deg);
}
@media (min-width: 1366px){
.new-cep{
    max-width: 1060px;
    flex: 1;
}
}

.box-inpregress{
	text-align: center;
    position: relative;
}
.box-wrap-inprogress{
    height: 316px;
    display: inline-block;
    width: 200px;
    border: 1px solid #dddddd;
    border-radius: 0px;
    overflow: hidden;
    padding: 0px;
    background: #fff;
    position: relative;
    box-shadow: 0 0px 3px rgb(0 0 0 / 20%);
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    word-wrap: break-word;
}
.box-grey-placeholder{
    background: #eee;
    width:163px;
    height:163px;
    margin: 0 auto;
    margin-top: 15px;
}
.duplicate-course-inprogress{
	position: absolute;
    background: rgba(242, 247, 255, 0.5);
    height: 100%;
    width: 100%;
    z-index: 100;
    border: 1px solid #2E6BC7;
    color: #2E6BC7;
    top: 0;
}
.duplicate-course-inprogress em{
    bottom: 110px;
    position: absolute;
    width: 100%;
    left: 0px;
}
.lm-theme-list{
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0 15px 15px;
}
.lm-theme-list-item{
    padding: 6px 20px 6px;
    border: 1px solid transparent;
    border-radius: 8px;
    margin: 0 15px 15px 0;
    cursor: pointer;
    max-width: 246px;
}
.lm-theme-list-item:hover,
.lm-theme-list-item:focus{
    background: #F8FAFA;
    border-color: #F8FAFA;
}
.lm-theme-list-item.active,
.lm-theme-list-item.active:focus{
    background: #F2F7FF;
    border-color: #2E6BC7;
}
.lm-theme-tn{
    width: 204px;
    height: auto;
    background: #f2f2f2;
}
.lm-theme-tn-img{
    max-width: 100%;
    height: 90px;
    display: block;
    margin: 0 auto;
}
.lm-theme-act{
    display: flex;
    justify-content: flex-end;
}
.lm-theme-name{
   font-family: 'Lato', sans-serif;
   font-size: 14px;
   color: #384141;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   margin-bottom: 4px;
}
.lm-theme-act-lb{
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    padding: 4px 6px 2px;
    margin-bottom: 0;
    color: #2E6BC7;
    visibility: hidden;
    text-align: right;
}
.lm-theme-act-lb .ap-icon{
    color: #606F70;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 3px;
}
.lm-theme-act-lb > span:first-child{
    display: none;
}
.lm-theme-act-lb > span:last-child{
    display: block;
}
.lm-theme-list-item:hover .lm-theme-act-lb,
.lm-theme-list-item:focus .lm-theme-act-lb{
    visibility: visible;
}
.lm-theme-list-item.active .lm-theme-act-lb > span:first-child,
.lm-theme-list-item.active:focus .lm-theme-act-lb > span:first-child{
    display: block;
}
.lm-theme-list-item.active .lm-theme-act-lb > span:last-child,
.lm-theme-list-item.active:focus .lm-theme-act-lb > span:last-child{
    display: none;
}
.lm-theme-list-item.active .lm-theme-act-lb,
.lm-theme-list-item.active:focus .lm-theme-act-lb{
    visibility: visible;
    color: #384141;
}
@media (min-width: 1900px){
    .lm-theme-list-item{
        margin: 0 30px 20px 0;
    }
}
 .padL-0{padding-left: 0;}
 .padR-0{padding-right: 0;}
 .lm-editor-top-lor{
    padding: 0;
    width: auto;
    flex-grow: 1;
 }
 .lm-mr-15{margin-right: 15px;}

 .toc-panel-left-epub {
     width: calc(100% - 112px);
 }

 .notactive{
    pointer-events: none;
    cursor: default;
    opacity: .5;
}
.multiselect .filterOptions {
    width: 141px;
}
#assignToMultiSelect .filterOptions{
    width: 180px;
}
.lm-unified-style .lm-uf-btn {
	font-size: 14px;
	line-height: 1;
	font-weight: 700;
	padding: 7px 24px 8px;
	border-radius: 20px;
	outline: 0;
	transition: all ease-in-out 0.2s;
}
.lm-unified-style .lm-uf-btn-primary {
	background-color: #455A65;
	border-color: #455a65;
	color: #fff;
}
.lm-unified-style .lm-uf-btn-primary.disabled,
.lm-unified-style .lm-uf-btn-primary:disabled {
	opacity: 0.5;
	cursor: default;
}
.lm-unified-style .lm-uf-btn-primary.disabled:hover,
.lm-unified-style .lm-uf-btn-primary:disabled:hover {
	color: #fff;
}
 .lm-unified-style.lm-uf-btn-primary:hover:not([disabled]),
 .lm-unified-style .lm-uf-btn-primary:focus-visible:not([disabled]),
 .lm-unified-style .lm-uf-btn-primary:focus:focus-visible:not([disabled]) {
	background-color: #2E6BC7;
	color: #fff;
	border-color: #2E6BC7;
	outline: 1px solid transparent;
}
.lm-unified-style .lm-uf-btn-primary:active:not([disabled]),
.lm-unified-style .lm-uf-btn-primary.active:not([disabled]),
.lm-unified-style .lm-uf-btn-primary:focus:not([disabled]) {
	background-color: #12489A;
	border-color: #12489A;
	color: #fff;
	outline: 1px solid transparent;
	box-shadow: none;
}
.lm-unified-style .lm-uf-btn-secondary {
	background-color: #EAEEEE;
	border-color: #EAEEEE;
	color: #384141;
	padding-left: 18px;
	padding-right: 18px;
}
.lm-unified-style .lm-uf-btn-secondary.disabled,
.lm-unified-style .lm-uf-btn-secondary:disabled {
	opacity: 0.5;
	cursor: default;
}
.lm-unified-style .lm-uf-btn-secondary:hover {
	background-color: #f2f7ff;
	border-color: #f2f7ff;
	color: #2E6BC7;
	outline: 0;
}
.lm-unified-style .lm-uf-btn-secondary:focus-visible,
.lm-unified-style .lm-uf-btn-secondary:focus:focus-visible {
	background-color: #2E6BC714;
	border-color: #2E6BC7;
	color: #2E6BC7;
	outline: 1px solid transparent;
}
.lm-unified-style .lm-uf-btn-secondary:active,
.lm-unified-style .lm-uf-btn-secondary.active,
.lm-unified-style .lm-uf-btn-secondary:focus {
	background-color: #2E6BC71F;
	border-color: #2E6BC71F;
	color: #2E6BC7;
	outline: 1px solid transparent;
	box-shadow: none;
}
.lm-mr-16{
    margin-right: 16px;
}
.lm-unified-style .modal-footer .btn+.btn{
    margin-left: 0;
}
.lm-uf-modal-conflict {
    overflow-y: auto;
}

.lm-uf-modal-conflict .modal-content {
    overflow: unset;
    border-radius: 8px;
}
.lm-uf-modal-conflict .modal-header {
    border-bottom: 0;
}
.lm-uf-modal-conflict .modal-header-sticky {
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1001;
}
.lm-uf-modal-conflict .modal-header {
    padding: 24px 24px 24px 32px;
    border-radius: 8px 8px 0 0;
    display: flex;
    justify-content: space-between;
}
.lm-uf-modal-conflict .modal-title {
    font-size: 22px;
    color: #384141;
    font-weight: 700;
	display:flex;
	align-items:center
}
.lm-uf-modal-conflict .lm-mr-6 {
    margin-right: 6px;
}

.lm-uf-modal-conflict .info-icon {
    color: #CF335D;
    padding-right: 0;
    font-size: 34px;
}
.lm-uf-modal-conflict .modal-body {
    padding: 0 32px 24px;
}
.lm-uf-modal-conflict .alert-massage {
    padding: 10px 17px;
    background: #FFF5F8;
    border-radius: 6px;
    margin-bottom: 24px;
}
.lm-uf-modal-conflict .mb-0
{margin-bottom: 0;
}
.lm-uf-modal-conflict .table-responsive.lm-conflict-modal .table {
    background: #FFF5F8;
    margin: 0;
    border: 1px solid #B8BDC1;
}
.lm-uf-modal-conflict .table-responsive.lm-conflict-modal thead tr th{
    border-bottom: 0;
    background: #f7f7f7;
    padding: 15px 25px;
}
.lm-uf-modal-conflict .table-responsive.lm-conflict-modal tbody tr td{
    border-collapse: separate;
    padding: 10px 25px;
    font-size: 1rem;
    vertical-align: middle;
    border-top: 0;
}
.lm-uf-modal-conflict .table-responsive.lm-conflict-modal tbody tr p {
    margin-bottom: 0;
    font-size: 14px;
}
.lm-uf-modal-conflict .modal-footer{
    border-top: 0;
    padding: 8px 32px 24px 32px;
    display: flex;
    justify-content: end;
}
@media (min-width: 1200px){
    .lm-uf-modal-conflict .modal-lg{
        min-width: 800px;
        max-width: inherit;
        width: 800px
    }
}
@media (max-width: 1199px){
    .lm-uf-modal-conflict .modal-lg{
        max-width: 100%;

    }
}
.d-block{
    display: block;
}
.lm-settings-user-table tbody tr td{
    font-size:14px;
    color: #384141;
}
.lm-fsize-16{
    font-size:16px;
}
.lm-fsize-12{
    font-size:12px;
}
.lm-settings-user-table tbody tr td>button{
    color: #2E6BC7;
    border: 1px solid transparent;
    padding: 0 2px;
}
.lm-settings-user-table tbody tr td>button:focus{
    outline: 0;
}
.lm-settings-user-table tbody tr td>button:focus-visible,
.lm-settings-user-table tbody tr td>button:focus:focus-visible{
    border: 1px solid #2E6BC7;
    color: #2E6BC7;
    outline: 1px solid transparent;
    border-radius: 4px;
}

.lm-manage-project-table tr  .lm-icon{
    font-size: 18px;
}
.lm-manage-project-table .lm-pl-10{
    padding-left: 10px;
}
.lm-manage-project-table tr td .form-control.disabled,
.lm-manage-project-table tr td .form-control disabled{
    opacity: 0.4;
    cursor: not-allowed;

}
.lm-manage-project-table tr td .form-control:focus.disabled,
.lm-manage-project-table tr td .form-control:focus disabled{
    box-shadow: none;
}
.lm-fsize-18{font-size: 18px;}
.info-icon{
    color:#2e6bc7;
}
.lm-assign-project-table .lm-icon
{font-size: 20px;
line-height: 21px;
padding-right: 5px;
color: #606F70;
}
.lm-assign-project-table .lm-icon.info-icon {
    font-size: 18px;
    line-height: 21px;
    padding-left: 5px;
    padding-right: 0;
    color: #2E6BC7;

}
.user-main-tabel .lm-width1{
    width:30%;
}
.user-main-tabel .lm-width2{
    width:15%;
}
.user-main-tabel .lm-width3{
    width:15%;
}
.user-main-tabel .lm-width4{
    width:15%;
}
.manage-project-table .lm-width1{
    width:5%;
}
.manage-project-table .lm-width2{
    width:25%;
}
.manage-project-table .lm-width3{
    width:15%;
}
.manage-project-table .lm-width4{
    width:15%;
}
.manage-project-table .lm-width5{
    width:15%;
}
.manage-project-table .lm-width6{
    width:10%;
}
.manage-project-table .form-control[disabled],
fieldset[disabled] .manage-project-table .form-control {
    cursor: not-allowed;
    opacity: .5;
}
.manage-project-table .lm-uf-btn-icon-rounded:focus-visible,
.manage-project-table .lm-uf-btn-icon-rounded:focus:focus-visible{
      background-color:#2E6BC714;
      border-color: #2E6BC7;
      color: #2E6BC7;
      outline: 0;
    }
.manage-project-table .lm-uf-btn-icon-rounded:focus,
.manage-project-table .lm-uf-btn-icon-rounded:active,
.manage-project-table .lm-btn-icon-rounded:focus,
.manage-project-table .lm-btn-icon-rounded:active{
    box-shadow:none;
    outline: 0;
}
.from-container .lm-settings-user-table tr:hover td,
.from-container .manage-project-table tr:hover td{
    background: #f2f7ff;
}
.lm-drop-uploader {
    position: relative;
    border: 1px solid #f1f1f1;
    background-color: #f5f5f5;
    padding: 10px 0;
}

.lm-uploadbtn {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    border: 5px solid #efefef;
    background: #f9f9f9;
    box-shadow: 0 0 1px rgb(0 0 0 / 10%);
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    position: relative;

}
.lm-uploadbtn:hover{
    box-shadow: 0 0 7px rgb(0 0 0 / 20%);
    outline: none;
}
.lm-uploadbtn:focus{
    outline: none;
}
.lm-uploadbtn .image-icon{
    background: url(../img/file-upload.png) no-repeat;
    position: absolute;
    width: 55px;
    height: 45px;
    top: 20px;
    left: 50px;
}
.lm-uploadbtn .click-txt{
    padding-top: 40px;
}
.modal.epub-video-modal,
.modal.epub-audio-modal{
    z-index: 1038 !important;
}
.modal.OC-audio-modal,
.modal.OC-video-modal{
    z-index: 1038 !important;
}
.plmenu .dupli-log-show{
    position: relative;
    justify-content: space-between;
}
.log-link{
    position: absolute;
    right: 4px;
    top: 4px;
    color:#2E6BC7 ;
}
.log-link:hover{
    color:#2E6BC7 ;
}
.log-link:focus{
    outline: none;

}
.log-link:focus-visible, .log-link.active:focus-visible, .log-link:focus:focus-visible {
        color: #0B71D8;
        outline: 0;
      }
.grid-view .plmenu.open li.dupli-log-show a.log-link:hover,
.grid-view .plmenu.open li.dupli-log-show a.log-link:focus{
    background-color:transparent;
}
.lm-dashboard-lock {
    vertical-align: middle;
    padding: 8px 10px;
    font-size:16px !important;
}
.lm-dashboard-card {
    text-align: right;
    width:70px
}
.lm-project-name {
    color:#384141;
    font-size: 14px;
    font-weight: normal;
    margin:0;
}
.lm-page-name {
    font-size: 20px;
    font-weight: bold;
    display:block
}
.lm-nae-sa-open .sweet-overlay{ z-index:1051}
.embed-wrapper.ajax-content  {
    position: relative;
}
.embed-wrapper .main_container {
    margin: 0;
    overflow: visible;
}

.embed-wrapper .from-container-row{
    padding: 0;
}
.embed-wrapper .page-title {
    border-bottom: 0;
}
.embed-wrapper #modalContentTab {
    display: none;
}
.embed-wrapper #METADATA {
    display: none;
}
.embed-wrapper .embed-container {
    padding: 0;
    border: 1px dashed #798d8e;
    background: #ffffff;
}
.embed-header {
    display: none;
}
.embed-wrapper .embed-header {
    padding: 24px 32px;
    border-bottom: 1px solid #cad5d6;
    display: block;
}
.embed-wrapper .embed-heading {
    margin: 0;
    font-size: 32px;
    font-weight: bold;
}
.embed-wrapper .from-container-bx,
.embed-wrapper .pattern-list-container {
    padding: 0;
}
.embed-questions-table {
    border: 1px solid #e5e5e5;
    width: 100%;
    margin-bottom: 16px;
}
.embed-questions-table td, .embed-questions-table th {
    padding: 10px 18px;
}
.embed-questions-table td.text-center, .embed-questions-table th.text-center {
    text-align: center;
}
.embed-questions-table .sequence-text {
    font-size: 16px;
    vertical-align: middle;
}
.embed-questions-table .w-45per {
    width: 45%;
}
.embed-questions-table .w-15per {
    width: 15%;
}
.from-container .from-container .embed-questions-table th:first-child {
    padding-left: 18px;
}
.embed-questions-table tr:hover td {
    background-color: #f2f7ff;
}
.embed-questions-table .no-wrap {
    white-space: nowrap;
}
.embed-questions-table .assess-qs-action {
    visibility: hidden;
}
.embed-wrapper .assess-qs-action .btn .lm-btn-icon {
    overflow: hidden;
}
.embed-questions-table tr:hover td .assess-qs-action{
    visibility: visible;
}
.embed-questions-table td.text-right {
    text-align: right;
}
.embed-questions-table th.embed-drag,
.embed-questions-table td.embed-drag {
    padding: 8px;
    width: 24px;
}
.embed-wrapper .question-type-info,
.no-embed-wrapper .question-type-info {
    margin-bottom: 24px;
    display: block;
}
.embed-wrapper .embed-btn-no-style {
    padding: 0;
    margin: 0;
    box-shadow: none;
    vertical-align: middle;
    height: 24px;
    color: #606F70;
}
.embed-wrapper .justify-content-end {
    justify-content: end;
}
.embed-wrapper .form-control:focus {
    outline: 1px solid transparent;
}
.embed-wrapper .embed-scroll-content {
    height: calc(100vh - 293px);
    overflow: auto;
    padding: 24px 32px;
    position: relative;
}
.no-embed-wrapper .embed-scroll-content {
    padding: 24px 32px;
}
.embed-wrapper .embed-scroll-content .form-control {
    height: 34px;
    font-weight: normal;
    padding: 6px 12px;
    border-color: #ccc;
}
.embed-wrapper .embed-scroll-content .page-title.embed-question-title {
    min-height: auto;
    padding: 0;
    box-shadow: none;
    border: 0;
    margin-bottom: 24px;
}
.embed-wrapper .embed-scroll-content .pattern-list-container {
    border: none;
}
.embed-wrapper .embed-scroll-content .mcss-wrapper {
    padding: 0;
}
.embed-wrapper .radio {
    line-height: 2em;
}
.no-embed-wrapper .embed-scroll-content.px-0 {
    padding: 0;
}
.no-embed-wrapper .embed-scroll-content .lms-assessment-tab-content {
    padding: 24px;
}
.no-embed-wrapper .lms-assessment-tab-content .from-container {
    border: 0;
}
.no-embed-wrapper .embed-container .pattern-list-container {
    border: 0;
}
.no-embed-wrapper .lms-assessment-tab-content .wrapper {
    background: none;
}
.embed-wrapper .embed-scroll-content.px-0 {
    padding-left: 0;
    padding-right: 0;
}
.embed-wrapper .lms-assessment-tab {
    background: none;
}
.embed-wrapper .lms-assessment-tab.nav.nav-tabs > li {
    padding-right: 18px;
}
.embed-wrapper .lms-assessment-tab.nav.nav-tabs > li.active {
    border-color: #2E6BC7;
}
.embed-wrapper .lms-assessment-tab.nav.nav-tabs > li.active a {
    color: #2E6BC7;
}
.embed-wrapper .lms-assessment-tab-content {
    padding: 24px;
}
.embed-wrapper .lms-assessment-tab-content .tab-pane .from-container {
    border: 0;
}
.embed-wrapper .lms-assessment-tab-content .tab-pane .content-wrap .wrapper {
    background: none;
}

.btn-upload-q-json {
    position: relative;
    overflow: hidden;
}
.question-container.lm-mx-0 {
    margin-left: 0;
    margin-right: 0;
    height: auto;
}
.lm-desc-panel{
    border-color: #d1d1d1;
    border-radius: 0;
}
.lm-desc-panel .panel-heading{
    display: flex;
    align-items: center;
    background: #f8f8f8;
    border-color: #d1d1d1;
}
.lm-desc-panel .panel-heading .panel-title{
    flex: 1;
    text-transform: uppercase;
}
.lm-desc-panel-act-btn .btn{
    margin-left: 5px;
}
.lm-desc-panel-body-less{
    max-height: 52px;
    overflow: hidden;
}
.cursorChange{
    pointer-events: none;
}
.global-obj-alert {
    background: #fffbeb;
    padding: 0 8px;
    font-size: 14px;
    color: #384141;
    display: flex;
    align-items: center;
    justify-content: center;
}
.global-obj-alert .font-16 {
    font-size: 16px;
}
.global-obj-alert p {
    margin: 0;
}
.global-obj-alert .lm-btn .lm-btn-icon {
    line-height: 30px;
}
.position-relative {
    position: relative;
}
.height-32{
    height: 32px;
}
.global-obj-alert-hidden.global-obj-alert .global-obj-alert-icon{
        font-size: 12px;
        padding: 2px;
        border: 1px dashed #798d8e;
        border-radius: 50%;
        display: inline-flex;
        line-height: 0;
        width: 18px;
        height: 18px;
        align-items: center;
        justify-content: center;
}
.cdk-overlay-container.lm-overlay-container {
    z-index: 1052;
}
.lm-no-ver-mat-menu {
    min-height: auto !important;
}
.lm-no-ver-mat-menu .lm-mat-menu-item {
    height: auto;
    font-family: Lato,sans-serif;
    font-size: .875rem;
    line-height: 1.1875rem;
    color: #384141;
    border-radius: 0;
    margin: 0;
    padding: 8px 16px;
    letter-spacing: .2px;
    display: flex;
    align-items: center;
}
.lm-no-ver-mat-menu .lm-mat-menu-item span[class*="material-"] {
    color: #606F70;
    margin-right: 8px;
    font-size: 16px;
}
.lm-no-ver-mat-menu .lm-mat-menu-item:focus {
    outline-color: transparent;
}
.uf-anchor-link{
    margin-right: 10px;
    color: #2e6bc7;
    padding: 0 0.125rem;
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    word-break: break-word;
}
.uf-anchor-link:hover{
	text-decoration: underline;
    color: #2e6bc7;
}

.uf-anchor-link:focus-visible,
.uf-anchor-link:focus:focus-visible{
    box-shadow:inset 0 0 0 1px #2e6bc7;
    background-color:transparent;
    border-radius:4px;
    color:#2e6bc7;
    outline: none;
    text-decoration: none;
}
.lms-depub-log-table .thead th:nth-child(1){
    width: 20%;
}
.lms-depub-log-table .thead th:nth-child(2){
    width: 11%;
}
.lms-depub-log-table .thead th:nth-child(3){
    width: 12%;
}
.lms-depub-log-table .thead th:nth-child(4){
    width:27%;
}
.lms-depub-log-table .thead th:nth-child(5){
    width:20%;
}
.lms-depub-log-table .thead th:nth-child(6){
    width:140px;
}
.additional-file-wrap{
    display: flex;
    align-items: flex-start;
}
.additional-file-btn-wrap .additional-file{
    margin-top: 0;
}
.new-create-assignment-page .additional-file-wrap .ext_res_group{
    margin-top: 0;
    margin-left: 15px;
}
.swal2-popup .swal2-styled.swal2-confirm {
    background-color: #2e6bc7 !important;
}
.swal2-popup .swal2-styled.swal2-confirm:focus {
    outline: 1px solid transparent !important;
}
.lm-pub-settings .lms-depub-log-item{
    width: 100%;
    font-size: 14px;
    color: #384141;
    margin-bottom: 8px;
}
.lms-depub-log-table tbody tr td{
    vertical-align: top;
}
.lms-depub-log .margin-bot{
    margin-bottom: 8px;
}

.lms-depub-log-crs-sublist{
    padding: 0 0 0 32px;
}
.lms-depub-log-crs-sublist .lms-depub-sublist-item{
    list-style-type: disc;
    width: 100%;
    color: #606F70;
    font-size: 14px;
}
.lms-depub-log-item .tick-icon{
    color: #1E7F45;
    margin-right: 2px;
    font-size: 14px;
    top: 3px;
    position: relative;
}
.profile-image{
    width: 40px;
    height: 40px;
    background-color: #f0efef;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    margin-top: 4px;
}
.lms-depub-log-crslist li, .lms-depub-log-update{
    color: #384141;
}
.deepPublish_subtitle{
    color: #606F70;
}
.lms-depub-log-table .lms-depub-log-crsname{
    line-height: 16px;
    margin-bottom: 8px;
    font-size: 14px;
}
.lms-depub-log .lm-glob-table-new .label{
    margin-top: 6px;
}

.grid-view .dashboard-container{
    display: flex;
    flex-wrap: wrap;
}
.forum-asset-modal.modal .modal-dialog,
.assignment-asset-modal.modal .modal-dialog,
.additionalfile-asset-modal.modal .modal-dialog,
.externalresourcemodal-asset-modal.modal .modal-dialog,
.externalresourcemodalcontent-asset-modal.modal .modal-dialog,
.bs-example-modal-lg.modal .modal-dialog,
.coursemodalglobalcontent-asset-modal.modal .modal-dialog{
    transform: none;
}
.bs-example-modal-lg.modal .modal-dialog,
.forum-preview-modal .modal-dialog,
.assignment-preview-modal .modal-dialog,
.rubrics-preview-global-modal .modal-dialog
{
    transform: none !important;
}
.assignment-preview-modal .p-0,
.forum-preview-modal .p-0 {
    padding: 0;
}
.assignment-preview-modal .popup-boxes .padding-left-10,
.forum-preview-modal .popup-boxes .padding-left-10 {
    padding-left: 10px;
}
.assignment-preview-modal .modal-body-height,
.forum-preview-modal .modal-body-height {
    height: calc(100vh - 200px);
}
.border-botton-0 {
    border-bottom: 0;
}
.unified-form-control::placeholder,
.embed-wrapper .embed-scroll-content .form-control::placeholder {
    color: #606f70;
    opacity: 1;
}
.popup-boxes .form-control::placeholder {
    color: #606f70;
}
.panel-group.mcss-wrapper .form-control::placeholder,
.panel-group.mcss-wrapper textarea.gradeComment::placeholder {
    color: #606f70;
    opacity: 1;
}
.text-transform-none{text-transform: none;}
.mr-1 {
    margin-right: .25rem;
}
.sweet-alert .icon .line{outline:1px solid transparent}
.swal2-popup.swal2-popup-delete .swal2-styled.swal2-confirm {
    background-color: #eaeeee !important;
    color: #384141;
}
.create-new-project-bar .btn-wrap {
    justify-content: flex-end;
}
.create-new-project-bar .btn-wrap .btn {
    margin-left: 5px;
}
.lm-blank-page{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}
.lm-blank-page-inner{
    text-align: center;
    width: 100%;
}
.lm-blnp-heading{
    font-size: 20px;
    line-height: 1;
    color: #384141;
    margin-bottom: 6px;
}
.lm-blnp-sub-heading{
    font-size: 14px;
    color: #606F70;
    margin-bottom: 0;
}
.lm-bcov-img{
    background-size: cover;
    width: 155px;
    height: 155px;
    border-radius: 100%;
    margin:0 auto 16px;
}
.LHeader-wrap{
    display: flex;
    align-items: center;
}
.LHeader-wrap .img-fluid{
    width: auto;
    height: 40px;
}
.N-HBranding .menu-list{
    top:0;
    left: 0;
    margin-left:8px;
}
.caption_top {
    padding: 0;
}
.meta-hide{
    visibility: hidden;
}
.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-deny {
    background-color: #eaeeee;
    color: #384141;
    border-radius: 20px;
    padding: 8px 24px;
    line-height: 1;
    border: 1px solid transparent;
    font-weight: 700;
    margin-left: 15px
}

.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-deny:hover {
    background-color: #f2f7ff;
    color: #2e6bc7
}

.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-deny:active,
.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-deny:focus {
    background-color: rgba(46, 107, 199, .1);
    color: #2e6bc7;
    box-shadow: none;
    outline: 1px solid transparent
}

.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-deny:active:focus-visible,
.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-deny:focus-visible,
.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-deny:focus:focus-visible {
    background-color: #f2f7ff;
    color: #2e6bc7;
    outline: 1px solid #2e6bc7;
    box-shadow: none
}


.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-cancel {
    background-color: #eaeeee;
    color: #384141;
    border-radius: 20px;
    padding: 8px 24px;
    line-height: 1;
    border: 1px solid transparent;
    font-weight: 700;
    margin-left: 15px
}

.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-cancel:hover {
    background-color: #f2f7ff;
    color: #2e6bc7
}

.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-cancel:active,
.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-cancel:focus {
    background-color: rgba(46, 107, 199, .1);
    color: #2e6bc7;
    box-shadow: none;
    outline: 1px solid transparent
}

.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-cancel:active:focus-visible,
.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-cancel:focus-visible,
.swal2-show.swal2-popup .swal2-actions .lm-swal-editor-modal-cancel:focus:focus-visible {
    background-color: #f2f7ff;
    color: #2e6bc7;
    outline: 1px solid #2e6bc7;
    box-shadow: none
}

.tocRefresh .lm-toc-height,
.tocRefresh .from-container-row{
    overflow: visible;
}
.coverRep{
    border-radius: 20px;
    font-weight: 600;
    margin-left: 15px;
}
button.coverRep:disabled{
    pointer-events: none;
}
.mrmt-2{
    margin-top: -2px;
}
.loader-height{
height:45px;
min-height: auto;
}
.font-size-18 {
    font-size: 18px;
}
.btn-link {
   color: #2e6bc7;
}
.popup-boxes label.radio-inline-new {
    position: relative;
    pointer-events: auto;
    left: auto;
    top: auto;
    display: inline-block;
    transition: none;
}
.modal .popup-boxes label.radio-inline-new input[type="radio"] {
    top: auto;
}
.cursor-pointer {
    cursor: pointer;
}
@media (max-width: 1199px){
    .coursemodalglobalcontent-asset-modal.modal .modal-dialog {
        min-width: auto;
        width: 100%;
        margin: 0;
    }
    .coursemodalglobalcontent-asset-modal.modal .modal-dialog .modal-content {
        margin: 0;
    }
    .coursemodalglobalcontent-asset-modal.modal .modal-dialog .modal-content #assetPicker {
        padding-bottom: 0;
    }
    .coursemodalglobalcontent-asset-modal.modal .modal-dialog .modal-content .add-scroll {
        max-height: calc(100vh - 55px);
        min-height: calc(100vh - 55px);
    }
}
@media (min-width: 1200px){
    .coursemodalglobalcontent-asset-modal.modal .modal-dialog {
        max-width: 100%;
        width: 1140px;
    }
}
/* SOF Once https://frostdesignsystem-qa.learningmate.co/ will live then it will be delete */

/* .ds-btn {
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    font-style: normal;
    border: 0;
    padding: 0.563rem 1.188rem 0.626rem 1.188rem;
    border-radius: 20px;
    display: inline-flex;
    position: relative;
    outline: 1px solid rgba(0, 0, 0, 0);
    font-family: "Lato", sans-serif;
    justify-content: center;
    align-items: center;
    transition: all ease-in-out .1s;
    cursor: pointer
}

.ds-btn:disabled,
.ds-btn.disabled {
    color: #384141;
    opacity: 40%;
    cursor: not-allowed
}

.ds-btn:disabled:hover,
.ds-btn.disabled:hover {
    text-decoration: none
}
.ds-btn--link {
    color: #2e6bc7;
    background-color: rgba(0, 0, 0, 0);
    padding: 0 0.33rem;
    border-radius: 0px;
    font-weight: normal
}

.ds-btn--link:not(:disabled):not(.disabled):hover {
    outline: 2px solid rgba(0, 0, 0, 0);
    color: #2e6bc7;
    text-decoration: none
}

.ds-btn--link:not(:disabled):not(.disabled):hover::before {
    background-color: #2e6bc7;
    position: absolute;
    content: "";
    width: calc(100% - 11px);
    height: 1px;
    bottom: 0;
    left: 6px
}

.ds-btn--link:not(:disabled):not(.disabled):focus {
    outline: none
}

.ds-btn--link:not(:disabled):not(.disabled):focus-visible,
.ds-btn--link.set-focus {
    color: #2e6bc7;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: inset 0 0 0 1px #2e6bc7;
    border-radius: 4px;
    outline: 2px solid rgba(0, 0, 0, 0)
}

.ds-btn--link:not(:disabled):not(.disabled):active,
.ds-btn--link:not(:disabled):not(.disabled).active {
    color: #2e6bc7;
    background-color: rgba(46, 107, 199, .08)
} */




/* EOF Once https://frostdesignsystem-qa.learningmate.co/ will live then it will be delete */

.background-process{
    background: #fff;
}
.background-process .ajax-content{
    position: static;
}
.background-process .from-container{
    border-top: 0;
}
.material-icons-outlined.has-error-msg-icon{
    font-size: 14px;
    margin-right: 4px;
}
.text-transform-none {
    text-transform: none !important;
}

/* SOF UF-59203-rubric */
.from-container tr.uf-rubric_list:hover td{
    background: #f2f7ff;
}
.from-container tr.uf-rubric_list:hover .ds-btn{
    opacity: 1;
}
.from-container tr.uf-rubric_list .ds-btn{
    opacity: 0;
}
.from-container tr.uf-rubric_list .ds-btn:focus:focus-visible,
.from-container tr.uf-rubric_list .ds-btn:focus-visible {
    opacity: 1;
}
/* EOF UF-59203-rubric */

/* UF-59671 - SOF Editor Page Orientation CSS */
.page-orientation h4 {
    margin-top: 4px;
}
.page-orientation .form-check {
    display: flex;
    align-items: center;
    margin: 8px 0;
}
.page-orientation .form-check .form-check-input {
    margin: 0;
}
.page-orientation .form-check .form-check-label {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    pointer-events: auto;
    margin: 0 0 0 8px;
    cursor: pointer;
}
.page-orientation .paper-label {
    margin:8px 0 2px 0;
}
.page-orientation .paper-size-control {
    background-color: #fff;
    border-color: #CAD5D6;
    border-radius: 4px 4px 0 0;
    box-shadow: none;
}
.new-cep.landscape-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
}
.new-cep.landscape-wrapper-no-api {
    height: calc(100vh - 52px - 50px - 45px - 3px);
    overflow-x: auto;
    overflow-y: hidden;
}
.preview .new-cep.landscape-wrapper {
    height: calc(100vh - 52px - 50px - 45px - 3px);
}
@media (max-width: 1365px) {
    .new-cep.landscape-wrapper {
        max-width: 1170px;
    }
}
.lm-main-editor-container.portrait,
.lm-main-editor-container.landscape{
    margin-left: auto;
    margin-right: auto;
}
.print-preview-content.portrait,
.print-preview-content.landscape {
    background-color: #f7f7f7;
    text-align: center;
}
.lm-main-editor-container.portrait,
.lm-ne-preview.portrait,
.print-preview-content.portrait > iframe {
    width: calc(215.9mm + 16px);
}
.lm-main-editor-container.landscape,
.lm-ne-preview.landscape,
.print-preview-content.landscape > iframe {
    width: calc(279.4mm + 16px);
}
/* EOF Editor Page Orientation CSS */

/* reverseLog */
.reverse-log-container {
    position: relative;
    display: inline-block;
    margin-left: -10px;
}
.reverse-log-container .ds-btn--icon {
    font-size: 40px;
    text-decoration: none;
    color: #000;
}
.reverse-log-container .ds-btn--icon:hover {
    color: #007bff;
}
.reverse-log-container .tooltip {
    visibility: hidden;
    background-color: #FFFFFF;
    color: #202020;  
    text-align: center;
    border: 1px solid #798d8e; 
    padding: 4px 8px;
    position: absolute;
    z-index: 1;
    bottom: 38px;
    left: 50%;
    margin-left: -50%; 
    opacity: 0;
    transition: opacity 0.3s;
    word-wrap: break-word; 
    font-family: "Lato", sans-serif;
    font-size: 80%;
}
.reverse-log-container .tooltip a {
    color: #007bff;
    text-decoration: none;
}
.reverse-log-container .tooltip a:hover {
    text-decoration: underline;
}
/* end of reverseLog */

.folder-reuse-modal .modal-header {
    padding: 32px 32px 8px 32px;
    border-bottom: none;
}

.folder-reuse-modal .modal-title {
    font-size: 20px;
    color: #384141;
    font-weight: 700;
    margin: 0 0 12px 0;
}

.folder-reuse-modal .reuse-msg {
    font-size: 14px;
    line-height: 22px;
    color: #384141;
    margin: 0 0 8px 0;
}

.folder-reuse-modal .modal-body {
    padding: 8px 32px;
}

.folder-reuse-modal .modal-footer {
    padding: 8px 32px 32px 32px;
    border-top: none;
}

.folder-reuse-modal .skipped-wrapper-title {
    font-weight: 700;
}

.folder-reuse-modal .skipped-item-wrapper{
    max-height: 200px;
    overflow-y: auto;
} 

.folder-reuse-modal .skipped-item-wrapper ul{
    margin: 0;
    padding: 0;
}

.folder-reuse-modal .skipped-item-wrapper ul li{
    margin-bottom: 8px;
}
.folder-reuse-modal .skipped-item-wrapper .skipped-item-title {
    word-break: break-all;
    color: #384141;
    font-size: 13px;
}
.folder-reuse-modal .skipped-item-wrapper .skipped-item-type {
    color: #606f70;
    padding-left: 4px;
    font-size: 12px;
}