<style>



header, main, footer {
      padding-left: 240px;
}

@media only screen and (max-width : 992px) {
      header, main, footer {
        padding-left: 0;
      }
}

body {font-family: "oxygen", "Roboto", sans-serif, Arial;background-color:#ededed;}

.myclogin-page   {background-image: url({{app.config['app_url']}}/app/themes/default/resources/images/pattern.png);background-repeat: repeat;}
.myclogin-page:after{/*content: '';    position: absolute;
    background-color: rgba(103, 58, 183, 0.39);top: 0;bottom: 0;left: 0;right: 0;z-index: -5;*/}
.myclogin-page .card-image img{margin-top:15px;padding: 10px;}
.myclogin-page .card{box-shadow:none;margin:0px;border-radius: 5px;}
.myclogin-page .cardlogin{min-height: 400px;}
@media only screen and (max-width : 768px) {.logintabpanel img {width: 90%;}}

canvas {  vertical-align: bottom;}
/* ---- particles.js container ---- */
#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: {{app.colors_map[themebasiccolor]}};
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;}
/* ---- stats.js ---- */
.count-particles{
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13E8E9;
  font-size: .8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;}

.js-count-particles{  font-size: 1.1em;}
#stats,.count-particles{  -webkit-user-select: none;}
#stats{  border-radius: 3px 3px 0 0;  overflow: hidden;}
.count-particles{  border-radius: 0 0 3px 3px;}

