.dropdown-menu body{
  font-size: 1.1em;
}

form .clmapp div.form-group{
	display: block;
}

.form-on, span.form-on, div.form-on, td span.form-on, td div.form-on{
	display:none;
}
.form-off, span.form-off, div.form-off, td span.form-off, td div.form-off{
	/*display:block;*/
	padding-top: 7px;
	margin: 0 auto;
	/*margin-top: 4px;*/
}

span.form-always{
	padding-top: 7px;
	/*display: block;*/
}
div.form-never, button.form-never, span.form-never{
  display:none;
}

span.form-off, span.form-on{
	width: 100%;
}

.form-element span.form-off{
  margin-top: 14px;
}

.form-element{
  margin-top: 7px;
}
.navbar-brand img{
  height: 44px;
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0 15px; 
    padding-top: 5px;
    font-size: 18px;
    line-height: 20px;
}

.msgarea{
  /*height: 52px;*/
}
.module .msgarea{
  height: 52px;
}

/*input.form-control {
  width: auto;
}*/

/* For IE browser */
.table input:-ms-input-placeholder {
  font-size: 0.9em;
}
/*For Webkit browsers (Chrome, Safari) */
.table input::-webkit-input-placeholder {
  font-size: 0.9em;
}
/* For Mozilla Firefox */
.table input:-moz-placeholder {
  font-size: 0.9em;
}
.table #filter input{
  /*width: 50px;*/
  width: 100%;
}
.table tbody{
  /*text-transform: uppercase;*/
}
#customersearchform{
  display: block;
}

.msgalert{
  display: none;
}

#wrapper{
}
#dashboard .panel-heading{
  height: 120px;
}
/*.bootstrap-select > .dropdown-toggle{
  height: 100%;  
  width: 100%;
  padding: 0;
}*/

/*table.display tbody tr:nth-child(even):hover td{
    background-color: red !important;
}*/

/*.inactive, .table-striped>tbody>tr.inactive{
      background-color: #ddd !important;
}*/

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #eee;
}
.table-striped>tbody>tr:nth-of-type(even) {
    /*background-color: #ddd;*/
}
.table-striped>tbody>tr:nth-of-type(odd).selected {
    background-color: #efe !important;
}
.table-striped>tbody>tr:nth-of-type(even).selected {
    background-color: #efe !important;
}
.table-striped>tbody>tr:nth-of-type(odd) td.selected,
.table-striped>tbody>tr:nth-of-type(even) td.selected {
    background-color: #eee !important;
    font-weight: bold;
}

.table-striped>tbody>tr.rowmodal:nth-of-type(even)>td:first-child,
.table-striped>tbody>tr.rowmodal:nth-of-type(odd)>td:first-child,
table-striped>tbody>tr.rowmodal>td:first-child{
    /*background-color: #E2F0D9 !important;*/
    background-color: #ddd !important;
}

table.table-strikeable {
    border-collapse: collapse !important;
}

table.table-strikeable tr td {
    position: relative;
    /*padding: 3px 2px;*/
}

table.table-strikeable tr th {
    position: relative;
    /*padding: 3px 2px;*/
}


table.table-strikeable tr.strikeout{
    background: #ddd;
    opacity: 0.4;
}

table.table-strikeable tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #666;
    width: 100%;
}
.formModal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.formModal .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background-color: #ddd;
}
.modal {
    padding-right: 0px !important;
}

.modal input, 
.modal textarea, 
.modal select,
.module input, 
.module textarea, 
.module select
{
  /*text-transform: uppercase;*/
}

.admin_only, input[admin_only], select[admin_only], textarea[admin_only], .admin_only .btn-bsselect{
  background: #DEEBF7 !important;
/*    background-color: inherit !important;
    border: none;
    border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;  */
}
.subscriber_only, input[subscriber_only], select[subscriber_only], textarea[subscriber_only], .subscriber_only .btn-bsselect{
  background: #FFFFCC !important;
}
.system_generated, input[system_generated], select[system_generated], textarea[system_generated], .system_generated .btn-bsselect{
  background: #E2F0D9 !important;
/*    background-color: inherit !important;
    border: none;
    border: none;
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;    */
}

.conditional_edit, input[conditional_edit], select[conditional_edit], textarea[conditional_edit], .conditional_edit .btn-bsselect{
  background: #FFE699 !important;
}
.source_edit, input[source_edit], select[source_edit], textarea[source_edit], .source_edit .btn-bsselect{
  background: #D0CECE !important;
}
 
