/* ATTN: This is mobile first CSS - to update 786px and up screen width use the media query near the bottom of the document! */

/* Global Styles */

html, body {
height: 100%;
}
.wrapps {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -10px;
}
footer, .push {
height: 10px;
}

body {
  margin-top: 50px;
}

#wrapper {
  padding-left: 0;
}

#page-wrapper {
  width: 100%;
  padding: 5px 15px;
}

/* Nav Messages */

.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
  display: block;
}

.messages-dropdown .dropdown-menu .message-preview .avatar {
  float: left;
  margin-right: 15px;
}

.messages-dropdown .dropdown-menu .message-preview .name {
  font-weight: bold;
}

.messages-dropdown .dropdown-menu .message-preview .message {
  font-size: 12px;
}

.messages-dropdown .dropdown-menu .message-preview .time {
  font-size: 12px;
}


/* Nav Announcements */

.announcement-heading {
  font-size: 45px;
  margin: 0;
}
.fa-5x {
    font-size: 4.5em!important;
}
.announcement-text {
  margin: 0;
}

/* Table Headers */

table.tablesorter thead {
  cursor: pointer;
}

table.tablesorter thead tr th:hover {
  /*background-color: #f5f5f5;*/
}

/* Flot Chart Containers */

.flot-chart {
  display: block;
  height: 400px;
}

.flot-chart-content {
  width: 100%;
  height: 100%;
}

