@import url(font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Lato:300,700");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,cyrillic"); 
@import url('https://fonts.googleapis.com/css2?family=Commissioner:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap"); 
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap"); 
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@100;200;300;400;500;600;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@400;700&display=swap');

:root {
	--blue-a: #0095ff;
	--blue: #36f;
	--blue-grad-0:#006fd6;
	--blue-grad-1: #0057c2;
	--red:#ff3d71;
	--green:#00d68f;
	--yellow:#fa0;
	--black:#333;
	--gray-icon:#919db5;
	--lightgray-icon:#c5cee0;
	--light50gray:#c5cee080;
	--light75gray:#c5cee048;
  }
  .img-selected{
	  border: 2px solid var(--blue-a);
  }
  .img-theme:hover{
	  border:1px solid var(--green);
  }

/* @font-face {

	font-family: 'Comissioner';
	src: url('Commissioner-VariableFont_wght.ttf') format('ttf supports variations');
       
	font-weight: 100 1000;
	font-stretch: 25% 151%;
} */



/* @font-face {
    font-family: 'MADE TheArtist Script';
    src: local('MADE TheArtist Script'), local('MADETheArtistScript'), url('https://hb.bizmrg.com/fonts/madetheartistscript/400.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/madetheartistscript/400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Thin'), local('Exo2-Thin'), url('https://hb.bizmrg.com/fonts/exotwo/100.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/100.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Thin Italic'), local('Exo2-ThinItalic'), url('https://hb.bizmrg.com/fonts/exotwo/100i.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/100i.woff') format('woff');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Extra Light'), local('Exo2-ExtraLight'), url('https://hb.bizmrg.com/fonts/exotwo/200.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/200.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Extra Light Italic'), local('Exo2-ExtraLightItalic'), url('https://hb.bizmrg.com/fonts/exotwo/200i.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/200i.woff') format('woff');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Light'), local('Exo2-Light'), url('https://hb.bizmrg.com/fonts/exotwo/300.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/300.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Light Italic'), local('Exo2-LightItalic'), url('https://hb.bizmrg.com/fonts/exotwo/300i.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/300i.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2'), local('Exo2-Regular'), url('https://hb.bizmrg.com/fonts/exotwo/400.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/400.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Italic'), local('Exo2-Italic'), url('https://hb.bizmrg.com/fonts/exotwo/400i.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/400i.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Medium'), local('Exo2-Medium'), url('https://hb.bizmrg.com/fonts/exotwo/500.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/500.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Medium Italic'), local('Exo2-MediumItalic'), url('https://hb.bizmrg.com/fonts/exotwo/500i.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/500i.woff') format('woff');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Semi Bold'), local('Exo2-SemiBold'), url('https://hb.bizmrg.com/fonts/exotwo/600.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/600.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Semi Bold Italic'), local('Exo2-SemiBoldItalic'), url('https://hb.bizmrg.com/fonts/exotwo/600i.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/600i.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Bold'), local('Exo2-Bold'), url('https://hb.bizmrg.com/fonts/exotwo/700.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/700.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Bold Italic'), local('Exo2-BoldItalic'), url('https://hb.bizmrg.com/fonts/exotwo/700i.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/700i.woff') format('woff');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Extra Bold'), local('Exo2-ExtraBold'), url('https://hb.bizmrg.com/fonts/exotwo/800.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/800.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Extra Bold Italic'), local('Exo2-ExtraBoldItalic'), url('https://hb.bizmrg.com/fonts/exotwo/800i.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/800i.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Black'), local('Exo2-Black'), url('https://hb.bizmrg.com/fonts/exotwo/900.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/900.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Exo 2';
    src: local('Exo 2 Black Italic'), local('Exo2-BlackItalic'), url('https://hb.bizmrg.com/fonts/exotwo/900i.woff2') format('woff2'), url('https://hb.bizmrg.com/fonts/exotwo/900i.woff') format('woff');
    font-weight: 900;
    font-style: italic;
} */

/*
	Drift by Pixelarity
	pixelarity.com @pixelarity
	License: pixelarity.com/license
*/


/*.pagination>.active>a, .pagination>li>span
{
    background-color:rgb(254, 179, 0);
    color:#100b0b
}

.pagination>li>a, .pagination>li>span
{
    background-color:rgb(0, 176, 221);
    color:#ffffff
}*/

.uib-time input {
    width: 21px;
    padding: 0;
    height: 21px;
    font-size: 10px;
    font-weight: 600;
}

.uib-time > .btn-default {
    padding: 0;
    height: 21px;
    width: 23px;
    margin-left: 3px;
    font-size: 10px;
    font-weight: 600;
    position: relative;
    bottom: 1px;
}

.uib-separator {
    font-weight: 600;
}

.uib-increment > .btn-link, .uib-decrement > .btn-link {
    padding: 0;
}
.btn-group {
    display: inline-flex;
}
.btn-group > .btn {
    /*border: 2px solid #5dcfe3 !important;*/
    color: #c5cee0;
     font-size:16px;
    font-weight:600;
    padding: 7px !important;
    height: 34px !important;
}

    .btn-group > .btn:first-child {
        margin-left: 0;
        border-radius: 2px 0 0 2px !important;
    }

    .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
        border-radius: 0 2px 2px 0 !important;
    }
.button.readteal{
	color: #ffcccc;
	font-size: 14px;
}
.button.whiteteal{
	font-size: 14px;
	border: solid 1px transparent!important;
}
.button.readteal.active{
    color: var(--red);
    font-size:14px;
    font-weight:600;
    border-color: transparent !important;
}
.button.whiteteal.active {
    color: var(--blue);
    font-size:14px;
    font-weight:600;
    border-color: transparent !important;

    box-shadow:none!important;
}
.panel-heading a:after{
	color:#333333;
    font-size: 10px;
}
.panel-heading.setngs{
	padding:20px 25px;
}
.panel-group.setngs{
	box-shadow: 0 0.5rem 1rem 0 rgba(44,51,73,.1);
	margin-bottom: 30px;
}
.panel-group .panel+.panel{
	margin-top: 1px!important;
}
.panel.panel-default{
	margin-top: 0;
}
.panel-title.settings-panel{
	font-size:15px;
	font-weight: 600!important;
}
.panel-title.settings-panel a{
	border:0;
}
.panel-title.settings-panel a:hover{
	color:unset;
	text-decoration: none;
	cursor: pointer;
}
.sh_b {
    left:0!important;
    background: var(--blue-a);
    width: 100% !important;
}
.sh_r {
    left: 0 !important;
    background: var(--red);
    width: 100% !important;
}
.sh_gr {
    left: 0 !important;
    background: rgba(128, 128, 128, 0.5);
    width: 100% !important;
}

.sh_wh {
    left: 0 !important;
    background: rgba(255, 255, 255, 0.5);
    width: 100% !important;
}

.speed_green {
   background:rgba(125, 255, 153, 0.57);
}
.speed_red {
    background: rgba(255, 125, 131, 0.57);
}

.modal-footer.userResp {
    margin-top: 250px;
}

th.rotate {
  /* Something you can count on */
  height: 200px;
  white-space: nowrap;
 
}
.panel-body.settings{
	padding-left: 24px;
} 
th.rotate > div {
  transform: 
    /* Magic Numbers */
    rotate(270deg)
    translate(-150px,0);
    /* 45 is really 360 - 45 */
    
  width: 30px;
  
}
    
th.rotate > div > span {
  /*border-bottom: 1px solid #ccc;*/
   
  /*padding: 5px 10px;*/
}

.round-badge {
    border-radius: 10px !important;
    width:20px;
}



.label-fg-red {
    color: rgb(255,33,111)!important;
    background-color: transparent;
}
.label-fg-brown {
    color: rgb(182,65,18) !important;
    background-color: transparent;
}
.label-fg-yell {
    color: rgb(180,108,32) !important;
    background-color: transparent;
}
.label-fg-yellow {
    color: var(--yellow) !important;
    background-color: transparent;
}
#mainTableHead0 th{
	border-bottom-color: transparent;
}
.cbp-spmenu span {
    display: block;
    color: #a9b2c4;
    font-size: 1.4em;
    font-weight: 700;
    padding-top: 1.8em;
}
.cbp-spmenu.videoOpen{
	width: 900px!important;
}
.label-fg-gr {
    color: rgb(83,132,98) !important;
    background-color: transparent;
}
.label-fg-lgray {
    font-weight: 500!important;
    font-style: italic;
    color: var(--gray-icon) !important;
    background-color: transparent;
}
.label-def {
    color: var(--gray-icon) !important;
    padding: .2em .1em .3em;
    background-color: transparent;
}
.label-fg-green {
    color: var(--green)!important;
    background-color: transparent;
}
.label-fg-lime {
    color: rgb(0,190,131)!important;
    background-color: transparent;
}
.label-fg-blu {
    color: rgb(0,110,247) !important;
    background-color: transparent;
}
.label-fg-lblu {
    color: rgb(0,155,249) !important;
    background-color: transparent;
}
.label-fg-viol {
    color: rgb(188,96,173) !important;
    background-color: transparent;
}

.label-badge-red{
	background-color: var(--red);
	color: white;
}
.label-badge-yellow{
	background-color: var(--yellow);
	color: white;
}

.label-badge-ff0 {
    background-color: rgb(180,108,32) /*#c3c300*/
}
.label-badge-f0f {
    background-color: #ff00ff
}
.label-badge-0ff {
    background-color: #00ffff
}
.label-badge-00f {
    background-color: #0000ff
}
.label-badge-0f0 {
    background-color: rgb(0,190,131) /*#00ff00*/
}

