/* CSS Document */
/* Logo and Some other Important // Chanchal Kumar - 22/11/2016  */
html { zoom:85%; }
body { height: 100%; overflow: auto; }
.logo{ background:url(../../image/logo.png) no-repeat top center; width:145px!important; height:50px!important; padding:0px!important; margin:5px!important; }

.navbar-custom   { background-color: #64c786!important; } 
.navbar-collapse { max-height:none; }

.page-header  { margin:10px 0 10px!important;}
#page-wrapper { min-height: 103vh !important; max-height: 103vh; overflow: auto; padding: 0 15px; } 
.sidebar 	  { min-height: 103vh !important; max-height: 103vh; overflow: auto; margin-top: 60px; }

/* Bootstarp eModel Css  */
.modal-open .modal { padding-top: 45px!important;}


/* Error Class Css   */
.mandatry 	  { color:red; font-weight: bold; margin-left:2px; }
.error 	 	  { color:red !important; }
.erroe_border { border-color:red !important; }
.field-error  { border-color:#f5b6b6!important; background-color:#ffd9d9!important; }

/* Radio and Checkbox Css  */
input[type=checkbox],input[type=radio]{margin: 0; width:20px ; height:19px;}

/* Auto Suggestion List  */ 
.auto_container ul { position: absolute; z-index: 9; background: #eaeaea; list-style: none;  margin-left:-15px; }
.auto_container ul li { margin-right: -15px; margin-left: -15px; padding-left:10px;  }
.auto_container ul li:hover { background: #dea90e !important;  }
.ulselected { background: #5F9EA0 !important; } 

/* Scrollbar */
::-webkit-scrollbar 	  { width: 10px; }
::-webkit-scrollbar-track {  background: #f1f1f1; border-radius: 10px; }
::-webkit-scrollbar-thumb {  background: #888; 	border-radius: 10px; }
::-webkit-scrollbar-thumb:hover {  background: #555;   }


/* Color Picker Disable */
.colorpick-eyedropper-input-trigger { display: none; }

.mr10 { margin-right:10px; }
.mt10 { margin-top:10px; }


/* Top Header Css  15-02-2017 */
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts{ width:auto; }

.modal-body .nav-tabs>li.active>a 		{ background-color:#f2f2f2; }
.modal-body .nav-tabs>li.active>a:hover { background-color:#f2f2f2; }
.modal-body .nav-tabs>li.active>a:focus { background-color:#f2f2f2; }

.modal-body .tab-content { border: 1px solid #cccccc; }

/* Blinker Code - // Chanchal Kumar - 15-02-2017  */
@-webkit-keyframes blinker {  from {opacity: 1.0;} to {opacity: 0.0;} }
.blink
{
	text-decoration: blink; -webkit-animation-name: blinker;  -webkit-animation-duration: 0.6s; -webkit-animation-iteration-count:infinite;
	 -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate;
}

/* ------- Table ScrollBar ------Chanchal - 23/03/2017 */
.track3 { width: 7px;  background: #d9d9d9;  border-radius: 10px; }
.handle3 {  width: 7px;  background: #999; border-radius: 7px; }
/* ----------------------- End ------------------*/




/* Button Color */
.btn-primary { color: #fff!important; background-color: #64c786!important; border-color: #64c786!important; }
.btn-success { color: #fff!important; background-color: #64c786!important; border-color: #64c786!important; } 
.btn-warning { color: #fff!important; background-color: #64c786!important; border-color: #64c786!important; } 
.btn-danger  { color: #fff!important; background-color: #64c786!important; border-color: #64c786!important; } 
.btn-info    { color: #fff!important; background-color: #64c786!important; border-color: #64c786!important; }
.btn-default { color: #fff!important; background-color: #64c786!important; border-color: #64c786!important; }


label a { text-decoration: underline!important; } 
.table thead{ background-color: #4CAF50!important; color:#fff!important;}
.table-striped>tbody>tr:nth-of-type(odd){ background-color: #EAF2F2!important; }

.ticketImage { width: 30rem;  height: 30rem; }
.mce-tinymce iframe{ height: 23rem !important;}

table.dataTable thead .sorting{ background:none !important; }


/* Table Responsive */
@media screen and (max-width: 767px)
{
	.sidebar { margin-top: 75px!important;}
	
	 div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate { text-align: left!important; }
	.modal-dialog {  width: 90%!important; }
	.smallDevice { margin:10px auto; }
}

@media (min-width: 1525px) and (max-width: 1624px)
{
}
@media (min-width: 1425px) and (max-width: 1524px) 
{
	#page-wrapper { min-height: 87vh !important; max-height: 87vh; overflow: auto; padding: 0 15px; } 
	.sidebar 	  { min-height: 87vh !important; max-height: 87vh; overflow: auto; margin-top: 60px; }
}
@media (min-width: 1325px) and (max-width: 1424px) 
{
	
	
}
@media (min-width: 1225px) and (max-width: 1324px) 
{
	
}
@media (min-width: 1125px) and (max-width: 1224px) 
{
	
}
@media (min-width: 1025px) and (max-width: 1124px) 
{
	
}