@font-face {font-family: 'gulimregular'; 
  src: url('../fonts/ufonts.com_gulim_1-webfont.woff2') format('woff2'), url('../fonts/ufonts.com_gulim_1-webfont.woff') format('woff');
  font-weight: normal;font-style: normal;}
body{font-family: 'Mulish' !important;font-weight:400 !important;
background:url(../img/bg-all2.png) no-repeat 28% top;
background-size: 100%;
background-position: 230px 0;
}
body.sidebar-collapse{background-size:114.8%;background-position-x: 115%;}
.clear{clear:both}
.logo-lg{text-align:left;color:#434343}
.skin-blue .main-header .logo{background:#0178b4;}
.skin-blue .main-header .navbar{background:transparent;}
/*.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {background-color:#f9fafc;border-right:1px solid #d6d7dc;}
.skin-blue .sidebar-menu>li.header {color:#666;background:transparent;}
.skin-blue .main-header .navbar .sidebar-toggle:hover {background-color:#0082c3;}*/
.skin-blue .user-panel>.info, .skin-blue .user-panel>.info>a {color:#6d6e71;}
/*.skin-blue .sidebar-form{border:1px solid #d6d7dc;}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {background-color:#fff;}
.skin-blue .sidebar-menu>li>.treeview-menu {background:#f5f3f4;}
.skin-blue .sidebar a {color:#c5c5c5;}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
color: #2692d6;
background:transparent;
border-left-color:transparent;
}*/
.skin-blue .treeview-menu>li>a {color:#6d6e71;}
/*.skin-blue .treeview-menu>li.active>a, .skin-blue .treeview-menu>li>a:hover {color: #030305;}
.skin-blue .sidebar-menu>li>.treeview-menu {background:#f5f3f4;}
.sidebar-collapse.skin-blue .sidebar-menu > li > .treeview-menu,
.sidebar-collapse.skin-blue .sidebar-menu > li:hover > a,
.sidebar-collapse.skin-blue .sidebar-menu > li.active > a {background: #f9fafc;box-shadow:0 0 1px 0 #d6d7dc;}
.sidebar-collapse.skin-blue .sidebar-menu .treeview-menu{border-radius:0 !important;}
.skin-blue .sidebar-menu .treeview-menu>li.active>a, .skin-blue .sidebar-menu .treeview-menu>li>a:hover{color: #030305;}*/
/*.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a{box-shadow:0 0 1px 0 #d6d7dc;}*/
.main-footer p:last-child{
margin-bottom: 0px;
}
/* .content-wrapper{
overflow-y: auto;
} */
.icon i.fa{
padding-top: 15px;
}

/*.sidebar-menu .fa{
font-size: 8px;
color:#000;
}
.sidebar-menu li.active .fa{
color:#2692d6;
}*/
.form-control{
color: #2692d6 !important;
border-color: #b3b3b3;
padding:20px;
}

.content-wrapper .tab-pane{
padding-right: 15px;
padding-left: 15px;
}
.panel-title{
text-align: center;
font-size: 18px;
}
.panel{
padding: 10px;
}
.panel-heading{
border-bottom: 1px solid #b3b3b3 !important
}

.btn.btn-secondary, .btn.btn-primary, .content .btn.btn-success, .content .btn.btn-warning, .btn.btn-danger.btn-norm{
/* background: transparent !important;
color: #074559;
border: none !important;
text-transform: uppercase;
font-weight: 600;
margin-bottom:0; */
border-radius:20px;
border:0px;
padding:10px 30px
}

.btn-success{
background:#3C9DD9 !important;
border-radius:20px;
border:0px;
padding:10px 30px
}

.content .btn:active{
color:inherit;
}

/* button.btn.btn-primary:before,.content .btn.btn-primary:before, .content .btn.btn-success:before{ */
/* background: transparent !important;
color: #074559;
border: none !important;
content: "\f111";
font-family: fontawesome;
padding-right: 10px;
color:green; */
/* } */

/* .content .btn.btn-warning:before{ */
/* background: transparent !important;
color: #074559;
border: none !important;
content: "\f111";
font-family: fontawesome;
padding-right: 10px;
color:orange; */
/* } */


.box{padding:0px;border-radius:20px 20px 40px 40px !important;box-shadow:0px 0px 16px rgb(0 0 0 / 5%) !important;
/* background-color: red !important; */
}
#myprofile .box{border-radius:20px !important;padding:0px}
.box-body .box{border-radius:0px 0px 40px 40px !important}
.panel-title {text-align: center;z-index: 10;font-size: 18px;padding: 12px 15px !important;position: relative;background: #fff;}
.panel-heading {border-bottom: 1px solid #b3b3b3 !important;background: #fff;position: relative;z-index: 1;padding: 0 !important;}
.panel-heading {border-bottom: 1px solid #b3b3b3 !important;background: #fff;position: relative;}
.panel-heading:after{content:'';position:absolute;bottom:-15px;left:50%;margin:0 0 0 -10px;width: 0; height: 0;
           border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #b3b3b3 ;}
.panel-heading:before{content:'';position:absolute;bottom:-14px;left:50%;margin:0 0 0 -10px;width: 0; height: 0;
            border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #fff;z-index:10;
}
.btn-primary{position:relative;margin: 0 0 0px;}
.caret{position:absolute;bottom:13px;right:24px;margin:0;border-top:none;}
.caret:after{content:'';position:absolute;bottom:0;left:0;margin:0;width: 0; height: 0;
   border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #146598 ;}
.caret:before{content:'';position:absolute;bottom:0;left:0;margin:0;width: 0; height: 0;
    border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 8px solid #fff;z-index:10;
}
.btn.btn-primary.dropdown-toggle{
border-radius: 20px;
background-color: #3C9DD9 !important;
border-color:#3C9DD9 !important;
color:#fff !important;
padding:5px 40px 5px 10px;
}

.btn.btn-primary.dropdown-toggle::before{
content:"";
padding:0
}
.selected-file-error{
color:red;
}

.fileUpload {
position: relative;
overflow: hidden;
margin: 10px;
width:100%;
}
.fileUpload input.upload {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}

.zip-upload-loader{
display: none;
text-align: center;
}
.zip-upload-loader img{
width:20px
}

.small-box .inner p{
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
}

.btn.btn-primary .fa{display: none}
.btn.btn-secondary{
background:#D93C3C !important;
border-radius:20px;
border:0px;
padding:10px 30px;
color:#fff;

}
/* .btn.btn-secondary {
background: transparent !important;
color: #929798;
border: 1px solid #bbb6b6;
text-transform: uppercase;
font-weight: 600;
border-radius: 5px;
padding-right: 6px;
} */
/* .btn.btn-secondary:before { */
/* background: transparent !important;
/* color: #074559; */
/* border: none !important;
content: "\f111";
font-family: fontawesome;
padding-right: 10px;
color: #716f6f; */ 
/* } */

.main-header .navbar-custom-menu a, .main-header .navbar-right a{color:#fff}

/* ---------------------------------------------------

Project : CSS Checkbox Switch
Author : Partha Kar (https://www.facebook.com/partha.creativemind)
Version : 1.0
Release Dtae : 15 November, 2017

---------------------------------------------------- */


.checkbox.checbox-switch {
padding-left: 0;
margin:0px
}

.checkbox.checbox-switch label,
.checkbox-inline.checbox-switch {
display: inline-block;
position: relative;
padding-left: 0;
}
.checkbox.checbox-switch label input,
.checkbox-inline.checbox-switch input {
display: none;
}
.checkbox.checbox-switch label span,
.checkbox-inline.checbox-switch span {
width: 60px;
border-radius: 20px;
height: 30px;
border: 1px solid #dbdbdb;
background-color: #efefef;
border-color: rgb(223, 223, 223);
box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.checkbox.checbox-switch label span:before,
.checkbox-inline.checbox-switch span:before {
display: inline-block;
width: 25px;
height: 25px;
border-radius: 50%;
background: rgb(255,255,255);
content: " ";
top: 1px;
position: relative;
left: 3px;
transition: all 0.3s ease;
box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.checkbox.checbox-switch label > input:checked + span:before,
.checkbox-inline.checbox-switch > input:checked + span:before {
left: 30px;
}


/* Switch Default */
.checkbox.checbox-switch label > input:checked + span,
.checkbox-inline.checbox-switch > input:checked + span {
background-color: #3C9DD9;
border-color: rgb(180, 182, 183);

transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:checked:disabled + span,
.checkbox-inline.checbox-switch > input:checked:disabled + span {
background-color: rgb(220, 220, 220);
border-color: rgb(220, 220, 220);
box-shadow: rgb(220, 220, 220) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch label > input:disabled + span,
.checkbox-inline.checbox-switch > input:disabled + span {
background-color: rgb(232,235,238);
border-color: rgb(255,255,255);
}
.checkbox.checbox-switch label > input:disabled + span:before,
.checkbox-inline.checbox-switch > input:disabled + span:before {
background-color: rgb(248,249,250);
border-color: rgb(243, 243, 243);
box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Switch Light */
.checkbox.checbox-switch.switch-light label > input:checked + span,
.checkbox-inline.checbox-switch.switch-light > input:checked + span {
background-color: rgb(248,249,250);
border-color: rgb(248,249,250);
box-shadow: rgb(248,249,250) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Dark */
.checkbox.checbox-switch.switch-dark label > input:checked + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked + span {
background-color: rgb(52,58,64);
border-color: rgb(52,58,64);
box-shadow: rgb(52,58,64) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-dark label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-dark > input:checked:disabled + span {
background-color: rgb(100, 102, 104);
border-color: rgb(100, 102, 104);
box-shadow: rgb(100, 102, 104) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Success */
.checkbox.checbox-switch.switch-success label > input:checked + span,
.checkbox-inline.checbox-switch.switch-success > input:checked + span {
background-color: rgb(40, 167, 69);
border-color: rgb(40, 167, 69);
box-shadow: rgb(40, 167, 69) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-success label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-success > input:checked:disabled + span {
background-color: rgb(153, 217, 168);
border-color: rgb(153, 217, 168);
box-shadow: rgb(153, 217, 168) 0px 0px 0px 8px inset;
}

/* Switch Danger */
.checkbox.checbox-switch.switch-danger label > input:checked + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked + span {
background-color: rgb(200, 35, 51);
border-color: rgb(200, 35, 51);
box-shadow: rgb(200, 35, 51) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-danger label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-danger > input:checked:disabled + span {
background-color: rgb(216, 119, 129);
border-color: rgb(216, 119, 129);
box-shadow: rgb(216, 119, 129) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Primary */
.checkbox.checbox-switch.switch-primary .deleteRow > .isDelete:checked + span
{
background-color: #FF0000;
border-color: #FF0000;
box-shadow: #FF0000 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-primary label > input:checked + span:before,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span:before {
background-color: #3C9DD9;
box-shadow:none
}


.checkbox.checbox-switch.switch-primary label > input:checked + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked + span {
background-color: #F4F4F4;
border-color: #F4F4F4;
box-shadow: #F4F4F4 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-primary label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-primary > input:checked:disabled + span {
background-color: rgb(109, 163, 221);
border-color: rgb(109, 163, 221);
box-shadow: rgb(109, 163, 221) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Info */
.checkbox.checbox-switch.switch-info label > input:checked + span,
.checkbox-inline.checbox-switch.switch-info > input:checked + span {
background-color: rgb(23, 162, 184);
border-color: rgb(23, 162, 184);
box-shadow: rgb(23, 162, 184) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-info label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-info > input:checked:disabled + span {
background-color: rgb(102, 192, 206);
border-color: rgb(102, 192, 206);
box-shadow: rgb(102, 192, 206) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

/* Switch Warning */
.checkbox.checbox-switch.switch-warning label > input:checked + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked + span {
background-color: rgb(255, 193, 7);
border-color: rgb(255, 193, 7);
box-shadow: rgb(255, 193, 7) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}
.checkbox.checbox-switch.switch-warning label > input:checked:disabled + span,
.checkbox-inline.checbox-switch.switch-warning > input:checked:disabled + span {
background-color: rgb(226, 195, 102);
border-color: rgb(226, 195, 102);
box-shadow: rgb(226, 195, 102) 0px 0px 0px 8px inset;
transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
}

.content-header > h1 {
color: #fff;
margin: 0;
font-size: 30px;
padding-top: 20px;
padding-bottom: 10px;
font-weight: bold;
font-family: "Mulish";    
}

.small-box .inner p {
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
background-color: transparent;
border-right: none;
}

.skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #fff;
    box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
    transition: all .7s;
}

.skin-blue .main-header .logo {
background: #fff;
}

.skin-blue .main-header .logo:hover {
background-color: #fff;
}
.chk{
width: 40px;
margin: 0 auto;
}

.chk-del span {
opacity: 0;
}
.chk-del.active span {
opacity: 1;
}

.chk-del{background:#efefef !important;border-color:#ccc !important}
.chk-del:hover, .chk-del:active, .chk-del.hover ,.chk-del.active, .chk-del:focus, .chk-del.active:focus{
background:#ddd !important;border-color:#ccc !important
}
.chk-del span{color:#c9302c !important}

.chk-del input {
visibility: hidden;
position: absolute;
left: -9999999px;
}

.chk-box span {
opacity: 0;
}
.chk-box.active span {
opacity: 1;
}

.chk-box{background:#fff !important;border-color: #fff !important;color:#3C9DD9;border-radius:50%;padding:6px 11px;box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);}
.chk-box:hover, .chk-box:active, .chk-box.hover ,.chk-box.active, .chk-box:focus, .chk-box.active:focus{
background:#fff !important;border-color:#efefef !important
}
.chk-box span {color:red}
.chk-box span i{color:#3C9DD9 !important}

.chk-box input {
visibility: hidden;
position: absolute;
left: -9999999px;
}
.status_inf{text-align:center;display: block}
.status_inf:before{
background: transparent !important;    
border: none !important;
content: "\f111";
font-family: fontawesome;          
display: inline-block;
font-size:20px;
}

.status_inf.pending:before{
color:orange;
}

.status_inf.success:before,.status_inf.completed:before{
color:green;
}

.status_inf.error:before{
color:red;
}

@media(max-width:500px){
.small-box .inner h3{
font-size: 25px
}
.small-box .inner p{
font-size: 11px;
}
}

@media screen and (max-width: 767px){
.table-responsive {
padding-top: 15px;

}
}
#loading-indicator {
position: absolute;
left: 250px;
top: 10px;
}


.btn-visible-hide{visibility: hidden;position: absolute;left:-99999px}
.float-right{float: right;margin-left:10px}
.no-margin-bottom{margin-bottom:0px}
.no-margin-top{margin-top:0px}
.no-padding-bottom{padding-bottom:0px}
.no-padding-top{padding-top:0px}

.input-group-btn.input-space {
padding-left: 5px;
}
.special-margin-top1{margin-top:-73px}
.padding-total-hardware{padding:5px 15px}

footer {
position: relative;
padding: 15px;
background: #FFF;
color: #000;
}

.pace {
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

.pace-inactive {
display: none;
}

.pace .pace-progress {
background: #29d;
position: fixed;
z-index: 2000;
top: 0;
right: 100%;
width: 100%;
height: 2px;
}

.pace .pace-progress-inner {
display: block;
position: absolute;
right: 0px;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1.0;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-moz-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
-o-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}

.pace .pace-activity {
display: block;
position: fixed;
z-index: 2000;
top: 15px;
right: 15px;
width: 14px;
height: 14px;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 10px;
-webkit-animation: pace-spinner 400ms linear infinite;
-moz-animation: pace-spinner 400ms linear infinite;
-ms-animation: pace-spinner 400ms linear infinite;
-o-animation: pace-spinner 400ms linear infinite;
animation: pace-spinner 400ms linear infinite;
}

tr th, tr td{vertical-align:middle !important}

.small-box {
min-height: 145px;
}

@-webkit-keyframes pace-spinner {
0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@-moz-keyframes pace-spinner {
0% { -moz-transform: rotate(0deg); transform: rotate(0deg); }
100% { -moz-transform: rotate(360deg); transform: rotate(360deg); }
}
@-o-keyframes pace-spinner {
0% { -o-transform: rotate(0deg); transform: rotate(0deg); }
100% { -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@-ms-keyframes pace-spinner {
0% { -ms-transform: rotate(0deg); transform: rotate(0deg); }
100% { -ms-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes pace-spinner {
0% { transform: rotate(0deg); transform: rotate(0deg); }
100% { transform: rotate(360deg); transform: rotate(360deg); }
}

.navbar-nav .caret{display: none}
.products-list .product-description{overflow: visible}


.linuxclientconfiguration_group{padding:15px}
.linuxclientconfiguration_group #remote-form{display:none}
.linuxclientconfiguration_group #manual-form{display:none}
.linuxclientconfiguration_group #downloadTAR{display:none}




.btn-normal{background:#fff !important;border-color: #fff !important;box-shadow:0px 0px 10px rgba(0,0,0,0.2);color:#3C9DD9;border-radius:50%;padding:8px 12px}
.btn-normal:hover, .btn-normal:active, .btn-normal.hover ,.btn-normal.active, .btn-normal:focus, .btn-normal.active:focus{
background:#ddd !important;border-color:#ccc !important
}
.btn-normal span{color:#3C8CBC !important}

.list-group {
border: 3px solid transparent;
}



.panel-style2 .panel-header{background:#337AB6;display: inline-block;padding:10px;color:#fff;position:absolute;top:-40px;left:-1px;}
.panel-style2 .panel{padding:0px 0px 10px 0px;position:relative;margin-top: 54px;margin-bottom: 10px;}
.panel-style2 .chk .checkbox.checbox-switch{margin:0px;}
.panel-style2 .chk {margin:0px 0px;}
.panel-style2 .link-dw{color:#074559;font-size:14px;}

.logo-src.l-aws{background:url(../img/logo_aws.png) no-repeat;background-size: 100%;width:32px;height:32px;margin:0 auto;}
.logo-src.l-google{background:url(../img/logo_google_cl.png) no-repeat;background-size: 100%;width:32px;height:32px;margin:0 auto;}
.logo-src.l-gcp{background:url(../img/logo_google_cl.png) no-repeat;background-size: 100%;width:32px;height:32px;margin:0 auto;}
.logo-src.l-azure{background:url(../img/logo_azure.png) no-repeat;background-size: 100%;width:32px;height:32px;margin:0 auto;}
.alignleft .status_inf, .alignleft .chk{margin:0 !important;text-align: left}


.btn.btn-none{background:transparent !important;border:0px !important;}
.btn.btn-none .fa{font-size:20px;}

@media (max-width:990px){
.special-margin-top1{margin-top:0px}
}

@media (max-width:768px){
.small-box {
min-height: 136px;
}
}

@media (max-width:500px){
.small-box {
min-height: 120px;
}
.content-header > h1{
font-size:30px;
}
.box-header > .box-tools{
position: relative;
right:0;
top:0;
float:none !important;
}
.box-header > .box-tools img{
float:none !important;
margin-top:0px !important;
}

}

@media (max-width:218px){
.small-box {
min-height: 140px;
}
}

@media (max-width: 991px){
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {

right: 0 !important;    
}
} 




/* =================== snackbar ============================ */
.snackbar {
visibility: hidden;
min-width: 250px;
margin-left: -125px;
text-align: center;
border-radius: 2px;
padding: 16px;
position: fixed;
z-index: 99999;
left: 50%;
bottom: 30px;
font-size: 17px;
}

.snackbar.show {
visibility: visible;
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
from {bottom: 0; opacity: 0;} 
to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1;} 
to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}

/* ============================= end snackbar ============================= */

#ExistingPackages{display: flex;justify-content: center}
.ajaxeasy-validationerrors {
font-size: 10px;
}

#custom_upgrade_prev .list-group .list-group-item{border-radius:0px !important;}
#custom_upgrade_prev .list-group{border:0px}



/*==== UPDATE CSS STATUS ==*/

.text-warning .fa-circle,
.text-success .fa-circle,
.text-danger .fa-circle{
font-size:20px;
}

button.text-danger{
  border:0px;
  background-color: transparent;
}

button.btn:before, .content .btn:before, .content .btn:before{
font-size:18px;
}
span .fa-circle{
font-size:20px;
}

span.text-danger .fa-circle{color:red !important}
span.text-success .fa-circle{color:green !important}
span.text-warning .fa-circle{color:#f39c12 !important}
a.btn.btn-primary:before{color:#3C8FCF !important}


/* --------- CART ------- */

.removebtn .button{font-size:16px !important;margin-bottom: 0px !important;background: red !important}
#pricing table tr td{vertical-align: middle}

input::-webkit-contacts-auto-fill-button, 
input::-webkit-credentials-auto-fill-button {
visibility: hidden;
pointer-events: none;
position: absolute;
right: 0;
}
.textstyle2{
color:#899193;margin-bottom:15px;font-weight: normal;font-family: 'Mulish', sans-serif;
}
.iconadd{
position:absolute;right:20px;top:5px;
}
.popuplock{
background-color:#fff;border-radius: 8px;width:100%;position: absolute;left:0px;top:40px;padding:20px;
}
.ctrllbl{
color:#fff;font-size:20px;padding-left:10px;
}
.frmctrl{
height:auto;border-radius: 8px;position: relative;
}
.popuplock h4{
font-family: 'Mulish', sans-serif;
font-size:24px;
font-weight: bolder;
color:#5D686D;
padding-bottom:0px;
margin:0;
}
.popuplock h6{
font-family: 'Mulish', sans-serif;
font-size:16px;
font-weight: normal;
color:#5D686D;
margin:0;
}
.popuplock::before{
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 10px 20px 10px;
border-color: transparent transparent #fff transparent;
position: absolute;
right:15px;
top:-10px;
}

.carticon{
padding:10px !important;
}
.carticon::after{
content:attr(data-before);
font-size:8px;
text-align:center;
background:red;
width:20px;
height:20px;
position:absolute;
top:8px;
right:8px;
border-radius:50%;
}


.minplusbtn{width:30px;padding:0px;display: inline-block !important;padding:0px !important;}
.btn-cart{text-align: center;}
.current_amount{font-size:40px;padding:0px 10px;font-weight: bold;font-family: 'Mulish', sans-serif;line-height: 41px}
.msg-success{background:green;padding:15px;color:#fff;border-radius:4px;margin-bottom:15px;}
.msg-error{background:red;padding:15px;color:#fff;border-radius:4px;margin-bottom:15px;}

.box1{background: #fff;padding:10px 40px;border-radius: 10px;box-shadow: 0 1px 1px rgba(0,0,0,0.2)}
.box1 .titleb{margin-bottom:20px;font-weight: bold;font-family: 'Mulish',sans-serif}
.list-items {border-top:1px solid #ccc;padding-top:10px;margin-top:10px;}
.list-items ul{list-style: none;display: flex;font-family: 'Mulish',sans-serif;flex-direction: column;margin:0px 0px 0px;padding:0;}   
.list-items ul li{background: #efefef;margin-bottom:10px;padding:10px 30px;border-radius: 4px;}
.list-items ul li .item {float:left;width:180px;}
.list-items ul li .item h5{font-size:18px;font-weight: bold}
.list-items ul li .item p{font-size:13px;}
.list-items ul li .qty-num {font-size:15px;font-weight: normal;font-family: 'Mulish',sans-serif;float:right;text-align: right;vertical-align:middle;line-height: 58px}
.list-items ul li .pricing {font-size:18px;font-weight: normal;font-family: 'Mulish',sans-serif;float:right;text-align: right;vertical-align:middle;line-height: 58px;width:20%;}
.total-items {border-top:1px solid #ccc;}
.total-items ul{list-style: none;display: flex;margin:0px 30px 10px 0px;padding:0;}
.total-items ul li{display: flex;flex-direction: row;justify-content:space-between;flex:1;align-items: center}
.total-items ul li .total-price h3{font-weight: bold}
.total-items ul li .labeltotal h3{font-weight: bold}
.button-footer{text-align: right;padding:20px 0px;}
.button-footer .button-purchase, .button-footer .button-back{ 
text-align: center;        
font-size:18px;
font-weight: bold;
font-family: 'Mulish',sans-serif;
color:#fff;
background-color:#6B1871;
padding:10px 20px;
border-radius: 30px;
box-shadow: 0 1px 1px rgba(0,0,0,0.2);
border:0px !important;
margin:0px !important;
}
.button-footer .button-back{
background-color:#646066;
border:0px !important;
}

#pricing h5{
color:#3C9DD9;
margin:0px 0px 10px;
font-weight:b
}
#pricing h2{
text-align:left;
font-weight: bold;
font-size:40px;
margin:0px;
margin-bottom:10px;
color:#fff
}

#pricing h4{
text-align:left;      
font-size:20px;
margin-bottom:40px;
color:#fff
}
#pricing .box-primary{
padding:20px;
border-top:0px solid #6B1871;
}
#pricing .box{position:relative;margin-bottom:40px;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#pricing .box:before{
width:80px;
height:80px;
content:" ";
background:url(../img/attr1.png) no-repeat center;
background-size:100%;
position:absolute;
top:-35px;
left:32%;
}
#pricing .box .title{margin:10px 0px;}
#pricing .box h5{
text-align:center;
font-weight: bold;
font-size:28px;
margin-bottom:10px;
}

#pricing .box p{
text-align:left;
font-weight: normal;
font-size:16px;
margin-bottom:0px;        
}

#pricing .box .btn.btn-primary{font-size:16px;background:#FFFFFF !important;color:rgba(60,157,217,0.39);box-shadow: 0 0 10px rgba(0,0,0,0.1);}

#pricing .box hr{
border:0px;
border-bottom:1px solid #efefef;

margin-bottom:10px;
}

#pricing .box .title{color:#707070}
#pricing .box .desc{margin-bottom:10px;color:#3C9DD9}
#pricing .box .total{
margin-bottom:20px
}
#pricing .box .pricing{
text-align:right;
font-weight: bold;
font-size:16px;
margin-bottom:0px;
}
#pricing .box .pricing span{
font-size:14px;
font-weight: normal
}
.button{
text-align: center;
display: block;
font-size:18px;
font-weight: bold;
font-family: 'Mulish',sans-serif;
color:#fff;
background-color:#646066;
padding:10px 20px;
border-radius: 30px;
box-shadow: 0 0 2px rgba(0,0,0,0.5);                

margin:0 auto 10px;

}
.button:hover{
background-color:#7F7F7F;
}

.button.free{
background-color:#fff;
color:#3C9DD9;
border:0px;
padding:6px 0px !important;
box-shadow: 0 0 10px rgba(0,0,0,0.1) !important;                
font-size:26px;
width:50px;
}
.button.free:hover{
background-color:#0082c3;
color:#fff;
}
#pricing  small{
font-size:14px;
text-align: center;
display:block;
}
#pricing .clist{text-align:center;padding:20px 0px;}
#pricing .clist p{margin:0px;}
#pricing .llist p{margin:0px;}
#pricing .llist{padding:20px 0px;}
#pricing .clist h3{font-weight:bold;font-size:20px;}
#pricing .llist h3{font-weight:bold;font-size:20px;padding:0px 0px;margin:0px;}
#pricing .parent-list{border-bottom:1px solid #ccc;}
#pricing .comparelist{padding:0px 40px;background-color:#fff;padding-bottom:20px;border-radius: 4px;box-shadow: 0 1px 1px rgba(0,0,0,0.1)}
#pricing .clist p i{color:#6B1871;font-size:20px;}
#pricing .clist p i.fa-circle{color:#ccc;font-size:10px;}
#pricing .btn-tab{
background: #6B1871;
color: #fff;
padding: 10px 12px;
min-width: 65px;
font-size: 12px;
}
#pricing .btn-tab.active,#pricing .btn-tab:active{background:#A420AD;outline:none;}
#pricing .on-mobile{text-align: center;margin:0px 0px 20px;display: none;}
#pricing .on-desktop{display: block;}
#pricing .ctab{display: block}



/*.has-error .help-block{color:red;}*/


@media screen and (max-width:780px){
#pricing .on-mobile{display: block;}
#pricing .on-desktop{display: none;}
}

@media (max-width:768px){
.logout-link{position:unset;}
}

/* ============================= Context Menu ============================= */
.context-menu {
position:fixed;
z-index:10000;
max-width:200px;
background:#fff;
border-radius:5px;
transform:scale(0);
transform-origin:top left;
}
.context-menu.active {
transform:scale(1);
transition:transform 300ms ease-in-out;
}
.context-menu .item {
padding:8px 10px;
font-size:15px;
cursor: pointer;
}
.context-menu .item.disabled {
cursor: default;
}
.context-menu .item:hover {
background:#337AB6;
color: #fff;
}
.context-menu .item i {
display:inline-block;
margin-right:5px;
}
.context-menu hr {
margin:2px 0px;
border-color:#555;
}
/* ========================================================================= */

/*============================AUTH===============================*/

@import url('https://fonts.googleapis.com/css?family=Mulish:300,400,700,900');

body.login-page{
font-family: "Mulish" !important; background:url(../img/auth-header-bg.svg) repeat-y left top;   
}

body.login-page .form-control{
background:#F4F4F4;
border-radius:20px;
border:0px;
}



.auth-links {
margin-top: 10px;
}
.error {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #b52626;
}
.login-page, .register-page {
background: #fff;
}
.login-box-body, .register-box-body {
background: #fff;
padding: 20px;
border-top: 0;
color: #666;
border-radius: 5px;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}



.btn.btn-primary {
background:#3C9DD9 !important;
border-radius:20px;
border:0px;
padding:10px 30px
/* background: transparent !important;
color: #074559;
border: 1px solid #bbb6b6;
text-transform: uppercase;
font-weight: 600;
border-radius: 5px;
padding-right: 6px; */
}
/* .btn.btn-primary:before { */
/* background: transparent !important;
color: #074559;
border: none !important;
content: "\f111";
font-family: fontawesome;
padding-right: 10px;
color: green; */
/* } */

.logo-side{text-align:center;margin:0 auto;}
.align-items-center {
-ms-flex-align: center!important;
align-items: center!important;
text-align: center;
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important;
height:100%;  
}

.flex-row{
flex-direction: row;
}

.login-box .checkbox{text-align:left;}
#landing-content{background:#fff;text-align:left}
#landing-right-content{color:#fff;background:url(../img/bg-auth.svg) no-repeat left top;background-size:cover}
#landing-right-content .flex-row{padding:80px;}
#landing-right-content h1{font-size:5em;text-align:left; font-family: "Mulish";}
#landing-right-content h1 img{background:#fff;padding:20px;border-radius:8px; font-family: "Mulish";}

#landing-right-content h5{font-size:2em;text-align:left;}

#login-header-menu{padding:30px 20px;z-index: 99;}
#login-header-menu .link-side a{display:inline-block;border:2px solid #3C9DD9;font-size:16px;color:#3C9DD9;padding:10px 30px}

.login-box-msg, .register-box-msg{font-size:30px;font-family:"Mulish";text-align:center;padding:20px 0px;border-bottom:1px solid #efefef;margin-bottom:20px}

#eztfa-logosw{
position: absolute;
bottom: 0;
right: 0;
border-top: 1px solid #efefef;
width: 100%;
padding: 20px;
text-align: right;
padding: 15px;
font-size:12px;color:#888
}

@media screen and (max-width: 960px) {


body.login-page{background-size:cover}
#login-header-menu{position: relative;}
#landing-right-content .flex-row{padding:40px;}
#landing-right-content h1{font-size:3em;text-align:left;}
#landing-right-content h5{font-size:1.5em;text-align:left;}
.login-box, .register-box{margin-bottom:20px;margin-top:0px;padding-top:20px}

}

@media screen and (max-width: 960px) {
#eztfa-logosw{position:static;bottom:0px;right:0px;display: block !important;clear:both;text-align:center;width:100%;padding:20px;}
}
@media screen and (max-width: 500px) {
.mylogo1 span{font-size:18px !important;}
}

@media screen and (max-width: 420px) {
.mylogo1 span{display: none}
}
@media screen and (max-width: 400px) {
.mylogo1 span{display:none;}
#landing-right-content h1{font-size:2em;text-align:left;margin-top:0px;}
.icheck label a{display: block}
#landing-right-content h5{font-size:1.2em;text-align:left;}
.login-box-msg{font-size:1.5em !important;}
.btn-reset{font-size:1em !important;}
#landing-right-content .flex-row{padding:15px;}
.d-flex{min-height:auto;}
}

.btn-blue{background:#05143F !important;border-color:#05143F !important;font-size: 18px;text-transform: normal;
padding: 10px 20px;color:#fff !important}
.btn-blue:hover, .btn-blue:active, .btn-blue.hover ,.btn-blue.active, .btn-blue:focus, .btn-blue.active:focus{
background:#05143F !important;border-color:#05143F !important;color:#fff !important;
}
.btn-blue span{color:#fff !important}

.skin-blue .sidebar-menu{padding:10px 10px}
.skin-blue.sidebar-collapse .sidebar-menu{padding:10px 0px}
.skin-blue .sidebar-menu > li{margin-bottom:5px;font-family:"Mulish";font-size:14px;font-weight:bold;}
.skin-blue .sidebar-menu > li > a {padding-left:57px;color:#05143F}
.skin-blue .sidebar-menu > li > a i{left:15px;position:absolute;top:28%;color:#1C68B5}

.skin-blue .sidebar-menu > li.active > a{border:0px}
.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a{
  background:none;color:#1C68B5;border-radius:20px;box-shadow:0px 0px 10px rgba(0,0,0,0.1);padding-left:60px;
}
.skin-blue .sidebar-menu > li:hover > a{
  padding-left:57px !important;
}

.skin-blue .sidebar-menu > li.active:hover > a{
  padding-left:60px !important;
}

.skin-blue .sidebar-menu > li span{white-space:pre-wrap}
.content-wrapper{background:transparent;padding:30px}
.content h3{color:#fff}
.content-header > .breadcrumb > li > a{color:#fff}
.small-box{background:#fff !important;border-radius:20px;padding:0px}
.small-box h3,
.small-box p{
color:#707070
}
.small-box a{border-radius:0px 0px 18px 18px}
.main-footer{margin-left:0px;text-align:right}
.panel{background:none;border:0px !important;box-shadow:none;margin-bottom:0px}
.panel .panel-heading{background:none;border:0px !important}
.panel .panel-heading::after{display:none}
.panel .panel-heading::before{display:none}
.panel .panel-heading .panel-title{background:none;border:0px}
.panel .panel-heading .panel-title{text-align:left;font-size:30px;font-family:"Mulish";font-weight: bold;}
.box{border-radius:20px;border:0px !important;position:relative;z-index:3}
.table tr:hover{background:#fff !important}
.table,
.table tr,
.table tr td,
.table tr th,
.table tfoot tr th{border:0px !important}

.download-page .table.table-bordered,
.download-page .table.table-bordered tr,
.download-page .table.table-bordered tr td,
.download-page .table.table-bordered tr th,
.download-page .table.table-bordered tfoot tr th{border:1px solid #efefef !important;padding:20px}

.table tr th{border-bottom:1px solid #efefef !important}
.filter-panel input,.table tr td  textarea,.table tr td  input{background:#F4F4F4 !important;border:0px;padding:10px}
.table tr td{font-size:13px !important;vertical-align:top !important;height:20px !important}
ul.dropdown-menu{border-radius:20px;overflow:hidden;padding:0px}
/* .filter-panel select{border-radius:20px;background:#3C9DD9; appearance: none;
-moz-appearance: none;
-webkit-appearance: none;color:#fff !important}
.filter-panel select:after{content: '';
position: absolute;
bottom: 0;
left: 0;
margin: 0;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;ff
border-top: 8px solid #fff;
z-index: 10;} */

.box-header.with-border{border:0px}
.box-header h3{color:#05143F;font-size:17px;border-bottom:1px solid #efefef;display:block !important;padding-bottom:20px;margin-bottom:10px !important;font-weight:600 !important}
.box button.shadow-white{background:#fff !important;color:#3C9DD9;font-family:"Mulish";font-size:16px;box-shadow:0px 0px 10px rgba(0,0,0,0.2)}
.box button.shadow-white:hover{background:#05143F !important;color:#fff}
.box .box-body input{background:#F4F4F4 !important;border:0px;width:100%;min-width:150px;}
.box .box-body label{color:#707070;font-family:"Roboto";font-size:13px}


.dl-horizontal {border-bottom:1px solid #efefef;padding-bottom:20px;margin-bottom:10px !important;}
.dl-horizontal dt{text-align:left;color:#707070;font-family:"Roboto";font-size:13px}
.dl-horizontal dd{text-align:right;color:#1C68B5}

.btn-primary.btn-sqr{background:#05143F !important;border-radius:0px !important;display:block;margin:20px auto 10px;}
.lst-features ul{list-style:none;padding:0;margin:0;margin-bottom:20px}
.lst-features ul li{color:#05143F;line-height:30px}
.lst-features ul li:before{content:"\f125";font-family: 'Ionicons';color:#05143F;padding:0px 30px}
.lst-features .text-primary{color:#3C9DD9;text-decoration:underline;font-size:12px;font-family:"Mulish";font-weight:bold}
.btn.btn-new{background:#fff !important;box-shadow:0px 0px 10px rgba(0,0,0,0.2);color:#3C9DD9;padding:10px 15px;margin:0px 10px}
.btn.btn-new:hover{background:#3C9DD9 !important;color:#fff}

.alert{border-radius:30px;padding:20px 40px}
.alert a{text-decoration:none}

.box-body table th{color:#707070}
.local_section{padding:0px 10px}

.bdg{background:#fff;border-color: #fff !important;box-shadow:0px 0px 10px rgba(0,0,0,0.2);color:rgba(60,157,217,0.6);border-radius:20px;padding:8px 12px;display:block;font-weight:bold}
.bdg.bdg-success{background-color:#00E08A;color:#fff;}
.bdg.bdg-error{background-color:red;color:#fff;}
.bdg.bdg-pending{background-color:#F4F4F4;color:#05143F;}

.btn-default{background:#fff !important;border-color: #fff !important;box-shadow:0px 0px 10px rgba(0,0,0,0.2);color:#3C9DD9;border-radius:20px;padding:8px 30px;display:block}
.inline{display: inline-block;}

.del-select-all .chk-box,.del-btn .chk-box{border:1px solid #ccc !important;border-radius:10px}

/*=========== NAVTABS ======= */

.nav-tabs-custom {border-radius:0px !important;background:none !important;box-shadow: none;}
.nav-tabs-custom .tab-content{border-radius:0px !important;background:none !important;padding:0px 5px}
.content-wrapper .tab-pane{padding:0px}
.box-footer{border-radius:24px;border:0px;box-shadow:0px 0px 10px rgba(0,0,0,0.2);padding:20px;margin:0px}
.box-body{padding:10px 30px 10px}
.box > .box-body{padding:10px 30px 10px}
.box-body .box-body{padding:10px 30px 10px}
.box-header{padding:30px 30px 0px}
.nav.nav-tabs{border:0px;margin-bottom:-20px}
.nav.nav-tabs li{margin:0px;border:0px !important;}
.nav.nav-tabs li a{border-radius:0px 0px 0px 0px;padding:20px 0px 40px !important;padding-left:20px;margin-left:-20px;position:relative}
.nav.nav-tabs li:first-child a{border-radius:20px 0px 0px 0px;margin-left:0}
.nav.nav-tabs li:last-child a{border-radius:0px 20px 0px 0px;}
.nav.nav-tabs li a{color:#3C9DD9 !important;padding-bottom:30px;background:#F4F4F4;z-index:1}
.nav.nav-tabs li a:hover,.nav.nav-tabs li.active a{background:#fff !important;margin-left:-20px;z-index:2;
border-radius: 20px 20px 0px 0px;
box-shadow: 0px -3px 11px -2px #00000029;}
.nav.nav-tabs li.active a{border-radius:20px 20px 0px 0px;}
.nav.nav-tabs li.active:first-child a,.nav.nav-tabs li:first-child a:hover{margin-left:0;}
.nav.nav-tabs li.active:first-child a{border-radius:20px 20px 0px 0px;}

ul.nav.nav-tabs {
display: table;
width: 100%;
table-layout: fixed;
}
ul.nav.nav-tabs > li {
float: none;
display: table-cell;
width:100%;
}
ul.nav.nav-tabs > li > a {
text-align: center;
}

/*===== MODAL CONTENT*/

.modal-content{border-radius:20px }
.modal-body{padding-bottom:0px}
.modal-body .tab-content{padding:40px 20px}
.modal-body .nav.nav-tabs li a{margin-bottom:0px;padding-bottom:20px !important;border:0px}
.nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover{border:0px}

.modal-body input{background:#fff !important;border:1px solid #ccc;padding:10px}

.del-select-all{padding-left:20px}
.del-select-all span.text{font-weight:bold;color:#707070;margin-left:20px}
.btn.btn-primary .fa{display:inline-block}
@media screen and (max-width: 600px) {
.del-select-all{padding-left:20px}
body{background-position:-70px 0px;background-size:120%}
}

label.filter-col{display:inline-block}
#filter-panel .dropdown{display:inline-block}
.download{background:#fff !important;box-shadow:0px 0px 10px rgba(0,0,0,0.2);padding:10px 13px;margin:0px 10px;border-radius:50%}
.download i.active{color:#3C9DD9 !important;}
.download i{color:#bbb !important;}
body.modal-open{
-webkit-backdrop-filter: blur(5px); /* Use for Safari 9+, Edge 17+ (not a mistake) and iOS Safari 9.2+ */
backdrop-filter: blur(5px); /* Supported in Chrome 76 */
}
body.modal-open .background-container{
-webkit-filter: blur(4px);
-moz-filter: blur(4px);
-o-filter: blur(4px);
-ms-filter: blur(4px);
filter: blur(4px);
}


.modal-header{border:0px}
h4.modal-title {font-family:"Mulish";font-size:30px;color:#05143F;padding:0px 20px}
.modal-header .close{padding:0px}
.drop-btn .btn.btn-primary.dropdown-toggle {
width: 100%;
border-radius: 0!important;
background-color: #F4F4F4 !important;
color: #707070 !important;
border-color: #F4F4F4 !important;
}
.drop-btn .caret:before {
border-top: 8px solid #707070;
}
.nav.nav-tabs li.active:first-child a {
box-shadow: 3px -5px 10px -4px #00000029;
}
div#remote-protection .form-group select {
background-color: #f4f4f4;
border-color: #f4f4f4;
color: #a6a6a6 !important;
}
.switch {
position: relative;
display: inline-block;
width: 53px;
height: 27px;

}

.switch input { 
opacity: 0;
width: 0;
height: 0;
}

.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #F4F4F4;
-webkit-transition: .4s;
transition: .4s;
}

.slider:before {
position: absolute;
content: "";
height: 27px;
width: 27px;
left: 0;
bottom: 0;
background-color: #ffffff;
-webkit-transition: .4s;
transition: .4s;
box-shadow: 0px 3px 11px #0000001C;
}

input:checked + .slider {
background-color: #F4F4F4;
}

input:focus + .slider {
box-shadow: 0 0 1px #F4F4F4;
}

input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
background-color: #3c9dd9;
}

/* Rounded sliders */
.slider.round {
border-radius: 34px;
}

.slider.round:before {
border-radius: 50%;
}
.modal-body .tab-content.plr-0 {
padding: 20px 0px 0;
margin-bottom: -20px;
}
.blue-bg-hp {
background-color: #05143f;
color: white;
padding: 30px 40px 130px;
border-radius: 30px 30px 0 0;
}
.hp-head {
font-size: 25px;
}
.hp-btn {
text-align: right;
margin-top: 10px;
}
.hp-btn a {
margin-left: 15px;
color: white;
padding: 10px 30px;
display: inline-block;
}
.stat-on {
background-color: #2fd48c;
border-radius: 25px;
}
.stat-off {
background-color: red;
border-radius: 25px;
}
.stat-off {
  background-color: red;
  border-radius: 25px;
}
.white-hp {
padding: 20px 40px;
margin-top: -125px;
}
.collapse-headi > .row {
background-color: white;
margin-bottom: 10px;
padding: 15px 25px;
margin-left: 0;
border-radius: 30px;
box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
margin-right: 0;
}
.white-hp.white-hp-three .collapse-headi > .row {
margin-bottom: 25px;
}
.acoor-headi {
color: black;
font-size: 18px;
margin-top: 3px;
font-weight: bold;
}
.toggle-cus {
text-align: right;
padding-top: 2px;
}

.grey-hp {
background-color: #f4f4f4;
margin: 0;
padding: 20px 40px 50px;
}

.grey-hp h3 {
margin: 0;
color: black;
}
.box-footer {
position: relative;
}
.grey-hp .slider {
background-color: white;
}
#basic-policy, #pbac-access-control {

}
.grey-hp input:checked + .slider {
background-color: white;
}
.body_card {
background-color: white;
padding: 10px 20px 15px;
box-shadow: 0 0 10px -4px #b79f9f;
margin-bottom: 15px;
border-radius: 10px;
}
.plus-icon a {
background-color: white;
text-align: center;
border-radius: 50%;
width: 30px;
display: inline-block;
height: 30px;
padding: 6px 9px;
color: #3c9dd9;
margin-top: 50px;
box-shadow: 0px 2px 7px -2px #7b7b7b;
}
.agent-refresh a {
  color: #3c9dd9;
  background-color: white;
  border-radius: 30px;
  display: inline-block;
  padding: 10px 25px;
  box-shadow: 0px 2px 7px -2px #7b7b7b;
}
.agent-refresh {
text-align: right;
}
.mt-12 a{
margin-top: 12px;
}
/* .body_card .form-group {
margin-bottom: 0;
} */

div#filter-panel {
background-color: #05143F;
padding: 7px 20px;
border-radius: 40px;
margin-right: 10px;
margin-top: -8px;
}
div#filter-panel input#pref-search {
background-color: #18264E !important;
color:#fff !important;
}
#filter-panel .btn.btn-primary.dropdown-toggle {
border-radius: 0px;
background-color: #18264E !important;
border-color: #18264E !important;
color: #fff !important;
padding: 0px 80px 5px 10px;
font-size: 11px;
}
.user-modal-cus .modal-body {
padding: 10px 35px 20px;
}
.user-modal-cus .modal-headers {
padding: 20px 10px 0;
}
.user-modal-cus .modal-content {
border-radius: 27px 27px;
}

.blue-bg-hp-three {
padding: 30px 40px 10px !important;
}
.white-hp-three {
margin-top: 0!important;
}
#group_user_restrictions_en {
padding: 20px 40px;
}
#pbac-access-control {
padding: 0 !important;
}

.blue-bg-hp-three textarea {
border: 0;
background-color: #f4f4f4;
}
.blue-bg-hp-three label {
font-weight: 400 !important;
font-size: 15px;
}
.white-bg-hp {
margin-top: -25px;
border-radius: 25px 25px 0 0;
background-color: white;
padding-top: 55px;
}
.blue-bg-hp > .row {
margin-bottom: -50px;
}
.mar-tp {
margin-top: -180px;
}
.padi-btm {
padding: 30px 40px 190px;
}

.form-control {
color: #333 !important;
border-color: #f4f4f4!important;
background-color: #f4f4f4!important;

}

.title_info{
background:#3C9DD9;
font-size:16px;
font-family:"Mulish";
font-weight:bold;
display:inline-block;
width:20px;
text-align:center;
border-radius:100%;
padding:5px 15px 5px 12px;
}

.no-header-modal .modal-content{padding:20px 80px 80px}
.no-header-modal .modal-body h2{
font-size:30px;
font-family:"Mulish";
font-weight:bold;  
text-align:center;
padding-bottom:20px;
}
.no-header-modal .modal-body hr{
border-top:1px solid #efefef;
margin:0px;
}

.no-header-modal .modal-body p{text-align:center; font-family:"Roboto"; color:#707070; font-size:13; font-weight:500;padding:20px 50px}

.custom-box1{
padding:30px;
background-color:#1C68B5;
border-radius:30px;
margin-bottom:60px;
}

.custom-box1 h3{
margin:0;
padding:0;
margin-bottom:10px;
font-size:30px;
color:#fff;
font-family:'Mulish';
}


.title_info{
  background:#3C9DD9;
  font-size:16px;
  font-family:"Mulish";
  font-weight:bold;
  display:inline-block;
  width:20px;
  text-align:center;
  border-radius:100%;
  padding:5px 15px 5px 12px;
  position:relative;
  top:-5px;
  color: #fff;
}

.no-header-modal .modal-content{padding:20px 80px 80px}
.no-header-modal .modal-body h2{
  font-size:30px;
  font-family:"Mulish";
  font-weight:bold;  
  text-align:center;
  padding-bottom:20px;
}
.no-header-modal .modal-body hr{
  border-top:1px solid #efefef;
  margin:0px;
}

.no-header-modal .modal-body p{text-align:center; font-family:"Roboto"; color:#707070; font-size:13; font-weight:500;padding:20px 50px}

.custom-box1{
  padding:30px;
  background-color:#1C68B5;
  border-radius:30px;
  margin-bottom:60px;
}

.custom-box1 h3{
  margin:0;
  padding:0;
  margin-bottom:10px;
  font-size:30px;
  color:#fff;
  font-family:'Mulish';
}

.custom-box1 p{
  margin:0;
  padding:0;
  margin-bottom:20px;
  font-size:13px;
  color:#fff;
  font-family:'Roboto';
}

.btn.custom-button1{
  background:#05143F;
  font-size:16px;
  color:#fff;
  font-family:'Mulish';
  text-align:center;
  border-radius:30px;
  padding:10px 20px;
  font-weight:bold;
}

.btn.custom-button2{
  background:#3C9DD9;
  font-size:16px;
  color:#fff;
  font-family:'Mulish';
  text-align:center;
  border-radius:30px;
  padding:10px 20px;
  font-weight:bold;
}

.btn.custom-button3{
  background:#1C68B5;
  font-size:16px;
  color:#fff;
  font-family:'Mulish';
  text-align:center;
  border-radius:30px;
  padding:10px 20px;
  font-weight:bold;
}

.custom-abs-right1{
  width:300px;
  position:absolute;
  bottom:60px;
  right:30px;
}

.custom-title{
  margin-bottom:50px;
}

.custom-title h1{
  margin:0;
  padding:0;
  margin-bottom:20px;
  font-size:30px;
  color:#fff;
  font-family:'Mulish';  
}

.custom-abs1{
  width:50px;
  position:absolute;
  z-index:99;
  top:-30px;
  left:43%;
}

.custom-small-box1{
  padding:20px
}

.custom-small-box1 .theader p{
  margin:0;
  padding:0;  
  font-size:13px;
  color:#707070;
  font-family:'Roboto';  
  font-weight:500;
}

.custom-small-box1 hr{
  border:0px;
  border-bottom:1px solid #efefef;
  margin:5px 0px;
  padding:5px 0px;
}

.custom-small-box1 .inner h6{
  margin:0;
  padding:0;  
  margin-bottom:10px;
  font-size:13px;
  color:#3C9DD9;
  font-family:'Roboto';  
  font-weight:500;
}

.custom-small-box1 .inner h3{
  margin:0;
  padding:0;  
  margin-bottom:10px;
  font-size:41px;
  color:#000;
  font-family:'Mulish';  
  font-weight:800;
}

.custom-box2 .box-title{
  margin:0;
  padding:0;  
  padding-bottom:20px;
  font-size:13px;
  color:#707070;
  font-family:'Roboto';  
  font-weight:500;
}

.custom-box2 button{
  background:url('/eztfav2/img/droptop.png') no-repeat;
  background-size:100%;
  height:20px;
  width:20px;
  margin:20px;
}

.custom-box2.collapsed-box button{
  background:url('/eztfav2/img/dropdown.png') no-repeat;
  background-size:100%;
}

.custom-box2 button i{display:none;}

.user-footer .logout-icon {width:18px}
.user-footer hr{
  margin:0px;
  padding:0px;
  border:0px;
  border-bottom:1px solid #D9D9D9;
  margin:0px 0px 10px;
  padding:5px 0px;
  opacity:0.2;
}

.user-footer a.custom-link1 {
  font-size:13px;
  color:#3C9DD9;
  font-family:'Roboto';  
  font-weight:500;
}

.user-footer p{
  font-size:13px;  
  font-family:'Roboto';  
  color:#fff;
  padding:0px;
  margin:0px;

}
.navbar-nav > .user-menu.user-menu{
  width:180px;
  padding:5px 10px; 
  margin:10px 0px;
}
.navbar-nav > .user-menu.user-menu a.dropdown-toggle{
  padding:10px 20px 0px 10px;
  background:url('/eztfav2/img/dropdown-white.png') no-repeat right 70% !important;
  background-size:10%!important;
  display:inline-block;
}

.navbar-nav > .user-menu.user-menu.open a.dropdown-toggle{
  background:url('/eztfav2/img/dropup-white.png') no-repeat right 70% !important;
  background-size:10%!important;
}

.navbar-nav > .user-menu.user-menu.open{  
  background-color:#05143F;
  border-radius:30px 30px 0px 0px;
  
}
.navbar-nav > .user-menu > .dropdown-menu{
  border:0px !important;
  padding:0px;
  width:180px; 
  background:none;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer{
  background-color:#05143F;
  border:0px ; 
    border-radius:0px 0px 30px 30px;
    padding:0px 20px 15px;
  }
.skin-blue .sidebar-menu > li > a i{
  font-size:20px;
}

.skin-blue .sidebar-menu > li > a i.icon-ezv2-users{
  left:15px;
  top:31%;
  font-size:14px;
}

.skin-blue .sidebar-menu > li > a i.icon-ezv2-credits{
  top:26%;
  left:18px
}

.skin-blue .sidebar-menu > li > a i.icon-ezv2-remote{
  top:20%;
  left:18px;
  font-size:25px;
}

.skin-blue .sidebar-menu > li > a i.icon-ezv2-settings{  
  font-size:15px;
  left:17px;
}

.skin-blue .sidebar-menu > li > a i.icon-ezv2-dashboard{
  top:25%;
  left:18px;
}

.skin-blue .sidebar-menu > li > a i.icon-ezv2-package{
  top:25%;
  left:18px;
}

.skin-blue .sidebar-menu > li > a i.icon-ezv2-updates{
  top:19%;
  left:15px;
}

.skin-blue.sidebar-collapse .sidebar-menu > li {padding:5px}
.skin-blue.sidebar-collapse .sidebar-menu > li > a i{top:4px;left:10px}
.skin-blue.sidebar-collapse .sidebar-menu > li > a:hover{padding:17px}

.panel-heading .panel-title p.custom-title-blue1{
  font-size:13px;
  font-weight:bold;
  color:#3C9DD9;
  font-family:"Roboto";
  margin-bottom:10px;
}

.panel-heading .panel-title p.custom-title-white1{
  margin-top:10px;
  font-size:17px;
  font-weight:normal;
  color:#FFF;
  font-family:"Mulish"
}

.custom-flex1{
  display:flex;
  flex-direction:row;
  align-items: center;
  justify-content: center;
}

.custom-package-section{
  background-color: white;  
  box-shadow: 0 0 10px -4px #b79f9f;
  margin-bottom: 15px;
  border-radius: 30px;
  display:flex;
  flex-direction:column;
  margin:0px 1%;
}

.custom-package-section .package-heading{
  padding:20px;
  border-radius: 30px 30px 0px 0px;
  text-align:center;
  font-size:20px;
  font-family:"Mulish";
  font-weight:bold;
  color:#3C9DD9;
  min-height:100px;  
  align-items: center;
  justify-content: center;
  display:flex;
  flex-direction:column;
}

.custom-package-section .package-heading span{
  display:block;
  font-size:16px;
  color:#000;
  font-family:"Roboto";
  font-weight:400;
}
.custom-package-section .package-body{
  display:flex;
  flex-direction:column;
  text-align:center;
  padding:40px 40px 20px;
}

.custom-package-section .package-body .package-list{
  text-align:left; 
}

.custom-package-section .package-body .package-list ul{
  padding:0px 20px;
  margin:0px;  
}

.custom-package-section .package-body .package-list ul li{
  list-style:none;
  background:url(/eztfav2/img/arrow-right.png) no-repeat left 5px;
  background-size:auto 10px;
  padding-left:50px;
  font-size:15px;
  color:#000;
  font-family:"Roboto";
  font-weight:500;
  margin-bottom:10px;
}

.custom-package-section.package1 .package-heading{
  background:#F7F7F7;
}

.custom-package-section.package-selected .package-heading{
  padding:40px 0px;
  background:#1C68B5;
  color:#fff;
  position:relative;
}

.custom-package-section.package-selected .package-heading .icon-abs2{
  position:absolute;
  width:60px;
  bottom:-30px;
}

.custom-package-section.package-selected .package-heading span{
  color:#36ADF7;
}

.custom-package-section .package-body .package-btitle{
  font-size:15px;
  font-family:"Roboto";
  color:#707070;
  margin-bottom:10px;
}

.custom-package-section .package-body .package-price{
  font-size:39px;
  font-family:"Mulish";
  font-weight:bold;
  color:#000;
  margin-bottom:0px;
}

.custom-package-section .package-body .package-sub-text1{
  font-size:13px;
  font-family:"Roboto";
  color:#707070;
  margin-bottom:0px;
}

.custom-package-section .package-footer{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:20px 20px 60px;

}

.custom-package-section.package-selected .package-body{
  padding-top:60px;
  padding-bottom:20px;
}

.custom-package-section .package-footer a{  
  
}

.clps:hover,
.clps {
  width: 100%;
  text-align: left;
  background: #fff url("/eztfav2/img/Polygone2.svg") no-repeat 99% 5px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 10px 20px;
  border-radius: 20px;
  color: #707070;
  text-decoration: none;
}

.clps-list {
  width: 100%;
  margin-bottom: 10px;
}

table.table-bordered {
  border: 1px solid #dee2e6 !important;
}

table.table-bordered td, table.table-bordered th {
  border: 1px solid #dee2e6 !important;
  font-size:15px;
  font-family:"Roboto";
  padding:20px !important;
}
table.table td, table.table th {
  padding: .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6 !important;
}

.badge-primary {
  color: #ffffff;
  background-color: #3C9DD9;
}
.badge-primary {
  color: #fff;
  background-color: #3C9DD9;
}

.clps-list .clps.btn-block{
  font-size:20px;
  font-family:"Mulish";
  font-weight:bold;  
  color:#707070;
}

#package-faq .faq-title{
  font-size:30px;
  font-family:"Mulish";
  font-weight:bold;  
  text-align:center;
  color:#000;
  margin:40px 0px;
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

table.table-bordered td,
table.table-bordered th{
  padding:10px !important;
}

table.table-bordered td{
  vertical-align: middle !important;
}
table.table-bordered,
table.table-bordered td{
border:0 !important;
}

table.table-bordered th
{
  border-width:0 !important;  
  border-bottom-width:1px!important
}

#policies-form .box-footer{
  margin-left:-15px;
  margin-right:-15px;
}

.mb-auto, .my-auto {
  margin-bottom: auto!important;
}
.mr-auto, .mx-auto {
  margin-right: auto!important;
  }
  .ml-auto, .mx-auto {
    margin-left: auto!important;
    }
.p-2 {
  padding: .5rem!important;
  }

  .align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
    }
    .align-self-center {
      -ms-flex-item-align: center!important;
      align-self: center!important;
      }

      

#users-data-table.table td, #users-data-table.table th {
  border:0 !important;  
}

#users-data-table.table tr:hover{
  background-color: transparent !important;
}



@media (max-width: 575.98px) { 

  ul.nav.nav-tabs > li{display: block;width:100%;}
  .nav.nav-tabs li a{margin-left:0px;
    border-radius: 20px 20px 0px 0px !important;
  }
  .nav.nav-tabs li a:hover, .nav.nav-tabs li.active a{
    margin-left:0px;
  }

  

}


@media (max-width: 767.98px) {
  .acoor-headi{
    font-size:14px;
  }
  .chk {
    width: 40px;
    margin: 5px auto;
    padding-top:5px;
  }  
  .checkbox.checbox-switch label span,
  .checkbox-inline.checbox-switch span {
  width: 45px;
  border-radius: 10px;
  height: 20px;
  border: 1px solid #dbdbdb;
  background-color: #efefef;
  border-color: rgb(223, 223, 223);
  box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
  transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  }

  .checkbox.checbox-switch label span:before,
  .checkbox-inline.checbox-switch span:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: rgb(255,255,255);
  content: " ";
  top: 1px;
  position: relative;
  left: 3px;
  transition: all 0.3s ease;
  box-shadow: 0 1px 4px rgba(0,0,0,0.4);
  }
  .checkbox.checbox-switch label > input:checked + span:before,
  .checkbox-inline.checbox-switch > input:checked + span:before {
  left: 25px;
  }

}


@media (max-width: 991.98px) {  }


@media (max-width: 1199.98px) {  }


@media (max-width: 1399.98px) {  }


.impersonated{
  color:#fff;
  padding:15px;
  position:absolute;
  left:30px
}

.impersonated .logout-icon{width:12px}
.form-group.required .control-label:after {
  content:"*";
  color:red;
}

.custom-small-box2{background:#fff;width:100%;border-radius:20px;text-align:left;height:110px;margin-bottom:15px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.custom-small-box2 h4{padding:10px;margin:0px;margin-bottom:0px}
.custom-small-box2 ul{padding-bottom:10px}
.badge-danger{background:#c9302c;width:5px;height:5px;font-size:10px;display: inline-block !important;min-width:0px;padding:0px}
.badge-normal{background:#2fd48c;width:5px;height:5px;font-size:10px;display: inline-block !important;min-width:0px;padding:0px}
.badge-warning{background:#e6ac1b;width:5px;height:5px;font-size:10px;display: inline-block !important;min-width:0px;padding:0px}

.justify-content-between {
  justify-content: space-between !important;
}


.align-items-center {
  align-items: center !important;
}

.statistic-dashboard{
  background:#fff;
  border-radius:32px;
}

.statistic-dashboard h3{color:#000;text-align:center;margin-bottom:0px;margin-top:0px;padding:20px;border-bottom:1px solid #ccc}
.list-of-tenant{text-align:center;width:300px;border:1px solid #ccc;margin:0px 5px;padding-bottom:10px;border-radius:32px;}
.list-of-tenant h4{height:100px;border-bottom:1px solid #ccc;margin-bottom:-73px}
.list-of-tenant .circle-status{border:10px solid #000;border-radius:100%;width:100px;height:100px;margin:20px auto 20px;background:#fff}
.list-of-tenant .circle-status i{font-size:40px;color:#ddd}
.error-list .list-ch{width:100px;font-size:10px}
.error-list .list-ch b{font-size:12px}
.b-normal .circle-status{border-color:#2fd48c}
.b-warning .circle-status{border-color:#e6ac1b}
.b-danger .circle-status{border-color:#c9302c}

.mb-4{margin-bottom:10px !important;}
.logo-company{width:75px;height:75px;overflow:hidden;}

.body-list table td .form-group{margin-bottom:0px}
.sidebar-menu .aright{position:absolute;right:10px;top:15px;color:#2692d6}
.menu-parent ul{list-style: none;padding:0 20px;margin:0}
.menu-parent > a{margin-bottom:5px}
/* .menu-parent ul li{padding:10px 0px} */
.menu-parent ul li a{color:#05143F !important}
.menu-parent ul li a i{color:#1C68B5 !important;padding-right:10px}



/* #modal {width: 400px !important; right: 0 !important; left: 0 !important; top: 50% !important; margin: auto; position: fixed;} */

/* .modal-dialog {
  margin-top: 0;
  margin-bottom: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: top;
}

.modal.fade .modal-dialog {
  transform: translate(0, -100%);
}

.modal.in .modal-dialog {
  transform: translate(0, 0);
} */

.pagination{padding:0px !important;margin:0px}
.input-group-btn.select{
  align-items: center;
}
.input-group-btn select{
  appearance: none;
color: #000 !important;
font-size: 14px !important;
border: none;
padding: 0px 40px 0px 10px;
margin: 0;
font-size: inherit;
height: 41px;
background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 5px),
    calc(100% - 15px) calc(1em + 5px),
    calc(100% - 2.5em) 0.8em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

/* .input-group-btn.select::after {
  content: " ";
  width: 0.8em;
  height: 0.5em;
  background-color: #ccc;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
  justify-self: end;
} */
.child-sub{padding-left:0px !important;width:100%}

.child-sub a{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding:10px;
  display:block;
}
.child-sub.active > a{
  background:none;color:#1C68B5;border-radius:20px;box-shadow:0px 0px 10px rgba(0,0,0,0.2);
  padding:10px
}

.plr-0 .col-xs-2,
.plr-0 .col-xs-1{
  right:20px;
}

#pref-orderby.form-control{
  padding: unset;
  height:28px;
}

#filter-panel .panel-body{position:relative;}
.closebtnx{position:absolute;right:-20px;top:0}
.closebtnx span{color:#fff}

.edit-profile .panel-body{background-color: #fff;padding:0px;border-radius: 20px;}
.edit-profile .table tr{background-color: #fff;}

.tooltip-btn{background-color: #0082c3;border:0;color:#fff;font-weight: normal;border-radius: 50%;padding:1px 7px;font-size:10px;position:relative;top:-4px}

.publicname-cls{
  padding: 24px 20px;
  color:#fff;
  position:relative;
}

.publicname-cls:after{
  content:"";
  position:absolute;
  right:0px;
  border:1px solid #fff;
  height:20px;  
}

@media (max-width: 765px){
  ul.nav.nav-tabs{
    table-layout:auto;
  }
}
#adgroups_form label {
  font-size: 24px;
}
.white-hp input {
  background-color: #efefef !important;
}


.input-loading {
  overflow: hidden;
  background: #000;
  position: relative;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px;
  border: none;
  pointer-events: none;
}

@keyframes placeholderAnimate {
  0%{ background-position: -650px 0; }
  100%{ background-position: 650px 0; }
}

#installer-params .dropdown button.dropdown-toggle {
  width: 100%;
}

select.form-control {
  padding: 6px;
}

.btn-rounded{
  border-radius:50%
}