.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{
      /*background: #d9534f !important;*/
}
input.errortext, select.errortext{
/*      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); */
}

.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: 0;
}
div.ccm-page .btn{
  /*margin: 0 2px;*/
}

.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 .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;
}

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

.selectize-control.multi .selectize-input > div {
  background: #97c13d;
  color: #fff;
}
div.buttongroup{
  margin-top:  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_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{
  margin-right:  10px;
  float:  right;
  margin-bottom:  20px;
}

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