@font-face {
    font-family: "Terminal Dosis Light";
    src: url("TerminalDosis-Light.eot?") format("eot"),
    url("TerminalDosis-Light.woff") format("woff"),
    url("TerminalDosis-Light.ttf") format("truetype"),
    url("TerminalDosis-Light.svg#TerminalDosis-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Nunito Sans";
    src: url("/assets/fonts/NunitoSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0px;
    padding: 0px;
    /*background: #151519 url(../images/bg-tile-2.png) repeat-x;*/
    font-family: 'Nunito Sans', sans-serif;
    /*font-size: 10px;*/
    /*line-height: 20px;*/
    /*color: #666;*/
}

img {
    border: none;
}

/*h1 {*/
/*font-size: 22px;*/
/*margin: 5px 0px 7px 0px;*/
/*padding: 5px 0px 7px 0px;*/
/*text-align: center;*/
/*}*/

/*h2{*/
/*font-size: 30px;*/
/*margin: 5px 0px 10px 0px;*/
/*padding: 5px 0px 10px 0px;*/
/*color: #1C88BF;*/
/*font-family: 'Nunito Sans', sans-serif;*/
/*font-weight: 400;*/
/*}*/

/*h3{*/
/*font-size: 15px;*/
/*margin: 5px 0px 0px 0px;*/
/*padding: 5px 0px 0px 0px;*/
/*}*/

.calMonths h3 {
    font-size: 23px;
    margin: 5px 0px 10px 0px;
    padding: 5px 0px 10px 0px;
    color: #1C88BF;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
}

h2.campaigns {
    font-size: 23px;
    margin: 5px 0px 10px 0px;
    padding: 5px 0px 10px 0px;
    color: #1C88BF;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
}

/*h4{*/
/*font-size: 14px;*/
/*padding: 0px;*/
/*margin: 0px;*/
/*}*/

/*h5{*/
/*font-size: 12px;*/
/*padding: 0px;*/
/*margin: 0px;*/
/*}*/

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

.blue {
    color: #1C88BF;
}

.date {
    font-size: 11px;
    font-style: italic;
    line-height: 12px;
}

.tiny {
    font-size: 11px;
    color: #999;
    line-height: 14px;
}

.tinier {
    font-size: 8px;
    color: #999;
    line-height: 14px;
}

.tinyRed {
    font-size: 11px;
    color: red;
    line-height: 14px;
}

.picR {
    float: right;
    margin: 0px 0px 0px 10px;
}

.picL {
    float: left;
    margin: 0px 10px 0px 0px;
}

.contentHidden {
    display: none;
}

/*hr{*/
/*margin: 10px 0 20px 0;*/
/*clear: both;*/
/*}*/

.standard-form {
    padding: 5px;
}

#nav a:link {
    color: #1C88BF;
    text-decoration: none;
    font-weight: bold;
}

#nav a:visited {
    color: #1C88BF;
    text-decoration: none;
    font-weight: bold;
}

#nav a:hover {
    color: #B82232;
    text-decoration: none;
    font-weight: bold;
}

#top-right-nav a:link {
    color: #1C88BF;
    text-decoration: none;
    font-weight: bold;
}

#top-right-nav a:visited {
    color: #1C88BF;
    text-decoration: none;
    font-weight: bold;
}

#top-right-nav a:hover {
    color: #B82232;
    text-decoration: none;
    font-weight: bold;
}

/*a:link{color:#515154; text-decoration: none; text-decoration:underline;}*/
/*a:visited{color:#515154; text-decoration: none; text-decoration:underline;}*/
/*a:hover{color:#1C88BF; text-decoration: none; text-decoration:underline;}*/

#passwordRecovery a:link, #credentials a:link {
    color: #CCC;
    text-decoration: none;
    text-decoration: underline;
}

#passwordRecovery a:visited, #credentials a:visited {
    color: #CCC;
    text-decoration: none;
    text-decoration: underline;
}

#passwordRecovery a:hover, #credentials a:hover {
    color: #1C88BF;
    text-decoration: none;
    text-decoration: underline;
}

#alert a:link {
    color: #414143;
    text-decoration: none;
    text-decoration: none;
}

