﻿tr.active td {
    color:#ffffff !important;
}
.inline-block {
display: inline-block;
vertical-align: top;
zoom: 1;
}
.table-actions-top .pull-right .inline-block, .table-actions-top .pull-right {
padding-right: 0px;
padding-left: 10px;
}
.table-actions-top .pull-left .inline-block, .table-actions-top .pull-left {
padding-right: 0px;
padding-left: 10px;
}
.table-actions-top .pull-left .inline-block:first-child, .table-actions-top .pull-left:first-child {
    padding-left: 0px;
}
.datatableInfo {
    margin-left:10px;
}
.pull-left {
    margin-bottom: 10px;
}
.pull-right {
    margin-bottom: 10px;
    margin-right: 10px;
}
.modal-header.alert.alert-danger {
    margin-bottom:0;
}
.inline-block-flash-tabletool {
    position:relative;
}
.inline-block-flash-tabletool a embed{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}

/* More rewriting bootstrap functionality */
/* you brought me to this, bootstrap */
.turnover-bearer:not(.btn) {
    cursor: pointer;
    position: relative;
    padding: 3px;
    border: 1px solid #DDD;
    border-radius: 4px;
}

.turnover-bearer.active:not(.btn) {
    background-color: #DDD;
}
.turnover-bearer.no-border {
    padding: 0px;
    border: 0px;
}
.turnover-bearer.no-border.active {
    background-color: transparent;
}
.turnover {
    top: 0;
    z-index: 1041;
    padding: 5px;
    position: fixed;
    display: none;
}
.turnover .colorpicker::after, .turnover .colorpicker::before{
    display:none;
}
    .turnover.left {
        margin-left:-2px;
    }
    .turnover-inner {
        /*min-width: 550px;*/
        padding: 3px;
        /*overflow: hidden; breaks dropdowns in the toolbar*/
        /*background: #000000;
        background: rgba(0, 0, 0, 0.8);*/
        border-radius: 6px;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        position:relative;
        float:left;
    }
            .turnover-info .turnover-inner {
            min-width: 0px;
            /*max-width: 300px;*/
        }
        .turnover-arrow {
            position: absolute;
            width: 0;
            height: 0;
            top: 50%;
            border-top: 5px solid transparent;
            border-right: 5px solid #000000;
            border-bottom: 5px solid transparent;
        }
            .right .turnover-arrow {
                left: 0;
                right: 0;
                border: 0px;
                border-top: 5px solid transparent;
                border-right: 5px solid #000000;
                border-bottom: 5px solid transparent;
            }
            .left .turnover-arrow {
                top: 50%;
                right: 0;
                border:0;
                border-top: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 5px solid #000000;
            }
            .ontop .turnover-arrow {
                display: none;
            }

    .turnover-title  h3, h3.turnover-title{
        padding: 9px 22px 9px 15px;
        line-height: 1;
        /*background-color: #f5f5f5;
        border-bottom: 1px solid #eee;*/
        border-radius: 3px 3px 0 0;
        margin: 0;
    }
        .turnover-title .btn-group {
            margin-top: 3px;
        }
        .turnover-title .title {
            color:#ABC84C;
            font-size:20px;
        }
        .turnover-title .subtitle {
            color: #3b3b3b;
            display: block;
            font-size: 13px;
            margin: -5px 0 0 0;
            font-family:'Open Sans', Arial, Helvetica, sans-serif;
            font-weight:600;
            font-style:normal;
            margin-top:5px;
        }
            .turnover-title .subtitle i {
                vertical-align: middle;
                margin-top: -3px;
            }
        .turnover-title .close {
            top: 10px;
            opacity:0.6;
            right: 15px;
            position:absolute;
        }

    .turnover-toolbar {
        padding: 10px 5px 0px;
        background: #DDD;
        text-align: center;
        margin-top: -5px;
        border-radius: 0 0 5px 5px;
    }
        .turnover-toolbar .turnover-toolbar-row {
            margin-bottom: 5px;
        }
        .turnover-toolbar .turnover-toolbar-row:last-child {
            margin-bottom: 0px;
        }
        .turnover-toolbar .btn-group {
            display: inline-block;
            vertical-align: middle;
        }
        .turnover-toolbar .dropdown-menu {
            text-align: left;   
        }
        .turnover-toolbar .btn {
            margin-bottom: 5px;
        }
    
    .turnover-content {
        padding: 0px;
        background-color: #ffffff;
        white-space: nowrap;
        border-radius: 0 0 3px 3px;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        position:relative;
        float:left;
        overflow-y:auto;
        overflow-x:hidden;
        width: 100%;
        color: #000000 !important;
    }
