html,body {
	min-width: 800px;
	height: 100%;
	font: normal 13px/1.3 Arial, sans-serif;
    background: #f0f0f0;
}
a, .pseudo_link {
   color:blue;
   cursor: pointer;
   -webkit-transition-property: color;
      -moz-transition-property: color;
        -o-transition-property: color;
       -ms-transition-property: color;
           transition-property: color;

   -webkit-transition-duration: 0.2s;
      -moz-transition-duration: 0.2s;
        -o-transition-duration: 0.2s;
       -ms-transition-duration: 0.2s;
           transition-duration: 0.2s;
}
.pseudo_link {
    border-bottom: 1px dashed blue;
}
b, strong {font-weight: bold}
i,em {font-style: italic}
u {text-decoration: underline;}

br.both {clear: both; height: 1px;}

a:hover, .pseudo_link:hover {
   color:red;
   border-color: red;
}
p+p {padding-top: 0.5em}
ol, ul {
    display: block;
    margin: 0px 0px 10px 30px;
}
ul li {
    padding-left: 2px; 
    list-style: square;
}

ol li {
    padding-left: 2px; 
    list-style-type: decimal;
}

h1 {
    font-size: 20pt;
}
h2 {
    font-size: 18pt;
}
h3 {
    margin: 5px 0;
    font-size: 14pt;

}
iframe{
    border: 2px solid #5ba; 
    width: 100%;
    margin: 20px 0;
    -webkit-box-shadow: 0px 0px 8px #888;
    -moz-box-shadow: 0px 0px 8px #888;
    box-shadow: 0px 0px 8px #888;
}

form {
    padding: 1px 0;
    border: 1px solid #ccc;
    background: #ddd;
}

form div {
    padding: 5px;
    clear: both;
}

form label {
    display: block;
    text-align: right;
    line-height: 25px;
    font-size: 120%;
    padding-right: 10px;
    min-width: 150px;
    float: left;
}
form input[type=text] {min-width: 500px}
form input[type=checkbox] {float: left;}
form textarea {
    min-width: 500px;
    min-height: 40px;
}

form div+div {
    margin-top: 5px;
    border-top: 1px dashed #fff;
}

/*****************************/
/*          LAYOUT           */
/*****************************/

#megaBlock {
     min-height:100%;
     height:auto  !important;
     height: 100%;
     margin:0 auto -72px auto; /* #footer.padding *2 + margin */
     padding: 0;
 }
 
 
     #header .container, #main, #footer .container, #main {
         max-width: 930px;
         width: auto;
         margin: 0 auto;
         padding: 0 20px;
     }
 
     #main {
         clear: both;
     }
 
     #header {
         margin-bottom: 10px;
         width: auto;
     }
     #header .container {
         padding: 10px 20px; 
     }
 
 
 #footer {
     height: 20px;

    background: #dfdfdf;
    background-image: linear-gradient(bottom, rgb(158,158,158) 0%, rgb(200,200,200) 100%);
    background-image: -o-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(200,200,200) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(200,200,200) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(200,200,200) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(158,158,158) 0%, rgb(200,200,200) 100%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(158,158,158)),
        color-stop(1, rgb(200,200,200))
    );
 }
 .footerPush {
     height: 72px;  /* #footer.padding *2 + margin */
 }
 
 
 #footer { 
     text-align: center;
     margin: 20px auto 0;
     width: auto;
     padding: 16px 0;
 }
 
#header{

    background: gray;
background-image: linear-gradient(bottom, rgb(160,160,160) 0%, rgb(205,205,205) 100%);
background-image: -o-linear-gradient(bottom, rgb(160,160,160) 0%, rgb(205,205,205) 100%);
background-image: -moz-linear-gradient(bottom, rgb(160,160,160) 0%, rgb(205,205,205) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(160,160,160) 0%, rgb(205,205,205) 100%);
background-image: -ms-linear-gradient(bottom, rgb(160,160,160) 0%, rgb(205,205,205) 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(160,160,160)),
    color-stop(1, rgb(205,205,205))
);


    -webkit-box-shadow: 0px 0px 8px #888;
    -moz-box-shadow: 0px 0px 8px #888;
    box-shadow: 0px 0px 8px #888;
}
#header a{color: white;text-decoration:none;}
#header a:hover {text-decoration:underline}
/*****************************/
/*          TABLE            */
/*****************************/
table {
    margin: 10px 0;
}
table td, table th {
    border: 1px solid gray;
    padding: 2px 10px;
    vertical-align: middle;
}
table  th {
    background: #ddd;
    font-size: 110%;
    padding: 2px 4px;
}            

