/* 
    Created on : Feb 1, 2015, 5:23:00 PM
    Author     : BEN
*/

.interthin > thead > tr > th, .table > tbody > tr > th,
.interthin > tfoot > tr > th, .interthin > thead > tr > td,
.interthin > tbody > tr > td, .interthin > tfoot > tr > td 
{
    padding: 10px 5px;
    line-height: 1.5;
    border-top: none;
}
.contacts{
    margin-top:25px;
}
.center{
    text-align:center;
}

.dbody{
    min-height:280px;
}
ul.conts li{
    float:left;
    display:inline;
    margin-left:5px;
    color:#fff;
}

#top-container {
    background: #666;
    margin-bottom: 10px;
}
#top-container {
    padding: 15px 0;
    font: 13px/18px "OpenSans", Arial, sans-serif;
}
.center{
    text-align:center ;
}
img.lg{
    margin:auto;
}
.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 70%;
    margin-bottom: 0;
}

table.display {
    width: 100%;
    padding: 0;
    margin: 0;
    border-collapse: collapse
} 

.display th {
    color: #4f6b72;
    border: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: left;
    padding: 6px 6px 6px 12px;
}

.newrect{
    background-color: #7bae23;
    color: #fff;
    padding: 7.5px 16px;
    text-transform: uppercase;
}
.display td {
    border: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #000;
}
.wd-event
{
    -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,0.10);box-shadow:0 0 15px 0 rgba(0,0,0,0.10);
    border: 1px solid  #428bca;
}
.tg-eventhead {
    width: 100%;
    float: left;
    margin: 0 0 15px;
    padding: 0 0 15px;
}
.tg-leftarea .tg-title h2 
{
    margin: 0;
    color: #767676;
    font-size: 22px;
    line-height: 18px;
}
.rttx
{
    text-align: right;
}
.rttb
{
    font-weight: bold;
    text-align: right;
}
.title-unit p {
    font-size: 23px;
    color: #000;
}

@media print
{
    #header{  display:none !important;  } 
    #footer{  display:none !important;  } 
    #breadcrumb-container{  display:none !important;  } 
    #x-acts{  display:none !important;  } 

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;  
        overflow-x:   hidden;
    }
}

