/* Не удалось уменьшить размер. Содержимое возвращается без уменьшения.
(684,1): run-time error CSS1036: Expected expression, found '}'
 */
/********FLOAT FIX*********/
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after{
	clear: both;
}
/*********************/
/*@font-face {

    font-family: "font-normal";
    src: url('~/Content/Fonts/font-normal.ttf');
    src: url('~/Content/Fonts/font-normal.ttf') format('truetype');
}*/
@font-face {

    font-family: "FontAwesome";
    src: url('../Content/Fonts/fontawesome-webfont.ttf'), url('../Content/Fonts/fontawesome-webfont.woff') format('woff');/* IE */ 
    src: local("fontawesome-webfont"), url('../Content/Fonts/fontawesome-webfont.ttf') format('truetype'), url('../Content/Fonts/fontawesome-webfont.woff') format('woff') ;/* non-IE */ ;/* non-IE */  
}
@font-face {

    font-family: "OS-regular";
    src: url('../Content/Fonts/OpenSans-Regular.ttf') format('truetype'),  url('../Content/Fonts/OpenSans-Regular.woff') format('woff');/* IE */  
    src: local("OS-Regular"), url('../Content/Fonts/OpenSans-Regular.ttf') format('truetype'), url('../Content/Fonts/OpenSans-Regular.woff') format('woff') ;/* non-IE */  
}
@font-face {

    font-family: "OS-semibold";
    src: url('../Content/Fonts/OpenSans-Semibold.ttf') format('truetype'),  url('../Content/Fonts/OpenSans-Semibold.woff') format('woff');/* IE */  
    src: local("OS-SemiBold"), url('../Content/Fonts/OpenSans-Semibold.ttf') format('truetype'), url('../Content/Fonts/OpenSans-Semibold.woff') format('woff') ;/* non-IE */  
}
@font-face {

    font-family: "PT Sans";
    src: url('../Content/Fonts/font-normal.ttf');/* IE */  
    src: local("PT Sans"), url('../Content/Fonts/font-normal.ttf') format('truetype');/* non-IE */  
}

@font-face {

    font-family: "PT Sans bold";
    src: url('../Content/Fonts/font-bold.ttf');/* IE */  
    src: local("PT Sans bold"), url('../Content/Fonts/font-bold.ttf') format('truetype');/* non-IE */  
}


/* RESET STYLESHEET (html5doctor.com) v1.6.1 */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
/* END RESET CSS (html5doctor.com) */





html {
    background-color: #e2e2e2;
    margin: 0;
    padding: 0;
    
    /*height: 100%;  
    height: auto !important;  
    
    min-height: 100%;*/  
    position: relative;
}

/* OTHER RESET STYLESHEET (HTML GENERAL) */
body
{
    text-align: center; /*font-family: arial,verdana,helvetica,sans-serif;*/
    font-family: PT Sans bold;
    
    font-size: 14px;
    /*background: #F6F6F4 url('../Images/pattern-background.png') repeat scroll 0 0;*/
    color: #FFFDFF;
    font-style: normal;


   /*height: 100%;  
    height: auto !important;
    
    min-height: 100%;*/  
     width:100%;
     position:relative;
     display:block;
	 height: 100%
}




/*.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}*/




mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}


h1, h2, h3,
h4, h5, h6 {
    color: #000;
    margin-bottom: 0;
    padding-bottom: 3px;
    padding-top: 3px;
    font-family: PT Sans ;

}

h1 {
    font-size: 2em;

}

h2 {
	font-family: OS-semibold !important;
    font-size: 38px;
	margin-left: -3px;
}

h3 {
    font-size: 1.2em;

}

h4 {
    font-size: 1.1em;

}

h5, h6 {
    font-size: 1em;

}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;

    }

a:link {
    text-decoration: none;
}

a:visited {
    color: inherit;
    text-decoration: none;
    
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: underline;
}

