/* Import required CSS */

.navbar {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

body {
    background-color: transparent;
}

/* Add some padding to row */
.row {
    padding: 4px 0px;
}

/* Default all images to have a 0.21rem border. 
   Set max width and height no larger than image size. 
   Reset hight as we want to ignore any user input on this to keep image dimentions 
*/
img {
    border-radius: 0.21rem;
    max-width: 100%;
    max-height: 100%;
    height: unset;
}

/* Default faded hr styles */
hr {
	border-top: 1px solid #dcdbdb;
}
hr.style1 {
	border-top: 1px dashed #dcdbdb;
	border-bottom: 1px dashed #fff;
        margin: 3px; 
}

/* Header Content Buttons */
/* Button Colors */
.btn-primary {
	background-color: #55595c !important;
	border-color: #55595c !important;
        margin-right: 4px;
}
.btn-primary:active {
	background-color: #55595c !important;
	border-color: #55595c !important;
}
.btn-primary:focus{
	background-color: #45494c !important;
	border-color: #45494c !important;
}
.btn-primary:hover{
	background-color: #45494c !important;
	border-color: #45494c !important;
}

/* Page margins override */
.form-group {
    margin-bottom: 0.1rem;
}
form .form-group {
    margin-bottom: 0.1rem;
}

/* Table Padding */
.table tbody{
    padding: 0.5rem 0.5rem;
}
.table th, .table td {
    padding: 0.5rem 0.5rem;
    border-top: 0px;
}

/* Tabs Colors */
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: #ddd #ddd #f1f1f1;
}
.nav-tabs {
    border-bottom: 1px solid #ddd;
}

/* Link Colours */
html body a {
    color: #337ab7;
}

/* Nav Panels */
.panel-round_temp>.panel-heading {
    color: #333;
    background-color: #f5f5f5;

    border-radius: 30px;
    border: 1px solid #ddd;
 }
 
  
/* Widget Panel */
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;

    border: 1px solid #ddd;
 }
.btn-round {
    border-radius: 30px;
    background-color: #ffffff;
    border: 1px solid #ddd;
}
/* Widget Panel - Menu */
 .dropdown-menu {
     padding: 10px 10px;
}
/* Menu Divider/Separator */
.divider {
    border-top: 1px solid #d4d4d4;
}

/* Resizable panels for widgets */
.panel-resizable {
    resize: vertical;
    overflow: auto;
}

/* Zamic Logo location */
.header-navbar.navbar-brand-center .navbar-header {
    position: relative;
}

/* Modal Colors - overrides bootstrap*/
.bootstrap-dialog.type-primary .modal-header {
  background-color: #55595c !important;
}

/* Allow the bootstrap dialog to go full screen */
.fullscreen-dialog .modal-dialog {
      width: 100vw !important;  /* Full viewport width */
      height: 100vh !important; /* Full viewport height */
      margin: 0 !important;
      padding: 10px !important;
      max-width: none !important;  /* Ensure no max-width restriction */
 }

.switchery>.element.style {
    background-color: #ffffff;
}

/* Page Padding & Color Sets */
html body .content .content-wrapper {
    padding: 0.5em 0.5em !important;
}
.card-body {
    padding: 0.5em 0.5em !important;
}
.card-header {
    background-color: #f5f5f5;
    padding: 0.05em;
}
.x_panel {
    padding: 0.5em 0.5em !important;
}
.btn.btn-app {
  margin: 0 0 0.15em 0.15em;
}
.zwidget-panel {
    padding-right: 0.15em !important;
    padding-left: 0.15em !important;    
}
/* Card Header Color Sets - e.g. accordian */
.btn-link {
    font-weight: 400;
    color: #55595c;
    background-color: transparent;
}
.btn-link:hover {
    font-weight: 500;
    color: #55595c;
}


/* Contact Search Title Sizes */
.select2-container--classic .select2-result-repository .select2-result-repository__meta .select2-result-repository__title,
.select2-container--default .select2-result-repository .select2-result-repository__meta .select2-result-repository__title {
    font-size: 1.00rem;
    font-weight: 700;
    text-transform: capitalize;
}


/* Max Datafeed Image Sizes */
.card-img-left {
    max-width: 150px;
}

