.layout {
    box-sizing: border-box;    
    height: 100%;
    width: 100%;
    margin: 0;
}
.column-menu { 
    box-sizing: border-box;
    background: url(background/menubar.png), darkslategray;    
    padding: 15px;
    width: 250px; 
    min-width: 250px;
    
    position:relative; 
    vertical-align: top;
    border: none;
}
.column-content { 
    box-sizing: border-box;
    background: url(background/divider.png) repeat-y left, 
                url(background/divider.png) repeat-y right, white;
    padding: 0 2.5em .9em 2.5em;
    min-width: 570px;
    border: none;
}
.one-column-content {
    text-align: center;
	alignment: center;
	box-sizing: border-box;
	background-image: -webkit-linear-gradient(top, rgba(225,229,206,1), rgba(225,229,206,1));
    padding: 0 2.5em .9em 2.5em;
    min-width: 570px;
    border: none;
}
.column-whitespace {
    box-sizing: border-box;
    background: url(background/hatching.png), white;
    width: 5%;
    border: none;
}
.mobile-menu { 
    display: none; 
    border: none;
}
.mobile-footer { 
    display: none; 
    border: none;
}

.menu-bottom {
	position:absolute;
	bottom:0;
    left: 0;
	height:160px;
	width:255px;    
    
    font-family: OpenSans, Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
    color: #e8e8e8;
    text-align: center;
}

.menu-bottom a {
	color: silver;
}

.menu-rubbish {
	padding: 10px 0;
	margin: 10px 0;
    text-align: center;
}

/* ТЕКСТ */

.centered {
    text-align: center;
}

/* КНОПКИ МЕНЮ */

