@import url('https://fonts.googleapis.com/css?family=Ubuntu');

::-webkit-scrollbar {
    width: 6px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: #20b3de; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #20b3de; 
}

input, .form-control{
	border-radius: 0px !important;
}

body{
	/*font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif !important;
    line-height: 21px;
	color: #636e7b;
	*/
	font-family: 'Ubuntu', sans-serif;
}



.footer{
  padding: 10px 30px;
}

.footer a{
  color: #3bafda;
}

.footer .col-md-6.copyR{
  text-align: right;
}

.text-muted{font-size: 14px;}


.fancybox-overlay{
	z-index: 999999999 !important;
}
.animationload{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 100%;
	background-color:rgba(225,225,225,0.5);
	z-index:999999999999;
}
.loader{
	width:30px;
	height:30px;
	font-size:0;
	position:relative;
	left:50%;
	top:50%;
	background-image:url("loader.gif");
	background-repeat:no-repeat;
	background-position:center;
	z-index: 99999999999;
}

.x2{
	font-size: 23px !important;
}

.alert{
	padding: 1.1rem 1.25rem;
	border-radius: 0px;
	color: #fafafa !important;
}

.alert-success{
    background-color: #81c868 !important;
    border-color: #33b86c !important;
}

.alert-danger{
    background-color: #ef5350 !important;
    border-color: #ef5350 !important;
}

.alert-warning{
    background-color: #ffbd4a !important;
    border-color: #ffd740 !important;
}

.alert-info{
    background-color: #3ddcf7 !important;
    border-color: #3ddcf7 !important;
}

.alert-dismissable .close, .alert-dismissible .close {
    color: #111;
}


.close {
    font-size: 1.2rem !important;
}

.btn{
	border-radius: 0 !important;
	border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
   	font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    padding: 6px 14px;
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}

input, .form-control{
	border-radius: 0px !important;
}

.form-control {
    -moz-border-radius: 2px;
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #fafafa;
    border-radius: 2px;
    border: 1px solid #eeeeee;
    box-shadow: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    height: 34px;
    padding: 6px 12px;
}


li.has-submenu .submenu li a i{
	margin-right: 6px;
}


.filemanager-container{
	position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 120px;
    padding-bottom: 60px;
}

.filemanager_iframe{
    position: relative;
    width: 95%;
    height: 100%;
    border: none;
}

.access-form .list-group-item, .soft-tabs .list-group-item{
	cursor: pointer;
}

.access-form .list-group-item.active, .soft-tabs .list-group-item.active{
	color: #fff;
    background-color: #00aff0;
}

.access-form .access-form-tab, .soft-tabs .soft-tab{
	display: none;
}

.access-form .access-form-tab.active, .soft-tabs .soft-tab.active{
	display: block;
}

.btn-overlay{
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	padding: 5px;
}

.success{
	background-color: #5cb85c !important;
	border-color: #5cb85c !important;
}

