.alert-box {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;

}
.green {
	color: #3c763d;
    	background-color: #dff0d8;
    	border-color: #d6e9c6;
}
.yellow {
	color: #8a6d3b;
    	background-color: #fcf8e3;
    	border-color: #faebcc;
}

.orange {
	color: #ff9900;
        background-color: #f9cb9c;
        border-color: #faebcc;

}

.red {
	color: #a94442;
    	background-color: #f2dede;
    	border-color: #ebccd1;

}
.info {
	color: #222222;
	background-color: #ffffff;
	border-color: #222222;
}
.info2 {
	color: #222222;
	background-color: #b0ebdb;
	border-color: #77a397;

}
.toggle-btn {
    width: 70px; 
    height: 30px;  
    margin: 10px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==") no-repeat 45px center #cd1e46;
    background-size: 12px 12px;
    cursor: pointer;
    -webkit-transition: background-color .40s ease-in-out;
    -moz-transition: background-color .40s ease-in-out;
    -o-transition: background-color .40s ease-in-out;
    transition: background-color .40s ease-in-out;
    cursor: pointer;
}
.toggle-btn.active {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 10px center #597914;
    background-size: 12px 12px;
}
.toggle-btn.active .round-btn {
    left: 40px;
}
.toggle-btn .round-btn {
    width: 24px; 
    height: 24px; 
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 60%; 
    margin-top: -15px;
    -webkit-transition: all .30s ease-in-out;
    -moz-transition: all .30s ease-in-out;
    -o-transition: all .30s ease-in-out;
    transition: all .30s ease-in-out;
}
.toggle-btn .cb-value {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#filters-status
{
    font-size: 14px;
    font-weight: 400;    
    padding-left: 8%; 
}

#filters-status-title
{
    display: inline-block;     
    margin-top: 15px;   
    text-transform: uppercase;
}

#filters-status-description
{
    font-size: 12px;   
    color: #999999;
    margin-bottom: 15px;
}

#breadcrumbs
{
    font-size: 13px;   
    text-transform: uppercase;  
    margin-bottom: 30px;
}

#breadcrumbs a
{
    color: #c51d1d;   
    text-decoration: none;  
}

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

.right-al
{ text-align: right !important; }

.center-al
{ text-align: center !important; }

.top-al
{ vertical-align: top !important; }

.middle-al
{ vertical-align: middle !important; }

#register-lang 
{
    margin-right: 39%;   
}


#agreements
{
    font-family: 'Ubuntu', sans-serif;   
    font-size: 13px;
    font-weight: 300;
    color: #3e3d3c !important;
    line-height: 1.5;   
}

#agreements .accounts-errors 
{
    font-size: 13px;
    margin-bottom: 0px !important;
    margin-top: 5px !important;
}

#agreements .agreements-checkbox
{
    padding-left: 0px !important;  
}

#agreements .agreements-checkbox input
{
    width: 15px;   
    height:  15px;
    margin-top: 3px;
}

#agreements .td
{
    padding: 5px;   
    vertical-align: top;
}

#agreements a
{
    color: #c51d1d;  
    text-decoration: none;
    display: inline-block;
}

#agreements .required
{
    margin-top: -4px; 
    margin-right: 5px;
}

.button-register
{
    margin-top: 10px;  
    font-weight: bold;   
    width: 100% !important;
}

.button-reminder
{
    margin-top: 10px;   
    width: 100% !important;
}

.button-authentication
{
    width: 100% !important;   
    margin-bottom: 25px !important;
}

.button-authentication-u
{
    float: right !important;
    width: 50% !important;   
    margin-bottom: 25px !important;    
}

.button-yes
{
    background-color: #cd1e46 !important;   
    color: #ffffff !important;
}

.button-no
{
    background-color: #868585 !important;     
    color: #ffffff !important;
}

#navbar 
{
    width: 17%;
    z-index: 5;
    display: block;
    position: absolute;
    top: 0;
    left: -17%;
    min-height: 100%;
    background-color: #252525;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; 
}

#navbar .underline
{
    margin: 5px 0 5px 3px;
    background-color: #545352;
}

.h-width
{
    width: 65% !important;
    left: 5% !important; 
}

.slide 
{ left: 0 !important; }

.slide-button 
{ left: 17% !important; }

.user 
{
    text-align: center;
    margin: 100px 0 0 0;
    width: 85%;
    padding: 30px 5% 30px 0%; 
}

/*.user .last 
{ width: 60%; }*/

.user-data, .user-avatar 
{
    display: inline-block;
    text-align: left; 
}

.nav 
{
    width: 97%;
    padding: 0 0 0 3%;
    list-style: none; 
}

.nav li 
{
    border-bottom: 1px solid #545352;
    min-height: 33px;
    margin: 16px 0 0 0;
    display: block;
}

.nav a 
{
    text-transform: uppercase;  
    padding-left: 8%; 
}

.nav ul
{ margin-left: 25px; }

.nav ul li
{
    height: 30px !important;   
    border: none;
    margin-top: 5px;   
}

.nav ul li a h5
{ font-size: 12px; }



.version 
{
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: 10%; 
}

.version .ver-p 
{ margin-top: 20px; }

.head 
{
    display: block;
    height: 30px;
    border-bottom: 1px solid #bbbbbb;
    padding: 15px 0 0 10px; 
    overflow: hidden;
}

.col 
{ float: left; }

.name, .mail, .account, .status, #user_list .delete, #user_list .export, #user_list .import 
{  border-right: 1px solid #bbbbbb; }

.name 
{ width: 38%; }

.mail 
{ width: 22%; }

.account 
{  width: 18%; }

.status, #user_list .delete, #user_list .export, #user_list .import 
{
    width: 10%;
    text-align: center; 
}

.record 
{
    padding: 15px 5% 17px 5%;
    height: 15px;
    display: block;
    border-bottom: 1px solid #bbbbbb;
    overflow: hidden; 
}

#user_list .delete, #user_list .export, #user_list .import 
{ border-right: none; }

#user_list h5 
{ vertical-align: top; }

#user_list .head:hover 
{ background: transparent !important; }

#user_list .head:hover h5
{ color: #999999 !important; }

#website_add 
{
    margin-top: 40px;
    margin-bottom: 80px;
    width: 100%;
    float: left; 
}

#website_add .underline 
{
    width: 100%;
    background-color: #545352;
    margin: 5px 0 0 0;
}

.author, .site-name, .category, .site-numbers, .add 
{ border-right: 1px solid #bbbbbb; }

.author, .site-name 
{ width: 38%; }

.category, .site-numbers 
{ width: 20%; }

.delete .record, .export .record, .import .record, .add .record 
{
    vertical-align: middle;
    padding: 20px 0 12px 5%; 
}

.delete h5, .export h5, .import h5, .add h5 
{ display: inline; }

.delete img, .export img, .import img, .add img 
{ vertical-align: middle; }

.add 
{ width: 32%; }

.add span 
{
    display: block;
    background-color: #fff;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; 
}

.add span:hover 
{ background-color: #94bd3d; }

.add span:hover .add-ico 
{ background-image: url(../img/access-white.png); }

.add .add-ico 
{
    display: inline-block;
    position: relative;
    top: 1px;
    height: 16px;
    background-color: transparent;
    vertical-align: middle;
    background-image: url(../img/access.png);
    width: 20px;
}

.add h5 
{ vertical-align: middle; }

.delete, .export, .import 
{ width: 9%; }

.delete .record, .export .record, .import .record 
{ padding-left: 10%; }

.delete .del-ico, .export .del-ico, .import .del-ico 
{
    display: inline-block;
    position: relative;
    top: 1px;
    height: 17px;
    vertical-align: middle;
    background-color: transparent;
    background-image: url(../img/denied.png);
    width: 16px; 
}

.delete span, .export span, .import span 
{
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; 
}

.delete span:hover, .export span:hover, .import span:hover 
{ background-color: #cd1e46; }

.delete span:hover .del-ico, .export span:hover .del-ico, .import span:hover .del-ico 
{ background-image: url(../img/denied-white.png); }

.delete h5, .export h5, .import h5 
{ vertical-align: middle; }

.export, .import 
{
    width: 15%;
    float: left;
    border-right: 1px solid #bbbbbb; 
}

.export .record, .import .record 
{
    padding: 16px 0 16px 10%;
    margin: 0; 
}

.export img, .import img 
{
    padding-right: 10px;
    padding-top: 5px;
    float: left;
    vertical-align: middle !important; 
}

.export:hover span, .import:hover span 
{ background-color: #fff !important; }


#site_list .underline 
{ margin-bottom: 0px !important; }

.line {
    float: left;
    display: inline-block;
    background-color: #bbbbbb;
    width: 1px;
    height: 30px;
    margin: 35px 0 40px 1%; }


#faq a, #faq a:visited 
{
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#faq a:hover, #faq a:focus 
{ color: gainsboro; }

.nav h5 
{
    color: #fff;
    display: inline-block;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
    line-height: 14px;
    padding-left: 15px !important; 
}

.nav a, .nav a:visited 
{ text-decoration: none; }

.nav a:hover h5, .nav a:focus h5 
{ color: #a0a0a0; }

.nav .nav-ico
{
 text-align: center;   
 display: inline-block;   
 width: 32px;   
}

.nav img 
{ vertical-align: middle; }

#language 
{
    height: 25px;
    width: 50px;
    display: block; 
}

.flags 
{ transition: none !important; }

.flags h5 
{
    display: inline-block;
    vertical-align: top;
    padding-bottom: 2px;
    padding-left: 3px;
    float: left; 
}

.flags img 
{
    float: left;
    padding-top: 4px;
    padding-left: 5px; 
}

.flags 
{
    position: relative;
    height: 20px;
    width: 35px;
    padding: 10px 0 10px 0; 
}

.flags a 
{
    width: 30px;
    height: 20px;
    background-color: #e3e3e3;
    display: none; 
}

.flags a.main-lang 
{
    display: block;
    padding: 0;
    text-align: center;
    width: 35px; 
}

.flags a.main-lang img 
{ padding-left: 3px; }

flags:hover a 
{
    display: block;
    float: left; 
}

.label_cat_off {
    font-size: 10px;
    font-weight: 200;
    color: #ffffff;
    background-color: #cd1e46;
    display: inline-block;
    padding: 1px;
}
.label_cat_service_test {
    font-size: 10px;
    font-weight: 200;
    color: #ffffff;
    background-color: #AFD620;
    display: inline-block;
    padding: 1px;
}

.label_cat_devices {
    font-size: 12px;
    font-weight: 200;
    color: #ffffff;
    background-color: #D62054;
    display: inline-block;
    padding: 3px;
}

.label_cat_mikrotik {
    font-size: 12px;
    font-weight: 200;
    color: #ffffff;
    background-color: #9A20D6;
    display: inline-block;
    padding: 3px;
}
.label_cat_templates {
    font-size: 12px;
    font-weight: 200;
    color: #ffffff;
    background-color: #20B7D6;
    display: inline-block;
    padding: 3px;
}
.label_cat_service_agreement {
    font-size: 10px;
    font-weight: 200;
    color: #ffffff;
    background-color: #097220;
    display: inline-block;
    padding: 1px;
}

#menu 
{
    font-family: 'Ubuntu', sans-serif;   
    color: #ffffff;
    position: absolute;
    top: 142px;
    height: 48px;
    width: 40px;
    z-index: 10;
    left: 0px;
    display: block;
    background-color: #cd1e46;
    border: none;
    box-shadow: none !important;
    border-radius: 0px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; 
}

.fill 
{
    display: block;
    width: 60%;
    height: 3px;
    background-color: #fff;
    margin: 4px 20% 4px 20%; 
}

.user_data 
{
    width: 66.6%;
    display: block;
    float: left; 
}

input, .login_data button, #user_type 
{
    float: left;
    display: inline-block;
    width: 40.5%;
    margin: 5px 3% 5px 0;
    padding: 17px 3% 17px 3%;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

input:hover, input:focus, .ms-choice:hover,  .ms-choice:focus 
{ border-color: #545352; }

.radio-btn 
{
    width: 15px;
    margin: 0 1.5% 0 0;
    float: left !important;
}

.radio-btn-txt
{
    width: 20%;
    float: left; 
}

.radio-btn-forward-txt
{
    width: 40%;
    float: left; 
}

@media (max-width: 568px) 
{
    .radio-btn-txt 
    {
        width: 30%;
        float: left; 
    }  
}
@media (max-width: 768px)
{
    .radio-btn-txt {
        width: 30%;
        float: left; }   
}

@media (min-width: 768px) and (max-width: 1170px) 
{
    .radio-btn-txt 
    {
        width: 20%;
        float: left;
    }   
}

.login_data 
{
    width: 33.3%;
    display: block;
    float: left; 
}

.login_data input, .login_data #user_type 
{
    border-color: #bbbbbb;
    width: 87.5%;
    padding: 17px 6% 17px 6%; 
}

.login_data .standard
{ border: 1px solid #bbbbbb; }

.login_data input:hover, .login_data input:focus, .login_data #user_type:hover, .login_data #user_type:focus 
{
    border-color: #545352; 
    color:  #545352;
}

.login_data button, .login_data #user_type 
{
    width: 100%;
    margin-right: 0;
}

.login_data button 
{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    background-color: #009f83 !important;
    text-transform: uppercase;   
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
    cursor: pointer;
}

.login_data button:hover 
{

}

#user_type 
{
    background-color: #fff;
    color: #773e85; 
}

#user_type option, #user_type * 
{
    padding: 17px 6% 17px 6%;
    display: block;
    height: 50px;
}

#company-form 
{ display: none; }

#company-form button 
{ margin-top: 5px !important; }

#white_list, #site_list, #black_list 
{
    margin-bottom: 50px;
    width: 100%;
    float: left;
}

#white_list button, #site_list button, #black_list button 
{ margin-top: 5px !important; }

#white_list input, #site_list input, #black_list input 
{ width: 90%; }

#white_list .underline, #site_list .underline, #black_list .underline 
{
    width: 100%;
    background-color: #bbbbbb;
    margin: 5px 0 20px 0;
}

#black_list button 
{ margin-top: 0 !important; }

#black_list input 
{
    width: 15px;
    display: inline-block;
    float: none;
}

#black_list .adress 
{
    width: 40%;
    float: left;
    margin-top: 0; 
}

#black_list select 
{
    width: 47%;
    height: 51px; 
}

.login_data ::-webkit-input-placeholder 
{
    /* WebKit browsers */
    color: #a2a2a1;
}

.login_data :-moz-placeholder 
{
    /* Mozilla Firefox 4 to 18 */
    color: #a2a2a1;
    opacity: 1; 
}

.login_data ::-moz-placeholder 
{
    /* Mozilla Firefox 19+ */
    color: #a2a2a1;
    opacity: 1; 
}

.login_data :-ms-input-placeholder 
{
    /* Internet Explorer 10+ */
    color: #a2a2a1; 
}

.styled-select 
{
    overflow: hidden;
    background: url(../img/arrow.png) no-repeat right #ddd;
    border: 1px solid #ccc; 
}

.logo 
{
    display: block;
    position: relative;
    padding: 30px 8% 32px 9%;
    z-index: 15;
    float: left; 
}

.logo img 
{ z-index: 15; }

#navbar .logo 
{
    padding: 32px 0 32px 0;
    width: 100%;
    text-align: center; 
}

.underline 
{
    background-color: #fff;
    height: 1px;
    display: block;
    margin: 0px 40px 15px 40px; 
}

.line 
{
    float: left;
    display: inline-block;
    background-color: #bbbbbb;
    width: 1px;
    height: 50px;
    margin: 35px 0 40px 1%; 
}

.square-a, .square-b 
{
    display: inline-block;
    width: 9px;
    height: 9px;
    vertical-align: middle; 
}

.square-a 
{ background-color: #cd1e46; }

.square-b 
{ background-color: #94bd3d; }

.diag-a 
{
    display: block;
    background-color: #cd1e46;
    width: 20%;
    height: 30px; 
}

.diag-b 
{
    display: block;
    height: 30px;
    background-color: #94bd3d;
    width: 90%; 
}

.bg img 
{
    position: absolute;
    right: 0px;
    top: 270px;
    z-index: -10;
}

.bg .bg-text 
{
    z-index: -10;
    position: absolute;
    top: 899px;
    right: 15.2%; 
}

.gradient 
{
    display: inline-block;
    min-height: 100%;
}

.fig1
{
    display: inline-block;
    width: 100%;
    top: 0;
    position: relative;
    text-align: center;
}

body 
{ font-family: 'Ubuntu', sans-serif; }

h3, h4, h5, h6, p 
{ /*padding-left: 3px;*/ }

h1 
{ font-size: 50px; }

h2 
{
    font-size: 29px;
    font-weight: 400;
    line-height: 29px;
}

h3
{
    font-size: 23px;
    font-weight: 700;
}

h4
{
    font-size: 23px;
    font-weight: 300;
}

h5
{
    font-size: 14px;
    font-weight: 400;
}

h6
{
    font-size: 16px;
    font-weight: 400;
}

.label_cat 
{
    font-size: 11px;
    font-weight: 200;
    color: #ffffff;
    background-color: #888888;/* #b5b3b3; #235405;*/
    display: inline-block;
    padding: 2px;
}

.label_cat_off
{
    font-size: 10px;
    font-weight: 200;
    color: #ffffff;
    background-color: #cd1e46;
    display: inline-block;
    padding: 1px;
}

.label_cat_service_test
{
    font-size: 10px;
    font-weight: 200;
    color: #ffffff;
    background-color: #AFD620;
    display: inline-block;
    padding: 1px;
}

.label_cat_devices
{
    font-size: 12px;
    font-weight: 200;
    color: #ffffff;
    background-color: #D62054;
    display: inline-block;
    padding: 3px;
}

.label_cat_mikrotik 
{
    font-size: 12px;
    font-weight: 200;
    color: #ffffff;
    background-color: #9A20D6;
    display: inline-block;
    padding: 3px;
}

.label_cat_templates 
{
    font-size: 12px;
    font-weight: 200;
    color: #ffffff;
    background-color: #20B7D6;
    display: inline-block;
    padding: 3px;
}

.label_cat_service_agreement 
{
    font-size: 10px;
    font-weight: 200;
    color: #ffffff;
    background-color: #097220;
    display: inline-block;
    padding: 1px;
}

p 
{
    font-size: 11px;
    font-weight: 300;
}

.num h1, #sub h1, .number h1 
{
    line-height: 45px;
    font-size: 45px;
    font-weight: 400;
}

.record h5
{ color: #3a3a39; }

.add h5 
{ color: #3a3a39; }

.add span:hover h5 
{ color: #fff; }

.delete h5, .export h5, .import h5 
{ color: #3a3a39; }

.delete span:hover h5, .export span:hover h5, .import span:hover h5 
{ color: #fff !important; }

.import span:hover h5, .export span:hover h5 
{ color: #3a3a39 !important; }

.header h5, #user_list h5 
{ color: #3a3a39; }

.col p, .head h5 
{
    color: #999999 !important;
    font-size: 14px;
}

#user_list p 
{
    color: #bbbbbb;
    margin-top: 5px; 
}

.user-data
{ color: #bbbbbb; }

.user-data h5 
{
    font-size: 17px;
    line-height: 17px;
}

.user-data h6 
{ line-height: 16px; }

.user-data .last 
{ color: #a0a0a0; }

.off, .on, #statystyki, #devices, #profil, #sub, #faq, #navbar 
{ color: #fff; }

#system, #footer 
{ color: #bbbbbb; }

#alert_red 
{ color: #cd1e46; }

#footer p 
{
    line-height: 17px;
    color: #999999;
    font-weight: 14px;
}

#menu-top *
{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    color: #bbbbbb; 
}

#menu-top .logout * 
{ color: #ea5954; }

.version 
{ color: #999999; }

.version h6 
{ font-size: 12px; }

html, body, div, * 
{
    margin: 0px;
    padding: 0px;
}

html
{ min-height: 100%; }

body 
{ min-height: 100%;  }

html, body 
{ width: 100% !important; }

.text-center 
{ text-align: center; }

.text-left 
{ text-align: left; }

.text-right 
{ text-align: right; }

.container
{
    width: 1000px;
    position: relative;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px 0 10px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out; 
}

.header
{
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 14px; 
}

.header h5
{ display: inline-block; }

.header img 
{ vertical-align: middle; }

#fade
{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#menu-top 
{
    display: inline-block;
    width: 100%;
    height: 100px;
    z-index: 15;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #bbbbbb;
}

#menu-top .logo
{
    display: block;
    position: relative;
    padding: 7px 2.5% 32px 2.5%;
    z-index: 15;
    float: left;   
}

#menu-top .lang
{
    width: 10%;
    z-index: 16;
    padding: 35px 0 39px 0;
    display: inline;
    float: left;
}

#menu-top .numbers 
{
    width: 10%;
    padding: 34px 0 39px 0;
    float: left;
}

#menu-top .numbers p
{
    height: 15px;   
}


#menu-top .logout
{
    background-color: #ed004c;    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; 
    margin-left: 20px;
    padding: 11px 1.5% 12px 1.5%;
    display: inline-block; 
    margin: 34px 0 36px 5%; 
    z-index: 16;
}

#menu-top .logout p 
{
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    text-transform: uppercase;
    float: left;
    padding-right: 7px; 
}

#profil 
{
    width: 50%;
    float: left;
    position: relative;
    display: inline-block;
    padding: 20px 1% 15px 0;
}

#profil .content 
{
    background-color: #cd1e46; 
}

#profil .row 
{ padding: 0 15px 30px 40px; }

#profil .first 
{ padding: 20px 15px 10px 40px; }

#profil #license-expires-days
{
    font-size: 30px;   
}

.ico
{
    vertical-align: middle;
    display: inline-block;
    padding-right: 5px;
}

#system-stat-down 
{
    vertical-align: top;
    float: left;
    position: relative;
    width: 48%;
    display: inline-block;
    margin: 1px 0 15px 1%;
    background-color: #dddddd;
}

#system-stat-up 
{
    vertical-align: top;
    float: left;
    position: relative;
    width: 48%;
    display: inline-block;
    margin: 20px 0 15px 1%;
    background-color: #f9fbfb;
}

#system-stat-up  .table
{
    width: 100%;   
}

#system 
{
    vertical-align: top;
    float: left;
    position: relative;
    width: 50%;
    display: inline-block;
    margin: 20px 0 15px 1%;
    background-color: #a76595;
}

#system .table
{
    margin: 10px auto;   
}

#system .table .td
{
    padding-left: 15px;  
    padding-right: 15px 
}

#system a
{
    text-decoration: none; 
    display: block !important; 
}

#system p
{
    color: #ffffff;   
    font-size: 14px;
}

#system .active
{
    color: #95be3e; 
    border: 1px solid #95be3e; 
}

#system  .inactive
{
    color: #cd1e45;   
    border: 1px solid #cd1e45;  
}

#system .section
{  
 float: left;   
 width: 50%;   
 min-height: 154px;
}

#system .section a 
{
 padding-top: 10px;    
 padding-bottom: 10px;     
}

#system #section-1
{
 background-color: #a76595;    
}

#system #section-2
{
 background-color: #694573;  
}

#system #section-3
{
 background-color: #f2762e 
}

#system #section-3 img
{
 margin-left: -20px;   
}

#system #section-4
{
 background-color: #f29b31; 
}

.monit
{
    padding: 5px 10px;
    display: block;
    float: left; 
    width: 95.5%;
    margin-top: 4px;
    text-align: left;
}

.on, .off 
{
    width: 50%;
    float: left;
    padding: 20px 0 0 0 !important;
    display: inline-block;
    border: none;
    cursor: pointer;
}

.on img, .off img 
{ padding-bottom: 5px; }

.on h4, .off h4 
{ padding-top: 10px; }

.on h5, .off h5 
{ padding-bottom: 20px; }

.on 
{ background-color: #94bd3d; }

.on :last-child 
{ padding-bottom: 20px; }

.off 
{ background-color: #a5a5a5; }

.off :last-child 
{ padding-bottom: 20px; }

#alert_red 
{
    width: 92%;
    display: block;
    border: 1px solid #cd1e46;
    float: left;
    margin: 10px 0 10px 0;
    padding: 25px 4% 25px 4%; 
}

#alert_red img 
{ float: right; }

#statystyki
{
    float: left;
    position: relative;
    display: block;
    width: 100%;
    margin-top: 10px;
}

#statystyki .content
{
    background-color: #773e85;
    padding: 0 0 15px 0;
    display: block;
    width: 100%;
    float: left;
}

#statystyki .row 
{
    padding: 10px 0 10px 15px;
    display: block;
}

#statystyki .first
{ padding: 20px 15px 15px 40px; }

.legend, .numbers 
{
    display: inline-block;
    text-align: right;
    float: left; 
}

.legend
{ width: 25%; }

.legend h6
{  margin: 2px 0 4px 0; }

.legend .row 
{  padding-left: 25px !important; }

.numbers 
{
    vertical-align: top;
    width: 10%;
}

.numbers .row
{ padding: 23px 0 6px 0 !important; }

.diagram
{
    display: inline-block;
    width: 62%;
    float: left;
    margin-left: 2%;
    border-left: 1px solid white;
    padding: 18px 0 7px 0; 
}

.diagram .row
{ padding: 0px 0 15px 0 !important; }

#devices
{
    width: 50%;
    float: left;
    display: inline-block;
    margin: 0px 0 15px 1%; 
}

#devices .content 
{ background-color: #ef7c27; }

#devices .desc
{
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-top: 10px;
}

#devices .row #screen
{
    width: 59px;
    height: 58px;
    margin-left: 20px;
}

@media (max-width: 768px) 
{
    #devices .desc 
    {
        width: 40%; 
        margin-left: 10px;
    }

    #devices .row
    { text-align: center; }
}

@media (max-width: 568px) 
{

    #devices .desc 
    {
        width: 60%; 
        margin-left: 0px;
    }

    #devices .row
    { text-align: center; }

    #devices .row #screen
    {
        margin-left: 0px;
        display: inline-block; 
        text-align:  center;
    }
}

@media (min-width: 768px) and (max-width: 1170px) 
{
    #devices .desc
    { width: 65%; } 

    #devices .desc .num 
    { padding-left: 0px; } 
}

#devices .row 
{
    padding: 10px 0 10px 40px;
    display: block;
}

#devices .first 
{ padding: 20px 15px 10px 40px; }

#devices .underline
{ margin: 0px 40px 0px; }

#devices .text
{
    width: 60%;
    text-align: right;
}

#devices .num
{
    top: -5px;   
    margin-left: 20px;   
}

.text, .num 
{ float: left; }

.text
{ width: 40%; }

.num
{
    width: 10%;
    position: relative;
    top: -11px; 
}

#sub
{
    display: inline-block;
    width: 50%;
    float: left;
    margin: 0px 1% 15px 0;
    background-color: #e15675; 
}

#sub .row 
{ padding-left: 37px; }

#sub .underline 
{
    margin-bottom: 0px;
}

#sub .first 
{ padding: 20px 15px 10px 40px; }

#sub #license
{
    width: 60px;  
    text-align:right;
    display: inline-block;
    position: relative;
    top: -5px;
}

#sub #license-expires-days
{
    width:150px;   
    display: inline-block;
    margin-left: 10px;
    text-align: right; 
}

#sub #license-expires-date
{ margin-left: 120px; }

#faq
{
    width: 34%;
    float: left;
    display: inline-block;
    margin: 10px 0 0 1%;
    height: 82px;
    background-color: #a3a3a3; 
}

#faq .first 
{
    width: 27%;
    display: inline-block;
    float: left;
    padding: 30px 0 0 8%; 
}

#faq .text 
{
    width: 45%;
    float: left;
    height: 75px;
    margin: 7px 0 7px 0;
    padding: 8px 14% 5px 5%;
    border-left: 1px solid white;
    display: inline-block; 
}

#footer 
{
    float: left;
    width: 99.9%;
    display: block;
    border: 1px solid #bbbbbb;
    background-color: #fff;
    margin: 15px 0 20px 0; 
}

#footer .content
{ width: 100%; }

#footer * 
{
    float: left;
    display: inline-block;
}

#footer .first 
{
    margin: 15px 2.5% 15px 5%;
    width: 25%; 
}

#footer .text
{
    margin: 15px 2.5% 15px 0;
    width: 20%;
    text-align: right;
}

#footer .underline 
{
    background-color: #bbbbbb;
    display: block;
    position: relative;
    top: 17px;
    right: 25px;
    width: 70%;
    margin: 0; 
}

#footer .number
{
    width: 40%;
    padding: 25px 0 0 0;
    margin: 0 0 0 5%; 
}

#footer h6 
{ padding: 25px 1% 0 1%; }

@media (max-width: 568px) 
{
    #footer 
    { width: 96.5%; }  
} 

@media (max-width: 768px)
{
    #footer 
    { width: 99.9%; }  
} 

@media (min-width: 768px) and (max-width: 1170px) 
{
    #footer 
    { width: 99.9%; }  
}  

#user_add .underline, #user_list .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#user_add 
{
    float: left;
    margin: 50px 0 0 0; 
}

#user_add .content, #user_add form
{ float: left; }

#user_add .content
{
    display: block;
    width: 100%; 
}

#user_list 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%; 
}

#user_list .underline 
{ margin-bottom: 0 !important; }

#user_list .content 
{ width: 100%; }

.select_client 
{
    display: block;
    width: 100%;
    height: 30px; 
}

.login-wrapper 
{
    background-color: #fff;
    display: inline-block;
    padding: 0 32% 70px 32%;
    width: 36%; 
    filter: alpha(opacity=93); 
}

.gradient form 
{ font-size: 0; }

.gradient h5 
{ color: #bbbbbb; }

.gradient .lang 
{
    text-align: right;
    display: inline-block;
    top: 0;
    right: 0;
    margin-top: 33px;
    margin-right: 32%;
    position: absolute;
    width: initial !important;
}

.gradient .row 
{
    display: inline-block;
    width: 100%; 
}

.gradient .flags 
{
    text-align: right;
    display: block;
}

.gradient input 
{
    margin: 0 2.5% 0 0;
    width: 37%;
    padding: 17px 5%;
    display: inline-block;
    overflow: hidden;
    float: left;
}

.gradient .login_data 
{
    width: 100%;
    margin-top: 20px; 
}

.gradient .forgot-pass, .gradient button 
{
    float: left;
    padding: 12px 5%;  
}

.gradient button 
{
    color: #ffffff;
    background-color: #009f83; 
    text-transform: uppercase;   
    border: 1px solid #009f83;   
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;     
    margin-bottom: 15px;
    display: inline-block;
    width: 47.5%;
    cursor: pointer;
}

#ue
{
    float: left;
    width: 100%;
    display: block;
}

#ue .icons
{
    width: 33%;
    display: inline-block;
    text-align: center;
}

#ue .text
{  
    font-size: 12px;   
    font-weight: 300;   
    color: #999;   
    text-alin: justify;
    width: 100%;   
    margin: 30px 0px;
}

#ue .text a
{
    text-decoration: underline !important;   
    color: #999;       
}

#footer .underline 
{
    width: 80%;
    right: 20px;
}

@media (max-width: 768px) 
{
    #footer .underline 
    {
        width: 80%;
        right: 20px; 
    } 

    .container 
    {
        width: 93%;
        margin: auto; 
    }

    #devices
    {
        width: 100%; 
        margin: 0px 0px 0px 0px;   
    }

    #profil
    {
        width: 100%;
        text-align: center;
        margin: auto;
        float: center;
        display: block; 
    }

    #profil .row 
    { padding: 20px 30px 10px 30px; }

    #statystyki .row, #devices .row, #sub .row 
    { padding: 20px 30px 15px 30px; }

    #system 
    {
        width: 100%;
        display: block;
        margin: auto;
        float: center;   
    }

    .legend 
    {
        width: 80%;
        margin: auto;
        float: center;
        display: block; 
    }

    .numbers 
    {
        width: 20%;
        display: block; 
    } 

    .first 
    { text-align: center; }

    #sub
    {
        width: 100%;
        margin-left: 0;
        text-align: center; 
    }

    #faq 
    {
        width: 49%;
        margin-top: 15px;
        height: 95px; 
    }

    #faq .first 
    { padding: 37px 3% 0 5%; }

    #faq .text
    { height: 65px; }

    #footer .first
    {
        width: 100%;
        float: center;
        text-align: center;
        margin-left: 0;
    }

    #footer h5, #footer img, #footer .underline 
    {
        float: none;
        padding: 0;
        margin: 0; 
    }

    #footer .underline 
    {
        right: 0;
        width: 90%;
        margin: 0 5% 0 5%; 
    }

    #footer .text 
    { width: 37%; }

    #footer .number 
    { width: 55%; }

    .logout 
    {
        margin-left: 1% !important;
        padding: 3px 0 3px 0 !important;
        right: 5px;
        position: absolute; 
    }

    .lang 
    { width: 10%; }

    #menu 
    { top: 100px !important; }

    .h-width 
    {
        width: 95% !important;
        left: 0 !important;
    }

    #navbar
    {
        width: 40% !important;
        left: -40%;
    }

    .slide-button 
    { left: 40% !important; }

    .active 
    {
        visibility: visible !important;
        opacity: .5 !important; 
    }

    .user-avatar, .user-data, .last
    {
        width: 100% !important;
        text-align: center;
    }

    .user-avatar 
    { margin-top: 15px; }

    input 
    { width: 40.5%; }

    #blacklist_url_name, #whitelist_url_name
    {
        width: 44%;   
    } 

    .user_data, .login_data 
    { width: 100%; }

    .user_data button, .login_data button 
    {

    }

    .login_data input 
    { width: 34.4%; }

    #user_type 
    {
        margin-left: 3.2%;
        width: 46.7% !important; 
    }

    #black_list input 
    { width: 90% !important; }

    .login-wrapper 
    {
        padding: 0 8% 70px 8%;
        width: 84%; 
    }

    .login-wrapper .lang 
    { margin-right: 8%; }

    .login-wrapper button 
    {
        width: 47%;
    }

    .fig1 img 
    { width: 80%; }

    #faq_form button
    { width: 100% !important; }
}

@media (max-width: 568px) 
{

    #ue .icons
    {
        width: 100%;
        display: inline-block;
        text-align: center;
    }  

    #system 
    {
        width: 100%;
        display: block;
        margin: auto;
        float: center;
    }

    #devices 
    { text-align: center; }

    #devices .row 
    { padding-left: 10px; }

    .desc 
    { 
        display: block;
    }

    #sub, #faq 
    { width: 100%; }

    #sub 
    { text-align: center; }

    #sub .row 
    { padding-left: 0px; }

    #faq 
    { margin-left: 0% !important; }

    #faq .text 
    { padding-top: 15px; }

    #menu 
    { background-color: #bbbbbb !important; }

    #menu-top .numbers, #menu-top .line 
    { display: none; }

    #menu-top .logout 
    {
        position: absolute;
        right: 10px; 
    }

    #menu-top .lang, #menu-top .lang h3 
    {
        position: absolute;
        left: 10px;
        top: 0 !important;
        padding-top: 20px !important; 
    }

    #footer 
    { margin-bottom: 20px; }

    #footer .text 
    {
        text-align: center;
        width: 90%; 
    }

    #footer .number 
    {
        width: 90%;
        padding: 0 0% 0 5%; 
    }

    .logo 
    {
        width: 100%;
        padding-left: 0px !important;
        padding-right: 0px !important;
        text-align: center; 
    }

    .logo img 
    { text-align: center; }

    #navbar 
    {
        width: 100% !important;
        left: -100%;
    }

    .nav 
    {
        width: 100%;
        padding: 0; 
    }

    .user 
    {
        padding: 0px;
        width: 100%;
        text-align: center; 
    }

    .slide 
    { left: 0 !important; }

    .slide-button
    { left: 85% !important; }

    input 
    { width: 40%; }

    #blacklist_url_name, #whitelist_url_name
    {
        width: 43.5%;   
    } 

    .head 
    { padding: 10px 0 0 5px; }

    .record 
    {  }

    .name 
    { width: 25%; }

    .author, .site-name
    { width: 30%; }

    .category, .site-numbers 
    { width: 25%; }

    .import, .export 
    { width: 17%; }

    .account 
    { width: 30%; }

    #user_list .record 
    { height: 80px; }

    .login-wrapper 
    {
        margin-top: 0px;
        padding: 0 4% 70px 4%;
        width: 92%; 
    }

    .login-wrapper .logo 
    { width: 40%; }

    .login-wrapper .login_data 
    { margin-top: 0; }

    .login-wrapper .lang 
    { margin-right: 4%; }


    .login-wrapper input 
    {
        width: 80%;
        margin: 0 0 15px 0 !important;
        padding: 17px 10%; 
    }

    .login-wrapper button 
    {
        width: 100%;
    }

    #faq_form button
    { width: 100% !important; }

    #header-links
    {
        margin-right: 6% !important;

    }

    #header-links #sign-in
    {
        display: block;
        margin-top: 10px;   
    }
}

@media (min-width: 768px) and (max-width: 1170px) 
{
    #ue .icons
    {
        width: 30%;
        display: inline-block;
        text-align: center;
    }  

    .container 
    { width: 700px; }

    #devices .row 
    { padding-left: 25px; }

    #devices .first 
    { padding-left: 35px; }

    .desc 
    {
    }
    .desc .num {
        padding-left: 20%;
    }

    #faq 
    { height: 100px; }

    #faq .first 
    { padding-top: 40px; }

    #faq .text 
    { height: 75px; }

    #footer .first 
    { width: 20%; }

    #footer .text 
    { width: 25%; }

    #footer .number 
    {
        width: 45%;
        margin: 0; 
    }

    #footer .underline 
    {
        width: 80%;
        right: 20px;
    }

    .logout 
    { margin-left: 5% !important; }

    .bg-text
    { top: 927px !important; }

    #slide 
    { left: 0px !important; }

    .slide-button 
    { left: 25% !important; }

    #navbar 
    {
        width: 25% !important;
        left: -25%; 
    }

    .nav
    {
        width: 100%;
        padding: 0; 
    }

    .nav a
    { padding-left: 5%; }

    .h-width 
    {
        width: 60% !important;
        left: 12% !important; 
    }

    input 
    { width: 40.5%; }

    #blacklist_url_name, #whitelist_url_name
    {
        width: 44%;   
    }



    .user_data, .login_data 
    { width: 100%; }

    .user_data button, .login_data button 
    {

    }

    .login_data input 
    { width: 34.4%; }

    #user_type 
    {
        margin-left: 3.2%;
        width: 46.7% !important; 
    }

    #black_list input 
    { width: 90% !important; }

    .login-wrapper 
    {
        padding: 0 24% 70px 24%;
        width: 52%; 
    }

    .login-wrapper .lang 
    { margin-right: 24%; }

    .login-wrapper button 
    {
        width: 47%;
        margin-top: 0 !important;
    }

    .fig1 img
    { width: 90%; } 
}

.errors  
{
    float: left;
    display: inline-block;
    width: 48%; 
    margin: 5px 1% 5px 0px;
    font-family: arial !important;
    font-size: 14px !important;
    font-weight: normal !important; 
    color: #cb0000 !important;  
} 

.login_data .errors  
{
    float: left;
    display: inline-block;
    width: 100%; 
    margin: 5px 1% 5px 0px;
    font-family: arial !important;
    font-size: 14px !important;
    font-weight: normal !important; 
    color: #cb0000 !important;
} 

#permissions 
{
    width: 100%;   
    display: inline-block;
    margin: 5px 3% 5px 0px;
}

ul.dynatree-container 
{ min-height: 100px; }

.accounts_active 
{
    display: block;
    width: 100%;
    height: 30px; 
}

.accounts_forward 
{
    float: left;
    display: inline-block;
    height: 30px; 
    margin: 5px 3% 5px 0;
    width: 40.5%;
    padding: 10px 3% 10px 3%;
}

.accounts_active_header 
{
    font-size: 13px;
    font-weight: 300;
    display: block;
    width: 100%;
    height: 25px; 
}

.accounts_type 
{
    display: block;
    width: 100%;
    height: 30px; 
}

.accounts_type_header 
{
    font-size: 13px;
    font-weight: 300;
    display: block;
    width: 100%;
    height: 25px; 
}

.accounts_type_header_test 
{
    font-size: 13px;
    font-weight: 300;
    display: block;
    width: 100%;
    height: 25px; 
}

.accounts_departaments_header
{
    font-size: 13px;
    font-weight: 300;
    display: inline-block;
    width: 100%;
    height: 25px; 
    clear: both;
}

#accounts_form .header h5 
{ text-transform: uppercase; }

#accounts_form .underline, #user_list .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#accounts_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
}

#accounts_form .content, #user_add form 
{ float: left; }

#accounts_form .content 
{
    display: block;
    width: 100%;
}

#accounts_form select
 {
    width: 100%;
    margin: 5px 3% 5px 0px;
    padding: 17px 3%;
    border: 1px solid #bbbbbb;
}


#accounts_password .user_data
{ margin-top:12px; }

#accounts_password .password_data 
{ margin-top: 12px; }

#accounts_password .header h5 
{ text-transform: uppercase; }

#accounts_password h5 
{ color: #3a3a39; }

#accounts_password p 
{
    color: #bbbbbb;
    margin-top: 5px;
}

#accounts_password .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#accounts_password
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%;
}



#accounts_password .underline
{ margin-bottom: 0 !important; }

#accounts_password .content
{ width: 100%; }

#accounts_rodo
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%;
}


#accounts_rodo .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#accounts_rodo .content
{ width: 100%; }

.password_data button 
{
    float: left;
    display: inline-block;
    width: 100%;
    margin: 5px 3% 5px 0;
    padding: 17px 3% 17px 3%;
    border: 1px solid #bbbbbb;
    color: #545352;
}

.password_data 
{
    width: 33.3%;
    display: block;
    float: left;
}

.password_data input, .password_data #user_type
{
    border-color: #773e85;
    width: 87.5%;
    margin-right: 0px;
    padding: 17px 6% 16px 6%; 
}

.password_data .standard 
{ border: 1px solid #bbbbbb; }

.password_data input:hover, .password_data input:focus, .password_data #user_type:hover, .password_data #user_type:focus 
{
    border-color: #9f8ebf;
    color: #9f8ebf; 
}

.password_data #user_type 
{
    width: 100%;
    margin-right: 0;
}

.password_data button 
{
    color: #fff;   
    background-color: #009f83;   
    text-transform: uppercase; 
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    cursor: pointer;
}

.password_data ::-webkit-input-placeholder 
{
    /* WebKit browsers */
    color: #773e85;
}

.password_data :-moz-placeholder 
{
    /* Mozilla Firefox 4 to 18 */
    color: #773e85;
    opacity: 1; 
}

.password_data ::-moz-placeholder 
{
    /* Mozilla Firefox 19+ */
    color: #773e85;
    opacity: 1; 
}

.password_data :-ms-input-placeholder 
{
    /* Internet Explorer 10+ */
    color: #773e85;
}

#accounts_list .header h5
{ text-transform: uppercase; }

#accounts_list h5 
{ color: #3a3a39; }

#accounts_list p 
{
    color: #bbbbbb;
    margin-top: 5px; 
}

#accounts_list .underline
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#accounts_list 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%;
}

#accounts_list .underline 
{ margin-bottom: 0 !important; }

#accounts_list .content 
{
    overflow: hidden;
    width: 100%;
}

#accounts_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%   
}

#accounts_list .name_surname
{
    border-right: 1px solid #BBB;   
    width: 21%;   
}

#accounts_list .administrators-name 
{
    border-right: 1px solid #BBB;   
    width: 27.2%;   
}

#accounts_list .administrators-name-surname 
{
    border-right: 1px solid #BBB;   
    width: 27.2%;   
}

#accounts_list .administrators-last-login 
{
    border-right: 1px solid #BBB;   
    width: 20%;   
}

#accounts_list .license 
{
    border-right: 1px solid #BBB;      
    text-align: center;   
    width: 10%;   
}

#accounts_list .dev 
{
    border-right: 1px solid #BBB;      
    text-align: center;   
    width: 10%;   
}

#accounts_list .telephone
{
    border-right: 1px solid #BBB;      
    text-align: center;   
    width: 10%;   
}

#accounts_list .edit
{
    border-right: 1px solid #BBB;    
    text-align: center;
    width: 10%;   
}

#accounts_list .del 
{
    text-align: center;   
    width: 10%;   
}

#accounts_list .accounts_name 
{
    border-right: 1px solid #BBB;   
    width: 23%;   
}

@media (max-width: 568px)
{
    #accounts_list .administrators-name 
    {
        border-right: 1px solid #BBB;   
        width: 35.2%;   
    }

    #accounts_list .administrators-name-surname 
    {
        border-right: 1px solid #BBB;   
        width: 35.2%;   
    }

    #accounts_list .accounts_name 
    {
        border-right: 1px solid #BBB;   
        width: 18%;   
    }
}

@media (max-width: 768px)
{
    #accounts_list .administrators-name 
    {
        border-right: 1px solid #BBB;   
        width: 28.2%;     
    }

    #accounts_list .administrators-name-surname 
    {
        border-right: 1px solid #BBB;   
        width: 28.2%;     
    }

    #accounts_list h5
    { font-size: 12px; }

    #accounts_list .accounts_name 
    {
        border-right: 1px solid #BBB;   
        width: 18%;   
    }  
}

@media (min-width: 768px) and (max-width: 1170px)
{
    #accounts_list .administrators-name 
    {
        border-right: 1px solid #BBB;   
        width: 35.2%;   
    }

    #accounts_list .administrators-name-surname 
    {
        border-right: 1px solid #BBB;   
        width: 35.2%;   
    }
}

#accounts_list a 
{
    color: #94bd3d;   
    text-decoration: none;   
}

#accounts_list .show
{
    border-right: 1px solid #BBB;    
    text-align: center;   
    width: 10%;    
}

#accounts_list .record 
{ height: 40px; }

#accounts_search .header h5
{ text-transform: uppercase; }

#accounts_search .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#accounts_search 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0; 
}

#accounts_search .content 
{ float: left; }

#accounts_search .content
{
    display: block;
    width: 100%;
}

#articles_list .header h5
{ text-transform: uppercase; }

#articles_list h5
{ color: #3a3a39; }

#articles_list p 
{
    color: #bbbbbb;
    margin-top: 5px;
}

#articles_list .underline
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#articles_list 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%; 
}

#articles_list .underline
{ margin-bottom: 0 !important; }

#articles_list .content
{ width: 100%; }

#articles_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%   
}

#articles_list .name
{
    border-right: 1px solid #BBB;   
    width: 74.5%;   
}  

#articles_list .edit
{
    border-right: 1px solid #BBB;    
    text-align: center;
    width: 10%;   
}

#articles_list .status
{
    text-align: center;   
    width: 10%;   
}

@media (max-width: 568px)
{
    #articles_list .name 
    {
        border-right: 1px solid #BBB;   
        width: 53.5% !important; 
    }   

    #articles_list .edit 
    {
        border-right: 1px solid #BBB;    
        text-align: center;
        width: 20%;   
    }

    #articles_list .status
    {
        text-align: center;   
        width: 20%;   
    }

    #articles_list h5
    { font-size: 12px; }
}

@media (max-width: 768px)
{
    #articles_list .name {
        border-right: 1px solid #BBB;   
        width: 74.2%;   
    }   

    #articles_list h5{
        font-size: 12px;   
    }
}
@media (min-width: 768px) and (max-width: 1170px)
{
    #articles_list .name {
        border-right: 1px solid #BBB;   
        width: 74.3%;   
    }   
} 

#articles_list a
{
    color: #94bd3d;   
    text-decoration: none;   
}

#devices_list .header h5
{ text-transform: uppercase;  }

#devices_list h5 
{ color: #3a3a39; }

#devices_list p 
{
    color: #bbbbbb;
    margin-top: 5px; 
}

#devices_list .underline
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#devices_list 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%;
}

#devices_list .underline 
{ margin-bottom: 0 !important; }

#devices_list .content 
{ width: 100%; }

#devices_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%   
}

#devices_logs_api .header h5
{ text-transform: uppercase; }

#devices_logs_api h5 
{ color: #3a3a39; }

#devices_logs_api p 
{
    color: #bbbbbb;
    margin-top: 5px; 
}

#devices_logs_api .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#devices_logs_api 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%; 
}

#devices_logs_api .underline 
{ margin-bottom: 0 !important; }

#devices_logs_api .content 
{ width: 100%; }

#devices_logs_api .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%   
}

#accounts_list .name 
{
    border-right: 1px solid #BBB;   
    width: 25%;   
}

#devices_list .name 
{
    border-right: 1px solid #BBB;   
    width: 54.5%;   
}

#devices_list .devices_api 
{
    border-right: 1px solid #BBB;  
    text-align: center;
    width: 10%;   
} 

#devices_logs_api .events_status 
{
    border-right: 1px solid #BBB;   
    text-align: center;
    width: 30%;   
}

#devices_logs_api .events_time 
{
    border-right: 1px solid #BBB;  
    text-align: center;
    width: 30%;   
}

@media (max-width: 568px)
{
    #devices_list .name 
    {
        border-right: 1px solid #BBB;   
        width: 38.5% !important;   
    }   

    #devices_list .devices_api 
    {
        border-right: 1px solid #BBB;  
        text-align: center;
        width: 10% !important;   
    } 

    #devices_list .name_surname 
    {
        border-right: 1px solid #BBB;   
        width:10%;   
    } 

    #devices_list .head h5
    { font-size: 12px; }

    #devices_list .record h5
    { font-size: 12px; }

    #devices_logs_api .events_status 
    {
        border-right: 1px solid #BBB;   
        width: 42% !important;   
    }   

    #devices_logs_api .events_time
    {
        border-right: 1px solid #BBB;  
        text-align: center;
        width:42% !important;   
    } 

    #devices_logs_api .head h5
    { font-size: 12px; }

    #devices_logs_api .record h5
    { font-size: 12px; }
}

@media (max-width: 768px)
{
    #devices_list .name 
    {
        border-right: 1px solid #BBB;   
        width:54%;   
    }   

    #devices_list .devices_api
    {
        border-right: 1px solid #BBB;   
        text-align: center;
        width:10%;   
    } 

    #devices_list .name_surname 
    {
        border-right: 1px solid #BBB;   
        width:10%;   
    }   

    #devices_list .head h5
    { font-size: 12px; }

    #devices_list .record h5
    { font-size: 12px; }

    #devices_logs_api .events_status 
    {
        border-right: 1px solid #BBB;   
        width:42% !important;  
    }   

    #devices_logs_api .events_time 
    {
        border-right: 1px solid #BBB;   
        text-align: center;
        width:42% !important;   
    }   

    #devices_logs_api .head h5
    { font-size: 12px; }

    #devices_logs_api .record h5
    { font-size: 12px; }
}

@media (min-width: 768px) and (max-width: 1170px)
{
    #devices_list .name 
    {
        border-right: 1px solid #BBB;   
        width: 54.1%;   
    }    

    #devices_list .devices_api 
    {
        border-right: 1px solid #BBB;   
        text-align: center;
        width: 10%;   
    } 

    #devices_logs_api .events_status
    {
        border-right: 1px solid #BBB;   
        width: 30%;   
    }

    #devices_logs_api .events_time 
    {
        border-right: 1px solid #BBB;   
        width: 30%;   
    } 
}

#devices_list .name_surname 
{
    border-right: 1px solid #BBB;   
    width: 10%;   
    text-align: center;
}

#devices_list .edit
{
    border-right: 1px solid #BBB;    
    text-align: center;
    width: 10%;   
}

#devices_list .del
{
    text-align: center;   
    width: 10%;   
}

#devices_list a
{
    color: #cd1e46;   
    text-decoration: none;   
    display: inline;
}

#devices_list_left a 
{
    color: #94bd3d;   
    text-decoration: none; 
    float: left;  
}

#devices_logs_api a
{
    color: #94bd3d;   
    text-decoration: none;   
}

#global_black_list .header h5
{ text-transform: uppercase; }

#global_black_list h5 
{ color: #3a3a39; }

#global_black_list p 
{
    color: #bbbbbb;
    margin-top: 5px;
}

#global_black_list .underline
{
    background-color: #545352;
    margin: 10px 0 0px 0;
    width: 100%; 
}

#global_black_list
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%;
}

#global_white_list .underline 
{ margin-bottom: 0 !important; }

#global_white_list .content 
{ width: 100%; }

#global_black_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 10%   
}

#global_black_list .url_name 
{
    border-right: 1px solid #BBB;   
    width: 44.3%;   
}

#global_black_list .accounts 
{
    border-right: 1px solid #BBB;   
    width: 25%;   
}

#global_black_list .edit
{
    border-right: 1px solid #BBB;    
    text-align: center;
    width: 10%;   
}

#global_black_list .del
{
    text-align: center;   
    width: 10%;   
}

#global_black_list a
{
    color: #94bd3d;   
    text-decoration: none;   
}

@media (max-width: 568px)
{
    #global_black_list .url_name 
    {
        border-right: 1px solid #BBB;   
        width: 33.8% !important; 
    }  

    #global_black_list h5
    { font-size: 12px; }
}

@media (max-width: 768px)
{
    #global_black_list .url_name 
    {
        border-right: 1px solid #BBB;   
        width: 44.2%;   
    }  

    #global_black_list h5
    { font-size: 12px; }  
}

@media (min-width: 768px) and (max-width: 1170px)
{
    #global_black_list .url_name 
    {
        border-right: 1px solid #BBB;   
        width: 44.4%;
    }  
}

#global_white_list .header h5
{ text-transform: uppercase; }

#global_white_list h5
{ color: #3a3a39; }

#global_white_list p 
{
    color: #bbbbbb;
    margin-top: 5px; 
}

#global_white_list .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#global_white_list
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%; 
}

#global_white_list .underline 
{ margin-bottom: 0 !important; }

#global_white_list .content 
{ width: 100%; }

#global_white_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 10%   
}

#global_white_list .url_name 
{
    border-right: 1px solid #BBB;   
    width: 44.3%;   
}

#global_white_list .accounts 
{
    border-right: 1px solid #BBB;   
    width: 25%;   
}

#global_white_list .edit 
{
    border-right: 1px solid #BBB;    
    text-align: center;
    width: 10%;   
}

#global_white_list .del 
{
    text-align: center;   
    width: 10%;   
}

#global_white_list a 
{
    color: #94bd3d;   
    text-decoration: none;   
}

@media (max-width: 568px)
{
    #global_white_list .url_name 
    {
        border-right: 1px solid #BBB;   
        width: 33.8% !important; 
    }  

    #global_white_list h5
    {
        font-size: 12px;   
    }
}

@media (max-width: 768px)
{
    #global_white_list .url_name 
    {
        border-right: 1px solid #BBB;   
        width: 44.2%;   
    }  

    #global_white_list h5
    { font-size: 12px; }  
}

@media (min-width: 768px) and (max-width: 1170px)
{
    #global_white_list .url_name 
    {
        border-right: 1px solid #BBB;   
        width: 44.4%;
    }  
}

#categories_list .header h5
{ text-transform: uppercase; }

#categories_list h5 
{ color: #3a3a39; }

#categories_list .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#categories_list 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%; 
}

#categories_list .underline 
{ margin-bottom: 0 !important; }

#categories_list .content 
{ width: 100%; }

#categories_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 10%   
}

#categories_list .categories_name 
{
    border-right: 1px solid #BBB;   
    width: 34.2%;   
}

#categories_list .accounts 
{
    border-right: 1px solid #BBB;   
    width: 20%;   
}

#categories_list .list_size 
{
    border-right: 1px solid #BBB;   
    width: 15%;   
}

#categories_list .list_size .record
{ padding-right: 10px; }


#categories_list .edit 
{
    border-right: 1px solid #BBB;    
    text-align: center;
    width: 10%;   
}

#categories_list .del 
{
    text-align: center;   
    width: 10%;   
}

#categories_list a 
{
    color: #94bd3d;   
    text-decoration: none;   
}

@media (max-width: 568px)
{    
    #categories_list .categories_name 
    {
        border-right: 1px solid #BBB;   
        width: 33.5% !important;     
    }  

    #categories_list h5 
    { font-size: 12px; }
}

@media (max-width: 768px)
{
    #categories_list .categories_name 
    {
        border-right: 1px solid #BBB;   
        width: 33.9%;   
    }  

    #categories_list h5 
    { font-size: 12px; }   
}

@media (min-width: 768px) and (max-width: 1170px)
{
    #categories_list .categories_name 
    {
        border-right: 1px solid #BBB;   
        width: 33.9%;   
    }  
}  

#categories_url_list h5 
{ color: #3a3a39; }

#categories_url_list p 
{
    color: #bbbbbb;
    margin-top: 5px;
}

#categories_url_list .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#categories_url_list 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%; 
}

#categories_url_list .underline 
{ margin-bottom: 0 !important; }

#categories_url_list .content 
{ width: 100%; }

#categories_url_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%   
}

#categories_url_list .url_name 
{
    border-right: 1px solid #BBB;   
    width: 44.4%;   
}

#categories_url_list .categories_name 
{
    border-right: 1px solid #BBB;   
    width: 15%;   
}

#categories_url_list .categories_date_add 
{
    border-right: 1px solid #BBB;   
    width: 10%;   
}

#categories_url_list .categories_date_add .record
{ text-align: center; }

#categories_url_list .list_size 
{
    border-right: 1px solid #BBB;   
    width: 20%;   
}



#categories_url_list .edit 
{
    border-right: 1px solid #BBB;    
    text-align: center;
    width: 8%;   
}

#categories_url_list .del 
{
    text-align: center;   
    width: 8%;   
}

#categories_url_list a 
{
    color: #94bd3d;   
    text-decoration: none;   
}

@media (max-width: 568px)
{
    #categories_url_list .url_name 
    {
        border-right: 1px solid #BBB;   
        width: 28.8% !important;   
    }

    #categories_url_list h5
    { font-size: 12px; }   
}

@media (max-width: 768px)
{
    #categories_url_list .url_name 
    {
        border-right: 1px solid #BBB;   
        width: 40%;   
    }

    #categories_url_list h5
    { font-size: 12px; }     
}

@media (min-width: 768px) and (max-width: 1170px)
{  
    #categories_url_list .url_name 
    {
        border-right: 1px solid #BBB;   
        width: 44.1%;   
    }   
}  

#categories_form .header h5
{ text-transform: uppercase; }


#categories_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#categories_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0; 
}

#categories_form .content 
{
    float: left; 
    display: block;
    width: 100%; 
} 

#categories_form button 
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}



#categories_form input:hover, #categories_form input:focus, #categories_form #user_type:hover, #categories_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#categories_form button 
{
    background-color: #fff;
    border-color: #b0ce70;
    color: #b0ce70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#categories_form button:hover 
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff;
}

#categories_form #plans-id {
    float:left;    
    display: inline-block;
    width: 99.5%;
    margin: 5px 3% 5px 0;
    padding: 17px 3% 17px 3%;
    border: 1px solid #bbbbbb;
    color: #545352;
    text-transform: uppercase;
}


#categories_url_form .header h5
{ text-transform: uppercase;  }

#categories_url_form button 
{
    float: left;
    display: inline-block;
    width: 45.5%;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#categories_url_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#categories_url_form 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%; 
}

#categories_url_form .content 
{ width: 100%; }

#categories_url_form input 
{
    width: 40.5%;  
    margin: 5px 3% 5px 0px ;
    padding: 17px 3%; 
} 

#categories_url_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#categories_url_form input:hover,  #categories_url_form input:focus,  #categories_url_form #user_type:hover,  #categories_url_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#categories_url_form button 
{
    background-color: #fff;
    border-color: #b0ce70;
    color: #b0ce70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#categories_url_form button:hover 
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff;
}

#suggestions_url_list .header h5
{ text-transform: uppercase; }

#suggestions_url_list h5 
{ color: #3a3a39; }

#suggestions_url_list p 
{
    color: #bbbbbb;
    margin-top: 5px; 
}

#suggestions_url_list .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#suggestions_url_list 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%;
}

#suggestions_url_list .underline 
{ margin-bottom: 0 !important; }

#suggestions_url_list .content 
{ width: 100%; }

#suggestions_url_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%   
}

#suggestions_url_list .accounts 
{
    border-right: 1px solid #BBB;   
    width: 25%;   
}

#suggestions_url_list .address 
{
    border-right: 1px solid #BBB;   
    width: 38.5%;   
}

#suggestions_url_list .date_add 
{
    border-right: 1px solid #BBB;   
    width: 10%;   
}

#suggestions_url_list .date_add .record
{ text-align: center; }

#suggestions_url_list .assign 
{
    border-right: 1px solid #BBB;    
    text-align: center;
    width: 10%;   
}

#suggestions_url_list .del 
{
    text-align: center;   
    width: 10%;   
}

#suggestions_url_list a 
{
    color: #94bd3d;   
    text-decoration: none;   
}

@media (max-width: 568px)
{
    #suggestions_url_list h5
    { font-size: 12px; }

    #suggestions_url_list .address 
    {
        border-right: 1px solid #BBB;   
        width: 33.1% !important;   
    }   
}

@media (max-width: 768px)
{
    #suggestions_url_list h5
    { font-size: 12px; }

    #suggestions_url_list .address 
    {
        border-right: 1px solid #BBB;   
        width: 38.2%;  
    }   

    #suggestions_url_list .date_add 
    {
        border-right: 1px solid #BBB;   
        width: 10%;   
    }
}

@media (min-width: 768px) and (max-width: 1170px)
{
    #suggestions_url_list .address 
    {
        border-right: 1px solid #BBB;   
        width: 38.1%;   
    }   

    #suggestions_url_list .date_add 
    {
        border-right: 1px solid #BBB;   
        width: 10%;   
    }
} 

#global_white_list_form .header h5
{
    text-transform: uppercase;   
}

#global_white_list_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#global_white_list_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0; 
}

#global_white_list_form .content
{
    float: left; 
    display: block;
    width: 100%;
} 

#global_white_list_form button
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#global_white_list_form input 
{
    width: 40.5%;  
    margin: 5px 3% 5px 0px ;
    padding: 17px 3%;
}

#global_white_list_form input:hover, 
#global_white_list_form input:focus, 
#global_white_list_form #user_type:hover, 
#global_white_list_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#global_white_list_form button 
{
    background-color: #fff;
    border-color: #b0ce70;
    color: #b0ce70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#global_white_list_form button:hover 
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff;
}


#but_global_blacklist_app_save
{
    background-color: #FFF;
    border-color: #B0CE70;
    color: #B0CE70;
    transition: all 0.3s ease-out 0s;
    float: left;
    display: inline-block;
    width: 46.7%;
    margin: 5px 3% 5px 0px !important;
    padding: 17px 3%;
    border: 1px solid #BBB; 
    transition: all 0.3s ease-out 0s;
} 

#but_global_blacklist_url_save
{
    background-color: #FFF;
    border-color: #B0CE70;
    color: #B0CE70;
    transition: all 0.3s ease-out 0s;
    float: left;
    display: inline-block;
    width: 46.7%;
    margin: 5px 3% 5px 0px !important;
    padding: 17px 3%;
    border: 1px solid #BBB; 
    transition: all 0.3s ease-out 0s;
}

#but_global_whitelist_url_save
{
    background-color: #FFF;
    border-color: #B0CE70;
    color: #B0CE70;
    transition: all 0.3s ease-out 0s;
    float: left;
    display: inline-block;
    width: 46.7%;
    margin: 5px 3% 5px 0px !important;
    padding: 17px 3%;
    border: 1px solid #BBB; 
    transition: all 0.3s ease-out 0s;
}

#global_black_list_form .header h5
{ text-transform: uppercase; }

#global_black_list_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#global_black_list_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
}

#global_black_list_form .content 
{
    float: left; 
    display: block;
    width: 100%; 
} 

#global_black_list_form button 
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#global_black_list_form input 
{
    width: 40.5%;  
    margin: 5px 3% 5px 0px ;
    padding: 17px 3%; 
}

#global_black_list_form input:hover, 
#global_black_list_form input:focus, 
#global_black_list_form #user_type:hover, 
#global_black_list_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#global_black_list_form button 
{
    background-color: #fff;
    border-color: #b0ce70;
    color: #b0ce70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#global_black_list_form button:hover 
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff;
}

#configuration_form .header h5
{ text-transform: uppercase; }

#configuration_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#configuration_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0; 
}

#configuration_form .content
{
    float: left; 
    display: block;
    width: 100%;
} 

#configuration_form button 
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
    cursor: pointer;
}

#configuration_form button 
{
    background-color: #009f83;
    border-color: #009f83;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#configuration_form button:hover 
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff; 
}

#categories_url_list_form .header h5
{ text-transform: uppercase; }

#categories_url_list_form h5 
{ color: #3a3a39; }

#categories_url_list_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#categories_url_list_form 
{
    float: left;
    margin: 0px 0 0 0;
    width: 100%; 
}

#categories_url_list_form .underline 
{ margin-bottom: 0 !important; }

#categories_url_list_form .content 
{ width: 100%; }

@media (max-width: 568px)
{
    #categories_url_list_form label
    { font-size: 12px; }
}

@media (max-width: 768px)
{
    #categories_url_list_form label
    { font-size: 12px; }   
}

#categories_url_list .header h5
{ text-transform: uppercase; }

#categories_url_search_form .header h5
{ text-transform: uppercase; }

#categories_url_search_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#categories_url_search_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0; 
}

#categories_url_search_form .content 
{
    float: left; 
    display: block;
    width: 100%; 
} 

#categories_url_search_form button 
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}


#categories_url_search_form .user_data button
{ width: 47%; }

#categories_url_search_form select:hover, 
#categories_url_search_form select:focus, 
#categories_url_search_form input:hover, 
#categories_url_search_form input:focus, 
#categories_url_search_form #user_type:hover, 
#categories_url_search_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#categories_url_search_form button 
{
    background-color: #fff;
    border-color: #b0ce70;
    color: #b0ce70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#categories_url_search_form button:hover 
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff; 
}

#devices_form .header h5
{ text-transform: uppercase; }

#devices_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#devices_form .underline-none 
{
    display: block;
    margin: 30px 0 20px 0;

}


#devices_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0; 
}

#devices_form .content 
{
    float: left; 
    display: block;
    width: 100%; 
} 

#devices_form button 
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px; 
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#devices_form select
{
    width: 47%;  
    margin: 5px 3% 5px 0px ;
    padding: 17px 3%; 
}

#devices_form input:hover, #devices_form input:focus, #devices_form #user_type:hover, #devices_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#devices_form button 
{
    color: #fff !important;   
    background-color: #009f83;
    border-color: #009f83;
    text-transform: uppercase;
}


#calendar_form .header h5
{ text-transform: uppercase; }

#calendar_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#calendar_form
{
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}

#calendar_form .content
{
    float: left; 
    display: block;
    width: 100%; 
} 

#calendar_form #but_calendar_save 
{
    float: left;
    display: inline-block;
    padding: 16px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}


#calendar_form input:hover, #calendar_form input:focus, #calendar_form #user_type:hover, #calendar_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#calendar_form #but_calendar_save 
{
    cursor: pointer;
    margin: 5px 3% 5px 0px !important;
    background-color: #009f83;
    border-color: #009f83;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#calendar_form #but_calendar_save:hover 
{

}

#devices_categories_list_form  
{
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}

#devices_categories_list_form .header h5
{ text-transform: uppercase; }

#devices_categories_list_form h5 
{ color: #3a3a39; }

#devices_categories_list_form .underline 
{
    background-color: #a4a4a4;
    margin: 10px 0 20px 0;
    width: 100%;
}

#devices_categories_list_form .content 
{ width: 100%; }

#blacklist_list .header h5 
{ text-transform: uppercase; }

#blacklist_list h5 
{ color: #3a3a39; }

#blacklist_list p 
{
    color: #bbbbbb;
    margin-top: 5px;
}

#blacklist_list .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#blacklist_list
{
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
}

#blacklist_list .content 
{ width: 100%; }

#blacklist_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 10%;
}

#blacklist_list .name 
{
    border-right: 1px solid #BBB;   
    width: 80%;  
}

#blacklist_list .del 
{
    text-align: center;   
    width: 9%;
}

#blacklist_list a 
{
    color: #94bd3d;   
    text-decoration: none;   
}

#whitelist_list .header h5 
{ text-transform: uppercase; }

#whitelist_list h5 
{ color: #3a3a39; }

#whitelist_list p 
{
    color: #bbbbbb;
    margin-top: 5px;
}

#whitelist_list .underline
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#whitelist_list
{
    float: left;
    margin: 20px 0 0 0;
    width: 100%; 
}

#whitelist_list .content 
{ width: 100%; }

#whitelist_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 10%   
}

#whitelist_list .name 
{
    border-right: 1px solid #BBB;   
    width: 80%;   
}

#whitelist_list .del 
{
    text-align: center;   
    width: 9%;   
}

#whitelist_list a 
{
    color: #94bd3d;   
    text-decoration: none;   
}

#private_ip_list .header h5 
{ text-transform: uppercase; }

#private_ip_list h5 
{ color: #3a3a39; }

#private_ip_list p 
{
    color: #bbbbbb;
    margin-top: 5px;
}

#private_ip_list .underline
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#private_ip_list
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%;
}

#private_ip_list .content
{ width: 100%; }

#private_ip_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%   
}

#private_ip_list .name 
{
    border-right: 1px solid #BBB;   
    width: 25%;   
}

#private_ip_list .del 
{
    text-align: center;   
    width: 10%;   
}

#private_ip_list a 
{
    color: #94bd3d;   
    text-decoration: none;   
}

#whitelist, #blacklist, #private_ip_list
{ clear: left; }

#whitelist .head, #blacklist .head, #private_ip_list .head
{ border-top: 1px solid #BBB; }  

#blacklist_url_name, #whitelist_url_name, #but_whitelist_url_save, #but_blacklist_url_save, #but_private_address_ip_save
{ margin-bottom: 15px; }

#faq_form .header h5
{ text-transform: uppercase; }

#faq_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#faq_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
}

#faq_form .content
{
    float: left; 
    display: block;
    width: 100%;
} 

#faq_form button
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px; 
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#faq_form input 
{ float: none; }

#faq_form input:hover, #faq_form input:focus, #faq_form #user_type:hover, #faq_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#faq_form button 
{
    background-color: #009f83;    
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;   
    border-color: #009f83;
    width: 40.5%; 
    cursor: pointer; 
}

#faq_form .user_data
{ width: 100%; }

#faq_form .user_data p
{
    font-size: 14px;   
    line-height: 1.5;
}

#suggestions_url_form .header h5
{ text-transform: uppercase; }

#suggestions_url_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#suggestions_url_form
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
}

#suggestions_url_form .content
{
    float: left; 
    display: block;
    width: 100%;
} 

#suggestions_url_form button 
{
    float: left;
    display: inline-block;
    margin: 5px 0% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#suggestions_url_form button 
{
    width: 100%; 
    margin: 5px 0% 5px 0px ;
    padding: 17px 3%; 
} 


#suggestions_url_form button
{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    background-color: #009f83;
    border-color: #009f83; 
    cursor: pointer;
}

#search_url_form .header h5
{ text-transform: uppercase; }

#search_url_form .underline
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#search_url_form
{
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}

#search_url_form .content
{
    float: left; 
    display: block;
    width: 100%; 
}   

#search_url_form button
{
    float: left;
    display: inline-block;
    margin: 5px 0% 5px 0px !important;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#search_url_form button 
{
    width: 100%; 
    margin: 5px 0% 5px 0px ;
    padding: 17px 3%; 
} 


#search_url_form button
{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    color: #fff;
    background-color: #009f83;
    border-color: #009f83;
    cursor: pointer;
}


#filters_form .header h5
{ text-transform: uppercase; }

#filters_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#filters_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
}

#filters_form .content 
{
    float: left; 
    display: block;
    width: 100%;
} 

.devices
{   
    display: inline-block;
    float: left;
    color: #545352;
    background-color: #ffffff;
    text-decoration: none;
    text-align: center;
    border: 1px solid #cccccc;
    margin-top: 10px;
    margin-left: 1%; 
    width: 32.1%;
    height: 160px;
    transition: all 0.3s ease-out 0s;
}

.devices span
{ font-size: 14px; }

@media (max-width: 568px)
{
    .devices
    { width: 48% !important; }

    .devices span
    { font-size: 12px; }
}

@media (max-width: 768px)
{
    .devices
    { width: 48.4%; }

    .devices span
    { font-size: 12px; }
}

@media (min-width: 768px) and (max-width: 1170px)
{
    .devices
    { width: 48.5%; }

    .devices span
    { font-size: 14px; }
}

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

.devices:hover
{
    border-color: #545352;
    color: #545352;
}

#statistics_form .header h5
{ text-transform: uppercase; }


#statistics_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#statistics_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
}

#statistics_form .content
{
    float: left; 
    display: block;
    width: 100%;
} 

#statistics_form button 
{
    color: #545352;
    border: none;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; 
    margin: 5px 3% 5px 0px !important; 
    padding: 17px 3%; 
    display: inline-block;
    width: 100%;   
    float: left;
}

#statistics_form select
{
    width: 100%;  
    margin: 5px 3% 5px 0px ;
    padding: 17px 3%;
    border: 1px solid #bbbbbb;
}

#statistics_form select:hover, 
#statistics_form select:focus, 
#statistics_form input:hover, 
#statistics_form input:focus, 
#statistics_form #user_type:hover,
#statistics_form #user_type:focus 
{
    color: #545352;
}

#statistics_form button 
{
    cursor: pointer;   
    background-color: #94bd3d;;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#statistics_form #but-clear
{
  color: #ed004c;  
  border: 1px solid #ed004c;
  background-color: #ffffff !important;  
}

#statistics_viewed_form .header h5
{ text-transform: uppercase; }


#statistics_viewed_form .underline
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#statistics_viewed_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
}

#statistics_viewed_form .content 
{
    float: left; 
    display: block;
    width: 100%; 
} 

#statistics_viewed_form button 
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#statistics_viewed_form select 
{
    width: 40.5%;  
    margin: 5px 3% 5px 0px ;
    padding: 17px 3%;
}

#statistics_viewed_form select:hover, 
#statistics_viewed_form select:focus, 
#statistics_viewed_form input:hover, 
#statistics_viewed_form input:focus, 
#statistics_viewed_form #user_type:hover, 
#statistics_viewed_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#statistics_viewed_form button
{
    background-color: #fff;
    border-color: #b0ce70;
    color: #b0ce70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
} 

#statistics_viewed_form button:hover
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff; 
}

#statistics_viewed_form a 
{
    color: #94bd3d;   
    text-decoration: none;   
}

#statistics_viewed_form .lp h5
{ padding-right: 10px; } 

#statistics_viewed_form .lp
{
    border-top: 1px solid #BBB;   
    width: 5%;   
}

#statistics_viewed_form .name
{
    border-top: 1px solid #BBB;     
    border-left: 1px solid #BBB;
    width: 63%;  
}

#statistics_viewed_form .record-o .record, #statistics_blocked_form .record-o .record
{
 padding: 8px 5% 24px 5%;   
}


#statistics_viewed_form .visit
{
    border-top: 1px solid #BBB;   
    border-right: 1px solid #BBB;
    width: 20%;     
} 

#statistics_viewed_form .percent
{     
    border-top: 1px solid #BBB;      
    width: 10%;     
}

#statistics_blocked_form .header h5
{ text-transform: uppercase; }

#statistics_blocked_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#statistics_blocked_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
}

#statistics_blocked_form .content 
{
    float: left; 
    display: block;
    width: 100%; 
} 

#statistics_blocked_form button
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#statistics_blocked_form select 
{
    width: 40.5%;  
    margin: 5px 3% 5px 0px ;
    padding: 17px 3%;
}

#statistics_blocked_form select:hover, 
#statistics_blocked_form select:focus, 
#statistics_blocked_form input:hover, 
#statistics_blocked_form input:focus, 
#statistics_blocked_form #user_type:hover, 
#statistics_blocked_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#statistics_blocked_form button 
{
    background-color: #fff;
    border-color: #b0ce70;
    color: #b0ce70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#statistics_blocked_form button:hover
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff;
}

#statistics_blocked_form a 
{
    color: #94bd3d;   
    text-decoration: none;   
}

#statistics_blocked_form .lp h5
{ padding-right: 10px; } 

#statistics_blocked_form .lp
{
    border-top: 1px solid #BBB;     
    width: 5%;  
}

#statistics_blocked_form .name
{
    border-top: 1px solid #BBB;   
    border-left: 1px solid #BBB;  
    width: 63%;
}

#statistics_blocked_form .visit
{
    border-top: 1px solid #BBB;   
    border-right: 1px solid #BBB;
    width: 20%;   
} 

#statistics_blocked_form .percent
{     
    border-top: 1px solid #BBB;   
    width: 10%;  
}

#import_url_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#import_url_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0; 
}

#import_url_form .content 
{
    float: left; 
    display: block;
    width: 100%;
} 

#import_url_form button
{
    float: left;
    display: inline-block;
    margin: 5px 0% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#import_url_form button 
{
    width: 46.7%;  
    margin: 5px 0% 5px 0px ;
    padding: 17px 3%; 
} 

#import_url_form input:hover, #import_url_form input:focus, #import_url_categories_form #user_type:hover, #import_url_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#import_url_form button 
{
    background-color: #fff;
    border-color: #b0ce70;
    color: #b0ce70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#import_url_form button:hover 
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff; 
}

#navigation
{
    clear: left;
    padding-top:20px;
}

#navigation-top
{
    clear: left;
    padding-top:20px;
}

@media (max-width: 768px) 
{  

    #ue .icons
    {
        width: 100%;
        display: inline-block;
        text-align: center;
    } 

    #permissions 
    {
        width: 96.5%; 
        display: inline-block;
        margin: 5px 3% 5px 0px;
    }  

    .login_data .errors 
    {
        float: left;
        display: inline-block;
        width: 96.5%; 
        margin: 5px 1% 5px 0px;    
        font-family: arial !important;
        font-size: 14px !important;
        font-weight: normal !important; 
        color: #cb0000 !important; 
    }

    .password_data 
    { width: 100%; }

    .password_data button, .password_data button 
    {  
    }

    .password_data input 
    { width: 34.4%; }  

}    

@media (max-width: 568px) 
{

    #accounts_form .login_data input 
    {  }  

    #permissions 
    {
        width: 96.5%; 
        display: inline-block;
        margin: 5px 3% 5px 0px;  
    }  

    .login_data .errors  
    {
        float: left;
        display: inline-block;
        width: 96.5%; 
        margin: 5px 1% 5px 0px;
        font-family: arial !important;
        font-size: 14px !important;
        font-weight: normal !important; 
        color: #cb0000 !important; 
    }

    #accounts_password .record 
    { height: 80px; }

    #accounts_list .record 
    { height: 80px; }



    #statistics_viewed_form .lp
    { width: 9%; }

    #statistics_viewed_form .name
    { width: 50%; }

    #statistics_viewed_form .visit
    {
        border-right: 1px solid #BBB;
        width: 25%;     
        text-align: center;
    } 

    #statistics_viewed_form .visit h5
    { text-align: center; }

    #statistics_viewed_form .percent
    {     
        width: 15%;    
        text-align: center;
    }

    #statistics_viewed_form .percent h5
    { text-align: center; }

    #statistics_blocked_form .lp
    { width: 9%; }

    #statistics_blocked_form .name
    { width: 50%; }

    #statistics_blocked_form .visit
    {
        border-right: 1px solid #BBB;
        width: 25%;   
        text-align: center;
    } 

    #statistics_blocked_form .percent
    {     
        width: 15%;    
        text-align: center;
    }

    #statistics_blocked_form .visit h5
    { text-align: center; }

    #statistics_blocked_form .percent h5
    { text-align: center; }

    #blacklist_list .name 
    {
        border-right: 1px solid #BBB;   
        width: 77%;   
    }

    #whitelist_list .name 
    {
        border-right: 1px solid #BBB;   
        width: 77%;   
    }

    #accounts_login
    { margin: 5px 3% 5px 0px; }

    #suggestions_url_list .lp 
    {
        border-right: 1px solid #BBB;
        text-align: center;
        width: 10%   
    }

    #suggestions_url_list .name 
    {
        border-right: 1px solid #BBB;   
        width: 25%;   
    }

    #suggestions_url_list .edit 
    {
        border-right: 1px solid #BBB;    
        text-align: center;
        width: 20%;   
    }

    #suggestions_url_list .del 
    {
        text-align: center;   
        width: 10%;   
    }  

    #categories_url_list .lp 
    {
        border-right: 1px solid #BBB;
        text-align: center;
        width: 5%   
    } 


    #categories_url_list .categories_name 
    {
        border-right: 1px solid #BBB;   
        width: 20%;   
    }

    #categories_url_list .categories_date_add 
    {
        border-right: 1px solid #BBB;   
        width: 10%;   
    } 

    #categories_url_list .edit 
    {
        border-right: 1px solid #BBB;    
        text-align: center;
        width: 25%;   
    }

    #categories_url_list .del 
    {
        text-align: center;   
        width: 10%;   
    }

    #accounts_list .lp 
    {
        border-right: 1px solid #BBB;
        text-align: center;
        width: 10%   
    }

    #accounts_list .name 
    {
        border-right: 1px solid #BBB;   
        width: 30%;   
    }

    #accounts_list .name_surname 
    {
        border-right: 1px solid #BBB;   
        width: 25%;   
    }


    #accounts_list .edit 
    {
        border-right: 1px solid #BBB;    
        text-align: center;
        width: 20%;   
    }

    #accounts_list .del 
    {
        text-align: center;   
        width: 10%;   
    }

    #accounts_login
    { margin: 5px 3% 5px 0px !important; }

    #devices_list .lp 
    {
        border-right: 1px solid #BBB;
        text-align: center;
        width: 10%   
    }

    #devices_logs_api .lp 
    {
        border-right: 1px solid #BBB;
        text-align: center;
        width: 10%   
    }

    #accounts_list .name 
    {
        border-right: 1px solid #BBB;   
        width: 25%;   
    }


    #devices_list .edit
    {
        border-right: 1px solid #BBB;    
        text-align: center;
        width: 15%;   
    }

    #devices_list .del 
    {
        text-align: center;   
        width: 15%;   
    }

    #devices_logs_api .events_status 
    {
        border-right: 1px solid #BBB;    
        text-align: center;
        width: 30%; 
    }  

    #devices_logs_api .events_time 
    {
        border-right: 1px solid #BBB;    
        text-align: center;
        width: 30%;   
    }
}

@media (max-width: 568px)
{
    .password_data 
    {
        margin-top: 0px !important;   
        width: 100%; 
    }

    #accounts_form .login_data .errors
    { display: none; }
}

@media (max-width: 768px)
{
    .password_data 
    {
        margin-top: 0px !important;   
        width: 100%; 
    }

    #accounts_form .login_data .errors
    { display: none; }
}

@media (min-width: 768px) and (max-width: 1170px) 
{
    #footer .underline 
    {
        width: 80%;
        right: 20px; 
    }

    #permissions 
    {
        width: 96.5%; 
        display: inline-block;
        margin: 5px 3% 5px 0px;   
    } 

    .login_data .errors  
    {
        float: left;
        display: inline-block;
        width: 96.5%; 
        margin: 5px 1% 5px 0px; 
        font-family: arial !important;
        font-size: 14px !important;
        font-weight: normal !important; 
        color: #cb0000 !important; 
    }

    .password_data 
    {
        margin-top: 0px !important;   
        width: 100%; 
    }

    .password_data button
    {

    }

    .password_data input 
    { width: 34.4%; }

    #accounts_login
    { margin: 5px 3% 5px 0px; }


}    

.check-btn-txt 
{
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    float: none;
    width: auto;     
    width: 10px;
    display: inline-block;    
}

.categories_col
{ width: 50%; }

.categories_col .record
{
    border: none;
    padding: 10px 10px 10px 10px;
}

.row_selected 
{ background-color: #F8F8F8; }

.nip_active
{ display: inline-block; }

.nip_inactive
{ display: none; }

#alert_green 
{ color: #cd1e46 !important; }

#alert_green .content h5 
{ color: #cd1e46 !important; }

#alert_green  
{
    width: 92%;
    display: block;
    border: 1px solid #cd1e46;
    float: left;
    margin: 10px 0 10px 0;
    padding: 25px 4% 25px 4%; 
}

#alert_green img 
{ float: right; }

.devices_add {
    color: #cd1e46;
    text-decoration: none;   
    text-transform: uppercase;
}



#but_blacklist_url_save 
{
    float: left;
    display: inline-block;
    width: 46.7%;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}



#but_blacklist_url_save input:hover,
#but_blacklist_url_save input:focus,
#but_blacklist_url_save #user_type:hover,
#but_blacklist_url_save #user_type:focus 
{
    border-color: #009f83;
    color: #545352; 
}

#but_blacklist_url_save 
{   
    background-color: #009f83; 
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;   
    border-color: #009f83;
    margin-right: 0px !important;
    cursor: pointer; 
}

#but_blacklist_url_save:hover 
{

}

#but_whitelist_url_save  
{
    float: left;
    display: inline-block;
    width: 46.7%;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
    margin-right: 0px !important;
}


#but_whitelist_url_save input:hover,
#but_whitelist_url_save input:focus,
#but_whitelist_url_save #user_type:hover,
#but_whitelist_url_save #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#but_whitelist_url_save 
{    
    background-color: #009f83; 
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;   
    border-color: #009f83;
    cursor: pointer;
}

#but_whitelist_url_save:hover 
{

}

#but_private_address_ip_save 
{
    float: left;
    display: inline-block;
    width: 46.7%;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}


#but_private_address_ip_save input:hover,
#but_private_address_ip_save input:focus,
#but_private_address_ip_save #user_type:hover,
#but_private_address_ip_save #user_type:focus 
{
    border-color: #545352;
    color: #545352;
}

#but_private_address_ip_save
{
    background-color: #fff;
    border-color: #b0ce70;
    color: #b0ce70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


#but_private_address_ip_save:hover 
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff; 
}

#blacklist_url_file, #whitelist_url_file, #private_ip_list_file
{    
    width: 250px;
    padding: 5px;
}

.ui-widget button 
{
    font-family: 'Ubuntu', sans-serif;   
    font-size: 16px;
    margin: 5px 0% 5px 0px ;
    padding: 8px 20px; 
    background-color: #fff;
    border: 1px solid #b0ce70;
    color: #b0ce70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.ui-widget button:hover 
{

}

.ui-dialog 
{ 
    position:fixed !important;
    border: 1px solid #cd1e46;
}

.ui-dialog .ui-state-hover
{ 
    background-color: #ffffff;   
}


#devices_filter_active
{
    display: block;
    width: 100%; 
}

#devices_filter_active input
{
    float:none;
    width: 15px !important;
}

#devicesFilterCategories
{
    margin-left: -2%;   
}

#schemaFilterCategories
{
    margin-left: -2%;   
}

@media (max-width: 568px)
{
    #devicesFilterCategories
    {
        margin-left: 0%;   
    }   

    #schemaFilterCategories
    {
        margin-left: 0%;   
    } 
}


.checkbx 
{ display: none; }

#devices_categories_list_form .user_data
{
    font-size: 14px;
    width: 100%;
}

#devices_categories_list_form .user_data label
{
    margin-left: 10px;
    position: relative;
    top: 5px;
}


#alert-success 
{
    display: inline-block;
    color: #cd1e46 !important; 
    background-color: #ffffff;
    border: 1px solid #82a300;
    width: 91.7%;
    margin: 5px auto 10px;
    padding: 25px 4% 25px 4%;  
    z-index: 100; 
}

#alert-success .content h5 
{ color: #82a300 !important; }

#alert-success img 
{
    cursor: hand;    
    float: right; 
}

#alert-error 
{
    display: inline-block;
    color: #cd1e46 !important; 
    background-color: #ffffff;
    border: 1px solid #cd1e46;
    width: 91.7%;
    margin: 5px auto 10px;
    padding: 25px 4% 25px 4%;  
    z-index: 100; 
}

#alert-error .content h5 
{ color: #cd1e46 !important; }

#alert-error img 
{
    cursor: hand;    
    float: right; 
}

#alert-error-login 
{
    position: absolute;
    left:0;
    right:0;
    display: block;
    color: #cd1e46 !important; 
    background-color: #ffffff;
    border: 1px solid #cd1e46; 
    margin: 0 auto;
    padding: 25px 4% 25px 4%;  
    z-index: 100; 
}

#alert-error-login .content h5 
{ color: #cd1e46 !important; }

#alert-error-login img 
{
    cursor: hand;    
    float: right; 
}









#alertSuccess
{
    background-color: #90bd3f; 
    border-bottom: 1px dashed #ffffff;
    padding: 10px;
    z-index: 100;
}

#alertSuccess .content
{
    float: none;   
}

#alertSuccess .content h5 
{ 
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    color: #ffffff;
    line-height: 1.8;
    text-align: center;
}

#alertSuccess img 
{
    cursor: pointer;    
    float: right; 
}

#alertSuccess a
{
 color: #ffffff;  
}

#alertError 
{
    background-color: #cd1e46; 
    border-bottom: 1px dashed #ffffff;
    padding: 10px;
    z-index: 100;
}

#alertError .content
{
    float: none;   
}

#alertError .content h5 
{ 
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    color: #ffffff;
    line-height: 1.8;
    text-align: center;
}

#alertError img 
{
    cursor: pointer;    
    float: right; 
}









.btn-green-filter {
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    margin-bottom: 5px;
    width: 32%; 
    height: 46px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 5% center #597914;
    background-size: 12px 12px;
    -webkit-transition: background-color .40s ease-in-out;
    -moz-transition: background-color .40s ease-in-out;
    -o-transition: background-color .40s ease-in-out;
    transition: background-color .40s ease-in-out;
    cursor: pointer;
}

.btn-red-filter 
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    border: none;
    margin-bottom: 5px;
    width: 32%;  
    height: 46px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==") no-repeat 95% center #888888; 
    background-size: 12px 12px;
    -webkit-transition: background-color .40s ease-in-out;
    -moz-transition: background-color .40s ease-in-out;
    -o-transition: background-color .40s ease-in-out;
    transition: background-color .40s ease-in-out;
    cursor: pointer;
}

.btn-disabled-categories {
    float: left;   
    font-family:  "Ubuntu",sans-serif;
    font-size: 12px;
    color: #696969 !important;
    font-weight: normal !important;
    text-transform: uppercase;
    background-color: #f4f4f4 !important;
    border: 1px dashed #bbbbbb !important;
    border-radius: 50px;
    margin-top: 14px; 
    width: 23%;
    height: 46px;
    cursor: not-allowed;
}

.btn-green-categories 
{
    float: left;   
    font-family:  "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    border: 1px solid #95be3e;
    border-radius: 50px;
    margin-top: 14px; 
    width: 23%;
    height: 46px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAmUlEQVQ4T6WT0RWDMAhFeZs4ipu0mawZpaO4yevBc6hUIWLNd+4NeQDk5sE/PMkZwFvZywKSTxF5iUgH0C4JHGyF97IggFVSqyCFga0CvQSg70Mdwd8QSSr4sGBMcgavAgdvwQCtApvA2uKr1x7Pu++06ItrF5LXPB/CP4M0kKTwYRIDyRAOR9lJTuF0F0hOAJbKopVHOZN9ACS0UgowIx8ZAAAAAElFTkSuQmCC") no-repeat 5% center #95be3e;
    background-size: 12px 12px;
    -webkit-transition: background-color .40s ease-in-out;
    -moz-transition: background-color .40s ease-in-out;
    -o-transition: background-color .40s ease-in-out;
    transition: background-color .40s ease-in-out;
    cursor: pointer;
}

.btn-red-categories 
{
    float: left;  
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-transform: uppercase;
    border: 1px solid #888888;
    border-radius: 50px;
    margin-top: 14px; 
    width: 23%;
    height: 46px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyklEQVQ4T42TaxHCQAyENw5wAhLACVUAUkABOCkSwEkdhNmbpHNckzv689L98toIAKjqGcAFwElEFr5ln6ruAMwA7iLyFBM/TPDuQSrxwf6fCKBoX2UMIYGYkg8BLOnVg2RiAEexGaQQq4w9e9klcxGLLAUwgDAcihlYAR1IvZA1sz/+AAaQjXhTQQVoe2Yo3E7UQiT2ijeQdojRtClOfVKvMVyVpU594kZK9zzySWTlcNqZY9tjCsUds00+A57z1e35xzlzJjee8xf0HYp+cOZQUQAAAABJRU5ErkJggg==") no-repeat 95% center #888888;
    background-size: 12px 12px;
    -webkit-transition: background-color .40s ease-in-out;
    -moz-transition: background-color .40s ease-in-out;
    -o-transition: background-color .40s ease-in-out;
    transition: background-color .40s ease-in-out;
    cursor: pointer;
}

.btn-margin-categories
{ margin-left: 2%; }

@media (max-width: 768px)
{
    .btn-margin-categories
    {  }

    .btn-red-categories {
        width: 48%;    
    }

    .btn-green-categories { 
        width: 48%;   
    }

    .btn-disabled-categories  {
        width: 48%; 
    }
}

@media (max-width: 568px)
{
    .btn-margin-categories
    { margin-left: 0%; }

    .btn-red-categories {
        width: 100%;   
    }

    .btn-green-categories { 
        width: 100%;  
    }

    .btn-disabled-categories  {
        width: 100%;  
    }
}

@media (min-width: 768px) and (max-width: 1170px)
{
    .btn-margin-categories
    {  }

    .btn-red-categories {
        width: 48%;   
    }

    .btn-green-categories { 
        width: 48%;  
    }

    .btn-disabled-categories  {
        width: 48%;   
    }
}

#calendar-days-options
{
    display: block;
    width: 100%;
    font-size: 12px;
}

#calendar-days-options input
{
    vertical-align: middle;
    position: relative;
    bottom: 3px;
    width:15px;
    float: left !important;
}

#calendar-days-options label 
{
    width: 95px;
    float: left;
    display: inline-block;
}

#calendar-days-container
{ 
    width: 100%;
    clear: left; 
    display: inline-block;
    margin-top:5px;
}

#calendar-days-1
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #CD1E46;
    display: inline-block; 
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#calendar-days-2
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #B81B3F;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#calendar-days-3
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #A41838;
    display: inline-block; 
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#calendar-days-4
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #901531;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#calendar-days-5
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #7B122A;
    display: inline-block; 
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#calendar-days-6
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #660F23;
    display: inline-block; 
    width: 72px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#calendar-days-0
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #520C1C;
    display: inline-block; 
    text-align: center;
    text-decoration: none;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#ui-accordion-calendar-mobile-header-0
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;
    background-color: #CD1E46;   
    padding-top: 10px;
    padding-bottom: 10px; 
}

#ui-accordion-calendar-mobile-header-1
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;   
    background-color: #B81B3F; 
    padding-top: 10px;
    padding-bottom: 10px; 
}

#ui-accordion-calendar-mobile-header-2
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;    
    background-color: #A41838;
    padding-top: 10px;
    padding-bottom: 10px; 
}

#ui-accordion-calendar-mobile-header-3
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;    
    background-color: #901531; 
    padding-top: 10px;
    padding-bottom: 10px; 
}

#ui-accordion-calendar-mobile-header-4
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;   
    background-color: #7B122A; 
    padding-top: 10px;
    padding-bottom: 10px; 
}

#ui-accordion-calendar-mobile-header-5
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;    
    background-color: #660F23;  
    padding-top: 10px;
    padding-bottom: 10px; 
}

#ui-accordion-calendar-mobile-header-6
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #ffffff;    
    background-color: #520C1C;  
    padding-top: 10px;
    padding-bottom: 10px; 
}

#calendar-screen-events .record
{ height: 20px !important; }

#calendar-screen-events span
{
    font-family: "Ubuntu",sans-serif;
    font-size: 14px;
    color: #3A3A39; 
}

.calendar-days-active
{ background-color: #ffa84c !important; }

#calendar-screen-events .lp
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 10%;
}

#calendar-screen-events .filters
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 20%;
}

#calendar-screen-events .blocking
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 46%;
}

#calendar-screen-events .remove
{
    width: 20%;
    text-align: center;
}

#calendar-screen-events-no 
{
    font-size: 18px;  
    color: #888;
    width: 100%;
    text-align: center;
    padding: 10px;
}

#calendar-screen-events-1
{
    border-left: 1px solid #aaaaaa;  
    border-bottom: 1px solid #aaaaaa;  
}

#calendar-screen-events-2
{
    border-left: 1px solid #aaaaaa;  
    border-bottom: 1px solid #aaaaaa;  
}

#calendar-screen-events-3
{
    border-left: 1px solid #aaaaaa;  
    border-bottom: 1px solid #aaaaaa;  
}

#calendar-screen-events-4
{
    border-left: 1px solid #aaaaaa;  
    border-bottom: 1px solid #aaaaaa;  
}

#calendar-screen-events-5
{
    border-left: 1px solid #aaaaaa;  
    border-bottom: 1px solid #aaaaaa;  
}

#calendar-screen-events-6
{
    border-left: 1px solid #aaaaaa;  
    border-bottom: 1px solid #aaaaaa;  
}

#calendar-screen-events-0
{
    border-left: 1px solid #aaaaaa;    
    border-right: 1px solid #aaaaaa;  
    border-bottom: 1px solid #aaaaaa;  
}

#calendar-mobile
{ clear: left; }

@media (max-width: 768px)
{
    #calendar-screen
    { display: none; }

    #calendar-mobile
    { 
        width: 100%;   
        display: block; 
    }   
}

@media (max-width: 568px)
{
    #calendar-screen
    { display: none; }

    #calendar-mobile
    { display: block; }   
}

@media (min-width: 768px) 
{
    #calendar-screen
    { display: block; }

    #calendar-mobile
    { display: none; }
}

#ui-accordion-calendar-mobile-panel-0, 
#ui-accordion-calendar-mobile-panel-1, 
#ui-accordion-calendar-mobile-panel-2, 
#ui-accordion-calendar-mobile-panel-3, 
#ui-accordion-calendar-mobile-panel-4, 
#ui-accordion-calendar-mobile-panel-5, 
#ui-accordion-calendar-mobile-panel-6
{
    border-left: 1px solid #aaaaaa !important;
    border-right: 1px solid #aaaaaa !important;
    border-bottom: 1px solid #aaaaaa !important;
}

.calendar-mobile-container
{ padding: 10px; }

.calendar-mobile-hours
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #3A3A39;    
    padding-left: 20px;
}

.calendar-mobile-blocked
{
    font-family: "Ubuntu",sans-serif;
    font-size: 14px;
    color: #3A3A39;    
    font-weight: bold;
    padding-left: 20px;  
    padding-right: 20px;  
}

.calendar-mobile-container
{ padding: 10px; }

.calendar-mobile-hours
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #3A3A39;    
    padding-left: 20px;
}

.calendar-mobile-blocked
{
    font-family: "Ubuntu",sans-serif;
    font-size: 14px;
    color: #3A3A39;    
    font-weight: bold;
    padding-left: 20px;  
    padding-right: 10px;  
}

#calendar-screen
{ clear: left; }

.calendar-screen-container
{
    text-align: center;
    padding-top: 10px;  
    padding-bottom: 10px;
}

.calendar-screen-hours
{
    font-family: "Ubuntu",sans-serif;
    font-size: 12px;
    color: #3A3A39;    
}

.calendar-screen-blocked
{
    font-family: "Ubuntu",sans-serif;
    font-size: 14px;
    color: #3A3A39;    
    font-weight: bold;
}

.calendar-screen-blocked a
{ margin-left: 5px; }

.calendar-screen-col
{
    float:left;   
    width:14.28%;
}

@media (max-width: 568px)
{

}

@media (max-width: 768px)
{

}

@media (min-width: 768px) and (max-width: 1170px)
{
    .calendar-screen-col
    {
        float:left;   
        width: 14.288%; 
    }   

    .calendar-screen-blocked
    { font-size: 12px; }
}

#calendar_days
{

}

#calendar_start_events, #calendar_end_events
{
    width: 19%;
    float: none;
} 

.ms-parent
{
    width: 38.8% !important;   
    margin: 5px 3% 5px 0px;
}

.calendar-header, .blacklist-header, .whitelist-header
{
    width: 34%;
    margin-right: 1%    
}

.calendar-description, .blacklist-description, .whitelist-description
{
    font-family: "Ubuntu",sans-serif;  
    font-size: 12px;
    color: #3A3A39;
    line-height: 1.5;   
    display: inline-block;
    max-width: 64%;
    vertical-align: middle;  
    text-align: justify;
}

.safe-search-header
{
    width: 34%;
    margin-right: 1%    
}


.safe-search-description
{
    font-family: "Ubuntu",sans-serif;  
    font-size: 12px;
    color: #3A3A39;
    line-height: 1.5;   
    display: inline-block;
    max-width: 64%;
    vertical-align: middle;  
    text-align: justify;
}


.catalog-header
{
    width: 34%;
    margin-right: 1%    
}

.catalog-description
{
    font-family: "Ubuntu",sans-serif;  
    font-size: 12px;
    color: #3A3A39;
    line-height: 1.5;   
    display: inline-block;
    max-width: 64%;
    vertical-align: middle;  
    text-align: justify;
}

#blacklist-description, #whitelist-description
{
    font-family: "Ubuntu",sans-serif;  
    font-size: 12px;
    color: #3A3A39;
    line-height: 1.5;   
    display: inline-block; 
    max-width: 64%;
    vertical-align: middle;  
    text-align: justify;
}

@media (max-width: 568px)
{
 .calendar-header, .blacklist-header, .whitelist-header
 {
    width: 100%;
    margin-right: 0%; 
    display: block;
 } 
 
/* .calendar-description, .blacklist-description, .whitelist-description
 {
  width: 100%;
  display: block;
 }*/
 
 .safe-search-header
 {
    width: 100%;
    margin-right: 0%; 
    display: block;  
 }
 
/* .safe-search-description
 {
  width: 100%;
  display: block;   
 }*/
 
 .catalog-header
 {
  width: 100%;
  margin-right: 0%; 
  display: block;   
 }
 
/* .catalog-description
 {
  width: 100%;
  display: block;   
 }*/
 
/* #blacklist-description, #whitelist-description
 {
  width: 100%;
  display: block;   
 }*/
}


@media (max-width: 768px)
{
    .ms-parent
    {
        width: 100% !important;   
        margin: 5px 2% 5px 0px;
    }

    #calendar_start_events, #calendar_end_events
    {
        width: 42%; 
        float: none;
    } 

    #calendar_start_events
    {
        margin-right: 2.7%;  
    }

    #calendar_end_events
    {
        margin-right: 0px;  
    }


    .calendar-description, .catalog-description, .safe-search-description, .blacklist-description, .whitelist-description
    {
        font-family: "Ubuntu",sans-serif;  
        font-size: 12px;
        color: #3A3A39;
        line-height: 1.5;    
        display: inline-block;
        margin-left: 0%;
        width: 99%;
        vertical-align: middle;  
        text-align: justify;
    }
}

@media (max-width: 568px)
{
    .ms-parent
    {
        width: 100% !important;   
        margin: 5px 2% 5px 0px;
    } 

    #calendar_start_events, #calendar_end_events
    {
        width: 42.2%; 
        float: left;
    } 

    #calendar_start_events
    {
        margin-right: 2.4%;   
    }


    .calendar-description, .catalog-description, .safe-search-description, .blacklist-description, .whitelist-description
    {
        font-family: "Ubuntu",sans-serif;  
        font-size: 12px;
        color: #3A3A39;
        line-height: 1.5;   
        display: inline-block;
        margin-left: 0%;
        margin-top: 5px !important;
        max-width: none !important;
        width: 100% !important;
        vertical-align: middle;  
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 1170px)
{
    .ms-parent
    {
        width: 39.8% !important;   
        margin: 5px 2% 5px 0px;
    }

    #calendar_start_events, #calendar_end_events
    {
        width: 20.7%; 
        float: none;
    } 

    #calendar_end_events
    {
        margin-right: 0px;  
    }

    .calendar-description, .catalog-description, .safe-search-description, .blacklist-description, .whitelist-description
    {
        font-family: "Ubuntu",sans-serif;  
        font-size: 12px;
        color: #3A3A39;
        line-height: 1.5;   
        display: inline-block;
        margin-left: 0%;
        margin-top: 5px;
        width: 99%;
        vertical-align: middle;  
        text-align: justify;
    }
}

.ms-choice
{
    height: 52px !important;   
}

.chart-wrap { 
    position: relative;  
    height: 300px;

    overflow:hidden;

}


#chart-1, #chart-2
{
    width:100%;
    height:100%;

}


#devices-filter-configuration #devices_categories_list_form
{
    margin-top: 0px;
    margin-bottom: 15px;
    background-color: #e6e6e6;
}

#devices-filter-configuration .first
{
    padding: 20px 15px 10px 40px;
}


#devices-filter-configuration #devices_categories_list_form  .underline {
    margin: 0px 40px 15px;
    width: auto;
}

#devices-filter-configuration #devices_categories_list_form .header
{
    color: #666666;  
}



.devices_categories_list
{
    margin: 0px 40px 15px;   
}

#devices-whitelist {
    display: inline-block;
    width: 49.7%;
    float: left;
    margin: 0px 1% 0px 0;
    border: 1px solid #d7d7d7;
    color: #696969;
}
#devices-whitelist .row {
    padding-left: 60px; }
#devices-whitelist .underline {
    background-color: #a4a4a4;
    margin-bottom: 0px;
}

