.unauthorized-container {

display:flex;

align-items:center;

width:100%;

height:70%;

padding:15% 0;

text-align:center

}



.unauthorized-left {

position:fixed;

top:0;

right:40%;

bottom:0;

left:0;

padding:0 55px;

overflow:hidden;

background:#151a22

}



.unauthorized-logo-wrapper {

display:block;

width:100%;

height:15%;

max-width:900px;

padding-top:75px;

margin:0 auto;

text-align:left

}



.unauthorized-logo {

display:inline-block

}



.unauthorized-logo img {

display:block;

height:70px

}



.unauthorized-intro {

display:block;

width:100%;

max-width:900px;

margin:75px auto;

text-align:left

}



.unauthorized-intro h1 {

color:#fff

}



.unauthorized-intro h3 {

color:rgba(255,255,255,0.8)

}



.unauthorized-intro p {

margin:100px 0 0;

color:rgba(255,255,255,0.8)

}



.unauthorized-intro .button {

margin-top:35px

}



.unauthorized-list {

padding-left:18px;

margin:15px 0 0;

color:rgba(255,255,255,0.8)

}



.unauthorized-links {

position:relative;

display:flex;

align-items:flex-end;

width:100%;

height:15%;

max-width:900px;

padding:0;

padding-bottom:75px;

margin:0 auto;

text-align:left;

list-style:none

}



.unauthorized-links li {

display:inline-block;

vertical-align:middle

}



.unauthorized-links li a {

font-size:12px;

font-weight:600;

letter-spacing:.1em;

color:rgba(255,255,255,0.8)

}



.unauthorized-links li a:hover {

color:#fff

}



.unauthorized-right {

position:fixed;

top:0;

right:0;

bottom:0;

left:60%;

padding:0 75px;

overflow:auto;

background:#fff;

overflow:hidden

}



.unauthorized-right .unauthorized-container {

height:100%

}



.unauthorized-form {

display:block;

width:100%;

max-width:400px;

margin:75px 0;

text-align:left

}



.unauthorized-form h3 {

margin-bottom:25px;

color:#474a4d

}



.unauthorized-form h6 {

margin:40px 0 15px;

color:#a5a8ac

}



.unauthorized-form h6:first-of-type {

margin-top:0

}



.unauthorized-form p {

margin-bottom:25px;

color:#a5a8ac

}



.unauthorized-success-box {

display:block;

padding:25px;

font-weight:500;

color:#006e96;

text-align:center;

background-color:rgba(0,110,150,0.2);

border-radius:2px

}



.unauthorized-success-box h4 {

margin-bottom:25px

}



.unauthorized-success-box .icon,.unauthorized-success-box .inline-error:before,.unauthorized-success-box .uw-captcha a.refresh-image-captcha,.uw-captcha .unauthorized-success-box a.refresh-image-captcha {

margin-bottom:10px;

font-size:50px

}



.unauthorized-success-box p {

color:#006e96

}



.form-item {

position:relative;

display:block;

margin-bottom:20px

}



.input-login {

width:100%;

font-size:100%;

border:0;

padding:10px 0;

background-color:transparent;

line-height:2rem;

border-bottom:1px solid #737373;

color:#000;

transition:all .2s ease-in

}



input:-webkit-autofill {

-webkit-box-shadow:0 0 0 1000px #fff inset

}



.form-button {

display:block;

margin-top:30px

}



.button-login {

color:#fff;

background-color:#f60;

position:relative;

display:inline-block;

padding:13px 30px;

font-family:"myriad-pro",Myriad Pro,Arial,sans-serif;

font-size:12px;

font-weight:600;

line-height:1;

letter-spacing:.1em;

text-align:center;

text-transform:uppercase;

cursor:pointer;

border:0;

border-radius:2px;

transition:all .3s ease-in-out;

appearance:none;

user-select:none

}



.button-login:hover {

color:#fff;

background-color:#9a9c97

}



.button-login:focus,.button-login:active {

color:#fff;

background-color:#9a9c97;

outline:none

}



.bold-font {

font-weight:700

}



.reg-tx-lef {

text-align:left

}



