/*----------Tenancy--------*/
@font-face {
    font-family: 'Poppins-Regular';
    font-display: swap;
    src: url('../fonts/Poppins-Regular.woff2') format('woff2'), 
        url('../fonts/Poppins-Regular.woff') format('woff');
 }
  @font-face {
    font-family: 'Poppins-Medium';
    font-display: swap;
    src: url('../fonts/Poppins-Medium.woff2') format('woff2'), 
         url('../fonts/Poppins-Medium.woff') format('woff'), 
        
}
@font-face {
    font-family: 'Poppins-Bold';
    font-display: swap;
    src: url('../fonts/Poppins-Bold.woff2') format('woff2'), 
         url('../fonts/Poppins-Bold.woff') format('woff'), 
        
}

@font-face {
    font-family: 'Kabel LT Std';
    src: url('../fonts/KabelLTStd-Book.woff2') format('woff2'),
        url('../fonts/KabelLTStd-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
 }
  @font-face {
    font-family: 'Helvetica Neue LT Std';
    src: url('../fonts/HelveticaNeueLTStd-Md.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTStd-Md.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Helvetica Neue LT Std Thin';
    src: url('../fonts/HelveticaNeueLTStd-Th.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTStd-Th.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }
  @font-face {
      font-family: 'OpenSans-Regular';
      src: url('../fonts/OpenSans-Regular.eot');
      src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'), 
      url('../fonts/OpenSans-Regular.ttf') format('truetype'), 
      url('../fonts/OpenSans-Regular.woff') format('woff'), 
      url('../fonts/OpenSans-Regular.woff2') format('woff2');
  }
  
  @font-face {
      font-family: 'OpenSans-Regular';
      src: url('../fonts/OpenSans-Bold.eot');
      src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), 
      url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg'), 
      url('../fonts/OpenSans-Bold.ttf') format('truetype'), 
      url('../fonts/OpenSans-Bold.woff') format('woff'), 
      url('../fonts/OpenSans-Bold.woff2') format('woff2');
      font-weight: bold;
      font-style: normal;
  }
  @font-face {
      font-family: 'trajanpro-regular';
    font-display: swap;
    src: url('../fonts/trajanpro-regular.woff2') format('woff2'), 
      url('../fonts/trajanpro-regular.woff') format('woff');
  }
  @font-face {
      font-family: 'trajanpro-bold';
    font-display: swap;
    src: url('../fonts/trajanpro-bold.woff2') format('woff2'), 
      url('../fonts/trajanpro-bold.woff') format('woff');
    }
  
    @font-face {
      font-family: 'urbanist-regular';
    font-display: swap;
    src: url('../fonts/urbanist-regular.woff2') format('woff2'), 
      url('../fonts/urbanist-regular.woff') format('woff');
  }
  @font-face {
      font-family: 'urbanist-bold';
    font-display: swap;
    src: url('../fonts/urbanist-bold.woff2') format('woff2'), 
      url('../fonts/urbanist-bold.woff') format('woff');
    }
  
  
  :root {
 
    /* Fonts */
    --font-family-poppins: 'Poppins-Regular';
    --font-family-poppins-M: 'Poppins-Medium';
    --font-family-poppins-Bold: 'Poppins-Bold';
    --font-family-Kabel: 'Kabel LT Std';
    --font-family-Helvetica:'Helvetica Neue LT Std';
    --font-family-Helvetica-thin:'Helvetica Neue LT Std Thin';
     --font-family-OpenSans: 'OpenSans-Regular';
     --font-family-OpenSans-Bold: 'OpenSans-Regular';
     --font-family-trajanpro: 'trajanpro-regular';
     --font-family-trajanpro-Bold: 'trajanpro-bold';
     --font-family-urbanist: 'urbanist-regular';
     --font-family-urbanist-Bold: 'urbanist-bold';
  
  }


.context-5 #page-header{
    display:none;
}
.context-1 #page-header{
    display:block;
}
#page-my-index.format-site.limitedwidth #page-header {
    margin-top: 10px;
}

body{
    background-color: #F3F3F9;
    font-family: 'Poppins-Regular' !important;
    font-weight: 400;
    font-style: normal;
}
body h1, h2, h3, h4, h5{
    
    font-family: 'Poppins-Medium' !important;
    font-weight: 500;
    font-style: normal;
}
/*---Block column witdh--*/
#page-my-index #page-wrapper #page {
    margin-left: 0px !important;
}
#block-region-content {
    display: flex;
    flex-wrap: wrap;
    }
    .pagelayout-mydashboard .drawer.drawer-right {
        width: 25%;
        max-width: 26%;
        right: calc(-315px + -10px);
        visibility: hidden;
        z-index: 999;
        position: absolute;
        right: 22px;
        top: 107px;
        height: auto;
        background-color: transparent;
    }
    .pagelayout-mydashboard .drawer.drawer-right .drawercontent{
        padding: 0;
    }
    .course-listitem .menu{
        opacity: 1;
    }
   
    .block_learningprogress.block.leftthreeblock, .block_courseprogress.block.leftthreeblock {
        margin-top: 43px !important;
    }

    .centerblock {
    width: 72%;
    margin: 15px 8px;
    }
   
    .lefttwoblock {
    width: 100%;
    /* margin: 0.5%; */
    height: fit-content;
    }
    .leftthreeblock {
    width: 48%;
   
    }
    .block_courseprogress.block.leftthreeblock {
        width: 23%;
        margin: 1.4%; 
    }
    .block_mycertificate.block.leftthreeblock{
        width: 100%;
    }
    body.jsenabled.format-tiles .above-tiles-buttons{
        right: -18px;
    }