.label-badge-green {
    background-color: var(--green) /*#00ff00*/
}
.label-badge-f00 {
    background-color: rgb(255,33,111)/*#ff0000*/
}
.label-badge-700 {
    background-color: #770000
}
.label-badge-070 {
    background-color: #007700
}
.label-badge-007 {
    background-color: #000077
}
.label-badge-077 {
    background-color: #007777
}
.label-badge-707 {
    background-color: #770077
}
.label-badge-770 {
    background-color: #777700
}
.label-badge-777 {
    background-color: #777777
}

.control-label.for-filter{
    /*width:100%;*/
    text-align:left;
    padding-right:0;
}
.button.for-filter{
    padding:1px 6px;
}
.no-animate {
   -webkit-transition: none !important;
   transition: none !important;
}

 .form-control-imi {
                        background-color: #eee;
                        opacity: 1;
                        color: rgb(253, 195, 71);
                        font-size: 14px;
                        font-weight: bold;
                        max-width: 400px;
                        min-width: 100px;
                        width: 100%;
                        display: inline-block;
                        /*width: 70%;*/
                        height: 28px;
                        padding: 6px 12px;
                        font-size: 14px;
                        line-height: 1.42857143;
                        color: rgb(253, 195, 71);
                        background-color: #eee;
                        background-image: none;
                        border: 1px solid #ccc;
                        border-radius: 4px;
                        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
                        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                        margin: 5px 0;
                    }