/*****************************/
/*          ADMIN            */
/*****************************/

.admin_block a {
    text-decoration: none;
}
.admin_block a:hover {
    text-decoration: underline;
}
.admin_block+.admin_block{
    margin-top: 50px;
}

/* admin_archive */
div.list_archive, div.list_dataset{
    width: 200px;
    float: left;
    background: #ddd;
    padding: 10px;

	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
    div.list_archive a.current{
        color: red;   
    }
div.list_dataset{
    width: 650px;
    margin-left: 10px;
    float: left;
    background: #ffe;
}

.helper_form {
    margin-top: 10px;
    padding:  0 20px;
    background: none repeat scroll 0 0 #FEFFEC;
    border-radius: 8px 8px 8px 8px;
    box-shadow: 1px 2px 6px #AAAAAA;
    max-width: 800px;
    padding: 10px 10px 0;
}
    .helper_form pre{
       font-family: monospace;
    }

/*****************************/
/*          MAIN            */
/*****************************/
a.external_link span, a.dataset_link span 
    display: inline-block;
    margin-left: 2px;
	width: 16px; height: 16px;
	background: url('/media/jquery-ui/images/ui-icons_888888_256x240_green.png') -129px -46px no-repeat;
    vertical-align: middle;
}

div.newContent{
    padding: 5px 10px;
    color: red;
    background: #fee;
    border: 1px solid #fcc;
    margin: 10px 0;

    -webkit-box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;

	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}


div.verynewcontent {
    background: red;
	}


a.external_link span{
    background-position: -34px -81px;
}
a.dataset_link span{
    background-position: -129px -49px;
}


.additional_info{
    color: gray;
    font-size: 80%;
    margin: 10px 0 20px 0;
}
.main_info{
    margin: 0 0 20px 0;
}
.messages{
    margin: 0.5em 0;
}
    .messages span{
        display: block;
        padding: 2px 0.5em;
    }
    .messages span+span{
        margin-top: 3px;
    }
    .messages span.error{
        background: #faa;
    }
    .messages span.ok{
        background: #afa;
    }
.dataset {
    background: white;
    margin: 10px 0 20px 50px;
    padding: 10px;
    border: 1px solid #bbb;

	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;

    -webkit-box-shadow: 1px 2px 6px #888;
    -moz-box-shadow: 1px 2px 6px #888;
    box-shadow: 1px 2px 6px #888;

}               
    .dataset .newContent{
        margin-top: 0;    

    }

    .dataset form {
       border: 1px solid #bbb;
       border-right: 15px solid #bbb; 
       border-left: 15px solid #bbb; 
       margin: 0 20px;
       background: #f0f0f0; 
       padding: 5px;
       padding-left: 15px;
    }
    .dataset form input[type=text]{
        min-width: 0; 
    }

    .dataset .toolbar {
        color: white;
        text-align: right;
        font-weight: bold;
        margin: 10px -10px -10px -10px;
        padding: 2px 10px;
        background: #bbb;

        -webkit-border-radius: 0 0 8px 8px;
        -moz-border-radius: 0 0 8px 8px;
        border-radius: 0 0 8px 8px;
    }


    .dataset .toolbar a {
        text-shadow: 0 0 4px #000;
        text-decoration: none; 
        color: white;
    }
    .dataset .toolbar a:nth-child(1) {
	    float:left;
    }

   .dataset .toolbar a:nth-child(2) {
        border-bottom: 1px solid #700;
        font-weight: normal;
        text-decoration: none;
        text-shadow: none;
        color: #700;
    }
    .dataset .toolbar a:first-child:hover {
        text-decoration: none;
        border-color: red;
    }

    .dataset .toolbar a+a{
        margin-left: 20px;    
    }
    .dataset .toolbar a:hover {
        text-decoration: underline; 
    }
    