/*---Block column witdh end--*/
@media (min-width: 992px){
#page.drawers {
    overflow-y: revert;
}
}
@media (min-width: 768px){
#page.drawers {
padding:0px;

}
}
.block_adminview, .block_completiongraph{
    background: transparent;
    }
.block_adminview .content, .block_completiongraph .content{
    background-color: #fff;
    padding-top: 20px;
    border-radius: 8px;
    border: 1px solid #DDE1E6;
        }
        .pagelayout-standard #page.drawers .main-inner, body.limitedwidth #page.drawers .main-inner{
            max-width: 100%;
        }

.white-box{
    display: flex;
  
    padding: 25px;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;

}
.white-box.yellow-box{
    border: 1px solid #FF947A;
    background: #FFF4DE;
}
.white-box.purple-box{
    border: 1px solid #BF83FF;
    background: #F3E8FF;
}
.white-box.purple-box h4{
    color: #5B00BF;
}
.white-box.yellow-box h4{
    color: #E69900;
}
.white-box.red-box{
    border: 1px solid #FA5A7D;
background: #FFE2E5;

}

.circle-total h4{
    color: #FF001A;
    font-size: 20px;
    font-weight: 600;
}
.circle-total h6{
    color: #303030;
    font-size: 16px;
    font-weight: 600;
}
.tenant-btn{
    background: #1685FF;
    border-color: #1685FF;
    border-radius: 4px;
    padding: 6px 10px !important;
    font-size: 14px;
    color: #fff;
}
.tenant-btn i {
    margin-right: 5px;
}
.edit-btn.tenant-btn{
    background: #1685FF;
    color: #fff;
    border-color: #1685FF;
   
}
.tenant-btn.data-btn:hover{
    color: #fff;
  }
  .tenant-btn.data-btn{
    background: #8A16FF;
    margin-left: 10px;
    border-color: #8A16FF;
  }
  .tenant-btn:hover{
    color: #fff;
  }
  .tenant-btn.grid-btn{
    background: #FFA500;
    margin-left: 10px;
    border-color: #FFA500;
  }
li{
    list-style: none;
}
.nav-tabs .nav-link:hover{
    color: #1685FF;
}
.nav-tabs .nav-link{
    border: 1px solid #ddd;
    margin-right: 5px;
    color: #626262;
    background: #FAFAFA;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    color: #1685FF;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
    margin: 0;
    padding-left: 8px;
    margin-top: 8px;
}
#page.drawers div[role="main"] {
    padding: 0;
}
div#id_basic_detailscontainer {
    margin-top: 20px;
}
#page-header .page-header-headings h1{
    font-size:16px;
    color: #303030;
    font-weight: 500;
    margin-bottom: 0;
    padding-top: 1rem;
}

