/*****************************************LOGIN***********************************/
.login-page .row {
    margin-right: 0
}

.login-page .row h1,
.login-page h2 {
    margin-top: 10px;
    font-size: 38px;
    font-weight: 100;
    line-height: 50px;
}

.login-page .row h3 {
    font-size: 22px;
    font-weight: 300;
    line-height: 30px
}


.login-page .typeahead.dropdown-menu li a {
    padding-left: 2px
}

.login-page .container-search {
    vertical-align: middle;
    white-space: nowrap;
    position: relative
}

.login-page .container-search input {
    float: left;
    padding-right: 25px
}

.login-page .container-search .icon {
    position: absolute;
    margin-left: -25px;
    z-index: 1;
    margin-top: 5px
}


.login-page .top-content .description {
    margin: 20px 0 10px 0
}

.login-page .top-content .description p {
    opacity: .8
}

.login-page .form-box {
    -webkit-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.75)
}

.login-page .form-top {
    overflow: hidden;
    padding: 0 25px 15px 25px;
    background: #444;
    background: rgba(0, 0, 0, 0.35)
}

.login-page .form-top.row,
.login-page .form-bottom.row {
    margin-right: 0;
    margin-left: 0
}

.login-page .form-top-left {
    padding-top: 25px
}

.login-page .form-top-left h3 {
    margin-top: 0;
}

.login-page .form-top-left p {
    opacity: .8;
}

.form-top-right {
    padding-top: 5px;
    font-size: 66px;
    line-height: 100px;
    opacity: .3
}

.login-page .form-bottom {
    padding: 25px 25px 30px 25px;
    background: #444;
    background: rgba(0, 0, 0, 0.3);
    text-align: left
}

.login-page .form-bottom .input-group-addon {
    background: #444;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0
}

.login-page .form-bottom label.error {
    color: #ff845b
}

.login-page .form-bottom .btn-block {
    margin-top: 20px;
    border-radius: 0
}


.login-page .text-underscore {
    font-weight: bold
}

.login-page .hr-bottom {
    margin-top: 50px;
    margin-bottom: 50px;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))
}

.login-page .hr-middle {
    display: none;
    margin-top: 50px;
    margin-bottom: 50px;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0))
}

.login-page .footer p {
    text-align: center
}

.login-page .text-small {
    font-size: 12px;
    padding-top: 10px
}

@media(max-width:415px) {
    .login-page .form-top {
        text-align: center
    }
    .login-page h1,
    .login-page h2 {
        font-size: 32px
    }
}

@media(max-width:767px) {
    .login-page .form-top {
        text-align: center
    }
    .login-page .hr-middle {
        display: block
    }
}

@media(min-width:768px) {
    .login-page .title {
        margin-bottom: 70px
    }
    .login-page .hr-middle {
        display: block
    }
}

@media(min-width:992px) {
    .login-page .title {
        margin-bottom: 70px
    }
    .login-page .hr-middle {
        display: none
    }
}



/*****************************************GLOBAL***********************************/
hr.hr-shadow{margin-top:50px;border:0;height:1px;background-image:linear-gradient(to right,rgba(81,28,57,0),rgba(81,28,57,0.75),rgba(81,28,57,0))}


.navbar{
  min-height:50px;
 }
#sidebar-toggle {
	display:block;float:left;margin-right:0;

}

.btn {margin-bottom:5px}
label.error,span.required {color:red}
label.error {font-weight:400}
.tooltip,.popover {z-index:99999;width:auto!important}
.btn-group {margin-bottom:10px}
.btn-group .btn {margin-right:5px;border-radius:0}
.control-label {font-weight:400}
label.error {padding:0;margin:0}
div.error {color:red}
.btn {border-radius:0}
.dropdown-menu {height:auto;max-height:410px;overflow-x:hidden}
.treeview .list-group-item {cursor:pointer}
.treeview span.indent {margin-left:10px;margin-right:10px}
.treeview span.icon {width:12px;margin-right:5px}
.treeview .node-disabled {color:silver;cursor:not-allowed}
.typeahead.dropdown-menu {z-index:1050;width: auto !important;}
.navbar-right{padding-top: 3px;}
.navbar-brand {line-height:12px;padding:15px 5px 5px;}