div#contactpublicaddformcontainer .admin_only, div#contactpublicaddformcontainer input[admin_only], div#contactpublicaddformcontainer select[admin_only], div#contactpublicaddformcontainer textarea[admin_only], div#contactpublicaddformcontainer .admin_only .btn-bsselect{
  background: #eee !important;
}


 div.ccm-page select.form-control, div.ccm-page textarea.form-control {
  /*font-size: 1.2em;*/
  border-color: #ccc; 
   /*!important;*/
}

.required, input[required], select[required], textarea[required] {
      /*border: solid 1px #B22222 !important;*/
}
input.error, select.error{
  border: solid 2px #d9534f !important;
      /*background: #d9534f !important;*/
}
input.errortext, select.errortext{
  border: solid 2px #d9534f !important;
/*      color: #d9534f !important;
      font-weight: bold;*/
}

textarea{ 
  height:200px; 
  min-height:200px;  
  resize:vertical;
  box-sizing: content-box;
}

.form-horizontal .form-group{
/*font-size: 75%;
*/    margin-bottom: 0;
}
.form-element{
  /*zoom: 0.75;*/
  width: 65%;
  -moz-transform: scale(0.75); 
  /*font-size: 1.3em;*/
}
.btn{
  font-size: 100%;
  /*height: 75%;*/ 
  /*width: 75%;*/
/*  zoom: 0.75;
  -moz-transform: scale(0.75); */
}

div.ccm-page .btn-group-xs > .btn, div.ccm-page .btn-xs {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}
div.ccm-page .btn-group-sm > .btn, div.ccm-page .btn-sm {
  padding: .25rem .4rem;
  font-size: .875rem;
  line-height: .5;
  border-radius: .2rem;
}

.form-btn{
  width: 30%;
}

/*#page-wrapper{
  font-size: 70%;
}
*/
.page-header {
    /* padding-bottom: 9px; */
    margin: 9px;
    border-bottom: 1px solid #eee;
    font-size: 24px;
    /*text-transform: uppercase;*/
}

.huge{
	font-size: 18px;
}

.dataTable{
  font-size: 90%;
}

/*
 * off canvas sidebar
 * --------------------------------------------------
 */

.navbar-header{
/*	width: 250px; * /
}


#side-menu .collapse.in {
    display:inline !important;
}

@media screen and (min-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-left.active {
    left: 3%;
  }

  .row-offcanvas-left.active .sidebar-offcanvas {
    left: -3%;
    /*position: absolute;*/
    top: 0;
    width: 2%;
    text-align:center;
  }

  .row-offcanvas-left.active li a{
    padding: 10px 10px !important;
  }

}

