/*!
 * Bootstrap v2.3.0
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */

/*debug*/
.bgred{
  background-color: red; 
}

.bgblue{
  background-color: blue; 
}


.borderred{
  border  : 1px solid red;
}


.borderblue{
  border  : 1px solid blue;
}

.borderblack{
  border  : 1px solid gray;
}

.bold {
	font-weight : bold;
}
.ml0 {
  margin-left : 0px; 
}

.ucase {
  text-transform : uppercase ; 
}

.position-relative {
  position : relative;
}


/*}--- end debug*/

/* equal coloms heights */
.equal {
  display: flex;
  flex-wrap: wrap;
}

.equal > div[class^='col-'] {  
  display: flex;
  flex-direction: column;
}

/* reset links*/
.link-reset {
    color: inherit;
}
.link-reset:hover, .link-reset:focus, .link-reset:active {
    color: inherit;
    text-decoration: none;
}

.text-muted {
    color: #757575;
}

.mt0 {
  margin-top: 0px!important; 
}

.mtb4{
  margin-top : 4px; 
  Margin-bottom : 4px;
}

.va-middle {
    vertical-align: middle;
    display: table-cell;
}

.text-jumbo {
    font-size: 60px;
    font-weight: 700;
}

/*modification of generic bootstrap styles */
.btn {
  border-radius: 0px;
  /* white-space:normal !important; */
  word-wrap:break-word;
}

.btn-white {
  background-color : white;
  color : black;
  margin-top: 4px;
}


.img-circle {
  border-radius: 50%; 
}

.img-circle-borderwhite {
  border-radius: 50%;
  border: 2px solid white;
  width: 60px;
}

blockquote:after,blockquote:before   {
    content: "'";
    width: 25px;
    height: 25px;
    line-height: 36px;
    font-size: 4em;
    font-weight : bold; 
    position: absolute;
    top: 20px;
    color: white;
}

blockquote:after {
    content: '"';
    left: 0px;
}

blockquote:before {
    content: '"';
    right: 0px;
}

.pos-r {
  position : relative;
}


/*// to add a grid on top of images */
.dottedoverlay {
    background: url(../img/gridtile.png);
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: inherit;
    opacity: 0.2;
}

.gen-select {
  min-width: 150px;
  position: relative;
  background-color: #fff;
  display: inline-block;
}

.gen-select a:hover, .gen-select a:visited{
  text-decoration : none!important; 
}

.gen-select a.main {
  display : block;
  padding: 1px 4px;
  border: 0px solid #f0f0f0;
  color: inherit;
  text-decoration: none;
  position : relative;
  padding-right: 24px;
}

.gen-select a.main > div {
  position : relative;
  text-overflow : ellipsis;
  /* overflow : hidden; */
  white-space : nowrap;
}

.gen-select a.main i {
    /* color : #0A96BC; */
    font-size : 1.5em;
    position : absolute;
    right: -18px;
    top: 6px;
}


.gen-select a.link-reset {
  display : block;
  padding: 6px;
  color: inherit;
  text-decoration: none;
  border-top: 1px solid #dce0e0;
}


.gen-select a.link-reset div.hover-item  {
 overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 20px;
    position: relative;
}

.gen-select a.link-reset div.hover-item .badge {
 position : absolute; 
 right :0; 
}



/* radio buttons */

.gen-radio {
position : relative 
}

.gen-radio ul {
  margin : 0;
  padding : 0;
  list-style: none ; 
}


.gen-radio li {
  color: inherit;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 16px;
}

.gen-radio input[type=radio] {
    position: absolute;
    visibility: hidden;
    margin: 0;
    padding : 0;
}

.gen-radio  label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 20px;
  margin-right: 15px;
  /* font-size: 10px; */
}

.gen-radio .check{
    display: block;
    position: absolute;
    border: 2px solid #ccc;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    top: 6px;
    left: 0;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
} 

.gen-radio .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 6px;
    width: 6px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}



input[type=radio]:checked ~ .check {
  /* border: 2px solid #000; */
}

input[type=radio]:checked ~ .check::before{
  background: #000;
}

/* select  */
.gen-select label:before {
    position: absolute;
    right: 1px;
    top: 3px;
    width: 20px;
    height: 20px;
    background: #fff;
    pointer-events: none;
    color : #0A96BC;
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f107";
}


/* slyled checkbox */



.gen-checkbox.in-inline-form {
  display : inline-block;
  margin-top : 0px;
  margin-bottom : 0px;
  margin-right: 5px;
}


