/* Error de minimización. Devolviendo el contenido no minimizado.
(264,1): run-time error CSS1019: Unexpected token, found '@import'
(264,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900)'
 */
			#croppic{
				width: 400px;  /* MANDATORY */
				height: 208px; /* MANDATORY */
				position: relative;  /* MANDATORY */
				
				margin: 50px 70px 20px;
				border: 3px  solid #FFF;
				box-sizing: content-box;
				-moz-box-sizing: content-box;
				border-radius: 2px;
				background-image: url(../img/placeholder.png);
				background-repeat: no-repeat;
				background-position: center;
				box-shadow: 8px 8px 0px rgba(0,0,0,0.1);
			}
			
			/* DO NOT CHANGE FROM HERE ( unless u know what u are doing) */
			.cropImgWrapper{
				cursor: -webkit-grab;
				cursor: grab;
			}
			.cropImgWrapper:active{
				cursor: -webkit-grabbing;
				cursor: grabbing;
			}
			
			.cropImgUpload{
				z-index:2;
				position:absolute;
				height:28px;
				display:block;
				top: -30px;
				right: -2px;
				font-family:sans-serif;
				width:20px;
				height:20px;
				text-align:center;
				line-height:20px;
				color:#FFF;
			}
			
			.cropControls{
				z-index:2;
				position:absolute;
				height:30px;
				display:block;
				/* top: -31px; */
				top: -1px;
				right: -1px;
				font-family:sans-serif;
				background-color:rgba(0,0,0,0.35); 
			}
			
			.cropControls i{
				display:block;
				float:left;
				margin:0;
				cursor:pointer;
				background-image:url('../img/cropperIcons.png');	
				width:30px;
				height:30px;
				text-align:center;
				line-height:20px;
				color:#FFF;
				font-size:13px;
				font-weight: bold;
				font-style: normal;
				
			}
			
			.cropControls i:hover{ background-color:rgba(0,0,0,0.7);  }
			
			.cropControls i.cropControlZoomMuchIn{ background-position:0px 0px;}
			.cropControls i.cropControlZoomIn{ background-position:-30px 0px; }
			.cropControls i.cropControlZoomOut{ background-position:-60px 0px; }
			.cropControls i.cropControlZoomMuchOut{ background-position:-90px 0px; }
			.cropControls i.cropControlRotateLeft{ background-position:-210px 0px; }
			.cropControls i.cropControlRotateRight{ background-position:-240px 0px; }
			.cropControls i.cropControlCrop{ background-position:-120px 0px;}
			.cropControls i.cropControlUpload{ background-position:-150px 0px;}
			.cropControls i.cropControlReset{ background-position:-180px 0px;}
			.cropControls i.cropControlRemoveCroppedImage{ background-position:-180px 0px;}
			
			.cropControls i:last-child{
				margin-right:none;
			}
			
			#croppicModal{
				position:fixed;
				width:100%;
				height:100%;
				top: 0;
				left: 0;
				display:block;
				background:rgba(0,0,0,0.8);
				z-index: 10000;
			}
			
			
			/*
			*		PRELOADER 
			*		With courtesy of : http://cssload.net/
			*/
			
			.bubblingG {
				text-align: center;
				width:80px;
				height:50px;
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -18px auto auto -40px;
				z-index:2;
			}

			.bubblingG span {
				display: inline-block;
				vertical-align: middle;
				width: 10px;
				height: 10px;
				margin: 25px auto;
				background: #FFF;
				box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
				-moz-border-radius: 50px;
				-moz-animation: bubblingG 1s infinite alternate;
				-webkit-border-radius: 50px;
				-webkit-animation: bubblingG 1s infinite alternate;
				-ms-border-radius: 50px;
				-ms-animation: bubblingG 1s infinite alternate;
				-o-border-radius: 50px;
				-o-animation: bubblingG 1s infinite alternate;
				border-radius: 50px;
				animation: bubblingG 1s infinite alternate;
				
			}

			#bubblingG_1 {
				-moz-animation-delay: 0s;
				-webkit-animation-delay: 0s;
				-ms-animation-delay: 0s;
				-o-animation-delay: 0s;
				animation-delay: 0s;
			}

			#bubblingG_2 {
				-moz-animation-delay: 0.3s;
				-webkit-animation-delay: 0.3s;
				-ms-animation-delay: 0.3s;
				-o-animation-delay: 0.3s;
				animation-delay: 0.3s;
			}

			#bubblingG_3 {
				-moz-animation-delay: 0.6s;
				-webkit-animation-delay: 0.6s;
				-ms-animation-delay: 0.6s;
				-o-animation-delay: 0.6s;
				animation-delay: 0.6s;
			}

			@-moz-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#FFF;
					-moz-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#FFF;
					-moz-transform: translateY(-21px);
				}

			}

			@-webkit-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#FFF;
					-webkit-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#FFF;
					-webkit-transform: translateY(-21px);
				}

			}

			@-ms-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#FFF;
					-ms-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#FFF;
					-ms-transform: translateY(-21px);
				}

			}

			@-o-keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#FFF;
					-o-transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#FFF;
					-o-transform: translateY(-21px);
				}

			}

			@keyframes bubblingG {
				0% {
					width: 10px;
					height: 10px;
					background-color:#FFF;
					transform: translateY(0);
				}

				100% {
					width: 24px;
					height: 24px;
					background-color:#FFF;
					transform: translateY(-21px);
				}

			}
			
			
			/* some reset stlyes */
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900);