.panel-337ab7{ background-color: #337ab7; color: white; }
.panel-5C0DAA{ background-color: #5C0DAA; color: white; }
.panel-AA370D{ background-color: #AA370D; }
.panel-0D90AA{ background-color: #0D90AA; }
.panel-0D88AA{ background-color: #0D88AA; }
.panel-6E0DAA{ background-color: #6E0DAA; }
.panel-AA0D51{ background-color: #AA0D51; }
.panel-0D61AA{ background-color: #0D61AA; }
.panel-6EAA0D{ background-color: #6EAA0D; }
.panel-AB810D{ background-color: #AB810D; }
.panel-AA490D{ background-color: #AA490D; }
.panel-AAAA0D{ background-color: #AAAA0D; }
.panel-AA0D3A{ background-color: #AA0D3A; }

.panel-51284F{ background-color: #51284F; color: white;}


@media only screen and (min-width: $screen-md-min) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }
}


table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    /*background-color: #51284F;*/

/*
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;*/

      background: #E2F0D9 !important;
    color: #000;


}


table.dataTable.fixedHeader-floating {
    position: fixed !important;
    top: 50px !important;
}
div.module{
  margin-top: 50px;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

#customersearch input, #customersearch textarea, #customersearch option{
  /*text-transform: uppercase;*/
}

.navbar-top-links li.active, .navbar-top-links .dropdown-menu li.active, .navbar-top-links li.active a, .navbar-top-links .dropdown-menu li.active a{
  background-color: #286090;
  color: #f8f8f8;
}
/*
.formModal{
  top: 48px;
}*/
.navbar-fixed-top{
  z-index: 10030;
}




#template{
  /*https://coolors.co/51284f-98ba00-de7b00-f0ad4e-d8352f*/
background-color: #51284F; /* primary purple */
background-color: #98BA00; /* success green */
background-color: #DE7B00; /* warning orange */
background-color: #F0AD4E; /* info yellow/orange */
background-color: #D8352F; /* danger red */
}
/*
$color1: rgba(81, 40, 79, 1);
$color2: rgba(152, 186, 0, 1);
$color3: rgba(222, 123, 0, 1);
$color4: rgba(240, 173, 78, 1);
$color5: rgba(216, 53, 47, 1);
*/


.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}

.right-inner-addon {
    position: relative;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon .btn-group {
    position: absolute;
    right: 8px;
    /*padding: 10px 12px;*/
    /*pointer-events: none;*/
    /*height: 30px;*/
    display: none;
    z-index: 300;
}






#toolbox {
  position: fixed; 
  z-index: 10101; 
  bottom: 20px; 
  right: -360px; 
  border: 1px solid #ddd; 
  border-radius:0 0 3px 3px; 
  padding: 5px; 
  margin: 9px; 
  background: white; 
  color: #ddd;  
  width: 380px;
}
#toolboxarrow{
  font-size: 36px; 
  float: left;
}

#toolbox .list-inline{
  margin-top: 7px;
}
#toolbox a, #toolbox a:visited, #toolbox a:active{
  color: #ddd;
}
#toolbox a:hover{
  color: #333;
  background: none;
}
#toolbox:hover{
  color: #333;
  border: 1px solid #333; 
}


.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}



.sk-three-bounce {
  position: absolute;
  top: 5px;
  width: 80px;
  margin-left: -10px;
  text-align: center; }
  .sk-three-bounce .sk-child {
    width: 20px;
    height: 20px;
    background-color: #444;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;
            animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; }
  .sk-three-bounce .sk-bounce1 {
    -webkit-animation-delay: -0.32s;
            animation-delay: -0.32s; }
  .sk-three-bounce .sk-bounce2 {
    -webkit-animation-delay: -0.16s;
            animation-delay: -0.16s; }

@-webkit-keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes sk-three-bounce {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); } }



.table-responsive {
  overflow: visible !important;
}            


select:invalid,
select option[value=""] {
  color: #999;
}

#countdown{
  color: #a94442;
  font-weight: bold;
  position: absolute;
  right: 75px;
  top: 55px;
    background: #fff;
    padding: 3px;  
}

.label-info{
  background: #51284F;
  /*text-transform: uppercase;*/
}
.typeahead.dropdown-menu li{
 /*text-transform: uppercase; */
}

.bootstrap-tagsinput.textarea {
    max-width: 100%;
    line-height: 22px;
    overflow-y: auto;
    overflow-x: auto;
    height: 150px;
    cursor: text;
    padding: 5px 10px;
}

#orderrequesttable tr.strikeout td:before{
  top: 30%;
}

#toolboxwrapper{
  display: none;
}

table.table-strikeable tr.completed{
  opacity: 0.5;
}
table tr.lateday{
  color: indianred !important;
}




.timeline .timeline-item > .timeline-point{
z-index: inherit;
}

.fileselect {
	height: 400px;
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	background: #FFF;
	overflow: scroll;
	padding: 5px;
}
.navbar-brand img{
	width: 180px;
	margin-top: -4px;
	/*margin-left: -30px;*/
}
.alert{
	display: none;
  margin-bottom: 0;
}
.navbar-inverse{
	background-image: -webkit-linear-gradient(top,#eeeeee 0,#999 100%);
	background-image: -o-linear-gradient(top,#eeeeee 0,#999 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#eeeeee),to(#999));
	background-image: linear-gradient(to bottom,#eeeeee 0,#999 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ff999999', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;        
}

.navbar-top-links{
	/*font-weight: bold;*/
}
.navbar-top-links a{
	color: #000;
}

.footer {
/*    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    background-color: #f5f5f5;
    z-index: 999999999999999;*/
}
.footer .container{
/*  min-width: 100%;
  margin-top: -50px;
  font-family: 'Courier New';
  font-weight: bold;
  position:relative;*/
}
#pstatus{
  width:100%; min-width: 100%; height: 100px;
/*  position: absolute;
  z-index: 105;*/
  left: 0;
   display: none;
}

.disabled {
  /*color: currentColor;*/
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

li.success{
  color: #398439;
}
li.danger{
  color: #d9534f;
}
li.primary{
  color: #204d74;
}
li.warning{
  color: #d58512;
}

/*.bootstrap-select .filter-option{
  margin-left: 15px;
}*/

.panel-body dd{
  margin-left: 20px;
}
.panel-body dt{
  margin-top: 10px;
  font-size: 1.2em;
}

.panel-body{  
    width: 100%;
    padding-left: 32px !important;
    padding-right: 32px !important;
}




.fullscreen.timelineFrame{
    position: fixed;
    height: 100%;
    width: 100%;
    background: #fff;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll !important;
}


.fullscreen.videoWrapper{
/*    position: fixed;
    background: #fff;
    right: 0;
    z-index: 1000;
    top: 50px;
    left: 0;
    right: 0;
    overflow: scroll;*/
}

.fullscreen.analyzeMarkerFormWrapper{
/*    position: fixed;
    background: #fff;
    z-index: 1000;
    left: 25px;
    right: 25px;
    bottom: 0;
    height: 35%;  
    overflow: scroll;*/
    /*  dynamic = screen(height) - videoWrapper(height) */
}

.expandTimeline{
  zoom: 0.70; /* bs - compatible */
}

/*.fullscreen.analyzeVideoHeader {
  height: 35px;
}*/




.panel-title.analyzeGPS{
  font-size: 0.75em;
}

select.dtfilter{
  font-size: inherit;
}



#footer-msgarea {
    position: fixed;
    bottom: 0;
    height: 0px;
    z-index: 100000;
    /* left: 8%; */
    /* right: 50px; */
    /* width: 90%; */
    font-size: 1.1em;
    /*height: 150px;*/
    /* padding: 25px; */
    width: 80%;
    left: 10%;    
}
#footer-msgarea .msgarea{
  margin-top: 20px;
  line-height: normal;
}



#job-msgarea{
    position: fixed;
    bottom: 0;
    height: 40px;
    margin-left: 5px;
    width: 100%;
    /*min-height: 480px;*/

/*    font-size: 1.5em;
*/}