.fotpas-tx-lef {

text-align:right

}



.register-btn {

border-bottom:1px solid #737373;

color:#404040;

padding-bottom:3px;

cursor:pointer

}



.register-btn:hover {

border-bottom:none

}



.pow-by {

color:#f60

}



.web-wit {

width:31%

}



.emal-wit {

width:49%;

text-align:center

}



.pow-by-text {

float:right;

text-align:right

}



.vrsn {

text-align:right;

width:100px;

float:right;

color:#ccc;

margin-top:-30px;

padding-right:15px

}



.privacy-text {

min-width:388px;

position:absolute;

bottom:38px

}



.privacy-text ul {

margin:0;

padding:0

}



.privacy-text ul li {

display:inline;

list-style:none;

padding:0 10px;

line-height:20px;

border-right:1px solid

}



.privacy-text ul li a {

text-decoration:none!important;

color:#404040

}



.privacy-text ul li a:hover {

color:#0055c1

}



.privacy-text ul li:first-child {

padding-left:0!important

}



.privacy-text ul li:last-child {

border-right:none!important

}



.checkj2 {

line-height:21px!important

}



.login-but-mo {

text-align:center!important

}



.temp-preview {

position:relative;

padding:15px!important;

width:595px!important;

height:842px;

top:10px;

overflow:hidden

}



.temp-preview .close {

width:23px;

height:23px;

border-radius:15px;

background-color:#e21b1b;

position:absolute;

right:8px;

top:9px;

font-size:20px;

color:#FFF!important;

box-shadow:0 3px 2px rgba(0,0,0,0.2);

opacity:1!important

}



.temp-preview .close:hover {

opacity:.8!important

}



.temp-preview img {

width:100%!important;

height:auto;

max-height:778px

}



.temp-preview h2 {

margin-top:0;

font-size:20px!important;

font-weight:600

}



.cust-temp-div1 {

width:4%

}



.cust-temp-div2 {

width:20%

}



@media all and (max-height: 750px) {

.unauthorized-left .unauthorized-container {

height:80%;

padding:0

}



.unauthorized-right .unauthorized-container {

padding:0

}



.unauthorized-right .unauthorized-container.is-big {

display:block;

align-items:none;

height:auto

}



.unauthorized-logo-wrapper {

height:10%;

padding-top:40px

}



.unauthorized-intro {

margin:40px auto

}



.unauthorized-links {

height:10%;

padding-bottom:40px

}

}



@media all and (max-height: 625px) {

.unauthorized-left .unauthorized-container {

display:block;

align-items:none;

height:auto;

padding:0

}



.unauthorized-logo-wrapper {

height:auto

}



.unauthorized-intro {

margin:75px auto

}



.unauthorized-links {

display:block;

align-items:none;

height:auto

}

}



@media all and (max-width: 750px) {

.reg-tx-lef {

width:48%;

float:left

}



.fotpas-tx-lef {

width:48%;

float:left

}



.web-wit {

width:100%

}



.emal-wit {

width:100%;

text-align:left

}



.pow-by-text {

float:left;

text-align:left;

width:100%

}

}



@media all and (max-width: 500px) {

.reg-tx-lef {

text-align:left;

padding-top:10px;

padding-bottom:5px

}



.fotpas-tx-lef {

text-align:left;

padding-top:10px;

padding-bottom:5px

}



.reg-tx-lef {

width:53%;

float:left

}



.fotpas-tx-lef {

width:47%;

float:left;

text-align:right

}

}



@media all and (max-height: 450px) {

.unauthorized-right .unauthorized-container {

display:block;

align-items:none;

height:auto

}

}



@media all and (max-width: 1223px) {

.unauthorized-left,.unauthorized-right {

padding-right:40px;

padding-left:40px

}

}