.gen-checkbox input[type="checkbox"]:not(:checked),
.gen-checkbox input[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

.gen-checkbox [type="checkbox"]:not(:checked) + label,
.gen-checkbox [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
  }

/* Aspect des checkboxes */
.gen-checkbox input[type="checkbox"]:not(:checked) + label:before,
.gen-checkbox input[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0;
  top: 5px;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
}


.gen-checkbox.checkbox-verify input[type="checkbox"]:not(:checked) + label:before,
.gen-checkbox.checkbox-verify input[type="checkbox"]:checked + label:before {
  width: 15px;
  height: 15px;
  border: 0px solid #ccc;
  border-radius: 50%;
}

.gen-checkbox.checkbox-verify input[type="checkbox"]:not(:checked) + label:before {
  border: 1px solid #ccc;
}

/* when checked */
.gen-checkbox input[type="checkbox"]:checked + label:before {
  background-color: #024C8A;
}

*[disabled] .gen-checkbox input[type="checkbox"]:checked + label:before {
  background-color: #eeeeee;
}

*[disabled] .gen-checkbox  label {
  color: #ccc;
}

.gen-checkbox.disabled
 {
  color: #ccc;
  cursor : not-allowed;
}

.gen-checkbox.disabled input[type="checkbox"] + label:before, 
.gen-checkbox[disabled] input[type="checkbox"] + label:before 
 {
  background-color: #eeeeee;
}




.gen-checkbox.checkbox-verify input[type="checkbox"]:checked + label:before {
  background-color: #44a047;
}
 
.gen-checkbox input[type="checkbox"]:not(:checked) + label:after,
.gen-checkbox input[type="checkbox"]:checked + label:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 2px;
  /* font-size: 12px; */
  color: #fff;
  transition: all .2s;
  font: normal normal normal 12px/1 FontAwesome;
  content: "\f00c";
}
.gen-checkbox input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); }
.gen-checkbox input[type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); }



/*special but generic */
.hdr {
  display : block;
  /* background-color: #fff; */
  /* border-bottom : 1px solid gray; */
  height: 50px;
  margin-top: 2px!important;
}

.hdr .elem {
    height: 50px;
    line-height: 50px;
    /* border-left: 1px solid #dce0e0; */
    position: relative;
}

/* active or open display */
.hdr .elem:hover:not(.no-hover), 
.hdr .elem .hdr-btn.active,
.hdr .elem.open .hdr-btn {
    background-color: #f5f5f5;
    color: black;
}

/*header button */
.hdr .elem .hdr-btn{
  padding: 0px 10px;
  display: inline-block;
  color : inherit;
  text-decoration : none;
  height: inherit;
  /* vertical-align: middle; */
}


.hdr .elem .hdr-btn .btn {
  font-size: inherit;
  color: white;
  border: 0px;
  padding: 5px 20px;
 }

.hdr .elem .hdr-btn .btn:hover {
    color: black;
}

.hdr  .dropdown-menu {
  float:right;
  left:auto;
  right:0;
}

.hdr  .dropdown-menu .messages-link, 
.hdr  .dropdown-menu .external 
 {
    text-align: center;
    padding: 8px 0!important;
    border-top: 1px solid #e4e4e4;
    display: block;
    text-decoration: none!important;
    font-size: 10px;
    line-height: 18px!important;
    height: auto!important;
    color : black
}

.hdr .elem-topalert .dropdown-menu,
.hdr .elem-topmessage .dropdown-menu{
  min-width: 300px;
  max-width : 300px;
}

.hdr .elem-topalert .dropdown-menu .alert-close{
  display : none; 
}

.hdr .elem-topalert .dropdown-menu .alert{
 margin: 4px; 
 padding : 10px;
 border-radius : 0px; 
}

#hdr-logged-user .dropdown-menu {
  /* z-index: 1000000000000!important; */
}

#hdr-logged-user .dropdown-menu a .hover-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

.btn-plusad {
  background-color: orange;
}

.hdr .elem .hdr-btn .hdr-icon {
  font-size: 20px;
  display: inline-block;
  position : relative;
}


.gen-counter {
    display: inline-block;
    position: absolute;
    height: 20px;
    /* width:20px; */
    line-height: 20px;
    padding: 0px 7px;
    font-size: 12px;
    font-weight: bold;
    background-color: red;
    color: white;
    border-radius: 10px;
    font-style: normal;
}

.tole {
    top: 4px;
    left: 0px;
}

.tori {
    top: 4px;
    right: 4px;
}

.toriex {
    top: -10px;
    right: -10px;
}