input[type=range] {
  -webkit-appearance: none;
  margin: 18px 0;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range].disabled::-webkit-slider-runnable-track {
  background: repeating-linear-gradient(
  45deg,
  #606dbc,
  #606dbc 10px,
  #465298 10px,
  #465298 20px
);
}

input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  /*background: #398439;*/
  background: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -14px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #367ebd;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  background: #3071a9;
  border-radius: 1.3px;
  border: 0.2px solid #010101;
}
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 36px;
  width: 16px;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}

.statusplotline{
  margin-left: -2px;
}

.analyzeVideoEntry.panel-body{
  color: #000;
}

.vjs-marker.marker-yellow{
  background-color: yellow !important;
}
.vjs-marker.marker-green{
  background-color: green !important;
}
.vjs-marker.marker-red{
  background-color: red !important;
  z-index: 200;
}
.vjs-marker.marker-blue{
  background-color: blue !important;
  z-index: 100;
}
div.ccm-page{
  margin-top: 81px;
}
div.ccm-page .btn{
  /*margin: 0 2px;*/
}
.triada_menu ul li > a {
  text-decoration: none;
}
.triada_menu ul li .sub-menu li>a i, .triada_menu ul li .sub-menu li>a .menu_subtitle{
  display: block !important;
}
.triada_menu i.fa{
  float: left;
  margin-right: 3px;
  margin-top: 3px;
  margin-bottom: 0;
  /*font-size: 0.95em;*/
}

div.ccm-page #filter .btn{
    margin: 0;
    padding: 14px;
    width: 40px;
    height: 40px;
}
div.ccm-page #filter .btn .fa{
    height: 12px;
    width: 12px;
}
div.ccm-page .btn.action{
  margin:0;
  padding: 4px;
  padding-left: 8px;
}
div.ccm-page .panel.with-nav-tabs .panel-heading{
    padding:15px;
    padding-bottom: 0px;
}
/*table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected, */
div.ccm-page .rowmodal{
    /*background-color: #97c13d;*/
    background-color: #ddd;
}

#cimpaymentform div.form-group.cc{
    display: none;
}

div.listitem .bold{
  font-weight: 600;
}

div.listodd{
  background-color: #97c13d;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
}
div.listeven{
  border: 1px solid #97c13d;
  padding: 10px;
  border-radius: 5px;
}
div.listeven div, div.listodd div{
  padding: 3px;
  margin: -3px;
}
.form-horizontal .control-label {
  padding-top: 15px;
}

.form-element input:disabled, .form-element textarea:disabled, .form-element select:disabled {
  background: #dddddd;
}

div.ccm-page .dataTables_wrapper .btn-success, 
div.ccm-page .dataTables_wrapper .btn-primary, 
div.ccm-page .dataTables_wrapper .btn-secondary, 
div.ccm-page .dataTables_wrapper .btn-warning, 
div.ccm-page .dataTables_wrapper .btn-danger, 
div.ccm-page .dataTables_wrapper .btn-info{
    margin-top: 0px;
    padding: 8px !important;
    font-weight: 0;
    font-size: inherit;
    line-height: 0;  
}