.wd-eventcountdown{ padding:30px 0 30px}.wd-eventcountdown .countdown-info{width:100%;max-width:460px;display:inline-block;vertical-align:middle;margin-right:30px}.wd-eventcountdown .countdown-info
p{font-size:14px;color:#fff;margin:0;text-transform:uppercase}
.wd-event{display:-webkit-flex;display:-webkit-box;display:-moz-flex;display:-moz-box;display:-ms-flexbox;
          display:flex;margin-bottom:30px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s}
.wd-event:hover{-webkit-box-shadow:0 0 15px 0 rgba(50,250,0,0.10);box-shadow:0 0 15px 0 rgba(50,250,0,0.10);}
@media only screen and (max-width: 767px){.wd-event{display:block;overflow:hidden}}
.wd-event .date-event{width: 25%; float:left;background:#428bca;text-align:center;padding: 10px 10px 10px;}
@media only screen and (max-width: 992px){.wd-event .date-event{width:19%}.wd-event .date-event{width:19%}}@media only screen and (max-width: 767px){.wd-event .date-event{width:100%}}
.wd-event .date-event .date-start{font-size:42px;color:#fff;display:inline-block;vertical-align:middle;line-height:1;margin-right:10px}
.wd-event .date-event .month-start{font-size:14px;color:#fff;text-transform:uppercase;display:inline-block;vertical-align:middle;
                                   line-height:1}.wd-event .date-event .day-start{display:block;font-size:14px;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:3px;line-height:1;margin-top:10px}.wd-event .info-event{width:95%;float:left;background:#fff;padding:25px 20px 20px 25px}
                                   .wd-event .info-event .event-content{float:left; }@media only screen and (max-width: 767px){.wd-event .info-event{width:100%}.wd-event .info-event .event-content{width:100%;float:none}}.wd-event .info-event .event-content
h3{font-size:24px;margin-top:0;line-height:1;   padding: 0 0 15px; letter-spacing:2px; border-bottom: 1px solid #dbdbdb;}.wd-event .info-event .event-content
p{margin-bottom:20px;font-size:14px;color:#848484;letter-spacing:1px}.wd-event .info-event .event-content p
i{font-size:18px;margin-right:5px}.wd-event .info-event .event-content p.time-event{margin:0}
 
 /*****************events list*********************/
h3.e-h {
  margin: 0;
  font-size: 1.175em;
  font-weight: 500;
  color: #919FAF;
  text-transform: uppercase;
}
h3.k-h {
  margin: 1.875em 0 0 0;
  font-size: 0.975em;
  font-weight: 500;
  color: #000;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.events li {
  overflow: hidden;
  margin: 4px -10px;
  padding: 3px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  border-radius: 3px;
}
.events li .date {
  float: left;
  padding: 0.125em 0.75em 0 0;
  margin-left: 0.25em;
  margin-right: 0.75em;
  font-weight: bold;
  text-align: center;
  border-right: 2px solid #919FAF;
}
.events li .date .weekday, li .date .day {
  display: block;
}
.events li .date .weekday {
  font-size: 0.75em;
}
.events li .date .day {
  margin-top: -2px;
  font-size: 1.3em;
}
.events li a {
  position: relative;
  top: 3px;
  display: block;
  float: right;
  width: 40px;
  line-height: 2.5;
  text-align: center;
  color: #919FAF;
}
.events li h3 {
  font-weight: bold;
  margin-bottom: -3px;
  margin-top: 3px;
}
.events li .duration, li .location {
  font-size: 0.875em;
  color: #919FAF;
  -webkit-font-smoothing: antialiased;
}
.events li .duration {
  margin-right: 0.25em;
  padding-left: 0.1em;
  padding-right: 0.5em;
  border-right: 1px solid #E2E5E5;
}

.events li.past {
  color: #919FAF;
  border-color: #E2E5E5;
  background-color: #F3F3F3;
}

.events li.next .date {
  border-right-color: #1ABC9C;
  border-width: 0.25em;
  margin-right: 0.75em;
  padding-right: 0.625em;
}

.events li:first-child {
  margin-top: 2px;
}


/********** tiles************/

.box {
    border-radius: 4px;
    box-shadow: 0 2px 15px rgba(0,0,0,.05), 0 -1px 0 rgba(0,0,0,.01);
}
.list-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 23px;
    position: relative;
}
.box, .box-color {
    background-color: #fff;
    position: relative;
    margin-bottom: 1.5rem;
}
.avatar {
    position: relative;
    line-height: 1;
    border-radius: 50%;
    white-space: nowrap;
    font-weight: 700;
    border-radius: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.w-40 {
    font-size: 37px;
    width: 40px;
    height: 40px;
    color: #7bae23;
}
.circle {
    border-radius: 50%;
}
.list-item>* {
    margin-left: .5rem;
    margin-right: .5rem;
}
.text-center {
    text-align: center!important;
}
.list-body {
    -ms-flex: 1;
    flex: 1;
    margin-left:  11px;
    margin-top: 12px;
}

.m-0 {
    margin: 0!important;
    font-size: 14px;
}

/************top home**********************/

.grid .col2 {
    width: 50%;
    padding: 0 10px 0 0;
}
.grid .col2.first {
    float: left;
}
.grid .col2.last {
    float: right;
}

.grid .col3 {
    width: 32%;
    float: left;
    margin-right: 11px;
}
.grid .col3.first {
    margin-left: 0;
    float: left;
}
.grid .col3.last {
    margin-right: 0;
    float: right;
}
.section1 {
    background: #fff;
    position: relative;
    border-radius: 2px;
    margin-bottom: 15px;
}
.section1 div .row:first-child {
    padding: 25px;
}

.section1 .col2.first {
    line-height: 25px;
    position: relative;
    border-right:1px solid #a2a2a2;
}
.section1 .col2.first h1 {
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 15px;
    text-transform: capitalize;
}
.section1 .col2.first ul.list
{ 
    list-style-type:none !important;
}
.section1 .col2.last .col3.last h3.plain
{
    color: #7bae23;
}
.section1 .col2.first p {
    font-size: 14px;
}

.section1 .col2.last {
    padding: 8px 0;
}
.section1 .col2.last .col3 span , .section1 .col2.last .col6 span{
    color: #4e4a4a;
    font-size: 14px;
}
.section1 .col2.last a.span
{    
    background: #6AAFEA;
    padding: 5px 11px;
    font-size: 12px;
    line-height: 1;
    border-radius: 2px;
    color: #fff;
    cursor:pointer;
}
.section1 .col2.last .col3 h1 {
    color: #FB4C22;
}

.section1 .col2.last .col3 {
    text-align: center;
    line-height: 30px;
    border-right: 1px solid #ccc;
}
.section1 .col2.last .col3.last {
    border-right: 0;
}

.row2tab li {
    list-style: none;
    float: left;
    width: 25%;
    padding: 15px;
    font-size: 14px;
    text-align: center;
    cursor:pointer;
    background: #f1f1f1;
    color: #555;
    border-bottom: 2px solid #f1f1f1;
}
.row2tab li:first-child {
    border-bottom: 2px solid #6AAFEA;
    border-radius: 0 0 2px 2px;
}
.row2tab li:first-child {
    color:  #6AAFEA;
}
.row2tab li i {
    margin-right: 3px;
    font-size: 14px;
}

section.section2 
{
    margin: 50px 0;
}

.section2 .col3 
{
    width: 30%;
    margin-right: 60px;
    background: #fff;
    border-radius: 2px;
}
.section2 .profileinfo {
    text-align: center;
    padding: 0 10px 30px;
    color: #555;
    font-size: 14px;
    line-height: 25px;
}
.section2 .profileinfo p {
    text-align: justify;
}
.section2 .profileinfo span {
    margin-top: 15px;
    display: block;
    text-align: left;
    color: #6AAFEA;
    cursor: pointer;
}
.section2 .profileinfo span i {
    margin-left: 10px;
}
.section1 .col2.last .col6 {
    text-align: center;
    line-height: 30px;
    border-right: 1px solid #ccc;
}

.grid .col6 {
    width: 64%;
    float: left;
    margin-right: 11px;
}

@media only screen and (max-width: 1300px) 
{
    .section2 .col3 {
        margin-right: 5%;
    }
    .section1 .grid .col3 {
        margin-right: 2%;
    }
    .section1 .col2.last .col3.last {
        margin-right: 0;
    }
}

@media only screen and (max-width: 1060px) {
    .section1 .col2 {
        /*width: 100%;*/
        border-right:0 !important;
        padding: 0;
    }
}

@media only screen and (max-width: 660px) 
{ 
    .input-group-addon
    {
        min-width: 70px;
    }
    .input-group .form-control{width: 100%;}
    .section2 .col3 {
        width: 100%;
        float: none !important;
        margin-bottom: 10px;
    }
    .row2tab li {
        width: 50%;
        text-align: left;
    }
    .section1 .col2.first {
        text-align: center;
    }
    .section1 .col6.first {
        width: 100%;
        border-right: none !important;
    }
    .section1 .col2 {
        width: 100%;
    }
    .section1 .col3  
    {
        margin-top: 35px;
        width: 100%;
    }
    .section1 .col3.last h3  
    {
        margin-bottom: 1px;
    }
    .section1 .col2.first span {
        position: relative;
        right: 0;
    }
    .section1 .col2.last {
        margin-top:25px;
    }
}
@media only screen and (max-width: 450px) {
    .row2tab li {
        width: 100%;
        text-align: left;
    }
    .section1 .col2.last .col3 span {
        font-size: 10px;
    }
    .section1 .col2.last .col3 h1 {
        font-size: 18px;
    }

}
/**********************************/