body{

    font-family: 'proxima_nova_regular';

    margin-bottom: 100px;    

}



html, body{

    max-width: 100%;

}



::selection {

    color: #fff;

    background: #19b5fe

}

::-moz-selection {

    color: #fff;

    background: #19b5fe

}

::-webkit-selection {

    color: #fff;

    background: #19b5fe

}



/* Checkbox */

.sp_check{}

.sp_check input{

    display: none;

}

.sp_check span {

    border: 2px solid #03ad86;

    width: 16px;

    height: 16px;

    display: inline-block;

    vertical-align: middle;

    border-radius: 2px;

    margin: -3px 6px 0px 0px;

    position: relative;

}

.sp_check span:after {

    position: absolute;

    left: -1px;

    top: -1px;

    content: '\f00c';

    font-family: 'FontAwesome';

    background: #03ad86;

    width: 15px;

    height: 15px;

    border-radius: 2px;

    font-size: 11px;

    color: #fff;

    padding-left: 2px;

    opacity: 0;

    visibility: hidden;

    -webkit-transform: scale(1.8);

    -moz-transform: scale(1.8);

    transform: scale(1.8);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.sp_check input[type="checkbox"]:checked + label span:after{

    visibility: visible;

    opacity: 1;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    transform: scale(1);

}



/* CUSTOM BOOTSTRAP */

.btn {

    padding: 14px 21px;

    font-size: 13px;

    border-radius: 2px;

    font-family: 'proxima_nova_bold';

    text-transform: uppercase;

}



.btn-success {

    color: #fff;

    background-color: #8BC34A;

    border-color: #8BC34A;

}

.btn-success:hover {

    color: #fff;

    background-color: #8BC34A;

    border-color: #8BC34A;

}

.btn-success:focus, .btn-success:active:focus {

    color: #fff;

    background-color: #8BC34A;

    border-color: #8BC34A;

}

.btn-info {

    color: #b5cadc;

    background-color: #202f3e;

    border-color: #223140;

    margin-right: 10px;

}

.btn-info:hover {

    color: #b5cadc;

    background-color: #2b3e50;

    border-color: #17212b;

}

.btn-info:focus, .btn-info:active:focus {

    color: #fff;

    background-color: #223140;

    border-color: #172029;

}



.btn{

    outline: none

}



.form-status.alert-warning li,

.form-status.alert-danger li {

    list-style: none;

    padding-left: 18px;

    position: relative;

}



.form-status.alert-warning li:after,

.form-status.alert-danger li:after {

    content: '\f00d';

    font-family: 'FontAwesome';

    font-size: 14px;

    position: absolute;

    left: 0px;

    top:  -2px;

}



.hm_p_f_r{

    min-height: 80px;

    margin-bottom: 20px;

}



.form_half{

    height: 80px;

    float: left;

    display: block;

    width: 50%;

    position: relative;

}

.form_gcaptha_controllable{

    padding-left: 5px;

}

.style2 .half_left {

    width: 70%;

}

.style2 .half_right {

    width: 30%;

    padding-left: 25px;

}

.style3 .half_left {

    width: 70%;

}

.style3 .half_right {

    width: 30%;

    padding-left: 25px;

}



.has-error .form-control:focus {

    border-color: #843534;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.has-error .form-control{

    border: 1px solid #af4b4b !important;

}



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

Home Page

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



/* Navigation */

.navbar-default {

    background-color: transparent;

    border: none;

    margin-bottom: 0px;

    border-bottom: 1px solid #e8e8e8;

}

.navbar{

    min-height: 100px;

}

.navbar-brand {

    height: 100px;

    padding: 26px 0px;

}

.navbar-brand span{

    height: 50px;

    display: block;

    overflow: hidden;

}

.navbar-default .navbar-nav > li > a {

    color: #888888;

    font-size: 18px;

    font-weight: 800;

}

.navbar-nav > li > a {

    padding-top: 43px;

    padding-bottom: 35px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.navbar-nav > li > a:hover{

    color: #19b5fe;





}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

    background-color: #19b5fe;

}

.navbar-default .navbar-toggle {

    border-color: #19b5fe;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.navbar-default .navbar-toggle:hover .icon-bar,

.navbar-default .navbar-toggle:focus .icon-bar{

    background-color: #fff;

}

.navbar-default .navbar-toggle .icon-bar {

    background-color: #19b5fe;

}





.style2 .navbar-default .navbar-toggle:hover, 

.style2 .navbar-default .navbar-toggle:focus {

    background-color: #f4b350;

}

.style2 .navbar-default .navbar-toggle {

    border-color: #f4b350;

}

.style2 .navbar-default .navbar-toggle:hover .icon-bar,

.style2 .navbar-default .navbar-toggle:focus .icon-bar{

    background-color: #fff;

}

.style2 .navbar-default .navbar-toggle .icon-bar {

    background-color: #f4b350;

}





.style3 .navbar-default .navbar-toggle:hover, 

.style3 .navbar-default .navbar-toggle:focus {

    background-color: #f4b350;

}

.style3 .navbar-default .navbar-toggle {

    border-color: #f4b350;

}

.style3 .navbar-default .navbar-toggle:hover .icon-bar,

.style3 .navbar-default .navbar-toggle:focus .icon-bar{

    background-color: #fff;

}

.style3 .navbar-default .navbar-toggle .icon-bar {

    background-color: #f4b350;

}



.container{

    padding: 0px 30px;

}





/*----------  Content Area  ----------*/

.content-area{

    margin-top: 60px;

}





/* CONTENT */

.search-pblm{}

.search-pblm form{

    position: relative;

}

.search-pblm form input[type=text] {

    background: #f6fbff;

    border: 1px solid #d4e7f6;

    box-shadow: none;

    color: #888888;

    height: 65px;

    font-size: 15px;

    padding: 17px 32px;

    font-family: 'proxima_nova_regular';

    border-radius: 3px;

}

.search-pblm form input[type=text]::-webkit-input-placeholder{

    color: #888888;

}

.search-pblm form input[type=text]:focus{

    box-shadow: none;

}

.search-pblm form button {

    position: absolute;

    right: 25px;

    top: 21px;

    border: none;

    background: none; 

    color: #cccccd;

    font-size: 17px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.search-pblm form button:hover{

    color: #19b5fe

}

.search-pblm form button:focus{

    outline: none;

}







/*     HEADING TEXT     */

.heading-text    {

    margin-top: 45px;

}

.heading-text   h2{

    font-size: 36px;

    font-family: 'proxima_novasemibold';

    color: #222222;

}

.heading-text   h2 span{

    color: #19b5fe;    

}

.style2 .heading-text   h2 span{

    color: #f4b350;    

}

.style3 .heading-text   h2 span{

    color: #19b5fe;    

}

.heading-text   p{

    color: #888888;

    font-size: 16px;

}





/*     TICKET FORM    */

.ticket-form{

    margin-top: 35px;

}

.submit-ticket{

    padding-right: 20px;

}

.ticket-form form{}

.ticket-form form .form-group{

    margin-bottom: 30px;

}

.ticket-form form .form-control{

    border: 1px solid #d9d9d9;

    box-shadow: none;

    color: #888888;

    height: 60px;

    font-size: 15px;

    padding: 17px 32px;

    font-family: 'proxima_nova_regular';

    border-radius: 3px;

}

.ticket-form form select.form-control {

    padding-left: 28px !important;

}

.ticket-form form textarea.form-control {

  overflow: hidden;

}



.ticket-form form .form-control:focus{

    border: 1px solid #19B5FE

}

.style2 .ticket-form form .form-control:focus{

    border: 1px solid #f4b350

}

.style3 .ticket-form form .form-control:focus{

    border: 1px solid #f4b350

}

.ticket-form form textarea.form-control{

    height: 200px;

}

.ticket-form form .btn-submit {

    background: #19b5fe;

    color: #fff;

    font-family: 'proxima_nova_bold';

    font-size: 16px;

    padding: 26px 73px;

}



.style2 .ticket-form form .btn-submit {

    background: #f4b350;

}



.style3 .ticket-form form .btn-submit {

    background: #19b5fe;

}



/*     COMMON ANSWERS    */

.common-answers .panel-group{

    margin-top: 35px;

}

.common-answers .panel-heading:first-child{

    padding-top: 0px;

}

.common-answers .panel-default {

    position: relative;



}

.common-answers .panel-default > .panel-heading {

    color: #222222;

    background-color: transparent;

    border: none;

    border-bottom: 0px solid  #eaeaea;

    font-size: 16px;

    font-family: 'proxima_novasemibold';

    margin-left: 20px;

}

.common-answers .panel-default > .panel-heading i{

    margin-right: 20px;

    font-weight: bold;

    position: absolute;

    left: 0px;

}



.panel {

    margin-bottom: 20px;

    border: none;

    background-color: #fff;

    border-bottom: 0px solid transparent; 

    border-radius: 4px;

    -webkit-box-shadow: none; 

    box-shadow: none; 

}

.panel-group .panel:first-child{

    padding-top: 0px;

}

.panel-group .panel {

    margin-bottom: 0;

    border-radius: 0px;

    border-bottom: 1px solid #ddd;

    padding: 9px 0px;

    padding-bottom: 12px;

}

.panel-group .panel-body{

    padding-bottom: 5px;

    padding-top: 0px;

}

.panel-title {

    line-height: 20px;

}

.panel-title.collapsed i {

    transform: rotate(0deg);    

}

.panel-title i{

    transform: rotate(90deg);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {

    border-top: none;

    margin-left: 20px;

    color: #848383;

    line-height: 23px;

}



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

TICKETS PAGE 

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



.title-text h3 {

    margin-top: 0px;

    color: #8198ac;

    font-family: 'proxima_nova_bold';

    font-size: 18px;

    margin-bottom: 15px;

    margin-left: 25px;

}



.all-tickets-area{

}



.ticket-big-box .table thead tr,

.staffs-p .table thead tr{

    background: #f4f9ff

}

.ticket-big-box .table thead tr th,

.staffs-p .table thead tr th {

    color: #8198ac;

    padding: 14px 28px;

    text-transform: uppercase;

    border-bottom: none;

    white-space: nowrap;

    border-right: 1px solid #f3f6f9;

    font-size: 13px

}

.table-hover > tbody > tr:hover {

    background: #f4f9ff

}

.ticket-big-box .table tbody tr td ,

.staffs-p .table tbody tr td {

    color: #8198ac;

    padding: 17px 33px;

    border-bottom: 1px solid #f3f6f9;

    border-right: 1px solid #f3f6f9;

    border-top: none;

    white-space: nowrap;

    font-family: 'proxima_nova_regular';

    font-size: 14px;

}

.ticket-big-box .table tbody tr td a,

.staffs-p .table tbody tr td a {

    color: #8198ac;

}



span.status-new{

    color: #258df4;

}

 span.status-pending{

    color: #ff474c;

}

 span.status-solved{

    color: #8BC34A;

}









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

AUTH PAGE 

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



.auth-page {

    background: #fff;

    height: 100%;

    width: 100%;

    position: absolute;

    top: 0px;

    left: 0px;

}

.form-outer{

    display: table;

    width: 100%;

    height: 100%;

}

.inner {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.auth-form-area {

    position: relative;

    display: inline-block;

    width: 550px;

    padding: 80px;

    background: #fff;

    border: 1px solid #d9d9d9;

    color: #d9d9d9;

    border-radius: 10px;

}





.auth-form-area .logo img{

    width: 170px;

}





.auth-form-area .form-control {

    display: block;

    width: 100%;

    height: 58px;

    padding: 6px 20px;

    font-size: 16px;

    font-weight: 800;

    background-color: #fff;

    background-image: none;

    border-radius: 0px 4px 4px 0px;

}



.auth-form-area .register-form .form-control  {



    border-radius: 4px;

}



.auth-form-area .input-group-addon {

    padding: 6px 24px 2px 25px;

    font-size: 14px;

    font-weight: normal;

    line-height: 1;

    color: #fff;

    text-align: center;

    background-color: #cecece;

    border-radius: 4px 0px 0px 4px;

    -webkit-box-shadow: none;

    box-shadow: none;

}

.auth-form-area .form-control:focus {

    border-color: none;

     outline: 0; 

    -webkit-box-shadow: none;

    box-shadow: none;

}

.auth-form-area input::-webkit-input-placeholder {

    color: #667c8e;

}

.auth-form-area  .logo{

    margin-bottom: 40px;

}

.auth-form-area .title{

    font-size: 16px;

    color: #667c8e;

    font-family: 'proxima_nova_bold';

    text-transform: uppercase;

}



.auth-form-area .the-form{

    margin-top: 25px;

}



.auth-form-area .form-group{

    margin-bottom: 20px;

}

.auth-form-area .the-form input[type=submit]{

    padding: 14px 50px;

    font-size: 15px;

    font-family: 'proxima_nova_bold';

    background: #8BC34A;

}



.auth-form-area .the-form button:focus{

    background:#8BC34A;

    outline: none; 

}



.auth-form-area .the-form .help-links {

    margin-top: 30px;

}

.auth-form-area .the-form .help-links p{



}

.auth-form-area .the-form .help-links p a{

    color: #667c8e;



}









/*      CUSTOM INPUT SELECTOR       */



.js .ticket-submit-file .inputfile

 {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

}



.ticket-submit-file .inputfile + label {

    max-width: 90%;

    font-size: 15px;

    font-family: 'proxima_nova_light';

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

    display: inline-block;

    overflow: hidden;

    padding: 28px 20px 30px 33px;

    border-radius: 3px;

    position: absolute;

    left: 0;

    top: 0px;

    background: #f9f9f9;

    color: #bebebe;

    height: 77px;

    width: 100%;

    border: 1px solid #d9d9d9;

}



.style2 .ticket-submit-file .inputfile + label{

    max-width: 100%;

}



.style2 .google-recaptcha-init{

    padding-left: 40px;

}

.ticket-submit-file .inputfile + label span.browse{

    color: #19b5fe;

    text-decoration: underline;

}

.style2 .ticket-submit-file .inputfile + label span.browse{

    color: #f4b350;

}



.style3 .ticket-submit-file .inputfile + label{

    max-width: 100%;

}



.style3 .google-recaptcha-init{

    padding-left: 40px;

}

.ticket-submit-file .inputfile + label span.browse{

    color: #19b5fe;

    text-decoration: underline;

}

.style3 .ticket-submit-file .inputfile + label span.browse{

    color: #19b5fe;

}



.no-js .ticket-submit-file .inputfile.replyfile + label {

    display: none;

}



.ticket-submit-file .inputfile:focus + label,

.ticket-submit-file .inputfile.has-focus + label{

    outline: 1px dotted #000;

    outline: -webkit-focus-ring-color auto 5px;

}



.ticket-submit-file .inputfile + label svg {

    width: 1em;

    height: 1em;

    vertical-align: middle;

    fill: currentColor;

    margin-top: -0.25em;

    margin-right: 0.25em;

    margin-right: 20px;

}







.ticket-submit-file .inputfile-1 + label {

    color: #8198ac;

    background-color: #202f3e;

}



.ticket-submit-file .inputfile-1:focus + label,

.ticket-submit-file .inputfile-1.has-focus + label,

.ticket-submit-file .inputfile-1 + label:hover {

    background-color: #202f3e;

}



@media screen and (max-width: 50em) {

    .ticket-submit-file .inputfile-6 + label strong {

        display: block;



    }





}









/*=============================================

=            Single ticket page               =

=============================================*/



.ticket-single-page{

    margin-top: 15px;

}

.all-user-ticket-box{

    padding-top: 20px;

    margin-top: 15px;

}

.ticket-box .table{

    margin-bottom: 0px;

    text-transform: capitalize;

}

.ticket-box{

    box-shadow: 0px 0px 30px rgba(0,0,0,0.05);

    background: #fff;

    border-radius: 10px;

}



.ticket-header {

    height: 60px;

    padding: 25px 30px;

}

.ticket-header h4{

    color: #8198ac;

    margin: 0px;

    font-family: 'proxima_nova_bold';

    text-transform: uppercase;

    font-size: 18px;

    font-weight: bold;

}



.ticket-title {

    background: #f4f9ff;

    padding: 18px 15px 7px;

    margin-right: 0px;

    margin-left: 0px;

}

.ticket-title h3 {

    font-size: 18px;

    font-family: 'proxima_novasemibold';

    color: #849bb3;

    margin: 0px;

}



.t-t-d{

    text-align: right;

    color: #afc4d8;

    font-size: 12px

}



.remove-btn{

    border: none;

    background: none;

    padding: 2px 5px 0px 6px;

    color: #FF474C;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}



.remove-btn:hover{

    color: #ea3b40;

}





.remove-btn:focus{

    outline: none;



}



.ticket-detail{

    padding:15px 30px;

    font-size: 16px;

}

.ticket-detail p {

    color: #849bb3;

    line-height: 28px;

    font-size: 15px;

}

.single-reply:hover .remove-reply{

    display: block;

}

.remove-reply{

    display: none;

    background: none;

    border: none;

    border-radius: 40px;

    padding: 2px 4px 2px 5px;

    border: 1px solid transparent;

    color: #e24044;

    font-size: 14px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.remove-reply:hover{

    border: 1px solid #e24044;

}

.remove-reply:focus{

    outline: none

}

.reply-user-img img {

    width: 50px;

    height: 50px;

    border-radius: 50px;

}

.file-attached{

    background: url('/assets/img/bg-at.png') repeat-x;

    height: 45px;

    border: 1px solid #eaf1f6;

    border-radius: 5px

}

.file-single{

    height: inherit;

}

.file-t {

    width: 110px;

    margin-right: 15px;

    float: left;

    height: inherit;

    padding: 13px 0px 13px 20px;

}

.file-t span{

    font-size: 12px;

    color: #92a8be;

}

.file-name {

    padding: 12px 30px 12px 0px;

    float: left;

}

.file-name span a{

    color: #698097;

    font-size: 15px;

}



.ticket-replies {

    border-top: 1px solid #eff3f8;

    margin-top: 25px;

}

.reply-hide{

    display: none;

}

.reply-form{

    padding: 30px 30px;

}

.reply-form label {

    font-size: 13px;

    margin-bottom: 15px;

    text-transform: uppercase;

    font-family: 'proxima_nova_bold';

    color: #8198ac;

}

.reply-form textarea#reply-textarea{

    height: 120px;

    resize: none;

    border: 1px solid #e6ecf2;

    box-shadow: none;

    -webkit-box-shadow: none;

    overflow: hidden;

}





.reply-form textarea#reply-textarea:focus {

    border-color: #202F3E;

    outline: 0;

     -webkit-box-shadow: none; 

     box-shadow: none; 

}



.reply-form  .form-group{

    position: relative;

}

#reply-attach-file {

    color: transparent;

    width: 120px;

    right: 2px;

    top: 107px;

}

#reply-attach-file::-webkit-file-upload-button {

  visibility: hidden;

}

#reply-attach-file:focus{

    outline: none;

}

#reply-attach-file::before {

    content: 'Attach file';

    display: inline-block;

    background: #202f3e;

    border-radius: 3px;

    padding: 13px 20px;

    outline: none;

    white-space: nowrap;

    -webkit-user-select: none;

    cursor: pointer;

    font-weight: 700;

    font-size: 12px;

    color: #8198ac;

    text-transform: uppercase;

}

#reply-attach-file:focus:before {

    outline: none;

}

