/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the
 * later versions of this theme.
 *
 * We advise that you use use this CSS to override
 * SmartAdmin styles.
 *
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 *
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
html {
    margin: 0;
    padding: 0;
    min-height: 100%;

    position: relative;
    -ms-overflow-style: scrollbar;
    /*background:none url(../img/mybg.png) #f0f1f1;*/

}
body {
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    font-size: 12px !important;
    line-height: 1.42857143;
    color: #333;
}

h3 { margin: 5px 0px; }
h6{
    font-size: 12px;
    border-bottom: 1px solid #EA7230;
    padding-bottom: 4px;
    color: #EA7230;
}
td{ font-size: 12px; }
.logo { cursor: pointer; }
label input[type=checkbox].checkbox:checked+span{ font-weight: normal !important; }
#content {
    padding:0;
    position: relative;
}
#main {
    padding: 0;
    margin-left: auto !important;
}
.header-v-portal {
    display: block;
    /* height: 64px; */
    /* margin: 0; */
    background-color: #fff !important;
}

.custom-icon {
    border-radius: 100%;
    border:2px solid #cecece;
    color: #fff;
    display: table-cell;
    font-size: inherit;
    height: 28px;
    width:28px;
    padding: 6px;
    text-align: center;
    transition: .5s;
    vertical-align: middle;
    font-size: 150%;
    color:#cecece;
}

.widget-footer {
    display: block;
    vertical-align: middle;
    position: relative;
    padding: 5px;
    border-top: none !important;
    text-align: right;
    background: none !important;
    margin:0 !important;
}
.custom-icon:hover {
  color:#ea7230;
  border:2px solid #ea7230;
}
.fix-editor {
  display: none;
}
.icon-wrapper {
  display: inline-block;
}
.fixHeight {
    height: 100px;
}

.jarviswidget>header {
    height: 53px;
    padding: 11px;
    line-height: 65px;
    border-bottom: none !important;
}

header.vPortalHeading{

        /* background: #EEEEEE; */
    border: 1px solid #ddd !important;
    color: #999;
    border-bottom: 0px solid #ddd !important;
    background: #FFF !important;
    font-weight: 700;

}


