body {min-height:100%;	margin:0px;padding:0px;	background-color: rgba(255, 255, 182, 0.2); width:100%; min-width:100%;}
	
a {color: #0057b1;	text-decoration:underline;	}
	
a:hover {	ccolor: #007eff;	text-decoration:none;}

legend {cursor:pointer; font:14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:red;}
label {font-weight:bold;}
html,* html #container {min-height:100%;width:100%;min-width:100%;}

#container {min-height:100%; position:absolute;min-width:100%; /*left:50%; margin-left:-350px;*/}

#content a:link{color:#0057b1; ttext-decoration:none;}
#content a:hover{ccolor: #007eff; text-decoration:none;}
#content a:visited{ccolor: #0057b1; text-decoration:none;}
#content {font: normal 14px Arial, Helvetica, sans-serif; color:black; text-align:left; vertical-align:top; width:auto; position:relative; padding: 30px;}
#content2 {padding: 30px;}


#content>* { margin-left:0px;}
/*#content table {border: 1px solid black;  border-collapse:collapse; font-size:12px;}*/
#content h3 {font-size:20px; color: #444; font-weight:bold; text-align: left; line-height:16px; margin-left:20px;}
#content h5 {font-size:14px; color: #222; font-weight:bold; text-align: right; margin:2px 2px 2px 2px;padding:0;}
#content h4 {font-size:17px; color: #555; font-weight:bold; text-align: left; line-height:16px; margin-left:20px;}

#content input, textarea, select {
	font-size: 0.9em;
	display:inline;
    border: none;
    border-radius: 3px;
    box-shadow: 0 1px 1px 0px #bbc9d8 inset;
    background-color: #ebf1f7;
	padding:5px; 
	margin:5px;
	font-size:14px; 
	color: #444; 
	/*font-style:italic; */
	text-align: left; 
	line-height:16px;
	/*min-width: 200px;*/
	}

.hidden {display:none;}
#content .soundtable {text-align:right;border:0px;}
#content table{ border-collapse: collapse; margin: 10px /*10px 10px 0*/; box-shadow:1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc; -moz-box-shadow:1px 1px 4px #ccc;}
#content .thead {border:1px solid #F9CF00; text-align:center; font-size:15px;background:#b87a00; border-collapse:collapse; color: #F9CF00; padding: 0px;}
#content thead td, th {border:1px solid #c3c3c3; padding: 5px 5px 5px 5px; background:#cbd2db; color: #505050; font-weight: bold;}
#content tfoot td {border:1px solid #c3c3c3; padding: 1px 2px 1px 2px; background:#a1b4ca; color: #505050;}
#content table tbody td {border:1px solid #c3c3c3; padding: 5px 5px 5px 5px; margin: 0px; background: #fcfcfc}
#content table tr { vertical-align: top; }
/*#content table tbody tr:hover { background: #F7F761;} */
#content .detail {text-align:right; /*min-width:505px;overflow:auto; max-height:350px;*/}
#content #search_clients_table tr:hover {background:#f9cf00;}

#content table.transparent { background: transparent; border: 0px none; border-collapse:collapse; box-shadow:none;}
#content table.transparent td, tr { background: transparent; border: 0px none; border-collapse:collapse;}

#content table.only-transparent { background: transparent; border: 0px none; border-collapse:collapse; box-shadow:none; }
#content table.only-transparent > tbody > tr { background: transparent; border: 0px none; border-collapse:collapse;}
#content table.only-transparent > tbody > tr > td { background: transparent; border: 0px none; border-collapse:collapse;}

#topmenu a:link{color: #f5f5f5; text-decoration: none;}
#topmenu a:visited{color: #f1f1f1; text-decoration:none;}
#topmenu a:hover{color: #ffd710 ; text-decoration:none;}
#topmenu {background: url('../img/topmenu_bg.png') repeat-x black; min-width:100%; position:relative; width:100%;
			border-collapse:collapse; margin:0; padding:0 0 0 0; color:#fff;height:33px;font:15px Verdana, Arial, Helvetica, sans-serif;}
#topmenu .submenu {margin-top:9px;font:12px Verdana, Arial, Helvetica, sans-serif;color:#bbb; text-align:left;
			background:url('../img/submenu_bg.png');vertical-align:top; line-height:25px;
			position:absolute; margin-left:-5px; margin-right:-15px;display:none; z-index:20; border-radius: 0 0 3px 3px;}