.menu-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #4c5a64;
	-webkit-box-shadow:inset 0px 1px 0px 0px #4c5a64;
	box-shadow:inset 0px 1px 0px 0px #4c5a64;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #404f5a), color-stop(1, #2a353c));
	background:-moz-linear-gradient(top, #404f5a 5%, #2a353c 100%);
	background:-webkit-linear-gradient(top, #404f5a 5%, #2a353c 100%);
	background:-o-linear-gradient(top, #404f5a 5%, #2a353c 100%);
	background:-ms-linear-gradient(top, #404f5a 5%, #2a353c 100%);
	background:linear-gradient(to bottom, #404f5a 5%, #2a353c 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#404f5a', endColorstr='#2a353c',GradientType=0);
	background-color:#404f5a;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #273138;
	display:inline-block;
	cursor:pointer;
	color:#e8e8e8;

    font-family: OpenSansSemi, Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
    padding: 6px 24px;
	text-decoration:none;
    text-shadow:0px 1px 0px #2a353c;
    
    width: 225px;
    margin-bottom: .5em;
}
.menu-button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2a353c), color-stop(1, #404f5a));
	background:-moz-linear-gradient(top, #2a353c 5%, #404f5a 100%);
	background:-webkit-linear-gradient(top, #2a353c 5%, #404f5a 100%);
	background:-o-linear-gradient(top, #2a353c 5%, #404f5a 100%);
	background:-ms-linear-gradient(top, #2a353c 5%, #404f5a 100%);
	background:linear-gradient(to bottom, #2a353c 5%, #404f5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a353c', endColorstr='#404f5a',GradientType=0);
	background-color:#2a353c;
    
    color:#e8e8e8;
}
.menu-button:active {
	position:relative;
	top:1px;
}

.menu-button-blue {
	-moz-box-shadow:inset 0px 1px 0px 0px #24a1cb;
	-webkit-box-shadow:inset 0px 1px 0px 0px #24a1cb;
	box-shadow:inset 0px 1px 0px 0px #24a1cb;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #159bc8), color-stop(1, #0f7293));
	background:-moz-linear-gradient(top, #159bc8 5%, #0f7293 100%);
	background:-webkit-linear-gradient(top, #159bc8 5%, #0f7293 100%);
	background:-o-linear-gradient(top, #159bc8 5%, #0f7293 100%);
	background:-ms-linear-gradient(top, #159bc8 5%, #0f7293 100%);
	background:linear-gradient(to bottom, #159bc8 5%, #0f7293 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#159bc8', endColorstr='#0f7293',GradientType=0);
	background-color:#159bc8;
	border:1px solid #12617b;
}
.menu-button-blue:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0f7293), color-stop(1, #159bc8));
	background:-moz-linear-gradient(top, #0f7293 5%, #159bc8 100%);
	background:-webkit-linear-gradient(top, #0f7293 5%, #159bc8 100%);
	background:-o-linear-gradient(top, #0f7293 5%, #159bc8 100%);
	background:-ms-linear-gradient(top, #0f7293 5%, #159bc8 100%);
	background:linear-gradient(to bottom, #0f7293 5%, #159bc8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0f7293', endColorstr='#159bc8',GradientType=0);
	background-color:#0f7293;
}

.menu-button-green {
	-moz-box-shadow:inset 0px 1px 0px 0px #4b9e18;
	-webkit-box-shadow:inset 0px 1px 0px 0px #4b9e18;
	box-shadow:inset 0px 1px 0px 0px #4b9e18;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3f9709), color-stop(1, #2f7006));
	background:-moz-linear-gradient(top, #3f9709 5%, #2f7006 100%);
	background:-webkit-linear-gradient(top, #3f9709 5%, #2f7006 100%);
	background:-o-linear-gradient(top, #3f9709 5%, #2f7006 100%);
	background:-ms-linear-gradient(top, #3f9709 5%, #2f7006 100%);
	background:linear-gradient(to bottom, #3f9709 5%, #2f7006 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f9709', endColorstr='#2f7006',GradientType=0);
	background-color:#3f9709;
	border:1px solid #273138;
	text-shadow:0px 1px 0px #2a353c;
}
.menu-button-green:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2f7006), color-stop(1, #3f9709));
	background:-moz-linear-gradient(top, #2f7006 5%, #3f9709 100%);
	background:-webkit-linear-gradient(top, #2f7006 5%, #3f9709 100%);
	background:-o-linear-gradient(top, #2f7006 5%, #3f9709 100%);
	background:-ms-linear-gradient(top, #2f7006 5%, #3f9709 100%);
	background:linear-gradient(to bottom, #2f7006 5%, #3f9709 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f7006', endColorstr='#3f9709',GradientType=0);
	background-color:#2f7006;
}

.menu-button-violet {
	-moz-box-shadow:inset 0px 1px 0px 0px #2225A0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #2225A0;
	box-shadow:inset 0px 1px 0px 0px #2225A0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #6290C8), color-stop(1, #3338A8));
	background:-moz-linear-gradient(top, #6290C8 5%, #3338A8 100%);
	background:-webkit-linear-gradient(top, #6290C8 5%, #3338A8 100%);
	background:-o-linear-gradient(top, #6290C8 5%, #3338A8 100%);
	background:-ms-linear-gradient(top, #6290C8 5%, #3338A8 100%);
	background:linear-gradient(to bottom, #6290C8 5%, #3338A8 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#6290C8', endColorstr='#3338A8',GradientType=0);
	background-color:#6290C8;
	border:1px solid #3338A8;
	text-shadow:0px 1px 0px #2a353c;
}
.menu-button-violet:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3338A8), color-stop(1, #6290C8));
	background:-moz-linear-gradient(top, #3338A8 5%, #6290C8 100%);
	background:-webkit-linear-gradient(top, #3338A8 5%, #6290C8 100%);
	background:-o-linear-gradient(top, #3338A8 5%, #6290C8 100%);
	background:-ms-linear-gradient(top, #3338A8 5%, #6290C8 100%);
	background:linear-gradient(to bottom, #3338A8 5%, #6290C8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3338A8', endColorstr='#6290C8',GradientType=0);
	background-color:#3338A8;
}

.menu-button-lightviolet {
	-moz-box-shadow:inset 0px 1px 0px 0px #2225A0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #2225A0;
	box-shadow:inset 0px 1px 0px 0px #2225A0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #9FB4C7), color-stop(1, #3338A8));
	background:-moz-linear-gradient(top, #9FB4C7 5%, #3338A8 100%);
	background:-webkit-linear-gradient(top, #9FB4C7 5%, #3338A8 100%);
	background:-o-linear-gradient(top, #9FB4C7 5%, #3338A8 100%);
	background:-ms-linear-gradient(top, #9FB4C7 5%, #3338A8 100%);
	background:linear-gradient(to bottom, #9FB4C7 5%, #3338A8 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9FB4C7', endColorstr='#3338A8',GradientType=0);
	background-color:#9FB4C7;
	border:1px solid #3338A8;
	text-shadow:0px 1px 0px #2a353c;
}
.menu-button-lightviolet:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3338A8), color-stop(1, #9FB4C7));
	background:-moz-linear-gradient(top, #3338A8 5%, #9FB4C7 100%);
	background:-webkit-linear-gradient(top, #3338A8 5%, #9FB4C7 100%);
	background:-o-linear-gradient(top, #3338A8 5%, #9FB4C7 100%);
	background:-ms-linear-gradient(top, #3338A8 5%, #9FB4C7 100%);
	background:linear-gradient(to bottom, #3338A8 5%, #9FB4C7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3338A8', endColorstr='#9FB4C7',GradientType=0);
	background-color:#3338A8;
}

/* ССЫЛКИ В МЕНЮ */

.menu-item-header {
    font-family: OpenSansSemi, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
    line-height: 1.3em;
	text-transform: uppercase;
	text-align: left;
    text-shadow: 0px 1px 0px #2a353c;
    width: 255px;
    margin: 0 -4em .2em -.5em;
    padding: .5em 1em;
	color:#919ba1;
	cursor: pointer;
}

.menu-item, .menu-item-active, div.menu-item-passive {
	display:block;
	cursor:pointer;
	color:#e8e8e8;
    font-family: OpenSansSemi, Verdana, Arial, Helvetica, sans-serif;
	font-size: .89em;
    line-height: 1.3em;
	text-decoration: none;
    text-shadow: 0px 1px 0px #2a353c;
    width: 255px;
    margin: 0 1em;
    padding: .5em 1em;
    border-left: 5px solid;
    border-left-color: yellow;
}

div.menu-item-passive {
	cursor: not-allowed;
}

.menu-item-active {
	color: white;
	background-color: #4b5c68;
}

.menu-item:hover {
    color: white;
    background-color: #5b6c78;
}

.menu-item-active:hover {
    color: white;
    background-color: #4b5c68;
}


/* РАЗДЕЛИТЕЛИ */

.menu-divider {
    border: none;
    border-top: 1px solid #282828;
    border-bottom: 1px solid #606569;
    margin: 0.5em -15px 0.9em -20px;
}

/* БЛОКИ */

.warning-frame {
    font-family: PTSans, Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    /*background-color: #fff9c4;*/
    background-color: #E8E8EB;
    color: #263238;
    border: 1px solid #3338A8;
    border-radius: 17px;
    padding: 1em;
/*    height: 5em;*/
    margin: 2em auto;
	width: 65%;
}
.warning-frame img {
    float: left;
    margin: -.4em 1em 0 0;
}
.warning-frame .warning {
	font-size: 1em;
	margin: .4em 0;
}
/**/


/* КНОПКИ */

.dbtn {
	font-family: PTSansCaptionBold, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	border-radius: 4px;
	border: 1px solid;
	padding: 0.4em 1.2em;
	margin: 0 auto;
	cursor: pointer;
}

.dbtn-solid {
	border: 1px solid #3338A8;
	color: #F8F8FB;
	background-color: #3338A8;
}
.dbtn-solid:hover {
	color: #3338A8;
	background-color: #FFFFFF;
	text-decoration: none;
}

.dbtn-bordered {
	border: 1px solid #3338A8;
	color: #3338A8;
	background-color: #FFFFFF;
}
.dbtn-bordered:hover {
	color: #F8F8FB;
	background-color: #3338A8;
	text-decoration: none;
}

.dbtn-no-cursor {
	cursor: default !important;
}

.dbtn-solid.dbtn-no-cursor:hover {
	color: #F8F8FB !important;
	background-color: #3338A8 !important;
}

.dbtn-bordered.dbtn-no-cursor:hover {
	color: #3338A8 !important;
	background-color: #F8F8FB !important;
}


.btn {
	font-family: PTSansCaptionBold, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.2em;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	white-space: nowrap;
	border-radius: 4px;
	border: 1px solid;
	padding: 0.4em 1.2em;
	margin: 0 auto;
	cursor: pointer;
}


.btn-left {
	text-align: left !important;
}

.block {
	display: block;
}

.inline {
	display: inline-block;
}

.breadcrumbs-btn-passive {
	border: 1px solid red;
	color: red;
	background-color: mistyrose;

}

.breadcrumbs-btn {
	border-color: red;
	color: red;
}

.breadcrumbs-btn:hover {
	color: #c00;
	text-decoration: underline;
}

.btn-red {
	border-color: red;
	color: red;
}

.btn-red:hover {
	color: white;
	background: #c00;
	text-decoration: underline;
}

.btn-green {
	border: 1px solid #388e3c;
	color: #388e3c;
}

.btn-green:hover {
	color: white;
	background: #388e3c;
	text-decoration: none;
}

.btn-green-filled, .btn.active {
	border: 1px solid #388e3c;
	color: #388e3c;
	background: #cff8cb;
}

.btn-green-filled:hover, .btn.active:hover {
	color: white;
	background: #388e3c;
	text-decoration: none;
}

.btn-orange-filled {
	border: 1px solid darkorange;
	color: darkorange;
	background: #ffefcc;
}

.btn-orange-filled:hover{
	color: white;
	background: darkorange;
	text-decoration: none;
}

.btn.passive {
	border: 1px solid darkgray;
	color: darkgray;
	background: lightgray;
}

.btn.passive:hover {
	color: white;
	background: darkorange;
	text-decoration: none;
}

.btn-violet {
	border: 1px solid blueviolet;
	color: blueviolet;
}
.btn-violet:hover {
	color: white;
	background: blueviolet;
	text-decoration: none;
}

a.project-button-pdf {
	border: 1px solid #ff5722;
	color: #ff5722;
}
a.project-button-pdf:hover {
	color: white;
	background: #ff5722;
}

a.project-button-doc {
	border: 1px solid #388e3c;
	color: #388e3c;
}
a.project-button-doc:hover {
	color: white;
	background: #388e3c;
}

a.project-button-epub {
	border: 1px solid #0277BD;
	color: #0277BD;
}
a.project-button-epub:hover {
	color: white;
	background: #0277BD;
}

.alertspad2 {padding:25px 40px; border: 0 solid green; display: flex; flex-direction:
		column; align-items: center; width: auto; margin: 5px auto; height: 70vh;}
.alertbutton2{width:auto; padding: 2px 15px; margin:29px 20px 0;height:38px; line-height:38px;text-align:center;
	color:#fff; background:#777; border-radius: 8px;cursor:pointer; text-transform:uppercase; font-size:18px;}

.users-list-popup {
	/*margin: 50px 0 200px;*/
	position: relative;
	margin: 10px 0 ;
	/*max-height: 500px;*/
	width: auto;
	overflow-y: auto;
	padding: 30px;
	border: 1px dotted navy;
	border-radius: 10px;
}

.group-users {
	Font-Family: 'Circe-Regular', Verdana, sans-serif;
	Font-weight: normal;
	Font-size: 20px;
	line-height: 26px;
	Margin: 10px 20px;
	color: #333333;
}
.group-users:hover {
	color: #888888 !important;
}

.alerttextinput {
	margin: 20px 0;
	padding: 10px 15px;
	Font-Family: 'Circe-Regular', Verdana, sans-serif;
	Font-weight: normal;
	Font-size: 22px;
	line-height: 26px;
	color: #333333;
	border: 1px dotted navy;
	border-radius: 10px;
}

.customSelect {
	margin: 10px;
	padding: 2px 5px;
	Font-Family: 'Circe-Regular', Verdana, sans-serif;
	Font-weight: normal;
	Font-size: 18px;
	line-height: 20px;
	color: #333333;
	border: 1px dotted navy;
}
.graphButton {
	padding: 2px 10px;
	Font-Family: 'Circe-Regular', Verdana, sans-serif;
	Font-weight: normal;
	Font-size: 18px;

}

.disabledbutton {
	pointer-events: none;
	opacity: 0.4;
}

.user-field-error {
	display: none;
	color: red;
	Font-Family: 'Circe-Regular', Verdana, sans-serif;
	Font-weight: normal;
	Font-size: 15px;
	Font-decoration: italic;
	margin: -10px 0 10px;
	padding: -10px 0 10px;

}