@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,700,400,500);
html, body { font-family: 'Open Sans', sans-serif; background: #fafafa; }

body { overflow-x: hidden; }

body { overflow-y: auto !important; }

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

.no-margin-left { margin-left: 0 !important; }

.no-margin-bottom { margin-bottom: 0 !important; }

.no-border { border: none !important; }

md-select { padding: 0; }

.display-block { display: block; }

* { outline: none !important; }

.md-button { /*padding: 0;*/ -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; border-radius: inherit; min-width: 0px; margin: 0px; }

.md-button.md-fab { line-height: inherit; }

md-input-container { padding: 2px 0 !important; }
md-input-container label { font-family: 'Roboto', sans-serif; font-weight: 500; }
md-input-container .md-input { font-family: 'Roboto', sans-serif; font-weight: 400; }
md-input-container .md-input ::-webkit-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: 400; }
md-input-container .md-input :-moz-placeholder { font-family: 'Roboto', sans-serif; font-weight: 400; }
md-input-container .md-input ::-moz-placeholder { font-family: 'Roboto', sans-serif; font-weight: 400; }
md-input-container .md-input :-ms-input-placeholder { font-family: 'Roboto', sans-serif; font-weight: 400; }
md-input-container .md-placeholder { font-family: 'Roboto', sans-serif; font-weight: 400; }

