/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Apr 30, 2016, 1:20:32 PM
    Author     : Administrator
*/
.table-report > thead > tr > th, .table-report > tbody > tr > td{
    padding: 3px;
}

.table-report  .footer-row  td{
    font-weight: bold;
    font-size: 14px;
    color: darkslategray;
    background-color: rgb(245, 245, 245);
}

body{
	background: white;
}

.h-auto{
	height:auto;
}

.red a{
	color:red;
}

.row-padding-adjust{
	padding:0px 21px 0px 11px;
}

.btn-sidebar-search{
    padding: 0px 5px;
    border-radius: 2px;
    margin-right: 5px;
}

.label-radio{
    border: 1px solid #950f0f;
    width:99%;
    height:auto;
    margin-left: 2px;
    padding: 8px;
    box-shadow: 2px 2px 10px lightgrey;
    border-radius: 4px;
    font-weight: bold;
    cursor:pointer;
}

label.label-radio:hover{
    background:lightgrey;     
}

@media (min-width:570px){
	#sidebar{	
		padding-top:5px;
	}	
}

.opacity-5{opacity:0.5}
.opacity-6{opacity:0.6}
.opacity-7{opacity:0.7}
.opacity-8{opacity:0.8}
.opacity-9{opacity:0.9}


.mb-0{margin-bottom:0px}
.mt-0{margin-top:0px}
.mr-0{margin-right:0px}
.ml-0{margin-left:0px}

.pb-0{padding-bottom:0px}
.pt-0{padding-top:0px}
.pr-0{padding-right:0px}
.pl-0{padding-left:0px}


.infobox {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-color: #ccc !important;
    border-image: none;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 5px 17px -11px;
    color: #555;
    display: inline-block;
    margin: 16px 4px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

.infobox:hover {
    background-color: #f1f1f1;
    border-color: #a9cccc !important;
}
.infobox > .infobox-data > .infobox-data-number {
   /* font-size:14px;*/
    font-size: 13px;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: bold;
    text-shadow: none;
    color: #4381a5;
}
.infobox-collapsed-footer{
    text-align: center;
}
.form-group{
    margin-bottom: 0px;
}
.help-block{
    margin-bottom: 0px;
    margin-top: 0px;
}
.page-header h1{
	font-weight:bold;
}
.right-align{
    text-align: right;
}

.text-left-i{
   text-align:left !important;
}

.h-20{
	height:20px;
}

.lh-1{
	line-height:1;
}

.min-h-auto{
	min-height:auto;
}

/*
over-ride "Weak" message, show font in dark grey
*/
/*

.login-form {
    padding: 50px;
    margin-top: 20% !important;
}
*/

.login-form {
    margin-top:0px !important;
    padding: 30px !important;
    margin-top:30px !important;
}


 .custom-blockquote{font-size:13.5px !important;}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: #16884B!important;
    color:white;
}

.no-skin .nav-list>li>.topbar li.open>a, .no-skin .nav-list>li>.topbar li>.topbar li.active>a, .no-skin .nav-list>li>.topbar li>.topbar li.open>a {
  background-color: #e4e4e4!important;
  color: darkgreen;
}

.no-skin .nav-list>li>.topbar li.open>a:focus, .no-skin .nav-list>li>.topbar li>.topbar li.active>a:focus, .no-skin .nav-list>li>.topbar li>.topbar li.open>a:focus {
  background-color: #e4e4e4!important;
  color: darkgreen;
}

.no-skin .nav-list>li>.topbar li.open>a:hover, .no-skin .nav-list>li>.topbar li>.topbar li.active>a:hover, .no-skin .nav-list>li>.topbar li>.topbar li.open>a:hover {
  background-color: #e4e4e4!important;
  color: darkgreen;
}

.fa {
    font-size: 16px!important;
}



    
 @media screen and (max-width: 476px) {

    .recaptcha-container-custom div div{
        width:100% !important;
    }
    
    .recaptcha-container-custom div div div iframe{
        width:100% !important;
    }

    .recaptcha-container-custom div div iframe{
        width:100% !important;
    }

 }
 
 .show-on-mobile{
    display:none;
 }
 

.margin-0-auto{
	
	margin:0 auto !important;
}

