.breadcrumb {
	margin-bottom: 0;
	padding-left: 0;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 0;
}
ul, ol {
	margin-bottom: 0;
}
.align-left {
	text-align: left;
}

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

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

.msg-block {
	background: none;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
}

.hidden {
	display: none;
}

.breadcrumb li a:not(.active) {
	color:#c6c6c6;
}

.modal-open #sidebar, .modal-open .content-header, .modal-open .navbar, .modal-open #themes .themes-select-box, .modal-open #themes #theme-options, .modal-open #page-content #editor-container, .modal-open #page-content #hovereffect, .modal-open #page-content .left-head-container {


-webkit-filter: blur(5px);
filter: blur(5px);

}


#login-container .alert{


 font-size:14px;

}

.modal-open {

background-color: #fff;

}

#modals .modal.fade.in {


}

#modals .modal-lg {

width:720px;


}

#modals .modal-footer {

background:#fff;

}

#modals .modal-footer .snap-code-insert {

   font-family: Raleway;
    font-size: 12px;
font-weight: 600;
padding: 10px 45px;
background: #9acb22;
border:1px solid #9acb22;
}

#modals .modal-content {

min-height: 700px;

}

#modals .modal-body {


  font-size: 18px;
font-family: 'Crimson Text', serif;
color: #808080;


}







#exportTypeModal .modal-lg {

width:720px;
box-shadow: 0px 0px 14px rgba(0,0,0,0.1);
border-radius:5px;
}

#exportTypeModal .modal-footer {

background:#fff;

}

#exportTypeModal .modal-footer .snap-code-insert {

   font-family: Raleway;
    font-size: 12px;
font-weight: 600;
padding: 10px 45px;
background: #9acb22;
border:1px solid #9acb22;
}

#exportTypeModal .modal-content {

min-height: 300px;

}

#exportTypeModal .modal-body {


  font-size: 18px;
font-family: 'Crimson Text', serif;
color: #808080;


}

.btn.ppt-export .flaticon {

font-weight:300;
font-size: 23px;
line-height: 13px;

}


.col-xs-3.text-center.ppt-box {

margin: 20px;
background: #fff;
padding: 6px;
border: 1px solid #ccc;

}


.col-xs-3.text-center.ppt-box img {

cursor:pointer;

}

.btn-danger.col-xs-12.export-but {


    background: #f6f6f6;
    border: 1px solid #ccc;
    padding: 10px;
    font-family: Raleway;
    font-size: 14px;
    font-weight: 600;
    float: left;
    width: 200px;
    margin-left: 23px;
    color: #808080;
}


.btn.add-theme-btn {


   float: right;
display: block;
background: #00b6ff;
padding: 12px 30px;
margin-top: -30px;
border-radius: 3px;
color: #fff;
font-weight: 600;
cursor: pointer;

}

.table.table-striped.table-bordered.table-vcenter.no-footer  > thead > tr > th:nth-child(3) {

width:400px;
text-align: right;
}

.table.table-striped.table-bordered.table-vcenter.no-footer  > tbody > tr > td:nth-child(3) { 

text-align:right;

}


.btn-danger.col-xs-12.export-but:hover {

background: #00b6ff;
border:1px solid #00b6ff;




}

#pptlogo {

font-size: 13px;
font-family: Raleway;
border-bottom: 1px solid #ececec;
padding-bottom: 20px;


}


.btn.ppt-export span {

padding-bottom: 11px !important;
vertical-align: middle;
padding-left:10px;

}

.btn.pdf.export {

float: right;


}


.btn.pdf.export, .btn.ppt-export {

background: #00b6ff;
border: none;
color: #fff;
border-radius: 3px;
font-family: raleway;
font-weight: 600;
font-size: 13px;
padding: 10px;
width:90%;
margin:0 auto;
}


.btn.pdf.export span {

padding-bottom: 11px !important;
vertical-align: middle;
padding-left:10px;

}

.pdf-export-note {


border: 1px solid #ccc;
border-radius: 3px;
font-size: 10px;
font-family: Raleway;
font-weight: 400;
font-style: italic;
width: 92%;
margin: 0 auto;
margin-top:20px;
padding: 5px;
text-align: center;
color: #676767;

}

.well.ppt-templates {

background-color: #fafafa;
border: 1px solid #ececec;
width: 92%;
margin: auto;

}

.row .mid-text{


   float:left;
   font-family:19px;
   color:#808080;
   padding-left: 23px;
}

.btn.pdf.export .flaticon {

font-weight:300;
font-size: 23px;
line-height: 13px;

}

