@CHARSET "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,800,700,600,300&subset=latin,cyrillic-ext,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Fira+Mono:400,700&subset=cyrillic-ext,latin);

body {
    /* font: 13px/1.7em "Open Sans", "trebuchet ms", arial, sans-serif; */
}
body.auth-screen{
    background: #1FB3A3 url("../img/lock-screen.jpg") no-repeat fixed 0 0 / cover;
}
body.auth-screen>.container{
    background: #fff;
    width: 750px;
    margin-top: 10%;
    padding: 0;
}
.auth-screen .auth-title, .auth-screen .auth-body{
    padding: 30px 40px 10px 40px;
}
.auth-screen .auth-body{
    background: #f2f4f6;;
}

time {
  text-transform: lowercase;
}

.nav i{
  font-size: 14px;
}

#wrapper {
    padding: 0 15px 0 15px;
}
h1, h2, h3, h4, h5, h6, p {
    /* font-family: 'Open Sans', 'trebuchet ms', arial, sans-serif; */
    margin-top: 0;
}

h1{
    font-size: 28px;
}

.table th{
    white-space: nowrap;
}
.table-no-border > tbody > tr > td {
    border: none;
}
.navbar.status{
    background: transparent;
    border-color: transparent ;
}
.navbar-form .form-control{
    width: 100%;
}
.navbar-form .filter-id {
width: 6em;
}

.panel .table {
    margin-bottom: 0;
}
.panel{
    box-shadow: none;
}
.tab-pane .panel:first-child {
    /*border-top: none;*/
    /*border-radius: 0 0 4px 4px;*/
}

ul.nav.nav-tabs li a {
    outline: none;
}

.nav-tabs + .panel { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; }

iframe {
    width: 100%;
    border: none;
}

.panel-footer .form-group {
    margin-bottom: 0px;
}

.color-preset {
    font-family: monospace;
    font-weight: normal;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none !important;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-submenu.dropup > .dropdown-menu {
    top: auto;
    bottom: 0;
    -webkit-border-radius: 6px 6px 0 6px;
    -moz-border-radius: 6px 6px 0 6px;
    border-radius: 6px 6px 0 6px;
}

.dropup .dropdown-submenu > .dropdown-menu {
    bottom: auto;
}

.btn.state {
    border-color: transparent;
    background-image: none;
}

.modal.loading .modal-body {
    background: transparent url('ajax-loader.gif') no-repeat center;
    min-height: 128px;
}

.popover .btn { margin-bottom: 4px; }

/* Autocomplete*/

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 4px;
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    width: 100%;
    support: IE10, see #8844 list-style-image : url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item.disabled {
  opacity: 0.5;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 4px .4em;
    line-height: 1.5;
    min-height: 0;
    font-weight: normal;
    border-radius: 0;
}

.ui-menu {
  z-index: 2;
}
.ui-menu .ui-menu-item.ui-state-focus a {
  color: white;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    color: #fff;
    background-color: #428bca;
    font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
}

.ui-menu-item a.inactive {
    opacity: 0.5;
}

.ui-menu-item a .description {
    font-size: 80%;
    margin-top: -3px;
    display: block;
    color: #777;
}

.ui-menu-item a.ui-state-focus .description {
    color: #fff;
}

.ui-autocomplete {
    max-height: 236px;
    overflow-y: auto;
}

.btn.loading {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
.btn.btn-default.loading {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.1) 26%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 26%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}
/* tags input */
.bootstrap-tagsinput {
    width: 100%;
}
.input-group .form-control.bootstrap-tagsinput{
    z-index: auto;
}
.bootstrap-tagsinput .tt-dropdown-menu {
    min-width: 300px;
}
.ui-helper-hidden-accessible {
    display: none;
}

/* files */
.modal {
    overflow: auto;
}
.thumbnail {
  position: relative;
}
.thumbnail .caption-overlay {
  position: absolute;
  left: 4px;
  right: 4px;
  background-color: rgba(255, 255, 255, 0.9);
  
  bottom: 4px;
  transition: all 0.5s;
  height: 2.8em;
  overflow: hidden;
  opacity: 0.75;
}
.thumbnail:hover .caption-overlay {
  height: 97%;
  opacity: 1;
}
.thumbnail .caption-overlay img {
  padding: 2px;
}