.show-on-mobile-td{
	
	display:none;
}

 .badge-padding-e{
      padding:10px 12px;
    }
    
  
  #netpayableforinst{
  
      bottom:25px;
      right:25px;
  }
  
  
  
 .position-r{
    position:relative;
 }
 
 .position-a{
    position:absolute;
 }
 
 .position-f{
    position:fixed;
 }
 
 .top-0{
    top:0px;
 }
 
 .top-5{top:5px}
 .right-5{right:5px}
 
 .right-0{
    right:0px;
 }
 
 .left-0{
    left:0px;
 }
 
 .bottom-0{
    bottom:0px;
 }
 
 .f-30-i{
    font-size:30px !important;
 } 
 
 .p-6{
   Padding:6px;
 }
 
 .fixed-top-right{
    position:fixed;
    top:20px;
    right:10px;
 }
 
 .margin-l-5{
   margin-left:5px;
 }
 
 .margin-r-5{
   margin-right:5px;
 }
 

 
 
 .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th
 
 
 .table_bug_report>tbody>tr>td{
     vertical-align:middle !important;
 }
 
 
 .hr-c{
    margin-top:7px;
    margin-bottom:7px;
 }
 
 
 .b-badge{
    background: #3a87ad;
    padding: 5px 10px;
    border-radius: 8px;
    color: white;
 }
 
 .r-badge{
    background: #d15b47;
    padding: 5px 10px;
    border-radius: 8px;
    color: white;
 }
 
 
 .no-border{border:none !important;}
 
 .border-b-d{
    border-bottom:1px dotted;
 }
 
 .padding-l-5{
    padding-left:5px;
 }
 
 .padding-r-5{
    padding-right:5px;
 }
 
 
 .v-align-m{
    vertical-align:middle;
 }
 
 .v-align-b{
   vertical-align:bottom;
 }
 
 
 
 .inline{
   display:inline !important;
 }
 
 .inline-b{
   display:inline-block !important;
 }
 
 .w-100{
   width:100%;
 }
 
 .w-100-i{
   width:100% !important;
 }
 
 .hidethis{
   display:none;
 }
 
 .bg-white{
   background:white;
 }
 
 .table-borderless{
    border:none;
 }


.watch-data-table tbody td{
	 vertical-align:middle;
}

.checkbox-sm{
	
	width:30px;
	height:30px;
}

.border-1{
	border:1px solid lightgrey;
}

.border-1-i{
	border:1px solid lightgrey !important;
}


.select-all-members{	
    padding: 7px 10px;
    margin: 5px 0px 5px -2px;
    height:auto;
}

.height-a{
	
	height:auto;
}

.loader-background{
	position:fixed;
	width:100%;
	top:0px;
	left:0px;
	z-index:997;
	height:100%;
	display:none;
	background: white;
    opacity: 0.8;
}

/*
.loader-icon{
    position:fixed;
    top:30%;
    left:40%;
    z-index:200000;
    font-size: 150px !important;
    opacity: 0.8;
    display:none; 
    color:#428bca !important;
} */

#loader-container{
 position:fixed;top: 30%;left: 0px;width: 100%;z-index: 99999;
}

.loader-icon{
	/*
	position:fixed;
	top: 30%;
    left: 0px;
	z-index:998;
	display:block;
	width:100%;
	display:none;*/
	position: relative;
    width: 100%;
    text-align: center;
    display:none;
}


@media screen and (max-width:750px){
	/*
  	 .loader-icon {
	    top: 20% !important; 
     }  */
}

.fdh-loader-img{
	width: 78px;
    /* height: auto; */
    /* z-index: 998; */
    /* position: relative; */
    /* left: -137px; */
    display: block;
    margin: 0 auto;
    position: relative;
    top: -135px;
    /* margin: -139px auto;*/
    
}

.fdh-loader{
     width: 190px;
    /* z-index: 999; */
     display: block; 
     margin: 0 auto;
}





.bg-red{
   background-color:#fc4747;
}

.bg-green{
  background-color:#0cbe0c;
}

.bg-blue{
	
	background-color:#1b6aaa;
}


.bg-red-i{
   background-color:#fc4747 !important;
}

.bg-green-i{
  background-color:#0cbe0c !important;
}

.bg-blue-i{
	
	background-color:#1b6aaa !important;
}

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

.white , .white a{
	color:white;
}
.white-i, .white-i a{
	color:white !important;
}

.black{
	color:black;
}

.yellow{
	color:yellow;
}

.yellow-i{
	color:yellow !important;
}

.btn-xss{
    padding: 1px !important;
    line-height: 1 !important;
    border-radius: 3px;
}

#callingcode_text{
      display: block;
      font-size: 15px;
      height: auto !important;
      padding: 8px 0px 9px 0px;
}