/* Edit Below to Customize Widths > 768px */
@media (min-width:768px) {

  /* Wrappers */

  #wrapper {
	padding-left: 225px;
  }

  #page-wrapper {
	padding: 15px 25px;
  }

  /* Side Nav */

  .side-nav {
	margin-left: -225px;
	left: 225px;
	width: 225px;
	position: fixed;
	top: 50px;
	height: 100%;
	border-radius: 0;
	border: none;
	background-color: /*#222222*/#323d48;
	overflow-y: auto;
  }

  /* Bootstrap Default Overrides - Customized Dropdowns for the Side Nav */

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {background:#CF102A;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background:#d0112b;}
.navbar-inverse {background-color: #fff; border-color: #999999;}
.navbar-right .badge {background-color: #323d48;}
.navbar-right > li > a {color: #323d48!important;}
.navbar-right > li > a:hover {color: #fff!important;}
.navbar-right .open  .dropdown-toggle {color: #fff!important;}

.navbar-right > li > a:hover .badge {background-color: #fff; color:#323d48!important;}
  
  .side-nav>li.dropdown>ul.dropdown-menu {
	position: relative;
	min-width: 225px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
  }

  .side-nav>li.dropdown>ul.dropdown-menu>li>a {
	color: #999999;
	padding: 15px 15px 15px 25px;
  }

  .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,
  .side-nav>li.dropdown>ul.dropdown-menu>li>a.active,
  .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {
	color: #fff;
	background-color: #080808;
  }

  .side-nav>li>a {
	width: 225px;
  }

  .navbar-inverse .navbar-nav>li>a:hover,
  .navbar-inverse .navbar-nav>li>a:focus {
	background-color: /*#080808*/#CF102A;
  }

  /* Nav Messages */

  .messages-dropdown .dropdown-menu {
	min-width: 300px;
  }

  .messages-dropdown .dropdown-menu li a {
	white-space: normal;
  }

  .navbar-collapse {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

}

/***** Login Page Css *****/

.inner-bg {
    padding: 100px 0 170px 0;
}

.top-content .text {
	color: #fff;
}

.top-content .text h1 { color: #fff; }

.top-content .description {
	margin: 20px 0 10px 0;
}

.top-content .description p { opacity: 0.8; }

.top-content .description a {
	color: #fff;
}
.top-content .description a:hover, 
.top-content .description a:focus { border-bottom: 1px dotted #fff; }

.form-box {
	margin-top: 55px;
}

.form-top {
	overflow: hidden;
	padding: 0 25px 15px 25px;
	background: #fff;
	-moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
	text-align: left;
}

.form-top-left {
	float: left;
	width: 75%;
	padding-top: 25px;
}

.form-top-left h3 { margin-top: 0; }

.form-top-right {
	float: left;
	width: 25%;
	padding-top: 5px;
	font-size: 66px;
	color: #ddd;
	line-height: 100px;
	text-align: right;
}

.form-bottom {
	padding: 25px 25px 30px 25px;
	background: #eee;
	-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
	text-align: left;
}

.form-bottom form textarea {
	height: 100px;
}

.form-bottom form button.btn {
	width: 100%;
}

.form-bottom form .input-error {
	border-color: #4aaf51;
}

.social-login {
	margin-top: 35px;
}

.social-login h3 {
	color: #fff;
}

.social-login-buttons {
	margin-top: 25px;
}

.form-bottom .btn {
    width: 100%;
}

.form-box input[type="text"], 
.form-box input[type="password"], 
.form-box textarea, 
.form-box textarea.form-control {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #fff;
    border: 3px solid #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #888;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.form-box textarea, 
.form-box textarea.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 30px;
}

.form-box input[type="text"]:focus, 
.form-box input[type="password"]:focus, 
.form-box textarea:focus, 
.form-box textarea.form-control:focus {
	outline: 0;
	background: #fff;
    border: 3px solid #fff;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
}

.form-box input[type="text"]:-moz-placeholder, .form-box input[type="password"]:-moz-placeholder, 
.form-box textarea:-moz-placeholder, .form-box textarea.form-control:-moz-placeholder { color: #888; }

.form-box input[type="text"]:-ms-input-placeholder, .form-box input[type="password"]:-ms-input-placeholder, 
.form-box textarea:-ms-input-placeholder, .form-box textarea.form-control:-ms-input-placeholder { color: #888; }

.form-box input[type="text"]::-webkit-input-placeholder, .form-box input[type="password"]::-webkit-input-placeholder, 
.form-box textarea::-webkit-input-placeholder, .form-box textarea.form-control::-webkit-input-placeholder { color: #888; }



.form-box button.btn {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #5a666f;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

.form-box button.btn:hover { opacity: 0.8; color: #fff; }

.form-box button.btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.form-box button.btn:focus { outline: 0; opacity: 0.6; background: #203F7B; color: #fff; }

.form-box button.btn:active:focus, button.btn.active:focus { outline: 0; opacity: 0.6; background: #203F7B; color: #fff; }

.darkhr {border-top: 1px solid #ddd;}
.overlay {position:absolute; width:100%; height:100%; background:rgba(206,206,206,0.4);}
.login {margin-top:0px;}

/***** Login Page Css *****/

footer {background: #323d48; color: #fff;margin-top: 10px;}
.copyrighttext {padding:5px 10px; background: #323d48; margin:0px;}
.devptext {padding:5px 10px; /*text-align:right;*/ background: #323d48; margin:0px;}
.devptext a {color:#a2aaac;}
.submenus a span {padding-left:15px}
.sfck {background-color:#d0112b; border-color:#d0112b; color:#fff;}
.sfck:hover {background-color:#bd0018; border-color:#bd0018; color:#fff;}
.sfck:focus {background-color:#bd0018; border-color:#bd0018; color:#fff;}
.slims {height:27px; min-width: 70px;}
.mrgb20 {margin-bottom:20px;}
.tooltips {margin-top:10px;}
.popover {margin-top:70px; max-height:400px; max-width:/*326px*/90%; width:80%; /*overflow-y:scroll;*/ overflow-x:hidden;}
.popover.left .arrow {top:20%;}
.hovers {cursor:pointer;}
.autos {width:auto;}
.taboverflow {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
	white-space:nowrap;
	margin-bottom:20px;
}

/***** Forecasting Grouped Table Css *****/
div#example_filter { margin-bottom: 10px;}
#example_filter input{
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
#example_filter input:focus {
    border-color: #f97a8b;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(249, 122, 139, 0.6);
    outline: 0 none;
}
.display {margin:10px 0;}
.pdl {padding-right:10px;}
.display .rowCount-grid { float: right; font-size: 15px; color: Red; padding-right: 250px;}
.display th {padding: 10px 5px; background: #d2d2d2 !important; border: 1px solid #bfbfbf!important;}
.display tr:hover th, tr:hover td {background-color: #ebebeb; background-image: none;}
.display td
{
	height: 26px;
	padding: 6px 0px 6px 20px !important;
	text-align: left;
	border-bottom: 1px solid #d0d0d0;
	vertical-align: middle;
	color: #555555;
	background-color: #ffffff;
}
.display td.group
{
	background-color: #f8f8f8 !important;
	border-bottom: 1px solid #bfbfbf;
	border-top: 1px solid #bfbfbf;
}
.display td.expanded-group
{
	background: url(../images/minus.png) no-repeat scroll 0.5% center transparent;
	cursor:pointer;
	padding:6px 10px!important;
}
.display tr:hover td.expanded-group
{
	background: url(../images/minus.png) no-repeat scroll 0.5% center #ddd !important;
	padding:6px 10px!important;
	cursor:pointer;
}

.display td.collapsed-group
{
	/*background: url("../../assets/images//plus.jpg") no-repeat scroll left center transparent;*/
	background:url(../images/add.png) no-repeat scroll 0.5% center transparent;
	cursor:pointer;
	padding:6px 10px!important;
}
.display tr:hover td.collapsed-group
{
	background: url(../images/add.png) no-repeat scroll 0.5% center #ddd !important;
	padding:6px 10px!important;
	cursor:pointer;
}
.display .DataTables_sort_wrapper span
{
	float: right;
}
/***** Forecasting Grouped Table Css *****/


/*new css*/
.min-height{
	min-height:115px;
}
.color1{
	color:#323D48;
}
.color1:hover{
	color:#323D48;
}
.color{
	color:#D0112B;
}
.color:hover{
	color:#D0112B;
	text-decoration:underline;
}
.panel-heading.df {
    background-color: #6d7883;
    color: #fff;
}
.df-br {
    border-color: #6d7883;
}
.active th {
    cursor: auto;
}
.title{
	color: #323d48;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 12px;
	
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
.pl{
	padding-left:20px;
}
.tl{
	font-size:20px;
	margin-top:0px;
	color:#a50000;
	font-weight:500;
}
.popover.fade.left.in {
    top: -75px !important;
}
.danger1{
	background-color:#f2dede!important;
}
.info1{
	background-color: #d9edf7!important;
}
.success1{
	background-color: #dff0d8!important;
}
.dt{
	height:49px;
	padding-top:14px!important;
}
.np{
	padding-left:0px;
}
.np1{
	padding-right:0px;
}
.np2{
	padding-right:0px;
	padding-left:0px;
}
.editable-submit{
background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;	
}
.editable-submit:hover , .editable-submit:focus{
background-color: #d2322d;
    border-color: #ac2925;
    color: #fff;
}
.mb10{
	margin-bottom:10px;
}
.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}
@media only screen and (min-device-width : 768px) and (max-device-width : 800px) {
.navbar-header {
    width: 52%;
}
}
@media only screen and (min-device-width : 801px) and (max-device-width : 1024px) {
.navbar-header {
    width: 40%;
}
}
@media (min-width:1920px) {
.navbar-header {
    width: 21%;
}
.wizard ul.steps > li{
	padding: 0 55px!important;
}
}




/*wizard*/
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}
.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
}
.tree ul {
    margin-left:1em;
    position:relative
}
.tree ul ul {
    margin-left:.5em
}
.tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-left:1px solid
}
.tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#b8b8b8;
    font-weight:700;
    position:relative
}
.tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    /*border-top:1px solid;*/
    margin-top:-1px;
    /*position:absolute;*/
    top:1em;
    left:0
}
.tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
}
.indicator {
    margin-right:5px;
}
.tree li a {
    text-decoration: none;
    color:#b8b8b8;
}
.tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
}







 #wrapper.active .sidetitle {display:inline-block;}
 #wrapper .sidetitle {display:none;}
 #wrapper .sideicon {float:right; margin-right:25px;}
 #wrapper.active .sideicon {float:none; margin-right:0px;}
 .amChartsLegend.amcharts-legend-div{
	 display:none;
 }
 #sidebar-wrapper {
    margin-left: -150px;
    left: -25px;
    width: 225px;
    background: #323D48;
    position: fixed;
    height: 100%;
    z-index: 10000;
    transition: all .4s ease 0s;
	margin-top:50px;
}

.sidebar-nav {
    display: block;
    float: left;
    width: 225px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
}
#wrapper {
    padding-left: 40px;
}
#wrapper.active {
    padding-left: 225px;
}
#wrapper.active #sidebar-wrapper {
    left: 150px;
}

.page-content-wrapper {
  width: 100%;
}

#sidebar_menu li a, .sidebar-nav li a {
    color: #b8b8b8;
    display: block;
    float: left;
    text-decoration: none;
    width: 225px;
    background: #323D48;
   /* border-top: 1px solid #373737;
    border-bottom: 1px solid #1A1A1A;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;*/
}
.sidebar_name {
    padding-top: 25px;
    color: #fff;
    opacity: .7;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 8px;
}
.sidebar-nav .active a {
  background-color:#cf102a!important;
  color:#FFF;
}

.sidebar-nav li a {
  color: #999999;
  display: block;
  text-decoration: none;
}

.sidebar-nav li a:hover {
  color: #fff;
  background-color: #cf102a ;
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  /*height: 65px;
  line-height: 60px;*/
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  color: #b8b8b8;
  padding-bottom:12px;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

#main_icon
{
    float:right;
   padding-right: 25px;
   padding-top:10px;
}
.sub_icon
{
    float:right;
   padding-right: 65px;
   padding-top:10px;
}
.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

@media (max-width:767px) {
    #wrapper {
    padding-left: 70px;
    transition: all .4s ease 0s;
}
#sidebar-wrapper {
    left: 70px;
}
#wrapper.active {
    padding-left: 150px;
}
#wrapper.active #sidebar-wrapper {
    left: 150px;
    width: 150px;
    transition: all .4s ease 0s;
}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.tt1 {
	width: 11%!important;
}
.fa-5x {
    font-size: 2em !important;
}
.announcement-heading {
    font-size: 24px;
}
.panel-heading {
	padding:8px;
}
.nop{
	padding-left:5px;
	padding-right:5px;
}
.panel-footer {
	padding:8px 5px;
}
.fa.fa-arrow-circle-right{
	font-size:12px!important;
}
.col-xs-10.np1{
	font-size:12px;
}
.min-height {
    min-height: 98px;
}
.sa {
    bottom: -43px!important;
}
.sa1 {
    bottom: -43px!important;
}

.sa2 {
    bottom: -43px!important;
}
.w12{
	width:16%!important;
}
.w10{
	width:15%!important;
}
.w30{
	width:20%!important;
}
.w17{
	width:17%!important;
}
.w14{
	width:14%!important;
}	
}

.w12{
	width:12%;
}
.w10{
	width:10%;
}
.w30{
	width:30%;
}
.w14{
	width:10%;
}
.sa {
    bottom: 10px;
    position: absolute;
    right: 88px;
}

.sa1 {
    bottom: 10px;
    position: absolute;
    right: 20px;
}

.sa2 {
    bottom: 10px;
    position: absolute;
    right: 20px;
	padding-left:30px;
	padding-right:30px;
}


.list-group-item.node-treeview1.node-selected {
    background-color: transparent !important;
}


.green{
	color:#390;
}
.red{
	color:#C00;
}
.yellow{
	color:#FFD800;
}
.mail{
	font-size:14px;
	cursor:pointer;
	color:#333;
}

.bg{
	background-image:url(../images/band.png)!important;
	background-repeat:no-repeat;
	background-position: right top;
}
.bg:hover{
	background-image:url(../images/band.png);
}



#wrapper {
    padding-left: 70px;
    transition: all .4s ease 0s;
    height: 100%
}

#sidebar-wrapper {
    margin-left: -150px;
    left: 70px;
    width: 150px;
    /*background: #222;*/
    position: fixed;
    height: 100%;
    z-index: 10000;
    transition: all .4s ease 0s;
	top:40px;
}

.sidebar-nav {
    display: block;
    float: left;
    width: 150px;
    list-style: none;
    margin: 0;
    padding: 0;
}
#page-content-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    height: auto;
}
#wrapper.active {
    padding-left: 150px;
}
#wrapper.active #sidebar-wrapper {
    left: 150px;
}

#page-content-wrapper {
  width: 100%;
}

#sidebar_menu li a, .sidebar-nav li a {
    color: #999;
    display: block;
    float: left;
    text-decoration: none;
    width: 150px;
   /* background: #252525;
    border-top: 1px solid #373737;
    border-bottom: 1px solid #1A1A1A;*/
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    -ms-transition: background .5s;
    transition: background .5s;
}
.sidebar_name {
    padding-top: 25px;
    color: #fff;
    opacity: .7;
}

.sidebar-nav li {
  line-height: 40px;
  text-indent: 20px;
}

.sidebar-nav li a {
  color: #999999;
  display: block;
  text-decoration: none;
}

.sidebar-nav li a:hover {
  color: #fff;
  background: rgba(255,255,255,0.2);
  text-decoration: none;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
  text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
  height: 40px;
  line-height: 60px;
  font-size: 18px;
}

.sidebar-nav > .sidebar-brand a {
  color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
  color: #fff;
  background: none;
}

.sidebar-bottom {
    position: absolute;
    bottom: 0;
}

#main_icon
{
   float:right;
   padding-right: 30px;
   padding-top:20px;
}
.sub_icon
{
   float:right;
   padding-right: 32px;
   padding-top:10px;
}
.content-header {
  height: 65px;
  line-height: 65px;
}

.content-header h1 {
  margin: 0;
  margin-left: 20px;
  line-height: 65px;
  display: inline-block;
}

@media (max-width:767px) {
    #wrapper {
    padding-left: 70px;
    transition: all .4s ease 0s;
}
#sidebar-wrapper {
    left: 70px;
}
#wrapper.active {
    padding-left: 150px;
}
#wrapper.active #sidebar-wrapper {
    left: 150px;
    width: 150px;
    transition: all .4s ease 0s;
}
}


