/*this will hide the arrows from input type=number*/
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

a:hover {
    color: #005580;
    text-decoration: none;
}

.select2-selection__rendered,.select2-results__option 
{
    font-size:.9em;
}

.admin-meta a {
    text-decoration: none;
    padding-right: 5px;
    color: #666;
}
.admin-meta a:hover,.admin-meta a.active {
    color: #069;
}
.text-danger { color: #ce4b27; font-weight: bold;}
.text-danger-normal { color: #ce4b27;}
small p { margin:0px !important }

.text-center { text-align: center; }
.margin-right-1 { margin-right: 1px; }
.margin-right-2 { margin-right: 2px; }
.margin-right-3 { margin-right: 3px; }
.margin-right-5 { margin-right: 5px; }

.margin-left-1 { margin-left: 1px; }
.margin-left-2 { margin-left: 2px; }
.margin-left-3 { margin-left: 3px; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left:20px !important; }
.height-10 { height:10px; }

.margin-left-right-2 { margin-left: 2px; margin-right: 2px;}
.margin-left-right-3 { margin-left: 3px; margin-right: 3px;}
.margin-left-right-5 { margin-left: 5px; margin-right: 5px;}

#data-table-listing-records .btn {
    padding: 0px 0px;
}
#main h4 a { color: #444444; }
#main h4 a:hover { color: #b94a48; }
.nested-check-box { margin-left: 10px; }
.navbar-inverse .navbar-inner {
    background-color: #08c !important;
}

.navbar-inverse .nav > li > a {
    color: #fff !important;
    font-size: 11px;
}

.btn-notification {
    color: #fff !important;
}

.copyright {
    background: #08c !important;
    color: #fff !important;
    position: fixed;
    bottom: 0;
    width: 98%;
}

.letter-spacing
{
    letter-spacing: 0.1vw;
    font-size: 15px;
    color: #fff;
}

.page-header a:hover
{
    background: #3498DB;
    opacity: .8;
}

.uppercase { text-transform: uppercase !important; }
.heading-title { color: #fff !important; }
.heading-btn { padding: 9px !important; }

.top-nav {
     position: sticky;
     top: 0;
     z-index: 999;
}

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

#location-chart,#district-chart {
    width: 100%;height:300px; text-align: center; margin:0 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;
}
.user-info-btns .btn { font-size: xx-small !important; line-height: 15px;}
.navbar .nav > li > a {
    padding: 10px 0px 10px !important;
}
.user-info-btn .top-right-toolbar  {
    /*top: 0px !important;*/
}
#notification-btn { padding: 0px !important; }
@media (max-width: 500px) {
    .user-info-btns .btn { font-size: 8px !important;}
    .nav-collapse
    {
        background: #38362c;
        padding: 10px;
    }
    .hidden-xs { display: none !important; }
    .btn-notification { background: #b94a48 !important; }
    .notify-tip { background: #F60; }
    
}

@media (max-width: 979px) {
    .hidden-md { display: none !important; }
    .user-info-btns .btn { font-size: 8px !important;}
    .nav-collapse
    {
        background: #38362c;
        padding: 10px;
    }
    .btn-notification { background: #b94a48 !important; }
    .notify-tip { background: #F60; }
}

.dark-gray-btn { background: #999999; }

.pull-right .btn { padding:6px 6px !important; /*background: #3498db;*/}
.dropdown-menu{
     left: unset; 
     right: 0px;
}
.employee-actions-heading { min-height: 40px; }
#employee-actions-btn { margin-top: 3px; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.caret-btn { background: #3498db; }
.caret{border-top:4px solid #fff !important;}
.btn-group.open .btn.dropdown-toggle {
    background-color: #b94a48;
}


.highlighted-row
{
    padding: 5px; 
    border: 1px solid #0088cc;
    height: 35px;
    background: #ddd;
}

.danger-color { color: #ce4b27; }
.blue-color { color: #08c; }
.green-color { color: #009600; }


#TOTAL_AMOUNT {  
    color: red;
    font-weight: bold;
    letter-spacing: 1px;
}

.reimbursement-mini-btn { padding: 1px 3px 11px 0px !important; }
#reimbursement-detail-label 
{ 
    padding: 6px 4px !important; 
    line-height: 12px; 
}

.reimbursement-amount-textfield { width: 80% !important; }
.off-click { pointer-events:none;background: #cccccc; }
#current-age { font-size: 12px; }

/*font-size-customs*/
.font-15 { font-size: 15px !important; }
.font-14 { font-size: 14px !important; }
.font-13 { font-size: 13px !important; }
.font-12 { font-size: 12px !important; }
.font-11 { font-size: 11px !important; }
.font-10 { font-size: 10px !important; }
.font-9  { font-size: 9px  !important; }
.font-8  { font-size: 8px  !important; }


.action-btn {
    padding:0px 6px !important;
}
.box { border: 1px solid #dedede;padding: 5px; }

#dd-menu {
    min-width: 260px;
    padding: 1px 0;
    background-color: #25b0f5;
}

.mt-3 { margin-top:3px; }
.mt-5 { margin-top:5px; }
.mb-10 { margin-bottom:10px !important; }
.default label { margin-bottom: 0px !important; }

.border {
    border: 1px solid #dedede;
    padding: 10px;
}

.td-input {
    width: 100% !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}
.td-input:focus {
    border: none !important;
}

.dark-blue {
    background: #0049A3;
}
.text-left   { text-align:left !important;   }
.text-right  { text-align:right !important;  }
.text-center { text-align:center !important; }
.border-blue { border:1px solid #77b3d3 !important; }
.border-red { border:1px solid #b94a48 !important; }
.no-border { border:none !important; }





/* Create custom gutter classes for Bootstrap 2 */
  .g-0 { margin: 0; }
  .g-1 { margin: 0.25rem; }
  .g-2 { margin: 0.5rem; }
  .g-3 { margin: 1rem; }
  .g-4 { margin: 1.5rem; }
  .g-5 { margin: 3rem; }
  .border-danger { border-color: #f44336 !important }
  .bg-white {background: #FFFFFF !important};

  .ml-6 { margin-left:6px !important }
.ml-50 { margin-left:50px !important }

/*margin classes*/

.m-0 {
    margin: 0 !important;
}
.m-1 {
    margin: 0.25rem !important;
}
.m-2 {
    margin: 0.5rem !important;
}
.m-3 {
    margin: 1rem !important;
}
.m-4 {
    margin: 1.5rem !important;
}
.m-5 {
    margin: 3rem !important;
}
.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
.mx-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
}
.mx-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
}
.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}
.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}
.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}
.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}
.my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}
.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}
.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: 0.25rem !important;
}
.mt-2 {
    margin-top: 0.5rem !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.mt-5 {
    margin-top: 3rem !important;
}
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: 0.25rem !important;
}
.mb-2 {
    margin-bottom: 0.5rem !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.mb-5 {
    margin-bottom: 3rem !important;
}
.ml-0 {
    margin-left: 0 !important;
}
.ml-1 {
    margin-left: 0.25rem !important;
}
.ml-2 {
    margin-left: 0.5rem !important;
}
.ml-3 {
    margin-left: 1rem !important;
}
.ml-4 {
    margin-left: 1.5rem !important;
}
.ml-5 {
    margin-left: 3rem !important;
}
.mr-0 {
    margin-right: 0 !important;
}
.mr-1 {
    margin-right: 0.25rem !important;
}
.mr-2 {
    margin-right: 0.5rem !important;
}
.mr-3 {
    margin-right: 1rem !important;
}
.mr-4 {
    margin-right: 1.5rem !important;
}
.mr-5 {
    margin-right: 3rem !important;
}

/*padding classes*/

.p-0 {
    padding: 0 !important;
}
.p-1 {
    padding: 0.25rem !important;
}
.p-2 {
    padding: 0.5rem !important;
}
.p-3 {
    padding: 1rem !important;
}
.p-4 {
    padding: 1.5rem !important;
}
.p-5 {
    padding: 3rem !important;
}
.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.px-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
}
.px-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}
.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}
.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}
.py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}
.pt-0 {
    padding-top: 0 !important;
}
.pt-1 {
    padding-top: 0.25rem !important;
}
.pt-2 {
    padding-top: 0.5rem !important;
}
.pt-3 {
    padding-top: 1rem !important;
}
.pt-4 {
    padding-top: 1.5rem !important;
}
.pt-5 {
    padding-top: 3rem !important;
}
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-1 {
    padding-bottom: 0.25rem !important;
}
.pb-2 {
    padding-bottom: 0.5rem !important;
}
.pb-3 {
    padding-bottom: 1rem !important;
}
.pb-4 {
    padding-bottom: 1.5rem !important;
}
.pb-5 {
    padding-bottom: 3rem !important;
}
.pl-0 {
    padding-left: 0 !important;
}
.pl-1 {
    padding-left: 0.25rem !important;
}
.pl-2 {
    padding-left: 0.5rem !important;
}
.pl-3 {
    padding-left: 1rem !important;
}
.pl-4 {
    padding-left: 1.5rem !important;
}
.pl-5 {
    padding-left: 3rem !important;
}
.pr-0 {
    padding-right: 0 !important;
}
.pr-1 {
    padding-right: 0.25rem !important;
}
.pr-2 {
    padding-right: 0.5rem !important;
}
.pr-3 {
    padding-right: 1rem !important;
}
.pr-4 {
    padding-right: 1.5rem !important;
}
.pr-5 {
    padding-right: 3rem !important;
}

.text-center {
    text-align: center !important; 
}


.span0-4 {
    width: 1.382906% !important;
}
.span0-5 {
    width: 2.982906% !important;
}
.span1-4 {
    width: 8% !important;
}
.span1-5 {
    width: 10.529915% !important;
}
.span1-9 {
    width: 15% !important;
}
.span2-8 {
    width: 21.729915% !important;
}
.span2-9 {
    width: 22.729915% !important;
}
.span4-5 {
    width: 33.0% !important;
}

label, input, button, select, textarea {
    font-weight: bold !important;
}


.wp-1 { width: 1% !important; }
.wp-2 { width: 2% !important; }
.wp-3 { width: 3% !important; }
.wp-4 { width: 4% !important; }
.wp-5 { width: 5% !important; }
.wp-6 { width: 6% !important; }
.wp-7 { width: 7% !important; }
.wp-8 { width: 8% !important; }
.wp-9 { width: 9% !important; }
.wp-10 { width: 10% !important; }
.wp-11 { width: 11% !important; }
.wp-12 { width: 12% !important; }
.wp-13 { width: 13% !important; }
.wp-14 { width: 14% !important; }
.wp-15 { width: 15% !important; }
.wp-16 { width: 16% !important; }
.wp-17 { width: 17% !important; }
.wp-18 { width: 18% !important; }
.wp-19 { width: 19% !important; }
.wp-20 { width: 20% !important; }
.wp-21 { width: 21% !important; }
.wp-22 { width: 22% !important; }
.wp-23 { width: 23% !important; }
.wp-24 { width: 24% !important; }
.wp-25 { width: 25% !important; }
.wp-26 { width: 26% !important; }
.wp-27 { width: 27% !important; }
.wp-28 { width: 28% !important; }
.wp-29 { width: 29% !important; }
.wp-30 { width: 30% !important; }
.wp-31 { width: 31% !important; }
.wp-32 { width: 32% !important; }
.wp-33 { width: 33% !important; }
.wp-34 { width: 34% !important; }
.wp-35 { width: 35% !important; }
.wp-36 { width: 36% !important; }
.wp-37 { width: 37% !important; }
.wp-38 { width: 38% !important; }
.wp-39 { width: 39% !important; }
.wp-40 { width: 40% !important; }
.wp-41 { width: 41% !important; }
.wp-42 { width: 42% !important; }
.wp-43 { width: 43% !important; }
.wp-44 { width: 44% !important; }
.wp-45 { width: 45% !important; }
.wp-46 { width: 46% !important; }
.wp-47 { width: 47% !important; }
.wp-48 { width: 48% !important; }
.wp-49 { width: 49% !important; }
.wp-50 { width: 50% !important; }
.wp-51 { width: 51% !important; }
.wp-52 { width: 52% !important; }
.wp-53 { width: 53% !important; }
.wp-54 { width: 54% !important; }
.wp-55 { width: 55% !important; }
.wp-56 { width: 56% !important; }
.wp-57 { width: 57% !important; }
.wp-58 { width: 58% !important; }
.wp-59 { width: 59% !important; }
.wp-60 { width: 60% !important; }
.wp-61 { width: 61% !important; }
.wp-62 { width: 62% !important; }
.wp-63 { width: 63% !important; }
.wp-64 { width: 64% !important; }
.wp-65 { width: 65% !important; }
.wp-66 { width: 66% !important; }
.wp-67 { width: 67% !important; }
.wp-68 { width: 68% !important; }
.wp-69 { width: 69% !important; }
.wp-70 { width: 70% !important; }
.wp-71 { width: 71% !important; }
.wp-72 { width: 72% !important; }
.wp-73 { width: 73% !important; }
.wp-74 { width: 74% !important; }
.wp-75 { width: 75% !important; }
.wp-76 { width: 76% !important; }
.wp-77 { width: 77% !important; }
.wp-78 { width: 78% !important; }
.wp-79 { width: 79% !important; }
.wp-80 { width: 80% !important; }
.wp-81 { width: 81% !important; }
.wp-82 { width: 82% !important; }
.wp-83 { width: 83% !important; }
.wp-84 { width: 84% !important; }
.wp-85 { width: 85% !important; }
.wp-86 { width: 86% !important; }
.wp-87 { width: 87% !important; }
.wp-88 { width: 88% !important; }
.wp-89 { width: 89% !important; }
.wp-90 { width: 90% !important; }
.wp-91 { width: 91% !important; }
.wp-92 { width: 92% !important; }
.wp-93 { width: 93% !important; }
.wp-94 { width: 94% !important; }
.wp-95 { width: 95% !important; }
.wp-96 { width: 96% !important; }
.wp-97 { width: 97% !important; }
.wp-98 { width: 98% !important; }
.wp-99 { width: 99% !important; }
.wp-100 { width: 100% !important; }


.wx-1 { width: 1px !important; }
.wx-2 { width: 2px !important; }
.wx-3 { width: 3px !important; }
.wx-4 { width: 4px !important; }
.wx-5 { width: 5px !important; }
.wx-6 { width: 6px !important; }
.wx-7 { width: 7px !important; }
.wx-8 { width: 8px !important; }
.wx-9 { width: 9px !important; }
.wx-10 { width: 10px !important; }
.wx-11 { width: 11px !important; }
.wx-12 { width: 12px !important; }
.wx-13 { width: 13px !important; }
.wx-14 { width: 14px !important; }
.wx-15 { width: 15px !important; }
.wx-16 { width: 16px !important; }
.wx-17 { width: 17px !important; }
.wx-18 { width: 18px !important; }
.wx-19 { width: 19px !important; }
.wx-20 { width: 20px !important; }
.wx-21 { width: 21px !important; }
.wx-22 { width: 22px !important; }
.wx-23 { width: 23px !important; }
.wx-24 { width: 24px !important; }
.wx-25 { width: 25px !important; }
.wx-26 { width: 26px !important; }
.wx-27 { width: 27px !important; }
.wx-28 { width: 28px !important; }
.wx-29 { width: 29px !important; }
.wx-30 { width: 30px !important; }
.wx-31 { width: 31px !important; }
.wx-32 { width: 32px !important; }
.wx-33 { width: 33px !important; }
.wx-34 { width: 34px !important; }
.wx-35 { width: 35px !important; }
.wx-36 { width: 36px !important; }
.wx-37 { width: 37px !important; }
.wx-38 { width: 38px !important; }
.wx-39 { width: 39px !important; }
.wx-40 { width: 40px !important; }
.wx-41 { width: 41px !important; }
.wx-42 { width: 42px !important; }
.wx-43 { width: 43px !important; }
.wx-44 { width: 44px !important; }
.wx-45 { width: 45px !important; }
.wx-46 { width: 46px !important; }
.wx-47 { width: 47px !important; }
.wx-48 { width: 48px !important; }
.wx-49 { width: 49px !important; }
.wx-50 { width: 50px !important; }
.wx-51 { width: 51px !important; }
.wx-52 { width: 52px !important; }
.wx-53 { width: 53px !important; }
.wx-54 { width: 54px !important; }
.wx-55 { width: 55px !important; }
.wx-56 { width: 56px !important; }
.wx-57 { width: 57px !important; }
.wx-58 { width: 58px !important; }
.wx-59 { width: 59px !important; }
.wx-60 { width: 60px !important; }
.wx-61 { width: 61px !important; }
.wx-62 { width: 62px !important; }
.wx-63 { width: 63px !important; }
.wx-64 { width: 64px !important; }
.wx-65 { width: 65px !important; }
.wx-66 { width: 66px !important; }
.wx-67 { width: 67px !important; }
.wx-68 { width: 68px !important; }
.wx-69 { width: 69px !important; }
.wx-70 { width: 70px !important; }
.wx-71 { width: 71px !important; }
.wx-72 { width: 72px !important; }
.wx-73 { width: 73px !important; }
.wx-74 { width: 74px !important; }
.wx-75 { width: 75px !important; }
.wx-76 { width: 76px !important; }
.wx-77 { width: 77px !important; }
.wx-78 { width: 78px !important; }
.wx-79 { width: 79px !important; }
.wx-80 { width: 80px !important; }
.wx-81 { width: 81px !important; }
.wx-82 { width: 82px !important; }
.wx-83 { width: 83px !important; }
.wx-84 { width: 84px !important; }
.wx-85 { width: 85px !important; }
.wx-86 { width: 86px !important; }
.wx-87 { width: 87px !important; }
.wx-88 { width: 88px !important; }
.wx-89 { width: 89px !important; }
.wx-90 { width: 90px !important; }
.wx-91 { width: 91px !important; }
.wx-92 { width: 92px !important; }
.wx-93 { width: 93px !important; }
.wx-94 { width: 94px !important; }
.wx-95 { width: 95px !important; }
.wx-96 { width: 96px !important; }
.wx-97 { width: 97px !important; }
.wx-98 { width: 98px !important; }
.wx-99 { width: 99px !important; }
.wx-100 { width: 100px !important; }

/*flexbox custom */

/* Display as a flex container */
.d-flex {
  display: flex !important;
}

/* Set the flex direction to row */
.flex-row {
  flex-direction: row !important;
}

/* Set the flex direction to column */
.flex-column {
  flex-direction: column !important;
}

/* Set the flex direction to row-reverse */
.flex-row-reverse {
  flex-direction: row-reverse !important;
}

/* Set the flex direction to column-reverse */
.flex-column-reverse {
  flex-direction: column-reverse !important;
}

/* Align items along the main axis */
.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

/* Align items along the cross axis */
.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

/* Align a single item along the cross axis */
.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

/* Allow items to wrap or not */
.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}