.callingcode_text{
      display: block;
      font-size: 15px;
      height: auto !important;
      padding: 8px 0px 9px 0px;
}

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

 
 @media screen and (max-width:476px){
    .show-on-mobile{
       display:table-row;
    }
    
    .show-on-mobile-td{
       display:table-cell;
    }
    
    .hide-on-mobile{
       display:none;
    }
    
    .float-none-m{
       float:none !important;
    }
    
    .text-center-m{
       text-align:center !important;
    }
    
    .navbar-m{
       background-color:white !important;
    }
    
    .logo-m{
       width:100%;
       display:block;
       text-align:center;
       margin-top:5px;
       margin-bottom:5px;
    }
    
    .logo-m img{
      height:65px !important;
      width:auto;
    }
    
    .site-title-m{
       display:block;
       width:100%;
       text-align:center;
       
       background:#16884B;
    }
    
    .navbar-buttons-m{
       position:absolute;
       top: 75px;
       right: -6px;
       z-index:10;
    }
    
    .ace-nav>li{
       height:40px;
    }
    
    
    .ace-nav .nav-user-photo{
       max-width:30px;
           margin: -7px 8px 0 0;
    }
    
    .list-group-m .list-group-item{
       position:static;
       padding-left:0px !important;
       padding:10px !important;
       position:static;
    }
    
     .list-group-m .list-group-item img{
       margin: 0 auto;
    }
    
    .text-center-m{
      text-align: center !important;
    }
    
   
    .block-m{
      display:block !important;
    }
    
    .block{
      display:block;
    }
    
    
    
    .position-r-m{
      position:relative !important;
    }
    
    .bottom-0-m{
      bottom:0px !important;
    }
    
    #netpayableforinst{
  
      bottom:0px;
      right:0px;
    }
    
    .table-c-m{
	   display:table-cell;
	 }
	 
	 .msfee-label{
	    padding:0px;
	    padding-right:10px;
	 }
	 
	 .text-left-m{
	    text-align:left !important;
	 }
	 
	 .padding-0-m{
	 
	    padding:0 !important;
	 }
	 
	 .pull-right-m{
	    float:right !important;
	 }
	 
	 .pull-left-m{
	    float:left !important;
	 }
	 
	 .margin-t-10-m{
	 
	   margin-top:10px;
	 }
	 
	 .no-padding-m{
	    padding: 0px !important;

	 }
	 
	 .w-100-m{
	   width:100% !important;
	 }
	 
	 .padding-5-m{
	   padding:5px !important;
	 }
	 
	 
	 .padding-10-m{
	   padding:10px !important;
	 }
	 
	 
	 .col-xs-0{
	     width:1px !important;
	 }
	 
	  .fdhlsoft-title-m > a {
	    display:block !important;
	    text-align:center;
	    width:100%;
	 }
	 
	 .fdhlsoft-title-m > a > small{
	    font-size:17px !important;
	 }
	 
	 .ui-sortable-handle{
	    touch-action:auto !important;
	 }
	 
	 
	 .input-group-m > .form-group > p.help-block-error{
	     float:left;
	 }
	 
	 .no-border-m{
	    border:none;
	 }
	
 }
 
 .border-w-1{
    border-width:1px;
 }
 
 
 .icon-xs{

    /* width: auto; */
    /* font-size: 15px; */
    /* border-radius: 8px; */
    /* padding-bottom: 7px; */
    /* padding-top: 8px; */
    /* line-height: 1.45; */
    width: auto !important;
    height:auto !important;
    padding:0px !important;
    font-size:12px !important;
    padding: 2px 8px !important;
 }
 
 .input-pagination>li, .custom-pagination>li {
    display: inline;
}
 

 
 .custom-pagination>li:first-child>a, .custom-pagination>li:first-child>span,
 .input-pagination>li:first-child>a, .input-pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}


.input-pagination>li>a:hover, .custom-pagination>li>a:hover {
    color: #1c6ca2;
    background-color: #eaeff2;
    border-color: #c1d1d7;
    z-index: 1;
}

.input-pagination>li>a:focus, .input-pagination>li>a:hover, .input-pagination>li>span:focus, .input-pagination>li>span:hover,
.custom-pagination>li>a:focus, .custom-pagination>li>a:hover, .custom-pagination>li>span:focus, .custom-pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.input-pagination>li:first-child>a, .input-pagination>li:first-child>span,
.custom-pagination>li:first-child>a, .custom-pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.input-pagination>li:last-child>a, .input-pagination>li:last-child>span,
.custom-pagination>li:last-child>a, .custom-pagination>li:last-child>span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
.input-pagination>li.active>a, .input-pagination>li.active>a:focus, .input-pagination>li.active>a:hover,
 .custom-pagination>li.active>a, .custom-pagination>li.active>a:focus, .custom-pagination>li.active>a:hover {
    background-color: #6faed9;
    border-color: #6faed9;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    z-index: 2;
}

