/* ==========================================================================
   Templategrid

   Default Mendix Templategrid Widget. The template grid shows a list of objects in a tile view. For example, a template grid can show a list of products. The template grid has a lot in common with the data grid. The main difference is that the objects are shown in templates (a sort of small data view) instead of rows
========================================================================== */
  .mx-templategrid .mx-templategrid-item {
	  padding: 2px 8px 2px 8px; }
/* ==========================================================================
   Regions

   Used for navigation layouts
========================================================================== */
.region-topbar {
  	min-height: 85px !important; 
	border-bottom: 0px solid #004A7F !important;
    background-color: #000b28 !important; }

/* ==========================================================================
   Navbar Brand

   Used to style your app brand and logo
========================================================================== */
.navbar-brand {
  min-height: 85px; 
  line-height: 85px; }
  .navbar-brand img {
    margin-top: -5px; } 
/* ==========================================================================
   Page Header
========================================================================== */
.pageheader {
margin-bottom: 0px!important; }

.pageheader-title {
	font-size: 18px !important;
}

.pageheader-subtitle {
	font-size: 16px !important;

 }



/*******************************   HOME PAGE & TOP BAR    ********************************************************************************************/
.homepage-topbar-avatar-container {
	width: 70px;
    height: 70px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
	background-color: #fff;
	border: 0px;
}
.homepage-topbar-avatar-container img {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;V
}
.homepage-maincontent-text-title {
	font-size: 18px;
	font-size: 19px;
	color:#000;
	text-transform:uppercase;
	text-align:left;
	margin-left: 20px;
	margin-top: 20px;
}
.homepage-maincontent-text-number {
	font-size: 60px;
	color:#000;
	text-transform:uppercase;
	text-align:left;
	font-weight:bold;
	margin-left: 20px;
	margin-top:5px;  
}
.homepage-maincontent-departed-text-title {

	font-size: 40px;
	color:#1e4b9b;
    margin: auto;
	margin-top: 55px;
	text-transform:uppercase;	
	width: 250px;
 
}
.homepage-maincontent-departed-text-number {
	
	font-size: 110px;
	color:#1e4b9b;
	text-transform:uppercase;
	font-weight:bold;
	margin-top: 0px;
	 margin: auto;
    margin-bottom: 69px;
	width: 250px;
}

.region-content {
	background-color: #e6ebf0; 
}
.homepage-maincontent-page-text-title {
	font-size: 19px;
	padding-bottom: 20px;
	color:#000;
}
.maincontent-topbar-text-level-role {
	
	font-size: 18px;
	color:#d3eefb;
}
.mx-layoutcontainer-middle {
	background-color: #e6ebf0;
}
.mx-layoutcontainer-middle div.mx-layoutcontainer-nested:first-child {
	padding-top: 5px;
}
.mx-name-TopbarMenuIconContainer .toggle-btn {
	    font-size: 30px;
    float: left;
    height: 85px;
    width: 85px;
    border-right: solid 1px #fff;
    color: #fff;
	    padding-top: 23px;
    margin: auto;
    text-align: center;
    transform: none;
    vertical-align: middle;

	
}
.warehouse-topbar-profile-dropdownlist > button.dropdown-button {
	border-color: #000b28 !important;
	background-color: #000b28 !important;
	margin-top: 25px;
}

.warehouse-topbar-profile-dropdownlist > button.dropdown-button .caret {
   
    border-top: 8px dashed;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.mx-name-dropdownProfileDivConverter .mx-navigationlist .mx-navigationlist-item {
	background-color: #fff;	
    min-width: 220px;
    border-right: 0px;
	border: 0px;
}
.mx-name-dropdownProfileDivConverter .mx-navigationlist .mx-navigationlist-item  a {
	margin-left: 20px;
	
    font-size: 16px;
    color: #000;
}
.mx-name-dropdownProfileDivConverter .mx-navigationlist .mx-navigationlist-item  a:hover {
	text-decoration:none;
	color: rgb(246, 146, 30);
}
.homepage-maincontent-placeholder .mx-scrollcontainer-wrapper {
	position:relative;
}
@media (min-width: 992px) {
.mx-layoutcontainer .mx-placeholder .mx-layoutgrid {
    padding: 20px;
}
}
.template-grid-teacher-dashboard .mx-templategrid-row .mx-templategrid-item:hover {background-color: #fff;}
.score-by-teacher-container .dropdown-div-converter button .glyphicon {margin-right:0px;background-color:transparent;}
.score-by-teacher-container .dropdown-div-converter .dropdown-button {background-color: transparent;border: 0px;}
.score-by-teacher-container .dropdown-div-converter .dropdown-menu {right: 0; left: auto !important;}
.score-by-teacher-container .dropdown-div-converter .dropdown-button .caret {display:none;}
.homepage-topbar-chatbox-link { 
	
    font-size: 18px;
    color: #d3eefb; 
	display: table-cell;
    vertical-align: middle;
	text-transform:none;
	text-decoration:none;
	}
	.homepage-topbar-chatbox-link:hover a { color: #F39325;
	text-transform:none;
	text-decoration:none; 
	}
/********************************   END TOP BAR  *******************************************************************************************/
/********************************   LEFT MENU  *******************************************************************************************/
.mx-navigationtree .navbar-inner ul li a {
	font-size: 18px;
	color:#fff;
	padding-left: 30px;   
	padding-top: 15px;
    height: 60px; }
.mx-navigationtree li.mx-navigationtree-has-items > ul li a {	
	font-size: 18px;
    font-weight: normal;
    color: #fff;
    background-color: #003e6b;
    padding: 6px 20px 0px 25px;
	padding-left: 50px;
	border-left: solid #1e4b9b 5px;
	border-bottom: solid #1e4b9b 1px;
	border-right: solid #1e4b9b 0px;
	border-top: solid #1e4b9b 1px; 
}
.homepage-leftmenu-container .mx-layoutcontainer-wrapper {
	padding-top: 2px;
	background-color: #1e4b9b;
}
.mx-navigationtree ul li {
	border-bottom: 0px;
}
.mx-navigationtree .navbar-inner ul li a img {
	width: 50px;
}
.mx-navigationtree .navbar-inner ul li a:hover {
        border-left: solid #8cd5f6 5px;
		border-bottom: solid #8cd5f6 1px;
		border-right: solid #8cd5f6 0px;
		border-top: solid #8cd5f6 1px; 
		padding-left: 30px;
		}
		.mx-navigationtree > .navbar-inner > ul > li.mx-navigationtree-has-items > ul > li > a:hover { padding-left: 50px; }
      .mx-navigationtree .navbar-inner ul li a.active {
         border-left: solid #8cd5f6 5px !important;
		border-bottom: solid #8cd5f6 1px; 
		border-right: solid #8cd5f6 0px;
		border-top: solid #8cd5f6 1px;
		 }
		 .mx-navigationtree .navbar-inner ul li a:focus {
   			 outline: none;
		}
.mx-navigationtree .navbar-inner ul li a .caret {    
	margin-left: 8px;
    border-top: 6px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.mx-navigationtree,	
.mx-navigationtree .navbar-inner ul li a,	
.mx-navigationtree > ul li a:hover, .mx-navigationtree > ul li a:focus, .mx-navigationtree > ul li a.active,
.mx-navigationtree li.mx-navigationtree-has-items > ul li a,
.mx-navigationtree li.mx-navigationtree-has-items > ul li a:hover, .mx-navigationtree li.mx-navigationtree-has-items > ul li a:focus, .mx-navigationtree li.mx-navigationtree-has-items > ul li a.active {
	background-color: #1e4b9b !important;
}




/******************************** MENU - NAM ***************************************************************************************/
/*Shrink to 85 px*/
.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar {
  width: 85px !important;
}

/*Home icon*/
.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .navbar-inner ul li a {
  padding-left: 12px;
}

/*Menu icon*/
.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .navbar-inner ul li a img {
  padding-left: 0px;
  margin-right: 85px;
}

/*Main text items*/
.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper .mx-navigationtree .navbar-inner ul > li.mx-navigationtree-has-items > a {
  display: none;
}

/*Sub items*/
.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper .mx-navigationtree .navbar-inner ul > li.mx-navigationtree-has-items > ul > li > a {
  padding-left: 12px;
}

.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper .mx-navigationtree .navbar-inner ul > li.mx-navigationtree-has-items > ul {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #5bc9f3;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 12px;
  display: block !important;
  background-color: #1e4b9b;
  position: inherit;
}

.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper .mx-navigationtree .navbar-inner ul > li.mx-navigationtree-has-items 
/******************************** END MENU NAM  ************************************************/

/********************************   MENU LINH *******************************************************************************************/
.mx-navigationtree .navbar-inner a,
.mx-navigationtree .navbar-inner li.mx-navigationtree-has-items ul {
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}


.mx-navigationtree .navbar-inner li.mx-navigationtree-has-items ul { background-color: #1e4b9b;}
.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper .mx-navigationtree .navbar-inner ul > li.mx-navigationtree-has-items > a {
 -webkit-transition: border-width 0.1s ease-in-out;
  -moz-transition: border-width 0.1s ease-in-out;
  -o-transition: border-width 0.1s ease-in-out;
  transition: border-width 0.1s ease-in-out;
}

.homepage-leftmenu-container > .mx-scrollcontainer-wrapper > .mx-navigationtree > .navbar-inner > ul > li:first-child > a > img {display: block;} 
.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar > .mx-scrollcontainer-wrapper > .mx-navigationtree > .navbar-inner > ul > li:first-child > a {
	padding-top: 0px;
}
.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar > .mx-scrollcontainer-wrapper > .mx-navigationtree > .navbar-inner > ul > li:first-child > a > img {display: block;} 
.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar > .mx-scrollcontainer-wrapper > .mx-navigationtree > .navbar-inner > ul > li:first-child > a {
	color: #1e4b9b;
	transition: none;
	margin-top: 20px;
}


.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar > .mx-scrollcontainer-wrapper > .mx-navigationtree > .navbar-inner > ul > li.mx-navigationtree-has-items > ul > li:first-child {margin-top: 10px;}

.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar > .mx-scrollcontainer-wrapper > .mx-navigationtree > .navbar-inner > ul > li.mx-navigationtree-has-items > ul > li:hover {}
.mx-name-dropdownProfileDivConverter .mx-navigationlist .mx-navigationlist-item a span.glyphicon {margin-right: 15px;}
/********************************   END MENU  LINH *******************************************************************************************/
/********************************   END LEFT MENU  *******************************************************************************************/



/********************************   CHATBOX PAGE - LINH   **************************************************************************************************/

.warehouse-chatbox-dialog-container .modal-body { padding: 0px !important; margin: 0px;}
.warehouse-chatbox-dialog-container .mx-window-content .row {margin:0px;}

.chatbox-datagrid-container .mx-templategrid-item {
	padding: 0px; margin: 0px; background-color: #000b28;     border: 0px;
}
.chatbox-datagrid-container .mx-templategrid-item .row {
		padding: 0px; margin: 0px;
}
.chatbox-newmessage-text {
	    color: #fcf101;
    position: absolute;
    top: 3px;
    left: 32px;
    font-size: 14px;
}
/********************************   END CHATBOX PAGE   *******************************************************************************************************/

/************************************* PAGING - LINH  ********************************************************************************************************/
.WHCenterArea .mx-tabcontainer-tabs > li,
.WHCenterArea .mx-tabcontainer-tabs > li > a {
  outline: none;
	line-height: 34px;
}

.warehouse-groupbox {position:relative;
}
.warehouse-groupbox .mx-grid .mx-grid-controlbar {
  position: absolute;
  top: 1px;
  right: 16px;
}
.warehouse-groupbox .mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-button,
.warehouse-groupbox .mx-grid .mx-grid-controlbar .mx-grid-pagingbar .mx-grid-paging-status {color: #fff;}

.warehouse-groupbox-active{
	color: red !important;
	padding-top: 10px !important;
	margin-bottom: 10px !important;
	border: double !important;
	}
/************************************* END PAGING  ************************************************************************************************************/



/*************************** OVERWRITE MAIN.CSS ***************************************************/
.layout-atlas .region-topbar .topbar-content {display: block;}
.layout-atlas .region-topbar .toggle-btn {margin-right: 15px; padding: 0px; padding-top: 23px; margin:auto;}
.layout-atlas .region-topbar .navbar-brand img {height: auto; background: none; padding: 0px; padding-left: 10px;width: 100%;}
.region-sidebar .mx-navigationtree li.mx-navigationtree-has-items > ul li a {
		font-size: 18px;
		font-weight: normal;
		color:#fff;
		background-color: #1e4b9b;
}
.layout-atlas-responsive-default .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree .navbar-inner > ul > li > a {
	height: 60px;
}
.layout-atlas .region-sidebar .mx-navigationtree .navbar-inner > ul > li > a {
	padding-left: 30px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 20px;
}
.region-sidebar .mx-navigationtree .navbar-inner > ul > li > a {
	color: #fff;
	border-left: 5px solid transparent;
	border-bottom: 0px; 
	border-top: 1px solid #1e4b9b;
	background-color: #1e4b9b;
	font-size: 18px;
	
}
.layout-atlas .region-sidebar {
	background-color: #1e4b9b;
}
a.homepage-topbar-chatbox-link, a.homepage-topbar-chatbox-link:hover {
	color: #d3eefb;
	text-transform:none !important;
	text-decoration:none !important;
}
@media (min-width: 768px) {
.layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree ul li.mx-navigationtree-collapsed ul, .layout-atlas-responsive-default .mx-scrollcontainer:not(.mx-scrollcontainer-open) > .region-sidebar .mx-scrollcontainer-wrapper > .mx-navigationtree ul li.mx-navigationtree-has-items ul {
	display: block !important;
}
}
.mx-scrollcontainer .mx-placeholder {height: auto; }
.mx-title {margin: 0px;}
.mx-scrollcontainer .mx-placeholder .mx-layoutgrid {padding: 0px; padding-right: 15px;padding-left: 15px;}
div.widget-progress-bar-text-contrast .progress-bar {color: #fff;}
.mx-scrollcontainer-fixed > .mx-scrollcontainer-middle > .mx-scrollcontainer-wrapper, .mx-scrollcontainer-fixed > .mx-scrollcontainer-left > .mx-scrollcontainer-wrapper, .mx-scrollcontainer-fixed > .mx-scrollcontainer-center > .mx-scrollcontainer-wrapper, .mx-scrollcontainer-fixed > .mx-scrollcontainer-right > .mx-scrollcontainer-wrapper {padding-top: 4px;} 
.details-cus-listview-noborder>ul>li {border: 0px !important; padding: 0px !important;}
/**************************************************************************************************/


.mx-listview > ul > li.selected {
	background-color: #def;
}
/******************************** CHAT  ************************************************************************/

.chatList, .chatView { position:absolute !important; display: block;background-color: #f0f0f2; }
.chatList { background-color: #f0f0f2;}
.chatView { /*right: 205px; height: 555px !important; */}
.tcs-chatbox-container-chat-list, .tcs-chatbox-container-chat-view {padding-right: 0px; margin-right: 0px; position:relative;}
.chatList .wrapper, .chatView .wrapper {display: block !important; border:0px !important;}
.tcs-chatbox-actionsbutton-container {padding: 30px; min-height: 80px;}

.chatView input {vertical-align:top; height: 45px; border-radius: 20px;}
.chatView .wrapper ul {overflow: auto; list-style: none;}

.chatList ul li {height: 80px; display:table; padding: 20px; position:relative; width: 100%;}
div.name { margin-top: 23px; float:left; display:table-cell; vertical-align:middle; margin-left: 30px; font-family: Verdana, Geneva, sans-serif; font-size: 16px; color: #000; text-transform: none;}
.tcs-chatbox-avatar-container {
	width: 80px;
	height: 80px;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	background-color: #f0f0f2;
	border: 3px solid #fff;
	float:left; 
	display:table-cell; 
	vertical-align:middle;
}

.tcs-chatbox-avatar-container img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}
.chatList .icon,
.chatView .icon {
    float: left;
    width: 20px;
    height: 20px;
}

button.showOnRowHover {padding-top: 6px !important;padding-bottom: 6px !important;}

.chatbox-chatview-input-container {
	padding: 20px;
    border-top: 0px;
    padding-bottom: 17px;
    padding-top: 17px;
	border: 0px;
    border-top: solid 1px #fff;	
	background-color: #f5f5f5;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	
}
.chatbox-chatview-input-container input {
    padding-left: 20px !important;
	padding-right: 20px !important;
}
.chatList .message {
	top: 20px;
    left: 73px;
	 animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
.chatList .status {
	top: 65px;
    left: 73px;
}
.chatView ul {
	margin: 0px;
	}
.chatView li {
    color: #4d4d4d;
    padding: 10px 25px !important;
    width: 80%;
	position:relative;
    background-color: #d0d1d3;
    border-radius: 10px;
    border-top-left-radius: 0px;
	margin-left: 20px;
		margin-right: 20px;
			margin-top: 10px;
				margin-bottom: 10px;
	float: left;
	text-align: justify;
}
.chatView li.from-current-user {
	float: right;
    border-top-left-radius: 10px;
    border-top-right-radius: 0px;
    background-color: #3ea8f4;
    color: #fff;
}

.chatView li:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #d0d1d3 transparent transparent;
    top: 0;
    left: -10px;
}
.chatView li.from-current-user:before { border: 0px; }
.chatView li.from-current-user:after {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #3ea8f4 transparent transparent transparent;
    top: 0;
    right: -10px;
}
li.history .from-current-user {
	color: #666;
}
.chatView .label {
    font-weight: bold;
    display: none;
}
.chatbox-chatview-input-container input:focus{
    outline: none;
}        
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #d4d4d4;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #d4d4d4;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #d4d4d4;
}
:-moz-placeholder { /* Firefox 18- */
    color: #d4d4d4;
} 

.notinode {
	border: 0px solid #004b8e;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
}
/******************************** END CHAT  ************************************************************************/

/***********************   NETWORK CASE  ********************************************/
/************************************* WEBSITE *****************************************************************/
.content-container-minheight-800-setting {min-height: 800px;} 
.layoutGrid-without-margin {margin-bottom:10px;}
.layoutGrid-without-margin .row { margin: 0px !important;}

.setting-table,
.setting-table th {
	border: 1px solid rgb(215, 215, 215);
  border-collapse: collapse;
 
}
.setting-table th,
.setting-table td { 
	vertical-align: middle;
}
.setting-table td .form-group {margin-bottom: 10px; margin-top:10px;}
.setting-table td, .setting-table th { text-align: center; }
.setting-table td input { margin: auto !important;}
.setting-table tr td:first-child { text-align: left; border-left: 0px;}
.setting-grid .mx-grid-controlbar {padding-left:10px;}
.setting-grid .mx-templategrid-item {padding:0px !important;}

.setting-table-child-noborder td,
.setting-table-child-noborder th {border: 0px; vertical-align: middle;}

.setting-table-noborder,
.setting-table-noborder td,
.setting-table-noborder th {border: 0px; text-align: center !important; vertical-align: middle;}
.setting-table-noborder input[type='checkbox']:checked:disabled:before {border-color: #0595DB !important; background-color: #0595DB !important;}
.setting-grid ul li {border: 0px; padding:0px; }
.setting-grid .mx-table tr td {padding: 8px; vertical-align: middle;}
.setting-grid ul li:nth-child(even) {background: #fff;}
.setting-grid ul li:nth-child(odd), .row-child-odd {background: #f7f7f7;}
.setting-table-noborder .form-group {margin-bottom: 0px;}
.website-homepage-banner-logo {padding: 0px;border: dotted 1px #d7d7d7;}
.website-homepage-banner-image {padding: 0px;border: dotted 1px #d7d7d7;}
.website-contentpage-container {background-color: white;padding: 0px !important;margin-left: 15px;margin-right: 0px;}
.website-contentpage-container-preview {background-color: white;padding: 0px !important;}

/****** TOP MENU   ******************/
.website-menu-horizontal-topbar {
    height: 110px;
    vertical-align: middle;
    display: table;
	box-shadow:none;
	background-color: #fff;
	float:right;
}
.website-menu-horizontal-topbar ul {
	display: table-cell !important;
    width: 100% !important;
    vertical-align: middle;
	
}
.website-menu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a {color: #2d3642; font-size: 18px; background-color: #fff !important;}
.mx-name-websiteLeftmenu .navbar-inner > ul > li > a {transition: all 0.3s ease-in-out;}

.website-menu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a:focus,
.website-menu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a:hover,
.website-menu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:active > a,
.website-menu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:focus > a,
.website-menu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:hover > a {
    color: rgb(246, 146, 30) !important;
	background-color: #fff !important
}
.mx-name-websiteLeftmenu .navbar-inner> ul > li > a {    border-bottom: 1px solid #fff; padding-top: 5px;}
.website-page-subtitle {
    height: 70px;
	width: 100%;
	display: inline-table;
	border-bottom: solid 5px #0046a0;
	padding-top: 10px;
	margin-bottom: 20px;
}
.contact {
    background-color: #011A6E;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    text-align: left;
    width: 400px;
	margin-top: 30px;
}
.contact h2 {
	font-weight: bold;
    font-size: 22px;
    text-decoration: none;
    color: #fff;
    line-height: 20px;
}
.contact p {
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    color: #fff !important;
    font-size: 16px;
    text-decoration: none;
    text-align: justify;
}
.website-col-w1200-without-bg {width: 1000px !important; padding: 0px !important;}
.website-col-w1200 {width: 1000px !important; background-color: #fff; padding: 0px !important; border: solid 1px #fff;}
.website-background-color-white {background-color: #fff;}
.networkcase-main-navigationtree ul li ul li {margin-left: 0px;}
.website-contentpage-container .mx-scrollcontainer-middle {min-height: 740px;}
.website-contentpage-container-preview .mx-scrollcontainer-middle {min-height: 740px;}
.website-footer-copyright {height: 50px; background-color: #d7d7d7;display: table;width: 100%; margin-top:30px;}
.network-case-dataview-contact-person-detail .mx-dataview-controls {margin-left:20px;}
.template-grid-without-border .mx-templategrid-item {border: 0px !important;}

/************************************* WEBSITE *****************************************************************/


/**************************************  LINKED IN **************************************************************/
.linkedin-col-w1200 {width: 1200px;padding: 0px !important;}
.linkedin-topbar-container {background-color: #283e4a; height: 60px;}
.linkedin-contentpage-container .row {margin-left: 0px;}
/****** TOP MENU   ******************/
.linkedin-topmenu-horizontal-topbar {
    height: 60px;
    vertical-align: middle;
    display: table;
	box-shadow:none;
	float:right;
	background-color: #283e4a !important;
}
.linkedin-topmenu-horizontal-topbar ul {
	display: table-cell !important;
    width: 100% !important;
    vertical-align: middle;
	
	
}
.linkedin-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a {color: #fff; font-size: 18px; background-color: #283e4a !important;}
.linkedin-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a:focus,
.linkedin-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a:hover,
.linkedin-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:active > a,
.linkedin-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:focus > a,
.linkedin-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:hover > a {
    color: rgb(246, 146, 30) !important;
	background-color: #283e4a !important;
}
.linkedin-contentpage-container {background-color: #f5f5f5;padding: 0px !important;margin-left: 15px;margin-right: 0px;}
.linkedin-contentpage-container .mx-scrollcontainer-middle {min-height: 740px;}
.linkedin-header-avatar-container 
{
	position: absolute;
	top: 120px;
	z-index: 10;
	width: 150px;
	height: 150px;
	overflow: hidden;
	left: 40px;
}
.linkedin-page-block-container {padding:30px;background-color: #fff;}

.linkedin-home-text-title {color: rgba(0, 0, 0, 0.6); font-size: 20px;}
.linkedin-home-text {color: rgba(0, 0, 0, 0.6); }
.linkedin-home-separated-block {background-color: #f5f5f5;padding: 0px !important; height:10px;}
.linkedin-home-wirte-post-table,
.linkedin-home-wirte-post-table th,
.linkedin-home-wirte-post-table td { border: 1px solid rgb(215, 215, 215); border-collapse:collapse; vertical-align: middle;}
.linkedin-home-wirte-post-table td {vertical-align: middle;}
.linkedin-home-wirte-post-table td.linkedin-home-wirte-post-table-col { text-align: center; }
.linkedin-home-wirte-post-table td:first-child {padding-left: 30px;}
.linkedin-home-wirte-post-table-col-icon {background-color:transparent; color: rgba(0, 0, 0, 0.6); border-color: #fff; font-size: 30px;}

.linkedin-createpost-small-avatar,
.linkedin-createpost-small-avatar-50 {	
	z-index: 10;
	
	overflow: hidden;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid rgb(215, 215, 215);
}
.linkedin-createpost-small-avatar {width: 80px;	height: 80px;}
.linkedin-createpost-small-avatar-50 {width: 50px;	height: 50px; margin-top:5px;}
.linkedin-article-privacy-combobox { width: 150px; margin-top: 15px; margin-bottom: 0px;}
.linkedin-article-privacy-combobox select {padding: 5px 10px;}
.linkedin-createpost-content-editer-container .cke_contents {padding:5px;}
.linkedin-createpost-content-editer-container .cke_chrome {border: 1px solid #f5f5f5 !important; box-shadow: 0 0 1px rgba(0,0,0,.15) !important;}
.linkedin-createpost-content-editer-container .cke_top { display: none;}
.linkedin-createpost-container .mx-dataview-controls {text-align: right;}
.linkedin-homepage-showarticles-listview-container ul li {margin:0px; border-width: 0px; padding:8px;}
.linkedin-homepage-team-listview-container ul li {margin:10px; margin-top: 0px; border-width: 0px;}
.linkedin-homepage-showarticles-listview-container ul li:hover,
.linkedin-homepage-showarticles-listview-container ul li:focus, 
.linkedin-homepage-showarticles-listview-container ul li:active,
.linkedin-homepage-team-listview-container ul li:hover,
.linkedin-homepage-team-listview-container ul li:focus, 
.linkedin-homepage-team-listview-container ul li:active {background-color: #fff;}
.linkedin-home-wirte-post-table-col-icon:hover, 
.linkedin-home-wirte-post-table-col-icon:focus, 
.linkedin-home-wirte-post-table-col-icon:active
{

    border-color: #fff !important;
    background-color: #fff !important;
    color: #004A7F !important;
}
.linkedin-contentpage-container-preview {background-color: #f5f5f5;padding: 0px !important;margin:0px;}
.linkedin-contentpage-container-preview .row {margin: 0px;}

.linkedin-createpost-content-editer-container {
	position:relative;	
}
.linkedin-createpost-content-editer-container .image-close {
	position:absolute;
	top: 0px;
	right:10px;	
}


/****** VIDEO PLAYER  ***********/
div.jp-video-260p {
	width:435px;
}
div.jp-video-260p div.jp-video-play {
	margin-top:-260px;
	height:260px;
}

.jp-video .jp-interface .jp-details {display: none;}

div.jp-video div.jp-interface,
div.jp-audio, div.jp-audio-stream, div.jp-video {    border:0px !important;}
.jp-video:hover .jp-interface {
	display: none !important;
}
.controls[data-state=hidden] {
   display:none;
}

.controls[data-state=visible] {
   display:block;
}

/**************************************  LINKED IN **************************************************************/

.homepage-block-container .progress {
    height: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    background-color: #e6e7e8;
    border-radius: 10px;
	
}

.homepage-graph-news-processbar .progress-bar-success {background-color: #28a745 !important;}
.homepage-graph-jobs-processbar .progress-bar-success {background-color: #fd7e14 !important;}
.homepage-graph-events-processbar .progress-bar-success {background-color: #0080b7 !important;}

.homepage-block-container .widget-progress-bar .progress-bar-success {
	color: #17347B;
	background-color: #76CA02;
	line-height: 10px;
	font-size: 12px;
}
.homepage-block-news-count-text {
	font-size: 71px;
    font-weight: bold;
    color: #17347B;
}
.homepage-block-news-published-text {
    font-size: 20px;
}
.homepage-block-news-text {
    margin-bottom: 28px;
    font-size: 30px;
}
.cardtext-center-title { 
	padding-left: 0px;
	text-align: left;
	border-bottom: solid 1px #e5e5e5;
	margin-bottom: 10px;
	font-size: 20px;
}
.js-plotly-plot .plotly .user-select-none {font-family: 'Titillium Web' !important;}
.homepage-processcircle-website .widget-progress-circle-path {
	stroke: #ffc107 !important;
}

.homepage-processcircle-linkedin .widget-progress-circle-path {
	stroke: #0073b1 !important;
}
.homepage-processcircle-fakebook .widget-progress-circle-path {
	stroke: #3b5998 !important;
}
.homepage-social-infortext {margin:0px; color:#a5a5a5; font-style:italic;}
.homepage-social-block-table h4 {margin-bottom: 10px !important;}
.page-edit-cover-photo-container {position: absolute;bottom: -20px;right: 10px;}
.page-avatar-crop-action-button img {height: 30px; border-radius: 50%; margin-right: 0px;vertical-align: middle;}
.page-edit-avatar-photo-container {
	position: absolute;
    bottom: 10px;
    right: 9px;
    z-index: 1;
    width: 30px;
    height: 30px;
    background-color: #f5f5f5;
    border-radius: 50%;
}
.website-edit-cover-photo-container {position: absolute;bottom: 20px;right: 10px;}
.website-edit-avatar-photo-container {
	position: absolute;
    bottom: 10px;
    right: 9px;
    z-index: 1000;
    width: 30px;
    height: 30px;
    background-color: #f5f5f5;
    border-radius: 50%;
}
.page-common-tabcontainer-control .mx-tabcontainer-tabs > li.active > a, 
.page-common-tabcontainer-control .mx-tabcontainer-tabs > li.active > a:hover, 
.page-common-tabcontainer-control .mx-tabcontainer-tabs > li.active > a:focus {
	font-size: 18px !important;
	color: #000;
}
.page-common-datagrid-connection-container .mx-templategrid-item {
	margin: 0px;
    padding: 10px;
    vertical-align: top;
	border: 0px;
}
.page-common-datagrid-connection-container .mx-templategrid-item .mx-dataview-content .connection-child-table {
	border: solid 1px #d5d5d5;
    border-radius: 10px;
    height: 290px;
	width: 100% !important;
}
.page-common-datagrid-connection-container .mx-templategrid-item .mx-dataview-content .connection-child-table .connection-child-table-img-col {
	height: 220px;
    vertical-align: middle;
}
.page-common-datagrid-connection-container .mx-templategrid-item .mx-dataview-content td {
	text-align: center;
}

.mx-listview>ul>li {border-width:0px; border-bottom-width: 1px; }
.mx-listview>ul>li:last-child {border-width:0px;  }
.page-common-tabcontainer-control .mx-listview>ul>li:hover, 
.page-common-tabcontainer-control .mx-listview>ul>li:focus,
.page-common-tabcontainer-control .mx-listview>ul>li:active {background-color: #fff;}
.page-notification-topbar-container {z-index:100; width: 22px;position: absolute;right: 95px;color: #fff;background-color: transparent;}
.page-notification-topbar-container .mx-grid-content .mx-templategrid-row .mx-templategrid-item { width: 100%;padding: 0px 5px; background-color: red; border: 1px solid red;}
.linkedin-topbar-notification-is-new {background-color:#eee; padding:15px !important;}
.page-common-notification-container ul li{padding:0px;}
.linkedin-topbar-notification {padding:15px !important;}
/************************************************* LINEKDED IN  *********************************/



/************************** Facebook ************************************************************/
.facebook-header-avatar-container 
{
	position: absolute;
	top: 120px;
	z-index: 10;
	width: 150px;
	height: 150px;
	overflow: hidden;
	left: 40px;
}
.facebook-topbar-container {background-color: #fff; height: 60px;}
/****** TOP MENU   ******************/
.facebook-topmenu-horizontal-topbar {
    height: 60px;
    vertical-align: middle;
    display: table;
	box-shadow:none;
	float:right;
	background-color: #fff !important;
}
.facebook-topmenu-horizontal-topbar ul {
	display: table-cell !important;
    width: 100% !important;
    vertical-align: middle;
}

.facebook-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a {color: rgba(0, 0, 0, 0.6); font-size: 18px; background-color: #fff !important;}
.facebook-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item.active a {
    color: rgb(246, 146, 30) !important;
}
.facebook-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a:active,
.facebook-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a:focus,
.facebook-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a:hover,
.facebook-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:active > a 
.facebook-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:focus > a,
.facebook-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:hover > a {
    color: rgb(246, 146, 30) !important;
	background-color: #fff !important;
}
.facebook-homepage-topbar-search-textbox {margin-bottom: 0px;}
.facebook-homepage-topbar-search-textbox input {border-radius: 15px;}
.facebook-page-block-container {padding:30px;background-color: #fff; border-radius: 8px;}

.col-without-padding-left-right {padding-left:0px !important;padding-right:0px !important;}
.facebook-contentpage-container {background-color:rgb(245, 245, 245);}
.table-col-page-setting-controls label {width:250px;}
.glyphicon-red span.glyphicon {color:red;}
.glyphicon-green span.glyphicon {color:green;}
.glyphicon-red a:hover {text-transform:none; text-decoration:none;}
.glyphicon-green span.glyphicon {color:green;}
.glyphicon-green a:hover {text-transform:none; text-decoration:none;}
a.animation-heart span.glyphicon {animation: heart 0.5s linear;}
@keyframes heart {
	0% {
		transform: rotate(0deg) scale(1.7);
	}
	40% {
		transform: rotate(0deg) scale(1);
	}
	41% {
		transform: rotate(360deg) scale(1);
	}
	100% {
		transform: rotate(0deg) scale(1);
	}
}
a.animation-heart-home span.glyphicon {top:3px !important;}
@keyframes heartsmall {
	0% {
		transform: rotate(0deg) none;
	}
	40% {
		transform: rotate(0deg) none;
	}
	41% {
		transform: rotate(360deg) none;
	}
	100% {
		transform: rotate(0deg) none;
	}
}

.facebook-midle-menu {background-color: white; min-height: 40px; margin-bottom: 8px;}
.facebook-midle-menu ul.nav > li.mx-navbar-item > a {color: gray; min-height: 40px;}
.facebook-midle-menu ul.nav > li.mx-navbar-item > a:hover {background-color: lightgray;}

/************************** twitter ************************************************************/
.twitter-header-avatar-container 
{
	position: absolute;
	top: 120px;
	z-index: 10;
	width: 150px;
	height: 150px;
	overflow: hidden;
	left: 40px;
}
/*.twitter-topbar-container {background-color: #fff; height: 60px;}*/

.twitter-topbar-container {background-color: #58B0E3; height: 60px;}
.twitter-contentpage-container .row {margin-left: 0px;}
/****** TOP MENU   ******************/
.twitter-topmenu-horizontal-topbar {
    height: 60px;
    vertical-align: middle;
    display: table;
	box-shadow:none;
	float:right;
	background-color: #fff !important;
}

.twitter-topmenu-horizontal-topbar-img {
	margin-right: 0.1em !important;
}

.twitter-topmenu-horizontal-topbar-a {
	font-size: 15px !important;
	padding: 5px 10px !important;
	color: #666666 !important;
}


.twitter-topmenu-horizontal-topbar ul {
	display: table-cell !important;
    width: 100% !important;
    vertical-align: middle;
}
.twitter-topmenu-horizontal-topbar ul li {
    width: 60px;
    height: 60px;
}

.twitter-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a {color: rgba(0, 0, 0, 0.6); font-size: 25px; background-color: #fff !important;}
.twitter-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a:focus,
.twitter-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item>a:hover,
.twitter-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:active > a,
.twitter-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:focus > a,
.twitter-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:hover > a {
    color: rgb(246, 146, 30) !important;
	background-color: #fff !important;
}
.twitter-topmenu-horizontal-topbar ul.mx-menubar-list li.mx-menubar-item:active > a >span.glyphicon {margin-right: 0px;}
.twitter-homepage-topbar-search-textbox {margin-bottom: 0px;}
.twitter-homepage-topbar-search-textbox input {border-radius: 15px;}
.twitter-page-block-container {padding:30px;background-color: #FFF; border-radius: 8px;}
.twitter-page-block-container-who-to-follow {padding:30px;background-color: #F5F8FA; border-radius: 0px;}

.col-without-padding-left-right {padding-left:0px !important;padding-right:0px !important;}
.twitter-contentpage-container {background-color:rgb(245, 245, 245);}
.table-col-page-setting-controls label {width:250px;}
.glyphicon-red span.glyphicon {color:red;}
.glyphicon-red a:hover {text-transform:none; text-decoration:none;}



.test {position:relative;}

.twitter-createpost-small-avatar {
	width: 40px;	
	height: 40px;
	z-index: 10;
	overflow: hidden;
	border-radius: 50%;
	background-color: #fff;
	border: 1px solid rgb(215, 215, 215);
	}
	
.twitter-home-separated-block {background-color: #D8E0E9;padding: 0px !important; height:1px;}
.twitter-home-separated-block-2 {background-color: #FFF;padding: 0px !important; height:10px;}

.twitter-home-wirte-post-table,
.twitter-home-wirte-post-table th,
.twitter-home-wirte-post-table td { border: 1px solid rgb(215, 215, 215); border-collapse:collapse; vertical-align: middle;}
.twitter-home-wirte-post-table td {vertical-align: middle;}
.twitter-home-wirte-post-table td.twitter-home-wirte-post-table-col { text-align: center; }
.twitter-home-wirte-post-table td:first-child {padding-left: 30px;}
.twitter-home-wirte-post-table-col-icon {background-color:transparent; color: rgba(0, 0, 0, 0.6); border-color: #fff; font-size: 30px;}


.twitter-homepage-showarticles-listview-container ul li {margin:0px; border-width: 0px; padding:8px;}
.twitter-homepage-team-listview-container ul li {margin:10px; margin-top: 0px; border-width: 0px; padding:0px;}
.twitter-homepage-showarticles-listview-container ul li:hover,
.twitter-homepage-showarticles-listview-container ul li:focus, 
.twitter-homepage-showarticles-listview-container ul li:active,
.twitter-homepage-team-listview-container ul li:hover,
.twitter-homepage-team-listview-container ul li:focus, 
.twitter-homepage-team-listview-container ul li:active {background-color: #fff;}
.twitter-homepage-follow
{
	margin:auto;
	background-color: #F5F8FA;
	color: #1DA1F2; 
	width: 100%; 
	border-radius: 13px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-width: 1px;
	margin-top: 8px;
}

.twitter-homepage-follow:hover {
margin:auto;
	background-color: #F5F8FA;
	color: #1DA1F2; 
	width: 100%; 
	border-radius: 13px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-width: 1px;
	margin-top: 8px;
}

.twitter-homepage-unfollow
{
	margin:auto;
	background-color: #1DA1F2;
	color: #fff; 
	width: 100%;
	border-radius: 13px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-width: 0px;
	margin-top: 8px;
}



.twitter-homepage-unfollow:hover {
    border-color: #72c7f4;
	background-color: #CA2055;
	color: #fff;	
}

.page-twitter-notification-container ul li{padding:0px;}

.page-twitter-notification-topbar-container {z-index:100; width: 22px;position: absolute;right: 95px;color: #fff;background-color: transparent;}

.page-twitter-notification-topbar-container .mx-grid-content .mx-templategrid-row .mx-templategrid-item { width: 100%;padding: 0px 5px; background-color: red; border: 1px solid red;}

.twitter-topbar-notification-is-new {background-color:#eee; padding:15px !important;}

.twitter-topbar-notification {padding:15px !important;}

.twitter-dropdown-div-converter .dropdown-button .caret {display:none;}

.twitter-dropdown-div-converter .dropdown-button{
    display: block;
	background-color:#FFF;
	border:0px;
	margin:0px;
	padding:0px;
}
.twitter-dropdown-div-converter .dropdown-button:hover {
    display: block;
	background-color:#eee;
}

.twitter-dropdown-div-converter button .glyphicon {
    margin-right: 0.0em;
}
 
.album-dropdown-div-converter .dropdown-button{
    display: block;
	background-color:transparent;
	border:0px;
	margin:0px;
	padding:0px;
}
.album-dropdown-div-converter .dropdown-button:hover {
    display: block;
	background-color:transparent;
}

.album-dropdown-div-converter button .glyphicon {
    margin-right: 0.0em;
}
.album-dropdown-div-converter .dropdown-button .caret {display: none;}
.dropzone {margin-top: 20px;}
.facebook-midle-menu ul.nav > li.mx-navbar-item > a:hover, .facebook-midle-menu ul.nav > li.mx-navbar-item > a:focus, .facebook-midle-menu ul.nav > li.mx-navbar-item > a.active {
	background-color: #72c7f4;
}
.album-dropdown-div-converter .btn-default:hover, .album-dropdown-div-converter .btn-default:focus, .album-dropdown-div-converter .btn-default:active, .album-dropdown-div-converter .btn-default.active, .album-dropdown-div-converter .open > .btn-default.dropdown-toggle {background-color:transparent;}
.album-photo-grid-container .mx-templategrid-row .mx-templategrid-item {position:relative; background-color:transparent;}
.album-photo-grid-container .mx-templategrid-row .mx-templategrid-item .mx-dataview {position:initial;}
.facebook-midle-menu-container {height: 50px;background-color: #fff;margin-top: 10px;margin-bottom: 10px;}
.facebook-midle-menu-item-block {width: 80px;float: left;display: table;height: 50px;text-align:center;}
.facebook-midle-menu-item-block:hover {background-color:#72c7f4;}
.facebook-midle-menu-item-block a {color:gray; display:table-cell; vertical-align:middle;}
.facebook-midle-menu-item-block a, .facebook-midle-menu-item-block a:hover, .facebook-midle-menu-item-block a:visited {text-transform:none;text-decoration:none;}
.facebook-midle-menu-item-block:hover a{color:#fff;text-transform:none;text-decoration:none;}
.comment-table-container tr td {vertical-align: middle;}
.comment-table-container tr td p {margin-bottom:0px;}
.table-middle-column-style tr td {vertical-align:middle;}
.table-middle-column-style tr td .form-group {margin-bottom: 0px;}
.navigation-article-buttons li.mx-navigationlist-item:hover, .mx-navigationlist li.mx-navigationlist-item:focus {background-color: #fff;}
.navigation-article-buttons li.mx-navigationlist-item {padding:5px !important;}
.navigation-article-buttons li.mx-navigationlist-item:last-child {border-bottom: 0px;}
.mx-window-active {z-index:150 !important;}



/******************** ilhami *********************/ 
input[type="checkbox"]:not(:disabled):not(:checked):hover::after { content: ''; border-color: #D7D7D7;}
input[type="checkbox"] {position: relative !important; width: 20px; height: 16px; margin: 0 !important; cursor: pointer; 	user-select: none; appearance: none; 	border:2px;color:#FFF;}
input[type="checkbox"]::after { width: 12px; height: 6px; margin: 2px 4px; transform: rotate(-45deg); pointer-events: none; border: 3px solid #FFF; border-top: 0; border-top-color: currentcolor; border-right: 0; border-right-color: currentcolor;}
input[type="checkbox"]::before, input[type="checkbox"]::after {position: absolute; display: block; transition: all 0.3s ease;}
/*::before, ::after { box-sizing: border-box;}*/
input[type="checkbox"]::before { width: 100%; height: 100%; content: ''; border: 2px solid #6C686C; border-radius: 5px; background-color: transparent;}
/*****/
 
div.name-student-team-listview-container div
{
	border-width: 0px !important;
}

div.name-student-team-listview-container div
{
	border-width: 0px !important;
}

.score-by-teacher-container-website > div > .dropdown-menu
{
	right: 0px !important;
	left: auto !important;
}

.score-by-teacher-container-website .dropdown-div-converter button .glyphicon {margin-right:0px;background-color:transparent;}
.score-by-teacher-container-website .dropdown-div-converter .dropdown-button {background-color: transparent;border: 0px;}
.score-by-teacher-container-website .dropdown-div-converter .dropdown-button .caret {display:none;}
.dropdownDivConverterArticle .dropdown-button {padding:0px; margin:5px;}

.img-page-title-avatar
{
	width: 80px;
	height: 80px;
}

.img-smaller-page-title-avatar
{
	width: 50px;
	height: 50px;
}
.btn-lg img {
    height: calc(14px + 14px) !important;
}
#ssoButton {background-color: #fff !important;}

/************************** Score ************************************************************/
.score-final{
	color : green;
}

.score-draft{
	color : red;
}

/************************** End Score ************************************************************/
button.page-finalized-style {background-color: green !important; color:#fff !important;}
.page-finalized-style input[type="checkbox"]:checked:disabled::before {background-color: green !important; }


/************************** Leave Management ************************************************************/
.mx-radiogroup {
    flex-wrap: wrap;
}
.leave-homepage {
	// display: flex;
	// flex-direction: row;
}
.leave-homepage-above {
    height: 100%;
    width: 100%;
    // background-color: powderblue;
	
}

.leave-homepage-under {
	height: 100%;
    width: 100%;
    // background-color: rgb(154, 57, 163);
}
.change-text-color{
	color: #034991;
}
.note-delete{
	color: red;
	font-weight: 600;
}
.note-edit{
	color: #F39325;
	font-weight: 600;
}
.sign-out {
	color: #ffffff !important;
	margin-left: 50px;
}
.sign-out:hover {
	color:rgb(215, 215, 215) !important;
}
.slider-track--error {
    background: #264ae5;
}
.hide-column {
display: none !important;
}

/************************** End Leave Management ************************************************************/


/************************** Project Management ************************************************************/
.mx-name-InProgressProgressBar .progress-bar.progress-bar-primary {
	 background-color: #0595DB;
}

.mx-name-NotStartedProgressBar .progress-bar.progress-bar-primary {
	 background-color: gray;
}

.mx-name-CompletedProgressBar .progress-bar.progress-bar-primary {
	 background-color: #70fd38;
}
/************************** End ProjectProject  Management ************************************************************/