div.thumbnail:hover, div.thumbnail:focus, div.thumbnail.active {
    border-color: #428bca;
}

.file .thumbnail .control {
    width: 13px;
    padding-left: 3px;
    opacity: 0;
    position: absolute;
    right: -14px;
    top: -3px;
    z-index: 1;

    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.file .thumbnail .control a {
    display: block;
    width: 13px;
    height: 13px;
    text-align: center;
    margin-bottom: 7px;
    cursor: pointer;
}

.file .thumbnail .del i {
    font-size: 17px;
    color: #d9534f;

    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    transition: all .1s ease-in;
}

.file .thumbnail.alert-info .del i, .file .thumbnail .del.disabled i {
    color: #dfdfdf;
}

.file .thumbnail .info i {
    font-size: 15px;
}

.file .thumbnail .ref i {
    font-size: 14px;
    color: #ed9c28;
}

.file .thumbnail:hover > .control {
    opacity: 1;
}

.file .modal#delete_file {
    overflow-y: auto;
}

.file .thumbnail {
    position: relative;
}

.file .thumbnail .properties {
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    color: #fff;
}

.file .thumbnail .properties {
    display: none;
}

#file_info .modal-dialog {
    width: 520px;
}

#file_info .thumbnail {
    width: 200px;
    display: inline-block;
    margin-bottom: 0;
}

#file_info .properties {
    width: 257px;
    float: right;
}


.textile .btn-toolbar {
  margin-bottom: 0px;
}
.textile .btn-toolbar .btn-group {
  margin-bottom: -1px;
}
.textile .btn-toolbar .btn-group > .btn:first-child,
.textile .btn-toolbar .btn-group > .btn:last-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

textarea {
  resize: vertical;
}
.textile textarea {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  position: relative;
  z-index: 1;
}
.textile .filepicker { margin-top: 5px; }

/* textile */
.jstElements{
    margin-bottom: 5px;
}
.jstElements button{
    margin-right: 3px;
}
.jstEditor{
    margin-bottom: 10px;
}


/*tag input*/

