/* **** main styles ****** */

@font-face {
    font-family: 'BloggerSans';  
    src: url(fonts/BloggerSans.ttf);   
}

@font-face {
    font-family: 'OpenSans';  
    src: url(fonts/OpenSans-Regular.ttf);   
}

* { font-family: OpenSans; }

body { 
	line-height: normal;
	font-family: BloggerSans;
}

body p {
	font-family: OpenSans;	
}

/* for content */
h2 {
	color: black;
	font-family: BloggerSans;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
}

body h1 { margin-bottom: 30px; }


/* **** typography **** */

.content {

}

.content h1 {
	color: black;
	font-family: BloggerSans;
	font-size: 42px;
	font-weight: 700;
	/*text-transform: uppercase;*/
}

.content h2 {
	color: black;
	font-family: BloggerSans;
	font-size: 38px;
	font-weight: 700;
	text-transform: uppercase;
}

.content p {
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 400;
	color: #525252;
	line-height: normal;
}

.content p a {
	color: #1c9f25;
	text-decoration: underline;
}

.content p a:hover {
	text-decoration: none;
}

.content p img { 
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 15px;
}

.content h3 {
	color: black;
	font-family: BloggerSans;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.content h4 {
	color: black;
	font-family: BloggerSans;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
}

.content h5 {
	color: black;
	font-family: BloggerSans;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
}

.content h6 {
	color: black;
	font-family: BloggerSans;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
}

.content ul {
	list-style-type: none;
	list-style-image: url(img/li_cont.png);
	margin-bottom: 30px;
}

.content ul li {
	color: #525252;
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 400;	
	line-height: 40px;
}


.content table {
	/*border: none;
*/
}

.op_area { margin-bottom: 15px; }

.content table th {
	padding:5px;
	color: black;
	font-family: BloggerSans;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
}

.content table thead:first-child {
	/*border-radius: 16px 0 0 0;
	-moz-border-radius: 16px 0 0 0;
	-webkit-border-radius: 16px 0 0 0;
	*/
}

.content table thead:last-child {
	/*border-radius: 0 16px 0 0;
	-moz-border-radius: 0 16px 0 0;
	-webkit-border-radius: 0 16px 0 0;
*/
}

.content table td { 
	padding: 5px; 
	word-break: break-all;
	border: 1px solid #d2d2d2;
	color: #525252;
	font-family: OpenSans;
	font-size: 12px;
	font-weight: 400;
	/*line-height: 34px;
	*/
	vertical-align: middle;	
}

.content table td small { 
	font-size: 11px;
	color: gray;
	display: block;
	margin-bottom: 5px;
}

.content ol {
	margin-bottom: 30px;
}

.content ol li {
	background: url(img/ol_cont.png) no-repeat left center;
	line-height: 40px;
	color: #525252;
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
}

.content img.lft {
	float: left; 
	margin-right: 22px;
}

.content img.rt {
	float: right; 
	margin-left: 22px;
}

.menu_right {
	background: #f0f0f0;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 30px 20px;
    /*background-image: url(img/line-yellow.svg);
   
    background-position: 100% 0;
	*/
	position:relative;
}

.menu_right:before, .menu_right:after {
	border-radius: 100%;
    border-style: solid;
    border-width: 40px;
    content: '';
    display: block;
    position: absolute;
}

.menu_right:before {
    border-color: #03bfff;
    height: 185px;
    left: -100px;
    top: -70px;
    width: 185px;   
}

.menu_right:after {
	border-color: #f06f1b;
    bottom: -100px;
    height: 215px;
    right: -100px;
    width: 215px;
}
.menu_right ul li {
    position: relative;
    z-index: 2;}


/* ******** header section ********* */

.header-wrap { 
	min-height: 120px;
	border-bottom: 1px solid #d5d5d5;
	width: 100%;
}

/* logo */
.logo {
	width: 328px;
	height: 64px;
	padding: 20px 0;
}

.logo_bottom {
	width: 328px;
	height: 64px;
	margin: 0;
	float: left;
}

.logo img {

}

/* phones right */
.phonert {
	width: 226px;
	min-height: 49px;
	color: black;
	font-family: BloggerSans;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: right;
	float: right;
}

.phonert p {
	font-family: BloggerSans;	
}

/* central header */

.ourphone {
	background: url(img/phone.png)  no-repeat left top; 
	padding-left: 30px;
	padding-bottom: 15px;	
}


.address {
	background: url(img/baloon.png)  no-repeat left top; 
	padding-left: 30px;
	padding-bottom: 15px;
}

.address h3, .emailtop h3, .ourphone h3 {
	color: #000000;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
}

.address p, .ourphone p {
	color: black;
	font-size: 14px;
	font-weight: 400;
}

.repertuar {
	background: url(img/doc.png)  no-repeat left top; 	
	padding-left: 30px;
		
}

.repertuar a {
	color: black;
	font-size: 14px;
	font-weight: 400;
	/*border-bottom: 1px dashed black;
	*/
	line-height: 32px;
	font-family: OpenSans;
}

.repertuar a:hover {
	border-bottom: none;
}

.repertuar a.thumbnail { border: none; }
.repertuar a.thumbnail:hover {
	background: #00b301;
	opacity: 0.5;
}

.emailtop {
	background: url(img/email.png)  no-repeat left top; 	
	padding-left: 30px;	
	padding-bottom: 15px;
}

.emailtop a {
	color: black;
	font-family: OpenSans;
	font-size: 14px;
	font-weight: 400;
	text-decoration: underline;
}

.emailtop a:hover {
	text-decoration:none;
}

.zakaz_button {
	width: 268px;
	height: 67px;
}

.zakaz_button a {
	color: white;
	font-family: OpenSans;
	font-size: 14px;
	font-weight: 400;
	display: table-cell;
	border-radius: 36px;
	-moz-border-radius: 36px;
	-webkit-border-radius: 36px;
	border: 2px solid #f2b82d;
	width: 248px;
	height: 67px;
	vertical-align: middle;
	text-align: center;	
	text-decoration: none;
	background: #f2b82d;
}

.zakaz_button a:hover {
	color: black;
	font-family: OpenSans;
	font-size: 14px;
	font-weight: 400;	
	background: none;
	text-decoration: none;
}

.cpr { color: #000000; font-size: 12px; margin-top: 5px; text-align: center; }

/* nav */

.menu_right li a { color: #1665c1; padding: 7px 15px;}

.menu_right li a:hover {
	background: none;
	color: #000000;
	border-bottom: dashed 1px #000000;
}

#topmenu { min-height: 84px; width: 100%; }

#topmenu ul {
	padding-top: 20px;
}

#topmenu ul li {
	color: black;
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 400;	
}

#topmenu ul li a {
	color: black;
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
}