/* Sharing Image Sizes */
.sharing-img-preview {
    border-radius: 3px;
    max-width: 70px;
}

/****** Panel *****************/
.x_panel {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px 17px;
  display: inline-block;
  background: #fff;
  border: 1px solid #E6E9ED;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  column-break-inside: avoid;
  opacity: 1;
  transition: all .2s ease; }

  
.panel_toolbox {
  float: right;
  min-width: 70px; }

.panel_toolbox > li {
  float: left;
  cursor: pointer; }

.panel_toolbox > li > a {
  padding: 5px;
  color: #C5C7CB;
  font-size: 14px; }

.panel_toolbox > li > a:hover {
  background: #F5F7FA; }
  
/****** / Panel ***************/

/***** File Upload **********/
.fake-shadow {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.fileUpload {
    position: relative;
    overflow: hidden;
}
.fileUpload #image-upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 33px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
.img-preview {
	max-width: 75%;    
}
/***** / File Upload **********/



/* Widget Buttons */
.btn.btn-app {
  position: relative;
  padding: 15px 5px;
/*  margin: 0 0 10px 10px; */
  min-width: 80px;
  height: 60px;
  box-shadow: none;
  border-radius: 0;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: 12px; 
}
/* Widget Buttonbar Overflow, enable scrollbar */
.btn-toolbar-widgets {
    padding-top: 3px;
    padding-bottom: 3px;
}
.btn-group-widgets {
    white-space: nowrap;
    overflow-x: auto;
}
 

/* *********  form tags input  **************************** */

span.tag {
  background: #e4e4e4 !important;
  color: #43576C !important;
  border: 1px solid #AAA !important;
 }

span.tag a {
  color: #43576C !important; }


/* *********  /form tags input  **************************** */

/* Dashboard Top Tile Items */
.tile_count {
  margin-bottom: 20px;
  margin-top: 20px; }

.tile_count .tile_stats_count {
  border-bottom: 1px solid #D9DEE4;
  padding: 0 10px 0 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  position: relative; 
}
@media (min-width: 992px) {
  .tile_count .tile_stats_count {
    margin-bottom: 10px;
    border-bottom: 0;
    padding-bottom: 10px; } 
}
.tile_count .tile_stats_count:before {
  content: "";
  position: absolute;
  left: 0;
  height: 65px;
  border-left: 2px solid #ADB2B5;
  margin-top: 10px; 
}
@media (min-width: 992px) {
  .tile_count .tile_stats_count:first-child:before {
    border-left: 0; } }
.tile_count .tile_stats_count .count {
  font-size: 30px;
  line-height: 47px;
  font-weight: 600; 
}
@media (min-width: 768px) {
  .tile_count .tile_stats_count .count {
    font-size: 40px; } 
}
@media (min-width: 992px) and (max-width: 1100px) {
  .tile_count .tile_stats_count .count {
    font-size: 30px; } }
.tile_count .tile_stats_count span {
  font-size: 12px; 
}
@media (min-width: 768px) {
  .tile_count .tile_stats_count span {
    font-size: 13px; } 
}
.tile_count .tile_stats_count .count_bottom i {
  width: 12px; 
}


/* Jumbotron colour */
.jumbotron {
    background-color: transparent;
}

.card {
    border: 1px solid rgba(0, 0, 0, .06);   
}


/* Content Block - Article */
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}


/* Summernote Editor formatting */
img.note-float-left {
    margin-right: 10px;
}
img.note-float-right {
    margin-left: 10px;
}


/* TinyMCE - Disable source box
.tox-dialog .tox-dialog__content-js .tox-dialog__body .tox-form__controls-h-stack input[type=url].tox-textfield {
    display: block;
}
.tox-dialog .tox-dialog__content-js .tox-dialog__body div.tox-form__group:first-child label {
    display: block;
}
.tox-dialog .tox-dialog__content-js .tox-dialog__body .tox-form__controls-h-stack div.tox-form__group:first-child label {
    display: block;
}
*/


/* Retractable Right Sidebar - hide/show */
.header-navbar .navbar-container ul.nav li a.menu-toggle-right i {
    font-size: 1.6rem;
}

.header-navbar .navbar-container ul.nav li a.menu-toggle-right {
    padding: 1.4rem 1rem;
}