#devices-whitelist .first 
{ padding: 20px 15px 10px 40px; }

#devices-whitelist h4
{ text-transform: uppercase; }

#devices-whitelist .name
{
    margin: 0px 40px 0px;    
    border-right: 0px;   
    width: 84%;
}

#devices-whitelist .record
{
    padding-left:0px;  
    border-bottom: 1px solid #e1e1e1;
}

#devices-whitelist .record h5
{ color: #565656; }

#devices-blacklist 
{
    width: 48%;
    float: left;
    display: inline-block;
    margin: 0px 0 0px 1%;
    background-color: #252525;
    color: #ffffff;
}

#devices-blacklist .content 
{
}

#devices-blacklist .desc 
{
    display: inline-block;
    vertical-align: top;
    width: 70%; 
}

#devices-blacklist .row 
{
    display: block;
}

#devices-blacklist .underline 
{ margin-bottom: 0px; }

#devices-blacklist .first 
{ padding: 20px 15px 10px 40px; }

#devices-blacklist h4
{
    color: #f8f8f8;
    text-transform: uppercase;    
}

#devices-blacklist .name
{
    width: 83%;
    margin: 0px 40px 0px;
    border-right: 0px;   
}

#devices-blacklist .record
{
    padding-left:0px;  
    border-bottom: 1px solid #e0e0e0;
}

#devices-blacklist .record h5
{ color: #f8f8f8; }

#devices-filter-configuration #devices_list
{
    display: inline-block;   
    width: 31.4%; 
    height: 46px;
    margin-top: 0px;
}

#devices-filter-configuration #devices-filter
{ margin-left: 2.3%; }

#devices-filter-configuration #devices-safe-search
{ margin-left: 2.3%; }

@media (max-width: 768px) 
{
    .ms-choice > div
    { right: 20px !important; }  

    .monit
    {
        width: 96.7%;       
        margin-bottom: 15px;   
    }

    #devices-whitelist
    { width: 100%; }

    #devices-blacklist
    {
        width: 100%;  
        margin-top: 15px;
        margin-left: 0px;
    }

    #devices-blacklist .first 
    { padding: 20px 15px 10px 0px; }

    #devices-whitelist .first 
    { padding: 20px 15px 10px 0px; }

    #devices-filter-configuration .first
    { padding: 20px 15px 10px 0px; }

    #devices_list
    { width:100%; }

    #devices_logs_api
    { width:100%; }

    #devices-filter
    { width: 100%; }

    #devices-safe-search
    {
        width: 100%;   
    }

    #devices-filter-configuration #devices_categories_list_form
    { margin-top: 15px; }   

    #devices-filter-configuration #devices_list
    { width:100%; }

    #devices-filter-configuration #devices-filter
    {
        width:100%;  
        margin-top: 10px;
        margin-left: 0px !important;
    }

    #devices-filter-configuration #devices-safe-search
    {
        width:100%;  
        margin-top: 5px;
        margin-left: 0px !important;
    }

}

@media (max-width: 568px) 
{
    .monit
    {
        width: 94.2%;    
        margin-bottom: 10px;   
    }   

    #devices-whitelist
    { width: 100%; }

    #devices-blacklist
    {
        width: 100%;  
        margin-top: 10px;
        margin-left: 0px;
    }

    #devices-blacklist .first 
    { padding: 20px 15px 10px 0px; }

    #devices-whitelist .first 
    { padding: 20px 15px 10px 0px; }

    #devices-filter-configuration #devices_categories_list_form
    { margin-top: 15px; }   

    #devices-filter-configuration .first
    { padding: 20px 15px 10px 0px; }

    #devices-filter-configuration #devices_list
    { width:100%; }

    #devices-filter-configuration #devices-filter
    {
        width:100%;  
        margin-top: 10px;
        margin-left: 0px !important;
    }

    #devices-filter-configuration #devices-safe-search
    {
        width:100%;  
        margin-top: 5px;
        margin-left: 0px !important;
    }  

}

@media (min-width: 768px) and (max-width: 1170px) 
{
    .ms-choice
    { width: 100% !important; }   

    .monit
    {
        width: 93.5%;   
        margin-bottom: 10px;   
    }   

    #devices-whitelist
    { width: 100%; }

    #devices-blacklist
    {
        width: 100%;  
        margin-top: 10px;
        margin-left: 0px;
    }

    #devices-blacklist .first 
    { padding: 20px 15px 10px 0px; }

    #devices-whitelist .first 
    { padding: 20px 15px 10px 0px; }

    #devices-filter-configuration #devices_categories_list_form
    { margin-top: 10px; }   

    #devices-filter-configuration .first
    { padding: 20px 15px 10px 40px; }

    #devices-filter-configuration #devices_list
    { width:100%; }

    #devices-filter-configuration #devices-filter
    {
        width:100%;  
        margin-top: 10px;
        margin-left: 0px !important;
    }

    #devices-filter-configuration #devices-safe-search
    {
        width:100%;  
        margin-top: 5px;
        margin-left: 0px !important;
    }

}

.ui-datepicker 
{ z-index: 1000 !important; }

.accounts_list_navigation
{ margin-top: 20px !important; }

.step-underline
{
    background-color: #545352;
    height: 1px;
    display: block;
    margin: 10px 0px 1px 0px;   
}

.step-nav
{
    text-align: right;   
    margin-bottom:5px;
}

.step-nav a
{
    text-decoration: none;
    color: #cd1e46;
}

.step-b
{ font-weight: bold; }

.step-description
{
    margin-bottom: 6px;   
    line-height: 1.5;
}

.screenshot-thumb
{
    width: 756px;
    height: 425px;
    cursor:zoom-in;
}

.screenshot
{ cursor:zoom-out; }


#accounts_license_list .header h5
{ text-transform: uppercase; }

#accounts_license_list h5 
{ color: #3a3a39; }

#accounts_license_list p 
{
    color: #bbbbbb;
    margin-top: 5px; 
}

#accounts_license_list .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#accounts_license_list
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%; 
}

#accounts_license_list .underline 
{ margin-bottom: 0 !important; }

#accounts_license_list .content 
{ width: 100%; }

#accounts_license_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%   
}

#accounts_license_list .name_surname 
{
    border-right: 1px solid #BBB;   
    width: 25%;   
}

#accounts_license_list .license 
{
    border-right: 1px solid #BBB;      
    text-align: center;   
    width: 10%;   
}

#accounts_license_list .managment 
{
    border-right: 1px solid #BBB;      
    text-align: center;   
    width: 24.2%;   
}

#accounts_license_list .managment h5
{ text-align: left; }

#accounts_license_list .edit 
{
    border-right: 1px solid #BBB;    
    text-align: center;
    width: 10%;   
}

#accounts_license_list .accounts_name 
{
    border-right: 1px solid #BBB;   
    width: 25%;   
}

@media (max-width: 568px)
{
    #accounts_license_list .accounts_name 
    {
        border-right: 1px solid #BBB;   
        width: 21.5% !important;   
    }
}

@media (max-width: 768px)
{
    #accounts_license_list h5
    { font-size: 12px; }

    #accounts_license_list .accounts_name 
    {
        border-right: 1px solid #BBB;   
        width: 21.9%;   
    }

    #accounts_license_list .managment 
    {
        border-right: 1px solid #BBB;      
        text-align: center;   
        width: 23%;   
    }

    #accounts_license_list .license 
    {
        border-right: 1px solid #BBB;      
        text-align: center;   
        width: 14%;   
    }  
}

@media (min-width: 768px) and (max-width: 1170px)
{
    #accounts_license_list .accounts_name 
    {
        border-right: 1px solid #BBB;   
        width: 23.7%;   
    }

    #accounts_license_list .managment 
    {
        border-right: 1px solid #BBB;      
        text-align: center;   
        width: 23%;   
    }

    #accounts_license_list .license 
    {
        border-right: 1px solid #BBB;      
        text-align: center;   
        width: 12%;   
    }
}

#accounts_license_list a 
{
    color: #94bd3d;   
    text-decoration: none;   
}

#mikrotik-login
{ clear: both; }

#accounts_mikrotik .user_data
{ margin-top:12px; }

#accounts_mikrotik .password_data 
{ margin-top: 12px; }

#accounts_mikrotik .header h5 
{ text-transform: uppercase; }

#accounts_mikrotik h5 
{ color: #3a3a39; }

#accounts_mikrotik p 
{
    margin-top: 5px;
}

#accounts_mikrotik .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#accounts_mikrotik 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%; 
}

#accounts_mikrotik .underline 
{ margin-bottom: 0 !important; }

#accounts_mikrotik .content 
{ width: 100%; }

.mikrotik_add
{ text-transform: uppercase; }

#mikrotik_list .header h5
{ text-transform: uppercase; }

#mikrotik_list h5 
{ color: #3a3a39; }

#mikrotik_list p 
{
    color: #bbbbbb;
    margin-top: 5px;
}

#mikrotik_list .underline
{
    background-color: #545352;
    margin: 10px 0 0px 0;
    width: 100%;
}

#mikrotik_list a 
{
    color: #94BD3D;
    text-decoration: none;
}

#mikrotik_list 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%; 
}

#devices_list .underline 
{ margin-bottom: 0 !important; }

#devices_list .content 
{ width: 100%; }

#devices_logs_api .underline 
{ margin-bottom: 0 !important; }

#devices_logs_api .content 
{ width: 100%; }

#mikrotik_list .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%   
}