.mform fieldset {
    border: 0.5rem;
    border: 1px solid #DDE1E6;
    margin: 8px;
    border-radius: 4px;
    border-top: 4px solid#1685FF;
    margin-top: 28px;
}
.ftoggler {
    border-bottom: 1px solid #DDE1E6;
    width: 100%;
    background: #F3F3F9;
    margin-right: 0 !important;
    padding: 10px 22px;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: 20px;
}
.ftoggler h3{
    font-size: 16px;
}
.btn.btn-icon:hover, .btn.btn-icon:focus{
    background-color: transparent;
}
.expanded-icon{
    padding: 0 !important;
}
.icons-collapse-expand i{
    font-size: 12px;
    color: #808080;
}
.ftoggler .icons-collapse-expand{
    justify-content: end;
    margin-right: 0 !important;
    height: 26px;
    
}
.icons-collapse-expand.collapsed .collapsed-icon{
    padding: 0 !important;
}
.mform fieldset .fcontainer.collapseable .col-form-label {
    padding-left: 0.5rem;
}
.fa-exclamation-circle {
    color: #2178D6!important;
}
.form-inline input.form-control, .form-inline textarea.form-control {
   width: 50%;
   border: 1px solid#D4D4D4;
   border-radius: 6px;
   font-size: 14px;
   color: #4C4C4C;
   padding: 20px 12px;
   
}
.generaltable thead th, .generaltable thead td{
    border: 0 !important;
    color: #4c4c4c;
}
.generaltable{
    color: #4C4C4C;
    margin-bottom: 0;
}
.form-group {
    margin-bottom: 1.5rem;
}
div#fgroup_id_buttonar {
   
    padding: 25px 0 24px;
    margin-left: 150px;
}
.mform .form-inline .form-group {
    margin: 0.1rem 1rem 0.1rem 0;
}
.btn-secondary:not(:disabled):not(.disabled):active{
    color: #4C4C4C;
    background-color: #E6E6E6;
    border-color: #E6E6E6;
}
.btn{
    border-radius: 4px;
}
.btn-primary{
    background-color: #0BA360;
    border-color: #0BA360;
}
.mform .form-inline textarea.form-control{
    width: 50%;
}
.form-inline .input-group, .form-inline .custom-select {
   
    border: 1px solid#D4D4D4;
    border-radius: 6px;
    font-size: 14px;
}
label{
    color: #303030;
}
.fp-navbar.bg-faded {
    border-radius: 8px 8px 0px 0px;
    border: 1px solid #DDE1E6;
    background: #EFF6FF;
}
.filemanager-toolbar .btn.btn-secondary.btn-sm{
    border: 1px solid #DDE1E6;
    color: #1685FF;
    background: #ffff;
}
#graphyear, #chartType{
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    margin: 10px;
    border: 1px solid#DDE1E6;
    border-radius: 6px;
    color: #4C4C4C;
    font-size: 14px;
}
.block_completiongraph .card-text .pull-right{
 display: flex;
}
/* path.highcharts-point.highcharts-color-0 {
    fill: #0AB39C;
} */
text.highcharts-credits {
    display: none;
}
.filepicker-filelist, .filemanager-container{
    border: 1px solid #DDE1E6;
}
.fp-pathbar .fp-path-folder{
    filter: invert(37%) sepia(65%) saturate(2235%) hue-rotate(197deg) brightness(101%) contrast(101%);
}
.dndupload-arrow{
    color: #1685FF;
}
.table-responsive{
    padding: 10px;
    padding-bottom: 0;
  }

  #page-my-index section.block .card-body {
    border-bottom: 1px solid #EFEFEF;
    /* padding: 5px 10px 12px !important; */
    border-radius: 0;
    flex: none;
    text-transform: uppercase;
    }

    #page-my-index section.block .card-body:first-child  {
        padding: 5px 10px 12px!important;

    }

    span.toggle-handle.btn.btn-default {
        background: #ffff;
        padding: 6px !important;
    }
    label.btn.btn-danger.active.toggle-off {
        background-color: #FF2D79;
        border: 0;
    }
    .ready-btn .btn-primary:hover{
        background-color: #0AB39C !important;
        border-color: #0AB39C !important;
       
    }
    #logoutModal h4.modal-title {
        color: #585A60;
        font-size: 20px;
    }
   .modal-header{
        border-bottom: 0;
    }
   .modal-footer{
        border-top: 0;
    }
    .modal-footer .btn-danger {
        background: #E6E6E6;
        color: #4c4c4c;
        border-color: #E6E6E6;
    }
   .modal-footer .btn-primary {
        background: #FF2D79;
        border-color: #FF2D79;
    }
    .modal-dialog[tabindex="0"].focus, .modal-dialog[tabindex="0"]:focus {
        box-shadow: none;
    }
    .dropdown-item[aria-current="true"]{
        background-color: #0AB39C;
        color: #fff;
    }
    #page-blocks-iomad_company_admin-tenantadv_edit_form .collapsible-actions {
        display: none;
    }
    .header-actions-container.ml-auto{
        margin: 10px 0px;
    }
    /* .header-maxwidth .header-actions-container.ml-auto {
       
        display: none;
    } */
    .simplesearchform .input-group input.form-control {
        border: 0;
    }
    .custom-select{
        padding: 0.375rem 1.75rem 0.375rem 0.75rem;
        
        border: 1px solid#DDE1E6;
        border-radius: 6px;
        color: #4C4C4C;
        font-size: 14px;
    }
    .collapsible-actions a{
        text-decoration: none !important;
    }
    .dropdown-item[aria-current="true"] img{
    filter: invert(97%) sepia(73%) saturate(2%) hue-rotate(194deg) brightness(115%) contrast(100%);
}
.toggle-off.btn, .toggle-on.btn {
    padding-left: 18px !important;
}
.felement .filemanager .fp-restrictions{
    margin-bottom: 10px;
    }

[data-region=right-hand-drawer].drawer {
    position: fixed;
    top:60px;
    height: calc(100% - 0px);
}
.card-sp .card{
        margin: 20px 0 0;
    box-shadow: rgb(42 179 156) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

.card-sp .badge-card-img{
    text-align: center;
    margin: 10px 0;
}
.card-sp .course-info-container {
    border-radius: 0;
    padding: 7px 9px 7px !important;
    background: #1eb39c;
    color: #fff;
    font-size: 16px;
    /* margin: 20px; */
}





/*-------------cloudmd css-------*/

/* 
html, body {
     min-height: 100%;
	
}
@font-face {
	font-family: 'Ubuntu-Regular';
	src: url('../Ubuntu-Regular/Ubuntu-Regular.eot');
	src: local('?'), url('../Ubuntu-Regular/Ubuntu-Regular.woff') format('woff'), url('../Ubuntu-Regular/Ubuntu-Regular.ttf') format('truetype'), url('../Ubuntu-Regular/Ubuntu-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
} */
textarea:focus, input:focus, a:focus{
    outline: none!important;
 box-shadow: none!important;
 background-color: transparent !important;
 color: #4C4C4C !important;
}
#page-my-index #region-main {
border:none;
    border-radius: 0px;
	box-shadow:none;
-webkit-box-shadow: none;
-moz-box-shadow: none;

}
.fdescription.required {
    margin: 10px;
}
#region-main {
    border-radius: 18px;
    border: 0;
    background: #FFF;
    margin: 15px;
    padding: 10px 20px;
    box-shadow: 0px 2px 2px 0px #0000000D;
}
.tertiary-navigation .navitem, .tertiary-navigation .navitem-divider{
    margin-bottom:15px;
}
.tertiary-navigation.full-width-bottom-border{
    margin-bottom:10px;
}
.no-overflow br {
    display: none;
}
.no-overflow table.generaltable thead {
    background: #e3e3e3;
}
.message-app .footer-container {
    margin-bottom: 65px;
}