.hdr .elem .hdr-btn .hdr-icon .counter {
    display: inline-block;
    position: absolute;
    top: -7px;
    left: 14px;
    right : auto;
    padding: 0 3px;
    font-style: normal;
    /* font-weight: bold; */
    font-size: 10px;
    line-height: 15px;
    min-width: 15px;
    background-color: black;
    color: white;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    /* border-radius: 50%; */
    border: 1px solid white;
}

.hdr-alert .counter {
    color: #fff!important;
    background-color: orange!important;
}

.hdr-red .counter {
    color: #fff!important;
    background-color: red!important;
}

.hdr-message .counter {
  

}


select.input-xs, input.input-xs {
    height: 2em;
    line-height: 2em;
}

.btn:active, .btn.active {
  box-shadow: none
}

/*logo*/
.hdr .hdr-logo a ,
.hdr .hdr-logo img {
  height : 100%;
}

/*tagline*/
.hdr .hdr-tagline .hdr-title {
  font-size: 2em;
  color: #F5A30D;
}

.hdr .hdr-tagline .hdr-motto {
  line-height: 10px;
  position: relative;
  bottom: 12px;
}


/*special icons for user profiles*/

.hdr .elem .hdr-btn .hdr-icon.user-profile img,
.title1inner .user-profile img {
    height: 26px;
    width: 26px;
    vertical-align: top;
    /* border-radius: 50%; */
}

.hdr .elem .hdr-btn .hdr-icon.user-profile img {
    border-radius: 50%;
}


.hdr .elem .hdr-btn .hdr-icon.user-profile {
    height: 30px;
    width: 30px;
    top: 10px;
    /* background-position: 50% 7px; */
    border-color: #c4c4c4;
}

.title1inner .user-profile {
    height: 30px;
    width: 30px;
    border-color: #c9c9c9!important;
    display: inline-block;
    border: 2px solid;
    vertical-align: middle;
    margin: 0px 4px;
}


.media-round {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    /* overflow: hidden; */
}


/*panel updates */
.panel {
    border: 1px solid #dce0e0;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    /* border-radius: 0; */
}


.panel.panel-mini {
    font-size : 0.8em; 
    display : inline-block; 
}

#geocode-results{
  display : flex; 
}






.panel.panel-mini{
  font-size : 0.8em;
  /* display: inline-block; */
}

.panel.panel-mini > .panel-heading{
  padding : 4px; 
}

.panel.panel-mini > .panel-body{
  padding : 4px; 
}



.drop-down-menu.open, .dropdown-menu.open {
  display: block!important;
}

.drop-down-menu li.active a {
  background-color : #f5f5f5;
  color: inherit;
}

.drop-down-menu {
    position: absolute;
    z-index: 3001;
    top: 50px;
    left: auto;
    right: 0px;
    display: none;
    min-width: 220px;
    max-width: 460px;
    line-height: normal;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
}

.drop-down-menu a:hover,
.drop-down-menu .active a:hover,
.drop-down-select a:hover{
  background: #f4f4f4;
  color : inherit
}


/* dtop select */
.drop-down-select.open, .open > .drop-down-select {
  display: block;
}


.drop-down-select > ul > li.active > a {
  background-color : #f5f5f5;
  font-weight: bold;
}

.drop-down-select > ul > li.disabled > a {
 color : #777777; 
 cursor : no-drop;  
}




.drop-down-select {
    position: absolute;
    z-index: 3001;
    /* top: 40px; */
    right: auto;
    left: 0px;
    display: none;
    min-width: 200px;
    /* max-width: 100%; */
    line-height: normal;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    width: 100%;
    /* max-height: 300px; */
    /* overflow-y: scroll; */
}

.drop-down-select li.disabled {
    /* color: #ccc; */
    cursor: none;
}




/* drop down menu with 2 levels */ 

.drop-down--menu.open {
  display: block!important;
}

.drop-down--menu > li.active a {
  background-color : #f5f5f5;
}

.drop-down--menu {
    position: absolute;
    z-index: 3001;
    /* top: 50px; */
    right: auto;
    left: 0px;
    display: none;
    min-width: 200px;
    /* max-width: 460px; */
    line-height: normal;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    width: 100%;
    cursor: pointer; cursor: hand; 
}

.drop-down--menu-sub.open {
  display: block!important;
}

.drop-down--menu-sub {
    position: absolute;
    z-index: 3001;
    top: 0;
    left: 100%;
    display: none;
    min-width: 200px;
    max-width: 460px;
    line-height: normal;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    min-height: 100%;
}

.skin0 {
  background-color : #02A1A5 ;
  color : white; 
}