div.ccm-page .dataTables_wrapper .panel-group .buttongroup .btn-default,
div.ccm-page .dataTables_wrapper .panel-group .buttongroup .btn-success,
div.ccm-page .dataTables_wrapper .panel-group .buttongroup .btn-primary, 
div.ccm-page .dataTables_wrapper .panel-group .buttongroup .btn-secondary, 
div.ccm-page .dataTables_wrapper .panel-group .buttongroup .btn-warning, 
div.ccm-page .dataTables_wrapper .panel-group .buttongroup .btn-danger, 
div.ccm-page .dataTables_wrapper .panel-group .buttongroup .btn-info,
div.ccm-page .dataTables_wrapper .dt-buttons.btn-group .btn-default,
div.ccm-page .dataTables_wrapper .dt-buttons.btn-group .btn-success,
div.ccm-page .dataTables_wrapper .dt-buttons.btn-group .btn-primary, 
div.ccm-page .dataTables_wrapper .dt-buttons.btn-group .btn-secondary, 
div.ccm-page .dataTables_wrapper .dt-buttons.btn-group .btn-warning, 
div.ccm-page .dataTables_wrapper .dt-buttons.btn-group .btn-danger, 
div.ccm-page .dataTables_wrapper .dt-buttons.btn-group .btn-info{
    margin-top: 10px;
    margin-right: 5px;
    padding: 12px 17px !important;
    font-size: inherit;
    line-height: 15px;    

}
.dt-buttons.btn-group

div.ccm-page .rowmodal .btn-success, 
div.ccm-page .rowmodal .btn-primary, 
div.ccm-page .rowmodal .btn-secondary, 
div.ccm-page .rowmodal .btn-warning, 
div.ccm-page .rowmodal .btn-danger, 
div.ccm-page .rowmodal .btn-info{
    margin: 10px 10px 0px 0px;
    padding: 12px 17px
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;    

}

div.ccm-page .buttongroup .btn{
  /*font-weight: 0;*/
  font-size: 14px;
  /*line-height: 0;*/
}
div.ccm-page .btn-sm.btn-success, div.ccm-page .btn-sm.btn-primary, div.ccm-page .btn-sm.btn-secondary, div.ccm-page .btn-sm.btn-warning, div.ccm-page .btn-sm.btn-danger, div.ccm-page .btn-sm.btn-info{
    font-size: 12px;
}

div.ccm-page .tool.btn-success, div.ccm-page .tool.btn-primary, div.ccm-page .tool.btn-secondary, div.ccm-page .tool.btn-warning, div.ccm-page .tool.btn-danger, div.ccm-page .tool.btn-info{
    font-size: inherit;
}

div.ccm-page label.control-label{
    /*margin-top: 12px;*/
    font-weight: bold;
}

span.editElement, span.copyElement, span.moveElement{
  padding: 2px 2px 1px 4px;
  border-radius: 0;
} 


.ace_editor{
    height: 800px;
/*    width: inherit !important;*/
    width: 100%;
}

.selectize-dropdown{
  top: 95% !important;
}

.selectize-control.multi .selectize-input > div {
  background: #97c13d;
  color: #fff;
}
div.buttongroup{
  margin-top:  30px;
  margin-bottom:  30px;
}
#viewresultsright{
  margin-bottom:  30px;
}
.tooltipBubble{
  font-size: 1em;
}
.btn-bsselect{

}
tr.dt-rowReorder-moving{

  border: 2px solid black !important;

}

