.size-11{ font-size: 11px; line-height: 14px; }
.size-12{ font-size: 12px; line-height: 15px; }
.size-13{ font-size: 13px; line-height: 16px; }
.size-14{ font-size: 14px; line-height: 17px; }
.size-15{ font-size: 15px; line-height: 18px; }
.size-16{ font-size: 16px; line-height: 19px; }
.size-17{ font-size: 17px; line-height: 20px; }
.size-18{ font-size: 18px; line-height: 21px; }
.size-19{ font-size: 19px; line-height: 22px; }
.size-20{ font-size: 20px; line-height: 23px; }
.size-21{ font-size: 21px; line-height: 24px; }
.size-22{ font-size: 22px; line-height: 25px; }
.size-23{ font-size: 23px; line-height: 26px; }
.size-24{ font-size: 24px; line-height: 27px; }
.size-25{ font-size: 25px; line-height: 28px; }
.size-26{ font-size: 26px; line-height: 29px; }
.size-27{ font-size: 27px; line-height: 30px; }
.size-28{ font-size: 28px; line-height: 31px; }
.size-29{ font-size: 29px; line-height: 32px; }
.size-30{ font-size: 30px; line-height: 33px; }
.size-31{ font-size: 31px; line-height: 34px; }
.size-32{ font-size: 32px; line-height: 35px; }
.size-33{ font-size: 33px; line-height: 36px; }
.size-34{ font-size: 34px; line-height: 37px; }
.size-35{ font-size: 35px; line-height: 38px; }
.size-36{ font-size: 36px; line-height: 39px; }
.size-37{ font-size: 37px; line-height: 40px; }
.size-38{ font-size: 38px; line-height: 41px; }
.size-39{ font-size: 39px; line-height: 42px; }
.size-40{ font-size: 40px; line-height: 43px; }
.size-41{ font-size: 41px; line-height: 44px; }
.size-42{ font-size: 42px; line-height: 45px; }
.size-43{ font-size: 43px; line-height: 46px; }
.size-44{ font-size: 44px; line-height: 47px; }
.size-45{ font-size: 45px; line-height: 48px; }
.size-46{ font-size: 46px; line-height: 49px; }
.size-47{ font-size: 47px; line-height: 50px; }
.size-48{ font-size: 48px; line-height: 51px; }
.size-49{ font-size: 49px; line-height: 52px; }
.size-50{ font-size: 50px; line-height: 53px; }

/*Padding*/
.p-0{ padding: 0; }
.p-1{ padding: 10px; }
.p-2{ padding: 20px; }
.p-3{ padding: 30px; }
.p-t-0{ padding-top: 0; }
.p-t-1{ padding-top: 10px; }
.p-t-2{ padding-top: 20px; }
.p-t-3{ padding-top: 30px; }
.p-r-0{ padding-right: 0; }
.p-r-1{ padding-right: 10px; }
.p-r-2{ padding-right: 20px; }
.p-r-3{ padding-right: 30px; }
.p-b-0{ padding-bottom: 0; }
.p-b-1{ padding-bottom: 10px; }
.p-b-2{ padding-bottom: 20px; }
.p-b-3{ padding-bottom: 30px; }
.p-l-0{ padding-left: 0; }
.p-l-1{ padding-left: 10px; }
.p-l-2{ padding-left: 20px; }
.p-l-3{ padding-left: 30px; }

/*Margin*/
.m-0{ margin: 0; }
.m-1{ margin: 10px; }
.m-2{ margin: 20px; }
.m-3{ margin: 30px; }
.m-t-0{ margin-top: 0; }
.m-t-1{ margin-top: 10px; }
.m-t-2{ margin-top: 20px; }
.m-t-3{ margin-top: 30px; }
.m-r-0{ margin-right: 0; }
.m-r-1{ margin-right: 10px; }
.m-r-2{ margin-right: 20px; }
.m-r-3{ margin-right: 30px; }
.m-b-0{ margin-bottom: 0; }
.m-b-1{ margin-bottom: 10px; }
.m-b-2{ margin-bottom: 20px; }
.m-b-3{ margin-bottom: 30px; }
.m-l-0{ margin-left: 0; }
.m-l-1{ margin-left: 10px; }
.m-l-2{ margin-left: 20px; }
.m-l-3{ margin-left: 30px; }

