/* here you can put your own css to customize and override the theme */





/* common */

body {font-size:15px;}
.txtcent {text-align:center;}
.txtright {text-align:right;}
.clear {clear:both;}
.Bold {font-weight:bold;}
.npr {padding-right:0;}
.container {width:100%;}
.fltlf {float:left;margin-right: 15px;}
.fltrt {float:right;margin-left: 15px;}
.clear {clear:both;}
.portlet > .portlet-body { overflow: auto;}

.page-content {padding: 6px 0 15px;}

.mt0 {margin-top:0;}
.mt20 {margin-top:20px;}
.mt50 {margin-top:50px;}

.mb20 {margin-bottom:20px;}
.mb50 {margin-bottom:50px;}

.ml20 {margin-left:5px;}

.mlra {margin-left:auto;margin-right:auto;}
.tac {text-align:center;}
.oa {overflow:auto;}
.mw350 {max-width:350px;}

h2 {color: #9c9c9c;font-size: 17px;}
.cb {clear:both;}
.db {display: block;}


.w100p {width:100%;}
.dn {display:none;}
.dni {display:none !important;}

.butcent {display: block;margin: 0 auto !important;}

hr {border-top: 3px solid #8C188E;}

.btn-success, .btn.green {color: #fff;background-color: #6400aa;border-color: #6400aa;}

.dividertext {background: #EEE;padding: 8px 10px 7px;border-radius: 6px 6px 0 0;margin-bottom: 0;}

/* vault tasks */

.table-scrollable {margin-top: 0 !important;}

.dividertext .btn {
    vertical-align: -22px;
    padding: 3px;
    margin-bottom: 13px;
}

#editable_edit_t1_wrapper { margin-top: -53px;}
div#editable_edit_t1_filter {margin-right: 10px;}
div#editable_edit_t1_filter {margin-right: 4px;}
div#editable_edit_t1_filter .form-control {height:27px;font-size: 13px;}
div#editable_edit_t1_filter label {color: #000;font-size: 14px;font-family: 'Lato';font-weight: 400;margin-left: 50px;}

#editable_edit_t2_wrapper { margin-top: -53px;}
div#editable_edit_t2_filter {margin-right: 10px;}
div#editable_edit_t2_filter {margin-right: 4px;}
div#editable_edit_t2_filter .form-control {height:27px;font-size: 13px;}
div#editable_edit_t2_filter label {color: #000;font-size: 14px;font-family: 'Lato';font-weight: 400;margin-left: 50px;}

#editable_edit_t3_wrapper { margin-top: -36px;}
div#editable_edit_t3_filter {margin-right: 4px;}
div#editable_edit_t3_filter .form-control {height:27px;font-size: 13px;}
div#editable_edit_t3_filter label {color: #000;font-size: 14px;font-family: 'Lato';font-weight: 400;margin-left: 50px;}


/* vault item snapshot */

.snaph {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    height: 67px;
    overflow: scroll; 
}
.snaps {
    margin-bottom: 30px;
}
.ss-notes {
    background: #eee;
    padding: 10px;
    border-radius: 9px;
    margin-bottom: 4px;
}
.ss-name {
    text-align: right;margin-bottom: 0;
}
.ss-date {
    text-align: right;
    font-size: 11px !important;
}


/* vault detail */

#register_submit_btn_and_snapshot {margin: 0px 5px 0 0 !important;}
.snap-holder a {margin-bottom:3px;display: block;padding-left: 3px;}
.snap-holder a:hover {text-decoration:none;}
.snap-holder i {margin-right: 5px;}
.snap-holder .snaplabel {color: #5b9bd1;font-size: 15px;}
.snap-holder .snaplabel:hover {color: #3175af;}

.docs-holder a:hover {text-decoration:none;}
.docs-holder i {margin-right: 5px;}


/* vault documents */

.imgh {width: 25%;float: left;text-align: center;}
.imgh:nth-child(4n+1){clear:both}
.imghh {height:100px;}
.imgh img {transition: transform .3s;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    max-height: 100px !important;
}

.imgh img:hover {
    transform: scale(1.1); 
  }



/* login */

.login .content .form-actions {padding-bottom:0;}
.l ogin .content .form-actions .btn-success {display:block !important;margin-top: 30px;}
.login .content .rememberme {margin: 0;display: block;}
.login .content .forget-password {float: none;}


/* Header */

.breadcrumb {float:right;margin-top:17px;}

.page-header {height: 70px;}
.page-header .page-header-top .page-logo .logo-default {
    width: 280px;
    margin: 17px 0 0;
}


.page-logo {
    float: left;
}

.logo-default {
	height: 50px !important;
	margin: 10px;
	border-right: 1px solid #fff;
	padding-right: 15px;width: auto;
}
    



/* menu */ 

.page-header .page-header-menu {background: #5514B4;height: 100px;width: calc(100%);clear: none;}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a {color: #ffffff;padding: 26px 18px 24px 18px;}
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > a.iconify > i {
    font-size: 15px;margin-left: -24px;margin-top: 1px !important;position: absolute;top: auto !important;
}



/* page title */

.page-head {background: #EFF3F8;}
.page-head .page-title {display: inline-block;float: left;padding: 19px 019px 0;}

/* Forms */

.form-control {height: 40px;padding: 4px 12px;font-size: 15px;}
.alert h2, .alert h3, .alert p {margin:0;}

label {color: #9c9c9c;font-size: 12px;} 
label span {font-size:15px;color: #999;}

select {width:100%;}

.has-error .help-block {background: #a94442;color: #fff;padding: 2px 5px;}

.help-block-error {
    color: red;
    font-weight: 600;
}



/* user image upload */

.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: none;
}

.btn-file {position:relative;width:200px;} 

.btn-file > input {
    cursor: pointer;
    direction: ltr;
    font-size: 23px;
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}



/* pop-up session expired, login */

.bootbox .bootbox-body .forget-form {display:none;}
.bootbox .bootbox-body .register-form {display:none;}
.bootbox .bootbox-body #register-btn {display:none;}
.bootbox .bootbox-body a.forget-password {display:none;}
.bootbox .bootbox-body .copyright {display:none;}
.bootbox .bootbox-body h1 {display:none;}



/* info alert box   session expired, login */

.alert-danger .forget-form {display:none;}
.alert-danger .register-form {display:none;}
.alert-danger #register-btn {display:none;}
.alert-danger a.forget-password {display:none;}
.alert-danger .copyright {display:none;}
.alert-danger h1 {display:none;}

/* user messages */

.bootbox-body {overflow: auto;}

.BUBcont {height: 310px;overflow: scroll;} 

.BubbleLeft {width: 83.3333%;clear:both;}
.BubbleRight {float:right;width: 83.3333%;clear:both;}

.BubbleLeft .BUBmessage  {background:#305724;border-radius:10px;color:#ffffff;padding:10px;}
.BubbleRight .BUBmessage {background:#A62842;border-radius:10px;color:#ffffff;padding:10px;}

.BUBBreply{border: 1px solid #dfdfdf;
    border-radius: 10px;
    clear: both;
    display: inline-block;
    margin-top: 20px;
    overflow: auto;
    padding: 10px;
    width: 100%;}
    
.BUBBreply .BUBReplyLeft {float: left;padding-left:0;width: 75%;}
.BUBBreply input { border:none;margin-top: 6px;width: 100%;}
.BUBBreply .BUBReplyRight {float:right;width: 10%;min-width: 58px;}

.mess-title strong {color:#000000;}


/* Add vault - existng user select */

.wizard2 .select2-container {margin-top: 13px;}
.wizard2 .select2-container .select2-choice {
    background-color: #000000;
    color: #ffffff !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)
{
    html .select2-container a .select2-search-choice-close {
        background-image: url(/images/select2x2-.png) !important;
    }
}


/* data tables - search form */ 

.input-small {font-size: 18px;}
.dataTables_wrapper .dataTables_filter .form-control {
    width: 150px !important; height: 34px;
}



/* login */

.select2-container .select2-choice {
	background-color: #eaf0f9;
    border: 1px solid #dde3ec;
    color: #2e2e2e; line-height: 37px;
    height: 43px;}

.form-group.sms {display:none;}


/* admin user view - map locations */

.admin_user_profile #map-canvas { height: 471px; }
.admin_user_profile #editable_geo_filter {display:none;}



/* popup inputs */

.inputright {
    float: right;
    width: 75%;
}
.labelleft {
	clear: both !important;
    float: left;margin-top: 10px;
}

.inputright2 {
    margin-left: 4%;
    width: 96%;
}

.val-holder {width:100%;overflow: auto;margin-bottom: 15px;}
.val-holder .v1 {float:left;width:40px;margin-right:10px;}
.val-holder .v2 {float:left;width:calc(100% - 260px);margin-right:10px;}
.val-holder .v3 {float:left;width:200px;}

.holder-3 {width:100%;overflow: auto;margin-bottom: 15px;}
.holder-3 .v1 {float:left;width:calc(33.333% - 7px);margin-right:10px;}
.holder-3 .v2 {float:left;width:calc(33.333% - 7px);margin-right:10px;}
.holder-3 .v3 {float:left;width:calc(33.333% - 7px);}

.typea {margin-top: 34px;font-size: 15px;}
.typeb {margin-top: 26px;font-size: 15px;}
.holder-4 {width:100%;overflow: auto;margin-bottom: 15px;}
.holder-4 .v1 {float:left;width:calc(20%);margin-right:10px;}
.holder-4 .v2 {float:left;width:calc(40% - 10px);margin-right:10px;}
.holder-4 .v3 {float:left;width:calc(20% - 10px);margin-right:10px;}
.holder-4 .v4 {float:left;width:calc(20% - 10px);}

.checkboxC {float:left;width: 30px;clear: both;    height: 20px;}
.checkboxL {float:left;margin-top: 3px;}



.alert-danger {clear: both;}


/* User Admin - Make Notes */

.makenote-form {background: #eaeaea none repeat scroll 0 0;
    border: 1px solid #c6c6c6;
    border-radius: 7px;
    clear: both;
    margin-top: 20px;
    overflow: auto;
    padding: 3px 10px 2px;} 

.makenote-form label {float:left;font-size: 24px;margin-right:20px;}
.makenote-form select {float:left; width:100px;margin-right:20px;}
.makenote-form input {float:left;width:400px;margin-right:20px;}
.makenote-form button {border: 1px solid #cecece;float: left;padding: 9px 14px;}


/* User Diary */

.updateprofile-form .fc-button-group {display:none;}
.active.AvGr {background:green;color:#ffffff;}
.active.NaRd {background:red;color:#ffffff;}
.active.AvGr:hover {background:#499d49 !important;color:#ffffff;}
.active.NaRd:hover {background:#9d4949 !important;color:#ffffff;}


/* Icons */

.tools {
    float: left;
}

.tools > a.reload {
    background-image: url("/lv/img/portlet-reload-icon2.png");
    background-position: 3px 5px;
    background-repeat: no-repeat;
    background-size: 46% auto;
    width: 45px;float: left;
    height: 30px;
}
.tools > a {
    display: inherit;
    margin-left: 5px;
    opacity: 1;
}

.icon-large {
    display: block;
}
.icon-large i {
    font-size: 30px;
    margin-top: 10px;
}


/* Vault PIN entry */

.pin-form {width: 400px;margin: 50px auto 200px;}


/* Vault - Table */

.View.Jobs .btn-group {display: inline;}
.View.Jobs .tools {float: none;}
.View.Jobs .icheck-inline {margin-top: 5px;}

.rowOpen {background-color: #ffb7bb !important;color: #000000;}
.rowOpenR {background-color: #ffb7bb !important;color: #000000; font-weight:700;}
.rowPos {background-color: #e6c169 !important;color: #000000;}
.rowPosR {background-color: #e6c169 !important;color: #000000;font-weight:700;}
.rowBoo {background-color: #4ecec2 !important;color: #000000;}
.rowAtt {background-color: #e5e5e5 !important;color: #333333;}
.rowInv {background:#444444 !important;color:#ffffff;}
.rowCan {background:#444444 !important;color:#ffffff;}

.View.Jobs .table-scrollable a {color:#000000;text-decoration:underline;}
.View.Jobs .table-scrollable .rowCan a {color:#ffffff;text-decoration:underline;}
.View.Jobs .table-scrollable .rowInv a {color:#ffffff;text-decoration:underline;}

.View.Jobs.locum .locumH {display:none;}

table#editable_1 {
    width: 100% !important;
}




/* Vault Table search control */

.dataTable input {width: 100%;}


/* Vault Table - mobile expand job */

table.dataTable tr.child span.dtr-title {
    display: inline-block;
    font-weight: bold;
    min-width: 120px;
}
table.dataTable.dtr-inline.collapsed tbody td:first-child::before, table.dataTable.dtr-inline.collapsed tbody th:first-child::before {
    padding: 2px 1px 0;}
    
table.dataTable.dtr-inline.collapsed tbody td:first-child, table.dataTable.dtr-inline.collapsed tbody th:first-child {
    padding-left: 37px;}







/* child vaults */

.vouter {clear: both;
    display: table;
    width: calc(100% - 40px);
}

.vholder {
	display: table;padding-bottom: 30px;
}

.vholder span.create {
    font-size: 13px;
    max-width: 130px;
    display: block;
    margin: 10px auto 0;
}

.vholder a, .vholder p {
    height: 200px;
    display: table-cell;
    vertical-align: middle;
    background: #000000;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    padding: 5px;
    font-size: 20px;
    transition: background 0.5s;
}
.vholder p span,.vholder a span {font-size:13px;}





/* vault view */

.page-content {overflow: hidden;} /* fix scrolling issue */
.portlet-body {overflow: hidden;position: relative;} /* fix scrolling issue */
.table-toolbar {overflow: hidden;} /* fix scrolling issue */


.v-outer-wrapper {
	position: relative;
	max-width: calc(100% - 30px);
	height: 670px; 
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 20px 0 0 15px;
}

.v-outer	{
	height: auto; 
	background: #fff;
	box-sizing: border-box;
	
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
	
.v-type {
		display: inline-block;
		width: 100px;
		outline: 1px dotted gray;
		padding: 0 1em 1em;
		box-sizing: border-box;
		height: 650px;
		border-radius: 3px;
		margin-right: 20px;
		overflow: auto;
}


.paddles {
	top: calc(50% - 180px);
    position: absolute;
    z-index: 999;
    width: calc(100%) !important;
    left: 0;
}

.paddle { height: 100px;
    background: grey;
    color: white;}
.left-paddle {
	left: 3px;
    position: absolute;
}
.right-paddle {
	right: 3px;
    position: absolute;
}
.hidden {
	display: none;
}

.v-add {position:absolute;margin-left: 15px;}



.v -type {height: 650px;float: left;border-radius: 3px;margin-right: 20px;padding:0 6px;overflow: auto;}

.v-type h2 {     padding-left: 15px;font-size: 20px;margin-bottom: 20px;}

.v-type.BankBuildingSocietyAccounts { background: #28a745;}
.v-type.BankBuildingSocietyAccounts h2 {color:#ffffff;}
.v-type.Business { background: #007bff;}
.v-type.Business h2 {color:#ffffff;}
.v-type.CarsVehicles { background: #6c757d;}
.v-type.CarsVehicles h2 {color:#ffffff;}
.v-type.ISAVCT { background: #dc3545;}
.v-type.ISAVCT h2 {color:#ffffff;}
.v-type.LifeAssuranceCriticalHealth { background: #ffc107;}
.v-type.LifeAssuranceCriticalHealth h2 {color:#000000;}
.v-type.Pensions { background: #17a2b8;}
.v-type.Pensions h2 {color:#ffffff;}
.v-type.Property { background: #343a40;}
.v-type.Property h2 {color:#ffffff;}
.v-type.Valuables { background: #28a745;}
.v-type.Valuables h2 {color:#ffffff;}
.v-type.Wills { background: #007bff;}
.v-type.Wills h2 {color:#ffffff;}

.v-holder {margin-bottom: 20px;}
.v-holder:nth-child(3n+2) {clear: both;}

.v-inner {background:#efefef;border-radius: 3px;padding: 1px 10px 10px;}
.v-inner .v-actions {text-align: right;border-bottom: 1px solid #aaa;padding-bottom: 3px;}
.v-inner h3 {margin-top: 10px;white-space: pre-line;color: #000;font-weight: 700;}

.v-inner p b {
    font-size: 16px;
}

.v-inner p {
    margin-bottom: 0;
    font-size: 11px;
    white-space: pre-wrap;
}

.arhivereason p {background: #f4a09a;padding:10px 20px;color:#ffffff;}

.v-inner .archivelabel {position:absolute;top:2px;left:24px;}
.status-Cancelled .v-inner {background: #f4a09a;color: #fff;}
.status-Cancelled .v-inner a .fa {color: #fff;}

.status-Cancelled .v-inner .v-actions {border-bottom: 1px solid #fff;}

.d_vd_value_date {margin-top: -10px;color: #999999;}

img.vd_image {max-width: 100%;}





/* POSS OLD */

/* data tables */ 

.table-scrollable .mw80 tr th {font-size:12px;}
.table-scrollable .mw80 tr td {font-size:12px;max-width:80px;overflow: hidden;}
.table-scrollable .mw80 tr td input {font-size:15px;max-width: 78px;padding-left: 0;padding-right: 0;}

.table-scrollable .hidetd2-3 th + th {display:none;}
.table-scrollable .hidetd2-3 th + th + th {display:block;}
.table-scrollable .hidetd2-3 td + td {display:none;}
.table-scrollable .hidetd2-3 td + td + td {display:block;}


.table-scrollable .table3 tr td {font-size:15px;}
.table-scrollable .table3 tr td input,
.table-scrollable .table3 tr td textarea {font-size:15px;padding-left: 0;padding-right: 0;}
.table-scrollable .table3 tr td select {font-size:15px;padding-left: 0;padding-right: 0;width:130px;}

.table-scrollable .hidetd6-9 th + th + th + th + th + th + th  {display:none;}
.table-scrollable .hidetd6-9 th + th + th + th + th + th + th + th {display:table-cell;}
.table-scrollable .hidetd6-9 th + th + th + th + th + th + th + th + th {display:table-cell;}
.table-scrollable .hidetd6-9 th + th + th + th + th + th + th + th +th + th {display:table-cell;}
.table-scrollable .hidetd6-9 td + td + td + td + td + td + td {display:none;}
.table-scrollable .hidetd6-9 td + td + td + td + td + td + td + td {display:table-cell;}
.table-scrollable .hidetd6-9 td + td + td + td + td + td + td + td + td {display:table-cell;}
.table-scrollable .hidetd6-9 td + td + td + td + td + td + td + td + td + td {display:table-cell;}





/* Slider */

.sliderinput {font-size: 21px;width:100%;}

.slider100 {margin-left:10px;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #e6e6e6;
    border: 1px solid #d3d3d3;
    color: #555555;
    font-weight: normal;
}
.ui-slider-horizontal .ui-slider-handle {
    margin-left: -0.6em;
    top: -0.3em;
}
.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    width: 1.2em;
    z-index: 2;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px;
}
.ui-widget-content {
    background: #ffffff;
    border: 1px solid #aaaaaa;
    color: #222222;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
}
.ui-slider-horizontal {
    height: 0.8em;
}
.ui-slider {
    position: relative;
    text-align: left;
}






/* MOBILE CORRECTIONS */

.page-header .top-menu {background:none !important;}
.page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {background: none !important;}



/* MEDIA QUERIES */


@media (max-width: 1080px) {

    .mob-mb10 {margin-bottom:10px;}


@media (max-width: 991px) {

    /* Menu Fixes */
    .hor-menu {z-index: 9999999;position: absolute;width: calc(100% - 30px);box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.1);}
    .page-header-menu {position: absolute;background: none !important;width: 100%;top: 46px;}
    .page-header-menu {width: 100% !important;display:none;}
    .menu-toggler.responsive-toggler {float: right;margin: 27px 19px 0 6px;background-image: url(/img/sidebar-toggler-inverse.png);width: 21px;height: 13px;}
    
    /* VAULT VIEW DETAIL */
    .dynamic-field {width: 100% !important;float: none !important;}
    .dynamic-col {width: 100% !important;float: none !important;}
}   



@media (max-width: 900px) {



}


@media (max-width: 767px) {


    .table-toolbar {padding-left: 15px;}
    .portlet.light {padding: 12px 0px 15px 0px;}
    .portlet-title {padding: 0 15px !important;}

    .vouter {width: calc(100% - 0px);}
    .v-type {padding: 0 0px 1em;width: 100% !important;}
    .v-holder {width: 100%;}

    /* main task lists */
    .v-task-outer .caption-subject span {
        margin-left: 0 !important;
        display: block;padding-top: 5px;
    }
    .v-task-outer .caption-subject a  {
        display: none;
    }

    .v-task-outer #editable_edit_t3_filter {
        padding-bottom: 63px;
        margin-top: -30px;
    }


    /* vault items */

    form#vault-edit-item .caption-subject {height: auto;}
    .vault-edit-item .caption-subject {height: 83px;}

}



@media (max-width: 600px) {

	.mhide {display:none;}

	/* STICK HEADER */
	.page-header {position: sticky !important;top: 0;z-index: 999;}
	
	/* USER PROFILE PAGE */
	.page-title {display:none !important;}
	.breadcrumb {float: none;padding: 0 0 4px;}
	.user_profile .caption.caption-md {display:none !important;}
	
	/* TABS AS BUTTONS */
	.tabbable-line > .nav-tabs > li.active {border-bottom: none;}
	.tabbable-line > .nav-tabs > li:hover {border-bottom: none;}
	.tabbable-line > .nav-tabs > li {background-color: #45b6af !important;
    border-color: #3ea49d !important;
    margin-right: 4px !important;margin-bottom: 4px !important;}
    .tabbable-line > .nav-tabs > li a {color: #fff !important;padding: 12px 7px 13px !important;}
    
    /* SCROLL TOP */
    .scroll-to-top {display:none;}
     
    /* DATA TABLES - num records */
    .dataTables_length{display:none;}
    tfoot {display:none;}
    
    /* MESSAGE */
    .messages #editable_1_filter {display:none;}
    
    /* VAULT VIEW */

    #editable_1_new_type {margin-left:0 !important;}
    .checkbox-filter {clear: both;}

    /* docs view */
    .imgh {width: 50%;float: left;text-align: center;}
    .imgh:nth-child(2n+1){clear:both}

    

    
    
}