#topmenu ul li a:hover {
	color: #e14e4e;
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 400;
	text-decoration: underline;	
	background: none;
}



.nobm { margin-bottom: 0; }

.horiz {
	height: 1px;
	border-bottom: 1px solid #d5d5d5;
}


/* slider */

#carousel {
	height: 593px;
	width: 100%;
	background: url(img/slider_bg.png) repeat-x;
}

.slide-item {
	height: 593px;
	width: 100%;
}


/* central block */


/* service */

.service-title a {
	color: #1c9f25;
	font-family: OpenSans;
	font-size: 18px;
	font-weight: 400;
	line-height: 50px;
	border-bottom: dashed 1px #1c9f25; 
	text-decoration: none;
}
.service-title a:hover {
	border-bottom: none;
}
.service-desc {
	color: #525252;
	font-family: OpenSans;
	font-size: 13px;
	font-weight: 400;
	padding-bottom: 18px;
}

.service-item-main {
	border: 1px solid #c0c0c0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding-left: 45px;
	background: url(img/serv.png) no-repeat 18px 18px; 
	display: block;
	margin-bottom: 10px;
}

/* whyme */

.whyme {
	padding-left: 75px;
	color: black;
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 400;
	line-height: 60px;
	height: 60px;
}

/* news */

.actors-item {
	border: 1px solid #c0c0c0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 20px 30px 20px 20px;		
	margin-bottom: 15px;
}

.actors-item .thumbnail { border: none; }

.actors-item .thumbnail img {
	margin: 0;
	padding: 0;
}

.actors-info {
	padding-top: 30px;
}

.actors-title {
	color: black;
	font-family: BloggerSans;
	font-size: 24px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
}

.actors-desc {
	color: #525252;
	font-family: OpenSans;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 20px;
}