.input-pagination>.active>a, .input-pagination>.active>a:focus, .input-pagination>.active>a:hover, .input-pagination>.active>span, .input-pagination>.active>span:focus, .input-pagination>.active>span:hover,
.custom-pagination>.active>a, .custom-pagination>.active>a:focus, .custom-pagination>.active>a:hover, .custom-pagination>.active>span, .custom-pagination>.active>span:focus, .custom-pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}

.input-pagination>li>a,
.custom-pagination>li>a {
    border-width: 1px;
    border-color: #d4dfe3;
    color: #2283c5;
    background-color: #fafafa;
    margin: 0 -1px 0 0;
    position: relative;
    z-index: auto;
}

.input-pagination>li>a,
.custom-pagination>li>a {
    border-radius: 0!important;
}
.input-pagination>li>a, .input-pagination>li>span,
.custom-pagination>li>a, .custom-pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}


.input-pagination>li>a,
.custom-pagination>li>a {
    border-width: 1px;
    border-color: #d4dfe3;
    color: #2283c5;
    background-color: #fafafa;
    margin: 0 -1px 0 0;
    position: relative;
    z-index: auto;
}

.input-pagination>li>a:hover,
.custom-pagination>li>a:hover {
    color: #1c6ca2;
    background-color: #eaeff2;
    border-color: #c1d1d7;
    z-index: 1;
}
.input-pagination>li>a:focus, .input-pagination>li>a:hover, .input-pagination>li>span:focus, .input-pagination>li>span:hover,
.custom-pagination>li>a:focus, .custom-pagination>li>a:hover, .custom-pagination>li>span:focus, .custom-pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}


.input-pagination>li.active>a, .input-pagination>li.active>a:focus, .input-pagination>li.active>a:hover,
.custom-pagination>li.active>a, .custom-pagination>li.active>a:focus, .custom-pagination>li.active>a:hover {
    background-color: #6faed9;
    border-color: #6faed9;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    z-index: 2;
}
.input-pagination>.active>a, .input-pagination>.active>a:focus, .input-pagination>.active>a:hover, .input-pagination>.active>span, .input-pagination>.active>span:focus, .input-pagination>.active>span:hover,
.custom-pagination>.active>a, .custom-pagination>.active>a:focus, .custom-pagination>.active>a:hover, .custom-pagination>.active>span, .custom-pagination>.active>span:focus, .custom-pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    cursor: default;
}


.bg-grey{
	background-color:grey;
}

.bg-grey-1{
	background-color:lightgrey;
}

.bg-grey-2{
	background-color:darkgrey;
}

th{
	text-align:center;
}


.border-white{
	border-color: white !important;
}

.font-10{
	font-size:10px;
}

.pointer{
	cursor:pointer;
}

.top-right{
	position:absolute;
	top:2px;
	right:2px;
}

.top-left{
	position:absolute;
	top:2px;
	left:2px;
}


.font-big{
	font-size:1.2em;
}

.font-bigger{
	font-size:1.5em;
}

.radio-lg{
	width: 18px;
    height: 18px;
}

.checkbox-lg{
	width: 18px;
    height: 18px;
}

.margin-2{
	margin:2px;
}

.cursor-default{
	cursor:default;
}

.w-32{
	width:32%;
}


.footer{
	/*
	display:block;
	width:100%;
	clear:both; */
}

.bg-green-dark{
	background-color:#527144;
	background:#527144;
}

.bg-red-light{
	background-color:#e86363;
	background:#e86363;
}

.bg-yellow{
	background:yellow;
	color:black;
}


