vid-app-common/src/main/webapp/app/vid/styles/modal-create-new.css

   1 .modal-dialog {
   2     width: 587px;
   3     border-radius: 8px;
   4 }
   5
   6 .modal-content {
   7     width: 587px;
   8     border-radius: 8px;
   9     background-color:  #ffffff;
  10     font-family: "OpenSans-Regular";
  11 }
  12
  13 .modal-content .modal-body {
  14     padding: 15px 35px 5px 35px;
  15 }
  16
  17 .modal-body .connect-error,
  18 .modal-body .icon-alert.error {
  19     font-family: OpenSans-Regular !important;
  20     color: #CF2A2A;
  21     font-size: 14px;
  22 }
  23
  24 .modal-body .icon-alert:before {
  25     color: #CF2A2A;
  26     cursor: default;
  27     font-family: 'icomoon' !important;
  28     padding-right: 5px;
  29 }
  30
  31 .modal-header {
  32     border: none!important;
  33     padding: 15px 35px 0px 35px!important;
  34 }
  35
  36 .modal-header h3 {
  37     font-family: "OpenSans-Regular";
  38     color:  #191919;
  39     font-size: 22px;
  40     font-weight: 300;
  41     line-height: 16px;
  42     padding-bottom: 20px;
  43     border-bottom: 3px solid #009fdb;
  44
  45 }
  46
  47 .modal-close {
  48     margin: -40px 5px 0 0;
  49     color: #5a5a5a;
  50     font-size: 20px;
  51     cursor: pointer;
  52 }
  53
  54 .form-group .control-label {
  55     font-family: OpenSans-Semibold;
  56     font-size: 12px;
  57     color: #191919;
  58 }
  59
  60 select {
  61     background: url(../images/chevron.png) no-repeat 98% 10px !important;
  62 }
  63
  64 input::placeholder {
  65     text-align: left;
  66     font-family: OpenSans-Regular;
  67     font-size: 14px;
  68     color: #a9a9a9;
  69 }
  70
  71 .form-group .connect-error {
  72     border: 1.5px solid #CF2A2A;
  73 }
  74
  75 .form-group .grayedOut {
  76     font-family: OpenSans-Regular;
  77     font-size: 14px;
  78     color: #a9a9a9;
  79     opacity: 0.54;
  80 }
  81
  82 .form-group .grayedOut option {
  83     font-family: OpenSans-Regular;
  84     font-size: 14px;
  85     color: #555;
  86     opacity: 1;
  87 }
  88
  89 button.dropdown-toggle {
  90     text-align: left;
  91 }
  92
  93 button[disabled].dropdown-toggle {
  94     opacity: 1;
  95     cursor: not-allowed;
  96     background-color: #eee;
  97     border: 1px solid #aaa;
  98     color: #a0a0a0;
  99 }
 100
 101 multiselect[disabled] {
 102     cursor: not-allowed;
 103 }
 104
 105 a.item-unselected:before {
 106     font-family: "icomoon"!important;
 107     content: "\e90c";
 108     color: #4ca90c;
 109 }
 110
 111 .form-create .modal-footer {
 112     margin-top: 0;
 113 }
 114
 115 .form-create .modal-footer .btn,
 116 .form-create .modal-footer .btn:hover {
 117     font-family: "OpenSans-Semibold";
 118     border-radius: 5px;
 119     border: 1px solid #009FDB;
 120     font-size: 13px;
 121     line-height: 30px;
 122     text-align: center;
 123     padding: 4px 12px !important;
 124     width: 120px;
 125     height: 36px;
 126 }
 127
 128 .form-create .modal-footer .btn-white,
 129 .form-create .modal-footer .btn-white:hover {
 130     background-color:  #FFFFFF;
 131     color:  #009FDB;
 132 }
 133
 134 .form-create .modal-footer .btn-primary,
 135 .form-create .modal-footer .btn-primary:hover{
 136     background-color:  #009FDB;
 137     color:  #FFFFFF;
 138 }
 139
 140 .vnf-versions-container .table {
 141     position: relative;
 142     background-color: #f8f8f8;
 143     background-clip: padding-box;
 144     border-radius: 6px;
 145     outline: 0;
 146 }
 147
 148 .file-wrapper {
 149     display: flex;
 150 }
 151
 152 .file-input {
 153     display: inline-block !important;
 154     width: 0.1px;
 155 }
 156
 157 .file-input-label {
 158     width: 389px;
 159     height: 37px;
 160     background: #FFFFFF;
 161     border: 1px solid #D2D2D2;
 162     border-radius: 2px;
 163     display: inline-block;
 164     line-height: 37px;
 165     font-weight: normal !important;
 166     padding-left: 12px;
 167     border-bottom-right-radius: 0;
 168     border-top-right-radius: 0;
 169     flex: 1;
 170 }
 171
 172 .vnf-versions-name {
 173     padding-top: 6px;
 174     font-family: "OpenSans-Regular";
 175     position: absolute;
 176 }
 177
 178 .vnf-versions-select-as-text {
 179     font-family: "OpenSans-Regular";
 180     appearance: none;
 181     -webkit-appearance: none;
 182     -moz-appearance: none;
 183     border: none;
 184     overflow:hidden;
 185     background-color: #f8f8f8;
 186     height: 31px;
 187 }
 188
 189 .vnf-files-select {
 190     z-index: 999;
 191     opacity: 0.0;
 192     position: absolute;
 193     width: 23%;
 194     cursor: pointer;
 195     height:100%;
 196 }