#alert a:visited {
    color: #414143;
    text-decoration: none;
    text-decoration: none;
}

#alert a:hover {
    color: #B82232;
    text-decoration: none;
    text-decoration: none;
}

#message a:link {
    color: #414143;
    text-decoration: none;
    text-decoration: none;
}

#message a:visited {
    color: #414143;
    text-decoration: none;
    text-decoration: none;
}

#message a:hover {
    color: #B82232;
    text-decoration: none;
    text-decoration: none;
}

.landingButton a:link {
    color: #1C88BF;
    text-decoration: none;
    font-weight: bold;
}

.landingButton a:visited {
    color: #1C88BF;
    text-decoration: none;
    font-weight: bold;
}

.landingButton a:hover {
    color: #B82232;
    text-decoration: none;
    font-weight: bold;
}

.messengerName a:link {
    color: #1C88BF;
    text-decoration: none;
    font-weight: bold;
}

.messengerName a:visited {
    color: #1C88BF;
    text-decoration: none;
    font-weight: bold;
}

.messengerName a:hover {
    color: #B82232;
    text-decoration: none;
    font-weight: bold;
}

#logo {
    padding-top: 20px;
    text-align: center;
}

.messengerName {
    width: 270px;
    font-size: 18px;
    float: left;
}

.messagePreview {
    font-size: 12px;
}

#nav {
    height: 40px;
    width: 200px;
    font-size: 10px;
    left: 20px;
    top: 0;
    position: absolute;
    margin-top: 23px;
}

#top-right-nav {
    height: 40px;
    width: 317px;
    font-size: 10px;
    right: 0;
    top: 0;
    position: absolute;
    margin-top: 23px;
}

#nav ul {
    padding: 17px 0px 0px 0px;
    margin: 0px;
}

#nav li {
    display: inline;
    padding: 0px 18px 0px 18px;
    margin: 0px;
}

.landingButton {
    color: #1C88BF;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
}

#searchGeneral {
    font-size: 13px;
}

#log-in {
    padding: 30px;
    width: 500px;
    margin: 100px auto;
}

#signinFrm {
    color: #243246;
}

.signing-form-label {
    color: #243246;
}

#passwordRecovery {
    margin: auto;
    padding: 30px;
    width: 350px;
    margin: 100px auto;
    color: #333;
}

#privacyPolicy {
    margin: auto;
    padding: 30px;
    width: 800px;
    margin: 100px auto;
    color: #333;
}

#privacyPolicyCustom {
    font-size: 14pt;
    padding: 10px 0;
    width: 800px;
    margin: 0 auto;
    color: #333;
}

#signUp {
    margin: auto;
    padding: 30px;
    width: 800px;
    margin: 0px auto;
    color: #333;
}

#page {
    /*width: 1024px;*/
    width: 1100px;
    margin: 10px auto;
    /*background: #FFF;*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: url('/assets/images/bg-gradient.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#body-content-container {
    position: relative;
    /*width: 1024px;*/
    /*background: #FFF;*/
    /*-webkit-border-radius: 20px;*/
    /*-moz-border-radius: 20px;*/
    /*border-radius: 20px;*/
    /*background: #9bdaf7;*/
    background: #ffffff;
    /*background: url('/assets/images/bg-gradient.jpg') no-repeat center center fixed;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);*/
    /*box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.15);*/
}

#content {
    position: relative;
    /*padding: 30px;*/
    /*padding: 10px, 10px, 10px, 10px;*/
}

#landing1 {
    float: left;
    padding: 0 40px 0 0;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 20px 20px 20px;
    background: #FBFAF8;
    margin-right: 10px;
    width: 216px;
}

#landing2 {
    float: left;
    padding: 0 40px 0 0;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 20px 20px 20px;
    background: #FBFAF8;
    margin-right: 10px;
    width: 183px;
}

#landing3 {
    float: left;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 20px 20px 20px;
    background: #FBFAF8;
    margin-right: 10px;
    width: 183px;
}

#landing4 {
    float: left;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 20px 20px 20px;
    background: #FBFAF8;
    width: 183px;
}

#landing1 p, #landing2 p, #landing3 p, #landing4 p {
    font-size: 10px;
}