.actors-text {
	color: #525252;
	font-family: OpenSans;
	font-size: 14px;
	font-weight: 400;
}

.news-item-info { padding-top: 20px; }

.news-item-main {
	border: 1px solid #c0c0c0;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 15px 30px 15px 15px;
	margin-bottom: 15px;	
}

.news-item-main .thumbnail { margin-bottom: 0;  border: none; }

.gallery_product { position: relative; }
.gallery_product .thumbnail { border: none; padding: 0;}

.gallery_product a:hover > .rep-darken {
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	  filter: alpha(opacity=70);
	  -moz-opacity: 0.7;
	  -khtml-opacity: 0.7;
	  opacity: 0.7;	
}

.gallery_product img { 
	-webkit-filter: brightness(70%);
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
}

.news-item-img img {
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 	
}

.rep-img img {
	-webkit-filter: brightness(70%);
}

.rep-img img, .news-img img, .actors-img img { 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 	

}

.news_item_inner { position: relative; }

.news-item-img {
	padding-right: 0;
}

.news-img .thumbnail {
	min-height: 170px;
}

.news-item-title, .news-item-date { margin-bottom: 15px; }


.news-item-title, .news-item-title a {
	color: black;
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
}
.news-item-title a:hover {
	border-bottom: 1px solid #c0c0c0;
	color: #1c9f25;
}
.news-item-date {
	color: #525252;
	font-family: OpenSans;
	font-size: 13px;
	font-weight: 400;
}
.news-item-desc {
	color: #525252;
	font-family: OpenSans;
	font-size: 13px;
	font-weight: 400;
}

.news-title {
	padding: 12px 0;
	text-align: center;

}

.news-title a {
	color: black;
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 700;
	/*line-height: 40px;*/
	text-align: center;
}

.news-title a:hover {
	color: #1c9f25;
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	border-bottom: 1px solid #c0c0c0;
}

.news-date {
	color: #525252;
	font-family: OpenSans;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	line-height: 32px;
	margin-bottom: 8px;
}

.news-text {
	color: #525252;
	font-family: OpenSans;
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	padding: 0 15px;
}

.news-item { margin-bottom: 40px; }

.news-item .thumbnail { border: none;  margin-bottom: 15px; }

.rep-img { position: relative; }

.rep-darken { width: 100%; 
	/* IE 8 */
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	  /* IE 5-7 */
	  filter: alpha(opacity=50);
	
	  /* Netscape */
	  -moz-opacity: 0.5;
	
	  /* Safari 1.x */
	  -khtml-opacity: 0.5;
	
	  /* Good browsers */
	  opacity: 0.5;
	background: #000000;
}


.rep-title {
	color: white;
	font-family: BloggerSans;
	font-size: 22px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	width: 200px;
	height: 41px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -20px;
	margin-left: -100px;
}

.rep-img a.thumbnail { border: none; padding: 0; }

.rep-img a:hover > .rep-darken { 
	  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	  filter: alpha(opacity=70);
	  -moz-opacity: 0.7;
	  -khtml-opacity: 0.7;
	  opacity: 0.7;	
}

/* footer and pre-footer */

.footer { min-height: 120px; padding-top: 13px; }
.footer .zakaz_area { 
	margin-top: 20px;
}

.footer .uralsite { margin-top: 20px; }

.foot81 { min-height: 120px; }

.pre-footer {
	min-height: 100px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	margin-top: 15px;	
}

.uralsite-logo {
	display: block;
	text-align: center;	
	width: 213px;
	float: right;
}

.uralsite-dev {
	display: block;
	text-align: center;
	width: 213px;
	float: right;	
	margin-top: -15px;
	text-indent: 15px;
}

.uralsite-dev a {
	color: #aaa;
	font-size: 13px;
	font-weight: 400;
	text-decoration: none;
}
.uralsite-dev a:hover {
	text-decoration: underline;
}


/* pagination */

.pagination>li {
	
}

.pagination>li>a {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right: 10px;
	color: #21201b;
	font-family: OpenSans;
}

.pagination>li>a:hover {
	border: 1px solid #1c9f25;
}