/*
#page-my-index #page-header .card .card-body .singlebutton:nth-child(2){
margin-right:60px;
}
*/
section.card{
border:none;
padding: 10px;
}
.card.dashboard-card {
    /* padding: 10px; */
}
div[role="search"][aria-label] .row.no-gutters {
    align-items: center;
}
#region-main .maincalendar .calendarwrapper td>div {
    height: 5.5em;
}
.maincalendar .calendarmonth th {
    text-align: left;
    
    background: #0BA360;
    color: #fff;
    padding: 6px;
    padding-left: 16px;
}

.maincalendar .calendarmonth td.today .day-number-circle {
  
    background-color: #0BA360;
}
#page-my-index #region-main {
    overflow-y: hidden;

}
#page {
    margin-top: 0px;
}
/*
#page-my-index #page-header{
margin-top: -22px;
padding-left: 70px;
}*/
#page-my-index #page-footer{
    position: relative;
    top: -54px;
}

#page-header .card{
background-color: transparent;
    border: none;
}
#page-my-index #page-header .card .card-body{
position: relative;
    top:46px;
    z-index: 2;
    right: 47px;
	padding: 0;
} 
#page-my-index #page-header .card .card-body .singlebutton button{
background-color:#fff;
padding:8px;
    border-radius: 6px;
	border:1px solid #ebebeb;
box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
-webkit-box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
}
.editing #page-header .card .card-body{
      right:10px!important;
top: 1!important;
margin-top: 14px;
}
#page-my-index.editing #page-header{
        margin-top: 0px!important;
}


#page-header .col-12{
	padding:0px!important;
}

#page #page-content h2{
font-size:20px;
}
.small-text{
font-size:12px;
}
body#page-login-index {
margin-left:0px;
}
.clearfix{
clear:both;
}
/*--Nav Draver menu---*/

#nav-drawer .bg-gray{
background-color: transparent!important;
border: none;
color: #105eab;
float:left;
padding: 10px;
}
#nav-drawer .bg-gray:focus{
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

#nav-drawer .logo img{
width:60px;
text-align:center;
animation: progress 1s ease-out forwards;
}
#nav-drawer.closed .logo img{
display:none;
}
#nav-drawer.closed nav.menu ul li span{
display:none;
}
#nav-drawer.closed nav.menu ul li{
line-height: 1;
  
    font-size: 20px;
    text-align: center;
}
#nav-drawer.closed nav.menu ul li a{
color:#c7c7c7;
padding:10px;
}
#nav-drawer.closed nav.menu ul li a:focus{
color:#fff;
padding:10px;
box-shadow: none;
background-color: #105eab;
}


#nav-drawer.closed {
    left: 0px;
    width: 60px!important;
	padding: 10px;
	transition: right .5s ease,left .5s ease;
}
#nav-drawer.closed .togglemenu{
padding-bottom:8px;
}
#nav-drawer .togglemenu{
padding-bottom:30px;
}
#nav-drawer nav.menu ul li{
line-height: 1;
    margin-bottom: 24px;
    font-size: 20px;
    text-align: left;
}
#nav-drawer nav.menu ul li a{
color:#c7c7c7;
padding:10px 20px 10px 10px;
}
#nav-drawer nav.menu ul li a:hover{
color:#fff;
background-color: #105eab;
    border-radius: 0px 8px 8px 0;
    text-decoration: none;
}
#nav-drawer nav.menu ul li a span{
font-size: 12px;
margin-left: 10px;
}
#nav-drawer nav.menu ul li a:focus{
color:#fff;
padding:10px;
box-shadow: none;
background-color: #105eab;
border-radius: 0px 8px 8px 0;
}


/*#nav-drawer ul li [aria-expanded="true"]{
border-left: 2px solid red;
}*/
#nav-drawer ul li .menu-hover{
display:none;
}
body.companies #nav-drawer .menu ul li .menu-hover{
display:block;
background-color: #FFFFFF;
    width: 2px;
    height: 20px;
    margin-left: -18px;
    float: left;
}
body.reports #nav-drawer .menu ul li .menu-hover{
display:block;
background-color: #FFFFFF;
    width: 2px;
    height: 20px;
    margin-left: -18px;
    float: left;
}
.path-admin.path-admin-tool-lp .secondary-navigation .navigation .nav-tabs {
    max-width: 100%;
}
/* #page-wrapper #page{
    margin-left: 0 !important;
} */
.filter-dates-popover{
    transform: translate3d(0px, 362px, 0px) !important;
}
.secondary-navigation .navigation .nav-tabs{
     max-width: 100%;
}
    .header-maxwidth{
        max-width: 100%;;
    }
    .course-content ul.section{

    }
/*#nav-drawer ul li a[aria-expanded="true"]{
display:block;
background-color: #FFFFFF;
    width: 2px;
    height: 20px;
    margin-left: -18px;
    float: left;
}*/

