/*
// Extra small screen / phone
@screen-xs:                  480px;
@screen-phone:               @screen-xs;

// Small screen / tablet
@screen-sm:                  768px;
@screen-tablet:              @screen-sm;

// Medium screen / desktop
@screen-md:                  992px;
@screen-desktop:             @screen-md;

// Large screen / wide desktop
@screen-lg:                  1200px;
@screen-lg-desktop:          @screen-lg;
*/

body {
    background-color: #323641;
    background-size: cover;
   /* background-image: url("../images/body-linen.jpg"); */
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #333333;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px!important;
    line-height: 1.42857;
}

/* interface */
.ks_interface_loading { 
	border-radius: 10px;
    text-align:center;
	width:170px;
	height:130px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-65px 0 0 -85px;
	padding: 15px;
	background-color: #272B37;
    border-color: #040405 #14161C #14161C;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.4) inset, 0 1px 2px 0 rgba(255, 255, 255, 0.2);
    color: #555555;
    opacity: 0.70;
}
.ks_interface_loading i {
	font-size: 70px; color: #F3EEE7;
}
.ks_interface_loading p {
	margin-top: 5px;
	font-size: 16px; color: #F3EEE7;
}

/*.content-wrapper.wood-wrapper.wood-wrapper-xl { padding: 45px; }*/

/* fixes */
.nav-pills > li > a { cursor:pointer!important; }
.nav-tabs > li > a { cursor:pointer!important; }
.text-percent { width: 47px; display:inline-block; }

