#main {padding: 20px 38px;}
#mainContent .panel {background-color: transparent;}

.component .panel-heading{padding: 0; font-size: 16px; font-weight: bold}
.component .panel-body{padding: 0;}

#logoForm {padding: 20px 0; display: flex; display: -webkit-flex;}

#setLogo .row-logo .box{position:relative; border: 1px dashed #DDDDDD; width:300px; height:180px; text-align:center; margin-right: 30px;}
#setLogo .row-logo .card{text-align:center; padding-top:65px; border:none; height:150px;}
#setLogo .row-logo .card .icon-upload-cloud{color: #999999;}
#setLogo .row-logo .text-important{margin:0 auto; font-size: 12px; color: #666666;}
#setLogo .row-logo img.logo{height:60px; margin-top: -15px;}
#setLogo .row-logo img.favicon{height:60px; margin-top: -15px;}
#setLogo .row-logo .actions{position:absolute; right:10px; top:10px;}
#setLogo .row-logo .actions .btn-editor, #setLogo .row-logo .actions  .btn-deleter {color:#999999}
#setLogo .row-logo .actions .btn-editor:hover, #setLogo .row-logo .actions  .btn-deleter:hover {color:#7580ff}


.cards-borderless {padding: 20px 0;}

#slide .slide-wrapper {height: 225px; margin-top: 14px;}
#slide .slide-wrapper .slide {border: 1px solid #DDDDDD; }
#slide .slide-wrapper .slide:hover {box-shadow:0 2px 10px #BEBEBE; -moz-box-shadow:0 2px 10px #BEBEBE; -webkit-box-shadow:0 2px 10px #BEBEBE;}
#slide .slide-wrapper .group-title .edit-group-btn .icon-edit {color: #979797;}
#slide .slide-wrapper .group-title .edit-group-btn .icon-edit:hover {color: #7580ff;}
#slide .slide-wrapper .group-title .deleter {color: #333333;}
#slide .slide-wrapper .group-title .deleter:hover {color: #7580ff}
#slide .slide-wrapper .group-title .btn-edit {color: #7580FF; border: 1px solid #7580FF;}
#slide .slide-wrapper .group-title .btn-edit:hover {background-color: #7580FF; color: #ffffff;}
#slide .slide-wrapper .add-group {width: 100%; height: 100%; border: 1px dashed #DDDDDD; display: flex;}
#slide .slide-wrapper .add-group .btn {margin: auto;height:31px;line-height:31px;padding:0px 12px}
#slide .slide-wrapper .add-group .icon-plus {color: #999999;}
#slide .card {margin-bottom: 10px;}
#slide .card-slide {overflow: visible;}
#slide .slide-item {display: flex; height: 100%; justify-content: center;}
#slide .slide-item img {align-self: center; max-width: 100%; max-height: 100%;}
#slide .card-heading{background-color: #ffffff; height: 37px; padding: 7px; position: relative}
#slide .plain-slide {width: 100%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); transition: box-shadow .2s;}
#slide .slides-holder {height: 186px; position: relative; background-color: #fff; margin: 0 auto;}
#slide .empty-holder{height: 100%; position: absolute; bottom: 0; width: 100%; text-align: center; background-color: #FBFBFF; color: #999;}
#slide .empty-holder > .icon {display: block; margin-top: 60px; margin-bottom: 10px;}
#slide .slides-count {position: absolute; opacity: .8; background-color: #000; background-color: rgba(0,0,0,.7); color: #fff; line-height: 24px; height: 24px; padding: 0 10px 0 20px; right: 0; bottom: 0; z-index: 25; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.69) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(0%, rgba(246,246,246,0)), color-stop(100%, rgba(0,0,0,0.69)));background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.69) 100%);background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.69) 100%);background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.69) 100%);background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(246,246,246,0) 0%, rgba(0,0,0,0.69) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=1 );}
#slide .create-btn:hover,.empty-holder:hover {color: #347AEB;}
#slide #toBeAdded{font-size: 14px;}
#slide .group-name{color:#333;}
#slide #input{height: 22px;}
#slide #removeGroup{text-align: right;}
#slide .edit-form {position: absolute; top: 2px; left: 0; background: #fff; padding: 0 15px 0 25px; display: none}
#slide .edit-form .input-group-btn.fix-border  .btn {border-radius: 0}
#slide .edit-form .input-group-btn + .input-group-btn .btn {border-radius: 0 3px 3px 0}

#setting .form-control.fix-border {border-right: 0; border-left: 0}
#setting #mainPanel .panel-heading {padding: 4px 5px 0 5px}
#setting #mainPanel .nav-tabs {margin-bottom: -1px}
#setting #mainPanel .nav-tabs > li > a {padding: 5px 10px 8px}
#setting #mainPanel .nav-tabs > li > a.active, #mainPanel .nav-tabs > li > a.focus {outline: none;}
#setting #mainPanel .nav-tabs > li.active > a {padding: 6px 10px 7px; color: #333; font-weight: bold;}
#setting .table.table-form td.watermark-content{padding-right: 0;}
#setting .table.table-form td.watermark-attribute{padding-left: 0; padding-right: 0;}
#setting .colorplate{padding: 0; border: none;}
#setting .color-tile {display: block; float: left; width: 30px; height: 30px; border-radius: 4px; border: 1px solid #ccc; margin: 2px 2px 0 0; cursor: pointer; transition: all 0.4s; text-align: center; line-height: 30px;}
#setting .color-tile:hover, .color-tile.active {border-color: #333; box-shadow: 0 1px 4px rgba(0,0,0,0.5)}
#setting .color .icon-ok, .color .icon-question {display: none}
#setting .color.active > .icon-ok, .color.error > .icon-question, .color.active .input-group-btn > .dropdown-toggle > .icon-ok, .color.error .input-group-btn > .dropdown-toggle > .icon-question {display: inline;}
#setting .color.active.error .icon-ok {display: none}
#setting .color .input-group-addon {min-width: 40px; text-align: center; border-radius: 0;}
#setting .input-group-btn > .dropdown-toggle {border-radius: 0;}
#setting .input-group-addon .checkbox-inline {padding-top: 0;}
#setting .dropdown-menu.colors {padding: 3px; width: 169px}
#setting .dropdown-menu.buttons {padding: 5px; padding-bottom: 0;}
#setting .dropdown-menu.buttons > li {margin-bottom: 5px;}
#setting #settingForm .form-footer{padding: 10px 10px 10px 127px;}
#setting #settingForm .table, #watermarkTab .alert-danger{margin-bottom: 0;}
#setting .watermark-footer, .thumb-footer{display: inline-block;}
