/*--------------------------------------------------------
General
---------------------------------------------------------*/
html, body{ position: relative; width: 100%;  height: 100%;}

body{ position: relative;  background: #e7e8ed;  font-family: Calibri, Arial, sans-serif;  font-size: 16px;  color: #656D78;  padding-top: 60px;  overflow-x: hidden;  height: 100%;  }

.btn {  border-radius: 2px;  }

.btn-main {  background-color: #E9573F;  border-color: #E9573F; color: #fff;  }
.btn-cancel {  background-color: #3bafda;  border-color: #3bafda; color: #fff;  }
.btn-goback {  background-color: #8cc152;  border-color: #8cc152; color: #fff;  }
.btn-other1 {  background-color: #C0F;  border-color: #C0F; color: #fff;  }
.btn-other2 {  background-color: #999;  border-color: #999; color: #fff;  }
.btn-other3 {  background-color: #333;  border-color: #333; color: #fff;  }
.btn-other4 {  background-color: #630;  border-color: #630; color: #fff;  }

.btn-main:hover, .btn-main:focus, .btn-main:active, .btn-main.active {  background-color: #D8482C;  border-color: #E9573F; color: #fff;  }
.btn-cancel:hover, .btn-main:focus, .btn-main:active, .btn-main.active {  background-color: #34a2cb;  border-color: #3bafda; color: #fff;  }
.btn-goback:hover, .btn-main:focus, .btn-main:active, .btn-main.active {  background-color: #83b34f;  border-color: #8cc152; color: #fff;  }
.btn-other1:hover, .btn-main:focus, .btn-main:active, .btn-main.active {  background-color: #c618f2;  border-color: #C0F; color: #fff;  }
.btn-other2:hover, .btn-main:focus, .btn-main:active, .btn-main.active {  background-color: #8a8989;  border-color: #999; color: #fff;  }
.btn-other3:hover, .btn-main:focus, .btn-main:active, .btn-main.active {  background-color: #2e2e2e;  border-color: #333; color: #fff;  }
.btn-other4:hover, .btn-main:focus, .btn-main:active, .btn-main.active {  background-color: #5d2f00;  border-color: #630; color: #fff;  }

a{  cursor: pointer; transition: all 0.2s ease-in-out; text-decoration:none !important; color:#000; transition:all 0.2s ease-in;}
a:hover{
	color:#bbb;
}

.the-box {  padding: 15px;  margin-bottom: 30px;  background: #fff;  border: 1px solid #D5DAE0;  position: relative;  }

h4.small-title {  font-size: 1em;  color: #656D78;  font-weight: 400;  margin: 0;  padding: 0;  margin-bottom: 20px;  }

h1.page-heading {  padding: 5px 0;  margin: 15px 0 20px;  font-size: 1.375em;  font-weight: 700;  line-height: 100%;  text-transform: uppercase;  color: #656D78;  }

h1.page-heading small {  text-transform: none;  color: #ACB5BE;  }

.breadcrumb {  background-color: #fff; border-radius: 0; padding: 8px 10px;  font-size: 0.81em; }

.breadcrumb > li + li:before {  content: "\203A"; color: #CCD1D9;  }

.help-block {  font-size: 0.75em;  }

.form-control {  border: 1px solid #ddd;  border-radius: 0;  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);  -webkit-transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;  transition: border-color ease-in-out 0s, box-shadow ease-in-out 0s;  }

.form-control:focus {  border-color: #ccc;  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0);  box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102, 175, 233, 0);  }

#wrapper { padding: 0;  margin: 0;  background: #E8E9EE;  height: 100%;  position: relative;}

#sidebar.toggle	   {left: -250px;}
#content.toggle	   {margin-left: 0px;}

.chart{direction: ltr;}

.ltr{
    direction: ltr !important;
}

.image_link{
	position: relative;
    overflow: hidden;
    display: inline-block;
}

.image_link:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;zzzz
    height: 100%;
	border-radius: 6px;
    content: "";
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease;	
}

.image_link:hover:before{
    background-color: rgba(0,0,0,0.5);
}

.nav{
	background-color: #38a3d9;
    padding: 5px 5px 0 5px;
}

.tab-content ul {
	list-style:none;
}

.tab-content ul li {
    margin: 5px 0;
}

.nav> li.active > a,
.nav> li.active > a:hover,
.nav> li.active > a:focus {
    color: #434A54;
    background-color: #fff;
    border-color: #F6BB42;
    border-bottom-color: transparent;
}

.nav > li > a:hover, .nav> li > a:focus {
    background-color: #bb4630;
    color: #fff;
    border-color: #bb4630;
}

.nav > li > a {
    color: #fff;
}

.tab-content{
	padding:20px;
}

.bg-dark, .bg-primary, .bg-success, .bg-info, .bg-danger, .bg-warning {
    color: #fff;
}

.bg-dark a, .bg-primary a, .bg-success a, .bg-info a, .bg-danger a, .bg-warning a {
    color: rgba(255,255,255,0.7);
}

.panel a.list-group-item{
    background-color: transparent;
    border: transparent;
    border-radius: 0;
    border-top: 1px solid #fff;
}

.panel a.list-group-item:first-child{
    border-top: transparent;
}

.panel a.list-group-item:hover{
    color: #fff;
    text-decoration: none;
}

.panel {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
}

.panel-body{
    font-size: 0.87em;
    min-height: 300px;
    max-height: 300px;
}

.panel-body .panel-body-inner-wrapper{
    overflow: hidden;
}

.panel-success {
    border-color: #8CC152;
}

.panel-success > .panel-heading {
    color: #fff;
    background-color: #8CC152;
    border-color: #8CC152;
}

.panel-success.panel-block-color > .panel-body.bg-success {
    background-color: #A0D468;
}

.panel-info {
    border-color: #3BAFDA;
}

.panel-info > .panel-heading {
    color: #fff;
    background-color: #3BAFDA;
    border-color: #3BAFDA;
}

.panel-info.panel-block-color > .panel-body.bg-info {
    background-color: #4FC1E9;
}

.panel-danger {
    border-color: #E9573F;
}

.panel-danger > .panel-heading {
    color: #fff;
    background-color: #E9573F;
    border-color: #E9573F;
}

.panel-danger.panel-block-color > .panel-body.bg-danger {
    background-color: #FC6E51;
}

/*
datepicker
*/
#datepicker{
    background: #F5F7FA;
    padding: 10px;
    border-radius: 5px;
    font-size: 12px;
    border-color: #CCD1D9;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    text-align: center;
}

#datepicker .dpTable tr td{
    padding: 5px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

button.dpButton{
    background: none;
    border: none;
    font-size: 16px;
}

#datepicker .dpTable tr.dpTR td{
    cursor: pointer;
}

#datepicker .dpTable tr.dpTR td:hover,
button.dpButton:hover{
    background: #E6E9ED;
}

#datepicker .dpTable tr td.dpDayHighlightTD,
#datepicker .dpTable tr td.dpDayHighlightTD:hover{
    color: #ffffff;
    background-color: #D8482C;
    cursor: none;
}

td.dpTodayButtonTD{
    display: none;
}


.gauge_box{
	text-align:center;
	padding:30px;
}

.gauge_box .the-box{
	margin:0;
}

.gauge_box .the-box .gauge_header {
    background-color: #38a3d9;
    color: #fff !important;
	padding:5px;
	margin-bottom: 10px;
}

.gauge_box .the-box .gauge_header b{
	display:block;
}

/*
*****************
*** Jquery UI ***
*****************
*/

/* ui-autocomplete */

.ui-autocomplete{
    border: 1px solid #ddd !important;
    border-top: 0 !important;
    background: #fff !important;
    border-radius: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    margin: 0 4px 4px 0 !important;
    padding: 0 0 0 4px !important;
    max-height: 240px !important;
}

.ui-autocomplete li.ui-menu-item{
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.ui-autocomplete li.ui-menu-item a{
    border-radius: 0 !important;
    background: none !important;
    border: none !important;
    display: block !important;
    margin: 0 !important;
    height: 30px !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    transition: all 0.2s ease-in-out;
}

.ui-autocomplete li.ui-menu-item a:hover{
    color: #fff !important;
    background-color: #ccc !important;
}


/*--------------------------------------------------------
Top-navbar
---------------------------------------------------------*/
#top-navbar {  position: fixed;  height: 60px;  top: 0;  left: 0;  right: 0;  background: #fff;  z-index: 1024;  -webkit-transition: All 0.3s ease;  -moz-transition: All 0.3s ease;  -o-transition: All 0.3s ease;  }

.top-navbar-inner{position: relative;}

.top-nav-logo {  width: 250px;  height: 60px;  position: absolute;  left: 0;  top: 0;  font-size: 1.25em;  font-weight: 700;  padding: 0;  text-align: center;  background-color: #38a3d9;  color: #fff;  }

.top-nav-logo img { margin-top: 4px; }

.top-nav-content {  position: relative;  margin-left: 250px;  height: 60px;  padding-left: 50px;  padding-right: 50px;  }

ul.nav-user {  margin: 0;  padding: 0;  list-style: none;  position: absolute;  top: 0;  right: 50px;  }

ul.nav-user li.dropdown a.dropdown-toggle { font-size: 0.81em;  height: 60px;  padding: 18px;  display: block;  color: #656D78;  text-decoration: none;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  max-width: 220px;  }

.avatar {  width: 40px;  height: 40px;  position: relative;  margin-top: -13px;  margin-bottom: -11px; }

.btn-collapse-sidebar{  position: absolute;  left: 0;  width: 50px;  height: 60px;  cursor: pointer;  text-align: center;  font-size: 18px;  padding: 17px 0;  }

.icon-dinamic{  -webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);  -ms-transform: rotate(0deg);  -o-transform: rotate(0deg);  transform: rotate(0deg);  -webkit-transition:All 0.4s ease;  -moz-transition:All 0.4s ease;  -o-transition:All 0.4s ease;  }

.icon-dinamic.rotate-90{ -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg); }

/*--------------------------------------------------------
Sidebar
---------------------------------------------------------*/
#sidebar{ position: fixed;  top: 60px;  left: 0;  bottom: 0;  width: 250px;  background: #313940;  color: #AAB2BD;  z-index: 10;  -webkit-transition: All 0.3s ease;  -moz-transition: All 0.3s ease;  -o-transition: All 0.3s ease; }

/* menu --------------------------------------------------*/
ul#sidebar_menu{ padding: 0;  margin: 0 0 30px 0;  list-style: none;}

ul#sidebar_menu li {  display: block;  color: #AAB2BD;  }

ul#sidebar_menu li a {  display: block;  color: #AAB2BD;  height: 45px;  padding: 12px 20px 12px 50px;  border-bottom: 1px solid #2C3439;  text-decoration: none;  line-height: 120%; font-size: 0.875em;  position: relative;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }

ul#sidebar_menu li.static {  display: block;  color: #797E89;  height: 60px;  padding: 29px 15px 15px 15px;  text-decoration: none;  line-height: 120%;  position: relative;  font-size: 0.81em;  }

ul#sidebar_menu li a:hover,
ul#sidebar_menu li a:focus {  color: #E6E9ED;  border-bottom: 1px solid #2C3439;  }

ul#sidebar_menu li.selected a,
ul#sidebar_menu li.selected a:hover,
ul#sidebar_menu li.selected a:focus,
ul#sidebar_menu li.active a,
ul#sidebar_menu li.active a:hover,
ul#sidebar_menu li.active a:focus {  color: #E6E9ED;  background-color: #2C3439;  border-bottom: 1px solid #2C3439;  }

ul#sidebar_menu li a .chevron-icon-sidebar {  position: absolute;  right: 15px;  top: 14px;  color: #656D78;  -webkit-transition: All 0.3s ease;  -moz-transition: All 0.3s ease;  -o-transition: All 0.3s ease;  }

ul#sidebar_menu li.active a .chevron-icon-sidebar {  -webkit-transform: rotate(90deg);  -moz-transform: rotate(90deg);  -ms-transform: rotate(90deg);  -o-transform: rotate(90deg);  transform: rotate(90deg);  }

ul#sidebar_menu li a .icon-sidebar {  width: 45px;  height: 45px;  position: absolute;  left: 0;  top: 0;  text-align: center;  padding: 15px 0;  }

ul#sidebar_menu li.active a:before{  content: " ";  position: absolute;  display: block;  left: 0;  top: 0;  width: 5px;  height: 100%;  background-color: #38a3d9;  }

/* submenu --------------------------------------------------*/
ul#sidebar_menu li ul.submenu {  background: #2C3439;  padding: 0 0 0 50px;  margin: 0;  list-style: none;  display: none;  }

ul#sidebar_menu li ul.submenu.visible{  display: block;  }

ul#sidebar_menu li ul.submenu li{  display: block;  }

ul#sidebar_menu li ul.submenu li a{  display: block;  color: #79818B;  height: 35px;  padding: 10px 15px 10px 0;  border-bottom: none !important;  text-decoration: none;  line-height: 120%;  position: relative;  font-size: 13px;  border-left: 1px solid #656D78;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }

ul#sidebar_menu li ul.submenu li a:hover,
ul#sidebar_menu li ul.submenu li a:focus{  color: #E6E9ED;  }

ul#sidebar_menu li ul.submenu li.selected a,
ul#sidebar_menu li ul.submenu li.selected a:hover,
ul#sidebar_menu li ul.submenu li.selected a:focus,
ul#sidebar_menu li ul.submenu li.active a,
ul#sidebar_menu li ul.submenu li.active a:hover,
ul#sidebar_menu li ul.submenu li.active a:focus{  color: #E6E9ED;  background-color: #2C3439;  }

ul#sidebar_menu li ul.submenu li a:before{  content: "\2014\00a0";  margin-left: -1px;  color: #79818B;  background-color: transparent;  position: relative;  display: inline;}


/*--------------------------------------------------------
Content
---------------------------------------------------------*/
#content { padding-top:15px; margin-left: 250px;  margin-top: 0;  z-index: 2;  background: #E8E9EE;  -webkit-transition: All 0.3s ease;  -moz-transition: All 0.3s ease;  -o-transition: All 0.3s ease;  }

/*--------------------------------------------------------
Login
---------------------------------------------------------*/
.login_section{position: absolute;top:0;bottom: 0;left: 0;right: 0;background-color: #2C3E50;font-family: "IRANSans", "Yekan", sans-serif !important;}

.login_container{position: absolute;width: 50%;max-width: 700px;min-width: 350px;height: 400px;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);background-color: #fff;border-radius: 8px;}

.login_left_content{position: absolute;left: 0;top: 0;height: 100%;background-color: #38a3d9;background-image: url("../userfiles/Images/login_bg.jpg");background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;border-radius: 8px 0 0 8px;}

.login_left_content .login_logo{text-align: center;margin-top: 50px;color:#fff;font-size:24px;font-family: "Yekan", "IRANSans", sans-serif !important;}

.login_left_content .content{text-align: center;position: absolute;bottom: 0;left: 0;right: 0;color: #fff;font-family: "Yekan", "IRANSans", sans-serif !important;font-size: 12px;padding: 10px;}

.login_form_content{position: absolute;right: 0;top: 0;height: 100%;padding: 40px;}

.login_form_content h4{font-size: 18px;margin-top: 0;margin-bottom: 50px;}

.login_form_content h4 span{font-size: 20px;color: #38a3d9;}


/*---------------------------------------------------------------
Kendo Styles
----------------------------------------------------------------*/
.k-button, .k-widget{
    border:none !important;
}

.k-block,
.k-draghandle,
.k-grid-header,
.k-grouping-header,
.k-header,
/*.k-pager-wrap,*/
.k-toolbar,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
    background-color: #38a3d9 !important;
    background-image: none !important;
    border: none !important;
    color: #fff !important;
}

.k-grid tbody .k-button,
.k-ie8 .k-grid tbody button.k-button,
.k-grid tbody a.k-button:hover,
.k-ie8 .k-grid tbody button.k-button:hover{
    background-color: transparent !important;
    border: #38a3d9 2px solid;
    color: #2c3439;
    background-image: none !important;
}

.k-grid tbody a.k-button:hover,
.k-ie8 .k-grid tbody button.k-button:hover{
    color: #fff;
    background-color: #38a3d9 !important;
}

.k-grid-header th.k-header>.k-link{
    color: #fff !important;
}

.k-grid .toolbar,
.k-grid .k-grouping-header,
.k-pager-wrap{
    border: none !important;
    background-color: #313940 !important;
    background-image: none !important;
    color: #fff !important;
}

.k-grid .toolbar{
    padding: 14px;
}

.k-header.k-grid-toolbar{
    padding: 0 !important;
}

.k-draghandle.k-state-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list>.k-state-highlight,
.k-list>.k-state-selected,
.k-marquee-color,
.k-panel>.k-state-selected,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited {
    color: #fff !important;
    background-color: #38a3d9 !important;
    border-color: #38a3d9 !important;
    background-image: none !important;
}

.k-grid-pager .k-link,
.k-pager-numbers .k-link{
    border-color: #ffffff !important;
    background-color: #fff !important;
}

td.grid_cell_center{
    text-align: center !important;
}


a.grid_cell_icon,
a.grid_cell_icon:focus,
a.grid_cell_icon:hover{
    color: transparent !important;
    margin: 2px !important;
    padding: 4px;
    background: transparent;
    border: transparent;
    font-size: .5em;
    width: 30px;
    min-width: 30px !important;
    height: 30px;
    text-align: center;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

a.grid_cell_icon span{
    display: inline-block;
    color: #000 !important;
    font: normal normal normal 14px/1 FontAwesome;
    line-height: 20px;
    /*font-size: inherit;*/
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a.grid_cell_icon:hover span{
    color: #fff !important;
}

a.grid_cell_icon.k-grid-note span:before    {  content: "\f040";  }
a.grid_cell_icon.k-grid-view span:before    {  content: "\f06e";  }
a.grid_cell_icon.k-grid-delete span:before  {  content: "\f1f8";  }
a.grid_cell_icon.k-grid-editBtn span:before {  content: "\f022";  }
a.grid_cell_icon.k-grid-accessBtn span:before {  content: "\f084";  }
a.grid_cell_icon.k-grid-menuBtn span:before {  content: "\f0c9";  }
a.grid_cell_icon.k-grid-linkBtn span:before {  content: "\f08e";  }
a.grid_cell_icon.k-grid-infoBtn span:before {  content: "\f129";  }
a.grid_cell_icon.k-grid-undoBtn span:before {  content: "\f0e2";  } 
a.grid_cell_icon.k-grid-dbBtn span:before {  content: "\f1c0";  } 
a.grid_cell_icon.k-grid-bookBtn span:before {  content: "\f02d";  } 
a.grid_cell_icon.k-grid-roadBtn span:before {  content: "\f018";  } 
a.grid_cell_icon.k-grid-dlBtn span:before {  content: "\f019";  } 
a.grid_cell_icon.k-grid-addBtn span:before {  content: "\f067";  } 
a.grid_cell_icon.k-grid-removeBtn span:before {  content: "\f068";  }
a.grid_cell_icon.k-grid-history span:before    {  content: "\f1da";  } 
a.grid_cell_icon.k-grid-usersBtn span:before {  content: "\f0c0";  }
a.grid_cell_icon.k-grid-companyBtn span:before {  content: "\f1ad";  }
a.grid_cell_icon.k-grid-userplusBtn span:before {  content: "\f234";  }
a.grid_cell_icon.k-grid-sticky-note span:before {  content: "\f249";  }

/*--------------------------------------------------*/

.grid_container{
    position: relative;
    margin-right:260px;
    padding: 0 15px;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.grid_container.expand{
    margin-right:48px;
}

.letter_tree_container{
    position: absolute;
    right:0;
    top:0;
    margin-right: 15px;
    overflow: hidden;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.easytree-container{
    max-height: 580px !important;
    max-width: 245px !important;
    position: relative !important;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

a.letter_tree_collapse_btn {
    width: 33px;
    height: 31px;
    display: inline-block;
    color: #fff;
    background-color: #313940;
    padding: 7px 10px 0;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

a.letter_tree_collapse_btn i{
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
}

a.letter_tree_collapse_btn.active{
    width: 100%;
}

a.letter_tree_collapse_btn.active i{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}