@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i);

body {
    /* height: 100%; */
    height: 100vw;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: 300;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'DM Sans', sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 /*   background-image:  url('../../img/background.jpg');*/
 /*   color: white;*/
    background-color: #F2F3F4 !important;

    /* background: transparent linear-gradient(90deg, #56AB2F 0%, #A8E063 100%) 0% 0% no-repeat padding-box; */

}

.gradient-background{
  background: transparent linear-gradient(90deg, #56AB2F 0%, #A8E063 100%) 0% 0% no-repeat padding-box;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  /* font-family: 'Raleway', sans-serif; */
  font-family: 'DM Sans', sans-serif;
}

/*.form-control,
.select2-container--default .select2-selection--single, 
.select2-selection .select2-selection--single,
.input-group .input-group-addon,
.select2-container--default .select2-selection--multiple
.select2-container--default.select2-container--focus .select2-selection--multiple{
  border: none;
  border-bottom: 1px solid #ccc;
}*/

/*.cke_editor_content {
  border: 1px solid #ccc !important;
  border-radius: 10px !important;
}

.cke_top {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.cke_bottom {
  display: none !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.cke_inner {
  border-radius: 10px !important;
}

.cke_wysiwyg_frame, .cke_wysiwyg_div {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.cke_editable {
  background-color: red !important;
}*/


.nav > li > a > img {
    height: 26px;
	object-fit: contain;
	width: 26px;
}

.nav > li > a {
    padding: 5px 15px;
}

.nav {
    color: white;
}

.divNoContents {
    color: white;
}

.modal-header {
    color: white;
    background: #56AB2F;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
 }

 .close {

    font-size: 28px;
    color: white;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}


.login-page {
  background: transparent;
  /* background: transparent linear-gradient(90deg, #56AB2F 0%, #A8E063 100%) 0% 0% no-repeat padding-box; */
}

.card {
    border-radius: 10px;
}

.content-wrapper, .right-side {
    background-color: #333;
}

@media screen and (max-width: 767px){
.table-responsive {
  border:none;
}
.mailbox-controls .btn-group{
  padding-bottom: 10px;
}

.logo-lg .img-responsive{
  height: 40px;
  align-content: center;
}
}

.content-list-icon {
    height: 14px;
    padding-right: 0;
}

.content-list-btn-title {   
    display: block;
    margin-top: 10px;
    margin-left: -43px;
    width: 101px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.content-list-header-icon {
    height: 25px;
    padding-right: 0;
}

.main-header .navbar {
    min-height: 60px;
}

.main-header .sidebar-toggle {
    font-size: 21px;
}

.content-header {
    position: relative;
    padding: 15px 15px 15px 15px;
}

.folder-group-icon {
    width: 55px;/*70px;*/
    height: 55px;/*70px;*/
    padding-right: 0;
    overflow: hidden;
    padding: 10px;
    padding-top: 2px; /*15px;*/
    /*margin-top: 0px;*/
    object-fit: contain
}

.folder-group-icon-system {
    height: 65px;
}

.folder-group-name {
    height: 40px;
    /*padding-right: 0;
    padding-top: 5px;*/
    font-size: 14px;
    vertical-align: middle;
    
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	-webkit-line-clamp: 1 !important; /* number of lines to show */
	-webkit-box-orient: vertical !important;
	padding: 10px;
    padding-top: 13px;
	    
	/*overflow: hidden !important;
	text-overflow: ellipsis !important;
	display: -webkit-box;*/
	/*line-height: 16px !important;*/     /* fallback */
	/*max-height: 16px !important; */     /* fallback */
	/*-webkit-line-clamp: 1 !important;*/ /* number of lines to show */
	/*-webkit-box-orient: vertical !important;*/
}

.kanban-board{
  /*margin-top: 10px;*/
}

.kanban-card{
}

.kanban-header{
	/*background-color: #56AB2F;
    color: white;*/
	/*background-color: #FFFFFF;*/
  color: #ffffff;
  padding: 15px;
}

.kanban-body{
    height: 55vh;
    padding: 20px;
    overflow:auto;
	  background-color: #FFFFFF;
    color: #858997;
    border-radius: 10px;
    box-shadow: 0px 10px 30px #13171F0D;
}
.kanban-title{
  margin: 0;
  color: #ffffff;
  font-weight: 700;
}

.kanban-content-title{
  color: 858997;
  font-weight: bold;
}
.kanban-content-time{
  color: white;
}
.kanban-content-folder{
  color: white;
}

.kanbanNoContentDiv {
    /* color: white; */
    text-align: center;
    vertical-align: middle;
    padding: 50px;
}

.kanban-icon{
height: 12px;
width: 12px;
}
.kanban-line{
  margin-top: 5px;
border-top: 1px solid #56AB2F;
/*margin-left: 10px;*/
}
.box {
    position: relative;
    background: transparent;
    border-radius: 0;
   /* background: #ffffff;*/
    border-top: 0;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: none;
}

.box-header{
  color: white;
}

.modal-content {
  border-radius: 10px;
}
  .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #56AB2F;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #ccc !important;
}

button, input, select, textarea {
    color: black;
}

.nav-tabs-custom {
    background: transparent;

  }

  .nav-tabs-custom > .nav-tabs > li > a {
    color: #fff;
}

.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
    background-color: #56AB2F;
    color: white;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}