.jarviswidget: hover{ color: #f00 }
.btn {border-radius:0;}
table.has-columns-hidden>tbody>tr>td>span.responsiveExpander {
    background: url(../img/plus.svg) no-repeat 5px center;
    padding-left: 32px;
    cursor: pointer;
}
table.has-columns-hidden>tbody>tr.detail-show>td span.responsiveExpander {
    background: url(../img/minus.svg) no-repeat 5px center;
}

.listDisplay {list-style: none; margin-bottom: 0; padding: 0}
.listDisplay li {padding-left: 0;
    line-height: 19px;
}
.listDisplay li>span {background-color: #f00; vertical-align: middle;}

.widthCheckBox {width:40px !important;}
.width100 {width:100px !important;}
.txt-color-red {
    color: #ef3b39!important;
    font-size: 14px;
    margin-top: -2px;
}
.txt-color-green {
    color: #049948!important;
    font-size: 14px;
    margin-top: -2px;
}

.text-success {
    color: #049948;
}

.text-danger {
    color: #ef3b39;
}
.btn .caret {
    margin-left: 5px;
}

.smart-accordion-default.panel-group .panel-title a {
    display: block;
    padding: 10px 15px 10px 5px;
    text-decoration: none!important;
}

button, input, select, textarea
{
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif !important;
}
button#login-submit {height:31px;}
label input[type=radio].radiobox:checked+span:before {
    color: #EA7230;
    content: "\f111";
}

label:hover input[type=radio].radiobox:checked+span:before {
    color: #EA7230;
    border-color: #EA7230
}

label input[type=checkbox].checkbox:checked+span:before {
    color: #EA7230;
}
label:hover input[type=checkbox].checkbox+span:before {
    color: #EA7230;
    border-color: #EA7230;
}


label:active input[type=checkbox].checkbox:checked+span:before {
    color: #fff;
    background: #EA7230;
    border-color: #EA7230
}

label input[type=radio].radiobox:checked+span:before {
    content: "\f111";
    color: #EA7230
}

label:hover input[type=radio].radiobox:checked+span:before {
    color: #EA7230;
    border-color: #EA7230
}

label input[type=checkbox].checkbox:checked+span:before {
    color: #EA7230
}

label:hover input[type=radio].radiobox+span:before, label:hover input[type=radio].radiobox:checked+span:before{
    color: #EA7230;
    border-color: #EA7230;

}

label input[type=radio].radiobox:checked+span {
    font-weight: normal
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;
}

.mt-5{margin-top:5px;}
.d-inline-b {display: inline-block;}
.hide-desktop { display:none;}
.valign-m{vertical-align: middle;}
.db-mb-5{display: block; width:auto;margin-bottom: 2px;}
/* View*/

.view-content {
    margin-top: 5px;
    display: block;
}

.txt-red{color:#F00;}
.txt-blue{color:#00F;}
.txt-black{color:#000;}
.txt-green{color:#28B463;}
.txt-bold{font-weight: bold;}
.custom-icon{cursor: pointer;}
.group-access-container .dynatree-container{background-color: #f7f7f7 !important;}

.pt-5 {padding-top:9px }
/*.blk-status{
    padding: 4px 8px;
    color: #FFF;
    display: inline-block;
    width: 90px;
    text-align: center;
}
*/
.padding-r-0{padding-right: 0px}
.padding-top-5{
    padding-top: 5px !important;
}

.light-bordered{
    border: 1px solid #efefef;
}

.blk-status{
    display: inline-block;
    padding: 6px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0;

}

.img-thumbnail  {border:none;}
.thumbnail img {width:150px;}
.more_action {
    width: 100px !important;
}
.display-inlineBlock {display:inline-block;}
.data-filter {margin-top: 7px;}
.datatable-data-filter-label {font-size:11px; line-height: 32px; float: left}
.l-h-32 {line-height: 25px}

.smart-form .checkbox input:checked+i, .smart-form .radio input:checked+i, .smart-form .toggle input:checked+i {border-color: #EA7230;}
.smart-form .checkbox input+i:after {color: #EA7230;}
.form-control.branch_tree_init { height: auto; }
.branch_tree_init {line-height:29px;}
.status-warning, .level-11 {background: #EA7230;}

.status-danger, .level-10 {background: #e81b4a;}

.status-success, .level-12 {background: #029802;}

.level-11 {background: #ffc000; display:inline-block; padding:9px;}

.level-10 {background: #e81b4a; display:inline-block; padding:9px;}

.level-12 {background: #029802; display:inline-block; padding:9px;}

.status-info {background: #4e7a8c;}
a {
    color: #3276b1;
    text-decoration: none;
}
a:hover {
    color: #EA7230;
    text-decoration: none;
}
.textarea-tooltip {
    position: absolute;
    top: 0;
    right: 13px;
    width: 34px;
    border-left: 1px solid #ccc !important;
}

.vqual-legend-ul{margin: 0; padding: 0;}
.vqual-legend-ul > li {
    display: inline-block;
    list-style: outside none none;
    margin-right: 7px;
}
.vqual-legend{width: 20px; height:20px; padding: 3px; display: inline-block; list-style: none;}
.handStyle {cursor:pointer}
.dropezone-container {margin-bottom:5px;}
.form-control:focus, .full-width:focus { border-color: #EA7230 }
.ui-datepicker td .ui-state-active { color:#FFF; background-color: #EA7230; }
input[type=text]:focus+.input-group-addon {
    border-color: #EA7230;
    background-color: #EA7230;
    color: #fff
}
.panel-background {background:#fcfcfc;}
/*Form */
label:active input[type=checkbox].checkbox:checked+span:before {
    color: #fff ;
    background: #EA7230 ;
    border-color: #EA7230 ;
}
label input[type=checkbox].checkbox:checked+span:before {
    color: #EA7230;
}
.form-inline .checkbox, .form-inline .radiobox {
    padding-left: 5px;
    margin-left: 20px;
}


th.sorting > div {

}
.w50{width: 50px !important;
     height: 200px;
     vertical-align: bottom;
     background: red;
     text-align: right;}
#hide-menu span a {background: #f5b86b}
a#cancel-search-js {
    background: #EA7230;
}
/*Dyna Tree*/
ul.dynatree-container {border: 0px dotted gray; height:auto !important; min-height:100px; border:none !important;}
ul.dynatree-container a {font-size:11px !important;}

/*Dyna Tree*/
label input[type=checkbox].checkbox+span:before, label input[type=radio].radiobox+span:before {border: 1px solid #ddd;}

.btn-primary.focus, .btn-primary:focus {
    color: #fff;
    background-color: #f5b328;
    border-color: #f5b328;
}
.btn-circle {
    border: 1px solid #DDD;
    background: #8BC34A;
    color: #FFF;
    width: 20px;
    height: 20px;
    text-align: center;
    padding: 3px 0;
    font-size: 9px;
    line-height: 14px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
.btn-success {
    color: #fff;
    background-color:#029802;
    border-color: #029802;
}


.btn-success.active, .btn-success:active, .btn-success:hover, .open>.dropdown-toggle.btn-success {
    background-color: #2ab92a;
    border-color: #2ab92a;
}


.btn-danger {
    color: #fff;
    background-color:#e60000;
    border-color: #e60000;
}


.btn-danger.active, .btn-danger:active, .btn-danger:hover, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #e81b4a;
    border-color: #e81b4a;
}

.btn-warning {
    color: #fff;
    background-color:#ffc000;
    border-color: #ffc000;
}

.btn-warning.active, .btn-warning:active, .btn-warning:hover, .open > .dropdown-toggle.btn-warning {
    background-color: #f38f00;
    border-color: #f38f00;
}
/*End of form style*/

/* Date Range Picker*/

.daterangepicker {
    position: absolute;
    color: inherit;
    background-color: #fff;
    border-radius: 4px;
    width: 278px;
    padding: 4px;
    margin-top: 1px;
    top: 100px;
    left: 20px;
    /* Calendars */ }
.daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
.daterangepicker:before {
    top: -7px;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #ccc; }
.daterangepicker:after {
    top: -6px;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent; }
.daterangepicker.opensleft:before {
    right: 9px; }
.daterangepicker.opensleft:after {
    right: 10px; }
.daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
.daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
.daterangepicker.opensright:before {
    left: 9px; }
.daterangepicker.opensright:after {
    left: 10px; }
.daterangepicker.dropup {
    margin-top: -5px; }
.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc; }
.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff; }
.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3001; }
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
.daterangepicker.show-calendar .calendar {
    display: block; }
.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px; }
.daterangepicker .calendar.single .calendar-table {
    border: none; }
.daterangepicker .calendar th, .daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    min-width: 32px; }
.daterangepicker .calendar-table {
    border: 1px solid #fff;
    padding: 4px;
    border-radius: 4px;
    background-color: #fff; }
.daterangepicker table {
    width: 100%;
    margin: 0; }
.daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer; }
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: #eee;
    border-color: transparent;
    color: inherit; }
.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc; }
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #999; }
.daterangepicker td.in-range {
    background-color: #ffffcc;
    border-color: transparent;
    color: #000;
    border-radius: 0; }
.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px; }
.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0; }
.daterangepicker td.start-date.end-date {
    border-radius: 4px; }
.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #EA7230;
    border-color: transparent;
    color: #fff; }
.daterangepicker th.month {
    width: auto; }
.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
.daterangepicker select.yearselect {
    width: 40%; }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    height: 30px;
    line-height: 30px;
    display: block;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%; }
.daterangepicker .input-mini.active {
    border: 1px solid #EA7230;
    border-radius: 4px; }
.daterangepicker .daterangepicker_input {
    position: relative; }
.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px; }
.daterangepicker.rtl .input-mini {
    padding-right: 28px;
    padding-left: 6px; }
.daterangepicker.rtl .daterangepicker_input i {
    left: auto;
    right: 8px; }
.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed; }

.ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left; }
.ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
.ranges li {
    font-size: 13px;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    border-radius: 0px;
    color: #EA7230;
    padding: 3px 12px;
    margin-bottom: 8px;
    cursor: pointer; }
.ranges li:hover {
    background-color: #EA7230;
    border: 1px solid #EA7230;
    color: #fff; }
.ranges li.active {
    background-color: #EA7230;
    border: 1px solid #EA7230;
    color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
    .pt-5 {padding-top: 0px;}
    .view-content {
        margin-top: 7px;
        display: block;
    }
    .daterangepicker {
        width: auto; }
    .daterangepicker .ranges ul {
        width: 160px; }
    .daterangepicker.single .ranges ul {
        width: 100%; }
    .daterangepicker.single .calendar.left {
        clear: none; }
    .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
        float: left; }
    .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
        float: right; }
    .daterangepicker.ltr {
        direction: ltr;
        text-align: left; }
    .daterangepicker.ltr .calendar.left {
        clear: left;
        margin-right: 0; }
    .daterangepicker.ltr .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .daterangepicker.ltr .calendar.right {
        margin-left: 0; }
    .daterangepicker.ltr .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .daterangepicker.ltr .left .daterangepicker_input {
        padding-right: 12px; }
    .daterangepicker.ltr .calendar.left .calendar-table {
        padding-right: 12px; }
    .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
        float: left; }
    .daterangepicker.rtl {
        direction: rtl;
        text-align: right; }
    .daterangepicker.rtl .calendar.left {
        clear: right;
        margin-left: 0; }
    .daterangepicker.rtl .calendar.left .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .daterangepicker.rtl .calendar.right {
        margin-right: 0; }
    .daterangepicker.rtl .calendar.right .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .daterangepicker.rtl .left .daterangepicker_input {
        padding-left: 12px; }
    .daterangepicker.rtl .calendar.left .calendar-table {
        padding-left: 12px; }
    .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
        text-align: right;
        float: right; } }
@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto; }
    .daterangepicker.ltr .ranges {
        float: left; }
    .daterangepicker.rtl .ranges {
        float: right; }
    .daterangepicker .calendar.left {
        clear: none !important; } }

/* End Date Range Picker*/

/*Calendar */

.ui-datepicker td .ui-state-highlight { background-color:#EA7230}

.ui-datepicker td .ui-state-hover {color: #fff;
                                   background: #EA7230;
                                   background-color: #EA7230;}
input-group-addon {background:  #EA7230;}
/* End of Calendar */
.MessageBoxContainer {
    top: 35%;
    color: #fff;
    position: relative;
    width: 100%;
    background-color: #2b2b2b;

    padding: 20px;
}
ul.photowall {
    padding:10px;

}

ul.photowall li{    display: inline-block; list-style:none; margin: 3px;
                    width: 125px;
                    height: 125px;
                    float: left; padding:0;}
.txt-color-orangeDark {
    color: #ffffff!important;
}
.d-block{display:block !important; padding:6px;}
.padding-0 { padding:10px 0 !important}
.inline-block{ display:inline-block !important; z-index:1;}
label input[type=checkbox].checkbox:checked+span { font-weight:normal;}
#extr-page #header {
    margin: 0;
    height: 48px;
    border-bottom: 1px solid #EA7230!important;
    overflow: hidden;
    padding: 0 30px;
    border-width: 0;
    min-height: 28px;
    background: #EA7230!important;
}
#header {
    border-bottom:1px solid #EA7230;
    background: #EA7230;
    color:rgb(51, 51, 51);
    z-index: 999;
}
textarea.form-control {
    height: auto;
    padding: 5px;
    min-height:70px;
}
.well[class*=" bg-"], .well[class^=bg-] {
    border: 1px solid #c3c3c3!important;
}

.bg-color-darken {
    background-color: #fcfcfc!important;
    color:#ddd;
}
.header-dropdown-list>li>.dropdown-toggle {
    margin-top: 5px;
    /* display: block; */
    height: 24px;
    font-size: 29px;
    color:#fff;
    margin-left:10px;
}
.open>.dropdown-menu { padding:0}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background:#6f6860}
.minifyme:hover {
    background: #EA7230;
    color: #fff;
    right: 0;
    /*width: 40px;*/
    padding-right: 5px;
}
.form-group {
    margin-bottom: 10px !important;
}
.smart-form footer {
    display: block;
    padding: 7px 14px 15px;
    border-top: 0px solid rgba(0, 0, 0, .1);
    background: rgba(256, 256, 256, 1);
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background: #6f6860;
    color: #fff;
}
.smart-form *, .smart-form:after, .smart-form:before {    box-sizing: inherit; }
.smart-form .input input, .smart-form .select select, .smart-form .textarea textarea {font-size:11px; padding:5px;}
.form-control{ font-weight:normal; font-size:12px; padding:0 5px}
.datatable-batch-actions {
    margin-bottom: 5px;
    float:left;
    /*float:right;*/
    padding-left:5px;
}

.dt-toolbar {
    padding: 6px 0px 1px !important;
}
.dataTables_length {margin-top:5px;}
.dataTables_filter {width:auto !important;}
.btn-filter { padding: 5px 8px;   }
span.action-btn {
    margin-right: 5px;
}

div.dataTables_info {
    padding-top: 9px;
    font-size: 11px;
    font-weight: 300;
    font-style: italic;
    color: #969696;
}
.dataTables_empty { font-size: 11px; color:#EA7230; font-weight:500}
#left-panel {
    background: #f7f7f7;
    border-right: 1px solid #cecece;
    z-index: 998;
}
.jarviswidget { margin-bottom:10px;}

#ribbon { background: #FFF;}
#ribbon .breadcrumb, #ribbon .breadcrumb a {
    color:#EA7230 !important;
    font-size: 200% !important;
}

.dt-toolbar-footer {margin-top:-7px;}
.demo-icon-font {
    font-size: 12px;}
.inlineTree{position:absolute;width: 97%;; border:1px solid #ddd;}
.jarviswidget>header h2 {

    font-size: 12px;
    font-weight: bold;
}
nav ul li.active>a:before {
    content: "\f0d9";
    font-family: FontAwesome;
    display: block;
    height: 27px;
    line-height: normal;
    width: 27px;
    position: absolute;
    right: -20px;
    font-size: 20px;
   /* color: #EA7230;*/
}
.minified nav>ul>li>ul>li {
    background-color: rgb(247, 247, 247);
}
nav ul ul li>a:hover {
    /*background-color: rgb(247, 151, 30);*/
    color: #fff !important;
}

nav ul ul ul li a {
    font-size: 11px;
    color: rgb(102, 102, 102);
}
nav ul ul ul li a {
    font-size: 11px;
}

nav ul li a:active {
    color: #fff !important;
    background: #EA7230;}
#ribbon .breadcrumb li:last-child, #ribbon .breadcrumb>.active {
    color: #403333;
}
.minified nav>ul>li>a>.menu-item-parent {
    background-color: #EA7230;
    color: #fff;
    margin-left: 4px;
    margin-top: 2px;
}

select.input-sm {
    height: 23px;
    line-height: 30px;
}
.btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

.btn-sm {
    padding:7px 8px;
    margin-top: 0px;
    background: #EA7230;
    color: #FFF;
    border:none
}
.btn-sm:hover {
    color: #FFF;
    background: #EA7230;
}
.input-sm {
    height: 30px;
    padding: 0px 4px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 2px;
}
.btn-header>:first-child>a {

    background-color: #f5b86b;
    border: 0px solid #FFF;
    color: #6D6A69;
    font-size: 17px;
    margin: 10px 0 0;
}
.table > tbody > tr > td{
    border:none; border-bottom:1px solid #ddd; background:#FFF;
}
.label { font-weight: normal;
         font-size:100%;
}

.strongTxt { font-weight:bold;color:black}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    color: inherit;
    font-weight: bold;
}
.ellipsisText{    display: block;
                  max-width: 100px;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden;}

.nav-tabs {
    margin-bottom: 10px;
}
table.has-columns-hidden > tbody > tr.row-detail > td > ul > li > span.columnTitle {
    font-weight: 700;
    display: inline-block;
    width: 50%;
    margin: 2px;
}
span.columnValue {
    /* float: left; */
    display: inline-table;
    width: 46%;
}
.control-label { font-weight: bold;}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #EA7230;
    border-color: #EA7230;
}

.jarviswidget>header {
    background: #EEEEEE;
    /*border: 1px solid #ddd !important;*/
    color: #999;
}
.minified nav ul>li>a {
    padding: 14px 11px;
    display: block;
}
.minified nav>ul>li>ul>li>ul>li {
    background-color: #f4f6f9;
}
nav ul li a {
    color:#000;
    font-size:12px;
}
nav ul li a:hover {
    color:#fff;
    background-color: #EA7230;
}
nav ul li a:active {
    background: #EA7230!important;
}


nav ul ul li>a {font-size:12px;}
nav ul .active>a, nav ul li.open>a, nav ul li.open>a b {
    color:#000 !important;
    font-weight: bold;
}
nav ul ul {
    background: #fff;
    color: #f00;
}

.nav-tabs > li { margin-bottom: 0px; padding-bottom: 0px;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #EA7230;
    border:none;
    padding-top: 8px;

}
/*
nav ul .active>a, nav ul li.open>a, nav ul li.open>a b { color:red;}

nav ul ul li > a:hover { background: #EA7230; color:#FFF;}

.nav-tabs.bordered+.tab-content { border:none; background:#FFF;}
        .nav-tabs>li.active>a {

    border-bottom: 3px solid #EA7230;
    margin-top: 1px!important;
    font-weight: 700;
        border-left:none;
        border-right:none;
        }
.nav-tabs > li.active > a:hover {border-bottom: 3px solid #EA7230;}
.nav-tabs > li.active > a {border-top:none
        -webkit-box-shadow: 0 0px 0 #57889c;
        -moz-box-shadow: 0 0px 0 #57889c;
        box-shadow: 0 0px 0 #57889c;

}

.nav-tabs.bordered {
        border: 0px solid #ddd;
        border-bottom: 1px solid #ddd;
}

*/
.minified nav > ul > li {border-bottom: 1px solid #cecece;border-top: 0px solid #f00;}

.minified .minifyme {
    border-color: #999;
    color: #ffffff;
}
.btn-primary {
    color: #fff;
    background-color: #EA7230;
    border-color: #EA7230;
}
.btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}
.readonlyText{padding: 8px;
              display: inline-table;}
.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 {
    color: #fff;
    background-color: #9e9e9e;
    border-color: #9e9e9e;
}

nav ul ul {
    padding:  0;
}

#logo {
    display: inline-block;
    width: 175px;
    margin-top: 2px;
    margin-left: 3px;

}