#extraCalText {
    font-weight: bold;
    font-size: 16px;
}

.calMonths {
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 10px;
    padding: 5px 10px 10px 10px;
    background: #FBFAF8;
    width: 250px;
}

#calPreviewLeft, #calPreviewLeftC {
    float: left;
}

#calPreviewRight, #calPreviewRightC {
    float: left;

}

#calPreviewLeftC {
    padding-right: 15px;
}

#calPreviewRightC {

}

.centered {
    text-align: center;
}

.eventSchedule {
    width: 80%;
    margin: auto;
}

form.choose {
    background: #FFF;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 7px;
    width: 226px;
    margin-left: -13px;
}

button.blue {
    background: #1D8BCC;
    color: #FFF;
    border: #3C7EA5 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px;
}

.tp-blue-btn {
    text-decoration: none !important;
    background: #1D8BCC;
    color: #FFF !important;
    border: #3C7EA5 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px;
}

.tp-blue-btn:hover {
    background: #2886BD;
    color: #FFF !important;
}

input.blue[type=submit], input.blue[type=button] {
    background: #1D8BCC;
    color: #FFF;
    border: #3C7EA5 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px;
}

input.blue[type=submit]:hover, input.blue[type=button]:hover {
    background: #2886BD;
    color: #FFF;
    border: #3C7EA5 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px;
}

input.blue[type=submit]:active, input.blue[type=button]:hover {
    background: #666;
    color: #FFF;
    border: #333 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px;
}

input.green[type=submit], input.green[type=button] {
    background: #9CBA7F;
    color: #FFF;
    border: #9CBA7F 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px;
}

input.green[type=submit]:hover, input.green[type=button]:hover {
    background: #9CBA7F;
    color: #FFF;
    border: #9CBA7F 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px;
}

input.green[type=submit]:active, input.green[type=button]:hover {
    background: #666;
    color: #FFF;
    border: #333 1px solid;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px;
}

/* VALIDATION STYLES */
/* { font-family: Verdana; font-size: 96%; }*/
/*label { width: 12em; float: left; text-align: right; padding: 0 7px 0 0;}*/
.tp-label {
    width: 12em;
    text-align: right;
    padding: 0 7px 0 0;
}

.tp-label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}

/*label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }*/
p {
    clear: both;
}

.submit {
    margin-left: 18em;
}

em {
    font-weight: bold;
    padding-right: 1em;
    vertical-align: top;
}

.tiny {
    font-size: 8px;
}

.alert {
    border-radius: 10px;
}

.error {
    color: red;
    font-size: 14px;
}

.success {
    color: green;
    font-size: 14px;
}

.picR {
    float: right;
}

.left {
    float: left;
    padding: 0px 60px 0 0;
}

.right {
    float: right;
}


.thumbpad {
    padding: 10px 10px 10px 10px;
}

.userHeader {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 10px;
    text-align: right;
    /*border: 1px solid #89ACD1;*/
    /*color: #326294;*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /*padding: 20px;*/
    margin-top: 23px;
    /*background: #F1F7FB;*/
}

.tiny {
    font-size: 10px;
}

/*
#landing2{
	float: left;
	padding: 0 40px 0 0;
	border: 1px solid #E4E4E4;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	padding: 10px 20px 20px 20px;
	background: #FBFAF8;
	margin-right: 10px;
	width: 183px;
}
*/

#noticeBoxes {
    margin-left: 314px;
    margin-top: 100px;
}

#noticeBoxesBuilder {
    margin-left: 112px;
    margin-top: 100px;
}

#alert {
    font-size: 32px;
    text-align: center;
    float: left;
    /*background: #F6E1E1;*/


    background-image: -o-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: -moz-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(0, 0, 0)), color-stop(0.62, #fbfaf8));
    background-image: -webkit-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: -ms-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 20px 50px 20px;
    border: 1px solid #C7C7C7;
    margin-left: 10px;
    color: #1c89bf;
    width: 150px;
    height: 80px;
}

#alertMessenger {
    font-size: 32px;
    text-align: center;
    float: right;
    background: #F6E1E1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 20px 5px 20px;
    border: 1px solid #C7C7C7;
    margin-left: 10px;
    color: #D54C4C;
}