.pagination>li.active>a:hover { background: #1c9f25; }

.pagination>li.active>a {
	color: #ffffff;
	background: #1c9f25;
	border: 1px solid #1c9f25;
}

/* breadcrumb */

.breadcrumb {
	background: none;
	margin-bottom: 0;
	margin-top: 20px;
}

.breadcrumb > li + li:before {
	content: '\003E';
	color: #525252;
}

.breadcrumb li a {
	color: #525252;
	font-family: OpenSans;
	font-size: 14px;
	font-weight: 400;
}


/* zakaz teatr */

.zakaz_teatr {
	padding: 25px 35px;
	border: 1px solid #1c9f25;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	min-height: 167px;
}

.zakaz_teatr_title {
	color: #1c9f25;
	font-family: BloggerSans;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 22px;
}

.zakaz_teatr_desc {
	color: #525252;
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 400;
}

.zakaz_teatr_btn_area .zakaz_button { float: right; }

/* yandex map */

#yamap, #yamap2, #yamap3 { min-height: 380px; margin-top: 15px; margin-bottom: 15px;  }

/* repertuar inner */

.book {
	padding-left: 63px;
	background: url(img/book.png) no-repeat 10px 0;
	height: 50px;
	padding-top: 5px;
	float: left;
	max-width: 200px;
	width: 200px;
}

.detsad { 
	padding-left: 75px;
	background: url(img/detsad_icon.png) no-repeat 10px 0;
	height: 50px;
	padding-top: 5px;
	float: left;
	max-width: 250px;
	width: 250px;	
}

.news_img { 
	margin-bottom: 30px;	
}

.book span, .detsad span {
	color: black;
	font-family: OpenSans;
	font-size: 20px;
	font-weight: 700;
	border-bottom: 1px dashed black;	
}

.rv_title {
	color: black;
	font-family: BloggerSans;
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 25px;
}

.rv_title span {
	border-bottom: 1px solid #1c9f25;
}

.rv_desc {
	color: #525252;
	font-family: OpenSans;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 25px;
}

.order_this {
	width: 253px;
	height: 69px;
}

.order_this a {
	width: 253px;
	height: 45px;
	display: block;
	color: white;
	font-family: OpenSans;
	font-size: 20px;
	font-weight: 700;	
	text-align: center;
	background: #f2b82d;	
	border: 1px solid #f2b82d;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 32px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	padding: 12px 0;
	box-sizing:content-box;
	
}

.order_this a span {
	color: white;
	font-family: OpenSans;
	font-size: 16px;
	font-weight: 400;
	display: block;
	margin: 0 auto;
	text-transform: lowercase;
	max-width: 180px;
}

.order_this a:hover, .order_this a:hover > span {
	background: #ffffff;
	color: black;
}

/* forms */

.capture { display: inline-block; max-width: 100px; }

.success, .success2, .success-subscribe, .success-contacts { display: none; }

.success-inner {
	width: 100%;
}
.success-icon {
	background: url(img/success.png) no-repeat center center;
	width: 113px;
	height: 113px;
	margin: 0 auto 20px auto; 
}

.success-title {
	width: 302px;
	color: black;
	font-family: BloggerSans;
	font-size: 28px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 0 auto 25px auto;
	text-align: center;
	
}

.success-text {
	width: 302px;
	color: #525252;
	font-family: "Myriad Pro";
	font-size: 18px;
	font-weight: 400;
	margin: 0 auto;
	text-align: center;
}

.error {
	color: red;
}

input.error { 
	background-color:#FEE;
	border:solid 1px #f88;
}

/* actors block */

.actors-block {
	margin-bottom: 50px;
}

.diplomy {
	
}

.diplomy h2 {
	text-align: center;
}


.download-diplom {

	width: 268px;
	height: 67px;
	color: white;
	font-family: OpenSans;
	font-size: 14px;
	font-weight: 400;
	display: block;
	line-height: 67px;
	border: 1px solid #1c9f25;
	background: #1c9f25;	
	margin: 0 auto;
	border-radius: 32px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
	text-decoration: none;
	text-align: center;
	
}
.download-diplom:hover {
	color: black;
	background: #ffffff;
	text-decoration: none;
}
.download-diplom:visited {
	text-decoration: none;
	color: white;
}

/* main list */
.main_ul {
	list-style-image: url(img/li.png);
	list-style-type: none;
	margin-left: 0;
	margin-top: 18px;
}

.main_ul li {
	color: #525252;
	font-family: OpenSans;
	font-size: 14px;
	font-weight: 400;
	margin: 0;
	padding-left: 10px;
	line-height: 36px;
}

/* seo */
#ceo-blk{background:#fff;border-radius:0 0 0px 5px;position:fixed;top:0px;right:0;z-index:200;box-shadow:0 4px 4px #ddd;padding:10px;}
#ceo-blk a{color:#aaa;font-size:12px}
#ceo-bar label { width: 150px; display: inline-block; }
#ceo-bar input { display: inline-block; }

/* bottommenu */

#bottommenu ul {
	padding-top: 22px;
}