#reply-attach-file:hover::before {

  border-color: black;

}

#reply-attach-file:active {

  outline: 0;

}

#reply-attach-file:active::before {

  background: #203141; 

}









.js .inputfile,

.js .inputfile.replyfile

 {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

}



.inputfile + label, .inputfile.replyfile + label {

    max-width: 80%;

    font-size: 11px;

    font-weight: 700;

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

    display: inline-block;

    overflow: hidden;

    padding: 0.625rem 1.25rem;

    padding: 15px 17px;

    border-radius: 3px;

    position: absolute;

    right: 4px;

    bottom: -11px;

}



.no-js .inputfile.replyfile + label,

.no-js .inputfile + label {

    display: none;

}



.inputfile:focus + label,

.inputfile.has-focus + label,

.inputfile.replyfile:focus + label,

.inputfile.replyfile.has-focus + label {

    outline: 1px dotted #000;

    outline: -webkit-focus-ring-color auto 5px;

}



.inputfile + label svg ,

.inputfile.replyfile + label svg {

    width: 1em;

    height: 1em;

    vertical-align: middle;

    fill: currentColor;

    margin-top: -0.25em;

    /* 4px */

    margin-right: 0.25em;

    /* 4px */

}







.inputfile-1 + label {

    color: #8198ac;

    background-color: #fff;

}