.border{
	padding: 4px;
    line-height: 1.42857143;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.requisition-status-dd > option{
	font-size:18px;
}



select:focus{
	background-color:#ddd;
}

.input-focused{
	border:2px solid lightgrey;
}

input.input-focused:focus{
	border:2px solid green;
}

.invisible-e{
	height:100px;
	width:400px;
	background:lightgrey;
	opacity:0.1;
	position:absolute;
	top:-10px;
	left:0px;
	cursor:none;
	
}


.border-2{
	border:2px solid darkgrey;
}



/**************qrcode animation ***************/


/*
.qrcodescangif {
  width: 94px;
  height: 77px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  backface-visibility: hidden;
} */

.qrcodescangif {
    width: 100px;
    height: 89px;
    position: absolute;
    /* left: 35%; */
    /* top: 77%; */
    transform: translate(-20%, 2%);
}


.qrcodescangif span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 24px;
  /*background-color: rgba(45, 183, 183, 0.54); */
  background-color:rgba(109, 109, 109, 0.54);
  z-index: 1;
  transform: translateY(135%);
  animation: move 0.7s cubic-bezier(0.15, 0.44, 0.76, 0.64);
  animation-iteration-count: infinite;
}
.qrcodescangif > div {
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 48%;
  backface-visibility: hidden;
}
.qrcodescangif i {
  display: block;
  height: 1px;
  background: #000;
  margin: 0 auto 2px;
  margin: 0 auto 2.2px;
  backface-visibility: hidden;
}
.qrcodescangif i:nth-child(2) {
  width: 75%;
}
.qrcodescangif i:nth-child(3) {
  width: 81%;
}
.qrcodescangif i:nth-child(4) {
  width: 87%;
}
.qrcodescangif i:nth-child(6) {
  width: 71%;
}
.qrcodescangif i:nth-child(7) {
  width: 81%;
}
.qrcodescangif i:nth-child(8) {
  width: 65%;
}
.qrcodescangif i:nth-child(9) {
  width: 83%;
}
.qrcodescangif i:nth-child(10) {
  width: 75%;
}
.qrcodescangif i:nth-child(12) {
  width: 86%;
}
.qrcodescangif i:nth-child(14) {
  width: 65%;
}
.qrcodescangif i:nth-child(16) {
  width: 75%;
}
.qrcodescangif i:nth-child(18) {
  width: 83%;
}
.qrcodescangif:before,
.qrcodescangif:after,
.qrcodescangif em:after,
.qrcodescangif em:before {
  border-color: #000;
  content: "";
  position: absolute;
  width: 19px;
  height: 16px;
  border-style: solid;
  border-width: 0px;
}
.qrcodescangif:before {
  left: 0;
  top: 0;
  border-left-width: 1px;
  border-top-width: 1px;
}
.qrcodescangif:after {
  right: 0;
  top: 0;
  border-right-width: 1px;
  border-top-width: 1px;
}
.qrcodescangif em:before {
  left: 0;
  bottom: 0;
  border-left-width: 1px;
  border-bottom-width: 1px;
}
.qrcodescangif em:after {
  right: 0;
  bottom: 0;
  border-right-width: 1px;
  border-bottom-width: 1px;
}
@keyframes move {
  0%,
  100% {
    transform: translateY(135%);
  }
  50% {
    transform: translateY(0%);
  }
  75% {
    transform: translateY(272%);
  }
}



/***************************/

.not-hidden{
	width:1px;height:1px;position:fixed;top:-100px;right:0px;
}

.overlay-layer{
	width:100%;min-height:100%;position:absolute;top:0px;left:0px;z-index:999;background:grey;opacity:0.2;
}

.overlay-layer-text{
	line-height:11;font-size:40px;color:white;text-align:center;font-weight:bold;
}

#floating-flash-message{
	position:fixed;bottom:0px;right:0px;font-size:20px;z-index:9;width:100%;text-align:center;
}


 .bg-grey-3{
    background-color:lightgrey !important;
    background:lightgrey;
  }

 .bg-grey-1{
     background-color:grey !important;
    background:grey;
 }
 
 .bg-grey-0{
    background-color:#5a5555;
    background:#5a5555;
 }
 
 .bg-grey-dark{
    background-color:#5a5555;
    background:#5a5555;
 }
 
 .box-shadow-2{
    box-shadow:2px 2px 10px grey;
 }
 

 
 .widget-box{
   padding:1px;
 }
 
 .no-border{
       border:none !important;
 }
 
 .show-on-print{
   display:none;
 }
 .grey{
    color:grey;
 }
 
 .icon-item{
    width:170px;
    display:inline-block;
    margin-left:5px;
    float:left;
    text-align:center;
 }
 
 .line-height-1{
    line-height:1;
 }
 .line-height-2{
    line-height:2;
 }
 
 .line-height-3{
    line-height:3;
 }
 
 .widget-title{
    font-weight:bold;
 }
 