.slide {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.slide.ng-enter,
.slide.ng-leave {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.slide.ng-enter {
    left: 100%;
}
.slide.ng-enter-active {
    left: 0;
}
.slide.ng-leave {
    left: 0;
}
.slide.ng-leave-active {
    left: -100%;
}

.animation {
  -webkit-transition: 1s;
}

.animation.ng-enter {
  opacity: 0;
}

.animation.ng-leave {
  opacity: 1;
}

.animation.ng-enter.ng-enter-active {
  opacity: 1;
}

.animation.ng-leave.ng-leave-active {
  opacity: 0;
}

.animate-enter, .animate-leave {
  -webkit-transition:all 2s ease;
  -moz-transition:all 2s ease;
  -o-transition:all 2s ease;
  transition:all 2s ease;
  position:absolute;
  
}

.animate-enter {
    left: -100%;
}

.animate-enter.animate-enter-active {
    left: 0;
}

.animate-leave {
    left: 0;
}

.animate-leave.animate-leave-active {
    left: 100%;
}

.sto{
    width:100%;
}

 .form-control {font-size: 12px;}



.panel-heading a:after {
    font-family: "Font Awesome 5 Free";
    content:"\f054";
    float: right;
    color: grey;
	margin-top: 11px;
}
.panel-heading a.collapsed:after {
    content:"\f078";
}


.form-control.ng-invalid{
	/* background-color:#ffc1c1;  */
	border-color:var(--red)!important ;
}

.form-control.date{
    color: var(--blue);
    font-size: 14px;
    max-width: 200px;	
}

.form-control.money {
    color: var(--blue); /*rgb(253, 195, 71);*/
    font-size: 14px;
    font-weight: bold;
    /*max-width: 200px;*/
}

.form-control.yesno{
    color: rgb(253, 195, 71);
    font-size: 14px;
    font-weight: bold;
    max-width: 30px;	
}

.form-control.filter{

    max-width: 200px;	
}

small.date {
    color: var(--blue-a); /*#06B6D6*/;
    font-size: 14px;
}

small.money {
    color: var(--blue); /*rgb(0, 111, 161);*/ /*rgb(253, 195, 71);*/
    font-size: 16px;
    font-weight: bold;
}

td.Red{
    background-color: var(--red);
}
td.Green{
    background-color: var(--green);
}
td.Gray{
    background-color: rgba(22, 50, 19, 0.31);
}

td.Yellow{
    background-color: var(--yellow)
}
td.Blue{
    background-color: var(--blue-a);
}

small.Yellow{
    color: #bf0101;
}

small.Red{
    color: rgb(239, 93, 93);
}

small.Green{
    color: #2D882D;
}


li.Yellow{
    color: #bf0101;
    background-color: rgba(236, 255, 19, 0.44);
}

li.Green{
    color: #2D882D;
    background-color: rgba(22, 255, 19, 0.31);
}
li.Gray{
    color: #000000;
    background-color: rgba(22, 50, 19, 0.31);
}
input.fld_name_edit {
    font-size: 12px;
    padding: 0px 0px 0px 2px;
    margin: 0px;
    height:17px;
}
i.add_field {
    /*background: #a5a5a5;*/
    right: 10px;
    padding: 1px 1px;
    color: rgba(85,224,0,0.34);
    position: absolute;
}
.row.main_dlg_row{
	margin: 0px 0 0em -16px;
}
.modal-header.min_dlg_header{
	margin-left: 12px;
    margin-top: 6px;
}
i.edit_field {
    /*background: #a5a5a5;*/
    margin-left: 2px; 
    padding: 1px 1px;
    color: rgba(85,224,0,0.34);
    position: absolute;
}
.stage-loose{
	/* background-color: red; */
    
	height: 50px!important;
	width: 50%;
	float: left;

	position: absolute;
	bottom: 50px;
	left: 50px;
	color: var(--red);

}
.stage-loose div{
	display: none;
}

.navdiv a.stage-loose:hover{
	color: var(--red)!important;
	background: transparent;
}
.navdiv a.stage-loose:hover i{
	color: var(--red)!important;
}
.stage-loose.selected-stage{
	color: var(--red)!important;
	background: transparent;
}
.stage-loose.selected-stage i{
	color: var(--red)!important;
}

.stage-loose span{
	display: none!important;
}
.navdiv a.stage-win:hover{
	color: var(--green)!important;
	background: transparent;
}
.navdiv a.stage-win:hover i{
	color: var(--green)!important;
}
.stage-win.selected-stage{
	color: var(--green)!important;
	background: transparent;
}
.stage-win.selected-stage i{
	color: var(--green)!important;
}
.stage-win{
	/* background-color: lime; */
	float: left;
	height: 50px!important;
	width: 50%;
	position: absolute;
	bottom: 50px;
	left: 0px;
	
}
.stage-win div{
	display: none;
}
.stage-win span{
	display: none!important;
}

i.del_field {
    /*background: #a5a5a5;*/
    margin-left: 20px;
    padding: 1px 1px;
    color: rgba(247,0,0,0.18);
    position: absolute;
}
i.lib_field_group {
    /*background: #a5a5a5;*/
    margin-left: 7px;
    padding: 1px 1px;
    color: rgba(247,0,0,0.18);
    position: absolute;
}
i.lib_field_tab{
	    /*background: #a5a5a5;*/
		right: 65px;
		margin-top: -28px;
		padding: 1px 1px;
		color: rgba(247,0,0,0.18);
		position: absolute;
		
}
.new-msg-glow {
   /* -webkit-box-shadow: 0px 0px 15px 5px rgba(255, 255, 19, 1);
    -moz-box-shadow: 0px 0px 15px 5px rgba(255, 255, 19, 1);
    box-shadow: 0px 0px 15px 5px rgba(255, 255, 19, 1);
    animation: pulse 2s infinite;*/
}
.btn.slidetop {
    width: 42px;
    height: 56px;
}
.btn.rght {
    border-radius: 0px 8px 8px 0px;
}
.btn.lft {
    border-radius: 8px 0px 0px 8px;
}
.to-chat {
    position: fixed;
    top: 50%;
    right: 0px;
    width: 45px!important;
    height: 45px!important;
    cursor: pointer;
    display: none;
    /*background: rgb(117,163,252); rgb(51,157,200);
    color: #ffffff;*/
    background: #a4abb3;
    color: #edf2f5;
}

    .to-chat .fa {
        margin-right: 5px;
    }
.to-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    display: none;
    /*background: rgb(117,163,252) ;
    color: #ffffff;*/
    background: white;
    color: #545454;
}
.to-menu .fa {margin-right: 5px;}

/* Basic */

  .share-wrapper {
        position: fixed;
        bottom: 15px;
        margin-left: -15px;
    }

    .share-dropdown-wrapper:hover {
        background: none;
    }

    .icon-material-share {
        border-radius: 100px;
        width: 62px;
        padding-left: 10px;
    }

    .share-ripple {
        border-radius: 100px;
    }
.greenrow {
    background: rgb(155,255,155)!important;
}
.badge
{
    background-color:#4843F1;
}

body {
    background: #edf1f7; /*#fff*/
    overflow-y: scroll;
}

    body.modal-open {
    overflow: hidden;
}

		body.is-loading * {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

	body, input, select, textarea {
		color: #646464;
		/*font-family: "Lato", Helvetica, sans-serif;*/
		/* font-family: 'Open Sans', sans-serif; */
		font-family: 'Commissioner',sans-serif;
		font-family: 'Noto Sans', sans-serif;
		font-size: 15pt;
		font-weight: 300;
		line-height: 1.75em;
	}

	a {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		color: #62bd83;
		text-decoration: none;
		border-bottom: dotted 1px;
	}

		a:hover {
			text-decoration: none;
			color: #598bff !important;
			border-bottom-color: transparent;
		}

	strong, b {
		color: #545454;
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}

	h1, h2, h3,  h5, h6 {
		color: #545454;
		font-weight: 700;
		line-height: 1em;
		margin: 0 0 1em 0;
		letter-spacing: -0.01em;
	}

	h4
	{
		color: #545454;
		font-weight: 700;
		line-height: 1em;
		
		letter-spacing: -0.01em;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h2 {
		font-size: 1.75em;
		line-height: 1.5em;
	}

	h3 {
		font-size: 1.25em;
		line-height: 1.5em;
	}

	h4 {
		font-size: 1.1em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border: 0;
		border-bottom: solid 1px rgba(144, 144, 144, 0.25);
		margin: 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	blockquote {
		border-left: solid 4px rgba(144, 144, 144, 0.25);
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-radius: 0.5em;
		border: solid 1px rgba(144, 144, 144, 0.25);
		font-family: "Roboto", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Roboto", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header p {
		color: #949494;
		position: relative;
		margin: 0 0 1.5em 0;
	}

	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
		line-height: 1.75em;
	}

	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.85em;
		line-height: 1.5em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
		margin-top: -0.75em;
		line-height: 1.5em;
	}

	header.major {
		text-align: center;
	}

		header.major h2 {
			font-size: 2.35em;
		}

		header.major p {
			margin: -1em 0 3.5em 0;
		}

/* Form */

	form {
		margin: 0 0 2em 0;
	}
    textarea.form-control.lower{
        margin-top:10px;
    }
	label {
		
		display: block;
		font-size: 12px;
		font-weight: 700!important;
		margin: 0 0 1em 0;
		color: var(--gray-icon);
   	  
	}

	/*input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(255, 255, 255, 0.4);
		border-radius: 0.5em;
		border: none;
		border: solid 1px rgba(255, 255, 255, 0.9);
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #62bd83;
			box-shadow: 0 0 0 1px #62bd83;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			content: '\f078';
			color: rgba(255, 255, 255, 0.25);
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}*/


	input[type="radio"] {
        margin:0px 0 0;
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		/*input[type="checkbox"] + label,*/
		input[type="radio"] + label {
			text-decoration: none;
			color: #646464;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 300;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			/*input[type="checkbox"] + label:before,*/
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			/*input[type="checkbox"] + label:before,*/
			input[type="radio"] + label:before {
				background: rgba(144, 144, 144, 0.075);
				border-radius: 0.5em;
				border: solid 1px rgba(144, 144, 144, 0.25);
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
			}

		/*input[type="checkbox"]:checked + label:before,*/
		input[type="radio"]:checked + label:before {
			background: #494d53;
			border-color: #494d53;
			color: #ffffff;
			content: '\f00c';
		}

		/*input[type="checkbox"]:focus + label:before,*/
		input[type="radio"]:focus + label:before {
			border-color: #62bd83;
			box-shadow: 0 0 0 1px #62bd83;
		}

	/*input[type="checkbox"] + label:before {
		border-radius: 0.5em;
	}*/

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	/*::-webkit-input-placeholder {
		color: #949494 !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #949494 !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #949494 !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #949494 !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #949494 !important;
		opacity: 1.0;
	}*/

/* Box */

	.box {
		border-radius: 0px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		margin-bottom: 2em;
		padding: 2em;
        background-color: rgb(0, 176, 221);
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

		.box.post {
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}

			.box.post .image:first-child {
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
				margin: -2em 0 2em -2em;
				width: calc(100% + 4em);
			}

				.box.post .image:first-child img {
					border-bottom-left-radius: 0;
					border-bottom-right-radius: 0;
				}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

/* Image */

	.image {
		border-radius: 0.5em;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			position: relative;
			border-radius: 0.5em;
			display: block;
		}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				display: block;
				width: 100%;
			}

/* List */

  .btn.smll{
          padding: 0 5px 0 5px;
  }
.button.smll {
	/* margin: 0px 10px 0px 10px; */
    padding: 0;
    font-size: 11px;
    border-style: none !important;
	border-width: 0!important;
	text-transform: lowercase!important;
}
	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		/*list-style: disc;*/
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		/*ul li {
			padding-left: 0.5em;
		}*/

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px rgba(144, 144, 144, 0.25);
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1.25em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0 !important;
				}

				ul.icons li .icon {
					border-radius: 0.5em;
					border: solid 1px rgba(144, 144, 144, 0.25);
					color: #949494 !important;
					display: inline-block;
					font-size: 1.25em;
					height: 2.75em;
					line-height: 2.75em;
					text-align: center;
					width: 2.75em;
				}

				ul.icons li a.icon {
					-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
				}

					ul.icons li a.icon:hover {
						background-color: rgba(144, 144, 144, 0.075);
					}

					ul.icons li a.icon:active {
						background-color: rgba(144, 144, 144, 0.2);
					}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

		ul.menu {
			line-height: 1em;
			list-style: none;
			padding: 0;
		}

			ul.menu li {
				border-left: solid 1px rgba(144, 144, 144, 0.25);
				display: inline-block;
				margin-left: 1em;
				padding-left: 1em;
			}

				ul.menu li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

	dl {
		margin: 0 0 2em 0;
	}
.label-mobile-table{
	width:30%!important;
	text-align:left!important;
	margin-left:30px!important;
}
.form-control.mobile{
	padding: 3px 13px;
	height: 50px;
}
.alert.mobile-transp{
	border:none!important;
}
/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
        
	}
    button.lower{
        margin-top:10px;
    }
     button.upper{
        margin-bottom:10px;
    }
     .table-wrapper.lower{
    
        margin-top:10px;
      
    }
    .table-wrapper.uppper{
    
        padding-bottom:20px;
      
    }

table {
    /*margin: 0 0 2em 0;*/
    width: 100%;
    background: white !important;
}

		table tbody tr {
			border: solid 1px rgba(144, 144, 144, 0.25);
			border-left: 0;
			border-right: 0;
		}

  i.green{
      color:var(--green)
  }
  i.gray{
      color:var(--gray-icon)
  }
  i.gray:hover{
	  color: var(--black);
  }
  i.lightgray{
	color:var(--lightgray-icon)
  }
  i.lightgray:hover{
	color:var(--gray-icon)
  }

.megalodon-toast{
	margin:15px!important;
	font-size: 20px!important;
	padding: 15px;
	color: white!important;
}
.megalodon-toast.red{
	background: var(--red)!important;
}
.megalodon-toast.blue{
	background: var(--blue)!important;
}


table tbody tr:nth-child(2n + 1) {
    background-color: #f7f9fc;
}

            table tbody tr.my_green{
                 background-color:#2D882D !important;
             }
            table tbody tr.my_lightgreen{
                 background-color:#88CC88 !important;
             }
            table tbody tr.my_yellow{
                 background-color:#E5E52A !important;
             }
            table tbody tr.my_lightyellow{
                 background-color:#FFFF7E !important;
             }
            table tbody tr.my_orange{
                 background-color:#E5A72A !important;
             }
            table tbody tr.my_lightorange{
                 background-color:#FFD47E !important;
             }
            table tbody tr.my_red{
                 background-color:#E5542A !important;
             }
            table tbody tr.my_lightred{
                 background-color:#FF9B7E !important;
             }
            table tbody tr.my_violet{
                 background-color:#B82176 !important;
             }
            table tbody tr.my_lightviolet{
                 background-color:#D86AA8 !important;
             }
            table tbody tr.my_blue{
                 background-color:#2F359F !important;
             }
            table tbody tr.my_lightblue{
                 background-color:#91b7fd7d !important;
             }


             table tbody tr td.bold{
                 font-weight: bolder;
             }




table tbody tr.settings_red {
    background-color:rgba(162, 3, 3,0.51) !important;


}

            table tbody  tr.red{
                /*background-color:rgba(239, 93, 93,0.36) !important;*/
                /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff3c2b+0,ff1a00+100&1+0,0+26 */
 background: var(--red);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3c2b', endColorstr='#00ff1a00',GradientType=0 ); /* IE6-9 */
 background-attachment:fixed;
             }
   
             table tbody tr.green{
                 background-color:  rgba(0, 255, 107, 0.1) !important;
             }
       
            table tbody  tr.lightgreen{
                 background-color:rgba(0, 255, 96, 0.2) !important;
             }
            
     
            table tbody  tr.yellow{
               /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffbb00+0,ff7400+100&1+0,0+26 */
background: var(--yellow);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb00', endColorstr='#00ff7400',GradientType=1 ); /* IE6-9 */
 background-attachment:fixed;
             }
            table tbody tr.yellowsimple {
                background-color: rgba(253, 233, 177,0.8)!important
			}
			table tbody tr.yellowsimple_important {
                background-color: rgba(253, 233, 177,0.8)!important
			}
			table tbody tr.greensimple {
                background-color: rgba(120, 255, 177,0.8)!important
			}
			table tbody tr.graysimple {
                background-color: rgba(50, 50, 50,0.1)!important
			}
		
             table tbody  tr.gray{
                 background-color:rgba(86, 86, 86, 0.00);
             }

			table tbody  tr.blockeduser{
				background-color:var(--light50gray-icon);
			}

			 


table tbody tr.lblue {
    background-color: rgba(0, 155, 259, 0.19) !important;
}
table tbody tr.lred {
    background-color: rgba(255, 35, 111, 0.19) !important;
}
table tbody tr.lgreen {
    background-color: rgba(0, 216, 151, 0.19) !important;
}
table tbody tr.lorange {
    background-color: rgba(255, 164, 51, 0.19) !important;
}


table tbody tr:hover {
    background-color: #e6f3ff /*rgba(153,223,241,0.5)*/ !important;
}

.fullscreentable{
	position: fixed;
    top: 0px;
    left: -23px;
}
.active_crnruk{
	color: var(--yellow);
}
table.alt thead th.repgray{
	background-color:rgba(191, 191, 191, 0.36)!important;
}
table tbody  tr td.repgray{
	background-color:rgba(191, 191, 191, 0.36)!important;
}
table tbody  tr td.replightgreen{
	background-color:rgba(163, 206, 150, 0.36)!important;
}
table.alt thead th.replightgreen{
	background-color:rgba(163, 206, 150, 0.36)!important;
}
table tbody  tr td.repgreen{
	background-color:rgba(0, 177, 92, 0.36)!important;
}
table.alt thead th.repgreen{
	background-color:rgba(0, 177, 92, 0.36)!important;
}
table tbody  tr td.replightred{
	background-color:rgba(255, 201, 175, 0.36)!important;
}
table.alt thead th.replightred{
	background-color:rgba(255, 201, 175, 0.36)!important;
}
table tbody  tr td.repred{
	background-color:rgba(255, 0, 0, 0.36)!important;
}
table.alt thead th.repred{
	background-color:rgba(255, 0, 0, 0.36)!important;
}
table tbody  tr td.lightred{
	background-color:rgb(255,60,60 ,0.27)!important;
}
table tbody  tr td.repblue{
	background-color:rgba(47, 119, 157, 0.36)!important;
}
table.alt thead th.repblue{
	background-color:rgba(47, 119, 157, 0.36)!important;
}

             table tbody  tr td.red{
                 background-color:rgba(250, 58, 58, 0.36)!important;
             }

                table tbody tr td.settings_red {
                    background-color:var(--red)!important;
				}
				table tbody tr td.settings_orr {
                    background-color:#FFBF40!important;
				}
				table tbody tr td.settings_ors {
                    background-color:var(--yellow)!important;
				}
				table tbody tr td.settings_grll {
                    background-color:#90F5D4!important;
				}
				table tbody tr td.settings_grl {
                    background-color:#6AEBC0!important;
				}
				table tbody tr td.settings_grr {
                    background-color:#3BEBB1!important;
				}
				table tbody tr td.settings_gr {
                    background-color:var(--green)!important;
                }
				table tbody tr td.gray{
					background-color:  rgba(151, 151, 151, 0.562) !important;
				}

				table tbody tr td.green{
					background-color:  rgba(0, 255, 107, 0.4) !important;
				}
				table tbody  tr td.lightgreen{
					background-color:rgba(0, 255, 96, 0.4) !important;
				}
				
				table tbody  tr td.yellow{
					background-color:#ffcf6f !important;
				}

				table tbody th td.green{
					background-color:  rgba(0, 255, 107, 0.4) !important;
				}
				table tbody  th td.lightgreen{
					background-color:rgba(0, 255, 96, 0.4) !important;
				}
				
				table tbody  th td.yellow{
					background-color:#ffcf6f !important;
				}

           

		/*table td {
			padding: 0.75em 0.75em;
		}*/
.button{
    outline:none;
}
table.uib-daypicker {
    outline: none;
}
table.uib-daypicker tbody tr {
    border: none;
    background-color: transparent;
}
.uib-left{
	border-color: transparent!important;
}
.uib-right{
	border-color: transparent!important;
}
.button.dpbutton{
	border-color: transparent!important;
    height: 33px!important;
    width: 43px!important;
	border-radius: 0!important;
	

}
.well-sm{
	padding: 0px!important;
}
.button.uib-right{
	border:none!important;
}
.button.uib-left{
	border:none!important;
}
.button.dpbutton span
{
	font-size: 12px;
	margin-top: -11px;
	position: absolute;
	margin-left: -7px;
}
.button.noborder{
	border-color: transparent!important;
}
.button.active{
	outline: none;
    box-shadow: 0 0 0 0.375rem rgba(143,155,179,.16);
}
.button.dpbutton:hover {
    /* background: #5dcfe3;
	color: #fff!important; */
	background-color: #f7f9fc;
    border-color: #f7f9fc;
    color: #222b45!important;
}
table.uib-daypicker tbody tr {

    background-color: transparent!important;
}
/* 
#voximplantlocalvideo{

	width: 348px!important;
	height: 300px!important;
	

} */
.default_small{
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 348px;
	height: 300px;
}
.big.default_small{
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 460px;
	height: 350px;
}
#messagesView.default_small{
	width: 330px;
    top: 50px;
    left: 17px;
    position: absolute;
}
#msgField.big{
	margin-top:10px!important;
}
#msgLineDiv.big{
	height: 520px;
	overflow-y: auto;
}
#buttons_board.default_small{
	position:absolute;
	text-align:center;
	top: 330px;
	left: 0px;
}
#voximplant_local_container.default_small{
	top: 28px;
	left: 1px;
	border-radius: 6px;
}
#voximplant_local_container.big.default_small{
	top: 180px;
	left: 1px;
	border-radius: 6px;
}