.skin1 {
  background: #006b9c;
  color : white; 
}



.drop-down-menu ul
, .drop-down-select ul
, .drop-down--menu ul
, .drop-down--menu-sub ul {
  list-style: none;
  margin : 0px;
  padding: 0px;
}


.drop-down--menu li a:hover{
  background: #f4f4f4;
}

.drop-down--menu-sub li a:hover
, .drop-down--menu-sub li.active a
 {
  background: rgba(255,255,255,0.4);
}

.bg-vert{
 background-color : #02A1A5; 
 color : white; 
}

.bg-blue{
    background: #006b9c;
    color : white; 
}


.c_header.c_header--desktop .menu__link:hover, .c_header .menu__link.active {
    background: #f4f4f4;
}


/*.hdr .elem:hover:not(.no-hover) .drop-down-menu {
    display: block;
}*/

.panel-body {
  margin: 0;
  /* padding: 20px; */
  color: black;
  text-decoration: none;
  /* border-top: 1px solid #dce0e0; */
  position: relative;
  display: block;
}

.panel-footer {
  background-color : inherit;
  padding: 0px;
}

.panel-footer.details-actions> ul {
  margin : 0px;
  padding: 0px;
  display : flex;
  align-items: center;
  justify-content: center;
}

.panel-footer.details-actions > ul> li{
 display :inline-block;
 padding: 4px 10px;
 vertical-align: middle;
 text-align: center;
}

.panel-footer.details-actions > ul> li:not(:last-child){
 border-right: 1px solid #ccc;
}

.panel-footer.details-actions > ul> li > a  {
  color : inherit;
  /* text-align: center; */
}

.panel-footer.details-actions > ul> li > a > i {
 display : table-cell;
 font-size: 2em;
 vertical-align: middle;
}

.panel-footer.details-actions> ul> li > a >span {
 display : table-cell;
 vertical-align: middle;
 padding: 0 0 0 6px;
 font-weight : bold; 
}

/* Panel with link tabs */

.panel .focus-tabs{
  margin : 0px;
  padding : 0px;
  box-sizing: border-box;
}

.panel .focus-tabs li {
  line-height : 2em;
  padding: 4px 10px;
  border-bottom : 1px solid #C1C1C1;
}

.panel .conversations-list.focus-tabs li{
  padding: 4px 0px;
}

.panel .focus-tabs li.active {
  color: #024C8A;
  border-left: 2px solid #024C8A;
  background-color: white;
}


.panel .focus-tabs li:hover {
  background-color : #024C8A;
  color :white;
}

.panel .focus-tabs a {
  color : inherit!important;
}

.panel .focus-tabs li .id-date,
.panel .focus-tabs li .id-comid  {
  font-size : 12px; 
  line-height : 16px;
  color : #8c9592; 
}

.panel .focus-tabs li:hover .id-date,
.panel .focus-tabs li:hover .id-comid  {
  color : white
}

.panel .focus-tabs .id-username
{
  font-weight: bold; 
}


.panel .focus-tabs .id-message,
.panel .focus-tabs .id-ad-title,
.panel .focus-tabs .id-date {
  width : 200px;
}

.ellipis {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
}


.drop-down-menu .hover-item:before {
    content: "";
    position: absolute;
    top: -1px;
    height: 1px;
    left: 20px;
    right: 20px;
    border-top: 1px solid #dce0e0;
    border-color: #dce0e0;
    border-color: rgba(220,224,224,0.5);
    display: block;
} 



.drop-down-menu .hover-item {
    position: relative;
    left: 0;
    -webkit-transition: left .15s ease-out;
    -moz-transition: left .15s ease-out;
    -o-transition: left .15s ease-out;
    transition: left .15s ease-out;
}

.drop-down-menu a:hover .hover-item {
    left: 6px;
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
}

.drop-down-menu .hover-item:hover  {
    background-color: #f5f5f5;
}


.panel-dark, .panel-header {
    background-color: #edefed;
}

.panel-header {
    color: #484848;
    font-size: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #dce0e0;
    padding: 19px 20px;
    font-size: 14px;
}


.notifications-tooltip .panel-body {
    padding: 0 0 2px;
}

.notifications-tooltip li {
    padding: 15px 20px;
    margin: 0;
    font-size: 13px;
}


.btn i {
  margin-right : 6px;
}

.btn.btn-2lines i {
    font-size :1.8em;
    padding-top : 0.2em;
    margin-right : 15px;
}

.btn.btn-lg i {
    font-size: 1.8em;
    margin-right: 15px;
    line-height : 100%;
}