@media all and (min-width: 1001px){

.sitepath > a
{

    color: #23aaf0;
		font-family: OS-regular;
	font-size: 16px;
}

.sitepath
{
      /*position:relative;
     display:block;
    width: auto;
    border-width: thin;
    border-style: none none solid none;
    border-color: #66C5FF;*/
    color: #909090;
    text-align: left;
	font-family: OS-regular;
	font-size: 16px;
	font-weight: normal;
}
.sitepath > a {
	font-weight: normal;
}

/*
    auto wrapper
    ------------------------------------------------------*/


.autowrapper
{
    width:100%;
    /*height:100%;*/

    margin:0;
    padding:0;

    /*height: 100%;  
    height: 100% !important;  
    
      
    position: relative;

    /*min-width:1130px;*/

	min-height: 100%;
     /*background: #F6F6F4 url('../Images/pattern-background.png') repeat scroll 0 0;*/
	 background: none scroll #fff;
}

/* main block
----------------------------------------------------------*/


.master-wrapper-content
{
    /*font-family: PT Sans;*/
    /*clear: both;*/
    /*height: auto;*/
    margin: 0px auto 0 auto;
    padding:0;
    width: 1003px;
    /*width:70%;*/



    background: none repeat scroll 0 0 #FFF;

 

    /*box-shadow: 0 0.5em 2em rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0.5em 2em rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0.5em 2em rgba(0,0,0,0.1);*/
    text-align:left;
    color: #000;

    min-height: 1100px;
    /*height:100%;*/

    /*min-height:100%;
    height:100% !important;*/

    position:relative;

}

.main-content-wrapper
{
    margin: 0 auto 0 auto;
    padding:0;
    /*max-width: 930px;*/
    /*min-height:100%;
    height:auto !important;
    height:100%;*/
    
    position:relative;
    
     /*width: 960px;*/
    /*width:70%;*/
    
}
.main-content-wrapper h1 {
	font-size: 38px !important;
	color: rgb(44, 60, 80);
}
.main-content-wrapper h4{
	line-height: 1.625;
	max-width: 850px;
}
.Main-Wrapper-List-Table
{
   	
   /*margin:35px auto 0 auto;*/

   /*margin-top:50px;
   margin-left: 10%;*/
	margin-top: 40px;
   width: 1003px;

    height:auto;
    text-align:left; 
    vertical-align:middle;

    float:left;
	

}
.Main-Wrapper-List-Table > tbody > tr {
	border-bottom: 1px solid #dae4f4;
}
.Main-Wrapper-List-Table > tbody > tr > td {
	padding-left: 25px !important;
}
.main-content-wrapper.main-content.clear-fix{
	/*float: left;*/
	/*margin-bottom: 50px;*/
}
.main-content-wrapper.main-content.clear-fix > h1 {
	font-family: OS-SemiBold;
	font-size: 26px;
	font-weight: normal;
}
.main-content-wrapper.main-content.clear-fix > h4 {
	margin-top: 33px;
	font-family: OS-Regular;
	font-size: 16px;
	font-weight: normal;
	color: rgb(44, 60, 80);
}
.autowrapper .HelpPanel
{
   
   overflow: hidden;
   position: absolute;
   right: 1px;
   
}
.device-detailsm, .InfrastructurelistView, .Main-Wrapper-List-Table, .autowrapper
{
	overflow:auto;
}

.autowrapper .SplitPanel {
    width: 300px;
    float: right;
    height: auto;
    border: 2px;
    color: #000;
    padding-left: 2px;
    background-color: #fff;
    border-color: #0987df;
    border-style: solid;
    position: relative;
    z-index: 10;
    right: -307px;
    text-align: left;
    vertical-align: middle;
	font-family: OS-Regular;
	font-weight: normal;
	font-size: 16px;
}

    .autowrapper .SplitPanel p {
        padding: 10px;
		text-align: justify;
    }

    .autowrapper .SplitPanel a, .autowrapper .SplitPanel a:hover {
        color: blue;
    }

.autowrapper .slider-arrow {
	
	margin-top:10px;
	width:50px;
    height:50px;
	float:right;
	
	background-image: url('../images/help.png');
	background-size:cover;
    
	/*background-color: #0987DF;
	*/
	position:relative;
	z-index: 10;
	
	right:-307px;

}

    .autowrapper .slider-arrow p {
        cursor:default;
    }




.RTSPPlayer
{
    border: thin solid #0987DC;
}


.framesrcoptions
{
    width: auto;

}

.srcbutton
{
    height: 25px;
    width: 270px;
}

.Main-Wrapper-List-Table a
{
    color: #23aaf0;
	font-family: OS-regular;
    font-size: 18px;
    text-decoration: none;
	text-transform: none !important;
}


    .Main-Wrapper-List-Table tr, .Main-Wrapper-List-Table td,.Main-Wrapper-List-Table  th,
    .IpCamPresenter tr, .IpCamPresenter td,.IpCamPresenter  th
    {
       text-align:left; 
    vertical-align:middle;
    }




.Main-Wrapper-List-Table div ,.IpCamPresenter  /*.CCTV, .Proxystatistics, .VPNconfiguration, .ServiceControl, .ServiceControl, .ContractDetail, .ContactUser, .PersonalManager, .ActiveOrder, .InactiveOrder*/
{
    padding-left: 60px;
    margin:0px;
    padding-top:20px;
    padding-bottom:20px;
     background: no-repeat scroll left center;
	 
}
.Main-Wrapper-List-Table div > a{
	font-family: OS-Regular;
	 font-weight: normal;
}

.waitprogressbar
{
    /*display: none;*/
    width:100px;
    height: 100px;
    /*position: fixed;*/
    top: 50%;
    left: 50%;
   
    text-align:center;
    margin: 0 auto 0 auto;
    padding:0;
    font:normal 16px Tahoma, Geneva, sans-serif;
    /*border:1px solid #666;
    margin-left: -50px;
    margin-top: -50px;*/
    /*z-index:2;
    overflow: auto;*/
}

.Main-Wrapper-List-Table .CCTV
{
    background-image: url('../images/CCTV.png');
}        

.Main-Wrapper-List-Table .Proxystatistics
{
    background-image: url('../images/traficanalyzing.png');
}

.Main-Wrapper-List-Table .VPNconfiguration
{
    background-image: url('../images/remoteaccess.png');
}

.Main-Wrapper-List-Table .ServiceDesk
{
    background-image: url('../images/ServiceDesk.png');
}

.Main-Wrapper-List-Table .Infrastructure
{
    background-image: url('../images/Infrastructure.png');
}

.Main-Wrapper-List-Table .DeviceStatistic
{
    background-image: url('../images/statistics.png');
}

.Main-Wrapper-List-Table .ContractDetail
{
    background-image: url('../images/ContractDetail.png');
}        

.Main-Wrapper-List-Table .ContactUser
{
    background-image: url('../images/ContactUser.png');
}

.Main-Wrapper-List-Table .PersonalManager
{
    background-image: url('../images/PersonalManager.png');
}

.Main-Wrapper-List-Table .ActiveOrder
{
    background-image: url('../images/ActiveOrder.png');
}

.Main-Wrapper-List-Table .InactiveOrder
{
    background-image: url('../images/InactiveOrder.png');
}

.Main-Wrapper-List-Table .Contract
{
    background-image: url('../images/Contract.png');
}

.Main-Wrapper-List-Table .ActiveBill
{
    background-image: url('../images/ActiveBill.png');
}

.Main-Wrapper-List-Table .PaymentMethods
{
    background-image: url('../images/PaymentMethods.png');
}

.Main-Wrapper-List-Table .PaymentsHistory
{
    background-image: url('../images/PaymentsHistory.png');
}
.Main-Wrapper-List-Table .VideoConference
{
    background-image: url('../images/VideoConference.png');
}

.Main-Wrapper-List-Table .WiFiHotSpot
{
    background-image: url('../images/WiFiHotSpot.png');
}

.Main-Wrapper-List-Table .SMSMailer
{
    background-image: url('../images/SMSMailer.png');
}

.Tooltip 
{
     background-image: url('../images/Info.png');
     width:16px;
     height:16px;
     margin-top:0;
     padding-top:0;
     
}


#csvexport, #pdfexport {
    min-width:100px;
    /*min-height:30px;*/
    height:auto;
    display:inline-block;
    background-color:#23AAF0;
     align-items: center;
    justify-content: center;
    text-align:center;
    vertical-align:middle;
    color:  #FFFFFF;
    cursor:pointer;
}