input[type=email]:focus:not([readonly])+label{color:#ccc;}

.top-nav{
	height: 52px;
	line-height: 52px;
}
.side-logo{
	height: 122px;
	line-height: 122px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

.side-logo img{
	max-width: 100%;
	height: auto;
}

.side-logo:hover{
	background: auto !important;
}

.commentslist{
	margin-bottom: 0px;
	max-height: 450px;
	overflow-y: scroll;
}

.addcommentbox{
	margin-top: 0px;
}

.detailstab{
	margin-bottom: 0px;
}

.relatedtab{
	margin-top: 0px;
}

.collapsible-body, .collapsible-header{
	border: 0px;
	padding: 0px;border-radius:4px;
}



.myc-scroll{
	max-width: 100%;
	overflow-x: scroll;
}
.myc-scroll-w-300 > * { min-width: 300px; }
.myc-scroll-w-400 > * { min-width: 400px; }
.myc-scroll-w-500 > * { min-width: 500px; }
.myc-scroll-w-600 > * { min-width: 600px; }
.myc-scroll-w-700 > * { min-width: 700px; }
.myc-scroll-w-800 > * { min-width: 800px; }
.myc-scroll-w-900 > * { min-width: 900px; }
.myc-scroll-w-1000 > * { min-width: 1000px; }


.myc-responsive-card .datatasble{
	overflow-x: scroll;
}

.myc-responsive-container{
	overflow-x: auto;
}

/* RESPONSIVE COMMON BREACKPOINTS */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {


}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {

	.myc-responsive-table th:nth-child(5) ~ th, .myc-responsive-table td:nth-child(5) ~ td{
		display: none;
	}

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

	.myc-responsive-table th:nth-child(2) ~ th, .myc-responsive-table td:nth-child(2) ~ td{
		display: none;
	}
		
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}

.myc-divider{
	width: 100%;
	margin-top: 2px;
	margin-bottom: 2px;
	border-bottom: 1px solid lightgray;
}

.myc-divider-section{
	width: 100%;
	margin-top: 6px;
	margin-bottom: 6px;
	border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
}

nav .brand-logo{    font-size: 20px;}
ul.dropdown-content{top: 56px!important;}
.dropdown-content li>a, .dropdown-content li>span {
font-size: 14px;color: #444;display: block;line-height: 22px;padding: 8px 14px;}
.dropdown-content li{ min-height: 30px; }

.dropdown-content li>a>i {color:{{app.colors_map[themebasiccolor]}}!important;}


nav ul a:hover { color: #ffffff ;background-color: {{app.colors_map[themebasiccolor]}} ;}
.dropdown-content li a:hover i{    color: #ffffff!important;}


nav i, nav [class^="mdi-"], nav [class*="mdi-"], nav i.material-icons{font-size: 18px;}
nav ul a{font-size: 0.9rem;}
td, th{padding:.4em}
td:first-child , th:first-child{padding-left: 10px;}
.btn-floating.btn-small{width: 30px;height: 30px;}
.btn-floating.btn-small i {line-height: 30px;}
.btn.btn-small{padding: 0px 8px;font-size: 12px;height: 28px;line-height: 30px;}
.btn.btn-small i{font-size:1rem;}
.btn.btn-small{padding: 0px 8px;font-size: 12px;height: 28px;line-height: 30px;}
.btn.btn-small i{font-size:1rem;}
.btn.btn-medium{padding: 4px 14px;font-size: 16px;height: 38px;line-height: 30px;}
.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}
.card .card-content{    padding: 12px 24px;}
.collapsible-header {border-radius:4px;}
.collapsible-header span{font-size: 1.1rem;margin-left: 10px;}
.collection {border:none;font-size: 0.9rem;}
.collection .collection-item{padding: 8px 10px;}
.collection .collection-item {}
.collapsible-header.active span, .collapsible-header.active i{color:#fff;}
span.badge.new:after {content: "";}

 #loader-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}
 #loader-wrapper .loader-section{position:fixed;top:0;width:51%;height:100%;background:#000;z-index:1000;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}#loader-wrapper .loader-section.section-left{left:0}
 #loader-wrapper .loader-section.section-right{right:0}
 #loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#3498db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;z-index:1001}
 #loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#e74c3c;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}
 #loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f9c922;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}
 #loader-logo{display:block;position:absolute;left:48%;top:46%;background:url("http://support.makeyourcloud.com/themes/default/assets/img/logo-myc.png") no-repeat center center;z-index:1001}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}

.card:hover {box-shadow: 0 1px 5px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);}
.card .header {color: #555;padding: 0 0 10px 0;position: relative;box-shadow: none;margin-bottom: 0;border-radius: 0;}
.card .header h2 {margin: 0;font-size: 16px;font-weight: normal;color: #111;
	text-transform: uppercase;text-align: left;padding: 5px;border-bottom:1px solid #ddd;}
.card .header h2 i{color: #707070;vertical-align: bottom;font-size: 20px;}


.btn i{color: white !important;}

.black, .black i, .red, .red i, .blue, .blue i,.green, .green i, .brown, .brown i, .indigo, .indigo i, .purple, .purple i, .deep-purple,
 .deep-purple i, .blue-grey, .blue-grey i, .pink, .pink i, .teal, .teal i, .deep-orange, .deep-orange i{	color: white !important;}
.yellow, .yellow i,   .light-blue, .light-blue i, .cyan, .cyan i,  .light-green, .light-green i, .lime, .lime i {color:rgba(0, 0, 0, 0.54)!important;}

	   
.pagination li.active .page{background-color: {{app.colors_map[themebasiccolor]}};}

.user-image{    float: right;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-left: 10px;
    margin-top: 10px;}

	      .mycloader{
		      position: fixed;
		      top: 0;
		      left: 0;
		      bottom: 0px;
		      height: 100%;
		      width: 100%;
		      z-index: 99999;
		      background-color: black;
		      opacity: 0.7;
	      }
	      .mycloader > div{
		      left: 45%;
	      }
	      .side-nav li a i{
		      line-height: 64px;
	      }
	      
	      .side-nav li{
		      padding: 0px;border-bottom: 1px solid rgba(0,0,0,0.22);border-left:4px solid #fff;
	      }
	      .side-nav li.diff {border-left: 4px solid {{app.colors_map[themebasiccolor]}}!important ;}

	      .brand-logo i, .button-collapse i {
		      line-height: 52px !important;
		      height: 52px !important;
	      }
	      
	      .side-nav a {
		      padding: 0 12px !important;
	      }
	      .side-nav li a i{
		      margin: 0px !important;
	      }
	      
		  .side-nav li.active a, {
			    color: #ffffff;
		  }
          .side-nav li.active a i {color: {{app.colors_map[themebasiccolor]}} !important;}

		  

div.material-table table tbody tr:hover {    background-color: rgba({{app.colors_map_rgb[themebasiccolor]}},0.2); }

.chip i {
    cursor: pointer;
    font-size: 16px;
    line-height: 32px;
}

.chip i.left {
    float: left;
    margin-right: 8px;
}
.chip i.right {
    float: right;
    padding-left: 8px;
}

.chip.brown, .chip.brown i{
	color: #fff;				
}				
				

input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid {{app.colors_map[themebasiccolor]}};
    box-shadow: 0 1px 0 0 {{app.colors_map[themebasiccolor]}};
}



/* Scrollbar tabs */
.tabs{    height: 100%;
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;}
.tabs::-webkit-scrollbar {    width: 4px;}
/* Track */
.tabs::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 10px;border-radius: 10px;}
/* Handle */
.tabs::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;border-radius: 10px;
    background: rgba({{app.colors_map_rgb[themebasiccolor]}},0.8);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.tabs .tab a{padding: 0 18px;    font-size: 12px;}
.tabs .tab a.active{    background-color: rgba(68, 68, 68, 0.16);}
.tabs .tab a .material-icons{line-height: inherit;}
/* Scrollbar myc */
.myc-responsive-container{
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;}
.myc-responsive-container::-webkit-scrollbar {    width: 4px;}
/* Track */
.myc-responsive-container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 10px;border-radius: 10px;}
/* Handle */
.myc-responsive-container::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;border-radius: 10px;
    background: rgba({{app.colors_map_rgb[themebasiccolor]}},0.8);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
/* Scrollbar side-nav */
.side-nav{
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;}
.side-nav::-webkit-scrollbar {    width: 10px;}
/* Track */
.side-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 10px;border-radius: 10px;}
/* Handle */
.side-nav::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;border-radius: 10px;
    background: rgba({{app.colors_map_rgb[themebasiccolor]}},0.8);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.material-tooltip{font-size:12px;}
div.material-table .table-title {font-size: 20px;color: #454545;}
small {font-size: 65%;}
html {color: rgba(69,69,69,0.87);}
div.material-table table tr{font-size:13px;}
div.material-table .table-header {    height: 100%;padding:0px;border-bottom:none;}
#list_div .card{background:transparent;box-shadow: 0 1px 3px rgba(0,0,0,0), 0 2px 2px rgba(0,0,0,0.1);}
#list_div .card:hover{box-shadow: none;}

/* Module title list view */
span.table-title{display: inline-block;padding: 10px 18px 0 30px;margin: 0;font-size: 17px;
    font-weight: 600;line-height: 30px;color: #6e6e6e;text-transform: uppercase;
    border: 0 solid rgba(0,0,0,0.12);border-bottom: 0;}
.table-title {background-color: #FFF;position: relative;width: auto;height: 35px;}
.table-title:after {position: absolute;top: 0;right: -12px;z-index: 1;display: block;width: 30px;height: 35px;
    background-color: #FFF;border-right: 0 solid rgba(0,0,0,0.12);
    content: " ";
    -webkit-transform: skewX(30deg);
    -moz-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    -o-transform: skewX(30deg);
    transform: skewX(30deg);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0), 1px 0 0 rgba(100,100,100,0.05);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0),1px 0 0 rgba(100,100,100,0.05);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,0),1px 0 0 rgba(100,100,100,0.05);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0),1px 0 0 rgba(100,100,100,0.05);
    box-shadow: 0 1px 3px rgba(0,0,0,0), 1px 0 0 rgba(100,100,100,0.05);}
div.actions:before {position: absolute;top: 0;left: -15px;z-index: 1;
    display: block;width: 35px;height: 35px;background-color: #FFF;
    border-top: 0 solid rgba(0,0,0,0.12);border-left: 0 solid rgba(0,0,0,0.12);
    content: " ";
    -webkit-transform: skewX(30deg);
    -moz-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    -o-transform: skewX(30deg);
    transform: skewX(30deg);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0), -1px 0 0 rgba(100,100,100,0.05);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0),-1px 0 0 rgba(100,100,100,0.05);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,0),-1px 0 0 rgba(100,100,100,0.05);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0),-1px 0 0 rgba(100,100,100,0.05);
    box-shadow: 0 1px 3px rgba(0,0,0,0), -1px 0 0 rgba(100,100,100,0.05);}