/*red border*/
.bdr {border: 1px solid red}

/*data tables*/
.pd-table {
    height: 300px; 
    overflow: scroll;
}
.cd-table {
    height: 200px; 
    overflow: scroll;
}

.sale-table .td-input {
    width: 100% !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}
.sale-table .td-input:focus {
    border: none !important;
}

.display-none  {  display:none !important; }
.display-block {  display:block !important; }

.uppercase {  text-transform:uppercase; }
.lowercase {  text-transform:lowercase; }
.capitalize {  text-transform:capitalize; }

.w-5 { width: 5% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-25 { width: 25% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-50 { width: 50% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-75 { width: 75% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }
.w-100 { width: 100% !important; }

.h-5  { height: 5px !important; }
.h-10 { height: 10px !important; }
.h-15 { height: 15px !important; }
.h-20 { height: 20px !important; }
.h-25 { height: 25px !important; }
.h-30 { height: 30px !important; }
.h-35 { height: 35px !important; }
.h-40 { height: 40px !important; }
.h-45 { height: 45px !important; }
.h-50 { height: 50px !important; }
.h-55 { height: 55px !important; }
.h-60 { height: 60px !important; }
.h-65 { height: 65px !important; }
.h-70 { height: 70px !important; }
.h-75 { height: 75px !important; }
.h-80 { height: 80px !important; }
.h-85 { height: 85px !important; }
.h-90 { height: 90px !important; }
.h-95 { height: 95px !important; }
.h-100{ height: 100px !important; }
.border-left { border-left:1px solid #dedede; }
.alert-default { background:#ccc; }
.no-decoration { text-decoration:none;color:#444444 }
.cursor-pointer { cursor:pointer; }
.cursor-nodrop { cursor:no-drop; }

#scroll-table-div {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
}

#scroll-table {
    border-collapse: collapse;
    width: auto;
}

#scroll-table th,
#scroll-table td {
    text-align: center;
}
.current-row { 
    border: 1px solid #2db72f;
    padding: 3px;
    height: 35px;
}
.relative { position:relative;background:#e5e5e5 }
#add-more-btn,#update-detail-btn,#legend-rigth { 
    position: absolute;
  top: -3em;
  right: 20px; 
}
.bold { font-weight:bold; }
.ur-border {
    border: 1px solid #dedede;
    margin: 2px 0;
}
.sub-action input[type=checkbox] {
  accent-color: #ccc;
}
.left-border { border-left:1px solid #666;}
.right-border { border-right:1px solid #666;}
.avoid-clicks { pointer-events: none;}

@media (max-width: 767px) {
    .row-fluid .controls-row [class*="span"] + [class*="span"] {
     margin-left: 0;
    }
}
.text-italic { font-style:italic !important; }
.border { 
    border: 1px solid white;
    padding: 5px;
    background: #e5e5e5;
    margin-bottom: 5px;
    min-height: 30px;
}

#password-border {
    border: 1px solid white;
    padding: 5px;
    background: #e5e5e5;
    margin-bottom: 5px;
    min-height: 110px;
}
.form-horizontal .control-group {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}
.bold { font-weight: bold;}

.visitors .disabled{
    background: #ab6d6c !important;
    color: #fff;
}

.due { background: #79ccf5;}
.overdue { background: #e35155;}
.bg-blue { background: #0088cc;}
.active { background: #a79155;}
.removed { background: #b94a48;}

.task-bottom-border { border-bottom: #D1D1D1 1px solid;display:block; }
.activity-content { display:none;}