.LinkDisabled{
   cursor:text !important ;
   color:gray !important;
   text-decoration: none !important;
}

.flip {
    font-size:14px !important;
    font-weight:normal !important;
}




.SVGViewer 
{
    position:relative; 
    text-align:center; 
    overflow:hidden;
    height:auto;
    width: 960px;
    height:auto;
    margin: 0px auto 0px auto; 
    padding:0;
    color: #9F9F9F; 
    }

.ViewerList
{
       float: left;
        position: relative;
        width: 100%;
        height: 400px;
        margin: 0;
        padding: 0;
}

/*.ViewerList123 {
    height:440px;
}*/

.ViewerList123.k-state-selected
{
	background-color:rgba(235, 235, 235, 1) !important;
}

.InfrastructurelistView svg {

  position:absolute;
  width:100%;
  height:100%;
  overflow:hidden !important;
  
}

/*.k-chart svg
{
    width: 740px;
    height: 400px;

}*/

/*.k-chart svg
{
    width: 100%;
    height: 100%;

}*/

#smsout {
    float:left;
    margin:8px;
    width:38%;
    /*border: 1px solid gray;*/
    height:600px;
    /*overflow: auto;*/
}

#smsin {
    float:left;
    margin:8px;
    width:58%;
    /*border: 1px solid gray;*/
    height:600px;
    /*overflow: auto;*/
	
}
#smsin tr
{
	border-bottom: 
}

    .smsmailtable {
        width:100%;
        font-family: OS-Regular;
	    font-weight: normal;
        /*height:600px;*/
    }


    .smsmailtable tbody { height:500px; overflow-y:auto; display:block; width:100%; }
    .smsmailtable thead {  display:block; width:100%;}
        /*.smsmailtable tbody tr {display:block;
        }*/
    .smsmailtableheader{width:100%;

    }
    .smstexttd {
        word-break: break-all;
    }


    .smsmailer_in[selected] {
        background-color:rgba(227, 227, 227, 1);
    }

     .smsmailer_in td, .smsmailer_out{
        cursor:pointer;
    }

    .smsmailer_in[smsstatus=new] {
        font-family: OS-Regular;
	    font-weight: bold;
    }

    .smsinresponsestat[smsisresponced=True] {
        /*background-color: rgba(195, 232, 202, 1);*/
        /*background-image: url('../images/smssend.png');*/
        background: url("../images/smssend.png") no-repeat scroll 0 0 transparent; 
        background-size: 16px 16px;
    }

    .smsinstat[smsstatus=todelete] {
        /*background-color: rgba(195, 232, 202, 1);*/
        /*background-image: url('../images/smssend.png');*/
        background: url("../images/remove-button.png") no-repeat scroll 0 0 transparent; 
        background-size: 16px 16px;
    }


    .smsmailer_in[selected] .smsinstat {
    background: url("../images/remove-button-yellow.png") no-repeat scroll 0 0 transparent; 
        background-size: 16px 16px;
    }

    #smsresponce {
    clear:both;
    margin:8px;
    }


    #AddNewWiFiClienttable {
    width:700px;
    }
    .wificlient, .wificlientpwd {
    width:300px;
    }




    /*.box {
    margin: 4.5em 7.5em;
    padding: 3em;
    background-color: rgba(20,53,80,0.038);
    border: 1px solid rgba(20,53,80,0.05);
   
}

.box-col {
    display: block;
   float: left;
    padding: 0 3em 1.667em 0;
     list-style: none;
     clear:right;
}*/


    .box-col1 {
    float:left;
    width: auto;
    margin:0 20px 0 0;
    }
    .box-col2 {
    float:left;
    clear:right;
    width: auto;
     margin:0 20px 0 0;
    }

    .box, #smssearch {
    width:50%;
    clear:both;
     margin:10px 0 10px 0;
     float:left;
    }