span.response_value{
    font-weight: bold;
    background: yellow;
}


/*******************************/
/*******datasets_archive********/
/*******************************/
table.datasets_archive{
}
    table.datasets_archive td {
        text-align: center;
    }
    table.datasets_archive td.primary_head {
        background: #e5e5e5;
    }
    table.datasets_archive td.no_isset {
        background: #aaa;
    }                                 
    table.datasets_archive td.empty {
        color: gray; 
        font-size: 80%;
    }                                 

/*******************************/
/*******complaint dataset********/
/*******************************/

.sampleDataset {
    display:none;
    position: relative;
    opacity: 0.4;
    margin: 10px  0 0 0;
    padding: 10px;
    border: 1px solid gray;
    -webkit-box-shadow: 0px 0px 8px #888;
    -moz-box-shadow: 0px 0px 8px #888;
    box-shadow: 0px 0px 8px #888;

	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
}
.sampleDataset .overlayDataset {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}


span.cutfromemail {
	font-style: italic;
	font-size: 11px;	
	font-family: verdana;
}
/***************************************************/
/************** phonenumber ************************/
/***************************************************/

strong.phonenumber{
    padding: 0 0 0 2px;
    cursor: pointer;
}       
strong.phonenumber.conditional{
    background-color: #eef;
    border-bottom: 1px dashed blue;
}

strong.phonenumber.conditional:after{
    content: "";
    display:inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -999px;
	width: 16px; height: 16px;
	background: url('/media/jquery-ui/images/ui-icons_888888_256x240.png') 0 0 no-repeat; 
    background-position: -49px -146px;
}


strong.phonenumber.conditional.ask:after{
    content: "";
    display:inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -999px;
    margin-left: 5px;
	width: 16px; height: 16px;
	background: url('/media/jquery-ui/images/ask_16x16.png') 0 0 no-repeat; 
}
strong.phonenumber.conditional.noask:after{
    content: "";
    display:inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -999px;
    margin-left: 5px;
	width: 16px; height: 16px;
	background: url('/media/jquery-ui/images/noask_16x16.png') 0 0 no-repeat; 
}

strong.phonenumber.unconditional{
    background-color: #efe;
    border-bottom: 1px dashed green;
}
strong.phonenumber.unconditional:after{
    content: "";
    display:inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -999px;
	width: 16px; height: 16px;
	background: url('/media/jquery-ui/images/ui-icons_888888_256x240.png') 0 0 no-repeat;
    background-position: -208px -49px;
}
strong.phonenumber.fax{
    background-color: #fee;
    border-bottom: 1px dashed red;
}
strong.phonenumber.fax:after{
    content: "";
    display:inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-indent: -999px;
	width: 16px; height: 16px;
	background: url('/media/jquery-ui/images/ui-icons_888888_256x240.png') 0 0 no-repeat;
    background-position: -30px -98px;
}


/***************************************************/
/**************UI icons*****************************/
/***************************************************/

.UIicons{
	display:inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-indent: -999px;
	width: 16px; height: 16px;
	background: url('/media/jquery-ui/images/ui-icons_888888_256x240.png') 0 0 no-repeat;
}
.UIiconsGreen{
	display:inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-indent: -999px;
	width: 16px; height: 16px;
	background: url('/media/jquery-ui/images/ui-icons_888888_256x240_green.png') 0 0 no-repeat;
}
.UIiconsRed{
	display:inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-indent: -999px;
	width: 16px; height: 16px;
	background: url('/media/jquery-ui/images/ui-icons_888888_256x240_red.png') 0 0 no-repeat;
}

a.playUid {
    background-position: -144px -158px;
}
a.showRelatedDataset {
    background-position: -242px -110px;
}
.status_yes {
    background-position: -63px -144px;
}
.status_no {
    background-position: -96px -128px;
}
a.approved_switcher {
    margin-left: 0;
	display:inline-block;
	vertical-align: middle;
	overflow: hidden;
	text-indent: -999px;
	width: 39px; height: 18px;
	background: url('/media/img/question_answer_symbol.png') no-repeat;
    background-position: -100px -25px;
    outline: none;
}
a.approved_switcher.wait:hover {
    cursor: wait;
}