.le li{
	list-style:square;
}
.tooltip{
	padding:10px;
}

.tt{
	color:#CF102A;
	margin-bottom:6px;
	font-weight:600;
	width:26%;
}
.tt-1{
	
	color:#CF102A;
}

@import "compass/css3";

@import url("http://fonts.googleapis.com/css?family=Lato");

$background: #e74c3c;
$file-upload-color: #c0392b;
$file-upload-size: 300px;

.custom-file-upload-hidden {
    display: none;
    visibility: hidden;
    position: absolute;
    left: -9999px;
}
.custom-file-upload {
    display: block;
    width: auto;
    font-size: 16px;
    //border: 1px solid #ccc;
    label {
        display: block;
        margin-bottom: 5px;
    }
}

.file-upload-wrapper {
    position: relative; 
    //border: 1px solid #ccc;
}
.file-upload-input {
    width: $file-upload-size;
    color: #fff;
    font-size: 16px;
    padding: 11px 17px; 
    border: none;
    background-color: $file-upload-color; 
    @include transition(all 0.2s ease-in); 
    float: left; /* IE 9 Fix */
    &:hover, &:focus { 
        background-color: darken($file-upload-color, 5);
        outline: none; 
    }
}
.file-upload-button {
    cursor: pointer; 
    display: inline-block; 
    background-color: #d0112b;
    border-color: #d0112b;
    color: #fff;
    font-size: 14px;
    padding: 7px 12px; 
	border-radius: 4px;
    border: none;
	margin-right:10px;
    margin-left: -1px;  
    background-color: darken($file-upload-color, 10); 
    float: right; /* IE 9 Fix */
    @include transition(all 0.2s ease-in);
    &:hover {
        background-color: darken($file-upload-color, 20);
    }
}


.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary{
	background-color: #bd0018;
    border-color: #bd0018;
    color: #fff;
}

.tt1 {
    color: #cf102a;
    font-weight: 600;
    margin-bottom: 6px;
    width: 8%;
}


.form-box .btn {
	height: 50px;
    margin: 0;
    padding: 0 20px;
    vertical-align: middle;
    background: #5a666f;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 50px;
    color: #fff;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
    text-shadow: none;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
}

/*.form-box .btn:hover { opacity: 0.8; color: #fff; }

.form-box .btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.form-box .btn:focus { outline: 0; opacity: 0.6;  color: #fff; }
.form-box .btn:active:focus, .btn.active:focus { outline: 0; opacity: 0.6; color: #fff; }*/

.tp{
	background-color:#fff;
	margin-top:0px;
}