@media print {
    a[href]:after {
        content: none !important;
    }
}
table {
    table-layout: fixed;
    width: 100%;
}

table td {
    word-wrap: break-word;  /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;  /* Renamed property in CSS3 draft spec */
}

table th{
    text-align: center;
}

.modal-header .close{
    margin-top: -20px !important;
}

.clr-red{
    color: red !important;
}

.dic-speak-icon{
    font-size: 20px;
    float: right;
    cursor: pointer;
}

.clr-white{
    color: #fff !important;
}

.v-top{
    vertical-align: top !important;
}

.v-middle{
    vertical-align: -webkit-baseline-middle; !important;
}

.mb-unset{
    margin-bottom: unset !important;
}

.home-banner{
    width: 100% !important;
    margin-top: 30px !important;
    object-fit: cover !important;
}
.cal-btm-info{
  width: 40px;
  padding: 10px;
}

.cal-btm-bg-blue{
    background-color: #3a87ad;
}

.cal-btm-bg-red{
    background-color: red;
}

.cal-btm-bg-black{
    background-color: black;
}

.cal-btm-bg-green{
    background-color: green;
}

.cal-btm-bg-dark-grey{
    background-color: #808080;
}

.cal-btm-bg-blue{
    background-color: blue;
}

.logo img {
  	/*position: absolute;
    left: 1%;
    margin: 0px 0px 0px -22px;
    width: 8%;*/
    display: block;
    /*width: 8%;*/
    width: 12%;
    float: left;
    margin: 0 0 0 -2%;
    position: absolute;
	z-index: 9999;
}
.nav-logo{
	padding-left: 5%;
	height: 124px !important;

}
.picker-dialog-bg {
    z-index: 20000 !important;
}

.picker-dialog {
    z-index: 20001 !important;
}
.headmenu{
	position: relative;   	
    cursor: pointer;
    height: 8%;
}
.ft-btn{
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center !important;
}
.tbl-res{
    overflow-x: auto !important;
}

.w-auto{
    width: auto !important;
    min-width: 100%;
}

.w-40{
    width: 40% !important;
}

.w-8{
    width: 8% !important;
}

.w-15{
    width: 15% !important;
}

.w-262{
    width: 262px !important;
}

.w-150{
    width: 150px !important;
}

.w-18{
    width: 18% !important;
}

.sd-mail-to{
   font-weight: bold;
   font-size: 15px;
}

.sd-mail-lbl{
    margin-left: 15px;
    margin-bottom: 0;
}

.sd-mail-lbl span{
    vertical-align: top;
    font-weight: 100;
}

.bigdrop {
    width: 600px !important;
}

.sd-mail-st-tbl{
    width: 40% !important;
    margin-top: 5px;
}

.select2-container--default .nh-select2-dropdown-form{
    height: 35px !important;
    min-width: 100% !important;
}

.select2-container--default .nh-select2-dropdown-form .select2-selection__rendered{
    line-height: 30px !important;
    min-width: 100% !important;
}

.select2-container--default .nh-select2-dropdown-form .select2-selection__arrow{
    top: 3px !important;
    min-width: 100% !important;
}

.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
    /*border: 1px solid #bdb5b5;*/
    border: 1px solid #bdb5b55c
}
.invoice-tr-pending, .invoice-tr-pending>td{
    background-color: #c3e6cb !important;
}
.invoice-tr-approved-due , .invoice-tr-approved-due>td{
    background-color: #f5c6cb !important;    
}
.invoice-tr-approved-notdue , .invoice-tr-approved-notdue>td{
    background-color: #ffeeba !important;    
}
.invoice-tr-cm-cancel , .invoice-tr-cm-cancel>td{
    background-color: #5bc0de1c !important;    
}
.bg-pink {
    background-color: #ff1493a8 !important;
}

.bg-red, .bg-red>td{
    background-color: #e6c6c3 !important;
}
.bg-green, .bg-green>td{
    background-color: #c3e6c7 !important;
}
.text-center {
    text-align: center !important;
}
.text-red , .text-red:hover ,.text-red:visited , .text-red:active{
    color: red;

}
.text-green , .text-green:hover ,.text-green:visited , .text-green:active{
    color: green;
}
.text-yellow , .text-yellow:hover ,.text-yellow:visited , .text-yellow:active{
    color: #e8e80d;    
}
.text-act-warning , .text-act-warning:hover ,.text-act-warning:visited , .text-act-warning:active
{
    color: #eacbcb;
}
.text-gray , .text-gray:hover ,.text-gray:visited , .text-gray:active{
    color: gray;

}
.text-hgreen , .text-hgreen:hover ,.text-hgreen:visited , .text-hgreen:active{
    color: #7A9171;

}