[data-region="drawer"] {
width: 194px;
background-color: #f2f2f2;
top: 0px;
padding: 10px;
/* border-radius: 16px 0px 0px 16px; */
height: calc(100% - 0px);
}


@media (min-width: 768px)
{
body.drawer-open-left {
    margin-left: 186px;
}
}

#nav-drawer .usermenu{
position: absolute;
bottom: 6px;
}
#nav-drawer .usermenu .userbutton .usertext{
text-align: right;
font-size: 10px;
color:#333;
}
#nav-drawer.closed .usermenu .userbutton .usertext{
display:none;
}
#nav-drawer .usermenu .userbutton .usertext{
display:block;
    float: right;
}
#nav-drawer.closed .usermenu .dropdown-toggle::after{
display:none;
}
#nav-drawer .usermenu .dropdown .dropdown-menu{
display:none;
}



/*--Overall Performance--*/

.white-box .lightblue{
    color: #00ccf2;
}
.white-box .violet{
    color: #ba58e6;
}
.white-box .pink{
    color: #ff007c;
}
.white-box .blue{
    color: #789af3;
}

/*----Circle--*/

.circle-box{
float:left;
margin-right:10px;
}

.circle-total{
color:#272d3b;
}
.circle-total .circle-txt{
font-size:12px;
}

.flex-wrapper {
  display: flex;
  flex-flow: row nowrap;
}

.single-chart {
  width:10%;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  width:90px;
  max-height: 100px;
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.lightblue .circle {
  stroke: #00ccf2;
}

.circular-chart.violet .circle {
  stroke: #ba58e6;
}

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}
.circular-chart.pink .circle {
  stroke: #ff007c;
}


.percentage {
  fill: #666;
  font-family: sans-serif;
  font-size: 0.5em;
  text-anchor: middle;
}

/*----block_iomad_company_admin--*/

.block_iomad_company_admin{
border:none;
}
.block_iomad_company_admin .card-body{
padding-top:0px!important;
}
.block_iomad_company_admin .card-text{
padding-top:0px!important;
margin-top: 0px!important;
}

#participantsform .no-overflow {
    overflow: auto;
}
.showsuspendedcompanies .singlebutton{
padding-top:62px;
}
.showsuspendedcompanies .singlebutton button{
background-color:#fff;
padding:8px 16px;
    border-radius: 6px;
	border:1px solid #ebebeb;
box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
-webkit-box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
}
.select-company #fitem_id_company .d-md-inline-block input{
background-color:#fff;
padding:20px 26px;
    border-radius: 6px;
	border:1px solid #ebebeb;
box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
-webkit-box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
}
.select-company #fitem_id_company .col-md-3{
padding-top: 70px;
}
.select-company #fitem_id_company .form-autocomplete-selection{
position: relative;
  /*  top: 60px;*/
    z-index: 2;
	
}
.select-company #fitem_id_company .form-autocomplete-selection:focus{
outline: 0;
    box-shadow: none;
}

.select-company #fitem_id_company .col-md-9{
margin-top: 0px;
}
.select-company #fitem_id_company .form-autocomplete-selection span{
position: relative;
    top: -1px;
	font-size: 100%;
    border-radius: 6px;
    background-color: #105eab;
}
.select-company #fitem_id_company .form-autocomplete-selection span span{
float: right;
padding-left: 20px;
top: -1px;
}

.block_iomad_company_admin .company-admin {
    border-bottom: none;
}
.block_iomad_company_admin .company-admin li{
    margin-left: -4px;
	margin-bottom: -1px;
}
.block_iomad_company_admin .company-admin li a{
color:#CCCCCC;
border:none;
}
.block_iomad_company_admin .company-admin li a:hover{
color:#0f6fc5;
border:none;
}
.block_iomad_company_admin .company-admin li a.active{
background-color:#fff;
padding:10px 14px;
color:#0f6fc5;
    border-radius: 6px 6px 0px 0px;
	border:1px solid #ebebeb;

}
.mform .form-control[role="combobox"]{
    width: 100%;
}
.block_iomad_company_admin .tab-content{
background-color:#fff;
padding:10px 14px;
    border-radius: 6px;
	border:1px solid #ebebeb;
box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
-webkit-box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
}
.block_iomad_company_admin .iomadlink_container{
background-color: transparent;
    border: none;
    margin-bottom: 15px;
}

.editmode-switch-form .input-group {
    justify-content: end;
   
}
.block_iomad_company_admin .tab-content .tab-pane a{
min-height: auto;
line-height: 1;
    padding: 10px;
	    margin-top: 10px;
    font-size: 20px;
    text-align: left;
	background-color:#fff;
    border-radius: 6px;
	border:1px solid #ebebeb;
	position:relative;
	    z-index: 0;
box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
-webkit-box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(193,193,193,0.75);
}
	
/* BUTTON 2 */
.block_iomad_company_admin .tab-content .tab-pane a::after {
  height: 100%;
  right: 0;
  top: 0;
  width: 0;
}