/* google maps */
.google-maps-container { background-color:#EEEEEE; box-shadow: 0 0 2px rgba(0, 0, 0, 0.65); height:303px; }
.google-maps-container p { padding-top:142px;  text-shadow: 0 1px 0px #fff; }
.google-maps-container,
.google-maps-container *,
.google-maps-container *:before,
.google-maps-container *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.angular-google-map img {
max-width: inherit;
}
.google-maps-container .angular-google-map-container { height:303px; }

/* redactor */

.redactor_box {
	border-radius: 4px;
	border-color: #A9A49D #C1BDB8 #C1BDB8;
	box-shadow: 0 2px 2px #FFFFFF!important;
}

.redactor_toolbar {
	border-radius: 4px 4px 0 0;
}

.redactor_editor, .redactor_editor:focus {
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset!important;
    color: #555555;
    font-size: 14px;
    line-height: 1.42857;
    padding: 10px 12px!important;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.redactor_editor:focus {
    border-color: #66AFE9!important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 2px 6px rgba(102, 175, 233, 0.6)!important;
    outline: 0 none!important;
}

/* modal */
.modal-header { 
	background-color: #82403B; 
	border: 1px solid #542420; 
	border-radius: 4px 4px 0 0; 
	box-shadow: 0 2px 1px rgba(255, 255, 255, 0.1) inset, 0 2px 3px 0 rgba(0, 0, 0, 0.2); 
	color: #FFFFFF; 
	padding: 15px 20px;
}
.ks-theme-admin-blue .modal-header { 
	background-color: #2980b9; 
	border-color: #164666 #164666 #1b557a;
}
.ks-theme-admin-dark-blue .modal-header { 
	background-color: #34495e; 
	border: 1px solid #10161c;
	border-bottom: 1px solid #19232d;
}
.ks-theme-admin-green .modal-header { 
	background-color: #27AE60;
	border: 1px solid #145b32;
	border-bottom: 1px solid #19703e;
}
.ks-theme-admin-green-sea .modal-header { 
	background-color: #16a085;
	border: 1px solid #0a463a;
	border-bottom: 1px solid #0d5d4d;
}
.ks-theme-admin-orange .modal-header { 
	background-color: #D35400;
	border: 1px solid #6d2b00;
	border-bottom: 1px solid #873600;
}

.modal-header h4 {
    font-family: "Oswald","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 300;
    margin: 0;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    text-transform: uppercase;
}
.modal-header h4 i { margin-right:7px; position:relative; top:-2px; }
.modal-content { background-color: #F9F8F7; }
.modal-footer { background: linear-gradient(to bottom, #FAFAFA 0%, #E5E5E5 99%, #D3D3D3 99%, #D3D3D3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border-radius: 0 0 4px 4px; margin-top: 0px; padding: 15px; }

/* tooltip */
.tooltip { z-index: 9999!important; }
.ui-tooltip { font-size: 12px!important; z-index: 9999; }
.tooltip-inner { text-align:left!important; }
span[ks-tooltip] .fa-question-circle { cursor:help; }
h3 span[ks-tooltip] .fa-question-circle { font-size: 18px; position:relative; top:-4px; }

/* faq */
.ks-faq-category { margin: 4px 0 15px 0; }
.ks-help-message { margin: 0; }
.ks-faq-category.col-md-6 { min-height:118px; }
.ks-faq-title { color: #444444; border-bottom: 1px solid #ccc; font-size: 18px; margin-bottom: 10px; padding-bottom: 4px; }
.ks-faq-title a { color: #444444; cursor:pointer; }
.ks-faq-title a strong { font-weight:500; }
.ks-faq-question { margin-bottom: 5px; }
.ks-faq-question a { cursor:pointer; }

/* logo */
.side-bar-wrapper {
	opacity:0.97;
}
.side-bar-wrapper .logo { 
	text-align:left;
	background-color: #3B3F4D;
    border: 1px solid #14161C;
    border-radius: 4px;
    box-shadow:  0 1px 2px 0 rgba(255, 255, 255, 0.2);
    padding: 8px 20px;
    margin-bottom: 32px;
}
.side-bar-wrapper .logo span i { font-size: 30px; display:inline-block; margin-top:4px; float: right; }
.side-bar-wrapper .logo:hover { color:#D0D3DB; background-color:#2E3340; }

/* google maps */
.angular-google-map-container { height: 210px; }

/* add website */
.ks-select-category { height: 112px; cursor: pointer; line-height: 13px; margin-bottom: 6px; }
.ks-select-category a { color: #333; }
.ks-select-category:hover a img { border-color: #66afe9; opacity: 0.8; }
.ks-select-category.active a img { border: 3px solid #66afe9; opacity: 1!important; }
.ks-select-category.active a div { color: #66afe9; }
.ks-select-category a:hover { text-decoration:none!important; border-bottom:none; }

/* prices */
.ks-plans h1 { font-weight: 700; color: #4a4a4a; letter-spacing: -2px; line-height: 1; }
.ks-plans h3 { margin-bottom: 25px; }
.ks-plans td { border-bottom: 1px solid #e0e0e0; padding: 6px 8px; }
.ks-plans td .ks-price { font-size: 30px; color: #EF7F57; }
.ks-plans td small.text-muted { font-weight: 200; }
.ks-plans td span.text-success i.fa { font-size: 20px; color: #87B568; }
.ks-plans td.first { border-right: 1px solid #d8d8d8; padding-left: 15px; }
.ks-plans td.even { background-color: #fff; }
.ks-plans td.odd { border-top: 1px solid #fff; border-bottom: 1px solid #e0e0e0; background-color: #f9f9f9; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
.ks-plans .ks-others { background-color: #F9F9F9; }
.ks-plans .ks-others p { padding: 0px 0px 0px 10px; }
.ks-plans .ks-price-compare { font-size: 14px; font-weight: normal; }

.ks-letter { background: repeating-linear-gradient(-45deg, #6dabdb, #6dabdb 12px, #fff 12px, #fff 20px, #d86e6d 20px, #d86e6d 32px, #fff 32px, #fff 40px);height: 5px;border-bottom:1px solid #DDDDDD; }
.ks-construction { box-shadow: inset 0px 0px 23px 0px rgba(50, 50, 50, 0.15); background: repeating-linear-gradient(-45deg, #FFED00, #FFED00 12px, #000 16px, #000 28px), linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); height: 6px;border-bottom:1px solid #2F333D; }

.modal-dialog-xl { width:750px; }
.modal-dialog-xxl { width:800px; }

/*div[ng-view].ng-enter {
    -webkit-animation: fadeIn 0.5s;
    animation: fadeIn 0.5s;
}*/

.ng-show-remove {
	-webkit-animation: flipOutX 2.5s;
    animation: flipOutX 2.5s;
    display: block !important;
}
 
.ng-show-add {
    -webkit-animation: bounceIn 2.5s;
    animation: bounceIn 2.5s;
}

.ks-social-facebook { color: #3C579D; }
.ks-social-facebook-bg { background-color: #3C579D; }
a.ks-social-facebook-bg:hover { background-color: #4662A8; }
.ks-social-twitter { color: #55ACEE; }
.ks-social-twitter-bg { background-color: #55ACEE; }
a.ks-social-twitter-bg:hover { background-color: #71B6E8; }
.ks-social-youtube { color: #D5271E; }
.ks-social-youtube-bg { background-color: #D5271E; }
a.ks-social-youtube-bg:hover { background-color: #D5271E; }
.ks-social-vimeo { color: #0FACD7; }
.ks-social-vimeo-bg { background-color: #0FACD7; }
a.ks-social-vimeo-bg:hover { background-color: #0FACD7; }
.ks-social-rss { color: #FF852B; }
.ks-social-rss-bg { background-color: #FF852B; }
a.ks-social-rss-bg:hover { background-color: #FF852B; }
.ks-social-pinterest { color: #D41F26; }
.ks-social-pinterest-bg { background-color: #D41F26; }
a.ks-social-pinterest-bg:hover { background-color: #D41F26; }
.ks-social-instagram { color: #9E6F57; }
.ks-social-instagram-bg { background-color: #9E6F57; }
a.ks-social-instagram-bg:hover { background-color: #9E6F57; }
.ks-social-googleplus { color: #C53626; }
.ks-social-googleplus-bg { background-color: #C53626; }
a.ks-social-googleplus-bg:hover { background-color: #C53626; }
.ks-social-foursquare { color: #2B9FD2; }
.ks-social-foursquare-bg { background-color: #2B9FD2; }
a.ks-social-foursquare-bg:hover { background-color: #2B9FD2; }
.ks-social-flickr { color: #FF0084; }
.ks-social-flickr-bg { background-color: #FF0084; }
a.ks-social-flickr-bg:hover { background-color: #FF0084; }

.ks-noresize { resize: none; }

.content-wrapper.bold-shadow .content-inner { box-shadow: 0 2px 30px 10px rgba(0, 0, 0, 0.5)!important; }

.pagination { margin: 0; }

.ks-footer { margin-top: 20px; color: #F9F8F7; font-size: 13px; font-weight: 400; text-shadow: 0 1px 2px rgba(0,0,0,0.5); }
.ks-footer a { color: #F9F8F7; display:inline-block; margin: 5px; }

h3.form-title div.text-muted.pull-right { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 0.8em; margin-top: 5px;}

.shadowed-bottom.shadowed-bottom-xs { padding: 8px 20px; }
.shadowed-bottom.shadowed-bottom-xs .value-block { min-height: 53px; }

.shadowed-top {
    background-color: #f9f7f4;
    border-top: 1px solid #bbb;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.05) inset, 1px 1px 2px 0 #fff inset;
    padding: 20px;
}
.shadowed-top.shadowed-bottom-xs { padding: 8px 20px; }
.shadowed-top.shadowed-bottom-xs .value-block { min-height: 53px; }

.ks-form-title { font-size: 29px;font-family:'Open Sans';text-transform:none; }
.form-title.form-title-first img { position:relative; top: -4px; margin-right: 5px; }

.all-wrapper { padding: 15px 20px; }
.all-wrapper.ks-theme-admin-standalone { padding: 0px!important; }
.all-wrapper.ks-theme-admin-standalone .ks-footer { display:none; }

.login-logo-w { margin-bottom: 20px; }

.text-default { color: #333333; }

.btn-history { margin-top: 8px; }

.mce-tinymce.mce-container.mce-panel { border-color: #a9a49d #c1bdb8 #c1bdb8; border-image: none; border-style: solid; border-width: 1px; border-radius: 4px; }
.mce-toolbar-grp.mce-container.mce-panel { border-radius: 4px; }
.mce-edit-area {box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset !important; }

.pre-codemirror { background-color: #f5f5f5; font-family: Monaco,Menlo,Consolas,"Courier New",monospace; border: 1px solid #ccc; border-radius: 4px; color: #333; display: block; font-size: 13px; line-height: 1.42857; margin: 0 0 10px; padding: 9.5px; }
.pre-codemirror-container { background-color: #fff; border-color: #a9a49d #c1bdb8 #c1bdb8; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) inset, 0 2px 2px #fff;    padding: 0; }
.pre-codemirror-container .CodeMirror { height: auto; }

@media (max-width: 768px) { 
	.all-wrapper { padding: 2px; }
	.side-bar-wrapper .logo span { font-size: 19px; }
	.side-bar-wrapper .side-menu > li a, .side-bar-wrapper .side-menu > li.active > a, .side-bar-wrapper .side-menu > li.current > a, .side-bar-wrapper .side-menu > li:hover > a, .side-bar-wrapper .side-menu > li.active > a, .side-bar-wrapper .side-menu > li.current > a, .side-bar-wrapper .side-menu > li:hover > a { font-size: 14px; padding: 6px 9px; }
	.content-wrapper .page-header { padding: 6px; }
	.content-wrapper .page-header h1 { font-size: 16px; line-height: 13px; }
	.content-wrapper .page-header .header-links { margin-top: 0; }
	.content-wrapper .main-content { padding: 5px; }
	.padded { padding: 7px; }
	.section-title { font-size: 16px; }
}

.ks-mediamanager { position: relative; }
.ks-mediamanager .ks-mediamanager-library { display:block; }
.ks-mediamanager .ks-mediamanager-drop { display: none; }
.ks-mediamanager.dragover .ks-mediamanager-library { visibility: hidden; }
.ks-mediamanager.dragover .ks-mediamanager-drop { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; background-color:#ccc; padding: 25px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.17) inset; }
.ks-mediamanager.dragover .image-uploader-blank { color:#333; font-size:65px; text-shadow: 0 1px 0px #fff; }
.ks-mediamanager.dragover .image-uploader-message { color:#333; text-shadow: 0 1px 0px #fff; }
.ks-mediamanager .img-media { width: 100px; height: 100px; text-align: center; font-size: 10px; color: #333; }
.ks-mediamanager .img-loading { background: #fff url('/resources/assets/back/images/spinner.gif'); }
.ks-mediamanager .img-error { background: #fff url('/resources/assets/back/images/error.png'); }

.fa.fa-circle.text-danger { color: #dc3232; }
.fa.fa-circle.text-warning { color: #FEC228; }
.fa.fa-circle.text-success { color: #7ad03a; }

.seo_snippet { font-family: Arial,Helvetica,sans-serif; font-style: normal; cursor: pointer; }
.seo_snippet .title_container { width: 600px; white-space: nowrap; }
.seo_snippet .title { display: inline-block; overflow: hidden; max-width: 600px; vertical-align: top; text-overflow: ellipsis; color: #1e0fbe; font-size: 18px; font-weight: 400; line-height: 1.2; }
.seo_snippet .url_container { margin: 2px 0; width: 600px; line-height: 1; white-space: nowrap; }
.seo_snippet .url { color: #006621; display: inline-block; overflow: hidden; max-width: 586px; font-size: 14px; line-height: 16px; vertical-align: top; text-overflow: ellipsis; cursor: pointer; white-space: nowrap; }
.seo_snippet .down_arrow { display: inline-block; margin-top: 6px; margin-left: 6px; border-top: 5px solid #006621; border-right: 4px solid transparent; border-left: 4px solid transparent; vertical-align: top; }
.seo_snippet .meta_container { min-height: 20px; max-height: 40px; width: 600px; cursor: pointer; text-overflow: ellipsis; overflow: hidden; }
.seo_snippet .meta { color: #777; font-size: 13px; line-height: 1.4; cursor: pointer; }


.form-control.ks-invisible { background-color: transparent; border: none; border-top: none; box-shadow: none; border-radius: 0; padding: 0px; }
.ks-no-padding { padding: 0; }

.ks-panel-table:hover { box-shadow: 1px 1px #ddd, 2px 2px #ddd, 3px 3px #ddd; -webkit-transform: translateX(-3px);  transform: translateX(-3px); cursor: pointer;}

.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}