#main {padding: 0}

.panel {margin: 82px 20px 0 20px; background-color: transparent;}
.panel-header .nav>li.active>a {color: #7b71ff;}
.panel-header .nav>li.active>a:before {background-color: #7b71ff;}
.panel-body {display: flex; width: 100%; padding: 0;}

.panel-body .themes {display: flex; flex-wrap: wrap; width: 100%;}

.panel-body .themes .theme-wrapper {height: 225px; margin-top: 14px; position: relative; text-align: center;}
.panel-body .themes .theme-wrapper img {height: 225px;}
.panel-body .themes .theme-wrapper .rectangle img {float: right; top: -5px; right: 20px; z-index: 100; position: absolute; width: 23px; height: 33px;}
.panel-body .themes .theme-wrapper:not(.current) .rectangle img {display: none}

.panel-body .themes .theme-wrapper .theme {cursor: pointer; margin:0 auto 20px;border: 1px solid #DDDDDD; border-radius: 2px; min-width: 200px; position: relative; opacity: 0.9; overflow: hidden; background: #fff;}
.panel-body .themes .theme-wrapper.current .theme {border: 1px solid #7580ff}
.panel-body .themes .theme-wrapper .theme:hover {box-shadow:0 2px 10px #BEBEBE; -moz-box-shadow:0 2px 10px #BEBEBE; -webkit-box-shadow:0 2px 10px #BEBEBE;}
.panel-body .themes .theme-wrapper .theme .footer-wrapper {width: 100%; height: 42px; position: absolute; bottom: 0; background-color: #ffffff; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; padding: 0 10px;}
.panel-body .themes .theme-wrapper .theme .footer-wrapper .info {text-align: left; width: 50%;}
.panel-body .themes .theme-wrapper.current .theme .footer-wrapper {background-color: #7580ff;}
.panel-body .themes .theme-wrapper.current .theme .footer-wrapper .enable {display: none;}
.panel-body .themes .theme-wrapper:not(.current) .theme .footer-wrapper .custom {display: none;}
.panel-body .themes .theme-wrapper .theme .footer-wrapper .theme-name {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;  -webkit-box-orient: vertical;}
.panel-body .themes .theme-wrapper:not(.current) .theme .footer-wrapper .current-text {display: none;}
.panel-body .themes .theme-wrapper .theme .footer-wrapper .theme-name {color: #000000;}
.panel-body .themes .theme-wrapper.current .theme .footer-wrapper .theme-name {color: #ffffff; padding: 0;}
.panel-body .themes .theme-wrapper .theme .footer-wrapper .btn {display: inline-block;}
.panel-body .themes .theme-wrapper .theme .footer-wrapper .btn.enable {color: #7580FF; border: 1px solid #7580FF;}
.panel-body .themes .theme-wrapper .theme .footer-wrapper .btn.enable:hover {background-color: #7580FF; color: #ffffff;}
.panel-body .themes .theme-wrapper .theme .footer-wrapper .deleter {padding: 0;}
.panel-body .themes .theme-wrapper.current .theme .footer-wrapper .deleter {color: #ffffff; font-size: 9px;}
.panel-body .themes .theme-wrapper .theme .footer-wrapper .icon-delete {font-size: 20px;}
.panel-body .themes .theme-wrapper.current .theme .footer-wrapper .icon-delete {color: #ffffff;}
.panel-body .themes .theme-wrapper.current .footer-wrapper .btn {border-color: transparent;}
.text-primary{color:#7580FF}

#internalSection, #packageSection {display: none;}
#internalSection.active, #packageSection.active {display: flex;}

/*Import theme */
.modal-dialog .panel {margin: 0; background-color: transparent;}
.modal-dialog .submit-btn {text-align: center;}

.panel-body .themes.import .theme-wrapper {height: 117px; text-align: unset;}
.panel-body .themes.import .theme-wrapper .theme {height: 117px; display: flex; justify-content: space-between; align-items: center; padding: 13px 10px;}
.panel-body .themes.import .theme-wrapper .left-wrapper {height: 100%; width: 70%; display: flex; flex-wrap: wrap; align-content: space-between;}
.panel-body .themes.import .theme-wrapper .left-wrapper .info-wrapper {width: 100%;}
.panel-body .themes.import .theme-wrapper .left-wrapper .info-wrapper .theme-name {font-weight: bold; background-color: #ffffff !important; padding: 0 !important; line-height: 18px; overflow: hidden !important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-break: break-all;}
.panel-body .themes.import .theme-wrapper .left-wrapper .info-wrapper .info {display: block; line-height: 30px;}
.panel-body .themes.import .theme-wrapper .left-wrapper .info-wrapper .info .time {margin-left: 10px;}
.panel-body .themes.import .theme-wrapper .left-wrapper .actions-wrapper {width: 100%}
.panel-body .themes.import .theme-wrapper .left-wrapper .actions-wrapper .import-class {color: #7580FF; border: 1px solid #7580FF;}
.panel-body .themes.import .theme-wrapper .left-wrapper .actions-wrapper .import-class:hover {background-color: #7580FF; color: #ffffff;}
.panel-body .themes.import .theme-wrapper .right-wrapper .icon-file-zip-o {font-size: 50px; margin-top: 50px;}
.panel-body .themes.import .theme-wrapper .add.theme {height: 117px; display: flex; justify-content: center; align-items: center; background-color: transparent; border: 1px dashed #DDDDDD;}

#mainArea {display: flex; flex-wrap: wrap;width:100%}

#ajaxModal {overflow: scroll;}