.btn.btn-lg div.single-line {
  line-height : 34px; 
}

.btn-width-control {
  width: 33.33333333%;
}

.boxed-icons {
    border-top: 1px solid #dce0e0;
}

.boxed-icons .btn {
  margin-top: -1px;
  margin-bottom: -1px;
}


/*mobile part*/


@media (max-width: 480px) {
  .hdr {
    height : auto;
    line-height: 50px;
  }

  .hdr .elem {
    height: 50px;
    line-height: inherit;
  } 

  #hdr-logged-user, 
  #hdr-buttons-section,
  .hdr-motto{
    display: none;
  }

  #nav-mobile-wrapper {
    float : left;
  }


}


/*//notifications */

.callout {
    border-left-width: 3px;
    border-left-style: solid;
    border-left-color: #eee;
    margin: 10px 0 10px 0;
    padding: 10px;
}

.callout a {
color : inherit!important; 
}

html[dir=rtl] .callout {
    border-left-width: 0;
    border-left-style: none;
    border-left-color: transparent;
    border-right-width: 3px;
    border-right-style: solid;
    border-right-color: #eee
}

.callout-danger {
    background-color: #f2dede;
    border-left-color: #e74c3c
}

html[dir=rtl] .callout-danger {
    border-left-color: transparent;
    border-right-color: #e74c3c
}

.callout-success {
    background-color: #dff2d5;
    border-left-color: #27ae60
}

html[dir=rtl] .callout-success {
    border-left-color: transparent;
    border-right-color: #27ae60
}

.callout-warning {
    background-color: #fcf8e1;
    border-left-color: #f1c40f
}

html[dir=rtl] .callout-warning {
    border-left-color: transparent;
    border-right-color: #f1c40f
}

.callout-info {
    background-color: #d7edf9;
    border-left-color: #2980b9
}

html[dir=rtl] .callout-info {
    border-left-color: transparent;
    border-right-color: #2980b9
}

#mbox-body .form-group, 
#forminput .form-group{
  margin-bottom: 2px;
}

#mbox-body .form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}


/* input with icons  */

.input-icon.icon-right {
    left: auto;
    right: 0;
}
.input-icon {
    position: relative;
    left: 0;
}

.quick-form .input-icon {
    display: table;
}

.forl {
  position : relative;
  /* display: table; */
}

.input-icon>i {
    color: #7d7d7d;
    position: absolute;
    z-index: 1;
    font-size: 16px;
    text-align: center;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 6px;
}
.input-icon.icon-right>i {
    left: auto;
    right: 8px;
}

.input-icon.icon-right>.form-control {
    padding-right: 33px;
    padding-left: 10px;
}

.input-icon.icon-left>i {
    right: auto;
    left: 0px;
    z-index: 4;
}

.input-icon.icon-left>.form-control {
    padding-left: 33px;
    padding-right: 10px;
}

.input-icon.icon-left.icon-right>.form-control {
    padding-left: 33px;
    padding-right: 33px;
}



/* pagination */
.pagination > li.intercalaire {
  color : black;
  margin : 0 2px;
  border-radius : 4px;
  position: relative;
  float: left;
  padding: 4px 2px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
}

.pagination > li.intercalaire:after {
  content :"...";
  font-size : 1em; 
}


/* panels */
.panel-default > .panel-heading,
.panel-success > .panel-heading,
.panel-danger > .panel-heading,
.panel-info > .panel-heading,
.panel-error > .panel-heading  
 {
  text-align: center;
  text-transform: uppercase;
}

.panel-default > .panel-heading{
  background-color :#fff;
}

.panel-default > .panel-heading  > .property {
  font-size :1.0rem; 
}

.form-group.required .control-label:after {
    color: #d00;
    content: "*";
    /* position: absolute; */
    /* margin-left: 8px; */
    /* top:7px; */
    display : inline-block;
}

.is-table-row {
        display: table;
    }
    .is-table-row > [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }


.modal-contact{
  padding: 0px;
}

.vendor-info-in-column{
  background-color   : #F2F2F2; 
}

.buttons-in-panel{
  margin-bottom : 10px; 
}

.buttons-in-panel .btn {
  margin: 3px 0px;
}

/* chat message  */
.chat-message-wrapper{
  margin-bottom: 12px;
  position : relative;
}

.chat-message-wrapper .chat-avatar {
  float: left;
  display: inline-block;
}

.chat-message {
    margin-left: 80px;
}

.chat-message-inverse {
  float: right;
  max-width: 100%;
}

