/***

Modify bootstrap buttons

***/



/* remove rounds from all elements */

div, input, select, textarea, span, img, table, td, th, p, a, button, ul, li {

  -webkit-border-radius: 0 !important;

     -moz-border-radius: 0 !important;

          border-radius: 0 !important;

}



a:focus {

  outline: none !important;

}



a:hover, a:active {

  outline: 0 !important;

}



select:focus {

   outline: none !important;

}



.btn {

	background-color: #e5e5e5;

	background-image: none;

	filter: none;

	border: 0;

	box-shadow: none;

	padding: 7px 14px; 

	text-shadow: none;

	font-family: "Segoe UI", Helvetica, Arial, sans-serif;

  font-size: 14px;  	

  color: #333333;

	cursor: pointer;

	outline: none;

  -webkit-border-radius: 0 !important;

     -moz-border-radius: 0 !important;

          border-radius: 0 !important;

}

.btn:hover, 

.btn:focus, 

.btn:active,

.btn.active,

.btn[disabled],

.btn.disabled {  

  font-family: "Segoe UI", Helvetica, Arial, sans-serif;

  color: #333333;

  box-shadow: none;

  background-color: #d8d8d8;

}



.btn.red-stripe

{

	border-left: 3px solid #d84a38;

}



.btn.blue-stripe

{

	border-left: 3px solid #4d90fe;

}



.btn.purple-stripe

{

	border-left: 3px solid #852b99;

}



.btn.green-stripe

{

	border-left: 3px solid #35aa47;

}



/*  Red */

.btn.red {

  color: white;  

  text-shadow: none;	

  background-color: #d84a38;

}

.btn.red:hover, 

.btn.red:focus, 

.btn.red:active, 

.btn.red.active,

.btn.red[disabled], 

.btn.red.disabled {    

  background-color: #bb2413 !important;

  color: #fff !important;

}



/*  Blue */

.btn.transparent   

{

  color: black;  

  text-shadow: none;  

  background-color: transparent;

}



.btn.blue   

{

  color: white;  

  text-shadow: none;	

  background-color: #4d90fe;

}

.btn.blue:hover, 

.btn.blue:focus, 

.btn.blue:active,

.btn.blue.active,

.btn.blue[disabled],

.btn.blue.disabled {  

  background-color: #0362fd !important;

  color: #fff !important;

}



/*  Green */

.btn.green {

  color: white;

  text-shadow: none;	 

  background-color: #316FA8;

}

.btn.green:hover, 

.btn.green:focus, 

.btn.green:active, 

.btn.green.active,

.btn.green.disabled, 

.btn.green[disabled]{ 

  background-color: #316FA8 !important;

  color: #fff !important;

}



/*  Purple */

.btn.purple {

  color: white; 

  text-shadow: none;	

  background-color: #852b99;

}

.btn.purple:hover, 

.btn.purple:focus, 

.btn.purple:active, 

.btn.purple.active, 

.btn.purple.disabled,

.btn.purple[disabled] { 

  background-color: #6d1b81 !important;

  color: #fff !important;

}



.btn.yellow {

  color: white; 

  text-shadow: none;	

  background-color: #ffb848;

}

.btn.yellow:hover, 

.btn.yellow:focus, 

.btn.yellow:active, 

.btn.yellow.active, 

.btn.yellow.disabled,

.btn.yellow[disabled] { 

  background-color: #eca22e !important;

  color: #fff !important;

}



.btn.black {

  color: white; 

  text-shadow: none;	

  background-color: #555555;

}

.btn.black:hover, 

.btn.black:focus, 

.btn.black:active, 

.btn.black.active, 

.btn.black.disabled,

.btn.black[disabled] { 

  background-color: #222222 !important;

  color: #fff !important;

}



.mini 

{

  height: 13px;

  font-size: 11px !important; 

  line-height: 13px;

  padding: 4px;

}



.big

{

	height: 38px;

	font-size: 18px; 

	line-height: 38px; 	

	padding: 8px 16px;

}



/***

Metro icons

***/

[class^="m-icon-"] {

  display: inline-block;

  width: 14px;

  height: 14px;;

  margin-top: 4px;

  line-height: 14px;  

  vertical-align: top;

  background-image: url(../img/syncfusion-icons.png);

  background-position: 0 0;

  background-repeat: no-repeat; 

}



[class^="m-icon-big-"] {

  display: inline-block;

  width: 30px;

  height: 30px; 

  margin: 6px;

  vertical-align: top;

  background-image: url(../img/syncfusion-icons.png);

  background-position: 0 0px;

  background-repeat: no-repeat; 

}



.m-icon-white {

  background-image: url(../img/syncfusion-icons-white.png);

}



/*  Misc */

.btn.icn-only {

  min-width: 14px;

}

.btn.bigicn-only {

  min-width: 34px;

}