@media all and (max-width: 1024px) {

.unauthorized-left,.unauthorized-right {

position:relative;

padding-right:20px;

padding-left:20px;

overflow:hidden

}



.unauthorized-left {

right:0

}



.unauthorized-container {

display:block;

align-items:none;

height:auto;

padding:0

}



.unauthorized-logo-wrapper {

height:auto;

padding-top:75px

}



.unauthorized-intro {

padding:125px 0;

margin:0 auto

}



.unauthorized-links {

display:block;

align-items:none;

height:auto;

padding-bottom:75px

}



.unauthorized-right {

left:0;

text-align:center

}



.unauthorized-form {

display:inline-block;

padding:125px 0;

margin:0

}

}



@media all and (max-height: 625px) and (max-width: 1024px) {

.unauthorized-logo-wrapper {

padding-top:40px

}



.unauthorized-intro {

padding:40px 0

}



.unauthorized-links {

padding-bottom:75px

}



.unauthorized-form {

display:inline-block;

padding:75px 0;

margin:0

}



.unauthorized-logo-wrapper {

padding-top:75px

}

}



.col-sm-1b {

width:3%;

font-size:20px;

padding-right:0!important

}



.pdf-text {

font-size:12px;

color:#999;

font-style:italic

}



@media (min-width: 800px) and (max-width: 979px) {

.inbox-wrapper .inbox-left {



width:30%

}



.inbox-wrapper .inbox-right {

width:70%

}

}



@media (max-width: 800px) {

.header {
position:absolute;
z-index:999;
}



#sidebar {

height:auto;

overflow:hidden;

position:absolute;

width:100%;

z-index:998

}



#main-content {

margin:0!important;

position:none!important

}



#sidebar > ul > li > a > span {

line-height:35px

}



#sidebar > ul > li {

margin:0;

}



#sidebar > ul > li > a {

height:35px;

line-height:35px;

padding:0 10px;

text-align:left

}



.mail-info,.mail-info:hover {

display:none!important

}



#sidebar ul > li > a .arrow,#sidebar > ul > li > a .arrow.open {

margin-right:10px;

margin-top:15px

}



#sidebar ul > li.active > a .arrow,#sidebar ul > li > a:hover .arrow,#sidebar ul > li > a:focus .arrow,#sidebar > ul > li.active > a .arrow.open,#sidebar > ul > li > a:hover .arrow.open,#sidebar > ul > li > a:focus .arrow.open {

margin-top:15px

}



#sidebar > ul > li > a,#sidebar > ul > li > ul.sub > li {

width:100%

}



#sidebar > ul > li > ul.sub > li > a {

background:transparent!important

}



#sidebar {

margin:0!important

}



#sidebar .btn-navbar.collapsed .arrow {

display:none

}



#sidebar .btn-navbar .arrow {

position:absolute;

right:35px;

width:0;

height:0;

top:48px;

border-bottom:15px solid #282e36;

border-left:15px solid transparent;

border-right:15px solid transparent

}



.btn {

margin-bottom:5px

}



.inbox-wrapper aside {

display:block

}



.inbox-wrapper .inbox-left,.inbox-wrapper .inbox-right {

width:100%

}



.fc-header-right {

left:25px;

position:absolute

}



.fc-header-left .fc-button {

margin:0!important;

top:-10px!important

}



.fc-header-right .fc-button {

margin:0!important;

top:-50px!important

}



.fc-state-active,.fc-state-active .fc-button-inner,.fc-state-hover,.fc-state-hover .fc-button-inner {

background:none!important;

color:#FFF!important

}



.fc-state-default,.fc-state-default .fc-button-inner {

background:none!important

}



.fc-button {

border:none!important;

margin-right:2px

}



.fc-view {

top:0!important

}