#message {
    font-size: 32px;
    text-align: center;
    float: left;
    /*background: #C0D9AF;*/

    background-image: -o-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: -moz-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(0, 0, 0)), color-stop(0.62, #fbfaf8));
    background-image: -webkit-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: -ms-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 20px 50px 20px;
    margin-left: 10px;
    border: 1px solid #C7C7C7;
    color: #1c89bf;
    width: 150px;
    height: 80px;
}

#geoTrust {
    float: left;
    padding: 30px 20px 20px 0px;
}

#schedulerHeadingButtons {
    margin: 10px;
}

#schedulerSendNow {

    font-size: 32px;
    text-align: center;
    /*background: #C0D9AF;*/

    background-image: -o-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: -moz-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(0, 0, 0)), color-stop(0.62, #fbfaf8));
    background-image: -webkit-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: -ms-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);
    background-image: linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 40px 20px 50px 20px;
    margin-left: 10px;
    border: 1px solid #C7C7C7;
    color: #1c89bf;
    width: 210px;
    height: 40px;
}

/*#delay-hrs-mins-container {*/

/*    font-size: 32px;*/
/*    text-align: center;*/
/*    !*background: #C0D9AF;*!*/

/*    background-image: -o-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -moz-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(0, 0, 0)), color-stop(0.62, #fbfaf8));*/
/*    background-image: -webkit-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -ms-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/

/*    -webkit-border-radius: 20px;*/
/*    -moz-border-radius: 20px;*/
/*    border-radius: 20px;*/
/*    margin-left: 10px;*/
/*    border: 1px solid #C7C7C7;*/
/*    color: #1c89bf;*/
/*    width: 210px;*/
/*    height: 100px;*/
/*}*/

/*#scheduler-calendar-container {*/

/*    font-size: 32px;*/
/*    text-align: center;*/
/*    !*background: #C0D9AF;*!*/

/*    background-image: -o-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -moz-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(0, 0, 0)), color-stop(0.62, #fbfaf8));*/
/*    background-image: -webkit-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -ms-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/

/*    -webkit-border-radius: 20px;*/
/*    -moz-border-radius: 20px;*/
/*    border-radius: 20px;*/
/*    padding: 40px 20px 50px 20px;*/
/*    border: 1px solid #C7C7C7;*/
/*    color: #1c89bf;*/
/*    width: 510px;*/
/*}*/

/*#schedulerCalendar {*/

/*    font-size: 32px;*/
/*    text-align: center;*/
/*    !*background: #C0D9AF;*!*/

/*    background-image: -o-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -moz-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(0, 0, 0)), color-stop(0.62, #fbfaf8));*/
/*    background-image: -webkit-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -ms-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/

/*    -webkit-border-radius: 20px;*/
/*    -moz-border-radius: 20px;*/
/*    border-radius: 20px;*/
/*    border: 1px solid #C7C7C7;*/
/*    color: #1c89bf;*/
/*    width: 510px;*/
/*    height: 100px;*/
/*}*/

/*#schedulerDelay {*/

/*    font-size: 32px;*/
/*    text-align: center;*/
/*    !*background: #C0D9AF;*!*/

/*    background-image: -o-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -moz-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.24, rgb(0, 0, 0)), color-stop(0.62, #fbfaf8));*/
/*    background-image: -webkit-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: -ms-linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/
/*    background-image: linear-gradient(bottom, rgb(199, 199, 199) 24%, #fbfaf8 62%);*/

/*    -webkit-border-radius: 20px;*/
/*    -moz-border-radius: 20px;*/
/*    border-radius: 20px;*/

/*    border: 1px solid #C7C7C7;*/
/*    color: #1c89bf;*/
/*    width: 210px;*/
/*    height: 100px;*/
/*}*/

/*----------SCHEDULER------------------*/

/*#popupSchedule {*/
/*    width: 1150px !important;*/
/*    height: 715px !important;*/
/*}*/

/*#popupScheduleNew {*/
/*    width: 1150px !important;*/
/*    height: 915px !important;*/
/*}*/