.m-icon-swapright {

  background-position: -27px -10px;

}

.m-icon-swapdown {

  background-position: -68px -10px;

}

.m-icon-swapleft {

  background-position: -8px -10px;

}

.m-icon-swapup {

  background-position: -46px -10px;

}

.m-icon-big-swapright{

  background-position: -42px -28px;

}

.m-icon-big-swapdown{

  background-position: -115px -28px;

}

.m-icon-big-swapleft{

  background-position: -6px -28px;

}

.m-icon-big-swapup{

  background-position: -78px -28px;

}



/***

Glyphicons icons

***/

.btn > .halflings-icon {

  margin-top:2px;

  margin-right: 2px;

}



.btn.mini > .halflings-icon {

  margin-top: -1px;

  margin-right: 2px;

}



.btn.icn-only > .halflings-icon {

  margin-right: 0px !important;

} 



/***

Dropdowns

***/

.dropdown-menu {

  position: absolute;

  top: 100%;

  left: 0;

  z-index: 1000;

  display: none;

  float: left;

  list-style: none;

  text-shadow: none;

  padding: 0px;

  margin:0px;

  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);

  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);  

  font-size: 14px;

  font-family: "Segoe UI",Helvetica, Arial, sans-serif;

  border: 1px solid #ddd;

}



.dropdown:hover .caret, 

.open.dropdown .caret {

  opacity: 1;

  filter: alpha(opacity=100);

}



.dropdown-menu.bottom-up {

  top: auto;

  bottom: 100%;

  margin-bottom: 2px;

}



.dropdown-menu li > a {

  padding: 6px 0 6px 13px;

  color: #333;

  text-decoration: none;

  display: block;

  clear: both;

  font-weight: normal;

  line-height: 18px;

  white-space: nowrap;

}



.dropdown-menu li > a:hover, 

.dropdown-menu .active > a, 

.dropdown-menu .active > a:hover {

  text-decoration: none;

  background-image: none;

  background-color: #eee;

  color: #333;

  filter:none;

}



.dropdown.open .dropdown-toggle {

  color: #08c;

  background: #ccc;

  background: rgba(0, 0, 0, 0.3);

}



/***

Forms

***/

label.m-wrap,

input.m-wrap,

button.m-wrap,

select.m-wrap,

textarea.m-wrap {

  font-size: 14px;

  font-weight: normal;

  line-height: 20px;



}



input.m-wrap,

button.m-wrap,

select.m-wrap,

textarea.m-wrap {

  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;

}



label.m-wrap {

  display: block;

  margin-bottom: 5px;

}



.uneditable-input,

textarea.m-wrap,

input[type="text"].m-wrap,

input[type="password"].m-wrap,

input[type="datetime"].m-wrap,

input[type="datetime-local"].m-wrap,

input[type="date"].m-wrap,

input[type="month"].m-wrap,

input[type="time"].m-wrap,

input[type="week"].m-wrap,

input[type="number"].m-wrap,

input[type="email"].m-wrap,

input[type="url"].m-wrap,

input[type="search"].m-wrap,

input[type="tel"].m-wrap,

input[type="color"].m-wrap {

  -webkit-appearance: none !important;   

	color: #333333; 		

  outline: 0;

  height: 20px;

	padding: 6px 6px !important;

  line-height: 20px;

  font-size: 14px;

  font-weight: normal;

  vertical-align: top;  

	background-color: #ffffff;

	background-image: none !important;

  filter: none !important;

	  -webkit-box-shadow: none !important;

	     -moz-box-shadow: none !important;

	          box-shadow: none !important;

	  -webkit-border-radius: 0px;

	     -moz-border-radius: 0px;

	          border-radius: 0px;

  background: transparent;   

}



input.m-wrap {

  border: 1px solid #999 !important;

}



textarea.m-wrap {

  height: auto;

}



.uneditable-input.focus,

textarea.m-wrap:focus,

select.m-wrap:focus,

input[type="text"].m-wrap:focus,

input[type="password"].m-wrap:focus,

input[type="datetime"].m-wrap:focus,

input[type="datetime-local"].m-wrap:focus,

input[type="date"].m-wrap:focus,

input[type="month"].m-wrap:focus,

input[type="time"].m-wrap:focus,

input[type="week"].m-wrap:focus,

input[type="number"].m-wrap:focus,

input[type="email"].m-wrap:focus,

input[type="url"].m-wrap:focus,

input[type="search"].m-wrap:focus,

input[type="tel"].m-wrap:focus,

input[type="color"].m-wrap:focus,

.m-uneditable-input:focus {

  border-color: #999999;

  outline: 0 !important;

  /* IE6-9 */

  -webkit-box-shadow: none;

     -moz-box-shadow: none;

          box-shadow: none;      

}



input[type="radio"].m-wrap,

