/* stroke */
        nav.stroke ul li a,
        nav.fill ul li a {
            position: relative;
        }

         nav.stroke ul li a:after,
         nav.fill ul li a:after {
             position: absolute;
             bottom: 0;
             left: 0;
             right: 0;
             margin: auto;
             width: 0%;
             content: '.';
             color: transparent;
             padding-top: 3px;
             background: rgb(0,120,215);
             height: 2px;
         }

         nav.stroke ul li a:hover:after {
             width: 100%;
         }

         nav.fill ul li a {
             transition: all 2s;
         }

         nav.fill ul li a:after {
             text-align: left;
             content: '.';
             margin: 0;
             opacity: 0;
         }

         nav.fill ul li a:hover {
             color: #fff;
             z-index: 1;
         }

         nav.fill ul li a:hover:after {
             z-index: -10;
             animation: fill 1s forwards;
             -webkit-animation: fill 1s forwards;
             -moz-animation: fill 1s forwards;
             opacity: 1;
         }

         .savebtn {
             transition-property: box-shadow;
             transition-duration: 0.3s;
             transition-timing-function: linear;
         }

         .savebtn:hover {
             box-shadow: 8px 8px 8px #cccccc !important;
         }

         .toolnavbtn {
             position: relative;             
             text-decoration: none;
         }

         .toolnavbtn:hover {
             
         }

         .toolnavbtn:before {
             content: "";
             position: absolute;
             width: 100%;
             height: 2px;
             bottom: 0px;
             left: 0;
             background-color: rgb(0,120,215);
             /*visibility: hidden;*/
             -webkit-transform: scaleX(0);
             transform: scaleX(0);
             -webkit-transition: all 0.3s ease-in-out 0s;
             transition: all 0.3s ease-in-out 0s; 
         }
         
         .toolnavbtn:hover:before {
             visibility: visible;
             -webkit-transform: scaleX(1);
             transform: scaleX(1);
         }

            .x-window-header-default .x-tool-img {
                background-color: rgba(0,120,215,0.78) !important;
            }
            .x-window-header-default{
                 border-color:rgba(0,120,215,0.4) !important;
            }
          .x-window-header-default-top{
                background-color: rgba(0,120,215,0.78) !important;
            }
         .secsubcolor {
             background-color: rgba(0,120,215,0.4) !important;
         }

        .activelink{
            color: rgba(0,120,215,1) !important;
            border-bottom:1px solid rgba(0,120,215,1)!important;
        }
        .x-status-bar{
             color: rgba(0,120,215,0.8)!important ;
            font-weight: 100 !important;
            border-top: 0px solid rgba(0,120,215,0.78) !important;
        }
        .x-grid-row-selected {
             background-color: white !important;
         }

         .x-grid-row-focused{
            background-color: white !important;
        }

        .x-grid-row-selected .x-grid-td{
             background-color: rgba(0,120,215,0.2) !important;
         }

         .x-grid-row-focused .x-grid-td{
            background-color: rgba(0,120,215,0.2) !important;
        }

        .x-grid-td:hover{
             background-color: rgba(0,120,215,0.2) !important;
             
         }
        .x-grid-tr:hover{
             background-color: rgba(0,120,215,0.2) !important;
             
         }

        .filerow{
            cursor:pointer;
        }
        .filerow:hover{
     background-color: rgba(0,120,215,0.05) !important;
        
        }


        .mblue500 
        {
                 border:1px solid rgba(0,120,215,0.32) !important;
                color: #404040 !important;
                border-radius: 3px 3px 0px 0px!important;
        }

        .mblue800
        {
            background-color: rgba(0,120,215,0.8) !important;
            border-radius: 0px 0px 3px 3px!important;
        }

        .topnavcolor {
             background-color: rgba(0,120,215,0.98) !important;
         }
        .topnavmenubarcolor {
             background-color: rgba(0,120,215,0.78) !important;
         }

         
         .secsubbordercolor {
             border-color: rgba(0,120,215,0.4) !important;
         }

        .lightbgcolor {
             background-color: rgba(0,120,215,0.05) !important;
         }
        .boxbordercolor {
             border-color: rgba(0,120,215,0.3) !important;
         }

        .trbordercolor {
             border-color: rgba(0,120,215,0.8) !important;
         }

        .innerboxbordercolor {
             border-color: rgba(0,120,215,0.2) !important;
         }
        .selbox {
            
            background-color:rgba(0,120,215,0.18)!important;
            border-radius:5px;
            
         }

         .hollowbadge{
            color: rgba(0,120,215,1.0)!important ;
            border:1px solid rgba(0,120,215,1.0)!important ;
            background-color: white!important;
            font-weight:100!important;
    
         }

        .badge{
            color: rgba(0,120,215,1.0)!important ;
            border:1px solid rgba(0,120,215,1.0)!important ;
            background-color: white!important;
            font-weight:100!important;
            border-radius:5px;
    
         }


         .sectextcolor {
             color: rgb(0,120,215) !important;
         }

        .secpaneltextcolor {
             color: rgba(0,120,215,0.6)!important ;
            font-weight: 100 !important;
         }

        .btniconcolor {
             color: rgba(0,120,215,1.0)!important ;
            font-weight: 400 !important;
         }
        .iconviewitemcolor {
             color: rgba(0,120,215,0.7)!important ;
            font-weight: 100 !important;
         }
        .filtypeiconcolor {
             color: rgba(0,120,215,0.5)!important ;
            font-weight: 100 !important;
         }
        .lighttextcolor {
             color: rgba(0,120,215,0.1)!important ;
            font-weight: 100 !important;
         }

         .panelhead {
             background-color: rgba(0,120,215,0.15)!important;
             color: #404040 !important;
             font-weight: 100 !important;
         }

        .mainbgcolor {
             background-color: rgba(0,120,215,0.7)!important;
             color: rgba(0,120,215,0.2) !important;
             font-weight: 100 !important;
         }
         .panelheadhevay {
             background-color: rgba(0,120,215,0.35)!important;
             color: #404040 !important;
             font-weight: 100 !important;
         }

        .leftmenutop {
             background-color: rgba(0,120,215,0.9)!important;
             color: white;
             font-weight: 400 !important;
            font-size:16px;
         }
        .leftmenuselect {
             background-color: rgba(0,120,215,0.15)!important;
             color: black;
         }

         .quickwindowtitle
          {
             background-color: white!important;
             color: rgba(0,120,215,0.65) !important;
             padding-left:3px;
             font-weight: 400 !important;
             box-shadow: 0px 2px 12px rgba(0,0,0,0.4) !important;
        border:0px!important;


          }
         .floatbtn{
                border:3px solid rgba(0,120,215,0.9)!important;
                background-color:rgba(0,120,215,0.9)!important;
            }

         .menubox {
             background-color: rgba(0,120,215,0.05)!important;
         }


            .panelheadp {
             background-color: rgba(0,120,215,0.15)!important;
             color: rgba(0,120,215,0.85)!importan;
             font-weight: 100 !important;
         }
         .tent {
             border-style: solid !important;
             border-color:rgba(0,120,215,0.3)!important ;
             border-width: 1px;
             border-radius: 3px 3px 3px 3px;
             background-image: url(images/tenantbg.jpg);
             background-size: 100% auto;
             background-position: right bottom;
             background-repeat: no-repeat;
         }

         .btnsmallex {
             padding: 3px !important;
             font-size: 14px !important;
             font-weight: 100 !important;
             border-radius: 3px;
             border: 1px solid #d0d0d0;
         }

         .toolbtn {
            
             background: transparent;
                transition-property: box-shadow !important;
             transition-duration: 0.3s;
             transition-timing-function: linear;
         }

         .toolbtn:hover,
         .toolbtn:focus {
            color: rgba(12,89,150,0.9) !important;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
            border-radius: 8px 8px 8px 8px;
            /*-ms-animation:wiggle .3s 2;-moz-animation:wiggle .3s 2;-webkit-animation:wiggle .3s 2;animation:wiggle .3s 2;*/
         }
         .toolbtnex {
            
             background: transparent;
         }

         .toolbtnex:hover,
         .toolbtnex:focus {
            color:rgba(12,89,150,0.9) !important;
             /*box-shadow: 0 8px 16px 0 rgba(0,0,0,0.25);*/
            /*border-radius:4px 4px 4px 4px;*/
            /*-ms-animation:wiggle .3s 2;-moz-animation:wiggle .3s 2;-webkit-animation:wiggle .3s 2;animation:wiggle .3s 2;*/
         }

        @-ms-keyframes wiggle{0%{-ms-transform:rotate(3deg);}50%{-ms-transform:rotate(-3deg);}100%{-ms-transform:rotate(3deg);}}
        @-moz-keyframes wiggle{0%{-moz-transform:rotate(3deg);}50%{-moz-transform:rotate(-3deg);}100%{-moz-transform:rotate(3deg);}}
        @-webkit-keyframes wiggle{0%{-webkit-transform:rotate(3deg);}50%{-webkit-transform:rotate(-3deg);}100%{-webkit-transform:rotate(3deg);}}
        @keyframes wiggle{0%{transform:rotate(3deg);}50%{transform:rotate(-3deg);}100%{transform:rotate(3deg);}}

        .toolbtnb {
            
             background: transparent;
         }

         .toolbtnb:hover,
         .toolbtnb:focus {
                        color: rgba(12,89,150,0.9) !important;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
            border-radius: 8px 8px 8px 8px;

            /* background-color: rgba(0,120,215,0.1) !important;
            border-radius:4px 4px 4px 4px;
            -ms-animation:wiggle .3s 2;-moz-animation:wiggle .3s 2;-webkit-animation:wiggle .3s 2;animation:wiggle .3s 2;*/
         }

        .x-btn-icon-el{
            background: transparent;
        }
         .x-btn-icon-el:hover,
         .x-btn-icon-el:focus {
              background-color: rgba(0,120,215,0.1) !important;
            border-radius:4px 4px 4px 4px;
            
         }

         .splitbtn:hover,
            .splitbtn:focus {
              background-color: rgba(0,120,215,0.1) !important;
            
         }
         .iconobj {
             transition-property: box-shadow !important;
             transition-duration: 0.3s;
             transition-timing-function: linear;
         }


         .iconobj:hover {
             box-shadow: 0 8px 16px 0 rgba(0,0,0,0.25);
            
         }

         .active {
             border-bottom: 2px solid rgb(0,120,215);
             color: #565656 !important;
         }

         li {
             background-color: transparent;
             font-size: 18px !important;
             color: #565656 !important;
             font-weight: 100 !important;
             transition-property: border-bottom;
             transition-duration: 0.5s;
             transition-timing-function: linear;
         }

         li:hover {
             color: #e8e8e8;
         }

         li:before {
             content: "";
             position: absolute;
             width: 100%;
             height: 2px;
             bottom: 0;
             left: 0;
             background-color: rgb(0,120,215);
             visibility: hidden;
             -webkit-transform: scaleX(0);
             transform: scaleX(0);
             -webkit-transition: all 0.3s ease-in-out 0s;
             transition: all 0.3s ease-in-out 0s;
         }

         ul:not(#userPopoverSubMenu):not(.hdrMnuLst) li:hover:before li:hover:before{
             visibility: visible;
             -webkit-transform: scaleX(1);
             transform: scaleX(1);
         }

         #divLoading {
             display: none;
         }

        #divLoading.show {
            display: block;
            position: fixed;
            z-index: 100;
            background-image: url('/webui/images/loading-home2.svg');
            background-color: rgba(0,0,0,0.6);
            background-repeat : no-repeat;

            
            background-repeat: no-repeat;
            background-position: center;
            left: 0;
            bottom: 0;
            right: 0;
            top: 0;
        }
     	/*===ICON STYLES===*/
         @font-face {
             font-family: 'Gladinet Icons';
             font-style: normal;
             font-weight: 400;
             src: url(/management/bootstrap4/fonts/GladinetFont.woff?v=638093536626800634) format('woff'),
                  url(/management/bootstrap4/fonts/GladinetFont.ttf?v=638093536626800634) format('ttf');
         }

         .hand {
             cursor: pointer !important;
         }

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

         .gladinet-icons {
             font-family: 'Gladinet Icons';
             font-weight: normal;
             font-style: normal;
             font-size: 24px;
             display: inline-block;
             line-height: 0.5;
             text-transform: none;
             letter-spacing: normal;
             word-wrap: normal;
             white-space: nowrap;
             direction: ltr;
             -webkit-font-smoothing: antialiased;
             text-rendering: optimizeLegibility;
             -moz-osx-font-smoothing: grayscale;
             font-feature-settings: 'liga';
             padding: 0 0 0 0;
             cursor: default;
         }

         .material-icons {
             line-height: 1.1;
         }

		 .material-icons.md-12 { font-size: 12px; }
		 .material-icons.md-16 { font-size: 16px; }
		 .material-icons.md-18 { font-size: 18px; }
         .material-icons.md-22 { font-size: 22px; }
         .material-icons.md-24 { font-size: 24px; }
         .material-icons.md-26 { font-size: 26px; }
         .material-icons.md-28 { font-size: 28px; }
         .material-icons.md-32 { font-size: 32px; }
         .material-icons.md-34 { font-size: 34px; }
         .material-icons.md-36 { font-size: 36px; }
         .material-icons.md-45 { font-size: 45px; }
         .material-icons.md-53 { font-size: 53px; }
         .material-icons.md-63 { font-size: 63px; }
         .material-icons.md-73 { font-size: 73px; }
         .material-icons.md-93 { font-size: 93px; }
         .material-icons.md-dark {
             color: rgb(0,120,215);
         }
         .material-icons.md-dark.md-inactive {
             color: rgba(146, 146, 146, 0.5);
         }
         .material-icons.md-light {
             color: rgba(255, 255, 255, 0.8);
         }
         .material-icons.md-light.md-inactive {
             color: rgba(255, 255, 255, 0.5);
         }
		 .gladinet-icons.md-12 { font-size: 12px; }
		 .gladinet-icons.md-16 { font-size: 16px; }
		 .gladinet-icons.md-18 { font-size: 18px; }
         .gladinet-icons.md-22 { font-size: 22px; }
         .gladinet-icons.md-24 { font-size: 24px; }
         .gladinet-icons.md-26 { font-size: 26px; }
         .gladinet-icons.md-28 { font-size: 28px; }
         .gladinet-icons.md-32 { font-size: 32px; }
         .gladinet-icons.md-34 { font-size: 34px; }
         .gladinet-icons.md-36 { font-size: 36px; }
         .gladinet-icons.md-45 { font-size: 45px; }
         .gladinet-icons.md-53 { font-size: 53px; }
         .gladinet-icons.md-63 { font-size: 63px; }
         .gladinet-icons.md-73 { font-size: 73px; }
         .gladinet-icons.md-93 { font-size: 93px; }
         .gladinet-icons.md-dark {
             color: rgb(0,120,215);
         }
         .gladinet-icons.md-dark.md-inactive {
             color: rgba(146, 146, 146, 0.5);
         }
         .gladinet-icons.md-light {
             color: rgba(255, 255, 255, 0.8);
         }
         .gladinet-icons.md-light.md-inactive {
             color: rgba(255, 255, 255, 0.5);
         }

         /*start bootstrap-material-design.css overrides. */     
         .tooltip-inner {
             background: #FFF; /*tooltip background color*/ 
             border: none;
             border-radius: 3px;
             line-height: 1.5em;
             color: #383838;
         }
         .tooltip .arrow,
         .tooltip .tooltip-arrow {
             display: inherit;
         }
         /*arrow color*/
         .tooltip.bottom .tooltip-arrow {
             border-bottom-color: #FFF;  /*tooltip arrow background color*/ 
         }
         /*arrow shadow*/
         .tooltip.bottom .tooltip-arrow:after {
             content: "";
             position: absolute;
             width: 8px;
             height: 8px;
             background: white;
             transform: rotate(45deg); /* Prefixes... */
             top: 1px;
             left: -4px;
             box-shadow: -2px -2px 1px 1px rgba(153, 153, 153, 0.1);
         }
         /*end bootstrap-material-design.css overrides.*/
		.topRightBox{
			width:155px;
			float:right;
			text-align:center;
			margin:8px 0 0 0;
		}
	    .icoBox
	    {
        	display:block;
        	clear:both;
	        float:none;
	        height:30px;
	        width:35px;
	        border-radius:2px;
	        margin-left:10px;
	        padding-top:1px;
	        cursor:pointer;
	        border:1px solid rgba(255, 255, 255, 0.2);
	    } 
	    .icoBoxHdr
	    {
	        float:right;
	        height:30px;
	        width:35px;
	        border-radius:2px;
	        margin-right:10px;
	        padding-top:1px;
	        cursor:pointer;
	        border:1px solid rgba(255, 255, 255, 0.2);
	    } 
		.icoBoxHdr .tooltip{
            margin:10px 0px 0px 0px;  /*tooltip positioning*/ 
		}
        .highlighted:before {
			content: ""; /*chrome causes icons to get cut off when the mouseover occurs. To fix this, an emptyspace is added before the icon*/ 
		} 
        .icoBoxHdr.highlighted .material-icons, .icoBoxHdr.highlighted .gladinet-icons {
             color: #FFF !important;
         }
         
         .icoBox.highlighted .material-icons, .icoBox.highlighted .gladinet-icons {
             color: rgba(201,0,215,1)!important;
         }
        .icoBoxHdr.highlighted #profileMenu .material-icons,.icoBoxHdr.highlighted #profileMenu .gladinet-icons {
             color: rgb(0,120,215) !important;
         }       
        .icoBoxHdr.highlighted .dropdown-menu table tr td i.gladinet-icons{
            color: rgb(0,120,215) !important;
        }  
         
		.icoBox.highlighted .md-light{
			color: rgba(255, 255, 255, 1) !important;
		} 
         .gladinet-icons:hover {
             
         }
         
     	/*===ICON STYLES===*/ 
        .x-tree-icon.x-hide {
            display:none;
        }
        
        /*card layout*/
        .viewcard
        {
            box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
            border-radius: 3px;
            background-color: white;
             transition-property: box-shadow !important;
             transition-duration: 0.3s;
             transition-timing-function: linear;
                background-size: 100% auto;
             background-position: right bottom;
             background-repeat: no-repeat;
         }
        .staticviewcard
        {
            
            border-radius: 3px;
            background-color: white;
            border: 1px solid rgba(0,120,215,0.8);

  
         }

        .staticviewcard3d
        {
            
            border-radius: 3px;
            background-color: white;
            border: 1px solid rgba(0,120,215,0.8);
            box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
         }
        .staticviewcarddark
        {
            
            border-radius: 5px;
            background-color: white;
            border: 1px solid rgba(0,120,215,0.5);
  
         }

        .staticviewcards
        {
            
            border-radius: 3px;
            background-color: white;
            border: 1px solid rgba(0,120,215,0.2);
         }

         .viewcard:hover {
             box-shadow: 2px 4px 8px 0 rgba(0,120,215,0.4),-2px -4px 8px 0 rgba(0,120,215,0.4) ;
             
         }

        .floatbt:hover {
             box-shadow: 2px 4px 8px 0 rgba(0,120,215,0.4),-2px -4px 8px 0 rgba(0,120,215,0.4) ;
             
         }
        .staticcard
        {
            
            border-radius: 3px;
            background-color: white;
            border:1px solid rgba(0,120,215,0.3);
         }

        .rowobj:hover {
          background-color: rgba(0,120,215,0.07) !important;
          color: rgba(0,120,215,1) !important;
         }