html, body, html * {
 
    
    font-family: 'Roboto', sans-serif;
}
.dashboard .flex-title {
    flex-direction: row;
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 7px;
}

.dashboard .card {
    min-height: 140px;
    margin-bottom:25px ;
}

.dashboard p {
    font-size: 36px;
    font-weight: 700;
    margin: 0 12px;
}

.dashboard h1 {
    padding: 0 14px;
    font-weight: 600;
    font-size: 19px;
}
.dashboard i {
    color: #50b9ff;
    background-color: #EFF7FC;
    box-shadow: 1px 1px 1px 1px #ebebeb;
    border-radius: 8px;
    padding: 14px;
    margin: 0 3px;
}

@media screen and (max-width: 900px) {
    .k-tilelayout {
        grid-template-columns: none !important;
        display: inline !important;
        padding: 0px !important;
    }
        .k-tilelayout .card {
            width: 100% !important;
            margin: 16px !important;
        }
 
}


@media (max-width: 1380px) {

   
    .form-login {
        padding: 20px !important;
    }
}



@media  (max-width: 770px) {
 
    .img-slider {
        display: none !important;
    }
    .form-login{
        padding: 30px !important;
    }
}


body {
    font-family: 'Roboto', sans-serif !important;
    color: #2e2e2e;
}


.k-numerictextbox .k-numeric-wrap .k-input {
    margin:0;
}
    .form-group {
    padding-bottom: 7px;
    margin: 7px 0 0 0;
}


.profile-dot {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    border: white 1px solid;
    background-size: cover;
    background-position: center;
    background-repeat: none;
}

    .profile-dot span {
        font-weight: 700;
        color: #fff;
        font-style: normal;
        font-size: 120%;
    }


.devicebox {
    padding: 15px;
    margin: 15px 0;
    background-color: white;
   
    position: relative;
    border-radius: 9px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
}

    .devicebox a {
        color: #6b6b6b;
    }

        .devicebox a:focus {
            color: #6b6b6b;
        }

    .devicebox .label {
        right: 0;
        top: 0;
        position: absolute;
        border-radius: 0 7px;
        background-color: #50b9ff;
    }

 


    .devicebox p {
        font-weight: bold;
        margin-bottom: 0;
    }

    .devicebox i {
        margin: 15px 4px;
        color: #50b9ff;
        width: 14px;
    }

    .devicebox ul img {
        margin: 15px 4px;
        color: #50b9ff;
        width:14px;
    }

    .devicebox p i {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .devicebox ul {
        /*overflow-y:scroll;*/
        padding: 0;
    }

    .devicebox li {
        list-style-type: none;
        height: 22px;
    }

    /*.devicebox img {
        max-height: 17px;
        padding-bottom: 3px;
    }*/

.k-listview {
    background-color: #f7f7f7;
    padding: 0 15px !important;
}

#test1 {
    
}