div.ccm-page main .nav-tabs>li>a, 
div.ccm-page main .nav-tabs>li>a:focus, 
div.ccm-page main .nav-tabs>li>a:hover {
    color: #fff;
    cursor: default;
    background-color: #5E863A;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}


div.ccm-page main .nav-tabs>li.active>a, 
div.ccm-page main .nav-tabs>li.active>a:focus, 
div.ccm-page main .nav-tabs>li.active>a:hover {
    color: #333;
    cursor: default;
    background-color: #92C43F;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.note-editable {
   
}

a.helpLink, a.helpLink:link, a.helpLink:visited{
  border-bottom: 1px dashed #5E863A;
  font-size:  15px;
  color:  #333;
}

select[multiple]{
  height: 200px;
}

button.btn-success{
  background-color: #62853A !important;
}

h4.panelHeader{
  /*margin-top: 50px;*/
  margin-bottom: 0;
}
.dataTable td{
  vertical-align: middle !important;
}

label.error{
  background: #fff;
  color:  red !important;;
}

.btn.organizationalarea{
  /*color: #fff;*/
}



/*
button[title]:hover::after {
  content: attr(title);
  position: absolute;
  top: -100%;
  background-color: #ccffcc;
  left: 0;
}*/

/*[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title]:after {
    content: attr(data-title);
    background-color: #fff;
    color: #111;
    font-size: 150%;
    position: absolute;
    padding: 20px;
    bottom: -1.6em;
    left: 100%;
    white-space: nowrap;
    box-shadow: 1px 1px 3px #222222;
    opacity: 0;
    border: 1px solid #111111;
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}
*/



.formcontainer{
  background: #fff;
}
.editexpand.clicked{
  filter: drop-shadow(3px 3px 3px #666);
}


.panel-form{
  padding-right:32px;
}

.rowmodal .panel-form{
  padding-right:  10px;
}

#organizationalprofileform{
  padding-right: 40px;
}
button.organizationalAreaAddActivity{
  background-color: #99ccff !important;
  color: #333 !important;
}
button.organizationalProfileAddEmployee{
  background-color: #ec971f !important;
  /*color: #333 !important;*/
}

.table-striped>tbody>tr>td.parentexpanded:first-child{
    border-left: 3px solid #999;
    border-top: 3px solid #999;
}
.table-striped>tbody>tr>td.parentexpanded:last-child{
    border-right: 3px solid #999 !important;
    border-top: 3px solid #999;
}

.table-striped>tbody>tr>td.parentexpanded{
    border-top: 3px solid #999;
}

.table-striped>tbody>tr>td.childexpanded{
    border-left: 3px solid #999;
    border-right: 3px solid #999 !important;
    border-bottom: 3px solid #999;
}


.triada_menu ul li .sub-menu.right{
    right:  0px;
}

.triada_menu ul li .sub-menu-filter {
    
    font-size: 14px;
    position: absolute;
    z-index: 7000;
    display: none;
    top: auto;
    width:  400px;
    padding: 0;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

.triada_menu_filter{
    float:  left;
}


/*
select#profileiq_module {
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;


  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


select#profileiq_module {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}*/

.triada_menu ul li .sub-menu li > a.navdisabled{
  color:  #aaa;
}

#profileiq_module option[disabled] { color: #aaa; }
.moddisabled{ color: #aaa; }


div.ccm-page main #loginform a, div.ccm-page main #loginform a:hover{
    color: #62853A;
    text-decoration: underline;
} 

.anon, input[anon], select[anon], textarea[anon], .anon .btn-bsselect{
    /*border: 1px solid red;*/
/*    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;  */
}


div.chart_result2{
    margin-left:  10px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:  98%;


}
div.chart_result2 caption{
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  font-size: 18px;
  color:  #333333;

}

div.chart_result2 table th, div.chart_result2 table td{
  padding: 6px;
}

div.chart_result{

    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 5px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width:  48%;


}

div.chart_result.even, div.chart_result2.even{
  margin-right:  10px;
  float:  right;
  margin-bottom:  20px;
}

div.chart_result.odd, div.chart_result2.even{
  margin-left: 10px;
  float: left;
  margin-bottom: 20px;
}





div.testresults table th, div.testresults table td, div.testresults table.table-bordered.dataTable th, div.testresults table.table-bordered.dataTable td{
    padding: 2px !important;
}


/*#container {
    height: 400px; 
}

.highcharts-figure, .highcharts-data-table table {
    min-width: 310px; 
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
  font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
*/


.highcharts-grid-line {
    stroke-width: 0;
}

.highcharts-yaxis-grid .highcharts-grid-line {
  stroke-width: 1px;
  stroke: #d8d8d8;
}

.highcharts-data-table table {
    border-collapse: collapse;
    border-spacing: 0;
    background: white;
    min-width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    /*font-family: sans-serif;*/
    font-size: 0.9em;
}

.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    border: 1px solid silver;
    padding: 0.5em;
}

.highcharts-data-table thead th {
  text-align: center; 
  text-transform: uppercase;
}


.highcharts-data-table th {
  /*text-align: center; */
}

.highcharts-data-table td {
  /*text-align: center;*/
}

.highcharts-data-table tr:nth-child(even), .highcharts-data-table thead tr {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #CCCCCC;
}
.highcharts-data-table caption {
    border-bottom: none;
    font-size: 1.3em;
    font-weight: bold;
  color: #000000 !important;
  text-align: center;
}



.loader {
  position: relative;
  text-align: center;
  margin: 15px auto 35px auto;
  /*z-index: 9999;*/
  display: block;
  width: 80px;
  height: 80px;
  border: 10px solid rgba(0, 0, 0, .3);
  border-radius: 50%;
  border-top-color: #000;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

/* chart filters */

nav.chart_filters div {
  /*padding: 0.6em;*/
  padding-left: 8px;
  background: #e3e3e3;
  /*display: none;*/
  cursor: pointer;
  color: #292929;
  /*font-size: 24px;*/
}

nav.chart_filters ul {
  margin: 0px;
  padding: 0px;
  background: #e3e3e3;
  list-style-type: none;
  position: relative;
}

nav.chart_filters ul li {
  display: inline-block;
}

nav.chart_filters ul li a {
  padding: 15px;
  color: #292929;
  text-decoration: none;
  display: block;
}

nav.chart_filters ul li:hover {
  background: lightgrey;
}

nav.chart_filters ul ul {
  position: absolute;
  min-width: auto;
  background: lightgrey;
  display: none;
}

nav.chart_filters ul ul li {
  display: block;
  background: #e3e3e3;
}

nav.chart_filters ul li:hover ul {
  display: block;
}

nav.chart_filters label{
  padding-left: 18px;
}

@media (max-width: 768px) {
  nav.chart_filters div {
    display: block;
  }
  nav.chart_filters ul {
    display: none;
    position: static;
    background: #e3e3e3;
  }
  nav.chart_filters ul li {
    display: block;
  }
  nav.chart_filters ul ul {
    position: static;
    background: #e3e3e3;
  }
}

.chart_filter_button{
    background:  #fff;
    border:  0;
}


.chart_summary_table table{
  width:  100%;
}
.chart_summary_table table caption{
  text-align: center;
  /*font-weight: bold;*/
}

.chart_summary_table table thead th{
  text-align: center;
}

.filterdisabled{
  color: #aaa;
}

/*
div.chart_headline h1{
  color: #92C43F;
}
div.chart_headline h3{
  font-size: 18px;
}
div.chart_headline .chart_headline_middle,
div.chart_headline .chart_headline_left,
div.chart_headline .chart_headline_right{
  color: #92C43F;
  border-bottom: #92C43F 4px  solid;
}
div.chart_headline .chart_headline_left{
  border-right: #92C43F 2px solid;
}
div.chart_headline .chart_headline_right{
  border-left: #92C43F 2px solid;
}
div.chart_headline .chart_headline_middle{
  color: #92C43F;
  border-left: #92C43F 2px solid;
  border-right: #92C43F 2px solid;
}*/


div.ccm-page a.chart_nav.active{
  cursor: pointer;
}

div.ccm-page a.chart_nav.active.help{
  cursor: help;
}




div.ccm-page a.chart_nav.active{
  /*color: #62853A;*/
  color: #ddd;
  opacity: 0.8;
}

div.ccm-page a.chart_nav.active:hover,
div.ccm-page a.chart_nav.active:link,
div.ccm-page a.chart_nav.active:visited{
  /*color: #98C13D;*/
  color: #ddd;
  opacity: 1;
}


div.ccm-page a.chart_nav.inactive,
div.ccm-page a.chart_nav.inactive:hover,
div.ccm-page a.chart_nav.inactive:link,
div.ccm-page a.chart_nav.inactive:visited{
  color: #ddd;
  cursor:not-allowed;
}

.highcharts-button-symbol{
  color: #ccc;
}

div.ccm-page #brandpanel .panel-heading{
  /*background-color: #a94442;*/
  /*background-color: #D97C0B;*/
  background-color: #f0ad4e;
  
}
div.ccm-page #brandpanel .panel-title{
  color: #fff;
}
div.ccm-page #brandpanel .btn-success{
  /*background-color: #a94442 !important;*/
  /*background-color: #D97C0B !important;*/
  background-color: #f0ad4e !important;
  
}