/*file browser*/
        
        .icodiv {
            margin: 0 auto;
            
        }

        .icoimg {
            display: inline-block;
           
           
        }

                      .fileoutbox {
            padding: 5px;
            position: relative;
            padding-bottom: 13%;
            height: 0;

        }
.folderNode {
background-color:white;
             border-width: 0px;
             border-radius: 3px;
             height: 48px;
             border-style: solid;
             font-weight: 200;
             color:#878787; 
             font-size:14px;
             cursor: pointer;
             padding-left:5px;
             width: 100%;
           box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
         }

                      
 .titletxt {
            font-size: 16px;
        }
        .foldrNameBox {
            float: left;
            margin-left: 10px;
            font-size: 18px;
            margin-top: 15px;
            color: rgba(0,120,215,1) !important;
        }

        .folderIcon {
            float: left;
            font-size: 40px;
            margin-top: 15px;

        }
        .folderbox {
            padding: 5px;
            align-items: center;
        }

        
        .filebox {
            padding: 5px;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: 0px solid red;
            align-content: center;
        }

        .filenode {
            border-width: 1px;
            border-radius: 3px;
            position: absolute;
            top: 0;
            
           box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
            
            border-style: solid;
            font-weight: 100;
            color:#878787; 
            font-size:14px;
            cursor: pointer;
           
            width: 97%;
            height: 97%;
            overflow: hidden;
        
            display:flex;
            align-items: center;  
            text-align: center; 
            
        }
        .thumbimg {
            width: 100%;
            border-radius: 3px;
           
        }

        ul {
          list-style-type: none;
        }
        .titlediv {
            height: 40px;
           
            align-content: center;
            text-align: center;
            vertical-align: middle;
            position: absolute;
            border-top: 1px solid #f0f0f0;
            bottom: 0px;
            width: 100%;
            line-height: 40px;
            background-color: white;
        }
        /*these classes have no definition, but are used as selectors on the file browser dashboard page*/
        .sel_fld {
            /*background-color: rgba(0,120,215, 0.2);*/
        }
        .sel_fil .filebox {
            /*background-color: rgba(0,120,215, 0.2);*/
        }
        .sel_fil .titlediv.btniconcolor {
            /*background-color: rgba(0,120,215, 0.2);*/
        }
        /*the file browser dashboard selected item color is the same as the topnavcolor*/
        .sel_fil .filebox .filenode.boxbordercolor{
/*border-color: rgba(0,120,215,0.98) !important;*/
box-shadow: 0 -1px 12px 1px rgba(0,120,215,0.98), 0 3px 1px -2px rgba(0,120,215,0.98), 0 1px 5px 0 rgba(0,120,215,0.98) !important;
}
        .sel_fil .filebox .filenode .titlediv{border-top: 1px solid rgba(0,120,215,0.30);}
        .sel_fld .viewcard{box-shadow: 0 -1px 12px 1px rgba(0,120,215,0.98), 0 3px 1px -2px rgba(0,120,215,0.98), 0 1px 5px 0 rgba(0,120,215,0.98) !important;}

        ////////////////////////////////////////////////////////////
        //our ui elemens
        ////////////////////////////////////////////////////////////
        .btn-primary{
            color: rgba(0,120,215,1) !important;
            
        }
        .gladbtn{
            color: rgba(0,120,215,1) !important;
            font-weight:300!important;
            font-size:16px!important;
        }
        .gladbtnnc{
            
            font-weight:300!important;
            font-size:16px!important;
        }
        
        .gladmbtn{
            color: rgba(0,120,215,1) !important;
            font-weight:300!important;
            font-size:16px!important;
        }

        .gladsmbtn{
            color: rgba(0,120,215,1) !important;
            font-weight:300!important;
            font-size:16px!important;
        }
         .hintlabel{
            font-size:12px; 
            font-weight:100; 
            color:#565656;        

                  }
        
        .gladsmallbtn{
            color: rgba(0,120,215,1) !important;
            font-weight:100!important;
            font-size:12px!important;
        }
        .gladrootbtn{
            color: rgba(0,120,215,1) !important;
            font-weight:300!important;
            font-size:18px!important;
            cursor: pointer;
            border-radius:50%;
        }
       .gladrootbtn:hover,
        .gladrootbtn:focus {
           
            box-shadow: 0 -1px 12px 1px rgba(0,120,215,0.98), 0 3px 1px -2px rgba(0,120,215,0.98), 0 1px 5px 0 rgba(0,120,215,0.98) !important;
        }

        .gladrootbtnw{
            color: white;
            font-weight:500!important;
            font-size:18px!important;
            cursor: pointer;
            border-radius:10%;
            padding:5px; 
            backgroud:transparent;
        }
       .gladrootbtnw:hover,
        .gladrootbtnw:focus {
             text-shadow: 2px 2px 8px white;
            
        }

         