#topmenu ul {margin:0;padding-left:15px;}
#topmenu h3 {margin:0px;}
#topmenu legend {margin-top: 20px; color: #FFd016;}
#topmenu fieldset {padding: 15px; border:1px solid gray; border-radius: 3px;}
.submenu {padding: 15px; border:1px solid gray; border-radius: 3px;}
#topmenu .menuitem {float:left; border:none; height:27px; padding:5px 10px 0 5px; border-left:1px solid #ccc; z-index:20;}
#topmenu .menuitem:hover {background: url('../img/topmenu_bg_over.png') repeat-x; color:#fff;cursor:pointer;z-index:20;}

#loginform {width:300px; background: transparent; text-align:center; padding:10px; font-size: 12px; box-shadow:1px 1px 4px #222; -webkit-box-shadow: 1px 1px 4px #222; -moz-box-shadow:1px 1px 4px #222;}
#loginform h3 {text-align:center; color:#333; font-size: 19px;}
#loginform h4 {text-align:center; color:#444; font-size: 17px;}
#loginform input {border:1px solid #777; font-size: 13px; margin:4px; padding:2px;}

#copyright {
	font:10px Geneva, Arial, Helvetica, sans-serif;
	color:#000000;
	text-decoration: none;}
	
#header {
	font:15px Geneva, Arial, Helvetica, sans-serif;
	color:#000000; 
	background-color: #f9cf00;
	font-weight:bold;
 	padding: 15px;
 }

#footer {min-width:100%; width:100%; height:50px; text-align:left; color: #FFCC33; padding-right: 0px; position:absolute; top:100%; margin-top:-50px; font:10px Geneva, Arial, Helvetica, sans-serif; background: url('/img/bg_footer.png') repeat; }
#clear_footer {width:100%; height:70px;clear:both;position:relative;}

#playlist .time {width:30px; min-width: 30px;}
#playlist {border-collapse:collapse;}

#navigation a {font:11px georgia;color: #0000CC;text-decoration: none;}
#navigation a:visited {	font:11px georgia; color: #0000CC; text-decoration: none;}
#navigation a:hover { color:#ffffff;}

#logo {font:18px Verdana, Arial, Helvetica, sans-serif;color: #333333;line-height:24px;}

#info{box-shadow:4px 4px 8px #444; -moz-box-shadow: 0px 0px 4px #444; -webkit-box-shadow: 0px 0px 4px #444;}

#gva_commands { background: #eee; z-index:200; box-shadow:1px 1px 4px #222; -webkit-box-shadow: 1px 1px 4px #222; -moz-box-shadow:1px 1px 4px #222;}
#gva_commands input { cursor:pointer;}

#scale_plus, #scale_minus {cursor:pointer;}


.option { line-height: 2em;}

.tablesorter_header { cursor:pointer; }