.nav-tabs-custom > .tab-content {
    background: transparent;
    border: #56AB2F 3px solid;
    padding: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

/*.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f2f3f8;
}
*/
/*.table > tr > td { padding: 5px; }*/
.table {
  border-collapse:separate; 
  border-spacing: 0 0.4em;
  border: none !important;
  border-radius: 10px;
}

.table .table{
  box-shadow: 0px 0px 4px #00000020;
}

  .table td:first-child { border-top-left-radius: 10px; }
  .table td:last-child { border-top-right-radius: 10px; }
  .table td:first-child { border-bottom-left-radius: 10px; }
  .table td:last-child { border-bottom-right-radius: 10px; }

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
  border: none;
}

.table tr{
  border-radius: 10px;
}

.sidebar-mini.sidebar-collapse .main-sidebar {
  position: fixed;
}

.main-header {
  position: fixed;
}

@media (min-width: 768px) {
  .sidebar-mini.sidebar-collapse .main-sidebar {
      width: 60px !important;
  }
  .sidebar-mini.sidebar-collapse .main-header .navbar {
    margin-left: 60px;
  }
  .sidebar-mini.sidebar-collapse .main-header .logo {
    width: 60px;
    height: 60px;
  }
  .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {
    display: block !important;
    position: absolute;
    width: 180px;
    left: 60px;
    margin: 0;
  }

  .main-header .logo {
    height: 60px;
    line-height: 60px;
}

  .main-sidebar, .left-side {
    padding-top: 60px;
  }

  .content-wrapper, .right-side {
   /* background-color: #f2f3f8;*/
   /* background-image:  url('../../img/background.jpg');*/
    background-color: #F2F3F4; /* #222; */

  }

  .navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 20px;
  }

  .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
    margin-left: 60px;
  }
}

.sidebar-menu > li > a {
    padding: 10px 20px 10px 20px;
    display: block;
}

.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {
    width: 60px;
    font-size: 20px;
}

.box.box-primary {
    border-top-color: #56AB2F;
}


.btn-primary {
    background-color: #56AB2F;
    border-color: #56AB2F;
}


.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #1a4677;
}

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: transparent;
}


.nav-stacked > li.active > div > a, .nav-stacked > li.active > div > a:hover {
    border-left-color: transparent;
    color: #56AB2F;;
    font-weight: bold;
}

.nav-stacked > li > div > a {
    color: white;
}

.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
     color: white;
     background: transparent;
}

.nav-tabs-custom > .nav-tabs {
  border-bottom: transparent;
  }

  .nav-tabs-custom > .nav-tabs > li.active > a {
    border-top-color: transparent;
    border-left-color: #56AB2F;
    border-right-color: #56AB2F;
}

.profile-selection > li > a:hover, .profile-selection > li > a:active, .profile-selection > li > a:focus {
    color: #333;
    background: transparent;
}

.profile-selection > li > a {
    color: #333;
}