#userAddFormModal.modal{
  z-index:  55050;
}
.loadingResults{
  position: absolute; 
  left:28%; 
  top: 50px;
}
.highcharts-menu{
  background-color: #fff;
}
.highcharts-menu ul{
  list-style: none;
  padding: 0;
}

/*.hcPlotBand{
  color: #00FF00;
  height: 50px;
}
*/

.highcharts-packedbubble-series.highcharts-tracker path{
/*  stroke: '#FF0000';
  stroke-width: 10;*/
}


/*.hcBubbleSeries{
  stroke: #00FF00 !important;
  stroke-width: 3 !important;    
}*/

.hcBubbleSeries.highcharts-tracker path{
  stroke: #DBDBDB;
  stroke-width: 1;      
  opacity: 1;
/*  fill: #EDEDED;*/
  fill: #F6F6F6;
  fill-opacity: 1;
}


.hcBubbleSeries.highcharts-tracker path.hcBubblePoint{
  stroke: #FFF !important;
  stroke-width: 0 !important;  
/*  fill: #000;*/
/*  fill-opacity: 0.5;*/
  fill-opacity: 1;
}

/* '#4472C4', '#ED7D31', '#BBBBBB', '#FFC000', '#5B9BD5', '#70AD47', '#264478', '#636363', '#9E480E', '#43682B', '#F1975A' */
/*.hcBubbleSeries.highcharts-tracker path.hcBubblePoint:nth-child(1){
    fill: #4472C4;
}
.hcBubbleSeries.highcharts-tracker path.hcBubblePoint:nth-child(2){
    fill: #ED7D31;
}
.hcBubbleSeries.highcharts-tracker path.hcBubblePoint:nth-child(3){
    fill: #BBBBBB;
}
.hcBubbleSeries.highcharts-tracker path.hcBubblePoint:nth-child(4){
    fill: #FFC000;
}
.hcBubbleSeries.highcharts-tracker path.hcBubblePoint:nth-child(5){
    fill: #5B9BD5;
}
.hcBubbleSeries.highcharts-tracker path.hcBubblePoint:nth-child(6){
    fill: #70AD47;
}
.hcBubbleSeries.highcharts-tracker path.hcBubblePoint:nth-child(7){
    fill: #264478;
}
.hcBubbleSeries.highcharts-tracker path.hcBubblePoint:nth-child(8){
    fill: #70AD47;
}
.hcBubbleSeries.highcharts-tracker path.hcBubblePoint:nth-child(9){
    fill: #636363;
}
.hcBubbleSeries.highcharts-tracker path.hcBubblePoint:nth-child(10){
    fill: #9E480E;
}
.hcBubbleSeries.highcharts-tracker path.hcBubblePoint:nth-child(11){
    fill: #F1975A;
}*/