.nav-tabs > li { margin-bottom: 0px; padding-bottom: 3px;}

/* carousel */
.media-carousel
{
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
    margin-top: 30px;
}
/* Previous button  */
.media-carousel .carousel-control.left
{
    left: -12px;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 106px
}
/* Next button  */
.media-carousel .carousel-control.right
{
    right: -12px !important;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    height: 40px;
    width : 40px;
    margin-top: 106px
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li
{
    background: #c0c0c0;
}
.media-carousel .carousel-indicators .active
{
    background: #333333;
}
.media-carousel img
{
    width: 100%;

}
.photos {margin:0 10px;}
/* End carousel */




.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border:none;}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border:none; border-bottom:1px solid #ddd; vertical-align: middle;}
.fc-head-container thead tr, .table thead tr{
    background-color: #FFF;
    /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fff)); */
    /* background-image: -webkit-linear-gradient(top, #fff 0, #fff 100%); */
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    /* font-size: 12px; */

}

.table-bordered>thead>tr>th { border-bottom:2px solid #ddd;}
.fc-head-container thead tr, .table thead tr


table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATAQMAAABInqSPAAAABlBMV…bYZgAAABxJREFUCNdjIATY/zAwMP9gYGD8AOQ8AGIHnEoBkNkEEEbbutQAAAAASUVORK5CYII=) no-repeat center right;}
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {background-color:transparent}
.dt-toolbar {background:none;}
.nav-tabs>li>a {border:none; position:relative; bottom:-2px;}
.nav-tabs>li>a:hover {border-bottom:-2px solid #EA7230; background:none;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape), 
only screen and (device-width : 375px)  and (device-height : 667px) and (-webkit-device-pixel-ratio : 2) {
    #injury-div #torso { left: 130px !important; }
    #injury-div #right_leg { left: 70px !important; }
    #injury-div #right_foot { left: 74px !important; }
    #injury-div #left_leg { left: 174px !important; }
    #injury-div #left_foot { left: 170px !important; }
    #injury-div #left_wrist_hand { left: 202px !important; }
    #injury-div #left_arm { left: 188px !important; }
}

@media only screen and (device-width : 375px)  and (device-height : 667px) and (-webkit-device-pixel-ratio : 2){
    #injury-div #right_leg, #injury-div #left_leg { top: 190px !important; }
    #injury-div #left_wrist_hand { left: 215px !important; }
    
}

@media (min-width: 768px) {

    .form-horizontal .control-label {
        text-align:left;
        padding-top:7px;
    }
    .readonlyText {
        padding:0;
    }
    img.desktop {
        text-align: center;
    }

}
@media only screen and (max-width: 479px) and (min-width: 320px){
    .pt-5 {padding-top: 0px;}
    .view-content {
        margin-top: 0px;
    }
    img.desktop {
        width: 100% !important;
        text-align: center;
    }

}

#logo img {
    width: 100px !important;
}
.search-mobile .header-search>button {
    height: 29px;
    line-height: 29px;
    background: #EA7230;
    right: 44px;
    color: #FFF;
}