.box .nav-stacked > li {
    border: 2px solid #56AB2F;
    border-radius: 5px;
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    margin: 5px;
    height: 50px;
}

.box .nav-stacked > li:last-of-type {
    border-bottom: 2px solid #56AB2F;
}

.nav-stacked > li > div > div > a {
    color: white;
}


.box .nav-stacked > li > div > div > a {
	font-size: 16px;
    font-weight: normal;
}

.box .nav-stacked > li.active > div > div > a {
    color: #56AB2F;;
    font-weight: bold;
}

.nav-stacked > li > div > div {
    color: white;
}


.box .nav-stacked > li > div > div {
	font-size: 16px;
    font-weight: normal;
}

.box .nav-stacked > li.active > div > div {
    color: #56AB2F;;
    font-weight: bold;
}
/*
 * Skin: Blue
 * ----------
 */

.skin-blue .main-header .navbar {
  /* background-color: transparent; */
  /* background: transparent linear-gradient(90deg, #56AB2F 0%, #A8E063 100%) 0% 0% no-repeat padding-box; */
  background: transparent linear-gradient(90deg, #A8E063 0%, #56AB2F 100%) 0% 0% no-repeat padding-box;
}
.skin-blue .main-header .navbar .nav > li > a {
  color: #ffffff;
}
.skin-blue .main-header .navbar .nav > li > a:hover,
.skin-blue .main-header .navbar .nav > li > a:active,
.skin-blue .main-header .navbar .nav > li > a:focus,
.skin-blue .main-header .navbar .nav .open > a,
.skin-blue .main-header .navbar .nav .open > a:hover,
.skin-blue .main-header .navbar .nav .open > a:focus,
.skin-blue .main-header .navbar .nav > .active > a {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #ffffff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  color: #f6f6f6;
  background: rgba(0, 0, 0, 0.1);
}
.skin-blue .main-header .navbar .sidebar-toggle {
  color: #fff;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
  background-color: #56AB2F;
}
@media (max-width: 767px) {
  .skin-blue .main-header .navbar .dropdown-menu li.divider {
    background-color: rgba(255, 255, 255, 0.1);
  }
  .skin-blue .main-header .navbar .dropdown-menu li a {
    color: #fff;
  }
  .skin-blue .main-header .navbar .dropdown-menu li a:hover {
    background: #56AB2F;
  }
}
.skin-blue .main-header .logo {
  background-color:  #222d32;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue .main-header .logo:hover {
  background-color: transparent;
}
.skin-blue .main-header li.user-header {
  background-color: transparent;
}
.skin-blue .content-header {
  background: transparent;
  color: white;
}
.skin-blue .wrapper,
.skin-blue .main-sidebar,
.skin-blue .left-side {
  background-color: transparent;
}
.skin-blue .user-panel > .info,
.skin-blue .user-panel > .info > a {
  color: #fff;
}
.skin-blue .sidebar-menu > li.header {
  color: #4b646f;
  background: #1a2226;
}
/*.skin-blue .sidebar-menu > li > a {
  border-left: 3px solid transparent;
}*/
.skin-blue .sidebar-menu > li:hover > a,
.skin-blue .sidebar-menu > li.active > a {
  color: #ffffff;
  background: #56AB2F;
  border-left-color:#56AB2F;
}
.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background-color: white;
}
.skin-blue .sidebar a {
  color: #56AB2F;
}
.skin-blue .sidebar a:hover {
  text-decoration: none;
}
.skin-blue .treeview-menu > li > a {
  color: #8aa4af;
}
.skin-blue .treeview-menu > li.active > a,
.skin-blue .treeview-menu > li > a:hover {
  color: #ffffff;
}
.skin-blue .sidebar-form {
  border-radius: 3px;
  border: 1px solid #374850;
  margin: 10px 10px;
}
.skin-blue .sidebar-form input[type="text"],
.skin-blue .sidebar-form .btn {
  box-shadow: none;
  background-color: #374850;
  border: 1px solid transparent;
  height: 35px;
}
.skin-blue .sidebar-form input[type="text"] {
  color: #666;
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
}
.skin-blue .sidebar-form input[type="text"]:focus,
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #fff;
  color: #666;
}
.skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left-color: #fff;
}
.skin-blue .sidebar-form .btn {
  color: #999;
  border-top-left-radius: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
}
.skin-blue.layout-top-nav .main-header > .logo {
  background-color: #3c8dbc;
  color: #ffffff;
  border-bottom: 0 solid transparent;
}
.skin-blue.layout-top-nav .main-header > .logo:hover {
  background-color: #3b8ab8;
}