@media screen and (max-width: 570px) {
     .center-m{
        text-align:center;
     }
     
     .icon-item{
        width: 137px;
        margin-top:5px;
        float:none;
     }
     
     .nav-tabs>li>a {
	    padding: 7px 2px 8px;
	 }
	 
	 .widget-title{font-size:20px;}
	 
	 .hide-on-mobile{display:none !important}
	 
	 .widget-toolbar a, .widget-toolbar span{    font-size: 10px !important;
    font-weight: bold;}
 }
 
 .circle-icon{
    border: 1px solid lightgrey;
    border-radius: 50%;
    height: 140px !important;
    width: 140px !important;
    box-shadow: 2px 2px 10px #438eb9;
    transition:1s;
    display:inline-block;
    text-align:center;
    
 }
 
 
 
 .circle-img{
    border: 1px solid lightgrey;
    border-radius: 50%;
    padding:8px;
    height:60px;
    width:60px;
    box-shadow: 2px 2px 10px #438eb9;
    display:block;
    margin:0 auto;
    text-align:center;
 }
 
 .icon-as-img-bg{
    border: 1px solid lightgrey;
    border-radius: 50%;
    padding:8px;
    height:60px;
    width:60px;
    box-shadow: 2px 2px 10px #438eb9;
    display:block;
    margin:0 auto;
    text-align:center;
    background-repeat: no-repeat;
    background-size: 70% 70%;
    background-position:center center;
 }
 
 .icon-label{
    display:block;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-shadow: 2px 2px 10px skyblue;
        margin-top: 6px;
 }
 
 .zoom-1{
    transition:2s;
 }
 
 .zoom-1:hover{
    transform:scale(1.1);
 }
 
 .zoom-2{
    transition:2s;
 }
 
 .zoom-2:hover{
    transform:scale(1.2);
 }

 
 .circle-icon:hover{
    transform:scale(1.1);
     text-decoration: none !important;
 }
 
 
 
 .circle-icon img{
         height: 50px;
    display: block;
    margin: 30px auto auto;
 }
 
 .circle-icon i{
    font-size: 50px !important;
    display: block;
    margin: 30px auto auto;
 }
 
 .circle-icon span{
     display: block;
    text-align: center;
    font-family: Tahoma, Geneva, sans-serif;
    font-weight: 600;
    font-size: 11px;
    text-shadow:2px 2px 10px skyblue;
    text-align:center;
 }
 
 
 
   .circle-icon span:hover{
    text-decoration: none !important;
  }
 
 
 .border-not-print{
    border:1px solid lightgrey;
    padding:2px;
 }
 
    div.tablePage {
        page-break-inside:avoid; page-break-after:always;            
    }
    

.font-10-bold{
	font-size:10px !important;
	font-weight:bold;
}

.font-11-bold{
	font-size:11px !important;
	font-weight:bold;
}
    

.object-contain{object-fit:contain}
.object-cover{object-fit:cover;}
.height-auto{height:auto;}
.width-auto{width:auto;}

       
 .shadow-2-i{
    box-shadow:2px 2px 10px grey !important;
 }
 
 
 
.widget-body .wysiwyg-editor {
    border-width: 1px !important;
} 



.nav-user-photo{	
	width: 40px;
    height: 40px;
    object-fit: cover;
}

.f-20-i{	
	font-size:20px !important;
}

.breadcrumb li ,.breadcrumb li a {font-weight:bold;font-size: 14px;}


@media screen and (max-width: 450px) {
	.no-margin-m{
		margin:0px;
	}    
}

    
 

@media print {
	
	.border-not-print{
	   border:none;
	   padding:none;
	}
   th.report_title, th.bg-blue, .report_title, .bg-blue{
      background:#1b6aaa !important;
      background-color: #1b6aaa !important;
   }

   th.white, td.white , .white{color:white !important;} 
   
   .yellow{
      color:yellow !important;
   }
   
   th.bg-black, th.bg-black, .bg-black{
     background:black !important;
     background-color: black !important;
   }
   
   th.bg-grey-3, td.bg-grey-3, .bg-grey-3{
     background-color:lightgrey !important;
     background:lightgrey !important;
   }
   
    th.bg-grey-1, td.bg-grey-1, .bg-grey-1{
	     background-color:grey !important;
	    background:grey !important;
	 }
  	
    td.bg-grey-0, th.bg-grey-0,	.bg-grey-0{
	    background-color:#5a5555 !important;
	    background:#5a5555 !important;
	 }
	 
	 td.bg-grey-dark, th.bg-grey-dark, .bg-grey-dark{
	    background-color:#5a5555 !important;
	    background:#5a5555 !important;
	 }
	 
	.hide-on-print{
       display:none !important;
    } 
    
    .text-center{text-align:center;}
    .text-right{text-align:right;} 
    
     .page-content{
            position: fixed;
            width: 100%;
            z-index: 999999999;
            top: 0px;
            left: 0px;
    } 
	
	h1{text-align:center;font-weight: 800 !important;}
	
	.footer{display:none;}
    
    #navbar{display:none;}
  
    
    span.label-info, span.label-info strong{background:#1b6aaa !important; color:white !important;}
    
    .text-center-print{text-align:center !important}
    
    .no-border-print{
       border:none !important;
    }
    .no-border{
       border:none !important;
    }
    .box-shadow-2{
	    box-shadow:2px 2px 10px grey !important;
	 }
	 /*
	 .widget-box{
	    border: 2px solid #616161; 
	    padding:1px !important;
	 }
	 
	 div.widget-header{
	    display:none !important;
	 }*/
	 
	 div.widget-toolbar{
	   display:none !important;
	 }
	 
	 .show-on-print{
	    display:block !important;
	 }
	 
	 .show-on-print-cell{
	    display:table-cell !important;
	 }
	 
	  .grey{
	    color:grey !important;
	 }
	 
	 #breadcrumbs{
	    display:none !important;
	 }
	 
	 #sidebar2{
	    display:none !important;
	 }
}


