/* //////////////////// */
/* GENERAL COLOURS      */
/* //////////////////// */

body.skin-black header nav.navbar {
    background-color: #000 !important;
	color: #fff !important;
}

/* //////////////////// */
/* GENERAL STYLES       */
/* //////////////////// */

body{
	font-size: 12px;
    overflow-x: hidden;
}

.alert{
	 padding: 5px;
}

.alert-dismissable .close, .alert-dismissible .close{
	right: 0;
}
div.alert span{
	padding-left: 26px;
}

.wrapper, .content-wrapper{
	overflow-x: hidden;
}

.left{ float:left; }
.right{ float: right; }

br.clear{ clear:both; height: 1px; margin: 0; padding: 0;}

.hiddenOnLoad { display: none;}

.hideForm{
    position:absolute;
    opacity:0;
    /* For IE8 "Keep the IE opacity settings in this order for max compatibility" */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* For IE5 - 7 */
    filter: alpha(opacity=0);
}

.viewed, .viewed a { color: #aaa !important; }
.mailbox-name a{ font-weight: bold;}
.mailbox-subject a{color:#333;}

.dynlinked {
    color: #1A2558;
    font-style: italic;
}

.mailbox-controls {line-height: 30px;}
.table tbody tr td {line-height: 23px;}
ul.pagination{ margin:10px 0;}

.errorbox{ border-color: #dd4b39; }

#searcbox_submit{ pointer-events: auto; cursor: pointer;}
#slug_preview_loader,
#template_components_loader,
#template_html_loader { display:none; }

table .absorbing-column {
    width: 100%;
}
table td.shrink {
    white-space:nowrap
}

.cursor_move{
	cursor: move;
}

.CodeMirror{
	height: auto;
	min-height: 100px;
}

/* //////////////////// */
/* CUSTOM OVERRIDES     */
/* //////////////////// */

.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>h4,
.navbar-nav>.messages-menu>.dropdown-menu>li .menu>li>a>p{
    margin:0;
}
ul.treeview-menu > li > a{ font-size: 12px !important; }

@media (min-width: 768px){
    .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
        top: 40px;
    }
}

.mailbox-read-message table tr td{ padding: 5px; }
.mailbox-read-message table tr th{ padding: 5px; }

/* //////////////////// */
/* CUSTOM FORM WIDGETS  */
/* //////////////////// */


.imagemanager_formwidget a, .imagemanager_formwidget span{
    vertical-align: top;
}

.imagemanager_formwidget img{
    /*width: 100px;*/
    max-height: 100px;
    max-width: 100px;
    border: 1px solid #d2d6de;
    padding: 3px;

}

.folder-wrapper{
    background-color: #FFF;
    max-height: 500px;
    overflow-y: scroll;
    color: #333;
    border-radius: 5px;
}

#folder-content{
    padding:5px;
}

.modal-header, .modal-body, .modal-footer{ padding-top:10px; padding-bottom:10px;}

#imagemanager-ajaxloader{
    text-align: center;
    padding-top:10px;
}

#imagemanager-uploadloader{
    text-align: center;
    padding-top: 8px;
    float: left;
    padding-right: 10px;
}

#imagemanager-path{
    height: 24px;
    line-height: 36px;
}

#folder-content div{
    /*width:95px;
    height:95px;*/
    float:left;
    margin-right:10px;
    margin-bottom:20px;
    padding:5px;
}

#folder-content div[data-selected='true']{
    background-color: #4db0ea;
    color: #fff;
}

/* //////////////////// */
/* DATABASE COLOURS     */
/* //////////////////// */

.datatable-title{
    position: absolute;
}

.datatable{
	width:100%;

}
.dataTables_empty{
	padding-top:20px;
}
.datatable tbody tr{
	border-spacing: 0px;
    border-collapse: separate;
}

.datatable tbody tr td{
	vertical-align: middle;
	text-align: left;
}

.datatable thead tr th,
.table thead tr th{
	background: #1A2558;
	color:#fff;
	font-weight: normal;
}


/* //////////////////// */
/* BUTTON STYLES        */
/* //////////////////// */

.btn {
  font-size:12px !important;
}

.btn .glyphicon {
  margin-right: 8px;
}

.btn .glyphicon.zeromargin {
  margin: 0px;
}