#buttons_board.big{
	position:absolute;
	text-align:center;
	top: 540px;
    left: 100px;
}
#msgLineDiv.default_small{
	height: 260px;
	overflow-y: auto;
}
#messagesView.big{
	width: 230px;
    top: 0px;
    left: 499px;
    position: absolute;
}

#voximplant_local_container.default_small video{
	width: 348px!important;
	height: 300px!important;
	border-radius: 6px;
}
#voximplant_local_container.big.default_small video{
	width: 460px!important;
	height: 350px!important;
	border-radius: 6px;
}
.novideo{

	background-image: url('../img/noise.png')!important;
	border-radius: 6px;
}
.audio{
	background-image: url('../img/mic.png')!important;
	border-radius: 6px;
    background-size: cover;
}
#voximplant_local_container.extra_small video{
	width: 100px!important;
	height: 75px!important;
    top: 225px;
    left: 240px;
	position: absolute;
	z-index: 10;
	border:1px solid white;
	border-radius: 6px;
}
#voximplant_local_container.big.extra_small video
{
	width: 140px!important;
    height: 110px!important;
    top: 59px;
	left: 160px;
	position: absolute;
	z-index: 10;
	border:1px solid white;
	border-radius: 6px;
}
#chat_window.big.default_small{
	margin-right: 25px;
    margin-left: 40px;
    margin-top: 14px;
    margin-bottom: 25px;
}
#chat_window.default_small{
	margin-right: 10px;
	margin-left: 20px;
	position:absolute;
	width: 350px;
	right: 0px;
	height:400px;
	margin-top: 10px;
}
/* #voximplant_remote_container.default_small {
	background-image: url('../img/noise.png');
} */

.maximized_child_table{
	position: absolute;
    width: 100vw;
    z-index: 1000;
    left: -200px;
    top: -200px;
}
.attach{
    height: 70px;
    font-size: 12px;
	background: rgba(143,155,179,0.16);
	border:1px solid rgba(143,155,179,0.24);
    padding: 5px;
    border-radius: 4px;
    margin: 3px;
}
.attach_type{
	border-radius: 4px;
	font-size: 12px;
    font-weight: 800;
    color: white;
    padding: 1px;
    width: 50px;
	height: 17px;
	position: absolute;
	bottom: 6px;
	
}
.attach_red{
	background: var(--red)
}
.attach_yellow{
	background:var(--yellow);
	color: var(--black)!important;
}
.attach_blue{
	background: var(--blue)
}
.attach_green{
	background: var(--green)
}
.dlg_with_max_table{
	overflow: unset!important;
}
.dlg_max_table{
    left: -200px;
    width: 100vw;
    top: -300px;
    position: absolute;
    z-index: 1000;
}

#communications-menu{
	border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
}

#communications-menu.default{
	height: 410px;
    width: 387px;
    top: calc(100vh - 410px);
}
#communications-menu.big{
	height: 635px;
    width: 800px;
    top: calc((100vh - 635px)/2);
    left: calc((100vw - 800px)/2);
}
#voximplant_remote_container.default_small video{
	width: 348px!important;
	height: 265px!important;
	border-radius: 6px;
	
}
#voximplant_remote_container.big.default_small video{
	width: 460px!important;
	height: 350px!important;
	border-radius: 6px;
	
}
#main_video_board.big{
	margin-top: 135px;
	height: 347px!important;
	width: 462px;
	border-radius: 6px;
}
#voximplant_remote_container.default_small 
{
	top: 46px;
	border-radius: 6px;
}
#voximplant_remote_container.big 
{
	top: 180px;
	border-radius: 6px;
}

#voximplant_remote_container.extra_small video{
	width: 100px!important;
	height: 75px!important;
    top:225px;
    left: 240px;
	position: absolute;
	z-index: 10;
	border:1px solid white;
	border-radius: 6px;
}
#voximplant_remote_container.big.extra_small video{
	width: 140px!important;
    height: 110px!important;
    top: 59px;
    left: 160px;
	position: absolute;
	z-index: 10;
	border:1px solid white;
	border-radius: 6px;
}
#background_video.hidden{
	display:none;
}
#background_video.shown{
	display:block;
}

		table thead {
            border-bottom: solid 1px rgba(153, 153, 153, 0.6);
		}

		table tfoot {
			border-top: solid 2px rgba(144, 144, 144, 0.25);
		}

		table.alt {
			/* border-collapse: separate;
			border: 1px solid #e4e9f2; */
		}

            table.alt tbody tr td {
                border: 1px solid #edf1f7;
                border-left-width: 0;
                border-top-width: 0;
                vertical-align: middle;
                padding: .875rem 1.25rem;
            }

                table.alt tbody tr td.cnd {
                    padding: 1px;
                }

                table.alt tbody tr td.whi {
                    background: white;
                }

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

            table.alt thead {
                border-left: solid 1px rgba(153, 153, 153, 0.6);
                border-top: solid 1px rgba(153, 153, 153, 0.6);
            }

            table.alt tr.headclass td {
               
                background-color: rgba(51,157,200,0.25);
                font-size: 1em;
                font-weight: 300;
                letter-spacing: 1px;

            }
            table.alt thead th.transp {
                background: transparent;
            }

            table.alt thead th {
                color: #181818;
                /* background-color: rgb(0, 176, 221);*/
                /*#background-color:#62bd83;*/
                background-color: #ffffff; /*rgb(51,157,200);*/
                font-size: 1em;
                font-weight: 600;
                letter-spacing: 1px;
                /*padding: 0 0.75em 0.75em 0.75em;*/
                text-align: center;
                /*  border: solid 1px #cdd5dc;rgba(255, 255, 255, 0.25);*/ 
                border-top-color: #edf1f7;
                border-top-style: solid;
                border-top-width: 1px;
                border-right-color: #edf1f7;
                border-right-style: solid;
                border-right-width: 1px;
                border-bottom-color: #edf1f7;
                border-bottom-style: solid;
                border-bottom-width: 1px;
                border-left-color: #edf1f7;
                border-left-style: solid;
                border-left-width: 1px;
                border-image-source: initial;
                border-image-slice: initial;
                border-image-width: initial;
                border-image-outset: initial;
                border-image-repeat: initial;
                vertical-align: middle;
                padding: .875rem 1.25rem;
            }

            table.alt thead th.cnd {
                    padding: 1px;
            }

            table.alt thead.alt th {
                color: #181818;
                background-color: #ffffff; /*rgba(128, 216, 160, 1);*/
                font-size: 1em;
                font-weight: 300;
                letter-spacing: 1px;
                padding: 0 0.75em 0.75em 0.75em;
                text-align: left;
            }


			table.alt tfoot {
				border-top: 0;
			}

			table.alt.scale09{
				transform:scale(0.9);
			}
			table.alt.scale08{
				transform:scale(0.8);
			}
			table.alt.scale07{
				transform:scale(0.7);
			}
			table.alt.scale06{
				transform:scale(0.6);
			}

           
  small.green{
      color: rgb(0, 195, 0);
  }
  small.red{
      color: rgb(195, 0, 0);
  }
  small.blue{
      color: rgba(32, 114, 212, 0.89);
  }
