@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,200italic,300italic,400italic);

.tve-container {
  background-color:#F3F3F3;
  font-family: 'Source Sans Pro', sans-serif;
}

.tve-container .tve-sidebar{
  width: 221px;
  float:left;
  box-sizing:border-box;
}
.tve-container .tve-content{
  width: 80.5%;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  float:left;
  padding: 25px 35px;
  box-sizing:border-box;
}

@media(max-width: 1315px){
  .tve-container .tve-sidebar{
    width: 100%;
  }
  .tve-container .tve-sidebar ul.tve-menu li{
    display: inline-block!important;
    border-left: 1px solid #161616;
    border-right: 1px solid #2c2c2c;
    border-top: none;
    border-bottom: none;
    float: left;
  }
  .tve-container .tve-sidebar ul.tve-menu li:first-child{
    border-left: none;
  }
  .tve-container .tve-sidebar ul.tve-menu li:last-child{
    border-right: none;
  }
  .tve-container .tve-sidebar ul.tve-menu li a{
    display: inline-block;
  }
  .tve-container .tve-sidebar ul.tve-menu li.tve-menu-active a:after {
    bottom: -2px;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 8px;
    margin-left: -8px;
  }
  .tve-container .tve-content{
    width: 100%;
  }
}

.wrap {
  margin: 0 20px 0px 2px;
}
.tve-api-logo{
  height: 48px;
  padding: 10px 0 15px 0;
}
/*SIDEBAR*/
.tve-container .tve-sidebar ul{
  list-style:none;
  margin:0;
  padding:0;
}
.tve-container .tve-sidebar ul.tve-menu li{
  display: block;
  border-top: 1px solid #161616;
  border-bottom: 1px solid #2c2c2c;
  margin: 0;
}
.tve-container .tve-sidebar ul.tve-menu li:first-child{
  border-top: none;
}
.tve-container .tve-sidebar ul.tve-menu li:last-child{
  border-bottom: none;
}
.tve-container .tve-sidebar ul.tve-menu li a{
  color: #fff;
  background-color: #222222;
  padding: 10px 12px;
  text-decoration:none;
  display: block;
  font-size: 18px;
}

.tve-container .tve-sidebar ul.tve-menu li a:active,
.tve-container .tve-sidebar ul.tve-menu li a:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.tve-container .tve-sidebar ul.tve-menu li a:hover{
  color: #47bb2f;
  background-color: #3a3a3a;
}
.tve-container .tve-sidebar ul.tve-menu li.tve-menu-active a{
  color: #47bb2f;
  background-color: #3a3a3a;
  position: relative;
}
@media(min-width: 1315px){
  .tve-container .tve-sidebar ul.tve-menu li.tve-menu-active a:after {
    right: -1px;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 8px;
    margin-top: -8px;
  }
}

/*CONTENT*/
.tve-container .tve-content h1,
.tve-container .tve-content h2{
  border-bottom: 1px solid #e1e1e1;
  font-weight: 300;
  font-style: italic;
  font-size: 25px;
  padding-bottom: 10px;
  margin-top: 0px;
}

.tve-container .form-table label{
  color: #323232;
  font-weight: 400;
  font-size: 18px;
}

.tve-container .form-table th{
  width: 28%;
}

.tve-container input[type="text"],
.tve-container input[type="password"],
.tve-container textarea,
.tve-container select {
  font-size: 16px;
  margin-right: 7px;
  padding: 7px;
  width: 50%;
  height: 35px;
}

.tve-container .thrive-list-connections thead tr th{
  padding: 15px 20px;
  font-size: 18px;
}
.tve-container .thrive-list-connections tbody tr td{
  padding: 15px 20px;
  font-size: 16px;
}

/*Tabs*/
.tve-tab{
  display: none;
}
.tve-tab.tve-tab-active{
  display: block;
}
/*End tabs*/

.tve-add-connection-form-first{
  margin: 20px auto 0 auto;
  width: 500px;
}
/*Button*/
.tve-button{
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  height: auto;
  margin-left: 5px;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
  border-radius: 5px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  -webkit-transition: .1s linear -webkit-box-shadow;
  -moz-transition: .1s linear -moz-box-shadow;
  -ms-transition: .1s linear box-shadow;
  -o-transition: .1s linear box-shadow;
  transition: .1s linear box-shadow;
}

.tve-button-green {
  box-shadow: inset 1px 1px 0px 0px #8ad582, 0px 1px 0px 0px #dbdbdb;
  border: 1px solid #2b9b1f;
  background-color: #35b627;
}
.tve-button-green:hover,
.tve-button-green:active,
.tve-button-green:focus {
  background: #4dc540;
  color: #fff;
  border: 1px solid #2b9b1f;
  box-shadow: inset 1px 1px 0px 0px #8ad582, 0px 1px 0px 0px #dbdbdb;
}
.tve-button-red {
  box-shadow: inset 1px 1px 0px 0px #d57c7c, 0px 1px 0px 0px #dbdbdb;
  border: 1px solid #9b1f1f;
  background-color: #b71d1d;
}
.tve-button-red:hover,
.tve-button-red:active,
.tve-button-red:focus {
  background: #c62f2f;
  color: #fff;
  border: 1px solid #9b1f1f;
  box-shadow: inset 1px 1px 0px 0px #d57c7c, 0px 1px 0px 0px #dbdbdb;
}

table.logs tr.tve-success td {
    background-color: lightgreen;
}
table.logs tr td {
    transition: all 0.5s ease;
}
table.logs tr.tve-error td {
    background-color: lightpink;
}