.btn.btn-icon .glyphicon {
  margin-right: 0;
}

/* //////////////////// */
/* MENUBUNDLE STYLES    */
/* //////////////////// */

.menu-pagelist{
	overflow: auto;
}

.sortable{
	position: relative;
}

.sortable li {
	margin-bottom: 5px;
	margin-top: 5px;
	list-style: none;
	margin-left:-30px;
	/*float:left;*/
	width: 100%;
	position: relative;
}

.sortable li ol{
	margin-left:10px;
}

div.menu-pagelist button{ overflow:hidden; }

.placeholder {	outline: 1px dashed #4183C4; padding:3px;}

.mjs-nestedSortable-error {
	background: #fbe3e4;
	border-color: transparent;
}

.sortable li div {
	border: 1px solid #d4d4d4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: move;
	border-color: #D4D4D4 #D4D4D4 #BCBCBC;
	margin: 0;
	padding: 3px;
}

li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
	border-color: #999;
}

.disclose, .expandEditor {
	cursor: pointer;
	width: 16px;
    display: inline-block;
    height: 16px;
    margin-right:2px;
	/*display: none;*/
}

.sortable li.mjs-nestedSortable-collapsed > ol {
	display: none;
}

.sortable li.mjs-nestedSortable-branch > div > .disclose {
	display: inline-block;
}

.sortable span.ui-icon {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.menuDiv {
	background: #EBEBEB;
}

.menuEdit {
	background: #FFF;
}

.itemTitle {
	vertical-align: middle;
	cursor: pointer;
}

.deleteMenu {
	float: right;
	cursor: pointer;
}

.sm-text {
	font-size: 9px;
}

.form-group a{
	cursor:pointer;
}
#showAdvancedButton{ margin-left: 10px;}
#advancedArea{ display: none;}
#extraUrlsegments-fields-list {
	margin: 0;
	padding: 0;
}
#extraUrlsegments-fields-list li {
	list-style: none;
}
#extraUrlsegments-fields-list li div label,
#page_extraUrlsegments div label {
	display:none;
}

.sliderimageRow td {vertical-align: middle !important;}
ul.sliderimages{ padding: 0; }
ul.sliderimages li{ list-style-type: none;}


.redactor-modal-tab .checkbox {
	cursor: pointer;
	padding-left: 20px;
}

body.skin-blue .main-header .admin-frontend__button {
    color: #666666;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: none;
    border-width: 1px;
    font-size: 12px;
    background-color: #f4f4f4;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    background-image: none;
    text-decoration: none;
}

body.skin-blue .main-header .admin-frontend__button:hover, body.skin-blue .main-header .admin-frontend__button:focus {
	color: #666666;
    background-color: #e7e7e7;
    border-color: #adadad;
    text-decoration: none;
    outline:none;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #090e23;
}

.skin-blue .sidebar a {
    color: #FFFFFF;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
    color: #fff;
    background: #1A2558;
    border-left-color: #FFFFFF;
}

.skin-blue .sidebar-menu>li.header {
    color: #FFFFFF;
    background: #1A2558;
}

.skin-blue .sidebar-menu>li>.treeview-menu {
    margin: 0 0;
    padding-bottom: 10px;
    background: #1A2558;
}

.skin-blue .treeview-menu>li>a {
    color: #FFFFFF;
}

.skin-blue .treeview-menu>li.active>a, .skin-blue .treeview-menu>li>a:hover {
    color: #E87F9C;
}

.content-wrapper, .right-side {
    background-color: #FFFFFF;
}

.login-page, .register-page {
    background: #1A2558;
    background-image: url('/takeflight/tlb-birds-bg-wide.jpg');
    background-position: bottom center;
    background-size: cover;
}

.center-align {
    margin-left: auto;
    margin-right: auto;
}

.form-control {
    border-color: #1A2558;
    background-color: #FFFFFF;
}

.form-control:focus {
    border-color: #e87f9c;
    background-color: #f8ecf0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px rgb(255, 255, 255)  inset !important;
}

.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    color: #1A2558;
}

.login-box, .register-box {
    margin: 2% auto;
}

a:hover, a:active, a:focus {
    color: #e87f9c;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #1A2558;
    border-color: #1A2558;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: #e87f9c;
    border-color: #e87f9c;
}