.box ul, .box li
{
    margin:0;
    padding:0;
    list-style:none;
}

    #smsmailermainform {
    float:left;
    width:100%;
    }

    
 .addnewareabtn
 {
    /*border-top: 2px solid red;*/
    background: url('../images/plus.png') no-repeat scroll 0 0 transparent ;
    background-size: 16px 16px;
 }

 .removenewareabtn
 {
    /*border-top: 2px solid red;*/
    background: url('../images/minus.png') no-repeat scroll 0 0 transparent ;
    background-size: 16px 16px;
 }

/* featured block
----------------------------------------------------------*/
.featured {
    background: none repeat scroll 0 0 #FFF;
    height: 25px;
    /*float: left;*/
    
     margin-top: 37px;
     padding-top:10px;
     padding-bottom:10px;
     text-align:left;

     position:relative;
}

    .featured .content-wrapper {
        /*background-color: #7ac0da;
        background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);*/
         background: none repeat scroll 0 0 #FFF;
        color: #3e5667;
        margin: 0 auto 0 auto;
         padding:0;
    }

        .featured hgroup.title h1, .featured hgroup.title h2
{
    color: #4597CD;
}

        .featured p {
            font-size: 1.1em;
        }




/* header block
----------------------------------------------------------*/
.header
{
    /*padding: 0 2px;*/
    height: 124px;
    background: #fff; /*border-radius: 4px;*/
    width: 1003px;
    /*width:70%;*/
    color: #9F9F9F; 
    margin: 0px auto 0px auto; 
    padding:0;
    /*margin-left:13%;
    
    margin-right:13%;*/
  position:relative;

}

/*header .content-wrapper {
    padding-top: 20px;
    height:70px;
    height:auto;
}
    */

    /*.main-content {
        background: url("../Images/accent.png") no-repeat;
        padding-left: 10px;
        padding-top: 30px;
    }

    .featured + .main-content {
        background: url("../Images/heroAccent.png") no-repeat;
    }*/


.site-logo
{
    /*background: url("../images/Companylogo2.png") no-repeat scroll 0 0 transparent;*/ /*display: block;*/ /*height: 65px;
    width: 560px;*/ /*background-size: 370px auto;*/ /*background-size: cover;*/
    float: left; /*position:absolute;*/
    margin: 39px 0px 29px 0px;
    padding: 0;
    text-align: center;
	display: inline-block;
	height: 56px;
    width: 192px;
    /*height:100%;*/
}

.site-title-opos
{
    float: left; /*position:absolute;*/
    margin: auto;
    padding-left: 10px;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    font-family: PT Sans;
    font-size: 1.75em;
    color: #C1CCCE;
     padding-top:25px;
}

.site-title
{
	float: left;
    width: 250px;
    padding-top: 44px;
    display: inline-block;
    margin-left: 20px;
    text-align: left;
    font-family: OS-semibold;
    font-size: 28px;
    color: #2c3c50;
}

.imglogo
{    
}


 .header-links-wrapper
{
    width: auto;
    /*position: relative;*/
    float:right;
    /*z-index: 2;*/
  
}
 
.header-links
{
    float: right;
    padding: 0px;
    margin-top: 33px;
    display: table;
    vertical-align: middle; /*width: 200px;*/
    height: 60px;
}
.header-links ul
{
    padding: 0;
    margin: auto 0;
    float: left;
    display: table;
    vertical-align: middle;

}
.header-links ul li
{
    margin: 0px;
    border-color: #000000;
    border-width: 5px;
    list-style: none outside none;
    display: inline;
    padding: 0px;

    float: left;
    margin-left:10px;
    margin-right:10px;
	color: #010101;
     margin-top:10px;
}




.header-links .username
{
   
    color: #010101;
    text-decoration: none;
   
    /*float: left;*/
}


