body {font:12px/19px "Helvetica Neue",Helvetica,Arial,sans-serif !important; margin: 0;padding:0;color: #454545; background:#fff;}

ul, ol, dl ,dd,dt {padding: 0;margin-left:15px;}h1, h2, h3, h4, h5, h6, p {padding:0px;margin:0px;}
ul.unstyled,
ol.unstyled {margin-left: 0; list-style: none; }
a img {	border:none;}a{ color:#3291e9; text-decoration:none;}a:hover { text-decoration: none; color:#353535;}
/*HTML 5 support - Sets new HTML 5 tags to display:block so browsers know how to render the tags properly. */
header, section, footer, aside, nav, article, figure {display:block; margin:0px; padding:0px;}
:focus {outline: 0;}fieldset, img {border:0;padding: 0px; margin: 0px;}q:before, q:after { content:'';}img{max-width: 100%;vertical-align: middle;border:0;-ms-interpolation-mode: bicubic;}
/* Clear Floated Elements */
.clearfix:before, .clearfix:after {content: "\0020"; display: block; height: 0; visibility: hidden;}
.clearfix:after { clear: both; }
.clearfix{ zoom: 1; }
.clearfix{clear:both;}
q:before, q:after {content:'';}
/* Float css */
.pull-left{ float:left!important;}.pull-right{ float:right!important;}.pull-none{ float:none!important;} .clearfix{ clear:both!important;}
/*input type*/
input[type="submit"], input[type="button"]{cursor:pointer;  color:#454545;}

/* Margin CSS */
.padding-none{padding: 0px !important;}
.margin-none{ margin:0px!important;}
.marginbot-5{ margin-bottom:5px!important;}
.margintop-5{ margin-top:5px!important;}
.marginbot-10{ margin-bottom:10px!important;}
.margintop-10{ margin-top:10px!important;}
.marginbot-15{ margin-bottom:15px!important;}
.margintop-15{ margin-top:15px!important;}
.marginbot-20{ margin-bottom:20px!important;}
.margintop-20{ margin-top:20px!important;}
.paddingbot-20{ padding-bottom:20px!important;}
.marginbot-25{ margin-bottom:25px!important;}
.margintop-25{ margin-top:25px!important;}
.margintop-30{margin-top: 30px !important;}
.marginbot-30{margin-bottom: 30px !important;}
.margintop-75{margin-top: 75px !important;}
.margintop-55{margin-top: 55px !important;}

p{margin-bottom:10px !important;}
/* Text Style CSS*/
.textnormal{ font-weight:normal!important;}.textbold{ font-weight:bold!important;}.textitalic{ font-style:italic!important;}
/* Text Transform CSS*/
.textupper{ text-transform:uppercase!important;} .textlower{ text-transform:lowercase!important;} .textcapatalize{ text-transform:capitalize!important;}
/* Button CSS - write site matching button here */
/* Text Alignment CSS */   
.text-center{ text-align:center!important;} .text-left{ text-align:left!important;} .text-right{ text-align:right!important;}
.text-underline{ text-decoration:underline;}  .border-none{ border:0!important;}
/*Position*/
.position-fixed{position:fixed;}
.position-absolute{position:absolute;}
.position-relative{position:relative;}

/*Breadcrumb*/
.breadcrumb { list-style:none; margin:4px 0 8px;  padding:4px 0 6px;}
.breadcrumb > li {padding: 0 5px 0 0;display:inline-block; text-shadow:0 1px 0 #fff;}
.breadcrumb > li > .divider {color:#ccc; padding:0 5px;}
.breadcrumb > .active {color:#999;}

/*Pagination*/
.pagination {  }
.pagination ul {border-radius:4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); display: inline-block; margin-bottom: 0; margin-left: 0;}
.pagination ul > li {display: inline;}
.pagination ul > li > a, .pagination ul > li > span { -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: #ddd; border-image: none;
border-style: solid; border-width: 1px 1px 1px 0; float: left; line-height: 20px; padding: 4px 12px; text-decoration: none;}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #F5F5F5;}
.pagination ul > .active > a, .pagination ul > .active > span { color: #999; cursor: default;}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {background-color: transparent; color: #999; cursor: default;}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {border-bottom-left-radius: 4px; border-left-width: 1px;
    border-top-left-radius: 4px;}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px;}
.pagination-centered {text-align: center;}
.pagination-right {text-align: right;}

.row {
  margin-left: -24px;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

/*=================== Buttons =====================================*/

.btn {
  display: inline-block;
  *display: inline;
  padding:8px 20px;
  margin-bottom: 0;
  *margin-left: .3em;
  text-transform:capitalize!important;
  font-size:15px;
  font:16px 'Roboto', sans-serif;
  /*line-height: 20px;*/
  border:0 solid #fff;
  color: #727070;
  text-align: center;  
  vertical-align: middle;
  cursor: pointer;
  background: #4c4d4f;
  *background: #4c4d4f;
  -webkit-border-radius:5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background: #1c1c1c;
  *background: #1c1c1c;
}

.btn:active,
.btn.active {
  background: #1c1c1c \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  /*background-position: 0 -15px;*/
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  /*outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;*/
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-large {
  padding: 11px 19px!important;
  font-size: 17.5px;}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.btn-primary.active,
{
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  color: #fff!important;
   background: #3291e9;
  *background: #3291e9;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff;
  background: #0076e3;
  *background: #0076e3;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #0fb2d3 \9;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3291e9;
  *background-color: #278be8;
  background-image: -moz-linear-gradient(top, #3291e9, #278be8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3291e9), to(#278be8));
  background-image: -webkit-linear-gradient(top, #3291e9, #278be8);
  background-image: -o-linear-gradient(top, #3291e9, #278be8);
  background-image: linear-gradient(to bottom, #3291e9, #278be8);
  background-repeat: repeat-x;
  border-color: #3291e9 #3291e9 #278be8;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #3291e9;
  *background-color: #278be8;
}

.btn-info:active,
.btn-info.active {
  background-color: #278be8 \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #e1e1e1e1e1e1;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}



/*=================== MESSAHE=====================================*/
.alert {
    background-color: #FCF8E3;
    border: 1px solid #FBEED5;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 20px;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.alert, .alert h4 {
    color: #C09853;
}
.alert-success {
    background-color: #DFF0D8;
    border-color: #D6E9C6;
    color: #468847;
}
.alert-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
    color: #3A87AD;
}
.alert-danger, .alert-error {
    background-color: #F2DEDE;
    border-color: #EED3D7;
    color: #B94A48;
}


/*======================= INPUT==============================*/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    resize: none; /*padding:4px 6px; */
}

.text-info {
    color: #3A87AD;
}
.text-error {
    color: #B94A48;
}
.text-success {
    color: #468847;
}
.text-warning {
    color: #C09853;
}
.muted {
    color: #999999;
}
.error {
    color: #B94A48;
}