@font-face{
                font-family:'noto';
                src:
                    url('fonts/Noto_Sans/NotoSans-Bold.ttf');
                src:
                    url('fonts/Noto_Sans/NotoSans-Regular.ttf')
            }

            .tools{
                padding-left: 10px;
                padding-right: 10px;
            }
             .tools .leftside{
                float: left
            }

            .tools .rightside{
                float: right
            }

            .form-horizontal .control-label{
                text-align: left;
            }

             ul.tree ul.tree ul{
                list-style: none;
                margin: 0;
                padding: 0;
            }

            ul.tree ul{
                margin-left: 20px;
            }

            ul.tree li{
                list-style-type: none;
                margin: -1px;
                padding: 0px;
                line-height: 45px;/*height of line*/
                border-left:1px solid rgb(100,100,100);
            }

            ul.tree li:last-child{
                border-left: none;
            }

            ul.tree li>a{
                 margin-left: -25px; /*margin left for links*/
            }

            ul.tree li:before{
                position: relative;
                top: -0.3em;
                height: 2em;
                width: 16px;
                color: white;
                border-bottom: 1px solid rgb(100,100,100);
                content: "";
                display: inline-block;
                left: -11px;
            }

            ul.tree li:last-child:before{
				margin-left: 1px;
                border-left: 1px solid rgb(100,100,100);
            }

            .icon-crisismanage{
                background-image: url("../images/png-32px/003-crisis-manage.png");

            }

            .icon-smsmsg{
                background-image: url(../images/png-32px/004-sms-msg.png);
            }

            .icon-tasksch{
                background-image: url(../images/png-32px/012-task-scheduler.png);
            }

            .icon-usermgmt{
                background-image: url(../images/png-32px/015-user-manage.png);
            }

            .icon-syscon{
                background-image: url(../images/png-32px/018-system-config.png);
            }

            .icon-changepwd{
                background-image: url(../images/png-32px/chg-pass-w.png);
                /* background-size:80% 70%; */

            }

            .icon-resetdash{
                background-image: url(../images/png-32px/017-reset-pass.png);
            }

            .icon-help{
                background-image: url(../images/png-32px/009-help.png);
            }

            .icon-reload{
                background-image: url(../images/png-32px/008-reload.png);
            }

            .icon-logout{
                background-image: url(../images/png-32px/016-log-in-out.png);
            }

            .icon-arrow{
                background-image: url(../images/png-32px/005-down-arrow.png);
                background-size: 90% 80%;
            }

            .icon-left-arrow{
                background-image: url(../images/png-32px/006-left-arrow.png);
                background-size: 90% 90%;
            }

            .icon-right-arrow{
                background-image: url(../images/png-32px/007-right-arrow.png);
                background-size: 90% 90%;
            }

            .icon-export{
                background-image: url(../images/png-32px/010-export.png);
                width: 20px;
                height: 20px;
                background-size: 90% 100%;
                background-position: center center;
            }

            .icons-size{
                width: 20px;
                height: 20px;
                display: inline-block;
                background-size: contain;
                background-position: center center;
                margin-right:10px;
                margin-top: 5px;
            }

            .menu-icons-size{
                width: 20px;
                height: 20px;
                display: inline-block;
                background-size: contain;
                background-position: center center;
                margin-right:10px;
                margin-top: 5px;
                float: left;
            }


            .arrow-size{
                width: 20px;
                height: 20px;
                display: inline-block;
                background-size: contain;
                background-position: center center;
            }

            .menu-link-margin{
				margin-left:20px;
			}

            #sidebar-pad{
                padding: 0px;
            }

            .sidebar-color{
                background-color: #1b2133;
            }

            ul.nav-second-level li>a{
                color: #e4ebf7;
                font-size: 14px;
                text-align: left;
                font-weight: bold;
            }

            ul.nav-second-level li{
                padding-left: 10px;
            }

            div.sidebar-nav li>a{
                color: #9ca2ae;
            }

            div.navbar-brand h6,h5{
                color: #e4ebf7;
            }

            div h6,h5{
                color: #e4ebf7;
                padding-left: 5px;
                padding-right: 10px;
                margin-bottom: 0;
            }

            #wrapper{
                font-family: 'noto';
                background-color: #1b2133;
            }

            #navbarbrand-height{
                height: auto;
                margin-top: 0px;
                margin-bottom: 20px;
                padding: 0
            }

            #button-align{
                float: right;
                display: inline-block;
                background-color: #f45b63;
                border-radius: 25px;
                font-size: 11px;
                width: 120px;
                height:25px;
                padding: 0;
                margin-bottom: 5px;
                text-align: center;
            }

            .navbar-default{
                background-color: #1b2133;
            }

            .navbar-header-margin{
                margin-bottom: 50px;
            }

            .border-icon{
                border-bottom-left-radius: 20px;
                border-top-left-radius: 20px;
            }

            .border-input{
                border-bottom-right-radius: 20px;
                border-top-right-radius: 20px;
            }



            /*
            td {
                border-bottom: 1px solid #ddd;
            }

            tr {
                border-top: 1px solid #ddd;
            }
           */
            th {
               font color: #e4ebf7;
            }

            .background-top {
                position: fixed;
                top: 0px;
                left: 0px;
                width: 100%;
                height: 30%;
                background-color: white;
                z-index: 1;
            }

            .btn-circle{
                width: 30px;
                height: 30px;
                text-align: center;
                padding: 0;
                line-height: 1.428571429;
                background-color: white;
                border: 1px solid gainsboro;
                border-radius: 15px;
            }

            ul.dropdown-menu{
                margin-top: 10px;
            }

            .modal{
                overflow: hidden;
            }

            .modal-title{
                color: white;
                background-color: #1b2133;
                padding: 10px;
                margin-top: 0px;
                font-weight: bold;
                border-top-left-radius: 8px;
                border-top-right-radius: 8px;
            }

            .modal-header{
                padding-top: 0px;
                padding-left: 0px;
                padding-right: 0px;
                border: transparent;
            }

            .modal-body{
                border: transparent;
                margin-left: 10px;
            }

            .modal-content{
                border-top-left-radius: 10px;
                border-top-right-radius: 10px;
            }

            .modal-footer{
                border: transparent;
                margin-top: -30px;
            }

            div.modal-header button{
                padding: 5px;
                margin-top: 3px;
                color: white;
            }

            div.modal-footer button{
                border-radius: 20px;
            }

            .modal-input{
                border: 0;
                outline: 0;
                border-color: transparent;
                border-bottom: solid 1px #00a2ff;
                background-color: transparent;
                border-radius: 0px;
            }

            .modal-label{
                border-bottom: solid 1px red;
                padding-bottom: 6px;
                font-weight: normal;
                background: transparent;
                outline: 0;
            }

            .changepwdnormal-label{
                border-bottom: solid 1px lightgray;
                padding-bottom: 6px;
                font-weight: normal;
                background: transparent;
                outline: 0;
                padding-top: 10px;
            }

            .changepwdnormal-input{
                border: 0;
                outline: 0;
                border-color: transparent;
                border-bottom: solid 1px lghtgray;
                background-color: transparent;
                border-radius: 0px;
            }

            .changepwd-label{
                border-bottom: solid 1px red;
                padding-bottom: 6px;
                font-weight: normal;
                background: transparent;
                padding-top: 2px;
                outline: 0;
            }

            .changepwd-input{
                padding: 0px;
                border: 0;
                outline: 0;
                border-color: transparent;
                border-bottom: solid 1px #00a2ff;
                padding-bottom: 6px;
                background-color: transparent;
                border-radius: 0px;
            }

            .modal-dropdown-button{
                border: 0;
                outline: 0;
            }

              span.dropdown button{
                width: 150px;
            }

            .table > thead > tr > th[class*="sort"]:after{
                content: "" !important;
            }

            table.dataTable.select tbody tr,
				table.dataTable thead th:first-child {
					cursor: pointer;
				}

			#refreshtable {
				cursor: pointer
			}

			.datacolumn{
				float: left;
			}

			#grad {
				min-height: 100%;
				background: blue; /* For browsers that do not support gradients */
				background: -webkit-linear-gradient(#dae2f8, #d6a4a4); /* For Safari 5.1 to 6.0 */
				background: -o-linear-gradient(#dae2f8, #d6a4a4); /* For Opera 11.1 to 12.0 */
				background: -moz-linear-gradient(#dae2f8, #d6a4a4); /* For Firefox 3.6 to 15 */
				background: linear-gradient(#dae2f8, #d6a4a4); /* Standard syntax */
			}

			.form-control:focus{
				border-color: blue;
			}

			.input[type='text'].login_input{
				background-color:none;
				outline: 0;
				border-width: 0 0 2px 0;
			}

			.input[type='text'].login_input:focus{
				outline:0;
				border-color:green;
			}

			.no-border {
				border: 0;
				box-shadow: none;
			}

			.newlogin-panel{
			background-color: #fff;
			border-radius: 5px;
			padding-top: 20px;
			padding-bottom: 20px;
			pading-right: 50px;
			padding-left: 50px;
			box-shadow: 2px 2px 2px #888888;
		}

		.newlogin-panel-title{
			color: #00a2ff;
		}

		.newlogin-inputname{
			color: gray;
			text-align: left;
			width: 70px;
			height: 40px;
			border: none;
			border-bottom: 1px solid #00a2ff;
			background: #fff;
		}

		.newlogin-input{
			width: 200px;
			height: 40px;
			border: none;
			border-bottom: 1px solid #00a2ff;
			outline: none;
			margin: 0 0 0 -5px;
		}

		.newlogin-footer{
			position: absolute;
			top:56%;
			left: 37%;
			clear:left;
		}
		@media (min-width: 1000px) {
			.pull-right-lg {
				float: right;
			}
		}
		.colorbox{
			border-radius: 5px;
		  width: 50px;
		  height: 20px;
		  display:inline-block;
		  margin-left: 10px;
		  vertical-align: middle;
		}
		.span-members{
			padding: 2px;
			border: 1px solid #ccc;
			display: inline-block;
		}
		div.items{
			padding: 0px;
			margin: 0px;
			color:blue;
			z-index: 200;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			border-radius: 6px;
		}
		.table-wrap {
		  height: 400px;
		  overflow-y: auto;
		}
        .nav-link, .help-block {
            font-size: 15px;
            color: #3F83A5;
        }
        .font-red {
            color:red;
        }
        .page-content {
            padding:20px;
        }
        .table th{
            color: #9ca2ae;
        }
        .table > tbody > tr.active > td{
            background: #f5f5f5;
        }
        .blue-underline input[type=text], .blue-underline textarea, .blue-underline-div, .blue-underline select{
            border-bottom: 1px #00aeff solid;
        }
        a{
            text-decoration: none;
        }
        .text-blue{
            color: #361bfe;
        }
        .click-rect{
            border-radius: 5px;
            border: 1px solid #00aeff;
            /* padding: 2px; */
            overflow: auto;
        }
        .contact-rect{
            border-radius: 5px;
            border: 1px solid #00aeff;
            padding: 10px;
            width: 100%;
            height: 300px;
            overflow: auto;
        }   
        .span-items{
            padding: 2px;
            display: inline-block;
        }
        .chart-height{
            height: 300px
        }
        .chart-border{
            border-color: #abb1b6;
        }