.page-header {
    background: #a90329; /* Old browsers */
    background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

    text-shadow: 1px 1px 0px rgba(50, 50, 50, 0.2);
}

.page-header .page-header-top.fixed {
    background-color: #0D5292 !important;
    box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);

}

.dropdown-user>a{
    background-color: transparent !important;
    color:#fafafa;
}

.dropdown-user>a:hover{
    background-color: transparent !important;
}

.dropdown-user>a span{
    color:#fafafa !important;
}

.dropdown-user>a:hover span{
    color:#fff !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
    background-color: transparent !important;
}

.page-logo{
    color:#fff;
    font-size: 32px;
    font-weight: bold;
    padding-top: 17px;
}

.panel-footer {
    background-color: #FCFCFC;
}

.panel-heading {
    border-bottom: 1px solid #ddd;
}

body{
    background: url('../img/bkg.png') repeat scroll 0% 0% transparent;
}

.page-content{
    background: none;
}

.page-head {
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1) !important;
}

.panel.panel-shadow, .portlet {
    background: none repeat scroll 0% 0% #FFF;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1) !important;
    border-spacing: 0px;
    border-top: 2px solid #FF6C60;
}


.note{
    background: none repeat scroll 0% 0% #FFF;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1) !important;
    border-spacing: 0px; 
}

.btn-warning {
    color: #FFF !important;
    background-color: #F88311;
    border-color: #F88311;
}


.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.page-header-menu{
    -webkit-box-shadow:  0px -2px 0px 0px rgba(0,0,0,0.14);
    -moz-box-shadow:  0px -2px 0px 0px rgba(0,0,0,0.14);
    box-shadow:  0px -2px 0px 0px rgba(0,0,0,0.14);
}

.page-header {
    height: auto;
}

.vd_bg-grey {
    color: #f8f8f8 !important;
    text-shadow: 1px 1px 0px #777;
    background-color: #777 !important;
    font-weight: bold;
}

.page-title{
    text-shadow: 1px 1px 0px #fff;
}

.page-prefooter.alert{
    margin-bottom:0;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: #BCC2CB;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a:hover > i {
    color: #fff;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
    color: #fff;
}

#footer.bottom {
    position: absolute;
    right: 0px;
    left: 0px;
    z-index: 1030;
    bottom: 0;
}

textarea.form-control { 
    resize:vertical; 
    min-height: 34px;
}

.table.table-bordered thead tr{
    color: #666;
    background: none repeat scroll 0% 0% #F8F8F8;
    border-bottom: 1px solid #E4E4E4;
}

.table.table-bordered thead tr th{
    vertical-align: middle;
}

.ng-table-pager{
    background: none repeat scroll 0% 0% #FcFcFc;
}

.table.table-bordered thead tr {
    text-shadow: 1px 1px 0px #FFF;
    cursor: default;
}
/*
.table.table-bordered thead tr:first-child{
    background: #e1e1e1; 
    background: -moz-linear-gradient(top,  #e1e1e1 0%, #f6f6f6 4px, #f1f1f1 4px, #ffffff 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(4px,#f6f6f6), color-stop(4px,#f1f1f1), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #e1e1e1 0%,#f6f6f6 4px,#f1f1f1 4px,#ffffff 100%); 
    background: -o-linear-gradient(top,  #e1e1e1 0%,#f6f6f6 4px,#f1f1f1 4px,#ffffff 100%); 
    background: -ms-linear-gradient(top,  #e1e1e1 0%,#f6f6f6 4px,#f1f1f1 4px,#ffffff 100%); 
    background: linear-gradient(to bottom,  #e1e1e1 0%,#f6f6f6 4px,#f1f1f1 4px,#ffffff 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#ffffff',GradientType=0 ); 
}
*/
.sortable.sort-asc, .sortable.sort-desc{
    .sortable.sort-asc, .sortable.sort-desc{
        background-color: rgba(61,196,245,0.40)  !important;
    }
}

.td-actions {
    text-align: center;
    white-space: nowrap !important;
}
.td-actions a{
    color: #768294;
    margin-right: 5px;
    margin-left: 5px;
}
.td-actions a >span.fa{
    font-size: 18px !important;
}

.td-actions a:hover{
    color: #3DC4F5;
}

.ng-table-pager{
    border-top: 1px solid #EEEFF1;
    padding: 0px 20px 0px 20px;
}

.ng-table-counts{
    padding-top: 20px;
}

.ng-table td{
    vertical-align: middle !important;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: inherit;
    margin-left: 0px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
    color: #f9f9f9;
}
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
    color: #f9f9f9;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
    color: #fff;
}

.nav-tabs {
    margin-bottom: 0px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #FFF;
    border-bottom: 1px solid #FF6C60;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
}

.radio, .checkbox {
    position: relative;
    display: block;
    margin-top: 30px;
    margin-bottom: 10px;
}

.datetimepicker thead tr th, .datetimepicker tbody tr td{
    font-size: 12px; 
}

.selectize-input {

    border-color:#E5E5E5;;
}

.selectize-input.focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color:#999;
}

.modal-content {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
}

.modal-header{
    color: #666;
    background: none repeat scroll 0% 0% #F8F8F8;
    border-bottom: 1px solid #E4E4E4;
    text-shadow: 1px 1px 0px #FFF;
    padding: 10px;
    border-top: 2px solid #FF6C60;
}

.modal-header>span{
    padding: 0;
    margin: 0;
    font-weight: bold;
    padding: 0px;
    font-size: 16px;

}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
    background-color: transparent;
}