.alert {
    border: 1px solid #e4e9f2 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}
.alert h4{
	margin-top: 19px!important;
    margin-bottom: 19px;
    margin-left: 5px;
    font-size: 15px;
}
#telephonyDlg{
	height: 200px;
    left: 290px;
    top: 130px;
}
.form-control {
    border: 1px solid #edf1f7 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}
.form-control.win{
	background-color:#3BEBB1 ;
}
.form-control.lose{
	background-color:var(--red) ;
}
.form-control.start{
	background-color:#42aaff ;
}
.form-control.none{
	background-color:rgba(143,155,179,.24) ;
}

.form-control.teleph{
	height: 60px;
	font-size: 30px;	
	text-align: center;
	background: transparent;
	background: transparent!important;
	border-color: transparent!important;
}
.form-control.teleph:hover{
	border-color: transparent!important;
}
.form-control.teleph:focus{
	border-color: transparent!important;
	box-shadow: none!important;
}


.form-control.intable{
	background: transparent;
	border:none;
	border-color: transparent!important;
}
    .form-control:focus {
        outline: 0 !important;
        outline: 0;
        border-color: #1a34b8!important;
        box-shadow: 0 0 0 0.375rem #e4e9f2!important;
    }
    .form-control:hover {
        border-color: #598bff!important;
    }
.nav-tabs {
    border-bottom: 1px solid rgba(153, 153, 153, 0.6) !important;
}
b, strong {
    font-weight: 400!important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight:600!important
}
.nav-tabs{
    border:0!important;
}

    .nav-tabs > li > a:hover {
        border-color: transparent !important;
        background-color: transparent !important;
        color: #598bff !important;
    }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        /*background-color: rgb(51,157,200)!important;*/
        background-color: transparent !important;
        border-radius: 0 !important;
        color: #598bff !important;
        border: 0 /*px solid rgba(153, 153, 153, 0.6)*/ !important;
        border-bottom-color: transparent !important;

        /*text-shadow: 0px 0px 20px rgb(0,153,245);*/
    }


        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus {

            color: var(--blue) !important;

		}
		.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
		{
			color: var(--blue);
		}

		.nav-tabs > li >a:hover::before 
		{
			position: absolute;
                content: '';
                width: 100%;
                height: 4px;
                border-radius: 3px;
                bottom: 0px;
                left: 0px;
                background-image: linear-gradient(to right,#598bff,#598bff);

		}

            .nav-tabs > li.active > a::before {
                position: absolute;
                content: '';
                width: 100%;
                height: 4px;
                border-radius: 3px;
                bottom: 0px;
                left: 0px;
                background-image: linear-gradient(to right,var(--blue),var(--blue));
            }


            .nav-tabs > li > a {
                color: var(--gray-icon) !important;
                font-size: 1.0em !important;
				border: 0 !important;
				text-transform: uppercase;
            }

			.sp_check_container {
				display: block;
				position: relative;
			    padding-right: 35px;
				margin-bottom: 12px;
				cursor: pointer;
				/* font-size: 22px; */
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			  }
			 /* label.sp_check_container{
				padding:0!important;
				margin: 0!important;
				width:22px!important; 
			 } */
			 .sp_check_container.tabl{
				 padding:0!important;
				 /* margin: 0!important; */
				 width:22px!important;
				 margin-right: auto;
				 margin-left: auto; 
			 }
			  
			  /* Hide the browser's default checkbox */
			  .sp_check_container input {
				/* position: absolute; */
				opacity: 0;
				cursor: pointer;
				height: 0;
				width: 0;
			  }
			  
			  /* Create a custom checkbox */
			  .sp_check_checkmark {
				position: absolute;
				top: 0;
				right: 0px;
				height: 20px;
				width: 20px;
				background-color: rgba(143,155,179,.08);
				border-radius: 3px;
				border-color:#8f9bb3 ;
				border: 1px solid;
			  }
			  .sp_check_checkmark.diz{
				background-color:rgba(119, 119, 119, 0.123)!important;
				border-color:#d6d6d6!important ;
			  }
			  
			  /* On mouse-over, add a grey background color */
			  .sp_check_container:hover input ~ .sp_check_checkmark {
				background-color: rgba(51,102,255,.16);
				border-color:var(--blue) ;
			  }
			  
			  /* When the checkbox is checked, add a blue background */
			  .sp_check_container input:checked ~ .sp_check_checkmark {
				background-color:var(--blue);
				border-color: var(--blue);
			  }
			  
			  /* Create the checkmark/indicator (hidden when not checked) */
			  .sp_check_checkmark:after {
				content: "";
				position: absolute;
				display: none;
			  }
			  
			  /* Show the checkmark when checked */
			  .sp_check_container input:checked ~ .sp_check_checkmark:after {
				display: block;
			  }
			  
			  /* Style the checkmark/indicator */
			  .sp_check_container .sp_check_checkmark:after {
				left: 6px;
				top: 4px;
				width: 6px;
				height: 8px;
				border: solid white;
				border-width: 0 3px 3px 0;
				border-radius: 1px;
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
			  }

/*.tab-content {
    border-left: 1px solid rgba(153, 153, 153, 0.6) !important;
    border-right: 1px solid rgba(153, 153, 153, 0.6) !important;
    border-bottom: 1px solid rgba(153, 153, 153, 0.6) !important;
    padding-bottom:5px;
}*/
.real-big{
	width: 90% !important;;
}
.modal-title {
    margin-top: 14px !important;
    margin-bottom: 9px !important;
    margin-left: 6px !important;
    line-height: 2 !important;
}

/* .panel-group {
    border: 1px solid rgba(153, 153, 153, 0.6) !important;
    border-radius: 0px !important;
} */
.panel-group {
    border: none !important;
    border-radius: 0px !important;
}
.panel-collapse {
  
    border-radius:0px!important;
}
.pagination > li > a, .pagination > li > span {
    background-color: rgb(117,163,252) /*rgb(51,157,200)*/ !important;
    border-radius: 0 !important;
}
.btn.spec {
    background-image: none !important;
    /*background-color: rgb(51,157,200) !important;*/
    border-radius:0!important;
}
.gantt-header-row .gantt-column-header{
    border-right:none!important;
}
.gantt-column-header,.gantt-row-label {
    background-color: white !important;
    font-size: 1em;
    font-weight: 600 !important;
    letter-spacing: 1px;
}
.gantt-task-background{
    border:none!important;
}
/*.gantt-row-odd {
    background-color: #f7f9fc;
}*/
.gantt-row-label {
    padding: 0 !important;
    text-align: left !important;
}
.gantt-row {
    border-top: 1px solid #edf1f7 !important;
}
.gantt-task-progress{
    background-color:rgba(7,224,224,0.33)!important;
}
.gantt-task-content {
    color: #fff;
}
.gantt-task-group{
	background:var(--blue-a)!important;
}
.gantt-task-section{
	border-radius: 5px!important;
}
.gantt-task-group-left-main, .gantt-task-group-right-main
{
	background:var(--blue-a)!important;
}

a.active1 {
	/* text-shadow: 0px 0px 20px #9399a9; */
	/* background-color: #c3cad899; */
    color: var(--blue)!important;
}
a.active1 i{
	color: var(--blue)!important;
}
a.active1 strong{
	color: var(--blue)!important;
}

.menu-link:hover i{
    color: #598bff !important;
}
.menu-link:hover strong{
    color: #598bff !important;
}

	

.button.transp {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--black) !important;
}

.button.gray.transp {
	border-color:transparent!important;
    background-color: transparent !important;
    background-image: none !important;
    color: #c5cee0 !important;
}

.button.gray.bordered {
	border-color:rgb(168, 168, 168)!important;
    background-color: transparent !important;
    background-image: none !important;
    color: #c5cee0 !important;
}

.alert.small_pad.tarif{
	background-color: #edf1f7!important;
    border-color: #edf1f7!important;
    color: #222b45!important;
}

.alert.small_pad.tarif:hover{
	background-color: #f7f9fc!important;
    border-color: #f7f9fc!important;
}

.alert.small_pad.tarif.selected-tarif{
	background-color: #e4e9f2!important;;
	border-color: #c5cee0!important;;
	box-shadow: 0 0 0 0.715rem #90f5d4!important;;
}

.alert.small_pad.tarif.selected-tarif:hover{
	background-color: #f7f9fc!important;
    border-color: #f7f9fc!important;
}
.alert.small_pad.tarif>.fas{
	color:var(--green) ;
	font-size: 30px;
}
.alert.small_pad.tarif>.far{
	color:#adadad ;
	font-size: 30px;
}