.gladrootbtnwe{
            color: rgba(0,120,215,1) !important;
            font-weight:300!important;
            font-size:18px!important;
            cursor: pointer;
            border-radius:50%;
        }
       .gladrootbtnwe:hover,
        .gladrootbtnwe:focus {
           
            box-shadow: 0 -1px 12px 1px rgba(255,255,255,0.98), 0 3px 1px -2px rgba(255,255,255,0.98), 0 1px 5px 0 rgba(255,255,255,0.98) !important;
        }
    
        .gladrootbox{
            cursor: pointer;
 transition-property: box-shadow !important;
             transition-duration: 0.3s;
             transition-timing-function: linear;
        }
       .gladrootbox:hover,
        .gladrootbox:focus {
            box-shadow: 0 -1px 12px 1px rgba(0,120,215,0.98), 0 3px 1px -2px rgba(0,120,215,0.98), 0 1px 5px 0 rgba(0,120,215,0.98) !important;
            
        }

    .gladrootboxw{
            cursor: pointer;
            border-radius: 5px;
            padding:3px;
                transition-property: box-shadow !important;
             transition-duration: 0.3s;
             transition-timing-function: linear;
        }
       .gladrootboxw:hover,
        .gladrootboxw:focus {
            box-shadow: 0 -1px 12px 1px rgba(255,255,255,0.98), 0 3px 1px -2px rgba(255,255,255,0.98), 0 1px 5px 0 rgba(255,255,255,0.98) !important;
            
        }

        .gladdefbtn{
            color: #404040 !important;
            font-weight:200!important;
        }

        .btn-default{
            color: rgba(90,90,90,0.8)!important;
            font-weight:300!important;
            font-size:16px!important;
        }
        .modal-title{
            color: #404040 !important;
            font-weight:100;
            font-size:18px;
        }
        a{
            color: rgba(0,120,215,0.8) !important;
        }
        .linkColor{
            color: rgba(0,120,215,0.8) !important;cursor:pointer;
        }
        .linkColor span:hover{
            text-decoration: underline;
        }

        .gcardtitle{
            font-weight:300!important;
            font-size:20px!important;
            color: rgba(0,120,215,0.7) !important;
        }

        .glabel1{
            font-weight:200!important;
            font-size:18px!important;
            color: #404040 !important;
        }

        .glabel1_h{
            font-weight:200!important;
            font-size:18px!important;
             color: rgba(0,120,215,1) !important;
        }

        .glabel2{
            font-weight:200!important;
            font-size:16px!important;
            color: #404040 !important;
        }
        .glabeltext1{
            font-weight:100!important;
            font-size:14px!important;
            color: #565656 !important;
        }

        .glabeltext2{
            font-weight:100!important;
            font-size:12px!important;
            color: #565656 !important;
        }
        .gladactiverow
        {
            background-color:rgba(0,120,215,0.1) !important;
            
        }
        .gladtab_active{
            width:100%; 
            
            height:30px; 
            border-radius:5px 5px 0px 0px;
            border:1px solid #cccccc; 
           
            border-top:3px solid rgba(0,120,215,0.8); 
            font-size:14px!important; 
            text-align: center;
            vertical-align: middle;
            line-height: 30px;
            color:#404040!important;
            font-weight:400;
            cursor:pointer;
            padding-left:8px;
            padding-right:8px;    
            white-space: nowrap;
            box-shadow: 1px -1px 2px 0 rgba(0,0,0,0.25);
            border-bottom:0px!important; 
            
        }
        .gladtab_inactive{
            width:100%; 
            border-radius:0px;
            height:30px; 
            border:1px solid #d0d0d0; 
            border-bottom:1px solid #cccccc;
            border-radius:5px 5px 0px 0px;
            font-size:14px!important; 
            text-align: center;
            vertical-align: middle;
            line-height: 30px;
            color:#808080;
            font-weight:200;
            white-space: nowrap;
            cursor:pointer;
            position: relative;         
            padding-left:5px;
            padding-right:5px;    
             text-decoration: none;
        }

        .gladtab_inactive:before {
             content: "";
             position: absolute;
             width: 100%;
             height: 2px;
             top: 0px;
             left: 0;
             background-color: rgb(0,120,215);
             /*visibility: hidden;*/
             -webkit-transform: scaleX(0);
             transform: scaleX(0);
             -webkit-transition: all 0.3s ease-in-out 0s;
             transition: all 0.3s ease-in-out 0s; 
         }
         
         .gladtab_inactive:hover:before {
             visibility: visible;
             -webkit-transform: scaleX(1);
             transform: scaleX(1);
            
         }

        .gladdropdownlink{
            font-weight:100!important;
            font-size:14px!important;
            color: #808080 !important;
        }

        .gladtablight{
            font-size:12px!important; 
            font-weight:100!important;
            line-height: 20px!important;
            height: 20px!important;
        }
        .panel-body{
            padding-left:10px;
        }
        .panel-title{
            font-weight:200!important;
            font-size:18px!important;
            color: #404040 !important;
        }

        .panel{
            padding:5px;
            border-radius:3px;
        }
        label {
            font-weight:100!important;
            font-size:12px!important;
            color: #404040 !important;
        }

        .dropmenubtn{
            width:48px; 
            height:48px; 
            border-radius:50%; 
            

        }
        .dropmenubtn:hover,
        .dropmenubtn:focus {
          color:white!important;  
            border:1px solid rgba(0,120,215,0.4) ;
          background-color: rgba(0,120,215,0.8);

            box-shadow: 0 4px 8px 0 rgba(0,0,0,0.25);
        }

        .dropmenubtnenclose
        {
            border-radius:5px; 
            
        }
    .form-control{
        border:0px solid rgba(0,120,215,0.2)!important;
        border-radius:3px;
        padding-left:3px!important;
        padding-right:3px!important;
        height:40px;
        font-weight:100;
        border-bottom:0px solid rgba(0,120,215,0.01)!important;
         background-image:linear-gradient(0deg, rgba(0,120,215,0.3) 2px, white 2px), linear-gradient(0deg, rgba(0,120,215, 0.26) 2px, rgba(0, 0, 0, 0) 0px);
    }


        
        .form-control:focus {
             border:0px solid rgba(0,120,215,0.6)!important;
            border:1px solid rgba(0,120,215,1.0) ;          
            border-bottom:0px solid rgba(0,120,215,0.01)!important;
            background-image:linear-gradient(0deg, rgba(0,120,215,0.6) 2px, white 2px), linear-gradient(0deg, rgba(0, 0, 0, 0.26) 1px, rgba(0, 0, 0, 0) 0px);
            
        }

        .form-control:hover
         {
                   border-bottom:2px solid rgba(0,120,215,0.6)!important;
           
        }

        .form-control-area{
        border:1px solid rgba(0,120,215,0.2)!important;
        border-radius:3px;
        width:100%;
        padding:5px;
        font-size:14px;
        font-weight:100;
        border-bottom:0px solid rgba(0,120,215,0.01)!important;
         background-image:linear-gradient(0deg, rgba(0,120,215,0.3) 2px, white 2px), linear-gradient(0deg, rgba(0,120,215, 0.26) 1px, rgba(0, 0, 0, 0) 0px);
    }


        
        .form-control-area:focus {
             border:1px solid rgba(0,120,215,0.6)!important;
            
            border-bottom:0px solid rgba(0,120,215,0.01)!important;
            background-image:linear-gradient(0deg, rgba(0,120,215,0.6) 2px, white 2px), linear-gradient(0deg, rgba(0, 0, 0, 0.26) 1px, rgba(0, 0, 0, 0) 0px);
            
        }

        .form-control-area:hover
         {
                   border-bottom:2px solid rgba(0,120,215,0.6)!important;
           
        }

        .contextMenu{
            font-weight:200 !important;position:absolute;top:0;left:0px;background-color:white;z-index:3000;width:400px;height:200px;border:none;border-radius:3px;padding:10px;display:none;
                        box-shadow: 2px 4px 8px 0 rgba(0,0,0,0.2),-2px -1px 8px 0 rgba(0,0,0,0.2) ;
        }

    .panel:hover
         {
            background-color: white!important;
            border:1px solid rgba(0,120,215,0.4) ;          
            
        }

    .custom-select{
        border-width: 0px;
        border-bottom-width:2px;
    }

    .custom-select:focus{
        border:1px solid rgba(0,120,215,1.0) ;          
            box-shadow: 2px 4px 8px 0 rgba(0,120,215,0.4),-2px -4px 8px 0 rgba(0,120,215,0.4) ;
    }

    .meubardrop{
        box-shadow: 0px 2px 12px rgba(0,0,0,0.4) !important;
        border:0px!important;

    }

        .staticviewcardshadow
        {
            
            border-radius: 3px;
            background-color: white;
            border: 1px solid rgba(0,0,0,0.1);
             box-shadow: 4px 4px 12px 0 rgba(0,0,0,0.1),-4px -4px 12px 0 rgba(0,0,0,0.1) ;
         }

        .gladtab_lg_active{
            width:100%; 
            
            height:45px!important; 
            border-radius:5px 5px 0px 0px;
            border:1px solid #cccccc; 
           
            border-top:3px solid rgba(0,120,215,0.8); 
            font-size:18px!important; 
            text-align: center;
            vertical-align: middle;
            line-height: 45px!important;
            color:#404040!important;
            font-weight:400!important;
            cursor:pointer;
            padding-left:8px;
            padding-right:8px;    
            white-space: nowrap;
            box-shadow: 1px -2px 2px 0 rgba(0,0,0,0.25);
            border-bottom:0px!important; 
            font-family:roboto, helvetica, arial, verdana, sans-serif;
        }
        .gladtab_lg_inactive{
            width:100%; 
            border-radius:0px;
            height:45px!important; 
            border:1px solid #d0d0d0; 
            border-bottom:1px solid #cccccc;
            border-radius:5px 5px 0px 0px;
            font-size:18px!important; 
            text-align: center;
            vertical-align: middle;
            line-height: 50px!important;
            color:#808080!important;
            font-weight:100!important;
            white-space: nowrap;
            cursor:pointer;
            position: relative;         
            padding-left:5px;
            padding-right:5px;    
             text-decoration: none;
            font-family:roboto, helvetica, arial, verdana, sans-serif;
        }

        .gladtab_lg_inactive:before {
             content: "";
             position: absolute;
             width: 100%;
             height: 2px;
             top: 0px;
             left: 0;
             background-color: rgb(0,120,215);
             /*visibility: hidden;*/
             -webkit-transform: scaleX(0);
             transform: scaleX(0);
             -webkit-transition: all 0.3s ease-in-out 0s;
             transition: all 0.3s ease-in-out 0s; 
         }
         
         .gladtab_lg_inactive:hover:before {
             visibility: visible;
             -webkit-transform: scaleX(1);
             transform: scaleX(1);
            
         }
         .invertedAccent{color:rgba(0,120,215,0.9) !important;filter:invert(1);}

         .mainColorBgLight{background-color: rgba(0,120,215,0.05);}