div.actions {padding-right: 15px;padding-left: 30px;background-color: #fff;
    border-top: 0 solid rgba(0,0,0,0.12);border-right: 0 solid rgba(0,0,0,0.12);}
div.actions {position: absolute;top: 0;right: 0;margin: 0;line-height: 30px;}
/* DASHBOARD */
.chart-card{padding: 20px;height: 280px;overflow-y: auto;}
    /* Scrollbar chart-card */
.chart-card{
    scrollbar-face-color: #367CD2;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;}
.chart-card::-webkit-scrollbar {    width: 10px;}
/* Track */
.chart-card::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);-webkit-border-radius: 10px;border-radius: 10px;}
/* Handle */
.chart-card::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;border-radius: 10px;
    background: rgba({{app.colors_map_rgb[themebasiccolor]}},0.8);-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }
.table-title-dash{ background-color: #FFF;position: relative;width: 220px;height: 35px;}
.table-title-dash:after {position: absolute;top: 0;right: -12px;z-index: 1;display: block;
    width: 30px;height: 35px;background-color: #FFF;border-right: 0 solid rgba(0,0,0,0.12);
    content: " ";
    -webkit-transform: skewX(30deg);
    -moz-transform: skewX(30deg);
    -ms-transform: skewX(30deg);
    -o-transform: skewX(30deg);
    transform: skewX(30deg);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0), 1px 0 0 rgba(100,100,100,0.05);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0),1px 0 0 rgba(100,100,100,0.05);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,0),1px 0 0 rgba(100,100,100,0.05);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0),1px 0 0 rgba(100,100,100,0.05);
    box-shadow: 0 1px 3px rgba(0,0,0,0), 1px 0 0 rgba(100,100,100,0.05);}