.selectize-control.input-filter.form-control {
    height: 34px !important;
}
.selectize-input .item{
    width: auto;
}
.selectize-input .item, .selectize-dropdown{
    text-align: left;
}

.selectize-input1 {
    height: 34px !important;
}

.input-filter input {
    font-size: 14px;
    font-weight: normal;
    color: #333;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    box-shadow: none;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    height: 34px;
    padding: 6px 12px;
}

legend{
    font-size:15px;
    font-weight: bold;
}

.paginator-enabled{
    padding-top: 8px;
}
table.table td{
    word-break: initial;
}

.table-cell-items{
    display: inline-block;
}

.table-cell-items-block>div:nth-child(odd) {background: none}
.table-cell-items-block>div:nth-child(even) {background: rgba(155,155,155,0.2)}


.table-cell-items-block{
    margin: -6px;
}

.table-cell-items-block div{
    white-space: nowrap;
}

.table-cell-items-block > div > div{
    padding-left:4px;
    padding-right:4px;
}

.table-cell-items:after{
    content:',';
    padding-right: 4px;    
}
.table-cell-items:last-child:after{
    content:''
}
.total-rows {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857;
    color: #337AB7;
    text-decoration: none;
}


.input-daterange input[type=text]{
    font-size:58%; 
    padding: 4px;
}

.spinner{
    position: fixed !important;
}

tags-input .tags .tag-item .remove-button {
    color: #fff;
}

@media (max-width: 480px) {
    .page-header .top-menu {
        background-color: transparent;
    }
    .input-daterange input[type=text]{
        font-size:100%;   
    }   
    table.table td{
        word-break: break-all;
    }    
}

@media (max-width: 991px) {
    .page-header .page-header-menu {
        background: none;
    }

    .page-header-menu{
        -webkit-box-shadow: none;
        -moz-box-shadow:  none;
        box-shadow:  none;
    }  

    .page-header .page-header-top .top-menu {
        margin: 13px 0px 0px;
        padding: 0px;

    }

    .dropdown-user>a:after:hover{
        content: "*";
    }

}
ol.treeview{
    list-style: none;
    padding: 0;    
    margin:0;
}

ol.treeview ol{
    list-style: none;

}

ol.treeview > li{
    background-color: #fdfdfd;
    color: #8b91a0;
    border: none;
    position: relative;
    border-bottom:1px solid  #ddd;

    -webkit-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.03);
    -moz-box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.03);
    box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.03);  

}

.table-shadow{
    background-color: #fefefe;
    -webkit-box-shadow: 0 1px 2px rgba(55,55,55,0.1) !important;;
    -moz-box-shadow: 0 1px 2px rgba(55,55,55,0.1) !important;;
    box-shadow: 0 1px 2px rgba(55,55,55,0.1) !important;;
    -moz-border-radius: 3px !important;;
    -webkit-border-radius: 3px !important;;
    border-radius: 3px !important;
    color: #8b91a0;
    position: relative;
}

ol.treeview > li .btn{
    padding:2px 6px;
}

.table-shadow{
    padding: 4px;
    margin-bottom: 20px;
}
.portlet-body .panel-shadow:last-child{
    margin-bottom: 0px;
}


ol.treeview > li{
    margin-bottom: 0px;
    padding:8px;
    padding-top: 12px;
    padding-left: 12px;
}

ol.treeview > li:last-child{
    margin-bottom: 0px;
}

ol.treeview > li > div {
    font-weight: bold;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 6px;
    padding-bottom: 6px;
}

ol.treeview ol li{
    margin-bottom: 6px;
}

.table > tbody + tbody {
    border-top: 1px solid #DDD;
}

.selectize-control::before {
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    content: ' ';
    z-index: 2;
    position: absolute;
    display: block;
    top: 12px;
    right: 34px;
    width: 16px;
    height: 16px;
    background: url(../img/input-spinner.gif);
    background-size: 16px 16px;
    opacity: 0;
}

.selectize-control.loading::before {
    opacity: 0.4;
}

.table tbody tr.children-open{
    background-color: rgba(98,196,168,0.2);
}

.table tbody tr.children-open td{
    font-weight: bold;
    color:#7D8589;
}

.open > .dropdown-menu {
    display: block;
    z-index: 1050;
}

.datetimepicker table>tfoot tr td{
    padding: 0;
}

div[ng-controller]>div.panel{
    overflow-x: auto;
}

body{
    position: relative;
    height:100%;
}

html{
    height:100%;
}


.table-info td{
    padding: 6px;
}

.table-info td:last-child{
    text-align: right;
}

.datetimeEntry-control{
    position: absolute;
    right: 1px;
    z-index: 10;
    top:1px;
}

.is-datetimeEntry{
    margin-right:32px;
}

.red{
    color: #e02222 !important;
}

.editor-container.ql-container{
    height:350px;
}

.variable{
    font-weight: bold; 
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;   
}

.variable:hover{
    text-shadow: 0 0 10px #444;

}

ol.treeview > li > div.cinema_empty {
    font-weight: bold;
    border-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #ec2a15;
}

ol.subitems-container{
    border-top: 1px dotted #ddd;
    margin-top: 10px;
    padding-top: 10px;    
}

ol.subitems-container.hidden{
    display:none;
}

.xdsoft_scrollbar{
    width: 20px;
    border-left: 1px solid #ddd;
    background-color: #f8f8f8 !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 70px !important;
}

.xdsoft_time_variant{
    width:49px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    margin-left: 45px !important;
}

.datetime-info{
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    z-index: 2;
    width: 100%;
    border: 0px ;
    height: 34px;
    font-size: 12px;
    line-height: 34px;
    padding-left: 8px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
    pointer-events: none;
}