#mikrotik_list .mikrotik 
{
    border-right: 1px solid #BBB;   
    width: 20%;   
}

#mikrotik_list .address 
{
    border-right: 1px solid #BBB;   
    width: 20%;   
}

#mikrotik_list .mask 
{
    border-right: 1px solid #BBB;   
    width: 20%;   
}

#mikrotik_list .users 
{
    text-align: center;    
    border-right: 1px solid #BBB;   
    width: 14.1%;   
}

#mikrotik_list .edit
{
    text-align: center;
    border-right: 1px solid #BBB;   
    width: 10%;   
}

#mikrotik_list .del 
{
    text-align: center;
    width: 10%;   
}

@media (max-width: 568px)
{
    #mikrotik_list .name 
    {
        border-right: 1px solid #BBB;   
        width: 48.5% !important;   
    }   

    #mikrotik_list .name_surname 
    {
        border-right: 1px solid #BBB;   
        width:10%;   
    } 

    #mikrotik_list .head h5
    { font-size: 12px; }

    #mikrotik_list .record h5
    { font-size: 12px; }
}

@media (max-width: 768px)
{
    #mikrotik_list .mikrotik 
    {
        border-right: 1px solid #BBB;   
        width: 19.7%;   
    }

    #mikrotik_list .address 
    {
        border-right: 1px solid #BBB;   
        width: 19.7%;   
    }

    #mikrotik_list .mask 
    {
        border-right: 1px solid #BBB;   
        width: 19.7%;   
    }   

    #mikrotik_list .head h5
    { font-size: 12px; }

    #mikrotik_list .record h5
    { font-size: 12px; }
}

