/*body {font-family: 'Lato', sans-serif;color: #595959;height: 100%;background: #f5f6fa;}*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');
body {font-family: 'Poppins', sans-serif;font-style: normal;line-height: initial;font-weight: 400;color: #07090F;background: #F4F5F7; font-size: 14px !important;}

.bg-red {background: #ff4d4d !important;color: #fff;}
.badge {font-weight: 400;}
.clr{ clear:both;}
.mrg-B10{margin-bottom: 10px;}
/*Header CSS start here*/
header {background: #fff; height: 56px; display: flex; align-items: center; justify-content: space-between; width: 100%; z-index: 999; top: 0; padding: 0 24px; border-bottom: 1px solid #E3E3E3;}
.ql-logo img{ width:160px;margin-right: 30px;}
.navbar-toggle{ background-color:#fff; border-radius:0; margin-top:18px; padding:7px;}
.navbar-toggle .icon-bar { background-color: #000; }
ul.top-left-nav{ float:right; margin:0;}
ul.top-left-nav > li{ float:left; border-bottom-width: 0; padding:0px; margin-top: 18px; list-style:none; position:relative;}
ul.top-left-nav > li:last-child{border-right: 1px solid #777;}
ul.top-left-nav > li > a.btn-primary{background-color: #3B48CD;}
ul.top-left-nav > li.support a{width:95%;}
ul.top-left-nav > li > a:hover{color:#0066ae;}
ul.top-left-nav li ul li{ border:0; padding:0; box-shadow:none;}
ul.top-left-nav li ul li a{ padding:0; display: block;}
ul.top-left-nav li ul li a:hover {color: #3B48CD}
ul.top-left-nav li ul li a:hover h4 {color: #3B48CD}
ul.top-left-nav li .dropdown-menu{ right:0; left:inherit; width:300px; margin:0; padding:0;}
ul.top-left-nav li ul li.popover-title { border-bottom:1px solid #e3e1e1; font-size: 14px; font-weight: 400; margin: 0;padding:12px; background-color:#fff; border-radius: 10px 10px 0 0;}
ul.top-left-nav li ul li.popover-title h4 {
    font-size: 14px;
    margin-top: 0;
}
ul.top-left-nav li ul li.popover-title input {
    width: 100%;
    height: 36px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
ul.top-left-nav li ul li.popover-footer a{color:#595959; font-size:14px; text-align:center; padding:8px 10px; line-height:normal;font-weight: bold;}
ul.top-left-nav li ul li.popover-footer a:hover{ color:#3B48CD;}
ul.top-left-nav li ul li.popup-content{ min-height:200px;}
.top-circle{position:absolute; top:-4px; right:-4px; min-width: 16px; text-align:center;}
.label{border-radius:3px; padding:3px;}
.notification ul{ margin:0px; padding:0px;}
.notification img{ margin-top:15px;}
.notification h4{ margin-bottom:0px;}
.notification a{text-decoration:none; color:#282828;}
.notification ul li{float: left; height: 73px; overflow: hidden; width: 100%; border-bottom:1px solid #eee !important; padding:5px 15px !important;}
.notification ul li:hover{background-color:#EBEDFB;}
.notification ul li h4{font-size:14px; padding-bottom:5px; color: #07090F}
.notification ul li p{font-size:13px;}
.notification ul li p i{margin-right:5px;}

.navbar-header .navbar-collapse{ position:absolute; right:0px; top:66px; background-color:#2b2b2b; color:#fff; padding:0; border:0px; width:100%;}
.navbar-header .navbar-collapse ul{ padding:0; margin:0;}
.navbar-header .navbar-collapse ul li a{ color:#fff; padding:5px 10px;}
.navbar-header .navbar-collapse ul li a:hover{ color:#2b2b2b; padding:5px 10px;}
.red-notification{color:#fff;border-radius: 26px;}

/*Header CSS End here*/

/*Left navigation*/
#wrapper{float:left; width:100%; position:relative;padding-bottom: 35px;}
/*#lft-navi{ float:left; width:96px; background-color:#2b2b2b; color:#fff; position:fixed; z-index:9999;bottom: 0; top: 66px;}*/
.profilepic {padding: 0px 10px 0 0;}
.profilepic a.propic {position: relative;overflow: hidden;height: 40px;width: 40px;display: block;font-size: 20px;border-radius: 50px;text-align: center;margin-left: 12px;margin-top: 12px;line-height: 40px;background: #ededed; color: #c1c1c1;font-weight: bold;}
.profilepic a.propic:hover{text-decoration: none;}
.profilepic a.propic .changepic{position:absolute; height: 18px; top: 20px; left:0; font-size:12px; color:#fff; text-align:center; border-radius:2px; background-color:#282828; width:100%;}
.profilepic a.propic img{padding:10px; height:100%; display: inline;}
.profile-name{font-size: 16px; font-weight: 400; padding: 10px 0; margin: 12px 0;}
.profile-arrow .fa-angle-down {background: #3B48CD;color: #fff;border-radius: 20px;font-size: 16px;padding: 0px 3px;}
.profile-arrow{ position: absolute;right: -5px;top: 25px;}
.navbar-header a.logo{  margin-top: 11px;  margin-left: 10px; float:left;  }
.profilepic a .profile-arrow{ color:#d5d5d5;}
.profilepic a:hover .profile-arrow{ color:#fff;}
.logout{ background-color:#202020; color:#636363; padding:10px 10px; clear:both;}
/*.profilepic .dropdown-menu:after {content: '';left: initial;right: 23px;;top: -6px;background: #FFF;position: absolute;width: 16px;height: 16px;z-index: -1;transform: rotate(45deg);}*/
.profilepic .dropdown-menu {box-shadow: 0 0px 20px rgba(0,0,0,.175);top: 94%;}
.logout a{color:#636363;} 
.logout a:hover{color:#fff; text-decoration:none;}

/*#lft-navi ul{ margin:0; padding:0 0 15px 0;  clear:both;}
#lft-navi li{ list-style:none;border-bottom: 1px solid rgba(22, 22, 22, 1); box-shadow:0 1px 0 0 rgba(79, 79, 79, 1) inset; text-align: center; width:100%;}
#lft-navi li a{ padding:15px 20px; font-size:26px; color:#d5d5d5; text-align:center; display:block; border-left:2px solid #2b2b2b; background-color:transparent;}
#lft-navi li a:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover, .nav .open > a.active{ color:#fff; background-color:#000 !important; border-left:2px solid #1683d1 !important;}
#lft-navi li .nav-right-arrow{ position:absolute; right:10px; top:19px; font-size:18px;}

#lft-navi li ul.dropdown-menu{ top:0; left:96px;  background-color:#2b2b2b; margin:0; padding:0; border:0; }
#lft-navi li ul.dropdown-menu.top-up{bottom:0; top:auto;}
#lft-navi li li a{ padding:10px 15px; font-size:14px; list-style:none; text-align:left;}*/

/*Right Container*/
.right-side {transition: margin 0.7s ease 0s; overflow:hidden;}
/*.outer-container {float: left; width: 100%; margin-bottom: 20px; min-height: 521px;transition: padding-top 0.1s;}*/
.outer-container {float: left; width: 100%;}
.outer-container > h2 {padding: 13px 30px; background-color: #021168; font-size: 22px; color: #fff; margin: 0; line-height: normal;}
/* #myTabs{ border:0; margin-bottom:25px;}
#myTabs li{ margin:0;  padding:0; }
#myTabs li a{
background:#f7f7f7; color:#282828; font-size:18px;  border:0px; margin:0; border-radius:0; text-align:center;}
#myTabs li.active a{	
background: rgba(14,143,235,1);
background: -moz-linear-gradient(top, rgba(14,143,235,1) 0%, rgba(6,111,186,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,143,235,1)), color-stop(100%, rgba(6,111,186,1)));
background: -webkit-linear-gradient(top, rgba(14,143,235,1) 0%, rgba(6,111,186,1) 100%);
background: -o-linear-gradient(top, rgba(14,143,235,1) 0%, rgba(6,111,186,1) 100%);
background: -ms-linear-gradient(top, rgba(14,143,235,1) 0%, rgba(6,111,186,1) 100%);
background: linear-gradient(to bottom, rgba(14,143,235,1) 0%, rgba(6,111,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8feb', endColorstr='#066fba', GradientType=0 );
color:#fff;	 }
#myTabs li a.active:hover{background-color: #282828; color: #fff;} */
#accordion .panel{ border-radius:0; border:0; margin-bottom:10px;}
#accordion .panel-default > .panel-heading{ padding:0px;}
#accordion .panel-default > .panel-heading h3 a{font-size:19px; padding:12px 10px; border-radius:0; display: block;}
#accordion .panel-default > .panel-heading h3 a .glyphicon{ right:20px; top:5px;}
#accordion .panel-default > .panel-heading h3 a{ background-color:#f5f5f5; color:#282828; }
#accordion .panel-default > .panel-heading.do-active h3 a{background-color:#282828; color:#fff; }
#accordion .panel-default > .panel-heading.do-active h3 a .glyphicon{ color:#fff; }
#accordion .panel-default > .panel-heading.do-active h3 a .fa{color:#fff;}
#accordion .panel-default .panel-heading h3 a:hover, a:focus{ text-decoration:none;}
#accordion .panel .panel-collapse{   border-top:0;}

#accordion-post .panel{ border-radius:0; border:0; margin-bottom:10px;}
#accordion-post .panel-default > .panel-heading{ padding:0px;}
#accordion-post .panel-default > .panel-heading h3 a{font-size:19px; padding:12px 10px; border-radius:0; display: block;}
#accordion-post .panel-default > .panel-heading h3 a .glyphicon{ right:20px; top:5px;}
#accordion-post .panel-default > .panel-heading h3 a{ background-color:#f5f5f5; color:#282828; }
#accordion-post .panel-default > .panel-heading.do-active h3 a{background-color:#282828; color:#fff; }
#accordion-post .panel-default > .panel-heading.do-active h3 a .glyphicon{ color:#fff; }
#accordion-post .panel-default > .panel-heading.do-active h3 a .fa{color:#fff;}
#accordion-post .panel-default .panel-heading h3 a:hover, a:focus{ text-decoration:none;}
#accordion-post .panel .panel-collapse{ border:1px solid #f5f5f5; border-top:0; margin-bottom:10px;}

.branding .thumbnail, .theme-thumb {background-color: #fff;border: 1px solid #ddd;display: block;line-height: 1.42857;margin-bottom: 0px;padding: 10px;transition: all 0.2s ease-in-out 0s;float: left;width: 250px;margin-right: 10px;position: relative;height: 100px;border-radius: 0;}
.theme-thumb{height:150px;}
.default-theme .thumbnail {overflow: hidden;}
.default-theme .thumbnail img{height: auto !important;position: absolute;margin: auto !important;left: 0;right: 0;bottom: 0;top: 0;}
.branding .thumbnail .fa{position:absolute; top:5px; right:5px; color:#282828;}
.branding .thumbnail > img, .branding .thumbnail a > img { display: block; height:100%;  margin-left: auto; margin-right: auto; max-width: 100%; }
.branding input.browse {  float: left; margin-top: 7%; width: 200px;}
.branding ul.img-description { clear:both; margin:0; padding:0;}
.branding ul.img-description li{list-style:none; padding-bottom:5px; font-size:13px;}
.branding ul.img-description li .fa{font-size:12px; margin-right:5px;}
.btn-default{border-radius: 50px;}
.btn-primary{background-color: #3B48CD; border-color: #021168;font-size: 13px;line-height: 1.5;color: #fff !important; padding: 8px 20px !important; border-radius: 5px;}
.browse-btn{font-size: 14px !important; padding: 3px 11px !important;}
.btn-primary.focus, .btn-primary:focus, .btn-primary.active:focus, .btn-primary:hover, .btn-primary.active, .btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover{background-color: #021168 !important;  border-color: #021168 !important;color: #fff !important;outline: none !important;}
.btn.focus, .btn:focus, .btn.active:focus, .btn:hover, .btn.active, .btn:active, .btn:active:focus, .btn:active:hover{outline: none !important;}
.gray{background-color: #fff; border-color:#021168;color: #021168!important;}
.gray:hover{background-color: #fff !important; border-color:#021168 !important;color: #021168 !important;}
.signin-container .form-group { float: left; margin-bottom: 15px; width: 100%;}
.signin-container label{ font-weight:300; padding:0;}
.thumbnail-inline { background-color: #ffffff;  border: 1px solid #dddddd; height: 45px;line-height: 1.42857;margin-bottom: 20px;padding: 4px;transition: all 0.2s ease-in-out 0s;width: 100px;}
.cntrbtn{display:block;width:auto; margin:0px auto;}
.space{ padding-bottom:20px; clear:both;}
.footer-label{ padding-left:0px;padding-right:0px; font-weight:300;}
.branding-pre h4 {background-color: #252b37; color: #fff; font-weight: 500; padding: 8px 11px; margin:0px;}
.branding-pre .box-content{ background-color: #f9f9f9;  display: inline-block; margin-top: 10px;  width: 100%;}
.branding-pre .light-box{background-color:#fff; padding: 15px;  border: 1px solid #d0d0d0; border-top:0px; float:left;display:block; width:100%;}
.branding-pre .light-box.big{min-height:222px;}
.branding-pre .box-content:hover{ text-decoration: none;cursor:pointer;}

/*Pre Login Screen*/
.pre-login-box{ float:none;height:380px; margin:0px auto;  position:relative; padding:0; overflow:hidden;border:2px solid #282828;}
.pre-login-box .pre-login-top{ z-index:9;height:13px; position:absolute; top:0; left:0;padding:18px 0 0 15px; margin:0; width:100%;}
.pre-login-bg{position:absolute; top:0; left:0;padding:0; margin:0; width:100%;}
.pre-login-box .pre-login-top .fav{width:16px; position:relative}
.pre-login-box .pre-login-top .pre-title{font-size: 10px; line-height: 13px; padding:3px 0 0 5px; position:relative; }
.pre-login-box .logo-pre{ position:absolute; top:61px; left:15px; width:200px;}
.pre-login-box .pre-form{ position:absolute; top:113px;  background-color:#fff; width:280px; left:35%; padding:15px 10px;}
.pre-login-box .pre-form h3{ padding:0 10px 15px; margin:0;}
.pre-login-box .pre-form input{ margin-bottom:10px;}
.pre-login-box .pre-form .checkbox{ padding:0 15px; font-size: 12px;}
.pre-login-box .pre-form .checkbox label{line-height:25px;}
.pre-login-box .pre-footer{ position:absolute; bottom:0; width:100%; z-index:999; padding:5px; background-color:#282828; font-size:12px; color:#fff;}
.branding .thumbnail img, .theme-thumb img{height:100%;}

.enable-header{background-color: #282828; height: 50px; left: 0; position: absolute; top:56px;width: 100%;z-index: 9;}
.enable-header .logo-pre{top:5px;}

/*Post Login Screen*/
.post-login-box{ float:none;height:380px; margin:0px auto;  position:relative; padding:0;border:2px solid #282828; overflow:hidden;}
.post-login-box .post-head{ width:100%; background-color:#0c86dd; padding:5px;}
.post-login-box .post-head .out{ color:#fff; padding:9px 9px 0 0;}
.post-login-nav{color:#282828; margin:0; padding:0; overflow:hidden;}
.post-login-nav li{ padding:10px 15px; list-style:none; float:left; font-size:12px;}
/*.post-login-nav li.highlight{ color:#fff; background-color:#282828; }*/
ul.post-login-clients{padding:15px 0; margin:0;}
.post-logo{height:30px;}
.post-login-box .post-footer{ position:absolute; bottom:0; width:100%; z-index:999; padding:5px; background-color:#282828; font-size:12px; color:#fff;}

/* Manadatory fields css */
.required{ color:#cc0000; }
.text-red{ color:#cc0000; }


/*Footer CSS*/
footer{background-color:#595959; clear:both;float:left; color:#fff;}
footer ul{ margin:0; padding:0;}
footer .left-area{ float:left; color:#d2d2d2;}
footer .left-area li{ list-style:none; font-size:13px; padding:0 0 8px 0;}
footer li a{ color:#d8d8d8;} footer li a:hover{ color:#fff;}
footer .left-area li .fa{ min-width:22px; font-size:14px;}
footer ul.social-icons{ float:right;  margin-top: 15px;}
footer ul.social-icons li { float:left; margin-left:12px; list-style:none;}
ul.social-icons {margin-top:0px !important;}
ul.social-icons li a.fa {font-size: 18px; padding: 10px;color: #fff ;border:none ;width: auto;height: 0;}
ul.social-icons li:hover a, ul.social-icons li a:focus{background: none;}

.left-pull{ display:none;}

/* @media(min-width:765px) {
.navbar-collapse.collapse{ display:none !important;}	
} */
@media(max-width:765px) {
.top-left-nav{ display:none !important;}	
}
@media (min-width:0) and (max-width:990px) {
footer { position:inherit; }
}
@media (min-width:0) and (max-width:550px) {
#lft-navi { margin-left:-100px;}
.right-side{margin-left:0;}
.left-pull{ position:absolute; right:-46px; top:10px; background:rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(14, 143, 235, 1) 0%, rgba(6, 111, 186, 1) 100%) repeat scroll 0 0; color:#fff; display:inherit; padding:6px 13px 10px 15px; border-radius:4px; font-size:16px;} 
.left-pull .icon-bar { border-radius: 1px; display: block; height: 2px; width: 22px; background-color: #fff; margin-top: 4px; }
}
@media (min-width:0) and (max-width:448px) {
footer ul.social-icons{ float:left;}
footer ul.social-icons li{ margin:0 12px 0 0}
.branding .thumbnail{width:100%;}	
}

@media (min-width:0) and (max-width:669px) {
.pre-login-box .pre-form { left: 10%; width: 76%;}
.pre-login-box{ height:auto;}
}

/*old theme css*/
.user-profile h4{font-size: 28px; color: #1476bc;}
.user-profile p{ padding:0 0 10px 0;}
.user-profile blockquote{font-size:14px; font-weight:400;}
.user-profile blockquote small{font-size:100%;}
.preferences{margin-bottom:15px;}
.preferences .btn-primary{ background-color: #021168 !important; border-color: #021168 !important;}
.preferences .btn-primary.gray{ background-color: #e1e1e1 !important; border-color: #e1e1e1 !important; color:#282828 !important; box-shadow:none; text-shadow:none;} 
/* .tenant-edit .thumbnail{padding:25px;} */
.panel-primary > .panel-heading{background-color: #0090eb;  border-color: #0090eb;  color: #fff;}
.editor-height{overflow-y:scroll;}
.btn-primary.def-orange{padding:3px 10px;margin-bottom: 7px;ont-size: 15px;}
.btn-space{padding:0px 4px; font-size:14px;}
.preferences label.unbold{font-weight:500;}
.license-area li.col-md-4{padding:0;}
.selfhelp-editor .form-control{height:500px; overflow-y:scroll;}

/*AD Configuration CSS*/
.ad-configuration h3{ font-size:28px !important; padding:80px 0 0 0 !important;}
.ad-configuration .no-ad-txt{ font-size:20px; text-align:center; padding:0px 0 20px 0; font-weight:300;}
.ad-btn-space{ margin-bottom:50px;}
.ad-configuration label{ padding:5px 0; font-weight: 500;}
.ad-configuration h3{ font-size:18px; padding-bottom:20px;}
.ad-configuration .form-group { float: left; margin-bottom: 15px; width: 100%;}

.ad-configuration .form-group input{ padding:8px 10px; height:auto;}
.ldap-config{padding:20px; overflow:hidden; }
.connection-list{ background-color:#fafafa; padding:20px; overflow:hidden; width:100%; border-top:1px solid #efefef;}
.connection-list h3, .ldap-config h3{ font-size:20px;  margin:0px; padding:0 0 20px 15px;}
.connection-list .con-name {background-color:#efefef; padding:10px; border-radius:4px;}
.connection-list ul{padding:0; margin:0px;}
.connection-list li{list-style:none; padding:0 0 15px 0; margin:0px; overflow: hidden;}
.edit-del-btn a{ padding:3px 10px; font-size:16px; border:0px !important;}
.edit-del-btn a.del{background-color:#ff0000;}
.edit-del-btn a.blue{background-color:#1476bc;}


/*App Configuration*/
.app-category, .new-category{ padding:20px 0;}
.searchinput {padding:0px; border:1px solid #eee; background-color:#fff; float:left; width:30%; margin-right:20px;}
.searchinput input{padding:0px; border:0px; background-color:#fff; padding:8px 5px; width:85%;}
.searchinput i{float:right; padding:8px;}


.new-category .form-group { float: left;  margin-bottom: 15px;  width: 100%;}
.applications{width:100%; height: 405px; background-color: whitesmoke;}
.new-category .panel-heading{background-color: #0090eb; border-color: #0090eb; color: #fff; margin-bottom:0px; font-size:18px;}
.new-category .thumbnail{font-size:12px;}
.app-category-list a{ padding:3px 10px; font-size:16px; border:0px !important;}
.app-category-list a.del{background-color:#ff0000;}
.app-category-list a.green{background-color:green;}
.app-category-list a.blue{background-color:#1476bc;}
.black-background {padding:16px; background-color: #021168; font-size: 22px; color: #fff; margin: 0; line-height: normal;border-radius: 0;}
.black-background h3.panel-title {font-size: 20px;margin-left: 15px;}

/*App Store CSS*/
.my-apps-right {background: #f3f3f3;padding: 20px 15px;}
.outer-container.hide-outer-container{border:none;}
.outer-container.hide-outer-container h2{display:none;}
.my-apps-left h4{color: #898989; font-size: 16px !important; padding: 0px 5px;}
.my-apps-left h4 .fa{color: #898989; font-size: 18px;}
.app-store-popup .my-apps-left h4{padding:9px 13px;}
.my-apps-left ul{ padding:0px; margin:0px;margin-bottom: 20px;}
.my-apps-left ul li{list-style:none; box-shadow:none; margin:0px !important;}
.my-apps-left ul li ul{border:0 !important; background-color:#fff; margin:5px 0px !important; max-height:300px; overflow-y:scroll;}
.my-apps-left ul li a.head{font-size:16px; color:#898989; text-decoration:none; padding:5px; display:block; border-bottom:1px solid #fff;}
.my-apps-left ul li a.cat-listing{font-size:14px; color:#282828; text-decoration:none; padding:8px 10px; display:block; border-bottom:1px solid #eee;}
.my-apps-left ul li ul li{ padding:5px 10px; border-bottom:1px solid #dcdcdc;}
.my-apps-left ul li ul li:hover, .my-apps-left ul li a.cat-listing:hover{ background-color:#eee;}
ul.ql-my-apps{padding:0px; margin:0px; text-align:center;}
ul.ql-my-apps li{list-style:none;}
.app-list-view {width: 20%; float: left;}
ul.ql-my-apps li .thumbnail{padding:5px 0px 0 0; border-radius:0;-moz-box-shadow: inset 0 0 10px #dbdbdb; -webkit-box-shadow: inset 0 0 10px#dbdbdb; box-shadow: inner 0 0 10px #dbdbdb;  position:relative; max-height: 185px; overflow:hidden;}
.app-modify{background: #021168; opacity: 0.8; display:none; position:absolute; top:0px; left:0px; height:100%; width:100%; z-index:999; padding:20px;}
.app-modify .inner-container{border:1px solid #fff; padding:17% 10px 5%;}
.app-modify .inner-container .fa{font-size:22px; color:#fff; margin:0 5px;opacity: 0.6;}
.app-modify .inner-container .fa:hover{ color:#fff; opacity:1;}
.app-modify .inner-container p{padding:15px 0 0 0; color:#fff; font-size:16px;}
ul.ql-my-apps li .thumbnail:hover .app-modify{display:inline-block;}
ul.ql-my-apps li .glyphicon, .aboutapp .app-box .glyphicon, .popup-rating .glyphicon{font-size:18px;}
ul.ql-my-apps li.app-selected:hover .app-modify{display:none;}
.search-app-all{margin:10px 0 !important;}
.search-app-all input{height: auto; padding: 12px 10px;font-size: 16px;}
.my-apps-right h4{font-size:24px; font-weight:400; padding:5px 0 0 0; margin:0;}
.my-apps-right h5 {margin-top: 5px; font-size: 16px;}
.my-apps-right .createapp{padding:7px 15px; float:right; font-size:16px; margin-left:10px;}
.nospace{padding:0; margin:0px;}
.app-status{margin-top:13px;}
.app-status .fa{ color:#d5d5d5; font-size:14px;}
.open > .dropdown-menu { display: block;}
.myapps-lft-dropdown ul{border-radius:0; border:0px;}
.myapps-lft-dropdown li a{ padding:10px 20px; font-size:14px; border-bottom:1px solid #eee;}
.disable-pointer-events{pointer-events: none;}
.app-store-popup{padding:15px;}
.app-store-popup button.close, .hostname-popup button.close{ position:absolute; top:6px; right:10px;z-index: 9;}
.selected-app-count{float:right; padding-top:8px;}
.selected-app-count span{padding:2px 8px; display:inline-block; background-color:#1585d5; color:#fff;}
.appicons{height:75px; width:auto;display:inline-block;}


/* Select Theme css */
.select-theme footer{position:fixed; bottom:0px;}
.theme-selection{ padding:20px 0;}
.theme-selection h2{ padding:0 0 20px 15px; margin:0px; font-size:28px; color:#0090eb;}
.theme-selection ul{ padding:0; margin:0;}
.theme-selection ul li{list-style:none; margin-bottom:20px; display: inline-block;}
.theme-selection ul li img{width:100%;}
.select-theme-popup{overflow:hidden; padding:30px 10px 25px;}
.select-theme-popup h3{ font-size:20px; font-weight:normal; padding:0 15px 15px; margin:0px;}
.select-theme-popup ul{margin:0; padding:0; border-bottom:0px !important; }
.select-theme-popup ul li{list-style:none;}
.select-theme-popup ul li .theme-box{ position:relative;}
.select-theme-popup button.close {position: absolute;right: 10px;top: 6px;}
.selected-highlight{position:absolute; top:0px; left:0; height:100%; width:100%; background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0; color:#fff; padding:75px 10px 0; text-align:center; overflow:hidden;font-size: 18px; text-shadow: 1px 1px 1px #282828;}
ul.tanent-apps-list{margin:0px; padding:0px; border-top:0px !important;}
ul.tanent-apps-list li{margin:0px; padding:8px 0 8px 0; list-style:none; overflow:hidden;}
ul.tanent-apps-list li img{border:1px solid #eee; padding:5px; margin:0px;}
ul.tanent-apps-list li h3{font-size:16px; color:#1476bc; margin:0; padding:0 0 5px 0;}
ul.tanent-apps-list li p{font-size:13px;}
.change-theme{text-align:center; padding:10px 0; font-size:16px;}
.change-theme a{ color:#1476bc; text-decoration:underline;}
.tanent-profile .col-md-4{width:50%;}
.corner-ribbon {  color: #fff; font-size: 12px; letter-spacing: 1px; line-height: 14px; position: absolute; right: -23px; text-align: center; top:21px; transform: rotate(45deg); width: 115px;}
.corner-ribbon { color: #fff; font-size: 13px; letter-spacing: 1px; line-height: 19px; text-align: center;}
.corner-ribbon.cart { background: green none repeat scroll 0 0; border-bottom: 1px dashed #fff; border-top: 1px dashed #fff; box-shadow: 0 0 0 4px green, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);}
.selected-highlight .corner-ribbon{display:block;} 
.second-theme{padding-top:10px;}
.second-theme ul{border:1px solid #eee;}

/*ProfileEdit*/
a.widget { display: block; transition: all 0.2s ease-out 0s;}
.widget-simple { padding: 15px 20px; background-color: #eee; margin-bottom: 10px; overflow:hidden;}
.widget .widget-icon { border-radius:50px; color: #fff; display: inline-block; font-size: 28px; line-height:80px; text-align: center; background-color: #e67e22 !important; height:80px; width:80px;}
.widget-simple .widget-content {font-size: 16px; margin: 18px 0 0 0; color:#282828; text-shadow: 1px 1px 1px #fff; text-align:center; width: 63%;}

/*SelectApp CSS*/
.select-btn{ background-color:#282828; color:#fff; padding:5px; display:block; clear:both;}
.select-btn:hover{color:#fff !important; text-decoration:none;}
.select-btn:focus, .select-btn:hover { color: #fff;}

ul.ql-my-apps li:hover .select-btn{background-color:#ff940a; text-shadow: 1px 1px 1px #282828;}
ul.ql-my-apps li.app-selected .select-btn{ background-color:red;}
ul.ql-my-apps li .grayhover{display:none;}
ul.ql-my-apps li:hover .grayhover, .app-selected .grayhover{background:rgba(0, 0, 0, 0.8); cursor: pointer; height: 82%;position: absolute; width: 100%; top:0; display:block !important;}
.remove-btn, .corner-ribbon, .two, .app-selected .one{display:none;}
.app-selected .two, .app-selected .corner-ribbon{display:block;}

.select-appstore .my-apps-left h4{background-color: #1585d5;}
.select-appstore .my-apps-left li{ background-color:#f9f9f9; border:0px;}
.select-appstore .my-apps-left li a{border:0px; border-left:2px solid #f9f9f9;}
.select-appstore .my-apps-left li a:hover{background-color:#282828 !important; color:#fff;border-left:2px solid #1585d5;}
.allapp-admin .col-md-4{width:25%;}

/*aboutAppPopup*/
.aboutapp{overflow:hidden;padding: 25px;}
.app-head {padding: 15px 0 0;}
.aboutapp .app-description{padding:0px;}
.aboutapp .app-description h3{ font-size:18px; background-color:#f8f8f8; padding:10px 20px;margin:0;}
.inner-des{ padding:10px 20px;}
.top-rated{padding:0 0 15px 0;}
.top-rated ul{padding:0px; margin:0;}
.top-rated ul li{padding:10px 15px; margin:0; list-style:none;}
.top-rated .appicon{ width:60px !important;}

/* Page Status CSS*/
.page-status{margin:15px 0 25px 0; padding:0; overflow:hidden;}
.page-status li{ list-style:none; padding:0 20px 0 0; height:auto !important; }
.page-status li .status{ background-color:#ececec; font-size:26px; color: #fff; overflow:hidden; padding:5px;}
.page-status li .status .number{ padding-right:0; position:relative; font-weight:bold; font-size: 32px; line-height: 34px;}
.page-status li .status .number .fa{ position:absolute; top:-37px; right: -7px; font-size:104px;}
.page-status li .status.active{
background: rgba(14,143,235,1);
background: -moz-linear-gradient(top, rgba(14,143,235,1) 0%, rgba(6,111,186,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14,143,235,1)), color-stop(100%, rgba(6,111,186,1)));
background: -webkit-linear-gradient(top, rgba(14,143,235,1) 0%, rgba(6,111,186,1) 100%);
background: -o-linear-gradient(top, rgba(14,143,235,1) 0%, rgba(6,111,186,1) 100%);
background: -ms-linear-gradient(top, rgba(14,143,235,1) 0%, rgba(6,111,186,1) 100%);
background: linear-gradient(to bottom, rgba(14,143,235,1) 0%, rgba(6,111,186,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e8feb', endColorstr='#066fba', GradientType=0 );
text-shadow: 1px 1px 1px #282828;                         }
.page-status li .status.active .fa{ text-shadow:none;}
.top-rated .appicon{ width:60px !important;}
button.close {position: absolute;right: 8px;top: 3px;}

/*hostname CSS*/
.current-host{background-color:#eee; padding:10px;}
.hostname-popup{padding:20px; text-align:center; font-size:18px;}

/*Get Started Now*/
.get-quicklaunch{width:1200px; margin:0px auto; text-align:center; clear:both;}
.get-quicklaunch h2.head{ font-size:38px; color:#1476bc; font-weight:300; margin: 0;  padding: 0 0 10px;}
.get-quicklaunch p.text{font-size:20px; padding:0 0 30px 0;}
ul.getstarted-design{ padding:0px; margin:0;}
ul.getstarted-design li{ margin:0 0 40px 0; text-align:center; list-style:none; font-size:14px; color:#313131; min-height: 184px;}
ul.getstarted-design li h3{ font-size:26px; padding:0 0 5px 0; color:#0568b5; margin:0;}
ul.getstarted-design li .fa{ font-size:45px; background-color:#277bb2; border-radius:50px; padding:26px; border:2px solid #fff; height:100px; width:100px; color:#fff; text-shadow: 1px 1px 1px #282828; -moz-box-shadow: 0 0 5px #bbbbbb; -webkit-box-shadow: 0 0 5px#bbbbbb; box-shadow: 0 0 5px #bbbbbb; margin-bottom:10px;}
ul.getstarted-design li .fa.user{ padding:24px; background-color:#ff9c1b;}
ul.getstarted-design li .fa.integration{ padding:25px; font-size: 49px; background-color:#a08c41  ;}
ul.getstarted-design li .fa.active{ padding:23px; font-size: 50px; background-color:#2facb3;}

/*Request an App form*/
.requestapp{ background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);     padding: 20px 10px 10px 10px;}
.requestapp h3{font-size: 28px;  color: #1476bc; padding: 0 15px 5px;  margin: 0;}
.requestapp button.signup-btn { width: 100%;}
.tenants-number{border-radius:5px; color: #fff; display: inline-block; font-size: 14px; width:auto; text-align: center; background-color: #337ab7 !important; padding:5px 10px; }
.tenants-number .number{font-size:20px;}   
.theme-img{width:auto; height:50px;}
.theme-img img{ width:auto;}
.email-temp .btn-group{ float:right;}
.email-temp button, .email-temp button:hover{background-color: #282828; border-color: #282828; font-size: 14px;  padding: 3px 11px; color:#fff; margin:0 0 5px 0}
.email-temp .editor-height { min-height: 63px;}
.email-temp textarea{height:63px;}
.nodata{padding:50px; font-size:16px;}
/*GK Editing Start*/
h3.panel-title.font_title {font-size: 20px;color:#fff;}
.btn-blue{color: #fff;background-color: #0774C2;border-color: #136AA9;}
.ad-configuration h3{font-weight: 400;}
.light-box.big p {min-height: 40px;}
.panel.panel-black {margin-bottom: 0;}
.content-area{ word-break: break-all; }

/*GK Editing End*/

/* ng-cloak Rules - MUST be at the end of this file */
/*[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.ng-hide {
	opacity: 0;
}

.ng-hide-add, .ng-hide-remove {
	transition: all linear 0.5s;
}*/
.btn-primary.gray.active.focus, .btn-primary.gray.active:focus, .btn-primary.gray.active:hover, .btn-primary.gray:active.focus, .btn-primary.gray:active:focus, .btn-primary.gray:active:hover{border-color: #595959 !important;background-color: #595959 !important; color:#fff;}
.btn-submit.btn-small.active.focus, .btn-submit.btn-small.active:focus, .btn-submit.btn-small.focus, .btn-submit.btn-small:active.focus, .btn-submit.btn-small:active:focus, .btn-submit.btn-small:focus{color: #fff;}
.session-Btn .btn-default.btn-active {background: #1476bc !important;color: #fff;}
.datepicker_popup .dropdown-menu {right: auto;}
.mrg-R20 {margin-right: 20px;}
.mrg-T5 {margin-top: 5px;}
.datepicker_popup {position: relative;float: left;}
.datepicker_popup .dropdown-menu {left: auto !important;right: 0;}

.theme-list {list-style: none;padding-left: 0px;}
.theme-list li {border-bottom: 1px solid #e8e8e8; width: 150px;font-size: 16px !important; color: #acacac !important;padding: 10px;cursor: pointer;}
.theme-list li.active {color: #595959 !important;cursor: default;}
.left-right-zero{left: 0px;right: 0px;position: absolute;}
.mar-5{margin: 5px}
.mar-minus-one-per{margin: -1%}
.mar-minus-two-per{margin: -2%}
.form-label-size-ul{position: absolute !important;background-color: #fff}
.form-label-size-ul:hover{background-color: #fff}
.form-label-size-ul > li{font-size: large;}
.form-label-size-ul > li:hover {background-color: #e6e6e6}
.position-relative {position:relative;}

/******* Start - contract download pop-up CSS ***********/
/*
.contract-icon-box:hover .dropdown-menu{display: block!important;}
.sow-list li{border-bottom: #dcdcdc 1px solid;padding: 10px 15px!important;}
.sow-list li a:hover{font-weight: normal;}
.sow-list li a:hover .contract-list li a{font-weight: bold;}
.contract-list:after {content: '';left: initial;right: 23px;top: -6px;background: #FFF;position: absolute;width: 16px;height: 16px;z-index: -1;transform: rotate(45deg);}
.contract-icon-box ul li a:hover{text-decoration: none;}
.contract-icon-box ul li:hover .sow-list{display: inline!important}
.contract-list li{padding: 15px;color: #021168;   padding:15px;}
.contract-list li a{color: #021168; padding:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.contract-list li a .fa-angle-right{float: right;  font-size:18px;}
.contract-list li a:hover, .contract-list li a:hover .fa-angle-right {font-weight: bold;}
.contract-list {width: 180px;margin-top: 0;box-shadow: 0 0px 80px rgba(0,0,0,.3)!important;right: -25px;top: 28px;left: inherit!important;padding: 0!important;}
.sow-list {display: none;position: absolute;left: 100%;background: #fff;top: 0;width: 150px;height: 100%;border: 0;padding: 0;box-shadow: 0 0px 80px rgba(0,0,0,.3)!important;}
*/


.contract-list li{color: #021168; padding:10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;border-bottom: 1px solid #f3f3f3;}
.connection-list li:last-child{border-bottom: none; }
.contract-list li a{color: #021168; padding:0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 140px;display: inline-block; animation: ease-in-out 1ms;font-size: 12px}
.contract-list li .fa-angle-right{float: right; font-size:18px;line-height: 23px;}
.contract-list li a:hover, .contract-list li a:hover .fa-angle-right{text-decoration: none!important; margin-right: -5px;}
.contract-list li a:focus{outline: none;background-color: none;}
.contract-list,.productList-show {width: 175px;margin-top: 10px;margin-bottom: 0;padding: 0!important;border-radius: 4px;border: 1px solid rgba(0,0,0,.15);box-shadow: 0 0px 80px rgba(0,0,0,.3)!important;background: #fff;right: 0px;left: inherit!important;}
ul.contract-list li:hover .sow-list{display: inline!important;}
ul.contract-list:after,.productList-show:after {content: '';left: initial;right: 3px;top: -3px;background: #FFF;position: absolute;width: 16px;height: 16px;z-index: -1;transform: rotate(45deg);}
.sow-list li{border-bottom: #dcdcdc 1px solid;padding: 10px!important;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sow-list li a:hover{font-weight: normal;text-decoration: none;}
.sow-list {display: none;position: absolute;left: 100%;background: #fff;top: 0;width: 130px;font-size:13px;height: 100%;border: 0;padding: 0;box-shadow: 0 0px 80px rgba(0,0,0,.3)!important;}
.reverse {top:auto;bottom:100%; margin-bottom: 10px;}
.reverse:after{bottom:-8px;top:inherit!important;}
/******* End - contract download pop-up CSS ***********/


/*For data table*/
.table-layout .dataTables_wrapper .dataTables_length,.table-layout .dataTables_wrapper .dataTables_filter{display: inline-block;margin-bottom: 10px;font-size: 12px;}
.table-layout .dataTables_wrapper .dataTables_filter{float: right;}
.dataTables_filter label input{border:1px solid #cbcbcb;border-radius: 3px;margin-left: 10px}
.dataTables_length label select{border:1px solid #cbcbcb;border-radius: 3px;}
.dataTables_length label select,.dataTables_filter label input{height: 34px;}
.table-layout .dataTables_wrapper .dataTables_info,.table-layout .dataTables_wrapper .dataTables_paginate{display: inline-block}
.table-layout .dataTables_wrapper .dataTables_paginate{float: right;padding-top: 8px;}
.table-layout .dataTables_wrapper .dataTables_paginate .previous, .table-layout .dataTables_wrapper .dataTables_paginate .next{background: #021168;color: #fff;font-size: 12px;padding: 5px 10px;border-radius: 50px;}
.table-layout .dataTables_wrapper .dataTables_paginate .previous{margin-right: 5px}
.table-layout .dataTables_wrapper .dataTables_paginate span a.paginate_button, .table-layout .dataTables_wrapper .dataTables_paginate span>span{background: #efefef;border: #dcdcdc 1px solid;padding: 5px 10px;border-radius: 3px;margin: 0 5px 0 0;font-size: 11px;}
.table-layout .dataTables_wrapper .dataTables_paginate span a.current{background: #021168!important;color: #fff!important;border-color: #021168!important;;}
.table-layout .dataTables_wrapper .dataTables_info{font-size: 12px;}
.dataTables_paginate a:hover,.dataTables_paginate span a:hover{text-decoration: none;}
.action-icon-box{padding: 0;width: 30px;height: 30px;margin: 0 2px;}
.action-icon-box i{padding: 8px;}
#contract_dt_filter .btn-default, #customer_dt_filter .btn-default{margin-left: 10px;float: right;}
/*Ends data table*/

.theme-list thead tr th{border-bottom: 0;color: #595959;font-weight: bold;border: none;font-size: 13px;padding: 12px;}
.theme-list thead tr {background: #f4f3f8 !important;}
.theme-list tbody tr td{vertical-align: middle;padding: 12px;border-top: 0;}
.theme-list tbody tr:nth-of-type(odd) {background-color: #fff !important;}
.theme-list tbody tr:nth-of-type(even) {background-color: #faf9fc !important;}

.pos-rel{position: relative;}