.alert-debug {
  background-color: #fff;
  border-color: #d6e9c6;
  color: #000; }

.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48; }

.navbar {
  border-radius: 0px; }

@media (max-width: 47.9em) {
  .navbar-nav .nav-item {
    display: inline-block;
    float: none;
    width: 100%; }
  .navbar-nav .nav-item + .nav-item {
    margin-left: 0; }
  .nav.navbar-nav.pull-xs-right {
    float: none !important; } }

[hidden][style="display: block;"] {
  display: block !important; }

.pagination ul {
  padding: 0;
 width:500px;
text-align: left;
float:left !important}

.pagination li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block; }

.found-msg {
  margin-top: 20px; }
.table {font-size: 16px !important;}

/** Admin homepage **/
.control-center{text-align: center; border:1px solid #D4D4D4; padding:30px 3px 30px 15px; min-height:400px; max-height: 800px ;min-width:100px; max-width: 1000px; margin:15% auto;vertical-align: middle;
}
.control-center p{margin-bottom:50px; text-transform: uppercase;font-size: 12px}
.control-center ul{	list-style: none;vertical-align: middle}
.control-center li{display: inline;margin:50px 25px 0 0;vertical-align: middle}
.control-center a:link, .admin-navigation a:visited{color:#3882F7}
.control-center a:hover{text-decoration: none}
.control-center img{width:184px; clear:both;margin:30px 0 30px 0}



.login-box{text-align: left; border:1px solid #D4D4D4; padding:30px; 
	min-height:400px;width:500px;background:#FDFDFD;margin: 0 auto;

	box-shadow:10px 10px 20px grey; 
}
.login-box h1{font-size:18px; text-align:center;}
.login-box h2{font-size:14px;margin-bottom:10px;text-align:center;}
.login-box p{font-size:13px;margin-bottom:25px;text-align:center;}

.login-box input { width: 100%; height:40px; font-size:18px; }
.login-box label{font-size:18px; text-align: left !important;float:left !important }

.login-box button {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  background: #0066cc;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
   
   
}

login-box:hover button {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}



.submitbutton {float:right; margin:-50px -10px -20px -20px}


.accounts-circle {
	width: 75px;
	height: 75px;
	background: #666;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50%;
	font-size:12px;
	color:#fff;
	text-align:center;
	font-weight:600;
	float:left;
margin: 30px 20px;
	vertical-align: middle;
line-height: 13px; padding-top:30px;
	
	
}
.entites-circle {
	width: 75px;
	height: 75px;
	background: #87c446;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50%;
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:600;
	float:left;
margin: 20px 20px;
	vertical-align: middle;
line-height: 100px;

}
.ra-circle {
	width: 100px;
	height: 100px;
	background: #8ac9ee;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50%;
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:600;
	float:left;
margin: 20px 20px;
	vertical-align: middle;
line-height: 100px;
	
	
}
.sop-circle {
	width: 100px;
	height: 100px;
	background: #0088cd;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50%;
	font-size:13px;
	color:#fff;
	font-weight:600;
	float:left;
 display: table-cell !important;
  text-align: center;
  vertical-align: middle !important;
margin: 20px 20px;
	padding-top:30px;
	
}
.cs-circle {
	width: 100px;
	height: 100px;
	background: #5159a6;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50%;
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:600;
	float:left;
margin: 20px 20px;
	vertical-align: middle;
line-height: 20px;
	padding-top:15px;
}
.email-circle {
	width: 100px;
	height: 100px;
	background: #b2509d;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50%;
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:600;
	float:right;
margin: 20px 20px;
	vertical-align: middle;
line-height: 100px;
}
.admin-circle {
	width: 100px;
	height: 100px;
	background: #e02766;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50%;
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:600;
	float:right;
margin: 20px 20px;
	vertical-align: middle;
line-height: 100px;
}
.more-info-hidden>div{display:none !important}
.more-info-visible>div {display: block;}
/** Admin Navigation **/
.admin-navigation{margin:50px auto; width:100%; max-width: 1000px;vertical-align: middle}
.admin-navigation p {text-transform: uppercase;font-size: 12px}
.admin-navigation ul{	list-style: none;vertical-align: middle}
.admin-navigation li{display: inline;margin:50px 25px 0 0;vertical-align: middle}
.admin-navigation a:link, .admin-navigation a:visited{color:#3882F7}
.admin-navigation a:hover{text-decoration: none}
.admin-navigation img{width:184px; margin:-30px 0 0 -25px !important}
/** body**/

.container {margin:100px auto; font-size: 14px;width:100%; max-width: 1000px  }
.container h1{font-size:21px;}
.container h2{font-size:18px;}

.test{background-image: url(http://dev-julius.blumberg.com/static/brs/images/download.png); width:500px; height 500px}
.right{float:right}
.left{float:left}

/** Search section*/
.search-box {border: 1px solid #CCC; padding:20px;border-radius: 10px;}
.search-box-with-tabs {border-radius: 0 0 10px 10px;}
.search-box h1{color:#777; font-size:24px}
.search-box .btn{margin-top:20px !important; clear:both; background:#87c446; color:#fff }

/** Corporate Service and RA detail  Page **/

.group-box table {border: 0 !important; width:100%; ;max-width: 1000px;margin:0}
.group-box a{text-decoration: underline}
.group-box tr {border: 0px solid #ebebeb; text-align:left}
.group-box td {border: 0 !important; font-size: 13px;color:#575757}
.group-box th {background: #E4E4E4; font-size: 13px;font-weight: 600;text-align: left}
.subtotal-box table {float:right;width:500px;margin-top:30px;}
.group-box td strong {color:#000;font-weight: normal; font-size:14px}
.group-box h1 {color: #9B9B9B;font-size:28px;margin-bottom:20px;}
.ra-box{border:1px solid #ebebeb; padding:10px;width:350px; margin-bottom:0}
.drilldown-button {padding:20px;margin:30px 5px 30px 0; text-align:center; float:left;background: #0066CC;font-size: 13px;font-weight:600; color: #000;}
.drilldown-button a,.drilldown-button-green a,.drilldown-button-light-blue a{color:#FFF;text-decoration: none;}
.drilldown-button-green{padding:20px;margin:30px 5px 30px 0; text-align:center; float:left;background: #7DBD00;font-size: 13px;font-weight:600; color: #000;}
.drilldown-button-light-blue{padding:20px;margin:30px 20px 30px 0; text-align:center; float:left;background: #61B0FF; font-size: 13px;font-weight:600; color: #70AEFA;}


.attachment{margin:50px 0 50px 0; border:1px solid #E4E4E4;padding:20px}
.attachment h2{color:#7DBD00;font-weight: 600;font-size: 24px}
.attachment li{list-style:none; border-bottom:1px solid #E4E4E4;margin-top: 10px;margin:15px 20px 0 -40px}
/** Account detail  Page **/
.account-body{display: flex; clear: both !important;width:100%}
.account-details {float:left; padding-right:20px;border-right:1px solid #E4E4E4;width:50%!important}
.account-details strong{font-size:15px;font-weight:600;}

.account-details h2 {margin-bottom:20px !important}
.account-entities{float:right;padding-left:15px !important; width:50% !important;margin:0 -10px 0 0 ;}
.account-body table {border: 0 !important; width:100%; max-width: 1000px;margin:0}
/** Entity Summery Page **/
.entity h1 {color: #9B9B9B;font-size:28px;margin-bottom:20px;}
.entity{text-transform: capitalize;}



/** footer **/
.footer{text-align: center;font-size: 11px; clear:both !important;margin-top: 150px ;}
/** Sorting Table **/




#sorting tr:nth-child(even){   
    background: #ebebeb;}

#sorting {
  margin: 0 auto;
  font-size: 13px !important;
  margin-bottom: 15px;
}


#sorting thead !important,#sorting thead tr:nth-child(odd) {
  cursor: pointer;
  background: #c9dff0;
}
#sorting thead tr th { 
  font-weight: bold;
  padding: 12px 10px;
  padding-left: 15px;
	text-align: center;
}
#sorting thead tr th span { 
  padding-right: 15px;
  background-repeat: no-repeat;
  background-position: 100% 100%;
}

#sorting thead tr th.headerSortUp, #sorting thead tr th.headerSortDown {
  background: #B8EDFF;
}

#sorting thead tr th.headerSortUp span {
  background-image: url('../images/up-arrow.png');
}
#sorting thead tr th.headerSortDown span {
  background-image: url('../images/down-arrow.png');
}


#sorting tbody tr { 
  color: #555;
}
#sorting tbody tr td {
  text-align: center;
  padding: 10px 5px;
}
#sorting tbody tr td.lalign {
  text-align: left;
}

/* Datetimepicker */
.datetimepicker {
    width: 300px !important;
}

/** Client Side Navigation **/
.cs-navigation {margin:50px auto;max-width: 1250px;}
.cs-box-green {backgound-color:#87c446 !important; padding:10px; margin:0 3px 0 0;float:left;}
.cs-box-logo {float:left;}
.cs-navigation ul{	list-style: none;vertical-align: middle}
.cs-navigation li {display: inline;margin:0;vertical-align: middle;font-size:16px;font-weight:600; padding:30px;}
.cs-navigation img {width:200px}
.green {background-color: #87c446;}
.red {background-color: #ec6e5a;}
.blue {background-color: #0082ff;}
.logout {background-color:#fff;padding_left:0;padding-right:0 color:#000000}
.logout a:link, .logout a:visited, .logout a:active .logout a:hover{color:#000000}
.cs-navigation a:link, .admin-navigation a:visited{color:#0066cc}
.cs-navigation a:hover{text-decoration: none}

/** Client Side h1 **/
.title {font-size:32px;color:#002A54;margin:0 0 -10px 0;font-weight:300}

.navigation {display: none}
.navigation {
	background: #0082ff;
	position:absolute;
	margin: 0 300px 0 0;
 
    width:300px;
    padding:20px;
     left:auto;right:200px  

     
}
.navigation a, .navigation a:active, .navigation a:hover {
	text-decoration: none!important
}
.help-square{width: 200px;float:left;font-size: 16px}
/* ---------------Navigation -------------------- */
.main-header {
  margin: 50px auto;
  width: 100%;
  min-height: 90px;

  border-top: 30px;
  border-radius: 0 0 5px 5px;
	background: #fff;
    max-width: 1100px;
}
  .main-header:after {
    content: " ";
    display: table;
    clear: both;
  }
.logo {
	display: block;
	text-decoration: none;
  float: left;
  margin-top: 5px;
}




.main-nav,
.drop-nav {
    left:0px;

    
}
.main-nav ul {list-style: none;margin:0;padding:0}

.main-nav {
  float: left;
  margin-top: 8px;
   margin-left:-10px; 

}
  .main-nav > li {
    float: left;
    border-left: solid 1px #FFF;
     list-style: none;margin:0;padding:0
  }
  .main-nav li:first-child {
    border-left: none;
      list-style: none;margin:0;padding:0
  }
  .main-nav a {
    color: #fff;
    display: block;
    padding: 30px 20px;
    text-decoration: none;
      
  }
.main-nav .green a:hover {color:#FFFFFF; background: #1ABB06; text-decoration: none}
.main-nav .red a:hover {color:#FFFFFF; background:#CE1F22; text-decoration: none}
.main-nav .blue a:hover {color:#FFFFFF; background:#3F4FFF; text-decoration: none}
.main-nav .logout a:hover {color:#B9B9B9; background:#FFF; text-decoration: none}
.dropdown,
.flyout {
  position: relative;
    
}
.dropdown:after {
  content: "\25BC";
  font-size: .5em;
  display: block;
  position: absolute;
  top: 38%;
  right: 12%;
}
.drop-nav,
.flyout-nav {
  position: absolute;
  display: none;
    z-index: 2;
        background: #2c3e50;
    color:#FFF;
}
.drop-nav a:link, .drop-nav a:hover, .drop-nav a:visited{text-decoration: none;color:#fff;}
.drop-nav li {
  border-bottom: 1px solid rgba(255,255,255,.2);
    list-style: none;margin:0;padding:0
}
.dropdown:hover > .drop-nav,
.flyout:hover > .flyout-nav {
  display: block;color:#fff;
}
.flyout-nav {
  left: 100%;
  top: 0;
}
.flyout:hover a,
.flyout-nav {
  background: #395066;
}
/* Customer updates -------------------- */

.updates {border: 1px solid #ACACAC;box-shadow: 2px 2px #EBEBEB; spread-radius:5px;padding:10px;font-size:10px}
.updates h2 {font-size:11px;font-weight:600}
.updates p {font-size:10px;}

/* SOP Detail Customer -------------------- */

.line {border-bottom:1px solid #ebebeb;padding:10px;text-align: left;}
.tracking{margin-left: 30px; border:1px solid #ACACAC;padding:15px 15px 15px 30px;
    -moz-box-shadow: 50 8px 6px -6px black;
  -webkit-box-shadow: 0 8px 6px -6px black;
  box-shadow: 0 8px 6px -6px black;

  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.30)";
  zoom: 1;
    
 }
/*----Mobile Dashbord */
.mobile {
margin:10px auto;max-width: 100%;
display: none;padding:15px;
text-align: center !important;
vertical-align: middle !important
    
}
.mobile-links {
max-width: 100%;
    display: block;padding:10px;
position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   background-color: #FFF;
   color: #7DBD00;
   text-align: center;   
    z-index: 1;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 2px 1px 6 10 #CCC;
}
.mobile-logo{margin: 0 auto !important}
.mobile-links strong{font-size:11px}
.mobile-links a:link, .mobile-links a:active, .mobile-links a:visited,.mobile-links a:hover {color:#7DBD00 !important}
@media only screen and (max-width: 736px) and (min-width: 0px)  {
   .col-5 {
        max-width: 100% !important;
       max-height: 300px !important;
       overflow: scroll; scroll-behavior: smooth;}
    
    
.main-header{display: none}
    .mobile {display: block}
    .title {text-align: center;margin-top:50px}
    
    
    
    .login-box{text-align: left; border:1px solid #D4D4D4; padding:30px; 
	min-height:400px;width:100%;background:#FDFDFD;margin: 0 auto;

	box-shadow:10px 10px 20px grey; 
}

 
    
    }
@media only screen and (max-width: 1023px) and (min-width: 737px)  {
   .logo { display: block; text-decoration: none; float:none; margin: 10px auto !important;
    text-align: center;
}
     .main-nav a {
    color: #fff;
    display: block;
    padding: 20px 10px;
    text-decoration: none;
         font-size:13px  }
    
    .main-nav {
  float: none;
        margin: 10px auto !important;
   width:700px
    }
    }
@media only screen and (max-width: 1099px) and (min-width: 1024px)  {
   .logo { display: block; text-decoration: none; float:none; margin: 10px auto !important;
    text-align: center;
}
     .main-nav a {
    color: #fff;
    display: block;
    padding: 30px 20px;
    text-decoration: none;
         font-size:15px  }
    
    .main-nav {
  float: none;
        margin: 10px auto !important;
   width:900px !important;
    }
    }
    



/*-------Slide Menue of Mobile */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 5;
    top: 0;
    left: 0;
    background-color: #E1E1E1;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;

    
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 16px;
    color: #0066cc;
    display: block;
    transition: 0.3s;
   
}
.sidenav p{bottom-border:1px solid #111}
.sidenav a:hover {
    color: #0066CC; text-decoration: none;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}


.sidenav-box{width: 80%;background:#fff;border:1px solid #656565;padding:50px 0;margin:10px auto; border-radius: 10px;min-height:400px; box-shadow:10px 10px 30px grey;  }
.sidenav-box p{border-bottom: 1px solid #ccc;margin:0}
.sidenav-box p a:hover {background:#ebebeb;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-top: 1px solid #ccc;color:#fff}
.sidenav-box p strong {color:#002A54;line-height:14px;margin-top:20px;}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


.invalid-feedback {
    color: red;
}