.skin-blue .main-header .logo {
    background-color: transparent;
}
.searchHighlighted {
	background-color: #eff50a;
}

.folder-group-list-item {
  vertical-align: middle;
  text-align: center;
  width: 90px; 
  cursor: pointer;
}

.folder-group-name-div {
  /*margin-top: 10px;*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 70px;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}

.folder-group-name {
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding: 0px;
  width: 70px;
  text-overflow: ellipsis; 
}

.content-list-title {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  margin-top: 10px;
 
}

.folder-group-list-img {
  width: 55px;/*70px; */
  height: 55px;/*70px; */
  background: #ffffff; 
  -moz-border-radius: 70px; 
  -webkit-border-radius: 70px; 
  border-radius: 70px;
  text-align: center;
  -webkit-box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.folder-group-item-active { 
  background-color: #FE8C00 !important; 
  -webkit-box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* .folder-group-list-img img {
  width: 90%;
  height: auto;
  position: absolute;
  top: 25%;
  left: 25%;
} */

button.btn-content-list-header {
  border: 1px solid #FE8C00 !important;
  border-radius: 50% !important;
  background-color: #FE8C00 !important;
  margin-right: 40px !important;
  height: 33px;
  width: 35px;
  -webkit-box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn-content-list-header img {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.btn-content-list-header span {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.contentListOperationsHeader {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

button.btn-dashboard-actions-header {
  border: 1px solid #FE8C00 !important;
  border-radius: 50% !important;
  background-color: #FE8C00 !important;
  /*margin-left: 10px !important;
  height: 35px;
  width: 35px;
  -webkit-box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -moz-box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow:  0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.btn-dashboard-actions-header img {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.content-list-row {
  cursor: pointer !important;
  border: 1px solid white !important;
  padding: 5px !important;
  background-color: white !important;
  margin-bottom: 20px !important;
  border-radius: 4px !important;
  margin-right: 20px !important;
  margin-left: 20px !important;
  border-radius: 10px !important;
}

.content-list-row img.content-list-mark-icon {
  /* position: relative;
  top: -20px;
  left: 10px; */
  position: relative;
    margin-top: -28px;
    margin-left: 10px;
}

.content-list-row-1 {
  text-align: left;
  width: 100%;
  padding: 0px !important;
}

.content-list-right{
  text-align: left;
}

.srac-header-section {
  top: 0px;
  left: 335px;
  width: 100%;
  height: 360px;
  /* background: transparent linear-gradient(90deg, #56AB2F 0%, #A8E063 100%) 0% 0% no-repeat padding-box; */
  background: transparent linear-gradient(90deg, #A8E063 0%, #56AB2F 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  border-radius: 0px 0px 0px 25px;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;

}

.srac-header-section-global-search-list {
  height: 115px !important;
}

.srac-header-section-content-list {
  height: 330px !important;
}

.srac-header-section-content-attachment-preview {
    height: 85px !important;
}

.srac-header-section-content-list-without-folder {
    height: 155px !important;
}

.srac-header-section-kanban {
  height: 400px !important;
  padding-top: 40px;
}

.srac-header-section-supporting {
  height: 200px !important;
  padding-top: 55px;
}

.srac-header-section-calendar {
  height: 180px !important;
  padding-top: 55px;
}

.content {
  padding: 0px !important;
  padding-left: 0px !important;
}

.breadcrumb {
  background-color: transparent !important;
  border-radius: 0px !important;
  margin-bottom: 0px;
  margin-top: 5px;
}

.breadcrumb-link {
  color: #FCAD32 !important;
  font-size: 18px !important;
  padding: 4px 0px;
}

.breadcrumb-active {
  color: #FFF !important;
  font-size: 22px !important;  
  font-weight: 700;
}

.content-list-thm-icon {
  display: inline-block;
  height: 14px;    
  width: 14px;
  background-size: cover;
  padding-right: 0;
}

.thm-blue {
  /* filter: invert(27%) sepia(70%) saturate(3990%) hue-rotate(224deg) brightness(96%) contrast(86%); */
  filter: invert(49%) sepia(75%) saturate(432%) hue-rotate(57deg) brightness(100%) contrast(90%);
}

.thm-pink {
  filter: invert(47%) sepia(49%) saturate(3188%) hue-rotate(313deg) brightness(99%) contrast(102%);
}

.thm-gray {
  filter: invert(69%) sepia(1%) saturate(5327%) hue-rotate(190deg) brightness(82%) contrast(54%);
}

.active-content-list {
  overflow-y: auto !important;
  /* max-height: 700px;  */
  padding-top: 15px;
}

.folder-group-list-item img.folder-group-list-mark-icon {
  position: absolute;
    top: -11px;
    left: 28px;
    width: 24px;
}

/*.folder-group-list-item img.folder-group-list-lock-icon {
  position: absolute;
  bottom: 40px;
  right: 5px;
  width: 25px;
}*/

/*.folder-group-list-item img.folder-group-list-org-icon {
  position: absolute;
  bottom: 40px;
  left: 5px;
  width: 25px;
}*/

.folder-group-list-item span.span-folder-group-list-org-icon {
  border: 1px solid #fff !important;
  border-radius: 50% !important;
  background-color: #fff !important;
  margin-left: 10px !important;

  position: absolute;
  bottom: 40px;
  left: -10px;
  width: 20px;
  height: 20px;
}

.folder-group-list-item span.span-folder-group-list-org-icon img {
  /* margin-top: 3px !important;
  margin-bottom: 3px !important; */
  width: 16px;
  height: 16px;;
   object-fit: contain;
}

.folder-group-list-item span.span-folder-group-list-lock-icon {
  border-radius: 50% !important;
  background-color: #fff !important;
  margin-left: 10px !important;

  position: absolute;
  bottom: 40px;
  right: 5px;
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.folder-group-list-item span.span-folder-group-list-lock-icon img {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
  width: 15px;
}

.noContentsDiv {
  text-align: center;
  font-weight: 800;
  font-size: x-large;
  color: #858997;
  margin-top: 60px;
}

.contentCountDiv {
  font-size: 16px !important;
  font-weight: bold !important;
  margin-left: 10px !important;
  color: #858997;
}

.list-belongs-to-header-div {
  padding: 10px;
  font-weight: bold;
  color: #fff;
  /* background: transparent linear-gradient(90deg, #56AB2F 0%, #A8E063 100%) 0% 0% no-repeat padding-box; */
  background: transparent linear-gradient(90deg, #A8E063 0%, #56AB2F 100%) 0% 0% no-repeat padding-box;
  border-radius: 10px;
  margin: 15px;
}

.st-custom-button[data-network] {
  background-color: #0adeff;
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
}

.metrics-row {
  margin-bottom: 15px;
}

.metrics-box {
  background-color: white;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 10px;
  box-shadow: 0px 0px 4px #00000052;
}

.metrics-box-icon img {
  width: 65px;
  height: 65px;
}

.metrics-box-header {
  color: #242E42;
  font-size: 20px;
  opacity: 25%;
}

.metrics-box-count {
  color: #242E42;
  font-size: 45px;
  text-align: right;
  padding-right: 30px;
}

@media only screen and (max-width: 1500px) {
    .metrics-box-count {
        font-size: 40px;
    }
}
@media only screen and (max-width: 1366px) {
    .metrics-box-count {
        font-size: 32px;
    }
}

@media only screen and (max-width: 1199px) {
    .metrics-box-count {
        font-size: 40px;
    }
}
.kanbanContentRow {
  cursor: pointer;
  border: 1px solid white;
  padding: 5px;
  background-color: white;
  margin-bottom: 10px;
  border-radius: 4px;
  box-shadow: 0px 0px 4px #00000020;
}

.kanban-content-is-marked {
  cursor: pointer;
  border: 1px solid white;
  padding: 5px;
  background-color: white;
  margin-bottom: 10px;
}

.kanban-content-title-new {
  color: #333333;
  font-size: 14px;
  font-weight: 800;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kanban-content-title {
  color: #333333;
  font-size: 14px;
  font-weight: 500;
}

.kanban-content-time {
  color: #333333;
  font-size: 14px;
}

.kanban-content-folder {
  color: #333333;
  font-size: 14px;
}

.kanban-search{
  border-radius: 15px !important;
  background: #398c13;
  border: transparent;
}

.bg-blue {
  background-color: #56AB2F !important;
  color: #fff;
}

.login-page .login-box a {
  font-size: 14px;
  text-decoration: none;
  color: #56AB2F;
}

.supporting-header-list-item-div {
  margin: 10px;
  padding: 20px;
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  width: 220px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.supporting-header-list-item-div-active {
  margin: 10px;
  padding: 20px;
  border: 1px solid #FE8C00;
  background-color: #FE8C00;
  border-radius: 10px;
  width: 220px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.supporting-header-list-img {
  width: 20px;
  margin-right: 10px;
}

.thm-white {
  filter: invert(100%) sepia(0%) saturate(7481%) hue-rotate(119deg) brightness(101%) contrast(104%);
}

.supporting-header-list-label {
  text-align: center;
  font-size: 16px;
  color: #FFFFFF;
  cursor: pointer;
}

.supporting-add-icon-row {
  margin-top: 10px;
  margin-bottom: 20px;
}

.supporting-title {
  font-weight: 800;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #000 !important;
}

.icheckbox_flat-yellow 
{
  position: absolute;
  top: -14px;
  left: 0px;
}

.content-folder-group-list {
  /*overflow: auto;*/
  white-space: nowrap;
  padding-top: 15px;
  height: 160px;
  padding-left: 15px;
  padding-right: 15px;
}

/* scroll bar folder-group list */
.folder-group-list-scrollbar
{
  /*margin-left: 30px;
  float: left;*/
  /*height: 300px;*/
  /*width: 65px;*/
  overflow-x: auto;
  padding-top: 10px;
  /*margin-bottom: 25px;*/
}
#divMainFolderGroupListParent::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
  background-color: #F5F5F5;
  border-radius: 10px;
}
#divMainFolderGroupListParent::-webkit-scrollbar
{
  width: 10px;
  /*background-color: #F5F5F5;*/
}
#divMainFolderGroupListParent::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-color: #CCC;
  /*background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(#4D9C41), to(#19911D), color-stop(.6,#54DE5D))*/
}
/* scroll bar folder-group list */

.select2-container--default .select2-selection--multiple .select2-selection__choice { 
  background-color: #FE8C02 !important;
  border: none !important;
}

.skin-blue .main-header li.user-header { 
  background: #FE8C02;
}

#color-popup-over {
  height: 39px;
}

.vc-actions-row {
  margin-bottom: 15px;
}

.vc-actions-box {
  background-color: white;
  padding: 12px 10px;
  cursor: pointer;
  border-radius: 10px;
  box-shadow: 0px 0px 4px #00000052;
  margin: 5px;
}

.vc-actions-box-icon img {
  width: 65px;
  height: 65px;
}

.vc-actions-box-header {
  margin-top: 7px;
  color: #242E42;
  font-size: 20px;
}

.video-conference-list-row {
  cursor: pointer !important;
  border: 1px solid white !important;
  padding: 5px !important;
  background-color: white !important;
  border-radius: 4px !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
  box-shadow: 0px 0px 4px #00000020;
}

.video-conference-list-row img.video-conference-is-running-icon {
  position: relative;
  margin-top: -28px;
  margin-left: 10px;
}

.video-conference-meeting-title {
  font-weight: 800;
  font-size: 16px;
}

.video-conference-meeting-time {
  
}

.video-conference-creator-details {
  
}

.video-conference-creator-name {
  font-weight: 600;  
}


.video-conference-list-thm-icon {
  height:  17px;
}