.chat-message-inverse .chat-message-metas {
    text-align: right;
}

.chat-message-metas{
  font-size : 10px; 
}

.chat-message-body {
    color: rgba(0,0,0,0.74);
    position: relative;
    font-size: 13px;
    line-height: 1.35;
    padding: 8px;
    margin-right: 30px;
    background-color: #f2f2f2;
    /* box-shadow: 0 0 1px rgba(0,0,0,0.1), 0 1px 1px rgba(0,0,0,0.08); */
    word-wrap: break-word;
}

.chat-message-body:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: initial;
    top: 0px;
    right: 100%;
    border: 1px solid transparent;
    border-width: 0 16px 16px 0;
    border-right-color: #f2f2f2;
}

.chat-message-inverse .chat-message-body {
    color: #fff;
    margin-right: 0;
    margin-left: 66px;
    background-color: #03A9F4;
}

.chat-message-inverse .chat-message-body:before {
  border-right-color: #03A9F4;
}

.chat-message-body.abuse {
    color: #F44336;
    background-color: #fcf8e3;
}
.chat-message-body.abuse:before{
  border-right-color: #fcf8e3;
}




.btns-footer .btn{
  margin : 0px 10px 10px 0px;
}
.chat-textarea{
    color: rgba(0,0,0,0.74);
    font-size: 1em;
    line-height: 16px;
    width: 96%;
    height: 84px;
    min-height: 84px;
    margin: 2%;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    /* box-shadow: 0 -2px 4px rgba(0,0,0,0.08); */
    outline: medium none;
    resize: none;
    overflow-x: hidden;
    overflow-y: auto;
    height: 54px;
    min-height: 54px;
    /* margin: 10px; */
}



.active-conversation{
  /* opacity:0; */
  /* transition:opacity 0.5s linear; */
}

.active-conversation.active{
  opacity:1;
  transition:opacity 0.5s linear;
}

.active-conversation.active .alert{
  margin-top : 10px; 
  margin-bottom : 10px
}

.conversations-list li a:hover{
  text-decoration :none; 
}



.colorred{
 color : red; 
}


.colorgreen{
 color : #3f873f; 
}



.color-red{
 color : red; 
 font-size : 1.4em;
}


.color-green{
 color : #3f873f; 
 font-size : 1.4em;
}

.bg-red {
  background-color : red; 
  color : white; 
}


.id-card-wrapper {
  position : relative;
}


/* Generic table cell */

.set-table {
	display : table;
}

.set-col {
	display  : table-cell; 
	vertical-align : middle;
}

.panel-heading.is-archived{
  background-color : #ccc;
  color : white; 
}

li.is-archived{
  background-color : #ccc!important;
  color : white!important; 
}

.breadcrumb {
  background-color : inherit; 
}





/* alert close positionning  */
.alert {
    padding-right: 25px;
    position : relative;
}

.alert .alert-close{
  position: absolute ;
  top :15px;
  right : 15px;
}


.livecheck-result.alert{
  padding: 4px 10px;
  margin: 4px 0 0 0;
}

.digitscodeinput{
  margin : 0 auto; 
  width : 180px; 
  float : none;  
}

.digitscodeinput input{
  font-size : 30px;
  height: auto;
}


.form-control-feedback-verify {
    position: absolute;
    top: 4px;
    right: 32px;
    z-index: 2;
    display: block;
    line-height: 30px;
    text-align: right;
    /* pointer-events: none; */
    border-left: 1px solid #ccc;
    padding: 0 4px;
    cursor: pointer;
}

.form-group-sm label{
  font-size : 12px;
}

.x_panel {
    width: 100%;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease;
}

/* password strength meter */
.psm-wrapper{
  position: relative;
  width: 100%;
  margin: 5px 0px 0px;
  min-height: 15px;
}
.psm-background {
height: 4px;
    background-color: rgb(232, 232, 232);
    width: 100%;
    position: absolute;
    left: 0px;
 }

.psm-meter {
    height: 4px;
    width: 50%;
    position: absolute;
    left: 0px;
}

.psm-meter.orange {
    width: 50%;
    background-color: rgb(255, 172, 29);
}

.psm-meter.red {
    width: 25%;
    background-color: #E91E63;
}

.psm-meter.yellow {
    width: 75%;
    background-color: #FFEB3B;
}

.psm-meter.green {
    width: 100%;
    background-color: #4CAF50;
}

.psm-spacer {
  height: 4px;
    width: 4px;
    background-color: rgb(255, 255, 255);
    position: absolute;
}

.psm-spacer-1 {
    left: 25%;
}

