h3 {
    color: #222;
    font-size: 1.3em;
    margin-top: 20px;
    margin-bottom: 5px;

}
a {
/*    color: #548F1F;
    font-weight: bold;*/
}
.sr-partner-header {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}
.tabs-btns {
    border-bottom: 5px solid #196cb2;
    overflow: hidden;
    margin-right: 30px;
    margin-bottom: 10px;
}
.tabs-btns > ul
{
    overflow: hidden;
    margin: 0px;
}
.tabs-btns ul li {
    float: left;
    margin-right: 10px;
    margin-bottom: 0px;
}

.tabs-btns ul li a.active {
    background: #196cb2;
    color: #fff;
}

.tabs-btns ul li a {
    background: #fff;
    border-color: #196cb2;
    padding: 10px;
    display: block;
    text-decoration: none;
    font-size: 11pt;
    font-weight: bold;
    cursor: pointer;
    color: #196cb2;
    border-radius: 5px 5px 0px 0px;
}
.form-wrap .form-field {
    margin: 0 0 5px !important;
}

.form-field label {
    font-size: 11px !important;
    font-weight: bold;
    color: #085394;
}

.form-field select {    
    height: auto;
}

#sr-partner-logo {
    width: 213px;
    float: left;
}
#sr-partner-embedkey {
    float: right;
    width: 415px;
}
#sr-partner-embedkey label {
    width: 110px;
}
#sr-partner-api-key {
    width: 250px;
}
#sr-partner-embedkey-face {
    width: 28px;
    height: 28px;
    background: url('../images/sadface.png') no-repeat center;
}
#sr-partner-embedkey-label {
    padding-top: 3px;
    margin-left: 2px;
    font-weight: bold;
}
#sr-partner-embedkey *{
    float: left !important;
    line-height: 20px !important;
}
.colorpicker-wrap {
    overflow: hidden;
}

.sr-partner-color-preview {
    width: 24px;
    height: 24px;
    float: left;
    background: white;
    border: 1px solid #ddd;
    cursor: pointer;
}

.sr-partner-color-picker {
    width: 65px !important;
    height: 26px;
    float: left;
    background: white;
    margin-top: 0px;
}

.alert {
    width: 100%;
    max-width: 900px;
    padding: 10px;
    margin: 10px;
    font-size: 10pt;
    font-weight: bold;
}
#sr-partner-embedkey .alert {
    max-width:380px ;
}

.alert-success {
    border: 1px solid #006505;
    background: #aeca9c;
}

.alert-error {
    border: 1px solid #ca1d0f;
    background: #FFCAC1;
    color: #ca1d0f;
}
.alert-error * {
    color: #ca1d0f;
}
input.padded {
    margin-top: 5px;
}

input.sr-partner-small-input {
    max-width: 100px;
}

div.sr-partner-25 {
    /*width: 25%;
    float: left;*/
    margin: 0 0 0px !important;
    padding: 0px 0 !important;
}

.customHidden {
    display: none;
}
.sr-partner-hide {
    display: none;
}
#web_audit_gen_audit_form_id {
    width: 100%;
    max-width: 300px;
}
.italic {
    font-style: italic;
}
.button-primary {
    background: #196cb2 !important;
    border-color: #196cb2 !important;
    -webkit-box-shadow: 0 1px 0 #196cb2 !important;
    box-shadow: 0 1px 0 #196cb2 !important;
    color: #fff;
    text-decoration: none;    
}
.normalFont {
    font-weight: normal !important;
}
.w160px {
    width: 160px;
    float: left;
}
.w500px {
    width: 500px !important;
}
.w153px {
    width: 153px !important;
}
.w200px {
    width: 200px;
}
.w300px {
    max-width: 400px;
    float: left;
}
.clearBoth {
    display: block;
    clear: both;
}

.sr-partner-admin-create-form {
    float: left;
    width: 52%;
}
.sr-partner-admin-create-form .submit {
    clear: both;
    margin-top: 70px;
}