@media (min-width: 768px) and (max-width: 1170px)
{
    #mikrotik_list .mikrotik 
    {
        border-right: 1px solid #BBB;   
        width: 19.8%;   
    }

    #mikrotik_list .address 
    {
        border-right: 1px solid #BBB;   
        width: 19.8%;   
    }

    #mikrotik_list .mask 
    {
        border-right: 1px solid #BBB;   
        width: 19.8%;   
    }   
}  

#licences_list .header h5
{ text-transform: uppercase; }

#licences_list .underline 
{
    background-color: #545352;
    margin: 10px 0 0px 0;
    width: 100%; 
}

#licences_list 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0; 
}

#licences_list .content 
{
    float: left; 
    display: block;
    width: 100%; 
} 

#licences_list button 
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}



#licences_list input:hover, #licences_list input:focus, #licences_list #user_type:hover, #licences_list #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#licences_list button 
{
    background-color: #fff;
    border-color: #b0ce70;
    color: #b0ce70;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#licences_list button:hover 
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff; 
}

#licences_list .lp
{
    border-right: 1px solid #BBB;
    text-align: center;   
    width: 10%;
}

#licences_list .license_date
{
    border-right: 1px solid #BBB;
    text-align: center;   
    width: 20%;
} 

#licences_list .license_plan
{
    border-right: 1px solid #BBB;
    text-align: center;   
    width: 40%;
}