input[type="checkbox"].m-wrap {

  	margin: 4px 0 0;

  	margin-top: 1px \9;

  	*margin-top: 0;

  	line-height: normal;

	  cursor: pointer;		

  	-webkit-box-sizing: border-box;

	     -moz-box-sizing: border-box;

	          box-sizing: border-box;		

}



select.m-wrap,

input[type="file"].m-wrap {

  height: 34px !important;

  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;

  /* For IE7, add top margin to align select with labels */

  line-height: 30px;

}



select.m-wrap {

  width: 104%;

  background-color: #ffffff;

  background-image: none !important;

  filter: none !important;

  border: 1px solid #999 !important;

  outline: none;          

}



select[multiple].m-wrap,

select[size].m-wrap {

  height: auto !important;

}



select.m-wrap:focus,

input[type="file"].m-wrap:focus,

input[type="radio"].m-wrap:focus,

input[type="checkbox"].m-wrap:focus {

  outline: thin dotted #333333;

  outline: 5px auto -webkit-focus-ring-color;

  outline-offset: -2px;  

  -webkit-box-shadow: none !important;

     -moz-box-shadow: none !important;

          box-shadow: none !important;

}



input[class*="span"].m-wrap

{

  float: none;

  height: 34px !important;

  margin-left: 0;

}



select[class*="span"].m-wrap,

textarea[class*="span"].m-wrap

{

  float: none;

  margin-left: 0;

}



.input-prepend,

.input-append {

	border: 0;

  display: inline-block;

}



.input-append .add-on,

.input-prepend .add-on {

  display: inline-block;

  width: auto;

  height: 24px;

  min-width: 16px;

  padding: 4px 5px;

  font-size: 14px;

  font-weight: normal;

  line-height: 24px;

  text-align: center;

  text-shadow: 0 1px 0 #ffffff;

  background-color: #e5e5e5;

  border: 1px solid #e5e5e5;

}



.input-append .add-on > .halflings-icon,

.input-prepend .add-on > i,

.input-prepend .add-on > [class^="icon-"]

{

	margin-top: 5px;

	margin-left: 3px;

}



.input-append .add-on > .halflings-icon

.input-append .add-on > i,

.input-append .add-on > [class^="icon-"]

{

	margin-top: 5px;

	margin-left: 0px;

}



.input-append .m-wrap,

.input-append .m-wrap:focus {

	border-right: 0 !important;

  margin-right: 1px;

}



.input-prepend input,

.input-prepend input:focus {

	border-left: 0 !important;

  margin-left: 1px;

}



.input-append input[class*="span"],

.input-prepend input[class*="span"]

{

  display: inline-block !important;

}



.m-wrap.xsmall {

  width: 50px !important;

}



.m-wrap.small {

  width: 120px !important;

}



.m-wrap.medium {

  width: 206px !important;

}



.m-wrap.large {

  width: 320px !important;

}



.m-wrap.huge {

  width: 480px !important;

  font-size: 24px !important;

  height: 36px !important;

  line-height: 36px !important;

  padding: 22px 8px !important;

}



select.m-wrap.xsmall {

  width: 64px !important;

}



select.m-wrap.small {

  width: 134px !important;

}



select.m-wrap.medium {

  width: 220px !important;

}



select.m-wrap.large {

  width: 334px !important;

}



@media (max-width: 480px) {



  .m-wrap.small {

    width: 100px !important;

  }



  .m-wrap.medium {

    width: 150px !important;

  }



  .m-wrap.large {

    width: 200px !important;

  }



  .m-wrap.huge {

    width: 246px !important;

    font-size: 24px !important;

    height: 36px !important;

    line-height: 36px !important;

    padding: 22px 8px !important;

  }



  select.m-wrap.small {

    width: 114px !important;

  }



  select.m-wrap.medium {

    width: 164px !important;

  }



  select.m-wrap.large {

    width: 214px !important;

  }



}  



/***

Custom label and badges

***/

.label, 

.badge {

  font-weight: 300;

}



.label-success, 

.badge-success {

  background-color: #3cc051;

  background-image: none !important;

  text-shadow: none !important;

}



.label-warning, 

.badge-warning {

  background-color: #fcb322;

  background-image: none !important;

  text-shadow: none !important;

}



.label-important, 

.badge-important {

  background-color: #ed4e2a;

  background-image: none !important;

  text-shadow: none !important;

}



.label-info, 

.badge-info {

  background-color: #57b5e3;

  background-image: none !important;

  text-shadow: none !important;

}



.label-mini {

  font-size: 11px;

  font-weight: 300;

}



.label-default  {

  background-color: #999 !important;

  text-shadow: none !important;

}



/***

Bootstrap modal 

***/

.modal-header h3{

  font-weight: 300;

}

.width100 {
    width: 100%;
}