.psm-spacer-2 {
    left: 50%;
}


.psm-spacer-3 {
    left: 75%;
}

.psm-label {
  position : absolute;
  top: 0px;
  right : 0;
  font-size : 0.9em;
  color : #9E9E9E;
}

.only-home-page{
	display : none; 
}

.is-home-page .only-home-page{
	display : block!important;
}

.is-home-page .only-home-page.va-middle{
	display : table-cell!important;
}


#boxes .close {
    color: #fff;
    opacity: 0.7;
    /* margin-left:20px; */
    line-height :inherit;
}

#boxes .close:hover  {
    opacity: 1;
}

#boxes .close i {
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  /* position: absolute; */
  /* right: 0; */
  /* top: 0; */
  display: inline-block;
  transition: opacity .2s,-webkit-transform .2s!important;
  transition: transform .2s,opacity .2s!important;
  transition: transform .2s,opacity .2s,-webkit-transform .2s!important;
}

#boxes .close:hover i {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}




.centered-container {
    max-width: 1200px;
    margin: 0 auto
}


@media screen and (min-width: 767px) {
    ::-webkit-scrollbar {
        -webkit-appearance:none;
        width: 7px
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.3);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5)
    }
}


.label a, .label a:hover {
  color: white; 
}



.row-table{
  display: table;
  table-layout: fixed;
  position: relative;
}

.col-middle {
    vertical-align: middle;
    float: none;
    display: table-cell;
}

.hiddenselect{
  display : none; 
}

/* new text field model  */

.mdl-textfield {
    width: 100%;
    position: relative;
}



.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    /* width: 300px; */
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
}





.mdl-textfield__label {
    height: 64px;

}


.is-focused .mdl-textfield__label {
    top: -4px;
    color : rgba(0, 0, 0, 0.26); 
}

.mdl-textfield__label {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}


.mdl-textfield__label {
    bottom: 0;
    color: rgba(0,0,0,.26);
    font-size: 16px;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    display: block;
    top: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    font-weight: normal;
}

.mdl-textfield__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    line-height: 18px;
}



.is-focused .mdl-textfield__input {
  outline : none; 
  border-bottom : 1px solid blue; 
}

.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.12);
    display: block;
    font-size: 16px;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: none;
    text-align: left;
    color: inherit;
}



.with-icon-left.mdl-textfield i {
  font-size : 24px; 
  position: absolute;
  left: 7px;
  top : 14px; 
  color : #757575; 
}


.with-icon-left .mdl-textfield__input {
    padding-left: 40px;
    width: calc(100% - 40px);
}

.with-icon-left .mdl-textfield__label {
    padding-left: 48px;
}

/* List of categories */
.categories .category{
  display : inline-block; 
  padding : 2px; 
}

.categories .category figure {
    position: relative;
    height: 130px;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border-radius: 2px;
    text-align: center;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0,0,0,.26);
}

.categories .category figure .headline, 
.categories .category figure i {
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s,-webkit-transform .35s;
}

 .categories .category figure i {
    position: relative;
    top: 10px;
    font-size: 75px;
}

 .categories .category figure img {
    position: relative;
    top: 10px;
    height: 75px;
}



.categories .category figure .headline {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
    line-height: 15px;
    padding: 5px 0;
    color: rgba(0,0,0,.87);
    height: 30px;
}

.categories .category figure:hover .headline {
    -webkit-transform: translate3d(0,15px,0);
    transform: translate3d(0,15px,0);
}


.categories .category .cat1 .subheadline {
    background: #42a5f5;
}

.categories .category figure .subheadline {
    position: absolute;
    width: 100%;
    margin: 0;
    bottom: 0;
    line-height: 30px;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    transition: opacity .35s,transform .35s,-webkit-transform .35s;
    -webkit-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0);
}

 .categories .category figure:hover .subheadline {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.print-only{
  display : none; 
}



.pre-scrollable {
  max-height: 50vh;
}


/* .scrollable-menu {
    height: auto;
    max-height: 300px;
    overflow-x: hidden;
} */


.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

/* label outlined */

.label.label-outlined {
  border-width: 1px;
  border-style: solid;
  background-color: transparent
}

.label.label-outlined.label-default {
  border-color: #B0BEC5;
  color: #B0BEC5
}

.label.label-outlined.label-primary {
  border-color: #2196F3;
  color: #2196F3
}

.label.label-outlined.label-secondary {
  border-color: #323a45;
  color: #323a45
}

.label.label-outlined.label-info {
  border-color: #29B6F6;
  color: #29B6F6
}

.label.label-outlined.label-success {
  border-color: #64DD17;
  color: #64DD17
}

.label.label-outlined.label-warning {
  border-color: #FFD600;
  color: #FFD600
}

.label.label-outlined.label-danger {
  border-color: #ef1c1c;
  color: #ef1c1c
}


.btn-disabled{ 
cursor: not-allowed;
}

.form-control-radio, .form-control-checkbox {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 0px; 
}

.custo-form-footer{
  text-transform : uppercase;
}

.input-group select.btn{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;

    position: relative;
    background-color: white;
    display: inline-block;
    padding: 2px 10px!important;
    background-repeat: no-repeat;
    background-size: 1ex;
    padding-right: 1em!important;
    background-position: right 0.25em center;
    /* background-origin: content-box; */
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiI…g5MiwwIGwgMTYuNTYyNSwtMTYuNTQwMTcgeiIgLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=);
}