@media (max-width: 568px) 
{
    #licences_list .lp
    { width: 10%; }

    #licences_list .license_date
    {
        border-right: 1px solid #BBB;
        width: 20%;
    } 

    #licences_list .license_plan
    {
        border-right: 1px solid #BBB; 
        width: 40%;
    } 
}

@media (max-width: 768px)
{
    #licences_list .lp
    { width: 10%; }

    #licences_list .license_date
    {
        border-right: 1px solid #BBB;    
        width: 20%;
    } 

    #licences_list .license_plan
    {
        border-right: 1px solid #BBB;     
        width: 40%;
    } 
}

@media (min-width: 768px) and (max-width: 1170px) 
{
    #licences_list .lp
    { width: 10%; }

    #licences_list .license_date
    { width: 20%; } 
}

#api_form .header h5
{ text-transform: uppercase; }

#api_form .underline 
{
    background-color: #545352;
    margin: 10px 0 10px 0;
    width: 100%; 
}

#api_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0; 
}

#api_form .content
{
    float: left; 
    display: block;
    width: 100%; 
} 

#api_form button 
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}



#api_form input:hover, #api_form input:focus, #api_form #user_type:hover, #api_form #user_type:focus 
{
    border-color: #545352;
    color: #545352; 
}

#api_form button 
{
    background-color: #009f83;
    border-color: #009f83;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}


/*#api_form button:hover 
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff; 
}*/

#but_generate 
{
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; 
    color: #fff !important;
    background-color: #cd1e46 !important;
    border-color: #cd1e46 !important;   
    width: 46.5%;
    cursor: pointer;
}

/*#but_generate:hover
{  
    background-color: #cd1e46 !important;  
    color: #ffffff !important;
}*/

#accounts_api_login
{ width: 25%; }

@media (max-width: 568px) 
{
    #accounts_api_login
    { width: 50%; }   
}

@media (max-width: 768px)
{
    #accounts_api_login
    { width: 40.5%; }   
}

@media (min-width: 768px) and (max-width: 1170px)
{
    #accounts_api_login
    { width: 40.5%; }      
}

#api_logs .header h5
{ text-transform: uppercase; }

#api_logs h5 
{ color: #3a3a39; }

#api_logs p 
{
    color: #bbbbbb;
    margin-top: 5px;
}

#api_logs .underline 
{
    background-color: #545352;
    margin: 10px 0 0px 0;
    width: 100%; 
}

#api_logs 
{
    float: left;
    margin: 30px 0 0 0;
    width: 100%; 
}

#devices_list .underline 
{ margin-bottom: 0 !important; }

#devices_list .content 
{ width: 100%; }

#devices_logs_api .underline 
{ margin-bottom: 0 !important; }

#devices_logs_api .content 
{ width: 100%; }

#api_logs .lp 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%   
}

#api_logs .accounts 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 14%   
}

