@import url(/public/css-new/libs/normalize.css);
@import url(/public/css-new/libs/colpick.css);
@import url(/public/css-new/fonts/opensans/opensans.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700,800);

/*--------------------------CUSTOM STYLE START ------------------------*/
/* toggle button code goes here */
.tog-wrap{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 128px;
    height: 20px;
}

.on-off-switch {
    overflow: hidden;
    width: 50px;
    margin-right: 10px;
}

.tog-lbl{
    margin-right: 10px;
    color: #777;;
    margin-bottom: 0;
    margin-top: 1px;
}

.togglebox input{
    display:none;
}

.togglebox{
    background: #79bbe1;
    box-shadow: 0 4px 5px -2px rgba(0,0,0,0.3) inset;
    display:inline-block;
    border:1px solid #EFEFEF;
    width: 50px;
    height: 20px;
    position:relative;
    border-radius: 1.2em;
    color:#FFF;
    font-weight:bold;
    overflow:hidden;
}

.togglebox label{
    width:200%;
    height:100%;
    line-height: 20px;
    border-radius: 5px;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    font-size:1.1em;
    cursor:pointer;
    -webkit-transition:0.12s;
    -moz-transition:0.12s;
    transition:0.12s;
    padding-right: 78px;
}

.togglebox span{
    position:absolute;
    right:-100px;
}


.togglebox label::before{
    content:'';
    /*font-size: 14px;*/
    width: 40px;
    height: 26px;
    float:left;
    margin-right: -5px;
    padding-right:13px;
    text-align:center;
    background: #D2D2D2;
    text-shadow:0 -1px 0 #093B5C;
    box-shadow:0 4px 5px -2px rgba(0,0,0,0.3) inset;
}
.togglebox label b{
    display:block;
    height:100%;
    width:18px;
    float:left;
    position:absolute;
    left: 29px;
    z-index:1;
    border:1px solid #AAA;
    background:#F6F6F6;
    box-shadow:0 4px 0 -2px #F1F1F1 inset, 0 2em 2em -2em #AAA inset, 0 0 2px rgba(0,0,0,.5);
    border-radius: 50%;
}
.togglebox label:hover b{
    background:#E5E5E5;
}
.togglebox label::after {
    content: ' ';
    /*font-size: 14px;*/
    width: 1px;
    height: 26px;
    float: left;
    margin-right: -10px;
    padding-left: 9px;
    text-align: center;
    color: #fff;
    background: #79bbe1;

    box-shadow: 0 4px 5px -2px rgba(0,0,0,0.3) inset;
}

.togglebox input:checked ~ label{
    left: -29.5px;
}

/* small toggle button code goes here */
.tog-wrap-sm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 95px;
    height: 19px;
}

.tog-wrap-sm .on-off-switch {
    width: 40px;
    margin-right: 2px;
}

.tog-wrap-sm .tog-lbl{
    font-size: 11px;
    margin-right: 5px;
}


.tog-wrap-sm .togglebox{
    width: 40px;
    height: 19px;
}

.tog-wrap-sm .togglebox label{;
    line-height: 18px;
}
.tog-wrap-sm .togglebox label::before{
    width: 25px;
    margin-right: -3px;
}

.tog-wrap-sm .togglebox label b{
    width: 18px;
    left: 19px;
}


.tog-wrap-sm .togglebox input:checked ~ label{
    left: -18.5px;
}
/*------------*/


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


[draggable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#ques-form:after {
    content: ' ';
    clear: both;
    display: table;
}

.radio.over {
    border: 2px dashed #000;
}
.radio.drag {
    opacity: 0.6;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}



/*----------------*/
/*-------input range styling-----------*/
input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height:20px;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #999, 0 0 1px #888;
    background: #eee;
    border-radius: 5px;
    border: 0.2px solid #010101;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #fff;
    width: 16px;
    height: 16px;

    box-shadow: 1px 1px 1px #888, 0 0 1px #777;
    border: 0.2px solid #010101;
    border-radius: 10px;
    cursor: pointer;
    margin-top: -3px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ddd;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #999, 0 0 1px #888;
    background: #eee;
    border-radius: 5px;
}
input[type=range]::-moz-range-thumb {
    width: 16px;
    height: 16px;

    box-shadow: 1px 1px 1px #ccc, 0 0 1px #ccc;
    border-radius: 10px;
    cursor: pointer;
    margin-top: -3px;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    color: transparent;
    background: transparent;
    border-color: transparent;
    border-radius: 5px;
}
input[type=range]::-ms-fill-lower {
    background: #3071a9;
    border: 0.2px solid #010101;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #999, 0 0 1px #888;
}

input[type=range]::-ms-thumb {
    background-color: #fff;
    width: 16px;
    height: 16px;

    box-shadow: 1px 1px 1px #888, 0 0 1px #777;
    border: 0.2px solid #010101;
    border-radius: 10px;
    cursor: pointer;
    margin-top: -3px;
}

.resizer-cont{
    padding: 0 30px 0 30px;
    position: relative;
    margin: 10px 0;
}

.resizer-cont-l,.resizer-cont-r{
    position: absolute;
    bottom: 1px;
    font-size: 17px;
    color: #777;
}
.resizer-cont-r{
    right: 5px;
}
.resizer-cont-l{
    left: 5px;
}

/*-------feedback page graph style----------*/

#slctTemplate{
    width: 100%;
}

/*inline radio button zoom issue*/
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    bottom: 2px;
}

.tooltip-inner {
    white-space:pre;
    max-width:none;
}


/*twin toggle style start*/

.twin-toggle{
    border-radius: 6px;
    border: 1px solid #ccc;
    width: 100%;
    padding: 3px 1px 0;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    background-color: #e7e7e7;
}

.twin-toggle div{
    width: 50%;
    float: left;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 3px;
}

.twin-toggle .btn{
    width: 100%;
    color: #565656;
    font-weight: 700;
    background: transparent;
    padding: 5px 10px;
}

.twin-toggle input[type=radio]{
    display: none;
}


.twin-toggle input:checked ~ label{
    background-color: #0077c2;
    color: #ffffff;
}

.twin-toggle-off-body{
    display: none;
}

/*twin toggle style end*/

/*
*  STYLE FOR SCROLL BAR----START
*/


div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    background-color: #e8e8e8;
}

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

div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #c8c8c8;
}

/*
*  STYLE FOR SCROLL BAR--- END
*/

/*--------------------------CUSTOM STYLE END ------------------------*/

body {
    background-color: #dfdfdf;
    color: #868686;
    font-family: 'open sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.input-group-addon {
    font-size: 12px;
}

.clrpicker .input-group-addon i {
    display: inline-block;
    width: 40px;
    height: 20px;
    font-size: 12px;
    vertical-align: text-top;
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'open sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #434343;
}



.mycontainer {
    max-width: 1280px;
    margin: 0 auto;
}


.text-danger {
    color: #ec5252 !important;
}

.text-success {
    color: #00af50;
}

.btn {
    border: none;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
}

.btn-arrow {
    background-color: transparent;
    color: #999;
    border: 1px solid #999;
    padding: 0 3px;
    line-height: 0;
    font-size: 12px;
    margin-top: 18px;
    border-radius: 0;
}


.toggle-btn {
    background: url("../images/line-pat.jpg");
    border-radius: 6px;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 10px;
    max-width: 150px;
}

.toggle-btn .layout-btn {
    color: #000;
    background-color: transparent;
    line-height: 28px;
    padding: 0;
    font-size: 12px;
    width: 45%;
}

.toggle-btn .layout-btn.active {
    border: none;
    background-color: #0085CA;
    color: #fff;
    height: 21px;
    line-height: 21px;
    margin: 0 3px;
}

.rk-menu-btn {
    font-size: 12px;
    font-weight: 500;
    color: #868686;
    background-color: transparent;
    padding: 7px 15px;
    border: 1px solid #C3C3C3;
    line-height: 20px;
    margin-right: 8px;
    margin-bottom: 10px;
}



.rk-menu-btn i {
    font-size: 14px;
}



.rk-menu-btn:hover, .rk-menu-btn.active {
    color: #fff;
    background: #efa726; /* Old browsers */
    background: -moz-linear-gradient(left, #efa726 1%, #f8b131 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(1%,#efa726), color-stop(100%,#f8b131)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #efa726 1%,#f8b131 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #efa726 1%,#f8b131 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #efa726 1%,#f8b131 100%); /* IE10+ */
    background: linear-gradient(to right, #efa726 1%,#f8b131 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efa726', endColorstr='#f8b131',GradientType=1 ); /* IE6-9 */
    border: 1px solid transparent;
    box-shadow: none;
}





.navbar-nav {
    padding: 0 0 0 15px;
}



.rk-green-btn {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background-color: #77ca60;
    padding: 8px 10px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-green-btn:hover {
    color: #fff;
    background-color: #A0DA90;
    transition: 0.35s ease all;
}

.rk-red-btn {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background-color: #e86f6f;
    padding: 8px 10px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-red-btn:hover {
    color: #fff;
    background-color: #FF7070;
    transition: 0.35s ease all;
}


.rk-blue-btn {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background-color: #006cbb;
    padding: 8px 11px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-blue-btn:hover {
    color: #fff;
    background-color: #3389C9;
    transition: 0.35s ease all;
}

.rk-lit-blue-btn {
    font-size: 12px;
    font-weight: 600;
    color: #777575;
    background-color: #ddedf3;
    padding: 8px 11px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-lit-blue-btn:hover {
    color: #777575;
    background-color: #E4F1F5;
    transition: 0.35s ease all;
}

.rk-gray-btn {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background-color: #DADBDB;
    padding: 8px 10px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-gray-btn:hover {
    color: #ffffff;
    background-color: #EDEDED;
    transition: 0.35s ease all;
}


.rk-black-btn {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background-color: #282828;
    padding: 8px 10px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-black-btn:hover, .rk-black-btn:focus {
    color: #ffffff;
    background-color: #535353;
    transition: 0.35s ease all;
}

.rk-white-btn {
    font-size: 12px;
    font-weight: 600;
    color: #6d6d6d;
    background-color: #fff;
    padding: 8px 10px;
    border: 2px solid #e5e7f0;
    line-height: 15px;
}

.rk-white-btn.btn-sm {
    padding: 6px 10px;
}



.rk-white-btn:hover, .rk-white-btn:focus {
    color: #ccc;
    background-color: #fcfcfc;
    transition: 0.35s ease all;
}


.rk-purple-btn {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background-color: #5b206e;
    padding: 8px 10px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-purple-btn:hover {
    color: #ffffff;
    background-color: #8C639A;
    transition: 0.35s ease all;
}

.rk-watch-video-btn{
    margin-top: 7px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #cdcdcd;
}

.rk-watch-video-btn .fa{
    vertical-align: middle;
    font-size: 1.3em;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.rk-watch-video-btn:hover,
.rk-watch-video-btn:focus{
    text-decoration: none;
    color: #cdcdcd;
}

.rk-watch-video-btn:hover .fa,
.rk-watch-video-btn:focus .fa{
    color: #0044cc;
}

.dropdown-menu {
    font-size: 12px;
}

.flex-it {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-it > div {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/*------------------------------------------
---------------------------------------------
REPUTATION KAHUNA
---------------------------------------------
---------------------------------------------*/


/*------------------------
dashboard nav bar
--------------------------*/

.dash-head {
    min-height: 40px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 0;
    background: #fff;
}

.dash-head .navbar-brand {
    padding: 5px 15px;
    height: 54px;
}

.dash-head .navbar-brand:hover {
    background-color: #223135;
}

.dash-head .navbar-brand img {
    height: 44px;
}



.dash-head .img-icon {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 1px;
}



.dash-head .navbar-nav > li > a, .agency-dash-head .navbar-nav > li > a {
    font-size: 11px;
    padding: 7px 7px 2px 21px;
    font-weight: 500;
}



.dash-head .dash-head-right > li > a {
    line-height: 30px;
    padding: 8px 15px 0 15px;
    font-size: 12px;
}



.dash-head-right > li:first-child a {
    border-left: 1px solid #e5e5e5;
}



.dash-head-right > li:last-child a {
    background-color: #F2F2F2;
}



.dash-head-right > li i {
    padding: 10px 8px 16px 8px;
    font-size: 20px;
}



.img-clip {
    display: inline-block;
    width: 41px;
    height: 41px;
    border-radius: 40px;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    vertical-align: middle;
}

.img-clip img {
    margin-left: -20px;
}


.agency-dash-head {
    display: none;
    background-color: #fff;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    min-height: 44px;
}



.agency-dash-head .navbar-brand {
    max-width: 255px;
    width: auto;
    padding: 0 15px;
    /*border-right: 1px solid #e5e5e5;*/
    height: 44px;
    line-height: 40px;
    text-align: center;
}

.agency-dash-head .navbar-brand img {
    display: inline-block;
    max-height: 40px;
}

.agency-dash-head .navbar-brand .agency-text {
    padding-left: 5px;
}



.agency-dash-head .navbar-nav > li > a {
    line-height: 30px;
    padding: 7px 23px;
    font-weight: 500;
}

.agency-head-wrap {
    position: relative;
}

.agency-head-wrap .btn-arrow {
    position: absolute;
    margin-top: 0;
    bottom: -17px;
    left: 12%;
    font-size: 16px;
    padding: 0 4px;
    z-index: 1;
    border-radius: 0;
    border-color: transparent #ccc #ccc;
    background-color: #fff;
}

.agency-head-wrap .btn-arrow:focus {
    outline: none;
}


.rk-dash-body {
    background: url("/public/images/dash-bg-pat.jpg");
    padding: 6px 0 20px 0;
}



.top-heading .form-control {
    color: #aeaeae;
    height: 34px;
    background-color: #f9f9f9;
}

.top-heading .input-group-addon {
    color: #aeaeae;
    background-color: #f9f9f9;
}



/*--left menu--*/

.menu-left {
    border-bottom: none;
    padding-top: 2px;
    border-right: 1px solid #ddd;
}



.menu-left > li {
    float: none;
    margin-bottom: 2px;
    margin-right: -1px;
}



.menu-left > li.active > a,
.menu-left > li.active > a:hover,
.menu-left > li.active > a:focus {
    border-bottom-color: #ddd;
    background-color: #f9f9f9;
    border-right-color: transparent;
    color: #f2aa2a;
}



.menu-left > li > a {
    text-align: center;
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #b7b7b7;
    font-size: 12px;
}







.rk-left-menu {
    margin-top: 5px;
}

.rk-left-menu .left-menu-content {
    background-color: #f9f9f9;
    padding: 15px 17px;
    border-radius: 5px;
    border-bottom: 3px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}



.rk-left-menu .menu-left {
    margin-top: 20px;
}



/*----------*/
.c-name {
    font-size: 18px;
    margin-top: 8px;
    display: inline-block;
    padding-left: 75px;
}



.location-select {
    padding: 0;
    margin: 0;
}



.location-select .form-control {
    font-size: 12px;
}


.inner-menu {
    margin-bottom: 0;
}



.inner-nav {
    border-bottom: none;
}



.inner-nav > li > a {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 70px;
    border: 1px solid #C2C2C2;
    background-color: transparent;
    margin-right: 5px;
    margin-bottom: 12px;
}

.inner-nav > li.active > a:after {
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -3px;
    content: '';
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #f2aa2a transparent;
}

.inner-nav > li > a:hover, .inner-nav > li > a:focus {
    color: #fff;
    background-color: #f2aa2a;
    border: 1px solid #f2aa2a;
}



.inner-nav > li.active > a, .inner-nav > li.active > a:focus, .inner-nav > li.active > a:hover {
    color: #fff;
    background-color: #f2aa2a;
    border: 1px solid #f2aa2a;
}



.heading {
    background-color: #f8f8f8;
    border-left: 4px solid #6f7e95;
    height: 45px;
    padding: 5px 10px 5px 20px;
    margin-bottom: 5px;
}

.heading h3 {
    color: #717171;
    font-size: 14px;
    line-height: 35px;
    margin: 0;
}

.rk-red-heading {
    background-color: #f8f8f8;
    border-left: 4px solid #f44a4a;
    height: 45px;
    padding: 5px 10px 5px 20px;
    margin-bottom: 5px;
    margin-right: -14px;
}

.rk-red-heading h3 {
    color: #717171;
    font-size: 12px;
    line-height: 35px;
    margin: 0;
    letter-spacing: -0.5px;
}

.rk-red-heading i {
    color: #f44a4a;
    background-color: rgba(244, 74, 74, 0.08);
    padding: 10px 32px 12px 12px;
    margin-left: -20px;
    margin-right: 5px;
    margin-top: -5px;
    font-size: 23px;
}

.orange-heading {
    background-color: #f2aa2a;
    border-left: 4px solid #E7980D;
    height: 45px;
    padding: 5px 10px 5px 20px;
    margin-bottom: 5px;
}

.orange-heading h3 {
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    margin: 0;
}





.steps-area {
    margin: 0;
    padding: 0 12px;
}



.preview-area {
    margin: 0;
    padding: 0 8px;
}

.preview-area-full {
    float: right;
    width: 100%;
    -webkit-transition: 0.45s all linear;
    -moz-transition: 0.45s all linear;
    -ms-transition: 0.45s all linear;
    -o-transition: 0.45s all linear;
    transition: 0.45s all linear;
}







.btn-heading h3, .btn-heading h6 {
    display: inline-block;
}



.inner-nav-body {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 0 0 5px 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 400px;
}

.inner-nav-body-ex {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.brdr-box {
    position: relative;
    background-color: transparent;
    border: 1px solid #e8e8e8;
    padding: 5px 14px;
    overflow: hidden;
    border-radius: 3px;
}

.img-box img {
    width: 100% !important;
    height: auto !important;
}


.arrow-nav {
    margin-bottom: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0;
    width: 100%;
}



.arrow-nav > li {
    float: left;
    width: 25%;
    background-color: #fff;
}



.arrow-nav > li > a {
    font-size: 12px;
    font-weight: 700;
    color: #bababa;
    text-align: center;
    padding: 5px;
    background-color: #f8f8f8;
}



.arrow-nav > li > a:hover, .arrow-nav > li > a:focus {
    background-color: rgb(248, 248, 248);
;
    cursor: default;
}




.arrow-nav li.active .h-arrow:after {
    border-color: transparent rgb(69, 157, 199);
;
}

.arrow-nav li.active a {
    background-color: rgb(69, 157, 199);
;
    color: #fff;
}



.h-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 10px;
    border-color: transparent rgb(248, 248, 248);
;
    position: absolute;
    right: -9px;
    bottom: 0;
    z-index: 1;
}

.form-heading {
    border-bottom: 1px solid #6F7E95;
    margin-bottom: 10px;
}

.form-heading h6 {
    display: inline-block;
    /*font-family: 'gotham book';*/
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #6F7E95;
    padding-bottom: 5px;
    margin-bottom: 0px;
    color: #616161;
}

.collect-rev-body select.input-sm {
    height: 22px;
    margin-top: -3px;
    margin-bottom: 0px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 15px;
    color: #868686;
}

.brdr-box .form-group {
    margin-bottom: 10px;
}

.collect-rev-body .checkbox-inline, .collect-rev-body .radio-inline {
    margin-top: 5px;
}

.collect-rev-body .checkbox input[type=checkbox],
.collect-rev-body .checkbox-inline input[type=checkbox],
.collect-rev-body .radio input[type=radio],
.collect-rev-body .radio-inline input[type=radio] {
    margin-top: 2px;
    bottom: auto;
}


.brdr-box p {
    margin-bottom: 5px;
    color: #777;
    font-size: 11px;
    margin-top: 9px;
    font-weight: 600;
}



.preview-container {
    border: 1px solid #e8e8e8;
    padding: 5px 7px;
}



.expanded-view {
    /*11-jun-15 2. expander arrow up*/
    position: absolute;
    width: 15px;
    height: 44px;
    background: #F7F7F7;
    top: 8%;
    left: -6px;
    z-index: 1;
    padding: 10px 2px;
    font-weight: bold;
    font-size: 15px;
    border: 2px solid #D9D9D9;
}



.feed-slide {
    background: url(../images/bg-overlay-01.png);
    background-color: #0066cc;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 5px;
    min-height: 64px;
    max-height: 100px;
}


.feed-slide .left-content h3 {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 3px;
    margin-top: 7px;
    margin-bottom: 0;
    letter-spacing: 0.6px;
}

.feed-slide .left-content h5 {
    color: #fff;
    margin: 0;
    font-size: 9px;
    line-height: 13px;
    letter-spacing: 0.6px;
}

.feed-slide .middle-content img {
    max-height: 100px;
    min-height: 64px;
    margin: 0 auto;
}

.feed-slide .right-content {
    padding-top: 15px;
}



.form-box-footer {
    background-color: #f7f7f7;
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-top: 0;
}



.blue-heading {
    background-color: #00aef0;
    border-radius: 5px 5px 0 0;
    padding: 10px 20px;
    margin: 10px 0;
}



.blue-heading h3 {
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
}



.form-horizontal .control-label {
    text-align: left;
    font-size: 12px;
    font-weight: 600;
}

.form-horizontal .form-group {
    margin-bottom: 10px;
}

.w-inc {
    width: 182px;
}

/*.adv-opt-body{*/
/*display: none;*/
/*}*/


.option-yes,
#def-head-opt,
#def-IS-opt,
#imgCust {
    display: none;
}


/*------------build step 2 survey--------*/
.marg-t-5 {
    margin-top: 5px;
}

.survey-q {
    background: #6f7e95;
    color: #fff!important;
    padding: 5px 10px;
}

.survey-q-body {
    background: #F7F7F7;
    padding: 10px 12px 31px 13px;
    margin-bottom: 8px;
}

.survey-q-body div.radio {
    padding-top: 0;
    margin-bottom: 10px;
}

.mar-0 {
    margin: 0 !important;
}

.add-more {
    float: right;
    font-style: italic;
    color: #8e8e8e;
    font-weight: 700;
}

.add-more:hover, .add-more:focus {
    text-decoration: none;
}

.add-more span {
    color: #00aef0;
}

.add-fields-body {
    display: none;
}

/*------------build step 3 review--------*/
.build-review-frm .control-label {
    padding-top: 0;
    font-weight: 600;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #f7f7f7;
    background-color: #f7f7f7;
}

.control-label a .fa-question-circle{
    color: #858585
}

.tab-content {
    padding: 10px 5px 0;
    border: 1px solid #e3e3e3;
    border-top-color: transparent;
    margin-top: -1px;
    margin-bottom: 10px;
    border-radius: 0 0 5px 5px;
    background: #f7f7f7;
}

.gray-bg {
    background-color: #f9f9f9;
    border: 1px solid #f5f5f5;
    padding: 2px 9px;
    border-radius: 2px;
}

.gray-heading {
    background-color: #f6f6f6;
    padding: 10px 8px;
    margin-bottom: 13px;
    border-radius: 3px;
}

.gray-heading h6 {
    color: #212121;
    font-size: 12px;
    margin: 0;
    font-weight: 600;
}

.tooltip-inner {
    white-space:pre-wrap;
    text-align: left;
}



#pos-rev i.fa-link {
    margin-top: 14px;
    font-size: 15px;
}

#pos-rev i.fa-mobile {
    margin-top: 5px;
    font-size: 20px;
}

#pos-rev .input-group-addon {
    width: 91px;
}

.links-frm .input-group {
    width: 100%;
}

.pad-6-9 {
    padding: 6px 9px;
}

.nxtStp {
    font-size: 11px;
    color: #212121;
    font-weight: 600;
}

.nxtStp:hover {
    text-decoration: none;
}

.template-head {
    height: 100px;
    overflow: hidden;
}

/*------------popup model style----------------*/
.main-popup {
    width: 1000px;
}

.main-popup .modal-title {
    color: #fff;
}

.popup-header {
    background-color: #6f7e95;
    text-align: center;
    border-radius: 5px 5px 0 0;
    border-width: 3px 3px 0 3px;
    border-style: solid;
    border-color: #dddddd;
    color: #fff;
}

.popup-body {
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
    border-width: 0 3px 3px 3px;
    border-style: solid;
    border-color: #dddddd;
}

.popup-footer {
    padding: 5px 0;
}

#delete-warn-popup .main-popup {
    max-width: 250px;
}

#rerun-confirm-popup .main-popup {
    max-width: 290px;
}

#editor .main-popup {
    max-width: 690px;
    height: 405px;
}

#editor1 .main-popup {
    max-width: 690px;
    height: 405px;
}

#editor2 .main-popup {
    max-width: 690px;
    height: 405px;
}

#edit-rev-preview .main-popup {
    max-width: 680px;
    margin-top: 10px;
}

.edit-left-box {
    background-color: #f1f1f1;
    padding: 5px 0 10px;
    border-radius: 5px;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.edit-left-box h6, .edit-left-box h6 a {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #5d5d5d;
    padding: 0 10px;
}

.edit-left-box h6 i {
    margin: 0 5px 0 10px;
}

.edit-left-box h6 i.fa-eye {
    padding-top: 3px;
}

.padder {
    padding: 0 10px;
}

.edit-left-box h6.active {
    background-color: #0077c2;
}

.edit-left-box h6.active a {
    color: #fff;
}

.edit-steps {
}

.edit-step {
    background-color: #e3e3e3;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-size: 13px;
    color: #585858;
    margin: 5px 0 10px;
}

.edit-step.active {
    background-color: #f8931d;
    color: #fff;
}

.active.edit-step:first-child:after {
    border-color: transparent #f8931d;
}

.edit-step:first-child:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 12px 0 13px 12px;
    border-style: solid;
    border-color: transparent #e3e3e3;
    position: absolute;
    bottom: 0;
    right: -11px;
    z-index: 1;
}

.edit-box {
    position: relative;
    margin-bottom: 10px;
}

.edit-box-head {
    background-color: #00aef0;
    text-align: center;
    border-radius: 5px 5px 0 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dadada;
    color: #fff;
    padding: 5px;
}

.edit-box-head h5 {
    color: #fff;
    padding: 2px 0;
    margin: 4px 0;
    font-size: 13px;
    font-weight: 500;
}

.edit-box-body {
    text-align: center;
    padding: 5px;
    border-radius: 0 0 5px 5px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dadada;
}

.copy-paste-rev {
    background-color: #f5911c;
    border-radius: 5px;
    padding: 5px 0 5px;
    text-align: center;
    margin-bottom: 10px;
}

.link-list {
    padding: 0 15px;
    list-style: none;
    margin: 0;
}

/* centered columns styles */
.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: center;
    /* inline-block space fix */
    margin-right: -4px;
    padding-left: 5px;
    padding-right: 5px;
}

.link-img {
    margin: 5px auto;
    vertical-align: middle;
    display: block;
    overflow: hidden;
}

.link-img img {
    width: 100%;
    height: auto;
    min-height: 26px;
    max-width: 147px;
}

.copy-paste-rev p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
}