/*#popupScheduler {*/
/*    width: 700px;*/
/*    height: 650px;*/
/*}*/

/*.wideScheduler {*/
/*    width: 1150px !important;*/
/*    height: 700px !important;*/
/*    padding-top: 15px;*/
/*    padding-bottom: 800px;*/
/*    background-color: #d7d7d7;*/
/*    -moz-border-radius: 15px;*/
/*    border-radius: 15px;*/
/*}*/

/*.wideSchedulerCampaign {*/
/*    width: 1150px !important;*/
/*    height: 700px !important;*/
/*    padding-top: 15px;*/
/*    padding-bottom: 800px;*/
/*    background-color: #d7d7d7;*/
/*    -moz-border-radius: 15px;*/
/*    border-radius: 15px;*/
/*}*/


#popupCalendar {
    width: 1350px;
    height: 650px;
}

#popupCampaign {
    width: 1150px;
    height: 700px;
}

#popupUploader {
    width: 300px;
    height: 320px;
}

#popupAddClient {
    width: 280px;
    height: 220px;
}

#popupClient {
    width: 360px;
    height: 650px;
}

#popupAgent {
    width: 650px;
    height: 670px;
}

#popupAgentCounter {
    width: 700px;
    height: 700px;
}

#popupInvoice {
    width: 650px;
    height: 670px;
}

#popupSendNow {
    width: 800px;
    height: 250px;
}

#popupClientNotes {
    width: 800px;
    height: 470px;
}

#editProfile {
    float: left;
    font-size: 9px;
    /*width:290px;*/
    width: 385px;
    margin-left: 20px;
}

#scheduleNew {
    float: left;
    padding: 0 30px;
    width: 300px;
    margin-top: 20px;
}

#scheduleNewNew {
    float: left;
    padding: 0 30px;
    width: 500px;
    margin-top: 20px;
    margin-left: 20px;
}

.categoryBox {
    height: 50px;
    font-size: 16px;
}

#templatePreview {
    /*float: left;*/
    /*width: 540px;*/
    /*width: 600px;*/
}

#templatePreviewNew {
    float: left;
    /*width: 540px;*/
    width: 200px;
}

#templatePreviewCampaign {
    float: left;
    width: 600px;
}

#templatePreviewCampaignNew {
    float: left;
    width: 500px;
    margin-top: 20px;
}

#templatePreviewTmp {
    margin-top: 40px;
}

#templatePreviewTmpSm {
    margin-top: 94px;
}

#templatePreviewTmpSmNew {
    margin-top: 20px;
}

#scheduleCal {
    width: 190px;
    padding: 4px 10px 0 0;
}

#renewalCalendar {
    float: left;
    width: 185px;
    padding: 4px 10px 0 0;
}

#requoteFields {
    float: left;
    width: 185px;
    padding: 4px 10px 0 0;
}

#customFields {
    float: left;
    width: 185px;
    padding: 4px 10px 0 0;
}

#customFieldsNew {
    float: left;
    padding: 4px 10px 0 0;
}

/*#scheduleButtons {*/
/*    float: right;*/
/*}*/

/*#saveEventResults {*/
/*    color: green;*/
/*    font-size: 14px;*/
/*}*/

/*#scheduleFrm label {*/
/*    text-align: right;*/
/*    padding-right: 5px;*/
/*    padding: 0 7px 0 0;*/
/*}*/

/*#scheduleFrm input.saveButton {*/
/*    float: right;*/
/*}*/

#calPreviewRightC input.saveButton {
    float: right;
}

#appointmentFields label {
    width: 7em;
    text-align: left;
    padding: 0 7px 0 0;
}

#birthdayFields label {
    float: left;
    text-align: left;
    padding: 0 7px 0 0;
    font-size: 14px;
    font-weight: bold;
}

#renewalFields label {
    text-align: left;
    padding: 0 7px 0 0;
    font-size: 14px;
    font-weight: bold;
}

#requoteFields label {
    text-align: left;
    padding: 0 7px 0 0;
    font-size: 10px;
    font-weight: bold;
    width: 100%;
}

#credentials {
    text-align: center;
    color: #243246;
    padding-bottom: 20px;
    font-size: 16px;
}