.text-left{
  text-align: left !important;
}
.text-center{
  text-align: center !important;
}
.text-right{
  text-align: right !important;
}

body.pop {
    background: #fff;
}

/* ------------------------------ 
   Personnalisation Sangoma
   ------------------------------*/
body.login .container .login-logo .brand {
    background-image: none;
}

#header > h1 .brand {
    background-image: none;
	position: relative;
	top: -50px;
}

#header > h1 .brand img{
    max-height: 160px;
}

#header > h1 span {
    margin: -80px 0 0 5px;
}

/* ------------------------------ 
   Modification Sangoma
   ------------------------------*/
body.login .container {
    width: 500px;
}
body.login .container .login-logo {
    width: 140px;
}
body.login .container .login-logo .brand {
    width: 140px;
	height: 120px;
}

.controls > .radio.inline.custom-radio, .controls > .checkbox.inline.custom-checkbox {
    padding-top: 5px;
}

.popover {
  background-color: #fff;
  color: #333;
}
.popover-title {
  background-color: #fff;
}
.popover.top .arrow {
  border-top-color: #fff;
}
.popover.top .arrow:after {
  border-top-color: #fff;
}
.popover.right .arrow {
  border-right-color: #fff;
}
.popover.right .arrow:after {
  border-right-color: #fff;
}
.popover.bottom .arrow {
  border-bottom-color: #fff;
}
.popover.bottom .arrow:after {
  border-bottom-color: #fff;
}
.popover.left .arrow {
  border-left-color: #fff;
}
.popover.left .arrow:after {
  border-left-color: #fff;
}

.widget-inverse {
    background: #BDC3C7;
}

.table tbody tr.warning > td {
    background-color: #c6d332;
}

.data-block.gris header {
    background: #BDC3C7;
}
.data-block.gris header .header-search input {
    background-color: #DCE4EC;
    border-color: #DCE4EC;
    color: #7F8C8D;
}

.plan-block:hover{
	background: #c6d332;
}

@media print {
  body {
	font-family: Helvetica, Arial, sans-serif;
  }
}

.fc-event.b-danger {
  background-color: #c0392b;
  border: 1px solid #c0392b;
}
.gallery .thumbnail-checkbox {
    background: #2980B9;
    padding: 4px 8px 2px 10px;
    color: #fff;
    border-radius: 4px;
    margin: 0;
    position: absolute;
    top: 5px;
    left: 15px;
}
.gallery .thumbnail-checkbox input {
  margin: 0 5px;
}
.gallery .thumbnail-delete {
    padding: 4px 8px 2px 10px;
    color: #fff;
    border-radius: 4px;
    margin: 0;
    position: absolute;
    top: 5px;
    left: 15px;
}
.gallery  .thumbnail-image img {
    height: 150px;
}
.gallery .thumbnail:hover {
  text-decoration: none;
}
.col-sm-4 {
    width: 23%;
    margin-bottom: 20px;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}


.progress.progress-line {
  overflow: hidden;
  height: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f2f3f4;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  height: 25px;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #2c3e50;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-bar-success {
  background-color: #27ae60;
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

#dropzoneMedia {
  border: 2px dashed #0087F7;
  border-radius: 5px;
  background: white; 
}
#dropzoneMedia .dz-message {
  font-weight: 400; 
}
#dropzoneMedia .dz-message .note {
  font-size: 0.8em;
  font-weight: 200;
  display: block;
  margin-top: 1.4rem; 
}

.main-navigation .nav-collapse > ul > li .dropdown-menu {
  min-width: 170px;
}

.data-block.plan-block span {
  font-size: 50px;
}
.data-block.plan-block h3 {
  font-size: 15px;
  font-weight: 900;
}
.stat-progess-block .span2,.stat-dash .span2 {
  width: 150px;
}

.stat-progess-block .stat-progess-value {
  font-size: 31px;
  display: block;
  line-height: 30px;
  color: #BDC3C7;
  margin-bottom: 15px;
}

.stat-progess-block  {
  margin-bottom: 20px;
}

.stat-block .stat-value {
  font-size: 40px;
  display: block;
  line-height: 35px;
  color: #BDC3C7;
  margin-bottom: 15px;  
}

.nav-pills > li > a {
  font-size: 20px;
}

.thumbnail {
  min-height: 230px;
}
#wrapper {
  padding: 0 0 50px;
}