.header-li-link-button
{
	width:140px;
	height: 44px;
	margin-bottom: 37px;
	margin-right: -10px;
    /*background-repeat: no-repeat;
    background-position: left center;
    background: no-repeat scroll left center;
	background-color: #23aaf0;
	color:#ffffff;
    margin: 0px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
    text-decoration: none;
	border-radius: 30px;
    width: 80px;
	font-family: OS-semibold;
	font-size: 18px;
	margin-right: -10px;*/
}
.header-li-submit-button{
	margin: 0;
	background-color: rgb(35, 170, 240);
	width: 140px;
	height: 44px;
	border-radius: 22px;
	border: none;
	font-family: OS-Regular;
	font-size: 18px;
	color: #ffffff;
}
.header-li-submit-button:hover{
	background-color: #1190d1;
}

.header-li-link-button > input{
	color: #ffffff;
}
.header-li-link-button a
{
    color: #ffffff;
}
    .header-li-link-button a:hover {
        color: #e2e2e2;
        text-decoration: none;
    }





/* top-menu block
----------------------------------------------------------*/

.header-menu
{
    
    /*border-radius: 4px;
    -o-border-radius: 4px;
    -icab-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;*/
	position: relative;
	text-align: center;
    height: 80px;
    margin: 0px auto 0 auto; 
    padding: 0;
    background-color: #24485a;
    width: 100%;
}
.top-menu-link{
	display: block;
	padding: 30px 25px !important;
}

.header-menu a
{
    color: #FBFFFF;
    font-size: 1.1em;
    text-decoration: none;
}
.header-menu a:hover{color: #FBFFFF;text-decoration: underline;}




.header-menu .top-menu
{
	width: 1003px;
    height: 80px; /*zoom: 1;*/
    margin: 0 auto 0 auto;
	display: block;
	text-align: center;
	font-size: 0;
}

.header-menu .top-menu > li{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	float: left;
}
.header-menu .top-menu > li > a {
	line-height: 20px;
	vertical-align: middle;
	display: block;
	color: #ffffff;
	font-family: OS-regular;
	font-weight: normal !important;
	font-size: 20px;
	text-decoration: none !important;
}
.header-menu .top-menu > li:first-child{
	width: 327px;
	margin-left: -44px;
}
.header-menu .top-menu > li:nth-child(7){
	width: 247px;
	margin-right: -55px;
}
.header-menu .top-menu > li:nth-child(3){
	width: 325px;
}
.header-menu .top-menu > li:nth-child(5){
	width: 195px;
}
.header-menu .top-menu > li:hover{
	background-color: #1190d1;
}
.active-menu-item{
	background: #23aaf0 !important;
}
/*.header-menu .top-menu:after{content:".";display:block;clear:both;height:0;font-size:0;line-height:0;visibility:hidden;}
.header-menu .top-menu li{float:left;list-style-type:none;padding:20px 8px 1px 0px;line-height:28px;height:28px;margin-right:10px;text-align:center;min-width:75px;}
.header-menu .top-menu li:last-child{background:none;}
.header-menu .top-menu li a{min-height:20px;display:block;line-height:20px;text-transform:uppercase;margin-bottom:9px;white-space:nowrap;padding:0;}*/



/*.header-menu .top-menu li a.hover{background:#696969;}*/
/*.header-menu .top-menu li .sublist{position:absolute;background-color:#9159A4;background-image:url(images/top-menu-background.png);background-repeat:no-repeat;border:3px double #696969;margin-left:-10px;z-index:9;display:none;margin-left:-15px;white-space:nowrap;}
.header-menu .top-menu li .sublist.active{display:block}
.header-menu .top-menu li .sublist.firstLevel{}
.header-menu .top-menu li .sublist .sublist.active{left:100px;margin-top:-30px;top:auto;}*/
/*.header-menu .top-menu .sublist li a{text-transform:none;min-height:22px;margin:0 8px 0 28px;}
.header-menu .top-menu .sublist li{background:url(images/top-menu-list-image.png) no-repeat 5% 8px;height:22px;margin:6px 5px;text-align:left;float:none;padding:0;} 
.header-menu .top-menu .sublist li:hover{background:#696969 url(images/top-menu-list-image-hover.png) no-repeat 5% 8px;}*/
/*.header-menu .top-menu-triangle.active{display:none;}
.header-menu .top-menu-triangle{background:url(images/top-menu-triangle.png) no-repeat;margin-top:-9px;margin-left:10px;width:10px;height:5px;position:absolute;z-index:10;display:none;}
.header-menu .top-menu-triangle.active{display:block;}*/


/* footer block
----------------------------------------------------------*/

/*footer {
    clear: both;
    background-color: #e2e2e2;
    font-size: .8em;
    height: 100px;
}*/


.footer
{
    font-family: PT Sans;
    clear: both; /*clear:both;*/
    width: 100%; /*height: auto;*/ /*color: #9E9E9E;*/
    background: #1b2634;
    position: relative;
    margin: 0;
    padding: 0;

}

    .footer-wrapper
    {
   
        height:100%;
       

         width: 960px;
    /*width:70%;*/
        /*background: #494a4e;*/
        float :none;
        margin: 0 auto 0 auto;
        padding:0;

    }

        .float-wrapper-links
        {
            width:100%;
            float: left;
            
            /*height: 70px;*/
            height:100%;
            margin:0;
            padding:0;


            background-image: url('../Images/map-invert.png');
            background-position: right center;
            background-repeat: no-repeat;
            background-attachment: scroll;
            /*----stretch-----*/
            /*background-size: 30%;*/
            background-size:auto 170px;
        }

        .float-wrapper-links ul
        {
            text-align: left;
            float: left;
          height:100%;
            list-style: none outside none;
             margin: 0 auto 0 auto;

            margin:0;
            padding:0;
        }
        

            .float-wrapper-links ul li
                {
                    float: left;
                    list-style-type: none;
                    /*padding: 20px 8px 1px 8px;*/
                    /*line-height: 28px;*/
                    height: 28px;
                    margin-right: 10px;
                    margin-top:15px;
                    text-align: left;
                    min-width: 150px;
                    
                    display:block;
                    white-space:nowrap
                }


            .float-wrapper-links a, .float-wrapper-links a:visited, .float-wrapper-links a:hover{
            color: #FFFFFF;
            
        }



.header-menu .top-menu li p, a{margin:0; padding:0}





.VPNUsers, .VPNDevice, #ServiceGrid
{
   float: left; 
   width: 595px;
}
#Edit_Form_Submit
{

    position: relative; /* Абсолютное позиционирование */
     bottom: 0px; /* Положение от верхнего края */
     left: 370px; /* Положение от правого края */
}

input[type="submit"][disabled] {
  color: GrayText;
  cursor: inherit;
}

#VLCPlayer
{
    height: 200px;
    width: 300px;
}








/* menu
----------------------------------------------------------*/
ul#menu {
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

    ul#menu li {
        display: inline;
        list-style: none;
        padding-left: 15px;
    }

        ul#menu li a {
            background: none;
            color: #999;
            text-decoration: none;
        }

        ul#menu li a:hover {
            color: #333;
            text-decoration: none;
        }