.table-title-dash h6{display: inline-block;padding: 8px;margin: 0;font-size: 16px;font-weight: 600;
    line-height: 30px;color: #6e6e6e;text-transform: uppercase;}

.flow-text{font-weight:300}@media only screen and (min-width: 360px){.flow-text{font-size:1rem}}@media only screen and (min-width: 390px){.flow-text{font-size:1.024rem}}@media only screen and (min-width: 420px){.flow-text{font-size:1.048rem}}@media only screen and (min-width: 450px){.flow-text{font-size:1.072rem}}@media only screen and (min-width: 480px){.flow-text{font-size:1.096rem}}@media only screen and (min-width: 510px){.flow-text{font-size:1.12rem}}@media only screen and (min-width: 540px){.flow-text{font-size:1.144rem}}@media only screen and (min-width: 570px){.flow-text{font-size:1.168rem}}@media only screen and (min-width: 600px){.flow-text{font-size:1.192rem}}@media only screen and (min-width: 630px){.flow-text{font-size:1.216rem}}@media only screen and (min-width: 660px){.flow-text{font-size:1.24rem}}@media only screen and (min-width: 690px){.flow-text{font-size:1.264rem}}@media only screen and (min-width: 720px){.flow-text{font-size:1.288rem}}@media only screen and (min-width: 750px){.flow-text{font-size:1.312rem}}@media only screen and (min-width: 780px){.flow-text{font-size:1.336rem}}@media only screen and (min-width: 810px){.flow-text{font-size:1.36rem}}@media only screen and (min-width: 840px){.flow-text{font-size:1.384rem}}@media only screen and (min-width: 870px){.flow-text{font-size:1.408rem}}@media only screen and (min-width: 900px){.flow-text{font-size:1.432rem}}@media only screen and (min-width: 930px){.flow-text{font-size:1.456rem}}@media only screen and (min-width: 960px){.flow-text{font-size:1.48rem}}@media only screen and (max-width: 360px){.flow-text{font-size:1rem}}

.kanbanclosed{max-width: 80px;height: 250px;background-color: {{app.colors_map[themebasiccolor]}};color:#fff;    padding: 15px!important;}
.kanbanclosed li{display: none;}
.kanbanclosed h5{ transform: rotate(90deg);white-space: nowrap; /* transform: rotate(90deg);width:8px;word-wrap: break-word;white-space:pre-wrap;text-align: center;margin: 20px;*/}
.kanbanlabel{font-size: 20px;margin: 30px 0px;}
.btnview{
    border: 1px solid transparent;
    border-bottom: 2px solid {{app.colors_map[themebasiccolor]}}!important;}



.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url({{app.config.app_url}}/app/themes/default/resources/images/gears.gif) center no-repeat #fff;
    opacity: 0.7;}


.black, .black i, .brown, .brown i, .indigo, .indigo i, .purple, .purple i, .deep-purple,
 .deep-purple i, .blue-grey, .blue-grey i, .pink, .pink i, .teal, .teal i, .deep-orange, .deep-orange i{	color: white ;}
.yellow, .yellow i,  .red, .red i, .blue, .blue i, .light-blue, .light-blue i, .cyan, .cyan i, .green, .green i, .light-green, .light-green i, .lime, .lime i {color:rgba(0, 0, 0, 0.54);}


.general-settings-tab hr {  border-top: 1px solid #8c8b8b;  text-align: center;}
.general-settings-tab hr:after {
  content: '§';
  display: inline-block;
  position: relative;
  top: -14px;
  padding: 0 10px;
  background: #fff;
  color: #8c8b8b;
  font-size: 18px;
  -webkit-transform: rotate(60deg);  -moz-transform: rotate(60deg);  transform: rotate(60deg);}

.side-nav {box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.4), 0px -2px 6px 0px rgba(0,0,0,0.4);}
.titleEllipsis{display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}


@media screen and (max-width: 767px) {
div.actions:before{display:none;}
.table-title:after{display:none;}
div.material-table .table-header .actions{padding-top: 10px;;}
.table-header{height: 150px!important;    background: #fff;}
.bodyContent div:last-child.col {margin-bottom: 50px;}
ul.dropdown-content{min-width: 160px;left: 150px!important;}}

.progress {background: {{app.colors_map[themebasiccolor]}} ; height: 20px;    margin: 7px 1px;}


/* .invalid class prevents CSS from automatically applying */
input .invalid, select .invalid, textarea.invalid {
  background: #BE4C54;
}
 

.error-toast{
		background-color: red;
}

</style>