.bg-success{ background: #81c868 !important; }
.text-success{ color: #81c868 !important; }
.bg-danger{ background: #ef5350 !important; }

.btn-default .btn-overlay{ background-color: #dae6ec; }
.btn-primary .btn-overlay{ background-color: #228bdf; }
.btn-success .btn-overlay{ background-color: #00b19d; }
.btn-info .btn-overlay{ background-color: #25d8f6; }
.btn-warning .btn-overlay{ background-color: #e69900; }
.btn-danger .btn-overlay{ background-color: #ef5350; }
.btn-inverse .btn-overlay{ background-color: #4c5667; }
.btn-purple .btn-overlay{ background-color: #7266ba; }
.btn-pink .btn-overlay{ background-color: #f76397; }

.button, .btn, .widget-simple, .card-box{
	border-radius: 0px;
}

.btn-orange {
    color: #fff;
    background-color: #ef6262;
    border-color: #ef6262;
}

.panel .panel-heading .portlet-widgets {
    display: inline-block;
    float: right;
    font-size: 15px;
    line-height: 30px;
    padding-left: 15px;
    position: relative;
    text-align: right;
    bottom: 28px;
    margin-top: -3px;
}

.page-title{
	font-weight: 500;
	font-size: 15px;
	margin-top: 0px;
    margin-left: 10px;
	margin-bottom: 13px;
}


.card-box{
	border: solid 1px #fff !important;
}

.card-box.card-box-clickable{
	cursor: pointer !important;
}

.label-success {
    background-color: #5cb85c !important;
}

.label{
	padding: .3em .7em .4em;
	font-weight: 400;
	border-radius: 0px !important;
}

.padding-animation{
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}



.list-group-item:first-child , .list-group-item:last-child, .list-group-item{
    border-radius: 0px;
    padding: 12px 20px;
}

/* ===========
   Panels
 =============*/
.panel {
  box-shadow: 0 6px 19px 0 rgba(0, 0, 0, 0.04), 0 1px 0 0 rgba(0, 0, 0, 0.02);
  border-radius: 0px;
  border: none;
  margin-bottom: 20px;
	background-color: #fff;
}
.panel .panel-body {
  padding: 20px;
}
.panel .panel-body p {
  margin: 0px;
}
.panel .panel-body p + p {
  margin-top: 15px;
}
.panel-heading {
  border-radius: 0;
  border: none !important;
  padding: 10px 20px;
}
.panel-default > .panel-heading {
  background-color: #fafafa;
  border-bottom: none;
  color: #797979;
}
.panel-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.panel-sub-title {
  margin-bottom: 3px;
  color: #CEE4FD !important;
  margin-top: -3px;
}
.panel-footer {
  background: #fafafa;
  border-top: 0px;
}
.panel-default .panel-sub-title {
  color: inherit;
}
.panel-color .panel-title {
  color: #ffffff;
}
.panel-primary > .panel-heading {
  background-color: #228bdf;
}
.panel-success > .panel-heading {
  background-color: #00b19d;
}
.panel-info > .panel-heading {
  background-color: #3ddcf7;
}
.panel-warning > .panel-heading {
  background-color: #ffaa00;
}
.panel-danger > .panel-heading {
  background-color: #ef5350;
}
.panel-purple > .panel-heading {
  background-color: #7266ba;
}
.panel-pink > .panel-heading {
  background-color: #f76397;
}
.panel-inverse > .panel-heading {
  background-color: #4c5667;
}
.panel-border {
  border-radius: 3px;
}
.panel-border .panel-heading {
  background-color: #ffffff;
  border-top: 3px solid #ccc !important;
  border-radius: 3px;
  padding: 10px 20px 0px;
}
.panel-border .panel-body {
  padding: 15px 20px 20px 20px;
}
.panel-border.panel-primary .panel-heading {
  border-color: #228bdf !important;
  color: #228bdf !important;
}
.panel-border.panel-success .panel-heading {
  border-color: #00b19d !important;
  color: #00b19d !important;
}
.panel-border.panel-info .panel-heading {
  border-color: #3ddcf7 !important;
  color: #3ddcf7 !important;
}
.panel-border.panel-warning .panel-heading {
  border-color: #ffaa00 !important;
  color: #ffaa00 !important;
}
.panel-border.panel-danger .panel-heading {
  border-color: #ef5350 !important;
  color: #ef5350 !important;
}
.panel-border.panel-purple .panel-heading {
  border-color: #7266ba !important;
  color: #7266ba !important;
}
.panel-border.panel-pink .panel-heading {
  border-color: #f76397 !important;
  color: #f76397 !important;
}
.panel-border.panel-inverse .panel-heading {
  border-color: #4c5667 !important;
  color: #4c5667 !important;
}
.panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before {
  content: '\f067';
}
.panel-group .panel .panel-heading .accordion-toggle.collapsed:before {
  content: '\f067';
}
.panel-group .panel .panel-heading a[data-toggle=collapse] {
  display: block;
}
.panel-group .panel .panel-heading a[data-toggle=collapse]:before {
  content: '\f068';
  display: block;
  float: right;
  font-family: 'FontAwesome';
  font-size: 14px;
  text-align: right;
  width: 25px;
}
.panel-group .panel .panel-heading .accordion-toggle {
  display: block;
}
.panel-group .panel .panel-heading .accordion-toggle:before {
  content: '\f068';
  display: block;
  float: right;
  font-family: 'FontAwesome';
  font-size: 14px;
  text-align: right;
  width: 25px;
}
.panel-group .panel .panel-heading + .panel-collapse .panel-body {
  border-top: none;
}
.panel-group .panel-heading {
  padding: 12px 26px;
}
.panel-group.panel-group-joined .panel + .panel {
  border-top: 1px solid #eeeeee;
  margin-top: 0;
}
.panel-group-joined .panel-group .panel + .panel {
  border-top: 1px solid #eeeeee;
  margin-top: 0;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #eee;
    border-radius: 0px;
}

button:focus , a:focus, .btn:focus, a:active, .btn:active, .btn:hover{
  outline: none !important;
  box-shadow: none;
}

a, button{
  border: none !important;
}


.btn-primary {
  background-color: #228bdf !important;
}

select.form-control:not([size]):not([multiple]){
	height:calc(2.25rem)
}

.hidden{
	display: none !important;
}

.btn-install{
	background: #94de0a;
}

.btn i.load-icon, .btn.load .label-btn{
	display: none;
}

.btn.load i.load-icon{
	display: inline-block;
}


.btn-light{
	border: 1px solid #ececec;
}

.updates-table .clicable{
	cursor: pointer;
}

.updates-table thead th{
	text-align: center;
}

.updates-table th,.updates-table td{
	padding: 11px 30px;
}

.updates-table tbody{
	font-size: 14px;
}

.updates-table tbody tr td:first-child, .updates-table thead th:first-child{
	text-align: left !important;
}

.updates-table tbody tr td p{
	margin: 0;
	font-size: 12px;
}

.update-log{
	font-size: 14px;
	color: #888;
	border-left: solid 2px #ccc;
	padding-left: 10px;
}

.clicable>tr>td .selected_icon{
	display: hidden;
}


.clicable>tr>td.active .selected_icon{
	display: block;
}


.updates-table thead>tr>th:last-child{
	width: 300px;
	min-width: 200px;
}

.img-spin {
  	transition-property: transform;
	transition-duration: 1s;
}

.img-spin:hover {
    animation-name: rotate; 
    animation-duration: 1.5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.update-recomended{
	text-align: center;
	background:#95de07;
	padding-top:10px;
	padding-bottom:10px;
}

.update-recomended h4{
	color: #fff;
	margin-bottom: 0;
}

.updates-table .btn-block+.btn-block{
	margin-top: 0;
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

.badge {
  font-weight: 400;
}

.badge-success {
  background-color:#94de0a
}

.badge-gray {
    color: #333;
    background-color: #d8d8d8;
}

.badge-info {
    background-color: #11a9db;
}

.card-header, .card, .card-box{
  border-radius: 0px !important;

}

.card-table-row{
  margin-bottom: 5px;
}

.card-table-row h3{
  background: #eaeaea;
  padding: 14px 0;
  color: #000;
}

.btn, .btn:hover{
  border: none;
}




.user-content h5{
  color: #999;
}

.tumb-container{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.tumb-item{
  text-align: center;
  position: relative;
  background: #f9f9f9;
  border: solid 1px #eaeaea;
  height: 190px;
  width: 160px;
  margin: 0 8px;
  padding: 5px;
}

.tumb-item img, .tumb-item .add-item{
  width: 150px;
  height: 150px;
  margin-bottom: 5px;
}

.tumb-item .add-item{
  background: #bfbfbf;
}

.tumb-item i{
  position: absolute;
  font-size: 45px;
  color: #e8e8e8;
  left: 59px;
  top: 58px;
}

.tumb-item:hover{
  background-color: #fff;
}

.tumb-item:hover i{
  color: #fff;
}

.tumb-item .btn-delete i{
  position: initial;
  font-size: 20px;
  
}
.tumb-item .btn-delete{
  width: 160px;
  margin: 0;
  margin-left: -6px;
  margin-top: -8px;
}

.tumb-item .img{
  width: 150px;
  height: 150px;
  margin-bottom: 5px;
  background-position: center center;
  background-size: cover;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBhdGggc3R5bGU9ImZpbGw6IzMxNEU1NTsiIGQ9Ik01MDIuNTE5LDM3LjkyNkg5LjQ4MUM0LjI0MSwzNy45MjYsMCw0Mi4xNzEsMCw0Ny40MDd2MzIyLjM3djk0LjgxNSAgYzAsNS4yMzYsNC4yNDEsOS40ODEsOS40ODEsOS40ODFoNDkzLjAzN2M1LjI0MSwwLDkuNDgxLTQuMjQ1LDkuNDgxLTkuNDgxdi05NC44MTVWNDcuNDA3ICBDNTEyLDQyLjE3MSw1MDcuNzU5LDM3LjkyNiw1MDIuNTE5LDM3LjkyNnoiLz4KPGc+Cgk8cGF0aCBzdHlsZT0iZmlsbDojRUFFQUVBOyIgZD0iTTE4Ljk2Myw1Ni44ODloNDc0LjA3NHYzMDMuNDA3aC0yNTkuNjJMMTUwLjcwNCwxOTQuODdjLTMuMjIyLTYuNDI2LTEzLjc0MS02LjQyNi0xNi45NjMsMCAgIEw1MS4wMjgsMzYwLjI5NkgxOC45NjNWNTYuODg5eiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6I0VBRUFFQTsiIGQ9Ik0xMTQuMDE3LDI3Ni43MjJsMjAuMjc5LDI2LjMwMWMxLjY1NywyLjE1Myw0LjE2NywzLjQ4Niw2Ljg4LDMuNjY3ICAgYzAuMjEzLDAuMDE4LDAuNDE3LDAuMDIzLDAuNjMsMC4wMjNjMi40OTEsMCw0Ljg4OS0wLjk4Miw2LjY3Ni0yLjc0NWwyMy43ODctMjMuNTYybDM5Ljk0NCw3OS44OTFINzIuMjMyTDExNC4wMTcsMjc2LjcyMnoiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiNFQUVBRUE7IiBkPSJNMTIzLjMzMywyNTguMDg5bDE4Ljg4OS0zNy43NzlsMjEuMTE5LDQyLjI0bC0yMC41ODIsMjAuMzlsLTE4LjYyLTI0LjE1MyAgIEMxMjMuOTEzLDI1OC40OTMsMTIzLjU4NiwyNTguMzQ4LDEyMy4zMzMsMjU4LjA4OXoiLz4KPC9nPgo8cG9seWdvbiBzdHlsZT0iZmlsbDojRDhEOEQ4OyIgcG9pbnRzPSI0OTMuMDM3LDQ1NS4xMTEgMTguOTYzLDQ1NS4xMTEgMTguOTYzLDM3OS4yNTkgNTYuODg5LDM3OS4yNTkgMjI3LjU1NiwzNzkuMjU5ICAgNDkzLjAzNywzNzkuMjU5ICIvPgo8cGF0aCBzdHlsZT0iZmlsbDojMzE0RTU1OyIgZD0iTTMzMS44NTIsMjY1LjQ4MWMzNi41OTMsMCw2Ni4zNy0yOS43NzMsNjYuMzctNjYuMzdzLTI5Ljc3OC02Ni4zNy02Ni4zNy02Ni4zNyAgcy02Ni4zNywyOS43NzMtNjYuMzcsNjYuMzdTMjk1LjI1OSwyNjUuNDgxLDMzMS44NTIsMjY1LjQ4MXoiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0U0QUQ0MDsiIGQ9Ik0zMzEuODUyLDE1MS43MDRjMjYuMTM5LDAsNDcuNDA3LDIxLjI2OSw0Ny40MDcsNDcuNDA3cy0yMS4yNjksNDcuNDA3LTQ3LjQwNyw0Ny40MDcgIGMtMjYuMTM5LDAtNDcuNDA3LTIxLjI2OS00Ny40MDctNDcuNDA3UzMwNS43MTMsMTUxLjcwNCwzMzEuODUyLDE1MS43MDR6Ii8+CjxnPgoJPHBhdGggc3R5bGU9ImZpbGw6IzMxNEU1NTsiIGQ9Ik0zMzEuODUyLDExMy43NzhjNS4yNDEsMCw5LjQ4MS00LjI0NSw5LjQ4MS05LjQ4MVY4NS4zMzNjMC01LjIzNi00LjI0MS05LjQ4MS05LjQ4MS05LjQ4MSAgIGMtNS4yNDEsMC05LjQ4Miw0LjI0NS05LjQ4Miw5LjQ4MXYxOC45NjNDMzIyLjM3LDEwOS41MzIsMzI2LjYxMSwxMTMuNzc4LDMzMS44NTIsMTEzLjc3OHoiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiMzMTRFNTU7IiBkPSJNMzMxLjg1MiwyODQuNDQ0Yy01LjI0MSwwLTkuNDgyLDQuMjQ1LTkuNDgyLDkuNDgxdjE4Ljk2M2MwLDUuMjM2LDQuMjQxLDkuNDgxLDkuNDgyLDkuNDgxICAgYzUuMjQxLDAsOS40ODEtNC4yNDUsOS40ODEtOS40ODF2LTE4Ljk2M0MzNDEuMzMzLDI4OC42OSwzMzcuMDkzLDI4NC40NDQsMzMxLjg1MiwyODQuNDQ0eiIvPgoJPHBhdGggc3R5bGU9ImZpbGw6IzMxNEU1NTsiIGQ9Ik0yMTguMDc0LDIwOC41OTNoMTguOTYzYzUuMjQxLDAsOS40ODEtNC4yNDUsOS40ODEtOS40ODFzLTQuMjQxLTkuNDgxLTkuNDgxLTkuNDgxaC0xOC45NjMgICBjLTUuMjQxLDAtOS40ODEsNC4yNDUtOS40ODEsOS40ODFTMjEyLjgzMywyMDguNTkzLDIxOC4wNzQsMjA4LjU5M3oiLz4KCTxwYXRoIHN0eWxlPSJmaWxsOiMzMTRFNTU7IiBkPSJNNDI2LjY2NywyMDguNTkzaDE4Ljk2M2M1LjI0MSwwLDkuNDgxLTQuMjQ1LDkuNDgxLTkuNDgxcy00LjI0MS05LjQ4MS05LjQ4MS05LjQ4MWgtMTguOTYzICAgYy01LjI0MSwwLTkuNDgxLDQuMjQ1LTkuNDgxLDkuNDgxUzQyMS40MjYsMjA4LjU5Myw0MjYuNjY3LDIwOC41OTN6Ii8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}


 
/*             /////////////               //////////               */

/*
.last-center th:last-child, .last-center td:last-child{
	text-align: center;
	width: 150px;
}

.input-group[class*=col-]{
	padding-right: 10px;
    padding-left: 10px;

}


.nav-logo{
	width: auto;
	height: 30px;
}

#topnav .topbar-main .nav > li > a i {
    font-size: 19px;
}





.footer{
	padding-top: 10px;
	padding-bottom: 10px;
}

.text-upcase{
	text-transform: uppercase;
}

.debug{
	border:1px dashed red;
}

.navbar-custom, #navigation{
	background-color: #4c4b4b !important;
}

#topnav .navigation-menu > li > a {
    font-weight: 400;
    font-size: 14;
    color: #fff;
}

#topnav .navigation-menu > li > a i {
    font-size: 16px;
    margin-top: -2px;
    color: #fff;
}


.dropdown-menu{
	border-radius: 0px !important;
}

.profile-user-img{
	width: 128px;
	height: 128px;
	z-index: 99;
}

.profile-user-img-container{
	width: 128px;
	height: 128px;
	margin-right: auto;
	margin-left: auto;
}
.profile-user-img-overlay .btn {
	border-radius: 50%;
	padding: 3px;
	width: 42px;
	height: 42px;
}

.profile-user-img-overlay .btn i{
	font-size: 22px;
	color: #fff;
}

.profile-user-img-overlay{
	background: rgba(50,50,50,0.3);
	border-radius: 50%;
	width: 128px;
	height: 128px;
	z-index: 999;
	position: absolute;
	display: none;
	line-height: 128px;
}
.profile-user-img-container:hover .profile-user-img-overlay{
	display: block;
}

.tbl-overlay{
	width: 100%;
	text-align: center;
	font-size: 25px;
}

.tablesaw td, .tablesaw th{
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

.tablesaw .btn-group .btn, .datatable-responsive .btn-group .btn, .datatable-responsive .btn, .table .btn{
	padding: 6px 8px !important;
	font-size: 12px !important;
}

.tablesaw .dropdown-menu, .datatable-responsive .dropdown-menu , .table .dropdown-menu{
	margin-top: 0px;
}

.tablesaw .dropdown-menu li a, .datatable-responsive .dropdown-menu li a, .table .dropdown-menu li a {
	padding: 3px 15px;
}

.tablesaw .dropdown-menu .divider, .datatable-responsive .dropdown-menu .divider, .table .dropdown-menu .diver{
	margin: 5px 0;
}

.datatable-responsive .have-btn, .table .have-btn{
	text-align: right;
}

.datatable-responsive tbody tr td{
	vertical-align: inherit !important;
	padding: 4px 9px;
}

.datatable-responsive thead tr th.datatable-not-sorting::after{
	content: "" !important;
	opacity: 0 !important;
	cursor: auto !important;
}

.datatable-responsive thead tr th.datatable-not-sorting{
	cursor: auto !important;
}

.modal-content, .portlet .portlet-heading{
	border-radius: 0px !important;
}

.modal-content .panel-body{
	padding: 30px;
}

.modal-content .panel-footer{
	padding: 10px 30px;
}

.modal-header{
	border-bottom-width: 1px !important;
}

.pagination a, .pagination.disabled a{
	border-radius: 0px !important;
}

.btn-default{
	background-color: #fff;
    border-color: #DEDEDE;
}

.btn-active{
	padding:0;
	font-size: 16px !important;
	border-color: transparent !important;
	background-color: transparent !important;
}

.btn-active:hover, .btn-active:active, .btn-active:visited, .btn-active:active{
	border-color: transparent !important;
	background-color: transparent !important;
}

.datatable-responsive{
	border: solid 1px #efefef;

}



.row{
	margin-right: -20px !important;
	margin-left: -20px !important;

}

.table.access-table thead tr th{
	padding: 6px 10px !important;
	font-weight: 400;
	font-size: 13px;
	text-align: center;
}


.table.access-table tbody tr td{
	padding: 2px 10px !important;
	font-weight: 400 !important;
	font-size: 12px;
	text-align: center;
}

.table.access-table thead tr th:first-child{
	padding-bottom: 8px !important;
}

.table.access-table tbody tr td:first-child{
	width: 120px;
	text-align: left !important;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
}

.access-table tr.main{
	background: #eee !important;
}

.access-table tr td{
	border-bottom: solid 1px #ccc !important;
}

.access-table thead tr th{
	border-bottom: solid 1px #a0d0eb !important;
}




.modules-list .panel{
	min-height: 150px !important;
}

.modules-list .panel .title {
    font-size: 16px;
    margin-left: 15px !important;
    color: #333e4e;
}

.modules-list .panel .panel-body{
	padding:0 !important;
}

.modules-list .panel .panel-body img{
	width:64px;
	height:64px;
}

.modules-list .panel .panel-footer{
    padding: 20px !important;
    background-color: transparent;
    border-top: 1px solid #eee;
}

.modules-list .panel .panel-footer .btn-install, .modules-list .panel .panel-footer .btn-more-options{
	float: right;
	max-width: 150px;
    width: 100%;
    margin-left: 10px;
}

.btn-install.load .load-icon, .btn-install .label-btn, .btn-download.load .load-icon, .btn-download .label-btn{
	display: inline-block;
}

.btn-install .load-icon, .btn-install.load .label-btn, .btn-download .load-icon, .btn-download.load .label-btn{
	display: none;
}

.colorpicker.dropdown-menu{
	z-index: 10000000;
}

@media (max-width: 767px){
	.table-responsive {
	    margin-bottom: 0px;
	}
}


@media (min-width: 768px){
	.panel-body .row, .portlet .row{
		margin-right: 5px !important;
		margin-left: 5px !important;
	}
}

@media (min-width: 640px){
	.tablesaw td:last-child, .tablesaw th:last-child {
		text-align: center;
	}

	.tablesaw td .btn-group:last-child{
		float: right;
	}
}

.m-l-10{ margin-left: 10px !important;}
.m-l-20{ margin-left: 20px !important;}
.m-l-30{ margin-left: 30px !important;}
.row-m0{ margin: 0px !important; }



.img-spin {
  	transition-property: transform;
	transition-duration: 1s;
}

.img-spin:hover {
    animation-name: rotate; 
    animation-duration: 1.5s; 
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.shortcuts-content{
	width: 100%;
	font-weight: 400;
}

.shortcuts-content .shortcuts-item{
    width: 120px;
    height: 140px;
    cursor: pointer;
    padding: 10px;
    text-align: center;
	margin: auto;
	position: relative;
	border-radius: 15px;
}

.shortcuts-content .shortcuts-item a{
	width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 10px;
}

.shortcuts-content .shortcuts-item:hover{
	background: rgba(133, 176, 255, 0.09)!important;
}

.shortcuts-content .shortcuts-item img{
	width: 75px;
	background: rgba(31, 196, 244, 0.15);
	border-radius: 15px;
	padding: 10px;
}

.shortcuts-content .shortcuts-item label{
	font-weight: 400;
	padding-top: 7px;
	color: #666;
	word-wrap:break-word;
	width: 100px;
}

.shortcuts-modal {
    background-color: #FFF;
    width: 900px;
    border-radius: 0px !important;
    background-clip: padding-box;
    display: none;
}

.custombox-modal-blur{
	position: relative !important;
}

.shortcuts-modal .close {
    position: absolute;
    top: 15px;
    right: 25px;
    color: #eee;
}

#select-file-modal{

}

.fancybox-skin{
	padding: 0px !important;
}
@media (min-width: 768px){
	.sub-menu-container{
		margin-left: 40px !important;
		margin-right: 40px !important;
	}
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

.no-margin{
	margin: 0px !important;
}

.tab-pane .row{
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.card-box .tab-content {
	box-shadow: none !important;
}

.modal-body .row{
	margin-left: 0px !important; 
	margin-right: 0px !important; 
}

.lang-op input{
	padding-right: 65px !important;
}

.language-selector-btn{
	bottom: 34px;
	float: right;
}
.language-selector-btn .dropdown-toggle{
	float: right;
}

.language-selector-btn .dropdown-menu{
	min-width: 0px !important;
	width: 53px !important;
}

.p-l-10{ padding-left: 10px !important; }
.p-r-10{ padding-right: 10px !important; }
.p-l-20{ padding-left: 20px !important; }
.p-r-20{ padding-right: 20px !important; }
.p-b-10{ padding-bottom: 10px !important; }
.p-b-20{ padding-bottom: 20px !important; }

*/
/*
body{
	background: transparent !important;
}
html{
	background: url(../../images/bg/bg-1.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}*/

@media (max-width: 992px){
	.list-group{
	  padding-left: 10px;
	  padding-right: 10px;
	}
	
}

@media (min-width: 992px){

	.col-lg-1,
	.col-lg-10,
	.col-lg-11,
	.col-lg-12,
	.col-lg-2,
	.col-lg-3,
	.col-lg-4,
	.col-lg-5,
	.col-lg-6,
	.col-lg-7,
	.col-lg-8,
	.col-lg-9,
	.col-md-1,
	.col-md-10,
	.col-md-11,
	.col-md-12,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-sm-1,
	.col-sm-10,
	.col-sm-11,
	.col-sm-12,
	.col-sm-2,
	.col-sm-3,
	.col-sm-4,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7,
	.col-sm-8,
	.col-sm-9,
	.col-xs-1,
	.col-xs-10,
	.col-xs-11,
	.col-xs-12,
	.col-xs-2,
	.col-xs-3,
	.col-xs-4,
	.col-xs-5,
	.col-xs-6,
	.col-xs-7,
	.col-xs-8,
	.col-xs-9 {
	  padding-left: 5px;
	  padding-right: 5px;
	}
	.list-group{
	  padding-left: 0px;
	  padding-right: 0px;
	}
	#topnav .navigation-menu > li > a {
	    padding-top: 10px;
	    padding-bottom: 10px;
		padding-right: 10px;
	}
  #topnav .navigation-menu > li .submenu li a{
  padding: 5px 15px;
  }

  #topnav .navigation-menu > li .submenu{
    padding: 5px 0;
  }
}

@media (min-width: 768px){

	.form-horizontal .control-label {
	    padding-top: 7px;
	    margin-bottom: 0;
	    text-align: right;
	}
}