/*===================================================================*/
/* ALERT
/*===================================================================*/
.ft-alert {
    border: 1px solid;
    padding: 10px 12px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;
    overflow : hidden;
    margin-bottom: 20px;
}
.ft-alert.success {
    background-color: #EFFEB9;
    border: 1px solid #C1D779;
    color: #468847;
}
.ft-alert.info {
    background-color: #DEEEFA;
    border: 1px solid #AFD3F2;
    color: #3A87AD;
}
.ft-alert.warning {
    background-color: #FFE9AD;
    border: 1px solid #EAC572;
    color: #C09853;
}
.ft-alert.error {
    background-color: #FCCAC1;
    border: 1px solid #E18B7C;
    color: #B94A48;
}



/*===================================================================*/
/* COLUMNS
/*===================================================================*/
.ft-column.first {margin-left: 0; clear: both}
.ft-column {
    z-index: 1;
    float: left;
    position: relative;
    min-height: 1px;
    width: 100%;
    margin-bottom: 30px;
}
.ft-one-half {
    margin-left: 4%;
    width: 48%;
}
.ft-one-third {
    margin-left: 4%;
    width: 31%;
}
.ft-two-third {
    margin-left: 4%;
    width: 65%;
}
.ft-one-fourth {
    margin-left: 4%;
    width: 22%;
}
.ft-three-fourth {
    margin-left: 4%;
    width: 74%;
}
.ft-one-fifth {
    margin-left: 4%;
    width: 16.8%;
}
.ft-two-fifth {
    margin-left: 4%;
    width: 37.6%;
}
.ft-three-fifth {
    margin-left: 4%;
    width: 58.4%;
}
.ft-four-fifth {
    margin-left: 4%;
    width: 79.2%;
}
/*===================================================================*/
/* BUTTON
/*===================================================================*/
.ft-btn {
    border: 1px solid;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
    color: #FFF!important;
    cursor: pointer;
    display: inline-block;
    text-align: center!important;
    text-decoration: none!important;
    -webkit-appearance: none;
    background: #5DB2F0;
    border-color: #62ABE0;
    margin: 0px 5px 5px 0;
}
.ft-btn span {
    padding: 6px 12px;
    display: block;
}
.ft-btn.medium span{
    padding: 10px 19px!important;
}
.ft-btn.large span{
    padding: 14px 29px!important;
}
.ft-btn.round{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.ft-btn:hover {
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    background: #6ABBF7;
    border-color: #6ABBF7;
}

/* BUTTON COLORS */
.ft-btn.yellow { background: #FCC71F; border-color: #F5C017!important;  }
.ft-btn.yellow:hover { background: #FFCF38; border-color: #FFCF38!important;  }
.ft-btn.purple { background: #C86CEE; border-color: #C061E7!important; }
.ft-btn.purple:hover { background: #D075F7; border-color: #D075F7!important; }
.ft-btn.green { background: #38C994; border-color: #31C28D!important; }
.ft-btn.green:hover { background: #40D39D; border-color: #40D39D!important; }
.ft-btn.blue { background: #5DB2F0; border-color: #62ABE0!important; }
.ft-btn.blue:hover { background: #6ABBF7; border-color: #6ABBF7!important; }
.ft-btn.red { background: #FC5355; border-color: #F74244!important; }
.ft-btn.red:hover { background: #FF6466; border-color: #FF6466!important; }
.ft-btn.orange { background: #FF7654; border-color: #FF6A45!important; }
.ft-btn.orange:hover { background: #FF8262; border-color: #FF8262!important; }
.ft-btn.pink { background: #FFADCB; border-color: #FDA5C5!important; }
.ft-btn.pink:hover { background: #FFB5D0; border-color: #FFB5D0!important; }
.ft-btn.grey { background: #888; border-color: #818181!important; }
.ft-btn.grey:hover { background: #919191; border-color: #919191!important; }
.ft-btn.black { background: #333; border-color: #2C2C2C!important; }
.ft-btn.black:hover { background-color: #3C3C3C; border-color: #3C3C3C!important; }


/*===================================================================*/
/* DROPCAP
/*===================================================================*/
.ft-dropcap {
    display: block;
    float: left;
    font-size: 38px;
    line-height: 32px;
    margin: 4px 8px 0 0;
}


/*===================================================================*/
/* TOGGLE & ACCORDION
/*===================================================================*/
.ft-toggle {
    margin-bottom: 20px;
}
.panel-heading {
    color:#656565;
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
}
.panel-heading a {
    background: #FFF;
    color: inherit;
    display: block;
    padding: 9px 35px 9px 9px!important;
    text-decoration: none!important;
    outline: none;
    position: relative;
    border: 1px solid #D3D3D3;
    margin: 0 0 -2px;
    padding-bottom: 1px;
}
.panel-heading a:hover,
.active .panel-body{
    background: #FBFBFB;
}
.panel-heading a:focus {
    outline: none;
}
.active .panel-heading a {
    background: #FFF;
}
.panel-body {
    background: #FFF;
    border-top: none;
    padding: 15px;
}
.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.panel-body {
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}
.active .panel-body {
    margin-bottom: 5px;
}
.ft-collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.panel .panel-heading i{ margin-right: 5px;}
.panel .panel-heading .toggle-icon{
    display: block;
    position:absolute;
    width:15px;
    height:15px;
    border-style:solid;
    border:none;
    top:16px;
    right:10px;
}
.panel .panel-heading .vert-icon{
    border-left-style:solid;
    border-left-width:3px;
    position:absolute;
    left:5px;
    top:1px;
    height:11px;
    border-color: #DDDDDD;
}
.panel .panel-heading .hor-icon{
    border-top-style:solid;
    border-top-width:3px;
    position:absolute;
    top:5px;
    left:1px;
    width:11px;
    border-color: #DDDDDD;
}
.active.panel .panel-heading .vert-icon {
    display: none;
}

/*===================================================================*/
/* TABS
/*===================================================================*/
.ft-tabs {
    overflow: hidden;
    position: relative;
    margin-bottom:20px;
}
.ft-tabs .nav-tabs {
    clear: both;
    float: left;
    position: relative;
    width: 100%;
    margin: 0;
    z-index: 3;
}
.ft-tabs .ft-tab-title {
    float: left;
    list-style: none;
    display: block;
    position: relative;
    top: 1px;
    z-index: 1;
}
.ft-tabs .ft-tab-title,
.entry-content .ft-tabs .ft-tab-title {
    margin-left: 0;
    margin-bottom:0px;
}
.ft-tab-title a{
    border-bottom: medium none;
    padding: 10px 16px;
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 -1px 0 0;
    outline: none;
    text-decoration: none !important;
    color: inherit;
    border-top: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    border-right: 1px solid #E1E1E1;
}
.ft-tab-title a:focus {outline: none}
.ft-tabs .ft-tab-title.active,  .ft-tabs .ft-tab-title.active a, .ft-tabs .tab-content .tab-pane.active{
    background: #FCFCFC;
}
.ft-tabs .ft-tab-title.active {z-index: 3;}
.ft-tabs .tab-content {clear: both;}
.ft-tabs .tab-content .tab-pane{
    border: 1px solid #DDDDDD;
    padding: 20px 20px;
    clear: both;
    background: #FFF;
    display: none;
    z-index: 0;
    position: relative;
    top: 0;
}
.ft-tabs .tab-pane.active {
    display: block;
    z-index: 2;
}