.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    width: calc(16px + 0.3285714286em) !important;
    height: calc(16px + 0.3285714286em) !important;
}

.main-header .sidebar-toggle:before {
    content: "";
}
.sidebar-mini.sidebar-collapse .logo > .logo-lg {
    display: none;
}



.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
    background-color: #b9ff50;
    color: #000;
}
.skin-blue-light .main-header .logo:hover {
    background-color: #50b9ff;
}

.k-window-titlebar {
    color: #2b2b2b;
    background-color: #fff;
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.k-window p {
    color: #000;
   }


.btn-input {
    padding: 10px 12px !important;
    background-color: #50b9ff;
    margin: 0 !important;
    color: white;
    border-radius: 6px;
}


    .btn-input:hover {
        padding: 10px 12px !important;
        background-color: #50b9ff;
        margin: 0 !important;
        color: white;
        border-radius: 6px;
    }

    .btn-input i {
        padding-right: 0 !important;
    }


.k-window.k-window-maximized {
    max-width: calc(100vw - 40px) !important;
    max-height: calc(100vh - 40px) !important;
    box-shadow: none;
    top: 20px !important;
    left: 20px !important;
    right: 20px !important;
    bottom: 20px !important;
}

.full-btn {
    width: calc(100% - 40px) !important;
    display: inline-block;
}


.k-widget {
    line-height: 1.4 !important;
}
    .k-listview {
    border-width: 0;
    
    margin: 0;
    padding: 0;
   
}

/*.k-textbox.form-control {
    height: calc(18px + 1.125em) !important;
    padding: 8px 0 !important;
}*/



.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    text-align: center !important;
    color: #fff !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    text-align: center !important;
    height:auto !important;
}

 .sidebar-menu > li > a {
    border-left: 3px solid transparent;
    font-weight: 400 !important;
    font-size: 14px;
}

.user-panel {
    text-align: center !important;
    padding: 40px 10px;
}


.k-tabstrip-items {
    background-color: #fff;
}

.k-grid td {
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}


.k-filter-row td, .k-filter-row th {
    padding: 7px;
}

.k-grid th, .k-grid td {
    padding: 10px !important;
}

.k-filter-row td, .k-filter-row th {
    padding: 10px !important;
}

.k-filter-row td, .k-filter-row th {
    padding: 10px !important;
}

.box-body {
    padding: 15px !important;
}

.filter-area {
    border-radius: 2px;
    padding: 7px;
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    background-color: #fff;
    border-color: transparent;
    background-color: #eeeeee;
}


.k-block, .k-panel {
    padding: 14px !important;
}

.windows-footer {
    padding: 7px;
    border-top: solid #EEEEEE 1px;
    background-color: #fff;
}

/*#content-principal {
    margin-top: 11px !important;
}*/

.pull-right button, .pull-left button {
    margin: 7px;
}

.k-tabstrip > .k-content {
    padding: 0 !important;
    background-color: #FAFAFA !important;
}

 

input:disabled {
    background: #ccc;
}

button:disabled {
    background: #ccc;
}

.k-notification-info {
    border-color: #0bb3e2;
    color: #ffffff;
    background-color: #3399ff;
}

.k-notification-success {
    border-color: #00e600;
    color: #ffffff;
    background-color: #00e600;
}

.k-notification-warning {
    border-color: #ff9933;
    color: #000000;
    background-color: #ff9933;
}