.table-wrap {overflow:none}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #EA7230;
    border-color: #EA7230;
}



/* Inbox */

.inbox-compose-footer, .inbox-download, .inbox-info-bar, .inbox-message { margin-right:0}


.text-r90{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

/*Drop Zone*/

@media (max-width:980px){
    .dropzone .dz-default.dz-message {width:100%; margin-left:20px; font-size:80%;}
    .dropzone .dz-default.dz-message  span{
        display: inline-block;
    }
    .hide-desktop {display:block}

    img.desktop {
        text-align: center;
        display: block;
        margin: auto;
    }

    label {margin-bottom: 0px;}
}
#ui-datepicker-div{
    z-index: 999 !important;
}


.overlay-solid{
    display: none;
    background: #fff;
    padding: 15px;
    opacity: 1;
    width: 100%;
}

.overlay-control{
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

.hide-block {
    display: none;
}

.error{
    color:red;
}

.pad-top-5 {
    padding:5px;
}

.margin-top-10 {
    margin-top:10px;
}
.margin-top-9 {
    margin-top:9px;
}
.margin-top-20 {
    margin-top:20px;
}
.mt10 { margin-top:10px; }
.ptb5 { padding-top: 5px; padding-bottom: 5px; }
.vault-loader{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    z-index: 990;
}
.spinning-bar{
    color: #EA7230;
    position: fixed;
    top: calc(50% - 30px);
    left: calc(50% - 15px);
    font-weight: bold;
    font-size: 40px;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count:  infinite;
    -webkit-transition-timing-function: infinite;
}
@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.dropzone, td.fc-other-month {
    min-height: 100px;
}

/*.branch_tree {
    position: absolute;
    z-index: 10;
}*/

#tree {
    border: 1px solid #eee;
}
.tree_search_section {
    background-color: #fff;
    float: left;
    width: 100%;
}
.branch_tree {
    background: #efefef none repeat scroll 0 0;
    box-shadow: 0 2px 5px #ccc;
    position: absolute;
    z-index: 999;
}

