/*
Theme Name: Yelesen
Theme URI: http://www.pixelbiteweb.com
Description: This is Yelesen Group website Theme.
Author: Pixelbite Wrb Technologies
Author URI: http://www.pixelbiteweb.com
Version: 1.0
Tags: responsive, white, bootstrap

License URI: http://creativecommons.org/licenses/by-sa/3.0/

*/

/********************************************
                 Google Fonts
*********************************************/

@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:500);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:700);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Oswald:700);


/********************************************
					Other CSS
*********************************************/

@import url('lib/fonts/css/font-awesome.min.css'); 


/********************************************
                 Theme CSS
*********************************************/

html, body { padding:0; margin:0; min-height:100%; height:100%;}
.block { display:block; padding:60px 0;}
.container-fluid,
.container { overflow:hidden;}
.container-fluid { padding:0 2%;}
img.scale-with-grid {	max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; font-weight:400; margin-top:0; color:#797979; text-transform:uppercase; margin-bottom:20px;}
a, button { -o-transition: all .2s linear; -moz-transition: all .2s linear;  -webkit-transition: all .2s linear;  transition: all .2s linear; }
p { margin-bottom:15px;}
a:hover, p a:hover { color:#337ab7; text-decoration:underline;}
.navbar-right { margin-right:0;}
.back-bg {
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	background-position: center center;
	background-repeat:no-repeat;
}
	

body {	
	font-family: 'Ubuntu', sans-serif;	
	font-size:16px;	
	line-height:22px;	
	font-weight:400;	
	color: #797979;	
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */	
	-webkit-text-size-adjust: 100%;	
	word-wrap:break-word;
}
#home {
	display:block;
	min-height:100%;
	min-width:100%;
	height:100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
#afterlog { 
	padding-top:50px; 
	min-height:100%;
	align-items: center;
}

#userform {
	padding-top:90px; 
	min-height:100%;
}

#login-box {
	padding:10px 30px;
	background: rgba(255,255,255,0.8);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	min-width:300px;
}
#brand { text-align:center; padding:20px 10px; text-align:center; display:block; margin-bottom:20px;}
#brand img { max-height:150px;}
.alert-success,
.alert-danger
	 { font-size:14px;}

#dash-logo { margin-bottom: 40px;}
#dash-logo img { width:100%;}