/*Nav Bar*/
.navbar-inverse .navbar-nav>li>a {
	font-size: 15px;
    font-weight: bold;
    /*color: #8594a0;*/
    color:#777;
}
.navbar-nav.navbar-left  .btn { position: relative; z-index: 2; padding: 4px 19px; margin: 10px auto; transition: transform 0.3s; }
.navbar-nav.navbar-right  .btn { position: relative; z-index: 3; padding: 4px 19px; margin: 10px auto; transition: transform 0.3s; }
/*.container-fluid .barzinho {background-color:#35AE8D;}*/
.navbar .navbar-collapse { position: relative; /*background-color:#35AE8D;*/}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus{
    color: #fff;
    background-color: #080808 !important;
    background-image:none;
    border-radius: 10%;
}
.navbar .navbar-collapse .navbar-left > li:last-child { padding-left: 22px; }
.navbar .navbar-collapse .navbar-right > li:last-child { padding-right: 0px; }

#nav-collapse2 { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 0px; width: 100%;}
#nav-collapse4 { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 342px; width: 100%; }
#nav-collapse3 { position: absolute; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 0px; width: 100%; }

.navbar.navbar-default .nav-collapse { background-color: #35AE8D; }
.navbar.navbar-inverse .nav-collapse { background-color: #222; }
.navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; }
.nav-collapse>li { float: left; color:#35AE8D }

.btn.btn-circle { border-radius: 50px; }
.btn.btn-outline { background-color: transparent; }

.navbar-nav.navbar-right .btn:not(.collapsed) {
    background-color: rgb(111, 84, 153);
    border-color: rgb(111, 84, 153);
    color: rgb(255, 255, 255);
}

.bd-top{
    border-top: unset !important;
}

.navbar-nav.navbar-left .btn:not(.collapsed) {
    background-color: rgb(111, 84, 153);
    border-color: rgb(111, 84, 153);
    color: rgb(255, 255, 255);
}

.navbar.navbar-default .nav-collapse,
.navbar.navbar-inverse .nav-collapse {
    height: auto !important;
    transition: transform 0.3s;
    transform: translate(0px,-50px);
}
.navbar.navbar-default .nav-collapse.in,
.navbar.navbar-inverse .nav-collapse.in {
    transform: translate(0px,0px);
}
.nav>li>a {
    padding: 10px 14px !important;
}

.nav>li:first-child > a {
    padding-left: 17px !important;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus{
    border-radius: 10%;
}

.note-icon{
    color: #428bca !important;
}

.csr-ptr{
    cursor: pointer !important;
}

/*Mult-level*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
.boton{
    display: block;
    width:44px;
    height:34px;
    line-height:16px;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    min-width: 210px;
    max-width: auto;
}

select option {    
    background: #fff !important;
    background-color: #fff !important;
}
.d-flex{
    display: inline-flex !important;
}

.v-top{
    vertical-align: top !important;
}
.mt-25{
    margin-top: 25px !important;
}
.mt-5{
    margin-top: 5px !important;
}
.mb-5{
    margin-bottom: 5px !important;
}
.mt-12{
    margin-top: 12px !important;
}
.mt-25{
    margin-top: 25px !important;
}
.mb-12{
    margin-bottom: 12px !important;
}
.mb-10{
    margin-bottom: 10px !important;
}
.mb-14{
    margin-bottom: 14px !important;
}
.mb-0{
    margin-bottom: 0 !important;
}
.assign-type-lbl{
    font-weight: unset;
    margin-bottom: 0;
}

.w-22{
    width: 22% !important;
}

.w-250{
    width: 250% !important;
}

.w-90{
    width: 90% !important;
}

.w-12{
    width: 12% !important;
}

.w-112{
    width: 112% !important;
}

.w-14{
    width: 14% !important;
}

.w-16{
    width: 16% !important;
}

.w-25{
    width: 25% !important;
}

.w-5{
    width: 5% !important;
}

.w-6{
    width: 6% !important;
}
.pb-2{
    padding-bottom: 2px !important;
}
.w-70{
    width: 70% !important;
}

.w-7{
    width: 7% !important;
}
.w-8{
    width: 8% !important;
}

.w-9{
    width: 9% !important;
}

.w-10{
    width: 10% !important;
}

.w-11{
    width: 11% !important;
}

.w-100{
    width: 100% !important;
}

.w-p-10{
    width: 10px !important;
}

.w-p-15{
    width: 15px !important;
}

.w-p-40{
    width: 40px !important;
}

.w-p-50{
    width: 50px !important;
}

.w-p-80{
    width: 80px !important;
}

.w-p-100{
    width: 100px !important;
}

.w-p-135{
    width: 135px !important;
}

.w-20{
    width: 20% !important;
}

.d-inb{
    display: inline-block !important;
}

.std-prf-img{
    max-width: 100px;
    width: 100%; 
    border-radius: 50%;
}

.w-21{
    width: 21% !important;
}

.ml-5{
    margin-left: 5px !important;
}

.mt-10{
    margin-top: 10px !important;
}

.ml-40{
    margin-left: 40px !important;
}
.ml-10{
    margin-left: 10px !important;
}
.ml-15{
    margin-left: 15px !important;
}
.ml-18{
    margin-left: 18px !important;
}
.ml-20{
    margin-left: 20px !important;
}
.ml-30{
    margin-left: 30px !important;
}
.mr-10{
    margin-right: 10px !important;
}
.pl-15{
    padding-left: 15px !important;
}
.pl-20{
    padding-left: 20px !important;
}
.mt-0{
    margin-top: 0 !important;
}
.mt-25{
    margin-top: 25px !important;
}
.mt-20{
    margin-top: 20px !important;
}
.mt-15{
    margin-top: 15px !important;
}
.d-n{
    display: none !important;
}
.pl-0{
    padding-left: 0 !important;
}
.pr-0{
    padding-right: 0 !important;
}
.w-35{
    width: 35% !important;
}
.w-30{
    width: 30% !important;
}
/*Notification section*/

.w-50{
  width: 50px;  
}
.reg-link-tab{
    width: 49%;
    text-align: center;
}
.notification-dropdown-menu{
  top: 60px;
  right: 0px;
  left: unset;
  width: 460px;
  box-shadow: 0px 5px 7px -1px #c1c1c1;
  padding-bottom: 0px;
  padding: 0px;
}
.notification-dropdown-menu:before{
  content: "";
  position: absolute;
  top: -20px;
  right: 12px;
  border:10px solid #343A40;
  border-color: transparent transparent #343A40 transparent;
}
.notification-head{
  padding:5px 15px;
  border-radius: 3px 3px 0px 0px;
}
.notification-footer{    
  padding:5px 15px;
  border-radius: 0px 0px 3px 3px; 
}
.notification-box{
  padding: 10px 0px; 
}
.bg-gray{
  background-color: #eee;
}
.text-light {
    color: #f8f9fa!important;
}
.notification-bg-dark {
    /*background-color: #343a40!important;*/
    background-color: #f7a839f7!important;
}
.text-warning {
    color: #ffc107!important;
}
.notification-badge
{   
    display: inline-block;
    position: absolute;
    top: -2px;
    right: -1px;
    padding: 0px 5px;
    border-radius: 50%;
    background: red;
    color: white;
    font-size: 12px;
}
.notification-msg{
    word-break: break-all;
}
/* Style buttons */
.Blink {
  animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;  
}
.fs-12{
    font-size: 12px !important;
}
.fs-14{
    font-size: 14px !important;
}
.fs-15{
    font-size: 15px !important;
}
.fs-18{
    font-size: 18px !important;
}
.fs-50{
    font-size: 50px !important;
}
.fs-20{
    font-size: 20px !important;
}
.fs-22{
    font-size: 22px !important;
}
.fs-25{
    font-size: 25px !important;
}
.fs-30{
    font-size: 30px !important;
}
.w-80{
    width: 80% !important;
}
.w-23{
    width: 23% !important;
}
.btn-ctm{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.btn-ctm.btn-primary{
    background-color: #428bca !important;
    text-decoration: none !important;
}
.pt-evt-none{
    pointer-events: none !important;
}
.pt-evt-none:after{
    pointer-events: none !important;
}
.cst-ptr{
    cursor: not-allowed !important;
}
.dataTables_processing{
    height: 10% !important;
    top:15% !important;
}  

/*data table export buttons*/
.dt-buttons{
    text-align: right !important;
    margin-bottom: 10px !important;
}
.exportExcel{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff !important;
    background-color: #3e8f3e !important;
}

.task-bg-deep-red{
    background-color: #f597a1 !important;
}

.task-bg-red{
    background-color: #f3afb6 !important;
}

.task-bg-green{
    background-color: #c3e6cb !important;
}

.bg-yellow{
    background-color: #ffeb3beb !important;
}
.bg-white{
    background-color: #fff !important;
}
.fs-16{
    font-size: 16px !important;
}

.pr-20{
    padding-right: 20px;
}
.chat_area {
  float: left;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  border: 1px solid gray;
}
.chat_area li {
  padding: 14px 14px 0;
}
.chat_area li .chat-img1 img {
  height: 40px;
  width: 40px;
}
.chat_area .chat-body {
  margin-left: 50px;
}
.chat-body .nf-text {
  background: #fbf9fa none repeat scroll 0 0;
  padding: 10px;
}
.chat_area .admin_chat .chat-body {
  margin-left: 0;
  margin-right: 50px;
}
.chat_area li:last-child {
  padding-bottom: 10px;
}

@keyframes blinker {  
  from { opacity: 1; }
  to { opacity: 0; }
}

@media (max-width: 640px) {
    .notification-dropdown-menu{
      top: 50px;
      left: -16px;  
      width: 290px;
    } 
    .nav{
      display: block;
    }
    .nav .nav-item,.nav .nav-item a{
      padding-left: 0px;
    }    
}

/*mult-level*/
@media screen and (min-width: 768px) {
    .navbar .navbar-collapse li li a:hover{
       /* background-color: #35AE8D;
        color:#ffffff;*/
    }
    .navbar .navbar-collapse li li a:active{
        color:#000000;
    }

    .navbar .navbar-collapse li li a:hover > .badge{
        /*background-color: #ffffff;*/
        color:#000000;
    }
}

/* sm */
@media (min-width: 768px) {
    .logo img {
        width: 12%;
    }
}
/* md */
@media (min-width: 992px) {
    .logo img {
        width: 12%;
    }
}
/* lg */
@media (min-width: 1200px) {
    .logo img {
        width: 8%;

    }
}