.k-notification-error {
    border-color: #d51923;
    color: #ffffff;
    background-color: #ff0000;
}




/*.k-loading-image {
    background-image: url('images/cfe-loading.gif')
}*/


/*.filter-area {
    background-color: #f5f5f5;
    padding: 0;
}*/

 

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


    .form-control.k-widget {
        padding: 0;
        width: 100%;
        height: auto;
    }

        /*.form-control.k-widget:not(.k-autocomplete) {
            border-width: 0;
        }*/



.flexbox-parent {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; /* align items in Main Axis */
    align-items: stretch; /* align items in Cross Axis */
    align-content: stretch; /* Extra space in Cross Axis */
    background: rgba(255, 255, 255, .1);
}


.flexbox-item-grow {
    flex: 1; /* same as flex: 1 1 auto; */
}



.fill-area {
    display: flex;
    flex-direction: row;
    justify-content: flex-start; /* align items in Main Axis */
    align-items: stretch; /* align items in Cross Axis */
    align-content: stretch; /* Extra space in Cross Axis */
}

.fill-area-content {
    overflow: visible;
    overflow-x: hidden;
    overflow-y: auto;
}

 


.full {
    width: 100% !important;
}


/*.k-window > .k-header {
    border-color: transparent;
    background-color: #50b9ff;
    color: #fff;
}
*/
div.k-window-content {
    background-color: #EEEEEE;
    padding: 0;
}


/* Info template */
.k-notification-info.k-group {
    background: rgba(0%,0%,0%,.7);
    color: #fff;
}

/* Error template */
.k-notification-error.k-group {
    background: rgba(100%,0%,0%,.7);
    color: #ffffff;
}


/* Success template */
.k-notification-upload-success.k-group {
    background: rgba(0%,60%,0%,.7);
    color: #fff;
}


.alertNotification {
    width: 300px;
    height: auto;
    border: 0;
    color: #fff;
    padding: 7px;
    z-index: 100000;
}

    .alertNotification h3 {
        padding: 26px 15px 0 15px;
        margin: 0;
        font-weight: bold;
        font-size: 15px;
    }

    .alertNotification i {
        float: left;
        padding: 15px;
    }

.k-window-content {
    height: 100% !important;
}




body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
    background-color: #0ae;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}



.fill-area-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.fill-area-content::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.fill-area-content::-webkit-scrollbar-thumb {
    background-color: #0ae;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
    background-clip: padding-box;
}

.pull-right{
    float:right !important;
}

.pull-left {
    float: left !important;
}

.pull-right .dropdown-toggle {
    margin-left: 0;
}

.pull-left button {
    margin-right: 15px;
}


/*pull-left-button .dropup .btn {
    margin-right: 0;
}*/

.pull-left-button {
    display: flex;
    float: left !important;
    padding: 7px;
}

    .pull-left-button div {
        margin-right: 15px;
    }


.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child, .k-resource.k-alt, .k-separator {
    background-color: whitesmoke;
    border-color: rgba(0, 0, 0, 0.08);
}




/*.btn-separator:after {
    content: ' ';
    display: block;
    float: left;
    background: #ADADAD;
    margin: 0 10px;
    height: 34px;
    width: 1px;
}*/



/*.btnRefresh {
    background-color: #50b9ff !important;
    border-color: #50b9ff !important;
    background-image: none;
    color: #FFF !important;

}*/

/*.btnRefresh:hover, .btnRefresh:active, .btnRefresh.hover {
        background-color: #6df000 !important;
        border-color: #6df000 !important;
        background-image: none;
    }

.btnExport {
    background-color: #6df000 !important;
    border-color: #6df000 !important;
    background-image: none;
    color: #FFF !important;
}

    .btnExport:hover, .btnExport:active, .btnExport.hover {
        background-color: #50b9ff !important;
        border-color: #50b9ff !important;
        background-image: none;
    }

.btnInsert {
    background-color: #50b9ff !important;
    border-color: #008d4c !important;
    background-image: none;
    color: #FFF !important;

}*/