.theme-modern .bootstrap-tagsinput {
    border: 1px solid #e2e2e4 !important;
    box-shadow: none !important;
    color: #797979 !important;
    padding: 3px 12px 0 12px !important;
    height: auto;
    min-height: 34px;
}
.theme-modern .bootstrap-tagsinput .tag {
    color: #ffffff;
    display: inline-block !important;
    cursor: pointer;
    background: #0090d9;
    margin-right: 5px;
    margin-bottom: 4px;
    overflow: hidden;
    line-height: 15px;
    padding: 5px 16px 5px 16px;
    position: relative;
    vertical-align: middle;
    text-transform: capitalize;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.theme-modern .bootstrap-tagsinput .tag:hover {
    background-color: #1285d1;
    color: #ffffff;
}

.theme-modern .bootstrap-tagsinput .tag:hover span {
    color: #ffffff;
    opacity: 1;
    padding: 6px 5px 5px 0;
    display: block\9;
}
.theme-modern .bootstrap-tagsinput .tag span {
    bottom: 0;
    color: #ffffff;
    cursor: pointer;
    font-size: 12px;
    opacity: 0;
    padding: 6px 0 5px 0;
    position: absolute;
    right: 0;
    text-align: right;
    text-decoration: none;
    top: 0;
    width: 100%;
    z-index: 2;
    display: none\9;
    font-weight: 400;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.theme-modern .bootstrap-tagsinput .tag span:after {
    color: #ffffff;
    content: "\f00d" !important;
    font-family: "FontAwesome";
    padding: 0 !important;
}


/* Icons */
.fa-lg {
    font-size: 1.9em;
    line-height: .75em;
    vertical-align: -15%;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}
.fa-2x {
    font-size: 2em;
}
.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}
.text-white {
    color: #fff;
}

.form-control-feedback.fa {
  width: auto;
  height: auto;
  line-height: 34px;
  right: 1em;
}
.form-horizontal .has-feedback .form-control-feedback.fa { right: 2em; }

[data-toggle="clock"] {
  padding: 0 3px; font-family: "Fira Mono", monospace; white-space: nowrap; font-size: 90%;
}

/* bootstrap media extension */
.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 1600px){
    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }
    .col-xl-12 {
        width: 100%;
    }
    .col-xl-11 {
        width: 91.66666667%;
    }
    .col-xl-10 {
        width: 83.33333333%;
    }
    .col-xl-9 {
        width: 75%;
    }
    .col-xl-8 {
        width: 66.66666667%;
    }
    .col-xl-7 {
        width: 58.33333333%;
    }
    .col-xl-6 {
        width: 50%;
    }
    .col-xl-5 {
        width: 41.66666667%;
    }
    .col-xl-4 {
        width: 33.33333333%;
    }
    .col-xl-3 {
        width: 25%;
    }
    .col-xl-2 {
        width: 16.66666667%;
    }
    .col-xl-1 {
        width: 8.33333333%;
    }
    .col-xl-pull-12 {
        right: 100%;
    }
    .col-xl-pull-11 {
        right: 91.66666667%;
    }
    .col-xl-pull-10 {
        right: 83.33333333%;
    }
    .col-xl-pull-9 {
        right: 75%;
    }
    .col-xl-pull-8 {
        right: 66.66666667%;
    }
    .col-xl-pull-7 {
        right: 58.33333333%;
    }
    .col-xl-pull-6 {
        right: 50%;
    }
    .col-xl-pull-5 {
        right: 41.66666667%;
    }
    .col-xl-pull-4 {
        right: 33.33333333%;
    }
    .col-xl-pull-3 {
        right: 25%;
    }
    .col-xl-pull-2 {
        right: 16.66666667%;
    }
    .col-xl-pull-1 {
        right: 8.33333333%;
    }
    .col-xl-pull-0 {
        right: auto;
    }
    .col-xl-push-12 {
        left: 100%;
    }
    .col-xl-push-11 {
        left: 91.66666667%;
    }
    .col-xl-push-10 {
        left: 83.33333333%;
    }
    .col-xl-push-9 {
        left: 75%;
    }
    .col-xl-push-8 {
        left: 66.66666667%;
    }
    .col-xl-push-7 {
        left: 58.33333333%;
    }
    .col-xl-push-6 {
        left: 50%;
    }
    .col-xl-push-5 {
        left: 41.66666667%;
    }
    .col-xl-push-4 {
        left: 33.33333333%;
    }
    .col-xl-push-3 {
        left: 25%;
    }
    .col-xl-push-2 {
        left: 16.66666667%;
    }
    .col-xl-push-1 {
        left: 8.33333333%;
    }
    .col-xl-push-0 {
        left: auto;
    }
    .col-xl-offset-12 {
        margin-left: 100%;
    }
    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }
    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }
    .col-xl-offset-9 {
        margin-left: 75%;
    }
    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }
    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }
    .col-xl-offset-6 {
        margin-left: 50%;
    }
    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }
    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }
    .col-xl-offset-3 {
        margin-left: 25%;
    }
    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }
    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }
    .col-xl-offset-0 {
        margin-left: 0;
    }
}

.picker {cursor: pointer;}

@media (max-width:1500px) {

	.btn-group-collapse {
	  
	}
	.btn-group-collapse:hover {
	  
	}
	.btn-group-collapse .btn + .btn, 
	.btn-group-collapse .btn + .btn-group, 
	.btn-group .btn-group-collapse + .btn, 
	.btn-group .btn-group + .btn-group-collapse {
	  margin-left: -20px;
	}
	
	.btn-group-collapse:hover .btn + .btn, 
	.btn-group-collapse:hover .btn + .btn-group, 
	.btn-group .btn-group-collapse:hover + .btn, 
	.btn-group .btn-group + .btn-group-collapse:hover {
	  margin-left: -1px;
	}

}