#bottommenu ul li {

}

#bottommenu ul li a {
	color: black;
	font-family: OpenSans;
	font-size: 14px;
	font-weight: 400;
	line-height: 27px;
	text-decoration: none;
}

#bottommenu ul li a:hover {
	background: none;
	color: #e14e4e;
	text-decoration: underline;
	
}

#bottommenu .phonert { margin-top: 10px; margin-bottom: 20px; }

/* fix dropdown hover */
ul.nav li.dropdown:hover ul.dropdown-menu{
display: block;
margin: 0;
}
 
a.menu:after, .dropdown-toggle:after {
content: none;
}

#topmenu li.dropdown:hover > a, #bottommenu li.dropdown:hover > a {
	border: 2px solid #e14e4e;
	border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	background: #e14e4e;
	color: white;
	text-decoration: none;
	border-collapse: collapse;
	margin: -2px;

}

#topmenu li.dropdown:hover > ul, #bottommenu li.dropdown:hover > ul  {
	
	border: 2px solid #e14e4e;	
	border-radius: 0 8px 8px 8px;
	-moz-border-radius: 0 8px 8px 8px;
	-webkit-border-radius: 0 8px 8px 8px;
	margin-left: -2px;

}

#topmenu li.dropdown:hover > ul li, #bottommenu li.dropdown:hover > ul li {

	border-bottom: 1px solid #d5d5d5;
}

#topmenu li.dropdown:hover > ul li:first-child, #bottommenu li.dropdown:hover > ul li:first-child { border-top: 1px solid #d5d5d5; }

#topmenu li.dropdown:hover > ul li a, #bottommenu li.dropdown:hover > ul li a {

	padding-top: 10px;
	padding-bottom: 10px;
}

#topmenu li.dropdown:hover > ul li > a:hover, #bottommenu li.dropdown:hover > ul li > a:hover  {
	
	background: #e14e4e;
	color: white;
	text-decoration: none;

}



.news_on_main h2 { text-align: center; margin-bottom: 30px; }
.header-wrap .phonert { margin-top: 20px; margin-bottom: 15px;  }