.inputfile-1:focus + label,

.inputfile-1.has-focus + label,

.inputfile-1 + label:hover {

    background-color: #fff;

}



@media screen and (max-width: 50em) {

    .inputfile-6 + label strong {

        display: block;

    }

}



.all-replies{

    padding: 30px 30px 0px;

    margin-right: 0px;

    margin-left: 0px;

}



.all-replies .row{

    margin-right: 0px;

    margin-left: 0px;

}



.single-reply{

    margin-bottom: 60px;

    position: relative;

}



/*.single-reply:nth-child(2n+1) {

    background: #f7fbff

}*/



.single-reply:last-child{

    margin-bottom: 30px;

}



.single-reply:after {

    position: absolute;

    bottom: -28px;

    left: -31px;

    background: #eff3f8;

    height: 1px;

    width: 107%;

    content: '';

}



.single-reply .media-left, 

.single-reply .media > .pull-left {

    padding-right: 20px;

}



.reply-user-img img:focus{

    outline: none;

}

.reply-user-details{}

.reply-user-details h4{

    margin-top: 3px;

    margin-bottom: 3px;

    font-family: 'proxima_nova_bold';

}

.reply-user-details h4 a {

    color: #202f3e;

    font-size: 19px;

}

.reply-user-details h4 a:focus{

    outline: none;

}