.button.gray.transp.active {

    background-color: rgba(143,155,179,.16)!important;

}
.icon-gray{
	color:#8f9bb3!important ;
}
.button.blue.transp {
	border-color:transparent!important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--blue) !important;
}
.button.lightblue.transp
{
	border-color:transparent!important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--blue-a) !important;
	
}
.modal.container.dlgBig.w70{
	width: 70%;
}
.settings-group{
	padding-left: 30px!important;
	padding-right: 30px!important;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
	margin-top: 0px!important;
	margin-bottom: 30px!important;
	margin-left: 15px!important;
	margin-right: 15px!important;
}

.button.lightblue.transp.selected-btn{
	color: #42aaff!important;
}
.button.blue.transp.selected-btn{
	color: rgb(91, 132, 255) !important;
}

.button.blue.transp.active {

    background-color: rgba(143,155,179,.16)!important;

}
.button.red.transp {
    border-color:transparent!important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--red) !important;
}
.button.red.transp:hover{
	border-color: transparent !important;
}
.button.yellow.transp:hover{
	border-color: transparent !important;
}
.button.blue.transp:hover{
	border-color: transparent !important;
}
.button.green.transp:hover{
	border-color: transparent !important;
}
.button.green.transp {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--green) !important;
}
.button.yellow.transp {
    border-color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--yellow) !important;
}
.button.transp:hover{
	background-color: rgba(143,155,179,.08)!important;
	border-color: transparent !important;
}
.button.bordered {
    background-color: #f7f9fc !important;
    background-image: none !important;
    border-style: solid ;
	border-width: .120rem !important;
    color: #43b100 !important;
}

.button.red.bordered {
    background-color: rgba(255,61,113,.08) !important;
    background-image: none !important;
    border-color: var(--red) !important;
    color: var(--red) !important;
}
.button.red.bordered:hover {
    background-color: rgba(255,61,113,.16)!important;
}
.button.yellow.bordered {
    background-color: rgba(255,170,0,.08) !important;
    background-image: none !important;
    border-color: var(--yellow) !important;
    color: var(--yellow) !important;
}
.button.yellow.bordered:hover {
    background-color: rgba(255,170,0,.16)!important;
}
.button.green.bordered {
    background-color:rgba(0,214,143,.08) !important;
    background-image: none !important;
    border-color: var(--green) !important;
    color: var(--green) !important;
}
.button.green.bordered:hover {
    background-color: rgba(0,214,143,.16)!important;
}
.button.blue.bordered {
    background-color: rgba(51,102,255,.08) !important;
    background-image: none !important;
    border-color:var(--blue) !important;
    color: var(--blue) !important;
}
.button.lightblue.bordered {
    background-color: rgba(51,102,255,.08) !important;
    background-image: none !important;
    border-color:var(--blue-a) !important;
    color: var(--blue-a) !important;
}
.button.blue.bordered:hover {
    background-color: rgba(51,102,255,.16)!important;
}


    .panel-default > .panel-heading {
        background-image: -webkit-linear-gradient(top,#ffffff 0,#ffffff 100%) ;
    }
.panel{
    border:0!important;
}

textarea {
	resize: none;
  }


#header {
    background-color: #fff; /*rgb(117,163,252) !important; rgb(51,157,200) !important;*/
}

#header strong{
    font-weight:500;
    font-size:16px;
    color:white;
}
.menu_header {
    color: #212a45 !important;
    font-weight: 600 !important;
}
li:hover {
    color: black!important;
}

/* Button */

input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
    background-color: transparent;
    border-radius: 5px !important;
    border: solid 1px var(--blue) !important;
    color: #545454;
    cursor: pointer;
    display: inline-block;

    font-weight: 600;
    /*height: 2.2em;*/
    letter-spacing: 0.05em;
    /*line-height: 3.5em;*/
    overflow: hidden;
    padding: 7px 12px 7px 12px;
    text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}