#credentials a:link {
    color: #243246 !important;
}

#credentials a:visited {
    color: #243246 !important;
}

#credentials a:hover {
    color: #344767 !important;
}

#credentials a:active {
    color: #243246 !important;
}

#customFields label {
    text-align: left;
    padding: 0 7px 0 0;
    font-size: 10px;
    font-weight: bold;
    width: 100%;
}

.required {
    font-weight: 800;
}

#customAlertBox {
    float: right;
    margin-right: 130px;
}

.flaggedBtn {
    display: none;
}

.scheduleTab {
    padding: 10px;
    margin: 0;
}

.scheduleTab li {
    display: inline;
    margin: 0 10px;
    padding: 10px 0
}

#tab1 {
    margin: 0 10px;
    padding: 10px;
}

a.current {
    background-color: #d7d7d7
}

.content-container {
    margin: 20px;
    padding: 10px;
    position: relative;
    /*height:390px; */
    /*background: #d7d7d7; */
    background: #ffffff;
    /*background: url("../images/wallpaper-concrete-gray-landing.jpg") left top no-repeat;*/
    /*border-radius: 30px;*/
    min-height: 540px;
    /*box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);*/
}

#landingGray {
    padding: 10px;
    position: relative;
    /*height:390px; */
    /*background: #d7d7d7; */
    background: #ffffff;
    /*background: url("../images/wallpaper-concrete-gray-landing.jpg") left top no-repeat;*/
    border-radius: 30px;
    min-height: 520px;
}

/*.fade{
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover{
  opacity: 0.5;
}*/

.file_button_container, .file_button_container input {
    height: 33px;
    width: 263px;
}

.file_button_container {

    background: transparent url(../images/button-upload-caps.png) left top no-repeat;
}

.file_button_container input {
    opacity: 0;
}

.file_button_container_small, .file_button_container_small input {
    display: inline-block;
    height: 33px;
    width: 66px;
}

.file_button_container_small {
    background: transparent url(../images/button-upload-small-text-2.png) left top no-repeat;
}

.file_button_container_small input {
    opacity: 0;
}

.file_button_container_small:hover {
    opacity: 50%;
}

.file_button_container_small_logo, .file_button_container_small_logo input {
    height: 33px;
    width: 76px;
}

.file_button_container_small_logo {

    background: transparent url(../images/button-upload-small-text-logo.png) left top no-repeat;
}

.file_button_container_small_logo input {
    opacity: 0;
}

#submitNotesBtn:hover {
    background: #666;
    color: #FFF;
}

#uploadListBtn:hover {
    background: #666;
    color: #FFF;
}

#replyIphoneMsg {
    font-size: 12px;
    vertical-align: top;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

#iphoneBtnLink {
    background-color: rgba(0, 0, 0, 0);
    /*border: 1px solid #FFFF00;*/
    height: 65px;
    left: 180px;
    position: absolute;
    top: 600px;
    width: 65px;
}

.iphoneScreen {
    margin-left: 30px;
    height: 390px;
    width: 287px;
    background-color: #FFF;
    overflow: auto;
}

.iphone-screen-alt {
    height: 390px;
    width: 287px;
    background-color: #FFF;
    overflow: auto;
}

.iphoneScreenBasic {
    margin-left: 30px;
    width: 287px;
    background-color: #FFF;
    overflow: auto;
}

.iphoneScreenLong {

    margin-left: 29px;
    height: 431px;
    width: 289px;
    /*background-color: #FFF;*/
    background: url(../images/wallpaper-concrete-gray.jpg) left top no-repeat;
    overflow: auto;
    overflow-x: hidden;
    color: #FFF;
    font-weight: bold;
}

.iphoneScreenLongNew {

    margin-left: 29px;
    margin-right: 29px;
    height: 631px;
    width: 289px;
    /*background-color: #FFF;*/

    overflow: auto;
    overflow-x: hidden;
    color: #FFF;
    font-weight: bold;
    float: left;
}

.quickTextRow {
    border-bottom: 10px solid #FFF;
}

.quickTextCol {
    padding: 0 0;
}

.quickTextBubbleDate {
    float: right;
}