.edt-lft-bx-footer {
    margin-top: 10px;
}

.edit-video-box img {
    width: 100%;
    height: auto;
}

.pl-5 {
    padding-left: 5px;
}

.pr-5 {
    padding-right: 5px;
}

.edit-fb-rev {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 10px 5px 5px;
    margin-bottom: 10px;
    text-align: center;
}

#star-popup .main-popup {
    max-width: 300px;
}

#link-popup .main-popup {
    max-width: 300px;
}


.popup-body a:hover, .popup-body a:focus {
    text-decoration: none;
}
/*------------build step 4 finish--------*/
.finish-text {
    color: #777575;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.finish-text span {
    font-size: 18px;
}

.iframe-code-pop {
    max-width: 400px;
}

.iframe-code-pop textarea {
    width: 100%;
}

/*--------------build step 2 -- 3 steps----------------*/

.arrow-nav-3stps > li {
    width: 33.3333%;
}

/*step 1 header options*/

#clrpick-head-bg, #clrpick-head-bg1 {
    background-color: #0066cc;
}


/*step 2 Design options*/

.color-themes {
    margin-bottom: 10px;
}

.theme-set {
    border: 1px solid #e8e8e8;
    margin-bottom: 7px;
}

.color-themes .theme-color {
    height: 30px;
    width: 33.33333%;
    float: left;
}

.slider-cont {
    padding: 0 25px 0 20px;
}

.slider-cont:after {
    content: '100%';
    position: absolute;
    right: 7px;
    bottom: 1px;
}

.slider-cont:before {
    content: '0%';
    position: absolute;
    left: 15px;
    bottom: 1px;
}

#clrpick-bg {
    background-color: #e7e7e1;
}

#clrpick-stp1 {
    background-color: #f8931d;
}

#clrpick-stp2 {
    background-color: #e3e3e3;
}

#clrpick-frm {
    background-color: #ffffff;
}

#clrpick-acnt {
    background-color: #00aef0;
}

#clrpick-fnt {
    background-color: #717171;
}

#clrpick-title {
    background-color: #ffffff;
}

#clrpick-btn {
    background-color: #00aef0;
}

#clrpick-btntxt {
    background-color: #ffffff;
}

/*-----*/
.wdth {
    width: 146px;
}

.theme-text-set {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

.theme-text-set .theme-txt {
    width: 33.3333%;
    text-align: center;
    font-size: 10px;
    display: inline-block;
}

/*--------------Feedback page style----------------*/
.fbp-tbl-cont {
    margin: 0 5px;
    border-radius: 5px;
    padding-bottom: 110px;
}

.fbp-tbl {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.fbp-tbl tr th {
    text-align: center;
    background-color: #607a99;
    color: #fff;
}

.fbp-tbl tr td {
    text-align: center;
    background-color: #fff;
    padding: 5px 8px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}

.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td {
    padding: 5px 8px;
}

.fbp-tbl tr td:first-child {
    text-align: left;
}

.fbp-tbl tr th:first-child {
    border-top-left-radius: 5px;
}

.fbp-tbl tr th:last-child {
    border-top-right-radius: 5px;
}

.name-col p {
    margin: 0 0 3px 0;
    color: #607a99;
}

.name-col i {
    margin-right: 5px;
    width: 12px;
    text-align: center;
}

.name-col i.fa-check-square-o {
    padding-right: 5px;
    border-right: 1px solid #d3d3d3;
    line-height: 21px;
}

.rat-rev-chkbx {
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    background-color: #eaeaea;
    border-radius: 4px;
    padding: 0 10px 0 5px;
    display: inline-block;
    color: #5d5d5d;
    border: 1px solid #d3d3d3;
}

.rat-rev-chkbx input {
    margin-top: 0;
    margin-right: 5px;
    vertical-align: middle;
}

.rev-col {
    width: 100px;
}


.rev-col i.fa-star {
    color: #f3ab2b;
    font-size: 2.3em;
}

.rev-col p {
    color: #a5b6c3;
}

.prcnt-rev-col i.glyphicon-signal, .edit-col i.fa-pencil {
    font-size: 1.3em;
    color: #a5b6c3;
}


.action-col .dropdown-menu {
    min-width: 95px;
    background-color: #31475a;
    left: auto;
    right: 0;
}

.action-col .dropdown-menu > li > a {
    padding: 3px 10px;
    color: #fff;
}

.action-col .dropdown-menu > li > a:hover {
    background-color: #6e8da8;
}

.btn-dd-action {
    background-color: #fff;
    border: 1px solid #eaeaea;
}

.btn-dd-action:hover {
    background-color: #31475a;
    border: 1px solid #31475a;
    color: #fff;
}

.rev-prcnt-circle {
    margin: 0 auto;
}

.graph-col p {
    margin: 0;
}


.graph-col rect {
    fill: #77ca60;
}

/*-----------------
defaults
---------------------*/
input[type=file] {
    /*display: none;*/
    visibility: hidden;
    position: absolute;
    /*height: 0;*/
    /*width: 0;*/
    /*opacity: 0;*/
}


.pt-3 {
    padding-top: 3px;
}

.pt-8 {
    padding-top: 8px;
}

.mt-10 {
    margin-top: 10px;
}

.ml-125 {
    margin-left: 125px;
}

.ml-3 {
    margin-left: 3px;
}

.ml-12 {
    margin-left: 12px;
}

.ml-20 {
    margin-left: 20px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.pad-r-z {
    padding-right: 0;
}

.pad-l-z {
    padding-left: 0;
}

.pad-z {
    padding: 0;
}

.pad-r-5 {
    padding-right: 5px;
}

.pad-l-5 {
    padding-left: 5px;
}

.pad-b-5 {
    padding-bottom: 5px;
}

.pad-l-10 {
    padding-left: 10px;
}

.pad-4-6 {
    padding: 4px 6px;
}

.marg-t-20 {
    margin-top: 20px;
}

.marg-t-z {
    margin-top: 0;
}

.marg-b-z {
    margin-bottom: 0 !important;
}

.overflow-visible {
    overflow: visible;
!important;
}

.bg-blue-cw {
    background-color: #006cbb;
    color: #fff;
}

p.top-lbl {
    margin-top: 0;
    font-size: 11px;
}

.top-lbl {
    margin-top: 0;
    font-size: 10px;
}

#uploadTempFile {
    display: none;
}

#p-custURL-opt, #n-custURL-opt {
    display: none;
}

.save-btn-box {
    display: none;
    position: relative;
}

.save-btn-box button {
    position: absolute;
    right: 0;
    z-index: 1000;
}

p.note-txt {
    margin: 1px 0;
    color: #ff1111;
    font-size: 10px;
    font-weight: 700;
}

.gray-note-txt {
    margin: 1px 0;
    color: #c2c2c2;
    font-size: 10px;
    font-weight: 700;
    display: block;
}

.bgc-white {
    background-color: #fff;
}

.bgc-black {
    background-color: #000;
}

.bgc-lgray {
    background-color: #ededed;
}

.bgc-lblue {
    background-color: #00aef0;
}

.bgc-lmiti {
    background-color: #534741;
}

.bgc-gblue {
    background-color: #4edbcd;
}

.bgc-navy {
    background-color: #21405b;
}

.bgc-mgray {
    background-color: #979797;
}

.bgc-gray {
    background-color: #e6e6e6;
}

.bgc-dpurple {
    background-color: #461260;
}

.bgc-gblack {
    background-color: #3d3d3e;
}

.bgc-red {
    background-color: #d84a38;
}

.bgc-lorange {
    background-color: #fff1d6;
}

.bgc-orange {
    background-color: #f48d00;
}

.bgc-purple {
    background-color: #775875;
}

.bgc-wgray {
    background-color: #fcfaf0;
}

.bgc-miti {
    background-color: #6d604e;
}

.bgc-gwhite {
    background-color: #f9fff7;
}

.bgc-dgreen {
    background-color: #4c6f57;
}

.bgc-dgray {
    background-color: #717171;
}

.bgc-green {
    background-color: #08a239;
}

.bgc-ddgreen {
    background-color: #3c583e;
}

.bgc-build {
    background-color: #f2aa2a;
}

.fc-build {
    color: #f2aa2a;
}

.bgc-dgblue {
    background-color: #3e8da5;
}


a.remove-it {
    margin-top: 10px;
    margin-right: 5px;
    z-index: 10;
}

a.remov-it {
    position: absolute;
    top: 7px;
    z-index: 10;
    left: 65px;
}



#ex1Slider .slider-selection {
    background: #BABABA;
}

#btn-y-body {
    display: none;
}
/*#thank-header:hover,.edit-box-body:hover,.edit-fb-rev:hover,.copy-paste-rev:hover{*/
/*border-color: #66afe9;*/
/*box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/
/*}*/
#thank-header h5, #inst-box, #edit-feedback-rev, #cp-head {
    border: 1px solid transparent;
}
/*#thank-header:hover h5,#inst-box:hover,#edit-feedback-rev:hover,#cp-head:hover{*/
/*border: 1px dotted #000;*/
/*}*/