#exportTypeModal .modal-content { 

 padding:25px;
    border-radius:7px;


}

#exportTypeModal .modal-header {

   padding: 0px 22px 23px;
border-bottom: 1px solid #ececec;
background-color: #fff;

}


#exportTypeModal .modal-header .modal-title   {

 font-weight:300;
 font-family: Raleway;

 color:#808080;

}















#modal-large .modal-backdrop.in, .modal-backdrop.in {

   background: rgba(255,255,255,0.7);
   

}


#modals .modal-dialog.modal-lg {

    
    box-shadow: 0px 0px 14px rgba(0,0,0,0.1);
   
}

#modals .modal-content { 

 padding:25px;
    border-radius:7px;


}

#modals .modal-header {

   padding: 0px 22px 23px;
border-bottom: 1px solid #ececec;
background-color: #fff;

}


#modals .modal-header .modal-title   {

 font-weight:300;
 font-family: Raleway;

 color:#808080;

}


#sidebar {

margin-top:0;
padding-top:100px;

}



#modal-large .modal-dialog {

   border-radius: 7px;
   box-shadow: 0px 0px 10px 6px rgba(0,0,0,0.1);
   width:700px;
   margin:100px auto;
}

#modal-large .modal-dialog .modal-content,
#modal-large .modal-dialog .modal-content .modal-header {

   background: #fff;
   border-radius: 7px;
   

}
#modal-large .modal-dialog .modal-content {

padding: 25px;

}

#modal-large .modal-dialog .modal-content .modal-header .modal-title {

   font-family: Raleway;
font-weight: 400;
font-size: 20px;
color:#696969

}


#modal-large .modal-dialog .modal-content .modal-header .description {

font-size: 17px;
font-family: 'Crimson Text', serif;
color: #808080;

}

#modal-large .modal-dialog .modal-content .modal-footer {

display:none;

}

#modal-large .modal-dialog .modal-content .body-title {

    padding-left: 20px ;


}

.page.voice-over article {

     width: 90%;
    margin: 0 auto;
    padding: 25px 5px;
    border-bottom: 1px solid #ececec;


}

.artist-gig {

width: 430px;
display: inline-block;
color:#808080;
}


.artist-gig p {

font-weight: 300;
font-family: 'Crimson Text', serif;
font-size: 15px;

}

.play.audio-but {
    background: transparent;
    box-shadow: none;
    border: 0 !important;
    font-size: 12px;
    color: #676767;
    padding: 0;
    margin: 10px 0px;
    display: inline-flex;
    align-content: center;
    align-items: center;
}

.play.audio-but i {
    font-size: 20px;
    padding-right: 3px;

}

.play.audio-but.active {

    color: #9acb22;

}

.pause.audio-but {

background: transparent;
box-shadow: none;
border: 0 !important;
font-size: 20px;
color: #676767;
padding: 0;
margin: 10px 0px;
}



.pause.audio-but.active {


color: #9acb22;

}

.artist-gig h2 { 

font-family: Raleway;
font-weight: 400;
line-height: 23px;

}

.hire-me-section {


 width: 170px;
float: right;
display: inline-block;

}

.hire-me-section .hire-button {

display: block;
background: #00b6ff;
color: #fff;
padding: 15px;
text-align: center;
border-radius: 5px;
cursor: pointer;
font-weight: 600;
font-size: 13px;

}

.right-head-container .btn-sale {

display: table-cell;
vertical-align: middle;
padding-top: 8px;
font-family: Raleway;
font-weight: 600;
font-size: 12px;
line-height: 16px;
padding: 11px 15px;
border-radius:0px;

}

.pagination.voices ul {

list-style-type:none;

}

.pagination.voices ul li {

display: inline-block;
background: #fff;
}

.pagination.voices ul li a {

color: #808080;


border: 1px solid #ccc;
padding: 8px 13px;
border-radius: 2px;
margin-right:5px;

}

.voice-artist {

width: 130px;
height: 130px;
border-radius: 90px;
float: left;
display: inline-block;
margin-right: 35px;
margin-top: 10px;
position:relative;
overflow: hidden;
border:none;

}

.voice-artist-img {

width:100%;
position:absolute;
height:100%;
 margin:0;
}


.artist-name {

   
   display:inline-block;
   text-align:left;
   font-size:11px;
   font-family:Raleway;
   font-weight:400;
   background:#00b6ff;
   color:#fff;
   margin:0;
   
   opacity:0.9;
   padding:9px;
   position:relative;
   


}