.text-underline{
  text-decoration : underline!important; 
}

@media (min-width: 992px){
  .login-inline-form{
    width: 50%;
    margin-left: 25%;
  }
}

.icon-fa-file-undefined-o:before {
  content: "\f016";
}

.modal {
  z-index: 7002;
  /* background-color: red; */
  /* opacity: 0.5; */
}

.modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2) - 55px );
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0rem;
    outline: 0;
    border: 0px;
}

.modal-dialog[class*='type-'] .modal-header .modal-title{
  color : white!important; 
}

.modal-dialog[class*='type-'] .modal-header {
  border: 0px;
}

.modal-dialog.type-info .modal-header {
    background-color: #01a8df
}

.modal-dialog.type-primary .modal-header {
    background-color: #337ab7
}

.modal-dialog.type-success .modal-header {
    background-color: #5cb85c
}

.modal-dialog.type-warning .modal-header {
    background-color: #f0ad4e
}

.modal-dialog.type-danger .modal-header {
    background-color: #d9534f
}

.modal-dialog.type-error .modal-header {
    background-color: #d9534f
}

.icon-lg{
  font-size :1.5rem;
}

.modal-top .modal-dialog{
  width : 100%;
  min-height: auto!important;
  top : 0;
  position : fixed; 
  margin : 0px; 
  border : 0px; 
}


.modal.modal-no-title .modal-header{
  display : none; 
}


.modal-top .modal-content{
  border :0px ;
}



/* note system */ 


h1.block,h2.block,h3.block,h4.block,h5.block,h6.block {
    padding-top: 5px;
    padding-bottom: 5px
}

.note {
    margin: 0 0 20px;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
    border-radius: 0 0px 0px 0;
}

.note h1,.note h2,.note h3,.note h4,.note h5,.note h6 {
    margin-top: 0
}

.note h1 .close,.note h2 .close,.note h3 .close,.note h4 .close,.note h5 .close,.note h6 .close {
    margin-right: -10px
}

.note p {
    margin: 0
}

.note p:last-child {
    margin-bottom: 0
}

.note.note-info {
    background-color: #f5f8fd;
    border-color: #8bb4e7;
    color: #010407
}

.note.note-info.note-bordered {
    background-color: #dbe8f8;
    border-color: #a0c2ec
}

.note.note-danger {
    background-color: #fef7f8;
    border-color: #f0868e;
    color: #210406
}

.note.note-danger.note-bordered {
    background-color: #fbdcde;
    border-color: #f39da3
}

.note.note-danger.note-shadow {
    background-color: #fbe1e3;
    border-color: #f6b3b8;
    box-shadow: 5px 5px rgba(246,184,189,.2)
}

.note.note-default.note-bordered {
    background-color: #eef1f5;
    border-color: #c0cedb
}

.note.note-default.note-shadow {
    background-color: #f1f4f7;
    border-color: #d1dbe4;
    box-shadow: 5px 5px rgba(212,221,230,.2)
}

.note.note-success {
    background-color: #c0edf1;
    border-color: #58d0da;
    color: #000
}

.note.note-success.note-bordered {
    background-color: #a7e6ec;
    border-color: #6dd6df
}

.note.note-success.note-shadow {
    background-color: #abe7ed;
    border-color: #81dbe3;
    box-shadow: 5px 5px rgba(134,221,228,.2)
}

.btn-disabled {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.mt15{
    margin-top : 15px; 
}

.mb15{
    margin-bottom : 15px; 
}


.form-control-feedback {
  display : none;
  z-index: 4;
  top: 50%;
  transform: translateY(-50%);
}
.has-feedback .form-control-feedback {
  display : block; 
}