div.k-grid-header, div.k-grid-footer {

    padding: 0;
}

.k-button i, .btn i {
    padding-right: 7px;
}

/*.k-window-titlebar {
     padding:  0; 
}*/
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side {
    position: fixed;
}

.sidebar {
    overflow: hidden;
}



/*.k-block > .k-header, .k-window-titlebar {
    position:relative;
}
.k-window-titlebar {
    padding:10px 0;

}

    .k-window-titlebar .k-window-actions {
 
    padding-top: 7px !important;
}
*/


/*.k-window {
    background-color: #50b9ff !important;
}*/

.window-form .row {
    margin-right: -7px;
    margin-left: -7px;
}

.window-form {
    background-color: #EEEEEE;
    padding: 15px;
}



.container-form {
    margin: auto;
    max-width: 1280px;
}



/*@media (min-width: 1600px) {
    .window-form div:first-child {
        max-width: 1280px;
        margin: auto;
    }
}*/





.window-form .col-xs-1, .window-form .col-sm-1, .window-form .col-md-1, .window-form .col-lg-1, .window-form .col-xs-2, .window-form .col-sm-2, .window-form .col-md-2, .window-form .col-lg-2, .window-form .col-xs-3, .window-form .col-sm-3, .window-form .col-md-3, .window-form .col-lg-3, .window-form .col-xs-4, .window-form .col-sm-4, .window-form .col-md-4, .window-form .col-lg-4, .window-form .col-xs-5, .window-form .col-sm-5, .window-form .col-md-5, .window-form .col-lg-5, .window-form .col-xs-6, .window-form .col-sm-6, .window-form .col-md-6, .window-form .col-lg-6, .window-form .col-xs-7, .window-form .col-sm-7, .window-form .col-md-7, .window-form .col-lg-7, .window-form .col-xs-8, .window-form .col-sm-8, .window-form .col-md-8, .window-form .col-lg-8, .window-form .col-xs-9, .window-form .col-sm-9, .window-form .col-md-9, .window-form .col-lg-9, .window-form .col-xs-10, .window-form .col-sm-10, .window-form .col-md-10, .window-form .col-lg-10, .window-form .col-xs-11, .window-form .col-sm-11, .window-form .col-md-11, .window-form .col-lg-11, .window-form .col-xs-12, .window-form .col-sm-12, .window-form .col-md-12, .window-form .col-lg-12 {
    padding-right: 7px;
    padding-left: 7px;
}


label {
    font-weight: 600;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    font-size: 16px;
}

 

.skin-blue .main-header .logo {
    background-color: #50b9ff;
    color: #ffffff;
    border-bottom: 0 solid transparent;
}

    .skin-blue .main-header .logo:hover {
        background-color: #0694e8;
    }



.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #ffffff;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    color: #ffffff;
    background: #50b9ff;
}

.skin-blue .sidebar a {
    color: #4c4c4c;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    margin: 0;
    background: #ffffff;
    border-left-color: #50b9ff;
    border-left-width: 6px;
    border-left-style: solid;
}

.skin-blue .sidebar-menu .treeview-menu > li > a {
    color: #4c4c4c;
}

    .skin-blue .sidebar-menu .treeview-menu > li > a:hover {
        color: #50b9ff;
    }

.skin-blue .sidebar-menu > li.header {
    color: #fff;
    background: #50b9ff;
}

.skin-blue .user-panel > .info, .skin-blue .user-panel > .info > a {
    color: #4c4c4c;
}

 

.skin-blue .main-header .navbar {
    color: #fff;
    background: #50b9ff;
}

    .skin-blue .main-header .navbar .sidebar-toggle:hover {
        background-color: #0694e8;
    }

.sidebar-menu > li {
    z-index: 100;
    background-color: #fff;
}

