/*===========================================================================
MAIN STYLE
===========================================================================*/
body{font-family: 'Roboto', sans-serif; font-size: 14px; background-color: #f4f5f7; color: #656d7b;}


/*.container-fluid{padding-left: 30px;padding-right: 30px;}*/


.title{color: #000;font-size: 50px;font-weight: 300;margin-bottom: 50px;position: relative;z-index:1;overflow:hidden;text-align: center;}
.title:before,
.title:after {content:'';display:inline-block;width:100%;height:1px;background: #bf1e2e;z-index:-1;position:relative;vertical-align:middle;}
.title:before {right:20px;margin:0 0 0 -100%;}
.title:after {left:20px;margin:0 -100% 0 0;}
.title:first-child{margin-top: 0;}


.form-control{height: 40px;border-radius: 0;box-shadow: none; border: 1px solid #efefef; background-color: #FCFCFC;}
.form-control:focus{box-shadow: none;}


.input-group-addon{background-color: #FCFCFC; border-color: #efefef;}

.form-group{margin-bottom: 23px;}

form .btn{min-width: 120px;}


.inputfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.inputfile + label {font-weight: normal; text-overflow: ellipsis;white-space: nowrap;cursor: pointer;display: block;overflow: hidden;padding: 9px 20px;color: #555;background-color: #FCFCFC;border: 1px solid #efefef;}
.no-js .inputfile + label {display: none;}

/* .inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
} */
.inputfile + label svg {width: 1em;height: 1em;vertical-align: middle;fill: currentColor;margin-top: -4px;margin-right: 4px;}




.btn{border-radius: 0; padding: 9px 10px;
	-webkit-transition: background-color .4s ease-out, border-color .4s ease-out;
	-moz-transition: background-color .4s ease-out, border-color .4s ease-out;
	-o-transition: background-color .4s ease-out, border-color .4s ease-out;
	transition: background-color .4s ease-out, border-color .4s ease-out;

}
.btn-sm{padding: 5px 15px;}


.btn .fa:first-child{margin-right: 5px;}
.btn .fa:last-child{margin-left: 5px;}


.btn-default{background-color: #3b3e46;border-color: #3b3e46;color: #fff;}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default:focus:active{background-color: #bf1e2e; border-color: #bf1e2e; color: #fff;}

.btn-primary{background-color: #6dc068;border-color: #6dc068;color: #fff;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus:active{background-color: #000; border-color: #000; color: #fff;}

.btn-warning{background-color: #ffce55; border-color: #ffce55; color: #fff;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning:focus:active{background-color: #f6bb43; border-color: #f6bb43; color: #fff;}


.btn-success{background-color: #bf1e2e;border-color: #bf1e2e;color: #fff;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success:focus:active{background-color: #000; border-color: #000; color: #fff;}

.btn-danger{background-color: #ed5564; border-color: #ed5564; color: #fff;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger:focus:active{background-color: #ab3440; border-color: #ab3440; color: #fff;}

form .btn{margin-top: 25px;}


label{color: #000;}



.checkbox label{padding: 0;margin: 0;}
.checkbox [type="checkbox"]:not(:checked),
.checkbox [type="checkbox"]:checked {position: absolute;left: -9999px;}
.checkbox [type="checkbox"]:not(:checked) + span,
.checkbox [type="checkbox"]:checked + span {position: relative;padding-left: 27px;cursor: pointer;display: block;font-size: 14px;color: #525252;}
.checkbox [type="checkbox"]:not(:checked) + span:before,
.checkbox [type="checkbox"]:checked + span:before{content: '';position: absolute;left: 0; top: -1px;width: 20px; height: 20px;border: none;background: #fff;border-radius: 1px;border: 2px solid #d8d8d8;}
.checkbox [type="checkbox"]:checked + span:before{background: #bf1e2e;border-color: #bf1e2e;}
.checkbox [type="checkbox"]:not(:checked) + span:after,
.checkbox [type="checkbox"]:checked + span:after {content: '✔';position: absolute;top: 3px; left: 5px;font-size: 13px;line-height: 1;color: #fff;transition: all .2s; border-color: #48CFAD;}
.checkbox [type="checkbox"]:not(:checked) + span:after {opacity: 0;transform: scale(0);}
.checkbox [type="checkbox"]:checked + span:after {opacity: 1;transform: scale(1);}
.checkbox [type="checkbox"]:disabled:not(:checked) + span:before,
.checkbox [type="checkbox"]:disabled:checked + span:before {background-color: #d8d8d8;border-color: #d8d8d8;}
.checkbox [type="checkbox"]:disabled:checked + span:after{display: none;}


.radio label{padding: 0;margin: 0;}
.radio [type="radio"]:not(:checked),
.radio [type="radio"]:checked {position: absolute;left: -9999px;}
.radio [type="radio"]:not(:checked) + span,
.radio [type="radio"]:checked + span {position: relative;padding-left: 27px;cursor: pointer;display: block;font-size: 14px;color: #525252;}
.radio [type="radio"]:not(:checked) + span:before,
.radio [type="radio"]:checked + span:before{content: '';position: absolute;left: 0; top: -1px;width: 20px; height: 20px; border-radius: 50%; border: none;background: #fff;border: 2px solid #d8d8d8;}
.radio [type="radio"]:checked + span:before{background: #bf1e2e;border-color: #bf1e2e;}
.radio [type="radio"]:not(:checked) + span:after,
.radio [type="radio"]:checked + span:after {content: '';position: absolute;top: 5px;left: 6px;font-size: 13px;line-height: 1;color: #fff;transition: all .2s;border-color: #bf1e2e;width: 8px;height: 8px;border-radius: 50%;background-color: #fff;}
.radio [type="radio"]:not(:checked) + span:after {opacity: 0;transform: scale(0);}
.radio [type="radio"]:checked + span:after {opacity: 1;transform: scale(1);}
.radio [type="radio"]:disabled:not(:checked) + span:before,
.radio [type="radio"]:disabled:checked + span:before {background-color: #d8d8d8;border-color: #d8d8d8;}
.radio [type="radio"]:disabled:checked + span:after{display: none;}

.radio.primary [type="radio"]:checked + span:before{background: #5d9cec; border-color: #5d9cec;}
.radio.primary [type="radio"]:not(:checked) + span:after,
.radio.primary [type="radio"]:checked + span:after {border-color: #5d9cec;}

.radio.danger [type="radio"]:checked + span:before{background: #ed5564; border-color: #ed5564;}
.radio.danger [type="radio"]:not(:checked) + span:after,
.radio.danger [type="radio"]:checked + span:after {border-color: #ed5564;}

.radio.success [type="radio"]:checked + span:before{background: #48CFAD; border-color: #48CFAD;}
.radio.success [type="radio"]:not(:checked) + span:after,
.radio.success [type="radio"]:checked + span:after {border-color: #48CFAD;}

.checkbox.inline, .radio.inline{display: inline-block; margin-right: 12px;}


.switch[type=checkbox]{height: 0;width: 0;visibility: hidden;}
.switch + label {cursor: pointer;text-indent: -9999px;width: 80px;height: 40px;background: #ed5564;display: block;border-radius: 100px;position: relative;}
.switch + label:after{content: '';position: absolute;top: 5px;left: 5px;width: 30px;height: 30px;background: #fff;border-radius: 90px;transition: 0.3s;}
.switch:checked + label{background: #48CFAD;}
.switch:checked + label:after{left: calc(100% - 5px);transform: translateX(-100%);}
.switch + label:active:after{width: 50px;}



.pagination-row{text-align: center;margin-bottom: 50px;}
.pagination-row .pagination{margin: 0;}
.pagination.row .dropdown-menu{min-width: 70px;}

.pagination{border-radius: 0;}
.pagination>li>a, .pagination>li>span{font-size: 14px; line-height: 38px; padding: 0px 16px;
	background-color: #CCD1D9; border-color: #CCD1D9; color: #fff;
}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 0;}


.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: #bf1e2e;border-color: #bf1e2e;}


.table td, .table th{text-align: center;}

.table td[align="left"]{text-align: left;}


.badge{padding: 4px 9px; border-radius: 8px;background-color: #ffa155; font-weight: normal;}

.dropdown-menu{border: none;}
.dropdown-menu>li>a{padding: 6px 15px;}



td.padding{padding-left: 0!important;padding-right: 0!important;}

.sort-column{display: inline-block;}
.sort-column a{font-size: 12px;}


.multiselect-container{width: 100%;}
.multiselect-container>li>a{padding: 0!important;}
.multiselect-container> .active label{color: #fff;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background-color:#bf1e2e}


.multiselect-container .checkbox [type="checkbox"]:not(:checked), .multiselect-container .checkbox [type="checkbox"]:checked{position: relative; left: 0; top: 2px;}

td .input-group{width: 100%;}

a{color: #000; font-weight: bold;}
a:hover{color: #bf1e2e}

/*===========================================================================
END MAIN STYLE
===========================================================================*/



/*===========================================================================
HEADER
===========================================================================*/
.navbar-default {background-color: #3b3e46;border: none;}
.navbar-default .navbar-brand{color: #656d7b;}
.navbar-brand{height: auto;font-size: 30px;line-height: 50px;font-weight: 300;padding: 5px 15px;}
.navbar-brand img{ max-height: 70px;}

.header{margin-bottom: 100px; box-shadow: 0 -9px 54px -3px rgba(0,0,0,0.2);}
.header .navbar-nav>li>a{padding-top: 30px;padding-bottom: 30px;font-weight: 300;letter-spacing: 1px;color: #fff;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{color: #fff;}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background-color: #bf1e2e; color: #fff}


.navbar-toggle{margin-top: 23px;}


#footer{background-color: #3b3e46; color: #fff; padding-top: 10px;}




/*===========================================================================
END HEADER
===========================================================================*/



/*===========================================================================
BOX
===========================================================================*/
.box{background-color: #fff;padding: 27px 40px 30px; border: 1px solid #efefef;margin-bottom: 50px;  box-shadow: 0 9px 54px -17px rgba(0,0,0,0.2);}

.box h3{font-size: 25px; font-weight: 300;margin-bottom: 30px;}
.box h3:first-child{margin-top: 0;}


.info{width: 100%; border-collapse: collapse; max-width: 400px;}
.info td{vertical-align: middle;padding: 5px 5px;}
.info td:first-child{padding-left: 0;}

.info tbody tr:last-child td{padding-bottom: 15px;}
.info tfoot tr:first-child td{padding-top: 10px;}
.info tfoot td{border-top: 1px solid #ccc;}



.action{text-align: right;}
.action .btn{min-width: 193px;margin-top: 24px;}

.action .radio.inline, .action .checkbox.inline{margin-left: 11px;margin-right: 0;}

/*===========================================================================
END BOX
===========================================================================*/


/*===========================================================================
LEADS
===========================================================================*/
.table-leads th{white-space: nowrap;}
.pagination-box{float: right; min-width: 200px; padding-top: 20px;}
.nav-tabs{margin-bottom: 15px;}




/*===========================================================================
END LEADS
===========================================================================*/





















/*===========================================================================
RESPONSIVE
===========================================================================*/

@media (min-width: 768px){
	.row-margin{margin-bottom: -20px;}
}

@media (max-width: 767px){
	.navbar-nav{margin: 0 -15px;}
	.header .navbar-nav>li>a{padding-top: 20px;padding-bottom: 20px;}
	.header{margin-bottom: 50px;}

	.title{font-size: 40px;}

	.action{margin-top: 30px; text-align: left;}
	.action .radio.inline, .action .checkbox.inline{margin-left: 0;margin-right: 11px;}

	.info{max-width: 100%;}

	.pagination-row{text-align: left;}
}



@media (max-width: 480px){
	.hidden-xss{display: none!important;}
	.col-xss-12{width: 100%;}

	.box{padding: 20px 25px 23px;}

	.box h3{font-size: 22px;}
}






/*===========================================================================
END RESPONSIVE
===========================================================================*/

/* Absolute Center Spinner */
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.invalid {border: 1px solid #ed5564}
.valid {border: 1px solid #090}

.linkinoform{
    font-weight: lighter;
    text-align: right;
}