.widthUnset{
	width:unset!important;
}
		/*input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background-color: rgba(255, 255, 255, 0.9);
			color: #545454 !important;
		}*/

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: rgba(255, 255, 255, 0.2);
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		.button.big {
			font-size: 1em;
			height: 3.5em;
			line-height: 3.5em;
			padding: 0 2.25em;
		}

        .button.gray.active {
            background-color: rgb(109,109,109);
            /*background-color: #fd8a27;*/
            color: #ffffff;
        }
        .button.gray.hover {
            background-color: rgba(130, 130, 130, 0.7);
            /*background-color: #fd8a27;*/
            color: #ffffff;
        }
        .button.gray {
            background-color: #edf1f7;
            background-image: none;
            color: #c5cee0;
        }

        input[type="submit"].blue,
        input[type="reset"].blue,
        input[type="button"].blue,
        .button.blue {
            background-image: linear-gradient(to right,var(--blue),var(--blue));
            border: none;
            box-shadow: 0 0 0 0 var(--blue-grad-0),0 0 0 0 var(--blue-grad-1),0 0 transparent;
            color: #fff;
        }
		.button.lightblue {
            background-image: linear-gradient(to right,var(--blue-a),var(--blue-a));
            border: none;
            box-shadow: 0 0 0 0 var(--blue-grad-0),0 0 0 0 var(--blue-grad-1),0 0 transparent;
            color: #fff;
        }
            input[type="submit"].blue:hover,
            input[type="reset"].blue:hover,
            input[type="button"].blue:hover,
            .button.blue:hover {
				background-image: linear-gradient(to right,#598bff,#598bff);
			    border-color:#598bff!important ;	
            }

			input[type="submit"].blue:hover,
            input[type="reset"].blue:hover,
            input[type="button"].blue:hover,
            .button.blue:hover {
				background-image: linear-gradient(to right,#42aaff,#42aaff);
			    border-color:#42aaff!important ;	
			}
			
            input[type="submit"].blue.active,
            input[type="reset"].blue.active,
            input[type="button"].blue.active,
            .button.blue.active {
				background-image: linear-gradient(to right,#274bdb,#274bdb);
				border-color:#274bdb!important ;	
            }

        input[type="submit"].red,
        input[type="reset"].red,
        input[type="button"].red,
        .button.red {
            background-image: linear-gradient(to right,#ff708d,var(--red));
            border: none;
            box-shadow: 0 0 0 0 #db2c66,0 0 0 0 #b81d5b,0 0 transparent;
            color: #fff;
        }

            input[type="submit"].red:hover,
            input[type="reset"].red:hover,
            input[type="button"].red:hover,
            .button.red:hover {
                background-image: linear-gradient(to right,#ffa8b4,#ff708d);
            }

            input[type="submit"].red.active,
            input[type="reset"].red.active,
            input[type="button"].red.active,
            .button.red.active {
                background-image: linear-gradient(to right,var(--red),#db2c66);
            }

        input[type="submit"].green,
        input[type="reset"].green,
        input[type="button"].green,
        .button.green {
            background-image: linear-gradient(to right,#2ce69b,var(--green));
           
            box-shadow: 0 0 0 0 #00b887,0 0 0 0 #00997a,0 0 transparent;
			color: #fff;
			border-color:var(--green)!important;
        }

            input[type="submit"].green:hover,
            input[type="reset"].green:hover,
            input[type="button"].green:hover,
            .button.green:hover {
				background-image: linear-gradient(to right,#8cfac7,#2ce69b);
				border-color: #2ce69b!important;
            }

            input[type="submit"].green:active,
            input[type="reset"].green:active,
            input[type="button"].green:active,
            .button.green:active {
                background-image: linear-gradient(to right,var(--green),#00b887)
			}
			

.cbp-spmenu-left{
	box-shadow: 1rem 0 1rem 0 rgba(44,51,73,.1);
}
            input[type="submit"].grey,
		input[type="reset"].grey,
		input[type="button"].grey,
		.button.grey {
			background-color: rgb(197,197,197);
			color: #ffffff !important;
			border-color: transparent!important;
		}

			input[type="submit"].grey:hover,
			input[type="reset"].grey:hover,
			input[type="button"].grey:hover,
			.button.grey:hover {
				background-color: rgb(210,210,210);
			}

			input[type="submit"].grey:active,
			input[type="reset"].grey:active,
			input[type="button"].grey:active,
			.button.grey:active {
				background-color: #3299FF;
			}


        input[type="submit"].yellow,
        input[type="reset"].yellow,
        input[type="button"].yellow,
        .button.yellow {
            background-image: linear-gradient(to right,#ffc94d,var(--yellow));
            border: none;
            box-shadow: 0 0 0 0 #db8b00,0 0 0 0 #b86e00,0 0 transparent;
            color: #fff;
        }

              input[type="submit"].darkyellow,
		input[type="reset"].darkyellow,
		input[type="button"].darkyellow,
		.button.darkyellow {
	         background-color: rgb(145, 140, 106);
            color: #ffffff !important;
		}

        input[type="submit"].yellow:hover,
        input[type="reset"].yellow:hover,
        input[type="button"].yellow:hover,
        .button.yellow:hover {
            background-image: linear-gradient(to right,#ffe59e,#ffc94d);
        }  


        input[type="submit"].yellow.active,
        input[type="reset"].yellow.active,
        input[type="button"].yellow.active,
        .button.yellow.active {
            background-image: linear-gradient(to right,var(--yellow),#db8b00);
        }
            
            

        input[type="submit"].highlight,
		input[type="reset"].highlight,
		input[type="button"].highlight,
		.button.highlight {
			background-color: rgba(132, 222, 124, 0.59);
			color: #ffffff !important;
		}

			input[type="submit"].highlight:hover,
			input[type="reset"].highlight:hover,
			input[type="button"].highlight:hover,
			.button.highlight:hover {
				background-color: rgba(132, 222, 124, 0.59);
			}

			input[type="submit"].highlight:active,
			input[type="reset"].highlight:active,
			input[type="button"].highlight:active,
			.button.highlight:active {
				background-color: rgba(132, 222, 124, 0.59);
			}


		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special {
			background-color: #62bd83;
			color: #ffffff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover {
				background-color: #74C591;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			.button.special:active {
				background-color: #50B575;
			}


		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled {
			background-color: #646464 !important;
			/* box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15); */
			color: #fff !important;
			cursor: default;
			opacity: 0.25;
		}


        .modal-header.red{
            background:#eb2f0020;
        }
        .modal-header.yellow{
            background:#ffaa0020;
        }
        .modal-header.green{
            background: rgba(65, 199, 21, 0.22);
        }
       .dashboard_widget{
		    box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, .2)!important;
	   }

/* Feature */

	.feature {
		text-decoration: none;
		padding-left: 6.5em;
		position: relative;
		text-align: left;
	}

		.feature:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.feature:before {
			border-radius: 0.5em;
			border: solid 1px rgba(144, 144, 144, 0.25);
			color: #62bd83;
			display: inline-block;
			font-size: 2.25em;
			height: 2em;
			left: 0;
			line-height: 2em;
			position: absolute;
			text-align: center;
			top: 0;
			width: 2em;
		}

		.feature h3 {
			margin: 0 0 0.7em 0;
		}

.modal-backdrop.in {

    /* opacity: .7; */
    background-color: rgba(0,0,0,5);
}
/* Slider */

	.slider {
		position: relative;
	}

		.slider .viewer {
			position: relative;
			border-radius: 0.5em;
			border: solid 1.5em #fff;
			height: 20em;
			margin: 0 auto;
			overflow: hidden;
			width: 80%;
		}

		.slider .slide img {
			border-radius: 0.375em;
			display: block;
			width: 100%;
		}

		.slider .nav-next,
		.slider .nav-previous {
			text-decoration: none;
			background: #fff;
			border-radius: 100%;
			color: #ddd;
			cursor: pointer;
			display: block;
			font-size: 3em;
			height: 1.25em;
			line-height: 1.15em;
			margin-top: -0.5em;
			position: absolute;
			text-align: center;
			top: 50%;
			width: 1.25em;
		}

			.slider .nav-next:before,
			.slider .nav-previous:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			.slider .nav-next:before,
			.slider .nav-previous:before {
				position: relative;
			}

		.slider .nav-next {
			right: 0;
		}

			.slider .nav-next:before {
				content: '\f105';
				right: -0.05em;
			}

		.slider .nav-previous {
			left: 0;
		}

			.slider .nav-previous:before {
				content: '\f104';
				left: -0.05em;
			}

/* Wrapper */

	.wrapper {
		padding: 5em 0 3em 0;
	}

		.wrapper.style1 {
			background: #f2f2f2;
		}

			.wrapper.style1 .box {
				background: #ffffff;
				border: 0;
			}

		.wrapper.style2 {
			background: #ffffff;
		}

		.wrapper.style3 {
			background: #62bd83;
			/*color: #d1f2f5;*/
			color: #ffffff;
		}

			.wrapper.style3 h1, .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
				color: #ffffff;
			}

			.wrapper.style3 header p {
				color: #b5ebef;
			}

			.wrapper.style3 .button {
				border-color: white !important;
				color: #ffffff !important;
			}

				.wrapper.style3 .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				.wrapper.style3 .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

/* Header */

	#skel-layers-wrapper {
		padding-top: 3em;
	}

	body.landing #skel-layers-wrapper {
		padding-top: 0;
	}
	@-moz-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-webkit-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-o-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@-ms-keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }
	@keyframes reveal-header { 0% { top: -5em; } 100% { top: 0; } }


	@keyframes filter_flash {
		0% {
			-webkit-box-shadow: 0px 0px 20px 10px rgba(0,149,255,0.25); 
			box-shadow: 0px 0px 20px 10px rgba(0,149,255,0.25); 
		}
		15% {
			-webkit-box-shadow: 0px 0px 20px 10px  rgba(0,149,255,0.5); 
			box-shadow: 0px 0px 20px 10px  rgba(0,149,255,0.5); 
		}
		30% {
			-webkit-box-shadow: 0px 0px 20px 10px  rgba(0,149,255,0.75); 
			box-shadow: 0px 0px 20px 10px  rgba(0,149,255,0.75); 
		}
		50% {
			-webkit-box-shadow: 0px 0px 20px 10px  rgba(0,149,255,1); 
			box-shadow: 0px 0px 20px 10px  rgba(0,149,255,1); 
		}
		70% {
			-webkit-box-shadow: 0px 0px 20px 10px  rgba(0,149,255,0.75); 
			box-shadow: 0px 0px 20px 10px  rgba(0,149,255,0.75); 
		}
		85% {
			-webkit-box-shadow: 0px 0px 20px 10px  rgba(0,149,255,0.5); 
			box-shadow: 0px 0px 20px 10px  rgba(0,149,255,0.5); 
		}
		100% {
			-webkit-box-shadow: 0px 0px 20px 10px rgba(0,149,255,0.25); 
			box-shadow: 0px 0px 20px 10px  rgba(0,149,255,0.25); 
		}
	}
		
	.filter_flash {
		-webkit-animation-name: filter_flash;
		animation-name:filter_flash;
		-webkit-animation-duration: 5000ms;
		animation-duration: 5000ms;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count:1;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function:ease-in-out;
	}    

#header {
    /*background-color: #F1F1F1;*/
    background-color: #fff; /*rgb(121,167,246);*/
    box-shadow: 1rem 0.5rem 1rem 0 rgba(44,51,73,.1);
    color: inherit;
    cursor: default;
    height: 4em;
    left: 0;
    line-height: 3em;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

		#header.reveal {
			-moz-animation: reveal-header 0.5s;
			-webkit-animation: reveal-header 0.5s;
			-o-animation: reveal-header 0.5s;
			-ms-animation: reveal-header 0.5s;
			animation: reveal-header 0.5s;
		}

		#header.alt {
			-moz-animation: none;
			-webkit-animation: none;
			-o-animation: none;
			-ms-animation: none;
			animation: none;
			background-color: transparent;
			box-shadow: none;
			color: #fff;
		}

		#header h1 {
			color: inherit;
			font-size: 1em;
			height: inherit;
			left: 1.25em;
			line-height: inherit;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 5px;
		}

			#header h1 span {
				font-weight: 300;
			}

			#header h1 a {
				border: 0;
			}

		#header nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 3.3em;
			top: 7px;
			vertical-align: middle;
		}

			#header nav > ul {
				list-style: none;
				margin: 0;
				padding-left: 0;
			}

				#header nav > ul > li {
					border-radius: 0.5em;
					display: inline-block;
					margin-left: 2em;
					padding-left: 0;
				}

					#header nav > ul > li a {
						border: 0;
						color: inherit;
						display: inline-block;
						text-decoration: none;
					}

						#header nav > ul > li a.icon:before {
							margin-right: 0.5em;
						}

					#header nav > ul > li:first-child {
						margin-left: 0;
					}

					#header nav > ul > li .button {
						height: 2.25em;
						line-height: 2.25em;
						margin-bottom: 0;
						padding: 0 1em;
						position: relative;
						top: -0.075em;
						vertical-align: middle;
					}

					#header nav > ul > li > ul {
						display: none;
					}

		#header .container {
			position: relative;
		}

			#header .container h1 {
				left: 0;
			}

			#header .container nav {
				right: 0;
			}

	.dropotron {
		background: #fff;
		border-radius: 0.5em;
		box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.05);
		list-style: none;
		margin-top: -0.75em;
		min-width: 10em;
		padding: 0.75em 0;
	}

		.dropotron li {
			padding: 0;
		}

			.dropotron li a {
				-moz-transition: none !important;
				-webkit-transition: none !important;
				-o-transition: none !important;
				-ms-transition: none !important;
				transition: none !important;
				border: 0;
				/*box-shadow: inset 0 1px 0 0 rgba(144, 144, 144, 0.2);*/
				color: inherit;
				display: block;
				line-height: 2.25em;
				padding: 0 1em;
			}

			.dropotron li:first-child > a {
				box-shadow: none;
			}

			.dropotron li.active > a, .dropotron li:hover > a,.dropotron li:hover > a>strong {
				background-color: #fff!important;
				background: #fff!important;
				color: var(--blue);
			}


			.dropdown-menu.spec {
				background-color: #fff/*rgb(119,165,249)*/ /*#339dc8*/!important;
				color:white!important;
				margin-top: 6px!important;
				border-top: none;
				
	

			}
			.dropotron.level-0:before {
				background: #fff /*rgb(119,165,249)*/ /*rgb(51,157,200)*/ !important;
			}
			.dropdown-menu > li > a:hover,.dropdown-menu > li > a:hover >strong {
				color: var(--blue);
				background-color: #fff!important;
				background: #fff!important;

			}

			.dropdown-menu>li>a{
				text-align: center;
				padding: 15px 18px!important;
				margin-left: auto;
				margin-right: auto;
				display: block;
				border-bottom: 1px solid #edf1f7;
			}
			
		
			

		.dropotron.level-0 {
			font-size: 0.9em;
			margin-top: 1em;
		}

			/* .dropotron.level-0:before {
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
				background: #fff;
				content: '';
				display: block;
				height: 0.75em;
				position: absolute;
				right: 1.5em;
				top: -0.375em;
				width: 0.75em;
				box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.075);
				box-shadow: -1px -1px 2px 0 rgba(0, 0, 0, 0.05);
			} */