.img-botton {
    max-height: 45px;
    position: absolute;
    bottom: 25px;
    left: 12%;
    z-index: -2;
}

.skin-blue .main-header li.user-header {
    background-color: #ffffff;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 112px;
    padding: 10px;
    text-align: center;
}


.k-dateinput .k-dateinput-wrap, .k-dateinput .k-picker-wrap, .k-datepicker .k-dateinput-wrap, .k-datepicker .k-picker-wrap, .k-datetimepicker .k-dateinput-wrap, .k-datetimepicker .k-picker-wrap, .k-timepicker .k-dateinput-wrap, .k-timepicker .k-picker-wrap {
    /* border-color: rgba(0, 0, 0, 0.42); */
    background-color: #fff !important;
}

.k-dateinput .k-dateinput-wrap, .k-dateinput .k-picker-wrap, .k-datepicker .k-dateinput-wrap, .k-datepicker .k-picker-wrap, .k-datetimepicker .k-dateinput-wrap, .k-datetimepicker .k-picker-wrap, .k-timepicker .k-dateinput-wrap, .k-timepicker .k-picker-wrap {
     border: 1px;
    
}

    .k-dateinput .k-dateinput-wrap .k-select, .k-dateinput .k-picker-wrap .k-select, .k-datepicker .k-dateinput-wrap .k-select, .k-datepicker .k-picker-wrap .k-select, .k-datetimepicker .k-dateinput-wrap .k-select, .k-datetimepicker .k-picker-wrap .k-select, .k-timepicker .k-dateinput-wrap .k-select, .k-timepicker .k-picker-wrap .k-select {
        opacity: 1;
    }




    .k-datepicker .k-picker-wrap .k-select, .k-timepicker .k-picker-wrap .k-select {
       
        background-color: #50b9ff !important;
        color: white;
        height: 40px;
        margin: -9px;
        padding: 12px !important;
        border-radius: 0 4px 4px 0;
    }

.k-dateinput .k-dateinput-wrap, .k-dateinput .k-picker-wrap, .k-datepicker .k-dateinput-wrap, .k-datepicker .k-picker-wrap, .k-datetimepicker .k-dateinput-wrap, .k-datetimepicker .k-picker-wrap, .k-timepicker .k-dateinput-wrap, .k-timepicker .k-picker-wrap {
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative;
    transition: all .1s ease;
    cursor: default;
    outline: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #ced4da;
    border-radius: .5rem;
    height: 40px !important;
    padding: 8px !important;
}



.k-textbox, .k-textbox:hover, .k-textbox.k-state-hover, .k-textbox:focus, .k-textbox.k-state-focus, .k-textbox.k-state-focused, .k-textbox.k-invalid, .k-textbox.k-state-invalid, .k-textbox.ng-invalid.ng-touched, .k-textbox.ng-invalid.ng-dirty {
     border-top-color: initial;
}



.k-textbox, .k-dropdown, .k-dropdowntree, .k-autocomplete, .k-combobox , .k-dropdowngrid {
    color: #2b2b2b;
    background-color: #fff !important;
    height: 40px !important;
    padding: 8px !important;
    font-size: 16px;
    border-radius: .5rem;
    margin: 0;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #ced4da;
    outline: 0;
    font-family: Roboto;
    font-size: 1rem;
    line-height: 1.5;
    box-sizing: border-box;
    box-shadow: none;
    background: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none;
    font-size: 14px;
}

    .k-dropdown .k-dropdown-wrap, .k-dropdowntree .k-dropdown-wrap, .k-combobox .k-dropdown-wrap, .k-dropdowngrid .k-dropdown-wrap {
        border-color: transparent;
    }