form { margin-bottom:20px;}
form p { margin-bottom:15px;}
form p a { font-size:14px; color:#7f7f7f; text-decoration:none;}
form p a:hover { text-decoration:underline;}
.small input[type=text], .small input[type=email], .small input[type=tel], input[type=password], .small textarea { width:100%; padding:0 10px;}
input[type=text], input[type=email], input[type=tel], input[type=password], textarea { background:#fff; border:0; font-size:16px; font-weight:400; color: #7f7f7f; width:100%; padding:0 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; height:40px; -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset; -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset; box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;}
textarea { height:120px; line-height:24px; padding:6px 10px;}
input[type=submit],input[type=button], a.link-text { width:auto; background:#2baede; padding:10px 25px; text-align:center; color:#fff; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:0px; box-sizing:border-box;}
input[type=submit],input[type=button]:hover { background:#38184f;}
.msg-box { padding:30px;}
.msg-box h2, .msg-box p { text-align:center;}
.msg-box p { margin-bottom:50px;}

form.app p { display:block;}
form.app label { font-size:14px; line-height:20px; text-align:left; color:#797979; font-weight:400;}
form.app .small input[type=text], 
form.app .small input[type=email], 
form.app .small input[type=tel], 
form.app .small textarea { 
	width:100%; 
	padding:0 10px;
}
form.app input[type=text], 
form.app input[type=email], 
form.app input[type=tel], 
form.app input[type=password], 
form.app textarea { 
	background:#fff; 
	border:1px solid #7f7f7f; 
	font-size:16px; 
	font-weight:400; 
	color: #7f7f7f; 
	width:100%; 
	padding:0 10px; 
	border-radius:0; 
	height:35px; 
	box-shadow: none;
}
form.app textarea { 
	height:60px;
	line-height:24px;
	padding:6px 10px;
}
form.app input[type=submit] { 
	width:auto; 
	background:#2baede; 
	padding:0 25px;
	height:35px;
	text-align:center; 
	color:#fff; 
	text-decoration:none; 
	-webkit-border-radius:5px; 
	-moz-border-radius:5px; 
	border-radius:5px; 
	border:0px; 
	box-sizing:border-box;
}
form.app input[type=submit]:hover { 
	background:#38184f;
}

.select-style {
    margin: 0;
    border:1px solid #7f7f7f; 
	width:100%;
    border-radius: 0;
    overflow: hidden;
    background-color: #fff;
    background: #fff url(lib/images/arrowdown.gif) no-repeat 99% 50%;
	height:35px;
}

.select-style select {
 	font-size:16px;
	height:32px;
	padding:0 10px;
	font-weight:400; 
	color: #7f7f7f;
    width: 100%;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}

input[type=text], input[type=email], input[type=url], textarea, input[type=submit] { -webkit-appearance: none;}

::-webkit-input-placeholder {
   color: #ccc;
}

:-moz-placeholder { /* Firefox 18- */
   color: #ccc;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #ccc;  
}

:-ms-input-placeholder {  
   color: #ccc;  
}

:focus {
	outline: 0;
}


.navbar {    
	margin-bottom: 0;
}
.navbar-default {	
	background:#2baede;
	color:#fff;
}
.navbar-default .navbar-brand {
	color:#fff;
}
.navbar-default .navbar-nav>li>a {
	color:#fff;
}
.navbar-default .navbar-nav>li.active>a {
	color:#fff;
	background:#38184f;
}
.nav>li>a { padding: 15px 25px;}
.navbar-default .navbar-nav>li>a i { margin-right:5px;}
/*.navbar-default .navbar-nav>li>a:hover {
	color:#006b88;
}

*/

.items {
	margin-bottom:30px;
}
.item-block {
	display:block;
	min-width:100%;
	padding:15px;
	border:1px solid #d7d7d7;
	background:#2baede;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	color:#fff;
}
.item-block h4 { color:#fff; margin-bottom:17px;}
.item-block i { display:block; text-align:center; margin:10px 0;}
.item-block:hover { background:#38184f; border:1px solid #666; color:#fff;}
.item-block:hover h4 { color:#fff;}

.item-text-block {
	display:block;
	min-width:100%;
	padding:15px;
	border:1px solid #d7d7d7;
	background:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.item-text-block h2 { color:#38184f;}

footer { display:block; padding:20px 0; text-align:center; min-width:100%; font-size:14px; border-top:1px solid #d7d7d7;}
footer a { color:#797979; text-decoration:none;}
footer a:hover { text-decoration:underline;}

.trhead { background:#797979; padding:4px 0; margin-bottom:8px; }
.trhead label { color:#fff !important; text-align:center !important;}
.trrow { padding:0 0 6px 0; display:block; margin-bottom:0;}
.trrow p { margin-bottom:0;}

ul.token-input-list.redborder { border:1px solid #F8282C;}

.table>tbody>tr>th {
	  background:#DFDFDF;
  }
  
 th {
	  background-color:#DFDFDF !important;
	  border-bottom:1px solid #ddd !important;
  }
  td.total {
	  border-bottom:1px solid #ddd !important;
	  border-top:1px solid #ddd !important;
  }
  td {
	  border-top:0px !important;
  }

/********************************************
                 Media CSS
*********************************************/

/* ==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1290px){
	
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px){


	
}
	
/* Small Devices, Tablets */
@media only screen and (max-width : 767px){

	
}
	
/* Extra Small Devices, Phones */
@media only screen and (max-width : 479px){
	

	
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 319px){
	
	
	
}
	
@media print {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .visible-xs {
    display: none !important;
  }
  .hidden-xs {
    display: block !important;
  }
  table.hidden-xs {
    display: table;
  }
  th {
	  background-color:#DFDFDF !important;
	  border-bottom:1px solid #ddd !important;
  }
  td.total {
	  border-bottom:1px solid #ddd !important;
	  border-top:1px solid #ddd !important;
  }
  td {
	  border-top:0px !important;
  }
	  
  tr.hidden-xs {
    display: table-row !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: table-cell !important;
  }
  .hidden-xs.hidden-print {
    display: none !important;
  }
  .hidden-sm {
    display: none !important;
  }
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
  #userform {
	padding-top:0px !important; 
  }

}