/* Banner */

	#banner {
		background-attachment: scroll,						fixed;
		background-color: #494d53;
		background-image: url("images/overlay.png"), url("../images/banner_home.jpg");
		background-position: top left,					center center;
		background-repeat: repeat,						no-repeat;
		background-size: auto,						cover;
		color: #d1d2d4;
		padding: 16em 0;
		position: relative;
		text-align: center;
	}

		#banner:after {
			-moz-transition: opacity 2s ease-in-out;
			-webkit-transition: opacity 2s ease-in-out;
			-o-transition: opacity 2s ease-in-out;
			-ms-transition: opacity 2s ease-in-out;
			transition: opacity 2s ease-in-out;
			background: #3d4045;
			content: '';
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 1;
		}

		#banner :last-child {
			margin-bottom: 0;
		}

		#banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
			color: #ffffff;
		}

		#banner .inner {
			position: relative;
			z-index: 2;
		}

		#banner .button {
			border-color: white !important;
			color: #ffffff !important;
		}

			#banner .button:hover {
				background-color: rgba(255, 255, 255, 0.075);
			}

			#banner .button:active {
				background-color: rgba(255, 255, 255, 0.2);
			}

		#banner h2 {
			font-size: 3.25em;
			line-height: 1.25em;
			margin: 0 0 0.5em 0;
			padding: 0;
		}

		#banner p {
			font-size: 1.5em;
			margin-bottom: 1.75em;
		}

	body.is-loading #banner:after {
		opacity: 1.0;
	}

/* One */

	#one {
		padding-bottom: 0;
	}

		#one .slider .viewer {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			border-bottom: 0;
		}

		#one .slider .slide img {
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
		}

/* Main */

	#main > .container {
		position: relative;
		background: #ffffff;
		border-radius: 0.5em;
		margin-bottom: 2em;
		padding: 3em;
	}

		#main > .container > :last-child,
		#main > .container > :last-child > :last-child,
		#main > .container > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

/* CTA */

	#cta {
		padding: 4em 0;
		text-align: center;
		vertical-align: middle;
	}

		#cta h2 {
			display: inline-block;
			margin: 0 1em 0 0;
			vertical-align: middle;
		}

		#cta .actions {
			display: inline-block;
			margin: 0;
		}

/* Footer */

	#footer {
		color: #949494;
		padding: 1em 0;
		text-align: center;
	}

		#footer .icons {
			margin: 0 0 4em 0;
		}

		#footer .menu a {
			color: inherit;
		}

		#footer .copyright {
			font-size: 0.8em;
		}

		.top-loft-icn
		{
			color:#8f9bb3;
			margin-right:5px;
		}
		.inner-loft-icn
		{
			color:#8f9bb3;
			margin-right:5px;
		}
		img.userpic{
			border-radius: 50%;
			border: 1px solid #8f9bb3;
			padding: 0px;
		
		}
		img.userpic.small{
			width:40px;
			height:40px;
		}
		img.userpic.large{
			width:100px;
			height:100px;
		}
.obj-fld{
    /*margin:4px;*/
}
.btn-info {
    background-color: #73a1ff !important;
    background-image: none!important;
}
.custom-size .btn-sm{
    padding: 4px 8px;
    font-size:11px;
    line-height:1.5;
    border-radius:3px;
}

.modal.medium_container{
    width:40%;
    margin-left:-20%;
}
.group{
    position:absolute;
    background:#fff;
}
.groupfilter {
    position: absolute;
    background: #fff;
}
.fld{
    position:absolute;
}
.fld-filter {
    position: absolute;
}
.btn.smll.verysml {
    padding-top: 0px;
    padding-right: 1px;
    padding-bottom: 0px;
    padding-left: 1px;
    margin: 0px;
    font-size: 8px;
}
input.qs-spinner-value {
     position: relative;
   
    width: 20px;
    height: 20px;
    text-align: center;
    border: none;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
.qs-side-right {
        position: relative;
    width: 20px;
    height: 20px;
    border-left: 1px solid #cbcbcb;
    background: #fff;
    float: left;
    font-size: 1.1em;
    cursor: pointer;
}
.qs-side-center {
    width: 20px;
    height: 20px;
    background: #fff;
    float: left;
}
.q-spinner {
        box-sizing: border-box;
    width:64px;
    line-height: 20px;
    display: inline-block;
    overflow: hidden;
    box-sizing: none;
    margin: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    color: #424345;
    border: 1px solid #cbcbcb;
    border-radius: 6px;
   
}

.qs-side-left {
        position: relative;
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    border-right: 1px solid #cbcbcb;
    font-size: 1.1em;
    cursor: pointer;
}

.set_subhdr{
    font-size:16px;
    margin-top:40px;
}


pre {
    white-space: pre-wrap!important; /* Since CSS 2.1 */
    white-space: -moz-pre-wrap!important; /* Mozilla, since 1999 */
    white-space: -pre-wrap!important; /* Opera 4-6 */
    white-space: -o-pre-wrap!important; /* Opera 7 */
    word-wrap: break-word!important; /* Internet Explorer 5.5+ */
}
/*#full-width {
    margin-top: 40px !important;
}*/
.label{
    white-space:normal!important;
}
.modal-scrollable
{
    /*top:40px!important;*/
}
.selected-object{
	background: rgb(144, 245, 212)!important;
}
.selected-object:hover{
	background: var(--green)!important;
}
.filterbadge {
    color: #fff;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 4px;
    border: 2px solid var(--red);
	padding: 3px;
	background-color: var(--red);
	z-index: 11;
}

.ot-actv{
	background-color:rgb(144, 245, 212) !important;
	border-radius: 5px;
}
.ot-basic{
    cursor:pointer;
}
.ot-basic:hover{
    color:green;
    background-color:rgb(200,255,200);
    opacity:1;
}
.ot-hidden{
    /*background-color:rgb(241, 240, 240);*/
    opacity:0.42;

}
.nonee{
    color: #fff;
}
.grnn{
    color: var(--green);
}
.redd{
    color: var(--red);
}
.btn-default{
    background-image:linear-gradient(to bottom,#f7f9fc 0,#f7f9fc 100%)!important;
}
.btn-default:hover{
    background-color:#f7f9fc!important;
    background-position:0!important;
}


.shuttle_diz{
    color:var(--gray-icon)
}
.shuttle_enabl
{
    color:var(--blue);
}
.shuttle_enabl:hover{
    color:#598bff;
}
.delim{
	border-bottom: 1px solid #edf1f7;
	margin-top:40px!important;
	margin-bottom:20px!important;
	height:1px;
	margin-left: -14px;
    margin-right: -15px;
}
.delim_dlg{
	border-bottom: 1px solid #edf1f7;
	margin-top: 0px!important;
	margin-bottom: 10px!important;
	margin-left: -14px;
	margin-right: -15px;
	height:1px;
}

label.setngs {width:28%;}
label { margin-top: 7px;}
label.chkbx { margin-top: 4px;}
input.setngs {width:70%!important;margin-bottom: 8px}
select.setngs {width:70%!important;margin-bottom: 8px}

.tabel_scroll_left{
	position: fixed;
	top: 40vh;
	left: 10px;
	color: var(--blue);
	font-size: 60px;
}
.tabel_scroll_right{
	position: fixed;
	top: 40vh;
	right: 10px;
	color: var(--blue);
	font-size: 60px;
}
.tabel_scroll_right:hover{
	color: #598bff;
}
.tabel_scroll_left:hover{
	color: #598bff;
}
.tabel_blue{
	background-color:  rgba(66, 45, 255, 0.16) !important;
}
.tabel_red{
	background-color:  rgba(255,61,113,.16) !important;
}
.tabel_green{
	background-color:  rgba(0,214,143,.16) !important;
}
.tabel_gray{
	background-color:  rgba(180,180,180,.56) !important;
}
.tabel_white{
	background-color:  white !important;
}
.cb-disabled{
	background-color:rgba(143, 155, 179, 0.14)!important;
	border-color: #dcdfe426!important;

}

.ui-select-choices-row.active>span>button{
	color: white;
}

table.uib-timepicker{
	position: absolute;
    left: 131px;
    top: -20px;
}
table.uib-timepicker tr{
	border: none;
}
table.uib-timepicker td{
	background: white;
    border: none;
}
.uib-time>.form-control {
	min-width: unset;
	width: 60px!important;
}
.uib-increment{
	background: white;
	border: none;
	color: #8f9bb3;
}
.uib-decrement{
	background: white;
	border: none;
	color: #8f9bb3;
}
.grey-icon{
	color:#8f9bb3bf;
}
.selected-stage{
	background-color: #c3cad899;
	color: var(--blue)!important;

}
.caldte{
	text-transform: none;
	font-size: 8px;
	margin-top: 4px;
}
.btn-link{
	color: #8f9bb3!important;
}

.info-par-lnk{
	position: absolute;
    cursor: pointer;
    font-size: 11px;
    top: -10px;
    left: 0px;

}

.rotate-45-left {
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.rotate-45-right {
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.headcol {
	position: sticky;
	left:0;
	z-index: 1000;
  }
  
.headrow {
	position: sticky;
	top:0;
	z-index: 1000;
  }

  .lvl-target.yellow {
    background-color: rgba(255, 226, 96, 0.233) !important;
}
.lvl-target.red {
    background-color: rgba(255, 35, 111, 0.19) !important;
}
 .lvl-target.green {
    background-color: rgba(0, 216, 151, 0.19) !important;
}
.button.blue.bordered.muted_icon_button{
	background-color: var(--blue)!important;
	color: white!important;
}

.bodyandtop{
	background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;
	background: #edf1f7;

}
.greean{
	background-color:#90f5d481;
	border-radius: 20px;
}

.settings-obj-div{
	border-bottom: 1px solid #edf1f7;
    color: #222b45;
    padding: 1rem;
}

  /* .headrow{
	  height:58px;
  }

  .head-col-full{
	height:200px;
}
.head-col-medium{
	height:150px;
}
.head-col-short{
	height:80px;
}
   */
  

/* .uib-timepicker td{
	height: 15px!important;
	min-height: unset;
}

.uib-timepicker tr{
	height: 15px!important;
	min-height: unset;
}
.uib-timepicker a{
	height: 15px!important;
	min-height: unset;
} */