#timeperiod_turnover .turnover-content {
    float:none;
}
        .turnover-fixwidth .turnover-content {
            max-width: 550px;
        }
        .turnover-info .turnover-content {
            white-space: normal;   
        }
        .preview {
            display:inline-block;
            margin-right:0;
            text-align:center;
            float:left;
            position:relative;
        }
        .preview.voice-preview{
            text-align:left;
        }
        #ChannelLayout {
            float:left;
        }
        #TurnoverTableParent {
            position:relative;
        width:100%;
    }
    .turnover-content .preview .inline-block{
            height:210px;
            max-width:450px;
        }
        .turnover-content .thumbnail img {
            max-height: 200px;
        }
        .turnover-content * {
            white-space: normal;
        }
        .turnover-info .turnover-content em {
            color: #650000;
        }
        .turnover-content dl {
            text-align: left;
            padding-right: 20px;
            margin: 0px;
            font-size: 11px;
            line-height: 11px;
        }
            .turnover-content dt, .turnover-content dd {
                line-height: 15px;
            }

		.turnover-content .layout.layout-thumbnail, .turnover-content .layout-listener {
			position: relative;
			max-height: 210px;
			max-width: 380px;
		}
		.span .layout.layout-thumbnail {
			position: relative;
			max-height: 270px;
			max-width: 270px;
		}
        .span10 .layout.layout-thumbnail {
			position: relative;
        }
		.turnover-content table .layout {
		    margin: auto;
		}
        .turnover .input-xlarge {
            width:313px !important;
        }
        .turnover form table.parameters{
            width:100%;
        }
        .turnover form table td{
            text-align:left;
        }

        .turnover form{
            margin:0px;
        }
        .turnover .btn.save {
            position:absolute;
            bottom:14px;
            right:14px;
        }
		#EditShow_details .layout {
		    position: relative;
		}
        .turnover #myTab, .modal #myTab {
            width:100%;
        }
        .turnover .tab-content, .modal .tab-content {
            position:relative;
            float:left;
            width:100%;
        }
.inline-block.layout-listener,.inline-block.layout-not-listener {
     /*max-width:240px;
     max-height:160px;*/
     position:relative;
}
.turnover-cell {
    position: relative;
}
    .turnover-cell div.turnover-bearer, .turnover-cell span.turnover-bearer {
        position: absolute;
        top: 50%;
        margin-top: -11px;
        left: -3px;
    }
    .turnover-cell .text {
        display: block;
        padding: 2px 0 2px 23px;
    }
.turnover table td.control-label{
    vertical-align:top;
    width:98px !important;
    padding-right:20px;
}
    
/* end of turnovers */
.field-validation-error {
    display: none !important;
}

.alert {
    margin-right: 15px;
}

/* Menu Selection Highlighted */

.sidebar .sidebar-menu .treeview-menu > li.active{
  background: none repeat scroll 0 0 #4AA1D3;
  box-shadow: 0 1px 2px -1px #333333 inset;
  color: #FFFFFF;
}
.sidebar .sidebar-menu .treeview-menu > li.active a { color: #FFFFFF; }

.treeview.active1 .treeview-menu {
    display:block;
}