/* page elements
----------------------------------------------------------*/


/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

hgroup.title h1, hgroup.title h2 {
    display: inline;
}

hgroup.title h2 {
    font-weight: normal;
    margin-left: 3px;
}

/* features */
section.feature {
    width: 300px;
    float: left;
    padding: 10px;
}


/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

.label {
    font-weight: 700;
}

/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;	
}
#loginForm > h1{
	font-family: OS-SemiBold;
	font-weight: normal;
	font-size: 28px;
	color: #2c3c50;
}
#loginForm > form > fieldset > ol > li > label {
	font-family: OS-Regular !important;
	font-weight: normal !important;
	font-size: 20px !important;
	color: #2c3c50;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

    #loginForm .validation-summary-errors ul {
        margin: 0;
        padding: 0;
    }

    #loginForm .validation-summary-errors li {
        display: inline;
        list-style: none;
        margin: 0;
    }

    #loginForm input {
        width: 250px;
		margin: 5px 0 10px 0;
    }

    #loginForm input[type="checkbox"],
    #loginForm input[type="submit"],
    #loginForm input[type="button"],
    #loginForm button {
        width: auto;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#logoutForm {
    display: inline;
}

/* contact */
.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

label {
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

label.checkbox {
    display: inline;
}

input, textarea {
    border: 1px solid #e2e2e2;
    background: #fff;
    color: #333;
    font-size: 1.2em;
    margin: 5px 0 6px 0;
    padding: 5px;
    width: 300px;
}

textarea {
    font-family: inherit;
    width: 500px;
}

    input:focus, textarea:focus {
        border: 1px solid #7ac0da;
    }

    input[type="checkbox"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

     input[type="radio"] {
        background: transparent;
        border: inherit;
        width: auto;
    }

    input[type="submit"],
    input[type="button"],
    button {
        background-color: #d3dce0;
        border: 1px solid #787878;
        cursor: pointer;
        font-size: 1.2em;
        font-weight: normal;
        padding: 7px;
        margin-right: 8px;
        width: auto;
    }

    td input[type="submit"],
    td input[type="button"],
    td button {
        font-size: 1em;
        padding: 4px;
        margin-right: 4px;
    }

/* info and errors */
.message-info {
    border: 1px solid;
    clear: both;
    padding: 10px 20px;
}

.message-error {
    clear: both;
    color: #e80c4d;
    font-size: 1.1em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.message-success {
    color: #7ac0da;
    font-size: 1.3em;
    font-weight: bold;
    margin: 20px 0 10px 0;
}

.error {
    color: #e80c4d;
}

/* styles for validation helpers */
.field-validation-error {
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}


/* tables
----------------------------------------------------------*/
table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 0.75em;
    border: 0 none;
}

th {
    font-size: 1.2em;
    text-align: left;
    border: none 0px;
    padding-left: 0;
}

    th a {
        display: block;
        position: relative;
    }

    th a:link, th a:visited, th a:active, th a:hover {
        color: #333;
        font-weight: 600;
        text-decoration: none;
        padding: 0;
    }

    th a:hover {
        color: #000;
    }

    th.asc a, th.desc a {
        margin-right: .75em;
    }

    th.asc a:after, th.desc a:after {
        display: block;
        position: absolute;
        right: 0em;
        top: 0;
        font-size: 0.75em;
    }

    th.asc a:after {
        content: '▲';
    }

    th.desc a:after {
        content: '▼';
    }

td {
    padding: 0.25em 2em 0.25em 0em;
    border: 0 none;
}

tr.pager td {
    padding: 0 0.25em 0 0;
}


/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {

    /* header
    ----------------------------------------------------------*/
    header .float-left,
    header .float-right {
        float: none;
    }

    /* logo */
    header .site-title {
        margin: 10px;
        text-align: center;
    }

    /* login */
    #login {
        font-size: .85em;
        margin: 0 0 12px;
        text-align: center;
    }

        #login ul {
            margin: 5px 0;
            padding: 0;
        }

        #login li {
            display: inline;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        #login a {
            background: none;
            color: #999;
            font-weight: 600;
            margin: 2px;
            padding: 0;
        }

        #login a:hover {
            color: #333;
        }

    /* menu */
    nav {
        margin-bottom: 5px;
    }

    ul#menu {
        margin: 0;
        padding: 0;
        text-align: center;
    }

        ul#menu li {
            margin: 0;
            padding: 0;
        }


    /* main layout
    ----------------------------------------------------------*/
    .main-content,
    .featured + .main-content {
        background-position: 10px 0;
    }

    .content-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }

    .featured .content-wrapper {
        padding: 10px;
    }

    /* page content */
    article, aside {
        float: none;
        width: 100%;
    }

    /* ordered list */
    ol.round {
        list-style-type: none;
        padding-left: 0;
    }

        ol.round li {
            padding-left: 10px;
            margin: 25px 0;
        }

            ol.round li.zero,
            ol.round li.one,
            ol.round li.two,
            ol.round li.three,
            ol.round li.four,
            ol.round li.five,
            ol.round li.six,
            ol.round li.seven,
            ol.round li.eight,
            ol.round li.nine {
                background: none;
            }

     /* features */
     section.feature {
        float: none;
        padding: 10px;
        width: auto;
     }

        section.feature img {
            color: #999;
            content: attr(alt);
            font-size: 1.5em;
            font-weight: normal;
        }

    /* forms */
    input {
        width: 90%;
    }

    /* login page */
    #loginForm {
        border-right: none;
        float: none;
        width: auto;

    }

        #loginForm .validation-error {
            display: block;
            margin-left: 15px;
        }

    #socialLoginForm {
        margin-left: 0;
        float: none;
        width: auto;
    }


    
}
/*** FOOTER ***/
	.footer{
		width: 100%;
		text-align: center;
	}
	.footer-upper{
		width: 100%;
		padding: 20px 0px;
	}
	.header-menu-footer > ul {
		display: block !important;
	}
	.header-menu-footer > ul > li {
		height: 70px;
		position: relative;
		display: inline-block;
		font-family: OS-regular;
		font-size: 18px;
		font-weight: normal;
		text-decoration: none !important;
	}
	.header-menu-footer > ul > li > a {
		display: block;
		line-height: 20px;
		padding: 25px;
		color: #ffffff;
		text-decoration: none !important;
		font-weight: normal;
	}
	.header-menu-footer > ul > li > a:hover{
		color: #748493;
	}
	.header-menu-footer > ul > li > a:active{
		color: #748493;
	}
	.footer-company-info-mail > p > span {
		font-family: FontAwesome;
		font-size: 18px;
	}
	.footer-company-info-mail > p  > a {
		color: #8293a2;
		text-decoration: none !important;
	}
		.footer-company-info-mail > p  > a:hover {
		color: #748493;
	}
	.footer-company-info-tel > p > span {
		font-family: FontAwesome;
		font-size: 26px;
	}
	.footer-lower{
		position: relative;
		width: 1003px;
    /* padding: 25px 5px; */
		padding: 50px 0px;
		color: #8293a2;
		margin: auto;
		overflow: hidden;
		border-top: 1px solid #414e5e;
		font-family: OS-regular;
		font-weight: normal;
	}
	.footer-company-info-contacts {
		display: block;
		float: left;
		text-align: left;
		font-size: 18px;
	}
	.footer-lower-ul {
		float: right;
		font-size: 18px;
	}
	.footer-lower-ul > li {
		display: inline-block;
		padding-left: 50px;
		text-decoration: none !important;
	}
	/**********Радиокнопки для списка услуг*************/
	.for-switch{
		float: right;
		height: 30px;
		width: 70px;
		vertical-align: middle;
		padding: 20px 24px 20px 0px;
	}
	.switcher{
		height: 26px;
		width: 60px;
		padding: 0 !important;
		border: 1px solid #dae4f4;
		border-radius: 20px;
		cursor: pointer;
		position: relative;
	}
	.switcher * {
		transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		-ms-transition: all .5s;
	}
	.switcher .sw-btn {
		width: 20px;
		height: 20px;
		border-radius: 10px;
		display: inline-block;
		cursor: pointer;
		z-index: 1;
		position: relative;
		margin: 3px 0px 3px 3px;
		float: left;
		background: #c3ccda;
	}
	.switcher input.sw-value {
		display: none;
	}
	.switcher input.sw-value:checked ~ .sw-btn{
		background: #23aaf0;
		width: 20px;
		height: 20px;
		border-radius: 10px;
		display: inline-block;
		cursor: pointer;
		z-index: 1;
		position: relative;
		margin: 3px 3px 3px 0px;
		float: right;
	}
	/***************Спойлеры в статистике устройств******************/
	.spoiler {
		margin: 25px auto;
		font-family: OS-regular;
		font-weight: normal;
		font-size: 18px;
		color: #23aaf0;
	}
	.spoiler > label {margin-bottom: 35px;}
	.spoiler > input {display: none;}
	.spoiler > input + label:after{
		content: url("../Images/spoiler_down.png");
		margin-left: 10px;
		
	}
	.spoiler > input:checked + label:after{
		content: url("../Images/spoiler_up.png");
		margin-left: 10px;
	}
	.spoiler > input + label + .spoiler_body{display:none;}
	.spoiler > input:checked + label + .spoiler_body{display: block;}
	
	.refreshChart{
		width: 160px;
		height: 44px;
		vertical-align: middle;
		border-radius: 30px;
		background: #23aaf0;
		border: none;
		font-family: OS-regular;
		font-weight: normal;
		font-size: 16px;
		color: #ffffff;
		
	}
	.k-grid-header .k-header{
		clear: both;
		border-style: none none solid none;
		border-width: medium;
		border-color: #23aaf0 !important;
		color: #2c3c50 !important;
		font-family: OS-Regular !important;
		font-size: 16px !important;
		padding-bottom: 0px !important; 
	}
	
	p#vpn{
		font-family: OS-regular;
		font-weight: normal;
		font-size: 22px;
	}
	span.k-link{
		font-family: OS-regular;
		font-weight: normal;
		font-size: 16px;
		color: #2c3c50;
	}
	p#proxy{
		font-family: OS-regular;
		font-weight: normal;
		font-size: 22px;
	}
	label#kalendar-proxy{
		font-family: OS-regular;
		font-size: 14px;
		font-weight: normal;
		color: #8293a2;
	}
	span.k-select{
		border: none !important;
		background-color: transparent !important;
	}
	.k-header{
		/*height: 45.15px;*/
		/*width: 133px !important;*/
	}
	.k-state-default{
		height: 44px;
		background-color: transparent !important;
	}
	input#startDate.k-input{
		height: 39px;
	}
	input#endDate.k-input{
		height: 39px;
	}
	span.k-icon.k-i-calendar{
		margin-top: 13px;
	}
	.k-grid td, .k-grid tr{
		font-family: OS-regular;
		font-size: 16px;
	}
	a.k-grid-Edit{
		vertical-align: top;
		font-family: OS-regular;
		font-size: 16px;
		color: #23aaf0;
		margin: 0px 0px 0px 100px !important;
	}
	div#ProxyDeviceGrid.k-widget.k-grid {width: 1003px !important;}
	div#ProxyDeviceGrid.k-widget.k-grid > table > tbody > tr > td {
		font-family: OS-regular !important;
		font-size: 16px !important;
		color: #4f6677;
	}
	/*.k-widget {
		margin-top: 40px;
	}*/
	/*****Ссылки*****/
	a{
		text-decoration: none;
		font-weight: 600;
		color: #26a6f1;
		cursor: pointer;
	}
	a:hover{
		text-decoration: none;
		font-weight: 600;
		color: #0c7bb5;
		cursor: pointer;
	}
	a#recommend:visited{
		text-decoration: none;
		font-weight: 600;
		color: #0c7bb5;
		cursor: pointer;
	}
	/******Страница Рекомендации*******/
	.recommend_text{
		margin-top: 45px;
	}
	.recommend_text > p{
		margin: 35px 0;
		line-height: 1.333;
		font-family: OS-Regular;
		font-size: 18px;
		color: #2c3c50;
	}
	/******Ссылки в хедере******/
	li#user{margin: 5px 0 !important;}
	.username:after{content: ",";}
	.user_name{
		text-align: left;
		line-height: 1.625;
		margin: 0px;
		font-family: OS-Regular;
		font-size: 16px;
		color: #2c3c50;
		font-weight: 500;
		margin-right: 75px;
	}
	.user_description{
		text-align: left;
		margin: 0px;
		font-family: OS-Regular;
		font-size: 16px;
		color: #2c3c50;
	}
}