/*********************************************************************************************\
  ***********************************************************************************************
  **                                                                                           **
  **  HTML5 CSS3 PHP Email with Attachments                                                    **
  **  Version 1.2                                                                              **
  **                                                                                           **
  **  http://techmynd.org/demos/html5-multiple-attachment-email/                               **
  **                                                                                           **
  **  Copyright 2015 (C) TechMynd                                                              **
  **  http://www.techmynd.org                                                                  **
  **                                                                                           **
  **  ***************************************************************************************  **
  **                                                                                           **
  **  Developer Information:                                                                   **
  **                                                                                           **
  **      Name  :  Muhammad Javed Khalil                                                       **
  **      Email :  admin@techmynd.com                                                          **
  **      Phone :  +92 300 426 9752                                                            **
  **      URL   :  http://www.techmynd.com                                                     **
  **      URL   :  http://www.techmynd.org                                                     **
  **      URL   :  http://www.javedkhalil.com                                                  **
  **                                                                                           **
  ***********************************************************************************************
  \*********************************************************************************************/

#mainObj { font-family: 'Ubuntu', sans-serif; font-size: 14px; line-height: 30px;  }
#mainObj p { color:#666; font-size: 15px; margin:0 0 20px 0; }
b, strong { font-weight: 500; }
.radio label, .checkbox label { line-height: 20px; }

#mainObj h2, #mainObj h3, #mainObj h4, #mainObj h5, #mainObj h6 { font-family: 'Montserrat', sans-serif; margin-bottom:15px; text-transform: uppercase; }

#mainObj h2 { color: #cc5739; font-size: 22px; font-weight:normal;  }
#mainObj h3 { font-size: 18px; font-weight:normal; }
#mainObj h4 { font-size: 15px; font-weight:normal; }
h2 .fa, h3, h3 .fa, h4, h5, h6 { color: #000; }

label { font-weight: normal !important; font-family: 'Ubuntu', sans-serif; }
legend { border-bottom: none; font-family: 'Montserrat', sans-serif; }

pre, #textarea1, #textarea2, #textarea3, #textarea4 {
background-color: #fffee9; 
background-image: 
linear-gradient(#eee 1px, transparent 1px);
background-size: 100% 15px;
border:1px dashed #eee;
border-radius:0;
}

pre { margin-bottom: 20px; }

.alert-dismissable .close, .alert-dismissible .close { top:-8px; right: -14px; }

input[type="file"] { 
	cursor:pointer; 
	display:block; 
	background-color: #e7e7e7; 
	color:#000; 
	padding:4px 4px 4px 6px; 
	font-size:14px; 
	border-radius:4px; 
	height: auto; 
	margin-bottom: 1px;
  line-height: 0;
}
input[type="file"]:hover { background-color: #dbdbdb;  }

.navbar { margin-bottom: 0; border-radius:0; }
.navbar-header { margin-top:3px; }
.navbar-inverse .navbar-nav>li>a { color:#ccc; font-weight: normal; font-family: 'Ubuntu', sans-serif; text-transform: uppercase; line-height: 28px; }
.well { overflow:hidden; }
.alert { margin-bottom: 20px; margin-top: 0px; padding:10px 20px; }
.btn { font-family: 'Montserrat', sans-serif; }





.clear { clear:both; font-size: 0; line-height: 0; }
.clear1 { clear:both; font-size: 0; line-height: 0; height: 1px; }
.clear2 { clear:both; font-size: 0; line-height: 0; height: 2px; }
.clear3 { clear:both; font-size: 0; line-height: 0; height: 3px; }
.clear4 { clear:both; font-size: 0; line-height: 0; height: 4px; }
.clear5 { clear:both; font-size: 0; line-height: 0; height: 5px; }
.clear10 { clear:both; font-size: 0; line-height: 0; height: 10px; }
.clear20 { clear:both; font-size: 0; line-height: 0; height: 20px; }
.clear40 { clear:both; font-size: 0; line-height: 0; height: 40px; }

.title { padding:40px 0; background-color:#cc5739; box-shadow: 1px 1px 20px #ccc; margin-bottom:40px; background: repeating-linear-gradient(45deg, #30a8ec, #30a8ec 10px, #cc5739 10px, #cc5739 20px); }
.title h1 { color:#fff; margin:0; padding: 0; font-family: 'Montserrat', sans-serif; font-weight: normal; font-size: 30px; text-shadow:1px 1px 2px #1073ac; }
.title .badge { padding:4px 7px 3px 7px; margin-top:-40px; background-color:#00598c; box-shadow: 1px 1px 20px #fff; }

.error { color:#F00; font-size: 12px; }
.small { font-size:12px; }
.footer { font-family: 'Montserrat', sans-serif; padding:50px 0; background-color:#eee; margin-top: 40px; border-top: 2px dashed #e7e7e7; background: repeating-linear-gradient(45deg, #eeeeee, #eeeeee 10px, #e7e7e7 10px, #e7e7e7 20px); text-shadow:1px 1px 1px #fff; }

.bg-info-default { border-radius: 4px; background-color: #f5f5f5; border:1px solid #e3e3e3; }

/* circle starts */
.footer-circle-wrapper { width:50px; z-index:30; margin-bottom:-66px; }
.circle-indicator{
  width:100%;
  border-radius:50%;
  text-align:center;
  font-size: 36px;
  font-weight: bold;
  padding:50% 0;
  line-height:0;
  position:relative;
  background: #ccc;
  color: #fff;
  font-family: Helvetica, Arial Black, sans;
  opacity: 0.8;
}
/* circle ends */

.well .badge, .small .badge { background-color: #999; }
.stars .fa { color:#ffb900 !important; }
.margin-left-right-0 { margin-right: 0; margin-left: 0; }
.padding-left-right-0 { padding-left:0; padding-right:0; }

.margin-top-0 { margin-top: 0; }
.margin-bottom-0 { margin-bottom: 0; }
.margin-top-bottom-0 { margin-top: 0; margin-bottom:0; }
.highlight { background-color:#cdffc9; color:#000; }

ul li .badge { font-weight: normal; padding:3px 6px 4px 6px; background-color: #ccc; color: #000; text-shadow:1px 1px 1px #eee; font-size: 11px; }