a.approved_switcher.app_yes {
    background-position: -60px -25px;
}

.informer {
	 color: blue;
	 }
.inactiveInformer {
	 color: grey!important;
}
.inactiveInformer a{
	 color: grey!important;
}
.recall_waiting_approval1 {
	background-color: rgba(255, 174, 174, 1)!important;
	
}
.recall_approval_comment {
	color: #ffffff!important;
	font-weight: bold;
    text-shadow: 0px 0px 10px #000;
	
}

.b-popup{
    width:930px;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
    z-index:5;
}
.b-popup .b-popup-content{
    margin:40px auto 0px auto;
    width:500px;
/*     max-height: 650px;   */
    padding:10px;
    overflow:scroll;
    background-color: #c5c5c5; 
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}
#recallEditForm {
    background-color: #c5c5c5; 
	border: 0;	
}

.zoiperOK:after{
	content: "\2B24";
	color: green;
}
.zoiperUNKNOWN:after{
	content: "\2B24";
	color: red;
}
.zoiperLAGGED:after{
	content: "\2B24";
	color: yellow;
}.zoipernull:after{
	content: "\25EF";
}
.zoiperQueueStatus{
	border: 1px solid; 
	border-radius: 5px; 
	text-align: center; 
	display: inline-block; 
	width: 15px;
}
.zoiperQueueStatus.paused{
	border-color: red;
}
.zoiperQueueStatus.paused:after{
	content: '\23F8';
}
.zoiperQueueStatus.online{
	border-color: green;
}
.zoiperQueueStatus.online:after{
	content: '\23F5';
}



div.schedule{
	border: 0px solid;
	padding: 0px;
	margin: 0px;
}

div.schedule_lable{
	width:63px;
	font-size: 11px;
	display: inline-block;
	text-align: center;
	vertical-align: baseline;
}
div.schedule_day{
	width:865px;
	height:10px;
	border: 1px solid;
	padding: 0px;
	margin: 0px;
	display: inline-block;
}
div.schedule_dayheader{
	height: 100%;
	background-color: lightblue;
	border-left: 0.3px solid;
	border-right: 0.3px solid;
	text-align: center;
	font-size: 8px;
	vertical-align: middle;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
div.schedule_offline{
	height: 100%;
	background-color: red;
	border: 0px;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
div.schedule_online{
	height: 100%;
	background-color: green;
	border: 0px;
	display: inline-block;
	padding: 0px;
	margin: 0px;
}
tr.complaint-expired {
    background-color: #ffe6e6; /* бледно-розовый фон */
}


table.uniform {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
table.uniform th, table.uniform td {
    border: 1px solid #ccc;
    padding: 4px;
    text-align: left;
    word-wrap: break-word;
}
table.uniform td:nth-child(1), table.uniform th:nth-child(1) { width: 120px; }    /* title */
table.uniform td:nth-child(2), table.uniform th:nth-child(2) { width: 69px; }    /* dataset_id */
table.uniform td:nth-child(3), table.uniform th:nth-child(3) { width: 79px; }    /* nickname */
table.uniform td:nth-child(4), table.uniform th:nth-child(4) {  }    /* text */
table.uniform td:nth-child(5), table.uniform th:nth-child(5) { width: 120px; }   /* uniqueid */
table.uniform td:nth-child(6), table.uniform th:nth-child(6) { width: 70px; }   /* created */
/*table.uniform td:nth-child(7), table.uniform th:nth-child(7) { width: 70px; }   !* updated *!*/
/*table.uniform td:nth-child(8), table.uniform th:nth-child(8) { width: 40px; }    !* id *!*/
/*table.uniform td:nth-child(9), table.uniform th:nth-child(9) { width: 40px; }    !* is_approved *!*/
/*table.uniform td:nth-child(10), table.uniform th:nth-child(10) { width: 120px; } !* other scripts *!*/
table.uniform td:nth-child(7), table.uniform th:nth-child(7) { width: 40px; }    /* is_approved */
table.uniform td:nth-child(8), table.uniform th:nth-child(8) { width: 120px; } /* other scripts */