/*  Adding pointer cursor to breadcrumb elements  */
.breadcrumb > li {cursor: auto; padding: 2px;}
.breadcrumb > li.pointer {cursor: pointer;}

.as_it{padding-top: 6px;}
.inline-block{
    display: inline-block;
}
.padding-l-0{padding-left: 0;}

.login-button {
    padding: 0px !important;
    width: 106px;
}
.align-middle {
    vertical-align: middle;
}

/* Himanshu -- added for Logout screen header logo */

#extr-page #header #logo { margin-top: 3px; }

.photowall {    padding:0;
             display:block;}
/*Bhawani -- added for PPE page*/
.products_data tbody {
    display:block;
    height:200px;
    overflow:auto;

}
.products_data thead, .products_data tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

/*used to show selected tree item on span*/
.input_tree_label{
    line-height: 29px;
}

/*used to sorting*/
.sort_header{
    cursor: pointer;
}

#photo-container img{
    border: 1px solid #ccc;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    padding-top: 0px;
}
#extr-page #header #logo { margin-top: 3px; }

a.btn.btn-default.active-panel{
    background-color: #EA7230;
    color:#fff !important;
}

#extr-page #header #logo { margin-top: 3px; }

/*Photo Gallery*/
.gallery {
    float: left;
    margin: 0 10px;
    position: relative;
}
.desc {
    position: absolute;
    background: #dadada;
    width: 100%;
    bottom: 0;
    text-align: center;
    height: 21px;
    line-height: 21px;
}
li.vaultlastTab ul.open {
    display: block;
    right: 0px;
    left: auto;
}