.reply-user-details p.user-role{

    color: #8198ac;

    font-size: 13px;

}

.reply-user-details p.reply-date{

    color: #8198ac;

    font-size: 14px;

}



.reply-box-right{

}

.reply-message {

    margin-top: 20px;

}

.reply-message p {

    color: #000;

    font-size: 16px;

    line-height: 25px;

    font-weight: 400;

}





.file-row{

    height: 80px !important;

    margin-bottom: 20px;

}



.edit-page-file{

    margin-bottom: 10px;

}

.edit-waring-msg{

    margin-bottom: 25px;

}

.edit-waring-msg span{

    color: #8a6d3b

}

.action-btns a{

    margin-right: 5px;

}





/*=====  PROFILE SETTINGS ======*/

.settings-area .ticket-box {

}

.settings-area h3{

    margin-top: 0px;

    color: #8198ac;

    font-family: 'proxima_nova_bold';

    font-size: 18px;

    margin-bottom: 15px;

    margin-left: 25px;

}



.settings-area  form{

    padding: 0px 25px 50px;

    margin-top: 40px;

}





.settings-area .form-group{

    display: block;

}

.settings-area .form-group:after,

.settings-area .form-group:before{

    display: table;

    content: " ";

}

.settings-area .form-input{

    width: 350px;

    float: left;

    margin-right: 30px;

}