.quickTextNew {
    float: left;
    color: red;
    font-weight: 800;
}

.quickTextNoMsg {
    height: 200px;
    overflow: auto;
    background-color: #FFF;
}

.schedulerSelector {
    width: 171px;
    margin: 2px 0 2px 0;
}

.schedulerSelectorLanding {
    width: 156px;
    margin: 2px 0 2px 0;
}

#schedulerGray {
    /*background: url("../images/wallpaper-concrete-gray-landing.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);*/
    background-color: #D7EBF9;
    border-radius: 10px 10px 10px 10px;
    height: 150px;
}

#remainingCheckList {
    margin-left: 50px;
    margin-top: 35px;
    z-index: 1;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;

    background: #EA0F0F;

}

.nav-menu-dropshadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25) !important;
}

.nav-menu {
    z-index: 1024;
    position: absolute;
    top: 35px;
    left: 10px;
}

.nav-menu-item {
    cursor: pointer;
    font-size: 12pt;
    color: #ffffff;
    white-space: nowrap;
    padding-left: 10px;
    height: 40px;
    width: 210px;
    margin: 5px 0 5px 0;
    border-radius: 10px;
    background-color: #243246;
}

.nav-item:hover {
    font-weight: bold;
    color: #ffffff;
}

.nav-item.active {
    color: #ffffff;
}

.nav-item-label {
    vertical-align: middle;
    display: inline-block;
}

.nav-item-icon-container {
    width: 30px;
    height: 30px;
    text-align: center;
    /*width: auto;*/
    /*height: 20px;*/
    /*height: auto;*/
    vertical-align: middle;
    display: inline-block;
    margin: 0 5px 0 0;
}

.nav-item-icon {
    width: auto;
    max-width: 25px;
    max-height: 20px;
    /*height: auto;*/
    vertical-align: middle;
    display: inline-block;
}

.dashboard-box-icon {
    max-width: 75px;
    max-height: 75px;
}

.dashboard-box-container {
    padding-left: 220px;
    text-align: center;
}