#api_logs .ver 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 8%   
}

#api_logs .code 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 8%   
}

#api_logs .functions 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 18%   
}

#api_logs .parameters
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 31.3%   
}

#api_logs .events_time 
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 15%   
}

#regulations
{
    background-color: #fff;
    border-color: #cd1e46;
    color: #cd1e46;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;   
} 

#regulations:hover 
{
    background-color: #cd1e46;
    color: #fff !important;
    border-color: #fff !important;
}

#button-container
{ text-align:center; }

@media (max-width: 568px) 
{
    #regulations
    { width: 50%; }
}

@media (max-width: 768px)
{
    #regulations
    { width: 50%; }
}

@media (min-width: 768px) and (max-width: 1170px)
{
    #regulations
    { width: 50%; }   
}

.approved-no
{ color: #ff0000 !important; }

.approved-yes
{  }

#url_approved
{ width: 10px !important; }

.approved_header
{
    font-size: 13px;
    font-weight: 300;
}

.approved
{
    color: #ff0000 !important;  
    font-size: 11px;
    font-weight: 300; 
}

.categories-inactive
{ color: #ff0000 !important; }


.devices-f
{
    border: 1px solid #cccccc; 
    height: 120px;  
    display: block !important;
    transition: all 0.3s ease-out 0s;
    background-color: #ffffff;
    color: #545352;
    text-decoration: none;
    text-align: center;
}

.devices-c
{  
    display: inline-block;
    float: left;
    margin-top: 10px;
    margin-right: 1%; 
    width: 32.1%;   
    height: 194px;
}

.devices-c span
{ font-size: 14px; }

@media (max-width: 568px)
{
    .devices-c
    { width: 48% !important; }

    .devices-c span
    { font-size: 12px; }
}

@media (max-width: 768px)
{
    .devices-c
    { width: 48.4%; }

    .devices-c span
    { font-size: 12px; }
}

@media (min-width: 768px) and (max-width: 1170px)
{
    .devices-c
    { width: 48.5%; }

    .devices-c span
    { font-size: 14px; }
}

.devices-f img
{
    max-width: 100%;
    max-height: 100%;
}

.devices-f:hover
{
    border-color: #545352;
    color: #545352;
}

.devices-fx
{
    height: 218px !important;   
}


.but_remove
{
    width: 50%; 
    background-color: #cd1e46 !important;
    border-color: #cd1e46 !important;
    color: #cd1e46 !important;
    margin-right: 0px !important; 
    cursor: pointer;
}
.but_edit
{
    width: 47%;
    border-color: #009f83 !important;
    color: #009f83 !important;
    cursor: pointer;
}

.but_remove_none
{
    width: 100%;
    height: 53px;
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px !important;
}



.but_remove:hover
{  
    border-color: #cd1e46 !important;   
    background-color: #cd1e46 !important;  
    color: #ffffff !important;
}

#configuration_form select 
{
    width: 47%;  
    margin: 5px 3% 5px 0px ;
    padding: 17px 3%; 
}

.categories_description_col
{
    display: inline-block;    
    float: left;    
    margin: 5px 3% 5px 0;
}  

#schema_form .header h5
{ text-transform: uppercase; }  

#schema_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#schema_form 
{
    width: 100%;
    float: left;
    margin: 50px 0 0 0; 
}

#schema_form .content 
{
    float: left; 
    display: block;
    width: 100%; 
} 


#schema_form button 
{
    float: left;
    display: inline-block;
    margin: 5px 3% 5px 0px !important ;
    padding: 17px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#schema_form select
{
    width: 47%;  
    margin: 5px 3% 5px 0px ;
    padding: 17px 3%; 
}

#schema_form input:hover, #schema_form input:focus, #schema_form #user_type:hover, #schema_form #user_type:focus 
{
    border-color: #545352;
    color: #545352;
}

#schema_form button 
{
    cursor: pointer;   
    background-color: #009f83;
    border-color: #009f83;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
} 

#schema_form button:hover 
{

} 

#schema_categories_list_form  
{
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}


#schema_categories_list_form .header h5
{ text-transform: uppercase; }

#schema_categories_list_form h5 
{ color: #3a3a39; }

#schema_categories_list_form .underline
{
    background-color: #a4a4a4;
    margin: 10px 0 20px 0;
    width: 100%; 
}

#schema_categories_list_form .content 
{ width: 100%; }

#schema_categories_list_form .user_data
{
    font-size: 14px;
    width: 100%;
}

#schema_categories_list_form .user_data label
{
    margin-left: 10px;
    position: relative;
    top: 5px;
}

#schema-filter-configuration  #schema_categories_list_form
{
    margin-top: 0px;
    margin-bottom: 15px;
    background-color: #e6e6e6;
}

#schema-filter-configuration .first
{ padding: 20px 15px 10px 40px;}

#schema-filter-configuration  #schema_categories_list_form  .underline 
{
    margin: 0px 40px 15px;
    width: auto;
}

#schema-filter-configuration  #schema_categories_list_form .header
{ color: #666666; }

@media (max-width: 768px) 
{
    #schema-filter-configuration  #schema_categories_list_form
    { margin-top: 15px; }  
}

@media (max-width: 568px) 
{
    #schema-filter-configuration  #schema_categories_list_form
    { margin-top: 15px; }  
}

@media (min-width: 768px) and (max-width: 1170px) 
{
    #schema-filter-configuration  #schema_categories_list_form
    { margin-top: 10px; }   
}

#schema_filter_active
{
    display: block;
    width: 100%; 
}

#schema_filter_active input
{
    float:none;
    width: 15px !important;
}

#schema_form .header h5
{ text-transform: uppercase; }

#schema_form .underline 
{
    background-color: #545352;
    margin: 10px 0 20px 0;
    width: 100%;
}

#schema_form 
{
    width: 100%;
    float: left;
    margin: 15px 0 0 0;
}


#schema_form .content 
{
    float: left; 
    display: block;
    width: 100%; 
} 

#schema_form #but_schema_save 
{
    float: left;
    display: inline-block;
    padding: 16px 3% ;
    border: 1px solid #bbbbbb;
    color: #545352;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}


#schema_form input:hover, #schema_form input:focus, #schema_form #user_type:hover, #schema_form #user_type:focus 
{
    border-color: #545352;
    color: #545352;
}

#schema_form #but_schema_save 
{
    margin: 5px 3% 15px 0px !important;
    background-color: #94bd3d;
    border-color: #94bd3d;
    color: #fff;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out; 
}

#schema_form #but_schema_save:hover 
{
    background-color: #94bd3d;
    color: #fff;
    border-color: #fff; 
}  

@media (max-width: 568px) 
{ 
    #schema_form #schema_id
    { width: 96.5%; }
}

@media (max-width: 768px)
{
    #schema_form #schema_id
    { width: 96.5%; }
}

@media (min-width: 768px) and (max-width: 1170px) 
{
    #schema_form #schema_id
    { width: 96.5%; }
}

button:disabled, input:disabled
{
    background-color: #f4f4f4 !important;  
    border: 1px solid #bbbbbb !important;
    color: #696969 !important;
    font-weight: normal !important;
    border-style: dashed !important;
    cursor:  not-allowed; 
}


.devices_api_active_vpn
{
    font-size:12px;   
    color: #ffffff !important;   
    background-color: #FFEF42 !important; 
    padding: 2px;
    border: none;
}

.devices_api_active
{
    font-size:12px;   
    color: #ffffff !important;   
    background-color: #afd620 !important; 
    padding: 2px;
    border: none;
    clear: both;
}

.devices_api_inactive
{
    font-size: 12px;
    color: #ffffff !important;   
    background-color: #cd1e46 !important;   
    padding: 2px;
    border: none;
    clear: both;
}


.devices_mobile_description
{
    font-family: "Ubuntu",sans-serif;
    font-size: 14px; 
    color: #3A3A39;
    line-height: 1.5;
    /*text-transform: uppercase;*/
    text-align: justify;   
    margin-bottom: 20px;
    padding-top: 5px;
}

.devices_mobile_description-m
{
 width: 15px;   
}

.devices_mobile_description_step {
   background-color: #cd1e46;
   color: #ffffff;
   padding: 4px;
}


.accounts_options 
{
    display: block;
    height: 30px;
}

.accounts_options input
{
    width: auto;  
}


.chart-container {
    position: relative;
    margin: auto;
    height: 38vh;
    width: 98%; 
}

@media (min-width: 768px) and (max-width: 1170px) 
{
    .chart-container {
        width: 30vw;
    }
}

@media (max-width: 768px)
{
    .chart-container {
        width: 96vw;
    }   
}

@media (max-width: 568px)
{
    .chart-container {
        width: 96vw;
    } 
}



.login-wrapper-overload {
    width: 60%;  
    padding: 0 20% 70px 20%;
}

.login-wrapper-register-overload {


}

.contents-heading {
    font-size: 20px;
    color: #3e3d3c;
    text-align: center;
    margin-bottom: 20px;
}

.contents-description, .contents-description p {
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #3e3d3c !important;
    line-height: 1.5;
}

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

.agreements-content textarea
{
    width: 100%;
    height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.email-activation-content textarea 
{
    width: 100%;
    height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;   
}

.email-activation-content select {
    width: 47%;
    margin: 5px 3% 5px 0px;
    padding: 17px 3%;
}

.email-reminder-content textarea 
{
    width: 100%;
    height: 100px;
    margin-top: 10px;
    margin-bottom: 10px;   
}

.email-reminder-content select {
    width: 47%;
    margin: 5px 3% 5px 0px;
    padding: 17px 3%;
}

.faq-content .cke_1, .faq-content .cke_2, .faq-content .cke_3, .faq-content .cke_4, .faq-content .cke_5 
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.information-clause-content .cke_1, .information-clause-content .cke_2, .information-clause-content .cke_3, .information-clause-content .cke_4, .information-clause-content .cke_5 
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.regulations-content .cke_1, .regulations-content .cke_2, .regulations-content .cke_3, .regulations-content .cke_4, .regulations-content .cke_5 
{
    margin-top: 15px;
    margin-bottom: 15px;
}

.input-errors
{
    border: 1px solid #c51d1d;  
}

.accounts-errors
{
    color: #c51d1d; 
}

#agreements-list
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: 300;
    color: #585858 !important;
    line-height: 1.5;
}

#agreements-list .agreements-list-checkbox
{
    padding-left: 0px !important;  
}

#agreements-list .agreements-list-checkbox input
{
    width: 15px !important;
    height: 15px !important;   
    margin-top: 3px !important;
}

#agreements-list .td
{
    padding: 5px; 
    vertical-align: top;
}

#agreements-list a {
    color: #c51d1d;
    text-decoration: none;
    display: inline-block;
}

#agreements-list .required {
    margin-top: -4px;
    margin-right: 5px;
}

.float-right
{
    float: right !important;   
}

.button-google
{
    border: 1px solid #DADCE0 !important;   
    color:  #bbbbbb !important;
    background-color: #ffffff !important;   
    text-transform: none !important;
    width: 100% !important;
}


.icon-google
{
    background-image: url(../images/icon-google.svg);
    background-position: 5%;
    background-repeat: no-repeat;
    background-size: 32px;
}

.login-field-wrapper
{
    width: 80%;
    margin: 10px auto 0 auto;

}

.login-field-wrapper .field-wrapper
{
    width: 92%;   
}

.login-field-wrapper .accounts-errors{
    font-size: 13px;
    margin-bottom: 20px;
    margin-top:-12px;
}




.columns-field-wrapper
{

    width: 100%;


}

.columns-field-wrapper .field-wrapper
{
    width: 46%;   
    margin-right: 3%;
    margin-bottom: 0%;
}



.columns-field-wrapper .accounts-errors
{
    font-size: 12px;
    display: inline-block;
    width: 46%;
    margin-right: 3%;
    margin-bottom: 5px;
}

.columns-field-wrapper .field-wrapper input 
{
    width: 90%;   
}

.columns-field-wrapper .field-wrapper .field-placeholder
{
    bottom: 22px;  
}


.header-field-wrapper
{
    font-size: 20px;   
    color: #3e3d3c;
    text-align: center;
    margin-bottom: 20px;
}



.field-wrapper{
    position: relative;
    margin-bottom: 15px;
    display: inline-block;


}

.field-wrapper input{
    border: 1px solid #aaa;
    padding: 15px;
    border-radius: 4px;
    width: 100%;
}

.field-wrapper input:focus{
    border: 1px solid #cd1e46;
}

.field-wrapper .field-placeholder{
    font-size: 14px;
    position: absolute;         
    bottom: 17px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #bbbbbb;
    left: 8px;
    padding: 0 8px;
    -webkit-transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
    transition: transform 150ms cubic-bezier(0.4,0,0.2,1),opacity 150ms cubic-bezier(0.4,0,0.2,1);
    z-index: 1;

    text-align: left;
    width: 100%;
    cursor: text;
}        

.field-wrapper .field-placeholder span{
    background: #ffffff;
    padding: 0px 8px;

}

.field-wrapper input:not([disabled]):focus~.field-placeholder
{
    color: #cd1e46;
}
.field-wrapper input:not([disabled]):focus~.field-placeholder,
.field-wrapper.hasValue input:not([disabled])~.field-placeholder
{
    -webkit-transform: scale(.75) translateY(-30px) translateX(-60px);
    transform: scale(.75) translateY(-30px) translateX(-60px);

}

.field-wrapper-hide
{
    display: none;
}



@media (min-width: 768px) and (max-width: 1170px) 
{
    .login-field-wrapper
    {
        width: 80%;
        margin: 0 auto;     
    }  

    .login-field-wrapper .field-wrapper
    {
        width: 92.5%;   
    }

    .columns-field-wrapper
    {
        width: 100%;      
    }  

    .columns-field-wrapper .field-wrapper
    {
        width: 48.2%;   
        margin-right: 3%; 
    }

    .field-wrapper-margin
    {
        margin-right: 0px !important;   
    }

    .columns-field-wrapper .accounts-errors
    {
        width: 48.2%;   
        margin-right: 3%;         
    }

}

@media (max-width: 768px)
{
    .login-field-wrapper
    {
        width: 80%;
        margin: 0 auto;     
    } 

    .login-field-wrapper .field-wrapper
    {
        width: 92%;   
    }



    .columns-field-wrapper .field-wrapper
    {
        width: 48%;   
        margin-right: 3%; 
    }

    .field-wrapper-margin
    {
        margin-right: 0px !important;   
    }

    .columns-field-wrapper .accounts-errors
    {
        width: 48%;   
        margin-right: 3%; 
    }
}
@media (max-width: 568px)
{ 
    .login-field-wrapper
    {
        width: 94%;
        margin: 10px 0 0 0;     
    }  

    .login-field-wrapper .field-wrapper
    {
        width: 90%;   
    }

    .field-wrapper .field-placeholder{
        bottom: 32px;
    }

    .columns-field-wrapper
    {
        width: 100%;      
    }  

    .columns-field-wrapper .field-wrapper
    {
        width: 100%; 
        margin-right: 0px !important;
    }

    .columns-field-wrapper .field-wrapper:empty
    {
        display: none;
    }

    .columns-field-wrapper .field-wrapper input {
        width: 90%;
    }

    .columns-wrapper .field-placeholder{
        bottom: 32px;
    }

    .columns-field-wrapper .accounts-errors
    {
        width: 100%; 
        margin-right: 0px !important; 
    }

    .columns-field-wrapper .accounts-errors:empty
    {
        display: none;
    }

}     

.body-bg
{

}

#plans-categories-list 
{
    font-size: 14px;
    font-weight: 300;   
}


#plans-categories-list input
{
    width: 10px !important;
    height: 10px !important;
    margin-right: 10px;
}

#plans-categories-list .plans-categories
{
    margin-bottom: 10px;    
}

.plans-categories-list-hide
{
    display: none;   
}

#plans-params
{
    width: 100%;   
}

#plans-params .td
{
    padding-bottom: 20px;    
}

#plans-params input
{
    width: 80%;   
}

#routers-params
{
    width: 100%;   
}

#routers-params .td
{
    padding-bottom: 20px;    
}

#routers-params input
{
    width: 80%;   
}

#routers-params select
{
 width: 86%;
 margin: 5px 3% 5px 0px;
 padding: 17px 3%;   
}

#routers-params button
{
  width: 40%;  
}

#routers-import
{
 width: 100%;   
}

#routers-import .td
{
 vertical-align: top;   
 width: 50%;   
}

#routers-import input
{
    width: 90%;   
}

.plans_lp h5, .plans_name h5, .plans_published h5, .plans_activated h5, .plans_accounts h5, .plans_valid h5, .plans_type h5, .plans_edit h5, .plans_remove h5
{
 font-size: 12px;   
}

.plans_lp
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%     
}

.plans_name
{
    border-right: 1px solid #BBB;   
    width: 23%;   
}

.plans_published
{
    border-right: 1px solid #BBB;   
    width: 10%;    
    text-align: center;
}

.plans_activated
{
    border-right: 1px solid #BBB;   
    width: 10%;   
    text-align: center; 
}

.plans_accounts
{
    border-right: 1px solid #BBB;   
    width: 6%;   
    text-align: center; 
}

.plans_valid
{
    border-right: 1px solid #BBB;   
    width: 18%;   
    text-align: center;
}

.plans_type
{
    border-right: 1px solid #BBB;   
    width: 10%;   
    text-align: center;
}

.plans_edit
{
    border-right: 1px solid #BBB;   
    width: 8%;    
    text-align: center;
}

.plans_remove
{
    border-right: 1px solid #BBB;   
    width: 8%;    
    text-align: center;
}

#plans-form
{
    width: 100%;  
}

#plans-form .plans-header
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
}

#plans-form .plans-header-1
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 26px;
    margin-bottom: 25px;
}

#plans-form .plans-header-2
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px; 
    font-weight: 300;
    margin-bottom: 25px;
}