/*.form-control:focus {
    color: #495057;
    background-color: #ffffff;
    border-color: #d0ecff;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 0.2rem rgba(80, 185, 255, 0.25);
}*/

        .k-dropdown .k-dropdown-wrap:hover, .k-dropdowntree .k-dropdown-wrap:hover, .k-dropdown .k-dropdown-wrap.k-state-hover, .k-combobox .k-dropdown-wrap:hover, .k-combobox .k-dropdown-wrap.k-state-focused,
        .k-dropdowntree .k-dropdown-wrap.k-state-hover, .k-dropdown .k-dropdown-wrap.k-state-focused {
            border-color: transparent;
        }
.k-input {

    height: auto !important;
}
    .k-dateinput .k-dateinput-wrap:hover, .k-dateinput .k-dateinput-wrap.k-state-hover, .k-dateinput .k-picker-wrap:hover, .k-dateinput .k-picker-wrap.k-state-hover, .k-datepicker .k-dateinput-wrap:hover, .k-datepicker .k-dateinput-wrap.k-state-hover, .k-datepicker .k-picker-wrap:hover, .k-datepicker .k-picker-wrap.k-state-hover, .k-datetimepicker .k-dateinput-wrap:hover, .k-datetimepicker .k-dateinput-wrap.k-state-hover, .k-datetimepicker .k-picker-wrap:hover, .k-datetimepicker .k-picker-wrap.k-state-hover, .k-timepicker .k-dateinput-wrap:hover, .k-timepicker .k-dateinput-wrap.k-state-hover, .k-timepicker .k-picker-wrap:hover, .k-timepicker .k-picker-wrap.k-state-hover {
    border-color: #50b9ff !important;
}

.skin-blue-light a, .skin-blue-light a:hover, .skin-blue-light a:focus {
    color: white; 
}

    .form-group .checkbox label, .form-group .radio label, .form-group label { 
    color: #2b2b2b;
    font-weight: 500;
}


.k-textbox:focus, .k-textbox:focus-within, .k-textbox.k-state-focus, .k-textbox.k-state-focused {
    border-color: #50b9ff;
}


 .k-textbox:hover, .k-textbox.k-state-hover, .k-textbox:focus, .k-textbox.k-state-focus, .k-textbox.k-state-focused, .k-textbox.k-invalid, .k-textbox.k-state-invalid, .k-textbox.ng-invalid.ng-touched, .k-textbox.ng-invalid.ng-dirty {
    border-top-color: #50b9ff;
}
.k-textbox:hover, .k-textbox.k-state-hover {
    border-color: #50b9ff;
}

.k-tabstrip-items .k-item.k-state-active::after {
    border-color: #50b9ff;
}

.skin-blue-light .main-header .navbar {
    background-color: #50b9ff;
}

.skin-blue-light .main-header .logo {
    background-color: #50b9ff;
 
}

div.k-window-content {
    background-color: #fafafa;
    padding: 0;
}


.btn.btn-flat {
    border-radius: 6px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
    background-color: #50b9ff;
    color: white;
    padding: 11px 19px;
}

.k-tilelayout {
    background-color: #FAFAFA;
}

.filter-area {
 background-color: #FAFAFA;
    padding: 16px;
    border-bottom: solid 1px #ffffff;
}
.filter-button {
    background-color: #FAFAFA !important;
    padding: 16px;
}
 .flexbox-parent {
    background-color: white;

}
 .flexbox-item {
     
}

.fill-area-content {
    background-color: #FAFAFA;
    padding: 16px;
}

.btn-success {
    background-color: #50b9ff;
    border-color: #50b9ff;
    padding: 10px;
    border-radius: 6px;
}
.btn {
    padding: 11px 19px;
}

.k-button {
    padding: 11px 19px ;
}
.k-master-row .k-button-icontext {
    padding: 7px;
}

.btn-primary {
    background-color: #50b9ff;
    border-color: #50b9ff;
   
    color: white !important;
}
.skin-blue-light a, .skin-blue-light a:hover, .skin-blue-light a:focus {
    color: white;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #50b9ff;
    border-color: transparent;
}
.btn-primary:hover {
    color: #fff;
    background-color: #50b9ff;
    border-color: transparent;
}
.btnRefresh {
    background-color: #50b9ff;
    border-color: #50b9ff;
  
    border-radius: 6px;
    color: white !important;
}

