/* here you can put your own css to customize and override the theme */
:root {
    --accent-color: #8E44AD;
}

.ms-container .ms-list {
    /* Custom Height here */
    height: 380px;
}

.btn.green:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #9749b7;
  border-color: #9749b7; }
  .btn.green:not(.btn-outline):focus, .btn.green:not(.btn-outline).focus {
    color: #FFFFFF;
    background-color: #00386D;
    border-color: #18666d; }
  .btn.green:not(.btn-outline):hover {
    color: #FFFFFF;
    background-color: #00386D;
    border-color: #00386D; 
    }
  .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline).active,
  .open > .btn.green:not(.btn-outline).dropdown-toggle {
    color: #FFFFFF;
    background-color: #00386D;
    border-color: #00386D; 
  }

    .btn.green:not(.btn-outline):active:hover, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active.focus,
    .open > .btn.green:not(.btn-outline).dropdown-toggle:hover,
    .open > .btn.green:not(.btn-outline).dropdown-toggle:focus,
    .open > .btn.green:not(.btn-outline).dropdown-toggle.focus {
      color: #FFFFFF;
      background-color: #00386D;
      border-color: #18666d; }
      
        .btn.green:not(.btn-outline).disabled:hover, .btn.green:not(.btn-outline).disabled:focus, .btn.green:not(.btn-outline).disabled.focus, .btn.green:not(.btn-outline)[disabled]:hover, .btn.green:not(.btn-outline)[disabled]:focus, .btn.green:not(.btn-outline)[disabled].focus,
  fieldset[disabled] .btn.green:not(.btn-outline):hover,
  fieldset[disabled] .btn.green:not(.btn-outline):focus,
  fieldset[disabled] .btn.green:not(.btn-outline).focus {
    background-color: #00386D;
    border-color: #00386D; }
  .btn.green:not(.btn-outline) .badge {
    color: #00386D;
    background-color: #FFFFFF; }
    
.btn.btn-outline.green {
  border-color: #00386D;
  color: #00386D;
  background: none; }
  .btn.btn-outline.green:hover, .btn.btn-outline.green:active, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:focus, .btn.btn-outline.green.active {
    border-color: #00386D;
    color: #FFFFFF;
    background-color: #00386D; }

.btn.green-stripe {
  border-left: 4px solid #00386D !important; }
  
  .form-control.green {
  border-color: #00386D; }
  .form-control.green:focus {
    border-color: #00386D; }

.form-control.focus-green:focus {
  border-color: #00386D; }
  
  .portlet > .portlet-body.green,
.portlet.green {
  background-color: #00386D; }
  
.portlet.box.green {
  border: 1px solid #00386D;
  border-top: 0; }
  .portlet.box.green > .portlet-title {
    background-color: #00386D; }
    
    
.progress-bar.green {
  background: #00386D !important;
  color: #FFFFFF !important; }
  
  .dashboard-stat.green {
  background-color: #00386D; }
  
      .tabbable-line > .nav-tabs > li.active {
      background: none;
      border-bottom: 4px solid #64307a;
      position: relative; }
      
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
      background: none;
      border-bottom: 4px solid #9749b7; }
.tiles .tile.double 
{
      width: 265px !important; 
}
.tiles .tile.double-down 
{
      height: 265px !important; 
}

.tile 
{
    width:127px !important;
}
.tiles
{
    display: table;
    margin: 0 auto;
}   

/*.tiles
{
    display:flex;
    justify-content:center;
} */ 
      

.tiles .tile .tile-body > i {
margin-top: 95px !important;
display: block;
font-size: 100px;
line-height: 56px;
text-align: center
}

        
        
.mt-element-step .step-default .active {
  background-color: #00386D !important; }
  .mt-element-step .step-default .active .mt-step-number {
    color: #00386D !important; }
    
.mt-element-step .step-thin .active {
  background-color: #00386D !important; }
  .mt-element-step .step-thin .active .mt-step-number {
    color: #00386D !important; }
    
.mt-element-step .step-background .active {
  background-color: #00386D !important; }


.mt-element-step .step-background-thin .active {
  background-color: #00386D !important; }
  
  .mt-element-step .step-no-background .active .mt-step-number {
  color: #00386D !important;
  border-color: #00386D !important;
  font-weight: 700; }

.mt-element-step .step-no-background .active .mt-step-title,
.mt-element-step .step-no-background .active .mt-step-content {
  color: #00386D !important;
  font-weight: 700; }
  
  
.mt-element-step .step-no-background-thin .active .mt-step-number {
  color: #00386D !important;
  border-color: #00386D !important;
  font-weight: 700; }            
  
.mt-element-step .step-no-background-thin .active .mt-step-title,
.mt-element-step .step-no-background-thin .active .mt-step-content {
  color: #00386D !important;
  font-weight: 700; }
  
.mt-element-step .step-line .active .mt-step-number {
  color: #00386D !important;
  border-color: #00386D !important; }

.mt-element-step .step-line .active .mt-step-title,
.mt-element-step .step-line .active .mt-step-content {
  color: #00386D !important; }

.mt-element-step .step-line .active .mt-step-title:after, .mt-element-step .step-line .active .mt-step-title:before {
  background-color: #00386D; }


          .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-icon-container a:hover {
            color: #00386D; }

            .mt-element-list .list-news.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
              color: #00386D;
              text-decoration: none; }

          .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-icon-container a:hover {
            color: #00386D; }

            .mt-element-list .list-todo.mt-list-container ul > .mt-list-item > .list-item-content > h3 > a:hover {
              color: #00386D;
              text-decoration: none; }

.mt-element-list .list-default.mt-list-head.green {
  background-color: #00386D;
  color: #FFFFFF; }

  .mt-element-list .list-default.mt-list-head.green .badge {
    background-color: #00386D;
    color: #FFFFFF; }
  .mt-element-list .list-default.mt-list-head.green.ext-1 .badge {
    background-color: #00386D; }


.mt-element-list .list-todo.mt-list-head.green {
  background-color: #00386D;
  color: #FFFFFF; }

.mt-element-list .list-todo .list-count.green {
  background-color: #00386D;
  color: #FFFFFF; }

.mt-element-list .list-todo .list-todo-line.green {
  border-color: #00386D; }

.mt-element-list .list-todo .list-todo-item.green:after {
  border-right-color: #00386D !important; }

.mt-element-list .list-todo .list-todo-item.green .list-toggle {
  background: #00386D;
  color: #FFFFFF !important; }
  .mt-element-list .list-todo .list-todo-item.green .list-toggle > .badge {
    color: #00386D;
    background: #FFFFFF; }


.mt-element-list .list-todo-item.green:after {
  border-right-color: #00386D; }

.mt-element-list .list-todo-item.green .list-toggle {
  background: #00386D; }
  
  
.bg-green {
  background: #00386D !important; }

.bg-hover-green:hover {
  background: #00386D !important; }

.font-green {
  color: #00386D !important; }
  
  
.border-green {
  border-color: #00386D !important; }

.border-top-green {
  border-top-color: #00386D !important; }

.border-bottom-green {
  border-bottom-color: #00386D !important; }

.border-left-green {
  border-left-color: #00386D !important; }

.border-right-green {
  border-right-color: #00386D !important; }

.bg-before-green:before,
.bg-after-green:after {
  background: #00386D !important; }

.border-before-green:before,
.border-after-green:after {
  border-color: #00386D !important; }

.border-top-before-green:before,
.border-top-after-green:after {
  border-top-color: #00386D !important; }

.border-bottom-before-green:before,
.border-bottom-after-green:after {
  border-bottom-color: #00386D !important; }
  

.border-left-before-green:before,
.border-left-after-green:after {
  border-left-color: #00386D !important; }

.border-right-before-green:before,
.border-right-after-green:after {
  border-right-color: #00386D !important; }  
  
    
/*Default.css customization*/                                                                                      

.theme-font {
color: #00386D !important; }
  
.pace .pace-progress {
background: #00386D; }
  
  
.portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
color: #fff;
background: #00386D;
border-color: #00386D; }
    
    
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
background-color: #00386D;
color: #ffffff; }
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
border-color: transparent transparent transparent #00386D; }
        
        
.page-header .page-header-menu {
background: #656564;
/* Default Mega Menu */
/* Light Mega Menu */
/* Header seaech box */ }
    
.page-prefooter {
background: #656564;
color: #fff; }
.page-prefooter h2 {
color: #00386D; }
.page-prefooter a {
color: #00386D; }
    
.page-prefooter .subscribe-form .btn {
color: #fff;
background-color: #9749b7;
border-color: #9749b7; }
.page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn.focus {
color: #fff;
background-color: #793a93;
border-color: #4c245c; }
.page-prefooter .subscribe-form .btn:hover {
color: #fff;
background-color: #00386D;
border-color: #73378c; }
.page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active,
.open > .page-prefooter .subscribe-form .btn.dropdown-toggle {
color: #fff;
background-color: #793a93;
border-color: #73378c; }


.open > .page-prefooter .subscribe-form .btn.dropdown-toggle.focus {
color: #fff;
background-color: #64307a;
border-color: #4c245c; }
        

.page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled.focus, .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled].focus,
fieldset[disabled] .page-prefooter .subscribe-form .btn:hover,
fieldset[disabled] .page-prefooter .subscribe-form .btn:focus,
fieldset[disabled] .page-prefooter .subscribe-form .btn.focus {
background-color: #9749b7;
border-color: #9749b7; }
.page-prefooter .subscribe-form .btn .badge {
color: #9749b7;
background-color: #fff; }
      

.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
background: none !important;
color: #00386D !important; }
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
color: #00386D !important; }

.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
color: #fff !important;
background: #00386D !important; }

.home.page-head
{
    background-color: #C9C9C8; 
}

@media (max-width: 991px) 
{
.home.page-head
{
     background-color: #C9C9C8; 
}

.page-head {
    background: #C9C9C8; }

    
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
background: none !important;
color: #00386D !important; }
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
color: #00386D !important; }

.page-header .page-header-menu 
{
    background-color: #C9C9C8;
}



.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
color: #fff !important;
background: #00386D !important; }

.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
.page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
border: 0 !important;
margin: 0 !important;
color: #fff !important;
background: #9b50ba !important; }

.page-header .search-form .input-group .input-group-btn .btn.submit {
background: #00386D; }
        
       
.page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
background: #763890; }
}
.page-spinner-bar > div,
.block-spinner-bar > div {
background: #9b50ba; }  

body{
  min-width:340px;
} 

.table .btn-group {
    position: relative !important;
}

.table .btn-group.open .dropdown-menu {
    position: absolute;
}

@media (max-width: 991px) {
.table .btn-group {
    position: relative !important;
}

.table .btn-group.open .dropdown-menu {
    position: absolute;
}
}
   
.dataTables_scrollBody {
    min-height: 300px; /* allow enough space for the actions-menu */
}

.input-icon > i
{
    color:#9749b7 !important;
} 

.has-error .input-icon > i
{
    color: #ed6b75 !important;
}

.bg-blue
{
    background-color:#00386D !important;
}

.page-header .page-header-menu .search-form .input-group .form-control
{
    color:White !important;
}

.input-icon.right > .form-control 
{
    padding-right: 0px;
    padding-left: 12px; 
 }

.ms-container                                                                                                                
{
    width:940px;
}

.ms-container .ms-selectable, .ms-container .ms-selection
{
    width:40%;
}

.alert-success
{
    background-color:#51a351;
    color:White;
    border-color:#51a351;
}

.tiles
{
    display: table;
    margin: 0 auto;
}   

.homepage
{
    background-color:#C9C9C8 !important
}

.flag
{
    display: inline-block;
    width: 11px;
    height: 8px;
    background-image: url(/App_Themes/Metronic/assets/layouts/layout3/img/flags.png);
    background-repeat: no-repeat;
    overflow: hidden;
}

.flag-de  {
    background-position: -52px -45px;
}
.flag-en  {
    background-position: -52px -63px;
}
.flag-jp  {
    background-position: -117px -90px;
}
.flag-ch  {
    background-position: -65px -36px;
}
.flag-fr  {
    background-position: -26px -63px;
}
.flag-sp  {
    background-position: -65px -54px;
}
.flag-it  {
    background-position: -78px -90px;
}
.flag_16
{
    margin: 2px 3px 0 0;
    width: 12px !important;
    background-image: url(/App_Themes/Metronic/assets/layouts/layout3/img/flags.png);
    background-repeat: no-repeat;
    overflow: hidden;
}

.about
{
    color:#00386D;
}

.tooltip {
    opacity: 1 !important;
    z-index: 99999;
}

/* this hides unnecessary column form cxfcloud 
    column->9 -> certifiedwebid
*/
.user_table_cxfCloud tr th:nth-child(9), .user_table_cxfCloud tr td:nth-child(9) {
    display: none;
}