/*
 * Generate Margin Class
 * margin, margin-top, margin-bottom, margin-left, margin-right
 */
.m-0 {
  margin: 0px !important;
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-r-0 {
  margin-right: 0px !important;
}
.m-2 {
  margin: 2px !important;
}
.m-t-2 {
  margin-top: 2px !important;
}
.m-b-2 {
  margin-bottom: 2px !important;
}
.m-l-2 {
  margin-left: 2px !important;
}
.m-r-2 {
  margin-right: 2px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-l-5 {
  margin-left: 5px !important;
}
.m-r-5 {
  margin-right: 5px !important;
}

.m-8 {
  margin: 8px !important;
}
.m-t-8 {
  margin-top: 8px !important;
}
.m-b-8 {
  margin-bottom: 8px !important;
}
.m-l-8 {
  margin-left: 8px !important;
}
.m-r-8 {
  margin-right: 8px !important;
}

.m-10 {
  margin: 10px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.m-r-10 {
  margin-right: 10px !important;
}
.m-15 {
  margin: 15px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-b-15 {
  margin-bottom: 15px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.m-r-15 {
  margin-right: 15px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.m-r-20 {
  margin-right: 20px !important;
}
.m-25 {
  margin: 25px !important;
}
.m-t-25 {
  margin-top: 25px !important;
}
.m-b-25 {
  margin-bottom: 25px !important;
}
.m-l-25 {
  margin-left: 25px !important;
}
.m-r-25 {
  margin-right: 25px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.m-r-30 {
  margin-right: 30px !important;
}
.m-40 {
  margin: 40px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.m-r-40 {
  margin-right: 40px !important;
}
.m-50 {
  margin: 50px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-b-50 {
  margin-bottom: 50px !important;
}
.m-l-50 {
  margin-left: 50px !important;
}
.m-r-50 {
  margin-right: 50px !important;
}
.m-t-60 {
  margin-top: 60px !important;
}
.m-b-60 {
  margin-bottom: 60px !important;
}
.m-l-60 {
  margin-left: 60px !important;
}
.m-r-60 {
  margin-right: 60px !important;
}
.m-t-70 {
  margin-top: 70px !important;
}
.m-b-70 {
  margin-bottom: 70px !important;
}
.m-l-70 {
  margin-left: 70px !important;
}
.m-r-70 {
  margin-right: 70px !important;
}
.m-t-80 {
  margin-top: 80px !important;
}
.m-b-80 {
  margin-bottom: 80px !important;
}
.m-l-80 {
  margin-left: 80px !important;
}
.m-r-80 {
  margin-right: 80px !important;
}
.m-t-90 {
  margin-top: 90px !important;
}
.m-b-90 {
  margin-bottom: 90px !important;
}
.m-l-90 {
  margin-left: 90px !important;
}
.m-r-90 {
  margin-right: 90px !important;
}
.m-t-100 {
  margin-top: 100px !important;
}
.m-b-100 {
  margin-bottom: 100px !important;
}
.m-l-100 {
  margin-left: 100px !important;
}
.m-r-100 {
  margin-right: 100px !important;
}

/*
 * Generate Padding Class
 * padding, padding-top, padding-bottom, padding-left, padding-right
 */
 
.p-0 {
  padding: 0px !important;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-l-0 {
  padding-left: 0px !important;
}
.p-r-0 {
  padding-right: 0px !important;
}

.p-1 {
  padding: 1px !important;
}
.p-t-1 {
  padding-top: 1px !important;
}
.p-b-1 {
  padding-bottom: 1px !important;
}
.p-l-1 {
  padding-left: 1px !important;
}
.p-r-1 {
  padding-right: 1px !important;
}

 
.p-2 {
  padding: 2px !important;
}
.p-t-2 {
  padding-top: 2px !important;
}
.p-b-2 {
  padding-bottom: 2px !important;
}
.p-l-2 {
  padding-left: 2px !important;
}
.p-r-2 {
  padding-right: 2px !important;
}
  
 
.p-5 {
  padding: 5px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}
.p-b-5 {
  padding-bottom: 5px !important;
}
.p-l-5 {
  padding-left: 5px !important;
}
.p-r-5 {
  padding-right: 5px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-l-10 {
  padding-left: 10px !important;
}
.p-r-10 {
  padding-right: 10px !important;
}
.p-15 {
  padding: 15px !important;
}
.p-t-15 {
  padding-top: 15px !important;
}
.p-b-15 {
  padding-bottom: 15px !important;
}
.p-l-15 {
  padding-left: 15px !important;
}
.p-r-15 {
  padding-right: 15px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.p-l-20 {
  padding-left: 20px !important;
}
.p-r-20 {
  padding-right: 20px !important;
}
.p-25 {
  padding: 25px !important;
}
.p-t-25 {
  padding-top: 25px !important;
}
.p-b-25 {
  padding-bottom: 25px !important;
}
.p-l-25 {
  padding-left: 25px !important;
}
.p-r-25 {
  padding-right: 25px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.p-l-30 {
  padding-left: 30px !important;
}
.p-r-30 {
  padding-right: 30px !important;
}

.p-40 {
  padding: 40px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.p-l-40 {
  padding-left: 40px !important;
}
.p-r-40 {
  padding-right: 40px !important;
}
.p-50 {
  padding: 50px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.p-l-50 {
  padding-left: 50px !important;
}
.p-r-50 {
  padding-right: 50px !important;
}
.p-l-60 {
  padding-left: 60px !important;
}
.p-r-60 {
  padding-right: 60px !important;
}

/*
 * Font Weight
 */
.f-300 {
  font-weight: 300 !important;
}
.f-400 {
  font-weight: 400 !important;
}
.f-500 {
  font-weight: 500 !important;
}
.f-700 {
  font-weight: 700 !important;
}
.f-900 {
  font-weight: 900 !important;
}
.f-bold {
  font-weight: bold !important;
}
.f-normal {
  font-weight: normal !important;
}
/*
 * Position Classes
 */
.p-relative {
  position: relative !important;
}
.p-absolute {
  position: absolute !important;
}
.p-fixed {
  position: fixed !important;
}
.p-static {
  position: static !important;
}
/*
 * Overflow
 */
.o-hidden {
  overflow: hidden !important;
}
.o-visible {
  overflow: visible !important;
}
.o-auto {
  overflow: auto !important;
}
/*
 * Display
 */
.d-block {
  display: block !important;
}
.di-block {
  display: inline-block !important;
}
/* 
 * Material Background Colors
 */
.bgm-white {
  background-color: #ffffff !important;
}
.c-white {
  color: #ffffff !important;
}
.bc-white {
  border-color: #ffffff !important;
}
.bgm-black {
  background-color: #000000 !important;
}
.c-black {
  color: #000000 !important;
}
.bc-black {
  border-color: #000000 !important;
}
.bgm-brown {
  background-color: #795548 !important;
}
.c-brown {
  color: #795548 !important;
}
.bc-brown {
  border-color: #795548 !important;
}
.bgm-pink {
  background-color: #e91e63 !important;
}
.c-pink {
  color: #e91e63 !important;
}
.bc-pink {
  border-color: #e91e63 !important;
}
.bgm-red {
  background-color: #f44336 !important;
}
.c-red {
  color: #f44336 !important;
}
.bc-red {
  border-color: #f44336 !important;
}
.bgm-blue {
  background-color: #2196f3 !important;
}
.c-blue {
  color: #2196f3 !important;
}
.bc-blue {
  border-color: #2196f3 !important;
}
.bgm-purple {
  background-color: #9c27b0 !important;
}
.c-purple {
  color: #9c27b0 !important;
}
.bc-purple {
  border-color: #9c27b0 !important;
}
.bgm-deeppurple {
  background-color: #673ab7 !important;
}
.c-deeppurple {
  color: #673ab7 !important;
}
.bc-deeppurple {
  border-color: #673ab7 !important;
}
.bgm-lightblue {
  background-color: #03a9f4 !important;
}
.c-lightblue {
  color: #03a9f4 !important;
}
.bc-lightblue {
  border-color: #03a9f4 !important;
}
.bgm-cyan {
  background-color: #00bcd4 !important;
}
.c-cyan {
  color: #00bcd4 !important;
}
.bc-cyan {
  border-color: #00bcd4 !important;
}
.bgm-teal {
  background-color: #009688 !important;
}
.c-teal {
  color: #009688 !important;
}
.bc-teal {
  border-color: #009688 !important;
}
.bgm-green {
  background-color: #4caf50 !important;
}
.c-green {
  color: #4caf50 !important;
}
.bc-green {
  border-color: #4caf50 !important;
}
.bgm-lightgreen {
  background-color: #8bc34a !important;
}
.c-lightgreen {
  color: #8bc34a !important;
}
.bc-lightgreen {
  border-color: #8bc34a !important;
}
.bgm-lime {
  background-color: #cddc39 !important;
}
.c-lime {
  color: #cddc39 !important;
}
.bc-lime {
  border-color: #cddc39 !important;
}
.bgm-yellow {
  background-color: #ffeb3b !important;
}
.c-yellow {
  color: #ffeb3b !important;
}
.bc-yellow {
  border-color: #ffeb3b !important;
}
.bgm-amber {
  background-color: #ffc107 !important;
}
.c-amber {
  color: #ffc107 !important;
}
.bc-amber {
  border-color: #ffc107 !important;
}
.bgm-orange {
  background-color: #ff9800 !important;
}
.c-orange {
  color: #ff9800 !important;
}
.bc-orange {
  border-color: #ff9800 !important;
}
.bgm-deeporange {
  background-color: #ff5722 !important;
}
.c-deeporange {
  color: #ff5722 !important;
}
.bc-deeporange {
  border-color: #ff5722 !important;
}
.bgm-gray {
  background-color: #9e9e9e !important;
}
.c-gray {
  color: #9e9e9e !important;
}
.bc-gray {
  border-color: #9e9e9e !important;
}
.bgm-bluegray {
  background-color: #607d8b !important;
}
.c-bluegray {
  color: #607d8b !important;
}
.bc-bluegray {
  border-color: #607d8b !important;
}
.bgm-indigo {
  background-color: #3f51b5 !important;
}
.c-indigo {
  color: #3f51b5 !important;
}
.bc-indigo {
  border-color: #3f51b5 !important;
}
.bg-none {
	background: url(none); 
}

.bgm-darkblue {
  background-color: #0d47a1 !important;
  background-color: #2559aa !important;  
  background-color: #3a69b2 !important;  
  
    
}
  


.bgm-dark {
  background-color: #222 !important;
}
.c-dark {
  color: #222 !important;
}
.bc-dark {
  border-color: #222 !important;
}
  

.bgm-red-50{
  background-color: #FFEBEE !important;
}
.bgm-red-100{
  background-color: #FFCDD2 !important;
}
.bgm-red-200{
  background-color: #EF9A9A !important;
}
.bgm-red-300{
  background-color: #E57373 !important;
}
.bgm-red-400{
  background-color: #EF5350 !important;
}
.bgm-red-500{
  background-color: #F44336 !important;
}
.bgm-red-600{
  background-color: #E53935 !important;
}
.bgm-red-700{
  background-color: #D32F2F !important;
}
.bgm-red-800{
  background-color: #C62828 !important;
}
.bgm-red-900{
  background-color: #B71C1C !important;
}
.bgm-red-A100{
  background-color: #FF8A80 !important;
}
.bgm-red-A200{
  background-color: #FF5252 !important;
}
.bgm-red-A400{
  background-color: #FF1744 !important;
}
.bgm-red-A700{
  background-color: #D50000 !important;
}

.bgm-green-50{
  background-color: #E8F5E9 !important;
}
.bgm-green-100{
  background-color: #C8E6C9 !important;
}
.bgm-green-200{
  background-color: #A5D6A7 !important;
}
.bgm-green-300{
  background-color: #81C784 !important;
}
.bgm-green-400{
  background-color: #66BB6A !important;
}
.bgm-green-500{
  background-color: #4CAF50 !important;
}
.bgm-green-600{
  background-color: #43A047 !important;
}
.bgm-green-700{
  background-color: #388E3C !important;
}
.bgm-green-800{
  background-color: #2E7D32 !important;
}
.bgm-green-900{
  background-color: #1B5E20 !important;
}
.bgm-green-A100{
  background-color: #B9F6CA !important;
}
.bgm-green-A200{
  background-color: #69F0AE !important;
}
.bgm-green-A400{
  background-color: #00E676 !important;
}
.bgm-green-A700{
  background-color: #00C853 !important;
}

.bgm-blue-50{
  background-color: #E3F2FD !important;
}
.bgm-blue-100{
  background-color: #BBDEFB !important;
}
.bgm-blue-200{
  background-color: #90CAF9 !important;
}
.bgm-blue-300{
  background-color: #64B5F6 !important;
}
.bgm-blue-400{
  background-color: #42A5F5 !important;
}
.bgm-blue-500{
  background-color: #2196F3 !important;
}
.bgm-blue-600{
  background-color: #1E88E5 !important;
}
.bgm-blue-700{
  background-color: #1976D2 !important;
}
.bgm-blue-800{
  background-color: #1565C0 !important;
}
.bgm-blue-900{
  background-color: #0D47A1 !important;
}
.bgm-blue-A100{
  background-color: #82B1FF !important;
}
.bgm-blue-A200{
  background-color: #448AFF !important;
}
.bgm-blue-A400{
  background-color: #2979FF !important;
}
.bgm-blue-A700{
  background-color: #2962FF !important;
}

.bgm-bluegray-50{
  background-color: #ECEFF1 !important;
}
.bgm-bluegray-100{
  background-color: #CFD8DC !important;
}
.bgm-bluegray-200{
  background-color: #B0BEC5 !important;
}
.bgm-bluegray-300{
  background-color: #90A4AE !important;
}
.bgm-bluegray-400{
  background-color: #78909C !important;
}
.bgm-bluegray-500{
  background-color: #607D8B !important;
}
.bgm-bluegray-600{
  background-color: #546E7A !important;
}
.bgm-bluegray-700{
  background-color: #455A64 !important;
}
.bgm-bluegray-800{
  background-color: #37474F !important;
}
.bgm-bluegray-900{
  background-color: #263238 !important;
}


.bgm-gray-50{
  background-color: #FAFAFA !important;
}
.bgm-gray-100{
  background-color: #F5F5F5 !important;
}
.bgm-gray-200{
  background-color: #EEEEEE !important;
}
.bgm-gray-300{
  background-color: #E0E0E0 !important;
}
.bgm-gray-400{
  background-color: #BDBDBD !important;
}
.bgm-gray-500{
  background-color: #9E9E9E !important;
}
.bgm-gray-600{
  background-color: #757575 !important;
}
.bgm-gray-700{
  background-color: #616161 !important;
}
.bgm-gray-800{
  background-color: #424242 !important;
}
.bgm-gray-900{
  background-color: #212121 !important;
}


.bgm-orange-50 {
  background-color: #FFF3E0 !important;
}
.bgm-orange-100 {
  background-color: #FFE0B2 !important;
}

.bgm-teal-50 {
  background-color: #E0F2F1 !important;
}
.bgm-teal-100 {
  background-color: #B2DFDB !important;
}




/*
 * Background Colors
 */
.bg-black-trp {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.bg-gray {
  background-color:#fafafa !important;
}

.bg-highlight {
  background-color:#eee !important;
}


.bg-lightgray
{
  background-color: #f5f5f5 !important;
}

.bg-lightblack
{
  background-color: #323232 !important;
}




.bg-gold
{
  background-color: #DEB82F !important;
}
.bg-silver
{
  background-color: #A8A8A8 !important;
}
.bg-bronze
{
  background-color: #BFB365 !important;
}
		

.bg-none {
 background: url(none); 
}
.bg-box-gray {
    border: #fff 1px solid;
    padding: 10px; 
    padding-top: 0px;
    background: url(../Image/bg-form-box.png) repeat-x 0px -100px; 
    background-color:#fff;
    border-top-left-radius: 0.5em;     
    border-top-right-radius: 0.5em;    
    border-bottom-left-radius: 0.5em;     
    border-bottom-right-radius: 0.5em;  
	                    font-family: Tahoma, sans-serif;    
                        font-family: Verdana, Arial, Helvetica, sans-serif;  
}
/*
 * Border
 */
.b-0 {
  border: 0 !important;
  box-shadow: none;
}
.b-t-0 {
  border-top: 0 !important;
  box-shadow: none;
}
.b-r-0 {
  border-right: 0 !important;
  box-shadow: none;
}
.b-b-0 {
  border-bottom: 0 !important;
  box-shadow: none;
}
.b-l-0 {
  border-left: 0 !important;
  box-shadow: none;
}

.b-1 {
  border: 1px solid transparent !important;
}
.b-2 {
  border: 2px solid transparent !important;
}
.b-red {
  border: 1px solid red;
}

.b-white {
  border: 1px solid white !important;
}
.b-l-white {
  border-left: 1px solid white !important;
}
.b-r-white {
  border-right: 1px solid white !important;
}
.b-t-white {
  border-top: 1px solid white !important;
}
.b-b-white {
  border-bottom: 1px solid white !important;
}

.b-gray {
  border: 1px solid #f5f5f5 !important;
}
.b-l-gray {
  border-left: 1px solid #f5f5f5 !important;
}
.b-r-gray {
  border-right: 1px solid #f5f5f5 !important;
}
.b-t-gray {
  border-top: 1px solid #f5f5f5 !important;
}
.b-b-gray {
  border-bottom: 1px solid #f5f5f5 !important;
}

.b-t-darkgray {
  border-top: 1px solid #c0c0c0 !important;
}

.bgm-lightindigo {
  background: #F9FBFE !important;
}



/*
 * width in percentage
 */
.wp-10 {
  width: 9.5% !important;
}
.wp-20 {
  width: 19.5% !important;
}
.wp-25 {
  width: 24.5% !important;
}
.wp-30 {
  width: 29.5% !important;
}
.wp-35 {
  width: 34.5% !important;
}
.wp-40 {
  width: 39.5% !important;
}
.wp-50 {
  width: 49.5% !important;
}
.wp-60 {
  width: 59.5% !important;
}
.wp-70 {
  width: 69.5% !important;
}
.wp-80 {
  width: 79.5% !important;
}
.wp-90 {
  width: 89.5% !important;
}
.wp-100 {
  width: 99.5% !important;
}

.hp-100 {
  height: 99.5% !important;
}

/*
 * Border Radius 
 */
.brd-2 {
  border-radius: 2px;
}
.brd-3 {
  border-radius: 0.3em !important;
}
.brd-5 {
  border-radius: 0.5em !important;
}
/*
 * Text Transform
 */
.t-uppercase {
  text-transform: uppercase;
}



/*
.user::before {content:"*"; color:blue; float:left; margin-right:0.5em;}
.user::after {content:attr(name); color:red; float:left; margin-right:0.5em;}
.required::before {content:"*"; color:red; float:left; margin-right:1px; font-size:11px; font-weight:bold; margin-left:-10px; padding-top:4px;}
*/

.required::before {content:"* "; color:red; font-size: 11px !important;}

.title
{  
  font-size: 13px !important;
  line-height: 1.42857143 !important;
  color: #5e5e5e !important;    
    }
    
.form-group .topic
{
    font-weight:bold;
    font-size:13px;
}     
    
.form-group .row .label
{
    
    
	font-size:11px;
	height:19px;
	padding-top:5px;
	vertical-align:middle;	
	
	font-family: Tahoma, sans-serif;    
	font-family: Verdana, Arial, Helvetica, sans-serif;                               	
	font-size:13px;
	color: #333;
	
  font-family: roboto;
	font-family: Tahoma, sans-serif;    
	font-family: Verdana, Arial, Helvetica, sans-serif;                               	  
  font-size: 13px;
  line-height: 1.42857143;
  color: #5e5e5e;    	
  font-weight: normal;
  text-align: left;  
  font-size: 100%;
}
.form-group .row .field {
	font-size:11px;
	height:22px;	
	padding-top:2px;	
	vertical-align:middle;

	font-family: Tahoma, sans-serif;    
	font-family: Verdana, Arial, Helvetica, sans-serif;                               	
	font-size:13px;    												
}

.grid .row2 .label
{
	font-size:11px;
	height:24px;
	padding-top:5px;
	vertical-align:middle;	
	
	font-family: Tahoma, sans-serif;    
	font-family: Verdana, Arial, Helvetica, sans-serif;                               	
	font-size:13px;
	white-space:nowrap;
	
  font-family: roboto;
  
	font-family: Tahoma, sans-serif;    
	font-family: Verdana, Arial, Helvetica, sans-serif;                               	  
  font-size: 13px;
  line-height: 1.42857143;
  color: #5e5e5e;    	
  font-weight: normal;
  text-align: left;  
  font-size: 100%;	
	
}
.grid .row2 .field {
	font-size:11px;
	height:27px;	
	padding-top:2px;	
	vertical-align:middle;

	font-family: Tahoma, sans-serif;    
	font-family: Verdana, Arial, Helvetica, sans-serif;                               	
	font-size:13px;    												
	height:100%;	
}

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

.h-10 {  height: 10px !important; }
.h-20 {  height: 20px !important; }
.h-30 {  height: 30px !important; }
.h-38 {  height: 38px !important; }
.h-40 {  height: 40px !important; }
.h-50 {  height: 50px !important; }
.h-120 {  height: 120px !important; }


.mnw-20 {  min-width: 20px !important; }
.mnw-40 {  min-width: 40px !important; }
.mnw-60 {  min-width: 60px !important; }
.mnw-80 {  min-width: 80px !important; }
.mnw-100 {  min-width: 100px !important; }
.mnw-110 {  min-width: 110px !important; }
.mnw-120 {  min-width: 120px !important; }
.mnw-140 {  min-width: 140px !important; }
.mnw-160 {  min-width: 160px !important; }
.mnw-180 {  min-width: 180px !important; }
.mnw-200 {  min-width: 200px !important; }
.mnw-220 {  min-width: 220px !important; }
.mnw-240 {  min-width: 240px !important; }

.mw-20 { max-width: 20px !important; }
.mw-30 { max-width: 30px !important; }
.mw-40 { max-width: 40px !important; }
.mw-60 { max-width: 60px !important; }
.mw-80 { max-width: 18px !important; }
.mw-100 { max-width: 100px !important; }
.mw-110 { max-width: 110px !important; }
.mw-120 { max-width: 120px !important; }
.mw-140 { max-width: 140px !important; }
.mw-160 { max-width: 160px !important; }
.mw-180 { max-width: 180px !important; }
.mw-190 { max-width: 190px !important; }
.mw-200 { max-width: 200px !important; }
.mw-220 { max-width: 220px !important; }
.mw-240 { max-width: 240px !important; }
.mw-260 { max-width: 260px !important; }

.mw-340 { max-width: 340px !important; }
.mw-380 { max-width: 380px !important; }
.mw-440 { max-width: 440px !important; }
.mw-480 { max-width: 480px !important; }

.w-10 {  width: 10px !important; }
.w-20 {  width: 20px !important; }
.w-25 {  width: 25px !important; }
.w-30 {  width: 30px !important; }
.w-40 {  width: 40px !important; }
.w-60 {  width: 60px !important; }
.w-70 {  width: 70px !important; }
.w-80 {  width: 80px !important; }
.w-90 {  width: 90px !important; }
.w-100 {  width: 100px !important; }
.w-110 {  width: 110px !important; }
.w-120 {  width: 120px !important; }
.w-140 {  width: 140px !important; }
.w-160 {  width: 160px !important; }
.w-180 {  width: 180px !important; }
.w-200 {  width: 200px !important; }
.w-210 {  width: 210px !important; }
.w-220 {  width: 220px !important; }
.w-240 {  width: 240px !important; }
.w-260 {  width: 260px !important; }
.w-280 {  width: 280px !important; }
.w-300 {  width: 300px !important; }
.w-320 {  width: 320px !important; }
.w-340 {  width: 340px !important; }
.w-360 {  width: 360px !important; }
.w-380 {  width: 380px !important; }
.w-400 {  width: 400px !important; }
.w-420 {  width: 420px !important; }
.w-440 {  width: 440px !important; }
.w-460 {  width: 460px !important; }
.w-480 {  width: 480px !important; }
.w-500 {  width: 500px !important; }
.w-520 {  width: 520px !important; }
.w-540 {  width: 540px !important; }
.w-560 {  width: 560px !important; }
.w-580 {  width: 580px !important; }
.w-600 {  width: 600px !important; }
.w-620 {  width: 620px !important; }
.w-640 {  width: 640px !important; }
.w-660 {  width: 660px !important; }
.w-680 {  width: 680px !important; }
.w-700 {  width: 700px !important; }
.w-720 {  width: 720px !important; }
.w-740 {  width: 740px !important; }
.w-760 {  width: 760px !important; }
.w-780 {  width: 780px !important; }
.w-800 {  width: 800px !important; }
.w-820 {  width: 820px !important; }
.w-840 {  width: 840px !important; }
.w-860 {  width: 860px !important; }
.w-880 {  width: 880px !important; }
.w-900 {  width: 900px !important; }
.w-920 {  width: 920px !important; }
.w-940 {  width: 940px !important; }
.w-960 {  width: 960px !important; }
.w-980 {  width: 980px !important; }
.w-1000 {  width: 1000px !important; }
.w-1020 {  width: 1020px !important; }

.l-20 {  left: 20px !important; }
.l-40 {  left: 40px !important; }
.l-60 {  left: 60px !important; }
.l-80 {  left: 80px !important; }
.l-100 {  left: 100px !important; }
.l-120 {  left: 120px !important; }
.l-140 {  left: 140px !important; }
.l-160 {  left: 160px !important; }
.l-180 {  left: 180px !important; }
.l-200 {  left: 200px !important; }
.l-220 {  left: 220px !important; }
.l-240 {  left: 240px !important; }
.l-260 {  left: 260px !important; }
.l-280 {  left: 280px !important; }
.l-300 {  left: 300px !important; }
.l-320 {  left: 320px !important; }
.l-340 {  left: 340px !important; }
.l-360 {  left: 360px !important; }
.l-380 {  left: 380px !important; }
.l-400 {  left: 400px !important; }
.l-420 {  left: 420px !important; }
.l-440 {  left: 440px !important; }
.l-460 {  left: 460px !important; }
.l-480 {  left: 480px !important; }
.l-500 {  left: 500px !important; }
.l-520 {  left: 520px !important; }
.l-540 {  left: 540px !important; }
.l-560 {  left: 560px !important; }
.l-580 {  left: 580px !important; }
.l-600 {  left: 600px !important; }
.l-620 {  left: 620px !important; }
.l-640 {  left: 640px !important; }
.l-660 {  left: 660px !important; }
.l-680 {  left: 680px !important; }
.l-700 {  left: 700px !important; }
.l-720 {  left: 720px !important; }
.l-740 {  left: 740px !important; }
.l-760 {  left: 760px !important; }
.l-780 {  left: 780px !important; }
.l-800 {  left: 800px !important; }
.l-820 {  left: 820px !important; }
.l-840 {  left: 840px !important; }
.l-860 {  left: 860px !important; }
.l-880 {  left: 880px !important; }
.l-900 {  left: 900px !important; }
.l-920 {  left: 920px !important; }
.l-940 {  left: 940px !important; }
.l-960 {  left: 960px !important; }
.l-980 {  left: 980px !important; }
.l-1000 {  left: 1000px !important; }
.l-1020 {  left: 1020px !important; }

.g-c-6 {  width: 240px !important; }
.g-c-10 {  width: 400px !important; }
.g-c-12 {  width: 480px !important; }
.g-c-14 {  width: 560px !important; }
.g-c-16 {  width: 640px !important; }
.g-c-20 {  width: 800px !important; }
.g-c-24 {  width: 960px !important; }
.g-c-30 {  width: 1200px !important; max-width: 1200px; }

.text-middle {
    vertical-align: middle !important;
}
.text-top{
    vertical-align: top !important;
}
.text-bottom{
    vertical-align:bottom !important;
}
.text-left {
  text-align: left  !important;
}
.text-right {
  text-align: right  !important;
}
.text-center {
  text-align: center  !important;
}
.text-justify {
  text-align: justify  !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-wrap {
  white-space: pre-wrap !important;
}
.text-ellipsis 
{
  overflow: hidden;
  text-overflow: ellipsis !important;
}

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

.text-uppercase INPUT {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #2196f3;
}
.text-success {
  color: #4caf50;
}
.text-info {
  color: #2196f3;
}
.text-warning {
  color: #ff9800;
}
.text-danger {
  color: #f44336;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}


small {
  font-size: 80%;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 18px;
  margin-bottom: 9px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 9px;
  margin-bottom: 9px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 33px;
}
h2,
.h2 {
  font-size: 27px;
}
h3,
.h3 {
  font-size: 23px;
}
h4,
.h4 {
  font-size: 17px;
}
h5,
.h5 {
  font-size: 13px;
}
h6,
.h6 {
  font-size: 12px;
}


/*
 * Font Weight
 */
.f-6 {
  font-size: 6px !important;
} 
.f-7 {
  font-size: 7px !important;
} 
.f-8 {
  font-size: 8px !important;
} 
.f-9 {
  font-size: 9px !important;
} 
.f-10 {
  font-size: 10px !important;
}  
.f-11 {
  font-size: 11px !important;
}  
.f-12 {
  font-size: 12px !important;
} 
.f-14 {
  font-size: 14px !important;
} 
.f-16 {
  font-size: 16px !important;
}
.f-18 {
  font-size: 18px !important;
}
.f-20 {
  font-size: 20px !important;
}
.f-22 {
  font-size: 22px !important;
}
.f-24 {
  font-size: 24px !important;
}
.f-26 {
  font-size: 26px !important;
}
.f-28 {
  font-size: 28px !important;
}
.f-30 {
  font-size: 30px !important;
}
.f-32 {
  font-size: 32px !important;
}
.f-34 {
  font-size: 34px !important;
}
.f-36 {
  font-size: 36px !important;
}
.f-38 {
  font-size: 38px !important;
}
.f-40 {
  font-size: 40px !important;
}
.f-42 {
  font-size: 42px !important;
}
.f-44 {
  font-size: 44px !important;
}
.f-46 {
  font-size: 46px !important;
}
.f-48 {
  font-size: 48px !important;
}
.f-50 {
  font-size: 50px !important;
}
.f-60 {
  font-size: 60px !important;
}
.f-70 {
  font-size: 70px !important;
}




/*
 * Border
 */
.b-gray {
  border: 1px solid #EEE !important;
} 
.b-t-gray {
  border-top: 1px solid #EEE !important;
} 
.b-b-gray {
  border-bottom: 1px solid #EEE !important;
} 
.b-l-gray {
  border-left: 1px solid #EEE !important;
} 
.b-r-gray {
  border-right: 1px solid #EEE !important;
} 




div[id^=gridPanel] .x-panel-body {
    border:0px solid red;                
}           


	
/*	
.x-grid3-row td .x-grid3-cell-inner {
	color: #444;
}
*/
.x-grid3-row td .x-grid3-cell-inner {
	font-size:14px;    
}	
	
    .Cinza{
    color:#787878;
    }    
    .Verde{
    color:#32CD32 ;
    }
    .Vermelho{
    color:red !important;
    }
    .Azul{
    color:DodgerBlue;
    }    
    .Amarelo{
    color: #FFD905;
    }     
    .Roxo
    {
    color:Purple;    
    }       
    .Laranja{
    color:Orange;
    }  
    .Preto{
    color:black;
    color: #444;
    }    
    	


.form-group .table > thead > tr > th 
{
    /*
    background-color: #f5f5f5 !important;
    background-color: #2196f3 !important;
    color: White;
    */
}

.form-group .table > tbody + tbody {
  border-top: 0px solid #f0f0f0;
}


.form-group .table > tbody > tr > td {
  padding: 0px;
  line-height: 1.42857143;
  min-height: 100%;
  vertical-align: top;
  border-top: 0px solid #f0f0f0;  
  border-bottom: 1px solid #f0f0f0 !important;
  color: #222 !important;
}




.form-group .table .row_sub_table > tbody > tr > td
{
  border-top: 1px solid #f0f0f0 !important;    
  border-bottom: 0px solid #f0f0f0 !important;  
}
.form-group .table .row_sub_table > tbody > tr:first-child > td 
{
  border-top: 0px solid #f0f0f0 !important;
}

.form-group .table .row_sub_table > tbody > tr > td .field-text
    {
        min-height: 60px;                    
        }  
.form-group .table .row_sub_table > tbody > tr > td .field-select
    {
        min-height: 60px;                    
        }   


.form-group .table > tbody > tr > td:not(:last-child) {
  border-right: 1px solid #f0f0f0 !important;        
}


.form-group .i-table .highlight {
  background-color: #eee;
  border-bottom: 0px solid #e6e6e6;
}


.form-group .table > tbody > tr > td .field-text
    {

        display: block;
        height: 100%;
        min-height: 60px;
        width: 100% !important;            
        min-width:100%;
        font-size: 16px !important;

        border:0px solid !important;
        border-bottom: 0px solid #f0f0f0 !important;
        border-right: 0px solid #f0f0f0 !important;        

        padding-top: 6px;  

        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;	            
        
             
        }     
        
        
.form-group .table > tbody > tr > td > div[class*=has-error] .field-text
    {

background:#ffeeee !important;
border-bottom: 1px solid #f44336 !important;             
        }          
        
.form-group .table > tbody > tr > td .field-text:focus {
    
}
   

.form-group .table > tbody > tr > td .field-select
    {

        display: block;
        height: 100%;
        min-height: 60px;
        width: 100% !important;            
        min-width:100%;
        font-size: 16px !important;

        border:0px solid !important;
        border-bottom: 0px solid #f0f0f0 !important;
        border-right: 0px solid #f0f0f0 !important;        

        padding-top: 6px;  
        padding-left: 10px;  

        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;	  
        
             
        }    
        
.form-group .table > tbody > tr > td > div[class*=has-error] .field-select
    {

background:#ffeeee !important;
border-bottom: 1px solid #f44336 !important;             
        }              
        
.form-group .table > tbody > tr > td .field-select:focus {
        
}
            
                             
.form-group .table > tbody > tr > td .field-textarea
    {

        display: block;
        height: 100%;
        min-height: 60px;
        width: 100% !important;            
        min-width:100%;
        font-size: 16px !important;

        border:0px solid !important;
        border-bottom: 0px solid #f0f0f0 !important;
        border-right: 0px solid #f0f0f0 !important;        

        padding-top: 6px !important;  
        padding-left: 10px !important;  
        padding-right: 10px !important;  

        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;	            
        
             
        }     
        
.form-group .table > tbody > tr > td .field-textarea:focus {
    
}                     
                     
                     
                     
                     
                     
                     
                     
                     
                     
.sweet-alert1 {
  background-color: #ffffff;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;  
  display: none;  
  z-index: 2000;    
}

.sweet-overlay{
    z-index: 20001;            
    }
.sweet-alert{
    z-index: 20001;            
    }

.sweet-alert1 .icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 50%;
  margin: 20px auto;
  position: relative;
  box-sizing: content-box;
}                     
                     
.icon.success {
  border-color:#4cae4c;
}
.icon.success::before,
.icon.success::after {
  content: '';

  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.icon.success::before {
  border-radius: 120px 0 0 120px;
  top: -17px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px;
}
.icon.success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px;
}
.icon.success .placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(92, 184, 92, 0.2);
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
.icon.success .fix {
  width: 5px;
  height: 90px;
  background-color: #ffffff;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.icon.success .line {
  height: 5px;
  background-color: #5cb85c;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.icon.success .line.tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.icon.success .line.long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}                     

.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s;
}
.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s;
}
.icon.success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in;
}


/*Mouse cursor*/
.mc-move
{
cursor: move !important;
    }
.mc-pointer
{
cursor: pointer !important;
    }












#ms-menu-trigger {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  margin: 1px 0 0 -7px;
  cursor: pointer;  
  margin-top:-10px;
}

#ms-menu-trigger:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 7px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.22);
  background: #e1e1e1 !important;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  z-index: 0;
  margin-top:-25px;
  margin-left:10px;
}

#ms-menu-trigger.open:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);  
}
		
		
#messages-main .ms-menu {
  position: absolute;
  left: 0;
  top: 0;
  background: #F8F8F8;
		border-top: 1px solid #EEE;
  border-right: 1px solid #EEE;
  padding-bottom: 50px;
  height: 100%;
  width: 240px;
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
}		
		
@media (max-width: 767px) {
  #messages-main .ms-menu {
    height: calc(100% - 0px);
    -webkit-transform: translate3d(-240px, 0px, 0);
    transform: translate3d(-240px, 0px, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 1;
  }
  #messages-main .ms-menu.toggled {
    -webkit-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
    opacity: 1;
    filter: alpha(opacity=100);
  }
}


@media (min-width: 768px) {
  #messages-main .ms-body {  
    padding-left: 240px;
	border-top: 1px solid #EEE;	
    min-height: calc(100vh - 300px)  !important;
  }
}
@media (max-width: 767px) {
  #messages-main .ms-body {
	border-top: 1px solid #EEE;  
    overflow: hidden;
  }
}

/*
  button:focus {
    transform: translateY(-3px);
    box-shadow: 0px 2px 20px #777;
  }
*/





small.tag-green 
{
    
    font-size: 12px !important;
    line-height: 13px !important;
    font-weight: bold;

    text-shadow: 0 1px rgba(0, 0, 0, 0.25);  						
    background: rgb(154,159,170);
												


    color: #fff;
    -webkit-border-radius: 11px;
	border-radius: 11px;			
    padding: 4px 8px 5px 8px;
    display: inline !important;
    width: auto;
    margin-top: 2px;

    background: #77cc51;
    border-color: #59ad33;
    background-image: -webkit-linear-gradient(top, #a5dd8c, #77cc51);
    background-image: -moz-linear-gradient(top, #a5dd8c, #77cc51);
    background-image: -o-linear-gradient(top, #a5dd8c, #77cc51);
    background-image: linear-gradient(to bottom, #a5dd8c, #77cc51);    
    
} 

small.tag-blue
{
    
    font-size: 12px !important;
    line-height: 13px !important;
    font-weight: bold;

    text-shadow: 0 1px rgba(0, 0, 0, 0.25);  						
    background: rgb(154,159,170);
												


    color: #fff;
    -webkit-border-radius: 11px;	   
	border-radius: 11px;			
    padding: 4px 8px 5px 8px;
    display: inline !important;
    width: auto;
    margin-top: 2px;

    background: #67c1ef;
    border-color: #30aae9;
    background-image: -webkit-linear-gradient(top, #acddf6, #67c1ef);
    background-image: -moz-linear-gradient(top, #acddf6, #67c1ef);
    background-image: -o-linear-gradient(top, #acddf6, #67c1ef);
    background-image: linear-gradient(to bottom, #acddf6, #67c1ef);	
    
} 

small.tag
{
    
    font-size: 14px !important;
    color: #fff;
    -webkit-border-radius: 5px;
	border-radius: 5px;			
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: inline !important;
	    
} 

small.tag-red
{
    
    font-size: 12px !important;
    line-height: 13px !important;
    font-weight: bold;

    text-shadow: 0 1px rgba(0, 0, 0, 0.25);  						
    background: rgb(154,159,170);
												
    background: #ff4040;
    border-color: #c77b7b;
    
    background-image: -webkit-linear-gradient(top, #ff4040, #c77b7b);
    background-image: -moz-linear-gradient(top, #ff4040, #c77b7b);
    background-image: -o-linear-gradient(top, #ff4040, #c77b7b);
    background-image: linear-gradient(to bottom, #ff4040, #c77b7b);  			    
    
    color: #fff;
    -webkit-border-radius: 11px;
	border-radius: 11px;			
    padding: 4px 8px 5px 8px;
    display: inline !important;
    width: auto;
    margin-top: 2px;
}   
         



.bootstrap-datetimepicker-widget
{
    z-index: 999 !important; 
    background-color: red;    
    position:absolute !important;
    border: solid 10px red !important;  

    }
  
  
  
  
  
  
  


@media (max-width: 767px) {    
    .text-right-xs {
        text-align: right !important;
    }
    .text-left-xs {
        text-align: left !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-right-sm {
        text-align: right !important;
    }
    .text-left-sm {
        text-align: left !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-right-md {
        text-align: right !important;
    }
    .text-left-md {
        text-align: left !important;
    }
}
@media (min-width: 1200px) and (max-width: 1599px) {
    .text-right-lg {
        text-align: right !important;
    }
    .text-left-lg {
        text-align: left !important;
    }
    
  .hidden-lg {
    display: none !important;
  }
      
}
@media (min-width: 1600px) {
    .text-right-xl {
        text-align: right !important;
    }
    .text-left-xl {
        text-align: left !important;
    }
    
  .hidden-xl {
    display: none !important;
  }    
}



@media (max-width: 768px) {    
    .p-10-xs {
      padding: 10px !important;
    }
    .p-t-10-xs {
      padding-top: 10px !important;
    }
    .p-b-10-xs {
      padding-bottom: 10px !important;
    }
    .p-l-10-xs {
      padding-left: 10px !important;
    }
    .p-r-10-xs {
      padding-right: 10px !important;
    } 
    
    .p-20-xs {
      padding: 20px !important;
    }
    .p-t-20-xs {
      padding-top: 20px !important;
    }
    .p-b-20-xs {
      padding-bottom: 20px !important;
    }
    .p-l-20-xs {
      padding-left: 20px !important;
    }
    .p-r-20-xs {
      padding-right: 20px !important;
    }          
}

@media (min-width: 768px) and (max-width: 991px) {
    .p-10-sm {
      padding: 10px !important;
    }
    .p-t-10-sm {
      padding-top: 10px !important;
    }
    .p-b-10-sm {
      padding-bottom: 10px !important;
    }
    .p-l-10-sm {
      padding-left: 10px !important;
    }
    .p-r-10-sm {
      padding-right: 10px !important;
    } 
    
}

@media (min-width: 992px) and (max-width: 1199px) 
{
    .p-0-md {
      padding: 0px !important;
    }
    .p-t-0-md {
      padding-top: 0px !important;
    }
    .p-b-0-md {
      padding-bottom: 0px !important;
    }
    .p-l-0-md {
      padding-left: 0px !important;
    }
    .p-r-0-md {
      padding-right: 0px !important;
    }       
    
    .p-10-md {
      padding: 10px !important;
    }
    .p-t-10-md {
      padding-top: 10px !important;
    }
    .p-b-10-md {
      padding-bottom: 10px !important;
    }
    .p-l-10-md {
      padding-left: 10px !important;
    }
    .p-r-10-md {
      padding-right: 10px !important;
    }   
    
    .p-20-md {
      padding: 20px !important;
    }
    .p-t-20-md {
      padding-top: 20px !important;
    }
    .p-b-20-md {
      padding-bottom: 20px !important;
    }
    .p-l-20-md {
      padding-left: 20px !important;
    }
    .p-r-20-md {
      padding-right: 20px !important;
    }      
      
}

@media (min-width: 1200px) and (max-width: 1599px) {
{
    
    .p-0-lg {
      padding: 0px !important;
    }
    .p-t-0-lg {
      padding-top: 0px !important;
    }
    .p-b-0-lg {
      padding-bottom: 0px !important;
    }
    .p-l-0-lg {
      padding-left: 0px !important;
    }
    .p-r-0-lg {
      padding-right: 0px !important;
    }      
    
    .p-10-lg {
      padding: 10px !important;
    }
    .p-t-10-lg {
      padding-top: 10px !important;
    }
    .p-b-10-lg {
      padding-bottom: 10px !important;
    }
    .p-l-10-lg {
      padding-left: 10px !important;
    }
    .p-r-10-lg {
      padding-right: 10px !important;
    }  
    
    .m-r-30-lg {
      margin-right: 30px !important;
    }     
}

/*
pull-right-not-xs, .pull-right-not-sm, .pull-right-not-md, .pull-right-not-lg{
    float: right;
}

.pull-left-not-xs, .pull-left-not-sm, .pull-left-not-md, .pull-left-not-lg{
    float: left;
}
@media (max-width: 767px) {    
    .pull-right-not-xs, .pull-left-not-xs{
        float: none;
    }
    .pull-right-xs {
        float: right;
    }
    .pull-left-xs {
        float: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .pull-right-not-sm, .pull-left-not-sm{
        float: none;
    }
    .pull-right-sm {
        float: right;
    }
    .pull-left-sm {
        float: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pull-right-not-md, .pull-left-not-md{
        float: none;
    }
    .pull-right-md {
        float: right;
    }
    .pull-left-md {
        float: left;
    }
}
@media (min-width: 1200px) {
    .pull-right-not-lg, .pull-left-not-lg{
        float: none;
    }
    .pull-right-lg {
        float: right;
    }
    .pull-left-lg {
        float: left;
    }
}
*/


/*
.profile-menu > a {
  display: block;
  height: 110px;
  margin-bottom: 5px;
  width: 100%;
  background: url(../img/headers/logo-foco.png) no-repeat left top;
  background-size: 50%;
  background-position: 47% 30%;  
}
*/










.btn-xl
{
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.3333333;
  border-radius: 2px;
  padding:25px;
  font-size:28px;  
}    



/*

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

.placeholder {
  position: relative;
  -- More li styles 
}
.placeholder:before {
  position: absolute;
   Define arrowhead 
}        


td.placeholder {
  position: relative; 
  color: transparent;
  display: inline-block;
  height: 5px;
  }
  
td.placeholder:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent  !important;
    border-top-color: red  !important;
    top: 0;
    left: 10px;    
    margin-left: -10px;
    margin-top: 2px;    
    border-bottom: none;     
    border-right: none;         
    border: 5px solid transparent  !important;
    border-left-color: red  !important;     
}


.alert
{
    margin-top:100px !important;
    margin-top:15% !important;    
    min-width: 400px;
    }
    
.form-group .alert{
  margin-top: 0px !important;
}    
*/








.panel-group[data-collapse-color="white"] .panel-collapse .panel-heading.active .panel-title > a:after {
  background: #fff !important;
}
.tab-nav[data-tab-color="first-white"] > li:first-child > a:after {
  background: #00bcd4;
}

  
  
  
  
 /* 
html { 
	margin:0;
	padding:0;
	font-size: 12px;
	color: #FFFFFF;
    background-color: transparent !important;
    
   background-image: url("../img/City.jpg") no-repeat center fixed  !important;
	-webkit-background-size: cover;
	background-size: cover;
	font-family: Verdana;
	height: 100%;
	width: 100%;
}
  
*/


/*

	background-color: #048ABB !important;	
	background-color: #119DCB !important;
	background-color: #0d7da2 !important;		
	background-color: #13B5EA !important;		
	background-color: #33b5e5 !important;


.bgm-blue-1 {
  background-color: #34B4E4 !important;
}
.bgm-blue-2 {
  background-color: #1B6397 !important;
}
.bgm-blue-3 {
  background-color: #0E3D66 !important;
}

.bgm-blue {
  background-color: #0d7da2 !important;
}

.bgm-indigo {
  background-color: #119DCB !important;
}

background-color: #8B96D2 !important
background-color: #EBEDF7 !important

*/


/*
 * Opacity
 */
.op-3 {
    opacity: 0.3 !important;
    filter: alpha(opacity=30) !important; 
}






.bgm-purple-50{
  background-color: #F3E5F5 !important;
}
.bgm-purple-100{
  background-color: #E1BEE7 !important;
}
.bgm-purple-200{
  background-color: #CE93D8 !important;
}
.bgm-purple-300{
  background-color: #BA68C8 !important;
}
.bgm-purple-400{
  background-color: #AB47BC !important;
}
.bgm-purple-500{
  background-color: #9C27B0 !important;
}
.bgm-purple-600{
  background-color: #8E24AA !important;
}
.bgm-purple-700{
  background-color: #7B1FA2 !important;
}
.bgm-purple-800{
  background-color: #6A1B9A !important;
}
.bgm-purple-900{
  background-color: #4A148C !important;
}
.bgm-purple-A100{
  background-color: #EA80FC !important;
}
.bgm-purple-A200{
  background-color: #E040FB !important;
}
.bgm-purple-A400{
  background-color: #D500F9 !important;
}
.bgm-purple-A700{
  background-color: #AA00FF !important;
}


.text-transform-none {
  text-transform: none !important;
}