.artist-name:after {

 content:'';
 border-right:20px solid #00b6ff;
   border-top:0px solid #fff;
 display:block;
  width:20px;
 border-right: 10px solid #fff;
border-top: 9px solid #00b6ff;

  position:absolute;
  right:0;
}

.right-head-container .btn-success{

    line-height: 16px;
width: 40px;
vertical-align: middle;
padding: 13px 5px 13px 14px;
    font-size:0px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background: #ccc;
border: 0px solid #ccc;
border-right: 3px solid #c4c4c4;

-webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;

}

.right-head-container .btn-success.hover {

display: table-cell;
vertical-align: middle;

font-family: Raleway;
font-weight: 600;
font-size: 12px;
line-height: 16px;
padding: 13px 25px;
background:#9acb22;
border:0px solid #9acb22;
-webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
}

.right-head-container .btn-danger {

border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background:#9acb22;
border:0px solid #9acb22;
padding-top:13px;
padding-bottom:13px;
-webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;
}

.right-head-container .btn-danger.small {


    line-height: 16px;
width: 43px;
vertical-align: middle;
padding: 13px 17px 13px 12px;
    font-size:0px;
background: #ccc;
border: 0px solid #ccc;
border-left: 3px solid #c4c4c4;

-webkit-transition: background-color 400ms linear;
    -ms-transition: background-color 400ms linear;
    transition: background-color 400ms linear;


}




.btn-sale {
	width: 100%;
	margin-bottom: 15px;
}
.btn-sales a {
	text-transform: uppercase;
	text-decoration: none;
	color: #929292;
}
.btn-sales {
	padding-top: 10px;
	padding-bottom: 10px;
}
.btn-sales:first-child {
	border-bottom: 1px solid #b0b0b0;
}

.btn-sales a:hover {
	text-decoration: none;
	color: #000000;
}

#theme-options {
	padding: 0px;
	padding-left: 0;
        position: absolute;
    left: 0;
    display: flex;
    width: 100%;
    top: 75px;
    height: 65px;
    background: #ededed;
    border-bottom: 1px solid #ccc;
        align-items: center;
    justify-content: center;

}

#theme-options div {

    border: none;
    border-left: 1px solid #ccc;
    height:100%

}

#theme-options > div:nth-child(1)  {

    border-left:none !important;


}

#page-container.sidebar-visible-lg-mini header.navbar-fixed-top, #page-container.sidebar-visible-lg-mini header.navbar-fixed-bottom {

left:0 !important;

}

#theme-options div a.visited {

background:#fff;

}


#theme-options div a {
	display: inline-flex;
	text-decoration: none;
	color: #9a9a9a;
	cursor: pointer;
	width: 100%;
        height: 100%;
        align-items: center;
        -webkit-align-items:center;
        justify-content: center;
        -webkit-justify-content:center;
        padding-right: 25px;
        padding-left: 15px;
        font-family: Raleway;
       font-weight: 600;
       font-size: 12px;

}


.themes-select-box {

position: absolute;
top: 160px;
width: 200px;
margin-left: 630px;
overflow:hidden;

}


.themes-select-box select {

  width:110%;
  font-family: Raleway;
font-weight: 600;
font-size: 12px;
 margin: 0;  
   color:#767676;
   background:transparent;
   border:none;
   border-bottom:1px solid #ccc; 
   border-radius:0px ;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;

background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;

  
}

.themes-select-box select:focus {

 background-image:
    linear-gradient(45deg, gray 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, gray 50%);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: #ccc;
  outline: 0;

}



#theme-options div a:hover {
	color: #de815c;
}

#theme-options div {
	
       align-items: center;
       display: flex;
     
	
}

#theme-options div a:hover {

       color:#808080;


}

#theme-options div a .inactive {
      
       display: inline-block !important;
       border:2px solid #9a9a9a;
       border-radius:50px;
       float: left;
       font-size: 14px;
       line-height: 12px;
       width:14px;
       height:14px;
       margin-right: 5px;
       margin-left: 5px;
}


#theme-options div a .icon {
	display: none !important;
	color: white ;
	float: right;
	font-size: 9px;
	padding: 2px;
	padding-right: 5px;
	padding-left: 5px;
	border-radius: 5px;
}

#theme-options div a:hover .inactive, #theme-options div a.visited .inactive {

       display:none !important;

}

#theme-options div a:hover .icon, #theme-options div a.visited .icon {
	  display: inline-block !important;
        background: transparent !important;
        float: left;
	color: #9acb22;
        font-size: 14px;
        line-height: 12px;
}

