@charset "utf-8";
/* CSS Document */


.font-wt-100 {
   font-weight: 100;
}
.call-back {
   font-size: 14px;
   background-color: #6483a4;
   color: #fff;
   padding: 2px 0px;
   text-align: center;
   margin-top: 30px;
   border-radius: 5px;
}
.call-back-title {
   font-size: 20px;
   color: #222;
   margin-top: 25px;
   font-weight: bold;
}
/***
Bootstrap Line Tabs by @keenthemes
A component of Metronic Theme - #1 Selling Bootstrap 3 Admin Theme in Themeforest: http://j.mp/metronictheme
Licensed under MIT
***/

/* Tabs panel */
.tabbable-panel {
   border: 3px solid #e9e9ea;
   margin-top: 50px;
}
/* Default mode */
.tabbable-line > .nav-tabs {
   border: none;
   margin: 0px;
}
.tabbable-line > .nav-tabs > li {
   margin-right: 2px;
   padding: 0 20px;
}
.tabbable-line > .nav-tabs > li > a {
   border: 0;
   margin-right: 0;
   color: #737373;
   background: none;
}
.tabbable-line > .nav-tabs > li > a > i {
   color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
   border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
   border: 0;
   background: none !important;
   color: #333333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
   color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
   margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
   border-bottom: 3px solid #f3565d;
   position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
   border: 0;
   color: #333333;
   background: none;
}
.tabbable-line > .nav-tabs > li.active > a > i {
   color: #404040;
}
.tabbable-line > .tab-content {
   margin-top: -3px;
   background-color: #fff;
   border: 0;
   border-top: 3px solid #eee;
}
.tabbable-line > .tab-content p {
   padding: 15px 15px 0 15px;
}
.portlet .tabbable-line > .tab-content {
   padding-bottom: 0;
}
/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
   border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
   margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
   border-bottom: 0;
   border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
   margin-bottom: -2px;
   border-bottom: 0;
   border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
   margin-top: -10px;
   border-top: 0;
   border-bottom: 1px solid #eee;
   padding-bottom: 15px;
}
.actions {
   background-color: #efefef;
   padding: 20px;
}
.font18 {
   font-size: 18px;
   color: #858284;
}
.timeline {
   list-style: none;
   padding: 0px 0 20px;
   position: relative;
}.tab-contents:before {
   top: 60px;
   bottom: 0;
   position: absolute;
   content: " ";
   width: 3px;
  
          margin-left: -9px;
    background: #efefef;
}

.timeline:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 4px;
    background-color:transparent;
    opacity: 0.15;
    left: 0;
    margin-left: -2px;
}
.timeline > li {
   margin-bottom: 20px;
   position: relative;
       width: 100%;
           white-space: normal;
}
.timeline p {
   text-align:right;
   line-height:25px;
       font-size: 11px;
}

.timeline > li:before,  .timeline > li:after {
   content: " ";
   display: table;
}
.timeline > li:after {
   clear: both;
}
.timeline > li:before,  .timeline > li:after {
   content: " ";
   display: table;
}
.timeline > li:after {
   clear: both;
}
.timeline > li > .timeline-panel {
      /* width: 80%; */
   
    /* border: 1px solid #d4d4d4; */
    border-radius: 2px;
    padding: 20px 0px;
    /* position: relative; */
    margin-left: 30px;
    border-bottom: 2px dashed #ddd;
}
.timeline > li > .timeline-panel:before {
   position: absolute;
   top: 26px;
   right: -15px;
   display: inline-block;
   /* border-top: 15px solid transparent;
               /* border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;*/
   content: " ";
}
.timeline > li > .timeline-panel:after {
   position: absolute;
   top: 27px;
   right: -14px;
   display: inline-block;
   border-top: 14px solid transparent;
   border-left: 14px solid #fff;
   border-right: 0 solid #fff;
   border-bottom: 14px solid transparent;
   content: " ";
}
.timeline > li > .timeline-badge {
   color: #fff;
   width: 36px;
   height: 36px;
   line-height: 50px;
   font-size: 16px;
   text-align: center;
   position: absolute;
   top: 16px;
   padding-top: 8px;
   margin-left: -25px;
   background-color: #999999;
   z-index: 100;
   border-radius: 5px;
   border: 2px solid #fff;
   -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
   box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li.timeline-inverted > .timeline-panel {
   
}
.timeline > li.timeline-inverted > .timeline-panel:before {
   border-left-width: 0;
   border-right-width: 15px;
   left: -15px;
   right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
   border-left-width: 0;
   border-right-width: 14px;
   left: -14px;
   right: auto;
}
.timeline-badge.primary {
   background-color: #2e6da4 !important;
}
.timeline-badge.success {
   background-color: #3f903f !important;
}
.timeline-badge.warning {
   background-color: #6584a5 !important;
}
.timeline-badge.danger {
   background-color: #d9534f !important;
}
.timeline-badge.info {
   background-color: #5bc0de !important;
}
.timeline-title {
   margin-top: 0;
   color: inherit;
}
.timeline-body > p, .timeline-body > ul {
   margin-bottom: 0;
       text-align: left;
           font-size: 14px;
}
.timeline-body > p .fa{margin-right:10px;}

.timeline-body > p + p {
   margin-top: 5px;
}

@media (max-width: 767px) {
ul.timeline:before {
   left: 40px;
}
ul.timeline > li > .timeline-panel {
   width: calc(100% - 90px);
   width: -moz-calc(100% - 90px);
   width: -webkit-calc(100% - 90px);
}
ul.timeline > li > .timeline-badge {
   left: 15px;
   margin-left: 0;
   top: 16px;
}
ul.timeline > li > .timeline-panel {
   float: right;
}
ul.timeline > li > .timeline-panel:before {
   border-left-width: 0;
   border-right-width: 15px;
   left: -15px;
   right: auto;
}
ul.timeline > li > .timeline-panel:after {
   border-left-width: 0;
   border-right-width: 14px;
   left: -14px;
   right: auto;
}
}

.form-inline .form-control {
    display: inline-block;
    width: 180px;
    vertical-align: middle;
}