.fc-button .fc-button-inner {

margin:0!important;

padding:2px!important;

border:none!important;

margin-right:2px!important;

background-color:#fafafa!important;

background-image:-moz-linear-gradient(top,#fafafa,#efefef)!important;

background-image:-webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#efefef))!important;

background-image:-webkit-linear-gradient(top,#fafafa,#efefef)!important;

background-image:-o-linear-gradient(top,#fafafa,#efefef)!important;

background-image:linear-gradient(to bottom,#fafafa,#efefef)!important;

filter:progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa',endColorstr='#efefef',GradientType=0)!important;

-webkit-box-shadow:0 1px 0 rgba(255,255,255,.8)!important;

-moz-box-shadow:0 1px 0 rgba(255,255,255,.8)!important;

box-shadow:0 1px 0 rgba(255,255,255,.8)!important;

-webkit-border-radius:3px!important;

-moz-border-radius:3px!important;

border-radius:3px!important;

color:#646464!important;

border:1px solid #ddd!important;

text-shadow:0 1px 0 rgba(255,255,255,.6)!important;

text-align:center

}



.fc-button.fc-state-disabled .fc-button-inner {

color:#bcbbbb!important

}



.fc-button.fc-state-active .fc-button-inner {

background-color:#e5e4e4!important;

background-image:-moz-linear-gradient(top,#e5e4e4,#dddcdc)!important;

background-image:-webkit-gradient(linear,0 0,0 100%,from(#e5e4e4),to(#dddcdc))!important;

background-image:-webkit-linear-gradient(top,#e5e4e4,#dddcdc)!important;

background-image:-o-linear-gradient(top,#e5e4e4,#dddcdc)!important;

background-image:linear-gradient(to bottom,#e5e4e4,#dddcdc)!important;

filter:progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4',endColorstr='#dddcdc',GradientType=0)!important

}



.fc-content {

margin-top:50px

}



.fc-header-title h2 {

line-height:40px!important;

font-size:12px!important

}



.fc-header {

margin-bottom:0!important

}



.timeline-desk .album a {

margin-bottom:5px;

margin-right:4px

}



.stepy-titles li {

margin:10px 3px

}



.mail-option .btn {

margin-bottom:0

}



ul.sidebar-menu li a i {

line-height:35px

}



ul.sidebar-menu {

margin-top:70px;
display: none;

}



.modal-content {

width:100%!important;

height:auto

}



.mb5m {

margin-bottom:5px

}

}



@media (max-width: 740px) {

#task_notificatoin_bar,#mail_notificatoin_bar,#alert_notificatoin_bar {

display:none

}



.notification-row {

display:block

}

}



@media (max-width: 480px) {

.task_notificatoin_bar,.search-row,.knob-charts,.dont-show,.inbox-head .sr-input,.inbox-head .sr-btn {

display:none

}



.inbox-wrapper aside {

display:block

}



.inbox-wrapper .inbox-left,.inbox-wrapper .inbox-right {

width:100%

}



#top_menu .nav > li,ul.top-menu > li {

float:right

}



.hidden-phone {

display:none!important

}



.dataTables_filter {

float:left

}



.dataTables_info {

margin-bottom:10px

}



.mail-option .btn {

margin-bottom:0

}



.mail-option .inbox-pagination {

margin-top:10px;

float:left

}



.chart-position {

margin-top:0

}



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

}



@media (max-width:320px) {

.login-social-link a {

padding:15px 17px!important

}



.search,.dont-show,.inbox-head .sr-input,.inbox-head .sr-btn {

display:none

}



.inbox-wrapper aside {

display:block

}



.inbox-wrapper .inbox-left,.inbox-wrapper .inbox-right {

width:100%

}



#top_menu .nav > li,ul.top-menu > li {

float:right

}



.hidden-phone {

display:none!important

}



.dataTables_filter {

float:left

}



.dataTables_info {

margin-bottom:10px

}



.mail-option .btn {

margin-bottom:0

}



.mail-option .inbox-pagination {

margin-top:10px;

float:left

}



.chart-position {

margin-top:0

}

}



#alert_notificatoin_bar {

margin-top:7px

}



.icon-bell-l {

background:url(../images/line-icon.png) no-repeat -217px -18px;

width:23px;

height:25px;

display:inline-block!important

}



.icon-bell-l:hover {

background:url(../images/line-icon.png) no-repeat -217px -18px;

width:23px;

height:25px;

display:inline-block!important

}



.no-notification {

background:#00b6ff!important;

font-family:'Lato',sans-serif;

font-size:11px

}



.top-nav li.dropdown .dropdown-menu {

float:right;

right:0;

left:auto

}



.dropdown-menu.extended {

max-width:300px;

min-width:160px;

top:50px;

width:235px;

padding:0;

box-shadow:0 2px 5px rgba(0,0,0,0.176)!important;

border:none!important;

border-radius:4px;

-webkit-border-radius:4px

}



.notification-icon {

font-size:12px!important;

color:#333!important

}



span.badge.bg-important.no-notification.inner-notification {

position:absolute;

z-index:100;

border-radius:50%;

min-width:22px;

height:22px;

line-height:22px;

text-align:center;

padding:0px;

background:#00a0df;

font-weight:400; top:5px; right:10px;

}



.notify-arrow {

right:10px

}

.notify-arrow1 {

right:10px

}



.main-headings {

color:#fff;

background-color:#1f262d!important;

border-color:#1f262d!important

}



@media screen and (max-device-width: 568px) and (min-device-width: 320px) and (orientation: portrait) {

.mvn5 {

left:-43px!important;

top:46px!important

}



.notify-arrow {

position:absolute;

left:55px;

top:-18px

}

.notify-arrow1 {

position:absolute;

left:105px;

top:-18px

}

}



@media (max-width:740px) {

#alert_notificatoin_bar {

display:inline;

float:left

}

}



.icon-bell-ll {

background:url(../images/line-icon.png) no-repeat -217px -18px;

width:23px;

height:25px;

display:inline-block!important

}



.notify-arrow1 {

    border-style: solid;

    border-width: 0 9px 9px;

    height: 0;

    margin-top: 0;

    opacity: 0;

    position: absolute;

    right: 11px;

    top: -18px;

    transition: all .25s ease 0;

    width: 0;

    z-index: 10;

    margin-top: 10px;

    opacity: 1;

}

.dropdown-menu.extended.lead-drop > li > a > i {

    display: inline-block;

    padding-right: 10px;

}

.dropdown-menu.extended.lead-drop > li > a {

    border-bottom: 1px solid #EBEBEB!important;

    font-size: 14px;

    list-style: none;

    padding: 8px 7px!important;

    width: 100%;

    display: inline-block;

}

.dropdown-menu.extended.lead-drop > li > a i {

    font-size: 17px;

}

.dropdown-menu.extended.lead-drop > li > a:hover {

    background-color: #F7F8F9!important;

    color: #2E2E2E;

    border-bottom: 1px solid #688a7e!important;

}

.lead-drop{width:auto!important; min-width:auto !important; top:42px !important;}

.followinstruct{ float:left;}

.followinstruct ul{ padding:0; margin:0;}

.followinstruct ul li{ display:inline-block;vertical-align: middle; margin-right:15px; }

.followinstruct2{ float:right;}

.followinstruct2 ul{ padding:0; margin:0;}

.followinstruct2 ul li{ display:inline-block;vertical-align: middle; margin-right:15px; }

.followinstruct2 ul li input[type="checkbox"]{ margin-right:5px !important;}

.followinstruct2-left{ width:80px; float:left;}

.followinstruct2-right{float:left;}

.top-border {border-top: 2px solid #fff; }

.comaninput-list ul{ padding:0; margin:0; }

.comaninput-list ul li{ display:inline-block; margin-right:10px; line-height:25px; vertical-align: middle;}

.comaninput-list ul li input{ vertical-align:middle !important; margin-right:3px;}

.comaninput-list ul li  span{ line-height:25px; padding-left:2px;}

.buton-inl ul{ padding:0; margin:0; }

.buton-inl ul li{ display:inline-block; margin-right:5px; vertical-align: middle ; margin-bottom:5px; float:left;}

.tooltip-actionbut{ left:-10px !important;}

.tooltip-actionbut::after {margin-left: 7px !important;}

.bor-top-blue{border-top: 2px solid #337ab7;}

.excluded-ins ul li:last-child{ margin-right:0px;}





















@media screen and (max-width:1199px) {

.excluded-ins{ float:left;}	

}

@media screen and (max-width:600px) {

.followinstruct2-left	{ width:100%;}

}

@media screen and (max-width:400px) {

	.lead-drop{ left:0px !important; min-width:auto !important;}

	.lead-drop .notify-arrow1{left: 11px;}

}