.option-snap-code {
	padding: 10px;
	position: relative;
        display: inline-block;
height: 170px;
width: 170px;
        border: 1px solid #ececec;
border-radius: 5px;
        margin: 5px;
        overflow:hidden;
}

.option-snap-code .html-code {

text-align: center;
display: flex;
font-family: Raleway;
font-weight: 400;
height: 100%;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;

}

.option-snap-code:nth-child(odd) {
	background-color: #fff;
}
.theme-option-snap-codes .modal-body {
	padding: 5px 10px;
        height: 180px !important;
        margin:25px;
        margin-top:5px;
}

.snap-code-append, .snap-code-preview {
	top: 0;
	font-size: 20px;
	z-index: 999;
}



.option-snap-code .html-code {

opacity:1;
transition:opacity 0.5s ease;

}

.option-snap-code:hover .html-code {

transition:opacity 0.5s ease;
opacity:0.1;


}


.option-snap-code:hover .snap-code-append {

display: block;
transition:opacity 0.5s ease;
opacity:1;
}



.option-snap-code:hover .snap-code-preview {

display: block;
transition:opacity 0.5s ease;
opacity:1;
}

.snap-code-append {
	display: none;
right: 40px;
cursor: pointer;
color: #fff;
position: absolute;
z-index: 999;
width: 40px;
height: 40px;
background: #9acb22;
text-align: center;
padding-top: 4px;
border-radius: 5px;
top: 64px;
opacity:0;
transition:opacity 0.5s ease;

}

.snap-code-preview {
	display: none;
right: 85px;
cursor: pointer;
color: #fff;
position: absolute;
z-index: 999;
width: 40px;
height: 40px;
background: #00b6ff;
text-align: center;
padding-top: 4px;
border-radius: 5px;
top: 64px;
opacity:0;
transition:opacity 0.5s ease;
}

.option-snap-code:hover .snap-code-append {
	display: block;
}

.form-control.doc-name {

      width: 200px;
      text-align: left;
      font-size: 18px;
      font-family: Raleway;
      font-weight: 500;
      color: #696969;
      margin: 0px;
      padding: 0px; 
      display:inline-block;



}

.left-head-container {

width: 50%;
float: left;
display: inline-block;

}


.right-head-container {

text-align: right;
width: 50%;
display: inline-block;

}

.right-head-container .btn {

    width: unset ;

}

.cke_editable {

   font-family: 'Crimson Text', serif !important;
   font-size:16px !important;
   height:100% !important;
 
}


#page-content {


padding-bottom:30px;


}

.theme-option-snap-codes .modal-body {
	max-height: 400px;
        display: block !important;
}

.menu-sale {
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
        width:100%;
}

.menu-sale .block {

       box-shadow:none !important;
       margin-bottom:40px;
}

.menu-sale input {
	border: none !important;
	margin-bottom: 20px;
	text-align: center;
}
#editor-container {
	text-align: center;
	padding: 0;
	position: relative;
       
}

.cke_top {
	background-color: #FFFFFF !important;
	border: 1px solid #b3b3b3 !important;
        border-radius:5px;
        padding: 10px 10px 5px 10px !important;
}

a.cke_button {cursor:pointer !important;}

.cke_toolgroup {
	border: none !important;
}

.cke_bottom {
	background-color: #FFFFFF !important;
}

.cke_combo_button {
	border: none !important;
}

#cke_html_editor {
	margin: 0 auto !important;
        width:790px !important;
}

#themes {
	padding:0px;
}

#themes label {

    display:none;

}

.modal.fade .modal-dialog
{
	z-index: 999999999;
}

.cke_button__pagebreak {

    position: fixed !important;
    right: 50px !important;
    bottom: 50px !important;
    width: 50px !important;
    height: 55px !important;
    background: #00b6ff !important;
    display: flex !important;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-radius: 33px !important;
    z-index:99999;
   
}

.cke_button__pagebreak:before {

content: url('/public/BaseCopyEngineApp/img/slidebreakicon.png');
font-size:12px;
font-family:Raleway;
font-weight:300;
 top: -60px;
    left:-30px;
position:absolute;
z-index:99999;

}

#keyboard-commands-instruction-container .close{
    overflow: hidden;
    background-color: #cccccc;
    position: absolute !important;
    top: -11px;
    right: -11px;
    border-radius: 29px;
    padding: 2px;
    opacity: 1;
    color: #fff;
    border:none;
}

#keyboard-commands-instruction-container{
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 999;
    width: 300px;
    background: #cccccc;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
}