.btn-secondary {
    background-color: #e87f9c;
    border-color: #e87f9c;
    color: #FFFFFF;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus, .btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .open>.dropdown-toggle.btn-secondary.focus, .open>.dropdown-toggle.btn-secondary:focus, .open>.dropdown-toggle.btn-secondary:hover {
    background-color: #1A2558;
    border-color: #1A2558;
    color: #FFFFFF;
}

.btn-line:hover, .btn-line:active, .btn-line:focus  {
    border-color: #FFFFFF;
}

.skin-blue .main-header .logo:hover {
    background-color: #1A2558;
}

.main-header .logo {
   padding: 10px 15px;
   line-height: 1;
   font-size: 26px;
}

@media (min-width: 768px) {
    .sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
        margin-top: 5px;
    }
}

.main-header .logo .logo-lg {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.main-header .logo .logo-lg span {
    line-height: 1.15;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    border-bottom: 1px solid #1A2558;
    border-right: 1px solid #1A2558;
    border-left: none;
    border-top: none;
}

table.table-bordered th:last-child, table.table-bordered td:last-child {
    border-right-width: 1px;
}

table.table-bordered th:first-child, table.table-bordered td:first-child {
    border-left: 1px solid #1A2558;
}

.table-bordered {
   border: none;
   margin: 20px 0;
}

.ms-container .ms-list {
    border: 1px solid #1A2558;
}

.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
    background-color: #1A2558;
}

.box-header.with-border {
    border: none;
    background-color: #1A2558;
    color: #FFFFFF;
}

.box {
    border: 1px solid #1A2558;
    border-top: 3px solid #1A2558;
    box-shadow: none;
}

.help-block {
    color: #e87f9c;
}

.redactor-box {
    border: 1px solid #1A2558;
}

.redactor-box textarea:focus {
    border-color: #e87f9c;
    background-color: #f8ecf0;
}

.redactor-toolbar {
    box-shadow: none;
}

.redactor-toolbar li a:hover {
    background-color: #1A2558;
}

.input-group .input-group-addon {
    border-color: #1A2558;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border-color: transparent;
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.navbar-nav>.user-menu .user-image, .user-panel>.image>img {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header {
    height: auto;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background-color: #e87f9c;
}

.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
    border: none;
}

.dash-box {
    background-color: #1A2558;
    color: #FFFFFF;
    width: 100%;
    max-width: 250px;
    aspect-ratio : 1 / 1;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 24px;
    transition: all 0.5s ease;
}

.dash-box span {
    display: inline-block;
}

.dash-box > span:first-of-type {
    display: block;
    text-align: center;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.dash-box span + span {
    margin-left: 10px;
}

.dash-box > i {
    display: block;
    font-size: 32px;
    color:#e87f9c;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.dash-link:hover .dash-box > i {
    color: #FFFFFF;
}

#searcbox_submit {
    color: #1A2558;
}

.navbar-nav>.user-menu>.dropdown-menu {
    padding: 0;
}

.checkbox label {
    line-height: 25px;
    padding-left: 30px;
}

.checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    background-color: red;
}

.checkbox input[type=checkbox]:checked ~ .checkmark {
    background-color: green;
}

.checkbox .checkmark:after {
    content: "\f00d";
    position: absolute;
    font-family:'FontAwesome';
    color: #FFFFFF;
    width: 25px;
    height: 25px;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
}

.checkbox input[type=checkbox]:checked ~ .checkmark:after {
    content: "\f00c";
}

.custom-select {
    position: relative;
}

.custom-select:after {
    content: "\f063";
    position: absolute;
    right: 0;
    top: 0;
    width: 34px;
    height: 34px;
    background-color: #1A2558;
    color: #FFFFFF;
    z-index: 3;
    font-family:'FontAwesome';
    font-size: 16px;
    text-align: center;
    line-height: 34px;
    pointer-events: none;
}

.custom-select select {
    padding-right: 44px;
}

.img-circle {
    background-color: #FFFFFF;
    border: solid 1px #FFFFFF;
}

.dash-box .text-success, .user-panel .text-success {
    color: #1cca20;
}

.dash-box .text-danger {
    color: #d11527;
}

div.redactor-box textarea[id] {
    display: block!important;
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 1px;
    opacity: 0;
}