.add_gva_table {border-collapse: collapse; border:0px none transparent; text-align:left; box-shadow:1px 1px 4px #ccc; -webkit-box-shadow: 1px 1px 4px #ccc; -moz-box-shadow:1px 1px 4px #ccc;}
.add_gva_table td { padding:2px; border:none;}

.calendar_table {border-collapse: collapse; border:0px none transparent;}
.calendar_table td { padding:2px; border:none;}


.hide_parent { cursor:pointer; text-decoration:none; }

.small { font-size: smaller; }

.green_btn {border:2px solid green !important; color:black; vertical-align:bottom; cursor:pointer; background:#e9e9e9 !important ;padding:1px; box-shadow: 0px 0px 0px #555; -moz-box-shadow: 0px 0px 0px #555; -webkit-box-shadow: 0px 0px 0px #555;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.green_btn:hover {background: #f9cf00 !important ; box-shadow: inset 0px 0px 2px #555; -moz-box-shadow: inset 0px 0px 2px #555; -webkit-box-shadow: inset 0px 0px 2px #555; }

.red_btn {color:black; border:solid 1px red; cursor:pointer; text-align:right; background:#e6b3b3 url('../img/red_btn.png');padding:1px; }
.red_btn:hover {background:white;}
	
.gray {background-color: #F2F2F2;}

.blue {color:#6699FF;}

.green {color:green}

.row_drag {border:2px solid green;}
.row_drag:hover {border:2px solid green;}

.red {color:red}

.red_border {border:1px solid red;}

.error {color:red; text-align:center;}

.comment {color: #555; font:10px georgia; font-style: italic;}

.transparent { background: transparent; border: 0px none; border-collapse:collapse;}
.transparent td, tr { background: transparent; border: 0px none; border-collapse:collapse;}

.noeffects {text-decoration:none;}

.invisible {display:none;}

.MultiFile {display:block;}


.table_header {background:gray; color:white;}

.blocked_time {background:gray;}

.unblocked {width:16px;height:16px; background: url('/img/unblock.png') no-repeat; cursor:pointer; visibility: hidden; width:0px;}
.blocked {width:16px;height:16px; background: url('/img/block.png') no-repeat; cursor:pointer; visibility: hidden; width:0px;}

.audiofile {padding-left:8px; padding-right:8px;}

.length {padding-left:8px; padding-right:8px;}

.reclam_file {color:#CC3300}
.info_file {color:#3366FF}
.music_file {color:#336600}

.predicative_output {cursor:pointer; display:block;}
.predicative_output:hover {background:#ddd; color:#111}
#predicative_output {background:#EEEEEE}

#modulators_form {border:1px solid gray;padding:5px;width:450px; /*position:absolute;top:200px;left:200px;*/}

/*.active{background-color: rgba(0, 0, 0, 0.14);border-radius: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.52);}*/

.onot-full{background: rgb(238, 214, 137) !important;}
.ofull{background: rgb(206, 255, 190) !important;}

.username {
    top: 0;
    right: 0;
    position: absolute;
    margin: 5px 10px 0 0;
}

.edit_gva{
    border-bottom: 1px solid;
    cursor: pointer;
}

.edit_gva:hover{
    border-bottom: 1px solid rgba(0, 0, 0, 0.51) !important;
    color: rgba(0, 0, 0, 0.51) !important;
}

/*.tab{*/
/*display: none;*/
/*}*/
/*.visible{*/
    /*display: block;*/
/*}*/

.tabs {
    margin: 1em 0 2em;
    padding: 0 10px;
}

.tabs:after {
    clear: both;
    display: block;
    position: relative;
    content: ""
}

.tabs li {
    float: left;
    list-style: none;
    font-size: 96%;
}

.tabs li a {
    display: inline-block;
    padding: 12px 16px;
    border: 1px solid #D5DBE2;
    font-size: 112%;
    line-height: 1;
    color: #445460 !important;
    text-decoration: none !important;
    cursor: pointer;
    background-color: #fff;
    background: -moz-linear-gradient(top, #fff, #f4f6f8);
    background: -webkit-linear-gradient(top, #fff, #f4f6f8);
    background: -o-linear-gradient(top, #fff, #f4f6f8);
    background: -ms-linear-gradient(top, #fff, #f4f6f8);
    background: linear-gradient(top, #fff, #f4f6f8);
    margin: 0 -1px;
}

.tabs li:last-child a {
    border-radius: 0 5px 5px 0;
}

.tabs li:first-child a {
    border-radius: 5px 0 0 5px;
}

.tabs li a:hover {
    cursor: pointer;
    border: 1px solid #c6cbd1 !important;
    color: #445460 !important;
    background-color: #eef0f3;
    background: -moz-linear-gradient(top, #f4f6f8, #D5DBE2);
    background: -webkit-linear-gradient(top, #f4f6f8, #D5DBE2);
    background: -o-linear-gradient(top, #f4f6f8, #D5DBE2);
    background: -ms-linear-gradient(top, #f4f6f8, #D5DBE2);
    background: linear-gradient(top, #f4f6f8, #D5DBE2);
}

.tabs .active a,
.tabs .active a:hover {
    padding: 13px 16px;
    border: 0 none !important;
    color: white !important;
    text-shadow: 0 2px 2px rgba(67, 83, 102, 0.75);
    box-shadow: 0 1px 5px -1px rgba(67, 83, 102, 0.75) inset;
    cursor: default;
    background-color: #5e6d77;
    background: -moz-linear-gradient(top, #4e5e69, #8998a1);
    background: -webkit-linear-gradient(top, #4e5e69, #8998a1);
    background: -o-linear-gradient(top, #4e5e69, #8998a1);
    background: -ms-linear-gradient(top, #4e5e69, #8998a1);
    background: linear-gradient(top, #4e5e69, #8998a1);
}

#sortable1, #commands {
    border: 1px solid #F9CF00;
    border-top: none;
    width: 300px;
    min-height: 150px;
    list-style-type: none;
    margin: 0;
    padding: 5px 0 0 0;
    float: left;
    margin-right: 10px;
    max-height: 600px;
    overflow-y: scroll;
    background: #898989;
}

/*.scrollbar-inner{*/
    /*height: 300px;*/
/*}*/

#sortable1 li, #commands li {
    margin: 0 5px 2px 5px;
    padding: 5px;
    font-size: 1.2em;
    width: 92%;
    border-radius: 4px;
    cursor: pointer;
}
@media only screen and (max-device-width: 480px) {
    #sortable1 li, #commands li {
        width: 82%;
    }
}
#commands-block .title{
    width: 286px;
    padding: 7px;
    text-align: center;
    background: #E4E4E4;
    border-top: 1px solid #F9CF00;
    border-right: 1px solid #F9CF00;
    border-left: 1px solid #F9CF00;
    display: table-cell;
}
#delete_gva{
    float: right;
}
#plate_gva{
    background: #eeeeee; /* Цвет фона */
    width: 180px; /* Ширина */
    height: 150px; /* высота */
    margin: 0 10px 10px 0; /* Отступы */
    text-align: center; /* Выравнивание по центру */
    display: inline-block; /* Строчно-блочный элемент */
}

p.permissions-item-form {
    margin-top: 0;
}

p.permissions-item-form label{
    font-weight: normal;
}

#content input.image-button {
    box-shadow: none;
    padding: 0;
    margin: 0;
    height: 20px;
    background-color: transparent;
}

.flash-messages { width: 100%; -moz-border-radius: 4px; border-radius: 4px; display: block; padding: 10px 0; margin: 10px auto 10px; clear: both; }
.flash-messages a.closeMessage { margin: -14px -8px 0 0; display:none; width: 16px; height: 16px; float: right; background: url(images/messages/close.png) no-repeat; }
/*.flash-messages:hover a.closeMessage { visibility:visible; }*/
.flash-messages p { margin: 3px 0 3px 10px !important; padding: 0 10px 0 23px !important; font-size: 14px; line-height: 16px; }
.flash-messages.error { border: 1px solid #C42608; color: #c00 !important; background: #FFF0EF; }
.flash-messages.error p { background: url(images/messages/cross.png ) no-repeat 0px 50%; color:#c00 !important; }
.flash-messages.success {background: #E0FBCC; border: 1px solid #6DC70C; }
.flash-messages.success p { background: url(images/messages/tick.png) no-repeat 0px 50%; color: #2B6301 !important; }
.flash-messages.warning { background: #FFFCD3; border: 1px solid #EBCD41; color: #000; }
.flash-messages.warning p { background: url(images/messages/warning.png ) no-repeat 0px 50%; color: #5F4E01; }
.flash-messages.information, .flash-messages.info { background: #DFEBFB; border: 1px solid #82AEE7; }
.flash-messages.information p, .flash-messages.info p { background: url(images/messages/help.png ) no-repeat 0px 50%; color: #064393; }
.flash-messages.information a { text-decoration: underline; }

#content input[disabled], textarea[disabled], select[disabled] {
    box-shadow: 0 1px 1px 0px #d6d6d6 inset;
    background-color: #f5f5f5;
    color: #737373;
    /*min-width: 200px;*/
}

.container-link {
    margin: 10px !important;
    display:inline-block;
}

#form-wrapper {
    margin:30px 20px;
}

    #form-wrapper p.form-item {
        line-height: 1em;
        margin: 0;
    }
    
    #form-wrapper label {
        cursor: pointer;
    }

.action-icons-block {
    text-align:center;
    white-space: nowrap;
}

.action-icon {
    /*float:left;*/
    margin-right:2px;
    display: inline-block;
    white-space: normal;
    cursor: pointer;
}

.inline-editable {

}
    .editable-click {
        cursor: pointer;
    }

    .editable-input input {
        width: 3em;
    }

    .editable-buttons {
        margin-top: 6px;
    }


[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("/img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat
}

.icon-cell-right {
    float: right;
    opacity: 0.4;
}

.icon-edit {
    background-position: -96px -72px;
}

.icon-pencil {
    background-position:0 -72px
}

.indented {
    margin-left: 20px !important;
}

.indented-10 {
    margin-left: 10px;
}

.submenu-li {
    margin-top: 20px;
}

    .submenu-li b {
        font-size: 120%;
    }

.menu-item-li {
    margin-top: 15px;
}

    .menu-item-li dd {
        margin-top: 5px;
        width: 50%;
    }

.menu-item-access {
    font-weight: bold;
}

    .menu-item-access:before {
        content: 'Доступ: ';
        color: grey;
        font-weight: normal;
    }

.menu-item-descr {

}


input.discard_context {
    border:2px solid #666 !important;
}

@font-face {
    font-family: 'Glyphicons Halflings';

    src: url('fonts/glyphicons-halflings-regular.eot');
    src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.order-link {
    text-decoration: none;
    white-space: nowrap;
}

.order-asc:after, .order-desc:after {
    font-family: "Glyphicons Halflings";
    font-size: 60%;
    margin: 0 5px;
}

.order-asc:after {
    content: "\e253";
}

.order-desc:after {
    content: "\e252";
}

.info-trigger:after {
    font-family: "Glyphicons Halflings";
    font-size: 120%;
    margin: 0 5px;
    content: "\e086";
    color: #0074c7;
}

.view-icon:after {
    font-family: "Glyphicons Halflings";
    font-size: 150%;
    margin: 0 5px;
    content: "\e105";
    color: #999;
}

.stats-icon:after {
    font-family: "Glyphicons Halflings";
    font-size: 150%;
    margin: 0 5px;
    content: "\e032";
    color: #999;
}

.nowrap {
    white-space: nowrap;
}

.sound_play {
    cursor:pointer;
    height:20px;
    float:left
}

#ajax-loading-indicator {
    width: 48px;
    height: 48px;
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
}

.pl_track .track_title, .pl-track .track_title {
    font-weight: bold;
}

.row_drag {
    background-color: red;
    color: #008000;
}

.row_drag td {
    background-color: #D3EDD3 !important;
}
/* ---------- pagination start ---------- */
.pagination {
    box-shadow: 1px 1px 4px #CCC;
    display: inline-block;
    padding-left: 0px;
    margin-left: 10px;
}
.pagination li {
    display: inline;
}
.pagination a, .pagination span {
    float: left;
    padding: 0 14px;
    line-height: 34px;
    text-decoration: none;
    border: 1px solid #c3c3c3;
    border-left-width: 0;
    background-color: white;
}
.pagination a:hover,
.pagination .active a {
    background-color: #f5f5f5;
}
.pagination .active a {
    color: #999999;
    cursor: default;
}
.pagination .active span {
    color: #505050;
    cursor: default;
    background-color: #CBD2DB;
    font-weight: bold;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
    color: #999999;
    cursor: default;
}
.pagination li:first-child a, .pagination li:first-child span {
    border-left-width: 1px;
    /*-webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;*/
}
.pagination li:last-child a, .pagination li:last-child span {
    /*-webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;*/
}
/* ---------- pagination end ---------- */

.confide-form-container {
    width: 400px;
    margin: auto !important;
    padding: 30px;
    background-color: white;
    border: 1px solid #c3c3c3;
    box-shadow: 1px 1px 4px #CCC;
}

.input-width-datetime {
    width: 10em;
}

.input-width-date {
    width: 5.5em;
}

.order-fully-complete {
    background-color: #CEFFBE !important;
}

.order-partially-complete {
    background-color: #EED689 !important;
}

.order-not-approved {
    background-color: #F2DCDB !important;
}
.order-pending {
    background-color: #DBEEF3 !important;
}
.order-stopped {
    background-color: #EEEEEE !important;
}

table.key-value tr td:first-child {
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
}

h4.sub-header {
    background-color: #e5e5e5;
    padding: 5px 0 5px 20px;
    margin-left: 0 !important;
}

.red-border-forced {
    border: 2px solid red !important;
}

.centered_content {
    vertical-align: middle;
    text-align: center;
}

table.vertically-centered-cell-content td {
    vertical-align: middle;
}

.disable-form-styling {
    box-shadow: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.object_edit_link {
    color: black !important;
    text-decoration: none;
    font-weight: bold;
}

.button_with_icon {
    padding: 2px 1px;
    margin-right: 5px;
    margin-top: 10px;
}

.button_with_icon img {
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.gva-alert-0 {
    background-color: #f2dcdb;
}

.gva-alert-1 {
    background-color: #eeeeee;
    color: #666666;
}

#content table tr.transparent-bg td {
    background-color: transparent !important;
}

#content table.invisible-borders tr td {
    background-color: transparent !important;
    border: 0;
    padding: 0;
}

#content table.invisible-borders{
    margin: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}