.sr-partner-admin-create-form-preview {
    float: right !important;
    color: #537994;
}
.sr-partner-admin-create-form-preview strong {
    font-size: 11px !important;
    font-weight: bold;
    color: #085394;
}
.sr-partner-admin-create-form-preview p {
    font-size: .75rem;
    line-height: 1.65;
    color: #537994;
}
    
.sr-partner-admin-create-form-preview > .wrapper {
    border: 1px solid #A9A9A9;
    padding: 5px;
    /*margin-right: 30px;*/
    background-color: #a8bece;
    border-radius: 2px;
}
.sr-partner-admin-create-form-preview > .wrapper > .body {
    width: 480px;
    height: 400px;    
    background-color: #FFF;
    border-radius: 2px;
    padding: 4px 8px;
}

.w49p {
    width: 49%;
    float: left;
}

.w99p {
    width: 99%;
    float: left;
}


.sr-partner-preview {
    font-family: 'Calibri';
}

.sr-partner-preview-large-form .wrapper{
    text-align: center;
    background: #efefef;
    border: 8px solid #fff;
    box-shadow: 0 0 1px #666;
    margin-bottom: 5px;
    box-width: 450px;
}


.sr-partner-admin-create-form-preview .text {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.sr-partner-admin-create-form-preview .button {
    clear: both;
    width: 200px;
    height: 39px;
    line-height: 39px;
    font-weight: 300;
    font-size: 20px;
    border-radius: 5px;
    font-weight: bold;
    color: #fff;
    padding: 0 5px;
    margin: 8px 0 8px 0;
    border: 1px solid ;
    border-color: #666;
    border: none;
    background-color: #e04b29;
    background-image: none;
    box-shadow: none !important;
}

.sr-partner-preview-small-form .col-1 {
    width: 40%;
    float: left;
}
.sr-partner-preview-small-form .col-2 {
    float: right;
    width: 56%;
    padding: 4px 4px;
}
.sr-partner-preview-small-form .col-2 p{
    font-size: 10px;
    color: #6f6f6f;
}
.sr-partner-preview-small-form input {
    width: 100%;
}
.sr-partner-preview-small-form .button{
    width: 100%;
}
.gray {
    color: #6f6f6f;
}


.sr-partner-preview-slim-form .wrapper {
    padding: 10px 10px;
}
.sr-partner-preview-slim-form input, .sr-partner-preview-slim-form .button { 
    width: 32.5%;
    margin: 0;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;    
}
.sr-partner-preview-slim-form .button { 
    font-size: 16px;
}





.sr-partner-preview-takeover-form {
    box-sizing: border-box ;
    clear: both;
    text-align: center;
    margin-bottom: 90px;
    width:504px;
    margin-left: -12px;
    margin-top: -8px;
    padding: 40px 20px 20px 20px;
    background-color: #fff;
    height: 416px;
}
.sr-partner-preview-takeover-form .wrapper {    
    padding: 20px 0px 10px 0px;
}
.sr-partner-preview-takeover-form .close {
    float: right;
    background: rgba(0, 0, 0, 0) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADwklEQVRIS51VXWgUVxT+zsxm1WKggRQTmy5tkc5Kmhhdk3aZFU03sqQPLbQ+xRdpi6+CgpIHxR9EkFLyJFhoaF8KgoVGSGgbumswatCsiQZJMEHXlkoQRUQfNDt7j9x7Z8bZdSa2naeZe+79vnO+890zhNc8uVyuOW6an5Fh9IDoXQjRSERPGSgJISYFMDQyMnIdAIdBURR+b29viwkcBbATRHVyX3BzAI3BXHQcp/+30dE/a/FCCXI9PZ+bpjEIUIO/gSg8GWZ2yeTb6fsPH+4pFotlj+iVQ9uz2T0m0XcguIgRwDWpyjKkSAycffDo0U6PpIqgp7s7R4RzBCVJpHzLtE1RMPDjaL7wVZWsmUymYYVpzBHRWy6AJAhrnEccFZOasRDii8KFC0N+lt1b7EMAHdYLShYP4DQBvwM4xUBTTfZhMXLlmi+MjycVXjqdXhUnlNzs/QwZ+GHs4qXdkqzbti0BzhPQrEvngcLFy/tkbFs6nWSDrhGw0pVWNpxJcE6BbenszMI0/iCtu08gQP3jExMnvWps27ZMUZEkZ8YuT+z1qrFtu96oOHcJeNM7r/tNskIg05U6wEwnKGhFbb8yM/ouTU7+4oFt6+xsOn/16mIQHEtLwwBn3OMK03XvdfXx8aaOQSLa5WrvnvXsjTKRJJnySXyy1tbVz1fGR2SOeq3K0rKHTxXBRx0bBgHsCrGmajSDy6BK15Wpm3Ik+E9XR9sZgrHDPVdra3VWLaba2743wN+EEeg6eGBy5qavucewud2ywPE8iJtd9Npp8lgTtLYeAPhE7bhRV0Zg4Nrs7CvgHkm7ZVmxmFEA0EQ63+A90T3YmExuBXE+WKq+kvzT9NwteSNVHZZl1b9B/GsFfOrG3Lzfk/b16z80ULlCIM+mWllAuyiVStU5Tx6XoD2uXSCNIET/zMJtZVMJHhfOMBHZYHYA7rsxf1uRyNgKrgRtKsGZDGR9zdrWvX+IgcNu6SR9BmVT0Wc4nBd1xhCBXLeoXYGYKUdCxjWRmgIEnp5ZuJPyCWQW5tKzaQDvaZKXo0a+veyetKJvYbWrOqaW2GT6ZKZUGquylpVI2EQiD4b6wfyPicqSjWB8O3v3r/2hAMmWli8FxM8A/xcSt1yFfnbt3/f6zgNOZIYfvL0mKxjy8r0TUCrq/6DBCWWAji/cWzwW1Dfyp5JIJBpiz58dBMTXAFYvI5ccakOxGB259c/9qpv+rzS2GhvrHZM+FRA2Ma0Ds/Q6hCHHO4qMuuHS4qK0eOgTWUHUAW/eLxOvCr0AI/N8op6orBoAAAAASUVORK5CYII=') no-repeat ;
    background-size: 10px 10px;
    height: 20px;    
    right: 20px;
    top: 0px;
    width: 20px;
    cursor: pointer;
    margin-top: -10px;
}


.sr-partner-preview-notification-form {
    box-sizing: border-box ;
    clear: both;
    text-align: center;
    margin-bottom: 90px;
    width:504px;
    margin-left: -12px;
    margin-top: -8px;
    padding: 40px 20px 20px 20px;
    background-color: #fff;
    height: 416px;
}
.sr-partner-preview-notification-form .wrapper {    
    padding: 20px 0px 10px 0px;
}
.sr-partner-preview-notification-form .close {
    float: right;
    background: rgba(0, 0, 0, 0) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADwklEQVRIS51VXWgUVxT+zsxm1WKggRQTmy5tkc5Kmhhdk3aZFU03sqQPLbQ+xRdpi6+CgpIHxR9EkFLyJFhoaF8KgoVGSGgbumswatCsiQZJMEHXlkoQRUQfNDt7j9x7Z8bZdSa2naeZe+79vnO+890zhNc8uVyuOW6an5Fh9IDoXQjRSERPGSgJISYFMDQyMnIdAIdBURR+b29viwkcBbATRHVyX3BzAI3BXHQcp/+30dE/a/FCCXI9PZ+bpjEIUIO/gSg8GWZ2yeTb6fsPH+4pFotlj+iVQ9uz2T0m0XcguIgRwDWpyjKkSAycffDo0U6PpIqgp7s7R4RzBCVJpHzLtE1RMPDjaL7wVZWsmUymYYVpzBHRWy6AJAhrnEccFZOasRDii8KFC0N+lt1b7EMAHdYLShYP4DQBvwM4xUBTTfZhMXLlmi+MjycVXjqdXhUnlNzs/QwZ+GHs4qXdkqzbti0BzhPQrEvngcLFy/tkbFs6nWSDrhGw0pVWNpxJcE6BbenszMI0/iCtu08gQP3jExMnvWps27ZMUZEkZ8YuT+z1qrFtu96oOHcJeNM7r/tNskIg05U6wEwnKGhFbb8yM/ouTU7+4oFt6+xsOn/16mIQHEtLwwBn3OMK03XvdfXx8aaOQSLa5WrvnvXsjTKRJJnySXyy1tbVz1fGR2SOeq3K0rKHTxXBRx0bBgHsCrGmajSDy6BK15Wpm3Ik+E9XR9sZgrHDPVdra3VWLaba2743wN+EEeg6eGBy5qavucewud2ywPE8iJtd9Npp8lgTtLYeAPhE7bhRV0Zg4Nrs7CvgHkm7ZVmxmFEA0EQ63+A90T3YmExuBXE+WKq+kvzT9NwteSNVHZZl1b9B/GsFfOrG3Lzfk/b16z80ULlCIM+mWllAuyiVStU5Tx6XoD2uXSCNIET/zMJtZVMJHhfOMBHZYHYA7rsxf1uRyNgKrgRtKsGZDGR9zdrWvX+IgcNu6SR9BmVT0Wc4nBd1xhCBXLeoXYGYKUdCxjWRmgIEnp5ZuJPyCWQW5tKzaQDvaZKXo0a+veyetKJvYbWrOqaW2GT6ZKZUGquylpVI2EQiD4b6wfyPicqSjWB8O3v3r/2hAMmWli8FxM8A/xcSt1yFfnbt3/f6zgNOZIYfvL0mKxjy8r0TUCrq/6DBCWWAji/cWzwW1Dfyp5JIJBpiz58dBMTXAFYvI5ccakOxGB259c/9qpv+rzS2GhvrHZM+FRA2Ma0Ds/Q6hCHHO4qMuuHS4qK0eOgTWUHUAW/eLxOvCr0AI/N8op6orBoAAAAASUVORK5CYII=') no-repeat ;
    background-size: 10px 10px;
    height: 20px;    
    right: 20px;
    top: 0px;
    width: 20px;
    cursor: pointer;
    margin-top: -10px;
}


.sr-partner-preview-notification-others-banner > .wrapper {
    border: 1px solid #A9A9A9;
    padding: 5px;
    /*margin-right: 30px;*/
    background-color: #a8bece;
    border-radius: 2px;
}
.sr-partner-preview-notification-others-banner > .wrapper > .body {
    width: 480px;
    height: 100px;    
    background-color: #FFF;
    border-radius: 2px;
    padding: 4px 8px;
}
.sr-partner-preview-notification-others-banner .banner {
    margin-top: -8px;
    margin-left: -12px;
    background-color: #ddd;
    padding: 4px 8px;
    width: 488px;
    float: left;
}

.sr-partner-preview-notification-others-banner .close {
    float: right;
    background: rgba(0, 0, 0, 0) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADwklEQVRIS51VXWgUVxT+zsxm1WKggRQTmy5tkc5Kmhhdk3aZFU03sqQPLbQ+xRdpi6+CgpIHxR9EkFLyJFhoaF8KgoVGSGgbumswatCsiQZJMEHXlkoQRUQfNDt7j9x7Z8bZdSa2naeZe+79vnO+890zhNc8uVyuOW6an5Fh9IDoXQjRSERPGSgJISYFMDQyMnIdAIdBURR+b29viwkcBbATRHVyX3BzAI3BXHQcp/+30dE/a/FCCXI9PZ+bpjEIUIO/gSg8GWZ2yeTb6fsPH+4pFotlj+iVQ9uz2T0m0XcguIgRwDWpyjKkSAycffDo0U6PpIqgp7s7R4RzBCVJpHzLtE1RMPDjaL7wVZWsmUymYYVpzBHRWy6AJAhrnEccFZOasRDii8KFC0N+lt1b7EMAHdYLShYP4DQBvwM4xUBTTfZhMXLlmi+MjycVXjqdXhUnlNzs/QwZ+GHs4qXdkqzbti0BzhPQrEvngcLFy/tkbFs6nWSDrhGw0pVWNpxJcE6BbenszMI0/iCtu08gQP3jExMnvWps27ZMUZEkZ8YuT+z1qrFtu96oOHcJeNM7r/tNskIg05U6wEwnKGhFbb8yM/ouTU7+4oFt6+xsOn/16mIQHEtLwwBn3OMK03XvdfXx8aaOQSLa5WrvnvXsjTKRJJnySXyy1tbVz1fGR2SOeq3K0rKHTxXBRx0bBgHsCrGmajSDy6BK15Wpm3Ik+E9XR9sZgrHDPVdra3VWLaba2743wN+EEeg6eGBy5qavucewud2ywPE8iJtd9Npp8lgTtLYeAPhE7bhRV0Zg4Nrs7CvgHkm7ZVmxmFEA0EQ63+A90T3YmExuBXE+WKq+kvzT9NwteSNVHZZl1b9B/GsFfOrG3Lzfk/b16z80ULlCIM+mWllAuyiVStU5Tx6XoD2uXSCNIET/zMJtZVMJHhfOMBHZYHYA7rsxf1uRyNgKrgRtKsGZDGR9zdrWvX+IgcNu6SR9BmVT0Wc4nBd1xhCBXLeoXYGYKUdCxjWRmgIEnp5ZuJPyCWQW5tKzaQDvaZKXo0a+veyetKJvYbWrOqaW2GT6ZKZUGquylpVI2EQiD4b6wfyPicqSjWB8O3v3r/2hAMmWli8FxM8A/xcSt1yFfnbt3/f6zgNOZIYfvL0mKxjy8r0TUCrq/6DBCWWAji/cWzwW1Dfyp5JIJBpiz58dBMTXAFYvI5ccakOxGB259c/9qpv+rzS2GhvrHZM+FRA2Ma0Ds/Q6hCHHO4qMuuHS4qK0eOgTWUHUAW/eLxOvCr0AI/N8op6orBoAAAAASUVORK5CYII=') no-repeat ;
    background-size: 10px 10px;
    height: 20px;    
    margin-right: -10px;
    top: 0px;
    width: 20px;
    cursor: pointer;
    margin-top: 2px;
}
.sr-partner-preview-notification-others-banner .preview_h1-1 {
    margin-top: 40px;
}
.sr-partner-preview-notification-text {
    font-weight: bold;
    font-size: 14px;

}
.sr-partner-preview-notification-button {
    margin: 0;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid ;
    border-color: #666;
}




/*sr-partner-preview-calltoaction-form*/
.sr-partner-preview-calltoaction-form {
    box-sizing: border-box ;
    clear: both;
    text-align: center;
    margin-bottom: 90px;
    width:504px;
    margin-left: -12px;
    margin-top: -8px;
    padding: 40px 20px 20px 20px;
    background-color: #fff;
    height: 416px;
}
.sr-partner-preview-calltoaction-form .wrapper {    
    padding: 20px 0px 10px 0px;
}
.sr-partner-preview-calltoaction-form .close {
    float: right;
    background: rgba(0, 0, 0, 0) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADwklEQVRIS51VXWgUVxT+zsxm1WKggRQTmy5tkc5Kmhhdk3aZFU03sqQPLbQ+xRdpi6+CgpIHxR9EkFLyJFhoaF8KgoVGSGgbumswatCsiQZJMEHXlkoQRUQfNDt7j9x7Z8bZdSa2naeZe+79vnO+890zhNc8uVyuOW6an5Fh9IDoXQjRSERPGSgJISYFMDQyMnIdAIdBURR+b29viwkcBbATRHVyX3BzAI3BXHQcp/+30dE/a/FCCXI9PZ+bpjEIUIO/gSg8GWZ2yeTb6fsPH+4pFotlj+iVQ9uz2T0m0XcguIgRwDWpyjKkSAycffDo0U6PpIqgp7s7R4RzBCVJpHzLtE1RMPDjaL7wVZWsmUymYYVpzBHRWy6AJAhrnEccFZOasRDii8KFC0N+lt1b7EMAHdYLShYP4DQBvwM4xUBTTfZhMXLlmi+MjycVXjqdXhUnlNzs/QwZ+GHs4qXdkqzbti0BzhPQrEvngcLFy/tkbFs6nWSDrhGw0pVWNpxJcE6BbenszMI0/iCtu08gQP3jExMnvWps27ZMUZEkZ8YuT+z1qrFtu96oOHcJeNM7r/tNskIg05U6wEwnKGhFbb8yM/ouTU7+4oFt6+xsOn/16mIQHEtLwwBn3OMK03XvdfXx8aaOQSLa5WrvnvXsjTKRJJnySXyy1tbVz1fGR2SOeq3K0rKHTxXBRx0bBgHsCrGmajSDy6BK15Wpm3Ik+E9XR9sZgrHDPVdra3VWLaba2743wN+EEeg6eGBy5qavucewud2ywPE8iJtd9Npp8lgTtLYeAPhE7bhRV0Zg4Nrs7CvgHkm7ZVmxmFEA0EQ63+A90T3YmExuBXE+WKq+kvzT9NwteSNVHZZl1b9B/GsFfOrG3Lzfk/b16z80ULlCIM+mWllAuyiVStU5Tx6XoD2uXSCNIET/zMJtZVMJHhfOMBHZYHYA7rsxf1uRyNgKrgRtKsGZDGR9zdrWvX+IgcNu6SR9BmVT0Wc4nBd1xhCBXLeoXYGYKUdCxjWRmgIEnp5ZuJPyCWQW5tKzaQDvaZKXo0a+veyetKJvYbWrOqaW2GT6ZKZUGquylpVI2EQiD4b6wfyPicqSjWB8O3v3r/2hAMmWli8FxM8A/xcSt1yFfnbt3/f6zgNOZIYfvL0mKxjy8r0TUCrq/6DBCWWAji/cWzwW1Dfyp5JIJBpiz58dBMTXAFYvI5ccakOxGB259c/9qpv+rzS2GhvrHZM+FRA2Ma0Ds/Q6hCHHO4qMuuHS4qK0eOgTWUHUAW/eLxOvCr0AI/N8op6orBoAAAAASUVORK5CYII=') no-repeat ;
    background-size: 10px 10px;
    height: 20px;    
    right: 20px;
    top: 0px;
    width: 20px;
    cursor: pointer;
    margin-top: -10px;
}

.sr-partner-preview-calltoaction-others > .wrapper {
    border: 1px solid #A9A9A9;
    padding: 5px;
    /*margin-right: 30px;*/
    background-color: #a8bece;
    border-radius: 2px;
}
.sr-partner-preview-calltoaction-others > .wrapper > .body {
    width: 480px;
    height: 190px;    
    background-color: #FFF;
    border-radius: 2px;
    padding: 4px 8px;
}

.sr-partner-preview-calltoaction-button {
    margin: 0;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid ;
    border-color: #666;
    cursor: pointer;
}
.sr-partner-color-picker {
    text-transform: uppercase;
}

.colorpicker-no-background {
    background: transparent!important;
    border-color: transparent!important;
    height: 30px!important;;
}
.colorpicker-no-background:focus {
    border-color: transparent!important;
    box-shadow: 0 0 0 1px transparent!important; ;
}
/*****/