md-checkbox.white .md-icon {border-color: #ffffff !important;}

.modal-header { padding-left: 20px; padding-right: 20px; }

.sp-container .sp-cancel, .sp-container .sp-choose { font-size: 12px; cursor: pointer; }
.sp-container .sp-cancel:hover, .sp-container .sp-choose:hover { text-decoration: underline; }

.md-default { font-family: 'Roboto', sans-serif; font-weight: bold; }

.md-button.md-primary.md-raised:not(:hover), .md-button.md-primary.md-fab:not(:hover) { background-color: #00BCD4 !important; -webkit-box-shadow: 1px 0 4px rgba(0, 0, 1, 0.3); -moz-box-shadow: 1px 0 4px rgba(0, 0, 1, 0.3); -ms-box-shadow: 1px 0 4px rgba(0, 0, 1, 0.3); box-shadow: 1px 0 4px rgba(0, 0, 1, 0.3); }

.md-button.md-primary.md-raised, .md-button.md-primary.md-fab { background-color: #00BCD4 !important; }

/*.md-button { border-radius: 0; padding: 12px 20px; }*/

.md-button.md-gray { background-color: #cccccc !important; color: #ffffff !important; }

md-checkbox { margin-left: 0 !important; }
md-checkbox.md-checked .md-icon { background-color: rgba(0, 188, 212, 0.75); }
md-checkbox .md-icon { border-radius: 0; }

md-input-container .md-placeholder, md-input-container label:not(.md-no-float) { -webkit-transform: translate3d(0, 12px, 0) scale(1); transform: translate3d(0, 12px, 0) scale(1); }

md-select .md-select-label.md-placeholder { color: #ffffff; }
md-select .md-select-label.md-placeholder span { color: #9BEDF8; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; }

md-select .md-select-label, md-select:focus .md-select-label, md-select:active .md-select-label, md-select:hover .md-select-label { border-bottom-color: #4ECFE0 !important; }

.sp-cancel, .sp-choose { font-family: 'Roboto', sans-serif; font-weight: 500; text-transform: uppercase; }

md-select:not([disabled]):focus .md-select-label { color: #ffffff !important; }

md-option .md-text { font-family: 'Roboto', sans-serif; font-weight: 400; color: #222; font-weight: 500; height: 25px; font-size: 14px; }

.md-select-menu-container md-option { border-bottom: 1px solid #eee; }
.md-select-menu-container md-option:hover { background: #effdff; }
.md-select-menu-container md-option:focus { background: #00BCD4; color: #fff; }

md-select-menu md-option[selected]:focus { background: #00BCD4; color: #fff; }
md-select-menu md-option[selected]:focus .md-text { color: #fff; }

md-select-menu md-option[selected] { background: #00BCD4; }

.md-select-label { font-family: 'Roboto', sans-serif; font-weight: 400; color: #ffffff; padding-bottom: 11px; }

md-tooltip .md-content { color: #FFF; text-transform: uppercase; }
md-tooltip .md-content .ng-scope { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 11px; }

.types-style { background: transparent !important; border: none; border-bottom: 1px solid #4ECFE0; text-align: left; color: #9BEDF8 !important; font-family: 'Roboto', sans-serif; font-weight: 400; margin-bottom: 15px; padding-left: 0; padding-bottom: 11px; }
.types-style .caret { float: right; border-top: 6px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; }

.vcenter { display: inline-block; vertical-align: middle; }

.vtop { display: inline-block; vertical-align: top; }

tags-input .tags { background: none; border: none; border-bottom: 2px solid #4ecfe0; text-align: left; color: #fff; font-family: 'Roboto', sans-serif; font-weight: 400; outline: none !important; box-shadow: none !important; /*margin-bottom: 30px;*/ -moz-appearance: none; -webkit-appearance: none; appearance: none; }
tags-input .tags .input { padding-left: 0; }
tags-input .tags input::-webkit-input-placeholder { color: #fff; }
tags-input .tags input:-moz-placeholder { color: #fff; }
tags-input .tags input::-moz-placeholder { color: #fff; }
tags-input .tags .tag-item { background: #59d3e3; border-radius: 0; border: none; height: 28px; margin: 10px 7px 0 0; }
tags-input .tags .tag-item .remove-button { color: #fff; }
tags-input .tags .tag-item .remove-button span { color: #fff; }

.md-select-menu-container.md-active { margin-left: 8px; padding: 0 15px; }

.md-select-menu-container.md-active md-select-menu { width: 100%; }

.md-select-menu-container.md-active md-select-menu > * { width: 100%; }

#Autocomplete::-webkit-input-placeholder { color: transparent !important; }
#Autocomplete:-moz-placeholder { color: transparent !important; }
#Autocomplete::-moz-placeholder { color: transparent !important; }
#Autocomplete:-ms-input-placeholder { color: transparent !important; }

.md-select-menu-container md-option { align-items: baseline; -webkit-align-items: baseline; padding-top: 18px; }
.md-select-menu-container md-option a { color: #222; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; color: #999; }

/******  buttons ******/
.md-button a { text-decoration: none !important; }
.md-button a { color: #00bcd4; }

md-input-container .md-input, .create-resume-wrapp .md-select-label span { color: #222; }

/*[class*=" md-"]:not(i), [class^="md-"]:not(i) { font-family: 'Roboto', sans-serif; font-weight: 400; }*/

.aleft-modal .modal-dialog { width: 100%; max-width: 520px; }
.aleft-modal .modal-header { background-color: #e95b53; }
.aleft-modal .modal-header span { display: inline-block; vertical-align: middle; background-color: #fff; background: url(../img/alert-modal-icon.png) center no-repeat #fff; border-radius: 50%; width: 80px; height: 80px; }
.aleft-modal .modal-header .modal-title { color: #fff; font-size: 20px; display: inline-block; vertical-align: middle; text-transform: none; padding-left: 20px; }
.aleft-modal .modal-footer { padding: 20px; }

.tags-container tags-input .tags { border-bottom: 0;  -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; }
.tags-container tags-input .tags .input { border-bottom: 1px solid #4ecfe0; }

.logo-login { display: inline-block; background: url("../img/logo_new_big.png"); height: 22px; width: 127px; background-size: contain; background-repeat: no-repeat; }

.login-block { width: 358px; height: 352px; background-color: #FFF; float: none !important; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); padding-top: 30px; padding-bottom: 30px; margin-top: 50px; }
.login-block  { width: 100%; }
.login-block  .md-input { width: 100%; }
.login-block h1 { color: #00BCD4; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 14px; text-transform: uppercase; }
.login-block .login-btn { height: 39px; background-color: #00BCD4; width: 100%; border: none; text-transform: uppercase; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); color: #FFFFFF; }
.login-block md-checkbox { margin: 10% 0 !important; font-family: 'Roboto', sans-serif; font-weight: 400; }
.login-block .md-label { color: #999; }
.login-block .md-label:before { display: none; }

.hint-block { display: block; text-align: center; margin-top: 10%; font-size: 14px; }
.hint-block a { color: #FFFFFF !important; text-transform: uppercase; }

.login-container { position: fixed; width: 100%; height: 100%; background: #00bcd4; top: 0; left: 0; padding-left: 15px; padding-right: 15px; padding-bottom: 150px; }
.login-container .logo { display: table; margin: 90px auto 45px; }
/*.login-container .forgot-password { position: fixed;  top: 65%;  left: 50%;  transform: translate(-50%, -50%); font-size: 14px; font-weight: 600; display: table; color: white; padding: 10px 20px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; outline: none; }*/
/*.login-container .forgot-password:hover, .login-container .forgot-password:focus { text-decoration: none; background: rgba(158, 158, 158, 0.4); }*/

.login-container .forgot-password {text-decoration: none; color: #939393; text-align: center; margin-top:20px; font-size: 12px; display: block;}
.login-container .forgot-password:hover {color: #ef4482;}
.login-container .form-gray-text { font-size: 14px; color: #444; margin: 30px 0 20px; }

/*-------------------------------------*/
.login-form-form { background: white; display: table; width: 100%; padding: 30px 20px; max-width: 360px; margin: 0 auto 40px; font-family: 'Roboto', sans-serif; font-weight: 400; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.26); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.26); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.26); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.26); }
.login-form .md-button.md-default { height: 39px; padding-top: 0; padding-bottom: 0; }
.login-form md-input-container { width: 100%; padding: 0; }
.login-form md-input-container.md-input-focused .md-placeholder { bottom: 16px; }
.login-form md-input-container.md-input-focused.textarea-container textarea { padding-top: 12px; }
.login-form md-input-container.md-input-focused.textarea-container .md-placeholder { bottom: auto; top: 40px; }
.login-form md-input-container.textarea-container .md-placeholder { bottom: auto; top: 28px; }
.login-form md-input-container.textarea-container textarea { padding: 0; }
.login-form md-input-container.textarea-container label { top: -10px; }
.login-form md-input-container .md-placeholder { bottom: 28px; left: 0; }
.login-form md-input-container label { padding-left: 0; }
/*.login-form md-input-container input.md-input { height: 45px; line-height: 45px; margin-bottom: 0; }*/
.login-form md-input-container input, .login-form md-input-container textarea { width: 100%; max-width: 100%; }
.login-form md-input-container input:-webkit-autofill, .login-form md-input-container textarea:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px white; -webkit-text-fill-color: black; /*border: none !important;*/ border-color: rgba(0, 0, 0, 0.12) !important; outline-color: rgba(0, 0, 0, 0.12) !important; }
.login-form md-checkbox { margin-left: 0; margin-top: 30px; margin-bottom: 40px; font-family: 'Roboto', sans-serif; font-weight: 400; }
.login-form md-checkbox.md-checked .md-label { color: #00bcd4; }
.login-form * { outline: none !important; }
.login-form md-checkbox .md-label { font-size: 14px; color: #00bcd4; color: #444; font-family: 'Roboto', sans-serif; font-weight: 400; outline: none !important; }
.login-form md-checkbox.md-checked .md-icon { background: #00bcd4; }
.login-form md-checkbox .md-icon { border-color: #dddddd; }

.login-form .login-apps {max-width: 360px;}
.login-form .login-apps a { float: left; width: 50%;}
.login-form .login-apps a img {width: 100%;}
.login-form .login-apps .login-apps-google {margin-top: -9px; text-align: right}
.login-form .login-apps .login-apps-apple {text-align: left}

.login-footer { display: table; width: 100%; font-size: 14px; font-weight: 600; color: white; position: absolute; bottom: 0; left: 0; padding: 0 15px 15px; }
.login-footer a { color: white; }
.login-footer .left { float: left; }
.login-footer .right { float: right; }

.md-button.draft-btn {border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);}
.md-button.md-default { display: block; width: 100%; background: #00bcd4; font-size: 14px; line-height: 40px; color: white; -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); }
.md-button.md-default:hover, .md-button.md-default:focus { color: black; }

.form-title { font-size: 14px; color: #00bcd4; text-transform: uppercase; font-weight: 600; }

@media (max-width: 400px) { .login-footer .left, .login-footer .right { width: 100%; text-align: center; float: none; margin-bottom: 15px; display: block; } }
#Contact .modal-content { background-color: #00bcd4; }

/*input restyle*/
.login-form md-input-container:not(.md-input-invalid).md-input-focused .md-input { border-color: #00BCD4 !important; }
.login-form md-input-container:not(.md-input-invalid).md-input-focused label { color: #00BCD4 !important; }

/* ==== CONTACT FORM PAGE === */
.modal { overflow-y: auto; }

#Contact .modal-dialog, #Contact .modal-content { background: none; box-shadow: none; border: 0; }
#Contact .modal-body { padding-left: 0; padding-right: 0; }
#Contact .login-form .md-button { margin-top: 30px; }

@media (min-height: 768px) { #Contact .modal-dialog { margin-top: 139px; } }
/* ==== CROP ==== */
#cropModal .modal-content { border-radius: 0; }
#cropModal .modal-header { border-radius: 0; border: 0; }
#cropModal .modal-header .modal-title { font-size: 14px; color: #00bcd4; font-weight: 600; padding-top: 0; }
#cropModal .modal-body { padding-bottom: 40px; }
#cropModal .modal-footer { padding: 20px; border-top: 1px solid #eee; }
#cropModal .modal-footer .active.md-button { color: #00bcd4; background-color: rgba(158, 158, 158, 0.2); }
#cropModal .modal-footer .md-button { font-size: 14px; line-height: 40px; border-radius: 0; padding-left: 20px; padding-right: 20px; padding-top: 0; color: #222; padding-bottom: 0; }
#cropModal .modal-footer .md-button:hover, #cropModal .modal-footer .md-button:focus { color: #00BCD4; }
#cropModal .modal-footer .gray { float: left; line-height: 40px; text-transform: uppercase; font-size: 14px; color: #444; font-weight: 500; }
#cropModal .modal-footer .gray:hover, #cropModal .modal-footer .gray:focus { color: #00bcd4; text-decoration: none; }
#cropModal .crop-window { background: none; max-width: 500px; margin: 0 auto; overflow: inherit; }
#cropModal .crop-window .arrrows { position: absolute; top: 0; right: -70px; padding: 0; margin: 0; }
#cropModal .crop-window .arrrows li { list-style-type: none; padding: 0; margin: 0 0 10px; text-transform: uppercase; font-size: 14px; }
#cropModal .crop-window .arrrows li a { color: #b1abab; }
#cropModal .crop-window .arrrows li a i { color: #00bcd4; }
#cropModal .crop-window .arrrows li a:hover, #cropModal .crop-window .arrrows li a:focus { text-decoration: none; color: #00bcd4; }

.search { background: #00bcd4; }
.search .multiselect-button { width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; padding: 8px 0; background: 0; border: none; outline: none; border-bottom: 1px solid #9bedf8; border-radius: 0; color: #fff; padding-right: 25px; margin-right: 0; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; box-shadow: none !important; position: relative; }
.search .multiselect-button:focus, .search .multiselect-button:hover { border: none; border-bottom: 1px solid #fff; outline: none; box-shadow: none !important; }
.search .multiselect-button .caret { margin-top: 10px; border-width: 5px; float: right; position: absolute; top: 0; right: 0; }
.search .left-filter-header { color: white; font-size: 14px; padding: 15px 15px 0 15px; font-weight: 600;}
.search .left-filter-header i { margin-right: 5px; font-size: 18px; }
.search .left-filter-header button { background: none; border: 0; float: right; display: table; padding: 0; }
.search .left-filter-header button i { margin-right: 0; }
.search #left-filter-form, .search.n-search { /*display: table;*/ width: 100%; padding: 0 15px; }
.search #left-filter-form .tag-item, .search.n-search .tag-item { margin-top: 10px; margin-right: 7px; line-height: 30px; }
.search #left-filter-form md-input-container, .search.n-search md-input-container { padding: 0; font-size: 15px; width: 100%; }
.search #left-filter-form md-input-container .md-placeholder, .search.n-search md-input-container .md-placeholder { font-size: 15px; }
.search #left-filter-form md-input-container input::-webkit-input-placeholder, .search.n-search md-input-container input::-webkit-input-placeholder { color: #9bedf8; }
.search #left-filter-form md-input-container input:-moz-placeholder, .search.n-search md-input-container input:-moz-placeholder { color: #9bedf8; }
.search #left-filter-form md-input-container input::-moz-placeholder, .search.n-search md-input-container input::-moz-placeholder { color: #9bedf8; }
.search #left-filter-form md-input-container, .search #left-filter-form md-input-container:not(.md-input-invalid).md-input-has-value label, .search #left-filter-form md-input-container label, .search.n-search md-input-container, .search.n-search md-input-container:not(.md-input-invalid).md-input-has-value label, .search.n-search md-input-container label { color: white; }
.search #left-filter-form md-input-container .md-placeholder, .search.n-search md-input-container .md-placeholder { color: #9BEDF8; /*text-indent: 10px;*/ margin-bottom: 4px; }
.search #left-filter-form md-input-container label, .search.n-search md-input-container label { font-size: 11px; color: white; }
.search #left-filter-form md-input-container input, .search.n-search md-input-container input { border-bottom-color: #4ecfe0; color: white; font-size: 15px; line-height: 45px; height: 45px; margin-left: 0; }
.search #left-filter-form md-input-container input[type="text"]:hover, .search #left-filter-form md-input-container input[type="text"]:focus, .search.n-search md-input-container input[type="text"]:hover, .search.n-search md-input-container input[type="text"]:focus { border-color: white; }
.search #left-filter-form label, .search.n-search label { font-family: 'Roboto', sans-serif; font-weight: 500; color: #FFFFFF !important; display: inline-block; width: 100% !important; }
.search #left-filter-form md-select, .search.n-search md-select { width: 100% !important; margin-bottom: 10px !important; }
.search #left-filter-form div[layout="row"] md-select, .search.n-search div[layout="row"] md-select { width: 95% !important; }
.search #left-filter-form [layout=row] div[flex]:last-child md-select, .search.n-search [layout=row] div[flex]:last-child md-select { width: 100% !important; }
.search #left-filter-form md-radio-button, .search.n-search md-radio-button { margin: 5px 10px 5px 0; }
.search #left-filter-form md-radio-button .md-label, .search.n-search md-radio-button .md-label { color: #FFF; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; }
.search #left-filter-form md-radio-button .md-on, .search #left-filter-form md-radio-button.md-checked .md-on, .search.n-search md-radio-button .md-on, .search.n-search md-radio-button.md-checked .md-on { background-color: #FFFFFF !important; }
.search #left-filter-form md-radio-button .md-off, .search.n-search md-radio-button .md-off { border-color: #FFFFFF !important; }
.search #left-filter-form md-radio-group, .search.n-search md-radio-group { margin: 0 0 5% 0; }
.search #left-filter-form .md-button.md-raised, .search.n-search .md-button.md-raised { background: #FFFFFF !important; font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 500; color: #00bcd4 !important; }
.search #left-filter-form .md-button.md-raised.white, .search.n-search .md-button.md-raised.white { margin-left: 10px !important; background: rgba(255, 255, 255, 0.3) !important; color: #ffffff !important; }

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

.modal-header { border-bottom: none; }
.modal-header .modal-title { padding-top: 10px; color: #00BCD4; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 14px; text-transform: uppercase; }

.modal-body { padding: 10px 20px; }
.modal-body input[type="text"] { /*margin-bottom: 5px;*/ border-radius: 0; }
.modal-body input[type="text"]:focus { border-color: #00BCD4; box-shadow: none; }
.modal-body input[type="text"]:focus { border-color: #00BCD4; }
.modal-body textarea { font-size: 15px; color: #444; margin-bottom: 10px; width: 100%; padding: 0 10px; outline: none; margin-bottom: 10px; border-radius: 0; }
.modal-body textarea:focus { border-color: #00BCD4; box-shadow: none; }
.modal-body .includes-labels .md-label { color: #222; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; }

.modal-footer { border-top: none; margin-top: 0; }
.modal-footer button { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 14px; color: #FFF; }

/***********************/
/***** COLOR PICKER ****/
/***********************/
.sp-replacer { position: absolute; right: 6px; top: 37px; background: url("../img/colorpicker.png") !important; height: 14px; width: 14px; border: none !important; overflow: hidden !important; }
.sp-replacer .sp-preview { display: none !important; }
.sp-replacer .sp-dd { display: none !important; }

.sp-container { background-color: #ffffff !important; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); border: none !important; }

.md-label { color: #222; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; }

.browse-table {margin-top: 50px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); font-family: 'Roboto', sans-serif; font-weight: 400; /* Statistic page */ }
.browse-table.statistics tbody tr td { font-family: 'Roboto', sans-serif; font-weight: 400; }
.browse-table.statistics tbody tr td.color-td { padding-left: 20px; padding-right: 20px; width: 40px; }
.browse-table.statistics tbody tr td.color-td span { width: 20px; height: 20px; display: block; }
.browse-table.statistics tbody tr td.network-name { color: #222; font-weight: 500; text-align: left; }
.browse-table.statistics tbody tr td .md, .browse-table.statistics tbody tr td .fa { font-size: 18px; color: #444; vertical-align: middle; margin-right: 10px; }
.browse-table.statistics tbody tr td .md:hover, .browse-table.statistics tbody tr td .fa:hover { color: #00bcd4; }
.browse-table.statistics tbody tr td.heart-td { width: 100px; padding-right: 20px; }
.browse-table.statistics tbody tr td.action { width: 100px; padding-right: 16px; /*min-width: 100px;*/ }
.browse-table.statistics tbody tr td.action button.actions { height: auto; }
.browse-table.statistics tbody tr:hover td.heart-td { display: none; }
.browse-table.new-browse-table thead tr td, .browse-table.new-browse-table tfoot tr td { font-weight: normal; color: #444; font-size: 14px; }
.browse-table.new-browse-table thead tr td:last-child, .browse-table.new-browse-table tfoot tr td:last-child { padding-right: 20px; }
.browse-table thead, .browse-table tfoot { background: #ffffff; }
.browse-table thead tr, .browse-table tfoot tr { border-bottom: 1px solid #eeeeee; }
.browse-table thead tr td button, .browse-table thead tr th button, .browse-table tfoot tr td button, .browse-table tfoot tr th button { background: none; border: none; height: 20px; width: 20px; margin-right: 6px; margin-left: 6px; text-decoration: none; }
.browse-table thead tr td button .md, .browse-table thead tr th button .md, .browse-table tfoot tr td button .md, .browse-table tfoot tr th button .md { font-size: 16px; color: #444; }
.browse-table thead tr td button:hover, .browse-table thead tr td button:focusl, .browse-table thead tr td button:active, .browse-table thead tr th button:hover, .browse-table thead tr th button:focusl, .browse-table thead tr th button:active, .browse-table tfoot tr td button:hover, .browse-table tfoot tr td button:focusl, .browse-table tfoot tr td button:active, .browse-table tfoot tr th button:hover, .browse-table tfoot tr th button:focusl, .browse-table tfoot tr th button:active { text-decoration: none; }
.browse-table thead tr td, .browse-table tfoot tr td { vertical-align: middle; padding-left: 15px; padding-right: 15px; color: #444; text-transform: uppercase; font-weight: 500; height: 50px; text-align: left; font-size: 14px; }
.browse-table thead tr td:first-child, .browse-table tfoot tr td:first-child { padding-left: 20px; }
.browse-table thead tr td:last-child, .browse-table tfoot tr td:last-child { padding-left: 20px; }
.browse-table thead tr td.table-text-right, .browse-table tfoot tr td.table-text-right { text-align: right; }
.browse-table thead tr td .caret-left, .browse-table thead tr td .caret-right, .browse-table tfoot tr td .caret-left, .browse-table tfoot tr td .caret-right { font-size: 16px; color: #444; height: 20px; width: 20px; margin-right: 6px; margin-left: 6px; text-decoration: none; }
.browse-table thead tr td .caret-left:hover, .browse-table thead tr td .caret-left:focusl, .browse-table thead tr td .caret-left:active, .browse-table thead tr td .caret-right:hover, .browse-table thead tr td .caret-right:focusl, .browse-table thead tr td .caret-right:active, .browse-table tfoot tr td .caret-left:hover, .browse-table tfoot tr td .caret-left:focusl, .browse-table tfoot tr td .caret-left:active, .browse-table tfoot tr td .caret-right:hover, .browse-table tfoot tr td .caret-right:focusl, .browse-table tfoot tr td .caret-right:active { text-decoration: none; }
.browse-table thead tr td .pager, .browse-table tfoot tr td .pager { margin: 0; }
.browse-table thead tr td .pager li, .browse-table tfoot tr td .pager li { display: table; float: right; font-size: 12px; color: #444; text-transform: uppercase; font-weight: 600; }
.browse-table thead tr td .pager li button, .browse-table tfoot tr td .pager li button { background: none; border: 0; }
.browse-table thead tr td .pager li:first-child, .browse-table tfoot tr td .pager li:first-child { float: left; }
.browse-table thead tr td:last-child, .browse-table tfoot tr td:last-child { border-right: none; }
.browse-table tfoot tr td { padding-top: 15px; border-top: 1px solid #EEEEEE !important; }
.browse-table tfoot tr td:first-child { padding-left: 20px; }
.browse-table tfoot tr td:last-child { padding-left: 20px; }
.browse-table tfoot tr td.table-text-right { text-align: right; }
.browse-table tbody { background: white; }
.browse-table tbody tr { border-bottom: 1px solid #eeeeee; }
.browse-table tbody tr.unreviewed td { font-weight: 500; color: #222; }
.browse-table tbody tr:last-child { border-bottom: none; padding-right: 20px; }
.browse-table tbody tr td, .browse-table tbody tr .text { color: #444; }
.browse-table tbody tr.read td, .browse-table tbody tr.read .text { color: #222; }
.browse-table tbody tr .photo img { width: 45px; height: 45px; }
.browse-table tbody tr td { vertical-align: middle; table-layout: fixed; text-align: left; font-size: 14px; padding-top: 10px; padding-bottom: 10px; }
.browse-table tbody tr td:first-child { padding-left: 20px; min-width: 70px; /*width: 80px;*/ }
.browse-table tbody tr td:last-child { border-right: none; }
.browse-table tbody tr td .username { font-weight: 500; color: #222; }
.browse-table tbody tr td .complete-line { position: relative; height: 8px; width: 50px; background: #eeeeee; }
.browse-table tbody tr td .complete-line span { position: absolute; left: 0; top: 0; bottom: 0; display: block; background: #00bcd4; }
.browse-table tbody tr td button.actions { background: none; color: #444; border: none; width: 19px; height: 35px; margin: 0 5px; padding: 0; }
.browse-table tbody tr td button.actions:hover { color: #00bcd4; background: none; }
.browse-table tbody tr td button.actions i, .browse-table tbody tr td button.actions .md, .browse-table tbody tr td button.actions .fa { font-size: 18px; }
.browse-table tbody tr td.action { width: 170px; }
.browse-table tbody tr.active td { color: #1f417c; font-weight: bold; background: none; }
.browse-table.browse tr:hover td .tack { opacity: 0; }
.browse-table.browse tr:hover td .icon-hide span, .browse-table.browse tr:hover td .icon-hide a { margin: 0 4px; line-height: 18px; }
.browse-table.browse tr:hover td .icon-hide span i, .browse-table.browse tr:hover td .icon-hide a i { color: #aeb2b7; }
.browse-table.browse tr:hover td .icon-hide span:hover i, .browse-table.browse tr:hover td .icon-hide a:hover i { color: #00bcd4; }
.browse-table.browse tr:hover td .icon-hide i { font-size: 18px; width: 18px; height: 18px; }
.browse-table.browse tr td.td-icons .warper-relative { padding-right: 30px; }
.browse-table.browse tr td.td-icons .select-dropdown:after { width: 33px; height: 35px; color: #aeb2b7; line-height: 33px; }
.browse-table.browse tr td.td-icons .select-dropdown:hover:after { color: #00BCD4; }
.browse-table.browse tr td .tack { position: absolute; right: 15px; margin-top: -60px;}
.browse-table.browse tr td .tack i { font-size: 18px; }
.browse-table.browse tr td .tack .active { color: #00BCD4; margin-left: 10px;}
.browse-table tbody tr { border-left: 2px solid transparent; position: relative; /**/ }
.browse-table tbody tr .views, .browse-table tbody tr .reviews { width: 85px; }
.browse-table tbody tr .views .md, .browse-table tbody tr .views .fa, .browse-table tbody tr .reviews .md, .browse-table tbody tr .reviews .fa { vertical-align: middle; color: #444; font-size: 18px; }
.browse-table tbody tr .views .md.fa-share, .browse-table tbody tr .views .fa.fa-share, .browse-table tbody tr .reviews .md.fa-share, .browse-table tbody tr .reviews .fa.fa-share { font-size: 14px; margin-right: 5px; }
.browse-table tbody tr:hover { background-color: #EFFDFF; cursor: pointer; border-left: 2px solid #00bcd4; }
.browse-table tbody tr:hover td:nth-child(1), .browse-table tbody tr:hover td:nth-child(3), .browse-table tbody tr:hover td.text:nth-child(1), .browse-table tbody tr:hover td.text:nth-child(3) { color: #00bcd4; }
.browse-table tbody tr:hover .max-widther { width: 60%; }
.browse-table tbody tr:hover .icon-hide { display: block; }
.browse-table tbody tr:hover .views, .browse-table tbody tr:hover .reviews { display: none; }
.browse-table tbody tr:hover .action { display: table-cell !important; }
.browse-table .warper-relative { position: relative; min-height: 17px; }
.browse-table .table-photo-td { width: 65px; }
.browse-table .table-photo { width: 47px; height: 47px; overflow: hidden; display: inline-block; vertical-align: middle; margin-right: 3%; }
.browse-table .table-photo img { border-radius: 0; width: 100%; height: auto; }
.browse-table .name { display: inline-block; vertical-align: middle; font-size: 14px; }
.browse-table .name a { font-family: 'Roboto', sans-serif; font-weight: 500; color: #222; }
.browse-table .name a:hover { text-decoration: none; }
.browse-table .name span { display: inline-block; vertical-align: middle; color: #999; font-family: 'Roboto', sans-serif; font-weight: 400; }
.browse-table .name span:hover { color: #00BCD4; }
.browse-table .date-style { color: #999; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; }
.browse-table .date-style .md { font-size: 19px; margin-right: 10px; vertical-align: middle; color: #444; }
.browse-table .max-widther { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: pre-line; }
.browse-table .engaged-to { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; color: #999; }
.browse-table .engaged-to i { display: inline-block; vertical-align: middle; color: #FF766C; font-size: 19px; margin-right: 5%; }
.browse-table .icon-hide { position: absolute; right: 8px; top: 12px; z-index:50; display: none; font-size: 22px; white-space: nowrap; z-index: 15;}
.browse-table .icon-hide a { display: inline-block; vertical-align: middle; color: #AEB2B7; margin: 0 5px; }
.browse-table .icon-hide a .md { margin-right: 0; }
.browse-table .icon-hide a:hover .md-not-interested { color: #FF766C; }

.browse-table.singles tr:hover td .icon-hide span i, .browse-table.singles tr:hover td .icon-hide a i { color: #aeb2b7; }
.browse-table.singles tr:hover td .icon-hide span:hover i, .browse-table.singles tr:hover td .icon-hide a:hover i { color: #00bcd4; }

.profile-settings { background-color: #FFF; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 1, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 1, 0.3); -ms-box-shadow: 0 1px 3px rgba(0, 0, 1, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 1, 0.3); }
.profile-settings .profile-settings-head { border-bottom: 1px solid #eee; padding: 1% 2%; color: #00BCD4; font-size: 14px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500; }
.profile-settings .profile-settings-head i { padding-right: 1%; }
.profile-settings #profile-settings-menu { padding: 0; margin: 0; }
.profile-settings #profile-settings-menu li { list-style: none; padding: 5% 6%; cursor: pointer; }
.profile-settings #profile-settings-menu li span { color: #222; font-size: 14px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500; }
.profile-settings #profile-settings-menu li.active, .profile-settings #profile-settings-menu li:hover { background: #00BCD4; color: #ffffff; }
.profile-settings .btn-item { text-align: center; line-height: 50px; height: 50px; background-color: #FFF; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); padding: 0 15px; color: #00BCD4; font-size: 14px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500; }
.profile-settings .btn-item:hover { background-color: #00BCD4 !important; color: #ffffff !important; }

.include-transition-width { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

.include-transition-width.col-lg-9 { /*    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;*/ }

.profile-container { padding: 30px; }

.profile-cotainer-block { -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); background: #FFF; }
.profile-cotainer-block .profile-head { font-size: 14px; color: #00bcd4; line-height: 50px; padding: 0 20px; text-transform: uppercase; border-bottom: 1px solid #eeeeee; }
.profile-cotainer-block .profile-head i { margin-right: 10px; }
.profile-cotainer-block .profile-cols-container { padding: 0; }
.profile-cotainer-block .profile-cols-container .left-col { border-right: 1px solid #EEE; margin-right: -1px; }
.profile-cotainer-block .profile-cols-container .right-col { padding: 15px 30px; border-left: 1px solid #eeeeee; min-height: 360px; }
.profile-cotainer-block .profile-cols-container .right-col.edit-password .profile-blue-btn { position: absolute; right: 32px; bottom: 33px; }
.profile-cotainer-block .profile-cols-container .right-col.edit-password input[type="text"], .profile-cotainer-block .profile-cols-container .right-col.edit-password input[type="password"] { height: 45px; line-height: 50px; }
.profile-cotainer-block .profile-cols-container .right-col.edit-password md-input-container label, .profile-cotainer-block .profile-cols-container .right-col.edit-password md-input-container .md-placeholder { margin-bottom: 4px; }
.profile-cotainer-block .profile-cols-container .right-col tags-input .tags .input { color: #999; }
.profile-cotainer-block .profile-cols-container .right-col .heading-details-table tr td { background: #fff; }
.profile-cotainer-block .profile-cols-container .right-col.none { display: none; }
.profile-cotainer-block .profile-navigation { margin: 0 -15px; padding: 0; display: block; }
.profile-cotainer-block .profile-navigation li { list-style-type: 0; margin: 0; padding: 0; display: block; width: 100%; line-height: 60px; border-bottom: 1px solid #fff; }
.profile-cotainer-block .profile-navigation li a { color: #222; font-size: 14px; text-transform: uppercase; padding: 0 25px; display: block; width: 100%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.profile-cotainer-block .profile-navigation li a:hover, .profile-cotainer-block .profile-navigation li a:focus, .profile-cotainer-block .profile-navigation li a.active { text-decoration: none; background: #00BCD4; color: white; }
.profile-cotainer-block .profile-navigation li.active a { text-decoration: none; background: #00BCD4; color: white; }
.profile-cotainer-block .profile-photo { margin-bottom: 10px; }
.profile-cotainer-block .profile-photo .custom-md-text { margin-bottom: 0; }
.profile-cotainer-block .profile-photo label { width: 180px; height: 180px; display: block; overflow: hidden; position: relative; }
.profile-cotainer-block .profile-photo label img { min-width: 100%; min-height: 100%; max-width: 120%; }
.profile-cotainer-block .profile-photo label input { top: -200%; position: absolute; }
.profile-cotainer-block .profile-photo label i { color: white; display: block; width: 35px; height: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center; line-height: 35px; position: absolute; z-index: 2; bottom: 10px; left: 10px; background: rgba(0, 0, 0, 0.49); font-size: 16px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.profile-cotainer-block .profile-photo label:hover i { background: #00bcd4; }
.profile-cotainer-block md-input-container { width: 100%; }
.profile-cotainer-block md-input-container input { width: 100%; }
.profile-cotainer-block md-radio-group.inline label { display: block; }
.profile-cotainer-block md-radio-group.inline md-radio-button { margin-left: 0; }
.profile-cotainer-block .profile-google-map { width: 100%; height: 210px; max-width: 340px; background: white; padding: 5px; margin-bottom: 20px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); }
.profile-cotainer-block .profile-google-map iframe { width: 100%; height: 100%; }
.profile-cotainer-block .table-responsive { width: auto; margin: -15px -30px 0; }
.profile-cotainer-block .table-responsive md-radio-group { width: 100%; }
.profile-cotainer-block .table-responsive tr { border-bottom: 1px solid #eeeeee; cursor: pointer; }
.profile-cotainer-block .table-responsive tr:hover, .profile-cotainer-block .table-responsive tr.active { background: #effdff; }
.profile-cotainer-block .table-responsive tr td { font-size: 14px; color: #444; vertical-align: middle; text-align: center; font-weight: 600; }
.profile-cotainer-block .table-responsive tr td .md-label { font-weight: 500; color: #444; }
.profile-cotainer-block .table-responsive tr td b { font-weight: 700; color: #222; line-height: 30px; }
.profile-cotainer-block .table-responsive tr td i { font-size: 18px; height: 30px; width: 30px; line-height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; cursor: pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.profile-cotainer-block .table-responsive tr td i:hover { background: #f2f2f2; }
.profile-cotainer-block .table-responsive tr td .contact-item { display: inline-block; width: 50%; margin-right: -4px; vertical-align: top; padding: 15px; }
.profile-cotainer-block .table-responsive tr .heading-details-table tr td { text-align: left; }
.profile-cotainer-block .table-responsive tr .heading-details-table tr td.toggle-td { text-align: center; }
.profile-cotainer-block .table-responsive tr .heading-details-table tr td.color-td { width: 10%; }
.profile-cotainer-block .table-responsive tr .heading-details-table tr td.name-td { width: 25%; }
.profile-cotainer-block .table-responsive tr .heading-details-table tr td.position-td { width: 35%; }
.profile-cotainer-block .table-responsive tr .heading-details-table tr td.set-td { width: 25%; }
.profile-cotainer-block .table-responsive tr .heading-details-table tr td.toggle-td { width: 5%; }
.profile-cotainer-block .table-responsive tr.details td { text-align: left; padding: 30px; }
.profile-cotainer-block .table-responsive tr.details td .offset-bottom { margin-bottom: 20px; display: block; }
.profile-cotainer-block .table-responsive tr.details td .ng-scope .tags .input { color: #777; }
.profile-cotainer-block .table-responsive tr.details td .ng-scope .tags .input::-webkit-input-placeholder { color: #999; }
.profile-cotainer-block .table-responsive tr.details td .ng-scope .tags .input:-moz-placeholder { color: #999; }
.profile-cotainer-block .table-responsive tr.details td .ng-scope .tags .input::-moz-placeholder { color: #999; }
.profile-cotainer-block .table-responsive tr.details td p span { min-width: 100px; display: inline-block; }
.profile-cotainer-block .table-responsive tr.details:hover { background: white; }
.profile-cotainer-block .table-responsive tr.details md-switch { margin: 0; vertical-align: middle; }
.profile-cotainer-block .table-responsive tr.details md-switch .md-container { vertical-align: middle; }
.profile-cotainer-block .table-responsive tr.details md-switch.md-checked .md-thumb { background: #00bcd4; }
.profile-cotainer-block .table-responsive tr.details md-switch.md-checked .md-bar { background-color: rgba(0, 188, 212, 0.33); }
.profile-cotainer-block .table-responsive tr.details .edit { display: inline-block; vertical-align: middle; color: #00bcd4; margin-left: 15px; }
.profile-cotainer-block .table-responsive tr.details .edit:before { content: '|'; margin-right: 15px; }
.profile-cotainer-block .table-responsive .color { display: block; width: 20px; height: 20px; margin: 0 auto; background: lightgray; }
.profile-cotainer-block .table-responsive .color[data-color="1"] { background: #826eff; }
.profile-cotainer-block .table-responsive .color[data-color="2"] { background: #f371ff; }
.profile-cotainer-block .table-responsive .color[data-color="3"] { background: #e7cf6d; }
.profile-cotainer-block .table-responsive .color[data-color="4"] { background: #68d8e5; }
.profile-cotainer-block .table-responsive .color[data-color="5"] { background: #ff7e7e; }
.profile-cotainer-block .table-responsive .color[data-color="6"] { background: #b55dda; }
.profile-cotainer-block .table-responsive .color[data-color="7"] { background: #55d1ff; }
.profile-cotainer-block .tags { margin: 0; padding: 0; }
.profile-cotainer-block .tags li { margin: 0 5px 5px 0; list-style-type: none; float: left; color: white; background: #00bcd4; line-height: 30px; display: block; padding: 0 15px; }
.profile-cotainer-block md-input-container .md-input { margin-bottom: 15px; }
.profile-cotainer-block .simple-p { font-size: 14px; margin-bottom: 20px; font-weight: 600; color: #222; }
.profile-cotainer-block .md-button.md-default { background-color: #fff; color: #00BCD4; padding: 0; line-height: 50px; }
.profile-cotainer-block .md-button.md-default:hover { background-color: #00BCD4 !important; color: white !important; }

.profile-blue-btn { color: #FFF; background-color: #00BCD4; text-transform: uppercase; line-height: 35px; font-size: 14px; border: 0; outline: none; padding: 0 15px; margin-top: 20px; }

.profile-red-btn { color: #FFF; background-color: #FF7B7B; text-transform: uppercase; line-height: 35px; font-size: 14px; border: 0; outline: none; padding: 0 15px; margin-top: 20px; }

.profile-left { float: right; clear: both; }

.custom-md-text { font-size: 15px; color: #00bcd4; margin-bottom: 20px; }
.custom-md-text span { display: block; color: #444; font-size: 11px; margin-bottom: 5px; }

.userinfo md-switch { margin: 0; vertical-align: middle; }
.userinfo md-switch .md-container { vertical-align: middle; }
.userinfo md-switch.md-checked .md-thumb { background: #00bcd4; }
.userinfo md-switch.md-checked .md-bar { background-color: rgba(0, 188, 212, 0.33); }

.wrap-profile-select md-select .md-select-label, .wrap-profile-select md-select:focus .md-select-label, .wrap-profile-select md-select:active .md-select-label, .wrap-profile-select md-select:hover .md-select-label { border-bottom-color: #d9d9d9; }
.wrap-profile-select md-select .md-select-label span, .wrap-profile-select md-select:focus .md-select-label span, .wrap-profile-select md-select:active .md-select-label span, .wrap-profile-select md-select:hover .md-select-label span { color: #222; }
.wrap-profile-select md-select .md-select-label .md-select-icon, .wrap-profile-select md-select:focus .md-select-label .md-select-icon, .wrap-profile-select md-select:active .md-select-label .md-select-icon, .wrap-profile-select md-select:hover .md-select-label .md-select-icon { color: #d9d9d9; }

@media (max-width: 1200px) { .profile-cotainer-block .table-responsive tr td .contact-item { display: block; margin-right: 0; width: 100%; } }
.gender-radio md-radio-button:first-child { margin-left: 0; }

.signature-inputs .nw-toolbar { margin-bottom: 30px; border: none; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; border-radius: 1px; background: #00BCD4; display: inline-block; }
.signature-inputs .nw-toolbar li { border: none; color: #fff; }
.signature-inputs .nw-toolbar li button { opacity: 1; color: #fff; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; /*background-color: #fff;*/ /*background-blend-mode: screen;*/ }
.signature-inputs .nw-toolbar li button:hover { background: #08AABE; }
.signature-inputs .nw-toolbar li button.nw-button--header-one:after { content: "\f1dc"; font-family: FontAwesome; }
.signature-inputs .nw-toolbar li button.nw-button--paragraph:after { content: "\f1dd"; font-family: FontAwesome; }
.signature-inputs .nw-toolbar li button.nw-button--unordered-list:after { content: "\f0ca"; font-family: FontAwesome; }
.signature-inputs .nw-toolbar li button.nw-button--ordered-list:after { content: "\f0cb"; font-family: FontAwesome; }
.signature-inputs .nw-toolbar li button.nw-button--bold:after { content: "\f032"; font-family: FontAwesome; }
.signature-inputs .nw-toolbar li button.nw-button--italic:after { content: "\f033"; font-family: FontAwesome; }
.signature-inputs .nw-toolbar li button.nw-button--link:after { content: "\f0c1"; font-family: FontAwesome; }
.signature-inputs .nw-toolbar li button.nw-button--source:after { content: "\f040"; font-family: FontAwesome; }
.signature-inputs .nw-editor { border: none; border-bottom: 1px solid #00BCD4; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }

body, html, p { font-family: 'Roboto', sans-serif; font-weight: 400; }

.tab-content tags-input .tags input { color: #999; }
.tab-content tags-input .tags input::-webkit-input-placeholder { color: #444; }
.tab-content tags-input .tags input:-moz-placeholder { color: #444; }
.tab-content tags-input .tags input::-moz-placeholder { color: #444; }

/**********************/
/*** TOOLTIP STYLES ***/
/**********************/
md-tooltip .md-background { background-color: #4d4d4d; }

/***********************/
/*** DROPDOWN SELECT ***/
/***********************/
.select-dropdown { border: none; float: right; }
.select-dropdown .md-select-icon { display: none; }
.select-dropdown md-select-label { display: none; }
.select-dropdown:after { content: "\f2a3"; font: normal normal normal 14px/1 'Material Design Iconic Font'; width: 60px; height: 45px; display: block; cursor: pointer; text-align: center; line-height: 45px; color: #ccc; font-size: 20px; }

.md-select-menu-container { z-index: 1100; }
.md-select-menu-container.md-active { z-index: 99999; }

.no-padding { padding: 0 !important; }

.create-user md-select:not([disabled]):focus .md-select-label { border-bottom-color: #4ECFE0 !important; }
.create-user md-select .md-select-label.md-placeholder { color: #444; }
.create-user md-select .md-select-label.md-placeholder span { color: #444; }
.create-user .md-select-label { padding-top: 11px; padding-bottom: 11px; }
.create-user .md-select-label span { color: rgba(0, 0, 0, 0.87); }
.create-user .radios-grender { padding-left: 3px; }
.create-user .wrap-role-select { padding-left: 3px; }
.create-user .wrap-role-select label { display: block; margin-bottom: 0; }
.create-user .wrap-role-select md-select { width: 100%; }
.create-user .wrap-role-select md-select .md-select-label { padding-top: 0; }
.create-user md-radio-button { margin: 0px 15px 5px 0; }

.show-menu .fa { color: white; }

.blue-menu { background: #fff; z-index: 20; position: fixed; width: 100%; display: block; margin: 0; border-radius: 0; padding: 0; }
.blue-menu md-card-content:nth-child(2) { height: 70px; margin: 0; padding: 0; display: block; }
.blue-menu .blue-block { background: url(../img/logo.png) center no-repeat #00bcd4; width: 100%; display: block; height: 50px; padding: 12px; }
.blue-menu .blue-block-powered { background: url(../img/powered-logo.png) center no-repeat #00bcd4; width: 100%; display: block; height: 50px; padding: 12px; }
.blue-menu .blue-but, .blue-menu .login { float: right; line-height: 73px; color: #3e82f8; font-size: 36px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; margin-left: 15px; }
.blue-menu .blue-but:hover, .blue-menu .login:hover { color: white; }

.back_button { font-family: 'Roboto', sans-serif; font-weight: 500; margin-top: 22px; position: relative; display: inline-block; color: #999; line-height: 25px; margin-left: 30px; cursor: pointer; }
.back_button i { margin-right: 22px; }
.back_button:hover { color: #999; text-decoration: none; }

/****************************/
/********** SIDEBAR *********/
/****************************/
.left-bar { background: #2b323a; float: left; width: 230px; position: fixed; height: 100%; top: 0; left: 0; padding-top: 125px; z-index: 10; border-right: 1px solid #d9d9d9; overflow: hidden; transition: width 300ms; -moz-transition: width 300ms; -webkittransition: width 300ms; }
.left-bar.open_menu { width: 75px; }
.left-bar ul.main-menu { margin: 0; padding: 0; width: 230px; }
.left-bar ul.main-menu li { text-transform: uppercase; border-left: 2px solid #2b323a; list-style-type: none; display: block; transition: border 300ms; -moz-transition: border 300ms; -webkittransition: border 300ms; outline: none !important; }
.left-bar ul.main-menu li md-select span { color: #00bcd4; font-weight: bold; max-width: 99px; text-overflow: ellipsis; white-space: nowrap; font-family: Open Sans, sans-serif; }
.left-bar ul.main-menu li md-select, .left-bar ul.main-menu li md-select md-select-label { border-color: transparent !important; }
.left-bar ul.main-menu li i { width: 44px; color: #aeb2b7; height: 16px; vertical-align: 0; }
.left-bar ul.main-menu li i:before { width: 16px; text-align: center; display: block; }
.left-bar ul.main-menu li.network-menu-button { border-bottom: 1px solid #353d47; }
.left-bar ul.main-menu li.profile-menu-button { border-top: 1px solid #353d47; }
.left-bar ul.main-menu li a { font-size: 14px; color: #aeb2b7; font-weight: 500; line-height: 50px; display: block; padding-left: 28px; }
.left-bar ul.main-menu li a:hover, .left-bar ul.main-menu li a:active, .left-bar ul.main-menu li a:visited, .left-bar ul.main-menu li a:focus { text-decoration: none; }
.left-bar ul.main-menu li a i { width: 44px; color: #aeb2b7; height: 16px; line-height: 16px; }
.left-bar ul.main-menu li a span, .left-bar ul.main-menu li a i { display: inline-block; vertical-align: middle; }
.left-bar ul.main-menu li:nth-child(1), .left-bar ul.main-menu li:nth-child(1):hover { color: #00bcd4; }
.left-bar ul.main-menu li:nth-child(1) i, .left-bar ul.main-menu li:nth-child(1):hover i { color: #00bcd4; }
.left-bar ul.main-menu li.active { border-left: 2px solid #00bcd4; background: #00bcd4;}
.left-bar ul.main-menu li.active a { color: #fff; }
.left-bar ul.main-menu li:hover { border-left: 2px solid #00bcd4; }
.left-bar ul.main-menu li:hover a { text-decoration: none; color: #fff; }
.left-bar ul.main-menu li:hover a i { color: #fff; }
.left-bar ul.main-menu li:last-child { border-bottom: none; }
.left-bar ul.main-menu li.active a { font-weight: bold; }
.left-bar ul.main-menu li.active a i { color: #fff; }
.left-bar .rights { position: absolute; bottom: 0; font-size: 11px; color: #808387; height: 50px; line-height: 50px; font-weight: 500; border-top: 1px solid #353d47; padding: 0 0 25px 10px; width: 100%; margin-bottom: 0; }

.container-right { /*z-index:1;*/ display: table; width: 100%; position: inherit !important; padding-top: 90px; padding-left: 75px; }

.profile { display: inline-block; width: auto; box-sizing: border-box; padding: 0px 5px; float: right; }
.profile md-select, .profile md-select md-select-label { border-color: transparent !important; }
.profile .photo { display: block; float: left; height: 27px; width: 27px; border: 1px solid #d9d9d9; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; box-sizing: border-box; overflow: hidden; margin-right: 15px; }
.profile .photo img { width: 100%; }
.profile .profile-info { float: left; width: auto; padding-top: 0px; max-width: 230px; }
.profile .profile-info md-select { margin: 0; padding: 0; }
.profile .profile-info md-select md-select-label { padding-top: 6px; border-bottom: none !important; color: #fff; }
.profile .profile-info md-select md-select-label span { color: #fff !important; }
.profile .profile-info span { font-family: 'Roboto', sans-serif; font-weight: 400; color: #fff; }
.profile .profile-info a { font-size: 12px; color: #1f417c; padding-bottom: 15px; display: block; }
.profile .profile-info p { font-size: 12px; color: black; }

.left-menu-dropdown { background: #f2f2f2; font-size: 15px; color: black; line-height: 50px; padding: 15px 20px 1px; }
.left-menu-dropdown .select:after { line-height: 30px; }
.left-menu-dropdown i { color: #444; float: right; line-height: 50px; }

.non-left { padding-left: 0; padding-right: 0; }

.non-left.am-slide-right { background: #00bcd4; padding-bottom: 15px; position: absolute; right: 0; }

.select-multiple { width: 100%; border-radius: 0; }
.select-multiple li { height: 48px; }
.select-multiple li > a { padding: 13px 20px; color: #999; cursor: pointer !important; }
.select-multiple li.active a { background: #e8eaf6; color: #222; }

.search { width: 100%; min-height: calc(100vh - 135px); margin-top: -5px; /***** PAGES *****/ }
.search .search-header { color: white; font-size: 15px; background: #00bcd6; line-height: 50px; text-align: center; }
.search .search-wrapper { padding: 15px 15px 0; }
.search .search-wrapper .duo { display: table; width: 100%; }
.search .search-wrapper .duo input { width: 48%; float: left; }
.search .search-wrapper .duo input:nth-child(1) { margin-right: 4%; }
.search .search-wrapper .radios { display: table; width: auto; margin: 0 auto; }
.search .search-wrapper .radio { margin: 0; display: inline-block; margin-right: 56px; margin-bottom: 15px; }
.search .search-wrapper .radio:nth-child(3) { margin-right: 0; }
.search .wrap-search-tags { opacity: 1; }
.search .wrap-search-tags tags-input .tags.focused { line-height: 38px !important; }
.search .wrap-search-tags tags-input .tags .input { height: 30px !important; line-height: 30px !important; margin-top: 10px; }
.search.engaged .form-row { margin-bottom: 15px; }
.search.drafts .form-row { margin-bottom: 15px; }
.search.users .form-row { margin-bottom: 15px; }
.search.browse .form-row { margin-bottom: 15px; }

label { color: #444 !important; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 11px; }

input[type="text"], input[type="password"] { width: 100%; font-size: 15px; line-height: 35px; height: 35px; padding: 0; border: none; outline: none; margin-bottom: 15px; border-bottom: 1px solid #d9d9d9; box-shadow: none; outline-color: transparent; }
input[type="text"]:focus, input[type="password"]:focus { border-color: #00bcd6; }

md-input-container input[type="text"] { border: none; border-bottom: 1px solid #d9d9d9; box-shadow: none; }
md-input-container input[type="text"]:hover, md-input-container input[type="text"]:focus { border-color: #00bcd4; }

md-input-container:not(.md-input-invalid).md-input-focused .md-input { border-color: #00bcd4; }

md-input-container:not(.md-input-invalid).md-input-focused label { color: #00bcd4; }

md-checkbox .md-label { vertical-align: inherit; }
md-checkbox.md-primary.md-checked .md-icon { background-color: #00bcd4 !important; }

md-select { margin-top: 0; }
md-select md-select-label.md-select-label { width: 100%; }
md-select md-select-label.md-select-label:hover, md-select md-select-label.md-select-label:focus { border-bottom-color: #00bcd4; }
md-select md-select-label.md-select-label .md-select-icon { float: right; }
md-select:hover, md-select:focus { border-bottom-color: #00bcd4; }

md-input-container.full_width, .full_width { width: 100% !important; padding-right: 0 !important; }

.add_margin_bottom { margin-bottom: 30px; }

.no_float { float: none; }

.add-transform { -webkit-transform: translate3d(0, 4px, 0) scale(0.75); transform: translate3d(0, 4px, 0) scale(0.75); margin-bottom: 15px; margin-left: -5px; }

/*.select { display: table; width: 100%; margin-bottom: 15px; position: relative;

 &:after {         position: absolute; right: 10px; top: 10px; font-size: 8px; color: #CECCCC; }
}*/
select { width: 100%; font-size: 15px; line-height: 35px; height: 37px; padding: 0 10px; border: 1px solid #d9d9d9; outline: none; background: white; color: #444; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: treeview; appearance: none; }

select::-ms-expand { display: none; }

.title { color: #00bcd6; line-height: 50px; border-bottom: 1px solid #d9d9d9; margin-bottom: 25px; }
.title i { cursor: pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #444; float: right; font-size: 24px; line-height: 50px; margin-left: 10px; }
.title i:nth-child(1) { font-size: 26px; }
.title i:hover { color: #00bcd6; }
.title i.active { color: #00bcd6; }

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: none; }

.grid-item { padding: 25px 20px 15px; border: 1px solid #d9d9d9; border-top: 3px solid #00bcd6; background: white; margin-right: 3%; margin-bottom: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Roboto', sans-serif; font-weight: 400; }
.grid-item .temp { width: 100%; display: table; }
.grid-item .temp img { width: 90px; height: auto; float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin-right: 20px; }
.grid-item .temp .item-info { float: left; font-size: 18px; max-width: 115px; padding-top: 15px; color: #222; }
.grid-item .temp .item-info span { display: block; font-weight: 600; }
.grid-item .temp.action { width: auto; margin: 0 auto; }
.grid-item .temp button.actions { background: white; color: #444; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 35px; height: 35px; margin: 0 5px; }
.grid-item .temp button.actions:hover { color: white; background: #00bcd6; }
.grid-item .more-info-grid { width: 100%; padding: 0; margin: 15px 0; }
.grid-item .more-info-grid li { list-style-type: none; font-size: 15px; float: left; width: 50%; margin-bottom: 15px; min-height: 40px; color: #222; }
.grid-item .more-info-grid li label { display: block; }
.grid-item.active .temp .item-info { color: #1f417c; font-weight: bold; }

/* ==== My Singles ==== */
.search.singles .search-header { /*background:#fe9110;*/ }
.search.singles .search-wrapper input[type="text"]:focus { border-color: #fff; }
.search.singles .search-wrapper button[type="submit"]:hover { background: #fe9110; }

.title.singles { color: #fe9110; }
.title.singles i:hover, .title.singles i.active { color: #fe9110; }

.browse-table.singles tbody tr td button.actions:hover { /*background:#fe9110;*/ }

.browse-table.browse tbody tr td button.actions:hover { background: #00BCD6; }

.grid-item.singles { border-top: 3px solid #fe9110; }
.grid-item.singles .temp button.actions:hover { background: #fe9110; }

/* ==== DRAFTS PAGE ==== */
.search .row-shadow { width: 100%; padding: 0 18px; }
.search .row-shadow:before { content: ''; background: #d9d9d9; display: block; height: 1px; width: 100%; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18); -ms-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.18); }
.search .create { padding: 15px 18px; }
.search .create button { border: none; background: #d7d7d7; color: white; line-height: 40px; width: 100%; font-weight: bold; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.search .create button:hover { background: #fe9110; }

.grid-item .progress { margin: 45px 0; height: 5px; overflow: visible; position: relative; }
.grid-item .progress .from { font-size: 12px; font-weight: bold; position: absolute; top: -6px; z-index: 2; background: white; padding-right: 2px; }
.grid-item .progress .to { font-size: 12px; font-weight: bold; position: absolute; top: -6px; z-index: 2; background: white; padding-left: 2px; right: 0; }
.grid-item .progress .progress-bar { background-color: #fe9110; position: relative; }
.grid-item .progress .progress-bar .labels { display: table; color: black; font-size: 12px; position: absolute; right: -12px; top: -40px; background: #e5a860; border-radius: 50%; padding: 1px 4px; font-weight: bold; }
.grid-item .progress .progress-bar .labels:after { content: '▼'; color: #e5a860; display: block; position: absolute; margin: -6px 0 0 -5px; font-size: 25px; font-family: Arial; }

/* ==== engaged page ====== */
.search.engaged .search-header { background-color: #3e82f8; }
.search.engaged .search-wrapper input[type="text"]:focus { border-color: #3e82f8; }
.search.engaged .search-wrapper button[type="submit"]:hover { background-color: #3e82f8; }

.title.engaged { color: #3e82f8; }
.title.engaged i.active, .title.engaged i:hover { color: #3e82f8; }

.grid-item.engaged { border-top: 3px solid #3e82f8; padding-bottom: 40px; width: 530px; padding-top: 0; position: relative; }
.grid-item.engaged .pazzle { background: url(../img/pazzle.png) no-repeat center; width: 36px; height: 36px; position: absolute; left: 50%; top: 50%; margin: -15px 0 0 -15px; }
.grid-item.engaged .pazzle:hover { background: url(../img/pazzle2.png) no-repeat center; }
.grid-item.engaged .title-item { font-size: 15px; font-weight: bold; line-height: 55px; }
.grid-item.engaged .wrapp-col { display: table; flaot: left; }
.grid-item.engaged .temp { width: auto; display: table; float: left; }
.grid-item.engaged .temp:nth-child(3) { float: right; }
.grid-item.engaged .temp img { margin-right: 15px; }
.grid-item.engaged .temp .item-info { padding-top: 0; font-size: 16px; max-width: 95px; }
.grid-item.engaged .temp .item-info sm { font-size: 15px; display: block; }
.grid-item.engaged .temp .item-info .view { color: #3e82f8; text-decoration: underline; font-size: 15px; }

/* ============= STATISTICS PAGE ================== */
.search.statistics .statistics-info { padding: 15px 18px; }
.search.statistics .statistics-info .short-info { padding: 15px 0; display: table; width: 100%; font-size: 18px; }
.search.statistics .statistics-info .short-info i { color: #9144ac; font-size: 24px; width: 85px; text-align: center; }
.search.statistics .statistics-info .short-info sm { font-size: 12px; padding: 0 5px; }
.search.statistics .statistics-info .short-info .left-p { padding-left: 85px; }
.search.statistics .statistics-info .short-info span { font-weight: bold; }
.statistic-heading {margin-top: 50px !important;}

.title.statistics { color: #9144ac; }
.title.statistics i.active, .title.statistics i:hover { color: #9144ac; }

.grid-item.statistics { border-top: none; padding-left: 0; padding-right: 0; padding-top: 0; }
.grid-item.statistics .grid-header { background: #9144ac; color: white; line-height: 50px; font-weight: bold; font-size: 18px; padding: 0 35px; margin-bottom: 15px; }
.grid-item.statistics .users { font-size: 15px; border-bottom: 1px solid #cccccc; margin: 0 12px 15px; padding: 0 23px 15px; }
.grid-item.statistics .users span { font-size: 18px; }
.grid-item.statistics .grid-wrapp { padding: 0 35px 15px; }
.grid-item.statistics .grid-wrapp ul { margin: 0; padding: 0; }
.grid-item.statistics .grid-wrapp ul li { list-style-type: none; padding: 0; margin: 0; font-size: 15px; line-height: 24px; }
.grid-item.statistics .grid-wrapp ul li span { font-size: 18px; }
.grid-item.statistics .grid-wrapp ul li ul { padding: 5px 0; }
.grid-item.statistics .grid-wrapp ul li ul li { padding-left: 35px; }
.grid-item.statistics .grid-wrapp ul li ul li:before { content: '— '; font-size: 15px; }
.grid-item.statistics .temp button.actions:hover { background-color: #9144ac; }

.table.statistics tbody tr td { text-align: left; padding: 15px 8px; }
.table.statistics tbody tr td:nth-child(1) { text-align: center; }

/* === USERs PAGE ==== */
.search.users .search-header { background-color: #dd4330; }
.search.users .create button:hover { background-color: #dd4330; }
.search.users .search-wrapper button[type="submit"]:hover { background-color: #dd4330; }
.search.users .search-wrapper input[type="text"]:focus { border-color: #dd4330; }

.browse-table.users thead tr th, .browse-table.users thead tr td, .browse-table.users tfoot tr th, .browse-table.users tfoot tr td { font-family: 'Roboto', sans-serif; font-weight: 500; }
.browse-table.users tr:hover td.role-td, .browse-table.users tr:hover td.reviews, .browse-table.users tr:hover td.status-td { display: none; }
.browse-table.users tr:hover td.action { display: table-cell; }
.browse-table.users tr td { font-family: 'Roboto', sans-serif; font-weight: 400; color: #444; }
.browse-table.users tr td .md { margin-right: 4px; }
.browse-table.users tr td.name-td { font-family: 'Roboto', sans-serif; font-weight: 500; color: #222; }
.browse-table.users tr td.action { display: none; width: 190px; text-align: right; }
.browse-table.users tr td.action i { font-size: 17px; }
.browse-table.users tr td.role-td { width: 70px; }
.browse-table.users tr td.reviews { width: 65px; }
.browse-table.users tr td.status-td { width: 40px; }
.browse-table.users tr td.status-td .on, .browse-table.users tr td.status-td .off { border: 1px solid #ff766c; width: 16px; height: 16px; background: #ff766c; -webkit-box-shadow: 0 0 0 2px #fff inset; -moz-box-shadow: 0 0 0 2px #fff inset; -ms-box-shadow: 0 0 0 2px #fff inset; box-shadow: 0 0 0 2px #fff inset; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.browse-table.users tr td.status-td .on { background: #00bcd4; border: 1px solid #00bcd4; }
.browse-table.users tr td .md-desktop-windows { font-size: 17px; vertical-align: middle; }

.title.users { color: #dd4330; }
.title.users i.active, .title.users i:hover { color: #dd4330; }

.grid-item.users { border-top: 3px solid #dd4330; }
.grid-item.users .temp .item-info { padding-top: 0; font-size: 16px; }
.grid-item.users .temp .item-info sm { font-size: 15px; font-weight: bold; }
.grid-item.users .temp.action button.actions:hover { background-color: #dd4330; }
.grid-item.users .more-info-grid { padding-top: 15px; }
.grid-item.users .more-info-grid li { color: #444; font-size: 12px; }
.grid-item.users .more-info-grid li span { color: black; font-size: 15px; }

.modal-content.statistics.users .modal-body input { margin-bottom: 15px; }
.modal-content.statistics.users .modal-body select { height: 37px; line-height: 37px; margin-bottom: 15px; }

/* ====== COLOR MENU ===== */
/*
.left-bar ul.main-menu li.nth-child2.active a, .left-bar ul.main-menu li.nth-child2:hover a {color:#fff; i {color:#fff;}}

.left-bar ul.main-menu li.nth-child3.active a, .left-bar ul.main-menu li.nth-child3:hover a {color:#fff; i {color:#fff;}}

.left-bar ul.main-menu li.nth-child4.active a, .left-bar ul.main-menu li.nth-child4:hover a {color:#fff; i {color:#fff;}}

.left-bar ul.main-menu li.nth-child5.active a, .left-bar ul.main-menu li.nth-child5:hover a {color:#fff; i {color:#fff;}}

.left-bar ul.main-menu li.nth-child6.active a, .left-bar ul.main-menu li.nth-child6:hover a {color:#fff; i {color:#fff;}}

.left-bar ul.main-menu li.nth-child7.active a, .left-bar ul.main-menu li.nth-child7:hover a {color:#fff; i {color:#fff;}}
*/
/* ========================= */
/* ==== PROFILE ==== */
.grid-item.profile { border-top-color: #dd4330; margin-top: 70px; position: relative; min-height: 365px; }
.grid-item.profile.pro320 { width: 320px; }
.grid-item.profile.pro395 { width: 395px; }
.grid-item.profile.network { width: 268px; height: auto; min-height: inherit; }
.grid-item.profile .prifile-thumb-title { font-size: 18px; color: #dd4330; font-weight: bold; position: absolute; top: -45px; left: 0; }
.grid-item.profile .profile-image { width: 190px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; margin: 0 auto 20px; display: table; }
.grid-item.profile .profile-name { font-size: 18px; text-align: center; margin-bottom: 20px; }
.grid-item.profile .profile-data { text-align: center; font-size: 15px; }
.grid-item.profile .profile-data span { display: block; }
.grid-item.profile ul.profile-ul { margin: 0 auto 30px; padding: 0; display: table; }
.grid-item.profile ul.profile-ul li { list-style-type: none; color: black; font-size: 15px; line-height: 28px; }
.grid-item.profile ul.profile-ul li span { color: #444; width: 95px; display: inline-block; text-align: right; }
.grid-item.profile ul.profile-ul.large li span { width: 110px; }
.grid-item.profile .prof-form { display: table; width: 100%; }
.grid-item.profile .prof-form .temp { display: table; width: 100%; margin-bottom: 15px; }
.grid-item.profile .prof-form label { font-size: 15px; font-weight: normal; color: #444; margin-bottom: 15px; width: 100%; }
.grid-item.profile .prof-form input[type="text"], .grid-item.profile .prof-form input[type="password"] { border: 1px solid #D8D8D8; border-radius: 0; height: 32px; line-height: 32px; display: inline-block; width: 230px; margin-right: 10px; }
.grid-item.profile .prof-form button[type="submit"] { width: 32px; height: 32px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #444; background: white; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; text-align: center; display: inline-block; border: 1px solid #D8D8D8; }
.grid-item.profile .prof-form button[type="submit"].center { margin: 0 auto; display: table; }
.grid-item.profile .prof-form button[type="submit"]:hover { background: #dd4330; color: white; border-color: #dd4330; }
.grid-item.profile .networks { display: table; width: 100%; margin-bottom: 20px; }
.grid-item.profile .networks i { width: 65px; height: 65px; display: block; background: #fe9110; color: white; text-align: center; line-height: 65px; font-size: 30px; border-radius: 50%; float: left; }
.grid-item.profile .networks i.blue { background: #00bcd6; }
.grid-item.profile .networks div { display: block; font-size: 18px; font-weight: bold; color: black; width: 155px; padding: 20px 0 0 10px; float: left; box-sizing: border-box; }

.switch { width: 60px; height: 30px; background: #444; margin-left: 15px; position: relative; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; }
.switch div { position: absolute; height: 45px; width: 45px; border-radius: 50%; background: white; border: 1px solid #E0E0E0; top: -7.5px; left: -15px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; cursor: pointer; }
.switch.active { background: #dd4330; }
.switch.active div { position: absolute; height: 45px; width: 45px; border-radius: 50%; background: white; border: 1px solid #E0E0E0; top: -7.5px; left: 35px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; cursor: pointer; }

/* ==== NEW LIST VIEW ===== */
.ui-grid-cell-contents a.photo { display: block; width: 40px; height: 40px; overflow: hidden; margin: 0 auto; border-radius: 50%; }
.ui-grid-cell-contents a.photo img { width: 100%; }

.ui-grid-row, .ui-grid-cell { height: 55px !important; }

.ui-grid-cell-contents { text-align: center; }
.ui-grid-cell-contents button.actions { background: white; color: #444; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid #d9d9d9; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: 35px; height: 35px; margin: 0 5px; }
.ui-grid-cell-contents button.actions:hover { color: white; background: #00bcd6; }

/******************************
*********** RESUME ************
******************************/
.create-resume-container input[type="text"], .create-resume-container input[type="password"] { height: 45px; line-height: 50px; }
.create-resume-container md-input-container label, .create-resume-container md-input-container .md-placeholder { margin-bottom: 4px; }
.create-resume-container .age-form-group .col-xs-6 { padding-top: 9px; }

.create-resume-wrapp .switch { margin: 0; }
.create-resume-wrapp ui-gmap-google-map .angular-google-map { padding: 5px; border: 1px solid #eeeeee; }
.create-resume-wrapp .resume-radios md-radio-button, .create-resume-wrapp .resume-radios md-checkbox { margin: 6px 8px 0 0; min-height: 21px; }
.create-resume-wrapp .submit-block .save-resume { color: #6C6C6C; font-family: 'Roboto', sans-serif; font-weight: 500; }
.create-resume-wrapp .submit-block .save-resume:hover { color: #00BCD6; }
.create-resume-wrapp md-select .md-select-label { border-color: rgba(0, 0, 0, 0.12) !important; }
.create-resume-wrapp md-select .md-select-label:hover { border-bottom-color: #4ECFE0 !important; }
.create-resume-wrapp md-select .md-select-label .md-select-icon { color: #444; }
.create-resume-wrapp md-select:not([disabled]):focus .md-select-label { border-bottom-color: #4ECFE0 !important; }
.create-resume-wrapp md-select .md-select-label.md-placeholder { color: #444; }
.create-resume-wrapp md-select .md-select-label.md-placeholder span { color: #444; }
.create-resume-wrapp .md-select-label { padding-top: 11px; padding-bottom: 11px; }
.create-resume-wrapp .md-select-label span { color: #222; }
.create-resume-wrapp md-select:not([disabled]):focus .md-select-label { padding-bottom: 11px; }
.create-resume-wrapp.photo-xs { padding: 10px; height: 130px; }
.create-resume-wrapp.photo-xs .upload-file { height: 100px; min-height: 100px; background-size: 80px; margin-bottom: 1px; }
.create-resume-wrapp.photo-xs .close-btn { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }

/* ==== CREATE RESUME ==== */
.center-block {float:none;}
.create-resume-header-title {    height: 70px;margin: 0;padding: 0;display: block; padding-top:0px;}
.create-resume-wrapp { background: white; width: 100%; display: block; border: 1px solid #D9D9D9; padding: 20px; position: relative; }
.create-resume-wrapp .types-style { border-bottom: 1px solid rgba(0, 0, 0, 0.12); color: #444 !important; padding: 11px 0; margin-bottom: 0; }
.create-resume-wrapp .types-style:hover { border-color: #4ECFE0; }
.create-resume-wrapp .types-style .caret { float: right; border-top: 5px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; margin-right: 8px; }

.notes-upload { border-top: 1px solid #E0E0E0; font-size: 15px; color: #999; padding-top: 15px; line-height: 18px; }

.upload-file { width: 100%; min-height: 250px; background: url(../img/file-icon.png) no-repeat center; margin-bottom: 20px; }
.upload-file input[type="file"] { visibility: hidden; }
.upload-file.crop { border: 1px solid #E0E0E0; }
.upload-file.crop .image_preview { width: 100%; min-height: 100px; display: table; background-size: cover; background-position: center; position: absolute; }
.upload-file.crop .browse_img { background: #fff; color: #aaa; padding-top: 0; padding-bottom: 0; position: absolute; bottom: 12px; left: 50%; margin-left: -52px; width: 100px; border: 1px solid #e2e2e2; font-family: 'Roboto', sans-serif; font-weight: 400; }
.upload-file.crop .browse_img span { color: #444; background: none; border: none; margin: 0; }
.upload-file.crop .browse_img span:hover { color: #444; }
.upload-file.crop:not(.single) { background-color: #fafafa; }
.upload-file:hover .set_personal, .upload-file:hover .crop-btn { display: inline-block; }
.upload-file.single { background: url(../img/file-temp.png) no-repeat center; }
.upload-file .set_personal, .upload-file .crop-btn { display: none; vertical-align: middle; border-radius: 50%; background-color: #00bcd4; color: #fff; position: relative; width: 30px; height: 30px; left: auto; right: auto; bottom: auto; top: auto; margin: 0; padding: 0; margin-top: 33px; }
.upload-file .set_personal:hover, .upload-file .crop-btn:hover { background-color: #00bcd4 !important; }

.create-resume-wrapp.offset-bottom.photo-xs { padding: 0; border: none; }
.create-resume-wrapp.offset-bottom.photo-xs .close-btn { position: relative; top: 0; right: 0; border: 0; font-size: 11px; width: 100%; font-family: 'Roboto', sans-serif; font-weight: 300; }
.create-resume-wrapp.offset-bottom.photo-xs .close-btn:hover { background: none; color: #ff7676; }

.no-border-bottom { border-bottom: 0; }

input[type="text"].no-margin-bottom { margin-bottom: 0; }

.create-resume-button { background: #bfbebe; border: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: white; line-height: 40px; width: 100%; font-weight: bold; }
.create-resume-button:hover { background: #00bcd6; }

.create-title { font-size: 14px; color: #00bcd4; margin-bottom: 20px; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 400; }

.create-radios { display: table; width: auto; }
.create-radios .radio { margin: 0; display: inline-block; margin-right: 40px; margin-bottom: 15px; }

.create-resume-wrapp .photos-col { display: inline-block; width: 100px; /*height: 100px;*/ margin-right: 15px; }
.create-resume-wrapp .photos-col .image_preview { padding: 7px; border: 1px solid #E0E0E0; width: 100px; height: 100px; }
.create-resume-wrapp .photos-col .image_preview img { max-width: 100%; width: auto; max-height: 82px; }
.create-resume-wrapp .no-padding-first { padding-left: 0; }
.create-resume-wrapp .no-padding-second { padding-right: 0; }
.create-resume-wrapp select { line-height: 30px; }
.create-resume-wrapp .three-selects .select { width: 32%; display: inline-block; }
.create-resume-wrapp .three-selects .select select { padding: 0 10px 0 1px; }
.create-resume-wrapp .three-selects .select:after { content: '▼'; position: absolute; right: 1px; top: 1px; font-size: 8px; color: #CECCCC; background: white; padding: 11px 3px; }
.create-resume-wrapp .two-selects input[type="text"] { width: 48%; float: left; margin-right: 2%; }
.create-resume-wrapp .two-selects .select { width: 50%; float: left; }
.create-resume-wrapp .two-selects .select select { padding: 0 10px 0 1px; }
.create-resume-wrapp .two-selects .select:after { content: '▼'; position: absolute; right: 1px; top: 1px; font-size: 8px; color: #CECCCC; background: white; padding: 11px 3px; }
.create-resume-wrapp textarea { width: 100%; border: 1px solid #d9d9d9; margin-bottom: 15px; min-height: 45px; line-height: 25px; }
.create-resume-wrapp textarea:focus { border-color: #00bcd6; outline: none; }
.create-resume-wrapp .input-width-plus { width: 100%; position: relative; margin-bottom: 15px; }
.create-resume-wrapp .input-width-plus .element { padding-right: 40px; }
.create-resume-wrapp .input-width-plus button.plus { width: 100px; height: 30px; display: block; background: none; border: none; color: gray; position: relative; top: 0; float: right; right: 0; z-index: 10; margin-top: -60px; font-weight: bold; font-family: 'Roboto', sans-serif; font-weight: 500; }
.create-resume-wrapp .input-width-plus button.plus.three-inputs { top: 103px; }
.create-resume-wrapp .input-width-plus button.plus.two-inputs { top: 53px; }
.create-resume-wrapp .input-width-plus button.plus:hover { background: none; color: #00bcd6; }
.create-resume-wrapp .input-width-plus button.plus2 { width: 30px; height: 30px; display: block; background: none; border-radius: 50%; border: 1px solid #d9d9d9; color: gray; position: absolute; top: 4px; right: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 9; }
.create-resume-wrapp .input-width-plus button.plus2.three-inputs { top: 103px; }
.create-resume-wrapp .input-width-plus button.plus2.two-inputs { top: 53px; }
.create-resume-wrapp .input-width-plus button.plus2:hover { background: #00bcd6; color: White; }

.save-resume { font-size: 15px; background-color: #fff; color: #333; line-height: 18px; display: table; width: auto; text-align: center; margin: 10px 0px 0px 10px; border: none; padding: 15px 25px; float: right; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; font-family: 'Roboto', sans-serif; font-weight: 500; }
.save-resume:hover { background: #f0f0f0; color: #00bcd4; }

.create-resume-wrapp.with-out-bg { width: auto; margin: 0 auto; background: none; border: 0; display: table; }

.pac-container { z-index: 1100; /*position: fixed !important;*/ }

.second-resume .two-coloms-profile .two-title, .second-resume .two-coloms-profile { /*border-bottom: 0;*/ }
.second-resume .two-coloms-profile p { word-break: break-word; }
.second-resume .two-coloms-profile .two-title { margin-bottom: 10px; line-height: normal; font-weight: bold; }

.bread { font-size: 18px; padding: 25px 15px; position: absolute; z-index: 8; }
.bread a { color: black; }
.bread b { color: #1f417c; }

.tab-content .md-header.md-paginating { width: 99%; }
.tab-content .right-profile-col textarea { margin-bottom: 15px; }
.tab-content .md-create:not(.create-notes) { float: right; position: absolute; right: 35px; margin-top: -35px; font-size: 20px; color: #999; cursor: pointer; }
.tab-content .ng-binding.ng-scope { padding: 10px 15px; color: #fff; background-color: #00bcd4; text-transform: uppercase; margin-right: 10px; line-height: 45px; }
.tab-content tags-input .tags .tag-item { height: 45px; line-height: 45px; border: 0; border-radius: 0; background: 0; }
.tab-content tags-input .ng-binding.ng-scope { padding-right: 30px; margin-right: -20px; }
.tab-content tags-input .tags { border: none; box-shadow: none; border-bottom: 2px solid #00bcd4; -moz-appearance: none; -webkit-appearance: none; }
.tab-content tags-input .tags .tag-item .remove-button { position: relative; left: -10px; color: #fff; }
.tab-content tags-input .tags .input { height: 45px; }

.right-profile-col { padding: 15px 0px; background: white; display: table; width: 100%; }
.right-profile-col .table { margin-bottom: 0; }
.right-profile-col label { font-weight: normal; }
.right-profile-col textarea { width: 100%; border: 1px solid #D2C9C9; }
.right-profile-col .del { display: block; width: 35px; height: 35px; text-align: center; line-height: 0px; background: none repeat scroll 0% 0% #FFF; border-radius: 50%; color: #808080; font-size: 18px; transition: all 0.2s ease-out 0s; border: none; border: 1px solid #D7D7D7; margin: 15px auto 0; }
.right-profile-col .del:hover { color: white; background: #00bcd4; border-color: #1f417c; }
.right-profile-col button[type="submit"] { background: none; border: none; padding-top: 10px; float: right; font-size: 18px; font-weight: bold; color: #3e82f8; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.right-profile-col button[type="submit"]:hover { color: #1f417c; }
.right-profile-col p { margin-bottom: 0; color: #222; }
.right-profile-col .right-buts { margin: 0; padding: 0; margin-top: 15px; }
.right-profile-col .right-buts li { padding: 0; margin: 0; display: inline-block; margin-right: 15px; }
.right-profile-col .right-buts li a { color: black; }
.right-profile-col .right-buts li a i { color: #444; margin-right: 5px; }

.wrap-datepiecker .form-control:focus { box-shadow: none; }
.wrap-datepiecker .dropdown-menu.datepicker { padding: 25px; }
.wrap-datepiecker .dropdown-menu.datepicker table thead tr th:first-child button, .wrap-datepiecker .dropdown-menu.datepicker table thead tr td:first-child button { width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.wrap-datepiecker .dropdown-menu.datepicker table thead tr th:first-child button i, .wrap-datepiecker .dropdown-menu.datepicker table thead tr td:first-child button i { color: #00bcd4; }
.wrap-datepiecker .dropdown-menu.datepicker table thead tr th:first-child button i:before, .wrap-datepiecker .dropdown-menu.datepicker table thead tr td:first-child button i:before { content: "\f0d9"; font-family: FontAwesome; }
.wrap-datepiecker .dropdown-menu.datepicker table thead tr th:last-child button, .wrap-datepiecker .dropdown-menu.datepicker table thead tr td:last-child button { width: 30px; height: 30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.wrap-datepiecker .dropdown-menu.datepicker table thead tr th:last-child button i, .wrap-datepiecker .dropdown-menu.datepicker table thead tr td:last-child button i { color: #00bcd4; }
.wrap-datepiecker .dropdown-menu.datepicker table thead tr th:last-child button i:before, .wrap-datepiecker .dropdown-menu.datepicker table thead tr td:last-child button i:before { content: "\f0da"; font-family: FontAwesome; }
.wrap-datepiecker .dropdown-menu.datepicker table thead tr th button, .wrap-datepiecker .dropdown-menu.datepicker table thead tr td button { border: none; padding: 0; width: 100%; color: #222; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 12px; text-transform: uppercase !important; }
.wrap-datepiecker .dropdown-menu.datepicker table thead tr th button strong, .wrap-datepiecker .dropdown-menu.datepicker table thead tr td button strong { text-transform: uppercase !important; }
.wrap-datepiecker .dropdown-menu.datepicker table thead tr th.dow, .wrap-datepiecker .dropdown-menu.datepicker table thead tr td.dow { font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 11px; color: #00bcd4; text-transform: uppercase; padding: 12px 0; }
.wrap-datepiecker .dropdown-menu.datepicker table tbody tr td button { border: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 30px !important; height: 30px; line-height: 30px; text-align: center; background: none; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 12px; color: #8b9198; padding: 0; }
.wrap-datepiecker .dropdown-menu.datepicker table tbody tr td button .text-muted { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 12px; color: #bbbbbb; }
.wrap-datepiecker .dropdown-menu.datepicker table tbody tr td button.btn-today { background: #00bcd4; color: #fff; }

.right-profile-col .table-responsive { overflow-x: auto; }

.resume { font-family: 'Roboto', sans-serif; font-weight: 400; padding-top: 25px; }
.resume.resume-container { width: 100%; max-width: 1150px; padding-left: 15px; padding-right: 15px; margin: 0 auto; }
.resume .tab-content tags-input .tags .tag-item { padding: 0; margin: 0; }
.resume md-card { background-color: #fff; display: inline-block; }
.resume md-card md-input-container { width: 100%; }
.resume md-card md-input-container.half_block { width: 45%; }
.resume md-card md-input-container textarea { border-left: none; border-right: none; border-top: none; }
.resume .top-space { padding-top: 45px; }
.resume .profile-thumb { display: table; width: 100%; margin-bottom: 30px; }
.resume .profile-thumb .profile-menu-more { color: #999; float: right; }
.resume .profile-thumb .profile-photo { width: 100%; height: 210px; position: relative; }
.resume .profile-thumb .profile-photo img { min-width: 100%; max-width: none; min-height: 100%; max-height: 350px; }
.resume .profile-thumb .profile-photo .name { position: absolute; bottom: 0; color: white; font-size: 18px; padding: 15px 20px; width: 100%; background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#a6000000",GradientType=0 ); }
.resume .profile-thumb .profile-photo .profile-photo-menu { margin: 0; padding: 8px 8px 0 0; display: table; position: absolute; right: 0; top: 0; }
.resume .profile-thumb .profile-photo .profile-photo-menu li { list-style-type: none; padding: 0; margin: 0; display: inline-block; }
.resume .profile-thumb .profile-photo .profile-photo-menu li a { display: block; width: 35px; height: 35px; text-align: center; line-height: 34px; background: White; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: gray; font-size: 18px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-left: 5px; border: 1px solid #c9c9c9; }
.resume .profile-thumb .profile-photo .profile-photo-menu li a:hover { background: #00BCD6; color: white; }
.resume .profile-thumb .blue-info { display: table; width: 100%; margin: 0; padding: 15px 20px; }
.resume .profile-thumb .blue-info li { list-style-type: none; padding: 0; margin: 0; color: #333; font-size: 12px; line-height: 22px; }
.resume .profile-thumb .blue-info li i { margin-right: 5px; font-size: 16px; color: #00bcd4; }
.resume .profile-thumb .blue-info li i:nth-child(1) { margin-right: 7px; }
.resume .profile-thumb .blue-footer-profile { display: table; width: 100%; background: #3e82f8; color: white; line-height: 50px; padding: 0 20px; }
.resume .profile-thumb .blue-footer-profile a { color: White; font-size: 18px; text-decoration: underline; }
.resume .gallery { display: table; width: 100%; margin-bottom: 30px; }
.resume .gallery p.title { font-size: 18px; font-weight: bold; color: #3e82f8; border-bottom: none; margin-bottom: 30px; line-height: normal; }
.resume .gallery .photo-gal { display: table; width: 100%; }
.resume .gallery .photo-gal img { width: 50%; float: left; }
.resume .gallery .photo-gal a:nth-child(2n) img { border-left: 4px solid transparent; }
.resume .gallery .photo-gal a:nth-child(2n+1) img { border-right: 4px solid transparent; }
.resume .two-coloms-profile { padding: 0; }
.resume .two-coloms-profile .info-item { padding: 25px 20px; border-bottom: 1px solid #eeeeee; }
.resume .two-coloms-profile .info-item:last-child { border-bottom: 0; }
.resume .two-coloms-profile .info-item .right { float: right; }
.resume .two-coloms-profile .info-item .left { float: left; }
.resume .two-coloms-profile .info-item .personal-info-item { margin-bottom: 20px; }
.resume .two-coloms-profile .info-item .right, .resume .two-coloms-profile .info-item .left { width: 50%; }
.resume .two-coloms-profile .info-item .right p, .resume .two-coloms-profile .info-item .left p { padding-left: 25px; font-size: 14px; color: #222; }
.resume .two-coloms-profile .info-item .right p.p_label, .resume .two-coloms-profile .info-item .left p.p_label { /*padding-top: 30px;*/ color: #999; font-size: 11px; }
.resume .two-coloms-profile .no-padding-second { padding-left: 0; padding-right: 0; }
.resume .two-coloms-profile p { font-size: 14px; margin-bottom: 0; line-height: 23px; }
.resume .two-coloms-profile .info-title { font-size: 14px; color: #00bcd4; font-weight: 500; margin-bottom: 20px; text-transform: uppercase; }
.resume .two-coloms-profile .info-title .fa, .resume .two-coloms-profile .info-title .md { font-size: 18px; width: 25px; }
.resume .info-title { font-size: 14px; color: #00bcd4; font-weight: 500; margin-bottom: 20px; text-transform: uppercase; }
.resume .info-title .fa, .resume .info-title .md { font-size: 18px; }
.resume .info-container { width: 100%; /*display: table;*/ border: 1px solid #f2f2f2; background: white; padding: 20px; margin-bottom: 30px; font-family: 'Roboto', sans-serif; font-weight: 400; }
.resume .info-container.left-column-info-container { padding: 0; }
.resume .info-container .simple { padding-left: 25px; color: #222; font-size: 14px; }
.resume .info-container ul { padding-left: 25px; margin-bottom: 0; }
.resume .info-container ul li { list-style-type: none; color: #222; font-size: 14px; line-height: 23px; }
.resume .info-container ul li .addition { color: #444; }
.resume .info-container ul li .md, .resume .info-container ul li .fa { color: #bbbbbb; font-size: 18px; }
.resume .info-container table tr td:nth-child(1) { padding-right: 10px; }
.resume .profile-thumb .left { width: 200px; height: 100%; min-height: 100%; position: absolute; overflow: hidden; left: 0; top: 0; background: white; }
.resume .profile-thumb .left .full-height { height: 100%; }
.resume .profile-thumb .left .caroucel { /*height: 300px;*/ height: 100%; }
.resume .profile-thumb .left .caroucel li { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: -webkit-flex !important; display: -moz-flex !important; display: -ms-flex !important; display: flex !important; text-align: center; }
.resume .profile-thumb .left img { max-width: 100%; width: auto; height: auto; max-height: 100%; display: inline-block; margin: 0 auto; max-height: 200px; }
.resume .profile-thumb .left .rn-carousel-controls .rn-carousel-control-next { top: 170px; right: 15px; width: 20px; height: 20px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #00bcd4; font-size: 12px; opacity: 1; text-align: center; line-height: 20px; font: 16px 'FontAwesome'; }
.resume .profile-thumb .left .rn-carousel-controls .rn-carousel-control-next:before { content: "\f061"; font-size:11px; vertical-align: middle;}
.resume .profile-thumb .left .rn-carousel-controls .rn-carousel-control-prev { top: 170px; right: 40px; width: 20px; height: 20px; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; background: #00bcd4; font-size: 12px; opacity: 1; text-align: center; line-height: 20px; left: auto; font: 16px 'FontAwesome'; }
.resume .profile-thumb .left .rn-carousel-controls .rn-carousel-control-prev:before { content: "\f060"; font-size:11px; vertical-align: middle; }
.resume .profile-thumb .left .profile-photo { height: 100%; max-width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.resume .profile-thumb { border: 1px solid #f2f2f2; font-family: 'Roboto', sans-serif; font-weight: 400; }
.resume .profile-thumb .right { min-height: 200px; margin-left: 200px; background-color: #fff; position: relative; padding-bottom: 50px; }
.resume .profile-thumb .right .wrap-resumename { height: 150px; display: table-cell; vertical-align: bottom; }
.resume .profile-thumb .right .select-dropdown { position: absolute; top: 10px; right: 10px; }
.resume .profile-thumb .right .name { color: #333333; font-size: 24px; font-weight: bold; padding: 0 80px 0 20px; width: 100%; word-break: break-word; text-transform: uppercase; }
.resume .profile-thumb .right .blue-info li { font-size: 14px; line-height: 18px; color: #999; }
.resume .profile-thumb .right .blue-info li span { color: #00bcd4; }
.resume .profile-thumb .right .profile-view-i { margin: 0; padding: 0; list-style: none; position: absolute; bottom: 0; width: 100%; border-top: 1px solid #eee; }
.resume .profile-thumb .right .profile-view-i li { float: right; color: #999; border-left: 1px solid #eee; border-right: 1px solid #eee; border-radius: 0; margin-right: -1px; }
.resume .profile-thumb .right .profile-view-i li:first-child { border-left: none; }
.resume .profile-thumb .right .profile-view-i li:last-child { border-right: none; }
.resume .profile-thumb .right .profile-view-i li button { width: 50px; height: 50px; border-radius: 0; }
.resume .profile-thumb .right .profile-view-i li button.active { background-color: rgba(158, 158, 158, 0.2); border-color: #fff; }
.resume .profile-thumb .left .profile-no-photo { width: 100%; height: 100%; }
.resume .profile-thumb .profile-photo .profile-photo-menu li a.track.active { background: #FE9110; color: white; }
.resume .profile-thumb .profile-photo .profile-photo-menu li a.track.active:hover { background: #FE9110; color: white; }
.resume .profile-thumb.blue-bg { position: relative; color: #333; }
.resume .gallery .photo-gal.new-gal img { width: 25%; }
.resume .personal-contact p.info-title { margin-top: 0; }
.resume .personal-contact ul { padding-left: 0; }
.resume .personal-contact ul li { color: #222; font-size: 14px; line-height: 25px; }
.resume .personal-contact ul li i { width: 30px; }
.resume .personal-contact ul li i:before { text-align: center; width: 18px; display: block; }
.resume .personal-contact .md-padding { width: 100%; padding: 0; }
.resume .personal-contact md-content.recieved-tab, .resume .personal-contact md-content.send-tab, .resume .personal-contact md-content.note-tab { max-height: 316px; overflow: auto; font-family: 'Roboto', sans-serif; font-weight: 400; }
.resume .personal-contact md-content .recieved-tab, .resume .personal-contact md-content .send-tab, .resume .personal-contact md-content .note-tab { max-height: 316px; overflow: auto; font-family: 'Roboto', sans-serif; font-weight: 400; }
.resume .personal-contact md-content.note-tab { padding: 20px !important; }
.resume .personal-contact md-content.note-tab textarea { height: 180px; resize: none; border: none; border-bottom: 1px solid #00bcd4; font-family: 'Roboto', sans-serif; font-weight: 400; color: #222; padding-left: 0; }
.resume .personal-contact md-content.note-tab textarea:focus { border-bottom-width: 2px; }
.resume .personal-contact .save_note { font-size: 15px; font-weight: bold; background: #f0f0f0; color: #00bcd4; line-height: 40px; display: table; width: auto; text-align: center; border: none; padding: 0px 25px; }
.resume .personal-contact.tabs { padding: 10px 0 0 0; font-family: 'Roboto', sans-serif; font-weight: 400; }
.resume .personal-contact.tabs .md-header { border-bottom: 1px solid #eee; }
.resume .personal-contact.tabs .tabs-table { margin-bottom: 0; }
.resume .personal-contact.tabs .tabs-table tr td { padding: 15px 20px; border-bottom: 1px solid #eeeeee; }
.resume .personal-contact.tabs .tabs-table tr td .name { color: #444; font-size: 11px; display: block; }
.resume .personal-contact.tabs .tabs-table tr td .email { color: #222; font-size: 14px; display: block; }
.resume .personal-contact.tabs .tabs-table tr td .date { color: #444; font-size: 14px; }
.resume .personal-contact.tabs .tabs-table tr td:last-child { vertical-align: bottom; text-align: right; }
.resume .personal-contact.tabs md-tab { padding: 15px 15px; font-family: 'Roboto', sans-serif; font-weight: 500; color: #bbbbbb; font-size: 14px; }
.resume .personal-contact.tabs .md-tabs-content { padding: 0 0; }
.resume .personal-contact.tabs md-tabs { font: normal normal normal 14px/1; }
.resume .personal-contact.tabs md-content { font: normal normal normal 14px/1; }
.resume .personal-contact.tabs md-tabs md-tab.active { color: #00bcd4; }
.resume .personal-contact.tabs md-tabs md-tabs-ink-bar { color: #00bcd4; background-color: #00bcd4; }
.resume .personal-contact.tabs .md-tab-content.ng-scope { width: 100%; }
.resume .personal-contact.tabs .save_note { font-size: 15px; font-weight: bold; background: #f0f0f0; color: #00bcd4; line-height: 40px; display: table; width: auto; text-align: center; border: none; padding: 0px 25px; }

.scrolln { height: 200px; overflow: auto; border: 1px solid #c00; }

.resume-nav { display: inline-block; padding-right: 25px; }
.resume-nav a { font-family: 'Roboto', sans-serif; font-weight: 500; margin-top: 22px; position: relative; display: inline-block; color: #999; margin-left: 25px; cursor: pointer; text-transform: uppercase; padding: 7px 0; }
.resume-nav a:hover, .resume-nav a:focus { text-decoration: none; }

.flex-space-between { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: justify !important; -webkit-justify-content: space-between !important; -ms-flex-pack: justify !important; justify-content: space-between !important; }

/* === table width in resume === */
.browse-table.resume tbody tr td { font-size: 12px; }

/* ==== ==== */
.modal-content.statistics.resume-modal .modal-header { display: table; width: 100%; padding: 15px 20px; }
.modal-content.statistics.resume-modal .modal-header img { width: 100%; }
.modal-content.statistics.resume-modal .modal-body .includes-labels .md-label { color: #222; font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 14px; }
.modal-content.statistics.resume-modal .modal-body .includes-block label { margin-bottom: 20px; }
.modal-content.statistics.resume-modal .modal-body .includes-block label md-checkbox { margin: 0; }
.modal-content.statistics.resume-modal .modal-body .photos-share { display: table; width: 100%; }
.modal-content.statistics.resume-modal .modal-body .photos-share .md-checked { background: #00bcd4; }
.modal-content.statistics.resume-modal .modal-body .photos-share .md-checked .md-label { opacity: 0.6; }
.modal-content.statistics.resume-modal .modal-body .photos-share .md-label { margin-left: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.modal-content.statistics.resume-modal .modal-body .photos-share .ph-item { position: relative; display: table; margin: 0 10px 10px 0; float: left; }
.modal-content.statistics.resume-modal .modal-body .photos-share .ph-item img { max-width: 90px; }
.modal-content.statistics.resume-modal .modal-body .photos-share .ph-item .md-container { position: absolute; top: 16px; left: 1px; z-index: 999; }

/* === ENGAGED MODAL === */
.singls-modal { display: table; margin-top: 25px; width: 100%; }
.singls-modal .grid-item.singles { margin: 0 auto; float: none; }

.google-map { width: 100%; height: 195px; margin-bottom: 15px; }
.google-map iframe { width: 100%; height: 100%; }

/* === table styling === */
.ui-grid { border: none; }

.ui-grid-top-panel { background: #f2f2f2; }

.ui-grid-invisible { display: none; }

.ui-grid-cell-contents { padding: 10px 5px; }

.ui-grid-header .ui-grid-vertical-bar { border: none; background: none !important; }

.ui-grid-cell { border: none; }

.ui-grid-row .ui-grid-cell { border-bottom: 1px solid #D9D9D9; }

.search .search-header { position: relative; }
.search .search-header button { position: absolute; display: table; background: none; outline: none; border: none; right: 0; top: 0; height: 100%; padding: 0 10px; line-height: 100%; font-size: 18px; }

.show-button { position: fixed; border: none; color: gray; font-size: 20px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.23); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.23); -ms-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.23); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.23); outline: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 9; right: 3%; }
.show-button:hover { background: #1f417c; color: white; }
.show-button.new-show-button { margin-top: -29px; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center; padding: 0; line-height: 0px; }
.show-button.new-show-button .fa { font-size: 15px; text-align: center; }

.left-offset { padding-left: 45px; }

.row[ng-controller="TogglesearchCtrl"] { position: relative; }

/* === RESPONISVE ==== */
.show-menu { float: left; background: none; color: #3e82f8; font-size: 21px; outline: none; border: none; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; margin-top: -11px; margin-left: -12px; width: 75px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; padding: 12px 20px !important; }
.show-menu:hover { background: rgba(255, 255, 255, 0.17); }

.grid-item.profile.network { /*margin-bottom: 195px;*/ }

.profile.grid-item .prof-form button[type='submit'] { line-height: 27px; }

.upload-file.pop-up { height: 60px; min-height: inherit; background: none; position: relative; }
.upload-file.pop-up .photo-holder { display: block; width: 60px; height: 60px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; border: 1px solid #cccccc; background: url(../img/file-temp.png) no-repeat center; background-size: 90px; background-position: center -4px; }
.upload-file.pop-up .photo-holder img { height: 100%; width: auto; }
.upload-file.pop-up .file-path { width: 72%; border: 1px solid #cccccc; display: block; height: 40px; top: 10px; position: absolute; margin-left: 70px; box-sizing: border-box; line-height: 40px; padding-left: 10px; }
.upload-file.pop-up .pop-up-upload { background: #bfbebe; border: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: white; line-height: 40px; font-weight: bold; display: table; padding: 0 15px; position: absolute; top: 10px; cursor: pointer; right: 0; z-index: 10; }
.upload-file.pop-up .pop-up-upload:hover { background: #dd4330; }

.create-resume-wrapp .input-width-plus .element { position: relative; }

button.plus { width: 30px; height: 30px; display: block; background: none; border-radius: 50%; border: 1px solid #d9d9d9; color: gray; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 10; position: absolute; margin-top: 3px; right: 36px; }
button.plus:hover { background: #00bcd6; color: White; }

.right-form-new { padding-right: 40px; }

button.minus { width: 30px; height: 30px; display: block; background: none; border-radius: 50%; border: 1px solid #d9d9d9; color: gray; z-index: 10; position: absolute; margin-top: -100px; right: 36px; }
button.minus:hover { background: #00bcd6; color: White; }

.angular-google-map-container { height: 200px; }

.upload-gallery { width: 100%; }
.upload-gallery div { text-align: center; }
.upload-gallery input[type="file"] { visibility: hidden; width: 1px; }

.browse-table tbody tr td button.actions.active { background: #fe9110; color: white; }

.search .search-wrapper .duo label { width: 100%; }
.search .search-wrapper .duo .select:nth-child(2) { width: 48%; margin-right: 4%; float: left; }
.search .search-wrapper .duo .select:last-child { width: 48%; float: left; }

.profile-name { font-size: 12px; color: #1f417c; padding-bottom: 15px; display: block; font-weight: bold; }

.modal-footer { padding: 5px 20px 20px; }

textarea { padding: 10px; }

.grid-item .temp button.actions.active { background: #fe9110; color: white; }

.resume .gallery .photo-gal img { margin-bottom: 10px; }

.forward-photo { width: 70px; float: left; height: 70px; overflow: hidden; margin-right: 15px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.forward-photo img { border-radius: 0; width: auto; height: auto; float: none; margin: 0; }

.close-gallery { float: right; color: lightgray; }

.modal-md { width: 442px; }

.left-menu-dropdown { padding: 0 5px 0; }
.left-menu-dropdown .select select { background: none; border: none; color: black; }
.left-menu-dropdown .select:after { font-size: 15px; color: #797979; }

.md-label:before { content: " "; }

md-radio-button .md-on { background-color: #00bcd4; }

md-radio-button .md-off, md-radio-button.md-checked .md-off { border-color: #d9d9d9; }

md-radio-group { border: none; }
md-radio-group .md-label { vertical-align: inherit; }

.select .btn-default { width: 100%; text-align: left; border-radius: 0; background: white; border: none; border-bottom: 1px solid #d9d9d9; color: #444; line-height: 20px; height: 35px; }
.select .btn-default:hover, .select .btn-default:focus { border-bottom: 1px solid #00bcd4; }

.select .dropdown-menu { margin-top: -20px; border-radius: 0; border: 1px solid #d9d9d9; overflow: auto; height: 300px; width: 90%; }

.select.non-overflow { overflow: inherit; }

.info-title { clear: both; }

.resume .profile-thumb .profile-photo .profile-photo-menu li a.track.active { background: #FE9110; color: white; }
.resume .profile-thumb .profile-photo .profile-photo-menu li a.track.active:hover { background: #FE9110; color: white; }

.crop { position: relative; width: 100%; }
.crop span { cursor: pointer; font-size: 15px; font-weight: bold; background: #1f417c; color: white; line-height: 40px; display: table; width: 100%; text-align: center; margin: 20px auto 0; border: 2px solid #1f417c; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.crop span:hover { background: none; color: #1f417c; }
.crop input { visibility: hidden; position: absolute; }

.menu-collapse-container { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }

.left-container-offset { padding-left: 230px; }

.button-area { display: table; margin: 0 auto; }
.button-area .del { float: left; }
.button-area .del:nth-child(1) { margin-right: 10px; }

.create-resume-wrapp .three-selects .select { overflow: inherit; }

.dropdown-menu.datepicker table td { border: none !important; }

.offset-bottom { margin-bottom: 15px; }

.close-btn { position: absolute; top: 10px; right: 10px; }

.crop-btn { position: absolute; top: 10px; right: 55px; }
.crop-btn.btn-xs { right: 35px; }

.form-group.no-offset-bottom { margin-bottom: 0; overflow-x: visible; }

.form-group.rad { padding-top: 15px; margin-bottom: 0; }
.form-group.rad label { margin-bottom: 0; }
.form-group.rad .create-radios { display: table; height: 50px; padding-top: 7px; }
.form-group.rad .create-radios .radio { margin-bottom: 0; padding-left: 15px; }
.form-group.rad .create-radios .radio:nth-child(2) { margin-right: 0; }

.no-label-offset { margin-top: 43px; }

.check-box { font-size: 12px; }

.crop-window { position: relative; width: 100%; height: 400px; overflow: hidden; background: black; }

.crop-mini { display: block; overflow: hidden; width: 200px; height: 200px; position: absolute; top: 10px; right: 10px; border: 5px solid rgba(255, 255, 255, 0.27); }
.crop-mini img { width: 100%; height: 100%; }

.radios-duo .radio { margin: 0; display: inline-block; }
.radios-duo .radio:first-child { margin-right: 40px; }

.btn-reset-password { border: none; background: #d7d7d7; color: white; line-height: 40px; width: 100%; font-weight: bold; margin-bottom: 15px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.btn-reset-password:hover, .btn-reset-password:focus { background: #dd4330; }

.profile-pages .grid-item.profile { min-height: inherit; float: none; display: inline-block; vertical-align: top; }

.cl1, .cl2, .cl3 { display: none; }

.no-resume { padding: 150px 0; }
.no-resume img { display: block; margin: 0 auto; }

.grid-item { min-height: 350px; }

.grid-item.singles, .grid-item.engaged { min-height: inherit; }

.radios-grender label { margin-right: 30px; }

.grid-item.profile .networks { cursor: default; }

.tab-content > .active { display: table; }

.profile-pages .grid-item.profile.large { width: 500px; }
.profile-pages .grid-item.profile.large .table-responsive { max-height: 300px; overflow-y: auto; }

.cl2.show-fix { display: block; }

@media (max-width: 570px) { .profile-pages .grid-item.profile.large { width: 100%; } }
.panel-success { text-align: center; background: rgba(0, 128, 0, 0.6); padding: 5px; margin-top: 15px; border: none; font-weight: bold; color: white; }

.panel-danger { text-align: center; background: rgba(195, 0, 0, 0.63); padding: 5px; margin-top: 15px; border: none; font-weight: bold; color: white; }

.table-responsive { clear: both; }

.small-device-flex { display: block; }

.flex-1 { -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; }

.flex-2 { -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; }

.flex-3 { -webkit-order: 3; -moz-order: 3; -ms-order: 3; order: 3; }

.search.engaged .create button:hover { background: #3e82f8; }

.search.browse .create button:hover { background: #00bcd6; }

.resume-btns .profile-photo-menu { margin: 0; padding: 8px 8px 0 0; display: table; position: absolute; left: 15px; top: -10px; }
.resume-btns .profile-photo-menu li { list-style-type: none; padding: 0; margin: 0; display: inline-block; }
.resume-btns .profile-photo-menu li a { display: block; width: 35px; height: 35px; text-align: center; line-height: 32px; background: White; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: gray; font-size: 18px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; margin-left: 5px; border: 1px solid #c9c9c9; }
.resume-btns .profile-photo-menu li a:hover { background: #00BCD6; color: white; }

.pop-up-item { position: relative; width: 100%; display: table; padding: 10px 0; border-bottom: 1px solid #d9d9d9; padding-left: 60px; }
.pop-up-item:hover, .pop-up-item.active { color: #1f417c; }
.pop-up-item img { display: block; width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; position: absolute; left: 0; top: 10px; }
.pop-up-item p { font-size: 12px; margin: 0; line-height: 18px; }

.resume-btns .profile-photo-menu li a { cursor: pointer; }

.resume-btns .profile-photo-menu li a.active { background: #00BCD6; color: white; }

.angucomplete-dropdown { width: 100%; }

.angucomplete-title, .angucomplete-description { color: #1f417c; }

label.includes { display: block; }

.includes-labels { width: 33.333%; }

.profile-top-save-btn { z-index: 99; position: fixed; top: 75px; right: 35px; font-family: 'Roboto', sans-serif; font-weight: 500; cursor: pointer; text-decoration: none; color: #00bcd4; }
.profile-top-save-btn:hover, .profile-top-save-btn.active, .profile-top-save-btn:focus { color: #00bcd4; text-decoration: underline; }

.n-search .search-header { text-align: left; padding: 0 !important; }
.n-search.search { padding: 0; }

label:not(.md-no-float).wrap-tags { -webkit-transform: translate3d(0, 5px, 0) scale(1); transform: translate3d(0, 5px, 0) scale(1); }

md-input-container .md-placeholder { /*left: -8px;*/ text-indent: none; top: auto; bottom: 38px; opacity: 1; transition: none; }

md-input-container { top: auto; }
md-input-container.md-input-focused .md-placeholder { transform: none; bottom: 46px; top: auto; }

/* Statistic page */
.statistic-heading { -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); -ms-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); margin-top: 30px; }
.statistic-heading .statistic-block-box { display: block; float: left; width: 16.6%; text-align: right; border-right: 1px solid #eeeeee; }
.statistic-heading .statistic-block-box .counting { height: 105px; padding-top: 45px; padding-right: 50px; }
.statistic-heading .statistic-block-box .counting .count { display: block; font-size: 35px; color: #00bcd4; font-family: 'Roboto', sans-serif; font-weight: 500; line-height: 40px; }
.statistic-heading .statistic-block-box .counting .name { display: block; color: #444; text-transform: uppercase; font-family: 'Roboto', sans-serif; font-weight: 500; }
.statistic-heading .statistic-block-box .icon { height: 36px; margin-left: 20px; background: url(../img/icons/file-ico.png) left center no-repeat; background-size: contain; }
.statistic-heading .statistic-block-box .icon.icon-users { background-image: url(../img/icons/users-ico.png); }
.statistic-heading .statistic-block-box .icon.icon-heart { background-image: url(../img/icons/heart-ico.png); }
.statistic-heading .statistic-block-box .icon.icon-male { background-image: url(../img/icons/male-ico.png); }
.statistic-heading .statistic-block-box .icon.icon-female { background-image: url(../img/icons/female-ico.png); }

/****************************/
/*** AUTOCOMPLETE ENGAGED ***/
/****************************/
.angucomplete-dropdown { max-height: 500px; overflow: auto; font-family: 'Roboto', sans-serif; font-weight: 400; }
.angucomplete-dropdown .angucomplete-row { padding: 10px; margin-bottom: 0; border-bottom: 1px solid #eeeeee; display: table; width: 100%; }
.angucomplete-dropdown .angucomplete-row:after { clear: both; height: 0; display: table; content: ''; }
.angucomplete-dropdown .angucomplete-row:before { clear: both; height: 0; display: table; content: ''; }
.angucomplete-dropdown .angucomplete-row:hover { background: #effdff; }
.angucomplete-dropdown .angucomplete-row .angucomplete-image-holder, .angucomplete-dropdown .angucomplete-row .name-mail, .angucomplete-dropdown .angucomplete-row .city-country, .angucomplete-dropdown .angucomplete-row .counters { display: table-cell; vertical-align: middle; }
.angucomplete-dropdown .angucomplete-row .angucomplete-image-holder .top-info, .angucomplete-dropdown .angucomplete-row .name-mail .top-info, .angucomplete-dropdown .angucomplete-row .city-country .top-info, .angucomplete-dropdown .angucomplete-row .counters .top-info { display: block; font-size: 14px; color: #222; font-family: 'Roboto', sans-serif; font-weight: 500; }
.angucomplete-dropdown .angucomplete-row .angucomplete-image-holder .bottom-info, .angucomplete-dropdown .angucomplete-row .name-mail .bottom-info, .angucomplete-dropdown .angucomplete-row .city-country .bottom-info, .angucomplete-dropdown .angucomplete-row .counters .bottom-info { display: block; font-size: 14px; color: #444; font-family: 'Roboto', sans-serif; font-weight: 400; }
.angucomplete-dropdown .angucomplete-row .angucomplete-image-holder { margin-left: 0; margin-right: 10px; width: 47px; }
.angucomplete-dropdown .angucomplete-row .angucomplete-image-holder .angucomplete-image { width: 47px; height: 47px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; }
.angucomplete-dropdown .angucomplete-row .name-mail, .angucomplete-dropdown .angucomplete-row .city-country { width: 40%; }
.angucomplete-dropdown .angucomplete-row .counters { width: 50px; text-align: center; }

/**************************/
/******* SCROLL BAR *******/
/**************************/
/**************************/
/******* SCROLL BAR *******/
/**************************/
.engage-modal .grid-item { margin: 0; min-height: 0; }
.engage-modal .grid-item .temp .item-info { max-width: none; }

/**************************/
/******* SCROLL BAR *******/
/**************************/
.ngsb-wrap .ngsb-scrollbar { opacity: 1; width: 6px; margin-right: 2px; }
.ngsb-wrap .ngsb-scrollbar .ngsb-track { background: none; }
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos { background: #c8c8c8; }
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb { background: #c8c8c8; opacity: 1; }
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos:hover .ngsb-thumb { background: #c8c8c8; }
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos:active { background: #c8c8c8; }

/****************************/
/************MEDIA***********/
/****************************/
@media (max-width: 1740px) { .resume-tables .col-lg-6 { width: 100%; } }
@media (max-width: 1280px) { .col-lg-9 { width: 100%; }
  .col-md-3.non-left { position: absolute; z-index: 9; max-width: 300px; margin-bottom: 0; width: 300px; right: 0; top: -4px; } }
@media (max-width: 1024px) { .container-right { display: block; }
  .table-responsive { width: 100%; max-width: 100vh; overflow-x: scroll; }
  .col-md-3.non-left { width: 300px; }
  .resume .top-space { display: table; } }
@media (max-width: 960px) { .create-resume-wrapp .no-padding-second { padding-left: 0; }
  .container-right { display: block; }
  .resume .profile-thumb { width: 50%; padding-right: 15px; float: left; }
  .resume .gallery { width: 50%; float: left; }
  .table-responsive { width: 100%; max-width: 100vh; overflow-x: scroll; } }
@media (max-width: 854px) { .col-md-3.non-left { max-width: 300px; } }
/*@media (max-width:800px) {
 .container-right { padding-left: 0; }
 .left-offset { padding-left:20px; padding-top: 35px; }
 .grid-item.engaged { width:100%; }
 .blue-menu .blue-but, .blue-menu .login { line-height: 45px; font-size: 24px; }
 .col-md-3.non-left { top:-30px; }
 .show-menu { margin-top: 5px; }

}*/
@media (max-width: 480px) { .grid-item.engaged .temp { width: 100%; }
  .grid-item.engaged .temp:nth-child(3) { width: 100%; margin-top: 95px; }
  .grid-item.engaged { width: 320px; margin: 0 auto 30px; float: none; display: table; }
  .resume .profile-thumb { width: 100%; }
  .resume .gallery { width: 100%; }
  .grid-item { margin: 0 auto 30px; float: none; }
  .grid-item.profile, .grid-item.profile.pro320, .grid-item.profile.pro395, .grid-item.profile.network { width: 100%; margin-bottom: 30px; } }
@media (max-width: 360px) { .resume .top-space { padding-top: 70px; }
  .table.browse-table.resume td { padding: 5px; } }
@media (max-height: 480px) { .left-bar { position: absolute; height: 140%; } }
@media (max-width: 960px) { .resume .profile-thumb.blue-bg { width: 100%; padding-right: 0; } }
@media (max-width: 560px) { .resume .profile-thumb .left { width: 100%; position: inherit; }
  .resume .profile-thumb .right { margin-left: 0; width: 100%; } }
@media (max-width: 1280px) { .small-device-flex { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; }
  .submit-block.col-lg-offset-3 { margin-left: 0; } }
@media (max-width: 600px) { .includes-labels { width: 100%; } }

/*# sourceMappingURL=main.css.map */

/*shevi code*/
.color-red {
    color: red;
}
label[disabled] {
    color: #ccc !important;
}

.network-menu-button md-select {display: inline-block;}