@page { 
        /* size: A4 portrait;  auto is the initial value */  
       size: A4 portrait;                 
       /* this affects the margin in the printer settings */ 
       margin: 15mm 5mm 5mm 15mm;             
}  




.main-icons{
	box-shadow: 2px 2px 10px #438EB9;
}

.main-icons:hover{
	font-weight:bold;
	color:#438EB9;
}

.main-icons a:hover {
	text-decoration:none;
	font-weight:bold;
}


.underline{
  text-decoration:underline;
}

/*
.main-icons{
	
	height:auto;
}
 */
 


/***********css flip animation start*******/

.flip-animate{
   -webkit-animation-name: spinner; 
  -webkit-animation-timing-function: linear; 
  -webkit-animation-iteration-count: infinite; 
  -webkit-animation-duration: 2s; 
  animation-name: spinner; 
  animation-timing-function: linear; 
  animation-iteration-count: infinite; 
  animation-duration: 2s; 
  -webkit-transform-style: preserve-3d; 
  -moz-transform-style: preserve-3d; 
  -ms-transform-style: preserve-3d; 
  transform-style: preserve-3d;
}


/* WebKit and Opera browsers */ 
@-webkit-keyframes spinner { 
  from 
  { 
    -webkit-transform: rotateY(0deg); 
  } 
  to { 
    -webkit-transform: rotateY(-360deg); 
  } 
} 
/* all other browsers */ 
@keyframes spinner { 
   from { 
    -moz-transform: rotateY(0deg); 
    -ms-transform: rotateY(0deg); 
    transform: rotateY(0deg); 
   } 
   to 
   { 
    -moz-transform: rotateY(-360deg); 
    -ms-transform: rotateY(-360deg); 
    transform: rotateY(-360deg); 

   } 
}

/**********css flip animation ends********/
 

@media (max-width:570px){
	
	.navbar .navbar-toggle {
	    position: absolute;
	    top: 2px;
	    left: 2px;
	}
	
	.widget-main{
       overflow-x:auto;
    }
    
    .page-content {
	    padding: 5px 5px 5px;
	}
	
	.widget-toolbar {
	    padding: 0 2px;
	}
	
	.menu-toggler{
    	background-color: #d0edfd !important;
	}
	
	.navbar .navbar-toggle {
	    width: 90px !important;
	    font-size: 16px !important;
	    font-weight: bold !important;
	    height: 53px !important;	
	    border: 3px solid #4fbde7;
        color:#2f77a1 !important;   
	}
}


.alert-scan{
	padding:7px 15px;
}



/***********************************/

.stepitem{
    border:1px solid grey;
    padding:10px 5px;
   /* border-radius: 8px;*/
    box-shadow: 2px 2px 10px grey;
}
.text-danger {
    color: #f31713;
}


 
.fs-12{
	
	font-size:12px;
}

.fs-14{
	
	font-size:14px;
}

.country-code-dropdown option[value="92"]
{
   color:green;
   font-weight:900;
} 

@media (max-width:570px){
	.fs-12-m{
	   font-size:12px;
	}
	
	.fs-14-m{
	   font-size:14px;
	}
}

.sold-out-btn{
    font-weight: bold;
    color: red;
    transform: rotate(-5deg);
    border: 2px solid red;
       padding: 2px 6px;
    display: block;
    width: 69px;
}

.animate-fade {
	opacity:1;
    animation: fadeanimation 2s infinite ;
}

.plus-btn{
    border-radius: 0;
    text-shadow: none;
    font-size: 11px;
     line-height: 1 !important;
    height: auto !important;
    padding: 1px 0px 0px 2px !important;
}


.pxs{
	padding:1px 2px;
}


.count-bubble{
	position:absolute;
	top:0px;
	right:0px;
	z-index:22;
	width:auto !important;
}



#header-fixed-container{
    position: absolute;
    top: 0px; 
    display:none;
}

/*
.sticky thead{
  position: sticky;
  position: -webkit-sticky;

  top: 0px;

  display: flex;
  /*
  justify-content: center;
  align-items: center;
}*/

div.widget-main > table{
	background:white;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border-top: 4px solid #4c8fbd;
    border-right: 4px solid #4c8fbd;
    border-left: 4px solid #4c7fbd;
    font-weight: bolder;
    color: #1c555f;
}

.hover-border-red:hover{
	border:2px solid red !important;
}

.hover-border-green:hover{
	border:2px solid green !important;
}