.block_iomad_company_admin .tab-content .tab-pane a:hover:after {
  width: 100%!important;

}
.block_iomad_company_admin .tab-content .tab-pane a::before,
.block_iomad_company_admin .tab-content .tab-pane a::after
{
  background: #789af3!important;
  content: '';
  position: absolute;
  border-radius: 6px;
  z-index: -1;
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.block_iomad_company_admin .tab-content .tab-pane a:hover .iomadlink {
  color:#FFFFFF;
}
.block_iomad_company_admin .tab-content .tab-pane a:hover .iomadlink .actiondescription{
  color:#FFFFFF!important;
}

.path-backup .detail-pair .detail-pair-value {
    width: 100%;
}

.block_iomad_company_admin .tab-content .tab-pane a i {
    background-color: #f5fbff;
    padding: 10px;
    border-radius: 40px;
    width: 37px;
    height: 37px;
    line-height: 1;
    font-size: 18px!important;
    color: #105eab!important;
}
.block_iomad_company_admin .tab-content .tab-pane a .small-icon {
text-align: center;
}
.block_iomad_company_admin .tab-content .tab-pane a .small-icon i{
position: absolute;
    bottom: -4px;
    right: -12px;
    font-size: 12px!important;
    width: 25px;
    height: 25px;
    background-color: #105eab;
    color: #fff!important;
    border-radius: 14px;
       padding: 0px;
    line-height: 2.3;
}
.block_iomad_company_admin .tab-content .tab-pane a span{
font-size: 12px;
margin-left: 10px;
padding:8px;
}
.block_iomad_company_admin .tab-content .tab-pane a .iomadlink{
width:auto;
    min-height: auto;
    background-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: none;
	}
.block_iomad_company_admin .tab-content .tab-pane a .iomadlink .iomadicon{
margin:0px;
	}
.block_iomad_company_admin .tab-content .tab-pane a .iomadlink .iomadicon .actiondescription{
font-family: 'Ubuntu-Regular',sans-serif;
color:#272d3b;
	}
.block_iomad_company_admin .border-secondary{
border:none!important;}
.mdl-left {
text-align: left;
margin-top: 6px;
}
/*
.block_iomad_company_admin .border-secondary{
background-color:#fff;
padding:10px 14px;
margin-top: 0px!important;
border: 1px solid #f0f0f0!important;
    border-radius: 14px!important;
	box-shadow: 2px 3px 5px 0px rgba(240,240,240,0.75);
-webkit-box-shadow: 2px 3px 5px 0px rgba(240,240,240,0.75);
-moz-box-shadow: 2px 3px 5px 0px rgba(240s,240,240,0.75);

	}
*/

/*----Footer--*/
footer .logo img{
width:60px;
float:right;
}


/*   */
#page-blocks-iomad_company_admin-editusers div[role=alertdialog]{
padding:0 20px;
}

/*

#page-blocks-iomad_company_admin-editusers #modal-content{
    border-radius:20px;
    border:1px solid #e1e1e1;
    background:#fff;
    padding-top:0 !important;
     padding-bottom:0 !important;
    box-shadow: rgba(0, 0, 0, 14%) 0px 0px 4px; 
}
#page-blocks-iomad_company_admin-editusers #modal-content #modal-header{
   background:#e9f5ff;
   border-top-left-radius:20px;
     border-top-right-radius:20px;
}
*/
/*  */

@REM #nav-drawer.closed nav.menu ul li .popover-region a{
@REM padding:0;
@REM }
#nav-drawer.closed nav.menu ul li .popover-region a i{
font-size:20px;
padding:3px 0;
}

#nav-drawer nav.menu ul li .popover-region a i{
font-size:20px;

}


/*   */
@REM .fdescription{
@REM position:absolute;
@REM top:14px;
@REM }
.menuactive a{
    background:#fff !important;
        border-radius: 0px 8px 8px 0;
        color:#105eab !important;
}
#courseul .nav-item #nav-notification-popover-container .popover-region-toggle{
display:none;
}
.count-container{
    top: -6px;
    right: 0px;
}
#message-popover{
    display:inline;
}