/*div.ccm-page main #navwrapper .dropdown-listitem.selected,*/
div.ccm-page main #navwrapper li.dropdown-listitem :hover{
  background-color: #5E863A;
  color: white;
}
div.ccm-page main .dropdown-listitem.selected a{
/*  color: white;*/
} 
div.ccm-page main #navwrapper .dropdown-listitem.selected,
div.ccm-page main .dropdown-listitem.selected a:hover,
div.ccm-page main .dropdown-listitem.selected a:hover{
  color: #97c13d;
}
div.ccm-page main .dropdown-item.dropdown-navlink{
    font-weight: bold;
}
.dataLabelInner span{
  font-size: 9px !important;
  color: black;
/*     -webkit-text-stroke-width: 1px; 
     -webkit-text-stroke-color: black;*/
}
.disabledTab{
/*    pointer-events: none;*/
}

/*textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(126, 239, 104, 0.8) !important;
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6) !important;
  outline: 0 none !important;
}*/
.chart_tooltip.footer{
  margin-top: 30px;
}


.form-control:focus {
  border-color: #92C43F;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(146, 196, 63, 0.6);
}

.printPDF{
/*    position: absolute;*/
    margin-top: -8px !important;
    margin-left: 15px !important;
}

input[type=checkbox] {
  accent-color: #5E863A;
}

.label-purple{
  background-color: #CE648A;
}
.label-grey{
  background-color: #777;
}

.filterheader{
  margin-top: 5px;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
   content: "";
   padding: 0px 0px;
}
.bootstrap-tagsinput input{
  display: none;
  visibility: hidden;
}

.bootstrap-tagsinput{
    padding-bottom: 8px;
    max-width: 98.5%;
    margin-left: 8px;
    margin-bottom: 20px;
}

.marketvisioncontent a{
  text-decoration: underline; 
}
.marketvisioncontent a:hover{
  text-decoration: underline; 
  color: #97c13d;
/*  color: #5E863A;*/
}
.marketvisioncontent a.nodecor{
  text-decoration: none; 
  color: #000;
}
.marketvisioncontent a.nodecor:hover{
  text-decoration: none; 
  color: #000;
/*  color: #5E863A;*/
}

@media print {
.noPrint {
    display:none;
  }
div.ccm-page{
    margin-top: 0;
}
.btn-group{
    display: none;
}
main {
  border: none;
}
div.ccm-page main .sidebar_container{
  padding: 0;
}
div.ccm-page main{
  border: none;
  margin: 0;
  width: 920px;
  max-width: 100%;
}
.tab-content{
  padding: 0 !important;
  border: none !important;
}
.triada_footer{
  padding: 0;
  margin: 0;
}


}