#plans-form .plans-advantages
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 2.0;
}

#plans-form .plans-promotion
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.0;
}

#plans-form ul
{
    margin-left: 55px;  
    margin-bottom: 20px; 
}


#plans-form .plans-percent
{ 
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background-color: #ee004c;
    position: absolute;
    margin-top: 18px;
    margin-left: 16%;
    padding: 8px 16px;
}

#plans-form .plans-title-h
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    display: block;
    margin-top: 85px;
    margin-bottom: 4px;
}

#plans-form .plans-title
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-align: center;
    display: block;
}

#plans-form .plans-amount
{
    text-align: center;   
    margin-top: 8px;
    margin-bottom: 20px; 
    display: block;
}

#plans-form .plans-price
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 64px;
    font-weight: bold;
    color: #eb044a;
    text-transform: uppercase; 
}

#plans-form .plans-currency
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #eb044a;
    text-transform: uppercase; 
}

#plans-form .plans-specification
{
    padding: 20px 0px 30px 0px;  
}



#plans-form .plans-description, #plans-form .plans-description p
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #000000;
    /*text-transform: uppercase;*/
    text-align: center;
    display: block;
    line-height: 2.0;
}

#plans-form .plans-button
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000;   
    background-color: #ffffff;
    text-transform: uppercase; 
    text-align: center; 
    letter-spacing: 0.2em;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;   
    border: 2px solid #dcdcdc;
    margin: 50px auto 0 auto; 
    padding-top: 14px;
    padding-bottom: 14px;
    display: block;  
    width: 60%; 
}

#plans-form .plans-button-soon
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;   
    background-color: #eb044a;
    text-transform: uppercase; 
    text-align: center; 
    letter-spacing: 0.2em;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;   
    border: 2px solid #eb044a;
    margin: 50px auto 0 auto; 
    padding-top: 14px;
    padding-bottom: 14px;
    display: block;  
    width: 85%; 
}


#plans-form .plans-button-none
{
    margin: 50px auto 0 auto;    
    display: block;   
    height: 49px; 
}


#plans-form .plans-subscription-end
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: 400;   
    color: #898989; 
    text-transform: uppercase;
    text-align: center;
    margin-top: 25px; 
}


#plans-form .plans-line
{
    border-top: 1px solid #e7e7e7; 
    margin-top: 30px;
    margin-bottom: 25px;
    /*margin-top: 50px;
    margin-bottom: 30px;*/
}


#plans-form .plans-button-c
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: bold; 
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #ffffff;
    background-color: #009f83;  
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;   
    border-color: none;
    padding: 15px 35px;   
    width: auto;
    cursor: pointer;
}