#page-local-team_coach-section_list .no-overflow{
    padding: 10px;
    width: 100%;
}
.filepicker-filelist .dndupload-target{
    top: 0px;
    left: 0px;
}
.dndupload-ready.dndupload-over{
    top: 0px;
    left: 0px;
}
/*
.msg-hover{
    position:relative;
}

.msg-hover:hover{
     color: #fff;
    background-color: #105eab;
    border-radius: 0px 8px 8px 0;
    text-decoration: none;
padding: 6px 0;
}

.msg-hover:hover #message-popover + a{
 
    left:31px;
}

.msg-hover:hover #message-popover .popover-region-toggle{
    color:#fff;
}

#message-popover + a{
    position:absolute;
 
    left:25px;
}
*/
.primary-navigation {
    margin-left: 180px;
}
/* ---------------------------------------------51224 responsive----------------------------------------- */
@media(max-width:1024px){
    .leftthreeblock {
        width: 46%;
        margin: 17px 10px !important;
    }
    .primary-navigation {
        margin-left: 160px;
    }
    .centerblock {
        width: 70%;
        margin: 15px 8px;
    }
    body.jsenabled {
        margin-left: 0px;
    }
    div#fgroup_id_buttonar{
        margin-left:0;
        margin-bottom:0px;
    }
    #page-login-signup .fcontainer{
        padding:20px;
    }
    #page-my-index #container2 svg.highcharts-root{
        width: 200px;
        height: 340px;
        margin: 10px 0px;
    }
    /* #page-my-index .block-myoverview .card-deck {
        justify-content: space-evenly;
    } */
    .block_mycertificate .nodata img {
        width: 100%;
        height: 205px;
    }
    #page-my-index section.block_mycertificate {
        margin-top: 0;
    }
    .pagelayout-mydashboard .drawer.drawer-right{
        top:114px;
    }
}
@media(max-width:991px){
    .ics-search.form-inline {
        margin: 8px 0;
    }
    .ics-search.form-inline input{
        margin-top: 5px;
    }
    #page-report-competency-index .float-right.border{
        float: none !important;
    }
    .form-control{
        min-width: 100% !important;
    }
    #page-my-index #page-wrapper #page {
        margin-left: 10px !important;
    }
    #page-my-index #container2 svg.highcharts-root{
        width: 100%;
        height: 340px;
        margin: 10px 0px;
    }
    .centerblock{
        width:100%;
    }
    .drawers.drag-container {
        overflow: visible !important;
    }
    .pagelayout-mydashboard .drawer.drawer-right {
        width: 100%;
        max-width: 100%;
        right: calc(-315px + -10px);
        visibility: hidden;
        z-index: 1020;
        position: absolute;
        right: 0px;
        top: 115rem;
        height: auto;
        background-color: transparent;
    }
    .drawer-toggler.drawer-right-toggle{
        display: none;
    }
    /* #page-my-index section.block_mycertificate {
        margin-left: 40px;
    } */
    #page-my-index #region-main{
        margin:5px;
    }
    .block-myoverview .card-deck.dashboard-card-deck {
        height: 550px;
        overflow-y: auto;
        overflow-x:hidden;
    }
    
}
@media(max-width:767px){
    .singlebutton.enrolusersbutton.enrol_manual_plugin {
        margin: 6px auto;
    }
    .format-tiles.path-course-view #region-main {
        padding: 14px;
    }
    .block_learningprogress.block.leftthreeblock, .block_courseprogress.block.leftthreeblock {
        margin-top: 9px !important;
    }
    .path-grade-report-grader .gradeparent{
        overflow: auto;
    }
    .format-tiles .modal-dialog {
        margin: 5px 10px 0 10px;
    }
    .tool_courserating-widget{
        margin-right: 10px;
    }
    #page-my-index #page-wrapper #page {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .breadcrumb {
        padding: 1rem 1rem 0;
    }
    #page-login-signup .mform {
        padding: 0;
    }
    #page-login-signup #page {
        padding: 5px !important;
    }
    #page-login-signup .form-inline.felement {
        display: block;
        padding:0;
    }
    #page-login-signup input.form-control {
        width: 100% !important;
    }
    .btn-cancel input {
        padding: 10px;
    }
    .btn.btn-primary {
        padding: 10px;
    }
    #page-login-signup .d-flex.flex-wrap.align-items-center{
        flex-wrap: nowrap !important;
        justify-content: center;
    }
    #page-login-signup label {
        margin-left: -7px;
    }
    .pagelayout-mydashboard .drawer.drawer-right {
        width: 100%;
        max-width: 100%;
        right: calc(-315px + -10px);
        visibility: hidden;
        z-index: 1020;
        position: absolute;
        right: 0px;
        top: 180rem;
        height: auto;
        background-color: transparent;
    }
    .block_recentlyaccessedcourses .card-deck {
        margin: 0 30px;
    }
    #page-my-index #container2 svg.highcharts-root{
        width: 100%;
        height: 370px;
    }
    .filter-group {
        margin: 10px;
    }
    .search-filter{
        flex-wrap:wrap;
    }
    #page-admin-tool-lp-coursecompetencies #region-main .float-right {
        float: inherit !important;
    }
    #page-admin-tool-lp-coursecompetencies #region-main input.form-control{
        min-width:100% !important;
    }
    #page-admin-tool-lp-coursecompetencies #region-main input::placeholder {
        max-width: 84% !important;
        text-overflow: ellipsis;
        overflow:hidden;
    }
    #accordian {
        height: 150px !important;
        overflow-y: scroll;
        overflow-x:hidden !important;
    }
    .block-myoverview .card-deck.dashboard-card-deck {
        margin-top:20px;
    }
    .pagelayout-mydashboard .drawer.drawer-right{
        top:158rem;
    }
}

@media (max-width:320px)  {
    .pagelayout-mydashboard .drawer.drawer-right {
        top: 183rem;
    }
}

/* @media (min-width:321px) and (max-width:380px)   {
    .pagelayout-mydashboard .drawer.drawer-right {
        top: 188rem;
    }
} */
/* @media only screen and (max-width:375px){
    .pagelayout-mydashboard .drawer.drawer-right {
        top: 188rem;
    }
} */
/* @media (min-width:381px) and (max-width:431px)   {
    .pagelayout-mydashboard .drawer.drawer-right {
        top: 191rem;
    }
} */

/* @media only screen and (min-device-width: 480px)  and (max-device-width: 640px) and (orientation: landscape) {
    .pagelayout-mydashboard .drawer.drawer-right {
        top: 186rem;
    }
} */


    
    

/* 
 -----------191224------- */
#usernavigation form{
    margin: 0;
}

.navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #0BA360;
}
.moremenu .nav-link.active, .moremenu .nav-link.active:focus, .moremenu .nav-link.active:hover{
    border-bottom-color: #0BA360;
}
.primary-navigation .navigation .nav-link{
    color: #4C4C4C;
}
.badge-page .card-body h5 {
    font-size: 16px;
    color: #303030;
    margin-bottom: 0;
    letter-spacing: 0.2px;
    font-weight: 500;
}
.badge-page .card-body {
    border-bottom: 1px solid #EFEFEF;
    padding: 0 0px 18px !important;
    border-radius: 0;
    flex: none;
}
.nav-link:focus{
    box-shadow: none !important;
}
.breadcrumb {
    padding: 1rem 1rem 0 0;
}

section.block_courseprogress.block{
    height: 280px;
}
.header-maxwidth {
    padding-left: 4rem;
    /* height: 130px; */
}
form.example input[type=text] {
    padding: 10px 10px 5px 8px;
    font-size: 17px;
    border: 0;
    float: left;
    width: 80%;
}
form.example{
    border: 1px solid #BEBED0;
    border-radius: 8px;
}
form.example button {
    float: left;
    background-color: transparent;
    padding: 10px 10px 5px;
    font-size: 14px;
    border: 0;
    padding-right: 0;
}
form.example button i{
    color: #808080;
    font-size: 17px;
}
/* .secondary-navigation {
    padding-top: 30px;
} */


  form.example::after {
    content: "";
    clear: both;
    display: table;
  }
  li.breadcrumb-item {
    font-size: 16px;
    
}
li.breadcrumb-item a{
    
    text-decoration: none;
}
  li.breadcrumb-item span {
    color: #0BA360;
}
img.no-badge{
margin: 22px auto 5px;
}

.header-maxwidth h2 {
    font-size: 16px;
    color: #303030;
    font-weight: 500;
    margin-bottom: 5px !important;
}

/* ------------------------course page accordion------------------------ */
.activity-info .activity-information{text-align: right;}
.activity-header .activity-information h6{
    font-size: 18px;
    padding-top: 10px;;
}
 .activity-item {
    padding: 0 !important;
    border: 0 !important;
}
.section.course-section {
    border: 1px solid #DDE1E6;
    border-radius: 12px;
    padding: 0 !important ;
    margin-bottom: 20px;
    background: #ffffff;
}
 .course-section-header {
    background: linear-gradient(90deg, #0BA360 0%, #3CBA92 100%);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    padding: 10px;
    margin-bottom:20px;
}
h3.sectionname.course-content-item {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}
.icons-collapse-expand i {
    font-size: 16px;
    color: #4C4C4C;
}
 .customsectioninfo .no-overflow p {
    margin-bottom: 0;
    background: #fff;
}
 .section-collapsemenu .collapseall {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}
.customsectioninfo {
    padding-left: 15px;
}
 .activity-item .automatic-completion-conditions {
    flex-direction: row-reverse;
}
.secondary-navigation .navigation .nav-tabs .nav-link {
    border-radius: initial;
    background: transparent;
    border: 0;
}
.secondary-navigation .navigation .nav-tabs .nav-link.active {
    color: #0BA360;
    border-bottom: 2px solid #0BA360;
}
 .section .activity {
    padding: 20px;
    border-bottom: 1px solid #EFEFEF;
}
.automatic-completion-conditions .badge {
    margin-left: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #303030;
    background: #EFF3F8;
    padding: 10px;
}
/* .activity-info {
    margin-top: 3rem !important;
} */
.description-inner {
    font-size: 14px;
    font-weight: 500;
    color: #303030;
    border-bottom: 1px solid #DEDFDF;
}
.customactivitydate {
    margin-bottom: 10px;
}
/* .moremenu .nav-tabs {
    margin-left: 0;
    background-color: #f3f3f9;  
} */
 .summarytext .description-inner {
    border-bottom: 0 !important;
}
 .description .course-description-item {
    background: #EFF3F8;
}
/* #topofscroll {
    background: #ffffff;
    margin: 10px;
    padding: 25px;
    box-shadow: 0px 2px 2px 0px #0000000D;
    border-radius: 12px;
} */
.secondary-navigation ul.nav.more-nav {
    border-bottom: 1px solid #dee2e6 !important;
    padding-left: 0;
}
.secondary-navigation .navigation{
    border-bottom:0;
    margin-left: 1rem !important;
}
/* #page-course-view-topics #region-main{
    padding:0 !important;
    margin:0 !important;
} */
.secondary-navigation{
    padding-top: 20px;
    padding-bottom:20px !important;
}
.automatic-completion-conditions .badge strong {
    display: none;
}
.sec-zero-closed .progress-indic {
    margin-right: 30px;
}   
@media(max-width:991px){
    .activity-item .automatic-completion-conditions {
        flex-direction: row-reverse;
        flex-wrap: wrap;
    }
}
@media(max-width:767px){
    p[data-region="participant-count"] {
        margin: 20px;
    }
    .filepicker-filelist .filepicker-container, .filemanager.fm-noitems .fm-empty-container{
        padding-top: 65px;
    }
    .mform{
        padding: 0 !important;
    }
    .form-inline input.form-control, .form-inline textarea.form-control, .mform .form-inline textarea.form-control{
        width: 100%;
    }
    span.fdate_selector {
        flex-wrap: wrap !important;
    }
    .header-maxwidth{
        padding-left:1rem;
    }
    #page-header .page-header-headings h1 {
        padding-top: 1rem;
        margin-left:0 !important;
    }
}