/*
Template Name: Flat Lab Dashboard build with Bootstrap v3.0
Template Version: 1.0
Author: Mosaddek Hossain
Website: http://thevectorlab.net/
*/

@font-face { font-family: 'OpenSans'; src: url('../fonts/OpenSans-Regular.eot'); src: url('../fonts/OpenSans-Regular.eot#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg#CartoGothicStdBook') format('svg'); font-weight: normal; font-style: normal; }

/*@font-face { font-family: 'yekan'; src: url('../fonts/Yekan-modified.eot'); src: url('../fonts/Yekan-modified.eot#iefix') format('embedded-opentype'), url('../fonts/Yekan-modified.woff') format('woff'), url('../fonts/Yekan-modified.ttf') format('truetype'), url('../fonts/Yekan-modified.svg#CartoGothicStdBook') format('svg'); font-weight: normal; font-style: normal; }*/

/*@font-face { font-family: iran; font-style: normal; font-weight: bold; src: url('../fonts/IRANYekan/eot/iranyekanwebbold.eot'); src: url('../fonts/IRANYekan/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'),*/ /* IE6-8 */
url('../fonts/IRANYekan/woff/iranyekanwebbold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/IRANYekan/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face { font-family: iranyekan; font-style: normal; font-weight: 100; src: url('../fonts/IRANYekan/eot/iranyekanwebthin.eot'); src: url('../fonts/IRANYekan/eot/iranyekanwebthin.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/IRANYekan/woff/iranyekanwebthin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/IRANYekan/ttf/iranyekanwebthin.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: 300; src: url('../fonts/IRANYekan/eot/iranyekanweblight.eot'); src: url('../fonts/IRANYekan/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/IRANYekan/woff/iranyekanweblight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/IRANYekan/ttf/iranyekanweblight.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: normal; src: url('../fonts/IRANYekan/eot/iranyekanwebregular.eot'); src: url('../fonts/IRANYekan/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/IRANYekan/woff/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/IRANYekan/ttf/iranyekanwebregular.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: 500; src: url('../fonts/IRANYekan/eot/iranyekanwebmedium.eot'); src: url('../fonts/IRANYekan/eot/iranyekanwebmedium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/IRANYekan/woff/iranyekanwebmedium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/IRANYekan/ttf/iranyekanwebmedium.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: 800; src: url('../fonts/IRANYekan/eot/iranyekanwebextrabold.eot'); src: url('../fonts/IRANYekan/eot/iranyekanwebextrabold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/IRANYekan/woff/iranyekanwebextrabold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/IRANYekan/ttf/iranyekanwebextrabold.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: 900; src: url('../fonts/IRANYekan/eot/iranyekanwebblack.eot'); src: url('../fonts/IRANYekan/eot/iranyekanwebblack.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/IRANYekan/woff/iranyekanwebblack.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/IRANYekan/ttf/iranyekanwebblack.ttf') format('truetype'); }

@font-face { font-family: iranyekan; font-style: normal; font-weight: 950; src: url('../fonts/IRANYekan/eot/iranyekanwebextrablack.eot'); src: url('../fonts/IRANYekan/eot/iranyekanwebextrablack.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('../fonts/IRANYekan/woff/iranyekanwebextrablack.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('../fonts/IRANYekan/ttf/iranyekanwebextrablack.ttf') format('truetype'); }


body { color: #797979; background: #fff; font-family: 'iranyekan','Open Sans', sans-serif; padding: 0px !important; margin: 0px !important; font-size: 13px; }

ul li { list-style: none; }

a, a:hover, a:focus { text-decoration: none; outline: none; }

::selection { background: #FF6C60; color: #fff; }
::-moz-selection { background: #FF6C60; color: #fff; }

#container { width: 100%; height: 100%; }

/*login page*/

.login-body { background-color: #f1f2f7; }

.form-signin { max-width: 330px; margin: 100px auto 0; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; }

.form-signin h2.form-signin-heading { margin: 0; padding: 20px 15px; text-align: center; background: #41cac0; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 300; font-family: 'IranSans',yekan,'Open Sans', sans-serif; }

.form-signin .checkbox { margin-bottom: 14px; }
.form-signin .checkbox { font-weight: normal; color: #b6b6b6; font-weight: 300; font-family: 'IranSans',yekan,'Open Sans', sans-serif; }
.form-signin .form-control { position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form-signin .form-control:focus { z-index: 2; }
.form-signin input[type="text"], .form-signin input[type="password"] { margin-bottom: 15px; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eaeaea; box-shadow: none; font-size: 12px; }

.form-signin .btn-login { background: #f67a6e; color: #fff; text-transform: uppercase; font-weight: 300; font-family: 'IranSans',yekan,'Open Sans', sans-serif; box-shadow: 0 4px #e56b60; margin-bottom: 20px; }

.form-signin p { text-align: center; color: #b6b6b6; font-size: 16px; font-weight: 300; }

.form-signin a { color: #b6b6b6; }

.form-signin a:hover { color: #41cac0; }

.login-wrap { padding: 20px; }

.login-social-link { display: inline-block; margin-top: 20px; margin-bottom: 15px; }

.login-social-link a { color: #fff; padding: 15px 28px; border-radius: 4px; }

.login-social-link a:hover { color: #fff; }

.login-social-link a i { font-size: 20px; padding-left: 10px; }

.login-social-link a.facebook { background: #5193ea; margin-left: 22px; box-shadow: 0 4px #2775e2; float: right; }

.login-social-link a.twitter { background: #44ccfe; box-shadow: 0 4px #2bb4e8; float: right; }


/*sidebar navigation*/

#sidebar { width: 180px; height: 100%; position: fixed; background: #2a3542; }

.nav-collapse.collapse { display: inline; }

ul.sidebar-menu, ul.sidebar-menu li ul.sub { margin: -2px 0 0; padding: 0; }

ul.sidebar-menu { margin-top: 75px; }

#sidebar > ul > li > ul.sub { display: none; }

#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a { display: block; }

ul.sidebar-menu li ul.sub li { background: #35404D; margin-bottom: 0; margin-right: 0; margin-left: 0; }

ul.sidebar-menu li ul.sub li:last-child { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }

ul.sidebar-menu li ul.sub li a { font-size: 12px; padding: 0 0 0 32px; line-height: 35px; height: 35px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color: #737B83; }

ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a { color: #FF6C60; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: block; }

ul.sidebar-menu li { line-height: 20px !important; margin-bottom: 5px; margin-right: 10px; margin-left: 10px; }

ul.sidebar-menu li.sub-menu { line-height: 15px; }

ul.sidebar-menu li a span { display: inline-block; }

ul.sidebar-menu li a { color: #8b9199; text-decoration: none; display: block; padding: 15px 0 15px 10px; font-size: 12px; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

ul.sidebar-menu li.active a, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus { background: #35404d; color: #fff; display: block; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }


ul.sidebar-menu li a i { font-size: 15px; padding-left: 6px; }

ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i { color: #FF6C60; }

ul.sidebar-menu li.active a i { color: #FF6C60; }


#sidebar ul > li > a .arrow { border-bottom: 4px solid transparent; border-right: 4px solid #A0A0A0; border-top: 4px solid transparent; float: left; height: 0; margin-left: 10px; margin-top: 6px; width: 0; }

#sidebar > ul > li > a .arrow.open { border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #A0A0A0; float: left; height: 0; margin-left: 10px; margin-top: 8px; width: 0; }

#sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow { float: left; margin-top: 6px; margin-left: 10px; width: 0; height: 0; border-right: 4px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

#sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open { float: left; margin-top: 8px; margin-left: 10px; width: 0; height: 0; border-top: 5px solid #fff; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.mail-info, .mail-info:hover { margin: 0px 6px 0 0; font-size: 11px; }

/*main content*/

#main-content { margin-right: 180px; }

.header, .footer { min-height: 60px; padding: 0 5px; }

.header { position: fixed; right: 0; left: 0; z-index: 1000; }

.white-bg { background: #fff; border-bottom: 1px solid #f1f2f7; }

.wrapper { display: inline-block; margin-top: 60px; width: 100%; background-color: #D5D8DC; }
#main-content .wrapper { min-height: 90vh; }

a.logo { font-size: 19px; color: #2e2e2e; float: right; margin-top: 19px; text-transform: uppercase; }

a.logo:hover, a.logo:focus { text-decoration: none; outline: none; }

a.logo span { color: #FF6C60; }


/*notification*/

#top_menu .nav > li, ul.top-menu > li { float: right; }

.notify-row { float: right; margin-top: 15px; margin-right: 65px; }

ul.top-menu > li > a { color: #666666; font-size: 16px; border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #f0f0f8 !important; padding: 2px 6px; margin-left: 15px; }

ul.top-menu > li > a:hover, ul.top-menu > li > a:focus { border: 1px solid #f0f0f8 !important; background-color: #fff !important; border-color: #f0f0f8 !important; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; color: #2E2E2E !important; }

.notify-row .badge { position: absolute; left: -10px; top: -10px; z-index: 100; }

.dropdown-menu.extended { max-width: 200px !important; min-width: 150px !important; top: 42px; width: 235px !important; padding: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important; border: none !important; border-radius: 4px; -webkit-border-radius: 4px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .dropdown-menu.extended { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important; }
    ;
}

.dropdown-menu.extended li p { background-color: #F1F2F7; color: #666666; margin: 0; padding: 10px; border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; }

.dropdown-menu.extended li p.green { background-color: #a9d86e; color: #fff; }

.dropdown-menu.extended li p.red { background-color: #ff6c60; color: #fff; }

.dropdown-menu.extended li p.yellow { background-color: #fcb322; color: #fff; }

.dropdown-menu.extended li a { border-bottom: 1px solid #EBEBEB !important; font-size: 12px; list-style: none; }

.dropdown-menu.extended li a { padding: 10px 10px !important; width: 100%; display: inline-block; }

.dropdown-menu.extended li a:hover { background-color: #F7F8F9 !important; color: #2E2E2E; }

.dropdown-menu.tasks-bar .task-info .desc { font-size: 13px; font-weight: normal; }

.dropdown-menu.tasks-bar .task-info .percent { display: inline-block; float: left; font-size: 13px; font-weight: 600; padding-right: 10px; margin-top: -4px; }

.dropdown-menu.extended .progress { margin-bottom: 0 !important; height: 10px; }

.dropdown-menu.inbox li a .photo img { border-radius: 2px 2px 2px 2px; float: right; height: 40px; margin-left: 4px; width: 40px; }

.dropdown-menu.inbox li a .subject { display: block; }

.dropdown-menu.inbox li a .subject .from { font-size: 12px; font-weight: 600; }

.dropdown-menu.inbox li a .subject .time { font-size: 11px; font-style: italic; font-weight: bold; position: absolute; left: 5px; }

.dropdown-menu.inbox li a .message { display: block !important; font-size: 11px; }

.top-nav { margin-top: 14px; }

.top-nav ul.top-menu > li .dropdown-menu.logout { width: 268px !important; }

.top-nav li.dropdown .dropdown-menu { float: left; left: 0; right: auto; }

/*.dropdown-menu.extended.logout > li { float: right; text-align: center; width: 100%; }

.dropdown-menu.extended.logout > li:last-child { float: right; text-align: center; width: 100%; background: #a9d96c; border-radius: 0 0 3px 3px; }

.dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover { color: #fff; border-bottom: none !important; text-transform: uppercase; }

.dropdown-menu.extended.logout > li:last-child > a:hover > i { color: #fff; }

.dropdown-menu.extended.logout > li > a { color: #a4abbb; border-bottom: none !important; }

.dropdown-menu.extended.logout > li > a:hover { background: none !important; color: #50c8ea; }

.dropdown-menu.extended.logout > li > a:hover i { color: #50c8ea; }

.dropdown-menu.extended.logout > li > a i { font-size: 17px; }

.dropdown-menu.extended.logout > li > a > i { display: block; }*/

.top-nav .username { font-size: 13px; color: #555555; }

.top-nav ul.top-menu > li > a { border: 1px solid #eeeeee; border-radius: 4px; -webkit-border-radius: 4px; padding: 4px 10px; background: none; margin-left: 0; }
.top-nav ul.top-menu > li { margin-right: 10px; }

.top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus { border: 1px solid #F1F2F7; background: #F1F2F7; }

.top-nav .dropdown-menu.extended.logout { top: 50px; }

.top-nav .nav .caret { border-bottom-color: #A4AABA; border-top-color: #A4AABA; }
.top-nav ul.top-menu > li > a:hover .caret { border-bottom-color: #000; border-top-color: #000; }

.log-arrow-up { background: url("../img/arrow-up.png") no-repeat; width: 20px; height: 11px; position: absolute; left: 20px; top: -10px; }

/*----*/

.notify-arrow { border-style: solid; border-width: 0 9px 9px; height: 0; margin-top: 0; opacity: 0; position: absolute; right: 7px; top: -18px; transition: all 0.25s ease 0s; width: 0; z-index: 10; margin-top: 10px; opacity: 1; }

.notify-arrow-yellow { border-color: transparent transparent #FCB322; border-bottom-color: #FCB322 !important; border-top-color: #FCB322 !important; }
.notify-arrow-red { border-color: transparent transparent #ff6c60; border-bottom-color: #ff6c60 !important; border-top-color: #ff6c60 !important; }
.notify-arrow-green { border-color: transparent transparent #a9d86e; border-bottom-color: #a9d86e !important; border-top-color: #a9d86e !important; }


/*search*/

.search { margin-top: 6px; width: 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 1px solid #fff; box-shadow: none; background: url("../img/search-icon.jpg") no-repeat 10px 8px; padding: 0 5px 0 35px; color: #fff; }

.search:focus { margin-top: 5px; width: 180px; border: 1px solid #eaeaea; box-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #c8c8c8; font-weight: 300; }

/*--sidebar toggle---*/

.sidebar-toggle-box { float: right; padding-left: 15px; margin-top: 20px; }

.sidebar-toggle-box .icon-reorder { cursor: pointer; display: inline-block; font-size: 20px; }


.sidebar-closed > #sidebar > ul { display: none; }

.sidebar-closed #main-content, .sidebar-closed #ContentPlaceHolder1_sectionAdmin { margin-right: 0px; }

.sidebar-closed #sidebar { margin-right: -180px; }

/*state overview*/

.state-overview .symbol, .state-overview .value { display: inline-block; text-align: center; }

.state-overview .value { float: left; }

.state-overview .value h1, .state-overview .value p { margin: 0; padding: 0; color: #c6cad6; }

.state-overview .value h1 { font-weight: 300; }

.state-overview .symbol i { color: #fff; font-size: 50px; }

.state-overview .symbol { width: 40%; padding: 25px 15px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; }

.state-overview .value { width: 58%; padding-top: 21px; }

.state-overview .terques { background: #6ccac9; }

.state-overview .red { background: #ff6c60; }

.state-overview .yellow { background: #f8d347; }

.state-overview .blue { background: #57c8f2; }

/*main chart*/

.border-head h3 { border-bottom: 1px solid #c9cdd7; margin-top: 0; margin-bottom: 20px; padding-bottom: 5px; font-weight: normal; font-size: 18px; display: inline-block; width: 100%; font-weight: 300; }

.custom-bar-chart { height: 305px; margin-top: 40px; margin-bottom: 40px; border-top: 1px dashed #c9cdd7; }

.custom-bar-chart .bar { height: 100%; position: relative; width: 4.3%; margin: 20px 2%; float: right; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; z-index: 10; }

.custom-bar-chart .bar:before { background: #bfc2cd; border-radius: 50%; -webkit-border-radius: 50%; content: ""; height: 10px; right: 50%; margin-right: -5px; margin-top: -26px; position: absolute; width: 10px; z-index: -1; }

.custom-bar-chart .bar:after { content: ''; position: absolute; z-index: -1; margin-top: -10px; right: 50%; margin-right: -1px; height: 100%; width: 1px; background: #bfc2cd; }

.custom-bar-chart .bar .title { position: absolute; top: -50px; width: 100%; text-align: center; }

.custom-bar-chart .bar .value { position: absolute; bottom: 0; background: #bfc2cd; color: #bfc2cd; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.custom-bar-chart .bar .value:before { border-top: 5px solid #f1f2f7; position: absolute; content: ''; width: 100%; height: 100%; top: -5px; right: 0; }

.custom-bar-chart .bar .value:hover { background: #e8403f; color: #fff; }

.custom-bar-chart .bar.doted:before { background: #bfc2cd; content: ""; height: 8px; right: 50%; margin-right: -3px; margin-top: -25px; position: absolute; width: 8px; z-index: -1; }

.custom-bar-chart .bar.doted:after { content: ''; position: absolute; z-index: -1; margin-top: -10px; right: 50%; margin-right: 0; height: 100%; width: 1px; background: transparent; border-right: 1px dashed #d6d9e0; }

.custom-bar-chart .bar.doted .title { top: -42px; font-size: 10px; }


/*spark line*/
.chart { display: inline-block; text-align: center; width: 100%; }
.chart .heading { text-align: right; }
.chart .heading span { display: block; }
.panel.green-chart .chart-tittle { font-size: 16px; padding: 15px; display: inline-block; font-weight: normal; background: #99c262; width: 100%; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; }

#barchart { margin-bottom: -15px; display: inline-block; }

.chart-tittle .title { }

.panel.green-chart .chart-tittle .value { float: left; color: #c0f080; }

.panel.green-chart { background: #a9d96c; color: #fff; }

.panel.terques-chart { background: #41cac0; color: #fff; }

.panel.terques-chart .chart-tittle .value { float: left; color: #fff; }

.panel.terques-chart .chart-tittle .value a { color: #fff; font-size: 12px; }

.panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active { color: #55f2e7; font-size: 12px; }

.panel.terques-chart .chart-tittle { font-size: 16px; padding: 15px; display: inline-block; font-weight: normal; background: #39b7ac; width: 100%; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; }

.inline-block { display: inline-block; }

/**/

.panel-body.chart-texture { background: url("../img/chart-texture.jpg"); -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }


/*personal task*/

.task-thumb { width: 90px; float: right; }

.task-thumb img { border-radius: 4px; -webkit-border-radius: 4px; }

.task-thumb-details { display: inline-block; margin: 25px 0 0 10px; }

.task-progress { float: right; }

.task-thumb-details h1, .task-thumb-details h1 a, .task-progress h1, .task-progress h1 a { color: #39b5aa; font-size: 18px; margin: 0; padding: 0; font-weight: 400; }

.task-thumb-details p, .task-progress p { padding-top: 5px; color: #a4aaba; }


.personal-task tbody tr td { padding: 11px 15px; border-color: #eeeff1; }

.personal-task tbody tr td i { font-size: 20px; color: #c7cbd4; }

.personal-task.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { background-color: #f7f8fc; }

.personal-task.table-hover > tbody > tr:hover > td i { color: #39b5aa; }

.personal-task > tbody > tr > td:last-child { text-align: left; }

.task-option { float: left; }

.task-option select { height: 35px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-border-radius: 4px; padding: 8px; color: #a4abbb; }

.progress-panel { padding-bottom: 5px; }

/*badge*/

.badge.bg-primary { background: #8075c4; }

.badge.bg-success { background: #a9d86e; }

.badge.bg-warning { background: #FCB322; }

.badge.bg-important { background: #ff6c60; }

.badge.bg-info { background: #41cac0; }

.badge.bg-inverse { background: #2A3542; }


/*timeline*/

.timeline { border-collapse: collapse; border-spacing: 0; display: table; position: relative; table-layout: fixed; width: 100%; }

.timeline:before { background-color: #C7CBD6; bottom: 0px; content: ""; right: 50%; position: absolute; top: 0; width: 2px; z-index: 0; }

h3.timeline-title { margin: 0; color: #C8CCD7; font-size: 20px; font-weight: 400; margin: 0 0 5px; text-transform: uppercase; }

.t-info { color: #C8CCD7; }

.timeline-item:before, .timeline-item.alt:after { content: ""; display: block; width: 50%; }

.timeline-item { display: table-row; }

.timeline-desk { display: table-cell; vertical-align: top; width: 50%; }

.timeline-desk h1 { font-size: 16px; font-weight: 300; margin: 0 0 5px; }

.timeline-desk .panel { display: block; margin-right: 25px; position: relative; text-align: right; background: #F4F4F4; }

.timeline-item .timeline-desk .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; right: -7px; position: absolute; top: 13px; width: 0; }
.timeline-item .timeline-desk .arrow { border-left: 8px solid #F4F4F4 !important; }

.timeline-item.alt .timeline-desk .arrow-alt { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; left: -7px; position: absolute; top: 13px; width: 0; right: auto; }

.timeline-item.alt .timeline-desk .arrow-alt { border-right: 8px solid #F4F4F4 !important; }

.timeline .timeline-icon { right: -30px; position: absolute; top: 15px; }

.timeline .timeline-icon { background: #C7CBD6; box-shadow: 0 0 0 3px #C7CBD6; }

.timeline-desk span a { text-transform: uppercase; }

.timeline-desk h1.red, .timeline-desk span a.red { color: #EF6F66; }

.timeline-desk h1.green, .timeline-desk span a.green { color: #39B6AE; }
.timeline-desk h1.blue, .timeline-desk span a.blue { color: #56C9F5; }
.timeline-desk h1.purple, .timeline-desk span a.purple { color: #8074C6; }
.timeline-desk h1.light-green, .timeline-desk span a.light-green { color: #A8D76F; }

.timeline .timeline-icon.red { background: #EF6F66; box-shadow: 0 0 0 3px #EF6F66; }

.timeline .timeline-icon.green { background: #39B6AE; box-shadow: 0 0 0 3px #39B6AE; }

.timeline .timeline-icon.blue { background: #56C9F5; box-shadow: 0 0 0 3px #56C9F5; }

.timeline .timeline-icon.purple { background: #8074C6; box-shadow: 0 0 0 3px #8074C6; }

.timeline .timeline-icon.light-green { background: #A8D76F; box-shadow: 0 0 0 3px #A8D76F; }

.timeline .timeline-icon { border: 3px solid #FFFFFF; border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 12px; width: 12px; }

.timeline-item.alt .timeline-icon { right: auto; left: -32px; }

.timeline .time-icon:before { font-size: 16px; margin-top: 5px; }
.timeline .timeline-date { right: -200px; position: absolute; text-align: left; top: 12px; width: 150px; }

.timeline-desk h5 span { color: #999999; display: block; font-size: 12px; margin-bottom: 4px; }


.timeline-item.alt:before { display: none; }
.timeline-item:before, .timeline-item.alt:after { content: ""; display: block; width: 50%; }

.timeline-desk p { font-size: 12px; margin-bottom: 0; }

.timeline-desk a { color: #EF6F66; }

.timeline-desk .panel { margin-bottom: 5px; }

.timeline-desk .album { margin-top: 20px; }

.timeline-desk .album a { margin-left: 5px; float: right; }

.timeline-desk .notification { background: none repeat scroll 0 0 #FFFFFF; margin-top: 20px; padding: 8px; }


.timeline-item.alt .panel { margin-right: 0; margin-left: 25px; }

.timeline-item.alt .timeline-date { right: auto; left: -200px; text-align: right; }

.mbot30 { margin-bottom: 30px; }

/*---revenue----*/

.revenue-head { background: #ff6c60; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; color: #fff; line-height: 50px; }

.revenue-head span { background: #e56155; padding: 16px; -webkit-border-radius: 4px 0px 0px 0px; border-radius: 4px 0px 0px 0px; }

.revenue-head span i { font-size: 18px; }

.revenue-head h3 { display: inline; padding: 0 10px; font-size: 16px; font-weight: 300; }

.revenue-head span.rev-combo { background: #e56155; padding: 16px; line-height: normal; -webkit-border-radius: 0px 4px 0px 0px; border-radius: 0px 4px 0px 0px; }

/*easy pie chart*/

.easy-pie-chart { display: inline-block; padding: 30px 0; }

.chart-info, .chart-info .increase, .chart-info .decrease { display: inline-block; }

.chart-info { width: 100%; margin-bottom: 5px; }

.chart-position { margin-top: 70px; }

.chart-info span { margin: 0 3px; }

.chart-info .increase { background: #ff6c60; width: 10px; height: 10px; }

.chart-info .decrease { background: #f2f2f2; width: 10px; height: 10px; }

.panel-footer.revenue-foot { background-color: #e6e7ec; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; border: none; padding: 0; width: 100%; display: inline-block; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .panel-footer.revenue-foot { margin-bottom: -4px; }
    ;
}


.panel-footer.revenue-foot ul { margin: 0; padding: 0; width: 100%; display: inline-flex; }

.panel-footer.revenue-foot ul li { float: right; width: 33.33%; }

.panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a { -webkit-border-radius: 0px 0px 0px 4px; border-radius: 0px 0px 0px 4px; }

.panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a { -webkit-border-radius: 0px 0px 4px 0px; border-radius: 0px 0px 4px 0px; border-left: none; }

.panel-footer.revenue-foot ul li a { display: inline-block; width: 100%; padding: 14px 15px; text-align: center; border-left: 1px solid #d5d8df; color: #797979; }

.panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a { background: #fff; position: relative; }

.panel-footer.revenue-foot ul li a i { color: #c6cad5; display: block; font-size: 16px; }
.panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i { color: #ff6c60; display: block; font-size: 16px; }

/*flatlab carousel model*/

.flat-carousal { background: #58c9f3; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; padding: 10px; color: #fff; position: relative; }

.flat-carousal h1 { text-align: center; font-size: 16px; margin: 30px 20px; line-height: 20px; font-weight: 300; font-style: italic; }

a.view-all { color: #fff; background: rgba(0,0,0,0.1); padding: 8px 15px; text-align: center; border-radius: 25px; -webkit-border-radius: 25px; margin-bottom: 18px; display: inline-block; text-transform: uppercase; font-size: 12px; }

ul.ft-link { margin: 0; padding: 0; }

ul.ft-link li { border-left: 1px solid #E6E7EC; display: inline-block; line-height: 30px; margin: 8px 0; text-align: center; width: 24%; }

ul.ft-link li a { color: #74829c; text-transform: uppercase; font-size: 12px; }

ul.ft-link li a:hover, ul.ft-link li.active a { color: #58c9f3; }

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

ul.ft-link li a i { display: block; }


#owl-demo .item img { display: block; width: 100%; height: auto; }

.owl-buttons { position: absolute; top: 70px; width: 100%; }

.owl-prev, .owl-next { position: absolute; }

.owl-next { left: 0; }

.owl-buttons .owl-prev { text-indent: -9999px; background: url("../img/right-arrow.png") no-repeat; width: 6px; height: 10px; display: inline-block; }

.owl-buttons .owl-next { text-indent: -9999px; background: url("../img/left-arrow.png") no-repeat; width: 6px; height: 10px; display: inline-block; }

/*product post*/

.post-wrap aside { display: table-cell; float: none; height: 100%; padding: 0; vertical-align: top; }

.pro-box { border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 100%; }
.post-info { position: relative; }

.arrow-pro.left:after { border-right-color: #FFFFFF; border-left-width: 0; top: 85px; content: " "; }

.arrow-pro.right:after { border-left-color: #FFFFFF; border-right-width: 0; top: 80px; content: " "; }

.arrow-pro.right { right: -8px; }

.arrow-pro:after { border-width: 7px; content: ""; }

.arrow-pro, .arrow-pro:after { border-color: rgba(0, 0, 0, 0); border-style: solid; display: block; height: 0; position: absolute; width: 0; left: -5px; }

.post-highlight.yellow { background: #f8d347; border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; }

.post-highlight.terques { background: #41cac0; border-radius: 4px 0px 0px 04px; -webkit-border-radius: 4px 0px 0px 04px; }

.post-info h1 { margin: 0; font-size: 18px; color: #a19899; font-weight: 300; }

.post-highlight.terques h2 { font-size: 16px; color: #fff; font-style: italic; padding: 0 20px; line-height: 22px; margin: 0; font-weight: 300; }

.post-highlight.terques h2 span, .post-highlight.terques h2 a { color: #92faf3; }

.post-info h1 strong { text-transform: uppercase; color: #937b7b; }

.post-info .desk { display: inline-block; }

.post-info .desk h3 { font-size: 16px; }

.post-info .desk.yellow h3 { color: #f8d347; }

.post-btn { }

.post-btn a { float: right; margin-left: 8px; font-size: 18px; color: #9a9a9a; }

.post-btn a:hover { color: #727272; }

.pro-thumb { text-align: center; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; border: 10px solid rgba(256,256,256,0.4); }

.pro-thumb img { text-align: center; width: 112px; height: 112px; border-radius: 50%; -webkit-border-radius: 50%; }

.v-align { vertical-align: middle !important; }

.twite h1 { margin: 50px 0; }


.social-footer { display: inline; text-align: center; }

.social-footer ul { text-align: center; margin: 0; padding: 0; }

.social-footer ul li { display: inline-block; margin: 0 20px; }

.social-footer ul li a { font-size: 25px; color: #ceced0; }

.social-footer ul li a:hover i.icon-facebook, .social-footer ul li.active a i.icon-facebook { color: #486eac; }

.social-footer ul li a:hover i.icon-twitter, .social-footer ul li.active a i.icon-twitter { color: #58c9f3; }

.social-footer ul li a:hover i.icon-google-plus, .social-footer ul li.active a i.icon-google-plus { color: #4a4a4a; }

.social-footer ul li a:hover i.icon-pinterest, .social-footer ul li.active a i.icon-pinterest { color: #d1282d; }

/*pie chart */

.pie-foot { background: #6b6b6b; padding: 18px 15px; color: #fff; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; text-align: center; font-size: 16px; font-weight: 300; }

/*follower*/

.follower { background: #01a89e; color: #fff; text-align: center; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }

.follower-foot { padding: 8px 5px 5px 5px; color: #757575; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; font-weight: 300; }

.follower-foot ul { padding: 0; margin: 0; }
.follower-foot ul li { display: inline-block; text-align: center; width: 48%; line-height: normal; }

.follower-foot ul li h5 { margin: 5px 0 0 0; }

.follower h4 { margin: 0 0 10px 0; font-size: 15px; font-weight: 300; }

.follow-ava { border-radius: 50%; -webkit-border-radius: 50%; border: 5px solid #18b2a6; display: inline-block; }

.follower img { border-radius: 50%; -webkit-border-radius: 50%; width: 62px; height: 62px; /*display: inline-block;*/ }

/*weather*/

.weather-bg { background: #8175c7; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; color: #fff; text-align: center; font-size: 16px; font-weight: 300; }

.weather-bg i { font-size: 60px; display: block; }

.weather-bg .degree { font-size: 60px; }

.weather-category { padding: 15px 0; color: #74829C; }

.weather-category ul { padding: 0; margin: 0; display: inline-block; width: 100%; }

.weather-category ul li { display: inline-block; width: 32%; text-align: center; border-left: 1px solid #e6e6e6; display: inline-block; }

.weather-category ul li h5 { margin: 0 0 5px 0; text-transform: uppercase; font-weight: 300; }

.weather-category ul li a { }

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

/*fontawesome*/

.fontawesome-icon-list h2 { margin-top: 0; font-size: 20px; font-weight: 300; }

.fontawesome-icon-list .col-sm-3 { margin-bottom: 10px; }

.fontawesome-icon-list .page-header { border-bottom: 1px solid #C9CDD7; }

.fontawesome-icon-list i { font-size: 16px; padding-left: 10px; }

#web-application, #text-editor, #directional, #video-player, #brand, #medical, #currency { margin-top: 10px; }

/*mail inbox*/

.mail-box { border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 100%; }

.mail-box aside { display: table-cell; float: none; height: 100%; padding: 0; vertical-align: top; }

.mail-box .sm-side { width: 25%; background: #e5e8ef; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; }
.mail-box .lg-side { width: 75%; background: #fff; border-radius: 0px 4px 4px 0; -webkit-border-radius: 0px 4px 4px 0; }

.mail-box .sm-side .user-head { background: #00a8b3; border-radius: 4px 0px 0px 0; -webkit-border-radius: 4px 0px 0px 0; padding: 10px; color: #fff; min-height: 80px; }

.user-head .inbox-avatar { width: 65px; float: right; }

.user-head .inbox-avatar img { border-radius: 4px; -webkit-border-radius: 4px; }
.user-head .user-name { display: inline-block; margin: 0 0 0 10px; }

.user-head .user-name h5 { font-size: 14px; margin-top: 15px; margin-bottom: 0; font-weight: 300; }
.user-head .user-name h5 a { color: #fff; }

.user-head .user-name span a { font-size: 12px; color: #87e2e7; }

a.mail-dropdown { background: #80d3d9; padding: 3px 5px; font-size: 10px; color: #01a7b3; border-radius: 2px; margin-top: 20px; }

.inbox-body { padding: 20px; }

.btn-compose { background: #ff6c60; padding: 12px 0; text-align: center; width: 100%; color: #fff; }
.btn-compose:hover { background: #f5675c; color: #fff; }

ul.inbox-nav { display: inline-block; width: 100%; margin: 0; padding: 0; }

.inbox-divider { border-bottom: 1px solid #d5d8df; }

ul.inbox-nav li { display: inline-block; line-height: 45px; width: 100%; }

ul.inbox-nav li a { color: #6a6a6a; line-height: 45px; width: 100%; display: inline-block; padding: 0 20px; }

ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus { color: #6a6a6a; background: #d5d7de; }

ul.inbox-nav li a i { padding-left: 10px; font-size: 16px; color: #6a6a6a; }

ul.inbox-nav li a span.label { margin-top: 13px; }

ul.labels-info li h4 { padding-right: 15px; padding-left: 15px; padding-top: 5px; color: #5c5c5e; font-size: 13px; text-transform: uppercase; }

ul.labels-info li { margin: 0; }

ul.labels-info li a { color: #6a6a6a; border-radius: 0; }

ul.labels-info li a:hover, ul.labels-info li a:focus { color: #6a6a6a; background: #d5d7de; }

ul.labels-info li a i { padding-left: 10px; }

.nav.nav-pills.nav-stacked.labels-info p { margin-bottom: 0; padding: 0 22px; color: #9d9f9e; font-size: 11px; }

.inbox-head { padding: 20px; background: #41cac0; color: #fff; border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; min-height: 80px; }

.inbox-head h3 { margin: 0; display: inline-block; padding-top: 6px; font-weight: 300; }

.inbox-head .sr-input { height: 40px; border: none; box-shadow: none; padding: 0 10px; float: right; border-radius: 4px 0 0 4px; color: #8a8a8a; }
.inbox-head .sr-btn { height: 40px; border: none; background: #00a6b2; color: #fff; padding: 0 20px; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; }

.table-inbox { border: 1px solid #d3d3d3; margin-bottom: 0; }

.table-inbox tr td { padding: 12px !important; }

.table-inbox tr td:hover { cursor: pointer; }

.table-inbox tr td .icon-star.inbox-started, .table-inbox tr td .icon-star:hover { color: #f78a09; }

.table-inbox tr td .icon-star { color: #d5d5d5; }

.table-inbox tr.unread td { font-weight: 600; background: #f7f7f7; }

ul.inbox-pagination { float: left; }

ul.inbox-pagination li { float: right; }

.mail-option { display: inline-block; margin-bottom: 10px; width: 100%; }

.mail-option .chk-all, .mail-option .btn-group { margin-left: 5px; }

.mail-option .chk-all, .mail-option .btn-group a.btn { border: 1px solid #e7e7e7; padding: 5px 10px; display: inline-block; background: #fcfcfc; color: #afafaf; border-radius: 3px !important; -webkit-border-radius: 3px !important; }
.inbox-pagination a.np-btn { border: 1px solid #e7e7e7; padding: 5px 15px; display: inline-block; background: #fcfcfc; color: #afafaf; border-radius: 3px !important; -webkit-border-radius: 3px !important; }

.mail-option .chk-all input[type=checkbox] { margin-top: 0; }

.mail-option .btn-group a.all { padding: 0; border: none; }

.inbox-pagination a.np-btn { margin-right: 5px; }

.inbox-pagination li span { display: inline-block; margin-top: 7px; margin-left: 5px; }

.fileinput-button { border: 1px solid #e6e6e6; background: #eeeeee; }

.inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea { border: 1px solid #e6e6e6; box-shadow: none; }

.btn-send, .btn-send:hover { background: #00A8B3; color: #fff; }

.btn-send:hover { background: #009da7; }

.modal-header h4.modal-title { font-weight: 300; font-family: 'IranSans',yekan,'Open Sans', sans-serif; }

.modal-body label { font-weight: 400; font-family: 'IranSans',yekan,'Open Sans', sans-serif; }


/*404 page*/

.body-404 { background: #18d4cb; color: #fff; }

.error-wrapper { text-align: center; margin-top: 10%; }

.error-wrapper .icon-404 { background: url("../img/404_icon.png") no-repeat; width: 289px; height: 274px; display: inline-block; margin-right: 30px; }


.error-wrapper h1 { font-size: 90px; font-weight: 300; margin: -50px 0 0 0; }

.error-wrapper h2 { font-size: 20px; font-weight: 300; margin: 0 0 30px 0; }

.error-wrapper p, .error-wrapper p a { font-size: 18px; font-weight: 300; }

.error-wrapper p.page-404 { color: #7dfff7; }

.error-wrapper p.page-404 a, .error-wrapper p.page-500 a, .error-wrapper p.page-404 a:hover, .error-wrapper p.page-500 a:hover { color: #fff; }


/*500 page*/

.body-500 { background: #8075c6; color: #fff; }

.error-wrapper p.page-500 { color: #afa5f1; }

.error-wrapper .icon-500 { background: url("../img/500_icon.png") no-repeat; width: 289px; height: 274px; display: inline-block; margin-right: 55px; }

/*profile*/

.profile-nav .user-heading { background: #ff766c; color: #fff; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding: 30px; text-align: center; }

.profile-nav .user-heading.round a { border-radius: 50%; -webkit-border-radius: 50%; border: 10px solid rgba(256,256,256,0.3); display: inline-block; }

.profile-nav .user-heading a img { width: 112px; height: 112px; border-radius: 50%; -webkit-border-radius: 50%; }

.profile-nav .user-heading h1 { font-size: 22px; font-weight: 300; margin-bottom: 5px; }

.profile-nav .user-heading p { font-size: 12px; }

.profile-nav ul { margin-top: 1px; }

.profile-nav ul > li { border-bottom: 1px solid #ebeae6; margin-top: 0; line-height: 30px; }

.profile-nav ul > li:last-child { border-bottom: none; }

.profile-nav ul > li > a { border-radius: 0; -webkit-border-radius: 0; color: #89817f; border-right: 5px solid #fff; }

.profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active a { background: #f8f7f5 !important; border-right: 5px solid #ff766c; color: #89817f !important; }

.profile-nav ul > li:last-child > a:last-child { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }

.profile-nav ul > li > a > i { font-size: 16px; padding-left: 10px; color: #bcb3aa; }

.r-activity { margin: 6px 0 0; font-size: 12px; }


.p-text-area, .p-text-area:focus { border: none; font-weight: 300; box-shadow: none; color: #c3c3c3; font-size: 16px; }

.profile-info .panel-footer { background-color: #f8f7f5; border-top: 1px solid #e7ebee; }

.profile-info .panel-footer ul li a { color: #7a7a7a; }

.bio-graph-heading { background: #41cac0; color: #fff; text-align: center; font-style: italic; padding: 40px 110px; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; font-size: 16px; font-weight: 300; }

.bio-graph-info { color: #89817e; }

.bio-graph-info h1 { font-size: 22px; font-weight: 300; margin: 0 0 20px; }

.bio-row { width: 50%; float: right; margin-bottom: 10px; padding: 0 15px; }

.bio-row p span { width: 100px; display: inline-block; }

.bio-chart, .bio-desk { float: right; }

.bio-chart { width: 40%; }

.bio-desk { width: 60%; }

.bio-desk h4 { font-size: 15px; font-weight: 400; }

.bio-desk h4.terques { color: #4CC5CD; }

.bio-desk h4.red { color: #e26b7f; }

.bio-desk h4.green { color: #97be4b; }

.bio-desk h4.purple { color: #caa3da; }

.file-pos { margin: 6px 0 10px 0; }

.profile-activity h5 { font-weight: 300; margin-top: 0; color: #c3c3c3; }

.summary-head { background: #ee7272; color: #fff; text-align: center; border-bottom: 1px solid #ee7272; }

.summary-head h4 { font-weight: 300; text-transform: uppercase; margin-bottom: 5px; }

.summary-head p { color: rgba(256,256,256,0.6); }

ul.summary-list { display: inline-block; padding-right: 0; width: 100%; margin-bottom: 0; }

ul.summary-list > li { display: inline-block; width: 19.5%; text-align: center; }

ul.summary-list > li > a > i { display: block; font-size: 18px; padding-bottom: 5px; }

ul.summary-list > li > a { padding: 10px 0; display: inline-block; color: #818181; }

ul.summary-list > li { border-left: 1px solid #eaeaea; }

ul.summary-list > li:last-child { border-left: none; }

.activity { width: 100%; float: right; margin-bottom: 10px; }

.activity.alt { width: 100%; float: left; margin-bottom: 10px; }

.activity span { float: right; }

.activity.alt span { float: left; }
.activity span, .activity.alt span { width: 45px; height: 45px; line-height: 45px; border-radius: 50%; -webkit-border-radius: 50%; background: #eee; text-align: center; color: #fff; font-size: 16px; }

.activity.terques span { background: #8dd7d6; }

.activity.terques h4 { color: #8dd7d6; }
.activity.purple span { background: #b984dc; }

.activity.purple h4 { color: #b984dc; }
.activity.blue span { background: #90b4e6; }

.activity.blue h4 { color: #90b4e6; }
.activity.green span { background: #aec785; }

.activity.green h4 { color: #aec785; }

.activity h4 { margin-top: 0; font-size: 16px; }

.activity p { margin-bottom: 0; font-size: 13px; }

.activity .activity-desk i, .activity.alt .activity-desk i { float: right; font-size: 18px; margin-left: 10px; color: #bebebe; }

.activity .activity-desk { margin-right: 70px; position: relative; }

.activity.alt .activity-desk { margin-left: 70px; position: relative; }

.activity.alt .activity-desk .panel { float: left; position: relative; }

.activity-desk .panel { background: #F4F4F4; display: inline-block; }


.activity .activity-desk .arrow { border-left: 8px solid #F4F4F4 !important; }
.activity .activity-desk .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; right: -7px; position: absolute; top: 13px; width: 0; }

.activity-desk .arrow-alt { border-right: 8px solid #F4F4F4 !important; }

.activity-desk .arrow-alt { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; left: -7px; position: absolute; top: 13px; width: 0; }

.activity-desk .album { display: inline-block; margin-top: 10px; }

.activity-desk .album a { margin-left: 10px; }

.activity-desk .album a:last-child { margin-left: 0px; }

/*invoice*/

.invoice-list { margin-bottom: 30px; }

.invoice-list h4 { font-weight: 300; font-size: 16px; }

.invoice-block { text-align: left; }

ul.amounts li { background: #f5f5f5; margin-bottom: 5px; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; font-weight: 300; }

.invoice-btn a { font-weight: 300; margin: 0 5px; font-size: 16px; }

.corporate-id { margin-bottom: 30px; }

/*panel heading color*/

.panel-primary > .panel-heading.navyblue { background-color: #2A3542; border-color: #2A3542; color: #FFFFFF; }

/*table*/

.table-advance tr td { vertical-align: middle !important; }

.no-border { border-bottom: none; }

.dataTables_length, .dataTables_filter { padding: 15px; }
.dataTables_info { padding: 0 15px; }

.dataTables_filter { float: left; }

.dataTables_length select { width: 65px; padding: 5px 8px; }

.dataTables_length label, .dataTables_filter label { font-weight: 300; }

.dataTables_filter label { width: 100%; }

.dataTables_filter label input { width: 78%; }

.border-top { border-top: 1px solid #ddd; }

.dataTables_paginate.paging_bootstrap.pagination li { float: right; margin: 0 1px; border: 1px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px; }

.dataTables_paginate.paging_bootstrap.pagination li.disabled a { color: #c7c7c7; }
.dataTables_paginate.paging_bootstrap.pagination li a { color: #797979; padding: 5px 10px; display: inline-block; }

.dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a { color: #797979; background: #eee; border-radius: 3px; -webkit-border-radius: 3px; }

.dataTables_paginate.paging_bootstrap.pagination { float: left; margin-left: 15px; margin-top: -5px; margin-bottom: 15px; }

.dataTable tr:last-child { border-bottom: 1px solid #ddd; }

/*calender*/

.has-toolbar.fc { margin-top: 50px; }

.fc-header-title { display: inline-block; margin-top: -50px; vertical-align: top; }

.fc-view { margin-top: -50px; overflow: hidden; width: 100%; }

.fc-state-default, .fc-state-default .fc-button-inner { background: #F3F3F3 !important; border-color: #DDDDDD; border-style: none solid; color: #646464; }

.fc-state-active, .fc-state-active .fc-button-inner,
.fc-state-hover, .fc-state-hover .fc-button-inner { background: #FF6C60 !important; color: #fff !important; }

.fc-event-skin { background-color: #6883a3 !important; border-color: #6883a3 !important; color: #FFFFFF !important; }

.fc-grid th { height: 30px; line-height: 30px; text-align: center; background: #F3F3F3 !important; }

.fc-header-title h2 { font-size: 20px !important; color: #C8CCD7; font-weight: 300; }

.external-event { cursor: move; display: inline-block !important; margin-bottom: 6px !important; margin-left: 6px !important; padding: 8px; }

#external-events p input[type="checkbox"] { margin: 0; }

.drg-event-title { font-weight: 300; margin-top: 0; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 10px; }

.fc-content .fc-event { border-radius: 4px; webkit-border-radius: 4px; padding: 4px 6px; }

.fc-corner-right { border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; }

.fc-corner-left { border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; }

.drp-rmv { padding-top: 10px; margin-top: 10px; }


/*button*/

.btn-row { margin-bottom: 10px; }

/*tabs*/

.tab-head { background: #7087a3; display: inline-block; width: 100%; margin-top: 60px; }

.tab-container { margin-top: 10px; }

.tab-head .nav-tabs > li > a { border-radius: 0; margin-left: 1px; color: #fff; }

.tab-head .nav-tabs > li.active > a, .tab-head .nav-tabs > li > a:hover, .tab-head .nav-tabs > li.active > a:hover, .tab-head .nav-tabs > li.active > a:focus { background-color: #f1f2f7; border-color: #f1f2f7; color: #797979; }

/*general page*/

.progress-xs { height: 8px; }

.progress-sm { height: 12px; }

.panel-heading .nav { border: medium none; font-size: 13px; margin: -10px -15px -11px; }

.tab-bg-dark-navy-blue { background: #7087A3; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-bottom: none; }

.panel-heading .nav > li > a,
.panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus { border-width: 0; border-radius: 0; }

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

.panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover { color: #47596f; background: #fff; }

.panel-heading .nav > li:first-child.active > a, .panel-heading .nav > li:first-child > a:hover { border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; }


.tab-left { height: 38px; }

.panel-heading.tab-left .nav > li:first-child.active > a, .tab-left.panel-heading .nav > li:first-child > a:hover { border-radius: 0; -webkit-border-radius: 0; }

.panel-heading.tab-left .nav > li:last-child.active > a, .tab-left.panel-heading .nav > li:last-child > a:hover { border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; }

.panel-heading.tab-left .nav-tabs > li > a { margin-right: 1px; margin-left: 0px; }

.m-bot20 { margin-bottom: 20px; }

.m-bot-none { margin-bottom: 0; }

.wht-color { color: #fff; }

.close-sm { font-size: 14px; }

/*carousel*/

.carousel-indicators li { background: rgba(0, 0, 0, 0.2); border: none; transition: background-color 0.25s ease 0s; -moz-transition: background-color 0.25s ease 0s; -webkit-transition: background-color 0.25s ease 0s; }

.carousel-indicators .active { background: #ff6c60; height: 10px; margin: 1px; width: 10px; }

.carousel-indicators.out { bottom: -5px; }

.carousel-indicators.out { bottom: -5px; }

.carousel-control { color: #999999; text-shadow: none; width: 45px; }

.carousel-control i { display: inline-block; height: 25px; right: 50%; margin-right: -10px; margin-top: -10px; position: absolute; top: 50%; width: 20px; z-index: 5; }


.carousel-control.right, .carousel-control.left { background: none; filter: none; }

.carousel-control:hover, .carousel-control:focus { color: #CCCCCC; opacity: 0.9; text-decoration: none; }

.carousel-inner h3 { font-weight: 300; font-size: 16px; margin: 0; }

.carousel-inner { margin-bottom: 15px; }

/*gritter*/
.gritter-close { right: auto !important; left: 3px !important; }


/*form*/


.sm-input { width: 175px; }

.form-horizontal.tasi-form .form-group { border-bottom: 1px solid #eff2f7; padding-bottom: 15px; margin-bottom: 15px; }

.form-horizontal.tasi-form .form-group:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; }


.form-horizontal.tasi-form .form-group .help-block { margin-bottom: 0; }


.round-input { border-radius: 500px; -webkit-border-radius: 500px; }


.m-bot15 { margin-bottom: 15px; }

.form-horizontal.tasi-form .checkbox-inline > input { margin-top: 1px; border: none; }


/*form validation*/

.cmxform .form-group label.error { display: inline; margin: 5px 0; color: #B94A48; font-weight: 400; }

input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .cmxform .form-group input.error, .cmxform .form-group textarea.error { border-color: #B94A48 !important; }

#signupForm label.error { display: inline; margin: 5px 0px; width: auto; color: #B94A48; }

.checkbox, .checkbox:hover, .checkbox:focus { border: none; }


/*slider*/
table.sliders tr td { padding: 30px 0; border: none; }

.slider { margin-top: 3px; }

.slider-info { padding-top: 10px; }

.sliders .ui-widget-header { background: #22bacf !important; border-radius: 15px !important; -webkit-border-radius: 15px !important; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-br { border-bottom-left-radius: 0 !important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-bl { border-bottom-right-radius: 0 !important; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tr { border-top-left-radius: 0 !important; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tl { border-top-right-radius: 0 !important; }


#eq span { height: 120px; float: right; margin: 15px }


.ui-widget-content { background: #f0f2f7 !important; border: none !important; border-radius: 15px !important; -webkit-border-radius: 15px !important; }

.ui-slider-horizontal { height: 8px !important; }

.ui-slider-horizontal .ui-slider-handle { top: -0.57em !important; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff !important; border: 3px solid #22bacf !important; border-radius: 50% !important; -webkit-border-radius: 50% !important; }

.ui-slider-vertical { width: 8px !important; }

.ui-slider-vertical .ui-slider-handle { right: -0.5em !important; }

.ui-slider .ui-slider-handle { cursor: default; height: 1.6em; position: absolute; width: 1.6em; z-index: 2; }

.bound-s { width: 90px; margin-bottom: 15px; }


/*----switch ----*/


.has-switch { border-radius: 30px; -webkit-border-radius: 30px; display: inline-block; cursor: pointer; line-height: 1.231; overflow: hidden; position: relative; text-align: right; width: 80px; -webkit-mask: url('../img/mask.png') 0 0 no-repeat; mask: url('../img/mask.png') 0 0 no-repeat; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
.has-switch.deactivate { opacity: 0.5; filter: alpha(opacity=50); cursor: default !important; }
.has-switch.deactivate label,
.has-switch.deactivate span { cursor: default !important; }
.has-switch > div { width: 162%; position: relative; top: 0; }
.has-switch > div.switch-animate { -webkit-transition: right 0.25s ease-out; -moz-transition: right 0.25s ease-out; -o-transition: right 0.25s ease-out; transition: right 0.25s ease-out; -webkit-backface-visibility: hidden; }
.has-switch > div.switch-off { right: -63%; }
.has-switch > div.switch-off label { background-color: #7f8c9a; border-color: #bdc3c7; -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); }
.has-switch > div.switch-on { right: 0%; }
.has-switch > div.switch-on label { background-color: #41cac0; }
.has-switch input[type=checkbox] { display: none; }
.has-switch span { cursor: pointer; font-size: 14.994px; font-weight: 700; float: right; height: 29px; line-height: 19px; margin: 0; padding-bottom: 6px; padding-top: 5px; position: relative; text-align: center; width: 50%; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out; -webkit-backface-visibility: hidden; }
.has-switch span.switch-right { border-radius: 30px 0 0 30px; background-color: #2A3542; color: #41cac0; border-right: 1px solid transparent; }
.has-switch span.switch-left { border-radius: 0 30px 30px 0; background-color: #bdc3c7; color: #ffffff; text-indent: 7px; }
.has-switch span.switch-left [class*="fui-"] { text-indent: 0; }
.has-switch label { border: 4px solid #2A3542; border-radius: 50%; -webkit-border-radius: 50%; float: right; height: 29px; margin: 0 -21px 0 -14px; padding: 0; position: relative; vertical-align: middle; width: 29px; z-index: 100; -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out; -webkit-backface-visibility: hidden; }
.switch-square { border-radius: 6px; -webkit-border-radius: 6px; -webkit-mask: url('../img/mask.png') 0 0 no-repeat; mask: url('../img/mask.png') 0 0 no-repeat; }
.switch-square > div.switch-off label { border-color: #7f8c9a; border-radius: 6px 0 0 6px; }
.switch-square span.switch-right { border-radius: 6px 0 0 6px; }
.switch-square span.switch-right [class*="fui-"] { text-indent: -10px; }
.switch-square span.switch-left { border-radius: 0 6px 6px 0; }
.switch-square span.switch-left [class*="fui-"] { text-indent: 5px; }
.switch-square label { border-radius: 0 6px 6px 0; border-color: #41cac0; }


/*tag input*/

.tagsinput { border: 1px solid #e3e6ed; border-radius: 6px; height: 100px; padding: 6px 1px 1px 6px; overflow-y: auto; text-align: right; }
.tagsinput .tag { border-radius: 4px; background-color: #41cac0; color: #ffffff; cursor: pointer; margin-left: 5px; margin-bottom: 5px; overflow: hidden; line-height: 15px; padding: 6px 13px 8px 19px; position: relative; vertical-align: middle; display: inline-block; zoom: 1; *display: inline; -webkit-transition: 0.14s linear; -moz-transition: 0.14s linear; -o-transition: 0.14s linear; transition: 0.14s linear; -webkit-backface-visibility: hidden; }
.tagsinput .tag:hover { background-color: #39b1a8; color: #ffffff; padding-right: 12px; padding-left: 20px; }
.tagsinput .tag:hover .tagsinput-remove-link { color: #ffffff; opacity: 1; display: block\9; }
.tagsinput input { background: transparent; border: none; color: #34495e; font-family: 'IranSans',yekan,"Lato", sans-serif; font-size: 14px; margin: 0px; padding: 0 0 0 5px; outline: 0; margin-left: 5px; margin-bottom: 5px; width: 12px; }
.tagsinput-remove-link { bottom: 0; color: #ffffff; cursor: pointer; font-size: 12px; opacity: 0; padding: 7px 7px 5px 0; position: absolute; left: 0; text-align: left; text-decoration: none; top: 0; width: 100%; z-index: 2; display: none\9; }
.tagsinput-remove-link:before { color: #ffffff; content: "\f00d"; font-family: "FontAwesome"; }
.tagsinput-add-container { vertical-align: middle; display: inline-block; zoom: 1; *display: inline; }
.tagsinput-add { background-color: #d6dbdf; border-radius: 3px; color: #ffffff; cursor: pointer; margin-bottom: 5px; padding: 6px 9px; display: inline-block; zoom: 1; *display: inline; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; }
.tagsinput-add:hover { background-color: #3bb8af; }
.tagsinput-add:before { content: "\f067"; font-family: "FontAwesome"; }
.tags_clear { clear: both; width: 100%; height: 0px; }


/*checkbox & radio style*/


.checkboxes label, .radios label { display: block; cursor: pointer; line-height: 20px; padding-bottom: 7px; font-weight: 300; }

.radios { padding-top: 18px; }

.label_check input,
.label_radio input { margin-left: 5px; }

.has-js .label_check,
.has-js .label_radio { padding-right: 34px; }

.has-js .label_radio { background: url(../img/checkbox/radio-off.png) no-repeat; }

.has-js .label_check { background: url(../img/checkbox/check-off.png) no-repeat; }

.has-js label.c_on { background: url(../img/checkbox/check-on.png) no-repeat; }

.has-js label.r_on { background: url(../img/checkbox/radio-on.png) no-repeat; }

.has-js .label_check input,
.has-js .label_radio input { position: absolute; right: -9999px; }

/*date picker*/


.add-on { border: 1px solid #E2E2E4; border-radius: 4px; -webkit-border-radius: 4px; float: left; margin-left: -37px; margin-top: -34px; padding: 8px; text-align: center; background: #EEEEEE; }

.daterangepicker .ranges .range_inputs > div:nth-child(2) { margin-bottom: 10px; padding-right: 0px; }

.daterangepicker .ranges label { padding-bottom: 0; padding-top: 8px; }


.daterangepicker td.active, .daterangepicker td.active:hover,
.datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover,
.datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled] { background: #41CAC0; }

.daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'IranSans',yekan,'Open Sans', sans-serif; font-weight: 300; text-align: center; white-space: nowrap; }

.daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active { text-shadow: none; }

.datepicker th.switch { width: 125px; }

.datepicker td span { height: 40px; line-height: 40px; }


/*ck editor*/

.cke_top, .cke_bottom { background: #F5F5F5 !important; background: -moz-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; background: -webkit-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; background: -o-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; box-shadow: none; padding: 6px 8px 2px; }

.cke_top { border-bottom: 1px solid #cccccc !important; }

.cke_chrome { border: 1px solid #cccccc !important; box-shadow: none !important; display: block; padding: 0; }

/*form wizard*/

.stepy-tab { text-align: center; }

.stepy-tab ul { display: inline-block; }

.stepy-tab ul li { float: right; }

.step legend { border: none; }

.button-back { float: right; }

.button-next, .finish { float: left; }

.button-back, .button-next, .finish { cursor: pointer; text-decoration: none; }

.step { clear: right; }
.step label { display: block; }


.stepy-titles li { color: #757575; cursor: pointer; float: right; margin: 10px 15px; }

.stepy-titles li span { display: block; }

.stepy-titles li.current-step div { color: #fff; cursor: auto; background: #A9D86E; border-radius: 50%; -webkit-border-radius: 50%; width: 100px; height: 100px; line-height: 100px; }

.stepy-titles li div { font-size: 16px; font-weight: 300; background: #eee; border-radius: 50%; -webkit-border-radius: 50%; width: 100px; height: 100px; line-height: 100px; }


/*widget*/

.user-heading.alt { display: inline-block; width: 100%; text-align: right; }

.alt.green-bg { background: #aec785; }

.profile-nav.alt.green-border ul > li > a:hover, .profile-nav.alt.green-border ul > li > a:focus, .profile-nav.alt.green-border ul li.active a { border-right: 5px solid #aec785; }

.user-heading.alt a { float: right; margin-left: 15px; margin-right: -10px; display: inline-block; border: 5px solid rgba(255, 255, 255, 0.3); border-radius: 50%; -webkit-border-radius: 50%; }
.user-heading.alt a img { width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; }

.twt-feed { border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; color: #FFFFFF; padding: 10px; position: relative; text-align: center; }

.twt-feed.blue-bg { background: #58C9F3; }

.twt-feed h1 { font-size: 22px; font-weight: 300; margin-bottom: 5px; }

.twt-feed a { border: 8px solid #fff; border-radius: 50%; -webit-border-radius: 50%; display: inline-block; margin-bottom: -55px; }

.twt-feed a img { height: 112px; width: 112px; border-radius: 50%; -webit-border-radius: 50%; }

.twt-category { display: inline-block; margin-bottom: 11px; margin-top: 55px; width: 100%; }


.twt-category ul li { color: #89817f; font-size: 13px; }

.twt-category h5 { font-size: 20px; font-weight: 300; }

.twt-write .t-text-area { border: 1px solid #eeeeee; border-radius: 0; }

.twt-footer { padding: 10px 15px; }

.btn-space { padding-right: 11.6%; padding-left: 11%; }

.p-head { color: #f77b6f; font-weight: 400; font-size: 14px; }

.cmt-head { font-weight: 400; font-size: 13px; }

.p-thumb img { width: 50px; height: 50px; border-radius: 3px; -webkit-border-radius: 3px; }

.tasi-tab .media-body p { /*color: #b8bac6;*/ }


/*Timeline chat*/

.chat-form { margin-top: 25px; clear: both; }

.chat-form .input-cont { margin-bottom: 10px; }

.chat-form .input-cont input { margin-bottom: 0px; }

.chat-form .input-cont input { border: 1px solid #d3d3d3 !important; margin-top: 0; min-height: 45px; }

.chat-form .input-cont input { background-color: #fff !important; }

.chat-features a { margin-right: 10px; }

.chat-features a i { color: #d0d0d0; }

.timeline-messages:before { background: rgba(0, 0, 0, 0.1); bottom: 0; top: 0; width: 2px; }
.timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before { content: ""; right: 60px; position: absolute; top: -2px; }
.timeline-messages, .msg-time-chat, .timeline-messages .msg-in, .timeline-messages .msg-out { position: relative; }


.timeline-messages .msg-in .arrow { /*border-left: 8px solid #F4F4F4 !important;*/ }
.timeline-messages .msg-in .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; right: -8px; position: absolute; top: 13px; width: 0; }

.timeline-messages .msg-out .arrow { /*border-left: 8px solid #41cac0 !important;*/ }
.timeline-messages .msg-out .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; right: -8px; position: absolute; top: 13px; width: 0; }

.msg-time-chat:first-child:before { margin-top: 16px; }
.msg-time-chat:before { background: #CCCCCC; border: 2px solid #FAFAFA; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; height: 14px; margin: 23px 0 0 -6px; width: 14px; }
.msg-time-chat:hover:before { background: #41cac0; }
.msg-time-chat:first-child { padding-top: 0; }
.message-img { float: right; margin-left: 30px; overflow: hidden; }
.message-img img { display: block; height: 44px; width: 44px; }
.message-body { margin-right: 80px; }
.msg-time-chat .msg-in .text { border: 1px solid #e3e6ed; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; }

.msg-time-chat .msg-out .text { border: 1px solid #e3e6ed; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; }
.msg-time-chat p { margin: 0; }
.msg-time-chat .attribution { font-size: 11px; margin: 0px 0 5px; }
.msg-time-chat { overflow: hidden; padding: 8px 0; }

.msg-in a, .msg-in a:hover { color: #b64c4c; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; margin-left: 10px; font-weight: 400; font-size: 13px; }
.msg-out a, .msg-out a:hover { color: #288f98; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; margin-left: 10px; font-weight: 400; font-size: 13px; }


/*custom select*/

span.customSelect { font-size: 12px; background-color: #ffffff; padding: 10px; border: 1px solid #EAEAEA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #A4AABA; }
span.customSelect.changed { background-color: #fff; }
.customSelectInner { background: url(../img/customSelect-arrow.gif) no-repeat center left; }
body { direction: rtl; }

.floatLeft { float: left !important; }

.tdStatusSpan { display: inline-block; padding: 11px; }

.tdButton { padding: 3px; }

.alignLeft { text-align: left; direction: ltr; }

.select100Width { width: 100%; }

/* The Modal (background) */
.modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ right: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ opacity: 0.9; }

/* Modal Content */
.modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; border: 1px solid #888; width: 80%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s }

.modalAlert { max-width: 350px; }

/* The Close Button */
.close { float: left; font-weight: bold; opacity: 1; color: #888; text-shadow: 0 1px 0 #fff; }

.close:hover,
.close:focus { color: #000; text-decoration: none; cursor: pointer; }

.modal-header { padding: 2px 16px; background-color: #0e527b; color: white; }

.modal-header-red { background-color: red; }

.modal-header-green { background-color: forestgreen; }

.modal-header h2 { color: white !important; }

.modal-body { padding: 20px 20px; }

.modal-footer { padding: 2px 16px; background-color: #0e527b; color: white; text-align: right; }

.alignLeft { text-align: left; direction: ltr; }

.dashboardItems { text-align: center }

.dashboardItems a img { height: 150px; padding: 1em; }

.centerLogo { height: 30px; margin-top: 20px; }

.selectItem { font-weight: bold; font-size: x-large; }

.marginRight5px { margin-right: 5px !important; }

.panel { background-color: #fff !important; }

ul.top-menu > li > a.dropdown-toggle:hover { background-color: #eee !important; background: #eee !important; }

.liLikeA { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: nowrap; }

.ulMenuHeader li { margin: 2px 0; }

.adminDashboard .state-overview .value h1, .adminDashboard .state-overview .value p { color: #555 !important; }

tbody tr td { word-break: break-all; word-wrap: anywhere; }

thead tr th { color: #333; }

#ContentPlaceHolder1_sectionAdmin { margin-right: 180px; }

#ContentPlaceHolder1_sectionAgent { margin-right: 180px; }

#ContentPlaceHolder1_sectionOprator { margin-right: 180px; }

#ContentPlaceHolder1_sectionCustomer { margin-right: 180px; }

.accountAlert { font-weight: bold; font-size: 120%; }

#sample_1 thead tr th, #sample_1 tbody tr td { text-align: center; }

.alert { margin-bottom: 10px !important; margin-top: 35px !important; }

tbody tr td { vertical-align: middle !important; }

.displayMobile { display: none; }

@media only screen and (max-width: 600px) {
    .dashboardItems { padding: 0; }
    .dashboardItems a img { width: 100%; height: auto; }
    .top-nav ul.top-menu > li { float: right; }
    ul.top-menu > li > a { font-size: 13px; }
    .top-nav .username { font-size: 13px; }
    .centerLogo { height: 27px; }
    .dashboardMenu { display: none; }
    .headerIcons { padding: 0 !important; }
    .selectItem { font-size: large; }
    #ContentPlaceHolder1_sectionAdmin { margin-right: 0px; }
    #ContentPlaceHolder1_sectionAgent { margin-right: 0px; }
    #ContentPlaceHolder1_sectionOprator { margin-right: 0px; }
    #ContentPlaceHolder1_sectionCustomer { margin-right: 0px; }
    .dataTables_filter label input { width: 100%; }
    ul.sidebar-menu { margin-top: 15px; }
    .displayMobile { display: block; }
    .form-group { width: 100%; }
}

@media only screen and (max-width: 650px) {
    .centerLogo { height: 20px; margin-top: 23px; }
}