.hover-border-blue:hover{
	border:2px solid #316783 !important;
}

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


@keyframes fadeanimation {
  0%,100% { opacity: 0 }
  50% { opacity: 1 }
}

@media (max-width:570px){
 .text-left-m{text-align:left !important;}
 .pull-none-i{float:none !important;}
}
.w-100-pi{width:100px !important;}
.w-150-pi{width:150px !important;}
.w-200-pi{width:200px !important;}
.picture-cover{width:80px;height:80px;object-fit:cover;object-position:top;}
.img-cover-top{width:100px;height:100px;object-fit:cover;object-position:top;}
.img-contain{width:100px;height:100px;object-fit:contain;}
.control-label,.form-group > .control-label {font-weight:bold;}
.p0{padding:0px;}
.p0-i{padding:0px !important;}
.p0-l{padding-left:0px;}
.p0-r{padding-right:0px;}
.mr-1{margin-right:1px;}
.ml-1{margin-left:1px;}
.mt-1{margin-top:1px;}
.mt-5{margin-top:5px;}
.mb-1{margin-bottom:1px}
.widget-color-darkred .widget-header {background: #e03838; border-color: #e03838;}
@media (min-width:570px){
  .p0-md{padding:0px;}	
  .p0-l-md{padding-left:0px;}
  .p0-r-md{padding-right:0px;}
}

@media (min-width:570px){    
   .navbar{max-height:100px }
   #search_nav{padding-left:5px !important;}
}

@media (max-width:570px){  
   .p0-xs{padding:0px}
   #search_nav{padding-left:10px !important;}
   #menu-toggler{position:fixed;top:5px;left:5px;z-index:999;}
   .footer .footer-inner .footer-content {font-size: 10px !important;}
   .page-header h1 {font-size: 15px;font-weight: bold;}
}


.itemdiv>.user>.img, .itemdiv>.user>img {
    width:40px;
    height: 40px;
    object-fit: cover;
    object-position: top;
}   

/* http://waitanimate.wstone.io/#!/ */
.shake {
  animation: shake-animation 2s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes shake-animation {
   0% { transform:translate(0,0) }
  1.78571% { transform:translate(5px,0) }
  3.57143% { transform:translate(0,0) }
  5.35714% { transform:translate(5px,0) }
  7.14286% { transform:translate(0,0) }
  8.92857% { transform:translate(5px,0) }
  10.71429% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

.xss-dark-yellow-verdana{ 	
   padding:1px 2px;
   background:black;
   color:yellow;   
   font-family:verdana;
   border:none;
   letter-spacing: 1px;
}
.xss-dark-yellow-verdana-i{ 	
   padding:1px 2px !important;
   background:black !important;
   color:yellow !important;
   font-family:verdana !important; 
   border:none;
   letter-spacing: 1px;
}

.xss-dark-yellow-verdana-i:hover{
   color:white !important;
}


@keyframes glowingred { 
  0% {box-shadow: 0 0 5px rgba(255, 35, 0, 0.3);}
  50% {box-shadow: 0 0 20px rgba(255, 35, 0, 0.9), 0 0 30px rgba(255, 35, 0, 0.9);}
  100% {box-shadow: 0 0 5px rgba(255, 35, 0, 0.3);}
}

@keyframes glowinggreen {
  0% {box-shadow: 0 0 5px rgba(4, 171, 1, 0.3);}  
  50% {box-shadow: 0 0 20px rgba(4, 171, 1, 0.9), 0 0 30px rgba(4, 171, 1, 0.9);}
  100% {box-shadow: 0 0 5px rgba(4, 171, 1, 0.3);}
}
.glow-red { animation: glowingred 1s infinite;}
.glow-green { animation: glowinggreen 1s infinite;}


::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  /*background-color: green;*/
}

::-webkit-scrollbar-thumb {
  background-color: #438eb9;
}

::-webkit-scrollbar-thumb:hover {
  background-color: green;
}


.itemdiv>.body>.name>a {
   font-weight:bold !important;
   color:#337ab7;
   text-decoration: underline !important;	
}

.countdown-timer{
	display:none;
}

.countdown-counter {
  display: inline-block;
  margin: 0 10px;
  text-align: center;
}

.countdown-value {
  font-size: 2em;
  font-weight: bold;
  line-height: 1.1;
}

.countdown-label {
  font-size: 0.8em;
  line-height: 1.1;
  display:block;
}

.form-group{
   position:relative;
}

.select2-container{
   width:100% !important;
   max-width: 240px !important;
}

.select2-selection__clear{
   z-index:2;
   right: -13px !important;
   top: -9px !important;
   font-size: 20px !important;
}

/*
.form-group > .control-label::after {
	content:':';
}*/