.btn-primary i, .btnRefresh i, .btnInsert i{
    color: #ffffff !important;
}

.btn-default i {
    color: #2b2b2b !important;
    
}

 

.btnInsert {
    background-color: #50b9ff;
    border-color: #50b9ff;
    border-radius: 6px;
    color: white !important;
}

.btnExport {
    background-color: #e9e9e9;
    border-color: #e9e9e9;
 
    border-radius: 6px;
    color: #2b2b2b !important;
}

.btn-default {
    background-color: #e9e9e9 !important;
    border-color: #e9e9e9;
    padding: 10px;
    border-radius: 6px;
    color: #2b2b2b !important;
    border-color: #FAFAFA;
}


.btn-success:hover, .btn-success:active, .btn-success.hover {
    background-color: #50b9ff;
    border-color: transparent;
}


.btn-success.focus, .btn-success:focus {
    color: #fff;
    background-color: #50b9ff;
    border-color: #50b9ff;
}

.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
    background-color: #50b9ff;
    border-color: transparent;
}

.k-grid-header, .k-grid-toolbar, .k-grouping-header, .k-grid-add-row, .k-grid-footer {
 
    padding: 16px;
}
.k-button .k-icon, .k-button .k-image, .k-button .k-sprite {
    color: inherit;
    -ms-flex-item-align: center;
    align-self: center;
    position: relative;
}


.btn-danger {
    background-color: red !important;

}



.box {
    border-radius: 6px;
    border-style: none;
    box-shadow: 2px 2px 2px 2px #ebebeb !important;
    border-width: 0px;
    border-style: solid;
    box-sizing: border-box;
    outline: 0;
    font-family: Roboto, "Helvetica Neue", sans-serif;
    font-size: 14px;
    line-height: 1.4285714286;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .box.box-info {
        border-top-color: transparent;
    }

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: 0px;
}

.input-group-btn > .btn {
    position: relative;
    padding: 9px;
    border-color: #ced4da;
}

.box-header h4 {

    font-size: 22px;
    padding: 7px;
    margin: 0;

}

.box-header.with-border {
    border-bottom: 0px solid transparent !important
}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
    font-size: 20px;
    padding: 14px;
}

.btn-box-tool {
    display: none;
}

textarea {

    border-color: #ced4da;
}

    textarea:hover, textarea:focus {
        border-color: #50b9ff;
    }

.btn-danger:hover, .btn-danger:active, .btn-danger.hover {
    background-color: red !important;
}

.skin-blue-light .main-sidebar .user-panel {
    background: none;
    background-color: white;
}

.sidebar-menu i, .k-tabstrip  li i{
    color: #50b9ff;
}

.user-panel > .info > p {
    font-weight: 300;
    margin-bottom: 7px;
    color: #2b2b2b;
}

.skin-blue-light .wrapper, .skin-blue-light .main-sidebar, .skin-blue-light .left-side {
    background-color: #ffffff;
}

.skin-blue-light a, .skin-blue-light a:hover, .skin-blue-light a:focus {
    color: #151515;
}





.skin-blue-light .sidebar-menu > li:hover > a, .skin-blue-light .sidebar-menu > li.active > a {
    background: #F1F1F1;
    color: #444 !important;
}

.k-tabstrip-items .k-link {
    padding: 18px 24px;
}

.tabstripIndex > .k-content {
    padding: 0px;
}


.tabstripIndex > .k-content {
    padding: 0px;
}

.k-grid tbody .k-button {
    min-width: 0;
}

.k-grid, .content-grid {
    border-width: 0;
    margin: 0;
    padding: 0;
    border-width: 0;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
    width: 100%;
}

    .k-grid td {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }
.k-toolbar {
  
     box-shadow: none;
}