#plans-form .description
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: 300;

}

#plans-form .plans-checkbox
{
    width: 5%;    
    text-align: center;  
    padding-top: 18px;
}

#plans-form .plans-card
{
    border: 1px solid #e7e7e7;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    float: left;
    width: 30%;
    height: 470px;
    cursor: pointer;
}

@media (max-width: 568px) 
{
    #plans-form .plans-card
    {
        width: 100%;
        height: auto;
        margin-left: 0px !important;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    #plans-form .plans-percent {
        position: absolute;
        margin-top: 18px;
        margin-left: 0%;
        padding: 8px 16px;   
    }

}




#plans-form .plans-current
{
    border: 1px solid #e7e7e7 !important;   
    cursor: not-allowed !important;   
}

#plans-form .plans-disabled
{
    border: 1px solid #e7e7e7 !important;   
    cursor: pointer !important;   
}

#plans-form .plans-margin
{
    margin-left: 3%;    
} 

#plans-form .plans-active
{
    border: 1px solid #ff0000;   
}

#plans-form .plans-active .plans-button
{               
    color: #ffffff !important;  
    border: 2px solid #ee004c !important; 
    background-color: #ee004c !important;   
}

#plans-form .plans-current .plans-percent
{ 
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #0a917a; /*#898989;*/
    position: absolute;
    margin-top: 18px;
    margin-left:0%;
    padding: 8px 16px;
}


#plans-form .plans-current .plans-title-h, #plans-form .plans-current .plans-title
{
    color: #898989;
}

#plans-form .plans-current .plans-price
{
    color: #898989;
}

#plans-form .plans-current .plans-currency
{
    color: #898989;
}

#plans-form .plans-current .plans-description, #plans-form .plans-current .plans-description p
{
    color: #898989;
}

#plans-form .plans-current .plans-button
{               
    background-color: #0a917a !important;
    border: 2px solid #0a917a !important;
    color: #ffffff !important; /*#898989*/    
}

.plans-view select
{
    width: 47%;
    margin: 5px 3% 5px 0px;
    padding: 17px 3%;   
}

#devices-list-selected .td
{
    vertical-align: top;   
    padding: 5px;   
}

.plans_history_lp
{
    border-right: 1px solid #BBB;
    text-align: center;
    width: 5%     
}

.plans_history_description
{
    border-right: 1px solid #BBB;   
    width: 20%;   
}

.plans_history_events_time
{
    border-right: 1px solid #BBB;   
    width: 20%;    
    text-align: center;
}


.plans_history_accounts
{
    border-right: 1px solid #BBB;   
    width: 30%;    
    text-align: center;
}

.plans-history-underline
{
    margin-bottom: 0 !important;   
}

.clear-both {
    clear: both;
}


.full-version {
    font-size: 10px;
}

#header-links
{ 
    float: right;
    font-size: 14px;
    color: #3e3d3c;
    text-align: right;
    text-decoration: none;
    margin-top: 32px;
    margin-right: 10%;   
}

#header-links a
{
    font-size: 14px;
    color:#c51d1d;
    text-decoration: none;   
}

#header-flags
{
    margin-top: 24px;     
    margin-right: 1px;
}

#header-flags a
{   
    margin-left: 10px   
}

.options-links
{
    /*text-align: center;
    padding: 12px 5%;*/
    margin-top: 15px;
    float: left;
    width: 50%; 
}

.options-links a
{
    font-size: 14px; 
    color: #c51d1d;
    text-decoration: none;   
}

.options-links-r
{
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: center; 
    margin-top: 10px;
    padding: 12px 5%;    
}

.options-links-r a
{
    margin-left: 10px;
    font-size: 16px;  
    font-weight: normal;
    color: #009f83;
    text-decoration: none;   
    text-transform: uppercase;
    cursor: pointer;
}

.sep-lines
{
    clear: both; 
    border: 1px solid #DADCE0;
    margin-bottom: 10px    
}

.sep-text
{ 
    position: relative;
    top:-19px;
    width: 20%;
    margin:0 auto; 
    background-color: #ffffff; 
    font-size: 12px; 
    color: #bbbbbb; 
    text-align: center; 
    text-transform: uppercase;  
}


@media (max-width: 568px) 
{

    .logo {
        padding-bottom: 0px;
    }
}

.button-export
{
    cursor: pointer;    
    background-color: #2185d0 !important;   
}

.button-import
{
    cursor: pointer;    
    background-color: #00b5ad !important;     
}

.devices-add
{
    display: block;
    width: 100%; 
    height: 177px;
    border:1px dashed #c51d1d;
    text-align: center;
    text-decoration: none;  
}

.devices-add .devices-border
{
    display: block;
    height: 122px;   
}

.devices-add .devices-plus
{
    font-size: 120px !important;
    color:#c51d1d;   
}

.devices-add .devices-text
{
    display: block;
    height: 52px;
    font-size: 14px;
    font-weight: bold;
    color:#c51d1d;
    text-transform: uppercase;
    margin-top: 5px;    
}

#emailForm {
    width: 100%;   
}

#emailForm .question-header
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #3a3a39;
    text-transform: uppercase;
    margin-bottom: 16px;
}

#emailForm .email-header
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #3a3a39;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#emailForm .email-title
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #3a3a39;   
    border: 1px solid #aaa !important;
    margin-bottom: 15px;
    margin-top: 0px;
    padding: 10px;
    width: 97.5%; 
}

#emailForm .email-message
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #3a3a39;   
    line-height: 1.5;
    border: 1px solid #aaa !important;  
    margin-bottom: 15px;
    padding: 10px;
    height: 200px;
    width: 97.5%;    
}

#emailForm .email-button
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: bold; 
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #ffffff;
    background-color: #009f83 !important;  
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;   
    border-color: #009f83 !important;
    margin: 0 auto;
    padding: 15px 55px !important; 
    display: block;
    float: none;
    width: auto !important;
    cursor: pointer;   
}

@media (min-width: 768px) and (max-width: 1170px) {
    #emailForm {
        width: 100%;   
    }  
}

@media (max-width: 768px) {
    #emailForm {
        width: 100%;   
    }   

    #emailForm .email-title {
        width: 96.5%;   
    } 

    #emailForm .email-message {
        width: 96.5%;   
    }
}

@media (max-width: 568px) {
    #emailForm {
        width: 100%;   
    }    

    #emailForm .email-title {
        width: 93.5%;   
    } 

    #emailForm .email-message {
        width: 93.5%;   
    }
}

.required
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 22px;
    font-weight: bold; 
    text-transform: uppercase;
    color: #c51d1d;
}

.required-description
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: 400; 
    color: #c51d1d;     
}

.required-legend
{  
    margin-top: 10px;
}

.required-legend .required
{
    margin-top: -3px;  
    margin-right: 5px;
}

.table-padding .td
{
    padding: 0px !important;    
}

#overlay {
    background-color: rgba(0,0,0,0.8);   
    position: fixed;  
    width: 100%; 
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;  
    display: none; 
    z-index: 1000;     
}

#overlayToolsR
{
    position: relative;
    z-index: 1001;
}

#overlayToolsD
{
    position: relative;
    z-index: 0;
}

#overlayBox
{
    position: absolute; 
    top: 240px;
    left: 20%;
    right: 20%;
    display: none;
    z-index: 1001;
    
}

#overlayBox #overlayIcon
{
    margin-right: 25px;   
}

#overlayBox .overlay-title
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    font-weight: bold; 
    color: #ffffff;   
    line-height: 1.3;
    margin-bottom: 15px;
    margin-top: 25px;
}

#overlayBox .overlay-description
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    font-weight: 400; 
    color: #ffffff;   
    line-height: 1.5;
    margin-top: -8px;
}

.menu-top-c {
    text-align: right;
    margin-top: 24px;
    float: left;
    width: 70.5%;                
}  

.menu-top-c .menu-top-flags {
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; 
    padding: 10px 10px 10px 20px;
    float: right;
}

.menu-top-c .menu-top-flags .flags-l
{
    font-family: "Ubuntu", sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #9c9c9c;
    text-align: right;
    text-transform: uppercase;  
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;   
}

.menu-top-c .menu-top-flags a {
    margin-right: 15px;   
}            

.menu-top-c .menu-top-plans-active, .menu-top-devices-active {
    text-decoration: none;   
    border: 1px solid #e1e1e1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; 
    margin-right: 20px;
    padding: 5px 15px;
    float: right;
}

.menu-top-c .menu-top-plans-active .plans-l, .menu-top-devices-active .devices-l
{
    font-family: "Ubuntu", sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #9c9c9c;
    text-align: right;
    text-transform: uppercase;  
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}

.menu-top-c .menu-top-plans-active .plans-n, .menu-top-devices-active .devices-n
{
    font-family: "Ubuntu", sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #9c9c9c;
    text-align: left;         
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

.menu-top-c .menu-top-plans-active .plans-i, .menu-top-devices-active .devices-i
{
    vertical-align: middle;    
    display: inline-block;    
}

.menu-top-c .menu-top-logout
{
    background-color: #ed004c;    
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px; 
    margin-left: 20px;
    padding: 11px 1.5% 11px 1.5%;
    float: right;
    z-index: 16;
}

.menu-top-c .menu-top-logout p 
{
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff !important;
    text-transform: uppercase;
    float: left;
    padding-right: 7px; 
}

@media (max-width: 1320px) 
{
    .menu-top-plans-active, .menu-top-devices-active 
    {
        display: none !important;   
    }   
}

@media (max-width: 768px)
{
    #menu-top .logo
    {    

        padding: 12px 0px 0px 16px !important;
        width: auto;
    }



    .menu-top-c
    {
        position: absolute;
        width: 100%;
    }

    .menu-top-c .menu-top-logout
    {

        margin-left: 10px;    
        margin-right: 20px;    
    }
}

@media (max-width: 568px) {

    #menu-top .logo
    {    

        padding: 4px 0px 0px 16px !important;
        width: auto;
    }

    .menu-top-c
    {  
        margin-top: 16px;   
        right: 0px;   
        width: auto;
    }

    .menu-top-c .menu-top-flags
    {
        border: none;
        margin-top: 5px;
        padding: 0px;
    }

    .menu-top-c .menu-top-logout
    {
        margin-right: 15px;   
        margin-bottom: 10px;    
    }
}

.google-msg
{
    border: 1px dashed #009f83;   
    font-family: 'Ubuntu', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #009f83 !important;
    line-height: 2.0;  
    margin-top: 30px;
    padding: 20px; 
}

.protecti-installation
{
    width: 157px; 
    height: 162px;
    margin-left: 20px;  
}

.protecti-installation-d
{
  
    margin-left: 20px;  
}

@media (max-width: 1170px) 
{
 .protecti-installation
 {
   margin: 25px auto;
   display: block;
 }   
}

.nav-a img
{
 width: 22px;
 height: 19px;
}

.label_plans_name
{
 font-size: 10px;
 font-weight: 200;
 color: #ffffff;
 background-color: #009f83;
 display: inline-block;
 padding: 1px;    
}

.label_plans_info
{
 font-size: 12px;
 font-weight: 200;
 color: #ffffff;
 background-color: #009f83;
 display: inline-block;
 padding: 5px;       
}

#overlayBoxPage2 {
    opacity: 0;
    display: none;    
}

#overlayBoxPage3 {
    opacity: 0;
    display: none;    
}

#overlayBoxPage4 {
    opacity: 0;
    display: none;    
}

#overlayBoxPage5 {
    opacity: 0;
    display: none;    
}

#overlayBoxPage6 {
    opacity: 0;
    display: none;    
}

#overlayBoxButton1
{
 border:none; 
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 font-size: 14px;
 font-weight: 200;
 color: #ffffff;   
 background-color: #afcb1f;
 padding: 6px 20px;
 cursor: pointer; 
}

#overlayBoxButton2, #overlayBoxButton4, #overlayBoxButton6, #overlayBoxButton8, #overlayBoxButton10
{
 border:none; 
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
 font-size: 14px;
 font-weight: 200;
 color: #ffffff;   
 background-color: #ef7c27;
 padding: 6px 20px;
 cursor: pointer; 
}


#overlayBoxButton3, #overlayBoxButton5, #overlayBoxButton7, #overlayBoxButton9, #overlayBoxButton11
{
 border:none;    
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;  
 font-size: 14px;
 font-weight: 200;
 color: #ffffff;   
 background-color: #afcb1f;
 padding: 6px 20px;   
 cursor: pointer;
}

#but_qr_code
{
 margin: 0 auto !important;
 float: none !important;
 display: block !important;
 margin-bottom: 10px !important;
}

.center_30p
{
 margin: 0 auto;   
 width: 30%; 
}

.center_80p
{
 margin: 0 auto;   
 width: 80%; 
}

@media (max-width: 768px)
{
 .options-links 
 {
  text-align: center;
  margin-top: -10px;
  margin-bottom: 15px;
  float: left;
  width: 100%;

}   
    
 .button-authentication-u 
 { 
  width: 100% !important;
 }   
}

.groupbox
{
 border: 1px solid #dfdddd;
 padding: 15px;
}

.groupbox .td
{ padding: 4px; }

.groupbox a {
    font-family: arial;
    font-size: 12px;
    color: rgb(12, 173, 236);
    text-decoration: none;
}

.groupbox div
{
 text-align: left;
 font-family: arial;
 font-size: 12px;
 color: #828282;
}

.codes-quantity
{
 text-align: center;
 width: 40px !important;   
}

.codes-checkbox
{
 width: 10px !important;   
}

.codes-button
{
  width: 180px;  
}

.codes-active
{
 display: inline-block;
 font-family: arial !important;
 font-size: 14px !important;
 color:#ffffff !important;
 background-color: #7ebe28; 
 width: 260px;
 padding: 5px;
 margin-bottom: 5px !important;
 margin-right:5px !important;
}

.codes-active-marked
{
 display: inline-block;
 font-family: arial !important;
 font-size: 14px !important;
 color:#ffffff !important;
 background-color: #80058a; 
 width: 260px;
 padding: 5px;
 margin-bottom: 5px !important;
 margin-right:5px !important;
}

.codes-inactive
{
 display: inline-block; 
 background-color: #666666; 
 width: 260px;
 padding: 5px !important;
 margin-bottom: 5px !important;
 margin-right:5px !important;
}

.codes-inactive .info-1
{
 font-family: arial !important;
 font-size: 10px !important;
 color: #ffffff !important;   
}

.codes-inactive .info-2
{
 font-family: arial !important;
 font-size: 14px !important;
 color: #ffffff !important;   
}

.codes-inactive .info-3
{
 font-family: arial !important;
 font-size: 10px !important;
 color: #ffffff !important;   
}

#code-container
{
 margin-top: 30px;
 background-color: #0a917a;
 padding: 5%; /*55px;*/   
}

#code-container #code-container-l
{
 vertical-align: top;  
 padding-right: 50px; 
 width: 33%;
 display: inline-block; 
}

#code-container #code-container-r
{   
 font-size: 13px;
 font-weight: 300;  
 text-transform: uppercase;   
 vertical-align: top;  
 display: inline-block;
 width: 60%; 
}

@media (max-width: 568px) 
{
 #code-container #code-container-l
 {
   width: 100%;   
 }
 
 #code-container #code-container-r
 {
   width: 100%;   
 }
 
 #code-container #code-information
 {
  margin-bottom: 20px;   
 }
}

@media (max-width: 768px)
{
 #code-container #code-container-l
 {
   width: 100%;   
 }
 
 #code-container #code-container-r
 {
   width: 100%;   
 } 
 
 #code-container #code-information
 {
  margin-bottom: 20px;   
 }
}

@media (min-width: 768px) and (max-width: 1170px) 
{
  #code-container #code-container-l
 {
   width: 100%;   
 }
 
 #code-container #code-container-r
 {
   width: 100%;   
 } 
 
 #code-container #code-information
 {
  margin-bottom: 20px;   
 }
}



/*
#code-container #code-container-l
{
 vertical-align: top;  
 padding-right: 50px; 
 width: 40%;
 display: inline-block; 
}

#code-container #code-container-r
{   
 font-size: 13px;
 font-weight: 300;  
 text-transform: uppercase;   
 vertical-align: top;  
 display: inline-block;
 width: 60%; 
}
*/


#code-container #code-ico
{
 margin-bottom: 32px;   
}

#code-container #code-title
{
 font-size: 20px;
 font-weight: bold;  
 color: #ffffff; 
 text-transform: uppercase;
 margin-bottom: 26px;
}

#code-container .code-title-f
{
 font-size: 16px;
 color: #ffffff;
 letter-spacing: 4.0px;
 text-transform: uppercase;    
 margin-bottom: 10px; 
}


#code-container #code-information
{
 font-size: 14px;
 font-weight: 400;  
 color: #ffffff; 
 line-height: 1.5;
}

#code-container .code-serial
{
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;   
 border: none;
 font-size: 15px;
 letter-spacing: 0.7px;
 text-transform: uppercase;       
 padding: 10px 3% 10px 3%;
 margin: 0px 0px 30px 0px; 
 width: 94%;   
}

#code-container .code-mac
{
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;   
 border: none;   
 font-size: 15px;
 letter-spacing: 0.7px;
 text-align: center;
 text-transform: uppercase;       
 padding: 10px 2% 10px 2%;
 margin: 0px 3.2% 30px 0px; 
 width: 10%;
}

#code-container .code-mac-last
{
 margin-right: 0px !important;   
}

#code-container .code-code
{
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;   
 border: none;      
 font-size: 15px;
 letter-spacing: 0.7px;
 text-align: center;
 text-transform: uppercase;       
 padding: 10px 2% 10px 2%;
 margin: 0px 4% 50px 0px; 
 width: 18%;
}

#code-container .code-code-last
{
 margin-right: 0px !important;   
}

#code-confirm
{
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;   
 border: none;   
 font-size: 14px;
 color: #ffffff;
 text-transform: uppercase;
 background-color: #ffa84c; 
 margin: 0px auto;
 padding: 10px 25px 10px 25px;
 cursor: pointer;
 width: auto;
}

#routers-list
{
 float: left;
 margin: 30px 0 0 0;
 width: 100%; 
}

#routers-list .underline 
{
 background-color: #545352;
 margin: 10px 0 0px 0;
 width: 100%;
}

#routers-list .content 
{ width: 100%; }

#routers-list .header h5
{ text-transform: uppercase; }

#routers-list h5
{ font-size: 12px; color: #3a3a39; }

#routers-list input
{
 float: left;
 width: 200px;
 margin: 5px 0.5% 5px 0;
 padding: 11px 10px;
 border: 1px solid #bbbbbb;
 color: #545352;
}

#routers-list select
{
 float: left;
 width: 140px;
 margin: 5px 0.5% 5px 0;
 padding: 10px;
 border: 1px solid #bbbbbb;
 color: #545352;
}

#routers-list button
{
 -webkit-border-radius: 50px;
 -moz-border-radius: 50px;
 border-radius: 50px;
 border: 1px solid #009f83; 
 color: #fff;
 text-transform: uppercase;
 background-color: #009f83;  
 float: left;
 width: 140px;
 margin: 5px 0.5% 5px 0;
 padding: 10px;
 cursor: pointer; 
}

#routers-list p 
{
 color: #bbbbbb;
 margin-top: 5px; 
}

#routers-list a 
{
 color: #94bd3d;   
 text-decoration: none;   
}

#routers-list .routers_lp
{
 border-right: 1px solid #BBB;
 text-align: center;
 width: 5%     
}

#routers-list .routers_model
{
 border-right: 1px solid #BBB;   
 width: 20%;   
}

#routers-list .routers_serial
{
 border-right: 1px solid #BBB;   
 width: 12%;   
}

#routers-list .routers_mac
{
 border-right: 1px solid #BBB;   
 width: 13%;   
}

#routers-list .routers_status
{
 border-right: 1px solid #BBB;   
 width: 10%;   
}

#routers-list .routers_comment
{
 border-right: 1px solid #BBB;   
 width: 23%;   
}

#routers-list .routers_edit
{
 border-right: 1px solid #BBB; 
 text-align: center;
 width: 8%;   
}

#routers-list .routers_remove
{
 border-right: 1px solid #BBB;   
 text-align: center;
 width: 8%;   
}