.settings-area .form-required-lable{

    float: left;

    color: #94acc3;

    padding-top: 45px;

}



.settings-area .form-required-lable.department-fg {

    padding-top: 25px;

}

.settings-area label {

    display: inline-block;

    max-width: 100%;

    margin-bottom: 5px;

    color: #849bb3;

    font-family: 'proxima_novasemibold';

    font-size: 15px;

}

.settings-area .form-control {

    display: block;

    width: 100%;

    height: 45px;

    padding: 6px 20px;

    font-size: 14px;

    line-height: 1.42857143;

    color: #94acc3;

    background-color: #f4f9ff;

    background-image: none;

    border: 1px solid #e4eaf1;

    border-radius: 2px;

     -webkit-box-shadow: none; 

     box-shadow: none; 

    margin-top: 5px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.settings-area select.form-control option{

    padding: 20px 0px;

}

.settings-area .form-control:focus{

    border: 1px solid #dadada;

}

.settings-area  form input::-webkit-input-placeholder {

    color: #94acc3;

}



.settings-area .inputfile + label {

    font-size: 14px;

    font-weight: 700;

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

    display: inline-block;

    overflow: hidden;

    padding: 0.625rem 1.25rem;

    padding: 15px 88px 15px 22px;

    border-radius: 3px;

    position: initial;

    float: left;

    width: 100% !important;

    max-width: 100% !important;

    border: 1px solid #e4eaf1;

}









/*  TINYMCE     */





.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset{

    color: #333 !important;

}

.mce-panel {

    background-color: #F4F9FF !important;

    border: 1px solid #e6ecf2 !important;

    border-radius: 3px



}

.mce-panel:focus{

    border: 1px solid red !important;



}

#mceu_2{

    display: none;

}

.mce-btn {

    background-color: #F4F9FF !important;

}

span.status-novo{

    color: #0084B4;

}

 span.status-pendente{

    color: #ff474c;

}

 span.status-resolvido{

    color: #8BC34A;

}