.dashboard-box-overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 200px;
    width: 200px;
    background: url('/assets/images/box-gradient-transparent.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashboard-box-overlay.opacity-less {
    /*opacity: 0.60;*/
    background: url('/assets/images/box-gradient-transparent-adjusted.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashboard-box-overlay.opacity-more {
    /*opacity: 0.60;*/
    background: url('/assets/images/box-gradient-transparent-adjusted-2.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashboard-box {
    position: relative;
    cursor: pointer;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.25) !important;
    background: url('/assets/images/box-gradient.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-size: 20pt;
    font-weight: bold;
    color: #243246;
    display: inline-block;
    margin: 10px;
    border-radius: 30px;
    border: 2px solid #243246;
    height: 200px;
    width: 200px;
    overflow: hidden;
    /*text-align: center;*/
}

.dashboard-box.messages {
    background: url('/assets/images/messages-bg-blur.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashboard-box.clients {
    background: url('/assets/images/clients-bg-blur.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashboard-box.keywords {
    background: url('/assets/images/groups-keywords-bg.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashboard-box.campaigns {
    background: url('/assets/images/campaigns-bg-blur.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashboard-box.forms {
    background: url('/assets/images/forms-bg-blur.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashboard-box.templates {
    background: url('/assets/images/templates-bg-blur.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashboard-box-body.campaigns {
    background: url('/assets/images/campaigns-bg.jpg') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashboard-box-body.keywords {
    background: url('/assets/images/groups-keywords-bg.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.dashboard-box:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.35) !important;
}

.ws-nowrap {
    white-space: nowrap !important;
}

.ws-normal {
    white-space: normal !important;
}

.word-break-normal {
    word-break: break-word !important;
}

.dashboard-box-content {
    position: relative;
    z-index: 2;
    word-break: break-all;
    white-space: normal;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}

.dashboard-box-header {
    /*text-shadow: 1px 1px #000;*/
    width: 100%;
    height: 50px;
    /*text-align: center;*/
}

.dashboard-box-header.keywords {
    /*text-shadow: 1px 1px #000;*/
    width: 100%;
    height: 80px;
    /*text-align: center;*/
}

.dashboard-box-header.border-bottom {
    border-bottom: 1px solid #243246;
}

.dashboard-box-header.border-bottom {
    border-bottom: 1px solid #243246;
}

.dashboard-box-body {
    overflow: hidden;
    height: 150px;
    width: 100%;
}

.valign-middle-helper {
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle;
}

.valign-middle {
    vertical-align: middle;
}

.hamburger-menu-container {
    color: #000000;
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 27px;
    left: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.hamburger-menu-container.--alt-a {
    color: #000000;
    cursor: pointer;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 20px;
    left: 30px;
    text-align: center;
    font-size: 8pt;
}

.hamburger-menu-container:hover {
    color: #333333;
}

.hamburger-menu-container.--alt-a:hover {
    color: #333333;
}

.hamburger-menu-container:hover .hamburger-menu-icon {
    background: url('/assets/images/hamburger-icon-double-wide.png') no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.hamburger-menu-container.--alt-a:hover .hamburger-menu-icon {
    background: url('/assets/images/hamburger-icon-double-wide.png') no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.hamburger-menu-icon {
    cursor: pointer;
    background: url('/assets/images/hamburger-icon-black-double-wide.png') no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width: 40px;
    height: 20px;
}

.hamburger-menu-icon.--alt-a {
    cursor: pointer;
    background: url('/assets/images/hamburger-icon-black-double-wide.png') no-repeat center center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width: 30px;
    height: 15px;
}

/*.hamburger-menu-icon:hover {*/

/*background: url('/assets/images/hamburger-icon-black-double-wide.png') no-repeat center center, #ffffff;*/
/*-webkit-background-size: contain;*/
/*-moz-background-size: contain;*/
/*-o-background-size: contain;*/
/*background-size: contain;*/
/*}*/

.nav-menu-liner {
    border: 1px solid #666;
    border-radius: 20px;
    display: inline-block;
    padding: 10px;
    background: #ffffff;
}

.header-nav-link:link {
    white-space: nowrap;
}

.header-nav-link:link {
    color: #243246 !important;
}

.header-nav-link:visited {
    color: #243246 !important;
}

.header-nav-link:hover {
    text-decoration: underline !important;
    /*text-shadow: 1px 1px 5px #fff;*/
    /*text-decoration: none !important;*/
}

.header-nav-link:active {
}

.header-nav-link.header-nav-link-active {
    text-decoration: underline !important;
    /*text-shadow: 2px 2px 5px #fff;*/
}

.message-counter-container {
    display: inline-block;
    color: red;
    vertical-align: middle;
    font-size: 28pt;
    padding-bottom: 25px;
}


.message-counter-container a:link {
    color: red;
!important;
    text-decoration: none !important;

}

.message-counter-container a:visited {
    color: red;
!important;
    text-decoration: none !important;

}

.message-counter-container a:hover {
    color: #793d3d;
!important;
    text-decoration: none !important;

}

.message-counter-container a:active {
    color: red;
!important;
    text-decoration: none !important;

}


/*MAIN NAV*/
.main-nav-container {
    color: #243246;
    white-space: nowrap;
    position: relative;
}

.main-nav-logo-right-container {
    position: absolute;
    right: 25px;
    top: 12px;
}

.main-nav-logo-welcome {
    position: absolute;
    top: 0;
    left: 845px;
}

.main-nav-logo-img {
    width: 200px;
    margin-top: -5px;
    height: auto;
}

.main-nav-menu-item {
    font-size: 12pt;
    white-space: normal;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 20px 10px;
    margin-top: 30px;
}

.main-nav-menu-item:first-child {
    padding-left: 30px;
}

.main-nav-menu-item a:link {
    color: #1C88BF;
    text-decoration: none;
    font-weight: bold;
}

.main-nav-menu-item a:visited {
    color: #1C88BF;
    text-decoration: none;
    font-weight: bold;
}

.main-nav-menu-item a:hover {
    color: #B82232;
    text-decoration: none;
    font-weight: bold;
}

.nav-menu-share-heart {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.main-nav-menu-container {
    min-height: 108px;
}

.top-nav-icon {
    width: 20px;
    display: inline-block;
    overflow: visible;
}