/*==========================================================================
   Body
==========================================================================*/
body
{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	background-color: #DDDDDD;
	font-size: .9rem;
}








/*==========================================================================
   Headings
==========================================================================*/
h1, h2, h3, h4, h5, h6
{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
	font-family: 'Open Sans', sans-serif;
}

h1
{
	font-weight: 600;
	font-size: 30px;
}







a
{
	color: #333;
}


.grey-links > a
{
	color: #999;
}




.scroll-y
{
	overflow-y: scroll;
	height: 300px;
}




.flash-list
{
	margin: 0;
	padding: 0 1.6rem;
}

.center 
{
	text-align:center;
}




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


.btn 
{
	font-size:0.9rem;
}
.btn-primary
{
	background-color:#43507b;
	border-color:#43507b;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{
	background:#606e9e;
	border-color:#606e9e;
}
.btn-basic
{
	background-color:#fff;
	border-color:#cfcfcf;
}

.btn-download 
{
	font-weight:bold !important;
	font-size:1.2em;
	text-transform:inherit !important;
}


.btn-group-xs>.btn, .btn-xs {
    padding: 0rem .3rem;
    font-size: .8rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.btn-mobile-block 
{
	display:block;
	width:100%;
}

.bg-info 
{
	background: #c3cfde !important;
}
.bg-danger 
{
	background-color:#fd6473 !important
}

.padded 
{
	padding:10px;
}
















/*==========================================================================
   Sidebar
==========================================================================*/
#sidebar-left
{
	width:100%;
	z-index: 100; /* Behind the navbar */
	padding: 0;
	background-color: #373b4a;
	min-height: 100vh;
	font-size: .9rem;
	position: fixed;
	display:none;
}
#sidebar-left #site-logo
{
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	padding: 13px 15px;
	text-align:center;
	border-bottom: 1px solid #3e455f;
	background: #2e3240;
	margin-bottom: 0.5em;
	display:block;
	white-space: nowrap;
  overflow: hidden;
	text-overflow: ellipsis;
	height:55px;
}

#sidebar-left h6.menu-heading
{
	text-transform: uppercase;
	color: #70829a;
	font-weight: 600;
	font-size: .9rem;
	margin: 0;
	padding: 1rem;
	padding-bottom: .3rem;
}

#sidebar-left .sidebar-menu
{
	margin:0;
	padding: 0;
}

#sidebar-left .sidebar-menu > li
{
    margin: 0;
	padding: 0;
}

#sidebar-left .sidebar-menu > li > a
{
	padding: .4rem 1rem;
	overflow: hidden;
	color: #FFF;
	display: block;
	font-weight: 600;
	font-size:1.2em;
}

#sidebar-left .sidebar-menu > li > a:hover, #sidebar-left .sidebar-menu > li.active > a
{
	text-decoration: none;
	background-color: #454A52;
	cursor: pointer;
}

#sidebar-left .sidebar-menu > li > a > i
{
	margin-right: .5rem;
}


.mobile-close 
{
	color:#FFF !important;
	font-size:1.6em;
	display:inline-block;
	margin-top:-15px;
	margin-right:-15px;
}
.mobile-menu 
{
	color:#222 !important;
	font-size:1.6em;
	display:inline-block;
	float:left;
	margin-left:-15px;
	margin-top: -12px;
}



#sidebar-left .sidebar-menu > li > ul
{
	margin:0;
	padding: 0;
	list-style: none;
	background-color: rgba(0, 0, 0, .4);
	display: none;
}

#sidebar-left .sidebar-menu > li > ul.expanded
{
	display: block;
}

#sidebar-left .sidebar-menu > li > ul li
{
    margin: 0;
	padding: 0;
}

#sidebar-left .sidebar-menu > li > ul li > a
{
	padding: .4rem 1rem .4rem 1.2rem;
	overflow: hidden;
	color: #FFF;
	display: block;
	font-weight: 600;
}

#sidebar-left .sidebar-menu > li > ul li > a:hover
{
	text-decoration: none;
	background-color: rgba(0, 0, 0, .2);
}

#sidebar-left .sidebar-menu > li > ul li > a > i
{
	margin-right: .5rem;
	color: #999;
}










/*==========================================================================
   topnav
==========================================================================*/
.top-nav
{
	background-color: #4A89DC;
}

.top-nav .brand
{
	background-color: #3078D7;
	width: 230px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#FFF;
}

.top-nav .brand a
{
	font-size: 1.1rem;
	color: #FFF;
}

.top-nav .brand a:hover
{
	text-decoration: none;
}

.top-nav .user
{
	float: right;
	padding: 8px;
}

.top-nav .user .name
{
	display: block;
	background-color: rgba(0, 0, 0, .3);
	padding: 10px 20px;
	line-height: 22px;
	float: left;
	color: #FFF;
	border-radius: 4px;
}







/*==========================================================================
  Top bar
==========================================================================*/
#topbar
{
	position: relative;
	width: 100%;
	background: #fafafa;
	border-bottom: 1px solid #d0d0d0;
	min-height:55px;
}

#topbar h1
{
	font-size: 1.15rem;
	font-weight: 400;
	margin: 0;
}

#topbar .right-actions
{
	float: right;
	margin-top: -3px;
}










/*==========================================================================
  Misc
==========================================================================*/
/* Fix bootbox modal title alignment bug */
.bootbox .modal-header
{
	display: block;
}



.depth-spacer
{
	height: 42px; width: 30px; float: left; text-align: center; line-height: 42px; color: #DDD; margin-right: .75rem;
}


#fileuploadmodal-dropzone
{
	min-height: 100px;
	padding: 40px 0px;
	margin-bottom: 15px;
	background-color: #f1f1f1;
	border:1px solid #dfdfdf;
  text-align: center;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
	border-radius:4px;
}
#fileuploadmodal-dropzone:hover 
{
	border:1px solid #7fc4ef;
}

div.dz-filename
{
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.theprogress
{
	margin-bottom:5px;
}
.modal-title
{
	font-size:1.3rem;
}

.file-manager-icon i 
{
	color:#8aacc3 !important;
}


.album-thumbnail 
{
	width: 40px;
    height: 40px;
    border-radius: 4px;
    overflow: hidden;
    padding: 2px;
	border-bottom:1px solid #dfdfdf;
	margin-right:10px;
}
.album-thumbnail img 
{
	width:100%;
}

.img-thumbnail-container
{
	border:1px solid #dfdfdf;
}
.img-toolbar
{
	border: 1px solid #dfdfdf;
    border-top: none;
    background: #f1f1f1;
}
.img-toolbar>.btn-group 
{
	float:right;
}
.img-toolbar .btn 
{
	border-radius:0px;
}
.img-toolbar .btn-link 
{
	color:#222;
}

.edit-image-thumbnail img 
{
	width:100%;
}


.spacer 
{
	height:15px;
}
.spacer-lg
{
	height:15px;
}

.sortable .item-thumbnail 
{
	cursor:move;
}
.sortable .ui-state-highlight
{
	border:2px dashed #dfdfdf;
	background-color:#f6f6f6;
}


/** Modal icon grid layout **/
.form-blocks .modal-icon
{
	text-align:center;
	display:block;
	width:100%;
}
.form-blocks .modal-icon img 
{
	width:40px;
}
.form-blocks h5 
{
	display:block;
	margin:3px 0px;
}


#code-editor-container 
{
	border:none;
}

#editor-iframe 
{
	min-height:900px;
	overflow:hidden;
	width:100%;
	border:none;
	padding:15px;
	background-color:#FFF;
	border-radius:4px;
}

.CodeMirror 
{
	overflow-y: auto !important;
}

.date-container select 
{
	margin-right:2px;
}


.table-clear td, .table-clear th
{
	border:none;
}
.card-stat
{
	font-size:4em;
	font-weight:bold;
	color:#94abca;
	margin-bottom:0px;
	text-align:center;
}
.card .card-header .btn-xs, .card .card-header .btn-xs 
{
	height:25px;
	padding-top:2px;
}
.card .card-header .dropdown-item
{
	padding: .25rem 1rem;
	font-size: 0.9rem;
}


/*==========================================================================
  Tables
==========================================================================*/
.table-bordered
{
	border: 1px solid #dfdfdf;
}
.table thead th 
{
	background: #e2e2e2;
  border-bottom: 2px solid #c9ced4;
}
.table-bordered td, .table-bordered th
{
	border: 1px solid #dcdcdc;
}
.table tbody td
{
	padding:0.5rem;
}
.table thead th 
{
	padding:0.75rem 0.5rem;
}


/*==========================================================================
  Pagination
==========================================================================*/
.pagination
{
	border:1px solid #dfdfdf;
	background-color:#f1f1f1;
	border-radius:4px;
	padding:5px 15px;
	display:inline-block;
	margin:15px 0px;
}
.pagination .page 
{
	padding:5px 10px;
	font-size:1em;
	display:inline-block;
}
.pagination .page:hover 
{
	font-weight:bold;
}




/*==========================================================================
  Category Upload
==========================================================================*/
.info-grid strong
{
	display:inline-block;
	width:50%;
}
.info-grid strong+span 
{
	display:inline-block;
	width:50%;
}
.drag-drop-container 
{
	padding:54px 25px;
	background:#efefef;
	border:1px solid #dfdfdf;
	text-align:center;
	color:#333 !important;
	cursor:pointer;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}
.drag-drop-container:hover, .drag-drop-container:focus, .drag-drop-container.active
{
	background:#919cef !important;;
	border-color:#828cda !important;
	color:#FFF !important;
}
.dz-processing 
{
	background: #FFF;
	margin-bottom: 10px;
	padding: 0.5em;
	border-radius:3px;
}
.dz-processing .theprogress
{
	margin-bottom:0;
}








ul.menus
{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 20px;
	border: 1px solid #dee2e6;
}

ul.menus li
{
	border-bottom: 1px solid #dee2e6;
	margin: 0;
	vertical-align: middle !important;
	overflow: hidden;
}

ul.menus li:last-of-type
{
	border-bottom: 0px;
}

ul.menus li .inside:hover
{
	background-color: #ECECEC;
}

ul.menus li .cell
{
	padding: .75rem;
	display: table-cell;
}

ul.menus li .right-actions
{
	float: right;
	padding: .75rem;
	position: relative;
}

ul.menus li .right-actions::before
{
	content: '';
	border-left: 1px solid #dee2e6;
	position: absolute;
	height: 150px;
	top: -30px;
	left: 0;
}

ul.menus li ul
{
	border-top: 1px solid #dee2e6;
	background-color: #FFF;
	padding: 0;
	margin: 0;
}

.sortable-placeholder
{
	height: 66px;
	background-color: #000;
}


/*******************
** Footer
********************/
footer
{
	position:abolsute;
	bottom:0px;
	right:0px;
	padding:15px 0px;
	font-size:0.9em;
	color:#666;
}