#thank-header1 h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 9px;
}

#inst-box1 h4 {
    font-size: 12px;
    margin-bottom: 3px;
    margin-top: 3px;
}

#inst-box1 p, #edit-feedback-rev1 p {
    font-size: 9px;
}

.rev-sidebar {
    margin-top: 10px;
}

.rev-sidebar img {
    width: 100%;
}

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


.search-container {
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
}

.search-container:hover {
    /*width: 25em;*/
}
/*.search-container:hover .search-input {*/
/*display: inline-block;*/
/*width: 10em;*/
/*padding-left: 5px;*/
/*border: 1px solid #eee;*/
/*}*/
.search-container .search-input {
    display: inline-block;
    width: 10em;
    padding-left: 5px;
    border: 1px solid #eee;
}

.search-input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 0em;
    background: #fff;
    color: #6A5D4F;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    border: 0;
    border-radius: 5px;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}



/*--negative preview popup style start--*/
@font-face {
    font-family: 'alternategotno2d';
    src: url('../libs/fonts/AlternateGotNo2D.eot') format('embedded-opentype'), url('../libs/fonts/AlternateGotNo2D.woff') format('woff'), url('../libs/fonts/AlternateGotNo2D.ttf') format('truetype'), url('../libs/fonts/AlternateGotNo2D.svg#AlternateGotNo2D') format('svg');
    font-weight: normal;
    font-style: normal;
}

#edit-rev-preview-n .main-popup {
    max-width: 680px;
    margin-top: 10px;
}

#default-warn-popup-p .main-popup, #default-warn-popup-n .main-popup {
    max-width: 300px;
    margin-top: 50px;
}

.neg-pre-body {
    /*background: url("../images/rough-pat.jpg");*/
    /*display: none;*/
}

.neg-pre-body .video-frame {
    margin: 10px auto 5px;
    /*border: 2px solid #5e5d5d;*/
    /*border-radius: 2px;*/
}

.neg-pre-body .video-frame img {
    width: 100%;
    max-width: 500px;
    height: auto;
}

.neg-pre-body .white-bg-box {
    border-radius: 2px;
    background-color: #fff;
    margin: 10px auto 5px;
    padding: 10px;
    min-height: 126px;
}

.neg-pre-body .white-bg-box p {
    margin: 0;
    padding: 5px 10px;
    color: #777;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
}

.neg-pre-body .brdr-heading {
    /*border: 1px solid #f1f1f1;*/
    border-radius: 4px;
    /*background-color: #f9f9f9;*/
    margin: 10px auto 5px;
    padding: 5px;
}

.neg-pre-body .brdr-heading h3 {
    margin: 0;
    padding: 0 5px;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    color: #777;
}

.neg-pre-body .brdr-box {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    background-color: #f9f9f9;
    margin: 10px auto 5px;
    padding: 10px;
}

.neg-pre-body .brdr-box p {
    margin: 0;
    padding: 5px 10px;
    color: #777;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
}

.neg-pre-body .bg-box {
    border-radius: 5px;
    background-color: #f9f9f9;
    margin: 5px auto;
    padding: 5px 15px 10px;
}

.neg-pre-body .q-heading {
    margin: 5px 0;
    font-size: 11px;
    font-weight: 700;
}

.neg-pre-body .btn-lev-us-rev {
    font-family: 'alternategotno2d';
    font-size: 24px;
    background-color: #00aef0;
    padding: 2px;
    color: #fff;
    border-radius: 5px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    margin: 0 auto 8px;
    font-weight: 500;
    letter-spacing: 0.4px;
    display: block;
}

.neg-pre-body .btn-lev-us-rev:hover {
    background-color: #00aef0;
    color: #fff;
}

.neg-pre-body textarea {
    font-size: 12px;
}


/*--negative preview popup style end--*/

/*--negative edit popup style start--*/
/*.neg-edit-pop{*/
/*display: none;*/
/*}*/

.neg-edit-pop .video-frame {
    margin: 10px auto 5px;
    /*border: 2px solid #5e5d5d;*/
    /*border-radius: 2px;*/
}

.neg-edit-pop .video-frame img {
    width: 100%;
    max-width: 500px;
    height: auto;
}

.neg-edit-pop .white-bg-box {
    border-radius: 2px;
    background-color: #fff;
    margin: 10px auto 5px;
    padding: 10px;
    min-height: 120px;
}

.neg-edit-pop .white-bg-box p {
    margin: 0;
    padding: 5px 10px;
    color: #777;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
}

.neg-edit-pop .brdr-heading {
    /*border: 1px solid #f1f1f1;*/
    border-radius: 4px;
    /*background-color: #f9f9f9;*/
    margin: 10px auto 5px;
    padding: 5px;
}

.neg-edit-pop .brdr-heading h3 {
    margin: 0;
    padding: 0 5px;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    color: #777;
}

.neg-edit-pop .brdr-box {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    background-color: #f9f9f9;
    margin: 10px auto 5px;
    padding: 5px;
}

.neg-edit-pop .brdr-box p {
    margin: 0;
    padding: 5px;
    color: #777;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
}

#inst-box-n:hover, #heading-n:hover {
    outline: 1px solid #66afe9;
}

.neg-edit-pop .bg-box {
    border-radius: 5px;
    background-color: #f9f9f9;
    margin: 5px auto;
    padding: 5px 15px 10px;
}

.neg-edit-pop .q-heading {
    margin: 5px 0;
    font-size: 11px;
    font-weight: 700;
}

.neg-edit-pop .btn-lev-us-rev {
    font-family: 'alternategotno2d';
    font-size: 24px;
    background-color: #00aef0;
    padding: 2px;
    color: #fff;
    border-radius: 5px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    margin: 0 auto 8px;
    font-weight: 500;
    letter-spacing: 0.4px;
    display: block;
}

.neg-edit-pop .btn-lev-us-rev:hover {
    background-color: #00aef0;
    color: #fff;
}

.neg-edit-pop textarea {
    font-size: 11px;
}

.edit-left-box h6 i.fa-eye-slash {
    padding-top: 3px;
}

/*--negative edit popup style end--*/

.thumb-up-clr {
    color: #77CA60;
}

.thumb-down-clr {
    color: #FA2323;
}


.video-div {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.video-div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#btn-cust-url-body, #btn-cust-url-body-n {
    display: none;
}

#local-dir-info-p .main-popup {
    max-width: 600px;
}

#local-dir-info-n .main-popup {
    max-width: 600px;
}

#dir-clr-optn-body-p, #dir-clr-optn-body-n {
    display: none;
}

#dir-img {
    width: 74px;
    height: 22px;
}

.cust-dir-link {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 9px 16px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #6E6E6E;
}

.cust-dir-link:hover, .cust-dir-link:focus {
    color: #ffffff;
}

#edit-rev-preview .cust-dir-link {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 6px;
    font-size: 9px;
    padding: 7px 2px;
}

#link-exm {
    display: inline-block;
    margin-top: 5px;
}

.tos-link {
    font-size: 14px;
    line-height: 35px;
}

.tos-link-h {
    font-size: 12px;
    font-weight: 700;
}