#adaptbtn { background: #1c9f25; }
.navbar-toggle .icon-bar { background: #ffffff; }

.maintop { padding-bottom: 50px; padding-top: 30px; }

.separate { height: 1px; min-height: 1px; border-bottom: 1px solid #c0c0c0; margin-bottom: 10px; margin-top: 10px; }
.maincenter { padding-bottom: 50px; }

.news-inner { margin-bottom: 15px; }
.news-inner .thumbnail { border: none; margin-bottom: 20px; }
.news-inner .thumbnail img { margin: 0; }
.content .news-inner h1 { font-size: 18px; margin-bottom: 15px; margin-top: 15px; }

.date-table small { font: 80%; }

.carousel-indicators li {
	border: 1px solid #1c9f25;
	background-color: #1c9f25;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.news_gallery .thumbnail { border: none; }
.nm_img .thumbnail { border: none; }
.nm_img .thumbnail img { margin: 0; }

.slide-url { display: block; width: 100%; height: 100%; }

.adapt_img { 
		border-radius: 8px;
}

.logotext {
	display: block;
	margin: 0 auto;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	text-indent: 20px;
	margin-top: -15px;
}

.smp { display: block;
	font-size: 10px;
}

table.atbl {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  table.atbl tr {
    border: 1px solid #ddd;
    padding: 5px;
  }

  table.atbl th, table.atbl td {
    padding: 10px;
    text-align: center;
  }

  table.atbl th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }

.scrollable { overflow-y: scroll; 
	max-height: 300px; 
}


.carousel-caption {
	font-size: 22px;
	font-family: BloggerSans;
	font-weight: bold;
	color: #000000;
	padding-bottom: 50px;
	background: url(img/caption.png);
	background-size: cover;
}

.content ul#commentRoot { list-style-type: none;  list-style-image: none; }
.content ul#commentRoot li > ul { list-style-type: none;  list-style-image: none; }
#commentRoot li
{
    margin: 7px 0 7px 7px;
	list-style-type: none;
	
}

#commentRoot li a
{
   margin-left: 400px;
}

#commentRoot li .commentContent
{
    border: solid 1px #ccc;
    padding: 5px 10px;
}
#commentRoot li h6 
{
    color: green;
}
#commentRoot li h6  span 
{
    color: #666; font-size: 11px;  
    margin-left: 20px;
}
#commentRoot li .comment
{
    margin-top: 5px;
}
#commentRoot li a.reply
{
    font-size: 11px; 
}

#newComment, .loader {display: none;}
#cancelComment
{
    float: right; width: 20px; color: red; cursor: pointer;
}

.rate-success { display: none; }

ul.ui-autocomplete {
    z-index: 9999 !important;
}

.form_rating { margin-bottom: 20px; }

.hint { color: gray; margin: 3px 0; font-size: 11px; }

#report_area { margin-top: 20px; }

/* on the fly */

.editor {

}

.editor textarea, .editor a {
	margin-bottom: 10px;
}


.content p a.btnSave, .content p a.btnDiscard {
	
	color: #ffffff;
	text-decoration: none;
	
}

/* inplace edit manager data */
.editHover{
	background-color: #39F; /*#E8F3FF;*/
}

/*
.editBox{
	width: 326px;
	min-height: 20px;
	padding: 10px 15px;
	background-color: #fff;
	border: 2px solid #39F; /*#E8F3FF;*/
/*}*/

#edit_status{
	clear: both;
	background: #999;
	height: 16px;
	font-size: 12px;
	padding: 3px 20px;
	box-sizing: content-box;
}
span.noPad{
	padding: 0;
	background: none;
}

.bordered-red { border: 2px solid red; border-color: red; }
.bg-green { background: green; color: #ffffff; }
.bg-orange { background: #f0ad4e; color: #ffffff; }
.description { min-width: 480px; }

#child_success { 
	display: none;
	
}

.op_area .btn { 
	margin-top: 7px;
	margin-right: 5px;
}

/* adapt your full-list table */

td.alert { margin-bottom: 0; }

/* password toggle */

.content p a.toggle-pass, .content p a.decrypt-pass {
	color: #000000;
	text-decoration: none;
}

.op_container { min-height: 100px; }
.block { display: block; }
.bg-orange { background: orange; }

.description-min { 
	min-width: 300px;
}

.mobile-phone {
	color: #337ab7;
	font-weight: bold;
}

.city {
	
	font-size: 12px;
	font-weight: normal;
	
}

.city span {
	text-transform: none;
	display: block;
	color:#d58512;
}

#check_employee {
	padding: 10px;
}

#check_employee a {
	padding: 5px 10px;
	display: inline-block;
	background: blue;
	color: #ffffff;
}

#check_employee a:hover { 
	text-decoration: none;
	background: green;
	color: #ffffff;
}
	
.plan_task {
	background: #FED68A;
}

.client_complain {
	
}

.plan_task_border {
	border-color: #FED68A;
}

.inner-block {
}

.inner-block ul li {
	list-style-image: none;
	list-style-type: none;
}

.preload { display: none; 
	position: relative;
	min-height: 120px;
	width: 100%;
}

#preloader-block {
	position: fixed;
	width: 150px;
	height: 150px;
	z-index: 1000;
	left: 50%;
	top: 50%;
	margin-left: -75px;
	margin-top: -75px;
	display: none;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#loader {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #9370DB;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #BA55D3;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FF00FF;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* calendar */
#calendar {
	margin-top: 20px;
	margin-bottom: 20px;
}

.tests-color-schema {
	margin: 30px;
}

.operations {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
}

.ui-widget { position: absolute; }

#plan_employee_area {
	display: none;
}

#plan_date_start_area, #plan_date_end_area {
	display: none;
}

.bg-red {
	background: #f2dede;
}