.attachmentInline {
    display: inline-block !important;
    margin-left: 10px;
    vertical-align: middle;
}
/** planner calender page**/
@media print {
    .filter_div {
        display: none;
    }

    *:not(#calendar),
    :not(#calendar *) {
        display: none;
    }
}
/*Shweta-As per requirement*/
/*.divider {
    border-top: 2px solid #EA7230;
    padding-top: 10px;
    margin-top: 10px;
}*/

.m-a-2{margin: 2px}
.no-pointer-event{
    pointer-events: none;
}
input[type="checkbox"], input[type="radio"] {
    margin: 1px 0 0;
    line-height: normal;
}
.bootstrap-duallistbox-container label, .form header, legend {font-size: 14px; border-bottom: 1px dashed #EA7230;}


/* Charts Theme*/

.morris-hover.morris-default-style .morris-hover-row-label { background: #EA7230; padding: 0 3px;}

.morris-hover.morris-default-style {
    border-radius: 0px !important;
    padding: 6px;
    color: #666;
    background: rgba(238, 238, 238, .8);
    border: solid 1px rgba(230, 230, 230, .8);
    font-family: sans-serif;
    font-size: 10px;
    text-align: center;
    line-height: 21px;
    color: #FFF;
}

.jarviswidget>div {font-size: 11px;}
.pl-0 {padding-left:0;}
.pr-0 {padding-right: 0}

.matrix-blk {width:20px !important; height:20px !important; }
/* photowall image css - should remove after dynamic content */
.photowall img {
    width: 120px;
}
.smart-form .button {background-color: #EA7230}
.smart-form .checkbox input:focus+i, .smart-form .input input:focus, .smart-form .radio input:focus+i, .smart-form .select select:focus, .smart-form .textarea textarea:focus, .smart-form .toggle input:focus+i { border-color: #EA7230; }
.smart-form .checkbox:hover i, .smart-form .input:hover input, .smart-form .radio:hover i, .smart-form .select:hover select, .smart-form .textarea:hover textarea, .smart-form .toggle:hover i {border-color: #EA7230; }

/*.risk-status-red {background-color: red;}
.risk-status-green {background-color: green;}
.risk-status-yellow {background-color: yellow; color: #000;}
.risk-status-orange {background-color: orange;}
.risk-status-lightblue {background-color: lightblue;}*/
.risk-status-cyan {background-color: #afffff; color: #000;}

/*Copied from old application for RISK - Assessment/Multiple section
    Location:- Risk > Add > Assessment > Pre Control/Post Control*/
.risk-status-lightgreen {background-color:#00ff00;}
.risk-status-green {background-color:#21a121;}
.risk-status-yellow {background-color:#ffff25; color: #000;}
.risk-status-pink {background-color:#ff00ff;}
.risk-status-red {background-color:#ff0000;}
.risk-status-orange {background-color:#ff6600;}
.risk-status-blue {background-color:#99ccff;color: #000;}
.risk-status-darkred {background-color:#400500;}
.risk-status-lightblue {background-color:#afffff;color: #000;}
.risk-status-purple {background-color:#6600cf;}


.risk-status-blk {
    width: 20%;
    float: left;
    display: table-cell;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    border: 1px solid #fff;
}
.location-frame {
    width: 100%;
    border: 0;
}
.disabled-grey{
    color: #999;
}

.vault-image-block {
    position: relative;
}
.vault-hover-actions {
    /* display: none; */
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 10;
    text-align: center;
    background-color: #EA7230;
}

.ui-autocomplete {z-index:998 !important}
/* .vault-image-block:hover > .vault-hover-actions {
        display: block;
} */

label input[type=radio].radiobox:checked+span:before {color: #EA7230;}

.trees-container .tree-container{
    height: 300px;
    overflow: auto;
}

.display-blk{display:block !important;}
.mb-10{
    margin-bottom: 10px;
}

.bg-gray, .bg-gray>td {
    background: #eee !important;
}

.vault-dt-search {
    width: 250px !important;
}

span.legends b {
    padding: 4px;
}

.risk-graph-eliminate {
    background: #E1FFFF;
}

.risk-graph-isolate {
    background: #FBDCBD;
}

.risk-graph-minimise {
    background: #FFE1FF;
}

.section-border {
    border: 1px solid #a9a9a9;
}

.level-13 {background: gray;display:inline-block; padding:9px;}
.level-sh {background: #f3f315;display:inline-block; padding:9px;}
#person-type-datatable .icon-container{
    font-size: 2em;
    margin-left: 10px;
}

label:hover input.checkbox[type="checkbox"] + span::before {
    border-color: #EA7230;
}

.pl-5 {padding-left: 5px;}

.mt20 {margin-top: 20px;}
#report-tree-container .dynatree-node a {color:#EA7230 !important;}
#report-tree-container .dynatree-node.dynatree-has-children a {cursor: default;color:#000 !important;}

.mg-auto{
    margin: auto !important;
    display:block;
}
/* Temporary CSS Parantap*/
.bg-black{
    background-color: #000;
}

.bg-blue{
    background-color: #0000ff;
}

.bg-aqua{
    background-color: #00ffff;
}

.bg-darkgreen{
    background-color: #006400;
}

.bg-yellow{
    background-color: #ffff00;
}
.bg-green{
    background-color: #9ed200;
}

.bg-orange{
    background-color: #ffa500;
}

.bg-red{
    background-color: #ff0000;
}

/* Temporary CSS Parantap*/
.matrix-col-group{

}

table.skillMatrix.dataTable thead .sorting,
table.skillMatrix.dataTable thead .sorting_asc,
table.skillMatrix.dataTable thead .sorting_desc {
    background : none;
}

span.color-bg-full{
    width: 15px;
    height:15px;
    display: block;
    cursor: pointer;
}

.padding0{
    padding-left: 0px !important;
    padding: 0 !important;
    width:18px;
    background: #c8c8c8 !important;
    border: 1px solid #fff !important;
    border-collapse: collapse;
}
span.theader-image-cont {display:block; margin:5px 0 3px 0;}

table.skillMatrix tfoot>tr>th { padding:0 !important; text-align: center}

.editable-click, a.editable-click, a.editable-click:hover{
    border-bottom: dashed 0px #08c;
}

.skill-select{
    border-radius: 5px !important;
}

.skill-select-container{
    padding: 10px;
}

.minified nav>ul>li>ul {
    min-height: 50px;
}

.scrollable{
    max-height: 400px;
    overflow: auto;
}

.timeline-redBox{ color: #f00; border: 1px solid #f00;}
.timeline-blueBox{ color: #00F; border: 1px solid #00f;}
.timeline-rebBox{background: #F00; color:#fff;}



label input[type=checkbox][disabled].checkbox+span:before, label input[type=checkbox][disabled].checkbox:checked+span:before, label:active input[type=checkbox][disabled].checkbox:checked+span:before, label:hover input[type=checkbox][disabled].checkbox:checked+span:before {
    background: rgba(64, 64, 64, 0.22)!important;
    border-color: #CCC!important;
    color: #A7A7A7;
    box-shadow: none!important;
}

.square15{
    width: 15px;
    height: 15px;
}


.text-primary {color: #EA7230;}
.slider{display:inline-block;vertical-align:middle;position:relative}.slider.slider-horizontal{width:100%!important;height:20px}.slider.slider-horizontal .slider-track{height:10px;width:100%;margin-top:-5px;top:50%;left:0}.slider.slider-horizontal .slider-selection{height:100%;top:0;bottom:0}.slider.slider-horizontal .slider-handle{margin-left:-10px;margin-top:-5px}.slider.slider-horizontal .slider-handle.triangle{width:20px;height:20px;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);border:none;line-height:21px;color:#797777;text-shadow:0 1px 0 rgba(255,255,255,.8)}.slider.slider-horizontal .slider-handle.triangle:before{content:"\f0da";font-size:34px}.slider-horizontal .slider-selection+.slider-handle.triangle+.slider-handle.triangle:before{content:"\f0d9"}.slider.slider-vertical{height:210px;width:20px}.slider.slider-vertical .slider-track{width:10px;height:100%;margin-left:-5px;left:50%;top:0}.slider.slider-vertical .slider-selection{width:100%;left:0;top:0;bottom:0}.slider.slider-vertical .slider-handle{margin-left:-5px;margin-top:-10px}.slider.slider-vertical .slider-handle.triangle{width:20px;height:20px;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);border:none;line-height:21px;color:#797777;text-shadow:0 -1px 0 rgba(255,255,255,.8)}.slider.slider-vertical .slider-handle.triangle:before{content:"\f0d7";font-size:32px;text-shadow:0 1px 0 rgba(255,255,255,.8)}.slider.slider-vertical .slider-selection+.slider-handle.triangle+.slider-handle.triangle:before{content:"\f0d8";text-shadow:0 -1px 0 rgba(255,255,255,.8)}.slider input{display:none}.slider .tooltip-inner{white-space:nowrap}.slider-track{position:absolute;cursor:pointer;background:#E5E5E5}.slider-selection{position:absolute;background:#f5961e}.slider-handle{position:absolute;width:20px;height:20px;border:1px solid #FFF;background:#858585;display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;line-height:18px;font-size:10px;color:#BDBDBD;text-shadow:0 1px 0 rgba(77,77,77,.5);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.slider-handle:before{content:"\f0c9"}.slider-handle.round{-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;width:20px;height:20px}.slider-handle.triangle{background:transparent none}.slider-danger+.slider-track>.slider-selection{background:#a90329}.slider-warning+.slider-track>.slider-selection{background:#c79121}.slider-info+.slider-track>.slider-selection{background:#57889c}.slider-success+.slider-track>.slider-selection{background:#739e73}.bootstrap-tagsinput{display:block;width:100%;min-height:32px;padding:1px 3px;font-size:13px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#FFF;border:1px solid #CCC;border-radius:0}.bootstrap-tagsinput>span{border-radius:0!important;font-weight:400;padding:3px 28px 4px 8px;font-size:13px;border:1px solid #285E8E;background:#f5961e}.bootstrap-tagsinput input{border:none;box-shadow:none;outline:0;background-color:transparent;padding:0;margin:0;width:auto!important;max-width:inherit}.bootstrap-tagsinput input:focus{border:none;box-shadow:none}.bootstrap-tagsinput .tag{color:#FFF;position:relative;margin:3px 0 3px 2px;display:inline-block}.bootstrap-tagsinput .tag [data-role=remove]{display:block;top:-1px;right:0;padding:3px 4px 3px 5px;width:23px;height:22px;position:absolute;cursor:pointer}.bootstrap-tagsinput .tag [data-role=remove]:hover{background:rgba(0,0,0,.3)}.bootstrap-tagsinput .tag [data-role=remove]:after{content:"\f057";font-family:fontAwesome;padding:2px 1px;line-height:17px;font-size:15px;text-align:center}.bootstrap-tagsinput .tag [data-role=remove]:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.bootstrap-tagsinput .tag [data-role=remove]:hover:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.clockpicker .input-group-addon{cursor:pointer}.clockpicker-moving{cursor:move}.clockpicker-align-left.popover>.arrow{left:25px}.clockpicker-align-top.popover>.arrow{top:17px}.clockpicker-align-right.popover>.arrow{left:auto;right:25px}.clockpicker-align-bottom.popover>.arrow{top:auto;bottom:6px}.clockpicker-popover .popover-title{background-color:#fff;color:#999;font-size:24px;font-weight:700;line-height:30px;text-align:center}.clockpicker-popover .popover-title span{cursor:pointer}.clockpicker-popover .popover-content{background-color:#f8f8f8;padding:12px}.popover-content:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.clockpicker-plate{background-color:#fff;border:1px solid #ccc;border-radius:50%;width:200px;height:200px;overflow:visible;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:200px;height:200px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:#666;line-height:26px;text-align:center;width:26px;height:26px;position:absolute;cursor:pointer}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:#f4ac2e;background-color:rgba(245, 150, 30,.25)}.clockpicker-button{background-image:none;background-color:#fff;border-width:1px 0 0;border-top-left-radius:0;border-top-right-radius:0;margin:0;padding:10px 0}.clockpicker-button:hover{background-image:none;background-color:#ebebeb}.clockpicker-button:focus{outline:0!important}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms,opacity 350ms;-moz-transition:-moz-transform 350ms,opacity 350ms;-ms-transition:-ms-transform 350ms,opacity 350ms;-o-transition:-o-transform 350ms,opacity 350ms;transition:transform 350ms,opacity 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(0.8,.8);-moz-transform:scale(0.8,.8);-ms-transform:scale(0.8,.8);-o-transform:scale(0.8,.8);transform:scale(0.8,.8)}.clockpicker-canvas{-webkit-transition:opacity 175ms;-moz-transition:opacity 175ms;-ms-transition:opacity 175ms;-o-transition:opacity 175ms;transition:opacity 175ms}.clockpicker-canvas-out{opacity:.25}.clockpicker-canvas-bearing,.clockpicker-canvas-fg{stroke:none;fill:#f5961e}.clockpicker-canvas-bg{stroke:none;fill:#f4ac2e}.clockpicker-canvas-bg-trans{fill:rgba(245, 150, 30,.25)}.clockpicker-canvas line{stroke:#f5961e;stroke-width:1;stroke-linecap:round}

.email-part
{
    min-height: 90px;
    border: 1px solid #ddd;
}

.well ul.dynatree-container {
    background-color: transparent;
}

.skillMatrix th.ellipsisText{
    max-width: 17px;
    display: table-cell;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

label input[type=radio].data-type-filter+span{
    z-index: 0;
}

div#popover-content-ht .btn {
    width: 100%;
    margin: 1px;
    text-align: center;
}

.filter-body {
    padding: 10px;
    border-top: 1px solid;
}

.filter-title{
    padding: 5px;
    font-size: 1.3em;
    font-weight: bold;
}

.padding3{
    padding: 3px 0 !important;
}



.filter-body {
    padding: 10px;
    border-top: 1px solid;
}

.filter-title{
    padding: 5px;
    font-size: 1.3em;
    font-weight: bold;
}

.dataTables_scroll .dataTables_scrollHeadInner, .dataTables_scrollHeadInner table {width:100% !important;}

.border-right {
    border-right: 2px solid #999 !important;
}

.border-bottom {
    border-bottom: 2px solid #999 !important;
}

.width-20
{
    width: 20px;
}

.full-width
{
    width: 100% !important;
}

.content-top {
    vertical-align: top !important;
}

.smart-form .input-file .button {height: 24px;}


/* Calander Theme */

.datepicker {
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
direction:ltr;
padding:4px;
}

.datepicker-inline {
width:220px;
}

.datepicker.datepicker-rtl {
direction:rtl;
}

.datepicker.datepicker-rtl table tr td span {
float:right;
}

.datepicker-dropdown {
top:0;
left:0;
}

.datepicker-dropdown:before {
content:'';
display:inline-block;
border-left:7px solid transparent;
border-right:7px solid transparent;
border-bottom:7px solid #999;
border-top:0;
border-bottom-color:rgba(0,0,0,.2);
position:absolute;
}

.datepicker-dropdown:after {
content:'';
display:inline-block;
border-left:6px solid transparent;
border-right:6px solid transparent;
border-bottom:6px solid #fff;
border-top:0;
position:absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
left:6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
left:7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
right:6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
right:7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
top:-7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
top:-6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
bottom:-7px;
border-bottom:0;
border-top:7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
bottom:-6px;
border-bottom:0;
border-top:6px solid #fff;
}

.datepicker table {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
margin:0;
}

.datepicker td,.datepicker th {
text-align:center;
width:20px;
height:20px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
border:none;
}

.table-striped .datepicker table tr td,.table-striped .datepicker table tr th {
background-color:transparent;
}

.datepicker table tr td.day.focused,.datepicker table tr td.day:hover {
background:#eee;
cursor:pointer;
}

.datepicker table tr td.highlighted {
background:#d9edf7;
border-radius:0;
}

.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover {
background-color:#fde19a;
background-image:linear-gradient(tobottom,#fdd49a,#fdf59a);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
color:#000;
border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
}

.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled] {
background-color:#fdf59a;
}

.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active {
background-color:#fbf069\9;
}

.datepicker table tr td.today:hover:hover {
color:#000;
}

.datepicker table tr td.today.active:hover {
color:#fff;
}

.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover {
background:#eee;
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
}

.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover {
background-color:#f3d17a;
background-image:linear-gradient(tobottom,#f3c17a,#f3e97a);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-border-radius:0;
-moz-border-radius:0;
border-radius:0;
border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
}

.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled] {
background-color:#f3e97a;
}

.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active {
background-color:#efe24b\9;
}

.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover {
background-color:#9e9e9e;
background-image:linear-gradient(tobottom,#b3b3b3,grey);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,.25);
border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
}

.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled] {
background-color:grey;
}

.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active {
background-color:#666\9;
}

.datepicker table tr td span {
display:block;
width:23%;
height:54px;
line-height:54px;
float:left;
cursor:pointer;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
margin:1%;
}

.datepicker .datepicker-switch {
width:145px;
}

.datepicker .cw {
font-size:10px;
width:12px;
vertical-align:middle;
padding:0 2px 0 5px;
}

.input-append.date .add-on i,.input-prepend.date .add-on i {
margin-top:3px;
}

.input-daterange input {
text-align:center;
}

.input-daterange input:first-child {
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
}

.input-daterange input:last-child {
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0;
}

.input-daterange .add-on {
display:inline-block;
width:auto;
min-width:16px;
height:20px;
font-weight:400;
line-height:20px;
text-align:center;
text-shadow:0 1px 0 #fff;
vertical-align:middle;
background-color:#eee;
border:1px solid #ccc;
margin-left:-5px;
margin-right:-5px;
padding:4px 5px;
}

.datepicker.dropdown-menu {
position:absolute;
top:100%;
left:0;
z-index:1000 !important;
float:left;
display:none;
min-width:160px;
list-style:none;
background-color:#fff;
border:1px solid rgba(0,0,0,.2);
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);
box-shadow:0 5px 10px rgba(0,0,0,.2);
-webkit-background-clip:padding-box;
-moz-background-clip:padding;
background-clip:padding-box;
border-right-width:2px;
border-bottom-width:2px;
color:#333;
font-size:13px;
line-height:20px;
}

.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th {
padding:4px 5px;
}

.datepicker table tr td.new,.datepicker table tr td.old,.datepicker table tr td span.new,.datepicker table tr td span.old {
color:#999;
}

.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover,.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover {
background:0 0;
color:#999;
cursor:default;
}

.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover,.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover {
background-color:#EA7230;
background-image:linear-gradient(tobottom,#08c,#EA7230);
background-repeat:repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
color:#fff;
text-shadow:0 -1px 0 rgba(0,0,0,.25);
border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
}

.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled],.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled] {
background-color:#EA7230;
}

.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active,.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active {
background-color:#039\9;
}

.datepicker table tr td span.focused,.datepicker table tr td span:hover,.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover {
background:#eee;
}

.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th,.input-append.date .add-on,.input-prepend.date .add-on {
cursor:pointer;
}

.margin-left-0 {
    margin-left : 0px !important;
}


/* Calander Theme Ends */



.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {background-color: #f5f5f5}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align: inherit; }

.pending-map-container {
    height:350px;
}
#pending_events_map {
    height: 100%;
}
.minified nav>ul>li>ul {
    display: none!important;
    position: absolute;
    left: 44px;
    width: 199px;
    z-index: 5;
    border: 1px solid #bfbfbf;
    -webkit-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .2);
    background: #454545;
    margin-top: 0;
    overflow: hidden;
    }
.minified nav>ul>li>a>.menu-item-parent {
    display: none;
    position: absolute;
    left: 40px;
    top: -3px;
    width: 185px;
    height: 40px !important;
    line-height: 40px;
    background-color: #EA7230;
    color: #fff;
    font-weight:    bold;
    z-index: 3;
    line-height:    41px;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .2);
    box-shadow: 2px 1px 2px 0 rgba(0, 0, 0, .2);
    border-left: 1px solid #bfbfbf;
    border-top: 1px solid #D8D4D4;
    border-bottom: 1px solid #fff;
    padding-left: 12px;
}

iframe{border: 1px solid #cecece;}

.overflow-y-auto {
    overflow-y: auto;
}

.padding-r-10 {
    padding-right: 10px;
}


a.btn-default, a.btn, button.btn-default{
    color:#fff;
    background: #EA7230 !important;
    box-shadow: none;
    -moz-box-shadow: none;
     -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
    border-color:#ccc;
}
a.btn-default:hover, a.btn:hover{
    color:#333 !important;

}

.portal-panel {
    position: relative;
}
.portal-panel .well:hover h2, .portal-panel .well:hover a,  .portal-panel .well:hover a:hover{
    color:#EA7230;
}

.portal-panel .well:hover {
    border-color:#f00;
}
.portal-panel .well{
    background:#fff;

}
.portal-panel .well a{
    color:#ccc;
    font-weight: normal !important;

}
.portal-panel .well .content {
    min-height: 68px;
    position: relative;
    word-break: break-word;
}

.alert{
    word-break: break-word;
}
.well.absPosition {width:100%; height: auto;}
.well.absPosition .fixHeight{ height:auto; }
.bottom-link {right:0px; bottom: -9px }

.callout-icon{
    position: fixed;
    bottom: 20px;
    right: 10px;
    background-color: #ea7230;
    padding:20px;
}
.callout-icon a{color:#FFF;}
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
    pointer-events:none;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events:none;
}
.modal-content:not(.kiosk-file-modal) {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events:all;
}

.modal-header-vportal{
    background:#ea7230;
    color:#fff;
}

.portal-modal-footer{
    clear: left;
    margin-top: 20px;
}
.closeWin {
    position: absolute;
    top: 14px;
    right: 10px;
}
.callout{
    position: absolute;
    left: 10px;
    top: 14px;
}

.rounded {
    border-radius: 25px !important;
}
.readMore{
    /*display:none;*/
    width:100%;
}
.scrollMaxText{
    width:100%;
    display: block;
    max-height: 100%;
    word-wrap: break-word;
    margin-bottom: 10px;
    min-height: 36px;
}

.scrollText{
    width:100%;
    /*display: block;*/
    max-height: 60px;
    overflow: hidden;
    margin-bottom: 10px;
    min-height: 36px;
}
.btn_save{
    float: left;
}
.truncated-text {
    min-height: 60px;
    max-height: 60px;
}

.moreActionBtn {
    min-height: 15px;
}

.table, .dt-toolbar-footer{border:1px solid #cecece;     border-top: 0px !important;}

.input-group-addon, .input-group-btn {width:auto;}
a.btn-default, a.btn, button.btn-default{
    color:#333;
    background: #e6e6e6 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .05);
    border-color:#ccc;
}
a.btn-default:hover, a.btn:hover{
    color:#333 !important;

}
.btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default {
    color: #333 !important;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}
.portal-panel > .well {
    min-height: 250px;
}

.kiosks-options { margin: 5px; min-height: 80px; }
.kiosks-options p { margin: 0; white-space: normal; }
.header-v-portal .logon-btn { margin:17px 5px; }
#nzmeheader { margin: 10px 5px; }
.morecontent span { display: none; }
.morecontent span.fa { display: inline; }
.morelink { display: block; }

/* Dropzone CSS Customization */
.dropzone {
    padding: 5px;
    max-height: 480px;
    overflow-y: scroll;
}
.dropzone .dz-preview.dz-image-preview, .dropzone .dz-preview.dz-file-preview {
    background-color: #dfdfdf;
    padding: 5px;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 2px 5px rgba(204,204,204,1);
    -moz-box-shadow: 0px 2px 5px rgba(204,204,204,1);
    box-shadow: 0px 2px 5px rgba(204,204,204,1);
}
.dropzone .dz-preview {
    min-width: 100px;
    min-height: 150px;
    margin: 5px !important;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
    animate: unset;
}
.dz-remove, .dz-remove span, .dz-remove i, .dz-vault-rotate span, .dz-vault-rotate i, .vault-image-modal-close i, .vault-image-modal-full-view i {
    cursor: pointer !important;
}
.dz-remove {
    float: left;
    /*position: absolute;
     bottom:0px !important;
    */
    z-index:100;
    margin-top: 3px;
}
.dz-vault-rotate {
    float: left;
    /*position: absolute;
     bottom: 0px !important;
     left: 20px;
    */
    z-index:100;
    margin-top: 4px;
    margin-left: 5px;
}
.dropzone .dz-preview .dz-image {
    border-radius: 0px !important;
    width: 100% !important;
    background: none !important;
}
.dropzone .dz-preview:hover .dz-image img {
    -webkit-filter: unset !important;
    filter: unset !important;
    cursor: pointer;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.vFormPortalBoxIcon {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    margin-right: 5px;
}


.dashboardSectionHeading {
    cursor: pointer;
    margin-top: 0;
}

.dashboardSectionHeadingMargins {
    margin-top: 10px !important;
    margin-bottom: 30px !important;
}