/*Black:*/
.cust-dir-black {
    background: #474747;
    background-image: -webkit-linear-gradient(top, #474747, #000000);
    background-image: -moz-linear-gradient(top, #474747, #000000);
    background-image: -ms-linear-gradient(top, #474747, #000000);
    background-image: -o-linear-gradient(top, #474747, #000000);
    background-image: linear-gradient(to bottom, #474747, #000000);
}



.cust-dir-black:hover {
    background: #000000;
    background-image: -webkit-linear-gradient(top, #000000, #474747);
    background-image: -moz-linear-gradient(top, #000000, #474747);
    background-image: -ms-linear-gradient(top, #000000, #474747);
    background-image: -o-linear-gradient(top, #000000, #474747);
    background-image: linear-gradient(to bottom, #000000, #474747);
    text-decoration: none;
}

/*BLUE:*/

.cust-dir-blue {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
}



.cust-dir-blue:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}


/*GREY:*/

.cust-dir-gray {
    background: #a8a8a8;
    background-image: -webkit-linear-gradient(top, #a8a8a8, #807e80);
    background-image: -moz-linear-gradient(top, #a8a8a8, #807e80);
    background-image: -ms-linear-gradient(top, #a8a8a8, #807e80);
    background-image: -o-linear-gradient(top, #a8a8a8, #807e80);
    background-image: linear-gradient(to bottom, #a8a8a8, #807e80);
}


.cust-dir-gray:hover {
    background: #8c8c8c;
    background-image: -webkit-linear-gradient(top, #8c8c8c, #3b3b3b);
    background-image: -moz-linear-gradient(top, #8c8c8c, #3b3b3b);
    background-image: -ms-linear-gradient(top, #8c8c8c, #3b3b3b);
    background-image: -o-linear-gradient(top, #8c8c8c, #3b3b3b);
    background-image: linear-gradient(to bottom, #8c8c8c, #3b3b3b);
    text-decoration: none;
}


/*Green:*/

.cust-dir-green {
    background: #78b522;
    background-image: -webkit-linear-gradient(top, #78b522, #62961C);
    background-image: -moz-linear-gradient(top, #78b522, #62961C);
    background-image: -ms-linear-gradient(top, #78b522, #62961C);
    background-image: -o-linear-gradient(top, #78b522, #62961C);
    background-image: linear-gradient(to bottom, #78b522, #62961C);
}



.cust-dir-green:hover {
    background: #92c93e;
    background-image: -webkit-linear-gradient(top, #92c93e, #84b535);
    background-image: -moz-linear-gradient(top, #92c93e, #84b535);
    background-image: -ms-linear-gradient(top, #92c93e, #84b535);
    background-image: -o-linear-gradient(top, #92c93e, #84b535);
    background-image: linear-gradient(to bottom, #92c93e, #84b535);
    text-decoration: none;
}


/*Orange:*/
.cust-dir-orange {
    background: #ff860d;
    background-image: -webkit-linear-gradient(top, #ff860d, #c76e16);
    background-image: -moz-linear-gradient(top, #ff860d, #c76e16);
    background-image: -ms-linear-gradient(top, #ff860d, #c76e16);
    background-image: -o-linear-gradient(top, #ff860d, #c76e16);
    background-image: linear-gradient(to bottom, #ff860d, #c76e16);
}


.cust-dir-orange:hover {
    background: #fa9735;
    background-image: -webkit-linear-gradient(top, #fa9735, #fa8c25);
    background-image: -moz-linear-gradient(top, #fa9735, #fa8c25);
    background-image: -ms-linear-gradient(top, #fa9735, #fa8c25);
    background-image: -o-linear-gradient(top, #fa9735, #fa8c25);
    background-image: linear-gradient(to bottom, #fa9735, #fa8c25);
    text-decoration: none;
}



/*Pink:*/

.cust-dir-pink {
    background: #F688B9;
    background-image: -webkit-linear-gradient(top, #F688B9, #e077a6);
    background-image: -moz-linear-gradient(top, #F688B9, #e077a6);
    background-image: -ms-linear-gradient(top, #F688B9, #e077a6);
    background-image: -o-linear-gradient(top, #F688B9, #e077a6);
    background-image: linear-gradient(to bottom, #F688B9, #e077a6);
}


.cust-dir-pink:hover {
    background: #fa9bc6;
    background-image: -webkit-linear-gradient(top, #fa9bc6, #F688B9);
    background-image: -moz-linear-gradient(top, #fa9bc6, #F688B9);
    background-image: -ms-linear-gradient(top, #fa9bc6, #F688B9);
    background-image: -o-linear-gradient(top, #fa9bc6, #F688B9);
    background-image: linear-gradient(to bottom, #fa9bc6, #F688B9);
    text-decoration: none;
}


/*Red:*/

.cust-dir-red {
    background: #fa2d34;
    background-image: -webkit-linear-gradient(top, #fa2d34, #C5171C);
    background-image: -moz-linear-gradient(top, #fa2d34, #C5171C);
    background-image: -ms-linear-gradient(top, #fa2d34, #C5171C);
    background-image: -o-linear-gradient(top, #fa2d34, #C5171C);
    background-image: linear-gradient(to bottom, #fa2d34, #C5171C);
}


.cust-dir-red:hover {
    background: #f5565d;
    background-image: -webkit-linear-gradient(top, #f5565d, #fa2d34);
    background-image: -moz-linear-gradient(top, #f5565d, #fa2d34);
    background-image: -ms-linear-gradient(top, #f5565d, #fa2d34);
    background-image: -o-linear-gradient(top, #f5565d, #fa2d34);
    background-image: linear-gradient(to bottom, #f5565d, #fa2d34);
    text-decoration: none;
}

/*Rosy:*/

.cust-dir-rosy {
    background: #eb6c7d;
    background-image: -webkit-linear-gradient(top, #eb6c7d, #D35161);
    background-image: -moz-linear-gradient(top, #eb6c7d, #D35161);
    background-image: -ms-linear-gradient(top, #eb6c7d, #D35161);
    background-image: -o-linear-gradient(top, #eb6c7d, #D35161);
    background-image: linear-gradient(to bottom, #eb6c7d, #D35161);
}


.cust-dir-rosy:hover {
    background: #f57a8c;
    background-image: -webkit-linear-gradient(top, #f57a8c, #eb6c7d);
    background-image: -moz-linear-gradient(top, #f57a8c, #eb6c7d);
    background-image: -ms-linear-gradient(top, #f57a8c, #eb6c7d);
    background-image: -o-linear-gradient(top, #f57a8c, #eb6c7d);
    background-image: linear-gradient(to bottom, #f57a8c, #eb6c7d);
    text-decoration: none;
}


.clr-optns-list {
    padding: 0;
    list-style: none;
}

.clr-optns-list li {
    float: left;
    margin: 3px 2px;
}

.clr-optns-list li:first-child {
    margin-left: 0;
}

.clr-optns-list li:last-child {
    margin-right: 0;
}

.clr-optns-list li a {
    height: 25px;
    width: 25px;
    border-radius: 2px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    display: block;
}

/*descriptive text. On click text should disappear.*/
input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
}
/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}
/* IE 10+ */

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus:-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */
textarea:focus::-moz-placeholder {
    color: transparent;
}
/* FF 19+ */
textarea:focus:-ms-input-placeholder {
    color: transparent;
}
/* IE 10+ */


.designOption-pre-height {
    min-height: 885px;
}

.designOption-pre-height {
    min-height: 885px;
}


.input-group-msg {
    position: relative;
}

.input-group-msg-addon {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50%;
    line-height: 15px;
    width: 15px;
    height: 15px;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    -webkit-transition: 0.4s linear all;
    -moz-transition: 0.4s linear all;
    -ms-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    transition: 0.4s linear all;
}

.input-group-msg-addon:hover {
    opacity: 1;
    cursor: pointer;
}

.input-group-msg:hover > .input-group-msg-addon {
    opacity: 1;
}

#cke_div-edit-setup .cke_toolbar_break, #cke_div-edit1 .cke_toolbar_break, #cke_div-edit2 .cke_toolbar_break, #cke_div-edit3 .cke_toolbar_break {
    display: block;
    clear: none !important;
}

/*---------feedback thankyou page -----------*/
#fb-thank-custURL-opt {
    display: none;
}

#default-warn-popup .main-popup {
    max-width: 340px;
    margin-top: 50px;
}

.fb-thank-body {
    display: none;
}

#fb-thank-pre-popup .main-popup {
    max-width: 680px;
}

.fb-thank-img {
    max-width: 390px;
    margin: 10px auto;
}

/*-----------------------------------------------*/
.row-minus-5 {
    margin-right: -5px;
    margin-left: -5px;
}

.row-minus-5 [class^='col-sm-'],
.row-minus-5 [class^='col-xs-']  {
    padding-left: 5px;
    padding-right: 5px;
}

/*-----------------------------star sprites-------------*/

.circle-star {
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -38px;
    top: 53%;
    margin-top: -6px;
}


.blue-star-sprite {
    background: url('../images/star-sprite-12.png') no-repeat 0 0;
    width: 77px;
    height: 12px;
    display: inline-block;
}

.white-star-sprite {
    background: url('../images/white-star-sprite-12.png') no-repeat 0 0;
    width: 77px;
    height: 12px;
    display: inline-block;
}

.stars-5 {
    background-position: 0 0;
}

.stars-4 {
    background-position: 0 -12px;
}

.stars-3 {
    background-position: 0 -24px;
}

.stars-2 {
    background-position: 0 -36px;
}

.stars-1 {
    background-position: 0 -48px;
}

.stars-0 {
    background-position: 0 -60px;
}


.yellow-star-sprite{
    background: url('../images/star-sprite-yellow15.png') no-repeat 0 0;
    width: 86px;
    height: 15px;
    display: inline-block;
}

.stars-5-y{
    background-position: 0 0;
}

.stars-4-y{
    background-position: 0 -15px;
}

.stars-3-y{
    background-position:  0 -30px;
}
.stars-2-y{
    background-position:  0 -45px;
}
.stars-1-y{
    background-position:  0 -60px;
}
.stars-0-y{
    background-position:  0 -75px;
}

/*----------*/
.pop-dropdown i {
    font-size: 20px;
}

.pop-dropdown .btn-default.active, .pop-dropdown .btn-default.focus, .pop-dropdown .btn-default:active, .pop-dropdown .btn-default:focus, .pop-dropdown .btn-default:hover, .pop-dropdown .open > .dropdown-toggle.btn-default {
    color: #37adce;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}


.pop-dropdown .dropdown-menu {
    font-size: 11px;
    background-color: #6a7e9c;
    min-width: 80px;
    width: 80px;
    left: -16px;
}

.pop-dropdown .dropdown-menu:after {
    content: '';
    height: 0;
    width: 0;
    display: block;
    border-style: solid;
    border-color: #6a7e9c transparent;
    border-width: 0 6px 6px 6px;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -14px;
    z-index: 1;
}

.pop-dropdown .btn-default {
    color: #6b7f9a;
    background-color: transparent;
    border-color: transparent;
}

.pop-dropdown .dropdown-menu > li > a:focus, .pop-dropdown .dropdown-menu > li > a:hover {
    /*color: #fff;*/
    text-decoration: none;
    background-color: transparent;
}

.pop-dropdown .dropdown-menu > li > a {
    color: #fff;
    padding: 3px 12px;
}

.pop-dropdown .dropdown-menu > li > a.text-danger {
    color: #f6a8aa !important;
}
/*-----------------------*/

/*    data table style start     */

.list-table {
    background: #fff none repeat scroll 0 0;
    margin-top: 44px;
    overflow: hidden;
    padding-bottom: 30px;
}

.list-table > p, #select-your-list_length label, #select-your-list_filter label, #select-your-list_info {
    color: #8899aa;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 49px;
    line-height: 50px;
    margin: 0;
    padding-left: 22px;
}

.list-table > a, .pager-next-prev li a {
    background: #5795da url("../images/right-arrow.png") no-repeat scroll right 20% center;
    border-radius: 2px;
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    line-height: 29px;
    margin-right: 23px;
    margin-top: 9px;
    min-width: 90px;
    padding: 0 17px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}

.list-table > a:hover, .pager-next-prev li a:hover {
    background: #73b1f6 url("../images/right-arrow.png") no-repeat scroll right 12% center;
}

.list-table > a i {
    float: right;
    font-size: 20px;
    line-height: 29px;
}

.select-your-list thead {
    background-color: #5795da;
    color: #fff;
}

.select-your-list table.dataTable tbody th {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.select-your-list table.dataTable tbody td {
    color: #8899aa;
    font-size: 12px;
    font-weight: 500;
}

#select-your-list_filter input {
    float: right;
    height: 18px;
    margin-top: 7px;
    width: 150px;
}

.campaign-table #select-your-list_paginate {
    display: inline-block;
    float: none;
    margin: 30px auto;
    text-align: center;
    width: 100%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    border-color: #ddd #ddd #ddd -moz-use-text-color !important;
    border-style: solid solid solid solid !important;
    border-width: 1px 1px 1px 1px !important;
    color: #333 !important;
    margin: 0 !important;
}

#select-your-list_previous, #select-your-list_next {
    border: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    border-color: #ddd #ddd #ddd -moz-use-text-color !important;
    border-style: solid solid solid solid !important;
    border-width: 1px 1px 1px 1px !important;
    color: #333 !important;
    margin: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: #ddd #ddd #ddd -moz-use-text-color !important;
    border-style: solid solid solid solid !important;
    border-width: 1px 1px 1px 1px !important;
    margin: 0 !important;
}

#select-your-list_previous {
    border-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    box-shadow: none !important;
    color: #333 !important;
}

#select-your-list_paginate {
    margin: 18px 29px 18px auto;
}

/*table.dataTable thead th:first-child,*/
table.dataTable thead th:last-child {
    background-image: none;
}

#select-your-list_filter {
    margin-right: 22px;
}





#select-your-list_info {
    display: none;
}

table.dataTable thead th,
table.dataTable tfoot th {
    padding: 10px 12px !important;
}

.check-table input[type="checkbox"]:checked + label i {
    display: block;
}

th.check-table label i {
    color: #777777;
}
/*    data table style end     */

/*    button on of style for create email page in promo crm tab     */
.slideThree label span {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,e7e7e7+100 */
    background: rgb(253,253,253); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(231,231,231,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(253,253,253,1) 0%,rgba(231,231,231,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */
}


.NotFocus {
    color: #808080;
}


/*-------------------create email popup----------------------*/


#token-create-email {
    display: none;
}

#create-email-popup .token {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    display: block;
    font-size: 12px;
    height: 28px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    z-index: 50;

    left: auto;
    right: 34px;
    top: 5px;
    width: 63px;
}
#create-email-popup .Promopage a,
#create-email-popup .token a {
    color: #363636;
    cursor: pointer;
    text-decoration: none;
}

#create-email-popup .input-contain-email {
    position: relative;
}

#create-email-popup .input-contain-email input {
    border-radius: 3px;
    height: 33px;
    width: 100%;
}
#create-email-popup .input-contain-email textarea {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
}

#create-email-popup .input-contain-email .popover-content a {
    color: #363636;
    cursor: pointer;
    display: block;
    font-size: 11px;
    line-height: 24px;
    padding: 0 12px;
    text-decoration: none;
    transition: all 0.1s ease 0s;
    width: 100%;
}
#create-email-popup .input-contain-email .popover-content {
    padding: 7px 0;
    width: 130px;
}
#create-email-popup .input-contain-email .popover {
    border-radius: 3px;
    box-shadow: none;
    padding: 0;
}
#create-email-popup .input-contain-email .popover-content a:hover {
    background: #f7f7f7 none repeat scroll 0 0;
}

#create-email-popup .create-email-form .cke_1.cke_chrome {
    border-color: #fff !important;
}
#create-email-popup .create-email-form .cke_path {
    display: none;
}
#create-email-popup .create-email-form .cke_chrome {
    background: #f9f9f9 none repeat scroll 0 0 !important;
    border: 1px solid #f9f9f9 !important;
    border-radius: 4px;
    display: block;
    padding: 0 !important;
}
#create-email-popup .cke_1 .cke_bottom {
    background: #f3f3f3 none repeat scroll 0 0 !important;
    border-top-color: navy;
    padding: 0 9px 5px !important;
}

#create-email-popup .create-email-form .cke_inner > div {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #cfd7d2 !important;
    padding: 0 !important;
}
#create-email-popup .create-email-form .cke_top {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #fff !important;
    height: 35px !important;
    padding-left: 0 !important;
}
#create-email-popup .create-email-form .contain-email-text {
    margin-top: 0;
}

#create-email-popup .create-email-form .cke_button__source_label,
#create-email-popup .create-email-form .cke_button__sourcedialog_label {
    /*display: none;*/
}
#create-email-popup .create-email-form .cke_combo_text {
    /*padding-left: 5px;*/
    /*width: 40px;*/
}

#create-email-popup .create-email-form .cke_combo__fontsize .cke_combo_text {
    /*width: 25px;*/
}

#create-email-popup .simple-popup{
    width: 682px;
}


#create-email-popup .form-control.user{
    padding-left: 30px;
    background: rgba(0, 0, 0, 0) url("../images/user.png") no-repeat scroll left 8px center;
}

#create-email-popup .form-control.copy{
    padding-left: 30px;
    background: rgba(0, 0, 0, 0) url("../images/copy.png") no-repeat scroll left 8px center;
}

#create-email-popup .form-control.subject{
    padding-left: 30px;
    background: rgba(0, 0, 0, 0) url("../images/more.png") no-repeat scroll left 8px center;
}


#create-email-popup .input-contain-email {
    float: left !important;
    padding-left: 15px !important;
    position: relative !important;
    width: 100% !important;
}

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


/*--------------new popup style-------------------*/

.simple-popup .modal-header{
    border-bottom: none;
}

.simple-popup .modal-content{
    border-radius: 0;
}

.simple-popup .modal-header .close {
    margin-top: 0;
    background-color: #000;
    color: #fff;
    opacity: 1;
    padding: 5px 13px;
    position: absolute;
    top: 0;
    right: 0;
}

.popup-text {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.simple-popup .modal-footer{
    border-top: none;
    text-align: center;
}

.simple-popup .modal-footer .btn{
    min-width: 100px;
}


/*----------------- external pages style--------------------------*/
.external-pages .agency-head-wrap .navbar-header {
    margin-left: 32px;
}

.external-pages .agency-head-wrap .agency-dash-head{
    display: block;
}

.external-pages .rk-menu-btn:hover,
.external-pages .rk-menu-btn.active{
    background: #518ed2; /* Old browsers */
}


input:focus:invalid, .InValidationStyle {
    border: 1px solid rgba(240, 0, 0, 0.25) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(225, 0, 0, 0.22) !important;
}

/*-------- rk-alert----------*/

.rk-alert{
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 4px 15px;
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
    margin: 5px 15px;
}

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

.rk-alert:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.rk-alert.info-alert:before{
    content: "\f05a";
}

.rk-alert.success-alert:before{
    content: "\f058";
}

.rk-alert.error-alert:before{
    content: "\f071";
}

.rk-alert.info-alert{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.rk-alert.success-alert{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.rk-alert.error-alert{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

/*jcrop radio input invisible from screen*/
input.jcrop-keymgr {
    left: -1120px !important;
}

/*-----------------------new svg checkbox and radio style------------------*/


.svg-checkbox input[type=radio],
.svg-checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.svg-checkbox .radio-label,
.svg-checkbox .checkbox-label {
    padding-left: 24px;
    min-height: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.svg-checkbox .radio-label::before,
.svg-checkbox .radio-label::after,
.svg-checkbox .checkbox-label::before,
.svg-checkbox .checkbox-label::after {
    /* custom radio and check boxes */
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.svg-checkbox .radio-label::before,
.svg-checkbox .checkbox-label::before {
    left: 0;
    border: 1px solid #e6e6e6;
    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.03);
}
.svg-checkbox .radio-label::after,
.svg-checkbox .checkbox-label::after {
    left: 3px;
    background: url("../images/icon-check.svg") no-repeat center center;
    display: none;
}

.svg-checkbox .radio-label::before {
    border-radius: 50%;
}

.svg-checkbox .checkbox-label::before {
    border-radius: 3px;
}

.svg-checkbox input[type=radio]:checked + label::before,
.svg-checkbox input[type=checkbox]:checked + label::before {
    background-color: #19191a;
    border: none;
    box-shadow: none;
}

.svg-checkbox input[type=radio]:checked + label::after,
.svg-checkbox input[type=checkbox]:checked + label::after {
    display: block;
}

/*-------------------------validation alert popup-----------------*/
#validation-alert-popup{
    text-align: center;
}

#validation-alert-popup .modal-dialog{
    display: inline-block;
    width: auto;
    min-width: 290px;
    max-width: 600px;
}


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

.navbar-agency-logos{
    background: url("../images/navbar-agency-logos.png") no-repeat 0 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-top;
    margin-right: 2px;
}

.navbar-agency-logos.support{
    background-position: 0 0;
}

.navbar-agency-logos.training{
    background-position: -16px 0;
}

.navbar-agency-logos.account{
    background-position: -32px 0;
}


/*--------------------wizard popup base-------------------*/

.wizard-popup {
    font-family: 'Open Sans', sans-serif!important;
    font-style: normal;
    background-color: #f3f3f3;
    color: #868686;
    font-size: 14px;
}

.wizard-popup a,
.wizard-popup img,
.wizard-popup link {
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.wizard-popup .h1,
.wizard-popup .h2,
.wizard-popup .h3,
.wizard-popup .h4,
.wizard-popup .h5,
.wizard-popup .h6,
.wizard-popup h1,
.wizard-popup h2,
.wizard-popup h3,
.wizard-popup h4,
.wizard-popup h5,
.wizard-popup h6 {
    font-family: 'Open Sans', sans-serif!important;
    margin:0px;
    padding:0px;

}

.wizard-popup p{

}

.wizard-popup .btn {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.wizard-popup .btn:active,
.wizard-popup .btn:focus {
    outline: 0!important
}

/*-------------------wizard-popup POPUP -------------------*/
.wizard-popup .modal-content {
    border-radius: 0px;
}
.wizard-popup .modal-header .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #333;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
.wizard-popup .modal-header .close:active,
.wizard-popup .modal-header .close:focus,
.wizard-popup .modal-header .close:hover {
    background: #000;
    color: #fff;
    outline: 0
}
.wizard-popup .modal-content {
    border-radius: 0;
}
.wizard-popup .modal-footer {
    padding-top: 0;
    border-top: 0;
}
.wizard-popup .modal-header {
    border: 0;
    padding-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
}
.wizard-popup .btn {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.wizard-popup .btn:active,
.wizard-popup .btn:focus {
    outline: 0!important
}
.wizard-popup .btn-primary,
.wizard-popup .btn-primary.disabled,
.wizard-popup .btn-primary[disabled] {
    background-color: #3498db;
    border-color: #3498db;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
.wizard-popup .btn-primary.active,
.wizard-popup .btn-primary.focus,
.wizard-popup .btn-primary:active,
.wizard-popup .btn-primary:focus,
.wizard-popup .btn-primary:hover,
.wizard-popup .open>.dropdown-toggle.btn-primary {
    background-color: #2783c0;
    border-color: #2783c0;
}
.wizard-popup .btn-primary i {
    margin-right: 5px;
    font-size: 14px;
    position: relative;
    top: 0
}
.wizard-popup .btn-success,
.wizard-popup .btn-success.disabled,
.wizard-popup .btn-success[disabled] {
    background-color: #9ac046;
    border-color: #9ac046;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
.wizard-popup .btn-success.hover,
.wizard-popup .btn-success:active,
.wizard-popup .btn-success:focus,
.wizard-popup .btn-success:hover {
    background-color: #9ac046;
    border-color: #9ac046;
}
.wizard-popup .btn-success i {
    margin-right: 2px;
    font-size: 12px;
    position: relative;
    top: 0;
}
/*-------------------wizard-popup END -------------------*/

@import url(../libs/css/normalize.css);
@import url(../libs/css/colpick.css);
@import url(../libs/fonts/opensans/opensans.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,700);
/*--------------------------CUSTOM STYLE START ------------------------*/
/* toggle button code goes here */
.tog-wrap{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 128px;
    height: 20px;
}

.on-off-switch {
    overflow: hidden;
    width: 50px;
    margin-right: 10px;
}

.tog-lbl{
    margin-right: 10px;
    color: #777;;
    margin-bottom: 0;
    margin-top: 1px;
}

.togglebox input{
    display:none;
}

.togglebox{
    background: #79bbe1;
    box-shadow: 0 4px 5px -2px rgba(0,0,0,0.3) inset;
    display:inline-block;
    border:1px solid #EFEFEF;
    width: 50px;
    height: 20px;
    position:relative;
    border-radius: 1.2em;
    color:#FFF;
    font-weight:bold;
    overflow:hidden;
}

.togglebox label{
    width:200%;
    height:100%;
    line-height: 20px;
    border-radius: 5px;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    font-size:1.1em;
    cursor:pointer;
    -webkit-transition:0.12s;
    -moz-transition:0.12s;
    transition:0.12s;
    padding-right: 78px;
}

.togglebox span{
    position:absolute;
    right:-100px;
}


.togglebox label::before{
    content:'';
    /*font-size: 14px;*/
    width: 40px;
    height: 26px;
    float:left;
    margin-right: -5px;
    padding-right:13px;
    text-align:center;
    background: #D2D2D2;
    text-shadow:0 -1px 0 #093B5C;
    box-shadow:0 4px 5px -2px rgba(0,0,0,0.3) inset;
}
.togglebox label b{
    display:block;
    height:100%;
    width:18px;
    float:left;
    position:absolute;
    left: 29px;
    z-index:1;
    border:1px solid #AAA;
    background:#F6F6F6;
    box-shadow:0 4px 0 -2px #F1F1F1 inset, 0 2em 2em -2em #AAA inset, 0 0 2px rgba(0,0,0,.5);
    border-radius: 50%;
}
.togglebox label:hover b{
    background:#E5E5E5;
}
.togglebox label::after {
    content: ' ';
    /*font-size: 14px;*/
    width: 1px;
    height: 26px;
    float: left;
    margin-right: -10px;
    padding-left: 9px;
    text-align: center;
    color: #fff;
    background: #79bbe1;

    box-shadow: 0 4px 5px -2px rgba(0,0,0,0.3) inset;
}

.togglebox input:checked ~ label{
    left: -29.5px;
}

/* small toggle button code goes here */
.tog-wrap-sm {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 95px;
    height: 19px;
}

.tog-wrap-sm .on-off-switch {
    width: 40px;
    margin-right: 2px;
}

.tog-wrap-sm .tog-lbl{
    font-size: 11px;
    margin-right: 5px;
}


.tog-wrap-sm .togglebox{
    width: 40px;
    height: 19px;
}

.tog-wrap-sm .togglebox label{;
    line-height: 18px;
}
.tog-wrap-sm .togglebox label::before{
    width: 25px;
    margin-right: -3px;
}

.tog-wrap-sm .togglebox label b{
    width: 18px;
    left: 19px;
}


.tog-wrap-sm .togglebox input:checked ~ label{
    left: -18.5px;
}
/*------------*/


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


[draggable] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#ques-form:after {
    content: ' ';
    clear: both;
    display: table;
}

.radio.over {
    border: 2px dashed #000;
}
.radio.drag {
    opacity: 0.6;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}



/*----------------*/
/*-------input range styling-----------*/
input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    height:20px;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #999, 0 0 1px #888;
    background: #eee;
    border-radius: 5px;
    border: 0.2px solid #010101;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    background-color: #fff;
    width: 16px;
    height: 16px;

    box-shadow: 1px 1px 1px #888, 0 0 1px #777;
    border: 0.2px solid #010101;
    border-radius: 10px;
    cursor: pointer;
    margin-top: -3px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ddd;
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    box-shadow: 1px 1px 1px #999, 0 0 1px #888;
    background: #eee;
    border-radius: 5px;
}
input[type=range]::-moz-range-thumb {
    width: 16px;
    height: 16px;

    box-shadow: 1px 1px 1px #ccc, 0 0 1px #ccc;
    border-radius: 10px;
    cursor: pointer;
    margin-top: -3px;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    cursor: pointer;
    animate: 0.2s;
    color: transparent;
    background: transparent;
    border-color: transparent;
    border-radius: 5px;
}
input[type=range]::-ms-fill-lower {
    background: #3071a9;
    border: 0.2px solid #010101;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #999, 0 0 1px #888;
}

input[type=range]::-ms-thumb {
    background-color: #fff;
    width: 16px;
    height: 16px;

    box-shadow: 1px 1px 1px #888, 0 0 1px #777;
    border: 0.2px solid #010101;
    border-radius: 10px;
    cursor: pointer;
    margin-top: -3px;
}

.resizer-cont{
    padding: 0 30px 0 30px;
    position: relative;
    margin: 10px 0;
}

.resizer-cont-l,.resizer-cont-r{
    position: absolute;
    bottom: 1px;
    font-size: 17px;
    color: #777;
}
.resizer-cont-r{
    right: 5px;
}
.resizer-cont-l{
    left: 5px;
}

/*-------feedback page graph style----------*/

#slctTemplate{
    width: 100%;
}

/*inline radio button zoom issue*/
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    bottom: 2px;
}

.tooltip-inner {
    white-space:pre;
    max-width:none;
}


/*twin toggle style start*/

.twin-toggle{
    border-radius: 6px;
    border: 1px solid #ccc;
    width: 100%;
    padding: 3px 1px 0;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    background-color: #e7e7e7;
}

.twin-toggle div{
    width: 50%;
    float: left;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 3px;
}

.twin-toggle .btn{
    width: 100%;
    color: #565656;
    font-weight: 700;
    background: transparent;
    padding: 5px 10px;
}

.twin-toggle input[type=radio]{
    display: none;
}


.twin-toggle input:checked ~ label{
    background-color: #0077c2;
    color: #ffffff;
}

.twin-toggle-off-body{
    display: none;
}

/*twin toggle style end*/

/*
*  STYLE FOR SCROLL BAR----START
*/


div::-webkit-scrollbar-track,
ul::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    background-color: #e8e8e8;
}

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

div::-webkit-scrollbar-thumb,
ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background-color: #c8c8c8;
}

/*
*  STYLE FOR SCROLL BAR--- END
*/

/*--------------------------CUSTOM STYLE END ------------------------*/

body {
    background-color: #dfdfdf;
    color: #868686;
    font-family: 'open sans', Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.input-group-addon {
    font-size: 12px;
}

.clrpicker .input-group-addon i {
    display: inline-block;
    width: 40px;
    height: 20px;
    font-size: 12px;
    vertical-align: text-top;
    cursor: pointer;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'open sans', Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #434343;
}



.mycontainer {
    max-width: 1280px;
    margin: 0 auto;
}


.text-danger {
    color: #ec5252 !important;
}

.text-success {
    color: #00af50;
}

.btn {
    border: none;
    display: inline-block;
    font-size: 11px;
    text-decoration: none;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
}

.btn-arrow {
    background-color: transparent;
    color: #999;
    border: 1px solid #999;
    padding: 0 3px;
    line-height: 0;
    font-size: 12px;
    margin-top: 18px;
    border-radius: 0;
}


.toggle-btn {
    background: url("../images/line-pat.jpg");
    border-radius: 6px;
    border: 1px solid #ccc;
    width: 100%;
    margin-bottom: 10px;
    max-width: 150px;
}

.toggle-btn .layout-btn {
    color: #000;
    background-color: transparent;
    line-height: 28px;
    padding: 0;
    font-size: 12px;
    width: 45%;
}

.toggle-btn .layout-btn.active {
    border: none;
    background-color: #0085CA;
    color: #fff;
    height: 21px;
    line-height: 21px;
    margin: 0 3px;
}

.rk-menu-btn {
    font-size: 12px;
    font-weight: 500;
    color: #868686;
    background-color: transparent;
    padding: 7px 15px;
    border: 1px solid #C3C3C3;
    line-height: 20px;
    margin-right: 8px;
    margin-bottom: 10px;
}



.rk-menu-btn i {
    font-size: 14px;
}



.rk-menu-btn:hover, .rk-menu-btn.active {
    color: #fff;
    background: #efa726; /* Old browsers */
    background: -moz-linear-gradient(left, #efa726 1%, #f8b131 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(1%,#efa726), color-stop(100%,#f8b131)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #efa726 1%,#f8b131 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #efa726 1%,#f8b131 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #efa726 1%,#f8b131 100%); /* IE10+ */
    background: linear-gradient(to right, #efa726 1%,#f8b131 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efa726', endColorstr='#f8b131',GradientType=1 ); /* IE6-9 */
    border: 1px solid transparent;
    box-shadow: none;
}





.navbar-nav {
    padding: 0 0 0 15px;
}



.rk-green-btn {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background-color: #77ca60;
    padding: 8px 10px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-green-btn:hover {
    color: #fff;
    background-color: #A0DA90;
    transition: 0.35s ease all;
}

.rk-red-btn {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background-color: #e86f6f;
    padding: 8px 10px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-red-btn:hover {
    color: #fff;
    background-color: #FF7070;
    transition: 0.35s ease all;
}


.rk-blue-btn {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    background-color: #006cbb;
    padding: 8px 11px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-blue-btn:hover {
    color: #fff;
    background-color: #3389C9;
    transition: 0.35s ease all;
}

.rk-lit-blue-btn {
    font-size: 12px;
    font-weight: 600;
    color: #777575;
    background-color: #ddedf3;
    padding: 8px 11px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-lit-blue-btn:hover {
    color: #777575;
    background-color: #E4F1F5;
    transition: 0.35s ease all;
}

.rk-gray-btn {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background-color: #DADBDB;
    padding: 8px 10px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-gray-btn:hover {
    color: #ffffff;
    background-color: #EDEDED;
    transition: 0.35s ease all;
}


.rk-black-btn {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background-color: #282828;
    padding: 8px 10px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-black-btn:hover, .rk-black-btn:focus {
    color: #ffffff;
    background-color: #535353;
    transition: 0.35s ease all;
}

.rk-white-btn {
    font-size: 12px;
    font-weight: 600;
    color: #6d6d6d;
    background-color: #fff;
    padding: 8px 10px;
    border: 2px solid #e5e7f0;
    line-height: 15px;
}

.rk-white-btn.btn-sm {
    padding: 6px 10px;
}



.rk-white-btn:hover, .rk-white-btn:focus {
    color: #ccc;
    background-color: #fcfcfc;
    transition: 0.35s ease all;
}


.rk-purple-btn {
    font-size: 12px;
    font-weight: 600;
    color: #ffffff;
    background-color: #5b206e;
    padding: 8px 10px;
    border: 2px solid #f3f3f3;
    line-height: 15px;
}

.rk-purple-btn:hover {
    color: #ffffff;
    background-color: #8C639A;
    transition: 0.35s ease all;
}

.rk-watch-video-btn{
    margin-top: 7px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #cdcdcd;
}

.rk-watch-video-btn .fa{
    vertical-align: middle;
    font-size: 1.3em;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.rk-watch-video-btn:hover,
.rk-watch-video-btn:focus{
    text-decoration: none;
    color: #cdcdcd;
}

.rk-watch-video-btn:hover .fa,
.rk-watch-video-btn:focus .fa{
    color: #0044cc;
}

.dropdown-menu {
    font-size: 12px;
}

.flex-it {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-it > div {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/*------------------------------------------
---------------------------------------------
REPUTATION KAHUNA
---------------------------------------------
---------------------------------------------*/


/*------------------------
dashboard nav bar
--------------------------*/

.dash-head {
    min-height: 40px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 0;
    background: #fff;
}

.dash-head .navbar-brand {
    padding: 5px 15px;
    height: 54px;
}

.dash-head .navbar-brand:hover {
    background-color: #223135;
}

.dash-head .navbar-brand img {
    height: 44px;
}



.dash-head .img-icon {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 1px;
}



.dash-head .navbar-nav > li > a, .agency-dash-head .navbar-nav > li > a {
    font-size: 11px;
    padding: 7px 7px 2px 21px;
    font-weight: 500;
}



.dash-head .dash-head-right > li > a {
    line-height: 30px;
    padding: 8px 15px 0 15px;
    font-size: 12px;
}



.dash-head-right > li:first-child a {
    border-left: 1px solid #e5e5e5;
}



.dash-head-right > li:last-child a {
    background-color: #F2F2F2;
}



.dash-head-right > li i {
    padding: 10px 8px 16px 8px;
    font-size: 20px;
}



.img-clip {
    display: inline-block;
    width: 41px;
    height: 41px;
    border-radius: 40px;
    border: 1px solid #dfdfdf;
    overflow: hidden;
    vertical-align: middle;
}

.img-clip img {
    margin-left: -20px;
}


.agency-dash-head {
    display: none;
    background-color: #fff;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    min-height: 44px;
}



.agency-dash-head .navbar-brand {
    max-width: 255px;
    width: auto;
    padding: 0 15px;
    /*border-right: 1px solid #e5e5e5;*/
    height: 44px;
    line-height: 40px;
    text-align: center;
}

.agency-dash-head .navbar-brand img {
    display: inline-block;
    max-height: 40px;
}

.agency-dash-head .navbar-brand .agency-text {
    padding-left: 5px;
}



.agency-dash-head .navbar-nav > li > a {
    line-height: 30px;
    padding: 7px 23px;
    font-weight: 500;
}

.agency-head-wrap {
    position: relative;
}

.agency-head-wrap .btn-arrow {
    position: absolute;
    margin-top: 0;
    bottom: -17px;
    left: 12%;
    font-size: 16px;
    padding: 0 4px;
    z-index: 1;
    border-radius: 0;
    border-color: transparent #ccc #ccc;
    background-color: #fff;
}

.agency-head-wrap .btn-arrow:focus {
    outline: none;
}


.rk-dash-body {
    background: url("/public/images/dash-bg-pat.jpg");
    padding: 6px 0 20px 0;
}



.top-heading .form-control {
    color: #aeaeae;
    height: 34px;
    background-color: #f9f9f9;
}

.top-heading .input-group-addon {
    color: #aeaeae;
    background-color: #f9f9f9;
}



/*--left menu--*/

.menu-left {
    border-bottom: none;
    padding-top: 2px;
    border-right: 1px solid #ddd;
}



.menu-left > li {
    float: none;
    margin-bottom: 2px;
    margin-right: -1px;
}



.menu-left > li.active > a,
.menu-left > li.active > a:hover,
.menu-left > li.active > a:focus {
    border-bottom-color: #ddd;
    background-color: #f9f9f9;
    border-right-color: transparent;
    color: #f2aa2a;
}



.menu-left > li > a {
    text-align: center;
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #b7b7b7;
    font-size: 12px;
}







.rk-left-menu {
    margin-top: 5px;
}

.rk-left-menu .left-menu-content {
    background-color: #f9f9f9;
    padding: 15px 17px;
    border-radius: 5px;
    border-bottom: 3px solid #ddd;
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
}



.rk-left-menu .menu-left {
    margin-top: 20px;
}



/*----------*/
.c-name {
    font-size: 18px;
    margin-top: 8px;
    display: inline-block;
    padding-left: 75px;
}



.location-select {
    padding: 0;
    margin: 0;
}



.location-select .form-control {
    font-size: 12px;
}


.inner-menu {
    margin-bottom: 0;
}



.inner-nav {
    border-bottom: none;
}



.inner-nav > li > a {
    color: #999;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    border-radius: 70px;
    border: 1px solid #C2C2C2;
    background-color: transparent;
    margin-right: 5px;
    margin-bottom: 12px;
}

.inner-nav > li.active > a:after {
    position: absolute;
    left: 50%;
    bottom: -6px;
    margin-left: -3px;
    content: '';
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #f2aa2a transparent;
}

.inner-nav > li > a:hover, .inner-nav > li > a:focus {
    color: #fff;
    background-color: #f2aa2a;
    border: 1px solid #f2aa2a;
}



.inner-nav > li.active > a, .inner-nav > li.active > a:focus, .inner-nav > li.active > a:hover {
    color: #fff;
    background-color: #f2aa2a;
    border: 1px solid #f2aa2a;
}



.heading {
    background-color: #f8f8f8;
    border-left: 4px solid #6f7e95;
    height: 45px;
    padding: 5px 10px 5px 20px;
    margin-bottom: 5px;
}

.heading h3 {
    color: #717171;
    font-size: 14px;
    line-height: 35px;
    margin: 0;
}

.rk-red-heading {
    background-color: #f8f8f8;
    border-left: 4px solid #f44a4a;
    height: 45px;
    padding: 5px 10px 5px 20px;
    margin-bottom: 5px;
    margin-right: -14px;
}

.rk-red-heading h3 {
    color: #717171;
    font-size: 12px;
    line-height: 35px;
    margin: 0;
    letter-spacing: -0.5px;
}

.rk-red-heading i {
    color: #f44a4a;
    background-color: rgba(244, 74, 74, 0.08);
    padding: 10px 32px 12px 12px;
    margin-left: -20px;
    margin-right: 5px;
    margin-top: -5px;
    font-size: 23px;
}

.orange-heading {
    background-color: #f2aa2a;
    border-left: 4px solid #E7980D;
    height: 45px;
    padding: 5px 10px 5px 20px;
    margin-bottom: 5px;
}

.orange-heading h3 {
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    margin: 0;
}





.steps-area {
    margin: 0;
    padding: 0 12px;
}



.preview-area {
    margin: 0;
    padding: 0 8px;
}

.preview-area-full {
    float: right;
    width: 100%;
    -webkit-transition: 0.45s all linear;
    -moz-transition: 0.45s all linear;
    -ms-transition: 0.45s all linear;
    -o-transition: 0.45s all linear;
    transition: 0.45s all linear;
}







.btn-heading h3, .btn-heading h6 {
    display: inline-block;
}



.inner-nav-body {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 0 0 5px 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 400px;
}

.inner-nav-body-ex {
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.brdr-box {
    position: relative;
    background-color: transparent;
    border: 1px solid #e8e8e8;
    padding: 5px 14px;
    overflow: hidden;
    border-radius: 3px;
}

.img-box img {
    width: 100% !important;
    height: auto !important;
}


.arrow-nav {
    margin-bottom: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0;
    width: 100%;
}



.arrow-nav > li {
    float: left;
    width: 25%;
    background-color: #fff;
}



.arrow-nav > li > a {
    font-size: 12px;
    font-weight: 700;
    color: #bababa;
    text-align: center;
    padding: 5px;
    background-color: #f8f8f8;
}



.arrow-nav > li > a:hover, .arrow-nav > li > a:focus {
    background-color: rgb(248, 248, 248);
;
    cursor: default;
}




.arrow-nav li.active .h-arrow:after {
    border-color: transparent rgb(69, 157, 199);
;
}

.arrow-nav li.active a {
    background-color: rgb(69, 157, 199);
;
    color: #fff;
}



.h-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 15px 10px;
    border-color: transparent rgb(248, 248, 248);
;
    position: absolute;
    right: -9px;
    bottom: 0;
    z-index: 1;
}

.form-heading {
    border-bottom: 1px solid #6F7E95;
    margin-bottom: 10px;
}

.form-heading h6 {
    display: inline-block;
    /*font-family: 'gotham book';*/
    font-size: 14px;
    font-weight: 600;
    border-bottom: 1px solid #6F7E95;
    padding-bottom: 5px;
    margin-bottom: 0px;
    color: #616161;
}

.collect-rev-body select.input-sm {
    height: 22px;
    margin-top: -3px;
    margin-bottom: 0px;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 15px;
    color: #868686;
}

.brdr-box .form-group {
    margin-bottom: 10px;
}

.collect-rev-body .checkbox-inline, .collect-rev-body .radio-inline {
    margin-top: 5px;
}

.collect-rev-body .checkbox input[type=checkbox],
.collect-rev-body .checkbox-inline input[type=checkbox],
.collect-rev-body .radio input[type=radio],
.collect-rev-body .radio-inline input[type=radio] {
    margin-top: 2px;
    bottom: auto;
}


.brdr-box p {
    margin-bottom: 5px;
    color: #777;
    font-size: 11px;
    margin-top: 9px;
    font-weight: 600;
}



.preview-container {
    border: 1px solid #e8e8e8;
    padding: 5px 7px;
}



.expanded-view {
    /*11-jun-15 2. expander arrow up*/
    position: absolute;
    width: 15px;
    height: 44px;
    background: #F7F7F7;
    top: 8%;
    left: -6px;
    z-index: 1;
    padding: 10px 2px;
    font-weight: bold;
    font-size: 15px;
    border: 2px solid #D9D9D9;
}



.feed-slide {
    background: url(../images/bg-overlay-01.png);
    background-color: #0066cc;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin-top: 5px;
    min-height: 64px;
    max-height: 100px;
}


.feed-slide .left-content h3 {
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    padding-bottom: 3px;
    margin-top: 7px;
    margin-bottom: 0;
    letter-spacing: 0.6px;
}

.feed-slide .left-content h5 {
    color: #fff;
    margin: 0;
    font-size: 9px;
    line-height: 13px;
    letter-spacing: 0.6px;
}

.feed-slide .middle-content img {
    max-height: 100px;
    min-height: 64px;
    margin: 0 auto;
}

.feed-slide .right-content {
    padding-top: 25px;
}



.form-box-footer {
    background-color: #f7f7f7;
    padding: 10px;
    border: 1px solid #e8e8e8;
    border-top: 0;
}



.blue-heading {
    background-color: #00aef0;
    border-radius: 5px 5px 0 0;
    padding: 10px 20px;
    margin: 10px 0;
}



.blue-heading h3 {
    color: #fff;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
}



.form-horizontal .control-label {
    text-align: left;
    font-size: 12px;
    font-weight: 600;
}

.form-horizontal .form-group {
    margin-bottom: 10px;
}

.w-inc {
    width: 182px;
}

/*.adv-opt-body{*/
/*display: none;*/
/*}*/


.option-yes,
#def-head-opt,
#def-IS-opt,
#imgCust {
    display: none;
}


/*------------build step 2 survey--------*/
.marg-t-5 {
    margin-top: 5px;
}

.survey-q {
    background: #6f7e95;
    color: #fff!important;
    padding: 5px 10px;
}

.survey-q-body {
    background: #F7F7F7;
    padding: 10px 12px 31px 13px;
    margin-bottom: 8px;
}

.survey-q-body div.radio {
    padding-top: 0;
    margin-bottom: 10px;
}

.mar-0 {
    margin: 0 !important;
}

.add-more {
    float: right;
    font-style: italic;
    color: #8e8e8e;
    font-weight: 700;
}

.add-more:hover, .add-more:focus {
    text-decoration: none;
}

.add-more span {
    color: #00aef0;
}

.add-fields-body {
    display: none;
}

/*------------build step 3 review--------*/
.build-review-frm .control-label {
    padding-top: 0;
    font-weight: 600;
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #f7f7f7;
    background-color: #f7f7f7;
}

.control-label a .fa-question-circle{
    color: #858585
}

.tab-content {
    padding: 10px 5px 0;
    border: 1px solid #e3e3e3;
    border-top-color: transparent;
    margin-top: -1px;
    margin-bottom: 10px;
    border-radius: 0 0 5px 5px;
    background: #f7f7f7;
}

.gray-bg {
    background-color: #f9f9f9;
    border: 1px solid #f5f5f5;
    padding: 2px 9px;
    border-radius: 2px;
}

.gray-heading {
    background-color: #f6f6f6;
    padding: 10px 8px;
    margin-bottom: 13px;
    border-radius: 3px;
}

.gray-heading h6 {
    color: #212121;
    font-size: 12px;
    margin: 0;
    font-weight: 600;
}

.tooltip-inner {
    white-space:pre-wrap;
    text-align: left;
}



#pos-rev i.fa-link {
    margin-top: 14px;
    font-size: 15px;
}

#pos-rev i.fa-mobile {
    margin-top: 5px;
    font-size: 20px;
}

#pos-rev .input-group-addon {
    width: 91px;
}

.links-frm .input-group {
    width: 100%;
}

.pad-6-9 {
    padding: 6px 9px;
}

.nxtStp {
    font-size: 11px;
    color: #212121;
    font-weight: 600;
}

.nxtStp:hover {
    text-decoration: none;
}

.template-head {
    height: 100px;
    overflow: hidden;
}

/*------------popup model style----------------*/
.main-popup {
    width: 1000px;
}

.main-popup .modal-title {
    color: #fff;
}

.popup-header {
    background-color: #6f7e95;
    text-align: center;
    border-radius: 5px 5px 0 0;
    border-width: 3px 3px 0 3px;
    border-style: solid;
    border-color: #dddddd;
    color: #fff;
}

.popup-body {
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
    border-width: 0 3px 3px 3px;
    border-style: solid;
    border-color: #dddddd;
}

.popup-footer {
    padding: 5px 0;
}

#delete-warn-popup .main-popup {
    max-width: 250px;
}

#rerun-confirm-popup .main-popup {
    max-width: 290px;
}

#editor .main-popup {
    max-width: 690px;
    height: 405px;
}

#editor1 .main-popup {
    max-width: 690px;
    height: 405px;
}

#editor2 .main-popup {
    max-width: 690px;
    height: 405px;
}

#edit-rev-preview .main-popup {
    max-width: 680px;
    margin-top: 10px;
}

.edit-left-box {
    background-color: #f1f1f1;
    padding: 5px 0 10px;
    border-radius: 5px;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.edit-left-box h6, .edit-left-box h6 a {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    color: #5d5d5d;
    padding: 0 10px;
}

.edit-left-box h6 i {
    margin: 0 5px 0 10px;
}

.edit-left-box h6 i.fa-eye {
    padding-top: 3px;
}

.padder {
    padding: 0 10px;
}

.edit-left-box h6.active {
    background-color: #0077c2;
}

.edit-left-box h6.active a {
    color: #fff;
}

.edit-steps {
}

.edit-step {
    background-color: #e3e3e3;
    padding-top: 3px;
    padding-bottom: 3px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-size: 13px;
    color: #585858;
    margin: 5px 0 10px;
}

.edit-step.active {
    background-color: #f8931d;
    color: #fff;
}

.active.edit-step:first-child:after {
    border-color: transparent #f8931d;
}

.edit-step:first-child:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 12px 0 13px 12px;
    border-style: solid;
    border-color: transparent #e3e3e3;
    position: absolute;
    bottom: 0;
    right: -11px;
    z-index: 1;
}

.edit-box {
    position: relative;
    margin-bottom: 10px;
}

.edit-box-head {
    background-color: #00aef0;
    text-align: center;
    border-radius: 5px 5px 0 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dadada;
    color: #fff;
    padding: 5px;
}

.edit-box-head h5 {
    color: #fff;
    padding: 2px 0;
    margin: 4px 0;
    font-size: 13px;
    font-weight: 500;
}

.edit-box-body {
    text-align: center;
    padding: 5px;
    border-radius: 0 0 5px 5px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #dadada;
}

.copy-paste-rev {
    background-color: #f5911c;
    border-radius: 5px;
    padding: 5px 0 5px;
    text-align: center;
    margin-bottom: 10px;
}

.link-list {
    padding: 0 15px;
    list-style: none;
    margin: 0;
}

/* centered columns styles */
.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: center;
    /* inline-block space fix */
    margin-right: -4px;
    padding-left: 5px;
    padding-right: 5px;
}

.link-img {
    margin: 5px auto;
    vertical-align: middle;
    display: block;
    overflow: hidden;
}

.link-img img {
    width: 100%;
    height: auto;
    min-height: 26px;
    max-width: 147px;
}

.copy-paste-rev p {
    font-size: 14px;
    color: #fff;
    margin-bottom: 5px;
}

.edt-lft-bx-footer {
    margin-top: 10px;
}

.edit-video-box img {
    width: 100%;
    height: auto;
}

.pl-5 {
    padding-left: 5px;
}

.pr-5 {
    padding-right: 5px;
}

.edit-fb-rev {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 10px 5px 5px;
    margin-bottom: 10px;
    text-align: center;
}

#star-popup .main-popup {
    max-width: 300px;
}

#link-popup .main-popup {
    max-width: 300px;
}


.popup-body a:hover, .popup-body a:focus {
    text-decoration: none;
}
/*------------build step 4 finish--------*/
.finish-text {
    color: #777575;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.finish-text span {
    font-size: 18px;
}

.iframe-code-pop {
    max-width: 400px;
}

.iframe-code-pop textarea {
    width: 100%;
}

/*--------------build step 2 -- 3 steps----------------*/

.arrow-nav-3stps > li {
    width: 33.3333%;
}

/*step 1 header options*/

#clrpick-head-bg, #clrpick-head-bg1 {
    background-color: #0066cc;
}


/*step 2 Design options*/

.color-themes {
    margin-bottom: 10px;
}

.theme-set {
    border: 1px solid #e8e8e8;
    margin-bottom: 7px;
}

.color-themes .theme-color {
    height: 30px;
    width: 33.33333%;
    float: left;
}

.slider-cont {
    padding: 0 25px 0 20px;
}

.slider-cont:after {
    content: '100%';
    position: absolute;
    right: 7px;
    bottom: 1px;
}

.slider-cont:before {
    content: '0%';
    position: absolute;
    left: 15px;
    bottom: 1px;
}

#clrpick-bg {
    background-color: #e7e7e1;
}

#clrpick-stp1 {
    background-color: #f8931d;
}

#clrpick-stp2 {
    background-color: #e3e3e3;
}

#clrpick-frm {
    background-color: #ffffff;
}

#clrpick-acnt {
    background-color: #00aef0;
}

#clrpick-fnt {
    background-color: #717171;
}

#clrpick-title {
    background-color: #ffffff;
}

#clrpick-btn {
    background-color: #00aef0;
}

#clrpick-btntxt {
    background-color: #ffffff;
}

/*-----*/
.wdth {
    width: 146px;
}

.theme-text-set {
    width: 100%;
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}

.theme-text-set .theme-txt {
    width: 33.3333%;
    text-align: center;
    font-size: 10px;
    display: inline-block;
}

/*--------------Feedback page style----------------*/
.fbp-tbl-cont {
    margin: 0 5px;
    border-radius: 5px;
    padding-bottom: 110px;
}

.fbp-tbl {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


.fbp-tbl tr th {
    text-align: center;
    background-color: #607a99;
    color: #fff;
}

.fbp-tbl tr td {
    text-align: center;
    background-color: #fff;
    padding: 5px 8px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    vertical-align: middle;
}

.table > tbody > tr > td, .table > tfoot > tr > td, .table > thead > tr > td {
    padding: 5px 8px;
}

.fbp-tbl tr td:first-child {
    text-align: left;
}

.fbp-tbl tr th:first-child {
    border-top-left-radius: 5px;
}

.fbp-tbl tr th:last-child {
    border-top-right-radius: 5px;
}

.name-col p {
    margin: 0 0 3px 0;
    color: #607a99;
}

.name-col i {
    margin-right: 5px;
    width: 12px;
    text-align: center;
}

.name-col i.fa-check-square-o {
    padding-right: 5px;
    border-right: 1px solid #d3d3d3;
    line-height: 21px;
}

.rat-rev-chkbx {
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    background-color: #eaeaea;
    border-radius: 4px;
    padding: 0 10px 0 5px;
    display: inline-block;
    color: #5d5d5d;
    border: 1px solid #d3d3d3;
}

.rat-rev-chkbx input {
    margin-top: 0;
    margin-right: 5px;
    vertical-align: middle;
}

.rev-col {
    width: 100px;
}


.rev-col i.fa-star {
    color: #f3ab2b;
    font-size: 2.3em;
}

.rev-col p {
    color: #a5b6c3;
}

.prcnt-rev-col i.glyphicon-signal, .edit-col i.fa-pencil {
    font-size: 1.3em;
    color: #a5b6c3;
}


.action-col .dropdown-menu {
    min-width: 95px;
    background-color: #31475a;
    left: auto;
    right: 0;
}

.action-col .dropdown-menu > li > a {
    padding: 3px 10px;
    color: #fff;
}

.action-col .dropdown-menu > li > a:hover {
    background-color: #6e8da8;
}

.btn-dd-action {
    background-color: #fff;
    border: 1px solid #eaeaea;
}

.btn-dd-action:hover {
    background-color: #31475a;
    border: 1px solid #31475a;
    color: #fff;
}

.rev-prcnt-circle {
    margin: 0 auto;
}

.graph-col p {
    margin: 0;
}


.graph-col rect {
    fill: #77ca60;
}

/*-----------------
defaults
---------------------*/
input[type=file] {
    /*display: none;*/
    visibility: hidden;
    position: absolute;
    /*height: 0;*/
    /*width: 0;*/
    /*opacity: 0;*/
}


.pt-3 {
    padding-top: 3px;
}

.pt-8 {
    padding-top: 8px;
}

.mt-10 {
    margin-top: 10px;
}

.ml-125 {
    margin-left: 125px;
}

.ml-3 {
    margin-left: 3px;
}

.ml-12 {
    margin-left: 12px;
}

.ml-20 {
    margin-left: 20px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.pad-r-z {
    padding-right: 0;
}

.pad-l-z {
    padding-left: 0;
}

.pad-z {
    padding: 0;
}

.pad-r-5 {
    padding-right: 5px;
}

.pad-l-5 {
    padding-left: 5px;
}

.pad-b-5 {
    padding-bottom: 5px;
}

.pad-l-10 {
    padding-left: 10px;
}

.pad-4-6 {
    padding: 4px 6px;
}

.marg-t-20 {
    margin-top: 20px;
}

.marg-t-z {
    margin-top: 0;
}

.marg-b-z {
    margin-bottom: 0 !important;
}

.overflow-visible {
    overflow: visible;
!important;
}

.bg-blue-cw {
    background-color: #006cbb;
    color: #fff;
}

p.top-lbl {
    margin-top: 0;
    font-size: 11px;
}

.top-lbl {
    margin-top: 0;
    font-size: 10px;
}

#uploadTempFile {
    display: none;
}

#p-custURL-opt, #n-custURL-opt {
    display: none;
}

.save-btn-box {
    display: none;
    position: relative;
}

.save-btn-box button {
    position: absolute;
    right: 0;
    z-index: 1000;
}

p.note-txt {
    margin: 1px 0;
    color: #ff1111;
    font-size: 10px;
    font-weight: 700;
}

.gray-note-txt {
    margin: 1px 0;
    color: #c2c2c2;
    font-size: 10px;
    font-weight: 700;
    display: block;
}

.bgc-white {
    background-color: #fff;
}

.bgc-black {
    background-color: #000;
}

.bgc-lgray {
    background-color: #ededed;
}

.bgc-lblue {
    background-color: #00aef0;
}

.bgc-lmiti {
    background-color: #534741;
}

.bgc-gblue {
    background-color: #4edbcd;
}

.bgc-navy {
    background-color: #21405b;
}

.bgc-mgray {
    background-color: #979797;
}

.bgc-gray {
    background-color: #e6e6e6;
}

.bgc-dpurple {
    background-color: #461260;
}

.bgc-gblack {
    background-color: #3d3d3e;
}

.bgc-red {
    background-color: #d84a38;
}

.bgc-lorange {
    background-color: #fff1d6;
}

.bgc-orange {
    background-color: #f48d00;
}

.bgc-purple {
    background-color: #775875;
}

.bgc-wgray {
    background-color: #fcfaf0;
}

.bgc-miti {
    background-color: #6d604e;
}

.bgc-gwhite {
    background-color: #f9fff7;
}

.bgc-dgreen {
    background-color: #4c6f57;
}

.bgc-dgray {
    background-color: #717171;
}

.bgc-green {
    background-color: #08a239;
}

.bgc-ddgreen {
    background-color: #3c583e;
}

.bgc-build {
    background-color: #f2aa2a;
}

.fc-build {
    color: #f2aa2a;
}

.bgc-dgblue {
    background-color: #3e8da5;
}


a.remove-it {
    margin-top: 10px;
    margin-right: 5px;
    z-index: 10;
}

a.remov-it {
    position: absolute;
    top: 7px;
    z-index: 10;
    left: 65px;
}



#ex1Slider .slider-selection {
    background: #BABABA;
}

#btn-y-body {
    display: none;
}
/*#thank-header:hover,.edit-box-body:hover,.edit-fb-rev:hover,.copy-paste-rev:hover{*/
/*border-color: #66afe9;*/
/*box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);*/
/*}*/
#thank-header h5, #inst-box, #edit-feedback-rev, #cp-head {
    border: 1px solid transparent;
}
/*#thank-header:hover h5,#inst-box:hover,#edit-feedback-rev:hover,#cp-head:hover{*/
/*border: 1px dotted #000;*/
/*}*/

#thank-header1 h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 9px;
}

#inst-box1 h4 {
    font-size: 12px;
    margin-bottom: 3px;
    margin-top: 3px;
}

#inst-box1 p, #edit-feedback-rev1 p {
    font-size: 9px;
}

.rev-sidebar {
    margin-top: 10px;
}

.rev-sidebar img {
    width: 100%;
}

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


.search-container {
    -moz-transition: all 0.35s;
    -webkit-transition: all 0.35s;
}

.search-container:hover {
    /*width: 25em;*/
}
/*.search-container:hover .search-input {*/
/*display: inline-block;*/
/*width: 10em;*/
/*padding-left: 5px;*/
/*border: 1px solid #eee;*/
/*}*/
.search-container .search-input {
    display: inline-block;
    width: 10em;
    padding-left: 5px;
    border: 1px solid #eee;
}

.search-input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 0em;
    background: #fff;
    color: #6A5D4F;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
    border: 0;
    border-radius: 5px;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}



/*--negative preview popup style start--*/
@font-face {
    font-family: 'alternategotno2d';
    src: url('../libs/fonts/AlternateGotNo2D.eot') format('embedded-opentype'), url('../libs/fonts/AlternateGotNo2D.woff') format('woff'), url('../libs/fonts/AlternateGotNo2D.ttf') format('truetype'), url('../libs/fonts/AlternateGotNo2D.svg#AlternateGotNo2D') format('svg');
    font-weight: normal;
    font-style: normal;
}

#edit-rev-preview-n .main-popup {
    max-width: 680px;
    margin-top: 10px;
}

#default-warn-popup-p .main-popup, #default-warn-popup-n .main-popup {
    max-width: 300px;
    margin-top: 50px;
}

.neg-pre-body {
    /*background: url("../images/rough-pat.jpg");*/
    /*display: none;*/
}

.neg-pre-body .video-frame {
    margin: 10px auto 5px;
    /*border: 2px solid #5e5d5d;*/
    /*border-radius: 2px;*/
}

.neg-pre-body .video-frame img {
    width: 100%;
    max-width: 500px;
    height: auto;
}

.neg-pre-body .white-bg-box {
    border-radius: 2px;
    background-color: #fff;
    margin: 10px auto 5px;
    padding: 10px;
    min-height: 126px;
}

.neg-pre-body .white-bg-box p {
    margin: 0;
    padding: 5px 10px;
    color: #777;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
}

.neg-pre-body .brdr-heading {
    /*border: 1px solid #f1f1f1;*/
    border-radius: 4px;
    /*background-color: #f9f9f9;*/
    margin: 10px auto 5px;
    padding: 5px;
}

.neg-pre-body .brdr-heading h3 {
    margin: 0;
    padding: 0 5px;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    color: #777;
}

.neg-pre-body .brdr-box {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    background-color: #f9f9f9;
    margin: 10px auto 5px;
    padding: 10px;
}

.neg-pre-body .brdr-box p {
    margin: 0;
    padding: 5px 10px;
    color: #777;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
}

.neg-pre-body .bg-box {
    border-radius: 5px;
    background-color: #f9f9f9;
    margin: 5px auto;
    padding: 5px 15px 10px;
}

.neg-pre-body .q-heading {
    margin: 5px 0;
    font-size: 11px;
    font-weight: 700;
}

.neg-pre-body .btn-lev-us-rev {
    font-family: 'alternategotno2d';
    font-size: 24px;
    background-color: #00aef0;
    padding: 2px;
    color: #fff;
    border-radius: 5px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    margin: 0 auto 8px;
    font-weight: 500;
    letter-spacing: 0.4px;
    display: block;
}

.neg-pre-body .btn-lev-us-rev:hover {
    background-color: #00aef0;
    color: #fff;
}

.neg-pre-body textarea {
    font-size: 12px;
}


/*--negative preview popup style end--*/

/*--negative edit popup style start--*/
/*.neg-edit-pop{*/
/*display: none;*/
/*}*/

.neg-edit-pop .video-frame {
    margin: 10px auto 5px;
    /*border: 2px solid #5e5d5d;*/
    /*border-radius: 2px;*/
}

.neg-edit-pop .video-frame img {
    width: 100%;
    max-width: 500px;
    height: auto;
}

.neg-edit-pop .white-bg-box {
    border-radius: 2px;
    background-color: #fff;
    margin: 10px auto 5px;
    padding: 10px;
    min-height: 120px;
}

.neg-edit-pop .white-bg-box p {
    margin: 0;
    padding: 5px 10px;
    color: #777;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
}

.neg-edit-pop .brdr-heading {
    /*border: 1px solid #f1f1f1;*/
    border-radius: 4px;
    /*background-color: #f9f9f9;*/
    margin: 10px auto 5px;
    padding: 5px;
}

.neg-edit-pop .brdr-heading h3 {
    margin: 0;
    padding: 0 5px;
    font-size: 12px;
    text-align: center;
    font-weight: 700;
    color: #777;
}

.neg-edit-pop .brdr-box {
    border: 1px solid #f1f1f1;
    border-radius: 4px;
    background-color: #f9f9f9;
    margin: 10px auto 5px;
    padding: 5px;
}

.neg-edit-pop .brdr-box p {
    margin: 0;
    padding: 5px;
    color: #777;
    font-size: 11px;
    line-height: 1.5;
    font-weight: 400;
}

#inst-box-n:hover, #heading-n:hover {
    outline: 1px solid #66afe9;
}

.neg-edit-pop .bg-box {
    border-radius: 5px;
    background-color: #f9f9f9;
    margin: 5px auto;
    padding: 5px 15px 10px;
}

.neg-edit-pop .q-heading {
    margin: 5px 0;
    font-size: 11px;
    font-weight: 700;
}

.neg-edit-pop .btn-lev-us-rev {
    font-family: 'alternategotno2d';
    font-size: 24px;
    background-color: #00aef0;
    padding: 2px;
    color: #fff;
    border-radius: 5px;
    max-width: 400px;
    width: 100%;
    text-align: center;
    margin: 0 auto 8px;
    font-weight: 500;
    letter-spacing: 0.4px;
    display: block;
}

.neg-edit-pop .btn-lev-us-rev:hover {
    background-color: #00aef0;
    color: #fff;
}

.neg-edit-pop textarea {
    font-size: 11px;
}

.edit-left-box h6 i.fa-eye-slash {
    padding-top: 3px;
}

/*--negative edit popup style end--*/

.thumb-up-clr {
    color: #77CA60;
}

.thumb-down-clr {
    color: #FA2323;
}


.video-div {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

.video-div iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#btn-cust-url-body, #btn-cust-url-body-n {
    display: none;
}

#local-dir-info-p .main-popup {
    max-width: 600px;
}

#local-dir-info-n .main-popup {
    max-width: 600px;
}

#dir-clr-optn-body-p, #dir-clr-optn-body-n {
    display: none;
}

#dir-img {
    width: 74px;
    height: 22px;
}

.cust-dir-link {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    font-family: Arial;
    color: #ffffff;
    font-size: 14px;
    padding: 9px 16px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid #6E6E6E;
}

.cust-dir-link:hover, .cust-dir-link:focus {
    color: #ffffff;
}

#edit-rev-preview .cust-dir-link {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 6px;
    font-size: 9px;
    padding: 7px 2px;
}

#link-exm {
    display: inline-block;
    margin-top: 5px;
}

.tos-link {
    font-size: 14px;
    line-height: 35px;
}

.tos-link-h {
    font-size: 12px;
    font-weight: 700;
}


/*Black:*/
.cust-dir-black {
    background: #474747;
    background-image: -webkit-linear-gradient(top, #474747, #000000);
    background-image: -moz-linear-gradient(top, #474747, #000000);
    background-image: -ms-linear-gradient(top, #474747, #000000);
    background-image: -o-linear-gradient(top, #474747, #000000);
    background-image: linear-gradient(to bottom, #474747, #000000);
}



.cust-dir-black:hover {
    background: #000000;
    background-image: -webkit-linear-gradient(top, #000000, #474747);
    background-image: -moz-linear-gradient(top, #000000, #474747);
    background-image: -ms-linear-gradient(top, #000000, #474747);
    background-image: -o-linear-gradient(top, #000000, #474747);
    background-image: linear-gradient(to bottom, #000000, #474747);
    text-decoration: none;
}

/*BLUE:*/

.cust-dir-blue {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
}



.cust-dir-blue:hover {
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}


/*GREY:*/

.cust-dir-gray {
    background: #a8a8a8;
    background-image: -webkit-linear-gradient(top, #a8a8a8, #807e80);
    background-image: -moz-linear-gradient(top, #a8a8a8, #807e80);
    background-image: -ms-linear-gradient(top, #a8a8a8, #807e80);
    background-image: -o-linear-gradient(top, #a8a8a8, #807e80);
    background-image: linear-gradient(to bottom, #a8a8a8, #807e80);
}


.cust-dir-gray:hover {
    background: #8c8c8c;
    background-image: -webkit-linear-gradient(top, #8c8c8c, #3b3b3b);
    background-image: -moz-linear-gradient(top, #8c8c8c, #3b3b3b);
    background-image: -ms-linear-gradient(top, #8c8c8c, #3b3b3b);
    background-image: -o-linear-gradient(top, #8c8c8c, #3b3b3b);
    background-image: linear-gradient(to bottom, #8c8c8c, #3b3b3b);
    text-decoration: none;
}


/*Green:*/

.cust-dir-green {
    background: #78b522;
    background-image: -webkit-linear-gradient(top, #78b522, #62961C);
    background-image: -moz-linear-gradient(top, #78b522, #62961C);
    background-image: -ms-linear-gradient(top, #78b522, #62961C);
    background-image: -o-linear-gradient(top, #78b522, #62961C);
    background-image: linear-gradient(to bottom, #78b522, #62961C);
}



.cust-dir-green:hover {
    background: #92c93e;
    background-image: -webkit-linear-gradient(top, #92c93e, #84b535);
    background-image: -moz-linear-gradient(top, #92c93e, #84b535);
    background-image: -ms-linear-gradient(top, #92c93e, #84b535);
    background-image: -o-linear-gradient(top, #92c93e, #84b535);
    background-image: linear-gradient(to bottom, #92c93e, #84b535);
    text-decoration: none;
}


/*Orange:*/
.cust-dir-orange {
    background: #ff860d;
    background-image: -webkit-linear-gradient(top, #ff860d, #c76e16);
    background-image: -moz-linear-gradient(top, #ff860d, #c76e16);
    background-image: -ms-linear-gradient(top, #ff860d, #c76e16);
    background-image: -o-linear-gradient(top, #ff860d, #c76e16);
    background-image: linear-gradient(to bottom, #ff860d, #c76e16);
}


.cust-dir-orange:hover {
    background: #fa9735;
    background-image: -webkit-linear-gradient(top, #fa9735, #fa8c25);
    background-image: -moz-linear-gradient(top, #fa9735, #fa8c25);
    background-image: -ms-linear-gradient(top, #fa9735, #fa8c25);
    background-image: -o-linear-gradient(top, #fa9735, #fa8c25);
    background-image: linear-gradient(to bottom, #fa9735, #fa8c25);
    text-decoration: none;
}



/*Pink:*/

.cust-dir-pink {
    background: #F688B9;
    background-image: -webkit-linear-gradient(top, #F688B9, #e077a6);
    background-image: -moz-linear-gradient(top, #F688B9, #e077a6);
    background-image: -ms-linear-gradient(top, #F688B9, #e077a6);
    background-image: -o-linear-gradient(top, #F688B9, #e077a6);
    background-image: linear-gradient(to bottom, #F688B9, #e077a6);
}


.cust-dir-pink:hover {
    background: #fa9bc6;
    background-image: -webkit-linear-gradient(top, #fa9bc6, #F688B9);
    background-image: -moz-linear-gradient(top, #fa9bc6, #F688B9);
    background-image: -ms-linear-gradient(top, #fa9bc6, #F688B9);
    background-image: -o-linear-gradient(top, #fa9bc6, #F688B9);
    background-image: linear-gradient(to bottom, #fa9bc6, #F688B9);
    text-decoration: none;
}


/*Red:*/

.cust-dir-red {
    background: #fa2d34;
    background-image: -webkit-linear-gradient(top, #fa2d34, #C5171C);
    background-image: -moz-linear-gradient(top, #fa2d34, #C5171C);
    background-image: -ms-linear-gradient(top, #fa2d34, #C5171C);
    background-image: -o-linear-gradient(top, #fa2d34, #C5171C);
    background-image: linear-gradient(to bottom, #fa2d34, #C5171C);
}


.cust-dir-red:hover {
    background: #f5565d;
    background-image: -webkit-linear-gradient(top, #f5565d, #fa2d34);
    background-image: -moz-linear-gradient(top, #f5565d, #fa2d34);
    background-image: -ms-linear-gradient(top, #f5565d, #fa2d34);
    background-image: -o-linear-gradient(top, #f5565d, #fa2d34);
    background-image: linear-gradient(to bottom, #f5565d, #fa2d34);
    text-decoration: none;
}

/*Rosy:*/

.cust-dir-rosy {
    background: #eb6c7d;
    background-image: -webkit-linear-gradient(top, #eb6c7d, #D35161);
    background-image: -moz-linear-gradient(top, #eb6c7d, #D35161);
    background-image: -ms-linear-gradient(top, #eb6c7d, #D35161);
    background-image: -o-linear-gradient(top, #eb6c7d, #D35161);
    background-image: linear-gradient(to bottom, #eb6c7d, #D35161);
}


.cust-dir-rosy:hover {
    background: #f57a8c;
    background-image: -webkit-linear-gradient(top, #f57a8c, #eb6c7d);
    background-image: -moz-linear-gradient(top, #f57a8c, #eb6c7d);
    background-image: -ms-linear-gradient(top, #f57a8c, #eb6c7d);
    background-image: -o-linear-gradient(top, #f57a8c, #eb6c7d);
    background-image: linear-gradient(to bottom, #f57a8c, #eb6c7d);
    text-decoration: none;
}


.clr-optns-list {
    padding: 0;
    list-style: none;
}

.clr-optns-list li {
    float: left;
    margin: 3px 2px;
}

.clr-optns-list li:first-child {
    margin-left: 0;
}

.clr-optns-list li:last-child {
    margin-right: 0;
}

.clr-optns-list li a {
    height: 25px;
    width: 25px;
    border-radius: 2px;
    color: #fff;
    line-height: 25px;
    text-align: center;
    display: block;
}

/*descriptive text. On click text should disappear.*/
input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */
input:focus::-moz-placeholder {
    color: transparent;
}
/* FF 19+ */
input:focus:-ms-input-placeholder {
    color: transparent;
}
/* IE 10+ */

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus:-moz-placeholder {
    color: transparent;
}
/* FF 4-18 */
textarea:focus::-moz-placeholder {
    color: transparent;
}
/* FF 19+ */
textarea:focus:-ms-input-placeholder {
    color: transparent;
}
/* IE 10+ */


.designOption-pre-height {
    min-height: 885px;
}

.designOption-pre-height {
    min-height: 885px;
}


.input-group-msg {
    position: relative;
}

.input-group-msg-addon {
    position: absolute;
    top: -5px;
    right: -5px;
    font-size: 10px;
    font-weight: 700;
    border-radius: 50%;
    line-height: 15px;
    width: 15px;
    height: 15px;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    -webkit-transition: 0.4s linear all;
    -moz-transition: 0.4s linear all;
    -ms-transition: 0.4s linear all;
    -o-transition: 0.4s linear all;
    transition: 0.4s linear all;
}

.input-group-msg-addon:hover {
    opacity: 1;
    cursor: pointer;
}

.input-group-msg:hover > .input-group-msg-addon {
    opacity: 1;
}

#cke_div-edit-setup .cke_toolbar_break, #cke_div-edit1 .cke_toolbar_break, #cke_div-edit2 .cke_toolbar_break, #cke_div-edit3 .cke_toolbar_break {
    display: block;
    clear: none !important;
}

/*---------feedback thankyou page -----------*/
#fb-thank-custURL-opt {
    display: none;
}

#default-warn-popup .main-popup {
    max-width: 340px;
    margin-top: 50px;
}

.fb-thank-body {
    display: none;
}

#fb-thank-pre-popup .main-popup {
    max-width: 680px;
}

.fb-thank-img {
    max-width: 390px;
    margin: 10px auto;
}

/*-----------------------------------------------*/
.row-minus-5 {
    margin-right: -5px;
    margin-left: -5px;
}

.row-minus-5 [class^='col-sm-'],
.row-minus-5 [class^='col-xs-']  {
    padding-left: 5px;
    padding-right: 5px;
}

/*-----------------------------star sprites-------------*/

.circle-star {
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -38px;
    top: 53%;
    margin-top: -6px;
}


.blue-star-sprite {
    background: url('../images/star-sprite-12.png') no-repeat 0 0;
    width: 77px;
    height: 12px;
    display: inline-block;
}

.white-star-sprite {
    background: url('../images/white-star-sprite-12.png') no-repeat 0 0;
    width: 77px;
    height: 12px;
    display: inline-block;
}

.stars-5 {
    background-position: 0 0;
}

.stars-4 {
    background-position: 0 -12px;
}

.stars-3 {
    background-position: 0 -24px;
}

.stars-2 {
    background-position: 0 -36px;
}

.stars-1 {
    background-position: 0 -48px;
}

.stars-0 {
    background-position: 0 -60px;
}


.yellow-star-sprite{
    background: url('../images/star-sprite-yellow15.png') no-repeat 0 0;
    width: 86px;
    height: 15px;
    display: inline-block;
}

.stars-5-y{
    background-position: 0 0;
}

.stars-4-y{
    background-position: 0 -15px;
}

.stars-3-y{
    background-position:  0 -30px;
}
.stars-2-y{
    background-position:  0 -45px;
}
.stars-1-y{
    background-position:  0 -60px;
}
.stars-0-y{
    background-position:  0 -75px;
}

/*----------*/
.pop-dropdown i {
    font-size: 20px;
}

.pop-dropdown .btn-default.active, .pop-dropdown .btn-default.focus, .pop-dropdown .btn-default:active, .pop-dropdown .btn-default:focus, .pop-dropdown .btn-default:hover, .pop-dropdown .open > .dropdown-toggle.btn-default {
    color: #37adce;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
}


.pop-dropdown .dropdown-menu {
    font-size: 11px;
    background-color: #6a7e9c;
    min-width: 80px;
    width: 80px;
    left: -16px;
}

.pop-dropdown .dropdown-menu:after {
    content: '';
    height: 0;
    width: 0;
    display: block;
    border-style: solid;
    border-color: #6a7e9c transparent;
    border-width: 0 6px 6px 6px;
    position: absolute;
    top: -6px;
    left: 50%;
    margin-left: -14px;
    z-index: 1;
}

.pop-dropdown .btn-default {
    color: #6b7f9a;
    background-color: transparent;
    border-color: transparent;
}

.pop-dropdown .dropdown-menu > li > a:focus, .pop-dropdown .dropdown-menu > li > a:hover {
    /*color: #fff;*/
    text-decoration: none;
    background-color: transparent;
}

.pop-dropdown .dropdown-menu > li > a {
    color: #fff;
    padding: 3px 12px;
}

.pop-dropdown .dropdown-menu > li > a.text-danger {
    color: #f6a8aa !important;
}
/*-----------------------*/

/*    data table style start     */

.list-table {
    background: #fff none repeat scroll 0 0;
    margin-top: 44px;
    overflow: hidden;
    padding-bottom: 30px;
}

.list-table > p, #select-your-list_length label, #select-your-list_filter label, #select-your-list_info {
    color: #8899aa;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 500;
    height: 49px;
    line-height: 50px;
    margin: 0;
    padding-left: 22px;
}

.list-table > a, .pager-next-prev li a {
    background: #5795da url("../images/right-arrow.png") no-repeat scroll right 20% center;
    border-radius: 2px;
    color: #fff;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: 500;
    height: 30px;
    line-height: 29px;
    margin-right: 23px;
    margin-top: 9px;
    min-width: 90px;
    padding: 0 17px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}

.list-table > a:hover, .pager-next-prev li a:hover {
    background: #73b1f6 url("../images/right-arrow.png") no-repeat scroll right 12% center;
}

.list-table > a i {
    float: right;
    font-size: 20px;
    line-height: 29px;
}

.select-your-list thead {
    background-color: #5795da;
    color: #fff;
}

.select-your-list table.dataTable tbody th {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.select-your-list table.dataTable tbody td {
    color: #8899aa;
    font-size: 12px;
    font-weight: 500;
}

#select-your-list_filter input {
    float: right;
    height: 18px;
    margin-top: 7px;
    width: 150px;
}

.campaign-table #select-your-list_paginate {
    display: inline-block;
    float: none;
    margin: 30px auto;
    text-align: center;
    width: 100%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    border-color: #ddd #ddd #ddd -moz-use-text-color !important;
    border-style: solid solid solid solid !important;
    border-width: 1px 1px 1px 1px !important;
    color: #333 !important;
    margin: 0 !important;
}

#select-your-list_previous, #select-your-list_next {
    border: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    border-color: #ddd #ddd #ddd -moz-use-text-color !important;
    border-style: solid solid solid solid !important;
    border-width: 1px 1px 1px 1px !important;
    color: #333 !important;
    margin: 0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border-color: #ddd #ddd #ddd -moz-use-text-color !important;
    border-style: solid solid solid solid !important;
    border-width: 1px 1px 1px 1px !important;
    margin: 0 !important;
}

#select-your-list_previous {
    border-color: #ddd !important;
    border-style: solid !important;
    border-width: 1px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    box-shadow: none !important;
    color: #333 !important;
}

#select-your-list_paginate {
    margin: 18px 29px 18px auto;
}

/*table.dataTable thead th:first-child,*/
table.dataTable thead th:last-child {
    background-image: none;
}

#select-your-list_filter {
    margin-right: 22px;
}





#select-your-list_info {
    display: none;
}

table.dataTable thead th,
table.dataTable tfoot th {
    padding: 10px 12px !important;
}

.check-table input[type="checkbox"]:checked + label i {
    display: block;
}

th.check-table label i {
    color: #777777;
}
/*    data table style end     */

/*    button on of style for create email page in promo crm tab     */
.slideThree label span {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfdfd+0,e7e7e7+100 */
    background: rgb(253,253,253); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(253,253,253,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(253,253,253,1) 0%,rgba(231,231,231,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(253,253,253,1) 0%,rgba(231,231,231,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-8 */
}


.NotFocus {
    color: #808080;
}


/*-------------------create email popup----------------------*/


#token-create-email {
    display: none;
}

#create-email-popup .token {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    display: block;
    font-size: 12px;
    height: 28px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    z-index: 50;

    left: auto;
    right: 34px;
    top: 5px;
    width: 63px;
}
#create-email-popup .Promopage a,
#create-email-popup .token a {
    color: #363636;
    cursor: pointer;
    text-decoration: none;
}

#create-email-popup .input-contain-email {
    position: relative;
}

#create-email-popup .input-contain-email input {
    border-radius: 3px;
    height: 33px;
    width: 100%;
}
#create-email-popup .input-contain-email textarea {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
}

#create-email-popup .input-contain-email .popover-content a {
    color: #363636;
    cursor: pointer;
    display: block;
    font-size: 11px;
    line-height: 24px;
    padding: 0 12px;
    text-decoration: none;
    transition: all 0.1s ease 0s;
    width: 100%;
}
#create-email-popup .input-contain-email .popover-content {
    padding: 7px 0;
    width: 130px;
}
#create-email-popup .input-contain-email .popover {
    border-radius: 3px;
    box-shadow: none;
    padding: 0;
}
#create-email-popup .input-contain-email .popover-content a:hover {
    background: #f7f7f7 none repeat scroll 0 0;
}

#create-email-popup .create-email-form .cke_1.cke_chrome {
    border-color: #fff !important;
}
#create-email-popup .create-email-form .cke_path {
    display: none;
}
#create-email-popup .create-email-form .cke_chrome {
    background: #f9f9f9 none repeat scroll 0 0 !important;
    border: 1px solid #f9f9f9 !important;
    border-radius: 4px;
    display: block;
    padding: 0 !important;
}
#create-email-popup .cke_1 .cke_bottom {
    background: #f3f3f3 none repeat scroll 0 0 !important;
    border-top-color: navy;
    padding: 0 9px 5px !important;
}

#create-email-popup .create-email-form .cke_inner > div {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #cfd7d2 !important;
    padding: 0 !important;
}
#create-email-popup .create-email-form .cke_top {
    background: #fff none repeat scroll 0 0 !important;
    border: 1px solid #fff !important;
    height: 35px !important;
    padding-left: 0 !important;
}
#create-email-popup .create-email-form .contain-email-text {
    margin-top: 0;
}

#create-email-popup .create-email-form .cke_button__source_label,
#create-email-popup .create-email-form .cke_button__sourcedialog_label {
    /*display: none;*/
}
#create-email-popup .create-email-form .cke_combo_text {
    /*padding-left: 5px;*/
    /*width: 40px;*/
}

#create-email-popup .create-email-form .cke_combo__fontsize .cke_combo_text {
    /*width: 25px;*/
}

#create-email-popup .simple-popup{
    width: 682px;
}


#create-email-popup .form-control.user{
    padding-left: 30px;
    background: rgba(0, 0, 0, 0) url("../images/user.png") no-repeat scroll left 8px center;
}

#create-email-popup .form-control.copy{
    padding-left: 30px;
    background: rgba(0, 0, 0, 0) url("../images/copy.png") no-repeat scroll left 8px center;
}

#create-email-popup .form-control.subject{
    padding-left: 30px;
    background: rgba(0, 0, 0, 0) url("../images/more.png") no-repeat scroll left 8px center;
}


#create-email-popup .input-contain-email {
    float: left !important;
    padding-left: 15px !important;
    position: relative !important;
    width: 100% !important;
}

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


/*--------------new popup style-------------------*/

.simple-popup .modal-header{
    border-bottom: none;
}

.simple-popup .modal-content{
    border-radius: 0;
}

.simple-popup .modal-header .close {
    margin-top: 0;
    background-color: #000;
    color: #fff;
    opacity: 1;
    padding: 5px 13px;
    position: absolute;
    top: 0;
    right: 0;
}

.popup-text {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.simple-popup .modal-footer{
    border-top: none;
    text-align: center;
}

.simple-popup .modal-footer .btn{
    min-width: 100px;
}


/*----------------- external pages style--------------------------*/
.external-pages .agency-head-wrap .navbar-header {
    margin-left: 32px;
}

.external-pages .agency-head-wrap .agency-dash-head{
    display: block;
}

.external-pages .rk-menu-btn:hover,
.external-pages .rk-menu-btn.active{
    background: #518ed2; /* Old browsers */
}


input:focus:invalid, .InValidationStyle {
    border: 1px solid rgba(240, 0, 0, 0.25) !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(225, 0, 0, 0.22) !important;
}

/*-------- rk-alert----------*/

.rk-alert{
    border: 1px solid transparent;
    border-radius: 5px;
    padding: 4px 15px;
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
    margin: 5px 15px;
}

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

.rk-alert:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.rk-alert.info-alert:before{
    content: "\f05a";
}

.rk-alert.success-alert:before{
    content: "\f058";
}

.rk-alert.error-alert:before{
    content: "\f071";
}

.rk-alert.info-alert{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.rk-alert.success-alert{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.rk-alert.error-alert{
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

/*jcrop radio input invisible from screen*/
input.jcrop-keymgr {
    left: -1120px !important;
}

/*-----------------------new svg checkbox and radio style------------------*/


.svg-checkbox input[type=radio],
.svg-checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.svg-checkbox .radio-label,
.svg-checkbox .checkbox-label {
    padding-left: 24px;
    min-height: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.svg-checkbox .radio-label::before,
.svg-checkbox .radio-label::after,
.svg-checkbox .checkbox-label::before,
.svg-checkbox .checkbox-label::after {
    /* custom radio and check boxes */
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.svg-checkbox .radio-label::before,
.svg-checkbox .checkbox-label::before {
    left: 0;
    border: 1px solid #e6e6e6;
    box-shadow: inset 1px 1px rgba(0, 0, 0, 0.03);
}
.svg-checkbox .radio-label::after,
.svg-checkbox .checkbox-label::after {
    left: 3px;
    background: url("../images/icon-check.svg") no-repeat center center;
    display: none;
}

.svg-checkbox .radio-label::before {
    border-radius: 50%;
}

.svg-checkbox .checkbox-label::before {
    border-radius: 3px;
}

.svg-checkbox input[type=radio]:checked + label::before,
.svg-checkbox input[type=checkbox]:checked + label::before {
    background-color: #19191a;
    border: none;
    box-shadow: none;
}

.svg-checkbox input[type=radio]:checked + label::after,
.svg-checkbox input[type=checkbox]:checked + label::after {
    display: block;
}

/*-------------------------validation alert popup-----------------*/
#validation-alert-popup{
    text-align: center;
}

#validation-alert-popup .modal-dialog{
    display: inline-block;
    width: auto;
    min-width: 290px;
    max-width: 600px;
}


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

.navbar-agency-logos{
    background: url("../images/navbar-agency-logos.png") no-repeat 0 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: text-top;
    margin-right: 2px;
}

.navbar-agency-logos.support{
    background-position: 0 0;
}

.navbar-agency-logos.training{
    background-position: -16px 0;
}

.navbar-agency-logos.account{
    background-position: -32px 0;
}


/*--------------------wizard popup base-------------------*/

.wizard-popup {
    font-family: 'Open Sans', sans-serif!important;
    font-style: normal;
    background-color: #f3f3f3;
    color: #868686;
    font-size: 14px;
}

.wizard-popup a,
.wizard-popup img,
.wizard-popup link {
    outline: 0;
    text-decoration: none;
    cursor: pointer;
    border: 0;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.wizard-popup .h1,
.wizard-popup .h2,
.wizard-popup .h3,
.wizard-popup .h4,
.wizard-popup .h5,
.wizard-popup .h6,
.wizard-popup h1,
.wizard-popup h2,
.wizard-popup h3,
.wizard-popup h4,
.wizard-popup h5,
.wizard-popup h6 {
    font-family: 'Open Sans', sans-serif!important;
    margin:0px;
    padding:0px;

}

.wizard-popup p{

}

.wizard-popup .btn {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.wizard-popup .btn:active,
.wizard-popup .btn:focus {
    outline: 0!important
}

/*-------------------wizard-popup POPUP -------------------*/
.wizard-popup .modal-content {
    border-radius: 0px;
}
.wizard-popup .modal-header .close {
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    background-color: #333;
    text-shadow: 0 0 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0!important;
    margin: 0!important;
    width: 30px;
    height: 30px;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
    display: block;
    z-index: 9999;
}
.wizard-popup .modal-header .close:active,
.wizard-popup .modal-header .close:focus,
.wizard-popup .modal-header .close:hover {
    background: #000;
    color: #fff;
    outline: 0
}
.wizard-popup .modal-content {
    border-radius: 0;
}
.wizard-popup .modal-footer {
    padding-top: 0;
    border-top: 0;
}
.wizard-popup .modal-header {
    border: 0;
    padding-bottom: 0;
    text-align: center;
    text-transform: uppercase;
    background: #fff;
}
.wizard-popup .btn {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.wizard-popup .btn:active,
.wizard-popup .btn:focus {
    outline: 0!important
}
.wizard-popup .btn-primary,
.wizard-popup .btn-primary.disabled,
.wizard-popup .btn-primary[disabled] {
    background-color: #3498db;
    border-color: #3498db;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
.wizard-popup .btn-primary.active,
.wizard-popup .btn-primary.focus,
.wizard-popup .btn-primary:active,
.wizard-popup .btn-primary:focus,
.wizard-popup .btn-primary:hover,
.wizard-popup .open>.dropdown-toggle.btn-primary {
    background-color: #2783c0;
    border-color: #2783c0;
}
.wizard-popup .btn-primary i {
    margin-right: 5px;
    font-size: 14px;
    position: relative;
    top: 0
}
.wizard-popup .btn-success,
.wizard-popup .btn-success.disabled,
.wizard-popup .btn-success[disabled] {
    background-color: #9ac046;
    border-color: #9ac046;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 2px;
}
.wizard-popup .btn-success.hover,
.wizard-popup .btn-success:active,
.wizard-popup .btn-success:focus,
.wizard-popup .btn-success:hover {
    background-color: #9ac046;
    border-color: #9ac046;
}
.wizard-popup .btn-success i {
    margin-right: 2px;
    font-size: 12px;
    position: relative;
    top: 0;
}
/*-------------------wizard-popup END -------------------*/
.upload-style {
    float: right;
    height: 27px;
    margin-top: 6px;
    width: 130px;
}
.upload-style > div {
    height: 100%;
    position: relative;
    width: 100%;
}
.upload-style .add-Media {
    position: absolute;
    right: 0;
    top: 0;
}

.upload-style .badge {
    position: absolute;
    right: -20px;
    top: 6px;
    font-size: 10px;
    padding: 2px 5px;
}

.add-Media, .CustomEmailHeader {
    background: #a4e581 url("../images/cloud-button.png") no-repeat 12% 52%;
    background-size: 15px 12px;
    border: medium none;
    border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    height: 25px;
    line-height: 23px;
    padding-left: 31px;
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -38px;
    transition: all 0.2s ease 0s;
    z-index: 10;
}
.upload-style input {
    box-shadow: none;
    cursor: pointer;
    display: block;
    font-size: 20px;
    height: 100%;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 100000;
}
.cancel-branding {
    background: #bdc0c2 none repeat scroll 0 0;
    margin-left: 9px;
}
.cancel-branding:hover {
    background: #9c9ea0 none repeat scroll 0 0;
}
.title-preview-branding {
    float: none;
    margin-bottom: 7px;
    margin-top: -1px;
}
.widget-left .upload-style {
    top:-10px;
    opacity:0;
    transition-duration: .2s;
    height:0px;
}
.widget-left:hover .upload-style {
    opacity:1;
    top:5px;
    height:auto;
}

/*noty style*/
#noty_topCenter_layout_container li .noty_message {
    font-size: 18px !important;
    font-weight: 600;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
#noty_topCenter_layout_container li i{
    position:absolute;
    top:5px;
    right:5px;
    font-size:14px;
}
.noty_type_success .noty_message:before {
    content: "\f00c";
    font-size: 16px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #fff;
    font-size: 20px;
    padding-right: 0.5em;
}
.noty_type_error .noty_message:before {
    content: "\f00d";
    font-size: 16px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #fff;
    font-size: 21px;
    padding-right: 0.5em;
}
.noty_type_warning .noty_message:before {
    content: "\f071";
    font-size: 16px;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #fff;
    font-size: 20px;
    padding-right: 0.5em;
}
.noty_bar noty_type_success,.noty_bar noty_type_error,.noty_bar noty_type_warning{
    box-shadow:none !important;
}
.noty_message .close{
    float: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 13px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    margin-right:6px;

}
.noty_message .close:hover{
    filter: alpha(opacity=40);
    opacity:0.4;
}
.animated-hidden{
    display:none;
}
.animated-show{
    display:block;
    box-shadow:none !important;
}
#still-there-modal{
    z-index: 100000 !important;
}
/*TimeOut warning tos*/
#warning-tos-modal .modal-dialog{
    width: 780px !important;
    border-radius: 0px;
}
#warning-tos-modal .modal-content{
    min-height: 300px;
    height: auto;
    display: flow-root;
    background-color: rgb(255, 255, 255);
    border-radius: 0px;
    box-shadow: none;
    border:none;
}
#warning-tos-modal .modal-title{
    font-size: 30px !important;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    text-align: center;
    line-height: 25px !important;
}
#warning-tos-modal .modal-title i{
    color: #ff9006;
}
#warning-tos-modal .logo-title{
    width: 100%;
    display: block;
    text-align: center;
    font-size: 60px;
    color:#ffa821;
    line-height: 50px;
}
#warning-tos-modal .modal-header{
    border:none;
    background: none !important;
    padding:25px !important;
    position: relative;
    width: 100%;
    margin: 0px;
}
#warning-tos-modal .modal-header .close{
    position: absolute;
    right: 0px;
    top: 0px;
    background: #ff9006;
    margin: 0px !important;
    padding: 0px !important;
    cursor: pointer;
    float: none;
    font-weight: 300;
    line-height: 30px;
    color: #fff;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 !important;
    width: 30px;
    height: 30px;
    display: block;
    z-index: 9999;
}
#warning-tos-modal .standar-style{
    text-align: center;
    line-height: 20px;
    margin-top: 0;
    font-size: 19px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 15px;
}
#warning-tos-modal .style-gray-paragraph p{
    text-align: left;
    line-height: 20px;
    font-size: 19px;
    color: #666666;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 5px;
}
#warning-tos-modal .style-gray-paragraph{
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 20px;
}
#warning-tos-modal .style-gray-paragraph p span.sortNo{
    color: #ff9006;
    font-weight: 700;
}
#warning-tos-modal .style-black-paragraph p{
    text-align: left;
    line-height: 20px;
    font-size: 19px;
    color: #333333;
    text-transform: capitalize;
    font-weight: 600;
    margin: 0px;
    margin-bottom: 5px;
}
#warning-tos-modal .style-black-paragraph{
    margin-bottom: 20px;
}
#warning-tos-modal .style-black-paragraph p span.sortNo{
    color: #ff9006;
    font-weight: 700;
}
#warning-tos-modal .content-stillthere span{
    color: #cc0000;
    font-weight: 700;
}
#warning-tos-modal .content-bottom-impo{
    font-size: 19px;
    color: #333333;
    text-align: center;
    line-height: 20px;
    font-weight: 700;
    text-transform: capitalize;
}
#warning-tos-modal .content-firststillthere{
    margin-top: 0px;
}
#warning-tos-modal .yes-buttom{
    background-image: -moz-linear-gradient( 90deg, rgb(255,158,8) 0%, rgb(255,184,74) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(255,158,8) 0%, rgb(255,184,74) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(255,158,8) 0%, rgb(255,184,74) 100%);
    box-shadow: 0px 2px 0px 0px rgba(201, 123, 0, 1);
    width: 425px;
    height: 60px;
    text-transform: capitalize;
    margin: 0 auto;
    color: #ffffff;
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 30px;
    line-height: 60px;
    padding: 0px;
    display: inherit;
    text-align: center;
}
#warning-tos-modal .yes-buttom b{
    text-transform: uppercase;
}
#warning-tos-modal .modal-body{
    padding-left: 53px;
    padding-right: 53px;
    padding-bottom: 30px !important;
    background-color: #fff !important;
}
#warning-tos-modal .tos-link,
#warning-tos-modal .tos-link:active,
#warning-tos-modal .tos-link:focus,
#warning-tos-modal .tos-link:hover{
    text-decoration: underline;
    color: #40628c;
    font-size: 19px !important;
}
#still-there-modal .modal-dialog{
    z-index: 4444;
}
.location-select {
    padding: 0;
    margin: 0;
    float: right;
    width: 200px;
    margin-left: 10px;
}
/**/