.navbar-brand small {display:block;font-size:10px;padding-top:3px}


.table-small{
	font-size: 12px;
}
.table.table-small th,
.table.table-small td{
	padding:3px;
}

th.v-center {vertical-align:middle!important}

/*****************************************BACK TOP PAGE***********************************/
.scroll-top-wrapper {    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	left: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}

/*****************************************TYPEAHEAD***********************************/
.typeahead.dropdown-menu li a {
    padding-left: 2px
}

.container-search {
    vertical-align: middle;
    white-space: nowrap;
    position: relative
}

.container-search input {
    float: left;
    padding-right: 25px
}

.container-search .icon {
    position: absolute;
    margin-left: -25px;
    z-index: 1;
    margin-top: 5px
}


/*****************************************PANEL***********************************/
.sweet-overlay,.sweet-alert{
	z-index: 10060;
}
.panel.fullscreen{
	z-index: 10060;
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.panel.fullscreen .panel-body {
      overflow-y: auto;
      overflow-x: hidden;
 }
.panel .panel-tools{
	 	text-align: right;
}
 .panel-heading .btn-group,
 .panel-heading .btn-group .btn{
 	margin-bottom: 0px;
 }
 .panel-heading .panel-title{
 	margin-top:5px;
 }
 .panel .dropdown-title{
 	padding-left: 10px;
 }
.panel .panel-heading .btn:hover,
.panel .panel-heading .btn:active,
.panel .panel-heading .btn:focus{
	opacity: 0.7;
}
.panel, .panel .panel-heading{
	border-radius: 0px;
}

/*default*/
.panel.panel-default .panel-heading{

}
.panel.panel-default{
}
.panel.panel-default .panel-heading .btn{
	
}

/*green*/
.panel.panel-green .panel-heading,.green{
	background: #00a65a;
	color:#ffffff; 
}
.panel.panel-green{
	border-color:  #00a65a;
}
.panel.panel-green .panel-heading .btn,
.btn.green:hover,
.btn.green:active,
.btn.green:focus{
	background: #008d4c;
}

/*red*/
.panel.panel-red .panel-heading,.red{
	background: #f56954;
	color:#ffffff; 
}
.panel.panel-red{
	border-color: #f56954;
}
.panel.panel-red .panel-heading .btn,
.btn.red:hover,
.btn.red:active,
.btn.red:focus{
	background: #f4543c;
}

/*aqua*/
.panel.panel-aqua .panel-heading,.aqua{
	background: #00c0ef;
	color:#ffffff; 
}
.panel.panel-aqua{
	border-color:  #00c0ef;
}
.panel.panel-aqua .panel-heading .btn,
.btn.aqua:hover,
.btn.aqua:active,
.btn.auqa:focus{
	background:  #00acd6;
}

/*blue*/
.panel.panel-blue .panel-heading,.blue{
	background: #0073b7;
	color:#ffffff; 
}
.panel.panel-blue{
	border-color:  #0073b7;
}
.panel.panel-blue .panel-heading .btn,
.btn.blue:hover,
.btn.blue:active,
.btn.blue:focus{
	background: #00639e;
}

/*cyan*/
.panel.panel-cyan .panel-heading,.cyan{
	background: #00b29e;
	color:#ffffff; 
}
.panel.panel-cyan{
	border-color:  #00b29e;
}
.panel.panel-cyan .panel-heading .btn,
.btn.cyan:hover,
.btn.cyan:active,
.btn.cyan:focus{
	background: #009987;
}

/*purple*/
.panel.panel-purple .panel-heading,.purple{
	background: #ba79cb;
	color:#ffffff; 
}
.panel.panel-purple{
	border-color:  #ba79cb;
}
.panel.panel-purple .panel-heading .btn,
.btn.purple:hover,
.btn.purple:active,
.btn.purple:focus{
	background:#b167c4 ;
}

/*pink*/
.panel.panel-pink .panel-heading,.pink{
	background: #ec3b83;
	color:#ffffff; 
}
.panel.panel-pink{
	border-color: #ec3b83;
}
.panel.panel-pink .panel-heading .btn,
.btn.pink:hover,
.btn.pink:active,
.btn.pink:focus{
	background: #ea2474 ;
}

/*orange*/
.panel.panel-orange .panel-heading,.orange{
	background: #ffa812;
	color:#ffffff; 
}
.panel.panel-orange{
	border-color: #ffa812;
}
.panel.panel-orange .panel-heading .btn,
.btn.orange:hover,
.btn.orange:active,
.btn.orange:focus{
	background: #f89d00;
}

/*brown*/
.panel.panel-brown .panel-heading,.brown{
	background: #6c541e;
	color:#ffffff; 
}
.panel.panel-brown{
	border-color: #6c541e;
}
.panel.panel-brown .panel-heading .btn,
.btn.brown:hover,
.btn.brown:active,
.btn.brown:focus{
	background: #584418;
}

/*plum*/
.panel.panel-plum .panel-heading,.plum{
	background:#701c1c ;
	color:#ffffff; 
}
.panel.panel-plum{
	border-color: #701c1c;
}
.panel.panel-plum .panel-heading .btn,
.btn.plum:hover,
.btn.plum:active,
.btn.plum:focus{
	background: #5c1717 ;
}





/*RESPONSIVE OVERRIDE*/
@media(max-width:767px) {	
    .scroll-top-trigger {
        display: none;
    }
     .sub-brand {display: none}
	#sidebar-toggle {display:none}
	#page-wrapper {margin-left:0;padding:0 30px}
	.navbar-toggle.pull-left {margin-left:10px}
	.navbar-brand {position:absolute;left:41%;display:block;text-align:center;margin:auto;}
    .navbar-brand img {display:inline-block;margin-top:-15px}
	.left-nav {position:fixed;width:100%;z-index:1000;top:0}
	.left-nav .side-nav {padding-top:50px}
	 .panel .panel-heading .panel-title{
	 	text-align: center;
	 }
	 .panel .panel-tools{
	 	margin-top: 10px;
	 	text-align: center;
	 }
	 .left-to-center,
	 .right-to-center{
		text-align: center;	
	}
}
@media(min-width:768px) {	
    .scroll-top-trigger {
        display: block;
    }
    .navbar-brand img {display:inline-block;margin-top:-20px}
    .sub-brand {
        padding-left:2px;
        display:inline-block
    }
	.right-to-center{
		text-align: right;
	}
	.navbar-right {margin-right:1px;}
	#page-wrapper {margin-left:220px;position:inherit;padding:0 30px;}
	#page-wrapper.full {margin:0;}
	.left-nav {margin-left:-220px;left:220px;width:220px;position:fixed;height:100%;border-radius:0;overflow-y:auto;}
	.left-nav::-webkit-scrollbar-track {
	  background-color: transparent;
	}
	.left-nav::-webkit-scrollbar {
	  width: 2px;
	  background-color: transparent;
	}
	.left-nav::-webkit-scrollbar-thumb {
	  background-color: rgba(255,255,255,0.5);
	}
	.side-nav .navbar-nav{margin-bottom:50px;}
	.side-nav li.dropdown>ul.dropdown-menu {position:relative;margin:0;padding:0;border-radius:0;width:100%;}
	.side-nav li.dropdown>ul.dropdown-menu>li>a,.side-nav .dropdown-menu {padding:15px 15px 15px 25px;min-width:auto;width:100%;}
	.side-nav {margin:0;padding:0;}
	.side-nav li {width:100%;}
	.messages-dropdown .dropdown-menu {min-width:300px;}
	.messages-dropdown .dropdown-menu li a {white-space:normal;}
}


/*CHAT */
#chat-container{
	position:fixed;
	bottom:0px;
	right: 0px;
	z-index: 1048;
}
.chat
{
    list-style: none;
    margin: 0;
    padding: 0;
}

.chat-img{
	padding-left: 5px;
	padding-right: 5px;
}

.chat li
{
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #B3A9A9;
}

.chat li.left .chat-panel
{
    margin-left: 60px;
}

.chat li.right .chat-panel
{
    margin-right: 60px;
}


.chat li .chat-panel p
{
    margin: 0;
    color: #777777;
}

.panel-chat
{
    margin: 0;
}

.panel-chat .panel-body
{
    overflow-y: scroll;
    
}


.panel-chat .panel-heading{
    padding: 5px 5px 0 5px;
    border-bottom: none;
}
.panel-chat .nav-tabs{
	border-bottom: none;
}


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

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

::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}